/**
 * product.css
 * WHAT: Single product page: gallery (swipe + zoom + arrows), summary, buy box, variation buttons, tabs / mobile accordion, share buttons, meta, sticky bar.
 * NOTE: Markup: woocommerce/content-product-single parts in woocommerce/single-product/*.php.
 * Loaded by inc/assets.php (order matters: later files may override earlier ones).
 */
.hn-page .woocommerce-breadcrumb{
	font-size:13px;
	color:var(--muted);
	margin-bottom:18px;
}
.hn-page .woocommerce-breadcrumb a:hover{
	color:var(--green);
}
.hn-pdp__top{
	display:grid;
	grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
	gap:40px;
	align-items:start;
}
.hn-gallery{
	display:grid;
	grid-template-columns:76px 1fr;
	gap:14px;
	align-items:start;
	position: sticky;
	top: 140px;
}
.hn-gallery:not(:has(.hn-gallery__thumbs)){
	grid-template-columns:1fr;
}
.hn-gallery__thumbs{
	display:flex;
	flex-direction:column;
	gap:10px;
	max-height:min(90vh,550px);
	overflow-y:auto;
	overflow-x:hidden;
	scrollbar-width:none;
	-ms-overflow-style:none;
}

.hn-gallery__thumbs::-webkit-scrollbar{
	display:none;
	width:0;
	height:0;
}

.hn-gallery__thumbs button{
	padding:0;
	border:2px solid transparent;
	border-radius:10px;
	overflow:hidden;
	background:#fff;
	cursor:pointer;
	width:76px;
	height:76px;
}

