/* =========================================================
   KRAUZ – motyw BETA v3 (2026-10)
   v1 (pomarańcz wiodący, granat, gęstość Allegro) + v2 (powietrze, typografia, promienie Apple)
   Produkty: zawsze na jednolitym jasnym polu, spójny kadr (Amazon/Kaufland).
   ========================================================= */
:root{
  --ink:#141414; --text:#3c3c43; --muted:#76767e; --line:#e7e7ec; --line2:#d9d9e0;
  --bg:#f4f4f6; --card:#fff; --photo:#f6f6f8;
  --orange:#f05000; --orange-h:#d64700; --orange-t:#fff2eb; --orange-s:#ffe2d1;
  --navy:#0b2a6f; --navy-h:#082057; --navy-t:#eaf0fa;
  --sand:#f5efe6; --mist:#eef2f6; --green:#118a4e;
  --r-xs:8px; --r-sm:12px; --r:16px; --r-lg:24px; --pill:999px;
  --sh-1:0 1px 2px rgba(20,20,20,.04),0 2px 8px rgba(20,20,20,.04);
  --sh-2:0 10px 30px rgba(20,20,20,.08);
  --sh-3:0 24px 60px rgba(20,20,20,.16);
  --font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}
body.krauz-beta{font-family:var(--font);color:var(--ink);background:#fff;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;padding-bottom:32px}
.krauz-beta h1,.krauz-beta h2,.krauz-beta h3,.krauz-beta h4,.krauz-beta button,.krauz-beta input,.krauz-beta .btn{font-family:var(--font)}
.krauz-beta h1,.krauz-beta h2,.krauz-beta h3{letter-spacing:-.025em;font-weight:800;color:var(--ink)}
.krauz-beta a{text-decoration:none;color:inherit}
.kb-i{width:22px;height:22px;display:inline-block;vertical-align:middle;fill:currentColor;flex:0 0 auto}
.kb-i--chev{width:16px;height:16px;transition:transform .25s var(--ease)}
#krauz-beta-bar{position:fixed;left:0;right:0;bottom:0;z-index:99999;background:rgba(20,20,20,.92);backdrop-filter:blur(10px);color:#fff;font:12px/1 var(--font);padding:9px 12px;text-align:center}
#krauz-beta-bar a{color:#ffb38a;text-decoration:underline}
.kb-alert{color:#fff;padding:10px 0;font-weight:600;text-align:center}

/* ---------- przyciski / linki ---------- */
.kb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 26px;border-radius:var(--pill);font-weight:700;font-size:15px;border:0;cursor:pointer;transition:background .2s var(--ease),transform .15s var(--ease),box-shadow .2s;white-space:nowrap;line-height:1}
.kb-btn:active{transform:scale(.97)}
.kb-btn--primary{background:var(--orange);color:#fff;box-shadow:0 8px 20px rgba(240,80,0,.28)}
.kb-btn--primary:hover{background:var(--orange-h);color:#fff}
.kb-link{display:inline-flex;align-items:center;gap:2px;color:var(--orange);font-weight:700;font-size:14px;white-space:nowrap}
.kb-link .kb-i{width:16px;height:16px;transition:transform .2s var(--ease)}
.kb-link:hover{color:var(--orange-h)}
.kb-link:hover .kb-i{transform:translateX(3px)}

/* ---------- TOPBAR ---------- */
.kb-top{background:var(--navy);color:#fff;font-size:13px}
.kb-top__in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:36px}
.kb-top__promo{margin:0;color:rgba(255,255,255,.85)}
.kb-top__promo b{color:#fff}
.kb-top__promo a{color:#ffb38a;font-weight:700}
.kb-top__links{display:flex;gap:22px}
.kb-top__links a{color:rgba(255,255,255,.8)}
.kb-top__links a:hover{color:#fff}
@media (max-width:991px){.kb-top__links{display:none}.kb-top__in{justify-content:center;min-height:32px;font-size:12px}}

/* ---------- HEADER ---------- */
.kb-header{position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--line);padding:0;margin:0;transition:box-shadow .2s}
.kb-header.is-stuck{box-shadow:0 6px 24px rgba(20,20,20,.06)}
.kb-header__in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:36px;min-height:80px}
.kb-burger{display:none;border:0;background:transparent;padding:8px;margin-left:-8px;color:var(--ink);border-radius:var(--r-xs)}
.kb-burger .kb-i{width:26px;height:26px}
.kb-logo{display:block;line-height:0}
.kb-logo img{width:156px;height:auto;max-width:100%}
.kb-search{min-width:0}
.kb-header .main-search{display:block;width:100%;max-width:720px;margin:0 auto;position:relative}
.kb-header .main-search .inner{display:flex;align-items:center;gap:10px;height:50px;padding:0 5px 0 16px;background:var(--bg);border:1.5px solid transparent;border-radius:var(--pill);transition:background .2s,border-color .2s,box-shadow .2s}
.kb-header .main-search .inner:focus-within{background:#fff;border-color:var(--orange);box-shadow:0 0 0 4px rgba(240,80,0,.12)}
.kb-search__ico{color:var(--muted);width:19px;height:19px}
.kb-header .main-search .inner #search-keyword{flex:1;min-width:0;border:0;outline:0;box-shadow:none;background:transparent;font-size:15px;height:46px;padding:0;color:var(--ink);font-family:var(--font)}
.kb-header .main-search .inner #search-keyword::placeholder{color:var(--muted)}
.kb-header .main-search .inner #search-keyword::-webkit-search-cancel-button{-webkit-appearance:none}
.kb-header .main-search .start-search{height:40px;padding:0 22px;border:0;border-radius:var(--pill);background:var(--orange);color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:background .2s}
.kb-header .main-search .start-search:hover{background:var(--orange-h)}
.kb-header .main-search .dynamic-search-results{top:58px;left:0;right:0;width:auto;border-radius:var(--r);box-shadow:var(--sh-3);border:0;padding:10px;overflow:hidden;background:#fff}
.kb-header .main-search .dynamic-search-results .search-output{max-height:60vh;overflow:auto;border-radius:0}
.kb-header .main-search .search-output a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--r-sm);color:var(--ink);font-weight:500;font-size:14px}
.kb-header .main-search .search-output a:hover{background:var(--bg)}
.kb-header .main-search .search-output a img{width:48px;height:48px;object-fit:contain;border-radius:10px;background:var(--photo);mix-blend-mode:multiply;padding:3px}
.kb-header .main-search .search-output a p{margin:0}
.kb-header .main-search .search-output a:last-child{justify-content:center;color:var(--orange);font-weight:700;margin-top:4px;border-top:1px solid var(--line);border-radius:0}
.kb-header .main-search .search-match{color:var(--orange)}
.kb-header .main-search .search-info{padding:10px 12px;color:var(--muted);font-size:13px}
.kb-actions{display:flex;align-items:center;gap:2px;margin:0;padding:0}
.kb-action,.kb-action__link{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:66px;padding:7px 8px;border-radius:var(--r-sm);color:var(--ink);background:transparent;border:0;font-size:11.5px;font-weight:600;line-height:1;transition:background .2s;position:relative;cursor:pointer}
.kb-action:hover,.kb-action__link:hover{background:var(--bg);color:var(--ink)}
.kb-action .kb-i,.kb-action__link .kb-i{width:24px;height:24px}
.kb-action--points .kb-i{color:var(--orange)}
.kb-action__link::after{display:none!important}
.kb-action.dropdown{padding:0;min-width:0}
.kb-dropdown{border:0;border-radius:var(--r);box-shadow:var(--sh-3);padding:8px;min-width:230px;margin-top:10px!important}
.kb-dropdown .dropdown-item{border-radius:var(--r-xs);padding:10px 12px;font-size:14px;color:var(--ink)}
.kb-dropdown .dropdown-item:hover{background:var(--bg);color:var(--ink)}
.kb-dropdown .kb-dropdown__cta{background:var(--orange);color:#fff;font-weight:700;text-align:center;margin-bottom:4px;border-radius:var(--pill)}
.kb-dropdown .kb-dropdown__cta:hover{background:var(--orange-h);color:#fff}
.krauz-beta .btn-cart.kb-cart{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:66px;padding:7px 8px;font-size:11.5px;font-weight:600;line-height:1;border-radius:var(--r-sm)}
.krauz-beta .btn-cart.kb-cart:hover{background:var(--bg)}
.krauz-beta .btn-cart.kb-cart .kb-action__ico{position:relative;display:inline-flex}
.krauz-beta .btn-cart.kb-cart .kb-action__ico .kb-i{width:24px;height:24px}
.krauz-beta .btn-cart.kb-cart .kb-action__txt{display:flex;flex-direction:column;align-items:center;white-space:nowrap}
.krauz-beta .btn-cart.kb-cart .kb-action__txt small{font-size:11.5px;font-weight:600;color:var(--ink)}
.krauz-beta .btn-cart.kb-cart .kb-action__txt b{display:none}
.krauz-beta .btn-cart .cart-counter.kb-cart__badge{position:absolute;top:-7px;right:-11px;min-width:19px;height:19px;padding:0 5px;background:var(--orange);color:#fff;border-radius:var(--pill);font-size:11px;font-weight:800;line-height:19px;text-align:center;display:block;box-shadow:0 0 0 2px #fff}
.krauz-beta .btn-cart .cart-counter.kb-cart__badge.is-empty{display:none}
.krauz-beta .cart-right{width:400px;right:-400px;padding:0;box-shadow:var(--sh-3);display:flex;flex-direction:column;z-index:1100;border-radius:var(--r-lg) 0 0 var(--r-lg)}
.krauz-beta .cart-right .kb-cart__head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 12px}
.krauz-beta .cart-right h3{font-size:22px;margin:0}
.krauz-beta .kb-cart__close{border:0;background:var(--bg);width:38px;height:38px;border-radius:var(--pill);font-size:22px;line-height:1;cursor:pointer;color:var(--ink)}
.krauz-beta .cart-right .product-mini-cart{padding:6px 24px;overflow:auto;flex:1}
.krauz-beta .cart-right .product-mini-cart .product{gap:14px;margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
.krauz-beta .cart-right .product-mini-cart .img-thumbnail{width:68px;min-width:68px;height:68px;object-fit:contain;border-radius:var(--r-sm);border:0;background:var(--photo);padding:6px;mix-blend-mode:multiply}
.krauz-beta .cart-right .product-mini-cart p{margin:0;font-size:13px;line-height:1.35}
.krauz-beta .cart-right .product-mini-cart .product-name{display:block;color:var(--ink);font-weight:600;margin-bottom:4px}
.krauz-beta .cart-right .cart-totals{position:static;width:auto;padding:12px 24px 24px;background:#fff;border-top:1px solid var(--line)}
.krauz-beta .cart-right .cart-totals .table{font-size:13px;margin-bottom:12px}
.krauz-beta .cart-right .to-cart{border-radius:var(--pill);font-weight:700;padding:14px 16px;background:var(--orange);box-shadow:0 8px 20px rgba(240,80,0,.28)}
.krauz-beta .cart-right .to-cart:hover{background:var(--orange-h)}
.krauz-beta .cart-right .alert{margin:20px 24px;border-radius:var(--r-sm)}
@media (max-width:991px){
  .kb-header__in{grid-template-columns:auto 1fr auto;gap:6px;min-height:60px;padding-top:6px;padding-bottom:10px;row-gap:8px}
  .kb-burger{display:inline-flex}
  .kb-logo img{width:118px}
  .kb-search{grid-column:1 / -1}
  .kb-header .main-search{max-width:none}
  .kb-header .main-search .inner{height:46px}
  .kb-header .main-search .start-search{height:36px;padding:0 16px}
  .kb-action span,.krauz-beta .btn-cart.kb-cart .kb-action__txt{display:none}
  .kb-action,.kb-action__link,.krauz-beta .btn-cart.kb-cart{min-width:0;padding:8px}
  .kb-action--points{display:none}
  .krauz-beta .cart-right{width:92vw;right:-92vw}
}

/* ---------- NAV + MEGA ---------- */
.kb-nav{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:1020}
.kb-nav__in{display:flex;align-items:center;gap:28px;min-height:52px}
.kb-menu{display:flex;align-items:center;gap:26px;flex:1;min-width:0;position:static}
.kb-menu__toggle{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 18px 0 14px;border:0;border-radius:var(--pill);background:var(--navy);color:#fff;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap;transition:background .2s}
.kb-menu__toggle .kb-i{width:18px;height:18px}
.kb-menu__toggle:hover,.kb-menu__toggle[aria-expanded="true"]{background:var(--navy-h)}
.kb-quick{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0;overflow:hidden;min-width:0}
.kb-quick li{flex:0 0 auto}
.kb-quick a{position:relative;display:inline-block;padding:14px 0;font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;transition:color .2s}
.kb-quick a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--orange);transform:scaleX(0);transition:transform .25s var(--ease)}
.kb-quick a:hover{color:var(--ink)}
.kb-quick a:hover::after{transform:scaleX(1)}
.kb-quick a.is-sale{color:var(--orange);font-weight:700}
.kb-nav__info{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-size:13px;color:var(--text);white-space:nowrap}
.kb-nav__info .kb-i{width:15px;height:15px;color:var(--orange)}
.kb-nav__info span{font-weight:700;color:var(--ink)}
.kb-nav__info small{font-size:12px;color:var(--muted)}
.kb-mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);box-shadow:0 40px 80px rgba(20,20,20,.14);z-index:1050;animation:kbFade .2s var(--ease)}
@keyframes kbFade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.kb-mega[hidden]{display:none}
.kb-mega__in{display:grid;grid-template-columns:290px minmax(0,1fr);gap:0 40px;padding-top:20px;padding-bottom:28px}
.kb-mega__list{list-style:none;margin:0;padding:0 14px 0 0;max-height:min(68vh,620px);overflow:auto;border-right:1px solid var(--line)}
.kb-mega__item a{display:block;padding:9px 14px;border-radius:var(--r-sm);color:var(--text);font-size:14.5px;font-weight:600;line-height:1.3;transition:background .15s,color .15s}
.kb-mega__item:hover a,.kb-mega__item.is-active a{background:var(--orange-t);color:var(--orange)}
.kb-mega__panels{max-height:min(68vh,620px);overflow:auto;padding-right:6px}
.kb-mega__panel{display:none}
.kb-mega__panel.is-active{display:block}
.kb-mega__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}
.kb-mega__head h3{margin:0;font-size:24px}
.kb-mega__tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.kb-mega__tiles a{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:var(--r-sm);background:var(--bg);font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.3;min-height:64px;transition:background .2s,box-shadow .2s,transform .2s}
.kb-mega__tiles a:hover{background:#fff;box-shadow:var(--sh-2);transform:translateY(-1px)}
.kb-mega__thumb{flex:0 0 48px;width:48px;height:48px;border-radius:10px;background:#fff;overflow:hidden;display:inline-flex}
.kb-mega__thumb img{width:100%;height:100%;object-fit:cover}
.kb-mega__cover img{width:300px;height:225px;object-fit:cover;border-radius:var(--r)}
@media (max-width:991px){.kb-nav{display:none}}

/* ---------- DRAWER ---------- */
.kb-drawer{position:fixed;inset:0;z-index:1200}
.kb-drawer[hidden]{display:none}
.kb-drawer__backdrop{position:absolute;inset:0;background:rgba(10,15,30,.45);backdrop-filter:blur(2px)}
.kb-drawer__panel{position:absolute;top:0;left:0;bottom:0;width:min(380px,90vw);background:#fff;overflow:auto;display:flex;flex-direction:column;animation:kbSlideIn .28s var(--ease);border-radius:0 var(--r-lg) var(--r-lg) 0}
@keyframes kbSlideIn{from{transform:translateX(-100%)}to{transform:none}}
.kb-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:17px}
.kb-drawer__close{border:0;background:var(--bg);width:38px;height:38px;border-radius:var(--pill);display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}
.kb-drawer__quick{list-style:none;margin:0;padding:4px 20px 16px;display:flex;flex-wrap:wrap;gap:8px}
.kb-drawer__quick a{display:inline-block;padding:8px 14px;border-radius:var(--pill);background:var(--bg);font-size:13px;font-weight:600;color:var(--ink)}
.kb-drawer__quick a.is-sale{background:var(--orange-t);color:var(--orange)}
.kb-drawer__title{padding:14px 20px 6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;border-top:1px solid var(--line)}
.kb-drawer__cats{list-style:none;margin:0;padding:0 12px}
.kb-drawer__cat{display:flex;width:100%;align-items:center;justify-content:space-between;padding:12px;border:0;background:transparent;border-radius:var(--r-sm);font-size:15px;font-weight:600;color:var(--ink);text-align:left}
.kb-drawer__cat[aria-expanded="true"]{color:var(--orange)}
.kb-drawer__cat[aria-expanded="true"] .kb-i--chev{transform:rotate(180deg)}
.kb-drawer__sub{list-style:none;margin:0 0 8px;padding:0 0 0 12px}
.kb-drawer__sub[hidden]{display:none}
.kb-drawer__sub a{display:block;padding:9px 12px;font-size:14px;color:var(--text);border-radius:var(--r-xs)}
.kb-drawer__sub a.is-all{color:var(--orange);font-weight:700}
.kb-drawer__foot{margin-top:auto;padding:12px 20px 28px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.kb-drawer__foot a{padding:8px 0;font-size:14px;color:var(--text)}
body.kb-no-scroll{overflow:hidden}

/* =========================================================
   STRONA GŁÓWNA
   ========================================================= */
/* ---------- HERO: spotlight kategorii + ranking ---------- */
.hx{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;margin:24px 0 20px}
.hx-main{position:relative;border-radius:var(--r-lg);overflow:hidden;min-width:0}
.hx-slide{--bg:var(--navy);--fg:#fff;--fg2:rgba(255,255,255,.74);--eb:#ffb38a;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:center;min-height:470px;padding:48px 40px 72px 52px;background:var(--bg);color:var(--fg);position:relative;overflow:hidden}
.hx-slide::before{content:"";position:absolute;width:560px;height:560px;right:-120px;top:-160px;border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none}
.hx-slide--orange{--bg:var(--orange);--fg:#fff;--fg2:rgba(255,255,255,.86);--eb:#fff}
.hx-slide--orange::before{background:rgba(255,255,255,.1)}
.hx-slide--sand{--bg:var(--sand);--fg:var(--ink);--fg2:var(--text);--eb:var(--orange)}
.hx-slide--sand::before{background:rgba(240,80,0,.06)}
.hx-slide--mist{--bg:var(--mist);--fg:var(--ink);--fg2:var(--text);--eb:var(--navy)}
.hx-slide--mist::before{background:rgba(11,42,111,.05)}
.hx-copy{position:relative;z-index:1}
.hx-eyebrow{display:inline-block;margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--eb)}
.hx-copy h2{margin:0 0 14px;font-size:clamp(30px,3.4vw,48px);line-height:1.02;letter-spacing:-.035em;color:var(--fg)}
.hx-text{margin:0 0 28px;font-size:16px;line-height:1.55;color:var(--fg2);max-width:380px}
.hx-slide--orange .kb-btn--primary{background:#fff;color:var(--bg);box-shadow:0 10px 24px rgba(0,0,0,.14)}
.hx-slide--orange .kb-btn--primary:hover{background:var(--ink);color:#fff}
.hx-grid{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hx-mini{position:relative;display:flex;flex-direction:column;height:auto;padding:12px 12px 14px;background:#fff;border-radius:var(--r);box-shadow:0 10px 30px rgba(0,0,0,.12);color:var(--ink);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.hx-mini:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.18);color:var(--ink)}
.hx-mini__img{display:block;width:100%;height:auto;aspect-ratio:4/3;border-radius:var(--r-sm);background:var(--photo);overflow:hidden;margin-bottom:10px}
.hx-mini__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:6px;transition:transform .4s var(--ease)}
.hx-mini:hover .hx-mini__img img{transform:scale(1.06)}
.hx-mini__badge{position:absolute;top:18px;left:18px;padding:3px 8px;border-radius:6px;background:var(--orange);color:#fff;font-size:11px;font-weight:800}
.hx-mini__badge--best{background:var(--ink)}
.hx-mini__name{font-size:12.5px;font-weight:600;line-height:1.3;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.hx-mini__price{margin-top:auto;padding-top:6px;font-size:16px;font-weight:800;letter-spacing:-.01em}
.hx-nav{position:absolute;left:52px;right:24px;bottom:22px;z-index:5;display:flex;align-items:center;gap:8px}
.hx-dots{position:static!important;width:auto!important;margin-right:auto;display:flex;gap:6px}
.hx-dots .swiper-pagination-bullet{width:8px;height:8px;margin:0!important;background:currentColor;opacity:.3;transition:width .25s var(--ease),opacity .25s}
.hx-dots .swiper-pagination-bullet-active{width:24px;border-radius:var(--pill);opacity:1}
.hx-main{color:#fff}
.hx-main.is-light{color:var(--ink)}
.hx-arrow{width:40px;height:40px;border-radius:var(--pill);border:0;background:rgba(255,255,255,.18);color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}
.hx-main.is-light .hx-arrow{background:rgba(20,20,20,.08)}
.hx-arrow:hover{background:rgba(255,255,255,.32)}
.hx-main.is-light .hx-arrow:hover{background:rgba(20,20,20,.16)}
/* ranking */
.hx-side{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 20px 14px;display:flex;flex-direction:column;min-width:0}
.hx-side__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 4px 10px}
.hx-side__head h2{margin:0;font-size:18px}
.hx-side__head span{font-size:12px;color:var(--muted);white-space:nowrap}
.hx-rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;flex:1}
.hx-rank li+li{border-top:1px solid var(--line)}
.hx-rank a{display:flex;align-items:center;gap:12px;padding:10px 4px;color:var(--ink);border-radius:var(--r-sm);transition:background .2s}
.hx-rank a:hover{background:var(--bg)}
.hx-rank__no{flex:0 0 22px;font-size:20px;font-weight:800;color:var(--line2);text-align:center;letter-spacing:-.04em}
.hx-rank li:first-child .hx-rank__no{color:var(--orange)}
.hx-rank__img{flex:0 0 64px;width:64px;height:64px;border-radius:var(--r-sm);background:var(--photo);overflow:hidden}
.hx-rank__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:4px}
.hx-rank__txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.hx-rank__name{font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hx-rank__meta{font-size:12px;color:var(--muted)}
.hx-rank__meta b{color:var(--ink);font-size:14px;font-weight:800}
@media (max-width:1199px){
  .hx{grid-template-columns:1fr}
  .hx-side{display:none}
}
@media (max-width:767px){
  .hx{margin:12px 0 14px}
  .hx-main{border-radius:var(--r)}
  .hx-slide{grid-template-columns:1fr;gap:18px;min-height:0;padding:26px 20px 64px}
  .hx-copy h2{font-size:30px}
  .hx-text{font-size:14px;margin-bottom:18px}
  .hx-cta .kb-btn{height:44px;padding:0 20px;font-size:14px}
  .hx-grid{grid-template-columns:repeat(4,64%);overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -20px;padding:0 20px 4px;scrollbar-width:none}
  .hx-grid::-webkit-scrollbar{display:none}
  .hx-grid li{scroll-snap-align:start}
  .hx-nav{left:20px;right:16px;bottom:18px}
  .hx-arrow{display:none}
}

/* ---------- ZALETY ---------- */
.usp{margin:0 0 64px}
.usp ul{list-style:none;margin:0;padding:6px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:var(--bg);border-radius:var(--r-lg)}
.usp li+li{position:relative}
.usp li+li::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:1px;background:var(--line2)}
.usp a{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r);color:var(--ink);transition:background .2s}
.usp a:hover{background:#fff}
.usp-ico{flex:0 0 40px;width:40px;height:40px;border-radius:var(--pill);background:#fff;color:var(--orange);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--sh-1)}
.usp-ico .kb-i{width:20px;height:20px}
.usp b{display:block;font-size:13.5px;font-weight:700;line-height:1.25}
.usp small{display:block;font-size:12px;color:var(--muted);line-height:1.3}
@media (max-width:1199px){.usp ul{grid-template-columns:repeat(3,minmax(0,1fr))}.usp li:nth-child(4)::before{display:none}}
@media (max-width:767px){
  .usp{margin:0 -16px 40px;padding:0 16px}
  .usp ul{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--r)}
  .usp ul::-webkit-scrollbar{display:none}
  .usp li{flex:0 0 72%;scroll-snap-align:start}
}

/* ---------- SEKCJE ---------- */
.sec{margin:0 0 64px}
.sec--tint{background:var(--bg);border-radius:var(--r-lg);padding:36px 32px 32px}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}
.sec-head h2{margin:0;font-size:30px;line-height:1.1}
.sec-head p{margin:6px 0 0;font-size:14px;color:var(--muted)}
@media (max-width:767px){.sec{margin-bottom:44px}.sec--tint{margin-left:-16px;margin-right:-16px;border-radius:0;padding:28px 16px 24px}.sec-head h2{font-size:23px}}

/* ---------- KATEGORIE ---------- */
.cats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}
.cat{display:flex;flex-direction:column;gap:12px;padding:10px 10px 16px;border-radius:var(--r);background:var(--bg);color:var(--ink);transition:background .25s,box-shadow .25s,transform .25s var(--ease);height:100%}
.cat:hover{background:#fff;box-shadow:var(--sh-2);transform:translateY(-3px);color:var(--ink)}
.cat-img{display:block;aspect-ratio:1/1;border-radius:var(--r-sm);overflow:hidden;background:#fff}
.cat-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.cat:hover .cat-img img{transform:scale(1.06)}
.cat-name{padding:0 4px;font-size:13.5px;font-weight:700;line-height:1.25;text-align:center}
@media (max-width:1199px){.cats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:767px){
  .cats{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}
  .cats::-webkit-scrollbar{display:none}
  .cats li{flex:0 0 36%;scroll-snap-align:start}
  .cat-name{font-size:12.5px}
}

/* ---------- KARUZELA ---------- */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*16px)/5);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 4px 12px;margin:-4px -4px 0;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail-item{scroll-snap-align:start;min-width:0}
.rail-ctrl{display:flex;gap:8px}
.rail-btn{width:42px;height:42px;border-radius:var(--pill);border:0;background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--sh-1);cursor:pointer;transition:background .2s,color .2s,opacity .2s}
.rail-btn:hover{background:var(--ink);color:#fff}
.rail-btn[disabled]{opacity:.35;pointer-events:none}
@media (max-width:1199px){.rail{grid-auto-columns:calc((100% - 3*16px)/4)}}
@media (max-width:991px){.rail{grid-auto-columns:calc((100% - 2*14px)/3);gap:14px}}
@media (max-width:767px){.rail{grid-auto-columns:62%;gap:12px;margin:0 -16px;padding:4px 16px 12px}.rail-ctrl{display:none}}

/* =========================================================
   KARTA PRODUKTU (Kaufland/Amazon)
   ========================================================= */
.pc{height:100%}
.pc form{display:flex;flex-direction:column;height:100%;background:var(--card);border-radius:var(--r);box-shadow:var(--sh-1);transition:box-shadow .3s var(--ease),transform .3s var(--ease);overflow:hidden}
.pc:hover form{box-shadow:var(--sh-2);transform:translateY(-3px)}
.pc-media{position:relative;margin:8px 8px 0;border-radius:var(--r-sm);background:var(--photo);overflow:hidden}
.pc-img{display:block;aspect-ratio:1/1}
.pc-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:14px;transition:transform .5s var(--ease)}
.pc:hover .pc-img img{transform:scale(1.05)}
.pc-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;pointer-events:none}
.pc-badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:800;line-height:1.2;letter-spacing:.01em}
.pc-badge--sale{background:var(--orange);color:#fff}
.pc-badge--best{background:var(--ink);color:#fff}
.pc-badge--pallet{background:var(--navy);color:#fff}
.pc-wish{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:var(--pill);border:0;background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--sh-1);cursor:pointer;opacity:0;transform:scale(.9);transition:opacity .2s,transform .2s,color .2s}
.pc-wish .kb-i{width:18px;height:18px}
.pc:hover .pc-wish{opacity:1;transform:none}
.pc-wish:hover{color:var(--orange)}
/* parametry przenikające (hover) */
.pc-specs{position:absolute;left:8px;right:8px;bottom:8px;margin:0;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(20,20,20,.12);display:flex;flex-direction:column;gap:4px;transform:translateY(calc(100% + 12px));opacity:0;transition:transform .35s var(--ease),opacity .25s}
.pc:hover .pc-specs,.pc:focus-within .pc-specs{transform:none;opacity:1}
.pc-specs div{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.3}
.pc-specs dt{font-weight:500;color:var(--muted)}
.pc-specs dd{margin:0;font-weight:700;color:var(--ink);text-align:right}
.pc-body{display:flex;flex-direction:column;gap:8px;flex:1;padding:12px 14px 14px}
.pc-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.pc-chips li{padding:3px 7px;border-radius:6px;background:var(--bg);font-size:11px;font-weight:700;color:var(--text);line-height:1.3}
.pc-name{margin:0;font-size:14px;font-weight:600;line-height:1.35;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.pc-name a{color:var(--ink)}
.pc-name a:hover{color:var(--orange)}
.pc-rating{display:flex;align-items:center;gap:1px}
.pc-rating svg{width:13px;height:13px;fill:var(--line2)}
.pc-rating svg.on{fill:#ffb400}
.pc-rating em{font-style:normal;font-size:11.5px;color:var(--muted);margin-left:4px}
.pc-buy{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto}
.pc-price{display:flex;flex-direction:column;line-height:1.1;min-width:0}
.pc-price s{font-size:12px;color:var(--muted);margin-bottom:2px}
.pc-price b{font-size:21px;font-weight:800;letter-spacing:-.025em;color:var(--ink);white-space:nowrap}
.pc-price b.is-sale{color:var(--orange)}
.pc-price small{font-size:11.5px;color:var(--muted);margin-top:3px;white-space:nowrap}
.pc-cart{flex:0 0 44px;width:44px;height:44px;border-radius:var(--pill);border:0;background:var(--orange);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px rgba(240,80,0,.3);transition:background .2s,transform .15s}
.pc-cart:hover{background:var(--orange-h)}
.pc-cart:active{transform:scale(.92)}
.pc-cart .kb-i{width:21px;height:21px}
.pc-omni{margin:0;font-size:11px;color:var(--muted);line-height:1.3}
.pc-ship{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:700;color:var(--green)}
.pc-ship .kb-i{width:16px;height:16px}
@media (hover:none){.pc-wish{opacity:1;transform:none}.pc-specs{display:none}}

/* ---------- FIX hero slider (kolizje ze starym CSS, równe wysokości, mobile) ---------- */
.hx-main{isolation:isolate;transform:translateZ(0);margin:0!important;width:100%;max-width:100%}
.hx-main .swiper-wrapper{align-items:stretch}
.hx-main .swiper-slide{height:auto;display:flex}
.hx-slide{flex:1 1 auto;width:100%;height:auto;min-height:480px}
.hx-copy h2,.hx-side__head h2{padding:0!important;color:inherit}
.hx-copy h2{color:var(--fg)!important}
.hx-text,.hx-eyebrow{padding:0}
.hx-grid{align-self:center}
.hx-grid li{min-width:0}
.hx-dots .swiper-pagination-bullet,.hx-dots .swiper-pagination-bullet-active{background:currentColor!important}
.hx-dots .swiper-pagination-bullet-active{opacity:1!important}
@media (max-width:1199px){.hx-slide{min-height:440px}}
@media (max-width:767px){
  .hx-slide{min-height:0;padding:24px 18px 60px}
  .hx-grid{grid-template-columns:1fr 1fr;overflow:visible;margin:0;padding:0;gap:10px}
  .hx-grid li:nth-child(n+3){display:none}
  .hx-mini{padding:8px 8px 10px}
  .hx-mini__badge{top:12px;left:12px}
  .hx-mini__price{font-size:15px}
}
/* fix: kolor tekstu w mini-kartach (dziedziczył biel ze slidera), niższe kadry, cień schowanego koszyka */
.hx-main .hx-mini,.hx-main .hx-mini:hover{color:var(--ink)}
.hx-main .hx-mini__name{color:var(--text)}
.hx-mini__img{aspect-ratio:16/11}
.hx-slide{min-height:500px;padding-top:40px;padding-bottom:68px}
.krauz-beta .cart-right{box-shadow:none}
.krauz-beta .cart-right[style*="right: 0px"]{box-shadow:var(--sh-3)}
/* fix mobile header: jawne obszary, szukajka zawsze widoczna (stary CSS ją chował) */
@media (max-width:991px){
  .kb-header__in{grid-template-columns:auto 1fr auto;grid-template-areas:"burger logo actions" "search search search"}
  .kb-burger{grid-area:burger}
  .kb-logo{grid-area:logo;justify-self:start}
  .kb-logo img{width:118px;max-width:none}
  .kb-actions{grid-area:actions;justify-self:end}
  .kb-search{grid-area:search;grid-column:1 / -1}
  .kb-header .main-search,.kb-header #search{display:block!important;width:100%!important;position:relative!important;inset:auto!important;background:transparent!important;padding:0!important;height:auto!important}
  .kb-header .search-xs{display:none!important}
}
/* fix mobile: przewijane rzędy dociągnięte do krawędzi ekranu przy odstępie kontenera 12px */
@media (max-width:767px){
  .usp{margin-left:-12px;margin-right:-12px;padding:0 12px}
  .cats,.rail{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;scroll-padding-left:12px}
  .sec--tint{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}
  .sec--tint .rail{margin-left:-12px;margin-right:-12px}
  .pc-name{min-height:0}
}

/* ---------- BANERY obok slidera (przewijane ręcznie) ---------- */
.hx-promo{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:500px;margin:0!important;width:100%;isolation:isolate}
.hx-promo .swiper-wrapper{align-items:stretch}
.hx-promo .swiper-slide{height:auto;display:flex}
.hx-bn{position:relative;display:flex;flex-direction:column;flex:1;min-height:500px;overflow:hidden;color:#fff;isolation:isolate}
.hx-bn:hover{color:#fff}
.hx-bn__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s var(--ease)}
.hx-bn:hover .hx-bn__photo{transform:scale(1.04)}
.hx-bn__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,10,0,.62) 0%,rgba(20,10,0,0) 45%)}
.hx-bn--txt-bottom .hx-bn__shade{background:linear-gradient(0deg,rgba(20,10,0,.7) 0%,rgba(20,10,0,0) 50%)}
.hx-bn__copy{position:relative;padding:28px 28px 0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.hx-bn--txt-bottom .hx-bn__copy{margin-top:auto;padding:0 28px 64px}
.hx-bn__eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffd2b8}
.hx-bn__title{font-size:30px;line-height:1.05;font-weight:800;letter-spacing:-.03em}
.hx-bn__text{font-size:14px;line-height:1.45;color:rgba(255,255,255,.88);max-width:280px}
.hx-bn__cta{margin-top:8px;display:inline-flex;align-items:center;gap:4px;height:42px;padding:0 16px 0 20px;border-radius:var(--pill);background:#fff;color:var(--ink);font-weight:700;font-size:14px;transition:background .2s,color .2s}
.hx-bn__cta .kb-i{width:16px;height:16px}
.hx-bn:hover .hx-bn__cta{background:var(--orange);color:#fff}
/* typ produkt: jednolite tło, produkt wtopiony (multiply), tekst u góry */
.hx-bn--product{background:var(--bn-bg,#f4f4f6);color:var(--ink)}
.hx-bn--product:hover{color:var(--ink)}
.hx-bn--product .hx-bn__eyebrow{color:var(--orange)}
.hx-bn--product .hx-bn__text{color:var(--text)}
.hx-bn--product .hx-bn__cta{background:var(--ink);color:#fff}
.hx-bn__product{position:absolute;left:0;right:0;bottom:44px;height:56%;display:flex;align-items:flex-end;justify-content:center;z-index:-1}
.hx-bn__product img{max-width:92%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s var(--ease)}
.hx-bn:hover .hx-bn__product img{transform:scale(1.04) translateY(-4px)}
.hx-bn__nav{position:absolute;left:28px;right:16px;bottom:16px;z-index:5;display:flex;align-items:center;gap:6px}
.hx-bn__dots{position:static!important;width:auto!important;margin-right:auto;display:flex;gap:6px}
.hx-bn__dots .swiper-pagination-bullet{width:7px;height:7px;margin:0!important;background:var(--ink)!important;opacity:.25}
.hx-bn__dots .swiper-pagination-bullet-active{width:20px;border-radius:var(--pill);opacity:1!important;background:var(--orange)!important}
.hx-bn__arrow{width:34px;height:34px;border-radius:var(--pill);border:0;background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--sh-1);cursor:pointer;transition:background .2s,color .2s}
.hx-bn__arrow .kb-i{width:18px;height:18px}
.hx-bn__arrow:hover{background:var(--ink);color:#fff}
@media (max-width:1199px){.hx-promo{display:none}}
/* slajd sezonowy: noc */
.hx-slide--night{--bg:#16130f;--fg:#fff;--fg2:rgba(255,255,255,.72);--eb:#ffb36b}
.hx-slide--night::before{background:radial-gradient(circle,rgba(255,150,60,.22),rgba(255,150,60,0) 70%)}
/* zdjęcia "scenowe" (nie na białym tle): wypełniają kadr */
.hx-mini__img.is-photo img,.pc-img.is-photo img{object-fit:cover;mix-blend-mode:normal;padding:0}
/* baner produktowy: tło w kontenerze obrazka, żeby multiply wtopił białe tło */
.hx-bn__product{background:var(--bn-bg,#f4f4f6)}
.hx-bn--product .hx-bn__copy{z-index:1}
.hx-promo .hx-bn,.hx-promo .hx-bn:hover{color:#fff}
.hx-promo .hx-bn--product,.hx-promo .hx-bn--product:hover{color:var(--ink)}
.hx-bn--photo .hx-bn__title{text-shadow:0 2px 16px rgba(0,0,0,.25)}

/* ---------- SLAJD ZE ZDJĘCIEM (osoba z Midjourney na jednolitym tle) ---------- */
.hx-slide--photo{grid-template-columns:minmax(0,1fr);padding:44px 52px 72px}
.hx-slide--photo::before{display:none}
.hx-slide__photo{position:absolute;top:0;right:0;height:100%;width:auto;max-width:none;min-width:70%;object-fit:cover;object-position:right center;z-index:0}
.hx-slide__fade{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 26%,transparent 58%)}
.hx-slide--photo .hx-copy{max-width:440px}
/* kolory tekstu: jasne tła (palety, butelki) -> ciemny tekst */
.hx-slide--photo.hx-slide--sand,.hx-slide--photo.hx-slide--mist{--fg:var(--ink);--fg2:var(--text)}
.hx-strip{list-style:none;margin:26px 0 0;padding:0;display:flex;gap:10px}
.hx-strip li{flex:1 1 0;min-width:0}
.hx-chip{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border-radius:var(--r-sm);background:rgba(255,255,255,.96);box-shadow:0 8px 20px rgba(0,0,0,.14);transition:transform .25s var(--ease),box-shadow .25s}
.hx-main .hx-chip,.hx-main .hx-chip:hover{color:var(--ink)}
.hx-chip:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.2)}
.hx-chip__img{flex:0 0 52px;width:52px;height:52px;border-radius:10px;background:var(--photo);overflow:hidden}
.hx-chip__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:3px}
.hx-chip__img.is-photo img{object-fit:cover;mix-blend-mode:normal;padding:0}
.hx-chip__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.hx-chip__name{font-size:11.5px;font-weight:600;line-height:1.25;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hx-chip__txt b{font-size:14px;font-weight:800}
@media (max-width:767px){
  .hx-slide--photo{padding:20px 18px 60px;min-height:520px;align-content:start}
  .hx-slide__photo{top:auto;bottom:0;height:62%;min-width:0;width:100%;object-position:70% center}
  .hx-slide__fade{background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 36%,transparent 62%)}
  .hx-strip{display:none}
}
@media (min-width:768px){
  .hx-slide__photo{width:66%;min-width:0;object-fit:cover;object-position:72% center}
  .hx-slide__fade{background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 34%,transparent 52%)}
}
.hx-chip__txt b{white-space:nowrap}
.hx-strip{max-width:470px}

/* ---------- akcenty slajdu: naklejka z ceną, eyebrow-pigułka, szerszy nagłówek ---------- */
.hx-sticker{position:absolute;top:26px;right:26px;z-index:3;width:104px;height:104px;border-radius:50%;background:var(--orange);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;transform:rotate(-10deg);box-shadow:0 12px 28px rgba(240,80,0,.35),inset 0 0 0 4px rgba(255,255,255,.25)}
.hx-sticker b{font-size:26px;font-weight:800;letter-spacing:-.03em;margin:3px 0 2px}
.hx-sticker small{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.92}
.hx-slide--orange .hx-sticker{background:#fff;color:var(--bg);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.hx-eyebrow{display:inline-flex!important;align-items:center;gap:8px;padding:6px 12px 6px 10px;border-radius:var(--pill);background:rgba(255,255,255,.12);backdrop-filter:blur(6px)}
.hx-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(240,80,0,.22)}
.hx-slide--orange .hx-eyebrow i{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.3)}
.hx-slide--sand .hx-eyebrow,.hx-slide--mist .hx-eyebrow{background:rgba(255,255,255,.7)}
.hx-slide--photo .hx-copy{max-width:560px}
.hx-copy h2{font-size:clamp(30px,3vw,44px)}
@media (max-width:767px){.hx-sticker{top:16px;right:16px;width:78px;height:78px}.hx-sticker b{font-size:19px}.hx-sticker small{font-size:9px}}
.hx-sticker b.is-long{font-size:21px}
/* naklejka z cechą kategorii (zamiast ceny) */
.hx-sticker{width:112px;height:112px;gap:1px;text-align:center;padding:10px}
.hx-sticker span{display:block;font-size:14px;font-weight:800;line-height:1.1;letter-spacing:-.01em}
.hx-sticker--3 span{font-size:12.5px;line-height:1.2}
.hx-sticker--3 span+span{border-top:1px solid rgba(255,255,255,.35);padding-top:2px;margin-top:2px}
.hx-slide--orange .hx-sticker--3 span+span{border-top-color:rgba(240,80,0,.3)}
@media (max-width:767px){.hx-sticker{width:84px;height:84px;padding:6px}.hx-sticker span{font-size:11px}.hx-sticker--3 span{font-size:10px}}
/* kafle kategorii ze zdjęciami na jednolitym tle: zdjęcie na całą kartę, bez białej ramki */
.cat{padding:0;overflow:hidden;gap:0;background:var(--bg)}
.cat-img{border-radius:0;background:transparent}
.cat-name{padding:12px 10px 14px;background:#fff}
.cat:hover .cat-name{color:var(--orange)}
.cat{background:#fff;box-shadow:var(--sh-1)}.cat-name{flex:1 1 auto;display:flex;align-items:center;justify-content:center}

/* =========================================================
   KATEGORIE – BENTO (zdjęcia sesyjne na nasyconym tle + typografia)
   ========================================================= */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:250px;gap:14px;grid-template-areas:"a a b c" "a a d e" "f g h h"}
.bt{position:relative;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;background:#222;color:#fff}
.bt--a{grid-area:a}.bt--b{grid-area:b}.bt--c{grid-area:c}.bt--d{grid-area:d}.bt--e{grid-area:e}.bt--f{grid-area:f}.bt--g{grid-area:g}.bt--h{grid-area:h}
.bt__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 70%;z-index:-2;transition:transform .9s var(--ease)}
.bt:hover .bt__img{transform:scale(1.06)}
.bt::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,0) 46%);pointer-events:none}
.bt--dark{color:var(--ink)}
.bt--dark::after{background:linear-gradient(180deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,0) 46%)}
.bt__link{position:absolute;inset:0;z-index:1}
.bt__body{position:relative;z-index:2;padding:22px 22px 0;pointer-events:none}
.bt__name{margin:0;font-size:24px;line-height:1.05;font-weight:800;letter-spacing:-.03em;color:inherit!important}
.bt--a .bt__name{font-size:44px}
.bt--h .bt__name{font-size:28px}
.bt__sub{margin:6px 0 0;font-size:13px;font-weight:600;opacity:.85}
.bt--a .bt__sub{font-size:15px}
.bt__pills{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px;pointer-events:auto}
.bt__pills a{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:var(--pill);background:rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:inherit;font-size:12.5px;font-weight:700;transition:background .2s,color .2s}
.bt--dark .bt__pills a{background:rgba(255,255,255,.62)}
.bt__pills a:hover{background:#fff;color:var(--ink)}
.bt:not(.bt--a):not(.bt--h) .bt__pills{display:none}
.bt__go{position:absolute;right:16px;bottom:16px;z-index:2;width:42px;height:42px;border-radius:var(--pill);background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.18);transition:background .2s,color .2s,transform .25s var(--ease);pointer-events:none}
.bt:hover .bt__go{background:var(--orange);color:#fff;transform:translateX(3px)}
@media (max-width:1199px){.bento{grid-auto-rows:210px}.bt--a .bt__name{font-size:36px}}
@media (max-width:767px){
  .bento{grid-template-columns:1fr 1fr;grid-auto-rows:180px;gap:10px;grid-template-areas:"a a" "a a" "b c" "d e" "f g" "h h"}
  .bt{border-radius:var(--r)}
  .bt__body{padding:14px 14px 0}
  .bt__name{font-size:18px}.bt--a .bt__name{font-size:32px}.bt--h .bt__name{font-size:20px}
  .bt__sub{font-size:11.5px}
  .bt__go{width:34px;height:34px;right:10px;bottom:10px}
}
.bt--light .bt__name,.bt--light .bt__sub{text-shadow:0 2px 14px rgba(0,0,0,.35)}
/* kafel z całym zdjęciem (bez docinania): dopasowanie + tło w kolorze zdjęcia */
.bt--contain .bt__img{object-fit:contain;object-position:right bottom}
.bt--contain::after{background:none}
/* jasne zdjęcia: ciemny tekst bez jasnej poświaty */
.bt--dark::after{background:linear-gradient(180deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 40%)}
.bt--dark .bt__pills a{background:rgba(20,20,20,.07);backdrop-filter:none}
.bt--dark .bt__pills a:hover{background:var(--ink);color:#fff}
.bt--contain .bt__img{object-position:center bottom}
.bt--dark::after{background:linear-gradient(180deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.35) 26%,rgba(255,255,255,0) 46%)}
.bt--light:not(.bt--contain)::after{background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,0) 46%)}
.bt--contain .bt__img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)}

/* ---------- KATEGORIE: typografia na plakietce (bez poświat), zdjęcia wypełniają kafel ---------- */
.bt::after,.bt--dark::after,.bt--light:not(.bt--contain)::after{display:none!important}
.bt__img{object-position:center center}
.bt--contain .bt__img{object-fit:cover;-webkit-mask-image:none;mask-image:none}
.bt,.bt--dark{color:#fff}
.bt__body{padding:14px}
.bt__tag{display:inline-flex;flex-direction:column;gap:2px;padding:10px 14px 11px;border-radius:14px;background:rgba(18,18,20,.42);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 6px 20px rgba(0,0,0,.12)}
.bt__name{font-size:19px!important;line-height:1.1;text-shadow:none!important;color:#fff!important}
.bt--a .bt__name{font-size:30px!important}
.bt--h .bt__name{font-size:22px!important}
.bt__sub{margin:0;font-size:12px;font-weight:600;opacity:.82;text-shadow:none!important;color:#fff}
.bt__pills{margin-top:10px}
.bt__pills a,.bt--dark .bt__pills a{height:30px;background:rgba(18,18,20,.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff}
.bt__pills a:hover,.bt--dark .bt__pills a:hover{background:#fff;color:var(--ink)}
@media (max-width:767px){.bt__body{padding:10px}.bt__tag{padding:7px 10px 8px;border-radius:11px}.bt__name{font-size:15px!important}.bt--a .bt__name{font-size:22px!important}.bt__sub{font-size:10.5px}}

/* =========================================================
   KAFEL PRODUKTU v2 (globalny w becie) – reset starych reguł .product-thumb
   ========================================================= */
.krauz-beta .product-thumb.pc{border:0!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important;height:100%;min-height:0;overflow:visible;border-radius:0;display:block;position:relative}
.krauz-beta .product-thumb.pc:hover{box-shadow:none!important;transform:none}
.pc .pc-media{margin:8px 8px 0}
.pc-badge{display:inline-flex;align-items:center;gap:4px}
.pc-badge svg{width:11px;height:11px}
.pc-badge--last{background:#e8361b;color:#fff}
.pc-badge--own{background:var(--navy);color:#fff}
.pc-badge--set{background:#ffd23f;color:var(--ink)}
.pc-specs{display:flex;flex-direction:column;gap:8px}
.pc-specs dl{margin:0;display:flex;flex-direction:column;gap:4px}
.pc-rel{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding-top:6px;border-top:1px solid var(--line)}
.pc-rel span{font-size:11px;font-weight:600;color:var(--muted);margin-right:2px}
.pc-rel a{display:inline-flex;width:30px;height:30px;border-radius:7px;background:#fff;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.pc-rel a:hover{box-shadow:0 0 0 2px var(--orange)}
.pc-rel img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.pc-price b{display:flex;align-items:baseline;gap:4px}
.pc-price b small{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:0}
.pc-was{font-size:11.5px;color:var(--muted);margin-bottom:2px;white-space:nowrap}
.pc-was s{color:var(--text);font-weight:600}
.pc-unit{font-size:12px;font-weight:600;color:var(--text);margin-top:3px;white-space:nowrap}
.pc-ask{display:inline-flex;margin-top:auto;padding:9px 12px;border-radius:var(--r-sm);background:var(--orange-t);color:var(--orange);font-size:12.5px;font-weight:700}
.pc-meta{display:flex;flex-wrap:wrap;gap:6px 12px;min-height:0}
.pc-meta:empty{display:none}
.pc-stock{font-size:12px;font-weight:700;color:var(--text)}

/* =========================================================
   MODUŁ OKAZJI
   ========================================================= */
.deals{margin:0 0 64px}
.deals__grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px;align-items:stretch}
/* Super cena */
.sb{position:relative;display:flex;flex-direction:column;padding:24px 22px 22px;border-radius:var(--r-lg);background:var(--orange);color:#fff;overflow:hidden;isolation:isolate}
.sb::before{content:"";position:absolute;width:420px;height:420px;right:-180px;top:-160px;border-radius:50%;background:rgba(255,255,255,.1);z-index:-1}
.sb::after{content:"";position:absolute;width:260px;height:260px;left:-120px;bottom:-120px;border-radius:50%;background:rgba(0,0,0,.06);z-index:-1}
.sb a,.sb a:hover{color:#fff}
.sb__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sb__eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.9}
.sb__pct{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:var(--pill);background:#fff;color:var(--orange);font-size:15px;font-weight:800}
.sb__title{margin:6px 0 14px;font-size:34px;line-height:1;color:#fff!important;letter-spacing:-.035em}
.sb__media{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;border-radius:var(--r);background:#fff;padding:14px;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.sb__media img{width:100%;height:100%;object-fit:contain;transition:transform .5s var(--ease)}
.sb:hover .sb__media img{transform:scale(1.05)}
.sb__name{margin:14px 0 6px;font-size:15px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sb__price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.sb__price b{font-size:32px;font-weight:800;letter-spacing:-.03em}
.sb__price s{font-size:15px;opacity:.75}
.sb__save{margin:2px 0 0;font-size:13px;font-weight:600;opacity:.92}
.sb__bar{height:8px;border-radius:var(--pill);background:rgba(255,255,255,.28);margin:14px 0 6px;overflow:hidden}
.sb__bar span{display:block;height:100%;border-radius:var(--pill);background:#fff}
.sb__left{margin:8px 0 0;font-size:12.5px;opacity:.92}
.sb__left b{font-weight:800}
.sb__cta{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:16px}
.sb__btn{background:#fff;color:var(--orange);box-shadow:0 10px 24px rgba(0,0,0,.14)}
.sb__btn:hover{background:var(--ink);color:#fff}
.sb__more{display:inline-flex;align-items:center;gap:2px;font-size:14px;font-weight:700}
.sb__more .kb-i{width:16px;height:16px}
/* Zakładki */
.dt{min-width:0;display:flex;flex-direction:column;background:var(--bg);border-radius:var(--r-lg);padding:18px 18px 8px}
.dt__bar{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.dt__tab{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border:0;border-radius:var(--pill);background:#fff;color:var(--ink);font-weight:700;font-size:15px;cursor:pointer;box-shadow:var(--sh-1);transition:background .2s,color .2s}
.dt__tab em{font-style:normal;font-size:12px;font-weight:800;min-width:22px;height:22px;padding:0 6px;border-radius:var(--pill);background:var(--bg);color:var(--text);display:inline-flex;align-items:center;justify-content:center}
.dt__tab.is-active{background:var(--ink);color:#fff}
.dt__tab.is-active em{background:var(--orange);color:#fff}
.dt__note{font-size:13px;color:var(--muted);margin-left:6px}
.dt__ctrl{margin-left:auto}
.dt .rail{grid-auto-columns:calc((100% - 3*14px)/4);gap:14px;padding:4px 4px 14px}
.dt__panel[hidden]{display:none!important}
.dt__all{display:flex;align-items:center;justify-content:center;gap:4px;height:100%;min-height:260px;border-radius:var(--r);background:#fff;color:var(--orange);font-weight:700;font-size:15px;box-shadow:var(--sh-1)}
.dt__all:hover{color:var(--orange-h);box-shadow:var(--sh-2)}
@media (max-width:1399px){.dt .rail{grid-auto-columns:calc((100% - 2*14px)/3)}}
@media (max-width:1199px){.deals__grid{grid-template-columns:300px minmax(0,1fr)}.dt .rail{grid-auto-columns:calc((100% - 14px)/2)}}
@media (max-width:991px){.deals__grid{grid-template-columns:1fr}.sb{display:grid;grid-template-columns:44% 1fr;gap:0 18px;align-items:start}.sb__top,.sb__title{grid-column:1/-1}.sb__media{grid-row:3/8}.dt .rail{grid-auto-columns:calc((100% - 2*14px)/3)}}
@media (max-width:767px){
  .deals{margin-bottom:44px}
  .sb{display:flex;padding:20px 18px}
  .sb__title{font-size:28px}
  .dt{margin:0 -12px;border-radius:0;padding:16px 12px 6px}
  .dt__note,.dt__ctrl{display:none}
  .dt .rail{grid-auto-columns:64%;margin:0 -12px;padding:4px 12px 14px}
}
.sb__media{aspect-ratio:auto;height:210px}
.sb__title{font-size:30px;margin-bottom:12px}
.sb__name{margin-top:12px}
@media (max-width:767px){.sb__media{width:100%;height:190px}}

/* =========================================================
   ETYKIETY KAFLA – nowoczesne rozróżniki kolorystyczne
   ========================================================= */
:root{--sale:#e11d63;--sale2:#b0179a;--sale-t:#fde7f0;--ship:#0f8a4a;--ship-t:#e3f6ea;--last:#c2410c;--last-t:#fff1e2;--best:#6d28d9;--best-t:#f0e9fe;--own:#0b2a6f;--own-t:#e8eef9;--set:#a16207;--set-t:#fff6cf}
.pc-badges{gap:5px}
.pc-badge{height:24px;padding:0 9px;border-radius:7px;font-size:11px;font-weight:800;letter-spacing:.01em;box-shadow:0 2px 6px rgba(20,20,20,.08)}
.pc-badge svg{width:12px;height:12px;flex:0 0 auto}
.pc-badge--sale{background:linear-gradient(135deg,var(--sale),var(--sale2));color:#fff;font-size:12px}
.pc-badge--last{background:var(--last-t);color:var(--last)}
.pc-badge--best{background:var(--best-t);color:var(--best)}
.pc-badge--own{background:var(--own-t);color:var(--own)}
.pc-badge--set{background:var(--set-t);color:var(--set)}
.pc-badge--pallet{background:var(--own);color:#fff}
.pc-price b.is-sale{color:var(--sale)}
.pc-ship{height:26px;padding:0 10px 0 8px;border-radius:var(--pill);background:var(--ship-t);color:var(--ship)!important;font-size:12px;font-weight:800}
.pc-ship .kb-i{width:15px;height:15px}
.pc-stock{height:26px;display:inline-flex;align-items:center;padding:0 10px;border-radius:var(--pill);background:var(--bg);font-size:12px}
.pc-chips li{background:#f1f2f5;color:#4a4d57}
.pc-was s{color:#4a4d57}
.pc-omni{font-size:10.5px}

/* =========================================================
   OKAZJE v2 – bez zakładek, styl jak hero
   ========================================================= */
.sec-eyebrow,.dl__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;padding:5px 12px 5px 10px;border-radius:var(--pill);background:var(--orange-t);color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.sec-eyebrow i,.dl__eyebrow i,.sb__eyebrow i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(240,80,0,.18)}
.deals .sec-head h2{font-size:38px}
.deals__grid{grid-template-columns:330px minmax(0,1fr);align-items:start}
.sb{position:sticky;top:150px;background:var(--orange)}
.sb__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:var(--pill);background:rgba(255,255,255,.18)}
.sb__eyebrow i{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25)}
.sb__sticker{position:absolute;top:16px;right:16px;width:86px;height:86px;border-radius:50%;background:linear-gradient(135deg,var(--sale),var(--sale2));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-10deg);box-shadow:0 12px 26px rgba(176,23,154,.35),inset 0 0 0 4px rgba(255,255,255,.22);line-height:1;z-index:2}
.sb__sticker b{font-size:24px;font-weight:800;letter-spacing:-.03em}
.sb__sticker small{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.9;margin-bottom:2px}
.sb__title{margin-top:14px}
.sb__price b{font-size:34px}
.sb__media{border-radius:var(--r);box-shadow:0 20px 44px rgba(120,30,0,.25)}
.dl-col{display:flex;flex-direction:column;gap:20px;min-width:0}
.dl{position:relative;border-radius:var(--r-lg);padding:22px 22px 10px;overflow:hidden;isolation:isolate}
.dl::before{content:"";position:absolute;width:520px;height:520px;right:-200px;top:-300px;border-radius:50%;z-index:-1;opacity:.55}
.dl--warm{background:#fff4ec}
.dl--warm::before{background:#ffe3d1}
.dl--cool{background:#eef3fb}
.dl--cool::before{background:#dde8f8}
.dl--cool .dl__eyebrow{background:var(--own-t);color:var(--navy)}
.dl--cool .dl__eyebrow i{box-shadow:0 0 0 4px rgba(11,42,111,.15)}
.dl__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
.dl__title{margin:0;font-size:28px;line-height:1.05;letter-spacing:-.03em;text-transform:none}
.dl__title a{color:var(--ink)}
.dl__title a:hover{color:var(--orange)}
.dl__sub{display:block;margin-top:4px;font-size:13px;color:var(--muted)}
.dl__side{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.dl .rail{grid-auto-columns:calc((100% - 3*14px)/4);gap:14px;padding:4px 4px 14px}
.dl .rail-btn{background:#fff}
.dl .pc form{box-shadow:0 1px 2px rgba(20,20,20,.04),0 6px 18px rgba(20,20,20,.06)}
@media (max-width:1399px){.dl .rail{grid-auto-columns:calc((100% - 2*14px)/3)}}
@media (max-width:1199px){.deals__grid{grid-template-columns:290px minmax(0,1fr)}.dl .rail{grid-auto-columns:calc((100% - 14px)/2)}}
@media (max-width:991px){.deals__grid{grid-template-columns:1fr}.sb{position:relative;top:0}.dl .rail{grid-auto-columns:calc((100% - 2*14px)/3)}}
@media (max-width:767px){.deals .sec-head h2{font-size:28px}.dl{margin:0 -12px;border-radius:0;padding:18px 12px 6px}.dl__side .rail-ctrl{display:none}.dl__title{font-size:23px}.dl .rail{grid-auto-columns:64%;margin:0 -12px;padding:4px 12px 14px}.sb__sticker{width:72px;height:72px}.sb__sticker b{font-size:19px}}
/* ulubione */
.pc-wish.is-on{opacity:1;transform:none;color:var(--sale)}
.pc-wish.is-on .kb-i path{fill:currentColor}
#kb-toast{position:fixed;left:50%;bottom:52px;z-index:100000;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 18px;border-radius:var(--pill);background:rgba(20,20,20,.92);backdrop-filter:blur(10px);color:#fff;font:600 14px/1.2 var(--font);box-shadow:var(--sh-3);transition:opacity .25s,transform .25s var(--ease)}
#kb-toast.is-show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
#kb-toast a{color:#ffb38a;text-decoration:underline}
.sec-head p.sec-eyebrow{color:var(--orange);margin:0 0 8px;font-size:12px}
.sb-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.sb{position:relative;top:0}
.smart{display:flex;align-items:center;gap:14px;padding:16px 16px 16px 14px;border-radius:var(--r);background:var(--ship-t);color:var(--ink);transition:transform .25s var(--ease),box-shadow .25s}
.smart:hover{transform:translateY(-2px);box-shadow:var(--sh-2);color:var(--ink)}
.smart__ico{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#fff;color:var(--ship);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--sh-1)}
.smart__txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.smart__txt small{font-size:12px;color:var(--text)}
.smart__txt b{font-size:15px;font-weight:800;letter-spacing:-.01em}
.smart > .kb-i{width:18px;height:18px;color:var(--ship)}
.smart--pig{background:var(--best-t)}
.smart--pig .smart__ico,.smart--pig > .kb-i{color:var(--best)}

/* rabat: czerwień wpadająca w róż, pełny kolor, bez cieni na etykietach */
:root{--sale:#e5193f;--sale2:#e5193f;--sale-t:#fde8ec}
.pc-badge{box-shadow:none!important}
.pc-badge--sale{background:var(--sale)!important}
.sb__sticker{background:var(--sale)!important;box-shadow:none!important}
.pc-ship,.pc-stock{box-shadow:none}
/* warianty jak w obecnym sklepie: duże miniatury, siatka 3 kolumny, nakładka na zdjęcie */
.pc-vars{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;gap:8px;padding:12px;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);opacity:0;transform:translateY(8px);transition:opacity .25s,transform .3s var(--ease);pointer-events:none}
.pc:hover .pc-vars,.pc:focus-within .pc-vars{opacity:1;transform:none;pointer-events:auto}
.pc-vars__label{font-size:13px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px}
.pc-vars__label em{font-style:normal;font-size:11px;font-weight:800;min-width:20px;height:20px;padding:0 6px;border-radius:var(--pill);background:var(--bg);display:inline-flex;align-items:center;justify-content:center;color:var(--text)}
.pc-vars__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pc-vars__grid a{display:block;aspect-ratio:1/1;border-radius:8px;border:1px solid var(--line2);background:#fff;overflow:hidden;transition:border-color .2s}
.pc-vars__grid a:hover{border-color:var(--orange)}
.pc-vars__grid img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:3px}
.pc:hover .pc-wish{z-index:4}
@media (hover:none){.pc-vars{display:none}}
.pc.is-hover .pc-vars,.pc.is-hover .pc-specs{opacity:1;transform:none;pointer-events:auto}.pc.is-hover .pc-wish{opacity:1;transform:none}
.pc.is-hover .pc-vars{display:flex!important}

/* =========================================================
   MARKA WŁASNA – krótki pasek
   ========================================================= */
.own{display:flex;align-items:center;gap:18px;margin:0 0 64px;padding:14px 26px 14px 14px;border-radius:var(--r-lg);background:var(--own-t);color:var(--ink);position:relative;overflow:hidden;transition:box-shadow .25s,transform .25s var(--ease)}
.own:hover{box-shadow:var(--sh-2);transform:translateY(-2px);color:var(--ink)}
.own__badge{flex:0 0 56px;width:56px;height:56px;border-radius:16px;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;letter-spacing:-.04em}
.own__txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.own__eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--navy)}
.own__txt b{font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.25}
.own__img{height:64px;width:auto;object-fit:contain}
.own__cta{flex:0 0 auto}
@media (max-width:767px){.own{flex-wrap:wrap;gap:12px;margin-bottom:44px;padding:14px}.own__img{display:none}.own__txt b{font-size:16px}.own__cta{width:100%;padding-left:68px}}

/* =========================================================
   KUPUJ WYGODNIEJ – slider + boksy boczne
   ========================================================= */
.bx{margin:0 0 64px}
.bx__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}
.bx__main{position:relative;border-radius:var(--r-lg);overflow:hidden;margin:0!important;width:100%;isolation:isolate;transform:translateZ(0)}
.bx__main .swiper-wrapper{align-items:stretch}
.bx__main .swiper-slide{height:auto;display:flex}
.bxs{--fg:#fff;--fg2:rgba(255,255,255,.82);position:relative;display:flex;align-items:center;flex:1;min-height:400px;padding:40px 48px 64px;background:var(--bg);color:var(--fg);overflow:hidden;isolation:isolate}
.bxs--dark{--fg:var(--ink);--fg2:var(--text)}
.bx .bxs,.bx .bxs:hover{color:var(--fg)}
.bxs__photo{position:absolute;top:0;right:0;height:100%;width:68%;object-fit:cover;object-position:75% center;z-index:-2}
.bxs__fade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 34%,transparent 56%)}
.bxs__copy{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:420px}
.bxs__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:var(--pill);background:rgba(255,255,255,.16);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.bxs--dark .bxs__eyebrow{background:rgba(255,255,255,.7);color:var(--orange)}
.bxs__eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(240,80,0,.2)}
.bxs__title{font-size:clamp(28px,2.8vw,40px);font-weight:800;line-height:1.05;letter-spacing:-.035em}
.bxs__text{font-size:15px;line-height:1.5;color:var(--fg2)}
.bxs__cta{margin-top:8px}
.bx__nav{position:absolute;left:48px;right:20px;bottom:20px;z-index:5;display:flex;align-items:center;gap:8px;color:#fff}
.bx__dots{position:static!important;width:auto!important;margin-right:auto;display:flex;gap:6px}
.bx__dots .swiper-pagination-bullet{width:8px;height:8px;margin:0!important;background:currentColor!important;opacity:.35}
.bx__dots .swiper-pagination-bullet-active{width:24px;border-radius:var(--pill);opacity:1!important;background:var(--orange)!important}
.bx__side{display:flex;flex-direction:column;gap:20px}
.bxb{position:relative;display:flex;flex:1;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;color:var(--ink);transition:transform .25s var(--ease),box-shadow .25s}
.bxb:hover{transform:translateY(-2px);box-shadow:var(--sh-2);color:var(--ink)}
.bxb__copy{position:relative;display:flex;flex-direction:column;gap:3px;padding:20px 22px;margin-top:auto}
.bxb__eyebrow{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}
.bxb__copy b{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.bxb__copy span:not(.bxb__eyebrow){font-size:13px;color:var(--text)}
.bxb__copy em{font-style:normal;display:inline-flex;align-items:center;gap:2px;margin-top:6px;font-size:14px;font-weight:700;color:var(--orange)}
.bxb__copy em .kb-i{width:16px;height:16px}
.bxb--shop{color:#fff;min-height:190px}
.bxb--shop:hover{color:#fff}
.bxb__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s var(--ease)}
.bxb--shop:hover .bxb__photo{transform:scale(1.05)}
.bxb--shop::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(10,20,45,.82) 0%,rgba(10,20,45,.15) 70%)}
.bxb--shop .bxb__eyebrow{color:#ffb38a}
.bxb--shop .bxb__copy span:not(.bxb__eyebrow){color:rgba(255,255,255,.85)}
.bxb--shop .bxb__copy em{color:#fff}
.bxb--quote{background:var(--sand);flex-direction:column}
.bxb__ico{margin:20px 22px 0;width:48px;height:48px;border-radius:14px;background:#fff;color:var(--orange);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--sh-1)}
@media (max-width:1199px){.bx__grid{grid-template-columns:1fr}.bx__side{flex-direction:row}.bxb{min-height:170px}}
@media (max-width:767px){
  .bx{margin-bottom:44px}
  .bx__main{border-radius:var(--r)}
  .bxs{min-height:470px;align-items:flex-start;padding:24px 20px 60px}
  .bxs__photo{top:auto;bottom:0;height:58%;width:100%;object-position:70% center}
  .bxs__fade{background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 40%,transparent 64%)}
  .bxs__title{font-size:26px}
  .bx__nav{left:20px}
  .bx__nav .hx-arrow{display:none}
  .bx__side{flex-direction:column}
}

/* =========================================================
   DOBRE OKAZJE / featured – pionowy boks + rail
   ========================================================= */
.fx{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:0 0 64px}
.fx--side{grid-template-columns:300px minmax(0,1fr)}
.fx__side{position:relative;display:flex;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;min-height:520px;color:#fff}
.fx__side:hover{color:#fff}
.fx__side img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-2;transition:transform .8s var(--ease)}
.fx__side:hover img{transform:scale(1.04)}
.fx__side::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(60,25,10,.78) 0%,rgba(60,25,10,0) 52%)}
.fx__side-copy{margin-top:auto;padding:22px;display:flex;flex-direction:column;gap:6px}
.fx__side-eyebrow{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:var(--pill);background:rgba(255,255,255,.18);backdrop-filter:blur(8px);font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.fx__side-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(240,80,0,.25)}
.fx__side-copy b{font-size:30px;line-height:1.05;font-weight:800;letter-spacing:-.03em}
.fx__side-copy > span:not(.fx__side-eyebrow){font-size:14px;color:rgba(255,255,255,.88);line-height:1.4}
.fx__side-copy em{font-style:normal;display:inline-flex;align-items:center;gap:2px;margin-top:6px;font-weight:700;font-size:14px;color:#ffb38a}
.fx__side-copy em .kb-i{width:16px;height:16px}
.fx__main{min-width:0;background:var(--bg);border-radius:var(--r-lg);padding:22px 22px 10px}
.fx .rail{grid-auto-columns:calc((100% - 3*14px)/4);gap:14px;padding:4px 4px 14px}
.fx--side .rail{grid-auto-columns:calc((100% - 3*14px)/4)}
.fx .rail-btn{background:#fff}
@media (max-width:1399px){.fx--side .rail{grid-auto-columns:calc((100% - 2*14px)/3)}}
@media (max-width:1199px){.fx--side{grid-template-columns:240px minmax(0,1fr)}.fx .rail{grid-auto-columns:calc((100% - 14px)/2)}}
@media (max-width:991px){.fx--side{grid-template-columns:1fr}.fx__side{min-height:260px}.fx__side img{object-position:center 20%}.fx .rail{grid-auto-columns:calc((100% - 2*14px)/3)}}
@media (max-width:767px){.fx{margin-bottom:44px}.fx__main{margin:0 -12px;border-radius:0;padding:18px 12px 6px}.fx .rail{grid-auto-columns:64%;margin:0 -12px;padding:4px 12px 14px}.fx .rail-ctrl{display:none}}
.bx .bxb--shop,.bx .bxb--shop b{color:#fff!important}
.bxb--shop::after{background:linear-gradient(0deg,rgba(10,20,45,.92) 0%,rgba(10,20,45,.6) 45%,rgba(10,20,45,.1) 100%)!important}
.fx .fx__side,.fx .fx__side b{color:#fff!important}
.fx__side::after{background:linear-gradient(0deg,rgba(60,25,10,.85) 0%,rgba(60,25,10,.35) 40%,rgba(60,25,10,0) 60%)!important}
.bxs__cta.is-white{background:#fff;color:var(--orange);box-shadow:0 10px 24px rgba(0,0,0,.14)}.bxs:hover .bxs__cta.is-white{background:var(--ink);color:#fff}.bxs--light .bxs__eyebrow i{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25)}
@media (max-width:767px){.dl__head{flex-direction:column;align-items:flex-start;gap:8px}.dl__eyebrow{font-size:11px}}
/* Kupuj wygodniej v2: węższy rotator + dwa pionowe boksy obok siebie */
.bx__grid{grid-template-columns:minmax(0,1fr) 250px 250px}
.bx__side{display:contents}
.bxb{flex-direction:column;min-height:400px}
.bxb--shop .bxb__copy{margin-top:auto}
.bxb--quote{justify-content:space-between}
.bxb--quote .bxb__copy{margin-top:auto}
.bxb__copy b{font-size:22px}
.bxs__photo{width:72%}
.bxs{padding:40px 40px 64px}
.bx__nav{left:40px}
@media (max-width:1199px){.bx__grid{grid-template-columns:1fr 1fr}.bx__main{grid-column:1/-1}.bxb{min-height:240px}}
@media (max-width:767px){.bx__grid{grid-template-columns:1fr}.bxb{min-height:200px}}
/* Dobre okazje: kadr z widocznym słoikiem */
.fx__side img{object-position:center 30%}
.fx__side::after{background:linear-gradient(0deg,rgba(60,25,10,.85) 0%,rgba(60,25,10,.3) 32%,rgba(60,25,10,0) 48%)!important}
.fx__side-copy{padding:18px}
.fx__side-copy b{font-size:26px}
/* kafle kategorii: bez artefaktów w rogach (białe brzegi miniatur + antyaliasing przy zaokrągleniu i skali) */
.bt{-webkit-mask-image:-webkit-radial-gradient(white,black);transform:translateZ(0);background:var(--bg)}
.bt__img{transform:scale(1.03);inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px)}
.bt:hover .bt__img{transform:scale(1.08)}
/* banery v3: konkretne komunikaty + logo partnerów */
.bxs__art{position:absolute;right:40px;top:50%;transform:translateY(-50%);width:42%;max-width:420px;aspect-ratio:6/5;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.35);z-index:-1}
.bxs__art img{width:100%;height:100%;object-fit:cover}
.bxs--art .bxs__copy{max-width:46%}
.bxs__logos{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.bxs__logos img{height:46px;width:auto;padding:6px 12px;border-radius:12px;background:#fff;box-shadow:var(--sh-1);object-fit:contain}
.bxs__flags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.bxs__flags span{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 8px;border-radius:var(--pill);background:#fff;color:var(--ink);font-size:13px;font-weight:700}
.bxs__flags img{width:20px;height:14px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.bxs__note{font-size:11px;color:var(--fg2);opacity:.85}
.bxs__sticker{position:absolute;top:28px;right:34%;z-index:2;width:96px;height:96px;border-radius:50%;background:var(--orange);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:30px;font-weight:800;line-height:1;transform:rotate(-10deg)}
.bxs__sticker small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.bxb--truck::after{background:linear-gradient(0deg,rgba(10,20,45,.9) 0%,rgba(10,20,45,.55) 45%,rgba(10,20,45,.05) 100%)!important}
@media (max-width:767px){.bxs__art{position:relative;right:auto;top:auto;transform:none;width:100%;margin-top:16px;order:2}.bxs--art{flex-direction:column}.bxs--art .bxs__copy{max-width:none}.bxs__sticker{right:16px;top:auto;bottom:70px;width:74px;height:74px;font-size:24px}.bxs__logos img{height:38px}}
.bxs--photo .bxs__copy{max-width:min(440px,46%)}.bxs__logos img{height:52px}@media (max-width:767px){.bxs--photo .bxs__copy{max-width:none}}
/* flagi wysyłki w pasku menu, obok infolinii */
.kb-nav__ship{display:inline-flex;align-items:center;gap:5px;padding-left:16px;margin-left:4px;border-left:1px solid var(--line);white-space:nowrap}
.kb-nav__ship small{font-size:12px;color:var(--muted);margin-right:3px}
.kb-nav__ship img{width:20px;height:14px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
@media (max-width:1299px){.kb-nav__ship small{display:none}}
/* warianty: pasek miniatur na dole zdjęcia, produkt pozostaje widoczny */
.pc-vars{inset:auto 8px 8px 8px;padding:6px 8px;gap:6px;flex-direction:row;align-items:center;border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 6px 18px rgba(20,20,20,.12)}
.pc-vars__label{font-size:11px;flex:0 0 auto}
.pc-vars__label em{display:none}
.pc-vars__grid{display:flex;gap:5px;overflow:hidden;flex:1;min-width:0}
.pc-vars__grid a{flex:0 0 36px;width:36px;height:36px;aspect-ratio:auto;border-radius:7px}
.pc-vars__more{flex:0 0 auto;font-size:11px;font-weight:800;color:var(--text)}
/* plakietki na kaflach kategorii: sam blur, bez cienia, odrobinę lżejsze */
.bt__tag{box-shadow:none!important;background:rgba(18,18,20,.32);backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%)}
.bt__pills a,.bt--dark .bt__pills a{background:rgba(18,18,20,.32);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none}
.pc-vars__label{display:none}
.pc-vars{justify-content:flex-start;padding:5px}
.pc-vars__grid{flex:0 1 auto}
.pc-vars__grid a{flex:0 0 38px;width:38px;height:38px}
.pc-vars__more{padding:0 6px}
.hx-slide--photo.hx-slide--orange .hx-slide__photo{width:58%}
.hx-slide--photo.hx-slide--orange .hx-slide__fade{background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 42%,transparent 60%)}
.bt--d .bt__img{object-position:28% center}
.pc-vars{right:auto;max-width:calc(100% - 16px)}
.bt--d .bt__img{object-position:center center}
.bxs--src-orlen .bxs__photo{width:56%;object-position:left center}
.bxs--src-orlen .bxs__fade{background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 44%,transparent 52%)}
/* banery: jednolite tło ze zdjęciem, bez przejść gradientem */
.bxs__fade{display:none!important}
.bxs__photo{width:62%;object-position:right center}
.bxs--src-orlen .bxs__photo{width:56%}
.bxs--art{background:var(--bg)}
.bxs__art{width:46%;max-width:470px;aspect-ratio:4/3;box-shadow:0 24px 50px rgba(0,0,0,.25)}
.bxs--src-orlen .bxs__eyebrow{background:rgba(255,255,255,.2)}
.bxs--src-orlen .bxs__eyebrow i{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25)}
/* Dobre okazje: tekst u góry na tle zdjęcia, kobieta przesunięta w prawo – słoik widoczny */
.fx__side{background:var(--side-bg,#f2c9ad);flex-direction:column;color:var(--ink)!important}
.fx .fx__side,.fx .fx__side b{color:var(--ink)!important}
.fx__side::after{display:none!important}
.fx__side img{inset:auto -22% 0 auto;width:auto;height:76%;object-fit:contain;object-position:right bottom;transform:none}
.fx__side:hover img{transform:scale(1.03);transform-origin:right bottom}
.fx__side-copy{margin-top:0;padding:22px 20px 0;position:relative;z-index:1}
.fx__side-eyebrow{background:rgba(255,255,255,.6);color:var(--orange)}
.fx__side-copy > span:not(.fx__side-eyebrow){color:var(--text)}
.fx__side-copy em{color:var(--orange)}
/* BEZ GRADIENTÓW: zdjęcie na cały slajd, tekst na jednolitej (pustej) części zdjęcia */
.hx-slide__fade,.bxs__fade{display:none!important}
.hx-slide--photo .hx-slide__photo,.hx-slide--photo.hx-slide--orange .hx-slide__photo{width:100%!important;min-width:0;height:100%;object-fit:cover;object-position:right center}
.bxs__photo,.bxs--src-orlen .bxs__photo{width:100%!important;object-position:right center}
@media (max-width:767px){.hx-slide--photo .hx-slide__photo{height:62%;top:auto;bottom:0}.bxs__photo{height:58%!important}}

/* =========================================================
   HERO – animacje wejścia slajdu (subtelne: przesunięcia + fade, kolejno)
   ========================================================= */
@media (prefers-reduced-motion:no-preference){
  .hx-main .hx-slide .hx-eyebrow,
  .hx-main .hx-slide .hx-copy h2,
  .hx-main .hx-slide .hx-text,
  .hx-main .hx-slide .hx-cta,
  .hx-main .hx-slide .hx-strip li,
  .hx-main .hx-slide .hx-grid li{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
  .hx-main .hx-slide .hx-sticker{opacity:0;transform:rotate(-30deg) scale(.6);transition:opacity .5s var(--ease),transform .7s cubic-bezier(.34,1.56,.64,1)}
  .hx-main .hx-slide .hx-slide__photo{opacity:.0;transform:translateX(40px) scale(1.04);transition:opacity .9s var(--ease),transform 1.2s var(--ease)}
  .hx-main .swiper-slide-active .hx-eyebrow{opacity:1;transform:none;transition-delay:.15s}
  .hx-main .swiper-slide-active .hx-copy h2{opacity:1;transform:none;transition-delay:.25s}
  .hx-main .swiper-slide-active .hx-text{opacity:1;transform:none;transition-delay:.38s}
  .hx-main .swiper-slide-active .hx-cta{opacity:1;transform:none;transition-delay:.5s}
  .hx-main .swiper-slide-active .hx-strip li:nth-child(1),.hx-main .swiper-slide-active .hx-grid li:nth-child(1){opacity:1;transform:none;transition-delay:.62s}
  .hx-main .swiper-slide-active .hx-strip li:nth-child(2),.hx-main .swiper-slide-active .hx-grid li:nth-child(2){opacity:1;transform:none;transition-delay:.72s}
  .hx-main .swiper-slide-active .hx-strip li:nth-child(3),.hx-main .swiper-slide-active .hx-grid li:nth-child(3){opacity:1;transform:none;transition-delay:.82s}
  .hx-main .swiper-slide-active .hx-grid li:nth-child(4){opacity:1;transform:none;transition-delay:.92s}
  .hx-main .swiper-slide-active .hx-sticker{opacity:1;transform:rotate(-10deg) scale(1);transition-delay:.7s}
  .hx-main .swiper-slide-active .hx-slide__photo{opacity:1;transform:none;transition-delay:0s}
}
/* zdjęcie przesunięte w prawo, odsłonięty pas = jednolity kolor tła zdjęcia (bez gradientu) */
@media (min-width:768px){
  .hx-slide--photo{background:var(--bg)}
  .hx-slide--photo .hx-slide__photo{transform:translateX(22%)}
  .hx-main .swiper-slide-active .hx-slide--photo .hx-slide__photo{transform:translateX(22%)}
  .hx-main .hx-slide--photo .hx-slide__photo{transform:translateX(calc(22% + 40px)) scale(1.02)}
  .bxs--photo{background:var(--bg)}
  .bxs--photo .bxs__photo{transform:translateX(18%)}
}
/* mniejsze przesunięcie + krótkie przejście TYLKO na lewym brzegu zdjęcia (samo tło, bez postaci) */
@media (min-width:768px){
  .hx-slide--photo .hx-slide__photo,.hx-main .swiper-slide-active .hx-slide--photo .hx-slide__photo{transform:translateX(12%)}
  .hx-main .hx-slide--photo .hx-slide__photo{transform:translateX(calc(12% + 40px)) scale(1.02)}
  .bxs--photo .bxs__photo{transform:translateX(10%)}
  .hx-slide--photo .hx-slide__photo,.bxs--photo .bxs__photo{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);mask-image:linear-gradient(90deg,transparent 0,#000 16%)}
}
/* warianty: większe miniatury */
.pc-vars{padding:6px;gap:6px;border-radius:14px}
.pc-vars__grid{gap:6px}
.pc-vars__grid a{flex:0 0 54px;width:54px;height:54px;border-radius:10px}
.pc-vars__grid img{padding:4px}
.pc-vars__more{font-size:13px;padding:0 8px}
@media (max-width:1399px){.pc-vars__grid a{flex-basis:48px;width:48px;height:48px}}
.pc-vars{right:8px!important;max-width:none}
.pc-vars__grid{flex:1 1 auto;min-width:0}
.pc-vars__grid a{flex:1 1 0!important;width:auto!important;height:auto!important;aspect-ratio:1/1;max-width:68px}
/* slajd z pełną grafiką partnera (ORLEN) – bez docinania */
.bxs--full{padding:0!important;background:var(--bg);align-items:center;justify-content:center}
.bxs__full{width:100%;height:100%;object-fit:contain;display:block}
/* obok slidera tylko wycena dostawy */
.bx__grid{grid-template-columns:minmax(0,1fr) 320px}
.bx__side{display:flex!important;flex-direction:column}
.bxb--truck{flex:1;min-height:400px}
@media (max-width:1199px){.bx__grid{grid-template-columns:1fr}.bxb--truck{min-height:220px}}
/* Marka własna + sklep stacjonarny – jeden kompaktowy rząd */
.duo{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;margin:0 0 64px}
.duo .own{margin:0;padding:16px 20px 16px 16px;align-items:center}
.own__txt .own__cta{margin-top:6px}
.duo .own__img{height:78px}
.shop{position:relative;display:flex;align-items:flex-end;min-height:120px;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;color:#fff;transition:transform .25s var(--ease),box-shadow .25s}
.shop:hover{color:#fff;transform:translateY(-2px);box-shadow:var(--sh-2)}
.shop__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:-2;transition:transform .5s var(--ease)}
.shop:hover .shop__img{transform:scale(1.05)}
.shop::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,20,45,.85) 0%,rgba(10,20,45,.45) 55%,rgba(10,20,45,.1) 100%)}
.shop__txt{display:flex;flex-direction:column;gap:2px;padding:16px 20px}
.shop__eyebrow{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffb38a}
.shop__txt b{font-size:19px;font-weight:800;letter-spacing:-.02em}
.shop__txt > span:last-child{font-size:13px;color:rgba(255,255,255,.88)}
@media (max-width:991px){.duo{grid-template-columns:1fr;gap:12px;margin-bottom:44px}}
/* hero: osoby minimalnie oddalone (skala 0.9 od prawego dołu), brzegi zdjęcia miękko w tło */
@media (min-width:768px){
  .hx-slide--photo .hx-slide__photo,.hx-main .swiper-slide-active .hx-slide--photo .hx-slide__photo{transform-origin:right bottom;transform:translateX(6%) scale(.9)}
  .hx-main .hx-slide--photo .hx-slide__photo{transform-origin:right bottom;transform:translateX(calc(6% + 40px)) scale(.92)}
  .hx-slide--photo .hx-slide__photo{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%),linear-gradient(180deg,transparent 0,#000 12%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 16%),linear-gradient(180deg,transparent 0,#000 12%);mask-composite:intersect}
}
.bxs{min-height:440px;height:440px}
.bxs--full .bxs__full{object-fit:contain}
.bxb--truck{min-height:440px}
.shop,.shop b,.duo .shop b{color:#fff!important}
@media (max-width:767px){.bxs{height:auto;min-height:470px}.bxs--full{min-height:0;height:auto;aspect-ratio:16/9}}
/* Kupuj wygodniej: slider jak wcześniej, prawa kolumna = jeden boks na szerokość dawnych dwóch */
.bx__grid{grid-template-columns:minmax(0,1fr) 520px}
.bxs{height:auto;min-height:400px}
.bxs--full{height:400px;min-height:400px}
.bxb--truck{min-height:400px}
@media (max-width:1399px){.bx__grid{grid-template-columns:minmax(0,1fr) 420px}}
@media (max-width:1199px){.bx__grid{grid-template-columns:1fr}.bxb--truck{min-height:240px}}
/* Marka własna + sklep: wyższy rząd, zdjęcie sklepu dobrze widoczne */
.duo .own,.shop{min-height:190px}
.duo .own__img{height:110px}
.shop__img{object-position:center 45%}
.shop::after{background:linear-gradient(90deg,rgba(10,20,45,.8) 0%,rgba(10,20,45,.3) 50%,rgba(10,20,45,0) 75%)}
.shop__txt{padding:20px 22px}
/* Dobre okazje: płynny hover w obie strony + miękka górna krawędź zdjęcia */
.fx__side img{transition:transform .6s var(--ease)!important;transform:translateZ(0) scale(1);transform-origin:right bottom;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9%);mask-image:linear-gradient(180deg,transparent 0,#000 9%)}
.fx__side:hover img{transform:translateZ(0) scale(1.03)}
.duo .own__img{mix-blend-mode:multiply}
/* hero: zdjęcie od samej góry – bez górnej maski i bez skalowania */
@media (min-width:768px){
  .hx-slide--photo .hx-slide__photo,.hx-main .swiper-slide-active .hx-slide--photo .hx-slide__photo{transform:translateX(12%)!important}
  .hx-main .hx-slide--photo .hx-slide__photo{transform:translateX(calc(12% + 40px))}
  .hx-slide--photo .hx-slide__photo{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 16%)!important;-webkit-mask-composite:source-over;mask-composite:add}
}
/* hero: zdjęcie na 100% wysokości slajdu, naturalne proporcje, przyklejone do prawej */
@media (min-width:768px){
  .hx-slide--photo .hx-slide__photo,.hx-slide--photo.hx-slide--orange .hx-slide__photo{left:auto!important;right:0!important;top:0!important;height:100%!important;width:auto!important;max-width:none!important;min-width:0!important;object-fit:fill!important}
  .hx-slide--photo .hx-slide__photo,.hx-main .swiper-slide-active .hx-slide--photo .hx-slide__photo{transform:none!important}
  .hx-main .hx-slide--photo .hx-slide__photo{transform:translateX(40px)!important}
  .hx-main .swiper-slide-active .hx-slide--photo .hx-slide__photo{transform:none!important}
}
/* ORLEN: nasz układ, miniatura grafiki po prawej */
.bxs--orlen-thumb .bxs__art{width:48%;max-width:none;aspect-ratio:1110/820;right:28px;border-radius:var(--r);box-shadow:0 18px 40px rgba(0,0,0,.25)}
.bxs--orlen-thumb .bxs__copy{max-width:44%}
/* Wycena dostawy: zdjęcie MJ na granacie, tekst u góry na jednolitym tle */
.bxb--truck2{position:relative;flex-direction:column;justify-content:flex-start;background:var(--tb,#0b1d4a);color:#fff;min-height:400px;overflow:hidden;isolation:isolate}
.bxb--truck2:hover{color:#fff}
.bxb--truck2 .bxb__photo{position:absolute;left:0;right:0;bottom:0;top:auto;width:100%;height:auto;object-fit:contain;z-index:-1;transition:transform .5s var(--ease)}
.bxb--truck2:hover .bxb__photo{transform:scale(1.04)}
.bxb--truck2::after{display:none}
.bxb--truck2 .bxb__copy{margin-top:0;padding:24px 26px}
.bxb--truck2 .bxb__copy b{color:#fff;font-size:24px}
.bxb--truck2 .bxb__eyebrow{color:#ffb38a}
.bxb--truck2 .bxb__copy span:not(.bxb__eyebrow){color:rgba(255,255,255,.82)}
.bxb--truck2 .bxb__copy em{color:#fff}

/* =========================================================
   Z ŻYCIA KRAUZ – blog jako magazyn (ujednolicone kadry i typografia)
   ========================================================= */
:root{--guide:#0f8a4a;--guide-t:#e3f6ea;--news:#0b2a6f;--news-t:#e8eef9;--event:#c2410c;--event-t:#fff1e2}
.mag{margin:0 0 64px}
.mag__head{align-items:flex-end;flex-wrap:wrap}
.mag__filters{display:flex;gap:6px;flex-wrap:wrap}
.mag__chip{height:38px;padding:0 16px;border:0;border-radius:var(--pill);background:var(--bg);color:var(--text);font-weight:700;font-size:13.5px;cursor:pointer;transition:background .2s,color .2s}
.mag__chip:hover{background:var(--line)}
.mag__chip.is-active{background:var(--ink);color:#fff}
.mag__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:stretch}
/* wpis główny */
.mag__lead{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--bg);color:var(--ink);transition:box-shadow .3s,transform .3s var(--ease),opacity .3s}
.mag__lead:hover{color:var(--ink);box-shadow:var(--sh-2);transform:translateY(-2px)}
.mag__lead.is-dim{opacity:.45}
.mag__media{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--line)}
.mag__media img,.mag__thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.03);transition:transform .5s var(--ease)}
.mag__lead:hover .mag__media img,.mag__item:hover .mag__thumb img{transform:scale(1.05)}
.mag__body{display:flex;flex-direction:column;gap:10px;padding:22px 24px 24px;flex:1}
.mag__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12.5px;color:var(--muted);font-weight:500}
.mag__tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.mag__tag--guide{background:var(--guide-t);color:var(--guide)}
.mag__tag--news{background:var(--news-t);color:var(--news)}
.mag__tag--event{background:var(--event-t);color:var(--event)}
.mag__title{font-size:26px;line-height:1.15;font-weight:800;letter-spacing:-.025em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mag__excerpt{font-size:14.5px;line-height:1.55;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mag__body .kb-link{margin-top:auto}
/* lista */
.mag__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.mag__list li[hidden]{display:none}
.mag__item{display:flex;align-items:center;gap:16px;padding:10px;border-radius:var(--r);background:#fff;box-shadow:var(--sh-1);color:var(--ink);transition:box-shadow .25s,transform .25s var(--ease)}
.mag__item:hover{color:var(--ink);box-shadow:var(--sh-2);transform:translateX(3px)}
.mag__thumb{flex:0 0 132px;width:132px;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--line)}
.mag__txt{display:flex;flex-direction:column;gap:6px;min-width:0}
.mag__name{font-size:16px;line-height:1.3;font-weight:700;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mag__read{font-size:12px;color:var(--muted)}
.mag__foot{display:flex;justify-content:center;margin-top:24px}
.mag__all{background:var(--bg);color:var(--ink)}
.mag__all:hover{background:var(--ink);color:#fff}
@media (max-width:991px){.mag__grid{grid-template-columns:1fr}}
@media (max-width:767px){.mag{margin-bottom:44px}.mag__title{font-size:21px}.mag__thumb{flex-basis:100px;width:100px}.mag__name{font-size:14.5px}.mag__filters{width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}}
.bxb--truck2 .bxb__photo{object-fit:cover;height:72%;object-position:center bottom}
.usp{margin-bottom:32px}
.mag{margin-top:64px}
/* ORLEN: logo bez białej ramki */
.bxs__logos img[src*="orlen-logo"]{padding:0;background:none;box-shadow:none;height:64px;border-radius:10px}
/* Wycena dostawy: konsultant na całym boksie, bez ucięcia */
.bxb--truck2 .bxb__photo{inset:0;top:0;height:100%!important;width:100%;object-fit:cover!important;object-position:center bottom;-webkit-mask-image:none;mask-image:none}
.bxb--truck2 .bxb__copy{position:relative;z-index:1}
/* BLOG v2: delikatne tło sekcji, 4 równe karty, umiarkowane zdjęcia */
.mag{background:#f7f5f1;border-radius:var(--r-lg);padding:36px 32px 32px}
.mag__cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mag__cards li[hidden]{display:none}
.mag__card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-1);color:var(--ink);transition:box-shadow .25s,transform .25s var(--ease)}
.mag__card:hover{color:var(--ink);box-shadow:var(--sh-2);transform:translateY(-3px)}
.mag__pic{position:relative;display:block;aspect-ratio:16/10;margin:10px 10px 0;border-radius:12px;overflow:hidden;background:var(--line)}
.mag__pic img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.mag__card:hover .mag__pic img{transform:scale(1.05)}
.mag__pic .mag__tag{position:absolute;left:10px;top:10px}
.mag__cbody{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.mag__date{font-size:12px;color:var(--muted)}
.mag__card .mag__name{font-size:16px;line-height:1.3;font-weight:800;letter-spacing:-.015em;-webkit-line-clamp:2}
.mag__card .mag__excerpt{font-size:13px;line-height:1.5;-webkit-line-clamp:2}
.mag__cbody .kb-link{margin-top:auto;padding-top:4px;font-size:13.5px}
.mag__chip{background:#fff}
@media (max-width:1199px){.mag__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.mag{margin-left:-12px;margin-right:-12px;border-radius:0;padding:28px 12px}.mag__cards{grid-template-columns:1fr 1fr;gap:10px}.mag__card .mag__excerpt{display:none}.mag__card .mag__name{font-size:14px}}
.bxs--orlen-locker .bxs__art{right:0;top:0;bottom:0;transform:none;height:100%;width:auto;max-width:62%;aspect-ratio:1140/730;border-radius:0;box-shadow:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%);mask-image:linear-gradient(90deg,transparent 0,#000 14%)}
.bxs--orlen-locker .bxs__art img{object-fit:cover;object-position:left center}
.bxs--orlen-locker .bxs__copy{max-width:42%}

/* =========================================================
   SEZONOWE HITY – kafel sezonowy (styl Super ceny)
   ========================================================= */
.stile{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px 22px 22px;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;color:#fff;background:#b8461e}
.stile:hover{color:#fff}
.stile--warm{background:#b8461e}
.stile--green{background:#1f6b50}
.stile--slate{background:#3d4f63}
a.stile,a.stile:hover,.stile .stile__title,.stile .stile__eyebrow{color:#fff}
.stile::before{content:"";position:absolute;width:380px;height:380px;right:-170px;top:-170px;border-radius:50%;background:rgba(255,255,255,.1);z-index:-1}
.stile__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:var(--pill);background:rgba(255,255,255,.18);font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.stile__eyebrow i{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25)}
.stile__title{font-size:30px;line-height:1.05;font-weight:800;letter-spacing:-.03em;margin-top:6px}
.stile__text{font-size:14px;line-height:1.45;color:rgba(255,255,255,.88)}
.stile__media{display:block;margin:10px 0 4px;border-radius:var(--r);overflow:hidden;aspect-ratio:5/4;box-shadow:0 18px 40px rgba(0,0,0,.22)}
.stile__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.stile:hover .stile__media img{transform:scale(1.05)}
.stile__btn{margin-top:auto;align-self:flex-start;background:#fff;color:var(--ink)}
.stile:hover .stile__btn{background:var(--ink);color:#fff}

/* =========================================================
   PRZED STOPKĄ: sklep stacjonarny + dlaczego KRAUZ
   ========================================================= */
.kpre{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:20px;margin:0 auto 24px}
.kstore{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:var(--r-lg);background:var(--own-t);color:var(--ink);transition:box-shadow .25s,transform .25s var(--ease)}
.kstore:hover{color:var(--ink);box-shadow:var(--sh-2);transform:translateY(-2px)}
.kstore__ico{flex:0 0 52px;width:52px;height:52px;border-radius:14px;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.kstore__txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.kstore__eyebrow{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--navy)}
.kstore__txt b{font-size:17px;font-weight:800;letter-spacing:-.01em}
.kstore__txt > span:last-child{font-size:13px;color:var(--text)}
.kstore__go{display:inline-flex;align-items:center;gap:2px;font-size:14px;font-weight:700;color:var(--orange)}
.kstore__go .kb-i{width:16px;height:16px}
.kwhy{list-style:none;margin:0;padding:10px 14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;border-radius:var(--r-lg);background:var(--bg)}
.kwhy li{display:flex;align-items:center;gap:10px;padding:8px}
.kwhy__ico{flex:0 0 38px;width:38px;height:38px;border-radius:var(--pill);background:#fff;color:var(--orange);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--sh-1)}
.kwhy__ico .kb-i{width:19px;height:19px}
.kwhy b{display:block;font-size:13px;font-weight:700;line-height:1.2}
.kwhy small{display:block;font-size:11.5px;color:var(--muted);line-height:1.3}
@media (max-width:1199px){.kpre{grid-template-columns:1fr}.kwhy{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.kwhy{grid-template-columns:1fr 1fr}}

/* SEO – spokojna karta z rozwinięciem */
.kseo{position:relative;margin:0 0 40px;padding:28px 32px 20px;border-radius:var(--r-lg);background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.kseo .seo-home{max-height:150px;overflow:hidden;position:relative;color:var(--text);font-size:14px;line-height:1.65;transition:max-height .5s var(--ease)}
.kseo .seo-home::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(0deg,#fff,rgba(255,255,255,0))}
.kseo.is-open .seo-home{max-height:4000px}
.kseo.is-open .seo-home::after{display:none}
.kseo .seo-home h1{font-size:20px;line-height:1.25;letter-spacing:-.02em;margin:0 0 10px;color:var(--ink)}
.kseo .seo-home h3{font-size:16px;margin:18px 0 6px;color:var(--ink)}
.kseo .seo-home a{color:var(--ink)!important;text-decoration:underline;text-decoration-color:var(--line2)}
.kseo .seo-home details{display:block}
.kseo .seo-home details > summary{display:none}
.kseo__more{display:inline-flex;align-items:center;gap:2px;margin-top:10px;border:0;background:none;padding:0;color:var(--orange);font-weight:700;font-size:14px;cursor:pointer}
.kseo__more .kb-i{width:16px;height:16px;transform:rotate(90deg);transition:transform .3s}
.kseo.is-open .kseo__more .kb-i{transform:rotate(-90deg)}

/* =========================================================
   STOPKA
   ========================================================= */
.krauz-beta .footer-banner-bg,.krauz-beta .under-footer{display:none}
.kf{background:#0e1424;color:rgba(255,255,255,.72);padding:0;margin:0;font-size:14px}
.kf a{color:rgba(255,255,255,.8)}
.kf a:hover{color:#fff}
.kf__top{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:28px;padding:40px 0 32px;border-bottom:1px solid rgba(255,255,255,.08)}
.kf__logo{filter:brightness(0) invert(1);height:40px;width:auto}
.kf__brand p{margin:10px 0 0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.7)}
.kf__help{display:flex;align-items:center;gap:14px;color:#fff!important}
.kf__help-ico{flex:0 0 46px;width:46px;height:46px;border-radius:var(--pill);border:1.5px solid var(--orange);color:var(--orange);display:inline-flex;align-items:center;justify-content:center}
.kf__help b{display:block;font-size:16px;font-weight:700}
.kf__help small{display:block;font-size:12.5px;color:rgba(255,255,255,.6)}
.kf__call{white-space:nowrap}
.kf__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 300px;gap:32px;padding:36px 0}
.kf h5{margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.kf__col ul,.kf__safe ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.kf__safe{padding:22px;border-radius:var(--r);background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.kf__safe li{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.85);font-size:13.5px}
.kf__safe li .kb-i{width:16px;height:16px;color:#ffb38a}
.kf__gazele{display:block;margin-top:16px;max-width:160px;border-radius:8px}
.kf__strip{display:flex;align-items:center;flex-wrap:wrap;gap:16px 32px;padding:22px 0;border-top:1px solid rgba(255,255,255,.08)}
.kf__pay,.kf__ship{display:flex;align-items:center;gap:12px}
.kf__label{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.kf__chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:10px;background:#fff}
.kf__chip img{height:30px;width:auto}
.kf__social{display:flex;gap:10px;margin-left:auto}
.kf__social a{width:40px;height:40px;border-radius:var(--pill);background:rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:background .2s}
.kf__social a:hover{background:var(--orange)}
.kf__social .kb-i{width:19px;height:19px}
.kf__company{padding:0 0 22px;font-size:12.5px;color:rgba(255,255,255,.5)}
.kf__bottom{background:#0a0f1c;padding:14px 0;font-size:12.5px;color:rgba(255,255,255,.5)}
.kf__bottom-in{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.kf__bottom a{color:rgba(255,255,255,.7);text-decoration:underline}
@media (max-width:1199px){.kf__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kf__safe{grid-column:1/-1}.kf__top{grid-template-columns:1fr;gap:16px}}
@media (max-width:767px){.kf__grid{grid-template-columns:1fr 1fr;gap:24px}.kf__social{margin-left:0}}
/* stopka: reset starych reguł footer */
.kf h5::before,.kf h5::after{display:none!important;content:none!important}
.kf h5{padding:0!important;border:0!important}
.kf__col li,.kf__safe li{margin:0!important;padding:0!important;line-height:1.35}
.kf__col li a{font-size:14px;line-height:1.35;padding:0}
.kf__bottom-in{flex-wrap:nowrap}
.kf__bottom-in span{display:block;white-space:normal}
.kf__bottom-in span:last-child{white-space:nowrap}
.kf p{margin:0}
.kf__company a{display:inline;color:rgba(255,255,255,.7)}
.kf,.kf *{text-align:left}
.kf__bottom-in span:first-child{flex:1 1 auto;max-width:none}
.kf__brand p{margin-top:12px}
@media (max-width:767px){.kf__grid{grid-template-columns:1fr 1fr}.kf__col li a{font-size:13.5px}}

/* HERO: główne słowo produktu – duże, z markerem */
.hx-copy h2.hx-title{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0 0 16px}
.hx-kw{position:relative;display:inline-block;font-size:clamp(46px,5vw,76px);line-height:1;font-weight:800;letter-spacing:-.045em;color:#fff;z-index:0;padding:.04em .2em .1em;margin-left:-.06em}
.hx-kw::after{content:"";position:absolute;inset:0;border-radius:12px;background:#f05000;z-index:-1;transform-origin:left;transform:scaleX(1)}
.hx-slide--orange .hx-kw{color:var(--bg,#f05000)}
.hx-slide--orange .hx-kw::after{background:#fff}
.hx-rest{font-size:clamp(20px,1.9vw,28px);line-height:1.15;font-weight:700;letter-spacing:-.02em;color:var(--fg);opacity:.92}
@media (prefers-reduced-motion:no-preference){
  .hx-main .hx-kw::after{transform:scaleX(0);transition:transform .5s var(--ease)}
  .hx-main .swiper-slide-active .hx-kw::after{transform:scaleX(1);transition-delay:.2s}
}
@media (max-width:767px){.hx-kw{font-size:44px}.hx-rest{font-size:19px}}

/* ===================== KRAUZ PROMKA (popup) ===================== */
html.kpm-open{overflow:hidden}
.kpm{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(11,22,48,.28);-webkit-backdrop-filter:blur(7px) saturate(1.05);backdrop-filter:blur(7px) saturate(1.05);opacity:0;transition:opacity .3s var(--ease)}
.kpm[hidden]{display:none}
.kpm.is-in{opacity:1}
.kpm__card{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(880px,100%);background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(11,22,48,.28),0 0 0 1px rgba(11,22,48,.06);transform:translateY(18px) scale(.97);transition:transform .45s var(--ease)}
.kpm.is-in .kpm__card{transform:none}
.kpm__x{position:absolute;top:14px;right:14px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:#f3f1ee;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s}
.kpm__x:hover{background:var(--ink);color:#fff;transform:rotate(90deg)}
.kpm__x svg{width:18px;height:18px}
.kpm__media{position:relative;display:grid;place-items:center;background:#ffe9dc;padding:56px 36px 36px;text-decoration:none}
.kpm__media img{width:100%;max-width:340px;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s var(--ease)}
.kpm__media:hover img{transform:scale(1.04)}
.kpm__tag{position:absolute;top:20px;left:20px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px 8px 11px;border-radius:999px;background:#f05000;color:#fff;font-size:13px;font-weight:800;letter-spacing:.06em}
.kpm__tag svg{width:15px;height:15px}
.kpm__save{position:absolute;bottom:20px;left:20px;padding:8px 14px;border-radius:12px;background:#e5193f;color:#fff;font-size:17px;font-weight:800;letter-spacing:-.01em}
.kpm__body{padding:44px 40px 32px;display:flex;flex-direction:column}
.kpm__eyebrow{margin:0 0 10px;color:#f05000;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.kpm__name{margin:0 0 18px;font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-.02em}
.kpm__name a{color:var(--ink);text-decoration:none}
.kpm__name a:hover{color:#f05000}
.kpm__price{display:flex;flex-direction:column;gap:4px}
.kpm__price strong{font-size:52px;line-height:1;font-weight:800;letter-spacing:-.04em;color:#f05000}
.kpm__old{font-size:14px;color:#6b6f78}
.kpm__old del{color:#6b6f78}
.kpm__unit{margin:6px 0 0;font-size:14px;font-weight:600;color:var(--ink)}
.kpm__stock{margin:24px 0 26px;padding:14px 16px;border-radius:16px;background:#f6f4f1}
.kpm__stock-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;color:var(--ink);margin-bottom:10px}
.kpm__stock-top b{color:#f05000;font-weight:800}
.kpm__stock-top em{font-style:normal;font-size:12px;font-weight:800;color:#e5193f;text-transform:uppercase;letter-spacing:.05em}
.kpm__bar{height:8px;border-radius:99px;background:#e6e1db;overflow:hidden}
.kpm__bar i{display:block;height:100%;width:100%;border-radius:inherit;background:#f05000;transition:width 1.4s var(--ease) .45s}
.kpm.is-in .kpm__bar i{width:var(--p)}
.kpm__cta{display:flex;align-items:center;gap:10px;margin-top:auto}
.kpm__go{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:54px;border-radius:999px;background:#f05000;color:#fff!important;font-size:17px;font-weight:800;text-decoration:none;transition:background .2s,transform .2s}
.kpm__go:hover{background:var(--ink)}
.kpm__go svg{width:20px;height:20px;transition:transform .2s}
.kpm__go:hover svg{transform:translateX(3px)}
.kpm__later{height:54px;padding:0 20px;border:0;border-radius:999px;background:transparent;color:#6b6f78;font-size:15px;font-weight:600;cursor:pointer}
.kpm__later:hover{color:var(--ink);background:#f3f1ee}
.kpm__perks{display:flex;gap:18px;margin:18px 0 0;padding:0;list-style:none;font-size:13px;color:#6b6f78}
.kpm__perks li{display:flex;align-items:center;gap:6px}
.kpm__perks li::before{content:"";width:6px;height:6px;border-radius:50%;background:#1e9e5a}
@media (max-width:767px){
  .kpm{align-items:flex-end;padding:0}
  .kpm__card{grid-template-columns:1fr;border-radius:24px 24px 0 0;max-height:92vh;overflow:auto;transform:translateY(40px)}
  .kpm__media{padding:52px 24px 20px}
  .kpm__media img{max-width:210px}
  .kpm__body{padding:22px 20px 24px}
  .kpm__name{font-size:19px;margin-bottom:12px}
  .kpm__price strong{font-size:40px}
  .kpm__stock{margin:16px 0 18px}
  .kpm__perks{display:none}
}
@media (prefers-reduced-motion:reduce){.kpm,.kpm__card,.kpm__bar i{transition:none}}
.kpm__eta{display:flex;align-items:center;gap:8px;margin:16px 0 0;font-size:14px;color:#4a4f58}
.kpm__eta svg{width:20px;height:20px;flex:none;color:#1e9e5a}
.kpm__eta b{color:var(--ink);font-weight:700}
@media (max-width:767px){.kpm__eta{font-size:13px;margin-top:12px}}

/* USP: wyróżniona Dostawa 0 zł */
.usp li.usp-hl b{color:var(--orange)}
.usp li.usp-hl small{white-space:nowrap}
.usp li.usp-hl .usp-ico{background:var(--orange);color:#fff;box-shadow:none}

/* Bez poświat i cieni pod etykietami, naklejkami i przyciskami (2026-10-28) */
.hx-sticker,.hx-slide--orange .hx-sticker,.sb__sticker,.pc-badge,.pc-vars,.pc-specs,.hx-chip,.hx-chip:hover,
.kb-btn--primary,.hx-slide--orange .kb-btn--primary,.sb__btn,.pc-cart,.krauz-beta .cart-right .to-cart,
.hx-eyebrow i,.sec-eyebrow i,.dl__eyebrow i,.sb__eyebrow i,.bxs__eyebrow i,.fx__side-eyebrow i,.stile__eyebrow i,
.kpm__save,.kpm__tag,.stile__media{box-shadow:none!important}
.pc-vars,.pc-specs{border:1px solid var(--line)}

/* KRAUZ PROMKA – mini etykieta powrotu */
.kpm-pill{position:fixed;left:20px;bottom:20px;z-index:1500;display:flex;align-items:center;background:#fff;border-radius:999px;border:1px solid var(--line);opacity:0;transform:translateY(12px);transition:opacity .3s var(--ease),transform .3s var(--ease)}
.kpm-pill[hidden]{display:none}
.kpm-pill.is-in{opacity:1;transform:none}
.krauz-beta .kpm-pill{bottom:52px}
.kpm-pill__open{display:flex;align-items:center;gap:10px;padding:5px 4px 5px 5px;border:0;background:none;cursor:pointer;text-align:left;font:inherit}
.kpm-pill__open img{width:40px;height:40px;border-radius:50%;object-fit:contain;background:#ffe9dc;padding:3px}
.kpm-pill__open b{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:800;letter-spacing:.05em;color:var(--orange)}
.kpm-pill__open b svg{width:13px;height:13px}
.kpm-pill__open small{display:block;font-size:12.5px;font-weight:600;color:var(--ink)}
.kpm-pill__open:hover small{color:var(--orange)}
.kpm-pill__x{width:30px;height:30px;margin:0 6px 0 4px;border:0;border-radius:50%;background:#f3f1ee;color:#6b6f78;display:grid;place-items:center;cursor:pointer}
.kpm-pill__x:hover{background:var(--ink);color:#fff}
.kpm-pill__x svg{width:14px;height:14px}
@media (max-width:767px){.kpm-pill{left:12px;bottom:12px}.krauz-beta .kpm-pill{bottom:44px}}
/* Dobre okazje: zdjęcie na całą szerokość, wyśrodkowane – bez widocznej krawędzi tła */
.fx__side img{inset:auto 0 0 0!important;width:100%!important;height:66%!important;object-fit:cover;object-position:center 18%;transform-origin:center bottom!important}
.fx__side img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%)!important;mask-image:linear-gradient(180deg,transparent 0,#000 22%)!important}
@media (max-width:767px){.fx__side img{left:auto!important;right:0!important;width:52%!important;height:100%!important;object-position:center 12%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 22%)!important}.fx__side-copy{max-width:58%}}
@media (max-width:767px){.fx__side-eyebrow{white-space:nowrap}}

/* ===================== Z ŻYCIA FIRMY (blog) ===================== */
.life{margin:0 0 64px}
.life__head{align-items:flex-end}
.life__all{white-space:nowrap}
.life__grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px}
.life a{color:var(--ink);text-decoration:none}
.life__lead{display:flex;flex-direction:column;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);overflow:hidden;transition:border-color .2s}
.life__lead:hover{border-color:var(--orange)}
.life__pic{display:block;aspect-ratio:16/9;background:var(--bg);overflow:hidden}
.life__pic img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.life__lead:hover .life__pic img{transform:scale(1.03)}
.life__body{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px}
.life__meta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted);font-weight:600}
.life__tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.life__tag--event{background:#fff1e8;color:var(--orange)}
.life__tag--news{background:#e8eefb;color:#0b2a6f}
.life__tag--guide{background:#e7f5ee;color:#1e7a4a}
.life__title{font-size:22px;line-height:1.2;font-weight:800;letter-spacing:-.02em}
.life__excerpt{font-size:14px;line-height:1.5;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.life__lead .kb-link{margin-top:4px}
.life__side{display:flex;flex-direction:column;gap:16px}
.life__item{display:flex;gap:14px;align-items:center;padding:12px;border-radius:var(--r);background:#fff;border:1px solid var(--line);transition:border-color .2s}
.life__item:hover{border-color:var(--orange)}
.life__thumb{flex:0 0 96px;width:96px;height:96px;border-radius:12px;overflow:hidden;background:var(--bg)}
.life__thumb img{width:100%;height:100%;object-fit:cover}
.life__ibody{display:flex;flex-direction:column;gap:6px;min-width:0}
.life__ibody b{font-size:15px;line-height:1.3;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.life__facts{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.life__facts span{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:var(--r);background:#0b2a6f;color:rgba(255,255,255,.8);font-size:12.5px;line-height:1.35}
.life__facts b{color:#fff;font-size:15px;font-weight:800}
.life__guides{display:flex;flex-direction:column;padding:20px 22px;border-radius:var(--r-lg);background:var(--bg)}
.life__gh{margin:0 0 6px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#1e7a4a}
.life__guides ol{list-style:none;margin:0 0 14px;padding:0}
.life__guides li+li{border-top:1px solid var(--line)}
.life__guides li a{display:flex;gap:12px;align-items:flex-start;padding:12px 0}
.life__n{flex:0 0 26px;height:26px;border-radius:50%;background:#fff;color:var(--ink);font-size:12.5px;font-weight:800;display:grid;place-items:center}
.life__guides li b{display:block;font-size:14.5px;line-height:1.3;font-weight:700}
.life__guides li small{display:block;margin-top:2px;font-size:12px;color:var(--muted)}
.life__guides li a:hover b{color:var(--orange)}
.life__guides .kb-link{margin-top:auto}
@media (max-width:1199px){.life__grid{grid-template-columns:1fr 1fr}.life__guides{grid-column:1/-1}}
@media (max-width:767px){
  .life{margin-bottom:40px}
  .life__grid{grid-template-columns:1fr;gap:12px}
  .life__title{font-size:19px}
  .life__thumb{flex-basis:76px;width:76px;height:76px}
  .life__all{display:none}
}
.life{margin-top:64px}.life__item{flex:1}@media (max-width:767px){.life{margin-top:40px}.life__item{flex:none}}

/* Więcej promocji – lista pod Super ceną */
.sb-col{display:flex;flex-direction:column}
.mp{flex:1;display:flex;flex-direction:column;padding:16px 16px 6px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line)}
.mp__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.mp__head b{font-size:16px;font-weight:800;letter-spacing:-.01em}
.mp ul{list-style:none;margin:0;padding:0}
.mp li+li{border-top:1px solid var(--line)}
.mp li a{display:flex;align-items:center;gap:12px;padding:10px 0;color:var(--ink);text-decoration:none}
.mp__img{flex:0 0 56px;width:56px;height:56px;border-radius:10px;background:var(--bg);overflow:hidden}
.mp__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.mp__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.mp__name{font-size:13px;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mp li a:hover .mp__name{color:var(--orange)}
.mp__price{display:flex;align-items:baseline;gap:6px}
.mp__price b{font-size:15px;font-weight:800;color:#e5193f}
.mp__price s{font-size:12px;color:var(--muted)}
.mp__pct{flex:none;height:22px;padding:0 7px;border-radius:6px;background:#e5193f;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}
@media (max-width:991px){.mp{display:none}}
/* Z życia firmy: 4 wpisy w środku, poradniki z opisem, kolumny do dołu */
.life__grid{align-items:stretch}
.life__side{gap:12px}
.life__item{flex:1;padding:10px}
.life__thumb{flex-basis:84px;width:84px;height:84px}
.life__ibody b{font-size:14.5px;-webkit-line-clamp:2}
.life__guides ol{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.life__guides li a{padding:11px 0}
.life__guides li em{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font-style:normal;font-size:12.5px;line-height:1.4;color:var(--text)}
@media (max-width:767px){.life__item{flex:none}}
.mp__price b{color:var(--ink)}
.mp__price.is-sale b{color:#e5193f}
.mp__hot{flex:none;font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap}
/* ORLEN: biały slajd z grafiką partnera (telefon) */
.bxs--orlen-phone .bxs__eyebrow{background:rgba(255,255,255,.2)}.bxs--orlen-phone .bxs__eyebrow i{background:#fff}
.bxs--orlen-phone .bxs__art{right:28px;top:auto;bottom:0;transform:none;height:90%;width:auto;max-width:44%;aspect-ratio:1000/920;border-radius:0;box-shadow:none!important}
.bxs--orlen-phone .bxs__art img{object-fit:contain;object-position:center bottom}
.bxs--orlen-phone .bxs__copy,.bxs--orlen-phone .bxs__body{max-width:52%}
@media (max-width:767px){.bxs--orlen-phone .bxs__art{position:relative;right:auto;width:80%;max-width:none;height:auto;margin:12px auto 0}.bxs--orlen-phone .bxs__copy,.bxs--orlen-phone .bxs__body{max-width:none}}
/* Z życia firmy: tło całego kontenera, kafle na biało */
.life{padding:32px 32px 36px;border-radius:var(--r-lg);background:#f4f1ec}
.life__lead,.life__item{border-color:transparent}
.life__guides{background:#fff}
.life__n{background:#f4f1ec}
@media (max-width:767px){.life{padding:20px 16px 24px;margin-left:-4px;margin-right:-4px}}
.life__lead .life__excerpt{-webkit-line-clamp:4}
.bxs--orlen-phone .bxs__art{right:96px;height:96%;max-width:46%}
.bx__nav .hx-arrow{border:1px solid var(--line)}
.bxs--orlen-phone .bxs__art{right:84px;height:90%;max-width:none;aspect-ratio:680/910}
.bxs--orlen-phone .bxs__copy{max-width:50%!important}
.bxs--orlen-phone .bxs__art{right:72px;height:82%}
@media (max-width:767px){.bxs--orlen-phone .bxs__copy{max-width:none!important}.bxs--orlen-phone .bxs__art{position:relative;right:auto!important;height:auto!important;width:62%;margin:16px auto 0;display:block}}
/* Dobre okazje: ŻADNYCH masek/gradientów na zdjęciu z kobietą – tło kafla = kolor tła zdjęcia */
.fx__side img{-webkit-mask-image:none!important;mask-image:none!important}

/* Sezonowe hity: bez kółka, różne produkty na jednolitym tle kafla, rotator 5 produktów */
.stile::before{display:none!important}
.stile--slate{background:#e6ebf0!important}
.stile--slate,a.stile--slate:hover,.stile--slate .stile__title{color:var(--ink)!important}
.stile--slate .stile__text{color:var(--text)}
.stile--slate .stile__eyebrow{background:#fff;color:var(--ink)!important}
.stile--slate .stile__eyebrow i{background:var(--orange)}
.stile--slate .stile__btn{background:var(--ink);color:#fff}
.stile__prods{position:relative;display:block;margin:10px -6px 6px;height:240px}
.stile__prods img{position:absolute;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}
.stile__prods img:nth-child(1){left:0;bottom:4%;width:52%}
.stile__prods img:nth-child(2){left:26%;top:0;width:52%}
.stile__prods img:nth-child(3){right:0;bottom:0;width:50%}
@media (min-width:1400px){.fx--side .rail{grid-auto-columns:calc((100% - 4*14px)/5)}}
@media (min-width:1400px){.fx--side .pc-price b{font-size:18px}.fx--side .pc-price b small,.fx--side .pc-price b span{font-size:11px}.fx--side .pc-cart{flex-basis:40px;width:40px;height:40px}}
@media (min-width:1400px){.fx--side .pc-price b{font-size:16.5px}.fx--side .pc-buy{gap:6px}}
.bxs--orlen-phone .bxs__art{aspect-ratio:622/895;height:88%;right:84px}
.bx__nav .hx-arrow{border:0}

/* ===================== STOPKA v2: wspólne (jakość, większe logotypy) ===================== */
.kf__top{padding:48px 0 36px}
.kf__logo{height:52px}
.kf__grid{padding:40px 0 36px}
.kf__safe{padding:24px;border-radius:var(--r-lg)}
.kf__award{display:block;margin-top:18px;padding:10px 12px;border-radius:12px;background:#fff;width:max-content;max-width:100%}
.kf__gazele{margin:0;max-width:190px;border-radius:0}
.kf__strip{padding:26px 0;gap:20px 36px}
.kf__chip{padding:10px 16px;border-radius:12px}
.kf__chip img{height:44px}
.kf__col li a{transition:color .15s}
.kf__help-ico{border-width:0;background:var(--orange);color:#fff}

/* JASNA */
.kf--light{background:#f5f2ee;color:var(--text);border-top:1px solid #ebe5dd}
.kf--light a{color:var(--text)}
.kf--light a:hover{color:var(--orange)}
.kf--light h5,.kf--light .kf__label{color:var(--ink)}
.kf--light .kf__logo{filter:none}
.kf--light .kf__brand p,.kf--light .kf__help small,.kf--light .kf__company{color:var(--muted)}
.kf--light .kf__help{color:var(--ink)!important}
.kf--light .kf__top,.kf--light .kf__strip{border-color:#e6dfd6}
.kf--light .kf__safe{background:#fff;box-shadow:none}
.kf--light .kf__safe li{color:var(--ink)}
.kf--light .kf__safe li .kb-i{color:#1e9e5a}
.kf--light .kf__award{padding:0;background:none}
.kf--light .kf__chip{background:#fff}
.kf--light .kf__social a{background:#fff;color:var(--ink)}
.kf--light .kf__social a:hover{background:var(--orange);color:#fff}
.kf--light .kf__company a{color:var(--text)}
.kf--light .kf__bottom{background:#ece7e0;color:var(--muted)}
.kf--light .kf__bottom a{color:var(--text)}

/* CIEMNA (granat marki zamiast czerni) */
.kf--dark{background:#0b2a6f}
.kf--dark .kf__bottom{background:#081f55}
.kf--dark .kf__safe{background:rgba(255,255,255,.07)}
.kf--dark .kf__strip{gap:16px;justify-content:space-between}
.kf--dark .kf__pay,.kf--dark .kf__ship{padding:8px 8px 8px 18px;border-radius:14px;background:rgba(255,255,255,.07)}
.kf--dark .kf__social a:hover{background:var(--orange)}
.kf__bottom a,.kf__company a{display:inline!important;padding:0!important}
.kf__bottom-in{align-items:center}
.kf__bottom-in span:last-child{white-space:nowrap}
.kf__chip img{height:52px;max-width:none}
.kf__ship .kf__chip img{height:48px}
.mp li a{padding:7px 0}.mp__img{flex-basis:50px;width:50px;height:50px}.mp{padding-top:14px}

/* Mega menu: kategorie bez podkategorii – opis + pierwszy rząd produktów */
.kb-mega__desc{margin:-4px 0 18px;max-width:720px;font-size:14px;line-height:1.5;color:var(--text)}
.kb-mega__prods{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.kb-mega__prods a{display:flex;flex-direction:column;gap:8px;height:100%;padding:10px;border-radius:var(--r);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .2s}
.kb-mega__prods a:hover{border-color:var(--orange)}
.kb-mega__pimg{display:block;aspect-ratio:1;border-radius:10px;background:var(--photo);overflow:hidden}
.kb-mega__pimg img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.kb-mega__pname{font-size:13px;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kb-mega__prods a:hover .kb-mega__pname{color:var(--orange)}
.kb-mega__pprice{margin-top:auto;display:flex;align-items:baseline;gap:6px}
.kb-mega__pprice b{font-size:15px;font-weight:800}
.kb-mega__pprice s{font-size:12px;color:var(--muted)}
.kb-mega__all{height:44px}
.kb-mega__thumb img{object-fit:contain;mix-blend-mode:multiply}
/* Pomarańczowe przyciski zawsze z białym tekstem (stare style linków nadpisywały kolor) */
.kb-btn--primary,a.kb-btn--primary,a.kb-btn--primary:hover,.kb-btn--primary:visited,.kb-mega__all,.sb__btn.kb-btn--primary{color:#fff!important}
.hx-slide--orange .kb-btn--primary,.hx-slide--orange a.kb-btn--primary{color:var(--bg)!important}
.hx-slide--orange a.kb-btn--primary:hover{color:#fff!important}
/* Sezonowe hity: zdjęcie z Midjourney w karcie (bez masek), tło kafla oliwkowe jak tło zdjęcia */
.stile--olive{background:#66614a}
.stile--olive,a.stile--olive:hover,.stile--olive .stile__title,.stile--olive .stile__eyebrow{color:#fff!important}
.stile--olive .stile__eyebrow{background:rgba(255,255,255,.18)}
.stile--olive .stile__btn{background:#fff;color:var(--ink)}
.stile__photo{display:block;margin:12px 0 14px;border-radius:var(--r);overflow:hidden;aspect-ratio:1}
.stile__photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.hx-slide--mist{--eb:var(--orange)}
/* Sezonowe hity: zdjęcie jako tło całego kafla, teksty i przycisk razem u góry */
.stile--bg{background:#7a745a!important;min-height:520px}
.stile__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;z-index:-1;transition:transform .6s var(--ease);transform-origin:center bottom}
.stile--bg:hover .stile__bg{transform:scale(1.03)}
.stile--bg .stile__btn{margin-top:8px}
.stile--bg .stile__title,.stile--bg .stile__text{max-width:30ch}
@media (max-width:767px){.stile--bg{min-height:640px}}
/* Biały przycisk na kolorowym slajdzie (ORLEN) – tekst w kolorze tła slajdu */
.bxs__cta.is-white,a .bxs__cta.is-white,.bxs__cta.is-white:hover{background:#fff!important;color:var(--bg,#d7121b)!important}
/* Wycena dostawy: wyraźny przycisk CTA w lewym dolnym rogu boxa */
.bxb--truck2 .bxb__cta{position:absolute;left:22px;bottom:22px;z-index:2;background:var(--orange);color:#fff!important;box-shadow:none}
.bxb--truck2:hover .bxb__cta{background:#d84700}
/* ===== Stopka v3 (ciemna, na stałe): ścieżki kontaktu → korzyści → nawigacja → płatności ===== */
.kf--dark{background:#08215c;color:rgba(255,255,255,.74)}
.kf--dark .kf__bottom{background:#061a4a;padding:18px 0}
.kf__help-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:56px 0 22px}
.kf__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px!important;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ffb38a}
.kf__eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--orange)}
.kf__h{margin:0;font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-.03em;color:#fff}
.kf .kf__logo{filter:none;height:60px;width:auto}
.kf__paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.kf a.kf__path{position:relative;display:flex;flex-direction:column;gap:4px;padding:22px 22px 20px;border-radius:var(--r-lg);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;transition:background .2s,border-color .2s}
.kf a.kf__path:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}
.kf a.kf__path--main{background:var(--orange);border-color:var(--orange)}
.kf a.kf__path--main:hover{background:#d84700;border-color:#d84700}
.kf__ico{width:44px;height:44px;margin-bottom:10px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);color:#ffb38a}
.kf__ico .kb-i{width:22px;height:22px}
.kf__path--main .kf__ico{background:rgba(255,255,255,.2);color:#fff}
.kf__path-t{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.kf__path--main .kf__path-t{color:rgba(255,255,255,.85)}
.kf__path b{font-size:18px;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:#fff}
.kf__path b.kf__path-big{font-size:28px;letter-spacing:-.03em}
.kf__path-s{font-size:13px;line-height:1.45;color:rgba(255,255,255,.66)}
.kf__path--main .kf__path-s{color:rgba(255,255,255,.9)}
.kf__path-go{display:inline-flex;align-items:center;gap:2px;margin-top:auto;padding-top:14px;font-size:14px;font-weight:700;color:#fff}
.kf__path-go .kb-i{width:16px;height:16px;transition:transform .2s}
.kf__path:hover .kf__path-go .kb-i{transform:translateX(3px)}
.kf__perks{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-radius:var(--r-lg);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.kf__perks li{margin:0;padding:0;border-left:1px solid rgba(255,255,255,.08)}
.kf__perks li:first-child{border-left:0}
.kf__perks a{display:flex;align-items:center;gap:12px;padding:16px 18px;color:#fff!important}
.kf__perks a:hover b{color:#ffb38a}
.kf__perk-ico{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(240,80,0,.16);color:#ff8a4c}
.kf__perk-ico .kb-i{width:19px;height:19px}
.kf__perks b{display:block;font-size:14.5px;font-weight:700;line-height:1.2;transition:color .15s}
.kf__perks small{display:block;font-size:12.5px;color:rgba(255,255,255,.6)}
.kf--dark .kf__grid{grid-template-columns:repeat(3,minmax(0,1fr)) 320px;gap:32px;padding:44px 0 40px;border-top:0}
.kf--dark .kf__col li a{color:rgba(255,255,255,.74)}
.kf--dark .kf__col li a:hover{color:#fff}
.kf--dark .kf__social{margin:22px 0 0}
.kf--dark .kf__safe{background:rgba(255,255,255,.06);box-shadow:none;border:1px solid rgba(255,255,255,.1)}
.kf--dark .kf__strip{border-top:1px solid rgba(255,255,255,.1);padding:26px 0 30px;justify-content:flex-start}
.kf--dark .kf__pay,.kf--dark .kf__ship{background:none;padding:0}
@media (max-width:1199px){.kf__paths{grid-template-columns:repeat(2,minmax(0,1fr))}.kf__perks{grid-template-columns:repeat(3,minmax(0,1fr))}.kf__perks li:nth-child(4){border-left:0}.kf__perks li:nth-child(n+4){border-top:1px solid rgba(255,255,255,.08)}.kf--dark .kf__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.kf__help-head{flex-direction:column-reverse;align-items:flex-start;padding:40px 0 18px}.kf .kf__logo{height:48px}.kf__h{font-size:25px}.kf__paths{grid-template-columns:1fr}.kf__perks{grid-template-columns:1fr 1fr}.kf__perks li{border-left:0!important;border-top:1px solid rgba(255,255,255,.08)}.kf__perks li:nth-child(-n+2){border-top:0}.kf__perks li:nth-child(even){border-left:1px solid rgba(255,255,255,.08)!important}.kf__perks a{padding:14px}.kf--dark .kf__grid{grid-template-columns:1fr 1fr}.kf__bottom-in{flex-wrap:wrap}}
.kf--dark .kf__col ul{gap:12px}
.kf--dark .kf__col li a{font-size:14.5px}
.kf--dark .kf__strip{gap:20px 32px}
.kf--dark .kf__chip{height:64px;padding:0 20px;border-radius:14px}
.kf--dark .kf__pay .kf__chip img{height:46px}
.kf--dark .kf__ship .kf__chip img{height:28px}
.kf--dark .kf__strip .kf__social{margin-left:auto;margin-top:0;align-items:center;gap:10px}
.kf--dark .kf__strip .kf__social .kf__label{margin-right:4px}
@media (max-width:767px){.kf--dark .kf__strip .kf__social{margin-left:0}.kf--dark .kf__chip{height:56px;padding:0 14px}.kf--dark .kf__pay .kf__chip img{height:38px;max-width:100%}}
@media (max-width:767px){
.kf__paths{gap:10px}
.kf a.kf__path{display:grid;grid-template-columns:44px 1fr;column-gap:14px;row-gap:2px;padding:16px}
.kf__path>*{grid-column:2}
.kf__path .kf__ico{grid-column:1;grid-row:1/span 4;margin:0}
.kf__path b.kf__path-big{font-size:24px}
.kf__path-go{padding-top:8px}
.kf__perks li:last-child{grid-column:1/-1;border-left:0!important}
.kf--dark .kf__grid{padding:32px 0 28px;row-gap:28px}
.kf--dark .kf__col ul{gap:10px}
.kf--dark .kf__safe{grid-column:1/-1}
}
/* Stopka v3.1 – minimalistyczna: bez teł kart, bez pomarańczowych bloków */
.kf__help-head{align-items:center;padding:52px 0 32px}
.kf__tag{margin:0!important;font-size:14px;color:rgba(255,255,255,.6);max-width:420px;text-align:right!important}
.kf__paths{gap:0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.kf a.kf__path,.kf a.kf__path:hover{background:none;border:0;border-left:1px solid rgba(255,255,255,.1);border-radius:0;padding:26px 24px 24px}
.kf a.kf__path:first-child{border-left:0;padding-left:0}
.kf a.kf__path:hover b{color:#ffb38a}
.kf__ico{width:auto;height:auto;margin:0 0 10px;background:none!important;border-radius:0;color:rgba(255,255,255,.55)!important;justify-content:flex-start}
.kf__path b,.kf__path b.kf__path-big{font-size:18px;letter-spacing:-.02em;transition:color .15s}
.kf__path-t{color:rgba(255,255,255,.5)}
.kf__path-go{padding-top:12px;font-weight:600;font-size:13.5px;color:rgba(255,255,255,.85)}
.kf--dark .kf__grid{padding-top:40px}
@media (max-width:1199px){.kf a.kf__path:nth-child(3){border-left:0;padding-left:0}.kf a.kf__path:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}}
@media (max-width:767px){.kf__help-head{flex-direction:column;align-items:flex-start;gap:12px;padding:40px 0 24px}.kf__tag{text-align:left!important}
.kf a.kf__path,.kf a.kf__path:hover{border-left:0;padding:16px 0;border-top:1px solid rgba(255,255,255,.1)}.kf a.kf__path:first-child{border-top:0}
.kf a.kf__path{grid-template-columns:28px 1fr}.kf__path .kf__ico{grid-row:1/span 4}}
/* Stopka v3.2 – czysta typografia: bez ramek, ikon i zaokrągleń */
.kf__paths,.kf a.kf__path,.kf a.kf__path:hover,.kf--dark .kf__strip{border:0!important}
.kf a.kf__path,.kf a.kf__path:hover{padding:0 32px 0 0!important}
.kf__paths{gap:32px;padding:8px 0 8px}
.kf__path-go{color:#ffb38a}
.kf--dark .kf__safe{background:none;border:0;border-radius:0;padding:0}
.kf--dark .kf__safe ul{gap:12px}
.kf--dark .kf__safe li{font-size:14.5px;color:rgba(255,255,255,.74)}
.kf--dark .kf__award{border-radius:0;padding:8px 10px;margin-top:20px}
.kf--dark .kf__chip{border-radius:0;height:56px}
.kf--dark .kf__strip .kf__social{gap:20px}
.kf--dark .kf__strip .kf__social a{width:auto;height:auto;background:none;border-radius:0;font-size:14px;font-weight:600;color:rgba(255,255,255,.8)}
.kf--dark .kf__strip .kf__social a:hover{background:none;color:#fff}
.kf--dark .kf__grid{padding:56px 0 48px}
.kf--dark .kf__bottom{background:#061a4a}
@media (max-width:1199px){.kf a.kf__path:nth-child(n+3){border-top:0!important}}
@media (max-width:767px){.kf__paths{gap:22px}.kf a.kf__path,.kf a.kf__path:hover{display:flex;padding:0!important}}
.kf--dark .kf__col li a{display:inline-block!important;padding:0!important;margin:0!important;line-height:1.4!important;min-height:0!important}
.kf--dark .kf__col ul,.kf--dark .kf__safe ul{gap:13px}
.kf--dark .kf__safe li{line-height:1.4}
.kf--dark .kf__strip .kf__social a{display:inline-block;line-height:1;padding:0!important;margin:0!important}
/* Stopka v3.3 – ciemniejszy, mniej nasycony granat; pasek kontaktów na jaśniejszym tle; siatki wyrównane */
.kf--dark{background:#0e1d40}
.kf--dark .kf__bottom{background:#0a1631}
.kf__paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px!important;padding:28px!important;background:#16264d;border-radius:16px}
.kf a.kf__path,.kf a.kf__path:hover{padding:0!important}
.kf--dark .kf__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:52px 28px 44px}
.kf__help-head,.kf--dark .kf__strip{padding-left:28px;padding-right:28px}
.kf--dark .kf__chip,.kf--dark .kf__award{border-radius:10px}
@media (max-width:1199px){.kf__paths,.kf--dark .kf__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.kf__paths{grid-template-columns:1fr;padding:20px!important;gap:22px!important}.kf--dark .kf__grid{grid-template-columns:1fr 1fr;padding:36px 0 28px}.kf__help-head,.kf--dark .kf__strip{padding-left:0;padding-right:0}}
@media (min-width:768px){.kf--dark .kf__bottom-in{padding-left:40px;padding-right:40px}}

/* ================= KARTA KATEGORII (kc) ================= */
.kc{padding-top:18px;padding-bottom:56px}
.kc-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 16px;font-size:13px;color:var(--muted)}
.kc-crumbs a{color:var(--muted)}
.kc-crumbs a:hover{color:var(--orange)}
.kc-crumbs span{color:var(--line2)}
.kc-crumbs b{font-weight:600;color:var(--ink)}
.kc-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:0;align-items:stretch;background:#f5f2ee;border-radius:var(--r-lg);overflow:hidden;margin-bottom:20px;min-height:240px}
.kc-head--noimg{grid-template-columns:1fr;min-height:0}
.kc-head__txt{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:36px 40px}
.kc-head__back{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;font-size:13px;font-weight:600;color:var(--muted)}
.kc-head__back .kb-i{width:16px;height:16px}
.kc-head__back:hover{color:var(--orange)}
.kc-head h1{margin:0;font-size:40px;line-height:1.05;font-weight:800;letter-spacing:-.035em;color:var(--ink)}
.kc-head__desc{margin:0;max-width:62ch;font-size:15px;line-height:1.55;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kc-head__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;font-size:14px;color:var(--muted)}
.kc-head__meta b{color:var(--ink);font-weight:800}
.kc-head__meta a{display:inline-flex;align-items:center;gap:2px;font-weight:700;color:var(--orange)}
.kc-head__meta a .kb-i{width:16px;height:16px}
.kc-head__img{position:relative;min-height:240px}
.kc-head__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kc-head__img--contain{background:#fff;margin:16px;border-radius:var(--r);min-height:0}
.kc-head__img--contain img{object-fit:contain;padding:12px}

.kc-subs{margin:0 0 28px}
.kc-subs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.kc-subs.is-long:not(.is-open) .kc-sub:nth-child(n+13){display:none}
.kc-sub{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--ink);font-size:14px;font-weight:600;line-height:1.2;transition:border-color .15s,color .15s}
.kc-sub:hover{border-color:var(--orange);color:var(--orange)}
.kc-sub.is-active{border-color:var(--orange);background:#fff5ef;color:var(--orange)}
.kc-sub__img{flex:0 0 44px;width:44px;height:44px;border-radius:10px;background:#f6f6f8;overflow:hidden;display:flex;align-items:center;justify-content:center}
.kc-sub__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.kc-sub__name{min-width:0;overflow:hidden;text-overflow:ellipsis}
.kc-subs__more{margin-top:12px;padding:0;border:0;background:none;font-size:14px;font-weight:700;color:var(--orange);cursor:pointer}
.kc-subs.is-open .kc-subs__more{display:none}

.kc-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}
.kc-side{position:sticky;top:150px;max-height:calc(100vh - 170px);overflow:auto;padding-right:4px}
.kc-side__h{margin:0 0 10px!important;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.kc-side ul{list-style:none;margin:0;padding:0}
.kc-side li{margin:0}
.kc-side a{display:block;padding:7px 12px;margin:0 0 1px;border-radius:10px;font-size:14px;line-height:1.3;color:var(--text)}
.kc-side a:hover{background:#f4f4f6;color:var(--ink)}
.kc-side a.is-active{background:#fff5ef;color:var(--orange);font-weight:700}

.kc-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.kc-bar__count{margin:0!important;font-size:14px;color:var(--muted)}
.kc-bar__ctrl{display:flex;gap:10px;flex-wrap:wrap}
.kc-select{position:relative;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 36px 0 14px;margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--pill);font-size:13px;color:var(--muted);cursor:pointer}
.kc-select::after{content:"";position:absolute;right:15px;top:50%;width:7px;height:7px;margin-top:-5px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);pointer-events:none}
.kc-select select{appearance:none;-webkit-appearance:none;border:0;background:none;padding:0;margin:0;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer;outline:0}
.kc-select:hover{border-color:var(--line2)}

.kc #product-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0!important}
.kc #product-list > *{width:auto!important;max-width:none!important;margin:0!important;flex:none!important}

.kc-pages{display:flex;justify-content:center;margin:32px 0 0}
.kc-pages .pagination{display:flex;gap:6px;margin:0;padding:0;list-style:none;flex-wrap:wrap;justify-content:center}
.kc-pages .page-item{margin:0}
.kc-pages .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line)!important;border-radius:var(--pill)!important;background:#fff;color:var(--ink);font-size:14px;font-weight:600;box-shadow:none!important}
.kc-pages .page-link:hover{border-color:var(--ink)!important;color:var(--ink);background:#fff}
.kc-pages .page-item.active .page-link{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}

.kc-empty{padding:48px 24px;text-align:center;background:#f6f6f8;border-radius:var(--r-lg)}
.kc-empty b{display:block;font-size:20px;color:var(--ink);margin-bottom:6px}
.kc-empty p{color:var(--muted);margin:0 0 18px}

.kc-more{display:grid;gap:20px;margin-top:48px}
.kc-article{padding:36px 40px;background:#f6f6f8;border-radius:var(--r-lg);font-size:15px;line-height:1.7;color:var(--text)}
.kc-article h2,.kc-article h3{color:var(--ink);font-weight:800;letter-spacing:-.02em;margin:1.4em 0 .5em}
.kc-article h2:first-child,.kc-article h3:first-child{margin-top:0}
.kc-article h2{font-size:24px}.kc-article h3{font-size:19px}
.kc-article a{color:var(--orange);text-decoration:underline;text-underline-offset:2px}
.kc-article img{max-width:100%;height:auto;border-radius:var(--r)}
.kc-article table{width:100%;border-collapse:collapse;font-size:14px;margin:1em 0}
.kc-article td,.kc-article th{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.kc-faq{padding:32px 40px;border:1px solid var(--line);border-radius:var(--r-lg)}
.kc-faq h2{margin:0 0 14px;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.kc-faq details{border-top:1px solid var(--line)}
.kc-faq summary{position:relative;list-style:none;padding:18px 40px 18px 0;font-size:16px;font-weight:700;color:var(--ink);cursor:pointer}
.kc-faq summary::-webkit-details-marker{display:none}
.kc-faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:24px;font-weight:400;color:var(--muted)}
.kc-faq details[open] summary::after{content:"–"}
.kc-faq details div{padding:0 0 18px;font-size:15px;line-height:1.65;color:var(--text)}
.kc-bottom{margin-top:48px}

@media (max-width:1399px){.kc #product-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:991px){
.kc-body{grid-template-columns:1fr}
.kc-side{display:none}
.kc-head{grid-template-columns:1fr}
.kc-head__img{min-height:200px;order:-1}
.kc-head__img--contain{margin:12px 12px 0;min-height:180px}
.kc-head__txt{padding:24px}
.kc-head h1{font-size:30px}
.kc-subs__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}
.kc-subs__grid::-webkit-scrollbar{display:none}
.kc-sub{flex:0 0 auto;scroll-snap-align:start}
.kc-subs.is-long:not(.is-open) .kc-sub:nth-child(n+13){display:flex}
.kc-subs__more{display:none}
.kc #product-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kc-article,.kc-faq{padding:24px 20px}
}
@media (max-width:575px){.kc-bar__ctrl{width:100%}.kc-select{flex:1}.kc-select span{display:none}.kc-select select{width:100%}}

/* ================= KARTA PRODUKTU (kp) ================= */
.kp{padding-top:18px;padding-bottom:40px}
.kp #content{width:100%;max-width:none;padding:0;flex:none}
.kp-promka{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 16px;padding:12px 18px;border-radius:14px;background:#fff1e8;color:var(--ink);font-size:14px}
.kp-promka b{display:inline-flex;align-items:center;gap:6px;color:var(--orange);font-weight:800;letter-spacing:.04em}
.kp-promka svg{width:16px;height:16px}
.kp-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:start}

.kp-gallery{position:sticky;top:150px;min-width:0}
.kp-gallery__in{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px}
.kp-gallery__in.is-single{grid-template-columns:minmax(0,1fr)}
.kp .thumbs-container{height:auto;width:auto;min-width:0}
.kp .swiper-thumb{height:min(560px,calc(100vw * .4));margin:0}
.kp .swiper-thumb .swiper-slide{width:76px!important;height:76px!important;border-radius:12px;background:#f6f6f8;overflow:hidden;cursor:pointer;opacity:.6;border:2px solid transparent;transition:opacity .15s,border-color .15s}
.kp .swiper-thumb .swiper-slide-thumb-active{opacity:1;border-color:var(--ink)}
.kp .swiper-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.kp .main-container{position:relative;min-width:0;width:auto}
.kp .swiper-main{border-radius:var(--r-lg);background:#f6f6f8;overflow:hidden;aspect-ratio:1;margin:0}
.kp .swiper-main .swiper-slide{display:flex;align-items:center;justify-content:center;height:auto}
.kp .swiper-main img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:6%}
.kp .swiper-button-next,.kp .swiper-button-prev{width:44px;height:44px;margin-top:-22px;border-radius:50%;background:#fff;color:var(--ink)}
.kp .swiper-button-next::after,.kp .swiper-button-prev::after{font-size:15px;font-weight:800}
.kp-badges{position:absolute;left:16px;top:16px;z-index:5;display:flex;gap:6px;flex-wrap:wrap}
.kp-badge{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:var(--pill);font-size:12.5px;font-weight:800;letter-spacing:.02em;color:#fff;background:var(--ink)}
.kp-badge--sale{background:#e0262f}
.kp-badge--own{background:var(--orange)}
.kp-badge--last{background:#fff;color:#e0262f}
.kp-wish{position:absolute;right:16px;top:16px;z-index:5}
.kp-wish form{margin:0}
.kp-wish__btn{width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s}
.kp-wish__btn svg{width:22px;height:22px}
.kp-wish__btn:hover,.kp-wish__btn.is-on{color:#e0262f}
.kp-ean{margin:10px 0 0!important;font-size:12.5px;color:var(--muted);text-align:right}

.kp-buy{min-width:0}
.kp-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;margin-bottom:10px;font-size:13px;color:var(--muted)}
.kp-stars{display:inline-flex;align-items:center;gap:1px;color:var(--muted)}
.kp-stars svg{width:15px;height:15px;color:#d9d9e0}
.kp-stars svg.on{color:#f5a623}
.kp-stars span{margin-left:6px}
.kp-stars:hover span{color:var(--orange)}
.kp-sold{display:inline-flex;align-items:center;gap:6px}
.kp-sold::before{content:"";width:6px;height:6px;border-radius:50%;background:#1e9e5a}
.kp-title{margin:0 0 14px;font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.kp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.kp-chips span{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:var(--pill);background:#f2f2f5;font-size:13px;font-weight:700;color:var(--ink)}
.kp-price{padding:20px 0;border-top:1px solid var(--line);margin-bottom:4px}
.kp-price__row{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.kp-price__now{font-size:40px;line-height:1;font-weight:800;letter-spacing:-.035em;color:var(--ink)}
.kp-price__now.is-sale{color:#e0262f}
.kp-price__unit{font-size:16px;color:var(--muted);font-weight:600}
.kp-price__old{font-size:17px;color:var(--muted)}
.kp-price__per{margin:8px 0 0!important;font-size:14px;color:var(--text)}
.kp-price__hist{margin:6px 0 0!important;font-size:12.5px;color:var(--muted)}
.kp-discounts{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.kp-discounts li{display:flex;flex-direction:column;padding:8px 14px;border-radius:12px;background:#f6f6f8;font-size:12.5px;color:var(--muted)}
.kp-discounts b{font-size:15px;color:var(--ink)}
.kp-extra{margin:4px 0 16px;padding:12px 16px;border-radius:12px;background:#fff8e6;font-size:13.5px}
.kp-extra p{margin:0 0 4px!important;color:var(--text)}
.kp-extra ul{list-style:none;margin:0;padding:0}
.kp-extra b{color:var(--orange)}
.kp #product{margin:8px 0 0}
.kp #product h3{font-size:15px;font-weight:800;margin:0 0 10px}
.kp #product hr{display:none}
.kp #product .form-label{font-weight:700;font-size:14px;color:var(--ink)}
.kp #product .form-select,.kp #product .form-control{height:48px;border-radius:12px;border-color:var(--line2)}
.kp-cart{display:flex;gap:10px;margin-top:6px}
.kp-qty{display:flex;align-items:center;height:56px;border:1px solid var(--line2);border-radius:var(--pill);background:#fff;overflow:hidden;flex:0 0 auto}
.kp-qty button{width:46px;height:100%;border:0;background:none;font-size:22px;color:var(--ink);cursor:pointer}
.kp-qty button:hover{color:var(--orange)}
.kp-qty input{width:56px;height:100%;border:0;text-align:center;font-size:17px;font-weight:700;color:var(--ink);background:none;-moz-appearance:textfield;padding:0}
.kp-qty input::-webkit-outer-spin-button,.kp-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.kp-add{flex:1;height:56px;border:0;border-radius:var(--pill);background:var(--orange);color:#fff!important;font-size:17px;font-weight:800;cursor:pointer;transition:background .15s}
.kp-add:hover{background:#d84700}
.kp-min{margin:10px 0 0!important;font-size:13px;color:var(--muted)}
.kp-last{display:inline-flex;margin:0 0 12px!important;padding:6px 12px;border-radius:var(--pill);background:#fdecec;color:#e0262f;font-size:13px;font-weight:800}
.kp-state{display:inline-flex;margin:0 0 12px!important;padding:8px 14px;border-radius:var(--pill);background:#fdecec;color:#e0262f;font-weight:800;font-size:14px}
.kp-state--off{background:#f0f0f2;color:var(--muted)}
.kp-notify{display:flex;width:100%;height:54px;justify-content:center;background:var(--ink);color:#fff!important}
.kp-facts{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--line)}
.kp-facts li{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}
.kp-facts span{color:var(--muted)}
.kp-facts b{color:var(--ink);font-weight:700;text-align:right}
.kp-facts li.is-good b{color:#1e9e5a}
.kp-orlen{display:block;margin-top:16px}
.kp-orlen img{display:block;width:100%;height:auto;border-radius:12px}
.kp-paypo{margin-top:12px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.kp-paypo .paypo__open{display:block}
.kp-ask{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:12px;padding:14px 18px;border:0;border-radius:12px;background:#f6f6f8;font-size:14px;color:var(--text);cursor:pointer;text-align:left}
.kp-ask b{display:inline-flex;align-items:center;gap:2px;color:var(--orange)}
.kp-ask .kb-i{width:16px;height:16px}
.kp-ask:hover{background:#efeff2}
.kp-fit{margin-top:22px}
.kp-fit__h{margin:0 0 10px!important;font-size:14px;font-weight:800;color:var(--ink)}
.kp-fit__list{display:flex;gap:8px;flex-wrap:wrap}
.kp-fit__list a{width:72px;height:72px;border-radius:12px;background:#f6f6f8;overflow:hidden;border:1px solid transparent}
.kp-fit__list a:hover{border-color:var(--orange)}
.kp-fit__list img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}

.kp-tabs{position:sticky;top:118px;z-index:20;display:flex;gap:4px;margin:56px 0 0;padding:10px 0;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.kp-tabs a{flex:0 0 auto;padding:9px 16px;border-radius:var(--pill);font-size:14px;font-weight:700;color:var(--text)}
.kp-tabs a:hover{background:#f4f4f6;color:var(--ink)}
.kp-details{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;margin-top:32px;align-items:start}
.kp h2{font-size:24px;font-weight:800;letter-spacing:-.025em;color:var(--ink);margin:0 0 16px}
.kp-desc,.kp-spec,.kp-ship,.kp-reviews{scroll-margin-top:190px}
.kp-desc__body{font-size:15.5px;line-height:1.7;color:var(--text)}
.kp-desc__body p{margin:0 0 .9em;line-height:1.7}
.kp-desc__body *{font-family:inherit!important;font-size:inherit!important;line-height:1.7!important}
.kp-desc__body h2,.kp-desc__body h3,.kp-desc__body strong,.kp-desc__body b{color:var(--ink)}
.kp-desc__body img{max-width:100%;height:auto;border-radius:var(--r)}
.kp-desc__body ul{padding-left:20px}
.kp-aside{display:grid;gap:20px}
.kp-spec,.kp-ship{padding:26px 28px;border-radius:var(--r-lg);background:#f6f6f8}
.kp-spec h2,.kp-ship h2{font-size:19px;margin-bottom:12px}
.kp-spec dl{margin:0}
.kp-spec dl div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #e6e6ea;font-size:14px}
.kp-spec dl div:last-child{border-bottom:0}
.kp-spec dt{font-weight:500;color:var(--muted)}
.kp-spec dd{margin:0;font-weight:700;color:var(--ink);text-align:right}
.kp-ship p{font-size:13.5px;color:var(--text);line-height:1.55;margin:12px 0 0!important}
.kp-ship__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kp-ship__list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#fff;font-size:13px;font-weight:600;color:var(--ink);margin:0}
.kp-ship__list img{width:34px;height:22px;object-fit:contain}
.kp-ship__abroad{font-weight:600}
.kp-ship details{margin-top:14px;border-top:1px solid #e6e6ea}
.kp-ship summary{padding:14px 0 0;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer}
.kp-ship details div{padding-top:8px;font-size:13.5px;line-height:1.55;color:var(--text)}
.kp-ship__more{display:inline-flex;align-items:center;gap:2px;margin-top:14px;font-size:14px;font-weight:700;color:var(--orange)}
.kp-ship__more .kb-i{width:16px;height:16px}
.kp-reviews{margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}
.kp-reviews .form-control{border-radius:12px;border-color:var(--line2);min-height:46px}
.kp-reviews .btn-primary{border-radius:var(--pill);background:var(--ink);border-color:var(--ink);color:#fff;padding:10px 26px;font-weight:700}
.kp-related{margin-top:48px}
.kp-related h2,.kp-related h3{font-size:24px;font-weight:800;letter-spacing:-.025em}
.kp-related .row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0}
.kp-related .row > *{width:auto;max-width:none;padding:0;margin:0}

#cartConfirmModal .modal-content,#ask-product .modal-content,#availabilityModal .modal-content{border:0;border-radius:var(--r-lg);overflow:hidden}
#cartConfirmModal .modal-header,#ask-product .modal-header,#availabilityModal .modal-header{border:0;padding:22px 24px 8px}
#cartConfirmModal .modal-title,#ask-product .modal-title,#availabilityModal .modal-title{font-size:19px;font-weight:800;color:var(--ink)}
#cartConfirmModal .modal-body,#ask-product .modal-body,#availabilityModal .modal-body{padding:12px 24px 20px}
#cartConfirmModal .modal-footer,#availabilityModal .modal-footer{border:0;padding:0 24px 24px;gap:8px}
#cartConfirmModal .modal-footer .btn,#ask-product .btn,#availabilityModal .btn{border-radius:var(--pill);padding:12px 24px;font-weight:700}
#cartConfirmModal .btn-primary,#ask-product .btn-secondary,#availabilityModal .btn-primary{background:var(--orange);border-color:var(--orange);color:#fff!important}
#cartConfirmModal .btn-secondary{background:#f2f2f5;border-color:#f2f2f5;color:var(--ink)}
#cartConfirmModal .card{border:0;border-radius:14px;background:#f6f6f8}
#ask-product .form-control,#availabilityModal .form-control{border-radius:12px;min-height:46px}

@media (max-width:1199px){.kp-top{gap:32px}.kp-related .row{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:991px){
.kp-top,.kp-details{grid-template-columns:1fr;gap:24px}
.kp-gallery{position:static}
.kp-tabs{top:64px;margin-top:36px}
.kp-related .row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
@media (max-width:767px){
.kp-gallery__in{grid-template-columns:1fr}
.kp .thumbs-container{order:2}
.kp .swiper-thumb{height:auto}
.kp .swiper-thumb .swiper-slide{width:60px!important;height:60px!important}
.kp-title{font-size:23px}
.kp-price__now{font-size:32px}
.kp-cart{position:sticky;bottom:12px;z-index:30}
.kp-spec,.kp-ship{padding:20px}
}
.kp .swiper-main .swiper-slide{background:#f6f6f8}
/* Wyniki wyszukiwania / promocje */
.kc > #content{width:100%;max-width:none;padding:0}
#product-search #product-list,#product-special #product-list{grid-template-columns:repeat(5,minmax(0,1fr))}
.ks-head{padding:32px 36px;margin-bottom:24px;background:#f5f2ee;border-radius:var(--r-lg)}
.ks-head h1{margin:0;font-size:34px;font-weight:800;letter-spacing:-.035em;color:var(--ink)}
.ks-head > p{margin:6px 0 0!important;font-size:14px;color:var(--muted)}
.ks-form{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.ks-form > input{flex:1 1 280px;height:48px;padding:0 18px;border:1px solid var(--line2);border-radius:var(--pill);background:#fff;font-size:15px;outline:0}
.ks-form > input:focus{border-color:var(--ink)}
.ks-cat{height:48px}
.ks-cat select{max-width:220px}
.ks-form .kb-btn{height:48px;padding:0 26px}
.ks-opts{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--text)}
.ks-opts label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;margin:0}
.ks-opts input{accent-color:var(--orange);width:16px;height:16px}
@media (max-width:1399px){#product-search #product-list,#product-special #product-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:991px){#product-search #product-list,#product-special #product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ks-head{padding:22px}.ks-head h1{font-size:26px}}

/* ================= MOJE KONTO (ka / kd / kl) + wspólne formularze ================= */
.krauz-beta .breadcrumb{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 16px;padding:0;background:none;font-size:13px}
.krauz-beta .breadcrumb-item{padding:0;color:var(--muted)}
.krauz-beta .breadcrumb-item a{color:var(--muted)}
.krauz-beta .breadcrumb-item a:hover{color:var(--orange)}
.krauz-beta .breadcrumb-item+.breadcrumb-item::before{content:"/";padding:0 6px 0 0;color:var(--line2);float:none}
.krauz-beta .breadcrumb-item:last-child a{color:var(--ink);font-weight:600}
.krauz-beta .glowbox-p,.krauz-beta .glowbox{box-shadow:none!important;border:0!important;background:transparent;padding:0!important}

.krauz-beta .form-control,.krauz-beta .form-select{min-height:48px;border:1px solid var(--line2);border-radius:12px;font-size:15px;color:var(--ink);box-shadow:none!important;padding-left:16px}
.krauz-beta textarea.form-control{min-height:110px;padding-top:12px}
.krauz-beta .form-control:focus,.krauz-beta .form-select:focus{border-color:var(--ink)}
.krauz-beta .form-control.is-invalid{border-color:#e0262f}
.krauz-beta .col-form-label,.krauz-beta .form-label{font-size:13.5px;font-weight:700;color:var(--ink);padding-top:0;margin-bottom:6px}
.krauz-beta .form-check-input{width:18px;height:18px;margin-top:2px;border-color:var(--line2)}
.krauz-beta .form-check-input:checked{background-color:var(--orange);border-color:var(--orange)}
.krauz-beta .form-check-label{font-size:14px;color:var(--text)}
.krauz-beta .invalid-feedback{font-size:13px;color:#e0262f}
.krauz-beta legend{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:8px 0 14px;border:0;padding:0}
.krauz-beta fieldset{border:0;padding:0;margin:0 0 20px}
.krauz-beta .btn{border-radius:var(--pill);font-weight:700;padding:11px 24px;font-size:15px;box-shadow:none!important}
.krauz-beta .btn-primary{background:var(--orange);border-color:var(--orange);color:#fff!important}
.krauz-beta .btn-primary:hover{background:#d84700;border-color:#d84700}
.krauz-beta .btn-light,.krauz-beta .btn-secondary,.krauz-beta .btn-default{background:#f2f2f5;border-color:#f2f2f5;color:var(--ink)!important}
.krauz-beta .btn-danger{background:#fdecec;border-color:#fdecec;color:#e0262f!important}
.krauz-beta .btn-info{background:var(--ink);border-color:var(--ink);color:#fff!important}
.krauz-beta .alert{border:0;border-radius:14px;padding:14px 18px;font-size:14px}
.krauz-beta .alert-success{background:#e9f7ef;color:#14663b}
.krauz-beta .alert-danger{background:#fdecec;color:#a51d24}
.krauz-beta .alert-info{background:#eef3fb;color:#1f3f72}
.krauz-beta .alert-warning{background:#fff6e0;color:#7a5200}
.krauz-beta .table{font-size:14px;color:var(--text);border-color:var(--line)}
.krauz-beta .table > :not(caption) > * > *{padding:14px 12px;border-bottom-color:var(--line);background:none;box-shadow:none}
.krauz-beta .table thead td,.krauz-beta .table thead th{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom-width:1px}
.krauz-beta .table-bordered > :not(caption) > *,.krauz-beta .table-bordered > :not(caption) > * > *{border-width:0 0 1px}
.krauz-beta .table-responsive{border-radius:var(--r);border:1px solid var(--line)}
.krauz-beta .table-responsive .table{margin:0}
.krauz-beta .pagination .page-link{border-radius:var(--pill)!important;margin:0 3px;border-color:var(--line);color:var(--ink);min-width:40px;text-align:center}
.krauz-beta .pagination .active .page-link{background:var(--ink);border-color:var(--ink);color:#fff}

/* Układ podstron konta (szablony domyślne) */
.krauz-beta [id^="account-"].container{padding-bottom:56px}
.krauz-beta [id^="account-"].container > .row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;margin:0;align-items:start}
.krauz-beta [id^="account-"].container > .row > *{width:auto;max-width:none;padding:0;margin:0}
.krauz-beta [id^="account-"] #column-right,.krauz-beta [id^="account-"] #column-left{order:-1;display:block!important}
.krauz-beta [id^="account-"] #content h1,.krauz-beta [id^="account-"] #content h2:first-child{font-size:32px;font-weight:800;letter-spacing:-.035em;color:var(--ink);margin:0 0 22px}
.krauz-beta [id^="account-"] #content h2{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.krauz-beta [id^="account-"] #content{min-width:0}
.krauz-beta [id^="account-"] .account-links{display:none}

.ka-nav{display:flex;flex-direction:column;gap:1px;position:sticky;top:150px}
.ka-nav__h{margin:0 0 10px!important;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-left:12px}
.ka-nav a{display:block;padding:9px 12px;border-radius:10px;font-size:14.5px;color:var(--text)}
.ka-nav a:hover{background:#f4f4f6;color:var(--ink)}
.ka-nav a.is-active{background:#fff5ef;color:var(--orange);font-weight:700}
.ka-nav__sep{height:1px;background:var(--line);margin:8px 12px}
.ka-nav a.ka-nav__out{color:var(--muted)}

.ka{padding-top:28px;padding-bottom:56px}
.ka-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}
.ka-side #column-right,.ka-side #column-left{width:auto;max-width:none;padding:0;display:block!important}
.ka-main{min-width:0}
.kd-hello{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:32px 36px;border-radius:var(--r-lg);background:#f5f2ee;margin-bottom:16px}
.kd-hello__eyebrow{margin:0 0 6px!important;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}
.kd-hello h1{margin:0;font-size:34px;font-weight:800;letter-spacing:-.035em;color:var(--ink)}
.kd-hello__mail{margin:4px 0 0!important;font-size:14px;color:var(--muted)}
.kd-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:36px}
.kd-stat{display:flex;flex-direction:column;gap:4px;padding:20px 22px;border-radius:var(--r);border:1px solid var(--line);color:var(--ink);transition:border-color .15s}
.kd-stat:hover{border-color:var(--ink);color:var(--ink)}
.kd-stat span{font-size:13px;color:var(--muted)}
.kd-stat b{font-size:30px;font-weight:800;letter-spacing:-.03em}
.kd-stat em{display:inline-flex;align-items:center;gap:2px;font-style:normal;font-size:13px;font-weight:700;color:var(--orange)}
.kd-stat .kb-i{width:15px;height:15px}
.kd-stat--pts b{color:var(--orange)}
.kd-block{margin-bottom:36px}
.kd-block__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}
.kd-block__head h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.kd-block__head a{display:inline-flex;align-items:center;gap:2px;font-size:14px;font-weight:700;color:var(--orange)}
.kd-block__head .kb-i{width:16px;height:16px}
.kd-orders{border-top:1px solid var(--line)}
.kd-order{display:grid;grid-template-columns:90px 110px minmax(0,1fr) auto 20px;align-items:center;gap:16px;padding:16px 4px;border-bottom:1px solid var(--line);color:var(--text);font-size:14px}
.kd-order:hover{background:#fafafb;color:var(--ink)}
.kd-order b{color:var(--ink)}
.kd-order strong{color:var(--ink);font-weight:800}
.kd-order .kb-i{width:18px;height:18px;color:var(--muted)}
.kd-status{justify-self:start;padding:4px 10px;border-radius:var(--pill);background:#f2f2f5;font-size:12.5px;font-weight:700;color:var(--ink)}
.kd-empty{padding:24px;border-radius:var(--r);background:#f6f6f8;color:var(--text);margin:0}
.kd-empty a{color:var(--orange);font-weight:700}
.kd-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kd-links a{display:flex;flex-direction:column;gap:3px;padding:18px 20px;border-radius:var(--r);background:#f6f6f8;color:var(--ink);transition:background .15s}
.kd-links a:hover{background:#efeff2;color:var(--ink)}
.kd-links b{font-size:15px}
.kd-links span{font-size:13px;color:var(--muted)}
.kd-remove{margin:0!important;font-size:13px}
.kd-remove a{color:var(--muted);text-decoration:underline}

.ka--auth #content{width:100%;padding:0}
.kl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);max-width:1040px;margin:12px auto 0}
.kl__form{padding:44px 48px}
.kl__form h1{margin:0 0 6px;font-size:32px;font-weight:800;letter-spacing:-.035em;color:var(--ink)}
.kl__sub{margin:0 0 18px!important;color:var(--muted);font-size:14.5px}
.kl__note{margin-bottom:20px;padding:12px 14px;border-radius:12px;background:#eef3fb;color:#1f3f72;font-size:13px;line-height:1.45}
.kl__note a{font-weight:700;color:#1f3f72;text-decoration:underline}
.kf-field{margin-bottom:16px}
.kf-field label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13.5px;font-weight:700;color:var(--ink)}
.kf-field label a{font-weight:600;color:var(--orange)}
.kl__btn{display:flex;align-items:center;justify-content:center;width:100%;height:54px;margin-top:8px;border:0;border-radius:var(--pill);background:var(--orange);color:#fff!important;font-size:16px;font-weight:800;cursor:pointer}
.kl__btn:hover{background:#d84700}
.kl__btn--ghost{background:var(--ink)}
.kl__btn--ghost:hover{background:#000}
.kl__new{padding:44px 48px;background:#f5f2ee}
.kl__new h2{margin:0 0 8px;font-size:24px;font-weight:800;letter-spacing:-.025em;color:var(--ink)}
.kl__new > p{margin:0 0 14px!important;color:var(--text);font-size:14.5px}
.kl__new ul{list-style:none;margin:0 0 24px;padding:0}
.kl__new li{position:relative;padding:9px 0 9px 26px;border-bottom:1px solid #e8e1d8;font-size:14.5px;color:var(--text)}
.kl__new li::before{content:"";position:absolute;left:2px;top:15px;width:12px;height:7px;border-left:2px solid var(--orange);border-bottom:2px solid var(--orange);transform:rotate(-45deg)}
.kl__new li b{color:var(--ink)}
.kl__guest{margin:12px 0 0!important;font-size:13px;color:var(--muted);text-align:center}

@media (max-width:991px){
.ka-layout,.krauz-beta [id^="account-"].container > .row{grid-template-columns:1fr;gap:20px}
.ka-nav{position:static;flex-direction:row;overflow-x:auto;gap:6px;scrollbar-width:none;margin:0 -16px;padding:0 16px}
.ka-nav a{flex:0 0 auto;background:#f4f4f6;border-radius:var(--pill);padding:8px 14px;font-size:13.5px}
.ka-nav__h,.ka-nav__sep{display:none}
.kd-stats,.kd-links{grid-template-columns:1fr 1fr}
.kl{grid-template-columns:1fr}
.kl__form,.kl__new{padding:28px 22px}
}
@media (max-width:575px){.kd-stats{grid-template-columns:1fr}.kd-links{grid-template-columns:1fr}.kd-order{grid-template-columns:auto 1fr auto;row-gap:4px}.kd-order .kd-status{grid-column:1/-1;grid-row:2}.kd-order .kb-i{display:none}.kd-hello{padding:24px}.kd-hello h1{font-size:26px}}
/* Okruszki – nadpisanie starych strzałek */
.krauz-beta .breadcrumb>li.breadcrumb-item{padding:0;text-shadow:none;white-space:normal}
.krauz-beta .breadcrumb>li.breadcrumb-item:after{display:none}
.krauz-beta .breadcrumb>li.breadcrumb-item+li:before{content:"/";padding:0 6px 0 0;color:var(--line2)}
.krauz-beta .breadcrumb>li.breadcrumb-item>a{color:var(--muted)}
.krauz-beta .breadcrumb>li.breadcrumb-item:last-child>a{color:var(--ink);font-weight:600}
.krauz-beta .breadcrumb i{font-size:13px;color:var(--muted)}
/* Formularze konta: etykiety nad polami, wąska kolumna */
.krauz-beta [id^="account-"] #content form{max-width:720px}
.krauz-beta [id^="account-"] #content .row.mb-3{display:block;margin:0 0 16px}
.krauz-beta [id^="account-"] #content .row.mb-3 > [class*="col-"]{width:100%;max-width:none;padding:0;text-align:left}
.krauz-beta [id^="account-"] #content .row.mb-3 > .col-form-label{margin-bottom:6px}
.krauz-beta .form-switch .form-check-input{width:44px;height:24px;border-radius:999px;background-color:#e3e3e8;border:0;cursor:pointer}
.krauz-beta .form-switch .form-check-input:checked{background-color:var(--orange)}
.krauz-beta [id^="account-"] #content .text-end,.krauz-beta [id^="account-"] #content .d-flex.justify-content-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start!important;gap:14px;text-align:left!important;max-width:720px}
.krauz-beta [id^="account-"] #content .text-end .form-check{margin:0}

/* ================= KOSZYK (tylko wygląd) ================= */
#checkout-cart{padding-bottom:56px}
#checkout-cart > .row{margin:0}
#checkout-cart > .row > #content{padding:0}
#checkout-cart h1{font-size:34px;font-weight:800;letter-spacing:-.035em;color:var(--ink);margin:0 0 18px}
#checkout-cart h2{font-size:22px;font-weight:800;letter-spacing:-.025em;color:var(--ink);margin:0 0 18px}
#checkout-cart h3{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:28px 0 8px}
#shopping-cart > .row{--bs-gutter-x:40px}
#checkout-cart #output-cart.table-responsive{border:0;border-radius:0;overflow:visible}
#checkout-cart .desktop-cart{border-collapse:separate;border-spacing:0}
#checkout-cart .desktop-cart thead th{padding:0 12px 12px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
#checkout-cart .desktop-cart tbody td{padding:20px 12px;vertical-align:middle;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink)}
#checkout-cart .desktop-cart tbody td:first-child{width:104px;padding-left:0}
#checkout-cart .img-thumbnail{width:88px;height:88px;object-fit:contain;padding:6px;border:0;border-radius:14px;background:#f6f6f8;mix-blend-mode:multiply}
#checkout-cart .product-link{font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.35}
#checkout-cart .product-link:hover{color:var(--orange)}
#checkout-cart td small,#checkout-cart .product-m small{font-size:12.5px;color:var(--muted)}
#checkout-cart .reward-points{width:13px;height:13px;margin-top:-2px}
#checkout-cart .input-group{flex-wrap:nowrap;width:132px;height:44px;border:1px solid var(--line2);border-radius:var(--pill);overflow:hidden;background:#fff}
#checkout-cart .input-group .form-control{min-height:0;height:100%;border:0;border-radius:0;text-align:center;font-weight:700;padding:0 4px}
#checkout-cart .input-group .btn{border-radius:0;padding:0 14px;background:#f2f2f5;border:0;color:var(--ink)}
#checkout-cart .desktop-cart td.text-end{font-weight:600;white-space:nowrap}
#checkout-cart .desktop-cart td:nth-child(5){font-weight:800}
#checkout-cart .remove{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;opacity:.6}
#checkout-cart .remove:hover{background:#fdecec;opacity:1}
#checkout-cart .glowbox-p .table{margin:0}
#checkout-cart .glowbox-p .table td{padding:12px 0;border-bottom:1px solid var(--line);vertical-align:middle;font-size:14px}
#checkout-cart .cart-palette-img{display:inline-block;vertical-align:middle;width:16px;height:22px;margin:0 0 0 10px;border-radius:4px;background:var(--orange);border:0!important;overflow:hidden;position:relative}
#checkout-cart .cart-palette-img .palette-inner{position:absolute;left:0;right:0;top:0;background:#ececf0}
#checkout-cart .text-success .cart-palette-img{background:#1e9e5a}
#checkout-cart .alert-primary{background:#eef3fb;color:#1f3f72;border:0;border-radius:14px}
#checkout-cart .col-lg-3 > .glowbox-p:first-of-type{padding:22px!important;border-radius:var(--r-lg);background:#f6f6f8!important}
#checkout-cart .cart-summary td{padding:10px 0!important;border-color:#e6e6ea!important;font-size:15px}
#checkout-cart .cart-summary tr:last-child td{font-size:18px;font-weight:800;color:var(--ink);border-bottom:0!important;padding-top:14px!important}
#checkout-cart .btn-go-checkout{display:flex;align-items:center;justify-content:center;height:56px;margin-top:14px;border-radius:var(--pill);background:var(--orange);color:#fff!important;font-size:17px;font-weight:800}
#checkout-cart .btn-go-checkout:hover{background:#d84700}
#checkout-cart #accordion{margin-top:12px}
#checkout-cart .accordion-item{border:1px solid var(--line);border-radius:14px!important;overflow:hidden}
#checkout-cart .accordion-button{font-size:14px;font-weight:700;color:var(--ink);background:#fff;box-shadow:none}
#checkout-cart .orlen-promo-link{margin-top:12px;border-radius:14px!important}
#checkout-cart .mobile-cart .product-m{position:relative;padding:16px 0;border-bottom:1px solid var(--line)}
#checkout-cart .mobile-cart .orig{display:flex;gap:12px}
#checkout-cart .mobile-cart .remove{position:absolute;right:0;top:12px}
#checkout-cart .mobile-cart .d-flex{align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
#checkout-cart .mobile-cart .single{margin:0;color:var(--muted)}
#checkout-cart .mobile-cart .total{margin:0;font-weight:800;color:var(--ink)}
@media (min-width:992px){#checkout-cart .col-lg-3{position:sticky;top:150px;flex:0 0 340px;width:340px;max-width:340px}#checkout-cart .col-lg-9{flex:1 1 0;width:auto;max-width:none}}

/* ================= KASA (tylko wygląd) ================= */
#checkout-checkout{padding-bottom:56px}
#checkout-checkout > .row{margin:0}
#checkout-checkout > .row > #content{padding:0}
#checkout-checkout h1{font-size:34px;font-weight:800;letter-spacing:-.035em;color:var(--ink);margin:0 0 20px}
#checkout-checkout h2,#checkout-checkout legend,#checkout-checkout h3{font-size:20px!important;font-weight:800!important;letter-spacing:-.02em;color:var(--ink);margin:0 0 16px!important;border:0;padding:0}
#checkout-register,#checkout-payment-address,#checkout-shipping-address,#checkout-invoice,#checkout-shipping-method,#checkout-payment-method{padding:28px 30px;margin-bottom:16px!important;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
#checkout-register:empty,#checkout-payment-address:empty,#checkout-shipping-address:empty,#checkout-payment-method:empty,#checkout-shipping-method:empty{display:none}
#checkout-checkout .col-md-8 textarea.form-control{border-radius:var(--r)}
#checkout-checkout .form-check-input[type=radio]{accent-color:var(--orange)}
#checkout-checkout .form-check-input[type=radio]:checked{background-color:var(--orange);border-color:var(--orange)}
#checkout-checkout input[type=checkbox]:not(.form-check-input){width:18px;height:18px;accent-color:var(--orange);vertical-align:-3px;margin-right:6px}
#checkout-checkout #form-shipping-method .form-check,#checkout-checkout #form-payment-method .form-check{padding:12px 14px 12px 42px;margin:0 0 8px;border:1px solid var(--line);border-radius:14px;transition:border-color .15s}
#checkout-checkout #form-shipping-method .form-check:has(input:checked),#checkout-checkout #form-payment-method .form-check:has(input:checked){border-color:var(--orange);background:#fff8f3}
#checkout-checkout #form-shipping-method .form-check label{margin-bottom:0!important}
#checkout-checkout .select-invoice-adress{border-radius:14px!important;border:1px solid var(--line)!important;padding:14px!important}
#checkout-checkout .select-invoice-adress.active-adress{border-color:var(--orange)!important;background:#fff8f3}
#checkout-checkout .col{min-width:0}
@media (min-width:768px){
#checkout-checkout #content > .row > .col-md-8{flex:1 1 0;max-width:none;width:auto;padding-right:24px}
#checkout-checkout #content > .row > .col{flex:0 0 380px;max-width:380px}
#checkout-confirm{position:sticky;top:150px}
}
#checkout-confirm{padding:22px;border-radius:var(--r-lg);background:#f6f6f8}
#checkout-confirm .table-responsive{border:0;border-radius:0}
#checkout-confirm .table-summary{margin:0;background:none}
#checkout-confirm .table-summary td,#checkout-confirm .table-summary th{background:none!important;padding:10px 0!important;border-color:#e6e6ea!important;font-size:14px;color:var(--text)}
#checkout-confirm .table-summary thead td,#checkout-confirm .table-summary thead th{font-size:12px;color:var(--muted)}
#checkout-confirm .table-summary tfoot tr:last-of-type td{font-size:17px;color:var(--ink)}
#checkout-confirm .bg-light{background:none!important}
#checkout-confirm .btn-checkout,#checkout-confirm #button-confirm{display:flex;align-items:center;justify-content:center;width:100%;height:58px;margin-top:16px;border:0;border-radius:var(--pill);background:var(--orange);color:#fff!important;font-size:17px;font-weight:800;text-transform:none;letter-spacing:0;cursor:pointer}
#checkout-confirm .btn-checkout[disabled]{background:#d9d9e0;color:#fff!important;cursor:not-allowed}
#checkout-checkout #doctype{margin-top:12px}
#checkout-checkout .form-switch-lg .form-check-input{width:48px;height:26px}

/* ================= BLOG (lista + wpis) ================= */
.kb-blog,.kb-post,.ki{padding-top:18px;padding-bottom:56px}
.kb-blog > #content,.kb-post > #content,.ki > #content{width:100%;max-width:none;padding:0}
.kbl-head{padding:40px 44px;margin-bottom:28px;border-radius:var(--r-lg);background:#f4f1ec}
.kbl-head__eyebrow{margin:0 0 8px!important;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}
.kbl-head h1{margin:0;font-size:42px;font-weight:800;letter-spacing:-.04em;color:var(--ink)}
.kbl-head__desc{margin:10px 0 0!important;max-width:60ch;font-size:16px;line-height:1.55;color:var(--text)}
.kbl-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.kbl-topics a{padding:9px 16px;border-radius:var(--pill);background:#fff;font-size:14px;font-weight:700;color:var(--text)}
.kbl-topics a:hover{color:var(--ink)}
.kbl-topics a.is-active{background:var(--ink);color:#fff}
.kbl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.kbl-card{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:#fff;border:1px solid var(--line);transition:border-color .2s}
.kbl-card:hover{border-color:var(--line2)}
.kbl-card__img{display:block;aspect-ratio:16/10;background:#f4f1ec;overflow:hidden}
.kbl-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.kbl-card:hover .kbl-card__img img{transform:scale(1.04)}
.kbl-card__body{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px;flex:1}
.kbl-card__meta{margin:0!important;font-size:12.5px;color:var(--muted)}
.kbl-card h2{margin:0;font-size:19px;line-height:1.25;font-weight:800;letter-spacing:-.02em}
.kbl-card h2 a{color:var(--ink)}
.kbl-card h2 a:hover{color:var(--orange)}
.kbl-card__desc{margin:0!important;font-size:14px;line-height:1.55;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kbl-card__more{display:inline-flex;align-items:center;gap:2px;margin-top:auto;padding-top:6px;font-size:14px;font-weight:700;color:var(--orange)}
.kbl-card__more .kb-i{width:16px;height:16px}
.kbl-card--lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.kbl-card--lead .kbl-card__img{aspect-ratio:auto;min-height:340px}
.kbl-card--lead .kbl-card__body{justify-content:center;padding:36px 40px}
.kbl-card--lead h2{font-size:30px;letter-spacing:-.03em}
.kbl-card--lead .kbl-card__desc{font-size:15.5px;-webkit-line-clamp:4}

.kpo{max-width:820px;margin:0 auto}
.kpo-head{text-align:center;margin:12px 0 28px}
.kpo-meta{margin:0 0 12px!important;font-size:13px;font-weight:600;color:var(--muted)}
.kpo-head h1{margin:0;font-size:44px;line-height:1.08;font-weight:800;letter-spacing:-.04em;color:var(--ink)}
.kpo-hero{margin:0 -80px 36px;border-radius:var(--r-lg);overflow:hidden;background:#f4f1ec}
.kpo-hero img{display:block;width:100%;max-height:560px;object-fit:cover}
.kpo-body{font-size:17.5px;line-height:1.75;color:#2b2b30}
.kpo-body *{font-family:inherit!important;max-width:100%}
.kpo-body p{margin:0 0 1.1em;line-height:1.75}
.kpo-body h2{font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--ink);margin:1.6em 0 .5em;line-height:1.2}
.kpo-body h3{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:1.4em 0 .4em}
.kpo-body a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.kpo-body img{height:auto;border-radius:var(--r);margin:.6em 0}
.kpo-body ul,.kpo-body ol{padding-left:1.3em;margin:0 0 1.1em}
.kpo-body li{margin-bottom:.4em}
.kpo-body blockquote{margin:1.4em 0;padding:4px 0 4px 20px;border-left:3px solid var(--orange);font-size:19px;color:var(--ink)}
.kpo-body table{width:100%;border-collapse:collapse;font-size:15px;margin:1em 0}
.kpo-body td,.kpo-body th{padding:10px 12px;border-bottom:1px solid var(--line)}
.kpo-body .product-thumb,.kpo-body .row{max-width:none}
.kpo-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0}
.kpo-tags a{padding:7px 14px;border-radius:var(--pill);background:#f2f2f5;font-size:13.5px;font-weight:600;color:var(--text)}
.kpo-tags a:hover{color:var(--ink)}
.kpo-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:36px 0 0;padding:22px 26px;border-radius:var(--r-lg);background:#f4f1ec}
.kpo-cta b{display:block;font-size:17px;color:var(--ink)}
.kpo-cta span{font-size:14px;color:var(--muted)}
.kpo-comments{max-width:820px;margin:40px auto 0}
.kpo-more{margin-top:64px;padding-top:40px;border-top:1px solid var(--line)}
.kpo-more__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}
.kpo-more__head h2{margin:0;font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.kpo-more__head a{display:inline-flex;align-items:center;gap:2px;font-weight:700;color:var(--orange)}
.kpo-more__head .kb-i{width:16px;height:16px}

/* ================= STRONY INFORMACYJNE ================= */
.ki-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.ki-main{min-width:0;max-width:820px}
.ki-main h1{margin:8px 0 24px;font-size:42px;line-height:1.08;font-weight:800;letter-spacing:-.04em;color:var(--ink)}
.ki-body{font-size:16px;line-height:1.75;color:#2b2b30}
.ki-body *{font-family:inherit!important;max-width:100%}
.ki-body p{margin:0 0 1em;line-height:1.75}
.ki-body h2{font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--ink);margin:1.6em 0 .5em;line-height:1.2}
.ki-body h3{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:1.4em 0 .4em}
.ki-body h4{font-size:17px;font-weight:800;color:var(--ink);margin:1.2em 0 .4em}
.ki-body a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.ki-body ul,.ki-body ol{padding-left:1.3em}
.ki-body li{margin-bottom:.45em}
.ki-body img{height:auto;border-radius:var(--r)}
.ki-body table{width:100%;border-collapse:collapse;font-size:15px;margin:1em 0}
.ki-body td,.ki-body th{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left}
.ki-body th,.ki-body thead td{font-weight:800;color:var(--ink)}
.ki-side{position:sticky;top:150px;display:grid;gap:16px}
.ki-nav{display:flex;flex-direction:column;gap:1px}
.ki-nav p{margin:0 0 10px!important;padding-left:12px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ki-nav a{padding:8px 12px;border-radius:10px;font-size:14.5px;color:var(--text)}
.ki-nav a:hover{background:#f4f4f6;color:var(--ink)}
.ki-help{display:flex;flex-direction:column;gap:4px;padding:22px;border-radius:var(--r-lg);background:#f4f1ec}
.ki-help b{font-size:15px;color:var(--ink)}
.ki-help__tel{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.ki-help span{font-size:13px;color:var(--muted)}
.ki-help span a{color:var(--orange)}

@media (max-width:991px){
.kbl-grid{grid-template-columns:1fr 1fr;gap:14px}
.kbl-card--lead{grid-template-columns:1fr}
.kbl-card--lead .kbl-card__img{min-height:0;aspect-ratio:16/10}
.kbl-card--lead .kbl-card__body{padding:22px}
.kbl-card--lead h2{font-size:23px}
.kbl-head{padding:26px 22px}.kbl-head h1{font-size:30px}
.kpo-hero{margin:0 0 28px}
.kpo-head h1{font-size:30px}
.kpo-body{font-size:16.5px}
.ki-layout{grid-template-columns:1fr;gap:32px}
.ki-side{position:static}
.ki-main h1{font-size:30px}
}
@media (max-width:575px){.kbl-grid,.kbl-grid--3{grid-template-columns:1fr}}
@media (min-width:992px){.kbl-card--lead{height:440px}.kbl-card--lead .kbl-card__img{min-height:0;height:100%}}
.kbl-card__more,.kbl-card__more:hover{color:var(--orange)!important}
.ki-nav a,.ka-nav a,.kc-side a{line-height:1.3!important}
.ki-nav a{padding:7px 12px}
.kbl-card__desc{margin-top:0}
/* Kontakt */
.kct-head{margin:8px 0 28px}
.kct-head h1{margin:0;font-size:42px;font-weight:800;letter-spacing:-.04em;color:var(--ink)}
.kct-head p{margin:8px 0 0!important;font-size:16px;color:var(--text)}
.kct-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.kct-info{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kct-card{display:flex;flex-direction:column;gap:4px;padding:22px;border-radius:var(--r-lg);background:#f6f6f8;color:var(--ink)}
.kct-card:hover{background:#efeff2;color:var(--ink)}
.kct-card span{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.kct-card b{font-size:18px;font-weight:800;letter-spacing:-.02em}
.kct-card em{font-style:normal;font-size:13px;color:var(--muted)}
.kct-card--main{background:#fff1e8}
.kct-card--main b{font-size:26px;color:var(--orange)}
.kct-card--main:hover{background:#ffe7d8}
.kct-company{grid-column:1/-1;padding:22px;border-radius:var(--r-lg);border:1px solid var(--line);font-size:14px;line-height:1.6;color:var(--text)}
.kct-company b{display:block;color:var(--ink);margin-bottom:4px}
.kct-company address{margin:0}
.kct-company__note{margin-top:8px;color:var(--muted)}
.kct-form{padding:32px;border-radius:var(--r-lg);border:1px solid var(--line)}
.kct-form h2{margin:0 0 18px;font-size:24px;font-weight:800;letter-spacing:-.025em;color:var(--ink)}
@media (max-width:991px){.kct-grid{grid-template-columns:1fr}.kct-head h1{font-size:30px}.kct-form{padding:22px}}
@media (max-width:575px){.kct-info{grid-template-columns:1fr}}
/* Specjalne strony informacyjne (Wysyłka, Skarbonka, KDR, Smart Krauz) – wspólne wykończenie */
.krauz-beta [id^="information-"].container:not(.ki){padding-bottom:56px}
.krauz-beta [id^="information-"].container:not(.ki) h1{font-size:40px;font-weight:800;letter-spacing:-.04em;color:var(--ink);margin:8px 0 22px}
.krauz-beta [id^="information-"].container:not(.ki) h2{font-weight:800;letter-spacing:-.025em;color:var(--ink)}
@media (max-width:991px){.krauz-beta [id^="information-"].container:not(.ki) h1{font-size:30px}}
/* Siatka 2 kolumn na telefonie: cena nie nachodzi na koszyk */
@media (max-width:575px){
.kc #product-list .pc-price b,.kp-related .pc-price b{font-size:17px;white-space:normal}
.kc #product-list .pc-price span,.kc #product-list .pc-unit{font-size:11px}
.kc #product-list .pc-cart,.kp-related .pc-cart{flex:0 0 38px;width:38px;height:38px}
.kc #product-list .pc-cart .kb-i{width:18px;height:18px}
.kc #product-list .pc-buy{gap:6px}
}
/* Licznik koszyka: reset starej grafiki .cart-counter (50x50 z tłem) */
.krauz-beta .kb-action__ico{position:relative}
.krauz-beta .btn-cart .cart-counter.kb-cart__badge{width:auto!important;height:19px!important;padding:0 5px!important;background-image:none!important;font-size:11px!important;line-height:19px!important}
/* Koszyk na telefonie: widok kartowy zamiast tabeli */
@media (max-width:767px){
#checkout-cart .desktop-cart{display:none}
#checkout-cart .mobile-cart{display:block!important}
#checkout-cart .mobile-cart .orig .img-thumbnail{width:72px;height:72px}
#checkout-cart .mobile-cart .right{min-width:0;flex:1;padding-right:36px}
#checkout-cart .mobile-cart .input-group{width:118px;height:40px}
#checkout-cart h1{font-size:28px}
}
@media (max-width:575px){
.kc #product-list .pc .pc-price b,.kp-related .pc .pc-price b{font-size:16px!important;letter-spacing:-.02em}
.kc #product-list .pc .pc-price b small{display:block;margin-top:1px}
.kc #product-list .pc .pc-cart,.kp-related .pc .pc-cart{flex:0 0 38px!important;width:38px!important;height:38px!important}
}
@media (max-width:575px){
.kc #product-list .pc .pc-price b,.kp-related .pc .pc-price b{display:flex;flex-direction:column;align-items:flex-start;gap:0;white-space:nowrap;font-size:16px!important}
.kc #product-list .pc .pc-price b small{font-size:11px;margin-top:2px}
}
.kp .thumbs-container{width:76px!important;margin:0!important;display:block!important}
.kp .swiper-thumb{width:76px}
@media (max-width:767px){.kp .thumbs-container{width:100%!important}.kp .swiper-thumb{width:100%}}

/* ================= FILTRY KATEGORII (kf) ================= */
.kc-side{padding-right:6px;scrollbar-width:thin}
.kf-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.kf-top b{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.kf-top a{font-size:13px;font-weight:700;color:var(--orange)}
.kf-close{display:none}
.kf-box{padding:18px 0;border-bottom:1px solid var(--line)}
.kf-box:last-child{border-bottom:0}
.kf-h{margin:0 0 12px!important;font-size:13px;font-weight:800;color:var(--ink)}
.kc-cats .kf-h,.kc-cats p{font-size:13px}
.kf-hist{display:flex;align-items:flex-end;gap:2px;height:44px;padding:0 9px}
.kf-hist i{flex:1;min-height:0;border-radius:2px 2px 0 0;background:#e3e3e8;transition:background .15s}
.kf-hist i.on{background:var(--orange)}
.kf-slider{position:relative;height:28px;margin:0 0 2px}
.kf-track{position:absolute;left:9px;right:9px;top:13px;height:3px;border-radius:3px;background:#e3e3e8}
.kf-fill{position:absolute;top:0;bottom:0;background:var(--orange);border-radius:3px}
.kf-slider input[type=range]{position:absolute;left:0;top:0;width:100%;height:28px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.kf-slider input[type=range]::-webkit-slider-runnable-track{background:none;height:28px}
.kf-slider input[type=range]::-moz-range-track{background:none}
.kf-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:20px;height:20px;margin-top:4px;border-radius:50%;background:#fff;border:2px solid var(--orange);cursor:grab}
.kf-slider input[type=range]::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--orange);cursor:grab}
.kf-slider input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;background:var(--orange)}
.kf-scale{display:flex;justify-content:space-between;padding:0 2px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.kf-vals{display:flex;align-items:center;gap:8px;margin-top:12px}
.kf-vals > i{width:8px;height:1px;background:var(--line2);flex:0 0 8px}
.kf-vals label{position:relative;flex:1;display:flex;align-items:center;height:40px;padding:0 10px;margin:0;border:1px solid var(--line2);border-radius:10px;background:#fff;gap:4px}
.kf-vals label:focus-within{border-color:var(--ink)}
.kf-vals label span{font-size:11.5px;color:var(--muted)}
.kf-vals input{width:100%;min-width:0;border:0;outline:0;padding:0;background:none;font-size:14px;font-weight:700;color:var(--ink);-moz-appearance:textfield}
.kf-vals input::-webkit-outer-spin-button,.kf-vals input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.kf-vals em{font-style:normal;font-size:12px;color:var(--muted)}
.kf-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.kf-list li{margin:0}
.kf-list a{display:flex;align-items:center;gap:10px;padding:6px 4px;border-radius:8px;font-size:14px;color:var(--text);line-height:1.3}
.kf-list a:hover{color:var(--ink);background:#f6f6f8}
.kf-list a i{flex:0 0 18px;width:18px;height:18px;border:1.5px solid var(--line2);border-radius:5px;position:relative;background:#fff}
.kf-list a.is-on i{background:var(--orange);border-color:var(--orange)}
.kf-list a.is-on i::after{content:"";position:absolute;left:5px;top:1.5px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.kf-list a span{flex:1;min-width:0}
.kf-list a b{font-size:12px;font-weight:600;color:var(--muted)}
.kf-list a.is-zero{opacity:.4}
.kf-list--chips{flex-direction:row;flex-wrap:wrap;gap:6px}
.kf-list--chips a{padding:7px 11px;border:1px solid var(--line);border-radius:var(--pill);font-size:13px;font-weight:600;gap:6px}
.kf-list--chips a i{display:none}
.kf-list--chips a.is-on{border-color:var(--orange);background:#fff5ef;color:var(--orange)}
.kf-list--chips a b{font-size:11px}
.kf-box.is-long:not(.is-open) .kf-list li:nth-child(n+9){display:none}
.kf-more{margin-top:8px;padding:0;border:0;background:none;font-size:13px;font-weight:700;color:var(--orange);cursor:pointer}
.kf-box.is-open .kf-more{display:none}
.kf-apply{display:none}
.kc-cats ul{list-style:none;margin:0;padding:0}
.kc-filter-btn{display:none}
.kf-backdrop{display:none}
.kc-side .kc-side__h{display:none}
@media (max-width:991px){
.kc-filter-btn{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 18px;border:0;border-radius:var(--pill);background:var(--ink);color:#fff;font-size:14px;font-weight:700}
.kc-filter-btn b{color:var(--orange)}
.kc-side{display:block!important;position:fixed;left:0;top:0;bottom:0;z-index:1200;width:min(380px,88vw);max-height:none;padding:18px 20px 90px;background:#fff;overflow:auto;transform:translateX(-102%);transition:transform .28s var(--ease)}
.kc-side.is-open{transform:none}
.kf-backdrop{position:fixed;inset:0;z-index:1150;background:rgba(10,15,30,.4)}
.kf-backdrop.is-open{display:block}
.kf-close{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:0;border-radius:50%;background:#f2f2f5;font-size:22px;line-height:1;color:var(--ink)}
.kf-top{position:sticky;top:-18px;z-index:2;background:#fff;padding:6px 0 10px;gap:12px}
.kf-top a{margin-left:auto}
.kf-apply{display:block;position:fixed;left:0;bottom:0;width:min(380px,88vw);padding:12px 20px;background:#fff;border-top:1px solid var(--line);transform:translateX(-102%);transition:transform .28s var(--ease)}
.kc-side.is-open .kf-apply{transform:none}
.kf-apply .kb-btn{width:100%;height:50px;justify-content:center}
.kc-bar__ctrl{width:100%}
}
/* Lewa kolumna kategorii bez własnego przewijania – rośnie razem ze stroną */
@media (min-width:992px){.kc-side{position:static;max-height:none;overflow:visible;padding-right:0}}
.kc-cats.is-long:not(.is-open) li:nth-child(n+6){display:none}
.kc-cats a{display:block;padding:6px 4px;border-radius:8px;font-size:14px;line-height:1.3;color:var(--text)}
.kc-cats a:hover{background:#f6f6f8;color:var(--ink)}

/* Karta produktu: pasujące (12 + rozwiń), powiązane w karuzeli, okno „Dodano do koszyka” */
.kp-fit__h span{margin-left:4px;font-weight:600;color:var(--muted)}
.kp-fit.is-long:not(.is-open) .kp-fit__list a:nth-child(n+13){display:none}
.kp-fit__list{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.kp-fit__list a{width:auto!important;height:auto!important;aspect-ratio:1}
.kp-rel{margin-top:56px}
.kp-rel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.kp-rel__head h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.025em;color:var(--ink)}
.kp-related .related-info{display:none}

.kcm .modal-dialog{max-width:860px}
.kcm .modal-content{position:relative;border:0;border-radius:var(--r-lg);overflow:hidden;max-height:calc(100vh - 40px)}
.kcm__x{position:absolute;right:14px;top:14px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:#f2f2f5;font-size:22px;line-height:1;color:var(--ink);cursor:pointer}
.kcm__head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 16px;align-items:center;padding:26px 28px 22px}
.kcm__ok{width:40px;height:40px;border-radius:50%;background:#1e9e5a;color:#fff;display:inline-flex;align-items:center;justify-content:center;align-self:start}
.kcm__ok svg{width:22px;height:22px}
.kcm__prod{display:flex;align-items:center;gap:14px;padding-right:44px;min-width:0}
.kcm__prod img{width:64px;height:64px;object-fit:contain;border-radius:12px;background:#f6f6f8;mix-blend-mode:multiply;flex:0 0 64px}
.kcm__prod p{margin:0 0 2px!important;font-size:13px;font-weight:700;color:#1e9e5a}
.kcm__prod b{display:block;font-size:16px;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kcm__btns{grid-column:1/-1;display:flex;gap:10px}
.kcm__go,.kcm__cont{flex:1;display:inline-flex;align-items:center;justify-content:center;height:50px;border:0;border-radius:var(--pill);font-size:15px;font-weight:800;cursor:pointer}
.kcm__go{background:var(--orange);color:#fff!important}
.kcm__go:hover{background:#d84700}
.kcm__cont{background:#f2f2f5;color:var(--ink)}
.kcm__fit{padding:20px 28px 24px;background:#f6f6f8}
.kcm__h{margin:0 0 12px!important;font-size:15px;font-weight:800;color:var(--ink)}
.kcm__rail{display:grid;grid-auto-flow:column;grid-auto-columns:150px;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}
.kcm__item{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:14px;background:#fff;scroll-snap-align:start;min-width:0}
.kcm__img{display:block;aspect-ratio:1;border-radius:10px;overflow:hidden}
.kcm__img img{width:100%;height:100%;object-fit:contain}
.kcm__name{font-size:12.5px;line-height:1.3;font-weight:600;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:33px}
.kcm__row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto}
.kcm__row b{font-size:14px;font-weight:800;color:var(--ink);white-space:nowrap}
.kcm__add{flex:0 0 32px;width:32px;height:32px;border:0;border-radius:50%;background:var(--orange);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.kcm__add svg{width:16px;height:16px}
.kcm__add.is-added{background:#1e9e5a}
@media (max-width:575px){
.kcm .modal-dialog{margin:0;max-width:none;align-items:flex-end;min-height:100%}
.kcm .modal-content{border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:92vh}
.kcm__head{padding:22px 18px 18px}
.kcm__btns{flex-direction:column}
.kcm__fit{padding:16px 18px 20px}
.kcm__rail{grid-auto-columns:132px}
.kp-fit__list{grid-template-columns:repeat(5,minmax(0,1fr))}
}
/* Wysuwany koszyk: backdrop-filter na nagłówku tworzył kontener dla position:fixed (koszyk miał 80 px wysokości) */
.kb-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important}
.krauz-beta .cart-right{top:0!important;bottom:0!important;height:100vh!important;height:100dvh!important}
.krauz-beta .cart-right .cart-palette-img{display:inline-block;vertical-align:middle;width:16px;height:22px;margin:0 0 0 8px;border-radius:4px;background:var(--orange);border:0!important;overflow:hidden;position:relative}
.krauz-beta .cart-right .cart-palette-img .palette-inner{position:absolute;left:0;right:0;top:0;background:#ececf0}
@media (max-width:575px){.kcm__btns{flex-direction:column;gap:8px}.kcm__go,.kcm__cont{flex:none;height:48px;width:100%}}

/* Karta produktu v2: szare tło + biała karta, mniejsze zdjęcie, kafel „+N”, animacja wejścia */
body.krauz-beta:has(#product-info.kp){background:#f2f2f4}
.kp-top,.kp-details,.kp-reviews{background:#fff;border-radius:var(--r-lg)}
.kp-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;padding:32px}
.kp .swiper-main{max-height:560px;background:#f6f6f8}
.kp-details{margin-top:20px;padding:36px 40px}
.kp-reviews{margin-top:20px;padding:36px 40px;border-top:0}
.kp-tabs{margin-top:28px;background:rgba(242,242,244,.94);border-bottom:0}
.kp-tabs a:hover{background:#fff}
.kp-fit.is-long:not(.is-open) .kp-fit__list a:nth-of-type(n+12){display:none}
.kp-fit__more{aspect-ratio:1;border:0;border-radius:12px;background:#f2f2f4;font-size:17px;font-weight:800;color:var(--ink);cursor:pointer;transition:background .15s,color .15s}
.kp-fit__more:hover{background:var(--orange);color:#fff}
.kp-fit.is-open .kp-fit__more{display:none}
@keyframes kpPhoto{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes kpIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes kpFade{from{opacity:0}to{opacity:1}}
.kp .main-container{animation:kpPhoto .7s cubic-bezier(.2,.7,.2,1) backwards}
.kp .thumbs-container{animation:kpFade .6s .25s ease backwards}
.kp-title{animation:kpIn .55s .12s cubic-bezier(.2,.7,.2,1) backwards}
.kp-meta,.kp-chips{animation:kpIn .55s .2s cubic-bezier(.2,.7,.2,1) backwards}
.kp-price{animation:kpIn .55s .26s cubic-bezier(.2,.7,.2,1) backwards}
.kp-cart{animation:kpFade .6s .45s ease backwards}
@media (prefers-reduced-motion:reduce){.kp .main-container,.kp .thumbs-container,.kp-title,.kp-meta,.kp-chips,.kp-price,.kp-cart{animation:none}}
@media (max-width:991px){.kp-top{grid-template-columns:1fr;padding:20px;gap:20px}.kp-details,.kp-reviews{padding:24px}}
@media (max-width:767px){.kp-fit__list{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px}.kp-fit__more{font-size:14px}.kp-top{margin:0 -8px;padding:14px;border-radius:18px}.kp-details,.kp-reviews{margin-left:-8px;margin-right:-8px;padding:20px 16px;border-radius:18px}.kp-tabs{margin-top:20px}}
.krauz-beta .kb-cart__close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;padding:0;border-radius:50%;background:#f2f2f5;color:var(--ink);transition:background .15s,color .15s}
.krauz-beta .kb-cart__close:hover{background:var(--ink);color:#fff}
.krauz-beta .kb-cart__close svg{display:block;width:18px;height:18px;pointer-events:none}

/* Koszyk v2: paleta, kupon, reklama ORLEN */
#checkout-cart .cart-summary tr:first-child td{padding-top:0!important}
#checkout-cart .col-lg-3 > .glowbox-p:first-of-type{padding:24px!important}
#checkout-cart .col-lg-3 > .glowbox-p:nth-of-type(2){margin-top:12px}
#checkout-cart #accordion{margin:0}
.kpal{display:grid;grid-template-columns:120px minmax(0,1fr);gap:28px;align-items:center;margin-top:28px;padding:24px 28px;border-radius:var(--r-lg);background:#f6f6f8}
.kpal h3{margin:0 0 14px!important;font-size:17px!important}
.kpal__art{display:flex;flex-direction:column;align-items:center}
.kpal__cargo{position:relative;width:104px;height:92px;border:1.5px dashed #c9c9d1;border-bottom:0;border-radius:8px 8px 0 0;overflow:hidden}
.kpal__cargo i{position:absolute;left:0;right:0;bottom:0;background-color:var(--orange);background-image:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.55) 49%,rgba(255,255,255,.55) 51%,transparent 51%),repeating-linear-gradient(0deg,transparent 0 22px,rgba(255,255,255,.55) 22px 23.5px);transition:height .6s cubic-bezier(.2,.7,.2,1)}
.kpal.is-done .kpal__cargo{border-color:transparent}
.kpal.is-done .kpal__cargo i{background-color:#1e9e5a}
.kpal__base{width:120px;height:22px;display:block;fill:#9a7b5c}
.kpal__row{display:grid;grid-template-columns:80px auto minmax(0,1fr) 44px;align-items:center;gap:12px;margin-bottom:10px;font-size:14px}
.kpal__row span{color:var(--muted)}
.kpal__row b{font-weight:800;color:var(--ink);white-space:nowrap}
.kpal__row em{font-style:normal;font-size:13px;font-weight:700;color:var(--muted);text-align:right}
.kpal__bar{height:8px;border-radius:8px;background:#e4e4ea;overflow:hidden}
.kpal__bar i{display:block;height:100%;border-radius:8px;background:var(--orange)}
.kpal.is-done .kpal__bar i{background:#1e9e5a}
.kpal__msg{display:flex;align-items:flex-start;gap:10px;margin:14px 0 0!important;padding-top:14px;border-top:1px solid #e4e4ea;font-size:13.5px;line-height:1.45;color:var(--text)}
.kpal__msg b{display:block;font-size:14.5px;font-weight:800;color:var(--ink)}
.kpal__msg svg{flex:0 0 26px;width:26px;height:26px;padding:4px;border-radius:50%;background:#1e9e5a;color:#fff}
.kpal.is-done .kpal__msg b{color:#1e9e5a}
.kcp{border:0!important;border-radius:var(--r-lg)!important;background:#f6f6f8;overflow:hidden}
.kcp__toggle{display:flex;align-items:center;gap:10px;width:100%;padding:16px 20px;border:0;background:none;font-size:14.5px;font-weight:700;color:var(--ink);text-align:left;cursor:pointer}
.kcp__toggle svg{width:19px;height:19px;color:var(--orange)}
.kcp__toggle i{margin-left:auto;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-135deg);transition:transform .2s}
.kcp__toggle.collapsed i{transform:rotate(45deg) translate(-2px,-2px)}
.kcp__form{display:flex;gap:6px;margin:0;padding:0 14px 14px}
.kcp__form input{flex:1;min-width:0;height:46px;padding:0 16px;border:1px solid var(--line2);border-radius:var(--pill);background:#fff;font-size:14.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink);outline:0}
.kcp__form input::placeholder{text-transform:none;letter-spacing:0;font-weight:500;color:var(--muted)}
.kcp__form input:focus{border-color:var(--ink)}
.kcp__form button{flex:0 0 auto;height:46px;padding:0 18px;border:0;border-radius:var(--pill);background:var(--ink);color:#fff;font-size:14px;font-weight:700;cursor:pointer}
.korl{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;margin-top:12px;padding:18px 20px;border-radius:var(--r-lg);background:#d8001c;color:#fff!important;text-decoration:none!important;overflow:hidden;transition:background .15s}
.korl:hover{background:#c00019}
.korl__tag{grid-column:1;justify-self:start;margin-bottom:6px;padding:3px 9px;border-radius:var(--pill);background:#fff;color:#d8001c;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.korl__big{grid-column:1;font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1}
.korl__big small{font-size:15px;font-weight:700;letter-spacing:0}
.korl__txt{grid-column:1;font-size:12.5px;line-height:1.4;opacity:.9}
.korl__go{grid-column:2;grid-row:1/4;align-self:center;width:22px;height:22px}
@media (max-width:575px){.kpal{grid-template-columns:1fr;gap:16px;padding:20px}.kpal__art{display:none}.kpal__row{grid-template-columns:70px auto minmax(0,1fr)}.kpal__row em{display:none}}
.kcp__form .kcp__rm{display:inline-flex;align-items:center;justify-content:center;width:46px;padding:0;background:#fff;color:var(--ink);border:1px solid var(--line2)}
.kcp__rm svg{width:16px;height:16px}
.kpal__row{grid-template-columns:72px 84px minmax(0,1fr) 44px}
@media (max-width:575px){.kpal__row{grid-template-columns:64px 74px minmax(0,1fr)}}
@media (max-width:991px){#checkout-cart .col-lg-3{margin-top:28px}}

/* Strona główna: opinie klientów */
.krv{margin:0 0 72px}
.krv__hero{position:relative;display:flex;align-items:center;min-height:440px;padding:36px;border-radius:var(--r-lg);overflow:hidden;background:#efe7dc}
.krv__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 40%}
.krv__sum{position:relative;width:420px;max-width:100%;padding:30px 30px 26px;border-radius:var(--r-lg);background:#fff}
.krv__eyebrow{margin:0 0 6px!important;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}
.krv__h{margin:0 0 14px;font-size:27px;font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--ink)}
.krv__h span{color:var(--orange)}
.krv__score{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-bottom:16px}
.krv__stars{position:relative;display:inline-block;line-height:0}
.krv__stars i{display:flex;gap:2px;color:#e4e4ea}
.krv__stars i + i{position:absolute;left:0;top:0;width:var(--p);overflow:hidden;color:#f5a623}
.krv__stars svg{flex:0 0 22px;width:22px;height:22px}
.krv__count{font-size:14px;color:var(--muted)}
.krv__count b{color:var(--ink)}
.krv__dist{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:6px}
.krv__dist li{display:grid;grid-template-columns:74px minmax(0,1fr) 34px;align-items:center;gap:10px;margin:0;font-size:13px;color:var(--muted)}
.krv__dist span::after{content:" ★";color:#f5a623}
.krv__dist i{height:6px;border-radius:6px;background:#eeeef2;overflow:hidden}
.krv__dist i b{display:block;height:100%;border-radius:6px;background:#f5a623}
.krv__dist em{font-style:normal;font-weight:700;color:var(--ink);text-align:right}
.krv__ver{display:flex;align-items:flex-start;gap:12px;margin:0!important;padding-top:16px;border-top:1px solid var(--line);font-size:13px;line-height:1.45;color:var(--text)}
.krv__ver svg{flex:0 0 30px;width:30px;height:30px;color:#1e9e5a}
.krv__ver b{display:block;font-size:14.5px;color:var(--ink)}
.krv__bar{display:flex;align-items:center;justify-content:space-between;margin:28px 0 14px}
.krv__bar h3{margin:0;font-size:22px;font-weight:800;letter-spacing:-.025em;color:var(--ink)}
.krv .rail.krv__rail{grid-auto-columns:calc((100% - 3*16px)/4)}
.krv__card{display:flex;flex-direction:column;margin:0;padding:22px;border-radius:var(--r-lg);background:#f6f6f8}
.krv__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.krv__mini{display:flex;gap:1px}
.krv__mini i{width:16px;height:16px;color:#dcdce2}
.krv__mini i.on{color:#f5a623}
.krv__mini svg{width:16px;height:16px;display:block}
.krv__top time{font-size:12.5px;color:var(--muted)}
.krv__card blockquote{flex:1;margin:0 0 18px;font-size:15px;line-height:1.55;font-weight:500;color:var(--ink)}
.krv__who{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.krv__av{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.krv__who b{display:block;font-size:14px;color:var(--ink)}
.krv__who small{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#1e9e5a}
.krv__who small svg{width:12px;height:12px}
.krv__prod{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:14px;background:#fff;font-size:13px;font-weight:600;line-height:1.3;color:var(--ink);transition:color .15s}
.krv__prod:hover{color:var(--orange)}
.krv__prod img{flex:0 0 44px;width:44px;height:44px;object-fit:contain;border-radius:10px;mix-blend-mode:multiply}
.krv__prod span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1199px){.krv .rail.krv__rail{grid-auto-columns:calc((100% - 2*16px)/3)}}
@media (max-width:991px){.krv .rail.krv__rail{grid-auto-columns:calc((100% - 16px)/2)}}
@media (max-width:767px){
.krv__hero{display:block;min-height:0;padding:0;background:none;border-radius:0}
.krv__img{position:static;height:230px;border-radius:var(--r-lg);object-position:75% 40%}
.krv__sum{width:auto;margin:-48px 12px 0;padding:22px 20px}
.krv__h{font-size:23px}
.krv .rail.krv__rail{grid-auto-columns:84%}
.krv__bar .rail-ctrl{display:none}
}
.kp .is-single .swiper-main{max-height:none;width:100%}
.kp-ean{text-align:left!important;padding-left:4px}
/* Opcje produktu: same kafle, bez białej ramki */
.kp #product hr{display:none}
.kp #product h3{margin:18px 0 10px;font-size:15px;font-weight:800;color:var(--ink)}
.kp #product .form-label{font-size:13px;font-weight:700;color:var(--muted);margin-bottom:8px}
.kp-osel{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}
.kp-otiles{display:flex;flex-wrap:wrap;gap:8px}
.kp-otiles.is-long:not(.is-open) .kp-otile:nth-of-type(n+12):not(.kp-otile--more){display:none}
.kp-otiles.is-open .kp-otile--more{display:none}
.kp-otile{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 14px;border:1.5px solid transparent;border-radius:12px;background:#f2f2f5;font-size:13.5px;font-weight:600;line-height:1.25;color:var(--ink);text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.kp-otile:hover{background:#e9e9ee}
.kp-otile.is-on{border-color:var(--ink);background:#fff}
.kp-otile img{width:28px;height:28px;object-fit:contain;border-radius:6px;mix-blend-mode:multiply}
.kp-otile small{font-weight:700;color:var(--orange)}
.kp-otile--more{font-weight:800}
.kp #product .invalid-feedback{font-size:13px;font-weight:600}
.kp .swiper-main{max-height:none}
/* Stare opisy z Worda: bez centrowania, kolorów i krojów z edytora */
.kp-desc__body *{text-align:left!important;color:inherit!important;background:none!important;text-indent:0!important;margin-left:0!important}
.kp-desc__body p:empty,.kp-desc__body p:has(> br:only-child){display:none}
.kp-desc__body strong,.kp-desc__body b{font-weight:700}
.kp .kp-gallery__in > *{min-width:0}
.kp .main-container{overflow:hidden;border-radius:var(--r-lg)}
.kp .swiper-main{width:100%!important}
/* Opinie v2: lewa – średnia (z małym zdjęciem), prawa – rotator opinii */
.krv{display:grid;grid-template-columns:400px minmax(0,1fr);gap:24px;align-items:stretch}
.krv__side{display:flex;flex-direction:column;border-radius:var(--r-lg);background:#f6f6f8;overflow:hidden}
.krv .krv__img{position:static;display:block;width:100%;height:190px;object-fit:cover;object-position:50% 35%;border-radius:0}
.krv .krv__sum{width:auto;margin:0;padding:24px 26px 24px;background:none;border-radius:0}
.krv__h{font-size:24px}
.krv__main{display:flex;flex-direction:column;min-width:0}
.krv .krv__bar{margin:6px 0 14px}
.krv .rail.krv__rail{flex:1;grid-auto-columns:calc((100% - 2*16px)/3);align-items:stretch}
.krv__card{height:100%}
@media (max-width:1199px){.krv{grid-template-columns:340px minmax(0,1fr)}.krv .rail.krv__rail{grid-auto-columns:calc((100% - 16px)/2)}}
@media (max-width:991px){.krv{grid-template-columns:1fr}.krv .rail.krv__rail{grid-auto-columns:calc((100% - 16px)/2)}}
@media (max-width:767px){.krv .krv__img{height:180px;border-radius:0}.krv .krv__sum{margin:0;padding:20px}.krv .rail.krv__rail{grid-auto-columns:84%}}
@media (min-width:992px){.krv__card blockquote{font-size:16.5px;line-height:1.5}}

/* ===== Opinie v3: kompaktowe karty w 2 rzędach + ocena Google ===== */
.krv{grid-template-columns:360px minmax(0,1fr)}
.krv .krv__img{height:150px;object-position:50% 55%}
.krv .krv__sum{padding:20px 22px 22px}
.krv .krv__h{margin:0 0 14px;font-size:22px}
.krv__scores{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.krv__sc{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border-radius:16px;background:#fff;color:var(--ink);transition:color .15s}
a.krv__sc:hover{color:var(--orange)}
.krv__src{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--muted)}
.krv__src svg{width:15px;height:15px}
.krv__num{font-size:32px;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--ink)}
.krv__sc .krv__stars svg{flex-basis:15px;width:15px;height:15px}
.krv__sc small{font-size:12px;line-height:1.35;color:var(--muted)}
a.krv__sc small{color:inherit;font-weight:600}
.krv__sc em{font-style:normal}
.krv .krv__ver{padding-top:14px;font-size:12.5px}
.krv .krv__ver b{font-size:13.5px}
.krv .rail.krv__rail{flex:0 0 auto;grid-template-rows:repeat(2,auto);grid-auto-columns:calc((100% - 2*16px)/3);gap:12px 16px;align-items:stretch}
.krv .krv__card{display:flex;flex-direction:row;gap:14px;height:auto;padding:16px;border-radius:18px;background:#f6f6f8;color:var(--ink);transition:background .15s}
.krv .krv__card:hover{background:#efeff3}
.krv__th{flex:0 0 64px;width:64px;height:64px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.krv__th img{width:56px;height:56px;object-fit:contain;mix-blend-mode:multiply}
.krv__bd{display:flex;flex-direction:column;min-width:0;flex:1}
.krv .krv__top{margin-bottom:6px}
.krv .krv__mini i,.krv .krv__mini svg{width:14px;height:14px}
.krv .krv__top time{font-size:12px}
.krv__card q{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 8px;font-size:14.5px;line-height:1.45;font-weight:500;quotes:"„" "”"}
.krv .krv__who{display:flex;align-items:center;gap:8px;margin:auto 0 0;font-size:13px}
.krv .krv__who b{display:inline;font-size:13px}
.krv__pn{margin-top:4px;font-size:12px;line-height:1.35;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}
.krv__card:hover .krv__pn{color:var(--orange)}
@media (max-width:1199px){.krv{grid-template-columns:320px minmax(0,1fr)}.krv .rail.krv__rail{grid-auto-columns:calc((100% - 16px)/2)}}
@media (max-width:991px){.krv{grid-template-columns:1fr}.krv .krv__img{height:170px}}
@media (max-width:767px){.krv .rail.krv__rail{grid-auto-columns:86%}.krv__scores{gap:8px}.krv__sc{padding:12px}}
.krv__ok{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700;color:#1e9e5a;white-space:nowrap}
.krv__ok svg{width:11px;height:11px}
.krv .krv__top{gap:8px}
.krv .krv__who time{font-size:12px;color:var(--muted)}
.krv .krv__who b::after{content:" ·";color:var(--muted);font-weight:400}
.krv .krv__img{height:120px}
.krv .krv__sum{padding-top:18px}

/* ===== Opinie na karcie produktu ===== */
.kp-reviews#tab-review{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start}
.krs{position:sticky;top:96px}
.krs h2{margin:0 0 16px;font-size:24px;font-weight:800;letter-spacing:-.025em;color:var(--ink)}
.krs__score{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.krs__score > b{font-size:48px;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--ink)}
.krs__score > span{display:flex;flex-direction:column;gap:4px}
.krs__score small{font-size:13px;color:var(--muted)}
.krs .krv__dist li{grid-template-columns:14px minmax(0,1fr) 28px}
.krs .krv__ver{padding-top:16px;margin-top:4px!important}
.krr-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.krr{display:flex;flex-direction:column;padding:18px 20px;border-radius:18px;background:#f6f6f8}
.krr__head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.krr__av{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.krr__who{display:flex;flex-direction:column;min-width:0;flex:1}
.krr__who b{font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.krr__who small{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700;color:#1e9e5a}
.krr__who small svg{width:11px;height:11px}
.krr__stars{display:flex;gap:1px;flex:0 0 auto}
.krr__stars svg{width:15px;height:15px;color:#dcdce2}
.krr__stars svg.on{color:#f5a623}
.krr__text{flex:1;margin:0 0 10px!important;font-size:15px;line-height:1.5;color:var(--ink)}
.krr__date{font-size:12px;color:var(--muted)}
.krr-pag{margin-top:16px}
.krr-pag .pagination{justify-content:flex-start;gap:6px;margin:0}
.krr-pag .page-link{border:0;border-radius:var(--pill)!important;background:#f2f2f5;color:var(--ink);min-width:36px;text-align:center}
.krr-pag .active .page-link{background:var(--ink);color:#fff}
.krf{margin-top:24px;padding:24px;border-radius:18px;border:1px solid var(--line);display:grid;gap:16px}
.krf__head h3{margin:0 0 4px;font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.krf__head p{margin:0!important;font-size:13.5px;color:var(--muted)}
.krf__label{display:block;margin-bottom:6px;font-size:13.5px;font-weight:600;color:var(--ink)}
.krf__stars{display:inline-flex;flex-direction:row-reverse;gap:4px}
.krf__stars input{position:absolute;opacity:0;pointer-events:none}
.krf__stars label{cursor:pointer;color:#dcdce2;transition:color .12s,transform .12s}
.krf__stars label svg{width:32px;height:32px;display:block}
.krf__stars label:hover,.krf__stars label:hover ~ label,.krf__stars input:checked ~ label{color:#f5a623}
.krf__stars label:active{transform:scale(.9)}
.krf__stars input:focus-visible + label{outline:2px solid var(--orange);outline-offset:2px;border-radius:6px}
.krf .form-control{border-radius:12px;border-color:var(--line);padding:11px 14px}
.krf__row{max-width:360px}
.krf__foot .btn{border-radius:var(--pill);padding:11px 26px;font-weight:700;background:var(--orange);border-color:var(--orange);color:#fff}
@media (max-width:991px){.kp-reviews#tab-review{grid-template-columns:1fr;gap:20px}.krs{position:static}}
@media (max-width:767px){.krr-list{grid-template-columns:1fr}.krf{padding:18px}}
.krv .krv__card{flex-direction:column;gap:0}
.krv .krv__pn{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #e8e8ee;white-space:normal}
.krv .krv__pn img{flex:0 0 32px;width:32px;height:32px;object-fit:contain;border-radius:8px;background:#fff;mix-blend-mode:multiply}
.krv .krv__pn span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.krv .krv__who{margin-top:auto}
.krs .krv__dist li{grid-template-columns:28px minmax(0,1fr) 24px}
.krs .krv__dist span{white-space:nowrap}

/* ===== Mini-koszyk: ikonki zajętości palety ===== */
.krauz-beta .cart-right .cart-totals th{display:flex;align-items:center;gap:8px}
.krauz-beta .cart-right .cart-palette-img{position:relative;flex:0 0 18px;width:18px;height:18px;margin:0 0 4px;padding:0;border:0!important;border-radius:5px 5px 2px 2px;background:var(--orange)!important;box-shadow:none!important;overflow:visible;display:block}
.krauz-beta .cart-right .cart-palette-img::after{content:"";position:absolute;left:-2px;right:-2px;bottom:-4px;height:2px;border-radius:2px;background:#9a7b5c}
.krauz-beta .cart-right .cart-palette-img .palette-inner{position:absolute;left:0;right:0;top:0;border:0!important;border-radius:5px 5px 0 0;background:#f2f2f5!important;box-shadow:inset 0 0 0 1.5px #e2e2e8}
.krauz-beta .cart-right .text-success .cart-palette-img{background:#1e9e5a!important}

/* ===== KASA v2 (checkout) – kroki, gęściej ===== */
body.krauz-beta:has(#checkout-checkout){background:#f2f2f4}
#checkout-checkout{padding-bottom:48px}
#checkout-checkout .breadcrumb{margin-bottom:6px}
.kco-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px}
#checkout-checkout .kco-top h1{margin:0;font-size:30px}
.kco-safe{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#1e9e5a}
.kco-safe svg{width:18px;height:18px}
.kco{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
.kco-main{display:grid;gap:12px;min-width:0}
#checkout-checkout .kco-sec{padding:22px 24px!important;border-radius:var(--r-lg);background:#fff!important}
#checkout-checkout .kco-sec #checkout-register,#checkout-checkout .kco-sec #checkout-payment-address,#checkout-checkout .kco-sec #checkout-shipping-address,#checkout-checkout .kco-sec #checkout-invoice,#checkout-checkout .kco-sec #checkout-shipping-method,#checkout-checkout .kco-sec #checkout-payment-method{padding:0;margin:0!important;border:0;border-radius:0;background:none}
#checkout-checkout .kco-h{display:flex;align-items:center;gap:10px;margin:0 0 14px!important;font-size:19px!important}
.kco-h span{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}
/* krok 1: podtytuły zamiast dużych legend */
#checkout-checkout .kco-sec[data-step="1"] legend{font-size:13px!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase;color:var(--muted)!important;margin:6px 0 10px!important}
#checkout-checkout .kco-sec[data-step="2"] legend,#checkout-checkout .kco-sec[data-step="3"] legend{display:none}
#checkout-checkout .kco-sec[data-step="1"] fieldset + fieldset,#checkout-checkout .kco-sec[data-step="1"] fieldset:not(:first-child){margin-top:10px}
/* pola: mniejsze odstępy */
#checkout-checkout .kco-main .row{--bs-gutter-x:12px;--bs-gutter-y:0}
#checkout-checkout .kco-main .mb-3{margin-bottom:12px!important}
#checkout-checkout .kco-main .form-label,#checkout-checkout .kco-main .col-form-label{margin-bottom:4px!important;padding:0;font-size:13px!important;font-weight:600!important;color:var(--ink)}
#checkout-checkout .kco-main div.required .form-label:before,#checkout-checkout .kco-main div.required .col-form-label:before{content:none}
#checkout-checkout .kco-main div.required .form-label:after{content:" *";color:var(--orange)}
#checkout-checkout .kco-main .form-control,#checkout-checkout .kco-main .form-select{height:44px;padding:9px 13px;border:1px solid #dcdce3;border-radius:12px;font-size:15px;background-color:#fff;box-shadow:none!important}
#checkout-checkout .kco-main textarea.form-control{height:auto;min-height:72px}
#checkout-checkout .kco-main .form-control:focus,#checkout-checkout .kco-main .form-select:focus{border-color:var(--ink)}
#checkout-checkout .kco-main .form-control::placeholder{color:#b0b0ba}
#checkout-checkout .kco-main .invalid-feedback{font-size:12.5px;margin-top:3px}
#checkout-checkout .kco-main .btn-primary{height:44px;padding:0 24px;border:0;border-radius:var(--pill);background:var(--orange);color:#fff;font-weight:700;box-shadow:none}
#checkout-checkout .kco-main .btn-primary:hover{background:#d94800;color:#fff}
#checkout-checkout .kco-main .form-check-inline{margin-right:8px}
/* przełącznik gość / konto jako segment */
#checkout-checkout #form-register > fieldset:first-child .form-check-inline{position:relative;padding:0;margin:0 6px 6px 0}
#checkout-checkout #form-register > fieldset:first-child .form-check-inline .form-check-input{position:absolute;opacity:0}
#checkout-checkout #form-register > fieldset:first-child .form-check-inline .form-check-label{display:inline-block;padding:8px 14px;border-radius:var(--pill);background:#f2f2f5;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer}
#checkout-checkout #form-register > fieldset:first-child .form-check-inline .form-check-input:checked + .form-check-label{background:var(--ink);color:#fff}
#checkout-checkout .kco-main .form-switch-lg{min-height:0;font-size:14px}
#checkout-checkout .kco-main .form-switch-lg .form-check-input{width:40px;height:22px}
#checkout-checkout .kco-main .form-switch-lg .form-check-label{font-size:13.5px;padding-top:2px}
/* podpowiedź zamiast „Ostrzeżenie” */
#checkout-checkout #error-shipping-method.d-block,#checkout-checkout #error-payment-method.d-block{display:flex!important;align-items:center;gap:10px;margin:0;padding:12px 14px;border-radius:12px;background:#f6f6f8;color:var(--text);font-size:14px;line-height:1.4}
#checkout-checkout #error-shipping-method.d-block::before,#checkout-checkout #error-payment-method.d-block::before{content:"i";flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;font:800 13px/22px Georgia,serif;text-align:center}
#checkout-checkout .kco-sec .input-group{display:none}
/* płatność: uwagi + zgody */
#checkout-checkout #checkout-payment-method label[for=input-comment] strong{font-size:13px;font-weight:600}
#checkout-checkout #checkout-payment-method .form-check-reverse{text-align:left;display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:10px;padding:0}
#checkout-checkout #checkout-payment-method .form-check-reverse .form-check-input{float:none;margin:0}
/* faktura: przełącznik w nagłówku */
#checkout-checkout .kco-sec--inv{padding:16px 24px!important}
#checkout-checkout #checkout-invoice legend.kco-inv-h{margin:0!important;padding:0;font-size:inherit!important;text-transform:none;letter-spacing:0}
.kco-switch{display:flex;align-items:center;gap:14px;margin:0;cursor:pointer}
.kco-switch input{position:absolute;opacity:0;pointer-events:none}
.kco-switch i{position:relative;flex:0 0 44px;width:44px;height:26px;border-radius:26px;background:#d9d9e0;transition:background .2s}
.kco-switch i::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.kco-switch input:checked + i{background:var(--orange)}
.kco-switch input:checked + i::after{transform:translateX(18px)}
.kco-switch input:focus-visible + i{outline:2px solid var(--ink);outline-offset:2px}
.kco-switch span{display:flex;flex-direction:column;font-size:15px;line-height:1.3;color:var(--ink)}
.kco-switch small{font-size:12.5px;font-weight:400;color:var(--muted)}
#checkout-checkout #checkout-invoice .card-body{padding:0}
#checkout-checkout #checkout-invoice .faktura_dane{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
#checkout-checkout #new-invoice-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;border:0}
#checkout-checkout #new-invoice-form p{grid-column:1/-1;margin:0!important;font-weight:700}
#checkout-checkout #new-invoice-form label{grid-column:1/-1}
#checkout-checkout #new-invoice-form .check-nip{grid-column:1/-1}
#checkout-checkout #new-invoice-form .form-control{margin:0!important}
#checkout-checkout .invoice_adresses_list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
#checkout-checkout .select-invoice-adress{position:relative;margin:0!important;cursor:pointer;font-size:13.5px;line-height:1.4}
#checkout-checkout .select-invoice-adress .address p{margin:0!important}
#checkout-checkout .select-invoice-adress .address p:first-child{font-weight:700;color:var(--ink)}
#checkout-checkout .select-invoice-adress.active-adress::after{content:"✓";position:absolute;top:10px;right:12px;width:22px;height:22px;border-radius:50%;background:var(--orange);color:#fff;font-size:13px;font-weight:800;line-height:22px;text-align:center}
#checkout-checkout .adress-buttons{display:flex;gap:12px;margin-top:8px;font-size:12px;font-weight:700}
#checkout-checkout .adress-buttons span{color:var(--muted);cursor:pointer}
#checkout-checkout .adress-buttons span:hover{color:var(--orange)}
#checkout-checkout .invoice_adresses_list > .kco-addinv,#checkout-checkout .invoice_adresses_list > .kco-stmt,#checkout-checkout .invoice_adresses_list > input{grid-column:1/-1}
.kco-addinv{justify-self:start;font-size:14px;font-weight:700;color:var(--orange);cursor:pointer}
#checkout-checkout .update_statement,#checkout-checkout #checkout-invoice label.mb-2{display:flex;gap:8px;align-items:flex-start;margin:4px 0 0!important;font-size:12.5px;line-height:1.45;color:var(--text)}
#checkout-checkout #checkout-invoice label input[type=checkbox]{flex:0 0 18px;margin:1px 0 0}
#checkout-checkout #send-new-adress{margin-top:12px!important}
/* podsumowanie */
.kco-side{position:sticky;top:96px}
#checkout-checkout .kco-sum{padding:22px!important;border-radius:var(--r-lg);background:#fff!important}
#checkout-checkout .kco-sum #checkout-confirm{position:static;padding:0;background:none;border-radius:0}
#checkout-confirm .table-summary thead th{font-size:12px!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)!important;padding-top:0!important}
#checkout-confirm .table-summary tbody td{font-size:13.5px!important;line-height:1.35}
#checkout-confirm .table-summary tbody td a{color:var(--ink)}
#checkout-confirm .table-summary tbody td.text-end{white-space:nowrap;padding-left:12px!important;font-weight:600;color:var(--ink)!important}
#checkout-confirm .table-summary tfoot td{padding:7px 0!important;border:0!important}
#checkout-confirm .table-summary tfoot tr:first-child td{padding-top:14px!important}
#checkout-confirm .table-summary tfoot tr:last-of-type td{padding-top:12px!important;border-top:1px solid var(--line)!important;font-size:18px!important}
#checkout-confirm .table-summary tfoot b{font-weight:600}
#checkout-confirm .table-summary tfoot tr:last-of-type b{font-weight:800}
#checkout-confirm .btn-checkout,#checkout-confirm #button-confirm{height:54px;margin-top:14px}
#checkout-confirm .btn-checkout[disabled]{background:#ffd3bd;color:#fff!important}
#checkout-checkout #doctype{margin:10px 0 0;font-size:13px;font-weight:400;text-align:center;color:var(--muted)}
#checkout-checkout #doctype b{color:var(--ink)}
.kco-trust{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:8px}
.kco-trust li{display:flex;align-items:center;gap:10px;margin:0;font-size:13px;color:var(--text)}
.kco-trust svg{flex:0 0 18px;width:18px;height:18px;color:var(--muted)}
.kco-trust a{color:var(--ink);font-weight:700}
@media (max-width:991px){
  .kco{grid-template-columns:1fr}
  .kco-side{position:static}
}
@media (max-width:575px){
  #checkout-checkout .kco-sec{padding:18px 16px!important}
  #checkout-checkout .kco-top h1{font-size:26px}
  #checkout-checkout #new-invoice-form{grid-template-columns:1fr}
}
#checkout-checkout #form-register .form-switch{display:flex;align-items:center;gap:10px;padding:0;margin:0 0 10px}
#checkout-checkout #form-register .form-switch .form-check-input{order:-1;float:none;flex:0 0 40px;margin:0}
#checkout-checkout #form-register .form-switch .form-check-label{padding:0}
#checkout-checkout #form-register #button-register{display:block;margin-top:4px!important}
#checkout-checkout #form-register > .row:has(> .col.mb-3.required:empty),#checkout-checkout #form-register .col.mb-3.required:empty{margin:0!important}
#checkout-checkout #checkout-payment-method textarea.form-control{min-height:0;height:76px}
#checkout-checkout #form-register .form-switch .form-check-label{line-height:1.35}

/* ===== KASA v3: poprawki po audycie w przeglądarce ===== */
/* wybór dostawy/płatności: cały wiersz klikalny, prawdziwe kółko radio */
#checkout-checkout #form-shipping-method .form-check,#checkout-checkout #form-payment-method .form-check{position:relative;display:block;padding:0;margin:0 0 8px;border:1.5px solid #e4e4ea;border-radius:14px;background:#fff}
#checkout-checkout #form-shipping-method .form-check:hover,#checkout-checkout #form-payment-method .form-check:hover{border-color:#c9c9d2}
#checkout-checkout #form-shipping-method .form-check:has(input:checked),#checkout-checkout #form-payment-method .form-check:has(input:checked){border-color:var(--orange);background:#fff8f3}
#checkout-checkout #form-shipping-method input[type=radio],#checkout-checkout #form-payment-method input[type=radio]{-webkit-appearance:none;appearance:none;position:absolute;left:16px;top:50%;width:20px;height:20px;margin:-10px 0 0!important;border:2px solid #c4c4cc;border-radius:50%;background:#fff;pointer-events:none;float:none}
#checkout-checkout #form-shipping-method input[type=radio]:checked,#checkout-checkout #form-payment-method input[type=radio]:checked{border:6px solid var(--orange)}
#checkout-checkout #form-shipping-method .form-check label,#checkout-checkout #form-payment-method .form-check label{display:flex!important;align-items:center;gap:12px;width:100%;min-height:56px;margin:0!important;padding:10px 16px 10px 50px;cursor:pointer;font-size:14.5px;color:var(--ink)!important}
#checkout-checkout #form-shipping-method .form-check label .image{flex:0 0 56px;display:flex;align-items:center;justify-content:center}
#checkout-checkout #form-shipping-method .form-check label .image img{max-width:56px;max-height:28px;object-fit:contain}
#checkout-checkout #form-shipping-method .form-check label .name{flex:1;font-weight:600;color:var(--ink)!important}
#checkout-checkout #form-shipping-method .form-check label .price{margin-left:auto;font-weight:800;font-size:15px;color:var(--ink)}
#checkout-checkout #form-payment-method .form-check label{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;font-weight:600}
#checkout-checkout #form-payment-method input[value^="tpay"] + label::after,#checkout-checkout #form-payment-method input[value^="bank_transfer"] + label::after,#checkout-checkout #form-payment-method input[value^="paypo"] + label::after{font-size:12.5px;font-weight:400;color:var(--muted)}
#checkout-checkout #form-payment-method input[value^="tpay"] + label::after{content:"BLIK, karta, szybki przelew – płatność od razu"}
#checkout-checkout #form-payment-method input[value^="bank_transfer"] + label::after{content:"Tradycyjny przelew – dane wyślemy mailem, wysyłka po zaksięgowaniu"}
#checkout-checkout #form-payment-method input[value^="paypo"] + label::after{content:"Odbierz, sprawdź, zapłać później"}
/* przełącznik gość/konto (segment) */
#checkout-checkout #form-register > fieldset:first-of-type .form-check-inline{position:relative;padding:0;margin:0 6px 4px 0}
#checkout-checkout #form-register > fieldset:first-of-type .form-check-inline .form-check-input{position:absolute;opacity:0;pointer-events:none}
#checkout-checkout #form-register > fieldset:first-of-type .form-check-inline .form-check-label{display:inline-block;padding:8px 16px;border-radius:var(--pill);background:#f2f2f5;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer}
#checkout-checkout #form-register > fieldset:first-of-type .form-check-inline .form-check-input:checked + .form-check-label{background:var(--ink);color:#fff}
#checkout-checkout #form-register > p{margin:0 0 12px!important;font-size:13.5px;color:var(--muted)}
#checkout-checkout #form-register > p a{color:var(--orange)!important;font-weight:700}
.kco-opt{font-weight:400;color:var(--muted);font-size:12px}
/* lista miejscowości po kodzie */
#checkout-checkout .cities-live-box{top:74px!important;z-index:30;max-height:240px;padding:6px;border:1px solid #dcdce3!important;border-radius:12px;background:#fff;overflow-y:auto}
#checkout-checkout .cities-live-box p{padding:9px 10px!important;border:0!important;border-radius:8px;font-size:14px!important}
#checkout-checkout .cities-live-box p:hover{background:#f2f2f5!important;color:var(--ink)!important}
.kco-cities-h{display:block;padding:6px 10px 4px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
/* podsumowanie: nieaktywny przycisk + podpowiedź */
#checkout-confirm .btn-checkout[disabled]{background:#ececf0!important;color:#9a9aa5!important}
#checkout-confirm #checkout-payment:has(.btn-checkout[disabled])::after{content:"Uzupełnij dane, wybierz dostawę i płatność";display:block;margin-top:8px;font-size:12.5px;text-align:center;color:var(--muted)}
#checkout-confirm .table-summary tbody td:first-child a{font-weight:500}
/* stary motyw ukrywa input i rysuje kwadrat w label::before / ptaszek w ::after – wyłączamy */
#checkout-checkout #form-shipping-method input[type=radio],#checkout-checkout #form-payment-method input[type=radio]{display:block!important;opacity:1!important;visibility:visible!important;z-index:1}
#checkout-checkout #form-shipping-method .form-check label::before,#checkout-checkout #form-payment-method .form-check label::before,#checkout-checkout #form-shipping-method .form-check label::after{content:none!important;display:none!important}
#checkout-checkout #form-payment-method .form-check label::before{content:none!important}
#checkout-checkout #form-payment-method .form-check label::after{display:block!important;position:static!important;width:auto!important;height:auto!important;border:0!important;background:none!important;transform:none!important}
#checkout-checkout #form-shipping-method .form-check label,#checkout-checkout #form-payment-method .form-check label{padding:10px 16px 10px 50px!important;min-height:56px!important;display:flex!important;align-items:center!important}
#checkout-checkout #form-payment-method .form-check label{align-items:flex-start!important;justify-content:center!important}
#checkout-checkout #form-shipping-method .form-check label .price{align-self:center!important;margin:0 0 0 auto!important;padding:0!important;position:static!important}
#checkout-checkout #form-shipping-method .form-check label .image{width:56px!important;flex:0 0 56px!important;margin:0!important}
#checkout-checkout #form-shipping-method .form-check label .image img{width:auto!important;height:auto!important;max-width:56px!important;max-height:30px!important}
#checkout-checkout #form-shipping-method .form-check label .name{width:auto!important;margin:0!important}
#checkout-confirm .table-summary tfoot tr:last-of-type td{padding-top:7px!important;border-top:0!important;font-size:14px!important}
#checkout-confirm .table-summary tfoot tr:last-of-type b{font-weight:600}
#checkout-confirm .table-summary tfoot tr.kco-total td{padding-top:12px!important;border-top:1px solid var(--line)!important;font-size:19px!important;color:var(--ink)}
#checkout-confirm .table-summary tfoot tr.kco-total b{font-weight:800}
#checkout-confirm .table-summary tfoot tr.kco-doc td{padding-top:4px!important;font-size:12.5px!important;color:var(--muted)}
#checkout-confirm .table-summary tfoot tr.kco-doc b{font-weight:600}
#checkout-checkout .kco-sum:has(.kco-doc) #doctype{display:none}
/* zapisane dane do faktury (zalogowani): karty wyboru */
#checkout-checkout .invoice_adresses_list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:2px}
#checkout-checkout .select-invoice-adress{display:flex!important;flex-direction:column;justify-content:space-between;gap:10px;min-height:0;margin:0!important;padding:14px 44px 12px 14px!important;border:1.5px solid #e4e4ea!important;border-radius:14px!important;background:#fff;cursor:pointer}
#checkout-checkout .select-invoice-adress:hover{border-color:#c9c9d2!important}
#checkout-checkout .select-invoice-adress.active-adress{border-color:var(--orange)!important;background:#fff8f3}
#checkout-checkout .select-invoice-adress div{width:auto!important}
#checkout-checkout .select-invoice-adress .address{display:grid;grid-template-columns:auto 1fr;column-gap:4px;font-size:13.5px;line-height:1.45;color:var(--text)}
#checkout-checkout .select-invoice-adress .address p{margin:0!important;font-size:13.5px!important}
#checkout-checkout .select-invoice-adress .address p:nth-child(1){grid-column:1/-1;margin-bottom:2px!important;font-size:14.5px!important;font-weight:700;color:var(--ink)}
#checkout-checkout .select-invoice-adress .address p:nth-child(2){grid-column:1/-1}
#checkout-checkout .select-invoice-adress .address p:nth-child(5){grid-column:1/-1;margin-top:2px!important;font-weight:600;color:var(--ink)}
#checkout-checkout .select-invoice-adress::before{content:"";position:absolute;top:14px;right:14px;width:20px;height:20px;border:2px solid #c4c4cc;border-radius:50%;background:#fff}
#checkout-checkout .select-invoice-adress{position:relative}
#checkout-checkout .select-invoice-adress.active-adress::before{border:6px solid var(--orange)}
#checkout-checkout .select-invoice-adress.active-adress::after{content:none!important}
#checkout-checkout .select-invoice-adress .adress-buttons{display:flex;gap:14px;width:auto!important;margin:0!important;padding-top:8px;border-top:1px solid #ececf0;text-align:left!important}
#checkout-checkout .select-invoice-adress .adress-buttons span{display:inline;margin:0!important;padding:0!important;border:0!important;font-size:12.5px!important;font-weight:700;text-transform:none;color:var(--muted)!important;cursor:pointer}
#checkout-checkout .select-invoice-adress .adress-buttons span:hover{color:var(--orange)!important}
#checkout-checkout .select-invoice-adress .adress-buttons .edit-adress{font-size:0!important}
#checkout-checkout .select-invoice-adress .adress-buttons .edit-adress::after{content:"Edytuj";font-size:12.5px}
#checkout-checkout .select-invoice-adress .adress-buttons .remove-adress{font-size:0!important}
#checkout-checkout .select-invoice-adress .adress-buttons .remove-adress::after{content:"Usuń";font-size:12.5px}
#checkout-checkout .invoice_adresses_list > .kco-addinv{display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px;border:1.5px dashed #d4d4dc;border-radius:14px;grid-column:auto}
#checkout-checkout .invoice_adresses_list > .kco-addinv:hover{border-color:var(--orange)}
#checkout-checkout .invoice_adresses_list > .kco-stmt{grid-column:1/-1}
#checkout-checkout #checkout-invoice legend.kco-inv-h{border:0!important;width:100%}
#checkout-checkout .new-adress-form{margin-top:12px}
#checkout-checkout .new-invoice-set > p #close-adress-form{margin-left:8px;font-weight:600;color:var(--muted);cursor:pointer}
@media (max-width:767px){
  #checkout-checkout #form-register .row.row-cols-1 > .col{flex:0 0 100%;max-width:100%}
  #checkout-checkout #form-register .col:has(#input-firstname),#checkout-checkout #form-register .col:has(#input-lastname),#checkout-checkout #form-register .col:has(#input-shipping-country),#checkout-checkout #form-register .col:has(#input-shipping-zone){flex:0 0 50%!important;max-width:50%!important}
  #checkout-checkout #form-register .col:has(#input-shipping-address-1){flex:0 0 64%!important;max-width:64%!important}
  #checkout-checkout #form-register .col:has(#input-shipping-address-2){flex:0 0 36%!important;max-width:36%!important}
  #checkout-checkout #form-register .col:has(#input-shipping-postcode){flex:0 0 40%!important;max-width:40%!important}
  #checkout-checkout #form-register .col:has(#input-shipping-city){flex:0 0 60%!important;max-width:60%!important}
  #checkout-checkout #form-register > fieldset:first-of-type .form-check-inline .form-check-label{padding:7px 12px;font-size:13px}
  #checkout-checkout #form-register .col-form-label,#checkout-checkout #form-register .form-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
#checkout-confirm .kco-qty{white-space:nowrap;color:var(--muted)}
#checkout-confirm .kco-opt-line{display:block;margin-top:2px;font-size:12px;color:var(--muted)}
#checkout-checkout #form-shipping-method .form-check label .image{width:72px!important;flex:0 0 72px!important}
#checkout-checkout #form-shipping-method .form-check label .image img{max-width:72px!important;max-height:34px!important}
/* zalogowany: wybór adresu jako segment + telefon */
#checkout-checkout .kco-seg{display:flex!important;gap:6px;margin:0 0 10px}
#checkout-checkout .kco-seg[style*="none"]{display:none!important}
#checkout-checkout .kco-seg .form-check{position:relative;padding:0;margin:0}
#checkout-checkout .kco-seg .form-check-input{position:absolute;opacity:0;pointer-events:none}
#checkout-checkout .kco-seg .form-check-label{display:inline-block;padding:8px 16px;border-radius:var(--pill);background:#f2f2f5;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer}
#checkout-checkout .kco-seg .form-check-input:checked + .form-check-label{background:var(--ink);color:#fff}
#checkout-checkout #shipping-address .telephone{display:block;max-width:320px;margin-top:12px;padding:0;font-size:0}
#checkout-checkout #shipping-address .telephone .form-label{font-size:13px}
#checkout-checkout #shipping-address .telephone img{display:none}
#checkout-checkout #shipping-address #input-shipping-address{font-weight:600}

/* ===== Strony informacyjne: wspólne menu (lewa kolumna / zwijane na telefonie) ===== */
.ki-has-nav{display:grid!important;grid-template-columns:250px minmax(0,1fr);column-gap:40px;align-items:start}
.ki-has-nav > *:not(.ki-side-nav){grid-column:2;min-width:0}
.ki-has-nav > .ki-side-nav{grid-column:1;grid-row:1 / span 40;position:sticky;top:96px;margin-top:18px}
@media (min-width:992px){.ki-has-nav .container{width:auto;max-width:none;padding-left:0;padding-right:0}}
@media (max-width:991px){.ki-has-nav .container{width:auto;max-width:none;padding-left:0;padding-right:0}.ki-has-nav > .container,.ki-has-nav > div > .container{padding-left:0!important;padding-right:0!important}.ki-has-nav{padding-left:16px!important;padding-right:16px!important}}
.ki-sn{border:0}
.ki-sn summary{display:none}
.ki-sn nav{display:flex;flex-direction:column;gap:1px}
.ki-sn nav p{margin:16px 0 6px!important;padding:0 12px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ki-sn nav p:first-child{margin-top:0!important}
.ki-sn nav a{padding:8px 12px;border-radius:10px;font-size:14px;font-weight:500;line-height:1.3;color:var(--ink);transition:background .15s}
.ki-sn nav a:hover{background:#f2f2f5}
.ki-sn nav a.is-on{background:#fff1ea;color:var(--orange);font-weight:700}
.ki-sn-help{display:flex;flex-direction:column;gap:2px;margin-top:18px;padding:14px;border-radius:14px;background:#f6f6f8;font-size:13px;color:var(--muted)}
.ki-sn-help b{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ki-sn-help a{font-size:18px;font-weight:800;color:var(--ink)}
/* stara prawa kolumna w szablonie ogólnym – bez nawigacji, sam boks pomocy niepotrzebny obok lewego menu */
.ki-has-nav .ki-layout{grid-template-columns:minmax(0,1fr)!important}
.ki-has-nav .ki-side{display:none}
@media (max-width:991px){
  .ki-has-nav{grid-template-columns:minmax(0,1fr)}
  .ki-has-nav > *:not(.ki-side-nav){grid-column:1}
  .ki-has-nav > .ki-side-nav{grid-row:auto;position:static;margin:4px 0 16px;order:0}
  .ki-has-nav > .kc-crumbs{order:-1}
  .ki-sn{border:1px solid var(--line);border-radius:14px;background:#fff}
  .ki-sn summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;list-style:none;cursor:pointer}
  .ki-sn summary::-webkit-details-marker{display:none}
  .ki-sn summary span{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
  .ki-sn summary b{display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--ink)}
  .ki-sn summary b::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
  .ki-sn[open] summary b::after{transform:rotate(-135deg) translateY(-2px)}
  .ki-sn nav{padding:0 6px 10px}
  .ki-sn-help{display:none}
}
@media (max-width:991px){.ki-has-nav .row{--bs-gutter-x:0}}
.krv .krv__img{object-position:50% 30%}

/* ===== Karta produktu: cechy (AI) ===== */
.kp-feats{list-style:none;margin:2px 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.kp-feats li{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:14px;font-weight:600;color:var(--ink)}
.kp-feats svg{flex:0 0 18px;width:18px;height:18px;padding:3px;border-radius:50%;background:#e8f6ee;color:#1e9e5a}

/* ===== Karta produktu: licznik sprzedaży + białe zdjęcia ===== */
.kp-sold{gap:6px;font-size:13.5px;color:var(--text)}
.kp-sold b{font-weight:800;color:var(--ink)}
.kp-sold.is-hot{padding:5px 12px 5px 8px;border-radius:var(--pill);background:#fff1ea;color:#b23a00}
.kp-sold.is-hot::before{content:none}
.kp-sold.is-hot img{width:18px;height:18px}
.kp-sold.is-hot b{color:var(--orange)}
.kp .swiper-main,.kp .swiper-main .swiper-slide{background:#fff!important}
.kp .swiper-main{border:1px solid #ececf0}
.kp .swiper-thumb .swiper-slide{background:#fff;border:1px solid #ececf0;opacity:1}
.kp .swiper-thumb .swiper-slide-thumb-active{border:2px solid var(--ink)}
.kp .swiper-thumb img{mix-blend-mode:normal}
.kp-sold.is-hot{padding:7px 14px 7px 10px;gap:7px;background:var(--orange);color:#fff;font-size:14px;font-weight:600}
.kp-sold.is-hot b{color:#fff;font-size:15px}
.kp-sold.is-hot img{width:20px;height:20px;filter:brightness(0) invert(1)}
/* karta produktu: sprzedane i gwiazdki w osobnych liniach, większe gwiazdki */
.kp-meta{flex-direction:column;align-items:flex-start;gap:10px}
.kp-stars{gap:2px;color:var(--ink)}
.kp-stars svg{width:22px;height:22px}
.kp-stars__avg{margin-left:8px;font-size:16px;font-weight:800;color:var(--ink)}
.kp-stars span{margin-left:6px;font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
@media (max-width:767px){.ks-pole .ks-lupa{top:28px!important;transform:translateY(-50%)!important}.ks-pole input{padding-left:44px!important}}
@media (max-width:767px){#kb-hero .hx-slide__photo[style*="right center"]{object-position:60% 50%!important}}
/* PayPo – własna treść zamiast niedziałającego iframe */
.kpp__lead{font-size:18px;line-height:1.5;color:var(--ink);max-width:640px}
.kpp__steps{list-style:none;counter-reset:k;margin:24px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kpp__steps li{counter-increment:k;position:relative;margin:0;padding:18px 18px 18px 60px;border-radius:16px;background:#f6f6f8}
.kpp__steps li::before{content:counter(k);position:absolute;left:18px;top:18px;width:28px;height:28px;border-radius:50%;background:#1d1d1f;color:#fff;font-weight:800;font-size:14px;line-height:28px;text-align:center}
.kpp__steps b{display:block;margin-bottom:4px;font-size:15.5px;color:var(--ink)}
.kpp__steps span{font-size:14px;line-height:1.45;color:var(--text)}
.kpp__note{font-size:13px;color:var(--muted)}
@media (max-width:575px){.kpp__steps{grid-template-columns:1fr}}

/* ===== HERO mobile v2: zdjęcie u góry, tekst pod spodem na jednolitym tle (bez nachodzenia na twarze) ===== */
@media (max-width:767px){
  #kb-hero .swiper-slide{display:flex}
  #kb-hero .hx-slide.hx-slide--photo{display:flex!important;flex-direction:column;min-height:0!important;height:100%;padding:0!important;gap:0}
  #kb-hero .hx-slide--photo .hx-slide__photo{position:relative!important;inset:auto!important;order:0;display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;max-width:none!important;min-width:0!important;object-fit:cover!important;object-position:78% 40%!important;transform:none!important;opacity:1!important;-webkit-mask-image:none!important;mask-image:none!important;flex:none}
  #kb-hero .hx-slide--photo .hx-copy{position:static;order:1;flex:1 1 auto;max-width:none!important;padding:18px 18px 62px;display:flex;flex-direction:column;align-items:flex-start}
  #kb-hero .hx-eyebrow{position:absolute;top:12px;left:12px;margin:0;z-index:2;font-size:10.5px;padding:5px 10px 5px 9px;background:rgba(255,255,255,.92)!important;color:var(--ink)!important;backdrop-filter:none;box-shadow:0 4px 14px rgba(0,0,0,.12)}
  #kb-hero .hx-slide--orange .hx-eyebrow i{background:var(--orange);box-shadow:0 0 0 3px rgba(240,80,0,.2)}
  #kb-hero .hx-copy h2.hx-title{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 8px}
  #kb-hero .hx-kw{font-size:34px}
  #kb-hero .hx-rest{font-size:19px}
  #kb-hero .hx-text{font-size:14px;line-height:1.45;margin:0 0 16px;max-width:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  #kb-hero .hx-cta{margin-top:auto}
  #kb-hero .hx-cta .kb-btn{min-height:44px;padding:0 22px}
  #kb-hero .hx-sticker{top:0;margin-top:calc(56.25% - 58px);bottom:auto;right:12px;width:76px;height:76px;padding:6px}
  #kb-hero .hx-sticker span{font-size:10.5px}
  #kb-hero .hx-sticker--3 span{font-size:9.5px}
  #kb-hero .hx-nav{left:18px;right:14px;bottom:16px}
}
@media (max-width:767px){#kb-hero .hx-slide__photo[src*="hero-znicze"]{object-position:75% 22%!important}}
/* HERO mobile v3: tekst u góry, zdjęcie (ludzie) na dole, miękkie przejście tła w zdjęcie */
@media (max-width:767px){
  #kb-hero .hx-slide--photo .hx-copy{position:relative;order:0;flex:none;padding:18px 18px 4px;z-index:2}
  #kb-hero .hx-eyebrow{position:static;margin:0 0 10px;max-width:calc(100% - 84px)}
  #kb-hero .hx-copy h2.hx-title{max-width:calc(100% - 80px)}
  #kb-hero .hx-cta{margin-top:0}
  #kb-hero .hx-slide--photo .hx-slide__photo{order:1;flex:1 1 auto;aspect-ratio:16/10;margin-top:-34px;z-index:1;object-position:78% 30%!important;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%)!important;mask-image:linear-gradient(180deg,transparent 0,#000 22%)!important}
  #kb-hero .hx-sticker{top:14px;right:14px;margin-top:0}
  #kb-hero .hx-nav{bottom:12px}
  #kb-hero .hx-dots{padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.32);color:#fff!important}
  #kb-hero .hx-slide__photo[src*="hero-znicze"]{object-position:75% 22%!important}
}
/* baner produktowy: bez skalowania obrazka z multiply (artefakty białego tła przy hover) */
.hx-bn--product .hx-bn__product img,.hx-bn--product:hover .hx-bn__product img{transform:none!important;transition:none;will-change:auto}
/* Zalety pod hero (mobile): jedna na raz, przenikają się co ~3 s */
@media (max-width:767px){
  .usp{margin:0 0 28px!important;padding:0!important}
  .usp ul{display:grid!important;grid-template-columns:1fr!important;overflow:hidden!important;padding:4px!important;border-radius:var(--r)}
  .usp li{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .6s var(--ease),transform .6s var(--ease),visibility 0s .6s}
  .usp li::before{display:none!important}
  .usp li.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .6s var(--ease),transform .6s var(--ease),visibility 0s}
  .usp a{justify-content:center;padding:12px 14px}
  .usp li:not(.is-on):first-child{opacity:1;visibility:visible}
  .usp ul.is-rot li:not(.is-on):first-child{opacity:0;visibility:hidden}
}
/* HERO mobile v4: duży, przewiewny tekst; zdjęcie pod spodem z zapasem nad głowami (miękka krawędź tylko na tle, nie na ludziach) */
@media (max-width:767px){
  #kb-hero .hx-slide--photo .hx-copy{padding:24px 20px 6px}
  #kb-hero .hx-eyebrow{max-width:none;margin:0 0 14px;font-size:11px;white-space:normal}
  #kb-hero .hx-copy h2.hx-title{max-width:none;flex-direction:column;align-items:flex-start;gap:6px;margin:0 0 12px}
  #kb-hero .hx-kw{font-size:46px}
  #kb-hero .hx-rest{font-size:22px}
  #kb-hero .hx-text{font-size:15px;line-height:1.5;margin:0 0 20px;-webkit-line-clamp:unset;display:block}
  #kb-hero .hx-cta .kb-btn{min-height:48px;padding:0 26px;font-size:15px}
  #kb-hero .hx-slide--photo .hx-slide__photo{margin-top:0;aspect-ratio:4/3;padding-top:30px;box-sizing:content-box;height:auto!important;object-position:78% 100%!important;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30px)!important;mask-image:linear-gradient(180deg,transparent 0,#000 30px)!important}
  #kb-hero .hx-slide__photo[src*="hero-znicze"]{object-position:75% 100%!important}
  #kb-hero .hx-sticker{top:auto;bottom:0;margin:0 0 calc(75% - 24px);right:14px;width:80px;height:80px}
}
/* nagłówek mobile v2: duży burger z odstępem, logo na środku, większe ikony (min. 44px pola dotyku) */
@media (max-width:991px){
  .kb-header__in{grid-template-columns:1fr auto 1fr!important;column-gap:4px!important}
  .kb-burger{justify-self:start;width:48px;height:48px;margin-left:-6px;padding:0;align-items:center;justify-content:center;border-radius:12px;background:var(--bg,#f4f4f6)}
  .kb-burger .kb-i{width:30px;height:30px}
  .kb-burger .kb-i path{stroke-width:2.2}
  .kb-logo{justify-self:center!important}
  .kb-logo img{width:100px!important}
  .kb-actions{gap:0}
  .kb-action,.kb-action__link,.krauz-beta .btn-cart.kb-cart{width:44px;height:44px;padding:0!important;display:inline-flex;align-items:center;justify-content:center}
  .kb-actions .kb-i{width:25px;height:25px}
}
@media (max-width:360px){.kb-logo img{width:88px!important}.kb-action,.kb-action__link,.krauz-beta .btn-cart.kb-cart{width:40px}}
@media (max-width:991px){.kb-actions .kb-action--points{display:none!important}}

/* ===================== MOBILE XL (tylko telefon, desktop bez zmian) =====================
   audyt 2026-10-29: tekst bazowy 15px, meta 10-12px, serduszka/koszyk 36-38px -> większe litery, odstępy i pola dotyku */
@media (max-width:767px){
  body.krauz-beta{font-size:16px;line-height:1.55}
  .krauz-beta .container{padding-left:16px;padding-right:16px}

  /* nagłówki sekcji */
  .krauz-beta h1{font-size:26px!important;line-height:1.18}
  .krauz-beta .sec-eyebrow,.krauz-beta .dl__eyebrow,.krauz-beta .krv__eyebrow,.krauz-beta [class*="__eyebrow"]{font-size:12.5px!important}
  .krauz-beta .dl__sub,.krauz-beta .sec-sub{font-size:15px!important}
  .krauz-beta .kb-link,.krauz-beta .sb__more,.krauz-beta .kseo__more,.krauz-beta .kp-ship__more{font-size:15px!important;min-height:44px;display:inline-flex;align-items:center}

  /* karta produktu na listach */
  .krauz-beta .pc-body{gap:9px!important;padding:12px 12px 14px!important}
  .krauz-beta .pc-name{font-size:15.5px!important;line-height:1.35!important}
  .krauz-beta .pc-chips li{font-size:12.5px!important;padding:4px 8px!important}
  .krauz-beta .pc-price b{font-size:19px!important}
  .krauz-beta .pc-price small,.krauz-beta .pc-unit,.krauz-beta .pc-price em{font-size:13px!important}
  .krauz-beta .pc-was,.krauz-beta .pc-price s{font-size:13px!important}
  .krauz-beta .pc-omni{font-size:12px!important;line-height:1.4}
  .krauz-beta .pc-ship{font-size:13px!important;padding:5px 10px!important}
  .krauz-beta .pc-badge{font-size:13px!important;padding:5px 9px!important}
  .krauz-beta .pc-cart{flex:0 0 48px!important;width:48px!important;height:48px!important}
  .krauz-beta .pc-cart .kb-i{width:24px;height:24px}
  .krauz-beta .pc-wish{width:44px!important;height:44px!important;top:6px!important;right:6px!important}
  .krauz-beta .pc-wish .kb-i{width:22px;height:22px}
  .krauz-beta .pc-ask{font-size:14px!important;min-height:44px;display:inline-flex;align-items:center}
  .krauz-beta .pc-specs dt,.krauz-beta .pc-specs dd{font-size:13px!important}
  .krauz-beta .kc-grid{gap:12px!important}

  /* przyciski i formularze: min. 48px, czcionka 16px (iOS nie zoomuje inputów) */
  .krauz-beta .kb-btn,.krauz-beta .btn{min-height:48px;font-size:16px!important}
  .krauz-beta input.form-control,.krauz-beta select.form-select,.krauz-beta select,.krauz-beta textarea,.krauz-beta input[type=text],.krauz-beta input[type=email],.krauz-beta input[type=tel],.krauz-beta input[type=number],.krauz-beta input[type=password]{font-size:16px!important;min-height:48px}
  .krauz-beta textarea{min-height:110px}
  .krauz-beta .kf-more,.krauz-beta .kc-cats__more{font-size:15px!important;min-height:44px}
  .krauz-beta .kf-close{width:44px!important;height:44px!important}
  .krauz-beta .kf-h{font-size:15px!important}

  /* drobne meta */
  .krauz-beta .krv__ok,.krauz-beta .krv__who,.krauz-beta time,.krauz-beta .krr__date{font-size:13px!important}
  .krauz-beta .usp b{font-size:16px!important}.krauz-beta .usp small{font-size:13.5px!important}
  .krauz-beta .smart__txt small{font-size:13.5px!important}.krauz-beta .smart__txt b{font-size:17px!important}
  .krauz-beta .mp__name{font-size:14.5px!important}

  /* stopka: większe linki z odstępem */
  .krauz-beta footer a{font-size:16px!important}
  .krauz-beta footer h5,.krauz-beta .kf__label{font-size:13px!important}
  .krauz-beta .kf__path-t{font-size:13px!important}.krauz-beta .kf__path-s{font-size:15px!important}.krauz-beta .kf__path-go{font-size:15.5px!important}
  .krauz-beta footer li{margin-bottom:6px}
  .krauz-beta footer li a{display:inline-block;padding:6px 0}

  /* pasek górny i belka BETA */
  .krauz-beta .kb-top__promo{font-size:13px!important}

  /* karta produktu (strona) */
  .krauz-beta .kp-stars,.krauz-beta .kp-stars small{font-size:15px!important;min-height:44px}
  .krauz-beta .kp-chips li,.krauz-beta .kp-chip{font-size:14px!important}
  .krauz-beta .kp-feats li{font-size:16px!important}
  .krauz-beta .kp-sold{font-size:15px!important}

  /* paginacja i kropki sliderów: łatwiej trafić */
  .krauz-beta .pagination .page-link{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:16px}
  .krauz-beta .swiper-pagination-bullet{width:10px!important;height:10px!important}
  .krauz-beta .swiper-pagination-bullet-active{width:26px!important}
  .krauz-beta .hx-bn__arrow{width:44px!important;height:44px!important}

  /* breadcrumb */
  .krauz-beta .breadcrumb,.krauz-beta .breadcrumb a{font-size:14px!important}
}
@media (max-width:767px){
  .kc #product-list .pc .pc-price b,.kp-related .pc .pc-price b{font-size:18.5px!important}
  .kc #product-list .pc .pc-price b small,.kc #product-list .pc .pc-price span,.kc #product-list .pc-unit{font-size:12.5px!important}
  .kc #product-list .pc .pc-cart,.kp-related .pc .pc-cart{flex:0 0 46px!important;width:46px!important;height:46px!important}
  .kc #product-list .pc .pc-cart .kb-i,.kp-related .pc .pc-cart .kb-i{width:23px;height:23px}
  .kc #product-list .pc .pc-body{padding:10px 10px 12px!important}
  .kc #product-list .pc-name{font-size:15px!important}
}
@media (max-width:767px){
  .kb-header .main-search .inner{height:52px!important}
  .kb-header .main-search .start-search{height:44px!important;padding:0 18px!important;font-size:16px!important}
  .kb-header .main-search input{font-size:16px!important}
}
/* kasa – telefon: większe etykiety, przełączniki i wybór gość/rejestracja, Kraj/Województwo na całą szerokość */
@media (max-width:767px){
  #checkout-checkout .kco-main .form-label,#checkout-checkout #shipping-address .telephone .form-label{font-size:15px!important;margin-bottom:6px!important}
  #checkout-checkout .kco-main #form-register > fieldset:first-of-type .form-check-inline{flex:1 1 0;margin:0!important}
  #checkout-checkout .kco-main #form-register > fieldset:first-of-type .col:has(> .form-check-inline){display:flex;gap:8px}
  #checkout-checkout .kco-main #form-register > fieldset:first-of-type .form-check-inline .form-check-label{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:8px 12px;font-size:15px!important;text-align:center}
  #checkout-checkout .kco-main #form-register .row > .col:has(#input-shipping-country),#checkout-checkout .kco-main #form-register .row > .col:has(#input-shipping-zone),
  #checkout-checkout .kco-main .row > .col:has(> #input-payment-country),#checkout-checkout .kco-main .row > .col:has(> #input-payment-zone){flex:0 0 100%!important;max-width:100%!important;width:100%!important}
  .kco-switch{min-height:52px}
  .kco-switch i{flex-basis:52px;width:52px;height:30px}
  .kco-switch i::after{width:24px;height:24px}
  .kco-switch input:checked + i::after{transform:translateX(22px)}
  .kco-switch span{font-size:16px}.kco-switch small{font-size:13.5px}
  #checkout-checkout .form-check-label{font-size:15.5px}
  #checkout-checkout legend,#checkout-checkout .kco-h{font-size:22px!important}
}
@media (max-width:767px){#checkout-checkout .kco-main .form-switch .form-check-input{width:52px!important;height:30px!important;margin-top:0}#checkout-checkout .kco-main .form-switch{display:flex;align-items:center;gap:12px;min-height:48px}#checkout-checkout .kco-main .form-switch .form-check-label{font-size:15px}}
@media (max-width:767px){#checkout-checkout .kco-main #form-register > fieldset:first-of-type .form-check-inline .form-check-label{font-size:14.5px!important;white-space:nowrap;padding:8px 6px!important}}

/* ===== MOBILE: panel filtrów – większe pola pod palec ===== */
@media (max-width:767px){
.kf-list a{min-height:44px;padding:8px 6px;font-size:16px}
.kf-list a i{flex-basis:22px;width:22px;height:22px}
.kf-list a.is-on i::after{left:7px;top:3px}
.kf-list a b{font-size:13px}
.kf-list--chips a{min-height:40px;padding:8px 13px;font-size:15px}
.kf-close{width:44px;height:44px}
.kf-more{min-height:44px;font-size:15px}
.kf-h{font-size:17px}
}

/* MOBILE kasa: „Kontynuuj” przy nowym adresie na całą szerokość */
@media (max-width:767px){
#checkout-checkout #button-shipping-address{width:100%;height:50px;font-size:16px}
}

/* MOBILE formularz zwrotu: powody i „otwarty?” jako wiersze pod palec */
@media (max-width:767px){
#account-return .kaf .form-check{display:flex;align-items:center;gap:12px;min-height:46px;margin:0;padding:0 0 0 2px;border-bottom:1px solid var(--line)}
#account-return .kaf .form-check:last-child{border-bottom:0}
#account-return .kaf .form-check-input{flex:0 0 22px;width:22px;height:22px;margin:0;float:none}
#account-return .kaf .form-check-label{flex:1;padding:12px 0;font-size:16px;line-height:1.3}
#account-return .kaf .form-check-inline{display:inline-flex;border:0;margin-right:24px}
}
@media (max-width:767px){
#account-return .alert-danger{margin:0 0 4px;padding:9px 12px;border-radius:10px;font-size:14.5px;line-height:1.35}
}

/* MOBILE kasa: kafel dostawy ma stały układ – logo | nazwa | cena w 1. wierszu, dodatki (promo ORLEN) pod spodem.
   Wcześniej flex się zawijał i link promocji (stoi w HTML przed ceną) spychał cenę do osobnego wiersza po prawej. */
@media (max-width:767px){
#checkout-checkout #form-shipping-method .form-check label{display:grid!important;grid-template-columns:64px minmax(0,1fr) auto!important;column-gap:12px!important;row-gap:6px!important;align-items:center!important}
#checkout-checkout #form-shipping-method .form-check label .image{grid-column:1;grid-row:1;width:64px!important;flex:none!important}
#checkout-checkout #form-shipping-method .form-check label .image img{max-width:64px!important;max-height:30px!important}
#checkout-checkout #form-shipping-method .form-check label .name{grid-column:2;grid-row:1;min-width:0;font-size:15px;line-height:1.3}
#checkout-checkout #form-shipping-method .form-check label .price{grid-column:3;grid-row:1;white-space:nowrap;margin:0!important}
#checkout-checkout #form-shipping-method .form-check label .orlen-promo-link{grid-column:2 / -1;grid-row:2;justify-self:start;margin:0;font-size:12.5px;white-space:normal}
}
@media (max-width:767px){
#checkout-checkout #form-shipping-method .form-check label:has(.orlen-promo-link) .image{grid-row:1 / span 2}
}

/* MOBILE: jeden margines boczny 16 px dla wszystkich bloków (audyt spójności 2026-10-30).
   .dl stały na 4 px (ujemny margines w .row – ani pełna szerokość, ani w linii), .life na 12 px, karta produktu na 8 px. */
@media (max-width:767px){
body .dl{margin-left:0!important;margin-right:0!important;border-radius:24px}
body .life{margin-left:0!important;margin-right:0!important}
body .kp-top,body .kp-details{margin-left:0!important;margin-right:0!important}
}
@media (max-width:767px){
body .kp-cart .kp-qty{flex:0 0 124px!important;width:124px!important;min-width:0!important}
body .kp-cart .kp-add{flex:1 1 auto!important;min-width:0;white-space:nowrap;font-size:16.5px}
}

/* HERO mobile v5: osobne pionowe zdjęcie (-m.jpg) na cały kafel – góra dorobiona w kolorze tła studia,
   tekst stoi na tym tle, postacie w dolnej połowie. Bez szwu, bez gradientu na ludziach, bez ucinania w pół. */
.hx-pic{display:contents}
@media (max-width:767px){
  #kb-hero .hx-slide--mob{position:relative;display:block!important;aspect-ratio:900/1559;min-height:0;overflow:hidden}
  #kb-hero .hx-slide--mob .hx-slide__photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;padding:0!important;margin:0!important;object-fit:cover!important;object-position:50% 100%!important;-webkit-mask-image:none!important;mask-image:none!important;z-index:0}
  #kb-hero .hx-slide--mob .hx-slide__fade{display:none!important}
  #kb-hero .hx-slide--mob .hx-copy{position:relative;z-index:2;padding:24px 20px 0}
  #kb-hero .hx-slide--mob .hx-sticker{top:34%;bottom:auto;margin:0;right:14px;z-index:3}
  #kb-hero .hx-slide--mob ~ .hx-nav,#kb-hero .hx-nav{z-index:4}
}

/* MOBILE: kafle ze zdjęciem (Kupuj wygodniej, wycena transportu, Dobre okazje) – osobne pionowe zdjęcia -m.jpg na cały kafel,
   tekst na dorobionym tle studia, postacie pod tekstem. Bez szwu w połowie kafla i bez tekstu na twarzach (audyt 2026-10-30). */
@media (max-width:767px){
  body .bxs.bxs--mob{position:relative;height:auto!important;min-height:0!important;aspect-ratio:900/1622;overflow:hidden}
  body .bxs--mob .bxs__photo,body .bxb--mob .bxb__photo,body .fx__side--mob img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:50% 100%!important;transform:none!important;-webkit-mask-image:none!important;mask-image:none!important;opacity:1!important;z-index:0}
  body .bxs--mob .bxs__copy{position:relative;z-index:2}
  body .bxs--mob .bxs__sticker{z-index:3}
  body .bxs--bn-platnosci .bxs__logos{display:flex!important;flex-wrap:nowrap!important;gap:8px;align-items:center}
  body .bxs--bn-platnosci .bxs__logos img{height:40px!important;width:auto!important;max-width:none!important}
  body .bxs--orlen-phone{display:flex!important;flex-direction:column;padding-bottom:0!important;height:auto!important;min-height:0!important;aspect-ratio:900/1622;overflow:hidden}
  body .bxs--orlen-phone .bxs__copy{order:1;flex:none}
  body .bxs--orlen-phone .bxs__art{position:relative!important;flex:1 1 0;min-height:0;width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:auto!important;margin:16px 0 0!important;order:2;display:flex!important;justify-content:center;align-items:flex-end;right:auto!important;bottom:auto!important;transform:none!important}
  body .bxs--orlen-phone .bxs__art img{height:100%!important;width:auto!important;max-width:100%;object-fit:contain!important;object-position:center bottom!important}
  body .bxb.bxb--mob{position:relative;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:auto!important;min-height:0!important;aspect-ratio:900/1225;overflow:hidden}
  body .bxb--mob .bxb__copy{position:relative;z-index:2;padding-bottom:14px!important}
  body .bxb--mob .bxb__cta{position:relative!important;left:auto!important;bottom:auto!important;margin:0 0 0 26px;z-index:2}
  body .fx__side.fx__side--mob{position:relative;display:block!important;height:auto!important;min-height:0!important;aspect-ratio:900/1307;overflow:hidden}
  body .fx__side--mob .fx__side-copy{position:relative;z-index:2;max-width:none!important;width:auto!important}
}

/* ================= KASA: KROKI (wzór EXIO) =================
   Dotyczy koszyka z produktami i kasy; nagłówek/stopka sklepu tylko ukryte – skrypty działają dalej. */
.kbar,.kbar-foot{display:none}
body.krauz-beta:has(#checkout-checkout),body.krauz-beta:has(#shopping-cart .kco-cart){background:#fff}
body:has(#checkout-checkout) .kbar,body:has(#shopping-cart .kco-cart) .kbar{display:block}
body:has(#checkout-checkout) .kbar-foot,body:has(#shopping-cart .kco-cart) .kbar-foot{display:block}
body:has(#checkout-checkout) :is(.kb-top,.kb-header,.kb-nav,.kb-alert,.kpre,.kseo,footer.kf,#kpm),
body:has(#shopping-cart .kco-cart) :is(.kb-top,.kb-header,.kb-nav,.kb-alert,.kpre,.kseo,footer.kf,#kpm){display:none!important}

.kbar{position:relative;z-index:5;background:#fff;border-bottom:1px solid #e4e4e7}
.kbar__in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.kbar__logo img{display:block;width:auto;height:42px}
.kbar__steps{display:flex;align-items:center;gap:0;margin:0;padding:0;list-style:none;font-size:14px;color:#8e8e93}
.kbar__steps li{display:flex;align-items:center}
.kbar__steps li + li::before{content:"";width:24px;height:1px;margin:0 10px;background:#d2d2d7}
.kbar__steps a,.kbar__steps button{display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:none;cursor:default}
.kbar__steps li:not(a):not(button){gap:0}
.kbar__steps i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;margin-right:8px;border:1px solid #c7c7cc;border-radius:50%;font-size:12px;font-style:normal;font-weight:600}
.kbar__steps a i,.kbar__steps button i{margin-right:0}
.kbar__steps li.is-active{color:#1d1d1f;font-weight:700}
.kbar__steps li.is-active i{border-color:#1d1d1f}
.kbar__steps li.is-done{color:#1d1d1f}
.kbar__steps li.is-done a,.kbar__steps li.is-done button{cursor:pointer}
.kbar__steps li.is-done i{border-color:#1d1d1f;background:#1d1d1f;color:#fff;font-size:0}
.kbar__steps li.is-done i::before{content:"✓";font-size:12px}
.kbar__ssl{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #cfe9d6;border-radius:8px;background:#f1faf3;color:#14532d;font-size:12px;line-height:1.25}
.kbar__ssl svg{flex:0 0 18px;width:18px;height:18px;color:#1e9e5a}
.kbar__ssl b,.kbar__ssl small{display:block}
.kbar__ssl small{font-size:11px}
.kbar-foot{border-top:1px solid #e4e4e7;background:#fff;font-size:13px;color:#6e6e73}
.kbar-foot__in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding-top:18px;padding-bottom:18px}
.kbar-foot nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.kbar-foot a{color:#6e6e73;text-decoration:none}
.kbar-foot a:hover{color:#1d1d1f;text-decoration:underline}

/* układ: treść + szara, przyklejona kolumna podsumowania */
#checkout-checkout{padding-bottom:0}
#checkout-checkout .kco{grid-template-columns:minmax(0,1fr) 420px;gap:0 56px;align-items:stretch}
#checkout-checkout .kco-main{display:block;padding:44px 0 96px}
.kco-pane{display:none}
.kco-pane.is-active{display:block}
.kco-sidecol{position:relative;padding:44px 0 96px 32px}
.kco-sidecol::before{content:"";position:absolute;top:0;bottom:0;left:0;right:-100vw;z-index:-1;background:#f5f5f7;border-left:1px solid #e4e4e7}
.kco-side{position:sticky;top:24px}
.kco-side__toggle{display:none}
#checkout-checkout .kco-sec,#checkout-checkout .kco-sec--inv{padding:0!important;margin:0 0 36px;border:0;border-radius:0;background:none!important}
#checkout-checkout .kco-h{display:block;margin:0 0 16px!important;font-size:20px!important;font-weight:650!important;letter-spacing:-.3px!important;color:#1d1d1f}
#checkout-checkout .kco-sec[data-step="1"] legend{margin:18px 0 12px!important;font-size:15px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none;color:#1d1d1f!important}
.kco-err{margin:0 0 20px;padding:12px 16px;border:1px solid #f3c2c2;border-radius:10px;background:#fdf1f1;color:#a11919;font-size:14.5px}

/* pola 56 px z pływającą etykietą (16 px – iOS nie powiększa) */
#checkout-checkout .kco-main .form-control,#checkout-checkout .kco-main .form-select{height:56px;padding:14px;border:1px solid #d2d2d7;border-radius:10px;font-size:16px}
#checkout-checkout .kco-main textarea.form-control{height:auto;min-height:96px}
#checkout-checkout .kfl{position:relative}
#checkout-checkout .kfl > .form-label{position:absolute;z-index:2;top:17px;left:calc(var(--bs-gutter-x,0px)*.5 + 15px);margin:0!important;padding:0;font-size:16px!important;font-weight:400!important;color:#6e6e73;pointer-events:none;transition:top .12s,font-size .12s}
#checkout-checkout .kfl.is-filled > .form-label,#checkout-checkout .kfl:has(input:focus) > .form-label,#checkout-checkout .kfl:has(input:-webkit-autofill) > .form-label{top:7px;font-size:12px!important}
#checkout-checkout .kfl > .form-control,#checkout-checkout .kfl > .form-select{padding:21px 14px 5px}
#checkout-checkout .kfl > .form-control::placeholder{opacity:0}
#checkout-checkout .kfl > .form-control:focus::placeholder{opacity:1}
#checkout-checkout .cities-live-box{top:58px;z-index:5;border-radius:10px}
#checkout-checkout .col.telephone{margin-top:12px}

/* pigułki: gość / konto / logowanie */
#checkout-checkout #form-register fieldset:first-of-type .form-check-inline{position:relative;display:inline-block;padding:0;margin:0 6px 6px 0}
#checkout-checkout #form-register fieldset:first-of-type .form-check-inline .form-check-input{position:absolute;opacity:0}
#checkout-checkout #form-register fieldset:first-of-type .form-check-inline .form-check-label,.kco-pill{display:inline-block;padding:10px 16px;border:1px solid #d2d2d7;border-radius:999px;background:#fff;font-size:14px;font-weight:600;color:#1d1d1f;text-decoration:none;cursor:pointer}
#checkout-checkout #form-register fieldset:first-of-type .form-check-inline .form-check-input:checked + .form-check-label{border-color:#1d1d1f;background:#1d1d1f;color:#fff}
.kco-pill:hover{border-color:#1d1d1f;color:#1d1d1f}
#checkout-checkout #button-register,#checkout-checkout #button-shipping-address,#checkout-checkout #button-shipping-method,#checkout-checkout #button-payment-method{display:none!important}
#checkout-checkout #shipping-addresses.kco-seg{margin-bottom:12px}

/* dokument: segment paragon/faktura zamiast przełącznika */
.kco-seg2{display:inline-flex;gap:4px;margin:0 0 14px;padding:4px;border-radius:8px;background:#e8e8ed}
.kco-seg2 button{min-height:40px;padding:0 18px;border:1px solid transparent;border-radius:6px;background:none;font-size:15px;font-weight:600;color:#1d1d1f;cursor:pointer}
.kco-seg2 button.is-on{border-color:#d2d2d7;background:#fff}
#checkout-checkout #checkout-invoice legend.kco-inv-h{display:none}
#checkout-checkout #checkout-invoice .faktura_dane{margin:0;padding:0;border:0}
#checkout-checkout .invoice-set ~ #send-new-adress{display:none}

/* kafle metod dostawy i płatności */
#checkout-checkout .shipping-type-here .modal-content,#checkout-checkout .payment-type-here .modal-content{border:0;background:none}
#checkout-checkout .shipping-type-here .modal-body,#checkout-checkout .payment-type-here .modal-body{padding:0}
#checkout-checkout #form-shipping-method .form-check,#checkout-checkout #form-payment-method .form-check{position:relative;min-height:64px;margin:0 0 10px;padding:0;border:1px solid #d2d2d7;border-radius:10px;background:#fff}
#checkout-checkout #form-shipping-method .form-check:hover,#checkout-checkout #form-payment-method .form-check:hover{border-color:#8e8e93}
#checkout-checkout #form-shipping-method .form-check:has(input:checked),#checkout-checkout #form-payment-method .form-check:has(input:checked){border-color:var(--orange);outline:1px solid var(--orange);background:#fff8f3}
#checkout-checkout #form-shipping-method .form-check input[type=radio],#checkout-checkout #form-payment-method .form-check input[type=radio]{position:absolute;top:50%;left:16px;width:20px;height:20px;margin:-10px 0 0;accent-color:var(--orange)}
#checkout-checkout #form-shipping-method .form-check label,#checkout-checkout #form-payment-method .form-check label{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;width:100%;min-height:62px;margin:0!important;padding:12px 16px 12px 50px;font-size:15px;font-weight:600;line-height:1.3;color:#1d1d1f;cursor:pointer}
#checkout-checkout #form-shipping-method .form-check label .image{display:inline-flex;align-items:center;justify-content:center;flex:0 0 56px;width:56px;margin:0}
#checkout-checkout #form-shipping-method .form-check label .image img{max-width:56px;max-height:30px}
#checkout-checkout #form-shipping-method .form-check label .name{flex:1 1 180px;width:auto;margin:0}
#checkout-checkout #form-shipping-method .form-check label .price{margin:0 0 0 auto;font-weight:700;white-space:nowrap}
#checkout-checkout #form-shipping-method .extra-info{margin:14px 0 8px;font-size:13.5px;color:#6e6e73}
#checkout-checkout .method-point-info{margin:0 0 12px;padding:12px 14px;border-radius:10px;background:#f1faf3;font-size:14px}
#checkout-checkout .ruch-content{margin-top:6px}
#checkout-checkout .move-this-shit #button-confirm{display:none!important}
#checkout-checkout .payment-select-here{margin:6px 0 18px}
#checkout-checkout #checkout-payment-method label[for=input-comment]{position:static}

/* główny przycisk kroku – w treści, nigdy w prawej kolumnie */
.kco-nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.kco-btn,#checkout-confirm .btn-checkout,#checkout-checkout #checkout-confirm #button-confirm{display:inline-flex;align-items:center;justify-content:center;min-height:54px;width:auto;padding:0 28px;border:0;border-radius:10px;background:var(--orange);color:#fff!important;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer}
.kco-btn:hover,#checkout-confirm .btn-checkout:hover{background:#d94800}
.kco-btn:disabled,.kco-btn.is-busy,#checkout-confirm .btn-checkout[disabled]{background:#c7c7cc;cursor:wait}
.kco-back{padding:0;border:0;background:none;font-size:14px;color:#6e6e73;text-decoration:underline;cursor:pointer}
.kco-back:hover{color:#1d1d1f}

/* prawa kolumna */
.kco-s-title{margin:0 0 16px;font-size:15px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;color:#6e6e73}
.kco-s-list{margin:0 0 16px;padding:0 0 16px;list-style:none;border-bottom:1px solid #e4e4e7}
.kco-s-list li{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:12px}
.kco-s-list li:last-child{margin-bottom:0}
.kco-s-img{position:relative;display:block;width:58px;height:58px;border:1px solid #e4e4e7;border-radius:8px;background:#fff}
.kco-s-img img{display:block;width:100%;height:100%;border-radius:8px;object-fit:contain}
.kco-s-img i{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#1d1d1f;color:#fff;font-size:11px;font-style:normal;font-weight:700;line-height:20px;text-align:center}
.kco-s-name{display:-webkit-box;overflow:hidden;font-size:13.5px;line-height:1.3;color:#1d1d1f;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.kco-s-price{font-size:13.5px;white-space:nowrap;color:#1d1d1f}
.kco-s-lines{margin:0}
.kco-s-lines > div{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:14px;color:#6e6e73}
.kco-s-lines dt{font-weight:400}
.kco-s-lines dd{margin:0}
.kco-s-lines dd b{font-weight:500;color:#1d1d1f}
.kco-s-lines > .kco-s-total{align-items:baseline;margin:14px 0 0;font-size:17px;font-weight:700;color:#1d1d1f}
.kco-s-lines > .kco-s-total dt{font-weight:700}
.kco-s-lines > .kco-s-total dd b{font-size:22px;font-weight:700}
#checkout-checkout .kco-sum{padding:0;background:none}
#checkout-checkout .kco-trust{margin:20px 0 0;padding:16px 0 0;border-top:1px solid #e4e4e7}

/* ostatni krok: pełny przegląd i przycisk */
#checkout-checkout #checkout-confirm{position:static;padding:0;border-radius:0;background:none}
.kco-rev{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 24px}
.kco-rev section{position:relative;padding:16px 56px 16px 16px;border:1px solid #e4e4e7;border-radius:10px;font-size:14.5px;line-height:1.45}
.kco-rev h3{margin:0 0 6px!important;font-size:13px!important;font-weight:600!important;letter-spacing:0!important;color:#6e6e73!important}
.kco-rev p{margin:0;color:#1d1d1f}
.kco-rev .kco-rev__muted{margin-top:4px;font-size:13px;color:#6e6e73}
.kco-rev .kco-rev__warn{font-weight:700;color:#c00000}
.kco-rev button{position:absolute;top:14px;right:14px;padding:0;border:0;background:none;font-size:13px;color:#1d1d1f;text-decoration:underline;cursor:pointer}
#checkout-confirm #checkout-payment{margin-top:20px}
#checkout-confirm #checkout-payment .text-end{text-align:left!important}

/* koszyk: krok 1 */
#checkout-cart{padding-top:44px;padding-bottom:96px}
#checkout-cart .kco-cart__modules{margin-top:20px}
#checkout-cart .kco-nav{margin-top:24px}
#checkout-cart .kco-nav .btn-go-checkout{margin:0;height:auto;border-radius:10px}
@media (min-width:992px){#checkout-cart .kco-cart .col-lg-3{top:24px}}

@media (max-width:1199px){
  #checkout-checkout .kco{grid-template-columns:minmax(0,1fr) 360px;gap:0 32px}
  .kbar__steps span{display:none}
  .kbar__steps li.is-active span{display:inline}
  .kbar__steps li + li::before{width:14px;margin:0 6px}
}
@media (max-width:991px){
  #checkout-checkout .kco{display:flex;flex-direction:column;gap:0}
  .kco-sidecol{order:-1;margin:0 -12px;padding:0}
  .kco-sidecol::before{display:none}
  .kco-side{position:static;background:#f5f5f7;border-bottom:1px solid #e4e4e7}
  .kco-side__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:0 16px;border:0;background:none;font-size:15px;font-weight:600;color:#1d1d1f}
  .kco-side__toggle span{text-decoration:underline}
  .kco-side #kco-side-body{display:none;padding:4px 16px 18px}
  .kco-side.is-open #kco-side-body{display:block}
  #checkout-checkout .kco-main{padding:24px 0 48px}
  .kco-rev{grid-template-columns:minmax(0,1fr)}
  .kco-nav{flex-direction:column;align-items:stretch}
  .kco-btn,#checkout-confirm .btn-checkout{width:100%}
  .kco-back{align-self:center}
  #checkout-cart{padding-top:20px;padding-bottom:48px}
}
@media (max-width:767px){
  .kbar__in{min-height:60px;gap:10px}
  .kbar__logo img{height:32px}
  .kbar__ssl{display:none}
  .kbar__steps{font-size:13px}
  .kbar__steps i{flex-basis:20px;width:20px;height:20px}
  .kbar__steps li + li::before{width:6px;margin:0 3px}
  .kbar__steps li.is-active span{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #checkout-checkout #form-shipping-method .form-check label{display:grid!important;grid-template-columns:56px minmax(0,1fr) auto;padding-left:46px}
  #checkout-checkout #form-shipping-method .orlen-promo-link{grid-column:1/-1;margin:0;justify-self:start}
  #checkout-checkout #new-invoice-form{grid-template-columns:minmax(0,1fr)}
  .kco-seg2{display:flex}
  .kco-seg2 button{flex:1 1 0}
  #checkout-checkout #form-register fieldset:first-of-type .form-check-inline .form-check-label,.kco-pill{padding:10px 13px;font-size:13.5px}
}
/* kasa: korekty po teście w przeglądarce (silniejsze reguły starej kasy) */
#checkout-checkout .kco-rev h3{margin:0 0 6px!important;font-size:13px!important;font-weight:600!important;letter-spacing:0!important;color:#6e6e73!important}
#checkout-checkout h2.kco-s-title{margin:0 0 16px!important;font-size:15px!important;font-weight:600!important;letter-spacing:.9px!important;text-transform:uppercase;color:#6e6e73!important}
#checkout-checkout .kco-sum{padding:0!important;border-radius:0!important;background:none!important}
@media (max-width:991px){.kco-sidecol{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}

/* Karta produktu: opcje jako równa lista wyboru (jeden wybór, wszystko widać, bez wewnętrznego przewijania) */
.kp-otiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.kp-otile{display:flex;align-items:center;gap:9px;width:100%;min-height:48px;padding:8px 12px;border:1px solid var(--line2,#dcdce3);border-radius:10px;background:#fff;font-size:13.5px;font-weight:500;line-height:1.25;color:var(--ink);text-align:left;cursor:pointer}
.kp-otile:hover{border-color:#8e8e93;background:#fff}
.kp-otile.is-on{border-color:var(--orange);outline:1px solid var(--orange);background:#fff8f3}
.kp-otile__radio{flex:0 0 16px;width:16px;height:16px;border:1.5px solid #c7c7cc;border-radius:50%;background:#fff}
.kp-otile.is-on .kp-otile__radio{border:5px solid var(--orange)}
.kp-otile__sw{flex:0 0 14px;width:14px;height:14px;border:1px solid rgba(0,0,0,.18);border-radius:50%}
.kp-otile__sw.is-none{border-style:dashed;background:none}
.kp-otile img{flex:0 0 24px;width:24px;height:24px}
.kp-otile__name{flex:1 1 auto;min-width:0}
.kp-otile small{flex:0 0 auto;margin-left:auto;font-size:12.5px;font-weight:500;color:var(--muted);white-space:nowrap}
.kp-otile.is-on small{color:var(--ink)}
.kp-otile--more{grid-column:1/-1;justify-content:center;font-weight:600}
@media (max-width:575px){.kp-otiles{grid-template-columns:minmax(0,1fr)}.kp-otile{min-height:52px;font-size:15px}}

/* Karta produktu: dobierz pasujące – lista z nazwą i ceną, otwiera się w nowej karcie */
.kp-fit .kp-fit__h{margin:0 0 4px!important;font-size:15px;font-weight:700}
.kp-fit .kp-fit__list{display:block!important}
.kp-fit .kp-fit__list a{display:flex;align-items:center;gap:12px;width:100%!important;height:auto!important;aspect-ratio:auto;padding:10px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;overflow:visible;color:var(--ink);text-decoration:none}
.kp-fit .kp-fit__list a:hover{border-color:var(--line)}
.kp-fit .kp-fit__list a:hover .kp-fit__name{color:var(--orange)}
.kp-fit__img{flex:0 0 52px;width:52px;height:52px;border-radius:8px;background:#f6f6f8;overflow:hidden}
.kp-fit .kp-fit__list img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.kp-fit__name{flex:1 1 auto;min-width:0;display:-webkit-box;overflow:hidden;font-size:13.5px;font-weight:500;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.kp-fit__price{flex:0 0 auto;font-size:14px;font-weight:700;white-space:nowrap}
.kp-fit__ext{flex:0 0 16px;width:16px;height:16px;color:#8e8e93}
.kp-fit.is-long:not(.is-open) .kp-fit__list a:nth-of-type(n+5){display:none}
.kp-fit .kp-fit__more{display:block;width:100%;aspect-ratio:auto;margin:10px 0 0;padding:11px;border:1px solid var(--line2,#dcdce3);border-radius:10px;background:#fff;font-size:14px;font-weight:600;color:var(--ink)}
.kp-fit .kp-fit__more:hover{border-color:var(--ink);background:#fff;color:var(--ink)}
.kp-fit.is-open .kp-fit__more{display:none}

/* Koszyk: przycisk do kasy w podsumowaniu */
#checkout-cart .kco-cart .btn-go-checkout{height:54px;border-radius:10px}

/* Koszyk: szare tło, białe karty z tym, co ważne; paleta i Orlen jako małe dodatki; pomarańcz tylko na przycisku */
body.krauz-beta:has(#shopping-cart .kco-cart){background:#f2f2f4}
#checkout-cart .kco-cart .col-lg-9 > .glowbox-p{padding:8px 22px!important;border-radius:14px;background:#fff!important}
#checkout-cart .kco-cart .col-lg-3 > .glowbox-p:first-of-type{padding:22px!important;border-radius:14px;background:#fff!important}
#checkout-cart .kco-cart .kco-cart__modules{padding:0!important;background:none!important}
#checkout-cart .kco-cart .accordion-item{border:0;border-radius:14px!important;background:#fff}
#checkout-cart .kco-cart .accordion-button{background:#fff}
#checkout-cart .kco-cart .kpal{display:block;margin:12px 0 0;padding:14px 22px;border:0;border-radius:14px;background:#fff}
#checkout-cart .kco-cart .kpal__body h3{margin:0 0 8px!important;font-size:14px!important;font-weight:600!important;letter-spacing:0;color:var(--ink)}
#checkout-cart .kco-cart .kpal__row{margin:0 0 4px;font-size:12.5px;color:var(--muted)}
#checkout-cart .kco-cart .kpal__bar{height:4px;background:#ececf0}
#checkout-cart .kco-cart .kpal__bar i{background:#8e8e93}
#checkout-cart .kco-cart .kpal.is-done .kpal__bar i{background:#1e9e5a}
#checkout-cart .kco-cart .kpal__msg{margin:8px 0 0;padding:0;border:0;font-size:12.5px;line-height:1.4;color:var(--muted)}
#checkout-cart .kco-cart .kpal__msg b{font-weight:600;color:var(--ink)}
#checkout-cart .kco-cart .korl{display:flex;align-items:center;flex-wrap:wrap;gap:2px 6px;margin-top:12px;padding:12px 36px 12px 16px;border:0;border-radius:14px;background:#fff;color:var(--ink);text-decoration:none}
#checkout-cart .kco-cart .korl__tag{padding:0;border-radius:0;background:none;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink)}
#checkout-cart .kco-cart .korl__big{font-size:13px;font-weight:400;color:var(--ink)}
#checkout-cart .kco-cart .korl__big small{font-size:13px;font-weight:400;color:var(--ink)}
#checkout-cart .kco-cart .korl__txt{width:100%;font-size:12px;color:var(--muted)}
#checkout-cart .kco-cart .korl__go{position:absolute;top:50%;right:12px;width:16px;height:16px;margin-top:-8px;color:#8e8e93}
#checkout-cart .kco-cart .korl:hover .korl__tag{color:var(--orange)}
body:has(#shopping-cart .kco-cart) .kbar-foot{background:none}

/* Koszyk: szersze podsumowanie, większy przycisk, Orlen = małe logo + jedna linia */
@media (min-width:992px){
  #checkout-cart .kco-cart{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:0 24px;margin:0}
  #checkout-cart .kco-cart > .col-lg-9,#checkout-cart .kco-cart > .col-lg-3{flex:none;width:auto;max-width:none;min-width:0;padding:0}
  #checkout-cart .kco-cart > .col-lg-3{position:sticky;top:24px;align-self:start}
}
#checkout-cart .kco-cart .col-lg-3 > .glowbox-p:first-of-type{padding:26px!important}
#checkout-cart .kco-cart .cart-summary td{font-size:16px}
#checkout-cart .kco-cart .cart-summary tr:last-child td{font-size:22px}
#checkout-cart .kco-cart .btn-go-checkout{height:60px;margin-top:18px;font-size:18px;font-weight:700}
#checkout-cart .kco-cart .korl{flex-wrap:nowrap;gap:12px;padding:10px 36px 10px 12px}
#checkout-cart .kco-cart .korl__logo{flex:0 0 32px;width:32px;height:32px;border-radius:6px;object-fit:contain}
#checkout-cart .kco-cart .korl__txt{width:auto;min-width:0;font-size:12.5px;line-height:1.35;color:var(--muted)}
#checkout-cart .kco-cart .korl__txt b{font-weight:600;color:var(--ink)}

/* Koszyk: równe góry i doły kolumn, te same wewnętrzne odstępy kart */
#checkout-cart .kco-cart__head{display:flex;align-items:center;justify-content:space-between;gap:16px;height:44px;margin:0 0 12px}
#checkout-cart .kco-cart__head h1{margin:0!important;font-size:26px;line-height:44px}
#checkout-cart .kco-cart .col-lg-3 > h2{height:44px;margin:0 0 12px!important;font-size:26px!important;line-height:44px}
#checkout-cart .kco-cart > .col-lg-9{display:flex;flex-direction:column;gap:12px}
#checkout-cart .kco-cart > .col-lg-9 > .kco-cart__head{margin-bottom:0}
#checkout-cart .kco-cart > .col-lg-9 > :last-child{flex:1 1 auto}
#checkout-cart .kco-cart .col-lg-9 > .glowbox-p{margin:0;padding:26px!important}
#checkout-cart .kco-cart .desktop-cart{margin:0}
#checkout-cart .kco-cart .desktop-cart thead th{padding:0 12px 12px}
#checkout-cart .kco-cart .desktop-cart thead th:first-child,#checkout-cart .kco-cart .desktop-cart tbody td:first-child{padding-left:0}
#checkout-cart .kco-cart .desktop-cart thead th:last-child,#checkout-cart .kco-cart .desktop-cart tbody td:last-child{padding-right:0}
#checkout-cart .kco-cart .desktop-cart tbody tr:last-child td{padding-bottom:0;border-bottom:0}
#checkout-cart .kco-cart .img-thumbnail{border:0;background:#f6f6f8}
#checkout-cart .kco-cart .col-lg-3 > .glowbox-p{margin-bottom:12px}
#checkout-cart .kco-cart .col-lg-3 > .korl{margin-top:0}
#checkout-cart .kco-cart .kco-cart__modules #accordion{margin:0}

/* Koszyk: darmowa dostawa palety */
.kfree{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:26px;border-radius:14px;background:#fff}
.kfree__top{display:flex;align-items:center;gap:14px}
.kfree__ico{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#f2f2f4;color:var(--ink)}
.kfree__ico svg{width:24px;height:24px}
.kfree.is-done .kfree__ico{background:#e9f7ef;color:#1e9e5a}
.kfree__t{flex:1 1 auto;min-width:0}
#checkout-cart .kfree h3{margin:0 0 2px!important;font-size:16px!important;font-weight:700!important;letter-spacing:-.01em;color:var(--ink)}
.kfree__t p{margin:0;font-size:13.5px;line-height:1.4;color:var(--muted)}
.kfree__t p b{font-weight:600;color:var(--ink)}
.kfree__pct{flex:0 0 auto;font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.kfree.is-done .kfree__pct{color:#1e9e5a}
.kfree__bar{height:8px;border-radius:8px;background:#ececf0;overflow:hidden}
.kfree__bar i{display:block;height:100%;border-radius:8px;background:#1d1d1f;transition:width .3s}
.kfree.is-done .kfree__bar i{background:#1e9e5a}
.kfree__stats{display:flex;flex-wrap:wrap;gap:4px 24px;font-size:13px;color:var(--muted)}
.kfree__stats b{font-weight:600;color:var(--ink)}
@media (max-width:575px){#checkout-cart .kco-cart .col-lg-9 > .glowbox-p,.kfree{padding:18px}.kfree__top{flex-wrap:wrap}.kfree__t{flex-basis:calc(100% - 120px)}}
#checkout-cart .kco-cart .kco-cart__head h1,#checkout-cart .kco-cart .col-lg-3 > h2{font-size:24px!important;font-weight:800!important;letter-spacing:-.025em!important}
#checkout-cart .kco-cart .desktop-cart tbody td:first-child{width:96px;text-align:left!important}
#checkout-cart .kco-cart .mobile-cart .product-m:last-child{padding-bottom:0;border-bottom:0}

/* Kasa: telefon z prefiksem +48 */
#checkout-checkout .kph{position:relative}
#checkout-checkout .kph__pre{display:none}
#checkout-checkout .kph.is-pl .kph__pre{display:block;position:absolute;z-index:2;top:23px;left:calc(var(--bs-gutter-x,0px)*.5 + 15px);font-size:16px;line-height:24px;color:#1d1d1f;pointer-events:none}
#checkout-checkout .kph.is-pl > .form-control{padding-left:52px}
#checkout-checkout .kph.is-pl > .form-label{top:7px;font-size:12px!important}
#checkout-checkout .kph__sw{display:block;margin:6px 0 0;padding:0;border:0;background:none;font-size:13px;color:#6e6e73;text-decoration:underline;cursor:pointer}
#checkout-checkout .kph__sw:hover{color:#1d1d1f}
#checkout-checkout .kph > .form-control{margin-top:0!important}

/* Audyt mobilny koszyka i kasy (02.11.2026) */
#checkout-checkout .kfl > .form-label{max-width:calc(100% - var(--bs-gutter-x,0px) - 24px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#checkout-checkout #form-shipping-method input[type=radio]:focus,#checkout-checkout #form-payment-method input[type=radio]:focus{outline:none;box-shadow:none}
@media (max-width:991px){
  #checkout-checkout .kco-side #kco-side-body{padding:4px 16px 18px!important}
}
@media (max-width:767px){
  /* pasek kroków: same numery, nazwa kroku jest w nagłówku strony */
  .kbar__steps li.is-active span{display:none}
  .kbar__steps li + li::before{width:10px;margin:0 4px}
  .kbar__steps li.is-active i{border-color:var(--orange);background:var(--orange);color:#fff}
  .kbar__steps a,.kbar__steps button{position:relative}
  .kbar__steps a::after,.kbar__steps button::after{content:"";position:absolute;inset:-12px -6px}
  /* linki i przyciski pomocnicze: wygodne pole dotyku */
  .kco-back{padding:11px 8px}
  #checkout-checkout .kph__sw{margin:0;padding:10px 0}
  .kco-rev button{top:6px;right:6px;padding:10px 8px}
  /* kasa: pigułki i adres */
  #checkout-checkout #form-register fieldset:first-of-type .col.required:has(.kco-pill),#checkout-checkout #form-register fieldset:first-of-type div:has(> .kco-pill){display:flex;flex-wrap:wrap;gap:6px}
  #checkout-checkout #form-register fieldset:first-of-type .form-check-inline{margin:0!important}
  #checkout-checkout #form-register fieldset:first-of-type .form-check-inline .form-check-label,.kco-pill{padding:9px 12px;font-size:13.5px;white-space:nowrap}
  #checkout-checkout .col:has(> #input-shipping-address-1),#checkout-checkout .col:has(> #input-shipping-address-2){flex:0 0 100%!important;width:100%!important;max-width:100%!important}
  /* koszyk: pozycja bez urwanych kwot */
  #checkout-cart .kco-cart .mobile-cart .product-m{padding:16px 0}
  #checkout-cart .kco-cart .mobile-cart .orig{align-items:flex-start;gap:12px}
  #checkout-cart .kco-cart .mobile-cart .orig > a{flex:0 0 72px}
  #checkout-cart .kco-cart .mobile-cart .img-thumbnail{width:72px;height:72px}
  #checkout-cart .kco-cart .mobile-cart .right{flex:1 1 auto;min-width:0}
  #checkout-cart .kco-cart .mobile-cart .right > ul{padding-right:30px}
  #checkout-cart .kco-cart .mobile-cart .remove{top:6px;right:-10px;width:44px;height:44px}
  #checkout-cart .kco-cart .mobile-cart .d-flex{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 12px;margin-top:10px}
  #checkout-cart .kco-cart .mobile-cart .single{grid-column:1/-1;margin:0;font-size:13px}
  #checkout-cart .kco-cart .mobile-cart .input-group{width:124px;height:44px}
  #checkout-cart .kco-cart .mobile-cart .input-group .form-control{height:44px;min-height:44px;font-size:16px}
  #checkout-cart .kco-cart .mobile-cart .input-group .btn{min-width:44px}
  #checkout-cart .kco-cart .mobile-cart .total{justify-self:end;font-size:16px;white-space:nowrap}
}
@media (max-width:767px){
  #checkout-checkout #form-register .row > .col:has(> #input-shipping-address-1),#checkout-checkout #form-register .row > .col:has(> #input-shipping-address-2),#checkout-checkout #shipping-new .row > .col:has(> #input-shipping-address-1),#checkout-checkout #shipping-new .row > .col:has(> #input-shipping-address-2){flex:0 0 100%!important;width:100%!important;max-width:100%!important}
  /* koszyk: zdjęcie i nazwa obok siebie, ilość i kwota na całą szerokość karty */
  #checkout-cart .kco-cart .col-lg-9 > .glowbox-p{padding:6px 16px!important}
  #checkout-cart .kco-cart .mobile-cart .orig{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px}
  #checkout-cart .kco-cart .mobile-cart .orig > a{flex:none}
  #checkout-cart .kco-cart .mobile-cart .img-thumbnail{width:64px;height:64px}
  #checkout-cart .kco-cart .mobile-cart .right{display:contents}
  #checkout-cart .kco-cart .mobile-cart .d-flex{grid-column:1/-1;margin-top:0}
}
@media (max-width:767px){
  #checkout-checkout .cities-live-box p{padding:11px 12px;font-size:15px}
  #checkout-checkout #new-invoice-form .form-control::placeholder{color:#6e6e73;opacity:1}
}
/* Wybrany punkt odbioru pod listą metod, a nie nad nią */
#checkout-checkout #form-shipping-method{display:flex;flex-direction:column}
#checkout-checkout #form-shipping-method .method-point-info{order:50;margin:4px 0 0}
#checkout-checkout #form-shipping-method .text-end{order:60}

/* Tpay na telefonie: krótka lista banków, reszta po kliknięciu */
@media (max-width:767px){
  .kbanks:not(.is-open) #bank-selection-form .bank-block:nth-child(n+7):not(.bank-active){display:none}
  .kbanks:not(.is-open) #bank-selection-form2,.kbanks:not(.is-open) .separator:not(:first-child){display:none}
  .kbanks__more{display:block;width:100%;min-height:48px;margin:8px 0 0;border:1px solid var(--line2,#dcdce3);border-radius:10px;background:#fff;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer}
  #checkout-checkout #main-payment > img{display:block;width:auto;height:44px;margin:0 auto}
}

/* Kasa: dokument sprzedaży na początku kroku, kopiowanie adresu z danych firmy */
#checkout-checkout .kco-copy{display:inline-flex;align-items:center;min-height:44px;margin:0 0 12px;padding:0 16px;border:1px solid var(--line2,#d2d2d7);border-radius:10px;background:#fff;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer}
#checkout-checkout .kco-copy:hover{border-color:var(--ink)}

/* Kasa: jeden system odstępów. Sekcje 32 px, nagłówek → treść 16 px, pole → pole 12 px. */
#checkout-checkout .kco-pane.is-active{display:flex;flex-direction:column;gap:32px}
#checkout-checkout .kco-pane .kco-sec,#checkout-checkout .kco-pane .kco-sec--inv{margin:0!important}
#checkout-checkout .kco-pane .kco-nav{margin:0}
#checkout-checkout .kco-pane .kco-h{margin:0 0 16px!important}
/* puste elementy formularza nie mogą dokładać przerw */
#checkout-checkout #form-register .col.mb-3:not(:has(*)){display:none}
#checkout-checkout #form-register > .row > .col:has(> #input-telephone),#checkout-checkout #form-register fieldset:first-of-type .row > .col:last-child{margin-bottom:0!important}
#checkout-checkout #form-register,#checkout-checkout #form-register fieldset,#checkout-checkout #shipping-address{margin:0!important;padding:0}
#checkout-checkout .kco-sec > #shipping-address + .row{margin-top:12px}
#checkout-checkout .kco-sec > #shipping-address .row > .col:has(> #input-shipping-company){margin-bottom:0!important}
#checkout-checkout .kco-sec > .row .form-switch{margin:0;padding-top:0}
#checkout-checkout .kco-sec > .row .col{margin:0}
/* wybór konta i dokument */
#checkout-checkout #form-register fieldset:first-of-type .col:has(.form-check-inline){display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px!important}
#checkout-checkout #form-register fieldset:first-of-type .form-check-inline{margin:0!important}
.kco-seg2{margin:0 0 12px}
#checkout-checkout #checkout-invoice .faktura_dane{margin:0}
#checkout-checkout #new-invoice-form{gap:12px}
#checkout-checkout #new-invoice-form label{margin:0!important}
#checkout-checkout .kph__sw{margin:0;padding:6px 0 0}
@media (max-width:767px){#checkout-checkout .kph__sw{padding:8px 0 0;min-height:32px}}
#checkout-checkout .kco-copy{margin:0 0 12px}
#checkout-checkout #checkout-invoice fieldset{margin:0!important}
/* Kasa: Dostawa i Płatność w tym samym systemie odstępów */
#checkout-checkout #checkout-shipping-method fieldset,#checkout-checkout #checkout-payment-method fieldset{margin:0!important}
#checkout-checkout #form-shipping-method .form-check,#checkout-checkout #form-payment-method .form-check{margin:0 0 12px}
#checkout-checkout #form-shipping-method .form-check:has(+ .text-end),#checkout-checkout #form-payment-method .form-check:has(+ .text-end){margin-bottom:0}
#checkout-checkout #form-shipping-method .alert{margin:0 0 12px}
#checkout-checkout #form-shipping-method,#checkout-checkout #form-payment-method,#checkout-checkout .shipping-type-here .modal-content,#checkout-checkout .payment-type-here .modal-content{margin:0}
#checkout-checkout #form-shipping-method .method-point-info{margin:12px 0 0}
#checkout-checkout .ruch-content{margin-top:12px}
#checkout-checkout .payment-select-here{margin:16px 0 0}
#checkout-checkout .payment-select-here:empty{display:none}
#checkout-checkout #checkout-payment-method > .mb-2{margin:20px 0 0!important}
#checkout-checkout #checkout-payment-method label[for=input-comment]{margin:0 0 6px!important}
/* Kasa: dane do przelewu spokojnie, jak pozostałe karty */
#checkout-checkout .payment-select-here .bank-info{margin:8px 0 0;padding:16px;border-radius:10px;background:#f5f5f7!important;color:#1d1d1f!important;font-size:14px;line-height:1.5}
#checkout-checkout .payment-select-here .bank-info p{margin:0 0 8px;color:#1d1d1f!important}
#checkout-checkout .payment-select-here .bank-info p:last-child{margin:0;color:#6e6e73!important;font-size:13px}
#checkout-checkout .payment-select-here .bank-info b,#checkout-checkout .payment-select-here .bank-info .cred{color:#1d1d1f!important;font-weight:700}
#checkout-checkout .payment-select-here fieldset > p{margin:0;font-size:14px;font-weight:400;color:#1d1d1f}
#checkout-checkout .payment-select-here fieldset > p b{font-weight:600}
#checkout-checkout .payment-select-here legend{display:none}

/* Kasa: wyjaśnienie oświadczenia CEIDG */
#checkout-checkout .kco-info{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin:0 0 0 4px;padding:0;border:1px solid #8e8e93;border-radius:50%;background:#fff;font:600 12px/1 Georgia,serif;color:#1d1d1f;vertical-align:text-bottom;cursor:pointer}
#checkout-checkout .kco-info::after{content:"";position:absolute;inset:-12px}
#checkout-checkout .kco-info:hover,#checkout-checkout .kco-info.is-on{border-color:#1d1d1f;background:#1d1d1f;color:#fff}
#checkout-checkout .kco-note{grid-column:1/-1;margin:0;padding:12px 14px;border-radius:10px;background:#f5f5f7;font-size:13.5px;line-height:1.5;color:#1d1d1f}
#checkout-checkout .kco-note[hidden]{display:none}
#checkout-checkout .kco-info{flex:0 0 22px;width:22px;min-width:22px;height:22px;margin:0 0 0 auto}

/* Strona po złożeniu zamówienia */
body.krauz-beta:has(.ksx){background:#f2f2f4}
.ksx{display:grid;gap:12px;padding-top:32px;padding-bottom:56px;max-width:1040px}
.ksx-card{padding:26px;border-radius:14px;background:#fff;font-size:15px;line-height:1.5;color:var(--ink)}
.ksx-card h2{margin:0 0 12px;font-size:17px;font-weight:700;letter-spacing:-.01em}
.ksx-card p{margin:0 0 10px}
.ksx-card p:last-child{margin:0}
.ksx-hero{text-align:center;padding:36px 26px}
.ksx-hero h1{margin:14px 0 10px;font-size:28px;font-weight:800;letter-spacing:-.03em}
.ksx-ok{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#e9f7ef;color:#1e9e5a}
.ksx-ok svg{width:28px;height:28px}
.ksx-status{margin-top:12px!important;padding-top:12px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.ksx-status b{font-weight:600;color:var(--ink)}
.ksx-muted{font-size:14px;color:var(--muted)}
.ksx-bank{margin:12px 0 0;border-radius:10px;background:#f5f5f7;padding:6px 16px}
.ksx-bank > div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 16px;padding:10px 0;border-bottom:1px solid #e4e4e7}
.ksx-bank > div:last-child{border-bottom:0}
.ksx-bank dt{font-size:13px;font-weight:400;color:var(--muted)}
.ksx-bank dd{display:flex;align-items:center;gap:10px;margin:0;font-weight:600}
.ksx-copy{min-height:32px;padding:0 10px;border:1px solid var(--line2,#d2d2d7);border-radius:8px;background:#fff;font-size:12.5px;font-weight:600;color:var(--ink);cursor:pointer}
.ksx-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px;align-items:start}
.ksx-side{display:grid;gap:12px}
.ksx-list{margin:0;padding:0;list-style:none}
.ksx-list li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.ksx-list li:first-child{padding-top:0}
.ksx-img{display:block;width:64px;height:64px;border-radius:8px;background:#f6f6f8;overflow:hidden}
.ksx-img img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.ksx-name b{display:block;font-size:14.5px;font-weight:600;line-height:1.3}
.ksx-name small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted)}
.ksx-price{font-weight:600;white-space:nowrap}
.ksx-totals{margin:12px 0 0}
.ksx-totals > div{display:flex;justify-content:space-between;gap:16px;padding:3px 0;font-size:14px;color:var(--muted)}
.ksx-totals dt{font-weight:400}
.ksx-totals dd{margin:0;color:var(--ink)}
.ksx-totals > .is-total{margin-top:8px;padding-top:12px;border-top:1px solid var(--line);font-size:17px;font-weight:700;color:var(--ink)}
.ksx-totals > .is-total dt{font-weight:700}
.ksx-totals > .is-total dd{font-size:20px}
.ksx-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:4px}
.ksx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border-radius:10px;background:var(--orange);color:#fff!important;font-size:16px;font-weight:600;text-decoration:none}
.ksx-btn:hover{background:#d94800}
.ksx-btn--ghost{background:#fff;color:var(--ink)!important}
.ksx-btn--ghost:hover{background:#fff;color:var(--orange)!important}
.ksx-msg{text-align:left}
@media (max-width:991px){.ksx-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){
  .ksx{padding-top:16px;padding-bottom:32px}
  .ksx-card{padding:18px}
  .ksx-hero{padding:26px 18px}
  .ksx-hero h1{font-size:23px}
  .ksx-bank dd{width:100%;justify-content:space-between}
  .ksx-actions{flex-direction:column;align-items:stretch;text-align:center}
}

/* Strona po zamówieniu: kontener sklepu, karta potwierdzenia wyrównana do lewej */
.ksx{max-width:none}
.ksx-hero{display:flex;align-items:center;gap:20px;padding:28px 26px;text-align:left}
.ksx-hero .ksx-ok{flex:0 0 52px}
.ksx-hero__txt{flex:1 1 auto;min-width:0}
.ksx-hero h1{margin:0 0 4px;font-size:26px;line-height:1.2}
.ksx-hero__txt p{margin:0;color:var(--muted)}
.ksx-hero__txt p b{font-weight:600;color:var(--ink)}
.ksx-facts{display:flex;flex:0 0 auto;gap:32px;margin:0;padding-left:32px;border-left:1px solid var(--line)}
.ksx-facts dt{font-size:13px;font-weight:400;color:var(--muted);white-space:nowrap}
.ksx-facts dd{margin:2px 0 0;font-size:17px;font-weight:700;color:var(--ink);white-space:nowrap}
.ksx-grid{grid-template-columns:minmax(0,1fr) 440px}
@media (max-width:1199px){.ksx-hero{flex-wrap:wrap}.ksx-hero__txt{flex-basis:calc(100% - 72px)}.ksx-facts{flex:1 1 100%;padding:16px 0 0;border-left:0;border-top:1px solid var(--line)}}
@media (max-width:991px){.ksx-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){.ksx-hero{padding:18px}.ksx-hero h1{font-size:22px}.ksx-facts{flex-wrap:wrap;gap:12px 24px}}

/* Strona po złożeniu zamówienia (Allegro/Amazon): potwierdzenie, oś postępu, status płatności, zamówione produkty */
body.krauz-beta:has(.ksy){background:#f2f2f4}
.ksy{display:grid;gap:12px;padding:24px 0 56px;color:var(--ink);font-size:15px;line-height:1.5}
.ksy-hero,.ksy-card{border-radius:14px;background:#fff}
.ksy-hero{padding:32px}
.ksy-hero__top{display:flex;align-items:center;gap:20px}
.ksy-ok{display:inline-flex;align-items:center;justify-content:center;flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:#1e9e5a;color:#fff}
.ksy-ok svg{width:34px;height:34px}
.ksy-hero__txt{flex:1 1 auto;min-width:0}
.ksy-hero h1{margin:0 0 4px;font-size:34px;font-weight:800;line-height:1.15;letter-spacing:-.03em}
.ksy-hero__txt p{margin:0;font-size:15.5px;color:var(--muted)}
.ksy-hero__txt p b{font-weight:600;color:var(--ink)}
.ksy-facts{display:flex;flex:0 0 auto;gap:36px;margin:0}
.ksy-facts dt{font-size:13px;font-weight:400;color:var(--muted);white-space:nowrap}
.ksy-facts dd{margin:2px 0 0;font-size:22px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
/* oś postępu */
.ksy-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:28px 0 0;padding:24px 0 0;border-top:1px solid var(--line);list-style:none}
.ksy-track li{position:relative;padding-right:12px;color:var(--muted)}
.ksy-track li::before{content:"";position:absolute;top:15px;left:32px;right:0;height:3px;background:#e4e4e7}
.ksy-track li:last-child::before{display:none}
.ksy-track li.is-done::before{background:#1e9e5a}
.ksy-track i{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:10px;border-radius:50%;background:#e8e8ed;color:#6e6e73;font-size:14px;font-style:normal;font-weight:700}
.ksy-track i svg{width:18px;height:18px}
.ksy-track b{display:block;font-size:14.5px;font-weight:600;line-height:1.25;color:inherit}
.ksy-track small{display:block;margin-top:2px;font-size:13px;line-height:1.3;color:var(--muted)}
.ksy-track .is-done{color:var(--ink)}
.ksy-track .is-done i{background:#1e9e5a;color:#fff}
.ksy-track .is-now{color:var(--ink)}
.ksy-track .is-now i{background:var(--orange);color:#fff}
.ksy-track .is-fail{color:#a51d24}
.ksy-track .is-fail i{background:#c8232c;color:#fff}
/* układ */
.ksy-grid{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:12px;align-items:start}
.ksy-main,.ksy-side{display:grid;gap:12px;min-width:0}
.ksy-side{position:sticky;top:24px}
.ksy-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ksy-card{padding:26px}
.ksy-card h2{margin:0 0 14px;font-size:18px;font-weight:700;letter-spacing:-.015em}
.ksy-card h2 span{margin-left:6px;font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted)}
.ksy-card h2.ksy-sub{margin:20px 0 8px;padding-top:16px;border-top:1px solid var(--line);font-size:15px}
.ksy-card p{margin:0 0 10px}
.ksy-card p:last-child{margin:0}
.ksy-strong{font-weight:600}
.ksy-muted{font-size:14px;color:var(--muted)}
.ksy-eta{padding:10px 12px;border-radius:10px;background:#f1faf3;font-size:14px}
.ksy-eta b{font-weight:700}
.ksy-eta small{display:block;font-size:12.5px;color:var(--muted)}
/* produkty */
.ksy-items{margin:0;padding:0;list-style:none}
.ksy-items li{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.ksy-items li:first-child{padding-top:0;border-top:0}
.ksy-items li:last-child{padding-bottom:0}
.ksy-img{display:block;width:96px;height:96px;padding:6px;border-radius:10px;background:#f6f6f8;overflow:hidden}
.ksy-img img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.ksy-name b{display:block;font-size:15.5px;font-weight:600;line-height:1.3}
.ksy-name small{display:block;margin-top:3px;font-size:13px;color:var(--muted)}
.ksy-price{font-size:16px;font-weight:700;white-space:nowrap}
/* płatność */
.ksy-pill{display:inline-block;margin:0 0 12px;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:700;background:#fff4e0;color:#8a5a00}
.ksy-pay--ok .ksy-pill{background:#e9f7ef;color:#14663b}
.ksy-pay--cod .ksy-pill{background:#eef0f4;color:#1d1d1f}
.ksy-pay--fail .ksy-pill{background:#fdecec;color:#a51d24}
.ksy-bank{margin:12px 0 0;padding:4px 14px;border-radius:10px;background:#f5f5f7}
.ksy-bank > div{padding:10px 0;border-bottom:1px solid #e4e4e7}
.ksy-bank > div:last-child{border-bottom:0}
.ksy-bank dt{font-size:12.5px;font-weight:400;color:var(--muted)}
.ksy-bank dd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 0;font-weight:600}
.ksy-bank button{flex:0 0 auto;min-height:34px;padding:0 10px;border:1px solid var(--line2,#d2d2d7);border-radius:8px;background:#fff;font-size:12.5px;font-weight:600;color:var(--ink);cursor:pointer}
/* podsumowanie */
.ksy-totals{margin:0 0 18px}
.ksy-totals > div{display:flex;justify-content:space-between;gap:16px;padding:4px 0;color:var(--muted)}
.ksy-totals dt{font-weight:400}
.ksy-totals dd{margin:0;color:var(--ink)}
.ksy-totals > .is-total{align-items:baseline;margin-top:8px;padding-top:12px;border-top:1px solid var(--line);font-size:17px;font-weight:700;color:var(--ink)}
.ksy-totals > .is-total dt{font-weight:700}
.ksy-totals > .is-total dd{font-size:24px;font-weight:800;letter-spacing:-.02em}
.ksy-btn{display:flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:10px;background:var(--orange);color:#fff!important;font-size:16px;font-weight:600;text-decoration:none}
.ksy-btn:hover{background:#d94800}
.ksy-btn--ghost{margin-top:8px;border:1px solid var(--line2,#d2d2d7);background:#fff;color:var(--ink)!important}
.ksy-btn--ghost:hover{border-color:var(--ink);background:#fff}
.ksy-btn--inline{display:inline-flex;margin-top:16px}
.ksy-help{margin:12px 0 0!important;font-size:14px;text-align:center;color:var(--muted)}
.ksy-msg{margin-top:14px}
@media (max-width:1199px){
  .ksy-grid{grid-template-columns:minmax(0,1fr) 360px}
  .ksy-two{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:991px){
  .ksy-grid{grid-template-columns:minmax(0,1fr)}
  .ksy-side{position:static;order:-1}
  .ksy-hero__top{flex-wrap:wrap}
  .ksy-hero__txt{flex-basis:calc(100% - 84px)}
  .ksy-facts{flex:1 1 100%}
}
@media (max-width:767px){
  .ksy{padding:12px 0 32px}
  .ksy-hero{padding:20px}
  .ksy-card{padding:18px}
  .ksy-ok{flex-basis:48px;width:48px;height:48px}
  .ksy-ok svg{width:26px;height:26px}
  .ksy-hero h1{font-size:25px}
  .ksy-hero__txt{flex-basis:calc(100% - 68px)}
  .ksy-hero__txt p{font-size:14.5px}
  .ksy-facts{gap:24px}
  .ksy-facts dd{font-size:18px}
  /* oś pionowa */
  .ksy-track{grid-template-columns:minmax(0,1fr);gap:0;margin-top:18px;padding-top:18px}
  .ksy-track li{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:12px;align-content:start;padding:0 0 16px}
  .ksy-track li:last-child{padding-bottom:0}
  .ksy-track li::before{top:32px;bottom:0;left:15px;right:auto;width:3px;height:auto}
  .ksy-track i{grid-row:1/3;margin:0}
  .ksy-track b{align-self:center;padding-top:5px}
  .ksy-items li{grid-template-columns:72px minmax(0,1fr);gap:4px 12px}
  .ksy-img{width:72px;height:72px;grid-row:1/3}
  .ksy-price{grid-column:2;font-size:15px}
}

/* Kasa, klient zalogowany: przełącznik adresu i telefon */
#checkout-checkout #shipping-address{position:relative}
#checkout-checkout #shipping-addresses.kco-seg{position:static!important;float:none!important;width:auto!important;margin:0 0 12px!important;padding:0;background:none}
#checkout-checkout #shipping-addresses.kco-seg .form-check{display:inline-block;position:relative;min-height:0;margin:0 6px 6px 0;padding:0}
#checkout-checkout #shipping-addresses.kco-seg .form-check-input{position:absolute;opacity:0;margin:0}
#checkout-checkout #shipping-addresses.kco-seg .form-check-label{display:inline-block;padding:10px 16px;border:1px solid #d2d2d7;border-radius:999px;background:#fff;font-size:14px;font-weight:600;color:#1d1d1f;white-space:nowrap;cursor:pointer}
#checkout-checkout #shipping-addresses.kco-seg .form-check-input:checked + .form-check-label{border-color:#1d1d1f;background:#1d1d1f;color:#fff}
#checkout-checkout #shipping-existing{margin:0 0 12px}
#checkout-checkout #shipping-existing .form-select{height:56px;padding:14px;font-size:16px}
#checkout-checkout .col.telephone{--bs-gutter-x:0px;width:100%;max-width:100%;margin:0;padding:0}

/* Hero na desktopie: naklejka w samym rogu, postacie minimalnie wyżej */
@media (min-width:992px){
  #kb-hero .hx-main .hx-slide .hx-sticker{top:14px;right:14px}
  #kb-hero .hx-slide--photo .hx-slide__photo,#kb-hero .hx-slide--photo.hx-slide--orange .hx-slide__photo{top:-18px!important;height:calc(100% + 18px)!important}
}
@media (min-width:992px){#kb-hero .hx-sticker{top:12px;right:12px}}

/* Hero: naklejka maksymalnie w górnym prawym rogu; na telefonie postacie bliżej tekstu (niższy slajd, zdjęcie przycięte od góry) */
@media (min-width:992px){#kb-hero .hx-sticker{top:6px;right:6px}}
@media (max-width:767px){
  #kb-hero .hx-slide--mob .hx-sticker{top:6px;right:6px;width:70px;height:70px;padding:4px}
  #kb-hero .hx-slide--mob .hx-sticker span{font-size:9.5px}
  #kb-hero .hx-slide--mob{aspect-ratio:900/1500}
}
@media (max-width:375px){#kb-hero .hx-slide--mob{aspect-ratio:900/1559}}
/* Hero na telefonie: wysokość = tekst + widoczna część zdjęcia, głowy tuż pod tekstem na każdej szerokości (zdjęcie 900×1559, głowy ok. 50% od góry) */
@media (max-width:767px){
  #kb-hero .hx-slide--mob{aspect-ratio:auto!important;height:calc(270px + .861 * (100vw - 32px))!important}
}
@media (max-width:375px){
  #kb-hero .hx-slide--mob{height:calc(292px + .861 * (100vw - 32px))!important}
}