

img,video,canvas,svg{max-width:100%;}


html{scroll-padding-top:76px;}
[id]{scroll-margin-top:76px;}

@media (max-width:900px){
  html,body,#root{width:100%;min-width:0!important;overflow-x:hidden!important;}
  body{overscroll-behavior-x:none;-webkit-text-size-adjust:100%;}

  
  #root main,#root section,#root article,#root aside,#root header,#root footer,#root form,
  .amf-standalone-page main,.amf-standalone-page section,.amf-standalone-page article,.amf-standalone-page aside,.amf-standalone-page header,.amf-standalone-page footer,.amf-standalone-page form,
  .amf-shell-content-v65,.amf-admin-shell-native,.amf-partner-shell-native,
  .amf-shop-public-shell,.amf-shop-native-v16,.amf-lsr-shell-v27,
  .amf-price-modern-v6,.amf-faq-native-v15,
  .amf-native-business-form,.amf-native-business-card,
  .amf-admin-overview-v37,.amf-user-dashboard-v37{
    min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
  }

  

  
  #root input,#root select,#root textarea,
  .amf-standalone-page input,.amf-standalone-page select,.amf-standalone-page textarea{max-width:100%!important;min-width:0!important;font-size:16px!important;}
  #root button,#root a,#root [role="button"],
  .amf-standalone-page button,.amf-standalone-page a,.amf-standalone-page [role="button"]{touch-action:manipulation;}
  #root button,.amf-standalone-page button{max-width:100%;}

  
  #root .grid>*,#root .flex>*,.amf-standalone-page .grid>*,.amf-standalone-page .flex>*{min-width:0;}
  #root [class*="grid-cols-"],.amf-standalone-page [class*="grid-cols-"]{max-width:100%;}

  
  .overflow-x-auto,.tablewrap,[class*="table-wrap"],[class*="tablewrap"]{
    max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important;
    overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin;
  }
  .amf-admin-shell-native table,.amf-partner-shell-native table{
    max-width:100%!important;-webkit-overflow-scrolling:touch!important;
  }

  
  [role="dialog"],.amf-admin-modal-light-native,.amf-admin-shop-modal-native,
  .amf-activation-modal-v38,.amf-invoice-modal-v38,.amf-invoice-modal-v39,
  .amf-generate-modal-v40,.amf-shop-order-panel-native,.amf-shop-native-share-panel{
    max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;
    overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
  }

  
  .amf-shop-public-shell{padding-left:max(10px,env(safe-area-inset-left))!important;padding-right:max(10px,env(safe-area-inset-right))!important;}
  .amf-shop-v16-toolbar,.amf-shop-v240-payment-wrap,.amf-shop-v240-cart-panel,
  .amf-native-business-card,.amf-partner-admin-card{max-width:100%!important;overflow:hidden;}

  
  #root img,.amf-standalone-page img{height:auto;}
  #root iframe,.amf-standalone-page iframe{max-width:100%;}

  
  .amf-shop-order-overlay-native,.amf-shop-native-share-overlay{
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  .animate-hover,.glow-card,.amf-shop-v16-card,.amf-lsr-card-v27{
    transition-duration:.12s!important;
  }
  .animate-hover:hover,.glow-card:hover,.amf-shop-v16-card:hover,.amf-lsr-card-v27:hover{
    transform:none!important;
  }

  
  .amf-shop-v16-card,.amf-lsr-card-v27,.amf-faq-item-v28,
  .amf-admin-record-row-v124,.amf-finance-record-v28{
    content-visibility:auto;contain-intrinsic-size:1px 360px;
  }
}

@media (max-width:640px){
  html{scroll-padding-top:68px;}
  [id]{scroll-margin-top:68px;}

  
  .amf-native-business-form .grid.grid-cols-2,
  .amf-native-business-form .grid.grid-cols-3,
  .amf-admin-profile-unified-layout,
  .amf-partner-admin-grid{
    grid-template-columns:1fr!important;
  }

  
  .amf-shop-native-share-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .amf-shop-v16-actions-row,.amf-shop-v242-actions-row{min-width:0!important;}

}

@media (max-width:380px){
  .amf-shop-native-share-grid{grid-template-columns:1fr!important;}
}

@media (hover:none) and (pointer:coarse){
  
  .amf-shop-v16-card,.amf-lsr-card-v27,.amf-dashboard-stat-card-v37,
  .amf-native-business-card,.amf-partner-admin-card{
    box-shadow:0 4px 14px rgba(15,23,42,.055)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}


@media (max-width:900px){
  .amf-standalone-page .site-header,.amf-standalone-page .top-wrap,.amf-standalone-page .top{z-index:1000!important;}
  .amf-standalone-page .site-header .header-inner,.amf-standalone-page .top .nav,.amf-standalone-page .top-wrap .top{max-width:100%!important;min-width:0!important;}
  .amf-standalone-page .wrap,.amf-standalone-page .page,.amf-standalone-page .main,.amf-standalone-page .hero-in{max-width:100%!important;min-width:0!important;}
  .amf-standalone-page .modal,.amf-standalone-page .share-modal,.amf-standalone-page .order-modal{z-index:1300!important;}
  .amf-standalone-page .modal-card,.amf-standalone-page .share-sheet,.amf-standalone-page .order-sheet{max-width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important;overflow-y:auto!important;}
}

@media (max-width:640px){
  
  .amf-product-detail-page .page{margin-top:16px!important;padding-left:10px!important;padding-right:10px!important;}
  .amf-product-detail-page .card{grid-template-columns:1fr!important;border-radius:20px!important;}
  .amf-product-detail-page .media{min-height:280px!important;padding:18px!important;}
  .amf-product-detail-page .body{padding:24px 18px!important;}
  .amf-product-detail-page .body h1{font-size:clamp(27px,9vw,38px)!important;}
  .amf-product-detail-page .actions{grid-template-columns:1fr!important;}
  .amf-product-detail-page .actions .btn{width:100%!important;}
  .amf-product-detail-page .trust{grid-template-columns:1fr!important;}

  
  .amf-standalone-page .site-header .header-inner{min-width:0!important;max-width:100%!important;}
  .amf-standalone-page .site-header nav{max-width:100%!important;-webkit-overflow-scrolling:touch!important;}
  .amf-standalone-page .forum-footer,.amf-standalone-page .footer-inner,.amf-standalone-page .forum-registered-partners{max-width:100%!important;overflow-x:hidden!important;}

  
  .amf-standalone-page .featured,.amf-standalone-page .release-panel,.amf-standalone-page .info-box,.amf-standalone-page .category-group,.amf-standalone-page .item{max-width:100%!important;min-width:0!important;}

  
  .amf-big-distributor-page .shell{grid-template-columns:1fr!important;max-width:100%!important;overflow-x:hidden!important;}
  .amf-big-distributor-page .side{position:relative!important;height:auto!important;max-height:none!important;}
  .amf-big-distributor-page .main{padding:14px!important;max-width:100%!important;}
  .amf-big-distributor-page .grid4,
  .amf-big-distributor-page .two,
  .amf-big-distributor-page .two.equal{grid-template-columns:1fr!important;}
}



html{min-width:0;}
body{min-width:0;max-width:100%;}
#root{min-width:0;max-width:100%;}


@supports (min-height:100dvh){
  #root{min-height:100dvh;}
  .min-h-screen{min-height:100dvh!important;}
}

@media (max-width:900px){
  html,body{max-width:100vw!important;}
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);}

  
  #root p,#root small,#root code,#root pre,#root td,#root th,
  .amf-standalone-page p,.amf-standalone-page small,.amf-standalone-page code,
  .amf-standalone-page td,.amf-standalone-page th{overflow-wrap:anywhere;word-break:normal;}

  
  .amf-mobile-lite *,
  body.amf-lite-device *{scroll-behavior:auto!important;}
  body.amf-lite-device [class*="blur-"],
  body.amf-lite-device [class*="backdrop-blur"],
  body.amf-lite-device .backdrop-blur-sm,
  body.amf-lite-device .backdrop-blur,
  body.amf-lite-device .backdrop-blur-md,
  body.amf-lite-device .backdrop-blur-lg{
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important;
  }
  body.amf-lite-device [class*="animate-"],body.amf-lite-device .animate-hover{
    animation:none!important;transition-duration:.01ms!important;
  }

  
  .amf-standalone-page .item,
  .amf-standalone-page .category-item,
  .amf-standalone-page .topic-card,
  .amf-standalone-page .forum-topic,
  .amf-standalone-page .article-card,
  #root .amf-shop-v16-card,
  #root .amf-lsr-card-v27,
  #root .amf-admin-record-row-v124,
  #root .amf-finance-record-v28,
  #root .amf-faq-item-v28{
    content-visibility:auto;contain-intrinsic-size:1px 280px;
  }

  
  [class*="fixed"][class*="bottom-"],
  .amf-partner-admin-save,
  .amf-v3-next{margin-bottom:max(0px,env(safe-area-inset-bottom));}

  
  iframe,video,canvas{max-width:100%!important;}
  pre{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;}
}


