/* AMO: giao diện theo bản LocalWP. Tối là mặc định, sáng là tuỳ chọn (nút ở header). Giữ nguyên cấu trúc trang. */
:root{--lw-bg:#0b0b0b;--lw-panel:#131313;--lw-card:#181818;--lw-field:#1b1b1b;--lw-line:#33302a;--lw-gold:#d4a933;--lw-gold-2:#ecc979;--lw-gold-ink:#111;--lw-text:#f6f1e6;--lw-soft:#ddd6c6;--lw-mute:#b9b2a2;--lw-hdr:#0a0a0a;--lw-w:940px;--lw-img:#fff}
html[data-theme="light"]{--lw-bg:#f5f1e8;--lw-panel:#fffdf8;--lw-card:#fff;--lw-field:#fff;--lw-line:#d9cfba;--lw-gold:#c99a23;--lw-gold-2:#8a6510;--lw-gold-ink:#17130a;--lw-text:#1c1810;--lw-soft:#3a3427;--lw-mute:#5d5646;--lw-hdr:#fffdf8}
body{background:var(--lw-bg)!important;color:var(--lw-text)!important;font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ẩn phần cũ, đã thay bằng header/footer chung */
.amo-new-top,.amo-new-header,.amo-header,.amo-mobile-nav,.amo-new-footer,.amo-new-cta,.amo-footer,.cartlink,.amo-theme-toggle,.amo-new-intro{display:none!important}

/* header */
.lw-header{background:var(--lw-hdr);border-bottom:1px solid var(--lw-gold);position:sticky;top:0;z-index:60}
.lw-head{max-width:var(--lw-w);margin:auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.lw-brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:20px;font-weight:600;letter-spacing:.02em}
.lw-brand img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:1px solid var(--lw-gold)}
.lw-nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.lw-nav a,.lw-nav button{color:var(--lw-text);text-decoration:none;font-size:14px;background:none;border:0;cursor:pointer;padding:6px 0;font-family:inherit}
.lw-nav a:hover,.lw-nav button:hover{color:var(--lw-gold-2)}
.lw-nav a[aria-current=page]{color:var(--lw-gold-2);font-weight:600}
.lw-tools{display:flex;align-items:center;gap:8px;margin-left:6px}
.lw-nav .lw-ico{position:relative;width:38px;height:38px;border:1px solid var(--lw-line);border-radius:50%;display:grid;place-items:center;padding:0;font-size:17px;line-height:1;color:var(--lw-text)}
.lw-nav .lw-ico:hover{border-color:var(--lw-gold)}
.lw-ico svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lw-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;border-radius:9px;background:var(--lw-gold);color:var(--lw-gold-ink);font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 4px}
.lw-badge[hidden]{display:none}
.lw-nav a:focus-visible,.lw-nav button:focus-visible{outline:2px solid var(--lw-gold);outline-offset:3px}

/* khung giữa + chữ rõ */
.amo-new-hero,.amo-new-section{max-width:var(--lw-w)}
.amo-new-hero{margin-top:40px;padding:0 16px}
.amo-new-hero img{border:0;box-shadow:none}
.amo-new-section{padding:28px 16px 8px}
body .amo-new-title{border:0;margin:0 0 14px;padding:0;display:flex;justify-content:flex-end}
body .amo-new-title a{color:var(--lw-gold-2);font-size:14px}
body .amo-new-brands{background:var(--lw-line);border-color:var(--lw-line)}
body .amo-new-brands a{background:var(--lw-panel);color:var(--lw-gold-2)}
body .amo-new-policy div{border-top:1px solid var(--lw-gold);color:var(--lw-soft)}
.amo-container,.amo-container *{color:inherit}
body .amo-h1,body h1.amo-h1{font-size:clamp(24px,3.4vw,34px)!important;line-height:1.25;color:var(--lw-text);font-weight:600;letter-spacing:0;text-transform:none}
body .amo-h2{font-size:clamp(18px,2.2vw,23px)!important;line-height:1.35;color:var(--lw-gold-2);font-weight:600;margin:1.8rem 0 .5rem}
body .amo-body{color:var(--lw-soft)!important;font-size:15.5px;line-height:1.8;max-width:72ch}
body .amo-caption{color:var(--lw-gold-2)!important;letter-spacing:.12em}
main.amo-container,main.my,main.wrap,.lw-main{padding-top:2.2rem!important}
main.amo-container{padding-bottom:3rem}
table{color:var(--lw-text)}td,th{border-color:var(--lw-line)!important}
body input,body select,body textarea{background:var(--lw-field)!important;color:var(--lw-text)!important;border:1px solid var(--lw-line)!important;border-radius:2px;font-family:inherit}
body input::placeholder,body textarea::placeholder{color:var(--lw-mute)}
body .btn,body .buy,.actions a:first-child{background:var(--lw-gold)!important;color:var(--lw-gold-ink)!important;border:0!important;font-weight:700}
body .btn.alt,body .actions a{background:transparent!important;color:var(--lw-text)!important;border:1px solid var(--lw-gold)!important}
body .sum,body .card{background:var(--lw-panel)!important;border:1px solid var(--lw-line)!important;color:var(--lw-text)}
body .item,body .row{border-color:var(--lw-line)!important}
body .muted{color:var(--lw-mute)!important}
body .bar{background:var(--lw-line)}body .bar i{background:var(--lw-gold)}
.amo-container a,.my a,.wrap a{color:var(--lw-gold-2)}
.amo-container a.btn,.amo-container a.amo-card{color:inherit}

/* Danh mục */
.lw-cat{background:var(--lw-panel);padding:8px 0}
.lw-cat-main{border:1px solid var(--lw-line);padding:18px 20px;margin-bottom:12px}
.lw-cat-main h3{margin:0 0 14px;font-size:18px;color:var(--lw-gold-2);font-weight:600}
.lw-cat-main h3 a{text-decoration:none}
.lw-sizes{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--lw-soft)}
.lw-sizes a{border:1px solid var(--lw-gold);padding:6px 10px;font-size:12px;text-decoration:underline;color:var(--lw-text)}
.lw-sizes a:hover{background:rgba(212,169,51,.15)}
.lw-cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.lw-cat-grid a{border:1px solid var(--lw-line);min-height:82px;display:grid;place-items:center;text-align:center;padding:8px;font-size:13px;font-weight:600;text-decoration:underline;background:var(--lw-card);color:var(--lw-text)}
.lw-cat-grid a:hover{border-color:var(--lw-gold)}
.lw-more{display:inline-block;margin-top:16px;color:var(--lw-gold-2);font-size:13px;font-weight:700;text-decoration:underline}

