:root {
  --ach-ivory:#f7f4ef;
  --ach-cream:#efe8dd;
  --ach-oak:#b89a72;
  --ach-walnut:#7c624a;
  --ach-espresso:#2e241d;
  --ach-gold:#c7a06a;
  --ach-black:#171412;
}

#arshital-hero,
#arshital-hero *,
.ach-mobile-explorer,
.ach-mobile-explorer * { box-sizing:border-box; }

#arshital-hero {
  position:relative;
  min-height:100svh;
  color:var(--ach-ivory);
  background:var(--ach-black);
  isolation:isolate;
}

#arshital-hero .ach-hero__stage {
  position:relative;
  height:100svh;
  min-height:620px;
  overflow:hidden;
  background:var(--ach-black);
}

#arshital-hero .ach-hero__media,
#arshital-hero .ach-hero__canvas,
#arshital-hero .ach-hero__poster,
#arshital-hero .ach-hero__poster img,
#arshital-hero .ach-hero__mobile-video,
#arshital-hero .ach-mobile-end-frame,
#arshital-hero .ach-mobile-end-frame__image,
#arshital-hero .ach-hero__shade {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

#arshital-hero .ach-hero__media { z-index:0; }
#arshital-hero .ach-hero__poster { z-index:1; display:block; margin:0; opacity:1; transition:opacity .25s ease; }
#arshital-hero .ach-hero__poster img,
#arshital-hero .ach-hero__mobile-video,
#arshital-hero .ach-mobile-end-frame__image { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
#arshital-hero .ach-hero__canvas { z-index:2; display:block; opacity:0; transition:opacity .2s ease; }
#arshital-hero.is-canvas-ready .ach-hero__canvas { opacity:1; }
#arshital-hero.is-canvas-ready .ach-hero__poster { opacity:0; }
#arshital-hero .ach-hero__mobile-video { z-index:3; display:none; opacity:0; transition:opacity .25s ease; }
#arshital-hero.is-mobile-video-ready .ach-hero__mobile-video { opacity:1; }
#arshital-hero.is-mobile-video-ready .ach-hero__poster { opacity:0; }
#arshital-hero .ach-mobile-end-frame { z-index:4; display:none; opacity:0; pointer-events:none; background:var(--ach-black); }
#arshital-hero.is-mobile-video-unavailable .ach-mobile-end-frame { display:block; opacity:1; }
#arshital-hero.is-mobile-video-unavailable .ach-hero__mobile-video { opacity:0; }
#arshital-hero .ach-hero__shade { z-index:7; pointer-events:none; background:linear-gradient(180deg,rgba(18,15,12,.62) 0%,rgba(18,15,12,.10) 48%,rgba(18,15,12,.58) 100%); }

/* Scene copy */
#arshital-hero .ach-hero__copy {
  position:absolute;
  z-index:10;
  inset:0;
  pointer-events:none;
}
#arshital-hero .ach-hero__line {
  position:absolute;
  inset:auto;
  inset-inline-start:var(--ach-desktop-x,7%);
  bottom:var(--ach-desktop-y,32%);
  width:auto;
  max-width:min(var(--ach-desktop-width,46%),calc(100% - 2.5rem));
  margin:0;
  color:var(--ach-ivory);
  font-family:var(--ach-hero-font,inherit);
  font-size:clamp(var(--ach-desktop-font-min,32px),var(--ach-desktop-font-fluid,4vw),var(--ach-desktop-font-max,64px));
  font-weight:400;
  line-height:1.12;
  letter-spacing:-.035em;
  text-align:start;
  opacity:0;
  transform:translate3d(0,14px,0);
  pointer-events:none;
  /* Opacity is driven continuously by the scene timeline; keeping an opacity
     transition here makes later lines appear permanently washed out. */
  transition:none;
}
#arshital-hero .ach-hero__actions {
  position:absolute;
  z-index:11;
  inset-inline-start:clamp(2rem,7vw,8rem);
  bottom:clamp(5.6rem,11vh,8rem);
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  pointer-events:auto;
  transition:opacity .18s ease;
}

