/* Stage 7R31 QA: consistent mobile navigation and card layout */
@media(max-width:720px){
 html.asm-menu-ready body .asm-primary-nav.asm-menu-expanded{position:fixed!important;top:100px!important;left:12px!important;right:12px!important;width:calc(100vw - 24px)!important;max-height:calc(100dvh - 120px)!important;overflow-y:auto!important;box-sizing:border-box!important;padding:14px!important;margin:0!important;z-index:9998!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;background:#071b18!important;border:1px solid #4c8372!important;border-radius:16px!important;box-shadow:0 16px 40px #000b!important;}
 html.asm-menu-ready body .asm-menu-toggle{z-index:9999!important}
 html.asm-menu-ready body .asm-primary-nav.asm-menu-expanded a{min-width:0!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important}
}
.asm-card{container-type:inline-size!important}
.asm-card .asm-card-bottom{height:35%!important;min-height:35%!important;box-sizing:border-box!important;padding:3.5% 3.5% 3%!important}
.asm-card .asm-card-year{font-size:clamp(19px,6.3cqw,54px)!important}
.asm-card .asm-card-make{font-size:clamp(10px,2.5cqw,19px)!important;margin-top:2%!important}
.asm-card .asm-card-bottom h3{font-size:clamp(29px,14cqw,95px)!important;line-height:.88!important;max-width:66%!important;overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance!important;letter-spacing:-.035em!important}
.asm-card .asm-card-bottom h3.model-long{font-size:clamp(24px,10cqw,74px)!important}
.asm-card .asm-card-bottom h3.model-very-long{font-size:clamp(20px,7.6cqw,57px)!important}
.asm-card .asm-card-bottom h3:has(+ .asm-owner-row){font-stretch:condensed}
.asm-card .asm-owner-row{width:100%!important;min-width:0!important}
.asm-card .asm-card-handle{white-space:normal!important}
body[data-collection-page="collection"] .asm-card .asm-card-year{font-size:clamp(19px,6.3cqw,54px)!important}
body[data-collection-page="collection"] .asm-card .asm-card-make{font-size:clamp(10px,2.5cqw,19px)!important}
body[data-collection-page="collection"] .asm-card .asm-card-bottom h3{font-size:clamp(29px,14cqw,95px)!important}
body[data-collection-page="collection"] .asm-card .asm-card-bottom h3.model-long{font-size:clamp(24px,10cqw,74px)!important}
body[data-collection-page="collection"] .asm-card .asm-card-bottom h3.model-very-long{font-size:clamp(20px,7.6cqw,57px)!important}
body[data-collection-page="collection"] .asm-card .asm-owner-row strong,body[data-collection-page="collection"] .asm-card .asm-card-handle{font-size:clamp(10px,2.7cqw,18px)!important}
.r22-card button[data-collect]{min-height:49px!important;box-sizing:border-box!important;font-size:clamp(10px,2.7vw,15px)!important;line-height:1.2!important;padding:10px 5px!important;white-space:normal!important}
.r22-card button[data-collect]:not(:disabled){opacity:1!important}
.r22-card button[data-collect]:not(:disabled):is(:hover,:focus-visible){filter:brightness(1.08)}
.r31-reveal-photo{display:block;width:100%;max-height:180px;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin:14px auto}
.r31-reveal-photo[hidden]{display:none}
.r31-reveal-collection{display:block;background:#102d25;border:1px solid #aaffdf;border-radius:9px;color:#aaffdf!important;text-decoration:none!important;padding:13px 8px;font-weight:900}
.r22-reveal-inner{max-height:calc(100dvh - 65px);overflow-y:auto;box-sizing:border-box}

/* 7R31 demo collected-state button: v05's flex:1 0 150px becomes
   a 150px vertical flex basis inside the newer column layout. */
.demo-grid .asm-r8-actions .demo-actions > button[data-demo-collect] {
  box-sizing: border-box !important;
  flex: 0 0 48px !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 8px 9px !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}