/* Shared customer pages; administration has its own navigation and layout. */
.storefront-shell{--border:var(--gray-light);--border-color:var(--gray-light)}
.storefront-shell .navbar-inner{height:auto;min-height:72px;padding-block:12px;gap:18px;flex-wrap:wrap}
.storefront-shell .navbar-brand{min-width:0;max-width:100%}
.storefront-shell .navbar-brand>svg,.storefront-shell .navbar-brand>img{flex-shrink:0}
.storefront-shell .navbar-brand .brand-text{min-width:0;overflow-wrap:anywhere}
.storefront-shell .storefront-navigation{flex:1;min-width:0;justify-content:flex-end;flex-wrap:wrap}
.storefront-shell .storefront-account-tools{flex-wrap:wrap;min-width:0}
.storefront-shell .navbar-auth{min-width:0;max-width:100%}
.storefront-shell .navbar-auth>span{max-width:140px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.storefront-shell .navbar-auth>span svg{flex-shrink:0}
.storefront-shell .navbar-auth>a{min-height:36px}
.storefront-shell :where(.container,.card,.card-body,.auth-card,.auth-body){min-width:0}
.storefront-shell :where(.form-control){min-width:0;max-width:100%}
.storefront-shell :where(.btn){white-space:normal}
.storefront-shell :where(.card-header){flex-wrap:wrap;gap:10px}
.storefront-shell :where(.card-header>span,.alert,.orders-container){overflow-wrap:anywhere}
.storefront-shell :where(.card-header svg,.btn svg){flex-shrink:0}
.storefront-shell :where(.order-info-row){gap:16px}
.storefront-shell :where(.order-info-row .label){flex:0 0 auto;max-width:40%}
.storefront-shell :where(.order-info-row .value){min-width:0;overflow-wrap:anywhere}
.storefront-shell .card-content-box{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.storefront-shell .card-content-box .copy-btn{position:static;align-self:flex-end;min-height:40px}
.storefront-shell .cart-item-name{white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip}
.storefront-shell .cart-item-name small{color:var(--primary);font-weight:500}
.storefront-shell .cart-drawer-close{min-width:44px;min-height:44px}
.storefront-shell .orders-container .order-card{max-width:none;margin:0 0 12px}
.storefront-shell .orders-container .order-card-header .order-no{overflow-wrap:anywhere;min-width:0}
.storefront-shell .orders-container :is(.order-product-name,.order-sku-name,.stat-value){overflow-wrap:anywhere}
.storefront-shell .orders-container .stat-card:hover{transform:none}
.storefront-shell .orders-container :is(.search-input,.filter-btn){min-height:44px;color:var(--dark)}
.storefront-shell .orders-container .filter-btn.active{color:#fff}
.storefront-shell .customer-results{max-width:1120px;margin-block:24px}
.storefront-shell .customer-results>.card{margin-top:0}
.customer-results-table{width:100%;table-layout:fixed}
.customer-results-table th{white-space:normal;font-size:.8rem}
.customer-results-table td{overflow-wrap:anywhere;vertical-align:top}
.customer-results-table th:nth-child(1){width:22%}
.customer-results-table th:nth-child(2){width:25%}
.customer-results-table th:nth-child(3){width:7%}
.customer-results-table th:nth-child(4){width:12%}
.customer-results-table th:nth-child(5){width:10%}
.customer-results-table th:nth-child(6){width:16%}
.customer-results-table th:nth-child(7){width:8%}
.customer-results-empty{padding:36px 24px;text-align:center;color:var(--dark-light);line-height:1.7}
.customer-wallet{max-width:760px;margin:24px auto;padding:0 16px;min-width:0}
.customer-wallet :is(p,code,h3){overflow-wrap:anywhere}
.customer-wallet .wallet-invite-link{display:flex;gap:8px;align-items:center;min-width:0}
.customer-wallet .wallet-invite-link input{flex:1;min-width:0;color:var(--dark);background:var(--light)}
.customer-wallet .wallet-invite-link button{flex-shrink:0;min-height:44px}
.customer-wallet .wallet-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}
.customer-wallet .recharge-preset{min-height:44px;padding:10px}
.customer-wallet .wallet-payment-methods{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.customer-wallet .wallet-payment-methods .btn{min-width:0!important;min-height:48px}
.storefront-shell .auth-card :is(input,button){min-height:46px}
.storefront-shell :is(.auth-card,.customer-query) .form-group>label{display:block}
.customer-query{max-width:560px}
.customer-query [hidden]{display:none!important}
.customer-query>.card{margin-top:24px}
.storefront-shell :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.storefront-shell .navbar :is(button,a):focus-visible{outline-color:#fff}
@media(max-width:1000px){
    .storefront-shell .navbar{padding-inline:16px}
    .storefront-shell .navbar-inner{justify-content:center;gap:10px}
    .storefront-shell .navbar-inner::after{display:none}
    .storefront-shell .navbar-inner>.storefront-navigation{width:100%;flex-basis:100%;overflow:visible;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important;padding-bottom:0}
    .storefront-shell .navbar-nav{flex-wrap:wrap!important;justify-content:center;gap:6px;min-width:0}
    .storefront-shell .navbar-nav a{display:flex;align-items:center;min-height:40px;padding:6px 12px}
    .storefront-shell .navbar-inner>.storefront-navigation>.storefront-account-tools{flex-wrap:wrap!important;flex-shrink:1!important;justify-content:center;gap:10px!important;max-width:100%}
    .storefront-shell .storefront-account-tools>.navbar-auth{flex-wrap:wrap!important;flex-shrink:1!important}
    .storefront-shell .navbar-auth>span{max-width:100px}
    .storefront-shell .storefront-account-tools>div:empty{display:none}
}
@media(max-width:700px){
    .storefront-shell .navbar-inner{gap:4px}
    .storefront-shell .navbar-nav{flex-basis:100%}
    .storefront-shell .navbar-inner>.storefront-navigation>.storefront-account-tools{width:100%;gap:8px!important}
    .storefront-shell .navbar .theme-toggle{width:38px;height:40px;min-height:40px}
    .storefront-shell .navbar .lang-btn{min-height:40px}
    .storefront-shell .storefront-tools{gap:6px!important}
    .storefront-shell .navbar-auth{margin-left:0!important;gap:6px!important}
    .storefront-shell .navbar-auth>span{display:none!important}
    .storefront-shell .navbar-auth:has(>span){padding:4px 6px!important}
    .storefront-shell .form-control{font-size:16px!important;min-height:44px}
    .storefront-shell .btn{min-height:44px}
    .storefront-shell .auth-wrapper{padding:24px 14px;min-height:0}
    .storefront-shell .auth-header{padding:24px 20px 12px}
    .storefront-shell .auth-body{padding:12px 20px 24px}
    .storefront-shell .auth-footer{padding:18px 20px}
    .storefront-shell .customer-query{padding:20px 14px}
    .storefront-shell .customer-query>.card{margin-top:0}
    .storefront-shell .customer-query .card-body{padding:20px}
    .storefront-shell .customer-results{margin-block:20px;padding:0 14px}
    .customer-results-table,.customer-results-table tbody{display:block;width:100%}
    .customer-results-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
    .customer-results-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;border-bottom:1px solid var(--gray-light)}
    .customer-results-table tbody tr:last-child{border-bottom:0}
    .customer-results-table td{display:block;padding:0;border:0;min-width:0}
    .customer-results-table td::before{content:attr(data-label);display:block;color:var(--dark-light);font-size:.76rem;margin-bottom:5px}
    .customer-results-table td:nth-child(1),.customer-results-table td:nth-child(2){grid-column:1/-1}
    .customer-results-table td:last-child{align-self:end}
    .customer-results-table td:last-child a{width:100%;justify-content:center}
    .customer-wallet{margin-block:20px;padding-inline:14px}
    .customer-wallet .wallet-invite-link{flex-wrap:wrap}
    .customer-wallet .wallet-invite-link input{flex-basis:100%}
    .customer-wallet .wallet-invite-link button{width:100%;justify-content:center}
    .customer-wallet .wallet-payment-methods{flex-direction:column;align-items:stretch}
    .storefront-shell .orders-container .orders-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
    .storefront-shell .orders-container .stat-card{min-width:0}
    .storefront-shell .orders-container .search-input{min-width:0;flex-basis:100%;font-size:16px}
    .storefront-shell .orders-container .order-meta{justify-content:space-between;gap:12px;min-width:0}
    .storefront-shell .orders-container .order-actions .btn{min-height:44px}
    .storefront-shell .order-info{padding:20px}
    .storefront-shell .order-info-row{font-size:.88rem}
    .storefront-shell .card-content-box{margin-inline:20px;padding:16px;font-size:.88rem}
    .storefront-shell .cart-drawer-item{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:start}
    .storefront-shell .cart-item-subtotal{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}
    .storefront-shell .cart-item-qty button{width:44px;height:44px;color:var(--dark)}
    .storefront-shell .cart-item-remove{min-width:44px;min-height:44px;margin:0}
    .storefront-shell .cart-drawer-summary{flex-wrap:wrap;gap:8px}
}
@media(max-width:380px){
    .storefront-shell .navbar-brand .brand-text{font-size:1.15rem}
    .storefront-shell .navbar-inner>.storefront-navigation>.storefront-account-tools{column-gap:6px!important}
    .storefront-shell .navbar-auth{justify-content:center;width:max-content}
    .customer-wallet .wallet-presets{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.storefront-shell .fade-in{animation:none}.storefront-shell .orders-container :is(.stat-card,.order-card,.filter-btn){transition:none}}