/* APX equipment dual-view showroom — isolated below the untouched APX hero. */
:root{--apx-dual-green:#071510;--apx-dual-gold:#c1a56d;--apx-dual-ivory:#f4f1e8}
#apx-equipment-dual-v4{box-sizing:border-box;position:relative;isolation:isolate;display:block;width:min(1550px,calc(100% - 100px));margin:0 auto;padding:24px 0 106px;color:var(--apx-dual-ivory);background:transparent!important;}
#apx-equipment-dual-v4 *,#apx-equipment-dual-v4 *::before,#apx-equipment-dual-v4 *::after{box-sizing:border-box}
#apx-equipment-dual-v4 .apx-dual-grid{display:grid;grid-template-columns:minmax(315px,.82fr) minmax(0,1.22fr) minmax(0,1.22fr);column-gap:clamp(10px,2.2vw,36px);align-items:center}
#apx-equipment-dual-v4 .apx-dual-copy-zone{min-width:0;padding-right:clamp(10px,2.5vw,34px);align-self:center}
#apx-equipment-dual-v4 .apx-dual-eyebrow{font-size:11px;line-height:1.5;letter-spacing:.23em;color:var(--apx-dual-gold);font-weight:800;text-transform:uppercase;margin:0 0 30px}
#apx-equipment-dual-v4 .apx-dual-copy-space{position:relative;min-height:370px;overflow:hidden}
#apx-equipment-dual-v4 .apx-dual-copy{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s}
#apx-equipment-dual-v4 .apx-dual-copy.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .6s ease,transform .6s ease,visibility 0s}
#apx-equipment-dual-v4 .apx-dual-number{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.16em;color:rgba(244,241,232,.58);margin:0 0 17px}
#apx-equipment-dual-v4 .apx-dual-name{font-family:"Roboto Condensed","Arial Narrow",Arial,sans-serif;font-style:italic;font-weight:900;font-size:clamp(42px,4vw,69px);line-height:.92;letter-spacing:-.035em;text-transform:uppercase;color:var(--apx-dual-ivory);margin:0 0 26px}
#apx-equipment-dual-v4 .apx-dual-text{font-size:clamp(14px,1.14vw,17px);line-height:1.76;color:rgba(244,241,232,.76);max-width:410px;margin:0}
#apx-equipment-dual-v4 .apx-dual-maker{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:34px}
#apx-equipment-dual-v4 .apx-dual-maker-caption{color:rgba(244,241,232,.5);font-size:9px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}
#apx-equipment-dual-v4 .apx-dual-maker-name{font-family:"Roboto Condensed",Arial,sans-serif;color:var(--apx-dual-gold);font-size:24px;font-weight:800;letter-spacing:.14em}
#apx-equipment-dual-v4 .apx-dual-train-note{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--apx-dual-gold);margin:36px 0 0;font-weight:750}
#apx-equipment-dual-v4 .apx-dual-nav{margin-top:28px;display:flex;align-items:center;gap:23px;white-space:nowrap}
#apx-equipment-dual-v4 .apx-dual-nav button{appearance:none;background:transparent;border:1px solid rgba(193,165,109,.32);width:54px;height:44px;display:grid;place-items:center;color:#dec99e;font-size:26px;line-height:1;cursor:pointer;transition:border-color .25s ease,color .25s ease;background-color .25s ease;padding:0}
#apx-equipment-dual-v4 .apx-dual-nav button:hover{background:rgba(193,165,109,.075);border-color:var(--apx-dual-gold);color:#fff}
#apx-equipment-dual-v4 .apx-dual-nav button:disabled{opacity:.35;cursor:wait}
#apx-equipment-dual-v4 .apx-dual-count{color:var(--apx-dual-ivory);font-size:12px;letter-spacing:.2em;font-weight:750;font-variant-numeric:tabular-nums}
#apx-equipment-dual-v4 .apx-dual-view{position:relative;min-width:0;margin:0;align-self:stretch;display:flex;flex-direction:column;align-items:center}
#apx-equipment-dual-v4 .apx-dual-stage{position:relative;display:block;width:100%;max-width:530px;aspect-ratio:750/1424;overflow:hidden;background:transparent!important;isolation:isolate}
#apx-equipment-dual-v4 .apx-dual-model{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none;opacity:1;visibility:hidden;clip-path:inset(0 0 0 0);background:transparent!important}
#apx-equipment-dual-v4 .apx-dual-model.is-active{visibility:visible;z-index:1}
#apx-equipment-dual-v4 .apx-dual-model.apx-enter-v2{visibility:visible;z-index:3}
#apx-equipment-dual-v4 .apx-dual-stage{cursor:pointer}
#apx-equipment-dual-v4 .apx-dual-zoomtrigger{position:absolute;right:8px;bottom:15px;z-index:6;width:35px;height:35px;border:1px solid rgba(193,165,109,.53);border-radius:50%;display:grid;place-items:center;background:#071510;color:#d5bd8b;cursor:zoom-in;padding:0;transition:background .2s ease,border-color .2s ease}
#apx-equipment-dual-v4 .apx-dual-zoomtrigger:hover{background:#172a20;border-color:#d5bd8b}
#apx-equipment-dual-v4 .apx-dual-zoomtrigger svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}
#apx-equipment-dual-v4 .apx-dual-bottomline{height:1px;margin-top:32px;background:linear-gradient(90deg,rgba(193,165,109,.32),rgba(193,165,109,.08),transparent)}
#apx-equipment-dual-v4 button:focus-visible{outline:2px solid var(--apx-dual-gold);outline-offset:4px}
@media(max-width:1180px){
 #apx-equipment-dual-v4{width:calc(100% - 80px)}
 #apx-equipment-dual-v4 .apx-dual-grid{grid-template-columns:minmax(255px,.94fr) minmax(0,1fr) minmax(0,1fr);gap:12px}
 #apx-equipment-dual-v4 .apx-dual-copy-space{min-height:400px}
 #apx-equipment-dual-v4 .apx-dual-name{font-size:clamp(38px,4.2vw,55px)}
}
@media(max-width:780px){
 #apx-equipment-dual-v4{width:calc(100% - 32px);padding:16px 0 74px}
 #apx-equipment-dual-v4 .apx-dual-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px;column-gap:6px}
 #apx-equipment-dual-v4 .apx-dual-copy-zone{grid-column:1/-1;padding:0 7px}
 #apx-equipment-dual-v4 .apx-dual-eyebrow{margin-bottom:16px;font-size:9px}
 #apx-equipment-dual-v4 .apx-dual-copy-space{min-height:0;height:260px}
 #apx-equipment-dual-v4 .apx-dual-name{font-size:clamp(36px,9vw,56px);margin-bottom:14px}
 #apx-equipment-dual-v4 .apx-dual-text{font-size:14px;line-height:1.54;max-width:560px}
 #apx-equipment-dual-v4 .apx-dual-maker{margin-top:16px}
 #apx-equipment-dual-v4 .apx-dual-maker-name{font-size:19px}
 #apx-equipment-dual-v4 .apx-dual-train-note{margin-top:16px}
 #apx-equipment-dual-v4 .apx-dual-nav{margin-top:8px;gap:17px}
 #apx-equipment-dual-v4 .apx-dual-nav button{width:44px;height:40px}

 #apx-equipment-dual-v4 .apx-dual-stage{width:100%;aspect-ratio:750/1424}
 #apx-equipment-dual-v4 .apx-dual-zoomtrigger{right:2px;bottom:10px;width:30px;height:30px}
  }
@media(max-width:430px){
 #apx-equipment-dual-v4 .apx-dual-copy-space{height:300px}
 #apx-equipment-dual-v4 .apx-dual-name{font-size:38px}
 }
@media(prefers-reduced-motion:reduce){
 #apx-equipment-dual-v4 .apx-dual-model,#apx-equipment-dual-v4 .apx-dual-copy{transition:none!important}
}
/* Modal lives outside the page section to avoid stacking/overflow inherited from the site header. */
#apx-kit-modal-v1{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;background:rgba(2,11,8,.96);color:#f4f1e8;padding:20px;touch-action:none}
#apx-kit-modal-v1.is-open{display:flex}
#apx-kit-modal-v1 .apx-modal-close{position:absolute;top:max(14px,env(safe-area-inset-top));right:18px;width:44px;height:44px;border:1px solid rgba(193,165,109,.55);background:#071510;color:#f4f1e8;font-size:28px;cursor:pointer;z-index:3}
#apx-kit-modal-v1 .apx-modal-tools{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:14px;align-items:center;z-index:4}
#apx-kit-modal-v1 .apx-modal-tools button{border:1px solid rgba(193,165,109,.5);background:#071510;color:#f4f1e8;font-size:23px;width:45px;height:43px;cursor:pointer}
#apx-kit-modal-v1 .apx-modal-factor{font-size:12px;letter-spacing:.12em;font-variant-numeric:tabular-nums;width:55px;text-align:center}
#apx-kit-modal-v1 .apx-modal-viewport{position:relative;width:min(100%,1000px);height:min(86vh,900px);max-width:100%;overflow:hidden;touch-action:none;cursor:grab}
#apx-kit-modal-v1 .apx-modal-viewport.is-dragging{cursor:grabbing}
#apx-kit-modal-v1 .apx-modal-image{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center;user-select:none;-webkit-user-drag:none;pointer-events:none}
#apx-kit-modal-v1 .apx-modal-help{position:absolute;left:24px;top:24px;color:rgba(244,241,232,.6);font-size:11px;letter-spacing:.1em;text-transform:uppercase}

/* V3: fixed-size stage with two unchanged anchor positions. Neutral sportswear is
   visible only while changing kits. Individual garment sprites are ANIMATION ONLY. */
#apx-equipment-dual-v4 .apx-dual-stage { isolation:isolate; overflow:hidden; }
#apx-equipment-dual-v4 .apx-v4-photo,
#apx-equipment-dual-v4 .apx-v4-base,
#apx-equipment-dual-v4 .apx-v4-ghost {
  position:absolute; inset:0; display:block; width:100%; height:100%;
  object-fit:contain; object-position:center bottom;
  background:transparent!important; user-select:none; pointer-events:none;
  -webkit-user-drag:none; transform-origin:center;
}
#apx-equipment-dual-v4 .apx-v4-photo { opacity:0; z-index:2; }
#apx-equipment-dual-v4 .apx-v4-photo.is-active { opacity:1; }
#apx-equipment-dual-v4 .apx-v4-photo.is-upcoming { z-index:4; }
#apx-equipment-dual-v4 .apx-v4-base { z-index:3; opacity:0; }
#apx-equipment-dual-v4 .apx-v4-ghost { z-index:5; opacity:0; }
#apx-equipment-dual-v4 .apx-dual-zoomtrigger{z-index:8;}
#apx-equipment-dual-v4 .apx-dual-copy {visibility:hidden;opacity:0;pointer-events:none;transform:none;transition:none!important;}
#apx-equipment-dual-v4 .apx-dual-copy.is-active,
#apx-equipment-dual-v4 .apx-dual-copy.is-entering{visibility:visible;}
#apx-equipment-dual-v4 .apx-dual-copy.is-active{opacity:1;pointer-events:auto;}
#apx-equipment-dual-v4 .apx-dual-copy.is-entering{opacity:0;pointer-events:none;}
#apx-equipment-dual-v4 .apx-dual-copy-zone{position:relative;z-index:9;}
#apx-equipment-dual-v4 .apx-dual-grid{align-items:center;}
@media (min-width:781px){
  #apx-equipment-dual-v4 .apx-dual-view{justify-content:center;}
  #apx-equipment-dual-v4 .apx-dual-copy-space{min-height:430px;}
}
@media(max-width:780px){
  #apx-equipment-dual-v4 .apx-dual-stage{max-width:530px;aspect-ratio:750/1424;}
  #apx-equipment-dual-v4 .apx-dual-copy-space{height:270px;}
}
@media(max-width:430px){
  #apx-equipment-dual-v4 .apx-dual-copy-space{height:310px;}
}

/* V4: one fixed base (first home mannequin); equipment sprites never move bodies. */
#apx-equipment-dual-v4 .apx-dual-stage{isolation:isolate;overflow:hidden;}
#apx-equipment-dual-v4 .apx-v4-base{z-index:1;opacity:1;}
#apx-equipment-dual-v4 .apx-v4-photo{z-index:2;opacity:0;transform:none!important;}
#apx-equipment-dual-v4 .apx-v4-photo.is-active{opacity:1;z-index:2;}
#apx-equipment-dual-v4 .apx-v4-photo.is-upcoming{z-index:4;}
#apx-equipment-dual-v4 .apx-v4-ghost{z-index:5;opacity:0;}
#apx-equipment-dual-v4 .apx-dual-copy{transition:none!important;}