/* V32 — Oferta in colour. Each service keeps the identity of its homepage card:
   strona = szałwia, sklep = brzoskwinia, system = butelkowa zieleń, marka = żółć. The dawn intro stays untouched. */
body.page-oferta.offer-v32{--o-ink:#15191c;--o-paper:#f4f1ea;--o-amber:#f2b705;--o-gold:#9c7100;
  --o-sage:#d5d9c5;--o-sage-band:#e6e9dc;--o-sage-deep:#4f5b3f;
  --o-peach:#dfc8b7;--o-peach-band:#f2e5da;--o-peach-deep:#8a5a3c;
  --o-green:#28332f;--o-green-deep:#1d2622;--o-mint:#c4e2a7;
  --o-yellow:#f2b705}

/* Shared heading: same as every section on the homepage */
body.offer-v32 .iv-section{padding-block:clamp(64px,7vw,104px)}
body.offer-v32 :is(.iv-heading h2,.of-shop-intro h2,.of-system-intro h2,.of-brand-intro h2,.of-last h2){font:700 clamp(38px,4.4vw,70px)/1.035 Sora,sans-serif!important;letter-spacing:-.067em!important;margin:0}
body.offer-v32 :is(.iv-heading h2,.of-shop-intro h2,.of-brand-intro h2) em{font-style:normal;color:var(--o-gold)}
body.offer-v32 .iv-heading{align-items:end}
body.offer-v32 .iv-heading p,body.offer-v32 .iv-heading>div>p{font-size:clamp(17px,1.45vw,21px);line-height:1.5}

/* Dawn: the second line of the intro claim in amber, not grey */
body.offer-v32 .dawn-copy h2 em{color:var(--o-amber)}

/* Index under the dawn: six coloured tiles */
body.offer-v32 .offer-index{gap:0;border:0}
body.offer-v32 .offer-index a{position:relative;overflow:hidden;border:1px solid #15191c1f;background:#fff;transition:transform .25s,box-shadow .25s}
body.offer-v32 .offer-index a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--tile,#15191c)}
body.offer-v32 .offer-index a:hover{transform:translateY(-3px);box-shadow:0 16px 30px -22px #15191c80}
body.offer-v32 .offer-index a[href="#strony"]{--tile:var(--o-sage)}
body.offer-v32 .offer-index a[href="#sklepy"]{--tile:var(--o-peach)}
body.offer-v32 .offer-index a[href="#stackerp"]{--tile:var(--o-green)}
body.offer-v32 .offer-index a[href="#marka"]{--tile:var(--o-yellow)}
body.offer-v32 .offer-index a[href="#po-starcie"]{--tile:#9aa0a6}
body.offer-v32 .offer-index a[href="#pakiet"]{--tile:var(--o-gold)}
body.offer-v32 .offer-index em{font:700 15px/1.2 Sora,sans-serif;letter-spacing:-.03em;color:var(--o-ink)}

/* Strony — sage */
body.offer-v32 .of-web{background:var(--o-sage-band)}
body.offer-v32 .of-decision{background:#fff;border:0;border-left:6px solid var(--o-sage-deep)}
body.offer-v32 .of-plan{background:#fff;border:1px solid #15191c1a;box-shadow:0 22px 40px -34px #15191c80}
body.offer-v32 .of-plan-label{background:var(--o-sage);color:var(--o-ink);margin:-1px -1px 0;padding:12px 18px;font-weight:700;letter-spacing:.06em}
body.offer-v32 .of-plan-new{background:var(--o-ink);color:var(--o-paper)}
body.offer-v32 .of-plan-new .of-plan-label{background:var(--o-amber);color:var(--o-ink)}
body.offer-v32 .of-plan-new :is(.of-plan-desc,li,details p,.of-price span,.of-price small){color:#c9cbc6}
body.offer-v32 .of-plan-new .of-price strong{color:var(--o-amber)}
body.offer-v32 .of-price strong{font-family:Sora,sans-serif;letter-spacing:-.05em}
body.offer-v32 .of-plan li::marker{color:var(--o-sage-deep)}
body.offer-v32 .of-plan-new li::marker{color:var(--o-amber)}
body.offer-v32 .of-plan .iv-button{background:var(--o-ink);color:var(--o-paper)}
body.offer-v32 .of-plan-new .iv-button{background:var(--o-amber);color:var(--o-ink)}
body.offer-v32 .of-price-note{border-color:#15191c26}

/* W cenie — the same dark panel as on the homepage */
body.offer-v32 .of-standard{background:#171a21}
body.offer-v32 .of-standard .iv-heading h2 em{color:var(--o-amber)}
body.offer-v32 .of-standard-grid>li>span{color:var(--o-amber)!important;background:none!important;border:0!important;font-weight:700}
body.offer-v32 .of-standard-grid a{color:var(--o-amber)}

/* Sklepy — peach */
body.offer-v32 .of-shop{background:var(--o-peach-band)}
body.offer-v32 .of21-store-path{background:#fff;border:1px solid #15191c1f;box-shadow:0 26px 48px -36px #8a5a3c99}
body.offer-v32 .of21-frame-bar{background:var(--o-peach);color:var(--o-ink)}
body.offer-v32 .of21-store-step:last-child{background:#fbf3ec}
body.offer-v32 .of21-store-step span{color:var(--o-peach-deep)}
body.offer-v32 .of-shop-plans article{background:#fff;border:1px solid #15191c1a;border-top:6px solid var(--o-peach);box-shadow:0 22px 40px -34px #15191c80}
body.offer-v32 .of-shop-plans article:nth-child(2){border-top-color:var(--o-peach-deep)}
body.offer-v32 .of-shop-plans article:nth-child(3){border-top-color:var(--o-ink)}
body.offer-v32 .of-shop-plans strong{font-family:Sora,sans-serif;letter-spacing:-.04em}
body.offer-v32 .of-shop-plans li::marker{color:var(--o-peach-deep)}
body.offer-v32 .of-shop-plans a{background:var(--o-ink);color:var(--o-paper)}
body.offer-v32 .of-shop-existing{background:#fff;border:0;border-left:6px solid var(--o-peach-deep)}
body.offer-v32 .of-configurator>summary{background:var(--o-ink);color:var(--o-paper);border:0}
body.offer-v32 .of-configurator>summary b{background:var(--o-amber);color:var(--o-ink)}
body.offer-v32 .of-configurator[open]>summary{border-bottom:4px solid var(--o-amber)}
body.offer-v32 .of-config-content{background:#fff}
body.offer-v32 .builder-options label:has(input:checked) span{border-color:var(--o-ink);background:#fbf3ec;box-shadow:inset 0 0 0 1px var(--o-ink)}

/* Systemy — bottle green with mint accents */
body.offer-v32 .of-systems{background:var(--o-green);color:#eef2ea}
body.offer-v32 .of-systems h2 em{color:var(--o-mint)!important}
body.offer-v32 .of-systems :is(p,li span,.of-system-intro>div>p){color:#c9d3c6}
body.offer-v32 .of-systems .of-partnership{color:#eef2ea}
body.offer-v32 .of-systems .of-partnership b{color:var(--o-mint)}
body.offer-v32 .of21-system-path{background:var(--o-green-deep);border:1px solid #c4e2a733}
body.offer-v32 .of21-system-path strong{color:#fff}
body.offer-v32 .of21-system-path li{border-color:#c4e2a733}
body.offer-v32 .of-system-plans article{background:var(--o-green-deep);border:1px solid #c4e2a72e;color:#eef2ea}
body.offer-v32 .of-system-plans article>span{color:var(--o-mint);letter-spacing:.08em}
body.offer-v32 .of-system-plans article h3{color:#fff}
body.offer-v32 .of-system-plans article a{color:var(--o-mint);border-color:var(--o-mint)}
body.offer-v32 .of-problem-line{border-color:#c4e2a733}
body.offer-v32 .of-problem-line strong{color:#fff}
body.offer-v32 .of-systems .iv-link{color:var(--o-mint);border-color:var(--o-mint)}

/* Marka — yellow band, white plans */
body.offer-v32 .of-brand{background:var(--o-yellow);color:var(--o-ink)}
body.offer-v32 .of-brand h2 em{color:#5a4500!important}
body.offer-v32 .of-brand-intro p{color:#2f2a17}
body.offer-v32 .of21-brand-files{background:var(--o-ink);color:var(--o-paper);border:0}
body.offer-v32 .of21-brand-files :is(span:not(.wordmark-cut),li span){color:#c9cbc6}
body.offer-v32 .of21-brand-files .wordmark{color:var(--o-paper)}
body.offer-v32 .of21-brand-files li b{color:#fff}
body.offer-v32 .of-brand-plans article{background:#fff;border:0;box-shadow:0 22px 40px -30px #6b500099}
body.offer-v32 .of-brand-plans article>span{color:var(--o-gold);font-weight:700}
body.offer-v32 .of-brand-plans strong{font-family:Sora,sans-serif;letter-spacing:-.04em}
body.offer-v32 .of-brand-scope span{background:#fff;border-color:transparent;color:var(--o-ink)}
body.offer-v32 .of-brand-scope a{color:var(--o-ink);border-color:var(--o-ink)}

/* Opieka — white band, icons in service colours */
body.offer-v32 .of-care{background:#fff}
body.offer-v32 .of-care-grid article{border-top:1px solid #15191c38}
body.offer-v32 .of-care-grid article>span{display:grid;place-items:center;width:min(100%,34px);height:auto;aspect-ratio:1;border-radius:50%;font-size:15px!important;line-height:1!important;background:var(--o-sage);color:var(--o-ink);font-weight:700}
body.offer-v32 .of-care-grid article:nth-child(2)>span{background:var(--o-peach)}
body.offer-v32 .of-care-grid article:nth-child(3)>span{background:var(--o-green);color:var(--o-mint)}
body.offer-v32 .of-care-grid article:nth-child(4)>span{background:var(--o-yellow)}
body.offer-v32 .of-care-grid article:nth-child(5)>span{background:var(--o-ink);color:var(--o-amber)}
body.offer-v32 .of-care-grid article:nth-child(6)>span{background:#efe6c9;color:var(--o-gold)}
body.offer-v32 .of-care-grid strong{font-family:Sora,sans-serif;letter-spacing:-.03em}

/* Pakiet — dark with amber */
body.offer-v32 .of-bundle{background:var(--o-ink)}
body.offer-v32 .of-bundle .iv-heading h2 em{color:var(--o-amber)}
body.offer-v32 .of-bundle-summary{background:var(--o-amber);color:var(--o-ink);border:0}
body.offer-v32 .of-bundle-summary :is(small,span,p){color:#2f2a17}
body.offer-v32 .of-bundle-summary strong{color:var(--o-ink)}
body.offer-v32 .of-bundle-summary .iv-button{background:var(--o-ink);color:var(--o-paper)}
body.offer-v32 .of-bundle-presets button:hover{background:var(--o-amber);color:var(--o-ink);border-color:var(--o-amber)}

/* Zakończenie — paper band with the yellow button (yellow band is already used by Marka) */
body.offer-v32 .of-last{background:var(--o-paper)}
body.offer-v32 .of-last h2 em{font-style:normal;color:var(--o-gold)}
body.offer-v32 .of-last .iv-button{background:var(--o-amber);color:var(--o-ink)}

@media(prefers-reduced-motion:reduce){body.offer-v32 .offer-index a{transition:none}body.offer-v32 .offer-index a:hover{transform:none}}

/* V32 fixes: spacing under intro headings, brand cards and chips */
body.offer-v32 :is(.of-shop-intro,.of-system-intro,.of-brand-intro) h2{margin-bottom:24px!important}
body.offer-v32 .of-brand-plans article{padding:clamp(22px,2.2vw,30px)}
body.offer-v32 .of-brand-scope{gap:10px}
body.offer-v32 .of-brand-scope span{padding:7px 14px;border-radius:999px;font-weight:600;font-size:14px}
body.offer-v32 .of-system-plans article{padding:clamp(22px,2.4vw,32px)}
body.offer-v32 .of21-system-path{padding:clamp(22px,2.4vw,32px)}
body.offer-v32 :is(.of-standard,.of-bundle) .iv-heading h2 em{color:var(--o-amber)!important;opacity:1!important}

/* V33: price list download next to the closing button */
body.offer-v32 .v33-last-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
body.offer-v32 .v33-pdf-link{display:inline-flex;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid currentColor;color:var(--o-ink);font:600 15px/1.3 Figtree,sans-serif}
body.offer-v32 .v33-pdf-link span{font-size:19px;line-height:1}