:root{
  --blue:#28b5e3; --blue-d:#1f90bb; --blue-l:#e6f6fc;
  --ink:#2e3c42; --ink-2:#4b5a61; --grey:#648491; --line:#e7ecef; --bg:#f5f7f9;
  --r:16px; --shadow:0 10px 30px rgba(46,60,66,.10); --shadow-s:0 2px 10px rgba(46,60,66,.08);
  --wrap:1400px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{margin:0;font-family:'Poppins',system-ui,sans-serif;font-size:15px;line-height:1.55;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 16px}
@media (min-width:1024px){.wrap{padding:0 28px}}
.tool.hide-m{display:none}

/* ---------- header ---------- */
.hdr{position:relative;z-index:50;background:#fff;box-shadow:0 1px 0 var(--line),0 6px 24px rgba(46,60,66,.06)}
.hdr-row{display:flex;align-items:center;gap:14px;height:68px}
.logo{flex:0 0 auto}
.logo img{width:auto;height:46px}
.burger{width:42px;height:42px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 9px;margin-left:-9px;border-radius:10px}
.burger span{display:block;width:24px;height:2px;background:var(--ink);border-radius:2px;transition:.25s}
.burger:hover{background:var(--bg)}
/* top bar */
.topbar{display:none;position:relative;background:linear-gradient(90deg,#1b2930 0%,#22353e 55%,#1e4a5e 100%);color:#fff;font-size:13px}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,rgba(40,181,227,0) 0%,#28b5e3 50%,rgba(40,181,227,0) 100%);opacity:.9}
.topbar .tb-list svg{color:var(--blue)}
body[data-tb="b"] .topbar{background:linear-gradient(90deg,#1a7fa8 0%,#28b5e3 100%)}
body[data-tb="b"] .topbar::after{display:none}
body[data-tb="b"] .topbar .tb-list svg{color:#fff}
body[data-tb="c"] .topbar{background:#eef4f8;color:var(--ink)}
body[data-tb="c"] .topbar::after{height:1px;background:var(--line);opacity:1}
body[data-tb="c"] .tb-list li,body[data-tb="c"] .tb-link{color:var(--ink-2)}
body[data-tb="c"] .topbar .tb-list svg{color:var(--blue-d)}
.topbar-row{display:flex;align-items:center;gap:22px;height:40px}
.tb-list{display:flex;gap:26px;margin:0;padding:0;list-style:none}
.tb-list li{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:rgba(255,255,255,.92)}
.tb-list svg,.tb-link svg{width:16px;height:16px;stroke-width:1.9;color:#8fe0ff}
.tb-right{margin-left:auto;display:flex;align-items:center;gap:20px}
.tb-link{display:inline-flex;align-items:center;gap:7px;color:#fff;opacity:.9}
.tb-link:hover{opacity:1}
.tb-sale{font-weight:700;color:#fff;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35)}
.tb-sale:hover{background:#fff;color:var(--blue-d)}
.cur{position:relative}
.cur-btn{display:inline-flex;align-items:center;gap:5px;height:40px;color:#fff}
.cur-btn svg{width:14px;height:14px;opacity:.8}
.cur-sym{font-weight:600;font-size:14px}
.cur-code{font-size:13px;opacity:.9}
.cur-menu{position:absolute;right:0;top:calc(100% + 4px);margin:0;padding:6px;list-style:none;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);min-width:180px;display:none;z-index:5}
.cur.is-open .cur-menu{display:block}
.cur-menu button{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:8px;font-size:14px}
.cur-menu button:hover{background:var(--bg);color:var(--blue-d)}
/* search */
.search{display:flex;align-items:center;flex:1 1 auto;min-width:0;height:46px;border:1.5px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(40,181,227,.15)}
.search input{flex:1;min-width:0;height:100%;padding:0 16px;border:0;background:none;font:inherit;font-size:15px;color:var(--ink);outline:0}
.search input::placeholder{color:#8a9aa3}
.search button{display:inline-flex;align-items:center;gap:8px;height:100%;padding:0 18px;background:var(--blue);color:#fff;font-weight:600;font-size:14px;transition:background .2s}
.search button:hover{background:var(--blue-d)}
.search button svg{width:20px;height:20px;stroke-width:2}
.hdr-row .search{display:none}
.search-m{padding:0 0 12px}
.search-m .search{height:44px}
.search-m .search button span{display:none}
/* tools */
.tools{margin-left:auto;flex:0 0 auto;display:flex;align-items:center;gap:6px}
.tool{position:relative;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 8px;border-radius:14px;color:var(--ink);transition:background .2s}
.tool:hover{background:var(--bg)}
.tool:hover .t-ico{background:var(--blue);color:#fff;border-color:var(--blue)}
.t-ico{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;border:1.5px solid var(--line);color:var(--ink);transition:.2s}
.t-ico svg{width:22px;height:22px}
.t-txt{display:none;flex-direction:column;line-height:1.2}
.t-txt b{font-size:14px;font-weight:600}
.t-txt small{font-size:13px;color:var(--grey);margin-top:2px}
.tool.hide-m{display:none}
.cart .t-ico{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 6px 16px rgba(40,181,227,.35)}
.cart:hover .t-ico{background:var(--blue-d);border-color:var(--blue-d)}
.cart .mbadge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;line-height:20px;text-align:center;border:2px solid #fff}
/* menu bar + mega menu */
.menubar{display:none;border-top:1px solid var(--line);background:#fff}
.menubar-row{position:relative;display:flex;align-items:center}
.nav-list{display:flex;flex-wrap:nowrap;gap:2px;margin:0;padding:0;list-style:none}
.nav-list>li{position:relative}
.nav-list>li>a{display:inline-flex;align-items:center;gap:5px;padding:15px 13px;font-size:14px;font-weight:500;letter-spacing:.01em;white-space:nowrap;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.nav-list>li>a .chev{width:13px;height:13px;stroke-width:2.2;opacity:.55;transition:transform .2s}
.nav-list>li:hover>a,.nav-list>li:focus-within>a{color:var(--blue-d);border-bottom-color:var(--blue)}
.nav-list>li:hover>a .chev{transform:rotate(180deg);opacity:1}
.nav-list>li:first-child>a{padding-left:0}
.mb-links{margin:0 0 0 auto;padding:0;list-style:none;display:flex;gap:18px}
.mb-links a{font-size:13.5px;color:var(--grey);font-weight:500;padding:15px 0}
.mb-links a:hover{color:var(--blue-d)}
.mega{position:absolute;left:-14px;top:100%;z-index:20;padding-top:4px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s,transform .22s,visibility 0s .22s}
.has-sub:hover .mega,.has-sub:focus-within .mega{opacity:1;visibility:visible;transform:none;transition:opacity .22s,transform .22s}
.mega-in{display:grid;grid-template-columns:260px 320px;gap:22px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(46,60,66,.18)}
.mega-col h4{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.mega-col ul{margin:0;padding:0;list-style:none}
.mega-col li a{position:relative;display:flex;align-items:center;padding:9px 10px 9px 8px;border-radius:9px;font-size:14.5px;color:var(--ink-2);white-space:nowrap;transition:.15s}
.mega-col li a svg{position:absolute;left:6px;top:50%;margin-top:-7px;width:14px;height:14px;stroke-width:2.2;color:var(--blue);opacity:0;transform:translateX(-4px);transition:.15s}
.mega-col li a:hover{background:var(--bg);color:var(--ink);padding-left:24px}
.mega-col li a:hover svg{opacity:1;transform:none}
.mega-all{display:inline-flex;align-items:center;gap:6px;margin:12px 0 0 8px;font-size:14px;font-weight:600;color:var(--blue-d)}
.mega-all i,.mega-tile em i{font-style:normal;display:inline-block;transition:transform .2s}
.mega-all:hover i,.mega-tile:hover em i{transform:translateX(4px)}
.mega-tile{position:relative;display:block;border-radius:14px;overflow:hidden;min-height:230px;color:#fff;isolation:isolate}
.mega-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.mega-tile:hover img{transform:scale(1.05)}
.mega-tile::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(46,60,66,0) 30%,rgba(46,60,66,.85) 100%);z-index:1}
.mega-tile-body{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-height:230px;padding:18px}
.mega-tile-body b{font-size:19px;font-weight:700;line-height:1.2}
.mega-tile-body>span{font-size:13.5px;line-height:1.45;opacity:.92;margin:6px 0 10px}
.mega-tile-body em{font-style:normal;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}

@media (min-width:1024px){
  .topbar{display:block}
  .burger{display:none}
  .hdr-row{height:96px;gap:28px}
  .logo img{height:62px}
  .hdr-row .search{display:flex;max-width:560px;margin:0 auto;height:50px;border-radius:14px}
  .search-m{display:none}
  .tool.hide-m{display:inline-flex}
  .t-txt{display:flex}
  .menubar{display:block}
  .mnav{display:block}
}
@media (max-width:1023px){
  .mnav{display:none}
}

/* ---------- drawer (mobile menu) ---------- */
.drawer-bg{position:fixed;inset:0;background:rgba(46,60,66,.45);opacity:0;visibility:hidden;transition:.25s;z-index:60}
.drawer{position:fixed;top:0;left:0;bottom:0;width:min(86vw,360px);background:#fff;z-index:61;transform:translateX(-102%);transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow-y:auto}
body.drawer-open{overflow:hidden}
body.drawer-open .drawer-bg{opacity:1;visibility:visible}
body.drawer-open .drawer{transform:none}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}
.drawer-x{width:40px;height:40px;border-radius:10px;font-size:28px;line-height:1;color:var(--grey)}
.drawer-list{list-style:none;margin:0;padding:8px 10px}
.drawer-list>li{border-bottom:1px solid var(--line)}
.drawer-list>li:last-child{border:0}
.d-row{display:flex;align-items:center}
.d-row>a{flex:1;padding:14px 10px;font-size:15px;font-weight:500}
.d-row>button{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--grey)}
.d-row>button svg{transition:transform .25s}
.d-row>button[aria-expanded="true"] svg{transform:rotate(180deg)}
.d-sub{display:none;list-style:none;margin:0 0 8px;padding:0 0 0 10px}
.d-sub.is-open{display:block}
.d-sub a{display:block;padding:9px 10px;font-size:14px;color:var(--ink-2);border-radius:8px}
.d-sub .all a{font-weight:600;color:var(--blue-d)}
.drawer-list .sale a{color:var(--blue-d);font-weight:600}
.drawer-foot{margin-top:auto;padding:14px 18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--ink-2)}

/* ---------- hero ---------- */
.hero-bg{background:linear-gradient(180deg,#eaf2f7 0%,#e2edf4 100%);padding:16px 0 64px}
.hero{display:grid;grid-template-columns:1fr;gap:16px}
.slider{position:relative;border-radius:var(--r);overflow:hidden;box-shadow:0 14px 40px rgba(46,60,66,.14);background:#fff;min-height:470px;isolation:isolate}
.slides{position:absolute;inset:0}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s .7s}
.slide.is-active{opacity:1;visibility:visible;transition:opacity .7s ease}
.slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;transform:translateX(4%) scale(1.06);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.slide.is-active img{transform:none}
.veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 38%,rgba(255,255,255,.55) 60%,rgba(255,255,255,0) 82%)}
.copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:34px 30px 70px;max-width:560px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 12px;border-radius:999px;background:var(--blue-l);color:var(--blue-d);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.copy h2{margin:16px 0 12px;font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.copy p{margin:0 0 22px;font-size:15px;color:var(--ink-2);max-width:460px}
.cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.mbtn{display:inline-flex;align-items:center;height:48px;padding:0 24px;border-radius:12px;background:var(--blue);color:#fff;font-weight:600;font-size:14px;letter-spacing:.02em;box-shadow:0 8px 20px rgba(40,181,227,.35);transition:background .2s,transform .2s}
.mbtn:hover{background:var(--blue-d);transform:translateY(-1px)}
.link{font-size:14px;font-weight:600;color:var(--ink);border-bottom:2px solid var(--blue);padding-bottom:2px}
.link:hover{color:var(--blue-d)}
/* element animations */
.anim{opacity:0;transform:translateY(18px)}
.slide.is-active .anim{animation:fadeUp .7s cubic-bezier(.2,.7,.2,1) both}
.slide.is-active .anim:nth-child(1){animation-delay:.25s}
.slide.is-active .anim:nth-child(2){animation-delay:.4s}
.slide.is-active .anim:nth-child(3){animation-delay:.55s}
.slide.is-active .anim:nth-child(4){animation-delay:.7s}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.slide img,.anim,.slide{transition:none!important;animation:none!important;opacity:1;transform:none}}
.dots{position:absolute;left:30px;bottom:24px;z-index:3;display:flex;gap:8px}
.dots button{width:10px;height:10px;border-radius:50%;background:rgba(46,60,66,.25);transition:.25s}
.dots button[aria-selected="true"]{width:28px;border-radius:5px;background:var(--blue)}
.arrows{position:absolute;right:20px;bottom:16px;z-index:3;display:flex;gap:8px}
.arrow{width:42px;height:42px;border-radius:50%;background:#fff;color:var(--ink);box-shadow:var(--shadow-s);display:flex;align-items:center;justify-content:center;transition:.2s}
.arrow:hover{background:var(--blue);color:#fff}
.arrow svg{width:20px;height:20px;stroke-width:2.2}

.boxes{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.box{position:relative;display:block;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);min-height:210px;color:#fff;isolation:isolate}
.box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.box:hover img{transform:scale(1.05)}
.box::before{content:"";position:absolute;inset:0;z-index:1}
.box-quality::before{background:linear-gradient(180deg,rgba(46,60,66,.15) 0%,rgba(46,60,66,.82) 100%)}
.box-shipping::before{background:linear-gradient(160deg,rgba(40,181,227,.88) 0%,rgba(31,144,187,.95) 100%)}
.box-body{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;min-height:210px}
.box-ico{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.18);backdrop-filter:blur(4px);margin-bottom:auto}
.box-ico svg{width:26px;height:26px;stroke-width:1.7}
.box h3{margin:14px 0 4px;font-size:21px;font-weight:700;line-height:1.2}
.box p{margin:0 0 10px;font-size:14px;line-height:1.45;opacity:.92}
.more{font-size:13px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}
.more i{font-style:normal;display:inline-block;transition:transform .2s}
.box:hover .more i{transform:translateX(4px)}

@media (min-width:700px){
  .slider{min-height:480px}
  .copy{padding:40px 44px 80px}
  .copy h2{font-size:40px}
  .copy p{font-size:16px}
}
@media (min-width:1024px){
  .hero-bg{padding:28px 0 86px}
  .hero{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;height:600px}
  .slider{height:100%;min-height:0}
  .boxes{grid-template-columns:1fr;gap:20px}
  .box{min-height:0}
  .box-body{padding:24px}
  .copy{padding:40px 48px 90px;max-width:600px}
  .copy h2{font-size:44px}
  .box h3{font-size:24px}
}
@media (max-width:700px){
  .slider{min-height:560px;background:#fff}
  .slide img{top:auto;height:46%;object-position:center 40%;transform:translateX(0) scale(1.06)}
  .veil{top:auto;height:46%;background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 22%)}
  .copy{justify-content:flex-start;padding:26px 22px 0;height:54%}
  .copy h2{font-size:29px;margin:14px 0 10px}
  .copy p{margin-bottom:18px}
}
@media (max-width:480px){
  .boxes{grid-template-columns:1fr}
}

/* ---------- trust bar ---------- */
.trust{margin-top:-40px;position:relative;z-index:2}
.trust-in{display:grid;grid-template-columns:1fr;background:#fff;border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--line);overflow:hidden}
.trust-item{display:flex;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line);transition:background .2s}
.trust-item:last-child{border-bottom:0}
.trust-item:hover{background:var(--bg)}
.trust-mark{flex:0 0 74px;height:48px;display:flex;align-items:center;justify-content:center}
.trust-mark img{width:auto;height:46px}
.trust-mark .uk{width:46px;height:28px}
.trust-txt{display:flex;flex-direction:column;line-height:1.25}
.trust-txt b{font-size:15px;font-weight:600}
.trust-txt small{font-size:13.5px;color:var(--grey);margin-top:3px}
.stamp{flex-direction:column;justify-content:center;width:56px;height:56px;border:2px solid var(--ink);border-radius:50%;line-height:1;color:var(--ink)}
.stamp b{font-size:18px;font-weight:700;letter-spacing:-.02em}
.stamp b i{font-style:normal;font-size:14px;font-weight:600}
.stamp em{display:none}
.pay{display:flex;flex-wrap:wrap;gap:6px;flex:0 0 132px;height:auto;justify-content:flex-start}
.pm-visa,.pm-txt,.pm-mc{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;border-radius:6px;border:1px solid var(--line);background:#fff;font-style:normal;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--ink-2);line-height:1}
.pm-visa{color:#1a1f71;font-style:italic;font-weight:800;letter-spacing:.04em}
.pm-mc{gap:0;padding:0 8px}
.pm-mc b{width:12px;height:12px;border-radius:50%;background:#eb001b;display:block}
.pm-mc b+b{background:#f79e1b;margin-left:-5px;opacity:.95}
@media (min-width:700px){.trust-in{grid-template-columns:1fr 1fr}.trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.trust-item:nth-child(odd){border-right:1px solid var(--line)}.trust-item:nth-child(3){border-bottom:0}}
@media (min-width:1024px){.trust{margin-top:-46px}.trust-in{grid-template-columns:repeat(4,1fr)}.trust-item{border-bottom:0!important;border-right:1px solid var(--line);padding:22px 24px}.trust-item:last-child{border-right:0}}

/* ---------- sections ---------- */
.sec{margin:56px auto 0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.sec-head h2,.quality-copy h2,.brand-copy h2{margin:10px 0 0;font-size:28px;line-height:1.15;font-weight:700;letter-spacing:-.01em}
.sec-sub{margin:0;max-width:380px;font-size:14.5px;color:var(--grey)}
.sec-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--blue-d);white-space:nowrap}
.sec-link i,.look-tag i{font-style:normal;display:inline-block;transition:transform .2s}
.sec-link:hover i{transform:translateX(4px)}
@media (min-width:1024px){.sec{margin-top:80px}.sec-head h2,.quality-copy h2,.brand-copy h2{font-size:34px}}
@media (max-width:699px){.sec-head{flex-direction:column;align-items:flex-start}.sec-sub{max-width:none}}

/* product cards */
.grid-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (min-width:1024px){.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}
.pcard{position:relative;display:flex;flex-direction:column;border-radius:var(--r);background:#fff;border:1px solid var(--line);overflow:hidden;transition:box-shadow .25s,transform .25s,border-color .25s}
.pcard:hover{border-color:transparent}
.pcard:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.pcard-img{position:relative;display:block;aspect-ratio:4/5;background:#f3f5f7;overflow:hidden}
.pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.pcard:hover .pcard-img img{transform:scale(1.05)}
.pcard-badge{position:absolute;left:12px;top:12px;padding:4px 10px;border-radius:999px;background:var(--blue);color:#fff;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.pcard-wish{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--ink);box-shadow:var(--shadow-s);display:flex;align-items:center;justify-content:center;transition:.2s}
.pcard-wish svg{width:19px;height:19px}
.pcard-wish:hover{background:var(--blue);color:#fff}
.pcard-body{display:flex;flex-direction:column;gap:8px;padding:16px 16px 18px}
.pcard-name{font-size:14.5px;font-weight:500;line-height:1.35;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.pcard-name:hover{color:var(--blue-d)}
.pcard-price{display:flex;align-items:baseline;gap:8px;font-size:17px;font-weight:700}
.p-old{font-size:14px;font-weight:500;color:var(--grey);text-decoration:line-through}
.p-opt{font-size:14px;font-weight:500;color:var(--grey)}
.pcard-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;border-radius:11px;border:1.5px solid var(--ink);color:var(--ink);font-size:14px;font-weight:600;transition:.2s;margin-top:4px}
.pcard-btn svg{width:18px;height:18px}
.pcard-btn:hover{background:var(--ink);color:#fff}
@media (max-width:480px){.pcard-body{padding:12px}.pcard-btn{height:40px;font-size:13.5px}.pcard-price{font-size:16px}}

/* shop the look */
.look{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.look-tile{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:7/8;isolation:isolate;background:#e9eef2}
.look-tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.look-tile:hover img{transform:scale(1.05)}
.look-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(46,60,66,0) 55%,rgba(46,60,66,.55) 100%);z-index:1}
.look-tag{position:absolute;left:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:600;box-shadow:var(--shadow-s)}
.look-tile:hover .look-tag i{transform:translateX(4px)}
.look-cap{position:absolute;left:14px;top:14px;z-index:2;max-width:70%;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.85);backdrop-filter:blur(6px);font-size:13.5px;font-weight:500;color:var(--ink)}
.look-tile.big{grid-column:1/-1;aspect-ratio:4/3}
@media (min-width:1024px){.look{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:20px}.look-tile.big{grid-column:1/3;grid-row:1/3;aspect-ratio:auto}.look-tile{aspect-ratio:auto;min-height:280px}.look-cap{font-size:15px;left:20px;top:20px}.look-tag{left:20px;bottom:20px}}

/* quality */
.quality-sec{margin-top:64px;background:linear-gradient(180deg,#f5f8fa 0%,#eaf2f7 100%)}
.quality-in{display:grid;grid-template-columns:1fr;gap:28px;padding:48px 16px}
.quality-media{position:relative}
.quality-media>img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--r);box-shadow:var(--shadow)}
.quality-float{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.quality-float img{width:auto;height:44px}
.quality-float span{display:flex;flex-direction:column;font-size:13px;color:var(--grey);line-height:1.2}
.quality-float b{font-size:15px;color:var(--ink);font-weight:700}
.quality-copy .lead{font-size:16px;color:var(--ink-2);margin:16px 0 24px}
.q-list{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:18px}
.q-list li{display:flex;gap:16px;align-items:flex-start}
.q-n{flex:0 0 44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--blue-d);letter-spacing:.04em}
.q-list b{display:block;font-size:16px;font-weight:600;margin-bottom:3px}
.q-list p{margin:0;font-size:14.5px;color:var(--ink-2);line-height:1.5}
@media (min-width:1024px){.quality-sec{margin-top:90px}.quality-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding:80px 16px;align-items:center}.quality-float{left:-20px;bottom:32px}.quality-copy .lead{font-size:17px}}

/* brand */
.brand{margin-top:56px}
.brand-in{display:grid;grid-template-columns:1fr;gap:26px;align-items:center}
.brand-copy p{font-size:15.5px;color:var(--ink-2);margin:14px 0 22px;line-height:1.65}
.brand-facts{display:flex;gap:10px;margin-bottom:22px}
.brand-facts div{flex:1;display:flex;flex-direction:column;padding:14px 12px;border-radius:14px;background:var(--bg)}
.brand-facts b{font-size:22px;font-weight:700;color:var(--blue-d);letter-spacing:-.02em}
.brand-facts span{font-size:13px;color:var(--grey);margin-top:2px}
.brand-media img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--r);box-shadow:var(--shadow)}
@media (min-width:1024px){.brand{margin-top:90px}.brand-in{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px}.brand-copy p{font-size:16.5px}.brand-facts{gap:14px}.brand-facts div{padding:18px 16px}.brand-facts b{font-size:26px}}

/* ---------- footer ---------- */
.ftr{margin-top:70px;position:relative;background:#1f2d34;color:#d7e0e5;overflow:hidden}
.ftr::before{content:"";position:absolute;right:-10%;top:-30%;width:60%;height:70%;background:radial-gradient(closest-side,rgba(40,181,227,.16),rgba(40,181,227,0));pointer-events:none}
.ftr .wrap{position:relative}
.ftr a{color:#d7e0e5}
.ftr a:hover{color:#fff}
.ftr-top{display:flex;flex-direction:column;gap:26px;padding:40px 0 32px;border-bottom:1px solid rgba(255,255,255,.1)}
.ftr-brand p{font-size:14.5px;color:#a9b8c0;margin:14px 0 0;max-width:340px;line-height:1.6}
.ftr-help{display:flex;flex-wrap:wrap;align-items:center;gap:16px 18px}
.ftr-help-ic{flex:0 0 52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(40,181,227,.14);color:var(--blue)}
.ftr-help-ic svg{width:26px;height:26px}
.ftr-help-txt{flex:1 1 220px}
.ftr-help-txt b{display:block;font-size:17px;color:#fff;font-weight:600;margin-bottom:4px}
.ftr-help-txt p{margin:0;font-size:14.5px;color:#a9b8c0;line-height:1.5}
.btn-ftr{height:50px;padding:0 24px;gap:10px;box-shadow:0 10px 24px rgba(40,181,227,.3)}
.btn-ftr i{font-style:normal;transition:transform .2s}
.btn-ftr:hover i{transform:translateX(4px)}
.ftr-main{display:grid;grid-template-columns:1fr 1fr;gap:30px 20px;padding:36px 0}
.ftr h4{margin:0 0 14px;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.ftr ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.ftr li a{font-size:14.5px;color:#c5d0d6}
.ftr-mail{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:14.5px;font-weight:500;color:#fff!important}
.ftr-mail svg{width:18px;height:18px;color:var(--blue)}
.ftr-card{grid-column:1/-1;position:relative;padding:26px 24px 22px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.ftr-eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.ftr-card h3{margin:10px 0 8px;font-size:22px;line-height:1.2;color:#fff;font-weight:700}
.ftr-card p{margin:0 0 18px;font-size:14.5px;color:#a9b8c0;line-height:1.55}
.ftr-form{display:flex;height:52px;padding:4px;border-radius:14px;background:#fff}
.ftr-form input{flex:1;min-width:0;border:0;padding:0 14px;font:inherit;font-size:15px;color:var(--ink);outline:0;background:none}
.ftr-form button{display:inline-flex;align-items:center;gap:8px;padding:0 18px;border-radius:10px;background:var(--blue);color:#fff;font-weight:600;font-size:14px;white-space:nowrap;transition:background .2s}
.ftr-form button i{font-style:normal}
.ftr-form button:hover{background:var(--blue-d)}
.ftr-consent{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:13px;color:#a9b8c0;line-height:1.45}
.ftr-consent input{margin:3px 0 0;width:16px;height:16px;flex:0 0 16px;accent-color:var(--blue)}
.ftr-consent a{text-decoration:underline;color:#c5d0d6}
.ftr-promise{display:grid;grid-template-columns:1fr;gap:26px;padding:32px 0;border-top:1px solid rgba(255,255,255,.1)}
.ftr-promise h5{margin:0 0 4px;font-size:18px;font-weight:600;color:#fff}
.ftr-promise p{margin:0 0 14px;font-size:14.5px;color:#a9b8c0}
.ftr-marks{display:flex;flex-wrap:wrap;gap:8px}
.ftr-marks i{height:40px;padding:0 14px;border-radius:9px;border:0;font-size:14px;gap:8px}
.ftr-marks .uk{width:30px;height:18px}
.ship-ups{color:#3b2a14;font-weight:800;letter-spacing:.03em}
.ship-fedex{color:#4d148c;font-weight:800;letter-spacing:-.02em;gap:0}
.ship-fedex b{color:#ff6600;font-weight:800}
.pm-pp{color:#003087;font-style:italic;font-weight:800;gap:0}
.pm-pp b{color:#009cde;font-weight:800}
.ftr-more{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:14px;font-weight:600;color:#fff!important;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.35)}
.ftr-more i{font-style:normal}
.ftr-wm{display:flex;align-items:center;gap:16px;font-size:14px;color:#a9b8c0;line-height:1.4}
.ftr-wm img{height:56px;width:auto;filter:brightness(0) invert(1);opacity:.9}
.ftr-bottom{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;padding:22px 0 28px;border-top:1px solid rgba(255,255,255,.1);font-size:13.5px;color:#a9b8c0}
.ftr-legal{display:flex;gap:18px}
.ftr-up{display:inline-flex;align-items:center;gap:6px;font-weight:500}
.ftr-up i{font-style:normal}
@media (min-width:700px){.ftr-main{grid-template-columns:1fr 1fr 1fr}.ftr-promise{grid-template-columns:1fr 1fr}.ftr-wm{grid-column:1/-1}}
@media (min-width:1024px){.ftr{margin-top:100px}.ftr-top{flex-direction:row;align-items:center;justify-content:space-between;padding:52px 0 40px}.ftr-help{flex:0 0 auto;max-width:760px}.ftr-main{grid-template-columns:1fr 1fr 1fr 1.7fr;gap:48px;padding:48px 0}.ftr-card{grid-column:auto;padding:30px 30px 26px}.ftr-promise{grid-template-columns:1.2fr 1.2fr .8fr;gap:40px;padding:40px 0}.ftr-wm{grid-column:auto;justify-content:flex-end}.ftr-bottom{justify-content:space-between}.ftr-bottom>*:last-child{margin-left:auto}}
@media (min-width:1024px) and (max-width:1279px){.ftr-help-txt b{font-size:16px}.ftr-main{gap:32px}}
@media (max-width:1279px){.mb-links{display:none}}
/* v6 poprawki */
.ftr-marks .ship-fedex,.ftr-marks .pm-pp{gap:0}
body[data-tb="c"] .tb-link,body[data-tb="c"] .cur-btn{color:var(--ink)}
body[data-tb="c"] .tb-link svg{color:var(--blue-d)}
body[data-tb="c"] .tb-sale{background:var(--blue);color:#fff}
.ftr-col h4{position:relative}
@media (max-width:699px){
  .ftr-main{grid-template-columns:1fr;gap:0;padding:8px 0 28px}
  .ftr-card{order:-1;margin-bottom:24px}
  .ftr-col{border-bottom:1px solid rgba(255,255,255,.1)}
  .ftr-col h4{margin:0;padding:16px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
  .ftr-col h4::after{content:"";width:9px;height:9px;border-right:1.5px solid #a9b8c0;border-bottom:1.5px solid #a9b8c0;transform:rotate(45deg);transition:transform .25s;margin-right:4px}
  .ftr-col.open h4::after{transform:rotate(-135deg)}
  .ftr-col ul,.ftr-col .ftr-mail{display:none}
  .ftr-col.open ul{display:flex;padding-bottom:18px}
  .ftr-col.open .ftr-mail{display:inline-flex;margin:0 0 18px}
}
.ftr-main>*{min-width:0}
.ftr-form input{width:0}

/* ---------- karty v2 + rotator ---------- */
:root{--sale:#e23b2e;--sale-d:#c62a1f;--ok:#1f9d55}
.pcard{border-color:#e3e9ed}
.pcard-body{gap:6px;padding:14px 16px 16px}
.pcard-badges{position:absolute;left:12px;top:12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;z-index:2}
.mbadge-off{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:8px;background:linear-gradient(135deg,#ff7a45 0%,#e8322a 100%);color:#fff;font-size:14px;font-weight:800;letter-spacing:.02em;box-shadow:0 6px 16px rgba(226,59,46,.35)}
.mbadge-tag{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:7px;background:rgba(46,60,66,.86);color:#fff;font-size:13px;font-weight:600;backdrop-filter:blur(4px)}
.mbadge-new{background:var(--blue)}
.mbadge-premium{background:#fff;color:var(--ink)}
.pcard-badge{display:none}
.pcard-cat{font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--grey)}
.pcard-name{min-height:2.7em}
.pcard-meta{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 4px}
.chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;background:var(--bg);font-size:13px;font-weight:500;color:var(--ink-2)}
.chip-ok{color:var(--ok);background:#e9f7ee}
.chip-ok::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok)}
.pcard-price{align-items:baseline;gap:10px;font-size:20px;letter-spacing:-.01em}
.pcard-price.is-sale .p-new{color:var(--sale)}
.p-old{font-size:14.5px}
.p-opt{font-size:15px;font-weight:600;color:var(--ink)}
.pcard-save{display:inline-flex;align-self:flex-start;align-items:center;height:24px;padding:0 9px;border-radius:7px;background:#fdeceb;color:var(--sale-d);font-size:13px;font-weight:600}
.pcard-save.is-muted{background:transparent;padding:0;color:var(--grey);font-weight:500;height:auto}
.pcard-btn{margin-top:8px}
.pcard-btn i{font-style:normal}
.pcard-btn.is-primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.pcard-btn.is-primary:hover{background:var(--blue-d);border-color:var(--blue-d)}
.pcard:hover .pcard-img img{transform:scale(1.06)}
/* rotator */
.rail-wrap{display:grid;grid-template-columns:1fr;gap:16px}
.promo-tile{position:relative;display:block;border-radius:var(--r);overflow:hidden;min-height:260px;isolation:isolate;background:var(--ink)}
.promo-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s}
.promo-tile:hover img{transform:scale(1.05)}
.promo-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,45,52,.1) 0%,rgba(31,45,52,.55) 55%,rgba(31,45,52,.9) 100%);z-index:1}
.promo-body{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;height:100%;min-height:260px;padding:24px;color:#fff}
.promo-kicker{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:7px;background:linear-gradient(135deg,#ff7a45,#e8322a);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.promo-body h3{margin:14px 0 8px;font-size:26px;line-height:1.12;font-weight:700;letter-spacing:-.01em}
.promo-body p{margin:0 0 18px;font-size:14.5px;color:rgba(255,255,255,.85);max-width:300px}
.promo-btn{height:44px;padding:0 20px;gap:8px}
.promo-btn i{font-style:normal;transition:transform .2s}
.promo-tile:hover .promo-btn i{transform:translateX(4px)}
.rail{position:relative;min-width:0}
.rail-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 4px 10px;margin:-4px -4px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rail-track::-webkit-scrollbar{display:none}
.rail-track .pcard{flex:0 0 72%;scroll-snap-align:start;opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease,box-shadow .25s,border-color .25s}
.rail-track .pcard.in{opacity:1;transform:none}
.rail-track .pcard.in:hover{transform:translateY(-3px)}
.rail-nav{display:flex;align-items:center;gap:14px;margin-top:14px}
.rail-btn{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-s);display:flex;align-items:center;justify-content:center;color:var(--ink);transition:.2s}
.rail-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.rail-btn svg{width:20px;height:20px}
.rail-bar{flex:1;height:4px;border-radius:2px;background:var(--line);overflow:hidden}
.rail-bar i{display:block;height:100%;width:25%;border-radius:2px;background:linear-gradient(90deg,var(--blue-d),var(--blue));transform:translateX(0);transition:transform .35s,width .35s}
@media (min-width:700px){.rail-track .pcard{flex-basis:calc(50% - 7px)}}
@media (min-width:1024px){
  .rail-wrap{grid-template-columns:320px minmax(0,1fr);gap:24px}
  .promo-tile{min-height:0}
  .promo-body{min-height:100%;padding:28px}
  .rail-track{gap:24px}
  .rail-track .pcard{flex-basis:calc((100% - 48px)/3)}
  .rail-nav{margin-top:16px}
}
@media (min-width:1280px){.promo-body h3{font-size:30px}}
.pcard-save.is-muted{min-height:24px;display:inline-flex;align-items:center}

/* ---------- kategoria / produkt ---------- */
body.no-scroll{overflow:hidden}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 16px 0;font-size:13.5px;color:var(--grey)}
.crumbs a:hover{color:var(--blue-d)}
.crumbs i{font-style:normal;opacity:.6}
.crumbs span{color:var(--ink);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}
@media (min-width:1024px){.crumbs{padding:18px 28px 0}}
.promo-tile--light{background:#eaf2f7}
.promo-tile--light::after{background:linear-gradient(180deg,rgba(31,45,52,0) 0%,rgba(31,45,52,.5) 55%,rgba(31,45,52,.88) 100%)}
.promo-kicker--blue{background:linear-gradient(135deg,var(--blue-d),var(--blue))}
.rail--full .rail-track .pcard{flex-basis:72%}
@media (min-width:700px){.rail--full .rail-track .pcard{flex-basis:calc(50% - 7px)}}
@media (min-width:1024px){.rail--full .rail-track .pcard{flex-basis:calc((100% - 72px)/4)}}
/* nagłówek kategorii */
.cat-head{display:grid;grid-template-columns:1fr;gap:22px;padding-top:18px}
.cat-head h1{margin:0 0 10px;font-size:30px;line-height:1.1;letter-spacing:-.01em}
.cat-head-copy p{margin:0;font-size:15px;color:var(--ink-2);max-width:620px;line-height:1.6}
.subcats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.subcat{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:14px;background:#fff;border:1px solid var(--line);transition:.2s}
.subcat:hover{box-shadow:var(--shadow);border-color:transparent;transform:translateY(-2px)}
.subcat img{width:52px;height:52px;object-fit:cover;border-radius:10px}
.subcat span{display:flex;flex-direction:column;font-size:14.5px;font-weight:600;line-height:1.2}
.subcat small{font-size:13px;color:var(--grey);font-weight:500;margin-top:2px}
@media (min-width:1024px){.cat-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding-top:26px}.cat-head h1{font-size:40px}.subcats{grid-template-columns:repeat(4,auto)}}
/* układ: filtry + lista */
.cat{display:grid;grid-template-columns:1fr;gap:24px;margin-top:26px}
.filters{position:fixed;inset:0;z-index:90;background:rgba(46,60,66,.45);opacity:0;visibility:hidden;transition:.25s}
.filters.open{opacity:1;visibility:visible}
.filters>*{position:relative}
.filters-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line);font-size:17px}
.filters-close{width:36px;height:36px;border-radius:50%;background:var(--bg);font-size:14px}
.filters .f-group,.filters .filters-head,.filters .filters-foot{background:#fff}
@media (max-width:1023px){
  .filters::before{content:"";position:absolute;inset:0 0 0 auto;width:min(360px,88vw);background:#fff;transform:translateX(100%);transition:transform .3s}
  .filters.open::before{transform:none}
  .filters>*{margin-left:auto;width:min(360px,88vw);transform:translateX(100%);transition:transform .3s}
  .filters.open>*{transform:none}
  .filters .f-group{padding:0 20px}
  .filters-foot{position:sticky;bottom:0;padding:14px 20px;border-top:1px solid var(--line);display:flex;gap:12px;align-items:center}
}
.f-group{border-bottom:1px solid var(--line)}
.f-title{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:15px;font-weight:600;text-align:left}
.f-title::after{content:"";width:8px;height:8px;border-right:1.5px solid var(--grey);border-bottom:1.5px solid var(--grey);transform:rotate(45deg);transition:.25s;margin-right:4px}
.f-group.open .f-title::after{transform:rotate(-135deg)}
.f-body{display:none;padding:0 0 18px}
.f-group.open .f-body{display:block}
.f-check{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14.5px;cursor:pointer}
.f-check input{width:18px;height:18px;accent-color:var(--blue);margin:0}
.f-check em{margin-left:auto;font-style:normal;font-size:13px;color:var(--grey)}
.f-chips{display:flex;flex-wrap:wrap;gap:8px}
.f-chip{display:inline-flex;flex-direction:column;align-items:flex-start;padding:7px 12px;border-radius:10px;border:1.5px solid var(--line);font-size:14px;font-weight:500;line-height:1.15;transition:.2s}
.f-chip small{font-size:13px;color:var(--grey);font-weight:400}
.f-chip:hover{border-color:var(--ink)}
.f-chip.on{border-color:var(--ink);background:var(--ink);color:#fff}
.f-chip.on small{color:rgba(255,255,255,.75)}
.f-range{position:relative;height:28px;margin:6px 8px 4px}
.f-range-track{position:absolute;left:0;right:0;top:12px;height:4px;border-radius:2px;background:var(--line)}
.f-range-track i{position:absolute;top:0;bottom:0;border-radius:2px;background:var(--blue)}
.f-range input{position:absolute;left:-8px;right:-8px;width:calc(100% + 16px);top:0;margin:0;height:28px;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.f-range input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--blue);box-shadow:var(--shadow-s);pointer-events:auto;cursor:grab}
.f-range input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--blue);pointer-events:auto;cursor:grab}
.f-range-vals{display:flex;justify-content:space-between;font-size:14px;color:var(--ink-2)}
.f-range-vals b{color:var(--ink)}
.f-switch{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:14.5px;cursor:pointer}
.f-switch input{display:none}
.f-switch i{width:38px;height:22px;border-radius:11px;background:#cfd8dd;position:relative;transition:.2s;flex:0 0 38px}
.f-switch i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.f-switch input:checked+i{background:var(--blue)}
.f-switch input:checked+i::after{left:19px}
.f-apply{height:46px;padding:0 20px;flex:1;justify-content:center;font-size:14px}
.f-reset{font-size:14px;color:var(--grey);text-decoration:underline;text-underline-offset:3px}
@media (min-width:1024px){
  .cat{grid-template-columns:270px minmax(0,1fr);gap:40px}
  .filters{position:sticky;top:16px;align-self:start;inset:auto;background:none;opacity:1;visibility:visible;z-index:1;max-height:calc(100vh - 32px);overflow:auto;scrollbar-width:thin}
  .filters-head{padding:0 0 10px;border:0;font-size:18px}
  .filters-close{display:none}
  .filters-foot{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-top:16px}
  .f-apply{display:none}
}
.cat-main{min-width:0}
.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;border-radius:14px;background:var(--bg);margin-bottom:18px}
.tb-filters{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:600}
.tb-filters svg{width:18px;height:18px}
.tb-count{font-size:14px;color:var(--ink-2)}
.tb-count b{color:var(--ink)}
.tb-active{display:none;gap:8px}
.tb-tag{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:500}
.tb-tag i{font-style:normal;color:var(--grey);cursor:pointer}
.tb-sort{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-2)}
.tb-sort select{height:40px;padding:0 36px 0 12px;border-radius:10px;border:1px solid var(--line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e3c42' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/16px;font:inherit;font-size:14px;font-weight:600;color:var(--ink);appearance:none;-webkit-appearance:none}
.tb-view{display:none;gap:4px}
.tb-view button{display:flex;gap:2px;align-items:center;height:40px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:#fff}
.tb-view button i{width:5px;height:16px;border-radius:1px;background:#c5d0d6}
.tb-view button.on i{background:var(--ink)}
@media (min-width:1024px){.tb-filters{display:none}.tb-active{display:flex}.tb-view{display:flex}.toolbar{padding:12px 18px}}
.grid-3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid-3.grid-dense{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
.pagin{display:flex;flex-direction:column;align-items:center;gap:12px;margin:36px auto 0;max-width:360px;font-size:14px;color:var(--ink-2)}
.pagin-bar{width:100%;height:4px;border-radius:2px;background:var(--line);overflow:hidden}
.pagin-bar i{display:block;height:100%;background:var(--blue)}
.pagin-pages{display:flex;gap:6px}
.pagin-pages a{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border-radius:10px;border:1px solid var(--line);font-weight:600;font-size:14px}
.pagin-pages a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.seo{margin-top:56px}
.seo-in{padding:32px 24px;border-radius:var(--r);background:var(--bg)}
.seo h2{margin:0 0 12px;font-size:22px}
.seo p{margin:0 0 12px;font-size:15px;color:var(--ink-2);line-height:1.65;max-width:820px}
@media (min-width:1024px){.seo{margin-top:80px}.seo-in{padding:44px 48px}}
/* produkt */
.pd{display:grid;grid-template-columns:1fr;gap:28px;padding-top:18px}
.gallery{display:grid;grid-template-columns:1fr;gap:10px;min-width:0}
.g-main{position:relative;border-radius:var(--r);overflow:hidden;background:#f3f5f7;isolation:isolate}
.g-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:4/5}
.g-track::-webkit-scrollbar{display:none}
.g-track img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start}
.g-main .pcard-badges{left:16px;top:16px}
.g-main .pcard-wish{right:16px;top:16px;width:44px;height:44px;z-index:2}
.g-arr{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:var(--shadow-s);display:none;align-items:center;justify-content:center;z-index:2;transition:.2s}
.g-arr:hover{background:var(--ink);color:#fff}
.g-prev{left:14px}.g-next{right:14px}
.g-count{position:absolute;right:16px;bottom:14px;z-index:2;padding:4px 10px;border-radius:999px;background:rgba(46,60,66,.75);color:#fff;font-size:13px}
.g-thumbs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}
.g-thumbs button{flex:0 0 72px;height:90px;border-radius:12px;overflow:hidden;border:2px solid transparent;transition:.2s;opacity:.75}
.g-thumbs button.on{border-color:var(--ink);opacity:1}
.g-thumbs img{width:100%;height:100%;object-fit:cover}
.buy{min-width:0}
.buy h1{margin:6px 0 10px;font-size:26px;line-height:1.15;letter-spacing:-.01em}
.pd-rating{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--grey);margin-bottom:18px}
.stars{color:#f5a623;letter-spacing:2px;font-size:16px}
.pd-rating a{text-decoration:underline;text-underline-offset:3px}
.pd-price{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pd-price-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.pd-price .p-new{font-size:34px;font-weight:700;letter-spacing:-.02em}
.pd-price.is-sale .p-new{color:var(--sale)}
.pd-price .p-old{font-size:17px}
.pd-price-note{display:block;margin-top:6px;font-size:13.5px;color:var(--grey)}
.pd-opt{padding:20px 0 6px}
.pd-opt-head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;font-size:15px}
.pd-opt-head span{color:var(--ink-2)}
.pd-opt-head a{margin-left:auto;font-size:13.5px;color:var(--blue-d);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.size{display:flex;flex-direction:column;align-items:flex-start;padding:9px 12px;border-radius:11px;border:1.5px solid var(--line);font-size:14px;font-weight:600;line-height:1.2;text-align:left;transition:.15s}
.size small{font-size:13px;font-weight:500;color:var(--grey);margin-top:2px}
.size:hover{border-color:var(--ink)}
.size.on{border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:0 6px 16px rgba(46,60,66,.18)}
.size.on small{color:rgba(255,255,255,.75)}
.pd-custom{margin:14px 0 0;font-size:14px;color:var(--ink-2)}
.pd-custom a{color:var(--blue-d);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.pd-cta{display:flex;gap:10px;align-items:stretch;margin:22px 0}
.qty{display:flex;align-items:center;height:54px;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;flex:0 0 auto}
.qty button{width:42px;height:100%;font-size:20px;color:var(--ink-2)}
.qty button:hover{background:var(--bg);color:var(--ink)}
.qty input{width:40px;height:100%;border:0;text-align:center;font:inherit;font-weight:600;outline:0}
.pd-add{flex:1;height:54px;justify-content:center;gap:10px;font-size:15px;border-radius:14px}
.pd-add svg{width:20px;height:20px}
.pd-wish{width:54px;height:54px;border-radius:14px;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;flex:0 0 54px;transition:.2s}
.pd-wish:hover{border-color:var(--sale);color:var(--sale)}
.pd-trust{list-style:none;margin:0;padding:6px 0 0;display:grid;grid-template-columns:1fr;gap:14px}
.pd-trust li{display:flex;align-items:center;gap:14px;font-size:14px}
.pd-trust li>svg{width:40px;height:40px;flex:0 0 40px;color:var(--blue-d)}
.pd-trust li>img{height:40px;width:auto;flex:0 0 auto}
.pd-trust .stamp{width:44px;height:44px;flex:0 0 44px}
.pd-trust .stamp b{font-size:15px}
.pd-trust .stamp b i{font-size:12px}
.pd-trust b{display:block;font-weight:600}
.pd-trust small{display:block;font-size:13px;color:var(--grey)}
.pd-pay{display:grid;grid-template-columns:1fr 1fr;gap:4px;flex:0 0 118px}
.pd-pay i{height:22px;padding:0 5px;font-size:13px;border-color:var(--line)}
.pd-pay .pm-txt{font-size:13px}
.pd-pay .pm-mc b{width:10px;height:10px}
@media (min-width:700px){.pd-trust{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){
  .pd{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;padding-top:26px;align-items:start}
  .gallery{grid-template-columns:84px minmax(0,1fr);position:sticky;top:16px}
  .g-thumbs{order:-1;flex-direction:column;overflow:visible}
  .g-thumbs button{flex:0 0 auto;width:84px;height:105px}
  .g-arr{display:flex;opacity:0;transition:.2s}
  .g-main:hover .g-arr{opacity:1}
  .buy h1{font-size:32px}
  .sizes{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* informacje */
.pd-info{margin-top:48px}
.pd-tabs{position:sticky;top:0;z-index:20;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:10px 0;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.pd-tabs a{flex:0 0 auto;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--ink-2);transition:.2s}
.pd-tabs a.on{background:var(--ink);color:#fff}
.pd-info-grid{display:grid;grid-template-columns:1fr;gap:32px;margin-top:10px}
.pd-sec{padding:32px 0;border-bottom:1px solid var(--line);scroll-margin-top:120px}
.pd-sec h2{margin:0 0 14px;font-size:24px;letter-spacing:-.01em}
.pd-sec p{margin:0 0 12px;font-size:15.5px;line-height:1.7;color:var(--ink-2);max-width:720px}
.pd-sec a{color:var(--blue-d);font-weight:500}
.pd-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.pd-feats div{padding:16px;border-radius:14px;background:var(--bg);display:flex;flex-direction:column}
.pd-feats b{font-size:22px;letter-spacing:-.02em;color:var(--blue-d)}
.pd-feats span{font-size:13.5px;color:var(--grey);margin-top:2px}
.pd-spec{display:grid;grid-template-columns:1fr;margin:0;border-top:1px solid var(--line)}
.pd-spec dt{padding:12px 0 2px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--grey)}
.pd-spec dd{margin:0;padding:0 0 12px;font-size:15px;color:var(--ink);border-bottom:1px solid var(--line)}
.pd-rev-empty{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:26px;border-radius:var(--r);background:var(--bg)}
.pd-rev-empty .stars{font-size:22px}
.pd-rev-empty p{margin:0}
.pd-aside-card{position:sticky;top:90px;padding:26px;border-radius:var(--r);background:linear-gradient(180deg,#eaf2f7,#e2edf4);display:flex;flex-direction:column;gap:10px}
.pd-aside-wm{height:40px;width:auto;align-self:flex-start}
.pd-aside-card b{font-size:17px}
.pd-aside-card p{margin:0;font-size:14.5px;color:var(--ink-2);line-height:1.55}
.pd-aside-link{color:var(--ink)!important;text-decoration-color:rgba(46,60,66,.35)!important;margin-top:4px}
@media (min-width:700px){.pd-feats{grid-template-columns:repeat(4,minmax(0,1fr))}.pd-spec{grid-template-columns:180px 1fr}.pd-spec dt{padding:14px 0;border-bottom:1px solid var(--line)}.pd-spec dd{padding:14px 0}}
@media (min-width:1024px){.pd-info{margin-top:72px}.pd-info-grid{grid-template-columns:minmax(0,1fr) 320px;gap:64px}.pd-sec{padding:44px 0}.pd-sec h2{font-size:28px}}
/* pasek przyklejony (telefon) */
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -8px 30px rgba(46,60,66,.12);transform:translateY(110%);transition:transform .3s}
.sticky-buy.show{transform:none}
.sticky-buy img{width:44px;height:55px;object-fit:cover;border-radius:8px}
.sticky-buy>div{display:flex;flex-direction:column;min-width:0;flex:1}
.sticky-buy>div b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-buy>div span{font-size:13px;color:var(--grey)}
.s-price{font-size:18px;font-weight:700;color:var(--sale)}
.sticky-buy .mbtn{height:44px;padding:0 18px;font-size:14px}
@media (min-width:1024px){.sticky-buy{display:none}}
/* v13 poprawki */
.pd-trust .stamp b i{font-size:13px}
@media (max-width:479px){.sizes{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sticky-buy>div b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}
.pd-tabs{mask-image:linear-gradient(90deg,#000 92%,transparent)}
@media (min-width:1024px){.pd-tabs{mask-image:none}}
/* karty: Add to cart – obrys domyślnie, niebieskie tło na hover */
.pcard-btn,.pcard-btn.is-primary{background:transparent;color:var(--ink);border-color:var(--ink)}
.pcard-btn:hover,.pcard-btn.is-primary:hover{background:var(--blue);border-color:var(--blue);color:#fff}

/* ---------- OpenCart: dodatki motywu merino2 ---------- */
.mbtn:hover{color:#fff}
.mb-legacy main.legacy{padding:20px 0 40px}
.mb-legacy main.legacy .container{max-width:var(--wrap)}
.mb-legacy main.legacy h1,.mb-legacy main.legacy h2{font-weight:700;letter-spacing:-.01em}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);z-index:9999;max-width:min(92vw,520px);padding:14px 20px;border-radius:14px;background:var(--ink);color:#fff;font-size:14.5px;line-height:1.4;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:.3s}
.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.toast.ok{background:#1f9d55}
.toast a{color:#fff;text-decoration:underline}
#mb-cart-count.bump{animation:bump .4s}
@keyframes bump{30%{transform:scale(1.35)}}
.chip-wait{color:#9a6b1f;background:#fbf1de}
.rail-single{display:block}
.cat-desc{font-size:15px;color:var(--ink-2);max-width:720px;line-height:1.6}
.cat-desc p{margin:0 0 10px}
.cat-desc img{max-width:100%;height:auto;border-radius:12px}
.f-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;font-size:14.5px;color:var(--ink-2)}
.f-link:hover,.f-link.on{color:var(--blue-d);font-weight:600}
.f-link em{font-style:normal;font-size:13px;color:var(--grey)}
.f-card{margin-top:18px;padding:20px;border-radius:16px;background:linear-gradient(180deg,#eaf2f7,#e2edf4);display:flex;flex-direction:column;gap:8px}
.f-card img{height:36px;width:auto;align-self:flex-start}
.f-card b{font-size:15.5px}
.f-card p{margin:0;font-size:14px;color:var(--ink-2);line-height:1.5}
.f-card a{font-size:14px;font-weight:600;color:var(--blue-d)}
.f-card a i{font-style:normal}
.tb-limit{margin-left:0}
@media (max-width:1023px){.filters .f-card{margin:16px 20px}.tb-limit{display:none}}
.pagin .pagination{display:flex;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:center}
.pagin .pagination li a,.pagin .pagination li span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border-radius:10px;border:1px solid var(--line);font-weight:600;font-size:14px;color:var(--ink)}
.pagin .pagination li.active span,.pagin .pagination li.active a{background:var(--ink);color:#fff;border-color:var(--ink)}
.cat-empty{font-size:15px;color:var(--ink-2)}
.pd-desc{font-size:15.5px;line-height:1.7;color:var(--ink-2);max-width:760px}
.pd-desc *{text-align:left!important;font-family:inherit!important;font-size:inherit!important;color:inherit!important;background:none!important;line-height:inherit!important;margin-left:0!important;text-indent:0!important}
.pd-desc p{margin:0 0 14px}
.pd-desc b,.pd-desc strong{font-weight:600;color:var(--ink)!important}
.pd-desc h2,.pd-desc h3,.pd-desc h4{font-size:19px!important;line-height:1.3!important;margin:26px 0 10px;color:var(--ink)!important;font-weight:700;letter-spacing:-.01em}
.pd-desc h2:first-child,.pd-desc h3:first-child{margin-top:0}
.pd-desc h3+h3{margin-top:0}
.pd-desc ul,.pd-desc ol{margin:0 0 16px;padding-left:0;list-style:none}
.pd-desc ul li{position:relative;padding-left:26px;margin:0 0 8px}
.pd-desc ul li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:14px;border-radius:50%;background:var(--blue-l);box-shadow:inset 0 0 0 1px rgba(40,181,227,.35)}
.pd-desc ul li::after{content:"";position:absolute;left:5px;top:10px;width:4px;height:7px;border:solid var(--blue-d);border-width:0 2px 2px 0;transform:rotate(45deg)}
.pd-desc ol{counter-reset:n}.pd-desc ol li{position:relative;padding-left:26px;margin:0 0 8px;counter-increment:n}.pd-desc ol li::before{content:counter(n) ".";position:absolute;left:0;font-weight:600;color:var(--blue-d)}
.pd-desc img{max-width:100%!important;height:auto!important;border-radius:12px;margin:10px 0;display:block}
.pd-desc table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:14.5px!important}
.pd-desc td,.pd-desc th{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.pd-desc th{font-weight:600;color:var(--ink)!important;background:var(--bg)!important}
.pd-desc a{color:var(--blue-d)!important;text-decoration:underline}
.pd-sub{font-size:17px;margin:18px 0 8px}
.pd-input{width:100%;height:48px;padding:0 14px;border:1.5px solid var(--line);border-radius:12px;font:inherit;font-size:15px;color:var(--ink);background:#fff;outline:0}
.pd-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(40,181,227,.15)}
textarea.pd-input{height:auto;padding:12px 14px}
.pd-opt label.pd-opt-head{display:flex}
.size-radio{cursor:pointer;position:relative}
.size-radio input{position:absolute;opacity:0;pointer-events:none}
.opt-err{margin-top:8px;font-size:13.5px;color:var(--sale);font-weight:500}
.has-error .sizes .size{border-color:rgba(226,59,46,.5)}
.pd-msg{padding:12px 14px;border-radius:12px;font-size:14.5px;margin-bottom:14px}
.pd-msg.ok{background:#e9f7ee;color:#1f7a44}
.pd-msg.err{background:#fdeceb;color:var(--sale-d)}
.pd-stock{margin:18px 0 0;font-size:14px;color:var(--grey)}
.pd-stock b{color:var(--ink)}
.pd-stock b.ok{color:var(--ok)}
.pd-note{font-size:13.5px;color:var(--grey);margin:-10px 0 16px}
.pd-discounts{list-style:none;margin:10px 0 0;padding:0;font-size:13.5px;color:var(--ink-2)}
.pd-add.is-busy{opacity:.6;pointer-events:none}
.pd-review-form{margin-top:24px;padding:24px;border-radius:var(--r);background:var(--bg);display:flex;flex-direction:column;gap:14px;max-width:640px}
.pd-review-form label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
.pd-review-form .form-text{display:block;margin-top:6px;font-size:13px;color:var(--grey)}
.pd-review-form .mbtn{align-self:flex-start}
.rate-pick{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.rate-pick label{cursor:pointer;margin:0}
.rate-pick input{display:none}
.rate-pick span{font-size:28px;color:#cfd8dd;transition:.15s}
.rate-pick input:checked~span,.rate-pick label:hover span,.rate-pick label:hover~label span,.rate-pick input:checked~span{color:#f5a623}
.rate-pick label:has(input:checked) span,.rate-pick label:has(input:checked)~label span{color:#f5a623}
#review .table{width:100%;font-size:14.5px;border-collapse:collapse}
#review .table td{padding:10px 0;border-bottom:1px solid var(--line)}
.pd-tags{font-size:14px;color:var(--grey);margin-top:20px}
.pd-tags a{color:var(--blue-d)}
.sticky-buy .mbtn{color:#fff}
.hide-m .t-txt small a{color:var(--blue-d)}

.search-form{margin-top:16px;max-width:760px}
.search-row{display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:700px){.search-row{grid-template-columns:1fr 240px auto}}
.search-row .mbtn{height:48px}
.search-opt{display:inline-flex;align-items:center;gap:8px;margin:12px 18px 0 0;font-size:14px;color:var(--ink-2)}
.search-opt input{accent-color:var(--blue);width:16px;height:16px}

/* mini-hero kategorii */
.cat-hero{padding-top:14px}
.cat-hero-in{display:grid;grid-template-columns:1fr;border-radius:var(--r);overflow:hidden;background:#edf2f6;isolation:isolate}
.cat-hero-copy{padding:24px 20px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.cat-hero-copy h1{margin:0;font-size:30px;line-height:1.1;letter-spacing:-.01em}
.cat-lead{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2);max-width:560px}
.cat-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--grey);font-weight:500}
.cat-meta span{display:inline-flex;align-items:center;gap:7px}
.cat-meta span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue)}
.cat-hero-copy .link{margin-top:2px}
.cat-hero-img{position:relative;order:-1;aspect-ratio:16/8}
.cat-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cat-hero .subcats{margin-top:14px}
.eyebrow-sale{background:#fde8e5;color:var(--sale-d)}
@media (min-width:700px){.cat-hero-copy{padding:30px 28px}}
@media (min-width:1024px){
  .cat-hero{padding-top:22px}
  .cat-hero-in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:320px}
  .cat-hero-in.no-img{grid-template-columns:1fr}
  .cat-hero-copy{padding:40px 48px;justify-content:center;gap:14px}
  .cat-hero-copy h1{font-size:42px}
  .cat-hero-img{order:0;aspect-ratio:auto}
  .cat-hero-img::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#edf2f6 0%,rgba(237,242,246,0) 32%)}
  .cat-hero .subcats{margin-top:18px}
}
/* opis kategorii pod lista */
.seo{scroll-margin-top:110px}
.seo-body{position:relative}
.seo-body.clamped{max-height:12em;overflow:hidden}
.seo-body.clamped::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5em;background:linear-gradient(180deg,rgba(245,247,249,0),var(--bg))}
.seo-body ul,.seo-body ol{margin:0 0 12px;padding-left:22px;font-size:15px;color:var(--ink-2);line-height:1.65;max-width:820px}
.seo-body h2,.seo-body h3,.seo-body h4{margin:18px 0 8px;font-size:18px}
.seo-body a{color:var(--blue-d);text-decoration:underline}
.seo-more{margin-top:8px;font-size:14px;font-weight:600;color:var(--ink);border-bottom:2px solid var(--blue);padding-bottom:2px;background:none}
.seo-more:hover{color:var(--blue-d)}
.p-from{font-size:13px;font-weight:500;color:var(--grey);margin-right:5px}

/* ===== koszyk / kasa / komunikaty ===== */
.co-page{padding-top:18px;padding-bottom:64px}
.co-page .crumbs{padding:0 0 10px}
.co-steps{display:flex;align-items:center;gap:10px;margin:6px 0 22px;font-size:13.5px;font-weight:600;color:var(--grey);flex-wrap:wrap}
.co-steps i{flex:0 0 26px;height:2px;background:var(--line);border-radius:2px}
.co-steps .on{color:var(--ink)}.co-steps .on::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--blue);margin-right:7px;vertical-align:1px}
.co-steps a:hover{color:var(--blue-d)}
.co-h1{font-size:28px;margin:0 0 18px;letter-spacing:-.01em}.co-h1 small{font-size:15px;font-weight:500;color:var(--grey);margin-left:8px}
.co-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}
@media (min-width:1024px){.co-grid{grid-template-columns:minmax(0,1fr) 400px;gap:40px}.co-side{position:sticky;top:120px}.co-h1{font-size:34px}}
.note{padding:13px 16px;border-radius:12px;margin:0 0 16px;font-size:14.5px;background:var(--blue-l);color:var(--ink)}
.note-ok{background:#e7f6ee;color:#17603a}.note-err{background:#fdecea;color:#a12a20}.note a{text-decoration:underline}
.mbtn-block{display:flex;width:100%;justify-content:center;gap:8px}
.mbtn-lg{height:56px;font-size:15.5px;border-radius:14px}
.mbtn-ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line);box-shadow:none}.mbtn-ghost:hover{border-color:var(--blue);background:#fff;color:var(--blue-d)}
.mbtn i{font-style:normal}
.mbtn.is-busy{opacity:.75;pointer-events:none}.mbtn.is-busy::after{content:"";width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;margin-left:10px;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
/* lista koszyka */
.bk-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.bk-item{display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-areas:"img info" "img qty" "img total";gap:6px 16px;padding:18px 0;border-bottom:1px solid var(--line)}
.bk-img{grid-area:img;display:block;border-radius:12px;overflow:hidden;background:var(--bg);aspect-ratio:4/5}.bk-img img{width:100%;height:100%;object-fit:cover}
.bk-gift{display:grid;place-items:center;font-size:30px}
.bk-info{grid-area:info;min-width:0}
.bk-name{font-weight:600;font-size:15px;line-height:1.35;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bk-name:hover{color:var(--blue-d)}
.bk-opts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.bk-opts span{font-size:13px;padding:3px 9px;border-radius:999px;background:var(--bg);color:var(--ink-2)}.bk-opts b{font-weight:600;color:var(--ink)}
.bk-warn{margin-top:6px;font-size:13px;color:#a12a20}
.bk-unit{margin-top:6px;font-size:13px;color:var(--grey)}
.bk-qty{grid-area:qty;display:flex;align-items:center;gap:14px}
.qty-s{height:42px;border-radius:12px}.qty-s button{width:38px;font-size:18px}.qty-s input{width:38px;-moz-appearance:textfield}.qty-s input::-webkit-inner-spin-button{-webkit-appearance:none}
.bk-remove{font-size:13.5px;color:var(--grey);text-decoration:underline;text-underline-offset:3px;background:none}.bk-remove:hover{color:#c62a1f}
.bk-total{grid-area:total;font-weight:700;font-size:17px}
@media (min-width:700px){.bk-item{grid-template-columns:110px minmax(0,1fr) auto 110px;grid-template-areas:"img info qty total";align-items:center;gap:20px}.bk-total{text-align:right}.bk-qty{flex-direction:column;gap:8px}}
.co-back{display:inline-block;margin-top:18px;font-size:14px;font-weight:600;color:var(--ink-2)}.co-back:hover{color:var(--blue-d)}
/* podsumowanie */
.sum-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow-s)}
.sum-card h2{font-size:19px;margin:0 0 14px}
.sum-head{display:flex;justify-content:space-between;align-items:baseline}.sum-head a{font-size:13.5px;font-weight:600;color:var(--blue-d)}
.sum-lines{margin:0 0 6px}.sum-lines div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:14.5px;color:var(--ink-2)}
.sum-lines dt,.sum-lines dd{margin:0}.sum-lines dd{font-weight:600;color:var(--ink);white-space:nowrap}
.sum-lines .sum-total{border-top:1px solid var(--line);margin-top:6px;padding-top:14px;font-size:17px;color:var(--ink)}.sum-lines .sum-total dt{font-weight:700}.sum-lines .sum-total dd{font-size:21px;font-weight:700}
.sum-note{margin:0 0 16px;font-size:13px;color:var(--grey)}
.sum-coupon{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}
.sum-coupon summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--ink-2);list-style:none}.sum-coupon summary::-webkit-details-marker{display:none}.sum-coupon summary::after{content:" +";color:var(--blue-d)}
.sum-coupon[open] summary::after{content:" –"}
.coupon-row{display:flex;gap:8px;margin-top:10px}.coupon-row input{flex:1;min-width:0;height:46px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font:inherit}.coupon-row .mbtn{height:46px}
.coupon-msg{font-size:13px;margin-top:6px}.coupon-msg.bad{color:#a12a20}
.sum-trust{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;gap:8px;font-size:13.5px;color:var(--ink-2)}
.sum-trust li{display:flex;gap:9px;align-items:center}.sum-trust li::before{content:"";width:16px;height:16px;flex:0 0 16px;border-radius:50%;background:var(--blue-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%231f90bb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.sum-items{list-style:none;margin:0 0 12px;padding:0 0 6px;border-bottom:1px solid var(--line);display:grid;gap:12px;max-height:320px;overflow:auto}
.sum-items li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center}
.si-img{position:relative;width:56px;aspect-ratio:4/5;border-radius:10px;background:var(--bg);overflow:visible}.si-img img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.si-img b{position:absolute;top:-7px;right:-7px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;display:grid;place-items:center;line-height:1}
.si-name{font-size:13.5px;font-weight:600;line-height:1.35;display:flex;flex-direction:column}.si-name small{font-weight:500;color:var(--grey);font-size:13px;margin-top:2px}
.si-tot{font-size:14px;font-weight:600;white-space:nowrap}
/* formularz kasy */
.co-login{margin:0 0 16px;padding:12px 16px;border-radius:12px;background:var(--bg);font-size:14.5px}.co-login a{font-weight:600;color:var(--blue-d);text-decoration:underline}
.co-box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:16px}
.co-box h2{display:flex;align-items:center;gap:10px;font-size:18px;margin:0 0 16px}
.co-box h2 b{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-size:13.5px;display:grid;place-items:center}
@media (min-width:700px){.co-box{padding:26px 28px}}
.fgrid{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:560px){.fgrid{grid-template-columns:1fr 1fr}.fld-full{grid-column:1/-1}}
.fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.fld>span{font-size:13.5px;font-weight:600;color:var(--ink)}.fld>span i{font-style:normal;font-weight:500;color:var(--grey)}
.fld input,.fld select,.co-more input,.co-more textarea{width:100%;height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;font-size:15px;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s}
.fld select{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23648491' stroke-width='1.6'/%3E%3C/svg%3E") right 14px center/12px no-repeat;padding-right:36px}
.co-more textarea{height:auto;padding:12px 14px;resize:vertical}
.fld input:focus,.fld select:focus,.co-more input:focus,.co-more textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(40,181,227,.14)}
.fld input[readonly]{background:var(--bg);color:var(--ink-2)}
.fld small{font-size:13px;color:var(--grey)}
.fld em,.co-place em{font-style:normal;font-size:13px;color:#c62a1f;min-height:0}.fld em:empty,.co-place em:empty{display:none}
.fld.bad input,.fld.bad select{border-color:#e2675d;box-shadow:0 0 0 4px rgba(226,59,46,.08)}
.co-more{margin-top:14px}.co-more summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--blue-d);margin-bottom:10px;list-style:none}.co-more summary::-webkit-details-marker{display:none}.co-more summary::before{content:"+ "}
.co-more[open] summary::before{content:"– "}
.fgrid .co-more{margin-top:0}
.opts,.addr-pick{display:grid;gap:10px}
.addr-pick{margin-bottom:14px}
.opt{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;cursor:pointer;font-size:14.5px;transition:border-color .15s,background .15s}
.opt:hover{border-color:#c9d6dd}
.opt input{width:20px;height:20px;accent-color:var(--blue-d);flex:0 0 20px;margin:0}
.opt span{flex:1;min-width:0}.opt b{font-weight:700;white-space:nowrap}
.opt:has(input:checked){border-color:var(--blue);background:#f4fbfe}
.pm{font-style:normal;font-size:13px;font-weight:700;padding:4px 8px;border-radius:6px;background:var(--bg);color:var(--ink-2);letter-spacing:.02em}.pm-pp{background:#eef4ff;color:#1a3d8f}
.opts-empty{margin:0;font-size:14px;color:var(--grey)}.opts-empty a{text-decoration:underline}
.co-hint{margin:10px 0 0;font-size:13px;color:var(--grey)}
.co-place{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:12px}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer}.chk input{width:20px;height:20px;accent-color:var(--blue-d);margin:0;flex:0 0 20px}.chk a{text-decoration:underline;color:var(--blue-d)}
.co-secure{display:flex;gap:8px;align-items:center;justify-content:center;margin:0;font-size:13px;color:var(--grey)}.co-secure svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
@media (max-width:1023px){.co-side{order:-1}.co-cart .co-side{order:0}.co-page .sum-items{max-height:none}}
/* komunikaty: sukces, pusty koszyk, 404 */
.msg-page{padding-top:28px;padding-bottom:80px}
.msg-card{max-width:640px;margin:0 auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:44px 26px;box-shadow:var(--shadow-s)}
.msg-ico{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:var(--blue-l);display:grid;place-items:center;font-size:32px}
.msg-ok .msg-ico{background:#e7f6ee}.msg-ico svg{width:34px;height:34px;fill:none;stroke:#1f9d55;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.msg-card h1{font-size:28px;margin:0 0 12px;letter-spacing:-.01em}
.msg-card p,.msg-text{font-size:15.5px;color:var(--ink-2);line-height:1.65}.msg-text p{margin:0 0 10px}.msg-text a{color:var(--blue-d);text-decoration:underline}
.msg-cta{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;align-items:center;margin-top:24px}

/* ===== konto / logowanie / CMS ===== */
.ai{display:inline-block;width:20px;height:20px;flex:0 0 20px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.ai-home{--i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2011l9-7%209%207'/%3E%3Cpath%20d='M5%2010v10h14V10'/%3E%3C/svg%3E")}
.ai-box{--i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%207l9-4%209%204-9%204-9-4z'/%3E%3Cpath%20d='M3%207v10l9%204%209-4V7'/%3E%3Cpath%20d='M12%2011v10'/%3E%3C/svg%3E")}
.ai-heart{--i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2020s-7-4.4-7-10a4%204%200%200%201%207-2.6A4%204%200%200%201%2019%2010c0%205.6-7%2010-7%2010z'/%3E%3C/svg%3E")}
.ai-pin{--i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2021s7-6.2%207-12a7%207%200%200%200-14%200c0%205.8%207%2012%207%2012z'/%3E%3Ccircle%20cx='12'%20cy='9'%20r='2.5'/%3E%3C/svg%3E")}
.ai-user{--i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='8'%20r='4'/%3E%3Cpath%20d='M4%2021c1.5-4%204.5-6%208-6s6.5%202%208%206'/%3E%3C/svg%3E")}
.ai-lock{--i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='5'%20y='11'%20width='14'%20height='10'%20rx='2'/%3E%3Cpath%20d='M8%2011V8a4%204%200%200%201%208%200v3'/%3E%3C/svg%3E")}
.ai-mail{--i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='5'%20width='18'%20height='14'%20rx='2'/%3E%3Cpath%20d='M3%207l9%206%209-6'/%3E%3C/svg%3E")}
.ai-return{--i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%2014L4%209l5-5'/%3E%3Cpath%20d='M4%209h10a6%206%200%200%201%200%2012h-3'/%3E%3C/svg%3E")}
.ai-plus{--i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M12%208v8M8%2012h8'/%3E%3C/svg%3E")}
.ai-out{--i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M15%204h4v16h-4'/%3E%3Cpath%20d='M10%208l-4%204%204%204'/%3E%3Cpath%20d='M6%2012h10'/%3E%3C/svg%3E")}
.ai-chat{--i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%205h16v11H9l-5%204V5z'/%3E%3C/svg%3E")}
.ai-phone{--i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%204h4l2%205-2.5%201.5a11%2011%200%200%200%205%205L15%2013l5%202v4a1%201%200%200%201-1%201A16%2016%200%200%201%204%205a1%201%200%200%201%201-1z'/%3E%3C/svg%3E")}
.ai-clock{--i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M12%207v5l3%202'/%3E%3C/svg%3E")}

.auth-page,.acc-page,.cms-page{padding-top:18px;padding-bottom:72px}
.auth-page .crumbs,.acc-page .crumbs,.cms-page .crumbs{padding:0 0 16px}
.auth-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:980px;margin:0 auto}
@media (min-width:860px){.auth-grid{grid-template-columns:1.15fr .85fr;gap:28px;margin-top:10px}}
.auth-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 22px;box-shadow:var(--shadow-s)}
@media (min-width:700px){.auth-card{padding:38px 40px}}
.auth-card h1{font-size:30px;margin:0 0 6px;letter-spacing:-.01em}.auth-card h2{font-size:21px;margin:0 0 14px}
.auth-sub{margin:0 0 24px;font-size:15px;color:var(--ink-2)}.auth-sub a{color:var(--blue-d);font-weight:600;text-decoration:underline}
.auth-narrow{max-width:680px;margin:10px auto 0}.auth-small{max-width:520px}
.auth-alt{background:linear-gradient(160deg,#eef6fa,#e3eef4);border-color:transparent;box-shadow:none}
.auth-perks{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:12px;font-size:15px}
.auth-perks li{display:flex;gap:10px;align-items:center}.auth-perks li::before{content:"";width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%231f90bb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.auth-guest{margin:16px 0 0;font-size:14px;color:var(--ink-2)}.auth-guest a{color:var(--blue-d);font-weight:600;text-decoration:underline}
.fstack{display:grid;gap:16px}
.fld-row{display:flex;justify-content:space-between;gap:10px}.fld-row a{font-weight:500;color:var(--blue-d);font-size:13.5px}
.pw{position:relative;display:block}.pw input{padding-right:70px}
.pw-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:34px;padding:0 10px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink-2);background:var(--bg)}
.fld textarea{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;font-size:15px;resize:vertical;min-height:140px}
.fld textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(40,181,227,.14)}
.fld.bad textarea{border-color:#e2675d}
.chk span a{color:var(--blue-d);text-decoration:underline}
/* panel konta */
.acc-grid{display:grid;grid-template-columns:1fr;gap:22px;align-items:start}
@media (min-width:1024px){.acc-grid{grid-template-columns:280px minmax(0,1fr);gap:40px}.acc-nav{position:sticky;top:120px}}
.acc-nav{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:10px}
.acc-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.acc-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;font-size:14.5px;font-weight:500;color:var(--ink-2)}
.acc-nav a:hover{background:var(--bg);color:var(--ink)}
.acc-nav a.on{background:var(--blue-l);color:var(--blue-d);font-weight:600}
.acc-out{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}.acc-out a:hover{color:#c62a1f}
.acc-who{display:flex;gap:12px;align-items:center;padding:12px 12px 14px;border-bottom:1px solid var(--line);margin-bottom:6px}
.acc-who b{display:block;font-size:15px}.acc-who small{display:block;font-size:13px;color:var(--grey);word-break:break-all}
.acc-av{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;font-size:17px}
@media (max-width:1023px){.acc-nav ul{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}.acc-nav li{flex:0 0 auto}.acc-nav a{white-space:nowrap;border:1px solid var(--line)}.acc-out{border:0;margin:0;padding:0}.acc-who{border:0;margin:0;padding:6px 6px 12px}}
.acc-main h1{font-size:30px;margin:0 0 6px;letter-spacing:-.01em}
.acc-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:14px}
.acc-tile{display:flex;flex-direction:column;gap:4px;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:.2s}
.acc-tile:hover{box-shadow:var(--shadow);border-color:transparent;transform:translateY(-2px)}
.acc-tile .ai{width:26px;height:26px;color:var(--blue-d);margin-bottom:10px}
.acc-tile b{font-size:16px}.acc-tile span{font-size:13.5px;color:var(--grey)}
/* CMS */
.cms-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:start}
@media (min-width:1024px){.cms-grid{grid-template-columns:minmax(0,1fr) 320px;gap:56px}.cms-side{position:sticky;top:120px}}
.cms-main h1{font-size:32px;margin:0 0 20px;letter-spacing:-.01em;line-height:1.15}
@media (min-width:1024px){.cms-main h1{font-size:40px}}
.cms-body{max-width:780px}
.cms-side{display:grid;gap:16px}
.cms-nav{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px}
.cms-nav h2{font-size:13.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--grey);margin:0 0 10px}
.cms-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.cms-nav a{display:block;padding:8px 10px;border-radius:10px;font-size:14.5px;color:var(--ink-2)}.cms-nav a:hover{background:var(--bg);color:var(--ink)}.cms-nav a.on{background:var(--blue-l);color:var(--blue-d);font-weight:600}
.cms-help b{display:block;font-size:16px;margin-bottom:6px}.cms-help p{margin:0 0 10px;font-size:14px;color:var(--ink-2)}
/* kontakt */
.ct-grid{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}
@media (min-width:1024px){.ct-grid{grid-template-columns:minmax(0,1fr) 380px;gap:32px}}
.ct-side{display:grid;gap:12px}
.ct-card{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:var(--r);background:#fff;font-size:14.5px;color:var(--ink-2);line-height:1.55}
a.ct-card:hover{border-color:var(--blue)}
.ct-card .ai{width:22px;height:22px;color:var(--blue-d);margin-top:2px}
.ct-card b{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}
.ct-note{background:var(--bg);border-color:transparent}
/* ===== skórka podstron opartych na Bootstrapie (zamiast starego CSS motywu) ===== */
.mb-legacy main.legacy{padding:18px 0 72px;font-size:15px;color:var(--ink-2)}
.mb-legacy main.legacy .container{max-width:var(--wrap);padding:0 16px}
@media (min-width:1024px){.mb-legacy main.legacy .container{padding:0 28px}}
.mb-legacy main.legacy .breadcrumb{background:none;border:0;padding:0;margin:0 0 18px;font-size:13.5px;flex-wrap:wrap}
.mb-legacy main.legacy .breadcrumb a{color:var(--grey)}.mb-legacy main.legacy .breadcrumb-item+.breadcrumb-item::before{content:"›";color:var(--grey)}
.mb-legacy main.legacy .breadcrumb .fa-home{font-size:0}.mb-legacy main.legacy .breadcrumb .fa-home::after{content:"Home";font:500 13.5px Poppins,sans-serif}
.mb-legacy main.legacy h1{font-size:30px;font-weight:700;color:var(--ink);margin:0 0 18px;letter-spacing:-.01em}
.mb-legacy main.legacy h2,.mb-legacy main.legacy legend{font-size:20px;font-weight:700;color:var(--ink);margin:22px 0 12px;border:0;padding:0}
.mb-legacy main.legacy p{line-height:1.65}
.mb-legacy main.legacy a{color:var(--blue-d)}
.mb-legacy main.legacy #content{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;margin-bottom:20px}
@media (min-width:768px){.mb-legacy main.legacy #content{padding:32px 36px}}
.mb-legacy main.legacy .form-control,.mb-legacy main.legacy .custom-select{height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;font-size:15px;color:var(--ink);box-shadow:none}
.mb-legacy main.legacy textarea.form-control{height:auto;padding:12px 14px}
.mb-legacy main.legacy .form-control:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(40,181,227,.14)}
.mb-legacy main.legacy .col-form-label,.mb-legacy main.legacy label{font-size:13.5px;font-weight:600;color:var(--ink)}
.mb-legacy main.legacy .form-group{margin-bottom:16px}
.mb-legacy main.legacy .required .col-form-label::before,.mb-legacy main.legacy .required>label::before{content:none}
.mb-legacy main.legacy .text-danger{color:#c62a1f!important;font-size:13px}
.mb-legacy main.legacy .btn{height:46px;padding:0 22px;border-radius:12px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid transparent;box-shadow:none}
.mb-legacy main.legacy .btn-sm{height:36px;padding:0 12px;font-size:13px;border-radius:10px}
.mb-legacy main.legacy .btn-primary,.mb-legacy main.legacy .btn-info{background:var(--blue);border-color:var(--blue);color:#fff}
.mb-legacy main.legacy .btn-primary:hover,.mb-legacy main.legacy .btn-info:hover{background:var(--blue-d);border-color:var(--blue-d)}
.mb-legacy main.legacy .btn-light,.mb-legacy main.legacy .btn-default,.mb-legacy main.legacy .btn-secondary{background:#fff;border-color:var(--line);color:var(--ink)}
.mb-legacy main.legacy .btn-light:hover,.mb-legacy main.legacy .btn-default:hover,.mb-legacy main.legacy .btn-secondary:hover{border-color:var(--blue);color:var(--blue-d)}
.mb-legacy main.legacy .btn-danger{background:#fff;border-color:#f3c7c2;color:#c62a1f}.mb-legacy main.legacy .btn-danger:hover{background:#fdecea}
.mb-legacy main.legacy .buttons{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px}
.mb-legacy main.legacy .buttons::after{content:none}
.mb-legacy main.legacy .table{font-size:14.5px;color:var(--ink-2)}
.mb-legacy main.legacy .table-bordered,.mb-legacy main.legacy .table-bordered td,.mb-legacy main.legacy .table-bordered th{border:0}
.mb-legacy main.legacy .table td,.mb-legacy main.legacy .table th{border-top:1px solid var(--line);padding:14px 12px;vertical-align:middle}
.mb-legacy main.legacy .table thead td,.mb-legacy main.legacy .table thead th{border-top:0;border-bottom:1px solid var(--line);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--grey);background:none}
.mb-legacy main.legacy .table-hover tbody tr:hover{background:var(--bg)}
.mb-legacy main.legacy .img-thumbnail{border:0;border-radius:10px;padding:0;background:var(--bg)}
.mb-legacy main.legacy .alert{border:0;border-radius:12px;font-size:14.5px;padding:13px 16px}
.mb-legacy main.legacy .alert-success{background:#e7f6ee;color:#17603a}.mb-legacy main.legacy .alert-danger{background:#fdecea;color:#a12a20}.mb-legacy main.legacy .alert-info,.mb-legacy main.legacy .alert-warning{background:var(--blue-l);color:var(--ink)}
.mb-legacy main.legacy .pagination .page-link{border:1px solid var(--line);border-radius:10px;margin:0 3px;color:var(--ink)}.mb-legacy main.legacy .pagination .active .page-link{background:var(--ink);border-color:var(--ink);color:#fff}
.mb-legacy main.legacy .card,.mb-legacy main.legacy .well{border:1px solid var(--line);border-radius:var(--r);background:var(--bg)}
.mb-legacy main.legacy .list-group-item{border:0;border-radius:10px!important;padding:10px 12px}
.mb-legacy main.legacy #column-right,.mb-legacy main.legacy #column-left{margin-bottom:20px}
.mb-legacy main.legacy .form-check-input{width:18px;height:18px;accent-color:var(--blue-d)}
.mb-legacy main.legacy .input-group .form-control{border-radius:12px 0 0 12px}.mb-legacy main.legacy .input-group-btn .btn,.mb-legacy main.legacy .input-group-append .btn{border-radius:0 12px 12px 0}
/* ===== zgody cookies ===== */
.ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:1200;max-width:440px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(46,60,66,.22);padding:22px;font-size:14px;color:var(--ink-2);opacity:0;transform:translateY(16px);visibility:hidden;transition:.3s}
.ck.show{opacity:1;transform:none;visibility:visible}
@media (min-width:700px){.ck{left:auto;right:24px;bottom:24px}}
.ck h3{margin:0 0 8px;font-size:17px;color:var(--ink);display:flex;align-items:center;gap:8px}
.ck h3 svg{width:22px;height:22px;fill:none;stroke:var(--blue-d);stroke-width:1.8}
.ck p{margin:0 0 14px;line-height:1.55}.ck p a{color:var(--blue-d);text-decoration:underline}
.ck-btns{display:flex;gap:8px;flex-wrap:wrap}
.ck-btns .mbtn{height:44px;padding:0 16px;font-size:13.5px;flex:1 1 auto;justify-content:center;box-shadow:none}
.ck-btns .mbtn-ghost{flex:1 1 auto}
.ck-set{display:none;margin:14px 0 4px;border-top:1px solid var(--line);padding-top:12px}
.ck.is-set .ck-set{display:grid;gap:10px}
.ck-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ck-row b{display:block;font-size:14px;color:var(--ink)}.ck-row small{display:block;font-size:13px;color:var(--grey);line-height:1.4}
.ck-sw{position:relative;width:44px;height:26px;flex:0 0 44px;border-radius:999px;background:#cfd8de;transition:.2s;cursor:pointer}
.ck-sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.ck-sw input{position:absolute;opacity:0;width:0;height:0}
.ck-sw:has(input:checked){background:var(--blue)}.ck-sw:has(input:checked)::after{left:21px}
.ck-sw.is-lock{background:var(--ink);opacity:.5;cursor:default}
.ck-open{font:inherit;font-size:13.5px;color:var(--grey);text-decoration:underline;text-underline-offset:3px;background:none}
.size small s{color:var(--grey);font-weight:400;margin-left:4px}
.size.on small s{color:rgba(255,255,255,.75)}