:root{--gold: #e5b842;--gold-soft: #f3d078;--crimson: #8b1e1e;--crimson-bright: #a92a2a;--slate: #1c2321;--slate-deep: #120b07;--kraft: #c8ad7f;--kraft-soft: #d7b98e;--bg: #fdfbf7;--bg-raised: #ffffff;--bg-sunken: #f5efe3;--bg-inverse: var(--slate-deep);--ink: var(--slate-deep);--ink-muted: #6b5f52;--ink-subtle: #948673;--ink-inverse: #fdfbf7;--green: var(--slate);--green-dark: var(--slate-deep);--green-light: #f2e8d5;--chilli: var(--crimson);--chilli-dark: #6e1717;--chilli-light: #fbeeea;--amber: #b8860b;--border: #e5dbcc;--border-strong: #d2c4b0;--success: #15803d;--success-bg: #e8f5ec;--danger: #b91c1c;--danger-bg: #fdeaea;--warn: #a16207;--warn-bg: #fdf4e3;--font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Fraunces", ui-serif, Georgia, "Times New Roman", serif;--font-urdu: "Gulzar", "Jameel Noori Nastaleeq", "Noto Nastaliq Urdu", serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--radius-sm: 6px;--radius: 12px;--radius-lg: 20px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(31, 27, 22, .06);--shadow: 0 4px 16px rgba(31, 27, 22, .08);--shadow-lg: 0 12px 40px rgba(31, 27, 22, .12);--container: 1180px;--header-h: 68px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--gold: #f3d078;--gold-soft: #f7e0a6;--crimson: #d4665f;--crimson-bright: #e07a72;--slate: #2a322f;--slate-deep: #120b07;--kraft: #c8ad7f;--kraft-soft: #d7b98e;--bg: #120b07;--bg-raised: #1d1712;--bg-sunken: #0c0805;--bg-inverse: #fdfbf7;--ink: #f3ece0;--ink-muted: #ab9d8b;--ink-subtle: #7f7264;--ink-inverse: #120b07;--green: #e5d4b0;--green-dark: #d7b98e;--green-light: #241c14;--chilli: var(--crimson);--chilli-dark: #b8524c;--chilli-light: #2a1512;--amber: #d9a520;--border: #322c25;--border-strong: #4a4137;--success: #4ade80;--success-bg: #14241a;--danger: #f87171;--danger-bg: #2a1616;--warn: #e0b455;--warn-bg: #2a2114;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .55)}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}html[lang|=ur] body{font-family:var(--font-urdu),var(--font-body);line-height:2.1}html[lang|=ur] h1,html[lang|=ur] h2,html[lang|=ur] h3{font-family:var(--font-urdu),var(--font-display);line-height:1.9;font-weight:400;letter-spacing:normal}html[lang|=ur] strong,html[lang|=ur] b,html[lang|=ur] .price,html[lang|=ur] .label{font-weight:400}img,picture,svg,video{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}h1{font-size:clamp(2rem,5vw,3.25rem)}h2{font-size:clamp(1.5rem,3.2vw,2.25rem)}h3{font-size:clamp(1.15rem,2vw,1.4rem)}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--chilli);outline-offset:3px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:20px}.stack>*+*{margin-top:var(--gap, 1rem)}.section{padding-block:clamp(2.5rem,6vw,4.5rem)}.eyebrow{font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--chilli)}html[lang|=ur] .eyebrow{letter-spacing:normal;text-transform:none}.muted{color:var(--ink-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:8px;top:-60px;z-index:200;background:var(--ink);color:var(--ink-inverse);padding:10px 16px;border-radius:var(--radius);transition:top .2s}.skip-link:focus{top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.4rem;border-radius:var(--radius-full);border:1px solid transparent;font-weight:600;font-size:.95rem;font-family:var(--font-body);transition:transform .15s ease,background .15s ease,box-shadow .15s ease;text-align:center;line-height:1.2}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--chilli);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--chilli-dark);box-shadow:var(--shadow)}.btn-green{background:var(--green);color:#fff}.btn-green:hover:not(:disabled){background:var(--green-dark)}.btn-outline{border-color:var(--border-strong);background:transparent;color:var(--ink)}.btn-outline:hover:not(:disabled){background:var(--bg-sunken);border-color:var(--ink-muted)}.btn-ghost{background:transparent;color:var(--ink-muted);padding-inline:.75rem}.btn-ghost:hover:not(:disabled){color:var(--ink)}.btn-block{width:100%}.btn-lg{padding:.95rem 1.9rem;font-size:1.02rem}.btn-sm{padding:.45rem .9rem;font-size:.85rem}.btn-whatsapp{background:#25d366;color:#08331a}.btn-whatsapp:hover:not(:disabled){background:#1eb355}.field{display:block}.field+.field{margin-top:1.1rem}.label{display:block;font-family:var(--font-body);font-size:.85rem;font-weight:600;margin-bottom:.35rem;color:var(--ink)}.label .req{color:var(--chilli)}.input,.textarea,.select{width:100%;padding:.7rem .9rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-raised);color:var(--ink);font-family:var(--font-body);font-size:.97rem;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--chilli);box-shadow:0 0 0 3px var(--chilli-light)}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.textarea{min-height:96px;resize:vertical}.hint{font-family:var(--font-body);font-size:.8rem;color:var(--ink-subtle);margin-top:.3rem}.error-text{font-family:var(--font-body);font-size:.8rem;color:var(--danger);margin-top:.3rem}.form-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(2,1fr)}.form-grid .full{grid-column:1 / -1}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-pad{padding:clamp(1.1rem,3vw,1.75rem)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .7rem;border-radius:var(--radius-full);font-family:var(--font-body);font-size:.75rem;font-weight:600;line-height:1.4}.badge-sale{background:var(--chilli);color:#fff}.badge-stock{background:var(--success-bg);color:var(--success)}.badge-out{background:var(--bg-sunken);color:var(--ink-subtle)}.badge-low{background:var(--warn-bg);color:var(--warn)}.badge-soft{background:var(--green-light);color:var(--green)}.table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:.92rem}.table th{text-align:start;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle);font-weight:600;padding:.7rem .85rem;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:.85rem;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:hover{background:var(--bg-sunken)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.price{font-family:var(--font-body);font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}.price-was{font-family:var(--font-body);color:var(--ink-subtle);text-decoration:line-through;font-weight:500;font-size:.9em}.num{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem}.gap{gap:1rem}.gap-lg{gap:1.75rem}.wrap{flex-wrap:wrap}.grow{flex:1}.text-center{text-align:center}.grid-products{display:grid;gap:clamp(1rem,2.5vw,1.75rem);grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.divider{height:1px;background:var(--border);border:0;margin-block:1.25rem}.empty-state{text-align:center;padding:clamp(2.5rem,8vw,5rem) 1rem;color:var(--ink-muted)}