@import url("/store/assets/hanoi-background.css");
/* One type system with Vietnamese coverage and readable international numerals. */
:root{--vc-font:"Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html,body,button,input,select,textarea{font-family:var(--vc-font)!important}
body{font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.brand,.catalog-department strong,.vc-promo h2{font-family:var(--vc-font)!important;letter-spacing:-.025em}
h1{font-weight:750;line-height:1.15}
h2,h3,.catalog-department strong{font-weight:650}
.brand{font-weight:750;letter-spacing:-.025em}.brand small{font-weight:600;letter-spacing:.11em}
.vc-promo h2{font-weight:750;line-height:1.12}
.product h2{font-weight:650;line-height:1.45;letter-spacing:-.012em}
.vc-new-price,.vc-tax-total strong,.quantity{font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.product-info summary{font-weight:550!important;letter-spacing:0}
.eyebrow,.vc-promo-kicker{font-weight:650;letter-spacing:.09em}
.vc-language-switch{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;gap:3px;padding:4px;background:#fffef9;border:1px solid #cbd8bd;border-radius:30px;box-shadow:0 4px 20px #203f2a20}
.vc-language-switch button{border:0;border-radius:22px;padding:8px 12px;min-width:44px;min-height:38px;background:transparent;color:#355e3b;font-size:12px;font-weight:700;cursor:pointer}
.vc-language-switch button[aria-pressed=true]{background:#355e3b;color:#fffef9}
@media(max-width:600px){.vc-language-switch{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}body{font-size:14px}.product h2{font-size:15px}}
/* Distinct warehouse colours, with a separate selected-state outline. */
.catalog-department:first-child{background:#e1e3e5;color:#284531;border:2px solid #d0d9ca}
.catalog-department:first-child.active{background:#e1e3e5;color:#284531;border-color:#355e3b;box-shadow:0 0 0 3px #355e3b24}
.catalog-department:last-child{background:#b52c30;color:#fff;border:2px solid #b52c30}
.catalog-department:last-child.active{background:#b52c30;color:#fff;border-color:#75171b;box-shadow:0 0 0 3px #b52c3030}
.catalog-department:last-child:after{border-color:#ffffff55}

/* Thick golden selection ring; reserve equal border space to avoid layout jumps. */
.catalog-departments>.catalog-department{border-width:4px}
.catalog-departments>.catalog-department.active{border-color:#f2c230;box-shadow:0 0 0 2px #8a681b,0 4px 14px #8a681b24}

.product .vc-product-name-translation,.vc-promo-card .vc-product-name-translation{margin:5px 0 10px;color:#59674f;font-size:13px;font-weight:400;line-height:1.45;letter-spacing:0;overflow-wrap:anywhere}
@media(max-width:600px){.product .vc-product-name-translation{font-size:12px}}

/* Compact customer deposit card in the right shopping column. */
.shopgrid>aside .wallet{padding:18px;border-radius:18px;margin:0 0 18px;min-width:0}.shopgrid>aside .wallet-summary{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.shopgrid>aside .wallet-summary h2{font-size:16px;line-height:1.4;margin:0 0 4px}.shopgrid>aside .wallet-summary p{font-size:12px;line-height:1.5;margin:0}.shopgrid>aside .wallet-summary>strong{font-size:27px;line-height:1.2;color:#28523a}.shopgrid>aside .wallet-totals{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;margin:14px 0}.shopgrid>aside .wallet-totals span{display:flex;flex-direction:column;gap:4px}.shopgrid>aside .wallet .micro{font-size:11px;line-height:1.5}.shopgrid>aside .wallet details{font-size:12px;margin-top:12px}.shopgrid>aside .wallet-history{max-height:240px;overflow:auto}.shopgrid>aside .wallet-history article{font-size:12px;overflow-wrap:anywhere}@media(max-width:760px){.shopgrid>aside .wallet{max-width:360px;margin-left:auto;padding:14px}.shopgrid>aside .wallet-summary>strong{font-size:24px}}