@media (max-width:480px){
  #root main,#root .amf-shop-public-shell,#root .amf-lsr-shell-v27,
  .amf-standalone-page .wrap,.amf-standalone-page .page,.amf-standalone-page .main{
    padding-left:max(10px,env(safe-area-inset-left))!important;
    padding-right:max(10px,env(safe-area-inset-right))!important;
  }
  #root .rounded-3xl{border-radius:20px!important;}
  #root .rounded-2xl{border-radius:16px!important;}
  .amf-standalone-page .panel,.amf-standalone-page .card{border-radius:18px!important;}
  .amf-standalone-page .modal-card,[role="dialog"]{border-radius:18px!important;}

  
  #root button,.amf-standalone-page button,
  #root a[role="button"],.amf-standalone-page a.btn{min-height:40px;}
}

@media (max-width:390px){
  #root .amf-hero-actions{gap:10px!important;}
  #root .amf-hero-actions>button,#root .amf-hero-actions>a{width:100%!important;justify-content:center!important;}
  #root .amf-hero-stats{gap:6px!important;}
  #root .amf-native-stat-card{padding-left:3px!important;padding-right:3px!important;}
  .amf-standalone-page .panel{padding:14px!important;}
}

@media (max-width:360px){
  #root main,#root .amf-shop-public-shell,#root .amf-lsr-shell-v27,
  .amf-standalone-page .wrap,.amf-standalone-page .page,.amf-standalone-page .main{
    padding-left:max(8px,env(safe-area-inset-left))!important;
    padding-right:max(8px,env(safe-area-inset-right))!important;
  }
  #root h1{overflow-wrap:anywhere;}
  .amf-standalone-page h1{overflow-wrap:anywhere;}
  .amf-standalone-page .pill{white-space:normal!important;}
}