/* thẻ sản phẩm */
.lw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lw-card{background:var(--lw-card);border:1px solid var(--lw-line);padding:6px 6px 14px;display:flex;flex-direction:column;gap:6px;text-decoration:none;min-width:0;color:var(--lw-text)}
.lw-card .im{aspect-ratio:1/1;background:var(--lw-img);overflow:hidden;display:grid;place-items:center;color:#555;font-size:12px}
.lw-card .im img{width:100%;height:100%;object-fit:cover;display:block}
.lw-card .ct{font-size:12px;color:var(--lw-mute);margin-top:6px;padding:0 4px}
.lw-card .nm{font-size:14px;font-weight:600;padding:0 4px;overflow-wrap:anywhere;color:var(--lw-text)}
.lw-card .pr{font-size:13px;font-weight:700;color:var(--lw-gold-2);padding:0 4px}
.lw-card .bt{margin:6px 4px 0;background:var(--lw-gold);color:var(--lw-gold-ink);font-weight:700;font-size:13px;text-align:center;padding:10px 6px}
.lw-card:hover{border-color:var(--lw-gold)}
.lw-card:focus-visible{outline:2px solid var(--lw-gold);outline-offset:2px}

/* trang Sản phẩm: cột lọc + lưới */
.lw-shop{max-width:var(--lw-w);margin:0 auto;padding:30px 16px 50px;display:grid;grid-template-columns:200px minmax(0,1fr);gap:0 36px}
.lw-filter{border-right:1px solid var(--lw-line);padding-right:24px}
.lw-filter h3{font-size:20px;margin:0 0 18px;font-weight:600}
.lw-filter h4{font-size:17px;margin:26px 0 12px;font-weight:600}
.lw-filter label{display:flex;gap:12px;align-items:center;font-size:12.5px;font-weight:600;margin:0 0 12px;cursor:pointer;color:var(--lw-text)}
.lw-filter input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1px solid var(--lw-gold)!important;background:transparent!important;border-radius:2px;display:inline-grid;place-items:center;margin:0;cursor:pointer;padding:0}
.lw-filter input[type=checkbox]:checked{background:var(--lw-gold)!important}
.lw-filter input:focus-visible{outline:2px solid var(--lw-gold);outline-offset:2px}
.lw-crumb{font-size:12px;color:var(--lw-mute);margin:0 0 14px}.lw-crumb a{text-decoration:none;color:var(--lw-soft)}
.lw-bar{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:18px;gap:12px;flex-wrap:wrap;color:var(--lw-soft)}
.lw-bar select,.lw-bar input{padding:9px 12px;font-size:13px}
.lw-empty{padding:30px 0;color:var(--lw-mute)}
.lw-list{max-width:var(--lw-w);margin:0 auto;padding:24px 16px 40px}

