.atg-cactus{
  position:relative;
  width:100%;
  height:100svh;
  min-height:620px;
  overflow:hidden;
  background:#f5f5f5;
  color:#111;
  isolation:isolate;
  touch-action:none;
}
.atg-cactus__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:default}
.atg-cactus__edge-fade{position:absolute;inset:0;z-index:5;pointer-events:none;background:
  linear-gradient(to right,rgba(255,255,255,.96) 0%,rgba(255,255,255,.72) 2.5%,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 90%,rgba(255,255,255,.72) 97.5%,rgba(255,255,255,.96) 100%),
  linear-gradient(to bottom,rgba(255,255,255,.9) 0%,rgba(255,255,255,.48) 3%,rgba(255,255,255,0) 12%,rgba(255,255,255,0) 88%,rgba(255,255,255,.48) 97%,rgba(255,255,255,.9) 100%);
  mix-blend-mode:normal;
}

.atg-cactus__intro{position:absolute;inset:0;z-index:8;pointer-events:none;background:#fff;opacity:1;transition:opacity .7s cubic-bezier(.2,.75,.2,1);}
.atg-cactus__intro.is-running{opacity:.08;transition-duration:1.1s;}
.atg-cactus__intro.is-complete{opacity:0;visibility:hidden;}
@media (prefers-reduced-motion: reduce){
  .atg-cactus__intro{opacity:0;visibility:hidden;transition:none}
}
.atg-cactus__ui{position:absolute;inset:0;z-index:10;pointer-events:none;font-family:Arial,Helvetica,sans-serif;font-size:12px}
.atg-cactus__hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);color:#777;font-size:11px;white-space:nowrap;opacity:.72;transition:opacity .5s}
.atg-cactus.is-engaged .atg-cactus__hint{opacity:.15}
.atg-cactus__dependency{padding:30px}
@media(max-width:768px){
  .atg-cactus{min-height:560px;height:100svh}
  .atg-cactus__edge-fade{background:
    linear-gradient(to right,rgba(255,255,255,.98) 0%,rgba(255,255,255,.78) 4%,rgba(255,255,255,0) 15%,rgba(255,255,255,0) 85%,rgba(255,255,255,.78) 96%,rgba(255,255,255,.98) 100%),
    linear-gradient(to bottom,rgba(255,255,255,.92) 0%,rgba(255,255,255,.52) 4%,rgba(255,255,255,0) 15%,rgba(255,255,255,0) 85%,rgba(255,255,255,.52) 96%,rgba(255,255,255,.92) 100%);
  }
  .atg-cactus__hint{bottom:max(14px,env(safe-area-inset-bottom));font-size:10px}
}

.atg-cactus__asset-loader{
  position:fixed;left:0;top:0;width:44px;height:2px;z-index:9;pointer-events:none;
  opacity:0;visibility:hidden;transform:translate3d(-100px,-100px,0);
  background:rgba(20,20,20,.18);overflow:hidden;transition:opacity .18s ease,visibility .18s ease;
}
.atg-cactus__asset-loader::after{
  content:'';position:absolute;left:-55%;top:0;width:55%;height:100%;
  background:rgba(20,20,20,.78);animation:atgAssetLoad 1.05s ease-in-out infinite;
}
.atg-cactus__asset-loader.is-visible{opacity:.82;visibility:visible}
@keyframes atgAssetLoad{0%{transform:translateX(0)}100%{transform:translateX(280%)} }
@media(prefers-reduced-motion:reduce){.atg-cactus__asset-loader::after{animation:none;left:0;width:45%}}
@media(max-width:768px){.atg-cactus__asset-loader{width:38px}}

/* Global overlay shortcode: appears only after the page finishes loading. */
.atg-cactus__global-overlay{
  position:absolute;
  left:50%;
  top:50%;
  z-index:20;
  max-width:min(92vw,600px);
  transform:translate3d(-50%,calc(-50% + 14px),0);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .45s ease, transform .45s ease, visibility .45s ease;
  text-align:center;
}
.atg-cactus__global-overlay.is-visible{
  opacity:1;
  visibility:visible;
  transform:translate3d(-50%,-50%,0);
  pointer-events:auto;
}
.atg-cactus__global-overlay.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.atg-cactus__global-overlay a,
.atg-cactus__global-overlay button,
.atg-cactus__global-overlay input,
.atg-cactus__global-overlay select,
.atg-cactus__global-overlay textarea{
  pointer-events:auto;
}
@media(max-width:768px){
  .atg-cactus__global-overlay{bottom:max(7%,env(safe-area-inset-bottom));max-width:94vw}
}
@media(prefers-reduced-motion:reduce){
  .atg-cactus__global-overlay{transition:none}
}


/* v3.20.8 mobile gallery refinements */
@media (max-width: 767px) {
  .atg-detail__hero-media {
    height: 90px;
    min-height: 90px;
    max-height: 90px;
    width: auto;
    max-width: 100%;
    overflow: visible;
  }

  .atg-detail__hero-media img,
  .atg-detail__hero-media video {
    height: 90px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    display: block;
  }

  .atg-detail__gallery-nav--prev {
    left: -15px;
    right: auto;
    top: -10px;
  }

  .atg-detail__gallery-nav--next {
    left: 30px;
    right: auto;
    top: -10px;
  }
}