/* v3.6 storefront and customer-panel responsive hardening */
html{width:100%;max-width:100%;overflow-x:hidden}
body{width:100%;max-width:100%;overflow-x:hidden}
.container{max-width:100%}
.page-content,.page-content>.container,.content-card,.account-dashboard,.account-main,.account-main>*,.account-two-column,.deposit-layout,.ticket-layout,.ticket-thread-layout,.cart-layout,.payment-layout{min-width:0;max-width:100%}
.account-dashboard>*,.account-main>*,.account-two-column>*,.deposit-layout>*,.ticket-layout>*,.ticket-thread-layout>*,.cart-layout>*,.payment-layout>*{min-width:0;max-width:100%}
.form-grid>*,.form-group,.form-control,.password-shell{min-width:0;max-width:100%}
input,select,textarea,button{max-width:100%}
img,video,iframe,svg{max-width:100%}
.card-heading>div,.account-person>div,.wallet-activity p,.checkout-product span,.ticket-items div{min-width:0}
.card-heading h2,.account-person b,.account-person small,.wallet-activity b,.wallet-activity small,.checkout-product b,.ticket-items b,.ticket-items small{overflow-wrap:anywhere}
.table-wrap,.invoice-table-wrap{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.table-wrap>.data-table,.invoice-table-wrap>.invoice-table{width:max-content;min-width:100%;max-width:none}
.data-table th,.data-table td,.invoice-table th,.invoice-table td{max-width:420px}
.premium-summary,.payment-summary{min-width:0}
.mobile-bottom-nav{max-width:calc(100vw - 20px)}

/* Correct selector: the CAPTCHA digits are spans, not .captcha-digit nodes. */
.premium-captcha{width:100%;max-width:430px;padding:12px!important;border-radius:12px}
.premium-captcha .captcha-heading{gap:8px}
.premium-captcha .captcha-challenge{display:grid;grid-template-columns:repeat(6,36px);gap:6px;width:max-content;max-width:100%;margin:8px 0!important}
.premium-captcha .captcha-challenge span{width:36px!important;height:38px!important;min-height:38px!important;border-radius:8px!important;font-size:17px!important;line-height:1!important}
.premium-captcha .captcha-input{width:100%;max-width:260px;min-height:42px!important;padding:8px 11px!important;font-size:14px;letter-spacing:.14em}
.captcha-row{width:100%;max-width:430px;grid-template-columns:112px minmax(0,1fr)!important;gap:9px!important}
.captcha-row strong,.ticket-captcha{min-height:42px!important;height:auto!important;padding:8px 10px!important;font-size:17px!important;letter-spacing:.16em!important}
.captcha-row .form-control{min-height:42px}

@media(max-width:960px){
  .account-dashboard,.account-two-column,.deposit-layout,.ticket-layout,.ticket-thread-layout,.cart-layout,.payment-layout,.catalog-layout{grid-template-columns:minmax(0,1fr)!important}
  .account-nav-v3{position:static;display:flex;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
  .account-nav-v3 .account-person{flex:0 0 220px;min-width:220px}
  .account-nav-v3>a{flex:0 0 auto;white-space:nowrap}
  .premium-summary,.payment-summary,.ticket-reply-card{position:static!important;top:auto!important}
  .account-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .account-quick{grid-template-columns:minmax(0,1fr)!important}
}

@media(max-width:680px){
  .container{width:min(100% - 22px,1320px)}
  .page-content{padding:28px 0 88px}
  .content-card,.auth-card,.checkout-card,.payment-console,.payment-summary{padding:16px!important;border-radius:14px!important}
  .form-grid{grid-template-columns:minmax(0,1fr)!important;gap:13px}
  .form-group.full{grid-column:auto}
  .card-heading{align-items:flex-start;flex-direction:column;gap:10px}
  .card-heading>a,.card-heading .btn{width:100%}
  .account-hero,.wallet-hero,.support-hero{padding:34px 0}
  .account-hero-inner,.wallet-hero-inner{align-items:flex-start;flex-direction:column;gap:18px}
  .account-hero h1,.wallet-hero h1,.support-hero h1{font-size:28px;overflow-wrap:anywhere}
  .account-balance,.wallet-balance{width:100%;min-width:0;padding:16px}
  .account-stats{grid-template-columns:minmax(0,1fr)!important;gap:10px}
  .account-stats article{padding:14px}
  .account-nav-v3{margin-inline:0;border-radius:12px}
  .account-nav-v3 .account-person{flex-basis:200px;min-width:200px}
  .wallet-activity>div{grid-template-columns:auto minmax(0,1fr);align-items:start}
  .wallet-activity>div>strong{grid-column:2;text-align:left}
  .ticket-items>a{grid-template-columns:auto minmax(0,1fr)}
  .ticket-items>a>em{grid-column:2}
  .ticket-thread-head{align-items:flex-start;flex-direction:column;padding:17px}
  .table-wrap,.invoice-table-wrap{border:1px solid #e3e8ef;border-radius:9px;background:#fff}
  .table-wrap:before,.invoice-table-wrap:before{content:"Swipe table horizontally →";display:block;position:sticky;left:0;padding:7px 10px;border-bottom:1px solid #e3e8ef;background:#f8fafc;color:#718096;font-size:9px;font-weight:800;letter-spacing:.04em}
  .data-table{min-width:610px!important}
  .invoice-table{min-width:580px!important}
  .invoice-row-actions{flex-wrap:wrap}
  .checkout-product{grid-template-columns:44px minmax(0,1fr)!important}
  .checkout-product>strong{grid-column:2;text-align:left}
  .gateway-picker{grid-template-columns:minmax(0,1fr)!important}
  .gateway-payment-fields{grid-template-columns:minmax(0,1fr)!important}
  .transfer-details>div{grid-template-columns:minmax(0,1fr) auto!important}
  .transfer-details strong{text-align:left;overflow-wrap:anywhere}
  .secure-note{grid-column:auto}
  .invoice-toolbar{width:calc(100% - 20px);align-items:stretch;flex-direction:column;gap:9px}
  .invoice-toolbar>div{width:100%;display:grid;grid-template-columns:1fr;gap:8px}
  .invoice-toolbar a,.invoice-toolbar button{width:100%}
  .invoice-sheet{width:calc(100% - 20px);min-height:0;padding:22px 16px}
  .invoice-head{align-items:flex-start;flex-direction:column;gap:18px}
  .invoice-title{justify-items:start;text-align:left}
  .invoice-meta{grid-template-columns:minmax(0,1fr)!important;gap:18px;padding:22px 0}
  .portfolio-hero{min-height:520px;padding-inline:16px}
  .portfolio-proof{grid-template-columns:1fr 1fr}
  .portfolio-grid{grid-template-columns:minmax(0,1fr)!important;padding-inline:12px}
}

@media(max-width:440px){
  .container{width:min(100% - 16px,1320px)}
  .content-card,.auth-card,.checkout-card,.payment-console,.payment-summary{padding:13px!important}
  .premium-captcha{max-width:100%;padding:10px!important}
  .premium-captcha .captcha-heading{align-items:flex-start;flex-direction:column;gap:1px}
  .premium-captcha .captcha-challenge{grid-template-columns:repeat(6,minmax(0,1fr));width:100%;gap:4px}
  .premium-captcha .captcha-challenge span{width:100%!important;height:34px!important;min-height:34px!important;font-size:15px!important}
  .premium-captcha .captcha-input{max-width:100%;min-height:40px!important}
  .captcha-row{grid-template-columns:minmax(0,1fr)!important;max-width:100%}
  .account-nav-v3 .account-person{flex-basis:180px;min-width:180px}
  .payment-title{align-items:flex-start}
  .payment-title>span{flex:0 0 42px;width:42px;height:42px}
  .payment-title h1{font-size:24px}
  .mobile-bottom-nav{left:6px;right:6px;max-width:calc(100vw - 12px)}
  .mobile-bottom-nav span{font-size:8px}
}

@media print{html,body{overflow:visible}.invoice-sheet{width:auto;max-width:none}.table-wrap:before,.invoice-table-wrap:before{display:none}}