/* Dębina Sunset 1.5.37 — stabilny środkowy blok hero */

html,body{max-width:100%;overflow-x:hidden}
body *{min-width:0}
img,video,iframe,svg{max-width:100%}

/* Desktop: film, zwarty tekst i zdjęcie w trzech kolumnach. */
@media (min-width:1320px){
  .hero{min-height:620px!important;padding-bottom:20px!important}
  .hero-grid{
    width:min(1480px,calc(100% - 56px))!important;
    max-width:1480px!important;
    height:470px!important;
    min-height:470px!important;
    margin:0 auto!important;
    padding:16px 0 0!important;
    display:grid!important;
    grid-template-columns:minmax(300px,29fr) minmax(520px,42fr) minmax(300px,29fr)!important;
    grid-template-rows:1fr!important;
    gap:20px!important;
    align-items:center!important;
  }
  .hero-video-card{
    grid-column:1!important;grid-row:1!important;
    width:100%!important;height:410px!important;
    margin:0!important;padding:0!important;align-self:center!important
  }
  .hero-video-card .video-frame{
    width:100%!important;height:100%!important;aspect-ratio:auto!important;
    border-radius:21px!important;overflow:hidden!important
  }
  .hero-copy{
    grid-column:2!important;grid-row:1!important;
    width:100%!important;height:410px!important;
    margin:0!important;padding:4px 6px 0!important;
    display:flex!important;flex-direction:column!important;
    justify-content:center!important;align-items:stretch!important;text-align:left!important
  }
  .hero-script{font-size:clamp(34px,2.5vw,42px)!important;line-height:1!important;margin:0 0 3px!important}
  .hero-copy h1{
    max-width:8.2ch!important;
    font-size:clamp(49px,3.75vw,62px)!important;
    line-height:.91!important;letter-spacing:-.032em!important
  }
  .hero-subtitle{font-size:15px!important;line-height:1.35!important;margin:12px 0 17px!important;max-width:100%!important}
  .hero-facts{
    width:100%!important;display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:0!important;padding-top:15px!important;margin:0!important;overflow:hidden!important
  }
  .hero-facts span{
    width:100%!important;min-width:0!important;max-width:100%!important;
    display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;column-gap:6px!important;
    align-items:center!important;padding:1px 8px!important;
    border-right:1px solid rgba(255,255,255,.12)!important;overflow:hidden!important
  }
  .hero-facts span:nth-child(n){grid-column:auto!important;display:grid!important}
  .hero-facts span:last-child{border-right:0!important}
  .hero-facts svg{width:21px!important;height:21px!important;grid-row:1/3!important}
  .hero-facts b,.hero-facts small{display:block!important;min-width:0!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
  .hero-facts b{font-size:11.5px!important;line-height:1.08!important}
  .hero-facts small{font-size:9.5px!important;line-height:1.14!important}
  .hero-facts span:first-child small{max-width:100%!important}
  .hero-actions{
    width:100%!important;display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;margin-top:19px!important
  }
  .hero-actions .btn{width:100%!important;min-height:52px!important;padding:11px 13px!important;white-space:normal!important;text-align:center!important}
  .hero-photo-slider{
    grid-column:3!important;grid-row:1!important;
    width:100%!important;height:410px!important;margin:0!important;
    align-self:center!important;border-radius:21px!important;overflow:hidden!important
  }
  .hero-slide figcaption{left:13px!important;right:13px!important;max-width:calc(100% - 26px)!important}
  .hero-contact-bar{
    position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;
    width:min(1480px,calc(100% - 56px))!important;margin:17px auto 0!important;padding:12px 15px!important;
    display:grid!important;grid-template-columns:minmax(210px,.82fr) minmax(190px,.72fr) minmax(310px,1.08fr) minmax(240px,.88fr)!important;
    gap:0!important;align-items:center!important
  }
  .contact-bar-intro{display:block!important;padding:4px 16px 4px 0!important}
  .hero-contact-bar>a:not(.btn){min-width:0!important;padding:7px 16px!important}
  .hero-contact-bar>a b,.hero-contact-bar>a span{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .hero-contact-bar .btn{grid-column:auto!important;width:100%!important;min-height:52px!important;justify-content:center!important}
}

/* Laptop: większa kolumna tekstowa i jeden równy rząd faktów. */
@media (min-width:1100px) and (max-width:1319px){
  .hero{min-height:570px!important;padding-bottom:18px!important}
  .hero-grid{
    width:min(1240px,calc(100% - 38px))!important;max-width:1240px!important;
    height:430px!important;min-height:430px!important;margin:0 auto!important;padding:14px 0 0!important;
    display:grid!important;grid-template-columns:minmax(245px,27fr) minmax(430px,46fr) minmax(245px,27fr)!important;
    grid-template-rows:1fr!important;gap:14px!important;align-items:center!important
  }
  .hero-video-card{grid-column:1!important;grid-row:1!important;width:100%!important;height:375px!important;margin:0!important;padding:0!important}
  .hero-video-card .video-frame{width:100%!important;height:100%!important;aspect-ratio:auto!important;border-radius:18px!important}
  .hero-copy{grid-column:2!important;grid-row:1!important;width:100%!important;height:375px!important;margin:0!important;padding:3px 4px 0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;text-align:left!important}
  .hero-script{font-size:clamp(31px,3vw,38px)!important;line-height:1!important;margin:0 0 2px!important}
  .hero-copy h1{max-width:8.1ch!important;font-size:clamp(45px,4.45vw,54px)!important;line-height:.92!important;letter-spacing:-.03em!important}
  .hero-subtitle{font-size:13px!important;line-height:1.32!important;margin:10px 0 14px!important}
  .hero-facts{width:100%!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;padding-top:13px!important;overflow:hidden!important}
  .hero-facts span{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:5px!important;align-items:center!important;padding:1px 6px!important;border-right:1px solid rgba(255,255,255,.12)!important;overflow:hidden!important}
  .hero-facts span:nth-child(n){grid-column:auto!important;display:grid!important}
  .hero-facts span:last-child{border-right:0!important}
  .hero-facts svg{width:19px!important;height:19px!important;grid-row:1/3!important}
  .hero-facts b{font-size:10.5px!important;line-height:1.08!important;white-space:normal!important}
  .hero-facts small{font-size:8.8px!important;line-height:1.12!important;white-space:normal!important}
  .hero-actions{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:16px!important}
  .hero-actions .btn{min-height:48px!important;font-size:10.5px!important;padding:9px!important;white-space:normal!important}
  .hero-photo-slider{grid-column:3!important;grid-row:1!important;width:100%!important;height:375px!important;margin:0!important;border-radius:18px!important}
  .hero-slide figcaption{left:11px!important;right:11px!important;max-width:calc(100% - 22px)!important;padding:12px 13px!important}
  .hero-slide figcaption strong{font-size:19px!important}.hero-slide figcaption small{font-size:9px!important}
  .hero-contact-bar{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:min(1240px,calc(100% - 38px))!important;margin:14px auto 0!important;padding:11px 13px!important;display:grid!important;grid-template-columns:minmax(175px,.8fr) minmax(175px,.72fr) minmax(250px,1fr) minmax(210px,.84fr)!important;gap:0!important}
  .contact-bar-intro{display:block!important;padding-right:11px!important}.hero-contact-bar>a:not(.btn){padding:6px 11px!important}.hero-contact-bar .btn{grid-column:auto!important;width:100%!important;min-height:48px!important}
}

/* 900–1099 px: film i tekst obok siebie, ale środkowa treść jest mniejsza i równa. */
@media (min-width:900px) and (max-width:1099px){
  .hero{min-height:0!important;padding-bottom:20px!important}
  .hero-grid{width:min(1040px,calc(100% - 34px))!important;max-width:1040px!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding:20px 0 0!important;display:grid!important;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;grid-template-rows:auto auto!important;gap:18px!important;align-items:start!important}
  .hero-video-card{grid-column:1!important;grid-row:1!important;width:100%!important;height:295px!important;margin:0!important;padding:0!important}
  .hero-video-card .video-frame{width:100%!important;height:100%!important;aspect-ratio:auto!important;border-radius:17px!important}
  .hero-copy{grid-column:2!important;grid-row:1!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;text-align:left!important;align-items:flex-start!important}
  .hero-script{font-size:32px!important;line-height:1!important;margin-bottom:2px!important}
  .hero-copy h1{font-size:clamp(40px,4.8vw,49px)!important;line-height:.93!important;max-width:8ch!important;letter-spacing:-.028em!important}
  .hero-subtitle{font-size:12px!important;line-height:1.3!important;margin:9px 0 13px!important}
  .hero-facts{width:100%!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;padding-top:12px!important;overflow:hidden!important}
  .hero-facts span{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:5px!important;border-right:1px solid rgba(255,255,255,.12)!important;padding:1px 5px!important;overflow:hidden!important}
  .hero-facts span:nth-child(n){display:grid!important;grid-column:auto!important}.hero-facts span:last-child{border-right:0!important}
  .hero-facts svg{width:17px!important;height:17px!important;grid-row:1/3!important}.hero-facts b{font-size:9.5px!important;line-height:1.08!important;white-space:normal!important}.hero-facts small{font-size:8px!important;line-height:1.1!important;white-space:normal!important}
  .hero-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:14px!important}.hero-actions .btn{font-size:9.5px!important;min-height:45px!important;padding:8px!important;white-space:normal!important}
  .hero-photo-slider{grid-column:1/-1!important;grid-row:2!important;width:100%!important;height:300px!important;margin:0!important;border-radius:17px!important}
  .hero-contact-bar{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:min(1040px,calc(100% - 34px))!important;margin:17px auto 0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.contact-bar-intro{display:none!important}.hero-contact-bar .btn{grid-column:1/-1!important}
}

/* Tablet: oba media w pierwszym rzędzie, pełna czytelna treść pod nimi. */
@media (min-width:681px) and (max-width:899px){
  .hero{min-height:0!important;padding-bottom:20px!important}
  .hero-grid{width:min(850px,calc(100% - 30px))!important;max-width:850px!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding:18px 0 0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto auto!important;gap:16px!important;align-items:start!important}
  .hero-video-card{grid-column:1!important;grid-row:1!important;width:100%!important;height:230px!important;margin:0!important;padding:0!important}.hero-video-card .video-frame{width:100%!important;height:100%!important;aspect-ratio:auto!important;border-radius:16px!important}
  .hero-photo-slider{grid-column:2!important;grid-row:1!important;width:100%!important;height:230px!important;margin:0!important;border-radius:16px!important}
  .hero-copy{grid-column:1/-1!important;grid-row:2!important;width:100%!important;height:auto!important;margin:0!important;padding:4px 0 0!important;text-align:left!important;align-items:flex-start!important}
  .hero-script{font-size:31px!important}.hero-copy h1{font-size:clamp(39px,6vw,47px)!important;line-height:.94!important;max-width:8ch!important}.hero-subtitle{font-size:12px!important;margin:9px 0 13px!important}
  .hero-facts{width:100%!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;padding-top:12px!important;overflow:hidden!important}.hero-facts span{display:grid!important;grid-template-columns:19px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:5px!important;padding:1px 6px!important;border-right:1px solid rgba(255,255,255,.12)!important;overflow:hidden!important}.hero-facts span:nth-child(n){display:grid!important;grid-column:auto!important}.hero-facts span:last-child{border-right:0!important}.hero-facts svg{width:18px!important;height:18px!important;grid-row:1/3!important}.hero-facts b{font-size:9.5px!important;white-space:normal!important}.hero-facts small{font-size:8px!important;white-space:normal!important}
  .hero-actions{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:14px!important}.hero-actions .btn{font-size:9.5px!important;min-height:45px!important;padding:8px!important;white-space:normal!important}
  .hero-contact-bar{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:min(850px,calc(100% - 30px))!important;margin:17px auto 0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.contact-bar-intro{display:none!important}.hero-contact-bar .btn{grid-column:1/-1!important}
}

/* Mobile: nie zmieniamy sprawdzonego pionowego układu. */
@media (max-width:680px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .hero{min-height:0!important}.hero-grid{width:100%!important;max-width:100%!important}.hero-contact-bar{display:none!important}
}

/* Nagłówek — wcześniejsze przejście do menu mobilnego zapobiega kolizjom. */
@media (min-width:1200px) and (max-width:1499px){
  .site-header{grid-template-columns:minmax(210px,auto) minmax(0,1fr) auto!important;gap:13px!important;padding-left:18px!important;padding-right:18px!important}
  .header-phone{display:none!important}.main-nav{gap:clamp(9px,.9vw,14px)!important;font-size:11px!important;white-space:nowrap!important}.header-cta{max-width:116px!important;padding-left:12px!important;padding-right:12px!important;font-size:11px!important;text-align:center!important}
}
@media (max-width:1199px){
  .site-header,.site-header.scrolled{height:74px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;padding:0 18px!important;background:rgba(3,24,40,.97)!important}
  .brand{max-width:calc(100% - 58px)!important;min-width:0!important}.brand img{width:54px!important;height:54px!important;flex:0 0 54px!important}.brand strong{font-size:21px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.brand small{font-size:8px!important}.menu-toggle{display:block!important;justify-self:end!important}
  .main-nav{position:absolute!important;top:74px!important;left:8px!important;right:8px!important;width:auto!important;max-height:calc(100vh - 86px)!important;overflow-y:auto!important;display:none!important;flex-direction:column!important;gap:0!important;padding:12px 20px 22px!important;background:rgba(3,24,40,.99)!important;border-radius:0 0 14px 14px!important;box-shadow:0 20px 45px rgba(0,0,0,.28)!important}
  .main-nav.open{display:flex!important}.main-nav a{padding:13px 2px!important;white-space:normal!important}.header-phone,.header-cta{display:none!important}.hero{padding-top:74px!important}
}