/* CITY VAPE NEW — FINAL VISUAL V3
   Reference baseline: black / white / original gold identity
   Applies only on new.cityvpdxb.com child theme.
*/
:root{
  --cv-black:#0a0500;
  --cv-black-2:#121212;
  --cv-charcoal:#1b1b1b;
  --cv-gold:#f8ad16;
  --cv-gold-2:#fcb424;
  --cv-gold-3:#ffcd05;
  --cv-orange:#ff4905;
  --cv-white:#ffffff;
  --cv-soft:#f6f6f6;
  --cv-soft-2:#fbfaf8;
  --cv-line:#e6e6e6;
  --cv-text:#131313;
  --cv-muted:#777b80;
  --cv-red:#e72f2f;
  --cv-radius:14px;
  --cv-shadow:0 16px 36px rgba(10,5,0,.08);
}

/* remove inherited old-site chrome that conflicts with the new Blocksy shell */
#header,
footer.ct-footer,
.ct-shortcuts-bar,
.ct-drawer-canvas [data-shortcuts-bar],
[data-shortcuts-bar].ct-drawer-inner > .ct-shortcuts-bar,
.ct-floating-bar{
  display:none!important;
}
body{background:#fff!important;color:var(--cv-text)!important}
a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}

/* HEADER */
.cv-pro-header{
  position:sticky!important;top:0!important;z-index:9998!important;
  background:#fff!important;border-bottom:1px solid var(--cv-line)!important;
}
.cv-pro-header.is-scrolled{box-shadow:0 8px 28px rgba(10,5,0,.08)!important}
.cv-pro-top{background:var(--cv-black)!important;color:#fff!important}
.cv-pro-top .cv-pro-inner{height:30px!important}
.cv-pro-main-grid{
  min-height:76px!important;
  grid-template-columns:205px minmax(360px,1fr) auto!important;
  gap:24px!important;
}
.cv-pro-brand img{
  width:44px!important;height:44px!important;border-radius:50%!important;
  object-fit:contain!important;
}
.cv-pro-brand b{font-size:20px!important;letter-spacing:-.035em!important}
.cv-pro-brand small{color:var(--cv-gold)!important;font-size:9px!important;letter-spacing:.30em!important}
.cv-pro-search{
  height:46px!important;border-radius:9px!important;background:#f8f8f8!important;
  border-color:#dcdfe2!important;
}
.cv-pro-search:focus-within{border-color:var(--cv-gold)!important;box-shadow:0 0 0 3px rgba(248,173,22,.11)!important}
.cv-pro-actions{gap:12px!important}
.cv-pro-actions>a{font-size:11px!important}
.cv-action-icon{width:32px!important;height:32px!important}
.cv-pro-nav .cv-pro-inner{height:46px!important;gap:27px!important}
.cv-pro-nav a{height:46px!important;font-size:11px!important}
.cv-pro-nav a:after{display:none!important}
.cv-pro-nav a.is-current:after,
.cv-pro-nav a:first-child:after{
  display:block!important;content:""!important;position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;height:2px!important;
  background:var(--cv-gold)!important;border-radius:2px!important;
}
.cv-pro-nav a:hover{color:var(--cv-orange)!important}
.cv-pro-nav .cv-deals{color:var(--cv-orange)!important}

/* HOME LAYOUT */
.page-id-37997 .hero-section{display:none!important}
.page-id-37997 .ct-container-full[data-vertical-spacing]{padding-top:0!important}
.cv-home-v3{
  width:min(calc(100% - 40px),1440px)!important;
  margin:0 auto!important;padding:20px 0 48px!important;
}

/* Hero - preserve the exact black/gold identity from approved baseline */
.cv-home-v3 .cv-hero-v3{
  min-height:500px!important;
  display:grid!important;grid-template-columns:1.04fr .96fr!important;
  border-radius:18px!important;overflow:hidden!important;
  background:var(--cv-black)!important;
  box-shadow:0 12px 32px rgba(10,5,0,.10)!important;
  position:relative!important;
}
.cv-home-v3 .cv-hero-v3:before{
  content:""!important;position:absolute!important;inset:0 46% 0 0!important;
  background:repeating-radial-gradient(circle at 100% 50%,transparent 0 38px,rgba(255,255,255,.035) 39px 40px)!important;
  pointer-events:none!important;
}
.cv-home-v3 .cv-hero-copy-v3{
  padding:60px 48px 54px 62px!important;
  position:relative!important;z-index:2!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
}
.cv-home-v3 .cv-kicker-v3{
  font-size:10px!important;letter-spacing:.30em!important;
  font-weight:900!important;color:#fff!important;margin-bottom:15px!important;
}
.cv-home-v3 .cv-hero-copy-v3 h1{
  font-size:clamp(54px,5.1vw,78px)!important;
  line-height:.91!important;letter-spacing:-.05em!important;
  color:#fff!important;margin:0 0 20px!important;
}
.cv-home-v3 .cv-hero-copy-v3 h1 span{color:var(--cv-gold)!important}
.cv-home-v3 .cv-hero-copy-v3>p{
  max-width:570px!important;font-size:14px!important;line-height:1.65!important;
  color:#d4d4d4!important;margin:0 0 24px!important;
}
.cv-home-v3 .cv-hero-actions-v3{gap:10px!important;margin:0 0 27px!important}
.cv-home-v3 .cv-btn-gold-v3,
.cv-home-v3 .cv-btn-dark-v3{
  min-height:46px!important;padding:0 18px!important;border-radius:7px!important;
  font-size:11px!important;font-weight:900!important;
}
.cv-home-v3 .cv-btn-gold-v3{
  background:linear-gradient(135deg,var(--cv-gold),var(--cv-gold-3))!important;
  color:var(--cv-black)!important;
}
.cv-home-v3 .cv-btn-dark-v3{background:#181818!important;color:#fff!important;border:1px solid #555!important}
.cv-home-v3 .cv-hero-benefits-v3{gap:19px!important;font-size:10px!important;color:#d9d9d9!important}
.cv-home-v3 .cv-hero-media-v3{
  background:linear-gradient(145deg,var(--cv-gold),var(--cv-gold-3))!important;
  padding:34px!important;position:relative!important;overflow:hidden!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.cv-home-v3 .cv-hero-ring-v3{
  width:76%!important;border:1px solid rgba(10,5,0,.22)!important;
  box-shadow:none!important;
}
.cv-home-v3 .cv-hero-media-v3 img{
  width:88%!important;max-width:560px!important;height:385px!important;
  object-fit:contain!important;mix-blend-mode:multiply!important;
  filter:contrast(1.05) saturate(.96) drop-shadow(0 24px 24px rgba(10,5,0,.20))!important;
}
.cv-home-v3 .cv-hero-chip-v3{
  right:18px!important;bottom:17px!important;padding:8px 12px!important;
  background:var(--cv-black)!important;border:0!important;color:#fff!important;
  font-size:9px!important;
}

/* Categories */
.cv-home-v3 .cv-category-row-v3{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;margin:14px 0 30px!important;
}
.cv-home-v3 .cv-category-row-v3>a{
  border-radius:11px!important;border-color:var(--cv-line)!important;
  box-shadow:none!important;
}
.cv-home-v3 .cv-category-row-v3>a:hover{
  transform:translateY(-3px)!important;border-color:var(--cv-gold)!important;
  box-shadow:0 10px 24px rgba(10,5,0,.07)!important;
}
.cv-home-v3 .cv-cat-img-v3{height:118px!important;background:#f4f4f4!important}
.cv-home-v3 .cv-category-row-v3>a:nth-child(2) .cv-cat-img-v3,
.cv-home-v3 .cv-category-row-v3>a:nth-child(5) .cv-cat-img-v3{background:#fff3df!important}
.cv-home-v3 .cv-category-row-v3 strong{font-size:12px!important;margin:9px 0 1px!important}
.cv-home-v3 .cv-category-row-v3 span{font-size:9px!important;color:#666!important;margin-bottom:9px!important}

/* Section headers */
.cv-home-v3 .cv-home-section-v3{margin-bottom:30px!important}
.cv-home-v3 .cv-section-head-v3{margin-bottom:11px!important}
.cv-home-v3 .cv-section-head-v3 h2{font-size:23px!important;color:var(--cv-black)!important}
.cv-home-v3 .cv-section-head-v3 p{font-size:10px!important;color:var(--cv-muted)!important}
.cv-home-v3 .cv-section-head-v3>a{color:var(--cv-orange)!important;font-size:10px!important}

/* Product cards - global */
.woocommerce ul.products{
  display:grid!important;gap:10px!important;
}
.cv-home-v3 ul.products{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.woocommerce ul.products li.product{
  padding:9px!important;border:1px solid var(--cv-line)!important;
  border-radius:11px!important;background:#fff!important;
  box-shadow:none!important;overflow:hidden!important;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-3px)!important;
  border-color:#d5d5d5!important;
  box-shadow:0 11px 28px rgba(10,5,0,.07)!important;
}
.woocommerce ul.products li.product img{
  height:195px!important;width:100%!important;object-fit:contain!important;
  background:#fafafa!important;border-radius:8px!important;
  padding:7px!important;margin:0 0 9px!important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:11px!important;line-height:1.35!important;
  min-height:32px!important;margin:3px 0 5px!important;
  font-weight:800!important;color:#111!important;
}
.woocommerce ul.products li.product .price{
  font-size:13px!important;font-weight:900!important;color:var(--cv-red)!important;
  margin:0 0 6px!important;
}
.woocommerce ul.products li.product .price del{font-size:9px!important;color:#949494!important}
.woocommerce ul.products li.product .button{
  min-height:36px!important;padding:8px 7px!important;
  border-radius:5px!important;background:var(--cv-black)!important;color:#fff!important;
  font-size:9px!important;font-weight:900!important;
}
.woocommerce ul.products li.product .button:hover{
  background:var(--cv-gold)!important;color:var(--cv-black)!important;
}
.woocommerce span.onsale,.woocommerce ul.products li.product .onsale{
  background:var(--cv-gold-3)!important;color:var(--cv-black)!important;
  border-radius:999px!important;font-size:8px!important;font-weight:900!important;
}
.yith-wcwl-add-to-wishlist{right:10px!important;top:10px!important}
.yith-wcwl-add-button a,.yith-wcwl-wishlistaddedbrowse a,.yith-wcwl-wishlistexistsbrowse a{
  width:30px!important;height:30px!important;border-radius:50%!important;
  background:#fff!important;border:1px solid #e2e2e2!important;
}

/* Promo */
.cv-home-v3 .cv-promo-v3{
  grid-template-columns:minmax(0,4fr) minmax(230px,1fr)!important;
  border-radius:14px!important;margin-bottom:28px!important;box-shadow:none!important;
}
.cv-home-v3 .cv-promo-main-v3{
  min-height:215px!important;padding:34px 46px!important;
  background:radial-gradient(circle at 72% 50%,rgba(248,173,22,.14),transparent 28%),var(--cv-black)!important;
}
.cv-home-v3 .cv-promo-main-v3 h2{font-size:31px!important}
.cv-home-v3 .cv-promo-main-v3 h3{color:var(--cv-gold)!important;font-size:13px!important}
.cv-home-v3 .cv-promo-main-v3 img{max-height:185px!important;object-fit:contain!important}
.cv-home-v3 .cv-promo-offer-v3{
  background:linear-gradient(135deg,var(--cv-gold),var(--cv-gold-3))!important;
  padding:30px!important;
}
.cv-home-v3 .cv-promo-offer-v3 h2{font-size:33px!important}

/* Offers / brands - use original identity instead of unrelated pink/blue */
.cv-home-v3 .cv-two-col-v3{gap:24px!important;margin-bottom:28px!important}
.cv-home-v3 .cv-offers-v3{gap:9px!important}
.cv-home-v3 .cv-offers-v3 a{
  min-height:92px!important;border-radius:10px!important;
  border:1px solid #eee!important;color:var(--cv-black)!important;
  background:linear-gradient(145deg,#fff9e8,#fff3cf)!important;
}
.cv-home-v3 .cv-offers-v3 a:nth-child(2){background:#f7f7f7!important}
.cv-home-v3 .cv-offers-v3 a:nth-child(3){background:linear-gradient(145deg,#fff4dc,#fffaf0)!important}
.cv-home-v3 .cv-brands-v3{gap:8px!important}
.cv-home-v3 .cv-brands-v3 span{
  height:58px!important;border-radius:8px!important;
  border:1px solid #e5e5e5!important;background:#fff!important;
}
.cv-home-v3 .cv-brands-v3 span:hover{border-color:var(--cv-gold)!important;background:#fff8e5!important}

/* ARCHIVES / SHOP */
.woocommerce-shop .hero-section,
.tax-product_cat .hero-section,
.tax-product_tag .hero-section{
  background:linear-gradient(135deg,var(--cv-black),#222)!important;
  padding:34px 0!important;margin-bottom:22px!important;
}
.woocommerce-shop .hero-section:after,
.tax-product_cat .hero-section:after{
  content:""!important;display:block!important;width:70px!important;height:3px!important;
  background:var(--cv-gold)!important;margin:14px auto 0!important;border-radius:4px!important;
}
.woocommerce-shop .hero-section .page-title,
.tax-product_cat .hero-section .page-title,
.tax-product_tag .hero-section .page-title{
  color:#fff!important;font-size:36px!important;letter-spacing:-.035em!important;
}
.woocommerce-shop .page-description,
.tax-product_cat .page-description{color:#d6d6d6!important;font-size:12px!important}
.woocommerce-shop .ct-container,
.tax-product_cat .ct-container,
.tax-product_tag .ct-container{max-width:1440px!important;padding-top:0!important}
.woocommerce-shop ul.products,
.tax-product_cat ul.products,
.tax-product_tag ul.products{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.woo-listing-top{
  border:1px solid var(--cv-line)!important;border-radius:10px!important;
  padding:10px 12px!important;margin-bottom:15px!important;background:#fff!important;
}
.woocommerce-ordering select{
  min-height:40px!important;border:1px solid #ddd!important;border-radius:8px!important;
  background:#fff!important;font-size:11px!important;
}

/* PRODUCT */
.single-product .ct-container-full[data-vertical-spacing]{padding-top:26px!important}
.single-product div.product{max-width:1320px!important;margin:0 auto!important}
.single-product div.product .woocommerce-product-gallery{
  border:1px solid var(--cv-line)!important;border-radius:16px!important;
  background:#fafafa!important;padding:14px!important;
}
.single-product div.product .woocommerce-product-gallery img{border-radius:10px!important}
.single-product div.product .summary{
  padding:8px 0 0 30px!important;
}
.single-product div.product .product_title{
  font-size:34px!important;line-height:1.08!important;letter-spacing:-.035em!important;
  color:var(--cv-black)!important;margin-bottom:10px!important;
}
.single-product div.product .price{
  color:var(--cv-red)!important;font-size:25px!important;font-weight:900!important;
}
.single-product .woocommerce-product-details__short-description{
  color:#555!important;font-size:13px!important;line-height:1.7!important;
  border-bottom:1px solid var(--cv-line)!important;padding-bottom:15px!important;
}
.single-product table.variations{margin:17px 0!important}
.single-product table.variations th{font-size:11px!important;color:#111!important}
.single-product .quantity{border:1px solid #ddd!important;border-radius:7px!important;overflow:hidden!important}
.single-product .single_add_to_cart_button{
  min-height:48px!important;border-radius:7px!important;
  background:linear-gradient(135deg,var(--cv-gold),var(--cv-gold-3))!important;
  color:var(--cv-black)!important;font-weight:900!important;
}
.single-product .single_add_to_cart_button:hover{filter:brightness(.96)!important}
.single-product .product_meta{
  margin-top:16px!important;padding-top:14px!important;border-top:1px solid var(--cv-line)!important;
  font-size:11px!important;color:#777!important;
}
.single-product .woocommerce-tabs{margin-top:42px!important;border-top:1px solid var(--cv-line)!important;padding-top:22px!important}

/* CART / CHECKOUT / ACCOUNT */
.woocommerce-cart .site-main,
.woocommerce-checkout .site-main,
.woocommerce-account .site-main{
  background:#f7f7f7!important;padding:30px 0 58px!important;
}
.woocommerce-cart .hero-section,
.woocommerce-checkout .hero-section,
.woocommerce-account .hero-section{
  background:var(--cv-black)!important;color:#fff!important;padding:26px 0!important;
}
.woocommerce-cart .hero-section .page-title,
.woocommerce-checkout .hero-section .page-title,
.woocommerce-account .hero-section .page-title{color:#fff!important}
.woocommerce-cart-form,.cart_totals,
.woocommerce-checkout-review-order,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content{
  background:#fff!important;border:1px solid var(--cv-line)!important;
  border-radius:12px!important;padding:17px!important;
}
.woocommerce-cart .checkout-button,
.woocommerce-checkout #place_order{
  background:linear-gradient(135deg,var(--cv-gold),var(--cv-gold-3))!important;
  color:var(--cv-black)!important;border-radius:7px!important;font-weight:900!important;
}

/* FOOTER */
.cv-pro-footer{margin-top:54px!important}
.cv-pro-news{background:#111820!important}
.cv-pro-news-grid{min-height:72px!important}
.cv-pro-news button{
  background:linear-gradient(135deg,var(--cv-gold),var(--cv-gold-3))!important;
  color:var(--cv-black)!important;
}
.cv-pro-footer-main{background:var(--cv-black)!important;padding:46px 0!important}
.cv-pro-footer-main h4{color:var(--cv-gold)!important}
.cv-pro-copy{background:#050302!important}

/* Stage floating chat should not overlap core UI */
.chaty-widget,.chaty-widget-i{z-index:900!important}

/* TABLET */
@media(max-width:1024px){
  .cv-pro-main-grid{grid-template-columns:190px 1fr auto!important;gap:14px!important}
  .cv-pro-actions>a span:last-child{display:none!important}
  .cv-home-v3 .cv-category-row-v3{grid-template-columns:repeat(3,1fr)!important}
  .cv-home-v3 ul.products{grid-template-columns:repeat(3,1fr)!important}
  .woocommerce-shop ul.products,.tax-product_cat ul.products,.tax-product_tag ul.products{grid-template-columns:repeat(3,1fr)!important}
  .cv-home-v3 .cv-two-col-v3{grid-template-columns:1fr!important}
}

/* MOBILE */
@media(max-width:760px){
  .cv-pro-top .cv-pro-inner{font-size:9px!important}
  .cv-pro-main-grid{grid-template-columns:1fr auto!important}
  .cv-pro-brand span{display:none!important}
  .cv-pro-search{grid-column:1/-1!important;grid-row:2!important;margin-bottom:9px!important}
  .cv-pro-actions>a:nth-child(1),.cv-pro-actions>a:nth-child(2){display:none!important}
  .cv-pro-nav .cv-pro-inner{grid-template-columns:1fr 1fr!important}
  .cv-home-v3{width:min(calc(100% - 18px),1440px)!important;padding-top:10px!important}
  .cv-home-v3 .cv-hero-v3{grid-template-columns:1fr!important;min-height:auto!important;border-radius:14px!important}
  .cv-home-v3 .cv-hero-copy-v3{padding:34px 22px 26px!important}
  .cv-home-v3 .cv-hero-copy-v3 h1{font-size:45px!important}
  .cv-home-v3 .cv-hero-media-v3{min-height:290px!important;padding:20px!important}
  .cv-home-v3 .cv-hero-media-v3 img{height:265px!important}
  .cv-home-v3 .cv-category-row-v3{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
  .cv-home-v3 .cv-cat-img-v3{height:104px!important}
  .cv-home-v3 ul.products,
  .woocommerce-shop ul.products,.tax-product_cat ul.products,.tax-product_tag ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important
  }
  .woocommerce ul.products li.product img{height:145px!important}
  .cv-home-v3 .cv-promo-v3{grid-template-columns:1fr!important}
  .cv-home-v3 .cv-promo-main-v3{padding:27px 22px!important}
  .cv-home-v3 .cv-offers-v3{grid-template-columns:1fr!important}
  .cv-home-v3 .cv-brands-v3{grid-template-columns:repeat(2,1fr)!important}
  .single-product div.product .summary{padding:18px 0 0!important}
  .single-product div.product .product_title{font-size:28px!important}
  .cv-pro-news-grid{grid-template-columns:1fr!important;padding:14px 0!important}
  .cv-pro-footer-grid{grid-template-columns:1fr!important;gap:26px!important}
}