/* Haisberg — szata z października 2026: baza (czcionki, tokeny, nagłówek, stopka, logo, karty).
   Źródło: C:\claude_files\Haisberg.com\szata\ → wp-content/uploads/haisberg/szata/szata.css (sklejane z części).
   Ładowany tylko przy włączonej szacie (opcja haisberg_szata albo podgląd ?szata=1). */

@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(fonty/archivo-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(fonty/archivo-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonty/onest-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonty/onest-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* decyzja Damiana 17.10.2026 (wariant C „jasny krem”): bez ciemnozielonych teł. Nagłówek, hero, dobór zakrętek,
     stopka, termin w sklepie i bilet na kremie; drobne ciemne elementy (znaczki, licznik, wybrany dzień) w brązie espresso.
     --s-mosiadz-c: ciemny mosiądz na tekst i ikony na kremie; #84510E z projektu dawał 4,34:1 na pasku #DFCFB4,
     #7C4C0D ma 4,74 (pasek), 4,96 (odcinek), 5,40 (krem), 6,29 (powierzchnia).
     --s-tusz (i --hb-ink, kolor główny kitu) też espresso zamiast zielonkawej czerni #13201A: służy także jako tło
     (wybrana kategoria/chip, bieżąca strona, numery kroków koszyka, przyciski Elementora i 404). */
  --s-piwnica:#2B1F17;--s-piwnica2:#21170F;--s-ciemna:#3B2B20;--s-odcinek:#E2D4BC;
  --s-krem:#E9DDC8;--s-krem-pasek:#DFCFB4;--s-krem-pow:#F5EEE2;--s-krem-ramka:rgba(43,31,23,.14);
  --s-krem-tekst:#2B1F17;--s-mosiadz-c:#7C4C0D;
  --s-butelka:#1F5A3D;--s-butelka-h:#184B32;--s-mosiadz:#E0A53A;--s-mosiadz-h:#EBB44E;
  --s-papier:#F3F0E8;--s-szalwia:#E3ECE4;--s-szalwia2:#EEF4EF;--s-tusz:#2B1F17;--s-tekst2:#3D4A43;--s-kamien:#5A6560;
  --s-nc1:#4A3A2D;--s-nc2:#6A584A;--s-nc3:#6E5C4E;--s-ramka:#E2DDD1;--s-ramka-pol:#CFC8B8;--s-ramka-zn:#D6D0C2;
  --s-linia:#DCD7CB;--s-linia2:#EEEAE1;--s-hover-listy:#E7E3D9;--s-checkbox:#8C8676;--s-zajety:#ECE8DF;--s-zajety-t:#A3A69F;
  --s-wyl:#8E928C;--s-blad:#B3261E;--s-ostrz:#F6E7C8;--s-ostrz-ik:#7A5512;--s-ostrz-t:#3B2A08;
  --s-sans:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;--s-wide:'Archivo','Onest',sans-serif;
  --s-pad:max(clamp(20px,4vw,40px),calc((100% - 1200px) / 2));--s-pad-sklep:max(clamp(20px,4vw,40px),calc((100% - 1200px) / 2)); /* jak .hb-sn-w nowego nagłówka (18.10.2026) */--s-rytm:clamp(48px,6vw,96px);
  /* stare tokeny (strony z Elementora: Oferta, O nas, Kontakt, dokumenty) w nowej palecie */
  --hb-ink:#2B1F17;--hb-night:#2B1F17;--hb-cream:#F3F0E8;--hb-sand:#E3ECE4;--hb-paper:#FFFFFF;--hb-line:#E2DDD1;--hb-line2:#EEEAE1;
  --hb-field:#CFC8B8;--hb-copper:#1F5A3D;--hb-copper2:#184B32;--hb-copper-dark:#184B32;--hb-green:#3B2B20;--hb-green-line:rgba(243,240,232,.12);
  --hb-muted:#3D4A43;--hb-muted2:#5A6560;--hb-ondark:#D6CAB8;--hb-gold:#E0A53A;--hb-tan:#BCA990;--hb-oncopper:#FFFFFF;
  --hb-serif:'Archivo','Onest',sans-serif;--hb-sans:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;--hb-topbar:0px
}
html{scroll-padding-top:24px}
body.hb-szata{background:var(--s-papier);color:var(--s-tusz);font-family:var(--s-sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
body.hb-szata a{color:var(--s-butelka)}body.hb-szata a:hover{color:var(--s-butelka-h)}
body.hb-szata.elementor-kit-119{--e-global-color-primary:#2B1F17;--e-global-color-secondary:#1F5A3D;--e-global-color-text:#3D4A43;--e-global-color-accent:#1F5A3D;--e-global-color-cccc4ad:#F3F0E8;--e-global-color-7482b76:#D6CAB8;--e-global-color-723681b:#E3ECE4;--e-global-color-af1e197:#E2DDD1;--e-global-color-hb0a001:#FFFFFF;--e-global-color-hb0a002:#184B32;--e-global-color-hb0a003:#184B32;--e-global-color-hb0a004:#E0A53A;--e-global-color-hb0a005:#3B2B20;--e-global-color-hb0a006:#2B1F17;--e-global-color-hb0a007:#FFFFFF;--e-global-typography-primary-font-family:'Archivo';--e-global-typography-secondary-font-family:'Archivo';--e-global-typography-2e8a293-font-family:'Archivo';--e-global-typography-267ab7e-font-family:'Archivo';--e-global-typography-b3ef8b9-font-family:'Archivo';--e-global-typography-11e52e6-font-family:'Archivo';--e-global-typography-01509d9-font-family:'Archivo'}
/* nagłówki krojem napisu logo (Archivo 112,5 %, 800, małe litery) — decyzja Damiana 17.10.2026 */
body.hb-szata .hb-sec h1,body.hb-szata .hb-sec h2,body.hb-szata .elementor-widget-heading h1.elementor-heading-title,body.hb-szata .elementor-widget-heading h2.elementor-heading-title{font-family:var(--s-wide)!important;font-stretch:112.5%;font-weight:800!important;text-transform:none!important;line-height:1.04!important;letter-spacing:-.025em!important;overflow-wrap:break-word}
/* rozmiary jak na stronie głównej: redesign.css daje 84/56/64 px pod wąski krój; w kroju 112,5 % „gorzelniczymi” przy 44 px
   łamało się w środku słowa na 320 px. Selektory mocniejsze od .hb-g2:has(.hb-map) .hb-h2 … z redesign.css (0,4,0). */
body.hb-szata .hb-sec .hb-h1 .elementor-heading-title{font-size:clamp(36px,4.4vw,64px)!important}
body.hb-szata .hb-sec .hb-h2 .elementor-heading-title{font-size:clamp(28px,2.8vw,40px)!important}
body.hb-szata .hb-sec h3,body.hb-szata .elementor-widget-heading h3.elementor-heading-title{font-family:var(--s-wide)!important;font-stretch:87.5%;font-weight:700!important;letter-spacing:0!important}
/* stary nagłówek/stopka Jeg Kit nie powinny się pokazać, gdyby szablon i tak wszedł */
body.hb-szata #masthead,body.hb-szata footer[itemtype*="WPFooter"],body.hb-szata .site-header,body.hb-szata .site-footer{display:none!important}

/* ---------- drobne ---------- */
.hb-s-sr{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hb-s-nowrap{white-space:nowrap}
.hb-s-ik{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hb-s-ik-mosiadz{stroke:var(--s-mosiadz-c)}
.hb-s-kropka{display:inline-block;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);vertical-align:middle}
.hb-s-znaczek{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:4px;background:var(--s-piwnica);color:var(--s-papier);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.hb-s-znaczniki{display:flex;flex-wrap:wrap;gap:5px}
.hb-s-znaczniki span{padding:3px 7px;border:1px solid var(--s-ramka-zn);border-radius:3px;font-family:var(--s-wide);font-stretch:87.5%;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--s-tekst2);white-space:nowrap;max-width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}
.hb-s-tylko-m{display:none!important}
@media (max-width:768px){.hb-s-tylko-d{display:none!important}.hb-s-tylko-m{display:flex!important}}

/* ---------- przyciski ---------- */
.hb-s-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 22px;border-radius:6px;border:1px solid transparent;font-family:var(--s-sans);font-size:16px;font-weight:600;line-height:1;text-decoration:none!important;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}
.hb-s-btn .hb-s-ik{width:19px;height:19px}
.hb-s-btn--mosiadz{background:var(--s-mosiadz);color:var(--s-piwnica)!important}.hb-s-btn--mosiadz:hover{background:var(--s-mosiadz-h)}
.hb-s-btn--butelka{background:var(--s-butelka);color:#fff!important}.hb-s-btn--butelka:hover{background:var(--s-butelka-h)}
/* obrysowy na kremie (hero, bilet potwierdzenia); nazwa klasy z szablonów zostaje */
.hb-s-btn--obrys-jasny{border-color:rgba(43,31,23,.22);color:var(--s-krem-tekst)!important;background:var(--s-krem-pow)}.hb-s-btn--obrys-jasny:hover{border-color:var(--s-krem-tekst);background:#fff}
.hb-s-btn--obrys{border-color:var(--s-tusz);color:var(--s-tusz)!important;background:transparent;height:48px}.hb-s-btn--obrys:hover{background:var(--s-tusz);color:var(--s-papier)!important}
.hb-s-btn--obrys-butelka{border-color:var(--s-butelka);color:var(--s-butelka)!important;background:transparent}.hb-s-btn--obrys-butelka:hover{background:#fff}
.hb-s-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none!important}
.hb-s-link .hb-s-ik{width:17px;height:17px}

/* ---------- nagłówek ---------- */
.hb-s-naglowek{position:relative;z-index:100;background:var(--s-krem);color:var(--s-krem-tekst);font-family:var(--s-sans);border-bottom:1px solid var(--s-krem-ramka)}
.hb-s-naglowek a{text-decoration:none}
.hb-s-pasek{background:var(--s-krem-pasek);border-bottom:1px solid rgba(43,31,23,.1);font-size:13px;color:var(--s-nc1)}
.hb-s-pasek__d{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:9px var(--s-pad)}
.hb-s-pasek__d>span,.hb-s-pasek__prawa>span{display:flex;align-items:center;gap:8px}
.hb-s-pasek__prawa{display:flex;align-items:center;gap:22px}
.hb-s-pasek .hb-s-ik{width:16px;height:16px}
.hb-s-pasek a{display:flex;align-items:center;gap:7px;color:var(--s-krem-tekst)!important;font-weight:600;white-space:nowrap}
.hb-s-pasek a .hb-s-ik{width:15px;height:15px}
.hb-s-pasek__m{display:none;padding:8px 16px;font-size:12.5px;text-align:center}
/* poniżej 860 px trzy teksty nie mieszczą się w jednej linii: zostaje lewy tekst i telefon */
@media (max-width:860px){.hb-s-pasek__prawa>span{display:none}}
.hb-s-glowny{display:flex;align-items:center;gap:22px;padding:16px var(--s-pad)}
.hb-s-nav{display:flex;gap:2px;flex:1;min-width:0;overflow:hidden}
.hb-s-nav a{padding:10px;font-size:15px;font-weight:500;color:var(--s-nc1)!important;white-space:nowrap}
.hb-s-nav a:hover{color:var(--s-krem-tekst)!important}
.hb-s-nav a.jest{font-weight:600;color:var(--s-krem-tekst)!important;box-shadow:inset 0 -2px 0 var(--s-mosiadz-c)}
.hb-s-szukaj{display:flex;align-items:center;gap:9px;width:200px;box-sizing:border-box;height:42px;padding:0 14px;margin:0;border-radius:6px;background:var(--s-krem-pow);border:1px solid var(--s-krem-ramka);color:var(--s-nc3);flex:none}
.hb-s-szukaj .hb-s-ik{width:17px;height:17px}
/* body.hb-szata: (0,3,2) wygrywa z regułą kitu .elementor-kit-119 input:not(…):not(…) (0,3,1) — kolor #3D4A43 i 17 px */
body.hb-szata .hb-s-szukaj input[type=search]{flex:1;min-width:0;height:auto;padding:0;border:0!important;outline:0;background:transparent!important;color:var(--s-krem-tekst);font-family:inherit;font-size:14px;line-height:1.4;box-shadow:none!important}
/* panel telefonu: 16 px (iOS nie powiększa strony przy fokusie), całe 46 px pola jako cel */
body.hb-szata .hb-s-szukaj--m input[type=search]{font-size:16px;height:100%}
.hb-s-szukaj input::placeholder{color:var(--s-nc3);opacity:1}
.hb-s-szukaj:focus-within{border-color:var(--s-mosiadz-c);box-shadow:0 0 0 1px var(--s-mosiadz-c)}
.hb-s-koszyk{display:flex;align-items:center;gap:10px;height:42px;padding:0 8px 0 14px;border-radius:6px;background:var(--s-mosiadz);color:var(--s-piwnica)!important;font-weight:600;font-size:14.5px;flex:none}
.hb-s-koszyk:hover{background:var(--s-mosiadz-h)}
.hb-s-koszyk .hb-s-ik{width:19px;height:19px}
.hb-s-licznik-d{min-width:26px;height:26px;padding:0 6px;box-sizing:border-box;border-radius:4px;background:var(--s-piwnica);color:var(--s-mosiadz);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.hb-s-ikonka{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none!important;border:0!important;padding:0!important;color:var(--s-krem-tekst)!important;cursor:pointer;box-shadow:none!important}
.hb-s-ikonka .hb-s-ik{width:23px;height:23px}
.hb-s-licznik-m{position:absolute;top:3px;right:1px;min-width:19px;height:19px;padding:0 5px;box-sizing:border-box;border-radius:10px;background:var(--s-mosiadz);color:var(--s-piwnica);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.hb-s-licznik-m[hidden]{display:none}
.hb-s-panel-m{padding:12px 16px 16px;border-top:1px solid var(--s-krem-ramka)}
.hb-s-panel-m[hidden]{display:none}
.hb-s-szukaj.hb-s-szukaj--m{width:100%;height:46px}
.hb-s-menu-m{display:flex;flex-direction:column;gap:2px}
.hb-s-menu-m a{padding:12px 4px;font-size:17px;font-weight:500;color:var(--s-krem-tekst)!important;border-bottom:1px solid var(--s-krem-ramka)}
/* bieżąca strona nie tylko kolorem (WCAG 1.4.1): pogrubienie i pasek z lewej */
.hb-s-menu-m a.jest{color:var(--s-mosiadz-c)!important;font-weight:700;box-shadow:inset 3px 0 0 var(--s-mosiadz-c);padding-left:12px}
.hb-s-menu-m__tel{display:flex;align-items:center;gap:8px;border-bottom:0!important;font-weight:600!important}
.hb-s-naglowek :focus-visible{outline:2px solid var(--s-mosiadz-c);outline-offset:2px}
/* 769–1239 px: pełne menu (ok. 511 px) się nie mieści. Do 1139 px hamburger z panelem menu, wyszukiwarka 200 px
   i przycisk Koszyk przy prawej krawędzi; od 1140 px ciaśniejsze menu mieści się w całości. */
@media (min-width:769px) and (max-width:1239px){.hb-s-glowny{gap:14px}.hb-s-nav a{padding:10px 7px;font-size:14px}}
@media (min-width:769px) and (max-width:1139px){
  .hb-s-nav{display:none}
  .hb-s-glowny [data-hb-s-panel=menu]{display:flex!important}
  .hb-s-glowny .hb-s-logo{margin-right:auto}
}
/* panel otwarty na wąskim ekranie nie zostaje po poszerzeniu okna (obrót tabletu) */
@media (min-width:769px){#hb-s-szukaj-m{display:none!important}}
@media (min-width:1140px){.hb-s-menu-m{display:none!important}}
@media (max-width:768px){
  .hb-s-pasek__d{display:none}.hb-s-pasek__m{display:block}
  .hb-s-glowny{gap:2px;padding:6px}
  .hb-s-nav{display:none}
  .hb-s-glowny .hb-s-logo{flex:1;min-width:0;padding-left:2px}
}

/* ---------- logo ---------- */
.hb-s-logo{display:flex;align-items:center;gap:12px;text-decoration:none!important;color:var(--s-krem-tekst)!important;flex:none}
.hb-s-logo__kafel{width:46px;height:46px;flex:none;box-sizing:border-box;border-radius:11px;background:var(--s-krem-pow);border:1px solid var(--s-krem-ramka);display:flex;align-items:center;justify-content:center}
.hb-s-logo__kafel svg{width:34px;height:34px}
/* znak „h” ciemny na jasnym kafelku; PHP (haisberg_logo_html) podaje ten sam kolor w atrybucie, CSS i tak wygrywa z atrybutem */
.hb-s-logo__kafel svg path{stroke:var(--s-krem-tekst)}
.hb-s-logo__tekst{display:flex;flex-direction:column;gap:5px}
.hb-s-logo__napis{display:inline-flex;align-items:baseline;font-family:var(--s-wide);font-stretch:112.5%;font-weight:800;font-size:27px;line-height:1;letter-spacing:-.03em;color:var(--s-krem-tekst);white-space:nowrap}
.hb-s-logo__i{position:relative;display:inline-block}
.hb-s-logo__b1,.hb-s-logo__b2,.hb-s-logo__b3{position:absolute;left:50%;border-radius:50%;background:var(--s-mosiadz)}
.hb-s-logo__b1{top:.035em;width:.19em;height:.19em;margin-left:-.095em}
.hb-s-logo__b2{top:-.15em;width:.12em;height:.12em;margin-left:.04em}
.hb-s-logo__b3{top:-.3em;width:.07em;height:.07em;margin-left:-.065em}
/* podpis tym samym krojem co napis logo (Archivo 112,5%), jak na wzorcowym obrazie logo — prośba Damiana 17.10.2026;
   odstęp liter .16em zamiast .24em, żeby logo nie urosło (menu przy 1140 px mieści się na styk) */
.hb-s-logo__pod{font-family:var(--s-wide);font-stretch:112.5%;font-size:9.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--s-mosiadz-c);white-space:nowrap}
.hb-s-logo--stopka{gap:14px;align-self:flex-start}
.hb-s-logo--stopka .hb-s-logo__kafel{width:56px;height:56px;border-radius:13px}
.hb-s-logo--stopka .hb-s-logo__kafel svg{width:41px;height:41px}
.hb-s-logo--stopka .hb-s-logo__tekst{gap:6px}
.hb-s-logo--stopka .hb-s-logo__napis{font-size:32px}
.hb-s-logo--stopka .hb-s-logo__pod{font-size:10px}
@media (max-width:768px){
  .hb-s-logo--naglowek{gap:9px}
  .hb-s-logo--naglowek .hb-s-logo__kafel{width:36px;height:36px;border-radius:9px}
  .hb-s-logo--naglowek .hb-s-logo__kafel svg{width:27px;height:27px}
  .hb-s-logo--naglowek .hb-s-logo__tekst{gap:4px}
  .hb-s-logo--naglowek .hb-s-logo__napis{font-size:21px}
  .hb-s-logo--naglowek .hb-s-logo__pod{font-size:7px;letter-spacing:.14em}
}
/* poniżej 350 px podtytuł wchodzi pod przycisk szukania */
@media (max-width:349px){.hb-s-logo--naglowek .hb-s-logo__pod{display:none}.hb-s-logo--stopka{gap:10px}.hb-s-logo--stopka .hb-s-logo__pod{letter-spacing:.1em}}

/* ---------- stopka ---------- */
.hb-s-stopka{background:var(--s-krem);color:var(--s-nc1);border-top:1px solid var(--s-krem-ramka);font-family:var(--s-sans);font-size:14.5px;line-height:1.6}
.hb-s-stopka__siatka{padding:56px var(--s-pad) 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:36px 40px}
.hb-s-stopka__marka{display:flex;flex-direction:column;gap:16px}
.hb-s-stopka__marka p{margin:0;max-width:300px;text-wrap:pretty}
.hb-s-stopka__kol{display:flex;flex-direction:column;gap:10px}
/* logo z podtytułem (286 px) jest szersze niż kolumna 200 px: poniżej 1150 px zajmuje cały pierwszy wiersz */
@media (max-width:1150px){.hb-s-stopka__marka{grid-column:1/-1}}
@media (min-width:700px) and (max-width:1150px){.hb-s-stopka__siatka{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hb-s-stopka h2{margin:0 0 4px;font-family:var(--s-sans);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--s-mosiadz-c);line-height:1.4}
.hb-s-stopka strong{color:var(--s-krem-tekst);font-weight:600}
.hb-s-stopka a{color:var(--s-nc1)!important;text-decoration:none}
.hb-s-stopka a:hover{color:var(--s-krem-tekst)!important}
.hb-s-stopka__kol:nth-child(2) a{color:var(--s-krem-tekst)!important}
.hb-s-stopka__kol:nth-child(2) a:hover{color:var(--s-mosiadz-c)!important}
.hb-s-stopka .hb-s-mocny{font-weight:600}
.hb-s-stopka__dol{border-top:1px solid rgba(43,31,23,.12);padding:18px var(--s-pad) 22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;font-size:13px;color:var(--s-nc3)}
.hb-s-stopka :focus-visible{outline:2px solid var(--s-mosiadz-c);outline-offset:2px}

/* ---------- wspólne elementy stron ---------- */
.hb-s-okruszki{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--s-kamien);margin-bottom:14px}
.hb-s-okruszki a{color:var(--s-kamien)!important;text-decoration:none}
.hb-s-okruszki a:hover{color:var(--s-tusz)!important}
.hb-s-okruszki [aria-current]{color:var(--s-tusz)}
/* telefon: cel dotyku ok. 45 px bez zmiany układu (ujemny margines); przy zawinięciu wiersze o 24 px, żeby się nie nakładały */
@media (max-width:768px){.hb-s-okruszki{row-gap:24px}.hb-s-okruszki a{padding:12px 0;margin:-12px 0}}
body.hb-szata .hb-s-h1{margin:0;font-family:var(--s-wide);font-stretch:112.5%;font-weight:800;font-size:clamp(32px,3.4vw,50px);line-height:1.04;text-transform:none;color:var(--s-tusz);letter-spacing:-.025em}
body.hb-szata .hb-s-h2{margin:0;font-family:var(--s-wide);font-stretch:112.5%;font-weight:800;font-size:clamp(28px,2.8vw,40px);line-height:1.06;text-transform:none;color:inherit;letter-spacing:-.025em;text-wrap:balance}
.hb-s-eyebrow{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--s-butelka)}
.hb-s-lead{margin:0;color:var(--s-kamien);text-wrap:pretty}

/* ---------- karta produktu ---------- */
.hb-s-siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(150px,calc((100% - 60px) / 4)),1fr));gap:clamp(12px,1.6vw,20px)}
.hb-s-karta{height:100%;box-sizing:border-box;display:flex;flex-direction:column;background:#fff;border:1px solid var(--s-ramka);border-radius:8px;overflow:hidden;color:var(--s-tusz);transition:box-shadow .2s ease,transform .2s ease}
.hb-s-karta:hover{box-shadow:0 12px 30px rgba(43,31,23,.1);transform:translateY(-2px)}
.hb-s-karta__foto{position:relative;display:block;aspect-ratio:1/1;background:var(--s-papier);overflow:hidden}
.hb-s-karta__foto img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important;border:0!important;border-radius:0!important}
.hb-s-karta__tresc{display:flex;flex-direction:column;gap:9px;padding:14px;flex:1}
.hb-s-karta__kat{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--s-kamien)}
.hb-s-karta__nazwa{margin:0!important;font-family:var(--s-sans)!important;font-size:15px!important;line-height:1.32!important;font-weight:600!important;text-wrap:pretty;letter-spacing:0!important;text-transform:none!important}
.hb-s-karta__nazwa a{color:var(--s-tusz)!important;text-decoration:none}
.hb-s-karta__nazwa a::after{content:"";position:absolute;inset:0}
.hb-s-karta{position:relative}
.hb-s-karta__kolory{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.hb-s-karta__kolory span:last-child:not(.hb-s-kropka){margin-left:4px;font-size:12px;color:var(--s-kamien)}
.hb-s-karta__dol{margin-top:auto;padding-top:6px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.hb-s-karta__cena{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;font-family:var(--s-wide);font-stretch:87.5%;font-weight:700;color:var(--s-tusz)}
.hb-s-karta__cena small{font-family:var(--s-sans);font-size:13px;font-weight:400;color:var(--s-kamien)}
.hb-s-karta__cena b{font-size:21px;line-height:1;font-variant-numeric:tabular-nums}
.hb-s-karta__cena i{font-style:normal;font-size:15px}
.hb-s-karta__koszyk{position:relative;z-index:1;width:40px;height:40px;flex:none;display:flex!important;align-items:center;justify-content:center;border:0;border-radius:6px;background:var(--s-butelka)!important;color:#fff!important;padding:0!important;margin:0!important;min-height:0!important}
.hb-s-karta__koszyk:hover{background:var(--s-butelka-h)!important}
.hb-s-karta__koszyk .hb-s-ik{width:19px;height:19px;stroke-width:1.9}
.hb-s-karta__koszyk.loading{opacity:.6}
.hb-s-karta__koszyk.added::after{display:none!important}
.hb-s-karta .added_to_cart{display:none!important}
.hb-s-karta__koszyk.added{background:var(--s-piwnica)!important}
/* telefon: przycisk 40 × 40 jak w projekcie, cel dotyku 44 × 44 (::after zajmuje WooCommerce przy .added) */
@media (max-width:768px){.hb-s-karta__koszyk::before{content:"";position:absolute;inset:-2px}}
.hb-s-karta :focus-visible{outline:2px solid var(--s-butelka);outline-offset:2px}

/* skip link: własny przed nagłówkiem szaty, drugi (z header.php Hello) za nim jest zbędny */
body.hb-szata .hb-s-naglowek~.skip-link{display:none!important}
body.hb-szata .hb-s-skip:focus{z-index:1000;background:var(--s-mosiadz);color:var(--s-piwnica)!important;font-weight:600}
/* redesign.css: „body:not(.elementor-page) .site-main h1” z !important (koszyk, kasa i inne strony Hello) */
body.hb-szata .site-main h1.hb-s-h1{font-family:var(--s-wide)!important;font-stretch:112.5%;font-weight:800!important;font-size:clamp(32px,3.4vw,50px)!important;line-height:1.04!important;text-transform:none!important;color:var(--s-tusz)!important;margin:0!important;letter-spacing:-.025em!important}

/* na krótkich stronach pod stopką kolor stopki zamiast pasa papieru */
html:has(> body.hb-szata){background:var(--s-krem)}

/* ---------- strony Hello: dokumenty, Moje konto, 404 (stare reguły redesign.css z !important) ----------
   display:block — Hello wyświetla H1 przez var(--page-title-display) z arkusza Elementora, którego szata tu nie ładuje */
body.hb-szata:not(.elementor-page):not(.hb-s-strona-kasy):not(.hb-s-strona-potwierdzenia) .site-main{max-width:none!important;padding-left:var(--s-pad)!important;padding-right:var(--s-pad)!important}
body.hb-szata .site-main .page-header .entry-title{display:block;font-family:var(--s-wide)!important;font-stretch:112.5%;font-weight:800!important;font-size:clamp(32px,3.4vw,50px)!important;line-height:1.04!important;text-transform:none!important;letter-spacing:-.025em!important;padding-inline:0!important}
body.hb-szata .site-main .page-content h2{font-family:var(--s-wide);font-stretch:87.5%;font-weight:700}
/* H2 dokumentów (regulamin, polityka) w kroju nagłówków jak H1; koszyk, kasa i potwierdzenie mają własne nagłówki kart */
body.hb-szata:not(.hb-s-strona-kasy):not(.hb-s-strona-potwierdzenia) .site-main .page-content h2{font-stretch:112.5%;font-weight:800;letter-spacing:-.02em;line-height:1.12;font-size:clamp(22px,2vw,28px)}
body.hb-szata .site-main .page-content{overflow-wrap:break-word}
body.hb-szata .site-main .page-content table:not(.shop_table){display:block;max-width:100%;overflow-x:auto}
body.hb-szata .hb-404{max-width:none;margin:0;padding:0}
/* przyciski w komunikatach WooCommerce: 6 px jak reszta przycisków szaty (redesign.css: pigułka 999 px) */
body.hb-szata :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) .button{border-radius:6px!important}

/* Kontakt (hero) i O nas (sekcja „Masz pytanie o produkt?”): w Elementorze zdjęcie z aparaturą destylacyjną, której
   README wyklucza — w szacie butelki z zakrętkami z biblioteki mediów. (0,4,1) wygrywa z post-165/164.css (0,4,0),
   a leniwe ładowanie Elementora (reguła z !important) działa dalej. */
body.hb-szata .elementor-165 .elementor-element.elementor-element-dfc78db,
body.hb-szata .elementor-164 .elementor-element.elementor-element-392eb0df{background-image:url(../../2026/09/haisberg-antyczne-butelki.jpg)}

/* nakładki na zdjęciach w hero Oferta/O nas/Kontakt: redesign.css daje oliwkową czerń rgba(20,23,15); w szacie espresso */
body.hb-szata .elementor .hb-sec.hb-hero:not(.hb-hero-short)::before{background-image:linear-gradient(90deg,rgba(33,23,15,.94) 0%,rgba(33,23,15,.8) 45%,rgba(33,23,15,.25) 100%)!important}
body.hb-szata .elementor .hb-sec.hb-hero.hb-hero-short:not(:has(.hb-center))::before{background-image:linear-gradient(90deg,rgba(33,23,15,.94) 0%,rgba(33,23,15,.75) 55%,rgba(33,23,15,.35) 100%)!important}
/* wyśrodkowany pas CTA („Nie wiesz, co wybrać?”, „Masz pytanie o produkt?”): nakładka z ustawień Elementora rgba(20,23,15,.8) */
body.hb-szata .elementor .hb-sec.hb-hero.hb-hero-short:has(.hb-center)::before{background-color:rgba(33,23,15,.8)!important}
/* fokus na przyciskach Elementora w ciemnych pasach ze zdjęciem: reset Hello daje obrys #000 (1,2–1,7:1 na nakładce
   espresso); (0,4,1) wygrywa z a:focus-visible z resetu */
body.hb-szata .hb-sec.hb-hero :focus-visible{outline:2px solid var(--s-mosiadz);outline-offset:3px}
/* obrys przycisku „Zadzwoń” w hero Oferty: redesign.css daje --hb-muted2 (#5A6560, zielonkawy, 2,8:1 na espresso) */
body.hb-szata .hb-hero .hb-btn-ghost .elementor-button{border-color:var(--hb-ondark)!important}
body.hb-szata .hb-hero .hb-btn-ghost .elementor-button:hover{border-color:var(--hb-cream)!important}

/* Kontakt, karta „E-mail”: adres w Archivo 26 px wystaje z karty poniżej ok. 375 px */
@media (max-width:400px){body.hb-szata .hb-sec .hb-ccard .hb-big .elementor-heading-title:has(a[href^="mailto:"]){font-size:min(26px,6.6vw)!important}}
body.hb-szata .hb-ccard .hb-big a[href^="mailto:"]{overflow-wrap:anywhere}
/* gwiazdka pola wymaganego MetForm: #FF0000 ma 4:1 na białym */
body.hb-szata .mf-input-required-indicator{color:var(--s-blad)!important}
body.hb-szata .hb-facts>.e-con{background:rgba(33,23,15,.55)}/* ---------- strona główna (HbHome.dc.html) ----------
   Selektory z prefiksem .hb-s-start (co najmniej dwie klasy), bo kit Elementora (.elementor-kit-119 h1/h2/h3/a)
   i reset Hello Elementor stylują same znaczniki. */

.hb-s-start{display:block;background:var(--s-papier);color:var(--s-tusz)}
.hb-s-start :focus-visible{outline:2px solid var(--s-butelka);outline-offset:2px}
.hb-s-start .hb-s-start-hero :focus-visible,.hb-s-start .hb-s-start-dobor :focus-visible{outline-color:var(--s-mosiadz-c)}

.hb-s-start .hb-s-start-komunikaty{padding:16px var(--s-pad) 0}
.hb-s-start .hb-s-start-komunikaty>*:last-child{margin-bottom:16px}

/* wspólne */
.hb-s-start .hb-s-start-eyebrow{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--s-butelka)}
.hb-s-start .hb-s-start-eyebrow--kreska,.hb-s-start .hb-s-start-eyebrow--mosiadz{color:var(--s-mosiadz-c)}
.hb-s-start .hb-s-start-eyebrow--kreska::before{content:"";width:28px;height:1px;flex:none;background:currentColor}
.hb-s-start .hb-s-start-h2{margin:0;font-family:var(--s-wide);font-stretch:112.5%;font-weight:800;font-style:normal;font-size:clamp(28px,2.8vw,40px);line-height:1.06;letter-spacing:-.025em;text-transform:none;text-wrap:balance;color:inherit}
.hb-s-start .hb-s-start-h2--onas{font-size:clamp(26px,2.6vw,38px)}
.hb-s-start .hb-s-start-h2--kontakt{font-size:clamp(26px,2.4vw,34px)}
.hb-s-start .hb-s-start-sekcja{padding:var(--s-rytm) var(--s-pad) 0}
.hb-s-start .hb-s-start-sekcja--polecane{padding-bottom:var(--s-rytm)}
.hb-s-start .hb-s-start-glowka{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;margin-bottom:clamp(22px,2.6vw,40px)}
.hb-s-start .hb-s-start-glowka__tekst{display:flex;flex-direction:column;gap:12px;max-width:640px}
.hb-s-start .hb-s-start-opis{margin:0;color:var(--s-kamien);text-wrap:pretty}
.hb-s-start .hb-s-start-dalej{display:inline-flex;align-items:center;gap:8px;min-height:44px;box-sizing:border-box;padding:8px 0;font-weight:600;color:var(--s-butelka)!important;text-decoration:none}
.hb-s-start .hb-s-start-dalej:hover{color:var(--s-butelka-h)!important}
.hb-s-start .hb-s-start-dalej .hb-s-ik,.hb-s-start .hb-s-start-hero__kat .hb-s-ik{stroke-width:2}

/* hero */
.hb-s-start .hb-s-start-hero{background:var(--s-krem);color:var(--s-krem-tekst);padding:clamp(28px,4.4vw,64px) var(--s-pad) clamp(40px,5.6vw,84px)}
.hb-s-start .hb-s-start-hero__uklad{display:flex;flex-wrap:wrap;gap:clamp(28px,4vw,56px);align-items:stretch}
.hb-s-start .hb-s-start-hero__tekst{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,2vw,26px)}
.hb-s-start .hb-s-start-hero__h1{margin:0;font-family:var(--s-wide);font-stretch:112.5%;font-weight:800;font-style:normal;font-size:clamp(36px,4.4vw,64px);line-height:1.02;letter-spacing:-.025em;text-transform:none;text-wrap:balance;color:var(--s-krem-tekst)}
.hb-s-start .hb-s-start-hero__lead{margin:0;max-width:540px;font-size:clamp(16px,1.35vw,19px);line-height:1.55;color:var(--s-nc1);text-wrap:pretty}
.hb-s-start .hb-s-start-hero__przyciski{display:flex;flex-wrap:wrap;gap:12px}
.hb-s-start .hb-s-start-hero__cta{padding:0 24px;gap:10px}
.hb-s-start .hb-s-start-hero__cta .hb-s-ik{width:18px;height:18px;stroke-width:2}

.hb-s-start .hb-s-start-termin{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:6px;padding:16px 18px;border-radius:8px;background:var(--s-krem-pow);border:1px solid var(--s-krem-ramka);max-width:620px}
.hb-s-start .hb-s-start-termin__glowny{display:flex;align-items:center;gap:14px}
.hb-s-start .hb-s-start-termin__ikona{width:46px;height:46px;flex:none;border-radius:50%;background:rgba(124,76,13,.1);color:var(--s-mosiadz-c);display:flex;align-items:center;justify-content:center}
.hb-s-start .hb-s-start-termin__ikona .hb-s-ik{width:23px;height:23px}
.hb-s-start .hb-s-start-termin__opis{display:flex;flex-direction:column;gap:3px}
.hb-s-start .hb-s-start-termin__etykieta{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--s-nc2)}
.hb-s-start .hb-s-start-termin__wartosc{font-family:var(--s-wide);font-stretch:87.5%;font-weight:700;font-size:26px;line-height:1.05;color:var(--s-mosiadz-c);font-variant-numeric:tabular-nums}
.hb-s-start .hb-s-start-termin__kolejne{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.hb-s-start .hb-s-start-termin__kolejne-tekst{font-size:13px;color:var(--s-mosiadz-c);margin-right:2px}
.hb-s-start .hb-s-start-termin__kolejne-tekst a{color:var(--s-krem-tekst)!important;font-weight:600;text-decoration:underline}
.hb-s-start .hb-s-start-termin__chip{padding:5px 10px;border-radius:4px;border:1px solid rgba(43,31,23,.22);background:var(--s-krem-pow);color:var(--s-krem-tekst);font-family:var(--s-wide);font-stretch:87.5%;font-weight:600;font-size:14px;font-variant-numeric:tabular-nums}

.hb-s-start .hb-s-start-hero__foto{flex:1 1 400px;min-width:0;position:relative;min-height:clamp(320px,38vw,580px);border-radius:8px;overflow:hidden;background:var(--s-krem-pow)}
.hb-s-start .hb-s-start-hero__foto img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block;margin:0;border:0;border-radius:0}
.hb-s-start .hb-s-start-hero__kat{position:absolute;left:16px;bottom:16px;right:16px;max-width:320px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 12px 16px;border-radius:6px;background:rgba(43,31,23,.88);color:var(--s-papier)!important;text-decoration:none;transition:background .15s}
.hb-s-start .hb-s-start-hero__kat:hover{background:var(--s-piwnica);color:var(--s-papier)!important}
.hb-s-start .hb-s-start-hero__kat-tekst{display:flex;flex-direction:column;gap:2px}
.hb-s-start .hb-s-start-hero__kat-etykieta{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--s-mosiadz)}
.hb-s-start .hb-s-start-hero__kat-nazwa{font-weight:600;font-size:15.5px}

/* pasek korzyści */
.hb-s-start .hb-s-start-korzysci{padding:0 var(--s-pad);border-bottom:1px solid var(--s-ramka)}
.hb-s-start .hb-s-start-korzysci__siatka{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));column-gap:32px}
.hb-s-start .hb-s-start-korzysc{display:flex;gap:14px;align-items:flex-start;padding:24px 0}
.hb-s-start .hb-s-start-korzysc__ikona{width:42px;height:42px;flex:none;border-radius:8px;background:var(--s-szalwia);color:var(--s-butelka);display:flex;align-items:center;justify-content:center}
.hb-s-start .hb-s-start-korzysc__ikona .hb-s-ik{width:21px;height:21px}
.hb-s-start .hb-s-start-korzysc__tekst{display:flex;flex-direction:column;gap:2px}
.hb-s-start .hb-s-start-korzysc__tekst strong{font-size:16px;font-weight:600}
.hb-s-start .hb-s-start-korzysc__tekst span{font-size:14.5px;color:var(--s-kamien);text-wrap:pretty}