#arshital-hero .ach-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:3.15rem;
  padding:.85rem 1.3rem;
  color:var(--ach-ivory);
  border:1px solid transparent;
  border-radius:var(--ach-button-radius,10px);
  font:inherit;
  font-size:.88rem;
  font-weight:500;
  line-height:1;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
#arshital-hero .ach-button:hover,
#arshital-hero .ach-button:focus-visible { transform:translateY(-2px); }
#arshital-hero .ach-button--primary { background:var(--ach-espresso); }
#arshital-hero .ach-button--primary:hover,
#arshital-hero .ach-button--primary:focus-visible { background:var(--ach-walnut); }
#arshital-hero .ach-button--secondary { background:rgba(23,20,18,.08); border-color:rgba(247,244,239,.7); }
#arshital-hero .ach-button--secondary:hover,
#arshital-hero .ach-button--secondary:focus-visible { color:var(--ach-espresso); background:var(--ach-ivory); border-color:var(--ach-ivory); }
#arshital-hero .ach-button:focus-visible,
#arshital-hero .ach-hotspot:focus-visible,
.ach-mobile-explorer__marker:focus-visible,
.ach-mobile-explorer__item:focus-visible,
.ach-text-link:focus-visible { outline:2px solid var(--ach-gold); outline-offset:4px; }

#arshital-hero .ach-hero__scroll-cue {
  position:absolute;
  z-index:10;
  inset-inline-start:clamp(2rem,7vw,8rem);
  bottom:2.25rem;
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  color:rgba(247,244,239,.8);
  font-size:.72rem;
  letter-spacing:.02em;
}
#arshital-hero .ach-hero__scroll-line { width:2.2rem; height:1px; background:currentColor; transform-origin:right center; animation:ach-scroll-line 1.8s ease-in-out infinite; }
@keyframes ach-scroll-line { 50% { transform:scaleX(.35); opacity:.45; } }

