/* Inflexity cross-page layout integrity fixes. */
html,body{max-width:100%;overflow-x:clip}
img,svg,video,canvas{max-width:100%}
main,section,header,footer,nav,aside,.shell{min-width:0}

@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  .shell{width:calc(100% - 24px)!important;max-width:100%!important}

  body[data-page="index"] .topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  body[data-page="index"] .topbar .brand{min-width:0!important}
  body[data-page="index"] .topbar .brand>span:last-child{min-width:0}
  body[data-page="index"] .topbar .brand b{font-size:.76rem!important;letter-spacing:.11em!important}
  body[data-page="index"] .nav-toggle{grid-column:2!important;margin:0!important}
  body[data-page="index"] .hero__copy{width:100%!important;max-width:100%!important;min-width:0!important;padding-top:38px!important;overflow:hidden}
  body[data-page="index"] .hero h1{width:100%!important;max-width:100%!important;font-size:clamp(2.85rem,13.8vw,4rem)!important;line-height:.92!important;letter-spacing:-.065em!important;overflow-wrap:anywhere!important}
  body[data-page="index"] .hero__lead{max-width:100%!important;overflow-wrap:anywhere}
  body[data-page="index"] .hero__facts{width:100%;max-width:100%}

  .shop-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:6px!important;padding:8px 9px!important}
  .shop-brand{min-width:0!important}
  .shop-brand span{min-width:0!important}
  .shop-brand strong{font-size:.7rem!important;letter-spacing:.1em!important}
  .shop-brand small{display:none!important}
  .shop-menu{margin:0!important;padding:7px!important}
  .shop-account{min-width:0!important;margin:0!important}
  .shop-account button{min-width:0!important;padding:9px 8px!important;font-size:.62rem!important;white-space:nowrap}
  .shop-account button i{min-width:18px!important;height:18px!important;margin-left:4px!important}
  .store-hero,.store-hero__copy{width:calc(100% - 24px)!important;max-width:100%!important;min-width:0!important}
  .store-hero__copy{width:100%!important;overflow:hidden}
  .store-hero h1{width:100%!important;max-width:100%!important;font-size:clamp(2.75rem,13vw,3.75rem)!important;line-height:.92!important;letter-spacing:-.06em!important;overflow-wrap:anywhere!important}
  .store-hero__copy>p{max-width:100%!important;overflow-wrap:anywhere}
  .showcase{width:100%;max-width:100%;overflow:hidden}

  body:not([data-page="index"]):not(.vault-page) .page-hero>.shell,
  body.has-page-world .page-hero>.shell{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;min-width:0!important;margin-inline:auto!important;padding:24px 20px!important;overflow:hidden}
  body:not([data-page="index"]):not(.vault-page) .page-hero h1,
  body.has-page-world .page-hero h1,
  .page-hero h1{width:100%!important;max-width:100%!important;font-size:clamp(2.25rem,11vw,3.25rem)!important;line-height:.96!important;letter-spacing:-.055em!important;overflow-wrap:anywhere!important;word-break:normal!important}
  .page-hero p{max-width:100%!important;overflow-wrap:anywhere}

  .auth-topbar{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;padding-inline:10px!important;gap:7px!important}
  .auth-brand{min-width:0!important}
  .auth-brand__word{max-width:100px!important;font-size:.72rem!important}
  .auth-switch{max-width:112px!important;padding-inline:8px!important;font-size:.66rem!important;white-space:normal!important}
  .auth-layout,.auth-register .auth-layout{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;min-width:0!important}
  .auth-story{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
  .auth-story h1,.auth-register .auth-story h1,.auth-recovery .auth-story h1{width:100%!important;max-width:100%!important;font-size:clamp(2.25rem,11.5vw,2.9rem)!important;line-height:.95!important;letter-spacing:-.055em!important;overflow-wrap:anywhere!important}
  .auth-story h1 span{display:block}
  .auth-story__lead{width:100%;max-width:100%!important;overflow-wrap:anywhere}
  .auth-card,.auth-card-wrap{width:100%;max-width:100%;min-width:0}
}

@media(max-width:420px){
  body[data-page="index"] .hero h1{font-size:clamp(2.65rem,13vw,3.35rem)!important}
  .store-hero h1{font-size:clamp(2.45rem,12vw,3.15rem)!important}
  .shop-brand strong{font-size:.64rem!important}
  .shop-account button{font-size:0!important}
  .shop-account button i{margin-left:0!important;font-size:.62rem!important}
  .auth-brand__word{max-width:82px!important}
  .auth-switch{max-width:104px!important;font-size:.62rem!important}
}