/* Dębina Sunset 1.5.27 — wymuszona naprawa układu mobilnego */
@media (max-width:680px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;background:#fff!important;color-scheme:only light!important}
  body.home-page{padding-bottom:calc(62px + env(safe-area-inset-bottom,0px))!important}
  body.home-page main{width:100%!important;max-width:100%!important;overflow-x:hidden!important;background:#fff!important}

  body.home-page .site-header,
  body.home-page .site-header.scrolled{height:68px!important;min-height:68px!important;padding:0 13px!important;background:#061b2c!important}
  body.home-page .brand{min-width:0!important;max-width:calc(100% - 58px)!important;gap:10px!important}
  body.home-page .brand img{width:48px!important;height:48px!important;flex:0 0 48px!important}
  body.home-page .brand strong{font-size:clamp(18px,5.4vw,22px)!important;line-height:1.05!important;white-space:nowrap!important}
  body.home-page .brand small{display:none!important}
  body.home-page .menu-toggle{width:46px!important;height:46px!important;flex:0 0 46px!important}
  body.home-page .main-nav{top:68px!important;left:8px!important;right:8px!important;max-height:calc(100vh - 82px)!important;overflow-y:auto!important}

  body.home-page .experience-overview{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:14px 12px 14px!important;
    background:#fff!important;
    overflow:visible!important;
  }
  body.home-page .apartment-summary{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:430px!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    overflow:hidden!important;
    border-radius:20px!important;
    background:#061b2c!important;
    box-shadow:0 16px 40px rgba(2,23,39,.18)!important;
  }
  body.home-page .apartment-summary>img{
    display:block!important;
    width:100%!important;
    height:232px!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center 50%!important;
  }
  body.home-page .summary-overlay{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:-78px 0 0!important;
    padding:78px 16px 18px!important;
    background:linear-gradient(180deg,rgba(6,27,44,0) 0,#061b2c 34%,#061b2c 100%)!important;
    overflow:visible!important;
  }
  body.home-page .summary-overlay>small{display:block!important;font-size:10px!important;line-height:1.2!important;letter-spacing:.02em!important}
  body.home-page .summary-overlay h2{
    margin:7px 0 10px!important;
    font-size:clamp(31px,9.2vw,37px)!important;
    line-height:1.04!important;
    letter-spacing:-.025em!important;
    overflow-wrap:anywhere!important;
  }
  body.home-page .summary-overlay p{margin:0 0 15px!important;font-size:14px!important;line-height:1.45!important;white-space:normal!important}
  body.home-page .summary-overlay p i{height:12px!important;margin:0 7px!important}
  body.home-page .summary-icons{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:minmax(62px,auto)!important;
    gap:10px 6px!important;
    width:100%!important;
    margin:0!important;
    overflow:visible!important;
  }
  body.home-page .summary-icons span{
    display:flex!important;
    min-width:0!important;
    min-height:62px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-direction:column!important;
    padding:2px 2px 0!important;
    font-size:11px!important;
    line-height:1.25!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  body.home-page .summary-icons svg{display:block!important;width:27px!important;height:27px!important;flex:0 0 27px!important;margin:0 0 6px!important}
  body.home-page .summary-overlay .btn{display:none!important}

  body.home-page .trust-strip{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:14px 12px 16px!important;
    overflow:hidden!important;
    overflow-x:hidden!important;
    scroll-snap-type:none!important;
    background:#061b2c!important;
  }
  body.home-page .trust-strip>div,
  body.home-page .trust-strip>div:nth-child(n+4){
    display:flex!important;
    flex:initial!important;
    flex-direction:column!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:100px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:11px 8px!important;
    text-align:center!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.025)!important;
    scroll-snap-align:none!important;
    overflow:hidden!important;
  }
  body.home-page .trust-strip>div:last-child{
    grid-column:1/-1!important;
    min-height:76px!important;
    flex-direction:row!important;
    text-align:left!important;
  }
  body.home-page .trust-strip svg{width:29px!important;height:29px!important;flex:0 0 29px!important}
  body.home-page .trust-strip span{display:block!important;min-width:0!important;max-width:100%!important}
  body.home-page .trust-strip strong{display:block!important;font-size:14px!important;line-height:1.2!important;overflow-wrap:anywhere!important}
  body.home-page .trust-strip small{display:block!important;margin-top:3px!important;font-size:11px!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important}

  body.home-page .mobile-contact-bar{
    grid-template-columns:1fr 1fr!important;
    height:calc(62px + env(safe-area-inset-bottom,0px))!important;
    min-height:62px!important;
    padding:0 0 env(safe-area-inset-bottom,0px)!important;
  }
  body.home-page .mobile-contact-bar a{min-width:0!important;min-height:62px!important;padding:10px 8px!important;font-size:16px!important;white-space:nowrap!important}
}
@media (max-width:370px){
  body.home-page .apartment-summary>img{height:216px!important}
  body.home-page .summary-overlay{margin-top:-72px!important;padding:72px 13px 15px!important}
  body.home-page .summary-overlay h2{font-size:30px!important}
  body.home-page .summary-overlay p{font-size:13px!important}
  body.home-page .summary-icons span{font-size:10px!important}
  body.home-page .trust-strip{gap:8px!important;padding-inline:10px!important}
  body.home-page .trust-strip>div,body.home-page .trust-strip>div:nth-child(n+4){padding-inline:6px!important}
  body.home-page .mobile-contact-bar a{font-size:15px!important}
}


/* 1.5.28 — korekta widoku z urządzeń Android i wymuszonego ciemnego motywu */
@media (max-width:680px){
  html{color-scheme:light!important;background:#fff!important;scroll-padding-bottom:76px!important}
  body.home-page,body.home-page main{background:#fff!important;color:#10283b!important}
  body.home-page .hero{background:#061b2c!important;padding-bottom:14px!important}
  body.home-page .hero-grid{padding-top:14px!important}
  body.home-page .hero-video-card{margin-top:14px!important}
  body.home-page .hero-photo-slider{height:205px!important;margin-top:14px!important;border-radius:16px!important}
  body.home-page .hero-slide figcaption{left:10px!important;right:10px!important;bottom:10px!important;padding:10px 12px!important;max-width:none!important}
  body.home-page .hero-slide figcaption strong{font-size:17px!important;line-height:1.15!important}
  body.home-page .hero-slide figcaption small{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;line-height:1.3!important;max-height:2.6em!important}

  body.home-page .experience-overview{display:block!important;background:#fff!important;color:#10283b!important;padding:24px 12px 20px!important;gap:20px!important}
  body.home-page .day-preview{display:block!important;background:#fff!important;color:#10283b!important;border-radius:20px!important;padding:14px 10px 18px!important;box-shadow:0 12px 30px rgba(6,27,44,.08)!important;overflow:hidden!important}
  body.home-page .day-heading{grid-template-columns:24px minmax(0,1fr) 24px!important;gap:8px!important}
  body.home-page .day-heading h2{font-size:clamp(25px,7.5vw,31px)!important;line-height:1.08!important;color:#b87516!important;text-align:center!important;white-space:normal!important;margin:0!important}
  body.home-page .day-subtitle{display:block!important;color:#586d7e!important;font-size:13px!important;line-height:1.45!important;margin:8px 4px 15px!important;text-align:center!important}
  body.home-page .day-cards{background:#fff!important;padding-bottom:12px!important}
  body.home-page .day-card{background:#f7f3ec!important;color:#10283b!important;border:1px solid rgba(6,27,44,.08)!important}
  body.home-page .day-card b,body.home-page .day-card span{color:#10283b!important}
  body.home-page .day-detail{background:#f7f3ec!important;color:#10283b!important;border:1px solid rgba(6,27,44,.08)!important}
  body.home-page .day-detail strong,body.home-page .day-detail p{color:#10283b!important}

  body.home-page .mobile-contact-bar{height:calc(58px + env(safe-area-inset-bottom,0px))!important;min-height:58px!important;box-shadow:0 -8px 22px rgba(6,27,44,.18)!important}
  body.home-page .mobile-contact-bar a{min-height:58px!important;font-size:15px!important}
  body.home-page{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))!important}

  body.home-page .apartment-section,
  body.home-page .gallery-section,
  body.home-page .contact-section,
  body.home-page .why-section,
  body.home-page .attractions-teaser{background:#fff!important;color:#10283b!important}
  body.home-page .area-section{background:#f7f3ec!important;color:#10283b!important}
}
@media (max-width:370px){
  body.home-page .hero-photo-slider{height:190px!important}
  body.home-page .day-heading h2{font-size:24px!important}
  body.home-page .day-preview{padding-inline:8px!important}
}
@media (prefers-color-scheme:dark){
  html,body,body.home-page,body.home-page main,body.home-page .experience-overview,body.home-page .day-preview{background:#fff!important;color:#10283b!important}
}


.mobile-media-caption{display:none}

/* Dębina Sunset 1.5.31 — na telefonach podpisy znajdują się poza zdjęciami */
@media (max-width:680px){
  /* Film: bez tekstu na obrazie, podpis pod filmem */
  body.home-page .video-live-badge,
  body.home-page .video-controls-copy{display:none!important}
  body.home-page .mobile-media-caption{display:block!important;margin:8px 4px 0!important;color:rgba(255,255,255,.86)!important;font-size:12px!important;line-height:1.35!important;text-align:center!important}

  /* Slider głównych zdjęć: zdjęcie u góry, osobny pasek podpisu poniżej */
  body.home-page .hero-photo-slider{height:294px!important;background:#061b2c!important;overflow:hidden!important}
  body.home-page .hero-slider-track{height:100%!important}
  body.home-page .hero-slide{display:grid!important;grid-template-rows:minmax(0,1fr) 58px!important;background:#061b2c!important}
  body.home-page .hero-slide::after{display:none!important}
  body.home-page .hero-slide>img{grid-row:1!important;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important}
  body.home-page .hero-slide figcaption{grid-row:2!important;position:static!important;inset:auto!important;margin:0!important;min-height:58px!important;max-height:58px!important;padding:9px 44px 9px 13px!important;border:0!important;border-top:3px solid #e4a22f!important;border-radius:0!important;background:#061b2c!important;backdrop-filter:none!important;display:flex!important;align-items:center!important}
  body.home-page .hero-slide figcaption span,
  body.home-page .hero-slide figcaption small{display:none!important}
  body.home-page .hero-slide figcaption strong{display:block!important;margin:0!important;font-size:17px!important;line-height:1.15!important;color:#fff!important;white-space:normal!important;overflow:visible!important}
  body.home-page .hero-slider-dots{bottom:8px!important;left:auto!important;right:12px!important;transform:none!important}
  body.home-page .hero-slider-pause{top:12px!important;right:12px!important}

  /* Galeria apartamentu: opis jest osobnym panelem pod fotografią */
  body.home-page .apartment-showcase>figure{display:grid!important;grid-template-rows:auto auto!important;height:auto!important;min-height:0!important;background:#061b2c!important;overflow:hidden!important}
  body.home-page .apartment-showcase .showcase-main,
  body.home-page .apartment-showcase .showcase-small{height:auto!important}
  body.home-page .apartment-showcase .showcase-main>img{height:235px!important;min-height:235px!important}
  body.home-page .apartment-showcase .showcase-small>img{height:145px!important;min-height:145px!important}
  body.home-page .apartment-showcase figcaption{position:static!important;inset:auto!important;padding:11px 13px 13px!important;background:#061b2c!important;min-height:0!important;color:#fff!important}
  body.home-page .apartment-showcase figcaption b{font-size:16px!important;line-height:1.16!important}
  body.home-page .apartment-showcase figcaption span{display:block!important;font-size:10px!important;line-height:1.35!important;margin-top:4px!important;color:rgba(255,255,255,.72)!important}
  body.home-page .apartment-showcase .showcase-small figcaption span{display:none!important}

  /* Okolica i zajawka atrakcji: oznaczenia pod zdjęciem, nigdy na zdjęciu */
  body.home-page .area-media{height:auto!important;display:grid!important;grid-template-rows:260px auto!important;border-radius:0!important;background:#061b2c!important}
  body.home-page .area-media>img{height:260px!important;min-height:260px!important;grid-row:1!important}
  body.home-page .area-badge{position:static!important;grid-row:2!important;width:auto!important;height:auto!important;border-radius:0!important;padding:11px 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:#061b2c!important;border:0!important}
  body.home-page .area-badge b{font-size:22px!important}
  body.home-page .area-badge span{font-size:10px!important}
  body.home-page .attractions-teaser-media{min-height:0!important;height:auto!important;display:grid!important;grid-template-rows:225px auto!important;background:#061b2c!important}
  body.home-page .attractions-teaser-media>img{height:225px!important;min-height:225px!important;grid-row:1!important}
  body.home-page .attractions-teaser-badge{position:static!important;grid-row:2!important;border-radius:0!important;padding:10px 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:#061b2c!important}
  body.home-page .attractions-teaser-badge b{font-size:19px!important}

  /* Podstrona atrakcji: zdjęcie i treść są osobnymi blokami */
  body.attractions-page .attractions-hero-pro{display:block!important;min-height:0!important;background:#f7f3ec!important;overflow:visible!important}
  body.attractions-page .attractions-hero-pro-image{position:relative!important;inset:auto!important;width:100%!important;height:245px!important}
  body.attractions-page .attractions-hero-pro-image img{position:static!important;width:100%!important;height:245px!important;object-fit:cover!important}
  body.attractions-page .attractions-hero-shade{display:none!important}
  body.attractions-page .attractions-hero-pro-copy{position:relative!important;padding:24px 17px 32px!important;color:#10283b!important;background:#f7f3ec!important}
  body.attractions-page .attractions-hero-pro-copy h1{color:#061b2c!important;text-shadow:none!important;font-size:2.25rem!important}
  body.attractions-page .attractions-hero-pro-copy>p:not(.eyebrow){color:#334e63!important}
  body.attractions-page .attractions-hero-pro .btn-outline{color:#061b2c!important;border-color:#061b2c!important;background:transparent!important}
  body.attractions-page .attractions-planner{margin-top:0!important;border-radius:0 0 22px 22px!important}
  body.attractions-page .attraction-pro-image{min-height:0!important;display:flex!important;flex-direction:column!important;background:#fff!important}
  body.attractions-page .attraction-pro-image img{height:220px!important;min-height:220px!important;object-fit:cover!important}
  body.attractions-page .attraction-pro-badge{position:static!important;align-self:flex-start!important;margin:10px 14px 0!important;padding:7px 11px!important;background:#f4ead8!important;color:#6e4c18!important;backdrop-filter:none!important}
}

@media (max-width:420px){
  body.home-page .hero-photo-slider{height:274px!important}
  body.home-page .hero-slide{grid-template-rows:minmax(0,1fr) 54px!important}
  body.home-page .hero-slide figcaption{min-height:54px!important;max-height:54px!important;padding-top:8px!important;padding-bottom:8px!important}
  body.home-page .hero-slide figcaption strong{font-size:16px!important}
  body.home-page .apartment-showcase .showcase-main>img{height:220px!important;min-height:220px!important}
  body.home-page .apartment-showcase .showcase-small>img{height:132px!important;min-height:132px!important}
  body.attractions-page .attractions-hero-pro-image,
  body.attractions-page .attractions-hero-pro-image img{height:220px!important}
}