/* DJ STORE — generated from the approved design (example 4) */

/* Layout: a clean, bright gear superstore — white canvas, grey bands, product-first tiles, one cobalt brand colour from the logo. */
:root{
  --bg:#FFFFFF;--surface:#FFFFFF;--surface-2:#F4F4F4;--band:#EDF0F1;--fg:#152027;--muted:#5C666D;--line:#E1E4E6;--line-strong:#C6CBCE;
  --accent:#C30061;--accent-fg:#FFFFFF;--accent-text:#006DD3;--accent-soft:#FBE9F2;--ok:#2E8B14;--sale:#E8481A;--wa:#178A4A;
  --img-bg:#FFFFFF;--scrim:rgba(14,16,22,.45);--mark:rgba(195,0,97,.10);
  --radius:12px;--radius-btn:10px;--radius-chip:6px;--radius-input:10px;
  --font-d:"Rubik","IBM Plex Sans Hebrew",system-ui,sans-serif;--font-b:"IBM Plex Sans Hebrew","Rubik",system-ui,sans-serif;--font-num:"Rubik",system-ui,sans-serif;
  --head-h:150px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0E1015;--surface:#161922;--surface-2:#1D212C;--band:#12151C;--fg:#ECEEF3;--muted:#A1A7B5;--line:#272B37;--line-strong:#3A4050;--accent:#E0277F;--accent-text:#5AA9FF;--accent-soft:#3A1428;--ok:#5CCB3C;--img-bg:#FFFFFF;--scrim:rgba(0,0,0,.6);color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0E1015;--surface:#161922;--surface-2:#1D212C;--band:#12151C;--fg:#ECEEF3;--muted:#A1A7B5;--line:#272B37;--line-strong:#3A4050;--accent:#E0277F;--accent-text:#5AA9FF;--accent-soft:#3A1428;--ok:#5CCB3C;--img-bg:#FFFFFF;--scrim:rgba(0,0,0,.6);color-scheme:dark}
/* DJ STORE — shared structural CSS. Each design sets the tokens and adds its own identity on top. */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html,body{overflow-x:clip}
body{margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:var(--font-b);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;direction:rtl}
body.djs-locked{overflow:hidden}
a{color:inherit}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1,h2,h3{font-family:var(--font-d);line-height:1.15;text-wrap:balance;margin:0}
p{margin:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:1280px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
#app{max-width:1280px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:8px 64px;min-height:60vh}
#app.full{max-width:none;padding:0}
.djs-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.djs-row.between{justify-content:space-between}
svg{width:1.25em;height:1.25em;flex:none}

/* buttons */
.djs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border:1.5px solid transparent;border-radius:var(--radius-btn,var(--radius));font-weight:700;text-decoration:none;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s;white-space:nowrap}
.djs-btn:active{transform:translateY(1px)}
.djs-btn.primary{background:var(--accent);color:var(--accent-fg)}
.djs-btn.buy{background:var(--fg);color:var(--bg)}
.djs-btn.ghost{background:transparent;border-color:var(--line-strong,var(--line));color:var(--fg)}
.djs-btn.wa{background:var(--wa);color:#fff}
.djs-btn.wide{width:100%}
.djs-btn.sm{min-height:36px;padding:0 14px;font-size:14px}
.djs-link{background:none;border:0;padding:0;color:var(--accent-text,var(--accent));text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:600}
.djs-icon-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:6px 2px;color:var(--muted);cursor:pointer;font-size:14px;font-weight:600;text-decoration:none}
.djs-icon-btn:hover,.djs-icon-btn.on{color:var(--fg)}
.djs-icon-btn.on svg path{fill:currentColor}
.djs-icon-btn.wa{color:var(--wa)}
.djs-x{display:inline-grid;place-items:center;width:34px;height:34px;border:0;background:transparent;color:var(--muted);cursor:pointer;border-radius:50%}
.djs-x:hover{background:var(--surface-2);color:var(--fg)}

/* crumbs */
.djs-crumbs{font-size:13px;color:var(--muted);padding-block:16px 4px}
.djs-crumbs a{text-decoration:none}
.djs-crumbs a:hover{color:var(--fg)}
.djs-crumbs span{opacity:.5;margin-inline:4px}

/* price */
.djs-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.djs-price strong{font-size:1.25em;font-family:var(--font-num,var(--font-b))}
.djs-price del{color:var(--muted);font-size:.85em}
.djs-off{display:inline-block;background:var(--sale);color:var(--sale-fg,#fff);font-size:12px;font-weight:800;padding:2px 7px;border-radius:var(--radius-chip,4px)}

/* listing */
.djs-list-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;padding-block:12px 20px;border-bottom:1px solid var(--line);margin-bottom:24px}
.djs-list-head h1{font-size:clamp(28px,4vw,44px)}
.djs-list-head p{color:var(--muted);margin-top:6px}
.djs-count{color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}
.djs-list-body{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;align-items:start}
.djs-filters{position:sticky;top:calc(var(--head-h,80px) + 16px);display:grid;gap:20px}
.djs-filters fieldset{border:0;padding:0;margin:0;display:grid;gap:6px}
.djs-filters legend{font-weight:800;font-size:13px;letter-spacing:.04em;margin-bottom:8px;color:var(--fg)}
.djs-f-head{display:flex;justify-content:space-between;align-items:center}
.djs-check{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px}
.djs-check input{width:18px;height:18px;accent-color:var(--accent);flex:none}
.djs-check em{margin-inline-start:auto;font-style:normal;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}
.djs-filters input[type=range]{width:100%;accent-color:var(--accent)}
.djs-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:18px;font-size:14px}
.djs-toolbar select{padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.djs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--grid-gap,20px)}
.djs-grid.compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.djs-empty{display:grid;gap:8px;justify-items:start;padding:40px;border:1px dashed var(--line);border-radius:var(--radius)}
.djs-empty span{color:var(--muted)}