@media (max-width:320px){
  #root .amf-hero-title{font-size:30px!important;line-height:1.08!important;}
  #root .amf-hero-container{padding-left:8px!important;padding-right:8px!important;}
  .amf-standalone-page .modal{padding:6px!important;}
  .amf-standalone-page .modal-card,[role="dialog"]{max-width:calc(100vw - 12px)!important;}
}


@media (orientation:landscape) and (max-height:520px) and (pointer:coarse){
  [role="dialog"],.amf-standalone-page .modal-card,
  .amf-admin-modal-light-native,.amf-admin-shop-modal-native,
  .amf-activation-modal-v38,.amf-invoice-modal-v38,.amf-invoice-modal-v39,
  .amf-generate-modal-v40,.amf-shop-order-panel-native,.amf-shop-native-share-panel{
    max-height:calc(100dvh - 8px)!important;border-radius:14px!important;
  }
  #root .amf-home-hero-native{min-height:auto!important;}
}

@media (hover:none) and (pointer:coarse){
  
  #root .shadow-2xl,#root .shadow-xl,.amf-standalone-page .shadow-2xl,.amf-standalone-page .shadow-xl{
    box-shadow:0 4px 16px rgba(15,23,42,.08)!important;
  }
  #root [class*="hover:-translate"],#root [class*="hover:scale"]{transform:none!important;}
}
/* === P420 MOBILE A-Z LAYER + SAFE VIEWPORT AUDIT === */
/*
  One responsive owner for phones/tablets.  Important rule: navigation may be
  translated or sticky, but every actionable modal must remain above it.
*/
:root{
  --amf-p420-header-layer:2147483005;
  --amf-p420-overlay-layer:2147483300;
  --amf-p420-dialog-layer:2147483301;
}

/* Full-screen React portals and named overlays always beat public/mobile headers. */
.amf-global-overlay-p420,
.amf-rt-standalone-overlay,
.amf-v3-standalone-overlay,
.amf-shop-native-share-overlay,
.amf-shop-order-overlay-native,
.amf-p417-confirm-overlay,
.amf-p137-modal,
.amf-p140-overlay,
.amf-blogger-overlay-v184{
  z-index:var(--amf-p420-overlay-layer)!important;
}