.hn-gallery__thumbs button.is-on{
	/*border-color:var(--green);*/
    border: 3px solid transparent;
	background:
		linear-gradient(135deg, #e75844, #f3ae53) border-box;
}

/*.hn-gallery__thumbs{*/
/*	display:flex;*/
/*	flex-direction:column;*/
/*	gap:10px;*/
/*	max-height:min(70vh,520px);*/
/*	overflow-y:auto;*/
/*	overflow-x:hidden;*/
/*	scrollbar-width:thin;*/
/*	scrollbar-color:var(--line) transparent;*/
/*	padding-right:4px;*/
/*	overscroll-behavior:contain;*/
/*	scrollbar-gutter:stable;*/
/*}*/
/*.hn-gallery__thumbs::-webkit-scrollbar{width:7px;height:7px;}*/
/*.hn-gallery__thumbs::-webkit-scrollbar-track{background:transparent;}*/
/*.hn-gallery__thumbs::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px;}*/
/*.hn-gallery__thumbs::-webkit-scrollbar-thumb:hover{background:var(--green-l2);}*/
/*.hn-gallery__thumbs button{*/
/*	padding:0;*/
/*	border:2px solid transparent;*/
/*	border-radius:10px;*/
/*	overflow:hidden;*/
/*	background:#fff;*/
/*	cursor:pointer;*/
/*	width:76px;*/
/*	height:76px;*/
/*}*/
/*.hn-gallery__thumbs button.is-on{*/
/*	border-color:var(--green);*/
/*}*/


.hn-gallery__thumbs img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.hn-gallery__main{
	position:relative;
	border-radius:var(--r);
	overflow:hidden;
	background:var(--green-l);
	aspect-ratio:1;
}
.hn-gallery__main img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.hn-benefits{
	grid-column:1/-1;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:8px;
	background:#fff;
	border-radius:var(--r);
	padding:14px;
	font-size:13px;
	text-align:center;
}
.hn-benefits li{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:2px;
	color:var(--green);
}
.hn-benefits strong{
	color:var(--ink);
	font-size:13px;
}
.hn-benefits small{
	color:var(--muted);
}
.hn-brand{
    display: inline-block;
	font-size:14px;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:var(--green);
	margin:0 0 6px;
	padding: 0px 10px;
	border-radius: 10px;
	background: var(--green-l);
	font-weight: 600;
}
.hn-summary__title{
	font-size:clamp(28px,3.4vw,30px);
	margin-bottom:10px;
}
.hn-rating--lg{
	font-size:15px;
	margin:0 0 10px;
}
.hn-rating--lg .hn-stars{
	font-size:18px;
}
.hn-rating-link:hover{
	text-decoration:underline;
}
.hn-price--lg{
	font-size:32px;
	margin:8px 0px 0px 0px;
}
.hn-price--lg del{
	font-size:18px;
}
.hn-off--lg{
	font-size:15px;
	padding:2px 12px;
	border-radius:999px;
	border-color:var(--orange);
	background: #bb2424;
	color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.hn-tax{
	color:var(--muted);
	font-size:13px;
	margin:0 0 12px;
}
.hn-short{
	color:#3d4a3f;
}
.hn-short p{
	margin:8px 0px 0px 0px;
}
.hn-features{
	display:flex;
	flex-wrap:wrap;
	gap:14px 10px;
	margin:16px 0;
}
/*.hn-features li{*/
/*	width:calc(20% - 8px);*/
/*	min-width:84px;*/
/*	display:flex;*/
/*	flex-direction:column;*/
/*	align-items:center;*/
/*	text-align:center;*/
/*	font-size:12px;*/
/*	gap:6px;*/
/*}*/
/*.hn-features span{*/
/*	display:grid;*/
/*	place-items:center;*/
/*	width:52px;*/
/*	height:52px;*/
/*	border-radius:50%;*/
/*	border:1.5px solid var(--green);*/
/*	color:var(--green);*/
/*}*/
.hn-buybox{
	margin-block:18px;
}
.hn-buybox form.cart{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	gap:0px;
}
.hn-buybox .variations{
	width:100%;
	border:0;
	border-collapse:collapse;
	margin:0 0 6px;
}
.hn-buybox .variations th,.hn-buybox .variations td{
	display:block;
	padding:0;
	text-align:left;
}
.hn-buybox .variations label{
	font-weight:600;
	font-size:14px;
}
.hn-buybox .reset_variations{
	font-size:12px;
	color:var(--orange);
}
.hn-buybox .woocommerce-variation-add-to-cart{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	align-items:center;
	width:100%;
}
.hn-buybox .woocommerce-variation-price{
	width:100%;
}
.hn-pills{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin:8px 0;
}
.hn-pill{
	padding:11px 20px;
	border:1.5px solid var(--line);
	background:#fff;
	border-radius:8px;
	font:600 14px var(--sans);
	cursor:pointer;
}
.hn-pill.is-on{
	background:var(--green);
	border-color:var(--green);
	color:#fff;
}
.hn-pill:disabled{
	opacity:.4;
	cursor:not-allowed;
}
.hn-buybox .quantity{
	display:inline-flex;
	align-items:center;
	border:1.5px solid var(--line);
	border-radius:8px;
	background:#fff;
	overflow:hidden;
}
.hn-buybox .quantity input.qty{
	width:48px;
	border:0;
	text-align:center;
	font:600 16px var(--sans);
	padding:12px 0;
	-moz-appearance:textfield;
	background:none;
}
.hn-buybox .quantity input::-webkit-outer-spin-button,.hn-buybox .quantity input::-webkit-inner-spin-button{
	-webkit-appearance:none;
}
.hn-assure{
	display:grid;
	display:none;
	grid-template-columns:repeat(3,1fr);
	gap:10px;
	background:var(--green-l);
	border-radius:var(--r);
	padding:14px;
}
.hn-assure li{
	display:flex;
	gap:10px;
	align-items:center;
	color:var(--green);
}
.hn-assure span{
	display:flex;
	flex-direction:column;
	color:var(--ink);
	font-size:13px;
}
.hn-assure small{
	color:var(--muted);
}
.hn-tabs{
	margin-top:44px;
	background:#fff;
	border-radius:var(--r);
	padding:8px 24px 28px;
}
.hn-tabs__list{
	display:flex;
	gap:6px 28px;
	overflow-x:auto;
	border-bottom:1px solid var(--line);
	scrollbar-width:none;
}
.hn-tabs__list button{
	background:none;
	border:0;
	padding:16px 0;
	font:500 15px var(--sans);
	cursor:pointer;
	color:var(--ink);
	white-space:nowrap;
	border-bottom:3px solid transparent;
	margin-bottom:-1px;
}
.hn-tabs__list button[aria-selected=true]{
	color:var(--green);
	font-weight:700;
	border-color:var(--green);
}
.hn-tabs__panel{
	padding-top:22px;
}
.hn-tabs__panel h2{
	font-size:22px;
	margin-bottom:12px;
}
.hn-tabs__panel[hidden]{
	display:none;
}
.hn-faq{
	border-bottom:1px solid var(--line);
	padding:12px 0;
}
.hn-faq summary{
	cursor:pointer;
	font-weight:600;
}
.hn-faq p{
	margin:8px 0 0;
}
#reviews #comments ol.commentlist{
	padding:0;
	list-style:none;
}
#reviews .comment_container{
	display:flex;
	gap:14px;
	padding:14px 0;
	border-bottom:1px solid var(--line);
}
#reviews .comment_container img{
	border-radius:50%;
	width:48px;
	height:48px;
}
#reviews p.stars a{
	color:#f0a30a;
}
#reviews textarea,#reviews input[type=text],#reviews input[type=email]{
	width:100%;
	padding:10px;
	border:1px solid var(--line);
	border-radius:8px;
	font:inherit;
}

