/*
 Theme Name:   Astra Child
 Theme URI:    https://mulleinsmoking.com/
 Description:  Astra Child Theme for MulleinSmoking.com
 Author:       MulleinSmoking
 Template:     astra
 Version:      1.1.0
 Text Domain:  astra-child
*/


/* =========================================================
   MULLEINSMOKING DESIGN SYSTEM
========================================================= */

:root{

	--ms-forest:#173f32;
	--ms-green:#3f755b;
	--ms-green-hover:#295c49;

	--ms-sage:#eaf1ea;
	--ms-cream:#f8f5ee;

	--ms-text:#26332d;
	--ms-muted:#657069;

	--ms-border:#dfe4de;

	--ms-white:#ffffff;

	--ms-width:1200px;
}


*,
*::before,
*::after{
	box-sizing:border-box;
}


html{
	scroll-behavior:smooth;
}


body{
	margin:0;

	background:#fff;
	color:var(--ms-text);

	font-family:
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Roboto,
		Helvetica,
		Arial,
		sans-serif;

	font-size:16px;
	line-height:1.65;

	-webkit-font-smoothing:antialiased;
}


/* =========================================================
   REMOVE ASTRA DEFAULT HEADER
========================================================= */

#masthead,
.site-header,
.ast-primary-header-bar{
	display:none !important;
}


/* =========================================================
   SITE WIDTH
========================================================= */

.ast-container{
	width:100%;
	max-width:var(--ms-width);

	margin-left:auto;
	margin-right:auto;

	padding-left:20px;
	padding-right:20px;
}


#primary{
	width:100% !important;
	max-width:none !important;

	margin-left:0 !important;
	margin-right:0 !important;
}


#secondary{
	display:none !important;
}


/* =========================================================
   TYPOGRAPHY
========================================================= */

h1,
h2,
h3,
h4,
h5,
h6{
	font-family:inherit;
	color:var(--ms-text);

	letter-spacing:-.025em;
}


h1{
	font-size:clamp(38px,5vw,58px);
	line-height:1.08;
	font-weight:760;
}


h2{
	font-size:clamp(30px,4vw,42px);
	line-height:1.15;
	font-weight:740;
}


h3{
	font-size:clamp(22px,3vw,28px);
	line-height:1.25;
	font-weight:700;
}


a{
	color:var(--ms-forest);
}


a:hover{
	color:var(--ms-green);
}


/* =========================================================
   BUTTONS
========================================================= */

button,
input[type="submit"],
input[type="button"],
.button,
.wp-element-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{

	border:0 !important;
	border-radius:8px !important;

	background:var(--ms-forest) !important;
	color:#fff !important;

	font-family:inherit !important;
	font-weight:700 !important;

	transition:
		background .2s ease,
		transform .2s ease;
}


button:hover,
input[type="submit"]:hover,
.button:hover,
.wp-element-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover{

	background:var(--ms-green-hover) !important;
	color:#fff !important;
}


/* =========================================================
   HEADER
========================================================= */

.ms-site-header{

	position:sticky;
	top:0;
	z-index:9999;

	width:100%;

	background:rgba(255,255,255,.97);

	border-bottom:1px solid var(--ms-border);

	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
}


body.admin-bar .ms-site-header{
	top:32px;
}


.ms-header-inner{

	width:100%;
	max-width:var(--ms-width);

	height:76px;

	margin:0 auto;
	padding:0 20px;

	display:flex;
	align-items:center;

	gap:34px;
}


/* LOGO */

.ms-logo{

	display:flex;
	align-items:center;

	flex:0 0 auto;

	font-size:25px;
	font-weight:800;
	line-height:1;

	letter-spacing:-.045em;

	text-decoration:none !important;
}


.ms-logo-a{
	color:var(--ms-forest);
}


.ms-logo-b{
	color:#39443f;
}


/* NAV */

.ms-nav{

	flex:1;

	display:flex;
	align-items:center;
	justify-content:center;

	gap:30px;
}


.ms-nav a{

	position:relative;

	padding:29px 0 25px;

	color:#39463f;

	font-size:14px;
	font-weight:650;
	line-height:1;

	text-decoration:none;
	white-space:nowrap;
}


.ms-nav a::after{

	content:"";

	position:absolute;

	left:0;
	right:100%;
	bottom:18px;

	height:2px;

	background:var(--ms-green);

	transition:right .2s ease;
}


.ms-nav a:hover{
	color:var(--ms-forest);
}


.ms-nav a:hover::after{
	right:0;
}


/* HEADER TOOLS */

.ms-header-tools{

	display:flex;
	align-items:center;

	gap:8px;

	flex:0 0 auto;
}


/* CART */

.ms-cart{

	position:relative;

	width:42px;
	height:42px;

	display:flex;
	align-items:center;
	justify-content:center;

	border-radius:50%;

	color:var(--ms-forest) !important;

	text-decoration:none !important;
}


.ms-cart:hover{
	background:var(--ms-sage);
}


.ms-cart svg{

	width:24px;
	height:24px;

	fill:none;

	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round;
}


.ms-cart-number{

	position:absolute;

	top:1px;
	right:0;

	min-width:18px;
	height:18px;

	padding:0 4px;

	display:flex;
	align-items:center;
	justify-content:center;

	border:2px solid #fff;
	border-radius:50px;

	background:var(--ms-forest);
	color:#fff;

	font-size:10px;
	font-weight:800;
	line-height:1;
}


/* =========================================================
   MOBILE HEADER
========================================================= */

.ms-mobile-menu{
	display:none;
	position:relative;
}


.ms-mobile-menu summary{

	width:42px;
	height:42px;

	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;

	gap:5px;

	border-radius:50%;

	list-style:none;
	cursor:pointer;
}


.ms-mobile-menu summary::-webkit-details-marker{
	display:none;
}


.ms-mobile-menu summary span{

	display:block;

	width:20px;
	height:2px;

	border-radius:4px;

	background:var(--ms-forest);
}


.ms-mobile-panel{

	position:absolute;

	top:53px;
	right:0;

	width:min(310px,calc(100vw - 32px));

	padding:10px;

	border:1px solid var(--ms-border);
	border-radius:14px;

	background:#fff;

	box-shadow:
		0 18px 45px rgba(22,48,38,.15);
}


.ms-mobile-panel a{

	display:block;

	padding:13px 12px;

	border-bottom:1px solid #edf0ed;

	color:var(--ms-text);

	font-size:15px;
	font-weight:650;

	text-decoration:none;
}


.ms-mobile-panel a:last-child{
	border-bottom:0;
}


.ms-mobile-panel a:hover{

	border-radius:7px;

	background:var(--ms-sage);

	color:var(--ms-forest);
}


/* =========================================================
   WOOCOMMERCE SHOP GRID
========================================================= */

.woocommerce ul.products{

	display:grid !important;

	grid-template-columns:
		repeat(3,minmax(0,1fr));

	gap:28px 24px;

	margin:0 0 60px !important;
}


.woocommerce ul.products::before,
.woocommerce ul.products::after{
	display:none !important;
}


.woocommerce ul.products li.product{

	float:none !important;

	width:100% !important;

	margin:0 !important;
	padding:0 0 20px;

	overflow:hidden;

	border:1px solid var(--ms-border);
	border-radius:14px;

	background:#fff;

	transition:
		transform .2s ease,
		box-shadow .2s ease;
}


.woocommerce ul.products li.product:hover{

	transform:translateY(-3px);

	box-shadow:
		0 14px 34px rgba(28,58,46,.09);
}


.woocommerce ul.products li.product a img{

	width:100%;

	margin:0 0 18px !important;

	aspect-ratio:1 / 1;
	object-fit:cover;

	background:var(--ms-cream);
}


.woocommerce ul.products li.product .woocommerce-loop-product__title{

	padding:0 18px !important;
	margin:0 0 7px !important;

	font-size:18px !important;
	font-weight:700 !important;
	line-height:1.3;
}


.woocommerce ul.products li.product .price{

	display:block;

	padding:0 18px;
	margin:0 0 15px !important;

	color:var(--ms-forest) !important;

	font-size:16px !important;
	font-weight:750;
}


.woocommerce ul.products li.product .button{

	width:calc(100% - 36px);

	margin:0 18px !important;

	min-height:46px;

	display:flex;
	align-items:center;
	justify-content:center;
}


/* =========================================================
   SINGLE PRODUCT
========================================================= */

.single-product div.product{
	padding-top:42px;
}


.single-product .product_title{

	font-size:clamp(32px,4vw,46px);

	line-height:1.1;

	font-weight:760;

	letter-spacing:-.035em;
}


.single-product div.product p.price,
.single-product div.product span.price{

	color:var(--ms-forest) !important;

	font-size:24px !important;

	font-weight:760;
}


.single-product
.woocommerce-product-details__short-description{

	color:var(--ms-muted);

	font-size:16px;
	line-height:1.7;
}


.single-product div.product form.cart{

	display:flex;
	flex-wrap:wrap;

	gap:10px;

	margin-top:24px;
}


.single-product
.single_add_to_cart_button{

	min-height:50px;

	padding-left:28px !important;
	padding-right:28px !important;
}


/* =========================================================
   CART / CHECKOUT
========================================================= */

.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce{

	padding-top:40px;
	padding-bottom:70px;
}


.woocommerce table.shop_table{

	border:1px solid var(--ms-border);

	border-radius:12px;

	overflow:hidden;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

	.ms-header-inner{
		height:68px;
		padding-left:16px;
		padding-right:16px;
	}


	.ms-logo{
		font-size:21px;
	}


	.ms-nav{
		display:none;
	}


	.ms-header-tools{
		margin-left:auto;
	}


	.ms-mobile-menu{
		display:block;
	}


	.woocommerce ul.products{
		grid-template-columns:
			repeat(2,minmax(0,1fr));
	}

}


/* =========================================================
   ADMIN BAR MOBILE
========================================================= */

@media(max-width:782px){

	body.admin-bar .ms-site-header{
		top:46px;
	}

}


/* =========================================================
   PHONE
========================================================= */

@media(max-width:560px){

	.ast-container{
		padding-left:16px;
		padding-right:16px;
	}


	.ms-logo{
		font-size:19px;
	}


	.ms-cart,
	.ms-mobile-menu summary{
		width:39px;
		height:39px;
	}


	.woocommerce ul.products{

		grid-template-columns:1fr;

		gap:18px;
	}

}


/* =========================================================
   MULLEINSMOKING — PURE MATE PRODUCT PAGE V1
========================================================= */


/* ---------- Top purchase area ---------- */

.single-product.postid-19 .site-main{
	padding-top:18px;
}


.single-product.postid-19 div.product{
	padding-top:24px;
}


.single-product.postid-19 .woocommerce-breadcrumb{
	margin-bottom:18px;
	color:#7b857f;
	font-size:13px;
}


.ms-pm-kicker{
	margin-bottom:10px;

	color:#3f755b;

	font-size:12px;
	font-weight:800;

	letter-spacing:1.6px;
	text-transform:uppercase;
}


.single-product.postid-19 .product_title{
	max-width:520px;

	margin-bottom:12px;

	font-size:clamp(34px,4.2vw,52px);
	line-height:1.03;

	color:#1e3329;
}


.single-product.postid-19 div.product p.price{
	margin:14px 0;

	font-size:27px !important;
}


/* Original short description */

.single-product.postid-19
.woocommerce-product-details__short-description{
	margin-bottom:14px;
}


.single-product.postid-19
.woocommerce-product-details__short-description ul{
	display:none;
}


/* ---------- Fact chips ---------- */

.ms-pm-facts{
	display:grid;

	grid-template-columns:
		repeat(2,minmax(0,1fr));

	gap:9px;

	margin:17px 0 20px;
}


.ms-pm-fact{
	display:flex;
	align-items:center;

	gap:8px;

	min-height:42px;

	padding:9px 12px;

	background:#f3f7f3;

	border:1px solid #e0e9e2;
	border-radius:8px;

	color:#30463b;

	font-size:13px;
	font-weight:650;
}


.ms-pm-check{
	width:20px;
	height:20px;

	display:flex;
	align-items:center;
	justify-content:center;

	flex:0 0 20px;

	border-radius:50%;

	background:#dcecdf;
	color:#22563d;

	font-size:11px;
	font-weight:900;
}


/* ---------- Purchase form ---------- */

.single-product.postid-19
div.product form.cart{
	margin-top:15px;
}


.single-product.postid-19
.single_add_to_cart_button{
	min-height:52px;

	border-radius:8px !important;

	font-size:15px !important;
}


.single-product.postid-19
.quantity .qty{
	min-height:52px;
}


/* ---------- Under cart note ---------- */

.ms-pm-buy-note{
	margin-top:18px;

	padding:14px 16px;

	border-top:1px solid #e4e9e5;
	border-bottom:1px solid #e4e9e5;
}


.ms-pm-buy-note div{
	display:flex;
	flex-direction:column;
	gap:2px;
}


.ms-pm-buy-note strong{
	color:#263a30;

	font-size:13px;
}


.ms-pm-buy-note span{
	color:#748078;

	font-size:12px;
}


/* =========================================================
   LONG FORM
========================================================= */

.ms-pm-longform{
	clear:both;

	width:100%;

	margin-top:38px;
}


.ms-pm-section{
	padding:82px 0;

	border-top:1px solid #e7ebe8;
}


.ms-pm-section h2,
.ms-pm-final h2{
	margin:8px 0 18px;

	color:#19392d;

	font-size:clamp(31px,4vw,45px);
	line-height:1.08;

	letter-spacing:-.035em;
}


.ms-pm-section p{
	color:#58675f;

	font-size:16px;
	line-height:1.75;
}


.ms-pm-lead{
	color:#31483d !important;

	font-size:18px !important;
}


.ms-pm-overline{
	display:block;

	margin-bottom:8px;

	color:#4a795f;

	font-size:12px;
	font-weight:800;

	letter-spacing:1.7px;

	text-transform:uppercase;
}


.ms-pm-copy{
	max-width:530px;
}


.ms-pm-media{
	min-width:0;
}


.ms-pm-section-img{
	display:block;

	width:100%;
	height:auto;

	border-radius:18px;
}


/* ---------- Intro ---------- */

.ms-pm-intro,
.ms-pm-detail{
	display:grid;

	grid-template-columns:
		minmax(0,.9fr)
		minmax(0,1.1fr);

	align-items:center;

	gap:70px;
}


/* ---------- Center title ---------- */

.ms-pm-center{
	max-width:720px;

	margin:0 auto 42px;

	text-align:center;
}


/* =========================================================
   COMPARISON TABLE
========================================================= */

.ms-pm-comparison{
	background:#f8faf8;

	padding-left:30px;
	padding-right:30px;

	border-radius:18px;
}


.ms-pm-table{
	overflow:hidden;

	max-width:930px;

	margin:0 auto;

	border:1px solid #dfe7e1;
	border-radius:14px;

	background:#fff;
}


