/* Zohar M7 — brand marquee, homepage only.
   Official brand marks; calm continuous motion with a static reduced-motion layout. */
body.zohar-m7 .brand-strip{
  --brand-marquee-gap:clamp(52px,7vw,112px);
  padding:clamp(50px,6.5vw,82px) 0 clamp(32px,4vw,52px);
  overflow:hidden;
  background:var(--sand);
  border-block:1px solid var(--clay);
}
body.zohar-m7 .brand-strip__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:clamp(20px,2.5vw,30px)}
body.zohar-m7 .brand-strip__title-block{max-width:720px}
body.zohar-m7 .brand-strip__title{margin-top:10px;max-width:22ch}
body.zohar-m7 .brand-strip__sub{margin-top:12px;max-width:54ch;color:var(--ink);font-size:16px}
body.zohar-m7 .brand-strip__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
body.zohar-m7 .brand-strip__shop-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:var(--espresso);
  font-size:14.5px;
  font-weight:700;
  white-space:nowrap;
  border-bottom:2px solid var(--brand-nude);
  transition:color .2s ease,border-color .2s ease;
}
body.zohar-m7 .brand-strip__shop-link:hover{color:var(--brand-brown);border-color:var(--brand-brown)}
body.zohar-m7 .brand-strip__foot{padding-top:clamp(18px,2.5vw,28px)}
body.zohar-m7 .brand-strip__help-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:var(--accent-text);
  font-size:14.5px;
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:4px;
}
body.zohar-m7 .brand-strip__help-link:hover{color:var(--espresso)}
body.zohar-m7 .brand-marquee__control{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:8px 14px;
  border:1px solid var(--clay);
  border-radius:999px;
  background:rgba(255,255,255,.48);
  color:var(--heading);
  font:inherit;
  font-size:13px;
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease;
}
body.zohar-m7 .brand-marquee__control:hover{background:rgba(255,255,255,.78);border-color:var(--brand-brown)}
body.zohar-m7 .brand-marquee__control:focus-visible{outline:2px solid var(--brand-brown);outline-offset:3px}
body.zohar-m7 .brand-marquee{
  position:relative;
  direction:ltr;
  overflow:hidden;
  padding-block:clamp(25px,3.3vw,42px);
  background:rgba(255,255,255,.34);
  border-top:1px solid var(--clay);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
}
body.zohar-m7 .brand-marquee__track{
  display:flex;
  width:max-content;
  will-change:transform;
  animation:zoharBrandMarquee 24s linear infinite;
}
body.zohar-m7 .brand-marquee__set{
  display:flex;
  flex:none;
  align-items:center;
  gap:var(--brand-marquee-gap);
  padding-inline:calc(var(--brand-marquee-gap) / 2);
}
body.zohar-m7 .brand-marquee__item{
  display:flex;
  flex:none;
  align-items:center;
  justify-content:center;
  width:clamp(176px,17vw,246px);
  min-height:96px;
  padding:8px 10px;
  color:var(--heading);
  opacity:.72;
  transition:opacity .25s ease,transform .25s ease;
}
body.zohar-m7 .brand-marquee__item--2080{width:118px}
body.zohar-m7 a.brand-marquee__item:focus-visible{
  opacity:1;
  outline:2px solid var(--brand-brown);
  outline-offset:6px;
  border-radius:10px;
}
body.zohar-m7 .brand-logo{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  object-fit:contain;
}
body.zohar-m7 .brand-logo--kb{width:min(100%,220px)}
body.zohar-m7 .brand-logo--hava{width:min(100%,236px)}
body.zohar-m7 .brand-logo--dermalosophy{width:min(100%,220px)}
body.zohar-m7 .brand-logo--2080{height:92px;max-height:92px}
@keyframes zoharBrandMarquee{to{transform:translate3d(-50%,0,0)}}
@media (hover:hover){
  body.zohar-m7 .brand-marquee:hover .brand-marquee__track{animation-play-state:paused}
  body.zohar-m7 a.brand-marquee__item:hover{opacity:1;transform:translateY(-2px)}
}
body.zohar-m7 .brand-marquee:focus-within .brand-marquee__track{animation-play-state:paused}
body.zohar-m7 .brand-marquee.is-paused .brand-marquee__track{animation-play-state:paused}
@media(max-width:620px){
  body.zohar-m7 .brand-strip{--brand-marquee-gap:48px;padding-top:46px;padding-bottom:34px}
  body.zohar-m7 .brand-strip__head{align-items:flex-start;flex-direction:column;padding-bottom:20px}
  body.zohar-m7 .brand-strip__title-block{width:100%}
  body.zohar-m7 .brand-strip__sub{font-size:15px}
  body.zohar-m7 .brand-strip__actions{width:100%;justify-content:space-between}
  body.zohar-m7 .brand-marquee{
    padding-block:22px;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 11%,#000 89%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 11%,#000 89%,transparent 100%);
  }
  body.zohar-m7 .brand-marquee__track{animation-duration:20s}
  body.zohar-m7 .brand-marquee__item{width:168px;min-height:82px;padding:6px 8px}
  body.zohar-m7 .brand-marquee__item--2080{width:96px}
  body.zohar-m7 .brand-logo--kb{width:154px}
  body.zohar-m7 .brand-logo--hava{width:160px}
  body.zohar-m7 .brand-logo--dermalosophy{width:156px}
  body.zohar-m7 .brand-logo--2080{height:76px;max-height:76px}
}
@media(prefers-reduced-motion:reduce){
  body.zohar-m7 .brand-marquee__control{display:none}
  body.zohar-m7 .brand-marquee{
    overflow:visible;
    -webkit-mask-image:none;
    mask-image:none;
  }
  body.zohar-m7 .brand-marquee__track{display:block;width:auto;animation:none;transform:none;will-change:auto}
  body.zohar-m7 .brand-marquee__set:first-child{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px;
    padding-inline:clamp(18px,4vw,52px);
  }
  body.zohar-m7 .brand-marquee__set[aria-hidden="true"]{display:none}
  body.zohar-m7 .brand-marquee__item{width:100%}
}
@media(max-width:620px) and (prefers-reduced-motion:reduce){
  body.zohar-m7 .brand-marquee__set:first-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
}

/* M7.24 — marquee surfaces inherit the canonical five-color palette. */
body.zohar-m7 .brand-marquee__control{background:rgba(255,249,244,.48)}
body.zohar-m7 .brand-marquee__control:hover{background:rgba(255,249,244,.78)}
body.zohar-m7 .brand-marquee{background:rgba(255,249,244,.34)}