/**
 * sections.css
 * WHAT: Home sections (trust boxes, categories, duo banners, why choose, reviews, Google reviews, Instagram, newsletter). Also used by the Elementor shortcodes.
 * NOTE: Markup: template-parts/sections/*.php.
 * Loaded by inc/assets.php (order matters: later files may override earlier ones).
 */

 .hn-cats a > span:last-child {
	background: #16371f12;
	padding: 5px 10px;
	border-radius: 999px;
	border: 2px solid #ebddd8;
}

/*.hn-cats a > span:last-child {*/
/*	display: inline-block;*/
/*	padding: 5px 12px;*/
/*	border-radius: 6px;*/

	/* Gradient background */
/*	background: linear-gradient(135deg, #fff0ec, #fff5df);*/

	/* Gradient text */
/*	color: #e75844;*/
/*	background-image:*/
/*		linear-gradient(135deg, #fff0ec, #fff5df),*/
/*		linear-gradient(135deg, #e75844, #f3ae53);*/
/*	background-origin: padding-box, border-box;*/
/*}*/



/* Different light color for each category */
/* .hn-cats li:nth-child(1) a > span:last-child { background:#fff1ee; }
.hn-cats li:nth-child(2) a > span:last-child { background:#eef7ff; }
.hn-cats li:nth-child(3) a > span:last-child { background:#fff8df; }
.hn-cats li:nth-child(4) a > span:last-child { background:#effaf1; }
.hn-cats li:nth-child(5) a > span:last-child { background:#f6efff; }
.hn-cats li:nth-child(6) a > span:last-child { background:#fff0f6; }
.hn-cats li:nth-child(7) a > span:last-child { background:#edf9f5; }
.hn-cats li:nth-child(8) a > span:last-child { background:#f2f1ff; }
.hn-cats li:nth-child(9) a > span:last-child { background:#fff4e8; } */


.hn-trust{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:14px;
	margin-block:22px;
}
.hn-trust>div{
	display:flex;
	align-items:center;
	gap:14px;
	background:var(--green-l);
	border-radius:var(--r);
	padding:16px 18px;
}
.hn-trust__ic{
	display:grid;
	place-items:center;
	width:52px;
	height:52px;
	border-radius:50%;
	background:var(--green-l2);
	color:var(--green-d);
}
.hn-trust p{
	margin:0;
	display:flex;
	flex-direction:column;
	font-size:15px;
}
.hn-trust small{
	color:var(--muted);
	font-size:13px;
}
.hn-sec{
	padding-block:34px;
}
.hn-sec__head{
	position:relative;
	text-align:center;
	margin-bottom:26px;
}
.hn-sec__head h2{
	font-size:clamp(24px,3vw,32px);
}
.hn-sec__head p{
	margin:6px 0 0;
	color:var(--muted);
	font-size:15px;
}
.hn-more{
	position:absolute;
	right:0;
	top:8px;
	display:inline-flex;
	align-items:center;
	gap:6px;
	font-size:14px;
	font-weight:600;
	color:var(--green);
}
.hn-cats{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
	gap:22px 14px;
}
.hn-cats a{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:10px;
	font-weight:600;
	font-size:14px;
	text-align:center;
}
.hn-cats__img{
	width:104px;
	height:104px;
	border-radius:50%;
	background:#fff;
	border:3px solid #fff;
	box-shadow:0 0 0 1px var(--line);
	overflow:hidden;
	display:block;
}
.hn-cats__img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.hn-cats a:hover .hn-cats__img{
	box-shadow:0 0 0 2px #ffffff;
}
.hn-cats__img {
	overflow: hidden;
}

.hn-cats__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s ease;
}

.hn-cats a:hover .hn-cats__img img {
	transform: scale(1.12);
}

