/* Customer-only typography: keep the existing visual structure and brand. */
:root body:is(.checkout-page,.customer-account-page){font-family:"Sahel UI",Tahoma,Arial,sans-serif;line-height:1.9;direction:rtl;text-align:right}
:root body :is(.checkout-shell,.account-shell){direction:rtl;text-align:right}
:root body :is(.checkout-form,.account-form) :is(input[type=email],input[type=datetime-local],input[dir=ltr]){direction:ltr;text-align:left}
:root body:is(.checkout-page,.customer-account-page) :is(h1,h2,h3,h4,p,label,button,input,select,textarea,span,small,strong,b,a){letter-spacing:normal!important;font-family:"Sahel UI",Tahoma,Arial,sans-serif!important}
:root body .checkout-heading h1,:root body .account-heading h1{font-size:clamp(30px,4vw,52px)!important;line-height:1.65!important;font-weight:700!important;margin:16px 0!important;letter-spacing:normal!important}
:root body .checkout-heading p,:root body .account-heading p{font-size:16px;line-height:1.95;margin:10px 0}
:root body :is(.checkout-section-head,.account-section-title){gap:14px;flex-wrap:wrap;align-items:center}
:root body :is(.checkout-section-head,.account-section-title) h2{font-size:22px!important;line-height:1.8!important;font-weight:700;margin:0}
:root body .checkout-form label,:root body .account-form label{font-size:15px;line-height:1.85;gap:9px;min-width:0}
:root body :is(.checkout-form,.account-form) :is(input,select,textarea){font-size:16px!important;line-height:1.7;min-height:48px;padding:12px 14px;max-width:100%;box-sizing:border-box}
:root body :is(.checkout-form,.account-form) small{font-size:13px!important;line-height:1.9;margin-top:6px}
:root body .cart-row{gap:16px;padding:22px 0;min-width:0}:root body .cart-row>div{min-width:0}
:root body .cart-row h3{font-size:17px!important;line-height:1.8!important;margin:0 0 8px;overflow-wrap:anywhere}
:root body .cart-row div>span{display:block;font-size:14px!important;line-height:1.9}
:root body .cart-row .cart-kind{font-size:12px!important;line-height:1.8}
:root body .quantity-control{gap:10px;align-items:center}:root body .quantity-control button{width:40px;height:40px;font-size:20px;line-height:1}
:root body .remove-cart{font-size:14px;min-height:44px;padding:8px}
:root body .cart-total{gap:18px;flex-wrap:wrap;line-height:1.9}:root body .cart-total strong{font-size:22px;white-space:nowrap}
:root body :is(.checkout-grid,.account-grid)>*, :root body .account-content{min-width:0}
:root body .customer-order :is(header,li){gap:16px;flex-wrap:wrap;line-height:1.9}:root body .customer-order small{font-size:13px;line-height:1.9}
:root body .account-top{height:auto;min-height:76px;gap:16px;padding-block:14px}:root body .account-top nav{gap:16px;flex-wrap:wrap}
:root body .account-top :is(a,button){font-size:15px;line-height:1.8;min-height:44px;display:inline-flex;align-items:center}
:root body .account-top>a{font-size:22px!important}
:root body :is(.checkout-form,.account-form) button{font-size:16px;line-height:1.8;min-height:48px}
@media(max-width:760px){
 :root body .checkout-shell{padding-top:90px}:root body .account-shell{padding-top:28px}
 :root body .checkout-grid,:root body .account-grid{margin-top:24px;gap:20px}
 :root body :is(.cart-panel,.checkout-form,.account-form,.account-orders,.account-subscriptions){padding:20px 16px}
 :root body .cart-row{grid-template-columns:58px minmax(0,1fr) auto;gap:12px}
 :root body .cart-row .quantity-control{grid-column:2;justify-content:flex-start}:root body .cart-row .remove-cart{grid-column:3;grid-row:1/3}
 :root body .account-top{padding-inline:16px;flex-wrap:wrap}
}