:root{--gold:#C8860A;--gold-light:#F5C842;--gold-pale:#FDF6E3;--brown:#3D1F00;--brown-mid:#7A3B10;--brown-light:#C8A882;--cream:#FFFBF0;--cream-dark:#F5EDD6;--green-trust:#2D5A27;--text:#1A1006;--muted:#7A6A50;--font-playfair:'Playfair Display',Georgia,serif;--font-bevietnam:'Be Vietnam Pro',system-ui,sans-serif;--shadow-card:0 2px 8px rgba(61,31,0,.08);--shadow-card-hover:0 8px 24px rgba(61,31,0,.12);--shadow-elevated:0 12px 40px rgba(61,31,0,.15)}
*{box-sizing:border-box;scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:var(--font-bevietnam);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-playfair);letter-spacing:-.025em}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}::selection{background:var(--gold-pale);color:var(--brown)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--cream-dark)}::-webkit-scrollbar-thumb{background:var(--brown-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--brown-mid)}
.container{max-width:1280px;margin:0 auto;padding:0 16px}@media(min-width:768px){.container{padding:0 24px}}.bg-gradient-hero{background:linear-gradient(135deg,var(--brown) 0%,#5a2d0e 40%,var(--brown-mid) 100%)}.grain-overlay{position:relative}.grain-overlay:after{content:"";position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.text-gradient-gold{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-100%);transition:transform .5s ease}.btn-shimmer:hover:after{transform:translateX(100%)}.img-zoom{overflow:hidden}.img-zoom img{transition:transform .5s ease}.img-zoom:hover img{transform:scale(1.05)}
.topbar{background:var(--brown);color:var(--cream);font-size:12px;padding:8px 0}.topbar-inner{display:flex;align-items:center;justify-content:space-between}.topbar-left,.topbar-right{display:flex;align-items:center;gap:16px}.site-header{position:sticky;top:0;z-index:50;background:var(--cream);transition:box-shadow .3s ease,background .3s ease}.site-header.scrolled{background:rgba(255,251,240,.95);backdrop-filter:blur(14px);box-shadow:0 4px 18px rgba(61,31,0,.12)}.nav-main{height:64px;display:flex;align-items:center;justify-content:space-between}@media(min-width:768px){.nav-main{height:80px}}.brand-link{display:flex;align-items:center;gap:10px}.brand-mark{width:40px;height:40px;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--gold-light));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(200,134,10,.28);color:var(--brown);font-family:var(--font-playfair);font-weight:800;font-size:18px}@media(min-width:768px){.brand-mark{width:48px;height:48px;font-size:20px}}.brand-name{font-family:var(--font-playfair);font-weight:800;color:var(--brown);font-size:20px;line-height:1}.brand-sub{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.desktop-nav{display:none;align-items:center;gap:4px}@media(min-width:1024px){.desktop-nav{display:flex}}.desktop-nav a{position:relative;padding:8px 16px;font-size:14px;font-weight:600;color:var(--text);transition:color .2s ease}.desktop-nav a:hover{color:var(--gold)}.desktop-nav a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:var(--gold);border-radius:999px;transform:translateX(-50%);transition:width .3s ease}.desktop-nav a:hover:after{width:75%}.nav-actions{display:flex;align-items:center;gap:8px}.nav-icon{position:relative;width:38px;height:38px;border:0;border-radius:999px;background:transparent;color:var(--brown);display:flex;align-items:center;justify-content:center;transition:background .2s ease}.nav-icon:hover{background:var(--gold-pale)}.cart-count{position:absolute;top:1px;right:1px;background:var(--gold);color:var(--brown);font-size:10px;font-weight:800;width:20px;height:20px;border-radius:999px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(61,31,0,.18)}.mobile-menu{display:none;border-top:1px solid var(--gold-pale);background:var(--cream);padding:16px 24px}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:12px 16px;border-radius:10px;font-weight:600;color:var(--text)}.mobile-menu a:hover{background:rgba(253,246,227,.7);color:var(--gold)}@media(max-width:767px){.topbar{display:none}.brand-text{display:none}}@media(max-width:1023px){.hide-mobile-action{display:none}}
.hero{position:relative;background:linear-gradient(135deg,var(--brown) 0%,#5a2d0e 40%,var(--brown-mid) 100%);color:var(--cream);padding:64px 0;overflow:hidden}.hero .container{position:relative;z-index:2}.hero-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}@media(min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr;gap:64px}.hero{padding:88px 0}}.hero h1{font-size:clamp(40px,5.5vw,72px);line-height:1.1;margin:0 0 24px;font-weight:800;color:var(--cream)}.hero p{font-size:18px;color:var(--brown-light);line-height:1.75;max-width:620px}.hero-img{position:relative;aspect-ratio:4/5;border-radius:28px;overflow:hidden;box-shadow:var(--shadow-elevated);background:rgba(200,168,130,.2)}.hero-img img{width:100%;height:100%;object-fit:cover}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:12px;border:1px solid var(--gold);background:var(--gold);color:var(--brown);font-weight:800;box-shadow:0 8px 20px rgba(200,134,10,.2);transition:background .25s ease,transform .25s ease}.btn:hover{background:var(--gold-light);transform:translateY(-2px)}.btn.outline{background:transparent;box-shadow:none}.btn.outline.light{color:var(--cream);border-color:rgba(245,200,66,.55)}
.section{padding:64px 0}@media(min-width:768px){.section{padding:88px 0}}.section.alt{background:rgba(253,246,227,.55)}.section-title{text-align:center;max-width:760px;margin:0 auto 48px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:13px;font-weight:800;margin-bottom:8px}.section-title h2{font-size:clamp(32px,4vw,48px);line-height:1.18;color:var(--brown);margin:0 0 16px}.section-title p{color:var(--muted);font-size:17px}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1023px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}
.product-card{display:block}.product-card-inner{background:#fff;border:1px solid rgba(245,237,214,.75);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-card);transition:box-shadow .3s ease,transform .3s ease}.product-card:hover .product-card-inner{box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.product-image{position:relative;aspect-ratio:1/1;overflow:hidden;background:rgba(253,246,227,.3)}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image img{transform:scale(1.05)}.badge{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.12)}.badge.gold{background:var(--gold);color:var(--brown)}.badge.green{background:var(--green-trust);color:#fff}.badge.red{background:#dc2626;color:#fff}.sale-bubble{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:999px;background:#dc2626;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.18)}.quick-overlay{position:absolute;inset:0;background:rgba(61,31,0,0);display:flex;align-items:center;justify-content:center;opacity:0;transition:background .3s ease,opacity .3s ease}.product-card:hover .quick-overlay{opacity:1;background:rgba(61,31,0,.1)}.quick-actions{display:flex;gap:8px}.quick-btn{width:40px;height:40px;border-radius:999px;border:0;background:#fff;color:var(--brown);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.18);transition:background .2s ease}.quick-btn:hover{background:var(--gold)}.product-info{padding:16px}.product-volume{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:0 0 4px}.product-name{font-size:18px;font-weight:700;line-height:1.35;color:var(--brown);margin:0 0 8px;transition:color .2s ease}.product-card:hover .product-name{color:var(--gold)}.rating{display:flex;align-items:center;gap:2px;margin-bottom:8px;color:var(--gold-light);font-size:14px}.price-row{display:flex;align-items:baseline;gap:8px}.price{font-size:20px;font-weight:900;color:var(--gold)}.old{text-decoration:line-through;color:var(--muted);font-size:14px}.add-cart-btn{margin-top:12px;width:100%;border:0;border-radius:10px;background:var(--gold);color:var(--brown);font-weight:800;font-size:14px;padding:11px 12px;cursor:pointer}.add-cart-btn:hover{background:var(--gold-light)}
.story{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}@media(min-width:1024px){.story{grid-template-columns:1fr 1fr}}.story-img{width:100%;aspect-ratio:4/3;border-radius:28px;object-fit:cover;box-shadow:var(--shadow-elevated);background:rgba(200,168,130,.2)}.story h1,.story h2{font-size:clamp(34px,4vw,52px);line-height:1.18;color:var(--brown);margin:0 0 24px}.story p{color:rgba(26,16,6,.78);line-height:1.8}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.stat-card{background:#fff;border:1px solid rgba(245,237,214,.8);border-radius:16px;padding:18px;text-align:center;box-shadow:var(--shadow-card)}.stat-card strong{font-family:var(--font-playfair);font-size:28px;color:var(--gold);display:block}.footer{background:var(--brown);color:var(--cream)}.footer-main{padding:56px 0}.footer-grid{display:grid;grid-template-columns:1fr;gap:36px}@media(min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer-grid{grid-template-columns:1.15fr 1fr 1fr 1fr}}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.footer h3,.footer h4{color:var(--cream);margin:0}.footer h4{color:var(--gold-light);font-size:20px;margin-bottom:16px}.footer p,.footer a,.footer li{color:var(--brown-light);font-size:14px}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.footer a:hover{color:var(--gold)}.footer-contact{display:grid;gap:8px}.footer-mid{margin-top:44px;padding-top:28px;border-top:1px solid rgba(122,59,16,.45);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.socials,.payments{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.social{width:40px;height:40px;border-radius:999px;background:rgba(122,59,16,.35);display:flex;align-items:center;justify-content:center;color:var(--brown-light)}.social:hover{background:var(--gold);color:var(--brown)}.pay-pill{padding:6px 12px;border-radius:6px;background:rgba(122,59,16,.35);font-size:12px;color:var(--brown-light);font-weight:700}.footer-bottom{background:rgba(61,31,0,.8);padding:16px 0}.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--brown-light);flex-wrap:wrap}.floating-contact{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;flex-direction:column;gap:8px}.float-btn{height:48px;min-width:48px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;box-shadow:0 8px 24px rgba(0,0,0,.18);font-weight:800;transition:transform .2s ease}.float-btn:hover{transform:scale(1.05)}.float-gold{background:var(--gold);color:var(--brown)}.float-blue{background:#2563eb;color:#fff}.float-white{background:#fff;color:var(--brown);border:1px solid var(--cream-dark)}@media(max-width:640px){.float-btn span{display:none}.float-btn{padding:0;width:48px}.footer-bottom-inner{justify-content:center;text-align:center}}
.breadcrumb{background:rgba(253,246,227,.5);border-bottom:1px solid rgba(245,237,214,.7)}.breadcrumb-inner{padding:16px 0;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.breadcrumb a:hover{color:var(--gold)}.page-heading{padding:32px 0 16px}.page-heading h1{font-size:clamp(34px,4vw,48px);color:var(--brown);margin:0 0 8px}.page-heading p{color:var(--muted);max-width:720px}.filter-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 0;border-bottom:1px solid rgba(245,237,214,.75);flex-wrap:wrap}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.filter-pill{border:1px solid rgba(245,237,214,.9);background:#fff;color:var(--muted);padding:9px 16px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.filter-pill.active,.filter-pill:hover{background:var(--gold);color:var(--brown);box-shadow:var(--shadow-card)}.sort-box{display:flex;align-items:center;gap:12px}.sort-box select{background:#fff;border:1px solid var(--cream-dark);border-radius:10px;padding:10px 12px;color:var(--brown);outline:none}.product-list-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:32px}@media(max-width:1180px){.product-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.product-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.product-list-grid{grid-template-columns:1fr}}.empty-state{text-align:center;padding:80px 0}.empty-state .jar{font-size:42px;margin-bottom:12px}.detail-wrap{padding:32px 0 64px}.detail-grid{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:1024px){.detail-grid{grid-template-columns:1fr 1fr;gap:64px}}.detail-image{position:relative;aspect-ratio:1/1;border-radius:28px;overflow:hidden;background:rgba(253,246,227,.3);border:1px solid rgba(245,237,214,.75);box-shadow:var(--shadow-card)}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-info .category{color:var(--gold);font-weight:800;font-size:13px;letter-spacing:.22em;text-transform:uppercase;margin:0 0 8px}.detail-info h1{font-size:clamp(34px,4vw,48px);line-height:1.15;color:var(--brown);margin:0 0 12px}.detail-rating{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--gold-light)}.detail-short{color:rgba(26,16,6,.72);line-height:1.8;margin-bottom:24px}.detail-price{display:flex;align-items:baseline;gap:12px;margin-bottom:24px}.detail-price .price{font-size:34px}.variant-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.variant-option{border:2px solid var(--cream-dark);background:#fff;color:var(--muted);padding:10px 20px;border-radius:10px;font-weight:700;cursor:pointer}.variant-option.active,.variant-option:hover{border-color:var(--gold);background:var(--gold-pale);color:var(--brown)}.qty-row{display:flex;align-items:center;gap:16px;margin:24px 0}.qty-control{display:flex;align-items:center;border:2px solid var(--cream-dark);border-radius:10px;overflow:hidden}.qty-control form{margin:0}.qty-control button{border:0;background:#fff;padding:13px 16px;cursor:pointer}.qty-control button:hover{background:var(--gold-pale)}.qty-control button:disabled{opacity:.45;cursor:not-allowed}.qty-control span{min-width:48px;text-align:center;font-weight:800;color:var(--brown)}.trust-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(245,237,214,.75)}.trust-mini div{text-align:center;color:var(--muted);font-size:12px}.tabs{margin-top:64px}.tab-buttons{display:flex;gap:4px;border-bottom:1px solid rgba(245,237,214,.75);overflow-x:auto}.tab-button{position:relative;border:0;background:transparent;padding:14px 24px;color:var(--muted);font-weight:700;white-space:nowrap;cursor:pointer}.tab-button.active{color:var(--gold)}.tab-button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold);border-radius:999px}.tab-panel{padding:32px 0;color:rgba(26,16,6,.8);line-height:1.8}.tab-panel[hidden]{display:none}.review-item{background:rgba(253,246,227,.45);border-radius:12px;padding:16px;margin-bottom:12px}.timeline{max-width:760px;margin:0 auto}.timeline-item{display:flex;gap:16px}.timeline-dot-wrap{display:flex;flex-direction:column;align-items:center}.timeline-dot{width:16px;height:16px;border-radius:999px;background:var(--gold);box-shadow:0 0 0 4px rgba(200,134,10,.2);flex-shrink:0}.timeline-line{width:2px;flex:1;min-height:50px;background:rgba(200,134,10,.2)}.timeline-content{padding-bottom:32px}.timeline-year{color:var(--gold);font-weight:900;font-size:18px;font-family:ui-monospace,Menlo,monospace}.cert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:680px;margin:0 auto}.cert-card{display:flex;align-items:center;gap:12px;background:#fff;padding:16px;border-radius:12px;box-shadow:var(--shadow-card);border:1px solid rgba(245,237,214,.75);text-align:left}.prose-card{background:#fff;border-radius:16px;padding:40px;box-shadow:var(--shadow-card);border:1px solid rgba(245,237,214,.75);line-height:1.8}.prose-card h1{font-size:36px;color:var(--brown);margin-top:0}.prose-card h2{font-size:24px;color:var(--brown);margin-top:28px}.prose-card p,.prose-card li{color:rgba(26,16,6,.78)}.blog-list{max-width:900px;margin:0 auto;padding:48px 0}.blog-card{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--shadow-card);border:1px solid rgba(245,237,214,.75);transition:box-shadow .25s ease}.blog-card:hover{box-shadow:var(--shadow-card-hover)}.blog-badge{display:inline-block;font-size:12px;font-weight:800;color:var(--gold);background:var(--gold-pale);padding:4px 10px;border-radius:999px}.blog-meta{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.article{max-width:820px;margin:0 auto;padding:48px 0}.article h1{font-size:clamp(34px,4vw,48px);line-height:1.18;color:var(--brown)}.article-excerpt{font-size:18px;color:var(--muted);line-height:1.8;margin-bottom:32px}.article-image{width:100%;border-radius:16px;margin-bottom:32px;border:1px solid var(--cream-dark);object-fit:cover}.notice{padding:12px 16px;border-radius:12px;margin:16px 0;background:#e8f5e9;color:#1b5e20}.form{background:#fff;padding:26px;border-radius:22px;border:1px solid rgba(200,168,130,.45);box-shadow:var(--shadow-card)}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field input,.field textarea,.field select{padding:13px 14px;border:1px solid #d8c59c;border-radius:12px;font:inherit;background:#fff}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Customer commerce pages */
.commerce-wrap{padding:32px 0 72px}.commerce-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.commerce-main{display:grid;gap:16px}.summary-card{background:#fff;border:1px solid rgba(245,237,214,.75);border-radius:16px;padding:24px;box-shadow:var(--shadow-card)}.sticky-summary{position:sticky;top:96px}.cart-item{display:flex;gap:16px;background:#fff;border:1px solid rgba(245,237,214,.75);border-radius:16px;padding:16px;box-shadow:var(--shadow-card)}.cart-thumb{width:96px;height:96px;border-radius:12px;overflow:hidden;background:var(--gold-pale);flex-shrink:0}.cart-thumb img{width:100%;height:100%;object-fit:cover}.muted{color:var(--muted)}.summary-line{display:flex;justify-content:space-between;gap:16px;margin:10px 0;font-size:14px}.summary-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid rgba(245,237,214,.85);padding-top:16px;margin-top:16px}.empty-state-card{text-align:center;max-width:560px;margin:0 auto;padding:80px 16px}.empty-icon{width:96px;height:96px;border-radius:999px;background:var(--gold-pale);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:42px}.checkout-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:36px;flex-wrap:wrap}.checkout-step{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--cream-dark);color:var(--muted);font-size:13px;font-weight:700}.checkout-step.active{background:var(--gold);color:var(--brown);border-color:var(--gold)}.checkout-sep{width:34px;height:2px;background:var(--cream-dark)}.form-grid-2{display:grid;grid-template-columns:1fr;gap:16px}.field.full{grid-column:1/-1}.option-list{display:grid;gap:12px}.option-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:2px solid var(--cream-dark);border-radius:12px;background:#fff;cursor:pointer}.option-card:hover,.option-card.active{border-color:var(--gold);background:rgba(253,246,227,.55)}.option-left{display:flex;align-items:center;gap:12px}.status-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 14px;background:#ffedd5;color:#c2410c;font-weight:800;font-size:13px}.status-pill.green{background:#dcfce7;color:#166534}.tracking-search{max-width:560px;margin:0 auto;display:flex;gap:12px}.tracking-search .field-input{flex:1;position:relative}.tracking-search input{width:100%;padding:16px 16px 16px 44px;border:2px solid var(--cream-dark);border-radius:14px;background:#fff;font-family:ui-monospace,Menlo,monospace;outline:none}.tracking-search input:focus{border-color:var(--gold)}.tracking-search .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted)}.order-info-grid{display:grid;grid-template-columns:1fr;gap:12px;border-top:1px solid rgba(245,237,214,.85);padding-top:16px;margin-top:16px}.tracking-event{display:flex;gap:16px}.tracking-rail{display:flex;flex-direction:column;align-items:center}.tracking-dot{width:14px;height:14px;border-radius:999px;background:var(--cream-dark);flex-shrink:0}.tracking-dot.active{background:var(--gold);box-shadow:0 0 0 4px rgba(200,134,10,.2)}.tracking-line{width:2px;flex:1;min-height:42px;background:var(--cream-dark)}.contact-grid{display:grid;grid-template-columns:1fr;gap:32px}.contact-cards{display:grid;gap:16px}.contact-card{display:flex;gap:16px;background:#fff;border:1px solid rgba(245,237,214,.75);border-radius:16px;padding:20px;box-shadow:var(--shadow-card)}.contact-icon{width:48px;height:48px;border-radius:999px;background:var(--gold-pale);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px}.coupon-hint{font-size:12px;color:var(--muted);background:rgba(253,246,227,.6);border-radius:10px;padding:10px 12px}.free-ship-note{color:var(--gold);background:rgba(253,246,227,.65);padding:10px 12px;border-radius:10px;font-size:12px}@media(min-width:768px){.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.order-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-thumb{width:112px;height:112px}}@media(min-width:1024px){.commerce-grid{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}.contact-grid{grid-template-columns:minmax(280px,1fr) 2fr}}@media(max-width:640px){.cart-item{flex-direction:column}.cart-thumb{width:100%;height:auto;aspect-ratio:1/1}.tracking-search{flex-direction:column}.checkout-sep{display:none}}
/* Admin */
.admin-shell{min-height:100vh;background:#f9fafb;display:flex;color:#111827}.admin-sidebar{position:fixed;inset:0 auto 0 0;z-index:60;width:256px;background:var(--brown);color:var(--cream);transform:translateX(-100%);transition:transform .25s ease;display:flex;flex-direction:column}.admin-sidebar.open{transform:translateX(0)}.admin-brand{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(122,59,16,.45)}.admin-brand-link{display:flex;align-items:center;gap:12px}.admin-logo{width:36px;height:36px;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--gold-light));display:flex;align-items:center;justify-content:center;color:var(--brown);font-family:var(--font-playfair);font-weight:900;font-size:13px}.admin-nav{padding:16px 12px;display:grid;gap:4px;overflow:auto;flex:1}.admin-nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--brown-light);font-size:14px;font-weight:700;transition:all .2s ease}.admin-nav a:hover{background:rgba(122,59,16,.28);color:var(--cream)}.admin-nav a.active{background:rgba(200,134,10,.18);color:var(--gold-light)}.admin-sidebar-footer{padding:16px 12px;border-top:1px solid rgba(122,59,16,.45);display:grid;gap:4px}.admin-sidebar-footer a,.admin-sidebar-footer button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--brown-light);padding:9px 12px;border-radius:10px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;text-align:left}.admin-sidebar-footer a:hover,.admin-sidebar-footer button:hover{color:var(--cream);background:rgba(122,59,16,.28)}.admin-main{flex:1;min-width:0;display:flex;flex-direction:column}.admin-header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.admin-content{padding:20px;flex:1;overflow:auto}.admin-menu-btn,.admin-close-btn{border:0;background:transparent;color:inherit;cursor:pointer;font-size:22px}.admin-user{display:flex;align-items:center;gap:12px;margin-left:auto}.admin-avatar{width:34px;height:34px;border-radius:999px;background:var(--gold);color:var(--brown);display:flex;align-items:center;justify-content:center;font-weight:900}.admin-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 1px 3px rgba(15,23,42,.05)}.admin-card-pad{padding:20px}.admin-page-title h1{font-family:var(--font-bevietnam);font-size:26px;margin:0;color:#111827}.admin-page-title p{color:#6b7280;font-size:14px;margin:4px 0 0}.admin-kpi-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px}.admin-kpi{padding:20px;transition:box-shadow .2s ease}.admin-kpi:hover{box-shadow:0 8px 24px rgba(15,23,42,.08)}.admin-kpi-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.admin-kpi-label{font-size:14px;color:#6b7280;margin:0}.admin-kpi-value{font-size:26px;font-weight:900;color:#111827;margin:4px 0 0}.admin-kpi-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.admin-kpi-change{font-size:12px;font-weight:800;margin-top:12px;color:#16a34a}.admin-section-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px}.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #f3f4f6}.admin-card-head h2,.admin-card-head h3{font-family:var(--font-bevietnam);font-size:16px;color:#111827;margin:0}.admin-link{color:var(--gold);font-weight:800;font-size:14px}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table thead{background:#f9fafb;color:#6b7280;text-transform:uppercase;font-size:12px}.admin-table th,.admin-table td{padding:13px 20px;border-bottom:1px solid #f9fafb;white-space:nowrap}.admin-table th{text-align:left;font-weight:800}.admin-table tr:hover td{background:#f9fafb}.admin-table .right{text-align:right}.admin-table .center{text-align:center}.admin-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800}.admin-badge.blue{background:#dbeafe;color:#1d4ed8}.admin-badge.yellow{background:#fef3c7;color:#a16207}.admin-badge.purple{background:#f3e8ff;color:#7e22ce}.admin-badge.orange{background:#ffedd5;color:#c2410c}.admin-badge.green{background:#dcfce7;color:#166534}.admin-badge.red{background:#fee2e2;color:#b91c1c}.admin-quick-list{display:grid;gap:8px}.admin-quick-list a{display:block;text-align:center;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:800}.admin-quick-primary{background:rgba(200,134,10,.12);color:var(--gold)}.admin-quick-secondary{background:#f3f4f6;color:#374151}.admin-stat-line{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin:9px 0}.admin-login-body{min-height:100vh;background:#1a0e00;display:flex;align-items:center;justify-content:center;padding:16px}.admin-login-wrap{width:100%;max-width:390px}.admin-login-head{text-align:center;margin-bottom:28px}.admin-login-shield{width:56px;height:56px;border-radius:999px;background:rgba(200,134,10,.2);border:1px solid rgba(200,134,10,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px}.admin-login-title{font-family:var(--font-playfair);font-size:26px;color:var(--cream);font-weight:900;margin:0}.admin-login-sub{color:var(--brown-light);font-size:14px;margin:4px 0 0}.admin-login-form{background:#2a1800;border:1px solid rgba(200,134,10,.1);border-radius:22px;padding:32px;box-shadow:0 24px 60px rgba(0,0,0,.35);display:grid;gap:18px}.admin-login-field label{display:block;color:rgba(255,251,240,.72);font-size:14px;font-weight:700;margin-bottom:7px}.admin-login-field input{width:100%;background:#1a0e00;border:1px solid rgba(200,134,10,.25);color:var(--cream);border-radius:10px;padding:13px 14px;outline:none}.admin-login-field input:focus{border-color:var(--gold)}.admin-login-error{background:rgba(220,38,38,.14);border:1px solid rgba(248,113,113,.28);color:#fecaca;border-radius:10px;padding:10px 12px;font-size:13px}.admin-login-btn{width:100%;border:0;border-radius:10px;background:var(--gold);color:var(--brown);font-weight:900;padding:14px;cursor:pointer}.admin-login-btn:hover{background:var(--gold-light)}.admin-toolbar{margin-top:18px;padding:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.admin-search{position:relative;min-width:min(100%,360px);flex:1}.admin-search span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.admin-search input,.admin-filter{width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:11px 12px;background:#fff;outline:none}.admin-search input{padding-left:38px}.admin-search input:focus,.admin-filter:focus{border-color:var(--gold)}.admin-product-cell{display:flex;align-items:center;gap:12px;min-width:240px}.admin-thumb{width:54px;height:54px;border-radius:12px;background:var(--gold-pale);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.admin-thumb img{width:100%;height:100%;object-fit:cover}.admin-variant-list{display:grid;gap:6px;min-width:320px}.admin-variant-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f9fafb;border-radius:8px;padding:7px 10px;font-size:12px}.admin-variant-list code{color:#9ca3af}.admin-variant-list em{font-style:normal;color:#9ca3af}.admin-variant-list em.low{color:#ef4444}.admin-actions{display:inline-flex;align-items:center;gap:4px}.admin-actions a,.admin-actions button{border:0;background:transparent;border-radius:8px;padding:8px;cursor:pointer;color:#6b7280}.admin-actions a:hover,.admin-actions button:hover{background:#f3f4f6}.admin-product-form{display:grid;grid-template-columns:1fr;gap:20px;margin-top:18px}.admin-form-main{display:grid;gap:18px}.admin-form-side{display:grid;gap:18px;align-content:start}.admin-card-pad h2{font-family:var(--font-bevietnam);font-size:17px;color:#111827;margin:0 0 16px}.admin-form-grid{display:grid;gap:14px}.admin-form-grid.two{grid-template-columns:1fr}.admin-field{display:grid;gap:7px;margin-bottom:14px}.admin-field span,.admin-variant-row span{font-size:13px;font-weight:800;color:#374151}.admin-field input,.admin-field select,.admin-field textarea,.admin-variant-row input{width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:11px 12px;background:#fff;outline:none}.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus,.admin-variant-row input:focus{border-color:var(--gold)}.admin-check{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#374151;padding-top:30px}.admin-mini-btn{border:0;background:rgba(200,134,10,.12);color:var(--gold);border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}.admin-variant-editor{display:grid;gap:10px}.admin-variant-row{display:grid;grid-template-columns:1fr;gap:10px;align-items:end;border:1px solid #f3f4f6;border-radius:12px;padding:12px;background:#fff}.admin-variant-row label{display:grid;gap:6px}.admin-remove-variant{border:0;border-radius:10px;background:#fee2e2;color:#b91c1c;height:42px;font-size:20px;cursor:pointer}.admin-image-uploader{display:grid;gap:12px}.admin-image-preview{position:relative;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.admin-image-preview img{width:100%;height:180px;object-fit:cover;display:block}.admin-remove-image{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;color:#b91c1c;font-size:13px;font-weight:700}.admin-upload-drop{border:2px dashed #e5e7eb;border-radius:14px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-align:center;color:#6b7280}.admin-upload-drop:hover{border-color:var(--gold);background:rgba(253,246,227,.3)}.admin-upload-drop input{display:none}.admin-upload-icon{width:42px;height:42px;border-radius:999px;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.admin-form-actions{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:16px}.admin-form-actions a{display:inline-flex;align-items:center;padding:12px 16px;border-radius:10px;font-weight:800}@media(min-width:768px){.admin-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-variant-row{grid-template-columns:1.1fr 1.2fr repeat(4,1fr) 42px}}@media(min-width:1180px){.admin-product-form{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}}.admin-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:50}.admin-overlay.open{display:block}@media(min-width:640px){.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.admin-sidebar{position:sticky;top:0;transform:none;height:100vh}.admin-close-btn,.admin-menu-btn,.admin-overlay{display:none!important}.admin-content{padding:24px}.admin-section-grid{grid-template-columns:1fr 1fr}}@media(min-width:1280px){.admin-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}