/* HFH migration enhancements: mobile fixes + read-more */
html,body{overflow-x:clip}
img,video,iframe{max-width:100%}
@media (max-width:900px){.veteran-feature{grid-template-columns:1fr;gap:28px}}
@media (max-width:1024px){.utility-bar{max-width:100vw;overflow-x:auto;scrollbar-width:none}.utility-bar::-webkit-scrollbar{display:none}}
@media (max-width:767px){
  a,button,summary{-webkit-tap-highlight-color:transparent}
  .hfh-rm{margin-bottom:0!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
  .hfh-rm.is-open{display:block;-webkit-line-clamp:unset;overflow:visible}
  .hfh-rm-btn{display:inline-flex;align-items:center;gap:6px;margin:6px 0 14px;padding:10px 0;min-height:44px;background:none;border:0;font:inherit;font-size:14px;font-weight:600;color:inherit;opacity:.8;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
}
@media (min-width:768px){.hfh-rm-btn{display:none!important}}

/* Compact store-inspired mobile header, with the complete mega-menu kept as accordions. */
.hero-app-cta{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:underline;text-underline-offset:5px;font-weight:600;min-height:44px}
.hero-app-cta span{font-size:18px}
.mobile-menu-utility{display:none!important}
@media (max-width:800px){
  header{grid-template-columns:1fr auto!important;grid-template-rows:64px!important;height:64px!important;padding:0 20px!important;background:#fff!important;border-bottom:1px solid #eeeef1;z-index:1100!important}
  header>.utility-bar{display:none!important}
  header>.brand{grid-column:1;grid-row:1;justify-self:start}
  header>.brand img{width:44px;height:44px;object-fit:contain}
  header>.mobile-toggle{grid-column:2;grid-row:1;justify-self:end;display:flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0!important;font-size:0!important;cursor:pointer;color:#161621}
  header>.mobile-toggle span{font-size:23px;line-height:1}
  header.menu-open nav{inset:64px 0 0!important;height:calc(100dvh - 64px)!important;width:100%!important;padding:10px 24px 32px!important;background:#fff!important;box-shadow:none!important;border:0!important}
  header.menu-open .nav-menu{padding:0!important;border-bottom:1px solid #e6e6ea!important}
  header.menu-open .nav-menu>summary{padding:20px 0!important;font-size:20px!important;font-weight:600;min-height:64px;color:#151520!important;border:0!important}
  header.menu-open .nav-menu>summary span{font-size:20px;line-height:1}
  header.menu-open .mega{padding:2px 0 18px!important;background:#fff!important}
  header.menu-open .menu-products,header.menu-open .visual-menu-grid{grid-template-columns:1fr!important}
  header.menu-open .menu-products{gap:0!important}
  header.menu-open .menu-products>a{display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;padding:10px 0!important;border-top:1px solid #f1f1f3;min-height:54px}
  header.menu-open .menu-products img,header.menu-open .menu-app-stage{display:none!important}
  header.menu-open .menu-products strong{font-size:15px!important}
  header.menu-open .product-one-liner{display:none!important}
  header.menu-open .visual-menu-grid{display:flex!important;flex-direction:column!important;gap:0!important}
  header.menu-open .visual-menu-card{display:flex!important;align-items:center!important;min-height:54px!important;height:auto!important;aspect-ratio:auto!important;padding:0!important;border:0!important;border-top:1px solid #f1f1f3!important;border-radius:0!important;background:#fff!important;color:#171721!important;box-shadow:none!important}
  header.menu-open .visual-menu-card>img,header.menu-open .visual-menu-card>i,header.menu-open .visual-menu-card:after{display:none!important}
  header.menu-open .visual-menu-card>div{position:static!important;transform:none!important;padding:0!important}
  header.menu-open .visual-menu-card strong{font-size:15px!important;color:#171721!important}
  header.menu-open .visual-menu-card div>span,header.menu-open .visual-menu-card p{display:none!important}
  header.menu-open .visual-menu-secondary,header.menu-open .menu-bottom{padding:8px 0 0!important;display:flex;flex-wrap:wrap;gap:14px!important}
  header.menu-open .visual-menu-secondary a,header.menu-open .menu-bottom a{font-size:14px!important}
  header.menu-open .mobile-shop{display:block;margin:28px 0 0!important;padding:17px 14px!important;text-align:center;border-radius:4px!important;background:#151520!important;color:#fff!important;font-size:14px}
  header.menu-open .mobile-menu-utility{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 16px!important;height:auto!important;width:100%!important;margin:22px 0 0!important;padding:14px 0 0!important;border-top:1px solid #e6e6ea;background:transparent!important;overflow:visible!important;white-space:normal!important}
  header.menu-open .mobile-menu-utility a{font-size:13px!important;padding:10px 0;color:#5b5c68!important}
  .hero-copy .actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px!important}
}
/* The secondary hero action should read as a button, not a small text link. */
.hero-copy .hero-app-cta{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 20px;border:1px solid currentColor;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-size:14px;line-height:1.2;white-space:nowrap;transition:background .2s ease}
.hero-copy .hero-app-cta:hover,.hero-copy .hero-app-cta:focus-visible{background:rgba(255,255,255,.18)}
@media(prefers-reduced-motion:reduce){.hero-copy .hero-app-cta{transition:none}}
@media(max-width:800px){main>.hero .hero-art{aspect-ratio:1.25!important}}
footer .footer-privacy-link{display:inline-block;font-size:13px;color:inherit;text-decoration:underline;text-underline-offset:4px}