/* KD Studio 4.12.3.6 — consolidated stylesheet. Historical version notes live in CHANGELOG.md. */
.special-hero{position:relative;min-height:530px;background:url('../images/banner.jpg') center/cover no-repeat;display:flex;align-items:center;color:#fff}.special-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,10,3,.88),rgba(20,10,3,.45) 60%,rgba(20,10,3,.18))}.special-hero-content{position:relative;padding-top:125px;padding-bottom:70px}.special-eyebrow,.special-page .eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:900;color:var(--yellow)}.special-hero h1{max-width:760px;margin:.1em 0;font-family:'Lobster Two','Brush Script MT','Segoe Script',cursive;font-size:clamp(3.8rem,8vw,7.2rem);line-height:.9;font-weight:700;text-shadow:0 3px 6px rgba(0,0,0,.75),0 0 16px rgba(255,208,39,.3)}.special-subtitle{max-width:650px;font-size:1.3rem;line-height:1.5}.special-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.special-intro{padding:42px 0 10px}.special-intro p{font-size:1.16rem;line-height:1.7;max-width:900px}.offer-notice{margin-top:20px;padding:16px 20px;border-left:6px solid var(--yellow);background:#fff5cc;font-weight:800}.special-menu{padding:58px 0}.special-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.offer-category{--accent:#e4b900;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(58,37,10,.12);border-top:7px solid var(--accent)}.offer-category.color-orange{--accent:#e85b08}.offer-category.color-blue{--accent:#174e9f}.offer-category.color-green{--accent:#4d861f}.offer-category header{padding:22px 24px 15px}.offer-category h3{margin:0;color:#292929;font-size:1.45rem}.offer-category header p{margin:5px 0 0;color:#6c6257}.offer-items{padding:0 24px 22px}.offer-item{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid #eee1ce}.offer-item strong{color:var(--accent);white-space:nowrap}.wishes{padding:18px 0 65px}.wishes-card{display:flex;gap:24px;align-items:flex-start;padding:34px;border-radius:16px;background:linear-gradient(135deg,#5d1c13,#8a2b1e);color:#fff;box-shadow:0 12px 30px rgba(70,20,12,.22)}.wishes-mark{font-size:3rem;color:var(--yellow)}.wishes h2{margin:.15em 0 .35em;font-family:var(--theme-wishes-title-font,'Lobster Two','Brush Script MT','Segoe Script',cursive);font-size:clamp(2rem,4vw,var(--theme-wishes-title-size,3.4rem))}.wishes p:last-child{font-size:var(--theme-wishes-text-size,1.08rem);line-height:1.65}.special-contact{padding:42px 0;background:#e2b40c}.special-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.special-contact h2{margin:.1em 0}.special-contact-actions{display:flex;gap:12px;flex-wrap:wrap}.inactive-offer{padding:80px;text-align:center}@media(max-width:800px){.special-hero{min-height:500px}.special-hero-content{padding-top:130px}.special-grid{grid-template-columns:1fr}.special-contact-inner{align-items:flex-start;flex-direction:column}.special-page #nav{display:none}.special-page #nav.open{display:flex}.offer-item{align-items:flex-start;flex-direction:column;gap:5px}.offer-item strong{white-space:normal}}

/* v10 — oferta specjalna korzysta dokładnie z belki strony głównej */
.special-page .topbar .nav-wrap{display:flex;align-items:center;justify-content:space-between}
.special-page .topbar #nav{margin-left:auto}
@media(max-width:800px){
 .special-page #nav{display:none}
 .special-page #nav.open{display:flex}
}


/* v13 — nagłówek oferty i menu w charakterze wersji v9 */
.special-v9-heading{position:relative;align-items:center;padding:30px 34px;margin:0 0 26px;border-radius:12px;background:linear-gradient(135deg,#641b13,#8f2c1d);color:#fff;box-shadow:0 10px 28px rgba(65,24,13,.2);overflow:hidden}
.special-v9-heading:after{content:"";position:absolute;right:-55px;top:-75px;width:210px;height:210px;border:2px solid rgba(255,205,44,.25);border-radius:50%}
.special-v9-heading .eyebrow{color:#ffd447;margin:0 0 4px}
.special-v9-heading h2{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(2.5rem,5vw,4.4rem);color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.35)}
.special-v9-heading>p{color:#fff7df;max-width:390px;font-size:1.06rem}
.special-heading-ornament{display:inline-block;color:#ffd447;margin-top:8px;letter-spacing:.3em}
.special-page .menu-category{box-shadow:0 5px 16px rgba(69,43,20,.08)}
@media(max-width:800px){.special-v9-heading{padding:24px;align-items:flex-start}.special-v9-heading>p{margin-top:8px}}

/* v15: oferta specjalna jako podstrona obecnej witryny */
.special-page .special-hero{min-height:610px}
.special-page .special-hero-content{padding-top:150px;padding-bottom:72px}
.special-page .special-hero h1{max-width:820px}
.special-page .opening-strip{margin-top:24px}
@media(max-width:800px){.special-page .special-hero{min-height:570px}.special-page .special-hero-content{padding-top:138px;padding-bottom:54px}}


/* v16: hero podstrony zgodny typograficznie z hero strony głównej */
.special-hero .offer-title-v16{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:700;letter-spacing:-.045em;line-height:.95;color:#fff8df;text-shadow:0 2px 4px rgba(0,0,0,.72),0 0 9px rgba(255,215,70,.3);opacity:0;filter:blur(7px);transform:translateY(16px);animation:heroGlow 1s .42s cubic-bezier(.2,.7,.2,1) forwards;white-space:nowrap;font-size:clamp(2.6rem,6vw,5.4rem)}
@media(max-width:800px){.special-hero .offer-title-v16{font-size:clamp(2rem,10vw,3.5rem);white-space:normal}}
@media(prefers-reduced-motion:reduce){.special-hero .offer-title-v16{animation:none;opacity:1;filter:none;transform:none}}
.inactive-offer-panel{padding:clamp(7rem,14vw,11rem) 0 5rem;background:linear-gradient(180deg,#fffaf0 0%,#fff 100%)}
.inactive-offer-card{max-width:760px;margin:0 auto;padding:clamp(2rem,5vw,4rem);text-align:center;background:#fff;border:1px solid rgba(88,60,31,.14);border-radius:28px;box-shadow:0 18px 50px rgba(71,48,25,.10)}
.inactive-offer-card h1{margin:.35rem 0 1rem;font-size:clamp(2rem,5vw,3.6rem);line-height:1.08}
.inactive-offer-card p:not(.eyebrow){max-width:600px;margin:0 auto 1.6rem;color:#665b50;font-size:1.05rem}
.inactive-offer-card .special-actions{justify-content:center}
.special-page{background:var(--theme-background);color:var(--theme-text)}
.special-page .special-hero-overlay{background:linear-gradient(90deg,rgba(20,10,3,.82),rgba(20,10,3,.42) 60%,rgba(20,10,3,.16))}
.special-page .special-eyebrow,.special-page .eyebrow{color:var(--theme-primary)}
.special-page .btn.primary{background:var(--theme-primary);color:var(--theme-button-text)}
.special-page .btn.primary:hover{background:var(--theme-primary-dark)}
.special-page .offer-notice{border-left-color:var(--theme-primary);background:var(--theme-surface)}
.special-page .wishes-card{background:var(--theme-wishes-bg,linear-gradient(135deg,#5d1c13,#8a2b1e))}
.special-page .delivery-card{background:var(--theme-secondary)}
.special-page footer{border-top-color:var(--theme-secondary)}
.special-page .brand,.special-page .contact{background:var(--theme-primary)}
.special-page .menu-category summary:after{color:var(--theme-primary-dark)}
.special-page .brand{background:var(--yellow)}
/* Jasne tło: małe nagłówki pozostają żółte jak na stronie głównej. */
.special-page .eyebrow,
.special-page .special-eyebrow{color:var(--yellow)}
/* Kolorowe i ciemne bloki: małe nagłówki oraz tekst są białe. */
.special-page .wishes-card,
.special-page .wishes-card h2,
.special-page .wishes-card p,
.special-page .wishes-card .eyebrow{color:#fff}
.special-page .wishes-mark{color:var(--yellow)}
.special-page .delivery-card,
.special-page .delivery-card h2,
.special-page .delivery-card p,
.special-page .delivery-card .eyebrow{color:#fff}
/* Żółty blok kontaktu zachowuje ciemny tekst, tak jak na stronie głównej. */
.special-page .contact .eyebrow{color:#111}
.special-page .special-contact{background:#e2b40c;color:#171717}
.special-page .special-contact .eyebrow{color:#171717}
.special-page .special-contact .btn{position:relative;z-index:2}
.special-page .special-hero-content{z-index:2}
.special-page .special-actions{position:relative;z-index:3}
.special-page .special-actions .btn{position:relative;z-index:4;pointer-events:auto;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}
.special-page .special-actions .btn:hover,.special-page .special-actions .btn:focus-visible{transform:translateY(-2px);box-shadow:0 7px 18px rgba(0,0,0,.28)}
.special-page .special-actions .btn.secondary:hover,.special-page .special-actions .btn.secondary:focus-visible{background:#f4f4f4;color:#111}
.special-page .contact-info > .eyebrow,
.special-page .contact .contact-info > .eyebrow,
.special-page .special-contact .eyebrow{
  color:#fff;
}
.offer-countdown[hidden]{display:none!important}
.special-page[data-offer-mode="ended"] #offer-countdown{display:none!important}
.offer-countdown{
 display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;
 margin-top:20px;padding:13px 20px;border:1px solid rgba(255,255,255,.34);
 border-radius:16px;background:rgba(12,15,13,.78);color:#fff;
 box-shadow:0 8px 24px rgba(0,0,0,.30);backdrop-filter:blur(8px);
 -webkit-backdrop-filter:blur(8px);font-variant-numeric:tabular-nums;
 text-shadow:0 1px 3px rgba(0,0,0,.9)
}
.offer-countdown span{font-size:.86rem;font-weight:800;letter-spacing:.04em}
.offer-countdown strong{color:#fff;font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:900;letter-spacing:.035em;line-height:1.1}
.offer-countdown.is-ended strong{color:#fff}
@media(max-width:520px){.offer-countdown{align-items:flex-start;flex-direction:column;gap:5px;padding:12px 15px}.offer-countdown strong{font-size:1.12rem}}
.special-page[data-offer-mode="teaser"] .special-intro{padding-bottom:54px}.special-page[data-offer-mode="teaser"] .special-hero .btn.primary{display:none}
.special-page[data-offer-mode="teaser"] .special-hero{min-height:520px}
.special-page[data-offer-mode="teaser"] .special-intro{padding:46px 0 38px;background:linear-gradient(180deg,#fffdf8,#fff)}
.special-page[data-offer-mode="teaser"] .teaser-summary{max-width:1050px;padding:36px 42px;border:1px solid rgba(91,67,36,.14);border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(58,37,10,.10)}
.special-page[data-offer-mode="teaser"] .teaser-summary-heading{grid-template-columns:minmax(0,1fr) auto;gap:8px 28px;align-items:end}
.special-page[data-offer-mode="teaser"] .teaser-summary-heading .eyebrow{grid-column:1/-1;margin:0}
.special-page[data-offer-mode="teaser"] .teaser-summary-heading h2{margin:0;font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.05;color:#292929}
.special-page[data-offer-mode="teaser"] .teaser-start{margin:0;padding:9px 13px;border-radius:8px;background:var(--theme-surface,#f4efe2);font-size:1rem;white-space:nowrap}
.special-page[data-offer-mode="teaser"] #offer-intro{max-width:860px;margin:0 0 22px;font-size:1.14rem;line-height:1.65}
.special-page[data-offer-mode="teaser"] .teaser-countdown{margin:0 0 20px;width:max-content;max-width:100%;border-color:color-mix(in srgb,var(--theme-primary,#deb305) 65%,#fff);background:#171a18}
.special-page[data-offer-mode="teaser"] .offer-notice{margin:0;padding:16px 20px;font-size:1rem}
.special-page[data-offer-mode="teaser"] .quick{margin-top:0}
@media(max-width:720px){
 .special-page[data-offer-mode="teaser"] .teaser-summary{padding:26px 22px;border-radius:16px}
 .special-page[data-offer-mode="teaser"] .teaser-summary-heading{grid-template-columns:1fr;align-items:start}
 .special-page[data-offer-mode="teaser"] .teaser-start{white-space:normal;width:max-content;max-width:100%}
}
.special-page[data-offer-mode="teaser"] .teaser-summary-heading{display:block;margin-bottom:20px}
.special-page[data-offer-mode="teaser"] .teaser-summary-heading h2{margin-top:8px}
.special-page[data-offer-mode="teaser"] .teaser-start{display:inline-flex;align-items:center;gap:.35em;margin-top:14px}
.special-page[data-offer-mode="teaser"] .teaser-countdown{display:none}
.special-page[data-offer-mode="teaser"] #offer-notice[hidden]{display:none}
.special-page[data-offer-mode="teaser"] .special-hero #offer-countdown{display:inline-flex;width:auto;max-width:100%;align-self:flex-start}
.special-page[data-offer-mode="inactive"] .special-hero{display:block;min-height:610px}
.special-page[data-offer-mode="inactive"] .special-hero-content{padding-top:150px;padding-bottom:72px}
.special-page[data-offer-mode="inactive"] .special-hero h1{max-width:900px}
.special-page[data-offer-mode="inactive"] .special-subtitle{max-width:760px}
.special-page[data-offer-mode="inactive"] .opening-strip{display:flex}
@media(max-width:800px){
 .special-page[data-offer-mode="inactive"] .special-hero{min-height:570px}
 .special-page[data-offer-mode="inactive"] .special-hero-content{padding-top:138px;padding-bottom:54px}
}
.default-offer-hero[hidden]{display:none!important}
.default-offer-hero .hero-empty-note{
 max-width:700px;
 margin:14px 0 0;
 padding:10px 16px;
 border-left:6px solid var(--yellow);
 background:rgba(0,0,0,.34);
 color:#fff;
 font-size:1.05rem;
 line-height:1.45;
 text-shadow:1px 1px 2px rgba(0,0,0,.5)
}
@media(max-width:800px){.default-offer-hero .hero-empty-note{font-size:.98rem}}
.special-page[data-offer-mode="teaser"] .teaser-start strong{font-weight:900}
.offer-item>span{display:grid;gap:3px}.offer-item>span>b{font:inherit;font-weight:700}.offer-item>span>small{display:block;max-width:62ch;color:inherit;opacity:.72;font-size:.88em;line-height:1.35}
.special-page[data-offer-mode="upcoming"] .special-hero{display:none!important}
.special-page[data-offer-mode="upcoming"] .special-intro{padding:46px 0 38px;background:linear-gradient(180deg,#fffdf8,#fff)}
.special-page[data-offer-mode="upcoming"] .teaser-summary{max-width:1050px;padding:36px 42px;border:1px solid rgba(91,67,36,.14);border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(58,37,10,.10)}
.special-page[data-offer-mode="upcoming"] .teaser-summary-heading{display:block;margin-bottom:18px}
.special-page[data-offer-mode="upcoming"] .teaser-summary-heading .eyebrow{margin:0}
.special-page[data-offer-mode="upcoming"] .teaser-summary-heading h2{margin:8px 0 0;font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.05;color:#292929}
.special-page[data-offer-mode="upcoming"] .teaser-start{display:inline-flex;align-items:center;gap:.35em;margin:14px 0 0;padding:9px 13px;border-radius:8px;background:var(--theme-surface,#f4efe2);font-size:1rem}
.special-page[data-offer-mode="upcoming"] #offer-intro{max-width:860px;margin:20px 0 18px;font-size:1.14rem;line-height:1.65}
.special-page[data-offer-mode="upcoming"] .offer-notice{margin:0;padding:16px 20px;font-size:1rem}
.special-page[data-offer-mode="upcoming"] .default-offer-hero .upcoming-hero-countdown{display:inline-flex;width:auto;max-width:100%;margin-top:20px;align-self:flex-start}
@media(max-width:720px){.special-page[data-offer-mode="upcoming"] .teaser-summary{padding:26px 22px;border-radius:16px}.special-page[data-offer-mode="upcoming"] .teaser-start{white-space:normal;width:max-content;max-width:100%}}
@media(max-width:800px){
  .special-page .special-hero h1{max-width:100%;font-size:clamp(2.6rem,11.5vw,4.35rem);line-height:.94;overflow-wrap:anywhere;text-wrap:balance}
  .special-page .special-subtitle{max-width:34rem;font-size:1.08rem;line-height:1.45}
  .special-page .special-actions{gap:10px}
  .special-page .offer-countdown{max-width:100%;padding:11px 14px;border-radius:13px}
  .special-page .offer-countdown span{font-size:.76rem}
  .special-page .offer-countdown strong{font-size:clamp(1rem,4.8vw,1.22rem);overflow-wrap:anywhere}
  .special-page[data-offer-mode="teaser"] .teaser-summary,
  .special-page[data-offer-mode="upcoming"] .teaser-summary{padding:24px 20px}
  .special-page[data-offer-mode="teaser"] .teaser-summary-heading h2,
  .special-page[data-offer-mode="upcoming"] .teaser-summary-heading h2{font-size:clamp(1.9rem,9vw,3rem)}
}
@media(max-width:430px){
  .special-page .special-hero{min-height:470px}
  .special-page .special-hero-content{padding-top:112px;padding-bottom:48px}
  .special-page .special-hero h1{font-size:clamp(2.25rem,11vw,3rem)}
  .special-page .special-actions .btn{width:100%}
  .special-page .offer-countdown{width:100%;align-items:flex-start}
  .special-page[data-offer-mode="teaser"] .teaser-summary,
  .special-page[data-offer-mode="upcoming"] .teaser-summary{padding:21px 17px;border-radius:14px}
  .special-page[data-offer-mode="teaser"] #offer-intro,
  .special-page[data-offer-mode="upcoming"] #offer-intro{font-size:1rem;line-height:1.55}
}
.special-page .special-intro{padding-top:36px}
.special-page .special-menu{padding:48px 0}
.special-page .special-menu .section-heading{margin-bottom:20px}
.special-page .wishes{padding:12px 0 50px}
.special-page .teaser-summary-heading.section-title-block{margin-bottom:12px}
.special-page[data-offer-mode="teaser"] .teaser-start,
.special-page[data-offer-mode="upcoming"] .teaser-start{display:inline-flex;align-items:center;gap:.35em;margin:10px 0 18px;padding:8px 12px;border-radius:8px;background:var(--theme-surface,#f4efe2);font-size:.96rem;white-space:normal}
.special-page[data-offer-mode="teaser"] .teaser-summary-heading,
.special-page[data-offer-mode="upcoming"] .teaser-summary-heading{width:100%;max-width:100%;min-width:0}
@media(max-width:800px){
  .special-page .special-intro{padding-top:30px}
  .special-page .special-menu{padding:42px 0}
  .special-page .wishes{padding-bottom:42px}
}
.special-page .teaser-summary-heading.section-title-block{--section-accent:var(--theme-primary,#deb305)}
.special-page .teaser-summary-heading.section-title-block{width:100%;min-width:0}
@media(max-width:800px){
  .special-page .topbar .nav-wrap{justify-content:flex-end}
  .special-page .topbar .nav-toggle{margin-left:auto;position:relative;z-index:4}
}

/* 4.12.2.3 — nagłówek i kompaktowa lista informacji aktywnej oferty. */
.active-offer-heading{--section-accent:var(--theme-primary,#deb305);margin-bottom:18px}
.active-offer-heading .eyebrow{max-width:none;font-size:.8rem;line-height:1.35}
.active-offer-heading h2{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.1}
.active-offer-heading[hidden]{display:none!important}
.active-offer-info-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:20px 0}
.active-offer-info-grid[hidden]{display:none!important}
.active-offer-info-grid.is-single{max-width:860px;margin-left:auto;margin-right:auto}
.active-offer-info-card{--info-accent:#e4b900;display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);align-items:center;gap:24px;min-width:0;padding:12px 18px;border:1px solid rgba(91,67,36,.14);border-left:5px solid var(--info-accent);border-radius:9px;background:#fff;box-shadow:0 4px 14px rgba(58,37,10,.06)}
.active-offer-info-card.accent-yellow{--info-accent:#e4b900}
.active-offer-info-card.accent-green{--info-accent:#4d861f}
.active-offer-info-card.accent-orange{--info-accent:#e85b08}
.active-offer-info-card.accent-blue{--info-accent:#174e9f}
.active-offer-info-card h3{margin:0;font-size:1rem;line-height:1.3;color:var(--theme-text,#292929)}
.active-offer-info-card p{margin:0;white-space:pre-line;color:var(--theme-text,#292929);line-height:1.45}
.special-page[data-offer-mode="teaser"] .active-offer-heading,.special-page[data-offer-mode="upcoming"] .active-offer-heading,.special-page[data-offer-mode="ended"] .active-offer-heading,.special-page[data-offer-mode="teaser"] .active-offer-info-grid,.special-page[data-offer-mode="upcoming"] .active-offer-info-grid,.special-page[data-offer-mode="ended"] .active-offer-info-grid{display:none!important}
@media(max-width:720px){.active-offer-info-card{grid-template-columns:1fr;gap:4px;padding:13px 15px}.active-offer-info-grid.is-single{max-width:none}}


/* 4.12.2.5 — aktywna oferta: główny nagłówek na osi strony, informacje pozostają centrowane. */
.special-page .special-intro .active-offer-heading,
.special-page .special-intro #offer-intro{width:100%;margin-left:0;margin-right:0}
.special-page .special-intro .active-offer-info-grid,
.special-page .special-intro .offer-notice{width:min(100%,980px);margin-left:auto;margin-right:auto}
.special-page .special-intro .active-offer-heading{margin-bottom:16px}
.special-page .special-intro #offer-intro{max-width:900px;margin-top:0;margin-bottom:14px}
.active-offer-info-grid{gap:9px;margin-top:16px;margin-bottom:16px}
.active-offer-info-grid.is-single{max-width:760px}
.active-offer-info-card{
  --info-accent:#c99f00;
  --info-soft:#fff6c7;
  grid-template-columns:minmax(150px,190px) minmax(0,1fr);
  gap:20px;
  padding:11px 17px;
  border:1px solid var(--line,#e5ddca);
  border-left:7px solid var(--info-accent);
  border-radius:6px;
  background:linear-gradient(90deg,var(--info-soft) 0,#fff 22%,#fff 100%);
  box-shadow:0 3px 12px rgba(0,0,0,.05)
}
.active-offer-info-card.accent-yellow{--info-accent:#c99f00;--info-soft:#fff6c7}
.active-offer-info-card.accent-green{--info-accent:#597615;--info-soft:#eaf1d8}
.active-offer-info-card.accent-orange{--info-accent:#d94b30;--info-soft:#ffe3db}
.active-offer-info-card.accent-blue{--info-accent:#008db7;--info-soft:#daf5fc}
.active-offer-info-card h3{font-size:.98rem}
.active-offer-info-card p{font-size:1rem;line-height:1.4}
.special-page .special-intro .offer-notice{
  margin-top:14px;
  padding:13px 17px;
  border:1px solid var(--line,#e5ddca);
  border-left:7px solid #d94b30;
  border-radius:6px;
  background:linear-gradient(90deg,#ffe3db 0,#fff6f3 22%,#fff 100%);
  box-shadow:0 3px 12px rgba(0,0,0,.05)
}
.special-page .special-menu{padding-top:30px}
.special-grid.is-single-category{width:min(100%,620px);margin-left:auto;margin-right:auto;grid-template-columns:1fr}
@media(max-width:720px){
  .special-page .special-intro .active-offer-heading,
  .special-page .special-intro #offer-intro,
  .special-page .special-intro .active-offer-info-grid,
  .special-page .special-intro .offer-notice{width:100%}
  .active-offer-info-card{grid-template-columns:1fr;gap:3px;padding:12px 14px}
  .active-offer-info-grid.is-single{max-width:none}
  .special-page .special-intro .offer-notice{padding:12px 14px}
  .special-page .special-menu{padding-top:28px}
  .special-grid.is-single-category{width:100%}
}

/* 4.12.2.6 — Hero oferty korzysta z tej samej kompaktowej skali co index.html. */
.special-page .special-hero,
.special-page[data-offer-mode="inactive"] .special-hero{
  min-height:440px;
}
.special-page .special-hero-content,
.special-page[data-offer-mode="inactive"] .special-hero-content{
  padding-top:112px;
  padding-bottom:34px;
}
@media(max-width:900px){
  .special-page .special-hero,
  .special-page[data-offer-mode="inactive"] .special-hero{min-height:450px}
  .special-page .special-hero-content,
  .special-page[data-offer-mode="inactive"] .special-hero-content{padding-top:108px;padding-bottom:32px}
}
@media(max-width:800px){
  .special-page .special-hero,
  .special-page[data-offer-mode="inactive"] .special-hero{min-height:500px}
  .special-page .special-hero-content,
  .special-page[data-offer-mode="inactive"] .special-hero-content{padding-top:108px;padding-bottom:32px}
}
@media(max-width:430px){
  .special-page .special-hero,
  .special-page[data-offer-mode="inactive"] .special-hero{min-height:470px}
  .special-page .special-hero-content,
  .special-page[data-offer-mode="inactive"] .special-hero-content{padding-top:104px;padding-bottom:30px}
}

/* 4.12.2.7 — realnie kompaktowe Hero aktywnej oferty.
   Sama wartość min-height nie wystarczała: zawartość (CTA, countdown i godziny)
   rozciągała special-hero ponad zadany limit. Poniższe reguły zmniejszają pionowy
   footprint bez usuwania żadnej informacji. */
.special-page .special-hero .special-eyebrow{
  margin:0 0 3px;
  line-height:1.3;
}
.special-page .special-hero h1{
  margin:0;
}
.special-page .special-hero .special-subtitle{
  margin:6px 0 0;
}
.special-page .special-hero .special-actions{
  margin-top:14px;
}
.special-page .special-hero .opening-strip{
  margin-top:12px;
}
@media(min-width:901px){
  .special-page .special-hero-content{
    padding-top:104px;
    padding-bottom:20px;
  }
  .special-page .special-hero .offer-title-v16{
    font-size:clamp(2.8rem,4.2vw,4.15rem);
    line-height:.92;
  }
  .special-page .special-hero .special-subtitle{
    max-width:720px;
    font-size:1.08rem;
    line-height:1.35;
  }
  .special-page .special-hero .special-actions{
    gap:10px;
  }
  .special-page .special-hero .special-actions .btn{
    padding:10px 17px;
  }
  .special-page .special-hero .offer-countdown{
    margin-top:10px;
    padding:8px 13px;
    border-radius:12px;
  }
  .special-page .special-hero .opening-strip{
    gap:12px;
    padding-top:6px;
    padding-bottom:6px;
    font-size:.92rem;
  }
}
@media(min-width:801px) and (max-width:900px){
  .special-page .special-hero-content{
    padding-top:102px;
    padding-bottom:22px;
  }
  .special-page .special-hero .offer-title-v16{
    font-size:clamp(2.65rem,6vw,3.8rem);
  }
  .special-page .special-hero .special-actions .btn{
    padding:10px 16px;
  }
  .special-page .special-hero .offer-countdown{
    margin-top:10px;
    padding:8px 12px;
  }
}
@media(max-width:800px){
  .special-page .special-hero .special-actions{margin-top:12px}
  .special-page .special-hero .offer-countdown{margin-top:10px}
  .special-page .special-hero .opening-strip{margin-top:10px}
}


/* 4.12.2.8 — Hero nowy.html: dodatkowa wysokość dokładana od dołu.
   Desktopowy kadr jest zbliżony wysokością do index.html, ale pozycja treści
   pozostaje praktycznie bez zmian. Dzięki temu dolna część zdjęcia (talerz)
   ma więcej miejsca, bez ponownego rozluźniania CTA, countdownu i godzin. */
@media(min-width:901px){
  .special-page .special-hero,
  .special-page[data-offer-mode="inactive"] .special-hero{
    min-height:490px;
    align-items:flex-start;
  }
  .special-page .special-hero-content,
  .special-page[data-offer-mode="inactive"] .special-hero-content{
    margin-top:14px;
    margin-bottom:0;
    padding-top:104px;
    padding-bottom:20px;
  }
}