:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-black:#050505;--brand-cream:#f5ebdd;--brand-gold:#d8ae61;--brand-gold-light:#e6c27a;--brand-gold-dark:#c99745;--brand-brown:#3a2418;--bg:#fbf7f0;--surface:#fffdf8;--surface-soft:#f5ebdd;--surface-strong:#e9dcc9;--text:#17120d;--muted:#75685c;--border:#dfd0bb;--primary:var(--brand-gold-dark);--primary-strong:var(--brand-brown);--accent:var(--brand-gold);--danger:#b42318;--warning:#9a5b1f;--success:#52704c;--radius:8px;--shadow:0 18px 46px #3a24181f;--shadow-soft:0 10px 30px #3a241814;--font:"Cairo", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Cormorant Garamond", "Amiri", Georgia, serif}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050505;--surface:#100d0a;--surface-soft:#18120e;--surface-strong:#241911;--text:#f7efe5;--muted:#b9aa98;--border:#3b2c20;--primary:var(--brand-gold);--primary-strong:var(--brand-gold-light);--accent:var(--brand-gold-light);--danger:#f87171;--warning:#f6c177;--success:#9bbf8a;--shadow:0 16px 40px #00000057}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:var(--font);text-rendering:optimizelegibility;margin:0;line-height:1.75}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{max-width:100%;display:block}.container{width:min(1180px,100% - 32px);margin-inline:auto}.section{padding:64px 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:0;font-size:.78rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:18px;font-size:clamp(2.1rem,5.4vw,4.5rem);font-weight:700;line-height:1.18}.display-title,h1,h2{font-family:var(--font-display);font-weight:600}h2{margin-bottom:10px;font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.28}h2,h3{font-weight:700}h3{line-height:1.35}p{color:var(--muted)}.btn{border-radius:var(--radius);background:var(--surface-soft);min-height:44px;color:var(--text);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:700;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brand-black);border-color:var(--brand-black);color:var(--brand-cream)}.dark .btn-primary{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--brand-black)}.btn-outline{border-color:var(--border);background:0 0}.btn-danger{color:var(--danger);background:#dc26261a}.icon-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:44px;min-width:44px;height:44px;color:var(--text);place-items:center;display:grid}.field{gap:7px;display:grid}.label{color:var(--text);font-size:.9rem;font-weight:700}.input,.select,.textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;min-height:44px;color:var(--text);outline:none;padding:10px 12px}.textarea{resize:vertical;min-height:96px}.btn:focus-visible,.icon-btn:focus-visible,.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary),transparent 78%)}.error-text{color:var(--danger);margin:0;font-size:.86rem}.card{box-shadow:0 1px #00000005}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.panel{padding:20px}.grid{gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}.badge{background:var(--surface-soft);color:var(--text);border-radius:999px;align-items:center;padding:5px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.badge-success{background:color-mix(in srgb,var(--success),transparent 84%);color:var(--success)}.badge-warning{background:color-mix(in srgb,var(--warning),transparent 84%);color:var(--warning)}.badge-danger{background:color-mix(in srgb,var(--danger),transparent 84%);color:var(--danger)}.muted{color:var(--muted)}.price{color:var(--primary-strong);font-weight:700}.brand-wordmark{text-align:center;line-height:1;font-family:var(--font-display);letter-spacing:.12em;gap:0;display:inline-grid}.brand-wordmark strong{font-size:1.55rem;font-weight:700}.brand-wordmark span{font-family:var(--font);letter-spacing:.22em;color:var(--primary);font-size:.64rem;font-weight:700}.auth-page{background:radial-gradient(circle at 20% 12%,color-mix(in srgb,var(--brand-gold-light),transparent 80%),transparent 34%),var(--bg);place-items:center;min-height:72vh;padding:56px 16px;display:grid}.auth-card{border-color:color-mix(in srgb,var(--primary),var(--border) 68%);width:min(520px,100%);box-shadow:var(--shadow-soft);gap:16px;display:grid}.auth-card h1{margin-bottom:0;font-size:clamp(2rem,5vw,3rem)}.old-price{color:var(--muted);text-decoration:line-through}.split{justify-content:space-between;align-items:center;gap:16px;display:flex}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,var(--surface-soft),var(--surface-strong),var(--surface-soft));background-size:200% 100%;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (width<=900px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}.section{padding:44px 0}}@media (width<=640px){.container{width:min(100% - 24px,1180px)}.grid-3,.grid-4{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:start}.btn{width:100%}.icon-btn{width:42px;min-width:42px;height:42px}}.admin-page{gap:18px;display:grid}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-toolbar h2{margin:0;font-size:1.45rem;line-height:1.25}.admin-toolbar p{color:var(--muted);margin:4px 0 0;font-size:.88rem}.admin-filters{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;display:grid}.admin-table-wrap{-webkit-overflow-scrolling:touch;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:820px;font-size:.92rem}.admin-table td,.admin-table th{border-bottom:1px solid var(--border);text-align:start;vertical-align:middle;padding:12px}.admin-table th{color:var(--muted);background:var(--surface-soft);white-space:nowrap;font-weight:800}.admin-table tr:last-child td{border-bottom:0}.admin-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.admin-stat{padding:16px}.admin-stat span{color:var(--muted);font-size:.88rem;font-weight:700;display:block}.admin-stat strong{margin-top:8px;font-size:1.65rem;display:block}.admin-form,.admin-form-grid{gap:14px;display:grid}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-checks{flex-wrap:wrap;gap:10px;display:flex}.admin-check{background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-weight:700;display:inline-flex}.admin-check,.admin-thumb{border:1px solid var(--border);border-radius:var(--radius)}.admin-thumb{-o-object-fit:cover;object-fit:cover;background:var(--surface-soft);width:54px;min-width:54px;height:54px}.admin-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.admin-gallery-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.admin-gallery-item img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;width:100%}.admin-gallery-body{gap:8px;padding:10px;display:grid}.admin-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.admin-alert{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--muted);padding:12px 14px;line-height:1.4}.admin-alert.error{border-color:color-mix(in srgb,var(--danger),transparent 65%);color:var(--danger)}.admin-empty{text-align:center;color:var(--muted);padding:28px 16px}@media (width<=900px){.admin-card-grid{gap:12px}.admin-card-grid,.admin-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filters{gap:10px}.admin-form-grid{grid-template-columns:1fr}}@media (width<=640px){.admin-page{gap:14px}.admin-toolbar{flex-direction:column;align-items:stretch;gap:10px}.admin-toolbar h2{font-size:1.25rem}.admin-toolbar p{font-size:.82rem}.admin-toolbar .btn{justify-content:center;width:100%}.admin-filters{grid-template-columns:1fr;gap:10px;padding:14px 12px}.admin-filters .btn{justify-content:center;width:100%;margin-top:4px}.admin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-stat{border-radius:calc(var(--radius) + 2px);padding:12px 10px}.admin-stat span{font-size:.76rem;line-height:1.3}.admin-stat strong{margin-top:4px;font-size:1.3rem}.admin-table{min-width:720px;font-size:.82rem}.admin-table td,.admin-table th{padding:9px 8px}.admin-actions{gap:4px}.admin-actions .btn{min-height:30px;padding:4px 8px;font-size:.76rem}.admin-thumb{width:44px;min-width:44px;height:44px}.admin-checks{flex-direction:column;gap:8px}.admin-check{width:100%;min-height:40px;padding:0 10px;font-size:.88rem}.admin-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-gallery-body{gap:6px;padding:8px}.admin-gallery-body .admin-actions{grid-template-columns:1fr 1fr;gap:4px;display:grid}.admin-gallery-body .admin-actions .btn{justify-content:center;width:100%;min-height:28px;padding:4px 2px;font-size:.72rem}.admin-pagination{gap:6px;font-size:.85rem}.admin-pagination .btn{padding:6px 12px;font-size:.82rem}.admin-alert{padding:10px 12px;font-size:.85rem}.admin-filters .input,.admin-filters .select,.admin-form .input,.admin-form .select,.admin-form .textarea{font-size:16px}}@media (width<=380px){.admin-card-grid{grid-template-columns:1fr}.admin-toolbar h2{font-size:1.15rem}}
