/* RELX theme additive styles to mimic vapingbus.com structure */

/* CSS variables approximating original theme palette */
:root{
  --base-text-font-size: 16px;
  --default-text-font-size: 16px;
  --text-font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --text-font-weight: 400;
  --text-font-style: normal;
  --heading-font-family: inherit;
  --heading-font-weight: 600;
  --heading-font-style: normal;
  --text-color: #111;
  --text-color-light: #666;
  --background: #fff;
}

/* Layout utilities */
.Container{margin:0 auto;padding:0 24px}
@media screen and (min-width:641px){.Container{padding:0 50px}}
@media screen and (min-width:1140px){.Container{padding:0 80px}}

/* 保证 Container 内图片不会溢出且可按需缩小 */
.Container img{max-width:100%;height:auto;display:block}

.Grid{display:block;list-style:none;margin:0 0 0 -24px;font-size:0}
.Grid__Cell{box-sizing:border-box;display:inline-block;width:100%;padding:0 0 0 24px;margin:0;vertical-align:top;font-size:1rem}
@media screen and (max-width:640px){.hidden-phone{display:none!important}.\31\/2--phone{width:50%}}
@media screen and (min-width:641px) and (max-width:1007px){.\31\/2--tablet{width:50%}}
@media screen and (max-width:1007px){.hidden-pocket{display:none!important}}
@media screen and (min-width:1008px) and (max-width:1139px){.hidden-lap{display:none!important}}
@media screen and (min-width:1008px){.\31\/4--lap-and-up{width:25%}}