/* Standalone Product / Download / Driver modals previously dropped below fixed headers. */
.amf-standalone-page .modal,
.amf-standalone-page .share-modal,
.amf-standalone-page .order-modal{
  z-index:var(--amf-p420-overlay-layer)!important;
}

/* Dialog bodies cannot exceed the usable viewport. */
.amf-global-overlay-p420 > [role="dialog"],
.amf-global-overlay-p420 .amf-admin-modal-light-native,
.amf-global-overlay-p420 .amf-admin-shop-modal-native,
.amf-global-overlay-p420 .amf-activation-modal-v38,
.amf-global-overlay-p420 .amf-invoice-modal-v38,
.amf-global-overlay-p420 .amf-invoice-modal-v39,
.amf-global-overlay-p420 .amf-generate-modal-v40,
.amf-global-overlay-p420 .amf-cart-panel-native,
.amf-global-overlay-p420 .amf-shop-order-panel-native,
.amf-global-overlay-p420 .amf-shop-success-native,
.amf-rt-standalone-modal,
.amf-v3-standalone-modal,
.amf-p417-confirm-card,
.amf-p137-dialog,
.amf-p140-invoice,
.amf-shop-native-share-panel,
.amf-standalone-page .modal-card,
.amf-standalone-page .share-sheet,
.amf-standalone-page .order-sheet{
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Close controls must never collapse behind translated titles or long names. */
.amf-modal-close-v38,
.amf-p417-confirm-x,
.amf-p137-close,
.amf-p140-close,
.amf-admin-shop-close-native,
.amf-v3-close,
.amf-ai-close-v238,
.amf-standalone-page .modal-close,
.amf-standalone-page .order-close,
.amf-standalone-page .share-head>button{
  flex:0 0 40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:44px!important;
  position:relative!important;
  z-index:20!important;
  touch-action:manipulation!important;
}

/* Long translated labels must wrap without pushing actions off-screen. */
.amf-p417-confirm-card>header>div,
.amf-p137-dialog-head>div,
.amf-p140-head>div:first-child,
.amf-shop-native-share-head>div,
.amf-activation-modal-head-v38>div,
.amf-admin-shop-modal-head-native>div,
.amf-v3-standalone-header>div,
.amf-standalone-page .modal-head>div,
.amf-standalone-page .order-head>div,
.amf-standalone-page .share-head>div{
  min-width:0!important;
}

@media(max-width:900px){
  /* Safe usable area: modal content never starts under a notch/header and never ends under gesture UI. */
  .amf-global-overlay-p420,
  .amf-rt-standalone-overlay,
  .amf-v3-standalone-overlay,
  .amf-shop-native-share-overlay,
  .amf-shop-order-overlay-native,
  .amf-p417-confirm-overlay,
  .amf-p137-modal,
  .amf-p140-overlay,
  .amf-blogger-overlay-v184,
  .amf-standalone-page .modal,
  .amf-standalone-page .share-modal,
  .amf-standalone-page .order-modal{
    box-sizing:border-box!important;
    padding-top:max(8px,env(safe-area-inset-top,0px))!important;
    padding-right:max(8px,env(safe-area-inset-right,0px))!important;
    padding-bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
    padding-left:max(8px,env(safe-area-inset-left,0px))!important;
    overscroll-behavior:contain!important;
  }

  .amf-global-overlay-p420 > [role="dialog"],
  .amf-global-overlay-p420 .amf-admin-modal-light-native,
  .amf-global-overlay-p420 .amf-admin-shop-modal-native,
  .amf-global-overlay-p420 .amf-activation-modal-v38,
  .amf-global-overlay-p420 .amf-invoice-modal-v38,
  .amf-global-overlay-p420 .amf-invoice-modal-v39,
  .amf-global-overlay-p420 .amf-generate-modal-v40,
  .amf-global-overlay-p420 .amf-cart-panel-native,
  .amf-global-overlay-p420 .amf-shop-order-panel-native,
  .amf-global-overlay-p420 .amf-shop-success-native,
  .amf-rt-standalone-modal,
  .amf-v3-standalone-modal,
  .amf-p417-confirm-card,
  .amf-p137-dialog,
  .amf-p140-invoice,
  .amf-shop-native-share-panel,
  .amf-standalone-page .modal-card,
  .amf-standalone-page .share-sheet,
  .amf-standalone-page .order-sheet{
    width:100%!important;
    max-width:calc(100vw - max(16px,calc(env(safe-area-inset-left,0px) + env(safe-area-inset-right,0px))))!important;
    max-height:calc(100dvh - max(16px,calc(env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px))))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }

  /* Sticky modal heads keep the X reachable after long forms are scrolled. */
  .amf-p417-confirm-card>header,
  .amf-activation-modal-head-v38,
  .amf-admin-shop-modal-head-native,
  .amf-generate-modal-v40>div:first-child{
    position:sticky!important;
    top:0!important;
    z-index:25!important;
  }

  /* Public mobile menu: preserve room for safe-area and keep it inside screen. */
  nav[data-amf-public-header-v62="true"] [data-amf-mobile-panel-v65],
  nav[data-amf-public-header-v62="true"] [data-amf-mobile-panel-v65="true"]{
    top:calc(69px + env(safe-area-inset-top,0px))!important;
    max-height:calc(100dvh - 80px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
    padding-bottom:max(9px,env(safe-area-inset-bottom,0px))!important;
  }

  /* Every mobile data table scrolls horizontally instead of clipping action buttons. */
  #root .overflow-x-auto,
  #root [class*="table-wrap"],
  #root [class*="tablewrap"],
  .amf-standalone-page .tablewrap,
  .amf-standalone-page .article-table,
  .amf-p137-record-scroll,
  .amf-activation-scroll-v186{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
  }

  /* Footer/copyright and translated labels may wrap; no right-side cutoff. */
  footer.amf-footer-native-v16 .amf-footer-bottom-text,
  .amf-shop-p366-bottom small,
  .amf-standalone-page .footer,
  .amf-standalone-page .footer-in{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    max-width:100%!important;
  }

  /* Fixed bottom actions stay above Android/iOS gesture areas. */
  .amf-blogger-mobile-actions-v184,
  .amf-partner-admin-save,
  .amf-v3-next{
    bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
  }

  /* Avoid translated headings/action rows creating horizontal overflow. */
  #root h1,#root h2,#root h3,#root h4,
  .amf-standalone-page h1,.amf-standalone-page h2,.amf-standalone-page h3,.amf-standalone-page h4,
  #root button,#root a,.amf-standalone-page button,.amf-standalone-page a{
    overflow-wrap:anywhere;
  }
}

