/* NicAlliance product detail interaction study
   Scoped to .product-detail93 so the current portfolio pages remain untouched
   until this system is approved. */

.product-detail93{
  --product-warm:#b69b58;
  --product-warm-soft:#ddd2b6;
  --product-cream:#f3f0e8;
  --product-paper:#fbfaf6;
  --product-dark:#0f2821;
  --product-dark-2:#15352b;
}

/* Keep the approved editorial hero, but let the material feel like a live surface. */
.product-detail93 .product-material-v08 img{
  transform:scale(1.015);
  transition:transform 1.2s cubic-bezier(.16,.76,.18,1),filter .6s ease;
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .product-detail93 .product-material-v08:hover img{
    transform:scale(1.055) translate3d(-.5%,.2%,0);
    filter:saturate(.9) contrast(1.06);
  }
}

/* PRODUCT FACT RAIL ------------------------------------------------------- */
.product-detail93 .product-ledger93{
  position:relative;
  z-index:2;
  background:#e7e3d9!important;
  overflow:hidden;
}
.product-detail93 .ledger-cell93{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  cursor:default;
  transition:background-color .35s ease,color .35s ease,transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s ease;
}
.product-detail93 .ledger-cell93:before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:2px;
  background:var(--product-warm);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .42s cubic-bezier(.16,.76,.18,1);
  z-index:2;
}
.product-detail93 .ledger-cell93:after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  border:1px solid rgba(182,155,88,.28);
  border-radius:50%;
  right:-70px;
  bottom:-85px;
  opacity:0;
  transform:scale(.72);
  transition:opacity .35s ease,transform .65s cubic-bezier(.16,.76,.18,1);
  z-index:-1;
}
.product-detail93 .ledger-cell93 small,
.product-detail93 .ledger-cell93 b,
.product-detail93 .ledger-cell93 em{
  position:relative;
  z-index:2;
  transition:transform .35s cubic-bezier(.2,.75,.2,1),color .3s ease;
}
.product-detail93 .ledger-cell93 b{max-width:88%;}
.product-detail93 .ledger-signal{
  position:absolute;
  right:17px;
  top:16px;
  width:28px;
  height:28px;
  opacity:.5;
  pointer-events:none;
  transition:opacity .3s ease,transform .5s cubic-bezier(.16,.76,.18,1);
}
.product-detail93 .ledger-signal:before,
.product-detail93 .ledger-signal:after{content:"";position:absolute;}
.product-detail93 .signal-liquid:before{
  width:24px;height:11px;left:2px;top:8px;border:1px solid #788079;border-radius:50%;
}
.product-detail93 .signal-liquid:after{
  width:24px;height:11px;left:2px;top:4px;border:1px solid rgba(120,128,121,.35);border-radius:50%;
}
.product-detail93 .signal-assay:before{
  width:23px;height:1px;left:2px;top:14px;background:#788079;box-shadow:0 -6px 0 rgba(120,128,121,.28),0 6px 0 rgba(120,128,121,.28);
}
.product-detail93 .signal-assay:after{
  width:2px;height:18px;left:21px;top:5px;background:var(--product-warm);
}
.product-detail93 .signal-standard:before{
  width:10px;height:18px;left:3px;top:5px;border:1px solid #788079;
}
.product-detail93 .signal-standard:after{
  width:10px;height:18px;right:3px;top:5px;border:1px solid #788079;
}
.product-detail93 .signal-route:before{
  width:19px;height:19px;left:4px;top:4px;border:1px solid #788079;border-radius:50%;
}
.product-detail93 .signal-route:after{
  width:7px;height:7px;right:2px;top:3px;border-top:1px solid var(--product-warm);border-right:1px solid var(--product-warm);
}
@media (hover:hover){
  .product-detail93 .ledger-cell93:hover{
    background:#ded6c3;
    box-shadow:inset 0 0 0 1px rgba(182,155,88,.14);
  }
  .product-detail93 .ledger-cell93:hover:before{transform:scaleX(1)}
  .product-detail93 .ledger-cell93:hover:after{opacity:1;transform:scale(1)}
  .product-detail93 .ledger-cell93:hover b{transform:translateY(-2px);color:#172019}
  .product-detail93 .ledger-cell93:hover em{transform:translateY(2px);color:#4f5c54}
  .product-detail93 .ledger-cell93:hover .ledger-signal{opacity:1;transform:translateY(-2px) rotate(3deg)}
}

/* QUALIFICATION EVIDENCE ------------------------------------------------- */
.product-detail93 .qualify-v08.qualify93{
  position:relative;
  background:linear-gradient(180deg,#f6f3ec 0%,#efebe2 100%);
  overflow:clip;
}
.product-detail93 .qualify-v08.qualify93:after{
  content:"";
  position:absolute;
  width:440px;height:440px;
  border:1px solid rgba(24,58,47,.075);
  border-radius:50%;
  left:-270px;bottom:-265px;
  pointer-events:none;
}
.product-detail93 .qualification-sheet93{border-top:1px solid #aeb4ae;}
.product-detail93 .qual-row93{
  position:relative;
  isolation:isolate;
  /* Give the numbered marker its own breathing room so it never collides
     with the active evidence rail. */
  padding:17px 12px 17px 18px!important;
  transition:transform .46s cubic-bezier(.22,.72,.18,1),background-color .38s ease,box-shadow .4s ease;
  outline:none;
}
.product-detail93 .qual-row93:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:2px;
  background:var(--product-warm);
  transform:scaleY(0);
  transform-origin:top;
  transition:transform .38s cubic-bezier(.16,.76,.18,1);
}
.product-detail93 .qual-row93:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(182,155,88,.13),rgba(182,155,88,.025) 50%,transparent 80%);
  opacity:0;
  z-index:-1;
  transition:opacity .35s ease;
}
.product-detail93 .qual-row93 .n{
  display:grid;place-items:center;
  width:27px;height:27px;
  border:1px solid #aeb4ae;
  border-radius:50%;
  transition:background-color .3s ease,border-color .3s ease,color .3s ease,transform .35s cubic-bezier(.2,.75,.2,1);
}
.product-detail93 .qual-row93 strong{display:block;margin-top:5px;letter-spacing:.08em;}
.product-detail93 .qual-row93 h3,
.product-detail93 .qual-row93 p{transition:transform .35s cubic-bezier(.2,.75,.2,1),color .3s ease;}
.product-detail93 .qual-row93.is-active,
.product-detail93 .qual-row93:focus-visible{
  background:rgba(255,255,255,.45);
  box-shadow:0 10px 28px rgba(32,40,34,.055);
}
.product-detail93 .qual-row93.is-active:before,
.product-detail93 .qual-row93:focus-visible:before{transform:scaleY(1)}
.product-detail93 .qual-row93.is-active:after,
.product-detail93 .qual-row93:focus-visible:after{opacity:1}
.product-detail93 .qual-row93.is-active .n,
.product-detail93 .qual-row93:focus-visible .n{
  background:var(--product-warm);
  border-color:var(--product-warm);
  color:#192018;
  transform:scale(1.025);
}
.product-detail93 .qual-row93.is-active h3,
.product-detail93 .qual-row93:focus-visible h3{transform:translateX(3px);}
.product-detail93 .qual-row93.is-active p,
.product-detail93 .qual-row93:focus-visible p{transform:translateX(2px);color:#48534c;}
@media (hover:hover){
  .product-detail93 .qual-row93:hover{
    background:rgba(255,255,255,.45);
    box-shadow:0 10px 28px rgba(32,40,34,.055);
  }
  .product-detail93 .qual-row93:hover:before{transform:scaleY(1)}
  .product-detail93 .qual-row93:hover:after{opacity:1}
  .product-detail93 .qual-row93:hover .n{background:var(--product-warm);border-color:var(--product-warm);color:#192018;transform:scale(1.025)}
  .product-detail93 .qual-row93:hover h3{transform:translateX(3px)}
  .product-detail93 .qual-row93:hover p{transform:translateX(2px);color:#48534c}
}

/* RELATED APPLICATIONS --------------------------------------------------- */
.product-detail93 .product-app-v08.product-app93{
  padding-top:46px!important;
  padding-bottom:46px!important;
  background:linear-gradient(110deg,#0d251e 0%,#113229 55%,#0e2a22 100%)!important;
  position:relative;
  overflow:hidden;
}
.product-detail93 .product-app93:after{
  content:"";
  position:absolute;
  width:380px;height:380px;
  right:-180px;top:-225px;
  border:1px solid rgba(182,155,88,.18);
  border-radius:50%;
  pointer-events:none;
}
.product-detail93 .application-head93{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:40px;
  align-items:end;
  margin-bottom:20px;
}
.product-detail93 .application-head93 .v08-display{margin-bottom:0;}
.product-detail93 .application-head93 p{
  margin:0;
  max-width:620px;
  color:#c2cec6;
  font-size:14px;
  line-height:1.55;
  justify-self:end;
}
.product-detail93 .application-bands93{margin-top:0!important;}
.product-detail93 .application-band93{
  position:relative;
  isolation:isolate;
  min-height:72px;
  padding:14px 8px 14px 0!important;
  /* Keep the row physically stable. Interaction should feel like a surface
     response, not the row being shoved sideways. */
  transition:background-color .52s ease,box-shadow .52s ease;
  outline:none;
}
.product-detail93 .application-band93:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(182,155,88,.085),rgba(255,255,255,.018) 58%,transparent);
  opacity:0;
  z-index:-1;
  transition:opacity .52s ease;
}
.product-detail93 .application-band93 span{
  display:grid;
  place-items:center;
  width:29px;height:29px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  transition:transform .48s cubic-bezier(.22,.72,.18,1),background-color .34s ease,border-color .34s ease,color .34s ease;
}
.product-detail93 .application-band93 b,
.product-detail93 .application-band93 p,
.product-detail93 .application-band93 a{
  transition:transform .52s cubic-bezier(.22,.72,.18,1),color .44s ease;
}
.product-detail93 .application-band93 p{color:#c0ccc4!important;}
.product-detail93 .application-band93 a{
  display:inline-flex;align-items:center;gap:7px;
  color:#d9eaa0!important;
  white-space:nowrap;
}
.product-detail93 .application-band93 a:after{content:"→";display:inline-block;transition:transform .48s cubic-bezier(.22,.72,.18,1);}
.product-detail93 .application-band93.is-active,
.product-detail93 .application-band93:focus-within{background:rgba(255,255,255,.018);box-shadow:inset 2px 0 0 rgba(182,155,88,.55);}
.product-detail93 .application-band93.is-active:before,
.product-detail93 .application-band93:focus-within:before{opacity:1}
.product-detail93 .application-band93.is-active span,
.product-detail93 .application-band93:focus-within span{
  background:var(--product-warm);
  border-color:var(--product-warm);
  color:#172019;
  transform:translateX(8px);
}
.product-detail93 .application-band93.is-active b,
.product-detail93 .application-band93:focus-within b{transform:translateX(1.5px)}
.product-detail93 .application-band93.is-active a:after,
.product-detail93 .application-band93:focus-within a:after{transform:translateX(3px)}
@media (hover:hover){
  .product-detail93 .application-band93:hover{background:rgba(255,255,255,.018);box-shadow:inset 2px 0 0 rgba(182,155,88,.55)}
  .product-detail93 .application-band93:hover:before{opacity:1}
  .product-detail93 .application-band93:hover span{
    background:var(--product-warm);
    border-color:var(--product-warm);
    color:#172019;
    transform:translateX(8px);
  }
  .product-detail93 .application-band93:hover b{transform:translateX(1.5px)}
  .product-detail93 .application-band93:hover a:after{transform:translateX(3px)}
}

/* DOCUMENT ARTIFACT ------------------------------------------------------- */
.product-detail93 .product-doc-v08.product-doc93{
  background:linear-gradient(180deg,#ece7dd 0%,#e3ddd1 100%)!important;
  align-items:center;
  overflow:hidden;
}
.product-detail93 .doc-interaction-note93{
  display:flex;align-items:center;gap:9px;
  margin-top:18px;
  font:9px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.07em;text-transform:uppercase;color:#6d766f;
}
.product-detail93 .doc-interaction-note93:before{
  content:"";width:7px;height:7px;border-radius:50%;background:var(--product-warm);box-shadow:0 0 0 5px rgba(182,155,88,.12);
}
.product-detail93 .paper-stack93{
  min-height:365px!important;
  perspective:1400px;
  transform-style:preserve-3d;
  touch-action:pan-y;
}
.product-detail93 .paper93{
  cursor:pointer;
  width:78%!important;
  min-height:235px!important;
  transition:left .82s cubic-bezier(.16,.76,.18,1),top .82s cubic-bezier(.16,.76,.18,1),transform .82s cubic-bezier(.16,.76,.18,1),box-shadow .58s ease,filter .58s ease,opacity .58s ease!important;
  outline:none;
  will-change:transform,left,top;
}
.product-detail93 .paper93 .paper-surface93{
  min-height:201px;
  transform-style:preserve-3d;
  transition:transform .2s ease;
}
.product-detail93 .paper93[data-stack="back"]{
  left:0!important;top:72px!important;z-index:1;
  transform:rotate(-2.2deg) translateZ(-26px) scale(.965)!important;
  filter:saturate(.82) brightness(.985);
}
.product-detail93 .paper93[data-stack="middle"]{
  left:10.5%!important;top:36px!important;z-index:2;
  transform:rotate(1.25deg) translateZ(-12px) scale(.982)!important;
}
.product-detail93 .paper93[data-stack="front"]{
  left:21%!important;top:0!important;z-index:3;
  transform:rotate(0deg) translateZ(12px) scale(1.012)!important;
  box-shadow:0 25px 54px rgba(23,32,25,.15)!important;
}
.product-detail93 .paper93[data-stack="front"] .paper-top span:first-child{color:#715f34;}
.product-detail93 .paper93:focus-visible{
  box-shadow:0 0 0 3px rgba(182,155,88,.4),0 22px 48px rgba(23,32,25,.12)!important;
}
.product-detail93 .paper93:after{
  content:"Click to bring forward";
  position:absolute;
  right:15px;bottom:13px;
  font:8px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.06em;text-transform:uppercase;color:#7c847e;
  opacity:0;
  transition:opacity .25s ease;
}
@media (hover:hover){
  .product-detail93 .paper93:not([data-stack="front"]):hover{
    filter:none;
    translate:-3px -3px;
    box-shadow:0 18px 38px rgba(23,32,25,.11)!important;
  }
  .product-detail93 .paper93:not([data-stack="front"]):hover:after{opacity:1;}
  .product-detail93 .paper93[data-stack="front"]:hover{box-shadow:0 26px 58px rgba(23,32,25,.16)!important;}
}
.product-detail93 .paper93.is-selected93 .paper-surface93{
  animation:paperSelect93 .46s cubic-bezier(.2,.74,.18,1) both!important;
}
@keyframes paperSelect93{
  0%{filter:brightness(1);}
  42%{filter:brightness(1.035);}
  100%{filter:brightness(1);}
}
@media (prefers-reduced-motion:no-preference){
  .product-detail93 .paper93[data-stack="back"] .paper-surface93{animation:paperIdleBack93 7.8s ease-in-out infinite alternate;}
  .product-detail93 .paper93[data-stack="middle"] .paper-surface93{animation:paperIdleMid93 9s ease-in-out infinite alternate;}
  .product-detail93 .paper93[data-stack="front"] .paper-surface93{animation:paperIdleFront93 8.4s ease-in-out infinite alternate;}
  @keyframes paperIdleBack93{from{translate:0 0}to{translate:0 2px}}
  @keyframes paperIdleMid93{from{translate:0 1px}to{translate:1px -1px}}
  @keyframes paperIdleFront93{from{translate:0 0}to{translate:-1px 2px}}
}

/* NEXT ROUTES / FOOTER BRIDGE -------------------------------------------- */
.product-detail93 .route-strip.route-strip93{
  background:#123027!important;
  color:#f5f7f3;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.product-detail93 .route-strip93 a{
  position:relative;
  min-height:82px;
  padding:14px clamp(18px,2.5vw,34px)!important;
  border-right:1px solid rgba(255,255,255,.1)!important;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto 1fr;
  align-content:center;
  gap:5px 18px;
  overflow:hidden;
  isolation:isolate;
  transition:color .32s ease,background-color .32s ease;
}
.product-detail93 .route-strip93 a:last-child{border-right:0!important;}
.product-detail93 .route-strip93 a:before{
  content:"";
  position:absolute;inset:0;
  background:var(--product-warm);
  transform:translateY(102%);
  transition:transform .42s cubic-bezier(.16,.76,.18,1);
  z-index:-1;
}
.product-detail93 .route-strip93 .route-meta93{
  grid-column:1;
  margin:0!important;
  font:9px ui-monospace,SFMono-Regular,Menlo,monospace!important;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#9fb0a6!important;
  transition:color .3s ease;
}
.product-detail93 .route-strip93 strong{
  grid-column:1;
  font-size:16px;
  line-height:1.2;
  align-self:end;
}
.product-detail93 .route-strip93 i{
  grid-column:2;
  grid-row:1/3;
  align-self:center;
  font-style:normal;
  font-size:18px;
  color:#dce8df;
  transition:transform .35s cubic-bezier(.2,.75,.2,1),color .3s ease;
}
@media (hover:hover){
  .product-detail93 .route-strip93 a:hover{color:#172019;}
  .product-detail93 .route-strip93 a:hover:before{transform:translateY(0)}
  .product-detail93 .route-strip93 a:hover .route-meta93{color:#42503f!important;}
  .product-detail93 .route-strip93 a:hover i{transform:translate(5px,-4px);color:#172019;}
}
.product-detail93 .footer93{border-top:0!important;}

/* Entry choreography: internal section motion only, no section wipes. */
@media (prefers-reduced-motion:no-preference){
  .product-detail93 [data-reveal93]{
    opacity:0;
    transform:translateY(18px);
    transition:opacity .68s ease,transform .72s cubic-bezier(.16,.76,.18,1);
  }
  .product-detail93 [data-reveal93].is-visible93{opacity:1;transform:translateY(0);}
  .product-detail93 .ledger-cell93[data-reveal93]:nth-child(2){transition-delay:.06s}
  .product-detail93 .ledger-cell93[data-reveal93]:nth-child(3){transition-delay:.12s}
  .product-detail93 .ledger-cell93[data-reveal93]:nth-child(4){transition-delay:.18s}
  .product-detail93 .qual-row93[data-reveal93]:nth-child(2){transition-delay:.05s}
  .product-detail93 .qual-row93[data-reveal93]:nth-child(3){transition-delay:.10s}
  .product-detail93 .qual-row93[data-reveal93]:nth-child(4){transition-delay:.15s}
}

@media(max-width:850px){
  .product-detail93 .application-head93{grid-template-columns:1fr;gap:12px;align-items:start;}
  .product-detail93 .application-head93 p{justify-self:start;}
  .product-detail93 .paper-stack93{min-height:330px!important;margin-top:6px;}
  .product-detail93 .paper93{width:82%!important;}
  .product-detail93 .route-strip93 a{min-height:76px;}
}
@media(max-width:620px){
  .product-detail93 .paper-stack93{min-height:310px!important;}
  .product-detail93 .paper93{width:88%!important;min-height:220px!important;}
  .product-detail93 .paper93[data-stack="back"]{left:0!important;top:58px!important;}
  .product-detail93 .paper93[data-stack="middle"]{left:6%!important;top:29px!important;}
  .product-detail93 .paper93[data-stack="front"]{left:12%!important;top:0!important;}
  .product-detail93 .route-strip93 a{min-height:72px;padding:13px 18px!important;}
  .product-detail93 .route-strip93 strong{font-size:16px;}
}

@media (prefers-reduced-motion:reduce){
  .product-detail93 *,
  .product-detail93 *:before,
  .product-detail93 *:after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
  }
  .product-detail93 [data-reveal93]{opacity:1!important;transform:none!important;}
}

/* DOCUMENT STACK V4: native CSS state, no JavaScript required -------------- */
.product-detail93 .paper-choice93{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}
.product-detail93 .paper-stack93 .paper93{
  user-select:none;
  -webkit-user-select:none;
  pointer-events:auto;
}

/* Reset v3 data-state assumptions. Labels get their geometry from the
   checked native radio state below, so this survives environments where
   external JavaScript is blocked or stripped. */
.product-detail93 .paper-stack93 .paper93{
  left:0!important;
  top:0!important;
  z-index:1;
  transform:none!important;
  filter:none;
}

/* COA selected: TDS back, SDS middle, COA front. */
.product-detail93 #doc-coa93:checked ~ .paper-tds93{
  left:0!important;top:72px!important;z-index:1;
  transform:rotate(-2.2deg) translateZ(-26px) scale(.965)!important;
  filter:saturate(.82) brightness(.985);
}
.product-detail93 #doc-coa93:checked ~ .paper-sds93{
  left:10.5%!important;top:36px!important;z-index:2;
  transform:rotate(1.25deg) translateZ(-12px) scale(.982)!important;
}
.product-detail93 #doc-coa93:checked ~ .paper-coa93{
  left:21%!important;top:0!important;z-index:3;
  transform:rotate(0) translateZ(12px) scale(1.012)!important;
  box-shadow:0 25px 54px rgba(23,32,25,.15)!important;
}

/* SDS selected: TDS back, COA middle, SDS front. */
.product-detail93 #doc-sds93:checked ~ .paper-tds93{
  left:0!important;top:72px!important;z-index:1;
  transform:rotate(-2.2deg) translateZ(-26px) scale(.965)!important;
  filter:saturate(.82) brightness(.985);
}
.product-detail93 #doc-sds93:checked ~ .paper-coa93{
  left:10.5%!important;top:36px!important;z-index:2;
  transform:rotate(1.25deg) translateZ(-12px) scale(.982)!important;
}
.product-detail93 #doc-sds93:checked ~ .paper-sds93{
  left:21%!important;top:0!important;z-index:3;
  transform:rotate(0) translateZ(12px) scale(1.012)!important;
  box-shadow:0 25px 54px rgba(23,32,25,.15)!important;
}

/* TDS selected: COA back, SDS middle, TDS front. */
.product-detail93 #doc-tds93:checked ~ .paper-coa93{
  left:0!important;top:72px!important;z-index:1;
  transform:rotate(-2.2deg) translateZ(-26px) scale(.965)!important;
  filter:saturate(.82) brightness(.985);
}
.product-detail93 #doc-tds93:checked ~ .paper-sds93{
  left:10.5%!important;top:36px!important;z-index:2;
  transform:rotate(1.25deg) translateZ(-12px) scale(.982)!important;
}
.product-detail93 #doc-tds93:checked ~ .paper-tds93{
  left:21%!important;top:0!important;z-index:3;
  transform:rotate(0) translateZ(12px) scale(1.012)!important;
  box-shadow:0 25px 54px rgba(23,32,25,.15)!important;
}

