/* V11: one scoped responsive normalization layer, appended last. */
:root{--af-ink:#182f58;--af-radius:18px}
body{overflow-x:clip}
.client-page,.client-page>*,.product-page,.products-grid,.product-card{min-width:0;max-width:100%}
.client-page{width:min(100% - 24px,1180px);margin-inline:auto;padding-bottom:calc(105px + env(safe-area-inset-bottom,0px))}
.client-page .products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2.6vw,22px);align-items:stretch}
.client-page .products-grid .product-card{width:100%;overflow:hidden}
.client-page .products-grid .product-card *{min-width:0}
.client-page .products-grid .product-card img{max-width:100%;height:auto;object-fit:contain}
.product-page .catalog-tabs{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;width:100%}
.product-page .catalog-tabs .catalog-tab{flex:1 1 138px;justify-content:center;text-align:center;white-space:normal;line-height:1.4}
.permission-card[hidden],#client-browser-permissions[hidden]{display:none!important}
.permission-card{width:100%;align-items:center}
.permission-card>div:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.permission-card button{min-height:40px}
#client-dismiss-permissions{display:inline-grid;place-items:center;min-width:42px;font-size:20px}
.product-card h2,.product-card h3,.product-card .product-name{overflow-wrap:anywhere;line-height:1.5}
.client-page .card,.client-page .product-card{box-sizing:border-box}
@media(max-width:600px){.client-page{width:calc(100% - 22px)}.client-page .products-grid{gap:10px}.product-page .catalog-tabs{margin-block:12px 16px}.product-page .catalog-tabs .catalog-tab{font-size:.91rem;padding:10px!important}.client-page .products-grid .product-card{border-radius:15px}.permission-card{padding:12px}.permission-card>div:last-child{width:100%}.permission-card button{flex:1 1 auto}.permission-card #client-dismiss-permissions{flex:0 0 42px}}
@media(max-width:360px){.client-page .products-grid{grid-template-columns:1fr}}
@media(min-width:700px){.client-page .products-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}
/* Official Saudi Riyal mark via SAMA vector; readable fallback remains if network unavailable. */
.sar-money{direction:ltr;unicode-bidi:isolate;white-space:nowrap;display:inline-flex;align-items:baseline;gap:.16em}
.sar-mark{width:.85em;height:1em;display:inline-block;vertical-align:-.12em;background:currentColor;-webkit-mask:url('https://www.sama.gov.sa/ar-sa/Currency/Documents/Saudi_Riyal_Symbol-2.svg') center/contain no-repeat;mask:url('https://www.sama.gov.sa/ar-sa/Currency/Documents/Saudi_Riyal_Symbol-2.svg') center/contain no-repeat}
@media print{.client-page{width:100%;padding:0}.bottom-nav,.permission-card{display:none!important}}