/* kategorie */
.hb-s-start .hb-s-start-kategorie{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(150px,calc((100% - 60px) / 4)),1fr));gap:clamp(12px,1.6vw,20px)}
.hb-s-start .hb-s-start-kat{display:flex;flex-direction:column;background:#fff;border:1px solid var(--s-ramka);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--s-tusz)!important;transition:box-shadow .2s ease}
.hb-s-start .hb-s-start-kat:hover{box-shadow:0 12px 32px rgba(43,31,23,.1);color:var(--s-tusz)!important}
.hb-s-start .hb-s-start-kat__foto{aspect-ratio:4/3;background:var(--s-hover-listy);overflow:hidden}
.hb-s-start .hb-s-start-kat__foto img{width:100%;height:100%;max-width:none;object-fit:cover;display:block;margin:0;border:0;border-radius:0}
.hb-s-start .hb-s-start-kat__tresc{display:flex;flex-direction:column;gap:8px;padding:clamp(12px,1.4vw,18px) clamp(12px,1.4vw,18px) clamp(14px,1.5vw,20px);flex:1}
.hb-s-start .hb-s-start-kat__tytul{margin:0;font-family:var(--s-wide);font-stretch:87.5%;font-weight:700;font-style:normal;font-size:clamp(17px,1.5vw,21px);line-height:1.15;letter-spacing:0;text-transform:none;color:var(--s-tusz)}
.hb-s-start .hb-s-start-kat__opis{margin:0;font-size:14px;line-height:1.5;color:var(--s-kamien);text-wrap:pretty}
.hb-s-start .hb-s-start-kat__zobacz{margin-top:auto;padding-top:6px;display:flex;align-items:center;gap:6px;font-weight:600;font-size:14.5px;color:var(--s-butelka)}
.hb-s-start .hb-s-start-kat__zobacz .hb-s-ik{width:16px;height:16px;stroke-width:2}

/* o sklepie */
.hb-s-start .hb-s-start-onas{display:flex;flex-wrap:wrap;gap:clamp(24px,4.4vw,72px);align-items:center}
.hb-s-start .hb-s-start-onas__foto{flex:1 1 480px;min-width:0;aspect-ratio:3/2;border-radius:8px;overflow:hidden;background:var(--s-hover-listy)}
.hb-s-start .hb-s-start-onas__foto img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 15%;display:block;margin:0;border:0;border-radius:0} /* kadr pod pionowe zdjęcie 479: rurka fermentacyjna i lustro nastawu */
.hb-s-start .hb-s-start-onas__tekst{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:16px}
.hb-s-start .hb-s-start-onas__tekst p{margin:0;color:var(--s-tekst2);text-wrap:pretty}
.hb-s-start .hb-s-start-onas__btn{align-self:flex-start;padding:0 20px}