.ms-pm-table-row{
	display:grid;

	grid-template-columns:
	1fr 1.25fr 1.25fr;

	border-bottom:1px solid #e5ebe6;
}


.ms-pm-table-row:last-child{
	border-bottom:0;
}


.ms-pm-table-row > div{
	padding:17px 20px;

	color:#526159;

	font-size:14px;
	line-height:1.45;
}


.ms-pm-table-row > div + div{
	border-left:1px solid #e5ebe6;
}


.ms-pm-table-head{
	background:#173f32;
}


.ms-pm-table-head > div{
	color:#fff;

	font-weight:750;
}


.ms-pm-table-row:not(.ms-pm-table-head)
> div:last-child{
	background:#f4f8f5;

	color:#26483a;

	font-weight:650;
}


.ms-pm-disclaimer{
	max-width:850px;

	margin:18px auto 0;

	color:#7b857f;

	font-size:12px;
	line-height:1.6;

	text-align:center;
}


/* =========================================================
   FEATURES
========================================================= */

.ms-pm-feature-layout{
	display:grid;

	grid-template-columns:
	minmax(0,1.1fr)
	minmax(0,.9fr);

	align-items:center;

	gap:70px;
}


.ms-pm-feature-grid{
	display:grid;

	grid-template-columns:
	repeat(2,minmax(0,1fr));

	gap:12px;

	margin-top:27px;
}


.ms-pm-feature-card{
	padding:18px;

	border:1px solid #dfe7e1;
	border-radius:12px;

	background:#fff;
}


.ms-pm-feature-card strong{
	display:block;

	margin-bottom:4px;

	color:#214334;

	font-size:15px;
}


.ms-pm-feature-card span{
	display:block;

	color:#718079;

	font-size:13px;
	line-height:1.5;
}


/* =========================================================
   CLEAN LIST
========================================================= */

.ms-pm-clean-list{
	margin:24px 0 0;
	padding:0;

	list-style:none;
}


.ms-pm-clean-list li{
	position:relative;

	margin:10px 0;

	padding-left:27px;

	color:#344d41;
}


.ms-pm-clean-list li::before{
	content:"✓";

	position:absolute;

	left:0;
	top:1px;

	color:#3f755b;

	font-weight:900;
}


/* =========================================================
   LIFESTYLE
========================================================= */

.ms-pm-lifestyle-grid{
	display:grid;

	grid-template-columns:
	repeat(2,minmax(0,1fr));

	gap:20px;
}


.ms-pm-lifestyle-grid img{
	width:100%;

	border-radius:16px;
}


/* =========================================================
   FAQ
========================================================= */

.ms-pm-faq-list{
	max-width:840px;

	margin:0 auto;
}


.ms-pm-faq-list details{
	border-bottom:1px solid #dfe6e1;
}


.ms-pm-faq-list summary{
	position:relative;

	padding:20px 40px 20px 0;

	color:#263e32;

	font-size:16px;
	font-weight:700;

	cursor:pointer;

	list-style:none;
}


.ms-pm-faq-list summary::-webkit-details-marker{
	display:none;
}


.ms-pm-faq-list summary::after{
	content:"+";

	position:absolute;

	right:4px;
	top:17px;

	color:#3f755b;

	font-size:25px;
	font-weight:400;
}


.ms-pm-faq-list details[open] summary::after{
	content:"−";
}


.ms-pm-faq-list details p{
	margin:0;

	padding:0 40px 20px 0;

	font-size:14px;
}


/* =========================================================
   FINAL CTA
========================================================= */

.ms-pm-final{
	display:flex;

	align-items:center;
	justify-content:space-between;

	gap:40px;

	margin:15px 0 55px;

	padding:48px;

	border-radius:18px;

	background:#173f32;
}


.ms-pm-final h2{
	max-width:640px;

	margin-bottom:12px;

	color:#fff;
}


.ms-pm-final p{
	margin:0;

	color:#d9e5dd;
}


.ms-pm-final .ms-pm-overline{
	color:#9fc3ad;
}


.ms-pm-final-buy{
	min-width:210px;

	text-align:center;
}


.ms-pm-final-price{
	margin-bottom:14px;

	color:#fff;

	font-size:25px;
	font-weight:800;
}


.ms-pm-final-price .amount{
	color:#fff !important;
}


.ms-pm-final-button{
	display:flex;

	align-items:center;
	justify-content:center;

	min-height:52px;

	padding:0 26px;

	border-radius:8px;

	background:#fff;

	color:#173f32 !important;

	font-weight:800;

	text-decoration:none !important;
}


.ms-pm-final-button:hover{
	background:#eef4ef;

	color:#173f32 !important;
}


/* =========================================================
   NOTICE
========================================================= */

.ms-pm-bottom-notice{
	margin-bottom:65px;

	padding:16px 20px;

	border:1px solid #e1e6e2;
	border-radius:10px;

	background:#fafbf9;

	color:#748079;

	font-size:12px;
	line-height:1.6;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:800px){

	.ms-pm-intro,
	.ms-pm-detail,
	.ms-pm-feature-layout{
		grid-template-columns:1fr;

		gap:35px;
	}


	.ms-pm-detail .ms-pm-copy{
		order:2;
	}


	.ms-pm-detail .ms-pm-media{
		order:1;
	}


	.ms-pm-section{
		padding:55px 0;
	}


	.ms-pm-comparison{
		margin-left:-16px;
		margin-right:-16px;

		padding-left:16px;
		padding-right:16px;

		border-radius:0;
	}


	.ms-pm-table{
		overflow-x:auto;
	}


	.ms-pm-table-row{
		min-width:650px;
	}


	.ms-pm-final{
		flex-direction:column;

		align-items:flex-start;

		padding:32px 24px;
	}


	.ms-pm-final-buy{
		width:100%;

		text-align:left;
	}


	.ms-pm-final-button{
		width:100%;
	}

}


@media(max-width:520px){

	.ms-pm-facts{
		grid-template-columns:1fr 1fr;

		gap:7px;
	}


	.ms-pm-fact{
		padding:8px;

		font-size:12px;
	}


	.ms-pm-feature-grid{
		grid-template-columns:1fr;
	}


	.ms-pm-lifestyle-grid{
		grid-template-columns:1fr;
	}


	.ms-pm-section h2,
	.ms-pm-final h2{
		font-size:30px;
	}

}



/* =========================================================
   PURE MATE — ABOVE THE FOLD V2
========================================================= */

/* Hide WooCommerce/Astra utility clutter */
.single-product.postid-19 .product_meta,
.single-product.postid-19 .ast-woo-product-category{
	display:none !important;
}


/* ---------- Main product layout ---------- */

.single-product.postid-19 div.product
.woocommerce-product-gallery{
	width:55% !important;

	margin-right:4%;

	border-radius:18px;

	background:#f8f7f2;
}


.single-product.postid-19 div.product
.summary.entry-summary{
	width:41% !important;

	margin:0 !important;

	padding:28px 30px 30px;

	border:1px solid #e2e8e3;
	border-radius:18px;

	background:#fbfcfa;

	box-shadow:
		0 12px 38px rgba(25,63,50,.055);
}


/* Sticky purchase panel on desktop */

@media(min-width:921px){

	.single-product.postid-19 div.product
	.summary.entry-summary{
		position:sticky;

		top:104px;
	}

}


/* ---------- Breadcrumb ---------- */

.single-product.postid-19 .woocommerce-breadcrumb{
	margin-top:0;
	margin-bottom:15px;

	font-size:12px;
}


/* ---------- Kicker ---------- */

.single-product.postid-19 .ms-pm-kicker{
	margin-bottom:10px;

	font-size:11px;
	letter-spacing:1.5px;
}


/* ---------- Product title ---------- */

.single-product.postid-19 .product_title{
	margin-bottom:13px;

	font-size:clamp(35px,3.3vw,48px);

	line-height:1.02;
	letter-spacing:-.045em;
}


/* ---------- Price ---------- */

.single-product.postid-19 div.product p.price{
	margin:14px 0 17px;

	font-size:27px !important;
	line-height:1;
}


/* ---------- Short intro ---------- */

.single-product.postid-19
.woocommerce-product-details__short-description{
	margin:0 0 19px;

	color:#5c6962;

	font-size:14px;
	line-height:1.65;
}


/* ---------- Fact cards ---------- */

.single-product.postid-19 .ms-pm-facts{
	margin:0 0 21px;

	gap:8px;
}


.single-product.postid-19 .ms-pm-fact{
	min-height:44px;

	padding:9px 11px;

	background:#f0f5f1;

	border-color:#dde7df;
}


/* =========================================================
   BUY FORM
========================================================= */

.single-product.postid-19 div.product form.cart{
	display:grid !important;

	grid-template-columns:72px minmax(0,1fr);

	gap:10px;

	width:100%;

	margin:0 0 18px !important;
}


.single-product.postid-19
div.product form.cart .quantity{
	width:72px !important;

	margin:0 !important;
}


.single-product.postid-19
div.product form.cart .quantity .qty{
	width:72px !important;
	height:54px;

	padding:0 8px;

	border:1px solid #d9e2dc;
	border-radius:9px;

	background:#fff;

	font-size:15px;
	font-weight:650;
}


.single-product.postid-19
.single_add_to_cart_button{
	width:100% !important;

	min-height:54px !important;

	margin:0 !important;

	border-radius:9px !important;

	font-size:15px !important;
	font-weight:800 !important;

	letter-spacing:.01em;
}


/* ---------- Purchase note ---------- */

.single-product.postid-19 .ms-pm-buy-note{
	margin:0;

	padding:15px 2px 0;

	border-top:1px solid #e2e7e3;
	border-bottom:0;
}


.single-product.postid-19
.ms-pm-buy-note strong{
	font-size:12px;
}


.single-product.postid-19
.ms-pm-buy-note span{
	font-size:11px;
}


/* =========================================================
   GALLERY
========================================================= */

.single-product.postid-19
.woocommerce-product-gallery__image img{
	border-radius:14px;
}


.single-product.postid-19
.flex-control-thumbs{
	display:grid !important;

	grid-template-columns:repeat(5,minmax(0,1fr));

	gap:9px;

	margin-top:10px !important;
}


.single-product.postid-19
.flex-control-thumbs li{
	width:100% !important;

	margin:0 !important;
}


.single-product.postid-19
.flex-control-thumbs img{
	border:1px solid transparent;

	border-radius:8px;

	transition:
		border-color .2s ease,
		opacity .2s ease;
}


.single-product.postid-19
.flex-control-thumbs img.flex-active{
	border-color:#3f755b;
}


/* =========================================================
   TABLET / MOBILE
========================================================= */

@media(max-width:920px){

	.single-product.postid-19 div.product
	.woocommerce-product-gallery,

	.single-product.postid-19 div.product
	.summary.entry-summary{
		width:100% !important;
	}


	.single-product.postid-19 div.product
	.summary.entry-summary{
		margin-top:25px !important;

		padding:24px 20px;

		border-radius:15px;
	}


	.single-product.postid-19
	.flex-control-thumbs{
		grid-template-columns:repeat(5,minmax(70px,1fr));

		overflow-x:auto;
	}

}


@media(max-width:520px){

	.single-product.postid-19 div.product{
		padding-top:12px;
	}


	.single-product.postid-19 div.product
	.summary.entry-summary{
		margin-left:-4px !important;
		margin-right:-4px !important;

		padding:22px 18px;
	}


	.single-product.postid-19 .product_title{
		font-size:35px;
	}


	.single-product.postid-19
	div.product form.cart{
		grid-template-columns:68px 1fr;
	}


	.single-product.postid-19
	.ms-pm-facts{
		grid-template-columns:1fr 1fr;
	}

}


/* =========================================================
   PURE MATE — ABOVE THE FOLD V3 FIX
========================================================= */


/* Hide product category / metadata from hero purchase panel */
.single-product.postid-19
.summary.entry-summary .posted_in,

.single-product.postid-19
.summary.entry-summary .product_meta,

.single-product.postid-19
.summary.entry-summary .ast-woo-product-category,

.single-product.postid-19
.summary.entry-summary .ast-woo-product-category-wrapper{
	display:none !important;
}


/* Facts belong ABOVE purchase form */
.single-product.postid-19 .ms-pm-facts{
	margin-top:18px !important;
	margin-bottom:20px !important;
}


/* WooCommerce form must fill entire right panel */
.single-product.postid-19
.summary.entry-summary form.cart{
	display:flex !important;

	width:100% !important;

	align-items:stretch;

	gap:10px;

	margin:0 0 17px !important;
}


/* Quantity */
.single-product.postid-19
.summary.entry-summary form.cart .quantity{
	width:76px !important;
	min-width:76px !important;
	max-width:76px !important;

	margin:0 !important;

	flex:0 0 76px !important;
}


.single-product.postid-19
.summary.entry-summary form.cart .quantity input.qty{
	width:76px !important;
	height:54px !important;

	margin:0 !important;

	text-align:center;
}


/* Add to cart = fill remaining width */
.single-product.postid-19
.summary.entry-summary form.cart
.single_add_to_cart_button{

	display:flex !important;

	align-items:center !important;
	justify-content:center !important;

	flex:1 1 auto !important;

	width:auto !important;
	min-width:0 !important;
	max-width:none !important;

	min-height:54px !important;

	padding:0 26px !important;
	margin:0 !important;

	white-space:nowrap !important;

	font-size:15px !important;
	line-height:1 !important;

	text-align:center !important;
}


/* Avoid Astra button text wrapping */
.single-product.postid-19
.single_add_to_cart_button{
	word-break:normal !important;
	overflow-wrap:normal !important;
}


/* Tighten purchase box slightly */
.single-product.postid-19
.summary.entry-summary{
	padding:27px 30px 26px !important;
}


/* Mobile */
@media(max-width:520px){

	.single-product.postid-19
	.summary.entry-summary form.cart{
		display:grid !important;

		grid-template-columns:70px minmax(0,1fr);

		gap:9px;
	}


	.single-product.postid-19
	.summary.entry-summary form.cart .quantity{
		width:70px !important;
		min-width:70px !important;
		max-width:70px !important;
	}


	.single-product.postid-19
	.summary.entry-summary form.cart .quantity input.qty{
		width:70px !important;
	}


	.single-product.postid-19
	.summary.entry-summary form.cart
	.single_add_to_cart_button{
		width:100% !important;
	}

}


/* =========================================================
   PURE MATE — PRODUCT PAGE V4 FIX
   Fix sticky overlap + category label
========================================================= */


/* ---------------------------------------------------------
   1. IMPORTANT:
   Purchase box must NOT follow the user through long content
--------------------------------------------------------- */

.single-product.postid-19
div.product .summary.entry-summary{
	position:static !important;
	top:auto !important;
	right:auto !important;
	bottom:auto !important;

	align-self:start !important;
}


/* ---------------------------------------------------------
   2. Hide Astra single-product category line
--------------------------------------------------------- */

.single-product.postid-19
.summary.entry-summary .single-product-category{
	display:none !important;
}


