@import url(‘https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@400;500;600;700&family=Cairo:wght@400;500;600;700;800&display=swap’);
:root{
–nw-brand-700:#1D4ED8;–nw-brand-500:#3B82F6;
–nw-brand-50:#EFF4FF;–nw-brand-100:#DBE7FF;
–nw-brand-grad-flat:linear-gradient(135deg,#1D4ED8 0%,#3B82F6 100%);
–nw-bg:#FFFFFF;–nw-surface:#FFFFFF;–nw-surface-2:#F8FAFC;–nw-surface-3:#F1F5F9;
–nw-border:#E5E7EB;–nw-border-strong:#CBD5E1;
–nw-fg:#0F172A;–nw-fg-muted:#475569;–nw-fg-soft:#64748B;
–nw-fg-onBrand:#FFFFFF;
–nw-ink:#0F172A;–nw-ink-900:#0F172A;–nw-ink-700:#334155;
–nw-subtle:#E5E7EB;–nw-sale:#DC2626;–nw-rating:#F59E0B;
–nw-success:#16A34A;
–nw-font-display:’Plus Jakarta Sans’,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
–nw-font-body:’Inter’,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
–nw-font-arabic:’Cairo’,’Plus Jakarta Sans’,’Geeza Pro’,Tahoma,system-ui,sans-serif;
–nw-fs-h1:clamp(2rem,1.5rem + 2.2vw,3rem);
–nw-fs-h2:clamp(1.5rem,1.2rem + 1.4vw,2.25rem);
–nw-fs-h3:clamp(1.25rem,1.1rem + 0.6vw,1.5rem);
–nw-fs-lg:1.125rem;–nw-fs-base:1rem;–nw-fs-sm:0.875rem;–nw-fs-xs:0.75rem;
–nw-tracking-tight:-0.02em;–nw-tracking-snug:-0.01em;–nw-tracking-wide:0.04em;
–nw-space-1:0.25rem;–nw-space-2:0.5rem;–nw-space-3:0.75rem;–nw-space-4:1rem;
–nw-space-5:1.25rem;–nw-space-6:1.5rem;–nw-space-8:2rem;–nw-space-10:2.5rem;
–nw-space-12:3rem;
–nw-radius-xs:4px;–nw-radius-sm:6px;–nw-radius-md:10px;–nw-radius-lg:14px;
–nw-radius-pill:999px;–nw-radius-circle:50%;
–nw-focus-ring:0 0 0 3px rgba(59,130,246,0.35);
–nw-shadow-sm:0 1px 3px rgba(15,23,42,0.06),0 1px 2px rgba(15,23,42,0.04);
–nw-shadow-md:0 4px 12px -2px rgba(15,23,42,0.08);
–nw-shadow-lg:0 12px 28px -8px rgba(15,23,42,0.12);
–nw-ease:cubic-bezier(0.2,0.8,0.2,1);
–nw-dur-1:120ms;–nw-dur-2:180ms;–nw-dur-3:260ms;–nw-dur-4:420ms;
–nw-container:1280px;–nw-gutter:clamp(1rem,1rem + 1.5vw,2rem);
–nw-z-drawer:500;
–nw-hit:44px;–nw-control-h-sm:32px;–nw-control-h-md:40px;–nw-control-h-lg:48px;
}
[data-theme=”dark”]{
–nw-bg:#0B1220;–nw-surface:#0F172A;–nw-surface-2:#131C32;–nw-surface-3:#1E293B;
–nw-border:#1E293B;–nw-border-strong:#334155;
–nw-fg:#F8FAFC;–nw-fg-muted:#94A3B8;–nw-fg-soft:#64748B;
–nw-ink:#F8FAFC;–nw-ink-900:#020617;–nw-ink-700:#1E293B;
–nw-subtle:#1E293B;
–nw-brand-50:rgba(59,130,246,0.10);–nw-brand-100:rgba(59,130,246,0.18);
–nw-shadow-sm:0 1px 3px rgba(0,0,0,0.4);
–nw-shadow-md:0 4px 12px -2px rgba(0,0,0,0.5);
–nw-shadow-lg:0 12px 28px -8px rgba(0,0,0,0.6);
}
[data-theme=”light”]{
–nw-bg:#FFFFFF;–nw-surface:#FFFFFF;–nw-surface-2:#F8FAFC;–nw-surface-3:#F1F5F9;
–nw-border:#E5E7EB;–nw-border-strong:#CBD5E1;
–nw-fg:#0F172A;–nw-fg-muted:#475569;–nw-fg-soft:#64748B;
–nw-ink:#0F172A;–nw-ink-900:#0F172A;–nw-ink-700:#334155;
–nw-subtle:#E5E7EB;
–nw-brand-50:#EFF4FF;–nw-brand-100:#DBE7FF;
}
.nw-en,.nw-ar,.nw-fr{display:none}
body.nw-lang-en .nw-en,body:not(.nw-lang-ar):not(.nw-lang-fr) .nw-en{display:revert}
body.nw-lang-ar .nw-ar{display:revert}
body.nw-lang-fr .nw-fr{display:revert}
body.nw-lang-ar{font-family:var(–nw-font-arabic)}
/* Content RTL for Arabic — Header + Footer always LTR */
body.nw-lang-ar .nw-content,
body.nw-lang-ar .nw-hero,
body.nw-lang-ar .nw-section,
body.nw-lang-ar .nw-products-grid,
body.nw-lang-ar .nw-trust {
direction: rtl;
text-align: right;
}
body.nw-lang-ar * { font-family: var(–nw-font-arabic); }
/* Header + Footer ALWAYS LTR — no exceptions */
.nw-header,
.nw-top-bar,
.nw-footer,
.nw-footer__grid,
.nw-footer__bottom,
.nw-newsletter {
direction: ltr !important;
text-align: left !important;
}
.nw-shop-wrap{font-family:var(–nw-font-body);color:var(–nw-fg);background:var(–nw-bg);font-size:var(–nw-fs-base);line-height:1.5}
.nw-shop-wrap *,.nw-shop-wrap *::before,.nw-shop-wrap *::after{box-sizing:border-box}
.nw-shop-wrap img,.nw-shop-wrap svg{display:block;max-width:100%}
.nw-shop-wrap a{text-decoration:none;color:inherit;transition:color var(–nw-dur-1) var(–nw-ease)}
.nw-shop-wrap button{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer}
.nw-shop-wrap a:focus-visible,.nw-shop-wrap button:focus-visible,.nw-shop-wrap input:focus-visible,.nw-shop-wrap select:focus-visible{outline:none;box-shadow:var(–nw-focus-ring);border-radius:var(–nw-radius-sm)}
.nw-container{max-width:var(–nw-container);margin-inline:auto;padding-inline:var(–nw-gutter)}
.nw-section{padding-block:clamp(2rem,1.5rem + 2vw,3.5rem)}
/* Breadcrumbs */
.nw-breadcrumbs{display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap;font-size:var(–nw-fs-sm);color:var(–nw-fg-muted);padding-block:var(–nw-space-4)}
.nw-breadcrumbs a{color:var(–nw-fg-muted)}
.nw-breadcrumbs a:hover{color:var(–nw-brand-700)}
.nw-breadcrumbs__sep{color:var(–nw-fg-soft);user-select:none}
body.nw-lang-ar .nw-breadcrumbs__sep{transform:scaleX(-1);display:inline-block}
.nw-breadcrumbs__current{color:var(–nw-fg);font-weight:500}
/* Page head */
.nw-shop-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(–nw-space-6);flex-wrap:wrap;margin-bottom:var(–nw-space-6)}
.nw-shop-head h1{font-family:var(–nw-font-display);font-size:var(–nw-fs-h1);font-weight:800;line-height:1.1;letter-spacing:var(–nw-tracking-tight);margin:0;color:var(–nw-fg)}
.nw-shop-head__meta{font-size:var(–nw-fs-sm);color:var(–nw-fg-muted);margin-top:var(–nw-space-2)}
.nw-shop-head__count{font-weight:700;color:var(–nw-fg)}
.nw-shop-toolbar{display:flex;gap:var(–nw-space-3);flex-wrap:wrap;align-items:center}
.nw-sort-label{align-items:center;gap:0.5rem;font-size:var(–nw-fs-sm);color:var(–nw-fg-muted)}
body.nw-lang-en .nw-sort-label.nw-en,
body:not(.nw-lang-ar):not(.nw-lang-fr) .nw-sort-label.nw-en,
body.nw-lang-fr .nw-sort-label.nw-fr,
body.nw-lang-ar .nw-sort-label.nw-ar{display:inline-flex}
/* Buttons & inputs */
.nw-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;height:var(–nw-control-h-md);min-height:var(–nw-hit);padding-inline:1.125rem;border-radius:var(–nw-radius-md);border:1px solid transparent;font-family:var(–nw-font-display);font-size:var(–nw-fs-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(–nw-dur-2) var(–nw-ease);text-decoration:none}
.nw-btn svg{width:1em;height:1em;min-width:1em}
.nw-btn–primary{background:var(–nw-brand-700);color:#fff}
.nw-btn–primary:hover{background:var(–nw-brand-500);color:#fff}
.nw-btn–secondary{background:var(–nw-surface);color:var(–nw-fg);border-color:var(–nw-border);box-shadow:var(–nw-shadow-sm)}
.nw-btn–secondary:hover{background:var(–nw-surface-3);border-color:var(–nw-border-strong)}
.nw-btn–sm{height:var(–nw-control-h-sm);min-height:0;padding-inline:0.875rem;font-size:var(–nw-fs-xs)}
.nw-btn–block{width:100%}
.nw-select{height:var(–nw-control-h-md);padding:0 2.25rem 0 0.875rem;border:1px solid var(–nw-border-strong);border-radius:var(–nw-radius-md);background:var(–nw-surface) url(“data:image/svg+xml;charset=UTF-8,%3csvg xmlns=’http://www.w3.org/2000/svg’ viewBox=’0 0 24 24′ fill=’none’ stroke=’%23475569′ stroke-width=’2′ stroke-linecap=’round’ stroke-linejoin=’round’%3e%3cpolyline points=’6 9 12 15 18 9’/%3e%3c/svg%3e”) no-repeat right 0.75rem center/16px;color:var(–nw-fg);font-family:inherit;font-size:var(–nw-fs-sm);appearance:none;cursor:pointer}
.nw-input{height:var(–nw-control-h-md);width:100%;padding:0 0.875rem;border:1px solid var(–nw-border-strong);border-radius:var(–nw-radius-md);background:var(–nw-surface);color:var(–nw-fg);font-family:inherit;font-size:var(–nw-fs-sm);outline:0}
.nw-input:focus,.nw-select:focus{border-color:var(–nw-brand-700);box-shadow:var(–nw-focus-ring)}
/* Layout: sidebar + grid */
.nw-shop{display:grid;grid-template-columns:260px 1fr;gap:var(–nw-space-8);align-items:start}
@media (max-width:980px){.nw-shop{grid-template-columns:1fr;gap:var(–nw-space-4)}}
/* Filter sidebar */
.nw-filters{position:sticky;top:var(–nw-space-4);background:var(–nw-surface);border:1px solid var(–nw-border);border-radius:var(–nw-radius-lg);padding:var(–nw-space-5);display:flex;flex-direction:column;gap:var(–nw-space-5)}
@media (max-width:980px){.nw-filters{position:fixed;inset:0;inset-inline-start:auto;width:min(360px,86vw);height:100vh;top:0;border-radius:0;border:0;border-inline-start:1px solid var(–nw-border);transform:translateX(100%);transition:transform var(–nw-dur-3) var(–nw-ease);z-index:var(–nw-z-drawer);overflow-y:auto}
body.nw-lang-ar .nw-filters{inset-inline-start:0;inset-inline-end:auto;border-inline-start:0;border-inline-end:1px solid var(–nw-border);transform:translateX(-100%)}
.nw-filters.is-open{transform:translateX(0)}
.nw-filters__close{display:inline-grid !important}
}
.nw-filters__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(–nw-space-3);border-bottom:1px solid var(–nw-border)}
.nw-filters__title{font-family:var(–nw-font-display);font-weight:700;font-size:var(–nw-fs-base);color:var(–nw-fg);margin:0}
.nw-filters__close{display:none;width:32px;height:32px;border-radius:var(–nw-radius-md);place-items:center}
.nw-filters__close:hover{background:var(–nw-surface-3)}
.nw-filters__close svg{width:18px;height:18px}
.nw-filter-group{display:flex;flex-direction:column;gap:var(–nw-space-3)}
.nw-filter-group__label{font-family:var(–nw-font-display);font-weight:700;font-size:var(–nw-fs-xs);text-transform:uppercase;letter-spacing:var(–nw-tracking-wide);color:var(–nw-fg)}
.nw-filter-list{display:flex;flex-direction:column;gap:var(–nw-space-2);margin:0;padding:0;list-style:none}
.nw-check{display:flex;align-items:center;gap:0.5rem;font-size:var(–nw-fs-sm);color:var(–nw-fg);cursor:pointer;user-select:none}
.nw-check input{position:absolute;opacity:0;pointer-events:none}
.nw-check__box{width:18px;height:18px;min-width:18px;border:1.5px solid var(–nw-border-strong);border-radius:4px;background:var(–nw-surface);display:inline-grid;place-items:center;transition:all var(–nw-dur-2) var(–nw-ease);flex-shrink:0}
.nw-check input:checked + .nw-check__box{background:var(–nw-brand-700);border-color:var(–nw-brand-700)}
.nw-check__box::after{content:””;width:10px;height:10px;background:url(“data:image/svg+xml;charset=UTF-8,%3csvg xmlns=’http://www.w3.org/2000/svg’ viewBox=’0 0 24 24′ fill=’none’ stroke=’white’ stroke-width=’3′ stroke-linecap=’round’ stroke-linejoin=’round’%3e%3cpolyline points=’20 6 9 17 4 12’/%3e%3c/svg%3e”) center/contain no-repeat;opacity:0;transition:opacity var(–nw-dur-1) var(–nw-ease)}
.nw-check input:checked + .nw-check__box::after{opacity:1}
.nw-check__count{margin-inline-start:auto;color:var(–nw-fg-soft);font-size:var(–nw-fs-xs)}
.nw-price-range{display:flex;gap:var(–nw-space-2);align-items:center}
.nw-price-range__input{width:100%}
.nw-price-range__sep{color:var(–nw-fg-soft);font-size:var(–nw-fs-sm)}
/* Active filter chips */
.nw-active-chips{display:flex;flex-wrap:wrap;gap:var(–nw-space-2);margin-bottom:var(–nw-space-4);min-height:0}
.nw-active-chips:empty{display:none}
.nw-chip{display:inline-flex;align-items:center;gap:0.375rem;height:28px;padding-inline:0.625rem;border-radius:var(–nw-radius-pill);background:var(–nw-brand-50);color:var(–nw-brand-700);font-size:var(–nw-fs-xs);font-weight:600}
.nw-chip button{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;color:var(–nw-brand-700)}
.nw-chip button:hover{background:rgba(0,0,0,0.06)}
.nw-chip button svg{width:10px;height:10px}
/* Product grid (shared product card) */
.nw-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(–nw-space-5)}
@media (max-width:560px){.nw-products-grid{grid-template-columns:repeat(2,1fr);gap:var(–nw-space-3)}}
.nw-product{background:var(–nw-surface);border:1px solid var(–nw-border);border-radius:var(–nw-radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(–nw-dur-2) var(–nw-ease),box-shadow var(–nw-dur-2) var(–nw-ease),transform var(–nw-dur-2) var(–nw-ease)}
.nw-product:hover{border-color:var(–nw-border-strong);box-shadow:var(–nw-shadow-lg);transform:translateY(-4px)}
.nw-product__media{position:relative;aspect-ratio:1/1;background:var(–nw-surface-2);overflow:hidden;display:grid;place-items:center}
.nw-product__placeholder{width:50%;height:50%;color:var(–nw-ink-700);opacity:0.6}
.nw-product__media img{width:100%;height:100%;object-fit:cover;transition:transform var(–nw-dur-4) var(–nw-ease)}
.nw-product:hover .nw-product__media img{transform:scale(1.05)}
.nw-product__badges{position:absolute;inset-block-start:0.75rem;inset-inline-start:0.75rem;display:flex;flex-direction:column;gap:4px;z-index:2}
.nw-product__quick{position:absolute;inset-block-start:0.75rem;inset-inline-end:0.75rem;display:flex;flex-direction:column;gap:6px;visibility:hidden;pointer-events:none;transform:translateX(8px);transition:visibility 0s var(–nw-dur-2),transform var(–nw-dur-2) var(–nw-ease);z-index:2}
.nw-product:hover .nw-product__quick{visibility:visible;pointer-events:auto;transform:translateX(0)}
.nw-product__quick-btn{width:36px;height:36px;border-radius:50%;background:var(–nw-surface);border:1px solid var(–nw-border);display:grid;place-items:center;color:var(–nw-fg);cursor:pointer;box-shadow:var(–nw-shadow-sm);transition:all var(–nw-dur-1) var(–nw-ease)}
.nw-product__quick-btn:hover{background:var(–nw-brand-700);color:#fff;border-color:var(–nw-brand-700)}
.nw-product__quick-btn svg{width:16px;height:16px}
.nw-badge{display:inline-flex;align-items:center;height:22px;padding-inline:0.5rem;border-radius:var(–nw-radius-sm);font-size:var(–nw-fs-xs);font-weight:600;font-family:var(–nw-font-display);background:var(–nw-brand-100);color:var(–nw-brand-700);white-space:nowrap}
.nw-badge–sale{background:var(–nw-sale);color:#fff}
.nw-badge–new{background:var(–nw-ink);color:var(–nw-bg)}
.nw-badge–soldout{background:var(–nw-surface-3);color:var(–nw-fg-muted)}
.nw-product__body{padding:var(–nw-space-4);display:flex;flex-direction:column;gap:0.5rem;flex:1}
.nw-product__category{font-size:var(–nw-fs-xs);color:var(–nw-fg-soft);text-transform:uppercase;letter-spacing:var(–nw-tracking-wide);font-weight:600}
.nw-product__title{font-family:var(–nw-font-display);font-size:var(–nw-fs-base);font-weight:600;color:var(–nw-fg);line-height:1.25;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nw-product__title a{color:inherit}
.nw-product__title a:hover{color:var(–nw-brand-700)}
.nw-product__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(–nw-space-2);padding-top:var(–nw-space-2)}
.nw-rating{display:inline-flex;align-items:center;gap:0.375rem;font-size:var(–nw-fs-xs);color:var(–nw-fg-muted)}
.nw-rating__stars{position:relative;display:inline-block;font-size:13px;line-height:1;letter-spacing:1px;font-family:system-ui;color:var(–nw-subtle)}
.nw-rating__stars::before{content:”★★★★★”}
.nw-rating__stars::after{content:”★★★★★”;color:var(–nw-rating);position:absolute;inset:0;width:var(–_pct,100%);overflow:hidden}
.nw-price{display:inline-flex;align-items:baseline;gap:0.5rem;font-family:var(–nw-font-display)}
.nw-price__now{font-size:var(–nw-fs-lg);font-weight:800;color:var(–nw-ink);letter-spacing:var(–nw-tracking-snug)}
.nw-price__was{font-size:var(–nw-fs-sm);color:var(–nw-fg-soft);text-decoration:line-through}
/* Pagination */
.nw-pagination{display:flex;gap:var(–nw-space-1);align-items:center;justify-content:center;margin-top:var(–nw-space-8)}
.nw-pagination__btn{min-width:40px;height:40px;padding-inline:0.75rem;display:inline-grid;place-items:center;border-radius:var(–nw-radius-md);border:1px solid var(–nw-border);background:var(–nw-surface);color:var(–nw-fg);font-family:var(–nw-font-display);font-weight:600;font-size:var(–nw-fs-sm);cursor:pointer;transition:all var(–nw-dur-1) var(–nw-ease);text-decoration:none}
.nw-pagination__btn:hover{border-color:var(–nw-brand-500);color:var(–nw-brand-700)}
.nw-pagination__btn[aria-current=”page”]{background:var(–nw-ink);color:var(–nw-bg);border-color:var(–nw-ink)}
.nw-pagination__btn[aria-disabled=”true”]{opacity:0.4;pointer-events:none}
body.nw-lang-ar .nw-pagination__btn svg{transform:scaleX(-1)}
/* Drawer scrim */
.nw-scrim{display:none;position:fixed;inset:0;background:rgba(15,23,42,0.45);z-index:calc(var(–nw-z-drawer) – 1)}
.nw-scrim.is-open{display:block}
/* Mobile-only filter toggle */
.nw-filter-toggle{display:none}
@media (max-width:980px){.nw-filter-toggle{display:inline-flex}}
/* =========================================================
RESPONSIVE (mobile-first overrides)
========================================================= */
.nw-shop-wrap{overflow-x:clip}
.nw-shop-wrap input,.nw-shop-wrap select,.nw-shop-wrap textarea{font-size:16px}
/* ===== TABLET (<= 1023px) ===== */
@media (max-width:1023px){
.nw-shop{grid-template-columns:1fr;gap:var(–nw-space-4)}
.nw-products-grid{grid-template-columns:repeat(3,1fr);gap:var(–nw-space-4)}
.nw-filter-toggle{display:inline-flex}
.nw-filters{position:fixed;inset:0;inset-inline-start:auto;width:min(360px,86vw);height:100vh;top:0;border-radius:0;border:0;border-inline-start:1px solid var(–nw-border);transform:translateX(100%);transition:transform var(–nw-dur-3) var(–nw-ease);z-index:var(–nw-z-drawer);overflow-y:auto;-webkit-overflow-scrolling:touch}
body.nw-lang-ar .nw-filters{inset-inline-start:0;inset-inline-end:auto;border-inline-start:0;border-inline-end:1px solid var(–nw-border);transform:translateX(-100%)}
.nw-filters.is-open{transform:translateX(0)}
.nw-filters__close{display:inline-grid}
}
/* ===== MOBILE (<= 767px) — bottom sheet drawer ===== */
@media (max-width:767px){
/* Header + toolbar */
.nw-shop-head{flex-direction:column;align-items:stretch;gap:var(–nw-space-3);margin-bottom:var(–nw-space-4)}
.nw-shop-head h1{font-size:clamp(1.75rem,5vw + 0.5rem,2.5rem)}
.nw-shop-toolbar{flex-direction:column;align-items:stretch;gap:var(–nw-space-2)}
.nw-filter-toggle{width:100%;justify-content:center;height:48px}
.nw-sort-label{align-items:stretch}
body.nw-lang-en .nw-sort-label.nw-en,
body:not(.nw-lang-ar):not(.nw-lang-fr) .nw-sort-label.nw-en,
body.nw-lang-fr .nw-sort-label.nw-fr,
body.nw-lang-ar .nw-sort-label.nw-ar{display:flex;flex-direction:column;gap:0.25rem}
.nw-sort-label .nw-select{width:100%;height:48px}
/* Product grid: 2 cols fixed */
.nw-products-grid{grid-template-columns:repeat(2,1fr);gap:var(–nw-space-3)}
.nw-product__body{padding:var(–nw-space-3);gap:0.375rem}
.nw-product__title{font-size:var(–nw-fs-sm);-webkit-line-clamp:2}
.nw-product__category{font-size:10px}
.nw-price__now{font-size:var(–nw-fs-base)}
.nw-price__was{font-size:11px}
/* Quick-actions overlay hidden on touch (no hover) */
.nw-product__quick{display:none}
/* Active filter chips: horizontal scroll */
.nw-active-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:calc(-1 * clamp(1rem,4vw,2rem));padding-inline:clamp(1rem,4vw,2rem);padding-bottom:var(–nw-space-2)}
.nw-active-chips::-webkit-scrollbar{display:none}
.nw-chip{flex-shrink:0}
/* Filters → bottom sheet */
.nw-filters{position:fixed;inset:auto 0 0 0;width:100vw;height:auto;max-height:85vh;border:0;border-radius:var(–nw-radius-xl) var(–nw-radius-xl) 0 0;transform:translateY(100%);transition:transform var(–nw-dur-3) var(–nw-ease);box-shadow:0 -8px 24px -8px rgba(15,23,42,0.18);padding:var(–nw-space-4);padding-bottom:calc(var(–nw-space-4) + env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}
body.nw-lang-ar .nw-filters{inset:auto 0 0 0;border:0;transform:translateY(100%)}
.nw-filters.is-open{transform:translateY(0)}
.nw-filters::before{content:"";display:block;width:40px;height:4px;background:var(–nw-border-strong);border-radius:2px;margin:0 auto var(–nw-space-3)}
/* Pagination: bigger targets */
.nw-pagination{gap:var(–nw-space-2);flex-wrap:wrap;margin-top:var(–nw-space-6)}
.nw-pagination__btn{min-width:48px;height:48px;font-size:var(–nw-fs-base)}
}
/* ===== SMALL MOBILE (<= 479px) ===== */
@media (max-width:479px){
.nw-products-grid{gap:var(–nw-space-2)}
.nw-product__body{padding:0.625rem}
.nw-product__title{font-size:13px;line-height:1.3}
.nw-price__now{font-size:14px}
.nw-pagination__btn{min-width:44px;height:44px}
}