@media (max-width:900px){
	.hn-pdp__top{
		grid-template-columns:1fr;
		gap:24px;
	}
	.hn-gallery{
		position: static;

	}
}
@media (max-width:720px){
	.single-product .hn-bottom{
		display:none;
	}
	.single-product body,.single-product{
		padding-bottom:0;
	}
	.hn-gallery{
		grid-template-columns:1fr;
				position: static;

	}
	.hn-gallery__thumbs{
		flex-direction:row;
		order:2;
		overflow-x:auto;
		overflow-y:hidden;
		max-height:none;
		padding-right:0;
		scrollbar-width:thin;
		scrollbar-color:var(--line) transparent;
		overscroll-behavior-x:contain;
	}
	.hn-gallery__thumbs button{
		flex:none;
		width:64px;
		height:64px;
	}
	.hn-benefits{
		grid-template-columns:repeat(2,1fr);
	}
	/*.hn-features li{*/
	/*	width:calc(33.3% - 8px);*/
	/*}*/
	.hn-assure{
		grid-template-columns:1fr;
	}
	.hn-tabs{
		padding-inline:16px;
	}

    .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button{
        margin: 10px 5px 0px 0px !important;
}
}
.hn-pill.is-on{
	background:var(--grad-primary);
}
.hn-buybox .single_add_to_cart_button{
	flex:1;
	min-width:150px;
}
.hn-pdp,#reviews,#hn-tabs{
	scroll-margin-top:130px;
}
.hn-pdp{
	position:relative;
}
.hn-gallery__nav{
	position:absolute;
	left:14px;
	bottom:14px;
	z-index:4;
	display:flex;
	gap:8px;
}
.hn-gallery__nav button{
	width:40px;
	height:40px;
	border-radius:50%;
	border:0;
	background:var(--btn-light-bg);
	color:var(--btn-light-text);
	display:grid;
	place-items:center;
	cursor:pointer;
	box-shadow:0 2px 8px #0003;
	transition:background .2s,color .2s;
}
.hn-gallery__nav button:hover{
	background:var(--btn-light-hover-bg);
	color:var(--btn-light-text);
}
.hn-tabs__body{
	display:block;
}
.hn-acc{
	display:none;
}
@media (max-width:720px){
	.hn-tabs__list{
		display:none;
	}
	.hn-tabs__panel,.hn-tabs__panel[hidden]{
		display:block;
		padding-top:0;
		border-bottom:1px solid var(--line);
	}
	.hn-tabs__panel:last-child{
		border-bottom:0;
	}
	.hn-acc{
		display:flex;
		width:100%;
		justify-content:space-between;
		align-items:center;
		padding:16px 0;
		background:none;
		border:0;
		font:600 16px var(--sans);
		color:var(--ink);
		cursor:pointer;
		text-align:left;
	}
	.hn-acc::after{
		content:"+";
		font-size:24px;
		font-weight:400;
		color:var(--green);
		line-height:1;
	}
	.hn-acc[aria-expanded=true]{
		color:var(--green);
	}
	.hn-acc[aria-expanded=true]::after{
		content:"\2212";
	}
	.hn-tabs__body{
		display:none;
		padding-bottom:18px;
	}
	.hn-tabs__panel.is-open .hn-tabs__body{
		display:block;
	}
	.hn-tabs__panel h2{
		display:none;
	}
}
.hn-summary .woocommerce-breadcrumb{
	margin:0 0 12px;
	/*font-size:13px;*/
	color:var(--muted);
	line-height:1.5;
}
.hn-summary .woocommerce-breadcrumb a{
	color:var(--muted);
}
.hn-summary .woocommerce-breadcrumb a:hover{
	color:var(--green);
}
.hn-share{
	display:flex;
	align-items:center;
	gap:10px;
    padding: 10px 0px 0px 0px;
    border-top: 1px solid var(--line);
	margin-top:18px;
	flex-wrap:wrap;
}
.hn-share__label{
	font-weight:600;
	font-size:14px;
	margin-right:2px;
}
.hn-share__b{
	display:grid;
	place-items:center;
	width:42px;
	height:42px;
	border-radius:50%;
	border:1.5px solid var(--line);
	background:#fff;
	color:var(--green-d);
	cursor:pointer;
	padding:0;
	transition:background .2s,color .2s,border-color .2s;
}
.hn-share__b:hover{
	color:#fff;
	border-color:transparent;
}
.hn-share__b--wa:hover{
	background:#25d366;
}
.hn-share__b--fb:hover{
	background:#1877f2;
}
.hn-share__b--ig:hover{
	background:linear-gradient(45deg,#f9a03f,#dd2a7b 55%,#8134af);
}
.hn-share__b[data-share=copy]:hover{
	background:var(--green);
}
.hn-gallery__main{
	overflow:hidden;
}
.hn-gallery__track{
	display:flex;
	width:100%;
	height:100%;
	overflow-x:auto;
	scroll-snap-type:x mandatory;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
	overscroll-behavior-x:contain;
	outline-offset:-3px;
}
.hn-gallery__track::-webkit-scrollbar{
	display:none;
}
.hn-gallery__slide{
	flex:0 0 100%;
	scroll-snap-align:start;
	scroll-snap-stop:always;
	overflow:hidden;
	position:relative;
	--zx:50%;
	--zy:50%;
}
.hn-gallery__slide img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	-webkit-user-drag:none;
	user-select:none;
	transition:transform .25s ease;
	transform-origin:var(--zx) var(--zy);
}
@media (hover:hover) and (pointer:fine){
	.hn-gallery__slide{
		cursor:zoom-in;
	}
	.hn-gallery__slide:hover img{
		transform:scale(2);
	}
}
.hn-gallery__nav{
	left:auto;
	right:14px;
	bottom:14px;
	display:flex;
}
.hn-gallery__count{
	position:absolute;
	left:14px;
	bottom:14px;
	z-index:4;
	background:#000a;
	color:#fff;
	font-size:12px;
	font-weight:600;
	padding:5px 10px;
	border-radius:999px;
}
.hn-gallery__thumbs button{
	transition:border-color .2s;
}
@media (max-width:900px){
	.hn-gallery__nav{
		display:flex;
	}
	.hn-gallery__nav button{
		width:38px;
		height:38px;
	}
	
}
.hn-meta{
	margin-top:16px;
	padding-top:5px;
	border-top:1px solid var(--line);
	font-size:14px;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
}

