@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Syne:wght@600;700&display=swap";:root,[data-theme=light]{--bg:#f3f1ec;--bg-panel:#fff;--bg-muted:#f7f5f1;--text:#202425;--text-muted:#5f6668;--brand:#b88716;--brand-dark:#8f6a12;--success:#a67d14;--danger:#b44233;--border:#dfdbd2;--shadow:0 22px 48px #1818141c;--radius:20px;--gradient-1:#b8871624;--gradient-2:#8d66441c;--hero-bg:#fff;--card-bg:linear-gradient(140deg, #fff, #f6f4ee);--badge-color:#7a5a10;--badge-bg:#f7edd3;--title-color:#1e2a20;--stat-bg:#fff;--stat-color:#2b352e}[data-theme=dark]{--bg:#121212;--bg-panel:#1e1e1e;--bg-muted:#252525;--text:#e8e8e8;--text-muted:#a0a0a0;--brand:#f2c14e;--brand-dark:#cd9623;--success:#e4b44a;--danger:#ef4444;--border:#3a3a3a;--shadow:0 22px 48px #0006;--radius:20px;--gradient-1:#f2c14e1a;--gradient-2:#8d66440f;--hero-bg:#1e1e1e;--card-bg:linear-gradient(140deg, #1e1e1e, #252525);--badge-color:#f2c14e;--badge-bg:#3b2c14;--title-color:#e8e8e8;--stat-bg:#252525;--stat-color:silver}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 8% 12%, var(--gradient-1), transparent 28%), radial-gradient(circle at 90% 8%, var(--gradient-2), transparent 26%), var(--bg);font-family:Manrope,sans-serif;line-height:1.5;transition:background .3s,color .3s}#root{min-height:100vh}h1,h2,h3,h4,.logoText{letter-spacing:.01em;color:var(--title-color);font-family:Syne,sans-serif}a{color:inherit;text-decoration:none}[dir=rtl] body,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{font-family:Manrope,Segoe UI,Tahoma,Arial,sans-serif}@media (prefers-reduced-motion:reduce){*,html{transition:none!important;animation:none!important}}.navBarContainer{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:1px solid #dfdbd2e6;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;width:min(1200px,100% - 2rem);margin:1rem auto 0;padding:.85rem 1rem;transition:background .3s,border-color .3s,box-shadow .3s;display:flex;position:sticky;top:0;box-shadow:0 14px 32px #211d1724}.logoInNavContainer{background:var(--badge-bg);z-index:10;border-radius:999px;justify-content:center;align-items:center;padding:.5rem .8rem;transition:background .3s;display:inline-flex}.logoText{color:var(--badge-color);font-size:1.05rem;transition:color .3s}.navBarLinks,.navBarActions{align-items:center;gap:.5rem;display:flex}.linkInNavBar{color:var(--text-muted);border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .8rem;font-weight:600;transition:all .22s;display:inline-flex}.linkInNavBar:hover{color:var(--text);background:var(--bg-muted)}.activeLink{color:var(--brand);background:var(--badge-bg)}.navText{transition:opacity .2s}.themeToggle{border:1px solid var(--border);background:var(--bg-muted);width:38px;height:38px;color:var(--text-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:all .22s;display:inline-flex}.themeToggle:hover{color:var(--brand);background:var(--badge-bg);border-color:var(--brand)}.langWrapper{position:relative}.langToggle{border:1px solid var(--border);background:var(--bg-muted);height:38px;color:var(--text-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:0 .65rem;font-size:.75rem;font-weight:600;transition:all .22s;display:inline-flex}.langToggle:hover{color:var(--brand);border-color:var(--brand)}.langCode{letter-spacing:.05em;font-size:.7rem}.langDropdown{background:var(--bg-panel);border:1px solid var(--border);min-width:140px;box-shadow:var(--shadow);z-index:30;border-radius:12px;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden}[dir=rtl] .langDropdown{left:0;right:auto}.langOption{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.5rem;padding:.7rem .9rem;font-size:.9rem;font-weight:500;transition:background .15s;display:flex}[dir=rtl] .langOption{text-align:right}.langOption:hover{background:var(--bg-muted)}.langOption.active{color:var(--brand);font-weight:700}[data-theme=dark] .navBarContainer{background:#1e1e1ee0;border-color:#3a3a3ae6;box-shadow:0 14px 32px #00000040}@media (width<=560px){.navBarContainer{border-radius:20px;margin:.5rem auto 0;padding:.6rem .8rem}.logoInNavContainer{padding:.4rem .6rem}.logoText{font-size:.9rem}.linkInNavBar{width:40px;height:40px;padding:0}.navText{display:none}.themeToggle,.langToggle{width:36px;height:36px;padding:0}.langCode{display:none}.langDropdown{left:auto;right:0}}.homeContainer{width:min(1200px,100% - 2rem);margin:1.6rem auto 3rem}.heroSection{background:linear-gradient(120deg, var(--gradient-1), var(--gradient-2)), var(--hero-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px;padding:clamp(1.4rem,3vw,2.3rem)}.heroBadge{text-transform:uppercase;letter-spacing:.07em;color:var(--badge-color);background:var(--badge-bg);border-radius:999px;padding:.3rem .7rem;font-size:.8rem;font-weight:700;display:inline-flex}.homeTitle{max-width:19ch;color:var(--title-color);margin-top:.9rem;font-size:clamp(2rem,4vw,3.1rem);line-height:1.1}.heroDescription{max-width:60ch;color:var(--text-muted);margin-top:.75rem;font-weight:500}.heroStats{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.heroStats span{border:1px solid var(--border);background:var(--stat-bg);color:var(--stat-color);border-radius:999px;padding:.4rem .65rem;font-size:.85rem;font-weight:700}.spotlightGrid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.2rem;display:grid}.spotlightCard{border:1px solid var(--border);background:var(--bg-panel);box-shadow:var(--shadow);border-radius:20px;padding:1rem}.spotlightEyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.75rem;font-weight:700}.spotlightCard h3{color:var(--title-color);margin-top:.5rem}.spotlightCard p{color:var(--text-muted);margin-top:.45rem}.spotlightButton{border:1px solid var(--brand);background:var(--bg-muted);color:var(--brand-dark);cursor:pointer;border-radius:12px;margin-top:.9rem;padding:.55rem .8rem;font-weight:700}.perfumeSpotlight{background:linear-gradient(140deg,#fff,#fff6ea)}.watchSpotlight{background:linear-gradient(140deg,#fff,#eef6ff)}.catalogHeader{justify-content:space-between;align-items:center;gap:1rem;margin:1.8rem 0 .8rem;display:flex}.catalogHeader h2{color:var(--title-color)}.catalogTools{align-items:center;gap:.65rem;display:flex}.catalogSearch{border:1px solid var(--border);background:var(--bg-panel);min-width:250px;color:var(--text);border-radius:10px;padding:.5rem .7rem;font-weight:600}.sortControl{color:var(--text-muted);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.sortControl select{border:1px solid var(--border);background:var(--bg-panel);color:var(--text);border-radius:10px;padding:.5rem;font-weight:600}.categoryTabs{gap:.5rem;margin-bottom:1rem;display:flex}.categoryTab{border:1px solid var(--border);background:var(--bg-panel);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:.45rem .75rem;font-weight:700}.categoryTab.active{background:var(--brand);color:#fff;border-color:var(--brand)}.catalogError{color:var(--danger);font-weight:700}.productsGrid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:1.1rem;display:grid}.productCard{border-radius:var(--radius);background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;padding:1rem;transition:transform .2s,box-shadow .2s,background .3s,border-color .3s;animation:.35s both productEnter;display:flex}.productCard:hover{transform:translateY(-2px);box-shadow:0 16px 28px #18181426}[data-theme=dark] .productCard:hover{box-shadow:0 16px 28px #0000004d}[data-theme=dark] .perfumeSpotlight{background:linear-gradient(140deg,#2a241e,#1f1a15)}[data-theme=dark] .watchSpotlight{background:linear-gradient(140deg,#1a232e,#131c26)}.productImageWrap{background:var(--bg-muted);border-radius:14px;position:relative;overflow:hidden}.productCategoryTag{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:.2rem .55rem;font-size:.68rem;font-weight:800;position:absolute;top:.55rem;left:.55rem}.productCategoryTag.perfume{color:#7a2f1f;background:#fde9d9eb}.productCategoryTag.watch{color:#194a72;background:#deefffeb}.productCategoryTag.inline{margin-top:.35rem;position:static}.productImage{aspect-ratio:5/4;object-fit:cover;width:100%;transition:transform .3s}.productCard:hover .productImage{transform:scale(1.03)}.productMeta{justify-content:space-between;align-items:center;gap:.6rem;margin-top:.9rem;display:flex}.productName{color:var(--title-color);font-size:1rem}.productPrice{color:var(--brand);font-weight:800}.productBrand{color:var(--text-muted);margin-top:.4rem;font-size:.88rem;font-weight:700}.stockBadge{border-radius:999px;width:fit-content;margin-top:.45rem;padding:.2rem .55rem;font-size:.74rem;font-weight:800}.stockBadge.in{color:#6f5a14;background:#b6933e29}.stockBadge.low{color:#8c5d0d;background:#e3a01c33}.stockBadge.out{color:#9f2f2f;background:#d346462b}.productDescription{color:var(--text-muted);margin-top:.45rem;font-size:.92rem}.shopButton{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand-dark));cursor:pointer;border:0;border-radius:12px;margin-top:8px;padding:.66rem .8rem;font-weight:700;transition:transform .2s,opacity .2s}.shopButton:hover{opacity:.9;transform:translateY(-1px)}.shopButton:disabled{opacity:.55;cursor:not-allowed;transform:none}.cartPanel{border-radius:var(--radius);background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow);margin-top:1.4rem;padding:1rem}.cartHeader{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.7rem;display:flex}.cartHeader h2{color:var(--title-color);font-size:1.05rem}.cartCount{color:var(--brand);background:var(--badge-bg);border-radius:999px;padding:.28rem .65rem;font-size:.84rem;font-weight:700}.cartEmpty{color:var(--text-muted)}.cartItems{gap:.7rem;display:grid}.cartRow{border:1px solid var(--border);background:var(--bg-muted);border-radius:12px;grid-template-columns:1fr auto;gap:.8rem;padding:.7rem;display:grid}.cartRowMeta h3{color:var(--title-color);font-size:.95rem}.cartRowMeta p{color:var(--brand);margin-top:.3rem;font-weight:700}.cartRowActions{align-items:center;gap:.4rem;display:inline-flex}.qtyButton{border:1px solid var(--border);background:var(--bg-panel);width:30px;height:30px;color:var(--text);cursor:pointer;border-radius:8px;font-weight:700}.qtyValue{text-align:center;min-width:18px;color:var(--title-color);font-weight:700}.removeButton{color:var(--danger);cursor:pointer;background:#d3464624;border:0;border-radius:8px;padding:.45rem .55rem;font-weight:700}.cartFooter{gap:.55rem;margin-top:.9rem;display:grid}.cartTotal{color:var(--title-color);font-weight:800}.checkoutButton{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand-dark));cursor:pointer;border:0;border-radius:12px;padding:.72rem .9rem;font-weight:700;transition:transform .2s,opacity .2s}.checkoutButton:hover{opacity:.9;transform:translateY(-1px)}.checkoutButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.checkoutSuccess{color:var(--success);font-size:.92rem;font-weight:700}.checkoutError{color:var(--danger);font-size:.92rem;font-weight:700}@keyframes productEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=920px){.spotlightGrid{grid-template-columns:1fr}}@media (width<=760px){.catalogHeader{flex-direction:column;align-items:flex-start}.catalogTools{flex-direction:column;align-items:stretch;width:100%}.catalogSearch{width:100%;min-width:0}.productsGrid,.cartRow{grid-template-columns:1fr}.cartRowActions{justify-content:flex-start}}.staticPage{gap:1rem;width:min(1100px,100% - 2rem);margin:1.6rem auto 3rem;display:grid}.staticHero{border:1px solid var(--border);background:var(--card-bg);border-radius:24px;padding:clamp(1.3rem,3vw,2.1rem);transition:background .3s,border-color .3s}.staticEyebrow{text-transform:uppercase;letter-spacing:.07em;color:var(--brand);font-size:.76rem;font-weight:700}.staticHero h1{color:var(--title-color);margin-top:.55rem;font-size:clamp(1.75rem,4vw,2.7rem)}.staticHero p{color:var(--text-muted);max-width:65ch;margin-top:.65rem}.staticGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.staticCard{border:1px solid var(--border);background:var(--bg-panel);border-radius:16px;padding:1rem;transition:background .3s,border-color .3s}.staticCard h2{color:var(--title-color);font-size:1.1rem}.staticCard p{color:var(--text-muted);margin-top:.35rem}.loginContainer{place-items:center;min-height:calc(100vh - 150px);padding:1.5rem;display:grid}.loginBox{background:radial-gradient(circle at 0% 0%, var(--gradient-1), transparent 55%), var(--bg-panel);border:1px solid var(--border);width:min(480px,100%);box-shadow:var(--shadow);text-align:center;border-radius:22px;padding:1.8rem;transition:background .3s,border-color .3s}.loginEyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.07em;font-size:.75rem;font-weight:700}.loginTitle{color:var(--title-color);margin-top:.35rem;font-size:clamp(1.8rem,4vw,2.5rem)}.loginSubtitle{color:var(--text-muted);margin-top:.5rem;margin-bottom:1.2rem}.loginButton{border:1px solid var(--border);background:var(--bg-panel);width:100%;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:.75rem .9rem;font-weight:700;transition:all .2s;display:inline-flex}.loginButton:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.loginButton:disabled{opacity:.7;cursor:not-allowed}.loginError{background:var(--danger);color:var(--danger);border:1px solid var(--danger);background:#ef444426;border-radius:10px;margin-top:.8rem;padding:.6rem}.loginHint{color:var(--text-muted);margin-top:.8rem;font-size:.88rem}.adminContainer{width:min(1200px,100% - 2rem);margin:1.5rem auto 3rem}.adminShell{grid-template-columns:minmax(320px,480px) 1fr;gap:1rem;display:grid}.adminPanel,.adminListPanel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:background .3s,border-color .3s}.adminPanel{padding:1.2rem}.adminHeader{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);grid-column:1/-1;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;padding:1rem 1.2rem;display:flex}.adminHeaderInfo{flex-direction:column;gap:.25rem;display:flex}.adminWelcome{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.adminEmail{color:var(--title-color);font-size:.95rem;font-weight:700}.adminLogoutButton{border:1px solid var(--border);background:var(--bg-muted);color:var(--text-muted);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:flex}.adminLogoutButton:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.adminTitle{color:var(--title-color);font-size:1.5rem}.adminSubtitle{color:var(--text-muted);margin-top:.2rem;margin-bottom:1rem}.adminLabel{color:var(--text-muted);margin-top:.8rem;margin-bottom:.35rem;font-size:.9rem;font-weight:700;display:block}.adminInput,.adminTextarea{border:1px solid var(--border);background:var(--bg-muted);width:100%;color:var(--text);border-radius:12px;padding:.7rem .8rem;font-family:Manrope,sans-serif;transition:background .3s,border-color .3s}.adminInput:focus,.adminTextarea:focus{border-color:var(--brand);outline:2px solid #0b6bcb33}.adminInlineGrid{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.adminButton,.adminDangerButton,.adminGhostButton{cursor:pointer;border:0;border-radius:12px;padding:.68rem .9rem;font-weight:700}.adminButton{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand-dark));width:100%;margin-top:1rem}.adminButton:disabled{opacity:.6;cursor:not-allowed}.adminSuccess,.adminError{border-radius:10px;margin-top:.75rem;padding:.66rem .75rem;font-weight:600}.adminSuccess{color:var(--success);border:1px solid var(--success);background:#b8871629}.adminError{color:var(--danger);border:1px solid var(--danger);background:#ef444426}.adminListPanel{padding:1.2rem}.adminListHeader{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.adminGhostButton{color:var(--title-color);background:var(--bg-muted);border:1px solid var(--border)}.adminMuted{color:var(--text-muted);margin-top:.8rem}.adminTable{gap:.65rem;margin-top:1rem;display:grid}.adminRow{border:1px solid var(--border);background:var(--bg-muted);border-radius:12px;grid-template-columns:64px 1fr auto;align-items:center;gap:.7rem;padding:.55rem;transition:background .3s,border-color .3s;display:grid}.adminThumb{object-fit:cover;background:var(--bg-panel);border-radius:10px;width:64px;height:64px}.adminMeta h4{color:var(--title-color);font-size:.95rem}.adminMeta p{color:var(--text-muted);font-size:.85rem}.categoryPill{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.15rem .5rem;font-size:.72rem;font-weight:800;display:inline-flex}.categoryPill.perfume{color:#7a2f1f;background:#fde9d9;border-color:#f5cfb1}.categoryPill.watch{color:#194a72;background:#deefff;border-color:#bbdbf8}.adminDangerButton{color:var(--danger);border:1px solid var(--danger);background:#ef444426}.adminRowActions{gap:.45rem;display:flex}.adminEditButton{border:1px solid var(--brand);color:var(--brand-dark);cursor:pointer;background:#b8871624;border-radius:10px;padding:.5rem .75rem;font-weight:700}.adminEditPanel{border:1px solid var(--border);background:var(--bg-panel);border-radius:12px;grid-column:1/-1;margin-top:.55rem;padding:.9rem}.adminEditActions{justify-content:flex-end;gap:.5rem;margin-top:.8rem;display:flex}.adminEditSave{width:auto;margin-top:0}@media (width<=920px){.adminShell{grid-template-columns:1fr}}.imageModeToggle{gap:.5rem;margin-bottom:.5rem;display:flex}.toggleBtn{border:1px solid var(--border);background:var(--bg-muted);color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:flex}.toggleBtn.active{background:var(--brand);color:#fff;border-color:var(--brand)}.fileUploadContainer{flex-direction:column;gap:.75rem;display:flex}.imagePreviewContainer{border:2px dashed var(--border);background:var(--bg-muted);border-radius:12px;justify-content:center;padding:.75rem;display:flex}.imagePreview{object-fit:contain;border-radius:8px;max-width:200px;max-height:200px}