/* Matbakh Al Youm V28 — full customer UI, additive/safe */
:root{
 --v28-bg:#071f20;--v28-surface:#0b2c2d;--v28-card:#103839;--v28-card2:#164445;
 --v28-text:#fffaf0;--v28-muted:#d9e6df;--v28-gold:#f4b43c;--v28-gold2:#ffd477;
 --v28-green:#8fe0ad;--v28-border:rgba(255,255,255,.14);--v28-shadow:0 18px 45px rgba(0,0,0,.22);
 --v28-r:20px;--v28-rs:14px
}
html{scroll-behavior:smooth}body{background:var(--v28-bg)!important;color:var(--v28-text)!important;font-family:"Tajawal",system-ui,-apple-system,sans-serif!important;line-height:1.65}
body,button,input,select,textarea{font-family:"Tajawal",system-ui,-apple-system,sans-serif!important}
h1,h2,h3,h4,h5,h6{color:var(--v28-text)!important;letter-spacing:-.02em;line-height:1.25}
p,li,dd,dt,label,.muted,.hint,.subtitle,.description{color:var(--v28-muted)}
a{color:var(--v28-gold2)}a:hover{color:#fff}
header,.site-header,.topbar,.navbar{background:rgba(7,31,32,.96)!important;border-color:var(--v28-border)!important;backdrop-filter:blur(16px)}
nav a,.nav-link,.brand,.brand-name{color:var(--v28-text)!important}.brand small,.site-header small{color:var(--v28-muted)!important}
.hero{min-height:auto!important;padding-block:clamp(34px,6vw,76px)!important}.hero h1{font-size:clamp(2rem,5vw,4.2rem)!important;max-width:13ch}
.hero p{font-size:clamp(1rem,1.8vw,1.25rem);max-width:58ch}.hero-actions{gap:12px!important;flex-wrap:wrap}
.btn,.button,button,[class*="btn-"]{border-radius:999px!important;font-weight:800;min-height:44px}
.btn-primary,.primary,[class*="btn-primary"]{background:var(--v28-gold)!important;color:#172425!important;border-color:transparent!important}
.btn-primary:hover,.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn-secondary,.secondary{background:#fff!important;color:#123536!important;border-color:#fff!important}
input,select,textarea{background:#fff!important;color:#102c2d!important;border:1px solid #cbd9d4!important;border-radius:14px!important}
input::placeholder,textarea::placeholder{color:#617572!important;opacity:1}input:focus,select:focus,textarea:focus{outline:3px solid rgba(244,180,60,.35)!important;border-color:var(--v28-gold)!important}
.search,.search-bar,.filters,.categories,.category-tabs{background:var(--v28-surface)!important;border:1px solid var(--v28-border)!important;border-radius:var(--v28-r)!important}
.product-card,.menu-card,.card,.panel,.checkout-card,.summary-card{background:linear-gradient(180deg,var(--v28-card2),var(--v28-card))!important;color:var(--v28-text)!important;border:1px solid var(--v28-border)!important;border-radius:var(--v28-r)!important;box-shadow:var(--v28-shadow)}
.product-card h3,.menu-card h3,.card h3,.product-title{color:#fff!important}.product-card p,.menu-card p,.card p{color:var(--v28-muted)!important}
.price,.product-price,[class*="price"]{color:var(--v28-gold2)!important;font-weight:900!important}.available,.in-stock,[class*="available"]{color:var(--v28-green)!important;font-weight:800}
.badge,.chip,.tag{border:1px solid var(--v28-border)!important;color:var(--v28-text)!important;background:rgba(255,255,255,.08)!important}
.menu-grid,.products-grid,.product-grid{gap:clamp(12px,2vw,22px)!important}.product-card img,.menu-card img{aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--v28-r) - 3px)}
table{background:var(--v28-card)!important;color:var(--v28-text)!important}th{color:var(--v28-gold2)!important}td{color:var(--v28-muted)!important}
.notice,.alert,.message{border-radius:var(--v28-rs)!important}.success{color:#c8f5d7!important}.error,.danger{color:#ffd0d0!important}
footer,.site-footer{background:#041617!important;color:var(--v28-muted)!important;border-top:1px solid var(--v28-border)!important}
footer a,.site-footer a{color:var(--v28-text)!important}
:focus-visible{outline:3px solid var(--v28-gold)!important;outline-offset:3px}
@media(max-width:760px){
 .hero{padding-block:28px!important}.hero h1{font-size:clamp(2rem,11vw,3.1rem)!important}
 .menu-grid,.products-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .product-card,.menu-card{border-radius:16px!important}.product-card .description,.menu-card .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .btn,.button,button,[class*="btn-"]{min-height:42px}.hero-actions>*{flex:1 1 150px}
}
@media(max-width:390px){.menu-grid,.products-grid,.product-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}