/* ===========================================================================
 * Nagłówek 2.0 — ciemny wariant handoffu „FabrykaCmyka 2.0".
 * Desktop: .fc2hdr* · Mobile: .mhdr / .mdrawer / .mcta.
 * WSZYSTKO scope'owane (pod .fc-hdr2 na body albo pod własnymi klasami fc2- / mhdr / mdrawer / mcta),
 * żeby nie wyciekać na resztę witryny. Tokeny 1:1 z handoffem.
 * =========================================================================== */

.fc-hdr2-wrap{
  --fc2-yellow:#FFDE2C; --fc2-yellow-deep:#F5C400;
  --fc2-magenta:#C800A7; --fc2-cyan:#6EC1E4;
  --fc2-head:'Poppins',var(--fc-head,sans-serif);
  --fc2-body:'Lato',var(--fc-body,sans-serif);
  background:var(--fc2-bg,#141418);
  position:relative; z-index:60;
}
.fc-hdr2-wrap.is-sticky{position:sticky;top:0}
body.admin-bar .fc-hdr2-wrap.is-sticky{top:32px}
@media screen and (max-width:782px){body.admin-bar .fc-hdr2-wrap.is-sticky{top:0}}

/* ---- Logo CMYK ---- */
.fc2logo{display:inline-flex;align-items:center;gap:11px;color:#fff;text-decoration:none}
.fc2logo__m{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:30px;height:30px;flex:none}
.fc2logo__m i{border-radius:4px;display:block}
.fc2logo__m i:nth-child(1){background:var(--fc2-cyan)}
.fc2logo__m i:nth-child(2){background:var(--fc2-magenta)}
.fc2logo__m i:nth-child(3){background:var(--fc2-yellow)}
.fc2logo__m i:nth-child(4){background:#fff}
.fc2logo__t{font-family:var(--fc2-head);font-weight:800;font-size:20px;letter-spacing:-.4px;line-height:1;display:flex;flex-direction:column}
.fc2logo__t span:last-child{color:var(--fc2-yellow)}
/* .fc2logo w selektorze konieczne: Woo (.woocommerce-page img{height:auto}) ma 0,1,1 i bije samą klasę — logo rosło do naturalnych 200x75 na stronach sklepu */
.fc2logo .fc2logo__img{height:46px;width:auto;max-width:260px;object-fit:contain;display:block}

/* ---- Desktop header ---- */
.fc2hdr{display:flex;align-items:center;justify-content:space-between;gap:24px;height:84px;padding:0 46px;max-width:1440px;margin:0 auto;position:relative;z-index:20}
.fc2nav{display:flex;gap:4px;align-items:center}
.fc2nav__l{font-family:var(--fc2-head);font-weight:600;font-size:14.5px;color:#c4c4cc;padding:9px 14px;border-radius:8px;transition:.14s;display:inline-flex;align-items:center;gap:6px;text-decoration:none;cursor:pointer;line-height:1}
.fc2nav__l:hover{color:var(--fc2-yellow)}
.fc2nav__l.is-active{color:var(--fc2-yellow)}
.fc2chev{transition:transform .18s}
.fc2has{position:relative;display:inline-flex;align-items:center}
.fc2has:hover .fc2chev{transform:rotate(180deg)}

/* submenu */
.fc2dd{position:absolute;top:100%;left:0;padding-top:12px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;z-index:30}
.fc2has:hover .fc2dd{opacity:1;visibility:visible;transform:none}
.fc2dd--right{left:auto;right:0}
.fc2dd__box{display:flex;flex-direction:column;gap:2px;min-width:252px;background:#1c1c22;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:8px;box-shadow:0 26px 54px -20px rgba(0,0,0,.65)}
.fc2dd__box>a{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:9px;font-family:var(--fc2-head);font-weight:600;font-size:14px;color:#c4c4cc;text-decoration:none}
.fc2dd__box>a:hover{background:#26262f;color:var(--fc2-yellow)}
.fc2dd__box>a b{width:6px;height:6px;border-radius:50%;background:var(--fc2-magenta);flex:none}
.fc2dd__all{display:block;margin-top:4px;border-top:1px solid rgba(255,255,255,.08);padding-top:4px}
.fc2dd__all a{color:var(--fc2-yellow);font-weight:700;display:flex;padding:11px 13px;border-radius:9px;font-family:var(--fc2-head);font-size:14px;text-decoration:none}
.fc2dd__all a:hover{background:#26262f}

/* actions */
.fc2act{display:flex;align-items:center;gap:9px}
.fc2ico{position:relative;width:46px;height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#e8e8ea;border:1px solid rgba(255,255,255,.13);transition:.15s;background:transparent;cursor:pointer;text-decoration:none}
/* Jawny rozmiar SVG w kaflach — atrybuty width/height bywały zerowane (empirycznie lupa 0px). */
.fc2ico svg{width:20px;height:20px;flex:none}
.fc2ico:hover{background:#1c1c22;color:var(--fc2-yellow);border-color:rgba(255,255,255,.26)}
/* Badge koszyka — stylowany przez selektor kontekstu (nie klasę fc2badge), bo WC fragment
 * podmienia element .fc-hd-cart__count przy aktualizacji koszyka i zgubiłby dodatkową klasę. */
.fc2has--cart .fc-hd-cart__count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--fc2-magenta);color:#fff;font-family:var(--fc2-head);font-weight:800;font-size:10.5px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--fc2-bg,#141418)}
.fc2has--cart .fc-hd-cart__count.fc-cart-badge--empty{display:none}
.fc2cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:52px;padding:0 26px;border-radius:11px;font-family:var(--fc2-head);font-weight:700;font-size:15.5px;border:2px solid transparent;transition:.16s;white-space:nowrap;background:var(--fc2-yellow);color:#1a1600;text-decoration:none;margin-left:5px}
.fc2cta:hover{background:#fff;color:#1a1600}
.fc2cta svg{transition:transform .16s}
.fc2cta:hover svg{transform:translateX(3px)}

/* ---- Przełącznik języka (desktop) ----
 * Pigułka w prawej części paska. Prototyp miał 60px/radius 16, ale realny pasek fc2hdr = 84px
 * z kaflami .fc2ico 46px/radius 11 — pigułka skalowana do idiomu .fc2ico (46px, radius 11,
 * te same tokeny ramki), żeby była spójna w linii z lupą/koszykiem, a nie odstawała jak 60px klocek. */
.fc2lang{position:relative;display:inline-flex;align-items:center}
.fc2lang__btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 12px;border-radius:11px;background:transparent;border:1px solid rgba(255,255,255,.13);color:#e8e8ea;cursor:pointer;transition:.15s;font-family:var(--fc2-head)}
.fc2lang__btn:hover,.fc2lang.is-open .fc2lang__btn{background:#1c1c22;border-color:rgba(255,255,255,.26)}
/* .fc2lang w selektorze konieczne (jak .fc2logo wyżej): Woo (.woocommerce-page img{height:auto}) ma 0,1,1 i bije samą klasę — flaga spłaszczała się do elipsy 22x14 na stronach sklepu */
.fc2lang .fc2lang__flag{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none;display:block;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.fc2lang__code{font-weight:700;font-size:14px;letter-spacing:.5px;line-height:1;color:#fff}
.fc2lang__chev{display:inline-flex;color:#c4c4cc;transition:transform .18s}
.fc2lang__chev svg{width:12px;height:12px;flex:none}
.fc2lang.is-open .fc2lang__chev{transform:rotate(180deg)}
.fc2lang__dd{position:absolute;top:calc(100% + 10px);right:0;min-width:176px;background:#1c1c22;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:8px;display:none;flex-direction:column;gap:2px;box-shadow:0 26px 54px -20px rgba(0,0,0,.65);z-index:70}
.fc2lang.is-open .fc2lang__dd{display:flex}
.fc2lang__it{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;font-family:var(--fc2-head);font-weight:600;font-size:14px;color:#c4c4cc;text-decoration:none}
.fc2lang__it:hover{background:#26262f;color:var(--fc2-yellow)}
.fc2lang__it .fc2lang__flag{width:20px;height:20px}
.fc2lang__lbl{flex:1;min-width:0}

/* ---- Przełącznik języka (mobile) — mniejszy wariant obok ikon .micon (40px/radius 10) ---- */
.fc2lang--mobile .fc2lang__btn{height:40px;padding:0 10px;border-radius:10px;gap:6px;border-color:rgba(255,255,255,.12)}
.fc2lang--mobile .fc2lang__flag{width:20px;height:20px}
.fc2lang--mobile .fc2lang__code{font-size:13px}
.fc2lang--mobile .fc2lang__chev svg{width:11px;height:11px}
.fc2lang--mobile .fc2lang__dd{min-width:158px;border-radius:13px;top:calc(100% + 8px)}
/* Chevron na mobile pominięty w markupie? Nie — zostaje, ale mniejszy (wariant .micon nie ma kafla). */

/* ---- Mini-koszyk — celowo JASNY (żądanie właściciela) mimo dark headera 2.0 ----
 * .fc2dd__box jest globalnie ciemny (#1c1c22) → nadpisujemy tło/ramkę/cień dla wariantu .fc2mc. */
.fc2has--cart .fc2dd__box.fc2mc{min-width:340px;padding:0;background:#fff;border:1px solid #ececec;box-shadow:0 22px 48px -20px rgba(6,56,74,.28)}
.fc2mc__head{padding:14px 16px;border-bottom:1px solid #ececec;font-family:var(--fc2-head);font-weight:700;font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:#7a7a7a;display:flex;justify-content:space-between;align-items:center}
.fc2mc__head span:last-child{color:var(--fc-magenta,#C800A7)}

/* ---- Mobile header (.mhdr) ---- */
.mhdr{display:none}
@media (max-width:1080px){
  .fc2hdr{display:none}
  .fc-hdr2-wrap .mhdr{display:flex;height:56px;align-items:center;justify-content:space-between;padding:0 16px;background:var(--fc2-bg,#141418);border-bottom:1px solid rgba(255,255,255,.08)}
}
.mhdr .fc2logo__m{width:24px;height:24px;gap:2px}
.mhdr .fc2logo__t{font-size:15px;letter-spacing:-.3px}
.mhdr .fc2logo__img{height:34px;max-width:190px}
.mhdr__r{display:flex;align-items:center;gap:6px}
.micon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#e8e8ea;background:transparent;border:1px solid rgba(255,255,255,.12);position:relative;cursor:pointer;text-decoration:none}
.micon .fc-mcart__count{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--fc2-magenta);color:#fff;font-family:var(--fc2-head);font-weight:800;font-size:9.5px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--fc2-bg,#141418)}
.micon .fc-mcart__count.fc-cart-badge--empty{display:none}
/* Jawny rozmiar SVG w kaflach mobile — flex-shrink zerował szerokość (jak lupa desktop). */
.micon svg{flex:none;width:18px;height:18px}
.micon svg[width="20"]{width:20px;height:20px}

/* ===========================================================================
 * Pełnoekranowe JASNE menu mobilne 2.1 (.mnu2) — 1:1 z handoffem
 * `menu-mobilne-2.1-jasne.html`. Górny ciemny pasek z logo + X, jasny panel z sekcjami.
 * Tokeny jasnego motywu lokalne dla mnu2 (handoff), zamiast dark tokenów headera.
 * =========================================================================== */
.mnu2{
  --m-ink:#141418; --m-text:#54595F; --m-soft:#8A8F94; --m-border:#E6E9EA;
  --m-bg-soft:#F6F8F8; --m-magenta:var(--fc2-magenta);
  position:fixed;inset:0;z-index:1300;display:none;flex-direction:column;background:#fff}
.mnu2.is-open{display:flex}
.mnu2__bar{flex:none;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--fc2-bg,#141418);border-bottom:1px solid rgba(255,255,255,.08)}
.mnu2__bar .fc2logo__m{width:24px;height:24px;gap:2px}
.mnu2__bar .fc2logo__t{font-size:15px;letter-spacing:-.3px}
.mnu2__bar .fc2logo__img{height:34px;max-width:190px}
.mnu2__x{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mnu2__x svg{width:19px;height:19px;flex:none}

.mnu2__body{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff;color:var(--m-text)}
.mnu2__scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.mnu2__scroll::-webkit-scrollbar{display:none}

/* skrót: szukaj */
.mnu2__srch{display:flex;align-items:center;gap:10px;margin:14px 16px 4px;height:46px;padding:0 14px;border-radius:13px;background:var(--m-bg-soft);border:1.5px solid var(--m-border);color:#a6adb1;font-family:var(--fc2-head);font-weight:600;font-size:14px;width:calc(100% - 32px);cursor:pointer;text-align:left}
.mnu2__srch svg{color:var(--m-magenta);flex:none;width:18px;height:18px}

.mnu2__lbl{font-family:var(--fc2-head);font-weight:800;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--m-soft);padding:0 18px;margin:20px 0 6px}

/* pozycje 54px */
.mnu2__l{display:flex;align-items:center;gap:12px;min-height:54px;padding:0 18px;font-family:var(--fc2-head);font-weight:700;font-size:16.5px;color:var(--m-ink);border-bottom:1px solid var(--m-border);width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left;cursor:pointer;text-decoration:none}
.mnu2__l span{flex:1;min-width:0;display:block}
.mnu2__l small{font-family:var(--fc2-body);font-weight:400;font-size:11.5px;color:var(--m-soft);display:block;margin-top:2px}
.mnu2__l .ch{flex:none;color:#c2c8ca;transition:transform .18s;width:17px;height:17px}
.mnu2__grp.is-open .mnu2__l{color:var(--m-magenta)}
.mnu2__grp.is-open .mnu2__l .ch{transform:rotate(90deg);color:var(--m-magenta)}
.mnu2__l--link.is-active{color:var(--m-magenta)}

/* submenu jasne */
.mnu2__sub{display:none;background:var(--m-bg-soft);border-bottom:1px solid var(--m-border);padding:6px 0 10px}
.mnu2__grp.is-open .mnu2__sub{display:block}
.mnu2__sub>a{display:flex;align-items:center;gap:11px;min-height:46px;padding:0 18px 0 30px;font-size:14.5px;color:var(--m-text);text-decoration:none}
.mnu2__sub>a i{width:8px;height:8px;border-radius:50%;flex:none}
.mnu2__sub>a b{font-family:var(--fc2-head);font-weight:600;flex:1;min-width:0;color:var(--m-ink)}
.mnu2__sub>a em{font-style:normal;font-family:var(--fc2-head);font-weight:700;font-size:11.5px;color:var(--m-soft)}
.mnu2__more{display:inline-flex!important;align-items:center;gap:7px;margin:8px 18px 0 30px;font-family:var(--fc2-head);font-weight:700;font-size:12.5px;color:var(--m-magenta);min-height:auto!important;padding:0!important}
.mnu2__more svg{width:14px;height:14px;flex:none}

/* kontakt */
.mnu2__contact{margin:18px 16px 0;background:var(--m-bg-soft);border:1px solid var(--m-border);border-radius:14px;padding:15px}
.mnu2__contact b{display:block;font-family:var(--fc2-head);font-weight:800;font-size:13.5px;color:var(--m-ink);margin-bottom:9px}
.mnu2__cr{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--m-text);padding:5px 0;text-decoration:none}
.mnu2__cr svg{color:var(--m-magenta);flex:none;width:16px;height:16px}
.mnu2__hours{font-size:11.5px;color:var(--m-soft);margin-top:8px;display:flex;align-items:center;gap:7px}
.mnu2__hours i{width:7px;height:7px;border-radius:50%;background:#3FA34D;box-shadow:0 0 0 3px rgba(63,163,77,.2);flex:none}

.mnu2__legal{display:flex;flex-wrap:wrap;gap:6px 14px;padding:18px 18px 22px;font-size:11.5px;color:var(--m-soft)}
.mnu2__legal a{color:var(--m-soft);text-decoration:none}

/* dolne CTA menu 2.1 */
.mnu2__cta{flex:none;display:flex;gap:9px;padding:11px 14px calc(11px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--m-border)}
.mnu2__cta a{flex:1;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--fc2-head);font-weight:800;font-size:14.5px;text-decoration:none}
.mnu2cta__y{background:var(--m-magenta);color:#fff}
.mnu2cta__call{width:50px;flex:none;background:#fff;border:1.5px solid var(--m-ink);color:var(--m-ink)}
.mnu2cta__call svg{width:20px;height:20px}

/* menu 2.1 przykrywa dolny sticky CTA (jest pełnoekranowe) */
.fc-hdr2.fc-hdr2-drawer-open .mcta{display:none}

/* ---- Dolny sticky CTA (.mcta) ---- */
.mcta{display:none}
@media (max-width:1080px){
  .fc-hdr2 .mcta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1100;gap:9px;padding:11px 14px calc(11px + env(safe-area-inset-bottom));background:rgba(20,20,24,.96);border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px)}
}
.fc-hdr2.fc-hdr2-drawer-open .mcta{display:none}
.mcta a{flex:1;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--fc2-head);font-weight:700;font-size:14.5px;text-decoration:none}
.mcta__y{background:var(--fc2-yellow);color:#1a1600}
.mcta__call{width:48px;flex:none;background:rgba(255,255,255,.06);border:1.5px solid var(--fc2-yellow);color:var(--fc2-yellow)}

/* odsuwamy treść od dolnego CTA na mobile (żeby stopka/ostatnia sekcja nie chowała się pod paskiem) */
@media (max-width:1080px){
  body.fc-hdr2{padding-bottom:70px}
  body.fc-hdr2.fc-hdr2-drawer-open{padding-bottom:0}
}

/* ===========================================================================
 * Wyszukiwarka (.fc-search) reużyta z Menu — celowo JASNA jak oryginał z menu.css
 * (żądanie właściciela 2026-07-25) mimo dark headera 2.0. NIE dodawać tu dark
 * nadpisań .fc-hdr2 .fc-search — usunięte świadomie.
 * =========================================================================== */

/* minikoszyk body (reużyty z Menu — .fc-cart-*) — celowo JASNY (żądanie właściciela) mimo dark headera 2.0 */
.fc2mc .fc-cart-empty{color:#7a7a7a;padding:22px 16px}
.fc2mc .fc-cart-list{max-height:300px;overflow:auto}
.fc2mc .fc-cart-item{display:flex;gap:12px;padding:13px 16px;border-bottom:1px solid #f1f1f3;align-items:center}
.fc2mc .fc-cart-thumb{width:46px;height:46px;border-radius:8px;flex:none;background:#f7f8f8;border:1px solid #ececec;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#b9b9c0}
.fc2mc .fc-cart-thumb__img{width:100%;height:100%;object-fit:cover}
.fc2mc .fc-cart-item__mid{flex:1;min-width:0}
.fc2mc .fc-cart-item__name{font-family:var(--fc2-head);font-weight:700;font-size:13.5px;color:#2b2b2b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc2mc .fc-cart-item__meta,.fc2mc .fc-cart-item__qty{font-size:12px;color:#7a7a7a;margin-top:2px}
.fc2mc .fc-cart-item__line{font-family:var(--fc2-head);font-weight:800;font-size:13.5px;color:var(--fc-magenta,#C800A7);white-space:nowrap}
.fc2mc .fc-cart-item__rm{background:none;border:0;color:#9a9aa2;cursor:pointer;flex:none;padding:4px;border-radius:6px}
.fc2mc .fc-cart-item__rm:hover{color:#2b2b2b;background:#f2f3f5}
.fc2mc .fc-cart-foot{padding:15px 16px}
.fc2mc .fc-cart-foot__sum{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--fc2-head);font-weight:700;color:#2b2b2b;font-size:14px;margin-bottom:12px}
.fc2mc .fc-cart-foot__sum b{font-size:18px;color:var(--fc-magenta,#C800A7)}
.fc2mc .fc-cart-foot__cta{display:flex;gap:8px}
.fc2mc .fc-cart-foot__cta .fc-cta{flex:1;text-align:center;height:44px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-family:var(--fc2-head);font-weight:700;font-size:13px;text-decoration:none}
.fc2mc .fc-cta--ghost{border:1.5px solid #dcdce2;color:#54595F;background:transparent}
.fc2mc .fc-cta--ghost:hover{border-color:var(--fc-magenta,#C800A7);color:var(--fc-magenta,#C800A7)}
.fc2mc .fc-cta--mag{background:var(--fc-magenta,#C800A7);color:#fff}
.fc2mc .fc-cta--mag:hover{background:#a90b8f;color:#fff}

@media (max-width:1080px){ .fc2mc .fc-cart-list{max-height:60vh} }

/* ===========================================================================
 * Bottom-sheet mini-koszyka (mobile, nagłówek 2.0) — 1:1 z handoffem
 * `mini-koszyk-mobile-jasny.html`. Otwierany klikiem w ikonę koszyka na .mhdr (≤1080px).
 * Reużywa AJAX Menu (fc_cart_qty / fc_cart_remove) + fragmenty WC (.fc2sheet__body/__badge).
 * =========================================================================== */
.fc2sheet{
  --s-ink:#141418; --s-text:#54595F; --s-soft:#8A8F94; --s-border:#E6E9EA;
  --s-bg-soft:#F6F8F8; --s-magenta:var(--fc2-magenta);
  position:fixed;inset:0;z-index:1250;display:none}
.fc2sheet.is-open{display:block}
.fc2sheet__ov{position:absolute;inset:0;background:rgba(12,16,18,.45)}
.fc2sheet__p{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -12px 40px rgba(12,16,18,.24);display:flex;flex-direction:column;max-height:calc(100% - 22px)}
.fc2sheet__grab{width:44px;height:4px;border-radius:99px;background:#dfe4e5;margin:9px auto 0;flex:none}
.fc2sheet__hd{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px}
.fc2sheet__hd h2{font-family:var(--fc2-head);font-weight:800;font-size:17px;color:var(--s-ink);display:flex;align-items:center;gap:8px;margin:0}
.fc2sheet__badge{font-family:var(--fc2-head);font-weight:800;font-size:11px;color:#fff;background:var(--s-magenta);border-radius:999px;padding:3px 8px;line-height:1}
.fc2sheet__badge.fc-cart-badge--empty{display:inline-flex}
.fc2sheet__x{width:34px;height:34px;flex:none;border-radius:10px;border:1px solid var(--s-border);background:#fff;color:var(--s-text);display:flex;align-items:center;justify-content:center;cursor:pointer}
.fc2sheet__x svg{width:17px;height:17px}

.fc2sheet__body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.fc2sheet.is-busy .fc2sheet__body{opacity:.6;pointer-events:none}
.fc2sheet__empty{padding:26px 16px;color:var(--s-soft);text-align:center}
.fc2sheet__items{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.fc2sheet__items::-webkit-scrollbar{display:none}

/* pozycja */
.fc2it{display:flex;gap:12px;padding:14px 16px;border-top:1px solid var(--s-border)}
.fc2it__th{width:60px;height:60px;flex:none;border-radius:11px;background:var(--s-bg-soft);border:1px solid var(--s-border);display:flex;align-items:center;justify-content:center;color:#b3babd;overflow:hidden}
.fc2it__thimg{width:100%;height:100%;object-fit:cover}
.fc2it__ph{width:24px;height:24px}
.fc2it__c{flex:1;min-width:0}
.fc2it__t{display:flex;align-items:flex-start;gap:10px}
.fc2it__t b{flex:1;min-width:0;font-family:var(--fc2-head);font-weight:700;font-size:14.5px;color:var(--s-ink);line-height:1.25}
.fc2it__p{flex:none;font-family:var(--fc2-head);font-weight:800;font-size:14px;color:var(--s-ink)}
.fc2it__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.fc2it__meta span{font-family:var(--fc2-head);font-weight:600;font-size:11px;color:var(--s-text);background:var(--s-bg-soft);border:1px solid var(--s-border);border-radius:6px;padding:3px 7px}
.fc2it__row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.fc2qty{display:flex;align-items:center;border:1px solid var(--s-border);border-radius:10px;overflow:hidden}
.fc2qty button{width:34px;height:34px;border:0;background:#fff;color:var(--s-ink);font-family:var(--fc2-head);font-weight:700;font-size:16px;line-height:1;cursor:pointer}
.fc2qty b{min-width:38px;text-align:center;font-family:var(--fc2-head);font-weight:700;font-size:14px;color:var(--s-ink);border-left:1px solid var(--s-border);border-right:1px solid var(--s-border);line-height:34px}
.fc2it__del{background:none;border:0;font-family:var(--fc2-head);font-weight:700;font-size:12px;color:var(--s-soft);display:inline-flex;align-items:center;gap:6px;padding:6px 2px;cursor:pointer}
.fc2it__del svg{width:13px;height:13px}
.fc2it__del:active{color:#b0173a}

/* podsumowanie + CTA */
.fc2sheet__ft{flex:none;border-top:1px solid var(--s-border);padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:#fff}
.fc2sum{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--s-text);margin-bottom:6px}
.fc2sum--tot{margin:8px 0 12px;padding-top:10px;border-top:1px dashed var(--s-border)}
.fc2sum--tot span{font-family:var(--fc2-head);font-weight:700;font-size:14px;color:var(--s-ink)}
.fc2sum--tot b{font-family:var(--fc2-head);font-weight:800;font-size:21px;color:var(--s-magenta);letter-spacing:-.4px}
.fc2sheet__cta{display:flex;flex-direction:column;gap:9px}
.fc2sheet__cta a{height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--fc2-head);font-weight:800;font-size:15px;text-decoration:none}
.fc2cta__mag{background:var(--s-magenta);color:#fff}
.fc2cta__gh{border:1.5px solid var(--s-ink);color:var(--s-ink);font-weight:700}

/* bottom-sheet tylko na mobile (≤1080 = próg dark headera) */
@media (min-width:1081px){ .fc2sheet{display:none!important} }

/* ---- Feedback wciśnięcia (życzenie klienta): każdy pressowalny element flashuje #FFDE2C,
   żeby było widać, że klik zadziałał. !important konieczny — Astra/Woo malują :active po swojemu. */
body.fc-hdr2 button:active:not(:disabled),
body.fc-hdr2 input[type="submit"]:active:not(:disabled),
body.fc-hdr2 input[type="button"]:active:not(:disabled),
body.fc-hdr2 [role="button"]:active,
body.fc-hdr2 a.button:active,
body.fc-hdr2 .fcp-btn:active,
body.fc-hdr2 .fcs-btn:active,
body.fc-hdr2 .fc2ico:active,
body.fc-hdr2 .micon:active{
  background:#FFDE2C!important;
  border-color:#FFDE2C!important;
  color:#141414!important;
  transition:none!important;
}