/* Clone parity overrides (no origin JS): make the cloudinary player cover its
   fallback image like the live site does, so the video/poster layer is visible. */
.cld-video-player{position:absolute;inset:0;width:100%;height:100%;z-index:3;}
.cld-video-player .clone-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

/* Curator.io feed parity (external Curator stylesheet stripped as egress):
   restore visually-hidden a11y text and username truncation from the live widget. */
.crt-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;padding:0;margin:-1px;border:0;}

/* MOBILE-ONLY adaptive fixes (desktop untouched — all scoped <768px).
   JS sets a fixed inline height:calc(43.375rem) (the 2xl value) on the expanding
   world/precinct cards at ALL viewports; at mobile that leaves huge empty space.
   Force content-height at mobile only. */
@media(max-width:767px){
  .will-change-\[height\]{height:auto!important;}
}

/* MOBILE: GSAP baked a desktop scroll-pin (pin-spacer 2444px + pinned worlds
   section height:1000px) into the DOM; JS is stripped so it can't recompute at
   mobile. Origin unpins below lg. Undo the baked pin at mobile only. */
@media(max-width:767px){
  .pin-spacer{height:auto!important;padding-bottom:0!important;}
  [data-slice-type="worlds"]{height:auto!important;max-height:none!important;transform:none!important;inset:auto!important;position:relative!important;}
}

/* Mobile drawer "Explore our brands" chevron rotation (arbitrary variant not compiled) */
[data-mm-acc][data-state="open"] > svg{transform:rotate(180deg);}
[data-mm-acc] > svg{transition:transform .2s ease;}