/* STECH MOTO | ZTRG mobile visual rebuild | isolated preview 2026-10-09
   Scoped responsive refinements. Preserve official logo, product records and all actions. */
@media (max-width:700px){
  /* Compact but touch-safe mobile shopping header */
  body.store-body .lockedHeaderMain{
    min-height:60px!important;
    padding:5px 0 6px!important;
    row-gap:4px!important;
    align-items:center!important
  }
  body.store-body .lockedLogo,body.store-body .lockedLogo img{
    width:102px!important;height:48px!important;object-fit:contain!important
  }
  body.store-body .lockedSearch{height:44px!important;max-height:44px!important;margin:0!important;min-width:0!important}
  body.store-body .lockedSearch input{min-width:0!important;font-size:13px!important;height:42px!important}
  body.store-body .lockedSearch>button{min-height:42px!important;height:42px!important;padding:0 12px!important;font-size:12px!important}
  body.store-body .lockedHeaderActions{gap:5px!important}
  /* A balanced image-led hero rather than a near-full-screen splash */
  body.store-body .lockedHero.hero-slider,
  body.store-body .lockedHero.hero-slider .hero-slide,
  body.store-body .lockedHero.hero-slider .hero-slide-content,
  body.store-body .lockedHero.hero-slider .lockedHeroInner{
    min-height:428px!important;
    height:428px!important;
    max-height:428px!important
  }
  body.store-body .lockedHero.hero-slider .hero-slide-content{
    display:flex!important;align-items:center!important;
    padding:24px 0 56px!important
  }
  body.store-body .lockedHero.hero-slider .hero-copy{
    max-width:100%!important;
    padding:0 6px!important
  }
  body.store-body .lockedHero.hero-slider .hero-copy h1,
  body.store-body .lockedHero.hero-slider .hero-copy h2{
    font-size:clamp(38px,10.9vw,51px)!important;
    line-height:1.01!important;
    letter-spacing:-.04em!important;
    margin:9px 0 13px!important;
    max-width:310px!important;
    text-wrap:balance
  }
  body.store-body .lockedHero.hero-slider .hero-copy p{
    font-size:14px!important;
    line-height:1.5!important;
    max-width:270px!important;
    margin:0 0 20px!important
  }
  body.store-body .lockedHero.hero-slider .hero-kicker{
    font-size:11px!important;
    max-width:290px!important;
    letter-spacing:.09em!important;
    line-height:1.4!important
  }
  body.store-body .lockedHero.hero-slider .hero-slide-media{
    object-position:62% 50%!important
  }
  body.store-body .lockedHero.hero-slider .hero-dots{bottom:6px!important}
  body.store-body .lockedHero.hero-slider .hero-arrow{bottom:70px!important}
  body.store-body .lockedHero.hero-slider .lockedHeroCta{
    min-height:46px!important;
    padding:0 15px!important;
    font-size:12px!important
  }
  /* Premium trust strip; no 9px unreadable marketing text */
  body.store-body .lockedTrust .wrap{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  body.store-body .lockedTrust article{
    min-height:83px!important;
    padding:12px 9px!important;
    gap:8px!important
  }
  body.store-body .lockedTrust b{font-size:12px!important;line-height:1.3!important}
  body.store-body .lockedTrust small{font-size:11px!important;line-height:1.35!important}
  body.store-body .lockedTrustIcon{
    width:32px!important;height:32px!important;min-width:32px!important;
    font-size:17px!important;border-radius:50%!important
  }
  body.store-body .collectionPageHead{padding-top:22px!important;padding-bottom:12px!important}
  body.store-body .collectionHeading h1{
    font-size:clamp(28px,8vw,36px)!important;
    margin:4px 0 4px!important
  }
  body.store-body .collectionTools{margin-bottom:12px!important}
  body.store-body .collectionCatalog{padding-bottom:26px!important}
}
/* Large mobile catalog: browse two products per row, with safe tappable choices.
   Previous last-in-file rule forced all cards into ONE full-width column. */
@media (max-width:560px){
  body.store-body .catalog-products,
  body.store-body .products{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:stretch!important
  }
  body.store-body .catalog-products .card.productCard,
  body.store-body .products .card.productCard{
    width:auto!important;min-width:0!important;min-height:0!important;
    border-radius:12px!important;
    display:flex!important;flex-direction:column!important
  }
  body.store-body .catalog-products .card.productCard .pic,
  body.store-body .products .card.productCard .pic{
    padding:9px!important;
    aspect-ratio:1/1.06!important;
    min-height:0!important
  }
  body.store-body .catalog-products .card.productCard .pic img,
  body.store-body .products .card.productCard .pic img{
    object-fit:contain!important
  }
  body.store-body .catalog-products .card.productCard .badge,
  body.store-body .products .card.productCard .badge{
    top:8px!important;left:6px!important;
    max-width:calc(100% - 50px)!important;
    overflow:hidden!important;text-overflow:ellipsis!important;
    white-space:nowrap!important;font-size:10px!important;
    padding:5px 7px!important
  }
  body.store-body .catalog-products .card.productCard .fav,
  body.store-body .products .card.productCard .fav{
    top:5px!important;right:5px!important;width:44px!important;height:44px!important;
    display:grid!important;place-items:center!important
  }
  body.store-body .catalog-products .card.productCard .cardbody,
  body.store-body .products .card.productCard .cardbody{
    padding:10px!important;
    flex:1!important;min-width:0!important
  }
  body.store-body .catalog-products .card.productCard .cardbody .eyebrow,
  body.store-body .products .card.productCard .cardbody .eyebrow{
    font-size:10px!important;line-height:1.4!important;
    overflow-wrap:anywhere!important
  }
  body.store-body .catalog-products .card.productCard h3,
  body.store-body .products .card.productCard h3{
    font-size:13px!important;line-height:1.4!important;
    margin:6px 0 8px!important;
    min-height:54px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important
  }
  body.store-body .catalog-products .card.productCard .price,
  body.store-body .products .card.productCard .price{
    font-size:18px!important;line-height:1.3!important
  }
  body.store-body .catalog-products .card.productCard .price-tax-note,
  body.store-body .products .card.productCard .price-tax-note{font-size:11px!important}
  body.store-body .catalog-products .card.productCard .stock,
  body.store-body .products .card.productCard .stock{font-size:11px!important}
  body.store-body .catalog-products .card.productCard .cardSwatches,
  body.store-body .products .card.productCard .cardSwatches{
    flex-wrap:nowrap!important;overflow-x:auto!important;
    max-width:100%!important;min-width:0!important;
    gap:4px!important;margin:9px 0 9px!important;
    scrollbar-width:thin!important
  }
  body.store-body .catalog-products .card.productCard .cardSwatch,
  body.store-body .products .card.productCard .cardSwatch{
    width:44px!important;height:44px!important;
    min-width:44px!important;min-height:44px!important;
    flex:0 0 44px!important
  }
  body.store-body .catalog-products .card.productCard .cardQuick,
  body.store-body .products .card.productCard .cardQuick{
    display:grid!important;grid-template-columns:1fr!important;
    gap:5px!important;min-width:0!important;margin-top:auto!important
  }
  body.store-body .catalog-products .card.productCard .cardQuick .cardOpen,
  body.store-body .catalog-products .card.productCard .cardQuick .cardDetails,
  body.store-body .products .card.productCard .cardQuick .cardOpen,
  body.store-body .products .card.productCard .cardQuick .cardDetails{
    display:flex!important;align-items:center!important;justify-content:center!important;
    text-align:center!important;
    min-width:0!important;width:100%!important;
    min-height:44px!important;
    padding:5px 6px!important;
    font-size:11px!important
  }
}
/* Admin is a working app: compact information density, not full-screen KPI tiles. */
@media(max-width:700px){
  body.admin-body .admin-shell .adminContent .stats,
  body.admin-body .admin-shell .admin-main .stats{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:9px!important;
    margin:12px 0!important
  }
  body.admin-body .admin-shell .adminContent .stat,
  body.admin-body .admin-shell .admin-main .stat{
    padding:12px 10px!important;
    min-width:0!important;min-height:104px!important;
    border-radius:11px!important;
    overflow-wrap:anywhere!important
  }
  body.admin-body .admin-shell .adminContent .stat span{
    font-size:11px!important;line-height:1.35!important
  }
  body.admin-body .admin-shell .adminContent .stat b{
    font-size:clamp(18px,5vw,24px)!important;
    line-height:1.2!important;
    margin:6px 0!important
  }
  body.admin-body .admin-shell .adminContent .stat small{
    font-size:10px!important;line-height:1.35!important;
    display:block!important
  }
  body.admin-body .admin-shell .adminContent .cms-heading-row{
    margin:0 0 12px!important;
    gap:8px!important
  }
  body.admin-body .admin-shell .adminContent .cms-heading-row h1{
    font-size:26px!important;
    line-height:1.17!important
  }
  body.admin-body .admin-shell .adminContent .cms-heading-row p{
    font-size:12px!important;line-height:1.45!important
  }
  body.admin-body .admin-shell .adminContent .admin-grid{
    gap:12px!important
  }
  body.admin-body .admin-shell .adminContent>.notice{
    font-size:12px!important;line-height:1.45!important;
    padding:10px 12px!important
  }
  body.admin-body .admin-shell .adminContent .lockedAdminProductsTop{
    padding:12px!important;
    gap:10px!important
  }
  body.admin-body .admin-shell .adminContent .lockedAdminFilters{
    padding:10px 12px!important
  }
  body.admin-body .admin-shell .adminContent .lockedAdminTable th,
  body.admin-body .admin-shell .adminContent .lockedAdminTable td{
    padding-top:8px!important;padding-bottom:8px!important
  }
}

/* STECH PWA parity: compact AM-MOTO-inspired mobile app header, STECH identity preserved. */
.mobileStoreSearchBtn{display:none}
@media (max-width:700px){
  body.store-body .lockedHeaderMain{
    display:flex!important;justify-content:center!important;position:relative!important;
    min-height:68px!important;height:68px!important;padding:5px 0!important;gap:0!important
  }
  body.store-body .lockedLogo{position:relative!important;z-index:2!important;width:110px!important;height:56px!important;margin:0 auto!important}
  body.store-body .lockedLogo img{width:110px!important;height:55px!important;object-fit:contain!important;object-position:center!important}
  body.store-body .lockedHeaderActions{
    position:absolute!important;inset:0!important;display:flex!important;
    align-items:center!important;justify-content:flex-end!important;gap:4px!important;pointer-events:none
  }
  body.store-body .lockedHeaderActions>a:not(.lockedCart){display:none!important}
  body.store-body .lockedHeaderActions .mobileStoreMenuBtn{
    position:absolute!important;left:0!important;top:12px!important;display:grid!important;
    width:44px!important;height:44px!important;place-items:center!important;
    border:0!important;background:transparent!important;color:#092333!important;pointer-events:auto
  }
  body.store-body .mobileStoreSearchBtn{
    display:grid!important;place-items:center!important;width:44px!important;height:44px!important;
    border:0!important;background:transparent!important;color:#092333!important;pointer-events:auto
  }
  body.store-body .lockedHeaderActions>a.lockedCart{
    display:flex!important;width:44px!important;min-width:44px!important;height:44px!important;
    align-items:center!important;justify-content:center!important;pointer-events:auto;margin:0!important
  }
  body.store-body .lockedHeaderActions .lockedCart i{top:-1px!important;right:-1px!important}
  body.store-body .lockedSearch{
    display:none!important;position:absolute!important;top:calc(100% - 1px)!important;
    left:0!important;right:0!important;z-index:180!important;
    width:100%!important;min-width:0!important;max-height:none!important;
    height:58px!important;padding:7px!important;margin:0!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    border-radius:0 0 13px 13px!important;background:#fff!important;
    border:1px solid #d8e4ec!important;box-shadow:0 12px 24px rgba(5,28,44,.15)!important
  }
  body.store-body .lockedHeader.mobileSearchOpen .lockedSearch{display:grid!important}
  body.store-body .lockedSearch input{font-size:14px!important;min-height:42px!important}
  body.store-body .lockedSearch>button{height:42px!important;min-height:42px!important;margin-right:0!important}
  body.store-body .lockedHeader.mobileSearchOpen .mobileStoreSearchBtn{color:#087fc1!important}
  body.store-body:has(.lockedHero.hero-slider) .lockedHomeSection{padding-top:22px!important}
  body.store-body:has(.lockedHero.hero-slider) .lockedSectionTitle{justify-content:center!important;text-align:center!important;margin-bottom:16px!important}
  body.store-body:has(.lockedHero.hero-slider) .lockedSectionTitle h2{font-size:22px!important;font-weight:900!important;letter-spacing:-.03em!important}
  body.store-body:has(.lockedHero.hero-slider) .lockedCategoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.store-body:has(.lockedHero.hero-slider) .lockedCategory{
    position:relative!important;display:block!important;min-width:0!important;height:200px!important;
    border:0!important;border-radius:12px!important;overflow:hidden!important;
    background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
    box-shadow:0 7px 15px rgba(0,32,48,.13)!important
  }
  body.store-body:has(.lockedHero.hero-slider) .lockedCategory:nth-child(1){background-image:linear-gradient(180deg,transparent 35%,rgba(3,18,28,.87) 100%),url('/brand/ride-touring.webp')!important}
  body.store-body:has(.lockedHero.hero-slider) .lockedCategory:nth-child(2){background-image:linear-gradient(180deg,transparent 35%,rgba(3,18,28,.87) 100%),url('/brand/ride-adventure.webp')!important}
  body.store-body:has(.lockedHero.hero-slider) .lockedCategory:nth-child(3){background-image:linear-gradient(180deg,transparent 35%,rgba(3,18,28,.87) 100%),url('/brand/ride-urban.webp')!important}
  body.store-body:has(.lockedHero.hero-slider) .lockedCategory:nth-child(4){background-image:linear-gradient(180deg,transparent 35%,rgba(3,18,28,.87) 100%),url('/brand/ride-sport.webp')!important}
  body.store-body:has(.lockedHero.hero-slider) .lockedCategory:nth-child(5){background-image:linear-gradient(180deg,transparent 35%,rgba(3,18,28,.87) 100%),url('/brand/hero-touring.jpg')!important}
  body.store-body:has(.lockedHero.hero-slider) .lockedCategory:nth-child(6){background-image:linear-gradient(180deg,transparent 35%,rgba(3,18,28,.87) 100%),url('/brand/hero-adventure.jpg')!important}
  body.store-body:has(.lockedHero.hero-slider) .lockedCategoryImage{height:100%!important;padding:0!important;background:none!important}
  body.store-body:has(.lockedHero.hero-slider) .lockedCategoryImage img{opacity:0!important;pointer-events:none!important}
  body.store-body:has(.lockedHero.hero-slider) .lockedCategoryMeta{
    position:absolute!important;left:0!important;right:0!important;bottom:0!important;
    padding:17px 13px!important;border:0!important;background:none!important;color:#fff!important
  }
  body.store-body:has(.lockedHero.hero-slider) .lockedCategoryMeta b{font-size:17px!important;line-height:1.2!important;color:#fff!important;text-shadow:0 1px 3px #061321}
  body.store-body:has(.lockedHero.hero-slider) .lockedCategoryMeta span{color:#fff!important;font-size:21px!important}
  body.store-body:has(.lockedHero.hero-slider) .lockedTrust{margin-top:26px!important}
  body.store-body:has(.lockedHero.hero-slider) .lockedTrust article{min-height:76px!important}
  body.store-body:has(.lockedHero.hero-slider) .lockedHero.hero-slider .hero-slide-media{object-position:65% center!important}
}
@media(max-width:350px){body.store-body:has(.lockedHero.hero-slider) .lockedCategory{height:172px!important}body.store-body:has(.lockedHero.hero-slider) .lockedCategoryMeta b{font-size:15px!important}}

/* STECH dashboard: real launch status first, technical checks secondary — 2026-10-10 */
.adminLaunchStatus{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0 18px;padding:18px 22px;border-radius:14px;background:#fff;border:1px solid #d8e4eb;border-left:4px solid #197fb7;box-shadow:0 8px 25px #092d4010}
.adminLaunchStatus span{display:block;color:#9b452e;font-size:11px;font-weight:850;letter-spacing:.1em}
.adminLaunchStatus h2{font-size:19px;line-height:1.25;margin:5px 0;color:#0b2636}
.adminLaunchStatus p{font-size:13px;line-height:1.5;color:#506779;margin:0;max-width:760px}
.adminLaunchStatus a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:40px;padding:8px 13px;border-radius:9px;border:1px solid #bdd4e1;color:#126994;font-size:12px;font-weight:850;text-decoration:none}
.adminLaunchStatus a:hover{border-color:#1185bf;background:#f0f8fc}
.adminDashboardGrid{margin-bottom:16px}
.adminDashboardGrid>.admin-card{box-shadow:0 7px 22px #0828380a}
details.readinessCard{padding:0!important;overflow:hidden;margin:10px 0!important;border:1px solid #e0e8ed!important}
details.readinessCard summary{list-style:none;cursor:pointer;padding:16px 20px;color:#173a4f;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:space-between;min-height:50px}
details.readinessCard summary::-webkit-details-marker{display:none}
details.readinessCard summary::after{content:'+';font-size:20px;line-height:1;color:#2782b1}
details.readinessCard[open] summary::after{content:'−'}
details.readinessCard[open]>.adminCardHead{padding:0 20px 8px}
details.readinessCard[open]>.readinessGrid{padding:0 20px 20px;margin-top:0}
details.readinessCard .readinessGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
details.readinessCard .readinessGate{min-height:65px}
details.readinessCard .readinessGate strong{font-size:10px}
@media(max-width:1050px){details.readinessCard .readinessGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .adminLaunchStatus{display:block;padding:15px;margin:12px 0}
 .adminLaunchStatus h2{font-size:18px}
 .adminLaunchStatus p{font-size:12px;line-height:1.5}
 .adminLaunchStatus a{width:100%;margin-top:12px}
 details.readinessCard summary{padding:13px 14px;font-size:12px;line-height:1.4}
 details.readinessCard[open]>.adminCardHead{padding:0 14px 8px}
 details.readinessCard[open]>.readinessGrid{padding:0 12px 15px}
 details.readinessCard .readinessGrid{grid-template-columns:1fr}
 details.readinessCard .readinessGate{grid-template-columns:28px minmax(0,1fr) auto;min-height:58px;padding:10px}
 details.readinessCard .readinessGate strong{grid-column:auto;font-size:9px}
}

#stech-launch-gates{scroll-margin-top:85px}

/* STECH admin touch-target ergonomics — 2026-10-10. 44px interactive label, 20px native checkbox. */
.lockedAdminTable .lockedSelectCell,.inventoryTable .invSelect{width:54px;min-width:54px;padding:4px!important;text-align:center!important}
.lockedAdminTable .stechSelectHit,.inventoryTable .stechSelectHit{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:9px;cursor:pointer;touch-action:manipulation}
.lockedAdminTable .stechSelectHit:hover,.inventoryTable .stechSelectHit:hover{background:#ecf7fc}
.lockedAdminTable .stechSelectHit:focus-within,.inventoryTable .stechSelectHit:focus-within{outline:2px solid #087fc5;outline-offset:1px}
.lockedAdminTable .stechSelectHit input,.inventoryTable .stechSelectHit input{width:20px!important;height:20px!important;min-width:20px;min-height:20px;margin:0;accent-color:#0b80c4;cursor:pointer}
.lockedAdminProductsTop small a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:8px;font-size:13px;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.lockedAdminProductsTop small a:focus-visible,.invPager a:focus-visible{outline:2px solid #087fc5;outline-offset:1px}
.invPager a{width:44px!important;height:44px!important;min-width:44px;min-height:44px}
.inventoryColumnMenu label,.inventoryBulkColumnMenu label,.productBulkColumnMenu label{min-height:44px!important;cursor:pointer}
.lockedBulkMore>div button{min-height:44px}
@media(max-width:700px){.lockedAdminProductsTop small a{min-width:44px;min-height:44px}.invPager{min-height:60px}}

/* Accessible analytics order detail link tap area: 2026-10-10. */
.stechAnalyticsOrderLink{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 9px;border-radius:8px;color:#087db7;text-decoration:underline;text-underline-offset:3px;vertical-align:middle}
.stechAnalyticsOrderLink:hover{background:#eef8fc}
.stechAnalyticsOrderLink:focus-visible{outline:2px solid #087fc5;outline-offset:2px}