/* PAR24 / WERSJA: PRODUCT-DETAIL-MODULAR / PALETA-GRAPHITE-ROSE-CYAN */
:root {
--ink:#111827;
--muted:#64748b;
--line:#e5e7eb;
--soft:#f8fafc;
--soft2:#fff1f2;
--rose:#e11d48;
--rose-dark:#9f1239;
--cyan:#06b6d4;
--cyan-dark:#0e7490;
--navy:#0f172a;
--white:#fff;
--shadow:0 20px 60px rgba(15,23,42,.12);
--radius:24px;
--radius-sm:14px;
--max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{max-width:100%}
.container{width:min(var(--max),calc(100% - 32px));margin:0 auto}
.top-strip{background:#14111b;color:#e9ddff;font-size:13px}
.top-strip .container{display:flex;justify-content:flex-end;gap:18px;padding:9px 0;flex-wrap:wrap}
.navbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.navbar-inner{height:76px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:18px}
.logo{display:inline-flex;align-items:center;gap:10px;font-weight:950;letter-spacing:-.04em;font-size:25px}
.brand-mark{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--rose),var(--cyan));color:white;font-size:15px;box-shadow:0 12px 30px rgba(225,29,72,.22)}
.nav-actions{display:flex;align-items:center;gap:10px}.menu-button,.button{border:0;cursor:pointer;border-radius:999px;padding:13px 18px;font-weight:850;transition:.18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.menu-button{color:var(--white);background:var(--rose)}.menu-button:hover,.menu-button[aria-expanded=true]{background:var(--rose-dark);transform:translateY(-1px)}.button.primary{background:var(--cyan);color:#fff}.button.primary:hover{background:var(--cyan-dark);transform:translateY(-1px)}.button.secondary{background:#ffe4e6;color:var(--rose-dark)}.button.dark{background:#111827;color:#fff}.button.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.button.wide{width:100%}
.search{position:relative}.search input{width:100%;border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:14px 48px 14px 18px;outline:none}.search input:focus{border-color:rgba(225,29,72,.42);box-shadow:0 0 0 4px rgba(225,29,72,.08)}.search span{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--muted)}.cart-pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:12px 16px;font-weight:850;box-shadow:0 8px 25px rgba(23,21,31,.06)}
.mega-backdrop{position:fixed;inset:0;background:rgba(16,15,20,.45);z-index:80;display:none}.mega-backdrop.is-open{display:block}.mega-menu{position:fixed;top:96px;left:50%;transform:translateX(-50%);width:min(var(--max),calc(100% - 32px));max-height:calc(100vh - 120px);overflow:hidden;z-index:90;background:#fff;border-radius:26px;box-shadow:var(--shadow);border:1px solid rgba(231,229,239,.9);display:none}.mega-menu.is-open{display:grid}.mega-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.mega-head strong{font-size:20px}.mega-close{width:42px;height:42px;border:1px solid var(--line);background:var(--soft);border-radius:50%;cursor:pointer;font-weight:900}.mega-body{display:grid;grid-template-columns:320px 1fr;min-height:420px}.mega-roots{background:linear-gradient(180deg,#fff1f2,#f8fafc);padding:16px;overflow:auto}.mega-root{width:100%;border:0;background:transparent;padding:13px 14px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;text-align:left;font-weight:850;color:var(--ink)}.mega-root:hover,.mega-root.is-active{background:#fff;color:var(--rose);box-shadow:0 10px 30px rgba(15,23,42,.07)}.mega-root small{color:var(--muted);font-weight:850}.mega-panels{padding:22px;overflow:auto}.mega-panel{display:none}.mega-panel.is-active{display:block}.mega-panel h3{margin:0 0 12px;font-size:28px;letter-spacing:-.04em}.mega-subgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mega-sub{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:13px 14px;background:#fff;transition:.18s ease}.mega-sub:hover{border-color:rgba(225,29,72,.35);transform:translateY(-1px);box-shadow:0 12px 35px rgba(15,23,42,.08)}.mega-sub span{font-weight:760}.mega-sub small{color:var(--muted);font-weight:800}
/* HOME-BANNER-NO-MIST-BUTTONS-2026-05-26 */
.home-banner{position:relative;width:min(var(--max),calc(100% - 32px));height:clamp(320px,24vw,380px);margin:28px auto 18px;overflow:hidden;background:#f8fafc;border:1px solid var(--line);border-radius:34px;box-shadow:0 18px 55px rgba(15,23,42,.10)}
.home-banner__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0;filter:saturate(1.08) contrast(1.03)}
.home-banner__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.68) 23%,rgba(255,255,255,.22) 40%,rgba(255,255,255,0) 56%)}
.home-banner__content{position:relative;z-index:2;height:100%;display:flex;align-items:center}
.home-banner__copy{max-width:610px;padding:22px 0 28px}
.home-banner__copy h1{font-size:clamp(30px,3.25vw,48px);line-height:1.02;letter-spacing:-.06em;margin:10px 0 10px;color:#0b1220;text-wrap:balance}
.home-banner__copy p{font-size:17px;color:#475569;max-width:500px;margin:0}
.home-banner .hero-actions{margin-top:16px;align-items:center}
.home-banner .button{padding:11px 18px}
@media (max-width:980px){.home-banner{height:clamp(390px,58vw,520px);border-radius:26px}.home-banner__content{align-items:flex-end}.home-banner__shade{background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.22) 42%,rgba(255,255,255,.90) 75%,#fff 100%)}.home-banner__image{object-position:center top}.home-banner__copy{max-width:100%;padding:0 0 30px}.home-banner__copy h1{font-size:40px}.home-banner__copy p{font-size:17px}}
@media (max-width:620px){.home-banner{width:min(var(--max),calc(100% - 22px));height:500px;margin-top:18px;border-radius:22px}.home-banner__image{object-position:60% top}.home-banner__copy{padding:0 0 26px}.home-banner__copy h1{font-size:32px}.home-banner__copy p{font-size:16px}.home-banner .hero-actions{flex-direction:column}.home-banner .button{width:100%}}
.hero{padding:66px 0 50px;background:radial-gradient(circle at top left,#fff1f2 0,transparent 32%),linear-gradient(135deg,#fff,#f8fafc)}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:40px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #ffe4e6;color:var(--rose-dark);border-radius:999px;padding:8px 14px;font-weight:900;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.hero h1,.page-head h1{font-size:clamp(44px,6vw,74px);line-height:.98;letter-spacing:-.07em;margin:18px 0;color:#0b1220}.hero p,.page-head p{font-size:21px;color:var(--muted);max-width:760px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-card{background:#0f172a;color:#fff;border-radius:30px;padding:30px;box-shadow:var(--shadow)}.hero-card .number{font-size:58px;font-weight:950;line-height:1;letter-spacing:-.05em}.hero-card p{color:#cbd5e1;font-size:16px;margin:12px 0 0}.hero-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.step{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px}.step strong{display:block;font-size:15px}.step span{display:block;color:#cbd5e1;font-size:13px;margin-top:4px}
.section{padding:56px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-title h2{font-size:38px;line-height:1.04;letter-spacing:-.05em;margin:0}.section-title p{color:var(--muted);max-width:560px;margin:0}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category-card{border:1px solid var(--line);border-radius:22px;background:#fff;padding:20px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;transition:.18s ease}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(225,29,72,.35)}.category-card strong{font-size:20px;letter-spacing:-.03em}.category-card span{color:var(--muted);font-weight:750}.category-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#fff1f2;color:var(--rose);font-weight:900}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;transition:.18s ease}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-image{height:190px;background:linear-gradient(135deg,#f8fafc,#fff1f2);display:grid;place-items:center;font-size:70px}.product-body{padding:18px}.product-body h3{margin:0 0 7px;font-size:20px;letter-spacing:-.03em}.product-body p{color:var(--muted);margin:0 0 14px}.product-meta{display:flex;justify-content:space-between;gap:10px;margin:16px 0;color:var(--muted);font-weight:800}.price{font-size:25px;color:var(--rose);font-weight:950}.tag{display:inline-flex;background:#ecfeff;color:#0e7490;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.panel{border:1px solid var(--line);background:#fff;border-radius:24px;padding:22px;box-shadow:0 10px 35px rgba(15,23,42,.05)}.panel.dark{background:#0f172a;color:#fff;border-color:#0f172a}.panel.dark p,.panel.dark .muted{color:#cbd5e1}.muted{color:var(--muted)}.calc{display:grid;gap:14px}.field label{display:block;font-weight:850;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:#fff;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(225,29,72,.45);box-shadow:0 0 0 4px rgba(225,29,72,.08)}.calc-result{background:#0f172a;color:#fff;border-radius:20px;padding:18px;display:grid;gap:8px}.calc-line{display:flex;justify-content:space-between;gap:15px}.calc-line.total{font-size:22px;font-weight:950;border-top:1px solid rgba(255,255,255,.16);padding-top:12px;margin-top:4px}.calc-note{font-size:13px;color:#cbd5e1}
.breadcrumb{font-size:14px;color:var(--muted);margin:24px 0 12px}.breadcrumb a{font-weight:800;color:var(--rose)}.layout{display:grid;grid-template-columns:280px 1fr;gap:26px}.sidebar{position:sticky;top:100px;align-self:start}.filter-list{display:grid;gap:10px}.filter-pill{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:14px;padding:11px 12px;color:var(--muted);font-weight:800}.page-head{padding:28px 0 8px}.page-head h1{font-size:clamp(38px,5vw,60px);margin-bottom:12px}.subcats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 28px}.subcat{border:1px solid var(--line);background:#fff;border-radius:18px;padding:13px 14px;font-weight:850;display:flex;justify-content:space-between}.subcat small{color:var(--muted)}
.product-detail{display:grid;grid-template-columns:.92fr 1.08fr;gap:36px;align-items:start;padding:24px 0 50px}.gallery-main{background:linear-gradient(135deg,#f8fafc,#fff1f2);border:1px solid var(--line);border-radius:30px;min-height:440px;display:grid;place-items:center;font-size:150px;box-shadow:0 15px 50px rgba(15,23,42,.06)}.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.thumb{border:1px solid var(--line);background:#fff;border-radius:16px;min-height:84px;display:grid;place-items:center;font-size:34px}.product-summary h1{font-size:clamp(36px,4.8vw,62px);line-height:1;letter-spacing:-.065em;margin:10px 0 14px}.sku-row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.badge{display:inline-flex;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;color:var(--muted);font-weight:850;font-size:13px}.badge.rose{background:#fff1f2;color:var(--rose-dark);border-color:#ffe4e6}.badge.cyan{background:#ecfeff;color:#0e7490;border-color:#cffafe}.price-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px}.price-table th,.price-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px}.price-table th{background:#f8fafc;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.tabs{display:grid;gap:16px;margin-top:28px}.info-block{border:1px solid var(--line);background:#fff;border-radius:24px;padding:22px}.info-block h2{margin:0 0 10px;font-size:26px;letter-spacing:-.04em}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spec{border:1px solid var(--line);border-radius:16px;padding:13px;background:#fff}.spec small{display:block;color:var(--muted);font-weight:850}.spec strong{display:block;margin-top:3px}.notice{background:#ecfeff;border:1px solid #cffafe;color:#155e75;border-radius:18px;padding:14px 16px;font-weight:760}.footer{background:#0f172a;color:#fff;margin-top:60px;padding:48px 0}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:24px}.footer h3,.footer h4{margin:0 0 12px}.footer p,.footer a{color:#cbd5e1}.footer a{display:block;margin:7px 0}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:18px;color:#94a3b8;font-size:13px}
@media (max-width:980px){.navbar-inner{grid-template-columns:auto auto auto;gap:10px;height:auto;padding:14px 0}.search{grid-column:1/-1}.cart-pill{display:none}.hero-grid,.grid-2,.product-detail,.layout{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards,.grid-3,.subcats{grid-template-columns:1fr 1fr}.mega-body{grid-template-columns:1fr}.mega-panels{display:none}.sidebar{position:static}.footer-grid{grid-template-columns:1fr 1fr}.hero-steps{grid-template-columns:1fr}.gallery-main{min-height:330px}}
@media (max-width:620px){.container{width:min(var(--max),calc(100% - 22px))}.top-strip .container{justify-content:center}.logo{font-size:21px}.brand-mark{width:36px;height:36px}.nav-actions{display:none}.hero{padding:42px 0}.hero h1,.page-head h1,.product-summary h1{font-size:42px}.hero p,.page-head p{font-size:18px}.category-grid,.cards,.grid-3,.subcats,.spec-grid,.footer-grid{grid-template-columns:1fr}.mega-menu{top:82px;width:calc(100% - 20px)}.mega-head strong{font-size:17px}.gallery-main{font-size:112px}.button{width:100%}.hero-actions{flex-direction:column}}
.text-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.text-content{padding:34px}.text-section{padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid var(--line)}.text-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.text-section h2{font-size:30px;letter-spacing:-.045em;margin:0 0 10px}.text-section p{font-size:18px;line-height:1.75;color:var(--muted);margin:0}.text-aside{position:sticky;top:112px}.text-aside h3{margin-top:0}.text-aside a{display:block;border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:8px 0;background:#fff;font-weight:850}.text-aside a:hover{border-color:rgba(225,29,72,.35);box-shadow:0 10px 25px rgba(15,23,42,.06)}
@media (max-width:980px){.text-layout{grid-template-columns:1fr}.text-aside{position:static}}
/* KOSZYK-VIEW-2026-05-26 */
.cart-head{padding:26px 0 10px;background:linear-gradient(135deg,#fff,#f8fafc)}
.cart-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end}
.cart-title-row h1{font-size:clamp(42px,5vw,70px);line-height:.98;letter-spacing:-.07em;margin:16px 0 12px;color:#0b1220}
.cart-title-row p{font-size:19px;color:var(--muted);max-width:820px;margin:0}
.cart-steps{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.cart-steps span{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:10px 12px;font-size:13px;font-weight:900;white-space:nowrap}
.cart-steps span.is-active{background:#fff1f2;color:var(--rose-dark);border-color:#ffe4e6}
.cart-section{padding-top:28px;background:#fff}
.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.cart-items{display:grid;gap:16px}.cart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);background:#fff;border-radius:22px;padding:16px 18px}.cart-toolbar strong{display:block;font-size:18px}.cart-toolbar span{display:block;color:var(--muted);font-size:14px}
.cart-item{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;border:1px solid var(--line);background:#fff;border-radius:28px;padding:18px;box-shadow:0 12px 45px rgba(15,23,42,.06)}
.cart-item__image{border:1px solid var(--line);background:linear-gradient(135deg,#f8fafc,#fff1f2);border-radius:22px;min-height:220px;display:grid;place-items:center;font-size:88px}.cart-item__content{min-width:0}.cart-item__top{display:flex;justify-content:space-between;gap:16px}.cart-item__name{font-size:24px;line-height:1.08;letter-spacing:-.04em;font-weight:950;color:#0b1220}.cart-item__name:hover{color:var(--rose)}.cart-item__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.cart-item__meta span{border:1px solid var(--line);background:#f8fafc;border-radius:999px;padding:6px 9px;color:var(--muted);font-size:12px;font-weight:850}.cart-remove{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:var(--muted);font-weight:900}.cart-remove:hover{background:#fff1f2;color:var(--rose-dark);border-color:#ffe4e6}
.cart-config-grid{display:grid;grid-template-columns:130px 1fr 1.2fr;gap:12px;margin:18px 0}.field.compact span,.cart-item__note .field span{display:block;font-weight:850;margin-bottom:7px}.field.compact input,.field.compact select{padding:11px 12px}.cart-item__note{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px;margin-top:8px}.cart-item__note textarea{resize:vertical;min-height:92px}.file-box{border:1px dashed rgba(225,29,72,.42);background:#fff1f2;border-radius:18px;padding:14px;cursor:pointer;display:grid;gap:4px;align-content:center;color:var(--rose-dark)}.file-box span{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:24px;font-weight:900}.file-box strong{font-size:15px}.file-box small{color:#9f1239;line-height:1.35}.cart-item__price{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:14px}.cart-item__price>div{border:1px solid var(--line);border-radius:16px;padding:12px;background:#f8fafc}.cart-item__price span{display:block;color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.cart-item__price strong{display:block;margin-top:3px;color:#0b1220}.cart-item__price .cart-item__total{background:#ecfeff;border-color:#cffafe}.cart-item__price .cart-item__total strong{color:#0e7490;font-size:20px}
.cart-extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.coupon-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:14px}.coupon-form input{border:1px solid var(--line);border-radius:999px;padding:12px 14px;outline:none}.mini-checks{display:grid;gap:8px;margin-top:13px}.mini-checks span{font-weight:850;color:#0e7490;background:#ecfeff;border:1px solid #cffafe;border-radius:999px;padding:8px 11px;width:max-content;max-width:100%}
.cart-summary{position:sticky;top:100px;display:grid;gap:14px}.cart-summary__box{background:#0f172a;color:#fff;border-radius:28px;padding:24px;box-shadow:var(--shadow)}.cart-summary__box h2{font-size:30px;letter-spacing:-.05em;margin:0 0 18px}.summary-line{display:flex;justify-content:space-between;gap:16px;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.1);padding:12px 0}.summary-line strong{color:#fff}.summary-line.total{font-size:22px;font-weight:950;color:#fff;border-bottom:0;border-top:2px solid rgba(6,182,212,.55);margin-top:10px;padding-top:18px}.cart-summary__box .button{margin-top:12px}.cart-summary__box .button.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}.cart-summary__note{color:#cbd5e1;font-size:13px;line-height:1.5;margin:16px 0 0}.cart-help{border:1px solid var(--line);background:#fff;border-radius:22px;padding:18px;display:grid;gap:5px}.cart-help strong{font-size:18px}.cart-help span{color:var(--muted);font-weight:760}
@media (max-width:1040px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-title-row{grid-template-columns:1fr}.cart-steps{justify-content:flex-start}}
@media (max-width:760px){.cart-item{grid-template-columns:1fr}.cart-item__image{min-height:180px}.cart-config-grid,.cart-item__note,.cart-item__price,.cart-extra-grid{grid-template-columns:1fr}.cart-toolbar{align-items:flex-start;flex-direction:column}.coupon-form{grid-template-columns:1fr}.cart-title-row h1{font-size:42px}}
/* DB-LIVE-V7 additions */
.empty-state{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow-soft)}
.product-image span{font-size:54px}.variant-list{display:grid;gap:10px;margin-top:12px}.variant-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;color:inherit}.variant-item:hover{border-color:rgba(184,22,83,.35);box-shadow:0 12px 28px rgba(15,23,42,.08)}.variant-dot{width:18px;height:18px;border-radius:50%;border:1px solid var(--line);display:inline-block;background:#f1f5f9}.variant-name{display:flex;align-items:center;gap:10px}.db-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);font-weight:800;color:var(--muted);font-size:13px;background:#fff}.stock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stock-box{border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff}.stock-box small{display:block;color:var(--muted);font-weight:800}.stock-box strong{font-size:20px}.product-card .product-image{display:flex;align-items:center;justify-content:center}.search-note{margin-top:8px;color:var(--muted);font-size:15px}.top-strip .container span:first-child:before{content:"DB live";font-weight:900;color:var(--rose);margin-right:8px}
@media(max-width:720px){.stock-grid{grid-template-columns:1fr}.variant-item{align-items:flex-start;flex-direction:column}}
/* HEADER-MENU-V12-FULL-VISIBLE-2026-05-27
Menu kategorii przebudowane tak, żeby główne kategorie były widoczne bez zmniejszania zoomu. */
.mega-menu{
top:94px;
width:min(1380px,calc(100% - 28px));
max-height:calc(100vh - 112px);
overflow:auto;
border-radius:24px;
}
.mega-menu.is-open{display:block}
.mega-head{padding:14px 20px}
.mega-head strong{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mega-head-count{display:inline-flex;align-items:center;border:1px solid var(--line);background:#f8fafc;color:var(--muted);border-radius:999px;padding:5px 10px;font-size:13px;font-weight:900;letter-spacing:0}
.mega-body{display:block;min-height:0}
.mega-roots{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
padding:14px;
overflow:visible;
background:linear-gradient(135deg,#fff1f2 0%,#ffffff 48%,#ecfeff 100%);
}
.mega-root{
width:auto;
min-height:46px;
padding:10px 12px;
border:1px solid rgba(229,231,235,.95);
background:rgba(255,255,255,.76);
box-shadow:none;
font-size:15px;
line-height:1.15;
}
.mega-root:hover,.mega-root.is-active{
background:#fff;
color:var(--rose);
border-color:rgba(225,29,72,.28);
box-shadow:0 10px 28px rgba(15,23,42,.07);
}
.mega-root span{overflow:hidden;text-overflow:ellipsis}
.mega-root small{
flex:0 0 auto;
min-width:28px;
text-align:center;
border-radius:999px;
background:#f8fafc;
border:1px solid var(--line);
padding:3px 7px;
color:var(--muted);
font-size:12px;
}
.mega-root.is-active small{background:#fff1f2;color:var(--rose-dark);border-color:#ffe4e6}
.mega-panels{
padding:18px 20px 22px;
overflow:visible;
border-top:1px solid var(--line);
background:#fff;
}
.mega-panel h3{font-size:24px;margin:0 0 6px;letter-spacing:-.045em}
.mega-panel h3 a:hover{color:var(--rose)}
.mega-panel .muted{margin:0 0 14px;font-size:15px;line-height:1.45;max-width:980px}
.mega-subgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.mega-sub{min-height:54px;padding:10px 12px;border-radius:15px;line-height:1.2}
.mega-sub span{font-size:15px;font-weight:820}
.mega-sub small{min-width:26px;text-align:center;border-radius:999px;background:#f8fafc;border:1px solid var(--line);padding:3px 7px;font-size:12px}
@media (max-width:1180px){
.mega-roots{grid-template-columns:repeat(3,minmax(0,1fr))}
.mega-subgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
.mega-menu{top:132px;width:calc(100% - 24px);max-height:calc(100vh - 150px)}
.mega-roots{grid-template-columns:repeat(2,minmax(0,1fr))}
.mega-panels{display:block;padding:16px}
.mega-subgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
.mega-menu{top:82px;width:calc(100% - 20px);max-height:calc(100vh - 98px);border-radius:20px}
.mega-roots{grid-template-columns:1fr;padding:12px}
.mega-root{min-height:44px}
.mega-panels{display:none}
.mega-head strong{font-size:17px}
}
/* CATEGORY-SIDEBAR-FIX-V13-2026-05-28
Powrót do układu: filtry z boku, sticky, bez nachodzenia na produkty. */
.category-layout-section{
padding-top:32px;
}
.layout-with-sidebar{
display:grid;
grid-template-columns:300px minmax(0,1fr);
gap:28px;
align-items:start;
}
.category-main{
min-width:0;
}
.layout-with-sidebar > .sidebar{
position:sticky;
top:96px;
align-self:start;
z-index:2;
background:#fff;
border:1px solid var(--line);
border-radius:24px;
padding:22px;
box-shadow:0 14px 42px rgba(15,23,42,.06);
}
.layout-with-sidebar > .sidebar h2{
margin:0 0 18px;
font-size:22px;
letter-spacing:-.035em;
}
.layout-with-sidebar > .sidebar .filter-pill{
background:#fff;
min-height:58px;
align-items:center;
}
.subcategories{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
margin:0 0 26px;
}
.subcategories a{
min-height:64px;
border:1px solid var(--line);
background:#fff;
border-radius:18px;
padding:14px 16px;
font-weight:900;
line-height:1.25;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
transition:.18s ease;
}
.subcategories a:hover{
border-color:rgba(225,29,72,.32);
box-shadow:0 12px 32px rgba(15,23,42,.07);
transform:translateY(-1px);
color:var(--rose);
}
.subcategories a span{
flex:0 0 auto;
min-width:30px;
text-align:center;
color:var(--muted);
border:1px solid var(--line);
background:#f8fafc;
border-radius:999px;
padding:3px 8px;
font-size:13px;
font-weight:900;
}
.category-main .section-title.compact{
align-items:end;
margin-bottom:24px;
}
@media (max-width:1080px){
.layout-with-sidebar{
grid-template-columns:260px minmax(0,1fr);
gap:20px;
}
.subcategories{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:880px){
.layout-with-sidebar{
grid-template-columns:1fr;
}
.layout-with-sidebar > .sidebar{
position:static;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.layout-with-sidebar > .sidebar h2{
grid-column:1/-1;
margin-bottom:4px;
}
}
@media (max-width:620px){
.layout-with-sidebar > .sidebar,
.subcategories{
grid-template-columns:1fr;
}
}
/* PRODUCT-IMAGES-V14-2026-05-28 */
.product-image,
.cart-item__image,
.gallery-main,
.thumb{
position:relative;
overflow:hidden;
}
.product-image img{
width:100%;
height:100%;
object-fit:contain;
display:block;
padding:20px;
background:linear-gradient(135deg,#f8fafc,#fff1f2);
}
.product-image .image-fallback,
.cart-item__image .image-fallback,
.gallery-main .image-fallback{
display:none;
}
.product-image.image-missing .image-fallback,
.cart-item__image.image-missing .image-fallback,
.gallery-main.image-missing .image-fallback{
display:grid;
place-items:center;
width:100%;
height:100%;
}
.gallery-main{
background:#fff;
}
.gallery-main img{
width:100%;
height:100%;
max-height:440px;
object-fit:contain;
display:block;
padding:28px;
}
.gallery-main.image-missing{
background:linear-gradient(135deg,#f8fafc,#fff1f2);
}
.gallery-main .image-fallback{
font-size:130px;
}
.gallery-thumbs{
grid-template-columns:repeat(auto-fit,minmax(78px,1fr));
}
.thumb{
cursor:pointer;
padding:0;
font:inherit;
transition:.16s ease;
}
.thumb:hover,
.thumb.is-active{
border-color:rgba(184,22,83,.45);
box-shadow:0 8px 24px rgba(15,23,42,.08);
}
.thumb img{
width:100%;
height:84px;
object-fit:contain;
padding:8px;
display:block;
}
.cart-item__image{
background:#fff;
}
.cart-item__image img{
width:100%;
height:100%;
min-height:220px;
object-fit:contain;
padding:18px;
display:block;
}
.cart-item__image.image-missing{
background:linear-gradient(135deg,#f8fafc,#fff1f2);
}
@media (max-width:760px){
.cart-item__image img{min-height:180px;}
.gallery-main img{max-height:330px;}
}
/* PRODUCT-IMAGES-V15-NO-PLACEHOLDER-2026-05-28
Usuwa stare tymczasowe ikonki emoji pokazywane obok właściwych zdjęć. */
.image-fallback{
display:none !important;
visibility:hidden !important;
}
.product-image,
.cart-item__image,
.gallery-main{
background:#fff;
}
.product-image img,
.cart-item__image img,
.gallery-main img{
position:relative;
z-index:1;
}
.product-image .image-empty,
.cart-item__image .image-empty,
.gallery-main .image-empty{
display:grid;
place-items:center;
width:100%;
height:100%;
min-height:160px;
color:var(--muted);
font-size:15px;
font-weight:900;
background:#fff;
text-align:center;
}
.gallery-main .image-empty{
min-height:420px;
font-size:18px;
}
.thumb .image-fallback,
.thumb .image-empty{
display:none !important;
}
/* KATEGORIA-FILTERS-SORT-V17-2026-05-28
Działające filtry: cena, minimalna dostępność, kolor, znakowanie + sortowanie listingu. */
.category-filters .filter-form{
display:grid;
gap:18px;
}
.filter-group{
border-top:1px solid var(--line);
padding-top:16px;
display:grid;
gap:9px;
}
.filter-group:first-of-type{
border-top:0;
padding-top:0;
}
.filter-label{
font-size:14px;
font-weight:950;
letter-spacing:.02em;
text-transform:uppercase;
color:var(--ink);
}
.filter-row.two{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
}
.filter-form input[type="number"],
.sort-form select{
width:100%;
border:1px solid var(--line);
background:#fff;
border-radius:14px;
padding:12px 13px;
font:inherit;
outline:none;
}
.filter-form input[type="number"]:focus,
.sort-form select:focus{
border-color:rgba(225,29,72,.45);
box-shadow:0 0 0 4px rgba(225,29,72,.08);
}
.filter-group small{
color:var(--muted);
font-size:12px;
line-height:1.35;
}
.filter-checks{
display:grid;
gap:8px;
max-height:190px;
overflow:auto;
padding-right:4px;
}
.check-option{
display:flex;
align-items:center;
gap:10px;
border:1px solid var(--line);
border-radius:14px;
padding:10px 11px;
cursor:pointer;
font-weight:800;
color:var(--muted);
background:#fff;
}
.check-option:hover{
border-color:rgba(225,29,72,.32);
color:var(--ink);
}
.check-option input{
width:16px;
height:16px;
accent-color:var(--rose);
}
.filter-actions{
display:grid;
gap:10px;
padding-top:2px;
}
.listing-toolbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
margin:0 0 24px;
border:1px solid var(--line);
background:#fff;
border-radius:22px;
padding:14px 16px;
}
.listing-toolbar__count{
display:flex;
align-items:baseline;
gap:8px;
flex-wrap:wrap;
color:var(--muted);
font-weight:800;
}
.listing-toolbar__count strong{
color:var(--ink);
font-size:24px;
letter-spacing:-.04em;
}
.listing-toolbar__count small{
flex-basis:100%;
color:var(--muted);
}
.sort-form{
display:flex;
align-items:center;
gap:10px;
min-width:260px;
}
.sort-form label{
font-weight:900;
color:var(--muted);
}
@media (max-width:880px){
.category-filters .filter-form{
grid-column:1/-1;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.filter-actions{
align-self:end;
}
.listing-toolbar{
align-items:stretch;
flex-direction:column;
}
.sort-form{
min-width:0;
width:100%;
}
}
@media (max-width:620px){
.category-filters .filter-form,
.filter-row.two{
grid-template-columns:1fr;
}
.sort-form{
flex-direction:column;
align-items:flex-start;
}
}
/* KATEGORIA-FILTERS-V18-POLISHED-2026-05-28
Czytelniejsze filtry: nowoczesne pola, chipy checkbox, lepszy sticky sidebar. */
.layout-with-sidebar{
grid-template-columns:320px minmax(0,1fr);
gap:32px;
}
.layout-with-sidebar > .sidebar.category-filters{
top:104px;
padding:0;
overflow:hidden;
border-radius:28px;
border:1px solid rgba(226,232,240,.95);
background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
box-shadow:0 24px 70px rgba(15,23,42,.09);
}
.category-filters h2{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin:0;
padding:22px 24px 18px;
font-size:26px;
line-height:1;
letter-spacing:-.055em;
border-bottom:1px solid var(--line);
background:linear-gradient(135deg,#fff 0%,#fff7f9 55%,#ecfeff 100%);
}
.category-filters h2::after{
content:"";
width:42px;
height:42px;
border-radius:16px;
background:linear-gradient(135deg,var(--rose),var(--cyan));
box-shadow:0 12px 25px rgba(225,29,72,.18);
-webkit-mask:url('data:image/svg+xml;utf8,') center/22px 22px no-repeat;
mask:url('data:image/svg+xml;utf8,') center/22px 22px no-repeat;
}
.category-filters .filter-form{
padding:20px;
display:grid;
gap:16px;
}
.category-filters .filter-group{
border:1px solid rgba(226,232,240,.95);
border-radius:22px;
background:#fff;
padding:16px;
display:grid;
gap:12px;
box-shadow:0 10px 30px rgba(15,23,42,.045);
}
.category-filters .filter-group:first-of-type{
border-top:1px solid rgba(226,232,240,.95);
padding-top:16px;
}
.category-filters .filter-label{
display:flex;
align-items:center;
gap:10px;
margin:0;
font-size:15px;
line-height:1.2;
font-weight:950;
letter-spacing:-.02em;
text-transform:none;
color:var(--ink);
}
.category-filters .filter-label::before{
content:"";
width:28px;
height:28px;
flex:0 0 28px;
border-radius:10px;
display:inline-grid;
place-items:center;
background:#fff1f2;
color:var(--rose);
box-shadow:inset 0 0 0 1px rgba(225,29,72,.08);
}
.category-filters .filter-group:nth-of-type(1) .filter-label::before{content:"zł";font-size:12px;font-weight:950;}
.category-filters .filter-group:nth-of-type(2) .filter-label::before{content:"szt";font-size:10px;font-weight:950;}
.category-filters .filter-group:nth-of-type(3) .filter-label::before{content:"●";font-size:16px;}
.category-filters .filter-group:nth-of-type(4) .filter-label::before{content:"✦";font-size:15px;}
.category-filters .filter-row.two{
gap:8px;
}
.category-filters .filter-form input[type="number"]{
width:100%;
height:48px;
border:1px solid #dbe3ef;
background:#f8fafc;
border-radius:16px;
padding:0 14px;
color:var(--ink);
font-weight:850;
outline:none;
transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.category-filters .filter-form input[type="number"]::placeholder{
color:#94a3b8;
font-weight:750;
}
.category-filters .filter-form input[type="number"]:focus{
border-color:rgba(6,182,212,.55);
background:#fff;
box-shadow:0 0 0 4px rgba(6,182,212,.12);
}
.category-filters input[type="number"]::-webkit-outer-spin-button,
.category-filters input[type="number"]::-webkit-inner-spin-button{
-webkit-appearance:none;
margin:0;
}
.category-filters input[type="number"]{
-moz-appearance:textfield;
}
.category-filters .filter-group small{
color:#64748b;
font-size:13px;
line-height:1.45;
background:#f8fafc;
border:1px solid #edf2f7;
border-radius:14px;
padding:10px 12px;
}
.category-filters .filter-checks{
display:flex;
flex-wrap:wrap;
gap:8px;
max-height:220px;
overflow:auto;
padding:2px 4px 2px 0;
scrollbar-width:thin;
scrollbar-color:#cbd5e1 transparent;
}
.category-filters .filter-checks::-webkit-scrollbar{width:8px;}
.category-filters .filter-checks::-webkit-scrollbar-track{background:transparent;}
.category-filters .filter-checks::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;}
.category-filters .check-option{
min-height:38px;
display:inline-flex;
align-items:center;
gap:8px;
border:1px solid #dbe3ef;
border-radius:999px;
padding:8px 11px;
background:#f8fafc;
color:#334155;
font-size:14px;
font-weight:850;
line-height:1.1;
cursor:pointer;
transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.category-filters .check-option:hover{
transform:translateY(-1px);
background:#fff;
color:var(--ink);
border-color:rgba(225,29,72,.32);
box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.category-filters .check-option input{
appearance:none;
-webkit-appearance:none;
width:18px;
height:18px;
flex:0 0 18px;
border:2px solid #cbd5e1;
background:#fff;
border-radius:7px;
margin:0;
position:relative;
transition:.15s ease;
}
.category-filters .check-option input:checked{
border-color:var(--rose);
background:var(--rose);
box-shadow:0 0 0 3px rgba(225,29,72,.12);
}
.category-filters .check-option input:checked::after{
content:"";
position:absolute;
left:4px;
top:1px;
width:5px;
height:9px;
border:solid #fff;
border-width:0 2px 2px 0;
transform:rotate(45deg);
}
.category-filters .check-option:has(input:checked){
background:#fff1f2;
color:var(--rose-dark);
border-color:rgba(225,29,72,.32);
}
.category-filters .filter-actions{
display:grid;
grid-template-columns:1fr;
gap:10px;
padding-top:0;
position:sticky;
bottom:0;
background:linear-gradient(180deg,rgba(255,255,255,0),#fff 18%);
margin:0 -20px -20px;
padding:24px 20px 20px;
}
.category-filters .filter-actions .button.primary{
min-height:50px;
border-radius:16px;
background:linear-gradient(135deg,var(--cyan),#0891b2);
box-shadow:0 14px 28px rgba(6,182,212,.22);
}
.category-filters .filter-actions .button.ghost{
min-height:46px;
border-radius:16px;
background:#fff;
}
.listing-toolbar{
border-radius:24px;
padding:16px 18px;
box-shadow:0 14px 40px rgba(15,23,42,.055);
}
.sort-form{
background:#f8fafc;
border:1px solid var(--line);
border-radius:999px;
padding:6px 6px 6px 14px;
}
.sort-form label{
font-size:14px;
color:#475569;
}
.sort-form select{
height:42px;
border-radius:999px;
background:#fff;
padding:0 40px 0 14px;
font-weight:850;
}
@media (max-width:1080px){
.layout-with-sidebar{grid-template-columns:290px minmax(0,1fr);gap:22px;}
}
@media (max-width:880px){
.layout-with-sidebar > .sidebar.category-filters{
position:static;
display:block;
}
.category-filters .filter-form{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.category-filters .filter-actions{
grid-column:1/-1;
position:static;
margin:0;
padding:0;
background:transparent;
}
}
@media (max-width:620px){
.category-filters .filter-form{grid-template-columns:1fr;}
.category-filters h2{padding:20px;font-size:24px;}
.category-filters .filter-form{padding:16px;}
.sort-form{border-radius:18px;width:100%;align-items:stretch;}
.sort-form select{width:100%;}
}
/* KATEGORIA-FILTERS-V19-SCROLL-FIX-2026-05-28
Sidebar filtrów ma własne przewijanie, żeby końcówka formularza była dostępna przy sticky panelu. */
.layout-with-sidebar > .sidebar.category-filters{
max-height:calc(100vh - 124px);
overflow-y:auto;
overflow-x:hidden;
overscroll-behavior:contain;
scrollbar-width:thin;
scrollbar-color:#cbd5e1 transparent;
}
.layout-with-sidebar > .sidebar.category-filters::-webkit-scrollbar{
width:10px;
}
.layout-with-sidebar > .sidebar.category-filters::-webkit-scrollbar-track{
background:transparent;
}
.layout-with-sidebar > .sidebar.category-filters::-webkit-scrollbar-thumb{
background:#cbd5e1;
border-radius:999px;
border:3px solid #fff;
}
.category-filters h2{
position:sticky;
top:0;
z-index:4;
}
.category-filters .filter-actions{
z-index:3;
}
.category-filters .filter-form{
padding-bottom:22px;
}
@media (max-width:880px){
.layout-with-sidebar > .sidebar.category-filters{
max-height:none;
overflow:visible;
}
.category-filters h2{
position:static;
}
}
/* KATEGORIA-FILTERS-V20-NO-INTERNAL-SCROLL-2026-05-28
Jeden scroll strony. Filtry bez własnego przewijania i bez przyklejonych przycisków wewnątrz panelu. */
.layout-with-sidebar > .sidebar.category-filters{
max-height:none !important;
overflow:visible !important;
overscroll-behavior:auto !important;
scrollbar-width:auto !important;
}
.layout-with-sidebar > .sidebar.category-filters::-webkit-scrollbar{
display:none !important;
}
.category-filters h2{
position:static !important;
top:auto !important;
z-index:auto !important;
}
.category-filters .filter-checks{
max-height:none !important;
overflow:visible !important;
padding-right:0 !important;
scrollbar-width:auto !important;
}
.category-filters .filter-checks::-webkit-scrollbar{
display:none !important;
}
.category-filters .filter-actions{
position:static !important;
bottom:auto !important;
z-index:auto !important;
background:transparent !important;
margin:2px 0 0 !important;
padding:0 !important;
}
.category-filters .filter-form{
padding-bottom:20px !important;
}
@media (min-width:881px){
.layout-with-sidebar > .sidebar.category-filters{
position:sticky;
top:104px;
align-self:start;
}
}
/* KATEGORIA-FILTERS-V21-NO-STICKY-2026-05-29
Filtry zostają z boku, ale nie są pływające/sticky. Przewija się tylko cała strona. */
@media (min-width:881px){
.layout-with-sidebar > .sidebar,
.layout-with-sidebar > .sidebar.category-filters{
position:relative !important;
top:auto !important;
align-self:start !important;
}
}
.category-filters h2,
.category-filters .filter-actions{
position:static !important;
top:auto !important;
bottom:auto !important;
}
/* PRODUCT-CARDS-V22-CLEAN-CLICKABLE-2026-05-29
Karty produktów jako pełne linki: bez opisów, bez CTA, większe zdjęcia, białe tło, brak cieni na hover. */
.product-card,
.category-card,
.mega-root,
.mega-sub,
.subcategories a,
.subcat,
.variant-item,
.text-aside a,
.panel,
.info-block,
.spec,
.cart-item,
.cart-summary__box,
.cart-help{
box-shadow:none !important;
}
.product-card:hover,
.category-card:hover,
.mega-root:hover,
.mega-sub:hover,
.subcategories a:hover,
.subcat:hover,
.variant-item:hover,
.text-aside a:hover,
.panel:hover,
.info-block:hover,
.spec:hover{
box-shadow:none !important;
transform:none !important;
}
.product-card{
display:flex;
flex-direction:column;
color:inherit;
min-height:100%;
border-color:#e7eaf0;
}
.product-card--clickable{
cursor:pointer;
}
.product-card--clickable:hover{
border-color:rgba(225,29,72,.34);
background:#fff;
}
.product-card .product-image{
height:260px;
background:#fff !important;
border-bottom:1px solid var(--line);
display:flex;
align-items:center;
justify-content:center;
}
.product-card .product-image img{
width:100%;
height:100%;
object-fit:contain;
padding:6px !important;
background:#fff !important;
}
.product-card .product-body{
display:flex;
flex-direction:column;
gap:12px;
padding:18px 20px 20px;
flex:1;
}
.product-card .product-body h3{
margin:0;
font-size:22px;
line-height:1.22;
letter-spacing:-.045em;
color:#0b1220;
}
.product-card:hover .product-body h3{
color:var(--rose);
}
.product-card .product-body p,
.product-card .button{
display:none !important;
}
.product-buyline{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:14px;
margin-top:auto;
}
.product-code-stock{
min-width:0;
display:flex;
flex-direction:column;
gap:2px;
color:var(--muted);
font-weight:850;
line-height:1.25;
}
.product-symbol{
color:#5f6f85;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
max-width:170px;
}
.product-stock{
color:#7a8797;
font-size:14px;
}
.product-card .price{
white-space:nowrap;
font-size:25px;
line-height:1;
color:var(--rose);
letter-spacing:-.035em;
}
@media (max-width:1180px){
.product-card .product-image{height:230px}
}
@media (max-width:620px){
.product-card .product-image{height:220px}
.product-buyline{align-items:flex-start;flex-direction:column}
}
/* PRODUCT-CARDS-V23-FOUR-COLUMNS-2026-05-29
Cztery produkty w rzędzie, bez ikonek online, premium jako mały badge w rogu zdjęcia, kwadratowe zdjęcia. */
.cards{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:16px !important;
}
.product-card,
.product-card:hover,
.category-card,
.category-card:hover,
.panel,
.panel:hover,
.info-block,
.info-block:hover,
.spec,
.spec:hover,
.cart-item,
.cart-item:hover,
.cart-help,
.cart-help:hover,
.subcategories a,
.subcategories a:hover,
.mega-root,
.mega-root:hover,
.mega-sub,
.mega-sub:hover,
.variant-item,
.variant-item:hover{
box-shadow:none !important;
transform:none !important;
}
.product-card{
border-radius:22px !important;
overflow:hidden;
background:#fff;
}
.product-card--clickable:hover{
border-color:rgba(225,29,72,.28) !important;
}
.product-media{
position:relative;
width:100%;
aspect-ratio:1 / 1;
background:#fff;
border-bottom:1px solid var(--line);
overflow:hidden;
display:block;
}
.product-media .product-image,
.product-card .product-image{
width:100%;
height:100% !important;
aspect-ratio:1 / 1;
background:#fff !important;
border-bottom:0 !important;
display:flex !important;
align-items:center;
justify-content:center;
}
.product-media .product-image img,
.product-card .product-image img{
width:100%;
height:100%;
object-fit:contain;
padding:3px !important;
background:#fff !important;
}
.product-badge{
position:absolute;
top:10px;
right:10px;
z-index:2;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:24px;
border-radius:999px;
padding:5px 9px;
border:1px solid rgba(225,29,72,.16);
background:rgba(255,255,255,.92);
color:var(--rose-dark);
font-size:11px;
line-height:1;
font-weight:700;
letter-spacing:.02em;
text-transform:uppercase;
backdrop-filter:blur(8px);
}
.product-card .tag{
display:none !important;
}
.product-card .product-body{
padding:14px 15px 16px !important;
gap:12px !important;
}
.product-card .product-body h3{
font-size:16px !important;
line-height:1.25 !important;
letter-spacing:-.025em !important;
font-weight:500 !important;
color:#111827;
min-height:40px;
}
.product-card:hover .product-body h3{
color:#111827 !important;
}
.product-buyline{
align-items:flex-end !important;
gap:10px !important;
}
.product-code-stock{
gap:3px !important;
font-weight:400 !important;
font-size:13px;
min-width:0;
}
.product-symbol,
.product-stock{
font-weight:400 !important;
color:#64748b !important;
}
.product-symbol{
max-width:135px !important;
}
.product-stock{
font-size:13px !important;
}
.product-card .price{
white-space:nowrap !important;
font-size:18px !important;
line-height:1 !important;
font-weight:850;
letter-spacing:-.02em;
}
@media (max-width:1180px){
.cards{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width:820px){
.cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:520px){
.cards{grid-template-columns:1fr !important;}
.product-card .product-body h3{min-height:auto;}
.product-buyline{flex-direction:row !important;align-items:flex-end !important;}
}
/* DESIGN-SYSTEM-V24-CARDS-FILTERS-PAGES-2026-05-29
Ujednolicenie filtrów i pozostałych podstron pod czysty design kart produktów. Bez cieni, bez pseudo-3D, bez sklepiku z 2004 roku. */
:root{
--card-border:#e7eaf0;
--card-bg:#ffffff;
--page-bg:#f8fafc;
--field-bg:#ffffff;
}
/* globalne uspokojenie hoverów i boxów */
.button,
.menu-button,
.cart-pill,
.category-card,
.panel,
.info-block,
.spec,
.cart-item,
.cart-summary__box,
.cart-help,
.subcategories a,
.subcat,
.variant-item,
.mega-root,
.mega-sub,
.product-card,
.filter-group,
.listing-toolbar,
.text-aside a{
box-shadow:none !important;
}
.button:hover,
.menu-button:hover,
.category-card:hover,
.panel:hover,
.info-block:hover,
.spec:hover,
.cart-item:hover,
.cart-help:hover,
.subcategories a:hover,
.subcat:hover,
.variant-item:hover,
.mega-root:hover,
.mega-sub:hover,
.product-card:hover,
.text-aside a:hover{
transform:none !important;
box-shadow:none !important;
}
/* strona główna */
.section{padding:48px 0;}
.section-title{align-items:flex-start;margin-bottom:20px;}
.section-title h2{font-size:clamp(30px,3.6vw,42px);letter-spacing:-.045em;}
.section-title p{font-size:15px;line-height:1.55;color:#64748b;}
#bestsellery .cards{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
.category-grid{gap:16px;}
.category-card{
min-height:128px;
border-color:var(--card-border);
border-radius:22px;
padding:18px;
}
.category-card:hover{border-color:rgba(225,29,72,.28);}
.category-card strong{font-size:18px;font-weight:600;line-height:1.2;}
.category-card span:not(.category-icon){font-weight:400;font-size:14px;}
.category-icon{background:#fff;border:1px solid var(--card-border);color:var(--rose-dark);}
/* nagłówki podstron */
.page-head{
padding:26px 0 20px;
background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
border-bottom:1px solid var(--line);
}
.page-head h1{
font-size:clamp(34px,4vw,54px);
letter-spacing:-.055em;
margin:12px 0 8px;
}
.page-head p{font-size:17px;max-width:860px;color:#64748b;}
.breadcrumb{margin:14px 0 10px;font-size:13px;}
.eyebrow{font-size:12px;padding:7px 12px;background:#fff;border-color:var(--card-border);color:#9f1239;}
/* layout kategorii i filtry */
.category-layout-section{background:#fff;padding-top:32px;}
.layout-with-sidebar{
display:grid;
grid-template-columns:280px minmax(0,1fr);
gap:24px;
align-items:start;
}
.layout-with-sidebar > .sidebar.category-filters{
position:relative !important;
top:auto !important;
align-self:start !important;
border:1px solid var(--card-border);
border-radius:22px;
background:#fff;
overflow:hidden !important;
max-height:none !important;
}
.category-filters h2{
padding:18px 18px 14px !important;
margin:0 !important;
font-size:22px !important;
font-weight:600 !important;
letter-spacing:-.035em !important;
border-bottom:1px solid var(--line);
background:#fff !important;
}
.category-filters h2::after{display:none !important;}
.category-filters .filter-form{
display:grid;
gap:14px;
padding:16px !important;
background:#fff;
}
.category-filters .filter-group{
border:1px solid var(--card-border) !important;
background:#fff !important;
border-radius:18px !important;
padding:14px !important;
}
.category-filters .filter-label{
display:flex;
align-items:center;
gap:8px;
margin:0 0 10px !important;
color:#111827 !important;
font-size:14px !important;
font-weight:600 !important;
letter-spacing:-.01em;
}
.category-filters .filter-label::before{
display:inline-grid;
place-items:center;
width:22px;
height:22px;
border-radius:8px;
background:#f8fafc !important;
border:1px solid var(--card-border);
color:#64748b !important;
}
.category-filters .filter-row.two{gap:8px;}
.category-filters .filter-form input[type="number"],
.category-filters .filter-form select,
.sort-form select,
.field input,
.field select,
.field textarea,
.coupon-form input{
border:1px solid var(--card-border) !important;
background:#fff !important;
border-radius:14px !important;
box-shadow:none !important;
}
.category-filters .filter-form input[type="number"]{height:44px;padding:0 12px !important;font-size:14px;}
.category-filters .filter-form input:focus,
.category-filters .filter-form select:focus,
.sort-form select:focus,
.field input:focus,
.field select:focus,
.field textarea:focus{
border-color:rgba(6,182,212,.55) !important;
box-shadow:0 0 0 3px rgba(6,182,212,.09) !important;
}
.category-filters .filter-group small{
display:block;
margin-top:8px;
color:#64748b;
font-size:12px;
line-height:1.35;
}
.category-filters .filter-checks{
display:flex !important;
flex-wrap:wrap;
gap:8px;
max-height:none !important;
overflow:visible !important;
padding-right:0 !important;
}
.category-filters .check-option{
width:auto !important;
min-height:34px;
border:1px solid var(--card-border) !important;
border-radius:999px !important;
background:#fff !important;
padding:7px 10px !important;
gap:6px !important;
font-size:13px;
color:#475569;
}
.category-filters .check-option:hover{border-color:rgba(225,29,72,.28) !important;background:#fff !important;}
.category-filters .check-option input{
width:16px !important;
height:16px !important;
border-radius:6px !important;
border-color:#cbd5e1 !important;
}
.category-filters .check-option input:checked{background:var(--rose) !important;border-color:var(--rose) !important;}
.category-filters .check-option:has(input:checked){background:#fff1f2 !important;border-color:#fecdd3 !important;color:#9f1239;}
.category-filters .filter-actions{
display:grid;
gap:9px;
margin:0 !important;
padding:0 !important;
background:transparent !important;
position:static !important;
}
.category-filters .button{min-height:44px;border-radius:14px !important;padding:10px 14px;font-size:14px;}
/* toolbar sortowania */
.listing-toolbar{
border:1px solid var(--card-border);
background:#fff;
border-radius:22px;
padding:14px 16px;
margin-bottom:16px;
}
.listing-toolbar__count strong{font-size:20px;font-weight:600;color:#111827;}
.listing-toolbar__count span,
.listing-toolbar__count small{font-weight:400;color:#64748b;}
.sort-form{
background:#fff !important;
border:1px solid var(--card-border) !important;
border-radius:14px !important;
padding:7px 8px 7px 12px !important;
}
.sort-form label{font-weight:500;color:#64748b;}
.sort-form select{height:38px;font-size:14px;font-weight:500 !important;}
.subcategories{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin:0 0 16px;
}
.subcategories a{
border:1px solid var(--card-border);
border-radius:16px;
padding:11px 12px;
background:#fff;
font-weight:500;
}
.subcategories a:hover{border-color:rgba(225,29,72,.28);}
.subcategories a span{font-weight:400;color:#64748b;}
.empty-state{
border:1px solid var(--card-border);
border-radius:22px;
background:#fff;
padding:26px;
}
/* produkt */
.product-detail{gap:28px;padding:30px 0 46px;}
.gallery-main{
background:#fff !important;
border:1px solid var(--card-border) !important;
border-radius:24px !important;
min-height:520px;
box-shadow:none !important;
}
.gallery-main img{width:100%;height:100%;max-height:520px;object-fit:contain;padding:8px;background:#fff;}
.gallery-thumbs{grid-template-columns:repeat(5,1fr);gap:10px;}
.thumb{
border:1px solid var(--card-border) !important;
border-radius:16px;
min-height:96px;
background:#fff !important;
box-shadow:none !important;
}
.thumb img{width:100%;height:94px;object-fit:contain;padding:4px;background:#fff;}
.product-summary h1{font-size:clamp(32px,4vw,52px);}
.sku-row .badge{font-weight:400;border-color:var(--card-border);background:#fff;color:#64748b;}
.sku-row .badge.rose,.sku-row .badge.cyan{background:#fff;color:#64748b;border-color:var(--card-border);}
.panel,
.info-block,
.spec{
border-color:var(--card-border) !important;
background:#fff !important;
box-shadow:none !important;
}
.panel{border-radius:22px;padding:20px;}
.info-block{border-radius:22px;}
.spec{border-radius:16px;}
.spec small{font-weight:400;color:#64748b;}
.spec strong{font-weight:500;color:#111827;}
.calc-result{border-radius:18px;background:#111827;}
.variant-item{border-color:var(--card-border);border-radius:16px;}
/* koszyk */
.cart-head{background:#fff;border-bottom:1px solid var(--line);}
.cart-title-row h1{font-size:clamp(36px,4vw,56px);}
.cart-steps span{box-shadow:none;border-color:var(--card-border);font-weight:500;}
.cart-layout{gap:22px;}
.cart-toolbar,
.cart-item,
.cart-help{
border-color:var(--card-border) !important;
border-radius:22px !important;
background:#fff !important;
box-shadow:none !important;
}
.cart-item{grid-template-columns:190px minmax(0,1fr);padding:16px;}
.cart-item__image{
background:#fff !important;
border-color:var(--card-border) !important;
border-radius:18px !important;
min-height:190px;
}
.cart-item__image img{width:100%;height:100%;object-fit:contain;padding:4px;background:#fff;}
.cart-item__name{font-size:20px;font-weight:500;letter-spacing:-.025em;}
.cart-item__meta span{font-weight:400;background:#fff;border-color:var(--card-border);}
.cart-remove{box-shadow:none;}
.file-box{background:#fff;border-color:#fecdd3;border-radius:16px;}
.cart-item__price>div{background:#fff;border-color:var(--card-border);}
.cart-item__price span{font-weight:400;color:#64748b;}
.cart-item__price strong{font-weight:500;}
.cart-item__price .cart-item__total{background:#ecfeff;border-color:#cffafe;}
.cart-summary{position:relative !important;top:auto !important;}
.cart-summary__box{border-radius:24px;background:#111827;box-shadow:none !important;}
.cart-extra-grid .panel h2,.cart-summary__box h2,.panel h2,.info-block h2{font-weight:600;letter-spacing:-.035em;}
.mini-checks span{font-weight:500;}
/* tekstowe i dostawa */
.text-layout{align-items:start;}
.text-content,.text-aside{border-color:var(--card-border);box-shadow:none !important;}
.text-section h2{font-weight:600;letter-spacing:-.035em;}
.text-aside a{
display:block;
border:1px solid var(--card-border);
border-radius:14px;
padding:10px 12px;
margin:8px 0;
background:#fff;
font-weight:400;
}
.text-aside a:hover{border-color:rgba(225,29,72,.28);color:#111827;}
.panel.dark{background:#111827 !important;border-color:#111827 !important;color:#fff;}
.panel.dark p,.panel.dark .muted{color:#cbd5e1;}
/* responsywność */
@media (max-width:1120px){
.layout-with-sidebar{grid-template-columns:260px minmax(0,1fr);gap:20px;}
.subcategories{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:980px){
#bestsellery .cards{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
.gallery-main{min-height:420px;}
.cart-item{grid-template-columns:1fr;}
}
@media (max-width:880px){
.layout-with-sidebar{grid-template-columns:1fr;}
.layout-with-sidebar > .sidebar.category-filters{position:static !important;}
.category-filters .filter-form{grid-template-columns:repeat(2,minmax(0,1fr));}
.category-filters .filter-actions{grid-column:1/-1;}
}
@media (max-width:760px){
#bestsellery .cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
.cart-item__image{min-height:220px;}
}
@media (max-width:620px){
#bestsellery .cards{grid-template-columns:1fr !important;}
.section-title{display:block;}
.section-title .button{margin-top:14px;}
.category-filters .filter-form{grid-template-columns:1fr;}
.subcategories{grid-template-columns:1fr;}
.gallery-main{min-height:340px;}
.gallery-thumbs{grid-template-columns:repeat(3,1fr);}
}
/* HEADER-MENU-V26-LEFT-PANEL-2026-05-31
Kategorie główne po lewej, podkategorie po prawej po najechaniu.
CSS przeniesiony z headera do style.css, bo inline CSS to mały frontendowy grzech śmiertelny. */
.mega-menu{
top:94px !important;
width:min(1280px,calc(100% - 28px)) !important;
max-height:calc(100vh - 116px) !important;
overflow:hidden !important;
border-radius:24px !important;
}
.mega-menu.is-open{display:block !important;}
.mega-head{
padding:14px 20px !important;
border-bottom:1px solid var(--line) !important;
background:#fff !important;
}
.mega-head strong{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.mega-head-count{
display:inline-flex;
align-items:center;
border:1px solid var(--line);
background:#f8fafc;
color:var(--muted);
border-radius:999px;
padding:5px 10px;
font-size:13px;
font-weight:900;
letter-spacing:0;
}
.mega-body{
display:grid !important;
grid-template-columns:310px minmax(0,1fr) !important;
min-height:460px !important;
max-height:calc(100vh - 178px) !important;
overflow:hidden !important;
background:#fff !important;
}
.mega-roots{
display:flex !important;
flex-direction:column !important;
gap:6px !important;
padding:14px !important;
overflow:auto !important;
background:linear-gradient(180deg,#fff1f2 0%,#ffffff 55%,#ecfeff 100%) !important;
border-right:1px solid var(--line) !important;
}
.mega-root{
width:100% !important;
min-height:46px !important;
padding:10px 12px !important;
border:1px solid transparent !important;
background:transparent !important;
box-shadow:none !important;
border-radius:14px !important;
font-size:15px !important;
line-height:1.15 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
text-align:left !important;
color:var(--ink) !important;
}
.mega-root:hover,
.mega-root.is-active{
background:#fff !important;
color:var(--rose) !important;
border-color:rgba(225,29,72,.22) !important;
box-shadow:none !important;
transform:none !important;
}
.mega-root span{overflow:hidden;text-overflow:ellipsis;white-space:normal;}
.mega-root small{
flex:0 0 auto;
min-width:30px;
text-align:center;
border-radius:999px;
background:#f8fafc;
border:1px solid var(--line);
padding:3px 7px;
color:var(--muted);
font-size:12px;
font-weight:850;
}
.mega-root.is-active small{background:#fff1f2;color:var(--rose-dark);border-color:#ffe4e6;}
.mega-panels{
display:block !important;
padding:22px !important;
overflow:auto !important;
border-top:0 !important;
background:#fff !important;
}
.mega-panel{display:none !important;}
.mega-panel.is-active{display:block !important;}
.mega-panel h3{
font-size:28px !important;
margin:0 0 6px !important;
letter-spacing:-.045em !important;
}
.mega-panel h3 a:hover{color:var(--rose) !important;}
.mega-panel .muted{
margin:0 0 16px !important;
font-size:15px !important;
line-height:1.45 !important;
max-width:900px !important;
}
.mega-subgrid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:10px !important;
}
.mega-sub{
min-height:58px !important;
padding:11px 13px !important;
border-radius:15px !important;
line-height:1.2 !important;
background:#fff !important;
border:1px solid var(--line) !important;
box-shadow:none !important;
transform:none !important;
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
gap:10px !important;
color:var(--ink) !important;
}
.mega-sub:hover{
border-color:rgba(225,29,72,.3) !important;
color:var(--rose) !important;
box-shadow:none !important;
transform:none !important;
}
.mega-sub span{font-size:15px;font-weight:760;}
.mega-sub small{
min-width:28px;
text-align:center;
border-radius:999px;
background:#f8fafc;
border:1px solid var(--line);
padding:3px 7px;
font-size:12px;
color:var(--muted);
font-weight:850;
}
@media (max-width:1100px){
.mega-body{grid-template-columns:280px minmax(0,1fr) !important;}
.mega-subgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:760px){
.mega-menu{top:82px !important;width:calc(100% - 20px) !important;max-height:calc(100vh - 98px) !important;}
.mega-body{display:block !important;overflow:auto !important;max-height:calc(100vh - 152px) !important;}
.mega-roots{border-right:0 !important;}
.mega-panels{display:none !important;}
}
/* CATEGORY-RANGE-FILTERS-V27-2026-05-31
Filtry kategorii: zakres ceny i dostępnej ilości jako suwaki, kolory jako checkboxy. */
.category-filters .filter-group--range{
gap:14px !important;
}
.range-values{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
}
.range-values span{
display:flex;
flex-direction:column;
gap:3px;
min-width:0;
border:1px solid #e2e8f0;
background:#f8fafc;
border-radius:16px;
padding:10px 12px;
color:#64748b;
font-size:12px;
font-weight:850;
line-height:1.15;
}
.range-values strong{
color:var(--ink);
font-size:14px;
font-weight:950;
white-space:nowrap;
}
.dual-range{
--range-left:0%;
--range-right:100%;
position:relative;
height:42px;
border-radius:999px;
background:linear-gradient(90deg,#e2e8f0 0%,#e2e8f0 var(--range-left),var(--cyan) var(--range-left),var(--cyan) var(--range-right),#e2e8f0 var(--range-right),#e2e8f0 100%);
box-shadow:inset 0 0 0 1px rgba(148,163,184,.28);
}
.dual-range input[type="range"]{
position:absolute;
inset:0;
width:100%;
height:42px;
margin:0;
appearance:none;
-webkit-appearance:none;
background:transparent;
pointer-events:none;
outline:none;
}
.dual-range input[type="range"]::-webkit-slider-runnable-track{
height:42px;
background:transparent;
border:0;
}
.dual-range input[type="range"]::-moz-range-track{
height:42px;
background:transparent;
border:0;
}
.dual-range input[type="range"]::-webkit-slider-thumb{
appearance:none;
-webkit-appearance:none;
pointer-events:auto;
width:24px;
height:24px;
border-radius:999px;
border:4px solid #fff;
background:var(--rose);
box-shadow:0 8px 22px rgba(225,29,72,.25),0 0 0 1px rgba(15,23,42,.1);
cursor:pointer;
}
.dual-range input[type="range"]::-moz-range-thumb{
pointer-events:auto;
width:18px;
height:18px;
border-radius:999px;
border:4px solid #fff;
background:var(--rose);
box-shadow:0 8px 22px rgba(225,29,72,.25),0 0 0 1px rgba(15,23,42,.1);
cursor:pointer;
}
.dual-range input[type="range"]:focus::-webkit-slider-thumb{
box-shadow:0 8px 22px rgba(225,29,72,.25),0 0 0 5px rgba(225,29,72,.14);
}
.dual-range input[type="range"]:focus::-moz-range-thumb{
box-shadow:0 8px 22px rgba(225,29,72,.25),0 0 0 5px rgba(225,29,72,.14);
}
.category-filters .filter-checks--colors{
display:flex !important;
flex-wrap:wrap;
gap:8px;
max-height:none !important;
overflow:visible !important;
padding:0 !important;
}
.category-filters .filter-checks--colors .check-option{
flex:0 0 auto;
}
.category-filters .filter-group:nth-of-type(3) .filter-label::before{
content:"●" !important;
font-size:16px;
}
@media (max-width:640px){
.range-values{
grid-template-columns:1fr;
}
}
/* CATEGORY-RANGE-FILTERS-V28-SOFT-SLIDERS-COLORS-2026-05-31
Delikatniejsze suwaki i widoczne filtry kolorów z danych products.color oraz product_attributes. */
.category-filters{
--range-active:#d8a2b0;
--range-active-dark:#b95a72;
--range-track:#edf0f5;
--range-track-border:rgba(148,163,184,.22);
}
.category-filters .dual-range{
background:linear-gradient(90deg,var(--range-track) 0%,var(--range-track) var(--range-left),var(--range-active) var(--range-left),var(--range-active) var(--range-right),var(--range-track) var(--range-right),var(--range-track) 100%) !important;
box-shadow:inset 0 0 0 1px var(--range-track-border) !important;
}
.category-filters .dual-range input[type="range"]::-webkit-slider-thumb{
background:var(--range-active-dark) !important;
border:4px solid #fff !important;
box-shadow:0 6px 16px rgba(185,90,114,.18),0 0 0 1px rgba(15,23,42,.08) !important;
}
.category-filters .dual-range input[type="range"]::-moz-range-thumb{
background:var(--range-active-dark) !important;
border:4px solid #fff !important;
box-shadow:0 6px 16px rgba(185,90,114,.18),0 0 0 1px rgba(15,23,42,.08) !important;
}
.category-filters .dual-range input[type="range"]:focus::-webkit-slider-thumb{
box-shadow:0 6px 16px rgba(185,90,114,.18),0 0 0 5px rgba(185,90,114,.12) !important;
}
.category-filters .dual-range input[type="range"]:focus::-moz-range-thumb{
box-shadow:0 6px 16px rgba(185,90,114,.18),0 0 0 5px rgba(185,90,114,.12) !important;
}
.category-filters .filter-checks--colors{
display:grid !important;
grid-template-columns:1fr 1fr;
gap:8px !important;
}
.category-filters .filter-checks--colors .check-option{
width:100%;
min-height:38px;
justify-content:flex-start;
padding:9px 10px;
border-radius:14px;
}
.category-filters .filter-checks--colors .check-option span{
font-weight:750;
font-size:13px;
}
.category-filters .filter-checks--colors .check-option:has(input:checked){
background:#fff5f7 !important;
border-color:rgba(185,90,114,.36) !important;
color:#9f3e58 !important;
}
@media (max-width:640px){
.category-filters .filter-checks--colors{grid-template-columns:1fr;}
}
/* CATEGORY-RANGE-FILTERS-V29-WHITE-RANGE-COLORS-FALLBACK-2026-05-31
Kropki suwaka czerwone, aktywny zakres biały. Kolory są brane także z nazw produktów. */
.category-filters{
--range-active:#ffffff;
--range-active-dark:var(--rose);
--range-track:#eef2f7;
--range-track-border:rgba(148,163,184,.28);
}
.category-filters .dual-range{
background:linear-gradient(90deg,var(--range-track) 0%,var(--range-track) var(--range-left),var(--range-active) var(--range-left),var(--range-active) var(--range-right),var(--range-track) var(--range-right),var(--range-track) 100%) !important;
box-shadow:inset 0 0 0 1px var(--range-track-border),0 1px 2px rgba(15,23,42,.04) !important;
}
.category-filters .dual-range input[type="range"]::-webkit-slider-thumb{
background:var(--rose) !important;
border:4px solid #fff !important;
box-shadow:0 8px 22px rgba(225,29,72,.24),0 0 0 1px rgba(15,23,42,.10) !important;
}
.category-filters .dual-range input[type="range"]::-moz-range-thumb{
background:var(--rose) !important;
border:4px solid #fff !important;
box-shadow:0 8px 22px rgba(225,29,72,.24),0 0 0 1px rgba(15,23,42,.10) !important;
}
.category-filters .dual-range input[type="range"]:focus::-webkit-slider-thumb{
box-shadow:0 8px 22px rgba(225,29,72,.24),0 0 0 5px rgba(225,29,72,.12) !important;
}
.category-filters .dual-range input[type="range"]:focus::-moz-range-thumb{
box-shadow:0 8px 22px rgba(225,29,72,.24),0 0 0 5px rgba(225,29,72,.12) !important;
}
/* CATEGORY-FILTERS-V30-NARROW-SIDEBAR-2026-05-31
Węższy panel filtrów w widoku kategorii, bez zmiany logiki filtrów. */
.layout-with-sidebar{
grid-template-columns:210px minmax(0,1fr) !important;
gap:16px !important;
}
.layout-with-sidebar > .sidebar.category-filters{
min-width:0 !important;
width:100% !important;
border-radius:18px !important;
}
.category-filters h2{
padding:14px 14px 10px !important;
font-size:19px !important;
}
.category-filters .filter-form{
padding:12px !important;
gap:12px !important;
}
.category-filters .filter-group{
padding:11px !important;
border-radius:16px !important;
}
.category-filters .filter-label{
font-size:13px !important;
margin-bottom:9px !important;
}
.category-filters .filter-label::before{
width:20px !important;
height:20px !important;
border-radius:7px !important;
}
.range-values{
gap:6px !important;
}
.range-values span{
padding:8px 9px !important;
border-radius:13px !important;
font-size:11px !important;
}
.range-values strong{
font-size:13px !important;
}
.dual-range{
height:34px !important;
}
.dual-range input[type="range"]{
height:34px !important;
}
.dual-range input[type="range"]::-webkit-slider-runnable-track{
height:34px !important;
}
.dual-range input[type="range"]::-moz-range-track{
height:34px !important;
}
.dual-range input[type="range"]::-webkit-slider-thumb{
width:20px !important;
height:20px !important;
border-width:3px !important;
}
.dual-range input[type="range"]::-moz-range-thumb{
width:16px !important;
height:16px !important;
border-width:3px !important;
}
.category-filters .filter-group small{
font-size:11px !important;
line-height:1.3 !important;
}
.category-filters .filter-checks--colors{
grid-template-columns:1fr 1fr !important;
gap:6px !important;
}
.category-filters .filter-checks--colors .check-option{
min-height:31px !important;
padding:7px 8px !important;
border-radius:12px !important;
gap:5px !important;
}
.category-filters .filter-checks--colors .check-option input{
width:14px !important;
height:14px !important;
border-radius:5px !important;
}
.category-filters .filter-checks--colors .check-option span{
font-size:11px !important;
font-weight:650 !important;
}
.category-filters .filter-actions{
gap:8px !important;
}
.category-filters .button{
min-height:40px !important;
border-radius:13px !important;
font-size:13px !important;
}
@media (max-width:1180px){
.layout-with-sidebar{
grid-template-columns:190px minmax(0,1fr) !important;
gap:14px !important;
}
.category-filters .filter-checks--colors{
grid-template-columns:1fr !important;
}
}
@media (max-width:880px){
.layout-with-sidebar{
grid-template-columns:1fr !important;
}
.category-filters .filter-checks--colors{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width:620px){
.category-filters .filter-checks--colors{
grid-template-columns:1fr !important;
}
}
/* CATEGORY-FILTERS-V31-COMPACT-SIDEBAR-2026-05-31
Realnie zwężony panel filtrów: jedna kolumna wartości i kolorów, brak poziomego przelewania. */
.category-layout-section .layout-with-sidebar{
grid-template-columns:172px minmax(0,1fr) !important;
column-gap:14px !important;
align-items:start !important;
}
.category-layout-section .layout-with-sidebar > .sidebar.category-filters{
width:172px !important;
max-width:172px !important;
min-width:0 !important;
box-sizing:border-box !important;
overflow:visible !important;
border-radius:16px !important;
}
.category-filters h2{
padding:12px 12px 9px !important;
font-size:17px !important;
line-height:1.1 !important;
}
.category-filters .filter-form{
padding:10px !important;
gap:10px !important;
}
.category-filters .filter-group{
padding:10px !important;
border-radius:14px !important;
overflow:hidden !important;
}
.category-filters .filter-label{
font-size:12px !important;
gap:6px !important;
margin-bottom:8px !important;
line-height:1.15 !important;
}
.category-filters .filter-label::before{
width:18px !important;
height:18px !important;
border-radius:6px !important;
font-size:10px !important;
flex:0 0 18px !important;
}
.category-filters .range-values{
grid-template-columns:1fr !important;
gap:5px !important;
}
.category-filters .range-values span{
padding:7px 8px !important;
border-radius:11px !important;
font-size:10px !important;
min-width:0 !important;
}
.category-filters .range-values strong{
font-size:12px !important;
line-height:1.1 !important;
}
.category-filters .dual-range{
height:30px !important;
margin:2px 0 !important;
}
.category-filters .dual-range input[type="range"]{
height:30px !important;
}
.category-filters .dual-range input[type="range"]::-webkit-slider-runnable-track{
height:30px !important;
}
.category-filters .dual-range input[type="range"]::-moz-range-track{
height:30px !important;
}
.category-filters .dual-range input[type="range"]::-webkit-slider-thumb{
width:18px !important;
height:18px !important;
border-width:3px !important;
}
.category-filters .dual-range input[type="range"]::-moz-range-thumb{
width:14px !important;
height:14px !important;
border-width:3px !important;
}
.category-filters .filter-group small{
display:block !important;
font-size:10px !important;
line-height:1.25 !important;
margin-top:6px !important;
}
.category-filters .filter-checks,
.category-filters .filter-checks--colors{
display:grid !important;
grid-template-columns:1fr !important;
gap:5px !important;
width:100% !important;
}
.category-filters .check-option,
.category-filters .filter-checks--colors .check-option{
width:100% !important;
min-height:28px !important;
padding:6px 7px !important;
border-radius:11px !important;
box-sizing:border-box !important;
overflow:hidden !important;
}
.category-filters .check-option span,
.category-filters .filter-checks--colors .check-option span{
font-size:10px !important;
font-weight:600 !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
.category-filters .check-option input,
.category-filters .filter-checks--colors .check-option input{
width:13px !important;
height:13px !important;
border-radius:4px !important;
flex:0 0 13px !important;
}
.category-filters .filter-actions{
gap:7px !important;
}
.category-filters .button{
min-height:36px !important;
padding:8px 10px !important;
border-radius:11px !important;
font-size:12px !important;
}
.category-main{
min-width:0 !important;
}
.category-main .cards{
gap:12px !important;
}
@media (max-width:1180px){
.category-layout-section .layout-with-sidebar{
grid-template-columns:164px minmax(0,1fr) !important;
gap:12px !important;
}
.category-layout-section .layout-with-sidebar > .sidebar.category-filters{
width:164px !important;
max-width:164px !important;
}
}
@media (max-width:980px){
.category-layout-section .layout-with-sidebar{
grid-template-columns:1fr !important;
}
.category-layout-section .layout-with-sidebar > .sidebar.category-filters{
width:100% !important;
max-width:100% !important;
}
.category-filters .filter-form{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.category-filters .filter-actions{
grid-column:1/-1 !important;
}
}
@media (max-width:620px){
.category-filters .filter-form{
grid-template-columns:1fr !important;
}
}
/* CATEGORY-FILTERS-V32-WIDER-TWO-COLORS-2026-05-31
Minimalna korekta po V31: filtr trochę szerszy, kolory po dwa w linii. */
.category-layout-section .layout-with-sidebar{
grid-template-columns:204px minmax(0,1fr) !important;
column-gap:16px !important;
}
.category-layout-section .layout-with-sidebar > .sidebar.category-filters{
width:204px !important;
max-width:204px !important;
}
.category-filters .filter-form{
padding:11px !important;
}
.category-filters .filter-group{
padding:11px !important;
}
.category-filters .filter-checks--colors{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:6px !important;
}
.category-filters .filter-checks--colors .check-option{
min-width:0 !important;
width:100% !important;
padding:6px 7px !important;
}
.category-filters .filter-checks--colors .check-option span{
font-size:10px !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
@media (max-width:1180px){
.category-layout-section .layout-with-sidebar{
grid-template-columns:190px minmax(0,1fr) !important;
column-gap:14px !important;
}
.category-layout-section .layout-with-sidebar > .sidebar.category-filters{
width:190px !important;
max-width:190px !important;
}
.category-filters .filter-form{
padding:10px !important;
}
.category-filters .filter-group{
padding:10px !important;
}
.category-filters .filter-checks--colors{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:5px !important;
}
.category-filters .filter-checks--colors .check-option span{
font-size:9.5px !important;
}
}
@media (max-width:980px){
.category-layout-section .layout-with-sidebar{
grid-template-columns:1fr !important;
}
.category-layout-section .layout-with-sidebar > .sidebar.category-filters{
width:100% !important;
max-width:100% !important;
}
.category-filters .filter-checks--colors{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
}
@media (max-width:620px){
.category-filters .filter-checks--colors{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
/* CATEGORY-PAGINATION-V33-2026-05-31 */
.listing-toolbar{
gap:14px !important;
}
.listing-toolbar__range{
flex-basis:auto !important;
display:inline-flex;
align-items:center;
color:#64748b !important;
}
.sort-form--combined{
display:flex !important;
align-items:center !important;
gap:8px !important;
flex-wrap:wrap;
min-width:0 !important;
justify-content:flex-end;
}
.sort-form--combined label{
font-size:13px !important;
white-space:nowrap;
}
.sort-form--combined select{
width:auto !important;
min-width:112px;
}
.sort-form--combined select#per_page{
min-width:74px;
padding-right:32px !important;
}
.pagination{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
flex-wrap:wrap;
margin:28px 0 0;
}
.pagination__pages{
display:flex;
gap:8px;
align-items:center;
flex-wrap:wrap;
justify-content:center;
}
.pagination__page,
.pagination__arrow,
.pagination__dots{
min-width:42px;
height:42px;
padding:0 14px;
border:1px solid var(--card-border, #e5e7eb);
border-radius:999px;
background:#fff;
color:#0f172a;
display:inline-flex;
align-items:center;
justify-content:center;
font-weight:600;
font-size:14px;
text-decoration:none;
}
.pagination__page:hover,
.pagination__arrow:hover{
border-color:rgba(225,29,72,.35);
color:var(--rose, #e11d48);
}
.pagination__page.is-active{
background:var(--rose, #e11d48);
border-color:var(--rose, #e11d48);
color:#fff;
}
.pagination__arrow.is-disabled{
opacity:.42;
pointer-events:none;
}
.pagination__dots{
border-color:transparent;
background:transparent;
color:#94a3b8;
min-width:24px;
padding:0 4px;
}
@media (max-width:880px){
.sort-form--combined{
justify-content:flex-start;
width:100%;
}
.sort-form--combined select{
flex:1 1 150px;
}
}
@media (max-width:620px){
.sort-form--combined{
display:grid !important;
grid-template-columns:1fr 1fr;
gap:8px 10px !important;
}
.sort-form--combined label{align-self:end;}
.sort-form--combined select{width:100% !important;min-width:0;}
.pagination__arrow{width:100%;}
}
/* HEADER-MENU-V34-COMPACT-FULLY-VISIBLE-2026-05-31
Kompaktowy dropdown: wyżej, mniejsze odstępy, wszystkie główne kategorie widoczne w standardowym widoku desktopowym. */
@media (min-width:761px){
.mega-menu{
top:76px !important;
width:min(1280px,calc(100% - 28px)) !important;
max-height:calc(100vh - 88px) !important;
border-radius:20px !important;
}
.mega-head{
padding:10px 16px !important;
min-height:46px !important;
}
.mega-head strong{
font-size:18px !important;
line-height:1.1 !important;
}
.mega-head-count{
padding:4px 8px !important;
font-size:12px !important;
}
.mega-close{
width:34px !important;
height:34px !important;
font-size:18px !important;
}
.mega-body{
grid-template-columns:292px minmax(0,1fr) !important;
min-height:0 !important;
max-height:calc(100vh - 134px) !important;
}
.mega-roots{
gap:3px !important;
padding:8px !important;
overflow-y:auto !important;
}
.mega-root{
min-height:34px !important;
padding:6px 9px !important;
border-radius:10px !important;
font-size:14px !important;
line-height:1.08 !important;
gap:8px !important;
}
.mega-root small{
min-width:24px !important;
padding:2px 6px !important;
font-size:11px !important;
}
.mega-panels{
padding:16px !important;
}
.mega-panel h3{
font-size:24px !important;
margin-bottom:4px !important;
}
.mega-panel .muted{
margin-bottom:12px !important;
font-size:14px !important;
}
.mega-subgrid{
gap:8px !important;
}
.mega-sub{
min-height:48px !important;
padding:9px 11px !important;
border-radius:13px !important;
}
.mega-sub span{
font-size:14px !important;
}
.mega-sub small{
min-width:24px !important;
padding:2px 6px !important;
font-size:11px !important;
}
}
@media (min-width:761px) and (max-height:760px){
.mega-menu{top:70px !important;max-height:calc(100vh - 78px) !important;}
.mega-head{padding:8px 14px !important;min-height:40px !important;}
.mega-body{max-height:calc(100vh - 118px) !important;grid-template-columns:282px minmax(0,1fr) !important;}
.mega-roots{gap:2px !important;padding:7px !important;}
.mega-root{min-height:30px !important;padding:5px 8px !important;font-size:13px !important;}
.mega-root small{font-size:10px !important;min-width:22px !important;padding:1px 5px !important;}
}
/* PAR24-SEARCH-V35-2026-05-31 */
.search button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center}.search button:hover{background:#fff;color:var(--rose)}.search input{padding-right:54px}.search-page-head{padding-bottom:30px}.search-hero-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;max-width:760px;margin-top:22px}.search-hero-form input{border:1px solid var(--line);border-radius:999px;background:#fff;padding:16px 20px;font:inherit;outline:none}.search-hero-form input:focus{border-color:rgba(225,29,72,.42);box-shadow:0 0 0 4px rgba(225,29,72,.08)}.search-results-section{padding-top:28px}.search-toolbar{margin-bottom:20px}.search-empty-state{max-width:760px;margin:0 auto}.search-cards{margin-top:8px}@media(max-width:700px){.search-hero-form{grid-template-columns:1fr}.search-hero-form .button{width:100%}}
/* PAR24-SEARCH-FILTERS-V36-2026-05-31 */
.search-layout-with-sidebar{
align-items:start;
}
.search-filters{
margin-top:0;
}
.search-main .search-toolbar{
margin-top:0;
}
@media (max-width:980px){
.search-layout-with-sidebar{
display:block;
}
.search-filters{
margin-bottom:18px;
}
}
/* PAR24-PRODUCT-DETAIL-V37-VARIANTS-RANGE-PRINT-PLACE-2026-05-31 */
.product-detail--v37 .product-lead{font-size:18px;line-height:1.55;margin-bottom:16px;}
.product-detail--v37 .sku-row--clean .badge{font-weight:700;}
.variant-thumbs-block{margin:14px 0 20px;border:1px solid var(--line);border-radius:22px;background:#fff;padding:14px;}
.variant-thumbs-title{font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px;}
.variant-thumbs-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;}
.variant-thumb-link{display:flex;flex-direction:column;gap:7px;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:16px;background:#fff;padding:8px;transition:border-color .18s ease,transform .18s ease;min-width:0;}
.variant-thumb-link:hover{border-color:rgba(184,22,83,.42);transform:translateY(-1px);box-shadow:none;}
.variant-thumb-link.is-active{border-color:var(--rose);box-shadow:inset 0 0 0 1px var(--rose);}
.variant-thumb-image{width:100%;aspect-ratio:1/1;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid #f1f5f9;}
.variant-thumb-image img{width:100%;height:100%;object-fit:contain;padding:4px;}
.variant-thumb-image.is-empty:after{content:"brak";font-size:11px;color:var(--muted);}
.variant-thumb-label{font-size:11px;line-height:1.15;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}
.product-calc-panel{border:1px solid var(--line);box-shadow:none;}
.product-calc-panel h2{margin:0 0 14px;font-size:30px;letter-spacing:-.04em;}
.calc--v37{gap:16px;}
.calc-range-field{border:1px solid var(--line);border-radius:18px;padding:14px;background:#fff;}
.calc-range-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;color:var(--muted);font-size:13px;}
.calc-range-head strong{color:var(--ink);font-size:16px;}
.calc-range-wrap input[type="range"]{width:100%;appearance:none;-webkit-appearance:none;height:12px;border-radius:999px;background:linear-gradient(90deg,#ffffff 0%,#ffffff var(--range-progress,0%),#eef2f7 var(--range-progress,0%),#eef2f7 100%);box-shadow:inset 0 0 0 1px rgba(148,163,184,.28);outline:none;}
.calc-range-wrap input[type="range"]::-webkit-slider-runnable-track{height:12px;background:transparent;border:0;border-radius:999px;}
.calc-range-wrap input[type="range"]::-moz-range-track{height:12px;background:transparent;border:0;border-radius:999px;}
.calc-range-wrap input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--rose);border:4px solid #fff;box-shadow:0 3px 10px rgba(15,23,42,.18);margin-top:-5px;cursor:pointer;}
.calc-range-wrap input[type="range"]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--rose);border:4px solid #fff;box-shadow:0 3px 10px rgba(15,23,42,.18);cursor:pointer;}
.calc-range-limits{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:7px;}
.calc-print-grid{align-items:start;}
.calc--v37 select,.calc--v37 textarea{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 13px;}
.calc--v37 select:focus,.calc--v37 textarea:focus{outline:2px solid rgba(184,22,83,.16);border-color:rgba(184,22,83,.38);}
.calc--v37 .calc-result{box-shadow:none;}
.product-detail--v37 .calc-note{display:none!important;}
.product-card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit;}
.product-card-link:hover{box-shadow:none;}
.product-card-link .product-body h3{font-weight:500;}
.product-meta--compact{align-items:flex-end;}
.product-meta--compact span{font-weight:400;color:var(--muted);line-height:1.35;}
@media(max-width:1100px){.variant-thumbs-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:620px){.variant-thumbs-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.calc-range-head{align-items:flex-start;flex-direction:column;gap:3px}.calc-print-grid{grid-template-columns:1fr;}}
/* PAR24-PRODUCT-DETAIL-V38-ORDER-PRICE-DESCRIPTION-CLEAN-CALC-2026-05-31 */
.product-title-price-row{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(190px,240px);
gap:18px;
align-items:start;
margin:6px 0 12px;
}
.product-title-price-row h1{
margin:0!important;
}
.product-live-price{
border:1px solid var(--line);
background:#fff;
border-radius:22px;
padding:16px 18px;
text-align:right;
box-shadow:none;
}
.product-live-price small{
display:block;
color:var(--muted);
font-size:12px;
font-weight:700;
margin-bottom:3px;
}
.product-live-price strong{
display:block;
color:var(--rose);
font-size:clamp(26px,2.5vw,38px);
line-height:1;
letter-spacing:-.05em;
white-space:nowrap;
}
.product-live-price span{
display:block;
color:var(--muted);
font-size:12px;
margin-top:5px;
}
.product-meta-under-title{
margin:0 0 14px!important;
}
.product-detail--v37 .sku-row--clean .badge{
font-weight:600!important;
}
.product-description-toggle{
border:1px solid var(--line);
border-radius:22px;
background:#fff;
padding:18px;
margin:16px 0 18px;
}
.product-description-toggle h2{
margin:0 0 10px;
font-size:22px;
letter-spacing:-.035em;
}
.product-description-toggle--plain{
border:0;
border-radius:0;
padding:0;
margin:0;
}
.product-description-text{
color:#334155;
font-size:16px;
line-height:1.65;
overflow:hidden;
transition:max-height .22s ease;
}
.product-description-text.is-collapsed{
max-height:126px;
position:relative;
}
.product-description-text.is-collapsed::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:42px;
background:linear-gradient(180deg,rgba(255,255,255,0),#fff);
pointer-events:none;
}
.info-block .product-description-text.is-collapsed::after{
background:linear-gradient(180deg,rgba(255,255,255,0),#fff);
}
.description-toggle-btn{
margin-top:10px;
border:1px solid var(--line);
background:#fff;
color:var(--rose);
border-radius:999px;
padding:9px 13px;
font-weight:800;
cursor:pointer;
}
.description-toggle-btn:hover{
border-color:rgba(225,29,72,.34);
background:#fff7f8;
}
.calc--v37 textarea,
.calc--v37 .field textarea,
#calcNotes{
display:none!important;
}
.calc--v37 .calc-range-field{
margin-top:0;
}
@media(max-width:980px){
.product-title-price-row{
grid-template-columns:1fr;
}
.product-live-price{
text-align:left;
max-width:360px;
}
}
@media(max-width:620px){
.product-live-price{
max-width:none;
}
.product-live-price strong{
font-size:30px;
}
.product-description-toggle{
padding:15px;
}
}
/* PAR24-PRODUCT-DETAIL-V39-TITLE-META-PRICE-DESCRIPTION-2026-05-31
Nazwa produktu wraca na pełną szerokość prawej kolumny, cena jest w linii z symbolem i ilością, opis dłuższy z rozwijaniem. */
.product-detail--v37 .product-summary .product-title-full{
display:block;
width:100%;
margin:10px 0 14px!important;
font-size:clamp(36px,4.8vw,62px);
line-height:1;
letter-spacing:-.065em;
}
.product-detail--v37 .product-title-price-row{
display:block!important;
}
.product-meta-price-row{
display:flex;
align-items:stretch;
justify-content:space-between;
gap:14px;
margin:0 0 18px;
}
.product-meta-price-row .sku-row{
flex:1 1 auto;
margin:0!important;
align-content:center;
align-items:center;
}
.product-meta-price-row .product-live-price{
flex:0 0 auto;
min-width:190px;
max-width:240px;
padding:12px 16px;
border-radius:18px;
align-self:stretch;
display:flex;
flex-direction:column;
justify-content:center;
}
.product-meta-price-row .product-live-price strong{
font-size:clamp(24px,2.1vw,34px);
}
.product-description-text.is-collapsed{
max-height:252px;
}
.description-toggle-btn{
display:inline-flex;
align-items:center;
justify-content:center;
margin-top:12px;
}
@media(max-width:980px){
.product-meta-price-row{
flex-direction:column;
}
.product-meta-price-row .product-live-price{
max-width:360px;
min-width:0;
align-self:flex-start;
text-align:left;
}
}
@media(max-width:620px){
.product-detail--v37 .product-summary .product-title-full{
font-size:36px;
}
.product-meta-price-row .product-live-price{
width:100%;
max-width:none;
}
.product-description-text.is-collapsed{
max-height:220px;
}
}
/* PAR24-PRODUCT-DETAIL-V40-DESCRIPTION-CLEAN-SECTIONS-2026-05-31
Dłuższy opis z działającym rozwijaniem i usunięcie dodatkowych bloków technicznych pod kalkulatorem. */
.product-description-toggle--main .product-description-text.is-collapsed{
max-height:420px!important;
}
.product-description-toggle--main .description-toggle-btn{
display:inline-flex!important;
}
.product-description-toggle--main .product-description-text:not(.is-collapsed){
max-height:none!important;
overflow:visible!important;
}
@media(max-width:620px){
.product-description-toggle--main .product-description-text.is-collapsed{
max-height:320px!important;
}
}
/* PAR24-PRODUCT-DETAIL-V41-DESCRIPTION-3-LINES-VARIANTS-BELOW-GALLERY-2026-05-31
Warianty kolorystyczne pod galerią, opis domyślnie maksymalnie 3 linie. */
.product-gallery-col{
min-width:0;
}
.variant-thumbs-block--below-gallery{
margin:16px 0 0;
padding:14px;
border-radius:20px;
}
.variant-thumbs-block--below-gallery .variant-thumbs-grid{
grid-template-columns:repeat(auto-fill,minmax(72px,1fr));
gap:9px;
}
.variant-thumbs-block--below-gallery .variant-thumb-link{
padding:7px;
border-radius:14px;
}
.variant-thumbs-block--below-gallery .variant-thumb-image{
border-radius:11px;
}
.product-summary > .variant-thumbs-block{
display:none!important;
}
.product-description-toggle--main .product-description-text{
line-height:1.65;
}
.product-description-toggle--main .product-description-text.is-collapsed{
max-height:calc(1.65em * 3)!important;
}
.product-description-toggle--main .product-description-text:not(.is-collapsed){
max-height:none!important;
overflow:visible!important;
}
.product-description-toggle--main .description-toggle-btn{
display:inline-flex!important;
}
@media(max-width:620px){
.variant-thumbs-block--below-gallery .variant-thumbs-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
}
.product-description-toggle--main .product-description-text.is-collapsed{
max-height:calc(1.65em * 3)!important;
}
}
/* PAR24-PRODUCT-DETAIL-V42-UNIT-PRICE-SMART-DESCRIPTION-2026-05-31
Cena pod nazwą jako jednostkowa netto, opis 3 linie bez białego cienia, kropki i przycisk tylko gdy tekst jest dłuższy. */
.product-live-price small{
font-size:11px;
letter-spacing:.02em;
color:var(--muted);
}
.product-live-price [data-calc-hero-note]{
font-size:11px;
color:var(--muted);
white-space:normal;
}
.product-description-toggle--main .product-description-text{
line-height:1.65;
}
.product-description-toggle--main .product-description-text.is-collapsed{
max-height:calc(1.65em * 3)!important;
overflow:hidden!important;
}
.product-description-toggle--main .product-description-text.is-collapsed::after,
.product-description-text.is-collapsed::after,
.info-block .product-description-text.is-collapsed::after{
content:none!important;
display:none!important;
background:none!important;
}
.description-expand-row{
display:flex;
align-items:center;
gap:10px;
margin-top:8px;
}
.description-ellipsis{
color:#64748b;
font-weight:900;
letter-spacing:.08em;
line-height:1;
}
.product-description-toggle:not(.is-expandable) .description-expand-row,
.product-description-toggle:not(.is-expandable) .description-toggle-btn,
.product-description-toggle:not(.is-expandable) .description-ellipsis{
display:none!important;
}
.product-description-toggle--main .product-description-text:not(.is-collapsed){
max-height:none!important;
overflow:visible!important;
}
/* PAR24-PRODUCT-DETAIL-V51-QTY-INPUT-PRESETS-2026-06-01 */
.calc-range-head--editable{align-items:center;}
.calc-qty-edit{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 10px 5px 12px;box-shadow:none;color:var(--ink);font-weight:850;}
.calc-qty-edit input{width:96px;border:0;background:transparent;outline:none;font:inherit;font-weight:850;color:var(--ink);text-align:right;padding:2px 0;}
.calc-qty-edit input::-webkit-inner-spin-button,.calc-qty-edit input::-webkit-outer-spin-button{opacity:.35;}
.calc-qty-edit span{font-size:13px;color:var(--muted);font-weight:850;}
.calc-qty-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.calc-qty-presets button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:850;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;}
.calc-qty-presets button:hover{background:#fff5f7;border-color:rgba(225,29,72,.35);color:var(--rose);box-shadow:none;}
@media(max-width:620px){.calc-qty-edit input{width:74px}.calc-qty-presets{gap:6px}.calc-qty-presets button{padding:6px 10px;font-size:12px}}
/* PAR24-PRODUCT-DETAIL-V53-QTY-SCALE-PRESETS-2026-06-01
Ilości sugerowane pod suwakiem, bez etykiet min/max i bez napisu "Szybki wybór". */
.calc-range-limits{
display:none!important;
}
.calc-range-wrap--with-presets{
margin-bottom:0;
}
.calc-qty-presets--scale{
position:relative;
display:block!important;
height:24px;
margin:7px 0 0;
padding:0 10px;
width:100%;
}
.calc-qty-presets--scale button{
position:absolute;
top:0;
left:clamp(16px,var(--preset-left,0%),calc(100% - 20px));
transform:translateX(-50%);
border:0!important;
background:transparent!important;
border-radius:0!important;
padding:0!important;
margin:0!important;
color:var(--muted)!important;
font-size:12px!important;
font-weight:400!important;
line-height:1.3!important;
cursor:pointer;
box-shadow:none!important;
white-space:nowrap;
text-align:center;
}
.calc-qty-presets--scale button:hover,
.calc-qty-presets--scale button:focus-visible{
color:var(--rose)!important;
text-decoration:underline;
outline:none;
}
@media(max-width:620px){
.calc-qty-presets--scale{
height:22px;
padding:0 8px;
}
.calc-qty-presets--scale button{
font-size:11px!important;
}
}
/* PAR24-PRODUCT-DETAIL-V54-QTY-SLIDER-1000-PRESETS-2026-06-01 */
.calc-qty-edit input{
-moz-appearance:textfield;
appearance:textfield;
}
.calc-qty-edit input::-webkit-inner-spin-button,
.calc-qty-edit input::-webkit-outer-spin-button{
-webkit-appearance:none;
appearance:none;
margin:0;
display:none;
}
.calc-qty-presets--scale{
padding:0 12px;
}
.calc-qty-presets--scale button{
font-weight:400!important;
}
/* PAR24-PRODUCT-DETAIL-V56-CALCULATOR-API-2026-06-01 */
.calc--v56 .calc-api-grid{
margin-top:14px;
}
.calc--v56 .muted-label{
font-size:12px;
font-weight:400;
color:#64748b;
}
.calc-api-advanced{
margin:14px 0 0;
border:1px solid rgba(148,163,184,.24);
border-radius:14px;
background:#fff;
padding:0;
}
.calc-api-advanced summary{
cursor:pointer;
list-style:none;
padding:12px 14px;
font-size:13px;
color:#64748b;
user-select:none;
}
.calc-api-advanced summary::-webkit-details-marker{display:none;}
.calc-api-advanced summary:after{
content:'+';
float:right;
color:#be123c;
font-weight:600;
}
.calc-api-advanced[open] summary:after{content:'–';}
.calc-api-advanced .grid-2{
padding:0 14px 14px;
}
.calc-api-status{
margin-bottom:10px;
padding:9px 11px;
border-radius:12px;
background:#f8fafc;
border:1px solid rgba(148,163,184,.22);
color:#64748b;
font-size:13px;
line-height:1.35;
}
.calc-api-status.is-loading{
color:#854d0e;
background:#fffbeb;
border-color:#fde68a;
}
.calc-api-status.is-ok{
color:#166534;
background:#f0fdf4;
border-color:#bbf7d0;
}
.calc-api-status.is-error{
color:#991b1b;
background:#fef2f2;
border-color:#fecaca;
}
.calc--v56 input:disabled,
.calc--v56 select:disabled{
opacity:.55;
cursor:not-allowed;
}
@media (max-width: 720px){
.calc-api-advanced .grid-2{grid-template-columns:1fr;}
}
/* PAR24-PRODUCT-DETAIL-V59-DYNAMIC-PRINTING-OPTIONS-2026-06-01 */
.calc-dynamic-params{
margin-top:14px;
}
.calc-dynamic-params[hidden],
.calc-colors-field[hidden],
.calc-area-field[hidden],
.calc-print-note[hidden]{
display:none!important;
}
.calc-help-text{
margin:8px 0 0;
font-size:12px;
line-height:1.35;
color:#64748b;
}
.calc-print-note{
margin:10px 0 0;
padding:9px 11px;
border-radius:12px;
border:1px solid rgba(148,163,184,.22);
background:#f8fafc;
color:#64748b;
font-size:12px;
line-height:1.35;
}
.calc-colors-field select,
.calc-area-field input{
width:100%;
}
.calc--v56 .calc-api-grid.calc-dynamic-params{
align-items:end;
}
@media(max-width:720px){
.calc-dynamic-params{grid-template-columns:1fr;}
}
/* PAR24-PRODUCT-DETAIL-V65-CALC-CLEANUP-2026-06-01 */
.calc-qty-edit input{
text-align:center!important;
}
.calc-line--net-total{
border-top:1px solid rgba(255,255,255,.16);
padding-top:12px;
margin-top:6px;
font-size:24px;
font-weight:950;
}
.calc-line--net-total strong{
font-size:30px;
line-height:1;
}
.calc-line--gross-total{
font-size:14px;
color:rgba(255,255,255,.72);
}
.calc-line--gross-total strong{
font-size:16px;
color:rgba(255,255,255,.78);
}
.calc-actions--cart-right{
align-items:center;
}
.calc-actions--cart-right .button{
justify-self:stretch;
}
.calc-action-spacer{
min-height:1px;
}
@media(max-width:720px){
.calc-actions--cart-right{
grid-template-columns:1fr;
}
.calc-action-spacer{
display:none;
}
.calc-line--net-total strong{
font-size:26px;
}
}
/* PAR24-CART-V67-REAL-CART-LOGO-NOTES-2026-06-01 */
.cart-pill span{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:6px;padding:0 7px;border-radius:999px;background:#fff1f2;color:var(--rose-dark);font-size:12px;font-weight:900;}
.cart-head--v67{background:#fff;border-bottom:1px solid var(--line);padding-top:26px;}
.cart-section--v67{padding:28px 0 60px;background:#fff;}
.cart-layout--v67{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start;}
.cart-toolbar--v67{box-shadow:none;border-color:var(--card-border);}
.cart-toolbar-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.button.danger,.button.ghost.danger{color:#9f1239;border-color:#ffe4e6;background:#fff1f2;}
.cart-item--v67{grid-template-columns:180px minmax(0,1fr);box-shadow:none;border-color:var(--card-border);border-radius:24px;padding:14px;}
.cart-item--v67:hover{box-shadow:none;transform:none;}
.cart-item--v67 .cart-item__image{background:#fff;border-color:var(--card-border);border-radius:20px;min-height:180px;overflow:hidden;text-decoration:none;}
.cart-item--v67 .cart-item__image img{width:100%;height:100%;object-fit:contain;display:block;}
.cart-item--v67 .cart-item__name{font-weight:650;font-size:22px;text-decoration:none;}
.cart-item--v67 .cart-item__meta span{font-weight:560;background:#fff;border-color:var(--card-border);}
.cart-item--v67 .cart-item__meta .is-warning{background:#fff7ed;color:#9a3412;border-color:#fed7aa;}
.cart-item__edit-grid{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;margin-top:18px;align-items:stretch;}
.cart-config-readonly{border:1px solid var(--card-border);border-radius:18px;background:#f8fafc;padding:12px 14px;}
.cart-config-readonly span{display:block;font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;}
.cart-config-readonly strong{display:block;font-weight:650;color:#0b1220;line-height:1.35;}
.cart-qty-field input{text-align:center;font-weight:650;}
.cart-item__note-logo{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;margin-top:12px;align-items:stretch;}
.cart-note-field textarea{width:100%;min-height:112px;border:1px solid var(--card-border);background:#fff;border-radius:18px;padding:14px;resize:vertical;outline:none;line-height:1.5;}
.cart-note-field textarea:focus{border-color:rgba(225,29,72,.35);box-shadow:0 0 0 4px rgba(225,29,72,.08);}
.cart-logo-panel{display:grid;gap:8px;}
.file-box--v67{position:relative;min-height:112px;border-color:#e5e7eb;background:#fff;border-radius:18px;color:#0b1220;overflow:hidden;}
.file-box--v67:hover{border-color:rgba(225,29,72,.4);background:#fff7f9;}
.file-box--v67 input{position:absolute;inset:0;opacity:0;cursor:pointer;}
.file-box--v67 span{background:#fff1f2;color:var(--rose-dark);}
.file-box--v67 small{color:var(--muted);}
.cart-logo-current{font-size:12px;color:var(--muted);display:grid;gap:6px;border:1px solid var(--card-border);border-radius:14px;padding:9px 10px;background:#f8fafc;}
.cart-logo-current a{color:var(--rose-dark);font-weight:700;word-break:break-word;}
.cart-logo-current label{display:flex;align-items:center;gap:6px;}
.cart-item__price--v67{grid-template-columns:1fr 1fr 1fr;margin-top:14px;}
.cart-item__price--v67>div{background:#fff;border-color:var(--card-border);}
.cart-item__price--v67 .cart-item__total{background:#fff1f2;border-color:#ffe4e6;}
.cart-item__price--v67 .cart-item__total strong{color:var(--rose-dark);}
.cart-summary--v67{position:sticky;top:94px;}
.cart-summary--v67 .cart-summary__box{box-shadow:none;border:1px solid #111827;background:#0b1220;}
.cart-summary--v67 .button.wide{width:100%;margin-top:12px;}
.cart-empty{border:1px solid var(--card-border);border-radius:28px;background:#fff;padding:40px;text-align:center;}
.cart-add-form button{border:0;cursor:pointer;}
@media (max-width:1060px){.cart-layout--v67{grid-template-columns:1fr}.cart-summary--v67{position:static}.cart-item--v67{grid-template-columns:160px 1fr}.cart-item__note-logo{grid-template-columns:1fr}}
@media (max-width:720px){.cart-item--v67{grid-template-columns:1fr}.cart-item--v67 .cart-item__image{min-height:220px}.cart-item__edit-grid,.cart-item__price--v67{grid-template-columns:1fr}.cart-toolbar-actions{justify-content:flex-start}.cart-title-row{grid-template-columns:1fr}.cart-steps{justify-content:flex-start}}
/* PAR24-CART-CHECKOUT-V68-REAL-STEPS-2026-06-03 */
.cart-head--v68 .cart-steps--v68{
display:flex;
flex-wrap:wrap;
gap:8px;
justify-content:flex-end;
}
.cart-steps--v68 span,
.cart-steps--v68 a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:7px 12px;
border-radius:999px;
border:1px solid var(--card-border);
background:#fff;
color:#64748b;
text-decoration:none;
font-size:13px;
font-weight:650;
}
.cart-steps--v68 .is-active{
background:#fff1f2;
border-color:#ffe4e6;
color:var(--rose-dark);
}
.cart-item--v68 .cart-item__edit-grid--v68{
grid-template-columns:minmax(210px,260px) minmax(0,1fr);
}
.cart-inline-action{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:8px;
align-items:center;
}
.cart-inline-action input{
min-width:0;
}
.button.tiny{
min-height:42px;
padding:9px 14px;
border-radius:14px;
font-size:13px;
font-weight:850;
border:1px solid transparent;
cursor:pointer;
white-space:nowrap;
}
.button.tiny.danger{
color:#9f1239;
background:#fff1f2;
border-color:#ffe4e6;
}
.cart-item__note-logo--v68{
grid-template-columns:minmax(0,1fr) 320px;
}
.cart-logo-panel--v68{
border:1px solid var(--card-border);
border-radius:18px;
padding:12px;
background:#fff;
align-content:start;
}
.cart-logo-title{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-bottom:10px;
font-size:12px;
color:var(--muted);
font-weight:850;
text-transform:uppercase;
letter-spacing:.04em;
}
.cart-info-tip{
position:relative;
display:inline-grid;
place-items:center;
width:22px;
height:22px;
border-radius:999px;
background:#fff1f2;
color:var(--rose-dark);
font-weight:950;
cursor:help;
text-transform:none;
letter-spacing:0;
}
.cart-info-tip span{
position:absolute;
right:0;
bottom:calc(100% + 10px);
width:min(320px,70vw);
padding:12px 14px;
border-radius:14px;
background:#0b1220;
color:#fff;
font-size:12px;
font-weight:500;
line-height:1.45;
opacity:0;
pointer-events:none;
transform:translateY(6px);
transition:.16s ease;
box-shadow:none;
z-index:10;
}
.cart-info-tip:hover span,
.cart-info-tip:focus span{
opacity:1;
transform:translateY(0);
}
.cart-logo-add-row{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:8px;
align-items:center;
}
.cart-logo-input{
width:100%;
min-height:42px;
padding:8px 10px;
border:1px solid var(--card-border);
border-radius:14px;
background:#f8fafc;
color:#475569;
font-size:12px;
}
.cart-logo-current--v68{
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
background:#f8fafc;
}
.cart-summary--v68 .cart-summary__note{
font-size:12px;
line-height:1.45;
}
.checkout-head--v68{
padding:26px 0;
background:#fff;
border-bottom:1px solid var(--line);
}
.checkout-head--v68 h1{
margin:0 0 8px;
font-size:clamp(34px,5vw,64px);
line-height:.98;
letter-spacing:-.05em;
}
.checkout-head--v68 p{
margin:0;
color:#64748b;
font-size:17px;
line-height:1.55;
max-width:760px;
}
.checkout-section--v68{
padding:28px 0 70px;
background:#fff;
}
.checkout-layout--v68{
max-width:1120px;
}
.checkout-card--v68{
border:1px solid var(--card-border);
border-radius:28px;
background:#fff;
padding:24px;
box-shadow:none;
}
.checkout-alert{
margin-bottom:18px;
padding:12px 14px;
border-radius:16px;
border:1px solid #fecaca;
background:#fef2f2;
color:#991b1b;
font-weight:750;
}
.checkout-choice-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
margin-bottom:20px;
}
.checkout-choice-grid--payment{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.checkout-choice{
display:grid;
grid-template-columns:auto 1fr;
gap:8px 10px;
align-items:start;
padding:14px;
border:1px solid var(--card-border);
border-radius:20px;
background:#fff;
cursor:pointer;
}
.checkout-choice input{margin-top:3px;accent-color:var(--rose);}
.checkout-choice strong{font-size:16px;line-height:1.25;}
.checkout-choice span{grid-column:2;color:#64748b;font-size:13px;line-height:1.4;}
.checkout-form-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.checkout-form-grid .field input{
width:100%;
min-height:50px;
border:1px solid var(--card-border);
background:#fff;
border-radius:16px;
padding:12px 14px;
outline:none;
}
.checkout-form-grid .field input:focus{
border-color:rgba(225,29,72,.35);
box-shadow:0 0 0 4px rgba(225,29,72,.08);
}
.checkout-consents{
display:grid;
gap:10px;
margin:20px 0 0;
padding:14px;
border:1px solid var(--card-border);
border-radius:18px;
background:#f8fafc;
color:#475569;
font-size:14px;
}
.checkout-consents label,
.checkout-toggle{
display:flex;
align-items:flex-start;
gap:9px;
}
.checkout-consents input,
.checkout-toggle input{accent-color:var(--rose);margin-top:2px;}
.checkout-actions{
display:flex;
justify-content:space-between;
gap:12px;
margin-top:22px;
}
.checkout-summary-box{
margin-bottom:20px;
padding:18px;
border:1px solid var(--card-border);
border-radius:22px;
background:#f8fafc;
}
.checkout-summary-box h2,
.checkout-card--v68 h2{
margin:0 0 10px;
font-size:22px;
letter-spacing:-.03em;
}
.checkout-summary-box p{margin:4px 0;color:#475569;line-height:1.45;}
.checkout-toggle{
margin:0 0 14px;
font-weight:750;
color:#0b1220;
}
.checkout-shipping-fields{
display:none;
margin-bottom:20px;
}
.checkout-shipping-fields.is-visible{display:grid;}
.checkout-subtitle{margin-top:18px!important;}
.checkout-summary-layout{
display:grid;
grid-template-columns:minmax(0,1fr) 360px;
gap:24px;
align-items:start;
}
.order-items{
display:grid;
gap:12px;
margin-bottom:22px;
}
.order-item{
display:grid;
grid-template-columns:92px minmax(0,1fr) auto;
gap:14px;
align-items:center;
padding:12px;
border:1px solid var(--card-border);
border-radius:20px;
background:#fff;
}
.order-item__img{
display:grid;
place-items:center;
width:92px;
height:92px;
border:1px solid var(--card-border);
border-radius:16px;
background:#fff;
overflow:hidden;
}
.order-item__img img{width:100%;height:100%;object-fit:contain;}
.order-item__name{font-weight:800;color:#0b1220;text-decoration:none;}
.order-item p{margin:4px 0;color:#64748b;font-size:13px;line-height:1.35;}
.order-item__price{text-align:right;white-space:nowrap;}
.order-item__price span{display:block;color:#64748b;font-size:12px;margin-bottom:4px;}
.order-item__price strong{font-size:20px;color:var(--rose-dark);}
.checkout-data-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.checkout-data-grid section{
border:1px solid var(--card-border);
border-radius:22px;
padding:18px;
background:#fff;
}
.checkout-data-grid p{color:#475569;line-height:1.45;margin:6px 0;}
.checkout-thanks h1{font-size:clamp(36px,5vw,60px);margin:0 0 12px;}
@media(max-width:1060px){
.cart-item__note-logo--v68{grid-template-columns:1fr;}
.checkout-summary-layout{grid-template-columns:1fr;}
}
@media(max-width:780px){
.checkout-choice-grid,.checkout-choice-grid--payment,.checkout-form-grid,.checkout-data-grid{grid-template-columns:1fr;}
.checkout-actions{flex-direction:column;}
.checkout-actions .button{width:100%;}
.order-item{grid-template-columns:72px minmax(0,1fr);}
.order-item__price{grid-column:1/-1;text-align:left;}
.cart-item--v68 .cart-item__edit-grid--v68{grid-template-columns:1fr;}
.cart-inline-action{grid-template-columns:1fr;}
}
/* PAR24-CHECKOUT-V69-UX-CLEANUP-2026-06-03 */
.cart-head--v69,
.checkout-head--v69{
background:#fff;
}
.cart-section--v69,
.checkout-section--v69{
background:#fff;
}
.cart-item--v69{
border-radius:26px;
border:1px solid var(--card-border);
background:#fff;
box-shadow:none!important;
}
.cart-item--v69:hover{box-shadow:none!important;transform:none!important;}
.cart-item--v69 .cart-item__edit-grid--v68{
grid-template-columns:minmax(120px,150px) minmax(0,1fr);
gap:14px;
}
.cart-inline-action{
display:grid!important;
grid-template-columns:1fr!important;
gap:7px!important;
align-items:start;
}
.cart-inline-action input{
width:100%;
min-height:42px;
border-radius:14px;
text-align:center;
}
.button.tiny.cart-recalc-btn{
width:100%;
min-height:34px;
padding:7px 10px;
border-radius:12px;
background:var(--cyan);
border-color:var(--cyan);
color:#fff;
font-size:12px;
font-weight:750;
}
.button.tiny.cart-recalc-btn:hover{filter:brightness(.96);}
.cart-logo-panel--v68{
border-radius:18px;
background:#fff;
}
.cart-logo-title{
justify-content:flex-start;
margin-bottom:12px;
}
.cart-logo-add-row--auto{
display:flex;
align-items:flex-start;
justify-content:flex-start;
}
.cart-logo-input--hidden{
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;
}
.cart-logo-add-button{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:90px;
background:#fff;
color:var(--rose-dark);
border:1px solid #ffe4e6;
cursor:pointer;
}
.cart-logo-add-button:hover{background:#fff1f2;}
.cart-logo-current--v68 .button.tiny.danger{
min-width:90px;
min-height:34px;
padding:7px 10px;
}
.cart-summary--v68 .cart-summary__note{
color:#cbd5e1;
}
.checkout-layout--v69{max-width:1180px;}
.checkout-flow--v69{
display:grid;
gap:18px;
width:100%;
}
.checkout-panel--v69{
border:1px solid var(--card-border);
border-radius:26px;
background:#fff;
padding:20px;
box-shadow:none;
}
.checkout-panel--soft{background:#f8fafc;}
.checkout-panel__head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:16px;
}
.checkout-panel__head h2{
flex:1;
margin:0;
font-size:24px;
letter-spacing:-.035em;
}
.checkout-panel__head a{
color:var(--rose-dark);
font-size:13px;
font-weight:750;
text-decoration:none;
}
.checkout-panel__tag{
display:inline-flex;
align-items:center;
min-height:26px;
padding:5px 9px;
border-radius:999px;
background:#fff1f2;
color:var(--rose-dark);
font-size:11px;
font-weight:850;
text-transform:uppercase;
letter-spacing:.055em;
white-space:nowrap;
}
.checkout-choice-grid--v69{margin:0;}
.checkout-choice--v69{
border-radius:22px;
background:#fff;
transition:border-color .15s ease, background .15s ease;
}
.checkout-choice--v69:hover{border-color:#fecdd3;background:#fffafa;}
.checkout-choice--v69 input{accent-color:var(--rose);}
.checkout-choice__body{display:grid;gap:5px;}
.checkout-choice__body strong{font-size:16px;line-height:1.25;}
.checkout-choice__body em{font-style:normal;color:#64748b;font-size:13px;line-height:1.45;}
.checkout-form-grid--v69 .field span{
display:block;
margin-bottom:7px;
font-size:12px;
font-weight:750;
color:#475569;
}
.checkout-form-grid--v69 .field input{
background:#fff;
}
.checkout-consents--v69{
margin:0;
border:0;
background:transparent;
padding:0;
}
.checkout-actions--v69{
margin-top:4px;
}
.checkout-readonly-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}
.checkout-readonly-grid p{
margin:0;
padding:14px;
border:1px solid var(--card-border);
border-radius:18px;
background:#f8fafc;
color:#475569;
line-height:1.45;
}
.checkout-toggle--v69{
display:inline-flex;
align-items:center;
margin:0 0 14px;
padding:12px 14px;
border:1px solid var(--card-border);
border-radius:18px;
background:#f8fafc;
}
.checkout-muted-note{
margin:0;
color:#64748b;
font-size:14px;
}
.checkout-shipping-fields{display:none!important;}
.checkout-shipping-fields.is-visible{display:grid!important;}
.checkout-summary-layout--v69{
align-items:start;
}
.checkout-data-grid--v69{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
.checkout-data-grid--v69 section{
padding:20px;
background:#fff;
}
.order-items--v69{gap:10px;margin:0;}
.order-item--v69{
grid-template-columns:64px minmax(0,1fr) auto;
min-height:82px;
padding:10px 12px;
border-radius:18px;
box-shadow:none!important;
}
.order-item__img--small{
width:64px;
height:64px;
border-radius:14px;
}
.order-item__body p{font-size:12px;}
.order-item--v69 .order-item__name{font-size:14px;font-weight:650;}
.order-item--v69 .order-item__price strong{font-size:18px;}
.cart-summary--v69 .cart-summary__box{
border-radius:26px;
}
@media(max-width:1060px){
.checkout-readonly-grid{grid-template-columns:1fr;}
.checkout-summary-layout--v69{grid-template-columns:1fr;}
}
@media(max-width:780px){
.cart-item--v69 .cart-item__edit-grid--v68{grid-template-columns:1fr;}
.checkout-panel__head{align-items:flex-start;flex-direction:column;}
.order-item--v69{grid-template-columns:56px minmax(0,1fr);}
.order-item__img--small{width:56px;height:56px;}
.order-item--v69 .order-item__price{grid-column:1/-1;text-align:left;}
}
/* PAR24-CHECKOUT-V70-STICKY-SUMMARY-MODE-PANELS-2026-06-03 */
.cart-layout--v68,
.checkout-summary-layout--v69{
align-items:start;
}
.cart-summary--v70{
position:sticky;
top:96px;
align-self:start;
z-index:2;
}
.cart-summary--v70 .cart-summary__box{
position:relative;
box-shadow:none!important;
}
.cart-note-field textarea::placeholder{
font-size:12px;
line-height:1.35;
color:#94a3b8;
}
.checkout-layout--v70{
max-width:1180px;
}
.checkout-flow--v70{
gap:18px;
}
.checkout-panel--v70{
box-shadow:none!important;
}
.checkout-panel--mode-switch{
background:linear-gradient(180deg,#fff,#fffafa);
}
.checkout-choice-grid--v70{
grid-template-columns:repeat(3,minmax(0,1fr));
}
.checkout-choice--v70{
min-height:116px;
}
.checkout-mode-panel--v70{
display:none;
gap:18px;
}
.checkout-mode-panel--v70.is-active{
display:grid;
}
.checkout-form-grid--account{
grid-template-columns:repeat(3,minmax(0,1fr));
}
.checkout-login-note{
margin:14px 0 0;
padding:12px 14px;
border:1px solid var(--card-border);
border-radius:18px;
background:#f8fafc;
}
.checkout-consents--v70 label{
display:flex;
align-items:flex-start;
gap:9px;
line-height:1.45;
}
.checkout-consents--v70 label + label{margin-top:8px;}
.order-item__img--small img{
object-fit:contain;
}
@media(max-width:1060px){
.cart-summary--v70{position:static;top:auto;}
.checkout-choice-grid--v70{grid-template-columns:1fr;}
.checkout-form-grid--account{grid-template-columns:1fr;}
}
/* PAR24-AUTH-ORDERS-V71-2026-06-03 */
.account-layout--v71{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:22px;align-items:start}.account-box--v71{margin:0}.account-box--soft{background:#f8fafc}.account-form--v71{display:grid;gap:14px}.orders-list--v71{display:grid;gap:12px}.order-row--v71{display:grid;grid-template-columns:minmax(0,1.4fr) auto auto auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--border,#e5e7eb);border-radius:18px;padding:16px 18px}.order-row__number{font-weight:700;color:var(--ink,#111827);text-decoration:none}.order-row__date{display:block;color:var(--muted,#6b7280);font-size:.9rem;margin-top:4px}.order-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:.82rem;line-height:1;font-weight:700;background:#eef2ff;color:#283593;white-space:nowrap}.order-status--zlozone{background:#eef2ff;color:#283593}.order-status--oplacone{background:#e0f2fe;color:#075985}.order-status--w_realizacji{background:#fff7ed;color:#9a3412}.order-status--zrealizowane{background:#dcfce7;color:#166534}.order-status--reklamacja{background:#ffe4e6;color:#9f1239}.order-status--anulowane{background:#f3f4f6;color:#374151}.order-detail-layout--v71{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.order-items--v71{display:grid;gap:12px}.order-item--v71{border:1px solid var(--border,#e5e7eb);border-radius:16px;background:#fff;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px}.order-files--v71{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.order-files--v71 a{display:inline-flex;border:1px solid var(--border,#e5e7eb);border-radius:999px;padding:5px 9px;text-decoration:none;background:#f8fafc;color:var(--accent,#0f62fe);font-size:.88rem}.checkout-alert--summary{grid-column:1/-1;margin-bottom:16px}.checkout-panel--account-current{border-color:rgba(15,98,254,.28);background:linear-gradient(180deg,#fff,#f8fbff)}.thankyou-section--v71 .checkout-thanks--v71{max-width:720px;margin:0 auto}.nav-account-pill{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--ink,#111827);font-size:.92rem;white-space:nowrap}.nav-account-pill:hover{color:var(--accent,#0f62fe)}@media(max-width:900px){.account-layout--v71,.order-detail-layout--v71{grid-template-columns:1fr}.order-row--v71{grid-template-columns:1fr;gap:10px}.order-row--v71 .button{width:max-content}.order-item--v71{grid-template-columns:1fr}.order-item__price{text-align:left}}
/* PAR24-AUTH-HEADER-V72-2026-06-03 */
.nav-actions--v72{gap:10px;align-items:center}.nav-account{display:flex;align-items:center;gap:8px}.nav-account-main,.nav-account-login,.nav-account-logout{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--card-border,#e5e7eb);border-radius:999px;background:#fff;color:var(--ink,#111827);white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.nav-account-main{gap:8px;padding:7px 10px}.nav-account-main:hover,.nav-account-login:hover,.nav-account-logout:hover{border-color:rgba(15,98,254,.35);color:var(--accent,#0f62fe);background:#f8fbff}.nav-account-icon{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#f1f5f9;font-size:13px}.nav-account-text{display:flex;flex-direction:column;line-height:1.05}.nav-account-text strong{font-size:13px;font-weight:650}.nav-account-text small{max-width:120px;overflow:hidden;text-overflow:ellipsis;color:var(--muted,#64748b);font-size:10.5px;margin-top:2px}.nav-account-login,.nav-account-logout{height:38px;padding:0 12px;font-size:13px}.nav-account-logout{background:#f8fafc}.thankyou-actions--v72{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}.button.subtle{background:#f8fafc;color:var(--ink,#111827);border:1px solid var(--card-border,#e5e7eb)}.button.subtle:hover{background:#fff;color:var(--accent,#0f62fe);border-color:rgba(15,98,254,.28)}@media(max-width:980px){.nav-account-text small{display:none}.nav-account-main{padding:7px 9px}.nav-account-logout{display:none}}@media(max-width:720px){.nav-actions--v72{width:100%;justify-content:space-between;flex-wrap:wrap}.nav-account-main{height:36px}.nav-account-login{height:36px}.cart-pill{height:36px}}
/* PAR24-HEADER-ACCOUNT-V73-CLEAN-NAV-2026-06-03 */
.top-strip--v73 .container{justify-content:flex-end;gap:18px;align-items:center}
.top-phone-highlight{font-weight:900;color:var(--rose);letter-spacing:.01em}
.top-strip .container span:first-child:before{content:none !important}
.nav-actions--v73{gap:8px;align-items:center}
.nav-actions--v73 .nav-account{gap:8px}
.nav-actions--v73 .nav-account-login,
.nav-actions--v73 .nav-account-logout,
.nav-actions--v73 .cart-pill,
.menu-button{
height:38px;
min-height:38px;
padding:0 12px;
border-radius:999px;
font-size:13px;
line-height:1;
font-weight:760;
display:inline-flex;
align-items:center;
justify-content:center;
white-space:nowrap;
box-shadow:none;
}
.nav-actions--v73 .cart-pill span{min-width:20px;height:20px;font-size:11px;padding:0 6px;margin-left:5px}
.nav-account-main-v73{background:#fff}
.nav-account-main-v73:hover,
.nav-actions--v73 .nav-account-login:hover,
.nav-actions--v73 .nav-account-logout:hover,
.nav-actions--v73 .cart-pill:hover{border-color:rgba(6,182,212,.38);color:var(--cyan-dark);background:#f8fbff}
.menu-button{gap:6px}
@media(max-width:980px){.nav-actions--v73 .nav-account-logout{display:none}.nav-actions--v73 .cart-pill{display:inline-flex}}
/* PAR24-ACCOUNT-V73-MY-DATA-2026-06-03 */
.account-section--v73{padding-top:28px}
.account-tabs--v73{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}
.account-tab--v73{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:800;text-decoration:none}
.account-tab--v73:hover{border-color:rgba(6,182,212,.38);color:var(--cyan-dark);background:#f8fbff}
.account-tab--v73.is-active{background:var(--cyan);border-color:var(--cyan);color:#fff}
.account-data-grid--v73{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:22px;align-items:start}
.account-box--v73{margin:0}
.account-form--v73{display:grid;gap:14px}
.account-two-cols--v73{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.account-message--v73{max-width:900px;margin:0 0 16px}
.checkout-alert--success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
@media(max-width:900px){.account-data-grid--v73{grid-template-columns:1fr}.account-two-cols--v73{grid-template-columns:1fr}}
/* PAR24-ACCOUNT-HEADER-V74-SEARCH-HEIGHT-SINGLE-TABS-2026-06-03 */
.navbar .search input{
height:38px;
min-height:38px;
padding-top:0;
padding-bottom:0;
line-height:38px;
box-sizing:border-box;
}
.navbar .search button{
width:30px;
height:30px;
right:6px;
}
.account-section--v74{padding-top:28px}
.account-tabs--v74{margin-bottom:22px}
.account-orders-panel--v74{margin:0;box-shadow:none!important}
.orders-list--v74{margin-top:4px}
.order-row--v74{box-shadow:none!important}
.account-empty--v74{margin:0;background:#fff;border:1px solid var(--line);box-shadow:none!important}
.account-data-grid--v74 .button.primary{background:var(--cyan);border-color:var(--cyan);color:#fff}
.account-data-grid--v74 .button.primary:hover{background:var(--cyan-dark);border-color:var(--cyan-dark);color:#fff}
@media(max-width:980px){
.navbar .search input{height:38px;line-height:38px}
}
/* PAR24-SEO-B2B-CATEGORIES-V79-2026-06-10 */
.seo-category-section{padding-top:0}
.seo-category-content{max-width:980px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 30px;box-shadow:0 16px 40px rgba(15,23,42,.06)}
.seo-category-content h2{margin:0 0 12px;font-size:24px;line-height:1.25;color:var(--ink)}
.seo-category-content p{margin:0 0 12px;color:var(--muted);line-height:1.7;font-size:15px}
.seo-category-content p:last-child{margin-bottom:0}
@media(max-width:760px){.seo-category-content{padding:20px;border-radius:18px}.seo-category-content h2{font-size:21px}}
/* PAR24 SEO CONTENT V80 */
.nav-link-main {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 12px;
border-radius: 999px;
color: var(--text);
font-weight: 700;
text-decoration: none;
white-space: nowrap;
}
.nav-link-main:hover {
background: rgba(15, 23, 42, 0.06);
}
.seo-subcategory-section {
padding-top: 28px;
padding-bottom: 0;
background: #fff;
}
.section-title--compact {
margin-bottom: 16px;
}
.seo-chip-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 12px;
}
.seo-chip {
display: flex;
justify-content: space-between;
gap: 12px;
padding: 14px 16px;
border: 1px solid var(--border);
border-radius: 18px;
background: #fff;
color: var(--text);
text-decoration: none;
box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}
.seo-chip span {
color: var(--muted);
font-size: 13px;
white-space: nowrap;
}
.article-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 18px;
}
.article-grid--wide {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.article-card {
display: flex;
flex-direction: column;
gap: 10px;
min-height: 190px;
padding: 22px;
border: 1px solid var(--border);
border-radius: 24px;
background: #fff;
color: var(--text);
text-decoration: none;
box-shadow: 0 18px 44px rgba(15, 23, 42, 0.06);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.article-card:hover {
transform: translateY(-3px);
border-color: rgba(225, 29, 72, 0.28);
box-shadow: 0 24px 60px rgba(15, 23, 42, 0.1);
}
.article-card strong {
font-size: 20px;
line-height: 1.25;
}
.article-card p {
margin: 0;
color: var(--muted);
line-height: 1.6;
}
.article-card__date,
.article-date {
display: inline-flex;
width: fit-content;
padding: 5px 10px;
border-radius: 999px;
background: #fff1f2;
color: #be123c;
font-size: 12px;
font-weight: 800;
}
.article-card__more {
margin-top: auto;
color: #be123c;
font-weight: 800;
}
.article-head .article-date {
margin-bottom: 12px;
}
.article-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 320px;
gap: 24px;
align-items: start;
}
.article-content {
font-size: 16px;
line-height: 1.75;
}
.article-content h2 {
margin-top: 28px;
margin-bottom: 10px;
font-size: 28px;
letter-spacing: -0.02em;
}
.article-content h3 {
margin-top: 22px;
margin-bottom: 8px;
font-size: 21px;
}
.article-content p,
.article-content li {
color: #334155;
}
.article-content ul,
.article-content ol {
padding-left: 22px;
}
.article-content table {
width: 100%;
border-collapse: collapse;
margin: 18px 0;
overflow: hidden;
border-radius: 16px;
}
.article-content th,
.article-content td {
border: 1px solid var(--border);
padding: 12px 14px;
text-align: left;
vertical-align: top;
}
.article-content th {
background: #f8fafc;
}
.article-aside {
position: sticky;
top: 18px;
}
.article-links {
display: flex;
flex-direction: column;
gap: 8px;
}
.article-links a {
padding: 10px 12px;
border: 1px solid var(--border);
border-radius: 14px;
text-decoration: none;
color: var(--text);
background: #fff;
}
.article-links a:hover {
border-color: rgba(225, 29, 72, 0.35);
}
.seo-category-content h3 {
margin-top: 20px;
}
.seo-category-content ul {
padding-left: 22px;
}
.seo-category-content li {
margin: 6px 0;
}
@media (max-width: 980px) {
.nav-link-main { display: none; }
.article-layout { grid-template-columns: 1fr; }
.article-aside { position: static; }
}
/* PAR24-COLOR-UNIFICATION-V103-2026-06-18
Spójniejsza paleta: czerwone linki/akcenty, przyciski w spokojniejszym błękicie strony głównej. */
:root {
--cyan:#2563eb;
--cyan-dark:#1d4ed8;
}
.button.primary,
.account-data-grid--v74 .button.primary,
.category-filters .filter-actions .button.primary,
.category-filters .button.primary,
.cart-recalc-btn.button.tiny {
background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%) !important;
border-color:#1d4ed8 !important;
color:#fff !important;
box-shadow:0 12px 28px rgba(37,99,235,.16);
}
.button.primary:hover,
.account-data-grid--v74 .button.primary:hover,
.category-filters .filter-actions .button.primary:hover,
.category-filters .button.primary:hover,
.cart-recalc-btn.button.tiny:hover {
background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%) !important;
border-color:#1e40af !important;
color:#fff !important;
transform:translateY(-1px);
}
.button.secondary {
background:#fff1f2;
color:var(--rose-dark);
border:1px solid #ffe4e6;
}
.button.ghost:hover,
.nav-account-main:hover,
.nav-account-login:hover,
.nav-account-logout:hover,
.button.subtle:hover {
color:var(--rose) !important;
border-color:rgba(225,29,72,.30) !important;
background:#fff7f8 !important;
}
.account-tab--v73.is-active {
background:#2563eb !important;
border-color:#2563eb !important;
color:#fff !important;
}
.account-tab--v73:hover,
.nav-actions--v73 .cart-pill:hover {
border-color:rgba(225,29,72,.30) !important;
color:var(--rose) !important;
background:#fff7f8 !important;
}
.range-slider,
input[type="range"] {
accent-color:#2563eb;
}
/* PAR24-PRODUCT-FLAGS-V105-2026-06-18
Małe piktogramy dla wyróżnionych produktów na listach kategorii i karcie produktu. */
.product-media {
position: relative;
}
.product-flag-icon {
position: absolute;
top: 10px;
left: 10px;
z-index: 4;
min-width: 44px;
height: 24px;
padding: 0 9px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
color: #fff;
font-size: 10px;
line-height: 1;
font-weight: 900;
letter-spacing: .055em;
text-transform: uppercase;
border: 1px solid rgba(255,255,255,.72);
box-shadow: 0 10px 24px rgba(15,23,42,.14);
backdrop-filter: blur(8px);
pointer-events: none;
}
.product-flag-icon--bestseller {
background: linear-gradient(135deg, #e11d48 0%, #be123c 100%);
}
.product-flag-icon--eco {
background: linear-gradient(135deg, #16a34a 0%, #166534 100%);
}
.product-flag-icon--new {
background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
}
.product-flag-icon--premium {
background: linear-gradient(135deg, #0f172a 0%, #334155 100%);
}
.gallery-main {
position: relative;
}
.gallery-main .product-flag-icon {
top: 16px;
left: 16px;
min-width: 58px;
height: 28px;
padding: 0 12px;
font-size: 11px;
}
.product-badge.product-badge--premium {
display: none;
}
/* PAR24-PRODUCT-FLAGS-V106-2026-06-18
Flagi są teraz oparte na: is_bestseller, is_new, sensownie potwierdzone is_eco. */
.product-flag-icon--new {
background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
}
.product-flag-icon--eco {
background: linear-gradient(135deg, #16a34a 0%, #166534 100%);
}
/* PAR24-PRODUCT-FLAG-LABELS-V107-2026-06-18
Flagi produktów są etykietami tekstowymi: NEW / BESTSELLER / ECO. */
.product-flag-icon{
min-width:44px;
width:auto;
height:24px;
padding:0 9px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
font-size:10px;
font-weight:900;
letter-spacing:.055em;
text-transform:uppercase;
}
.gallery-main .product-flag-icon{
min-width:58px;
width:auto;
height:28px;
padding:0 12px;
font-size:11px;
}