/* ALFADHL PWA V9: cohesive mobile client design; CSS-only visual layer. */
@media (max-width:767px){
:root{--v9-navy:#1d3b6a;--v9-ink:#10223f;--v9-muted:#69768a;--v9-bg:#f3f7fd;--v9-border:#e5eaf3;--v9-radius:24px}
html{overflow-x:clip}body:not(.admin-app-shell){background:radial-gradient(ellipse at 12% 6%,#e9f3fd 0,transparent 42%),var(--v9-bg);color:var(--v9-ink)}
body:not(.admin-app-shell) .client-page,body:not(.admin-app-shell) .client-nav-wrapper,body:not(.admin-app-shell) .pr-wrap,body:not(.admin-app-shell) .notifications-page{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding-inline:clamp(14px,5vw,24px);padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
.client-top-nav{background:transparent!important;border:0!important;box-shadow:none!important;padding-inline:clamp(14px,5vw,24px)!important;min-height:74px!important}.client-top-actions .top-icon-link{background:#fff!important;border:0!important;box-shadow:0 7px 25px rgba(40,69,107,.06)}
.client-bottom-nav{position:fixed!important;inset:auto 0 0!important;padding:0!important;background:transparent!important;z-index:200}.client-bottom-nav-inner{width:100%!important;max-width:none!important;border-radius:28px 28px 0 0!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;height:calc(76px + env(safe-area-inset-bottom,0px))!important;box-shadow:0 -8px 24px rgba(33,65,115,.09)!important}
.bottom-nav-item{min-width:0}.bottom-nav-label{white-space:nowrap;font-size:10px!important}.bottom-nav-center .bottom-nav-icon{background:#e7f0fc!important;color:var(--v9-navy)!important;transform:translateY(-8px)}.bottom-nav-item.active:not(.bottom-nav-center) .bottom-nav-icon{color:#2f6ca6!important}
body:not(.admin-app-shell) .card,body:not(.admin-app-shell) .cl-card,body:not(.admin-app-shell) .stat-card,body:not(.admin-app-shell) .dashboard-order-item{border-radius:var(--v9-radius);box-shadow:0 8px 28px rgba(21,54,94,.055);border:1px solid #e9edf4}
.client-page h1,.client-dashboard-head h1,.pr-wrap h1,.notifications-page h1{font-size:clamp(25px,6vw,32px);color:var(--v9-ink);line-height:1.3;letter-spacing:-.025em}
.client-page p,.client-dashboard-head p{color:var(--v9-muted)}
/* Catalog tabs and device / package card layout */
.product-page .catalog-tabs{display:flex;gap:8px;justify-content:flex-start;flex-wrap:wrap;margin:15px 0 20px}.catalog-tab{border-radius:32px!important;background:white!important;border:1px solid #e4ebf5!important;min-height:45px;display:inline-flex;align-items:center;padding:10px 16px!important;box-shadow:0 3px 14px rgba(25,55,91,.035);font-weight:800;text-decoration:none}.catalog-tab[aria-current="page"]{background:var(--v9-navy)!important;color:#fff!important}
.product-page-head{margin-block:10px 18px}.products-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.product-card{padding:0!important;overflow:hidden;border-radius:23px!important;background:#fff;min-width:0!important}.product-media{position:relative;background:linear-gradient(170deg,#f2f2f5,#e9eef5);min-height:150px;height:clamp(150px,45vw,225px);display:flex;align-items:center;justify-content:center;padding:14px}.product-media img{max-height:88%;width:100%;object-fit:contain}.product-info{padding:14px 12px 15px!important;min-width:0}.product-card h3{font-size:clamp(13px,3.55vw,17px)!important;line-height:1.55!important;min-height:3em;overflow-wrap:anywhere}.product-card .product-type{font-size:11px;font-weight:800;color:var(--v9-navy)}.product-card small{font-size:10px;word-break:break-word}.product-price-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between;padding-block:12px}.product-price-row strong{font-size:clamp(15px,3.8vw,21px)!important;white-space:nowrap;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.product-price-row span{font-size:10px}.product-card .profit-box{border-radius:13px;padding:9px 8px;gap:5px;display:flex;flex-direction:column;align-items:flex-start;font-size:11px}.product-card .profit-box strong{font-size:clamp(13px,3.4vw,17px)}.product-card .quantity-prompt{font-size:10px;line-height:1.35;min-height:43px;padding:8px}.product-card .product-actions{display:flex;flex-wrap:nowrap;gap:6px;align-items:center}.product-card .qty-stepper{min-width:0;flex:1}.product-card .qty-step-btn{width:27px;min-width:25px}.product-card .qty-step-input{width:35px;min-width:22px}.product-card .product-add-btn{width:38px;min-width:38px;height:39px;padding:0!important;border-radius:12px}.stock-pill{max-width:calc(100% - 16px);font-size:10px!important}
/* Checkout/booking/cart/profile/settlement shared rhythm */
.booking-create-wrap,.pay-page,.bs-wrap,.checkout-page,.cart-page{min-width:0}.booking-create-wrap .card,.pay-page .card,.bs-wrap .card,.checkout-page .card,.cart-page .card{border-radius:24px!important}.bs-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px}.bs-row{gap:12px;overflow-wrap:anywhere}.bs-val{direction:ltr;unicode-bidi:isolate;text-align:left}.checkout-shell{max-width:100%!important}.table-wrapper{max-width:100%;overflow-x:auto}
.client-dashboard-head{margin:16px 0 18px}.client-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.dashboard-balance-card{grid-column:1/-1}.dashboard-order-item{padding:15px!important}.dashboard-order-amount{white-space:nowrap}.client-dashboard-alerts details{background:#fff;border-radius:18px;padding:14px;border:1px solid #e6ecf4}.client-dashboard-alerts summary{font-weight:800;cursor:pointer}.cl-mobile-cards{gap:10px}.pr-wrap .card,.notifications-page .card{border-radius:24px}.btn,.btn-primary,button{touch-action:manipulation}
input,select,textarea{max-width:100%;box-sizing:border-box}.card *{min-width:0}.card img{max-width:100%}bdi,.bidi-ltr{unicode-bidi:isolate}
}
@media(max-width:350px){.products-grid{gap:8px!important}.product-info{padding:10px 8px!important}.product-card .qty-step-btn{width:23px;min-width:23px}.product-card .product-add-btn{width:34px;min-width:34px}.bottom-nav-label{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}