/* Other possible category/meta outputs */
.single-product.postid-19
.summary.entry-summary .posted_in,

.single-product.postid-19
.summary.entry-summary .product_meta,

.single-product.postid-19
.summary.entry-summary .ast-woo-product-category,

.single-product.postid-19
.summary.entry-summary .ast-woo-product-category-wrapper{
	display:none !important;
}


/* ---------------------------------------------------------
   3. Keep top product columns aligned naturally
--------------------------------------------------------- */

.single-product.postid-19
div.product .woocommerce-product-gallery,

.single-product.postid-19
div.product .summary.entry-summary{
	vertical-align:top;
}


/* ---------------------------------------------------------
   4. Ensure long-form content clears product hero
--------------------------------------------------------- */

.single-product.postid-19 .ms-pm-longform{
	clear:both !important;

	position:relative;
	z-index:1;

	width:100%;

	margin-top:55px;
}


/* Purchase panel only belongs to product hero */
.single-product.postid-19
.summary.entry-summary{
	z-index:2;

	box-shadow:
		0 12px 38px rgba(25,63,50,.055);
}


/* ---------------------------------------------------------
   5. Prevent long sections from sitting under hero columns
--------------------------------------------------------- */

.single-product.postid-19
.woocommerce_after_single_product_summary,

.single-product.postid-19
.ms-pm-section{
	clear:both;
}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media(max-width:920px){

	.single-product.postid-19
	div.product .summary.entry-summary{
		position:static !important;
		top:auto !important;
	}

	.single-product.postid-19 .ms-pm-longform{
		margin-top:35px;
	}

}


/* =========================================================
   PURE MATE — PACK BUTTON SELECTOR V1
========================================================= */


/* Attribute label */
.single-product.postid-19
table.variations th.label label{

	display:block;

	margin-bottom:11px;

	color:#203b2f;

	font-size:14px;
	font-weight:800;

	letter-spacing:.01em;
}


/* Hide original dropdown visually,
   but keep it in DOM for WooCommerce JS */
.single-product.postid-19
table.variations
select[name="attribute_pack"]{

	position:absolute !important;

	width:1px !important;
	height:1px !important;

	overflow:hidden !important;

	clip:rect(0,0,0,0) !important;
	clip-path:inset(50%) !important;

	white-space:nowrap !important;

	opacity:0 !important;

	pointer-events:none !important;
}


/* Hide Woo reset link */
.single-product.postid-19
.reset_variations{
	display:none !important;
}


/* Pack grid */
.single-product.postid-19
.ms-pack-selector{

	display:grid;

	grid-template-columns:repeat(3,minmax(0,1fr));

	gap:9px;

	width:100%;

	margin:0 0 18px;
}


/* Individual pack */
.single-product.postid-19
.ms-pack-option{

	position:relative;

	display:flex;
	flex-direction:column;

	align-items:flex-start;
	justify-content:flex-start;

	min-width:0;
	min-height:126px;

	padding:15px 13px !important;

	border:1.5px solid #dce5df !important;
	border-radius:11px !important;

	background:#fff !important;
	color:#244034 !important;

	text-align:left;

	cursor:pointer;

	box-shadow:none !important;

	transition:
		border-color .18s ease,
		background .18s ease,
		box-shadow .18s ease,
		transform .18s ease;
}


.single-product.postid-19
.ms-pack-option:hover{

	transform:translateY(-1px);

	border-color:#7ba38a !important;

	background:#f8fbf8 !important;

	box-shadow:
		0 5px 14px rgba(25,63,50,.06)
		!important;
}


/* Selected */
.single-product.postid-19
.ms-pack-option.is-selected{

	border-color:#245a43 !important;

	background:#eef6f0 !important;

	box-shadow:
		inset 0 0 0 1px #245a43 !important;
}


/* Selected check dot */
.single-product.postid-19
.ms-pack-option.is-selected::after{

	content:"✓";

	position:absolute;

	top:8px;
	right:8px;

	width:20px;
	height:20px;

	display:flex;
	align-items:center;
	justify-content:center;

	border-radius:50%;

	background:#245a43;
	color:#fff;

	font-size:11px;
	font-weight:900;
}


/* Pack headline */
.single-product.postid-19
.ms-pack-name{

	display:block;

	max-width:100%;

	color:#1d392d;

	font-size:13px;
	font-weight:800;

	line-height:1.28;

	white-space:normal;
}


/* Subtitle */
.single-product.postid-19
.ms-pack-subtitle{

	display:block;

	margin-top:6px;

	color:#748078;

	font-size:11px;
	font-weight:550;
}


/* Price */
.single-product.postid-19
.ms-pack-price{

	display:block;

	margin-top:auto;
	padding-top:10px;

	color:#173f32;

	font-size:17px;
	font-weight:850;
}


/* Promo badge */
.single-product.postid-19
.ms-pack-badge{

	display:inline-flex;

	margin:0 0 8px;

	padding:4px 7px;

	border-radius:50px;

	background:#dcecdf;
	color:#245a43;

	font-size:9px;
	font-weight:850;

	line-height:1.15;

	letter-spacing:.02em;

	white-space:normal;
}


/* Disabled */
.single-product.postid-19
.ms-pack-option.is-disabled{

	opacity:.42;

	cursor:not-allowed;

	transform:none !important;
}


/* Remove excess spacing from variations table */
.single-product.postid-19
table.variations{

	margin-bottom:0 !important;
}


.single-product.postid-19
table.variations td.value{

	position:relative;

	padding-bottom:0 !important;
}


/* Variation price shown beneath pack cards */
.single-product.postid-19
.single_variation_wrap{

	margin-top:0;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:680px){

	.single-product.postid-19
	.ms-pack-selector{

		grid-template-columns:1fr;

		gap:8px;
	}


	.single-product.postid-19
	.ms-pack-option{

		min-height:0;

		padding:13px 15px !important;

		display:grid;

		grid-template-columns:minmax(0,1fr) auto;

		column-gap:12px;
		row-gap:3px;

		align-items:center;
	}


	.single-product.postid-19
	.ms-pack-badge{

		grid-column:1 / 3;

		width:max-content;

		margin-bottom:3px;
	}


	.single-product.postid-19
	.ms-pack-subtitle{

		grid-column:1;

		margin-top:0;
	}


	.single-product.postid-19
	.ms-pack-price{

		grid-column:2;
		grid-row:2 / 4;

		margin:0;
		padding:0;

		font-size:17px;
	}


	.single-product.postid-19
	.ms-pack-option.is-selected::after{

		display:none;
	}

}



/* =========================================================
   MULLEINSMOKING HOMEPAGE — HERO V1
========================================================= */

.ms-home{
	width:100%;
	max-width:none !important;

	margin:0 !important;
	padding:0 !important;
}


/* =========================================================
   HERO
========================================================= */

.ms-home-hero{
	position:relative;

	overflow:hidden;

	padding:78px 20px 82px;

	background:
		radial-gradient(
			circle at 84% 25%,
			rgba(210,229,215,.72),
			transparent 34%
		),
		linear-gradient(
			135deg,
			#fbfaf6 0%,
			#f4f7f2 55%,
			#edf4ed 100%
		);
}


.ms-home-hero::before{
	content:"";

	position:absolute;

	width:420px;
	height:420px;

	left:-170px;
	bottom:-240px;

	border-radius:50%;

	background:rgba(218,232,219,.52);

	filter:blur(2px);
}


.ms-home-hero-inner{
	position:relative;
	z-index:2;

	width:100%;
	max-width:1200px;

	margin:0 auto;

	display:grid;

	grid-template-columns:
		minmax(0,.92fr)
		minmax(0,1.08fr);

	align-items:center;

	gap:74px;
}


/* =========================================================
   COPY
========================================================= */

.ms-home-eyebrow{
	margin-bottom:17px;

	color:#3f755b;

	font-size:12px;
	font-weight:850;

	letter-spacing:1.9px;

	text-transform:uppercase;
}


.ms-home-hero h1{
	max-width:650px;

	margin:0 0 23px;

	color:#173f32;

	font-size:clamp(46px,5.3vw,72px);
	line-height:.99;

	font-weight:790;

	letter-spacing:-.052em;
}


.ms-home-hero h1 span{
	display:block;

	margin-top:6px;

	color:#284e3d;
}


.ms-home-hero-lead{
	max-width:610px;

	margin:0;

	color:#596860;

	font-size:18px;
	line-height:1.72;
}


/* =========================================================
   BUTTONS
========================================================= */

.ms-home-hero-actions{
	display:flex;
	flex-wrap:wrap;

	gap:11px;

	margin-top:31px;
}


.ms-home-btn{
	min-height:52px;

	display:inline-flex;
	align-items:center;
	justify-content:center;

	padding:0 23px;

	border-radius:9px;

	font-size:14px;
	font-weight:780;

	text-decoration:none !important;

	transition:
		transform .2s ease,
		background .2s ease,
		border-color .2s ease;
}


.ms-home-btn:hover{
	transform:translateY(-1px);
}


.ms-home-btn-primary{
	background:#173f32;
	color:#fff !important;

	border:1px solid #173f32;
}


.ms-home-btn-primary:hover{
	background:#295c49;
	color:#fff !important;
}


.ms-home-btn-secondary{
	background:rgba(255,255,255,.72);
	color:#173f32 !important;

	border:1px solid #cad8cf;
}


.ms-home-btn-secondary:hover{
	background:#fff;
	border-color:#94ad9d;
}


/* =========================================================
   MICRO TRUST
========================================================= */

.ms-home-hero-notes{
	display:flex;
	flex-wrap:wrap;

	gap:25px;

	margin-top:30px;
	padding-top:22px;

	border-top:1px solid rgba(48,82,65,.13);
}


.ms-home-hero-notes span{
	max-width:205px;

	display:flex;
	flex-direction:column;

	color:#78837d;

	font-size:11px;
	line-height:1.45;
}


.ms-home-hero-notes strong{
	margin-bottom:3px;

	color:#314b3e;

	font-size:12px;
}


/* =========================================================
   HERO IMAGE
========================================================= */

.ms-home-hero-media{
	min-width:0;
}


.ms-home-hero-image-wrap{
	position:relative;

	max-width:570px;

	margin-left:auto;

	padding:9px;

	border:1px solid rgba(65,105,84,.13);
	border-radius:24px;

	background:rgba(255,255,255,.62);

	box-shadow:
		0 28px 70px rgba(31,66,49,.12);
}


.ms-home-hero-image-wrap > img{
	display:block;

	width:100%;
	height:auto;

	border-radius:17px;
}


/* Floating product card */

.ms-home-hero-card{
	position:absolute;

	left:-38px;
	bottom:31px;

	width:245px;

	padding:16px 18px;

	border:1px solid rgba(41,83,62,.12);
	border-radius:13px;

	background:rgba(255,255,255,.94);

	box-shadow:
		0 14px 32px rgba(31,66,49,.13);

	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
}


.ms-home-hero-card-label{
	display:block;

	margin-bottom:6px;

	color:#568269;

	font-size:9px;
	font-weight:850;

	letter-spacing:1.2px;
}


.ms-home-hero-card strong{
	display:block;

	color:#173f32;

	font-size:16px;
	line-height:1.25;
}


.ms-home-hero-card > span:last-child{
	display:block;

	margin-top:4px;

	color:#7a857e;

	font-size:11px;
}


/* =========================================================
   NEXT SECTION ANCHOR
========================================================= */

