:root{--bg: #E4E0E1;--card: #ffffff;--border: rgba(171, 136, 109, .22);--text: #493628;--muted: rgba(73, 54, 40, .62);--pink: #AB886D;--pink-soft: rgba(214, 192, 179, .42);--radius: 18px;--shadow: 0 10px 30px rgba(73, 54, 40, .1)}.bgx{background:var(--bg);color:var(--text)}.container{max-width:1120px;margin:auto;padding:0 16px}.section{padding:40px 0}.divider{height:1px;background:#ab886d38;margin:24px 0}.h1{font-size:clamp(32px,6vw,54px);font-weight:900;letter-spacing:-.02em;margin:14px 0}.h1 span{color:var(--pink)}.h2{font-size:24px;font-weight:800}.p,.lead{color:var(--muted);line-height:1.6}.btn{padding:12px 18px;border-radius:999px;border:1px solid var(--border);background:#fff;font-weight:700;cursor:pointer}.btn.primary{background:var(--pink);color:#fff;border:none}.btn.ghost{background:#d6c0b347}.hero{padding:32px 0}.heroGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px}@media(max-width:768px){.heroGrid{grid-template-columns:1fr}}.pill{display:inline-block;padding:8px 14px;background:var(--pink-soft);color:var(--text);border-radius:999px;font-size:14px;font-weight:700}.heroActions{display:flex;gap:12px;margin-top:20px}.heroCard{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.heroImage{width:100%;height:260px;object-fit:cover;border-radius:14px}.heroMeta{margin-top:12px}.metaRow{display:flex;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#e4e0e18c;margin-bottom:8px}.heroMiniStats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}@media(max-width:600px){.heroMiniStats{grid-template-columns:1fr}}.miniStat{border:1px solid var(--border);border-radius:14px;padding:14px;background:#fff}.rowScroll{display:flex;gap:14px;overflow-x:auto}.catCard{min-width:240px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:900px){.grid3{grid-template-columns:1fr}}.infoCard,.testCard,.ctaMini{border:1px solid var(--border);border-radius:16px;padding:18px;background:#fff}.ctaSection{background:#e4e0e18c;padding:32px 0;border-radius:24px}.footerNote{text-align:center;color:var(--muted);font-size:14px;margin-top:20px}html,body,#root{background:var(--bg)!important}:root{--bg: #E4E0E1;--white: #ffffff;--text: #493628;--muted: rgba(73, 54, 40, .62);--pink: #AB886D;--pink2: #D6C0B3;--stroke: rgba(171, 136, 109, .18);--shadow: 0 18px 50px rgba(73, 54, 40, .1);--shadow2: 0 10px 28px rgba(16, 24, 40, .08);--r: 18px;--max: 1120px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:radial-gradient(850px 420px at 12% 2%,rgba(171,136,109,.18),transparent 62%),radial-gradient(780px 480px at 92% 8%,rgba(214,192,179,.2),transparent 62%),radial-gradient(900px 520px at 50% 110%,rgba(73,54,40,.1),transparent 55%),linear-gradient(180deg,var(--bg),var(--white))}a{color:inherit;text-decoration:none}.container{max-width:var(--max);margin:0 auto;padding:0 18px}.frame{min-height:100vh}@media(max-width:700px){body{background:radial-gradient(850px 420px at 12% 2%,rgba(171,136,109,.18),transparent 62%),radial-gradient(780px 480px at 92% 8%,rgba(214,192,179,.2),transparent 62%),radial-gradient(900px 520px at 50% 110%,rgba(73,54,40,.1),transparent 55%),linear-gradient(180deg,var(--bg),var(--white))}.frame{max-width:100%;margin:0;border-radius:0;overflow:visible;background:var(--white);box-shadow:none;border:0}}.topbar{position:sticky;top:0;z-index:50;background:#e4e0e1b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(171,136,109,.14)}.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;cursor:pointer}.brand img{width:40px;height:40px;border-radius:14px;object-fit:cover}.brandTitle{font-weight:900;letter-spacing:.2px;line-height:1.05}.brandSub{font-size:12px;color:var(--muted);margin-top:2px}.navLinks{display:flex;gap:16px;font-size:14px;color:#493628b8}.navLinks a:hover{color:#493628f2}.navActions{display:flex;gap:10px;align-items:center}.btn{border:1px solid var(--stroke);background:#ffffffc7;border-radius:999px;padding:10px 14px;cursor:pointer;font-weight:750;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover{box-shadow:0 14px 30px #4936281f}.btn:active{transform:translateY(1px)}.btn.primary{border:0;background:linear-gradient(135deg,var(--pink),var(--pink2));color:#fff;box-shadow:0 16px 40px #49362829}.btn.primary:hover{background:linear-gradient(135deg,#9f7b62,#ceb6a7);box-shadow:0 20px 52px #4936282e}.btn.ghost:hover{background:#d6c0b338;border-color:#ab886d47}.cartIcon{margin-right:8px}.cartCount{background:#ffffff47;border:1px solid rgba(255,255,255,.35);padding:2px 8px;border-radius:999px;font-size:12px}.hero{padding:44px 0 18px}.heroGrid{display:grid;gap:18px;align-items:center}@media(min-width:900px){.heroGrid{grid-template-columns:1.15fr .85fr}}.pill{display:inline-flex;padding:7px 12px;border-radius:999px;border:1px solid rgba(171,136,109,.18);background:#ffffff9e;font-size:13px;color:#493628c7}.h1{margin:14px 0 0;font-size:clamp(34px,4.6vw,56px);line-height:1.04;letter-spacing:-.03em}.h1 span{background:linear-gradient(135deg,var(--pink),var(--pink2));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{margin:12px 0 0;font-size:16px;line-height:1.7;color:var(--muted);max-width:58ch}.heroActions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.heroCard{border:1px solid rgba(171,136,109,.18);background:#ffffffb3;border-radius:22px;box-shadow:var(--shadow2);padding:14px}.heroImage{width:100%;height:240px;object-fit:cover;border-radius:18px;border:1px solid rgba(171,136,109,.14)}.heroMeta{margin-top:12px;display:grid;gap:10px}.metaRow{display:flex;justify-content:space-between;font-size:14px}.muted{color:var(--muted)}.divider{height:1px;margin:20px auto;background:linear-gradient(90deg,transparent,rgba(171,136,109,.22),transparent)}.section{padding:26px 0}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}.h2{margin:0;font-size:22px;letter-spacing:-.01em}.p{margin:8px 0 0;color:var(--muted);line-height:1.6}.rowScroll{display:flex;gap:12px;overflow-x:auto;padding:14px 2px 6px;scroll-snap-type:x mandatory}.rowScroll::-webkit-scrollbar{height:8px}.rowScroll::-webkit-scrollbar-thumb{background:#ab886d38;border-radius:99px}.catCard{min-width:220px;scroll-snap-align:start;text-align:left;border-radius:18px;border:1px solid rgba(171,136,109,.18);background:#ffffffb8;box-shadow:var(--shadow2);padding:14px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.catCard:hover{transform:translateY(-2px);border-color:#ab886d47;box-shadow:0 16px 42px #1018281a}.catTop{display:flex;justify-content:space-between;align-items:center}.catName{font-weight:950}.catArrow{color:#493628a6}.catNote{margin-top:10px;color:#493628a6;font-size:13px}.grid3{display:grid;gap:14px;margin-top:16px}@media(min-width:900px){.grid3{grid-template-columns:repeat(3,1fr)}}.pCard{border:1px solid rgba(171,136,109,.18);background:#ffffffbd;border-radius:18px;box-shadow:var(--shadow2);overflow:hidden;transition:transform .14s ease,box-shadow .14s ease}.pCard:hover{transform:translateY(-2px);box-shadow:0 16px 42px #1018281a}.pImgWrap{display:block;width:100%;border:0;padding:0;background:transparent;cursor:pointer}.pImg{width:100%;height:190px;object-fit:cover}.pBody{padding:14px}.pTop{display:flex;justify-content:space-between;gap:12px;align-items:start}.pTitle{font-weight:950;line-height:1.25}.pPrice{font-weight:950}.pMeta{display:flex;justify-content:space-between;margin-top:10px}.pillSmall{padding:4px 10px;border-radius:999px;border:1px solid rgba(171,136,109,.18);background:#ffffff9e;font-size:12px}.pActions{display:flex;gap:10px;margin-top:12px}.pBtn{flex:1}.pageHead{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}.productGrid{display:grid;gap:14px;margin-top:16px}@media(min-width:900px){.productGrid{grid-template-columns:1fr 1fr}}.productImage{width:100%;height:360px;object-fit:cover;border-radius:18px;border:1px solid rgba(171,136,109,.14)}.thumbRow{display:flex;gap:10px;margin-top:10px}.thumb{width:72px;height:72px;padding:0;border-radius:14px;border:1px solid rgba(171,136,109,.14);overflow:hidden;cursor:pointer;background:#fffc}.thumb img{width:100%;height:100%;object-fit:cover}.thumbActive{border-color:#ab886d5c}.productInfo .price{font-size:22px;font-weight:950}.desc{margin-top:10px;color:#493628b8;line-height:1.7}.detailBox{margin-top:14px;border-radius:16px;border:1px solid rgba(171,136,109,.14);background:#ffffff9e;padding:12px}.detailRow{display:flex;justify-content:space-between;gap:10px;padding:8px 0}.cartGrid{display:grid;gap:14px;margin-top:16px}@media(min-width:900px){.cartGrid{grid-template-columns:1.3fr .7fr}}.cartItem{display:flex;gap:12px;align-items:center;border-radius:18px;border:1px solid rgba(171,136,109,.18);background:#ffffffb8;box-shadow:var(--shadow2);padding:12px;margin-bottom:12px}.cartImg{width:70px;height:70px;border-radius:16px;object-fit:cover;border:1px solid rgba(171,136,109,.14)}.cartInfo{flex:1}.cartName{font-weight:950}.qty{display:flex;align-items:center;gap:8px}.qtyBtn{width:38px;height:38px;border-radius:999px;border:1px solid rgba(171,136,109,.2);background:#ffffffd9;cursor:pointer}.qtyNum{min-width:26px;text-align:center;font-weight:950}.summary{border-radius:18px;border:1px solid rgba(171,136,109,.18);background:#ffffffb8;box-shadow:var(--shadow2);padding:14px;height:fit-content}.sumTitle{font-weight:950;font-size:18px}.sumRow{display:flex;justify-content:space-between;margin-top:10px}.sumTotal{font-weight:950}.infoCard{border-radius:18px;border:1px solid rgba(171,136,109,.18);background:#ffffffb8;box-shadow:var(--shadow2);padding:14px}.infoTitle{font-weight:950}.infoText{margin-top:8px;color:#493628b8;line-height:1.7}.emptyHint{padding:14px;border-radius:18px;border:1px dashed rgba(171,136,109,.28);background:#ffffff80;color:#493628b8}.footer{margin-top:26px;border-top:1px solid rgba(171,136,109,.14);background:#ffffff94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footerGrid{display:grid;gap:14px;padding:18px 0}@media(min-width:900px){.footerGrid{grid-template-columns:1.2fr .8fr 1fr;align-items:center}}.footerBrand{display:flex;align-items:center;gap:12px}.footerBrand img{width:44px;height:44px;border-radius:16px;object-fit:cover}.footerTitle{font-weight:950}.footerSub{color:var(--muted);font-size:13px;margin-top:2px}.footerLinks{display:flex;gap:14px;flex-wrap:wrap;color:#493628b8}.footerLinks a:hover{color:#493628f2}.footerCta{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start}.footerBottom{padding:10px 0 18px;color:#4936289e;font-size:13px}.toast{position:fixed;left:0;right:0;bottom:18px;display:flex;justify-content:center;pointer-events:none;z-index:9999}.toastInner{pointer-events:none;background:#493628eb;color:#fff;padding:10px 14px;border-radius:999px;font-weight:750;box-shadow:0 16px 50px #00000040}.adminShell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.adminSide{position:sticky;top:0;height:100vh;padding:16px;border-right:1px solid rgba(171,136,109,.14);background:#ffffff9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:12px}.adminBrand{display:flex;gap:12px;align-items:center;cursor:pointer}.adminDot{width:14px;height:14px;border-radius:99px;background:linear-gradient(135deg,var(--pink),var(--pink2))}.adminTitle{font-weight:950}.adminSub{color:var(--muted);font-size:12px;margin-top:2px}.adminMenu{display:grid;gap:10px;margin-top:10px}.adminBtn{padding:10px 12px;border-radius:14px;border:1px solid rgba(171,136,109,.16);background:#ffffff9e;cursor:pointer;font-weight:850}.adminBtn:hover{background:#d6c0b338}.adminMain{padding:18px}.adminCards{display:grid;gap:14px;margin-top:16px}@media(min-width:900px){.adminCards{grid-template-columns:repeat(2,1fr)}}.adminCard{border-radius:18px;border:1px solid rgba(171,136,109,.18);background:#ffffffb8;box-shadow:var(--shadow2);padding:14px}.adminCardTitle{font-weight:950}.adminHeadRow{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}.adminFormCard{margin-top:16px;border-radius:18px;border:1px solid rgba(171,136,109,.18);background:#ffffffb8;box-shadow:var(--shadow2);padding:14px}.formGrid,.formGrid2{display:grid;gap:10px}@media(min-width:900px){.formGrid2{grid-template-columns:1fr 1fr}.formGrid2 textarea,.formGrid2 .fileRow,.formGrid2 .checkRow,.formGrid2 button{grid-column:1 / -1}}.input{width:100%;padding:12px 14px;border-radius:16px;border:1px solid rgba(171,136,109,.2);background:#ffffffb3;outline:none}.input:focus{border-color:#ab886d5c;box-shadow:0 0 0 4px #d6c0b359}.fileRow{display:grid;gap:10px}@media(min-width:900px){.fileRow{grid-template-columns:1fr 1fr}}.fileBox{border-radius:16px;border:1px dashed rgba(171,136,109,.32);padding:10px;background:#ffffff8c}.fileBox input{margin-top:8px;width:100%}.checkRow{display:flex;align-items:center;gap:10px;font-weight:800;color:#493628bf}.adminList{margin-top:16px;display:grid;gap:10px}.adminRow{border-radius:18px;border:1px solid rgba(171,136,109,.18);background:#ffffffb8;box-shadow:var(--shadow2);padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.adminRowLeft{display:flex;align-items:center;gap:12px}.miniImg{width:56px;height:56px;border-radius:16px;object-fit:cover;border:1px solid rgba(171,136,109,.14)}.strong{font-weight:950}.adminRowActions{display:flex;gap:10px}.authWrap{min-height:calc(100vh - 120px);display:flex;justify-content:center;align-items:center;padding:26px 18px}.authCard{width:100%;max-width:420px;border-radius:22px;border:1px solid rgba(171,136,109,.18);background:#ffffffb8;box-shadow:var(--shadow2);padding:16px}.authTitle{font-weight:950;font-size:20px}.form{display:grid;gap:10px;margin-top:14px}.err{border-radius:14px;padding:10px 12px;background:#d6c0b347;border:1px solid rgba(171,136,109,.22);color:#493628db}@media(max-width:720px){.navLinks{display:none}.hero{padding-top:26px}.heroImage{height:210px}.adminShell{grid-template-columns:1fr}.adminSide{position:relative;height:auto;border-right:0;border-bottom:1px solid rgba(171,136,109,.14)}}.btn.danger{border:1px solid rgba(171,136,109,.34);background:#d6c0b338}.btn.danger:hover{background:#d6c0b352;border-color:#ab886d6b}.brandLogo{width:58px;height:58px;border-radius:18px}.brandTitle{font-size:18px;letter-spacing:.3px}.brandSub{font-size:12px}.adminStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 18px}.adminStatCard{border:1px solid rgba(0,0,0,.1);border-radius:18px;padding:14px 14px 12px;background:linear-gradient(180deg,#ffffffe6,#ffffffbf);box-shadow:0 10px 22px #0000000f}.adminStatLabel{font-size:13px;opacity:.75}.adminStatValue{margin-top:6px;font-size:28px;font-weight:800;letter-spacing:-.02em}@media(max-width:880px){.adminStats{grid-template-columns:1fr}}