/* GENERATED FILE — edit src/styles/*.css and run npm run build */
:root{
  --bg:#f6f7fb; --panel:#ffffff; --ink:#151a24; --muted:#68718280;
  --muted2:#5b6472; --brand:#2563eb; --brand2:#7c3aed; --accent:#f59e0b;
  --ok:#16a34a; --danger:#dc2626; --line:#e6e9f0;
  --radius:16px; --shadow:0 4px 24px rgba(21,26,36,.07);
  --content:1500px; --card-min:240px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:'Segoe UI',system-ui,-apple-system,Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5;overflow-x:hidden}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit;font-size:1rem}
a{color:var(--brand)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:1000;padding:.7rem 1rem;border-radius:10px;background:var(--ink);color:#fff;font-weight:800;transform:translateY(-160%);transition:transform .15s;text-decoration:none}.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 72%,white);outline-offset:3px}
main:focus{outline:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* ── Pasek info ── */
.topbar{position:relative;isolation:isolate;display:grid;place-items:center;min-height:36px;overflow:hidden;background:linear-gradient(100deg,var(--brand),var(--brand2));background-size:180% 180%;color:#fff;text-align:center;padding:.45rem 1rem;font-size:.85rem;font-weight:650}
.topbar::before{content:"";position:absolute;z-index:-1;inset:-40%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.32),transparent 42%)}
.topbar-track{display:flex;align-items:center;justify-content:center;gap:.55rem;max-width:100%;line-height:1.35}.topbar-item{color:inherit;text-decoration:none;white-space:nowrap}.topbar a.topbar-item:hover{text-decoration:underline;text-underline-offset:3px}.topbar-separator{font-style:normal;opacity:.65}
.topbar[data-accent="inpost"]{background:linear-gradient(100deg,#facc15,#f59e0b);color:#171717}.topbar[data-accent="konkurs"]{background:linear-gradient(100deg,#713f12,#d97706,#facc15);color:#fff}.topbar[data-accent="promocja"]{background:linear-gradient(100deg,#be123c,#db2777,#7c3aed)}
.topbar[data-effect="blask"]::before{opacity:.9;animation:topbar-blask 5.5s ease-in-out infinite}.topbar[data-effect="przeplyw"]{animation:topbar-przeplyw 9s ease infinite}.topbar[data-effect="puls"] .topbar-item:first-child{animation:topbar-puls 2.8s ease-in-out infinite}
@keyframes topbar-blask{0%,100%{transform:translateX(-65%)}50%{transform:translateX(65%)}}@keyframes topbar-przeplyw{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes topbar-puls{0%,100%{opacity:1}50%{opacity:.62}}

.site-side-ads{display:none}.site-side-ad{pointer-events:auto;position:fixed;z-index:44;top:50%;display:none;gap:7px;width:clamp(168px,calc((100vw - var(--content) - 56px)/2),210px);padding:14px 12px;border:1px solid #d8dee9;border-radius:18px;background:#fff;color:#172033;text-decoration:none;transform:translateY(-50%);overflow:hidden}.site-side-ad.is-active{display:grid}.site-side-ad-left{left:14px}.site-side-ad-right{right:14px}.site-side-ad.position-top{top:112px;transform:none}.site-side-ad.position-bottom{top:auto;bottom:24px;transform:none}.site-side-ad.size-compact{padding:10px}.site-side-ad.size-compact p{display:none}.site-side-ad-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef2ff;font-size:21px}.site-side-ad-image{aspect-ratio:16/9;margin:-14px -12px 2px;overflow:hidden}.site-side-ad-image img{display:block;width:100%;height:100%;object-fit:cover}.site-side-ad em{color:#1d4ed8;font-size:11px;font-style:normal;font-weight:900}.site-side-ad.preset-inpost{border-color:#facc15;background:#fffdf0}.site-side-ad.preset-inpost .site-side-ad-mark{background:#facc15}.site-side-ad.preset-promocja{background:#fdf2f8}.site-side-ad.preset-konkurs{background:#fffbeb}
body:not(.admin-mode)>.site-side-ads.has-room{position:fixed;z-index:43;inset:0;display:block;pointer-events:none}
@media(max-width:700px){.topbar{padding-inline:.55rem}.topbar-track{justify-content:flex-start;width:100%;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain}.topbar-track::-webkit-scrollbar{display:none}.topbar-separator{display:none}.topbar-item{padding-right:.75rem}}
html.artway-admin-boot{scrollbar-gutter:stable}
html.artway-admin-boot body{background:#eef2f7}
html.artway-admin-boot body>.topbar,html.artway-admin-boot body>header,html.artway-admin-boot body>footer{display:none}
html.artway-admin-boot #widok{min-height:100vh;background:#eef2f7}

/* ── Nagłówek ── */
header{position:sticky;top:0;z-index:50;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(21,26,36,.05)}
.header-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;flex-wrap:wrap}
.logo{font-size:1.45rem;font-weight:800;letter-spacing:-.5px;white-space:nowrap;text-decoration:none;color:var(--ink)}
.logo span{background:linear-gradient(90deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.search{flex:1;display:flex;max-width:520px;min-width:200px}
.search input{width:100%;padding:.6rem 1rem;border:2px solid var(--line);border-right:none;border-radius:12px 0 0 12px;outline:none;background:var(--bg)}
.search input:focus{border-color:var(--brand)}
.search button{padding:.6rem 1.1rem;border:none;border-radius:0 12px 12px 0;background:var(--brand);color:#fff;font-size:1.05rem}
.hdr-actions{display:flex;align-items:center;gap:.6rem;margin-left:auto}
.user-btn{position:relative;display:flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border:1.5px solid var(--line);border-radius:12px;background:var(--panel);font-weight:600;font-size:.9rem;color:var(--ink);text-decoration:none}
.user-btn:hover{border-color:var(--brand);color:var(--brand)}
.user-btn.ikona{padding:.55rem .7rem;font-size:1.05rem}
.cart-btn{position:relative;display:flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border:none;border-radius:12px;background:var(--ink);color:#fff;font-weight:600;font-size:.95rem}
.cart-btn:hover{background:#2a3040}
.cart-count{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;border-radius:11px;background:var(--accent);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px}
.nav-row{max-width:1200px;min-height:42px;margin:0 auto;padding:0 1rem .55rem;display:flex;align-items:center;gap:.78rem;font-size:.84rem;flex-wrap:nowrap}
.nav-row>a,.nav-row>.nav-dd{flex:0 0 auto}
.nav-row a{color:var(--muted2);text-decoration:none;font-weight:700}
.nav-row a:hover{color:var(--brand)}
.nav-dd{position:relative;display:inline-flex;align-items:center}
.nav-drop-btn{min-height:38px;border:none;background:transparent;color:var(--muted2);font-weight:750;font-size:.84rem;padding:.35rem .08rem;display:inline-flex;gap:.3rem;align-items:center;white-space:nowrap;cursor:pointer;border-radius:9px}
.nav-drop-btn i{font-size:.72rem;font-style:normal;transition:transform .16s ease}
.nav-drop-btn:hover,.nav-drop-btn[aria-expanded="true"]{color:var(--brand);background:var(--bg)}
.nav-menu{position:absolute;top:100%;left:0;width:min(320px,calc(100vw - 2rem));min-width:min(320px,calc(100vw - 2rem));max-width:calc(100vw - 2rem);max-height:min(70vh,580px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;box-sizing:border-box;background:var(--panel);border:1.5px solid var(--line);border-radius:14px;box-shadow:0 20px 46px rgba(21,26,36,.18);padding:.55rem;display:none;z-index:90;transform-origin:top left}
.nav-menu::-webkit-scrollbar{display:none}
.nav-dd.is-open>.nav-menu,.nav-dd:focus-within>.nav-menu{display:grid;gap:.18rem;animation:navMenuReveal .14s ease-out}
.nav-dd.is-open>.nav-drop-btn i,.nav-dd:focus-within>.nav-drop-btn i{transform:rotate(180deg)}
@media(hover:hover) and (pointer:fine){.nav-dd:hover>.nav-menu{display:grid;gap:.18rem;animation:navMenuReveal .14s ease-out}.nav-dd:hover>.nav-drop-btn i{transform:rotate(180deg)}}
@keyframes navMenuReveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.nav-menu-heading{position:sticky;top:-.55rem;z-index:2;display:flex;align-items:center;gap:.65rem;min-width:0;margin:-.05rem -.05rem .25rem;padding:.7rem .65rem .62rem;background:var(--panel);border-bottom:1px solid var(--line)}
.nav-menu-heading-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:var(--bg);font-size:1.05rem}
.nav-menu-heading>span:last-child{display:grid;gap:.08rem;min-width:0}.nav-menu-heading b{overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:.88rem;white-space:nowrap}.nav-menu-heading small{color:var(--muted2);font-size:.68rem;font-weight:650}
.nav-menu-list{display:grid;gap:.12rem;min-width:0}
.nav-menu a{display:flex;align-items:center;justify-content:space-between;gap:.7rem;min-width:0;padding:.58rem .65rem;border-radius:10px;white-space:normal;line-height:1.28;border:1px solid transparent;transition:background .12s ease,border-color .12s ease,transform .12s ease}
.nav-menu a>span:first-child{min-width:0;overflow-wrap:anywhere}
.nav-menu a:hover,.nav-menu a:focus-visible{background:var(--bg);border-color:var(--line);color:var(--brand);outline:none;transform:translateX(2px)}
.nav-align-right>.nav-menu{left:auto;right:0}
.nav-dd-more{margin-left:auto}
.nav-mobile-categories{display:none}
.nav-dd-more>.nav-drop-btn{padding:.35rem .55rem;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
.nav-menu-mega{left:auto;right:0;grid-template-columns:repeat(3,minmax(210px,1fr))!important;width:min(780px,calc(100vw - 2rem));max-width:none;gap:.5rem!important;padding:.65rem}
#mainNav .nav-menu-mega.nav-menu-single{grid-template-columns:minmax(0,1fr)!important;width:min(380px,calc(100vw - 2rem))}
.nav-menu-mega>.nav-menu-heading,.nav-menu-mega>.nav-menu-search,.nav-menu-mega>.nav-menu-empty{grid-column:1/-1}
.nav-menu-search{position:sticky;top:55px;z-index:2;display:flex;align-items:center;gap:.45rem;min-width:0;padding:.42rem .55rem;border:1.5px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted2)}
.nav-menu-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}
.nav-menu-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:.82rem}
.nav-menu-empty{padding:.85rem;text-align:center;color:var(--muted2);font-size:.8rem}
.nav-menu-section{display:grid;align-content:start;gap:.25rem;min-width:0;padding:.35rem;border:1px solid var(--line);border-radius:11px;background:var(--bg)}
.nav-menu-section>b{display:flex;align-items:center;gap:.35rem;padding:.25rem .35rem;color:var(--ink);font-size:.72rem;text-transform:uppercase;letter-spacing:.035em}
.nav-menu-section>span{display:grid;gap:.05rem}
.nav-menu-section .nav-category-node>a{background:var(--panel)}
.nav-menu-section .nav-category-node>a:hover{background:#eff6ff}
.nav-admin-link{color:var(--brand2)!important}
.nav-count{flex:0 0 auto;min-width:26px;padding:.12rem .35rem;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--muted2);font-size:.68rem;font-weight:800;text-align:center}
.nav-category-node{display:grid;min-width:0}
.nav-category-node>a{width:100%}
.nav-category-children{display:grid;gap:.08rem;margin:.08rem .2rem .18rem .72rem;padding-left:.5rem;border-left:2px solid color-mix(in srgb,var(--brand) 18%,var(--line))}
.nav-category-children .nav-category-node>a{padding:.4rem .55rem;font-size:.8rem}
.nav-category-children .nav-category-children{margin-left:.55rem}
.nav-category-node.level-2>a,.nav-category-node.level-3>a,.nav-category-node.level-4>a,.nav-category-node.level-5>a{font-size:.76rem}.nav-category-node.level-3>a,.nav-category-node.level-4>a,.nav-category-node.level-5>a{color:var(--muted2)}
.menu-group-box{border:1.5px solid var(--line);border-radius:14px;padding:1rem;background:var(--bg);margin:.85rem 0}
.menu-cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.35rem .7rem;margin-top:.7rem}
.menu-cat-grid label{display:flex;gap:.45rem;align-items:flex-start;font-size:.82rem;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.45rem .55rem}
.menu-cat-grid small{color:var(--muted2)}
.nav-generated-icon{width:20px;height:20px;object-fit:contain;vertical-align:middle}
@media(prefers-reduced-motion:reduce){.nav-menu,.nav-menu a{animation:none!important;transition:none!important}}
@media(max-width:1050px) and (min-width:641px){
  .nav-row{gap:.5rem;font-size:.78rem}
  .nav-drop-btn{font-size:.78rem}
  .nav-home-link{font-size:0}
  .nav-home-link::before{content:"🏪 Sklep";font-size:.78rem}
  .nav-menu-mega{grid-template-columns:repeat(2,minmax(210px,1fr))!important;width:min(540px,calc(100vw - 2rem))}
}
@media(max-width:900px) and (min-width:641px){
  .nav-row{justify-content:flex-start;gap:.85rem;overflow:visible}
  .nav-row>.nav-dd:not(.nav-mobile-categories),.nav-row>.nav-category-direct{display:none}
  .nav-mobile-categories{display:inline-flex;order:0;margin-left:0}
  .nav-home-link{order:1}.nav-row>a[href="/promocje"]{order:2}.nav-row>a[href="/nowosci"]{order:3}
  .nav-admin-link{display:none!important}
  .nav-mobile-categories>.nav-menu-mega{left:0;right:auto;width:min(720px,calc(100vw - 2rem));grid-template-columns:repeat(2,minmax(210px,1fr))!important}
}

/* ── Hero ── */
.hero{max-width:1200px;margin:1.2rem auto 0;padding:0 1rem}
.hero-in{background:linear-gradient(120deg,#1e293b,#312e81 60%,#5b21b6);border-radius:22px;color:#fff;padding:2.6rem 2.2rem;position:relative;overflow:hidden}
.hero-in::after{content:"🛒";position:absolute;right:2rem;bottom:-1.2rem;font-size:9rem;opacity:.14;transform:rotate(-12deg)}
.hero h1{font-size:clamp(1.6rem,4vw,2.5rem);font-weight:800;letter-spacing:-.5px;max-width:560px}
.hero p{margin-top:.6rem;opacity:.85;max-width:520px}
.hero a{display:inline-block;margin-top:1.3rem;padding:.7rem 1.6rem;border-radius:12px;background:#fff;color:#1e293b;font-weight:700;text-decoration:none}
.hero a:hover{transform:translateY(-2px)}
.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}
.hero .hero-link-alt{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.45)}
.hero-eyebrow{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.8rem;padding:.3rem .7rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.4px}
.hero-meta{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.18);max-width:640px}
.hero-meta b{display:block;font-size:1.05rem}
.hero-meta small{display:block;opacity:.72;font-size:.76rem}

/* ── Kategorie / sortowanie ── */
.toolbar{max-width:1200px;margin:1.4rem auto .4rem;padding:0 1rem;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.chip{padding:.45rem 1rem;border-radius:999px;border:1.5px solid var(--line);background:var(--panel);font-size:.9rem;font-weight:600;color:var(--muted2);transition:.15s}
.chip:hover{border-color:var(--brand);color:var(--brand)}
.chip.active{background:var(--ink);border-color:var(--ink);color:#fff}
.toolbar select{margin-left:auto;padding:.45rem .8rem;border-radius:10px;border:1.5px solid var(--line);background:var(--panel);font-size:.9rem;outline:none}
.catalog-tools{max-width:1200px;margin:.55rem auto .3rem;padding:0 1rem}
.advanced-search{background:var(--panel);border:1.5px solid var(--line);border-radius:14px;padding:.8rem;box-shadow:var(--shadow)}
.advanced-search summary{cursor:pointer;font-weight:750;color:var(--ink)}
.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:.65rem;margin-top:.75rem}
.filter-grid label{font-size:.72rem;color:var(--muted2);font-weight:750}
.filter-grid input,.filter-grid select{width:100%;margin-top:.2rem;padding:.45rem .55rem;border:1.5px solid var(--line);border-radius:9px;background:var(--panel)}
.results-bar{max-width:1200px;margin:.65rem auto 0;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;gap:.7rem;flex-wrap:wrap;color:var(--muted2);font-size:.82rem}
.results-bar select{padding:.35rem .55rem;border:1.5px solid var(--line);border-radius:9px;background:var(--panel)}
.pagination{display:flex;align-items:center;justify-content:center;gap:.3rem;flex-wrap:wrap;margin:1rem auto 2rem;padding:0 1rem}
.page-btn{min-width:36px;height:36px;padding:0 .55rem;border:1.5px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted2);font-weight:750;cursor:pointer}
.page-btn:hover{border-color:var(--brand);color:var(--brand)}
.page-btn.active{background:var(--ink);border-color:var(--ink);color:#fff}
.page-btn:disabled{opacity:.4;cursor:not-allowed}
.trash-expiry{font-size:.74rem;color:var(--muted2);white-space:nowrap}
.trash-expiry.soon{color:var(--danger);font-weight:750}
.import-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.import-box{border:1.5px solid var(--line);border-radius:14px;padding:1rem;background:var(--panel)}
.import-box textarea{width:100%;min-height:130px;resize:vertical;border:1.5px solid var(--line);border-radius:10px;padding:.65rem;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}
.import-summary{display:flex;gap:.6rem;flex-wrap:wrap;margin:.7rem 0}
.import-summary span{padding:.35rem .6rem;border:1px solid var(--line);border-radius:999px;font-size:.78rem;font-weight:700}
.import-errors{max-height:180px;overflow:auto;font-size:.8rem;border:1px solid var(--line);border-radius:10px;padding:.6rem;margin:.6rem 0}
@media(max-width:820px){.import-grid{grid-template-columns:1fr}}

/* ── Siatka produktów ── */
.grid{max-width:1200px;margin:.8rem auto 2.5rem;padding:0 1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-min),1fr));gap:1.1rem}
.card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:.18s;cursor:pointer}
.card:hover{transform:translateY(-4px);box-shadow:0 10px 32px rgba(21,26,36,.12)}
.thumb{height:160px;display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative}
.badge{position:absolute;top:10px;left:10px;padding:.2rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;color:#fff;background:var(--danger)}
.badge.new{background:var(--ok)}
.fav-btn{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;border:none;background:rgba(255,255,255,.85);font-size:1rem;display:flex;align-items:center;justify-content:center;transition:.15s}
.fav-btn:hover{transform:scale(1.15)}
.card-body{padding:1rem;display:flex;flex-direction:column;flex:1}
.cat-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--brand)}
.card h3{font-size:1rem;margin:.25rem 0 .35rem;font-weight:700}
.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px}.card h3 a:focus-visible{border-radius:4px;outline:3px solid color-mix(in srgb,var(--brand) 24%,transparent)}
.card .desc{font-size:.84rem;color:var(--muted2);flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:4.9em;max-height:4.9em}
.price-row{display:flex;align-items:baseline;gap:.5rem;margin:.7rem 0 .6rem}
.price{font-size:1.25rem;font-weight:800}
.old-price{font-size:.85rem;color:var(--muted2);text-decoration:line-through}
.add-btn{width:100%;padding:.6rem;border:none;border-radius:11px;background:var(--brand);color:#fff;font-weight:700;font-size:.92rem;transition:.15s}
.add-btn:hover{background:#1d4ed8}
.add-btn.added{background:var(--ok)}
.card-purchase{display:grid;grid-template-columns:108px minmax(0,1fr);gap:.45rem;align-items:stretch;margin-top:auto}
.card-quantity{display:grid;grid-template-columns:32px minmax(38px,1fr) 32px;align-items:stretch;border:1.5px solid var(--line);border-radius:11px;background:var(--panel);overflow:hidden}
.card-quantity button{border:0;background:var(--bg);color:var(--ink);font-size:1rem;font-weight:850;cursor:pointer}
.card-quantity button:hover{background:#e8eef7;color:var(--brand)}
.card-quantity input{min-width:0;width:100%;padding:.35rem .1rem;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:.82rem;font-weight:850;text-align:center;appearance:textfield}
.card-quantity input::-webkit-inner-spin-button,.card-quantity input::-webkit-outer-spin-button{margin:0;appearance:none}
.empty{grid-column:1/-1;text-align:center;padding:3rem;color:var(--muted2)}
@media(max-width:560px){.card-purchase{grid-template-columns:116px minmax(0,1fr);gap:.4rem}.card-quantity{grid-template-columns:36px minmax(40px,1fr) 36px;min-height:44px}.card-quantity button{min-width:36px;min-height:44px}.card-quantity input{font-size:.8rem}}

/* ── Zalety ── */
.perks{max-width:1200px;margin:0 auto 2.5rem;padding:0 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.perk{background:var(--panel);border-radius:var(--radius);padding:1.1rem;display:flex;gap:.8rem;align-items:center;box-shadow:var(--shadow)}
.perk .ico{font-size:1.7rem}
.perk b{display:block;font-size:.92rem}
.perk small{color:var(--muted2)}

/* ── Rozbudowana strona główna ── */
.home-section{max-width:1200px;margin:2.7rem auto;padding:0 1rem}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.1rem}
.section-head h2{font-size:clamp(1.35rem,2.5vw,1.8rem);letter-spacing:-.3px}
.section-head p{color:var(--muted2);font-size:.92rem;max-width:600px;margin-top:.25rem}
.section-head a{font-size:.9rem;font-weight:700;text-decoration:none;white-space:nowrap}
.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:1rem}
.category-tile{background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius);padding:1.2rem;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:.18s;min-height:160px;display:flex;flex-direction:column}
.category-tile:hover{transform:translateY(-4px);border-color:var(--brand)}
.category-ico{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--bg);font-size:1.8rem;margin-bottom:1rem}
.category-ico img{width:48px;height:48px;object-fit:contain}.offer-band-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:13px;background:rgba(255,255,255,.14);font-size:1.55rem}.offer-band-in>div>small{display:block;margin-bottom:.25rem;font-size:.66rem;font-weight:900;letter-spacing:.08em;opacity:.85}.managed-banner.anim-lagodna{animation:bannerStudioFade .45s ease both}.managed-banner.anim-przesuniecie{animation:bannerStudioSlide .45s ease both}@keyframes bannerStudioFade{from{opacity:0}to{opacity:1}}@keyframes bannerStudioSlide{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.category-tile b{font-size:1rem}
.category-tile p{font-size:.8rem;color:var(--muted2);margin:.25rem 0 .7rem;flex:1}
.category-tile small{font-weight:700;color:var(--brand)}
.catalog-head{max-width:1200px;margin:2.7rem auto 0;padding:0 1rem}
.catalog-head .section-head{margin-bottom:0}
.offer-band{max-width:1200px;margin:0 auto 2.7rem;padding:0 1rem}
.offer-band-in{background:linear-gradient(120deg,#1e293b,#312e81 60%,#5b21b6);color:#fff;border-radius:20px;padding:1.7rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;position:relative;overflow:hidden}
.offer-band-in::after{content:"🎁";position:absolute;right:18%;font-size:5.5rem;opacity:.12;transform:rotate(10deg)}
.offer-band h2{font-size:1.35rem}
.offer-band p{font-size:.88rem;opacity:.8;margin-top:.25rem}
.offer-band a{background:#fff;color:#1e293b;text-decoration:none;padding:.7rem 1.3rem;border-radius:11px;font-weight:800;white-space:nowrap;z-index:1}
@media(max-width:680px){.offer-band-ukryty{display:none}.offer-band-in{padding:1.1rem;align-items:flex-start;flex-wrap:wrap}.offer-band-icon{width:40px;height:40px;flex-basis:40px}.offer-band-kompaktowy .offer-band-in>div{flex:1;min-width:180px}.offer-band-kompaktowy p{display:none}}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.step{background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius);padding:1.25rem;position:relative}
.step-no{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;font-weight:800;margin-bottom:.9rem}
.step b{display:block;margin-bottom:.25rem}
.step p{color:var(--muted2);font-size:.84rem}
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem}
.about-card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.6rem}
.about-card h2{font-size:1.45rem;margin-bottom:.5rem}
.about-card>p{color:var(--muted2);font-size:.92rem}
.check-list{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.2rem}
.check-item{display:flex;gap:.55rem;align-items:flex-start;font-size:.87rem}
.check-item span{color:var(--ok);font-weight:800}
.support-card{background:linear-gradient(120deg,#1e293b,#312e81 60%,#5b21b6);color:#fff;border-radius:var(--radius);padding:1.6rem;display:flex;flex-direction:column;justify-content:space-between;min-height:250px}
.support-card p{opacity:.8;font-size:.9rem;margin:.4rem 0 1.1rem}
.support-card a{align-self:flex-start;background:#fff;color:#1e293b;text-decoration:none;padding:.65rem 1.1rem;border-radius:10px;font-weight:800}
.faq-list{display:grid;gap:.65rem}
.faq-list details{background:var(--panel);border:1.5px solid var(--line);border-radius:13px;padding:.9rem 1rem}
.faq-list details[open]{border-color:var(--brand)}
.faq-list summary{cursor:pointer;font-weight:700;padding-right:1.5rem}
.faq-list details p{color:var(--muted2);font-size:.88rem;margin-top:.65rem}
.contact-strip{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.2rem}
.contact-strip p{color:var(--muted2);font-size:.9rem;margin-top:.25rem}
.contact-strip-actions{display:flex;gap:.6rem;flex-wrap:wrap}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem;margin:1.1rem 0}
.info-card{background:var(--bg);border:1.5px solid var(--line);border-radius:13px;padding:1rem}
.info-card b{display:block;margin:.35rem 0 .2rem}
.info-card p{font-size:.84rem;color:var(--muted2)}
.prod-extra{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.prod-extra .info-card{background:var(--panel)}
.contact-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem;align-items:start}
.contact-side{display:grid;gap:.8rem}
.contact-side .info-card{background:var(--panel);box-shadow:var(--shadow)}

/* ── Banery zarządzane z panelu ── */
.managed-banners{max-width:var(--content);margin:1.2rem auto 0;padding:0 1rem;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;align-items:stretch}
.managed-banner-shell{position:relative;grid-column:span 6;min-width:0}.managed-banner-shell.banner-width-pelna{grid-column:span 12}.managed-banner-shell.banner-width-dwie-trzecie{grid-column:span 8}.managed-banner-shell.banner-width-polowa{grid-column:span 6}.managed-banner-shell.banner-width-jedna-trzecia{grid-column:span 4}
.managed-banner{width:100%;height:100%;background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius);padding:1.2rem;display:flex;gap:1rem;align-items:center;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:.18s;min-height:125px;background-position:center;background-size:cover}
.managed-banner:hover{transform:translateY(-3px);border-color:var(--brand)}
.managed-banner .banner-icon{width:54px;height:54px;border-radius:14px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}
.managed-banner h3{font-size:1rem;margin-bottom:.2rem}
.managed-banner p{font-size:.8rem;color:var(--muted2);margin-bottom:.35rem}
.managed-banner small{font-size:.78rem;color:var(--brand);font-weight:800}
.managed-banner-badge{display:inline-flex;padding:.2rem .38rem;border-radius:6px;background:rgba(37,99,235,.12);color:var(--brand);font-size:.62rem;font-style:normal;font-weight:900;letter-spacing:.08em;margin-bottom:.28rem}
.managed-banner-shell.banner-height-pasek .managed-banner{min-height:56px;padding:.55rem 1rem}.managed-banner-shell.banner-height-pasek h3{font-size:.92rem;margin:0}.managed-banner-shell.banner-height-pasek p{display:inline;margin:0 .7rem}.managed-banner-shell.banner-height-pasek .managed-banner>span:last-child{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.managed-banner-shell.banner-height-pasek .banner-icon{width:38px;height:38px;font-size:1.25rem}.managed-banner-shell.banner-height-niski .managed-banner{min-height:96px;padding:.85rem 1rem}.managed-banner-shell.banner-height-standard .managed-banner{min-height:160px}.managed-banner-shell.banner-height-wysoki .managed-banner{min-height:260px;padding:1.75rem}.managed-banner-shell.banner-height-xl .managed-banner{min-height:380px;padding:2.25rem}.managed-banner-shell.banner-height-xxl .managed-banner{min-height:520px;padding:2.75rem}.managed-banner-shell:is(.banner-height-wysoki,.banner-height-xl,.banner-height-xxl) h3{font-size:clamp(1.45rem,2.7vw,2.35rem)}.managed-banner-shell:is(.banner-height-wysoki,.banner-height-xl,.banner-height-xxl) p{max-width:680px;font-size:clamp(.9rem,1.3vw,1.05rem)}
.managed-banner-shell.banner-type-pasek-okazji .managed-banner{border-radius:10px}.managed-banner-shell.banner-type-hero .managed-banner{border-width:2px}.managed-banner-shell.banner-type-komunikat .managed-banner{box-shadow:none}.managed-banner.banner-wyrozniony{border-width:2px;border-color:var(--brand)}.managed-banner.banner-informacyjny{background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.managed-banner.banner-minimalny{box-shadow:none;border-style:dashed}.managed-banner.align-srodek{text-align:center;justify-content:center}.managed-banner.audience-mobile{display:none}
.banner-placement-nad-hero{max-width:none;margin:0;padding:0;gap:0}.banner-placement-nad-hero .managed-banner-shell.banner-width-pelna .managed-banner{border-left:0;border-right:0;border-radius:0}.managed-banner-shell.is-sticky{position:sticky;top:var(--header-h,0);z-index:45}.managed-banner-close{position:absolute;z-index:3;right:.55rem;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(15,23,42,.16);border-radius:50%;background:rgba(255,255,255,.88);color:#111827;font-size:1.2rem;line-height:1;cursor:pointer}.managed-banner-close:hover{background:#fff}
.home-department-picker{max-width:var(--content);margin:1rem auto 0;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.home-department-picker>span{display:block;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted2);margin-bottom:.65rem}.home-category-chips{display:flex;flex-wrap:wrap;gap:.55rem}
@media(max-width:900px){.managed-banner-shell.banner-width-dwie-trzecie,.managed-banner-shell.banner-width-jedna-trzecia{grid-column:span 6}}
@media(max-width:700px){.managed-banners{grid-template-columns:minmax(0,1fr);padding-inline:.7rem;gap:.7rem}.managed-banner-shell,.managed-banner-shell.banner-width-pelna,.managed-banner-shell.banner-width-dwie-trzecie,.managed-banner-shell.banner-width-polowa,.managed-banner-shell.banner-width-jedna-trzecia{grid-column:1/-1!important;width:100%;max-width:100%}.managed-banner.audience-desktop{display:none}.managed-banner.audience-mobile{display:flex}.managed-banner-shell.banner-mobile-ukryty{display:none}.managed-banner-shell.banner-mobile-bez-obrazu .managed-banner{background-image:none!important;color:var(--ink)}.managed-banner-shell.banner-mobile-kompaktowy .managed-banner{min-height:86px!important;padding:.75rem}.managed-banner-shell.banner-mobile-kompaktowy h3{font-size:.95rem!important}.managed-banner-shell.banner-mobile-kompaktowy p{font-size:.75rem!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.managed-banner-shell.banner-mobile-kompaktowy .banner-icon{width:40px;height:40px;font-size:1.25rem}.managed-banner-content{width:100%!important;max-width:100%!important}.managed-banner-actions{align-items:stretch}.managed-banner-actions>*{max-width:100%}.banner-placement-nad-hero{padding:0}.banner-placement-nad-hero .managed-banner{border-radius:0}}

/* ── Zaawansowane ustawienia układu ── */
.header-in,.nav-row,.hero,.toolbar,.grid,.perks,.home-section,.catalog-head,.offer-band,.foot-in,.admin-page{max-width:var(--content)}
body.header-static header{position:relative}
body[data-density="compact"] .grid{gap:.75rem}
body[data-density="compact"] .thumb{height:135px}
body[data-density="compact"] .card-body{padding:.8rem}
body[data-density="comfortable"] .grid{gap:1.35rem}
body[data-density="comfortable"] .thumb{height:185px}
body.hide-home-categories .home-categories,
body.hide-home-steps .home-steps,
body.hide-home-about .home-about,
body.hide-home-faq .home-faq,
body.hide-home-contact .home-contact{display:none}
.page.page-compact{max-width:800px}
.page.page-standard{max-width:1000px}
.page.page-wide{max-width:var(--content)}
.page.page-plain>.panel{box-shadow:none;border:1.5px solid var(--line)}
.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.8rem}
.setting-box{background:var(--bg);border:1.5px solid var(--line);border-radius:13px;padding:1rem}
.setting-box h3{font-size:.95rem;margin-bottom:.55rem}
.admin-banner{border:1.5px solid var(--line);border-radius:14px;padding:1rem;margin:.8rem 0;background:var(--bg)}
.admin-banner-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.7rem}

/* ── Diagnostyka zaawansowana ── */
.health-card{background:linear-gradient(120deg,#1e293b,#312e81 60%,#5b21b6);color:#fff;border-radius:18px;padding:1.4rem;display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:center}
.health-score{width:94px;height:94px;border-radius:50%;border:8px solid rgba(255,255,255,.24);display:flex;align-items:center;justify-content:center;font-size:1.55rem;font-weight:900}
.health-card p{opacity:.78;font-size:.86rem;margin-top:.25rem}
.health-bar{height:8px;background:rgba(255,255,255,.2);border-radius:999px;overflow:hidden;margin-top:.8rem}
.health-bar span{height:100%;display:block;background:#fff;border-radius:inherit}
.diag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem;margin:1rem 0}
.diag-card{background:var(--bg);border:1.5px solid var(--line);border-radius:13px;padding:1rem}
.diag-card b{display:block;font-size:1.15rem}
.diag-card small{color:var(--muted2)}
.test-list{display:grid;gap:.45rem;margin-top:.7rem}
.test-row{display:grid;grid-template-columns:28px 1fr auto;gap:.55rem;align-items:start;padding:.65rem .75rem;background:var(--bg);border-radius:10px;font-size:.84rem}
.test-row small{color:var(--muted2);display:block;margin-top:.15rem}
.diagnostic-agent-state{display:inline-flex;align-items:center;gap:.3rem;margin-top:.45rem;padding:.22rem .5rem;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,var(--card));color:var(--accent);font-size:.7rem;font-weight:800;line-height:1.2}
.diagnostic-agent-state.ready{border-color:color-mix(in srgb,#168553 30%,transparent);background:color-mix(in srgb,#168553 8%,var(--card));color:#168553}
.diagnostic-agent-state.failed{border-color:color-mix(in srgb,#c56a09 32%,transparent);background:color-mix(in srgb,#c56a09 8%,var(--card));color:#a95705}
.test-status{font-weight:800;font-size:.75rem}
.test-status.ok{color:var(--ok)}
.test-status.warn{color:#b45309}
.test-status.bad{color:var(--danger)}
.diag-toolbar{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;margin:.8rem 0}
.diag-toolbar input,.diag-toolbar select{padding:.45rem .7rem;border:1.5px solid var(--line);border-radius:9px;background:var(--panel)}
.storage-bar{height:9px;background:var(--line);border-radius:999px;overflow:hidden;margin:.5rem 0}
.storage-bar span{height:100%;display:block;background:var(--brand);border-radius:inherit}
.category-branch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.55rem;margin:0 0 1rem}.category-branch-grid>a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:.65rem;align-items:center;padding:.75rem;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--ink);text-decoration:none}.category-branch-grid>a:hover{border-color:var(--brand);box-shadow:0 5px 16px rgba(37,99,235,.08)}.category-branch-grid>a>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--bg)}.category-branch-grid>a>div{display:grid;gap:.12rem}.category-branch-grid b{font-size:.82rem}.category-branch-grid small{color:var(--muted2);font-size:.67rem}.category-branch-grid i{color:var(--brand);font-style:normal;font-weight:900}

/* ── Podstrony ── */
.page{max-width:1000px;margin:1.6rem auto 2.5rem;padding:0 1rem}
.panel{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.7rem}
.panel h1{font-size:1.5rem;margin-bottom:.9rem}
.panel h2{font-size:1.1rem;margin:1.1rem 0 .4rem}
.panel p,.panel li{font-size:.93rem;color:var(--muted2)}
.panel ul{padding-left:1.2rem;margin:.4rem 0}
.crumb{font-size:.83rem;color:var(--muted2);margin-bottom:.8rem}
.crumb a{text-decoration:none;color:var(--brand)}
.auth-box{max-width:430px;margin:0 auto}
.auth-alt{text-align:center;font-size:.88rem;margin-top:1rem;color:var(--muted2)}
.form-err{background:#fee2e2;color:var(--danger);border-radius:10px;padding:.6rem .9rem;font-size:.87rem;margin-bottom:.8rem;font-weight:600}
.form-ok{background:#dcfce7;color:var(--ok);border-radius:10px;padding:.6rem .9rem;font-size:.87rem;margin-bottom:.8rem;font-weight:600}

/* ── Strona produktu ── */
.prod-detail{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:2rem;align-items:start}
.prod-thumb{border-radius:18px;height:300px;display:flex;align-items:center;justify-content:center;font-size:7rem;position:relative;overflow:hidden}
.prod-thumb img{width:100%;height:100%;object-fit:cover}
.qty-big{display:flex;align-items:center;gap:.7rem;margin:1rem 0}
.qty-big button{width:44px;height:44px;border-radius:10px;border:1.5px solid var(--line);background:var(--panel);font-size:1.1rem;font-weight:700}
.qty-big input{width:72px;height:44px;padding:.3rem .4rem;border:1.5px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font:inherit;font-size:1rem;font-weight:850;text-align:center}
.product-detail-quantity{display:block;margin-top:.85rem;color:var(--muted2);font-size:.76rem;font-weight:800}
.related-h{max-width:1000px;margin:1.6rem auto .2rem;padding:0 1rem;font-size:1.15rem}
@media(max-width:640px){.prod-detail{grid-template-columns:1fr}}

/* ── Konto / zamówienia ── */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem;margin:1rem 0}
.stat{background:var(--bg);border-radius:12px;padding:.9rem;text-align:center}
.stat b{font-size:1.5rem;display:block}
.stat small{color:var(--muted2)}
.order-box{border:1.5px solid var(--line);border-radius:12px;padding:.9rem 1rem;margin-bottom:.8rem}
.order-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.4rem;font-size:.9rem;margin-bottom:.4rem}
.status-chip{padding:.15rem .7rem;border-radius:999px;font-size:.75rem;font-weight:700;background:#dbeafe;color:var(--brand)}
.order-lines{font-size:.85rem;color:var(--muted2)}
.orders-page{overflow:hidden}
.orders-channel-switch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:8px;border:1px solid #dbe3ee;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(15,23,42,.045)}
.orders-channel-switch a{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid transparent;border-radius:12px;color:#475569;text-decoration:none;transition:.16s ease}
.orders-channel-switch a:hover{border-color:#bfdbfe;background:#f8fbff;transform:translateY(-1px)}
.orders-channel-switch a.active{border-color:#93c5fd;background:linear-gradient(135deg,#eff6ff,#eef2ff);color:#1d4ed8;box-shadow:inset 0 0 0 1px rgba(37,99,235,.08)}
.orders-channel-switch a>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#f1f5f9;font-size:1rem}
.orders-channel-switch a.active>span{background:#dbeafe}.orders-channel-switch b,.orders-channel-switch small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-channel-switch b{font-size:.75rem}.orders-channel-switch small{margin-top:2px;color:#64748b;font-size:.58rem}
.channel-orders-page{min-width:0}.channel-orders-hero{position:relative;overflow:hidden;border:0!important;background:linear-gradient(125deg,#0f172a 0%,#172554 52%,#1d4ed8 100%)!important;color:#fff!important;box-shadow:0 18px 42px rgba(30,64,175,.2)}
.channel-orders-hero:after{content:"";position:absolute;right:-80px;top:-100px;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 68%);pointer-events:none}
.channel-orders-hero>*,.channel-orders-hero .order-section-head{position:relative;z-index:1}.channel-orders-hero h1,.channel-orders-hero h2,.channel-orders-hero p,.channel-orders-hero .order-detail-lead{color:#fff!important}.channel-orders-hero .order-pro-label{color:#bfdbfe}.channel-orders-hero .btn{border-color:rgba(255,255,255,.34)}.channel-orders-hero .btn.ghost{background:rgba(255,255,255,.1);color:#fff}.channel-orders-hero .btn.ghost:hover{background:#fff;color:#1d4ed8}
.channel-orders-store{padding:14px}.channel-orders-store>.orders-stat-grid{margin:14px 0}.channel-orders-store .order-stat-card{min-height:96px;background:#fff}.channel-orders-store .orders-status-strip{padding:6px;border:1px solid #dbe3ee;border-radius:14px;background:#f8fafc}.channel-orders-store .orders-list{margin-top:10px}.channel-orders-store .order-pro-card{position:relative;overflow:hidden;padding:0;border-radius:16px;box-shadow:none}.channel-orders-store .order-pro-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#2563eb}.channel-orders-store .order-pro-top{padding:13px 14px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.channel-orders-store .order-pro-grid{margin:0;padding:12px 14px}.channel-orders-store .order-pro-bottom{padding:11px 14px;border-top:1px solid #e2e8f0;background:#fbfdff}
.orders-hero{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem;padding:1.1rem;border:1.5px solid var(--line);border-radius:18px;background:linear-gradient(120deg,#f8fafc,#eff6ff)}
.orders-hero h1{margin:.15rem 0 .25rem;font-size:1.8rem}
.orders-hero p{max-width:620px}
.orders-command-hero{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:15px!important;width:100%;min-width:0;margin:0 0 14px;padding:18px 20px!important;border-radius:19px!important;isolation:isolate}.orders-command-head{position:relative;z-index:1;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;min-width:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.orders-command-heading{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:11px;min-width:0}.orders-command-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#ffcc00;color:#2d2600;font-size:1.25rem;box-shadow:0 7px 20px rgba(15,23,42,.15)}.orders-command-heading>div{min-width:0}.orders-command-heading small{display:block;color:#bfdbfe!important;font-size:.64rem;font-weight:950;letter-spacing:.075em;text-transform:uppercase}.orders-command-heading h2{margin:3px 0!important;color:#fff!important;font-size:clamp(1.08rem,2vw,1.35rem)!important;line-height:1.2;overflow-wrap:anywhere}.orders-command-heading p{max-width:720px;margin:0!important;color:#dbeafe!important;font-size:.72rem;line-height:1.45}.orders-command-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;flex:0 0 auto}.orders-command-actions .btn{min-height:40px;white-space:nowrap}.orders-command-metrics{position:relative;z-index:1;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr))!important;gap:8px!important;min-width:0}.orders-command-metric{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;gap:2px 9px!important;min-width:0!important;min-height:76px!important;padding:10px 11px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:13px!important;background:rgba(255,255,255,.1)!important;color:#fff!important;text-align:left!important;box-shadow:none!important}.orders-command-metric:is(button){font:inherit;cursor:pointer;transition:transform .16s ease,background .16s ease}.orders-command-metric:is(button):hover{transform:translateY(-2px);background:rgba(255,255,255,.17)!important}.orders-command-metric>span{grid-row:1/3!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:10px!important;background:rgba(255,255,255,.16)!important;color:#fff!important;font-size:.9rem!important;font-weight:900}.orders-command-metric>div{min-width:0}.orders-command-metric b,.orders-command-metric small,.orders-command-metric em{display:block!important;color:#fff!important}.orders-command-metric b{font-size:1.1rem!important;line-height:1!important;overflow-wrap:anywhere}.orders-command-metric small{margin-top:3px;color:#e2e8f0!important;font-size:.63rem!important;font-weight:850!important}.orders-command-metric em{grid-column:1/-1!important;margin-top:3px!important;color:#bfdbfe!important;font-size:.56rem!important;font-style:normal!important}.orders-command-metric.is-attention{border-color:rgba(253,224,71,.62)!important;background:rgba(146,64,14,.34)!important}.orders-command-metric.is-danger{border-color:rgba(254,202,202,.7)!important;background:rgba(153,27,27,.34)!important}.orders-command-metric.is-ready,.orders-command-metric.is-done{border-color:rgba(187,247,208,.55)!important;background:rgba(22,101,52,.34)!important}.orders-command-metric.is-transit{border-color:rgba(191,219,254,.58)!important;background:rgba(29,78,216,.35)!important}
.orders-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:.75rem;margin:1rem 0}
.order-stat-card{border:1.5px solid var(--line);border-radius:15px;padding:.85rem;background:var(--bg);display:grid;gap:.1rem;min-height:112px}
.order-stat-card span{font-size:1.3rem}
.order-stat-card b{font-size:1.45rem;color:var(--ink)}
.order-stat-card small{color:var(--muted2);font-weight:750}
.order-stat-card.hot{background:#fff7ed;border-color:#fed7aa}
.order-stat-card.money{background:#ecfdf5;border-color:#bbf7d0}
.orders-toolbar{display:flex;gap:.65rem;flex-wrap:wrap;margin:.9rem 0}
.orders-toolbar input{flex:1;min-width:260px}
.orders-toolbar input,.orders-toolbar select,.order-pro-right select{padding:.55rem .75rem;border:1.5px solid var(--line);border-radius:11px;background:var(--panel);font-weight:650;color:var(--ink)}
.orders-status-strip{display:flex;gap:.45rem;overflow:auto;padding:.25rem 0 .8rem;margin-bottom:.2rem}
.orders-status-strip button{border:1.5px solid var(--line);background:var(--panel);color:var(--muted2);border-radius:999px;padding:.42rem .7rem;font-weight:800;white-space:nowrap;cursor:pointer}
.orders-status-strip button.active{background:var(--ink);border-color:var(--ink);color:#fff}
.orders-status-strip b{margin-left:.25rem}
.orders-list{display:grid;gap:.85rem}
.order-pro-card{border:1.5px solid var(--line);border-radius:18px;background:var(--panel);padding:1rem;box-shadow:0 10px 26px rgba(15,23,42,.045)}
.order-pro-card.is-selected{border-color:var(--brand);box-shadow:0 0 0 2px rgba(37,99,235,.14),0 10px 26px rgba(15,23,42,.06)}
.order-pro-top,.order-pro-bottom{display:flex;justify-content:space-between;gap:.85rem;align-items:flex-start;flex-wrap:wrap}
.order-pro-title-row{display:flex;align-items:flex-start;gap:.65rem;min-width:0}.order-bulk-check{display:grid;place-items:center;width:30px;height:30px;border:1.5px solid var(--line);border-radius:9px;background:var(--bg);cursor:pointer;flex:0 0 30px}.order-bulk-check input{width:18px;height:18px;accent-color:var(--brand);cursor:pointer}
.order-pro-number{font-size:1.05rem;font-weight:900;color:var(--ink);text-decoration:none}
.order-pro-number:hover{color:var(--brand)}
.order-pro-muted{color:var(--muted2);font-size:.82rem;margin-top:.15rem}
.order-pro-right{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.order-pro-right b{font-size:1.15rem}
.order-pro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:.9rem 0}
.order-pro-section{background:var(--bg);border:1px solid var(--line);border-radius:13px;padding:.75rem;min-width:0}
.order-pro-label{display:inline-flex;align-items:center;gap:.25rem;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;color:var(--muted2);font-weight:900}
.order-pro-section p{margin-top:.35rem;font-size:.84rem;line-height:1.45;color:var(--ink)}
.order-pro-costs{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center}
.order-pro-costs span{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:.3rem .55rem;font-size:.78rem;color:var(--muted2)}
.order-pro-costs b{color:var(--ink)}
.order-empty{border:1.5px dashed var(--line);border-radius:16px;padding:1.4rem;text-align:center;color:var(--muted2);background:var(--bg)}
.order-bulk-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.3rem 0 1rem;padding:.75rem .85rem;border:1.5px solid var(--line);border-radius:15px;background:var(--bg)}
.order-bulk-summary{display:grid;gap:.08rem;margin-right:auto}.order-bulk-summary small{color:var(--muted2)}
.order-bulk-toolbar .btn{padding:.45rem .65rem;font-size:.8rem}.order-bulk-toolbar .btn:disabled{opacity:.45;cursor:not-allowed}
.order-bulk-status{display:flex;align-items:center;gap:.4rem;padding-left:.5rem;border-left:1px solid var(--line)}.order-bulk-status label{font-size:.72rem;font-weight:850;color:var(--muted2)}.order-bulk-status select{min-height:38px;max-width:210px;padding:.42rem .55rem;border:1.5px solid var(--line);border-radius:10px;background:var(--panel);font:inherit;font-size:.8rem}
.order-detail-page{overflow:hidden}
.order-detail-hero{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1.15rem;border:1.5px solid var(--line);border-radius:18px;background:linear-gradient(120deg,#f8fafc,#eff6ff);margin-bottom:1rem}
.order-detail-hero h1{font-size:1.9rem;margin:.15rem 0 .25rem}
.order-detail-total{min-width:210px;text-align:right;background:var(--panel);border:1.5px solid var(--line);border-radius:16px;padding:.85rem 1rem}
.order-detail-total small{display:block;color:var(--muted2);font-weight:800;text-transform:uppercase;font-size:.68rem;letter-spacing:.04em}
.order-detail-total b{display:block;font-size:1.55rem;color:var(--ink)}
.order-detail-total span{font-size:.78rem;color:var(--muted2)}
.order-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0}
.order-detail-tile{background:var(--bg);border:1.5px solid var(--line);border-radius:15px;padding:.85rem;min-height:118px;display:grid;align-content:start;gap:.18rem}
.order-detail-tile span{font-size:.78rem;color:var(--muted2);font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.order-detail-tile b{font-size:1rem;color:var(--ink);overflow-wrap:anywhere}
.order-detail-tile small{color:var(--muted2);line-height:1.4}
.order-detail-columns{display:grid;grid-template-columns:1.25fr .75fr;gap:1rem;align-items:start}
.order-detail-card{border:1.5px solid var(--line);border-radius:16px;background:var(--panel);padding:1rem}
.order-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;flex-wrap:wrap;margin-bottom:.65rem}
.order-section-head h2{margin:.1rem 0 0}
.order-items-pro{display:grid;gap:.55rem}
.order-item-pro{display:grid;grid-template-columns:1fr auto auto;gap:.7rem;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.65rem .75rem}
.order-item-pro small{display:block;color:var(--muted2);font-size:.75rem;margin-top:.12rem}
.order-item-pro span{color:var(--muted2);font-weight:750;white-space:nowrap}
.order-item-pro strong{white-space:nowrap}
.order-status-flow{display:flex;gap:.45rem;flex-wrap:wrap}
.order-status-flow button{border:1.5px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted2);font-weight:850;padding:.45rem .7rem;cursor:pointer}
.order-status-flow button.active{background:var(--ink);border-color:var(--ink);color:#fff}
.order-status-flow span{margin-right:.25rem}
.order-fulfillment-panel{border:2px solid #ffcc00}
.order-detail-lead{margin:-.2rem 0 .5rem;color:var(--muted2)}
.order-form-pro .f-sekcja{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.55rem .75rem;margin:1rem 0 .75rem}
@media(max-width:980px){.order-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.orders-hero{flex-direction:column}.orders-command-head{align-items:stretch;flex-direction:column}.orders-command-actions{justify-content:flex-start}}
@media(max-width:760px){.orders-channel-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-orders-store{padding:9px}.channel-orders-store .order-pro-grid{padding:10px}}
@media(max-width:430px){.orders-channel-switch{grid-template-columns:1fr}.orders-channel-switch a{padding:7px 9px}.orders-channel-switch a>span{width:32px;height:32px}}
@media(max-width:980px){.order-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-detail-columns{grid-template-columns:1fr}.order-detail-hero{flex-direction:column}.order-detail-total{text-align:left;width:100%}}
@media(max-width:640px){.order-pro-grid,.order-detail-grid{grid-template-columns:1fr}.order-pro-right{justify-content:flex-start}.orders-toolbar input{min-width:100%}.order-item-pro{grid-template-columns:1fr}.order-detail-hero h1{font-size:1.45rem}.order-bulk-toolbar>*{width:100%}.order-bulk-status{border-left:0;border-top:1px solid var(--line);padding:.65rem 0 0;display:grid;grid-template-columns:1fr}.order-bulk-status select{max-width:none;width:100%}.orders-command-hero{padding:14px!important}.orders-command-heading{grid-template-columns:40px minmax(0,1fr)}.orders-command-icon{width:40px;height:40px}.orders-command-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.orders-command-actions .btn{width:100%;text-align:center}.orders-command-metrics{grid-template-columns:1fr 1fr!important}}
@media(max-width:420px){.orders-command-actions,.orders-command-metrics{grid-template-columns:1fr!important}}
.btn{display:inline-block;padding:.6rem 1.3rem;border:none;border-radius:11px;background:var(--brand);color:#fff;font-weight:700;font-size:.92rem;text-decoration:none;cursor:pointer}
.btn:hover{background:#1d4ed8}
.btn.ghost{background:var(--panel);color:var(--ink);border:1.5px solid var(--line)}
.btn.ghost:hover{border-color:var(--brand);color:var(--brand)}
.btn.danger{background:var(--danger)}
.admin-account-page{max-width:1180px;margin:0 auto}.admin-account-page>.panel{padding:clamp(1rem,2vw,1.6rem)}
.admin-account-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem;border:1.5px solid var(--line);border-radius:20px;background:linear-gradient(120deg,#f8fafc,#eef2ff)}
.admin-account-identity{display:flex;align-items:center;gap:.85rem;min-width:0}.admin-account-identity h1{margin:.15rem 0 .18rem;font-size:clamp(1.45rem,2.7vw,2rem)}.admin-account-identity p{margin:0;color:var(--muted2);overflow-wrap:anywhere}
.admin-account-avatar{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border-radius:17px;background:linear-gradient(145deg,var(--brand),#7c3aed);color:#fff;font-size:1.65rem;font-weight:950;box-shadow:0 12px 25px rgba(79,70,229,.22)}
.admin-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}
.admin-account-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0}.admin-account-status-grid article{display:grid;align-content:start;gap:.2rem;min-height:118px;padding:.85rem;border:1.5px solid var(--line);border-radius:16px;background:var(--bg)}.admin-account-status-grid span{font-size:.69rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--muted2)}.admin-account-status-grid b{font-size:1rem;overflow-wrap:anywhere}.admin-account-status-grid small{color:var(--muted2);line-height:1.35}
.admin-account-security-note{display:grid;grid-template-columns:auto 1fr;gap:.6rem 1rem;align-items:center;padding:.8rem 1rem;border:1.5px solid #86efac;border-radius:14px;background:#f0fdf4;color:#166534}.admin-account-security-note span{font-size:.84rem;line-height:1.45}
.admin-account-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.admin-account-card{border:1.5px solid var(--line);border-radius:17px;background:var(--panel);overflow:hidden}.admin-account-card summary{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;cursor:pointer;background:var(--bg);list-style:none}.admin-account-card summary::-webkit-details-marker{display:none}.admin-account-card summary>span:first-child{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.admin-account-card summary>span:last-child{display:grid;gap:.1rem}.admin-account-card summary small{font-weight:600;color:var(--muted2)}.admin-account-card form{padding:1rem}.admin-account-checks{display:grid;gap:.4rem;margin:.25rem 0 1rem;padding:0;list-style:none}.admin-account-checks li{font-size:.82rem;color:var(--muted2)}.admin-account-checks li:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;margin-right:.4rem;border-radius:999px;background:#dcfce7;color:#15803d;font-weight:900}
.admin-account-meta{display:flex;gap:.55rem;flex-wrap:wrap}.admin-account-meta span{padding:.4rem .65rem;border:1px solid var(--line);border-radius:999px;background:var(--bg);font-size:.74rem;color:var(--muted2)}.admin-account-meta b{color:var(--ink)}
@media(max-width:900px){.admin-account-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-account-columns{grid-template-columns:1fr}}
@media(max-width:600px){.admin-account-page>.panel{padding:.75rem}.admin-account-hero{align-items:flex-start}.admin-account-actions,.admin-account-actions .btn{width:100%}.admin-account-actions .btn{text-align:center}.admin-account-status-grid{grid-template-columns:1fr}.admin-account-security-note{grid-template-columns:1fr}.admin-account-meta{display:grid}.admin-account-meta span{border-radius:11px}}
.page-ai-icon{display:inline-grid;place-items:center;width:58px;height:58px;margin-bottom:.55rem;border-radius:14px;background:var(--bg)}.page-ai-icon img{width:50px;height:50px;object-fit:contain}
.footer-company-data{margin:.45rem 0 0;font-size:.72rem;line-height:1.45;color:#aeb8c8;max-width:260px}

/* ── Diagnostyka ── */
.log-table{width:100%;border-collapse:collapse;font-size:.8rem;margin-top:.6rem}
.log-table th,.log-table td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}
.log-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted2)}
.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.lvl{padding:.1rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap}
.lvl-blad{background:#fee2e2;color:var(--danger)}
.lvl-ostrzezenie{background:#fef3c7;color:#b45309}
.lvl-info{background:#dbeafe;color:var(--brand)}
.lvl-ok{background:#dcfce7;color:var(--ok)}
.sug{display:flex;gap:.7rem;align-items:flex-start;background:var(--bg);border-radius:12px;padding:.8rem 1rem;margin-bottom:.6rem;font-size:.9rem}
.sug .s-ico{font-size:1.3rem}
.diag-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}

/* ── Koszyk (szuflada) ── */
.overlay{position:fixed;inset:0;background:rgba(15,18,25,.55);z-index:90;opacity:0;pointer-events:none;transition:.25s}
.overlay.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;width:min(420px,100vw);height:100%;background:var(--panel);z-index:100;display:flex;flex-direction:column;transition:transform .28s ease;transform:translateX(105%);box-shadow:-8px 0 40px rgba(0,0,0,.18)}
.drawer.open{transform:translateX(0)}
body.has-dialog{overflow:hidden}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.2rem;border-bottom:1px solid var(--line)}
.drawer-head h2{font-size:1.15rem}
.close-x{border:none;background:none;font-size:1.5rem;color:var(--muted2);line-height:1}
.cart-items{flex:1;overflow-y:auto;padding:1rem 1.2rem}
.cart-item{display:flex;gap:.8rem;padding:.7rem 0;border-bottom:1px solid var(--line);align-items:center}
.cart-item .ci-thumb{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}
.ci-info{flex:1;min-width:0}
.ci-info b{font-size:.88rem;display:block}
.ci-info small{color:var(--muted2)}
.qty{display:flex;align-items:center;gap:.4rem}
.qty button{width:36px;height:36px;border-radius:8px;border:1.5px solid var(--line);background:var(--panel);font-weight:700}
@media(max-width:560px){.qty button{width:44px;height:44px}}
.qty button:hover{border-color:var(--brand);color:var(--brand)}
.ci-remove{border:none;background:none;color:var(--danger);font-size:1.1rem}
.cart-empty{text-align:center;color:var(--muted2);padding:2.5rem 0}
.drawer-foot{padding:1.1rem 1.2rem;border-top:1px solid var(--line)}
.promo-row{display:flex;gap:.5rem;margin-bottom:.8rem}
.promo-row input{flex:1;padding:.5rem .8rem;border:1.5px solid var(--line);border-radius:10px;outline:none;background:var(--bg);text-transform:uppercase}
.promo-row button{padding:.5rem 1rem;border:none;border-radius:10px;background:var(--ink);color:#fff;font-weight:700;font-size:.85rem}
.rabat-info{font-size:.83rem;color:var(--ok);font-weight:700;margin-bottom:.5rem;display:flex;justify-content:space-between}
.rabat-info button{border:none;background:none;color:var(--danger);font-size:.8rem;cursor:pointer}
.total-row{display:flex;justify-content:space-between;font-size:1.05rem;margin-bottom:.9rem}
.total-row b{font-size:1.3rem}
.checkout-btn{width:100%;padding:.85rem;border:none;border-radius:12px;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff;font-weight:800;font-size:1rem}
.checkout-btn:disabled{opacity:.5;cursor:not-allowed}
.free-ship{font-size:.8rem;color:var(--ok);text-align:center;margin-top:.6rem;font-weight:600}

/* ── Modal zamówienia ── */
.modal{position:fixed;inset:0;z-index:110;display:none;align-items:center;justify-content:center;padding:1rem;background:rgba(15,18,25,.55)}
.modal.open{display:flex}
.modal-box{background:var(--panel);border-radius:20px;width:min(560px,100%);max-height:92vh;overflow-y:auto;padding:1.6rem}
.modal-close{position:sticky;top:0;z-index:3;display:grid;place-items:center;width:42px;height:42px;margin:-.5rem -.5rem .25rem auto;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--ink);font-size:1.15rem;box-shadow:0 4px 12px rgba(15,23,42,.08)}
.modal-box h2{margin-bottom:.3rem}
.modal-box .sub{color:var(--muted2);font-size:.9rem;margin-bottom:1.1rem}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.f-row.admin-four{grid-template-columns:2fr 1fr 2fr auto;align-items:end}
.f-row.admin-three{grid-template-columns:2fr 1fr auto;align-items:end}
.f-group{margin-bottom:.85rem}
.f-group label{display:block;font-size:.82rem;font-weight:700;margin-bottom:.3rem}
.f-group input,.f-group select,.f-group textarea{width:100%;padding:.6rem .8rem;border:1.5px solid var(--line);border-radius:10px;outline:none;background:var(--bg)}
.f-group input:focus,.f-group textarea:focus{border-color:var(--brand)}
.f-sekcja{font-size:.95rem;margin:1.1rem 0 .6rem;padding-bottom:.35rem;border-bottom:1px solid var(--line);font-weight:700}
.chk-row{display:flex;align-items:center;gap:.55rem;font-size:.88rem;font-weight:600;margin:.55rem 0;cursor:pointer}
.chk-row input{width:17px;height:17px;accent-color:var(--brand)}
.summary{background:var(--bg);border-radius:12px;padding:.9rem;font-size:.88rem;margin:1rem 0}
.summary>div{display:flex;justify-content:space-between;padding:.15rem 0}
.summary>.sum-total{border-top:1px solid var(--line);margin-top:.4rem;padding-top:.5rem;font-weight:800}
.pay-note{font-size:.8rem;color:var(--muted2);margin-top:.7rem;text-align:center}
.success{text-align:center;padding:1.5rem 0}
.success .big{font-size:3.5rem}

/* ── Stopka ── */
footer{background:#151a24;color:#c6ccd8;margin-top:1rem}
.foot-in{max-width:1200px;margin:0 auto;padding:2.2rem 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;font-size:.9rem}
.foot-in h4{color:#fff;margin-bottom:.6rem}
.foot-in a{color:#c6ccd8;text-decoration:none;display:block;padding:.15rem 0}
.foot-in a:hover{color:#fff}
.copy{text-align:center;padding:1rem;border-top:1px solid #2a3040;font-size:.8rem;color:#8a93a3}

/* ── Toast ── */
.toast{position:fixed;bottom:1.4rem;left:50%;transform:translate(-50%,80px);background:var(--ink);color:#fff;padding:.7rem 1.3rem;border-radius:12px;font-size:.9rem;font-weight:600;z-index:120;transition:.3s;opacity:0}
.toast.show{transform:translate(-50%,0);opacity:1}

@media(max-width:640px){
  :root{--card-min:160px;--radius:13px}
  body{font-size:15px}
  input,select,textarea{font-size:16px!important}
  button,input:not([type="checkbox"]):not([type="radio"]),select,textarea{min-height:44px}
  input[type="checkbox"],input[type="radio"]{min-width:20px;min-height:20px}
  .topbar{padding:.35rem .55rem;font-size:.72rem;line-height:1.25}
  header{position:sticky}
  .header-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;padding:.6rem .7rem}
  .logo{font-size:1.18rem;min-width:0;min-height:44px;display:inline-flex;align-items:center}
  .hdr-actions{gap:.3rem;margin-left:0;justify-content:flex-end;min-width:0;max-width:100%}
  .user-btn{padding:.45rem .55rem;font-size:.78rem;border-radius:10px;max-width:132px;min-width:44px;min-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .user-btn.ikona{padding:.45rem .5rem;font-size:.95rem;width:44px;justify-content:center}
  #userBtn{font-size:0;width:44px;padding:0;justify-content:center}
  #userBtn::before{content:"👤";font-size:1rem}
  .cart-btn{padding:0;font-size:0;border-radius:10px;width:46px;min-width:46px;min-height:44px;overflow:visible;white-space:nowrap}
  .cart-btn::before{content:"🛒";font-size:1rem}
  .cart-count{top:-6px;right:-2px;min-width:18px;height:18px;font-size:.66rem}
  .search{order:3;grid-column:1/-1;max-width:none;width:100%;min-width:0}
  .search input{padding:.55rem .7rem;font-size:16px;min-width:0;min-height:44px}
  .search button{padding:.5rem .75rem;min-width:44px;min-height:44px}
  .nav-row{flex-wrap:nowrap;overflow:visible;justify-content:space-between;gap:.3rem;padding:0 .7rem .55rem;font-size:.74rem}
  .nav-row a,.nav-drop-btn{display:inline-flex;align-items:center;white-space:nowrap;font-size:.74rem;min-height:44px}
  .nav-row>.nav-dd:not(.nav-mobile-categories),.nav-row>.nav-category-direct{display:none}
  .nav-mobile-categories{display:inline-flex;order:0;margin-left:0;position:relative}
  .nav-home-link{order:1;font-size:0!important}
  .nav-home-link::after{content:"🏪 Start";font-size:.74rem}
  .nav-row>a[href="/promocje"]{order:2}
  .nav-row>a[href="/nowosci"]{order:3}
  .nav-admin-link{display:none!important}
  .nav-menu{position:absolute;left:0;right:auto;top:calc(100% + 2px);min-width:0;max-width:none;max-height:min(62vh,520px);overflow-y:auto;overflow-x:hidden;transform:none}
  .nav-menu-mega{width:auto;grid-template-columns:1fr!important;padding:.5rem;scrollbar-gutter:auto}
  .nav-mobile-categories .nav-menu-mega{position:absolute;left:0;right:auto;top:calc(100% + 2px);width:calc(100vw - 1.4rem);margin-top:0}
  .nav-menu-heading{top:-.5rem}.nav-menu-search{top:55px}
  .hero{margin:.75rem auto 0;padding:0 .7rem}
  .hero-in{padding:1.25rem 1rem;border-radius:16px}
  .hero-in::after{font-size:5.2rem;right:.8rem;bottom:-.7rem}
  .hero h1{font-size:1.45rem;line-height:1.12}
  .hero p{font-size:.88rem}
  .hero a{padding:.55rem .9rem;border-radius:10px;font-size:.85rem;min-height:44px;display:inline-flex;align-items:center}
  .f-row{grid-template-columns:1fr}
  .hero-meta{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem;padding-top:.8rem}
  .hero-meta>div{width:auto}
  .hero-meta b{font-size:.9rem}.hero-meta small{font-size:.68rem}
  .toolbar{padding:0 .7rem;margin:.9rem auto .35rem;gap:.45rem}
  .toolbar select{width:100%;margin-left:0;font-size:.85rem}
  #chips{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.15rem;scrollbar-width:none}
  #chips::-webkit-scrollbar{display:none}
  .chip{padding:.38rem .72rem;font-size:.78rem;white-space:nowrap;min-height:44px}
  .catalog-tools,.results-bar,.pagination,.grid,.perks,.home-section,.catalog-head,.offer-band,.page,.admin-page{padding-left:.7rem;padding-right:.7rem}
  .advanced-search{padding:.65rem;border-radius:12px}
  .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
  .results-bar{font-size:.76rem;align-items:flex-start}
  .page-btn{min-width:44px;height:44px;font-size:.78rem}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:.65rem auto 1.5rem}
  .card{border-radius:13px}
  .card:hover{transform:none}
  .thumb{height:108px;font-size:2.55rem}
  .fav-btn{width:44px;height:44px;font-size:.85rem}
  .badge{font-size:.62rem;padding:.15rem .45rem}
  .card-body{padding:.65rem}
  .cat-label{font-size:.62rem}
  .card h3{font-size:.86rem;line-height:1.22}
  .card .desc{font-size:.74rem;-webkit-line-clamp:3;min-height:3.35em;max-height:3.35em}
  .price-row{margin:.45rem 0}.price{font-size:1.05rem}.old-price{font-size:.72rem}
  .add-btn{padding:.48rem .45rem;font-size:.78rem;border-radius:9px}
  .panel{padding:1rem;border-radius:14px}
  .panel h1{font-size:1.28rem}.panel h2{font-size:1rem}.panel p,.panel li{font-size:.86rem}
  .btn{padding:.5rem .78rem;font-size:.82rem;border-radius:10px;min-height:44px}
  .diag-actions{gap:.4rem;margin-top:.65rem}
  .diag-actions>.btn,.diag-actions>a.btn{flex:1 1 auto;text-align:center}
  .orders-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
  .order-stat-card{padding:.6rem;min-height:86px;border-radius:12px}
  .order-stat-card span{font-size:1rem}.order-stat-card b{font-size:1.2rem}.order-stat-card small{font-size:.68rem}
  .admin-page{margin:.75rem auto 1.5rem;gap:.65rem}
  .admin-nav{display:none}
  .admin-mobile-menu{display:block}
  .admin-tresc .panel{margin-bottom:.75rem}
  .admin-main-tabs{margin:-.05rem -.15rem 0;padding:.05rem .15rem .18rem;gap:.25rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .admin-main-tabs::-webkit-scrollbar{display:none}
  .admin-main-tabs a{padding:.48rem .62rem;font-size:.78rem;min-height:44px;display:inline-flex;align-items:center}
  .table-scroll table{min-width:680px}
  .section-head{align-items:start;flex-direction:column}
  .offer-band-in,.contact-strip{align-items:flex-start;flex-direction:column}
  .check-list,.prod-extra{grid-template-columns:1fr}
  .warehouse-hero,.ai-agent-hero{padding:.8rem;border-radius:14px}
  .warehouse-hero h1,.ai-agent-hero h1{font-size:1.3rem;line-height:1.15}
  .warehouse-hero p,.ai-agent-hero p{font-size:.84rem}
  .health-score{width:74px;height:74px;font-size:1.25rem}
  .agent-command-form textarea{min-height:78px;padding:.7rem;font-size:.9rem}
  .agent-command-actions{gap:.4rem}
  .agent-memory-grid,.agent-response-list,.ai-task-list{gap:.5rem}
  .agent-memory-card,.agent-response-card,.ai-task,.warehouse-location-card{padding:.65rem;border-radius:12px}
  .agent-answer-pre{font-size:.82rem;max-height:260px}
  .warehouse-meta{min-width:0;width:100%}
  .warehouse-adjust{min-width:0;width:100%}
  .warehouse-plan{min-width:0}
  .warehouse-location-list{grid-template-columns:1fr}
  .warehouse-location-metrics span{padding:.35rem}
  .warehouse-ops-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
  .warehouse-ops-summary span{padding:.5rem}
  .warehouse-pick-route{padding:.6rem}
  .warehouse-work-item{grid-template-columns:30px 1fr;padding:.55rem}
  .agent-ops-step{grid-template-columns:30px 1fr;padding:.6rem;align-items:start}
  .agent-ops-step>div:last-child{grid-column:1/-1}
  .agent-ops-no{width:28px;height:28px}
  .log-table{font-size:.74rem;min-width:0;width:100%}
  .admin-tresc .log-table,.page .log-table{overflow-wrap:anywhere}
  .admin-tresc .panel>.log-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .warehouse-table{min-width:980px}
  .tracking-table{min-width:720px}
  .page,.panel,.admin-tresc{min-width:0;overflow-wrap:break-word;word-break:normal}
  .section-head>a,.foot-in a{min-height:44px;display:flex;align-items:center}
  .drawer{height:100dvh}.drawer-foot{padding-bottom:max(1.1rem,env(safe-area-inset-bottom))}
  .modal{padding:.5rem}.modal-box{padding:1rem;border-radius:16px;max-height:calc(100dvh - 1rem)}
}
@media(max-width:820px){
  .steps{grid-template-columns:1fr 1fr}
  .about-grid,.contact-layout{grid-template-columns:1fr}
  .f-row.admin-four,.f-row.admin-three{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){.f-row.admin-four,.f-row.admin-three{grid-template-columns:1fr}}
@media(max-width:640px){.health-card{grid-template-columns:1fr}.health-score{width:78px;height:78px}.test-row{grid-template-columns:24px 1fr}.test-status{grid-column:2}}
@media(max-width:460px){.steps{grid-template-columns:1fr}}
@media(max-width:520px){.filter-grid{grid-template-columns:1fr}}
@media(max-width:380px){
  :root{--card-min:145px}
  .grid{gap:.5rem}
  .thumb{height:96px;font-size:2.2rem}
  .card-body{padding:.55rem}
  .card h3{font-size:.8rem}
  .card .desc{display:none}
  .add-btn{font-size:.74rem}
  .orders-stat-grid{grid-template-columns:1fr}
  .user-btn:not(.ikona){max-width:104px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Treść początkowa czystych adresów — widoczna także bez JavaScriptu i natychmiast czytelna dla robotów. */
.seo-home-entry{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.6fr);gap:1rem;width:min(1220px,calc(100% - 2rem));margin:1.5rem auto 3rem}.seo-home-entry>section,.seo-home-entry>aside{padding:1.35rem;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow)}.seo-home-entry>section{background:linear-gradient(125deg,#fff,#eff6ff)}.seo-home-entry small{color:var(--brand);font-size:.72rem;font-weight:900;letter-spacing:.06em}.seo-home-entry h1{max-width:760px;margin:.4rem 0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.06}.seo-home-entry p{max-width:760px;color:var(--muted2);line-height:1.65}.seo-home-entry section>div{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.seo-home-entry section a{padding:.7rem 1rem;border-radius:11px;background:var(--brand);color:#fff;font-weight:850;text-decoration:none}.seo-home-entry section a+ a{border:1px solid var(--line);background:#fff;color:var(--ink)}.seo-home-entry aside b{font-size:1.05rem}.seo-home-entry ul{display:grid;gap:.65rem;margin:.8rem 0 0;padding-left:1.2rem;color:var(--muted2)}
.seo-ssr-page{width:min(1220px,calc(100% - 2rem));margin:1.5rem auto 3rem}.seo-ssr-breadcrumb{margin-bottom:1rem;color:var(--muted2);font-size:.86rem}.seo-ssr-breadcrumb a{color:var(--brand);text-decoration:none}.seo-ssr-product{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(340px,1.1fr);gap:2rem;padding:1.2rem;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow)}.seo-ssr-product-image{display:grid;place-items:center;min-height:360px;border-radius:16px;background:var(--bg);overflow:hidden}.seo-ssr-product-image img{display:block;width:100%;height:100%;max-height:560px;object-fit:contain}.seo-ssr-product>div:last-child{align-self:center}.seo-ssr-product small,.seo-ssr-card small{color:var(--brand);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.seo-ssr-product h1{margin:.35rem 0 .7rem;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.12}.seo-ssr-product p{color:var(--muted2);line-height:1.65}.seo-ssr-product strong{display:block;margin:1rem 0;font-size:2rem}.seo-ssr-product .seo-ssr-available{color:#166534;font-weight:800}.seo-ssr-product dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem .7rem;font-size:.82rem}.seo-ssr-product dt{color:var(--muted2)}.seo-ssr-product dd{margin:0;font-weight:800}.seo-ssr-description{margin:1.2rem 0;padding:1.1rem;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.seo-ssr-description p{max-width:900px;color:var(--muted2);line-height:1.72}.seo-ssr-collection-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;padding:1.2rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(125deg,var(--panel),var(--bg))}.seo-ssr-collection-head h1{margin:0}.seo-ssr-collection-head p{flex-basis:100%;margin:0;color:var(--muted2)}.seo-ssr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.seo-ssr-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.seo-ssr-card>a{display:block;height:210px;background:var(--bg)}.seo-ssr-card img{display:block;width:100%;height:100%;object-fit:contain}.seo-ssr-card>div{padding:.85rem}.seo-ssr-card h2{margin:.25rem 0;font-size:1rem}.seo-ssr-card h2 a{color:var(--ink);text-decoration:none}.seo-ssr-card p{display:-webkit-box;overflow:hidden;margin:.4rem 0;color:var(--muted2);font-size:.8rem;line-height:1.5;-webkit-line-clamp:3;-webkit-box-orient:vertical}.seo-ssr-card b{font-size:1.05rem}
@media(max-width:900px){.seo-home-entry,.seo-ssr-product{grid-template-columns:1fr}.seo-ssr-product-image{min-height:280px}.seo-ssr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.seo-home-entry,.seo-ssr-page{width:min(100% - 1rem,1220px);margin-top:.6rem}.seo-home-entry>section,.seo-home-entry>aside{padding:.85rem;border-radius:14px}.seo-home-entry h1{font-size:2rem}.seo-ssr-product{padding:.75rem;gap:1rem;border-radius:14px}.seo-ssr-product-image{min-height:230px}.seo-ssr-grid{grid-template-columns:1fr 1fr;gap:.5rem}.seo-ssr-card>a{height:150px}.seo-ssr-card>div{padding:.6rem}.seo-ssr-card p{display:none}}

/* Samodzielne podstrony prawne: treść jest czytelna również bez JavaScriptu. */
.seo-legal-entry{max-width:980px;margin:0 auto;padding-top:1.4rem;padding-bottom:2rem}.seo-legal-entry .legal-content{padding:clamp(1.2rem,3vw,2.3rem)}.seo-legal-entry .legal-content h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1;margin:.35rem 0 1rem}.seo-legal-entry .legal-content h2{font-size:1.18rem;margin:1.55rem 0 .45rem}.seo-legal-entry .legal-content p,.seo-legal-entry .legal-content li,.seo-legal-entry .legal-content address{line-height:1.72;color:var(--muted2)}.seo-legal-entry .legal-content address{font-style:normal;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.seo-legal-entry .legal-content pre{white-space:pre-wrap;padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--bg);font:inherit;line-height:1.6}.seo-legal-kicker{display:block;color:var(--brand);font-size:.75rem;font-weight:900;letter-spacing:.08em}.seo-legal-nav{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1.35rem;padding:.75rem;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.seo-legal-nav a{padding:.55rem .75rem;border-radius:10px;font-weight:750;text-decoration:none;background:#fff;border:1px solid var(--line)}.seo-legal-updated{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.86rem}