

.hdr__bag{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  inline-size:44px; block-size:44px; margin-inline-start:clamp(4px,1vw,14px);
  color:var(--paper-dim); transition:color .3s var(--ease);
}
.hdr__bag:hover,.hdr__bag.has-items{ color:var(--paper); }
.hdr__bag svg{ display:block; }
.hdr__bagCount{
  position:absolute; inset-block-start:4px; inset-inline-end:0;
  min-inline-size:17px; block-size:17px; padding-inline:4px;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--cta); color:var(--cta-ink); border-radius:999px;
  font-family:var(--body); font-weight:500; font-style:normal;
  font-size:10px; line-height:1; letter-spacing:0; font-variant-numeric:tabular-nums;
}
.hdr__bagCount[hidden]{ display:none; }

.hdr__nav a[aria-current="page"]{ color:var(--paper); }
.hdr__nav a[aria-current="page"]::after{ transform:scaleX(1); }

@media (max-width:860px){
  .hdr__bag{ margin-inline-start:0; }
  .hdr__nav{ margin-inline-start:auto; }
}

@media (max-width:640px){
  .hdr{ gap:10px; }
  .hdr__nav{ gap:10px; }
  .hdr__bag{ inline-size:40px; flex:none; }
  .hdr__lang{ min-inline-size:44px; padding-inline:8px; flex:none; }
}
@media (max-width:379px){
  .hdr__nav a.hdr__shop{ display:none; }
}

body.lock{ overflow:hidden; }
.cart__scrim{
  position:fixed; inset:0; z-index:90; background:rgba(10,10,11,.6);
  opacity:0; transition:opacity .45s var(--ease);
}
.cart__scrim.is-on{ opacity:1; }
.cart__scrim[hidden]{ display:none; }
.cart{
  position:fixed; inset-block:0; inset-inline-end:0; z-index:91;
  inline-size:min(440px,100%); background:var(--ink-2);
  border-inline-start:1px solid var(--line);
  display:flex; flex-direction:column;
  color:var(--paper);
  transform:translateX(102%); will-change:transform;
  transition:transform .55s var(--ease-out);
  outline:0;
}
html[dir="rtl"] .cart{ transform:translateX(-102%); }
.cart.is-on,html[dir="rtl"] .cart.is-on{ transform:none; }
.cart[hidden]{ display:none; }
@media (max-width:640px){
  .cart{ inline-size:100%; border-inline-start:0; }
}

.cart__head{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:clamp(18px,2.4vw,28px) clamp(20px,2.6vw,32px);
  border-block-end:1px solid var(--line);
}
.cart__title{
  font-family:var(--display); font-weight:700; font-size:clamp(1.25rem,1.6vw,1.6rem);
  letter-spacing:-.01em; line-height:1; display:flex; align-items:baseline; gap:.5em;
}
.cart__n{
  font-family:var(--body); font-weight:400; font-size:11px; letter-spacing:.16em;
  color:var(--paper-faint); font-variant-numeric:tabular-nums;
}
.cart__n::before{ content:"("; }
.cart__n::after{ content:")"; }
.cart__n[hidden]{ display:none; }
.cart__close{
  position:relative; inline-size:44px; block-size:44px; margin-inline-end:-12px;
  display:grid; place-items:center; color:var(--paper-dim); transition:color .3s var(--ease);
}
.cart__close:hover{ color:var(--paper); }
.cart__close span{ position:relative; display:block; inline-size:18px; height:1px; background:currentColor; transform:rotate(45deg); }
.cart__close span::after{ content:""; position:absolute; inset:0; background:currentColor; transform:rotate(-90deg); }

.cart__lockNote{
  margin:0; padding:12px clamp(20px,2.6vw,32px);
  border-block-end:1px solid var(--line);
  font-size:12px; letter-spacing:.02em; line-height:1.5; color:var(--cta);
}
.cart__lockNote[hidden]{ display:none; }
.cart__list{
  flex:1 1 auto; overflow-y:auto; overscroll-behavior:contain;
  padding-inline:clamp(20px,2.6vw,32px);
}
.cart__list[hidden]{ display:none; }