/* Single desktop explorer layer: part of the template, not injected or managed by another ScrollTrigger. */
#arshital-hero .ach-stage-explorer {
  position:absolute;
  z-index:30;
  inset:0;
  overflow:visible;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease,visibility .22s step-end;
}
#arshital-hero .ach-stage-explorer.is-active { opacity:1; visibility:visible; pointer-events:auto; transition:opacity .22s ease; }
#arshital-hero .ach-stage-explorer::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(18,15,12,.18),transparent 48%,rgba(18,15,12,.04)); }
#arshital-hero .ach-stage-explorer__hotspots { position:absolute; z-index:2; inset:0; }
#arshital-hero .ach-hotspot {
  position:absolute;
  z-index:3;
  left:calc(var(--x) * 1%);
  top:calc(var(--y) * 1%);
  display:grid;
  place-items:center;
  width:var(--ach-hotspot-desktop-size,44px);
  height:var(--ach-hotspot-desktop-size,44px);
  margin:0;
  padding:0;
  color:var(--ach-hotspot-default-text,#2e241d);
  background:var(--ach-hotspot-default-bg,#f7f4ef);
  border:1px solid var(--ach-hotspot-ring,#c7a06a);
  border-radius:50%;
  box-shadow:0 .35rem 1.3rem rgba(0,0,0,.20);
  font:inherit;
  cursor:pointer;
  transform:translate(-50%,-50%);
  transition:transform .2s ease,background-color .2s ease,color .2s ease;
}
#arshital-hero .ach-hotspot:hover,
#arshital-hero .ach-hotspot:focus-visible,
#arshital-hero .ach-hotspot.is-active { color:var(--ach-hotspot-active-text,#f7f4ef); background:var(--ach-hotspot-active-bg,#7c624a); transform:translate(-50%,-50%) scale(1.10); }
#arshital-hero .ach-hotspot__index { position:relative; z-index:2; font-size:.7rem; font-weight:700; }
#arshital-hero .ach-hotspot__pulse { position:absolute; inset:-.35rem; border:1px solid var(--ach-hotspot-ring,#c7a06a); border-radius:50%; animation:ach-pulse 2.6s ease-out infinite; }
#arshital-hero .ach-hotspot:nth-child(2) .ach-hotspot__pulse { animation-delay:.35s; }
#arshital-hero .ach-hotspot:nth-child(3) .ach-hotspot__pulse { animation-delay:.7s; }
#arshital-hero .ach-hotspot:nth-child(4) .ach-hotspot__pulse { animation-delay:1.05s; }
#arshital-hero .ach-hotspot:nth-child(5) .ach-hotspot__pulse { animation-delay:1.4s; }
@keyframes ach-pulse { 0%,100% { transform:scale(.8); opacity:0; } 40% { opacity:.65; } 70% { transform:scale(1.18); opacity:0; } }

#arshital-hero .ach-stage-explorer__card {
  --card-x:50;
  --card-y:50;
  position:absolute;
  z-index:4;
  left:calc(var(--card-x) * 1%);
  top:calc(var(--card-y) * 1%);
  width:min(23rem,calc(100% - 4rem));
  padding:1rem;
  color:var(--ach-espresso);
  background:rgba(247,244,239,.97);
  border:1px solid rgba(255,255,255,.42);
  border-radius:var(--ach-card-radius,14px);
  box-shadow:0 1rem 4rem rgba(0,0,0,.22);
  opacity:0;
  pointer-events:none;
  transform:translate(3.1rem,-50%);
  transition:opacity .18s ease,transform .18s ease;
}
#arshital-hero .ach-stage-explorer__card.is-left { transform:translate(calc(-100% - 3.1rem),-50%); }
#arshital-hero .ach-stage-explorer__card.is-top { transform:translate(3.1rem,calc(-100% - 1.25rem)); }
#arshital-hero .ach-stage-explorer__card.is-top.is-left { transform:translate(calc(-100% - 3.1rem),calc(-100% - 1.25rem)); }
#arshital-hero .ach-stage-explorer__card.is-bottom { transform:translate(3.1rem,1.25rem); }
#arshital-hero .ach-stage-explorer__card.is-bottom.is-left { transform:translate(calc(-100% - 3.1rem),1.25rem); }
#arshital-hero .ach-stage-explorer__card.is-visible { opacity:1; pointer-events:auto; }

/* Product cards are intentionally flex based. The v2 grid let the action row
   occupy a narrow first column when a product image was available, which broke
   the desktop Hotspot card layout. */
.ach-product-card { display:flex; flex-wrap:wrap; align-items:flex-start; gap:.95rem; min-width:0; }
.ach-product-card__media { flex:0 0 5.4rem; width:5.4rem; aspect-ratio:1; overflow:hidden; background:var(--ach-cream); border-radius:calc(var(--ach-card-radius,14px) - 4px); }
.ach-product-card__media[hidden] { display:none; }
.ach-product-card__content { flex:1 1 12rem; min-width:0; }
.ach-product-card__media[hidden] + .ach-product-card__content { flex-basis:100%; }
.ach-product-card__image { display:block; width:100%; height:100%; object-fit:cover; }
.ach-explorer__eyebrow,.ach-mobile-explorer__eyebrow { margin:0 0 .45rem; color:var(--ach-walnut); font-size:.66rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.ach-product-card__title { margin:0 0 .45rem; color:var(--ach-black); font-size:1.3rem; font-weight:500; line-height:1.2; }
.ach-product-card__text { margin:0; color:#4e453d; font-size:.84rem; line-height:1.75; }
.ach-explorer__actions { flex:0 0 100%; display:flex; flex-wrap:wrap; align-items:center; gap:.9rem; margin-top:.1rem; }
.ach-text-link { color:var(--ach-espresso); font-size:.84rem; font-weight:600; text-decoration:none; border-bottom:1px solid currentColor; }

#arshital-hero.is-explorer-active .ach-hero__copy,
#arshital-hero.is-explorer-active .ach-hero__scroll-cue { opacity:0; pointer-events:none; }

/* Native mobile video and product explorer */
.ach-mobile-explorer { display:none; color:var(--ach-espresso); background:var(--ach-ivory); }

@media (min-width:768px) {
  /* The Hero root is the pinned element in v2.1. It is explicitly hidden after
     ScrollTrigger releases it, preventing a stale fixed stage from bleeding
     behind later transparent Elementor sections. */
  #arshital-hero { z-index:1; }
  #arshital-hero.is-hero-pinned { z-index:30; }
  /* Keep the final frame visible while the pin is released. Hiding the
     hero root causes Elementor to show its white pin spacer for one frame. */
  #arshital-hero.is-hero-complete { visibility:visible; pointer-events:auto; }
}

@media (min-width:768px) and (max-width:1024px) {
  #arshital-hero .ach-hero__line { inset-inline-start:var(--ach-tablet-x,6%); bottom:var(--ach-tablet-y,31%); max-width:min(var(--ach-tablet-width,60%),calc(100% - 2.5rem)); font-size:clamp(var(--ach-tablet-font-min,26px),var(--ach-tablet-font-fluid,4.3vw),var(--ach-tablet-font-max,48px)); }
  #arshital-hero .ach-hero__actions { inset-inline-start:6%; }
  .ach-product-card__media { flex-basis:4.5rem; width:4.5rem; }
}

@media (max-width:767px) {
  #arshital-hero { min-height:88svh; }
  #arshital-hero .ach-hero__stage { height:88svh; min-height:0; }
  #arshital-hero .ach-hero__canvas,
  #arshital-hero .ach-stage-explorer { display:none !important; }
  #arshital-hero .ach-hero__poster { opacity:1; }
  #arshital-hero .ach-hero__mobile-video { display:block; }
  #arshital-hero .ach-hero__shade { background:linear-gradient(180deg,rgba(18,15,12,.58) 0%,rgba(18,15,12,.05) 46%,rgba(18,15,12,.70) 100%); }
  #arshital-hero .ach-hero__line { inset-inline-start:var(--ach-mobile-x,7%); bottom:var(--ach-mobile-y,31%); max-width:min(var(--ach-mobile-width,87%),calc(100% - 2.5rem)); font-size:clamp(var(--ach-mobile-font-min,22px),var(--ach-mobile-font-fluid,9vw),var(--ach-mobile-font-max,38px)); }
  #arshital-hero .ach-hero__actions { inset-inline-start:1.25rem; bottom:4.3rem; gap:.65rem; }
  #arshital-hero .ach-button { min-height:3rem; padding:.8rem 1rem; font-size:.82rem; }
  #arshital-hero .ach-hero__scroll-cue { display:none; }
  #arshital-hero.is-mobile-complete .ach-hero__line { opacity:0 !important; visibility:hidden; transform:translate3d(0,12px,0) !important; }
  #arshital-hero.is-mobile-complete .ach-hero__actions { opacity:1; visibility:visible; pointer-events:auto; }

  .ach-mobile-explorer { display:block; padding:3.6rem 1.25rem 4.5rem; }
  .ach-mobile-explorer__inner { width:min(100%,42rem); margin:0 auto; }
  .ach-mobile-explorer h2 { margin:0 0 1.25rem; max-width:13ch; color:var(--ach-black); font-size:clamp(2rem,9vw,3rem); font-weight:500; line-height:1.18; letter-spacing:-.04em; }
  .ach-mobile-explorer__visual { position:relative; margin:0 0 1.1rem; overflow:hidden; aspect-ratio:16 / 9; background:var(--ach-black); border-radius:var(--ach-card-radius,14px); }
  .ach-mobile-explorer__visual img { display:block; width:100%; height:100%; object-fit:contain; }
  .ach-mobile-explorer__visual::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.22)); }
  .ach-mobile-explorer__markers { position:absolute; z-index:2; inset:0; }
  .ach-mobile-explorer__marker { position:absolute; left:calc(var(--x) * 1%); top:calc(var(--y) * 1%); display:grid; place-items:center; width:var(--ach-hotspot-mobile-size,34px); height:var(--ach-hotspot-mobile-size,34px); margin:0; padding:0; color:var(--ach-hotspot-default-text,#2e241d); background:var(--ach-hotspot-default-bg,#f7f4ef); border:1px solid var(--ach-hotspot-ring,#c7a06a); border-radius:50%; box-shadow:0 .2rem 1.1rem rgba(0,0,0,.25); font:inherit; font-size:.62rem; font-weight:700; transform:translate(-50%,-50%); }
  .ach-mobile-explorer__marker.is-active { color:var(--ach-hotspot-active-text,#f7f4ef); background:var(--ach-hotspot-active-bg,#7c624a); transform:translate(-50%,-50%) scale(1.1); }
  .ach-mobile-explorer__list { display:flex; gap:.55rem; overflow-x:auto; padding:.25rem 0 .4rem; scrollbar-width:none; scroll-snap-type:x mandatory; scroll-padding-inline:48%; overscroll-behavior-inline:contain; }
  .ach-mobile-explorer__list::-webkit-scrollbar { display:none; }
  .ach-mobile-explorer__item { flex:0 0 auto; display:inline-flex; align-items:center; gap:.42rem; min-height:2.65rem; padding:.62rem .78rem; color:var(--ach-espresso); background:transparent; border:1px solid rgba(46,36,29,.22); border-radius:var(--ach-button-radius,10px); font:inherit; font-size:.76rem; scroll-snap-align:center; }
  .ach-mobile-explorer__item span { display:grid; place-items:center; width:1.28rem; height:1.28rem; color:var(--ach-walnut); border:1px solid currentColor; border-radius:50%; font-size:.55rem; }
  .ach-mobile-explorer__item.is-active { color:var(--ach-ivory); background:var(--ach-espresso); border-color:var(--ach-espresso); }
  .ach-mobile-explorer__item.is-active span { color:var(--ach-ivory); }
  .ach-mobile-explorer__card { margin-top:1.15rem; padding:1rem; color:var(--ach-espresso); background:var(--ach-cream); border-radius:var(--ach-card-radius,14px); }
  .ach-mobile-explorer__product-links { display:block; margin-top:1rem; border-top:1px solid rgba(46,36,29,.16); }
  .ach-mobile-explorer__product-links details { padding-top:.9rem; }
  .ach-mobile-explorer__product-links summary { color:var(--ach-espresso); font-size:.84rem; font-weight:600; cursor:pointer; list-style:none; }
  .ach-mobile-explorer__product-links summary::-webkit-details-marker { display:none; }
  .ach-mobile-explorer__product-links summary::after { content:"+"; display:inline-block; margin-inline-start:.45rem; color:var(--ach-walnut); font-size:1rem; transition:transform .2s ease; }
  .ach-mobile-explorer__product-links details[open] summary::after { transform:rotate(45deg); }
  .ach-mobile-explorer__product-links ul { display:grid; gap:.45rem; margin:.8rem 0 0; padding:0; list-style:none; }
  .ach-mobile-explorer__product-links a { display:block; padding:.72rem .82rem; color:var(--ach-espresso); background:rgba(247,244,239,.72); border:1px solid rgba(46,36,29,.16); border-radius:var(--ach-button-radius,10px); font-size:.83rem; line-height:1.45; text-decoration:none; }
}

/* Constrained desktops intentionally receive a responsive static poster and direct explorer. */
@media (min-width:768px) {
  #arshital-hero.is-performance-static .ach-hero__canvas { display:none; }
  #arshital-hero.is-performance-static .ach-hero__poster { opacity:1; }
}

.ach-noscript-product-links { margin:0; padding:1.25rem max(1.25rem,calc((100% - 72rem) / 2)); color:var(--ach-espresso); background:var(--ach-cream); }
.ach-noscript-product-links p { margin:0 0 .75rem; font-weight:600; }
.ach-noscript-product-links ul { display:flex; flex-wrap:wrap; gap:.55rem .8rem; margin:0; padding:0; list-style:none; }
.ach-noscript-product-links a { color:var(--ach-espresso); text-decoration:underline; text-underline-offset:.18em; }

@media (prefers-reduced-motion:reduce) {
  #arshital-hero *, .ach-mobile-explorer * { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
}


/* v2.2: hotpot-card visual stability */
#arshital-hero .ach-product-card__media,
.ach-mobile-explorer .ach-product-card__media { display:block; min-height:5.4rem; }
#arshital-hero .ach-product-card__media[hidden],
.ach-mobile-explorer .ach-product-card__media[hidden] { display:none !important; }
#arshital-hero .ach-product-card__media.is-image-missing,
.ach-mobile-explorer .ach-product-card__media.is-image-missing { display:none !important; }




/* v2.4 — exact mobile coordinate system
   The visual wrapper is exactly the rendered image box. Marker percentages are
   therefore measured against the same asset used by the admin calibration map. */
@media (max-width:767px) {
  .ach-mobile-explorer__visual {
    position:relative;
    display:block;
    width:100%;
    min-height:0;
    aspect-ratio:auto;
    line-height:0;
    overflow:hidden;
    background:var(--ach-black);
  }
  .ach-mobile-explorer__visual > img,
  .ach-mobile-explorer__visual > img[data-ach-mobile-map-image] {
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
    object-fit:initial;
    object-position:initial;
  }
  .ach-mobile-explorer__markers {
    position:absolute;
    z-index:2;
    inset:0;
  }
  .ach-mobile-explorer__marker {
    left:calc(var(--x) * 1%);
    top:calc(var(--y) * 1%);
    will-change:transform;
    transition:transform .18s ease,background-color .18s ease,color .18s ease,opacity .16s ease;
  }
}


/* v2.5 — One physical coordinate system for mobile hotspots.
   Mobile X = left-to-right percent of the image; Mobile Y = top-to-bottom.
   The rule is explicit so RTL styles from Woodmart/Elementor cannot mirror it. */
@media (max-width:767px) {
  #merno-mobile-explorer .ach-mobile-explorer__visual {
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    margin:0 0 1.1rem !important;
    padding:0 !important;
    overflow:hidden !important;
    line-height:0 !important;
    direction:ltr !important;
    unicode-bidi:isolate !important;
    isolation:isolate;
    contain:layout paint;
  }
  #merno-mobile-explorer .ach-mobile-explorer__visual > img,
  #merno-mobile-explorer .ach-mobile-explorer__visual > img[data-ach-mobile-map-image] {
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:fill !important;
    object-position:50% 50% !important;
  }
  #merno-mobile-explorer .ach-mobile-explorer__markers {
    position:absolute !important;
    z-index:3 !important;
    inset:0 !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    direction:ltr !important;
    unicode-bidi:isolate !important;
    pointer-events:none;
  }
  #merno-mobile-explorer .ach-mobile-explorer__marker,
  #merno-mobile-explorer[dir="rtl"] .ach-mobile-explorer__marker {
    position:absolute !important;
    left:calc(var(--x) * 1%) !important;
    top:calc(var(--y) * 1%) !important;
    right:auto !important;
    bottom:auto !important;
    inset-inline-start:auto !important;
    inset-inline-end:auto !important;
    inset-block-start:auto !important;
    inset-block-end:auto !important;
    margin:0 !important;
    transform:translate(-50%, -50%) !important;
    transform-origin:center center !important;
    pointer-events:auto;
    will-change:transform;
  }
  #merno-mobile-explorer .ach-mobile-explorer__marker.is-active,
  #merno-mobile-explorer[dir="rtl"] .ach-mobile-explorer__marker.is-active {
    transform:translate(-50%, -50%) scale(1.1) !important;
  }
}


