/* Shared customer layout: no hidden overflow, usable controls at small widths. */
.account-layout>*,.checkout-layout>*,.tracking-layout>*,.customer-card,.contact-columns>*,.order-head>*{min-width:0}
.customer-card,.order-items,.profile-name,.profile-meta,.contact-columns article,.invoice-lines,.checkout-item{overflow-wrap:anywhere}
.customer-top{gap:10px;padding-top:max(12px,env(safe-area-inset-top));flex-wrap:wrap}
.customer-top a,.outline-action,.account-nav a,.account-nav button,.customer-form button,.contact-columns article button{min-height:44px;display:flex;align-items:center;justify-content:center}
.account-nav a,.account-nav button{justify-content:flex-start}
.customer-form select{max-width:100%;font:inherit}
.contact-columns article{flex-wrap:wrap}.contact-columns article>div:first-child{min-width:0;flex:1 1 120px}.contact-columns article>div:last-child{flex-wrap:wrap}
.order-head{flex-wrap:wrap}.order-head small{display:block}.order-head>span{max-width:100%}
.customer-card:target{scroll-margin-top:100px}
:is(.customer-top,.customer-card) :is(a,button,input,textarea,select):focus-visible{outline:3px solid #be7a19;outline-offset:3px}
@media screen and (max-width:760px){
 .account-layout{width:calc(100% - 24px);padding:0;gap:16px}.customer-top{position:relative;top:auto;margin-bottom:16px;padding:12px}
 .customer-top b{font-size:14px}.customer-top a{font-size:12px}.customer-card{padding:16px}
 .customer-form input:not([type=radio]):not([type=checkbox]),.customer-form textarea,.customer-form select,.delivery-choices select,.auth-surface input,.auth-card-modern input{font-size:16px}
 .checkout-item{grid-template-columns:minmax(0,1fr);gap:6px}.checkout-item>b{text-align:left}
 .checkout-total,.order-countdown,.quote-summary>div{flex-wrap:wrap;gap:8px}
 .invoice-lines>div{flex-wrap:wrap;gap:8px}.invoice-lines>div>span{flex:1 1 160px}.invoice-lines>div>b{white-space:nowrap}
 .invoice-sheet{width:calc(100% - 24px);margin:12px auto;padding:16px}.contact-columns>div{padding:12px}
 .account-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.account-nav a,.account-nav button{font-size:13px;padding:10px}
}
@media screen and (max-width:360px){.customer-top>b{order:-1;flex-basis:100%;text-align:center}.customer-top a{flex:1}.card-heading h1,.card-heading h2{font-size:18px}.contact-columns article>div:last-child{flex-basis:100%}}