.cart.is-locked .cart__checkout{ display:none; }
.cart__row{
  display:grid; grid-template-columns:1fr auto; grid-template-areas:"info line" "qty rm";
  column-gap:18px; row-gap:12px; align-items:start;
  padding-block:clamp(18px,2vw,24px); border-block-end:1px solid var(--line-soft);
}
.cart__info{ grid-area:info; display:flex; flex-direction:column; align-items:flex-start; gap:5px; min-inline-size:0; }
.cart__name{
  font-family:var(--display); font-weight:700; font-size:clamp(1rem,1.15vw,1.15rem); line-height:1.2;
}
.cart__size,.cart__unit{
  font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--paper-faint);
  font-variant-numeric:tabular-nums;
}
html[lang="he"] .cart__size,html[lang="he"] .cart__unit{ letter-spacing:.04em; text-transform:none; font-size:12px; }
.cart__size{ direction:ltr; unicode-bidi:isolate; }
.cart__line{
  grid-area:line; justify-self:end; font-variant-numeric:tabular-nums; font-size:clamp(.95rem,1.05vw,1.05rem);
  white-space:nowrap;
}
.cart__qty{ grid-area:qty; display:inline-flex; align-items:stretch; border:1px solid var(--line); inline-size:max-content; }

html[dir="rtl"] .cart__qty{ direction:ltr; }
.cart__q{
  inline-size:44px; block-size:44px; display:grid; place-items:center;
  color:var(--paper-dim); font-size:15px; line-height:1;
  transition:color .3s var(--ease), background-color .3s var(--ease);
}
.cart__q:hover{ color:var(--paper); }
.cart__q[disabled]{ color:var(--line); cursor:default; }
.cart__q[data-last]{ color:var(--paper-faint); }
.cart__qn{
  min-inline-size:34px; display:grid; place-items:center; font-weight:500;
  font-variant-numeric:tabular-nums; font-size:13px;
  border-inline:1px solid var(--line-soft);
}
.cart__rm{
  grid-area:rm; justify-self:end; align-self:center;
  font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--paper-faint);
  min-block-size:44px; display:inline-flex; align-items:center; position:relative; transition:color .3s var(--ease);
}
html[lang="he"] .cart__rm{ letter-spacing:.04em; text-transform:none; font-size:12px; }
.cart__rm::after{
  content:""; position:absolute; inset-inline:0; inset-block-end:8px; height:1px;
  background:currentColor; transform:scaleX(0); transform-origin:right; transition:transform .45s var(--ease-out);
}
.cart__rm:hover{ color:var(--accent); }
.cart__rm:hover::after{ transform:scaleX(1); transform-origin:left; }

.money{ font-variant-numeric:tabular-nums; unicode-bidi:isolate; direction:ltr; display:inline-block; white-space:nowrap; }

.cart__empty{
  flex:1 1 auto; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:18px;
  padding:clamp(28px,4vw,48px) clamp(20px,2.6vw,32px);
}
.cart__empty[hidden]{ display:none; }
.cart__emptyLine{
  font-family:var(--display); font-weight:700; font-size:clamp(1.4rem,2vw,1.9rem); line-height:1.15;
  color:var(--paper);
}
.cart__browse{
  display:inline-flex; align-items:center; gap:12px;
  font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--cta);
  min-block-size:44px;
}
html[lang="he"] .cart__browse{ letter-spacing:.06em; text-transform:none; font-size:13px; }
.cart__browse i{ display:block; inline-size:22px; height:1px; background:currentColor; transition:inline-size .45s var(--ease-out); }
.cart__browse:hover i{ inline-size:38px; }

.cart__foot{
  padding:clamp(18px,2.2vw,26px) clamp(20px,2.6vw,32px);
  padding-block-end:calc(clamp(18px,2.2vw,26px) + env(safe-area-inset-bottom,0px));
  border-block-start:1px solid var(--line);
  display:flex; flex-direction:column; gap:12px;
}
.cart__foot[hidden]{ display:none; }
.cart__sums{ display:flex; flex-direction:column; gap:8px; }
.cart__sum{
  display:flex; align-items:baseline; justify-content:space-between; gap:16px;
  font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--paper-faint);
}
html[lang="he"] .cart__sum{ letter-spacing:.04em; text-transform:none; font-size:12.5px; }
.cart__sum dd{ color:var(--paper-dim); font-size:13px; letter-spacing:0; text-transform:none; }
.cart__sum--total{
  padding-block-start:10px; margin-block-start:2px; border-block-start:1px solid var(--line);
  color:var(--paper);
}
.cart__sum--total dd{ font-size:clamp(1.15rem,1.4vw,1.35rem); color:var(--paper); font-weight:500; }
.cart__vat{ font-size:11px; color:var(--paper-faint); letter-spacing:.02em; }
.cart__checkout{ justify-self:stretch; justify-content:space-between; inline-size:100%; margin-block-start:6px; }
.cart__continue{
  align-self:center; min-block-size:40px;
  font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--paper-faint);
  transition:color .3s var(--ease);
}
html[lang="he"] .cart__continue{ letter-spacing:.04em; text-transform:none; font-size:12.5px; }
.cart__continue:hover{ color:var(--paper); }

