/* VapeBuzzDubai v1.8 — unified light design system
   Loaded after legacy app.css so every public surface resolves to one white/light theme.
*/
:root{
  --vb-bg:#ffffff;
  --vb-soft:#f7f8fa;
  --vb-soft-warm:#fff9ef;
  --vb-card:#ffffff;
  --vb-text:#1f252c;
  --vb-muted:#6f7782;
  --vb-border:#e6e9ed;
  --vb-border-warm:#f0dec0;
  --vb-orange:#f5a11a;
  --vb-orange-deep:#b76500;
  --vb-green:#25D366;
  --vb-shadow:0 10px 30px rgba(31,39,49,.07);
  --vb-shadow-hover:0 16px 38px rgba(31,39,49,.10);
}
html,body{background:var(--vb-bg);color:var(--vb-text)}
body{color-scheme:light}
::selection{background:#ffe4ad;color:#3b2606}

/* global controls */
.btn.dark-outline{background:#fff;color:#2d343d;border-color:#d9dee4}
.btn.dark-outline:hover{background:#fff8ec;color:#9c5b00;border-color:#efb34f}
.textlink{color:#3c444d}.textlink:hover{color:var(--vb-orange-deep)}
.close,.iconbtn{background:#fff;color:#343b44;border-color:#dfe3e8}.close:hover,.iconbtn:hover{background:#fff7e9;color:#a35d00;border-color:#efbd69}
.input,input,select,textarea{color:#252b32}

/* chrome */
.buzz-topbar{background:#fff8ec;color:#5d625f;border-color:#f0e0c5}
.buzz-header{background:rgba(255,255,255,.98);border-color:#e9edf1;box-shadow:0 5px 18px rgba(35,42,50,.045)}
.buzz-logo img{filter:drop-shadow(0 6px 12px rgba(37,28,15,.10))}
.buzz-search{background:#f8f9fb;border-color:#dfe3e8}
.buzz-search:focus-within{background:#fff;border-color:#efb54f;box-shadow:0 0 0 3px rgba(245,161,26,.10)}
.buzz-search input{color:#242a31}.buzz-search i{color:#7c858f}
.header-action{color:#303741}.header-action:hover{background:#f5f7f8}.header-action small{color:#79818b}
.mobilemenu{background:#f4f6f8;color:#2d343c;border:1px solid #e2e6ea}
.buzz-nav{background:#fff;border-color:#e9edf1}.nav-inner a{color:#3c444e}.nav-inner a:hover{background:#fff7e9;color:#a86000}.nav-feature{background:#fff5e4!important;color:#67400b!important;border-color:#efd6ac}
.deal{color:#c96e00!important}

/* category mega menu */
.category-mega{background:#fff!important;color:#252b32!important;border-color:#e8ecef!important;box-shadow:0 24px 60px rgba(31,39,49,.14)!important}
.mega-head{border-color:#edf0f2!important}.mega-head small{color:#c87300!important}.mega-head b{color:#20262d!important}
.mega-grid-spaced{gap:14px!important;padding:18px!important}
.mega-item{background:#fff!important;border:1px solid #e8ecef!important;color:#242a31!important;box-shadow:none!important}
.mega-item:hover{background:#fff9ef!important;border-color:#efbd66!important;box-shadow:0 9px 24px rgba(37,43,50,.07)!important;transform:translateY(-1px)}
.mega-copy b{color:#252b32!important}.mega-copy small{color:#77808a!important}.mega-icon{background:#fff3df!important;color:#ce7800!important;border:1px solid #f0dfc2!important}
.mega-promo{background:linear-gradient(135deg,#fff7e8,#fff)!important;color:#252b32!important;border-color:#f1dfc3!important}.mega-promo p{color:#6d7580!important}

/* hero: bright, high-key, no black mood */
.hero-slider{background:#fff;min-height:590px}
.hero-blue{background:radial-gradient(circle at 76% 36%,#e4f3ff 0,#f4faff 31%,#fff 70%)}
.hero-red{background:radial-gradient(circle at 78% 35%,#ffe8ed 0,#fff5f6 32%,#fff 70%)}
.hero-purple{background:radial-gradient(circle at 78% 35%,#eeeaff 0,#f9f7ff 32%,#fff 70%)}
.hero-copy h1{color:#1c2229}.hero-copy p{color:#626b75}.hero-kicker{background:#fffaf1;border-color:#ead8ba;color:#b76700}.hero-secondary{background:#fff;color:#343c45;border-color:#d9dee4}.hero-meta{color:#69727c}.hero-meta span{background:transparent}
.hero-product{filter:drop-shadow(0 24px 28px rgba(32,42,52,.16));box-shadow:none}.hero-tag{background:#fff;color:#252b32;border-color:#e4e8ec;border-left-color:var(--vb-orange);box-shadow:0 13px 32px rgba(32,42,52,.08)}
.slider-arrow{background:#fff;color:#2c333b;border-color:#dce1e6;box-shadow:0 8px 22px rgba(35,43,54,.10)}
.smoke{opacity:.12!important;filter:blur(26px)!important}

/* trust strip */
.buzz-trust{background:#fff;border-color:#e9edf1}.trust-item{color:#262d35;border-color:#edf0f2}.trust-icon{background:#fff4e1;color:#d17a00}.trust-item small{color:#78818b}

/* sections: every storefront area light */
.section,.buzz-category-section,.buzz-featured,.collection-row,.collection-row.alt-row,.brand-section{background:#fff!important;color:#20262d!important;border-color:#eef0f2!important}
.collection-row.alt-row,.category-v17{background:#fafbfc!important}
.buzz-category-section .section-head h2,.buzz-featured .section-head h2,.collection-row .section-head h2,.brand-section .section-head h2{color:#20262d!important}
.buzz-category-section .section-head p,.buzz-featured .section-head p,.collection-row .section-head p,.brand-section .section-head p{color:#747d87!important}
.buzz-featured .textlink,.collection-row .textlink{color:#49525c!important}
.section-head h2{color:#20262d}.section-head p{color:#737c86}

/* shop by category — completely light card, no black half-overlay */
.v17-category-grid{gap:18px!important}
.v17-category-grid .buzz-cat{height:248px!important;background:linear-gradient(145deg,#fff 0,#fffaf1 100%)!important;border:1px solid #e9e4da!important;border-radius:20px!important;box-shadow:0 8px 24px rgba(34,41,50,.055)!important;overflow:hidden!important}
.v17-category-grid .buzz-cat:before{width:190px!important;height:190px!important;right:-58px!important;top:-55px!important;background:rgba(245,161,26,.13)!important;filter:blur(40px)!important}
.v17-category-grid .buzz-cat:after{background:linear-gradient(90deg,#fff 0,#fff 40%,rgba(255,255,255,.92) 56%,rgba(255,255,255,.12) 88%,transparent 100%)!important}
.v17-category-grid .buzz-cat:hover{border-color:#efbd66!important;box-shadow:var(--vb-shadow-hover)!important;transform:translateY(-2px)!important}
.v17-category-grid .cat-photo{width:61%!important;background:transparent!important}
.v17-category-grid .cat-photo img{padding:18px 10px 18px 30px!important;filter:drop-shadow(0 16px 18px rgba(34,40,46,.14))!important}
.v17-category-grid .buzz-cat-copy{color:#20262d!important;padding:20px!important;width:59%!important}
.v17-category-grid .cat-icon{background:#fff3dd!important;color:#cb7500!important;border:1px solid #efddbd!important}
.v17-category-grid .cat-copy-text h3{color:#1e242b!important;font-size:23px!important}.v17-category-grid .cat-copy-text b{color:#9a5d05!important}

/* product cards */
.buzz-product{background:#fff!important;color:#20262d!important;border-color:#e5e9ed!important;box-shadow:0 5px 18px rgba(29,38,48,.045)!important}
.buzz-product:before{background:rgba(245,161,26,.14)!important;opacity:.18!important}.buzz-product:hover:before{opacity:.42!important}
.buzz-product:hover{border-color:#efc170!important;box-shadow:var(--vb-shadow-hover)!important}
.product-media{background:linear-gradient(180deg,#fff 0,#f7f8f9 100%)!important;border-bottom:1px solid #edf0f2!important}.product-media:after{background:#edf0f2!important}.product-media img{filter:drop-shadow(0 15px 17px rgba(28,36,44,.12))!important}
.product-info{background:#fff!important;color:#20262d!important}.product-name{color:#222930!important}.product-desc{color:#757e88!important}.brand-label{color:#b86a00!important}.stock-label{color:#31815a!important}.rating-row{color:#efaa19!important}
.badge.new{background:#fff4df!important;color:#a86100!important;border:1px solid #f0d39f}.badge.sale{background:#ec4454;color:#fff}
.wishbtn{background:#fff!important;color:#3b434c!important;border-color:#e1e5e9!important}.wishbtn:hover{background:#fff7e9!important;color:#d17800!important;border-color:#efc16f!important}
.product-cart-btn{background:var(--vb-orange)!important;color:#2c1b02!important;border-color:var(--vb-orange)!important}.product-cart-btn:hover{background:#ffb32d!important}

/* promotion / brands / editorial sections */
.buzz-promo{background:linear-gradient(135deg,#fff8ed 0,#fff 100%)!important;color:#20262d!important;border-color:#f1e5d1!important}.promo-copy p{color:#69727c!important}.promo-visual{background:#fff!important;border-color:#eee4d5!important}.promo-badge{background:#fff8eb!important;color:#8e5300!important;border-color:#edd5aa!important}
.brand-section{background:#fff!important}.brandchip{background:#fff!important;color:#303842!important;border-color:#e3e7eb!important;box-shadow:0 4px 14px rgba(29,37,46,.04)!important}.brandchip:hover{background:#fff8ec!important;border-color:#efbd66!important}
.buzz-story{background:#f8fafb!important;color:#20262d!important}.buzz-story p{color:#68727c!important}.story-stats>div{background:#fff!important;border-color:#e5e9ed!important}
.buzz-news{background:#fff7e9!important;color:#20262d!important}.buzz-news p{color:#69717a!important}.buzz-news input{background:#fff!important;color:#252b32!important;border-color:#e1d5c3!important}
.buzz-footer{background:#f8f9fb!important;color:#2e353d!important;border-color:#e4e8ec!important}.footer-main p,.footer-main a,.footer-contact span{color:#6f7781!important}.footer-bottom{border-color:#e2e6ea!important;color:#7b838c!important}

/* cart drawer: light panels; scrim stays dim only as an overlay */
.drawer{background:#fff!important;color:#222930!important;border-left:1px solid #e4e8ec!important}.drawerhead{background:#fff!important;border-color:#e6eaee!important}.drawerbody{background:#fff!important}.drawerfoot{background:#fafbfc!important;border-color:#e6eaee!important}.cartline{border-color:#eceff2!important}.cartline small,.cart-note{color:#7a828c!important}.cart-thumb,.cartline img{background:#f7f8fa!important}.cart-qty{background:#fff!important;border-color:#dce1e6!important}.cart-qty button{background:#f5f7f8!important;color:#2d343c!important}.close{background:#fff!important;color:#343b44!important;border-color:#dfe3e8!important}.empty,.cart-empty{color:#727b85!important}.cart-empty .empty-icon{color:#d17a00!important;background:#fff4df!important}

/* age gate remains bright and neutral */
.age-gate{background:radial-gradient(circle at 50% 5%,#fff1d8,#fffaf3 36%,#f4f2ee 100%)!important}.age-gate-card{background:#fff!important;color:#20262d!important;border-color:#e6d3b0!important;box-shadow:0 28px 80px rgba(74,55,24,.13)!important}.age-gate-card h2{color:#20262d!important}.age-copy,.age-note,.age-exit{color:#636b74!important}

/* product details */
.vape-crumb{background:#fafbfc!important;color:#68717b!important;border-color:#eceff2!important}.vape-product-page,.vape-detail{background:#fff!important;color:#20262d!important}.product-gallery{background:#fff!important}.mainimg-wrap{background:#fff!important;border-color:#e8ecef!important;box-shadow:none!important}.mainimg{background:#fff!important}.thumbs button{background:#fff!important;border-color:#e1e5e9!important}.thumbs button:hover,.thumbs button.active{border-color:#efb44f!important;background:#fff9ef!important}.buy{background:#fff!important;color:#20262d!important}.buy h1{color:#171c22!important}.lead{color:#646d77!important}.bigprice strong{color:#1a2026!important}.variant-chip{background:#fff!important;color:#2b323a!important;border-color:#dfe4e8!important}.variant-chip.selected{background:#fff7e9!important;border-color:#efb653!important}.qtybox,.qtybox button,.qtybox input{background:#fff!important;color:#252b32!important;border-color:#dce1e5!important}.wishlist-square{background:#fff!important;color:#38404a!important;border-color:#dce1e6!important}.wishlist-square:hover{background:#fff8eb!important;color:#d07800!important}.buytrust.compact>div{background:#fafbfc!important;border-color:#e7ebee!important}.buytrust.compact b{color:#283039!important}.buytrust.compact small{color:#737c86!important}.product-tabs,.tab-panel{background:#fff!important;border-color:#e4e8ec!important}.product-tabs button{color:#69727c!important}.product-tabs button.active{color:#1f252c!important}.review-card,.review-locked{background:#fff!important;border-color:#e5e9ed!important;color:#252b32!important}

/* catalog */
.vape-catalog{background:#fff!important;color:#20262d!important}.catalog-hero{background:linear-gradient(135deg,#fff8eb,#fff)!important;color:#20262d!important;border-color:#efe6d8!important}.catalog-toolbar,.filter-sidebar{background:#fff!important;color:#2a3139!important;border-color:#e4e8ec!important}.filter-group,.filter-title{border-color:#edf0f2!important}.filter-options a,.rating-filter a,.filter-chips a{color:#59616b!important}.filter-options a:hover,.filter-options a.active,.rating-filter a:hover,.rating-filter a.active,.filter-chips a:hover,.filter-chips a.active{background:#fff6e7!important;color:#9d5b00!important}.filter-apply{background:#f7f8fa!important;color:#303740!important;border-color:#dfe3e8!important}.page-btn{background:#fff!important;color:#353d45!important;border-color:#dfe4e8!important}.page-btn:hover{background:#fff7e9!important;color:#9b5a00!important;border-color:#efb44f!important}.page-btn.active{background:var(--vb-orange)!important;color:#291a02!important;border-color:var(--vb-orange)!important}

/* auth */
.vape-auth,.light-auth{background:#f7f8fa!important;color:#20262d!important;border-color:#e4e8ec!important;box-shadow:0 18px 55px rgba(31,39,49,.08)!important}.auth-art,.light-auth .auth-art{background:linear-gradient(145deg,#fff3da,#fff)!important;color:#20262d!important;border-color:#ece4d8!important}.auth-art h1{color:#1e242b!important}.auth-art p,.auth-art-copy p{color:#67707a!important}.auth-form,.authbox,.light-auth .auth-form,.light-auth .authbox{background:#fff!important;color:#20262d!important;border-color:#e4e8ec!important}.authbox input{background:#fff!important;color:#252b32!important;border-color:#dde2e7!important}.authbox .helper{color:#747d87!important}

/* checkout */
.checkout-v17,.vape-checkout{background:#fff!important;color:#20262d!important}.checkout-main-v17,.checkout-summary-v17,.checkout-card,.vape-checkout .panel,.summary{background:#fff!important;color:#20262d!important;border-color:#e3e7eb!important}.checkout-card{box-shadow:0 7px 24px rgba(31,39,49,.045)!important}.checkout-account-choice{background:#fff8eb!important;color:#3f474f!important;border-color:#efd9b1!important}.checkout-section-title>span,.step-icon{background:#fff4df!important;color:#ce7600!important}.account-create-box{background:#fafbfc!important;border-color:#e4e8ec!important}.payment-card{background:#fff!important;color:#242a31!important;border-color:#e1e5e9!important}.payment-card:hover,.payment-card.selected{background:#fff8eb!important;border-color:#efb44f!important}.payment-icon{background:#fff3dd!important;color:#cc7500!important}.summary-security{background:#f4fbf7!important;color:#2b7654!important}.sumline-v17{border-color:#edf0f2!important}.checkout-success{background:#fff!important;color:#20262d!important;border-color:#e3e7eb!important}

/* account / blog / CMS */
.account-v17,.accountmain-v17,.blog-page,.blog-detail,.cms-v17{background:#fff!important;color:#20262d!important}.accountnav-v17,.account-stat,.account-quick-grid>a,.order-card-v17,.address-card,.profile-form,.wish-row,.account-empty,.blog-card,.cms-info-card,.cms-contact-item,.cms-faq details{background:#fff!important;color:#20262d!important;border-color:#e3e7eb!important}.accountnav-v17>a:hover,.accountnav-v17>a.on{background:#fff5e4!important;color:#8d5200!important}.blog-card:hover{border-color:#efbd69!important;box-shadow:0 14px 34px rgba(31,39,49,.08)!important}.blog-image,.blog-feature,.wish-row img,.cms-image-text>img{background:#f7f8fa!important}.blog-content p,.blog-card-body p,.cms-info-card p,.cms-contact-item p,.cms-faq p{color:#65707a!important}

/* custom page-builder hero: preserve custom image but avoid a heavy black overlay */
.cms-hero{background-color:#f5f7f8!important;text-shadow:0 1px 3px rgba(0,0,0,.22)}

/* mobile */
@media(max-width:840px){
  .buzz-header{background:#fff}.buzz-head{background:#fff}.buzz-nav{background:#fff}
  .nav-inner>a:not(.nav-feature){background:#fff;color:#343c45;border-bottom:1px solid #eef1f3}.nav-inner>a:not(.nav-feature):hover{background:#fff8eb}
  .v17-category-grid .buzz-cat{height:230px!important}
}
@media(max-width:580px){
  .v17-category-grid .buzz-cat{height:210px!important}.v17-category-grid .buzz-cat-copy{padding:16px!important}.v17-category-grid .cat-copy-text h3{font-size:21px!important}
}