/* product page shared */
.djs-gallery{display:grid;gap:12px}
.djs-main-img{background:var(--img-bg,#fff);border-radius:var(--radius);aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;max-width:100%}
.djs-main-img img{width:88%;height:88%;object-fit:contain}
.djs-thumbs{display:flex;gap:10px}
.djs-thumbs button{width:76px;height:76px;padding:6px;background:var(--img-bg,#fff);border:2px solid transparent;border-radius:calc(var(--radius) * .6);cursor:pointer}
.djs-thumbs button.on{border-color:var(--accent)}
.djs-thumbs img{width:100%;height:100%;object-fit:contain}
.djs-buy{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.djs-buy .djs-btn{flex:1 1 150px}
.djs-qty{display:inline-flex;align-items:center;border:1.5px solid var(--line-strong,var(--line));border-radius:var(--radius-btn,var(--radius));height:46px;overflow:hidden}
.djs-qty button{width:38px;height:100%;border:0;background:transparent;cursor:pointer;font-size:18px}
.djs-qty input,.djs-qty span{width:42px;text-align:center;border:0;background:transparent;font-weight:700;-moz-appearance:textfield}
.djs-qty input{border:0!important;background:transparent!important;padding:0!important;width:42px!important;border-radius:0!important}
.djs-qty input::-webkit-inner-spin-button{appearance:none}
.djs-sub-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px}
.djs-specs{width:100%;border-collapse:collapse;font-size:15px}
.djs-specs th,.djs-specs td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
.djs-specs th{width:38%;color:var(--muted);font-weight:600}
.djs-hl{list-style:none;padding:0;margin:14px 0;display:grid;gap:6px}
.djs-hl li{padding-inline-start:22px;position:relative}
.djs-hl li::before{content:"";position:absolute;inset-inline-start:2px;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--accent)}
.djs-qa{display:grid;gap:0;border-top:1px solid var(--line)}
.djs-qa details{border-bottom:1px solid var(--line)}
.djs-qa summary{cursor:pointer;padding:16px 4px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:16px}
.djs-qa summary::after{content:"+";font-size:22px;line-height:1;color:var(--accent-text,var(--accent));flex:none}
.djs-qa details[open] summary::after{content:"−"}
.djs-qa details>div{padding:0 4px 18px;color:var(--muted);max-width:70ch}
[data-tabs] [role=tablist]{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto}
[data-tabs] [role=tab]{background:none;border:0;border-bottom:3px solid transparent;padding:14px 16px;font-weight:700;color:var(--muted);cursor:pointer;white-space:nowrap}
[data-tabs] [role=tab][aria-selected=true]{color:var(--fg);border-color:var(--accent)}
[data-panel]{padding-block:24px}
.djs-prose{max-width:72ch}
.djs-prose p{margin-bottom:1em}
.djs-prose h2{font-size:24px;margin:1.6em 0 .6em}
.djs-prose ul{padding-inline-start:20px;margin:0 0 1em}
.djs-prose li{margin-bottom:.4em}
.djs-prose strong{color:var(--fg);background:var(--mark,transparent)}

/* pages */
.djs-page{padding-block:16px}
.djs-page>h1,.djs-page h1{font-size:clamp(28px,4vw,44px);margin-bottom:12px}
.djs-page>p{color:var(--muted);margin-bottom:24px;max-width:65ch}
.djs-narrow{max-width:820px}
.djs-cart-wrap{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start}
.djs-cart-lines{display:grid;gap:0;border-top:1px solid var(--line)}
.djs-line{display:grid;grid-template-columns:84px minmax(0,1fr) auto auto 34px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.djs-line-img{background:var(--img-bg,#fff);border-radius:calc(var(--radius) * .6);aspect-ratio:1;display:grid;place-items:center}
.djs-line-img img{width:84%;height:84%;object-fit:contain}
.djs-line-info a{font-weight:700;text-decoration:none;display:block}
.djs-line-info small{color:var(--muted)}
.djs-line-total{font-variant-numeric:tabular-nums;min-width:80px;text-align:end}
.djs-summary{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:grid;gap:14px;position:sticky;top:calc(var(--head-h,80px) + 16px)}
.djs-summary h2{font-size:20px}
.djs-summary dl{margin:0;display:grid;gap:8px}
.djs-summary dl div{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}
.djs-summary dd{margin:0;font-weight:700}
.djs-summary .save dd{color:var(--ok)}
.djs-summary .tot{border-top:1px solid var(--line);padding-top:12px;font-size:18px}
.djs-ship-meter{height:6px;background:var(--surface-2);border-radius:6px;overflow:hidden}
.djs-ship-meter span{display:block;height:100%;background:var(--accent)}
.djs-note{font-size:14px;color:var(--muted)}
.djs-note.ok{color:var(--ok);font-weight:700}
.djs-coupon label{font-size:13px;color:var(--muted)}
.djs-coupon div{display:flex;gap:8px}
.djs-coupon input{flex:1;min-width:0}
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{padding:11px 14px;border:1.5px solid var(--line);border-radius:var(--radius-input,var(--radius));background:var(--surface);color:var(--fg);width:100%}
input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}
.djs-form{display:grid;gap:22px}
.djs-form.inline{display:flex;gap:10px;max-width:480px}
.djs-form fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:0;display:grid;gap:12px}
.djs-form legend{font-weight:800;padding-inline:6px}
.djs-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.djs-fields label{display:grid;gap:6px;font-size:14px;font-weight:600}
.djs-fields .full{grid-column:1/-1}
.djs-radio{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1.5px solid var(--line);border-radius:var(--radius);cursor:pointer}
.djs-radio:has(input:checked){border-color:var(--accent);background:var(--surface-2)}
.djs-radio input{accent-color:var(--accent);margin-top:5px}
.djs-radio span{display:grid}
.djs-radio small{color:var(--muted)}
.djs-err{color:var(--sale);font-weight:700}
.djs-demo{font-size:13px;color:var(--muted)}
.djs-thanks{text-align:center;display:grid;justify-items:center;gap:14px;padding-block:60px}
.djs-thanks-mark{width:84px;height:84px;border-radius:50%;background:var(--accent);mask:radial-gradient(circle,transparent 8px,#000 9px,#000 30px,transparent 31px,transparent 34px,#000 35px);-webkit-mask:radial-gradient(circle,transparent 8px,#000 9px,#000 30px,transparent 31px,transparent 34px,#000 35px)}
.djs-steps{list-style:none;padding:0;display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.djs-steps li{padding:8px 14px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:14px}
.djs-steps li.done{background:var(--ok);color:#fff}
.djs-steps li.now{background:var(--accent);color:var(--accent-fg)}
.djs-track-res{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:var(--radius)}
.djs-table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}
.djs-compare{border-collapse:collapse;min-width:640px;width:100%;font-size:14px}
.djs-compare th,.djs-compare td{padding:12px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
.djs-compare tbody th{color:var(--muted);font-weight:600;width:150px;background:var(--surface)}
.djs-compare thead th{position:relative;vertical-align:bottom}
.djs-compare thead a{display:grid;gap:8px;text-decoration:none;font-weight:700}
.djs-compare thead img{height:110px;object-fit:contain;background:var(--img-bg,#fff);border-radius:calc(var(--radius) * .6);padding:6px;width:100%}
.djs-compare .djs-x{position:absolute;top:6px;inset-inline-end:6px}
.djs-brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.djs-brand{display:grid;gap:4px;padding:28px 22px;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;background:var(--surface)}
.djs-brand b{font-family:var(--font-d);font-size:24px}
.djs-brand span{color:var(--muted);font-size:14px}
.djs-guides{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.djs-guide-card{display:grid;gap:10px;align-content:start;padding:26px;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;background:var(--surface)}
.djs-guide-card h2{font-size:22px}
.djs-guide-card p{color:var(--muted)}
.djs-kicker{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--accent-text,var(--accent))}
.djs-more{font-weight:700;color:var(--accent-text,var(--accent))}
.djs-article{max-width:860px}
.djs-article>.djs-btn{margin:10px 0 24px}
.djs-article>h2{font-size:26px;margin:40px 0 16px}
.djs-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:28px}
.djs-values div{padding:20px;border:1px solid var(--line);border-radius:var(--radius)}
.djs-values p{color:var(--muted);font-size:14px;margin-top:6px}
.djs-narrow>p{margin-bottom:1em;color:var(--fg)}
.djs-contact{display:grid;grid-template-columns:1fr 1.3fr;gap:32px}
.djs-contact-info{display:grid;gap:14px;align-content:start}
.djs-contact-info>div{display:grid;grid-template-columns:28px 90px 1fr;gap:10px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}
.djs-contact-info .sel{user-select:all;direction:ltr;text-align:right}

/* layers */
.djs-layer{position:fixed;inset:0;z-index:80;background:var(--scrim,rgba(10,8,20,.55));opacity:0;pointer-events:none;transition:opacity .2s}
.djs-layer.open{opacity:1;pointer-events:auto}
.djs-drawer-in{position:absolute;inset-block:0;inset-inline-start:0;width:min(420px,92vw);background:var(--bg);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.djs-layer.open .djs-drawer-in{transform:none}
.djs-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.djs-drawer-lines{flex:1;overflow:auto;padding:8px 20px}
.djs-mline{display:grid;grid-template-columns:64px 1fr 34px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.djs-mline img{width:64px;height:64px;object-fit:contain;background:var(--img-bg,#fff);border-radius:8px;padding:4px}
.djs-mline a{font-weight:700;text-decoration:none;font-size:14px;display:block;line-height:1.35}
.djs-mline small{color:var(--muted)}
.djs-drawer-foot{padding:18px 20px;border-top:1px solid var(--line);display:grid;gap:10px}
.djs-drawer-empty{padding:40px 20px;display:grid;gap:16px;justify-items:start}
.djs-modal-in{position:absolute;inset:0;display:grid;place-items:center;padding:16px;pointer-events:none}
.djs-modal-card{pointer-events:auto;background:var(--bg);border-radius:var(--radius);max-width:860px;width:100%;max-height:90vh;overflow:auto;position:relative;padding:28px}
.djs-modal-x{position:absolute;top:12px;inset-inline-end:12px}
.djs-qv{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center}
.djs-qv>img{background:var(--img-bg,#fff);border-radius:var(--radius);aspect-ratio:1;object-fit:contain;padding:24px;width:100%}
.djs-qv h2{font-size:26px;margin:6px 0 10px}
.djs-qv p{color:var(--muted);margin-bottom:12px}
#djs-cmpbar{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);z-index:60;max-width:calc(100% - 32px)}
.djs-cmpbar-in{display:flex;align-items:center;gap:14px;background:var(--fg);color:var(--bg);padding:10px 14px;border-radius:var(--radius);box-shadow:0 10px 40px rgba(0,0,0,.3);flex-wrap:wrap}
.djs-cmpbar-in .djs-link{color:var(--bg)}
.djs-cmpbar-imgs{display:flex}
.djs-cmpbar-imgs img{width:38px;height:38px;object-fit:contain;background:#fff;border-radius:6px;padding:2px;margin-inline-start:-8px;border:2px solid var(--fg)}
.djs-toast{position:fixed;top:calc(18px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%,-20px);z-index:100;background:var(--fg);color:var(--bg);padding:12px 20px;border-radius:var(--radius);font-weight:700;opacity:0;pointer-events:none;transition:.25s;max-width:calc(100% - 32px)}
.djs-toast.show{opacity:1;transform:translate(-50%,0)}
.djs-toast.warn{background:var(--sale);color:#fff}
.djs-fab{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom,0px));right:max(18px,env(safe-area-inset-right,0px));z-index:50;width:56px;height:56px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.djs-fab svg{width:28px;height:28px}

@media (max-width:960px){
  .djs-list-body{grid-template-columns:1fr}
  .djs-filters{position:static;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:16px;border:1px solid var(--line);border-radius:var(--radius)}
  .djs-f-head{grid-column:1/-1}
  .djs-cart-wrap,.djs-contact{grid-template-columns:1fr}
  .djs-summary{position:static}
}
@media (max-width:640px){
  .djs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .djs-line{grid-template-columns:64px minmax(0,1fr) 34px;grid-template-areas:"img info x" "img qty total"}
  .djs-line-img{grid-area:img}.djs-line-info{grid-area:info}.djs-line .djs-qty{grid-area:qty;justify-self:start;height:38px}.djs-line-total{grid-area:total}.djs-line .djs-x{grid-area:x}
  .djs-fields{grid-template-columns:1fr}
  .djs-qv{grid-template-columns:1fr}
  .djs-filters{grid-template-columns:1fr 1fr}
  .djs-contact-info>div{grid-template-columns:28px 1fr}
  .djs-contact-info>div>span:last-child,.djs-contact-info>div>a{grid-column:2}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body{background:var(--bg);font-size:15.5px}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--band)}
h1,h2,h3{font-weight:700;letter-spacing:-.01em}
.djs-btn{font-family:var(--font-d);font-weight:600}
.djs-btn.primary:hover{filter:brightness(1.08);box-shadow:0 6px 18px -6px var(--accent)}
.djs-btn.buy{background:var(--fg);color:var(--bg)}
.djs-price strong{font-weight:700}

/* top strip */
.k-strip{background:var(--band);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.k-strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:7px;white-space:nowrap;overflow:hidden}
.k-strip ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.k-strip li{display:flex;align-items:center;gap:6px}
.k-strip li::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 7.2l2 2 4-4.4' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;flex:none}
.k-strip a{text-decoration:none}.k-strip a:hover{color:var(--fg)}
.k-strip nav{display:flex;gap:16px}
/* header */
#djs-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--bg);border-bottom:1px solid var(--line)}
#djs-header.scrolled{box-shadow:0 6px 24px -12px rgba(0,0,0,.18)}
.k-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"search logo tools";gap:28px;align-items:center;padding-block:12px}
.k-bar .k-burger{grid-area:burger}.k-bar .k-logo{grid-area:logo;justify-self:center}.k-bar .k-search{grid-area:search;justify-self:start}.k-bar .k-tools{grid-area:tools;justify-self:end}
.k-logo{display:block;width:230px;line-height:0}
.k-logo svg{width:100%;height:auto}
.k-search{display:flex;align-items:stretch;border:2px solid var(--line-strong);border-radius:12px;overflow:hidden;max-width:520px;width:100%;justify-self:center;background:var(--surface)}
.k-search select{border:0!important;border-inline-end:1px solid var(--line)!important;border-radius:0!important;width:auto!important;background:var(--surface-2)!important;font-size:14px;padding-inline:12px 8px!important;max-width:150px}
.k-search input{border:0!important;border-radius:0!important;padding:12px 16px!important;font-size:16px}
.k-search button{border:0;background:var(--accent);color:#fff;padding:0 22px;cursor:pointer;display:grid;place-items:center}
.k-tools{display:flex;gap:4px}
.k-tool{position:relative;display:grid;justify-items:center;gap:2px;padding:6px 10px;border-radius:10px;text-decoration:none;color:var(--fg);font-size:12px;font-weight:600;background:none;border:0;cursor:pointer}
.k-tool svg{width:24px;height:24px}
.k-tool:hover{background:var(--surface-2)}
.k-tool [data-count]{position:absolute;top:2px;inset-inline-end:8px;min-width:18px;height:18px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 4px}
.k-tool.cart span[data-total]{font-family:var(--font-num);font-weight:700}
.k-burger{display:none!important}
/* nav + mega */
.k-nav{display:flex;align-items:stretch;gap:2px;position:relative}
.k-nav>button,.k-nav>a{display:flex;align-items:center;gap:6px;padding:12px 14px;border:0;background:none;font:600 15px var(--font-d);color:var(--fg);cursor:pointer;text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-1px}
.k-nav>button svg{width:14px;height:14px;transition:transform .2s}
.k-navrow{background:var(--band);border-top:1px solid var(--line)}
.k-nav>button[aria-expanded=true]{color:var(--accent);border-color:var(--accent);background:var(--surface)}
.k-nav>button[aria-expanded=true] svg{transform:rotate(180deg)}
.k-nav>a:hover,.k-nav>button:hover{color:var(--accent)}
.k-nav .k-all{background:var(--accent);color:#fff!important;border-radius:10px 10px 0 0;padding-inline:18px;border:0;margin:6px 0 0}
.k-nav .k-all[aria-expanded=true]{background:var(--fg)}
.k-nav .k-deal{color:var(--sale)}
.k-nav .k-sp{flex:1}
.k-mega{position:absolute;inset-inline:0;top:100%;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 30px 50px -20px rgba(0,0,0,.25);display:none;z-index:45}
.k-mega.open{display:block;animation:megaIn .18s ease-out}
@keyframes megaIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.k-mega-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 300px;gap:0;padding-block:0}
.k-col{padding:24px 22px;border-inline-start:1px solid var(--line)}
.k-col:first-child{border-inline-start:0;padding-inline-start:0}
.k-col h4{margin:0 0 12px;font:700 12px var(--font-d);letter-spacing:.08em;color:var(--muted)}
.k-col ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.k-col li button,.k-col li a{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px;padding:8px 10px;margin-inline:-10px;border:0;background:none;border-radius:8px;font:500 15px var(--font-b);color:var(--fg);cursor:pointer;text-align:start;text-decoration:none}
.k-col li button:hover,.k-col li a:hover{background:var(--accent-soft);color:var(--accent-text)}
.k-col li em{font-style:normal;font-size:12px;color:var(--muted);background:var(--surface-2);padding:1px 7px;border-radius:999px}
.k-chips{display:flex;flex-wrap:wrap;gap:8px}
.k-chips button{padding:8px 12px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);font:500 14px var(--font-b);cursor:pointer;color:var(--fg)}
.k-chips button:hover{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}
.k-top5{display:grid;gap:6px;margin-top:14px}
.k-top5 a{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;text-decoration:none;font-size:13px;line-height:1.3;padding:4px;border-radius:8px}
.k-top5 a:hover{background:var(--surface-2)}
.k-top5 img{width:44px;height:44px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px}
.k-feat{margin:16px 0;padding:18px;background:var(--surface-2);border-radius:14px;display:grid;gap:8px;text-decoration:none;align-content:start}
.k-feat .lab{font:700 11px var(--font-d);letter-spacing:.1em;color:var(--accent-text)}
.k-feat img{aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:10px;padding:10px;width:100%}
.k-feat b{line-height:1.3}
.k-mega-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:12px;font-size:14px;color:var(--muted)}
.k-mega-foot a{font-weight:700;color:var(--accent-text);text-decoration:none}
.k-depts{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;padding-block:22px}
.k-depts a{display:grid;gap:8px;justify-items:center;text-align:center;padding:14px 10px;border-radius:14px;text-decoration:none;font-weight:600;font-size:14px;border:1px solid var(--line)}
.k-depts a:hover{border-color:var(--accent);background:var(--accent-soft)}
.k-depts img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:10px}
.k-depts small{color:var(--muted);font-weight:400}
.k-mob{display:none}
/* home */
.k-hero{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:16px;margin-top:20px}
.k-slider{position:relative;border-radius:18px;overflow:hidden;min-height:440px;background:var(--surface-2)}
.k-slide{position:absolute;inset:0;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;padding:32px 48px 64px;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.k-slide.on{opacity:1;visibility:visible}
.k-slide.s1{background:linear-gradient(120deg,#C30061,#E2197D)}
.k-slide.s2{background:#14161C}
.k-slide.s3{background:#E9ECF2}
.k-slide .eb{font:700 12px var(--font-d);letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.k-slide h2{font-size:clamp(28px,3.2vw,44px);line-height:1.05;margin:10px 0 12px}
.k-slide p{opacity:.85;font-size:17px;max-width:38ch}
.k-slide .djs-row{margin-top:22px}
.k-slide.s1,.k-slide.s2{color:#fff}
.k-slide.s1 .djs-btn.primary{background:#fff;color:#C30061}
.k-slide.s2 .djs-btn.primary{background:#C30061;color:#fff}
.k-slide.s3{color:#14161C}
.k-slide.s3 .djs-btn.primary{background:#C30061;color:#fff}
.k-slide img{width:100%;max-height:300px;object-fit:contain;background:#fff;border-radius:16px;padding:18px;box-shadow:0 30px 50px -20px rgba(0,0,0,.45)}
.k-slide .price{display:inline-block;margin-top:14px;font:700 22px var(--font-num)}
.k-dots{position:absolute;bottom:16px;inset-inline-start:48px;display:flex;gap:8px;z-index:2}
.k-dots button{width:28px;height:5px;border-radius:3px;border:0;background:rgba(255,255,255,.4);cursor:pointer;padding:0}
.k-dots button.on{background:#fff;width:44px}
.k-slider[data-light] .k-dots button{background:rgba(0,0,0,.2)}.k-slider[data-light] .k-dots button.on{background:#14161C}
.k-arrows{position:absolute;bottom:10px;inset-inline-end:16px;display:flex;gap:8px;z-index:2}
.k-arrows button{width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:#14161C;cursor:pointer;font-size:18px}
.k-promos{display:grid;gap:16px}
.k-promo{border-radius:18px;padding:22px;display:grid;grid-template-columns:1fr 110px;gap:12px;align-items:center;text-decoration:none;border:1px solid var(--line);background:var(--surface)}
.k-promo:hover{border-color:var(--accent)}
.k-promo .eb{font:700 11px var(--font-d);letter-spacing:.1em;color:var(--sale)}
.k-promo b{display:block;font:700 19px var(--font-d);margin:4px 0}
.k-promo small{color:var(--muted)}
.k-promo img{width:110px;height:110px;object-fit:contain;background:#fff;border-radius:12px}
.k-usps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:14px;margin-top:20px;background:var(--surface)}
.k-usps div{display:flex;gap:12px;align-items:center;padding:16px 18px;border-inline-start:1px solid var(--line)}
.k-usps div:first-child{border-inline-start:0}
.k-usps svg{width:28px;height:28px;color:var(--accent-text)}
.k-usps b{display:block;font-family:var(--font-d);font-size:15px}.k-usps small{color:var(--muted);font-size:13px;line-height:1.35;display:block}
.k-band{background:var(--band);margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%);padding-block:44px;margin-top:48px}
.k-sec{margin-top:48px}
.k-band.k-sec{margin-top:48px}
.k-sec-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.k-sec-head h2{font-size:clamp(22px,2.4vw,30px)}
.k-sec-head p{color:var(--muted);margin-top:2px}
.k-sec-head .r{display:flex;gap:8px;align-items:center}
.k-sec-head a{font-weight:600;color:var(--accent-text);text-decoration:none}
.k-sec-head button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;color:var(--fg)}
.k-cats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
.k-cat{display:grid;gap:10px;justify-items:center;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 12px;text-decoration:none;transition:.2s}
.k-cat:hover{transform:translateY(-3px);box-shadow:0 14px 30px -16px rgba(0,0,0,.3);border-color:transparent}
.k-cat img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:10px}
.k-cat b{font-family:var(--font-d);font-size:15px}
.k-cat small{color:var(--muted);font-size:12px}
.k-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*16px)/5);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.k-rail::-webkit-scrollbar{display:none}
.k-rail>*{scroll-snap-align:start}
.k-brands{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.k-brands a{display:grid;place-items:center;height:72px;border:1px solid var(--line);border-radius:12px;text-decoration:none;font:700 16px var(--font-d);color:var(--muted);background:var(--surface);text-align:center;padding:6px}
.k-brands a:hover{color:var(--fg);border-color:var(--fg)}
.k-help{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.k-help>div{border-radius:18px;padding:28px;display:grid;gap:10px;align-content:start}
.k-help .a{background:var(--accent);color:#fff}
.k-help .b{background:var(--surface);border:1px solid var(--line)}
.k-help h3{font-size:24px}
.k-help p{opacity:.85}
.k-help .a .djs-btn{background:#fff;color:#C30061;justify-self:start}
.k-news{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.k-news h2{font-size:28px}.k-news p{color:var(--muted);margin-top:4px}
.k-news form{display:flex;gap:8px;flex-wrap:wrap}.k-news input{flex:1;min-width:200px}
.k-news output{flex-basis:100%;font-size:14px;color:var(--ok)}
/* card */
.k-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;transition:box-shadow .2s,border-color .2s;min-width:0}
.k-card:hover{box-shadow:0 18px 36px -20px rgba(0,0,0,.35);border-color:transparent}
.k-card-img{display:block;aspect-ratio:1;background:#fff;border-radius:10px;overflow:hidden}
.k-card-img img{width:100%;height:100%;object-fit:contain;padding:8px;transition:transform .3s}
.k-card:hover .k-card-img img{transform:scale(1.04)}
.k-flags{position:absolute;top:12px;inset-inline-start:12px;display:flex;gap:6px}
.k-flag{font:700 11px var(--font-d);padding:3px 8px;border-radius:6px;background:var(--fg);color:var(--bg)}
.k-flag.sale{background:var(--sale);color:#fff}.k-flag.new{background:var(--accent);color:#fff}
.k-acts{position:absolute;top:10px;inset-inline-end:10px;display:grid;gap:6px;opacity:0;transition:.2s}
.k-card:hover .k-acts,.k-acts:focus-within,.k-acts .on{opacity:1}
.k-acts button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--fg)}
.k-acts button.on{color:var(--accent-text);opacity:1}.k-acts button.on svg path{fill:currentColor}
.k-card-b{display:flex;flex-direction:column;gap:5px;padding-top:12px;flex:1}
.k-card-b .br{font-size:12px;color:var(--muted);font-weight:600}
.k-card-b>a{font-weight:600;text-decoration:none;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.k-card-b>a:hover{color:var(--accent-text)}
.k-spec1{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-stock{font-size:13px;color:var(--ok);font-weight:600;display:flex;align-items:center;gap:5px}
.k-stock::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok)}
.k-card-p{margin-top:auto;padding-top:6px}
.k-card-p .djs-price strong{font-size:21px}
.k-card-p .djs-price del{font-size:13px}
.k-card .k-add{margin-top:10px;width:100%;min-height:42px;border-radius:10px;border:0;background:var(--accent);color:#fff;font:600 15px var(--font-d);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.k-card .k-add:hover{filter:brightness(1.1)}
/* listing */
.djs-list-head{border-bottom:0;margin-bottom:12px}
.djs-filters{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px}
.djs-filters legend{font-family:var(--font-d);font-size:14px}
.k-catbar{display:flex;gap:8px;overflow-x:auto;padding-bottom:16px;scrollbar-width:none}
.k-catbar a{flex:none;display:flex;gap:8px;align-items:center;padding:6px 14px 6px 6px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:600;font-size:14px;background:var(--surface)}
.k-catbar a.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}
.k-catbar img{width:30px;height:30px;object-fit:contain;background:#fff;border-radius:50%}
/* product */
.k-ptitle{display:grid;gap:6px;margin:8px 0 18px}
.k-ptitle h1{font-size:clamp(24px,2.8vw,34px)}
.k-ptitle .meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:14px}
.k-ptitle .meta a{color:var(--accent-text);font-weight:600;text-decoration:none}
.k-prod{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 340px;gap:28px;align-items:start}
.k-prod .djs-main-img{border:1px solid var(--line)}
.k-pmid{display:grid;gap:14px}
.k-pmid .hook{font:600 18px var(--font-d);color:var(--accent-text)}
.k-pmid h3{font-size:16px;margin-top:6px}
.k-keyspecs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.k-keyspecs div{background:var(--surface-2);border-radius:10px;padding:10px 12px;min-width:0}
.k-keyspecs small{display:block;color:var(--muted);font-size:12px}
.k-keyspecs b{font-size:14px;display:block;overflow-wrap:anywhere}
.k-buybox{position:sticky;top:calc(var(--head-h) + 12px);border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;gap:12px;background:var(--surface);box-shadow:0 20px 40px -30px rgba(0,0,0,.4)}
.k-buybox .djs-price strong{font-size:36px}
.k-buybox .inst{font-size:13px;color:var(--muted)}
.k-buybox .djs-buy{flex-direction:column}
.k-buybox .djs-buy .djs-btn,.k-buybox .djs-qty{flex:none;width:100%}
.k-buybox .djs-qty{justify-content:space-between}
.k-buybox .djs-sub-actions{justify-content:space-between;gap:8px}
.k-deliv{display:grid;gap:8px;font-size:14px;border-top:1px solid var(--line);padding-top:12px}
.k-deliv div{display:flex;gap:8px;align-items:flex-start}
.k-deliv svg{color:var(--accent-text);margin-top:2px}
.k-tabs{margin-top:40px}
.k-tabs [data-panel]{max-width:900px}
/* footer */
#djs-footer{background:var(--band);margin-top:64px;border-top:1px solid var(--line)}
.k-foot{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:32px;padding-block:44px 24px}
.k-foot h4{font:700 15px var(--font-d);margin:0 0 12px}
.k-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.k-foot a{color:var(--muted);text-decoration:none;font-size:14px}.k-foot a:hover{color:var(--accent-text)}
.k-foot p{color:var(--muted);font-size:14px;margin-top:12px}
.k-foot .k-logo{width:200px}
.k-legal{border-top:1px solid var(--line);padding-block:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted);align-items:center}
.k-pay{display:flex;gap:6px;flex-wrap:wrap}
.k-pay span{border:1px solid var(--line-strong);border-radius:6px;padding:3px 9px;font:700 12px var(--font-d);color:var(--fg);background:var(--surface)}
.logo-ink{fill:none;stroke:var(--fg)}
@media (max-width:1200px){
  .k-mega-in{grid-template-columns:repeat(3,minmax(0,1fr)) 280px}.k-mega-in .k-col:nth-child(4){display:none}
  .k-prod{grid-template-columns:1fr 1fr}.k-buybox{grid-column:1/-1;position:static}
  .k-rail{grid-auto-columns:calc((100% - 3*16px)/4)}
  .k-cats,.k-brands,.k-depts{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:900px){
  :root{--head-h:118px}
  .k-strip nav{display:none}
  .k-bar{grid-template-columns:auto 1fr auto;grid-template-areas:"burger logo tools" "search search search";gap:10px;padding-block:10px}
  .k-burger{display:grid!important}
  .k-logo{width:150px}
  .k-navrow{display:none}
  .k-bar .k-search{max-width:none;justify-self:stretch}
  .k-search select{display:none}
  .k-tool small,.k-tool.hide,.k-tool.cart span[data-total]{display:none}
  .k-nav,.k-mega{display:none!important}
  .k-mob{display:block;position:fixed;inset:0;z-index:90;background:var(--scrim);opacity:0;pointer-events:none;transition:.2s}
  .k-mob.open{opacity:1;pointer-events:auto}
  .k-mob nav{position:absolute;inset-block:0;inset-inline-end:0;width:min(360px,88vw);background:var(--bg);padding:calc(16px + env(safe-area-inset-top,0px)) 16px 16px;overflow:auto}
  .k-mob details{border-bottom:1px solid var(--line)}
  .k-mob summary{padding:14px 4px;font:600 16px var(--font-d);cursor:pointer;list-style:none;display:flex;justify-content:space-between}
  .k-mob summary::after{content:"+";color:var(--accent-text)}
  .k-mob details[open] summary::after{content:"−"}
  .k-mob details div{display:grid;gap:2px;padding-bottom:12px}
  .k-mob details button,.k-mob .lnk{text-align:start;border:0;background:none;padding:9px 8px;font:500 15px var(--font-b);color:var(--fg);text-decoration:none;border-radius:8px;cursor:pointer;display:block}
  .k-mob .lnk{border-bottom:1px solid var(--line);border-radius:0;padding:14px 4px;font:600 16px var(--font-d)}
  .k-hero{grid-template-columns:1fr}
  .k-promos{grid-template-columns:1fr 1fr}
  .k-slide{grid-template-columns:1fr;padding:28px 24px 64px;text-align:start}
  .k-slide img{max-height:150px;order:-1}
  .k-slide p{font-size:15px}
  .k-slider{min-height:610px}
  .k-dots{inset-inline-start:24px}
  .k-usps{grid-template-columns:1fr 1fr}.k-usps div:nth-child(3){border-inline-start:0}.k-usps div:nth-child(n+3){border-top:1px solid var(--line)}
  .k-help,.k-news{grid-template-columns:1fr}
  .k-rail{grid-auto-columns:calc((100% - 16px)/2.3)}
  .k-foot{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .k-promos{grid-template-columns:1fr}
  .k-cats,.k-brands{grid-template-columns:repeat(3,minmax(0,1fr))}
  .k-cats>:nth-child(7){display:none}
  .k-foot{grid-template-columns:1fr}
  .k-card{padding:10px}.k-card .k-add span{display:none}.k-spec1{display:none}.k-card-p .djs-price strong{font-size:18px}
  .k-keyspecs{grid-template-columns:1fr}
  .k-strip ul li:nth-child(n+2){display:none}
}

/* ===== WordPress / WooCommerce layer ===== */
.djs-main{padding-bottom:64px;min-height:60vh}
.skip:focus{position:fixed;top:8px;right:8px;width:auto;height:auto;clip:auto;background:var(--fg);color:var(--bg);padding:8px 14px;z-index:200;border-radius:8px}
.djs-ic{width:1.25em;height:1.25em;flex:none}
.k-tool .djs-ic{width:24px;height:24px}
.k-tool .djs-cart-count,.k-tool .djs-count-wish,.k-tool .djs-count-cmp{position:absolute;top:2px;inset-inline-end:8px;min-width:18px;height:18px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 4px}
.k-tool.cart .djs-cart-total{font-family:var(--font-num);font-weight:700}
.k-logo svg{width:100%;height:auto;display:block}
.k-nav>button .djs-ic{width:14px;height:14px;transition:transform .2s}
.k-nav>button[aria-expanded=true] .djs-ic{transform:rotate(180deg)}
.k-col li a{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px;padding:8px 10px;margin-inline:-10px;border-radius:8px;font:500 15px var(--font-b);color:var(--fg);text-decoration:none}
.k-col li a:hover{background:var(--accent-soft);color:var(--accent)}
.k-col.last{padding-inline-end:0}
.k-col h4.mt{margin-top:20px}
.k-chips a,.k-chips button{display:inline-block;padding:8px 12px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);font:500 14px var(--font-b);color:var(--fg);text-decoration:none;cursor:pointer}
.k-chips a:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.k-chips a.sale{color:var(--sale);border-color:var(--sale)}
.k-feat .price{font-weight:700}
.k-top5 img{width:44px!important;height:44px!important;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px}
.k-depts img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:10px}
.k-slide .price-l{display:inline-block;margin-top:14px;font:700 22px var(--font-num)}
.k-slide img{width:100%;max-height:300px;object-fit:contain;background:#fff;border-radius:16px;padding:18px;box-shadow:0 30px 50px -20px rgba(0,0,0,.45);height:auto}
.k-promo img{width:110px;height:110px;object-fit:contain;background:#fff;border-radius:12px}
.k-promo .eb.blue{color:var(--accent-text)}
.k-help .b p{color:var(--muted)}
.k-sec-head h2,.k-sec-head h3{margin:0}
.djs-guide-card h3{font-size:22px;margin:0}
/* product grids */
ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
ul.products.columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}
ul.products.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
ul.products::before,ul.products::after{display:none!important}
ul.products li.product{width:auto!important;margin:0!important;float:none!important}
ul.products.k-rail{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 4*16px)/5);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
ul.products.k-rail>li{scroll-snap-align:start}
.k-card .k-card-img img{width:100%;height:100%;object-fit:contain;padding:8px;margin:0!important}
.k-card .k-title{font-weight:600;text-decoration:none;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;color:var(--fg)}
.k-card .k-title:hover{color:var(--accent)}
.k-card .k-acts button.on{color:var(--accent);opacity:1}
.k-card .k-acts:has(.on){opacity:1}
.k-card .k-stock.out{color:var(--muted)}.k-card .k-stock.out::before{background:var(--muted)}
.price del{color:var(--muted);font-size:.8em;font-weight:400;margin-inline-end:6px}
.price ins{text-decoration:none}
.k-card-p .price{font:700 21px var(--font-num);color:var(--fg)}
.k-card a.k-add{margin-top:10px;width:100%;min-height:42px;border-radius:10px;border:0;background:var(--accent);color:#fff;font:600 15px var(--font-d);display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.k-card a.k-add.ghost{background:var(--surface-2);color:var(--fg)}
.k-card a.k-add.loading{opacity:.6}
.k-card a.k-add.added::after{content:"✓";margin-inline-start:4px}
.k-card a.added_to_cart{display:none}
.djs-results .djs-toolbar{justify-content:flex-end}
.woocommerce-ordering select{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.woocommerce-result-count{display:none}
nav.woocommerce-pagination ul{display:flex;gap:6px;list-style:none;padding:0;justify-content:center;margin-top:28px}
nav.woocommerce-pagination a,nav.woocommerce-pagination span{display:grid;place-items:center;min-width:40px;height:40px;border:1px solid var(--line);border-radius:10px;text-decoration:none}
nav.woocommerce-pagination .current{background:var(--accent);color:#fff;border-color:var(--accent)}
.djs-filters form{display:grid;gap:20px}
.djs-filters select{width:100%}
.djs-filters small{color:var(--muted)}
/* single product */
.djs-single .k-gal{position:relative;min-width:0}
.djs-single .onsale{position:absolute;top:12px;inset-inline-start:12px;z-index:3;background:var(--sale);color:#fff;font:700 12px var(--font-d);padding:4px 10px;border-radius:6px}
.woocommerce-product-gallery{position:relative;opacity:1!important}
.woocommerce-product-gallery__wrapper{margin:0}
.woocommerce-product-gallery__image{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.woocommerce-product-gallery__image img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;padding:16px;background:#fff}
.woocommerce-product-gallery .flex-control-thumbs{display:flex;gap:10px;list-style:none;padding:0;margin:12px 0 0}
.woocommerce-product-gallery .flex-control-thumbs li{width:76px}
.woocommerce-product-gallery .flex-control-thumbs img{width:76px;height:76px;object-fit:contain;background:#fff;border:2px solid var(--line);border-radius:10px;padding:4px;cursor:pointer;opacity:.7}
.woocommerce-product-gallery .flex-control-thumbs img.flex-active{border-color:var(--accent);opacity:1}
.woocommerce-product-gallery__trigger{position:absolute;top:12px;inset-inline-end:12px;z-index:3;width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-size:0;text-decoration:none}
.woocommerce-product-gallery__trigger::before{content:"⤢";font-size:18px;color:var(--fg)}
.k-buybox p.price{margin:0;font:700 36px var(--font-num)}
.k-buybox p.price del{font-size:18px}
.k-buybox .stock{display:none}
form.cart{display:flex;flex-direction:column;gap:10px;margin:6px 0 0}
form.cart .quantity{display:flex}
form.cart .quantity input.qty{width:100%;height:46px;border:1.5px solid var(--line-strong);border-radius:10px;text-align:center;font-weight:700;font-size:16px}
form.cart .single_add_to_cart_button,form.cart .djs-btn.buy{min-height:48px;border:0;border-radius:10px;font:600 16px var(--font-d);cursor:pointer;width:100%}
form.cart .single_add_to_cart_button{background:var(--accent);color:#fff}
form.cart .djs-btn.buy{background:var(--fg);color:var(--bg)}
.k-good{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.k-good span{background:var(--surface-2);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}
.woocommerce-tabs ul.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);list-style:none;padding:0;margin:0;overflow-x:auto}
.woocommerce-tabs ul.tabs li a{display:block;padding:14px 16px;font-weight:700;color:var(--muted);text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}
.woocommerce-tabs ul.tabs li.active a{color:var(--fg);border-color:var(--accent)}
.woocommerce-tabs .panel{padding-block:24px;max-width:900px}
.woocommerce-Tabs-panel--description p{font-size:17px;margin-bottom:1em;max-width:72ch}
.woocommerce-Tabs-panel--description strong{background:var(--mark)}
section.related,section.up-sells{margin-top:48px}
section.related>h2,section.up-sells>h2{font-size:clamp(22px,2.4vw,30px);margin-bottom:18px}
/* notices */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;margin:16px 0;padding:14px 18px;border-radius:12px;background:var(--surface-2);border-inline-start:4px solid var(--accent);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.woocommerce-error{border-color:var(--sale)}
.woocommerce-message .button,.woocommerce-info .button{order:2}
/* generic woo buttons */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.wc-block-components-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:0;border-radius:10px;background:var(--accent);color:#fff;font:600 15px var(--font-d);text-decoration:none;cursor:pointer}
.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--accent)}
.woocommerce .button:disabled,.woocommerce .button.disabled{opacity:.5}
/* cart / checkout / account (classic shortcodes) */
.djs-shipmeter{margin:0 0 12px}.djs-shipmeter p{font-size:14px;color:var(--muted);margin:6px 0 0}.djs-shipmeter p.ok{color:var(--ok);font-weight:700}
.djs-ship-bar{height:6px;background:var(--surface-2);border-radius:6px;overflow:hidden}.djs-ship-bar span{display:block;height:100%;background:var(--accent)}
.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce{display:block}
table.shop_table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
table.shop_table th,table.shop_table td{padding:14px;border-bottom:1px solid var(--line);text-align:start;vertical-align:middle}
table.shop_table th{background:var(--surface-2);font-family:var(--font-d)}
table.shop_table img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:8px}
table.shop_table .product-remove a{font-size:22px;color:var(--muted);text-decoration:none}
table.cart td.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between}
table.cart td.actions .coupon{display:flex;gap:8px}
.cart-collaterals{display:flex;justify-content:flex-end;margin-top:24px}
.cart_totals{width:min(420px,100%)}
.cart_totals h2,#order_review_heading,.woocommerce-billing-fields h3,.woocommerce-shipping-fields h3,.woocommerce-additional-fields h3{font-size:20px;margin:0 0 12px}
.wc-proceed-to-checkout .checkout-button{width:100%;margin-top:12px;min-height:50px}
form.checkout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:32px;align-items:start}
form.checkout #customer_details{grid-column:1}
form.checkout #order_review_heading,form.checkout #order_review{grid-column:2}
form.checkout #order_review_heading{grid-row:1}
form.checkout #order_review{grid-row:2/4;position:sticky;top:180px}
.col2-set .col-1,.col2-set .col-2{width:100%;float:none}
.woocommerce form .form-row{display:grid;gap:6px;margin:0 0 14px}
.woocommerce form .form-row label{font-size:14px;font-weight:600}
.woocommerce form .form-row .required{color:var(--sale);text-decoration:none}
.select2-container .select2-selection--single{height:46px;border:1.5px solid var(--line);border-radius:10px}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:44px}
#payment{background:var(--surface-2);border-radius:12px;padding:16px;margin-top:16px}
#payment ul.payment_methods{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:10px}
#payment .payment_box{font-size:14px;color:var(--muted);padding:8px 0}
#place_order{width:100%;min-height:52px;font-size:17px}
.woocommerce-account .woocommerce{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:600}
.woocommerce-MyAccount-navigation .is-active a{background:var(--accent-soft);color:var(--accent)}
.woocommerce-account:not(.logged-in) .woocommerce{grid-template-columns:1fr}
.u-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.woocommerce form.login,.woocommerce form.register,.woocommerce form.track_order{border:1px solid var(--line);border-radius:14px;padding:22px;max-width:520px}
/* mini cart drawer */
.widget_shopping_cart_content{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 20px 20px}
.woocommerce-mini-cart{list-style:none;padding:0;margin:0;flex:1;overflow:auto}
.woocommerce-mini-cart-item{position:relative;display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:12px 0;padding-inline-end:28px;border-bottom:1px solid var(--line)}
.woocommerce-mini-cart-item a:not(.remove){display:contents;font-weight:600;text-decoration:none;font-size:14px}
.woocommerce-mini-cart-item img{grid-row:span 2;width:64px!important;height:64px;object-fit:contain;background:#fff;border-radius:8px;border:1px solid var(--line)}
.woocommerce-mini-cart-item .quantity{grid-column:2;color:var(--muted);font-size:13px}
.woocommerce-mini-cart-item a.remove{position:absolute;inset-inline-end:0;top:12px;font-size:20px;color:var(--muted);text-decoration:none}
.woocommerce-mini-cart__total{display:flex;justify-content:space-between;padding:14px 0;font-size:16px}
.woocommerce-mini-cart__buttons{display:grid;gap:8px;margin:0}
.woocommerce-mini-cart__buttons a{width:100%}
.woocommerce-mini-cart__buttons a:not(.checkout){background:var(--surface-2)!important;color:var(--fg)!important}
.woocommerce-mini-cart__empty-message{padding:30px 0;color:var(--muted)}
.djs-drawer-in{display:flex;flex-direction:column}
/* forms */
.djs-ok{color:var(--ok);font-weight:700}
.djs-news{display:flex;gap:8px;flex-wrap:wrap}.djs-news input{flex:1;min-width:200px}.djs-news output{flex-basis:100%;font-size:14px;color:var(--ok)}
.djs-contact-info>div{grid-template-columns:28px 90px 1fr}
.djs-dyn .djs-loading{color:var(--muted)}
.djs-compare .djs-x{font-size:20px}
.djs-cmpbar-in{color:var(--bg)}
.djs-toast{display:block}
@media (max-width:1200px){ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}ul.products.columns-5{grid-template-columns:repeat(4,minmax(0,1fr))}ul.products.k-rail{grid-auto-columns:calc((100% - 3*16px)/4)}}
@media (max-width:900px){
  ul.products,ul.products.columns-5,ul.products.columns-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  ul.products.k-rail{grid-auto-columns:calc((100% - 12px)/2.2)}
  form.checkout{grid-template-columns:1fr}form.checkout #order_review_heading,form.checkout #order_review{grid-column:1;grid-row:auto;position:static}
  .woocommerce-account .woocommerce,.u-columns{grid-template-columns:1fr}
  table.shop_table_responsive thead{display:none}
  table.shop_table_responsive tr{display:grid;grid-template-columns:auto 1fr;border-bottom:1px solid var(--line)}
  table.shop_table_responsive td{border:0;padding:8px 12px}
  table.shop_table_responsive td::before{content:attr(data-title);font-weight:600;margin-inline-end:8px;color:var(--muted)}
  table.shop_table_responsive td.product-remove,table.shop_table_responsive td.product-thumbnail{grid-column:auto}
  .k-mob details a{display:block;padding:9px 8px;text-decoration:none;font:500 15px var(--font-b);border-radius:8px}
  .k-mob details a.all{color:var(--accent);font-weight:600}
}
/* ---- fixes over WooCommerce defaults ---- */
.woocommerce div.product div.images,.woocommerce-page div.product div.images{float:none!important;width:100%!important;margin:0!important}
.woocommerce div.product div.summary,.woocommerce-page div.product div.summary{float:none!important;width:auto!important;margin:0!important}
.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce ul.products li.product .price,.price{color:var(--fg)!important}
.woocommerce div.product p.price del,.woocommerce ul.products li.product .price del{color:var(--muted)!important;opacity:1}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0!important;margin:0!important;border-bottom:1px solid var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:14px 16px!important;color:var(--muted)!important;font-weight:700!important;border-bottom:3px solid transparent}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--fg)!important;border-color:var(--accent)}
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2{float:none!important;width:100%!important}
.woocommerce form .form-row-first,.woocommerce form .form-row-last{float:none!important;width:100%!important}
.woocommerce form.checkout .woocommerce-billing-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.woocommerce form.checkout .woocommerce-billing-fields__field-wrapper .form-row-wide,.woocommerce form.checkout .woocommerce-billing-fields__field-wrapper #billing_address_1_field,.woocommerce form.checkout .woocommerce-billing-fields__field-wrapper #billing_country_field{grid-column:1/-1}
.woocommerce form.checkout #order_review_heading{margin:0 0 12px}
.woocommerce-checkout #payment{background:var(--surface-2)!important;border-radius:12px}
.woocommerce-checkout #payment div.payment_box{background:var(--surface)!important;color:var(--muted)}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce span.onsale{display:none}
.admin-bar .djs-drawer-in,.admin-bar .k-mob nav{top:32px}
@media (max-width:782px){.admin-bar .djs-drawer-in,.admin-bar .k-mob nav{top:46px}}
.woocommerce ul.products li.product a img{margin:0}
.woocommerce-info,.woocommerce-message,.woocommerce-error{border-top:0!important}
.woocommerce-info::before,.woocommerce-message::before,.woocommerce-error::before{display:none}
@media (max-width:900px){.woocommerce form.checkout .woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr}}
.k-feat img{width:100%!important;height:170px!important;object-fit:contain;aspect-ratio:auto!important}
.k-promo img{flex:none}
.k-slide img{max-height:300px!important;width:auto!important;max-width:100%;justify-self:center}
.k-cat img,.k-depts img{height:auto}

/* gallery without slider: main image + thumbnails row */
.woocommerce-product-gallery__wrapper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.woocommerce-product-gallery__wrapper>.woocommerce-product-gallery__image:first-child{grid-column:1/-1}
.woocommerce-product-gallery__wrapper>.woocommerce-product-gallery__image:not(:first-child) img{padding:6px}
form.checkout #customer_details{grid-row:1 / span 3}
@media (max-width:900px){form.checkout #customer_details{grid-row:auto}}
@media (max-width:760px){.k-prod{grid-template-columns:1fr!important}.k-buybox{grid-column:auto!important}.k-ptitle h1{font-size:24px}}