/* =========================================================
   ARC PLUG MOBILE SYSTEM v40
   Loaded last on every page to unify phone/tablet behavior.
   ========================================================= */

html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:92px}
body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}

@media(max-width:820px){
  :root{--mobile-edge:14px}
  *{min-width:0}
  body{overflow-x:hidden!important}
  .container{width:calc(100% - (var(--mobile-edge) * 2))!important;max-width:none!important}
  .section{padding:64px 0!important}
  h1,h2,h3,p,strong,span,small,a,button,label,code{overflow-wrap:anywhere}
  input,select,textarea{font-size:16px!important}
  button,.button,[role="button"]{touch-action:manipulation}

  /* Top traffic bar + navigation */
  .live-traffic-bar{min-height:36px!important}
  .live-traffic-inner{min-height:36px!important;gap:8px!important;justify-content:center!important;padding:6px 0!important}
  .live-traffic-divider,.live-traffic-copy{display:none!important}
  .live-traffic-status{font-size:8px!important;white-space:nowrap}
  .live-traffic-main{font-size:9px!important;text-align:center}
  .site-header{position:sticky!important;top:0!important;z-index:260!important;background:rgba(7,7,12,.96)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
  .nav-shell{min-height:66px!important;gap:10px!important}
  .brand{gap:9px!important;min-width:0!important}
  .brand-mark{width:40px!important;height:40px!important;border-radius:12px!important;flex:0 0 40px!important}
  .brand-copy strong{font-size:13px!important;letter-spacing:.08em!important;white-space:nowrap}
  .brand-copy small{display:none!important}
  .nav-actions{gap:7px!important;margin-left:auto!important}
  .nav-actions>.button,.recook-discord,.desktop-discord{display:none!important}
  .menu-button{display:grid!important;width:42px!important;height:42px!important;flex:0 0 42px!important}
  .mobile-menu{position:absolute!important;left:0!important;right:0!important;top:100%!important;z-index:270!important;max-height:calc(100dvh - 102px)!important;overflow:auto!important;padding:10px 14px calc(18px + env(safe-area-inset-bottom))!important;border-top:1px solid rgba(255,255,255,.07)!important;background:rgba(8,8,13,.985)!important;box-shadow:0 26px 60px rgba(0,0,0,.52)!important;overscroll-behavior:contain!important}
  .mobile-menu.open{display:grid!important}
  .mobile-menu>a{min-height:48px!important;display:flex!important;align-items:center!important;padding:12px 10px!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
  .arc-mobile-menu .mobile-marketplace-section{margin:7px 0!important;padding:9px!important}
  .arc-mobile-menu .mobile-marketplace-label{align-items:flex-start!important}
  .arc-mobile-menu .mobile-marketplace-label small{max-width:120px;text-align:right}
  .arc-mobile-menu .mobile-marketplace-item{min-height:58px!important;padding:10px 4px!important}

  /* Shared headings, buttons, cards and footers */
  .section-header,.stock-header,.shop-section-heading,.featured-access-heading,.admin-section-head,.reseller-panel-head,.customer-orders-head{gap:14px!important}
  .section-header h2,.shop-section-heading h2,.admin-section-head h2,.reseller-panel-head h2{font-size:clamp(28px,8vw,40px)!important;line-height:1.03!important}
  .section-header p,.shop-section-heading p,.admin-section-head p{font-size:13px!important;line-height:1.65!important}
  .button{min-height:48px!important;padding:0 16px!important}
  .cta-card{min-height:auto!important;padding:28px 20px!important;border-radius:22px!important;gap:22px!important}
  .cta-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important}
  .cta-actions .button{width:100%!important}
  .site-footer{padding:54px 0 calc(105px + env(safe-area-inset-bottom))!important}
  .footer-grid{grid-template-columns:1fr!important;gap:28px!important}
  .footer-brand{grid-column:auto!important}
  .footer-bottom{align-items:flex-start!important;flex-direction:column!important}
  .mobile-sticky-bar{display:flex!important;gap:8px!important;padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important}
  .mobile-sticky-bar .button{min-height:46px!important;padding:0 11px!important;font-size:12px!important}

  /* Home */
  .recook-hero{padding:54px 0 42px!important}
  .recook-hero-grid,.hero-grid{grid-template-columns:1fr!important;gap:30px!important;min-height:auto!important}
  .recook-hero-copy,.hero-copy{text-align:left!important}
  .recook-hero h1,.hero-copy h1{font-size:clamp(44px,13vw,68px)!important;line-height:.94!important;letter-spacing:-.055em!important}
  .recook-hero-copy>p,.hero-lead{font-size:15px!important;line-height:1.68!important}
  .recook-hero-actions,.hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .recook-hero-actions .button,.hero-actions .button{width:100%!important}
  .recook-proof-row,.recook-quickbar-inner,.recook-overview-grid,.overview-grid,.feature-cards,.process-grid{grid-template-columns:1fr!important}
  .recook-hero-visual,.hero-visual{min-height:auto!important;order:-1!important}
  .recook-hero-art,.hero-panel{width:100%!important;max-width:520px!important;margin:0 auto!important}
  .hero-panel{padding:17px!important;border-radius:22px!important}
  .power-ring{display:none!important}
  .floating-info{position:static!important;transform:none!important;min-width:0!important;margin-top:8px!important}
  .core-emblem{min-height:230px!important}
  .hero-mini-cards{grid-template-columns:1fr!important}
  .featured-grid,.featured-product-grid,.stock-grid,.staff-image-grid,.vouch-rail{grid-template-columns:1fr!important}
  .staff-showcase-header,.staff-owner-footer,.staff-security-banner,.team-command-header,.team-command-layout,.team-command-footer{grid-template-columns:1fr!important}
  .staff-showcase-stats,.team-command-metrics{grid-template-columns:1fr!important}
  .staff-security-banner{align-items:flex-start!important}
  .discord-command-shell{padding:22px 18px!important}

  /* Shop stock */
  .shop-hero{padding:52px 0 38px!important}
  .shop-hero-grid{grid-template-columns:1fr!important;gap:24px!important}
  .shop-hero h1{font-size:clamp(43px,13vw,66px)!important;line-height:.95!important}
  .shop-hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .shop-hero-actions .button{width:100%!important}
  .shop-hero-stats,.shop-category-strip-inner,.shop-product-grid,.shop-process-grid{grid-template-columns:1fr!important}
  .shop-toolbar,.shop-stock-toolbar{align-items:stretch!important;flex-direction:column!important}
  .shop-search,.shop-filter-shell,.shop-refresh{width:100%!important;min-width:0!important}
  .shop-filter-tabs,.shop-category-tabs{display:flex!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;padding-bottom:5px!important;-webkit-overflow-scrolling:touch}
  .shop-filter-tabs button,.shop-category-tabs button{flex:0 0 auto!important;scroll-snap-align:start!important;min-height:44px!important}
  .shop-product-card{border-radius:20px!important}
  .shop-product-actions,.shop-result-actions{grid-template-columns:1fr!important}

  /* NFA accounts */
  .nfa-product-section{padding:34px 0 46px!important}
  .nfa-product-shell{grid-template-columns:1fr!important;padding:10px!important;border-radius:20px!important}
  .nfa-category-art{min-height:220px!important;border-radius:16px!important}
  .nfa-product-right{padding:16px 10px 10px!important}
  .nfa-title-row,.variant-heading,.description-head{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}
  .nfa-title-row h1{font-size:clamp(36px,11vw,56px)!important;line-height:.98!important}
  .nfa-feature-grid,.selected-variant-summary,.product-order-actions,.description-panel,.arc-nfa-info-grid,.arc-nfa-rules-grid,.arc-nfa-final-notice{grid-template-columns:1fr!important}
  .nfa-feature-grid{gap:8px!important}
  .variant-carousel{gap:10px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:3px 2px 12px!important;-webkit-overflow-scrolling:touch}
  .variant-card{width:76vw!important;min-width:76vw!important;max-width:300px!important;scroll-snap-align:start!important}
  .carousel-arrow{display:none!important}
  .arc-nfa-info-hero,.arc-nfa-rules-panel,.arc-nfa-warranty-panel{grid-template-columns:1fr!important}
  .arc-nfa-information{padding:24px 16px!important;border-radius:22px!important}
  .arc-nfa-warranty-panel{align-items:flex-start!important}
  .arc-nfa-final-notice .button{width:100%!important}
  .nfa-picker-loader{padding:18px 14px!important}

  /* Plug Access */
  .plug-hero{padding:50px 0 40px!important}
  .plug-hero-grid{grid-template-columns:1fr!important;gap:25px!important}
  .plug-hero h1{font-size:clamp(44px,13vw,68px)!important;line-height:.95!important}
  .plug-hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .plug-hero-actions .button{width:100%!important}
  .plug-status-grid,.plug-product-grid,.license-tools-grid,.license-result-grid,.plug-form-row,.plug-result-actions,.featured-access-heading,.featured-access-grid,.featured-duration-grid,.featured-duration-grid.four,.featured-duration-grid.vertical,.featured-order-banner,.meccha-card{grid-template-columns:1fr!important}
  .featured-access-card,.plug-product-card,.license-tool-card{padding:20px 16px!important;border-radius:20px!important}
  .duration-option{min-height:58px!important}
  .console-bottom{grid-template-columns:1fr!important}
  .license-tools-section input,.license-tools-section textarea{width:100%!important}

  /* Spoofer */
  .spoofer-hero{padding:50px 0 42px!important}
  .spoofer-hero-grid{grid-template-columns:1fr!important;gap:26px!important}
  .spoofer-art-card{order:-1!important;justify-self:stretch!important;width:100%!important;padding:8px!important;border-radius:22px!important}
  .spoofer-hero h1{font-size:clamp(45px,13vw,68px)!important;line-height:.92!important}
  .spoofer-hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .spoofer-hero-actions .button{width:100%!important}
  .spoofer-trust-grid,.spoofer-price-grid,.spoofer-summary-grid,.spoofer-compat-grid,.spoofer-detail-grid,.spoofer-process-card,.spoofer-static-grid,.spoofer-input-grid,.spoofer-payment-preview{grid-template-columns:1fr!important}
  .spoofer-price-card{padding:22px 18px!important;border-radius:21px!important}
  .spoofer-price strong{font-size:64px!important}
  .spoofer-compat-column{padding:16px!important}
  .spoofer-compat-column>span{min-height:auto!important;flex-direction:column!important;align-items:flex-start!important}
  .spoofer-compat-column small{text-align:left!important}
  .spoofer-process-card>div{min-height:auto!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
  .spoofer-process-card>div:last-child{border-bottom:0!important}

  /* Customer dashboard */
  .customer-portal-hero{padding:50px 0 34px!important}
  .customer-portal-hero-grid{grid-template-columns:1fr!important;gap:22px!important}
  .customer-portal-hero h1{font-size:clamp(42px,12vw,64px)!important;line-height:.96!important}
  .customer-portal-trust,.customer-dashboard-summary{grid-template-columns:1fr 1fr!important}
  .customer-dashboard-summary article{min-height:104px!important;padding:15px!important}
  .customer-dashboard-summary strong{font-size:25px!important}
  .customer-dashboard-tools{display:grid!important;align-items:stretch!important;padding:12px!important}
  .customer-order-filters{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important;-webkit-overflow-scrolling:touch}
  .customer-order-filters button{flex:0 0 auto!important;min-height:44px!important}
  .customer-order-search{width:100%!important;min-width:0!important}
  .customer-order-card{padding:18px 14px!important;border-radius:19px!important}
  .customer-order-head,.customer-delivery-heading,.customer-delivery-key-row,.customer-license-row{align-items:stretch!important;flex-direction:column!important}
  .customer-order-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .customer-order-actions>*{width:100%!important;min-height:42px!important;justify-content:center!important}
  .customer-order-meta,.customer-order-progress{grid-template-columns:1fr!important}
  .customer-order-progress>div:not(:last-child):after{left:13px!important;right:auto!important;top:25px!important;bottom:-9px!important;width:1px!important;height:auto!important}
  .customer-warranty-card{grid-template-columns:1fr!important;gap:12px!important}
  .customer-warranty-timer{text-align:left!important}
  .customer-license-actions,.customer-delivery-key-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .customer-license-actions button,.customer-delivery-key-actions button{width:100%!important;min-height:42px!important}
  .customer-help-grid{grid-template-columns:1fr!important}

  /* Reseller portal */
  .reseller-hero{padding:50px 0 38px!important}
  .reseller-hero-grid,.reseller-gate-card,.reseller-summary-grid,.reseller-key-grid,.reseller-price-grid,.reseller-admin-grid,.reseller-tier-layout,.reseller-form-row,.reseller-checkout-banner,.reseller-application-hero,.reseller-program-benefits,.reseller-application-lower,.reseller-application-spotlight,.reseller-checklist-grid,.reseller-ticket-actions,.reseller-command-center{grid-template-columns:1fr!important}
  .reseller-hero h1{font-size:clamp(43px,13vw,66px)!important;line-height:.95!important}
  .reseller-gate-card{padding:20px 16px!important;text-align:left!important}
  .reseller-panel,.reseller-ranking-card,.reseller-network-card{padding:18px 14px!important;border-radius:20px!important}
  .reseller-tabs{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:5px!important;-webkit-overflow-scrolling:touch}
  .reseller-tabs button{flex:0 0 auto!important;min-height:44px!important}
  .reseller-activity-item,.reseller-admin-price-item,.reseller-roster-item,.reseller-buy-row{grid-template-columns:1fr!important}
  .reseller-buy-row{gap:12px!important}
  .reseller-roster-toolbar{grid-template-columns:1fr!important}
  .reseller-roster-inventory{grid-template-columns:repeat(2,1fr)!important}
  .reseller-command-sync-box{grid-template-columns:1fr!important}

  /* Admin command center */
  .admin-hero{padding:50px 0 32px!important}
  .admin-hero-grid,.admin-metric-grid,.admin-two-column,.admin-order-card,.admin-order-meta,.admin-identity-grid,.admin-reseller-summary,.admin-status-counts,.admin-reseller-layout{grid-template-columns:1fr!important}
  .admin-hero h1{font-size:clamp(43px,13vw,67px)!important;line-height:.94!important}
  .admin-hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .admin-hero-actions .admin-button{width:100%!important}
  .admin-section{padding:18px 13px!important;border-radius:20px!important}
  .admin-section-head{display:grid!important}
  .admin-section-badges{justify-content:flex-start!important}
  .admin-order-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;justify-content:stretch!important;max-width:none!important}
  .admin-order-actions .admin-button{width:100%!important}
  .admin-product-row,.admin-application,.admin-timeline-item,.admin-log-item{grid-template-columns:1fr!important;gap:9px!important}
  .admin-roster-tools{display:grid!important;align-items:stretch!important}
  .admin-roster-tools input{width:100%!important}
  .admin-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .admin-table-wrap table{min-width:680px!important}
  .admin-mini-summary{text-align:left!important}

  /* Status */
  .status-hero,.status-services{grid-template-columns:1fr!important}
  .status-hero{padding:48px 0 30px!important;gap:22px!important}
  .status-hero h1{font-size:clamp(42px,12vw,64px)!important;line-height:.96!important}
  .system-service-top{grid-template-columns:auto 1fr!important}
  .system-service-top>*:last-child{grid-column:2!important;justify-self:start!important}

  /* Modals and checkout become clean mobile bottom sheets */
  .modal-backdrop,.category-modal-backdrop,.arc-pay-backdrop{padding:0!important;align-items:flex-end!important}
  .order-modal,.category-modal,.arc-pay-shell{width:100%!important;max-width:none!important;max-height:96dvh!important;border-radius:24px 24px 0 0!important;margin:0!important;overscroll-behavior:contain!important}
  .order-modal{padding:24px 15px calc(24px + env(safe-area-inset-bottom))!important}
  .category-modal{max-height:96dvh!important}
  .category-modal-head{padding:18px 15px!important}
  .category-modal-head h2,.modal-header h2{font-size:26px!important;line-height:1.05!important;padding-right:42px!important}
  .modal-close{position:sticky!important;float:right!important;top:8px!important;right:8px!important;z-index:5!important}
  .form-actions{grid-template-columns:1fr!important}
  .form-actions .button{width:100%!important}
  .step-indicator{grid-template-columns:repeat(3,1fr)!important;gap:5px!important}
  .step-line{display:none!important}
  .step-dot small{font-size:8px!important}
  .arc-pay-shell{height:auto!important}
  .arc-pay-head{padding:22px 58px 17px 16px!important}
  .arc-pay-progress{padding:11px 15px!important;overflow-x:auto!important}
  .arc-pay-body{grid-template-columns:1fr!important;padding:16px 14px calc(22px + env(safe-area-inset-bottom))!important;gap:16px!important}
  .arc-pay-side{position:static!important;order:-1!important;padding:16px!important;border-radius:17px!important}
  .arc-pay-methods,.arc-pay-manual-methods{grid-template-columns:1fr!important}
  .arc-pay-manual-heading{display:block!important}
  .arc-pay-review-badge{margin-top:8px!important}
  .arc-pay-copy-row{display:grid!important;grid-template-columns:1fr 1fr!important}
  .arc-pay-actions{display:grid!important;grid-template-columns:1fr!important}
  .arc-pay-actions a,.arc-pay-actions button{width:100%!important;text-align:center!important}
  #spooferOrderModal .spoofer-order-modal{padding:24px 15px calc(25px + env(safe-area-inset-bottom))!important}
}

@media(max-width:500px){
  :root{--mobile-edge:11px}
  .section{padding:54px 0!important}
  .live-traffic-status{display:none!important}
  .nav-shell{min-height:62px!important}
  .brand-mark{width:38px!important;height:38px!important;flex-basis:38px!important}
  .brand-copy strong{font-size:12px!important}
  .mobile-menu{max-height:calc(100dvh - 96px)!important}
  .recook-hero h1,.hero-copy h1,.shop-hero h1,.plug-hero h1,.spoofer-hero h1,.customer-portal-hero h1,.reseller-hero h1,.admin-hero h1,.status-hero h1{font-size:clamp(39px,12.5vw,58px)!important}
  .customer-portal-trust,.customer-dashboard-summary{grid-template-columns:1fr!important}
  .customer-order-actions,.customer-license-actions,.customer-delivery-key-actions,.admin-order-actions{grid-template-columns:1fr!important}
  .reseller-roster-inventory{grid-template-columns:1fr!important}
  .arc-pay-copy-row{grid-template-columns:1fr!important}
  .spoofer-price strong{font-size:56px!important}
  .mobile-sticky-bar .button{font-size:11px!important}
}

@media(hover:none) and (pointer:coarse){
  .button:hover,.admin-button:hover,.arc-pay-method:hover,.marketplace-menu-item:hover{transform:none!important}
}