/* ============================================================
   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 #8a8170.
   Karty/hero/countdown = wyjście shortcode'ów (styl globalnie w module).
   ============================================================ */

/* ---------- Pozycja menu „Summer Sale" — pomarańczowy akcent ---------- */
.vdt-menu-sale > a,
.vdt-menu-sale > a:hover,
.vdt-menu-sale > a:focus,
.vdt-menu-sale.current-menu-item > a{color:#f98d00 !important;font-weight:700 !important;}
.vdt-menu-sale > a:hover{opacity:.85;}

/* ---------- 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;}
.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:#8a8170;}
.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:#8a8170;}
.vdt-ss-hero__reg{font:500 15px Inter,sans-serif;color:#7a715f;text-decoration:line-through;margin-left:auto;}
.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:#8a8170;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:#8a8170;font:500 15px Inter,sans-serif;}

/* ---------- Siatka + karty ---------- */
.vdt-ss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px;}
.vdt-ss-card{background:#fff;border:1px solid #e6e4d6;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;}
.vdt-ss-card:hover{transform:translateY(-5px);box-shadow:0 26px 44px -28px rgba(20,17,13,.5);}
.vdt-ss-card__media{position:relative;display:block;aspect-ratio:4/3;background:#f4f3ee;overflow:hidden;}
.vdt-ss-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.vdt-ss-card:hover .vdt-ss-card__media img{transform:scale(1.04);}
.vdt-ss-card__badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:7px;align-items:flex-start;}
.vdt-ss-card__disc{background:#c73826;color:#fff;font:800 14px Inter,sans-serif;padding:5px 11px;border-radius:5px;box-shadow:0 6px 14px -6px rgba(199,56,38,.7);}
.vdt-ss-card__cap{background:#2e7d33;color:#fff;font:800 11px Inter,sans-serif;letter-spacing:.03em;padding:5px 10px;border-radius:5px;}
.vdt-ss-card__cap.is-low{background:#1d2917;}
.vdt-ss-card__body{padding:18px;display:flex;flex-direction:column;flex:1;}
.vdt-ss-card__brand{font:700 12px Inter,sans-serif;letter-spacing:.02em;color:#6b6357;}
.vdt-ss-card__name{font:700 17px Inter,sans-serif;color:#1d2917;line-height:1.25;margin-top:3px;min-height:42px;text-decoration:none;display:block;}
.vdt-ss-card__name:hover{color:#c73826;}
.vdt-ss-card__code{font:500 11.5px Inter,sans-serif;color:#a89c87;margin-top:3px;}
.vdt-ss-card__price{display:flex;align-items:baseline;gap:8px;margin-top:14px;}
.vdt-ss-card__now{font:900 24px Inter,sans-serif;color:#c73826;letter-spacing:-.02em;}
.vdt-ss-card__unit{font:500 12px Inter,sans-serif;color:#6b6357;}
.vdt-ss-card__reg{font:500 14px Inter,sans-serif;color:#7a715f;text-decoration:line-through;margin-left:auto;}
.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:16px;}
.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:#a89c87;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;}