/* ============================================================
   Summer Sale — pasek, liczniki, hero, kontrolki, karty produktów.
   Tokeny: zieleń #16361b/#3FA744/#5bc25f, czerwień #c73826/#a82c1e,
   krem #f4f3ee, obwódka #e6e4d6, tekst #1d2917, muted #6b6357 (NIE #8a8170 — 3,5:1 na kremie, poniżej WCAG AA).
   Karty/hero/countdown = wyjście shortcode'ów (styl globalnie w module).
   ============================================================ */

/* ---------- Pozycja menu z akcentem (.vdt-menu-sale) ----------
   Styl przeniesiony do modules/promotions/assets/promo-menu.css — tu ładował się
   tylko przy aktywnej kampanii, a pozycja „Promocje" jest w menu na stałe. */

/* ---------- Globalny pasek kampanii ---------- */
.vdt-ss-bar{background:#c73826;color:#fff;font-family:Inter,system-ui,sans-serif;}
.vdt-ss-bar.is-closing{opacity:0;transition:opacity .22s ease;}
.vdt-ss-bar__in{max-width:1280px;margin:0 auto;padding:9px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.vdt-ss-bar__msg{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font:700 13.5px/1.25 Inter,sans-serif;}
.vdt-ss-bar__msg:hover{color:#fff;text-decoration:underline;}
.vdt-ss-bar__clock{flex:none;}
.vdt-ss-bar__sub{font:500 12.5px Inter,sans-serif;color:rgba(255,255,255,.8);}
.vdt-ss-bar__timer{margin-left:auto;display:inline-flex;align-items:center;gap:2px;font:800 13.5px Inter,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.01em;}
.vdt-ss-bar__timer i{font-style:normal;font-weight:600;margin:0 6px 0 1px;color:rgba(255,255,255,.78);}
.vdt-ss-bar__dot{width:7px;height:7px;border-radius:999px;background:#fff;margin-right:8px;animation:vdtSsPulse 1.4s infinite;}
.vdt-ss-bar__cta{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#c73826;font:700 12.5px Inter,sans-serif;padding:8px 14px;border-radius:4px;text-decoration:none;transition:background .2s,color .2s;}
.vdt-ss-bar__cta:hover{background:#16361b;color:#fff;}
.vdt-ss-bar__x{background:none;border:none;color:rgba(255,255,255,.75);font-size:22px;line-height:1;cursor:pointer;padding:0 2px;transition:color .2s;}
.vdt-ss-bar__x:hover{color:#fff;}

/* ---------- Baner-hero (np. strona główna) — układ jak hero landingu ---------- */
.vdt-ss-hb{margin-inline:calc(50% - 50vw);background:#16361b;font-family:Inter,system-ui,sans-serif;overflow:hidden;}
/* Jako slajd w [vdt_banners]: bez full-bleed, w proporcjach slajdu (1400:620 / 4:5) */
.vdt-banners-slide .vdt-ss-hb{margin-inline:0;height:100%;}
.vdt-banners-slide .vdt-ss-hb__in{height:100%;box-sizing:border-box;padding:32px 40px 36px;gap:36px;}
.vdt-banners-slide .vdt-ss-hb__ttl{font-size:clamp(30px,4vw,52px);margin-top:14px;}
.vdt-banners-slide .vdt-ss-hb__cdl{margin:18px 0 10px;}
.vdt-banners-slide .vdt-ss-hb__cta{margin-top:20px;}
.vdt-banners-slide .vdt-ss-hb__points{margin-top:18px;gap:18px;}
.vdt-banners-slide .vdt-ss-hero__card{flex-basis:300px;max-width:300px;}
.vdt-banners-slide .vdt-ss-hero__aside{flex:0 1 220px;min-width:170px;}
@media(max-width:1100px){.vdt-banners-slide .vdt-ss-hero__aside{display:none;}}
@media(max-width:768px){
	/* 4:5 na mobile — tekst + licznik + CTA; karta produktu nie mieści się */
	.vdt-banners-slide .vdt-ss-hb__right{display:none;}
	.vdt-banners-slide .vdt-ss-hb__in{grid-template-columns:1fr;align-content:center;padding:24px 20px;}
}
.vdt-ss-hb__in{max-width:1240px;margin:0 auto;padding:56px 40px 60px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:center;}
.vdt-ss-hb__kick{display:inline-flex;align-items:center;gap:9px;font:800 11.5px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#5bc25f;}
.vdt-ss-hb__kickline{width:26px;height:1.5px;background:#5bc25f;display:inline-block;}
.vdt-ss-hb__ttl{font:800 clamp(34px,4.6vw,60px) Inter,sans-serif;color:#fff;line-height:1;margin:18px 0 0;letter-spacing:-.02em;}
.vdt-ss-hb__ttl em{font-style:normal;color:#ff6a4d;}
.vdt-ss-hb__cdl{font:700 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.78);margin:26px 0 10px;}
.vdt-ss-hb__cta{margin-top:26px;}
.vdt-ss-hb__btn{display:inline-flex;align-items:center;gap:10px;padding:16px 30px;background:#c73826;color:#fff;font:700 15px Inter,sans-serif;border-radius:4px;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;}
.vdt-ss-hb__btn:hover{background:#a82c1e;transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(199,56,38,.7);color:#fff;}
.vdt-ss-hb__points{display:flex;gap:22px;margin-top:24px;flex-wrap:wrap;}
.vdt-ss-hb__points span{display:flex;align-items:center;gap:8px;font:600 13px Inter,sans-serif;color:rgba(255,255,255,.82);}
.vdt-ss-hb__points svg{color:#5bc25f;flex:none;}
.vdt-ss-hb__right{display:flex;justify-content:center;}
@media(max-width:900px){.vdt-ss-hb__in{grid-template-columns:1fr;gap:32px}}
@media(max-width:560px){.vdt-ss-hb__in{padding:36px 20px 40px}}

/* ---------- Liczniki ---------- */
.vdt-ss-cd--hero{display:flex;gap:10px;}
.vdt-ss-cd__seg{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 4px;width:78px;text-align:center;}
.vdt-ss-cd__seg b{display:block;font:800 34px Inter,sans-serif;color:#fff;font-variant-numeric:tabular-nums;line-height:1;}
.vdt-ss-cd__seg i{display:block;font:600 10px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-top:6px;font-style:normal;}
.vdt-ss-cd--hero .vdt-ss-cd__seg:last-child b{color:#5bc25f;}
.vdt-ss-cd--inline{display:inline-flex;align-items:center;gap:2px;font:800 26px Inter,sans-serif;color:#fff;font-variant-numeric:tabular-nums;}
.vdt-ss-cd--inline i{font-style:normal;font-weight:600;font-size:13px;color:rgba(255,255,255,.55);margin:0 8px 0 2px;}

/* ---------- Hero — produkt-bohater (karta + zalety obok) ---------- */
.vdt-ss-hero{display:flex;align-items:center;gap:28px;flex-wrap:wrap;font-family:Inter,sans-serif;}
.vdt-ss-hero__card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -22px rgba(0,0,0,.55);display:flex;flex-direction:column;flex:0 0 320px;max-width:320px;}
.vdt-ss-hero__media{position:relative;display:block;aspect-ratio:4/3;background:#f4f3ee;overflow:hidden;}
.vdt-ss-hero__media img{width:100%;height:100%;object-fit:cover;display:block;}
.vdt-ss-hero__disc{position:absolute;top:14px;left:14px;background:#c73826;color:#fff;font:800 15px Inter,sans-serif;padding:5px 11px;border-radius:5px;}
.vdt-ss-hero__body{padding:18px 20px 20px;}
.vdt-ss-hero__eyebrow{font:700 11px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#b8860b;}
.vdt-ss-hero__name{font:800 20px Inter,sans-serif;color:#1d2917;margin:8px 0 2px;line-height:1.15;}
.vdt-ss-hero__meta{font:500 12px Inter,sans-serif;color:#6b6357;}
.vdt-ss-hero__price{display:flex;align-items:baseline;gap:8px;margin-top:14px;}
.vdt-ss-hero__now{font:900 28px Inter,sans-serif;color:#c73826;letter-spacing:-.02em;}
.vdt-ss-hero__unit{font:500 12px Inter,sans-serif;color:#6b6357;}
.vdt-ss-hero__reg{font:600 18px Inter,sans-serif;color:#7a715f;text-decoration:line-through;}
.vdt-ss-hero__omnibus{font:500 12.5px Inter,sans-serif;color:#6b6357;margin-top:4px;}
.vdt-ss-hero__stock{font:700 12.5px Inter,sans-serif;color:#2e7d33;margin-top:10px;}
.vdt-ss-hero__cta{display:flex;align-items:center;justify-content:center;margin-top:14px;padding:13px;background:#16361b;color:#fff;font:700 14px Inter,sans-serif;border-radius:4px;text-decoration:none;transition:background .2s;}
/* Zalety obok karty (na ciemnym tle hero) */
.vdt-ss-hero__aside{flex:1 1 190px;min-width:180px;}
.vdt-ss-hero__aside-ttl{font:800 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#5bc25f;margin-bottom:16px;}
.vdt-ss-hero__benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px;}
.vdt-ss-hero__benefits li{display:flex;align-items:center;gap:11px;font:600 15px Inter,sans-serif;color:#fff;line-height:1.3;}
.vdt-ss-hero__bic{flex:none;width:28px;height:28px;border-radius:8px;background:rgba(91,194,95,.16);color:#5bc25f;display:flex;align-items:center;justify-content:center;}
.vdt-ss-hero__bic svg{display:block;}
.vdt-ss-hero__cta:hover{background:#c73826;color:#fff;}

/* ---------- Kontrolki (kalkulator + filtr) ---------- */
.vdt-ss{font-family:Inter,system-ui,sans-serif;color:#1d2917;}
.vdt-ss *{box-sizing:border-box;}
.vdt-ss-controls{background:#16361b;border-radius:16px;padding:26px 28px;display:grid;grid-template-columns:1.25fr 1fr;gap:34px;align-items:center;}
.vdt-ss-calc__k{display:inline-flex;align-items:center;gap:8px;font:800 11px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5bc25f;}
.vdt-ss-calc__row{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap;}
.vdt-ss-calc__inp{display:flex;align-items:center;background:#fff;border-radius:10px;overflow:hidden;height:54px;}
.vdt-ss-calc__inp input{width:120px;border:none;background:transparent;outline:none;font:800 22px Inter,sans-serif;color:#1d2917;text-align:right;padding:0 6px 0 16px;height:100%;-moz-appearance:textfield;}
.vdt-ss-calc__inp input::-webkit-outer-spin-button,.vdt-ss-calc__inp input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.vdt-ss-calc__inp span{font:700 15px Inter,sans-serif;color:#1d2917;padding:0 16px 0 4px;}
.vdt-ss-calc__clear{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font:600 13px Inter,sans-serif;padding:10px 15px;border-radius:8px;cursor:pointer;}
.vdt-ss-calc__clear:hover{background:rgba(255,255,255,.18);}
.vdt-ss-calc__msg{font:500 14px Inter,sans-serif;color:rgba(255,255,255,.72);line-height:1.5;margin-top:14px;max-width:460px;}
.vdt-ss-filter{border-left:1px solid rgba(255,255,255,.12);padding-left:34px;}
.vdt-ss-filter__label{font:800 11px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.78);margin-bottom:12px;}
.vdt-ss-filter__chips{display:flex;gap:9px;flex-wrap:wrap;}
.vdt-ss-filter__chips button{padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:transparent;color:rgba(255,255,255,.8);font:700 13.5px Inter,sans-serif;cursor:pointer;transition:background .15s,color .15s,border-color .15s;}
.vdt-ss-filter__chips button:hover{border-color:#5bc25f;color:#5bc25f;}
.vdt-ss-filter__chips button.is-active{background:#5bc25f;border-color:#5bc25f;color:#0f2914;}
.vdt-ss-filter__count{font:600 13px Inter,sans-serif;color:rgba(255,255,255,.7);margin-top:16px;}
.vdt-ss-filter__count b{color:#5bc25f;}

/* ---------- Stany puste ---------- */
.vdt-ss-empty{background:#fff;border:1px dashed #d9d8c6;border-radius:14px;padding:26px;text-align:center;font:500 15px Inter,sans-serif;color:#6b6357;margin-top:22px;}
.vdt-ss-empty a{color:#c73826;font-weight:700;text-decoration:none;}
.vdt-ss-none{background:#fff;border:1px solid #e6e4d6;border-radius:14px;padding:40px;text-align:center;color:#6b6357;font:500 15px Inter,sans-serif;}

/* ---------- Siatka + karty ---------- */
.vdt-ss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px;}
/* Kafel = probka materialu, nie pudelko. Ten sam jezyk co [vdt_showcase] (1.43.2):
   zdjecie w kwadracie na tle sekcji, cienka linia pod nim zamiast obwodki,
   hover rusza zdjeciem a nie kaflem. Zostaje to, co tu jest funkcjonalne i czego
   witryna nie ma: pasek stanu w m2, podpowiedz i przycisk CTA. */
.vdt-ss-card{background:transparent;border:0;border-radius:0;display:flex;flex-direction:column;}
.vdt-ss-card__media{position:relative;display:block;aspect-ratio:1/1;background:#f4f3ee;overflow:hidden;border-radius:3px 3px 0 0;}
.vdt-ss-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,.61,.36,1);will-change:transform;}
.vdt-ss-card:hover .vdt-ss-card__media img{transform:scale(1.07);}
.vdt-ss-card:hover .vdt-ss-card__body{border-top-color:#3FA744;}
.vdt-ss-card:hover .vdt-ss-card__name{color:#c73826;}
@media (prefers-reduced-motion:reduce){.vdt-ss-card__media img,.vdt-ss-card:hover .vdt-ss-card__media img{transition:none;transform:none;}}
/* Choragiewki wtopione w rog zdjecia — bez odstepu i bez cienia. */
.vdt-ss-card__badges{position:absolute;top:0;left:0;display:flex;flex-direction:column;gap:0;align-items:flex-start;}
.vdt-ss-card__disc{background:#c73826;color:#fff;font:800 14px Inter,sans-serif;padding:6px 11px;border-radius:0;}
.vdt-ss-card__cap{background:#2e7d33;color:#fff;font:800 11px Inter,sans-serif;letter-spacing:.03em;padding:6px 10px;border-radius:0;}
.vdt-ss-card__badges > :last-child{border-radius:0 0 3px 0;}
.vdt-ss-card__cap.is-low{background:#1d2917;}
/* Bialy panel pod zdjeciem — tlo tylko pod tekstem, zdjecie bez obwodki. */
.vdt-ss-card__body{background:#fff;padding:14px;border-radius:0 0 3px 3px;display:flex;flex-direction:column;flex:1;border-top:2px solid #e6e4d6;transition:border-color .2s;}
.vdt-ss-card__brand{font:600 11px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#6b6357;}
.vdt-ss-card__name{font:500 14px Inter,sans-serif;color:#3d4a34;line-height:1.35;margin-top:3px;min-height:38px;text-decoration:none;display:block;transition:color .2s;}
.vdt-ss-card__name:hover{color:#c73826;}
.vdt-ss-card__code{font:500 11.5px Inter,sans-serif;color:#6b6357;margin-top:3px;}
.vdt-ss-card__price{display:flex;align-items:baseline;gap:8px;margin-top:12px;}
.vdt-ss-card__now{font:800 23px Inter,sans-serif;color:#c73826;letter-spacing:-.02em;}
.vdt-ss-card__unit{font:500 12px Inter,sans-serif;color:#6b6357;}
/* #7a715f dawalo 4,34:1 na kremie po zdjeciu bialej karty — ponizej WCAG AA. */
.vdt-ss-card__reg{font:600 14px Inter,sans-serif;color:#736a58;text-decoration:line-through;}
.vdt-ss-card__omnibus{font:500 12.5px Inter,sans-serif;color:#6b6357;margin-top:4px;}
.vdt-ss-card__stock{margin-top:14px;}
.vdt-ss-card__stocklabel{display:flex;align-items:center;gap:7px;font:700 12.5px Inter,sans-serif;color:#2e7d33;}
.vdt-ss-card__dot{width:7px;height:7px;border-radius:999px;background:currentColor;flex:none;}
.vdt-ss-card__stock.is-low .vdt-ss-card__stocklabel{color:#c73826;}
.vdt-ss-card__bar{height:6px;border-radius:999px;background:#ece8dd;margin-top:8px;overflow:hidden;}
.vdt-ss-card__bar span{display:block;height:100%;background:#3FA744;border-radius:999px;}
.vdt-ss-card__stock.is-low .vdt-ss-card__bar span{background:#c73826;}
.vdt-ss-card__hint{display:flex;align-items:center;gap:7px;font:500 12.5px Inter,sans-serif;color:#6b6357;margin-top:12px;}
.vdt-ss-card__hint svg{flex:none;color:#3FA744;}
.vdt-ss-card__foot{margin-top:auto;padding-top:14px;}
.vdt-ss-card__cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 16px;background:#16361b;color:#fff;font:700 13.5px Inter,sans-serif;border-radius:3px;text-decoration:none;transition:background .2s,transform .15s;}
.vdt-ss-card__cta svg{flex:none;transition:transform .2s;}
.vdt-ss-card__cta:hover{background:#c73826;color:#fff;}
.vdt-ss-card__cta:hover svg{transform:translateX(3px);}
.vdt-ss-card__note{font:500 11px Inter,sans-serif;color:#6b6357;line-height:1.4;margin-top:8px;text-align:center;}

@keyframes vdtSsPulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.vdt-ss-bar__dot{animation:none}.vdt-ss-card,.vdt-ss-card__media img{transition:none}}

@media(max-width:1000px){.vdt-ss-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
	.vdt-ss-controls{grid-template-columns:1fr;gap:22px}
	.vdt-ss-filter{border-left:none;padding-left:0;border-top:1px solid rgba(255,255,255,.12);padding-top:22px}
	.vdt-ss-hero__card{flex-basis:auto;max-width:none;width:100%}
	.vdt-ss-hero__aside{flex-basis:auto;width:100%}
}
@media(max-width:640px){
	.vdt-ss-grid{grid-template-columns:1fr}
	.vdt-ss-bar__sub{display:none}
	.vdt-ss-cd__seg{width:64px;padding:10px 4px}
	.vdt-ss-cd__seg b{font-size:27px}
}
@media(max-width:400px){
	.vdt-ss-bar__in{padding:8px 14px;gap:10px}
	.vdt-ss-bar__timer{font-size:12.5px}
}

/* --- Dostępność (1.32.0) --- */
.vdt-ss-sr{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
/* Hit-area X paska >=44px bez zmiany layoutu (pasek jest niski) */
.vdt-ss-bar__x{position:relative;}
.vdt-ss-bar__x::after{content:"";position:absolute;inset:-12px;}
/* Standard focus-ring projektu; na czerwonym pasku biały (pomarańcz nie kontrastuje z tłem) */
.vdt-ss :is(a,button,input):focus-visible,
.vdt-ss-hb :is(a,button):focus-visible,
.vdt-ss-hero :is(a,button):focus-visible{outline:2px solid #f98d00;outline-offset:2px;}
.vdt-ss-bar :is(a,button):focus-visible{outline:2px solid #fff;outline-offset:2px;}