@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Playfair+Display:wght@600;700&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_bace89c4-module__09p2wq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_bace89c4-module__09p2wq__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--brand-primary:#6b2d1f;--brand-primary-dark:#4a1f14;--brand-primary-light:#8b3d2e;--brand-accent:#e0501a;--brand-accent-light:#f07040;--bg-page:#faf5ef;--bg-card:#fff;--bg-image:#f5ede3;--bg-section:#fff8f2;--text-primary:#2d1208;--text-secondary:#5c3520;--text-muted:#9c6e57;--text-on-dark:#fff8f0;--border-color:#e8d5c4;--border-light:#f0e4d8;--shadow-sm:0 2px 10px #6b2d1f0f;--shadow-md:0 8px 24px #6b2d1f1a;--shadow-lg:0 16px 48px #6b2d1f1f;--shadow-hover:0 16px 40px #6b2d1f26;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:32px;--radius-pill:999px;--header-announce:36px;--header-main:72px;--header-nav:44px;--container-width:1280px;--grid-cols:5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-page);color:var(--text-primary);letter-spacing:.2px;-webkit-font-smoothing:antialiased;font-family:Nunito,sans-serif;font-size:15px;line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.announcement-bar{background:var(--brand-primary);color:var(--text-on-dark);text-align:center;letter-spacing:.3px;padding:8px 16px;font-size:13px;font-weight:600}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.marquee-content{padding-left:100%;animation:15s linear infinite marquee;display:inline-block}.marquee-content:hover{animation-play-state:paused}.main-header{background:var(--brand-primary);z-index:200;position:sticky;top:0;box-shadow:0 2px 12px #0003}.header-content{align-items:center;gap:24px;padding-top:12px;padding-bottom:12px;display:flex}.logo-text{color:var(--text-on-dark);white-space:nowrap;letter-spacing:1px;font-family:Playfair Display,serif;font-size:22px;font-weight:700}.logo-emoji{margin-right:6px;font-size:28px}.search-bar-container{border-radius:var(--radius-pill);background:#fff;border:2px solid #fff3;flex:1;max-width:560px;transition:border-color .2s;display:flex;overflow:hidden}.search-bar-container:focus-within{border-color:#fff9}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:10px 16px;font-family:inherit;font-size:14px}.search-input::placeholder{color:#b0a090}.search-btn{background:var(--brand-accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:background .2s}.search-btn:hover{background:var(--brand-accent-light)}.header-actions{color:var(--text-on-dark);flex-shrink:0;align-items:center;gap:20px;display:flex}.action-icon{cursor:pointer;opacity:.9;color:var(--text-on-dark);align-items:center;transition:opacity .2s;display:flex;position:relative}.action-icon:hover{opacity:1}.action-label{margin-top:2px;font-size:12px;font-weight:700}.secondary-nav{border-bottom:2px solid var(--border-color);background:#fff;box-shadow:0 1px 4px #0000000f}.secondary-nav .container{justify-content:space-between;align-items:center;gap:8px;padding-top:0;padding-bottom:0;display:flex}.nav-menu{align-items:center;gap:0;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-bottom:3px solid #0000;align-items:center;gap:6px;padding:11px 16px;font-size:14px;font-weight:700;transition:color .2s,background .2s;display:flex}.nav-item:hover{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.category-toggle{background:var(--brand-primary);border-radius:0;gap:8px;padding:11px 20px;color:var(--text-on-dark)!important;border:none!important}.category-toggle:hover{background:var(--brand-primary-dark)}.hotline-text{color:var(--brand-accent);white-space:nowrap;padding:11px 0;font-size:14px;font-weight:800}.hero-section{grid-template-columns:1fr 320px;gap:12px;padding:20px 0;display:grid}.hero-main{border-radius:var(--radius-md);min-height:320px;position:relative;overflow:hidden}.hero-main img{object-fit:cover;width:100%;height:100%}.hero-overlay{background:linear-gradient(90deg,#6b2d1fbf 0%,#6b2d1f33 60%,#0000 100%);flex-direction:column;justify-content:center;padding:40px 48px;display:flex;position:absolute;inset:0}.hero-overlay h1{color:#fff;text-shadow:0 2px 8px #0000004d;margin-bottom:12px;font-family:Playfair Display,serif;font-size:38px;line-height:1.2}.hero-overlay p{color:#ffffffe6;max-width:360px;margin-bottom:24px;font-size:16px}.hero-side{flex-direction:column;gap:12px;display:flex}.hero-banner{border-radius:var(--radius-md);flex:1;justify-content:center;align-items:center;min-height:148px;text-decoration:none;display:flex;position:relative;overflow:hidden}.hero-banner img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.hero-banner:hover img{transform:scale(1.04)}.hero-banner-overlay{background:linear-gradient(135deg,#6b2d1f99 0%,#6b2d1f1a 100%);flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:16px 20px;display:flex;position:absolute;inset:0}.hero-banner-overlay h3{color:#fff;text-shadow:0 1px 4px #0006;font-size:16px;font-weight:800}.category-circles{flex-wrap:wrap;justify-content:center;gap:20px;padding:24px 0 8px;display:flex}.category-circle-item{cursor:pointer;flex-direction:column;align-items:center;gap:8px;min-width:72px;text-decoration:none;display:flex}.circle-icon{border:2px solid var(--border-color);width:72px;height:72px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:28px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.category-circle-item:hover .circle-icon{border-color:var(--brand-primary);transform:translateY(-6px)scale(1.05);box-shadow:0 8px 20px #6b2d1f40}.circle-text{color:var(--text-secondary);text-align:center;max-width:80px;font-size:13px;font-weight:700;line-height:1.3}.section-wrapper{padding:32px 0}.section-title{border-bottom:2px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.section-title h2{color:var(--text-primary);align-items:center;gap:10px;font-family:Playfair Display,serif;font-size:22px;font-weight:700;display:flex}.section-tag{background:var(--brand-primary);color:#fff;border-radius:var(--radius-pill);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.view-all-link{color:var(--brand-primary);border:1.5px solid var(--brand-primary);border-radius:var(--radius-pill);white-space:nowrap;padding:5px 14px;font-size:13px;font-weight:700;transition:all .2s}.view-all-link:hover{background:var(--brand-primary);color:#fff}.product-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.product-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-6px)}.product-image-wrap{background:var(--bg-image);aspect-ratio:1;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.product-card:hover .product-image{transform:scale(1.08)}.product-badge{background:var(--brand-accent);color:#fff;border-radius:var(--radius-pill);z-index:3;letter-spacing:.5px;text-transform:uppercase;padding:3px 9px;font-size:10px;font-weight:800;position:absolute;top:8px;left:8px}.featured-ribbon{color:#fff;border-radius:var(--radius-pill);z-index:3;background:linear-gradient(135deg,#f59e0b,#d97706);padding:3px 9px;font-size:10px;font-weight:800;position:absolute;top:8px;right:8px}.product-cart-overlay{opacity:0;z-index:4;background:linear-gradient(#0000,#6b2d1fd9);justify-content:center;padding:10px;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(20px)}.product-card:hover .product-cart-overlay{opacity:1;transform:translateY(0)}.quick-add-btn{background:var(--brand-accent);color:#fff;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #e0501a33}.quick-add-btn:hover{background:var(--brand-accent-light);transform:scale(1.05)}.quick-add-btn:disabled{cursor:not-allowed;box-shadow:none;background:#999;transform:scale(1)}.product-info{padding:12px 14px 14px}.product-category-tag{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:11px;font-weight:600}.product-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.product-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.product-price{color:var(--brand-accent);font-size:16px;font-weight:900}.btn{background:var(--brand-primary);color:#fff;border-radius:var(--radius-pill);cursor:pointer;letter-spacing:.3px;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 30px;font-family:inherit;font-size:14px;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 4px 12px #6b2d1f26}.btn:hover{background:var(--brand-primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #6b2d1f4d}.btn:active{transform:translateY(0)}.btn-accent{background:var(--brand-accent)}.btn-accent:hover{background:var(--brand-accent-light)}.btn-outline{border:2px solid var(--brand-primary);color:var(--brand-primary);background:0 0}.btn-outline:hover{background:var(--brand-primary);color:#fff}.btn-white{color:var(--brand-primary);background:#fff}.btn-white:hover{color:var(--brand-primary-dark);background:#f5ede3}.form-input{border:1.5px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--bg-card);outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #6b2d1f1a}.form-input::placeholder{color:var(--text-muted)}.breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;padding:16px 0;font-size:13px;display:flex}.breadcrumb a{color:var(--text-muted);transition:color .2s}.breadcrumb a:hover{color:var(--brand-primary)}.breadcrumb-sep{color:var(--border-color)}.breadcrumb-current{color:var(--text-secondary);font-weight:700}.footer{background:var(--brand-primary);color:var(--text-on-dark);margin-top:60px}.footer-top{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding:48px 0 36px;display:grid}.footer h3{color:#fff;border-bottom:1px solid #ffffff26;margin-bottom:16px;padding-bottom:10px;font-family:Playfair Display,serif;font-size:16px;font-weight:700}.footer p,.footer address{color:#ffffffbf;font-size:13px;font-style:normal;line-height:1.9}.footer a{color:#ffffffbf;padding:3px 0;font-size:13px;transition:color .2s;display:block}.footer a:hover{color:#fff}.footer-bottom{text-align:center;color:#ffffff80;border-top:1px solid #ffffff1f;padding:16px 0;font-size:12px}.out-of-stock-overlay{z-index:5;background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.out-of-stock-label{color:#fff;border-radius:var(--radius-pill);letter-spacing:.5px;background:#0009;padding:6px 16px;font-size:13px;font-weight:800}.toast{background:var(--brand-primary);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:9999;padding:14px 24px;font-size:14px;font-weight:700;animation:.3s toastIn;position:fixed;bottom:28px;right:28px}.toast.success{background:#15803d}.toast.error{background:#b91c1c}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.promo-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:8px 0 32px;display:grid}.promo-card{background:linear-gradient(135deg, var(--brand-primary-light), var(--brand-primary));border-radius:var(--radius-md);color:#fff;align-items:center;gap:16px;padding:24px 28px;display:flex}.promo-card .icon{font-size:32px}.promo-card h4{margin-bottom:4px;font-size:14px;font-weight:800}.promo-card p{opacity:.8;font-size:12px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:1200px){.product-grid{grid-template-columns:repeat(4,1fr)}.footer-top{grid-template-columns:1fr 1fr}}@media (max-width:900px){.product-grid{grid-template-columns:repeat(3,1fr)}.hero-section{grid-template-columns:1fr}.hero-side{flex-direction:row}.hero-banner{min-height:120px}}@media (max-width:640px){.product-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr}.category-circles{gap:12px}.circle-icon{width:60px;height:60px;font-size:22px}}
