/* Euro Vapes – extra components (complements ev.css; same tokens) */

/* ---------- Astra resets for the dark design ---------- */
.ast-separate-container,.ast-plain-container,.ast-page-builder-template,#page,.site-content,#content{background:var(--bg)!important}
.site-content .ast-container{max-width:var(--w)}
body,button,input,select,textarea,.ast-button,.ast-custom-button{font-family:var(--fb)}
.entry-content,.entry-content p,.entry-content li{color:#C3CAC5}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4{color:var(--tx)}
.entry-content a{color:var(--ac)}
#masthead,.site-footer,.ast-footer-overlay,.ast-small-footer,.site-below-footer-wrap,.ast-scroll-to-top-right,#ast-scroll-top{display:none!important}
.ev-full #primary,.ev-full #content .ast-container{padding:0!important;margin:0!important;max-width:none!important}
.ev-full .site-content>.ast-container{display:block!important}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.ev-hd input,.ev-hd select,.ev-hd button{box-shadow:none}
.ev-search select{height:auto}
.ev-ico svg,.ev-btn svg{flex:none}
button.ev-ico{cursor:pointer;padding:0}
.ev-menu .hot--t{background:var(--ac2);color:#032019}
.ev-dd--r{left:auto;right:0}
.ev-menu>li>a .ev-chev{width:10px;height:7px}
.ev-allcat>button .ev-chev{width:10px;height:7px;color:var(--tx)}
.ev-allcat>button{background:var(--ac);border-color:var(--ac);color:#0A0C07;box-shadow:0 8px 26px -10px rgba(200,255,58,.6)}
.ev-allcat>button svg{color:#0A0C07}
.ev-allcat>button .ev-chev{color:#0A0C07}
.ev-mega__pc .ev-ph{width:60px;height:60px;border-radius:8px;background:var(--sf2)}
.ev-mega__pc .ev-ph svg{width:60%}
.ev-logo img{max-height:50px}

/* ---------- table of contents (Rank Math TOC markup) ---------- */
.ev-toc{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);padding:18px 22px;margin:24px 0}
.ev-toc__t{font:800 11.5px var(--fb)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--mu)!important;margin:0 0 10px!important}
.ev-toc ul{list-style:none!important;margin:0!important;padding:0!important;columns:2;column-gap:40px}
.ev-toc li{margin:0 0 6px!important;break-inside:avoid}
.ev-toc a{color:var(--tx)!important;text-decoration:none!important;font-weight:700;font-size:14.5px}
.ev-toc a:before{content:"→";color:var(--ac);margin-right:6px}
.ev-toc a:hover{color:var(--ac)!important}
.ev-toc-wrap{padding-top:28px}
.ev-toc-wrap .ev-toc{margin:0}
.ev-pd__content>.ev-toc,.ev-pd__content .ev-toc{display:none}
@media(max-width:640px){.ev-toc ul{columns:1}}

/* ---------- content images ---------- */
.ev-kwimg{margin:6px 0 18px;border-radius:var(--r2);overflow:hidden;border:1px solid var(--bd);background:var(--sf)}
.ev-kwimg img{display:block;width:100%;height:auto}
.ev-kwimg--r{float:right;width:min(46%,420px);margin:6px 0 16px 26px}
.ev-prose h2{clear:none}
@media(max-width:760px){.ev-kwimg--r{float:none;width:100%;margin:6px 0 18px}}
.ev-cgal{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0 16px}
.ev-cgal figure{margin:0;aspect-ratio:1/1;border-radius:14px;overflow:hidden;border:1px solid var(--bd);background:radial-gradient(circle at 50% 40%,#1B2026,#0D0F12 70%)}
.ev-cgal img{width:100%;height:100%;object-fit:contain;padding:8px}
@media(max-width:640px){.ev-cgal{grid-template-columns:1fr 1fr}}
.ev-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 20px;clear:both}
.ev-photos figure{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--bd);background:var(--sf)}
.ev-photos img{display:block;width:100%;aspect-ratio:300/158;object-fit:cover}
.ev-photos figcaption{padding:8px 10px;font-size:13px;font-weight:700}
.ev-photos figcaption a{color:var(--tx)!important;text-decoration:none!important}
@media(max-width:760px){.ev-photos{grid-template-columns:1fr 1fr}}
.ev-brandgrid__img{display:block;border-radius:10px;overflow:hidden;margin-bottom:6px;background:var(--bg2)}
.ev-brandgrid__img img{display:block;width:100%;aspect-ratio:300/158;object-fit:cover}

/* ---------- product page ---------- */
.ev-pd__main .ev-badges{top:14px;left:14px}
.ev-pd__main .ev-ph{position:absolute;inset:0}
.ev-pd__main img{padding:22px}
.ev-pd__thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}
.ev-pd__thumbs button{aspect-ratio:1/1;padding:4px;border-radius:12px;border:1px solid var(--bd);background:radial-gradient(circle,#1B2026,#0D0F12);cursor:pointer;overflow:hidden}
.ev-pd__thumbs button.on,.ev-pd__thumbs button:hover{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac)}
.ev-pd__thumbs img{width:100%;height:100%;object-fit:contain}
.ev-pd__price>div:first-child{white-space:nowrap}
.ev-pd__content p,.ev-pd__content li{color:#C3CAC5}
.ev-pd__content h3{font-size:18px;margin:22px 0 8px}
.ev-pd__content table{margin-bottom:12px}
.ev-sidecard--q{background:linear-gradient(160deg,rgba(23,27,32,.95),rgba(12,14,17,.98));border-color:rgba(200,255,58,.28)}
.ev-pd .ev-faq details,.ev-faqi{border:1px solid var(--bd);border-radius:var(--r);background:var(--sf);margin-bottom:10px;overflow:hidden}
.ev-faqi summary{cursor:pointer;padding:16px 18px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px;color:var(--tx)}
.ev-faqi summary::-webkit-details-marker{display:none}
.ev-faqi summary:after{content:"+";color:var(--ac);font-size:22px;line-height:1}
.ev-faqi[open] summary:after{content:"–"}
.ev-faqi>div{padding:0 18px 12px;color:var(--mu)}
.ev-prose details+br{display:none}
.ev-spec-t{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--bd)!important;border-radius:14px;overflow:hidden;margin:6px 0 14px}
.ev-spec-t th,.ev-spec-t td{padding:11px 14px;border:0!important;border-bottom:1px solid var(--bd)!important;text-align:left;font-size:14.5px;background:var(--sf);color:#C3CAC5}
.ev-spec-t thead th{background:var(--bg2);color:var(--mu);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.ev-spec-t tr:last-child td{border-bottom:0!important}
.ev-flav-l{list-style:none!important;padding:0!important;display:flex;flex-wrap:wrap;gap:8px}
.ev-flav-l li{margin:0!important;padding:6px 12px;border-radius:999px;background:var(--sf);border:1px solid var(--bd);font-size:13.5px;color:var(--tx)}
.ev-prose table:not([class]){width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--bd);border-radius:14px;overflow:hidden;margin:6px 0 14px}
.ev-prose table:not([class]) th,.ev-prose table:not([class]) td{padding:11px 14px;border:0;border-bottom:1px solid var(--bd);text-align:left;background:var(--sf);color:#C3CAC5}
.ev-prose table:not([class]) thead th{background:var(--bg2);color:var(--mu);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.ev-prose{overflow-wrap:break-word}
.ev-prose .ev-rel a{color:var(--tx)}

/* ---------- landing pages ---------- */
.ev-ctry-more{padding-top:24px}
.ev-ctry-more .ev-prose{max-width:900px}
.ev-mapsec .ev-map{margin-top:10px}

/* ---------- docs (policies) + blog ---------- */
.ev-doc__upd{display:inline-block;color:var(--mu);font-size:12.5px;margin-top:4px}
.ev-doc{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.ev-doc__body h2{font-size:24px;margin:30px 0 10px;scroll-margin-top:30px}
.ev-doc__body .ev-toc{margin-top:0}
.ev-doc__side{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}
.ev-doc__nav a{display:block;padding:7px 0;color:var(--tx);text-decoration:none;border-bottom:1px solid var(--bd);font-size:14px}
.ev-doc__nav a:hover{color:var(--ac)}
.ev-doc__ct a{display:flex;gap:10px;align-items:center;margin:0 0 10px;color:var(--tx);text-decoration:none;font-weight:700}
.ev-doc__ct svg{width:20px;height:20px}
.ev-doc__ct .ev-btn{margin-top:6px}
@media(max-width:1024px){.ev-doc{grid-template-columns:1fr}.ev-doc__side{position:static}}
.ev-posts{display:grid;gap:18px}
.ev-post{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;padding:18px;border-radius:var(--r2);background:var(--sf);border:1px solid var(--bd)}
.ev-post__img{display:block;border-radius:14px;overflow:hidden;background:linear-gradient(140deg,#11160A,#0A1513);border:1px solid var(--bd);min-height:150px}
.ev-post__img img{width:100%;height:100%;object-fit:cover}
.ev-post__ph{display:grid;place-items:center;width:100%;height:100%;min-height:150px;color:var(--ac)}
.ev-post__ph svg{width:56px;height:56px}
.ev-post__b time{font-size:12.5px;color:var(--mu)}
.ev-post__b h2{font-size:21px;margin:4px 0 8px}
.ev-post__b h2 a{color:var(--tx);text-decoration:none}.ev-post__b h2 a:hover{color:var(--ac)}
.ev-post__b p{color:var(--mu);margin:0 0 10px}
.ev-post__b .ev-kwimg{display:none}
.ev-post__more{font-weight:700;color:var(--ac);text-decoration:none}
@media(max-width:760px){.ev-post{grid-template-columns:1fr}}
.ev-article{padding:0 0 64px}
.ev-article .ev-doc__body{max-width:none}
.ev-article .ev-meta{color:var(--mu);font-size:13px;margin-top:6px}

/* ---------- contact form ---------- */
.ev-cf{position:relative;background:linear-gradient(160deg,rgba(23,27,32,.92),rgba(12,14,17,.95));border:1px solid var(--bd2);border-radius:var(--r2);padding:26px;display:grid;gap:14px}
.ev-cf__hd{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.ev-cf__hd h2{font-size:22px;margin:0 0 4px}.ev-cf__hd p{color:var(--mu);font-size:13.5px;margin:0}
.ev-cf label{display:block;font-size:12px;font-weight:700;color:var(--mu);margin-bottom:5px}
.ev-cf input:not([type=radio]):not([type=checkbox]),.ev-cf select,.ev-cf textarea{width:100%;background:var(--bg)!important;border:1px solid var(--bd2)!important;border-radius:11px!important;color:var(--tx)!important;padding:11px 13px!important;font:500 14.5px var(--fb)!important;outline:none}
.ev-cf input:focus,.ev-cf select:focus,.ev-cf textarea:focus{border-color:var(--ac)!important;box-shadow:0 0 0 3px rgba(200,255,58,.12)!important}
.ev-cf__seg{display:flex;flex-wrap:wrap;gap:8px}
.ev-cf__seg label{margin:0;cursor:pointer}
.ev-cf__seg input{position:absolute;opacity:0;pointer-events:none}
.ev-cf__seg span{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid var(--bd2);color:var(--tx);font-weight:700;font-size:13.5px}
.ev-cf__seg input:checked+span{border-color:var(--ac);color:#0A0C07;background:var(--ac)}
.ev-cf__ck,.ev-f .ev-cf__ck{display:flex!important;gap:10px;align-items:flex-start;font-size:13px!important;font-weight:500!important;color:var(--mu)!important;line-height:1.45}
.ev-cf__ck input{width:18px!important;height:18px;margin-top:1px;accent-color:var(--ac);flex:none}
.ev-f .ev-qty input{padding:11px 6px!important}
.ev-f label .hint{display:inline;margin-left:6px}
.ev-f select[multiple]{min-height:118px}

/* ---------- mobile drawer (v3, as on the live site) ---------- */
.ev-drawer__p{padding:0 16px 22px;width:min(390px,92vw)}
.ev-drawer__h{position:sticky;top:0;z-index:2;background:var(--bg2);margin:0 -16px 14px;padding:14px 16px;border-bottom:1px solid var(--bd)}
.ev-drawer__h img{height:42px;width:auto}
.ev-drawer__h .ev-ico{width:48px;height:48px;border-radius:14px}
.ev-dw-search{display:flex;align-items:center;background:var(--sf);border:1px solid var(--bd2);border-radius:16px;padding:4px 4px 4px 16px;margin-bottom:12px}
.ev-dw-search input{flex:1;min-width:0;background:transparent!important;border:0!important;color:var(--tx)!important;font:500 15px var(--fb);padding:10px 0!important;outline:none;box-shadow:none!important}
.ev-dw-search button{width:46px;height:40px;border:0;border-radius:12px;background:var(--ac);color:#0A0C07;display:grid;place-items:center;cursor:pointer}
.ev-dw-search button svg{width:20px;height:20px}
.ev-dw-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}
.ev-dw-quick a,.ev-dw-quick button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:14px;background:var(--sf);border:1px solid var(--bd);color:var(--tx);text-decoration:none;font:700 14px var(--fb);cursor:pointer}
.ev-dw-quick svg{width:26px;height:26px}
.ev-dw-quick .wa svg{color:var(--wa)}.ev-dw-quick .tg svg{color:var(--tg)}.ev-dw-quick .iq svg{color:var(--ac)}
.ev-dw-lbl{font:800 11.5px var(--fb);letter-spacing:.16em;text-transform:uppercase;color:var(--mu);margin:6px 2px 10px}
.ev-dw-cats{display:grid;gap:8px;margin-bottom:18px}
.ev-dw-cat{border:1px solid var(--bd);border-radius:14px;background:var(--sf);overflow:hidden}
.ev-dw-cat__row{display:flex;align-items:stretch}
.ev-dw-cat__row>a{flex:1;display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--tx);text-decoration:none;font:700 15.5px var(--fh);min-width:0}
.ev-dw-cat__row>a span{flex:1;min-width:0}
.ev-dw-cat__row i{width:34px;height:34px;flex:none;border-radius:9px;background:var(--sf2);color:var(--ac);display:grid;place-items:center}
.ev-dw-cat__row i svg{width:18px;height:18px}
.ev-dw-cat__row em{font:700 12px var(--fb);font-style:normal;color:var(--mu);background:var(--bg2);border-radius:999px;padding:3px 9px}
.ev-dw-cat__row button{width:50px;border:0;border-left:1px solid var(--bd);background:transparent;color:var(--tx);display:grid;place-items:center;cursor:pointer}
.ev-dw-cat__row button svg{width:12px;height:8px;transition:transform .2s}
.ev-dw-cat.open .ev-dw-cat__row button svg{transform:rotate(180deg)}
.ev-dw-cat__kids{border-top:1px solid var(--bd);padding:6px 0;background:var(--bg2)}
.ev-dw-cat__kids a{display:flex;justify-content:space-between;padding:8px 16px 8px 58px;color:var(--mu);text-decoration:none;font-size:14px}
.ev-dw-cat__kids a:hover{color:var(--ac)}
.ev-dw-cat__kids em{font-style:normal;font-size:12px;color:var(--mu2)}
.ev-dw-brands{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.ev-dw-brands a{padding:8px 14px;border-radius:999px;border:1px solid var(--bd2);color:var(--tx);text-decoration:none;font-weight:700;font-size:14px}
.ev-dw-brands a.all{border-color:rgba(200,255,58,.35);color:var(--ac)}
.ev-dw-links{display:grid;margin-bottom:6px}
.ev-dw-links a{padding:11px 2px;border-bottom:1px solid var(--bd);color:var(--tx);text-decoration:none;font-weight:700;font-size:14.5px}

/* ---------- html sitemap ---------- */
.ev-hsm{display:grid;gap:28px}
.ev-hsm h2{font-size:21px;margin:0 0 10px}
.ev-hsm ul{margin:0;padding-left:18px}
.ev-hsm li{margin:0 0 5px}
.ev-hsm ul ul{margin-top:5px}
.ev-hsm small{color:var(--mu)}
.ev-hsm__cols{columns:3;column-gap:30px}
.ev-hsm__cols li{break-inside:avoid}
@media(max-width:760px){.ev-hsm__cols{columns:1}}

/* ---------- footer details from the live site ---------- */
.ev-ft__g p{margin:0;line-height:1.6}
.ev-ft__c .ev-btn{color:#0A0C07!important}
.ev-ft__logo{display:inline-block}
.ev-ft__b a{color:var(--mu)}
@media(max-width:640px){.ev-ft__g>div:last-child,.ev-ft__g>div:nth-child(4){grid-column:auto}}

/* small screens: header per live site */
@media(max-width:1024px){
 .ev-hd__main .ev-search{max-width:none}
 .ev-search button span{display:none}
 .ev-search button{padding:0 18px}
}

/* ---------- v3 fixes (new domain build) ---------- */
.ev-allcat>button{white-space:nowrap;flex:none;height:42px}
@media(max-width:1440px){.ev-menu>li>a{padding:0 9px;gap:5px}.ev-menu{gap:0;margin-left:4px}}
@media(max-width:1280px){.ev-menu>li>a{padding:0 7px;font-size:13.5px}}
html,body{overflow-x:clip}
.ev-card a,.ev-card a:hover{text-decoration:none!important}
.ev-card .ev-card__t a{color:var(--tx)!important}.ev-card .ev-card__t a:hover{color:var(--ac)!important}
.ev-card .ev-card__br{color:var(--mu)!important}
a.ev-more,.ev-sec__hd a{text-decoration:none!important}
.ev-ft .ev-ft__logo img{height:46px!important;width:auto!important;max-width:none}

.ev-tseo{max-width:960px}.ev-tseo h2{font-size:24px;margin:34px 0 12px;scroll-margin-top:200px}.ev-tseo p,.ev-tseo li{color:#C3CAC5}.ev-tseo ul{padding-left:20px}.ev-tseo .ev-faq{margin-top:10px}.ev-tseo .ev-kwimg--r{width:min(40%,320px)}
.ev-modal__x{padding:0!important;min-width:0!important;border-radius:50%!important;line-height:1!important}
.ev-qty input::-webkit-outer-spin-button,.ev-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ev-qty input{-moz-appearance:textfield;appearance:textfield}
.ev-burger,.ev-ico{padding:0!important}
