/* In The Sky · odświeżenie układu 25.09.2026 (styl jak strony voucherów).
   Nakładka na its.css: usunięcie tego pliku przywraca poprzedni wygląd. */

/* HERO: nagłówek i silnik dat na środku ekranu, w pionie i w poziomie */
.hero{align-items:center!important;justify-items:center;min-height:100svh}
.hero-inner{padding:108px 20px 72px!important;margin-inline:auto;text-align:center!important;max-width:1040px;width:100%}
.hero-inner h1{margin-inline:auto;text-wrap:balance}
.hero #datebar{margin-inline:auto}
.hero .trustbar,.hero .cta-row{justify-content:center!important}
.hero .dots{justify-content:center;margin-inline:auto}
@media(max-width:899px){.hero{display:flex;flex-direction:column;min-height:100svh}.hero .slides{flex:0 0 auto}.hero-inner{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 18px 30px!important}}

/* slidery (atuty, kierunki, apartamenty): wyśrodkowane, bez widocznego paska przewijania */
.atuty-slider,.aps-slider{max-width:none;margin-inline:0;justify-content:safe center;scrollbar-width:none;padding-inline:20px;scroll-padding-inline:20px}
.atuty-slider::-webkit-scrollbar,.aps-slider::-webkit-scrollbar{display:none}
.atuty-slider.fits,.aps-slider.fits{justify-content:center}

/* blog: karty na środku, bez pustej kolumny z prawej */
.blog-grid{grid-template-columns:repeat(auto-fit,minmax(240px,340px))!important;justify-content:center}