/* Top banner (qab_container) */
.qab_container{background:#111;color:#fff;font-size:14px;line-height:1.4}
.qab_container .qab-inner{display:flex;gap:12px;align-items:center;justify-content:center;padding:10px 16px;position:relative}
.qab_container .qab-close{position:absolute;right:12px;top:8px;background:transparent;border:0;color:#fff;font-size:18px;cursor:pointer}

/* Header account/search/cart */
.cuz_account_section{border-bottom:1px solid #eee;background:#fff}
/* Use relative container + absolutely centered logo for true viewport centering */
.cuz_account_section .Container{position:relative;display:flex;align-items:center;min-height:72px;padding:0 24px}
.relx-logo{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;z-index:1;pointer-events:none}
.relx-logo a{display:flex;align-items:center;justify-content:center;pointer-events:auto}
.relx-logo img{max-height:50px;height:auto;width:auto}
.relx-header-spacer{display:none}
.relx-actions{margin-left:auto;display:flex;gap:16px;align-items:center;position:relative;z-index:10}
.relx-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;background:transparent;color:#222;text-decoration:none;position:relative;transition:color .2s ease;appearance:none;-webkit-appearance:none;cursor:pointer;z-index:1}
.relx-action:hover{color:#000}
.relx-actions a{color:#222;text-decoration:none;position:relative}
.relx-cart-count{position:absolute;right:-8px;top:-8px;background:#e60023;color:#fff;border-radius:999px;padding:0 6px;font-size:12px;line-height:20px;min-width:20px;text-align:center;pointer-events:none}

/* Header icons */
.icon{display:inline-block;width:18px;height:18px}
/* Harden against global resets that may blank SVGs */
.relx-action svg{width:22px;height:22px;display:block}
.relx-action svg path{fill:currentColor!important}
.relx-action svg circle{fill:currentColor!important;stroke:none}

/* Main nav */
.Header__MainNav{background:#000;color:#fff;border-bottom:1px solid #eee}
.Header__MainNav .Container{display:flex;gap:24px;align-items:center;min-height:48px;position:relative;padding:0 24px}
.Header__MainNav .menu{list-style:none;margin:0;padding:0;display:flex;gap:24px;justify-content:center;width:100%}
.Header__MainNav .menu a{text-align:center;display:block;padding:12px 6px;color:#fff;text-decoration:none;position:relative}
.Header__MainNav .menu a:after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;background:linear-gradient(90deg,#fff,transparent);opacity:0;transform:scaleX(0);transition:transform .25s ease,opacity .25s ease}
.Header__MainNav .menu a:hover:after{opacity:.8;transform:scaleX(1)}
.Header__MainNav .menu .current-menu-item>a{border-bottom:2px solid #fff}
.Header__MainNav .menu li{position:relative}
.Header__MainNav{position:relative}
.Header__MainNav .menu>li{position:static}
.Header__MainNav .menu .sub-menu{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border:1px solid #eee;box-shadow:0 8px 20px rgba(0,0,0,.06);padding:12px 0;z-index:60;max-height:85vh;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.Header__MainNav .menu .sub-menu a{padding:8px 12px;white-space:nowrap}
.Header__MainNav .menu li:hover>.sub-menu{display:block}

/* Mega dropdown with product panel */
.menu--relx>li{position:static}
.menu--relx>li>.sub-menu.relx-mega{display:none;position:absolute;left:50%;right:auto;transform:translateX(-50%);top:100%;background:#fff;border-top:0;border:1px solid #eee;box-shadow:0 14px 30px rgba(0,0,0,.12);padding:18px;z-index:60;max-height:85vh;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:min(1300px,96vw)}
/* Show mega (including IMG mode) only while hovering top-level item */
.menu--relx>li:hover>.sub-menu.relx-mega{display:flex}
/* Be explicit for IMG variant (force hidden by default; flex when open) */
.menu--relx>li>.sub-menu.relx-mega.relx-mega-img{display:none !important}
.menu--relx>li:hover>.sub-menu.relx-mega.relx-mega-img{display:flex !important}

/* IMG mode: images live inside the relx-mega submenu */
.menu--relx>li>.sub-menu.relx-mega{justify-self:center;justify-content:flex-start;align-items:flex-start;text-align:left;color:#000}
.menu--relx>li>.sub-menu.relx-mega a{color:#000}
/* Left columns: second-level headings + third-level links */
.menu--relx>li>.sub-menu.relx-mega{gap:24px;align-items:flex-start}
.menu--relx>li>.sub-menu.relx-mega>li{min-width:200px}
.menu--relx>li>.sub-menu.relx-mega>li.menu-item-has-children>a{color:#d33;font-weight:700;text-align:center;display:block;margin-bottom:6px}
.menu--relx>li>.sub-menu.relx-mega>li .sub-menu{display:block;position:static;border:0;box-shadow:none;padding:0;margin:0}
.menu--relx>li>.sub-menu.relx-mega>li .sub-menu a{color:#000;text-align:center;display:block;padding:6px 4px}
.menu--relx>li>.sub-menu.relx-mega .relx-menu-images{padding:8px 0}
.menu--relx>li>.sub-menu.relx-mega .relx-menu-images-inner{display:flex;justify-content:center;gap:18px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:6px 0}
.menu--relx>li>.sub-menu.relx-mega .relx-menu-image{width:240px;flex:0 0 240px;text-align:center}
.menu--relx>li>.sub-menu.relx-mega .relx-menu-image img{width:220px;height:220px;display:block;border-radius:6px;object-fit:contain;object-position:center;margin:0 auto}
.menu--relx>li>.sub-menu.relx-mega .relx-menu-image .relx-menu-image-caption{margin-top:8px;font-size:14px;color:#333;max-width:220px;margin-left:auto;margin-right:auto}

/* Layout: images row on the left, product column on the right */
.menu--relx>li>.sub-menu.relx-mega.relx-mega-img{display:flex;gap:28px;justify-content:center;align-items:flex-start}
.menu--relx>li>.sub-menu.relx-mega.relx-mega-img>li{list-style:none}
.menu--relx>li>.sub-menu.relx-mega .relx-mega-products{max-width:560px}
.relx-mega-products-inner{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:start}
.relx-mega-products-inner .product-card{border:1px solid #eee;border-radius:8px;padding:0;text-align:center;display:flex;flex-direction:column;gap:0}
.relx-mega-products-inner .product-card img{width:250px;height:250px;object-fit:contain;display:block;margin:0 auto}
.relx-mega-products-inner .product-title{margin:0;color:#000}
.relx-mega-products-inner .product-title a{font-family:"Helvetica Neue", Arial; font-size:14.3px; font-style:normal; font-weight:400; color:#000; text-decoration:none; display:block}
.relx-mega-products-inner .product-price{margin:0}
.relx-mega-products-inner .product-price ins{color:#0da19a !important; font-family:"Helvetica Neue", Helvetica, Arial; font-size:13px; font-style:normal; font-weight:400; text-decoration:none}
.relx-mega-products-inner .product-price del{color:#999 !important; font-family:"Helvetica Neue", Helvetica, Arial; font-size:13px; font-style:normal; font-weight:400}
.relx-mega-products-inner .product-price .amount{font-family:"Helvetica Neue", Helvetica, Arial; font-size:13px; font-weight:400}
.relx-mega-products-inner .product-actions{margin:0}
.relx-mini-cart-btn{padding:6px 10px; font-family:"Helvetica Neue", Helvetica, Arial; font-size:13px; font-style:normal; font-weight:400; background:#000; border-color:#000}
.relx-mini-cart-btn, .relx-mini-cart-btn:link, .relx-mini-cart-btn:visited, .relx-mini-cart-btn:hover, .relx-mini-cart-btn:active{color:#fff !important}
.relx-mini-cart-btn{font-size:12px;padding:6px 10px}
.menu--relx>li:hover>.sub-menu.relx-mega{display:block}
.menu--relx>li>.sub-menu.relx-mega>li{display:inline-block;min-width:220px}
.menu-badge{display:inline-block;margin-left:6px;background:#e60023;color:#fff;border-radius:999px;padding:2px 6px;font-size:11px;line-height:1;vertical-align:middle}
.menu-status{display:inline-block;vertical-align:text-top;margin-left:6px;padding:2px 6px;border-radius:999px;color:#fff;font-size:10px;line-height:1;font-weight:700}
.Header__MainNav .menu>li>a{position:relative}
.Header__MainNav .menu>li>a .menu-status{position:absolute;top:0;right:-10px;margin-left:0;pointer-events:none}
.menu-status-SALE{background:#1bb34a}
.menu-status-HOT{background:#e60023}
.menu-status-NEW{background:#0d6efd}
.relx-mega-product{display:none}
.relx-mega-product-thumb img{width:220px;height:auto;display:block;margin:0 auto 8px}
.relx-mega-product-card + .relx-mega-product-card{margin-top:14px;border-top:1px dashed #eee;padding-top:14px}
.relx-mega-product-title{font-weight:600;margin-bottom:6px}
.relx-mega-product-price{color:#0a0}

/* Hero gallery */
.relx-hero{padding:24px 0}
.relx-hero .relx-hero-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}
@media(min-width:1008px){.relx-hero .relx-hero-grid{grid-template-columns:repeat(4,1fr)}}
.relx-hero .relx-hero-grid img{width:100%;height:auto;display:block;border-radius:6px}

/* Product grid */
.relx-products{padding:0}
/* Remove inner Container padding inside product sections */
.relx-products > .Container{padding:0 !important}
/* Tighter product grid spacing and enforce 4-per-row on large screens */
.relx-products .Grid{margin-left:0!important}
.relx-products .Grid__Cell{padding-left:0!important}
@media (min-width:1008px){
  .relx-products .Grid__Cell.\31\/4--lap-and-up{width:25%}
}
.relx-products .Grid__Cell{margin-bottom:20px}
.relx-product-card{border:none;border-radius:6px;overflow:hidden;background:#fff;transition:box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;width:305px;margin:0 auto}
.relx-product-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.08)}
.relx-product-thumb{width:305px;height:305px;background:#fafafa;display:flex;align-items:center;justify-content:center;position:relative}
.relx-product-thumb img{width:100%;height:100%;object-fit:contain;transition:opacity .4s ease}
.relx-product-thumb .hover-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .4s ease;pointer-events:none}
.relx-product-thumb:hover .main-image{opacity:0}
.relx-product-thumb:hover .hover-image{opacity:1}
.relx-product-body{padding:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.relx-product-title{margin:0 0 2px}
.relx-product-title a{font-family:Jost, sans-serif;font-size:14px;font-style:normal;font-weight:700;color:#111;text-decoration:none}
/* Rating row: stars + views */
.relx-rating{display:flex;align-items:center;justify-content:center;gap:8px;margin:2px 0}
.relx-stars{display:inline-flex;gap:2px}
.relx-star{width:16px;height:16px;position:relative;filter:drop-shadow(0 0 2px rgba(255,193,7,.6))}
.relx-star::before,.relx-star::after{content:"";position:absolute;inset:0;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01L12 2z\"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01L12 2z\"/></svg>') center/contain no-repeat}
.relx-star::before{background:#ccc}
.relx-star::after{background:#ffc107;width:calc(var(--p,0) * 100%);overflow:hidden}
.relx-views{color:#999;font-size:12px}
/* Price: left discounted (ins), right old (del) */
.relx-product-price{width:100%;display:flex;align-items:center;justify-content:space-between;margin:2px 0 6px}
.relx-product-price ins{color:rgb(229, 27, 32);font-family:Jost, sans-serif;font-size:14px;font-style:normal;font-weight:700;text-decoration:none}
.relx-product-price del{color:rgb(147,147,147);font-family:Jost, sans-serif;font-size:14px;font-style:normal;font-weight:700}
.relx-product-price .amount{font-family:Jost, sans-serif;font-size:14px;font-weight:700}
.relx-product-actions{display:flex;gap:8px}
.relx-product-actions .Button{flex:1;padding:10px 12px;border:1px solid #222;color:#222;text-transform:none;letter-spacing:0}

/* Search bar slide-down - 完全重做 */
.relx-search-bar{
  background:#fff;
  border-bottom:1px solid #eee;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  overflow:hidden;
  max-height:0;
  opacity:0;
  transition:max-height .35s cubic-bezier(.22,.61,.36,1), opacity .35s ease;
}
.relx-search-bar.is-open{
  max-height:200px;
  opacity:1;
}
.relx-search-bar[hidden]{
  display:none;
}
.relx-search-form{display:flex;gap:8px;padding:12px 24px}
.relx-search-form input[type=search]{flex:1;border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-family:Jost,sans-serif;font-size:14px}
.relx-search-form .Button{border-color:#222}

/* Sidecart */
.relx-sidecart[hidden]{display:none}
/* Ensure sidecart sits above all header elements */
.relx-sidecart{position:fixed;inset:0;z-index:2000}
.relx-sidecart-overlay{position:absolute;inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .2s ease}
.relx-sidecart-panel{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;height:auto!important;opacity:0;transition:opacity .2s ease;z-index:2010}
.relx-sidecart.is-open .relx-sidecart-overlay{opacity:1}
.relx-sidecart.is-open .relx-sidecart-panel{opacity:1;}
.relx-sidecart-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid #eee}
.relx-sidecart-header h3{margin:0;font-family:Jost,sans-serif;font-size:16px;font-weight:600;color:#222}
.relx-sidecart-body{padding:12px 0}
/* 强制结账页容器与右侧摘要水平居中，兼容只有一列的场景 */
.woocommerce-checkout .relx-checkout-wrapper{
  /* 保持原有网格布局，同时在只有一列时水平居中 */
  max-width: 1220px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center; /* Grid/flex 都可生效 */
}
.woocommerce-checkout .relx-checkout-right{
  margin-left: auto !important;
  margin-right: auto !important;
}
.Button{position:relative;display:inline-block;padding:12px 20px;border:1px solid #222;background:transparent;color:#222;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.Button:hover{background:#111;color:#fff}
/* Smoother effects for buttons and modals */
.Button, .relx-action, .relx-offer-button, .relx-offer-panel, .relx-sidecart-panel{transition:all .25s ease}
.Button:active{transform:translateY(1px)}
.relx-offer-button:hover{filter:brightness(1.05)}
.relx-offer-panel{opacity:1}
relx-offer-modal[hidden] + .relx-offer-panel{opacity:0}

/* Primary button: red default, L→R white wipe on hover (global) */
.Button--primary,
.Button.Button--primary{
  position:relative;
  overflow:hidden;
  color:#fff !important;
  border-color:#e60023 !important;
  /* dual layers to avoid text covering */
  background-image:linear-gradient(#ffffff,#ffffff), linear-gradient(#e60023,#e60023) !important;
  background-repeat:no-repeat,no-repeat; background-position:left top,left top; 
  background-size:0% 100%, 100% 100% !important; /* start red */
  background-color:#e60023 !important;
  transition:color .50s cubic-bezier(.19,1,.22,1), background-size .70s cubic-bezier(.22,.61,.36,1.0);
}
@media (-moz-touch-enabled:0),(hover:hover){
  .Button--primary:hover,
  .Button.Button--primary:hover{
    background-image:linear-gradient(#ffffff,#ffffff), linear-gradient(#e60023,#e60023) !important;
    background-size:100% 100%, 0% 100% !important;
    color:#e60023 !important;
    background-color:#fff !important;
  }
}

/* old hover override removed */
/* Keep text layer above overlay so it never disappears */
.Button--primary > *,
.Button.Button--primary > *{ position:relative; z-index:1; }

/* Footer subscribe button: same effect */
footer.site-footer .footer-newsletter-form .Button{
  position:relative;
  border-color:#e60023;
  color:#e60023; /* default red text as requested */
  background:#fff;
  overflow:hidden;
}
footer.site-footer .footer-newsletter-form .Button::before{
  content:"";
  position:absolute; inset:0; background:#e60023;
  transform:scaleX(1); transform-origin:left center; z-index:-1;
  transition:transform .60s cubic-bezier(.22,.61,.36,1.0);
}
@media (-moz-touch-enabled:0),(hover:hover){
  /* Keep red background on hover so text white has contrast */
  footer.site-footer .footer-newsletter-form .Button:hover::before{
    transform:scaleX(1);
  }
  footer.site-footer .footer-newsletter-form .Button:hover{
    color:#fff; transition:color .40s cubic-bezier(.19,1,.22,1);
  }
}

/* Footer newsletter email input: focused dark gray border, no radius */
footer.site-footer .footer-newsletter-form input[type=email]:focus{
  outline:none;
  border-color:#444 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Mega menu: ensure add-to-cart button colors inside dropdown */
.menu--relx>li>.sub-menu.relx-mega .relx-mini-cart-btn,
.menu--relx>li>.sub-menu.relx-mega .relx-mini-cart-btn:link,
.menu--relx>li>.sub-menu.relx-mega .relx-mini-cart-btn:visited{
  color:#000 !important;
  background:transparent !important;
  border-color:#000 !important;
}
.menu--relx>li>.sub-menu.relx-mega .relx-mini-cart-btn:hover,
.menu--relx>li>.sub-menu.relx-mega .relx-mini-cart-btn:active,
.menu--relx>li>.sub-menu.relx-mega .relx-mini-cart-btn:focus{
  color:#fff !important;
  background:#000 !important;
  border-color:#000 !important;
}

/* Header mega menu: mini-cart button small, rounded, teal accent */
.menu--relx>li>.sub-menu.relx-mega .product-actions .relx-mini-cart-btn{
  padding:4px 10px !important;
  font-size:12px !important;
  line-height:1.2 !important;
  border-radius:999px !important;
  border:1px solid #0da19a !important;
  color:#0da19a !important;
  background:#fff !important;
  background-image:linear-gradient(#0da19a,#0da19a), linear-gradient(#ffffff,#ffffff) !important;
  background-repeat:no-repeat,no-repeat;
  background-position:left top,left top;
  background-size:0% 100%, 100% 100% !important;
  text-decoration: none;
}
@media (hover:hover){
  .menu--relx>li>.sub-menu.relx-mega .product-actions .relx-mini-cart-btn:hover{
    background-size:100% 100%, 0% 100% !important;
    color:#fff !important;
    border-color:#0da19a !important;
    text-decoration: none;
  }
}

/* Header mega menu: product title hover color */
.menu--relx>li>.sub-menu.relx-mega .product-card:hover .product-title a{ color:#0da19a !important; }

/* Header mega menu: image slow zoom to 150%, fast restore */
.menu--relx>li>.sub-menu.relx-mega .product-card .product-thumb img{
  transform-origin:center center;
  transform:scale(1);
  transition:transform 2s ease; /* faster back */
}
.menu--relx>li>.sub-menu.relx-mega .product-card:hover .product-thumb img{
  transform:scale(1.5);
  transition-duration:4s; /* slow enlarge */
}

/* (reverted) header mega menu customizations removed */

/* Checkout page: center overall layout robustly */
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .checkout-page-wrapper,
body.woocommerce-checkout .container,
body.woocommerce-checkout .woocommerce{
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  padding-left:20px;
  padding-right:20px;
}

/* Footer */
footer.site-footer{border-top:1px solid #222;padding:32px 0;background:#000;color:#fff}
footer.site-footer .footer-grid{display:grid;grid-template-columns:40% 1fr 1fr 1fr;gap:24px}
@media(max-width:1007px){footer.site-footer .footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){footer.site-footer .footer-grid{grid-template-columns:1fr}}
footer.site-footer .footer-brand img{max-height:38px}
footer.site-footer .footer-about .Heading{color:#fff}
footer.site-footer a{color:#fff}
footer.site-footer .footer-menu a{color:#ddd}
/* Footer typography defaults (exclude inputs/buttons) */
footer.site-footer,
footer.site-footer p,
footer.site-footer a,
footer.site-footer li,
footer.site-footer .footer-about-text,
footer.site-footer .footer-bottom{
  font-family:Poppins, sans-serif;
  font-size:13.3px;
  font-style:normal;
  font-weight:300;
}
/* Footer headings */
footer.site-footer .Heading,
footer.site-footer h4{
  font-family:Jost, sans-serif;
  font-size:13px;
  font-style:normal;
  font-weight:700;
}
footer.site-footer .footer-newsletter-lead{color:#ddd;margin:6px 0 6px}
footer.site-footer .footer-newsletter-form{display:flex;flex-direction:column;gap:10px;margin-top:10px}
/* Newsletter input/button sizing and style */
footer.site-footer .footer-newsletter-form input[type=email]{
  flex:1;
  height:42px; line-height:42px;
  border:1px solid #fff; border-radius:0;
  padding:0 12px;
  background:transparent; color:#fff;
}
footer.site-footer .footer-newsletter-form input[type=email]::placeholder{color:#aaa}
footer.site-footer .footer-newsletter-form .Button{
  height:42px; line-height:4px;
  border-radius:0;
  border-color:#c00; background:#c00; color:#fff;
  width:100%;
}
footer.site-footer .footer-newsletter-form .Button:hover{filter:brightness(1.1)}
footer.site-footer .footer-col .footer-menu{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
footer.site-footer .footer-col .footer-menu a{color:#ddd}
footer.site-footer .footer-bottom{margin-top:24px;padding-top:16px;border-top:1px solid #222;display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between;font-size:13px;color:#bbb}
footer.site-footer .payment-icon{display:inline-block;border:1px solid #ddd;border-radius:4px;padding:6px 10px;margin-right:8px;color:#333;background:#fafafa}
/* Ensure legacy footer bottom is hidden if template cache keeps it */
footer.site-footer .footer-bottom{display:none!important}
@media(max-width:640px){
  footer.site-footer{text-align:center}
  footer.site-footer .footer-grid{justify-items:center}
  footer.site-footer .footer-col,footer.site-footer .footer-about,footer.site-footer .footer-newsletter-form{align-items:center}
  footer.site-footer .footer-newsletter-form{max-width:340px;margin-left:auto;margin-right:auto;width:100%}
  footer.site-footer .footer-newsletter-form input[type=email]{text-align:center}
  footer.site-footer .footer-newsletter-form .Button{width:100%}
  footer.site-footer .footer-bottom{justify-content:center;text-align:center}
}

/* Global header consistency (all pages) */
.cuz_account_section .Container,
.Header__MainNav .Container{max-width:1440px;margin:0 auto;display:flex;align-items:center}
body:not(.home) .cuz_account_section .Container{min-height:72px}
body:not(.home) .Header__MainNav .Container{min-height:48px}
.Header__MainNav .menu{display:flex;align-items:center;justify-content:center;margin:0 auto}
.cuz_account_section .relx-actions{display:flex;align-items:center;gap:12px}
.cuz_account_section .relx-logo{display:flex;align-items:center}

/* Reviews mock (Trustpilot-like) */
.relx-reviews{padding:24px 0}
.relx-reviews .Container{padding-left:calc(var(--relx-follow-mx,0px) + 0px);padding-right:calc(var(--relx-follow-mx,0px) + 0px)}
.relx-reviews__head{margin-bottom:14px; width:calc(230px*3 + 16px*2); max-width:100%; margin-left:auto; margin-right:auto}
.relx-reviews__title{color:#333;margin-bottom:6px;font-family:Poppins, sans-serif;font-weight:600;font-size:15px}
.relx-reviews__stars{display:flex;gap:4px;align-items:center}
.relx-stars{display:inline-flex;gap:4px}
.relx-star-box{display:inline-flex;align-items:center;justify-content:center;width:var(--star-size,18px);height:var(--star-size,18px);border-radius:3px;background:#00B67A}
.relx-star-box.is-empty{background:#d9d9d9}
.relx-star-box.is-half{background:linear-gradient(90deg,#00B67A 50%, #d9d9d9 50%)}
.relx-star-box svg{display:block}
.relx-reviews__count{color:#666;margin-top:4px;font-size:13px}
.relx-reviews__carousel{position:relative}
.relx-reviews__viewport{position:relative;overflow:hidden;width:calc(230px*3 + 16px*2);max-width:100%;margin:0 auto}
.relx-reviews__track{display:flex;gap:16px;transition:transform .35s ease}
.relx-review-card{flex:0 0 230px;width:230px;height:152px;background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:12px;overflow:hidden}
.relx-reviews__nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #ddd;border-radius:999px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer;z-index:2}
.relx-reviews__nav--prev{left:6px}
.relx-reviews__nav--next{right:6px}
.relx-review-card__stars{display:flex;gap:4px;margin-bottom:8px}
.relx-review-card__stars .relx-star-box{--star-size:16px}
.relx-review-card__title{margin:0 0 6px;color:#333;font-family:Poppins, sans-serif;font-weight:700;font-size:15px;font-style:normal}
.relx-review-card__body{margin:0 0 8px;color:#666;font-size:14px;line-height:1.5}
.relx-review-card__author{color:#777;font-family:Poppins, sans-serif;font-weight:600;font-size:15px;font-style:normal}

/* Product page (WooCommerce) — mimic vapingbus product layout */
.single-product div.product{display:block}
.relx-product--twoCol{display:grid;grid-template-columns:minmax(780px, auto) 500px;gap:24px;align-items:start}
@media(max-width:1007px){.relx-product--twoCol{grid-template-columns:1fr}}
.single-product .woocommerce-product-gallery{display:none}
.relx-product__media{width:min(780px, 100%)}
.relx-media{width:100%}
/* Summary (right column) fixed width */
.relx-product__summary.summary.entry-summary{width:500px!important;max-width:100%;text-align:left}
@media(max-width:1007px){
  .relx-product--twoCol{grid-template-columns:1fr}
  .relx-product__summary.summary.entry-summary{width:100%}
}
/* Ensure cart controls are visible */
.single-product .relx-product__summary.summary.entry-summary form.cart{display:block!important;margin:10px 0}
.single-product .relx-product__summary.summary.entry-summary form.cart .quantity{display:flex!important;margin-bottom:10px}
.single-product .relx-product__summary.summary.entry-summary .single_add_to_cart_button.button,
.single-product .relx-product__summary.summary.entry-summary .single_buy_now_button{display:inline-block!important;vertical-align:middle}
/* Red primary add-to-cart button */
.single-product .relx-product__summary.summary.entry-summary .single_add_to_cart_button.button{
  background:#e60023!important;border-color:#e60023!important;color:#fff!important;
  min-height:40px;line-height:40px;padding:0 16px;border-radius:4px;
}
.single-product .relx-product__summary.summary.entry-summary .single_add_to_cart_button.button:hover{filter:brightness(1.05)}
/* Optional buy-now secondary style */
.single-product .relx-product__summary.summary.entry-summary .single_buy_now_button{
  background:#000!important;border-color:#000!important;color:#fff!important;
  min-height:40px;line-height:40px;padding:0 16px;border-radius:4px;margin-left:8px
}
.relx-main-image{width:780px;max-width:100%;height:780px;aspect-ratio:1/1;background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden}
.relx-main-image img{width:100%;height:100%;object-fit:contain;display:block}
.relx-thumbs{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;width:780px;max-width:100%}
.relx-thumb{border:1px solid #eee;background:#fff;padding:0;display:block;cursor:pointer}
.relx-thumb.is-active{border-color:#e60023}
.relx-thumb img{width:100%;height:72px;object-fit:contain;display:block}
.single-product .woocommerce-product-gallery{opacity:1!important;visibility:visible!important}
.single-product .woocommerce-product-gallery .flex-viewport{height:auto!important;overflow:visible}
.single-product .woocommerce-product-gallery__image{display:block}
.single-product .woocommerce-product-gallery__image a{display:block}
.single-product .flex-control-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;margin-top:8px}
.single-product .flex-control-thumbs li{list-style:none}
.single-product .summary{padding:10px 0}
.single-product .product_title{font-family:Poppins, sans-serif;font-weight:700;font-size:22px;margin:6px 0 10px}
.single-product .woocommerce-product-rating .star-rating:before,
.single-product .woocommerce-product-rating .star-rating span:before{color:#f5b400}
.single-product .woocommerce-product-rating .woocommerce-review-link{color:#888}
.single-product p.price, .single-product .price{font-weight:600;font-size:18px;margin:6px 0 12px}
.single-product .price ins{color:#e60023}
.single-product .price del{color:#999}
.single-product .woocommerce-variation-price .price{color:#e60023}
.single-product form.cart{display:block}
.single-product form.cart .quantity{display:flex;margin-bottom:10px}
.single-product form.cart .single_add_to_cart_button{display:block;width:100%}
/* Counter: three squares (−, number, +), no radius */
.single-product .quantity{display:flex;align-items:center;border:1px solid #ccc;border-radius:0;overflow:hidden;width:max-content;background:#fff}
.single-product .quantity button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#333;border:none;border-right:1px solid #eee;cursor:pointer}
.single-product .quantity button:last-child{border-right:none;border-left:1px solid #eee}
.single-product .quantity input.qty{width:36px;height:36px;border:none;text-align:center;background:#fff;color:#333}
/* Add to cart: gray text, white bg, gray border; hover red */
.single-product .single_add_to_cart_button.button{position:relative;display:inline-block;width:100%;text-transform:uppercase;letter-spacing:.08em;border:1px solid #ccc;color:#666;background:#fff;overflow:hidden;min-height:36px;line-height:36px;padding:0 14px;border-radius:0;transition:color .45s cubic-bezier(.785,.135,.15,.86), border-color .45s cubic-bezier(.785,.135,.15,.86), background-size .70s cubic-bezier(.22,.61,.36,1.0); background-image:linear-gradient(#e60023,#e60023); background-repeat:no-repeat; background-position:left top; background-size:0% 100%;}
.single-product .single_add_to_cart_button.button:hover{color:#fff !important;border-color:#e60023; background-size:100% 100%, 100% 100% !important}
.single-product .single_add_to_cart_button.button > *{position:relative;z-index:1}
/* Buy Now: keep primary effect; text white default, red on hover (already set globally) */
.single-product .single_buy_now_button{width:100%; color:#fff !important}
/* Disabled/SOLD OUT state */
.single-product .single_add_to_cart_button.is-soldout,
.single-product .single_buy_now_button.is-soldout{
  color:#999 !important; border:1px solid #ddd !important; background:#fff !important; cursor:not-allowed !important; pointer-events:none !important;
}

/* Hide native number steppers inside quantity input */
.single-product .quantity input.qty[type=number]::-webkit-outer-spin-button,
.single-product .quantity input.qty[type=number]::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }
.single-product .quantity input.qty[type=number]{ -moz-appearance: textfield; }

/* Responsive paddings for product page */
.single-product .Container{ padding-left:clamp(16px,5vw,80px); padding-right:clamp(16px,5vw,80px); padding-top:0; }

/* Description and Reviews separation */
.single-product .woocommerce-tabs{ border-top:1px solid #e5e5e5; margin-top:20px; padding-top:16px }
.single-product .woocommerce-tabs .panel{ font-family:Poppins, sans-serif; font-size:15px; font-style:normal; font-weight:300; color:#333 }
.single-product .woocommerce-tabs #tab-description h2{ display:none }
.single-product .woocommerce-tabs .wc-tabs{display:flex;justify-content:center;gap:18px;border:none;margin:0 0 12px;padding:0;position:static!important}
.single-product .woocommerce-tabs .wc-tabs li{list-style:none}
.single-product .woocommerce-tabs .wc-tabs li a{display:inline-block;padding:8px 12px;border:none!important;background:transparent!important;color:#333;position:static!important}
.single-product .woocommerce-tabs .wc-tabs li a::before{display:none!important}
.single-product .woocommerce-tabs .wc-tabs li.active a{color:#e60023}
.single-product .woocommerce-tabs .wc-tabs:after{display:none}

/* Strip all chrome (border/background/relative) from the Description tab button wrapper */
.woocommerce div.product .woocommerce-tabs ul.tabs{border:none!important;box-shadow:none!important;background:transparent!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li#tab-title-description,
.woocommerce div.product .woocommerce-tabs ul.tabs li.tab-title-description{
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  position:static!important;
  padding:0!important;
  margin:0 10px 0 0!important;
  border-radius:0!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{background:transparent!important;border:none!important;box-shadow:none!important}

/* Related products block */
.relx-product__related{ margin-top:24px }
.relx-product__related .reviews-title{ text-align:center; margin-bottom:12px }
.relx-product__related .products{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px; align-items:stretch; justify-items:stretch }

/* Standalone reviews section below description */
.relx-product__reviews{ margin-top:24px; padding-top:16px; border-top:none }
.relx-product__reviews .reviews-title{ text-align:center; font-weight:600; margin:0 0 12px }
/* Buy Now button (full width) */
.single-product .single_buy_now_button{margin-top:6px;width:100%}

/* Variations and options */
.single-product table.variations{border-collapse:separate;border-spacing:8px 10px;margin:10px 0 6px}
.single-product table.variations td{vertical-align:middle}
.single-product table.variations td.label{min-width:110px;color:#333;font-weight:600}
.single-product table.variations td.value select{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:6px}
.relx-hidden-select{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;padding:0!important;margin:-1px!important}
.relx-swatchGroup{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.relx-swatch{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;cursor:pointer;font-size:14px;line-height:1}
.relx-swatch.is-active{border-color:#111;background:#111;color:#fff}
.relx-swatch.is-disabled{opacity:.4;cursor:not-allowed}

/* Trust bullets */
.relx-product__trust{margin-top:12px}
.relx-product__trustList{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.relx-product__trustList li{position:relative;padding-left:18px;color:#555;font-size:14px}
.relx-product__trustList li:before{content:"";position:absolute;left:0;top:.45em;width:10px;height:10px;border-radius:2px;background:#0da19a}

/* Payments and shipping info */
.relx-product__payments{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.relx-pay{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 8px;border:1px solid #ddd;border-radius:4px;background:#fafafa;font-size:12px;color:#333}
.relx-product__shipping{margin-top:8px;color:#666;font-size:14px}

/* Utility */
.u-visually-hidden{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}

/* Our Shop feature */
.relx-ourshop > .Container{padding-left:80px;padding-right:80px}
.relx-ourshop .Section{padding-left:80px;padding-right:80px}
.relx-ourshop .SectionHeader__Heading{margin-bottom:12px}
.relx-ourshop .SectionHeader__Description{font-size:15px;line-height:1.9;color:#333}
.FeatureText{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}
.FeatureText--imageRight .FeatureText__ContentWrapper{order:1}
.FeatureText--imageRight .FeatureText__ImageWrapper{order:2}
.AspectRatio{position:relative;width:100%}
.AspectRatio::before{content:"";display:block;padding-bottom:calc(100% / var(--aspect-ratio,1))}
.AspectRatio>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px}
@media(max-width:1007px){.FeatureText{grid-template-columns:1fr}}

/* Floating Offer widget */
.relx-offer{position:fixed;left:20px;bottom:20px;z-index:130}
.relx-offer-button{position:relative;border:0;border-radius:999px;background:#007bff;color:#fff;padding:14px 18px;font-weight:700;box-shadow:0 10px 24px rgba(0,0,0,.18);cursor:pointer}
.relx-offer-button .relx-offer-close{position:absolute;left:-8px;top:-8px;width:20px;height:20px;border-radius:50%;background:#fff;color:#007bff;display:inline-flex;align-items:center;justify-content:center;border:1px solid #007bff;font-weight:700}
.relx-offer-modal[hidden]{display:none}
.relx-offer-modal{
  position:fixed;
  inset:0;
  z-index:140;
  display:none;           /* 默认不显示 */
  pointer-events:none;    /* 默认不响应 */
  align-items:center;
  justify-content:center;
  padding:20px;
}
.relx-offer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .28s ease}
.relx-offer-panel{
  position:relative;
  width:min(520px, calc(100% - 32px));
  max-width:520px;
  margin:0 auto;
  background:#fff;
  border-radius:14px;
  box-shadow:0 22px 60px rgba(0,0,0,.25);
  opacity:0;
  transform:translateY(18px) scale(.97);
  overflow:hidden;
  transition:opacity .28s cubic-bezier(.2,.7,.2,1),transform .28s cubic-bezier(.2,.7,.2,1);
}
.relx-offer-modal.is-open{
  display:flex;          /* 打开时显示 */
  pointer-events:auto;
}
.relx-offer-modal.is-open .relx-offer-backdrop{opacity:1}
.relx-offer-modal.is-open .relx-offer-panel{transform:translateY(0) scale(1);opacity:1}
.relx-offer-x{position:absolute;right:8px;top:8px;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer}
.relx-offer-body{padding:22px}
.relx-offer-logo img{max-height:34px}
.relx-offer-title{margin:12px 0 16px;font-weight:800}
.relx-offer-label{display:block;margin-bottom:6px;font-size:13px;color:#666}
.relx-offer-phone-group{display:flex;gap:8px}
.relx-offer-country{width:110px;border:1px solid #ddd;border-radius:6px;padding:10px 8px;background:#fafafa}
#relx-offer-phone{flex:1;border:1px solid #ddd;border-radius:6px;padding:10px 12px}
.relx-offer-privacy{font-size:12px;color:#666;margin:10px 0}
.relx-offer-actions{display:flex;gap:8px}
.relx-offer-submit{background:#007bff;color:#fff;border-color:#007bff}
.relx-offer-submit:hover{background:#0056b3;border-color:#0056b3}
/* Mimic ps-desktop-widget body spacing */
.ps-desktop-widget__body-container{font-size:14px}
.ps-desktop-widget__body-container .relx-offer-title{font-size:18px}

/* Category / shop landing layout */
.relx-category-page{padding:0 0 64px;background:#f6f7fb}
.relx-category-shell,.relx-category-products,.relx-cat-recently{max-width:1300px;margin:0 auto;width:100%}
.relx-cat-hero{position:relative;height:500px;border-radius:0;overflow:hidden;background:#0f1116;color:#fff;box-shadow:0 22px 48px rgba(0,0,0,.16);margin-bottom:26px}
.relx-cat-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.88);opacity:0;transform:scale(1.02);animation:relxCatHeroFade .9s ease-out forwards}
.relx-cat-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.68) 80%);box-shadow:inset 0 0 70px rgba(0,0,0,.32)}
.relx-cat-hero__title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:800;letter-spacing:.03em;text-align:center;text-transform:uppercase;text-shadow:0 10px 30px rgba(0,0,0,.45)}
@media(max-width:960px){.relx-cat-hero{height:380px;border-radius:14px}.relx-cat-hero__title{font-size:32px;padding:0 14px}}
@media(max-width:640px){.relx-cat-hero{height:300px;border-radius:12px}.relx-cat-hero__title{font-size:26px}}
.relx-cat-desc{max-width:960px;margin:18px auto 14px;text-align:center;background:#fff;border:1px solid #eceef3;border-radius:12px;padding:24px 26px;box-shadow:0 12px 26px rgba(0,0,0,.05)}
.relx-cat-desc__inner{line-height:1.65;color:#2d2d2d;overflow:hidden;max-height:0;opacity:0;transition:max-height .32s ease,opacity .32s ease;display:flex;flex-direction:column;align-items:center}
.relx-cat-desc__inner[hidden]{display:none}
.relx-cat-desc__inner>*:last-child{margin-bottom:0}
.relx-cat-desc[data-expanded="true"] .relx-cat-desc__inner{opacity:1}
.relx-cat-desc__toggle{margin-top:14px;border:0;background:none;color:#0f1116;font-weight:700;cursor:pointer;text-decoration:underline;font-size:15px;display:inline-flex;align-items:center;gap:6px}
.relx-cat-desc__toggle--inline{display:inline-flex;margin-top:0;margin-left:8px}
.relx-cat-desc__toggle:hover{color:#000}
.relx-cat-divider{height:1px;background:#dfe3eb;margin:32px auto 10px;width:100%}
.relx-cat-divider--spaced{margin:38px auto 22px}
.relx-category-products{padding-top:0;padding-bottom:34px}
.relx-category-products ul.products{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px 24px;align-items:stretch;margin:0;padding:0}
.relx-category-products ul.products .product{background:transparent;border:0;border-bottom:1px solid #e2e5ed;border-radius:0;padding:0 0 20px;box-shadow:none;display:flex;flex-direction:column;gap:10px}
.relx-category-products ul.products .product .woocommerce-loop-product__title{font-size:15px;font-weight:700;line-height:1.35;margin:0 0 6px}
.relx-category-products ul.products .product .price{color:#0f1116;font-weight:700}
.relx-category-products ul.products .product .star-rating{margin:4px 0}
.relx-category-products .woocommerce-pagination{margin-top:28px;display:flex;justify-content:center}
.relx-cat-subtitle{margin:0 0 12px;font-size:24px;font-weight:700}
.relx-cat-recently .products{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.relx-cat-recently__fallback{color:#555;font-size:14px}
.home .vb-reviews{display:none!important}
.woocommerce-result-count,.woocommerce-ordering{display:none!important}
.relx-category-products ul.products li.product a{color:#111;text-decoration:none}
.relx-category-products ul.products li.product .button{margin-top:auto;align-self:flex-start}
@keyframes relxCatHeroFade{from{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}

/* Subtitle helpers */
.relx-section-subtitle{margin:6px 0 12px;text-align:center;color:#e60023;font-size:14px;font-weight:600}
.relx-home-banners-subtitle{color:#e60023;font-weight:700;margin:6px 0}

/* Woo products 4-column cards */
ul.products.columns-4{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:22px;
  align-items:stretch;
  margin:0;
  padding:0;
}
/* 重置 li 样式，使其仅作为容器，样式由内部 .relx-product-card 接管 */
ul.products.columns-4 li.product{
  width: 100%; /* 用户要求 */
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  display: block;
  transition: none;
}
ul.products.columns-4 li.product:hover{
  box-shadow: none;
  transform: none;
}

/* 确保内部卡片在 Grid 单元格中表现正确 */
ul.products.columns-4 li.product .relx-product-card {
  width: 100%;
  max-width: 305px; /* 保持首页卡片的最大宽度 */
  margin: 0 auto;   /* 居中 */
  height: 100%;     /* 撑满高度 */
}

/* 适配分类页中的按钮样式，使其与首页一致 */
ul.products.columns-4 li.product .button{
  margin-top:0;
  align-self:auto;
  padding:10px 12px;
  border-radius:0;
  text-transform:none;
  letter-spacing:0;
  border:1px solid #222;
  background:transparent;
  color:#222;
  width: 100%;
  display: inline-block;
  text-align: center;
}
ul.products.columns-4 li.product .button:hover{
  background:#111;
  color:#fff;
}

/* 隐藏默认的 Woo 元素，防止重复（如果 content-product.php 未生效时的回退，或者针对某些插件注入的元素） */
ul.products.columns-4 li.product .woocommerce-loop-product__title,
ul.products.columns-4 li.product .star-rating,
ul.products.columns-4 li.product .onsale {
  /* 如果使用了新的 content-product.php，这些类名可能不再存在，写在这里作为保险 */
}

@media(max-width:1007px){
  ul.products.columns-4{gap:16px}
  /* 移动端适配：卡片宽度自适应 */
  ul.products.columns-4 li.product .relx-product-card {
    max-width: 100%;
  }
}
@media(max-width:640px){
  ul.products.columns-4 li.product{padding:0}
}

/* Showcase responsiveness */
.relx-showcase{margin:24px 0}
.relx-showcase .relx-showcase-grid{
  height:600px;
  display:grid;
  grid-template-columns:600px 600px;
  gap:20px;
  justify-content:center;
  overflow:hidden;
}
.relx-showcase .relx-showcase-grid>*{min-height:0}
.relx-showcase .relx-left{padding:0!important;background:#f7f7f7;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:flex-end}
/* Explicit fixed box for left panel */
.relx-showcase .relx-left{width:600px;height:600px}
/* Left image fixed to 600x600 */
.relx-showcase .relx-left > img{display:block;width:600px;height:600px;max-width:none;object-fit:contain;object-position:right center;background:#f7f7f7;flex:0 0 auto}
.relx-showcase .relx-right{display:grid;grid-template-rows:295px 295px;gap:20px;overflow:hidden}
.relx-showcase .relx-right .relx-top{width:600px;height:295px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}
.relx-showcase .relx-right .relx-bottom{width:590px;height:295px;overflow:hidden}
.relx-showcase .relx-right>div{min-height:0;overflow:hidden;border-radius:8px}
.relx-showcase img{width:100%;height:100%;object-fit:contain;background:#f7f7f7;border-radius:8px;display:block}

/* 移动端：单列堆叠，统一高度 */
@media(max-width:1007px){
  .relx-showcase .relx-showcase-grid{
    grid-template-columns:1fr !important;
    grid-template-rows:auto;
    height:auto;
    gap:0;
    padding:0 16px;
    width:100%;
    overflow:visible;
  }
  .relx-showcase .relx-left,
  .relx-showcase .relx-right{
    grid-column:1 !important;
    width:100%;
    height:auto;
  }
  .relx-showcase .relx-right{grid-row:auto;display:block}
  .relx-showcase .relx-right .relx-top,
  .relx-showcase .relx-right .relx-bottom{
    width:100%;
    height:240px;
    grid-row:auto;
  }
  .relx-showcase .relx-left{height:240px}
  .relx-showcase .relx-right .relx-top{margin-bottom:12px}
  .relx-showcase img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    border-radius:8px;
  }
}

/* 移动端产品网格：始终 2 列固定，自动缩放 */
@media(max-width:1007px){
  .relx-products .Grid,
  .Grid--relatedProducts{
    display:grid !important;
    grid-template-columns:repeat(2, 1fr) !important;
    gap:12px !important;
    margin:0 !important;
    padding:0 16px !important;
  }
  .relx-products .Grid__Cell,
  .Grid__Cell--related{
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
  }
  .relx-product-card{
    width:100% !important;
    max-width:100% !important;
  }
  .relx-product-thumb{
    width:100% !important;
    height:auto !important;
    aspect-ratio:1;
  }
}

/* 捆绑包价格红色居中 */
.vb-cart-bundle .vb-cart-price,
.vb-cart-bundle-item .vb-cart-price,
.woocommerce-mini-cart-item.vb-bundle-parent .vb-cart-price{
  color:#e60023 !important;
  text-align:center;
  font-weight:700;
}

/* 捆绑包内产品项：与价格样式一致 */
.vb-cart-bundle-item{
  font-size:13px;
  font-weight:400;
  color:#444;
  padding:4px 6px;
  background:#fafafa;
  border:1px solid #eee;
  border-radius:4px;
  font-family:Jost,sans-serif;
}

/* --- Fixed header stacking and offsets --- */
:root{
  --qab-h: 40px;
  --cuz-h: 72px;
  --nav-h: 48px;
}

/* Fix qab, account section, and main nav to top; compute offsets via JS */
.qab_container{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;background:#111}
.cuz_account_section{position:fixed;top:var(--qab-h,40px);left:0;right:0;z-index:990;width:100%;background:#fff}
.Header__MainNav.hidden-pocket.hidden-lap{position:fixed;top:calc(var(--qab-h,40px) + var(--cuz-h,72px));left:0;right:0;z-index:980;width:100%;background:#000}

/* Adjust search bar to slide under fixed nav */
.relx-search-bar{position:fixed;top:calc(var(--qab-h,40px) + var(--cuz-h,72px) + var(--nav-h,48px));left:0;right:0;z-index:970}

/* Body top padding to avoid overlap with fixed header; set inline via JS as fallback */
body{padding-top:calc(var(--qab-h,40px) + var(--cuz-h,72px) + var(--nav-h,48px))}
/* Ensure page background is white */
html, body{background:#fff}

/* --- relx-right/left: fixed 600px columns --- */
.relx-showcase .relx-showcase-grid{grid-template-columns:600px 600px}
.relx-showcase .relx-left{grid-column:1}
.relx-showcase .relx-right{grid-column:2}
/* Allow natural width within the 1fr column */
.relx-right{width:auto;margin-left:0}
/* Restore default fill behavior for right-top image */
/* Right column: align all images to the left; top image uses its natural width (scaled by height) */
.relx-right .relx-top img{width:auto;height:100%;object-fit:contain}
/* Set bottom block width equal to the displayed width of the top image (set via JS to --relx-right-w) */
.relx-right .relx-bottom{width:100%;height:100%;overflow:hidden}
.relx-right .relx-bottom img{width:100%;height:100%;object-fit:cover;object-position:left center}
/* Align images inside relx-right to the left; remove background colors */
.relx-showcase .relx-right{justify-items:start;align-items:center}
.relx-showcase .relx-right img{object-position:left center;background:transparent}
.relx-showcase .relx-left, .relx-showcase .relx-left > img, .relx-showcase img{background:transparent}

/* Keep two fixed 600px columns and fixed heights across resolutions */
@media(max-width:1007px){
  .relx-showcase .relx-showcase-grid{grid-template-columns:1fr;height:auto;gap:0}
}
@media(max-width:640px){
  .relx-showcase .relx-showcase-grid{grid-template-columns:1fr;height:auto;gap:0}
}

/* Resets for imported Shopify sections to avoid overlap */
.vapingbus-import .Section,
.vapingbus-import .ProductListWrapper,
.vapingbus-import .ProductList,
.vapingbus-import .Grid { margin-top: 0 !important; }
.vapingbus-import .ProductItem__Wrapper { position: static !important; transform: none !important; }
.vapingbus-import { display:block; position:relative; z-index:0; }

/* Ensure spacing before our Woo grid */
.relx-products { margin-top: 24px; }

/* Align major sections after home banners to follow its inner left/right spacing */
.relx-feature, .relx-products { margin-left: var(--relx-follow-mx, 0px); margin-right: var(--relx-follow-mx, 0px); }

/* --- Overrides: IMG mega menu behavior & scrolling --- */
/* Force IMG mega submenu hidden by default; show only on hover */
.menu--relx>li>.sub-menu.relx-mega.relx-mega-img{display:none!important;overflow:hidden!important;overscroll-behavior:none;scrollbar-width:none}
.menu--relx>li:hover>.sub-menu.relx-mega.relx-mega-img{display:flex!important}
/* Disable inner horizontal scrolling for the images row in IMG variant */
.menu--relx>li>.sub-menu.relx-mega.relx-mega-img .relx-menu-images-inner{overflow-x:visible}

/* --- Single product page padding overrides --- */
/* Use fluid clamp so padding reduces before content compresses */
.single-product .Container{padding-left:clamp(16px,10vw,320px)!important;padding-right:clamp(16px,10vw,320px)!important}

/* Related (You may also like): remove inner paddings for tighter layout */
.single-product .relx-product__related > .Container{padding:0!important}
.single-product .relx-product__related .Grid{margin-left:0}
.single-product .relx-product__related .Grid__Cell{padding-left:0;margin-bottom:16px}

/* --- Single product: Reviews styling --- */
.single-product .relx-product__reviews{display:flex;justify-content:center}
.single-product #reviews{max-width:980px;width:100%;background:#fff;border:1px solid #eee;border-radius:6px;padding:20px 18px}
.single-product #reviews .woocommerce-Reviews-title, .single-product .reviews-title{margin:0 0 12px;font-weight:700}
.single-product #reviews .commentlist{list-style:none;margin:0;padding:0}
.single-product #reviews .commentlist li{display:flex;gap:12px;border-top:1px solid #eee;padding:16px 0}
.single-product #reviews .commentlist li:first-child{border-top:0}
.single-product #reviews .commentlist img.avatar{width:36px;height:36px;border-radius:50%;display:block}
.single-product #reviews .comment-text{flex:1}
.single-product #reviews .comment-text .meta{display:flex;gap:10px;align-items:center;margin:0 0 6px;font-weight:700}
.single-product #reviews .star-rating{color:#f5b400}
.single-product #reviews .woocommerce-review__verified,
.single-product #reviews .verified{
  display:inline-flex; align-items:center; gap:6px;
  font-size:11px; color:#333; border:1px solid #ddd; border-radius:8px; padding:2px 6px; background:#fafafa;
}
.single-product #reviews .description p{margin:0;color:#333}
@media (max-width:640px){
  .vb-reviews__bar{ grid-template-columns:46px 1fr 34px; }
  .vb-reviews__dist{ min-width:100%; }
}

/* --- Vapingbus-like summary (no third-party code) --- */
.vb-summary{display:grid;grid-template-columns:1fr;gap:12px;max-width:500px}
.vb-summary__head .product_title{margin:0 0 6px}
.vb-summary .woocommerce-product-rating{margin:0}
.vb-summary__price .price{font-weight:700;font-size:20px}
.vb-summary__excerpt{color:#555}
.vb-summary__purchase form.cart{display:block}
.vb-summary__purchase form.cart .quantity{margin-bottom:10px}
.vb-summary__metaShare{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.vb-summary__trust{margin-top:8px}
.vb-trustList{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:6px}
.vb-trustList li{position:relative;padding-left:18px;color:#555;font-size:14px}
.vb-trustList li:before{content:"";position:absolute;left:0;top:.45em;width:10px;height:10px;border-radius:2px;background:#0da19a}
.vb-payments{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.vb-pay{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 8px;border:1px solid #ddd;border-radius:4px;background:#fafafa;font-size:12px;color:#333}

/* Accordion wrapper for tabs */
.vb-accordion{margin-top:18px}
.vb-accordion .woocommerce-tabs{border:none;margin:0;padding:0}
.vb-accordion .woocommerce-tabs .wc-tabs{display:flex;gap:12px;justify-content:center;margin:0 0 10px}
.vb-accordion .woocommerce-Tabs-panel{animation:vbFade .25s ease}
@keyframes vbFade{from{opacity:.6;transform:translateY(2px)}to{opacity:1;transform:none}}

/* Reviews unify */
.vb-reviews .reviews-title{ text-align:center; font-weight:700; margin:0 0 12px }

/* Sticky CTA (mobile-first) */
.vb-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:1200;background:#fff;border-top:1px solid #eee;box-shadow:0 -6px 20px rgba(0,0,0,.08);padding:8px 0}
.vb-sticky-cta[hidden]{display:none}
.vb-sticky-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vb-sticky-cta__price{font-weight:700}
.vb-sticky-cta__btn{min-width:160px}
@media (min-width:1008px){
  .vb-sticky-cta{display:none!important}
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .vb-accordion .woocommerce-Tabs-panel{animation:none}
  .vb-sticky-cta, .vb-sticky-cta *{transition:none}
}

/* --- ATC / Buy Now：点击高光滑动 + 轻微回弹 --- */
.single-product .single_add_to_cart_button.button,
.single-product .single_buy_now_button{
  position:relative; overflow:hidden;
  will-change:transform;
}
.single-product .single_add_to_cart_button.button::after,
.single-product .single_buy_now_button::after{
  content:""; position:absolute; inset:0 auto 0 -120%;
  width:120%; height:100%;
  background:linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 45%, rgba(255,255,255,0) 100%);

  transform:skewX(-20deg);
  opacity:0; pointer-events:none;
}
.vb-click-anim.is-busy{ animation:vbPress .28s cubic-bezier(.2,.7,.2,1); }
.vb-click-anim.is-busy::after{ animation:vbShine .9s cubic-bezier(.22,.61,.36,1) forwards; opacity:1; }
@keyframes vbShine{ from{ transform:skewX(-20deg) translateX(0); } to{ transform:skewX(-20deg) translateX(240%); } }
@keyframes vbPress{ 0%{ transform:none; } 50%{ transform:scale(.985); } 100%{ transform:none; } }
@media (prefers-reduced-motion: reduce){
  .vb-click-anim.is-busy, .vb-click-anim.is-busy::after{ animation:none !important; }
}

/* --- 评论模块全宽 + 表单滑出 & 本人评论高亮 --- */
.vb-reviews{padding:0; margin-top:24px}
.vb-reviews .vb-reviews__box{width:100%}
.single-product #reviews{max-width:none; width:100%}
.vb-reviews__formMount[hidden]{display:none}
.vb-reviews__formMount{margin:8px 0 0}
.vb-reviews.is-open .vb-reviews__btn{border-color:#e60023; color:#e60023}
#review_form_wrapper{background:#fff}
.vb-review--mine{border:1px solid #e60023; border-radius:6px; padding:12px}

/* 评分分布条在已有样式基础上增强对齐 */
.vb-reviews__bar{ grid-template-columns:54px 1fr 40px; align-items:center }
.vb-reviews__barLabel, .vb-reviews__barPct{ line-height:1; }

/* --- 单品页购买区按钮对齐与擦除动效（与首页一致，强制覆盖） --- */
.vb-summary__purchase form.cart{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.vb-summary__purchase .quantity{margin:0 8px 0 0;}
.vb-summary__purchase .single_add_to_cart_button,
.vb-summary__purchase .single_add_to_cart_button.button,
.vb-summary__purchase .single_add_to_cart_button.button.alt,
.vb-summary__purchase .single_add_to_cart_button.wp-element-button,
.vb-summary__purchase .single_buy_now_button,
.vb-summary__purchase .single_buy_now_button.Button,
.vb-summary__purchase .single_buy_now_button.Button--primary {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:44px;
  line-height:44px;
  padding:0 16px;
  border-radius:4px;
  text-transform:uppercase;
  letter-spacing:.08em;
  flex:1 1 0;
  min-width:0;
  font-weight:700;
  font-size:16px;
  position:relative;
  overflow:hidden;
  border-width:1px;
  border-style:solid;
  transition:
    background-size .70s cubic-bezier(.22,.61,.36,1.0),
    color .50s cubic-bezier(.19,1,.22,1),
    border-color .50s cubic-bezier(.19,1,.22,1);
}

/* Buy Now：默认红底白字，悬浮白底红字（擦除） */
.vb-summary__purchase .single_buy_now_button,
.vb-summary__purchase .single_buy_now_button.Button,
.vb-summary__purchase .single_buy_now_button.Button--primary {
  color:#fff !important;
  border-color:#e60023 !important;
  background-color:#e60023 !important;
  background-image:linear-gradient(#ffffff,#ffffff), linear-gradient(#e60023,#e60023) !important;
  background-repeat:no-repeat,no-repeat;
  background-position:left top,left top;
  background-size:0% 100%, 100% 100% !important;
}
@media (hover:hover) {
  .vb-summary__purchase .single_buy_now_button:hover,
  .vb-summary__purchase .single_buy_now_button.Button:hover,
  .vb-summary__purchase .single_buy_now_button.Button--primary:hover {
    background-size:100% 100%, 0% 100% !important;
    color:#e60023 !important;
    background-color:#fff !important;
    border-color:#e60023 !important;
  }
}

/* 加入购物车：默认白底红字，悬浮红底白字（擦除） */
.vb-summary__purchase .single_add_to_cart_button,
.vb-summary__purchase .single_add_to_cart_button.button,
.vb-summary__purchase .single_add_to_cart_button.button.alt,
.vb-summary__purchase .single_add_to_cart_button.wp-element-button {
  color:#e60023 !important;
  border-color:#e60023 !important;
  background-color:#fff !important;
  background-image:linear-gradient(#e60023,#e60023), linear-gradient(#ffffff,#ffffff) !important;
  background-repeat:no-repeat,no-repeat;
  background-position:left top,left top;
  background-size:0% 100%, 100% 100% !important;
}
@media (hover:hover) {
  .vb-summary__purchase .single_add_to_cart_button:hover,
  .vb-summary__purchase .single_add_to_cart_button.button:hover,
  .vb-summary__purchase .single_add_to_cart_button.button.alt:hover,
  .vb-summary__purchase .single_add_to_cart_button.wp-element-button:hover {
    background-size:100% 100%, 0% 100% !important;
    color:#fff !important;
    background-color:#e60023 !important;
    border-color:#e60023 !important;
  }
}

/* 修复侧边购物车位置与动画 */
.relx-sidecart-panel{
  /* 保留定位，移除 transform */
  position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;
  height:auto!important;
  opacity:0;
  transition:opacity .2s ease;
}

/* Sidecart panel 强制白底与内边距 */
.relx-sidecart-panel{background:#fff!important;display:flex;flex-direction:column;width:380px;max-width:92vw;height:100%;}
.relx-sidecart-body{padding:12px 0}
/* keep footer visually docked to bottom in all cases */
.relx-sidecart-footer{margin-top:auto}

/* Mini-cart 行样式 */
.woocommerce-mini-cart-item{display:flex;align-items:flex-start;gap:12px;padding:12px 18px;border-bottom:1px solid #eee;position:relative}
.woocommerce-mini-cart-item:last-child{border-bottom:none}
.vb-cart-item-row{display:flex;gap:12px;width:100%}
.vb-cart-thumb img{width:62px;height:62px;object-fit:contain;display:block}
.vb-cart-main{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.vb-cart-title{
  font-size:14px;
  font-weight:600;
  color:#111;
  text-decoration:none;
  display:block;
  /* 固定宽度并裁剪溢出 */
  max-width:200px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
/* 变体名称与价格样式完全一致 */
.vb-cart-meta{
  display:flex;
  gap:10px;
  font-size:13px;
  font-weight:400;
  color:#666;
  font-family:Jost,sans-serif;
}
.vb-cart-qty{font-weight:600}
.vb-cart-price{
  font-size:13px;
  font-weight:400;
  color:#111;
  font-family:Jost,sans-serif;
}
.vb-cart-bundle{margin-top:6px}
/* 捆绑包描述 */
.vb-cart-bundle-desc{
  font-size:12px;
  color:#777;
  margin:4px 0 6px;
  font-family:Jost,sans-serif;
}
.vb-cart-bundle-toggle{background:#f5f5f5;border:1px solid #ddd;padding:4px 8px;font-size:11px;cursor:pointer;border-radius:4px;color:#333}
.vb-cart-bundle-toggle.is-collapsed{background:#fff}
.vb-cart-item-details{overflow:hidden;transition:max-height .35s cubic-bezier(.22,.61,.36,1);max-height:none}
.vb-cart-item-details.is-collapsed{box-shadow:inset 0 -30px 30px -20px rgba(255,255,255,.9)}
.vb-cart-bundle-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}

/* Checkout 页面隐藏头部/脚部 */
.woocommerce-checkout .qab_container,
.woocommerce-checkout .cuz_account_section,
.woocommerce-checkout .Header__MainNav,
.woocommerce-checkout .relx-search-bar,
.woocommerce-checkout footer.site-footer{display:none!important}
body.woocommerce-checkout{padding-top:0!important;margin:0}

/* 隐藏 Woo 默认优惠券切换 */
.woocommerce-checkout .woocommerce-form-coupon-toggle{display:none!important}

/* Checkout page: 确保所有父容器全宽 */
body.woocommerce-checkout,
body.woocommerce-checkout .site,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .checkout-page-wrapper,
body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout form.checkout{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Checkout header: logo 行内居中（移除绝对定位） */
.relx-checkout-header__inner{
  max-width:1400px;
  margin:0 auto;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:center; /* 居中 logo */
  position:relative;
}
.relx-checkout-logo{
  /* 移除绝对定位 */
  display:flex;
  align-items:center;
}
.relx-checkout-logo img{
  max-height:40px;
  height:auto;
}
.relx-checkout-cart{
  position:absolute;
  right:24px;
  display:flex;
  align-items:center;
  color:#222;
  text-decoration:none;
}
.relx-checkout-cart:hover{
  color:#e60023;
}

/* Checkout 新布局：全宽容器，左右分栏居中 */
.relx-checkout-wrapper{
  display:grid;
  grid-template-columns:1fr 440px;
  gap:40px;
  width:100%;
  max-width:1240px;
  margin:40px auto;
  padding:0 20px;
  box-sizing:border-box;
}
@media(max-width:1080px){
  .relx-checkout-wrapper{
    grid-template-columns:1fr;
    padding:24px 20px;
    max-width:680px;
  }
}
.relx-checkout-left{
  background:#fff;
  border:1px solid #eee;
  padding:32px 36px;
  border-radius:10px;
  box-shadow:0 8px 30px rgba(0,0,0,.05);
  width:100%;
}
.relx-checkout-right{
  background:#fff;
  border:1px solid #eee;
  padding:24px 28px;
  border-radius:10px;
  box-shadow:0 8px 30px rgba(0,0,0,.05);
  max-height:calc(100vh - 80px);
  overflow-y:auto;
  position:sticky;
  top:40px;
}
@media(max-width:1080px){
  .relx-checkout-right{
    position:static;
    max-height:none;
  }
}

.relx-checkout-section{margin-bottom:28px}
.relx-checkout-section:last-child{margin-bottom:0}
.relx-checkout-title{font-size:16px;font-weight:600;margin:0 0 14px;color:#111;font-family:Jost,sans-serif}
.relx-checkout-titlebar{display:flex;align-items:center;justify-content:space-between}
.relx-checkout-signin{font-size:13px;color:#0d6efd;text-decoration:none}
.relx-checkout-signin:hover{text-decoration:underline}
.relx-checkout-left .woocommerce-billing-fields__field-wrapper .form-row,
.relx-checkout-left .woocommerce-shipping-fields__field-wrapper .form-row{margin:0 0 14px}
.relx-checkout-left .woocommerce-billing-fields__field-wrapper label,
.relx-checkout-left .woocommerce-shipping-fields__field-wrapper label{font-size:13px;color:#444;margin-bottom:6px;display:block}
.relx-checkout-left input.input-text, .relx-checkout-left select, .relx-checkout-left textarea{border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-size:14px}
.relx-checkout-left input.input-text:focus, .relx-checkout-left select:focus, .relx-checkout-left textarea:focus{outline:none;border-color:#0066cc;box-shadow:0 0 0 3px rgba(0,102,204,.1)}

/* Contact 模块重制（模仿附图） */
.relx-checkout-contact{margin-bottom:24px}
.relx-checkout-contact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.relx-checkout-contact-title{font-size:18px;font-weight:600;color:#111;margin:0;font-family:Jost,sans-serif}
.relx-checkout-contact-login{font-size:14px;color:#0066cc;text-decoration:none;font-family:Jost,sans-serif}
.relx-checkout-contact-login:hover{text-decoration:underline}
.relx-checkout-field{margin-bottom:16px}
.relx-checkout-field label{font-size:14px;font-weight:500;margin-bottom:6px;color:#333;display:block;font-family:Jost,sans-serif}
.relx-checkout-field input,
.relx-checkout-field select,
.relx-checkout-field textarea{
  width:100%;
  border:1px solid #ccc;
  border-radius:6px;
  padding:12px 14px;
  font-size:14px;
  background:#fff;
  font-family:Jost,sans-serif;
  transition:border-color .25s ease, box-shadow .25s ease;
}
.relx-billing-radio{display:flex;flex-direction:column;gap:10px;margin:8px 0 12px}
.relx-billing-fields{padding:12px;border:1px solid #eee;border-radius:8px;background:#fafafa}
.relx-checkout-field input:focus,
.relx-checkout-field select:focus,
.relx-checkout-field textarea:focus{
  outline:none;
  border-color:#0066cc;
  box-shadow:0 0 0 3px rgba(0,102,204,.1);
}
.relx-checkout-checkbox{display:flex;align-items:flex-start;gap:8px;margin:12px 0}
.relx-checkout-checkbox input[type="checkbox"]{
  margin-top:2px;
  width:18px;
  height:18px;
  flex-shrink:0;
  cursor:pointer;
}
.relx-checkout-checkbox label{
  font-size:13px;
  color:#555;
  cursor:pointer;
  font-family:Jost,sans-serif;
  line-height:1.4;
}

.relx-checkout-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:640px){.relx-checkout-two{grid-template-columns:1fr}}
.relx-checkout-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
@media(max-width:860px){.relx-checkout-three{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.relx-checkout-three{grid-template-columns:1fr}}

/* 优惠券模块 */
.relx-checkout-code{display:flex;gap:8px;margin-bottom:16px;position:relative}
.relx-checkout-code input{
  flex:1;
  border:1px solid #ddd;
  border-radius:6px;
  padding:10px 12px;
  font-size:14px;
  transition:border-color .25s ease;
}
.relx-checkout-code input:focus{
  outline:none;
  border-color:#0066cc;
  box-shadow:0 0 0 3px rgba(0,102,204,.1);
}
.relx-checkout-code-btn{
  padding:10px 20px;
  border:1px solid #e60023;
  background:#e60023;
  color:#fff;
  border-radius:6px;
  cursor:pointer;
  font-family:Jost,sans-serif;
  font-size:14px;
  font-weight:600;
  transition:all .25s ease;
  position:relative;
  overflow:hidden;
}
.relx-checkout-code-btn:hover{
  filter:brightness(1.05);
}
.relx-checkout-code-btn.is-loading{
  pointer-events:none;
  opacity:0.7;
}
.relx-checkout-code-btn.is-loading::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:16px;
  height:16px;
  margin:-8px 0 0 -8px;
  border:2px solid #fff;
  border-radius:50%;
  border-top-color:transparent;
  animation:relxSpin .6s linear infinite;
}
@keyframes relxSpin{
  to{transform:rotate(360deg)}
}
.relx-checkout-code-msg{
  position:absolute;
  top:100%;
  left:0;
  margin-top:4px;
  font-size:12px;
  font-family:Jost,sans-serif;
}
.relx-checkout-code-msg.is-success{color:#0a0}
.relx-checkout-code-msg.is-error{color:#e60023}

/* Summary */
.relx-checkout-summary-products{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:16px}
.relx-checkout-summary-item{display:grid;grid-template-columns:60px 1fr;gap:12px}
.relx-checkout-summary-thumb img{width:60px;height:60px;object-fit:contain;border:1px solid #eee;border-radius:6px;background:#fff}
.relx-checkout-summary-main{display:flex;flex-direction:column;gap:4px}
.relx-checkout-summary-title{font-size:13px;font-weight:600;color:#222;margin:0}
.relx-checkout-summary-meta{font-size:12px;color:#666}
.relx-checkout-summary-price{font-size:13px;font-weight:700;color:#111}
.relx-checkout-divider{height:1px;background:#eee;margin:18px 0}
.relx-checkout-totals{display:flex;flex-direction:column;gap:8px;font-size:14px}
.relx-checkout-totals-row{display:flex;justify-content:space-between}
.relx-checkout-grand{font-weight:700;font-size:16px}
.relx-checkout-paybtn{
  margin-top:16px;
  width:100%;
  padding:16px 20px;
  border:1px solid #e60023;
  background:#e60023;
  color:#fff;
  font-weight:600;
  font-size:15px;
  border-radius:6px;
  cursor:pointer;
  font-family:Jost,sans-serif;
  transition:all .25s ease;
  position:relative;
  overflow:hidden;
}
.relx-checkout-paybtn:hover{
  filter:brightness(1.05);
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(230,0,35,.25);
}
.relx-checkout-paybtn:active{
  transform:translateY(0);
}
.relx-checkout-small{font-size:12px;color:#999;margin-top:6px}
.relx-checkout-note{margin-top:8px;font-size:12px;color:#666;text-align:center}

/* 隐藏首页的 relx-reviews 区块 */
/* 移除全局隐藏规则，改为精确定位 */
.home .relx-products ~ .relx-reviews,
.home .relx-reviews:first-of-type{
  display:none !important;
}

/* 确保 ourshop 下方的 reviews 可见 */
.home .relx-ourshop ~ .relx-reviews,
.home .relx-feature ~ .relx-reviews{
  display:block !important;
}

/* 让 ourshop 下方的模拟评论模块在主页全宽显示 */
.home .relx-ourshop + .relx-product__reviews,
.home .relx-ourshop + .vb-reviews{
  margin-top:24px;
  padding-top:16px;
  border-top:1px solid #eee;
}
.home .relx-ourshop + .relx-product__reviews > .Container,
.home .relx-ourshop + .vb-reviews > .Container{
  max-width:1200px;
  margin:0 auto;
}