/* v2.6 — Coordinate system repair.
   CSS calc() multiplication (e.g. calc(var(--x) * 1%)) is not reliably supported
   in current Safari/Chrome combinations. Coordinates are now emitted with the % unit
   in PHP/JS and consumed directly. This is intentionally physical LTR geometry. */
#arshital-hero .ach-hotspot {
  left: var(--ach-x, 50%) !important;
  top: var(--ach-y, 50%) !important;
  right: auto !important;
  bottom: auto !important;
}
#arshital-hero .ach-stage-explorer__card {
  --ach-card-x: 50%;
  --ach-card-y: 50%;
  left: var(--ach-card-x) !important;
  top: var(--ach-card-y) !important;
  right: auto !important;
  bottom: auto !important;
}
@media (max-width:767px) {
  #merno-mobile-explorer .ach-mobile-explorer__marker,
  #merno-mobile-explorer[dir="rtl"] .ach-mobile-explorer__marker {
    left: var(--ach-x, 50%) !important;
    top: var(--ach-y, 50%) !important;
    right: auto !important;
    bottom: auto !important;
  }
}


/* v3.1 — restore the proven v2.0 desktop pin/canvas presentation.
   Do not force position on .ach-hero__stage: ScrollTrigger must be able to
   switch it to fixed while it is pinned and restore it when the pin ends. */