/* dobór zakrętek */
.hb-s-start .hb-s-start-dobor{background:var(--s-krem);color:var(--s-krem-tekst);padding:var(--s-rytm) var(--s-pad)}
.hb-s-start .hb-s-start-dobor__glowka{display:flex;flex-direction:column;gap:12px;max-width:700px;margin-bottom:clamp(24px,3vw,44px)}
.hb-s-start .hb-s-start-dobor__glowka p{margin:0;color:var(--s-nc1);text-wrap:pretty}
.hb-s-start .hb-s-start-dobor__glowka a{color:var(--s-krem-tekst)!important;font-weight:600;text-decoration:underline}
.hb-s-start .hb-s-start-dobor__siatka{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.hb-s-start .hb-s-start-zakretka{display:flex;flex-direction:column;gap:18px;padding:clamp(20px,2vw,28px);border-radius:8px;background:var(--s-krem-pow);border:1px solid var(--s-krem-ramka)}
.hb-s-start .hb-s-start-zakretka__rozmiar{display:flex;align-items:baseline;gap:8px}
.hb-s-start .hb-s-start-zakretka__rozmiar span:first-child{font-family:var(--s-wide);font-stretch:100%;font-weight:800;font-size:54px;line-height:.9;letter-spacing:-.02em;color:var(--s-mosiadz-c)}
.hb-s-start .hb-s-start-zakretka__rozmiar span:last-child{font-family:var(--s-wide);font-weight:600;font-size:16px;color:var(--s-nc2)}
.hb-s-start .hb-s-start-zakretka__pasuje{display:flex;flex-direction:column;gap:2px}
.hb-s-start .hb-s-start-zakretka__pasuje span:first-child{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--s-nc2)}
.hb-s-start .hb-s-start-zakretka__pasuje span:last-child{font-weight:600;font-size:17px}
.hb-s-start .hb-s-start-zakretka__kolory{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hb-s-start .hb-s-start-zakretka__kolory .hb-s-kropka{box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.hb-s-start .hb-s-start-zakretka__kolory .hb-s-kropka[title="granatowy"],.hb-s-start .hb-s-start-zakretka__kolory .hb-s-kropka[title="czarny"]{box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.hb-s-start .hb-s-start-zakretka__kolory-tekst{margin-left:4px;font-size:13.5px;color:var(--s-nc1)}
.hb-s-start .hb-s-start-zakretka__dol{margin-top:auto;border-top:1px solid var(--s-krem-ramka);padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.hb-s-start .hb-s-start-zakretka__dol>span{font-size:14px;color:var(--s-nc1)}
.hb-s-start .hb-s-start-zakretka__dol a{display:flex;align-items:center;gap:6px;padding:11px 0;margin:-11px 0;color:var(--s-mosiadz-c)!important;font-weight:600;font-size:14.5px;text-decoration:none;white-space:nowrap}
.hb-s-start .hb-s-start-zakretka__dol a:hover{color:var(--s-krem-tekst)!important}
.hb-s-start .hb-s-start-zakretka__dol .hb-s-ik{width:16px;height:16px;stroke-width:2}

/* jak zamówić */
.hb-s-start .hb-s-start-kroki-sekcja{padding-bottom:clamp(40px,5vw,80px)}
.hb-s-start .hb-s-start-kroki-glowka{margin-bottom:clamp(24px,3vw,44px)}
.hb-s-start .hb-s-start-kroki{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,max(240px,calc((100% - 72px) / 4))),1fr));gap:24px}
.hb-s-start .hb-s-start-krok{display:flex;flex-direction:column;gap:10px;margin:0;padding:18px 0 0;border-top:2px solid var(--s-tusz)}
.hb-s-start .hb-s-start-krok__nr{font-family:var(--s-wide);font-stretch:100%;font-weight:800;font-size:36px;letter-spacing:-.02em;line-height:.9;color:var(--s-butelka)}
.hb-s-start .hb-s-start-krok strong{font-size:18px;font-weight:600}
.hb-s-start .hb-s-start-krok>span:not([class]){font-size:14.5px;color:var(--s-kamien);text-wrap:pretty}
.hb-s-start .hb-s-start-krok__kwadranse{display:flex;align-items:center;gap:6px;margin-top:4px}
.hb-s-start .hb-s-start-krok__kwadranse b{width:30px;font-family:var(--s-wide);font-stretch:100%;font-weight:700;font-size:19px}
.hb-s-start .hb-s-start-krok__kwadranse i{padding:5px 9px;border-radius:5px;border:1px solid var(--s-ramka-pol);background:#fff;font-style:normal;font-family:var(--s-wide);font-stretch:87.5%;font-weight:600;font-size:14px;font-variant-numeric:tabular-nums}
.hb-s-start .hb-s-start-krok__kwadranse i.zajety{border-style:dashed;border-color:var(--s-ramka-zn);background:var(--s-zajety);color:var(--s-zajety-t);text-decoration:line-through}
.hb-s-start .hb-s-start-krok__kwadranse i.wybrany{border-color:var(--s-butelka);background:var(--s-butelka);color:#fff}

/* kontakt */
.hb-s-start .hb-s-start-kontakt-sekcja{padding:0 var(--s-pad) var(--s-rytm)}
.hb-s-start .hb-s-start-kontakt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px;padding:clamp(24px,3.4vw,48px);border-radius:10px;background:var(--s-szalwia)}
.hb-s-start .hb-s-start-kontakt__tekst{flex:1 1 420px;display:flex;flex-direction:column;gap:10px}
.hb-s-start .hb-s-start-kontakt__tekst p{margin:0;max-width:580px;color:var(--s-tekst2);text-wrap:pretty}
.hb-s-start .hb-s-start-kontakt__przyciski{display:flex;flex-wrap:wrap;gap:10px}
.hb-s-start .hb-s-start-kontakt__przyciski .hb-s-btn{gap:10px}
.hb-s-start .hb-s-start-kontakt__przyciski .hb-s-ik{width:18px;height:18px}
/* Haisberg — nowa strona główna (projekt z 18.10.2026, design_handoff_haisberg_homepage). Doklejany do szata.css za szata-start.css.
   Nagłówek, stopka i logo pod body.hb-sn (każda strona szaty przy włączonym przełączniku, decyzja Damiana 18.10.2026),
   treść strony głównej pod body.hb-start-nowy (tylko nowa strona główna; zawsze razem z hb-sn). Selektory co najmniej
   (0,2,1): wygrywają z kitem .elementor-kit-119 (0,1,1), z body.hb-szata a (0,1,2), z redesign.css i z resetem Hello.
   Wartości z README i prototypu .dc.html. */

@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url(fonty/dm-serif-display-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url(fonty/dm-serif-display-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* pod stopką na krótkich stronach kolor stopki z projektu (szata-baza: krem starej stopki) */
html:has(> body.hb-sn){background:#F3F0E7}
body.hb-start-nowy{background:#F3F0E7;color:#3C2F1C;font-family:'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body.hb-sn :is(.hb-sn-naglowek,.hb-start-nowy-main,.hb-sn-stopka){font-family:'Archivo',system-ui,sans-serif;line-height:normal;color:#3C2F1C}
body.hb-sn :is(.hb-sn-naglowek,.hb-start-nowy-main,.hb-sn-stopka),body.hb-sn :is(.hb-sn-naglowek,.hb-start-nowy-main,.hb-sn-stopka) *,body.hb-sn :is(.hb-sn-naglowek,.hb-start-nowy-main,.hb-sn-stopka) ::before{box-sizing:border-box}
body.hb-sn :is(.hb-sn-naglowek,.hb-start-nowy-main,.hb-sn-stopka) a{color:#205A3C;text-decoration:none}
body.hb-sn :is(.hb-sn-naglowek,.hb-start-nowy-main,.hb-sn-stopka) a:hover{color:#184A31}
body.hb-sn :is(.hb-sn-naglowek,.hb-start-nowy-main,.hb-sn-stopka) img{display:block;max-width:100%}
/* :where — niska waga (0,1,1), żeby nie zdjąć margin:auto kontenera .hb-sn-w (pasek zalet to <ul class="hb-sn-w">) */
body.hb-sn :where(.hb-sn-naglowek,.hb-start-nowy-main,.hb-sn-stopka) :where(p,h1,h2,h3,ul){margin:0}
body.hb-sn :is(.hb-sn-naglowek,.hb-start-nowy-main,.hb-sn-stopka) :focus-visible{outline:2px solid #205A3C;outline-offset:2px}
body.hb-sn .hb-sn-ik{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body.hb-sn .hb-sn-w{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px)}
body.hb-start-nowy ul.hb-sn-w,body.hb-start-nowy .hb-start-nowy-main ul[role=list]{list-style:none;margin-top:0;margin-bottom:0}
body.hb-start-nowy .hb-start-nowy-main ul[role=list]:not(.hb-sn-w){padding:0}
/* drugi skip link (z header.php Hello) stoi za nagłówkiem — zbędny */
body.hb-sn .hb-sn-naglowek~.skip-link{display:none!important}
body.hb-start-nowy .hb-sn-komunikaty{padding-top:16px}

/* ---------- nagłówek ---------- */
body.hb-sn .hb-sn-naglowek{position:relative;z-index:100;background:#F5EFE3;border-bottom:1px solid #E2D8C6}
body.hb-sn .hb-sn-naglowek__rzad{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;padding-top:18px;padding-bottom:18px}

/* logo (wymiary w em, baza 13–16 px; w stopce 16 px) */
body.hb-sn .hb-sn-logo{display:flex;align-items:flex-start;gap:.875em;flex:none;font-size:clamp(13px,0.9vw + 9.5px,16px);color:#1F1208}
body.hb-sn .hb-sn-logo:hover{color:#1F1208}
body.hb-sn .hb-sn-logo--stopka{font-size:16px}
body.hb-sn .hb-sn-logo__kafel{position:relative;display:block;flex:none;width:2.75em;height:2.75em;border-radius:.6875em;background:#F6EFE5;border:1px solid #DCCDB4}
body.hb-sn .hb-sn-logo__h{position:absolute;left:.3em;top:0;font-size:2em;line-height:1.375;font-weight:700;color:#1F1208}
body.hb-sn .hb-sn-logo__b1,body.hb-sn .hb-sn-logo__b2,body.hb-sn .hb-sn-logo__b3,body.hb-sn .hb-sn-logo__k1,body.hb-sn .hb-sn-logo__k2{position:absolute;border-radius:50%}
body.hb-sn .hb-sn-logo__b1{left:1.7875em;top:.84em;width:.275em;height:.275em;background:#C78C2E}
body.hb-sn .hb-sn-logo__b2{left:2.02em;top:.62em;width:.1875em;height:.1875em;background:#D8A64B}
body.hb-sn .hb-sn-logo__b3{left:1.875em;top:.4375em;width:.1em;height:.1em;background:#DDB062}
body.hb-sn .hb-sn-logo__tekst{display:flex;flex-direction:column;gap:.5625em;padding-top:.1em}
body.hb-sn .hb-sn-logo__napis{font-size:1.5em;line-height:1;font-weight:800;font-stretch:125%;letter-spacing:-.02em;white-space:nowrap;color:#1F1208}
body.hb-sn .hb-sn-logo__i{position:relative;display:inline-block}
body.hb-sn .hb-sn-logo__k1{left:50%;top:-.07em;width:.22em;height:.22em;margin-left:-.11em;background:#D9A23F}
body.hb-sn .hb-sn-logo__k2{left:50%;top:-.26em;width:.1em;height:.1em;margin-left:.06em;background:#E0B25A}
body.hb-sn .hb-sn-logo__haslo{font-size:.53125em;line-height:1.18;font-weight:700;font-stretch:75%;letter-spacing:.08em;white-space:nowrap;color:#8A5B20}

/* wyszukiwarka: od 900 px w wierszu (dłuższa podpowiedź), poniżej osobny pełny wiersz */
body.hb-sn .hb-sn-szukaj{display:flex;align-items:center;gap:10px;height:50px;margin:0;padding:0 16px;background:#FFFFFF;border:1px solid #D6C7AD;border-radius:12px;color:#6E5F4B}
body.hb-sn .hb-sn-szukaj--d{flex:1 1 200px;min-width:200px;max-width:434px;margin:0 auto}
body.hb-sn .hb-sn-szukaj--m{flex:1 1 100%;display:none}
/* przezroczysty obrys: niewidoczny zwykle, widoczny w trybie wysokiego kontrastu (forced-colors zdejmuje box-shadow) */
body.hb-sn .hb-sn-szukaj:focus-within{border-color:#205A3C;box-shadow:0 0 0 1px #205A3C;outline:2px solid transparent;outline-offset:2px}
/* kit Elementora daje etykietom Onest: ukryta etykieta była jedynym tekstem w tym kroju na stronie głównej */
body.hb-sn .hb-sn-szukaj label{font-family:inherit}
body.hb-sn .hb-sn-szukaj input[type=search]{flex:1;min-width:0;width:auto;height:100%;margin:0;padding:0;border:0!important;border-radius:0;outline:0;background:transparent!important;box-shadow:none!important;font-family:inherit;font-size:16px;font-weight:400;line-height:normal;letter-spacing:0;color:#1F1208;-webkit-appearance:none;appearance:none}
body.hb-sn .hb-sn-szukaj input[type=search]::placeholder{color:#7D6D57;opacity:1}

body.hb-sn .hb-sn-akcje{display:flex;align-items:center;gap:6px;margin-left:auto}
body.hb-sn a.hb-sn-konto{height:48px;padding:0 12px;display:flex;align-items:center;gap:8px;border-radius:10px;color:#1F1208;font-size:15.5px;font-weight:600}
body.hb-sn a.hb-sn-konto:hover{background:#DFCFB5;color:#1F1208}
body.hb-sn a.hb-sn-koszyk{height:48px;padding:0 12px 0 16px;display:flex;align-items:center;gap:10px;border-radius:12px;background:#E3A339;color:#1F1208;font-size:16px;font-weight:700;transition:background .15s}
body.hb-sn a.hb-sn-koszyk:hover{background:#D8962A;color:#1F1208}
body.hb-sn .hb-sn-licznik{min-width:26px;height:26px;padding:0 8px;border-radius:13px;background:#291C14;color:#F3F0E7;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
@media (max-width:899.98px){
  body.hb-sn .hb-sn-szukaj--d,body.hb-sn a.hb-sn-konto{display:none}
  body.hb-sn .hb-sn-szukaj--m{display:flex}
  /* napis „Koszyk” niewidoczny, ale zostaje nazwą linku dla czytników */
  body.hb-sn .hb-sn-koszyk__napis{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}

/* pasek kategorii: przewijany poziomo na wąskich ekranach */
body.hb-sn .hb-sn-kat{border-top:1px solid #E2D8C6}
body.hb-sn .hb-sn-kat__w{max-width:1280px;margin:0 auto;padding:0 clamp(10px,3vw,28px);display:flex;align-items:center;justify-content:space-between;gap:16px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
body.hb-sn .hb-sn-kat__w::-webkit-scrollbar{display:none}
body.hb-sn .hb-sn-kat__grupa{display:flex;align-items:center;gap:2px}
body.hb-sn a.hb-sn-kat__link{display:inline-flex;align-items:center;min-height:44px;padding:13px clamp(7px,0.75vw,12px);border-radius:8px;font-size:15.5px;font-weight:600;color:#1F1208}
body.hb-sn a.hb-sn-kat__link--sklep{font-weight:700}
body.hb-sn .hb-sn-kat__grupa--info a.hb-sn-kat__link{font-weight:500;color:#4A3C2C}
body.hb-sn a.hb-sn-kat__link:hover,body.hb-sn .hb-sn-kat__grupa--info a.hb-sn-kat__link:hover{background:#DFCFB5;color:#1F1208}
/* bieżąca pozycja (aria-current: strona albo dział) — projekt jej nie ma: tło jak hover i kreska u dołu, nie tylko kolor */
body.hb-sn a.hb-sn-kat__link[aria-current]{background:#EADFCB;box-shadow:inset 0 -2px 0 #8A5B20;color:#1F1208}
/* fokus w środku linku: kontener przewijany ucina obrys na zewnątrz */
body.hb-sn a.hb-sn-kat__link:focus-visible{outline-offset:-2px}

/* ---------- wspólne ---------- */
body.hb-start-nowy .hb-sn-nadtytul{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#7A5018}
body.hb-start-nowy .hb-sn-nadtytul--kreska{font-size:12.5px}
body.hb-start-nowy .hb-sn-nadtytul--kreska::before{content:"";flex:none;width:24px;height:1.5px;background:#7A5018}
body.hb-start-nowy .hb-start-nowy-main .hb-sn-h2{margin:0;font-family:'Archivo',system-ui,sans-serif;font-size:clamp(28px,3.2vw,42px);line-height:1.08;font-weight:800;font-stretch:112.5%;letter-spacing:-.03em;text-transform:none;color:#1F1208}
body.hb-start-nowy .hb-sn-glowka{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px;margin-bottom:28px}
body.hb-start-nowy a.hb-sn-dalej{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:16px;font-weight:700;color:#205A3C}
body.hb-start-nowy a.hb-sn-dalej:hover{color:#184A31}
body.hb-start-nowy :is(.hb-sn-dalej,.hb-sn-btn,.hb-sn-hero__kat,.hb-sn-kat-karta__podpis) .hb-sn-ik{width:18px;height:18px;stroke-width:2}

/* ---------- hero ---------- */
body.hb-start-nowy .hb-sn-hero{background:#F5EFE3}
body.hb-start-nowy .hb-sn-hero__w{padding-top:clamp(32px,5vw,64px);padding-bottom:clamp(40px,5.5vw,76px);display:flex;flex-wrap:wrap;align-items:stretch;gap:clamp(28px,4vw,56px)}
body.hb-start-nowy .hb-sn-hero__tekst{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;justify-content:center}
body.hb-start-nowy .hb-start-nowy-main h1.hb-sn-h1{margin:18px 0 0;max-width:11em;font-family:'DM Serif Display',Georgia,'Times New Roman',serif;font-size:clamp(40px,4.6vw,64px);line-height:1.04;font-weight:400;font-stretch:normal;letter-spacing:-.01em;text-transform:none;color:#1F1208;text-wrap:balance}
body.hb-start-nowy .hb-start-nowy-main .hb-sn-lead{margin:20px 0 0;max-width:30em;font-size:17px;line-height:1.6;color:#3C2F1C;text-wrap:pretty}
body.hb-start-nowy .hb-sn-hero__kolumna{margin-top:32px;width:max-content;min-width:min(397px,100%);max-width:100%;display:flex;flex-direction:column;gap:24px}
body.hb-start-nowy .hb-sn-hero__przyciski{display:flex;flex-wrap:wrap;gap:12px}
body.hb-start-nowy a.hb-sn-btn{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 26px;border-radius:12px;font-size:17px;font-weight:700;color:#1F1208;white-space:nowrap}
body.hb-start-nowy a.hb-sn-btn--glowny{background:#E3A339;transition:background .15s}
body.hb-start-nowy a.hb-sn-btn--glowny:hover{background:#D8962A;color:#1F1208}
body.hb-start-nowy a.hb-sn-btn--drugi{padding:0 24px;background:#FFFFFF;border:1px solid #D6C7AD}
body.hb-start-nowy a.hb-sn-btn--drugi:hover{background:#FFFFFF;color:#1F1208}

/* Najbliższy wolny termin — projekt 2c „Mini-miarka” (25.10.2026). Rozmiar jak dotychczasowy panel (prośba Damiana): kolumna hero
   min. 397 px (tyle miała ze starym rzędem chipów), panel jej nie poszerza (contain:inline-size — inaczej zdanie „brak terminów” rozpychało przyciski). */
body.hb-start-nowy .hb-sn-termin{width:100%;display:flex;flex-direction:column;gap:14px;padding:20px 22px;background:#FFFFFF;border:1px solid #E2DDD1;border-radius:14px;color:#2B1F17;contain:inline-size}
body.hb-start-nowy .hb-start-nowy-main .hb-sn-termin__et{margin:0 0 -6px;font-size:11px;line-height:1.3;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#5A625E}
body.hb-start-nowy .hb-sn-termin__wiersz{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
body.hb-start-nowy .hb-start-nowy-main .hb-sn-termin__dzien{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;min-width:0;font-size:15px;line-height:1.3;font-weight:700;color:#2B1F17}
body.hb-start-nowy .hb-sn-termin__kiedy{font-size:13px;font-weight:600;color:#1F5A3D}
body.hb-start-nowy .hb-start-nowy-main .hb-sn-termin__godz{margin:0;flex:none;font-size:40px;line-height:.9;font-weight:800;font-stretch:112%;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#1F5A3D}
body.hb-start-nowy .hb-sn-mm__slupki{display:grid;grid-template-columns:repeat(var(--n,48),minmax(0,1fr));gap:1.5px;align-items:end;height:34px}
body.hb-start-nowy .hb-sn-mm{touch-action:pan-y}
body.hb-start-nowy .hb-sn-mm__slupki>*{display:block;height:20px;border-radius:2px;background:#CBBFA8;transition:height .12s,background-color .12s}
/* Wolne kwadranse to przyciski: bez stylu przycisków motywu/Elementora, wygląd tylko z klasy (podgląd i wybór — skrypt strony). */
body.hb-start-nowy .hb-sn-mm__slupki>button.s-wolny{-webkit-appearance:none;appearance:none;width:auto;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:2px;box-shadow:none;background:#CBBFA8;font-size:0;line-height:0;cursor:pointer}
body.hb-start-nowy .hb-sn-mm__slupki>button.s-wolny.aktywny{height:34px;background:#1F5A3D}
body.hb-start-nowy .hb-sn-mm__slupki>button.s-wolny:focus-visible{outline:2px solid #1F5A3D;outline-offset:2px}
body.hb-start-nowy .hb-sn-mm__slupki>.s-zajety{background:repeating-linear-gradient(135deg,#E2DBCD 0 2px,#F7F5F0 2px 5px)}
body.hb-start-nowy .hb-sn-mm__slupki>.s-wczesnie{background:#F3F0E8}
body.hb-start-nowy .hb-sn-mm__slupki>.s-brak{visibility:hidden}
@media (prefers-reduced-motion:reduce){body.hb-start-nowy .hb-sn-mm__slupki>*{transition:none}}
body.hb-start-nowy .hb-sn-mm__podzialka{position:relative;height:24px;margin-top:5px}
body.hb-start-nowy .hb-sn-mm__podzialka>span{position:absolute;top:0;height:6px;border-left:1.5px solid #2B1F17}
body.hb-start-nowy .hb-sn-mm__podzialka b{position:absolute;top:9px;left:0;transform:translateX(-50%);font-size:11px;line-height:1;font-weight:600;color:#5A625E;font-variant-numeric:tabular-nums}
body.hb-start-nowy .hb-sn-mm__podzialka>.hb-sn-mm__koniec{right:0;border-left:0;border-right:1.5px solid #2B1F17}
body.hb-start-nowy .hb-sn-mm__koniec b{left:auto;right:0;transform:translateX(50%)}
body.hb-start-nowy .hb-start-nowy-main .hb-sn-termin__kolejne{margin:0;padding-top:12px;border-top:1px solid #E2DDD1;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;font-size:12.5px;line-height:1.4;color:#5A625E}
body.hb-start-nowy .hb-sn-termin__kolejne>span{font-weight:600;color:#2B1F17;font-variant-numeric:tabular-nums}
body.hb-start-nowy .hb-start-nowy-main .hb-sn-termin__brak{margin:0;font-size:15px;line-height:1.45;color:#2B1F17;text-wrap:pretty}

body.hb-start-nowy .hb-sn-hero__foto{flex:1.25 1 480px;min-width:0;position:relative;min-height:340px;border-radius:20px;overflow:hidden;background:#D9CBB2}
body.hb-start-nowy .hb-sn-hero__foto img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;border:0;border-radius:0}
body.hb-start-nowy a.hb-sn-hero__kat{position:absolute;left:18px;bottom:18px;max-width:calc(100% - 36px);display:flex;align-items:center;gap:18px;padding:14px 16px 14px 18px;border-radius:12px;background:#291C14;color:#F3F0E7}
body.hb-start-nowy a.hb-sn-hero__kat:hover{background:#1F1208;color:#F3F0E7}
body.hb-start-nowy a.hb-sn-hero__kat:focus-visible{outline-color:#E3A339}
body.hb-start-nowy .hb-sn-hero__kat-tekst{display:flex;flex-direction:column;gap:3px;min-width:0}
body.hb-start-nowy .hb-sn-hero__kat-etykieta{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#E3A339}
body.hb-start-nowy .hb-sn-hero__kat-nazwa{font-size:16px;font-weight:700}

/* ---------- pasek zalet ---------- */
body.hb-start-nowy .hb-sn-zalety{background:#F3F0E7;border-top:1px solid #E2D8C6;border-bottom:1px solid #E2D8C6}
body.hb-start-nowy .hb-start-nowy-main .hb-sn-zalety__siatka{padding-top:26px;padding-bottom:26px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px 28px}
body.hb-start-nowy .hb-sn-zaleta{display:flex;align-items:center;gap:14px;margin:0}
body.hb-start-nowy .hb-sn-zaleta__ikona{flex:none;width:46px;height:46px;border-radius:12px;background:#E3EBE4;color:#205A3C;display:flex;align-items:center;justify-content:center}
body.hb-start-nowy .hb-sn-zaleta__ikona .hb-sn-ik{width:22px;height:22px;stroke-width:1.8}
body.hb-start-nowy .hb-sn-zaleta__tytul{display:block;font-size:16.5px;font-weight:700;color:#1F1208}
body.hb-start-nowy .hb-sn-zaleta__podpis{display:block;margin-top:2px;font-size:14.5px;color:#6E5F4B}

/* ---------- kategorie ---------- */
body.hb-start-nowy .hb-sn-kategorie{background:#F3F0E7}
body.hb-start-nowy .hb-sn-kategorie>.hb-sn-w{padding-top:clamp(52px,7vw,88px)}
body.hb-start-nowy .hb-sn-kategorie__siatka{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}
body.hb-start-nowy :is(a.hb-sn-kat-karta,.hb-sn-karta){display:flex;flex-direction:column;background:#F5EFE3;border:1px solid #E2D8C6;border-radius:16px;overflow:hidden;color:#1F1208;transition:border-color .2s,box-shadow .2s,transform .2s}
body.hb-start-nowy :is(a.hb-sn-kat-karta,.hb-sn-karta):hover,body.hb-start-nowy a.hb-sn-kat-karta:focus-visible{border-color:#E3A339;box-shadow:0 16px 30px -22px rgba(41,28,20,.5);transform:translateY(-2px);color:#1F1208}
body.hb-start-nowy .hb-sn-kat-karta__foto{display:block;aspect-ratio:1/1;overflow:hidden;background:#E9DDC7}
body.hb-start-nowy .hb-sn-kat-karta__foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
body.hb-start-nowy a.hb-sn-kat-karta:hover img,body.hb-start-nowy a.hb-sn-kat-karta:focus-visible img{transform:scale(1.05)}
body.hb-start-nowy .hb-sn-kat-karta__podpis{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px 16px;background:#F5EFE3;font-size:17px;font-weight:700;color:#1F1208}
body.hb-start-nowy .hb-sn-kat-karta__podpis .hb-sn-ik{stroke:#205A3C}

/* ---------- polecane: 12 kart bez osieroconych (2/3/4/6 kolumn — progi z README: floor((cw + 16) / 136), 5 → 4) ---------- */
body.hb-start-nowy .hb-sn-polecane{background:#F3F0E7}
body.hb-start-nowy .hb-sn-polecane>.hb-sn-w{padding-top:clamp(52px,7vw,88px);padding-bottom:clamp(60px,8vw,96px)}
body.hb-start-nowy .hb-sn-polecane__siatka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (min-width:432px){body.hb-start-nowy .hb-sn-polecane__siatka{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:574px){body.hb-start-nowy .hb-sn-polecane__siatka{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:870px){body.hb-start-nowy .hb-sn-polecane__siatka{grid-template-columns:repeat(6,minmax(0,1fr))}}
body.hb-start-nowy a.hb-sn-karta__foto{position:relative;display:block;aspect-ratio:1/1;padding:18px;background:#FFFFFF}
body.hb-start-nowy .hb-sn-karta__foto img{width:100%;height:100%;object-fit:contain;margin:0;border:0;border-radius:0;box-shadow:none}
body.hb-start-nowy .hb-sn-karta__znaczek{position:absolute;left:10px;top:10px;padding:4px 7px;border-radius:6px;background:#291C14;color:#F3F0E7;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:normal}
body.hb-start-nowy .hb-sn-karta__tresc{flex:1;display:flex;flex-direction:column;gap:12px;padding:14px 12px 14px 14px;background:#F5EFE3}
body.hb-start-nowy .hb-start-nowy-main h3.hb-sn-karta__nazwa{margin:0;font-family:inherit;font-size:15.5px;line-height:1.35;font-weight:700;font-stretch:100%;letter-spacing:0;text-transform:none;color:#1F1208}
body.hb-start-nowy .hb-sn-karta__nazwa a{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;color:#1F1208}
body.hb-start-nowy .hb-sn-karta__nazwa a:hover{color:#205A3C}
body.hb-start-nowy .hb-sn-karta__dol{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 8px}
body.hb-start-nowy .hb-sn-karta__cena{font-size:20px;font-weight:800;letter-spacing:-.02em;color:#1F1208;white-space:nowrap}
body.hb-start-nowy .hb-sn-karta__cena small{font-size:13px;font-weight:600;letter-spacing:0;color:#6E5F4B}
body.hb-start-nowy .hb-sn-karta__cena i{font-style:normal;font-size:13px;font-weight:700}
body.hb-start-nowy a.hb-sn-karta__koszyk,body.hb-start-nowy .hb-sn-karta__dodano{flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:10px}
body.hb-start-nowy a.hb-sn-karta__koszyk{background:#205A3C;color:#FFFFFF;transition:background .15s}
body.hb-start-nowy a.hb-sn-karta__koszyk:hover{background:#184A31;color:#FFFFFF}
body.hb-start-nowy a.hb-sn-karta__koszyk.loading{opacity:.6;pointer-events:none}
body.hb-start-nowy a.hb-sn-karta__koszyk::after{display:none!important}
body.hb-start-nowy .hb-sn-karta .added_to_cart{display:none!important}
body.hb-start-nowy .hb-sn-karta__dodano{background:#E3EBE4;color:#205A3C}
body.hb-start-nowy .hb-sn-karta__dodano .hb-sn-ik{stroke-width:2.2}

/* ---------- etapy ---------- */
body.hb-start-nowy .hb-sn-etapy{background:#FFFFFF}
body.hb-start-nowy .hb-sn-etapy>.hb-sn-w{padding-top:clamp(56px,7.5vw,96px);padding-bottom:clamp(56px,7.5vw,96px)}
body.hb-start-nowy .hb-start-nowy-main .hb-sn-etapy__h2{margin:12px 0 36px;max-width:16em;text-wrap:balance}
body.hb-start-nowy .hb-sn-etapy__siatka{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:clamp(20px,2.4vw,32px)}
body.hb-start-nowy .hb-sn-etap{display:flex;flex-direction:column;gap:18px}
body.hb-start-nowy a.hb-sn-etap__foto{display:block;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#E9DDC7}
body.hb-start-nowy .hb-sn-etap__foto img{width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .5s;margin:0;border:0;border-radius:0}
body.hb-start-nowy a.hb-sn-etap__foto:hover img,body.hb-start-nowy a.hb-sn-etap__foto:focus-visible img{transform:scale(1.03)}
body.hb-start-nowy .hb-sn-etap__podpis{display:flex;align-items:baseline;gap:12px}
body.hb-start-nowy .hb-sn-etap__nr{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7A5018;white-space:nowrap}
body.hb-start-nowy .hb-start-nowy-main h3.hb-sn-etap__h3{margin:0;font-family:'Archivo',system-ui,sans-serif;font-size:26px;line-height:normal;font-weight:800;font-stretch:112.5%;letter-spacing:-.02em;text-transform:none;color:#1F1208}

/* ---------- partnerzy: jeden rząd przy 1200 px treści (decyzja Damiana 20.10), węziej zawija się według szerokości
   napisów; kreska na początku rzędu ucięta (-17 px = 16 px odstępu + 1 px kreski) ---------- */
body.hb-start-nowy .hb-sn-partnerzy{background:#FFFFFF;border-top:1px solid #E2D8C6;border-bottom:1px solid #E2D8C6}
body.hb-start-nowy .hb-sn-partnerzy__w{padding-top:6px;padding-bottom:6px}
body.hb-start-nowy .hb-sn-partnerzy__obciecie{overflow:hidden}
/* podpis „Nasi partnerzy” jak „Etap 1”: na początku rzędu tylko wtedy, gdy podpis (154 px z odstępem) i logo (983 px)
   mieszczą się w jednej linii — od 1230 px okna; węziej nad logo, które wtedy same trzymają jeden rząd od ok. 1065 px */
body.hb-start-nowy .hb-sn-partnerzy__tytul{margin:0;padding:6px 0 2px;font-size:12px;line-height:1.3;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7A5018;white-space:nowrap}
@media (min-width:1230px){body.hb-start-nowy .hb-sn-partnerzy__w{display:flex;align-items:center;gap:24px}body.hb-start-nowy .hb-sn-partnerzy__tytul{padding:0}body.hb-start-nowy .hb-sn-partnerzy__obciecie{flex:1;min-width:0}}
body.hb-start-nowy .hb-start-nowy-main .hb-sn-partnerzy__siatka{display:flex;flex-wrap:wrap;gap:8px 16px;width:calc(100% + 17px);margin-left:-17px}
body.hb-start-nowy .hb-sn-partnerzy__siatka>li{margin:0;min-width:0;flex:1 1 auto}
/* .hb-sn-partner: link albo span (partner jeszcze bez działającej strony); :is(a,span) trzyma wagę (0,2,2) ponad kolorem linków */
body.hb-start-nowy :is(a,span).hb-sn-partner{display:flex;align-items:center;gap:8px;min-height:40px;padding:2px 0 2px 16px;border-left:1px solid #DCCDB4;color:#1F1208}
body.hb-start-nowy a.hb-sn-partner:hover,body.hb-start-nowy a.hb-sn-partner:focus-visible{color:#205A3C}
/* lewy pas linku (17 px) jest ucięty przez .hb-sn-partnerzy__obciecie — obrys fokusu wokół domeny, nie całego linku */
body.hb-start-nowy a.hb-sn-partner:focus-visible{outline:0}
body.hb-start-nowy a.hb-sn-partner:focus-visible .hb-sn-partner__domena{outline:2px solid #205A3C;outline-offset:3px;border-radius:3px}
/* logo partnerów bez kafelków, na białym jak napis (decyzja Damiana 20.10) */
body.hb-start-nowy .hb-sn-partner__ikona{flex:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center}
body.hb-start-nowy .hb-sn-partner__ikona img{width:32px;height:32px;object-fit:contain}
body.hb-start-nowy .hb-sn-partner__ikona--elspet img{width:27px;height:27px}
body.hb-start-nowy .hb-sn-partner__opis{display:flex;flex-direction:column;gap:4px;min-width:0}
body.hb-start-nowy .hb-sn-partner__domena{font-size:15px;font-weight:700;white-space:nowrap}

/* ---------- stopka ---------- */
body.hb-sn .hb-sn-stopka{background:#F3F0E7;color:#3C2F1C}
/* inne strony: tło treści (#F3F0E8) prawie jak stopki — kreska oddziela; na głównej robi to dolna ramka partnerów */
body.hb-sn:not(.hb-start-nowy) .hb-sn-stopka{border-top:1px solid #E2D8C6}
body.hb-sn .hb-sn-stopka__gora{border-bottom:1px solid #E2D8C6}
body.hb-sn .hb-sn-stopka__gora>.hb-sn-w{padding-top:clamp(28px,3.5vw,40px);padding-bottom:26px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 48px}
body.hb-sn .hb-sn-stopka__kolumny{padding-top:40px;padding-bottom:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:32px}
body.hb-sn .hb-sn-stopka h2{margin:0 0 12px;font-family:'Archivo',system-ui,sans-serif;font-size:13px;line-height:normal;font-weight:700;font-stretch:100%;letter-spacing:.14em;text-transform:uppercase;color:#7A5018}
body.hb-sn .hb-sn-stopka__kol a,body.hb-sn .hb-sn-stopka__kol p{display:block;margin:0;padding:5px 0;font-size:15.5px;color:#3C2F1C}
body.hb-sn .hb-sn-stopka__kol a:hover{color:#205A3C}
body.hb-sn .hb-sn-stopka__kol p.hb-sn-stopka__pytania{margin-top:20px;padding:0;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-wrap:balance;color:#7A5018}
body.hb-sn .hb-sn-stopka__kol a.hb-sn-stopka__mail{margin-top:6px;padding:0;font-size:15.5px;line-height:1.3;font-weight:600;color:#1F1208;overflow-wrap:anywhere}
body.hb-sn .hb-sn-stopka__kol a.hb-sn-stopka__mail:hover{color:#205A3C}
body.hb-sn .hb-sn-stopka__dol{border-top:1px solid #E2D8C6}
body.hb-sn .hb-sn-stopka__dol>.hb-sn-w{padding-top:22px;padding-bottom:28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:14px;color:#6E5F4B}

@media (prefers-reduced-motion:reduce){
  body.hb-start-nowy :is(a.hb-sn-kat-karta,.hb-sn-karta,.hb-sn-kat-karta__foto img,.hb-sn-etap__foto img){transition:none}
  body.hb-start-nowy :is(a.hb-sn-kat-karta,.hb-sn-karta):hover{transform:none}
  body.hb-start-nowy :is(a.hb-sn-kat-karta:hover,a.hb-sn-etap__foto:hover) img{transform:none}
}

/* sklep na telefonie: wyszukiwarka jest w nagłówku (osobny wiersz < 900 px) — bez drugiej w treści (decyzja Damiana 18.10.2026) */
@media (max-width:899px){body.hb-sn .hb-s-sklep-szukaj{display:none!important}}
/* strony Elementora (Oferta, O nas, Kontakt): poziomy odstęp kontenera .hb-wrap jak w nowym nagłówku i stopce (18.10.2026) */
body.hb-sn .hb-sec .hb-wrap{padding-left:clamp(20px,4vw,40px)!important;padding-right:clamp(20px,4vw,40px)!important}
/* ---------- sklep: lista, kategoria, wyszukiwanie (HbShop.dc.html; szablony/sklep.php) ----------
   Selektory z .hb-s-sklep na początku, żeby wygrać z resetem Hello Elementor (button, select, input, h2). */

.hb-s-sklep{display:block}
.hb-s-sklep :focus-visible{outline:2px solid var(--s-butelka);outline-offset:2px}

/* nagłówek strony */
.hb-s-sklep-glowa{padding:clamp(18px,2.4vw,36px) var(--s-pad-sklep) clamp(18px,2.4vw,32px);border-bottom:1px solid var(--s-ramka)}
.hb-s-sklep-glowa__rzad{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px}
.hb-s-sklep-glowa__tytul{display:flex;flex-direction:column;gap:8px}
/* H1 wyników wyszukiwania zawiera zapytanie klienta: długie słowo nie może rozepchnąć strony przy 320 px
   ((0,4,2) z !important wygrywa z body.hb-szata .site-main h1.hb-s-h1 z bazy) */
body.hb-szata .hb-s-sklep .hb-s-sklep-glowa__tytul h1.hb-s-h1{font-size:clamp(28px,3.4vw,50px)!important;overflow-wrap:anywhere}
.hb-s-sklep .hb-s-sklep-opis p{margin:0}
.hb-s-sklep .hb-s-sklep-opis p+p{margin-top:8px}
.hb-s-sklep-szukaj{flex:1 1 320px;max-width:440px;display:flex;align-items:center;gap:10px;height:50px;box-sizing:border-box;padding:0 16px;margin:0;border:1px solid var(--s-ramka-pol);border-radius:6px;background:#fff;color:var(--s-kamien)}
.hb-s-sklep-szukaj .hb-s-ik{width:19px;height:19px}
.hb-s-sklep .hb-s-sklep-szukaj input[type=search]{flex:1;min-width:0;width:auto;height:100%;padding:0;margin:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;color:var(--s-tusz);font-family:inherit;font-size:15.5px;line-height:1.4;transition:none}
.hb-s-sklep .hb-s-sklep-szukaj input[type=search]:focus-visible{outline:0;box-shadow:none}
.hb-s-sklep-szukaj input::placeholder{color:var(--s-kamien);opacity:1}
.hb-s-sklep-szukaj:focus-within{border-color:var(--s-butelka);box-shadow:0 0 0 3px rgba(31,90,61,.15)}

/* telefon: chipy grup, Filtry i Sortuj */
.hb-s-sklep-chipy{gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:14px 16px 4px}
.hb-s-sklep-chipy::-webkit-scrollbar{display:none}
.hb-s-sklep .hb-s-sklep-chip{flex:none;display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:9px 14px;border:1px solid var(--s-ramka-pol);border-radius:999px;background:#fff;color:var(--s-tusz);font-size:14px;font-weight:500;white-space:nowrap;text-decoration:none}
.hb-s-sklep .hb-s-sklep-chip:hover{border-color:var(--s-tusz);color:var(--s-tusz)}
.hb-s-sklep .hb-s-sklep-chip.jest{background:var(--s-tusz);border-color:var(--s-tusz);color:var(--s-papier);font-weight:600}
.hb-s-sklep-przyciski{gap:8px;padding:12px 16px 0}
.hb-s-sklep .hb-s-sklep-filtry-btn{flex:1;min-width:0;height:46px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid var(--s-ramka-pol);border-radius:6px;background:#fff;color:var(--s-tusz);font-family:inherit;font-size:15px;font-weight:600;line-height:1}
.hb-s-sklep .hb-s-sklep-filtry-btn:hover,.hb-s-sklep .hb-s-sklep-filtry-btn:focus{background:#fff;border-color:var(--s-tusz);color:var(--s-tusz)}
.hb-s-sklep .hb-s-sklep-filtry-btn[hidden]{display:none}
.hb-s-sklep-filtry-btn .hb-s-ik{width:18px;height:18px;stroke-width:1.9}
.hb-s-sklep-filtry-ile{min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:10px;background:var(--s-tusz);color:var(--s-papier);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}

/* sortowanie (natywny select) */
.hb-s-sklep-sort{position:relative;align-items:center;margin:0;box-sizing:border-box;border:1px solid var(--s-ramka-pol);border-radius:6px;background:#fff;color:var(--s-tusz)}
.hb-s-sklep-sort:focus-within{border-color:var(--s-tusz);outline:2px solid var(--s-butelka);outline-offset:2px}
.hb-s-sklep .hb-s-sklep-sort select:focus-visible{outline:0;box-shadow:none}
.hb-s-sklep .hb-s-sklep-sort label{line-height:1;cursor:pointer}
.hb-s-sklep-sort .hb-s-ik{width:16px;height:16px;stroke-width:2;pointer-events:none}
.hb-s-sklep-sort--d{display:flex;gap:10px;height:42px;padding:0 12px 0 14px;font-size:14.5px}
.hb-s-sklep .hb-s-sklep-sort--d label{font-size:14.5px}
.hb-s-sklep .hb-s-sklep-sort--d select{-webkit-appearance:none;appearance:none;field-sizing:content;display:block;width:auto;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--s-tusz);font-family:inherit;font-size:14.5px;font-weight:600;line-height:1;cursor:pointer;transition:none}
.hb-s-sklep-sort--m{flex:1;min-width:0;justify-content:center;gap:8px;height:46px;padding:0 12px}
.hb-s-sklep .hb-s-sklep-sort--m label{font-size:15px;font-weight:600}
.hb-s-sklep .hb-s-sklep-sort--m select{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;opacity:0;font-size:16px;cursor:pointer}
.hb-s-sklep .hb-s-sklep-sort__ok{position:relative;z-index:1;height:32px;margin-left:8px;padding:0 10px;border:0;border-radius:4px;background:var(--s-butelka);color:#fff;font-size:13.5px;font-weight:600}

/* układ: panel boczny + lista */
.hb-s-sklep-uklad{display:flex;gap:40px;align-items:flex-start;padding:clamp(16px,2.6vw,40px) var(--s-pad-sklep) clamp(48px,6vw,96px)}
.hb-s-sklep-bok{flex:0 0 250px;min-width:0;display:flex;flex-direction:column;gap:30px}
.hb-s-sklep-blok{display:flex;flex-direction:column}
.hb-s-sklep-blok--kat{gap:2px}
.hb-s-sklep-blok--kolor{gap:8px}
.hb-s-sklep-blok--gwint{gap:10px}
.hb-s-sklep .hb-s-sklep-nagl{margin:0 0 10px;font-family:var(--s-sans);font-size:12px;font-weight:600;line-height:1.55;letter-spacing:.14em;text-transform:uppercase;color:var(--s-kamien)}
.hb-s-sklep .hb-s-sklep-blok--kolor .hb-s-sklep-nagl{margin-bottom:6px}
.hb-s-sklep .hb-s-sklep-blok--gwint .hb-s-sklep-nagl{margin-bottom:4px}
.hb-s-sklep .hb-s-sklep-kat{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;margin:0 -10px;border-radius:6px;color:var(--s-tusz);font-size:14.5px;text-decoration:none}
.hb-s-sklep .hb-s-sklep-kat:hover{background:var(--s-hover-listy);color:var(--s-tusz)}
.hb-s-sklep .hb-s-sklep-kat.jest{background:var(--s-tusz);color:var(--s-papier);font-weight:600}
.hb-s-sklep-kolory{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;font-size:14px}
.hb-s-sklep .hb-s-sklep-kolor{display:flex;align-items:center;gap:8px;padding:4px 6px;margin:-4px -6px;border-radius:6px;color:var(--s-tusz);text-decoration:none}
.hb-s-sklep .hb-s-sklep-kolor:hover{background:var(--s-hover-listy);color:var(--s-tusz)}
.hb-s-sklep .hb-s-sklep-kolor.jest{background:var(--s-tusz);color:var(--s-papier);font-weight:600}
.hb-s-sklep-kolor .hb-s-kropka{box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.hb-s-sklep-kolor.jest .hb-s-kropka{box-shadow:inset 0 0 0 1px rgba(0,0,0,.2),0 0 0 1.5px var(--s-papier)}
.hb-s-sklep .hb-s-sklep-gwint{display:flex;align-items:center;gap:10px;color:var(--s-tusz);font-size:14.5px;text-decoration:none}
.hb-s-sklep .hb-s-sklep-gwint:hover{color:var(--s-tusz)}
.hb-s-sklep-gwint__pole{width:18px;height:18px;box-sizing:border-box;flex:none;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--s-checkbox);border-radius:4px;background:#fff;color:#fff}
.hb-s-sklep-gwint:hover .hb-s-sklep-gwint__pole{border-color:var(--s-butelka)}
.hb-s-sklep-gwint.jest .hb-s-sklep-gwint__pole{background:var(--s-butelka);border-color:var(--s-butelka)}
.hb-s-sklep-gwint__pole .hb-s-ik{width:14px;height:14px;stroke-width:2.6;visibility:hidden}
.hb-s-sklep-gwint.jest .hb-s-sklep-gwint__pole .hb-s-ik{visibility:visible}

/* najbliższy wolny termin */
.hb-s-sklep-termin{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:8px;background:var(--s-krem);color:var(--s-krem-tekst);border:1px solid var(--s-krem-ramka)}
.hb-s-sklep-termin__et{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--s-mosiadz-c)}
.hb-s-sklep-termin__wart{font-family:var(--s-wide);font-stretch:87.5%;font-weight:700;font-size:26px;line-height:1;font-variant-numeric:tabular-nums}
.hb-s-sklep-termin__opis{font-size:13.5px;color:var(--s-nc1);text-wrap:pretty}

/* lista */
.hb-s-sklep-lista{flex:1;min-width:0;display:flex;flex-direction:column;gap:clamp(14px,1.6vw,20px)}
.hb-s-sklep-lista .woocommerce-notices-wrapper:empty{display:none}
.hb-s-sklep-pasek{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.hb-s-sklep-ile{font-size:14.5px;color:var(--s-kamien)}
.hb-s-sklep-ile strong{color:var(--s-tusz);font-weight:600}
.hb-s-sklep-aktywne{display:flex;flex-wrap:wrap;gap:8px}
.hb-s-sklep .hb-s-sklep-aktywny{display:inline-flex;align-items:center;gap:6px;min-height:34px;box-sizing:border-box;padding:0 10px 0 12px;border-radius:999px;background:var(--s-szalwia);color:var(--s-tusz);font-size:13.5px;font-weight:600;text-decoration:none}
.hb-s-sklep .hb-s-sklep-aktywny:hover{background:#D5E3D8;color:var(--s-tusz)}
.hb-s-sklep-aktywny .hb-s-ik{width:15px;height:15px;stroke-width:2}

/* paginacja 44 × 44 */
.hb-s-sklep-strony{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:clamp(12px,2vw,28px)}
.hb-s-sklep .hb-s-sklep-strony .page-numbers{width:44px;height:44px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:1px solid var(--s-ramka-pol);border-radius:6px;background:#fff;color:var(--s-tusz);font-weight:600;font-variant-numeric:tabular-nums;text-decoration:none}
.hb-s-sklep .hb-s-sklep-strony a.page-numbers:hover{border-color:var(--s-tusz);color:var(--s-tusz)}
.hb-s-sklep .hb-s-sklep-strony .page-numbers.current{background:var(--s-tusz);border-color:var(--s-tusz);color:var(--s-papier)}
.hb-s-sklep .hb-s-sklep-strony .page-numbers.dots{border-color:transparent;background:transparent}
.hb-s-sklep-strony .hb-s-ik{width:18px;height:18px;stroke-width:2}
.hb-s-sklep-wstecz{transform:scaleX(-1)}

/* brak wyników */
.hb-s-sklep-pusto{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(24px,3vw,40px);border:1px solid var(--s-ramka);border-radius:8px;background:#fff}
.hb-s-sklep .hb-s-sklep-pusto__tytul{margin:0;font-family:var(--s-wide);font-stretch:87.5%;font-weight:700;font-size:clamp(21px,1.8vw,25px);line-height:1.15;color:var(--s-tusz);text-wrap:balance}
.hb-s-sklep-pusto p{margin:0;max-width:560px;color:var(--s-tekst2);font-size:15px;text-wrap:pretty}
.hb-s-sklep-pusto .hb-s-btn{height:48px;margin-top:4px}

/* okno „Filtry” (telefon) */
html:has(.hb-s-sklep-dialog[open]){overflow:hidden}
.hb-s-sklep-dialog{width:100%;max-width:100%;max-height:min(88vh,720px);box-sizing:border-box;margin:auto 0 0;padding:0;border:0;border-radius:14px 14px 0 0;background:var(--s-papier);color:var(--s-tusz)}
.hb-s-sklep-dialog[open]{display:flex;flex-direction:column}
.hb-s-sklep-dialog::backdrop{background:rgba(43,31,23,.55)}
.hb-s-sklep-dialog__gora{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 16px;border-bottom:1px solid var(--s-ramka)}
.hb-s-sklep .hb-s-sklep-dialog__tytul{margin:0;font-family:var(--s-wide);font-stretch:87.5%;font-weight:700;font-size:21px;line-height:1.2;color:var(--s-tusz)}
.hb-s-sklep .hb-s-sklep-dialog__zamknij{width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--s-tusz)}
.hb-s-sklep .hb-s-sklep-dialog__zamknij:hover,.hb-s-sklep .hb-s-sklep-dialog__zamknij:focus{background:var(--s-hover-listy);color:var(--s-tusz)}
.hb-s-sklep-dialog__zamknij .hb-s-ik{width:22px;height:22px}
.hb-s-sklep-dialog__tresc{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:26px;padding:18px 16px 22px}
.hb-s-sklep-dialog__dol{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--s-ramka);background:#fff}
.hb-s-sklep .hb-s-sklep-pokaz{width:100%;height:50px;display:flex;align-items:center;justify-content:center;padding:0 16px;border:0;border-radius:6px;background:var(--s-butelka);color:#fff;font-family:inherit;font-size:16px;font-weight:600;line-height:1}
.hb-s-sklep .hb-s-sklep-pokaz:hover,.hb-s-sklep .hb-s-sklep-pokaz:focus{background:var(--s-butelka-h);color:#fff}
.hb-s-sklep .hb-s-sklep-dialog .hb-s-sklep-kat{min-height:44px;box-sizing:border-box}
.hb-s-sklep .hb-s-sklep-dialog .hb-s-sklep-kolory{gap:4px 8px}
.hb-s-sklep .hb-s-sklep-dialog .hb-s-sklep-kolor{min-height:44px;box-sizing:border-box;margin:0;padding:4px 10px}
.hb-s-sklep .hb-s-sklep-dialog .hb-s-sklep-blok--gwint{gap:0}
.hb-s-sklep .hb-s-sklep-dialog .hb-s-sklep-gwint{min-height:44px}

@media (max-width:768px){
  .hb-s-sklep .hb-s-sklep-aktywny{min-height:44px}
}
/* ---------- karta produktu (HbProduct.dc.html) ----------
   Selektory .hb-s-produkt + klasa elementu (co najmniej dwie klasy), bo kit Elementora (.elementor-kit-119 h1/h2/a/button)
   i reset Hello Elementor stylują same znaczniki. Przyciski mają osobną regułę :focus, bo kit przy
   .elementor-kit-119 button:focus (0,2,1) zmienia tło i kolor. */

.hb-s-produkt{display:block;background:var(--s-papier);color:var(--s-tusz)}
.hb-s-produkt [hidden]{display:none!important}
.hb-s-produkt :focus-visible{outline:2px solid var(--s-butelka);outline-offset:2px}

/* reset przycisków (kit: zaokrąglenie 999px, padding 17/30, wersaliki z typografii globalnej) */
.hb-s-produkt .hb-s-produkt-b,.hb-s-produkt .hb-s-produkt-b:hover,.hb-s-produkt .hb-s-produkt-b:focus{margin:0;font-family:inherit;font-style:normal;text-transform:none;letter-spacing:0;text-decoration:none;line-height:normal;box-shadow:none;cursor:pointer;user-select:none;transition:border-color .15s,background-color .15s,color .15s,opacity .15s}

/* komunikaty WooCommerce i okruszki */
.hb-s-produkt .hb-s-produkt-komunikaty{padding:16px var(--s-pad-sklep) 0}
.hb-s-produkt .hb-s-produkt-komunikaty>*:last-child{margin-bottom:0}
.hb-s-produkt .hb-s-produkt-okruszki{margin:0;padding:clamp(14px,1.8vw,24px) var(--s-pad-sklep) 0}

/* układ: galeria + informacje */
.hb-s-produkt .hb-s-produkt-glowna{display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(24px,4vw,64px);padding:clamp(14px,2vw,28px) var(--s-pad-sklep) clamp(40px,5vw,72px)}

/* galeria */
.hb-s-produkt .hb-s-produkt-galeria{flex:1 1 540px;min-width:0;display:flex;flex-direction:column;gap:12px}
.hb-s-produkt .hb-s-produkt-foto{position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#fff;border:1px solid var(--s-ramka)}
.hb-s-produkt .hb-s-produkt-foto img{display:block;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;object-fit:cover}
.hb-s-produkt .hb-s-produkt-znaczek{position:absolute;top:14px;left:14px;padding:5px 10px;border-radius:4px;background:var(--s-piwnica);color:var(--s-papier);font-size:11.5px;font-weight:600;letter-spacing:.08em;line-height:1.55;text-transform:uppercase}
.hb-s-produkt .hb-s-produkt-miniatury{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hb-s-produkt .hb-s-produkt-miniatura,.hb-s-produkt .hb-s-produkt-miniatura:focus{display:block;width:100%;aspect-ratio:1/1;padding:0;border:1px solid var(--s-ramka);border-radius:8px;overflow:hidden;background:#fff;color:inherit;opacity:.85}
.hb-s-produkt .hb-s-produkt-miniatura:hover{opacity:1;border-color:var(--s-checkbox);background:#fff}
.hb-s-produkt .hb-s-produkt-miniatura[aria-pressed="true"]{border:2px solid var(--s-tusz);opacity:1}
.hb-s-produkt .hb-s-produkt-miniatura img{display:block;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;object-fit:cover}

/* informacje */
.hb-s-produkt .hb-s-produkt-info{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:24px}
.hb-s-produkt .hb-s-produkt-tytul{display:flex;flex-direction:column;gap:12px}
.hb-s-produkt .hb-s-produkt-eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--s-butelka)}
.hb-s-produkt .hb-s-produkt-h1{margin:0;font-family:var(--s-wide);font-stretch:87.5%;font-weight:700;font-style:normal;font-size:clamp(28px,2.8vw,40px);line-height:1.08;letter-spacing:0;text-transform:none;text-wrap:balance;color:var(--s-tusz)}
.hb-s-produkt .hb-s-produkt-znaczniki{gap:6px}
.hb-s-produkt .hb-s-produkt-znaczniki span{padding:4px 8px;font-size:13px;letter-spacing:0;line-height:1.55}

/* cena */
.hb-s-produkt .hb-s-produkt-cena{display:flex;flex-direction:column;gap:4px;padding-bottom:22px;border-bottom:1px solid var(--s-ramka)}
.hb-s-produkt .hb-s-produkt-cena__wiersz{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px}
.hb-s-produkt .hb-s-produkt-cena__kwota{font-family:var(--s-wide);font-stretch:87.5%;font-weight:800;font-size:clamp(38px,3.4vw,48px);line-height:1;font-variant-numeric:tabular-nums}
.hb-s-produkt .hb-s-produkt-cena__szt{font-size:15px;color:var(--s-kamien)}
.hb-s-produkt .hb-s-produkt-cena__vat{font-size:13.5px;color:var(--s-kamien)}

/* wybór koloru i opakowania */
.hb-s-produkt .hb-s-produkt-wybor{display:flex;flex-direction:column;gap:12px}
.hb-s-produkt .hb-s-produkt-wybor__etykieta{font-size:15px}
.hb-s-produkt .hb-s-produkt-wybor__etykieta strong{font-weight:600}
.hb-s-produkt .hb-s-produkt-kolory{display:flex;flex-wrap:wrap;gap:8px}
.hb-s-produkt .hb-s-produkt-kolor,.hb-s-produkt .hb-s-produkt-kolor:focus{width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:50%;background:transparent;color:inherit}
.hb-s-produkt .hb-s-produkt-kolor:hover{border-color:var(--s-ramka-pol);background:transparent}
.hb-s-produkt .hb-s-produkt-kolor[aria-pressed="true"]{border-color:var(--s-tusz);background:#fff}
.hb-s-produkt .hb-s-produkt-kolor .hb-s-kropka{pointer-events:none}
.hb-s-produkt .hb-s-produkt-opakowania{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hb-s-produkt .hb-s-produkt-opak,.hb-s-produkt .hb-s-produkt-opak:focus{width:100%;height:auto;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:13px 15px;border:1px solid var(--s-ramka-pol);border-radius:8px;background:#fff;color:var(--s-tusz);font-size:16px;font-weight:400;text-align:left;white-space:normal}
.hb-s-produkt .hb-s-produkt-opak:hover{border-color:var(--s-butelka);background:#fff;color:var(--s-tusz)}
.hb-s-produkt .hb-s-produkt-opak[aria-pressed="true"]{padding:12px 14px;border:2px solid var(--s-butelka);background:var(--s-szalwia2)}
.hb-s-produkt .hb-s-produkt-opak:disabled{padding:13px 15px;border:1px dashed var(--s-ramka-zn);background:var(--s-zajety);color:var(--s-wyl);cursor:not-allowed}
.hb-s-produkt .hb-s-produkt-opak__nazwa{font-size:15px;font-weight:600}
.hb-s-produkt .hb-s-produkt-opak__ceny{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.hb-s-produkt .hb-s-produkt-opak__cena{font-family:var(--s-wide);font-stretch:87.5%;font-weight:700;font-size:19px}
.hb-s-produkt .hb-s-produkt-opak__szt{font-size:12.5px;color:var(--s-kamien)}
.hb-s-produkt .hb-s-produkt-opak[aria-pressed="true"] .hb-s-produkt-opak__szt{color:var(--s-tekst2)}
.hb-s-produkt .hb-s-produkt-opak__brak{display:none;font-size:13px}
.hb-s-produkt .hb-s-produkt-opak:disabled .hb-s-produkt-opak__ceny{display:none}
.hb-s-produkt .hb-s-produkt-opak:disabled .hb-s-produkt-opak__brak{display:block}

/* ilość i dodanie do koszyka */
.hb-s-produkt .hb-s-produkt-kup{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.hb-s-produkt .hb-s-produkt-ilosc{flex:none;display:flex;align-items:center;height:56px;box-sizing:border-box;border:1px solid var(--s-ramka-pol);border-radius:6px;background:#fff;transition:border-color .15s,box-shadow .15s}
.hb-s-produkt .hb-s-produkt-ilosc:focus-within{border-color:var(--s-butelka);box-shadow:0 0 0 3px rgba(31,90,61,.15)}
.hb-s-produkt .hb-s-produkt-ilosc__btn,.hb-s-produkt .hb-s-produkt-ilosc__btn:focus{width:48px;height:100%;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;color:var(--s-tusz)}
.hb-s-produkt .hb-s-produkt-ilosc__btn:hover{background:transparent;color:var(--s-butelka)}
.hb-s-produkt .hb-s-produkt-ilosc__btn .hb-s-ik{width:18px;height:18px;stroke-width:2}
.hb-s-produkt .hb-s-produkt-ilosc__pole{width:32px!important;min-width:32px;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0;text-align:center;font-family:var(--s-wide)!important;font-stretch:87.5%;font-weight:700!important;font-size:19px!important;line-height:1!important;letter-spacing:0!important;color:var(--s-tusz)!important;-moz-appearance:textfield;appearance:textfield}
.hb-s-produkt .hb-s-produkt-ilosc__pole::-webkit-outer-spin-button,.hb-s-produkt .hb-s-produkt-ilosc__pole::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.hb-s-produkt .hb-s-produkt-dodaj,.hb-s-produkt .hb-s-produkt-dodaj:focus{flex:1 1 220px;height:56px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border:0;border-radius:6px;background:var(--s-butelka);color:#fff;font-size:16.5px;font-weight:600;text-align:center}
.hb-s-produkt .hb-s-produkt-dodaj:hover{background:var(--s-butelka-h);color:#fff}
.hb-s-produkt .hb-s-produkt-dodaj:disabled{opacity:.7;cursor:progress}
.hb-s-produkt .hb-s-produkt-dodaj .hb-s-ik{width:20px;height:20px;stroke-width:1.9}
/* po dodaniu tego wariantu (.hb-jest) „Dodaj jeszcze” ma ramkę, a wypełniony jest „Przejdź do koszyka” w panelu */
.hb-s-produkt .hb-s-produkt-kup.hb-jest .hb-s-produkt-dodaj,.hb-s-produkt .hb-s-produkt-kup.hb-jest .hb-s-produkt-dodaj:focus{background:#fff;color:var(--s-butelka);box-shadow:inset 0 0 0 1.5px var(--s-butelka)}
.hb-s-produkt .hb-s-produkt-kup.hb-jest .hb-s-produkt-dodaj:hover{background:var(--s-szalwia2);color:var(--s-butelka-h);box-shadow:inset 0 0 0 1.5px var(--s-butelka-h)}

/* panel „Dodano do koszyka” — nie znika sam; odstęp mniejszy niż gap kolumny, żeby siedział przy przycisku */
.hb-s-produkt .hb-s-produkt-dodano{display:flex;flex-direction:column;gap:12px;margin:-10px 0 0;padding:16px;border:1px solid rgba(31,90,61,.22);border-radius:8px;background:var(--s-szalwia)}
.hb-s-produkt .hb-s-produkt-dodano[hidden]{display:none}
.hb-s-produkt .hb-s-produkt-dodano__glowka{display:flex;align-items:center;gap:14px}
.hb-s-produkt .hb-s-produkt-dodano__foto{flex:none;width:56px;height:56px;max-width:none;margin:0;border-radius:6px;object-fit:cover;background:#fff}
.hb-s-produkt .hb-s-produkt-dodano__opis{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;margin:0;font-size:14px;line-height:1.4;color:var(--s-tekst2)}
.hb-s-produkt .hb-s-produkt-dodano__tytul{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:600;color:var(--s-butelka)}
.hb-s-produkt .hb-s-produkt-dodano__tytul .hb-s-ik{flex:none;width:18px;height:18px;stroke-width:2.4}
.hb-s-produkt .hb-s-produkt-dodano__razem{font-weight:600;color:var(--s-tusz)}
.hb-s-produkt .hb-s-produkt-do-koszyka,.hb-s-produkt .hb-s-produkt-do-koszyka:focus{height:56px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border-radius:6px;background:var(--s-butelka);color:#fff!important;font-size:16.5px;font-weight:600}
.hb-s-produkt .hb-s-produkt-do-koszyka:hover{background:var(--s-butelka-h);color:#fff!important}
.hb-s-produkt .hb-s-produkt-do-koszyka .hb-s-ik{width:18px;height:18px;stroke-width:2.2}
/* wariant jeszcze niedodany: wypełniony jest znowu „Dodaj do koszyka”, przycisk panelu dostaje ramkę (przy ukrytym formularzu zostaje wypełniony) */
.hb-s-produkt .hb-s-produkt-kup:not(.hb-jest):not([hidden])+.hb-s-produkt-dodano .hb-s-produkt-do-koszyka{background:#fff;color:var(--s-butelka)!important;box-shadow:inset 0 0 0 1.5px var(--s-butelka)}
.hb-s-produkt .hb-s-produkt-kup:not(.hb-jest):not([hidden])+.hb-s-produkt-dodano .hb-s-produkt-do-koszyka:hover{background:var(--s-szalwia2)}
.hb-s-produkt .hb-s-produkt-dodano__info{margin:-4px 0 0;font-size:13px;line-height:1.4;color:var(--s-tekst2);text-align:center}
.hb-s-produkt .hb-s-produkt-dodano__dalej,.hb-s-produkt .hb-s-produkt-dodano__dalej:hover,.hb-s-produkt .hb-s-produkt-dodano__dalej:focus{align-self:center;min-height:44px;padding:0 14px;border:0;border-radius:6px;background:transparent;color:var(--s-tusz);font-size:14.5px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.hb-s-produkt .hb-s-produkt-dodano__dalej:hover{color:var(--s-butelka)}
.hb-s-produkt .hb-s-produkt-kup .added_to_cart{display:none!important} /* link „Zobacz koszyk” dokładany przez add-to-cart.js */
.hb-s-produkt .hb-s-produkt-blad{flex:1 1 100%;margin:0;font-size:13.5px;color:var(--s-blad)}
.hb-s-produkt .hb-s-produkt-niedostepny{display:flex;align-items:center;gap:12px;margin:0;padding:14px 16px;border:1px dashed var(--s-ramka-zn);border-radius:8px;background:var(--s-zajety);color:var(--s-tekst2);font-size:14.5px}
.hb-s-produkt .hb-s-produkt-niedostepny .hb-s-ik{width:20px;height:20px;stroke:var(--s-ostrz-ik)}
.hb-s-produkt .hb-s-produkt-niedostepny strong{font-weight:600;color:var(--s-tusz)}

/* lista informacji */
.hb-s-produkt .hb-s-produkt-lista{display:flex;flex-direction:column;margin:0;padding:4px 16px;list-style:none;border-radius:8px;background:var(--s-szalwia)}
.hb-s-produkt .hb-s-produkt-lista li{display:flex;align-items:center;gap:12px;margin:0;padding:12px 0;border-bottom:1px solid rgba(31,90,61,.14);font-size:14.5px}
.hb-s-produkt .hb-s-produkt-lista li:last-child{border-bottom:0}
.hb-s-produkt .hb-s-produkt-lista .hb-s-ik{width:20px;height:20px;stroke:var(--s-butelka)}
.hb-s-produkt .hb-s-produkt-lista strong{font-weight:600}

/* pasuje do */
.hb-s-produkt .hb-s-produkt-pasuje{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--s-ramka);border-radius:8px;background:#fff;color:var(--s-tusz)!important;text-decoration:none}
.hb-s-produkt .hb-s-produkt-pasuje:hover{border-color:var(--s-checkbox);color:var(--s-tusz)!important}
.hb-s-produkt .hb-s-produkt-pasuje img{flex:none;width:56px;height:56px;max-width:none;margin:0;border-radius:6px;object-fit:cover;background:var(--s-papier)}
.hb-s-produkt .hb-s-produkt-pasuje__tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hb-s-produkt .hb-s-produkt-pasuje__etykieta{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--s-kamien)}
.hb-s-produkt .hb-s-produkt-pasuje__nazwa{font-size:15px;font-weight:600}
.hb-s-produkt .hb-s-produkt-pasuje__opis{font-size:13.5px;color:var(--s-kamien)}
.hb-s-produkt .hb-s-produkt-pasuje>.hb-s-ik{width:18px;height:18px;stroke-width:2}

/* opis i parametry */
.hb-s-produkt .hb-s-produkt-opis-sekcja{padding:clamp(36px,4.4vw,64px) var(--s-pad-sklep);background:#fff;border-top:1px solid var(--s-ramka);border-bottom:1px solid var(--s-ramka)}
.hb-s-produkt .hb-s-produkt-opis-uklad{display:flex;flex-wrap:wrap;gap:clamp(28px,4vw,64px)}
.hb-s-produkt .hb-s-produkt-kolumna{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:14px}
.hb-s-produkt .hb-s-produkt-h2{margin:0;font-family:var(--s-wide);font-stretch:112.5%;font-weight:800;font-style:normal;font-size:clamp(26px,2.4vw,34px);line-height:1.06;letter-spacing:-.025em;text-transform:none;color:var(--s-tusz)}
.hb-s-produkt .hb-s-produkt-opis{display:flex;flex-direction:column;gap:14px;max-width:560px;color:var(--s-tekst2);text-wrap:pretty}
.hb-s-produkt .hb-s-produkt-opis>*{margin:0}
.hb-s-produkt .hb-s-produkt-parametry{display:flex;flex-direction:column;margin:0;border-top:2px solid var(--s-tusz)}
.hb-s-produkt .hb-s-produkt-parametry div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:16px;padding:11px 0;border-bottom:1px solid var(--s-ramka);font-size:14.5px}
.hb-s-produkt .hb-s-produkt-parametry dt{margin:0;font-weight:400;color:var(--s-kamien)}
.hb-s-produkt .hb-s-produkt-parametry dd{margin:0;font-weight:500}

/* często kupowane razem */
.hb-s-produkt .hb-s-produkt-razem{padding:clamp(40px,5vw,80px) var(--s-pad-sklep)}
.hb-s-produkt .hb-s-produkt-razem__glowka{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 40px;margin-bottom:clamp(18px,2.2vw,32px)}
.hb-s-produkt .hb-s-produkt-h2--razem{font-size:clamp(28px,2.8vw,40px)}
.hb-s-produkt .hb-s-produkt-dalej{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:var(--s-butelka)!important;text-decoration:none}
.hb-s-produkt .hb-s-produkt-dalej:hover{color:var(--s-butelka-h)!important}
.hb-s-produkt .hb-s-produkt-dalej .hb-s-ik{stroke-width:2}
/* ==========================================================================
   Szata 2026-10 — potwierdzenie zamówienia (ekran 5, HbConfirm.dc.html).
   Szablon: novamira-sandbox/szablony/potwierdzenie.php. Przykrywa stare reguły z redesign.css
   (nagłówki .site-main, .haisberg-odbior, .haisberg-mapa, przyciski WooCommerce z !important).
   ========================================================================== */

body.hb-s-strona-potwierdzenia .page-header{display:none}
body.hb-s-strona-potwierdzenia .site-main{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}

.hb-s-pot{color:var(--s-tusz)}
.hb-s-pot :focus-visible{outline:2px solid var(--s-butelka);outline-offset:2px}
.hb-s-pot-bilet :focus-visible{outline-color:var(--s-mosiadz-c)}

/* ---------- nagłówek ---------- */
.hb-s-pot-glowa{padding:clamp(32px,4.4vw,64px) var(--s-pad-sklep) 0}
.hb-s-pot-glowa--sama{padding-bottom:var(--s-rytm)}
.hb-s-pot-glowa__w{display:flex;flex-direction:column;gap:14px;max-width:780px}
.hb-s-pot-ok{width:56px;height:56px;border-radius:50%;background:var(--s-butelka);color:#fff;display:flex;align-items:center;justify-content:center}
.hb-s-pot-ok .hb-s-ik{width:28px;height:28px;stroke-width:2.4}
body.hb-szata .hb-s-pot h1.hb-s-pot-h1{margin:0!important;font-family:var(--s-wide)!important;font-stretch:112.5%;font-weight:800!important;font-size:clamp(32px,3.4vw,50px)!important;line-height:1.04!important;text-transform:none!important;letter-spacing:-.025em!important;color:var(--s-tusz)!important;text-wrap:balance}
.hb-s-pot-glowa .hb-s-lead{max-width:620px}
.hb-s-pot-przyciski{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.hb-s-pot-przyciski .hb-s-btn{height:48px;padding:0 18px;font-size:15px;gap:9px}
.hb-s-pot-przyciski .hb-s-ik{width:18px;height:18px;stroke-width:1.9}

/* ---------- bilet ---------- */
.hb-s-pot-sekcja-bilet{padding:clamp(24px,3vw,40px) var(--s-pad-sklep) 0}
.hb-s-pot-bilet{container-type:inline-size;display:flex;flex-wrap:wrap;border-radius:14px;background:var(--s-krem);color:var(--s-krem-tekst);overflow:hidden}
.hb-s-pot-bilet__glowna{flex:1 1 480px;min-width:0;padding:clamp(22px,3vw,44px);display:flex;flex-direction:column;gap:14px}
.hb-s-pot-bilet__et{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--s-mosiadz-c)}
/* min(): na wąskim bilecie rozmiar z szerokości biletu (100cqi minus 2 × 22 px paddingu); „16:15–16:30” w Archivo 100 %
   ma ok. 6,3 em szerokości, dzielnik 6,8 zostawia zapas */
.hb-s-pot-bilet__godz{font-family:var(--s-wide);font-stretch:100%;font-weight:800;font-size:min(clamp(44px,5.8vw,86px),calc((100cqi - 44px) / 6.8));line-height:.9;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--s-mosiadz-c);white-space:nowrap}
.hb-s-pot-bilet__data{font-family:var(--s-wide);font-stretch:87.5%;font-weight:700;font-size:clamp(22px,2.2vw,30px);line-height:1.15}
.hb-s-pot-bilet__brak{margin:0;color:var(--s-nc1)}
body.hb-szata .hb-s-pot-bilet__brak a{color:var(--s-krem-tekst);font-weight:600}

/* odcinek: perforacja po lewej (u góry po zawinięciu) i dwa wycięcia w kolorze tła strony */
.hb-s-pot-odcinek{position:relative;flex:1 1 360px;min-width:0;margin:-2px 0 0 -2px;border-left:2px dashed rgba(43,31,23,.25);border-top:2px dashed rgba(43,31,23,.25);background:var(--s-odcinek);padding:clamp(22px,3vw,44px);display:flex;flex-direction:column;gap:20px}
.hb-s-pot-odcinek::before,.hb-s-pot-odcinek::after{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background:var(--s-papier)}
.hb-s-pot-odcinek::before{left:-13px;top:-13px}
.hb-s-pot-odcinek::after{left:-13px;bottom:-12px}
/* zawinięcie, gdy 480 + 360 − 2 px nie mieści się w bilecie (nie zależy od szerokości okna) */
@container (width < 838px){
  .hb-s-pot-odcinek::before{left:-12px;top:-13px}
  .hb-s-pot-odcinek::after{left:auto;right:-12px;bottom:auto;top:-13px}
}
.hb-s-pot-odcinek__blok{display:flex;flex-direction:column;gap:3px}
.hb-s-pot-odcinek__blok+.hb-s-pot-odcinek__blok{padding-top:18px;border-top:1px solid rgba(43,31,23,.14)}
.hb-s-pot-odcinek__et{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--s-nc2)}
.hb-s-pot-odcinek__nazwa{font-weight:600;font-size:17px}
.hb-s-pot-odcinek__adres{color:var(--s-nc1)}
.hb-s-pot-odcinek a.hb-s-pot-odcinek__trasa{align-self:flex-start;display:flex;align-items:center;gap:6px;margin-top:4px;color:var(--s-mosiadz-c);font-weight:600;font-size:14.5px;text-decoration:none}
@media (max-width:768px){.hb-s-pot-odcinek a.hb-s-pot-odcinek__trasa{min-height:44px;margin-top:0}}
.hb-s-pot-odcinek a.hb-s-pot-odcinek__trasa:hover{color:var(--s-krem-tekst)}
.hb-s-pot-odcinek__trasa .hb-s-ik{width:16px;height:16px;stroke-width:1.9}
.hb-s-pot-odcinek__nr{font-family:var(--s-wide);font-stretch:87.5%;font-weight:800;font-size:36px;line-height:1.05;letter-spacing:.04em}
.hb-s-pot-odcinek__drobne{font-size:14px;color:var(--s-nc1)}
.hb-s-pot-odcinek__kwota{flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px}
.hb-s-pot-odcinek__suma{font-family:var(--s-wide);font-stretch:87.5%;font-weight:800;font-size:28px;line-height:1;white-space:nowrap}

/* wybór godziny dla zamówienia bez terminu (haisberg_potwierdzenie_wybor): dni jako <details>, siatka kwadransów jak w kroku 2 koszyka */
.hb-s-pot-wybor{display:flex;flex-direction:column;gap:12px}
.hb-s-pot-wybor p{margin:0;color:var(--s-nc1)}
.hb-s-pot-wybor p.hb-s-pot-wybor__blad{color:#8A1F17;font-weight:600}
.hb-s-pot-wybor form{display:flex;flex-direction:column;margin:0}
.hb-s-pot-dzien{border-top:1px solid rgba(43,31,23,.14)}
.hb-s-pot-dzien summary{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 0;line-height:1.3;cursor:pointer;list-style:none;font-size:16px;font-weight:600;color:var(--s-krem-tekst)}
.hb-s-pot-dzien summary::-webkit-details-marker{display:none}
.hb-s-pot-dzien summary span+span{margin-left:auto;font-size:13.5px;font-weight:500;color:var(--s-nc2);white-space:nowrap}
.hb-s-pot-dzien summary::after{content:"";flex:none;width:8px;height:8px;margin:0 4px 4px 0;border:solid var(--s-mosiadz-c);border-width:0 2px 2px 0;transform:rotate(45deg)}
.hb-s-pot-dzien[open] summary::after{margin:4px 4px 0 0;transform:rotate(-135deg)}
.hb-s-pot-siatka{display:flex;flex-direction:column;gap:8px;padding:2px 0 16px}
.hb-s-pot-wiersz{display:grid;grid-template-columns:44px repeat(4,minmax(0,1fr));gap:8px;align-items:center}
.hb-s-pot-wiersz__h{font-family:var(--s-wide);font-stretch:100%;font-weight:800;font-size:25px;line-height:1;letter-spacing:-.02em;color:var(--s-krem-tekst)}
.hb-s-pot-kw{position:relative;display:flex;align-items:center;justify-content:center;height:48px;margin:0;border:1px solid rgba(43,31,23,.22);border-radius:6px;background:var(--s-krem-pow);color:var(--s-krem-tekst);font-family:var(--s-wide);font-stretch:87.5%;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer}
.hb-s-pot-kw input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}
.hb-s-pot-kw:hover{border-color:var(--s-krem-tekst)}
.hb-s-pot-kw:has(input:checked){background:var(--s-butelka);border-color:var(--s-butelka);color:#fff;font-weight:700}
.hb-s-pot-kw:has(input:focus-visible){outline:2px solid var(--s-mosiadz-c);outline-offset:2px}
.hb-s-pot-kw.zajety,.hb-s-pot-kw.zajety:hover{border:1px dashed rgba(43,31,23,.2);background:transparent;color:var(--s-nc3);text-decoration:line-through;cursor:not-allowed}
body.hb-szata .hb-s-pot-wybor__ok[type=submit]{align-self:flex-start;height:48px;margin:4px 0 0;padding:0 18px!important;border:0!important;border-radius:6px!important;background:var(--s-mosiadz)!important;color:var(--s-piwnica)!important;font-family:var(--s-sans)!important;font-size:15px!important;font-weight:600!important;line-height:1!important;cursor:pointer}
body.hb-szata .hb-s-pot-wybor__ok[type=submit]:hover{background:var(--s-mosiadz-h)!important}

/* ---------- co dalej + podsumowanie ---------- */
.hb-s-pot-dol{display:flex;flex-wrap:wrap;gap:clamp(20px,3vw,40px);align-items:flex-start;padding:clamp(28px,3.4vw,48px) var(--s-pad-sklep) var(--s-rytm)}
.hb-s-pot-glowna{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:20px}
.hb-s-pot-bramka:empty{display:none}
/* treść wtyczek z woocommerce_thankyou (zwykle same skrypty): tylko boczne marginesy strony */
.hb-s-pot-dodatki{padding:0 var(--s-pad-sklep)}
.hb-s-pot-dodatki:has(>:not(script,style,link,noscript)){padding-bottom:var(--s-rytm)}
body.hb-szata .hb-s-pot h2.hb-s-pot-h2{margin:0;font-family:var(--s-wide);font-stretch:112.5%;font-weight:800;font-size:clamp(28px,2.8vw,40px);line-height:1.06;text-transform:none;letter-spacing:-.025em;color:var(--s-tusz)}
.hb-s-pot-kroki{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.hb-s-pot-kroki li{display:flex;gap:16px;margin:0;padding:16px 0;border-top:1px solid var(--s-linia)}
.hb-s-pot-kroki li:first-child{border-top:2px solid var(--s-tusz)}
.hb-s-pot-kroki li:last-child{border-bottom:1px solid var(--s-linia)}
.hb-s-pot-kroki__nr{width:40px;flex:none;font-family:var(--s-wide);font-stretch:100%;font-weight:800;font-size:27px;letter-spacing:-.02em;line-height:.9;color:var(--s-butelka)}
.hb-s-pot-kroki__t{display:flex;flex-direction:column;gap:2px}
.hb-s-pot-kroki__t strong{font-weight:600;font-size:17px}
.hb-s-pot-kroki__t span{font-size:14.5px;color:var(--s-kamien);text-wrap:pretty}

.hb-s-pot-uwaga{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:8px;background:var(--s-ostrz)}
.hb-s-pot-uwaga .hb-s-ik{width:22px;height:22px;margin-top:1px;stroke:var(--s-ostrz-ik)}
.hb-s-pot-uwaga p{margin:0;display:flex;flex-direction:column;gap:4px;font-size:14.5px;color:var(--s-ostrz-t)}
.hb-s-pot-uwaga strong{font-weight:600;font-size:15.5px}
.hb-s-pot-uwaga span{text-wrap:pretty}
body.hb-szata .hb-s-pot-uwaga a{color:var(--s-ostrz-t);font-weight:600}

.hb-s-pot-aside{flex:1 1 340px;max-width:474px;min-width:0;display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--s-ramka);border-radius:10px;padding:clamp(16px,2vw,26px)}
body.hb-szata .hb-s-pot h2.hb-s-pot-aside__tytul{margin:0;font-family:var(--s-wide);font-stretch:87.5%;font-weight:700;font-size:22px;line-height:1.2;text-transform:none;letter-spacing:0;color:var(--s-tusz)}
.hb-s-pot-pozycje{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.hb-s-pot-poz{display:flex;gap:12px;align-items:center;margin:0;padding:10px 0;border-bottom:1px solid var(--s-linia2)}
.hb-s-pot-poz .hb-s-pot-poz__img{width:52px;height:52px;flex:none;margin:0;border-radius:6px;object-fit:cover;background:var(--s-papier)}
.hb-s-pot-poz__opis{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;font-size:13px;color:var(--s-kamien)}
.hb-s-pot-poz__nazwa{font-size:14px;font-weight:600;line-height:1.35;color:var(--s-tusz)}
.hb-s-pot-poz__suma{font-family:var(--s-wide);font-stretch:87.5%;font-weight:700;font-size:16px;white-space:nowrap}
.hb-s-pot-razem{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.hb-s-pot-razem span{font-weight:600}
.hb-s-pot-razem b{font-family:var(--s-wide);font-stretch:87.5%;font-weight:800;font-size:26px;white-space:nowrap}
.hb-s-pot-vat{margin:0;font-size:13px;color:var(--s-kamien)}

/* mapa po kliknięciu z haisberg_punkt_html('klik'): nazwa i link trasy są już na bilecie */
.hb-s-pot-mapa>p,.hb-s-pot-mapa .haisberg-punkt>p{margin:0 0 8px;font-size:13px;color:var(--s-kamien)}
.hb-s-pot-mapa .haisberg-punkt{margin:0}
.hb-s-pot-mapa .haisberg-punkt>p:first-child,.hb-s-pot-mapa .haisberg-punkt>p:has(>.haisberg-trasa){display:none}
.hb-s-pot-mapa .haisberg-punkt .haisberg-mapa{position:relative;width:100%;max-width:none!important;aspect-ratio:auto!important;height:174px;min-height:0;box-sizing:border-box;margin:0;padding:12px!important;gap:8px!important;border-radius:6px!important;background:repeating-linear-gradient(45deg,#EAE6DC 0 10px,#E3DED2 10px 20px)!important;overflow:hidden;color:var(--s-kamien)}
.hb-s-pot-mapa .haisberg-punkt .haisberg-mapa:has(iframe){height:240px}
.hb-s-pot-mapa .haisberg-mapa::before{content:"";width:40px;height:40px;flex:none;border-radius:50%;background:var(--s-butelka) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E") center/20px no-repeat}
.hb-s-pot-mapa .haisberg-punkt .haisberg-mapa button.button{flex:none;height:38px;min-height:0;padding:0 14px!important;border:1px solid var(--s-ramka-pol)!important;border-radius:6px!important;background:#fff!important;color:var(--s-tusz)!important;font-family:var(--s-sans)!important;font-size:14px!important;font-weight:600!important;line-height:1!important;cursor:pointer}
.hb-s-pot-mapa .haisberg-punkt .haisberg-mapa button.button:hover{border-color:var(--s-tusz)!important;background:#fff!important;color:var(--s-tusz)!important}
.hb-s-pot-mapa .haisberg-mapa small{font-size:12px;color:var(--s-kamien)}
/* ==========================================================================
   Szata 2026-10 — koszyk z wyborem terminu (ekran 4) i pusty koszyk.
   Przykrywa stare reguły kasy z redesign.css (siatka form.checkout, #order_review, #payment).
   ========================================================================== */

body.hb-s-strona-kasy .page-header{display:none}
body.hb-szata.hb-s-strona-kasy .site-main{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
body.hb-s-strona-kasy .site-main .woocommerce{display:block}
body.hb-s-strona-kasy .site-main .woocommerce>.woocommerce-notices-wrapper,
body.hb-s-strona-kasy .site-main .woocommerce>.woocommerce-message,
body.hb-s-strona-kasy .site-main .woocommerce>.woocommerce-error,
body.hb-s-strona-kasy .site-main .woocommerce>.woocommerce-info,
body.hb-s-strona-kasy .woocommerce-form-coupon-toggle,
body.hb-s-strona-kasy form.checkout_coupon,
body.hb-s-strona-kasy .woocommerce-form-login-toggle,
body.hb-s-strona-kasy form.woocommerce-form-login{margin-left:var(--s-pad-sklep)!important;margin-right:var(--s-pad-sklep)!important}
body.hb-s-strona-kasy .woocommerce-notices-wrapper:not(:empty){margin-bottom:16px}

.hb-s-kasa-glowa{display:flex;flex-direction:column;gap:8px;padding:clamp(18px,2.4vw,36px) var(--s-pad-sklep) clamp(16px,2vw,28px)}
.hb-s-kasa-glowa .hb-s-okruszki{margin-bottom:6px}

/* ---------- układ: kolumna główna + podsumowanie ---------- */
body.hb-szata form.checkout.hb-s-kasa{display:flex;flex-wrap:wrap;gap:clamp(16px,2.8vw,40px);align-items:flex-start;padding:0 var(--s-pad-sklep) var(--s-rytm);margin:0;grid-template-columns:none;color:var(--s-tusz)}
body.hb-szata form.checkout.hb-s-kasa>.woocommerce-NoticeGroup{flex:1 1 100%}
body.hb-szata form.checkout.hb-s-kasa .woocommerce-NoticeGroup .woocommerce-error{margin:0}
.hb-s-kasa__glowna{flex:1 1 640px;min-width:0;display:flex;flex-direction:column;gap:clamp(14px,1.8vw,24px)}
/* content-box jak w projekcie: 340/420 px to szerokość treści (z paddingiem i ramką 474 px przy 1440); zawija się przy ok. 1087 px */
body.hb-szata form.checkout.hb-s-kasa #order_review.hb-s-kasa__aside{flex:1 1 340px;max-width:420px;min-width:0;box-sizing:content-box;display:flex;flex-direction:column;gap:18px;position:static;grid-row:auto;grid-column:auto;background:#fff;border:1px solid var(--s-ramka);border-radius:10px;padding:clamp(16px,2vw,26px)}
@media (max-width:1090px){body.hb-szata form.checkout.hb-s-kasa #order_review.hb-s-kasa__aside{max-width:none}}

.hb-s-kasa-krok{background:#fff;border:1px solid var(--s-ramka);border-radius:10px;padding:clamp(16px,2vw,28px);min-width:0}
.hb-s-kasa-krok__glowa{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.hb-s-kasa-termin .hb-s-kasa-krok__glowa{margin-bottom:0}
.hb-s-kasa-dane .hb-s-kasa-krok__glowa{margin-bottom:18px}
.hb-s-kasa-nr{width:30px;height:30px;flex:none;border-radius:50%;background:var(--s-tusz);color:var(--s-papier);display:flex;align-items:center;justify-content:center;font-family:var(--s-wide);font-weight:700;font-size:15px;line-height:1}
body.hb-szata .hb-s-kasa-krok__glowa h2,body.hb-szata .hb-s-kasa__podsumowanie{margin:0!important;font-family:var(--s-wide)!important;font-stretch:87.5%;font-weight:700!important;font-size:clamp(21px,1.8vw,25px)!important;line-height:1.1!important;text-transform:none!important;letter-spacing:0!important;color:var(--s-tusz)!important}
.hb-s-kasa-krok__ile{margin-left:auto;font-size:14px;color:var(--s-kamien)}

/* wspólne zerowanie przycisków motywu (Hello Elementor maluje button na różowo) */
body.hb-szata .hb-s-kasa button[type=button]{font-family:var(--s-sans);line-height:1.2;text-transform:none;letter-spacing:0;box-shadow:none;min-height:0;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
body.hb-szata .hb-s-kasa :focus-visible,body.hb-szata .hb-s-kasa-glowa :focus-visible,body.hb-szata .hb-s-kasa-pusty :focus-visible{outline:2px solid var(--s-butelka);outline-offset:2px}

/* ---------- krok 1: produkty ---------- */
.hb-s-kasa-poz{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--s-linia2)}
body.hb-szata .hb-s-kasa-poz__img{width:72px!important;height:72px!important;flex:none;border-radius:6px!important;object-fit:cover;background:var(--s-papier);margin:0!important;box-shadow:none!important}
.hb-s-kasa-poz__opis{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:2px}
.hb-s-kasa-poz__opis>a,.hb-s-kasa-poz__nazwa{font-weight:600;font-size:15px;line-height:1.35;color:var(--s-tusz)!important;text-decoration:none;text-wrap:pretty}
.hb-s-kasa-poz__opis>a:hover{color:var(--s-butelka)!important}
.hb-s-kasa-poz__opis>span:not(.hb-s-kasa-poz__nazwa){font-size:13.5px;color:var(--s-kamien)}
.hb-s-kasa-poz__prawa{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px 16px;margin-left:auto}
.hb-s-kasa-stepper{display:flex;align-items:center;height:44px;box-sizing:border-box;border:1px solid var(--s-ramka-pol);border-radius:6px;background:#fff}
body.hb-szata .hb-s-kasa-stepper button[type=button]{width:40px;height:100%;display:flex;align-items:center;justify-content:center;padding:0!important;margin:0;border:0!important;border-radius:6px!important;background:none!important;color:var(--s-tusz)!important;cursor:pointer}
body.hb-szata .hb-s-kasa-stepper button[type=button]:hover:not(:disabled){background:var(--s-szalwia2)!important}
body.hb-szata .hb-s-kasa-stepper button[type=button]:disabled{opacity:.35;cursor:not-allowed}
.hb-s-kasa-stepper .hb-s-ik{width:16px;height:16px;stroke-width:2}
.hb-s-kasa-stepper span{min-width:24px;text-align:center;font-family:var(--s-wide);font-stretch:87.5%;font-weight:700;font-size:17px;font-variant-numeric:tabular-nums}
.hb-s-kasa-poz__suma{min-width:82px;text-align:right;font-family:var(--s-wide);font-stretch:87.5%;font-weight:700;font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}
body.hb-szata .hb-s-kasa-poz__usun[type=button]{padding:4px 0!important;margin:0;border:0!important;background:none!important;color:var(--s-kamien)!important;font-size:13px!important;font-weight:500;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
body.hb-szata .hb-s-kasa-poz__usun[type=button]:hover{color:var(--s-blad)!important}
.hb-s-kasa-komunikat{margin:12px 0 0;font-size:13.5px;color:var(--s-blad)}
.hb-s-kasa-produkty.processing{opacity:1!important}

/* ---------- krok 2: termin odbioru — miarka dnia (projekt „Termin odbioru 1c”, 24.10.2026) ---------- */
.hb-s-kasa-termin{display:flex;flex-direction:column;gap:18px}
.hb-s-kasa-termin__glowa{display:flex;flex-direction:column;gap:8px}
body.hb-szata .hb-s-kasa-najblizszy[type=button]{margin-left:auto;display:flex;align-items:center;gap:7px;height:34px;padding:0 13px!important;border:1px solid #CFE1D5!important;border-radius:999px!important;background:var(--s-szalwia2)!important;color:var(--s-butelka)!important;font-size:12.5px!important;font-weight:600;cursor:pointer;transition:background-color .15s,border-color .15s}
body.hb-szata .hb-s-kasa-najblizszy[type=button]:hover{border-color:var(--s-butelka)!important;background:#E0ECE4!important}
.hb-s-kasa-najblizszy .hb-s-ik{width:15px;height:15px;stroke-width:2.2}
.hb-s-kasa-termin .hb-s-kasa-opis{margin:0;max-width:54ch;font-size:13.5px;line-height:1.5;color:var(--s-kamien);text-wrap:pretty}

/* pasek 7 dni: „so 24”; oglądany ciemny, kropka = w tym dniu leży wybrany termin, nieczynny kreskowany */
.hb-s-kasa-dni{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
body.hb-szata .hb-s-kasa-dzien[type=button]{position:relative;height:34px;min-width:0;padding:0 2px!important;margin:0;border:0!important;border-radius:9px!important;background:var(--s-papier)!important;color:var(--s-tusz)!important;font-size:12.5px!important;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .12s}
body.hb-szata .hb-s-kasa-dzien[type=button]:hover:not(:disabled):not(.wybrany){background:#E8E3D8!important}
body.hb-szata .hb-s-kasa-dzien.wybrany[type=button]{background:var(--s-tusz)!important;color:#fff!important;font-weight:700;cursor:default}
body.hb-szata .hb-s-kasa-dzien.zamkniety[type=button]{background:repeating-linear-gradient(135deg,var(--s-papier) 0 4px,#FBFAF7 4px 8px)!important;color:#AAA59B!important;font-weight:500;text-decoration:line-through;cursor:default}
.hb-s-kasa-dzien__kropka{display:none;position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--s-butelka)}
.hb-s-kasa-dzien.ma-termin:not(.wybrany) .hb-s-kasa-dzien__kropka{display:block}

/* dzień: tytuł, odczyt ze strzałkami, miarka, legenda, notka „Dziś…” */
.hb-s-kasa-godziny{display:flex;flex-direction:column;gap:14px}
.hb-s-kasa-godziny[hidden]{display:none}
.hb-s-kasa-dzien-tytul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px}
.hb-s-kasa-dzien-tytul span:first-child{font-weight:700;font-size:15px}
.hb-s-kasa-dzien-tytul span:last-child{font-size:12.5px;color:var(--s-kamien)}
.hb-s-kasa-odczyt{display:flex;justify-content:center;align-items:center;gap:22px;padding:6px 0 2px}
body.hb-szata .hb-s-kasa-strzalka[type=button]{flex:none;width:44px;height:44px;padding:0!important;margin:0;display:grid;place-items:center;border:1px solid var(--s-ramka-pol)!important;border-radius:50%!important;background:#fff!important;color:var(--s-tusz)!important;cursor:pointer;transition:border-color .12s}
body.hb-szata .hb-s-kasa-strzalka[type=button]:hover:not(:disabled){border-color:var(--s-tusz)!important}
body.hb-szata .hb-s-kasa-strzalka[type=button]:disabled{border-color:#ECE8DF!important;color:var(--s-ramka-pol)!important;cursor:default;opacity:1}
.hb-s-kasa-strzalka .hb-s-ik{width:18px;height:18px;stroke-width:2.4}
.hb-s-kasa-odczyt__srodek{min-width:210px;display:flex;flex-direction:column;align-items:center;gap:8px}
.hb-s-kasa-odczyt__godz{font-family:var(--s-wide);font-stretch:112%;font-weight:800;font-size:58px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#DDD7CA}
.hb-s-kasa-odczyt.on .hb-s-kasa-odczyt__godz{color:var(--s-tusz)}
.hb-s-kasa-odczyt__linia{display:flex;align-items:center;gap:6px;font-size:13px;line-height:1.35;color:var(--s-kamien);text-align:center}
.hb-s-kasa-odczyt__linia .hb-s-ik{display:none;width:14px;height:14px;stroke-width:3}
.hb-s-kasa-odczyt.on .hb-s-kasa-odczyt__linia{font-weight:600;color:var(--s-butelka)}
.hb-s-kasa-odczyt.on .hb-s-kasa-odczyt__linia .hb-s-ik{display:block}

/* miarka: słupek = 15 min na wspólnej osi (--n słupków, --h godzin); dotyk przeciąga w poziomie, przewijanie w pionie zostaje */
.hb-s-kasa-miarka{padding-top:4px;touch-action:pan-y pinch-zoom}
.hb-s-kasa-miarka__slupki{display:grid;grid-template-columns:repeat(var(--n,48),minmax(0,1fr));gap:2px;align-items:end;height:62px}
.hb-s-kasa-kw{display:block;min-width:0;height:42px;border-radius:3px}
.hb-s-kasa-kw.zajety{background:repeating-linear-gradient(135deg,#E2DBCD 0 2px,#F7F5F0 2px 5px);cursor:not-allowed}
.hb-s-kasa-kw.minelo{background:var(--s-papier)}
body.hb-szata .hb-s-kasa-kw[type=button]{height:42px;min-width:0;padding:0!important;margin:0;border:0!important;border-radius:3px!important;background:#CBBFA8!important;cursor:pointer;transition:height .12s,background-color .12s}
body.hb-szata .hb-s-kasa-kw[type=button]:hover:not(.wybrany){height:50px;background:var(--s-tusz)!important}
body.hb-szata .hb-s-kasa-kw.wybrany[type=button]{height:62px;background:var(--s-butelka)!important}
body.hb-szata .hb-s-kasa-kw[type=button]:focus-visible{outline:2px solid var(--s-butelka);outline-offset:2px}
.hb-s-kasa-miarka__podzialka{position:relative;height:30px;margin-top:6px;background-image:repeating-linear-gradient(to right,#C9C1B1 0 1px,transparent 1px calc(100% / var(--n,48)));background-size:100% 5px;background-repeat:no-repeat}
.hb-s-kasa-miarka__godziny{display:grid;grid-template-columns:repeat(var(--h,12),minmax(0,1fr))}
.hb-s-kasa-miarka__godziny span,.hb-s-kasa-miarka__koniec{position:relative;height:10px;border-left:1.5px solid var(--s-tusz)}
.hb-s-kasa-miarka__koniec{position:absolute;top:0;right:0;border-left:0;border-right:1.5px solid var(--s-tusz)}
.hb-s-kasa-miarka__podzialka b{position:absolute;top:13px;left:0;transform:translateX(-50%);font-family:var(--s-wide);font-stretch:100%;font-size:11.5px;font-weight:600;line-height:1;color:var(--s-kamien);font-variant-numeric:tabular-nums}
.hb-s-kasa-miarka__koniec b{left:auto;right:0;transform:translateX(50%)}
.hb-s-kasa-legenda{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:12px;color:var(--s-kamien)}
.hb-s-kasa-legenda span{display:flex;align-items:center;gap:6px}
.hb-s-kasa-legenda i{display:block;width:9px;height:14px;border-radius:2px}
.hb-s-kasa-legenda .l-wolny{background:#CBBFA8}
.hb-s-kasa-legenda .l-zajety{background:repeating-linear-gradient(135deg,#E2DBCD 0 2px,#F7F5F0 2px 5px)}
.hb-s-kasa-legenda .l-wybrany{background:var(--s-butelka)}
.hb-s-kasa-uwaga{display:flex;align-items:center;gap:8px;margin:0;padding-top:12px;border-top:1px solid var(--s-ramka);font-size:12.5px;color:var(--s-kamien)}
.hb-s-kasa-uwaga .hb-s-ik{width:15px;height:15px;stroke-width:2}
.hb-s-kasa-tel{margin:0;font-size:13.5px;color:var(--s-kamien);text-wrap:pretty}
.hb-s-kasa-tel a{color:var(--s-butelka)!important;font-weight:600;text-decoration:none;white-space:nowrap}
.hb-s-kasa-brak{margin:0;padding:14px 16px;border-radius:8px;background:var(--s-papier);font-size:14.5px;color:var(--s-tekst2);text-wrap:pretty}
.hb-s-kasa-blad{margin:0 0 14px;padding:12px 14px;border-radius:8px;background:#FBEAE8;color:var(--s-blad);font-size:13.5px;line-height:1.45}
.hb-s-kasa-termin .hb-s-kasa-blad{margin:0}
.hb-s-kasa-termin.processing,.hb-s-kasa-sumy.processing{opacity:1!important}
/* ogólna reguła przycisków kasy (body.hb-szata .hb-s-kasa button[type=button]) ma wyższą specyficzność — przejścia z projektu tutaj */
body.hb-szata .hb-s-kasa .hb-s-kasa-kw[type=button]{transition:height .12s,background-color .12s}
body.hb-szata .hb-s-kasa .hb-s-kasa-dzien[type=button],body.hb-szata .hb-s-kasa .hb-s-kasa-strzalka[type=button]{transition:background-color .12s,border-color .12s}
body.hb-szata .hb-s-kasa .hb-s-kasa-najblizszy[type=button]{transition:background-color .15s,border-color .15s}
/* telefon (karta węższa niż ok. 420 px): mniejszy odczyt, strzałki bliżej */
@media (max-width:520px){
  .hb-s-kasa-odczyt{gap:12px}
  .hb-s-kasa-odczyt__srodek{min-width:0}
  .hb-s-kasa-odczyt__godz{font-size:44px}
}
/* 320–380 px: „pn 26” mieści się w chipie */
@media (max-width:380px){
  .hb-s-kasa-dni{gap:2px}
  body.hb-szata .hb-s-kasa-dzien[type=button]{padding:0!important;font-size:11.5px!important}
}

/* ---------- krok 3: dane ---------- */
.hb-s-kasa-pola{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px 16px}
.hb-s-kasa-pola[hidden]{display:none}
.hb-s-kasa-pola--faktura{margin-top:12px}
body.hb-szata .hb-s-kasa .form-row.hb-s-pole{display:flex;flex-direction:column;gap:6px;width:auto;float:none;margin:0!important;padding:0!important}
.hb-s-pole--szeroko{grid-column:1/-1}
body.hb-szata .hb-s-kasa .hb-s-pole label{margin:0;font-size:13.5px;font-weight:600;line-height:1.3;color:var(--s-tekst2)}
body.hb-szata .hb-s-kasa .hb-s-pole input.input-text,body.hb-szata .hb-s-kasa .hb-s-pole textarea{width:100%;box-sizing:border-box;height:48px;padding:0 14px!important;border:1px solid var(--s-ramka-pol)!important;border-radius:6px!important;background:#fff!important;color:var(--s-tusz);font-family:var(--s-sans);font-size:16px!important;font-weight:400;line-height:1.4;box-shadow:none;outline:0;transition:border-color .15s,box-shadow .15s}
body.hb-szata .hb-s-kasa .hb-s-pole textarea{height:auto;min-height:0;padding:12px 14px!important;resize:vertical}
body.hb-szata .hb-s-kasa .hb-s-pole input.input-text::placeholder,body.hb-szata .hb-s-kasa .hb-s-pole textarea::placeholder{color:var(--s-kamien);opacity:1}
body.hb-szata .hb-s-kasa .hb-s-pole input.input-text:focus,body.hb-szata .hb-s-kasa .hb-s-pole textarea:focus{border-color:var(--s-butelka)!important;box-shadow:0 0 0 3px rgba(31,90,61,.15)!important;outline:0}
body.hb-szata .hb-s-kasa .hb-s-pole.woocommerce-invalid input.input-text{border-color:var(--s-blad)!important}
/* komunikaty przy polach (WooCommerce show_inline_errors); błąd zgody kasa.php przenosi pod przycisk zamówienia */
body.hb-szata .hb-s-kasa .checkout-inline-error-message{margin:0;font-size:13.5px;line-height:1.4;color:var(--s-blad)}
body.hb-szata .hb-s-kasa #place_order+.checkout-inline-error-message{margin-top:-4px}
body.hb-szata .hb-s-kasa .hb-s-pole input:disabled{background:var(--s-papier)!important}
#order_comments_field{margin-top:14px!important}
.hb-s-kasa-pomoc{grid-column:1/-1;margin:-4px 0 0;font-size:13px;color:var(--s-kamien)}

/* pola wyboru: faktura i akceptacja regulaminu (22 px, zaznaczone butelką z ✓) */
body.hb-szata .hb-s-kasa-faktura{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin-top:16px;padding:6px 0;font-size:15px;font-weight:400;line-height:1.55;color:var(--s-tusz);cursor:pointer}
body.hb-szata .hb-s-kasa input#hb_faktura,body.hb-szata .hb-s-kasa input#terms{appearance:none;-webkit-appearance:none;width:22px!important;height:22px!important;flex:none;margin:0!important;border:1.5px solid var(--s-checkbox);border-radius:4px;background:#fff center/15px no-repeat;cursor:pointer;vertical-align:middle}
body.hb-szata .hb-s-kasa input#hb_faktura:checked,body.hb-szata .hb-s-kasa input#terms:checked{border-color:var(--s-butelka);background-color:var(--s-butelka);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
body.hb-szata .hb-s-kasa input#hb_faktura:focus-visible,body.hb-szata .hb-s-kasa input#terms:focus-visible{outline:2px solid var(--s-butelka);outline-offset:2px}

/* ---------- podsumowanie ---------- */
.hb-s-kasa-sumy{display:flex;flex-direction:column;gap:8px;font-size:15px}
.hb-s-kasa-sumy>div{display:flex;justify-content:space-between;gap:12px}
.hb-s-kasa-sumy>div>span:first-child{color:var(--s-kamien)}
.hb-s-kasa-sumy>div>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.hb-s-kasa-sumy .hb-s-kasa-sumy__razem{align-items:baseline;margin-top:6px;padding-top:12px;border-top:2px solid var(--s-tusz)}
.hb-s-kasa-sumy .hb-s-kasa-sumy__razem span{font-weight:600;color:var(--s-tusz)}
.hb-s-kasa-sumy__razem b{font-family:var(--s-wide);font-stretch:87.5%;font-weight:800;font-size:30px;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.hb-s-kasa-sumy small{align-self:flex-end;font-size:13px;color:var(--s-kamien)}

.hb-s-kasa-info{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:8px;background:var(--s-papier)}
.hb-s-kasa-info__w{display:flex;gap:12px;align-items:flex-start}
.hb-s-kasa-info__w>.hb-s-ik{width:20px;height:20px;margin-top:2px;stroke:var(--s-butelka)}
.hb-s-kasa-info__w>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hb-s-kasa-info__et{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--s-kamien)}
.hb-s-kasa-info-termin,.hb-s-kasa-info__w-tekst{font-weight:600;font-size:15.5px;line-height:1.4}
.hb-s-kasa-info-termin.pusty{color:var(--s-blad)}
.hb-s-kasa-info__w a{font-size:14px;font-weight:600;color:var(--s-butelka)!important;text-decoration:none}
.hb-s-kasa-info__w a:hover{text-decoration:underline}
.hb-s-kasa-mapa__zaslona{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:132px;box-sizing:border-box;padding:12px;border-radius:6px;background:repeating-linear-gradient(45deg,#EAE6DC 0 10px,#E3DED2 10px 20px);text-align:center}
.hb-s-kasa-mapa__zaslona span{font-size:12px;color:var(--s-kamien)}
body.hb-szata .hb-s-kasa-mapa__pokaz[type=button]{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px!important;margin:0;border:1px solid var(--s-ramka-pol)!important;border-radius:6px!important;background:#fff!important;color:var(--s-tusz)!important;font-size:14px!important;font-weight:600;cursor:pointer}
body.hb-szata .hb-s-kasa-mapa__pokaz[type=button]:hover{border-color:var(--s-tusz)!important}
.hb-s-kasa-mapa__ramka{border-radius:6px;overflow:hidden;background:#EAE6DC}
.hb-s-kasa-mapa__ramka iframe{display:block;width:100%;height:240px;border:0}
.hb-s-kasa-trasa{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.hb-s-kasa-trasa label{margin:0;font-size:13px;font-weight:600;color:var(--s-tekst2)}
.hb-s-kasa-trasa>span:not(.hb-s-kasa-trasa__info){display:flex;gap:8px}
body.hb-szata .hb-s-kasa .hb-s-kasa-trasa input{flex:1 1 auto;min-width:0;width:auto;box-sizing:border-box;height:42px;padding:0 12px!important;border:1px solid var(--s-ramka-pol)!important;border-radius:6px!important;background:#fff!important;color:var(--s-tusz);font-family:var(--s-sans);font-size:16px!important;box-shadow:none}
body.hb-szata .hb-s-kasa .hb-s-kasa-trasa input:focus{border-color:var(--s-butelka)!important;box-shadow:0 0 0 3px rgba(31,90,61,.15)!important;outline:0}
body.hb-szata .hb-s-kasa-trasa__pokaz[type=button]{flex:none;height:42px;padding:0 14px!important;margin:0;border:0!important;border-radius:6px!important;background:var(--s-butelka)!important;color:#fff!important;font-size:14px!important;font-weight:600;cursor:pointer}
body.hb-szata .hb-s-kasa-trasa__pokaz[type=button]:hover{background:var(--s-butelka-h)!important}
.hb-s-kasa-trasa__info{font-size:12.5px;color:var(--s-kamien)}
.hb-s-kasa-trasa__info:empty{display:none}

/* płatność WooCommerce (#payment): lista bramek ukryta, gdy jest tylko „przy odbiorze” */
body.hb-szata .hb-s-kasa #payment{margin:0;padding:0;background:transparent!important;border-radius:0!important}
body.hb-szata .hb-s-kasa--odbior #payment ul.payment_methods{display:none!important}
body.hb-szata .hb-s-kasa #payment ul.payment_methods li:has(input:checked){box-shadow:inset 0 0 0 2px var(--s-butelka)}
body.hb-szata .hb-s-kasa #payment ul.payment_methods li input[type=radio]{accent-color:var(--s-butelka)}
body.hb-szata .hb-s-kasa #payment .form-row.place-order{display:flex;flex-direction:column;gap:14px;margin:0!important;padding:0!important}
body.hb-szata .hb-s-kasa #payment .woocommerce-terms-and-conditions-wrapper{margin:0}
body.hb-szata .hb-s-kasa #payment .woocommerce-terms-and-conditions-wrapper .form-row{margin:0!important;padding:0!important}
body.hb-szata .hb-s-kasa #payment .woocommerce-form__label-for-checkbox{display:flex!important;align-items:flex-start;gap:10px;margin:0;font-size:14.5px;line-height:1.45;color:var(--s-tusz);cursor:pointer}
body.hb-szata .hb-s-kasa .woocommerce-terms-and-conditions-checkbox-text{font-size:14.5px!important;color:var(--s-tusz)!important;font-weight:400!important}
body.hb-szata .hb-s-kasa .woocommerce-terms-and-conditions-checkbox-text a{color:var(--s-butelka)!important;font-weight:600}
body.hb-szata .hb-s-kasa #payment .woocommerce-form__label-for-checkbox abbr.required{display:none}
body.hb-szata .hb-s-kasa #payment .woocommerce-privacy-policy-text:empty{display:none}
body.hb-szata .hb-s-kasa #payment #place_order{float:none!important;width:100%!important;height:56px;min-height:56px;margin:0!important;padding:0 20px!important;border:0!important;border-radius:6px!important;background:var(--s-butelka)!important;color:#fff!important;font-family:var(--s-sans)!important;font-size:16.5px!important;font-weight:600!important;line-height:1.2!important;text-transform:none!important;letter-spacing:0!important}
body.hb-szata .hb-s-kasa #payment #place_order:hover{background:var(--s-butelka-h)!important}
body.hb-szata .hb-s-kasa #payment #place_order:disabled{background:var(--s-zajety)!important;color:var(--s-wyl)!important;cursor:not-allowed}
body.hb-szata .hb-s-kasa #payment .blockUI.blockOverlay{border-radius:6px}
.hb-s-kasa-bez-netu,.hb-s-kasa-prywatnosc{margin:-6px 0 0;font-size:13px;color:var(--s-kamien);text-align:center;text-wrap:pretty}
.hb-s-kasa-bez-netu+.hb-s-kasa-prywatnosc{margin-top:-14px}
.hb-s-kasa-prywatnosc a{color:var(--s-butelka)!important;font-weight:600}

/* ---------- pusty koszyk ---------- */
.hb-s-kasa-pusty{display:flex;flex-direction:column;align-items:center;gap:14px;margin:0 var(--s-pad-sklep) var(--s-rytm);padding:clamp(28px,4vw,56px) clamp(20px,3vw,40px);background:#fff;border:1px solid var(--s-ramka);border-radius:10px;text-align:center}
.hb-s-kasa-pusty__ik{width:64px;height:64px;border-radius:50%;background:var(--s-szalwia);color:var(--s-butelka);display:flex;align-items:center;justify-content:center}
.hb-s-kasa-pusty__ik .hb-s-ik{width:28px;height:28px}
body.hb-szata .hb-s-kasa-pusty h2{margin:0;font-family:var(--s-wide)!important;font-stretch:87.5%;font-weight:700!important;font-size:clamp(22px,2vw,28px)!important;line-height:1.15;text-transform:none;letter-spacing:0;color:var(--s-tusz)}
.hb-s-kasa-pusty p{margin:0;max-width:46ch;color:var(--s-kamien);text-wrap:pretty}
.hb-s-kasa-pusty .hb-s-kasa-pusty__termin{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px;color:var(--s-tusz);font-size:15px}
.hb-s-kasa-pusty__termin .hb-s-ik{stroke:var(--s-butelka)}
.hb-s-kasa-pusty .hb-s-btn{margin-top:6px}

@media (max-width:767px){
  .hb-s-kasa-poz__prawa{width:100%;justify-content:space-between}
  /* cele dotyku min. 44 px na telefonie (README, Dostępność); linki bez zmiany układu — pole trafienia z ::after */
  .hb-s-kasa-stepper{height:46px}
  body.hb-szata .hb-s-kasa-stepper button[type=button]{width:44px}
  body.hb-szata .hb-s-kasa .hb-s-kasa-poz__usun[type=button]{min-height:44px;min-width:44px;padding:0 4px!important}
  body.hb-szata .hb-s-kasa-najblizszy[type=button],body.hb-szata .hb-s-kasa-mapa__pokaz[type=button]{height:44px}
  body.hb-szata .hb-s-kasa-dzien[type=button]{height:44px} /* projekt: 34 px; na telefonie cel dotyku 44 px jak reszta kasy */
  body.hb-szata .hb-s-kasa .hb-s-kasa-najblizszy[type=button]{height:auto;min-height:44px;max-width:100%;white-space:normal;text-align:left}
  body.hb-szata .hb-s-kasa-faktura{min-height:44px}
  .hb-s-kasa-info__w a{position:relative}
  .hb-s-kasa-info__w a::after{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:44px;transform:translateY(-50%)}
}