/* Selected visual state. */
.product-detail93 #doc-coa93:checked ~ .paper-coa93 .paper-top span:first-child,
.product-detail93 #doc-sds93:checked ~ .paper-sds93 .paper-top span:first-child,
.product-detail93 #doc-tds93:checked ~ .paper-tds93 .paper-top span:first-child{
  color:#715f34;
}
.product-detail93 #doc-coa93:checked ~ .paper-coa93:after,
.product-detail93 #doc-sds93:checked ~ .paper-sds93:after,
.product-detail93 #doc-tds93:checked ~ .paper-tds93:after{
  content:"Selected";
  opacity:.7;
}
.product-detail93 #doc-coa93:focus-visible ~ .paper-coa93,
.product-detail93 #doc-sds93:focus-visible ~ .paper-sds93,
.product-detail93 #doc-tds93:focus-visible ~ .paper-tds93{
  outline:3px solid rgba(182,155,88,.42);
  outline-offset:3px;
}

/* Restore the compact stack geometry at narrower breakpoints for every state. */
@media (max-width:900px){
  .product-detail93 #doc-coa93:checked ~ .paper-tds93,
  .product-detail93 #doc-sds93:checked ~ .paper-tds93,
  .product-detail93 #doc-tds93:checked ~ .paper-coa93{left:0!important;top:58px!important;}
  .product-detail93 #doc-coa93:checked ~ .paper-sds93,
  .product-detail93 #doc-sds93:checked ~ .paper-coa93,
  .product-detail93 #doc-tds93:checked ~ .paper-sds93{left:6%!important;top:29px!important;}
  .product-detail93 #doc-coa93:checked ~ .paper-coa93,
  .product-detail93 #doc-sds93:checked ~ .paper-sds93,
  .product-detail93 #doc-tds93:checked ~ .paper-tds93{left:12%!important;top:0!important;}
}