/* karty, zdjęcia i przyciski: zaokrąglenia i miękki cień */
.atut,.ap,.plan,.bpost,.gal a,.faq-t .row{border-radius:20px;overflow:hidden}
.ap,.plan{box-shadow:0 24px 50px -36px rgba(16,25,49,.55);border-color:rgba(16,25,49,.08)}
.ap:hover,.plan:hover{transform:translateY(-6px);box-shadow:0 34px 60px -36px rgba(16,25,49,.7)}
.bpost .photo,.bpost .photo img{border-radius:18px}
.btn{border-radius:999px}
.btn-gold{background:linear-gradient(135deg,#d2b682,var(--gold) 45%,#9a7d4c);box-shadow:0 10px 26px -14px rgba(188,158,109,.9)}
.btn-gold:hover{transform:translateY(-2px)}
#datebar{border-radius:22px;overflow:hidden}
#datebar input{border-radius:12px}
.head{margin-bottom:34px}
.eyebrow{letter-spacing:.22em}

/* sekcje: więcej oddechu */
.sec{padding:clamp(56px,8vw,104px) 0}

/* animacje wejścia (dodawane skryptem, bez skryptu wszystko widoczne) */
.fx{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1)}
.fx.in{opacity:1;transform:none}
.fx.d1{transition-delay:.1s}.fx.d2{transition-delay:.2s}.fx.d3{transition-delay:.3s}
@media(prefers-reduced-motion:reduce){.fx{opacity:1;transform:none;transition:none}}

/* wyśrodkowanie wszystkich rzędów (poprawka po przeglądzie 58 stron) */
.arrangements-gallery,#aranzacje{justify-content:safe center}
.cta-row{justify-content:center}
.sec .head,.pod-head,.det-head{text-align:center;margin-left:auto;margin-right:auto}
.det-head h1,.det-head p,.pod-head h1{margin-left:auto;margin-right:auto}
.ap-facts,.det-cta{justify-content:center}
.atrakcje-grid{justify-content:center}
.atr-more{text-align:center;margin:36px auto 0}

/* strona główna: zachęta Prestige Pass */
.atr-teaser{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,64px);align-items:center;max-width:1100px;margin:0 auto;padding:clamp(28px,4vw,48px);border-radius:28px;background:var(--navy,#101931);color:#f3eee6;box-shadow:0 40px 80px -50px rgba(16,25,49,.8);overflow:hidden;position:relative}
.atr-teaser::before{content:"";position:absolute;right:-20%;top:-40%;width:60%;height:120%;background:radial-gradient(circle,rgba(188,158,109,.25),transparent 65%);pointer-events:none}
.atr-teaser .eyebrow{color:#e6d2a6}
.atr-teaser h2{font-size:clamp(1.9rem,4vw,3rem);margin:12px 0 14px;color:#fff}
.atr-teaser h2 em{color:var(--gold,#bc9e6d)}
.atr-teaser p{color:#c9cdd8;margin-bottom:22px}
.atr-deals{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.atr-deals span{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-size:.82rem}
.atr-deals b{color:#e6d2a6}
.atr-pics{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;aspect-ratio:1/1}
.atr-pics img{width:100%;height:100%;object-fit:cover;border-radius:16px}
.atr-pics img:first-child{grid-row:span 2}
@media(max-width:800px){.atr-teaser{grid-template-columns:1fr;text-align:center}.atr-deals{justify-content:center}.atr-pics{aspect-ratio:4/3}}
.head,.package-category-title,.category-heading,.category-heading h2{text-align:center;margin-left:auto;margin-right:auto}
.grp .acts,.grp .cta-row,.det-head .cta-row{justify-content:center}
.grp>div:not(.photo){text-align:center}
.grp>div:not(.photo) p{margin-left:auto;margin-right:auto}
/* EN/DE/CZ: karty apartamentów ze starszym HTML (zdjęcie bez ramki .thl) */
.its-photo-list .item:has(> img.th){display:flex!important;flex-direction:column;align-items:center;text-align:center;padding:0 0 16px!important;border-radius:20px}
.its-photo-list .item:has(> img.th) > img.th{order:1;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover}
.its-photo-list .item:has(> img.th) .pi{order:2;position:static!important;margin:14px auto 4px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--gold-deep,#9a7d4c);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
.its-photo-list .item:has(> img.th) .nm{order:3;padding:0 16px 6px!important;font-size:.95rem}
.its-photo-list .item:has(> img.th) .pr{order:4;text-align:center!important;padding:0 16px 12px!important}
.its-photo-list .item:has(> img.th) > .btn{order:5;width:auto;min-width:200px;margin:0 16px}
.grp .list:has(> .item > img.th){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border:0;background:none;margin-top:18px}
@media(max-width:700px){.grp .list:has(> .item > img.th){grid-template-columns:1fr}}
.grp .list:has(> .item > img.th){align-items:start;align-content:start}
.its-photo-list .item:has(> img.th){height:auto!important}
.its-photo-list .item:has(> img.th) .nm{flex:none!important;order:3!important}
.its-photo-list .item:has(> img.th) .pi{order:2!important}
.its-photo-list .item:has(> img.th) .pr{order:4!important;flex:none!important}
.its-photo-list .item:has(> img.th) > .btn{order:5!important;flex:none!important}
body>footer:not(#kontakt){text-align:center;padding:40px 20px}
body>footer:not(#kontakt) img{margin:0 auto 14px;display:block}

/* sekcja „500+ razy padło tak!” (jak na voucherach) */
.yes500{position:relative;min-height:80svh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden;background:#101931}
.yes500 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.yes500::after{content:"";position:absolute;inset:0;background:rgba(16,25,49,.68)}
.yes500 .in{position:relative;z-index:2;padding:60px 20px;max-width:760px}
.yes500 .count{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(5rem,16vw,11rem);line-height:.85;color:#e6d2a6}
.yes500 h2{font-size:clamp(2rem,5vw,3.4rem);margin:12px auto 22px;color:#fff}
.yes500 h2 em{color:#c4304b}

/* Prestige Pass: bez jaśniejszego pasa w połowie karty */
.atr-teaser::before{display:none!important}

/* Formularz dat: równe pola i kalendarz zakresu */
#datebar{position:relative}
#datebar.dp-on{overflow:visible}
#datebar.dp-on{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}
#datebar.dp-on label{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0}
#datebar.dp-on input[type=date]{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
#datebar .dp-field{width:100%;min-width:0;min-height:52px;padding:12px 14px;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(16,25,49,.55);color:#fff;font:500 1rem/1.2 inherit;font-family:inherit;text-align:center;cursor:pointer;transition:border-color .25s,background .25s}
#datebar .dp-field:hover,#datebar.dp-open .dp-field{border-color:var(--gold,#bc9e6d)}
#datebar.dp-on .btn{min-height:52px;white-space:nowrap}
@media(max-width:760px){#datebar.dp-on{grid-template-columns:1fr 1fr}#datebar.dp-on .btn{grid-column:1/-1;width:100%}}
.dp-pop{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100000;max-height:92vh;overflow:auto;box-shadow:0 0 0 100vmax rgba(16,25,49,.55),0 30px 70px -20px rgba(0,0,0,.55)!important;width:min(680px,calc(100vw - 24px));padding:16px;border-radius:20px;background:#fffdf9;color:#1a2230;box-shadow:0 30px 70px -20px rgba(0,0,0,.55);text-align:center}
.dp-pop[hidden]{display:none}
.dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.dp-hint{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#9a7d4c;font-weight:600}
.dp-nav{width:40px;height:40px;border-radius:50%;border:1px solid #e5dccb;background:#fff;font-size:1.3rem;cursor:pointer;color:#101931}
.dp-months{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.dp-title{font-family:'Instrument Serif',Georgia,serif;font-size:1.3rem;text-transform:capitalize;margin:4px 0 8px}
.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.dp-wd{font-size:.68rem;text-transform:uppercase;color:#8a8f9c;padding:4px 0}
.dp-day{aspect-ratio:1;border:0;background:none;border-radius:10px;font:500 .92rem inherit;font-family:inherit;color:#1a2230;cursor:pointer}
.dp-day:hover{background:#f1e8d8}
.dp-day.dp-past{color:#c5c8cf;cursor:default;background:none}
.dp-day.dp-today{box-shadow:inset 0 0 0 1px #bc9e6d}
.dp-day.dp-in{background:#f3ead9;border-radius:0}
.dp-day.dp-start,.dp-day.dp-end{background:#101931;color:#fff}
.dp-day.dp-start{border-radius:10px 0 0 10px}.dp-day.dp-end{border-radius:0 10px 10px 0}
.dp-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #eee4d3;font-size:.86rem;color:#586173}
.dp-done{border:0;border-radius:999px;padding:10px 20px;background:linear-gradient(135deg,#d2b682,#bc9e6d 45%,#9a7d4c);color:#101931;font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;cursor:pointer}

/* Apartamenty (komputer): nazwa kategorii zostaje u góry podczas przewijania, jak zdjęcie obok */
@media(min-width:900px){
  .grp>div:not(.photo)>.category-heading,
  .grp>div:not(.photo)>h3{position:sticky;top:78px;z-index:6;margin-left:-8px;margin-right:-8px;padding:10px 8px 14px;
    background:linear-gradient(180deg,var(--ivory,#f8f4ee) 78%,rgba(248,244,238,0));}
}

/* liczba osób w pasku dat (01.10.2026) */
#datebar.dp-on{grid-template-columns:1fr 1fr minmax(120px,.8fr) auto}
#datebar .db-os{display:flex;flex-direction:column;gap:6px;margin:0;min-width:0}
#datebar .db-os select{width:100%;min-height:52px;padding:12px 34px 12px 14px;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(16,25,49,.55) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27%3E%3Cpath d=%27M1 1l5 5 5-5%27 stroke=%27%23bc9e6d%27 stroke-width=%271.6%27 fill=%27none%27/%3E%3C/svg%3E") no-repeat right 14px center;color:#fff;font:500 1rem/1.2 inherit;font-family:inherit;text-align:center;text-align-last:center;cursor:pointer;-webkit-appearance:none;appearance:none}
#datebar .db-os select:hover,#datebar .db-os select:focus{border-color:var(--gold,#bc9e6d);outline:none}
#datebar .db-os select option{color:#111;background:#fff}
@media(max-width:760px){#datebar.dp-on{grid-template-columns:1fr 1fr}#datebar .db-os{grid-column:1/-1}}
@media(min-width:900px){#datebar.dp-on{width:min(940px,100%);max-width:940px;grid-template-columns:1.1fr 1.1fr .9fr auto}#datebar .dp-field{white-space:nowrap}}