/* Theme 2 — Element Vape style (measured from elementvape.com: Montserrat everywhere, black/#282828 text on white,
   deep red #A80F16 promo strip + CTAs, boxed nicotine warning, uppercase nav row, promo strip BELOW the header, white footer) */
html[data-theme="2"] {
  --bg: #fff; --surface: #fff; --surface-2: #f4f4f4; --text: #282828; --muted: #666; --heading: #000; --border: #dcdcdc;
  --accent: #a80f16; --accent-hover: #86090f; --accent-contrast: #fff; --link: #000;
  --warn-bg: #fff; --warn-text: #000; --warn-border: #000;
  --promo-bg: #a80f16; --promo-text: #fff; --info-bg: #f4f4f4; --info-text: #282828; --info-link: #000;
  --header-bg: #fff; --header-text: #000; --nav-bg: #fff; --nav-text: #000; --nav-hover: #a80f16; --nav-border: #e5e5e5;
  --search-bg: #fff;
  --footer-bg: #fff; --footer-text: #000; --footer-muted: #4a4a4a; --footer-news-bg: #000;
  --font-body: "Montserrat", sans-serif; --font-head: "Montserrat", sans-serif;
  --fs-body: 15px; --head-weight: 800; --head-transform: uppercase; --nav-transform: uppercase; --nav-weight: 700; --nav-size: 13px;
  --radius: 0px; --radius-lg: 0px; --btn-radius: 0px; --shadow: none;
  --hero-1: linear-gradient(100deg, #ffd24a 0%, #ffb400 100%);
  --hero-2: linear-gradient(100deg, #111 0%, #333 100%);
  --hero-3: linear-gradient(100deg, #a80f16 0%, #d9262e 100%);
  --hero-text: #000;
}
/* Element Vape puts the red promo strip between the header and the hero */
html[data-theme="2"] body { display: flex; flex-direction: column; min-height: 100vh; }
html[data-theme="2"] .skip-link { order: 0; }
html[data-theme="2"] .bar-warning { order: 1; }
html[data-theme="2"] .bar-info { order: 2; }
html[data-theme="2"] .site-header { order: 3; }
html[data-theme="2"] .bar-promo { order: 4; }
html[data-theme="2"] main { order: 5; flex: 1; }
html[data-theme="2"] .site-footer { order: 6; }

html[data-theme="2"] .bar-warning { border: 1px solid #000; margin: 0; font-weight: 500; font-size: 13px; padding: 6px 12px; }
html[data-theme="2"] .bar-promo { font-weight: 700; font-size: 13px; margin: 8px auto 0; width: calc(100% - 32px); max-width: calc(var(--container) - 48px); border-radius: 0 0 8px 8px; }
html[data-theme="2"] .bar-info { font-size: 11px; }
html[data-theme="2"] .site-header { border-bottom: 0; }
html[data-theme="2"] .logo-mark { border-radius: 0; background: #000; box-shadow: inset 0 0 0 7px #fff, inset 0 0 0 10px #000; }
html[data-theme="2"] .logo-text { font-weight: 900; text-transform: uppercase; letter-spacing: .04em; font-size: clamp(16px, 3.8vw, 26px); }
html[data-theme="2"] .hdr-search input { border: 2px solid #000; height: 42px; }
html[data-theme="2"] .hdr-search button { color: #000; }
html[data-theme="2"] .cart-count { background: #000; }
@media (min-width: 1024px) {
  html[data-theme="2"] .hdr-nav { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
  html[data-theme="2"] .nav-list { justify-content: flex-start; gap: 6px; flex-wrap: wrap; }
  html[data-theme="2"] .nav-link { border-bottom-width: 2px; }
}
html[data-theme="2"] .hero-kicker { opacity: .6; }
html[data-theme="2"] .hero-slide--2, html[data-theme="2"] .hero-slide--3 { color: #fff; }
html[data-theme="2"] .hero-btn { background: rgba(0,0,0,.08); color: #000; }
html[data-theme="2"] .hero-slide .btn-primary { background: #fff; color: #000; border-color: #000; }
html[data-theme="2"] .hero-slide--1 .btn-primary { background: #000; color: #fff; }
html[data-theme="2"] .home-h1 { font-weight: 800; text-transform: uppercase; }
html[data-theme="2"] .sec-head { border-bottom: 0; justify-content: center; position: relative; }
html[data-theme="2"] .sec-head .view-all { position: absolute; right: 0; color: #000; text-decoration: underline; }
html[data-theme="2"] .sec-title { font-size: clamp(18px, 2.2vw, 24px); }
html[data-theme="2"] .p-card { border-color: #eee; }
html[data-theme="2"] .p-card .btn-outline { border-color: #000; color: #000; }
html[data-theme="2"] .p-card:hover { outline: 1px solid #000; }
html[data-theme="2"] .btn { text-transform: uppercase; }
html[data-theme="2"] .btn-primary:hover { background: #000; }
html[data-theme="2"] .car-btn { border-radius: 50%; }
html[data-theme="2"] .cat-tile .ph-img { border-radius: 50%; }
@media (min-width: 1024px) { html[data-theme="2"] .cat-grid { grid-template-columns: repeat(8, 1fr); padding: 0; } }
html[data-theme="2"] .cat-name { text-transform: uppercase; font-size: 13px; }
html[data-theme="2"] .seo-sec { background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
html[data-theme="2"] .chip { border-radius: 0; border-color: #000; color: #000; text-transform: uppercase; font-size: 12px; font-weight: 700; }
html[data-theme="2"] .chip:hover { background: #000; color: #fff; }
html[data-theme="2"] .faq-item summary { text-transform: uppercase; font-size: 14px; }
html[data-theme="2"] .f-news-h { color: #fff; text-transform: uppercase; }
html[data-theme="2"] .f-newsletter .f-news-form input { background: #fff; color: #000; border-color: #fff; }
html[data-theme="2"] .site-footer { border-top: 1px solid #e5e5e5; }
html[data-theme="2"] .f-h { font-weight: 800; }
html[data-theme="2"] .secure-badge { border-color: #000; color: #000; }
html[data-theme="2"] .chat-btn { background: #000; }
html[data-theme="2"] .age-panel { border-radius: 0; border-top-color: #000; }
html[data-theme="2"] .age-icon { background: #000; border-radius: 0; }
html[data-theme="2"] .age-brand { color: #000; }