/* State-aware transparent hit strips sit above the overlapping geometry.
   They map the exposed left edge of the back/middle sheets to the correct
   native radio, avoiding transformed-card hit-testing ambiguity. */
.product-detail93 .paper-hit93{
  position:absolute;
  display:block;
  z-index:12;
  cursor:pointer;
  background:transparent;
}
.product-detail93 .paper-hit-back93{left:0;top:58px;width:11.25%;height:176px;}
.product-detail93 .paper-hit-middle93{left:10.25%;top:24px;width:11.25%;height:176px;}

/* The transparent hit labels need to target whichever document currently
   occupies each exposed slot. Since a label's `for` cannot change in CSS,
   we use per-state pointer routing: only the two matching labels are active. */
.product-detail93 .paper-hit93{pointer-events:none;}

/* Extra state-specific hit controls are generated by HTML labels below. */
.product-detail93 #doc-coa93:checked ~ .hit-coa-state93,
.product-detail93 #doc-tds93:checked ~ .hit-tds-state93,
.product-detail93 #doc-sds93:checked ~ .hit-sds-state93{pointer-events:auto;}

/* DOCUMENT STACK V5: full exposed hit surfaces + calmer transform-only motion */
.product-detail93 .paper-stack93{
  min-height:350px!important;
  perspective:none!important;
  transform-style:flat!important;
}
.product-detail93 .paper-stack93 .paper93{
  left:0!important;
  top:0!important;
  width:78%!important;
  height:235px!important;
  min-height:235px!important;
  box-sizing:border-box;
  transform-origin:50% 50%!important;
  transition:transform .68s cubic-bezier(.22,.70,.20,1),box-shadow .46s ease,filter .46s ease,opacity .35s ease!important;
  will-change:transform;
}
.product-detail93 .paper93 .paper-surface93{
  min-height:0!important;
  height:100%;
  box-sizing:border-box;
  animation:none!important;
  transform:none!important;
  transition:none!important;
}
/* Remove the old independent hover translation. It was stacking on top of the
   state transition and made sheets look as if they were slipping sideways. */
