/* Keep the Product palette isolated from Flatsome and site-level Custom CSS. */
.bs-product {
	--bs-green: #246434;
	--bs-deep: #103d20;
	--bs-light: #f5f8f3;
	--bs-line: #dce5dc;
	--bs-ink: #203328;
	--bs-muted: #68766e;
	--bs-brown: #824622;
	--bs-blue: #438eae;
	--bs-orange: #d9823e;
	color: var(--bs-ink) !important;
}

.bs-product .bs-summary h1,
.bs-product .bs-kicker,
.bs-product .bs-quick-row b,
.bs-product .bs-benefits h3,
.bs-product .bs-section-label,
.bs-product .bs-loading li svg {
	color: var(--bs-green) !important;
}

.bs-product .bs-summary h1 span {
	color: var(--bs-brown) !important;
}

.bs-product .bs-summary > h1 {
	font-size: 32px;
	line-height: 1.15;
	overflow-wrap: anywhere;
}

.bs-product .bs-summary > h1 > span {
	font-size: 20px;
	line-height: 1.15;
}

@media (max-width: 960px) {
	.bs-product .bs-summary > h1 {
		font-size: 28px;
	}

	.bs-product .bs-summary > h1 > span {
		font-size: 18px;
	}
}

@media (max-width: 620px) {
	.bs-product .bs-summary > h1 {
		font-size: 24px;
	}

	.bs-product .bs-summary > h1 > span {
		font-size: 16px;
	}
}

.bs-product .bs-benefits,
.bs-product .bs-meters {
	background-color: var(--bs-light) !important;
}

