@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/Cormorant-500-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/Cormorant-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/Cormorant-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url('../fonts/Cormorant-500i-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url('../fonts/Cormorant-500i-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url('../fonts/Cormorant-500i-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/Cormorant-600-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/Cormorant-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/Cormorant-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:600;font-display:swap;src:url('../fonts/Cormorant-600i-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:600;font-display:swap;src:url('../fonts/Cormorant-600i-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Cormorant Garamond';font-style:italic;font-weight:600;font-display:swap;src:url('../fonts/Cormorant-600i-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/Cormorant-700-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/Cormorant-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Cormorant Garamond';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/Cormorant-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:700;font-display:swap;src:url('../fonts/Cormorant-700i-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:700;font-display:swap;src:url('../fonts/Cormorant-700i-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Cormorant Garamond';font-style:italic;font-weight:700;font-display:swap;src:url('../fonts/Cormorant-700i-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/Montserrat-400-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/Montserrat-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/Montserrat-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/Montserrat-500-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/Montserrat-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/Montserrat-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/Montserrat-600-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/Montserrat-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/Montserrat-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/Montserrat-700-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/Montserrat-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/Montserrat-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/Montserrat-800-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/Montserrat-800-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/Montserrat-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}
:root{--wine:#6b1e2b;--wine-d:#541722;--gold:#c9a86a;--gold-d:#a0782c;
--dark:#141211;--dark2:#1c1917;--black:#0e0d0c;
--cream:#f4efe6;--cream2:#fbf8f3;--cream3:#efeae1;--line:#d9d1c4;
--ink:#2b2622;--mut:#6e6760;--r:3px}
html{scroll-behavior:smooth}
body{font-family:"Montserrat",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--cream2);line-height:1.65;font-size:15px;font-weight:400}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
h1,h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;color:var(--dark)}
h1 em,h2 em{font-style:italic;color:var(--gold-d)}
/* topbar */
.announce{background:var(--black);color:var(--gold);font-size:10.5px;text-align:center;padding:8px 16px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.announce b{color:#fff}
/* header — Lux Wine 3 cột: tìm kiếm | logo giữa | icon + nút */
.hd{position:sticky;top:0;z-index:200;background:rgba(14,13,12,.97);backdrop-filter:blur(6px);border-bottom:1px solid rgba(201,168,106,.18)}
.hd-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:26px;min-height:86px;padding-top:10px;padding-bottom:10px}
.hd-left{display:flex;align-items:center}
.hd-right{display:flex;align-items:center;gap:20px;justify-content:flex-end}
.hd-right>a span.i{font-size:19px;color:#e8e0d0}
.hd-cta{border:1px solid var(--gold);color:var(--gold);padding:10px 22px;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;border-radius:var(--r);white-space:nowrap}
.hd-cta:hover{background:var(--gold);color:#14100C}
.logo{font-family:"Cormorant Garamond",serif;font-size:25px;font-weight:500;letter-spacing:.22em;color:#fff;white-space:nowrap;line-height:1;text-align:center}
.logo em{font-style:normal;color:#fff}
.logo small{display:block;font-family:"Montserrat";font-size:7.5px;letter-spacing:.5em;color:var(--gold);font-weight:500;margin-top:6px}
.search{display:flex;align-items:center;gap:10px;border:1px solid rgba(201,168,106,.35);border-radius:var(--r);padding:0 16px;background:transparent;height:44px;max-width:320px;width:100%}
.search .sic{color:#b9ae9c;font-size:17px}
.search input{flex:1;border:0;outline:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:transparent;font-family:inherit;color:#fff;min-width:0}
.search input::placeholder{color:#b9ae9c}
/* nav — Lux Wine style */
.navrow{background:rgba(14,13,12,.97);border-top:1px solid rgba(201,168,106,.12)}
.nav{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-content:center}
@media(min-width:1024px){.nav{overflow:visible}}
.nav::-webkit-scrollbar{display:none}
.nav>li{list-style:none;position:relative;flex-shrink:0}
.nav>li>a{display:block;padding:13px 16px;font-size:11px;font-weight:500;letter-spacing:.18em;color:#ddd3bf;text-transform:uppercase;white-space:nowrap}
.nav>li>a:hover,.nav>li>a.on{color:var(--gold)}
.nav>li>a .caret{font-size:9px;margin-left:5px;color:#8b8378}
.nav .drop{position:absolute;left:50%;transform:translateX(-50%);top:100%;background:#fff;min-width:260px;box-shadow:0 20px 44px rgba(0,0,0,.28);padding:10px;display:none;z-index:99}
.nav>li:hover .drop{display:block}
.nav .drop a{display:block;padding:10px 14px;font-size:13.5px;color:var(--ink);text-transform:none;letter-spacing:.02em;font-weight:500}
.nav .drop a:hover{background:var(--cream3);color:var(--wine)}
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:.25s;z-index:300}
.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:84vw;background:var(--dark2);z-index:301;transform:translateX(-105%);transition:.3s;padding:58px 24px 24px;overflow:auto;color:#e8e0d0}
.drawer.on{transform:none}
.drawer h3{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:16px 0 6px}
.drawer a{display:block;padding:9px 0;font-size:14.5px;border-bottom:1px solid rgba(201,168,106,.12)}
.dx{position:absolute;top:14px;right:14px;background:none;border:0;font-size:20px;cursor:pointer;color:#e8e0d0}
/* HERO — Lux Wine */
.hero{padding:0;background:var(--black)}
.hero-banner{position:relative;overflow:hidden;height:min(88vh,760px);min-height:560px;background:var(--black)}
.hslide{position:absolute;inset:0;opacity:0;transition:opacity 1s;pointer-events:none}
.hslide.on{opacity:1;pointer-events:auto}
.hslide img{width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,6,.25) 0%,rgba(10,8,6,.05) 40%,rgba(10,8,6,.72) 100%),linear-gradient(90deg,rgba(10,8,6,.45),transparent 60%)}
.hero-cap{position:absolute;left:6%;right:6%;top:50%;transform:translateY(-54%);max-width:720px;color:#fff}
.hero-cap .kick{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
.hero-cap .kick::before{content:'';width:34px;height:1px;background:var(--gold)}
.hero-cap h1,.hero-cap h2{color:#fff;font-size:clamp(38px,5.2vw,64px);line-height:1.1;margin-bottom:22px;font-weight:500;letter-spacing:.01em}
.hero-cap h1 em,.hero-cap h2 em{font-style:italic;color:var(--gold)}
.hero-cap p{color:#cfc6b4;font-size:15px;max-width:560px;margin-bottom:32px}
.btn{display:inline-block;padding:14px 32px;border-radius:var(--r);font-weight:600;font-size:11.5px;background:var(--wine);color:#fff;letter-spacing:.16em;text-transform:uppercase;transition:.25s;font-family:"Montserrat"}
.btn:hover{background:var(--wine-d);transform:translateY(-2px)}
.btn-line{background:transparent;border:1px solid rgba(255,255,255,.85);color:#fff;margin-left:14px}
.btn-line:hover{background:#fff;color:var(--dark)}
.hero-ctrl{position:absolute;left:6%;bottom:34px;display:flex;align-items:center;gap:14px;z-index:5}
.hero-count{font-family:"Cormorant Garamond",serif;font-size:19px;color:#fff;letter-spacing:.06em}
.hero-count span{color:#8b8378;font-size:15px}
.hsq{width:44px;height:44px;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;font-size:17px;cursor:pointer;border-radius:var(--r);font-family:"Montserrat"}
.hsq:hover{border-color:var(--gold);color:var(--gold)}
.hero-lines{display:flex;gap:10px;margin-left:10px}
.hero-lines i{width:44px;height:2px;background:rgba(255,255,255,.25);cursor:pointer}
.hero-lines i.on{background:var(--gold)}
/* sections */
.sec{padding:76px 0}
.sec-head{text-align:center;max-width:680px;margin:0 auto 44px}
.sec-head .kick{font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-d);display:block;margin-bottom:14px}
.sec-head h2{font-size:clamp(28px,3.4vw,40px);margin-bottom:14px;font-weight:500}
.sec-head p{color:var(--mut);font-size:15px}
.sec-head .linkmore{display:inline-block;margin-top:18px;border:1px solid var(--line);background:#fff;border-radius:var(--r);padding:12px 30px;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.sec-head .linkmore:hover{border-color:var(--gold);color:var(--gold-d)}
.center{text-align:center;margin-top:34px}
.linkmore{color:var(--wine);font-weight:600}
/* group cards */
.ggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gcard{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10;display:block;background:var(--black)}
.gcard img{width:100%;height:100%;object-fit:cover;transition:transform .7s;opacity:.94}
.gcard:hover img{transform:scale(1.06)}
.gcard::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,6,5,.82),rgba(8,6,5,.1) 60%,transparent)}
.gcard .glb{position:absolute;left:24px;bottom:20px;z-index:2;color:#fff;font-family:"Cormorant Garamond",serif;font-size:22px;font-weight:500}
.gcard .glb small{display:block;font-family:"Montserrat";font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:4px}
.gcard .gc{position:absolute;right:16px;top:14px;z-index:2;background:var(--gold);color:#171208;font-size:11.5px;font-weight:700;letter-spacing:.06em;padding:5px 12px;border-radius:var(--r)}
/* tabs */
.tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:34px}
.tab{border:1px solid var(--line);background:#fff;border-radius:var(--r);padding:13px 30px;font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:inherit;color:var(--mut)}
.tab:hover{border-color:#16233f}
.tab.on{background:linear-gradient(120deg,#16233f,#243a6b);color:#fff;border-color:#16233f}
/* product cards */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.3s}
.pcard:hover{box-shadow:0 20px 44px rgba(43,38,34,.14);transform:translateY(-4px)}
.pi{position:relative;aspect-ratio:1;overflow:hidden;background:#efe9dc}
.pi img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.pcard:hover .pi img{transform:scale(1.05)}
.disc{position:absolute;top:12px;right:12px;background:var(--wine);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:var(--r);z-index:2;letter-spacing:.04em}
.wish{position:absolute;top:10px;left:10px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.94);font-size:15px;cursor:pointer;z-index:2;color:var(--dark)}
.phover{position:absolute;left:0;right:0;bottom:0;display:flex;transform:translateY(102%);transition:.3s;z-index:2}
.pcard:hover .phover{transform:none}
.phover a{flex:1;text-align:center;padding:12px 4px;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.phover .pb1{background:var(--dark);color:#fff}
.phover .pb2{background:#fff;color:var(--dark)}
.pb{padding:18px 16px 20px;text-align:center}
.pb h3{font-family:"Cormorant Garamond",serif;font-size:19px;font-weight:500;line-height:1.3;margin-bottom:6px;color:var(--dark)}
.pb h3 a:hover{color:var(--wine)}
.pb .pdiv{width:34px;height:1px;background:var(--gold);margin:8px auto}
.price{font-size:16.5px;font-weight:700;color:var(--wine)}
.price.contact{color:var(--mut);font-size:14.5px;font-weight:500}
.prow{display:flex;justify-content:center;align-items:center;gap:10px}
.buybtn{display:none}
.catshow-row{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.catshow-head{text-align:center;margin-bottom:30px}
.catshow-head h2{font-size:clamp(26px,3.4vw,38px)}
/* trust strip */
.strip{background:var(--cream);color:#3a2e22;padding:56px 0}
.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;text-align:center}
.strip .si{font-size:28px;color:var(--gold);margin-bottom:12px}
.strip h3{color:#241b12;font-family:"Cormorant Garamond",serif;font-size:21px;font-weight:600;margin-bottom:8px}
.strip p{font-size:13.5px;color:#7a6d5c}
/* spotlight — dark feature */
.spot{background:linear-gradient(180deg,var(--cream),#eee5d2);padding:76px 0}
.spot-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.spot-imgs img{border-radius:var(--r);width:100%;aspect-ratio:4/5;object-fit:cover}
.spot-txt .kick{font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:16px}
.spot-txt h2{color:#241b12;font-size:clamp(30px,3.8vw,46px);margin-bottom:16px}
.spot-txt p{color:#6a5d4c;margin-bottom:26px}
/* about */
.about{background:var(--cream);padding:76px 0}
.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:52px;align-items:center}
.about-imgs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.about-imgs img{border-radius:var(--r);width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}
.about-imgs .a2{margin-top:36px}
.about-txt .kick{font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-d);display:block;margin-bottom:14px}
.about-txt h2{font-size:clamp(30px,3.6vw,44px);margin-bottom:16px}
.about-txt>p{color:#575046;margin-bottom:22px}
.chk{display:flex;gap:14px;margin-bottom:16px}
.chk .ck{flex:none;width:26px;height:26px;border-radius:50%;background:var(--wine);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.chk b{display:block;margin-bottom:3px;font-size:15px}
.chk p{font-size:14px;color:var(--mut)}
/* journal */
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.bcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:block;transition:.3s}
.bcard:hover{box-shadow:0 16px 36px rgba(43,38,34,.12);transform:translateY(-3px)}
.bcard .bi{position:relative;aspect-ratio:16/10;overflow:hidden}
.bcard .bi img{width:100%;height:100%;object-fit:cover}
.bcard .badge{position:absolute;left:14px;top:14px;background:var(--dark);color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:var(--r)}
.bcard h3{font-family:"Cormorant Garamond",serif;font-size:20px;font-weight:500;padding:18px 20px 8px;line-height:1.35;color:var(--dark)}
.bcard p{padding:0 20px 20px;font-size:14px;color:var(--mut)}
/* cta */
.ctaband{background:linear-gradient(120deg,#16233f,#1d2f56 60%,#243a6b);text-align:center;padding:64px 20px;color:#fff}
.ctaband .kick{font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:14px}
.ctaband h2{color:#fff;font-size:clamp(30px,3.8vw,46px);margin-bottom:12px}
.ctaband p{color:#b7ab94;margin-bottom:28px}
/* listing */
.crumb{font-size:13px;color:var(--mut);padding:24px 0 0}
.crumb a:hover{color:var(--wine)}
.page-sec{padding:26px 0 64px}
.page-title{font-family:"Cormorant Garamond",serif;font-size:clamp(32px,4vw,48px);margin-bottom:8px}
.page-lead{color:var(--mut);max-width:640px;margin-bottom:24px}
.toolbar{margin-bottom:16px}
.toolbar input{width:100%;max-width:420px;border:1px solid var(--line);border-radius:var(--r);padding:13px 20px;font-size:14px;font-family:inherit;background:#fff}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.chip{border:1px solid var(--line);background:#fff;border-radius:var(--r);padding:9px 20px;font-weight:600;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;font-family:inherit;color:var(--mut)}
.chip.on{background:var(--dark);color:var(--gold);border-color:var(--dark)}
.count{font-size:13.5px;color:var(--mut);margin-bottom:16px}
.cat-hero{position:relative;border-radius:var(--r);overflow:hidden;margin:24px 0 32px;min-height:240px;display:flex;align-items:flex-end;background:var(--black)}
.cat-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cat-hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,5,.82),rgba(8,6,5,.25))}
.cat-hero .cap{position:relative;padding:32px;color:#fff}
.cat-hero h1{color:#fff;font-size:clamp(30px,3.8vw,46px);margin-bottom:6px}
/* product detail */
.pd{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;padding:28px 0 10px}
.pd-gallery .main{border-radius:var(--r);overflow:hidden;background:#fff;aspect-ratio:1;border:1px solid var(--line)}
.pd-gallery .main img{width:100%;height:100%;object-fit:cover}
.pd-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.pd-thumbs img{width:74px;height:74px;object-fit:cover;border-radius:var(--r);cursor:pointer;border:2px solid transparent}
.pd-thumbs img.on{border-color:var(--gold)}
.pd-info h1{font-size:clamp(30px,3.4vw,44px);line-height:1.2;margin-bottom:14px}
.pd-info .price{font-size:26px;margin-bottom:6px}
.pd-short{color:#575046;font-size:15px;margin:16px 0 22px}
.order-box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;margin-bottom:18px}
.order-box p{font-weight:700;margin-bottom:12px;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.order-btns{display:flex;gap:10px;flex-wrap:wrap}
.btn-zalo{background:#0068FF;color:#fff}
.btn-msg{background:#A033FF;color:#fff}
.btn-accent{background:var(--gold);color:#171208}
.meta{font-size:13.5px;color:var(--mut)}
.meta a{color:var(--wine);font-weight:600}
.pd-desc{padding:20px 0 64px;max-width:900px}
.pd-desc h2{font-size:30px;margin-bottom:16px}
.prose h2{font-size:30px;margin:28px 0 14px}
.prose h3{font-size:22px;margin:24px 0 10px;font-family:"Cormorant Garamond",serif;color:var(--dark);font-weight:600}
.prose p{margin-bottom:13px}
.prose ul{margin:0 0 14px 20px}
.prose li{margin-bottom:6px}
.prose img{border-radius:var(--r);margin:14px 0}
/* article */
.article{max-width:820px;margin:0 auto;padding:28px 0 64px}
.article h1{font-size:clamp(32px,3.8vw,48px);margin-bottom:10px}
.article .date{color:var(--mut);font-size:13.5px;margin-bottom:20px}
.article .cover{border-radius:var(--r);margin-bottom:26px;width:100%}
/* contact */
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:12px}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 20px;text-align:center}
.contact-card .ic{font-size:30px;margin-bottom:10px}
.contact-card h3{font-family:"Cormorant Garamond",serif;font-size:22px;margin-bottom:8px;color:var(--dark)}
/* footer */
footer{background:linear-gradient(180deg,#16233f,#101c33);color:#9db0cf}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;padding:56px 0 38px}
.fgrid h4{color:#fff;font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px;font-weight:600}
.fgrid a{display:block;padding:5px 0;font-size:14px}
.fgrid a:hover{color:var(--gold)}
.fgrid p{font-size:14px;margin-bottom:10px}
.fgrid .flogo{font-family:"Cormorant Garamond",serif;font-size:28px;color:#fff;font-weight:700;margin-bottom:12px}
.fgrid .flogo em{font-style:italic;color:var(--gold)}
.copy{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;text-align:center;font-size:13px;color:#6e6450}
.floatb{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:250}
.floatb .tuvan{background:var(--wine);color:#fff;border:0;border-radius:var(--r);padding:13px 24px;font-weight:700;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 24px rgba(107,30,43,.45);font-family:inherit}
.fmsg{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:18px;box-shadow:0 8px 20px rgba(0,0,0,.35)}
@media(max-width:1024px){
.pgrid{grid-template-columns:repeat(3,1fr)}
.catshow-row{grid-template-columns:repeat(3,1fr)}
.strip-grid{grid-template-columns:repeat(2,1fr)}
.contact-grid{grid-template-columns:repeat(2,1fr)}
.fgrid{grid-template-columns:1fr 1fr}
.spot-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
.navrow{display:none}
.hd-left{display:none}
.hd-cta{display:none}
.hd-grid{grid-template-columns:1fr auto;padding-left:8px;padding-right:8px}
.logo{font-size:24px}
.pgrid{grid-template-columns:repeat(2,1fr);gap:14px}
.catshow-row{grid-template-columns:repeat(2,1fr);gap:14px}
.ggrid{grid-template-columns:1fr 1fr;gap:14px}
.bgrid{grid-template-columns:1fr}
.pd{grid-template-columns:1fr}
.about-grid{grid-template-columns:1fr}
.hero-banner{height:600px;min-height:0}
.hero-cap{left:20px;right:20px}
.hero-ctrl{left:20px}
.btn-line{margin-left:0;margin-top:12px}
.sec{padding:52px 0}
.pb h3{font-size:17px}
}
@media(max-width:480px){
.ggrid{grid-template-columns:1fr}
.fgrid{grid-template-columns:1fr}
.strip-grid{grid-template-columns:1fr 1fr;gap:18px}
}
/* topwrap + overlay header (trang chu de len hero) */
.topwrap{background:#0c0a08;position:sticky;top:0;z-index:200}
.topwrap .hd{position:relative}
.topwrap.ov{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(8,6,5,.78),rgba(8,6,5,.45) 60%,rgba(8,6,5,.18));z-index:300}
.topwrap.ov .hd{background:transparent;border-bottom:0}
.topwrap.ov .announce{background:transparent;border-bottom:1px solid rgba(201,168,106,.14)}
.topwrap.ov .navrow{background:transparent}
.announce{text-transform:uppercase;letter-spacing:.18em;font-size:10.5px}
.ann-grid{display:flex;justify-content:space-between;align-items:center;gap:16px}
.announce b{color:#fff;font-weight:600}
.bag{position:relative;display:inline-flex}
.bag .i{font-style:normal}
.bag-n{position:absolute;top:-8px;right:-12px;background:var(--gold);color:#14100c;font-size:9.5px;font-weight:800;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.navrow{border-bottom:1px solid rgba(201,168,106,.18)}

.hslide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* mega menu: day du ma SP */
.drop.mega{display:none;grid-template-columns:repeat(3,1fr);gap:10px 34px;left:50%;transform:translateX(-50%);width:min(1160px,96vw);padding:26px 32px;text-align:left}
.nav>li:hover .drop.mega{display:grid}
.megacol{display:flex;flex-direction:column}
.megacol a{padding:4.5px 0;font-size:12px;color:#4a3e30;letter-spacing:0;text-transform:none;font-weight:400;border:0}
.megacol a:hover{color:var(--wine);background:transparent}
.megacol a b{color:var(--wine);font-weight:700;margin-right:8px;letter-spacing:.02em}
.megacol a.megat{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#241b12;padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid var(--gold)}

/* ma san pham + mega menu moi */
.pcode{font-size:13px;letter-spacing:.06em;color:var(--mut);margin:-6px 0 10px;text-transform:uppercase}
.pcode b{color:var(--wine);font-size:15px;letter-spacing:.1em}
.megaimg{display:block;border:0;padding:0}
.megaimg img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;margin-bottom:10px}
.megacol a.megat{border:0;padding:0;margin:0;font-size:14px}
.megac{font-size:12px;color:var(--mut);margin:3px 0 6px}
.megal{font-size:12.5px;color:var(--wine);font-weight:600;padding:0}

/* mobile polish */
.burger{display:none;background:transparent;border:1px solid rgba(201,168,106,.5);color:var(--gold);width:42px;height:42px;border-radius:var(--r);font-size:19px;cursor:pointer;align-items:center;justify-content:center}
@media(max-width:768px){
.burger{display:flex}
.hd-grid{grid-template-columns:auto 1fr auto}
.logo{font-size:21px;letter-spacing:.14em}
.logo small{font-size:7px;letter-spacing:.4em}
.ann-grid{flex-direction:column;gap:2px;text-align:center}
.announce{font-size:9.5px;letter-spacing:.12em}
.tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch}
.tab{white-space:nowrap;flex:0 0 auto}
.fgrid{grid-template-columns:1fr 1fr;gap:24px}
.hero-banner{height:540px}
.pcode{font-size:12px}
.megali .drop.mega{display:none}
}

/* mobile fix 20/10: hero bi header che, nut noi de chu, footer tran mep */
html,body{overflow-x:hidden}
@media(max-width:768px){
.hero-cap{top:auto;bottom:96px;transform:none;padding-top:0}
.hero-banner{height:620px}
.floatb{right:12px;bottom:76px;gap:8px}
.floatb .tuvan{display:none}
.floatb .fmsg{width:46px;height:46px;font-size:19px}
.fgrid{grid-template-columns:1fr;gap:28px;padding:44px 0 30px}
.fgrid .flogo{font-size:23px;letter-spacing:.06em}
.fgrid p,.fgrid a{font-size:13.5px}
.sec-head p{max-width:100%}
}

/* ===== MOBILE TINH CHINH (20/10) ===== */
html,body{overflow-x:clip}
@media(max-width:768px){
.wrap{padding:0 20px}
/* header gon */
.hd-grid{gap:8px;padding-top:12px;padding-bottom:12px}
.logo{font-size:17px;letter-spacing:.12em;min-width:0}
.logo small{font-size:7px;letter-spacing:.34em}
.burger{width:38px;height:38px;font-size:16px}
.hd-icons{gap:14px}
.hd-ic{font-size:17px}
.hd-icons .hd-ic:first-child{display:none}
.announce{font-size:9px;letter-spacing:.1em;line-height:1.7;padding:7px 12px}
/* hero */
.hero-banner{height:600px}
.hero-cap{left:20px;right:20px;top:auto;bottom:104px;transform:none;padding-top:0}
.hero-cap h1{font-size:33px;line-height:1.25;margin:10px 0 12px}
.hero-cap p{font-size:14px;line-height:1.65}
.hero-cap .kick{font-size:10px;letter-spacing:.24em}
.hero-cap .kick::before{width:30px;margin-right:10px}
.hero-cap .btn{display:block;margin:8px 0 0;padding:15px 20px;font-size:12px;text-align:center}
.btn-line{margin-left:0}
.hero-ctrl{left:20px;right:20px;bottom:22px}
.hero-ctrl .harrow{display:none}
.dots{margin:0}
.sec{padding:46px 0}
.sec-head{margin-bottom:26px}
.sec-head .kick{font-size:10px;letter-spacing:.24em}
.sec-head h2{font-size:27px;line-height:1.3}
.sec-head p{font-size:13.5px}
/* tab */
.tabs{justify-content:flex-start;gap:8px;margin:0 -20px;padding:0 20px 10px}
.tab{font-size:11.5px;letter-spacing:.12em;padding:10px 16px}
/* san pham */
.pgrid{grid-template-columns:repeat(2,1fr);gap:12px}
.pb{border-radius:6px}
.pb-body{padding:12px 12px 14px}
.pb h3{font-size:14px;margin:0 0 6px;line-height:1.4}
.pb .price{font-size:15px}
.pb .pd-btn{font-size:10.5px;padding:9px 12px;letter-spacing:.08em}
/* strip */
.strip-grid{grid-template-columns:repeat(2,1fr);gap:20px 14px}
.strip-it{font-size:12.5px}
.strip-it b{font-size:13px}
/* spotlight */
.spot-grid{gap:0}
.spot-img{min-height:280px;border-radius:8px}
.spot-txt{padding:30px 24px}
.spot-txt h2{font-size:25px}
.spot-txt p{font-size:13.5px}
/* blog */
.bgrid{grid-template-columns:1fr;gap:18px}
.blog-card .bc-img{aspect-ratio:16/9}
/* cta band */
.ctaband{padding:44px 0}
.ctaband h2{font-size:24px;line-height:1.35}
.ctaband p{font-size:13.5px}
/* footer */
.fgrid{grid-template-columns:1fr;gap:26px;padding:40px 0 26px}
.fgrid .flogo{font-size:22px;letter-spacing:.08em}
.fgrid p,.fgrid a{font-size:13px}
.fgrid h4{font-size:11.5px}
.copy{font-size:10.5px;padding:16px 0 90px;letter-spacing:.05em}
/* nut noi */
.floatb{right:12px;bottom:88px;gap:8px}
.floatb .tuvan{display:none}
.floatb .fmsg{width:46px;height:46px;font-size:19px}
/* chi tiet san pham */
.pd{grid-template-columns:1fr;gap:20px}
.pd-info h1{font-size:23px}
.pd-info .price{font-size:20px}
.spec-tbl td,.spec-tbl th{font-size:13px;padding:9px 10px}
.pd-thumbs{grid-template-columns:repeat(4,1fr)}
/* trang danh muc + blog chi tiet */
.catshow-row,.ggrid{grid-template-columns:repeat(2,1fr);gap:12px}
.post-body{font-size:15px}
.post-body h2{font-size:20px}
.page-hero h1{font-size:27px}
.about-grid{grid-template-columns:1fr}
img{max-width:100%}
}
@media(max-width:380px){
.logo{font-size:15px}
.hero-cap h1{font-size:29px}
.pgrid{grid-template-columns:1fr 1fr;gap:10px}
}