@media (hover:hover){
  .product-detail93 .paper93:hover,
  .product-detail93 .paper93:not([data-stack="front"]):hover{
    translate:none!important;
  }
}

/* One transform per stack slot. Percent X values are relative to the 78%-wide
   sheet, producing approximately the original 0 / 10.5 / 21% parent offsets. */
.product-detail93 #doc-coa93:checked ~ .paper-tds93,
.product-detail93 #doc-sds93:checked ~ .paper-tds93,
.product-detail93 #doc-tds93:checked ~ .paper-coa93{
  left:0!important;top:0!important;z-index:1;
  transform:translate3d(0,64px,0) rotate(-1.05deg) scale(.978)!important;
  filter:saturate(.90) brightness(.99);
  box-shadow:0 12px 28px rgba(23,32,25,.075)!important;
}
.product-detail93 #doc-coa93:checked ~ .paper-sds93,
.product-detail93 #doc-sds93:checked ~ .paper-coa93,
.product-detail93 #doc-tds93:checked ~ .paper-sds93{
  left:0!important;top:0!important;z-index:2;
  transform:translate3d(13.5%,32px,0) rotate(.45deg) scale(.989)!important;
  filter:saturate(.96) brightness(.997);
  box-shadow:0 16px 34px rgba(23,32,25,.09)!important;
}
.product-detail93 #doc-coa93:checked ~ .paper-coa93,
.product-detail93 #doc-sds93:checked ~ .paper-sds93,
.product-detail93 #doc-tds93:checked ~ .paper-tds93{
  left:0!important;top:0!important;z-index:3;
  transform:translate3d(27%,0,0) rotate(0) scale(1)!important;
  filter:none;
  box-shadow:0 24px 48px rgba(23,32,25,.14)!important;
}

