:root{--clr-bg:#0f0700;--clr-bg2:#1a0e03;--clr-surface:#231508;--clr-surface2:#2e1c0c;--clr-border:#d2963c26;--clr-border2:#d2963c4d;--clr-gold:#d4922a;--clr-gold2:#f0b84a;--clr-gold-light:#d4922a1f;--clr-gold-glow:#d4922a40;--clr-text:#f5e6cc;--clr-text2:#b89a6e;--clr-text3:#7a6045;--clr-white:#fff8ef;--clr-success:#4caf50;--clr-error:#ef5350;--clr-warning:#ff9800;--clr-info:#42a5f5;--gap-xs:4px;--gap-sm:8px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:9999px;--font-display:"Playfair Display", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--shadow-gold:0 4px 24px #d4922a33;--shadow-card:0 2px 16px #0006;--shadow-float:0 8px 32px #0009;--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--nav-h:68px;--header-h:60px}[data-theme=light]{--clr-bg:#fdf6ec;--clr-bg2:#f5ead8;--clr-surface:#fff;--clr-surface2:#f9f0e1;--clr-border:#a0641426;--clr-border2:#a064144d;--clr-gold:#b87a1a;--clr-gold2:#d4922a;--clr-gold-light:#b87a1a1a;--clr-gold-glow:#b87a1a33;--clr-text:#2a1800;--clr-text2:#7a5020;--clr-text3:#b08050;--clr-white:#2a1800;--shadow-card:0 2px 16px #0000001a;--shadow-float:0 8px 32px #00000026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);background:var(--clr-bg);color:var(--clr-text);-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}img{object-fit:cover;max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--clr-border2);border-radius:4px}#root,.app{flex-direction:column;min-height:100dvh;display:flex}.page-content{padding-bottom:calc(var(--nav-h) + 16px);flex:1;overflow-x:hidden}.display{font-family:var(--font-display)}.text-gold{color:var(--clr-gold2)}.text-muted{color:var(--clr-text2)}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-md{font-size:15px}.text-lg{font-size:18px}.text-xl{font-size:22px}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.btn{border-radius:var(--r-full);font-size:15px;font-weight:600;font-family:var(--font-body);transition:var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;padding:14px 24px;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--clr-gold),var(--clr-gold2));color:#1a0a00;box-shadow:var(--shadow-gold)}.btn-primary:hover{filter:brightness(1.1)}.btn-outline{color:var(--clr-gold2);border:1.5px solid var(--clr-border2);background:0 0}.btn-ghost{background:var(--clr-surface2);color:var(--clr-text);border:1px solid var(--clr-border)}.btn-sm{padding:8px 16px;font-size:13px}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--r-lg);transition:var(--transition);overflow:hidden}.card:active{transform:scale(.98)}.input{background:var(--clr-surface2);border:1.5px solid var(--clr-border);border-radius:var(--r-md);width:100%;color:var(--clr-text);transition:var(--transition);padding:14px 16px;font-size:15px}.input:focus{border-color:var(--clr-gold);box-shadow:0 0 0 3px var(--clr-gold-glow)}.input::placeholder{color:var(--clr-text3)}.input-label{color:var(--clr-text2);letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600}.badge{border-radius:var(--r-full);align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-gold{background:var(--clr-gold-light);color:var(--clr-gold2);border:1px solid var(--clr-border2)}.badge-success{color:var(--clr-success);background:#4caf5026}.badge-error{color:var(--clr-error);background:#ef535026}.badge-warning{color:var(--clr-warning);background:#ff980026}.badge-info{color:var(--clr-info);background:#42a5f526}.divider{background:var(--clr-border);height:1px;margin:var(--gap-md) 0}.skeleton{background:linear-gradient(90deg,var(--clr-surface) 25%,var(--clr-surface2) 50%,var(--clr-surface) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bottom-sheet-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;animation:.2s fadeIn;position:fixed;inset:0}.bottom-sheet{background:var(--clr-surface);border-radius:var(--r-xl) var(--r-xl) 0 0;border-top:1px solid var(--clr-border2);z-index:101;max-height:92dvh;animation:.3s cubic-bezier(.32,.72,0,1) slideUp;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.bottom-sheet-handle{background:var(--clr-border2);border-radius:4px;width:40px;height:4px;margin:12px auto 0}.scroll-x{gap:var(--gap-sm);scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.scroll-x>*{scroll-snap-align:start;flex-shrink:0}.grid-2{gap:var(--gap-md);grid-template-columns:1fr 1fr;display:grid}.container{padding:0 var(--gap-md);max-width:480px;margin:0 auto}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-state .icon{opacity:.4;font-size:48px}.empty-state .title{font-size:18px;font-weight:600}.empty-state .desc{color:var(--clr-text2);font-size:14px}.pattern-bg{background-image:radial-gradient(circle at 1px 1px,#d4922a14 1px,#0000 0);background-size:24px 24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-fade{animation:.3s fadeIn}.animate-slide-up{animation:.4s cubic-bezier(.32,.72,0,1) slideUp}.animate-slide-down{animation:.3s slideDown}.animate-bounce-in{animation:.4s cubic-bezier(.34,1.56,.64,1) bounceIn}.spinner{border:2.5px solid var(--clr-border2);border-top-color:var(--clr-gold);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.stars{gap:2px;display:flex}.star{color:var(--clr-gold2);font-size:14px}.star.empty{color:var(--clr-border2)}.qty-control{background:var(--clr-surface2);border:1px solid var(--clr-border);border-radius:var(--r-full);align-items:center;display:flex;overflow:hidden}.qty-btn{width:36px;height:36px;color:var(--clr-gold2);transition:var(--transition);background:0 0;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.qty-btn:active{background:var(--clr-gold-light)}.qty-num{text-align:center;min-width:32px;color:var(--clr-text);font-size:15px;font-weight:600}.switch{background:var(--clr-surface2);border:1px solid var(--clr-border);cursor:pointer;width:44px;height:24px;transition:var(--transition);border-radius:12px;position:relative}.switch.on{background:var(--clr-gold);border-color:var(--clr-gold)}.switch:after{content:"";width:18px;height:18px;transition:var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.switch.on:after{left:22px}.leaflet-container{border-radius:var(--r-lg);background:var(--clr-bg2)!important}.leaflet-tile-pane{filter:sepia(.3)hue-rotate(-10deg)}.page-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--clr-border);height:var(--header-h);padding:0 var(--gap-md);align-items:center;gap:var(--gap-sm);background:#0f0700d9;display:flex;position:sticky;top:0}[data-theme=light] .page-header{background:#fdf6ece6}.bottom-nav{height:var(--nav-h);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--clr-border);z-index:50;padding-bottom:env(safe-area-inset-bottom,0);background:#1a0e03f2;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}[data-theme=light] .bottom-nav{background:#f5ead8f2}.nav-item{color:var(--clr-text3);transition:var(--transition);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:10px;font-weight:500;display:flex;position:relative}.nav-item.active{color:var(--clr-gold2)}.nav-item.active .nav-icon{transform:scale(1.15)}.nav-icon{transition:var(--transition);font-size:22px}.nav-badge{background:var(--clr-gold);color:#1a0a00;border-radius:var(--r-full);justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;animation:.3s bounceIn;display:flex;position:absolute;top:4px;right:calc(50% - 18px)}.product-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--r-lg);transition:var(--transition);position:relative;overflow:hidden}.product-card:active{transform:scale(.97)}.product-img-wrap{aspect-ratio:4/3;background:var(--clr-surface2);position:relative;overflow:hidden}.product-img-wrap img{object-fit:cover;width:100%;height:100%;transition:var(--transition-slow)}.product-card:hover .product-img-wrap img{transform:scale(1.05)}.product-tag{border-radius:var(--r-full);letter-spacing:.3px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.tag-popular{background:var(--clr-gold);color:#1a0a00}.tag-new{color:#fff;background:#4caf50}.product-fav{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:32px;height:32px;transition:var(--transition);background:#00000080;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;top:8px;right:8px}.product-fav.active{background:#ef53504d}.product-fav:active{transform:scale(1.2)}.product-info{padding:12px}.product-name{margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.3}.product-price{font-family:var(--font-display);color:var(--clr-gold2);font-size:16px;font-weight:600}.product-old-price{color:var(--clr-text3);margin-left:6px;font-size:12px;text-decoration:line-through}.product-add-btn{background:linear-gradient(135deg,var(--clr-gold),var(--clr-gold2));color:#1a0a00;width:32px;height:32px;box-shadow:var(--shadow-gold);transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.product-add-btn:active{transform:scale(.9)rotate(90deg)}.status-step{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.status-dot{border:2px solid var(--clr-border);background:var(--clr-surface);z-index:1;width:32px;height:32px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.status-dot.done{background:var(--clr-gold);border-color:var(--clr-gold)}.status-dot.active{border-color:var(--clr-gold);box-shadow:0 0 0 4px var(--clr-gold-glow);animation:1.5s infinite pulse}.status-line{background:var(--clr-border);height:2px;position:absolute;top:16px;left:calc(50% + 16px);right:calc(16px - 50%)}.status-line.done{background:var(--clr-gold)}.cat-chip{border-radius:var(--r-full);border:1.5px solid var(--clr-border);color:var(--clr-text2);white-space:nowrap;transition:var(--transition);-webkit-tap-highlight-color:transparent;background:0 0;padding:8px 16px;font-size:13px;font-weight:500}.cat-chip.active{background:var(--clr-gold);border-color:var(--clr-gold);color:#1a0a00;font-weight:700}.cat-chip:active{transform:scale(.95)}.cart-fab{bottom:calc(var(--nav-h) + 16px);z-index:49;background:linear-gradient(135deg,var(--clr-gold),var(--clr-gold2));border-radius:var(--r-full);color:#1a0a00;white-space:nowrap;align-items:center;gap:12px;padding:14px 24px;font-size:15px;font-weight:700;animation:.3s slideUp;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #d4922a66}.banner-slide{aspect-ratio:16/7;border-radius:var(--r-lg);min-width:85%;position:relative;overflow:hidden}.banner-slide img{object-fit:cover;width:100%;height:100%}.banner-overlay{background:linear-gradient(90deg,#0009 0%,#0000 60%);flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:absolute;inset:0}.search-bar{background:var(--clr-surface2);border:1.5px solid var(--clr-border);border-radius:var(--r-full);transition:var(--transition);align-items:center;gap:10px;padding:10px 16px;display:flex}.search-bar:focus-within{border-color:var(--clr-gold)}.search-bar input{color:var(--clr-text);background:0 0;border:none;flex:1;font-size:15px}.search-bar input::placeholder{color:var(--clr-text3)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--gap-xs)}.gap-sm{gap:var(--gap-sm)}.gap-md{gap:var(--gap-md)}.gap-lg{gap:var(--gap-lg)}.p-md{padding:var(--gap-md)}.px-md{padding-left:var(--gap-md);padding-right:var(--gap-md)}.py-sm{padding-top:var(--gap-sm);padding-bottom:var(--gap-sm)}.mb-sm{margin-bottom:var(--gap-sm)}.mb-md{margin-bottom:var(--gap-md)}.mb-lg{margin-bottom:var(--gap-lg)}.mt-md{margin-top:var(--gap-md)}.w-full{width:100%}.relative{position:relative}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}