.bs-product .bs-panel {
	background: linear-gradient(110deg, #f8faf7, #fff) !important;
}

.bs-product a.bs-btn-solid,
.bs-product a.bs-whatsapp,
.bs-product .bs-table-head,
.bs-product .bs-cf7-form input[type="submit"] {
	background: var(--bs-green) !important;
	border-color: var(--bs-green) !important;
	color: #fff !important;
}

.bs-product a.bs-btn-outline {
	background: #fff !important;
	border-color: var(--bs-green) !important;
	color: var(--bs-green) !important;
}

.bs-product .bs-protein {
	background: var(--bs-green) !important;
}

.bs-product .bs-moisture {
	background: var(--bs-blue) !important;
}

.bs-product .bs-fat {
	background: var(--bs-orange) !important;
}

.bs-product .bs-summary-data .bs-fill.bs-percent-color-1{background:#176525!important}
.bs-product .bs-summary-data .bs-fill.bs-percent-color-2{background:#3493b6!important}
.bs-product .bs-summary-data .bs-fill.bs-percent-color-3{background:#df7a24!important}
.bs-product .bs-summary-data .bs-fill.bs-percent-color-4{background:#d6b660!important}
.bs-product .bs-summary-data .bs-fill.bs-percent-color-5{background:#5d82fc!important}

.bs-product .bs-cta {
	background: linear-gradient(105deg, #28753a, #10451f) !important;
	color: #fff !important;
}

.bs-product .bs-cta h2,
.bs-product .bs-cta address strong {
	color: #fff !important;
}

.bs-product .bs-cta a {
	background: #fff !important;
	color: var(--bs-green) !important;
}

.bs-product .bs-main-media{cursor:zoom-in}
.bs-product .bs-main-media.has-drag-gallery{cursor:grab;touch-action:pan-y pinch-zoom}
.bs-product .bs-main-media.has-drag-gallery.is-dragging{cursor:grabbing;user-select:none}
.bs-product .bs-gallery-track{display:flex;width:100%;height:100%;transform:translateX(-100%);transition:none}
.bs-product .bs-gallery-track.is-settling{transition:transform 250ms ease}
.bs-product .bs-gallery-slide{flex:0 0 100%;min-width:0;height:100%;overflow:hidden}
.bs-product .bs-gallery-slide>img{display:block;width:100%;height:100%;object-fit:cover;user-select:none}
.bs-product .bs-gallery-slide>img[hidden]{visibility:hidden}
.bs-product .has-drag-gallery .bs-gallery-arrow{z-index:2}
@media(prefers-reduced-motion:reduce){.bs-product .bs-gallery-track.is-settling{transition:none}}
@media(max-width:620px){.bs-product .bs-benefits>article{border:0}.bs-product .bs-benefits>article:not(:last-child){border-bottom:1px solid var(--bs-line)}}
.bs-product .bs-product-hero>.bs-summary{min-width:0}
.bs-product .bs-summary>.bs-gallery-actions{display:block;margin-top:20px}
.bs-product .bs-gallery-actions>.bs-product-contact-links,.bs-product .bs-gallery-actions>.bs-product-extra-links{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px}
.bs-product .bs-product-contact-links+.bs-product-extra-links{margin-top:12px}
.bs-product .bs-gallery-actions .bs-btn{display:flex;min-width:0;width:100%;min-height:46px;height:auto;margin:0;padding:10px 8px;gap:6px;line-height:1.3;letter-spacing:0;white-space:normal;text-align:center}
.bs-product .bs-gallery-actions .bs-btn span{min-width:0;overflow-wrap:anywhere}
.bs-product .bs-gallery-actions .bs-btn svg{flex-shrink:0;width:17px;height:17px}
.bs-product .bs-gallery-actions .bs-btn:focus-visible{outline:2px solid var(--bs-green);outline-offset:3px}
.bs-product .bs-summary .bs-product-contact-links>.bs-whatsapp{
	--bs-contact-bg:var(--bs-contact-whatsapp-bg,#25d366);
	--bs-contact-text:var(--bs-contact-whatsapp-text,#063b1b);
	--bs-contact-hover-bg:var(--bs-contact-whatsapp-hover-bg,#20bd5a);
	--bs-contact-hover-text:var(--bs-contact-whatsapp-hover-text,#063b1b)
}
.bs-product .bs-summary .bs-product-contact-links>.bs-email{
	--bs-contact-bg:var(--bs-contact-email-bg,#b34b3d);
	--bs-contact-text:var(--bs-contact-email-text,#ffffff);
	--bs-contact-hover-bg:var(--bs-contact-email-hover-bg,#963b30);
	--bs-contact-hover-text:var(--bs-contact-email-hover-text,#ffffff)
}
.bs-product .bs-summary .bs-product-contact-links>.bs-contact-form-link{
	--bs-contact-bg:var(--bs-contact-form-bg,#2563eb);
	--bs-contact-text:var(--bs-contact-form-text,#ffffff);
	--bs-contact-hover-bg:var(--bs-contact-form-hover-bg,#1d4ed8);
	--bs-contact-hover-text:var(--bs-contact-form-hover-text,#ffffff)
}
.bs-product .bs-summary .bs-product-contact-links>.bs-btn{
	background:var(--bs-contact-bg)!important;
	border-color:var(--bs-contact-bg)!important;
	color:var(--bs-contact-text)!important;
	box-shadow:none;
	transform:none;
	transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease,box-shadow 180ms ease,transform 180ms ease
}
.bs-product .bs-summary .bs-product-contact-links>.bs-btn svg{color:inherit;stroke:currentColor}
@media(hover:hover) and (pointer:fine){
	.bs-product .bs-summary .bs-product-contact-links>.bs-btn:hover{
		background:var(--bs-contact-hover-bg)!important;
		border-color:var(--bs-contact-hover-bg)!important;
		color:var(--bs-contact-hover-text)!important;
		transform:translateY(-2px);
		box-shadow:0 5px 12px rgba(16,61,32,.16)
	}
}
@media(prefers-reduced-motion:reduce){
	.bs-product .bs-summary .bs-product-contact-links>.bs-btn{transition:none}
	.bs-product .bs-summary .bs-product-contact-links>.bs-btn:hover{transform:none}
}
@media(max-width:620px){.bs-product .bs-gallery-actions>.bs-product-contact-links,.bs-product .bs-gallery-actions>.bs-product-extra-links{gap:6px}.bs-product .bs-gallery-actions .bs-btn{flex-direction:column;min-height:56px;padding:8px 4px;gap:4px;font-size:10px}}
@media(max-width:960px){.bs-product .bs-product-hero>.bs-summary{order:0}}
.bs-product .bs-specifications{margin-top:28px}
.bs-product .bs-specs-intro{margin:-8px 0 22px!important}
.bs-product .bs-custom-field-no-icon{grid-template-columns:130px 1fr}
@media(max-width:620px){.bs-product .bs-custom-field-no-icon{grid-template-columns:100px 1fr}}
.bs-product .bs-videos{margin-top:28px}
.bs-product .bs-videos>.bs-section-label{text-align:center}
.bs-product .bs-videos>.bs-section-label:after{margin-left:auto;margin-right:auto}
.bs-product .bs-video-intro{margin:-8px 0 22px}
.bs-product .bs-video-slider{max-width:960px;margin:0 auto}
.bs-product .bs-video-frame{position:relative;width:100%;aspect-ratio:16/9;min-height:200px;background:#103d20;border-radius:7px;overflow:hidden}
.bs-product .bs-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.bs-product .bs-video-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}
.bs-product .bs-video-caption h3{margin:0;font-size:18px;color:var(--bs-green);overflow-wrap:anywhere}
.bs-product .bs-video-caption a,.bs-product .bs-video-fallback a{color:var(--bs-green);text-decoration:underline;font-size:14px}
.bs-product .bs-video-caption a{flex-shrink:0}
.bs-product .bs-video-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bs-product .bs-video-thumbnails{display:flex;gap:12px;max-width:100%;margin-top:16px;padding:4px 3px 8px;overflow-x:auto;overscroll-behavior-x:contain}
.bs-product .bs-video-thumbnail{box-sizing:border-box;display:flex;flex:0 0 160px;flex-direction:column;gap:8px;width:160px;min-width:0;min-height:0;height:auto;margin:0;padding:5px;border:2px solid #dce5df;border-radius:7px;background:#fff;color:var(--bs-green);font:inherit;line-height:1.4;letter-spacing:normal;text-align:left;text-transform:none;cursor:pointer;box-shadow:none}
.bs-product .bs-video-thumbnail:first-child{margin-left:auto}
.bs-product .bs-video-thumbnail:last-child{margin-right:auto}
.bs-product .bs-video-thumbnail:hover{border-color:var(--bs-green);background:#f4f8f5;box-shadow:none}
.bs-product .bs-video-thumbnail.is-active{border-color:var(--bs-green);background:#eef5ef}
.bs-product .bs-video-thumbnail:focus-visible{outline:2px solid var(--bs-green);outline-offset:2px}
.bs-product .bs-video-thumbnail-media{position:relative;display:block;flex-shrink:0;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:3px;background:#e7ede9}
.bs-product .bs-video-thumbnail-media img{display:block;width:100%;height:100%;margin:0;object-fit:cover}
.bs-product .bs-video-thumbnail-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(16,61,32,.85);transform:translate(-50%,-50%);pointer-events:none}
.bs-product .bs-video-thumbnail-play::before{content:"";display:block;margin-left:3px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #fff}
.bs-product .bs-video-thumbnail-title{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;overflow-wrap:anywhere}
.bs-product .bs-video-slide[hidden],.bs-product .bs-video-status[hidden],.bs-product .bs-video-thumbnails[hidden],.bs-product .bs-video-thumbnail-media img[hidden]{display:none}
@media(max-width:620px){.bs-product .bs-video-caption{align-items:flex-start;flex-direction:column;gap:8px}.bs-product .bs-video-thumbnail{flex-basis:128px;width:128px}}