/* Make the sheet feel populated like a real qualification document rather
   than reserving most of the surface for decorative ruled lines. */
.product-detail93 .paper93 h3{
  margin:24px 0 6px!important;
  font-size:20px!important;
  line-height:1.05;
}
.product-detail93 .paper93 p{
  margin:0!important;
  max-width:92%;
  font-size:11px!important;
  line-height:1.45;
}
.product-detail93 .paper-data93{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:20px;
  border-top:1px solid #c7cbc4;
  border-bottom:1px solid #d5d8d2;
}
.product-detail93 .paper-data93>div{
  min-width:0;
  padding:10px 9px 9px 0;
  border-right:1px solid #d5d8d2;
}
.product-detail93 .paper-data93>div+div{padding-left:9px;}
.product-detail93 .paper-data93>div:last-child{border-right:0;}
.product-detail93 .paper-data93 span,
.product-detail93 .paper-records93 span{
  display:block;
  font:7px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#7c847d;
}
.product-detail93 .paper-data93 b{
  display:block;
  margin-top:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
  font-weight:700;
  color:#29322c;
}
.product-detail93 .paper-data93 em{
  font:6px ui-monospace,SFMono-Regular,Menlo,monospace;
  font-style:normal;
  letter-spacing:.04em;
  color:#8a7749;
}
.product-detail93 .paper-records93{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
}
.product-detail93 .paper-records93>div{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:10px;
  padding:10px 10px 0 0;
  border-bottom:1px solid #d9dcd6;
}
.product-detail93 .paper-records93>div+div{padding-left:12px;border-left:1px solid #e0e2dd;}
.product-detail93 .paper-records93 b{
  font:7px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#444e47;
  white-space:nowrap;
}

/* Every pixel of every *visible* rear sheet is now routed to its radio state.
   Each transparent overlay has the same geometry as the sheet but is clipped
   to the exposed L shape: full left edge plus the exposed bottom edge. */
.product-detail93 .paper-hit93{
  left:0!important;
  top:0!important;
  width:78%!important;
  height:235px!important;
  z-index:12;
  background:transparent;
  transform-origin:50% 50%;
  clip-path:polygon(0 0,15.5% 0,15.5% 86%,100% 86%,100% 100%,0 100%);
}
.product-detail93 .paper-hit-back93{
  transform:translate3d(0,64px,0) rotate(-1.05deg) scale(.978)!important;
}
.product-detail93 .paper-hit-middle93{
  transform:translate3d(13.5%,32px,0) rotate(.45deg) scale(.989)!important;
}

/* A selected front sheet still gives a tactile response even though selecting
   it again cannot change radio state. */
.product-detail93 #doc-coa93:checked ~ .paper-coa93:active,
.product-detail93 #doc-sds93:checked ~ .paper-sds93:active,
.product-detail93 #doc-tds93:checked ~ .paper-tds93:active{
  transform:translate3d(27%,1px,0) scale(.997)!important;
  box-shadow:0 18px 38px rgba(23,32,25,.13)!important;
  transition-duration:.12s!important;
}

