/* המפיקים premium layer for the home page and catalog. Scoped under html.pm: removing the class or this file brings the old look back. */
@font-face{font-family:Heebo;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/heebo-hebrew.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Heebo;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/heebo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@view-transition{navigation:auto}
html.pm::view-transition-old(root){animation:pm-vo .26s ease both}
html.pm::view-transition-new(root){animation:pm-vi .36s ease both}
@keyframes pm-vo{to{opacity:0}}
@keyframes pm-vi{from{opacity:0}}
html.lenis,html.lenis body{height:auto}
html.lenis{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:clip}
html.pm{--navy:#0a1730;--ink:#f2f6ff;--mut:#aebfdb;--aq:#6fe0d2;--ln:rgba(188,214,255,.2);--pale:#eef4ff;--pale2:#dde8fb;
  --g800:#f2f6ff;--g600:#aebfdb;--g400:#aebfdb;--g200:rgba(188,214,255,.2);--g100:rgba(188,214,255,.1);--g50:transparent;--off:transparent;--r:8px;background:var(--navy)}
html.pm body{background:transparent!important;color:var(--ink)!important;padding:0!important}
html.pm body *:not(svg):not(path){font-family:Heebo,Arial,sans-serif!important}
html.pm::before{content:"";position:fixed;inset:0;z-index:-1;background:
  radial-gradient(ellipse at center,transparent 50%,rgba(3,8,20,.62) 100%),
  radial-gradient(10% 62% at 14% 42%,rgba(15,118,110,.42),transparent 72%),radial-gradient(10% 62% at 86% 42%,rgba(15,118,110,.42),transparent 72%),
  radial-gradient(15% 66% at 30% 58%,rgba(26,79,138,.5),transparent 74%),radial-gradient(15% 66% at 68% 58%,rgba(26,79,138,.5),transparent 74%),
  linear-gradient(180deg,#06102a,#0a1c40 70%,#0d2450)}
/* Header */
html.pm .util{background:rgba(5,12,28,.55)!important;color:var(--mut)!important;border:0!important;box-shadow:none!important}
html.pm .util a,html.pm .util span,html.pm .util button{color:var(--mut)!important}
html.pm .top{background:rgba(8,19,41,.94)!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;view-transition-name:pm-top}
html.pm .top a:not(.btn),html.pm .top button:not(.btn){color:var(--ink)!important}
html.pm .top input{background:rgba(188,214,255,.1)!important;border:1px solid var(--ln)!important;color:var(--ink)!important;border-radius:99px!important}
html.pm .top input::placeholder{color:var(--mut)!important}
html.pm .btn{border-radius:99px!important;font-weight:500!important}
html.pm .top .btn:not([href*="wa.me"]){background:none!important;border:1px solid var(--ln)!important;color:var(--ink)!important}
html.pm a[href*="wa.me"].btn{background:#25d366!important;border-color:#25d366!important;color:#06281a!important;font-weight:700!important}
/* Home hero: same three-slide carousel, full screen */
html.pm .backdrop,html.pm .scene,html.pm .scene-in,html.pm .wrap.scene-in{background:none!important;max-width:none!important;padding:0!important;margin:0!important;width:100%!important}
html.pm .hl{height:calc(100svh - 118px)!important;min-height:560px;border-radius:0!important;margin:0!important;box-shadow:none!important;background:none!important}
html.pm .hl-stage{height:100%!important;border-radius:0!important;background:none!important}
html.pm .hl-slide::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(270deg,rgba(6,16,42,.94) 12%,rgba(6,16,42,.5) 50%,rgba(6,16,42,.12) 78%),linear-gradient(0deg,#0a1730 0,transparent 24%)}
html.pm .hl-bg{object-fit:cover!important;height:100%!important;width:100%!important;transform:scale(1.06)}
html.pm .hl-t{z-index:2!important;right:clamp(16px,6vw,96px)!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;max-width:min(640px,86vw)!important;text-align:right!important;display:flex;flex-direction:column;align-items:flex-start;gap:18px;background:none!important;padding:0!important}
html.pm .hl-t .pm-eb{display:flex;align-items:center;gap:10px;color:var(--aq);font-weight:500;font-size:.98rem}
html.pm .pm-crop{width:13px;height:13px;border-top:1px solid currentColor;border-right:1px solid currentColor}
html.pm .hl-t h2{font-size:clamp(2.8rem,6.2vw,6.6rem)!important;font-weight:900!important;line-height:1.04!important;letter-spacing:-.02em;color:#fff!important;margin:0!important;text-shadow:none!important}
html.pm .hl-t p:not(.pm-eb){font-size:clamp(1.05rem,1.5vw,1.35rem)!important;color:#d6e2f6!important;margin:0!important;max-width:30em}
html.pm .hl-t .btn{background:var(--pale)!important;color:#10264f!important;border:0!important;min-height:56px;padding:0 34px!important;font-size:1.06rem}
html.pm .hl-ctl{z-index:3!important;bottom:26px!important}
html.pm .hl-dots button{width:34px!important;height:30px!important;border-radius:0!important;background:none!important;position:relative;border:0!important;padding:0!important}
html.pm .hl-dots button::before{content:"";position:absolute;inset-inline:0;top:14px;height:2px;background:var(--mut);opacity:.4}
html.pm .hl-dots button[aria-current=true]::before{background:var(--aq);opacity:1}
/* Why us */
html.pm .claims{background:none!important;padding:clamp(70px,11vh,120px) 0!important;border:0!important}
html.pm .claims::before,html.pm .claims::after{display:none!important}
html.pm .claims .wrap{max-width:none!important;padding-inline:clamp(16px,6vw,96px)!important}
html.pm .claims ul{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(18px,2.6vw,40px)!important;border:0!important;background:none!important}
html.pm .claims li{background:none!important;border:0!important;border-top:1px solid var(--ln)!important;border-radius:0!important;padding:26px 0 0!important;text-align:right!important;align-items:flex-start!important;box-shadow:none!important;display:flex;flex-direction:column}
html.pm .claims svg{color:var(--aq)!important;stroke:var(--aq)!important;margin:0 0 14px!important}
html.pm .claims h2{font-size:clamp(1.3rem,2vw,1.85rem)!important;font-weight:700!important;color:#fff!important;margin:0 0 8px!important;line-height:1.2;text-align:right!important}
html.pm .claims p{color:var(--mut)!important;font-size:1.03rem!important;line-height:1.55!important;text-align:right!important}
/* Contact band */
html.pm .band{background:none!important;padding:clamp(60px,10vh,110px) 0!important;border-top:1px solid var(--ln)}
html.pm .band-in{flex-direction:column!important;text-align:center!important;gap:24px!important;align-items:center!important;opacity:1!important;transform:none!important}
html.pm .band h2{font-size:clamp(2.4rem,5.2vw,5rem)!important;font-weight:900!important;color:#fff!important;letter-spacing:-.02em;line-height:1.05}
html.pm .band p{color:var(--mut)!important;font-size:1.1rem!important;margin-top:12px}
html.pm .band .btn-call{background:none!important;border:1px solid var(--ln)!important;color:var(--ink)!important}
/* Footer */
html.pm footer,html.pm .foot{background:none!important;border-top:1px solid var(--ln)!important;color:var(--mut)!important}
html.pm footer a,html.pm .foot a{color:var(--mut)!important}
/* Catalog: same grid, cards from the premium page */
html.pm .crumbs,html.pm .crumbs a,html.pm .crumbs span{color:var(--mut)!important;background:none!important}
html.pm .cpage{max-width:none!important;padding-inline:clamp(16px,6vw,96px)!important;background:none!important}
html.pm .cpage>h1,html.pm .pband h1{font-size:clamp(2.8rem,6vw,6rem)!important;font-weight:900!important;letter-spacing:-.02em;line-height:1.05;color:#fff!important}
html.pm .cpage>.lead,html.pm .pband p{color:var(--mut)!important;font-size:1.15rem!important}
html.pm .cpage>.lead a{color:var(--aq)!important}
html.pm .cgrid{gap:clamp(14px,1.8vw,28px)!important;margin-top:34px!important}
html.pm .ccard{position:relative;background:linear-gradient(165deg,#fff,var(--pale) 46%,var(--pale2))!important;border-radius:8px!important;box-shadow:0 26px 60px rgba(2,8,22,.46)!important;border:0!important}
html.pm .ccard::before{content:"";position:absolute;inset:12px;z-index:2;pointer-events:none;color:rgba(16,38,79,.42);background:linear-gradient(currentColor,currentColor) 0 0/14px 1px no-repeat,linear-gradient(currentColor,currentColor) 0 0/1px 14px no-repeat,linear-gradient(currentColor,currentColor) 100% 0/14px 1px no-repeat,linear-gradient(currentColor,currentColor) 100% 0/1px 14px no-repeat}
html.pm .cimg{background:none!important}
html.pm .cbar{background:none!important;border-top:1px solid rgba(16,38,79,.14)!important;color:#10264f!important;justify-content:space-between}
html.pm .cbar b{color:#10264f!important;font-weight:700!important;font-size:1.08rem!important}
html.pm .cbar::after{color:#1a4f8a!important}
html.pm .cbar .pm-n{font-size:.84rem;color:#475569;font-weight:400}
html.pm .ccard-all{background:linear-gradient(165deg,#1e3a6e,#10244a)!important;border:1px solid var(--ln)!important}
html.pm .ccard-all::before{color:rgba(188,214,255,.5)}
html.pm .ccard-all .cimg{color:var(--aq)!important}
html.pm .ccard-all .cimg svg{stroke:var(--aq)!important}
html.pm .ccard-all .cbar{border-top-color:var(--ln)!important}
html.pm .ccard-all .cbar b,html.pm .ccard-all .cbar::after{color:#fff!important}
/* Categories page, second pass: the card language of the premium page */
html.pm .cpage{padding-top:clamp(10px,3vh,34px)!important;padding-bottom:clamp(60px,10vh,110px)!important}
html.pm .pm-eye{display:flex;align-items:center;gap:10px;color:var(--aq);font-weight:500;font-size:1rem;margin-bottom:14px}
html.pm .cpage>.lead{font-size:clamp(1.1rem,1.5vw,1.35rem)!important;margin-top:14px!important;max-width:36em}
html.pm .cpage .cgrid{margin-top:clamp(30px,5vh,56px)!important;gap:clamp(16px,2vw,32px)!important}
html.pm .cpage .ccard{border-radius:6px!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0))!important}
html.pm .cpage .ccard::before{display:none}
html.pm .cpage .cimg{position:relative;display:block!important;aspect-ratio:1/1.08;height:auto!important;overflow:hidden}
html.pm .cpage .cimg::before{content:"";position:absolute;inset:14px;z-index:2;pointer-events:none;color:rgba(16,38,79,.42);background:
  linear-gradient(currentColor,currentColor) 0 0/15px 1px no-repeat,linear-gradient(currentColor,currentColor) 0 0/1px 15px no-repeat,
  linear-gradient(currentColor,currentColor) 100% 0/15px 1px no-repeat,linear-gradient(currentColor,currentColor) 100% 0/1px 15px no-repeat,
  linear-gradient(currentColor,currentColor) 0 100%/15px 1px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/1px 15px no-repeat,
  linear-gradient(currentColor,currentColor) 100% 100%/15px 1px no-repeat,linear-gradient(currentColor,currentColor) 100% 100%/1px 15px no-repeat}
html.pm .cpage .cimg::after{display:none!important}
html.pm .cpage .cimg img{position:absolute;inset:13%;width:74%!important;height:74%!important;object-fit:contain!important;mix-blend-mode:normal;filter:drop-shadow(0 16px 16px rgba(16,38,79,.24));transition:scale .5s cubic-bezier(.2,.8,.2,1)}
html.pm .cpage .cbar{display:flex!important;align-items:baseline;gap:12px;min-height:0!important;padding:14px 18px 16px!important}
html.pm .cpage .cbar::after{display:none!important}
html.pm .cpage .cbar b{font-size:clamp(1.05rem,1.45vw,1.35rem)!important;font-weight:500!important;line-height:1.2}
html.pm .cpage .cbar .pm-n{flex:none;font-size:.88rem}
html.pm .cpage .ccard:hover,html.pm .cpage .ccard:focus-visible{--ty:-8px;box-shadow:0 34px 70px rgba(2,8,22,.6),0 0 0 2px var(--aq)!important}
html.pm .cpage .ccard:hover img,html.pm .cpage .ccard:hover .cimg svg{scale:1.08}
html.pm .cpage .ccard-all .cimg svg{transition:scale .5s cubic-bezier(.2,.8,.2,1)}
html.pm .cpage .ccard-all .cimg{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff!important}
html.pm .cpage .ccard-all .cimg::before{color:rgba(188,214,255,.5)}
html.pm .pm-big{font-size:clamp(3rem,5.4vw,5.6rem);font-weight:900;line-height:1;letter-spacing:-.02em;color:#fff}
html.pm .pm-big-c{font-size:clamp(1rem,1.5vw,1.35rem);font-weight:300;color:#bcd6ff}
@media (max-width:820px){
  html.pm .cpage .cgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  html.pm .cpage .cbar{padding:10px 12px 12px!important}
  html.pm .cpage .cbar b{font-size:.95rem!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  html.pm .pm-big{font-size:clamp(2.4rem,11vw,3.4rem)}
}

/* Category page */
html.pm .pband{background:none!important;border:0!important}
html.pm .util a[href*="wa.me"]{color:#06281a!important}
html.pm .hl-slide{overflow:hidden}
html.pm .hl-t{position:absolute!important;width:min(640px,86vw)!important}
html.pm aside a,html.pm aside button,html.pm aside h2,html.pm aside h3,html.pm aside div,html.pm aside span{color:var(--ink)}
html.pm .pc{background:none!important;border:0!important;box-shadow:none!important}
html.pm .pcimgw{background:#fff!important;border-radius:8px!important;box-shadow:0 22px 50px rgba(2,8,22,.42)}
html.pm .pcn a{color:#fff!important;font-weight:500}
html.pm .pck{color:var(--mut)!important}
html.pm .qty{background:rgba(188,214,255,.1)!important;border:1px solid var(--ln)!important}
html.pm .qty input,html.pm .qty button{background:none!important;color:var(--ink)!important}
html.pm .addbtn{background:var(--pale)!important;color:#10264f!important}
@media (max-width:820px){
  html.pm .hl-t{width:auto!important;gap:10px}
  html.pm .hl-t h2{font-size:clamp(2.3rem,11vw,3.4rem)!important}
  html.pm .hl-t p:not(.pm-eb){font-size:1rem!important}
  html.pm .hl-t .btn{min-height:48px}
  html.pm .hl-stage,html.pm .hl-slide{position:relative}
  html.pm .hl-slide{position:absolute!important;inset:0!important;height:100%!important}
  html.pm .hl-bg{position:absolute!important;inset:0!important;object-position:50% 0}
  html.pm .hl{height:calc(100svh - 270px)!important;min-height:430px}
  html.pm .hl-bg{z-index:0!important;height:62%!important;bottom:auto!important}
  html.pm .hl-slide{background:#0a1730!important}
  html.pm .hl-slide::after{display:block!important;z-index:1!important;background:linear-gradient(0deg,#0a1730 40%,rgba(10,23,48,.82) 52%,rgba(10,23,48,.1) 74%)!important}
  html.pm .hl-ctl{background:none!important;bottom:12px!important}
  html.pm .hl-t{top:auto!important;bottom:72px!important;transform:none!important;right:16px!important;left:16px!important;max-width:none!important}
  html.pm .claims ul{grid-template-columns:1fr 1fr!important}
}

/* Motion */
html.pm::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(12% 58% at 22% 46%,rgba(15,118,110,.3),transparent 72%),radial-gradient(12% 58% at 78% 46%,rgba(26,99,168,.34),transparent 72%);animation:pm-beam 9s ease-in-out infinite alternate}
@keyframes pm-beam{from{opacity:.25}to{opacity:1}}
html.pm .pm-progress{position:fixed;top:0;inset-inline:0;height:2px;z-index:90;background:var(--aq);transform:scaleX(0);transform-origin:100% 50%;pointer-events:none}
html.pm .pm-rv{opacity:0;translate:0 24px;transition:opacity .7s cubic-bezier(.2,.8,.2,1),translate .7s cubic-bezier(.2,.8,.2,1),transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
html.pm .pm-rv.pm-in{opacity:1;translate:0 0}
html.pm .hl-slide.on .hl-bg{animation:pm-kb 15s ease-out both}
@keyframes pm-kb{from{transform:scale(1.14)}to{transform:scale(1.04)}}
html.pm .hl-slide.on .hl-t>*{animation:pm-up .9s cubic-bezier(.2,.8,.2,1) both}
html.pm .hl-slide.on .hl-t>*:nth-child(2){animation-delay:.08s}
html.pm .hl-slide.on .hl-t>*:nth-child(3){animation-delay:.18s}
html.pm .hl-slide.on .hl-t>*:nth-child(4){animation-delay:.28s}
@keyframes pm-up{from{opacity:0;translate:0 26px}}
html.pm :focus-visible{outline:2px solid var(--aq);outline-offset:3px}
@media (prefers-reduced-motion:reduce){html.pm *,html.pm::after{animation:none!important;transition-duration:.01ms!important}html.pm .pm-rv{opacity:1;translate:none}}

/* Contrast fixes found in the audit */
html.pm .util .pill{background:rgba(188,214,255,.14)!important;color:#f2f6ff!important}
html.pm .util .pill *{color:#f2f6ff!important}
html.pm .side{background:none!important;border-color:var(--ln)!important;position:static!important;max-height:none!important;overflow:visible!important}
html.pm .side a.cbut{color:#f2f6ff!important}
html.pm .side a.cbut.back{color:var(--aq)!important}
html.pm .side a.cbut.on{color:#fff!important}

/* Panels on white keep their original dark text: cart, product and order windows, search suggestions, AI and accessibility */
html.pm :is(.mm,.cpanel,.hmai,.hm-a11y,.sgb,.sg-box,#sg,#sgb,[role=listbox],.mbox){--g800:#1e293b;--g600:#475569;--g400:#64748b;--g200:#e2e8f0;--g100:#f1f5f9;--g50:#f8fafc;--off:#f8fafc;--ink:#1e293b;--mut:#475569;--ln:#e2e8f0;color:#1e293b}
html.pm .top :is([role=listbox],.sgb,.sg-box,#sg,#sgb) a,html.pm .top :is([role=listbox],.sgb,.sg-box,#sg,#sgb) button{color:#1e293b!important}
html.pm :is(.mm,.cpanel) .qty{background:#fff!important;border-color:#e2e8f0!important}
html.pm :is(.mm,.cpanel) .qty :is(input,button){color:#1e293b!important}
html.pm :is(.mm,.cpanel) .addbtn{background:#1a4f8a!important;color:#fff!important}
html.pm :is(.mm,.cpanel) .pcn a{color:#1e293b!important}
html.pm :is(.mm,.cpanel) .pck{color:#475569!important}

/* Category cards: name and count always share one row, at every screen width */
html.pm .cpage .cbar{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}
html.pm .cpage .cbar b{flex:1 1 0;min-width:0}
html.pm .cpage .cbar .pm-n{flex:none;white-space:nowrap}
@media (max-width:820px){html.pm .cpage .cbar b{min-height:2.4em;display:-webkit-box;align-content:center}}

/* Category cards: name and count stand out */
html.pm .cpage .cbar{padding:16px 18px!important;gap:12px}
html.pm .cpage .cbar b{font-size:clamp(1.18rem,1.65vw,1.55rem)!important;font-weight:800!important;color:#0b1f44!important;letter-spacing:-.01em;line-height:1.15}
html.pm .cpage .ccard-all .cbar b{color:#fff!important}
html.pm .cpage .cbar .pm-n{background:#10264f;color:#fff;font-size:1.02rem;font-weight:800;line-height:1;padding:.5em .78em;border-radius:99px;box-shadow:0 6px 14px rgba(16,38,79,.3);transition:background .25s,color .25s,scale .25s cubic-bezier(.2,.8,.2,1)}
html.pm .cpage .ccard:hover .pm-n,html.pm .cpage .ccard:focus-visible .pm-n{background:var(--aq);color:#06281f;scale:1.1}
@media (max-width:820px){
  html.pm .cpage .cbar{padding:12px!important;gap:8px}
  html.pm .cpage .cbar b{font-size:1.04rem!important}
  html.pm .cpage .cbar .pm-n{font-size:.92rem;padding:.45em .68em}
}

/* Wide-format page */
html.pm .phero{position:relative;overflow:hidden;background:none!important;display:flex;align-items:center;min-height:min(84vh,780px);padding:clamp(90px,14vh,150px) 0!important}
html.pm .phero>.scene-art{display:none}
html.pm .pm-wf-bg{position:absolute;inset:0;opacity:.56;z-index:0}
html.pm .pm-wf-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;scale:1.08;transition:opacity 1.4s ease,scale 7s linear}
html.pm .pm-wf-bg img.on{opacity:1;scale:1}
@media (prefers-reduced-motion:reduce){html.pm .pm-wf-bg img{transition:none;scale:1}}
html.pm .phero::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#0a1b3e 0,transparent 34%),linear-gradient(270deg,rgba(7,17,38,.94) 0,rgba(7,17,38,.72) 48%,rgba(7,17,38,.24) 100%)}
html.pm .phero>.wrap{position:relative;z-index:1;width:100%}
html.pm .phero h1{color:#fff!important;font-size:clamp(2.7rem,6.6vw,6rem)!important;font-weight:900!important;line-height:1.03!important;letter-spacing:-.02em;margin:0 0 22px!important;max-width:11em}
html.pm .phero .lead{color:#dbe6fa!important;font-size:clamp(1.08rem,1.5vw,1.35rem)!important;max-width:34em}
html.pm .phero .btn-ghost{background:none!important;border:1px solid rgba(255,255,255,.5)!important;color:#fff!important}
html.pm .phero .btn-ghost:hover{background:rgba(255,255,255,.12)!important}
html.pm .sec,html.pm .sec-alt{background:none!important;padding:clamp(64px,10vh,110px) 0!important}
html.pm .sec-alt{border-top:1px solid var(--ln)}
html.pm .sec-head{margin-bottom:clamp(28px,5vh,48px)}
html.pm .sec-head h2{color:#fff!important;font-size:clamp(2rem,4.2vw,3.6rem)!important;font-weight:800!important;letter-spacing:-.02em;line-height:1.08;margin-bottom:10px}
html.pm .sec-head p{color:var(--mut)!important}
html.pm .icards{gap:14px!important;border:0!important}
html.pm .icard,html.pm .icard:first-child{position:relative;padding:34px 26px 30px!important;border:0!important;border-radius:6px;background:linear-gradient(165deg,#fff,var(--pale) 46%,var(--pale2));box-shadow:0 26px 60px rgba(2,8,22,.46);color:#10264f}
html.pm .icard::before{content:"";position:absolute;inset:12px;pointer-events:none;color:rgba(16,38,79,.34);background:linear-gradient(currentColor,currentColor) 0 0/14px 1px no-repeat,linear-gradient(currentColor,currentColor) 0 0/1px 14px no-repeat,linear-gradient(currentColor,currentColor) 100% 100%/14px 1px no-repeat,linear-gradient(currentColor,currentColor) 100% 100%/1px 14px no-repeat}
html.pm .icard svg{color:#1a4f8a!important;stroke:#1a4f8a!important;width:50px;height:50px}
html.pm .icard h3{color:#0b1f44!important;font-weight:800!important;font-size:1.4rem!important}
html.pm .icard p{color:#475569!important;font-size:1rem!important}
html.pm .g-it{background:rgba(188,214,255,.08)!important;border-radius:6px!important;box-shadow:0 18px 44px rgba(2,8,22,.45)}
html.pm .g-it img{transition:transform .6s cubic-bezier(.2,.8,.2,1)!important}
html.pm .g-it:hover img{transform:scale(1.06)!important}
html.pm .steps{gap:14px!important}
html.pm .steps li{border:1px solid var(--ln)!important;border-top:2px solid var(--aq)!important;border-radius:6px;background:rgba(188,214,255,.06);padding:26px 24px!important}
html.pm .steps .num{color:var(--aq)!important;font-weight:900!important;font-size:clamp(3rem,5vw,4.6rem)!important}
html.pm .steps h3{color:#fff!important;font-weight:800!important;font-size:1.35rem!important}
html.pm .steps p{color:var(--mut)!important}
@media (max-width:640px){html.pm .phero{min-height:78vh}html.pm .phero::after{background:linear-gradient(0deg,#0a1b3e 0,rgba(7,17,38,.76) 60%,rgba(7,17,38,.56) 100%)}}

/* Product pages */
html.pm .pp{padding:clamp(20px,4vh,44px) 0 clamp(40px,8vh,80px)}
html.pm .pp .crumbs,html.pm .pp .crumbs li{color:var(--mut)!important}
html.pm .pp .crumbs a{color:var(--aq)!important}
html.pm .pp-main{position:relative;background:#fff!important;border:0!important;border-radius:6px!important;box-shadow:0 30px 70px rgba(2,8,22,.55)}
html.pm .pp-main::before{content:"";position:absolute;inset:14px;z-index:2;pointer-events:none;color:rgba(16,38,79,.34);background:linear-gradient(currentColor,currentColor) 0 0/16px 1px no-repeat,linear-gradient(currentColor,currentColor) 0 0/1px 16px no-repeat,linear-gradient(currentColor,currentColor) 100% 0/16px 1px no-repeat,linear-gradient(currentColor,currentColor) 100% 0/1px 16px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/16px 1px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/1px 16px no-repeat,linear-gradient(currentColor,currentColor) 100% 100%/16px 1px no-repeat,linear-gradient(currentColor,currentColor) 100% 100%/1px 16px no-repeat}
html.pm .pp-th button{background:#fff!important;border:2px solid transparent!important;border-radius:6px!important;opacity:.72;transition:opacity .2s}
html.pm .pp-th button:hover{opacity:1}
html.pm .pp-th button[aria-pressed="true"]{border-color:var(--aq)!important;opacity:1}
html.pm .pp h1{color:#fff!important;font-size:clamp(1.9rem,3.6vw,3.2rem)!important;font-weight:800!important;line-height:1.12!important;letter-spacing:-.015em;margin-bottom:12px!important}
html.pm .pp-code{color:var(--mut)!important}
html.pm .pp-code b{color:#fff}
html.pm .pp-cat a,html.pm .pp-st a{color:var(--aq)!important}
html.pm .pp-spec{color:#dbe6fa!important}
html.pm .pp-note{background:rgba(188,214,255,.08)!important;border:1px solid var(--ln);border-radius:6px!important;color:var(--ink)!important}
html.pm .pp-q{background:none!important;border:1px solid var(--ln)!important}
html.pm .pp-q button{background:none!important;color:#fff!important}
html.pm .pp-q input{background:none!important;color:#fff!important}
html.pm .pp-act .btn-primary{background:#fff!important;border-color:#fff!important;color:#0b1f44!important;font-weight:700!important}
html.pm .pp-act .hmm-open{min-height:52px;border:0!important;border-radius:99px!important;background:var(--aq)!important;color:#06281f!important;font-weight:800!important;padding:0 26px;transition:scale .2s,filter .2s}
html.pm .pp-act .hmm-open:hover{filter:brightness(1.1);scale:1.03}
html.pm .pp-st{color:var(--aq)!important}
html.pm .pp-rel h2{color:#fff!important;font-size:clamp(1.5rem,2.6vw,2.2rem)!important;font-weight:800}
html.pm .pp-rg a{background:#fff!important;border:0!important;border-radius:6px!important;color:#10264f!important;box-shadow:0 18px 44px rgba(2,8,22,.45);transition:translate .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
html.pm .pp-rg a:hover{translate:0 -6px;box-shadow:0 26px 54px rgba(2,8,22,.6),0 0 0 2px var(--aq)}
@media (max-width:640px){html.pm .pp-act .btn,html.pm .pp-act .hmm-open{width:100%}}

/* Mockup dialog stays on its own light surface */
html.pm .hmm h2,html.pm .hmm h3{color:#1e3a6e!important}

/* Home slider: a service that is not open yet */
html.pm .pm-soon{color:var(--aq);font-weight:300;white-space:nowrap}
html.pm .pm-off,html.pm .pm-off:hover{cursor:default;transform:none!important;opacity:.72}

/* Breadcrumbs: every item sits on one straight line, links and plain text alike */
html.pm .crumbs{display:flex;flex-wrap:wrap;align-items:center}
html.pm .crumbs li{display:inline-flex;align-items:center;line-height:1.4}
html.pm .crumbs a{display:inline-flex;align-items:center;line-height:1.4}

/* Legal pages: heading on the dark page, text on a light sheet */
html.pm .pm-dh{padding:clamp(40px,8vh,84px) 0 clamp(22px,4vh,38px)}
html.pm .pm-dh h1{color:#fff;font-size:clamp(2.4rem,5.6vw,4.8rem);font-weight:900;line-height:1.05;letter-spacing:-.02em;margin:0 0 12px}
html.pm .pm-dd{color:var(--mut);margin:0}
html.pm .pm-ds{padding:0 0 clamp(48px,9vh,96px)}
html.pm .pm-doc{position:relative;background:#fff;color:#1e293b;border-radius:6px;box-shadow:0 30px 70px rgba(2,8,22,.5);padding:clamp(22px,4.4vw,60px);font-size:1.06rem;line-height:1.85;overflow-wrap:anywhere}
html.pm .pm-doc h2{scroll-margin-top:110px;color:#0b1f44!important;font-size:clamp(1.35rem,2.2vw,1.8rem);font-weight:800;line-height:1.25;margin:2em 0 .55em}
html.pm .pm-doc h3{color:#10264f!important;font-weight:800}
html.pm .pm-doc a{color:#1a4f8a!important;text-decoration:underline}
html.pm .pm-doc li{margin-bottom:.45em}
html.pm .pm-doc b{color:#0b1f44}
html.pm .pm-doc th{background:#10264f!important;color:#fff!important;font-weight:700}
html.pm .pm-doc tr{background:#fff!important}
html.pm .pm-doc td,html.pm .pm-doc th{color:#1e293b;border-color:#cbd5e1!important}
html.pm .pm-doc th{color:#fff}
html.pm .pm-tw{overflow-x:auto;margin:1em 0}
html.pm .pm-tw table{min-width:520px}
html.pm .pm-toc{background:#eef4ff;border-radius:6px;padding:16px 20px;margin-bottom:8px}
html.pm .pm-toc p{margin:0 0 6px;font-weight:800;color:#0b1f44}
html.pm .pm-toc ol{list-style:none;margin:0;padding:0;columns:2;column-gap:28px;font-size:.96rem;line-height:1.5}
html.pm .pm-toc li{break-inside:avoid;margin:0}
html.pm .pm-toc a{display:inline-block;padding:7px 0;min-height:24px}
@media (max-width:640px){html.pm .pm-toc ol{columns:1}}

/* Advanced catalog search */
html.pm .advbtn{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--ln);background:none;color:var(--ink);font:inherit;font-size:15px;cursor:pointer;transition:background .2s,border-color .2s}
html.pm .advbtn:hover,html.pm .advbtn[aria-expanded=true]{background:rgba(188,214,255,.12);border-color:var(--aq)}
html.pm .advbtn.on::after{content:"";display:inline-block;width:8px;height:8px;margin-inline-start:8px;border-radius:50%;background:var(--aq)}
html.pm .adv{margin:0 0 26px;padding:clamp(16px,2.4vw,26px);border:1px solid var(--ln);border-radius:10px;background:rgba(188,214,255,.06);color:var(--ink)}
html.pm .adv[hidden]{display:none}
html.pm .adv-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px 18px}
html.pm .adv label,html.pm .adv legend{display:block;margin:0 0 6px;font-size:14px;font-weight:500;color:var(--ink)}
html.pm .adv :is(input[type=text],select){width:100%;min-height:44px;padding:0 12px;border:1px solid rgba(188,214,255,.45);border-radius:8px;background:#0d1f40;color:var(--ink);font:inherit;font-size:16px}
html.pm .adv input[type=text]::placeholder{color:var(--mut);opacity:1}
html.pm .adv fieldset{margin:18px 0 0;padding:0;border:0}
html.pm .adv-c{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:2px 14px}
html.pm .adv-c label{display:flex;align-items:center;gap:9px;min-height:44px;margin:0;font-weight:400;font-size:15px;cursor:pointer}
html.pm .adv-c input{width:20px;height:20px;flex:none;accent-color:var(--aq)}
html.pm .adv-b{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
html.pm .adv-go{min-height:46px;padding:0 26px;border:0;border-radius:999px;background:var(--pale);color:#10264f;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
html.pm .adv-go:hover{background:#fff}
html.pm .lead .advlink{color:var(--aq);text-decoration:underline;text-underline-offset:3px}

/* The closed cart must not be reachable with Tab */
html.pm .cpanel{visibility:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s .3s}
html.pm .cpanel.open{visibility:visible;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
html.pm .nav a{min-width:44px;justify-content:center}
/* Touch targets: at least 44px */
@media (pointer:coarse),(max-width:820px){
  html.pm .hl-dots button{width:44px!important;height:44px!important}
  html.pm .hl-dots button::before{top:21px}
  html.pm .crumbs a{min-height:44px}
  html.pm .pm-toc a{display:inline-flex;align-items:center;min-height:44px;padding:0}
  html.pm .pcn a{display:flex;align-items:center;min-height:44px}
  html.pm .qty{height:44px!important}
  html.pm .qty button{width:44px!important;height:44px!important}
  html.pm .qty input{height:44px!important;width:48px!important}
  html.pm .cpanel button[aria-label="הסרה מהסל"]{min-width:44px;min-height:44px}
  html.pm .mm :is(button,select){min-height:44px}
  html.pm :is(.mm,.cpanel) button[aria-label="סגירה"]{min-width:44px;min-height:44px}
}

/* Motion off from the accessibility menu: nothing moves, nothing waits to appear */
html.pm.hm-paused *,html.pm.hm-paused *::before,html.pm.hm-paused *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.pm.hm-paused .pm-rv{opacity:1!important;translate:none!important}
html.pm.hm-paused::before,html.pm.hm-paused::after{animation:none!important}

/* category headings on /catalog/ at 360-430px: allow the third line instead of cutting the name */
@media (max-width:430px){html.pm .cpage .cbar b{-webkit-line-clamp:3!important}}

/* Scrollbars in the site's own look (navy track, soft-blue thumb, contrast above 3:1). Light panels get a light version. */
@supports selector(::-webkit-scrollbar){
  html.pm ::-webkit-scrollbar{width:14px;height:14px}
  html.pm ::-webkit-scrollbar-track{background:#081329}
  html.pm ::-webkit-scrollbar-thumb{background:#5f84b8;border-radius:99px;border:3px solid #081329}
  html.pm ::-webkit-scrollbar-thumb:hover{background:#86a9dd}
  html.pm ::-webkit-scrollbar-corner{background:#081329}
  html.pm :is(.mm,.cpanel,.hmai,.hm-a11y,.sgb,.sg-box,#sg,#sgb,[role=listbox],[role=dialog],.pm-doc,.pm-tw) ::-webkit-scrollbar,html.pm :is(.mm,.cpanel,.hmai,.hm-a11y,.sgb,.sg-box,#sg,#sgb,[role=listbox],[role=dialog],.pm-doc,.pm-tw)::-webkit-scrollbar{width:12px;height:12px}
  html.pm :is(.mm,.cpanel,.hmai,.hm-a11y,.sgb,.sg-box,#sg,#sgb,[role=listbox],[role=dialog],.pm-doc,.pm-tw) ::-webkit-scrollbar-track,html.pm :is(.mm,.cpanel,.hmai,.hm-a11y,.sgb,.sg-box,#sg,#sgb,[role=listbox],[role=dialog],.pm-doc,.pm-tw)::-webkit-scrollbar-track{background:#eef2f8}
  html.pm :is(.mm,.cpanel,.hmai,.hm-a11y,.sgb,.sg-box,#sg,#sgb,[role=listbox],[role=dialog],.pm-doc,.pm-tw) ::-webkit-scrollbar-thumb,html.pm :is(.mm,.cpanel,.hmai,.hm-a11y,.sgb,.sg-box,#sg,#sgb,[role=listbox],[role=dialog],.pm-doc,.pm-tw)::-webkit-scrollbar-thumb{background:#64748b;border:3px solid #eef2f8}
}
@supports not selector(::-webkit-scrollbar){
  html.pm{scrollbar-color:#5f84b8 #081329}
  html.pm :is(.mm,.cpanel,.hmai,.hm-a11y,.sgb,.sg-box,#sg,#sgb,[role=listbox],[role=dialog],.pm-doc,.pm-tw),html.pm :is(.mm,.cpanel,.hmai,.hm-a11y,[role=dialog]) *{scrollbar-color:#64748b #eef2f8}
}

/* Header menu on the dark pages: the dropdown and the phone menu were white while their links are light (invisible text) */
html.pm .top .dd-panel{background:#0b1d3c!important;border:1px solid var(--ln)!important;box-shadow:0 18px 44px rgba(2,8,22,.55)!important}
html.pm .top .dd-panel a{color:var(--ink)!important}
html.pm .top .dd-panel a:hover,html.pm .top .dd-panel a:focus-visible{background:rgba(188,214,255,.14)!important;color:#fff!important}
html.pm .top .dd-panel .dd-all{color:var(--aq)!important;border-color:var(--ln)!important}
@media (max-width:760px){
  html.pm .top .nav{background:#0b1d3c!important;border-bottom:1px solid var(--ln)!important;box-shadow:0 18px 30px rgba(2,8,22,.55)!important}
  html.pm .top .nav>a,html.pm .top .nav-dd-t{border-bottom-color:var(--ln)!important;color:var(--ink)!important}
  html.pm .top .dd-panel{background:transparent!important;border:0!important;box-shadow:none!important}
  html.pm .top .dd-panel a{color:var(--mut)!important}
  html.pm .top .menu-btn{background:none!important;border:1px solid var(--ln)!important}
  html.pm .top .menu-btn span{background:var(--ink)!important}
}

/* Phones: the floating helper and accessibility panels keep their real size (scaling them made their buttons smaller than 44px) */
@media (max-width:820px){
  html.pm .ar-crumbs a,html.pm .ar-doc .ar-rel p a{min-height:44px;display:inline-flex;align-items:center}
}

/* Phones: every header/info bar stays on ONE row */
@media (max-width:640px){
  html.pm .util .wrap{flex-wrap:nowrap;gap:10px;overflow:hidden;font-size:12px;padding-inline:12px}
  html.pm .util .wrap>*{flex:none;white-space:nowrap}
  html.pm .util .sep,html.pm .util a[href^="mailto"]{display:none}
  html.pm .util .hm-pause{margin-inline-start:auto;padding:0 10px;font-size:12px}
  html.pm .top a.hwa:not(.btn){color:#000!important;background:#25d366!important;border-color:#25d366!important}
}

html.pm .top a.hwa:not(.btn){color:#000!important;background:#25d366!important;border-color:#25d366!important}

/* Small link rows must be easy to tap on phones */
@media (max-width:820px){
  html.pm main a[href="/articles/"]{display:inline-flex;align-items:center;min-height:44px}
}