html,body{margin:0;background:#09090B;color:#F5F4F1}
.au-boot{min-height:100vh;background:radial-gradient(60% 50% at 50% 40%,#16161C,#09090B)}
/* phones */
@media (max-width:700px){
  /* tighter page spacing so there's less scrolling */
  section[style*="px 32px"], main[style*="px 32px"], section[style*="padding: 32px"], main[style*="padding: 32px"]{padding-left:18px !important;padding-right:18px !important;padding-top:min(36px,9vw) !important;padding-bottom:min(44px,11vw) !important}
  section[style*="px 32px 0"], main[style*="px 32px 0"]{padding-bottom:0 !important}
  /* home: signature jacket viewer fits the screen */
  [style*="flex: 1 1 520px"][style*="height: 680px"]{height:min(430px,58svh) !important;grid-template-columns:minmax(0,1fr) !important}
  [style*="width: 600px; max-width: 100%; height: 640px"]{width:100% !important;height:min(410px,55svh) !important}
  /* product pages: 3D stage fits on one screen with its buttons */
  [style*="position: relative; height: 720px; border-radius: 32px"]{height:min(480px,60svh) !important}
  /* home: social feed two across */
  [style*="repeat(auto-fit, minmax(170px, 1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .au-feed{grid-template-columns:1fr !important}
  [aria-label="How to view"]{top:60px !important;right:14px !important}
}

/* express checkout: only the wallet this device supports */
.au-noapple [aria-label="Pay with Apple Pay"]{display:none !important}
.au-noapple [aria-label="Pay with Google Pay"]{grid-column:1 / -1}
.au-apple [aria-label="Pay with Google Pay"]{display:none !important}
.au-apple [aria-label="Pay with Apple Pay"]{grid-column:1 / -1}

/* smooth, modern feel everywhere */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a,button,[role="button"]{-webkit-tap-highlight-color:transparent}
button,a.au-bag,a.au-ic,a.au-nl,a.au-back{transition:transform .15s ease,background .2s ease,color .2s ease,box-shadow .25s ease,opacity .2s ease}
button:active:not(:disabled),a.au-bag:active,a.au-ic:active{transform:scale(.97)}
input,select,textarea{transition:border-color .2s ease,box-shadow .2s ease}
@keyframes au-page-in{from{opacity:0}to{opacity:1}}
body{animation:au-page-in .35s ease both}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{animation:none}*{transition:none!important}}