@media(max-width:850px){
  .product-detail93 .paper-stack93 .paper93,
  .product-detail93 .paper-hit93{width:82%!important;}
  .product-detail93 #doc-coa93:checked ~ .paper-tds93,
  .product-detail93 #doc-sds93:checked ~ .paper-tds93,
  .product-detail93 #doc-tds93:checked ~ .paper-coa93,
  .product-detail93 .paper-hit-back93{transform:translate3d(0,58px,0) rotate(-.8deg) scale(.98)!important;}
  .product-detail93 #doc-coa93:checked ~ .paper-sds93,
  .product-detail93 #doc-sds93:checked ~ .paper-coa93,
  .product-detail93 #doc-tds93:checked ~ .paper-sds93,
  .product-detail93 .paper-hit-middle93{transform:translate3d(8%,29px,0) rotate(.35deg) scale(.99)!important;}
  .product-detail93 #doc-coa93:checked ~ .paper-coa93,
  .product-detail93 #doc-sds93:checked ~ .paper-sds93,
  .product-detail93 #doc-tds93:checked ~ .paper-tds93{transform:translate3d(16%,0,0) scale(1)!important;}
  .product-detail93 .paper-hit93{clip-path:polygon(0 0,10% 0,10% 87%,100% 87%,100% 100%,0 100%);}
}
@media(max-width:620px){
  .product-detail93 .paper-stack93 .paper93,
  .product-detail93 .paper-hit93{width:88%!important;height:225px!important;min-height:225px!important;}
  .product-detail93 .paper-data93{grid-template-columns:1fr 1fr;margin-top:14px;}
  .product-detail93 .paper-data93>div:nth-child(3){display:none;}
  .product-detail93 .paper-records93{display:none;}
  .product-detail93 .paper93 h3{margin-top:19px!important;}
}