.hn-meta .hn-chip {
	display: inline;
	padding: 0;
	border: 0;
	background: none;
	border-radius: 0;
	color: var(--green);
	/*font-weight: 500;*/
	text-decoration: none;
}

.hn-meta .hn-chip:hover {
	color: #e75844;
	text-decoration: underline;
}


.hn-meta p {
    display: inline;
    margin: 0;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt{
        background-color: var(--orange-soft);
        color: var(--orange);
	    border: 1px solid var(--orange-2);
        border-radius: 8px;
        margin: 0 5px 0 0;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover{
    background: var(--btn-cart-hover-bg);
    color: var(--btn-cart-hover-text);
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button{
        background-color: var(--btn-buy-bg);
        color: var(--btn-buy-text);
        border-radius: 8px;
        margin: 0 5px 0 0;
         display: inline-flex;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover{
        background: var(--btn-buy-hover-bg);
        color: var(--btn-buy-hover-text);
}


.woocommerce div.product form.cart div.quantity {
    float: left;
    margin: 0 5px 0 0;
}
/*.hn-meta p{*/
/*	margin:0 0 8px;*/
/*	display:flex;*/
/*	flex-wrap:wrap;*/
/*	gap:6px;*/
/*	align-items:center;*/
/*}*/
/*.hn-meta span{*/
/*	font-weight:600;*/
/*	margin-right:2px;*/
/*}*/
/*.hn-chip{*/
/*	display:inline-block;*/
/*	padding:4px 12px;*/
/*	border-radius:999px;*/
/*	background:var(--green-l);*/
/*	font-size:13px;*/
/*}*/
/*.hn-chip:hover{*/
/*	background:var(--green);*/
/*	color:#fff;*/
/*}*/



.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock{
    color: #1e8e3e!important; 
}
.woocommerce div.product p.stock {
    font-size: 1em;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .out-of-stock {
    color: #c62828 !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit{
    background-color: var(--btn-primary-bg);
    color: var(--btn-primary-hover-text);
}