.stepper{
  display:flex; align-items:center; gap:clamp(10px,1.4vw,18px); list-style:none; margin:0; padding:0;
  font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--paper-faint);
}
html[lang="he"] .stepper{ letter-spacing:.04em; text-transform:none; font-size:12.5px; }
.stepper__s{ display:flex; align-items:center; gap:10px; flex:0 0 auto; transition:color .4s var(--ease); }
.stepper__s:not(:last-child)::after{
  content:""; display:block; inline-size:clamp(28px,4vw,72px); block-size:1px; background:var(--line);
  margin-inline-start:clamp(4px,.6vw,8px);
}
.stepper__n{ font-variant-numeric:tabular-nums; color:var(--paper-faint); }
.stepper__s.is-current{ color:var(--paper); }
.stepper__s.is-current .stepper__n{ color:var(--cta); }
.stepper__s.is-done{ color:var(--paper-dim); }
.stepper__s.is-done .stepper__n{ color:var(--paper-dim); }
.stepper__s.is-done:not(:last-child)::after{ background:var(--paper-dim); }
@media (max-width:640px){
  .stepper{ justify-content:space-between; gap:6px; }
  .stepper__s:not(:last-child)::after{ inline-size:16px; }
  .stepper__s:not(.is-current) .stepper__l{ position:absolute; inline-size:1px; block-size:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
}

.pill--test{
  display:inline-flex; align-items:center; gap:8px; min-block-size:26px; padding-inline:12px;
  border:1px solid var(--cta); border-radius:999px; color:var(--cta);
  font-size:10px; letter-spacing:.2em; text-transform:uppercase; white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
html[lang="he"] .pill--test{ letter-spacing:.04em; text-transform:none; font-size:12px; }
.pill--test::before{ content:""; inline-size:6px; block-size:6px; border-radius:50%; background:currentColor; flex:none; }

.legal-links{
  grid-column:1 / -1; grid-row:2;
  display:flex; flex-wrap:wrap; gap:6px clamp(14px,2vw,28px);
  padding-block-start:14px; border-block-start:1px solid var(--line-soft);
}
.legal-links a{ position:relative; min-block-size:32px; display:inline-flex; align-items:center; color:var(--paper-faint); transition:color .3s var(--ease); }
.legal-links a::after{
  content:""; position:absolute; inset-inline:0; inset-block-end:6px; height:1px; background:currentColor;
  transform:scaleX(0); transform-origin:right; transition:transform .45s var(--ease-out);
}
.legal-links a:hover{ color:var(--paper); }
.legal-links a:hover::after{ transform:scaleX(1); transform-origin:left; }
.foot__note{ grid-row:3; }
@media (max-width:700px){
  .legal-links{ grid-column:1; grid-row:auto; flex-direction:column; gap:2px; }
}

.plate--ph{
  position:relative; aspect-ratio:4 / 5; inline-size:100%;
  border:1px dashed var(--line); background:var(--ink-2);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
  color:var(--paper-faint); transition:border-color .5s var(--ease);
}
.plate--ph::before{
  content:""; position:absolute; inset:10px; border:1px solid var(--line-soft); pointer-events:none;
}
.ph__n{
  font-family:var(--display); font-weight:700; font-style:italic;
  font-size:clamp(1.6rem,2.4vw,2.4rem); line-height:1; letter-spacing:.02em;
  color:var(--paper-dim); font-variant-numeric:tabular-nums;
}
html[lang="he"] .ph__n{ font-style:normal; }
.ph__l{ font-size:10px; letter-spacing:.24em; text-transform:uppercase; }
html[lang="he"] .ph__l{ letter-spacing:.06em; text-transform:none; font-size:12px; }
@media (hover:hover){
  a:hover > .plate--ph, .plate:hover .plate--ph{ border-color:var(--paper-dim); }
}

html.reduce-motion .cart,html.reduce-motion .cart__scrim{ transition:none; }