/* DOCUMENT STACK V6: real document inventory + four-sheet native stack ------ */
.product-detail93 .doc-support93{
  margin-top:24px;
  padding-top:15px;
  max-width:420px;
  border-top:1px solid rgba(73,82,75,.26);
}
.product-detail93 .doc-support93>span{
  display:block;
  margin-bottom:8px;
  font:8px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#777d77;
}
.product-detail93 .doc-support93>div{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  padding:7px 0;
  border-top:1px solid rgba(73,82,75,.13);
  font-size:11px;
  color:#374139;
}
.product-detail93 .doc-support93>div:last-child{border-bottom:1px solid rgba(73,82,75,.13);}
.product-detail93 .doc-support93 b{font-weight:650;}
.product-detail93 .doc-support93 i{
  font:8px ui-monospace,SFMono-Regular,Menlo,monospace;
  font-style:normal;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#806f43;
}

/* Reset every V4/V5 state rule before applying the four-card geometry. */
.product-detail93 .paper-stack4-93{min-height:365px!important;}
.product-detail93 .paper-stack4-93 .paper93{
  left:0!important;
  top:0!important;
  width:76%!important;
  height:235px!important;
  min-height:235px!important;
  z-index:1;
  transform:none!important;
  filter:none!important;
  transition:transform .68s cubic-bezier(.22,.70,.20,1),box-shadow .46s ease,filter .46s ease,opacity .35s ease!important;
}

/* Four stack slots. The selected sheet is always front; remaining sheets keep
   a stable canonical order wherever possible, minimizing unnecessary travel. */
/* COA selected: FPS / MOA / SDS / COA */
.product-detail93 #doc-coa93:checked ~ .paper-fps93,
/* SDS selected: FPS / MOA / COA / SDS */
.product-detail93 #doc-sds93:checked ~ .paper-fps93,
/* MOA selected: FPS / SDS / COA / MOA */
.product-detail93 #doc-moa93:checked ~ .paper-fps93,
/* FPS selected: MOA / SDS / COA / FPS */
.product-detail93 #doc-fps93:checked ~ .paper-moa93{
  z-index:1;
  transform:translate3d(0,72px,0) rotate(-1.05deg) scale(.975)!important;
  filter:saturate(.90) brightness(.99)!important;
  box-shadow:0 11px 25px rgba(23,32,25,.065)!important;
}
.product-detail93 #doc-coa93:checked ~ .paper-moa93,
.product-detail93 #doc-sds93:checked ~ .paper-moa93,
.product-detail93 #doc-moa93:checked ~ .paper-sds93,
.product-detail93 #doc-fps93:checked ~ .paper-sds93{
  z-index:2;
  transform:translate3d(9%,48px,0) rotate(-.32deg) scale(.983)!important;
  filter:saturate(.94) brightness(.995)!important;
  box-shadow:0 14px 30px rgba(23,32,25,.078)!important;
}
.product-detail93 #doc-coa93:checked ~ .paper-sds93,
.product-detail93 #doc-sds93:checked ~ .paper-coa93,
.product-detail93 #doc-moa93:checked ~ .paper-coa93,
.product-detail93 #doc-fps93:checked ~ .paper-coa93{
  z-index:3;
  transform:translate3d(18%,24px,0) rotate(.32deg) scale(.992)!important;
  filter:saturate(.98) brightness(.998)!important;
  box-shadow:0 17px 36px rgba(23,32,25,.09)!important;
}
.product-detail93 #doc-coa93:checked ~ .paper-coa93,
.product-detail93 #doc-sds93:checked ~ .paper-sds93,
.product-detail93 #doc-moa93:checked ~ .paper-moa93,
.product-detail93 #doc-fps93:checked ~ .paper-fps93{
  z-index:4;
  transform:translate3d(27%,0,0) rotate(0) scale(1)!important;
  filter:none!important;
  box-shadow:0 24px 48px rgba(23,32,25,.14)!important;
}