.ms-home-next-anchor{
	height:1px;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

	.ms-home-hero{
		padding-top:55px;
		padding-bottom:60px;
	}


	.ms-home-hero-inner{
		grid-template-columns:1fr;

		gap:42px;
	}


	.ms-home-hero-copy{
		max-width:720px;
	}


	.ms-home-hero-media{
		width:100%;
	}


	.ms-home-hero-image-wrap{
		max-width:680px;

		margin:0 auto;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){

	.ms-home-hero{
		padding:
			39px
			16px
			45px;
	}


	.ms-home-hero-inner{
		gap:31px;
	}


	.ms-home-eyebrow{
		margin-bottom:12px;

		font-size:10px;
	}


	.ms-home-hero h1{
		font-size:42px;
		line-height:1.01;
	}


	.ms-home-hero-lead{
		font-size:15px;
		line-height:1.65;
	}


	.ms-home-hero-actions{
		display:grid;

		grid-template-columns:1fr;

		margin-top:24px;
	}


	.ms-home-btn{
		width:100%;
	}


	.ms-home-hero-notes{
		display:grid;

		grid-template-columns:1fr 1fr;

		gap:13px;

		margin-top:23px;
	}


	.ms-home-hero-notes span{
		max-width:none;
	}


	.ms-home-hero-image-wrap{
		padding:6px;

		border-radius:17px;
	}


	.ms-home-hero-image-wrap > img{
		border-radius:12px;
	}


	.ms-home-hero-card{
		left:12px;
		right:12px;
		bottom:12px;

		width:auto;

		padding:12px 14px;
	}

}


/* =========================================================
   MULLEINSMOKING HOME — WHAT IS MULLEIN SMOKING V1
========================================================= */

.ms-home-what{
	padding:96px 20px;

	background:#fff;
}


.ms-home-what-inner{
	width:100%;
	max-width:1200px;

	margin:0 auto;

	display:grid;

	grid-template-columns:
		minmax(0,.95fr)
		minmax(0,1.05fr);

	align-items:center;

	gap:82px;
}


/* =========================================================
   LEFT COPY
========================================================= */

.ms-home-section-label{
	display:block;

	margin-bottom:13px;

	color:#4b7c61;

	font-size:11px;
	font-weight:850;

	letter-spacing:1.8px;

	text-transform:uppercase;
}


.ms-home-what-copy h2{
	max-width:590px;

	margin:0 0 21px;

	color:#173f32;

	font-size:clamp(36px,4.4vw,54px);
	line-height:1.05;

	font-weight:780;

	letter-spacing:-.045em;
}


.ms-home-section-lead{
	margin-bottom:20px !important;

	color:#354d41 !important;

	font-size:18px !important;
	line-height:1.72 !important;
}


.ms-home-what-copy > p{
	max-width:610px;

	margin:0 0 18px;

	color:#647169;

	font-size:15px;
	line-height:1.78;
}


/* =========================================================
   QUESTION BOX
========================================================= */

.ms-home-inline-question{
	max-width:610px;

	margin-top:27px;
	padding:20px 22px;

	border-left:3px solid #4b8062;
	border-radius:0 10px 10px 0;

	background:#f5f8f4;
}


.ms-home-inline-question strong{
	display:block;

	margin-bottom:6px;

	color:#224536;

	font-size:16px;
}


.ms-home-inline-question p{
	margin:0;

	color:#66746c;

	font-size:14px;
	line-height:1.65;
}


/* =========================================================
   TEXT LINK
========================================================= */

.ms-home-text-link{
	display:inline-flex;
	align-items:center;

	gap:8px;

	margin-top:25px;

	color:#245941 !important;

	font-size:14px;
	font-weight:800;

	text-decoration:none !important;
}


.ms-home-text-link span{
	font-size:18px;

	transition:transform .18s ease;
}


.ms-home-text-link:hover span{
	transform:translateX(4px);
}


/* =========================================================
   IMAGE
========================================================= */

.ms-home-what-side{
	min-width:0;
}


.ms-home-what-image{
	overflow:hidden;

	padding:7px;

	border:1px solid #e2e8e3;
	border-radius:19px;

	background:#f8f8f3;

	box-shadow:
		0 20px 50px rgba(30,63,48,.08);
}


.ms-home-what-image img{
	display:block;

	width:100%;
	height:auto;

	border-radius:13px;
}


/* =========================================================
   FACT CARDS
========================================================= */

.ms-home-fact-grid{
	display:grid;

	grid-template-columns:
		repeat(3,minmax(0,1fr));

	gap:10px;

	margin-top:12px;
}


.ms-home-fact-card{
	min-width:0;

	padding:17px 15px;

	border:1px solid #e0e7e2;
	border-radius:11px;

	background:#fbfcfa;
}


.ms-home-fact-number{
	display:block;

	margin-bottom:11px;

	color:#73917f;

	font-size:10px;
	font-weight:850;

	letter-spacing:1.2px;
}


.ms-home-fact-card strong{
	display:block;

	margin-bottom:5px;

	color:#234638;

	font-size:14px;
	line-height:1.25;
}


.ms-home-fact-card p{
	margin:0;

	color:#758078;

	font-size:11px;
	line-height:1.55;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

	.ms-home-what{
		padding:70px 20px;
	}


	.ms-home-what-inner{
		grid-template-columns:1fr;

		gap:42px;
	}


	.ms-home-what-copy{
		max-width:720px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){

	.ms-home-what{
		padding:55px 16px;
	}


	.ms-home-what-inner{
		gap:31px;
	}


	.ms-home-what-copy h2{
		font-size:36px;
	}


	.ms-home-section-lead{
		font-size:16px !important;
	}


	.ms-home-inline-question{
		margin-top:22px;

		padding:17px 18px;
	}


	.ms-home-fact-grid{
		grid-template-columns:1fr;
	}


	.ms-home-fact-card{
		display:grid;

		grid-template-columns:36px 1fr;

		column-gap:7px;
		row-gap:2px;

		align-items:start;
	}


	.ms-home-fact-number{
		grid-row:1 / 3;

		margin:1px 0 0;
	}


	.ms-home-fact-card strong{
		grid-column:2;
	}


	.ms-home-fact-card p{
		grid-column:2;

		font-size:12px;
	}

}


/* =========================================================
   MULLEINSMOKING HOME — SMOKE VS VAPOR V1
========================================================= */

.ms-home-compare{
	padding:96px 20px;

	background:#f6f8f5;
}


.ms-home-compare-inner{
	width:100%;
	max-width:1200px;

	margin:0 auto;
}


/* =========================================================
   HEADING
========================================================= */

.ms-home-compare-head{
	max-width:780px;

	margin:0 auto 47px;

	text-align:center;
}


.ms-home-compare-head h2{
	margin:0 0 18px;

	color:#173f32;

	font-size:clamp(36px,4.5vw,54px);
	line-height:1.06;

	font-weight:780;

	letter-spacing:-.045em;
}


.ms-home-compare-head p{
	max-width:690px;

	margin:0 auto;

	color:#647169;

	font-size:16px;
	line-height:1.72;
}


/* =========================================================
   MAIN GRID
========================================================= */

.ms-home-compare-grid{
	display:grid;

	grid-template-columns:
		minmax(0,1.2fr)
		minmax(340px,.8fr);

	align-items:start;

	gap:24px;
}


/* =========================================================
   COMPARISON TABLE
========================================================= */

.ms-home-compare-table{
	overflow:hidden;

	border:1px solid #dce5de;
	border-radius:15px;

	background:#fff;

	box-shadow:
		0 14px 36px rgba(27,62,46,.05);
}


.ms-home-compare-row{
	display:grid;

	grid-template-columns:
		.8fr 1.1fr 1.1fr;

	border-bottom:1px solid #e5ebe7;
}


.ms-home-compare-row:last-child{
	border-bottom:0;
}


.ms-home-compare-row > div{
	min-width:0;

	padding:18px 17px;

	color:#5d6a63;

	font-size:13px;
	line-height:1.5;
}


.ms-home-compare-row > div + div{
	border-left:1px solid #e5ebe7;
}


.ms-home-compare-row strong{
	color:#263f33;

	font-weight:750;
}


/* Table heading */

.ms-home-compare-title{
	background:#173f32;
}


.ms-home-compare-title > div{
	color:#fff;

	font-weight:760;
}


/* Pure Mate column */

.ms-home-compare-row:not(.ms-home-compare-title)
> div:last-child{
	background:#f1f6f2;

	color:#28513f;

	font-weight:650;
}


/* =========================================================
   PRODUCT CARD
========================================================= */

.ms-home-compare-product{
	overflow:hidden;

	border:1px solid #dce5de;
	border-radius:15px;

	background:#fff;

	box-shadow:
		0 16px 42px rgba(27,62,46,.07);
}


.ms-home-compare-product-image{
	padding:7px 7px 0;
}


.ms-home-compare-product-image img{
	display:block;

	width:100%;
	height:auto;

	border-radius:10px;
}


.ms-home-compare-product-copy{
	padding:24px 24px 26px;
}


.ms-home-product-kicker{
	display:block;

	margin-bottom:7px;

	color:#568269;

	font-size:9px;
	font-weight:850;

	letter-spacing:1.3px;
}


.ms-home-compare-product h3{
	margin:0 0 11px;

	color:#173f32;

	font-size:27px;
	line-height:1.08;

	letter-spacing:-.03em;
}


.ms-home-compare-product p{
	margin:0;

	color:#69766f;

	font-size:13px;
	line-height:1.65;
}


/* =========================================================
   PRODUCT FACTS
========================================================= */

.ms-home-product-facts{
	display:grid;

	grid-template-columns:1fr 1fr;

	gap:7px;

	margin-top:18px;
}


.ms-home-product-facts span{
	padding:9px 10px;

	border:1px solid #e0e8e2;
	border-radius:7px;

	background:#f5f8f5;

	color:#345344;

	font-size:10px;
	font-weight:700;
}


/* =========================================================
   PRICE + BUTTON
========================================================= */

.ms-home-product-price{
	margin-top:20px;

	color:#68766e;

	font-size:13px;
}


.ms-home-product-price strong{
	color:#173f32;

	font-size:22px;
}


.ms-home-product-btn{
	width:100%;

	margin-top:13px;
}


/* =========================================================
   DISCLAIMER
========================================================= */

.ms-home-compare-note{
	max-width:780px;

	margin:22px auto 0;

	color:#849087;

	font-size:11px;
	line-height:1.6;

	text-align:center;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

	.ms-home-compare{
		padding:70px 20px;
	}


	.ms-home-compare-grid{
		grid-template-columns:1fr;
	}


	.ms-home-compare-product{
		display:grid;

		grid-template-columns:
			minmax(0,1fr)
			minmax(0,1fr);
	}


	.ms-home-compare-product-image{
		padding:7px;
	}


	.ms-home-compare-product-image img{
		height:100%;
		object-fit:cover;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:650px){

	.ms-home-compare{
		padding:55px 16px;
	}


	.ms-home-compare-head{
		margin-bottom:30px;
	}


	.ms-home-compare-head h2{
		font-size:35px;
	}


	.ms-home-compare-table{
		overflow-x:auto;
	}


	.ms-home-compare-row{
		min-width:630px;
	}


	.ms-home-compare-product{
		display:block;
	}


	.ms-home-product-facts{
		grid-template-columns:1fr 1fr;
	}


	.ms-home-compare-product-copy{
		padding:21px 18px 22px;
	}

}


/* =========================================================
   MULLEINSMOKING HOME — SMOKE VS VAPOR V2
========================================================= */


/* Full-width educational comparison */
.ms-home-compare-v2 .ms-home-compare-inner{
	max-width:1120px;
}


.ms-home-compare-v2 .ms-home-compare-head{
	max-width:800px;

	margin-bottom:42px;
}


.ms-home-compare-table-v2{
	width:100%;

	max-width:980px;

	margin:0 auto;

	box-shadow:
		0 14px 36px rgba(27,62,46,.045);
}


/* More breathing room */
.ms-home-compare-table-v2
.ms-home-compare-row > div{
	padding:19px 21px;

	font-size:14px;
}


/* =========================================================
   LIGHT PRODUCT CTA
========================================================= */

.ms-home-compare-cta{
	max-width:980px;

	margin:34px auto 0;

	padding:27px 30px;

	display:flex;

	align-items:center;
	justify-content:space-between;

	gap:36px;

	border:1px solid #dbe5de;
	border-radius:14px;

	background:#fff;
}


.ms-home-compare-cta-copy{
	max-width:660px;
}


.ms-home-compare-cta-copy > span{
	display:block;

	margin-bottom:7px;

	color:#568269;

	font-size:9px;
	font-weight:850;

	letter-spacing:1.4px;
}


.ms-home-compare-cta-copy h3{
	margin:0 0 7px;

	color:#173f32;

	font-size:22px;
	line-height:1.2;

	letter-spacing:-.025em;
}


.ms-home-compare-cta-copy p{
	margin:0;

	color:#6b776f;

	font-size:13px;
	line-height:1.6;
}


.ms-home-compare-cta-action{
	min-width:185px;

	flex:0 0 auto;

	text-align:right;
}


.ms-home-compare-cta-action > div{
	margin-bottom:9px;

	color:#728078;

	font-size:12px;
}


.ms-home-compare-cta-action strong{
	color:#173f32;

	font-size:20px;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:760px){

	.ms-home-compare-cta{
		flex-direction:column;

		align-items:flex-start;

		gap:20px;
	}


	.ms-home-compare-cta-action{
		width:100%;

		text-align:left;
	}


	.ms-home-compare-cta-action .ms-home-btn{
		width:100%;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:650px){

	.ms-home-compare-table-v2{
		overflow-x:auto;
	}


	.ms-home-compare-table-v2
	.ms-home-compare-row{
		min-width:650px;
	}


	.ms-home-compare-cta{
		padding:22px 18px;

		border-radius:11px;
	}

}


/* =========================================================
   MULLEINSMOKING HOME — GUIDES HUB V1
========================================================= */

.ms-home-guides{
	padding:96px 20px;

	background:#fff;
}


.ms-home-guides-inner{
	width:100%;
	max-width:1200px;

	margin:0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.ms-home-guides-head{
	display:grid;

	grid-template-columns:
		minmax(0,1.15fr)
		minmax(300px,.65fr);

	align-items:end;

	gap:70px;

	margin-bottom:43px;
}


.ms-home-guides-head h2{
	max-width:680px;

	margin:0;

	color:#173f32;

	font-size:clamp(36px,4.4vw,54px);
	line-height:1.06;

	font-weight:780;

	letter-spacing:-.045em;
}


.ms-home-guides-head > p{
	max-width:410px;

	margin:0 0 5px;

	color:#68756e;

	font-size:14px;
	line-height:1.7;
}


/* =========================================================
   GUIDE GRID
========================================================= */

.ms-home-guides-grid{
	display:grid;

	grid-template-columns:
		repeat(2,minmax(0,1fr));

	border-top:1px solid #dfe6e1;
	border-left:1px solid #dfe6e1;
}


.ms-home-guide-card{
	position:relative;

	min-height:210px;

	display:grid;

	grid-template-columns:42px 1fr 30px;

	gap:18px;

	padding:31px 29px;

	border-right:1px solid #dfe6e1;
	border-bottom:1px solid #dfe6e1;

	background:#fff;

	color:inherit !important;

	text-decoration:none !important;

	transition:
		background .2s ease,
		transform .2s ease;
}


.ms-home-guide-card:hover{
	background:#f6f9f6;
}


.ms-home-guide-number{
	padding-top:2px;

	color:#8aa092;

	font-size:11px;
	font-weight:850;

	letter-spacing:1px;
}


.ms-home-guide-topic{
	display:block;

	margin-bottom:8px;

	color:#4f7c63;

	font-size:9px;
	font-weight:850;

	letter-spacing:1.4px;
}


.ms-home-guide-card h3{
	max-width:440px;

	margin:0 0 10px;

	color:#213f32;

	font-size:22px;
	line-height:1.17;

	font-weight:750;

	letter-spacing:-.025em;
}


.ms-home-guide-card p{
	max-width:440px;

	margin:0;

	color:#78837c;

	font-size:13px;
	line-height:1.6;
}


.ms-home-guide-arrow{
	align-self:start;

	display:flex;
	align-items:center;
	justify-content:center;

	width:30px;
	height:30px;

	border:1px solid #d7e2da;
	border-radius:50%;

	color:#46745a;

	font-size:16px;

	transition:
		transform .2s ease,
		background .2s ease;
}


.ms-home-guide-card:hover
.ms-home-guide-arrow{
	transform:translateX(3px);

	background:#e9f2eb;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:850px){

	.ms-home-guides{
		padding:70px 20px;
	}


	.ms-home-guides-head{
		grid-template-columns:1fr;

		gap:17px;
	}


	.ms-home-guides-head > p{
		max-width:650px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:650px){

	.ms-home-guides{
		padding:55px 16px;
	}


	.ms-home-guides-head{
		margin-bottom:29px;
	}


	.ms-home-guides-head h2{
		font-size:35px;
	}


	.ms-home-guides-grid{
		grid-template-columns:1fr;
	}


	.ms-home-guide-card{
		min-height:0;

		grid-template-columns:31px 1fr 27px;

		gap:10px;

		padding:23px 17px;
	}


	.ms-home-guide-card h3{
		font-size:19px;
	}


	.ms-home-guide-arrow{
		width:27px;
		height:27px;
	}

}


/* =========================================================
   MULLEINSMOKING HOME — NEWSLETTER V1
========================================================= */

.ms-home-newsletter{
	padding:72px 20px;

	background:#173f32;
}


.ms-home-newsletter-inner{
	width:100%;
	max-width:1200px;

	margin:0 auto;

	display:grid;

	grid-template-columns:
		minmax(0,.9fr)
		minmax(420px,1.1fr);

	align-items:center;

	gap:70px;
}


/* =========================================================
   COPY
========================================================= */

.ms-home-newsletter
.ms-home-section-label{
	color:#9fc3ad;
}


.ms-home-newsletter h2{
	max-width:560px;

	margin:0 0 13px;

	color:#fff;

	font-size:clamp(34px,4vw,48px);
	line-height:1.06;

	font-weight:780;

	letter-spacing:-.04em;
}


.ms-home-newsletter-copy p{
	max-width:560px;

	margin:0;

	color:#cfddd4;

	font-size:15px;
	line-height:1.7;
}


/* =========================================================
   FORM
========================================================= */

.ms-home-newsletter-form-wrap{
	width:100%;
}


.ms-newsletter-form{
	position:relative;

	display:grid;

	grid-template-columns:
		minmax(0,1fr)
		auto;

	gap:8px;

	width:100%;

	padding:7px;

	border:1px solid rgba(255,255,255,.16);
	border-radius:12px;

	background:rgba(255,255,255,.08);
}


.ms-newsletter-form input[type="email"]{
	width:100%;
	min-width:0;

	height:52px;

	padding:0 16px;

	border:0 !important;
	border-radius:7px !important;

	outline:none;

	background:#fff;

	color:#21382d;

	font-family:inherit;
	font-size:14px;
}


.ms-newsletter-form input[type="email"]::placeholder{
	color:#8c9690;
}


.ms-newsletter-form button{
	min-width:128px;

	height:52px;

	padding:0 22px !important;

	border:0 !important;
	border-radius:7px !important;

	background:#f0f5f1 !important;
	color:#173f32 !important;

	font-size:14px !important;
	font-weight:800 !important;

	cursor:pointer;
}


.ms-newsletter-form button:hover{
	background:#fff !important;
	color:#173f32 !important;
}


/* =========================================================
   CONSENT / ERROR
========================================================= */

.ms-newsletter-consent{
	margin:10px 2px 0;

	color:#9fb2a7;

	font-size:10px;
	line-height:1.5;
}


.ms-newsletter-error{
	margin-top:9px;

	color:#ffd4d4;

	font-size:12px;
}


/* =========================================================
   SUCCESS
========================================================= */

.ms-newsletter-message{
	padding:21px 23px;

	border:1px solid rgba(255,255,255,.17);
	border-radius:11px;

	background:rgba(255,255,255,.08);
}


.ms-newsletter-message strong{
	display:block;

	margin-bottom:4px;

	color:#fff;

	font-size:18px;
}


.ms-newsletter-message span{
	color:#c8d9ce;

	font-size:13px;
}


/* Honeypot */
.ms-newsletter-hp{
	position:absolute !important;

	left:-9999px !important;

	width:1px !important;
	height:1px !important;

	overflow:hidden !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:850px){

	.ms-home-newsletter-inner{
		grid-template-columns:1fr;

		gap:26px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){

	.ms-home-newsletter{
		padding:55px 16px;
	}


	.ms-home-newsletter h2{
		font-size:34px;
	}


	.ms-newsletter-form{
		grid-template-columns:1fr;

		padding:7px;
	}


	.ms-newsletter-form button{
		width:100%;
	}

}


/* =========================================================
   MULLEINSMOKING — CUSTOM FOOTER V1
========================================================= */


/* Hide Astra default footer */
#colophon,
.site-footer{
	display:none !important;
}


/* =========================================================
   FOOTER
========================================================= */

.ms-footer{
	width:100%;

	background:#102e25;
	color:#c7d4cc;
}


.ms-footer-main{
	padding:65px 20px 55px;
}


.ms-footer-grid{
	width:100%;
	max-width:1200px;

	margin:0 auto;

	display:grid;

	grid-template-columns:
		minmax(280px,1.5fr)
		repeat(3,minmax(150px,.65fr));

	gap:60px;
}


/* =========================================================
   BRAND
========================================================= */

.ms-footer-brand{
	max-width:370px;
}


.ms-footer-logo{
	display:inline-flex;

	margin-bottom:19px;

	color:#fff !important;

	font-size:25px;
	font-weight:800;

	letter-spacing:-.045em;

	text-decoration:none !important;
}


.ms-footer-logo span{
	color:#a4c9b1;
}


.ms-footer-brand p{
	margin:0;

	color:#a9bab0;

	font-size:13px;
	line-height:1.7;
}


.ms-footer-brand-note{
	display:inline-flex;

	margin-top:20px;
	padding:7px 10px;

	border:1px solid rgba(255,255,255,.10);
	border-radius:6px;

	color:#93ab9e;

	font-size:10px;
	font-weight:700;

	letter-spacing:.04em;

	text-transform:uppercase;
}


/* =========================================================
   COLUMNS
========================================================= */

.ms-footer-col h3{
	margin:3px 0 17px;

	color:#fff;

	font-size:12px;
	font-weight:800;

	letter-spacing:.08em;

	text-transform:uppercase;
}


.ms-footer-col nav{
	display:flex;

	flex-direction:column;

	gap:11px;
}


.ms-footer-col a{
	width:max-content;
	max-width:100%;

	color:#a9bab0 !important;

	font-size:13px;
	line-height:1.4;

	text-decoration:none !important;

	transition:
		color .18s ease,
		transform .18s ease;
}


.ms-footer-col a:hover{
	color:#fff !important;

	transform:translateX(2px);
}


/* =========================================================
   BOTTOM
========================================================= */

.ms-footer-bottom{
	border-top:1px solid rgba(255,255,255,.08);

	background:#0d281f;
}


.ms-footer-bottom-inner{
	width:100%;
	max-width:1200px;

	margin:0 auto;
	padding:20px;

	display:flex;

	align-items:center;
	justify-content:space-between;

	gap:40px;

	color:#7f978a;

	font-size:10px;
	line-height:1.55;
}


.ms-footer-disclaimer{
	max-width:610px;

	text-align:right;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

	.ms-footer-grid{
		grid-template-columns:
			1.3fr 1fr 1fr;

		gap:45px 30px;
	}


	.ms-footer-brand{
		grid-column:1 / -1;

		max-width:620px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){

	.ms-footer-main{
		padding:
			48px
			16px
			38px;
	}


	.ms-footer-grid{
		grid-template-columns:
			repeat(2,minmax(0,1fr));

		gap:39px 20px;
	}


	.ms-footer-brand{
		grid-column:1 / -1;
	}


	.ms-footer-logo{
		font-size:23px;
	}


	.ms-footer-col:last-child{
		grid-column:1 / -1;
	}


	.ms-footer-bottom-inner{
		padding:
			18px
			16px;

		flex-direction:column;

		align-items:flex-start;

		gap:8px;
	}


	.ms-footer-disclaimer{
		max-width:none;

		text-align:left;
	}

}


/* =========================================================
   MULLEINSMOKING — CONTACT PAGE V1
========================================================= */

.ms-contact-hero{
	padding:90px 20px 70px;

	background:
		linear-gradient(
			135deg,
			#f7f4eb,
			#eef4ee
		);
}


.ms-contact-shell{
	max-width:900px;

	margin:0 auto;

	text-align:center;
}


.ms-page-eyebrow{
	display:block;

	margin-bottom:14px;

	color:#4d795f;

	font-size:10px;
	font-weight:850;

	letter-spacing:1.5px;
}


.ms-contact-hero h1{
	margin:0 0 18px;

	color:#173f32;

	font-size:clamp(42px,6vw,66px);
	line-height:1;

	letter-spacing:-.05em;
}


.ms-contact-hero p{
	max-width:680px;

	margin:0 auto;

	color:#67756d;

	font-size:16px;
	line-height:1.7;
}


/* =========================================================
   MAIN
========================================================= */

.ms-contact-main{
	padding:80px 20px 95px;

	background:#fff;
}


.ms-contact-grid{
	max-width:1080px;

	margin:0 auto;

	display:grid;

	grid-template-columns:
		minmax(0,.85fr)
		minmax(400px,1.15fr);

	gap:75px;

	align-items:start;
}


.ms-contact-info h2{
	margin:0 0 14px;

	color:#173f32;

	font-size:36px;

	letter-spacing:-.035em;
}


.ms-contact-info > p{
	margin:0 0 34px;

	color:#6e7b73;

	font-size:14px;
	line-height:1.7;
}


.ms-contact-note{
	padding:20px 0;

	border-top:1px solid #e1e7e2;
}


.ms-contact-note:last-child{
	border-bottom:1px solid #e1e7e2;
}


.ms-contact-note strong{
	display:block;

	margin-bottom:6px;

	color:#284a3a;

	font-size:14px;
}


.ms-contact-note p{
	margin:0;

	color:#78847d;

	font-size:12px;
	line-height:1.65;
}


/* =========================================================
   FORM
========================================================= */

.ms-contact-form-card{
	padding:34px;

	border:1px solid #dfe6e1;

	border-radius:14px;

	background:#fafcf9;

	box-shadow:
		0 15px 38px
		rgba(25,60,44,.045);
}


.ms-contact-form{
	display:grid;

	gap:19px;
}


.ms-contact-field label{
	display:block;

	margin-bottom:7px;

	color:#29483a;

	font-size:12px;
	font-weight:750;
}


.ms-contact-field input,
.ms-contact-field select,
.ms-contact-field textarea{
	width:100%;

	border:1px solid #d7dfd9 !important;

	border-radius:7px !important;

	background:#fff !important;

	color:#243a30 !important;

	font-family:inherit !important;

	font-size:14px !important;

	box-shadow:none !important;
}


.ms-contact-field input,
.ms-contact-field select{
	height:48px;

	padding:0 13px !important;
}


.ms-contact-field textarea{
	padding:13px !important;

	resize:vertical;
}


.ms-contact-field input:focus,
.ms-contact-field select:focus,
.ms-contact-field textarea:focus{
	border-color:#568067 !important;

	outline:none !important;

	box-shadow:
		0 0 0 2px
		rgba(67,116,86,.10)
		!important;
}


.ms-contact-submit{
	width:100%;

	min-height:52px;

	border:0 !important;

	border-radius:7px !important;

	background:#173f32 !important;

	color:#fff !important;

	font-size:14px !important;
	font-weight:800 !important;

	cursor:pointer;
}


.ms-contact-submit:hover{
	background:#245641 !important;
}


.ms-contact-error{
	padding:11px 13px;

	border-radius:6px;

	background:#fff2f2;

	color:#984343;

	font-size:12px;
}


.ms-contact-success{
	padding:28px;

	border-radius:9px;

	background:#edf5ef;

	color:#294c3a;
}


.ms-contact-success strong{
	display:block;

	margin-bottom:6px;

	font-size:18px;
}


.ms-contact-success p{
	margin:0;

	font-size:13px;
	line-height:1.65;
}


.ms-contact-hp{
	position:absolute !important;

	left:-9999px !important;

	width:1px !important;
	height:1px !important;

	overflow:hidden !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:760px){

	.ms-contact-hero{
		padding:
			62px
			18px
			50px;
	}


	.ms-contact-main{
		padding:
			55px
			16px
			70px;
	}


	.ms-contact-grid{
		grid-template-columns:1fr;

		gap:40px;
	}


	.ms-contact-form-card{
		padding:22px 17px;
	}


	.ms-contact-info h2{
		font-size:31px;
	}

}


/* =========================================================
   MULLEINSMOKING — POLICY PAGES V1
========================================================= */


/* Hide Astra's duplicate page heading */
.ms-policy-page .entry-header,
.ms-contact-page .entry-header{
	display:none !important;
}


.ms-policy-page .site-content,
.ms-contact-page .site-content{
	padding-top:0 !important;
}


.ms-policy-page .entry-content,
.ms-contact-page .entry-content{
	margin-top:0 !important;
}


/* =========================================================
   HERO
========================================================= */

.ms-policy-hero{
	padding:82px 20px 62px;

	background:
		linear-gradient(
			135deg,
			#f7f4eb 0%,
			#eef4ee 100%
		);
}


.ms-policy-shell{
	width:100%;
	max-width:850px;

	margin:0 auto;

	text-align:center;
}


.ms-policy-hero h1{
	margin:0 0 17px;

	color:#173f32;

	font-size:clamp(42px,6vw,62px);
	line-height:1;

	font-weight:780;

	letter-spacing:-.05em;
}


.ms-policy-hero p{
	max-width:700px;

	margin:0 auto;

	color:#65736b;

	font-size:15px;
	line-height:1.72;
}


.ms-policy-updated{
	margin-top:19px;

	color:#87938c;

	font-size:11px;
}


/* =========================================================
   CONTENT
========================================================= */

.ms-policy-content{
	padding:76px 20px 96px;

	background:#fff;
}


.ms-policy-layout{
	width:100%;
	max-width:1080px;

	margin:0 auto;

	display:grid;

	grid-template-columns:
		210px
		minmax(0,1fr);

	gap:72px;

	align-items:start;
}


/* =========================================================
   SIDE NAV
========================================================= */

.ms-policy-nav{
	position:sticky;

	top:110px;

	display:flex;

	flex-direction:column;

	gap:10px;

	padding:20px 0;

	border-top:1px solid #dfe6e1;
	border-bottom:1px solid #dfe6e1;
}


.ms-policy-nav strong{
	margin-bottom:5px;

	color:#244637;

	font-size:11px;

	text-transform:uppercase;

	letter-spacing:.09em;
}


.ms-policy-nav a{
	color:#758078 !important;

	font-size:12px;

	text-decoration:none !important;
}


.ms-policy-nav a:hover{
	color:#214b38 !important;
}


/* =========================================================
   POLICY BODY
========================================================= */

.ms-policy-body{
	max-width:720px;
}


.ms-policy-body > section{
	padding-bottom:34px;

	margin-bottom:34px;

	border-bottom:1px solid #e5eae6;

	scroll-margin-top:120px;
}


.ms-policy-body h2{
	margin:0 0 15px;

	color:#173f32;

	font-size:27px;
	line-height:1.2;

	letter-spacing:-.03em;
}


.ms-policy-body p{
	margin:0 0 13px;

	color:#66736c;

	font-size:14px;
	line-height:1.76;
}


.ms-policy-body p:last-child{
	margin-bottom:0;
}


/* =========================================================
   HELP CTA
========================================================= */

.ms-policy-help{
	margin-top:48px;

	padding:27px 29px;

	display:flex;

	align-items:center;
	justify-content:space-between;

	gap:30px;

	border-radius:12px;

	background:#eef5ef;
}


.ms-policy-help span{
	display:block;

	margin-bottom:5px;

	color:#59806a;

	font-size:9px;
	font-weight:850;

	letter-spacing:1.2px;
}


.ms-policy-help h3{
	margin:0 0 6px;

	color:#173f32;

	font-size:20px;
}


.ms-policy-help p{
	margin:0;

	font-size:12px;
}


.ms-policy-button{
	flex:0 0 auto;

	display:inline-flex;

	align-items:center;
	justify-content:center;

	min-height:45px;

	padding:0 20px;

	border-radius:7px;

	background:#173f32;

	color:#fff !important;

	font-size:12px;
	font-weight:800;

	text-decoration:none !important;
}


.ms-policy-button:hover{
	background:#245641;
}


/* =========================================================
   NOTE
========================================================= */

.ms-policy-note{
	margin-top:25px;

	padding:19px 20px;

	border:1px solid #e0e6e1;
	border-radius:8px;

	background:#fbfcfa;
}


.ms-policy-note strong{
	display:block;

	margin-bottom:6px;

	color:#304d40;

	font-size:12px;
}


.ms-policy-note p{
	margin:0;

	font-size:11px;
	line-height:1.65;
}


/* =========================================================
   TABLET / MOBILE
========================================================= */

@media(max-width:760px){

	.ms-policy-hero{
		padding:
			60px
			17px
			48px;
	}


	.ms-policy-content{
		padding:
			52px
			16px
			72px;
	}


	.ms-policy-layout{
		grid-template-columns:1fr;

		gap:34px;
	}


	.ms-policy-nav{
		position:static;

		display:grid;

		grid-template-columns:
			repeat(2,minmax(0,1fr));

		gap:9px 18px;
	}


	.ms-policy-nav strong{
		grid-column:1 / -1;
	}


	.ms-policy-body{
		max-width:none;
	}


	.ms-policy-help{
		flex-direction:column;

		align-items:flex-start;

		padding:23px 20px;
	}


	.ms-policy-button{
		width:100%;
	}

}


@media(max-width:480px){

	.ms-policy-nav{
		grid-template-columns:1fr;
	}


	.ms-policy-hero h1{
		font-size:40px;
	}

}


/* =========================================================
   MULLEINSMOKING — FINAL FOOTER V2
   MOBILE FIRST
========================================================= */


/* Old footer stays hidden */
.ms-footer{
	display:none !important;
}


.ms-footer-v2{
	width:100%;

	background:#102e25;
	color:#aebfb5;
}


/* =========================================================
   MOBILE FIRST
========================================================= */

.ms-footer-v2-inner{
	width:100%;

	padding:
		42px
		16px
		34px;

	display:grid;

	grid-template-columns:
		repeat(2,minmax(0,1fr));

	gap:
		34px
		20px;
}


/* =========================================================
   BRAND
========================================================= */

.ms-footer-v2-brand{
	grid-column:1 / -1;

	max-width:520px;
}


.ms-footer-v2-logo{
	display:inline-flex;

	margin-bottom:13px;

	color:#fff !important;

	font-size:23px;
	font-weight:800;
	line-height:1;

	letter-spacing:-.045em;

	text-decoration:none !important;
}


.ms-footer-v2-logo span{
	color:#a6cbb4;
}


.ms-footer-v2-brand p{
	max-width:460px;

	margin:0;

	color:#9fb2a7;

	font-size:12px;
	line-height:1.65;
}


.ms-footer-v2-tag{
	display:inline-flex;

	margin-top:15px;

	padding:
		6px
		9px;

	border:
		1px solid
		rgba(255,255,255,.10);

	border-radius:5px;

	color:#8fa79a;

	font-size:9px;
	font-weight:800;

	letter-spacing:.08em;

	text-transform:uppercase;
}


/* =========================================================
   LINK COLUMNS
========================================================= */

.ms-footer-v2-col h3{
	margin:
		0
		0
		13px;

	color:#fff;

	font-size:10px;
	font-weight:850;

	letter-spacing:.1em;

	text-transform:uppercase;
}


.ms-footer-v2-col nav{
	display:flex;

	flex-direction:column;

	gap:9px;
}


.ms-footer-v2-col a{
	color:#a7b9ae !important;

	font-size:12px;
	line-height:1.35;

	text-decoration:none !important;
}


.ms-footer-v2-col a:active,
.ms-footer-v2-col a:hover{
	color:#fff !important;
}


/* =========================================================
   POLICIES — FULL WIDTH ON MOBILE
========================================================= */

.ms-footer-v2-help{
	grid-column:1 / -1;

	padding-top:5px;

	border-top:
		1px solid
		rgba(255,255,255,.08);
}


.ms-footer-v2-help h3{
	margin-top:18px;
}


.ms-footer-v2-help nav{
	display:grid;

	grid-template-columns:
		repeat(2,minmax(0,1fr));

	gap:
		10px
		20px;
}


/* =========================================================
   BOTTOM BAR
========================================================= */

.ms-footer-v2-bottom{
	border-top:
		1px solid
		rgba(255,255,255,.07);

	background:#0c281f;
}


.ms-footer-v2-bottom-inner{
	padding:
		16px;

	display:flex;

	flex-direction:column;

	gap:5px;

	color:#758f81;

	font-size:9px;
	line-height:1.5;
}


/* =========================================================
   MOBILE TAP TARGETS
========================================================= */

.ms-footer-v2-col a{
	display:flex;

	align-items:center;

	min-height:28px;
}


/* =========================================================
   TABLET — 620+
========================================================= */

@media(min-width:620px){

	.ms-footer-v2-inner{
		max-width:1200px;

		margin:0 auto;

		padding:
			52px
			24px
			42px;

		grid-template-columns:
			1.3fr
			.7fr
			.7fr;

		gap:40px;
	}


	.ms-footer-v2-brand{
		grid-column:1 / -1;
	}


	.ms-footer-v2-help{
		grid-column:auto;

		padding-top:0;

		border-top:0;
	}


	.ms-footer-v2-help h3{
		margin-top:0;
	}


	.ms-footer-v2-help nav{
		display:flex;

		flex-direction:column;

		gap:9px;
	}


	.ms-footer-v2-bottom-inner{
		max-width:1200px;

		margin:0 auto;

		padding:
			17px
			24px;

		flex-direction:row;

		align-items:center;
		justify-content:space-between;

		gap:30px;
	}

}


/* =========================================================
   DESKTOP — 900+
========================================================= */

@media(min-width:900px){

	.ms-footer-v2-inner{
		padding:
			62px
			24px
			50px;

		grid-template-columns:
			minmax(280px,1.5fr)
			minmax(130px,.55fr)
			minmax(130px,.55fr)
			minmax(180px,.75fr);

		gap:55px;
	}


	.ms-footer-v2-brand{
		grid-column:auto;
	}


	.ms-footer-v2-logo{
		font-size:25px;
	}


	.ms-footer-v2-col a{
		font-size:13px;
	}

}


/* =========================================================
   MULLEINSMOKING — FOOTER V3
   MOBILE FIRST — TRUE 3 COLUMNS
========================================================= */


/* Main grid */
.ms-footer-v2-inner{
	width:100%;
	max-width:1200px;

	margin:0 auto;

	padding:
		38px
		14px
		32px;

	display:grid;

	grid-template-columns:
		repeat(3,minmax(0,1fr));

	gap:
		28px
		10px;
}


/* =========================================================
   BRAND
========================================================= */

.ms-footer-v2-brand{
	grid-column:1 / -1 !important;

	max-width:520px;

	margin-bottom:2px;
}


.ms-footer-v2-logo{
	font-size:22px;
}


.ms-footer-v2-brand p{
	max-width:460px;

	margin:0;

	font-size:11px;
	line-height:1.6;
}


.ms-footer-v2-tag{
	margin-top:12px;
}


/* =========================================================
   THREE LINK COLUMNS
========================================================= */

.ms-footer-v2-col,
.ms-footer-v2-help{
	grid-column:auto !important;

	min-width:0;

	padding:0 !important;

	border:0 !important;
}


.ms-footer-v2-col h3,
.ms-footer-v2-help h3{
	margin:
		0
		0
		11px !important;

	font-size:9px;

	line-height:1.25;

	letter-spacing:.07em;
}


.ms-footer-v2-help h3{
	margin-top:0 !important;
}


.ms-footer-v2-col nav,
.ms-footer-v2-help nav{
	display:flex !important;

	flex-direction:column !important;

	grid-template-columns:none !important;

	gap:5px !important;
}


.ms-footer-v2-col a,
.ms-footer-v2-help a{
	display:flex;

	align-items:center;

	width:100%;

	min-height:26px;

	padding:0;

	color:#a7b9ae !important;

	font-size:10.5px;

	line-height:1.25;

	text-decoration:none !important;
}


/* =========================================================
   BOTTOM
========================================================= */

.ms-footer-v2-bottom-inner{
	width:100%;
	max-width:1200px;

	margin:0 auto;

	padding:14px;

	display:flex;

	flex-direction:column;

	gap:4px;

	font-size:9px;
}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media(max-width:374px){

	.ms-footer-v2-inner{
		padding-left:10px;
		padding-right:10px;

		column-gap:6px;
	}


	.ms-footer-v2-col h3,
	.ms-footer-v2-help h3{
		font-size:8px;
	}


	.ms-footer-v2-col a,
	.ms-footer-v2-help a{
		font-size:9.5px;
	}

}


/* =========================================================
   TABLET
========================================================= */

@media(min-width:620px){

	.ms-footer-v2-inner{
		padding:
			48px
			24px
			40px;

		column-gap:45px;
	}


	.ms-footer-v2-brand{
		margin-bottom:8px;
	}


	.ms-footer-v2-col h3,
	.ms-footer-v2-help h3{
		font-size:10px;
	}


	.ms-footer-v2-col a,
	.ms-footer-v2-help a{
		font-size:12px;

		min-height:28px;
	}


	.ms-footer-v2-bottom-inner{
		padding:
			17px
			24px;

		flex-direction:row;

		align-items:center;
		justify-content:space-between;

		gap:30px;
	}

}


/* =========================================================
   DESKTOP
========================================================= */

@media(min-width:900px){

	.ms-footer-v2-inner{
		padding:
			55px
			24px
			46px;

		column-gap:70px;
	}


	.ms-footer-v2-logo{
		font-size:25px;
	}


	.ms-footer-v2-brand p{
		font-size:13px;
	}


	.ms-footer-v2-col a,
	.ms-footer-v2-help a{
		font-size:13px;
	}

}



/* =========================================================
   MULLEINSMOKING — MOBILE FIRST HARDENING V1
   PRIMARY TARGET: 360–430PX
========================================================= */


/* =========================================================
   GLOBAL SAFETY
========================================================= */

html,
body{
	max-width:100%;
	overflow-x:hidden;
}


*,
*::before,
*::after{
	box-sizing:border-box;
}


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


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){


	/* -----------------------------------------------------
	   GLOBAL TYPOGRAPHY
	----------------------------------------------------- */

	body{
		overflow-x:hidden;
	}


	.entry-content{
		overflow-x:hidden;
	}


	h1,
	h2,
	h3{
		overflow-wrap:break-word;
	}


	/* -----------------------------------------------------
	   HOMEPAGE HERO
	----------------------------------------------------- */

	.ms-home-hero{
		overflow:hidden;
	}


	.ms-home-hero img{
		max-width:100%;
		height:auto;
	}


	/* -----------------------------------------------------
	   SMOKE VS VAPOR
	   Convert comparison table into mobile cards
	----------------------------------------------------- */

	.ms-home-compare-table-v2{
		width:100%;

		overflow:visible !important;

		border:0 !important;

		box-shadow:none !important;

		background:transparent !important;
	}


	.ms-home-compare-table-v2
	.ms-home-compare-title{
		display:none !important;
	}


	.ms-home-compare-table-v2
	.ms-home-compare-row:not(.ms-home-compare-title){

		width:100%;

		min-width:0 !important;

		margin-bottom:12px;

		display:grid !important;

		grid-template-columns:
			repeat(2,minmax(0,1fr));

		border:
			1px solid
			#dfe6e1;

		border-radius:10px;

		overflow:hidden;

		background:#fff;
	}


	.ms-home-compare-table-v2
	.ms-home-compare-row:not(.ms-home-compare-title)
	> div{

		min-width:0;

		padding:
			13px
			12px !important;

		font-size:12px !important;

		line-height:1.5;

		border:0 !important;
	}


	/* Row title */
	.ms-home-compare-table-v2
	.ms-home-compare-row:not(.ms-home-compare-title)
	> div:first-child{

		grid-column:1 / -1;

		padding:
			10px
			12px !important;

		background:#f1f6f2;

		color:#173f32;

		font-size:11px !important;

		border-bottom:
			1px solid
			#dfe6e1 !important;
	}


	/* Two comparison values */
	.ms-home-compare-table-v2
	.ms-home-compare-row:not(.ms-home-compare-title)
	> div:nth-child(2){

		border-right:
			1px solid
			#e2e8e3 !important;
	}


	.ms-home-compare-table-v2
	.ms-home-compare-row:not(.ms-home-compare-title)
	> div:nth-child(2)::before{

		content:"Dried Mullein";

		display:block;

		margin-bottom:6px;

		color:#87928b;

		font-size:8px;

		font-weight:800;

		letter-spacing:.08em;

		text-transform:uppercase;
	}


	.ms-home-compare-table-v2
	.ms-home-compare-row:not(.ms-home-compare-title)
	> div:nth-child(3)::before{

		content:"Vapor Format";

		display:block;

		margin-bottom:6px;

		color:#4f7c63;

		font-size:8px;

		font-weight:800;

		letter-spacing:.08em;

		text-transform:uppercase;
	}


	/* -----------------------------------------------------
	   COMPARE CTA
	----------------------------------------------------- */

	.ms-home-compare-cta{
		width:100%;

		margin-top:25px;

		padding:
			20px
			16px !important;

		gap:17px;
	}


	.ms-home-compare-cta-copy h3{
		font-size:20px;
	}


	.ms-home-compare-cta-action{
		width:100%;
	}


	.ms-home-compare-cta-action .ms-home-btn{
		width:100%;

		min-height:48px;

		display:flex;

		align-items:center;
		justify-content:center;
	}


	/* -----------------------------------------------------
	   GUIDES HUB
	----------------------------------------------------- */

	.ms-home-guides-grid{
		grid-template-columns:1fr !important;
	}


	.ms-home-guide-card{
		width:100%;

		min-width:0;

		padding:
			21px
			15px !important;
	}


	.ms-home-guide-card h3{
		font-size:18px !important;
	}


	/* -----------------------------------------------------
	   NEWSLETTER
	----------------------------------------------------- */

	.ms-home-newsletter-inner{
		width:100%;

		grid-template-columns:1fr !important;

		gap:23px !important;
	}


	.ms-newsletter-form{
		width:100%;

		grid-template-columns:1fr !important;
	}


	.ms-newsletter-form input[type="email"],
	.ms-newsletter-form button{
		width:100% !important;

		min-height:50px;
	}


	/* -----------------------------------------------------
	   CONTACT
	----------------------------------------------------- */

	.ms-contact-grid{
		width:100%;

		grid-template-columns:1fr !important;

		gap:34px !important;
	}


	.ms-contact-form-card{
		width:100%;

		padding:
			20px
			15px !important;
	}


	.ms-contact-field input,
	.ms-contact-field select{

		min-height:48px;
	}


	.ms-contact-submit{
		min-height:50px;
	}


	/* -----------------------------------------------------
	   POLICY PAGES
	----------------------------------------------------- */

	.ms-policy-layout{
		width:100%;

		grid-template-columns:1fr !important;

		gap:28px !important;
	}


	.ms-policy-nav{
		position:static !important;

		width:100%;

		grid-template-columns:
			repeat(2,minmax(0,1fr)) !important;
	}


	.ms-policy-body{
		width:100%;
		max-width:none !important;
	}


	.ms-policy-body h2{
		font-size:23px;
	}


	.ms-policy-body p,
	.ms-policy-body li{
		font-size:13px;

		line-height:1.72;
	}


	/* -----------------------------------------------------
	   PURE MATE PRODUCT PAGE
	----------------------------------------------------- */

	.single-product.postid-19
	div.product{

		width:100%;

		overflow:hidden;
	}


	.single-product.postid-19
	div.product
	.woocommerce-product-gallery,

	.single-product.postid-19
	div.product
	.summary.entry-summary{

		width:100% !important;

		max-width:100% !important;

		float:none !important;

		margin-left:0 !important;

		margin-right:0 !important;
	}


	.single-product.postid-19
	div.product
	.summary.entry-summary{

		position:static !important;

		top:auto !important;
	}


	.single-product.postid-19
	.product_title{

		font-size:
			clamp(
				30px,
				9vw,
				38px
			) !important;

		line-height:1.07 !important;
	}


	/* Pack cards */
	.single-product.postid-19
	.ms-pack-selector{

		display:grid !important;

		grid-template-columns:1fr !important;

		gap:9px !important;

		width:100%;
	}


	.single-product.postid-19
	.ms-pack-selector > *{

		width:100% !important;

		min-width:0 !important;
	}


	/* Quantity + add to cart */
	.single-product.postid-19
	.woocommerce-variation-add-to-cart{

		width:100%;

		display:grid !important;

		grid-template-columns:1fr !important;

		gap:9px;
	}


	.single-product.postid-19
	.quantity{

		width:100% !important;

		margin:0 !important;
	}


	.single-product.postid-19
	.quantity input.qty{

		width:100% !important;

		min-height:48px;
	}


	.single-product.postid-19
	.single_add_to_cart_button{

		width:100% !important;

		min-height:52px !important;

		margin:0 !important;
	}


	/* -----------------------------------------------------
	   FOOTER — KEEP TRUE 3 COLUMNS
	----------------------------------------------------- */

	.ms-footer-v2-inner{

		grid-template-columns:
			repeat(3,minmax(0,1fr))
			!important;

		column-gap:8px !important;
	}


	.ms-footer-v2-brand{

		grid-column:
			1 / -1 !important;
	}


	.ms-footer-v2-col,
	.ms-footer-v2-help{

		grid-column:
			auto !important;

		min-width:0;
	}


	.ms-footer-v2-col a,
	.ms-footer-v2-help a{

		overflow-wrap:anywhere;
	}

}


/* =========================================================
   SMALL PHONES — 430PX AND BELOW
========================================================= */

@media(max-width:430px){

	.ms-home-guides,
	.ms-home-newsletter,
	.ms-contact-main,
	.ms-policy-content{

		padding-left:14px !important;
		padding-right:14px !important;
	}


	.ms-policy-nav{

		grid-template-columns:
			repeat(2,minmax(0,1fr))
			!important;

		font-size:11px;
	}


	.ms-footer-v2-inner{

		padding-left:10px !important;
		padding-right:10px !important;

		column-gap:6px !important;
	}

}


/* =========================================================
   VERY SMALL PHONES — 360PX
========================================================= */

@media(max-width:360px){

	.ms-footer-v2-col h3,
	.ms-footer-v2-help h3{

		font-size:7.8px !important;
	}


	.ms-footer-v2-col a,
	.ms-footer-v2-help a{

		font-size:9px !important;
	}


	.ms-policy-nav{

		grid-template-columns:1fr !important;
	}

}

/* =========================================================
   MULLEINSMOKING — SEO GUIDE PAGE V1
   MOBILE FIRST: 360–430PX PRIMARY
========================================================= */
.ms-guide-page .entry-header{display:none!important}
.ms-guide-page .site-content{padding-top:0!important}
.ms-guide-page .entry-content{margin-top:0!important}
.ms-guide-page-wrap{width:100%;overflow:hidden;background:#fff}
.ms-guide-shell{width:100%;max-width:1160px;margin:0 auto;padding:0 16px}
.ms-guide-eyebrow{display:block;margin:0 0 10px;color:#4f7b62;font-size:9px;font-weight:850;letter-spacing:1.35px}
.ms-guide-hero{padding:42px 0 46px;background:linear-gradient(135deg,#f7f4eb,#edf4ed)}
.ms-guide-hero .ms-guide-shell{display:grid;gap:24px}
.ms-guide-hero h1{margin:0;color:#173f32;font-size:clamp(38px,11vw,50px);line-height:1;font-weight:800;letter-spacing:-.05em}
.ms-guide-hero h1 span{display:block;margin-top:8px;color:#456351;font-size:.56em;line-height:1.15;letter-spacing:-.025em}
.ms-guide-lead{margin:18px 0 0;color:#627169;font-size:14px;line-height:1.72}
.ms-guide-hero img{display:block;width:100%;margin-top:24px;aspect-ratio:4/3;object-fit:cover;border-radius:14px}
.ms-guide-section{padding:52px 0}
.ms-guide-soft{background:#f6f9f6}
.ms-guide-section h2,.ms-guide-product-cta h2{margin:0 0 18px;color:#173f32;font-size:clamp(29px,8vw,40px);line-height:1.08;letter-spacing:-.04em}
.ms-guide-section p{margin:0 0 15px;color:#66736c;font-size:14px;line-height:1.76}
.ms-guide-section p:last-child{margin-bottom:0}
.ms-guide-cards{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}
.ms-guide-card{padding:20px 17px;border:1px solid #dce5de;border-radius:10px;background:#fff}
.ms-guide-card>strong{display:block;margin-bottom:14px;color:#83a18e;font-size:9px;letter-spacing:1px}
.ms-guide-card h3{margin:0 0 7px;color:#254737;font-size:18px;line-height:1.2}
.ms-guide-card p{font-size:12px;line-height:1.65}
.ms-guide-note{margin-top:20px!important;padding:15px 16px;border-radius:8px;background:#edf4ee;color:#607267!important;font-size:11px!important;line-height:1.65!important}
.ms-guide-compare{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}
.ms-guide-compare>div{padding:18px 16px;border:1px solid #dce5de;border-radius:10px;background:#fff}
.ms-guide-compare strong{display:block;margin-bottom:12px;color:#244737;font-size:15px}
.ms-guide-compare p{position:relative;margin:0!important;padding:9px 0 9px 14px;border-top:1px solid #edf1ee;font-size:12px!important;line-height:1.5!important}
.ms-guide-compare p:before{content:"";position:absolute;left:0;top:15px;width:5px;height:5px;border-radius:50%;background:#70917d}
.ms-guide-faq{display:grid;gap:8px;margin-top:22px}
.ms-guide-faq details{border:1px solid #dde5df;border-radius:9px;background:#fff}
.ms-guide-faq summary{padding:15px 14px;color:#244636;font-size:13px;font-weight:750;line-height:1.4;cursor:pointer}
.ms-guide-faq details p{margin:0!important;padding:0 14px 15px;color:#6e7a73;font-size:12px!important;line-height:1.7!important}
.ms-guide-product-cta{padding:48px 0;background:#173f32}
.ms-guide-product-cta .ms-guide-eyebrow{color:#9fc4ac}
.ms-guide-product-cta h2{color:#fff}
.ms-guide-product-cta p{margin:0 0 15px;color:#cad8cf;font-size:13px;line-height:1.7}
.ms-guide-btn-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin-top:20px;padding:0 18px;border-radius:7px;background:#f4f7f4;color:#173f32!important;font-size:12px;font-weight:800;text-decoration:none!important}
.ms-guide-bottom-note{padding:25px 0;background:#0f2d24}
.ms-guide-bottom-note p{margin:0 0 7px;color:#8fa79a;font-size:10px;line-height:1.65}
.ms-guide-bottom-note a{color:#c5d8cc!important;font-size:10px}
@media(max-width:430px){
  .ms-guide-shell{padding-left:14px;padding-right:14px}
  .ms-guide-section{padding:46px 0}
  .ms-guide-hero{padding:38px 0 42px}
}
@media(max-width:360px){
  .ms-guide-shell{padding-left:12px;padding-right:12px}
  .ms-guide-hero h1{font-size:36px}
}
@media(min-width:768px){
  .ms-guide-shell{padding-left:24px;padding-right:24px}
  .ms-guide-hero{padding:70px 0}
  .ms-guide-hero .ms-guide-shell{grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);align-items:center;gap:56px}
  .ms-guide-hero img{margin-top:0}
  .ms-guide-section{padding:76px 0}
  .ms-guide-section .ms-guide-shell{max-width:900px}
  .ms-guide-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .ms-guide-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .ms-guide-product-cta .ms-guide-shell{max-width:900px}
  .ms-guide-btn-primary{width:auto;display:inline-flex;min-width:190px}
}


/* =========================================================
   MULLEINSMOKING — RELATED GUIDES FIX V1
========================================================= */

.ms-guide-page-wrap .ms-guide-section:last-of-type .ms-guide-cards{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
}

.ms-guide-page-wrap .ms-guide-section:last-of-type .ms-guide-card{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  height:100% !important;
  margin:0 !important;
  padding:22px !important;
  box-sizing:border-box !important;
  text-decoration:none !important;
}

.ms-guide-page-wrap .ms-guide-section:last-of-type .ms-guide-card::before,
.ms-guide-page-wrap .ms-guide-section:last-of-type .ms-guide-card::after{
  display:none !important;
  content:none !important;
}

.ms-guide-page-wrap .ms-guide-section:last-of-type .ms-guide-card h3{
  margin:0 0 9px !important;
}

.ms-guide-page-wrap .ms-guide-section:last-of-type .ms-guide-card p{
  margin:0 !important;
}

@media (max-width:767px){

  .ms-guide-page-wrap .ms-guide-section:last-of-type .ms-guide-cards{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .ms-guide-page-wrap .ms-guide-section:last-of-type .ms-guide-card{
    padding:18px !important;
  }

}



/* =========================================================
   MULLEINSMOKING — RELATED GUIDES ISOLATED V2
========================================================= */

.ms-related-guides-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
  width:100% !important;
  margin-top:18px !important;
}

.ms-related-guide-card{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:20px !important;
  border:1px solid #dfe7e2 !important;
  border-radius:10px !important;
  background:#fff !important;
  box-sizing:border-box !important;
  text-decoration:none !important;
  color:#173f32 !important;
  position:relative !important;
  overflow:hidden !important;
}

.ms-related-guide-card::before,
.ms-related-guide-card::after{
  display:none !important;
  content:none !important;
}

.ms-related-guide-card h3{
  margin:0 0 8px !important;
  font-size:18px !important;
  line-height:1.25 !important;
  color:#173f32 !important;
}

.ms-related-guide-card p{
  margin:0 !important;
  font-size:14px !important;
  line-height:1.55 !important;
  color:#65736c !important;
}

@media(max-width:767px){

  .ms-related-guides-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .ms-related-guide-card{
    padding:16px !important;
    min-height:auto !important;
  }

  .ms-related-guide-card h3{
    font-size:17px !important;
  }

  .ms-related-guide-card p{
    font-size:13px !important;
  }

}



/* =========================================================
   MULLEINSMOKING — RELATED GUIDES CLEAN V3
========================================================= */

.ms-guide-page-wrap .ms-related-clean{
  width:100%;
}

.ms-guide-page-wrap .ms-related-clean-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
  margin-top:18px !important;
}

.ms-guide-page-wrap .ms-related-clean-grid::before,
.ms-guide-page-wrap .ms-related-clean-grid::after{
  content:none !important;
  display:none !important;
}

.ms-guide-page-wrap .ms-related-clean-card{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #dfe7e2 !important;
  border-radius:10px !important;
  background:#fff !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.ms-guide-page-wrap .ms-related-clean-card::before,
.ms-guide-page-wrap .ms-related-clean-card::after{
  content:none !important;
  display:none !important;
}

.ms-guide-page-wrap .ms-related-clean-card > a{
  display:block !important;
  width:100% !important;
  height:100% !important;
  padding:20px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  text-decoration:none !important;
  color:#173f32 !important;
  background:transparent !important;
}

.ms-guide-page-wrap .ms-related-clean-card > a::before,
.ms-guide-page-wrap .ms-related-clean-card > a::after{
  content:none !important;
  display:none !important;
}

.ms-guide-page-wrap .ms-related-clean-card strong{
  display:block !important;
  margin:0 0 8px !important;
  font-size:17px !important;
  line-height:1.3 !important;
  color:#173f32 !important;
}

.ms-guide-page-wrap .ms-related-clean-card span{
  display:block !important;
  font-size:13px !important;
  line-height:1.55 !important;
  color:#66736d !important;
}


@media(max-width:767px){

  .ms-guide-page-wrap .ms-related-clean-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .ms-guide-page-wrap .ms-related-clean-card > a{
    padding:17px 18px !important;
  }

  .ms-guide-page-wrap .ms-related-clean-card strong{
    font-size:17px !important;
  }

  .ms-guide-page-wrap .ms-related-clean-card span{
    font-size:14px !important;
  }

}



/* =========================================================
   MULLEINSMOKING — GUIDE VISUAL V1
========================================================= */

.ms-guide-page-wrap .ms-guide-visual{
  padding-top:0 !important;
  padding-bottom:12px !important;
}

.ms-guide-page-wrap .ms-guide-visual figure{
  margin:0 !important;
  width:100%;
  overflow:hidden;
  border-radius:14px;
  background:#f3f5ef;
}

.ms-guide-page-wrap .ms-guide-visual img{
  display:block;
  width:100%;
  height:auto;
  max-height:520px;
  object-fit:cover;
}

@media(max-width:767px){

  .ms-guide-page-wrap .ms-guide-visual{
    padding-bottom:6px !important;
  }

  .ms-guide-page-wrap .ms-guide-visual figure{
    border-radius:10px;
  }

  .ms-guide-page-wrap .ms-guide-visual img{
    aspect-ratio:4/3;
    object-fit:cover;
  }

}



/* =========================================================
   MULLEINSMOKING — GUIDES HUB V2
   STRONG OVERRIDE / MOBILE FIRST
========================================================= */

.ms-guides-hub{
  width:100% !important;
}


/* ---------- section ---------- */

.ms-hub-section{
  width:100% !important;
  padding:48px 20px !important;
  box-sizing:border-box !important;
}

.ms-hub-section:nth-of-type(even){
  background:#f7f8f3 !important;
}

.ms-hub-section .ms-guide-shell{
  max-width:980px !important;
  margin:0 auto !important;
}

.ms-hub-section .ms-guide-eyebrow{
  display:block !important;
  margin-bottom:8px !important;
  font-size:11px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
  letter-spacing:1.6px !important;
  text-transform:uppercase !important;
  color:#4d7a63 !important;
}

.ms-hub-section h2{
  margin:0 0 24px !important;
  font-size:30px !important;
  line-height:1.15 !important;
  color:#173f32 !important;
}


/* ---------- grid ---------- */

.ms-hub-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}


/* ---------- card ---------- */

.ms-hub-card{
  display:block !important;
  position:relative !important;

  width:100% !important;
  min-width:0 !important;

  margin:0 !important;
  padding:20px !important;

  border:1px solid #dde5df !important;
  border-radius:14px !important;

  background:#ffffff !important;

  color:#173f32 !important;
  text-decoration:none !important;

  box-sizing:border-box !important;
  overflow:hidden !important;

  box-shadow:0 3px 14px rgba(23,63,50,.035) !important;
}


/* kill old pseudo-elements */

.ms-hub-card::before,
.ms-hub-card::after{
  content:none !important;
  display:none !important;
}


/* number */

.ms-hub-card > span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:auto !important;
  min-width:32px !important;
  height:26px !important;

  margin:0 0 14px !important;
  padding:0 10px !important;

  border-radius:999px !important;

  background:#edf4ef !important;
  color:#3f755b !important;

  font-size:10px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.6px !important;
}


/* title */

.ms-hub-card h3{
  margin:0 0 9px !important;

  font-size:19px !important;
  line-height:1.25 !important;
  font-weight:650 !important;

  color:#173f32 !important;

  text-decoration:none !important;
}


/* description */

.ms-hub-card p{
  margin:0 !important;

  font-size:14px !important;
  line-height:1.55 !important;

  color:#66736d !important;

  text-decoration:none !important;
}


/* ---------- mobile ---------- */

@media(max-width:767px){

  .ms-hub-section{
    padding:38px 16px !important;
  }

  .ms-hub-section h2{
    margin-bottom:18px !important;
    font-size:26px !important;
  }

  .ms-hub-grid{
    gap:12px !important;
  }

  .ms-hub-card{
    padding:18px !important;
    border-radius:12px !important;
  }

  .ms-hub-card h3{
    font-size:18px !important;
  }

  .ms-hub-card p{
    font-size:14px !important;
  }

}


/* ---------- tablet ---------- */

@media(min-width:768px){

  .ms-hub-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
  }

}


/* ---------- desktop ---------- */

@media(min-width:1050px){

  .ms-hub-section{
    padding:64px 24px !important;
  }

  .ms-hub-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
  }

  .ms-hub-card{
    padding:22px !important;
    transition:
      transform .18s ease,
      box-shadow .18s ease,
      border-color .18s ease !important;
  }

  .ms-hub-card:hover{
    transform:translateY(-3px) !important;
    border-color:#cbd9d0 !important;
    box-shadow:0 12px 28px rgba(23,63,50,.08) !important;
  }

}


/* ---------- last product intro ---------- */

.ms-guides-hub > .ms-guide-section:not(.ms-guide-visual){
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}



/* =========================================================
   MULLEINSMOKING — GUIDES PAGE REBUILD V1
   MOBILE FIRST
========================================================= */

body.ms-guides-hub-page .site-content,
body.ms-guides-hub-page .entry-content,
body.ms-guides-hub-page .post-content{
  width:100%;
}

.ms-guides-v2{
  --ms-green:#173f32;
  --ms-green-2:#2f6a53;
  --ms-text:#58655f;
  --ms-border:#dfe7e2;
  --ms-soft:#f6f7f3;
  --ms-soft-2:#eef3ee;
  --ms-white:#ffffff;
}

.ms-guides-shell{
  width:100%;
  max-width:1120px;
  margin:0 auto;
  padding:0 18px;
  box-sizing:border-box;
}


/* hero */

.ms-guides-hero{
  padding:28px 0 22px;
}

.ms-guides-hero-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  align-items:center;
}

.ms-guides-hero-copy{
  background:#f2f5ef;
  border-radius:18px;
  padding:26px 22px;
}

.ms-guides-eyebrow{
  display:block;
  margin:0 0 10px;
  font-size:11px;
  line-height:1.3;
  font-weight:700;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#4c7a62;
}

.ms-guides-hero-copy h1{
  margin:0 0 12px;
  font-size:38px;
  line-height:1.02;
  color:var(--ms-green);
}

.ms-guides-hero-copy p{
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:var(--ms-text);
}

.ms-guides-hero-image img{
  display:block;
  width:100%;
  border-radius:18px;
}


/* intro */

.ms-guides-intro{
  padding:10px 0 24px;
}

.ms-guides-intro-box{
  max-width:860px;
  background:var(--ms-white);
  border:1px solid var(--ms-border);
  border-radius:16px;
  padding:18px 18px;
}

.ms-guides-intro-box strong{
  display:block;
  margin:0 0 8px;
  color:var(--ms-green);
  font-size:16px;
}

.ms-guides-intro-box p{
  margin:0;
  color:var(--ms-text);
  line-height:1.7;
  font-size:14px;
}


/* groups */

.ms-guides-group{
  padding:26px 0;
}

.ms-guides-group--alt{
  background:var(--ms-soft);
}

.ms-guides-group h2{
  margin:0 0 18px;
  font-size:30px;
  line-height:1.14;
  color:var(--ms-green);
}


/* grid */

.ms-guides-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}


/* card */

.ms-guides-card{
  display:block;
  text-decoration:none !important;
  background:var(--ms-white);
  border:1px solid var(--ms-border);
  border-radius:16px;
  padding:18px;
  box-sizing:border-box;
  box-shadow:0 6px 18px rgba(23,63,50,.04);
  transition:all .2s ease;
}

.ms-guides-card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(23,63,50,.08);
  border-color:#cfd9d2;
}

.ms-guides-card::before,
.ms-guides-card::after{
  content:none !important;
  display:none !important;
}

.ms-guides-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  height:28px;
  padding:0 10px;
  margin:0 0 12px;
  border-radius:999px;
  background:var(--ms-soft-2);
  color:var(--ms-green-2);
  font-size:11px;
  font-weight:700;
  line-height:1;
}

.ms-guides-card h3{
  margin:0 0 8px;
  font-size:20px;
  line-height:1.25;
  color:var(--ms-green);
}

.ms-guides-card p{
  margin:0;
  font-size:14px;
  line-height:1.65;
  color:var(--ms-text);
}


/* cta */

.ms-guides-cta{
  padding:34px 0 18px;
}

.ms-guides-cta-box{
  background:linear-gradient(135deg,#14372d 0%, #1c4e3e 100%);
  border-radius:18px;
  padding:24px 20px;
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}

.ms-guides-cta-box .ms-guides-eyebrow{
  color:#b7d4c4;
}

.ms-guides-cta-copy h2{
  margin:0 0 12px;
  color:#fff;
  font-size:30px;
  line-height:1.14;
}

.ms-guides-cta-copy p{
  margin:0 0 12px;
  color:rgba(255,255,255,.86);
  font-size:14px;
  line-height:1.75;
}

.ms-guides-cta-copy a{
  color:#d7f3df;
  text-decoration:underline;
}

.ms-guides-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  border-radius:12px;
  background:#ffffff;
  color:var(--ms-green) !important;
  text-decoration:none !important;
  font-weight:700;
  width:100%;
  box-sizing:border-box;
}


/* disclaimer */

.ms-guides-disclaimer{
  padding:18px 0 40px;
}

.ms-guides-disclaimer p{
  max-width:920px;
  margin:0;
  font-size:13px;
  line-height:1.8;
  color:#6d7872;
}


/* tablet */

@media (min-width: 768px){

  .ms-guides-shell{
    padding:0 24px;
  }

  .ms-guides-hero{
    padding:34px 0 28px;
  }

  .ms-guides-hero-copy{
    padding:34px 30px;
  }

  .ms-guides-hero-copy h1{
    font-size:54px;
  }

  .ms-guides-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }

  .ms-guides-cta-box{
    padding:30px 28px;
  }

  .ms-guides-button{
    width:auto;
    min-width:280px;
  }

}


/* desktop */

@media (min-width: 1024px){

  .ms-guides-shell{
    padding:0 28px;
  }

  .ms-guides-hero-grid{
    grid-template-columns:1.05fr .95fr;
    gap:24px;
  }

  .ms-guides-hero-copy h1{
    font-size:62px;
  }

  .ms-guides-group{
    padding:34px 0;
  }

  .ms-guides-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
  }

  .ms-guides-cta-box{
    grid-template-columns:1.5fr auto;
    align-items:center;
  }

}


/* narrow mobile */

@media (max-width: 480px){

  .ms-guides-hero-copy h1{
    font-size:34px;
  }

  .ms-guides-group h2,
  .ms-guides-cta-copy h2{
    font-size:26px;
  }

  .ms-guides-card h3{
    font-size:18px;
  }

}



/* =========================================================
   MULLEINSMOKING — LIBRARY HUB CLEAN V1
   UNIQUE NAMESPACE
========================================================= */

.mslib-page{
  --green:#173f32;
  --green2:#356b54;
  --text:#65716b;
  --border:#dfe6e1;
  --soft:#f5f6f1;
  --sage:#eaf2ec;
  --white:#fff;

  width:100%;
}

.mslib-wrap{
  width:100%;
  max-width:1120px;
  margin:0 auto;
  padding:0 18px;
  box-sizing:border-box;
}

.mslib-kicker{
  display:block;
  margin:0 0 10px;
  font-size:10px;
  line-height:1.3;
  letter-spacing:1.5px;
  font-weight:700;
  color:#4c7b62;
}


/* HERO */

.mslib-hero{
  padding:28px 0 20px;
}

.mslib-hero-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

.mslib-hero-copy{
  padding:25px 21px;
  background:#f0f4ee;
  border-radius:16px;
}

.mslib-hero-copy h1{
  margin:0 0 12px;
  color:var(--green);
  font-size:36px;
  line-height:1.02;
}

.mslib-hero-copy p{
  margin:0;
  color:var(--text);
  font-size:14px;
  line-height:1.7;
}

.mslib-hero-media{
  overflow:hidden;
  border-radius:16px;
}

.mslib-hero-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}


/* INTRO */

.mslib-intro{
  padding:14px 0 24px;
}

.mslib-intro-box{
  padding:17px 18px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
}

.mslib-intro-box strong{
  color:var(--green);
}

.mslib-intro-box p{
  margin:5px 0 0;
  color:var(--text);
  line-height:1.6;
}


/* TOPIC */

.mslib-topic{
  padding:34px 0;
}

.mslib-topic-soft{
  background:var(--soft);
}

.mslib-heading{
  margin-bottom:18px;
}

.mslib-heading h2{
  margin:0;
  color:var(--green);
  font-size:27px;
  line-height:1.15;
}


/* GRID */

.mslib-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:13px !important;
}


/* CARD */

.mslib-card{
  display:flex !important;
  flex-direction:column !important;

  width:100% !important;
  min-width:0 !important;

  padding:19px !important;
  margin:0 !important;

  border:1px solid var(--border) !important;
  border-radius:13px !important;

  background:#fff !important;
  box-shadow:0 5px 16px rgba(23,63,50,.04) !important;

  color:var(--green) !important;
  text-decoration:none !important;

  box-sizing:border-box !important;
}

.mslib-card::before,
.mslib-card::after{
  display:none !important;
  content:none !important;
}

.mslib-tag{
  display:inline-flex !important;
  align-self:flex-start !important;

  width:auto !important;
  height:auto !important;

  padding:6px 9px !important;
  margin:0 0 13px !important;

  border-radius:999px !important;

  background:var(--sage) !important;
  color:var(--green2) !important;

  font-size:9px !important;
  line-height:1 !important;
  letter-spacing:.7px !important;
  font-weight:700 !important;
}

.mslib-card h3{
  margin:0 0 8px !important;

  color:var(--green) !important;

  font-size:18px !important;
  line-height:1.25 !important;
}

.mslib-card p{
  margin:0 0 15px !important;

  color:var(--text) !important;

  font-size:13px !important;
  line-height:1.6 !important;
}

.mslib-card b{
  margin-top:auto !important;
  color:var(--green2) !important;
  font-size:12px !important;
}


/* PRODUCT CTA */

.mslib-product{
  padding:38px 0 20px;
}

.mslib-product-box{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;

  padding:25px 21px;

  border-radius:16px;
  background:#173f32;
}

.mslib-product-box .mslib-kicker{
  color:#b8d5c6;
}

.mslib-product-box h2{
  margin:0 0 10px;
  color:#fff;
  font-size:27px;
  line-height:1.15;
}

.mslib-product-box p{
  margin:0;
  color:rgba(255,255,255,.8);
  line-height:1.65;
}

.mslib-product-btn{
  display:flex;
  align-items:center;
  justify-content:center;

  min-height:48px;
  padding:0 17px;

  border-radius:10px;

  background:#fff;
  color:#173f32 !important;

  font-size:13px;
  font-weight:700;

  text-align:center;
  text-decoration:none !important;
}


/* NOTE */

.mslib-note{
  padding:16px 0 40px;
}

.mslib-note p{
  max-width:900px;
  margin:0;

  color:#738078;
  font-size:12px;
  line-height:1.7;
}


/* TABLET */

@media(min-width:700px){

  .mslib-wrap{
    padding:0 24px;
  }

  .mslib-hero-grid{
    grid-template-columns:1fr 1fr;
    gap:20px;
    align-items:stretch;
  }

  .mslib-hero-copy{
    padding:32px;
  }

  .mslib-hero-copy h1{
    font-size:47px;
  }

  .mslib-grid-3{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .mslib-grid-4{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .mslib-grid-one{
    grid-template-columns:minmax(0,520px) !important;
  }

}


/* DESKTOP */

@media(min-width:1024px){

  .mslib-hero{
    padding:42px 0 28px;
  }

  .mslib-hero-copy h1{
    font-size:54px;
  }

  .mslib-topic{
    padding:46px 0;
  }

  .mslib-grid{
    gap:18px !important;
  }

  .mslib-card{
    padding:22px !important;
    transition:.18s ease !important;
  }

  .mslib-card:hover{
    transform:translateY(-3px) !important;
    box-shadow:0 13px 30px rgba(23,63,50,.08) !important;
  }

  .mslib-product-box{
    grid-template-columns:1.5fr auto;
    align-items:center;
    padding:32px;
  }

  .mslib-product-btn{
    min-width:285px;
  }

}


/* SMALL MOBILE */

@media(max-width:420px){

  .mslib-hero-copy h1{
    font-size:32px;
  }

  .mslib-heading h2,
  .mslib-product-box h2{
    font-size:24px;
  }

}



/* =========================================================
   MULLEINSMOKING — HOME VIEW ALL GUIDES V1
========================================================= */

.ms-home-guides-all{
  display:flex;
  justify-content:center;
  margin-top:30px;
}

.ms-home-guides-all-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  min-height:48px;
  padding:0 22px;

  border:1px solid #173f32;
  border-radius:10px;

  background:#173f32;
  color:#ffffff !important;

  font-size:14px;
  line-height:1;
  font-weight:700;

  text-decoration:none !important;

  transition:
    transform .18s ease,
    background .18s ease;
}

.ms-home-guides-all-btn:hover{
  background:#235541;
  transform:translateY(-1px);
}

.ms-home-guides-all-btn span{
  font-size:18px;
  line-height:1;
}


@media(max-width:767px){

  .ms-home-guides-all{
    margin-top:22px;
  }

  .ms-home-guides-all-btn{
    width:100%;
    min-height:50px;
    padding:0 18px;
  }

}