/* trang chi tiết sản phẩm */
.lw-pd{max-width:var(--lw-w);margin:0 auto;padding:26px 16px 50px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px}
.lw-pd .back{display:inline-block;margin-bottom:16px;color:var(--lw-soft);text-decoration:none;font-size:13px}
.lw-gal{display:grid;gap:10px}
.lw-gal .main{background:var(--lw-img);aspect-ratio:1/1;overflow:hidden;border:1px solid var(--lw-line)}
.lw-gal .main img{width:100%;height:100%;object-fit:cover;display:block}
.lw-thumbs{display:flex;gap:8px;flex-wrap:wrap}
.lw-thumbs button{width:64px;height:64px;padding:0;border:1px solid var(--lw-line);background:var(--lw-img);cursor:pointer;overflow:hidden}
.lw-thumbs button[aria-current=true]{border-color:var(--lw-gold);outline:1px solid var(--lw-gold)}
.lw-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.lw-info .cat{font-size:12px;letter-spacing:.12em;color:var(--lw-gold-2);text-transform:uppercase}
.lw-info h1{font-size:clamp(22px,3vw,30px);line-height:1.25;margin:8px 0 12px;font-weight:600}
.lw-info .price{font-size:22px;font-weight:700;color:var(--lw-gold-2);margin:0 0 14px}
.lw-info .desc{color:var(--lw-soft);line-height:1.75;font-size:15px;margin:0 0 18px}
.lw-info .lab{font-size:13px;font-weight:600;margin:16px 0 8px;color:var(--lw-text)}
.lw-opts{display:flex;flex-wrap:wrap;gap:8px}
.lw-opts button{min-width:52px;padding:9px 12px;border:1px solid var(--lw-line);background:var(--lw-card);color:var(--lw-text);cursor:pointer;font-size:13px;font-family:inherit}
.lw-opts button:hover{border-color:var(--lw-gold)}
.lw-opts button[aria-pressed=true]{background:var(--lw-gold);border-color:var(--lw-gold);color:var(--lw-gold-ink);font-weight:700}
.lw-opts button:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}
.lw-buy{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;align-items:stretch}
.lw-buy input{width:76px;padding:12px;text-align:center}
.lw-buy .go{flex:1;min-width:160px;background:var(--lw-gold);color:var(--lw-gold-ink);border:0;font-weight:700;font-size:14px;padding:13px 16px;cursor:pointer;font-family:inherit}
.lw-buy .zalo{border:1px solid var(--lw-gold);color:var(--lw-text);text-decoration:none;padding:13px 16px;font-size:14px;display:grid;place-items:center}
.lw-msg{margin-top:12px;min-height:1.4em;font-size:14px;color:var(--lw-gold-2)}
.lw-note{margin-top:14px;font-size:12.5px;color:var(--lw-mute);line-height:1.6}

/* footer liên hệ chung */
.lw-footer{background:var(--lw-panel);border-top:1px solid var(--lw-gold);margin-top:40px}
.lw-foot{max-width:var(--lw-w);margin:auto;padding:34px 16px 18px;display:grid;grid-template-columns:1.1fr 1.4fr;gap:30px}
.lw-foot h3{margin:0 0 10px;font-size:17px;color:var(--lw-gold-2);font-weight:600}
.lw-foot p{margin:0 0 8px;font-size:14px;line-height:1.65;color:var(--lw-soft)}
.lw-foot a{color:var(--lw-text)}
.lw-foot b{color:var(--lw-text)}
.lw-social{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.lw-social a{width:38px;height:38px;border:1px solid var(--lw-line);border-radius:50%;display:grid;place-items:center;color:var(--lw-gold-2)}
.lw-social a:hover{border-color:var(--lw-gold)}
.lw-social svg{width:18px;height:18px;fill:currentColor}
.lw-copy{max-width:var(--lw-w);margin:0 auto;padding:0 16px 26px;font-size:12px;color:var(--lw-mute)}

/* nút nổi */
.lw-float{position:fixed;right:14px;bottom:24px;display:flex;flex-direction:column;gap:12px;z-index:70}
.lw-float a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:11px;text-decoration:none;box-shadow:0 3px 12px #0008}
.lw-float .zl{background:#0068ff}.lw-float .fb{background:#1877f2;font-size:22px;font-family:Georgia,serif}

/* dải cam kết */
.amo-usp-strip{background:var(--lw-panel)!important;border:1px solid var(--lw-line);max-width:var(--lw-w);margin:0 auto 20px}
.amo-usp{background:transparent!important;color:var(--lw-text)!important}
.amo-usp b{color:var(--lw-gold-2)!important}.amo-usp span{color:var(--lw-mute)!important}.amo-usp svg{stroke:var(--lw-gold)!important}

@media(max-width:820px){.lw-shop,.lw-pd,.lw-foot{grid-template-columns:1fr}.lw-filter{border-right:0;border-bottom:1px solid var(--lw-line);padding:0 0 18px;margin-bottom:22px}.lw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lw-cat-grid{grid-template-columns:repeat(3,1fr)}.lw-nav{gap:14px}}
@media(max-width:520px){.lw-brand{font-size:17px}.lw-brand img{width:42px;height:42px}.lw-cat-grid{grid-template-columns:repeat(2,1fr)}.lw-nav{gap:12px;width:100%}.lw-nav a,.lw-nav button{font-size:13px}.lw-tools{margin-left:auto}.lw-float{bottom:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
main.amo-container{max-width:var(--lw-w);margin-left:auto;margin-right:auto}
.amo-page-header{padding:2.2rem 5% 1rem!important;min-height:0!important}

/* footer Liên hệ canh giữa */
.lw-foot{grid-template-columns:1fr;text-align:center;justify-items:center;gap:22px}
.lw-foot .lw-social{justify-content:center}
.lw-copy{text-align:center}