/* Selected visual state. */
.product-detail93 #doc-coa93:checked ~ .paper-coa93 .paper-top span:first-child,
.product-detail93 #doc-sds93:checked ~ .paper-sds93 .paper-top span:first-child,
.product-detail93 #doc-moa93:checked ~ .paper-moa93 .paper-top span:first-child,
.product-detail93 #doc-fps93:checked ~ .paper-fps93 .paper-top span:first-child{color:#715f34;}
.product-detail93 #doc-coa93:checked ~ .paper-coa93:after,
.product-detail93 #doc-sds93:checked ~ .paper-sds93:after,
.product-detail93 #doc-moa93:checked ~ .paper-moa93:after,
.product-detail93 #doc-fps93:checked ~ .paper-fps93:after{content:"Selected";opacity:.7;}
.product-detail93 #doc-coa93:focus-visible ~ .paper-coa93,
.product-detail93 #doc-sds93:focus-visible ~ .paper-sds93,
.product-detail93 #doc-moa93:focus-visible ~ .paper-moa93,
.product-detail93 #doc-fps93:focus-visible ~ .paper-fps93{outline:3px solid rgba(182,155,88,.42);outline-offset:3px;}

/* Only the overlay set for the current native radio state can receive clicks. */
.product-detail93 .paper-stack4-93 .paper-hit93{pointer-events:none!important;}
.product-detail93 #doc-coa93:checked ~ .hit-coa-state93,
.product-detail93 #doc-sds93:checked ~ .hit-sds-state93,
.product-detail93 #doc-moa93:checked ~ .hit-moa-state93,
.product-detail93 #doc-fps93:checked ~ .hit-fps-state93{pointer-events:auto!important;}

/* Each overlay has exactly the same transform as its rear-sheet slot and is
   clipped to that sheet's exposed left + bottom L-shaped surface. */
.product-detail93 .paper-stack4-93 .paper-hit93{
  left:0!important;
  top:0!important;
  width:76%!important;
  height:235px!important;
  z-index:20;
  transform-origin:50% 50%;
  clip-path:polygon(0 0,11.5% 0,11.5% 89.8%,100% 89.8%,100% 100%,0 100%);
}
.product-detail93 .paper-stack4-93 .paper-hit-back93{transform:translate3d(0,72px,0) rotate(-1.05deg) scale(.975)!important;}
.product-detail93 .paper-stack4-93 .paper-hit-lower93{transform:translate3d(9%,48px,0) rotate(-.32deg) scale(.983)!important;}
.product-detail93 .paper-stack4-93 .paper-hit-upper93{transform:translate3d(18%,24px,0) rotate(.32deg) scale(.992)!important;}

/* Front sheet retains the small tactile response from the locked V5 system. */
.product-detail93 #doc-coa93:checked ~ .paper-coa93:active,
.product-detail93 #doc-sds93:checked ~ .paper-sds93:active,
.product-detail93 #doc-moa93:checked ~ .paper-moa93:active,
.product-detail93 #doc-fps93:checked ~ .paper-fps93:active{
  transform:translate3d(27%,1px,0) scale(.997)!important;
  box-shadow:0 18px 38px rgba(23,32,25,.13)!important;
  transition-duration:.12s!important;
}

@media(max-width:850px){
  .product-detail93 .paper-stack4-93 .paper93,
  .product-detail93 .paper-stack4-93 .paper-hit93{width:81%!important;}
  .product-detail93 #doc-coa93:checked ~ .paper-fps93,
  .product-detail93 #doc-sds93:checked ~ .paper-fps93,
  .product-detail93 #doc-moa93:checked ~ .paper-fps93,
  .product-detail93 #doc-fps93:checked ~ .paper-moa93,
  .product-detail93 .paper-stack4-93 .paper-hit-back93{transform:translate3d(0,60px,0) rotate(-.8deg) scale(.979)!important;}
  .product-detail93 #doc-coa93:checked ~ .paper-moa93,
  .product-detail93 #doc-sds93:checked ~ .paper-moa93,
  .product-detail93 #doc-moa93:checked ~ .paper-sds93,
  .product-detail93 #doc-fps93:checked ~ .paper-sds93,
  .product-detail93 .paper-stack4-93 .paper-hit-lower93{transform:translate3d(7%,40px,0) rotate(-.22deg) scale(.986)!important;}
  .product-detail93 #doc-coa93:checked ~ .paper-sds93,
  .product-detail93 #doc-sds93:checked ~ .paper-coa93,
  .product-detail93 #doc-moa93:checked ~ .paper-coa93,
  .product-detail93 #doc-fps93:checked ~ .paper-coa93,
  .product-detail93 .paper-stack4-93 .paper-hit-upper93{transform:translate3d(14%,20px,0) rotate(.22deg) scale(.993)!important;}
  .product-detail93 #doc-coa93:checked ~ .paper-coa93,
  .product-detail93 #doc-sds93:checked ~ .paper-sds93,
  .product-detail93 #doc-moa93:checked ~ .paper-moa93,
  .product-detail93 #doc-fps93:checked ~ .paper-fps93{transform:translate3d(21%,0,0) scale(1)!important;}
  .product-detail93 #doc-coa93:checked ~ .paper-coa93:active,
  .product-detail93 #doc-sds93:checked ~ .paper-sds93:active,
  .product-detail93 #doc-moa93:checked ~ .paper-moa93:active,
  .product-detail93 #doc-fps93:checked ~ .paper-fps93:active{transform:translate3d(21%,1px,0) scale(.997)!important;}
  .product-detail93 .paper-stack4-93 .paper-hit93{clip-path:polygon(0 0,9% 0,9% 91%,100% 91%,100% 100%,0 100%);}
}
@media(max-width:620px){
  .product-detail93 .paper-stack4-93{min-height:330px!important;}
  .product-detail93 .paper-stack4-93 .paper93,
  .product-detail93 .paper-stack4-93 .paper-hit93{width:88%!important;height:225px!important;min-height:225px!important;}
  .product-detail93 .doc-support93{margin-top:18px;}
}