.admin-shell{min-height:100vh;background:var(--cream)}.admin{display:flex;min-height:100vh;background:var(--cream);color:var(--text)}.admin-side{width:250px;flex-shrink:0;background:linear-gradient(180deg,var(--ink),#231f1b);color:#fff;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 14px}.admin-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-brand .logo{width:40px;height:40px;border-radius:11px;background:#c2a14d24;display:grid;place-items:center;border:1px solid rgba(194,161,77,.4)}.admin-brand .logo svg{width:24px;height:24px}.admin-brand .nm{font-weight:800;font-size:17px;line-height:1.1}.admin-brand .sub{font-size:11px;color:#ffffff8c;font-weight:600}.admin-nav{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.admin-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;color:#ffffffb8;font-weight:700;font-size:14.5px;white-space:nowrap;transition:background .18s var(--ease),color .18s var(--ease)}.admin-nav a:hover{background:#ffffff12;color:#fff}.admin-nav a.active{background:#c2a14d2e;color:var(--gold-soft)}.admin-nav a svg{width:20px;height:20px;flex-shrink:0}.admin-side-foot{margin-top:auto;padding-top:12px}.admin-side-foot a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;font-weight:700;font-size:14px;color:#fffc;border:1px solid rgba(255,255,255,.12)}.admin-side-foot a:hover{background:#ffffff12}.admin-side-foot a svg{width:18px;height:18px}.admin-main{flex:1;min-width:0;padding:24px 28px 64px}.admin-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:22px;flex-wrap:wrap}.admin-top h1{font-size:24px;font-weight:800;letter-spacing:-.3px}.admin-top .sub{color:var(--muted);font-size:13.5px;margin-top:2px}.admin-top .acts{display:flex;gap:8px;flex-wrap:wrap}.abtn{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:12px;font-weight:800;font-size:14px;transition:transform .12s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease);white-space:nowrap}.abtn svg{width:18px;height:18px}.abtn:active{transform:translateY(1px)}.abtn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:#2a2410;box-shadow:var(--shadow-sm)}.abtn-dark{background:var(--ink);color:#fff}.abtn-outline{border:1px solid var(--line);background:#fff;color:var(--ink)}.abtn-danger{background:#fff;border:1px solid #eec6c9;color:var(--rose)}.abtn-sm{padding:7px 10px;font-size:13px;border-radius:10px;gap:5px}.abtn-icon{padding:8px;border-radius:10px}.abtn-icon svg{width:17px;height:17px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:18px;box-shadow:var(--shadow-sm)}.stat .ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#c2a14d24;color:var(--gold-deep);margin-bottom:12px}.stat .ico svg{width:22px;height:22px}.stat .num{font-size:26px;font-weight:800;line-height:1.1}.stat .lbl{color:var(--muted);font-size:13.5px;font-weight:600;margin-top:3px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);overflow:hidden}.panel+.panel{margin-top:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line)}.panel-head h3{font-size:16px;font-weight:800}.table-wrap{overflow-x:auto}.atable{width:100%;border-collapse:collapse}.atable th{text-align:start;font-size:12.5px;color:var(--muted);font-weight:700;padding:12px 14px;background:#faf8f4;border-bottom:1px solid var(--line);white-space:nowrap}.atable td{padding:11px 14px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle;white-space:nowrap}.atable tr:last-child td{border-bottom:none}.atable tbody tr:hover td{background:#fcfaf6}.atable .thumb{width:46px;height:46px;border-radius:10px;object-fit:cover;background:#f3efe7}.atable .nm{font-weight:700}.atable .actions{display:flex;gap:6px;justify-content:flex-end}.atable .muted{color:var(--muted)}.atable .strike{color:var(--muted-2);text-decoration:line-through;font-size:12.5px}.pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#c2a14d26;color:var(--gold-deep)}.pill.gray{background:#f0ede7;color:var(--muted)}.pill.green{background:#2f7d5b1f;color:var(--green)}.pill.rose{background:#b14a521f;color:var(--rose)}.pill.blue{background:#3a6ea51f;color:#3a6ea5}.amodal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#1412108c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:28px 16px;overflow-y:auto;animation:fadein .2s var(--ease)}.amodal{background:var(--cream);border-radius:var(--r-md);width:100%;max-width:660px;box-shadow:var(--shadow-lg);margin:auto}.amodal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--cream);border-radius:var(--r-md) var(--r-md) 0 0;z-index:1}.amodal-head h3{font-size:18px;font-weight:800}.amodal-body{padding:18px 20px}.amodal-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;position:sticky;bottom:0;background:var(--cream);border-radius:0 0 var(--r-md) var(--r-md)}.afield{margin-bottom:15px}.afield>label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;color:var(--stone)}.afield input,.afield select,.afield textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--text);transition:border-color .15s var(--ease)}.afield input:focus,.afield select:focus,.afield textarea:focus{outline:none;border-color:var(--gold)}.afield textarea{min-height:84px;resize:vertical}.afield .hint{font-size:12px;color:var(--muted);margin-top:5px}.agrid2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.agrid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 14px}.form-sec-title{font-size:12.5px;font-weight:800;color:var(--gold-deep);text-transform:uppercase;letter-spacing:.5px;margin:6px 0 12px}.achk-row{display:flex;flex-wrap:wrap;gap:8px}.achk{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:13.5px;font-weight:600;cursor:pointer;transition:.15s var(--ease)}.achk.on{border-color:var(--gold);background:#c2a14d21;color:var(--gold-deep)}.img-preview{width:100%;height:150px;border-radius:12px;object-fit:cover;background:#f0ede7;border:1px solid var(--line);margin-top:8px}.aempty{padding:46px 20px;text-align:center;color:var(--muted)}.aempty svg{width:40px;height:40px;opacity:.5;margin:0 auto 10px}@media (max-width: 900px){.admin{flex-direction:column}.admin-side{width:100%;height:auto;position:sticky;top:0;z-index:50;flex-direction:row;align-items:center;gap:8px;padding:10px 12px;overflow-x:auto}.admin-brand{border-bottom:none;margin-bottom:0;padding:0 8px 0 0;flex-shrink:0}.admin-brand .txt{display:none}.admin-nav{flex-direction:row}.admin-side-foot{margin-top:0;margin-inline-start:auto;padding-top:0;flex-shrink:0}.admin-side-foot a span{display:none}.admin-main{padding:16px}.stat-grid{grid-template-columns:1fr 1fr;gap:12px}.agrid2,.agrid3{grid-template-columns:1fr}}:root{--ink: #1c1917;--ink-2: #2c2622;--stone: #44403c;--gold: #c2a14d;--gold-deep: #a4822f;--gold-soft: #e9dcbb;--cream: #faf7f1;--card: #ffffff;--line: #ece6dc;--text: #1c1917;--muted: #756e64;--muted-2: #9a9085;--rose: #b14a52;--green: #2f7d5b;--shadow-sm: 0 1px 3px rgba(28, 25, 23, .07), 0 1px 2px rgba(28, 25, 23, .05);--shadow-md: 0 8px 24px -10px rgba(28, 25, 23, .22);--shadow-lg: 0 20px 50px -18px rgba(28, 25, 23, .35);--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--app-w: 480px;--header-h: 60px;--nav-h: 64px;--ease: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html,body{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}body{font-family:Cairo,system-ui,Segoe UI,sans-serif;background:#efe9df;color:var(--text);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}input,select,textarea{font-family:inherit;font-size:16px}ul{list-style:none}:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px;border-radius:6px}.serif{font-family:Amiri,Cairo,serif}.app-shell{width:100%;margin-inline:auto;min-height:100vh;min-height:100dvh;background:var(--cream);position:relative;overflow-x:hidden}.page{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 16px);animation:fade-up .35s var(--ease)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section{padding:22px 16px 4px}.pad{padding-inline:16px}.site-footer{display:flex;flex-direction:column;align-items:center;gap:16px;padding:30px 16px;margin-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center}.social-row{display:flex;gap:12px}.social-row .social{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);color:var(--stone);transition:transform .15s var(--ease),color .2s,border-color .2s,background .2s}.social-row .social svg{width:21px;height:21px}.social-row .social:hover{color:var(--gold-deep);border-color:var(--gold);background:#c2a14d14;transform:translateY(-2px)}.social-row .social:active{transform:scale(.93)}.foot-bottom{display:flex;align-items:center;justify-content:center;gap:8px 16px;flex-wrap:wrap}.foot-bottom .dev a{color:var(--gold-deep);font-weight:800}.foot-bottom .dev a:hover{text-decoration:underline}.site-footer .admin-link{color:var(--gold-deep);font-weight:700;padding:6px 12px;border:1px solid var(--line);border-radius:999px}.site-footer .admin-link:hover{background:#c2a14d1a}.header{position:sticky;top:0;z-index:40;height:calc(var(--header-h) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:#faf7f1d1;backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding-inline:14px}.header.on-dark{background:#1c19178c;border-bottom-color:#ffffff14;color:#fff}.brand-mark{display:flex;align-items:center;gap:9px}.brand-logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(150deg,var(--ink),#3a332d);display:grid;place-items:center;border:1px solid rgba(194,161,77,.4)}.brand-logo svg{width:22px;height:22px}.brand-name{font-weight:800;font-size:19px;letter-spacing:-.2px;line-height:1}.brand-sub{font-size:10.5px;color:var(--muted);font-weight:600}.header.on-dark .brand-sub{color:#ffffffb3}.icon-btn{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:inherit;transition:background .2s var(--ease),transform .15s var(--ease);position:relative}.icon-btn:active{transform:scale(.92)}.icon-btn:hover{background:#1c19170f}.header.on-dark .icon-btn:hover{background:#ffffff1f}.icon-btn svg{width:23px;height:23px}.bag-badge{position:absolute;top:4px;inset-inline-start:4px;min-width:18px;height:18px;padding:0 4px;background:var(--gold);color:var(--ink);border-radius:9px;font-size:11px;font-weight:800;display:grid;place-items:center;line-height:1;box-shadow:0 0 0 2px var(--cream)}.header.on-dark .bag-badge{box-shadow:0 0 0 2px var(--ink)}.search-inline{flex:1;height:42px;border-radius:13px;background:#1c19170d;border:1px solid var(--line);display:flex;align-items:center;gap:8px;padding-inline:12px;color:var(--muted);font-size:14px;font-weight:500}.search-inline svg{width:19px;height:19px;flex-shrink:0}.banner-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 16px 8px;scrollbar-width:none}.banner-carousel::-webkit-scrollbar{display:none}.banner{position:relative;flex:0 0 86%;scroll-snap-align:center;aspect-ratio:16 / 10;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-md);background:var(--ink)}.banner img{width:100%;height:100%;object-fit:cover}.banner .tint{position:absolute;top:0;right:0;bottom:0;left:0}.banner .content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:0 26px;color:#fff;max-width:80%}.banner .kicker{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--gold-soft);margin-bottom:8px}.banner h2{font-size:25px;font-weight:800;line-height:1.25;margin-bottom:6px}.banner p{font-size:13.5px;color:#ffffffd9;margin-bottom:16px}.banner .btn-ghost{align-self:flex-start;background:var(--gold);color:var(--ink);padding:9px 18px;border-radius:12px;font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;gap:6px;transition:transform .15s var(--ease),background .2s}.banner .btn-ghost:active{transform:scale(.95)}.banner .btn-ghost svg{width:16px;height:16px}.dots{display:flex;justify-content:center;gap:6px;padding-top:4px}.dot{width:6px;height:6px;border-radius:50%;background:var(--line);transition:all .3s var(--ease)}.dot.active{width:20px;background:var(--gold-deep)}.sec-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 16px;margin-bottom:14px}.sec-head .title-wrap{display:flex;flex-direction:column}.sec-head h3{font-size:20px;font-weight:800;letter-spacing:-.3px}.sec-head .sub{font-size:12.5px;color:var(--muted);font-weight:500}.sec-head .more{font-size:13px;font-weight:700;color:var(--gold-deep);display:flex;align-items:center;gap:2px}.sec-head .more svg{width:16px;height:16px}.cat-rail{display:flex;gap:14px;overflow-x:auto;padding:4px 16px 6px;scrollbar-width:none}.cat-rail::-webkit-scrollbar{display:none}.cat-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;width:72px}.cat-thumb{width:68px;height:68px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-sm);border:1.5px solid var(--line);position:relative;transition:transform .2s var(--ease),border-color .2s}.cat-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(28,25,23,.25))}.cat-item:active .cat-thumb{transform:scale(.94)}.cat-thumb img{width:100%;height:100%;object-fit:cover}.cat-label{font-size:12px;font-weight:600;text-align:center;color:var(--stone)}.brand-rail{display:flex;gap:10px;overflow-x:auto;padding:2px 16px 6px;scrollbar-width:none}.brand-rail::-webkit-scrollbar{display:none}.brand-pill{flex:0 0 auto;padding:11px 18px;border-radius:14px;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:14px;color:var(--ink);box-shadow:var(--shadow-sm);transition:background .2s,color .2s,border-color .2s;white-space:nowrap}.brand-pill:hover{border-color:var(--gold)}.brand-pill.active{background:var(--ink);color:#fff;border-color:var(--ink)}.occ-rail{display:flex;gap:13px;overflow-x:auto;padding:2px 16px 8px;scrollbar-width:none}.occ-rail::-webkit-scrollbar{display:none}.occ-card{position:relative;flex:0 0 200px;aspect-ratio:5 / 6;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:transform .2s var(--ease),box-shadow .25s var(--ease)}.occ-card:active{transform:scale(.97)}.occ-card:hover{box-shadow:var(--shadow-md)}.occ-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.occ-card:hover img{transform:scale(1.06)}.occ-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1c19170d 30%,#1c1917d1)}.occ-text{position:absolute;inset-inline:0;bottom:0;padding:14px 16px;color:#fff}.occ-text h4{font-size:18px;font-weight:800;line-height:1.2}.occ-text p{font-size:12px;color:#ffffffd9;margin-top:3px}.product-rail{display:flex;gap:13px;overflow-x:auto;padding:2px 16px 10px;scrollbar-width:none}.product-rail::-webkit-scrollbar{display:none}.product-rail .pcard{flex:0 0 158px}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:4px 16px}.cat-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 16px}.brand-list{display:flex;flex-direction:column;gap:10px;padding:0 16px}.desk-nav,.only-desktop{display:none}.subhead-title{flex:1;font-size:19px;font-weight:800}.pcard{background:var(--card);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .2s var(--ease),box-shadow .25s var(--ease)}.pcard:active{transform:translateY(1px) scale(.99)}.pcard:hover{box-shadow:var(--shadow-md)}.pcard .media{position:relative;aspect-ratio:1 / 1;background:#f3efe7;overflow:hidden}.pcard .media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.pcard:hover .media img{transform:scale(1.05)}.badge{position:absolute;top:10px;inset-inline-start:10px;padding:4px 9px;border-radius:8px;font-size:10.5px;font-weight:800;background:var(--ink);color:var(--gold-soft);letter-spacing:.2px}.badge.sale{background:var(--rose);color:#fff}.badge.new{background:var(--green);color:#fff}.badge.lux{background:linear-gradient(120deg,var(--gold-deep),var(--gold));color:var(--ink)}.wish-btn{position:absolute;top:8px;inset-inline-end:8px;width:34px;height:34px;border-radius:11px;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;color:var(--stone);box-shadow:var(--shadow-sm);transition:transform .15s var(--ease),color .2s}.wish-btn:active{transform:scale(.88)}.wish-btn svg{width:19px;height:19px}.wish-btn.on{color:var(--rose)}.wish-btn.on svg{fill:var(--rose);stroke:var(--rose)}.pcard .body{padding:11px 12px 13px;display:flex;flex-direction:column;gap:5px;flex:1}.pcard .brand{font-size:11px;color:var(--gold-deep);font-weight:700}.pcard .pname{font-size:14.5px;font-weight:700;line-height:1.35}.pcard .meta-row{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted)}.pcard .stars{display:inline-flex;align-items:center;gap:2px;color:var(--gold)}.pcard .stars svg{width:13px;height:13px}.pcard .price-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px}.price{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;row-gap:0;min-width:0}.price .now{font-size:15px;font-weight:800;white-space:nowrap}.price .cur{font-size:10.5px;font-weight:600;color:var(--muted)}.price .was{font-size:11px;color:var(--muted-2);text-decoration:line-through;white-space:nowrap}.add-mini{flex-shrink:0;width:36px;height:36px;border-radius:11px;background:var(--ink);color:var(--gold-soft);display:grid;place-items:center;transition:transform .15s var(--ease),background .2s}.add-mini:active{transform:scale(.86)}.add-mini:hover{background:var(--gold-deep);color:var(--ink)}.add-mini svg{width:19px;height:19px}.value-row{display:flex;gap:10px;padding:6px 16px 4px}.value-card{flex:1;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 8px;text-align:center;box-shadow:var(--shadow-sm)}.value-card svg{width:24px;height:24px;color:var(--gold-deep);margin:0 auto 6px}.value-card .t{font-size:12px;font-weight:700}.value-card .d{font-size:10.5px;color:var(--muted)}.promo-band{margin:18px 16px 4px;border-radius:var(--r-md);background:linear-gradient(120deg,var(--ink),#3a322b);color:#fff;padding:20px 22px;position:relative;overflow:hidden}.promo-band:after{content:"";position:absolute;inset-inline-end:-30px;top:-30px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(194,161,77,.5),transparent 70%)}.promo-band .k{color:var(--gold-soft);font-size:11px;font-weight:700;letter-spacing:1px}.promo-band h4{font-size:21px;font-weight:800;margin:6px 0}.promo-band p{font-size:13px;color:#fffc}.bottom-nav{position:fixed;bottom:0;inset-inline:0;z-index:45;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#faf7f1e6;backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:10.5px;font-weight:600;position:relative;transition:color .2s}.nav-item svg{width:24px;height:24px;transition:transform .2s var(--ease)}.nav-item.active{color:var(--ink)}.nav-item.active svg{transform:translateY(-1px)}.nav-item.active:before{content:"";position:absolute;top:6px;width:34px;height:34px;border-radius:12px;background:#c2a14d29}.nav-item .nav-badge{position:absolute;top:6px;inset-inline-start:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;background:var(--rose);color:#fff;border-radius:8px;font-size:10px;font-weight:800;display:grid;place-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 20px;border-radius:15px;font-weight:800;font-size:15.5px;transition:transform .15s var(--ease),background .2s,box-shadow .2s;width:100%}.btn:active{transform:scale(.98)}.btn-primary{background:var(--ink);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:#000}.btn-gold{background:linear-gradient(120deg,var(--gold-deep),var(--gold));color:var(--ink);box-shadow:0 10px 24px -10px #a4822f99}.btn-outline{background:var(--card);border:1.5px solid var(--line);color:var(--ink)}.btn-outline:hover{border-color:var(--gold)}.btn svg{width:20px;height:20px}.btn:disabled{opacity:.55;pointer-events:none}.subhead{display:flex;align-items:center;gap:8px;padding:10px 12px;min-height:var(--header-h)}.subhead h1{font-size:19px;font-weight:800;flex:1}.subhead .count-pill{font-size:12px;color:var(--muted);font-weight:600}.pd-hero{position:relative;aspect-ratio:1 / 1;background:#f3efe7}.pd-hero img{width:100%;height:100%;object-fit:cover}.pd-hero .top-bar{position:absolute;top:0;inset-inline:0;padding:12px;padding-top:calc(12px + env(safe-area-inset-top));display:flex;justify-content:space-between}.pd-float{width:44px;height:44px;border-radius:14px;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;color:var(--ink);box-shadow:var(--shadow-sm)}.pd-float svg{width:23px;height:23px}.pd-float.on svg{fill:var(--rose);stroke:var(--rose)}.pd-body{background:var(--cream);border-radius:28px 28px 0 0;margin-top:-26px;position:relative;z-index:2;padding:22px 18px 16px}.pd-body .brand{color:var(--gold-deep);font-weight:700;font-size:13px}.pd-body h1{font-size:26px;font-weight:800;margin:4px 0 8px;letter-spacing:-.4px}.pd-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.tag{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:10px;font-size:12.5px;font-weight:700;background:var(--card);border:1px solid var(--line);color:var(--stone)}.tag.rate{color:var(--gold-deep)}.tag.rate svg{width:15px;height:15px;color:var(--gold)}.pd-price{display:flex;align-items:baseline;gap:10px;margin:6px 0 18px}.pd-price .now{font-size:30px;font-weight:800}.pd-price .cur{font-size:14px;color:var(--muted);font-weight:600}.pd-price .was{font-size:17px;color:var(--muted-2);text-decoration:line-through}.pd-price .off{background:var(--rose);color:#fff;font-size:12px;font-weight:800;padding:3px 9px;border-radius:8px}.pd-section{margin:20px 0}.pd-section h3{font-size:15px;font-weight:800;margin-bottom:10px}.pd-desc{color:var(--stone);font-size:14.5px;line-height:1.85}.size-row{display:flex;gap:10px;flex-wrap:wrap}.size-opt{min-width:64px;padding:11px 14px;border-radius:13px;border:1.5px solid var(--line);background:var(--card);font-weight:700;font-size:14px;text-align:center;transition:border-color .2s,background .2s,color .2s}.size-opt small{display:block;font-size:10.5px;color:var(--muted);font-weight:600}.size-opt.active{border-color:var(--ink);background:var(--ink);color:#fff}.size-opt.active small{color:var(--gold-soft)}.notes-grid{display:flex;flex-direction:column;gap:10px}.note-line{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:12px 14px}.note-line .dot-i{width:10px;height:10px;border-radius:50%;flex-shrink:0}.note-line .lbl{font-size:12px;color:var(--muted);font-weight:700;width:60px}.note-line .val{font-size:14px;font-weight:600}.buy-bar{position:fixed;bottom:0;inset-inline:0;z-index:44;background:#faf7f1f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px}.qty-stepper{display:flex;align-items:center;gap:4px;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:4px}.qty-stepper button{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--ink);transition:background .2s}.qty-stepper button:hover{background:#1c19170f}.qty-stepper button:active{transform:scale(.9)}.qty-stepper button svg{width:18px;height:18px}.qty-stepper .q{min-width:26px;text-align:center;font-weight:800;font-size:16px}.buy-bar .btn{flex:1}.cart-line{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.cart-line .thumb{width:84px;height:84px;border-radius:14px;overflow:hidden;flex-shrink:0;background:#f3efe7}.cart-line .thumb img{width:100%;height:100%;object-fit:cover}.cart-line .info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.cart-line .brand{font-size:11.5px;color:var(--gold-deep);font-weight:700}.cart-line .nm{font-size:15px;font-weight:700}.cart-line .sz{font-size:12px;color:var(--muted)}.cart-line .bottom{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.cart-line .ln-price{font-weight:800;font-size:15px}.cart-line .ln-price .cur{font-size:11px;color:var(--muted);font-weight:600}.mini-stepper{display:flex;align-items:center;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:3px}.mini-stepper button{width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.mini-stepper button:active{transform:scale(.9)}.mini-stepper button svg{width:15px;height:15px}.mini-stepper .q{min-width:22px;text-align:center;font-weight:800;font-size:14px}.remove-x{color:var(--muted-2);width:30px;height:30px;display:grid;place-items:center}.remove-x svg{width:18px;height:18px}.summary{margin:16px;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.summary .row{display:flex;justify-content:space-between;font-size:14px;padding:6px 0;color:var(--stone)}.summary .row.total{border-top:1px dashed var(--line);margin-top:6px;padding-top:12px;font-size:18px;font-weight:800;color:var(--ink)}.summary .row .free{color:var(--green);font-weight:700}.ship-hint{font-size:12px;color:var(--muted);margin:8px 16px 0;text-align:center}.coupon{display:flex;gap:8px;margin:0 16px 4px}.coupon input{flex:1;height:48px;border-radius:13px;border:1.5px solid var(--line);background:var(--card);padding-inline:14px}.coupon button{padding-inline:18px;border-radius:13px;background:var(--ink);color:#fff;font-weight:700}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 30px;gap:12px;min-height:60vh}.empty .ring{width:96px;height:96px;border-radius:50%;background:#c2a14d1f;display:grid;place-items:center}.empty .ring svg{width:44px;height:44px;color:var(--gold-deep)}.empty h3{font-size:20px;font-weight:800}.empty p{color:var(--muted);font-size:14px;max-width:260px}.form{padding:8px 16px;display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:700;color:var(--stone)}.field input,.field textarea,.field select{height:52px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);padding-inline:15px;transition:border-color .2s,box-shadow .2s}.field textarea{height:auto;padding:13px 15px;resize:vertical;min-height:80px}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c2a14d29}.field.err input,.field.err textarea{border-color:var(--rose)}.field .msg{font-size:12px;color:var(--rose);font-weight:600}.field-row{display:flex;gap:12px}.field-row .field{flex:1}.pay-opts{display:flex;flex-direction:column;gap:10px}.pay-opt{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:var(--card);transition:border-color .2s,background .2s}.pay-opt.active{border-color:var(--ink);background:#fbf9f4}.pay-opt .radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--muted-2);flex-shrink:0;position:relative;transition:border-color .2s}.pay-opt.active .radio{border-color:var(--ink)}.pay-opt.active .radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--ink)}.pay-opt .txt{flex:1}.pay-opt .txt .t{font-weight:700;font-size:14.5px}.pay-opt .txt .d{font-size:12px;color:var(--muted)}.pay-opt .ic{color:var(--gold-deep)}.pay-opt .ic svg{width:24px;height:24px}.steps{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 16px 14px}.step{display:flex;align-items:center;gap:8px}.step .num{width:26px;height:26px;border-radius:50%;background:var(--line);color:var(--muted);display:grid;place-items:center;font-weight:800;font-size:13px}.step.done .num,.step.cur .num{background:var(--ink);color:#fff}.step .lbl{font-size:12px;font-weight:700;color:var(--muted)}.step.cur .lbl,.step.done .lbl{color:var(--ink)}.step-line{width:26px;height:2px;background:var(--line)}.success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:70px 28px 40px;gap:14px;min-height:100dvh;justify-content:center}.success .check{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--green),#3aa06f);display:grid;place-items:center;color:#fff;box-shadow:0 16px 40px -12px #2f7d5b99;animation:pop .5s var(--ease)}@keyframes pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.success .check svg{width:54px;height:54px}.success h1{font-size:26px;font-weight:800}.success p{color:var(--muted);font-size:15px;max-width:300px}.order-chip{background:var(--card);border:1px dashed var(--gold);border-radius:12px;padding:10px 18px;font-weight:800;color:var(--gold-deep)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#14121080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadein .25s var(--ease)}@keyframes fadein{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;bottom:0;inset-inline:0;z-index:61;max-width:var(--app-w);margin-inline:auto;background:var(--cream);border-radius:26px 26px 0 0;max-height:86vh;display:flex;flex-direction:column;animation:slideup .32s var(--ease);box-shadow:var(--shadow-lg)}@keyframes slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer .grip{width:40px;height:4px;border-radius:4px;background:var(--line);margin:10px auto 4px}.drawer .dh{display:flex;align-items:center;justify-content:space-between;padding:6px 16px 12px;border-bottom:1px solid var(--line)}.drawer .dh h3{font-size:18px;font-weight:800}.drawer .dbody{overflow-y:auto;flex:1}.drawer .dfoot{padding:14px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--cream)}.drawer .dfoot .tot{display:flex;justify-content:space-between;margin-bottom:12px;font-weight:800;font-size:17px}.toast-wrap{position:fixed;bottom:calc(var(--nav-h) + 16px);inset-inline:0;z-index:80;max-width:var(--app-w);margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 16px}.toast{background:var(--ink);color:#fff;padding:12px 18px;border-radius:14px;font-size:14px;font-weight:600;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:9px;max-width:100%;animation:toast-in .3s var(--ease)}.toast svg{width:20px;height:20px;color:var(--green);flex-shrink:0}@keyframes toast-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.search-page-bar{padding:10px 16px}.search-field{display:flex;align-items:center;gap:10px;height:50px;background:var(--card);border:1.5px solid var(--line);border-radius:15px;padding-inline:14px}.search-field svg{width:21px;height:21px;color:var(--muted)}.search-field input{flex:1;border:none;background:none;outline:none;height:100%}.chip-row{display:flex;gap:8px;flex-wrap:wrap;padding:6px 16px 14px}.chip{padding:8px 14px;border-radius:11px;background:var(--card);border:1px solid var(--line);font-size:13px;font-weight:600}.divider{height:8px;background:#efe9df;margin:18px 0}.center-muted{text-align:center;color:var(--muted);font-size:14px;padding:30px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media (min-width: 768px){body{background:var(--cream)}.app-shell{max-width:1320px;overflow-x:visible;box-shadow:none}.header{gap:20px;padding-inline:32px;height:76px}.search-inline{flex:0 1 360px;height:46px;margin-inline-start:auto}.desk-nav{display:flex;align-items:center;gap:4px}.desk-nav a{padding:9px 14px;border-radius:11px;font-weight:700;font-size:14.5px;color:var(--stone);white-space:nowrap;transition:background .2s,color .2s}.desk-nav a:hover{background:#1c19170f;color:var(--ink)}.desk-nav a.active{color:var(--ink);background:#c2a14d29}.only-desktop{display:inline-flex}.only-mobile{display:none}.subheader .subhead-title{flex:0 1 auto;font-size:17px;color:var(--muted);font-weight:700}.bottom-nav{display:none}.page{padding-bottom:64px}.section{padding:34px 32px 4px}.sec-head,.cat-rail,.brand-rail,.occ-rail,.product-rail,.banner-carousel,.value-row,.product-grid,.cat-card-grid,.brand-list,.chip-row,.search-page-bar{padding-inline:32px}.sec-head h3{font-size:24px}.promo-band{margin-inline:32px;padding:32px 36px}.promo-band h4{font-size:28px}.banner-carousel{gap:18px}.banner{flex-basis:60%;aspect-ratio:21 / 9;border-radius:var(--r-lg)}.banner h2{font-size:34px}.banner p{font-size:15px}.cat-thumb{width:84px;height:84px}.cat-item{width:88px}.occ-card{flex-basis:240px}.product-grid{grid-template-columns:repeat(3,1fr);gap:22px}.cat-card-grid{grid-template-columns:repeat(3,1fr);gap:20px}.brand-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-rail .pcard{flex-basis:220px}.page:has(.pd-hero){display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:44px;align-items:start;padding:28px 32px 40px}.page:has(.pd-hero) .pd-hero{grid-column:1;grid-row:1 / span 2;position:sticky;top:100px;border-radius:24px;overflow:hidden;aspect-ratio:1;box-shadow:var(--shadow-md)}.page:has(.pd-hero) .pd-body{grid-column:2;grid-row:1;margin-top:0;border-radius:0;background:transparent;padding:4px 0 0}.page:has(.pd-hero) .buy-bar{grid-column:2;grid-row:2;position:static;max-width:none;margin:18px 0 0;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none}.page:has(.pd-hero) .pd-body .product-rail{padding-inline:0}.value-row{max-width:880px;margin-inline:auto}.summary,.coupon,.ship-hint,.steps,.form,.cart-line,.pad{max-width:820px;margin-inline:auto}.drawer{inset-inline-start:auto;inset-inline-end:0;top:0;bottom:0;margin:0;width:420px;max-width:90vw;max-height:100%;border-radius:24px 0 0 24px;animation:slidein-end .32s var(--ease)}.drawer .grip{display:none}.toast-wrap{max-width:420px}}@keyframes slidein-end{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (min-width: 1200px){.product-grid,.cat-card-grid{grid-template-columns:repeat(4,1fr)}.banner{flex-basis:48%}}@media (min-width: 1560px){.product-grid{grid-template-columns:repeat(5,1fr)}}