:root{--color-primary:#e2852a;--color-primary-hover:#c9721c;--color-brand-navy:#133554;--color-danger:#e03131;--color-surface:#ffffff;--color-bg:#f5f5f5;--color-bg-warm:#fdf3e8;--color-text:#1f2933;--color-text-muted:#7b8794;--color-border:#e5e7eb;--color-disabled-bg:#e8e8e8;--color-disabled-text:#9aa5b1;--color-whatsapp:#25d366;--font-display:"Baloo Bhaijaan 2","IBM Plex Sans Arabic","Segoe UI",sans-serif;--font-ar:"IBM Plex Sans Arabic","Segoe UI","Arial",sans-serif;--font-en:"IBM Plex Sans Arabic","Inter","Segoe UI",sans-serif;--font-ur:"Noto Nastaliq Urdu","IBM Plex Sans Arabic",serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-card:8px;--radius-button:6px;--radius-pill:999px;--shadow-card:0 1px 2px rgba(0,0,0,0.06)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-ar);font-size:var(--text-base);line-height:1.6}html[lang=en] body{font-family:var(--font-en)}html[lang=ur] body{font-family:var(--font-ur)}h1,h2,h3{font-family:var(--font-display)}html[lang=ur] h1,html[lang=ur] h2,html[lang=ur] h3{font-family:var(--font-ur)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.container{max-width:1200px;margin-inline:auto;padding-inline:var(--space-4)}.section{margin-block:var(--space-5)}.section-heading{display:flex;align-items:center;justify-content:space-between;-webkit-margin-after:var(--space-4);margin-block-end:var(--space-4)}.section-heading h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);margin:0}.section-heading .icon{inline-size:28px;block-size:28px;border-radius:var(--radius-pill);background:var(--color-bg-warm);color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-sm)}.view-all{color:var(--color-text-muted);font-size:var(--text-sm)}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.product-grid{grid-template-columns:repeat(2,1fr)}}.product-card{position:relative;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.discount-badge{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);background:var(--color-danger);color:#fff;font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-pill)}.product-image{aspect-ratio:1;background:var(--color-surface);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--text-xl);padding:var(--space-4)}.product-body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);flex:1 1}.product-name{font-size:var(--text-sm);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-block-size:2.6em}.price-row{display:flex;align-items:baseline;gap:var(--space-2)}.price-old{color:var(--color-text-muted);text-decoration:line-through;font-size:var(--text-sm)}.price-current{font-weight:700}.price-currency{color:var(--color-primary);font-size:var(--text-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-button);padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}.btn-block{inline-size:100%}.site-header{background:var(--color-surface);-webkit-border-after:1px solid var(--color-border);border-block-end:1px solid var(--color-border)}.site-header .bar{display:flex;align-items:center;gap:var(--space-4);padding-block:var(--space-3)}.logo img{block-size:40px;inline-size:auto;display:block}.search input{inline-size:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-button);font:inherit}.warm-band{background:var(--color-bg-warm);padding-block:var(--space-5)}.category-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.category-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-4);text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}.category-tile .thumb{aspect-ratio:4/3;border-radius:var(--radius-card);background:var(--color-bg);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl)}.cart-line{display:flex;align-items:center;gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-3)}.qty-controls{display:inline-flex;align-items:center;gap:var(--space-2)}.qty-controls button{inline-size:28px;block-size:28px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-button)}.tier-switcher{position:fixed;inset-block-end:var(--space-4);inset-inline-start:var(--space-4);background:var(--color-text);color:#fff;border-radius:var(--radius-card);padding:var(--space-2) var(--space-3);display:flex;gap:var(--space-2);align-items:center;font-size:var(--text-xs);z-index:50}.tier-switcher button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-button);padding:2px var(--space-2);font-size:var(--text-xs)}.tier-switcher button.active{background:var(--color-primary);border-color:var(--color-primary)}.announcement-bar{background:var(--color-primary);color:#fff;font-size:var(--text-sm);padding-block:var(--space-2);text-align:center}.main-nav{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);white-space:nowrap}.main-nav a:hover{color:var(--color-primary)}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;padding:0;color:inherit;font-size:inherit}.nav-dropdown-panel{position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-start:0;min-inline-size:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:0 8px 24px rgba(0,0,0,.1);padding:var(--space-2);display:none;flex-direction:column;z-index:20}.nav-dropdown:focus-within .nav-dropdown-panel,.nav-dropdown:hover .nav-dropdown-panel{display:flex}.nav-dropdown-panel a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-button);font-size:var(--text-sm)}.nav-dropdown-panel a:hover{background:var(--color-bg-warm);color:var(--color-primary)}.nav-dropdown-panel .panel-all{color:var(--color-primary);-webkit-border-before:1px solid var(--color-border);border-block-start:1px solid var(--color-border);border-radius:0;-webkit-margin-before:var(--space-1);margin-block-start:var(--space-1);-webkit-padding-before:var(--space-3);padding-block-start:var(--space-3)}.search{flex:1 1;display:flex;align-items:center;position:relative;min-inline-size:200px}.search-icon{position:absolute;inset-inline-start:var(--space-3);color:var(--color-text-muted);pointer-events:none}.search input{-webkit-padding-start:calc(var(--space-3) * 2 + 18px);padding-inline-start:calc(var(--space-3) * 2 + 18px)}.header-actions{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);white-space:nowrap}.lang-switch{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-button);overflow:hidden}.lang-switch a{padding:2px var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.lang-switch a.is-active{background:var(--color-primary);color:#fff;font-weight:700}.header-link:hover{color:var(--color-primary)}.cart-link{gap:var(--space-2);position:relative}.cart-badge,.cart-link{display:inline-flex;align-items:center}.cart-badge{background:var(--color-primary);color:#fff;font-size:var(--text-xs);min-inline-size:18px;block-size:18px;border-radius:var(--radius-pill);justify-content:center;padding-inline:5px}.hero{position:relative;background:var(--color-brand-navy);color:#fff;overflow:hidden;display:flex;align-items:center;min-block-size:320px}.hero-watermark{position:absolute;inset-block-start:50%;inset-inline:0;transform:translateY(-50%);text-align:center;font-family:var(--font-display);font-size:clamp(56px,9vw,120px);font-weight:700;line-height:1;color:rgba(255,255,255,.07);white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-inner{position:relative;z-index:1;inline-size:100%}.hero-inner h1{font-size:clamp(28px,4vw,44px);margin:0 0 var(--space-2)}.hero-inner p{margin:0 0 var(--space-4);color:rgba(255,255,255,.8);font-size:var(--text-lg)}.btn-hero{padding:var(--space-3) var(--space-5);font-size:var(--text-base)}.category-tile{transition:border-color .15s ease,box-shadow .15s ease}.category-tile:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card)}.category-tile .thumb{background:var(--color-bg-warm);color:var(--color-primary)}.category-tile span{font-size:var(--text-sm)}.image-placeholder{color:var(--color-border)}.product-card{transition:border-color .15s ease,box-shadow .15s ease}.product-card:hover{border-color:var(--color-primary);box-shadow:0 4px 14px rgba(0,0,0,.08)}.section-heading .icon svg{display:block}