/* AUTHENTINO v5.1.16 — mobile scroll + menu fix */
html,body{width:100%;max-width:100%;overflow-x:clip}
body{min-width:0}
@supports not (overflow:clip){html,body{overflow-x:hidden}}

@media(max-width:760px){
  :root{--mobile-inline:clamp(16px,4.8vw,22px)}
  html{
    min-height:100%;
    overflow-y:auto;
    overscroll-behavior-x:none;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
    background:#ebe5da;
  }
  body{
    position:relative;
    min-height:100svh;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    overscroll-behavior-x:none;
    touch-action:auto;
    -webkit-overflow-scrolling:touch;
  }
  body,#app{inline-size:100%;max-inline-size:100%}
  img,svg,video,canvas{max-inline-size:100%;height:auto}
  input,select,textarea{font-size:16px!important}

  /* Fixed visual layers are expensive in iOS Safari and can make the page
     appear to resize while the browser chrome collapses during scrolling. */
  .grain{display:none}
  .site-header{
    width:100%;
    padding-left:max(18px,env(safe-area-inset-left));
    padding-right:max(18px,env(safe-area-inset-right));
    transform:translateZ(0);
    backface-visibility:hidden;
    contain:none;
  }

  #app,.view,.site-header,.hero-shell,.feature-section,.workspace-page,
  .checkout-page,.certificate-page,.editorial-page,.pricing-page,
  .certificate-showcase,.integrity-section,.pre-footer-brand-universe,
  .site-footer{width:100%;max-width:100%;min-width:0}

  .hero-shell,.hero-stage,.brand-universe,.wordmark-grid,
  .certificate-showcase,.certificate-preview-shell,.integrity-section,
  .site-footer,.footer-brand,.footer-links,.footer-bottom{min-width:0}

  .stage-orbit,.floating-card{max-width:calc(100vw - 24px)}
  .main-product-card{transform:none!important}
  .premium-category-card:hover,.premium-category-card.is-selected,
  .category-tile:hover,.wordmark-grid-full span:hover{transform:none}

  .pre-footer-brand-universe{
    margin-left:0;margin-right:0;padding-left:16px;padding-right:16px
  }
  .wordmark-grid-full{
    width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  .wordmark-grid-full span{width:auto;min-width:0}

  .site-footer{margin:0;grid-template-columns:minmax(0,1fr)!important}
  .site-footer .footer-links{
    width:100%;grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .brand-marquee,.wordmark-marquee{max-width:100%;overflow:hidden}

  /* Touch must feel like an app: pressed elements change instantly, but
     desktop hover movement never fires after a tap. */
  a,button,label,[role="button"]{-webkit-tap-highlight-color:transparent}
  .button,.header-cta,.category-tile,.premium-category-card,.product-chip,
  .brand-wordmark,.payment-method-card,.wordmark-grid-full span{
    transform:none!important;
    transition:background-color .16s ease,border-color .16s ease,
      color .16s ease,opacity .16s ease,box-shadow .16s ease!important;
  }
  .button:active,.category-tile:active,.premium-category-card:active,
  .product-chip:active,.brand-wordmark:active,.payment-method-card:active{
    opacity:.82;
  }

  /* Continuous decorative motion is disabled on phones. Content state
     changes remain animated, but scrolling no longer triggers recompositing. */
  .main-product-card::before,.scan-line,.live-dot{animation:none!important}
  .brand-marquee div,.wordmark-marquee div{animation:none!important;transform:none!important}
  .brand-marquee,.wordmark-marquee{overflow-x:auto;scrollbar-width:none}
  .brand-marquee::-webkit-scrollbar,.wordmark-marquee::-webkit-scrollbar{display:none}

  .hero-shell{min-height:auto}
  .hero-stage{contain:layout paint}
  .view.is-active{animation:appViewIn .22s ease-out both}
  @keyframes appViewIn{from{opacity:.82}to{opacity:1}}
}

@media(max-width:430px){
  .site-footer .footer-links{grid-template-columns:minmax(0,1fr)}
}
.google-revocation-link-placeholder{display:none!important}