@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}:root{--font: "IBM Plex Sans Arabic", system-ui, sans-serif;--brand: #1B3A6B;--brand-dark: #142C52;--brand-tint: #EAEFF6;--cta: #25D366;--cta-dark: #1EAE55;--stock-ok-fg: #1B7A43;--stock-ok-bg: #E3F3E8;--stock-no-fg: #6B7280;--stock-no-bg: #EEF0F2;--price: #14181C;--ink: #1A1D21;--muted: #6B7280;--surface: #FFFFFF;--page: #F5F6F8;--border: #E2E5EA;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius: 12px;--radius-sm: 8px;--maxw: 1120px}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font);-webkit-text-size-adjust:100%}body{margin:0;background:var(--page);color:var(--ink);font-weight:400;line-height:1.5;text-align:start}img{max-inline-size:100%;display:block}button{font-family:inherit}:where(a,button,input):focus-visible{outline:3px solid var(--brand);outline-offset:2px}.container{max-inline-size:var(--maxw);margin-inline:auto;padding-inline:var(--space-4)}.header{background:var(--brand);color:#fff;padding-block:var(--space-5);border-block-end:4px solid var(--brand-dark)}.header__inner{display:flex;align-items:center;gap:var(--space-4)}.header__logo{inline-size:56px;block-size:56px;flex:0 0 auto;border-radius:var(--radius-sm);background:#fff;color:var(--brand);display:grid;place-items:center;font-weight:600;font-size:1.5rem}.header__text{min-inline-size:0}.header__name{margin:0;font-size:1.5rem;font-weight:600;line-height:1.2}.header__tagline{margin-block-start:var(--space-1);font-size:.875rem;font-weight:400;opacity:.85}.header__contact{margin-inline-start:auto;flex:0 0 auto;text-align:start;font-size:.8125rem;opacity:.9}.header__contact a{color:#fff;font-weight:600;text-decoration:none}.controls{position:sticky;inset-block-start:0;z-index:10;background:var(--page);padding-block:var(--space-3);border-block-end:1px solid var(--border)}.search{inline-size:100%;font-size:1rem;font-family:inherit;padding:.75rem var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--ink);text-align:start}.search::placeholder{color:var(--muted)}.chips{display:flex;gap:var(--space-2);margin-block-start:var(--space-3);overflow-x:auto;padding-block-end:var(--space-1);scrollbar-width:thin}.chip{flex:0 0 auto;min-block-size:40px;padding:.5rem var(--space-4);border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--ink);font-size:.8125rem;font-weight:600;white-space:nowrap;cursor:pointer}.chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);padding-block:var(--space-5)}@media (min-width: 620px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 960px){.grid{grid-template-columns:repeat(3,1fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.card__media{aspect-ratio:4 / 3;background:var(--brand-tint);display:grid;place-items:center}.card__media img{inline-size:100%;block-size:100%;object-fit:cover}.card__placeholder{color:var(--brand);opacity:.35;font-size:2.5rem;font-weight:600}.card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1 1 auto}.card__name{margin:0;font-size:1.0625rem;font-weight:600;line-height:1.35}.card__meta{font-size:.8125rem;font-weight:400;color:var(--muted)}.card__meta bdi{font-weight:600;color:var(--ink)}.card__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-block-start:auto}.price{font-size:1.25rem;font-weight:600;color:var(--price)}.price__unit{font-size:.8125rem;font-weight:400;color:var(--muted)}.badge{font-size:.8125rem;font-weight:600;padding:.25rem .625rem;border-radius:999px;white-space:nowrap}.badge--ok{color:var(--stock-ok-fg);background:var(--stock-ok-bg)}.badge--no{color:var(--stock-no-fg);background:var(--stock-no-bg)}.order{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:48px;padding-inline:var(--space-4);border:none;border-radius:var(--radius);background:var(--cta);color:#fff;font-size:.9375rem;font-weight:600;text-decoration:none;cursor:pointer}.order:hover{background:var(--cta-dark)}.order[aria-disabled=true]{background:var(--stock-no-bg);color:var(--stock-no-fg);cursor:not-allowed;pointer-events:none}.order__icon{inline-size:20px;block-size:20px}.state{padding-block:var(--space-6);text-align:center;color:var(--muted);font-size:1rem}.state--error{color:#b42318}.hidden{display:none!important}.qty{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;flex:0 0 auto}.qty__btn{min-inline-size:44px;min-block-size:44px;border:none;background:var(--surface);color:var(--ink);font-size:1.25rem;font-weight:600;line-height:1;cursor:pointer}.qty__btn:hover{background:var(--brand-tint)}.qty__val{min-inline-size:2.25rem;text-align:center;font-weight:600;font-size:1rem}.card__add{display:flex;align-items:center;gap:var(--space-2)}.add{flex:1 1 auto;min-block-size:44px;padding-inline:var(--space-3);border:1px solid var(--brand);border-radius:var(--radius);background:var(--brand-tint);color:var(--brand);font-size:.9375rem;font-weight:600;cursor:pointer}.add:hover{background:var(--brand);color:#fff}.cart-bar{position:fixed;inset-block-end:0;inset-inline:0;z-index:20;background:var(--brand);color:#fff;border-block-start:4px solid var(--brand-dark)}.cart-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-3)}.cart-bar__summary{display:flex;align-items:baseline;gap:var(--space-3)}.cart-bar__count{display:inline-grid;place-items:center;min-inline-size:1.75rem;min-block-size:1.75rem;padding-inline:.4rem;border-radius:999px;background:#fff;color:var(--brand);font-weight:600;font-size:.9375rem}.cart-bar__total{font-weight:600;font-size:1.0625rem}.cart-bar__btn{min-block-size:44px;padding-inline:var(--space-5);border:none;border-radius:var(--radius);background:var(--cta);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer}.cart-bar__btn:hover{background:var(--cta-dark)}body.has-cart{padding-block-end:80px}.cart-overlay{position:fixed;inset:0;z-index:30;background:#14181c80;display:flex;align-items:flex-end;justify-content:center}.cart-panel{inline-size:100%;max-inline-size:560px;max-block-size:85vh;display:flex;flex-direction:column;background:var(--surface);border-start-start-radius:16px;border-start-end-radius:16px;padding:var(--space-4)}.cart-panel__head{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--space-3)}.cart-panel__title{margin:0;font-size:1.25rem;font-weight:600}.cart-panel__close{min-inline-size:44px;min-block-size:44px;border:none;background:transparent;color:var(--muted);font-size:1.75rem;line-height:1;cursor:pointer}.cart-panel__empty{color:var(--muted);padding-block:var(--space-4);text-align:center}.cart-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1 1 auto}.cart-item{display:flex;align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-block-end:1px solid var(--border)}.cart-item__info{flex:1 1 auto;min-inline-size:0}.cart-item__name{display:block;font-weight:600;font-size:.9375rem}.cart-item__price{display:block;font-size:.8125rem;color:var(--muted)}.cart-item__remove{min-inline-size:44px;min-block-size:44px;border:none;background:transparent;color:var(--stock-no-fg);font-size:1.5rem;line-height:1;cursor:pointer}.cart-warn{margin-block:var(--space-3) 0;padding:var(--space-3);border-radius:var(--radius-sm);background:#fef3f2;color:#b42318;font-size:.8125rem}.cart-panel__foot{margin-block-start:var(--space-4)}.cart-panel__total{display:flex;align-items:baseline;justify-content:space-between;margin-block-end:var(--space-3);font-size:1.125rem;font-weight:600}.cart-panel__foot .order{inline-size:100%}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}