@media (min-width:768px) {
  #arshital-hero .ach-hero__frame { display:none !important; }
  #arshital-hero .ach-hero__canvas {
    display:block !important;
    visibility:visible !important;
    z-index:2;
  }
  #arshital-hero.is-canvas-ready .ach-hero__canvas { opacity:1 !important; }
  #arshital-hero.is-canvas-ready .ach-hero__poster { opacity:0 !important; }
}

/* v3.2 — Mobile markers use the same visual grammar as the desktop hotspots.
   This comes after the coordinate-system rules on purpose: it changes only the
   button's appearance, not its physical left/top coordinate model. */
@media (max-width:767px) {
  #merno-mobile-explorer .ach-mobile-explorer__marker,
  #merno-mobile-explorer[dir="rtl"] .ach-mobile-explorer__marker {
    display:grid !important;
    place-items:center !important;
    box-sizing:border-box !important;
    width:var(--ach-hotspot-mobile-size,34px) !important;
    height:var(--ach-hotspot-mobile-size,34px) !important;
    min-width:var(--ach-hotspot-mobile-size,34px) !important;
    min-height:var(--ach-hotspot-mobile-size,34px) !important;
    aspect-ratio:1 / 1 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    color:var(--ach-hotspot-default-text,#2e241d) !important;
    background:var(--ach-hotspot-default-bg,#f7f4ef) !important;
    border:1px solid var(--ach-hotspot-ring,#c7a06a) !important;
    border-radius:50% !important;
    -webkit-border-radius:50% !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    box-shadow:0 .35rem 1.3rem rgba(0,0,0,.20) !important;
    font:inherit !important;
    font-size:.62rem !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-align:center !important;
  }

  #merno-mobile-explorer .ach-mobile-explorer__marker.is-active,
  #merno-mobile-explorer[dir="rtl"] .ach-mobile-explorer__marker.is-active {
    color:var(--ach-hotspot-active-text,#f7f4ef) !important;
    background:var(--ach-hotspot-active-bg,#7c624a) !important;
  }
}