@media(max-width:640px){
  /* Phone forms become single-column where old desktop grid utilities can still survive. */
  .amf-global-overlay-p420 .grid.grid-cols-2,
  .amf-global-overlay-p420 .grid.grid-cols-3,
  .amf-global-overlay-p420 .grid.grid-cols-4,
  .amf-p417-confirm-body,
  .amf-p137-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .amf-global-overlay-p420 .flex.justify-between,
  .amf-global-overlay-p420 .flex.items-center{
    min-width:0!important;
  }

  .amf-p417-confirm-card>footer{
    grid-template-columns:1fr 1fr!important;
    padding-bottom:max(14px,env(safe-area-inset-bottom,0px))!important;
  }

  /* Standalone article/download/product headers and cards cannot exceed viewport width. */
  .amf-standalone-page .nav,
  .amf-standalone-page .header-inner,
  .amf-standalone-page .layout,
  .amf-standalone-page .panel,
  .amf-standalone-page .card,
  .amf-standalone-page .item,
  .amf-standalone-page .article,
  .amf-standalone-page .side-card{
    min-width:0!important;
    max-width:100%!important;
  }
}

@media(max-width:380px){
  /* Small Android widths: action rows wrap instead of hiding the final control. */
  .amf-p140-actions,
  .amf-p137-dialog-actions,
  .amf-standalone-page .share-url,
  .amf-standalone-page .secret-code{
    grid-template-columns:1fr!important;
    flex-wrap:wrap!important;
  }
  .amf-p140-actions button,
  .amf-p137-dialog-actions button,
  .amf-standalone-page .share-url button,
  .amf-standalone-page .secret-code button{
    width:100%!important;
    max-width:100%!important;
  }
}

@media(orientation:landscape) and (max-height:540px) and (pointer:coarse){
  .amf-global-overlay-p420,
  .amf-rt-standalone-overlay,
  .amf-v3-standalone-overlay,
  .amf-shop-native-share-overlay,
  .amf-shop-order-overlay-native,
  .amf-p417-confirm-overlay,
  .amf-p137-modal,
  .amf-p140-overlay,
  .amf-standalone-page .modal,
  .amf-standalone-page .share-modal,
  .amf-standalone-page .order-modal{
    align-items:flex-start!important;
  }
}
/* === P420 MOBILE A-Z END === */