.hn-cats a:hover .hn-cats__img {
	border: 3px solid transparent;
	background:
		linear-gradient(#fff, #fff) padding-box,
		linear-gradient(135deg, #e75844, #f3ae53) border-box;
}

.hn-chips{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:8px 20px;
	font-size:14px;
}
.hn-duo{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:16px;
	padding-block:20px;
}
.hn-duo a{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:10px;
	padding:34px;
	border-radius:var(--r);
	min-height:200px;
}
.hn-duo p{
	margin:0;
	max-width:300px;
}
.hn-duo__a{
	background:linear-gradient(120deg,var(--orange-soft),var(--orange-soft2));
		background:
		linear-gradient(
			90deg,
			rgba(245, 144, 72, 100),
			rgba(245, 144, 72, 0.40),
			rgba(245, 144, 72, 0.10)
		),
		url("https://papayawhip-swan-832265.hostingersite.com/wp-content/uploads/2026/10/Radiant-Skincare-Moment-with-Hibiscus.png") center/cover no-repeat;
}
.hn-duo__a h2{
	/*color:var(--accent-d);*/
	color:(--green);
	font-weight:900;
	line-height:1.05;
	letter-spacing:-.6px;
    text-shadow: 
    0 2px 2px rgb(255 255 255 / 70%),
    0 5px 12px rgb(255 255 255 / 55%),
    0 10px 25px rgb(255 255 255 / 35%);
}
.hn-duo__b{
	/*background:linear-gradient(120deg,var(--green-2),var(--green));*/
	/*color:#e8f3df;*/
	background:
		linear-gradient(
			90deg,
			rgba(38, 82, 45, 100),
			rgba(38, 82, 45, 0.30),
			rgba(38, 82, 45, 0.35)
		),
		url("https://papayawhip-swan-832265.hostingersite.com/wp-content/uploads/2026/10/Natural-Haircare-Glow-with-Hibiscus-and-Aloe.png") center/cover no-repeat;
	color:#fff;
}

.hn-duo__b h2{
	color:#fff;
	font-weight:900;
	line-height:1.05;
	letter-spacing:-.6px;
	text-shadow:
		0 2px 2px rgba(0,0,0,.7),
		0 5px 12px rgba(0,0,0,.55),
		0 10px 25px rgba(0,0,0,.35);
}

.hn-why{
	display:grid;
	grid-template-columns:repeat(6,1fr);
	gap:14px;
	text-align:center;
	font-size:14px;
	font-weight:500;
}
.hn-why li{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:10px;
}
.hn-why span{
	display:grid;
	place-items:center;
	width:64px;
	height:64px;
	border-radius:50%;
	border:1.5px solid var(--green);
	color:var(--green);
}
.hn-reviews{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:16px;
}
.hn-review{
	margin:0;
	background:#fff;
	border-radius:var(--r);
	padding:20px;
	box-shadow:0 1px 0 var(--line);
}
.hn-review blockquote{
	margin:10px 0;
}
.hn-review p{
	margin:0;
}
.hn-review figcaption{
	font-weight:600;
	font-size:14px;
}
.hn-insta{
	display:grid;
	grid-template-columns:240px 1fr;
	gap:24px;
	align-items:center;
	padding-block:24px;
}
.hn-insta ul{
	display:grid;
	grid-template-columns:repeat(6,1fr);
	gap:10px;
}
.hn-insta img{
	border-radius:10px;
	aspect-ratio:1;
	object-fit:cover;
	width:100%;
}
.hn-insta p{
	color:var(--muted);
	font-size:14px;
}
.hn-news{
	background:var(--orange-soft);
	margin-top:30px;
}
.hn-news__in{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	padding-block:28px;
}
.hn-news h2{
	font-size:24px;
}
.hn-news p{
	margin:4px 0 0;
	font-size:14px;
}
.hn-news__form{
	display:flex;
	flex:1;
	max-width:520px;
	min-width:280px;
	background:#fff;
	border-radius:8px;
	overflow:hidden;
}
.hn-news__form input{
	flex:1;
	border:0;
	padding:12px 16px;
	font:inherit;
	min-width:0;
}
.hn-news__form .hn-btn{
	border-radius:0;
}
@media (max-width:1024px){
	.hn-why{
		grid-template-columns:repeat(3,1fr);
	}
	.hn-insta{
		grid-template-columns:1fr;
	}
	.hn-insta ul{
		grid-template-columns:repeat(3,1fr);
	}
}
@media (max-width:720px){
	/*.hn-trust{*/
	/*	grid-template-columns:1fr 1fr;*/
	/*}*/
	/*.hn-trust>div{*/
	/*	flex-direction:column;*/
	/*	text-align:center;*/
	/*	padding:14px 8px;*/
	/*}*/

    .hn-trust {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: 5px;
    }

    .hn-trust > div {
        flex: 1;
        min-width: 0;
        flex-direction: column;
        text-align: center;
        padding: 14px 4px;
        gap: 10px;
    }
    .hn-trust p {
        font-size: 12px;
    }
    .hn-trust__ic {
    display: grid;
    place-items: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: var(--green-l2);
    color: var(--green-d);
}
.hn-trust small {
    color: var(--muted);
    font-size: 12px;
}

	.hn-duo,.hn-reviews{
		grid-template-columns:1fr;
	}
	.hn-why{
		grid-template-columns:repeat(2,1fr);
	}
	.hn-more{
		position:static;
		display:flex;
		justify-content:center;
		margin-top:8px;
	}
	.hn-cats__img{
		width:80px;
		height:80px;
	}
}
.hn-cats li{
	list-style:none;
}
.hn-cats{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:24px 10px;
}
.hn-cats li{
	width:calc((100% - 6*20px)/10);
	min-width:110px;
}
.hn-cats__img{
	display:grid;
	place-items:center;
	color:var(--green);
	background:radial-gradient(circle at 30% 30%,#fff,var(--green-l));
}
.hn-cats__img img{
	width:100%;
	height:100%;
}
@media (max-width:720px){
	.hn-cats{
		flex-wrap:nowrap;
		justify-content:flex-start;
		overflow-x:auto;
		scrollbar-width:none;
		gap:14px;
	}
	.hn-cats::-webkit-scrollbar{
		display:none;
	}
	.hn-cats li{
		flex:0 0 84px;
		min-width:0;
		width:84px;
	}
	.hn-cats a{
		font-size:12px;
	}
}
.hn-review__top{
	display:flex;
	align-items:center;
	gap:12px;
}
.hn-review__top img{
	border-radius:50%;
}
.hn-review figcaption{
	display:flex;
	flex-direction:column;
	gap:2px;
}
.hn-review figcaption small a{
	color:var(--muted);
	text-decoration:underline;
}
.hn-verified{
	color:var(--green);
	font-size:12px;
	font-weight:600;
}
.hn-gsum{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:10px;
	flex-wrap:wrap;
}
.hn-gsum strong{
	font-size:26px;
	color:var(--ink);
}
.hn-gtag{
	margin-left:auto;
	font-size:12px;
	font-weight:700;
	color:#4285f4;
	letter-spacing:.02em;
}
.hn-review--g figcaption{
	flex-direction:row;
	align-items:center;
	gap:8px;
}
.hn-gact{
	display:flex;
	justify-content:center;
	gap:12px;
	margin:22px 0 0;
	flex-wrap:wrap;
}




/* =========================================================
   PREMIUM CATEGORY GRID
   ========================================================= */

/*.hn-cats {*/
/*    --cat-green: #245c45;*/
/*    --cat-green-dark: #173f30;*/
/*    --cat-gold: #b58a4a;*/
/*    --cat-cream: #faf8f2;*/
/*    --cat-border: rgba(36, 92, 69, .13);*/

/*    display: grid;*/
/*    grid-template-columns: repeat(5, minmax(0, 1fr));*/
/*    gap: 22px;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    list-style: none;*/
/*}*/

/* Card */
/*.hn-cats > li {*/
/*    min-width: 0;*/
/*}*/

/*.hn-cats > li > a {*/
/*    position: relative;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/

/*    min-height: 235px;*/
/*    padding: 26px 18px 24px;*/

/*    color: var(--cat-green-dark);*/
/*    text-decoration: none;*/
/*    text-align: center;*/

/*    background:*/
/*        radial-gradient(*/
/*            circle at 50% 20%,*/
/*            rgba(255,255,255,.95) 0%,*/
/*            rgba(250,248,242,.85) 48%,*/
/*            rgba(244,240,229,.9) 100%*/
/*        );*/

/*    border: 1px solid var(--cat-border);*/
/*    border-radius: 24px;*/

/*    box-shadow:*/
/*        0 8px 25px rgba(31, 68, 51, .055),*/
/*        inset 0 1px 0 rgba(255,255,255,.9);*/

/*    overflow: hidden;*/

/*    transition:*/
/*        transform .35s cubic-bezier(.2,.7,.2,1),*/
/*        box-shadow .35s ease,*/
/*        border-color .35s ease,*/
/*        background .35s ease;*/
/*}*/

/* Subtle luxury glow */
/*.hn-cats > li > a::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 150px;*/
/*    height: 150px;*/
/*    top: -65px;*/
/*    right: -55px;*/

/*    border-radius: 50%;*/

/*    background: rgba(181,138,74,.075);*/

/*    transition:*/
/*        transform .5s ease,*/
/*        background .35s ease;*/
/*}*/

/* Bottom decorative line */
/*.hn-cats > li > a::after {*/
/*    content: "";*/
/*    position: absolute;*/

/*    left: 50%;*/
/*    bottom: 14px;*/

/*    width: 0;*/
/*    height: 1px;*/

/*    background: linear-gradient(*/
/*        90deg,*/
/*        transparent,*/
/*        var(--cat-gold),*/
/*        transparent*/
/*    );*/

/*    transform: translateX(-50%);*/
/*    transition: width .4s ease;*/
/*}*/

/* Hover */
/*.hn-cats > li > a:hover {*/
/*    transform: translateY(-7px);*/

/*    border-color: rgba(181,138,74,.35);*/

/*    background:*/
/*        radial-gradient(*/
/*            circle at 50% 15%,*/
/*            #ffffff 0%,*/
/*            #fbfaf5 45%,*/
/*            #f3eee2 100%*/
/*        );*/

/*    box-shadow:*/
/*        0 18px 42px rgba(31, 68, 51, .13),*/
/*        0 3px 10px rgba(181,138,74,.08);*/
/*}*/

/*.hn-cats > li > a:hover::before {*/
/*    transform: scale(1.35);*/
/*    background: rgba(181,138,74,.11);*/
/*}*/

/*.hn-cats > li > a:hover::after {*/
/*    width: 65px;*/
/*}*/

/* =========================================================
   CATEGORY IMAGE / ICON
   ========================================================= */

/*.hn-cats__img {*/
/*    position: relative;*/
/*    z-index: 1;*/

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

/*    width: 116px;*/
/*    height: 116px;*/

/*    margin-bottom: 18px;*/

/*    border-radius: 50%;*/

/*    background:*/
/*        linear-gradient(*/
/*            145deg,*/
/*            #ffffff 0%,*/
/*            #f5f0e5 100%*/
/*        );*/

/*    border: 1px solid rgba(181,138,74,.22);*/

/*    box-shadow:*/
/*        0 7px 18px rgba(31,68,51,.08),*/
/*        inset 0 0 0 7px rgba(255,255,255,.55),*/
/*        inset 0 0 0 8px rgba(181,138,74,.07);*/

/*    overflow: hidden;*/

/*    transition:*/
/*        transform .4s cubic-bezier(.2,.7,.2,1),*/
/*        box-shadow .4s ease;*/
/*}*/

/* Real category image */
/*.hn-cats__img img {*/
/*    display: block;*/

/*    width: 100%;*/
/*    height: 100%;*/

/*    object-fit: cover;*/

/*    border-radius: 50%;*/

/*    transition:*/
/*        transform .55s cubic-bezier(.2,.7,.2,1),*/
/*        filter .4s ease;*/
/*}*/

/* Existing SVG icons */
/*.hn-cats__img .hn-i {*/
/*    width: 42px;*/
/*    height: 42px;*/

/*    color: var(--cat-green);*/

/*    stroke-width: 1.35;*/

/*    transition:*/
/*        transform .4s ease,*/
/*        color .3s ease;*/
/*}*/

/* Hover image */
/*.hn-cats > li > a:hover .hn-cats__img {*/
/*    transform: translateY(-3px) scale(1.045);*/

/*    box-shadow:*/
/*        0 12px 28px rgba(31,68,51,.13),*/
/*        inset 0 0 0 7px rgba(255,255,255,.65),*/
/*        inset 0 0 0 8px rgba(181,138,74,.12);*/
/*}*/

/*.hn-cats > li > a:hover .hn-cats__img img {*/
/*    transform: scale(1.08);*/
/*}*/

/*.hn-cats > li > a:hover .hn-cats__img .hn-i {*/
/*    color: var(--cat-gold);*/
/*    transform: scale(1.08);*/
/*}*/

/* =========================================================
   CATEGORY NAME
   ========================================================= */

/*.hn-cats > li > a > span:last-child {*/
/*    position: relative;*/
/*    z-index: 2;*/

/*    display: block;*/

/*    margin: 0;*/

/*    color: var(--cat-green-dark);*/

/*    font-family:*/
/*        "Cormorant Garamond",*/
/*        Georgia,*/
/*        serif;*/

/*    font-size: 21px;*/
/*    font-weight: 600;*/

/*    line-height: 1.2;*/
/*    letter-spacing: .015em;*/

/*    transition:*/
/*        color .3s ease,*/
/*        transform .3s ease;*/
/*}*/

/*.hn-cats > li > a:hover > span:last-child {*/
/*    color: var(--cat-green);*/
/*    transform: translateY(-2px);*/
/*}*/

/* Tiny luxury divider */
/*.hn-cats > li > a > span:last-child::after {*/
/*    content: "✦";*/

/*    display: block;*/

/*    margin: 8px auto 0;*/

/*    color: var(--cat-gold);*/

/*    font-family: Georgia, serif;*/
/*    font-size: 10px;*/

/*    opacity: .75;*/
/*}*/

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

/*@media (max-width: 1100px) {*/
/*    .hn-cats {*/
/*        grid-template-columns: repeat(4, minmax(0, 1fr));*/
/*        gap: 18px;*/
/*    }*/

/*    .hn-cats > li > a {*/
/*        min-height: 220px;*/
/*        padding: 22px 14px;*/
/*    }*/

/*    .hn-cats__img {*/
/*        width: 100px;*/
/*        height: 100px;*/
/*        margin-bottom: 15px;*/
/*    }*/

/*    .hn-cats > li > a > span:last-child {*/
/*        font-size: 19px;*/
/*    }*/
/*}*/

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

/*@media (max-width: 720px) {*/
/*    .hn-cats {*/
/*        grid-template-columns: repeat(2, minmax(0, 1fr));*/
/*        gap: 13px;*/
/*    }*/

/*    .hn-cats > li > a {*/
/*        min-height: 190px;*/
/*        padding: 19px 10px 20px;*/
/*        border-radius: 18px;*/
/*    }*/

/*    .hn-cats__img {*/
/*        width: 88px;*/
/*        height: 88px;*/
/*        margin-bottom: 13px;*/
/*    }*/

/*    .hn-cats__img .hn-i {*/
/*        width: 35px;*/
/*        height: 35px;*/
/*    }*/

/*    .hn-cats > li > a > span:last-child {*/
/*        font-size: 17px;*/
/*    }*/

/*    .hn-cats > li > a > span:last-child::after {*/
/*        margin-top: 6px;*/
/*        font-size: 8px;*/
/*    }*/

    /* Keep touch interactions elegant */
/*    .hn-cats > li > a:hover {*/
/*        transform: none;*/
/*    }*/
/*}*/

/* =========================================================
   SMALL PHONES
   ========================================================= */

/*@media (max-width: 380px) {*/
/*    .hn-cats {*/
/*        gap: 10px;*/
/*    }*/

/*    .hn-cats > li > a {*/
/*        min-height: 170px;*/
/*        padding: 16px 8px;*/
/*    }*/

/*    .hn-cats__img {*/
/*        width: 78px;*/
/*        height: 78px;*/
/*    }*/

/*    .hn-cats > li > a > span:last-child {*/
/*        font-size: 16px;*/
/*    }*/
/*}*/

/* =========================================================
   REDUCED MOTION
   ========================================================= */

/*@media (prefers-reduced-motion: reduce) {*/
/*    .hn-cats > li > a,*/
/*    .hn-cats__img,*/
/*    .hn-cats__img img,*/
/*    .hn-cats__img .hn-i,*/
/*    .hn-cats > li > a::before,*/
/*    .hn-cats > li > a::after {*/
/*        transition: none;*/
/*    }*/
/*}*/