/* ================================================================
   VINEXUS — 高端中国名酒电商主题
   深黑 #0C0C0C · 香槟金 #C0975A · 米色 #F5F1EB
   字体：Cormorant Garamond (display serif) + Montserrat (UI/body)
   ================================================================ */

:root{
  --black:#0C0C0C;
  --black-2:#151515;
  --black-3:#1c1c1c;
  --cream:#F5F1EB;
  --cream-2:#EFE8DD;
  --card:#FFFFFF;
  --gold:#C0975A;
  --gold-lt:#D8B77E;
  --gold-dk:#A97F45;
  --ink:#1A1A1A;
  --ink-2:#33302B;
  --muted:#6E6A63;
  --muted-lt:#9a958c;
  --line:#E4DDD0;
  --line-dk:#2a2a2a;
  --serif:'Cormorant Garamond', Georgia, serif;
  --sans:'Montserrat', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --wrap:1240px;
  --radius:4px;
}

/* -------------------- reset / base -------------------- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; font-family:var(--sans); color:var(--ink);
  background:var(--cream); font-size:15px; line-height:1.65; font-weight:400;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; height:auto; display:block}
a{color:inherit; text-decoration:none; transition:color .2s}
a:hover{color:var(--gold-dk)}
h1,h2,h3,h4{font-family:var(--serif); font-weight:600; margin:0 0 .5em; line-height:1.15; color:var(--ink)}
p{margin:0 0 1em}
button{font-family:var(--sans); cursor:pointer}
[hidden]{display:none !important}

.vx-container{max-width:var(--wrap); margin:0 auto; padding:0 32px}

/* section title (serif, letter-spaced, centered) */
.vx-sec-title{
  font-family:var(--serif); font-size:34px; font-weight:600; text-align:center;
  letter-spacing:.06em; text-transform:uppercase; margin:0 0 42px; color:var(--ink);
}
.vx-sec-title.light{color:#f3ede1}

/* gold button */
.vx-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  background:var(--gold); color:#241a0c; border:none; border-radius:2px;
  font-family:var(--sans); font-weight:600; font-size:12.5px; letter-spacing:.16em;
  text-transform:uppercase; padding:16px 34px; transition:background .2s, transform .15s;
  cursor:pointer;
}
.vx-btn:hover{background:var(--gold-lt); color:#241a0c; transform:translateY(-1px)}
.vx-btn-block{width:100%}
.vx-btn-ghost{background:transparent; border:1px solid var(--gold); color:var(--gold)}
.vx-btn-ghost:hover{background:var(--gold); color:#241a0c}

/* ================================================================
   HEADER
   ================================================================ */
.vx-header{background:var(--black); color:#efe9dd; position:sticky; top:0; z-index:200; border-bottom:1px solid var(--line-dk)}
.vx-header-inner{display:flex; align-items:center; justify-content:space-between; min-height:74px; gap:24px}
.vx-logo{display:flex; align-items:center; gap:11px; color:#efe9dd}
.vx-logo:hover{color:#efe9dd}
.vx-crown{color:var(--gold); flex:none}
.vx-logo-mark{height:36px; width:auto; flex:none; display:block}
.vx-logo-text{display:flex; flex-direction:column; line-height:1}
.vx-brand{font-family:var(--serif); font-size:23px; font-weight:600; letter-spacing:.16em; color:#f3ede1}
.vx-brand-sub{font-family:var(--sans); font-size:9px; font-weight:500; letter-spacing:.18em; color:var(--gold); margin-top:4px}

.vx-nav .vx-menu{display:flex; gap:34px; list-style:none; margin:0; padding:0}
.vx-nav a{font-family:var(--sans); font-size:12px; font-weight:500; letter-spacing:.15em; text-transform:uppercase; color:#d8d2c6; position:relative; padding:4px 0}
.vx-nav a:hover{color:var(--gold)}
.vx-nav .current-menu-item>a, .vx-nav .current_page_item>a{color:var(--gold)}
.vx-nav li{position:relative}
.vx-nav .sub-menu{position:absolute; top:100%; left:0; background:var(--black-2); border:1px solid var(--line-dk); min-width:190px; padding:8px 0; display:none; z-index:50}
.vx-nav li:hover>.sub-menu{display:block}
.vx-nav .sub-menu a{display:block; padding:9px 18px; letter-spacing:.08em}

.vx-header-actions{display:flex; align-items:center; gap:8px}
.vx-icon-btn{display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; color:#d8d2c6; background:none; border:none; position:relative}
.vx-icon-btn:hover{color:var(--gold)}
.vx-cart-count{
  position:absolute; top:4px; right:2px; min-width:16px; height:16px; padding:0 4px;
  background:var(--gold); color:#241a0c; border-radius:9px; font-size:10px; font-weight:700;
  display:flex; align-items:center; justify-content:center; font-family:var(--sans);
}
.vx-search-panel{background:var(--black-2); border-top:1px solid var(--line-dk); padding:18px 0}
.vx-search-panel form{display:flex; gap:0; max-width:640px; margin:0 auto}
.vx-search-panel input[type=search]{flex:1; padding:13px 16px; border:1px solid var(--line-dk); background:#0f0f0f; color:#efe9dd; font-family:var(--sans)}
.vx-search-panel button{background:var(--gold); color:#241a0c; border:none; padding:0 24px; font-weight:600; letter-spacing:.1em; text-transform:uppercase}

.vx-mobile-toggle{display:none; background:none; border:none; color:#efe9dd; width:40px; height:40px}

/* 语言切换：隐藏 TranslatePress 右下浮窗，改放导航右上角 */
#trp-floater-ls, .trp-floater-language-switcher, .trp-language-switcher-container.trp-floater-ls{display:none !important}
.vx-lang{display:flex; align-items:center; margin-right:4px}
/* 覆盖 TranslatePress 的 CSS 变量，让切换器融进黑金导航 */
.vx-lang .trp-shortcode-switcher__wrapper{
  --bg:#141210 !important; --bg-hover:#0f0d0b !important;
  --text:#d8d2c6 !important; --text-hover:#C0975A !important;
  --border:1px solid #2f2b26 !important; --border-color:#2f2b26 !important;
  --border-radius:3px !important; --font-size:12.5px !important;
}
.vx-lang .trp-shortcode-switcher__wrapper *{letter-spacing:.05em}

/* ================================================================
   HERO
   ================================================================ */
.vx-hero{position:relative; background:var(--black); color:#fff; overflow:hidden}
.vx-hero-bg{position:absolute; inset:0; background-size:cover; background-position:center right; z-index:0}
.vx-hero-bg::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(8,8,8,.92) 0%, rgba(8,8,8,.72) 42%, rgba(8,8,8,.25) 72%, rgba(8,8,8,.55) 100%)}
.vx-hero-inner{position:relative; z-index:2; max-width:var(--wrap); margin:0 auto; padding:118px 32px 122px; min-height:560px; display:flex; flex-direction:column; justify-content:center}
.vx-hero-content{max-width:640px}
.vx-hero h1{font-family:var(--serif); font-weight:500; font-size:56px; line-height:1.1; letter-spacing:.01em; color:#fff; margin:0 0 26px; text-transform:uppercase}
.vx-hero-sub{font-family:var(--sans); font-weight:300; font-size:16.5px; line-height:1.7; color:#d7d2c9; max-width:430px; margin:0 0 36px}
.vx-hero .vx-btn{padding:17px 38px}

/* ================================================================
   TRUST BADGES BAR
   ================================================================ */
.vx-trust{background:var(--black); border-top:1px solid rgba(255,255,255,.06); padding:26px 0}
.vx-trust-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:24px}
.vx-trust-item{display:flex; align-items:center; gap:15px}
.vx-trust-item .ico{color:var(--gold); flex:none}
.vx-trust-item h5{font-family:var(--sans); font-size:12.5px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; color:#efe9dd; margin:0 0 3px}
.vx-trust-item p{font-family:var(--sans); font-size:12px; color:#8f897d; margin:0; font-weight:300}

/* ================================================================
   COLLECTIONS
   ================================================================ */
.vx-collections{background:var(--cream); padding:78px 0 86px}
.vx-col-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:18px}
.vx-col-grid.vx-cols-1{grid-template-columns:1fr}
.vx-col-grid.vx-cols-2{grid-template-columns:repeat(2,1fr)}
.vx-col-grid.vx-cols-3{grid-template-columns:repeat(3,1fr)}
.vx-col-grid.vx-cols-4{grid-template-columns:repeat(4,1fr)}
.vx-col-grid.vx-cols-5{grid-template-columns:repeat(5,1fr)}
.vx-col-tile{position:relative; aspect-ratio:1/0.86; overflow:hidden; border-radius:2px; display:block}
.vx-col-tile img{width:100%; height:100%; object-fit:cover; transition:transform .6s}
.vx-col-tile::after{content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.82) 0%, rgba(0,0,0,.4) 48%, rgba(15,12,8,.32) 100%)}
.vx-col-tile:hover img{transform:scale(1.06)}
.vx-col-cap{position:absolute; left:0; right:0; bottom:26px; z-index:2; text-align:center; color:#fff}
.vx-col-cap .name{font-family:var(--serif); font-size:22px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; display:block; margin-bottom:3px}
.vx-col-cap .view{font-family:var(--sans); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-lt)}

/* ================================================================
   PRODUCT CARDS (shop / featured)
   ================================================================ */
.vx-featured{background:var(--cream); padding:20px 0 90px}
/* grid（高特异性覆盖 WC 的 .woocommerce ul.products float 布局） */
ul.products,
.woocommerce ul.products, .woocommerce-page ul.products{
  list-style:none; margin:0; padding:0; display:grid !important;
  grid-template-columns:repeat(3,1fr); gap:26px; width:100%;
}
.woocommerce ul.products.columns-4, ul.products.columns-4{grid-template-columns:repeat(4,1fr)}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, ul.products li.product{
  width:auto !important; float:none !important; margin:0 !important; clear:none !important;
}
.woocommerce ul.products::before, .woocommerce ul.products::after, ul.products::before, ul.products::after{content:none !important; display:none}
li.product, .vx-card{
  background:var(--card); border:1px solid var(--line); border-radius:3px; position:relative;
  padding:22px 20px 24px; text-align:left; transition:box-shadow .25s, border-color .25s; overflow:hidden;
}
li.product:hover, .vx-card:hover{box-shadow:0 14px 34px rgba(30,20,5,.10); border-color:var(--gold-lt)}
li.product a.woocommerce-LoopProduct-link, .vx-card a.card-link{display:block; color:inherit}
li.product .vx-wish, .vx-card .vx-wish{position:absolute; top:16px; right:16px; z-index:3; color:#c9c2b4; font-size:19px; line-height:1; cursor:pointer}
li.product .vx-wish:hover{color:var(--gold)}
li.product img, .vx-card .card-img img{width:100%; height:210px; object-fit:contain; margin:6px 0 18px; mix-blend-mode:multiply}
li.product .woocommerce-loop-product__title, .vx-card h3{
  font-family:var(--serif); font-size:19px; font-weight:600; color:var(--ink); margin:0 0 6px; padding:0; line-height:1.25;
}
li.product .price, .vx-card .price{
  font-family:var(--sans); font-size:15px; font-weight:600; color:var(--gold-dk); display:block; margin:0 0 8px;
}
li.product .price del{color:var(--muted-lt); font-weight:400; margin-right:8px}
li.product .price ins{text-decoration:none}
.vx-stars, .star-rating{color:var(--gold); font-size:13px}
li.product .star-rating{margin:2px 0 0; width:6em; font-size:13px}
li.product .button, li.product .added_to_cart{
  display:inline-block; margin-top:12px; background:transparent; border:1px solid var(--gold);
  color:var(--gold-dk); font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  padding:10px 18px; border-radius:2px; transition:.2s;
}
li.product .button:hover{background:var(--gold); color:#241a0c}

.vx-center-cta{text-align:center; margin-top:46px}

/* ================================================================
   招牌单品聚光（深色 band）
   ================================================================ */
.vx-spotlight{position:relative; background:var(--black); color:#efe9dd; overflow:hidden; padding:70px 0}
.vx-spot-glow{position:absolute; left:8%; top:50%; width:520px; height:520px; transform:translateY(-50%); background:radial-gradient(circle, rgba(120,82,40,.5) 0%, rgba(120,82,40,0) 68%); filter:blur(30px); z-index:0}
.vx-spot-inner{position:relative; z-index:2; display:grid; grid-template-columns:0.9fr 1.1fr; gap:56px; align-items:center}
.vx-spot-media{display:flex; justify-content:center}
.vx-spot-media img{max-height:460px; width:auto; object-fit:contain; filter:drop-shadow(0 30px 50px rgba(0,0,0,.55))}
.vx-spot-label{font-family:var(--sans); font-size:12px; font-weight:600; letter-spacing:.24em; text-transform:uppercase; color:var(--gold); display:block; margin-bottom:16px}
.vx-spot-text h2{font-family:var(--serif); font-size:42px; font-weight:500; color:#fff; line-height:1.12; margin:0 0 12px}
.vx-spot-sub{font-size:14px; color:#a49e92; letter-spacing:.04em; margin:0 0 18px}
.vx-spot-desc{font-family:var(--sans); font-weight:300; font-size:15.5px; line-height:1.8; color:#d7d2c9; max-width:460px; margin:0 0 22px}
.vx-spot-price{font-family:var(--sans); font-size:24px; font-weight:700; color:#fff; margin:0 0 28px}
.vx-spot-price del{color:#8a8578; font-weight:400; font-size:18px; margin-right:10px}
.vx-spot-price ins{text-decoration:none; color:var(--gold-lt)}

/* ================================================================
   SHOP ARCHIVE (sidebar filters + grid)
   ================================================================ */
.vx-shop-wrap{background:var(--cream); padding:46px 0 80px}
.vx-shop-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:26px; flex-wrap:wrap; gap:14px}
.vx-shop-head h1{font-family:var(--serif); font-size:30px; margin:0}
.vx-shop-tools{display:flex; align-items:center; gap:14px}
.woocommerce-result-count{color:var(--muted); font-size:13px; margin:0}
.woocommerce-ordering select, .vx-shop-tools select{
  font-family:var(--sans); font-size:12.5px; padding:9px 30px 9px 14px; border:1px solid var(--line);
  background:var(--card); border-radius:2px; color:var(--ink); appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236E6A63'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 12px center;
}

/* 顶部工具：Filter + Sort by（对齐设计稿） */
.vx-filter-toggle{display:inline-flex; align-items:center; gap:8px; background:var(--card); border:1px solid var(--line); border-radius:2px; padding:9px 16px; font-family:var(--sans); font-size:12.5px; color:var(--ink-2); cursor:pointer}
.vx-filter-toggle:hover{border-color:var(--gold)}
.vx-sortby{display:inline-flex; align-items:center; gap:10px}
.vx-sortby-label{font-size:12.5px; color:var(--muted)}
.vx-sortby .woocommerce-ordering{margin:0}
/* 价格滑块 */
.vx-price-filter{padding-top:4px}
.vx-price-range{-webkit-appearance:none; appearance:none; width:100%; height:3px; background:var(--line); border-radius:3px; outline:none; margin:8px 0}
.vx-price-range::-webkit-slider-thumb{-webkit-appearance:none; appearance:none; width:16px; height:16px; border-radius:50%; background:var(--gold); cursor:pointer; border:2px solid #fff; box-shadow:0 1px 3px rgba(0,0,0,.25)}
.vx-price-range::-moz-range-thumb{width:16px; height:16px; border-radius:50%; background:var(--gold); cursor:pointer; border:2px solid #fff}
.vx-price-vals{display:flex; justify-content:space-between; font-size:12.5px; color:var(--muted); margin-top:4px}
.vx-price-apply{margin-top:12px; background:transparent; border:1px solid var(--gold); color:var(--gold-dk); font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; padding:8px 18px; border-radius:2px; cursor:pointer}
.vx-price-apply:hover{background:var(--gold); color:#241a0c}

.vx-shop-layout{display:grid; grid-template-columns:246px 1fr; gap:38px; align-items:start}
.vx-shop-sidebar{background:transparent}
.vx-filter-group{margin-bottom:30px}
.vx-filter-group h4{font-family:var(--sans); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--ink); margin:0 0 15px; padding-bottom:12px; border-bottom:1px solid var(--line)}
.vx-filter-list{list-style:none; margin:0; padding:0}
.vx-filter-list li{display:flex; justify-content:space-between; align-items:center; padding:7px 0; font-size:13.5px; color:var(--ink-2)}
.vx-filter-list li a{color:var(--ink-2)}
.vx-filter-list li a:hover, .vx-filter-list li.current a{color:var(--gold-dk)}
.vx-filter-list .count{color:var(--muted-lt); font-size:12px}
.vx-filter-list li.current{font-weight:600}

/* pagination */
.woocommerce-pagination ul, nav.woocommerce-pagination ul{list-style:none; display:inline-flex; gap:6px; margin:40px 0 0; padding:0; justify-content:center; width:100%; border:none}
.woocommerce-pagination ul li{border:none; margin:0}
.woocommerce-pagination .page-numbers{
  display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 12px;
  border:1px solid var(--line); background:var(--card); color:var(--ink); font-size:13px; border-radius:2px;
}
.woocommerce-pagination .page-numbers.current{background:var(--gold); color:#241a0c; border-color:var(--gold)}
.woocommerce-pagination .page-numbers:hover:not(.current){border-color:var(--gold)}

/* ================================================================
   SINGLE PRODUCT
   ================================================================ */
.single-product .vx-shop-wrap{padding-top:32px}
.vx-breadcrumb{font-size:12.5px; color:var(--muted); letter-spacing:.04em; margin-bottom:26px}
.vx-breadcrumb a{color:var(--muted)}
.vx-breadcrumb a:hover{color:var(--gold-dk)}
.vx-breadcrumb .sep{margin:0 8px; color:var(--muted-lt)}

div.product{display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:start}
div.product .woocommerce-product-gallery{background:var(--card); border:1px solid var(--line); border-radius:3px; padding:34px; position:relative}
div.product .woocommerce-product-gallery img{mix-blend-mode:multiply}
div.product .flex-control-thumbs{display:flex; gap:12px; margin-top:20px; padding:0; list-style:none}
div.product .flex-control-thumbs li{width:70px}
div.product .flex-control-thumbs img{border:1px solid var(--line); border-radius:2px; padding:6px; cursor:pointer; opacity:.7}
div.product .flex-control-thumbs img.flex-active, div.product .flex-control-thumbs img:hover{opacity:1; border-color:var(--gold)}

.vx-summary, div.product .summary{padding-top:6px}
div.product .product_title{font-family:var(--serif); font-size:36px; font-weight:600; margin:0 0 6px; line-height:1.1}
.vx-subtitle{font-family:var(--sans); font-size:14px; color:var(--muted); margin:0 0 14px; letter-spacing:.02em}
div.product .woocommerce-product-rating{display:flex; align-items:center; gap:10px; margin:0 0 18px}
div.product .woocommerce-product-rating .woocommerce-review-link{color:var(--muted); font-size:13px}
div.product p.price, div.product .price{font-family:var(--sans); font-size:26px; font-weight:700; color:var(--ink); margin:0 0 20px}
div.product p.price del{color:var(--muted-lt); font-weight:400; font-size:20px; margin-right:10px}
div.product p.price ins{text-decoration:none; color:var(--gold-dk)}
.woocommerce-product-details__short-description{color:var(--ink-2); font-size:14.5px; line-height:1.75; margin:0 0 24px; max-width:460px}

/* spec table */
.vx-specs{margin:0 0 28px; border-top:1px solid var(--line)}
.vx-specs .row{display:flex; padding:11px 0; border-bottom:1px solid var(--line); font-size:13.5px}
.vx-specs .k{width:120px; flex:none; color:var(--muted); letter-spacing:.03em}
.vx-specs .v{color:var(--ink-2); font-weight:500}

div.product form.cart{display:flex; align-items:stretch; gap:14px; margin:0 0 20px}
div.product form.cart .quantity{display:flex; align-items:center; border:1px solid var(--line); border-radius:2px; background:var(--card)}
div.product form.cart .quantity input.qty{width:52px; border:none; text-align:center; height:52px; font-family:var(--sans); font-size:15px; background:transparent}
.vx-qty-btn{width:44px; height:52px; border:none; background:transparent; font-size:18px; color:var(--ink); line-height:1}
div.product form.cart button.single_add_to_cart_button{
  flex:1; background:var(--gold); color:#241a0c; border:none; border-radius:2px; font-size:12.5px;
  font-weight:600; letter-spacing:.13em; text-transform:uppercase; padding:0 30px; min-height:52px; white-space:nowrap;
}
div.product form.cart button.single_add_to_cart_button:hover{background:var(--gold-lt)}
.vx-meta-line{font-size:12.5px; color:var(--muted); margin-top:6px}
.vx-meta-line span{color:var(--ink-2)}

/* tabs / accordion */
.woocommerce-tabs{grid-column:1/-1; margin-top:56px}
.woocommerce-tabs ul.tabs{list-style:none; margin:0 0 0; padding:0; border-bottom:1px solid var(--line); display:flex; gap:0}
.woocommerce-tabs ul.tabs li{margin:0}
.woocommerce-tabs ul.tabs li a{display:block; padding:16px 26px; font-family:var(--sans); font-size:12.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); border-bottom:2px solid transparent}
.woocommerce-tabs ul.tabs li.active a{color:var(--ink); border-bottom-color:var(--gold)}
.woocommerce-tabs .panel{padding:28px 2px; font-size:14.5px; line-height:1.8; color:var(--ink-2)}
.woocommerce-tabs .panel h2{font-size:24px; margin-bottom:14px}

/* 单品 tabs 手风琴（对齐设计稿：竖排折叠 + ▼） */
.woocommerce-tabs ul.tabs, .woocommerce-tabs ul.wc-tabs{display:none}
.vx-acc{grid-column:1/-1; margin-top:8px; border-top:1px solid var(--line)}
.vx-acc-item{border-bottom:1px solid var(--line)}
.vx-acc-head{width:100%; display:flex; align-items:center; justify-content:space-between; background:none; border:none; padding:20px 4px; text-align:left; font-family:var(--sans); font-size:12.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--ink); cursor:pointer}
.vx-acc-ico{color:var(--gold-dk); font-size:14px; transition:transform .25s}
.vx-acc-item.open .vx-acc-ico{transform:rotate(180deg)}
.vx-acc-body{display:none; padding:0 4px 24px; font-size:14.5px; line-height:1.8; color:var(--ink-2)}
.vx-acc-item.open .vx-acc-body{display:block}
.vx-acc-body h2{font-size:22px; margin-bottom:12px}
.vx-acc-body p{margin:0 0 1em}

/* related products */
.related.products, .up-sells{grid-column:1/-1; margin-top:64px}
.related.products > h2, .up-sells > h2{font-family:var(--serif); font-size:28px; text-align:center; letter-spacing:.05em; text-transform:uppercase; margin-bottom:34px}

/* ================================================================
   WC 按钮统一刷成品牌金（覆盖 WooCommerce 默认紫）
   ================================================================ */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce input.button.alt, .woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce #place_order,
.woocommerce-page a.button, .woocommerce-page button.button{
  background:var(--gold) !important; background-color:var(--gold) !important; color:#241a0c !important;
  border:none !important; border-radius:2px !important; font-family:var(--sans) !important;
  font-weight:600 !important; letter-spacing:.1em !important; text-transform:uppercase !important; text-shadow:none !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce #place_order:hover{
  background:var(--gold-lt) !important; background-color:var(--gold-lt) !important; color:#241a0c !important;
}
/* 大主按钮 */
.woocommerce .wc-proceed-to-checkout a.checkout-button, .woocommerce #place_order{
  display:block; text-align:center; padding:17px !important; font-size:13px !important; letter-spacing:.14em !important; width:100%;
}
/* 次级（更新购物车/应用优惠券）稍弱 */
.woocommerce button[name="update_cart"], .woocommerce button[name="apply_coupon"]{
  background:transparent !important; color:var(--gold-dk) !important; border:1px solid var(--gold) !important; padding:12px 20px !important;
}
.woocommerce button[name="update_cart"]:hover, .woocommerce button[name="apply_coupon"]:hover{
  background:var(--gold) !important; color:#241a0c !important;
}

/* ================================================================
   WC NOTICES
   ================================================================ */
.woocommerce-message, .woocommerce-info, .woocommerce-error{
  list-style:none; background:var(--card); border-left:3px solid var(--gold); padding:16px 20px;
  margin:0 0 24px; font-size:14px; color:var(--ink-2); border-radius:2px; box-shadow:0 4px 14px rgba(0,0,0,.05);
}
.woocommerce-error{border-left-color:#b5462f}
.woocommerce-message .button, .woocommerce-info .button{
  float:right; background:var(--gold); color:#241a0c; padding:7px 16px; font-size:11px; font-weight:600;
  letter-spacing:.1em; text-transform:uppercase; border-radius:2px;
}

/* ================================================================
   CART
   ================================================================ */
.woocommerce-cart .vx-shop-wrap, .woocommerce-checkout .vx-shop-wrap, .woocommerce-account .vx-shop-wrap{padding-top:56px}
.woocommerce-cart-form table.cart, table.shop_table{width:100%; border-collapse:collapse; background:var(--card); border:1px solid var(--line); border-radius:3px}
table.shop_table th{font-family:var(--sans); font-size:11.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); text-align:left; padding:16px 18px; border-bottom:1px solid var(--line)}
table.shop_table td{padding:18px; border-bottom:1px solid var(--line); font-size:14px; vertical-align:middle}
table.cart img{width:64px; border:1px solid var(--line); border-radius:2px}
.product-name a{font-family:var(--serif); font-size:17px; color:var(--ink)}
.cart .quantity input.qty{width:64px; padding:8px; border:1px solid var(--line); border-radius:2px; text-align:center}
td.product-remove a{color:var(--muted-lt); font-size:18px; text-decoration:none}
td.product-remove a:hover{color:#b5462f}
.cart-collaterals, .cart_totals{margin-top:28px}
.cart_totals h2{font-size:24px; margin-bottom:16px}
.actions .coupon{display:flex; gap:10px}
.actions .coupon input{padding:12px 14px; border:1px solid var(--line); border-radius:2px; min-width:200px}
.cart_totals table{background:var(--card); border:1px solid var(--line)}
.wc-proceed-to-checkout a.checkout-button{
  display:block; text-align:center; background:var(--gold); color:#241a0c; padding:17px; margin-top:16px;
  font-weight:600; letter-spacing:.14em; text-transform:uppercase; font-size:13px; border-radius:2px;
}
.wc-proceed-to-checkout a.checkout-button:hover{background:var(--gold-lt); color:#241a0c}

/* ================================================================
   CHECKOUT
   ================================================================ */
.vx-checkout-steps{display:flex; align-items:center; gap:14px; margin:0 0 30px; font-family:var(--sans); font-size:13px; color:var(--muted-lt); letter-spacing:.03em}
.vx-checkout-steps .active{color:var(--gold-dk); font-weight:600}
.vx-checkout-steps .sep{color:var(--line)}
.vx-continue-shopping{display:block; text-align:center; margin-top:14px; font-size:13px; color:var(--muted); text-decoration:underline; text-underline-offset:3px}
.vx-continue-shopping:hover{color:var(--gold-dk)}
.woocommerce-checkout .col2-set, .woocommerce-checkout #customer_details{margin-bottom:20px}
.woocommerce form .form-row{margin:0 0 16px; display:flex; flex-direction:column}
.woocommerce form .form-row label{font-size:12.5px; color:var(--ink-2); margin-bottom:6px; font-weight:500}
.woocommerce form .input-text, .woocommerce form textarea, .woocommerce .select2-selection, .woocommerce select{
  padding:13px 14px; border:1px solid var(--line); border-radius:2px; font-family:var(--sans); font-size:14px;
  background:var(--card); color:var(--ink); width:100%;
}
.woocommerce form .input-text:focus, .woocommerce form textarea:focus{outline:none; border-color:var(--gold)}
#order_review, .woocommerce-checkout-review-order{background:var(--card); border:1px solid var(--line); border-radius:3px; padding:26px}
#order_review h3, .woocommerce-checkout h3{font-size:20px; margin-bottom:14px}
#payment{background:transparent}
#payment ul.payment_methods{list-style:none; margin:0 0 18px; padding:18px; border:1px solid var(--line); border-radius:2px}
#place_order, button.button.alt{
  background:var(--gold); color:#241a0c; border:none; border-radius:2px; font-size:13px; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; padding:16px 34px; width:100%;
}
#place_order:hover, button.button.alt:hover{background:var(--gold-lt); color:#241a0c}

/* my account */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none; margin:0; padding:0; border:1px solid var(--line); border-radius:3px; overflow:hidden; background:var(--card)}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block; padding:13px 18px; font-size:13.5px; border-bottom:1px solid var(--line)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--cream-2); color:var(--gold-dk); font-weight:600}
.woocommerce-account .col2-set{display:grid; grid-template-columns:1fr 1fr; gap:30px}

/* cart/checkout/account 用宽容器 + 米底 */
.woocommerce-cart .vx-page, .woocommerce-checkout .vx-page, .woocommerce-account .vx-page{padding-top:52px}
.woocommerce-cart .vx-page .vx-container,
.woocommerce-checkout .vx-page .vx-container,
.woocommerce-account .vx-page .vx-container{max-width:var(--wrap)}
.woocommerce-cart .vx-page h1, .woocommerce-checkout .vx-page h1, .woocommerce-account .vx-page h1{font-size:32px; margin-bottom:26px}

/* checkout 两栏：左表单 右订单摘要 */
@media(min-width:861px){
  form.checkout.woocommerce-checkout{display:grid; grid-template-columns:1fr 400px; column-gap:44px; align-items:start}
  form.checkout #customer_details{grid-column:1; grid-row:1 / span 2}
  form.checkout #order_review_heading{grid-column:2; grid-row:1; margin:0 0 14px}
  form.checkout #order_review{grid-column:2; grid-row:2}
}
.woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2{width:100%; float:none}
.woocommerce-billing-fields h3, .woocommerce-shipping-fields h3, #order_review_heading{font-size:20px}
/* 两个名字并排 */
#billing_first_name_field, #billing_last_name_field{display:inline-block; width:48.5%}
#billing_first_name_field{margin-right:2.5%}

/* cart 布局：表格 + 右侧合计 */
@media(min-width:861px){
  .woocommerce-cart-form{margin-bottom:8px}
  .woocommerce .cart-collaterals{display:flex; justify-content:flex-end}
  .woocommerce .cart-collaterals .cart_totals{width:420px}
}

/* ================================================================
   PAGE / GENERIC
   ================================================================ */
.vx-page{background:var(--cream); padding:64px 0 80px}
.vx-page .vx-container{max-width:900px}
.vx-page h1{font-size:38px; margin-bottom:24px}

/* ================================================================
   WHY CHOOSE US
   ================================================================ */
.vx-why{background:var(--cream-2); padding:74px 0}
.vx-why-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:34px; margin-top:8px}
.vx-why-item{text-align:center}
.vx-why-item .ico{width:56px; height:56px; margin:0 auto 16px; border:1px solid var(--gold); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--gold)}
.vx-why-item h4{font-family:var(--sans); font-size:14px; font-weight:600; letter-spacing:.06em; margin:0 0 8px; color:var(--ink)}
.vx-why-item p{font-size:12.5px; color:var(--muted); margin:0; line-height:1.6}

/* ================================================================
   ABOUT
   ================================================================ */
.vx-about-story{background:var(--cream); padding:76px 0 40px}
.vx-about-grid{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center}
.vx-about-grid h2{font-size:34px; letter-spacing:.04em; text-transform:uppercase; margin-bottom:22px}
.vx-about-grid p{color:var(--ink-2); font-size:15px; line-height:1.85}
.vx-about-grid .img{border-radius:3px; overflow:hidden; aspect-ratio:1/1}
.vx-about-grid .img img{width:100%; height:100%; object-fit:cover}
.vx-about-band{width:100%; height:340px; object-fit:cover; margin-top:20px}

/* ================================================================
   CONTACT
   ================================================================ */
.vx-contact{background:var(--cream); padding:74px 0}
.vx-contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:56px}
.vx-contact h2{font-size:34px; letter-spacing:.04em; text-transform:uppercase; margin-bottom:14px}
.vx-contact .lead{color:var(--muted); margin-bottom:30px; max-width:320px}
.vx-contact-info{display:flex; flex-direction:column; gap:24px}
.vx-contact-info .item{display:flex; gap:16px}
.vx-contact-info .ico{color:var(--gold); flex:none; width:24px; margin-top:2px}
.vx-contact-info h5{font-family:var(--sans); font-size:13px; font-weight:600; margin:0 0 3px; color:var(--ink)}
.vx-contact-info p{font-size:13.5px; color:var(--muted); margin:0; line-height:1.6; white-space:pre-line}
.vx-contact-form{display:flex; flex-direction:column; gap:14px}
.vx-contact-form input, .vx-contact-form textarea{padding:14px 16px; border:1px solid var(--line); border-radius:2px; font-family:var(--sans); font-size:14px; background:var(--card); width:100%}
.vx-contact-form textarea{min-height:130px; resize:vertical}
.vx-contact-form input:focus, .vx-contact-form textarea:focus{outline:none; border-color:var(--gold)}
.vx-map{width:100%; height:300px; margin-top:44px; background:#141b26 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 20h40M20 0v40' stroke='%23223' stroke-width='1'/%3E%3C/svg%3E"); position:relative; border-radius:3px}
.vx-map .pin{position:absolute; left:50%; top:45%; transform:translate(-50%,-100%); color:var(--gold)}
.vx-sent-note{background:var(--card); border-left:3px solid var(--gold); padding:14px 18px; margin-bottom:20px; font-size:14px; color:var(--ink-2)}

/* ================================================================
   FOOTER
   ================================================================ */
.vx-footer{background:var(--black); color:#b9b3a6}
.vx-footer-top{display:grid; grid-template-columns:1.4fr 1fr 1.2fr 1fr 1.6fr; gap:36px; padding:60px 32px 48px}
.vx-logo-footer{flex-direction:column; align-items:flex-start; gap:14px}
.vx-logo-footer .vx-logo-mark{height:46px}
.vx-logo-footer .vx-logo-text{align-items:flex-start}
.vx-footer .vx-brand{font-size:26px}
.vx-socials{display:flex; gap:12px; margin-top:6px}
.vx-socials a{width:34px; height:34px; border:1px solid #3a3a3a; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#b9b3a6}
.vx-socials a:hover{border-color:var(--gold); color:var(--gold)}
.vx-footer-col h4{font-family:var(--sans); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); margin:0 0 20px}
.vx-flinks{list-style:none; margin:0; padding:0}
.vx-flinks li{margin-bottom:11px}
.vx-flinks a{font-size:13px; color:#b9b3a6}
.vx-flinks a:hover{color:var(--gold)}
.vx-footer-news p{font-size:13px; color:#8f897d; line-height:1.6; margin-bottom:16px}
.vx-news-form{display:flex; gap:8px}
.vx-news-form input{flex:1; padding:12px 14px; background:#141414; border:1px solid #333; color:#efe9dd; font-size:13px; border-radius:2px}
.vx-news-form button{background:var(--gold); color:#241a0c; border:none; width:46px; border-radius:2px; display:flex; align-items:center; justify-content:center}
.vx-footer-bottom{border-top:1px solid #262626}
.vx-footer-bottom-inner{display:flex; align-items:center; justify-content:space-between; padding:20px 32px; flex-wrap:wrap; gap:12px}
.vx-copy{font-size:12px; color:#78736a}
.vx-copy a{color:#8f897d}
.vx-pay-icons{display:flex; gap:8px}
.vx-pay{font-size:10px; font-weight:700; letter-spacing:.05em; color:#8f897d; border:1px solid #333; border-radius:3px; padding:4px 8px; background:#161616}

/* ================================================================
   设计板：6 个页面展示块（3×2，1:1 复刻设计稿）
   ================================================================ */
.vx-board{background:var(--cream); padding:10px 0 80px}
.vx-board-row{display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-bottom:42px; align-items:start}
.vx-board-label{font-family:var(--sans); font-size:12px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:#5a564e; margin:0 0 12px}
.vx-board-card{background:#faf7f2; border:1px solid var(--line); border-radius:4px; padding:16px; font-family:var(--sans); font-size:10.5px; color:var(--ink-2); line-height:1.5; overflow:hidden}
.vx-b-stars{color:var(--gold); letter-spacing:1px; font-size:10px}

/* ---- SHOP / COLLECTION ---- */
.vx-b-shop-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:12px}
.vx-b-shop-head strong{font-family:var(--serif); font-size:15px; color:var(--ink); font-weight:600}
.vx-b-tools{font-size:8.5px; color:var(--muted); letter-spacing:.05em}
.vx-b-shop-body{display:grid; grid-template-columns:66px 1fr; gap:10px}
.vx-b-side h6{font-size:8px; font-weight:700; letter-spacing:.08em; color:var(--ink); margin:0 0 4px; text-transform:uppercase}
.vx-b-side ul{list-style:none; margin:0 0 10px; padding:0}
.vx-b-side li{display:flex; justify-content:space-between; font-size:8.5px; color:var(--muted); padding:1.5px 0}
.vx-b-side li em{font-style:normal; color:var(--muted-lt)}
.vx-b-slider .vx-b-track{display:block; height:2px; background:var(--line); border-radius:2px; position:relative; margin:6px 0 4px}
.vx-b-slider .vx-b-knob{position:absolute; right:20%; top:-3px; width:8px; height:8px; border-radius:50%; background:var(--gold)}
.vx-b-slabels{display:flex; justify-content:space-between; font-size:8px; color:var(--muted-lt)}
.vx-b-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:7px}
.vx-b-pcard{background:#fff; border:1px solid var(--line); border-radius:3px; padding:7px 6px; position:relative; text-align:left}
.vx-b-wish{position:absolute; top:5px; right:5px; color:#c9c2b4; font-size:9px}
.vx-b-pcard img{width:100%; height:52px; object-fit:contain; mix-blend-mode:multiply; margin-bottom:5px}
.vx-b-pname{font-family:var(--serif); font-size:9px; color:var(--ink); font-weight:600; line-height:1.15; min-height:22px}
.vx-b-price{color:var(--gold-dk); font-weight:600; font-size:8.5px; margin:2px 0}

/* ---- PRODUCT PAGE ---- */
.vx-b-crumb{font-size:8.5px; color:var(--muted); margin-bottom:10px}
.vx-b-prod-main{display:grid; grid-template-columns:44% 1fr; gap:12px}
.vx-b-bigimg{background:#fff; border:1px solid var(--line); border-radius:3px; padding:10px; height:120px; display:flex; align-items:center; justify-content:center}
.vx-b-bigimg img{max-height:100%; object-fit:contain; mix-blend-mode:multiply}
.vx-b-thumbs{display:flex; gap:5px; margin-top:6px}
.vx-b-thumbs img{width:26px; height:30px; object-fit:contain; border:1px solid var(--line); border-radius:2px; padding:2px; mix-blend-mode:multiply}
.vx-b-prod-info h3{font-family:var(--serif); font-size:15px; color:var(--ink); font-weight:600; margin:0 0 3px; line-height:1.1}
.vx-b-sub{font-size:9px; color:var(--muted); margin-bottom:5px}
.vx-b-rating{display:flex; align-items:center; gap:5px; font-size:8.5px; color:var(--muted); margin-bottom:6px}
.vx-b-bigprice{font-size:16px; font-weight:700; color:var(--ink); margin-bottom:7px}
.vx-b-desc{font-size:8.5px; color:var(--muted); margin:0 0 8px; line-height:1.5}
.vx-b-specs div{display:flex; gap:8px; font-size:8.5px; padding:2px 0; border-bottom:1px solid var(--line)}
.vx-b-specs span{width:52px; color:var(--muted); flex:none}
.vx-b-specs b{color:var(--ink-2); font-weight:600}
.vx-b-buy{display:flex; gap:7px; margin-top:9px}
.vx-b-qty{border:1px solid var(--line); border-radius:2px; padding:5px 8px; font-size:9px; background:#fff; white-space:nowrap}
.vx-b-add{flex:1; display:flex; align-items:center; justify-content:center; background:var(--gold); color:#241a0c !important; border:none; border-radius:2px; font-size:8.5px; font-weight:700; letter-spacing:.08em; padding:6px 4px; text-align:center}
.vx-b-add:hover{background:var(--gold-lt); color:#241a0c !important}
.vx-b-add.added{opacity:.7}
a.vx-b-tools{color:var(--muted); font-size:8.5px; letter-spacing:.05em}
a.vx-b-tools:hover{color:var(--gold-dk)}
.vx-b-side li a{color:var(--muted)}
.vx-b-side li a:hover{color:var(--gold-dk)}
.vx-b-slabels a{color:var(--muted-lt)}
.vx-b-pcard{color:inherit}
.vx-b-pname a,.vx-b-cart-name a,.vx-b-prod-info h3 a{color:inherit}
.vx-b-cart-empty{font-size:9.5px; color:var(--muted); padding:14px 0; text-align:center}
a.vx-b-checkout,a.vx-b-pay{display:block; text-align:center; text-decoration:none; color:#241a0c !important}
a.vx-b-checkout:hover,a.vx-b-pay:hover{background:var(--gold-lt); color:#241a0c !important}
.vx-b-co-note{font-size:7.5px; color:var(--muted-lt); margin:8px 0 0; line-height:1.4; text-align:center}
.vx-b-about-more{display:inline-block; margin-top:4px; font-size:8.5px; color:var(--gold-dk); font-weight:600}
.vx-b-acc-row{text-decoration:none}
.vx-b-sent{background:#fff; border-left:2px solid var(--gold); padding:8px 10px; font-size:8.5px; color:var(--ink-2); margin-bottom:10px}
.vx-b-acc{margin-top:12px; border-top:1px solid var(--line)}
.vx-b-acc-row{display:flex; justify-content:space-between; padding:8px 2px; border-bottom:1px solid var(--line); font-size:9px; font-weight:600; letter-spacing:.06em; color:var(--ink)}
.vx-b-acc-row span{color:var(--gold-dk)}

/* ---- SHOPPING CART ---- */
.vx-b-cart-title{font-family:var(--serif); font-size:15px; font-weight:600; color:var(--ink); margin-bottom:12px}
.vx-b-cart-row{display:grid; grid-template-columns:26px 1fr auto auto 12px; gap:8px; align-items:center; padding:8px 0; border-bottom:1px solid var(--line)}
.vx-b-cart-row img{width:26px; height:32px; object-fit:contain; mix-blend-mode:multiply}
.vx-b-cart-name{font-family:var(--serif); font-size:10px; color:var(--ink); line-height:1.2}
.vx-b-cart-name span{display:block; font-family:var(--sans); font-size:8.5px; color:var(--muted); margin-top:2px; white-space:nowrap}
.vx-b-cart-name span bdi, .vx-b-price bdi, .vx-b-bigprice bdi{white-space:nowrap}
.vx-b-cart-qty{border:1px solid var(--line); border-radius:2px; padding:3px 6px; font-size:8.5px; background:#fff; white-space:nowrap}
.vx-b-cart-lt{font-size:9px; font-weight:600; color:var(--ink-2)}
.vx-b-cart-x{color:var(--muted-lt); font-size:11px}
.vx-b-promo{display:flex; gap:6px; margin:12px 0}
.vx-b-promo input{flex:1; border:1px solid var(--line); border-radius:2px; padding:6px 8px; font-size:8.5px; background:#fff}
.vx-b-promo button{background:transparent; border:1px solid var(--gold); color:var(--gold-dk); border-radius:2px; font-size:8px; font-weight:700; padding:0 12px; letter-spacing:.05em}
.vx-b-cart-tot{display:flex; justify-content:space-between; font-size:9px; color:var(--muted); padding:3px 0}
.vx-b-cart-grand{font-size:13px; color:var(--ink); font-weight:700; border-top:1px solid var(--line); margin-top:5px; padding-top:8px}
.vx-b-cart-grand b{font-weight:700}
.vx-b-checkout{width:100%; background:var(--gold); color:#241a0c; border:none; border-radius:2px; padding:10px; font-size:9px; font-weight:700; letter-spacing:.1em; margin-top:12px}
.vx-b-continue{display:block; text-align:center; font-size:9px; color:var(--muted); text-decoration:underline; margin-top:8px}

/* ---- CHECKOUT ---- */
.vx-b-co-title{font-family:var(--serif); font-size:15px; font-weight:600; color:var(--ink); margin-bottom:8px}
.vx-b-steps{font-size:8.5px; color:var(--muted-lt); margin-bottom:12px}
.vx-b-steps .on{color:var(--gold-dk); font-weight:700}
.vx-b-co-cols{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.vx-b-co-left h6,.vx-b-co-right h6{font-size:9px; font-weight:700; color:var(--ink); margin:0 0 6px; letter-spacing:.04em}
.vx-b-co-left input,.vx-b-card input{width:100%; border:1px solid var(--line); border-radius:2px; padding:5px 7px; font-size:8.5px; margin-bottom:6px; background:#fff; color:var(--ink-2)}
.vx-b-check{font-size:8px; color:var(--muted); margin:2px 0 10px}
.vx-b-check span{color:var(--gold-dk)}
.vx-b-row2{display:grid; grid-template-columns:1fr 1fr; gap:6px}
.vx-b-row3{display:grid; grid-template-columns:1fr 1fr 1fr; gap:6px}
.vx-b-os-row{display:grid; grid-template-columns:20px 1fr auto; gap:6px; align-items:center; font-size:8px; padding:4px 0; color:var(--muted)}
.vx-b-os-row img{width:20px; height:24px; object-fit:contain; mix-blend-mode:multiply}
.vx-b-os-row b{color:var(--ink-2)}
.vx-b-os-line{display:flex; justify-content:space-between; font-size:8.5px; color:var(--muted); padding:3px 0; border-top:1px solid var(--line)}
.vx-b-os-total{font-size:12px; font-weight:700; color:var(--ink)}
.vx-b-pm{margin-top:12px !important}
.vx-b-card{border:1px solid var(--line); border-radius:3px; padding:9px; background:#fff}
.vx-b-card-top{display:flex; justify-content:space-between; font-size:8.5px; margin-bottom:7px; color:var(--ink-2)}
.vx-b-cardicons{color:var(--muted-lt); font-size:7.5px}
.vx-b-pay{width:100%; background:var(--gold); color:#241a0c; border:none; border-radius:2px; padding:9px; font-size:9px; font-weight:700; letter-spacing:.1em; margin-top:10px}

/* ---- ABOUT US ---- */
.vx-b-about{padding:0; background:#faf7f2}
.vx-b-about-top{display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:16px 16px 0}
.vx-b-about-txt h4{font-family:var(--serif); font-size:15px; color:var(--ink); font-weight:600; margin:0 0 8px}
.vx-b-about-txt p{font-size:8.5px; color:var(--muted); margin:0 0 7px; line-height:1.6}
.vx-b-about-img{border-radius:3px; overflow:hidden; min-height:110px}
.vx-b-about-img img{width:100%; height:100%; object-fit:cover; min-height:110px}
.vx-b-why{text-align:center; padding:16px}
.vx-b-why h5{font-family:var(--serif); font-size:14px; color:var(--ink); font-weight:600; letter-spacing:.04em; margin:0 0 14px}
.vx-b-why-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:8px}
.vx-b-why-grid>div{display:flex; flex-direction:column; align-items:center}
.vx-b-wi{width:34px; height:34px; border:1px solid var(--gold); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--gold); margin-bottom:6px}
.vx-b-why-grid b{font-size:8px; color:var(--ink); margin-bottom:3px}
.vx-b-why-grid small{font-size:7px; color:var(--muted); line-height:1.3}
.vx-b-band{height:110px; background-size:cover; background-position:center}

/* ---- CONTACT US ---- */
.vx-b-contact h4{font-family:var(--serif); font-size:15px; color:var(--ink); font-weight:600; margin:0 0 12px}
.vx-b-contact-cols{display:grid; grid-template-columns:1fr 1fr; gap:14px}
.vx-b-ci-lead{font-size:8.5px; color:var(--muted); margin-bottom:12px; line-height:1.5}
.vx-b-ci-item{display:flex; gap:8px; margin-bottom:11px; align-items:flex-start}
.vx-b-ci-ico{color:var(--gold); font-size:12px; flex:none; line-height:1}
.vx-b-ci-item b{display:block; font-size:8.5px; color:var(--ink); margin-bottom:2px}
.vx-b-ci-item small{font-size:8px; color:var(--muted); line-height:1.4}
.vx-b-cf input,.vx-b-cf textarea{width:100%; border:1px solid var(--line); border-radius:2px; padding:7px 8px; font-size:8.5px; margin-bottom:7px; background:#fff}
.vx-b-cf textarea{min-height:56px; resize:none}
.vx-b-cf button{width:100%; background:var(--gold); color:#241a0c; border:none; border-radius:2px; padding:8px; font-size:8.5px; font-weight:700; letter-spacing:.08em}
.vx-b-map{height:96px; margin-top:14px; border-radius:3px; background:#141b26 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath d='M0 15h30M15 0v30' stroke='%23223' stroke-width='1'/%3E%3C/svg%3E"); position:relative}
.vx-b-pin{position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); color:var(--gold); font-size:16px}

/* ================================================================
   功能块全宽可读版（覆盖上面的缩略版；真功能模块要正常大小）
   ================================================================ */
.vx-board{padding:24px 0 96px}
.vx-board-row{display:block; margin:0}
.vx-board-col{margin:0 0 66px}
.vx-board-label{font-size:13px; letter-spacing:.16em; color:#5a564e; margin:0 0 20px}
.vx-board-card{padding:40px; font-size:14px; line-height:1.65; border-radius:5px}
.vx-b-stars{font-size:13px}

/* SHOP 全宽 */
.vx-b-shop-head{margin-bottom:22px}
.vx-b-shop-head strong{font-size:27px}
a.vx-b-tools{font-size:13px}
.vx-b-shop-body{grid-template-columns:236px 1fr; gap:44px}
.vx-b-side h6{font-size:12px; letter-spacing:.12em; margin:0 0 14px; padding-bottom:11px; border-bottom:1px solid var(--line)}
.vx-b-side ul{margin:0 0 26px}
.vx-b-side li{font-size:14px; padding:6px 0}
.vx-b-side li em{font-size:13px}
.vx-b-slider .vx-b-track{height:3px; margin:10px 0 6px}
.vx-b-slider .vx-b-knob{width:14px; height:14px; top:-5px}
.vx-b-slabels{font-size:13px}
.vx-b-grid{grid-template-columns:repeat(3,1fr); gap:26px}
.vx-b-pcard{padding:22px 20px}
.vx-b-wish{top:15px; right:16px; font-size:18px}
.vx-b-pcard img{height:190px; margin-bottom:16px}
.vx-b-pname{font-size:18px; min-height:auto; margin-bottom:6px; line-height:1.25}
.vx-b-price{font-size:15px; margin:0 0 4px}

/* PRODUCT 全宽 */
.vx-b-crumb{font-size:13px; margin-bottom:26px}
.vx-b-prod-main{grid-template-columns:44% 1fr; gap:50px}
.vx-b-bigimg{height:440px; padding:36px; border-radius:4px}
.vx-b-thumbs{gap:12px; margin-top:20px}
.vx-b-thumbs img{width:72px; height:84px; padding:6px; border-radius:3px}
.vx-b-prod-info h3{font-size:34px; margin:0 0 6px}
.vx-b-sub{font-size:14px; margin-bottom:16px}
.vx-b-rating{font-size:13px; margin-bottom:18px}
.vx-b-bigprice{font-size:27px; margin-bottom:20px}
.vx-b-desc{font-size:14.5px; margin-bottom:24px; max-width:470px; line-height:1.75}
.vx-b-specs{margin:0 0 6px}
.vx-b-specs div{font-size:13.5px; padding:11px 0}
.vx-b-specs span{width:120px}
.vx-b-buy{gap:14px; margin-top:22px}
.vx-b-qty{padding:0 22px; font-size:15px; min-height:52px; display:inline-flex; align-items:center}
.vx-b-add{flex:1; font-size:12.5px; padding:0 34px; min-height:52px; letter-spacing:.14em}
.vx-b-acc{margin-top:44px}
.vx-b-acc-row{padding:18px 4px; font-size:12.5px; letter-spacing:.12em}
.vx-b-acc-row span{font-size:15px}

/* CART 全宽（内容居中 760） */
.vx-b-cart{max-width:800px; margin-left:auto; margin-right:auto}
.vx-b-cart-title{font-size:26px; margin-bottom:20px}
.vx-b-cart-row{grid-template-columns:60px 1fr auto auto 22px; gap:18px; padding:16px 0}
.vx-b-cart-row img{width:56px; height:66px}
.vx-b-cart-name{font-size:17px}
.vx-b-cart-name span{font-size:13.5px}
.vx-b-cart-qty{padding:7px 14px; font-size:13px}
.vx-b-cart-lt{font-size:14px}
.vx-b-cart-x{font-size:19px}
.vx-b-cart-tot{font-size:14px; padding:5px 0}
.vx-b-cart-grand{font-size:20px; padding-top:14px; margin-top:8px}
.vx-b-checkout{padding:16px; font-size:13px; letter-spacing:.14em; margin-top:22px}
.vx-b-continue{font-size:13px; margin-top:14px}
.vx-b-cart-empty{font-size:16px; padding:34px 0}

/* CHECKOUT 全宽（订单摘要居中 520） */
.vx-b-checkout-blk{max-width:560px; margin-left:auto; margin-right:auto}
.vx-b-co-title{font-size:26px; margin-bottom:10px}
.vx-b-steps{font-size:13px; margin-bottom:22px}
.vx-b-checkout-blk h6{font-size:13px; margin:0 0 12px}
.vx-b-os-row{grid-template-columns:44px 1fr auto; gap:12px; font-size:13px; padding:9px 0}
.vx-b-os-row img{width:40px; height:48px}
.vx-b-os-line{font-size:14px; padding:8px 0}
.vx-b-os-total{font-size:19px}
.vx-b-pay{padding:15px; font-size:13px; letter-spacing:.14em; margin-top:18px}
.vx-b-co-note{font-size:12px; margin-top:12px}

/* ABOUT 全宽 */
.vx-b-about-top{grid-template-columns:1fr 1fr; gap:44px; padding:0}
.vx-b-about-txt h4{font-size:30px; margin-bottom:16px}
.vx-b-about-txt p{font-size:14.5px; margin-bottom:14px; line-height:1.85}
.vx-b-about-more{font-size:13px; margin-top:8px}
.vx-b-about-img{min-height:300px; border-radius:4px}
.vx-b-about-img img{min-height:300px}
.vx-b-why{padding:48px 0 20px}
.vx-b-why h5{font-size:26px; margin-bottom:30px}
.vx-b-why-grid{gap:30px}
.vx-b-wi{width:54px; height:54px; margin-bottom:14px}
.vx-b-why-grid b{font-size:14px; margin-bottom:6px}
.vx-b-why-grid small{font-size:12px; line-height:1.5}
.vx-b-band{height:300px; margin-top:20px; border-radius:4px}

/* CONTACT 全宽 */
.vx-b-contact h4{font-size:30px; margin-bottom:20px}
.vx-b-contact-cols{grid-template-columns:1fr 1fr; gap:48px}
.vx-b-ci-lead{font-size:14px; margin-bottom:26px; max-width:320px}
.vx-b-ci-item{gap:15px; margin-bottom:22px}
.vx-b-ci-ico{font-size:18px}
.vx-b-ci-item b{font-size:13px; margin-bottom:3px}
.vx-b-ci-item small{font-size:13.5px; line-height:1.5}
.vx-b-cf input,.vx-b-cf textarea{padding:13px 15px; font-size:14px; margin-bottom:12px}
.vx-b-cf textarea{min-height:120px}
.vx-b-cf button{padding:15px; font-size:12.5px; letter-spacing:.13em}
.vx-b-map{height:280px; margin-top:34px}
.vx-b-pin{font-size:26px}
.vx-b-sent{font-size:14px; padding:14px 18px; margin-bottom:18px}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media(max-width:1024px){
  .vx-board-row{grid-template-columns:1fr; gap:36px}
  .vx-col-grid, .vx-col-grid[class*="vx-cols-"]{grid-template-columns:repeat(3,1fr) !important}
  .vx-trust-grid{grid-template-columns:repeat(2,1fr); gap:20px}
  .vx-why-grid{grid-template-columns:repeat(2,1fr)}
  .vx-footer-top{grid-template-columns:1fr 1fr 1fr; gap:30px}
  .vx-footer-news{grid-column:1/-1}
  .vx-hero h1{font-size:50px}
}
@media(max-width:860px){
  .vx-nav{position:fixed; top:74px; left:0; right:0; background:var(--black-2); border-bottom:1px solid var(--line-dk); transform:translateY(-120%); transition:transform .3s; z-index:190}
  .vx-nav.open{transform:translateY(0)}
  .vx-nav .vx-menu{flex-direction:column; gap:0; padding:10px 0}
  .vx-nav .vx-menu>li>a{display:block; padding:14px 32px}
  .vx-mobile-toggle{display:inline-flex; align-items:center; justify-content:center}
  .vx-shop-layout{grid-template-columns:1fr}
  .vx-shop-sidebar{order:2}
  .woocommerce ul.products, ul.products, .woocommerce ul.products.columns-4, ul.products.columns-4{grid-template-columns:repeat(2,1fr); gap:16px}
  div.product{grid-template-columns:1fr; gap:30px}
  .vx-about-grid, .vx-contact-grid{grid-template-columns:1fr; gap:30px}
  .woocommerce-account .col2-set{grid-template-columns:1fr}
  .vx-spot-inner{grid-template-columns:1fr; gap:30px; text-align:center}
  .vx-spot-desc{margin-left:auto; margin-right:auto}
  .vx-spot-media img{max-height:340px}
}
@media(max-width:560px){
  .vx-container{padding:0 18px}
  .vx-hero h1{font-size:38px}
  .vx-hero-inner{padding:70px 18px 76px; min-height:auto}
  .vx-col-grid, .vx-col-grid[class*="vx-cols-"]{grid-template-columns:repeat(2,1fr) !important}
  .vx-trust-grid{grid-template-columns:1fr}
  .vx-why-grid{grid-template-columns:1fr}
  .woocommerce ul.products, ul.products, .woocommerce ul.products.columns-4, ul.products.columns-4{grid-template-columns:repeat(2,1fr)}
  .vx-sec-title{font-size:26px}
  .vx-footer-top{grid-template-columns:1fr 1fr}
  .vx-checkout-grid{grid-template-columns:1fr !important}
}