/* Rafi Saadon – shared site styles. Dark, cinematic, brand blue. RTL default, LTR for English. */
:root{
  --bg:#06080C; --bg-2:#0B0F17; --panel:#0F1520; --panel-2:#131B29; --line:#1B2433; --line-2:#243048;
  --fg:#EEF2F8; --muted:#8C97AA; --soft:#B9C3D3; --blue:#2F7BFF; --blue-soft:#7FB0FF; --ok:#3BD38A; --warn:#FFB547;
  --f-display:"Rubik","Heebo",system-ui,sans-serif;
  --f-body:"Heebo","Rubik",system-ui,sans-serif;
  --f-logo:"Montserrat","Heebo",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,monospace;
  --gut:clamp(16px,4vw,56px);
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{background:var(--bg)}
body{margin:0;color:var(--fg);font-family:var(--f-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%}
[hidden]{display:none!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.container{max-width:1320px;margin-inline:auto;padding-inline:var(--gut)}
h1,h2,h3,h4{font-family:var(--f-display);text-wrap:balance;margin:0}
.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-soft)}
[dir="rtl"] .eyebrow{font-family:var(--f-body);font-weight:500;font-size:13.5px;letter-spacing:.02em}
.ic{width:18px;height:18px;flex-shrink:0}
.num{font-variant-numeric:tabular-nums}

/* Image slot */
.slot{position:relative;overflow:hidden;background:radial-gradient(80% 70% at 50% 40%,rgba(47,123,255,.16),transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 10px,transparent 10px 20px),#0C1220;border:1.5px dashed #2D4470;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:12px;color:#9DB7E6}
.slot .n{font-family:var(--f-mono);font-size:13px;background:var(--blue);color:#fff;border-radius:999px;min-width:30px;height:30px;display:grid;place-items:center;padding-inline:8px}
.slot .d{font-size:13px;max-width:30ch;line-height:1.35}
.slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:11px 20px;font-weight:500;font-size:15px;transition:background .2s,border-color .2s,transform .2s;white-space:nowrap}
.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:#4A8DFF;transform:translateY(-1px)}
.btn-ghost{border:1px solid #2A3954;color:#DCE6F5}.btn-ghost:hover{border-color:var(--blue);background:rgba(47,123,255,.08)}
.btn-lg{padding:14px 26px;font-size:16px}
.btn-block{width:100%}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
.link-arrow{color:var(--blue-soft);font-weight:500}.link-arrow:hover{color:#fff}

/* Logo */
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0;direction:ltr}
.logo img{width:31px;height:34px;display:block}
.logo b{font-family:var(--f-logo);font-weight:500;font-size:21px;letter-spacing:.14em;color:#fff;white-space:nowrap}

/* Header */
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:#000;border-bottom:1px solid #151B26}
.row1{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:64px;gap:16px}
.r-start{display:flex;align-items:center;gap:18px;font-size:13.5px;color:#C9D1DE}
.r-start a:hover{color:#fff}
.r-end{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #3A4458;border-radius:999px;padding:6px 14px;font-size:13px;white-space:nowrap;transition:border-color .2s,background .2s}
.pill:hover{border-color:var(--blue);background:rgba(47,123,255,.1)}
.cart{position:relative;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;direction:ltr}
.cart .badge{position:absolute;top:-7px;inset-inline-start:9px;background:var(--blue);color:#fff;border-radius:999px;font-size:10.5px;min-width:17px;height:17px;display:grid;place-items:center;padding-inline:4px;font-family:var(--f-mono)}
.icon-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;border:1px solid #232C3C}
.icon-btn:hover{border-color:var(--blue)}
.row2{border-top:1px solid #151B26}
.row2 .container{display:flex;align-items:center;gap:6px;min-height:50px}
.brands-btn{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:8px 12px;border-radius:10px;white-space:nowrap}
.brands-btn:hover,.brands-btn[aria-expanded="true"]{background:#111827}
.catnav{display:flex;gap:2px;flex:1;min-width:0;justify-content:center}
.catnav a{font-size:14px;padding:8px 11px;border-radius:10px;color:#D7DEEA;white-space:nowrap}
.catnav a:hover,.catnav a.cur{background:#111827;color:#fff}
.catnav a.hot{color:var(--warn)}
.lang{display:inline-flex;align-items:center;gap:6px;border:1px solid #3A4458;border-radius:999px;padding:5px 12px 5px 6px;font-size:13px;font-weight:500;transition:border-color .2s,background .2s}
.lang:hover{border-color:var(--blue);background:rgba(47,123,255,.1)}
.lang .flag{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;background:#1A2232;border-radius:999px;padding:3px 7px;color:var(--blue-soft)}

.search{position:relative;width:min(300px,100%)}
.search input{width:100%;height:40px;border-radius:999px;border:1px solid #2A3449;background:#0B1019;color:var(--fg);font:inherit;font-size:14px;padding-inline:40px 16px}
.search input::placeholder{color:#7A869B}
.search input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(47,123,255,.25)}
.search>.ic{position:absolute;top:11px;inset-inline-start:14px;color:#7A869B;pointer-events:none}
.sugg{position:absolute;top:calc(100% + 8px);inset-inline:0;background:#0D1320;border:1px solid var(--line-2);border-radius:14px;padding:6px;box-shadow:0 20px 50px rgba(0,0,0,.6);z-index:70;max-height:60vh;overflow:auto}
.sugg a{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:9px;font-size:14px}
.sugg a:hover,.sugg a.act{background:#16203A}
.sugg small{color:var(--muted);font-size:12px;white-space:nowrap}
.sugg .all{color:var(--blue-soft);border-top:1px solid #1E2738;border-radius:0 0 9px 9px;margin-top:4px}
.mega{position:absolute;inset-inline:0;top:100%;background:#05070B;border-bottom:1px solid var(--line);box-shadow:0 30px 60px rgba(0,0,0,.6)}
.mega .container{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding-block:20px}
.mega a{padding:10px 12px;border-radius:10px;font-family:var(--f-logo);font-weight:600;font-size:14px;letter-spacing:.04em;color:#C3CCDB}
.mega a:hover{background:#111827;color:#fff}
.m-only{display:none}
@media (max-width:1180px){.catnav a{padding:8px 7px;font-size:13.5px}}
@media (max-width:1024px){
  .d-only{display:none!important}.m-only{display:flex}
  .row1{grid-template-columns:auto 1fr auto;min-height:58px}
  .row1 .logo{justify-self:center}.logo b{font-size:17px}.logo img{width:26px;height:28px}
  .row2 .container{min-height:0;padding-block:0 10px}.row2{border-top:0}
  .search{width:100%}.search input{height:46px;font-size:16px}
  .lang .txt{display:none}.lang{padding:5px}
}
.drawer{position:fixed;inset:0;z-index:90;display:flex}
.drawer .scrim{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.drawer .panel{position:relative;width:min(360px,88vw);height:100%;background:#070A10;border-inline-end:1px solid var(--line);overflow:auto;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px}
.drawer details{border-bottom:1px solid #151B26}
.drawer summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 4px;font-size:16px;font-weight:500;cursor:pointer}
.drawer summary::-webkit-details-marker{display:none}
.drawer summary::after{content:"+";color:var(--blue-soft);font-size:20px}
.drawer details[open] summary::after{content:"–"}
.drawer .sub{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px 14px}
.drawer .sub a{font-size:13.5px;border:1px solid var(--line-2);border-radius:999px;padding:6px 11px}
.drawer .quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.drawer .quick a{border:1px solid var(--line-2);border-radius:12px;padding:12px;font-size:14px;text-align:center}

/* Page scaffolding */
main{display:block}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:var(--muted);padding-block:22px 0}
.crumbs a:hover{color:#fff}
.crumbs .sep{opacity:.5}
.page-hero{position:relative;padding-block:clamp(36px,6vw,72px) clamp(28px,4vw,48px)}
.page-hero h1{font-size:clamp(36px,5.4vw,76px);font-weight:900;line-height:1;letter-spacing:-.02em;margin-top:12px}
.page-hero h1 em{font-style:normal;color:var(--blue)}
.page-hero p{color:var(--soft);max-width:62ch;margin:16px 0 0;font-size:clamp(16px,1.25vw,18px);font-weight:300}
section.block{padding-block:clamp(56px,8vw,110px)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:32px}
.sec-head h2{font-size:clamp(28px,3.6vw,48px);font-weight:800;letter-spacing:-.01em;line-height:1.05;margin-top:10px}
.sec-head p{color:var(--muted);max-width:46ch;margin:0}
.demo-note{display:flex;gap:10px;align-items:flex-start;background:rgba(255,181,71,.08);border:1px solid rgba(255,181,71,.3);color:#F3D7A6;border-radius:12px;padding:10px 14px;font-size:13.5px;margin-top:18px;max-width:780px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips a,.chip{font-size:12.5px;border:1px solid var(--line-2);border-radius:999px;padding:4px 10px;color:#B3BFD1;transition:all .2s}
.chips a:hover,.chips a.cur{border-color:var(--blue);color:#fff;background:rgba(47,123,255,.12)}

/* Product cards */
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pcard{position:relative;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:border-color .25s,transform .25s}
.pcard:hover{border-color:#2F4F86;transform:translateY(-3px)}
.pcard .slot{aspect-ratio:1/1;max-width:100%;border:0;border-bottom:1.5px dashed #2D4470;border-radius:0}
.pcard .tag{position:absolute;top:12px;inset-inline-start:12px;z-index:2;font-size:11.5px;font-weight:500;background:var(--warn);color:#1A1204;border-radius:999px;padding:3px 9px}
.pcard-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.pcard .brand{font-family:var(--f-logo);font-weight:600;font-size:11.5px;letter-spacing:.12em;color:var(--blue-soft)}
.pcard h3{font-size:16.5px;font-weight:600;line-height:1.3}
.pcard h3 a::after{content:"";position:absolute;inset:0}
.pcard .meta{color:var(--muted);font-size:13px}
.pcard .foot{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:2}
.price{font-family:var(--f-display);font-weight:700;font-size:18px}
.price del{color:var(--muted);font-weight:400;font-size:14px;margin-inline-start:6px}
.mini-btn{border:1px solid var(--line-2);border-radius:999px;padding:6px 12px;font-size:13px;white-space:nowrap;transition:all .2s}
.mini-btn:hover{border-color:var(--blue);background:rgba(47,123,255,.12)}
.mini-btn.blue{background:var(--blue);border-color:var(--blue);color:#fff}
@media (max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.grid{gap:10px}.pcard-body{padding:12px}.pcard h3{font-size:14.5px}}

/* Tiles (subcategories / brands) */
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tile{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,transform .25s}
.tile:hover{border-color:#2F4F86;transform:translateY(-3px)}
.tile .slot{aspect-ratio:4/3;max-width:100%;border:0;border-bottom:1.5px dashed #2D4470;border-radius:0}
.tile .t-body{padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.tile h3,.tile h2{font-size:18px;font-weight:700}
.tile .count{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
@media (max-width:1000px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.tiles{grid-template-columns:1fr}}

/* Forms */
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field.full{grid-column:1/-1}
.field label,.field .lbl{font-size:14px;font-weight:500;color:#D5DCE8}
.field label .req{color:var(--blue-soft)}
.inp,.field select,.field textarea{width:100%;background:#0B1019;border:1px solid #2A3449;border-radius:12px;color:var(--fg);font:inherit;font-size:15px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}
.field textarea{min-height:120px;resize:vertical}
.inp:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,123,255,.22)}
.inp.bad{border-color:#FF6B6B}
.err{color:#FF8A8A;font-size:12.5px}
.checks{display:flex;flex-wrap:wrap;gap:8px}
.checks label{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:999px;padding:7px 13px;font-size:13.5px;font-weight:400;cursor:pointer;transition:all .2s}
.checks input{accent-color:var(--blue)}
.checks label:has(input:checked){border-color:var(--blue);background:rgba(47,123,255,.12);color:#fff}
.sent{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:28px;border:1px solid rgba(59,211,138,.35);background:rgba(59,211,138,.06);border-radius:18px}
.sent h3{font-size:22px}
@media (max-width:640px){.form{grid-template-columns:1fr}}

/* Panels */
.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:clamp(20px,3vw,32px)}
.qty{display:inline-flex;align-items:center;border:1px solid #2A3449;border-radius:999px;overflow:hidden}
.qty button{width:38px;height:40px;font-size:18px;color:var(--soft)}
.qty button:hover{background:#151E2E;color:#fff}
.qty input{width:44px;height:40px;background:transparent;border:0;color:var(--fg);text-align:center;font:inherit;font-variant-numeric:tabular-nums}

/* Contact band */
.band{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;padding:clamp(28px,5vw,56px);border-radius:24px;background:linear-gradient(120deg,#0D1B36,#0A0F18 70%);border:1px solid #1D2E4E}
[dir="ltr"] .band{background:linear-gradient(240deg,#0D1B36,#0A0F18 70%)}
.band h2{font-size:clamp(28px,3.4vw,44px);font-weight:800;line-height:1.08}
.band p{color:var(--soft);margin:10px 0 0}
.band-actions{display:flex;flex-direction:column;gap:12px}
.phone{font-family:var(--f-mono);font-size:clamp(22px,2.4vw,30px);direction:ltr;text-align:right;color:#fff;user-select:all}
[dir="ltr"] .phone{text-align:left}
@media (max-width:820px){.band{grid-template-columns:1fr}}

/* Footer */
footer.site{border-top:1px solid var(--line);background:#000;padding-block:56px 28px;margin-top:clamp(64px,9vw,120px)}
.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:32px}
.foot h4,.foot h2.fh{font-size:15px;margin:0 0 14px;color:#fff}
.foot p,.foot li{color:var(--muted);font-size:14px}
.foot ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.foot a:hover{color:#fff}
.social{display:flex;gap:10px;margin-top:16px}
.social a{width:38px;height:38px;border-radius:50%;border:1px solid #2A3954;display:grid;place-items:center}
.social a:hover{border-color:var(--blue)}
.copy{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;color:#8F9AB0;font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media (max-width:900px){.foot{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot{grid-template-columns:1fr}}
.wa{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));inset-inline-end:20px;z-index:60;width:56px;height:56px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 8px 30px rgba(0,0,0,.4);color:#fff}
.wa svg{width:28px;height:28px}
.toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);z-index:95;background:#0F1A2E;border:1px solid var(--blue);border-radius:999px;padding:10px 18px;font-size:14px;display:flex;gap:12px;align-items:center;box-shadow:0 20px 50px rgba(0,0,0,.6)}
.toast a{color:var(--blue-soft);font-weight:500}

body.switching .page{opacity:0}
.page{transition:opacity .22s}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- Rafaela – AI assistant ---------- */
.rf-btn{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));inset-inline-start:20px;z-index:80;display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:999px;background:linear-gradient(135deg,#1B3C7A,#2F7BFF);color:#fff;box-shadow:0 12px 40px rgba(47,123,255,.45);font-weight:500;transition:transform .25s}
[dir="ltr"] .rf-btn{padding:8px 8px 8px 18px;flex-direction:row-reverse}
.rf-btn:hover{transform:translateY(-2px)}
.rf-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#9CC2FF,#2F7BFF 60%,#14306A);position:relative;flex-shrink:0;font-family:var(--f-display);font-weight:800}
.rf-av::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(127,176,255,.5);animation:rfpulse 2.4s infinite}
@keyframes rfpulse{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.35);opacity:0}}
.rf-panel{position:fixed;bottom:calc(86px + env(safe-area-inset-bottom,0px));inset-inline-start:20px;z-index:85;width:min(390px,calc(100vw - 32px));height:min(600px,calc(100vh - 140px));background:rgba(9,13,21,.97);backdrop-filter:blur(18px);border:1px solid #23345A;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.7);display:flex;flex-direction:column;overflow:hidden}
.rf-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(47,123,255,.14),transparent)}
.rf-head b{display:block;font-size:16px}.rf-head small{color:var(--muted);font-size:12.5px}
.rf-head .icon-btn{margin-inline-start:auto;width:36px;height:36px}
.rf-log{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.rf-m{max-width:86%;padding:10px 14px;border-radius:16px;font-size:14.5px;line-height:1.55;white-space:pre-wrap;word-wrap:break-word}
.rf-m.bot{background:#131C2C;border:1px solid #1F2C44;align-self:flex-start;border-start-start-radius:4px}
.rf-m.me{background:var(--blue);color:#fff;align-self:flex-end;border-start-end-radius:4px}
.rf-m a{color:var(--blue-soft);text-decoration:underline}
.rf-m.me a{color:#fff}
.rf-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px}
.rf-chips button{font-size:12.5px;border:1px solid var(--line-2);border-radius:999px;padding:6px 11px;color:#C3CCDB}
.rf-chips button:hover{border-color:var(--blue);color:#fff}
.rf-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}
.rf-form input{flex:1;min-width:0;height:44px;border-radius:999px;border:1px solid #2A3449;background:#0B1019;color:var(--fg);font:inherit;font-size:15px;padding-inline:16px}
.rf-form input:focus{outline:none;border-color:var(--blue)}
.rf-form button{width:44px;height:44px;border-radius:50%;background:var(--blue);display:grid;place-items:center;flex-shrink:0}
.rf-dots{display:inline-flex;gap:4px}.rf-dots i{width:6px;height:6px;border-radius:50%;background:var(--blue-soft);animation:rfdot 1s infinite}.rf-dots i:nth-child(2){animation-delay:.15s}.rf-dots i:nth-child(3){animation-delay:.3s}
@keyframes rfdot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@media (max-width:600px){.rf-btn .rf-t{display:none}.rf-btn{padding:6px}.rf-panel{inset-inline:8px;width:auto;bottom:calc(80px + env(safe-area-inset-bottom,0px));height:calc(100vh - 160px)}}

/* ---------- Luxury motion ---------- */
.rv{transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.pre{opacity:0;transform:translateY(28px)}
.btn-blue{position:relative;overflow:hidden}
.btn-blue::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s}
.btn-blue:hover::after{transform:translateX(120%)}
.pcard .slot img,.tile .slot img,.cat .slot img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.pcard:hover .slot img,.tile:hover .slot img,.cat:hover .slot img{transform:scale(1.06)}
.slot.has-img{border-style:solid;border-color:transparent;background:radial-gradient(70% 70% at 50% 45%,#16233D,#0A0F18 75%)}
.slot.has-img img.contain{object-fit:contain;padding:8%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55))}
.slot.has-img .d,.slot.has-img .n{display:none}

.rf-on{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-inline-end:6px;box-shadow:0 0 8px var(--ok)}
.rf-head .icon-btn+.icon-btn{margin-inline-start:6px}
.rf-head #rf-new{margin-inline-start:auto}
.rf-wa{margin-top:10px;display:flex;flex-direction:column;gap:8px;background:rgba(37,211,102,.07);border:1px solid rgba(37,211,102,.35);border-radius:14px;padding:12px}
.rf-wa-h{font-weight:500;color:#DFFBEA}
.rf-wa pre{margin:0;white-space:pre-wrap;font-family:var(--f-body);font-size:13px;color:#BFD0C6;background:rgba(0,0,0,.25);border-radius:10px;padding:10px}
.rf-wa-btn{background:#25D366!important;color:#06240F!important;font-weight:700}
.rf-wa small{color:var(--muted);font-size:12px}

/* ---------- Accessibility menu ---------- */
.a11y-btn{position:fixed;bottom:calc(88px + env(safe-area-inset-bottom,0px));inset-inline-end:24px;z-index:61;width:48px;height:48px;border-radius:50%;background:#1F5BD8;color:#fff;display:grid;place-items:center;box-shadow:0 8px 26px rgba(0,0,0,.45);border:2px solid #fff}
.a11y-btn svg{width:28px;height:28px}
.a11y-btn:focus-visible,.a11y-panel button:focus-visible,.a11y-panel a:focus-visible{outline:3px solid #FFD84D;outline-offset:2px}
.a11y-panel{position:fixed;bottom:calc(146px + env(safe-area-inset-bottom,0px));inset-inline-end:20px;z-index:90;width:300px;max-width:calc(100vw - 40px);max-height:calc(100vh - 180px);overflow:auto;background:#0D1320;border:1px solid #2A3449;border-radius:18px;padding:16px;box-shadow:0 24px 60px rgba(0,0,0,.6);color:#fff}
.a11y-panel h2{font-size:17px;margin:0 0 12px;display:flex;justify-content:space-between;align-items:center}
.a11y-panel .grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.a11y-panel button.opt{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border:1px solid #2A3449;border-radius:12px;font-size:13.5px;color:#DDE5F2;background:#111A2B;text-align:center;line-height:1.25}
.a11y-panel button.opt[aria-pressed="true"]{border-color:#2F7BFF;background:rgba(47,123,255,.2);color:#fff}
.a11y-panel button.opt b{font-size:18px}
.a11y-panel .row{display:flex;gap:8px;margin-top:10px}
.a11y-panel .row button,.a11y-panel .row a{flex:1;text-align:center;padding:10px;border-radius:10px;border:1px solid #2A3449;font-size:13.5px;color:#DDE5F2}
.a11y-zoom1 .page{zoom:1.12}.a11y-zoom2 .page{zoom:1.25}
.a11y-contrast{--muted:#E6ECF5;--soft:#fff;--line:#6B7A93;--line-2:#8A97AD}
.a11y-contrast body{background:#000}
.a11y-contrast .pcard,.a11y-contrast .card,.a11y-contrast .tile{border-color:#8A97AD}
.a11y-gray{filter:grayscale(1)}
.a11y-links .page a{text-decoration:underline!important;text-underline-offset:3px}
.a11y-links .page a:focus,.a11y-links .page a:hover{outline:2px solid #FFD84D}
.a11y-font body,.a11y-font .page *{font-family:Arial,Helvetica,sans-serif!important;letter-spacing:0!important}
.a11y-still *,.a11y-still *::before,.a11y-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.a11y-still #fx{display:none}
.a11y-cursor,.a11y-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l16 10-7 1.5L9.5 21z' fill='%23000' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E") 4 2,auto!important}
@media (max-width:900px){.a11y-btn{bottom:calc(156px + env(safe-area-inset-bottom,0px))}}

img.noimg{object-fit:contain!important;width:100%!important;height:100%!important;margin:auto;opacity:1;position:absolute;inset:0;background:#fff!important;padding:0!important}

/* ---------- Light theme for inner pages (html.light) ---------- */
.light body,.light{background:#E9EEF4}
.light main,.light .mbar{--bg:#F3F5F9;--bg-2:#fff;--panel:#fff;--panel-2:#F2F5FA;--line:#E2E7EF;--line-2:#CDD5E1;--fg:#0E1726;--muted:#5A6577;--soft:#2E3A4D;--blue-soft:#1F5BD8;color:var(--fg);color-scheme:light}
.light main{background:#E9EEF4}
.container{max-width:2200px}
.light main .slot{background:linear-gradient(180deg,#F7F9FC,#EEF2F8);border-color:#D6DDE8;color:#4B5B78}
.light main .slot.has-img{background:#fff;border-color:transparent}
.light main .pcard .slot img,.light main .tile .slot img{width:100%;height:100%;object-fit:contain}
.light main .pcard .slot,.light main .tile .slot{border-bottom:1px solid var(--line)}
.light main .pcard,.light main .tile,.light main .card,.light main .filters{box-shadow:0 1px 2px rgba(16,24,40,.04),0 6px 20px rgba(16,24,40,.05)}
.light main .pcard:hover,.light main .tile:hover{border-color:#9DB8EA;box-shadow:0 10px 30px rgba(31,91,216,.12)}
.light main .btn-ghost{border-color:#C9D3E2;color:#13213A}
.light main .btn-ghost:hover{background:#EAF1FF}
.light main .crumbs a:hover{color:var(--blue)}
.light main .mini-btn{border-color:var(--line-2);color:#13213A}
.light main [style*="color:#fff"]{color:var(--fg)!important}
.light main .btn-blue,.light main .btn-blue *,.light main .mini-btn.blue{color:#fff!important}
.light main .subnav a,.light main .lines button,.light main .bfilter button,.light main .brandrow a,.light main .sugs button{color:#2E3A4D;border-color:#CDD5E1;background:#fff}
.light main .subnav a.cur,.light main .subnav a:hover,.light main .lines button[aria-pressed="true"],.light main .bfilter button[aria-pressed="true"],.light main .brandrow a:hover{color:#1F5BD8;background:#EAF1FF;border-color:#2F7BFF}
.light main .filters label,.light main .points li,.light main .story p,.light main .tagline,.light main .desc p{color:#2E3A4D}
.light main .toolbar select,.light main .inp,.light main .bigsearch input,.light main input,.light main select,.light main textarea{background:#fff;color:var(--fg);border-color:#CDD5E1}
.light main .band{--fg:#EEF2F8;--muted:#9FB0C8;--soft:#C9D3E2;color:var(--fg)}
.light main .band .btn-ghost{color:#DCE6F5;border-color:#2A3954}
.light main .band .btn-ghost:hover{background:rgba(47,123,255,.12)}
.light main .specs tr:nth-child(odd){background:#F6F8FB}
.light main .nav-tabs{background:rgba(243,245,249,.94)}
.light main .swt small{color:#B9C4D6}.light main .swt b{color:#fff!important}
.light main .empty{background:#fff}
.light main .grp-h{border-bottom:2px solid var(--line)}
.light .lb{--fg:#EEF2F8}
@media (min-width:1500px){.light .shop .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.light .grid{grid-template-columns:repeat(5,minmax(0,1fr))}.light .shop .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* product type group headings */
.grp{margin-bottom:34px}
.grp-h{display:flex;align-items:baseline;gap:10px;font-size:clamp(20px,2vw,26px);font-weight:800;padding-bottom:10px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.grp-h small{font-size:13px;font-weight:500;color:var(--muted)}
.grp-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.grp-nav a,.grp-nav button{font-size:13.5px;color:var(--blue-soft);border:1px solid var(--line-2);border-radius:999px;padding:5px 12px;background:var(--panel)}.grp-nav button:hover{border-color:var(--blue)}
.grp{scroll-margin-top:140px}
.light main .trust,.light main .trust span,.light main .trust div{color:#3A4659!important}
.light main .pcard .slot,.light main .tile .slot{aspect-ratio:5/4;padding:0}
.shop.nofilt{grid-template-columns:1fr}.shop.nofilt .filters{display:none}
@media (min-width:1500px){.light .shop.nofilt .grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* light theme: readability fixes */
.light main{--line:#D9E0EA;--line-2:#C3CDDB}
.light main .pcard,.light main .tile,.light main .card,.light main .filters,.light main .why div,.light main .others a{border-color:#D9E0EA}
.light main .field label,.light main .field .lbl{color:#1E2A3D}
.light main ::placeholder{color:#8A94A6}
.light main .qty{border-color:#C3CDDB;background:#fff}
.light main .qty button{color:#1E2A3D;background:transparent}
.light main .qty button:hover{background:#EAF1FF;color:#1F5BD8}
.light main .steps .on{color:#1F5BD8;font-weight:600}
.light main .nav-tabs{background:#E9EEF4!important;box-shadow:0 6px 12px -8px rgba(16,24,40,.15)}
.light main .nav-tabs a{color:#3A4659}
.light main .nav-tabs a.cur{color:#1F5BD8}
.light main .pricebox small,.light main .sku{color:#5A6577}
.light main .pcard .price{color:#0E1726}
.light main .opt,.light main .ship label{background:#fff;border-color:#C3CDDB}
.light .page-hero p{color:#2E3A4D}
img.contain{object-fit:contain}
/* mobile: fewer floating buttons over content */
@media (max-width:900px){
 .a11y-btn{width:42px;height:42px;bottom:auto;top:calc(50% - 21px);inset-inline-end:0;border-radius:0 12px 12px 0;border-width:2px 2px 2px 0}
 [dir="ltr"] .a11y-btn{border-radius:12px 0 0 12px;border-width:2px 0 2px 2px}
 .a11y-btn svg{width:24px;height:24px}
 .a11y-panel{bottom:auto;top:calc(50% - 200px);inset-inline-end:48px}
 body:has(.mbar:not(:empty)) .wa{display:none}
}
body.home .container{max-width:1440px}
.light main .slot.has-img img.contain{padding:0;filter:none}
.light main .slot.has-img{background:#fff!important}
.light .subnav{flex-wrap:wrap;overflow:visible}
/* Hebrew: text on the right, image on the left (DOM order flips automatically in English) */
.prod>.gallery{order:2}
@media (max-width:900px){.prod>.gallery{order:0}}
/* compact product cards (less overwhelming) */
.light main .grid,.light .shop .grid,.light .shop.nofilt .grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.light main .pcard .slot{aspect-ratio:4/3}
.light main .pcard .slot img{padding:8% 10%!important;object-fit:contain}
.light main .pcard .pcard-body{padding:12px 14px 14px;gap:4px}
.light main .pcard h3{font-size:14.5px;line-height:1.35}
.light main .pcard .brand{font-size:10.5px}
.light main .pcard .meta{font-size:12px}
.light main .pcard .price{font-size:17px}
.light main .pcard .mini-btn{padding:5px 11px;font-size:12.5px}
.light main .tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.light main .tile .slot img{padding:8% 10%!important}
.light main .tile h3,.light main .tile h2{font-size:16px}
@media (max-width:520px){.light main .grid,.light .shop .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
/* product pages: calmer, narrower reading width */
.light main.container:has(.prod){max-width:1280px}
.light .prod{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)!important;gap:clamp(20px,3vw,44px)!important}
.light .prod .gallery .main{max-height:460px;aspect-ratio:5/4}
.light .prod .info h1{font-size:clamp(24px,2.2vw,32px)!important;line-height:1.2}
.light .prod .info .lead,.light .prod .tagline{font-size:15.5px}
.light .prod .keys{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.light .prod .keys>div{padding:10px 12px}
.light .prod .keys b{font-size:14px}
.light .prod .price{font-size:28px}
.light .prod .btn-lg{padding:12px 20px;font-size:15px}
.light main .psec h2{font-size:clamp(22px,2vw,28px)}
.light main .media3 .mcard .slot{aspect-ratio:16/9}
/* calmer inner pages: readable width + modest titles */
.light .container{max-width:1320px}
.light main#main:has(.shop) .container,.light main#main:has(.tiles) .container{max-width:1680px}
.light .page-hero{padding-block:clamp(18px,2.5vw,32px) clamp(14px,2vw,24px)}
.light .page-hero h1,.light main h1{font-size:clamp(26px,2.6vw,38px)!important;line-height:1.15}
.light .page-hero p{font-size:16px;max-width:70ch}
.light .bigsearch input{height:50px;font-size:16px}

/* a11y contrast fixes (audit 13.10) */
.btn-wa{color:#25D366;border-color:rgba(37,211,102,.4)}
.light main .btn-wa{color:#0E7D3C!important;border-color:rgba(14,125,60,.45)}
.light main .btn-blue,.light main .mini-btn.blue{background:#1A5FD8;border-color:#1A5FD8}
.light main .btn-blue:hover,.light main .mini-btn.blue:hover{background:#154FB6}
.light main .nav-tabs a:hover,.light main .link-arrow:hover{color:#1F5BD8}
.light main .ftabs a.cur,.light main .sw[aria-pressed="true"]{color:#1F5BD8;background:#EAF1FF}
.light main .points li,.light main .filters label,.light main .side li,.light main .trust div,.light main .ship div,.light main .card li{color:#334155}
.light main .ship b,.light main .way .v{color:#0E1726}
:focus-visible{outline:3px solid #2F7BFF;outline-offset:2px}
.light main .slot.blogo,.light main .slot.has-img.blogo{background:#0B0F17!important;border-color:#0B0F17}
.light main .slot.blogo span{color:#fff!important}
.light main .blogo-img{background:#0B0F17;border-radius:12px;padding:8px 14px;height:64px!important;box-sizing:border-box}
.light main .excl{color:#1F5BD8!important;background:#EAF1FF!important;border-color:#B9CCF2!important}
.light main .demo-note{color:#7A4B00;background:#FFF6E5;border-color:#F2CF8C}
.light main .btn-wa{color:#0B6B33!important}
.light main .stock{color:#0B6B33}
.light main .ftabs a{color:#334155}
.light main b[translate="no"]{color:inherit}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:900px){.light .prod{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}.light .prod .gallery .main{max-height:none;aspect-ratio:4/3}.prod .info,.prod .gallery{min-width:0}}
main{overflow-wrap:anywhere}
.pcard .price{white-space:nowrap}
.pcard .foot{flex-wrap:wrap;row-gap:8px}
@media (max-width:600px){.light main .pcard .price{font-size:15.5px}.pcard .foot .mini-btn{flex:1 1 100%;justify-content:center}}
.skip{position:fixed;top:-60px;inset-inline-start:12px;z-index:200;background:#FFD84D;color:#0E1726;padding:10px 16px;border-radius:0 0 10px 10px;font-weight:600;transition:top .15s}.skip:focus{top:0}
main:focus{outline:none}
/* category hero: smaller image, stronger text (14.10) */
.light main .cat-hero{grid-template-columns:minmax(0,1.6fr) minmax(0,.75fr)!important;gap:clamp(24px,3.5vw,48px);align-items:center}
.light main .cat-hero>.slot,.light main .cat-hero>.swhero{max-height:250px;aspect-ratio:16/11;width:100%;justify-self:start}
.light main .cat-hero>.slot img{object-fit:contain!important;padding:4%}
.light main .cat-hero h1{font-size:clamp(32px,3.2vw,46px)!important;font-weight:900;color:#0B1220}
.light main .cat-hero p{font-size:17.5px;line-height:1.65;color:#1F2937;font-weight:400}
.light main .cat-hero .points li{font-size:16px;font-weight:500;color:#1F2937}
.light main .cat-hero .stats b{font-size:30px;color:#0B1220}
.light main .cat-hero .stats span{font-size:14px;color:#475569}
@media (max-width:860px){.light main .cat-hero{grid-template-columns:1fr!important}.light main .cat-hero>.slot,.light main .cat-hero>.swhero{max-height:240px}}

/* software tile: 2x2 monochrome logos on the dark slot */
.cat .slot.swlogos{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr;gap:6%;padding:12% 10%;place-items:center}
.cat .slot.swlogos img:nth-child(-n+3){grid-column:span 2}.cat .slot.swlogos img:nth-child(n+4){grid-column:span 3}.cat .slot.swlogos img:nth-child(4){grid-column:2/span 2}.cat .slot.swlogos img:nth-child(5){grid-column:4/span 2}
.cat .slot.swlogos img[src*="wilcom"]{max-width:62%!important;max-height:62%!important}
.cat .slot.swlogos img{position:static;inset:auto;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:brightness(0) invert(1);opacity:.88;transform:none!important}
/* software / supplies hero grid: keep inside the same box as other category heroes */
.light main .cat-hero>.swhero{height:250px;grid-template-rows:1fr 1fr;gap:10px;overflow:hidden}
.light main .cat-hero>.swhero>*{min-height:0;aspect-ratio:auto!important;padding:10px}
.light main .cat-hero>.swhero .swt2 small{display:none}
.light main .cat-hero>.swhero .swt2 img{max-width:78%!important;max-height:78%!important}
.light main .cat-hero>.swhero .slot img{padding:8%!important}
@media (max-width:860px){.light main .cat-hero>.swhero{height:220px}}
/* compact category hero (v39): narrow image column, tighter type, less vertical space */
.light main .page-hero:has(.cat-hero){padding-block:18px 8px}
.light main .cat-hero{grid-template-columns:minmax(0,1fr) 340px!important;gap:40px}
.light main .cat-hero>.slot{max-height:210px!important;aspect-ratio:16/10}
.light main .cat-hero>.swhero{height:210px!important;max-height:210px}
.light main .cat-hero h1{font-size:clamp(28px,2.6vw,38px)!important;margin-block:4px 10px}
.light main .cat-hero p{font-size:16px;max-width:64ch}
.light main .cat-hero .points{margin-block:10px}
.light main .cat-hero .points li{font-size:15px}
.light main .cat-hero .stats{margin-block:10px}
.light main .cat-hero .stats b{font-size:24px}
@media (max-width:860px){.light main .cat-hero{grid-template-columns:1fr!important}.light main .cat-hero>.slot,.light main .cat-hero>.swhero{max-height:200px!important;height:200px!important}}
.howord{border:1px solid var(--line-2);border-radius:14px;padding:16px 18px;background:rgba(47,123,255,.06);font-size:14.5px;line-height:1.6}
.howord h3{font-size:16px;margin:0 0 8px}
.howord ol{margin:0;padding-inline-start:20px;display:grid;gap:4px}
.howord p{margin:10px 0 0;font-size:13.5px;color:var(--muted)}
.howord.sm{margin-top:6px;font-size:13.5px;padding:14px 16px}
.light main .howord{background:#F2F6FD;border-color:#D6E2F5;color:#1F2937}
/* v41: category pages centred, not full-screen wide */
.light main#main:has(.tiles) .container{max-width:1240px}
.light main#main:has(.shop) .container{max-width:1440px}
.light main .cat-hero{grid-template-columns:minmax(0,640px) 360px!important;justify-content:center;gap:48px!important}
.light main .cat-hero>.slot,.light main .cat-hero>.swhero{justify-self:stretch}
.light main .tiles{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
@media (max-width:1100px){.light main .cat-hero{grid-template-columns:minmax(0,1fr) 300px!important;gap:28px!important}}
@media (max-width:860px){.light main .cat-hero{grid-template-columns:1fr!important}}
.light main .shop.psub{margin-top:8px}
.light main .shop.psub .tiles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
/* v44: category hero image = big transparent product, no card */
.light main .cat-hero{grid-template-columns:minmax(0,600px) 500px!important;gap:40px!important}
.light main .cat-hero>.slot.has-img{background:none!important;border:0!important;box-shadow:none!important;border-radius:0;max-height:none!important;height:330px;aspect-ratio:auto;overflow:visible;padding:0}
.light main .cat-hero>.slot.has-img img{object-fit:contain!important;padding:0!important;filter:drop-shadow(0 26px 30px rgba(15,23,42,.22))}
.light main .cat-hero>.slot.has-img:hover img{transform:none}
@media (max-width:1100px){.light main .cat-hero{grid-template-columns:minmax(0,1fr) 380px!important}.light main .cat-hero>.slot.has-img{height:270px}}
@media (max-width:860px){.light main .cat-hero{grid-template-columns:1fr!important}.light main .cat-hero>.slot.has-img{height:240px!important}}
/* v45: one alignment line — every category / sub-category / product page uses the same container edges */
.light .container,.light main#main:has(.tiles) .container,.light main#main:has(.shop) .container{max-width:1280px}
.light main .cat-hero{grid-template-columns:minmax(0,1fr) 460px!important;justify-content:stretch;gap:48px!important}
.light main .cat-hero>div:first-child{max-width:none}
.light main .cat-hero>.slot.has-img{justify-self:stretch;width:100%}
.light main .page-hero{padding-inline:0}
.light main .shop{margin-inline:0}
@media (max-width:1100px){.light main .cat-hero{grid-template-columns:minmax(0,1fr) 360px!important}}
@media (max-width:860px){.light main .cat-hero{grid-template-columns:1fr!important}}
/* product pages: big main image on the page background (white photo backgrounds dropped), gallery scrolls with the page */
.light .prod .gallery,.light .gallery{position:static!important;top:auto!important}
.light .prod{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important}
.light main .prod .gallery .main.slot.has-img{background:none!important;border:0!important;box-shadow:none!important;max-height:560px;aspect-ratio:4/3;overflow:visible}
.light .prod .gallery .main img.contain{mix-blend-mode:multiply;padding:0!important;filter:none}
.light main .prod .thumbs .slot.has-img{background:none!important;border:1px solid var(--line)!important}
.light .prod .thumbs .slot img.contain{mix-blend-mode:multiply}
.light .prod .gallery .zoom{background:rgba(14,23,38,.7);border:0;color:#fff}
/* category hero/tiles from product photos: drop the white photo background */
.light main .cat-hero>.slot.has-img img,.light main .slot.has-img img[src*="cb-hero-"]{mix-blend-mode:multiply}