/* =========================================================
   HealthyVape — Global Design Foundation
========================================================= */

:root {
	--hv-ink: #17231f;
	--hv-text: #43514b;
	--hv-muted: #6f7b76;
	--hv-green: #2f6f55;
	--hv-green-dark: #1e503d;
	--hv-sage: #eaf3ee;
	--hv-cream: #faf8f2;
	--hv-white: #ffffff;
	--hv-border: #dfe7e2;

	--hv-radius-sm: 10px;
	--hv-radius-md: 16px;
	--hv-radius-lg: 24px;

	--hv-shadow:
		0 12px 36px rgba(23, 35, 31, 0.08);

	--hv-container: 1200px;
}

html {
	scroll-behavior: smooth;
}

body {
	color: var(--hv-text);
	-webkit-font-smoothing: antialiased;
}

img {
	max-width: 100%;
	height: auto;
}

.hv-container {
	width: min(var(--hv-container), calc(100% - 40px));
	margin-inline: auto;
}

@media (max-width: 767px) {
	.hv-container {
		width: min(100% - 28px, var(--hv-container));
	}
}







/* ===== HEALTHYVAPE SEO LANDING V1 START ===== */

:is(.page-id-24,.page-id-25,.page-id-26,.page-id-27) .entry-header{
  display:none !important;
}

:is(.page-id-24,.page-id-25,.page-id-26,.page-id-27) .site-content > .ast-container{
  max-width:none;
  padding:0;
}

:is(.page-id-24,.page-id-25,.page-id-26,.page-id-27) .site-main,
:is(.page-id-24,.page-id-25,.page-id-26,.page-id-27) .entry-content{
  margin:0;
  padding:0;
}

.hv-seo-page{
  --ink:#17231f;
  --text:#48574f;
  --muted:#6b7771;
  --green:#2f6f55;
  --green-dark:#1e503d;
  --sage:#edf5f0;
  --cream:#faf8f2;
  --border:#dfe7e2;
  color:var(--ink);
}

.hv-seo-wrap{
  width:100%;
  max-width:1120px;
  margin:0 auto;
  padding:0 20px;
}

.hv-seo-hero{
  padding:66px 0 60px;
  background:
    radial-gradient(circle at 85% 15%,rgba(91,151,119,.18),transparent 30%),
    linear-gradient(135deg,#fbfaf6,#edf5f0);
}

.hv-seo-eyebrow{
  margin:0 0 12px;
  color:var(--green);
  font-size:12px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:.14em;
}

.hv-seo-hero h1{
  max-width:850px;
  margin:0;
  font-size:clamp(38px,8vw,62px);
  line-height:1.02;
  letter-spacing:-.045em;
}

.hv-seo-lead{
  max-width:760px;
  margin:22px 0 0;
  color:var(--text);
  font-size:18px;
  line-height:1.65;
}

.hv-seo-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:28px;
}

.hv-seo-note{
  max-width:780px;
  margin-top:26px;
  padding:15px 17px;
  border:1px solid rgba(47,111,85,.18);
  border-radius:12px;
  background:rgba(255,255,255,.65);
  color:#55635c;
  font-size:13px;
  line-height:1.55;
}

.hv-seo-section{
  padding:65px 0;
  background:#fff;
}

.hv-seo-section--soft{
  background:#f6f9f7;
}

.hv-seo-section--dark{
  background:#172a23;
  color:#fff;
}

.hv-seo-heading{
  max-width:760px;
  margin-bottom:28px;
}

.hv-seo-heading h2,
.hv-seo-cta h2{
  margin:0;
  font-size:clamp(29px,6vw,44px);
  line-height:1.08;
  letter-spacing:-.035em;
}

.hv-seo-heading > p:not(.hv-seo-eyebrow){
  margin:14px 0 0;
  color:var(--muted);
  line-height:1.65;
}

.hv-seo-heading--light h2{
  color:#fff;
}

.hv-seo-copy{
  max-width:820px;
  color:var(--text);
  font-size:16px;
  line-height:1.75;
}

.hv-seo-copy p{
  margin:0 0 17px;
}

.hv-format-grid{
  display:grid;
  gap:13px;
}

.hv-format-card{
  display:block;
  padding:22px;
  border:1px solid var(--border);
  border-radius:18px;
  background:#fff;
  color:var(--ink) !important;
  text-decoration:none !important;
}

.hv-format-no{
  display:block;
  margin-bottom:24px;
  color:var(--green);
  font-size:12px;
  font-weight:850;
}

.hv-format-card h3{
  margin:0;
  font-size:21px;
}

.hv-format-card p{
  min-height:68px;
  margin:10px 0 16px;
  color:var(--text);
  font-size:14px;
  line-height:1.58;
}

.hv-text-link{
  color:var(--green-dark);
  font-size:13px;
  font-weight:800;
}

.hv-table-scroll{
  width:100%;
  overflow-x:auto;
}

.hv-compare-table{
  width:100%;
  min-width:720px;
  border-collapse:collapse;
  font-size:14px;
}

.hv-compare-table th,
.hv-compare-table td{
  padding:17px 16px;
  border-bottom:1px solid var(--border);
  text-align:left;
  vertical-align:top;
}

.hv-compare-table th{
  background:#f5f8f6;
  font-size:12px;
  letter-spacing:.04em;
}

.hv-check-grid{
  display:grid;
  gap:12px;
}

.hv-check-card{
  padding:21px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:17px;
  background:rgba(255,255,255,.055);
}

.hv-check-card > span{
  color:#a8d0ba;
  font-size:12px;
  font-weight:850;
}

.hv-check-card h3{
  margin:18px 0 8px;
  color:#fff;
  font-size:20px;
}

.hv-check-card p{
  margin:0;
  color:#cbd8d1;
  font-size:14px;
  line-height:1.6;
}

.hv-faq-list{
  max-width:880px;
}

.hv-faq-list details{
  border-bottom:1px solid var(--border);
}

.hv-faq-list summary{
  cursor:pointer;
  padding:19px 2px;
  color:var(--ink);
  font-weight:750;
}

.hv-faq-list details p{
  margin:0;
  padding:0 2px 20px;
  color:var(--text);
  line-height:1.65;
}

.hv-seo-cta{
  padding:70px 0;
  text-align:center;
  background:var(--cream);
}

.hv-seo-cta p:not(.hv-seo-eyebrow){
  max-width:610px;
  margin:15px auto 0;
  color:var(--text);
  line-height:1.65;
}

.hv-seo-cta .hv-seo-actions{
  align-items:stretch;
}

@media (min-width:700px){

  .hv-seo-wrap{
    padding:0 30px;
  }

  .hv-seo-hero{
    padding:90px 0 82px;
  }

  .hv-seo-actions{
    flex-direction:row;
  }

  .hv-format-grid,
  .hv-check-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .hv-seo-cta .hv-seo-actions{
    justify-content:center;
  }

}

@media (min-width:1024px){

  .hv-seo-section{
    padding:88px 0;
  }

  .hv-format-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .hv-check-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .hv-format-card{
    transition:.2s ease;
  }

  .hv-format-card:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 45px rgba(39,72,58,.08);
  }

}

/* ===== HEALTHYVAPE SEO LANDING V1 END ===== */