/*
Theme Name: Biobrdo
Theme URI: https://biobrdo.hr
Author: Srđan Vrdoljak
Description: Custom WordPress theme for Biobrdo webshop.
Version: 1.0.0
Text Domain: biobrdo
*/

@font-face {
	font-family: "Wulkan Display";
	src: url("assets/fonts/WulkanDisplay-Medium.woff2") format("woff2");
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: "Sofia Pro";
	src: url("assets/fonts/SofiaPro.woff2") format("woff2");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Sofia Pro";
	src: url("assets/fonts/SofiaPro-SemiBold.woff2") format("woff2");
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

:root {
	--bb-notice-background: #264432;
	--bb-notice-text-primary: #ffffff;
	--bb-notice-text-secondary: #cfdc72;
	--bb-notice-promise-icon-background: #cfdc72;
	--bb-notice-badge-background: #f7b679;
	--bb-notice-badge-text: #1d2327;
	--bb-notice-cart-background: #fefbea;
	--bb-notice-cart-text: #264432;
	--bb-notice-count-background: #264432;
	--bb-notice-rail-1: #f06b2a;
	--bb-notice-rail-2: #fff200;
	--bb-notice-rail-3: #c18fc0;
	--bb-notice-rail-4: #cfdc72;
	--bb-cta-hover: #7ab145;
	--bb-font-ui: "Sofia Pro", "Helvetica Neue", Arial, sans-serif;
	--bb-font-display: "Wulkan Display", Georgia, serif;
}

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

html,
body {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	color: #1d2327;
	font-family: var(--bb-font-ui);
}

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

/* Figma: Top Header — node 20:273 */
.bb-notice {
	position: relative;
	width: 100%;
	height: 62px;
	background: var(--bb-notice-background);
	color: var(--bb-notice-text-primary);
	overflow: hidden;
}

.bb-notice__content {
	position: relative;
	width: min(100%, 1440px);
	height: 56px;
	margin: 0 auto;
	overflow: hidden;
}

.bb-notice__delivery {
	position: absolute;
	top: 12px;
	left: 24px;
	display: flex;
	align-items: center;
	gap: 12px;
	width: 300px;
	height: 32px;
	overflow: hidden;
}

.bb-notice__round-icon,
.bb-notice__cart-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 32px;
	height: 32px;
	border-radius: 999px;
	background: var(--bb-notice-promise-icon-background);
	overflow: hidden;
}

.bb-notice__round-icon img,
.bb-notice__cart-icon img {
	display: block;
	width: 16px;
	height: 16px;
	max-width: none;
}

.bb-notice__delivery-copy {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
	line-height: 1;
	white-space: nowrap;
}

.bb-notice__delivery-copy strong {
	color: var(--bb-notice-text-primary);
	font-size: 14px;
	font-weight: 600;
}

.bb-notice__delivery-copy span {
	color: var(--bb-notice-text-secondary);
	font-size: 12px;
	font-weight: 400;
}

.bb-notice__cart-area {
	position: absolute;
	top: 2px;
	left: calc(100% - 390px);
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	width: 300px;
	height: 52px;
}

.bb-notice__cart {
	display: flex;
	align-items: center;
	gap: 12px;
	height: 52px;
	padding: 0 16px 0 12px;
	border-radius: 999px;
	background: var(--bb-notice-cart-background);
	box-shadow: 0 3px 0 rgba(14, 45, 32, 0.24);
	color: var(--bb-notice-cart-text);
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
}

.bb-notice__cart-copy {
	display: flex;
	flex-direction: column;
	gap: 4px;
	line-height: 1;
	font-family: var(--bb-font-ui);
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
}

.bb-notice__cart-label {
	font-size: 12px;
	opacity: 0.7;
}

.bb-notice__cart-total {
	font-size: 14px;
}

.bb-notice__cart-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	border-radius: 999px;
	background: var(--bb-notice-count-background);
	color: var(--bb-notice-text-primary);
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 600;
	line-height: normal;
	white-space: nowrap;
	overflow: hidden;
}

.bb-notice__rail {
	position: absolute;
	top: 56px;
	left: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	width: 100%;
	height: 6px;
	overflow: hidden;
}

.bb-notice__rail span:nth-child(1) { background: var(--bb-notice-rail-1); }
.bb-notice__rail span:nth-child(2) { background: var(--bb-notice-rail-2); }
.bb-notice__rail span:nth-child(3) { background: var(--bb-notice-rail-3); }
.bb-notice__rail span:nth-child(4) { background: var(--bb-notice-rail-4); }

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-notice__content {
		width: min(100%, 1024px);
	}

	.bb-notice__cart-area {
		top: 2px;
		left: auto;
		right: 70.67px;
		align-items: center;
		width: 200px;
		height: 52px;
	}
}

@media (max-width: 767px) {
	.bb-notice__content {
		width: 100%;
		height: 56px;
	}

	.bb-notice__delivery {
		display: none;
	}

	.bb-notice__cart-area {
		top: 8px;
		left: auto;
		right: 28.5px;
		align-items: center;
		width: 68px;
		height: 40px;
	}

	.bb-notice__cart {
		width: 68px;
		height: 40px;
		gap: 4px;
		padding: 0 4px;
	}

	.bb-notice__cart-copy {
		display: none;
	}
}

/* Figma: WooCommerce Notice — node 119:460 */
.bb-woo-notice {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	height: 58px;
	padding: 0 16px 6px 24px;
	background: var(--bb-woo-notice-background, #cfdc72);
	color: var(--bb-woo-notice-text, #264432);
	overflow: hidden;
	transition: height 180ms ease, opacity 180ms ease, padding 180ms ease;
}

.bb-woo-notice__message {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	color: inherit;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	text-align: center;
}

.bb-woo-notice__close {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--bb-woo-notice-text, #264432);
	border-radius: 999px;
	background: transparent !important;
	box-shadow: none !important;
	color: inherit;
	cursor: pointer;
	overflow: hidden;
	appearance: none;
	-webkit-appearance: none;
}

.bb-woo-notice__close:hover,
.bb-woo-notice__close:focus,
.bb-woo-notice__close:active {
	background: transparent !important;
	box-shadow: none !important;
}

.bb-woo-notice__close img {
	display: block;
	width: 24px;
	height: 24px;
	max-width: none;
}

.bb-woo-notice__rail {
	position: absolute;
	left: 0;
	bottom: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	width: 100%;
	height: 6px;
	overflow: hidden;
}

.bb-woo-notice__rail span:nth-child(1) { background: var(--bb-woo-notice-rail-1, #f06b2a); }
.bb-woo-notice__rail span:nth-child(2) { background: var(--bb-woo-notice-rail-2, #fff200); }
.bb-woo-notice__rail span:nth-child(3) { background: var(--bb-woo-notice-rail-3, #c18fc0); }
.bb-woo-notice__rail span:nth-child(4) { background: var(--bb-woo-notice-rail-4, #7ab145); }

.bb-woo-notice.is-hidden {
	height: 1px;
	padding: 0;
	opacity: 0;
	pointer-events: none;
}

@media (max-width: 767px) {
	.bb-woo-notice {
		height: 70px;
		padding: 0 12px 6px 16px;
	}

	.bb-woo-notice__message {
		font-size: 13px;
	}

	.bb-woo-notice.is-hidden {
		height: 1px;
		padding: 0;
	}
}

.bb-main-nav {
	width: 100%;
	background: var(--bb-notice-text-primary);
	color: var(--bb-notice-background);
	box-shadow: 0 4px 12px -4px rgba(14, 45, 32, 0.10);
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.bb-main-nav__inner {
	position: relative;
	width: min(100%, 1440px);
	height: 120px;
	margin: 0 auto;
}

.bb-main-nav__primary,
.bb-main-nav__secondary {
	position: absolute;
	top: 0;
	display: flex;
	align-items: center;
	gap: 24px;
	width: 312px;
	height: 120px;
	overflow: hidden;
}

.bb-main-nav__primary {
	left: 259px;
}

.bb-main-nav__secondary {
	left: 869px;
}

.bb-main-nav__item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 144px;
	width: 144px;
	height: 120px;
	color: var(--bb-notice-background);
	text-decoration: none;
}

.bb-main-nav__item span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 0;
	padding: 15px;
	border-radius: 65px;
	background: #fff;
	color: var(--bb-notice-background);
	font-family: var(--bb-font-ui);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.12px;
	text-align: center;
}

.bb-main-nav__item:hover span,
.bb-main-nav__item:focus-visible span,
.bb-main-nav__item.is-active span,
.bb-main-nav__item[aria-current="page"] span {
	background: var(--bb-notice-background);
	color: #fff;
}

.bb-main-nav__brand {
	position: absolute;
	top: 30px;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	transform: translateX(-50%);
	overflow: hidden;
}

.bb-main-nav__brand img {
	display: block;
	height: 60px;
	max-width: none;
}

.bb-main-nav--hr .bb-main-nav__brand {
	width: 180.5px;
}

.bb-main-nav--en .bb-main-nav__brand {
	width: 250px;
}

.bb-main-nav button.bb-main-nav__language {
	position: absolute;
	top: 0;
	left: 1304px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	width: 96px;
	height: 120px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none;
	color: var(--bb-notice-background);
	font-family: var(--bb-font-ui);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.12px;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}

.bb-main-nav button.bb-main-nav__language:hover,
.bb-main-nav button.bb-main-nav__language:focus,
.bb-main-nav button.bb-main-nav__language:active {
	background: transparent !important;
	background-color: transparent !important;
	color: var(--bb-notice-background);
	box-shadow: none;
	outline: none;
}

.bb-main-nav__language img {
	display: block;
	max-width: none;
}

.bb-main-nav__language-globe {
	display: none !important;
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
}

.bb-main-nav__language-chevron {
	width: 14px;
	height: 14px;
	flex: 0 0 14px;
}

.bb-main-nav__language-short,
.bb-main-nav__toggle {
	display: none;
}

@media (max-width: 1099px) {
	.bb-main-nav__inner {
		height: 96px;
	}

	.bb-main-nav__primary,
	.bb-main-nav__secondary {
		display: none;
	}

	.bb-main-nav__brand {
		top: 22.2px;
		height: 51.6px;
	}

	.bb-main-nav__brand img {
		height: 51.6px;
	}

	.bb-main-nav--hr .bb-main-nav__brand {
		width: 155.23px;
	}

	.bb-main-nav--en .bb-main-nav__brand {
		width: 215px;
	}

	.bb-main-nav button.bb-main-nav__language {
		top: 0;
		left: auto;
		right: 24px;
		justify-content: center;
		width: 96px;
		height: 96px;
	}

	.bb-main-nav__toggle {
		position: absolute;
		top: 28px;
		left: 24px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 4px;
		width: 40px;
		height: 40px;
		padding: 0;
		border: 0;
		background: transparent;
		cursor: pointer;
	}

	.bb-main-nav__toggle span {
		display: block;
		width: 20px;
		height: 2px;
		border-radius: 1px;
		background: var(--bb-notice-background);
	}
}

@media (max-width: 767px) {
	.bb-main-nav__inner {
		height: 80px;
	}

	.bb-main-nav__brand {
		top: 18.4px;
		height: 43.2px;
	}

	.bb-main-nav__brand img {
		height: 43.2px;
	}

	.bb-main-nav--hr .bb-main-nav__brand {
		width: 129.96px;
	}

	.bb-main-nav--en .bb-main-nav__brand {
		width: 180px;
	}

	.bb-main-nav button.bb-main-nav__language {
		right: 16px;
		gap: 4px;
		width: 96px;
		height: 80px;
		justify-content: center;
	}

	.bb-main-nav__language-globe {
		display: block !important;
	}

	.bb-main-nav__language-long {
		display: none;
	}

	.bb-main-nav__language-short {
		display: inline;
	}

	.bb-main-nav__toggle {
		top: 20px;
		left: 16px;
	}
}


/* Mobile/tablet navigation controls: prevent global button styles from adding backgrounds. */
.bb-main-nav button.bb-main-nav__toggle,
.bb-main-nav button.bb-main-nav__toggle:hover,
.bb-main-nav button.bb-main-nav__toggle:focus,
.bb-main-nav button.bb-main-nav__toggle:active,
.bb-mobile-menu button.bb-mobile-menu__close,
.bb-mobile-menu button.bb-mobile-menu__close:hover,
.bb-mobile-menu button.bb-mobile-menu__close:focus,
.bb-mobile-menu button.bb-mobile-menu__close:active,
.bb-mobile-menu button.bb-mobile-menu__language,
.bb-mobile-menu button.bb-mobile-menu__language:hover,
.bb-mobile-menu button.bb-mobile-menu__language:focus,
.bb-mobile-menu button.bb-mobile-menu__language:active {
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--bb-notice-background);
	appearance: none;
	-webkit-appearance: none;
}

/* Figma: Navigation / Mobile Dropdown — node 27:418 */
.bb-mobile-menu {
	display: none;
	position: relative;
	width: 100%;
	height: 520px;
	background: #fff;
	color: var(--bb-notice-background);
	overflow: hidden;
}

.bb-mobile-menu__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 80px;
	padding: 0 16px;
	overflow: hidden;
}

.bb-mobile-menu button.bb-mobile-menu__close {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex: 0 0 64px;
	width: 64px;
	height: 40px;
	padding: 0 0 0 10px;
	cursor: pointer;
}

.bb-mobile-menu__close img {
	display: block;
	width: 24px;
	height: 24px;
	max-width: none;
}

.bb-mobile-menu__brand {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 43.2px;
	overflow: hidden;
}

.bb-main-nav--hr .bb-mobile-menu__brand {
	width: 180px;
}

.bb-main-nav--en .bb-mobile-menu__brand {
	width: 180px;
}

.bb-mobile-menu__brand img {
	display: block;
	height: 43.2px;
	max-width: none;
}

.bb-main-nav--hr .bb-mobile-menu__brand img {
	width: 130px;
}

.bb-main-nav--en .bb-mobile-menu__brand img {
	width: 180px;
}

.bb-mobile-menu button.bb-mobile-menu__language {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	flex: 0 0 96px;
	width: 96px;
	height: 40px;
	padding: 0;
	font-family: var(--bb-font-ui);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.12px;
	cursor: pointer;
}

.bb-mobile-menu__language img {
	display: block;
	max-width: none;
}

.bb-mobile-menu__language-globe {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
}

.bb-mobile-menu__language-chevron {
	width: 14px;
	height: 14px;
	flex: 0 0 14px;
}

.bb-mobile-menu__expanded {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	height: 440px;
	padding-top: 82px;
	overflow: hidden;
}

.bb-mobile-menu__links {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	width: 100%;
	padding: 0 24px;
	overflow: hidden;
}

.bb-mobile-menu__links a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 56px;
	color: var(--bb-notice-background);
	font-family: var(--bb-font-ui);
	font-size: 25px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.5px;
	text-align: center;
	text-decoration: none;
}

.bb-mobile-menu__social {
	position: absolute;
	top: 380px;
	left: 50%;
	display: flex;
	align-items: center;
	gap: 32px;
	width: 128px;
	height: 48px;
	transform: translateX(-50%);
}

.bb-mobile-menu__social-item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	border-radius: 999px;
	background: var(--bb-notice-promise-icon-background);
}

.bb-mobile-menu__social-item img {
	display: block;
	max-width: none;
}

.bb-mobile-menu__social-item:first-child img {
	width: 13px;
	height: 20px;
}

.bb-mobile-menu__social-item:last-child img {
	width: 18px;
	height: 20px;
}

body.bb-menu-open {
	overflow: hidden;
}

@media (max-width: 1099px) {
	.bb-main-nav.is-menu-open .bb-main-nav__inner {
		display: none;
	}

	.bb-main-nav.is-menu-open .bb-mobile-menu {
		display: block;
	}
}

@media (min-width: 1100px) {
	.bb-mobile-menu {
		display: none !important;
	}
}



/* Figma: Navigation / Main cart selector — node 15:72 */
.bb-main-nav__cart-selector {
	position: absolute;
	top: 38px;
	left: 1228px;
	display: flex;
	align-items: center;
	gap: 4px;
	width: 68px;
	height: 44px;
	padding: 4px;
	border: 1px solid #e9eceb;
	border-radius: 22px;
	background: #fff;
	color: var(--bb-notice-background);
	text-decoration: none;
	overflow: hidden;
	z-index: 31;
}

.bb-main-nav__cart-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	border-radius: 999px;
	background: var(--bb-notice-promise-icon-background);
	overflow: hidden;
}

.bb-main-nav__cart-icon img {
	display: block;
	width: 16px;
	height: 16px;
	max-width: none;
}

.bb-main-nav__cart-count {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	border-radius: 999px;
	background: var(--bb-notice-count-background);
	color: #fff;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 600;
	line-height: normal;
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-main-nav__cart-selector {
		top: 26px;
		left: auto;
		right: 128px;
	}
}

@media (max-width: 767px) {
	.bb-main-nav__cart-selector {
		top: 18px;
		left: auto;
		right: 16px;
	}

	.bb-language-selector {
		display: none;
	}
}

/* Figma: Language Selector / Dropdown — node 50:3035 */
.bb-main-nav {
	overflow: visible;
}

.bb-language-selector {
	position: absolute;
	top: 38px;
	right: 40px;
	width: 96px;
	height: 44px;
	z-index: 30;
}

.bb-main-nav .bb-language-selector button.bb-main-nav__language {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: 96px;
	height: 44px;
	margin: 0;
	padding: 0 9px 0 10px;
	border: 1px solid rgba(38, 68, 50, 0.18);
	border-radius: 999px;
	background: #fff !important;
	box-shadow: none !important;
	color: var(--bb-notice-background);
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.78px;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}

.bb-main-nav .bb-language-selector button.bb-main-nav__language:hover,
.bb-main-nav .bb-language-selector button.bb-main-nav__language:focus,
.bb-main-nav .bb-language-selector button.bb-main-nav__language:active {
	background: #fff !important;
	color: var(--bb-notice-background);
	box-shadow: none !important;
}

.bb-main-nav .bb-language-selector .bb-main-nav__language-globe {
	display: block !important;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
}

.bb-main-nav .bb-language-selector .bb-main-nav__language-short {
	display: inline-block;
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1;
	letter-spacing: 0.78px;
}

.bb-main-nav .bb-language-selector .bb-main-nav__language-chevron {
	display: block;
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
	transition: transform 160ms ease;
}

.bb-language-selector.is-open .bb-main-nav__language-chevron,
.bb-mobile-language-selector.is-open .bb-mobile-menu__language-chevron {
	transform: rotate(180deg);
}

.bb-language-menu {
	position: absolute;
	top: 47px;
	right: 0;
	display: none;
	flex-direction: column;
	align-items: stretch;
	gap: 4px;
	width: 96px;
	height: 80px;
	padding: 4px;
	border: 1px solid rgba(38, 68, 50, 0.18);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 4px 12px -4px rgba(14, 45, 32, 0.10);
	overflow: hidden;
	z-index: 50;
}

.bb-language-selector.is-open .bb-language-menu,
.bb-mobile-language-selector.is-open .bb-language-menu {
	display: flex;
}

.bb-language-menu__option {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 34px;
	width: 100%;
	height: 34px;
	padding: 0 8px;
	border-radius: 17px;
	background: #fff;
	color: var(--bb-notice-background);
	font-family: var(--bb-font-ui);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.12px;
	text-decoration: none;
	white-space: nowrap;
}

.bb-language-menu__option.is-active,
.bb-language-menu__option[aria-current="page"] {
	background: #e9eceb;
	color: var(--bb-notice-background);
}

.bb-language-menu__option:hover,
.bb-language-menu__option:focus-visible {
	background: #e9eceb;
	color: var(--bb-notice-background);
	outline: none;
}

.bb-mobile-language-selector {
	position: relative;
	flex: 0 0 96px;
	width: 96px;
	height: 44px;
	overflow: visible;
	z-index: 60;
}

.bb-mobile-language-selector .bb-mobile-menu__language {
	position: relative;
	z-index: 2;
}

.bb-mobile-language-selector .bb-language-menu--mobile {
	top: 49px;
	right: 0;
	width: 96px;
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-language-selector {
		top: 26px;
		right: 24px;
		width: 96px;
		height: 44px;
	}

	.bb-language-selector .bb-language-menu {
		top: 49px;
	}
}

@media (max-width: 767px) {
	.bb-language-selector {
		display: none;
	}

	.bb-main-nav .bb-language-selector button.bb-main-nav__language {
		width: 96px;
		height: 44px;
		gap: 5px;
		padding: 0 9px 0 10px;
	}

	.bb-language-selector .bb-language-menu {
		top: 47px;
		right: 0;
		width: 96px;
	}
}


/* Figma: Hero Slider / Responsive — node 128:351 */
.bb-hero-slider {
	position: relative;
	width: 100%;
	height: 620px;
	background: #fff;
	overflow: hidden;
}

.bb-hero-slider__track,
.bb-hero-slider__slide {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.bb-hero-slider__slide {
	opacity: 0;
	pointer-events: none;
	transition: opacity 260ms ease;
}

.bb-hero-slider__slide.is-active {
	opacity: 1;
	pointer-events: auto;
}

.bb-hero-slider__media {
	position: absolute;
	top: 50%;
	left: 50%;
	width: min(calc(100% - 240px), 1200px);
	height: 600px;
	border-radius: 10px;
	box-shadow: 0 8px 20px -6px rgba(14, 45, 32, 0.17);
	transform: translate(-50%, -50%);
	overflow: hidden;
}

.bb-hero-slider__image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	pointer-events: none;
}

.bb-hero-slider__indicators {
	position: absolute;
	top: 561px;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 115px;
	height: 33px;
	margin: 0;
	padding: 0;
	transform: translateX(-50%);
	pointer-events: auto;
	z-index: 4;
}

.bb-hero-slider button.bb-hero-slider__indicator {
	display: block;
	flex: 0 0 17px;
	width: 17px;
	height: 17px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(38, 68, 50, 0.141176) !important;
	box-shadow: none !important;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	transition: background-color 160ms ease;
}

.bb-hero-slider button.bb-hero-slider__indicator.is-active {
	background: #264432 !important;
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-hero-slider {
		height: 440.889px;
	}

	.bb-hero-slider__media {
		width: calc(100% - 170.667px);
		max-width: 853.333px;
		height: 426.667px;
		border-radius: 7.111px;
		box-shadow: 0 5.689px 14.222px -4.267px rgba(14, 45, 32, 0.17);
	}

	.bb-hero-slider__indicators {
		top: 398.93px;
		width: 81.778px;
		height: 23.467px;
	}

	.bb-hero-slider button.bb-hero-slider__indicator {
		flex-basis: 12.089px;
		width: 12.089px;
		height: 12.089px;
	}
}

@media (max-width: 767px) {
	.bb-hero-slider {
		height: 188px;
		background: transparent;
	}

	.bb-hero-slider__media {
		width: 100%;
		height: 188px;
		border-radius: 0;
		box-shadow: 0 8px 20px -6px rgba(14, 45, 32, 0.17);
	}

	.bb-hero-slider__indicators {
		top: 145px;
		width: 115px;
		height: 33px;
	}

	.bb-hero-slider button.bb-hero-slider__indicator {
		flex-basis: 17px;
		width: 17px;
		height: 17px;
	}
}

/* Figma: Cart / Side Menu — node 72:1252 */
.bb-cart-drawer {
	position: fixed;
	inset: 0;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	background: rgba(14, 45, 32, 0);
	pointer-events: none;
	visibility: hidden;
	z-index: 9999;
	transition: background-color 180ms ease, visibility 180ms ease;
}

.bb-cart-drawer.is-open {
	background: rgba(14, 45, 32, 0.08);
	pointer-events: auto;
	visibility: visible;
}

.bb-cart-drawer__panel {
	display: flex;
	flex-direction: column;
	width: 440px;
	height: min(760px, 100vh);
	background: var(--bb-notice-cart-background);
	border-radius: 24px 0 0 24px;
	box-shadow: 0 8px 20px -6px rgba(14, 45, 32, 0.17);
	overflow: hidden;
	transform: translateX(100%);
	transition: transform 220ms ease;
}

.bb-cart-drawer.is-open .bb-cart-drawer__panel {
	transform: translateX(0);
}

.bb-cart-drawer__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 0 0 112px;
	height: 112px;
	padding: 0 32px;
}

.bb-cart-drawer__title-group {
	display: flex;
	align-items: center;
	gap: 12px;
}

.bb-cart-drawer__title-group h2 {
	margin: 0;
	color: var(--bb-notice-background);
	font-family: var(--bb-font-display);
	font-size: 34px;
	font-weight: 500;
	line-height: 40px;
}

.bb-cart-drawer__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 999px;
	background: var(--bb-notice-promise-icon-background);
	color: var(--bb-notice-background);
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
}

.bb-cart-drawer button.bb-cart-drawer__close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid var(--bb-notice-background);
	border-radius: 999px;
	background: transparent !important;
	box-shadow: none !important;
	cursor: pointer;
}

.bb-cart-drawer__close img {
	display: block;
	width: 24px;
	height: 24px;
	max-width: none;
}

.bb-cart-drawer__divider {
	display: block;
	flex: 0 0 1px;
	width: 100%;
	height: 1px;
	max-width: none;
}

.bb-cart-drawer__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: space-between;
	min-height: 0;
	padding: 32px;
}

.bb-cart-drawer__contents {
	display: flex;
	flex-direction: column;
	gap: 28px;
	min-height: 0;
	overflow: auto;
}

.bb-cart-drawer__items {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.bb-cart-drawer__product {
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
}

.bb-cart-drawer__thumb {
	display: block;
	flex: 0 0 112px;
	width: 112px;
	height: 124px;
	border-radius: 16px;
	overflow: hidden;
}

.bb-cart-drawer__thumb img,
.bb-cart-drawer__product-image {
	display: block;
	width: 112px;
	height: 124px;
	max-width: none;
	object-fit: cover;
	border-radius: 16px;
}

.bb-cart-drawer__product-details {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	min-width: 0;
}

.bb-cart-drawer__product-title {
	width: 100%;
	color: var(--bb-notice-background);
	font-family: var(--bb-font-display);
	font-size: 20px;
	font-weight: 500;
	line-height: 25px;
	text-decoration: none;
}

.bb-cart-drawer__meta {
	width: 100%;
	color: #6a756d;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 400;
	line-height: normal;
}

.bb-cart-drawer__price {
	width: 100%;
	color: var(--bb-notice-background);
	font-family: var(--bb-font-ui);
	font-size: 15px;
	font-weight: 600;
	line-height: normal;
}

.bb-cart-drawer__remove {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
}

.bb-cart-drawer__remove img {
	display: block;
	width: 20px;
	height: 20px;
	max-width: none;
}

.bb-cart-drawer__note {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 14px 16px;
	border-radius: 12px;
	background: #f7f1dd;
	color: var(--bb-notice-background);
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 600;
	line-height: 17px;
}

.bb-cart-drawer__note-accent {
	flex: 0 0 4px;
	width: 4px;
	height: 24px;
	border-radius: 999px;
	background: var(--bb-notice-promise-icon-background);
}

.bb-cart-drawer__summary {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

.bb-cart-drawer__summary-divider {
	width: 100%;
	height: 1px;
	background: rgba(38, 68, 50, 0.14);
}

.bb-cart-drawer__subtotal {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	width: 100%;
	color: var(--bb-notice-background);
}

.bb-cart-drawer__subtotal span {
	font-family: var(--bb-font-ui);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.75px;
}

.bb-cart-drawer__subtotal strong {
	font-family: var(--bb-font-display);
	font-size: 28px;
	font-weight: 500;
	line-height: normal;
}

.bb-cart-drawer__tax-note,
.bb-cart-drawer__empty {
	margin: 0;
	color: #6a756d;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
}

.bb-cart-drawer__actions {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
}

.bb-cart-drawer__action {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 56px;
	border: 1.5px solid var(--bb-notice-background);
	border-radius: 999px;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.04px;
	text-decoration: none;
}

.bb-cart-drawer__action--secondary {
	background: var(--bb-notice-cart-background);
	color: var(--bb-notice-background);
}

.bb-cart-drawer__action--primary {
	background: var(--bb-notice-background);
	color: #fff;
}

.bb-cart-drawer__action--primary:hover,
.bb-cart-drawer__action--primary:focus-visible,
.bb-cart-drawer__action--secondary:hover,
.bb-cart-drawer__action--secondary:focus-visible {
	border-color: var(--bb-cta-hover);
	background: var(--bb-cta-hover);
	color: #fff;
}

body.bb-cart-open {
	overflow: hidden;
}

@media (max-width: 767px) {
	.bb-cart-drawer__panel {
		width: min(440px, 100vw);
		height: 100vh;
		border-radius: 0;
	}

	.bb-cart-drawer__header {
		padding: 0 24px;
	}

	.bb-cart-drawer__body {
		padding: 24px;
	}
}


/* Figma: Language Selector / Side Drawer — node 77:874 */
.bb-language-drawer {
	position: fixed;
	inset: 0;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	background: rgba(14, 45, 32, 0);
	pointer-events: none;
	visibility: hidden;
	z-index: 10000;
	transition: background-color 180ms ease, visibility 180ms ease;
}

.bb-language-drawer.is-open {
	background: rgba(14, 45, 32, 0.08);
	pointer-events: auto;
	visibility: visible;
}

.bb-language-drawer__panel {
	display: flex;
	flex-direction: column;
	width: 440px;
	height: 400px;
	background: var(--bb-notice-cart-background);
	border: 1px solid rgba(38, 68, 50, 0.18);
	border-radius: 24px 0 0 24px;
	box-shadow: 0 8px 20px -6px rgba(14, 45, 32, 0.17);
	overflow: hidden;
	transform: translateX(100%);
	transition: transform 220ms ease;
}

.bb-language-drawer.is-open .bb-language-drawer__panel {
	transform: translateX(0);
}

.bb-language-drawer__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 0 0 112px;
	height: 112px;
	padding: 0 32px;
}

.bb-language-drawer__title-group {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	white-space: nowrap;
}

.bb-language-drawer__title-group h2 {
	margin: 0;
	color: var(--bb-notice-background);
	font-family: var(--bb-font-display);
	font-size: 34px;
	font-weight: 500;
	line-height: 40px;
}

.bb-language-drawer__title-group span {
	color: #6a756d;
	font-family: var(--bb-font-ui);
	font-size: 11px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.66px;
	text-transform: uppercase;
}

.bb-language-drawer button.bb-language-drawer__close {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid var(--bb-notice-background);
	border-radius: 999px;
	background: transparent !important;
	box-shadow: none !important;
	cursor: pointer;
}

.bb-language-drawer__close img {
	display: block;
	width: 24px;
	height: 24px;
	max-width: none;
}

.bb-language-drawer__divider {
	flex: 0 0 1px;
	width: 100%;
	height: 1px;
	background: rgba(38, 68, 50, 0.14);
}

.bb-language-drawer__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: flex-start;
	min-height: 0;
	width: 100%;
	padding: 32px;
}

.bb-language-drawer__choices {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 22px;
	width: 100%;
}

.bb-language-drawer__eyebrow {
	width: 100%;
	margin: 0;
	color: #6a756d;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.84px;
	text-transform: uppercase;
}

.bb-language-drawer__options {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
}

.bb-language-drawer__option {
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
	height: 80px;
	padding: 0 20px;
	border: 1px solid rgba(38, 68, 50, 0.18);
	border-radius: 16px;
	background: var(--bb-notice-cart-background);
	color: var(--bb-notice-background);
	text-decoration: none;
	overflow: hidden;
}

.bb-language-drawer__option.is-active,
.bb-language-drawer__option[aria-current="page"] {
	border-color: var(--bb-notice-background);
	background: var(--bb-notice-promise-icon-background);
}

.bb-language-drawer__option:hover,
.bb-language-drawer__option:focus-visible {
	border-color: var(--bb-notice-background);
	outline: none;
}

.bb-language-drawer__globe-surface {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	border: 1px solid rgba(38, 68, 50, 0.18);
	border-radius: 999px;
	background: var(--bb-notice-cart-background);
	overflow: hidden;
}

.bb-language-drawer__globe-surface picture {
	display: contents;
}

.bb-language-drawer__globe-surface img {
	display: block;
	width: 24px;
	height: 24px;
	max-width: none;
}

.bb-language-drawer__details {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	min-width: 0;
	font-family: var(--bb-font-ui);
}

.bb-language-drawer__details strong {
	width: 100%;
	color: var(--bb-notice-background);
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.2px;
}

.bb-language-drawer__active {
	flex: 0 0 auto;
	color: var(--bb-notice-background);
	font-family: var(--bb-font-ui);
	font-size: 10px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	white-space: nowrap;
}

body.bb-language-open {
	overflow: hidden;
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-language-drawer__panel {
		width: 400px;
		height: 400px;
		border-radius: 24px 0 0 24px;
	}

	.bb-language-drawer__header {
		flex-basis: 104px;
		height: 104px;
		padding: 0 28px;
	}

	.bb-language-drawer__title-group h2 {
		font-size: 32px;
		line-height: 38px;
	}

	.bb-language-drawer__body {
		padding: 28px;
	}

	.bb-language-drawer__option {
		height: 88px;
	}

	.bb-language-drawer[data-language="hr"] .bb-language-drawer__option {
		height: 80px;
	}

	.bb-language-drawer__choices {
		gap: 22px;
	}
}

@media (max-width: 767px) {
	.bb-language-drawer {
		align-items: flex-start;
		justify-content: center;
		padding-top: 8px;
	}

	.bb-language-drawer__panel {
		width: min(375px, calc(100vw - 16px));
		height: 350px;
		border-radius: 24px;
		transform: translateY(-24px);
		opacity: 0;
		transition: transform 220ms ease, opacity 180ms ease;
	}

	.bb-language-drawer.is-open .bb-language-drawer__panel {
		transform: translateY(0);
		opacity: 1;
	}

	.bb-language-drawer__header {
		flex-basis: 88px;
		height: 88px;
		padding: 0 20px;
	}

	.bb-language-drawer__title-group {
		gap: 2px;
	}

	.bb-language-drawer__title-group h2 {
		font-size: 28px;
		line-height: 34px;
	}

	.bb-language-drawer button.bb-language-drawer__close {
		flex-basis: 40px;
		width: 40px;
		height: 40px;
	}

	.bb-language-drawer__body {
		padding: 20px;
	}

	.bb-language-drawer__choices {
		gap: 16px;
	}

	.bb-language-drawer__eyebrow {
		font-size: 11px;
		letter-spacing: 0.77px;
	}

	.bb-language-drawer__options {
		gap: 10px;
	}

	.bb-language-drawer__option {
		height: 72px;
		padding: 0 16px;
	}

	.bb-language-drawer__globe-surface {
		flex-basis: 40px;
		width: 40px;
		height: 40px;
	}

	.bb-language-drawer__globe-surface img {
		width: 22px;
		height: 22px;
	}

	.bb-language-drawer__details {
		gap: 0;
	}

	.bb-language-drawer__details strong {
		font-size: 14px;
		letter-spacing: 1.12px;
	}

	.bb-language-drawer__details > span {
		font-size: 11px;
	}

}


/* Figma: Navigation / Mobile Side Drawer — node 100:597 */
@media (max-width: 1099px) {
	.bb-main-nav.is-menu-open .bb-main-nav__inner {
		display: block;
	}

	.bb-mobile-menu {
		position: fixed;
		top: 0;
		right: 0;
		left: auto;
		z-index: 10020;
		display: flex;
		flex-direction: column;
		width: min(375px, 100vw);
		height: min(760px, 100vh);
		background: var(--bb-notice-cart-background);
		border: 1px solid rgba(38, 68, 50, 0.18);
		border-radius: 24px 0 0 24px;
		box-shadow: 0 8px 20px -6px rgba(14, 45, 32, 0.17);
		overflow: hidden;
		visibility: hidden;
		pointer-events: none;
		transform: translateX(100%);
		transition: transform 220ms ease, visibility 220ms ease;
	}

	.bb-main-nav.is-menu-open .bb-mobile-menu {
		display: flex;
		visibility: visible;
		pointer-events: auto;
		transform: translateX(0);
	}

	.bb-mobile-menu__bar {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex: 0 0 112px;
		width: 100%;
		height: 112px;
		padding: 0 24px;
		overflow: visible;
	}

	.bb-mobile-menu button.bb-mobile-menu__close {
		position: relative;
		top: auto;
		left: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 44px;
		width: 44px;
		height: 44px;
		padding: 0;
		border: 1px solid var(--bb-notice-background) !important;
		border-radius: 999px !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	.bb-mobile-menu__close img {
		width: 24px;
		height: 24px;
	}

	.bb-mobile-menu__title {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 160px;
		margin: 0;
		transform: translate(-50%, -50%);
		color: var(--bb-notice-background);
		font-family: var(--bb-font-display);
		font-size: 32px;
		font-weight: 500;
		line-height: 38px;
		text-align: center;
	}

	.bb-mobile-language-selector {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		left: auto !important;
		flex: 0 0 96px;
		width: 96px !important;
		height: 44px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible;
		transform: none !important;
		z-index: 60;
	}

	.bb-mobile-language-selector button.bb-mobile-menu__language {
		position: relative !important;
		inset: auto !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 5px !important;
		width: 96px !important;
		height: 44px !important;
		margin: 0 !important;
		padding: 0 9px 0 10px !important;
		border: 1px solid rgba(38, 68, 50, 0.18) !important;
		border-radius: 999px !important;
		background: #f3f0d5 !important;
		box-shadow: none !important;
		color: var(--bb-notice-background);
		font-size: 13px;
		letter-spacing: 0.78px;
	}

	.bb-mobile-menu__language-globe {
		flex: 0 0 20px !important;
		width: 20px !important;
		height: 20px !important;
	}

	.bb-mobile-menu__language-chevron {
		flex: 0 0 14px !important;
		width: 14px !important;
		height: 14px !important;
	}

	.bb-mobile-language-selector .bb-language-menu--mobile {
		top: 52px;
		right: 0;
		width: 128px;
	}

	.bb-mobile-menu__header-divider {
		flex: 0 0 1px;
		width: 100%;
		height: 1px;
		line-height: 0;
	}

	.bb-mobile-menu__header-divider img {
		display: block;
		width: 375px;
		height: 1px;
		max-width: none;
	}

	.bb-mobile-menu__expanded {
		position: relative;
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		width: 100%;
		height: auto;
		min-height: 0;
		padding: 34px 32px 28px;
		overflow: hidden;
	}

	.bb-mobile-menu__links {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
		width: 100%;
		padding: 0;
		overflow: visible;
	}

	.bb-mobile-menu__entry {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.bb-mobile-menu__links a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 70px;
		padding: 0;
		color: var(--bb-notice-background);
		font-family: var(--bb-font-ui);
		font-size: 20px;
		font-weight: 600;
		line-height: 1;
		letter-spacing: 1.2px;
		text-align: center;
		text-decoration: none;
	}

	.bb-mobile-menu__item-divider {
		display: block;
		width: 100%;
		height: 1px;
		max-width: none;
	}

	.bb-mobile-menu__social {
		position: relative;
		top: auto;
		left: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 24px;
		width: 100%;
		height: auto;
		padding-top: 24px;
		transform: none;
	}

	.bb-mobile-menu__social-divider {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: rgba(38, 68, 50, 0.14);
	}

	.bb-mobile-menu__social-row {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 16px;
	}

	.bb-mobile-menu__social-item {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 48px;
		width: 48px;
		height: 48px;
		border-radius: 999px;
		background: var(--bb-notice-promise-icon-background);
	}

	body.bb-menu-open {
		overflow: hidden;
	}
}

@media (max-width: 767px) {
	.bb-mobile-menu {
		width: min(375px, 100vw);
		height: 100vh;
		border-radius: 24px 0 0 24px;
	}
}


/* Figma authoritative Navigation / Main fix — node 15:72 */
/* Legacy top header must never render with the new notice/navigation stack. */
.bb-notice {
	display: none !important;
}

/* Component frame */
.bb-main-nav {
	position: relative !important;
	z-index: 10;
	width: 100% !important;
	height: 120px !important;
	background: var(--bb-nav-background, #fff) !important;
	color: var(--bb-nav-text, #264432) !important;
	box-shadow: 0 4px 12px -4px rgba(14, 45, 32, 0.10) !important;
	overflow: visible !important;
}

.bb-main-nav__inner {
	position: relative !important;
	width: min(100%, 1440px) !important;
	height: 120px !important;
	margin: 0 auto !important;
}

/* Desktop navigation groups */
.bb-main-nav__primary,
.bb-main-nav__secondary {
	position: absolute !important;
	top: 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 24px !important;
	width: 312px !important;
	height: 120px !important;
	overflow: hidden !important;
}

.bb-main-nav__primary { left: 259px !important; }
.bb-main-nav__secondary { left: 869px !important; }

.bb-main-nav__item {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 144px !important;
	width: 144px !important;
	height: 120px !important;
	padding: 0 !important;
	background: transparent !important;
	color: var(--bb-nav-text, #264432) !important;
	text-decoration: none !important;
}

.bb-main-nav__item > span {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	padding: 15px !important;
	border-radius: 65px !important;
	background: var(--bb-nav-background, #fff) !important;
	color: var(--bb-nav-text, #264432) !important;
	font-family: var(--bb-font-ui) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 1.12px !important;
	text-align: center !important;
}

.bb-main-nav__item > span {
	transition: background-color 160ms ease, color 160ms ease;
}

.bb-main-nav__item:hover > span,
.bb-main-nav__item:focus-visible > span,
.bb-main-nav__item.is-active > span,
.bb-main-nav__item[aria-current="page"] > span {
	background: #264432 !important;
	color: #fff !important;
}

/* Brand */
.bb-main-nav__brand {
	position: absolute !important;
	top: 30px !important;
	left: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 60px !important;
	padding: 0 !important;
	transform: translateX(-50%) !important;
	overflow: hidden !important;
}

.bb-main-nav__brand img {
	display: block !important;
	height: 60px !important;
	max-width: none !important;
}

.bb-main-nav--hr .bb-main-nav__brand { width: 180.5px !important; }
.bb-main-nav--en .bb-main-nav__brand { width: 250px !important; }

/* Cart selector from Figma: 68 × 44 */
.bb-main-nav__cart-selector {
	position: absolute !important;
	top: 38px !important;
	left: 1228px !important;
	right: auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 4px !important;
	width: 68px !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 4px !important;
	border: 1px solid #e9eceb !important;
	border-radius: 22px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: var(--bb-nav-text, #264432) !important;
	text-decoration: none !important;
	overflow: hidden !important;
	z-index: 31 !important;
}

.bb-main-nav__cart-icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 32px !important;
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	max-width: 32px !important;
	padding: 0 !important;
	border-radius: 999px !important;
	background: #cfdc72 !important;
	overflow: hidden !important;
}

.bb-main-nav__cart-icon img {
	display: block !important;
	flex: 0 0 16px !important;
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	max-width: 16px !important;
	object-fit: contain !important;
}

.bb-main-nav__cart-count {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 24px !important;
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	max-width: 24px !important;
	padding: 0 !important;
	border-radius: 999px !important;
	background: #264432 !important;
	color: #fff !important;
	font-family: var(--bb-font-ui) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: normal !important;
}

/* Language selector desktop */
.bb-language-selector {
	position: absolute !important;
	top: 38px !important;
	left: 1304px !important;
	right: auto !important;
	width: 96px !important;
	height: 44px !important;
	z-index: 30 !important;
}

.bb-main-nav .bb-language-selector button.bb-main-nav__language {
	position: absolute !important;
	inset: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 5px !important;
	width: 96px !important;
	height: 44px !important;
	padding: 0 9px 0 10px !important;
	border: 1px solid rgba(38, 68, 50, 0.18) !important;
	border-radius: 999px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: var(--bb-nav-text, #264432) !important;
}

.bb-main-nav .bb-language-selector .bb-main-nav__language-globe {
	display: block !important;
	flex: 0 0 20px !important;
	width: 20px !important;
	height: 20px !important;
}

.bb-main-nav .bb-language-selector .bb-main-nav__language-short {
	display: inline-block !important;
	font-size: 13px !important;
	line-height: 1 !important;
	letter-spacing: .78px !important;
}

.bb-main-nav .bb-language-selector .bb-main-nav__language-chevron {
	display: block !important;
	flex: 0 0 14px !important;
	width: 14px !important;
	height: 14px !important;
}

/* Tablet variant */
@media (max-width: 1099px) and (min-width: 768px) {
	.bb-main-nav {
		height: 96px !important;
	}

	.bb-main-nav__inner {
		width: min(100%, 1024px) !important;
		height: 96px !important;
	}

	.bb-main-nav__primary,
	.bb-main-nav__secondary {
		display: none !important;
	}

	.bb-main-nav__brand {
		top: 22.2px !important;
		height: 51.6px !important;
	}

	.bb-main-nav__brand img {
		height: 51.6px !important;
	}

	.bb-main-nav--hr .bb-main-nav__brand { width: 155.23px !important; }
	.bb-main-nav--en .bb-main-nav__brand { width: 215px !important; }

	.bb-main-nav__toggle {
		top: 28px !important;
		left: 24px !important;
		display: flex !important;
		width: 40px !important;
		height: 40px !important;
	}

	.bb-main-nav__cart-selector {
		top: 26px !important;
		left: 828px !important;
		right: auto !important;
	}

	.bb-language-selector {
		top: 26px !important;
		left: 904px !important;
		right: auto !important;
	}
}

/* Mobile variant */
@media (max-width: 767px) {
	.bb-main-nav {
		height: 80px !important;
	}

	.bb-main-nav__inner {
		width: 100% !important;
		height: 80px !important;
	}

	.bb-main-nav__primary,
	.bb-main-nav__secondary,
	.bb-language-selector {
		display: none !important;
	}

	.bb-main-nav__brand {
		top: 18.4px !important;
		height: 43.2px !important;
	}

	.bb-main-nav__brand img {
		height: 43.2px !important;
	}

	.bb-main-nav--hr .bb-main-nav__brand { width: 129.96px !important; }
	.bb-main-nav--en .bb-main-nav__brand { width: 180px !important; }

	.bb-main-nav__toggle {
		top: 20px !important;
		left: 16px !important;
		display: flex !important;
		width: 40px !important;
		height: 40px !important;
	}

	.bb-main-nav__cart-selector {
		top: 18px !important;
		left: auto !important;
		right: 16px !important;
	}
}


/* Figma: Product Categories / Grid — node 139:586 */
.bb-category-section {
	width: 100%;
	min-height: 1200px;
	padding: 92px 72px 108px;
	background: #fefbea;
	color: #264432;
	overflow: hidden;
}

.bb-category-section__heading {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
	width: 100%;
	text-align: center;
}

.bb-category-section__eyebrow {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.bb-category-section__eyebrow-line {
	display: block;
	width: 34px;
	height: 2px;
	border-radius: 999px;
	background: #264432;
}

.bb-category-section__eyebrow p {
	margin: 0;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.56px;
	text-transform: uppercase;
}

.bb-category-section h2 {
	width: 100%;
	margin: 0;
	font-family: var(--bb-font-display);
	font-size: 54px;
	font-weight: 500;
	line-height: 1.02;
	letter-spacing: -1.62px;
	color: #264432;
}

.bb-category-section__description {
	width: min(670px, 100%);
	margin: 0;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.45;
	color: #264432;
	text-align: left;
}

.bb-category-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: repeat(2, 430px);
	gap: 24px;
	width: 100%;
	margin-top: 48px;
}

.bb-category-card {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	min-width: 0;
	height: 430px;
	padding: 18px;
	border-radius: 5px;
	background: #f8f4de;
	overflow: hidden;
	text-decoration: none;
}

.bb-category-card--slot-1 { grid-column: 1; grid-row: 1; }
.bb-category-card--slot-2 { grid-column: 2; grid-row: 1; }
.bb-category-card--slot-3 { grid-column: 1; grid-row: 2; }
.bb-category-card--slot-4 { grid-column: 2; grid-row: 2; }

.bb-category-card__image {
	position: absolute !important;
	inset: 0 !important;
	display: block;
	width: 100% !important;
	height: 100% !important;
	min-width: 100%;
	min-height: 100%;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center center;
	transition: transform 320ms ease;
}

.bb-category-card:hover .bb-category-card__image,
.bb-category-card:focus-visible .bb-category-card__image {
	transform: scale(1.015);
}

.bb-category-card__label {
	position: absolute;
	top: 18px;
	left: 18px;
	display: inline-flex;
	align-items: flex-start;
	flex: 0 0 auto;
	width: max-content;
	max-width: calc(100% - 36px);
	min-width: 0;
	padding: 7px 11px;
	border-radius: 999px;
	background: rgba(255,255,255,.95);
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 1.04px;
	white-space: nowrap;
	z-index: 2;
	transition: background-color 160ms ease, color 160ms ease;
}

.bb-category-card:hover .bb-category-card__label,
.bb-category-card:focus-visible .bb-category-card__label {
	background: #7ab145;
	color: #fefbea;
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-category-section {
		padding: 72px 48px 96px;
	}

	.bb-category-section h2 {
		font-size: 48px;
		letter-spacing: -1.44px;
	}

	.bb-category-section__description {
		width: min(560px, 100%);
	}

	.bb-category-grid {
		grid-template-rows: repeat(2, 360px);
		gap: 20px;
		margin-top: 40px;
	}

	.bb-category-card {
		height: 360px;
		padding: 16px;
	}

	.bb-category-card__label {
		top: 16px;
		left: 16px;
		max-width: calc(100% - 32px);
	}
}

@media (max-width: 767px) {
	.bb-category-section {
		min-height: 1200px;
		padding: 72px 24px 96px;
	}

	.bb-category-section h2 {
		font-size: 40px;
		letter-spacing: -1.2px;
	}

	.bb-category-section__description {
		width: 100%;
	}

	.bb-category-grid {
		display: flex;
		flex-direction: column;
		gap: 20px;
		margin-top: 40px;
	}

	.bb-category-card {
		width: 100%;
		height: 360px;
		padding: 16px;
	}

	.bb-category-card__label {
		top: 16px;
		left: 16px;
		max-width: calc(100% - 32px);
	}
}


/* Figma: Newsletter / CTA — node 145:821 */
.bb-newsletter {
	position: relative;
	z-index: 2;
	width: 100%;
	min-height: 520px;
	padding: 72px 64px;
	background: #cfdc72;
	overflow: visible;
}

.bb-newsletter__panel {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 72px;
	width: 100%;
	min-height: 376px;
	padding: 64px;
	border-radius: 5px;
	background: #264432;
	box-shadow: 0 8px 20px -6px rgba(14,45,32,.17);
	overflow: visible;
}

.bb-newsletter__editorial {
	display: flex;
	flex: 0 0 620px;
	flex-direction: column;
	align-items: flex-start;
	gap: 28px;
	width: 620px;
	color: #fff;
}

.bb-newsletter__message {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	overflow: hidden;
}

.bb-newsletter__message h2 {
	margin: 0;
	color: #fff;
	font-family: var(--bb-font-display);
	font-size: 58px;
	font-weight: 500;
	line-height: 1.02;
	letter-spacing: -1.74px;
}

.bb-newsletter__message p {
	margin: 0;
	color: rgba(255,255,255,.85);
	font-family: var(--bb-font-ui);
	font-size: 18px;
	line-height: 1.45;
}

.bb-newsletter__offer {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 11px;
	border-radius: 999px;
	background: #cfdc72;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
}

.bb-newsletter__offer-value {
	font-size: 13px;
	letter-spacing: .78px;
}

.bb-newsletter__offer-copy {
	font-size: 12px;
	letter-spacing: .48px;
	text-transform: uppercase;
}

.bb-newsletter__signup {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	min-width: 0;
}

.bb-newsletter__intro {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
	overflow: hidden;
}

.bb-newsletter__eyebrow,
.bb-newsletter__intro-copy {
	margin: 0;
	font-family: var(--bb-font-ui);
}

.bb-newsletter__eyebrow {
	color: #cfdc72;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.3px;
	text-transform: uppercase;
}

.bb-newsletter__intro-copy {
	color: rgba(255,255,255,.72);
	font-size: 14px;
	line-height: 1.45;
}

.bb-newsletter__form {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	height: 120px;
}

.bb-newsletter__controls {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
}

.bb-newsletter__email {
	flex: 1 1 0;
	min-width: 0;
	height: 58px;
	padding: 0 18px;
	border: 1px solid rgba(38,68,50,.14);
	border-radius: 5px;
	background: #fff;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	line-height: 1.2;
	box-shadow: none;
}

.bb-newsletter__email::placeholder {
	color: rgba(38,68,50,.64);
	opacity: 1;
}

.bb-newsletter__submit {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 164px;
	width: 164px;
	height: 58px;
	margin: 0;
	padding: 0 18px;
	border: 0;
	border-radius: 5px;
	background: #cfdc72;
	box-shadow: 0 4px 12px -4px rgba(14,45,32,.10);
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.3px;
	cursor: pointer;
}

.bb-newsletter__consent {
	position: absolute;
	top: 70px;
	left: 0;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	width: min(492px, 100%);
	color: rgba(255,255,255,.72);
	font-family: var(--bb-font-ui);
	font-size: 12px;
	line-height: 1.4;
	cursor: pointer;
	overflow: hidden;
}

.bb-newsletter__consent input {
	appearance: none;
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	margin: 2px 0 0;
	border: 1px solid rgba(255,255,255,.72);
	border-radius: 3px;
	background: transparent;
}

.bb-newsletter__consent input:checked {
	background: #cfdc72;
	box-shadow: inset 0 0 0 4px #264432;
}

.bb-newsletter__status {
	position: absolute;
	top: 108px;
	left: 0;
	margin: 0;
	color: rgba(255,255,255,.85);
	font-family: var(--bb-font-ui);
	font-size: 12px;
	line-height: 1.4;
}

/* Figma decorative motifs surrounding the panel */
.bb-newsletter__motif {
	position: absolute;
	z-index: 4;
	display: block;
	pointer-events: none;
	overflow: visible;
}

.bb-newsletter__motif picture {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	transform-origin: center;
}

.bb-newsletter__motif img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
}

.bb-newsletter__motif--top-left {
	top: 12px;
	left: -10.85px;
	width: 204.915px;
	height: 173.144px;
}
.bb-newsletter__motif--top-left picture {
	width: 180px;
	height: 138.752px;
	transform: translate(-50%, -50%) rotate(12deg);
}

.bb-newsletter__motif--bottom-right {
	top: 310.87px;
	left: 1270px;
	width: 196.653px;
	height: 168.277px;
}
.bb-newsletter__motif--bottom-right picture {
	width: 170px;
	height: 131.043px;
	transform: translate(-50%, -50%) rotate(-14deg);
}

.bb-newsletter__motif--bottom-left {
	top: 330px;
	left: -53.73px;
	width: 178.389px;
	height: 156.32px;
}
.bb-newsletter__motif--bottom-left picture {
	width: 150px;
	height: 115.626px;
	transform: translate(-50%, -50%) rotate(18deg);
}

.bb-newsletter__motif--top-right {
	top: -37.72px;
	left: 1220px;
	width: 210.572px;
	height: 174.379px;
}
.bb-newsletter__motif--top-right > img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 190px;
	height: 146.46px;
	transform: translate(-50%, -50%) rotate(-9deg);
	transform-origin: center;
}

.bb-newsletter__accent {
	position: relative;
	z-index: 5;
	display: block;
	flex: 0 0 80px;
	width: 80px;
	height: 104.651px;
	overflow: hidden;
}

.bb-newsletter__accent picture,
.bb-newsletter__accent img {
	display: block;
	width: 80px;
	height: 104.651px;
	max-width: none;
}

@media (max-width: 767px) {
	.bb-newsletter {
		min-height: 640px;
		padding: 48px 24px;
	}

	.bb-newsletter__panel {
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 36px;
		min-height: 544px;
		padding: 36px 28px 32px;
	}

	.bb-newsletter__editorial {
		flex: 0 0 auto;
		gap: 22px;
		width: 100%;
	}

	.bb-newsletter__message h2 {
		font-size: 42px;
		letter-spacing: -1.26px;
	}

	.bb-newsletter__message p {
		font-size: 16px;
	}

	.bb-newsletter__signup {
		flex: 0 0 auto;
		width: 100%;
	}

	.bb-newsletter__form {
		height: 190px;
	}

	.bb-newsletter__controls {
		flex-direction: column;
	}

	.bb-newsletter__email,
	.bb-newsletter__submit {
		flex: 0 0 58px;
		width: 100%;
	}

	.bb-newsletter__consent {
		top: 138px;
		width: 271px;
		min-height: 52px;
	}

	.bb-newsletter__status {
		top: 188px;
	}

	.bb-newsletter__accent {
		flex-basis: 45px;
		width: 45px;
		height: 58.866px;
	}

	.bb-newsletter__accent img {
		width: 45px;
		height: 58.866px;
	}

	.bb-newsletter__motif--top-left {
		top: 12px;
		left: -60.65px;
		width: 115.678px;
		height: 98.987px;
	}
	.bb-newsletter__motif--top-left picture {
		width: 100px;
		height: 77.084px;
		transform: translate(-50%, -50%) rotate(14deg);
	}

	.bb-newsletter__motif--bottom-right {
		top: 569.19px;
		left: 318px;
		width: 105.636px;
		height: 91.496px;
	}
	.bb-newsletter__motif--bottom-right picture {
		width: 90px;
		height: 69.376px;
		transform: translate(-50%, -50%) rotate(-16deg);
	}

	.bb-newsletter__motif--bottom-left {
		top: 568px;
		left: -48.25px;
		width: 101.087px;
		height: 88.581px;
	}
	.bb-newsletter__motif--bottom-left picture {
		width: 85px;
		height: 65.522px;
		transform: translate(-50%, -50%) rotate(18deg);
	}

	.bb-newsletter__motif--top-right {
		display: block;
		top: -37.1px;
		left: 292px;
		width: 123.053px;
		height: 102.606px;
	}
	.bb-newsletter__motif--top-right > img {
		width: 110px;
		height: 84.793px;
		transform: translate(-50%, -50%) rotate(-10deg);
	}
}

/* Decorative section overlap support */
.bb-category-section,
.bb-hero-slider {
	position: relative;
	z-index: 1;
}


/* Sticky main navigation */
.bb-main-nav {
	position: sticky !important;
	top: 0 !important;
	z-index: 1000 !important;
}


/* Figma: Footer — node 159:1875 */
.bb-footer {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	min-height: 480px;
	background: var(--bb-footer-background, #264432);
	color: var(--bb-footer-text, #e9eceb);
	box-shadow: 0 8px 20px -6px rgba(14,45,32,.17);
	overflow: hidden;
}

.bb-footer__content {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	min-height: 392px;
	padding: 72px 64px 76px;
	overflow: hidden;
}

.bb-footer__brand-group {
	display: flex;
	flex: 0 0 300px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	width: 300px;
	height: 244px;
}

.bb-footer__brand {
	display: flex;
	align-items: center;
	width: 250px;
	height: 60px;
	overflow: hidden;
}

.bb-footer__brand img {
	display: block;
	width: 180.5px;
	height: 38.196px;
	max-width: none;
}

.bb-footer__tagline {
	width: 286px;
	margin: 0;
	color: var(--bb-footer-text, #e9eceb);
	font-family: var(--bb-font-display);
	font-size: 28px;
	font-weight: 400;
	line-height: 1.18;
	letter-spacing: -.56px;
}

.bb-footer__socials {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.bb-footer__social {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(38,68,50,.14);
	border-radius: 999px;
	background: var(--bb-footer-social-background, #27773b);
	box-shadow: 0 4px 12px -4px rgba(14,45,32,.10);
	text-decoration: none;
	overflow: hidden;
}

.bb-footer__social img {
	display: block;
	width: 18px;
	height: 18px;
	max-width: none;
}

.bb-footer__grid {
	display: grid;
	grid-template-columns: 150px 150px 150px 248px;
	column-gap: 78.5px;
	align-items: start;
}

.bb-footer__column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	width: 150px;
	overflow: hidden;
}

.bb-footer__column--contact {
	width: 248px;
}

.bb-footer__column h2 {
	width: 100%;
	margin: 0;
	color: var(--bb-footer-text, #e9eceb);
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.3px;
	text-transform: uppercase;
}

.bb-footer__links,
.bb-footer__legal-links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bb-footer__links {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 13px;
	width: 100%;
}

.bb-footer__links li {
	margin: 0;
	padding: 0;
	line-height: 1.25;
}

.bb-footer__links a {
	color: var(--bb-footer-link, #7ab145);
	font-family: var(--bb-font-ui);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.25;
	text-decoration: none;
	white-space: nowrap;
}

.bb-footer__links a:hover,
.bb-footer__links a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.bb-footer__contact-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
	width: 100%;
}

.bb-footer__contact-item {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	min-height: 31px;
	color: var(--bb-footer-link, #7ab145);
	font-family: var(--bb-font-ui);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.25;
	text-decoration: none;
	overflow: hidden;
}

.bb-footer__contact-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	border-radius: 999px;
	background: var(--bb-footer-social-background, #27773b);
}

.bb-footer__contact-icon img {
	display: block;
	width: 15px;
	height: 15px;
	max-width: none;
}

.bb-footer__legal-row {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 88px;
	padding: 0 64px;
	background: var(--bb-footer-background, #264432);
}

.bb-footer__legal {
	display: flex;
	align-items: center;
	min-width: 0;
}

.bb-footer__legal-links {
	display: flex;
	align-items: center;
	gap: 32px;
}

.bb-footer__legal-links a,
.bb-footer__copyright {
	color: rgba(233,236,235,.72);
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.3;
	text-decoration: none;
}

.bb-footer__legal-links a:hover,
.bb-footer__legal-links a:focus-visible {
	color: var(--bb-footer-text, #e9eceb);
}

.bb-footer__copyright {
	margin: 0;
	white-space: nowrap;
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-footer {
		min-height: 706px;
	}

	.bb-footer__content {
		flex-direction: column;
		justify-content: flex-start;
		gap: 72px;
		min-height: 618px;
		padding: 72px 64px 76px;
	}

	.bb-footer__brand-group {
		flex-basis: auto;
		gap: 24px;
		width: 100%;
		height: 218px;
	}

	.bb-footer__grid {
		grid-template-columns: 150px 150px 150px 248px;
		column-gap: 48px;
		width: 896px;
	}

	.bb-footer__legal-row {
		height: 88px;
		padding: 0 64px;
	}
}

@media (max-width: 767px) {
	.bb-footer {
		min-height: 1094px;
		height: 1094px;
		overflow: hidden;
	}

	.bb-footer__content {
		position: relative;
		display: block;
		width: 100%;
		height: 964px;
		min-height: 964px;
		padding: 0;
		overflow: hidden;
	}

	.bb-footer__brand-group {
		position: absolute;
		top: 36px;
		left: 24px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		width: calc(100% - 48px);
		height: 173px;
	}

	.bb-footer__brand {
		width: 250px;
		height: 60px;
	}

	.bb-footer__brand img {
		width: 180.5px;
		height: 38.196px;
	}

	.bb-footer__tagline {
		width: 100%;
		margin: 0;
		font-size: 24px;
		line-height: 1.2;
		letter-spacing: -.36px;
	}

	.bb-footer__socials {
		display: flex;
		gap: 10px;
	}

	.bb-footer__grid {
		position: static;
		display: block;
		width: 100%;
		height: 100%;
	}

	.bb-footer__column,
	.bb-footer__column--contact {
		position: absolute;
		left: 24px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		width: calc(100% - 48px);
		overflow: visible;
	}

	.bb-footer__column:nth-child(1) {
		top: 241px;
		height: 180px;
	}

	.bb-footer__column:nth-child(2) {
		top: 453px;
		height: 148px;
	}

	.bb-footer__column:nth-child(3) {
		top: 633px;
		height: 116px;
	}

	.bb-footer__column:nth-child(4) {
		top: 781px;
		height: 151px;
	}

	.bb-footer__links {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 13px;
		width: 100%;
	}

	.bb-footer__contact-list {
		gap: 14px;
		width: 100%;
	}

	.bb-footer__contact-item {
		width: 100%;
		min-height: 31px;
	}

	.bb-footer__legal-row {
		position: relative;
		display: block;
		width: 100%;
		height: 130px;
		padding: 0;
	}

	.bb-footer__legal {
		position: absolute;
		top: 28px;
		left: 24px;
		width: 233px;
	}

	.bb-footer__legal-links {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 13px;
		width: 233px;
	}

	.bb-footer__copyright {
		position: absolute;
		right: 24px;
		bottom: 28px;
		margin: 0;
	}
}


/* Figma: Product Slider / Sale — node 199:923 */
.bb-product-slider {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	width: 100%;
	height: 906px;
	padding: 72px 120px 64px;
	background: #fff;
	overflow: hidden;
}

.bb-product-slider__toolbar {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	width: min(1200px, 100%);
	height: 44px;
	overflow: hidden;
}

.bb-product-slider__controls {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 98px;
	height: 44px;
}

.bb-product-slider__nav {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border-radius: 999px;
	box-shadow: none;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
}

.bb-product-slider__nav--prev {
	border: 1px solid #e5e9e7;
	background: #fff !important;
}

.bb-product-slider__nav--next {
	border: 0;
	background: #264432 !important;
}

.bb-product-slider__nav:disabled {
	opacity: .45;
	cursor: default;
}

.bb-product-slider__nav img {
	display: block;
	width: 18px;
	height: 18px;
	max-width: none;
}

.bb-product-slider__carousel {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	width: min(1200px, 100%);
	height: 631px;
}

.bb-product-slider__viewport {
	width: 100%;
	height: 608px;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
	scroll-snap-type: x proximity;
	touch-action: pan-y;
	cursor: grab;
	user-select: none;
	-webkit-user-select: none;
}

.bb-product-slider__viewport.is-dragging {
	cursor: grabbing;
	scroll-snap-type: none;
}

.bb-product-slider__viewport::-webkit-scrollbar {
	display: none;
}

.bb-product-slider__track {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	width: max-content;
	height: 608px;
}

.bb-product-card {
	position: relative;
	display: flex;
	flex: 0 0 389.333px;
	flex-direction: column;
	align-items: flex-start;
	width: 389.333px;
	height: 608px;
	border: 1px solid #e5e9e7;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 4px 12px -4px rgba(14,45,32,.10);
	overflow: hidden;
	scroll-snap-align: start;
}

.bb-product-card__visual {
	position: relative;
	display: block;
	flex: 0 0 320px;
	width: calc(100% - 2px);
	height: 320px;
	margin: 0;
	background: #e9eceb;
	color: inherit;
	text-decoration: none;
	overflow: hidden;
}

.bb-product-card__image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
	transition: transform 240ms ease;
}

.bb-product-card:hover .bb-product-card__image {
	transform: scale(1.015);
}

.bb-product-card__category {
	position: absolute;
	top: 14px;
	left: 14px;
	display: inline-flex;
	align-items: flex-start;
	width: max-content;
	max-width: calc(100% - 72px);
	padding: 7px 11px;
	border-radius: 999px;
	background: rgba(255,255,255,.95);
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 1.04px;
	white-space: nowrap;
	overflow: hidden;
	transition: background-color 160ms ease, color 160ms ease;
}

.bb-product-card:hover .bb-product-card__category,
.bb-product-card:focus-within .bb-product-card__category {
	background: #7ab145;
	color: #fefbea;
}

.bb-product-card__discount {
	position: absolute;
	top: 14px;
	right: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 19px;
	background: #cfdc72;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .6px;
	white-space: nowrap;
}

.bb-product-card__details {
	display: flex;
	flex: 0 0 288px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	width: calc(100% - 2px);
	height: 288px;
	padding: 18px;
	overflow: hidden;
}

.bb-product-card__information {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	width: 100%;
	overflow: hidden;
}

.bb-product-card__name {
	display: block;
	width: 100%;
	min-height: 44px;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.25;
	text-decoration: none;
}

.bb-product-card__sale-tag {
	display: inline-flex;
	align-items: flex-start;
	width: max-content;
	padding: 7px 10px;
	border-radius: 999px;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .6px;
	white-space: nowrap;
}

.bb-product-card__sale-tag.is-sale {
	background: #f06b2a;
	color: #fefbea;
}

.bb-product-card__sale-tag.is-reduced {
	background: #c18fc0;
	color: #264432;
}

.bb-product-card__pricing {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	width: 100%;
	min-height: 44px;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
}

.bb-product-card__price-primary {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}

.bb-product-card__price-meta {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	min-width: 0;
	padding-top: 7px;
}

.bb-product-card__unit-price {
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
}

.bb-product-card__reference-price {
	color: #66756c;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
}

.bb-product-card__price {
	display: flex;
	align-items: baseline;
	gap: 10px;
	width: 100%;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
}

.bb-product-card__price-current,
.bb-product-card__price-current .woocommerce-Price-amount {
	color: #27773b;
	font-family: var(--bb-font-ui);
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
}

.bb-product-card__price-old,
.bb-product-card__price-old .woocommerce-Price-amount {
	color: #66756c;
	font-family: var(--bb-font-ui);
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	text-decoration: line-through;
}

.bb-product-card__purchase {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1 1 auto;
	width: auto;
	height: 48px;
	flex: 0 0 48px;
}

.bb-product-card__quantity {
	display: flex;
	flex: 0 0 86px;
	align-items: center;
	justify-content: space-between;
	width: 86px;
	height: 48px;
	padding: 0 8px;
	border: 1px solid #e9eceb;
	border-radius: 24px;
	background: #fff;
	color: #264432;
}

.bb-product-card__quantity-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 46px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
}

.bb-product-card__quantity-value {
	min-width: 18px;
	text-align: center;
	font-family: var(--bb-font-ui);
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
}

.bb-product-card__add,
.bb-product-card__add.button {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 9px;
	width: 100%;
	height: 48px;
	min-height: 48px;
	margin: 0 !important;
	padding: 0 16px !important;
	border: 0 !important;
	border-radius: 65px !important;
	background: #264432 !important;
	box-shadow: none !important;
	color: #fff !important;
	font-family: var(--bb-font-ui);
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .78px;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

.bb-product-card__add:hover,
.bb-product-card__add:focus-visible,
.bb-product-card__add.button:hover,
.bb-product-card__add.button:focus-visible {
	background: var(--bb-cta-hover) !important;
	color: #fff !important;
}

.bb-product-card__add img {
	display: block;
	flex: 0 0 17px;
	width: 17px;
	height: 17px;
	max-width: none;
}

.bb-product-slider__progress {
	position: relative;
	width: 100%;
	height: 3px;
	background: #e9eceb;
	overflow: hidden;
}

.bb-product-slider__progress-active {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 25%;
	height: 3px;
	background: #264432;
	transform-origin: left center;
	will-change: transform,width;
}

/* Tablet variant from Figma */
@media (max-width: 1099px) and (min-width: 768px) {
	.bb-product-slider {
		align-items: center;
		gap: 40px;
		height: 906px;
		padding: 72px 48px 64px;
	}

	.bb-product-slider__toolbar,
	.bb-product-slider__carousel {
		width: 928px;
		max-width: 100%;
	}

	.bb-product-card {
		flex-basis: 456px;
		width: 456px;
		height: 608px;
	}
}

/* Mobile variant from Figma */
@media (max-width: 767px) {
	.bb-product-slider {
		align-items: flex-start;
		gap: 28px;
		width: 100%;
		height: 962px;
		padding: 56px 24px 48px;
	}

	.bb-product-slider__toolbar {
		width: 327px;
		height: 40px;
	}

	.bb-product-slider__controls {
		width: 90px;
		height: 40px;
	}

	.bb-product-slider__nav {
		flex-basis: 40px;
		width: 40px;
		height: 40px;
	}

	.bb-product-slider__carousel {
		gap: 18px;
		width: 327px;
		height: 635px;
	}

	.bb-product-slider__viewport {
		width: 327px;
		height: 614px;
	}

	.bb-product-slider__track {
		height: 614px;
	}

	.bb-product-card {
		flex-basis: 327px;
		width: 327px;
		height: 614px;
	}

	.bb-product-card__visual {
		flex-basis: 326px;
		width: 325px;
		height: 326px;
	}

	.bb-product-card__details {
		width: 325px;
		height: 288px;
	}

	.bb-product-slider__progress {
		width: 327px;
	}
}


/* Slider uses the side cart after AJAX add-to-cart, so WooCommerce's
   inline "Prikaži košaricu" link is redundant. */
.bb-product-slider .added_to_cart.wc-forward {
	display: none !important;
}


@media (max-width: 420px) {
	.bb-product-card__add,
	.bb-product-card__add.button {
		padding: 0 12px !important;
		font-size: 12px !important;
		letter-spacing: .6px;
	}

	.bb-product-card__quantity {
		flex-basis: 86px;
		width: 86px;
	}
}


/* Figma: Shop Archive — node 325:19971 */
.bb-shop-archive{background:#fff;color:#264432}
.bb-shop-intro--desktop{display:flex;flex-direction:column;align-items:center;padding-top:64px;background:#fff}
.bb-shop-breadcrumb{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding-bottom:32px;font-family:var(--bb-font-ui);font-size:16px}
.bb-shop-breadcrumb a{color:#264432;text-decoration:none}.bb-shop-breadcrumb span:last-child{color:#7ab145}
.bb-shop-heading{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%}
.bb-shop-heading h1,.bb-shop-catalog h2{margin:0;font-family:var(--bb-font-display);font-weight:500;color:#264432}
.bb-shop-heading h1{font-size:48px;line-height:1.02;letter-spacing:-1.44px}
.bb-shop-heading p{width:560px;max-width:calc(100% - 48px);margin:0;font-family:var(--bb-font-ui);font-size:16px;line-height:1.45}
.bb-shop-intro--mobile{display:none}
.bb-shop-listing{display:flex;flex-direction:column;gap:40px;padding:72px 120px;background:#fff}
.bb-shop-review{display:flex;flex-direction:column;gap:8px;width:100%;padding:20px;border:1px solid rgba(38,68,50,.14);border-radius:5px;background:#f7f1dd}
.bb-shop-review strong{font-family:var(--bb-font-ui);font-size:12px;letter-spacing:1.2px}
.bb-shop-review p{margin:0;font-family:var(--bb-font-ui);font-size:13px;line-height:1.55}
.bb-shop-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;width:100%}
.bb-shop-filter{display:flex;flex-direction:column;gap:24px;width:220px}.bb-shop-filter h2{margin:0;font-family:var(--bb-font-display);font-size:44px;line-height:1.05;letter-spacing:-1.32px;font-weight:500}
.bb-shop-filter__categories{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.bb-shop-chip{border:0;border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.95);color:#264432;font-family:var(--bb-font-ui);font-size:13px;font-weight:600;letter-spacing:1.04px;cursor:pointer}
.bb-shop-chip:hover,.bb-shop-chip.is-active{background:#cfdc72}
.bb-shop-filter__divider{width:100%;height:1px;background:rgba(38,68,50,.14)}
.bb-shop-filter__meta{margin:0;font-family:var(--bb-font-ui);font-size:13px;line-height:1.55}
.bb-shop-search{display:flex;flex-direction:column;gap:10px;font-family:var(--bb-font-ui);font-size:16px}
.bb-shop-search input{width:100%;height:58px;padding:0 18px;border:1px solid rgba(38,68,50,.14);border-radius:5px;background:#fff;color:#264432;font:inherit}
.bb-shop-products{display:flex;flex-direction:column;gap:24px;min-width:0}
.bb-shop-toolbar{display:flex;align-items:center;gap:16px}.bb-shop-toolbar p{flex:1;margin:0;font-family:var(--bb-font-ui);font-size:13px;line-height:1.55}
.bb-shop-sort select{height:44px;padding:0 38px 0 16px;border:1px solid rgba(38,68,50,.18);border-radius:999px;background:#fff;color:#264432;font-family:var(--bb-font-ui);font-size:13px;font-weight:600;letter-spacing:.78px}
.bb-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bb-shop-card{display:flex;flex-direction:column;height:544px;border:1px solid #e5e9e7;border-radius:5px;background:#fff;box-shadow:0 4px 12px -4px rgba(14,45,32,.1);overflow:hidden}
.bb-shop-card[hidden]{display:none!important}
.bb-shop-card__visual{position:relative;display:block;height:320px;flex:0 0 320px;background:#e9eceb;overflow:hidden}
.bb-shop-card__visual>img{display:block;width:100%;height:100%;object-fit:contain}
.bb-shop-card__category{position:absolute;top:14px;left:14px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.95);font-family:var(--bb-font-ui);font-size:13px;font-weight:600;letter-spacing:1.04px;color:#264432}
.bb-shop-card:hover .bb-shop-card__category{background:#7ab145;color:#fefbea}
.bb-shop-card__details{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:18px}
.bb-shop-card__name{display:block;min-height:44px;color:#264432;text-decoration:none;font-family:var(--bb-font-ui);font-size:18px;font-weight:600;line-height:1.25}
.bb-shop-card__price{margin-top:12px;color:#27773b;font-family:var(--bb-font-ui);font-size:22px;font-weight:600;line-height:1}
.bb-shop-card__price del{font-size:14px;color:#66756c}.bb-shop-card__price ins{text-decoration:none}
.bb-shop-card__add{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:48px;border:0;border-radius:65px;background:#264432;color:#fff!important;text-decoration:none;font-family:var(--bb-font-ui);font-size:13px;font-weight:600;letter-spacing:.78px;cursor:pointer}
.bb-shop-card__add:hover,
.bb-shop-card__add:focus-visible{background:var(--bb-cta-hover);color:#fff}.bb-shop-card__add img{width:17px;height:17px}
.bb-shop-load-more-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:8px}.bb-shop-load-more-wrap p{margin:0;font-family:var(--bb-font-ui);font-size:13px}
.bb-shop-load-more,.bb-shop-filter__apply{height:48px;padding:0 24px;border:1px solid #264432;border-radius:65px;background:#fff;color:#264432;font-family:var(--bb-font-ui);font-size:13px;font-weight:600;letter-spacing:.78px;cursor:pointer}
.bb-shop-filter-toggle,.bb-shop-filter__mobile-head,.bb-shop-filter__apply{display:none}
.bb-shop-catalog{display:flex;flex-direction:column;padding:72px 120px;background:#fefbea}
.bb-shop-catalog h2{font-size:44px;line-height:1.05;letter-spacing:-1.32px}
.bb-shop-catalog>p{margin:24px 0 32px;font-family:var(--bb-font-ui);font-size:16px}
.bb-shop-catalog__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.bb-shop-catalog__item{display:flex;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid rgba(38,68,50,.14);font-family:var(--bb-font-ui);font-size:15px}
.bb-shop-catalog__item strong{font-weight:600}.bb-shop-catalog__item span{white-space:nowrap}
.bb-shop-review--catalog{margin-top:32px}

@media(max-width:1099px) and (min-width:768px){
  .bb-shop-listing,.bb-shop-catalog{padding-left:48px;padding-right:48px}
  .bb-shop-layout{grid-template-columns:190px minmax(0,1fr);gap:24px}
  .bb-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:767px){
  .bb-shop-intro--desktop{display:none}.bb-shop-intro--mobile{display:flex;flex-direction:column;gap:22px;padding:48px 24px 40px;background:#fefbea}
  .bb-shop-mobile-breadcrumb{font-family:var(--bb-font-ui);font-size:16px;color:#6a756d}
  .bb-shop-mobile-heading{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.bb-shop-eyebrow-line{width:34px;height:2px;background:#264432}.bb-shop-eyebrow{font-family:var(--bb-font-ui);font-size:12px;font-weight:600;letter-spacing:1.2px}
  .bb-shop-mobile-heading h1{margin:0;font-family:var(--bb-font-display);font-size:42px;line-height:1.05;letter-spacing:-1.26px;font-weight:500}.bb-shop-mobile-heading p{margin:0;font-family:var(--bb-font-ui);font-size:16px;line-height:1.55}
  .bb-shop-listing{gap:28px;padding:48px 24px}.bb-shop-review{min-height:140px;padding:20px}
  .bb-shop-layout{display:block}.bb-shop-filter-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;padding:0 18px;border:1px solid rgba(38,68,50,.18);border-radius:5px;background:#fff;color:#264432;font-family:var(--bb-font-ui);font-size:14px;font-weight:600}
  .bb-shop-filter{position:fixed;inset:0 0 0 auto;z-index:2200;width:min(340px,100%);height:100dvh;padding:24px;background:#fefbea;transform:translateX(100%);transition:transform .25s ease;overflow:auto}.bb-shop-filter.is-open{transform:translateX(0)}
  .bb-shop-filter__mobile-head{display:flex;align-items:center;justify-content:space-between}.bb-shop-filter__mobile-head strong{font-family:var(--bb-font-display);font-size:30px}.bb-shop-filter__mobile-head button{border:0;background:transparent;font-size:30px;color:#264432}
  .bb-shop-filter h2{font-size:36px}.bb-shop-filter__apply{display:block;width:100%;background:#264432;color:#fff}
  body.bb-shop-filter-open{overflow:hidden}
  .bb-shop-toolbar{align-items:center}.bb-shop-sort select{max-width:185px}
  .bb-shop-grid{grid-template-columns:1fr;gap:24px}.bb-shop-card{height:544px}
  .bb-shop-catalog{padding:48px 24px}.bb-shop-catalog h2{font-size:38px}.bb-shop-catalog__grid{grid-template-columns:1fr}.bb-shop-catalog__item{flex-direction:column;gap:6px}.bb-shop-catalog__item span{white-space:normal}
}


/* Figma authoritative Shop Archive sync — node 325:19971, latest */
.bb-shop-listing {
	gap: 0;
	padding: 72px 120px;
}

.bb-shop-filter {
	position: sticky;
	top: 144px;
	align-self: start;
	gap: 24px;
	width: 220px;
	max-height: calc(100vh - 168px);
	overflow: auto;
	scrollbar-width: none;
}

.bb-shop-filter::-webkit-scrollbar {
	display: none;
}

.bb-shop-filter h2 {
	font-size: 34px;
	line-height: 1.05;
	letter-spacing: -1.02px;
}

.bb-shop-filter__meta {
	display: none;
}

.bb-shop-tags {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	color: #264432;
}

.bb-shop-tags__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.bb-shop-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 8px 14px;
	border: 1px solid #e9eceb;
	border-radius: 999px;
	background: #fff;
	color: #8e9891;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.04px;
	cursor: pointer;
}

.bb-shop-tag:hover,
.bb-shop-tag.is-active {
	border-color: #7ab145;
	background: #7ab145;
	color: #fefbea;
}

.bb-shop-filter__divider--bottom {
	margin-top: 0;
}

.bb-shop-toolbar {
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
}

.bb-shop-toolbar > p {
	flex: 0 0 auto;
	white-space: nowrap;
}

.bb-shop-toolbar__filters {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.bb-shop-sort select,
.bb-shop-status {
	height: 44px;
	border: 1px solid rgba(38,68,50,.18);
	border-radius: 999px;
	background: #fff;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .78px;
}

.bb-shop-status {
	padding: 0 8px;
	cursor: pointer;
}

.bb-shop-status:hover,
.bb-shop-status.is-active {
	background: #cfdc72;
	border-color: #cfdc72;
}

.bb-shop-card__purchase {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	height: 48px;
}

.bb-shop-card__quantity {
	display: flex;
	flex: 0 0 86px;
	align-items: center;
	justify-content: space-between;
	width: 86px;
	height: 48px;
	padding: 0 8px;
	border: 1px solid #e9eceb;
	border-radius: 65px;
	background: #fff;
	color: #264432;
}

.bb-shop-card__quantity button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 46px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
}

.bb-shop-card__quantity span {
	min-width: 18px;
	text-align: center;
	font-family: var(--bb-font-ui);
	font-size: 14px;
}

.bb-shop-card__purchase .bb-shop-card__add {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
}

.bb-shop-load-more__mobile {
	display: none;
}

.bb-shop-catalog {
	display: none !important;
}

.bb-shop-archive > .bb-newsletter {
	margin-top: 0;
}

@media(max-width:1099px) and (min-width:768px) {
	.bb-shop-filter {
		top: 120px;
		width: 190px;
	}
}

@media(max-width:767px) {
	.bb-shop-intro--mobile {
		display: flex;
		height: 229px;
		gap: 22px;
		padding: 48px 24px 40px;
		background: #fefbea;
		overflow: hidden;
	}

	.bb-shop-mobile-heading {
		gap: 16px;
	}

	.bb-shop-eyebrow-line,
	.bb-shop-eyebrow {
		display: none !important;
	}

	.bb-shop-mobile-heading h1 {
		font-size: 36px;
		line-height: 1.05;
		letter-spacing: -1.08px;
	}

	.bb-shop-mobile-heading p {
		font-size: 16px;
		line-height: 1.55;
	}

	.bb-shop-listing {
		display: block;
		padding: 48px 24px;
	}

	.bb-shop-review,
	.bb-shop-filter-toggle {
		display: none !important;
	}

	.bb-shop-layout {
		display: flex;
		flex-direction: column;
		gap: 32px;
	}

	.bb-shop-filter {
		position: static;
		display: flex;
		width: 327px;
		max-width: 100%;
		max-height: none;
		height: auto;
		padding: 0;
		background: transparent;
		transform: none;
		overflow: visible;
	}

	.bb-shop-filter.is-collapsed > *:not(.bb-shop-filter__mobile-head) {
		display: none;
	}

	.bb-shop-filter__mobile-head {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		height: 44px;
		gap: 8px;
	}

	.bb-shop-filter__mobile-head strong {
		font-family: var(--bb-font-ui);
		font-size: 16px;
		font-weight: 400;
	}

	.bb-shop-filter__mobile-head button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 28px;
		height: 28px;
		padding: 0;
		border: 0;
		background: transparent;
		color: #264432;
		font-size: 22px;
		line-height: 1;
	}

	.bb-shop-filter h2 {
		font-size: 28px;
		line-height: 1.05;
		letter-spacing: -.84px;
	}

	.bb-shop-filter__categories {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 8px;
	}

	.bb-shop-search,
	.bb-shop-tags {
		width: 100%;
	}

	.bb-shop-filter__apply {
		display: block;
		width: 100%;
		height: 48px;
		border: 0;
		background: #264432;
		color: #fff;
	}

	.bb-shop-products {
		gap: 24px;
	}

	.bb-shop-toolbar {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		width: 327px;
		max-width: 100%;
	}

	.bb-shop-toolbar__filters {
		width: 100%;
		flex: 0 0 auto;
		overflow-x: auto;
		flex-wrap: nowrap;
		scrollbar-width: none;
	}

	.bb-shop-toolbar__filters::-webkit-scrollbar {
		display: none;
	}

	.bb-shop-sort,
	.bb-shop-status {
		flex: 0 0 auto;
	}

	.bb-shop-sort select {
		max-width: none;
	}

	.bb-shop-grid {
		width: 327px;
		max-width: 100%;
	}

	.bb-shop-card {
		width: 327px;
		max-width: 100%;
		height: 544px;
	}

	.bb-shop-card__visual {
		height: 320px;
		flex-basis: 320px;
	}

	.bb-shop-card__purchase {
		gap: 8px;
	}

	.bb-shop-card__purchase .bb-shop-card__add {
		padding: 0 14px;
		font-size: 13px;
		letter-spacing: .78px;
	}

	.bb-shop-load-more {
		width: 260px;
		height: 56px;
		background: #264432;
		color: #fff;
		border: 0;
	}

	.bb-shop-load-more__desktop {
		display: none;
	}

	.bb-shop-load-more__mobile {
		display: inline;
	}
}


/* Shared icon treatment: Shop sort uses the same chevron asset as language selector. */
.bb-shop-sort {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.bb-shop-sort select {
	appearance: none;
	-webkit-appearance: none;
	padding-right: 38px;
	cursor: pointer;
}

.bb-shop-sort__chevron {
	position: absolute;
	right: 12px;
	top: 50%;
	width: 14px;
	height: 14px;
	transform: translateY(-50%);
	pointer-events: none;
}


/* Shop cards reuse Product Slider sale badge and price primitives. */
.bb-shop-card__information {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	width: 100%;
}

.bb-shop-card__information .bb-product-card__sale-tag {
	margin: 0;
}

.bb-shop-card__information .bb-product-card__price {
	margin-top: 0;
}

.bb-shop-card__information .bb-product-card__price-current,
.bb-shop-card__information .bb-product-card__price-old {
	line-height: 1;
}


/* Shop Archive pricing sync — Figma node 325:19971 */
.bb-shop-card {
	height: 608px;
}

.bb-shop-card__details {
	flex: 0 0 288px;
	height: 288px;
}

.bb-shop-card__information {
	gap: 12px;
	overflow: hidden;
}

.bb-shop-card__pricing {
	width: 100%;
	min-height: 44px;
	margin-top: 0;
}

.bb-shop-card__pricing .bb-product-card__price-current,
.bb-shop-card__pricing .bb-product-card__price-old {
	line-height: 1;
}

@media(max-width:767px) {
	.bb-shop-card {
		height: 608px;
	}

	.bb-shop-card__details {
		height: 288px;
	}
}


/* Figma mobile Shop Archive authoritative sync — node 325:20099 */
@media (max-width: 767px) {
	.bb-shop-intro--mobile {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 24px;
		width: 100%;
		height: 229px;
		padding: 48px 24px 0;
		background: #fff;
		overflow: hidden;
	}

	.bb-shop-mobile-breadcrumb {
		width: 100%;
		margin: 0;
		color: #6a756d;
		font-family: var(--bb-font-ui);
		font-size: 16px;
		font-weight: 400;
		line-height: normal;
		text-align: center;
	}

	.bb-shop-mobile-heading {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 16px;
		width: 100%;
	}

	.bb-shop-mobile-heading h1 {
		width: 100%;
		margin: 0;
		color: #264432;
		font-family: var(--bb-font-display);
		font-size: 36px;
		font-weight: 500;
		line-height: normal;
		letter-spacing: -1.08px;
		text-align: center;
	}

	.bb-shop-mobile-heading p {
		width: 100%;
		margin: 0;
		color: #264432;
		font-family: var(--bb-font-ui);
		font-size: 16px;
		font-weight: 400;
		line-height: 1.55;
		text-align: center;
	}

	.bb-shop-listing {
		display: flex;
		flex-direction: column;
		gap: 28px;
		width: 100%;
		padding: 48px 24px;
		overflow: hidden;
	}

	.bb-shop-layout {
		display: flex;
		flex-direction: column;
		gap: 32px;
		width: 327px;
		max-width: 100%;
	}

	.bb-shop-filter {
		position: static;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		width: 327px;
		max-width: 100%;
		height: auto;
		max-height: none;
		padding: 0;
		background: transparent;
		transform: none;
		overflow: visible;
	}

	.bb-shop-filter__mobile-head {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 12px;
		width: 327px;
		max-width: 100%;
		height: 56px;
		padding: 16px;
		border: 1px solid rgba(38,68,50,.14);
		border-radius: 5px;
		background: #fff;
		color: #264432;
	}

	.bb-shop-filter__mobile-head img {
		display: block;
		flex: 0 0 24px;
		width: 24px;
		height: 24px;
	}

	.bb-shop-filter__mobile-head span {
		font-family: var(--bb-font-ui);
		font-size: 16px;
		font-weight: 400;
		line-height: normal;
		white-space: nowrap;
	}

	.bb-shop-filter h2 {
		width: 100%;
		margin: 0;
		font-family: var(--bb-font-display);
		font-size: 28px;
		font-weight: 500;
		line-height: 1.05;
		letter-spacing: -.84px;
	}

	.bb-shop-filter__categories {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
		gap: 12px;
		width: 100%;
	}

	.bb-shop-search {
		width: 100%;
	}

	.bb-shop-tags {
		width: 100%;
	}

	.bb-shop-filter__apply {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 327px;
		max-width: 100%;
		height: 48px;
		border: 0;
		border-radius: 65px;
		background: #264432;
		color: #fff;
	}

	.bb-shop-products {
		display: flex;
		flex-direction: column;
		gap: 24px;
		width: 327px;
		max-width: 100%;
	}

	.bb-shop-toolbar {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		width: 327px;
		max-width: 100%;
		min-height: 128px;
	}

	.bb-shop-toolbar > p {
		height: 20px;
		margin: 0;
		line-height: 20px;
	}

	.bb-shop-toolbar__filters {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
		gap: 8px;
		width: 327px;
		max-width: 100%;
		height: 96px;
		overflow: visible;
	}

	.bb-shop-sort {
		flex: 0 0 100%;
		width: 215px;
		height: 44px;
	}

	.bb-shop-sort select {
		width: 215px;
		max-width: 215px;
		height: 44px;
	}

	.bb-shop-status {
		flex: 0 0 auto;
		height: 44px;
	}

	.bb-shop-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 24px;
		width: 327px;
		max-width: 100%;
	}

	.bb-shop-card {
		width: 327px;
		max-width: 100%;
		height: 608px;
	}

	.bb-shop-card__visual {
		flex: 0 0 320px;
		width: 100%;
		height: 320px;
	}

	.bb-shop-card__details {
		flex: 0 0 288px;
		width: 100%;
		height: 288px;
		padding: 18px;
	}

	.bb-shop-load-more-wrap {
		gap: 16px;
		padding-top: 0;
	}

	.bb-shop-load-more {
		width: 260px;
		height: 56px;
		border: 0;
		background: #264432;
		color: #fff;
	}
}

/* Primary add-to-cart buttons use neutral/white icon treatment from Figma. */
.bb-product-card__add img,
.bb-product-card__add.button img,
.bb-shop-card__add img {
	filter: brightness(0) invert(1);
	opacity: 1;
}


/* Shop archive product imagery follows homepage Product Slider behavior. */
.bb-shop-card__visual .bb-product-card__image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
	transition: transform 240ms ease;
}

.bb-shop-card:hover .bb-product-card__image,
.bb-shop-card:focus-within .bb-product-card__image {
	transform: scale(1.015);
}

/* Mobile Shop filter is a real dropdown. */
@media (max-width: 767px) {
	.bb-shop-filter__mobile-head {
		appearance: none;
		-webkit-appearance: none;
		justify-content: space-between;
		cursor: pointer;
	}

	.bb-shop-filter__mobile-label {
		display: flex;
		align-items: center;
		gap: 12px;
		min-width: 0;
	}

	.bb-shop-filter__mobile-chevron {
		display: block;
		flex: 0 0 auto;
		width: 14px;
		height: 14px;
		transition: transform 180ms ease;
	}

	.bb-shop-filter.is-open .bb-shop-filter__mobile-chevron {
		transform: rotate(180deg);
	}

	.bb-shop-filter.is-collapsed > *:not(.bb-shop-filter__mobile-head) {
		display: none !important;
	}

	.bb-shop-filter.is-collapsed {
		gap: 0;
	}

	.bb-shop-filter.is-open {
		gap: 20px;
	}
}


/* Shop Archive: variable pack pills + mobile sticky filter/search placement */
.bb-shop-card__packs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	width: 100%;
}

.bb-shop-card__pack {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 8px 12px;
	border: 1px solid #e9eceb;
	border-radius: 999px;
	background: #fff;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
}

.bb-shop-card__pack:hover,
.bb-shop-card__pack.is-selected {
	border-color: #264432;
	background: #264432;
	color: #fff;
}

.bb-product-card__sale-tag.is-hidden,
.bb-product-card__price-old.is-hidden {
	display: none !important;
}

.bb-shop-search--mobile {
	display: none;
}

.bb-shop-filter__mobile-closemark {
	display: none;
}

@media (max-width: 767px) {
	.bb-shop-filter {
		position: sticky !important;
		top: 80px !important;
		z-index: 900;
		width: 327px;
		max-width: 100%;
		background: #fff;
	}

	.bb-shop-filter.is-collapsed {
		display: flex !important;
		height: 56px;
		min-height: 56px;
		overflow: visible;
	}

	.bb-shop-filter.is-collapsed .bb-shop-filter__mobile-head {
		display: flex !important;
		position: relative;
		z-index: 2;
	}

	.bb-shop-filter.is-open {
		max-height: calc(100dvh - 80px);
		overflow-y: auto;
		padding-bottom: 16px;
		box-shadow: 0 12px 24px -18px rgba(14,45,32,.3);
	}

	.bb-shop-filter.is-open .bb-shop-filter__mobile-closemark {
		display: inline;
	}

	.bb-shop-search--desktop {
		display: none !important;
	}

	.bb-shop-search--mobile {
		display: flex;
		width: 327px;
		max-width: 100%;
	}

	.bb-shop-sort {
		flex: 0 0 215px !important;
		width: 215px !important;
		max-width: 215px;
	}

	.bb-shop-sort select {
		width: 215px !important;
		max-width: 215px !important;
	}

	.bb-shop-sort__chevron {
		right: 14px;
	}

	.bb-shop-toolbar__filters {
		height: auto;
		min-height: 96px;
	}

	.bb-shop-card__information {
		gap: 10px;
	}
}


/* Latest Figma Shop Archive visual tokens — category title, product tags, package pills */
.bb-shop-filter h2 {
	margin: 0;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.05;
	letter-spacing: -0.48px;
}

.bb-shop-tag {
	min-height: 35px;
	padding: 10px 14px;
	border: 1px solid #e9eceb;
	border-radius: 999px;
	background: #fff;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.04px;
}

.bb-shop-tag:hover,
.bb-shop-tag:focus-visible,
.bb-shop-tag.is-active {
	border-color: #e9eceb;
	background: #e9eceb;
	color: #264432;
}

.bb-shop-card__pack {
	min-height: 30px;
	height: 30px;
	padding: 0 12px;
	border: 1px solid #e9eceb;
	border-radius: 15px;
	background: #fff;
	color: #7ab145;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
}

.bb-shop-card__pack:hover,
.bb-shop-card__pack:focus-visible {
	border-color: #7ab145;
	background: #fff;
	color: #7ab145;
}

.bb-shop-card__pack.is-selected {
	border-color: #7ab145;
	background: #7ab145;
	color: #fff;
}

@media (max-width: 767px) {
	.bb-shop-filter h2 {
		font-family: var(--bb-font-ui);
		font-size: 16px;
		font-weight: 600;
		line-height: 1.05;
		letter-spacing: -0.48px;
	}
}


/* Shop archive uses side cart, so WooCommerce's inline "Prikaži košaricu" link is redundant. */
.bb-shop-archive .added_to_cart.wc-forward {
	display: none !important;
}


/* Mobile Shop filter: dropdown remains in normal flow and never overlaps product controls. */
@media (max-width: 767px) {
	.bb-shop-filter {
		position: static !important;
		top: auto !important;
		z-index: auto !important;
		width: 327px;
		max-width: 100%;
		background: transparent;
		overflow: visible;
	}

	.bb-shop-filter.is-collapsed {
		display: flex !important;
		height: 56px;
		min-height: 56px;
		overflow: visible;
	}

	.bb-shop-filter.is-open {
		max-height: none;
		overflow: visible;
		padding-bottom: 0;
		box-shadow: none;
	}

	.bb-shop-filter__mobile-head {
		position: static !important;
		z-index: auto !important;
	}

	.bb-shop-products {
		position: relative;
		z-index: 1;
	}
}


/* Figma: Shop callout / Optional banner — nodes 406:8682 + 406:8689 */
.bb-shop-callout {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	gap: 28px;
	width: 100%;
	min-height: 172px;
	padding: 40px;
	border-radius: 5px;
	background: var(--bb-shop-callout-background, #fefbea);
	color: var(--bb-shop-callout-text, #264432);
	overflow: hidden;
}

.bb-shop-callout__message {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	min-width: 0;
}

.bb-shop-callout__message h3 {
	width: 100%;
	margin: 0;
	color: inherit;
	font-family: var(--bb-font-display);
	font-size: 25px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
}

.bb-shop-callout__message p {
	width: 100%;
	margin: 0;
	color: inherit;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
}

.bb-shop-callout__button {
	display: inline-flex;
	flex: 0 0 200px;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 48px;
	padding: 0 18px;
	border-radius: 65px;
	background: var(--bb-shop-callout-button-background, #264432);
	color: var(--bb-shop-callout-button-text, #fff);
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .78px;
	text-decoration: none;
	white-space: nowrap;
}

.bb-shop-callout__button:hover,
.bb-shop-callout__button:focus-visible {
	color: var(--bb-shop-callout-button-text, #fff);
	opacity: .92;
}

.bb-shop-callout__button.is-static {
	cursor: default;
}

@media (max-width: 767px) {
	.bb-shop-callout {
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
		width: 327px;
		max-width: 100%;
		min-height: 234px;
		padding: 24px;
	}

	.bb-shop-callout__message {
		width: 100%;
		flex: 0 0 auto;
	}

	.bb-shop-callout__button {
		flex: 0 0 48px;
		width: 100%;
	}
}


/* Clickable WooCommerce notice keeps the same visual treatment. */
a.bb-woo-notice__message {
	color: inherit;
	text-decoration: none;
}

a.bb-woo-notice__message:hover,
a.bb-woo-notice__message:focus-visible {
	color: inherit;
	text-decoration: none;
}


/* Entire WooCommerce notice is clickable when a link is configured. */
.bb-woo-notice__link {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: block;
}

.bb-woo-notice__message {
	position: relative;
	z-index: 2;
	pointer-events: none;
}

.bb-woo-notice__close {
	position: relative;
	z-index: 3;
}

.bb-woo-notice__rail {
	z-index: 2;
	pointer-events: none;
}


/* Figma: Single Product page — node 325:20533 */
.bb-single-product {
	width: 100%;
	background: #fff;
	color: #264432;
	overflow: hidden;
}

.bb-single-product__detail,
.bb-single-product__story,
.bb-single-product__related,
.bb-single-product__recipes {
	width: 100%;
	padding: 72px 120px;
}

.bb-single-product__detail {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.bb-single-product__breadcrumb {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	width: 100%;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	line-height: 1;
	color: #264432;
}

.bb-single-product__breadcrumb a {
	color: inherit;
	text-decoration: none;
}

.bb-single-product__presentation {
	display: grid;
	grid-template-columns: 570px minmax(0, 1fr);
	gap: 64px;
	align-items: start;
	width: 100%;
}

.bb-single-product__gallery {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 570px;
}

.bb-single-product__gallery-main {
	width: 570px;
	height: 570px;
	border-radius: 5px;
	background: #e9eceb;
	overflow: hidden;
}

.bb-single-product__gallery-main-image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
	border-radius: 5px;
	mix-blend-mode: multiply;
}

.bb-single-product__gallery-thumbs {
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
}

.bb-single-product__gallery-thumb-row {
	display: flex;
	gap: 16px;
	flex: 0 0 auto;
}

.bb-single-product__gallery-thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90px;
	height: 90px;
	padding: 0;
	border: 1px solid #e5e9e7;
	border-radius: 5px;
	background: #fff;
	overflow: hidden;
	cursor: pointer;
}

.bb-single-product__gallery-thumb.is-selected {
	padding: 6px;
	border: 1.5px solid #264432;
	background: #e9eceb;
}

.bb-single-product__gallery-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
	border-radius: 5px;
}

.bb-single-product__gallery-thumbs p {
	flex: 1 1 auto;
	margin: 0;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	line-height: 1.55;
	color: #264432;
}

.bb-single-product__info {
	display: flex;
	flex-direction: column;
	gap: 24px;
	min-width: 0;
}

.bb-single-product__category,
.bb-single-product__characteristics span {
	display: inline-flex;
	align-items: center;
	width: max-content;
	padding: 7px 11px;
	border-radius: 999px;
	background: rgba(255,255,255,.95);
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.04px;
}

.bb-single-product__info h1 {
	width: 100%;
	margin: 0;
	font-family: var(--bb-font-display);
	font-size: 64px;
	font-weight: 500;
	line-height: 1.05;
	letter-spacing: -1.92px;
	color: #264432;
}

.bb-single-product__pack-label {
	margin: 0;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	line-height: 1;
}

.bb-single-product__packs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.bb-single-product__pack {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 0 12px;
	border: 1px solid #e9eceb;
	border-radius: 15px;
	background: #fff;
	color: #7ab145;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	cursor: pointer;
}

.bb-single-product__pack.is-selected {
	border-color: #7ab145;
	background: #7ab145;
	color: #fff;
}

.bb-single-product__price {
	display: flex;
	align-items: baseline;
	gap: 12px;
	min-height: 55px;
	color: #264432;
	font-family: var(--bb-font-display);
	font-size: 40px;
	line-height: 1;
}

.bb-single-product__old-price {
	color: #66756c;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	text-decoration: line-through;
}

.bb-single-product__old-price.is-hidden {
	display: none;
}

.bb-single-product__short-copy,
.bb-single-product__story-copy {
	font-family: var(--bb-font-ui);
	font-size: 16px;
	line-height: 1.55;
	color: #264432;
}

.bb-single-product__short-copy p,
.bb-single-product__story-copy p {
	margin: 0;
}

.bb-single-product__characteristics {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.bb-single-product__divider {
	width: 100%;
	height: 1px;
	background: rgba(38,68,50,.14);
}

.bb-single-product__quantity-label,
.bb-single-product__review-note {
	margin: 0;
	font-family: var(--bb-font-ui);
	color: #264432;
}

.bb-single-product__quantity-label {
	font-size: 16px;
}

.bb-single-product__review-note {
	font-size: 13px;
	line-height: 1.55;
}

.bb-single-product__purchase {
	display: flex;
	gap: 12px;
	width: 100%;
	height: 48px;
}

.bb-single-product__quantity {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 0 0 86px;
	width: 86px;
	height: 48px;
	padding: 0 8px;
	border: 1px solid #e9eceb;
	border-radius: 24px;
	background: #fff;
	color: #264432;
}

.bb-single-product__quantity button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 46px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 18px;
	cursor: pointer;
}

.bb-single-product__quantity span {
	font-family: var(--bb-font-ui);
	font-size: 14px;
}

.bb-single-product__add {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	flex: 1 1 auto;
	height: 48px;
	padding: 0 18px;
	border: 0;
	border-radius: 65px;
	background: #264432;
	color: #fff;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .78px;
	cursor: pointer;
}

.bb-single-product__add img {
	width: 17px;
	height: 17px;
	filter: brightness(0) invert(1);
}

.bb-single-product__add:hover,
.bb-single-product__add:focus-visible {
	background: var(--bb-cta-hover);
	color: #fff;
}

.bb-single-product__story {
	display: flex;
	flex-direction: column;
	gap: 32px;
	background: #e9eceb;
}

.bb-single-product__story > h2,
.bb-single-product__related > h2,
.bb-single-product__recipes > h2 {
	width: 100%;
	margin: 0;
	color: #264432;
	font-family: var(--bb-font-display);
	font-size: 44px;
	font-weight: 500;
	line-height: 1.05;
	letter-spacing: -1.32px;
}

.bb-single-product__story-grid {
	display: grid;
	grid-template-columns: 568px 568px;
	gap: 64px;
	width: 100%;
}

.bb-single-product__story-copy {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.bb-single-product__accordion {
	margin: 0;
	padding: 24px;
	border: 1px solid rgba(38,68,50,.14);
	border-radius: 5px;
	background: #fff;
	color: #264432;
}

.bb-single-product__accordion summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	list-style: none;
	font-family: var(--bb-font-ui);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	cursor: pointer;
}

.bb-single-product__accordion summary::-webkit-details-marker { display: none; }

.bb-single-product__accordion summary::after {
	content: '+';
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	font-size: 22px;
	font-weight: 400;
}

.bb-single-product__accordion[open] summary::after {
	content: '−';
}

.bb-single-product__accordion > div {
	padding-top: 18px;
}

.bb-single-product__accordion--link {
	padding: 0;
}

.bb-single-product__accordion--link a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 24px;
	color: #264432;
	text-decoration: none;
	font-family: var(--bb-font-ui);
	font-size: 18px;
	font-weight: 600;
}

.bb-single-product__nutrition h3 {
	margin: 0;
	color: #264432;
	font-family: var(--bb-font-display);
	font-size: 44px;
	font-weight: 500;
	line-height: 1.05;
	letter-spacing: -1.32px;
}

.bb-single-product__nutrition > p {
	margin: 14px 0 0;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	line-height: 1.55;
}

.bb-single-product__nutrition-list {
	margin-top: 28px;
}

.bb-single-product__nutrition-list > div {
	display: grid;
	grid-template-columns: 1fr 190px;
	gap: 16px;
	padding: 14px 0;
	border-bottom: 1px solid rgba(38,68,50,.14);
	font-family: var(--bb-font-ui);
	font-size: 16px;
	line-height: 1;
}

.bb-single-product__nutrition-list strong {
	font-weight: 400;
}

.bb-single-product__related {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.bb-single-related-slider {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 1200px;
	max-width: 100%;
}

.bb-single-related-slider .bb-product-slider__toolbar {
	justify-content: flex-end;
	width: 100%;
}

.bb-single-related-slider .bb-product-slider__carousel {
	width: 100%;
	height: 631px;
}

.bb-single-related-slider .bb-product-slider__viewport {
	width: 100%;
	height: 608px;
}

.bb-single-related-slider .bb-product-slider__track {
	height: 608px;
}

.bb-single-product__recipes {
	display: flex;
	flex-direction: column;
	gap: 40px;
	background: #cfdc72;
}

.bb-single-product__recipe-pairing {
	display: grid;
	grid-template-columns: 384px minmax(0, 1fr);
	gap: 64px;
	align-items: center;
	width: 100%;
	padding: 25px;
}

.bb-single-product__recipe-card {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 384px;
	height: 338px;
	color: #264432;
	text-decoration: none;
}

.bb-single-product__recipe-image {
	width: 100%;
	height: 247px;
	border-radius: 5px;
	background: rgba(255,255,255,.45);
	overflow: hidden;
}

.bb-single-product__recipe-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bb-single-product__recipe-card > span {
	position: absolute;
	top: 14px;
	left: 14px;
	padding: 7px 11px;
	border-radius: 999px;
	background: rgba(255,255,255,.95);
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.04px;
}

.bb-single-product__recipe-card h3 {
	margin: 18px 0 0;
	font-family: var(--bb-font-display);
	font-size: 26px;
	font-weight: 500;
	line-height: 1.1;
}

.bb-single-product__recipe-card strong {
	margin-top: 12px;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .72px;
}

.bb-single-product__recipe-copy {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.bb-single-product__recipe-copy h3 {
	margin: 0;
	font-family: var(--bb-font-display);
	font-size: 44px;
	font-weight: 500;
	line-height: 1.05;
	letter-spacing: -1.32px;
}

.bb-single-product__recipe-copy p {
	margin: 0;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	line-height: 1.55;
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-single-product__detail,
	.bb-single-product__story,
	.bb-single-product__related,
	.bb-single-product__recipes {
		padding-left: 48px;
		padding-right: 48px;
	}

	.bb-single-product__presentation {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 40px;
	}

	.bb-single-product__gallery {
		width: 100%;
	}

	.bb-single-product__gallery-main {
		width: 100%;
		height: auto;
		aspect-ratio: 1;
	}

	.bb-single-product__story-grid {
		grid-template-columns: 1fr 1fr;
		gap: 40px;
	}

	.bb-single-product__recipe-pairing {
		grid-template-columns: 360px minmax(0, 1fr);
		gap: 40px;
	}
}

@media (max-width: 767px) {
	.bb-single-product__detail,
	.bb-single-product__story,
	.bb-single-product__related,
	.bb-single-product__recipes {
		padding: 48px 24px;
	}

	.bb-single-product__detail {
		gap: 28px;
	}

	.bb-single-product__presentation {
		display: flex;
		flex-direction: column;
		gap: 32px;
	}

	.bb-single-product__gallery {
		width: 327px;
		max-width: 100%;
	}

	.bb-single-product__gallery-main {
		width: 327px;
		max-width: 100%;
		height: 327px;
	}

	.bb-single-product__gallery-thumbs {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}

	.bb-single-product__gallery-thumb-row {
		width: 100%;
		gap: 16px;
	}

	.bb-single-product__gallery-thumbs p {
		width: 100%;
	}

	.bb-single-product__info {
		width: 327px;
		max-width: 100%;
		gap: 24px;
	}

	.bb-single-product__info h1 {
		font-size: 42px;
		letter-spacing: -1.26px;
	}

	.bb-single-product__story {
		gap: 32px;
	}

	.bb-single-product__story > h2,
	.bb-single-product__related > h2,
	.bb-single-product__recipes > h2,
	.bb-single-product__nutrition h3,
	.bb-single-product__recipe-copy h3 {
		font-size: 32px;
		letter-spacing: -.96px;
	}

	.bb-single-product__story-grid {
		display: flex;
		flex-direction: column;
		gap: 64px;
		width: 327px;
		max-width: 100%;
	}

	.bb-single-product__story-copy {
		width: 100%;
	}

	.bb-single-product__nutrition {
		width: 100%;
	}

	.bb-single-product__nutrition-list > div {
		grid-template-columns: 186px 125px;
		gap: 16px;
		align-items: start;
		line-height: 1.2;
	}

	.bb-single-product__related {
		gap: 28px;
	}

	.bb-single-related-slider {
		width: 327px;
		max-width: 100%;
	}

	.bb-single-related-slider .bb-product-slider__toolbar {
		display: none;
	}

	.bb-single-related-slider .bb-product-slider__carousel {
		height: 635px;
	}

	.bb-single-related-slider .bb-product-slider__viewport {
		width: 327px;
		height: 614px;
	}

	.bb-single-related-slider .bb-product-slider__track {
		height: 614px;
	}

	.bb-single-product__recipes {
		gap: 40px;
	}

	.bb-single-product__recipe-pairing {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 64px;
		width: 327px;
		max-width: 100%;
		padding: 0;
	}

	.bb-single-product__recipe-card {
		width: 327px;
		max-width: 100%;
		height: 333px;
	}

	.bb-single-product__recipe-image {
		height: 247px;
	}

	.bb-single-product__recipe-card h3 {
		font-size: 26px;
	}

	.bb-single-product__recipe-copy {
		width: 327px;
		max-width: 100%;
	}

	.bb-single-product__purchase {
		width: 100%;
	}
}


/* Single product manually selected related products: fixed grid, not a slider. */
.bb-single-product__related-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	width: 100%;
}

.bb-single-product__related-grid .bb-product-card {
	width: 100%;
	min-width: 0;
	max-width: none;
	flex: none;
}

.bb-single-product__related-grid .bb-product-card__visual {
	width: 100%;
}

.bb-single-product__related-grid .bb-product-card__image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
	transition: transform 240ms ease;
}

.bb-single-product__related-grid .bb-product-card__visual:hover .bb-product-card__image {
	transform: scale(1.035);
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-single-product__related-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.bb-single-product__related-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}


/* Latest Figma Newsletter / CTA — node 145:821 */
.bb-newsletter {
	position: relative;
	z-index: 2;
	width: min(1440px, 100%);
	min-height: 0;
	margin-inline: auto;
	padding: 15px;
	background: #fff;
	overflow: visible;
}

.bb-newsletter__surround {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 32px;
	border-radius: 25px 25px 0 0;
	background: #e9eceb;
}

.bb-newsletter__panel {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 64px;
	width: 100%;
	min-height: 0;
	padding: 48px;
	border-radius: 5px;
	background: #264432;
	box-shadow: 0 8px 20px -6px rgba(14,45,32,.17);
	overflow: hidden;
}

.bb-newsletter__editorial {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 28px;
	width: auto;
	min-width: 0;
	color: #fff;
}

.bb-newsletter__signup {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	width: auto;
	min-width: 0;
	height: auto;
}

.bb-newsletter__form {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	height: 120px;
}

.bb-newsletter__submit {
	border-radius: 999px;
}

.bb-newsletter__motif,
.bb-newsletter__accent {
	display: none !important;
}

/* Single product stays inside the 1440px Figma frame on wide screens. */
.bb-single-product__detail,
.bb-single-product__story,
.bb-single-product__related,
.bb-single-product__recipes {
	max-width: 1440px;
	margin-inline: auto;
}

/* Single product image: no multiply, contained, subtle hover zoom. */
.bb-single-product__gallery-main {
	position: relative;
	display: block;
	padding: 0;
	border: 0;
	cursor: zoom-in;
}

.bb-single-product__gallery-main-image {
	mix-blend-mode: normal !important;
	transition: transform 240ms ease;
}

.bb-single-product__gallery-main:hover .bb-single-product__gallery-main-image,
.bb-single-product__gallery-main:focus-visible .bb-single-product__gallery-main-image {
	transform: scale(1.035);
}

.bb-single-product__zoom-hint {
	position: absolute;
	top: 20px;
	right: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 999px;
	background: rgba(255,255,255,.86);
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 18px;
	line-height: 1;
	pointer-events: none;
}

body.bb-lightbox-open {
	overflow: hidden;
}

.bb-single-product__lightbox {
	position: fixed;
	inset: 0;
	z-index: 3000;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 32px;
}

.bb-single-product__lightbox.is-open {
	display: flex;
}

.bb-single-product__lightbox-backdrop {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: rgba(14,45,32,.82);
	cursor: zoom-out;
}

.bb-single-product__lightbox-dialog {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(1100px, calc(100vw - 64px));
	height: min(820px, calc(100vh - 64px));
	padding: 36px 72px;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 20px 60px rgba(14,45,32,.24);
}

.bb-single-product__lightbox-image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
}

.bb-single-product__lightbox-close,
.bb-single-product__lightbox-nav {
	position: absolute;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: #264432;
	color: #fff;
	cursor: pointer;
}

.bb-single-product__lightbox-close {
	top: 16px;
	right: 16px;
	width: 40px;
	height: 40px;
	font-size: 26px;
}

.bb-single-product__lightbox-nav {
	top: 50%;
	width: 44px;
	height: 44px;
	transform: translateY(-50%);
	font-size: 32px;
}

.bb-single-product__lightbox-nav--prev { left: 16px; }
.bb-single-product__lightbox-nav--next { right: 16px; }

@media (max-width: 767px) {
	.bb-newsletter {
		width: 100%;
		padding: 10px;
	}

	.bb-newsletter__surround {
		align-items: flex-start;
		justify-content: center;
		padding: 16px;
		border-radius: 25px 25px 0 0;
	}

	.bb-newsletter__panel {
		flex-direction: column;
		align-items: flex-start;
		gap: 28px;
		padding: 32px 24px;
	}

	.bb-newsletter__editorial {
		flex: 0 0 auto;
		gap: 22px;
		width: 100%;
	}

	.bb-newsletter__signup {
		flex: 0 0 auto;
		width: 100%;
	}

	.bb-single-product__lightbox {
		padding: 12px;
	}

	.bb-single-product__lightbox-dialog {
		width: calc(100vw - 24px);
		height: calc(100vh - 24px);
		padding: 56px 20px 24px;
	}

	.bb-single-product__lightbox-nav {
		top: auto;
		bottom: 16px;
		transform: none;
	}

	.bb-single-product__lightbox-nav--prev { left: 16px; }
	.bb-single-product__lightbox-nav--next { right: 16px; }
}


/* Single product related grid: keep quantity + CTA inside each 4-column card. */
.bb-single-product__related-grid .bb-product-card__purchase {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	min-width: 0;
	overflow: hidden;
}

.bb-single-product__related-grid .bb-product-card__purchase .bb-product-card__quantity {
	flex: 0 0 86px;
	width: 86px;
}

.bb-single-product__related-grid .bb-product-card__purchase .bb-product-card__add,
.bb-single-product__related-grid .bb-product-card__purchase .bb-product-card__add.button {
	flex: 1 1 0;
	width: auto !important;
	min-width: 0;
	padding-inline: 12px !important;
	font-size: 12px !important;
	letter-spacing: .6px;
	overflow: hidden;
}

.bb-single-product__related-grid .bb-product-card__purchase .bb-product-card__add span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Recipes section background is full-bleed; content keeps the page grid padding. */
.bb-single-product__recipes {
	max-width: none !important;
	width: 100%;
	margin: 0 !important;
	background: #cfdc72;
}


/* Newsletter spacing fixes: grey surround meets footer, mobile consent remains fully visible. */
.bb-newsletter {
	padding-bottom: 0 !important;
}

.bb-newsletter__surround {
	padding-bottom: 32px;
}

@media (max-width: 767px) {
	.bb-newsletter {
		padding: 10px 10px 0 !important;
	}

	.bb-newsletter__surround {
		padding: 16px;
		padding-bottom: 16px;
	}

	.bb-newsletter__panel {
		height: auto;
		min-height: 0;
		overflow: visible;
	}

	.bb-newsletter__signup {
		overflow: visible;
	}

	.bb-newsletter__form {
		height: auto;
		min-height: 0;
		overflow: visible;
	}

	.bb-newsletter__controls {
		flex-direction: column;
	}

	.bb-newsletter__consent {
		position: static;
		width: 100%;
		min-height: 0;
		margin-top: 2px;
		overflow: visible;
	}

	.bb-newsletter__consent span {
		display: block;
		overflow: visible;
	}

	.bb-newsletter__status {
		position: static;
		margin-top: 4px;
	}
}


/* Latest Single Product breadcrumb + packaging sync — Figma node 325:20533 */
.bb-single-product__breadcrumb {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0;
	width: 100%;
	padding-bottom: 32px;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	color: #264432;
}

.bb-single-product__breadcrumb > a,
.bb-single-product__breadcrumb > span:not(.bb-single-product__breadcrumb-separator) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 26px;
	padding: 5px;
	color: #264432;
	text-decoration: none;
	white-space: nowrap;
}

.bb-single-product__breadcrumb-separator {
	display: inline-flex;
	align-items: flex-start;
	justify-content: center;
	min-height: 21px;
	padding-top: 5px;
	color: #e9eceb;
}

.bb-single-product__breadcrumb-current {
	color: #7ab145 !important;
}

.bb-single-product__packs.bb-shop-card__packs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	width: auto;
	min-height: 32px;
}

.bb-single-product__pack.bb-shop-card__pack {
	min-height: 30px;
	height: 30px;
	padding: 0 12px;
	border: 1px solid #e9eceb;
	border-radius: 15px;
	background: #fff;
	color: #7ab145;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
}

.bb-single-product__pack.bb-shop-card__pack.is-selected {
	border-color: #7ab145;
	background: #7ab145;
	color: #fff;
}

.bb-single-product__gallery-main-image {
	transform-origin: center center;
	transition: transform 240ms ease !important;
}

.bb-single-product__gallery-main:hover .bb-single-product__gallery-main-image,
.bb-single-product__gallery-main:focus-visible .bb-single-product__gallery-main-image {
	transform: scale(1.06) !important;
}

@media (max-width: 767px) {
	.bb-single-product__breadcrumb {
		min-height: 84px;
		align-content: flex-start;
		justify-content: center;
		padding-bottom: 32px;
	}

	.bb-single-product__breadcrumb-current {
		flex-basis: auto;
	}
}


/* Single Product gallery: Woo product gallery with pronounced hover zoom. */
.bb-single-product__gallery-main {
	overflow: hidden;
}

.bb-single-product__gallery-main-image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
	transform: scale(1);
	transform-origin: center center;
	transition: transform 360ms cubic-bezier(.2,.75,.25,1) !important;
}

.bb-single-product__gallery-main:hover .bb-single-product__gallery-main-image,
.bb-single-product__gallery-main:focus-visible .bb-single-product__gallery-main-image {
	transform: scale(1.20) !important;
}

.bb-single-product__gallery-thumb img {
	object-fit: contain;
}

/* Latest Figma recipes with product: exactly two recipes. */
.bb-single-product__recipes {
	display: flex;
	flex-direction: column;
	gap: 40px;
	width: 100%;
	max-width: none !important;
	min-height: 545px;
	margin: 0 !important;
	padding: 72px 120px;
	background: #cfdc72;
}

.bb-single-product__recipe-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 32px;
	width: min(1200px, 100%);
	margin-inline: auto;
}

.bb-single-product__recipe-item {
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	gap: 32px;
	align-items: start;
	min-width: 0;
}

.bb-single-product__recipe-image {
	display: block;
	width: 300px;
	height: 250px;
	border-radius: 5px;
	background: #e9eceb;
	overflow: hidden;
}

.bb-single-product__recipe-image img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	border-radius: 5px;
}

.bb-single-product__recipe-text {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
	color: #264432;
}

.bb-single-product__recipe-text h3 {
	margin: 0;
	font-family: var(--bb-font-display);
	font-size: 44px;
	font-weight: 500;
	line-height: 1.05;
	letter-spacing: -1.32px;
	color: #264432;
}

.bb-single-product__recipe-text p {
	margin: 0;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.55;
	color: #264432;
}

.bb-single-product__recipe-text > a {
	margin-top: auto;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}

.bb-single-product__recipes-more {
	width: min(1200px, 100%);
	margin-inline: auto;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	line-height: 1.55;
	text-decoration: none;
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-single-product__recipes {
		padding-left: 48px;
		padding-right: 48px;
	}

	.bb-single-product__recipe-item {
		grid-template-columns: 220px minmax(0, 1fr);
		gap: 24px;
	}

	.bb-single-product__recipe-image {
		width: 220px;
		height: 220px;
	}

	.bb-single-product__recipe-text h3 {
		font-size: 34px;
	}
}

@media (max-width: 767px) {
	.bb-single-product__recipes {
		gap: 40px;
		min-height: 1190px;
		padding: 48px 24px;
	}

	.bb-single-product__recipe-grid {
		display: flex;
		flex-direction: column;
		gap: 32px;
		width: 327px;
		max-width: 100%;
	}

	.bb-single-product__recipe-item {
		display: flex;
		flex-direction: column;
		gap: 16px;
		width: 327px;
		max-width: 100%;
		min-height: 444.5px;
	}

	.bb-single-product__recipe-image {
		width: 327px;
		max-width: 100%;
		height: 272.5px;
	}

	.bb-single-product__recipe-text {
		width: 100%;
	}

	.bb-single-product__recipe-text h3 {
		font-size: 32px;
		letter-spacing: -.96px;
	}

	.bb-single-product__recipes-more {
		width: 327px;
		max-width: 100%;
	}
}


/* Single product gallery final: full-resolution media + working lightbox. */
.bb-single-product__gallery-main {
	appearance: none;
	-webkit-appearance: none;
	position: relative;
	display: block;
	width: 100%;
	height: 570px;
	padding: 0;
	border: 0;
	border-radius: 5px;
	background: #e9eceb;
	overflow: hidden;
	cursor: zoom-in;
}

.bb-single-product__gallery-main-image {
	width: 100%;
	height: 100%;
	object-fit: contain;
	image-rendering: auto;
	backface-visibility: hidden;
	transform: translateZ(0) scale(1);
	transform-origin: center center;
	transition: transform 360ms cubic-bezier(.2,.75,.25,1) !important;
}

.bb-single-product__gallery-main:hover .bb-single-product__gallery-main-image,
.bb-single-product__gallery-main:focus-visible .bb-single-product__gallery-main-image {
	transform: translateZ(0) scale(1.22) !important;
}

.bb-single-product__lightbox.is-open {
	display: flex !important;
}

.bb-single-product__lightbox-image {
	image-rendering: auto;
}

@media (max-width: 767px) {
	.bb-single-product__gallery-main {
		height: 327px;
	}
}


/* Single Product story section: muted background runs full bleed edge-to-edge. */
.bb-single-product__story {
	max-width: none !important;
	width: 100%;
	margin: 0 !important;
	background: #e9eceb;
}

.bb-single-product__story > h2,
.bb-single-product__story-grid {
	width: min(1200px, 100%);
	margin-inline: auto;
}


/* Lightbox fit + image counter. */
.bb-single-product__lightbox {
	padding: 44px 72px 72px;
}

.bb-single-product__lightbox-dialog {
	width: min(1100px, calc(100vw - 144px));
	height: min(820px, calc(100dvh - 116px));
	padding: 28px 64px 44px;
	overflow: visible;
}

.bb-single-product__lightbox-image {
	display: block;
	width: auto !important;
	height: auto !important;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	object-fit: contain !important;
}

.bb-single-product__lightbox-counter {
	position: absolute;
	left: 50%;
	bottom: -34px;
	transform: translateX(-50%);
	color: #fff;
	font-family: var(--bb-font-ui);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .08em;
	white-space: nowrap;
}

@media (max-width: 767px) {
	.bb-single-product__lightbox {
		padding: 20px 16px 56px;
	}

	.bb-single-product__lightbox-dialog {
		width: calc(100vw - 32px);
		height: calc(100dvh - 96px);
		padding: 56px 20px 52px;
	}

	.bb-single-product__lightbox-counter {
		bottom: -30px;
	}
}


/* Single Product full pricing block: current, previous, unit and 02.05.2026 reference price. */
.bb-single-product__pricing {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	width: 100%;
	color: #264432;
}

.bb-single-product__pricing .bb-single-product__price {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	min-height: 0;
	flex: 0 0 auto;
	font-family: var(--bb-font-ui);
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	color: #27773b;
}

.bb-single-product__pricing .bb-single-product__old-price {
	font-family: var(--bb-font-ui);
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #66756c;
	text-decoration: line-through;
}

.bb-single-product__price-meta {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	min-width: 0;
	padding-top: 7px;
	font-family: var(--bb-font-ui);
}

.bb-single-product__unit-price {
	color: #264432;
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
}

.bb-single-product__reference-price {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	color: #66756c;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.2;
}

/* Lightbox image always fits fully inside the viewport with clear breathing room. */
.bb-single-product__lightbox-dialog {
	width: min(1040px, calc(100vw - 160px)) !important;
	height: min(760px, calc(100dvh - 150px)) !important;
	padding: 32px 76px 54px !important;
}

.bb-single-product__lightbox-image {
	display: block;
	width: auto !important;
	height: auto !important;
	max-width: calc(100% - 12px) !important;
	max-height: calc(100% - 12px) !important;
	object-fit: contain !important;
	object-position: center center;
	margin: auto;
}

.bb-single-product__lightbox-counter {
	bottom: -34px;
	color: #fff;
}

@media (max-width: 767px) {
	.bb-single-product__pricing {
		width: 100%;
	}

	.bb-single-product__lightbox-dialog {
		width: calc(100vw - 32px) !important;
		height: calc(100dvh - 110px) !important;
		padding: 56px 20px 58px !important;
	}

	.bb-single-product__lightbox-image {
		max-width: 100% !important;
		max-height: 100% !important;
	}
}


/* Single Product category + package pills match the Figma/product-card system. */
.bb-single-product__category {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	min-height: 28px;
	padding: 7px 11px;
	border-radius: 999px;
	background: #e9eceb !important;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.04px;
	text-transform: uppercase;
}

.bb-single-product__packs.bb-shop-card__packs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	width: max-content;
	max-width: 100%;
	min-height: 30px;
}

.bb-single-product__pack.bb-shop-card__pack {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 0;
	height: 30px;
	min-height: 30px;
	padding: 0 12px;
	border: 1px solid #e9eceb;
	border-radius: 15px;
	background: #fff;
	color: #7ab145;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
	white-space: nowrap;
}

.bb-single-product__pack.bb-shop-card__pack:hover,
.bb-single-product__pack.bb-shop-card__pack:focus-visible {
	border-color: #7ab145;
	background: #fff;
	color: #7ab145;
}

.bb-single-product__pack.bb-shop-card__pack.is-selected {
	border-color: #7ab145;
	background: #7ab145;
	color: #fff;
}


/* Single Product status badge uses the same visual language as product cards. */
.bb-single-product__status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	min-height: 30px;
	padding: 7px 10px;
	border-radius: 999px;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .6px;
}

.bb-single-product__status.is-sale {
	background: #f06b2a;
	color: #fffdf5;
}

.bb-single-product__status.is-reduced {
	background: #c18fc0;
	color: #264432;
}

.bb-single-product__status.is-new {
	background: #cfdc72;
	color: #264432;
}

.bb-single-product__status.is-hidden {
	display: none;
}

/* Recipes heading aligns exactly with the left edge of the recipe image/grid. */
.bb-single-product__recipes > h2 {
	width: min(1200px, 100%);
	margin-inline: auto;
}


/* Authoritative Single Product category + packaging from Figma 325:20533. */
.bb-single-product__category {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: max-content;
	height: 27px;
	min-height: 27px;
	padding: 7px 11px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #E9ECEB !important;
	color: #264432 !important;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.04px;
	text-transform: uppercase;
}

.bb-single-product__packs.bb-shop-card__packs {
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px !important;
	width: auto !important;
	max-width: 100%;
	height: auto;
	min-height: 32px;
}

.bb-single-product__pack.bb-shop-card__pack {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	flex: 0 0 62px;
	width: 62px !important;
	height: 30px !important;
	min-width: 62px !important;
	min-height: 30px !important;
	padding: 0 !important;
	border: 1px solid #E9ECEB !important;
	border-radius: 15px !important;
	background: #FFFFFF !important;
	color: #7AB145 !important;
	font-family: var(--bb-font-ui);
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	white-space: nowrap;
}

.bb-single-product__pack.bb-shop-card__pack:hover,
.bb-single-product__pack.bb-shop-card__pack:focus-visible {
	border-color: #7AB145 !important;
	background: #FFFFFF !important;
	color: #7AB145 !important;
}

.bb-single-product__pack.bb-shop-card__pack.is-selected {
	border-color: #7AB145 !important;
	background: #7AB145 !important;
	color: #FFFFFF !important;
}


/* Figma authoritative: Product presentation — node 325:20537 */
@media (min-width: 1100px) {
	.bb-single-product__presentation {
		display: flex !important;
		align-items: flex-start;
		gap: 64px !important;
		width: 100%;
	}

	.bb-single-product__gallery {
		flex: 0 0 570px;
		width: 570px !important;
		gap: 16px !important;
		overflow: visible;
	}

	.bb-single-product__gallery-main {
		width: 570px !important;
		height: 570px !important;
		border-radius: 5px !important;
		background: #E9ECEB !important;
	}

	.bb-single-product__gallery-thumbs {
		display: flex;
		align-items: center;
		gap: 16px !important;
		width: 570px;
		overflow: hidden;
	}

	.bb-single-product__gallery-thumb {
		flex: 0 0 90px;
		width: 90px !important;
		height: 90px !important;
		border-radius: 5px !important;
	}

	.bb-single-product__gallery-thumb.is-selected {
		padding: 6px !important;
		border: 1.5px solid #264432 !important;
		background: #E9ECEB !important;
	}

	.bb-single-product__info {
		display: flex;
		flex: 1 1 0;
		flex-direction: column;
		align-items: flex-start;
		gap: 24px !important;
		min-width: 0;
		overflow: hidden;
	}

	.bb-single-product__info h1 {
		width: 100%;
		margin: 0;
		font-family: var(--bb-font-display);
		font-size: 64px !important;
		font-weight: 500;
		line-height: 1.05 !important;
		letter-spacing: -1.92px !important;
		color: #264432;
	}

	.bb-single-product__category {
		height: 27px !important;
		min-height: 27px !important;
		padding: 7px 11px !important;
		border-radius: 999px !important;
		background: #E9ECEB !important;
		color: #264432 !important;
	}

	.bb-single-product__pricing {
		display: flex;
		align-items: flex-start;
		gap: 12px;
		width: 100%;
	}

	.bb-single-product__pricing .bb-single-product__price {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
		flex: 0 0 auto;
		font-family: var(--bb-font-display);
		font-size: 40px !important;
		font-weight: 400 !important;
		line-height: normal !important;
		color: #264432 !important;
	}

	.bb-single-product__short-copy {
		width: 100%;
		font-family: var(--bb-font-ui);
		font-size: 16px;
		font-weight: 400;
		line-height: 1.55;
		color: #264432;
	}

	.bb-single-product__characteristics {
		display: flex;
		flex-wrap: wrap;
		gap: 12px !important;
		width: 100%;
	}

	.bb-single-product__characteristics span {
		padding: 7px 11px;
		border-radius: 999px;
		background: rgba(255,255,255,.95);
		color: #264432;
		font-size: 13px;
		font-weight: 600;
		letter-spacing: 1.04px;
	}

	.bb-single-product__packs.bb-shop-card__packs {
		gap: 4px !important;
		height: 32px;
		min-height: 32px;
	}

	.bb-single-product__pack.bb-shop-card__pack {
		flex: 0 0 62px;
		width: 62px !important;
		min-width: 62px !important;
		height: 30px !important;
		min-height: 30px !important;
		padding: 0 !important;
		border-radius: 15px !important;
	}

	.bb-single-product__divider {
		width: 100%;
		height: 1px;
		background: rgba(38,68,50,.14);
	}

	.bb-single-product__quantity-label {
		margin: 0;
		font-family: var(--bb-font-ui);
		font-size: 16px;
		font-weight: 400;
		line-height: normal;
		color: #264432;
	}

	.bb-single-product__purchase {
		display: flex;
		align-items: flex-start;
		gap: 12px !important;
		width: 100%;
		height: 48px;
	}

	.bb-single-product__quantity {
		flex: 0 0 86px;
		width: 86px !important;
		height: 48px !important;
		border: 1px solid #E9ECEB;
		border-radius: 24px !important;
	}

	.bb-single-product__add {
		flex: 1 1 0;
		width: auto !important;
		height: 48px !important;
		min-width: 0;
		border-radius: 65px !important;
	}
}

/* Optional Woo states stay conditional; regular products remain pixel-aligned to the Figma base component. */
.bb-single-product__status {
	order: initial;
}


/* Figma authoritative: Hero Slider / Photo-only category aligned — node 458:8827 */
.bb-hero-slider {
	position: relative;
	display: block;
	width: min(1440px, 100%);
	height: 558px;
	margin-inline: auto;
	padding: 0 72px;
	background: #fff;
	overflow: hidden;
}

.bb-hero-slider__track,
.bb-hero-slider__slide {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 72px;
	right: 72px;
	width: auto;
	height: 558px;
}

.bb-hero-slider__slide {
	opacity: 0;
	pointer-events: none;
	transition: opacity 260ms ease;
}

.bb-hero-slider__slide.is-active {
	opacity: 1;
	pointer-events: auto;
}

.bb-hero-slider__media {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 558px;
	border-radius: 5px;
	background: #fff;
	box-shadow: none;
	transform: none;
	overflow: hidden;
}

.bb-hero-slider__image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	pointer-events: none;
}

.bb-hero-slider__indicators {
	position: absolute;
	top: 504.9px;
	left: 50%;
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 103.5px;
	height: 29.7px;
	margin: 0;
	padding: 7.2px 0;
	transform: translateX(-50%);
	pointer-events: auto;
}

.bb-hero-slider button.bb-hero-slider__indicator {
	display: block;
	flex: 0 0 15.3px;
	width: 15.3px;
	height: 15.3px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: #fff !important;
	box-shadow: none !important;
	opacity: .45;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	transition: opacity 160ms ease;
}

.bb-hero-slider button.bb-hero-slider__indicator.is-active {
	background: #fff !important;
	opacity: 1;
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-hero-slider {
		width: min(1024px, 100%);
		height: 399.56px;
		padding: 0 48px;
	}

	.bb-hero-slider__track,
	.bb-hero-slider__slide {
		left: 48px;
		right: 48px;
		height: 399.56px;
	}

	.bb-hero-slider__media {
		height: 399.56px;
		border-radius: 5px;
	}

	.bb-hero-slider__indicators {
		top: 361.53px;
		width: 74.111px;
		height: 21.267px;
		padding: 5.156px 0;
	}

	.bb-hero-slider button.bb-hero-slider__indicator {
		flex-basis: 10.956px;
		width: 10.956px;
		height: 10.956px;
	}
}

@media (max-width: 767px) {
	.bb-hero-slider {
		width: 100%;
		height: 360px;
		padding: 0 24px;
		background: #fff;
	}

	.bb-hero-slider__track,
	.bb-hero-slider__slide {
		left: 24px;
		right: 24px;
		height: 360px;
	}

	.bb-hero-slider__media {
		width: 100%;
		height: 360px;
		border-radius: 5px;
		box-shadow: none;
	}

	.bb-hero-slider__indicators {
		display: none !important;
	}
}


/* Croatian diacritics in uppercase UI pills: use a glyph-safe sans so Š/Ž/Č/Ć/Đ render at full cap height. */
.bb-category-card__label,
.bb-shop-card__category,
.bb-single-product__category,
.bb-shop-filter__category,
.bb-product-card__category,
.bb-product-card__label {
	font-family: Arial, "Helvetica Neue", sans-serif !important;
	font-variant: normal;
	font-synthesis: none;
	text-rendering: geometricPrecision;
}


/* Hero uses the same horizontal content width as the category section. */
@media (min-width: 1100px) {
	.bb-hero-slider {
		width: 100% !important;
		max-width: none !important;
		padding-left: 72px !important;
		padding-right: 72px !important;
	}

	.bb-hero-slider__track,
	.bb-hero-slider__slide {
		left: 72px !important;
		right: 72px !important;
	}
}

/* Labels can use the actual UI font again; uppercase is now UTF-8-safe in PHP. */
.bb-category-card__label,
.bb-shop-card__category,
.bb-single-product__category,
.bb-shop-filter__category,
.bb-product-card__category,
.bb-product-card__label {
	font-family: var(--bb-font-ui) !important;
}


/* Homepage product slider: variable product pack choices */
.bb-product-card.is-variable .bb-product-card__information {
	gap: 8px;
}

.bb-product-card__packs.bb-shop-card__packs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	width: 100%;
}

.bb-product-card__pack.bb-shop-card__pack {
	flex: 0 0 auto;
	min-width: 0;
	height: 30px;
	min-height: 30px;
	padding: 0 12px;
}

.bb-product-card__discount.is-hidden {
	display: none !important;
}


/* Newsletter — Figma node 468:10847 */
.bb-newsletter {
	position: relative;
	z-index: 2;
	width: min(1440px, 100%);
	margin-inline: auto;
	padding: 40px 120px !important;
	background: #fff;
	overflow: hidden;
}

.bb-newsletter__surround {
	display: contents;
}

.bb-newsletter__panel {
	display: flex;
	align-items: center;
	gap: 40px;
	width: 100%;
	padding: 48px;
	border-radius: 10px;
	background: #e39dc5;
	box-shadow: none;
	overflow: hidden;
}

.bb-newsletter__editorial {
	order: 1;
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	min-width: 0;
	color: #264432;
}

.bb-newsletter__message {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	width: 100%;
	color: #264432;
	overflow: hidden;
}

.bb-newsletter__message h2 {
	width: 100%;
	margin: 0;
	color: #264432;
	font-family: var(--bb-font-display);
	font-size: 54px;
	font-weight: 500;
	line-height: 1.04;
	letter-spacing: -1.62px;
}

.bb-newsletter__description,
.bb-newsletter__eyebrow,
.bb-newsletter__intro-copy {
	margin: 0;
	font-family: var(--bb-font-ui);
}

.bb-newsletter__eyebrow {
	width: 100%;
	color: #264432;
	font-size: 13px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 1.04px;
}

.bb-newsletter__description {
	width: 100%;
	color: #264432;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
}

.bb-newsletter__intro-copy {
	display: none;
	color: #536a5b;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.45;
}

.bb-newsletter__form {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	height: auto;
	min-height: 0;
}

.bb-newsletter__controls {
	display: flex;
	align-items: stretch;
	width: 100%;
	height: 58px;
	border: 1px solid rgba(38,68,50,.25);
	border-radius: 57px;
	background: #fff;
	overflow: hidden;
}

.bb-newsletter__email {
	flex: 1 1 auto;
	min-width: 0;
	height: 100%;
	padding: 0 16px 0 24px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	font-weight: 400;
	outline: 0;
}

.bb-newsletter__email::placeholder {
	color: rgba(38,68,50,.64);
	opacity: 1;
}

.bb-newsletter__submit {
	flex: 0 0 auto;
	height: 100%;
	padding: 0 24px;
	border: 0;
	border-radius: 57px;
	background: #264432;
	color: #fff;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 1.3px;
	cursor: pointer;
	transition: background-color 160ms ease;
}

.bb-newsletter__submit:hover,
.bb-newsletter__submit:focus-visible {
	background: var(--bb-cta-hover);
}

.bb-newsletter__consent {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	width: 100%;
	margin: 0;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	cursor: pointer;
}

.bb-newsletter__consent input {
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	margin: 0;
	border: 1px solid #264432;
	border-radius: 3px;
	accent-color: #264432;
}

.bb-newsletter__status {
	margin: 0;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	line-height: 1.4;
}

.bb-newsletter__visual {
	position: relative;
	order: 2;
	flex: 0 0 464px;
	width: 464px;
	height: 340px;
	border-radius: 5px;
	overflow: hidden;
}

.bb-newsletter__visual > img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.bb-newsletter__offer {
	position: absolute;
	top: 20px;
	left: 20px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 9px 14px;
	border-radius: 999px;
	background: #cfdc72;
	color: #264432;
	font-family: var(--bb-font-ui);
	line-height: normal;
	white-space: nowrap;
}

.bb-newsletter__offer-value {
	font-size: 13px;
	font-weight: 600;
}

.bb-newsletter__offer-copy {
	font-size: 12px;
	font-weight: 400;
}

@media (max-width: 767px) {
	.bb-newsletter {
		width: 100%;
		padding: 10px !important;
	}

	.bb-newsletter__panel {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
		padding: 0;
		border-radius: 10px;
		background: #f9d8e3;
		overflow: hidden;
	}

	.bb-newsletter__visual {
		order: 1;
		flex: 0 0 220px;
		width: 100%;
		height: 220px;
		border-radius: 0;
	}

	.bb-newsletter__offer {
		top: 16px;
		left: 24px;
	}

	.bb-newsletter__editorial {
		order: 2;
		flex: 0 0 auto;
		gap: 22px;
		width: 100%;
		padding: 32px 24px 28px;
		background: #e39dc5;
		overflow: visible;
	}

	.bb-newsletter__message {
		gap: 14px;
	}

	.bb-newsletter__message h2 {
		font-size: 40px;
		line-height: 1.04;
		letter-spacing: -1.2px;
	}

	.bb-newsletter__intro-copy {
		display: block;
		width: 100%;
	}

	.bb-newsletter__form {
		gap: 16px;
	}

	.bb-newsletter__controls {
		flex-direction: column;
		gap: 10px;
		height: auto;
		border: 0;
		border-radius: 0;
		background: transparent;
		overflow: visible;
	}

	.bb-newsletter__email,
	.bb-newsletter__submit {
		width: 100%;
		height: 58px;
		flex: 0 0 58px;
	}

	.bb-newsletter__email {
		padding: 0 18px;
		border: 1px solid rgba(38,68,50,.25);
		border-radius: 8px;
		background: #fff;
	}

	.bb-newsletter__submit {
		padding: 0 18px;
		border-radius: 8px;
		letter-spacing: .78px;
	}

	.bb-newsletter__consent {
		color: #536a5b;
	}

	.bb-newsletter__consent input {
		border-color: #264432;
	}

	.bb-newsletter__status {
		color: #536a5b;
	}
}


/* Mobile homepage alignment: hero media matches category grid width exactly. */
@media (max-width: 767px) {
	.bb-hero-slider {
		width: 100%;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	.bb-hero-slider__track,
	.bb-hero-slider__slide {
		left: 24px !important;
		right: 24px !important;
		width: auto !important;
	}

	.bb-hero-slider__media {
		left: 0 !important;
		right: 0 !important;
		width: auto !important;
		max-width: none !important;
	}
}


/* Mobile hero: one 24px gutter only, exactly matching category grid.
   Previous rule applied the 24px inset twice (slider padding + track inset). */
@media (max-width: 767px) {
	.bb-hero-slider {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.bb-hero-slider__track,
	.bb-hero-slider__slide {
		left: 24px !important;
		right: 24px !important;
		width: auto !important;
	}
}


/* Navigation / Mobile Side Drawer — Figma node 100:597 (authoritative) */
@media (max-width: 1099px) {
	.bb-mobile-menu {
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		left: auto !important;
		z-index: 10020 !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		width: min(375px, 100vw) !important;
		height: min(760px, 100vh) !important;
		border: 1px solid rgba(38, 68, 50, 0.18) !important;
		border-radius: 24px 0 0 24px !important;
		background: #fff !important;
		box-shadow: 0 8px 20px -6px rgba(14, 45, 32, 0.17) !important;
		overflow: hidden !important;
		visibility: hidden;
		pointer-events: none;
		transform: translateX(100%);
		transition: transform 220ms ease, visibility 220ms ease;
	}

	.bb-main-nav.is-menu-open .bb-mobile-menu {
		visibility: visible;
		pointer-events: auto;
		transform: translateX(0);
	}

	.bb-mobile-menu__bar {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		flex: 0 0 112px !important;
		width: 100% !important;
		height: 112px !important;
		padding: 0 24px !important;
		overflow: visible !important;
	}

	.bb-mobile-menu button.bb-mobile-menu__close {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 0 0 44px !important;
		width: 44px !important;
		height: 44px !important;
		padding: 0 !important;
		border: 1px solid #264432 !important;
		border-radius: 999px !important;
		background: #fff !important;
		box-shadow: none !important;
	}

	.bb-mobile-menu__close img {
		display: block !important;
		width: 24px !important;
		height: 24px !important;
		max-width: none !important;
	}

	.bb-mobile-menu__title {
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		width: 160px !important;
		margin: 0 !important;
		transform: translate(-50%, -50%) !important;
		color: #264432 !important;
		font-family: var(--bb-font-display) !important;
		font-size: 32px !important;
		font-weight: 500 !important;
		line-height: 38px !important;
		text-align: center !important;
	}

	.bb-mobile-language-selector {
		position: relative !important;
		flex: 0 0 96px !important;
		width: 96px !important;
		height: 44px !important;
		margin: 0 !important;
		overflow: visible !important;
		z-index: 60 !important;
	}

	.bb-mobile-language-selector button.bb-mobile-menu__language {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 5px !important;
		width: 96px !important;
		height: 44px !important;
		margin: 0 !important;
		padding: 0 9px 0 10px !important;
		border: 1px solid rgba(38, 68, 50, 0.18) !important;
		border-radius: 999px !important;
		background: #fff !important;
		box-shadow: none !important;
		color: #264432 !important;
		font-family: var(--bb-font-ui) !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		line-height: 1 !important;
		letter-spacing: .78px !important;
	}

	.bb-mobile-menu__language-globe {
		flex: 0 0 20px !important;
		width: 20px !important;
		height: 20px !important;
	}

	.bb-mobile-menu__language-chevron {
		flex: 0 0 14px !important;
		width: 14px !important;
		height: 14px !important;
	}

	.bb-mobile-menu__header-divider {
		display: block !important;
		flex: 0 0 1px !important;
		width: 100% !important;
		height: 1px !important;
		overflow: hidden !important;
	}

	.bb-mobile-menu__header-divider img {
		display: block !important;
		width: 100% !important;
		height: 1px !important;
		max-width: none !important;
	}

	.bb-mobile-menu__expanded {
		position: relative !important;
		display: flex !important;
		flex: 1 1 auto !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: space-between !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 34px 32px 28px !important;
		overflow: hidden !important;
	}

	.bb-mobile-menu__links {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 0 !important;
		width: 100% !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	.bb-mobile-menu__entry {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		width: 100% !important;
		overflow: hidden !important;
	}

	.bb-mobile-menu__links a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		height: 70px !important;
		padding: 0 !important;
		color: #264432 !important;
		font-family: var(--bb-font-ui) !important;
		font-size: 20px !important;
		font-weight: 600 !important;
		line-height: 1 !important;
		letter-spacing: 1.2px !important;
		text-align: center !important;
		text-decoration: none !important;
	}

	.bb-mobile-menu__item-divider {
		display: block !important;
		width: 100% !important;
		height: 1px !important;
		max-width: none !important;
	}

	.bb-mobile-menu__social {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		gap: 24px !important;
		width: 100% !important;
		height: auto !important;
		padding-top: 24px !important;
		transform: none !important;
		overflow: hidden !important;
	}

	.bb-mobile-menu__social-divider {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 1px !important;
		background: rgba(38, 68, 50, 0.14) !important;
	}

	.bb-mobile-menu__social-row {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 16px !important;
	}

	.bb-mobile-menu__social-item {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 0 0 48px !important;
		width: 48px !important;
		height: 48px !important;
		border-radius: 999px !important;
		background: #cfdc72 !important;
	}
}

@media (max-width: 767px) {
	.bb-mobile-menu {
		height: min(760px, 100vh) !important;
	}
}


/* Newsletter Signup Responsive — Figma node 475:8780 (authoritative) */
.bb-newsletter {
	position: relative !important;
	width: min(1440px, 100%) !important;
	height: 400px !important;
	margin-inline: auto !important;
	padding: 0 !important;
	background: #fff !important;
	overflow: hidden !important;
}

.bb-newsletter__panel {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: 400px !important;
	min-height: 400px !important;
	padding: 0 !important;
	border-radius: 0 !important;
	background: #264432 var(--bb-newsletter-desktop-bg) center / 1440px 400px no-repeat !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

.bb-newsletter__visual {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 530px !important;
	height: 400px !important;
	border-radius: 10px 0 10px 0 !important;
	overflow: hidden !important;
}

.bb-newsletter__visual > img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	border-radius: inherit !important;
}

.bb-newsletter__editorial {
	position: absolute !important;
	top: 61px !important;
	left: 638px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 24px !important;
	width: 700px !important;
	min-width: 0 !important;
	padding: 0 !important;
	color: #fff !important;
}

.bb-newsletter__offer {
	position: static !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	width: auto !important;
	padding: 7px 11px !important;
	border-radius: 999px !important;
	background: #cfdc72 !important;
	color: #264432 !important;
	font-family: var(--bb-font-ui) !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

.bb-newsletter__offer-value {
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: .78px !important;
}

.bb-newsletter__offer-copy {
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: .48px !important;
	text-transform: uppercase !important;
}

.bb-newsletter__message {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 14px !important;
	width: 100% !important;
	color: #fff !important;
}

.bb-newsletter__message h2 {
	width: 100% !important;
	margin: 0 !important;
	color: #fff !important;
	font-family: var(--bb-font-display) !important;
	font-size: 54px !important;
	font-weight: 500 !important;
	line-height: 1.04 !important;
	letter-spacing: -1.62px !important;
}

.bb-newsletter__eyebrow {
	width: 100% !important;
	margin: 0 !important;
	color: #fff !important;
	font-family: var(--bb-font-ui) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: normal !important;
	letter-spacing: 1.04px !important;
}

.bb-newsletter__description {
	width: 100% !important;
	margin: 0 !important;
	color: #fff !important;
	font-family: var(--bb-font-ui) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: normal !important;
}

.bb-newsletter__intro-copy {
	display: none !important;
}

.bb-newsletter__form {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 16px !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
}

.bb-newsletter__controls {
	display: flex !important;
	align-items: stretch !important;
	width: 100% !important;
	height: 58px !important;
	border: 1px solid rgba(38,68,50,.25) !important;
	border-radius: 57px !important;
	background: #fff !important;
	overflow: hidden !important;
}

.bb-newsletter__email {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	height: 100% !important;
	padding: 0 16px 0 24px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #fff !important;
	box-shadow: none !important;
	color: #264432 !important;
	font-family: var(--bb-font-ui) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	outline: 0 !important;
}

.bb-newsletter__submit {
	flex: 0 0 180px !important;
	width: 180px !important;
	height: 100% !important;
	padding: 0 24px !important;
	border: 0 !important;
	border-radius: 57px !important;
	background: #cfdc72 !important;
	box-shadow: none !important;
	color: #264432 !important;
	font-family: var(--bb-font-ui) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: normal !important;
	letter-spacing: 1.3px !important;
	cursor: pointer !important;
}

.bb-newsletter__submit:hover,
.bb-newsletter__submit:focus-visible {
	background: var(--bb-cta-hover) !important;
	color: #fff !important;
}

.bb-newsletter__consent {
	display: flex !important;
	align-items: flex-start !important;
	gap: 8px !important;
	width: 100% !important;
	margin: 0 !important;
	color: #fff !important;
	font-family: var(--bb-font-ui) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
}

.bb-newsletter__consent input {
	flex: 0 0 16px !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0 !important;
	border: 1px solid #e9eceb !important;
	border-radius: 3px !important;
	accent-color: #cfdc72 !important;
}

.bb-newsletter__status {
	margin: 0 !important;
	color: #fff !important;
	font-family: var(--bb-font-ui) !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-newsletter {
		width: min(1024px, 100%) !important;
		height: auto !important;
		min-height: 400px !important;
		background: #264432 !important;
		border-radius: 10px 10px 0 0 !important;
	}

	.bb-newsletter__panel {
		display: flex !important;
		align-items: stretch !important;
		width: 100% !important;
		height: auto !important;
		min-height: 400px !important;
		background: #264432 !important;
		border-radius: 10px 10px 0 0 !important;
	}

	.bb-newsletter__visual {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		flex: 0 0 424px !important;
		width: 424px !important;
		height: auto !important;
		min-height: 400px !important;
		border-radius: 10px 0 10px 0 !important;
	}

	.bb-newsletter__editorial {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		display: flex !important;
		flex: 1 1 auto !important;
		justify-content: center !important;
		gap: 24px !important;
		width: auto !important;
		min-width: 0 !important;
		min-height: 400px !important;
		padding: 44px 40px !important;
	}

	.bb-newsletter__message h2 {
		font-size: 42px !important;
		letter-spacing: -1.26px !important;
	}

	.bb-newsletter__submit {
		flex-basis: 160px !important;
		width: 160px !important;
	}
}

@media (max-width: 767px) {
	.bb-newsletter {
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 0 !important;
		background: #264432 !important;
		border-radius: 10px 10px 0 0 !important;
	}

	.bb-newsletter__panel {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		background: #264432 !important;
		border-radius: 10px 10px 0 0 !important;
	}

	.bb-newsletter__visual {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		order: 1 !important;
		flex: 0 0 283px !important;
		width: 100% !important;
		height: 283px !important;
		min-height: 0 !important;
		border-radius: 10px 10px 10px 0 !important;
	}

	.bb-newsletter__editorial {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		order: 2 !important;
		display: flex !important;
		flex: 0 0 auto !important;
		gap: 24px !important;
		width: 100% !important;
		min-height: 0 !important;
		padding: 32px 24px !important;
		background: #264432 !important;
	}

	.bb-newsletter__message h2 {
		font-size: 38px !important;
		letter-spacing: -1.14px !important;
	}

	.bb-newsletter__controls {
		height: 54px !important;
		border-radius: 999px !important;
	}

	.bb-newsletter__email {
		padding: 0 8px 0 18px !important;
	}

	.bb-newsletter__submit {
		flex-basis: 124px !important;
		width: 124px !important;
		padding: 0 12px !important;
		border-radius: 65px !important;
	}

	.bb-newsletter__consent {
		color: #fff !important;
	}
}


/* Newsletter top edge radius — keep the dark green panel rounded in every breakpoint. */
.bb-newsletter,
.bb-newsletter__panel {
	border-radius: 10px 10px 0 0 !important;
}

.bb-newsletter__panel {
	overflow: hidden !important;
}


/* Newsletter mobile control fix: legacy mobile styles were stacking the input and button. */
@media (max-width: 767px) {
	.bb-newsletter__controls {
		display: flex !important;
		flex-direction: row !important;
		align-items: stretch !important;
		gap: 0 !important;
		height: 54px !important;
		border: 1px solid rgba(38, 68, 50, 0.25) !important;
		border-radius: 999px !important;
		background: #fff !important;
		overflow: hidden !important;
	}

	.bb-newsletter__email {
		flex: 1 1 auto !important;
		width: auto !important;
		min-width: 0 !important;
		height: 100% !important;
		padding: 0 8px 0 18px !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: #fff !important;
	}

	.bb-newsletter__submit {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 0 0 124px !important;
		width: 124px !important;
		height: 100% !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 12px !important;
		border: 0 !important;
		border-radius: 65px !important;
		background: #cfdc72 !important;
		color: #264432 !important;
		white-space: nowrap !important;
		overflow: visible !important;
	}
}


/* Footer — Figma node 476:1701 (authoritative) */
.bb-footer {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	width: min(1440px, 100%) !important;
	margin-inline: auto !important;
	background: #264432 !important;
	color: #e9eceb !important;
	box-shadow: 0 8px 10px rgba(14, 45, 32, 0.17) !important;
	overflow: hidden !important;
}

.bb-footer__content {
	display: flex !important;
	align-items: flex-start !important;
	gap: 64px !important;
	width: 100% !important;
	padding: 72px 64px 76px !important;
}

.bb-footer__brand-group {
	display: flex !important;
	flex: 0 0 300px !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 24px !important;
	width: 300px !important;
}

.bb-footer__brand {
	display: flex !important;
	align-items: center !important;
	width: 250px !important;
	height: 60px !important;
	overflow: hidden !important;
}

.bb-footer__brand img {
	display: block !important;
	width: 180.5px !important;
	height: auto !important;
	max-width: none !important;
}

.bb-footer__tagline {
	width: 286px !important;
	margin: 0 !important;
	color: #e9eceb !important;
	font-family: var(--bb-font-display) !important;
	font-size: 28px !important;
	font-weight: 400 !important;
	line-height: 1.18 !important;
	letter-spacing: -.56px !important;
}

.bb-footer__socials {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
}

.bb-footer__social {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 44px !important;
	width: 44px !important;
	height: 44px !important;
	padding: 0 !important;
	border: 1px solid rgba(38, 68, 50, 0.14) !important;
	border-radius: 999px !important;
	background: #264432 !important;
	box-shadow: 0 4px 12px -4px rgba(14, 45, 32, 0.10) !important;
}

.bb-footer__social img {
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	max-width: none !important;
	object-fit: contain !important;
}

.bb-footer__grid {
	display: flex !important;
	flex: 1 1 auto !important;
	align-items: flex-start !important;
	gap: 0 !important;
	min-width: 0 !important;
	width: auto !important;
}

.bb-footer__column {
	display: flex !important;
	flex: 1 1 0 !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 20px !important;
	min-width: 0 !important;
	width: auto !important;
}

.bb-footer__column:first-child {
	flex: 0 0 237px !important;
	width: 237px !important;
}

.bb-footer__column h2 {
	width: 100% !important;
	margin: 0 !important;
	color: #7ab145 !important;
	font-family: var(--bb-font-ui) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 1.3px !important;
	text-transform: uppercase !important;
}

.bb-footer__links,
.bb-footer__legal-links {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 13px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.bb-footer__links li,
.bb-footer__legal-links li {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.bb-footer__links a,
.bb-footer__legal-links a {
	display: block !important;
	width: 100% !important;
	color: #e9eceb !important;
	font-family: var(--bb-font-ui) !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
	text-decoration: none !important;
	transition: color 160ms ease !important;
}

.bb-footer__links a:hover,
.bb-footer__links a:focus-visible,
.bb-footer__legal-links a:hover,
.bb-footer__legal-links a:focus-visible {
	color: #7ab145 !important;
}

.bb-footer__legal-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 32px !important;
	width: 100% !important;
	min-height: 88px !important;
	padding: 28px 64px !important;
	background: #264432 !important;
	color: #e9eceb !important;
	overflow: hidden !important;
}

.bb-footer__legal {
	flex: 0 1 auto !important;
	min-width: 0 !important;
}

.bb-footer__legal-row .bb-footer__legal-links {
	flex-direction: row !important;
	align-items: center !important;
	gap: 32px !important;
	width: auto !important;
	white-space: nowrap !important;
}

.bb-footer__legal-row .bb-footer__legal-links li {
	width: auto !important;
}

.bb-footer__legal-row .bb-footer__legal-links a {
	width: auto !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	opacity: .82 !important;
}

.bb-footer__copyright {
	flex: 0 0 auto !important;
	margin: 0 !important;
	color: #7ab145 !important;
	font-family: var(--bb-font-ui) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-footer {
		width: min(1024px, 100%) !important;
	}

	.bb-footer__content {
		gap: 48px !important;
		padding: 72px 64px 76px !important;
	}

	.bb-footer__grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 32px !important;
		width: 100% !important;
	}

	.bb-footer__column,
	.bb-footer__column:first-child {
		width: auto !important;
		flex: none !important;
	}
}

@media (max-width: 767px) {
	.bb-footer {
		width: 100% !important;
	}

	.bb-footer__content {
		flex-direction: column !important;
		gap: 32px !important;
		padding: 36px 24px 32px !important;
	}

	.bb-footer__brand-group {
		flex: 0 0 auto !important;
		gap: 20px !important;
		width: 100% !important;
	}

	.bb-footer__brand {
		width: 250px !important;
		height: 60px !important;
	}

	.bb-footer__brand img {
		width: 180.5px !important;
	}

	.bb-footer__tagline {
		width: 100% !important;
		min-width: 100% !important;
		font-size: 24px !important;
		line-height: 1.2 !important;
		letter-spacing: -.36px !important;
	}

	.bb-footer__grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 24px !important;
		width: 100% !important;
	}

	.bb-footer__column,
	.bb-footer__column:first-child {
		flex: none !important;
		gap: 20px !important;
		width: auto !important;
		min-width: 0 !important;
	}

	.bb-footer__links a {
		font-size: 15px !important;
		line-height: 1.25 !important;
	}

	.bb-footer__legal-row {
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		gap: 20px !important;
		min-height: 0 !important;
		padding: 28px 24px !important;
	}

	.bb-footer__legal {
		width: 100% !important;
	}

	.bb-footer__legal-row .bb-footer__legal-links {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 13px !important;
		width: 100% !important;
		white-space: normal !important;
	}

	.bb-footer__legal-row .bb-footer__legal-links li,
	.bb-footer__legal-row .bb-footer__legal-links a {
		width: 100% !important;
	}

	.bb-footer__legal-row .bb-footer__legal-links a {
		font-size: 13px !important;
	}
}

/* Newsletter mobile submit — force exact responsive Figma geometry and neutralize legacy button positioning. */
@media (max-width: 767px) {
	.bb-newsletter__controls {
		position: relative !important;
		display: flex !important;
		flex-flow: row nowrap !important;
		align-items: stretch !important;
		gap: 0 !important;
		width: 100% !important;
		height: 54px !important;
		min-height: 54px !important;
		border: 1px solid rgba(38, 68, 50, 0.25) !important;
		border-radius: 999px !important;
		background: #fff !important;
		overflow: hidden !important;
	}

	.bb-newsletter__email {
		position: relative !important;
		z-index: 1 !important;
		flex: 0 1 calc(100% - 124px) !important;
		width: calc(100% - 124px) !important;
		max-width: calc(100% - 124px) !important;
		min-width: 0 !important;
		height: 52px !important;
		margin: 0 !important;
		padding: 0 8px 0 18px !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: #fff !important;
		box-shadow: none !important;
		transform: none !important;
	}

	.bb-newsletter__submit {
		position: relative !important;
		inset: auto !important;
		z-index: 2 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 0 0 124px !important;
		width: 124px !important;
		max-width: 124px !important;
		height: 52px !important;
		min-height: 52px !important;
		margin: 0 !important;
		padding: 0 12px !important;
		border: 0 !important;
		border-radius: 65px !important;
		background: #cfdc72 !important;
		box-shadow: none !important;
		color: #264432 !important;
		font-family: var(--bb-font-ui) !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		line-height: 1 !important;
		letter-spacing: 1.3px !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		transform: none !important;
		clip-path: none !important;
		appearance: none !important;
		-webkit-appearance: none !important;
	}
}


/* Footer must span the full viewport width. */
.bb-footer {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}


/* Mobile footer: keep Figma spacing before Legal Information. */
@media (max-width: 767px) {
	.bb-footer__column--legal {
		margin-top: 24px !important;
	}
}


/* Footer certification strip — Figma node 476:1701 / 495:1708 */
.bb-footer__certifications {
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
	height: 120px;
	padding: 20px 64px;
	background: #7ab145;
	overflow: hidden;
}

.bb-footer__certification {
	display: flex;
	flex: 1 1 0;
	align-items: center;
	justify-content: center;
	min-width: 0;
	height: 80px;
	overflow: hidden;
}

.bb-footer__certification img {
	display: block;
	width: auto;
	height: 72px;
	max-width: 100%;
	object-fit: contain;
}

.bb-footer__certification--1 img { width: 108px; }
.bb-footer__certification--2 img { width: 78px; }
.bb-footer__certification--3 img { width: 84px; }
.bb-footer__certification--4 img { width: 72px; }
.bb-footer__certification--5 img { width: 102px; }
.bb-footer__certification--6 img { width: 128px; }

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-footer__certifications {
		gap: 16px;
		padding: 20px 64px;
	}
}

@media (max-width: 767px) {
	.bb-footer__certifications {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-rows: repeat(2, 44px);
		gap: 8px 12px;
		height: 120px;
		padding: 12px 24px;
	}

	.bb-footer__certification {
		width: 100%;
		height: 44px;
	}

	.bb-footer__certification img {
		width: auto !important;
		height: 36px;
		max-width: 100%;
	}
}


/* Footer full-bleed background with Figma-width inner content. */
@media (min-width: 1100px) {
	.bb-footer__content,
	.bb-footer__legal-row {
		width: 100% !important;
		max-width: 1440px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.bb-footer__grid {
		flex: 1 1 auto !important;
		max-width: 1012px !important;
	}

	.bb-footer__column:first-child {
		flex: 0 0 237px !important;
		width: 237px !important;
	}

	.bb-footer__column:not(:first-child) {
		flex: 1 1 0 !important;
	}
}


/* Certification strip follows the same centered 1440px width as the newsletter above. */
.bb-footer__certifications {
	width: min(1440px, 100%) !important;
	max-width: 1440px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}


/* Certification strip: full-width green rail, centered newsletter-width SVG marks. */
.bb-footer__certifications {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	height: 120px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #7ab145 !important;
	overflow: hidden !important;
}

.bb-footer__certifications-inner {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	width: min(1440px, 100%) !important;
	height: 120px !important;
	margin: 0 auto !important;
	padding: 20px 64px !important;
}

.bb-footer__certification {
	display: flex !important;
	flex: 1 1 0 !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 0 !important;
	height: 80px !important;
	overflow: hidden !important;
}

.bb-footer__certification img {
	display: block !important;
	width: auto !important;
	height: 72px !important;
	max-width: 100% !important;
	object-fit: contain !important;
	image-rendering: auto !important;
}

.bb-footer__certification--1 img { width: 108px !important; }
.bb-footer__certification--2 img { width: 78px !important; }
.bb-footer__certification--3 img { width: 84px !important; }
.bb-footer__certification--4 img { width: 72px !important; }
.bb-footer__certification--5 img { width: 102px !important; }
.bb-footer__certification--6 img { width: 128px !important; }

@media (max-width: 767px) {
	.bb-footer__certifications {
		height: 120px !important;
	}

	.bb-footer__certifications-inner {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		grid-template-rows: repeat(2, 44px) !important;
		gap: 8px 12px !important;
		width: min(1440px, 100%) !important;
		height: 120px !important;
		padding: 12px 24px !important;
	}

	.bb-footer__certification {
		width: 100% !important;
		height: 44px !important;
	}

	.bb-footer__certification img {
		width: auto !important;
		height: 36px !important;
		max-width: 100% !important;
	}
}


/* Mobile footer — exact Figma 476:1849 sitemap geometry. */
@media (max-width: 767px) {
	.bb-footer__content {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 32px !important;
		width: 100% !important;
		padding: 36px 24px 32px !important;
	}

	.bb-footer__brand-group {
		gap: 20px !important;
		width: 100% !important;
	}

	.bb-footer__grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-auto-rows: auto !important;
		column-gap: 24px !important;
		row-gap: 24px !important;
		align-items: start !important;
		width: 100% !important;
	}

	.bb-footer__column,
	.bb-footer__column:first-child,
	.bb-footer__column--legal {
		width: auto !important;
		min-width: 0 !important;
		margin: 0 !important;
		align-self: start !important;
	}

	.bb-footer__column {
		gap: 20px !important;
	}

	.bb-footer__column h2 {
		margin: 0 !important;
		font-size: 13px !important;
		line-height: 1 !important;
		letter-spacing: 1.3px !important;
	}

	.bb-footer__links {
		gap: 13px !important;
	}

	.bb-footer__links a {
		font-size: 15px !important;
		line-height: 1.25 !important;
	}

	.bb-footer__legal-row {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 20px !important;
		width: 100% !important;
		padding: 28px 24px !important;
	}

	.bb-footer__legal-row .bb-footer__legal-links {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 13px !important;
		width: 100% !important;
	}
}


/* Mobile certifications — exact Figma 495:1912 geometry and sizing. */
@media (max-width: 767px) {
	.bb-footer__certifications {
		display: block !important;
		flex: 0 0 120px !important;
		width: 100% !important;
		height: 120px !important;
		min-height: 120px !important;
		max-height: 120px !important;
		padding: 0 !important;
		background: #7ab145 !important;
		overflow: hidden !important;
	}

	.bb-footer__certifications-inner {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		grid-template-rows: 44px 44px !important;
		column-gap: 12px !important;
		row-gap: 8px !important;
		align-items: start !important;
		width: 100% !important;
		height: 120px !important;
		min-height: 120px !important;
		max-height: 120px !important;
		margin: 0 auto !important;
		padding: 12px 24px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	.bb-footer__certification,
	.bb-footer__certification:first-child {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		height: 44px !important;
		min-width: 0 !important;
		min-height: 44px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	.bb-footer__certification--1 img {
		width: 54px !important;
		height: 36px !important;
	}
	.bb-footer__certification--2 img {
		width: 39px !important;
		height: 36px !important;
	}
	.bb-footer__certification--3 img {
		width: 42px !important;
		height: 36px !important;
	}
	.bb-footer__certification--4 img {
		width: 36px !important;
		height: 36px !important;
	}
	.bb-footer__certification--5 img {
		width: 51px !important;
		height: 36px !important;
	}
	.bb-footer__certification--6 img {
		width: 64px !important;
		height: 36px !important;
	}

	.bb-footer__certification img {
		display: block !important;
		max-width: none !important;
		object-fit: contain !important;
	}
}


/* Shop category intro copy — shown when a category filter is active. */
.bb-shop-heading__default {
	width: 560px;
	max-width: calc(100% - 48px);
	margin: 0;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	line-height: 1.45;
	color: #264432;
}

.bb-shop-category-intro {
	display: flex;
	flex-direction: column;
	gap: 14px;
	width: min(760px, calc(100% - 48px));
	color: #264432;
}

.bb-shop-category-intro[hidden] {
	display: none !important;
}

.bb-shop-category-intro h2 {
	margin: 0;
	font-family: var(--bb-font-display);
	font-size: 32px;
	font-weight: 500;
	line-height: 1.05;
	letter-spacing: -0.96px;
	color: #264432;
}

.bb-shop-category-intro [data-bb-shop-category-copy] {
	display: flex;
	flex-direction: column;
	gap: 12px;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	line-height: 1.55;
}

.bb-shop-category-intro p {
	margin: 0;
}

.bb-shop-category-intro strong {
	font-weight: 600;
}

@media (max-width: 767px) {
	.bb-shop-heading__default {
		width: 100%;
		max-width: none;
		text-align: center;
		font-size: 16px;
		line-height: 1.55;
	}

	.bb-shop-category-intro {
		width: 100%;
		gap: 12px;
		text-align: left;
	}

	.bb-shop-category-intro h2 {
		width: 100%;
		font-size: 28px;
		line-height: 1.08;
		text-align: center;
	}

	.bb-shop-category-intro [data-bb-shop-category-copy] {
		font-size: 15px;
		line-height: 1.55;
		text-align: left;
	}
}


/* Shop Category-description — Figma node 517:2907 */
.bb-shop-category-description {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	padding: 15px;
	border: 1px solid #e9eceb;
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
}

.bb-shop-category-description[hidden] {
	display: none !important;
}

.bb-shop-category-description__inner {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 18px;
	min-width: 0;
	overflow: hidden;
	color: #264432;
}

.bb-shop-category-description h2 {
	width: 100%;
	margin: 0;
	color: #264432;
	font-family: var(--bb-font-display);
	font-size: 32px;
	font-weight: 500;
	line-height: 1.02;
	letter-spacing: -0.96px;
}

.bb-shop-category-description__copy {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.45;
	white-space: normal;
}

.bb-shop-category-description__copy p {
	margin: 0 0 18px;
}

.bb-shop-category-description__copy p:last-child {
	margin-bottom: 0;
}

.bb-shop-category-description__copy strong {
	font-weight: 600;
}

@media (max-width: 767px) {
	.bb-shop-category-description {
		padding: 15px;
		border-radius: 10px;
	}

	.bb-shop-category-description__inner {
		gap: 16px;
	}

	.bb-shop-category-description h2 {
		font-size: 28px;
		letter-spacing: -0.84px;
	}

	.bb-shop-category-description__copy {
		font-size: 15px;
		line-height: 1.45;
	}
}


/* Single-product discount badge — same geometry as product cards for visual consistency. */
.bb-single-product__discount {
	position: absolute;
	top: 14px;
	right: 14px;
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 19px;
	background: #cfdc72;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .6px;
	white-space: nowrap;
	pointer-events: none;
}

.bb-single-product__discount.is-hidden {
	display: none !important;
}

@media (max-width: 767px) {
	.bb-single-product__discount {
		top: 14px;
		right: 14px;
		width: 38px;
		height: 38px;
		font-size: 12px;
	}
}


/* Woo notice close icon — configurable independently from notice text. */
.bb-woo-notice__close {
	color: var(--bb-woo-notice-close, #264432) !important;
	border-color: var(--bb-woo-notice-close, #264432) !important;
}

.bb-woo-notice__close img {
	display: none !important;
}

.bb-woo-notice__close > span {
	position: relative;
	display: block;
	width: 18px;
	height: 18px;
}

.bb-woo-notice__close > span::before,
.bb-woo-notice__close > span::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 1.5px;
	border-radius: 999px;
	background: currentColor;
	transform-origin: center;
}

.bb-woo-notice__close > span::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.bb-woo-notice__close > span::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}


/* Prevent Woo notice flash when it was already dismissed in this session. */
html.bb-woo-notice-dismissed .bb-woo-notice {
	display: none !important;
}


/* Single product related cards: quantity above CTA, full CTA label visible. */
.bb-single-product__related-grid .bb-product-card__purchase {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 10px !important;
	width: 100% !important;
	overflow: visible !important;
}

.bb-single-product__related-grid .bb-product-card__purchase .bb-product-card__quantity {
	flex: 0 0 auto !important;
	width: 86px !important;
	align-self: flex-start;
}

.bb-single-product__related-grid .bb-product-card__purchase .bb-product-card__add,
.bb-single-product__related-grid .bb-product-card__purchase .bb-product-card__add.button {
	flex: 0 0 auto !important;
	width: 100% !important;
	min-width: 0 !important;
	padding-inline: 18px !important;
	font-size: 13px !important;
	letter-spacing: .8px !important;
	overflow: visible !important;
}

.bb-single-product__related-grid .bb-product-card__purchase .bb-product-card__add span {
	overflow: visible !important;
	text-overflow: clip !important;
	white-space: nowrap !important;
}


/* Single product related cards: compact height and keep CTA fully visible. */
.bb-single-product__related-grid .bb-product-card {
	height: auto !important;
	min-height: 0 !important;
	align-self: start;
}

.bb-single-product__related-grid .bb-product-card__visual {
	flex: 0 0 320px;
	height: 320px;
}

.bb-single-product__related-grid .bb-product-card__details {
	flex: 0 0 auto !important;
	height: auto !important;
	min-height: 250px;
	justify-content: flex-start !important;
	gap: 22px;
	overflow: visible !important;
}

.bb-single-product__related-grid .bb-product-card__purchase {
	margin-top: auto;
	padding-top: 8px;
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-single-product__related-grid .bb-product-card__visual {
		height: 320px;
		flex-basis: 320px;
	}
}

@media (max-width: 767px) {
	.bb-single-product__related-grid .bb-product-card {
		height: auto !important;
	}

	.bb-single-product__related-grid .bb-product-card__visual {
		height: 326px;
		flex-basis: 326px;
	}

	.bb-single-product__related-grid .bb-product-card__details {
		min-height: 250px;
	}
}


/* Related product cards: purchase stack must not inherit the global 48px purchase height. */
.bb-single-product__related-grid .bb-product-card__purchase {
	flex: 0 0 auto !important;
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
}

.bb-single-product__related-grid .bb-product-card__details {
	min-height: 0 !important;
	padding-bottom: 18px !important;
}

.bb-single-product__related-grid .bb-product-card {
	overflow: hidden;
}


/* Related product grid: equalize card heights to the tallest card in each row. */
.bb-single-product__related-grid {
	align-items: stretch;
}

.bb-single-product__related-grid .bb-product-card {
	height: 100% !important;
	min-height: 0 !important;
	align-self: stretch !important;
}

.bb-single-product__related-grid .bb-product-card__details {
	flex: 1 1 auto !important;
	height: auto !important;
	min-height: 0 !important;
}

.bb-single-product__related-grid .bb-product-card__purchase {
	margin-top: auto !important;
}


/* Product imagery: remove grey image backgrounds everywhere. */
.bb-product-card__visual,
.bb-shop-card__visual,
.bb-single-product__gallery-main,
.bb-single-product__gallery-thumb,
.bb-single-product__lightbox-stage {
	background: #fff !important;
}

.bb-product-card__image,
.bb-shop-card__visual > img,
.bb-single-product__gallery-main-image,
.bb-single-product__gallery-thumb img {
	background: transparent !important;
}


/* Product category tag — Figma component 116:4354. */
.bb-product-card__category,
.bb-shop-card__category,
.bb-single-product__category {
	display: inline-flex !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	width: max-content !important;
	height: auto !important;
	min-height: 0 !important;
	padding: 7px 11px !important;
	border: 1px solid #e9eceb !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, 0.95) !important;
	color: #264432 !important;
	font-family: var(--bb-font-ui) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: normal !important;
	letter-spacing: 1.04px !important;
	text-transform: uppercase;
	white-space: nowrap;
	transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.bb-product-card:hover .bb-product-card__category,
.bb-product-card:focus-within .bb-product-card__category,
.bb-shop-card:hover .bb-shop-card__category,
.bb-shop-card:focus-within .bb-shop-card__category {
	border-color: #7ab145 !important;
	background: #7ab145 !important;
	color: #fff !important;
}


/* Shop "Load more" exhausted state: keep visible, muted grey. */
.bb-shop-load-more.is-disabled,
.bb-shop-load-more:disabled {
	border-color: #e9eceb !important;
	background: #e9eceb !important;
	color: #d9d9d9 !important;
	cursor: default !important;
	pointer-events: none;
	box-shadow: none !important;
}

.bb-shop-load-more.is-disabled:hover,
.bb-shop-load-more:disabled:hover,
.bb-shop-load-more.is-disabled:focus-visible,
.bb-shop-load-more:disabled:focus-visible {
	border-color: #e9eceb !important;
	background: #e9eceb !important;
	color: #d9d9d9 !important;
}


/* Explicit NEW product status badge. */
.bb-product-card__sale-tag.is-new {
	background: #cfdc72 !important;
	color: #264432 !important;
}


/* Product status tags — Figma Product Slider 199:923.
   NEW keeps the Biobrdo color defined for this project. */
.bb-product-card__badges {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	gap: 6px;
	width: 100%;
}

.bb-product-card__badges:not(:has(.bb-product-card__sale-tag:not(.is-hidden))) {
	display: none;
}

.bb-product-card__badges .bb-product-card__sale-tag {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto;
	width: auto !important;
	min-width: 61px;
	height: 26px;
	min-height: 26px;
	padding: 0 10px !important;
	border: 0;
	border-radius: 999px;
	font-family: var(--bb-font-ui) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	white-space: nowrap;
}

.bb-product-card__badges .bb-product-card__sale-tag.is-sale {
	background: #ff760a !important;
	color: #fff !important;
}

.bb-product-card__badges .bb-product-card__sale-tag.is-new {
	background: #cfdc72 !important;
	color: #264432 !important;
}

.bb-product-card__badges .bb-product-card__sale-tag.is-reduced {
	background: #c18fc0 !important;
	color: #264432 !important;
}


/* Keep non-sale status tags hidden even inside the shared badge row. */
.bb-product-card__badges .bb-product-card__sale-tag.is-hidden {
	display: none !important;
}


/* ==========================================================================
   Single recipe — Figma 523:8768
   ========================================================================== */
.bb-recipe-single {
	display: flex;
	flex-direction: column;
	gap: 88px;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 56px 120px 96px;
	background: #fff;
	color: #264432;
}

.bb-recipe-single__breadcrumbs {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	padding-bottom: 32px;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
}

.bb-recipe-single__breadcrumbs a,
.bb-recipe-single__breadcrumbs span {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 5px;
	color: #264432;
	text-decoration: none;
}

.bb-recipe-single__breadcrumbs > span:not(.is-current) {
	color: #e9eceb;
	padding-inline: 0;
}

.bb-recipe-single__breadcrumbs .is-current {
	color: #7ab145;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bb-recipe-single__intro {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.bb-recipe-single__eyebrow-line {
	width: 34px;
	height: 2px;
	background: #264432;
}

.bb-recipe-single__eyebrow {
	margin: 0;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #264432;
}

.bb-recipe-single__intro h1 {
	margin: 0;
	font-family: var(--bb-font-display);
	font-size: 88px;
	font-weight: 500;
	line-height: 1.05;
	letter-spacing: -2.64px;
	color: #264432;
}

.bb-recipe-single__lead,
.bb-recipe-single__lead p {
	margin: 0;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	line-height: 1.55;
	color: #264432;
}

.bb-recipe-single__hero {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.bb-recipe-single__hero > img {
	display: block;
	width: 100%;
	height: 640px;
	object-fit: cover;
	border-radius: 5px;
}

.bb-recipe-single__category,
.bb-recipe-card__category {
	display: inline-flex;
	align-items: center;
	width: max-content;
	padding: 7px 11px;
	border: 1px solid #e9eceb;
	border-radius: 999px;
	background: rgba(255,255,255,.95);
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.04px;
}

.bb-recipe-single__method {
	display: grid;
	grid-template-columns: 320px minmax(0,1fr);
	gap: 100px;
	align-items: start;
}

.bb-recipe-single__ingredients,
.bb-recipe-single__preparation {
	display: flex;
	flex-direction: column;
}

.bb-recipe-single__ingredients {
	gap: 24px;
}

.bb-recipe-single__preparation {
	gap: 28px;
}

.bb-recipe-single__ingredients h2,
.bb-recipe-single__preparation h2,
.bb-recipe-single__pair-story h2,
.bb-recipe-single__related > h2 {
	margin: 0;
	font-family: var(--bb-font-display);
	font-size: 48px;
	font-weight: 400;
	line-height: 1.08;
	letter-spacing: -1.44px;
	color: #264432;
}

.bb-recipe-single__ingredient {
	padding: 14px 0;
	border-bottom: 1px solid rgba(38,68,50,.14);
	font-family: var(--bb-font-ui);
	font-size: 16px;
	line-height: 1;
	color: #264432;
}

.bb-recipe-single__step {
	display: grid;
	grid-template-columns: 40px minmax(0,1fr);
	gap: 24px;
	align-items: start;
	padding: 20px 0;
	border-top: 1px solid rgba(38,68,50,.14);
}

.bb-recipe-single__step > span {
	font-family: var(--bb-font-display);
	font-size: 32px;
	line-height: 1.35;
	color: #264432;
}

.bb-recipe-single__step p {
	margin: 0;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	line-height: 1.45;
	color: #264432;
}

.bb-recipe-single__all-recipes {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 260px;
	height: 48px;
	margin-top: 0;
	border-radius: 65px;
	background: #264432;
	color: #fff;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .78px;
	text-decoration: none;
}

.bb-recipe-single__all-recipes:hover,
.bb-recipe-single__all-recipes:focus-visible {
	background: var(--bb-cta-hover);
	color: #fff;
}

.bb-recipe-single__pairing {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(0,1fr);
	gap: 64px;
	align-items: center;
}

.bb-recipe-single__pair-story {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.bb-recipe-single__pair-copy,
.bb-recipe-single__pair-copy p,
.bb-recipe-single__pair-note {
	margin: 0;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	line-height: 1.45;
}

.bb-recipe-single__pair-copy,
.bb-recipe-single__pair-copy p {
	color: #264432;
}

.bb-recipe-single__pair-note {
	color: #6a756d;
}

.bb-recipe-product-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	height: 608px;
	border: 1px solid #e5e9e7;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 4px 6px rgba(14,45,32,.1);
	overflow: hidden;
}

.bb-recipe-product-card__visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 320px;
	height: 320px;
	background: #fff;
	text-decoration: none;
	overflow: hidden;
}

.bb-recipe-product-card__image {
	display: block;
	width: auto;
	height: 100%;
	max-width: 80%;
	object-fit: contain;
}

.bb-recipe-product-card__visual .bb-product-card__category {
	position: absolute;
	top: 14px;
	left: 14px;
}

.bb-recipe-product-card__details {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	justify-content: space-between;
	padding: 18px;
}

.bb-recipe-product-card__name {
	min-height: 44px;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.25;
	text-decoration: none;
}

.bb-recipe-product-card__price {
	color: #27773b;
	font-family: var(--bb-font-ui);
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
}

.bb-recipe-product-card__price del {
	margin-left: 8px;
	color: #66756c;
	font-size: 14px;
	font-weight: 400;
}

.bb-recipe-product-card__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	width: 100%;
	height: 48px;
	margin-top: auto;
	border-radius: 65px;
	background: #264432;
	color: #fff;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .78px;
	text-decoration: none;
}

.bb-recipe-product-card__cta:hover,
.bb-recipe-product-card__cta:focus-visible {
	background: var(--bb-cta-hover);
	color: #fff;
}

.bb-recipe-single__related {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.bb-recipe-single__related-grid {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 24px;
}

.bb-recipe-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
}

.bb-recipe-card__image-link {
	display: block;
	width: 100%;
	height: 222px;
	margin-bottom: 16px;
	border-radius: 5px;
	overflow: hidden;
}

.bb-recipe-card__image-link img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bb-recipe-card__category {
	margin-bottom: 16px;
}

.bb-recipe-card h3 {
	margin: 0 0 16px;
	font-family: var(--bb-font-display);
	font-size: 28px;
	font-weight: 400;
	line-height: 1.05;
	color: #264432;
}

.bb-recipe-card h3 a {
	color: inherit;
	text-decoration: none;
}

.bb-recipe-card__action {
	margin-top: auto;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .72px;
	text-decoration: none;
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-recipe-single {
		padding-inline: 48px;
	}

	.bb-recipe-single__intro h1 {
		font-size: 68px;
	}

	.bb-recipe-single__method {
		grid-template-columns: 280px minmax(0,1fr);
		gap: 56px;
	}

	.bb-recipe-single__pairing {
		gap: 40px;
	}
}

@media (max-width: 767px) {
	.bb-recipe-single {
		gap: 48px;
		padding: 32px 24px 64px;
	}

	.bb-recipe-single__breadcrumbs {
		justify-content: flex-start;
		padding: 0;
		font-size: 16px;
		color: #6a756d;
		white-space: normal;
	}

	.bb-recipe-single__breadcrumbs a {
		color: #6a756d;
	}

	.bb-recipe-single__breadcrumbs a:nth-of-type(2),
	.bb-recipe-single__breadcrumbs > span:not(.is-current):nth-of-type(2) {
		display: none;
	}

	.bb-recipe-single__breadcrumbs .is-current {
		color: #6a756d;
	}

	.bb-recipe-single__intro h1 {
		font-size: 44px;
		line-height: 1.05;
		letter-spacing: -1.32px;
	}

	.bb-recipe-single__hero > img {
		height: 280px;
	}

	.bb-recipe-single__method {
		display: flex;
		flex-direction: column;
		gap: 48px;
	}

	.bb-recipe-single__ingredients,
	.bb-recipe-single__preparation {
		width: 100%;
	}

	.bb-recipe-single__ingredients h2,
	.bb-recipe-single__preparation h2,
	.bb-recipe-single__pair-story h2,
	.bb-recipe-single__related > h2 {
		font-size: 32px;
		line-height: 1.08;
		letter-spacing: -.96px;
	}

	.bb-recipe-single__all-recipes {
		width: 100%;
	}

	.bb-recipe-single__pairing {
		display: flex;
		flex-direction: column;
		gap: 64px;
		align-items: stretch;
	}

	.bb-recipe-product-card {
		width: 100%;
	}

	.bb-recipe-single__related-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.bb-recipe-card__image-link {
		height: 222px;
	}
}


/* ==========================================================================
   Recipe archive — Figma 537:10139
   ========================================================================== */
.bb-recipe-archive {
	display: flex;
	flex-direction: column;
	gap: 88px;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 56px 120px 96px;
	background: #fff;
	color: #264432;
}

.bb-recipe-archive__breadcrumbs {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 32px;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	line-height: 1;
}

.bb-recipe-archive__breadcrumbs a,
.bb-recipe-archive__breadcrumbs span {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 5px;
	color: #264432;
	text-decoration: none;
}

.bb-recipe-archive__breadcrumbs > span:not(.is-current) {
	padding-inline: 0;
	color: #e9eceb;
}

.bb-recipe-archive__breadcrumbs .is-current {
	color: #7ab145;
}

.bb-recipe-archive__intro {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}

.bb-recipe-archive__eyebrow-line {
	width: 34px;
	height: 2px;
	background: #264432;
}

.bb-recipe-archive__eyebrow {
	margin: 0;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.bb-recipe-archive__intro h1 {
	margin: 0;
	font-family: var(--bb-font-display);
	font-size: 88px;
	font-weight: 500;
	line-height: 1.05;
	letter-spacing: -2.64px;
	color: #264432;
}

.bb-recipe-archive__lead {
	margin: 0;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	line-height: 1.55;
	color: #264432;
}

.bb-recipe-archive__body {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 16px;
	align-items: start;
	width: 100%;
}

.bb-recipe-filters {
	display: flex;
	flex-direction: column;
	gap: 28px;
	width: 220px;
}

.bb-recipe-filters__section {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.bb-recipe-filters__section h2,
.bb-recipe-filters__section h3,
.bb-recipe-filters__section label {
	margin: 0;
	font-family: var(--bb-font-ui);
	color: #264432;
}

.bb-recipe-filters__section h2 {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.05;
	letter-spacing: -.6px;
}

.bb-recipe-filters__section h3,
.bb-recipe-filters__section label {
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
}

.bb-recipe-filters__categories {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.bb-recipe-filter-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-height: 27px;
	padding: 7px 11px;
	border: 1px solid #e9eceb;
	border-radius: 999px;
	background: rgba(255,255,255,.95);
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.04px;
	text-transform: uppercase;
	cursor: pointer;
}

.bb-recipe-filter-pill:hover,
.bb-recipe-filter-pill:focus-visible,
.bb-recipe-filter-pill.is-active {
	border-color: #7ab145;
	background: #7ab145;
	color: #fff;
}

.bb-recipe-filters input[type="search"] {
	width: 100%;
	height: 58px;
	padding: 0 18px;
	border: 1px solid rgba(38,68,50,.14);
	border-radius: 5px;
	outline: 0;
	background: #fff;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	line-height: 1.2;
}

.bb-recipe-filters input[type="search"]::placeholder {
	color: rgba(38,68,50,.64);
}

.bb-recipe-filters input[type="search"]:focus {
	border-color: #7ab145;
}

.bb-recipe-filters__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.bb-recipe-tag-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 35px;
	padding: 10px 14px;
	border: 1px solid #e9eceb;
	border-radius: 999px;
	background: #fff;
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.04px;
	cursor: pointer;
}

.bb-recipe-tag-pill:hover,
.bb-recipe-tag-pill:focus-visible,
.bb-recipe-tag-pill.is-active {
	background: #e9eceb;
}

.bb-recipe-listing {
	display: flex;
	flex-direction: column;
	gap: 32px;
	min-width: 0;
}

.bb-recipe-listing__note {
	margin: 0;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	line-height: 1;
	color: #264432;
}

.bb-recipe-listing__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px 16px;
}

.bb-recipe-archive-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	min-width: 0;
}

.bb-recipe-archive-card[hidden] {
	display: none !important;
}

.bb-recipe-archive-card__image {
	display: block;
	width: 100%;
	height: 222px;
	border-radius: 5px;
	overflow: hidden;
	background: #f7f7f7;
}

.bb-recipe-archive-card__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bb-recipe-archive-card__category {
	display: inline-flex;
	align-items: center;
	width: max-content;
	min-height: 27px;
	padding: 7px 11px;
	border: 1px solid #e9eceb;
	border-radius: 999px;
	background: rgba(255,255,255,.95);
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.04px;
	text-transform: uppercase;
}

.bb-recipe-archive-card h2 {
	width: 100%;
	margin: 0;
	font-family: var(--bb-font-display);
	font-size: 26px;
	font-weight: 500;
	line-height: 1.12;
	color: #264432;
}

.bb-recipe-archive-card h2 a {
	color: inherit;
	text-decoration: none;
}

.bb-recipe-archive-card__action {
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
}

.bb-recipe-filter-toggle {
	display: none;
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-recipe-archive {
		padding-inline: 48px;
	}

	.bb-recipe-archive__intro h1 {
		font-size: 68px;
	}

	.bb-recipe-archive__body {
		grid-template-columns: 200px minmax(0, 1fr);
	}
}

@media (max-width: 767px) {
	.bb-recipe-archive {
		gap: 48px;
		padding: 32px 24px 64px;
	}

	.bb-recipe-archive__breadcrumbs {
		justify-content: center;
		padding-bottom: 32px;
	}

	.bb-recipe-archive__intro h1 {
		font-size: 44px;
		line-height: 1.05;
		letter-spacing: -1.32px;
	}

	.bb-recipe-filter-toggle {
		display: flex;
		align-items: center;
		width: 100%;
		height: 56px;
		padding: 0 16px;
		border: 1px solid rgba(38,68,50,.14);
		border-radius: 5px;
		background: #fff;
		color: #264432;
		font-family: var(--bb-font-ui);
		font-size: 13px;
		font-weight: 600;
		letter-spacing: .78px;
		text-transform: uppercase;
		cursor: pointer;
	}

	.bb-recipe-filter-toggle__icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 24px;
		height: 24px;
		margin-right: 12px;
		font-size: 16px;
	}

	.bb-recipe-filter-toggle__chevron {
		margin-left: 12px;
		font-size: 20px;
		transition: transform 160ms ease;
	}

	.bb-recipe-filter-toggle[aria-expanded="true"] .bb-recipe-filter-toggle__chevron {
		transform: rotate(180deg);
	}

	.bb-recipe-archive__body {
		display: flex;
		flex-direction: column;
		gap: 48px;
	}

	.bb-recipe-filters {
		display: none;
		width: 100%;
		gap: 24px;
		padding-top: 16px;
	}

	.bb-recipe-filters.is-open {
		display: flex;
	}

	.bb-recipe-filters__section:first-child {
		padding-top: 0;
	}

	.bb-recipe-filters__section h2 {
		padding-bottom: 12px;
		border-bottom: 1px solid rgba(38,68,50,.14);
		font-size: 16px;
		font-weight: 400;
		letter-spacing: 0;
	}

	.bb-recipe-filters__categories {
		flex-flow: row wrap;
		gap: 12px;
	}

	.bb-recipe-listing {
		width: 100%;
		gap: 32px;
	}

	.bb-recipe-listing__grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.bb-recipe-archive-card {
		gap: 16px;
	}

	.bb-recipe-archive-card__image {
		height: 188px;
	}

	.bb-recipe-archive-card h2 {
		font-size: 26px;
		line-height: 1.12;
	}
}


/* Recipe archive fidelity pass — Figma 537:10139 (latest). */
@media (min-width: 768px) {
	.bb-recipe-filters {
		min-height: 473px;
		justify-content: space-between;
	}

	.bb-recipe-listing__note {
		display: none;
	}

	.bb-recipe-listing__grid {
		gap: 16px;
	}

	.bb-recipe-archive-card {
		position: relative;
		gap: 16px;
	}

	.bb-recipe-archive-card__image {
		height: 360px;
		margin-bottom: 16px;
	}

	.bb-recipe-archive-card__category {
		position: absolute;
		top: 16px;
		left: 16px;
		z-index: 2;
		margin: 0;
		background: rgba(255,255,255,.95);
	}

	.bb-recipe-archive-card h2 {
		font-size: 26px;
		line-height: 1.12;
	}

	.bb-recipe-archive-card__action {
		font-size: 12px;
		line-height: 1;
	}
}

@media (max-width: 767px) {
	.bb-recipe-listing__note {
		display: block;
		margin: 0;
		color: #6a756d;
		font-family: var(--bb-font-ui);
		font-size: 16px;
		font-weight: 400;
		line-height: 1;
	}

	.bb-recipe-archive-card {
		position: relative;
		gap: 16px;
	}

	.bb-recipe-archive-card__image {
		height: 188px;
		margin-bottom: 0;
	}

	.bb-recipe-archive-card__category {
		position: static;
		margin: 0;
	}

	.bb-recipe-filter-toggle {
		justify-content: flex-start;
	}

	.bb-recipe-filter-toggle__chevron {
		margin-left: 12px;
	}
}


/* Recipe archive mobile filter — mirror Shop filter control and behavior. */
.bb-recipe-filter-pill:hover,
.bb-recipe-filter-pill:focus-visible,
.bb-recipe-filter-pill.is-active {
	border-color: #7ab145 !important;
	background: #7ab145 !important;
	color: #fff !important;
}

@media (max-width: 767px) {
	.bb-recipe-filter-toggle {
		appearance: none;
		-webkit-appearance: none;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 56px;
		padding: 0 16px;
		border: 1px solid rgba(38,68,50,.18);
		border-radius: 5px;
		background: #fff;
		color: #264432;
		font-family: var(--bb-font-ui);
		font-size: 16px;
		font-weight: 600;
		line-height: 1;
		letter-spacing: 0;
		text-transform: none;
		cursor: pointer;
	}

	.bb-recipe-filter-toggle__label {
		display: flex;
		align-items: center;
		gap: 12px;
		min-width: 0;
	}

	.bb-recipe-filter-toggle__icon {
		display: block;
		flex: 0 0 auto;
		width: 24px;
		height: 24px;
		margin: 0;
	}

	.bb-recipe-filter-toggle__chevron {
		display: block;
		flex: 0 0 auto;
		width: 14px;
		height: 14px;
		margin-left: 12px;
		font-size: 0;
		transition: transform 180ms ease;
	}

	.bb-recipe-filter-toggle[aria-expanded="true"] .bb-recipe-filter-toggle__chevron {
		transform: rotate(180deg);
	}

	.bb-recipe-filter-toggle__closemark {
		display: none;
	}

	.bb-recipe-filter-toggle[aria-expanded="true"] .bb-recipe-filter-toggle__closemark {
		display: inline;
	}

	.bb-recipe-filters {
		display: none;
		width: 100%;
		margin: 0;
		padding-top: 0;
	}

	.bb-recipe-filters.is-open {
		display: flex;
	}

	.bb-recipe-archive__body {
		gap: 48px;
	}
}


/* ==========================================================================
   Recipe/Shop mobile filters — exact Figma component alignment
   Recipe archive: 537:10139 / mobile filter: 537:11124
   ========================================================================== */
@media (max-width: 767px) {
	/* Both filters use the same sticky, collapsed-by-default dropdown behavior. */
	.bb-shop-filter,
	.bb-recipe-filters {
		position: sticky !important;
		top: 80px !important;
		z-index: 900 !important;
		width: 327px !important;
		max-width: 100% !important;
		background: #fff !important;
	}

	.bb-shop-filter.is-collapsed,
	.bb-recipe-filters.is-collapsed {
		height: 56px !important;
		min-height: 56px !important;
		gap: 0 !important;
		overflow: hidden !important;
	}

	.bb-recipe-filters.is-collapsed > *:not(.bb-recipe-filter-toggle) {
		display: none !important;
	}

	.bb-recipe-filters.is-open {
		display: flex !important;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px !important;
		height: auto !important;
		max-height: calc(100dvh - 80px);
		overflow-y: auto !important;
		padding: 0 0 16px !important;
		box-shadow: 0 12px 24px -18px rgba(14,45,32,.3);
	}

	/* Figma filter trigger: 327×56, 16px padding, 12px item gap. */
	.bb-shop-filter__mobile-head,
	.bb-recipe-filter-toggle {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 12px !important;
		width: 327px !important;
		max-width: 100% !important;
		height: 56px !important;
		min-height: 56px !important;
		padding: 16px !important;
		border: 1px solid rgba(38,68,50,.14) !important;
		border-radius: 5px !important;
		background: #fff !important;
		color: #264432 !important;
		cursor: pointer;
	}

	.bb-recipe-filter-toggle {
		appearance: none;
		-webkit-appearance: none;
	}

	.bb-shop-filter__mobile-head img,
	.bb-recipe-filter-toggle__icon,
	.bb-recipe-filter-toggle__chevron {
		display: block !important;
		flex: 0 0 24px !important;
		width: 24px !important;
		height: 24px !important;
		margin: 0 !important;
	}

	.bb-shop-filter__mobile-chevron {
		flex: 0 0 24px !important;
		width: 24px !important;
		height: 24px !important;
		margin-left: 0 !important;
	}

	.bb-shop-filter__mobile-label,
	.bb-recipe-filter-toggle__text {
		display: inline-flex !important;
		align-items: center;
		flex: 0 0 auto;
		gap: 0;
		min-width: 0;
		margin: 0;
		font-family: var(--bb-font-ui) !important;
		font-size: 16px !important;
		font-weight: 400 !important;
		line-height: normal !important;
		letter-spacing: 0 !important;
		text-transform: none !important;
		white-space: nowrap;
	}

	.bb-recipe-filter-toggle__chevron,
	.bb-shop-filter__mobile-chevron {
		transition: transform 180ms ease;
	}

	.bb-recipe-filter-toggle[aria-expanded="true"] .bb-recipe-filter-toggle__chevron,
	.bb-shop-filter.is-open .bb-shop-filter__mobile-chevron {
		transform: rotate(180deg);
	}

	.bb-recipe-filter-toggle__closemark {
		display: none;
	}

	.bb-recipe-filter-toggle[aria-expanded="true"] .bb-recipe-filter-toggle__closemark {
		display: inline;
	}

	/* Expanded recipe dropdown matches Figma 537:11124. */
	.bb-recipe-filters__section--categories {
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 100%;
		height: auto;
		padding-top: 16px;
	}

	.bb-recipe-filters__section--categories h2 {
		width: 100%;
		margin: 0;
		padding: 0 0 12px;
		border-bottom: 1px solid rgba(38,68,50,.14);
		font-family: var(--bb-font-ui);
		font-size: 16px;
		font-weight: 600;
		line-height: 1.05;
		letter-spacing: -.48px;
		color: #264432;
	}

	.bb-recipe-filters__categories {
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		gap: 12px;
		width: 100%;
	}

	.bb-recipe-filters__search {
		display: flex;
		flex-direction: column;
		gap: 10px;
		width: 100%;
		margin-top: 0;
	}

	.bb-recipe-filters__search label {
		margin: 0;
		font-family: var(--bb-font-ui);
		font-size: 16px;
		font-weight: 400;
		line-height: normal;
		color: #264432;
	}

	.bb-recipe-filters__search input[type="search"] {
		width: 100%;
		height: 58px;
		padding: 0 18px;
		border: 1px solid rgba(38,68,50,.14);
		border-radius: 5px;
		background: #fff;
		font-family: var(--bb-font-ui);
		font-size: 16px;
		line-height: 1.2;
		color: #264432;
	}

	.bb-recipe-filters__section:not(.bb-recipe-filters__section--categories) {
		width: 100%;
		margin-top: 4px;
	}

	.bb-recipe-filter-pill {
		flex: 0 0 auto;
		padding: 7px 11px;
		border: 1px solid #e9eceb;
		border-radius: 999px;
		background: rgba(255,255,255,.95);
		color: #264432;
		font-family: var(--bb-font-ui);
		font-size: 13px;
		font-weight: 600;
		line-height: normal;
		letter-spacing: 1.04px;
		text-transform: uppercase;
	}

	.bb-recipe-filter-pill:hover,
	.bb-recipe-filter-pill:focus-visible,
	.bb-recipe-filter-pill.is-active {
		border-color: #7ab145 !important;
		background: #7ab145 !important;
		color: #fff !important;
	}

	/* Since the filter now lives inside the sidebar, the body spacing matches Figma. */
	.bb-recipe-archive__body {
		gap: 48px !important;
	}

	.bb-recipe-listing {
		position: relative;
		z-index: 1;
	}
}

/* Desktop sidebar spacing from Figma 537:11015. */
@media (min-width: 768px) {
	.bb-recipe-filters {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 40px;
		width: 220px;
		min-height: 473px;
	}

	.bb-recipe-filters__section--categories {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 220px;
	}

	.bb-recipe-filters__section--categories h2 {
		margin: 0 0 40px;
	}

	.bb-recipe-filters__section--categories .bb-recipe-filters__categories {
		margin-bottom: 40px;
	}

	.bb-recipe-filters__search {
		display: flex;
		flex-direction: column;
		gap: 10px;
		width: 220px;
	}

	.bb-recipe-filters__search label {
		font-family: var(--bb-font-ui);
		font-size: 16px;
		font-weight: 400;
		line-height: normal;
		color: #264432;
	}
}


/* Recipe archive — Figma 537:10139 exact layout + sticky desktop sidebar */
.bb-recipe-archive {
	box-sizing: border-box;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 56px 120px 96px;
	gap: 0;
}

.bb-recipe-archive__breadcrumbs {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0 32px;
	margin: 0;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	line-height: normal;
}

.bb-recipe-archive__intro {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

.bb-recipe-archive__eyebrow-line,
.bb-recipe-archive__eyebrow {
	display: none !important;
}

.bb-recipe-archive__intro h1 {
	margin: 0 !important;
	font-family: var(--bb-font-display);
	font-size: 48px !important;
	font-weight: 500;
	line-height: 1.02 !important;
	letter-spacing: -1.44px !important;
	color: #264432;
	text-align: center;
}

.bb-recipe-archive__lead {
	width: 560px;
	max-width: 100%;
	margin: 0 !important;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.45 !important;
	color: #264432;
	text-align: left;
}

.bb-recipe-archive__body {
	width: 100%;
	margin-top: 88px;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 16px !important;
	align-items: start;
}

.bb-recipe-filter-pill {
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.bb-recipe-filter-pill:hover,
.bb-recipe-filter-pill:focus-visible,
.bb-recipe-filter-pill.is-active {
	border-color: #7ab145 !important;
	background-color: #7ab145 !important;
	color: #fff !important;
}

@media (min-width: 768px) {
	.bb-recipe-filters {
		position: sticky !important;
		top: 104px !important;
		align-self: start !important;
		z-index: 20;
	}

	.bb-recipe-listing__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px !important;
	}

	.bb-recipe-archive-card__image {
		height: 360px !important;
	}
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-recipe-archive {
		padding-inline: 48px;
	}

	.bb-recipe-archive__body {
		grid-template-columns: 200px minmax(0, 1fr);
	}
}

@media (max-width: 767px) {
	.bb-recipe-archive {
		max-width: none;
		padding: 32px 24px 64px;
	}

	.bb-recipe-archive__breadcrumbs {
		padding-bottom: 32px;
	}

	.bb-recipe-archive__intro h1 {
		font-size: 48px !important;
		line-height: 1.02 !important;
		letter-spacing: -1.44px !important;
	}

	.bb-recipe-archive__lead {
		width: 100%;
		text-align: left;
	}

	.bb-recipe-archive__body {
		margin-top: 48px;
		gap: 48px !important;
	}

	.bb-recipe-filters {
		top: 80px !important;
	}
}


/* Single recipe fidelity — Figma 523:8768 */
.bb-recipe-single__eyebrow-line,
.bb-recipe-single__eyebrow {
	display: none !important;
}

.bb-recipe-single__intro {
	gap: 18px;
}

.bb-recipe-single__hero {
	position: relative;
	display: block;
}

.bb-recipe-single__hero > img {
	width: 100%;
	height: 550px;
	border-radius: 5px;
	object-fit: cover;
}

.bb-recipe-single__category {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 2;
	margin: 0;
}

.bb-recipe-single__category,
.bb-recipe-card__category {
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
	cursor: default;
}

.bb-recipe-single__category:hover,
.bb-recipe-single__category:focus-visible,
.bb-recipe-card__category:hover,
.bb-recipe-card__category:focus-visible {
	border-color: #7ab145;
	background: #7ab145;
	color: #fff;
}

.bb-recipe-single__related > h2 {
	font-size: 48px;
	line-height: 1.08;
	letter-spacing: -1.44px;
}

.bb-recipe-single__related-grid {
	gap: 24px;
}

.bb-recipe-card {
	position: relative;
	gap: 0;
	min-height: 449px;
}

.bb-recipe-card__image-link {
	width: 100%;
	height: 360px;
	margin: 0 0 32px;
}

.bb-recipe-card__category {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 2;
	margin: 0;
}

.bb-recipe-card h3 {
	width: 100%;
	margin: 0 0 16px;
	font-size: 26px;
	font-weight: 500;
	line-height: 1.12;
}

.bb-recipe-card__action {
	margin-top: 0;
	font-weight: 400;
	letter-spacing: 0;
}

.bb-recipe-single > .bb-newsletter {
	margin-top: 0;
}

@media (max-width: 767px) {
	.bb-recipe-single__hero > img {
		height: 360px;
	}

	.bb-recipe-single__related > h2 {
		font-size: 32px;
		line-height: 1.08;
		letter-spacing: -.96px;
	}

	.bb-recipe-single__related-grid {
		gap: 24px;
	}

	.bb-recipe-card {
		min-height: 449px;
	}

	.bb-recipe-card__image-link {
		height: 360px;
		margin-bottom: 32px;
	}
}


/* Recipe archive card hover parity with category cards */
.bb-recipe-archive-card__image {
	position: relative;
}

.bb-recipe-archive-card__image img {
	position: absolute !important;
	inset: 0 !important;
	display: block;
	width: 100% !important;
	height: 100% !important;
	min-width: 100%;
	min-height: 100%;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center center;
	transition: transform 320ms ease;
}

.bb-recipe-archive-card:hover .bb-recipe-archive-card__image img,
.bb-recipe-archive-card:focus-within .bb-recipe-archive-card__image img {
	transform: scale(1.015);
}

.bb-recipe-archive-card__category {
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.bb-recipe-archive-card__category:hover,
.bb-recipe-archive-card__category:focus-visible,
.bb-recipe-archive-card:hover .bb-recipe-archive-card__category,
.bb-recipe-archive-card:focus-within .bb-recipe-archive-card__category {
	border-color: #7ab145;
	background: #7ab145;
	color: #fff;
}


/* Recipe archive — latest Figma 537:10139 fidelity */
.bb-recipe-archive {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 56px 120px 96px;
	gap: 88px;
}

.bb-recipe-archive__breadcrumbs {
	justify-content: center;
	padding-bottom: 32px;
}

.bb-recipe-archive__intro {
	align-items: center;
	gap: 18px;
	text-align: center;
}

.bb-recipe-archive__intro h1 {
	font-size: 48px !important;
	line-height: 1.02 !important;
	letter-spacing: -1.44px !important;
	text-align: center;
}

.bb-recipe-archive__lead {
	width: 560px;
	max-width: 100%;
	font-size: 16px;
	line-height: 1.45 !important;
	text-align: left;
}

.bb-recipe-archive__body {
	grid-template-columns: 220px minmax(0,1fr);
	gap: 16px !important;
	margin-top: 0;
	align-items: start;
}

@media (min-width: 768px) {
	.bb-recipe-filters {
		position: sticky !important;
		top: 104px !important;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		width: 220px;
		min-height: 473px;
		gap: 0 !important;
	}

	.bb-recipe-filters__section--categories {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 220px;
		gap: 0 !important;
	}

	.bb-recipe-filters__section--categories h2 {
		margin: 0 0 40px !important;
		font-size: 20px;
		line-height: 1.05;
		letter-spacing: -.6px;
	}

	.bb-recipe-filters__section--categories .bb-recipe-filters__categories {
		margin: 0 0 40px !important;
		gap: 12px;
	}

	.bb-recipe-filters__search {
		width: 220px;
		margin: 0;
	}

	.bb-recipe-filters__section:not(.bb-recipe-filters__section--categories) {
		width: 220px;
		margin: 40px 0 0 !important;
		gap: 12px;
	}

	.bb-recipe-listing {
		gap: 0;
	}

	.bb-recipe-listing__grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
		column-gap: 16px !important;
		row-gap: 32px !important;
	}

	.bb-recipe-archive-card {
		min-height: 449px;
		gap: 0 !important;
	}

	.bb-recipe-archive-card__image {
		height: 360px !important;
		margin: 0 0 32px !important;
	}

	.bb-recipe-archive-card__category {
		top: 16px;
		left: 16px;
	}

	.bb-recipe-archive-card h2 {
		margin: 0 0 16px;
		font-size: 26px;
		line-height: 1.12;
	}

	.bb-recipe-archive-card__action {
		margin: 0;
		font-size: 12px;
		font-weight: 400;
		line-height: normal;
	}
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-recipe-archive {
		padding-inline: 48px;
	}
}

@media (max-width: 767px) {
	.bb-recipe-archive {
		width: 100%;
		max-width: none;
		padding: 32px 24px 64px;
		gap: 48px;
	}

	.bb-recipe-archive__breadcrumbs {
		padding-bottom: 32px;
	}

	.bb-recipe-archive__intro {
		gap: 18px;
	}

	.bb-recipe-archive__intro h1 {
		font-size: 48px !important;
		line-height: 1.02 !important;
		letter-spacing: -1.44px !important;
	}

	.bb-recipe-archive__lead {
		width: 100%;
		line-height: 1.45 !important;
	}

	.bb-recipe-archive__body {
		margin-top: 0 !important;
		gap: 48px !important;
	}

	.bb-recipe-listing {
		gap: 32px;
	}

	.bb-recipe-listing__grid {
		grid-template-columns: 1fr;
		row-gap: 24px !important;
	}

	.bb-recipe-archive-card {
		min-height: 449px;
		gap: 0 !important;
	}

	.bb-recipe-archive-card__image {
		height: 360px !important;
		margin: 0 0 32px !important;
	}

	.bb-recipe-archive-card__category {
		position: absolute !important;
		top: 16px !important;
		left: 16px !important;
		z-index: 2;
		margin: 0 !important;
	}

	.bb-recipe-archive-card h2 {
		margin: 0 0 16px;
		font-size: 26px;
		line-height: 1.12;
	}

	.bb-recipe-archive-card__action {
		margin: 0;
	}
}


/* Mobile Shop Archive — filter spacing + two-column products */
@media (max-width: 767px) {
	/* Keep the collapsed filter self-contained and separated from toolbar controls. */
	.bb-shop-layout {
		gap: 48px !important;
	}

	.bb-shop-filter {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
	}

	.bb-shop-filter.is-collapsed {
		height: 56px !important;
		min-height: 56px !important;
		max-height: 56px !important;
		overflow: hidden !important;
		gap: 0 !important;
	}

	.bb-shop-filter.is-collapsed > *:not(.bb-shop-filter__mobile-head) {
		display: none !important;
	}

	.bb-shop-filter__mobile-head {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 56px;
	}

	.bb-shop-filter.is-open {
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		gap: 20px !important;
		padding-bottom: 8px !important;
	}

	.bb-shop-products {
		width: 100% !important;
		max-width: 100% !important;
		gap: 32px !important;
	}

	.bb-shop-toolbar {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
	}

	.bb-shop-toolbar__filters {
		width: 100% !important;
		max-width: 100% !important;
		padding-top: 4px;
	}

	.bb-shop-search--mobile {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Two product cards per row on mobile. */
	.bb-shop-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		column-gap: 12px !important;
		row-gap: 16px !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.bb-shop-card {
		width: 100% !important;
		max-width: none !important;
		height: 472px !important;
		min-width: 0 !important;
	}

	.bb-shop-card__visual {
		flex: 0 0 176px !important;
		width: 100% !important;
		height: 176px !important;
	}

	.bb-shop-card__visual .bb-product-card__image,
	.bb-shop-card__visual > img {
		width: 100% !important;
		height: 100% !important;
		object-fit: contain !important;
	}

	.bb-shop-card__category {
		top: 8px !important;
		left: 8px !important;
		max-width: calc(100% - 16px);
		padding: 5px 8px !important;
		font-size: 10px !important;
		letter-spacing: .6px !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.bb-shop-card__details {
		flex: 1 1 auto !important;
		width: 100% !important;
		height: 296px !important;
		min-height: 0 !important;
		padding: 12px !important;
	}

	.bb-shop-card__information {
		gap: 8px !important;
	}

	.bb-shop-card__name {
		min-height: 36px !important;
		font-size: 14px !important;
		line-height: 1.25 !important;
	}

	.bb-shop-card__packs {
		gap: 4px !important;
	}

	.bb-shop-card__pack {
		height: 26px !important;
		min-height: 26px !important;
		padding: 0 8px !important;
		font-size: 10px !important;
	}

	.bb-shop-card__pricing {
		min-height: 38px !important;
	}

	.bb-shop-card__pricing .bb-product-card__price-current {
		font-size: 18px !important;
	}

	.bb-shop-card__pricing .bb-product-card__price-old,
	.bb-shop-card__pricing .bb-product-card__unit-price,
	.bb-shop-card__pricing .bb-product-card__reference-price {
		font-size: 10px !important;
	}

	.bb-shop-card__purchase {
		gap: 6px !important;
		height: 44px !important;
	}

	.bb-shop-card__quantity {
		flex: 0 0 68px !important;
		width: 68px !important;
		height: 44px !important;
		padding: 0 5px !important;
	}

	.bb-shop-card__quantity button {
		width: 18px !important;
		height: 42px !important;
		font-size: 16px !important;
	}

	.bb-shop-card__quantity span {
		min-width: 14px !important;
		font-size: 12px !important;
	}

	.bb-shop-card__purchase .bb-shop-card__add {
		height: 44px !important;
		min-width: 0 !important;
		padding: 0 10px !important;
		font-size: 0 !important;
		letter-spacing: 0 !important;
	}

	.bb-shop-card__purchase .bb-shop-card__add img {
		width: 17px !important;
		height: 17px !important;
		margin: 0 !important;
	}

	.bb-shop-card__purchase .bb-shop-card__add span {
		display: none !important;
	}

	.bb-shop-callout {
		grid-column: 1 / -1;
		width: 100% !important;
	}
}


/* Revert mobile Shop Archive to single-column product grid */
@media (max-width: 767px) {
	.bb-shop-grid {
		grid-template-columns: 1fr !important;
		gap: 24px !important;
	}

	.bb-shop-card {
		width: 100% !important;
		max-width: 100% !important;
		height: 608px !important;
	}

	.bb-shop-card__visual {
		flex: 0 0 320px !important;
		height: 320px !important;
	}

	.bb-shop-card__category {
		top: 14px !important;
		left: 14px !important;
		max-width: none !important;
		padding: 7px 11px !important;
		font-size: 13px !important;
		letter-spacing: 1.04px !important;
		overflow: visible;
		text-overflow: clip;
	}

	.bb-shop-card__details {
		flex: 0 0 288px !important;
		height: 288px !important;
		padding: 18px !important;
	}

	.bb-shop-card__information {
		gap: 10px !important;
	}

	.bb-shop-card__name {
		min-height: 44px !important;
		font-size: 18px !important;
		line-height: 1.25 !important;
	}

	.bb-shop-card__packs {
		gap: 8px !important;
	}

	.bb-shop-card__pack {
		height: 30px !important;
		min-height: 30px !important;
		padding: 0 12px !important;
		font-size: 12px !important;
	}

	.bb-shop-card__pricing {
		min-height: 44px !important;
	}

	.bb-shop-card__pricing .bb-product-card__price-current {
		font-size: 22px !important;
	}

	.bb-shop-card__purchase {
		gap: 8px !important;
		height: 48px !important;
	}

	.bb-shop-card__quantity {
		flex: 0 0 86px !important;
		width: 86px !important;
		height: 48px !important;
		padding: 0 8px !important;
	}

	.bb-shop-card__quantity button {
		width: 22px !important;
		height: 46px !important;
		font-size: 18px !important;
	}

	.bb-shop-card__quantity span {
		min-width: 18px !important;
		font-size: 14px !important;
	}

	.bb-shop-card__purchase .bb-shop-card__add {
		height: 48px !important;
		padding: 0 14px !important;
		font-size: 13px !important;
		letter-spacing: .78px !important;
	}

	.bb-shop-card__purchase .bb-shop-card__add span {
		display: inline !important;
	}
}


/* Global desktop content width — unified 1440px canvas */
@media (min-width: 1100px) {
	.bb-recipe-archive,
	.bb-recipe-single,
	.bb-shop-intro--desktop,
	.bb-shop-listing {
		width: 100% !important;
		max-width: 1440px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.bb-recipe-archive,
	.bb-recipe-single {
		padding-left: 120px !important;
		padding-right: 120px !important;
	}

	.bb-shop-intro--desktop {
		padding-left: 120px !important;
		padding-right: 120px !important;
	}

	.bb-shop-listing {
		padding-left: 120px !important;
		padding-right: 120px !important;
	}

	.bb-recipe-archive__body,
	.bb-recipe-single__method,
	.bb-recipe-single__pairing,
	.bb-recipe-single__related,
	.bb-shop-layout {
		width: 100% !important;
		max-width: none !important;
	}
}


/* Desktop page content aligns to newsletter box width */
@media (min-width: 1100px) {
	:root {
		--bb-content-max: 1440px;
	}

	/* Archive + single recipe */
	.bb-recipe-archive,
	.bb-recipe-single {
		width: min(var(--bb-content-max), 100%) !important;
		max-width: var(--bb-content-max) !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Product archive */
	.bb-shop-intro--desktop,
	.bb-shop-listing {
		width: min(var(--bb-content-max), 100%) !important;
		max-width: var(--bb-content-max) !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Single product main sections */
	.bb-single-product__detail,
	.bb-single-product__story,
	.bb-single-product__related {
		width: min(var(--bb-content-max), 100%) !important;
		max-width: var(--bb-content-max) !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Keep full-bleed colored recipe section, but align its inner content where possible. */
	.bb-single-product__recipes {
		padding-left: max(0px, calc((100% - var(--bb-content-max)) / 2)) !important;
		padding-right: max(0px, calc((100% - var(--bb-content-max)) / 2)) !important;
	}

	/* Shared newsletter reference width. */
	.bb-newsletter {
		width: min(var(--bb-content-max), 100%) !important;
		max-width: var(--bb-content-max) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}


/* Recipe filters mirror Product Archive filters */
@media (min-width: 768px) {
	.bb-recipe-filters {
		position: sticky !important;
		top: 144px !important;
		align-self: start !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 24px !important;
		width: 220px !important;
		min-height: 0 !important;
		max-height: calc(100vh - 168px) !important;
		overflow: auto !important;
		scrollbar-width: none;
	}

	.bb-recipe-filters::-webkit-scrollbar {
		display: none;
	}

	.bb-recipe-filters__section,
	.bb-recipe-filters__section--categories {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
		width: 100% !important;
		margin: 0 !important;
	}

	.bb-recipe-filters__section--categories h2,
	.bb-recipe-filters__section h3 {
		width: 100% !important;
		margin: 0 !important;
		color: #264432 !important;
		font-family: var(--bb-font-ui) !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		line-height: 1.05 !important;
		letter-spacing: -.48px !important;
	}

	.bb-recipe-filters__divider {
		width: 100% !important;
		height: 1px !important;
		flex: 0 0 1px !important;
		background: rgba(38,68,50,.14) !important;
	}

	.bb-recipe-filters__categories {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
		width: 100% !important;
		margin: 0 !important;
	}

	.bb-recipe-filter-pill {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: auto !important;
		min-height: 0 !important;
		padding: 7px 11px !important;
		border: 0 !important;
		border-radius: 999px !important;
		background: rgba(255,255,255,.95) !important;
		color: #264432 !important;
		font-family: var(--bb-font-ui) !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		line-height: 1 !important;
		letter-spacing: 1.04px !important;
		text-transform: uppercase !important;
		cursor: pointer;
	}

	.bb-recipe-filter-pill:hover,
	.bb-recipe-filter-pill:focus-visible,
	.bb-recipe-filter-pill.is-active {
		border-color: transparent !important;
		background: #cfdc72 !important;
		color: #264432 !important;
	}

	.bb-recipe-filters__search {
		display: flex !important;
		flex-direction: column !important;
		gap: 10px !important;
		width: 100% !important;
		margin: 0 !important;
		font-family: var(--bb-font-ui) !important;
		font-size: 16px !important;
	}

	.bb-recipe-filters__search label {
		margin: 0 !important;
		color: #264432 !important;
		font-family: var(--bb-font-ui) !important;
		font-size: 16px !important;
		font-weight: 400 !important;
		line-height: normal !important;
	}

	.bb-recipe-filters input[type="search"] {
		width: 100% !important;
		height: 58px !important;
		padding: 0 18px !important;
		border: 1px solid rgba(38,68,50,.14) !important;
		border-radius: 5px !important;
		background: #fff !important;
		color: #264432 !important;
		font-family: var(--bb-font-ui) !important;
		font-size: 16px !important;
		line-height: 1.2 !important;
	}

	.bb-recipe-filters input[type="search"]:focus {
		border-color: #7ab145 !important;
		outline: 0 !important;
	}

	.bb-recipe-filters__tags {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
		width: 100% !important;
	}

	.bb-recipe-tag-pill {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: 35px !important;
		padding: 10px 14px !important;
		border: 1px solid #e9eceb !important;
		border-radius: 999px !important;
		background: #fff !important;
		color: #264432 !important;
		font-family: var(--bb-font-ui) !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		line-height: 1 !important;
		letter-spacing: 1.04px !important;
		cursor: pointer;
	}

	.bb-recipe-tag-pill:hover,
	.bb-recipe-tag-pill:focus-visible,
	.bb-recipe-tag-pill.is-active {
		border-color: #e9eceb !important;
		background: #e9eceb !important;
		color: #264432 !important;
	}

	.bb-recipe-filters__divider--bottom {
		margin-top: 0 !important;
	}
}

@media (max-width: 767px) {
	.bb-recipe-filters__divider {
		width: 100%;
		height: 1px;
		background: rgba(38,68,50,.14);
	}
}


/* Single product story/nutrition — full-bleed background, newsletter-width content */
.bb-single-product__story {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #e9eceb !important;
}

.bb-single-product__story-inner {
	width: min(1440px, 100%);
	margin: 0 auto;
	padding: 72px 120px;
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-single-product__story-inner {
		padding: 64px 48px;
	}
}

@media (max-width: 767px) {
	.bb-single-product__story-inner {
		width: 100%;
		padding: 48px 24px;
	}
}


/* Single product top content aligns with story inner content */
@media (min-width: 1100px) {
	.bb-single-product__detail {
		width: min(1440px, 100%) !important;
		max-width: 1440px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 120px !important;
		padding-right: 120px !important;
	}

	.bb-single-product__presentation,
	.bb-single-product__breadcrumb {
		width: 100% !important;
		max-width: none !important;
	}
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-single-product__detail {
		padding-left: 48px !important;
		padding-right: 48px !important;
	}
}

@media (max-width: 767px) {
	.bb-single-product__detail {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
}


/* Side cart background — Background Cream */
.bb-cart-drawer__panel {
	background: var(--bb-notice-cart-background) !important;
}


/* About page — Figma 319:37107 */
.bb-about {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 88px;
	width: min(1440px, 100%);
	margin: 0 auto;
	padding: 56px 120px 96px;
	background: #fff;
	color: #264432;
}

.bb-about p,
.bb-about h1,
.bb-about h2,
.bb-about h3,
.bb-about figure {
	margin: 0;
}

.bb-about__opening {
	display: flex;
	flex-direction: column;
	gap: 28px;
	width: 100%;
	overflow: hidden;
}

.bb-about__breadcrumb {
	color: #6a756d;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	white-space: nowrap;
}

.bb-about__eyebrow {
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}

.bb-about__opening > h1 {
	display: flex;
	flex-direction: column;
	width: 100%;
	color: #264432;
	font-family: var(--bb-font-display);
	font-size: 96px;
	font-weight: 400;
	line-height: 1.08;
	letter-spacing: -2.88px;
}

.bb-about__opening-grid {
	display: flex;
	align-items: flex-end;
	gap: 64px;
	width: 100%;
}

.bb-about__landscape {
	display: flex;
	flex: 0 0 760px;
	flex-direction: column;
	gap: 12px;
	width: 760px;
}

.bb-about__image {
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	background: #e9eceb;
}

.bb-about__image img,
.bb-about__category-image img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
	transition: transform 320ms ease;
}

.bb-about__image:hover img,
.bb-about__image:focus-within img,
.bb-about__category-card:hover .bb-about__category-image img,
.bb-about__category-card:focus-visible .bb-about__category-image img {
	transform: scale(1.015);
}

.bb-about__image--landscape {
	width: 100%;
	height: 480px;
}

.bb-about__landscape figcaption {
	width: 100%;
	color: #6a756d;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
}

.bb-about__story-copy {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}

.bb-about__story-copy h2,
.bb-about__feature-copy h2,
.bb-about__categories > h2,
.bb-about__contact h2 {
	color: #264432;
	font-family: var(--bb-font-display);
	font-weight: 400;
	line-height: 1.08;
}

.bb-about__story-copy h2,
.bb-about__feature-copy h2,
.bb-about__categories > h2,
.bb-about__contact h2 {
	font-size: 48px;
	letter-spacing: -1.44px;
}

.bb-about__story-copy p,
.bb-about__feature-copy p,
.bb-about__category-card p,
.bb-about__contact p {
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
}

.bb-about__feature {
	display: flex;
	align-items: center;
	width: 100%;
	overflow: hidden;
}

.bb-about__feature--ingredient {
	gap: 100px;
}

.bb-about__feature--production {
	gap: 96px;
}

.bb-about__feature-copy {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	min-width: 0;
}

.bb-about__pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px 11px;
	border: 1px solid #e9eceb;
	border-radius: 999px;
	background: rgba(255,255,255,.95);
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 1.04px;
	white-space: nowrap;
}

.bb-about__image--ingredient {
	flex: 0 0 520px;
	width: 520px;
	height: 440px;
}

.bb-about__image--production {
	flex: 0 0 650px;
	width: 650px;
	height: 340px;
}

.bb-about__statement {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	width: 100%;
	padding: 32px 0;
	overflow: hidden;
}

.bb-about__statement img {
	display: block;
	width: 38px;
	height: 48px;
	object-fit: contain;
}

.bb-about__statement p {
	width: 100%;
	color: #264432;
	font-family: var(--bb-font-display);
	font-size: 56px;
	font-weight: 400;
	line-height: 1.08;
	letter-spacing: -1.68px;
}

.bb-about__categories {
	display: flex;
	flex-direction: column;
	gap: 32px;
	width: 100%;
	overflow: hidden;
}

.bb-about__category-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	width: 100%;
}

.bb-about__category-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	min-width: 0;
	color: #264432;
	text-decoration: none;
	overflow: hidden;
}

.bb-about__category-image,
.bb-about__freeksi-card {
	width: 100%;
	height: 160px;
	border-radius: 5px;
	overflow: hidden;
}

.bb-about__category-image {
	position: relative;
	background: #e9eceb;
}

.bb-about__freeksi-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	padding: 20px;
	background: #fefbea;
}

.bb-about__freeksi-card strong {
	color: #264432;
	font-family: var(--bb-font-display);
	font-size: 40px;
	font-weight: 400;
	line-height: 1.08;
	letter-spacing: -1.2px;
}

.bb-about__freeksi-card small {
	color: #6a756d;
	font-family: var(--bb-font-ui);
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
}

.bb-about__category-card h3 {
	width: 100%;
	color: #264432;
	font-family: var(--bb-font-display);
	font-size: 26px;
	font-weight: 400;
	line-height: 1.08;
	letter-spacing: -.78px;
}

.bb-about__category-card p {
	width: 100%;
	flex: 1 1 auto;
}

.bb-about__category-card > span {
	color: #264432;
	font-family: var(--bb-font-ui);
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}

.bb-about__category-card:hover > span,
.bb-about__category-card:focus-visible > span {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.bb-about__contact {
	display: flex;
	align-items: center;
	gap: 32px;
	width: 100%;
	padding-top: 32px;
	border-top: 1px solid rgba(38,68,50,.14);
	overflow: hidden;
}

.bb-about__contact > div {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.bb-about__contact > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 260px;
	width: 260px;
	height: 48px;
	border-radius: 65px;
	background: #264432;
	color: #fff;
	font-family: var(--bb-font-ui);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .78px;
	text-decoration: none;
}

.bb-about__contact > a:hover,
.bb-about__contact > a:focus-visible {
	background: #7ab145;
	color: #fff;
}

@media (max-width: 1099px) and (min-width: 768px) {
	.bb-about {
		gap: 72px;
		padding: 48px;
	}

	.bb-about__opening > h1 {
		font-size: 72px;
		letter-spacing: -2.16px;
	}

	.bb-about__opening-grid,
	.bb-about__feature--ingredient,
	.bb-about__feature--production {
		gap: 48px;
	}

	.bb-about__landscape {
		flex-basis: 56%;
		width: 56%;
	}

	.bb-about__image--ingredient {
		flex-basis: 44%;
		width: 44%;
	}

	.bb-about__image--production {
		flex-basis: 50%;
		width: 50%;
	}

	.bb-about__category-grid {
		grid-template-columns: repeat(2, minmax(0,1fr));
	}
}

@media (max-width: 767px) {
	.bb-about {
		gap: 48px;
		width: 100%;
		padding: 32px 24px 64px;
	}

	.bb-about__opening {
		gap: 28px;
	}

	.bb-about__opening > h1 {
		font-size: 48px;
		line-height: 1.08;
		letter-spacing: -1.44px;
	}

	.bb-about__opening-grid {
		flex-direction: column;
		align-items: flex-start;
		gap: 28px;
	}

	.bb-about__landscape {
		flex: 0 0 auto;
		width: 100%;
	}

	.bb-about__image--landscape {
		height: 300px;
	}

	.bb-about__story-copy,
	.bb-about__feature-copy {
		width: 100%;
	}

	.bb-about__story-copy h2,
	.bb-about__feature-copy h2,
	.bb-about__categories > h2,
	.bb-about__contact h2 {
		font-size: 32px;
		letter-spacing: -.96px;
	}

	.bb-about__feature {
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
	}

	.bb-about__feature--production .bb-about__image {
		order: 1;
	}

	.bb-about__feature--production .bb-about__feature-copy {
		order: 2;
	}

	.bb-about__image--ingredient,
	.bb-about__image--production {
		flex: 0 0 auto;
		width: 100%;
	}

	.bb-about__image--ingredient {
		height: 280px;
	}

	.bb-about__image--production {
		height: 220px;
	}

	.bb-about__statement {
		padding: 32px 0;
	}

	.bb-about__statement p {
		font-size: 32px;
		letter-spacing: -.96px;
	}

	.bb-about__category-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.bb-about__category-image,
	.bb-about__freeksi-card {
		height: 180px;
	}

	.bb-about__contact {
		flex-direction: column;
		align-items: flex-start;
	}

	.bb-about__contact > div,
	.bb-about__contact > a {
		width: 100%;
	}

	.bb-about__contact > a {
		flex-basis: 48px;
	}
}


/* Archive intro rhythm — match Product Archive breadcrumb/title spacing */
@media (min-width: 768px) {
	.bb-recipe-archive {
		padding-top: 64px !important;
		gap: 0 !important;
	}

	.bb-recipe-archive__breadcrumbs {
		margin: 0 !important;
		padding: 0 0 32px !important;
	}

	.bb-recipe-archive__intro {
		gap: 18px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.bb-recipe-archive__body {
		margin-top: 72px !important;
	}
}

@media (max-width: 767px) {
	.bb-recipe-archive__breadcrumbs {
		margin: 0 !important;
		padding-bottom: 32px !important;
	}

	.bb-recipe-archive__intro {
		margin: 0 !important;
		gap: 18px !important;
	}
}


/* About page — latest Figma 556:12820 */
.bb-about-new{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:32px;
	width:100%;
	background:#fff;
	color:#264432;
}

.bb-about-new p,
.bb-about-new h1,
.bb-about-new h2,
.bb-about-new h3{
	margin:0;
}

.bb-about-new__intro{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:min(1440px,100%);
	padding-top:64px;
}

.bb-about-new__breadcrumb{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	width:100%;
	padding-bottom:32px;
	font-family:var(--bb-font-ui);
	font-size:16px;
	line-height:normal;
}

.bb-about-new__breadcrumb a{
	color:#264432;
	text-decoration:none;
}

.bb-about-new__breadcrumb span:last-child{
	color:#7ab145;
}

.bb-about-new__heading{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:18px;
	width:100%;
	text-align:center;
}

.bb-about-new__heading h1{
	font-family:var(--bb-font-display);
	font-size:48px;
	font-weight:500;
	line-height:1.02;
	letter-spacing:-1.44px;
	color:#264432;
}

.bb-about-new__heading p,
.bb-about-new__copy{
	font-family:var(--bb-font-ui);
	font-size:16px;
	line-height:1.45;
	color:#264432;
}

.bb-about-new__heading p{
	width:850px;
	max-width:calc(100% - 48px);
}

.bb-about-new__copy{
	display:flex;
	flex-direction:column;
	gap:24px;
	width:850px;
	max-width:calc(100% - 48px);
	text-align:center;
}

.bb-about-new__copy a{
	color:#264432;
	text-decoration:underline;
	text-underline-offset:2px;
}

.bb-about-new__hero{
	display:flex;
	flex-direction:column;
	width:100%;
	padding-top:32px;
}

.bb-about-new__hero-image{
	position:relative;
	width:100%;
	aspect-ratio:1920/700;
	overflow:hidden;
	border-radius:25px 25px 0 0;
	background:#e9eceb;
}

.bb-about-new__hero-image img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}

.bb-about-new__promise{
	display:flex;
	flex-direction:column;
	gap:28px;
	align-items:center;
	justify-content:center;
	width:100%;
	padding:64px 120px;
	background:#264432;
	color:#fefbea;
	text-align:center;
}

.bb-about-new__promise p{
	width:min(1200px,100%);
	font-family:var(--bb-font-display);
	font-size:36px;
	font-weight:400;
	line-height:1.45;
}

.bb-about-new__cta{
	display:flex;
	align-items:center;
	gap:32px;
	width:100%;
	padding:64px 120px;
	border-top:1px solid rgba(38,68,50,.14);
	border-bottom:1px solid rgba(38,68,50,.14);
	background:#cfdc72;
}

.bb-about-new__cta>div{
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	gap:16px;
	min-width:0;
}

.bb-about-new__cta h2{
	font-family:var(--bb-font-display);
	font-size:48px;
	font-weight:400;
	line-height:1.08;
	letter-spacing:-1.44px;
	color:#264432;
}

.bb-about-new__cta p{
	font-family:var(--bb-font-ui);
	font-size:16px;
	color:#264432;
}

.bb-about-new__cta>a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 260px;
	width:260px;
	height:48px;
	border-radius:65px;
	background:#264432;
	color:#fff;
	text-decoration:none;
	font-family:var(--bb-font-ui);
	font-size:13px;
	font-weight:600;
	letter-spacing:.78px;
}

.bb-about-new__cta>a:hover,
.bb-about-new__cta>a:focus-visible{
	background:#7ab145;
	color:#fff;
}

.bb-about-new__categories{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:16px;
	width:min(1440px,100%);
	padding:0 120px;
}

.bb-about-new__card{
	display:flex;
	flex-direction:column;
	gap:16px;
	color:#264432;
	text-decoration:none;
	min-width:0;
}

.bb-about-new__card-image{
	position:relative;
	width:100%;
	height:360px;
	overflow:hidden;
	border-radius:5px;
	background:#e9eceb;
}

.bb-about-new__card-image img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	transition:transform 320ms ease;
}

.bb-about-new__card:hover .bb-about-new__card-image img,
.bb-about-new__card:focus-visible .bb-about-new__card-image img{
	transform:scale(1.015);
}

.bb-about-new__card-copy{
	display:flex;
	flex-direction:column;
	gap:16px;
	padding-bottom:10px;
}

.bb-about-new__card h3{
	font-family:var(--bb-font-display);
	font-size:26px;
	font-weight:500;
	line-height:1.12;
	color:#264432;
}

.bb-about-new__card p{
	font-family:var(--bb-font-ui);
	font-size:16px;
	line-height:1.45;
	color:#264432;
}

.bb-about-new>.bb-newsletter{
	width:min(1440px,100%) !important;
	margin-top:0 !important;
}

@media(max-width:1099px) and (min-width:768px){
	.bb-about-new__intro{
		padding-inline:48px;
	}

	.bb-about-new__heading p,
	.bb-about-new__copy{
		width:100%;
		max-width:850px;
	}

	.bb-about-new__promise,
	.bb-about-new__cta{
		padding:56px 48px;
	}

	.bb-about-new__categories{
		padding:0 48px;
	}

	.bb-about-new__card-image{
		height:300px;
	}
}

@media(max-width:767px){
	.bb-about-new{
		gap:24px;
	}

	.bb-about-new__intro{
		width:100%;
		padding:32px 24px 0;
	}

	.bb-about-new__breadcrumb{
		padding-bottom:32px;
	}

	.bb-about-new__heading h1{
		font-size:48px;
		line-height:1.02;
		letter-spacing:-1.44px;
	}

	.bb-about-new__heading p{
		width:100%;
		max-width:none;
	}

	.bb-about-new__copy{
		width:100%;
		max-width:none;
		padding:0 24px;
		text-align:left;
	}

	.bb-about-new__hero{
		padding-top:24px;
	}

	.bb-about-new__hero-image{
		aspect-ratio:375/260;
		border-radius:18px 18px 0 0;
	}

	.bb-about-new__promise{
		gap:24px;
		padding:40px 24px;
	}

	.bb-about-new__promise p{
		font-size:28px;
		line-height:1.35;
	}

	.bb-about-new__cta{
		flex-direction:column;
		align-items:flex-start;
		padding:40px 24px;
	}

	.bb-about-new__cta h2{
		font-size:40px;
		letter-spacing:-1.2px;
	}

	.bb-about-new__cta>a{
		flex-basis:48px;
		width:100%;
	}

	.bb-about-new__categories{
		grid-template-columns:1fr;
		gap:24px;
		width:100%;
		padding:0 24px;
	}

	.bb-about-new__card-image{
		height:260px;
	}

	.bb-about-new>.bb-newsletter{
		width:100% !important;
	}
}

/* Biobrdo About • Figma 556:13056 */
.bb-about-figma{gap:0;}
.bb-about-figma .bb-about-new__intro{padding:64px 24px 52px;gap:0;}
.bb-about-figma .bb-about-new__heading p{max-width:560px;width:100%;font-size:16px;}
.bb-about-figma__eyebrow{display:block;font-family:var(--bb-font-ui);font-weight:600;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;color:inherit;}
.bb-about-figma__eyebrow:before{content:"";display:block;width:34px;height:2px;background:currentColor;margin-bottom:12px;}
.bb-about-figma__statement{width:100%;padding:64px max(24px,calc((100% - 1200px)/2));background:#f4f7ed;color:#264432;}
.bb-about-figma__statement p{max-width:1200px;margin-top:16px;font-family:var(--bb-font-ui);font-size:20px;line-height:1.65;}
.bb-about-figma__statement a{color:inherit;text-decoration:underline;text-underline-offset:4px;}
.bb-about-figma__statement--light{background:#fff;}
.bb-about-figma__statement--cream{background:#fefbea;}
.bb-about-figma__statement--dark{background:#264432;color:#fefbea;}
.bb-about-figma__statement--dark p{font-family:var(--bb-font-display);font-size:32px;line-height:1.43;}
.bb-about-figma__story{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:1440px;min-height:614px;background:#fff;}
.bb-about-figma__story-copy{padding:64px 60px 64px max(24px,calc((100vw - 1200px)/2));color:#264432;}
.bb-about-figma__story-copy h2{margin:34px 0 24px;font-family:var(--bb-font-display);font-size:46px;line-height:1.08;}
.bb-about-figma__story-copy p{margin:0;font-family:var(--bb-font-ui);font-size:18px;line-height:1.55;}
.bb-about-figma__story-image{min-height:614px;overflow:hidden;}
.bb-about-figma__story-image img{width:100%;height:100%;display:block;object-fit:cover;}
.bb-about-figma__outro{width:100%;padding:60px 24px;background:#f4f7ed;text-align:center;color:#264432;}
.bb-about-figma__outro p{font-family:var(--bb-font-display);font-size:38px;line-height:1.2;}
.bb-about-figma .bb-about-new__categories{padding-top:32px;padding-bottom:48px;gap:24px;}
.bb-about-figma .bb-about-new__card-description{font:400 16px/1.5 var(--bb-font-ui);color:#264432;}
.bb-about-figma .bb-about-new__card-description p{margin:0 0 10px;}
.bb-about-figma .bb-about-new__card-description p:last-child{margin-bottom:0;}
.bb-about-figma .bb-about-new__card-copy{gap:12px;}
@media(max-width:1099px){
 .bb-about-figma__story-copy{padding:48px;}
 .bb-about-figma__statement{padding:48px;}
}
@media(max-width:767px){
 .bb-about-figma .bb-about-new__intro{padding:32px 24px 40px;}
 .bb-about-figma__statement{padding:40px 24px;}
 .bb-about-figma__statement p{font-size:17px;line-height:1.55;}
 .bb-about-figma__statement--dark p{font-size:25px;line-height:1.38;}
 .bb-about-figma__story{display:flex;flex-direction:column;}
 .bb-about-figma__story-copy{padding:40px 24px;}
 .bb-about-figma__story-copy h2{font-size:38px;}
 .bb-about-figma__story-copy p{font-size:17px;}
 .bb-about-figma__story-image{height:290px;min-height:0;}
 .bb-about-figma__outro{padding:44px 24px;}
 .bb-about-figma__outro p{font-size:30px;}
 .bb-about-figma .bb-about-new__categories{padding-top:24px;padding-bottom:32px;}
}

/* Accurate desktop geometry — About Us Figma 556:13056, 1440px artboard */
@media(min-width:1100px){
 .bb-about-figma{gap:0!important;}
 .bb-about-figma .bb-about-new__intro{width:100%;max-width:1440px;height:245px;box-sizing:border-box;padding:34px 120px 0!important;flex:0 0 auto;}
 .bb-about-figma .bb-about-new__breadcrumb{padding-bottom:20px;}
 .bb-about-figma .bb-about-new__heading{gap:16px;}
 .bb-about-figma .bb-about-new__heading h1{font-size:48px;}
 .bb-about-figma .bb-about-new__heading p{max-width:560px;line-height:1.45;}
 .bb-about-figma__statement{box-sizing:border-box;padding:64px max(120px,calc((100% - 1200px)/2));}
 .bb-about-figma .bb-about-figma__statement:first-of-type{min-height:256px;}
 .bb-about-figma__statement p{font-size:20px;line-height:1.55;}
 .bb-about-figma__story{min-height:614px;grid-template-columns:724fr 716fr;}
 .bb-about-figma__story-copy{padding:64px 60px 64px 120px;}
 .bb-about-figma__story-copy h2{margin:32px 0;font-size:48px;}
 .bb-about-figma__story-copy p{font-size:18px;line-height:1.45;}
 .bb-about-figma__statement--light{min-height:256px;}
 .bb-about-figma__statement--cream{min-height:481px;}
 .bb-about-figma__statement--dark{min-height:533px;}
 .bb-about-figma__statement--dark p{font-size:32px;line-height:1.42;}
 .bb-about-figma__outro{min-height:180px;padding:64px 120px;}
 .bb-about-figma__outro p{font-size:38px;}
 .bb-about-figma .bb-about-new__cta{height:264px;padding:64px 120px;}
 .bb-about-figma .bb-about-new__categories{width:min(1440px,100%);padding:32px 120px 64px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:16px;}
 .bb-about-figma .bb-about-new__card-image{height:360px;}
}

/* About upper sections — approved 1440px Figma composition */
.bb-about-figma .bb-about-figma__statement{background:#cfdc72;color:#264432;}
.bb-about-figma .bb-about-figma__statement--light{background:#264432;color:#fff;}
.bb-about-figma .bb-about-figma__statement--cream{background:#cfdc72;color:#264432;}
.bb-about-figma .bb-about-figma__statement--dark{background:#264432;color:#fff;}
.bb-about-figma .bb-about-figma__story{background:#e9eceb;}
.bb-about-figma .bb-about-figma__story-copy{background:#e9eceb;}
.bb-about-figma .bb-about-figma__eyebrow{font-size:12px;letter-spacing:1.1px;color:#327544;}
.bb-about-figma .bb-about-figma__statement--light .bb-about-figma__eyebrow,.bb-about-figma .bb-about-figma__statement--dark .bb-about-figma__eyebrow{color:#3c9853;}
.bb-about-figma .bb-about-figma__statement--light p{color:#fff;}
@media(min-width:1100px){
.bb-about-figma .bb-about-new__intro{height:245px!important;padding-top:28px!important;}
.bb-about-figma .bb-about-figma__statement:not(.bb-about-figma__statement--light):not(.bb-about-figma__statement--cream):not(.bb-about-figma__statement--dark){min-height:256px;padding-top:64px;padding-bottom:64px;}
.bb-about-figma .bb-about-figma__statement:not(.bb-about-figma__statement--dark) p{font-size:20px;line-height:1.45;}
.bb-about-figma .bb-about-figma__story{min-height:614px;}
.bb-about-figma .bb-about-figma__story-copy{padding-left:120px;padding-top:64px;}
.bb-about-figma .bb-about-figma__story-copy h2{font-size:48px;margin-top:36px;margin-bottom:32px;}
.bb-about-figma .bb-about-figma__story-copy p{font-size:19px;line-height:1.47;}
.bb-about-figma .bb-about-figma__statement--light{min-height:256px;padding-top:64px;}
}

/* Figma 556:13150 — large Wulkan editorial statement, exact color sequence */
.bb-about-figma .bb-about-figma__statement--cream{
  background:#cfdc72;
  color:#264432;
}
.bb-about-figma .bb-about-figma__statement--cream p{
  font-family:var(--bb-font-display);
  font-size:36px;
  font-weight:400;
  line-height:1.34;
  letter-spacing:-.025em;
  max-width:1200px;
}
.bb-about-figma .bb-about-figma__statement--dark{
  background:#e9eceb;
  color:#264432;
}
.bb-about-figma .bb-about-figma__statement--dark p{
  color:#264432;
}
.bb-about-figma .bb-about-figma__statement--dark .bb-about-figma__eyebrow{
  color:#327544;
}
@media(min-width:1100px){
  .bb-about-figma .bb-about-figma__statement--cream{
    padding:64px max(120px,calc((100% - 1200px)/2));
    min-height:481px;
  }
  .bb-about-figma .bb-about-figma__statement--cream p{
    font-family:var(--bb-font-display)!important;
    font-size:36px!important;
    line-height:1.34!important;
  }
}
@media(max-width:767px){
  .bb-about-figma .bb-about-figma__statement--cream p{
    font-family:var(--bb-font-display)!important;
    font-size:28px!important;
    line-height:1.32!important;
  }
}

/* About page — full-bleed sections, aligned interior, homepage-width cards. */
.bb-about-figma{width:100%;max-width:none;overflow:visible;}
.bb-about-figma .bb-about-figma__story,
.bb-about-figma .bb-about-new__cta{
  position:relative;
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  box-sizing:border-box;
}
.bb-about-figma .bb-about-figma__story{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  background:#e9eceb;
  overflow:hidden;
}
.bb-about-figma .bb-about-figma__story-copy{
  box-sizing:border-box;
  padding:64px 64px 64px max(72px,calc((100vw - 1440px)/2 + 120px));
  background:#e9eceb;
}
.bb-about-figma .bb-about-figma__story-copy p{max-width:560px;}
.bb-about-figma .bb-about-figma__story-image{min-height:614px;height:auto;}
.bb-about-figma .bb-about-figma__story-image img{height:100%;width:100%;object-fit:cover;}
.bb-about-figma .bb-about-new__cta{
  background:#cfdc72;
  padding:64px max(72px,calc((100vw - 1440px)/2 + 120px));
  min-height:264px;
  height:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.bb-about-figma .bb-about-new__categories{
  box-sizing:border-box;
  width:100%;
  max-width:1440px;
  margin:0 auto;
  padding:32px 72px 64px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.bb-about-figma .bb-about-new__card-image{width:100%;height:auto;aspect-ratio:1.56;}
/* Reveal animation is enabled only after JS initializes, preserving no-JS visibility. */
@media(prefers-reduced-motion:no-preference){
  .bb-about-figma.bb-about-animations-ready .bb-about-reveal{
    opacity:0;
    translate:0 32px;
    transition:opacity .75s ease,translate .75s cubic-bezier(.22,1,.36,1);
  }
  .bb-about-figma.bb-about-animations-ready .bb-about-reveal.bb-about-reveal--visible{
    opacity:1;
    translate:0 0;
  }
}
@media(max-width:1099px){
  .bb-about-figma .bb-about-figma__story-copy{padding:48px;}
  .bb-about-figma .bb-about-new__cta{padding:48px;}
  .bb-about-figma .bb-about-new__categories{padding:32px 48px 56px;}
}
@media(max-width:767px){
  .bb-about-figma .bb-about-figma__story{display:flex;flex-direction:column;min-height:0;}
  .bb-about-figma .bb-about-figma__story-copy{padding:40px 24px;}
  .bb-about-figma .bb-about-figma__story-image{height:300px;min-height:300px;}
  .bb-about-figma .bb-about-new__cta{
    flex-direction:column;align-items:flex-start;gap:24px;
    padding:40px 24px;
  }
  .bb-about-figma .bb-about-new__categories{
    grid-template-columns:minmax(0,1fr);padding:24px 24px 48px;gap:24px;
  }
  .bb-about-figma .bb-about-new__card-image{aspect-ratio:1.56;height:auto;}
}

/* About / Figma 562:13233 — seamless left-to-right logo-animation ticker */
.bb-about-figma .bb-about-figma__outro{
  box-sizing:border-box;
  background:#1d2327;
  color:#e9eceb;
  padding:64px max(24px,calc((100vw - 1440px)/2 + 120px));
  text-align:center;
}
.bb-about-figma .bb-about-figma__outro p{
  max-width:1200px;
  margin:0 auto;
  color:#e9eceb;
  font:500 36px/1.45 var(--bb-font-display);
}
.bb-about-figma .bb-about-new__cta{
  border-top:1px solid rgba(38,68,50,.14);
  border-bottom:1px solid rgba(38,68,50,.14);
}
.bb-about-figma .bb-about-logo-ticker{
  --bb-ticker-logo-width:279px;
  --bb-ticker-logo-gap:0px;
  position:relative;
  display:block;
  box-sizing:border-box;
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  height:108px;
  padding:15px 0;
  overflow:hidden;
  background:#92278f;
  animation:bb-about-ticker-background 20s ease-in-out infinite;
}
.bb-about-logo-ticker__track{
  display:flex;
  width:max-content;
  height:100%;
  align-items:center;
  animation:bb-about-logo-scroll 34s linear infinite;
}
.bb-about-logo-ticker__set{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:var(--bb-ticker-logo-gap);
}
.bb-about-logo-ticker__set img{
  flex:0 0 var(--bb-ticker-logo-width);
  display:block;
  box-sizing:border-box;
  width:var(--bb-ticker-logo-width);
  height:78px;
  padding:3px 26px;
  object-fit:contain;
  filter:brightness(0) invert(1);
}
@keyframes bb-about-logo-scroll {
  from{transform:translateX(-50%);}
  to{transform:translateX(0);}
}
@keyframes bb-about-ticker-background {
  0%,20%{background-color:#92278f;}
  25%,45%{background-color:#c18fc0;}
  50%,70%{background-color:#f06b2a;}
  75%,95%{background-color:#7ab145;}
  100%{background-color:#92278f;}
}
@media(max-width:767px){
  .bb-about-figma .bb-about-figma__outro{padding:44px 24px;}
  .bb-about-figma .bb-about-figma__outro p{font-size:28px;line-height:1.36;}
  .bb-about-figma .bb-about-logo-ticker{height:86px;padding:12px 0;--bb-ticker-logo-width:224px;}
  .bb-about-logo-ticker__set img{height:62px;padding:3px 20px;}
}
@media(prefers-reduced-motion:reduce){
  .bb-about-logo-ticker__track,.bb-about-figma .bb-about-logo-ticker{animation:none;}
  .bb-about-logo-ticker__track{transform:translateX(-25%);}
}

/* Hero CPT responsive image sources share the legacy slider layout. */
.bb-hero-slider__picture{display:block;width:100%;height:100%;}
.bb-hero-slider__picture .bb-hero-slider__image{display:block;width:100%;height:100%;object-fit:cover;}

/* Mobile hero slider: 3% inset on both sides, including its slide media. */
@media (max-width: 767px) {
  .bb-hero-slider { padding-left: 0 !important; padding-right: 0 !important; }
  .bb-hero-slider__track,
  .bb-hero-slider__slide {
    left: 3% !important;
    right: 3% !important;
    width: auto !important;
  }
  .bb-hero-slider__media {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }
}


/* Contact page — Figma 565:13677 */
.bb-contact-page{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:88px;
	width:min(1440px,100%);
	margin:0 auto;
	padding:56px 120px 96px;
	background:#fff;
	color:#264432;
}

.bb-contact-page p,
.bb-contact-page h1,
.bb-contact-page h2,
.bb-contact-page h3{
	margin:0;
}

.bb-contact-page__intro{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
}

.bb-contact-page__breadcrumb{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	width:100%;
	height:58px;
	padding-bottom:32px;
	font-family:var(--bb-font-ui);
	font-size:16px;
	line-height:normal;
}

.bb-contact-page__breadcrumb a{
	color:#264432;
	text-decoration:none;
}

.bb-contact-page__breadcrumb span:last-child{
	color:#7ab145;
}

.bb-contact-page__intro h1{
	width:100%;
	font-family:var(--bb-font-display);
	font-size:48px;
	font-weight:500;
	line-height:1.02;
	letter-spacing:-1.44px;
	text-align:center;
	color:#264432;
}

.bb-contact-page__layout{
	display:flex;
	align-items:flex-start;
	gap:100px;
	width:100%;
	overflow:hidden;
}

.bb-contact-form{
	display:flex;
	flex:1 1 0;
	flex-direction:column;
	align-items:flex-start;
	gap:24px;
	min-width:0;
}

.bb-contact-form h2{
	width:100%;
	font-family:var(--bb-font-display);
	font-size:48px;
	font-weight:400;
	line-height:1.08;
	letter-spacing:-1.44px;
	color:#264432;
}

.bb-contact-form__fields{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:24px;
	width:100%;
}

.bb-contact-field{
	display:flex;
	flex-direction:column;
	gap:10px;
	width:100%;
	font-family:var(--bb-font-ui);
	font-size:16px;
	color:#264432;
}

.bb-contact-field input,
.bb-contact-field select,
.bb-contact-field textarea{
	width:100%;
	border:1px solid rgba(38,68,50,.14);
	border-radius:5px;
	background:#fff;
	color:#264432;
	font-family:var(--bb-font-ui);
	font-size:16px;
	line-height:1.2;
	outline:none;
	transition:border-color 160ms ease, box-shadow 160ms ease;
}

.bb-contact-field input,
.bb-contact-field select{
	height:58px;
	padding:0 18px;
}

.bb-contact-field select{
	appearance:none;
	background-image:linear-gradient(45deg,transparent 50%,#264432 50%),linear-gradient(135deg,#264432 50%,transparent 50%);
	background-position:calc(100% - 19px) 25px,calc(100% - 14px) 25px;
	background-size:5px 5px,5px 5px;
	background-repeat:no-repeat;
	padding-right:42px;
}

.bb-contact-field textarea{
	height:160px;
	padding:18px;
	resize:vertical;
}

.bb-contact-field input::placeholder,
.bb-contact-field textarea::placeholder{
	color:rgba(38,68,50,.64);
	opacity:1;
}

.bb-contact-field input:focus,
.bb-contact-field select:focus,
.bb-contact-field textarea:focus{
	border-color:#7ab145;
	box-shadow:0 0 0 2px rgba(122,177,69,.08);
}

.bb-contact-field--message{
	width:100%;
}

.bb-contact-form__consent{
	display:flex;
	align-items:flex-start;
	gap:12px;
	width:100%;
	font-family:var(--bb-font-ui);
	font-size:16px;
	line-height:1.35;
	color:#264432;
	cursor:pointer;
}

.bb-contact-form__consent input{
	flex:0 0 18px;
	width:18px;
	height:18px;
	margin:1px 0 0;
	accent-color:#264432;
}

.bb-contact-form__submit{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:260px;
	height:48px;
	border:0;
	border-radius:65px;
	background:#264432;
	color:#fff;
	font-family:var(--bb-font-ui);
	font-size:13px;
	font-weight:600;
	line-height:1;
	letter-spacing:.78px;
	cursor:pointer;
	transition:background-color 160ms ease;
}

.bb-contact-form__submit:hover,
.bb-contact-form__submit:focus-visible{
	background:#7ab145;
}

.bb-contact-form__status{
	width:100%;
	padding:12px 14px;
	border-radius:5px;
	font-family:var(--bb-font-ui);
	font-size:14px;
	line-height:1.4;
}

.bb-contact-form__status--success{
	background:rgba(122,177,69,.12);
	color:#264432;
}

.bb-contact-form__status--error{
	background:rgba(172,52,52,.08);
	color:#7e2626;
}

.bb-contact-info{
	display:flex;
	flex:0 0 424px;
	flex-direction:column;
	align-items:flex-start;
	gap:32px;
	width:424px;
	padding-top:16px;
	font-family:var(--bb-font-ui);
	color:#264432;
}

.bb-contact-info__eyebrow{
	width:100%;
	font-size:16px;
	color:#6a756d;
}

.bb-contact-info h2{
	width:100%;
	font-family:var(--bb-font-display);
	font-size:40px;
	font-weight:400;
	line-height:1.08;
	letter-spacing:-1.2px;
	color:#264432;
}

.bb-contact-info__address{
	width:100%;
	font-size:16px;
	line-height:1.45;
}

.bb-contact-info__address a{
	color:#264432;
	text-decoration:none;
}

.bb-contact-info__address a:hover,
.bb-contact-info__address a:focus-visible{
	text-decoration:underline;
	text-underline-offset:3px;
}

.bb-contact-info__guidance{
	display:flex;
	flex-direction:column;
	gap:16px;
	width:100%;
	padding-top:24px;
	border-top:1px solid rgba(38,68,50,.14);
}

.bb-contact-info__guidance h3{
	width:100%;
	font-family:var(--bb-font-display);
	font-size:28px;
	font-weight:400;
	line-height:1.08;
	letter-spacing:-.84px;
	color:#264432;
}

.bb-contact-info__guidance p{
	width:100%;
	font-family:var(--bb-font-ui);
	font-size:16px;
	line-height:1.4;
	color:#264432;
}

.bb-contact-info__guidance .bb-contact-info__contacts{
	color:#6a756d;
}

.bb-contact-socials{
	display:flex;
	align-items:flex-start;
	gap:10px;
	width:100%;
}

.bb-contact-socials a{
	display:flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	border:1px solid rgba(38,68,50,.14);
	border-radius:999px;
	background:#fff;
	text-decoration:none;
}

.bb-contact-socials img{
	display:block;
	width:18px;
	height:18px;
	object-fit:contain;
}

@media(max-width:1099px) and (min-width:768px){
	.bb-contact-page{
		gap:72px;
		padding:48px;
	}

	.bb-contact-page__layout{
		gap:48px;
	}

	.bb-contact-info{
		flex-basis:340px;
		width:340px;
	}
}

@media(max-width:767px){
	.bb-contact-page{
		gap:48px;
		width:100%;
		padding:32px 24px 64px;
	}

	.bb-contact-page__breadcrumb{
		height:58px;
		padding-bottom:32px;
	}

	.bb-contact-page__intro h1{
		font-size:48px;
		line-height:1.02;
		letter-spacing:-1.44px;
	}

	.bb-contact-page__layout{
		flex-direction:column;
		gap:48px;
		width:100%;
		overflow:visible;
	}

	.bb-contact-form{
		width:100%;
	}

	.bb-contact-form h2{
		font-size:32px;
		line-height:1.08;
		letter-spacing:-.96px;
	}

	.bb-contact-form__fields{
		grid-template-columns:1fr;
		gap:24px;
	}

	.bb-contact-field{
		width:100%;
	}

	.bb-contact-form__submit{
		width:100%;
	}

	.bb-contact-info{
		flex:0 0 auto;
		gap:32px;
		width:100%;
		padding-top:0;
	}

	.bb-contact-info h2{
		font-size:32px;
		letter-spacing:-.96px;
	}

	.bb-contact-socials{
		width:100%;
	}

	/* Mobile intentionally reuses the desktop company/contact content. */
	.bb-contact-info__address,
	.bb-contact-info__guidance{
		display:flex;
	}
}


/* FAQ page — Figma 319:39016 */
.bb-faq-page{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:88px;
	width:min(1440px,100%);
	margin:0 auto;
	padding:56px 120px 96px;
	background:#fff;
	color:#264432;
}

.bb-faq-page p,
.bb-faq-page h1,
.bb-faq-page h2{
	margin:0;
}

.bb-faq-page__intro{
	display:flex;
	flex-direction:column;
	gap:22px;
	width:100%;
	overflow:hidden;
}

.bb-faq-page__breadcrumb{
	font-family:var(--bb-font-ui);
	font-size:16px;
	line-height:normal;
	color:#6a756d;
}

.bb-faq-page__editorial{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:16px;
	width:100%;
}

.bb-faq-page__line{
	display:block;
	width:34px;
	height:2px;
	background:#264432;
}

.bb-faq-page__eyebrow{
	font-family:var(--bb-font-ui);
	font-size:12px;
	font-weight:600;
	line-height:normal;
	letter-spacing:1.2px;
	text-transform:uppercase;
	color:#264432;
}

.bb-faq-page__editorial h1{
	width:100%;
	font-family:var(--bb-font-display);
	font-size:88px;
	font-weight:500;
	line-height:1.05;
	letter-spacing:-2.64px;
	color:#264432;
}

.bb-faq-page__intro-copy{
	width:100%;
	font-family:var(--bb-font-ui);
	font-size:16px;
	line-height:1.55;
	color:#264432;
}

.bb-faq-page__main{
	display:flex;
	align-items:flex-start;
	gap:80px;
	width:100%;
	overflow:hidden;
}

.bb-faq-page__topics{
	display:flex;
	flex:0 0 240px;
	flex-direction:column;
	align-items:flex-start;
	gap:20px;
	width:240px;
}

.bb-faq-page__topics a{
	width:100%;
	font-family:var(--bb-font-ui);
	font-size:16px;
	line-height:normal;
	color:#264432;
	text-decoration:none;
}

.bb-faq-page__topics a.is-active{
	display:inline-flex;
	width:auto;
	padding:7px 11px;
	border-radius:999px;
	background:#7ab145;
	color:#fff;
	font-size:13px;
	font-weight:600;
	letter-spacing:1.04px;
}

.bb-faq-page__questions{
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	gap:16px;
	min-width:0;
}

.bb-faq-page__questions h2,
.bb-faq-page__support h2,
.bb-faq-page__cta h2{
	width:100%;
	font-family:var(--bb-font-display);
	font-size:48px;
	font-weight:400;
	line-height:1.08;
	letter-spacing:-1.44px;
	color:#264432;
}

.bb-faq-page__note{
	width:100%;
	font-family:var(--bb-font-ui);
	font-size:16px;
	line-height:normal;
	color:#6a756d;
}

.bb-faq-list{
	display:flex;
	flex-direction:column;
	gap:16px;
	width:100%;
}

.bb-faq-item{
	width:100%;
	border:1px solid rgba(38,68,50,.14);
	border-radius:5px;
	background:#fff;
	overflow:hidden;
}

.bb-faq-item[open]{
	background:#fefbea;
}

.bb-faq-item summary{
	display:flex;
	align-items:center;
	gap:16px;
	width:100%;
	padding:24px;
	list-style:none;
	cursor:pointer;
}

.bb-faq-item summary::-webkit-details-marker{
	display:none;
}

.bb-faq-item summary>span:first-child{
	flex:1 1 auto;
	min-width:0;
	font-family:var(--bb-font-ui);
	font-size:18px;
	font-weight:600;
	line-height:1.3;
	color:#264432;
}

.bb-faq-item__icon{
	position:relative;
	flex:0 0 24px;
	width:24px;
	height:24px;
}

.bb-faq-item__icon::before,
.bb-faq-item__icon::after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	background:#264432;
	transform:translate(-50%,-50%);
	transition:transform 160ms ease;
}

.bb-faq-item__icon::before{
	width:14px;
	height:2px;
}

.bb-faq-item__icon::after{
	width:2px;
	height:14px;
}

.bb-faq-item[open] .bb-faq-item__icon::after{
	transform:translate(-50%,-50%) scaleY(0);
}

.bb-faq-item__answer{
	padding:0 24px 24px;
	font-family:var(--bb-font-ui);
	font-size:16px;
	line-height:1.55;
	color:#264432;
}

.bb-faq-page__support{
	display:flex;
	flex-direction:column;
	gap:24px;
	width:100%;
	overflow:hidden;
}

.bb-faq-page__support-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:24px;
	width:100%;
}

.bb-faq-page__pending{
	display:flex;
	flex-direction:column;
	gap:12px;
	min-width:0;
}

.bb-faq-page__pending>p{
	font-family:var(--bb-font-ui);
	font-size:16px;
	line-height:normal;
	color:#6a756d;
}

.bb-faq-page__cta{
	display:flex;
	align-items:center;
	gap:32px;
	width:100%;
	padding-top:32px;
	border-top:1px solid rgba(38,68,50,.14);
	overflow:hidden;
}

.bb-faq-page__cta>div{
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	gap:16px;
	min-width:0;
}

.bb-faq-page__cta>div>p{
	font-family:var(--bb-font-ui);
	font-size:16px;
	line-height:normal;
	color:#264432;
}

.bb-faq-page__cta>a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 260px;
	width:260px;
	height:48px;
	border-radius:65px;
	background:#264432;
	color:#fff;
	font-family:var(--bb-font-ui);
	font-size:13px;
	font-weight:600;
	letter-spacing:.78px;
	text-decoration:none;
}

.bb-faq-page__cta>a:hover,
.bb-faq-page__cta>a:focus-visible{
	background:#7ab145;
}

@media(max-width:1099px) and (min-width:768px){
	.bb-faq-page{
		gap:72px;
		padding:48px;
	}

	.bb-faq-page__editorial h1{
		font-size:64px;
		letter-spacing:-1.92px;
	}

	.bb-faq-page__main{
		gap:48px;
	}

	.bb-faq-page__topics{
		flex-basis:210px;
		width:210px;
	}
}

@media(max-width:767px){
	.bb-faq-page{
		gap:48px;
		width:100%;
		padding:32px 24px 64px;
	}

	.bb-faq-page__editorial h1{
		font-size:44px;
		line-height:1.05;
		letter-spacing:-1.32px;
	}

	.bb-faq-page__main{
		flex-direction:column;
		gap:32px;
		overflow:visible;
	}

	.bb-faq-page__topics{
		flex:0 0 auto;
		width:100%;
	}

	.bb-faq-page__questions{
		width:100%;
	}

	.bb-faq-page__questions h2,
	.bb-faq-page__support h2,
	.bb-faq-page__cta h2{
		font-size:32px;
		letter-spacing:-.96px;
	}

	.bb-faq-page__support-grid{
		grid-template-columns:1fr;
		gap:24px;
	}

	.bb-faq-page__cta{
		flex-direction:column;
		align-items:flex-start;
		justify-content:center;
	}

	.bb-faq-page__cta>a{
		flex-basis:48px;
		width:100%;
	}

	.bb-faq-item summary{
		padding:24px;
	}
}


/* Returns / complaints legal page — Figma 319:39185 */
.bb-legal-page{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:88px;
	width:min(1440px,100%);
	margin:0 auto;
	padding:56px 120px 96px;
	background:#fff;
	color:#264432;
}

.bb-legal-page p,
.bb-legal-page h1,
.bb-legal-page h2,
.bb-legal-page h3{
	margin:0;
}

.bb-legal-page__intro{
	display:flex;
	flex-direction:column;
	gap:22px;
	width:100%;
	overflow:hidden;
}

.bb-legal-page__breadcrumb{
	font-family:var(--bb-font-ui);
	font-size:16px;
	line-height:normal;
	color:#6a756d;
}

.bb-legal-page__editorial{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:16px;
	width:100%;
}

.bb-legal-page__line{
	width:34px;
	height:2px;
	background:#264432;
}

.bb-legal-page__eyebrow{
	font-family:var(--bb-font-ui);
	font-size:12px;
	font-weight:600;
	letter-spacing:1.2px;
	text-transform:uppercase;
}

.bb-legal-page__editorial h1{
	width:100%;
	font-family:var(--bb-font-display);
	font-size:88px;
	font-weight:500;
	line-height:1.05;
	letter-spacing:-2.64px;
	color:#264432;
}

.bb-legal-page__editorial>p:last-child{
	width:100%;
	font-family:var(--bb-font-ui);
	font-size:16px;
	line-height:1.55;
}

.bb-legal-page__layout{
	display:flex;
	align-items:flex-start;
	gap:100px;
	width:100%;
	overflow:hidden;
}

.bb-legal-page__nav{
	display:flex;
	flex:0 0 240px;
	flex-direction:column;
	gap:20px;
	width:240px;
	font-family:var(--bb-font-ui);
}

.bb-legal-page__nav-title{
	font-size:16px;
	color:#6a756d;
}

.bb-legal-page__nav-list{
	display:flex;
	flex-direction:column;
	gap:20px;
	width:100%;
}

.bb-legal-page__nav-item{
	display:flex;
	flex-direction:column;
	gap:4px;
	width:100%;
}

.bb-legal-page__nav-item span{
	font-size:16px;
	color:#264432;
}

.bb-legal-page__nav-item small{
	font-size:16px;
	line-height:normal;
	color:#6a756d;
}

.bb-legal-page__mobile-select{
	display:none;
}

.bb-legal-page__document{
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	gap:32px;
	min-width:0;
	font-family:var(--bb-font-ui);
	font-size:16px;
	line-height:1.45;
}

.bb-legal-page__draft{
	display:flex;
	flex-direction:column;
	gap:12px;
	width:100%;
	padding:20px;
	background:#fefbea;
}

.bb-legal-page__draft>span{
	display:inline-flex;
	align-self:flex-start;
	padding:7px 11px;
	border:1px solid #e9eceb;
	border-radius:999px;
	background:rgba(255,255,255,.95);
	font-size:13px;
	font-weight:600;
	letter-spacing:1.04px;
}

.bb-legal-page__draft p,
.bb-legal-page__meta,
.bb-legal-page__muted{
	color:#6a756d;
}

.bb-legal-page__meta{
	display:flex;
	flex-direction:column;
	gap:4px;
}

.bb-legal-page__document hr{
	width:100%;
	height:1px;
	margin:0;
	border:0;
	background:rgba(38,68,50,.14);
}

.bb-legal-page__document h2{
	width:100%;
	font-family:var(--bb-font-display);
	font-size:48px;
	font-weight:400;
	line-height:1.08;
	letter-spacing:-1.44px;
	color:#264432;
}

.bb-legal-page__document h3{
	width:100%;
	font-family:var(--bb-font-display);
	font-size:26px;
	font-weight:400;
	line-height:1.08;
	letter-spacing:-.78px;
	color:#264432;
}

.bb-legal-page__procedure{
	display:flex;
	flex-direction:column;
	gap:24px;
	width:100%;
}

.bb-legal-page__procedure>div{
	display:flex;
	flex-direction:column;
	gap:12px;
}

.bb-legal-page__highlight{
	width:100%;
	padding:12px 0 12px 20px;
	border-left:3px solid #cfdc72;
}

.bb-legal-page__button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:260px;
	height:48px;
	border-radius:65px;
	background:#264432;
	color:#fff;
	font-size:13px;
	font-weight:600;
	letter-spacing:.78px;
	text-decoration:none;
}

.bb-legal-page__button:hover,
.bb-legal-page__button:focus-visible{
	background:#7ab145;
}

.bb-legal-page__legacy-link{
	color:#264432;
	font-family:Inter,Arial,sans-serif;
	font-size:12px;
	line-height:1.5;
	text-decoration:underline;
	text-underline-offset:2px;
}

.bb-legal-page__accordion{
	width:100%;
	border:1px solid rgba(38,68,50,.14);
	border-radius:5px;
	background:#fff;
	overflow:hidden;
}

.bb-legal-page__accordion[open]{
	background:#fefbea;
}

.bb-legal-page__accordion summary{
	display:flex;
	align-items:center;
	gap:16px;
	width:100%;
	padding:24px;
	list-style:none;
	cursor:pointer;
}

.bb-legal-page__accordion summary::-webkit-details-marker{
	display:none;
}

.bb-legal-page__accordion summary>span:first-child{
	flex:1 1 auto;
	font-size:18px;
	font-weight:600;
	line-height:1.3;
	color:#264432;
}

.bb-legal-page__accordion>div{
	padding:0 24px 24px;
	line-height:1.55;
}

.bb-legal-page__accordion-icon{
	position:relative;
	flex:0 0 24px;
	width:24px;
	height:24px;
}

.bb-legal-page__accordion-icon::before,
.bb-legal-page__accordion-icon::after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	background:#264432;
	transform:translate(-50%,-50%);
}

.bb-legal-page__accordion-icon::before{
	width:14px;
	height:2px;
}

.bb-legal-page__accordion-icon::after{
	width:2px;
	height:14px;
}

.bb-legal-page__accordion[open] .bb-legal-page__accordion-icon::after{
	display:none;
}

.bb-legal-page__cookie-table{
	width:100%;
	border:1px solid rgba(38,68,50,.14);
}

.bb-legal-page__cookie-head{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:8px;
	padding:16px;
	background:#f6f7f5;
	color:#264432;
}

.bb-legal-page__cookie-empty{
	padding:16px;
	color:#6a756d;
}

@media(max-width:1099px) and (min-width:768px){
	.bb-legal-page{
		gap:72px;
		padding:48px;
	}

	.bb-legal-page__editorial h1{
		font-size:64px;
		letter-spacing:-1.92px;
	}

	.bb-legal-page__layout{
		gap:48px;
	}

	.bb-legal-page__nav{
		flex-basis:210px;
		width:210px;
	}
}

@media(max-width:767px){
	.bb-legal-page{
		gap:48px;
		width:100%;
		padding:32px 24px 64px;
	}

	.bb-legal-page__editorial h1{
		font-size:44px;
		line-height:1.05;
		letter-spacing:-1.32px;
	}

	.bb-legal-page__layout{
		flex-direction:column;
		gap:32px;
		overflow:visible;
	}

	.bb-legal-page__nav{
		flex:0 0 auto;
		width:100%;
	}

	.bb-legal-page__nav-title{
		display:none;
	}

	.bb-legal-page__mobile-select{
		display:block;
		width:100%;
		height:58px;
		padding:0 42px 0 18px;
		border:1px solid rgba(38,68,50,.14);
		border-radius:5px;
		background:#fff;
		color:#264432;
		font-family:var(--bb-font-ui);
		font-size:16px;
		appearance:none;
		background-image:linear-gradient(45deg,transparent 50%,#264432 50%),linear-gradient(135deg,#264432 50%,transparent 50%);
		background-position:calc(100% - 19px) 25px,calc(100% - 14px) 25px;
		background-size:5px 5px,5px 5px;
		background-repeat:no-repeat;
	}

	.bb-legal-page__document{
		width:100%;
	}

	.bb-legal-page__document h2{
		font-size:32px;
		letter-spacing:-.96px;
	}

	.bb-legal-page__button{
		width:100%;
	}

	.bb-legal-page__cookie-head{
		padding:10px;
		font-size:12px;
	}

	.bb-legal-page__cookie-empty{
		padding:16px;
	}
}


/* Responsive edge spacing — minimum 5% on smaller screens */
@media (max-width: 1099px) {
	.bb-product-slider,
	.bb-category-section,
	.bb-newsletter,
	.bb-shop-listing,
	.bb-recipe-archive,
	.bb-recipe-single,
	.bb-contact-page,
	.bb-faq-page,
	.bb-legal-page {
		padding-left: 5vw !important;
		padding-right: 5vw !important;
	}

	.bb-product-slider__toolbar,
	.bb-product-slider__carousel,
	.bb-product-slider__viewport,
	.bb-product-slider__progress {
		max-width: 100%;
	}

	.bb-shop-heading p {
		max-width: 90vw;
	}
}


/* Mobile cart: hide Woo inline cart link and keep side cart fully visible */
.added_to_cart.wc-forward {
	display: none !important;
}

@media (max-width: 767px) {
	.bb-cart-drawer {
		height: 100dvh;
		min-height: 100dvh;
	}

	.bb-cart-drawer__panel {
		width: 100vw !important;
		height: 100dvh !important;
		min-height: 100dvh !important;
		max-height: 100dvh !important;
		border-radius: 0 !important;
		overflow: hidden !important;
	}

	.bb-cart-drawer__header {
		flex: 0 0 88px;
		height: 88px;
		padding: 0 5vw;
	}

	.bb-cart-drawer__body {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		justify-content: flex-start;
		gap: 18px;
		min-height: 0;
		height: calc(100dvh - 89px);
		padding: 20px 5vw max(20px, env(safe-area-inset-bottom));
		overflow: hidden;
	}

	.bb-cart-drawer__contents {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}

	.bb-cart-drawer__summary {
		flex: 0 0 auto;
		gap: 14px;
		padding-top: 2px;
		background: var(--bb-notice-cart-background);
	}

	.bb-cart-drawer__actions {
		gap: 10px;
	}

	.bb-cart-drawer__action {
		height: 50px;
	}

	.bb-cart-drawer__product {
		gap: 14px;
	}

	.bb-cart-drawer__thumb {
		flex-basis: 84px;
		width: 84px;
		height: 94px;
	}

	.bb-cart-drawer__thumb img,
	.bb-cart-drawer__product-image {
		width: 84px;
		height: 94px;
	}

	.bb-cart-drawer__items {
		gap: 16px;
	}

	.bb-cart-drawer__note {
		padding: 12px 14px;
	}
}


/* Global page gutters — keep content at least 5% from viewport edges */
@media (min-width: 1100px) {
	.bb-recipe-archive,
	.bb-recipe-single,
	.bb-shop-intro--desktop,
	.bb-shop-listing,
	.bb-single-product__detail,
	.bb-single-product__story-inner,
	.bb-single-product__related,
	.bb-contact-page,
	.bb-faq-page,
	.bb-legal-page,
	.bb-about,
	.bb-about-new__intro {
		width: min(1440px, 90vw) !important;
		max-width: 90vw !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.bb-recipe-archive,
	.bb-recipe-single,
	.bb-shop-intro--desktop,
	.bb-shop-listing,
	.bb-single-product__detail {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media (max-width: 1099px) {
	.bb-recipe-archive,
	.bb-recipe-single,
	.bb-shop-intro--mobile,
	.bb-shop-listing,
	.bb-single-product__detail,
	.bb-single-product__story-inner,
	.bb-single-product__related,
	.bb-contact-page,
	.bb-faq-page,
	.bb-legal-page,
	.bb-about,
	.bb-about-new__intro {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 5vw !important;
		padding-right: 5vw !important;
	}
}


/* Mobile newsletter image — full bleed to viewport edges */
@media (max-width: 767px) {
	.bb-newsletter {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.bb-newsletter__panel,
	.bb-newsletter__visual {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.bb-newsletter__visual img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}

	.bb-newsletter__editorial {
		padding-left: 5vw !important;
		padding-right: 5vw !important;
	}
}


/* Mobile newsletter — Figma 475:8779 */
@media (max-width: 767px) {
	.bb-newsletter {
		width: 90vw !important;
		max-width: 375px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		border-radius: 10px 10px 0 0 !important;
		overflow: hidden !important;
		background: #264432 !important;
	}

	.bb-newsletter__panel {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 10px 10px 0 0 !important;
		overflow: hidden !important;
		background: #264432 !important;
	}

	.bb-newsletter__visual {
		position: relative !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 283px !important;
		flex: 0 0 283px !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 10px 10px 10px 0 !important;
		overflow: hidden !important;
	}

	.bb-newsletter__visual img {
		position: absolute !important;
		inset: 0 !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		object-fit: cover !important;
		border-radius: 10px 10px 10px 0 !important;
	}

	.bb-newsletter__editorial {
		width: 100% !important;
		margin: 0 !important;
		padding: 32px 24px !important;
		gap: 24px !important;
		background: #264432 !important;
	}

	.bb-newsletter__offer {
		gap: 7px !important;
		padding: 7px 11px !important;
		border-radius: 999px !important;
	}

	.bb-newsletter__message {
		gap: 14px !important;
	}

	.bb-newsletter__eyebrow {
		font-family: var(--bb-font-ui) !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		line-height: normal !important;
		letter-spacing: 1.04px !important;
	}

	.bb-newsletter__message h2 {
		font-family: var(--bb-font-display) !important;
		font-size: 38px !important;
		font-weight: 500 !important;
		line-height: 1.04 !important;
		letter-spacing: -1.14px !important;
	}

	.bb-newsletter__description {
		font-family: var(--bb-font-ui) !important;
		font-size: 16px !important;
		font-weight: 400 !important;
		line-height: normal !important;
	}

	.bb-newsletter__form {
		gap: 16px !important;
	}

	.bb-newsletter__intro-copy {
		display: none !important;
	}

	.bb-newsletter__controls {
		width: 100% !important;
		height: 54px !important;
		min-height: 54px !important;
	}

	.bb-newsletter__consent {
		gap: 8px !important;
		font-size: 12px !important;
		line-height: 1.4 !important;
	}

	.bb-newsletter__consent input {
		flex: 0 0 16px !important;
		width: 16px !important;
		height: 16px !important;
		margin: 0 !important;
		border-radius: 3px !important;
	}
}


/* Mobile newsletter full-bleed media/background with inset content grid */
@media (max-width: 767px) {
	.bb-newsletter {
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		border-radius: 0 !important;
		overflow: hidden !important;
		background: #264432 !important;
	}

	.bb-newsletter__panel {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 0 !important;
		overflow: hidden !important;
		background: #264432 !important;
	}

	.bb-newsletter__visual {
		width: 100% !important;
		max-width: none !important;
		height: 283px !important;
		flex: 0 0 283px !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 0 !important;
		overflow: hidden !important;
	}

	.bb-newsletter__visual img {
		width: 100% !important;
		height: 100% !important;
		border-radius: 0 !important;
		object-fit: cover !important;
	}

	.bb-newsletter__editorial {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 32px 5vw !important;
		background: #264432 !important;
	}

	.bb-newsletter__offer,
	.bb-newsletter__message,
	.bb-newsletter__form {
		width: 100% !important;
		max-width: 100% !important;
	}
}


/* Mobile newsletter offer badge — hug content like Figma */
@media (max-width: 767px) {
	.bb-newsletter__offer {
		width: auto !important;
		max-width: max-content !important;
		align-self: flex-start !important;
		flex: 0 0 auto !important;
	}
}


/* Mobile drawer logo + full viewport height */
@media (max-width: 767px) {
	.bb-mobile-menu {
		height: 100dvh !important;
		min-height: 100dvh !important;
		max-height: 100dvh !important;
	}

	.bb-mobile-menu__brand {
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 160px !important;
		height: 48px !important;
		margin: 0 !important;
		transform: translate(-50%, -50%) !important;
	}

	.bb-mobile-menu__brand img {
		display: block !important;
		width: auto !important;
		max-width: 160px !important;
		height: 40px !important;
		object-fit: contain !important;
	}
}


/* FAQ redesign — Figma 608:9098 */
.bb-faq-page{
	display:flex !important;
	flex-direction:column !important;
	align-items:flex-start !important;
	gap:88px !important;
	width:min(1440px,100%) !important;
	max-width:1440px !important;
	margin:0 auto !important;
	padding:56px 120px 96px !important;
	background:#fff !important;
	color:#264432 !important;
}

.bb-faq-page__intro{
	display:flex !important;
	flex-direction:column !important;
	align-items:flex-start !important;
	gap:0 !important;
	width:100% !important;
	overflow:visible !important;
}

.bb-faq-page__breadcrumb{
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	gap:0 !important;
	width:100% !important;
	padding-bottom:32px !important;
	font-family:var(--bb-font-ui) !important;
	font-size:16px !important;
	line-height:normal !important;
	color:#264432 !important;
}

.bb-faq-page__breadcrumb span{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	padding:5px !important;
	white-space:nowrap !important;
}

.bb-faq-page__breadcrumb span:nth-child(2){
	padding-top:5px !important;
	padding-right:0 !important;
	padding-left:0 !important;
	color:#e9eceb !important;
}

.bb-faq-page__breadcrumb span:last-child{
	color:#7ab145 !important;
}

.bb-faq-page__editorial{
	display:flex !important;
	flex-direction:column !important;
	align-items:center !important;
	width:100% !important;
	gap:0 !important;
}

.bb-faq-page__editorial h1{
	width:100% !important;
	margin:0 !important;
	font-family:var(--bb-font-display) !important;
	font-size:48px !important;
	font-weight:500 !important;
	line-height:1.02 !important;
	letter-spacing:-1.44px !important;
	text-align:center !important;
	color:#264432 !important;
}

.bb-faq-page__line,
.bb-faq-page__eyebrow,
.bb-faq-page__intro-copy{
	display:none !important;
}

.bb-faq-page__main{
	display:flex !important;
	align-items:flex-start !important;
	gap:80px !important;
	width:100% !important;
	overflow:hidden !important;
}

.bb-faq-page__topics{
	display:flex !important;
	flex:0 0 240px !important;
	flex-direction:column !important;
	align-items:flex-start !important;
	gap:20px !important;
	width:240px !important;
}

.bb-faq-page__topics a{
	width:100% !important;
	font-family:var(--bb-font-ui) !important;
	font-size:16px !important;
	line-height:normal !important;
	color:#264432 !important;
	text-decoration:none !important;
}

.bb-faq-page__topics a.is-active{
	display:inline-flex !important;
	width:auto !important;
	padding:7px 11px !important;
	border-radius:999px !important;
	background:#7ab145 !important;
	color:#fff !important;
	font-size:13px !important;
	font-weight:600 !important;
	letter-spacing:1.04px !important;
}

.bb-faq-page__questions{
	display:flex !important;
	flex:1 1 auto !important;
	flex-direction:column !important;
	align-items:flex-start !important;
	gap:16px !important;
	min-width:0 !important;
}

.bb-faq-page__questions h2,
.bb-faq-page__support h2{
	width:100% !important;
	margin:0 !important;
	font-family:var(--bb-font-display) !important;
	font-size:40px !important;
	font-weight:400 !important;
	line-height:1.08 !important;
	letter-spacing:-1.2px !important;
	color:#264432 !important;
}

.bb-faq-page__note{
	width:100% !important;
	margin:0 !important;
	font-family:var(--bb-font-ui) !important;
	font-size:16px !important;
	font-weight:400 !important;
	line-height:normal !important;
	color:#6a756d !important;
}

.bb-faq-list{
	display:flex !important;
	flex-direction:column !important;
	align-items:flex-start !important;
	gap:16px !important;
	width:100% !important;
}

.bb-faq-item{
	width:100% !important;
	border:1px solid rgba(38,68,50,.14) !important;
	border-radius:5px !important;
	background:#fff !important;
	overflow:hidden !important;
}

.bb-faq-item[open]{
	background:#fff !important;
}

.bb-faq-item summary{
	display:flex !important;
	align-items:center !important;
	gap:16px !important;
	width:100% !important;
	padding:24px !important;
	list-style:none !important;
	cursor:pointer !important;
}

.bb-faq-item summary>span:first-child{
	flex:1 1 auto !important;
	min-width:0 !important;
	font-family:var(--bb-font-ui) !important;
	font-size:18px !important;
	font-weight:600 !important;
	line-height:1.3 !important;
	color:#264432 !important;
}

.bb-faq-item__answer{
	padding:0 24px 24px !important;
	font-family:var(--bb-font-ui) !important;
	font-size:16px !important;
	font-weight:400 !important;
	line-height:1.55 !important;
	color:#264432 !important;
}

.bb-faq-page__support{
	display:flex !important;
	flex-direction:column !important;
	align-items:flex-start !important;
	gap:24px !important;
	width:100% !important;
	overflow:hidden !important;
}

.bb-faq-page__support-grid{
	display:grid !important;
	grid-template-columns:repeat(3,minmax(0,1fr)) !important;
	gap:24px !important;
	width:100% !important;
}

.bb-faq-page__pending{
	display:flex !important;
	flex-direction:column !important;
	align-items:flex-start !important;
	gap:12px !important;
	min-width:0 !important;
}

.bb-faq-page__pending>p{
	width:100% !important;
	margin:0 !important;
	font-family:var(--bb-font-ui) !important;
	font-size:16px !important;
	line-height:normal !important;
	color:#6a756d !important;
}

.bb-faq-page__cta{
	display:flex !important;
	align-items:center !important;
	gap:32px !important;
	width:100% !important;
	padding:32px !important;
	border-top:1px solid rgba(38,68,50,.14) !important;
	border-bottom:1px solid rgba(38,68,50,.14) !important;
	border-radius:10px !important;
	background:#cfdc72 !important;
	overflow:hidden !important;
}

.bb-faq-page__cta>div{
	display:flex !important;
	flex:1 1 auto !important;
	flex-direction:column !important;
	align-items:flex-start !important;
	gap:16px !important;
	min-width:0 !important;
}

.bb-faq-page__cta h2{
	width:100% !important;
	margin:0 !important;
	font-family:var(--bb-font-display) !important;
	font-size:36px !important;
	font-weight:400 !important;
	line-height:1.08 !important;
	letter-spacing:-1.08px !important;
	color:#264432 !important;
}

.bb-faq-page__cta>div>p{
	width:100% !important;
	margin:0 !important;
	font-family:var(--bb-font-ui) !important;
	font-size:16px !important;
	line-height:normal !important;
	color:#264432 !important;
}

.bb-faq-page__cta>a{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	flex:0 0 260px !important;
	width:260px !important;
	height:48px !important;
	border-radius:65px !important;
	background:#264432 !important;
	color:#fff !important;
	font-family:var(--bb-font-ui) !important;
	font-size:13px !important;
	font-weight:600 !important;
	line-height:1 !important;
	letter-spacing:.78px !important;
	text-decoration:none !important;
}

@media(max-width:1099px) and (min-width:768px){
	.bb-faq-page{
		width:90vw !important;
		max-width:90vw !important;
		padding:48px 0 80px !important;
	}

	.bb-faq-page__main{
		gap:48px !important;
	}

	.bb-faq-page__topics{
		flex-basis:210px !important;
		width:210px !important;
	}
}

@media(max-width:767px){
	.bb-faq-page{
		gap:48px !important;
		width:100% !important;
		max-width:100% !important;
		padding:32px 24px 64px !important;
	}

	.bb-faq-page__breadcrumb{
		padding-bottom:32px !important;
	}

	.bb-faq-page__editorial h1{
		font-size:48px !important;
		line-height:1.02 !important;
		letter-spacing:-1.44px !important;
	}

	.bb-faq-page__main{
		flex-direction:column !important;
		gap:32px !important;
		overflow:visible !important;
	}

	.bb-faq-page__topics{
		flex:0 0 auto !important;
		width:100% !important;
	}

	.bb-faq-page__questions{
		width:100% !important;
	}

	.bb-faq-page__questions h2,
	.bb-faq-page__support h2{
		font-size:32px !important;
		letter-spacing:-.96px !important;
	}

	.bb-faq-page__support-grid{
		grid-template-columns:1fr !important;
		gap:24px !important;
	}

	.bb-faq-page__cta{
		flex-direction:column !important;
		align-items:flex-start !important;
		justify-content:center !important;
		padding:32px !important;
	}

	.bb-faq-page__cta h2{
		font-size:36px !important;
		letter-spacing:-1.08px !important;
	}

	.bb-faq-page__cta>a{
		flex-basis:48px !important;
		width:260px !important;
		max-width:100% !important;
	}
}


/* FAQ CTA hover — Green Giggle */
.bb-faq-page__cta>a:hover,
.bb-faq-page__cta>a:focus-visible {
	background:#7AB145 !important;
	color:#fff !important;
}


/* Biobrdo cart + checkout — Figma commerce layouts */
.bb-commerce-page{
	width:min(1440px,100%);
	margin:0 auto;
	padding:56px 120px 96px;
	background:#fff;
	color:#264432;
	font-family:var(--bb-font-ui);
}

.bb-commerce-page__breadcrumb{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0;
	width:100%;
	padding-bottom:32px;
	font-size:16px;
	line-height:1;
}

.bb-commerce-page__breadcrumb span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:5px;
}

.bb-commerce-page__breadcrumb span:nth-child(2){
	padding-inline:0;
	color:#e9eceb;
}

.bb-commerce-page__breadcrumb span:last-child{
	color:#7ab145;
}

.bb-commerce-page__title{
	width:100%;
	margin:0 0 56px;
	color:#264432;
	font-family:var(--bb-font-display);
	font-size:48px;
	font-weight:500;
	line-height:1.02;
	letter-spacing:-1.44px;
	text-align:center;
}

.bb-cart-page__layout,
.bb-checkout-page__layout{
	display:grid;
	grid-template-columns:minmax(0,776px) 360px;
	gap:64px;
	align-items:start;
	width:100%;
}

.bb-cart-page__items{
	min-width:0;
}

.bb-cart-page__list{
	display:flex;
	flex-direction:column;
	width:100%;
}

.bb-cart-item{
	display:grid;
	grid-template-columns:110px minmax(0,1fr) auto;
	gap:20px;
	align-items:center;
	min-height:160px;
	padding:20px 0;
	border-bottom:1px solid rgba(38,68,50,.14);
}

.bb-cart-item:first-child{
	padding-top:0;
}

.bb-cart-item__image{
	display:flex;
	align-items:center;
	justify-content:center;
	width:110px;
	height:130px;
	border-radius:5px;
	overflow:hidden;
	background:#fefbea;
}

.bb-cart-item__image img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
}

.bb-cart-item__info{
	display:flex;
	flex-direction:column;
	gap:10px;
	min-width:0;
}

.bb-cart-item__name{
	color:#264432;
	font-size:18px;
	font-weight:600;
	line-height:1.3;
	text-decoration:none;
}

.bb-cart-item__name:hover{
	color:#7ab145;
}

.bb-cart-item__meta,
.bb-cart-item__meta dl,
.bb-cart-item__meta p{
	margin:0;
	color:#6a756d;
	font-size:14px;
}

.bb-cart-item__meta dl{
	display:flex;
	gap:6px;
}

.bb-cart-item__meta dt,
.bb-cart-item__meta dd{
	margin:0;
}

.bb-cart-item__controls{
	display:flex;
	align-items:center;
	gap:12px;
}

.bb-cart-item__controls .quantity{
	display:flex;
	align-items:center;
	justify-content:center;
	width:86px;
	height:48px;
	border:1px solid rgba(38,68,50,.14);
	border-radius:999px;
	background:#fff;
}

.bb-cart-item__controls .quantity .qty{
	width:52px;
	height:44px;
	padding:0;
	border:0;
	background:transparent;
	color:#264432;
	font-family:var(--bb-font-ui);
	font-size:14px;
	text-align:center;
	appearance:textfield;
}

.bb-cart-item__controls .quantity .qty::-webkit-outer-spin-button,
.bb-cart-item__controls .quantity .qty::-webkit-inner-spin-button{
	margin:0;
	appearance:none;
}

.bb-cart-item__remove,
.bb-commerce-link{
	color:#7ab145;
	font-size:13px;
	font-weight:600;
	text-decoration:none;
}

.bb-cart-item__remove:hover,
.bb-commerce-link:hover{
	color:#264432;
}

.bb-cart-item__price{
	color:#264432;
	font-size:18px;
	font-weight:600;
	white-space:nowrap;
}

.bb-cart-page__form-actions{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding-top:20px;
}

.bb-cart-page__update{
	position:absolute!important;
	width:1px!important;
	height:1px!important;
	padding:0!important;
	border:0!important;
	opacity:0!important;
	pointer-events:none!important;
	overflow:hidden!important;
}

.bb-order-summary,
.bb-checkout-page__summary{
	display:flex;
	flex-direction:column;
	gap:24px;
	width:360px;
	padding:32px;
	border-radius:10px;
	background:#fefbea;
}

.bb-order-summary h2,
.bb-checkout-page__summary-title{
	margin:0;
	color:#264432;
	font-family:var(--bb-font-display);
	font-size:36px;
	font-weight:400;
	line-height:1.08;
	letter-spacing:-1.08px;
}

.bb-order-summary__rule{
	width:100%;
	height:1px;
	background:rgba(38,68,50,.14);
}

.bb-order-summary__row,
.bb-order-summary__total{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	font-size:15px;
}

.bb-order-summary__row strong{
	font-weight:600;
}

.bb-order-summary__total{
	font-size:18px;
	font-weight:600;
}

.bb-order-summary__total strong{
	font-family:var(--bb-font-display);
	font-size:28px;
	font-weight:400;
}

.bb-order-summary__note{
	margin:0;
	color:#6a756d;
	font-size:13px;
	line-height:1.4;
}

.bb-commerce-primary,
.bb-checkout-page #place_order{
	display:inline-flex!important;
	align-items:center;
	justify-content:center;
	width:100%!important;
	min-height:48px;
	margin:0!important;
	padding:0 22px!important;
	border:0!important;
	border-radius:65px!important;
	background:#264432!important;
	box-shadow:none!important;
	color:#fff!important;
	font-family:var(--bb-font-ui)!important;
	font-size:13px!important;
	font-weight:600!important;
	line-height:1!important;
	letter-spacing:.78px!important;
	text-align:center;
	text-decoration:none!important;
	text-transform:uppercase;
	cursor:pointer;
	transition:background 180ms ease;
}

.bb-commerce-primary:hover,
.bb-commerce-primary:focus-visible,
.bb-checkout-page #place_order:hover,
.bb-checkout-page #place_order:focus-visible{
	background:#7ab145!important;
	color:#fff!important;
}

.bb-checkout-page__details{
	min-width:0;
}

.bb-checkout-page__section-title{
	margin:0 0 24px;
	color:#264432;
	font-family:var(--bb-font-display);
	font-size:36px;
	font-weight:400;
	line-height:1.08;
	letter-spacing:-1.08px;
}

.bb-checkout-customer-details,
.bb-checkout-page .woocommerce-billing-fields__field-wrapper,
.bb-checkout-page .woocommerce-shipping-fields__field-wrapper,
.bb-checkout-page .woocommerce-additional-fields__field-wrapper{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:20px 16px;
}

.bb-checkout-page .woocommerce-billing-fields,
.bb-checkout-page .woocommerce-shipping-fields,
.bb-checkout-page .woocommerce-additional-fields{
	grid-column:1/-1;
}

.bb-checkout-page .woocommerce-billing-fields>h3{
	display:none;
}

.bb-checkout-page .form-row{
	float:none!important;
	width:100%!important;
	margin:0!important;
	padding:0!important;
}

.bb-checkout-page .form-row-wide,
.bb-checkout-page #billing_address_1_field,
.bb-checkout-page #billing_address_2_field,
.bb-checkout-page #shipping_address_1_field,
.bb-checkout-page #shipping_address_2_field,
.bb-checkout-page #order_comments_field{
	grid-column:1/-1;
}

.bb-checkout-page .form-row label{
	display:block;
	margin:0 0 8px;
	color:#264432;
	font-size:13px;
	font-weight:600;
	line-height:1.2;
}

.bb-checkout-page .input-text,
.bb-checkout-page select,
.bb-checkout-page .select2-selection{
	width:100%!important;
	min-height:58px!important;
	padding:0 16px!important;
	border:1px solid rgba(38,68,50,.14)!important;
	border-radius:5px!important;
	background:#fff!important;
	box-shadow:none!important;
	color:#264432!important;
	font-family:var(--bb-font-ui)!important;
	font-size:15px!important;
}

.bb-checkout-page textarea.input-text{
	min-height:120px!important;
	padding:16px!important;
	resize:vertical;
}

.bb-checkout-page .select2-container .select2-selection--single{
	display:flex;
	align-items:center;
}

.bb-checkout-page .select2-container--default .select2-selection--single .select2-selection__rendered{
	padding:0!important;
	color:#264432!important;
	line-height:56px!important;
}

.bb-checkout-page .select2-container--default .select2-selection--single .select2-selection__arrow{
	top:16px!important;
	right:10px!important;
}

.bb-checkout-page__summary{
	position:sticky;
	top:24px;
}

.bb-checkout-page__summary .woocommerce-checkout-review-order{
	display:flex;
	flex-direction:column;
	gap:20px;
}

.bb-checkout-page__summary .woocommerce-checkout-review-order-table{
	width:100%;
	margin:0!important;
	border:0!important;
	border-collapse:collapse;
	background:transparent;
}

.bb-checkout-page__summary .woocommerce-checkout-review-order-table th,
.bb-checkout-page__summary .woocommerce-checkout-review-order-table td{
	padding:12px 0!important;
	border:0!important;
	border-bottom:1px solid rgba(38,68,50,.14)!important;
	background:transparent!important;
	color:#264432!important;
	font-size:14px!important;
	text-align:left;
	vertical-align:top;
}

.bb-checkout-page__summary .woocommerce-checkout-review-order-table th:last-child,
.bb-checkout-page__summary .woocommerce-checkout-review-order-table td:last-child{
	text-align:right;
}

.bb-checkout-page__summary .woocommerce-checkout-review-order-table .order-total th,
.bb-checkout-page__summary .woocommerce-checkout-review-order-table .order-total td{
	padding-top:18px!important;
	border-bottom:0!important;
	font-size:18px!important;
	font-weight:600!important;
}

.bb-checkout-page__summary .woocommerce-checkout-review-order-table .order-total td{
	font-family:var(--bb-font-display)!important;
	font-size:26px!important;
	font-weight:400!important;
}

.bb-checkout-page #payment{
	margin:0!important;
	padding:0!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
}

.bb-checkout-page #payment ul.payment_methods{
	display:flex;
	flex-direction:column;
	gap:12px;
	margin:0 0 20px!important;
	padding:0!important;
	border:0!important;
}

.bb-checkout-page #payment ul.payment_methods li{
	margin:0!important;
	padding:16px!important;
	border:1px solid rgba(38,68,50,.14)!important;
	border-radius:5px!important;
	background:#fff!important;
	color:#264432!important;
}

.bb-checkout-page #payment ul.payment_methods li input[type=radio]{
	accent-color:#7ab145;
}

.bb-checkout-page #payment div.payment_box{
	margin:12px 0 0!important;
	padding:12px!important;
	border-radius:5px!important;
	background:#f6f7f5!important;
	color:#6a756d!important;
	font-size:13px!important;
}

.bb-checkout-page #payment div.payment_box::before{
	display:none!important;
}

.bb-checkout-page #payment .place-order{
	margin:0!important;
	padding:0!important;
}

.bb-checkout-page #payment .woocommerce-privacy-policy-text,
.bb-checkout-page #payment .woocommerce-terms-and-conditions-wrapper{
	color:#6a756d;
	font-size:12px;
	line-height:1.45;
}

.bb-checkout-page .woocommerce-shipping-fields{
	margin-top:32px;
	padding-top:32px;
	border-top:1px solid rgba(38,68,50,.14);
}

.bb-checkout-page .woocommerce-shipping-fields h3{
	margin:0 0 20px;
	color:#264432;
	font-family:var(--bb-font-display);
	font-size:28px;
	font-weight:400;
}

.bb-checkout-page .woocommerce-additional-fields{
	margin-top:32px;
	padding-top:32px;
	border-top:1px solid rgba(38,68,50,.14);
}

.bb-checkout-page ul#shipping_method{
	display:flex;
	flex-direction:column;
	gap:10px;
	margin:0!important;
	padding:0!important;
	list-style:none;
}

.bb-checkout-page ul#shipping_method li{
	display:flex;
	align-items:flex-start;
	gap:10px;
	padding:14px!important;
	border:1px solid rgba(38,68,50,.14);
	border-radius:5px;
	background:#fff;
}

.bb-checkout-page ul#shipping_method input{
	margin-top:3px!important;
	accent-color:#7ab145;
}

.bb-commerce-empty{
	width:100%;
	padding:48px 0;
	text-align:center;
}

.bb-commerce-empty .wc-backward{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:220px;
	height:48px;
	margin-top:20px;
	border-radius:65px;
	background:#264432;
	color:#fff;
	text-decoration:none;
}

@media(max-width:1099px){
	.bb-commerce-page{
		width:90vw;
		max-width:90vw;
		padding:48px 0 80px;
	}

	.bb-cart-page__layout,
	.bb-checkout-page__layout{
		grid-template-columns:minmax(0,1fr) 320px;
		gap:40px;
	}

	.bb-order-summary,
	.bb-checkout-page__summary{
		width:320px;
		padding:28px;
	}
}

@media(max-width:767px){
	.bb-commerce-page{
		width:100%;
		max-width:100%;
		padding:32px 5vw 64px;
	}

	.bb-commerce-page__title{
		margin-bottom:48px;
		font-size:48px;
	}

	.bb-cart-page__layout,
	.bb-checkout-page__layout{
		display:flex;
		flex-direction:column;
		gap:48px;
	}

	.bb-cart-item{
		grid-template-columns:88px minmax(0,1fr) auto;
		gap:14px;
		min-height:150px;
	}

	.bb-cart-item__image{
		width:88px;
		height:110px;
	}

	.bb-cart-item__name{
		font-size:16px;
	}

	.bb-cart-item__price{
		font-size:16px;
	}

	.bb-order-summary,
	.bb-checkout-page__summary{
		position:static;
		width:100%;
		padding:32px 24px;
	}

	.bb-order-summary h2,
	.bb-checkout-page__summary-title{
		font-size:32px;
	}

	.bb-checkout-page__section-title{
		font-size:32px;
	}

	.bb-checkout-customer-details,
	.bb-checkout-page .woocommerce-billing-fields__field-wrapper,
	.bb-checkout-page .woocommerce-shipping-fields__field-wrapper,
	.bb-checkout-page .woocommerce-additional-fields__field-wrapper{
		grid-template-columns:1fr;
	}

	.bb-checkout-page .form-row-wide,
	.bb-checkout-page #billing_address_1_field,
	.bb-checkout-page #billing_address_2_field,
	.bb-checkout-page #shipping_address_1_field,
	.bb-checkout-page #shipping_address_2_field,
	.bb-checkout-page #order_comments_field{
		grid-column:auto;
	}

	.bb-cart-page__form-actions{
		padding-top:16px;
	}

	.bb-cart-page__form-actions .bb-commerce-link{
		font-size:14px;
	}
}


/* Biobrdo commerce content refinements */
.bb-cart-page__form-actions{
	gap:24px;
	flex-wrap:wrap;
}

.bb-cart-coupon{
	display:flex;
	flex:1 1 420px;
	flex-direction:column;
	gap:8px;
	max-width:520px;
	margin-left:auto;
}

.bb-cart-coupon>label{
	color:#264432;
	font-size:13px;
	font-weight:600;
}

.bb-cart-coupon__controls{
	display:grid;
	grid-template-columns:minmax(0,1fr) 132px;
	gap:8px;
}

.bb-cart-coupon__controls input{
	width:100%;
	height:48px;
	padding:0 16px;
	border:1px solid rgba(38,68,50,.14);
	border-radius:65px;
	background:#fff;
	color:#264432;
	font-family:var(--bb-font-ui);
	font-size:14px;
	outline:none;
}

.bb-cart-coupon__controls input:focus{
	border-color:#7ab145;
}

.bb-cart-coupon__button{
	display:inline-flex!important;
	align-items:center;
	justify-content:center;
	width:132px!important;
	height:48px!important;
	margin:0!important;
	padding:0 18px!important;
	border:0!important;
	border-radius:65px!important;
	background:#cfdd72!important;
	color:#264432!important;
	font-family:var(--bb-font-ui)!important;
	font-size:12px!important;
	font-weight:600!important;
	letter-spacing:.7px!important;
}

.bb-cart-coupon__button:hover,
.bb-cart-coupon__button:focus-visible{
	background:#7ab145!important;
	color:#fff!important;
}

.bb-checkout-page__section-note,
.bb-checkout-page__summary-note{
	margin:-8px 0 24px;
	color:#6a756d;
	font-size:14px;
	line-height:1.45;
}

.bb-checkout-page__summary-note{
	margin:0;
}

.bb-checkout-page .woocommerce-billing-fields__field-wrapper,
.bb-checkout-page .woocommerce-shipping-fields__field-wrapper,
.bb-checkout-page .woocommerce-additional-fields__field-wrapper{
	margin-top:24px;
}

.bb-checkout-page .woocommerce-additional-fields>h3{
	margin:0 0 20px;
	color:#264432;
	font-family:var(--bb-font-display);
	font-size:28px;
	font-weight:400;
	line-height:1.08;
	letter-spacing:-.84px;
}

.bb-checkout-page #order_comments_field label{
	margin-bottom:8px;
}

.bb-checkout-page .woocommerce-checkout-review-order-table .cart_item .product-name{
	font-weight:600;
}

.bb-checkout-page .woocommerce-checkout-review-order-table .product-quantity{
	color:#6a756d;
	font-weight:400;
}

@media(max-width:767px){
	.bb-cart-page__form-actions{
		align-items:stretch;
		flex-direction:column;
	}

	.bb-cart-coupon{
		flex-basis:auto;
		width:100%;
		max-width:none;
		margin-left:0;
	}

	.bb-cart-coupon__controls{
		grid-template-columns:minmax(0,1fr) 112px;
	}

	.bb-cart-coupon__button{
		width:112px!important;
	}

	.bb-checkout-page__section-note{
		margin-top:-10px;
	}
}


/* Commerce Figma fidelity pass — node 612:9386 */
.bb-commerce-page{
	width:min(1440px,100%)!important;
	max-width:1440px!important;
	margin:0 auto!important;
	padding:32px 120px 64px!important;
	background:#fff!important;
	color:#264432!important;
}

.bb-commerce-page__breadcrumb{
	height:26px!important;
	margin:0 0 48px!important;
	padding:0!important;
	font-size:16px!important;
	line-height:normal!important;
}

.bb-commerce-page__title{
	height:auto!important;
	margin:0 0 48px!important;
	font-family:var(--bb-font-display)!important;
	font-size:48px!important;
	font-weight:500!important;
	line-height:1.04!important;
	letter-spacing:-1.44px!important;
	text-align:center!important;
}

.bb-cart-page__layout,
.bb-checkout-page__layout{
	display:grid!important;
	grid-template-columns:776px 360px!important;
	gap:64px!important;
	align-items:start!important;
	width:1200px!important;
	max-width:100%!important;
}

.bb-cart-page__list{
	width:776px!important;
	max-width:100%!important;
}

.bb-cart-item{
	display:grid!important;
	grid-template-columns:110px minmax(0,1fr) auto!important;
	gap:20px!important;
	align-items:center!important;
	width:100%!important;
	min-height:160px!important;
	padding:20px 0!important;
	border-bottom:1px solid rgba(38,68,50,.14)!important;
}

.bb-cart-item:first-child{
	padding-top:20px!important;
}

.bb-cart-item__image{
	width:110px!important;
	height:130px!important;
	border:1px solid #e9eceb!important;
	border-radius:5px!important;
	background:#fff!important;
}

.bb-cart-item__image img{
	width:100%!important;
	height:100%!important;
	object-fit:cover!important;
}

.bb-cart-item__info{
	gap:10px!important;
}

.bb-cart-item__name{
	font-size:18px!important;
	font-weight:600!important;
	line-height:normal!important;
}

.bb-cart-item__meta,
.bb-cart-item__meta dl,
.bb-cart-item__meta p{
	font-size:14px!important;
	line-height:normal!important;
	color:#6a756d!important;
}

.bb-cart-item__controls{
	gap:12px!important;
	align-items:center!important;
}

.bb-cart-item__controls .quantity{
	width:86px!important;
	height:48px!important;
	border:1px solid #e9eceb!important;
	border-radius:24px!important;
	background:#fff!important;
}

.bb-cart-item__controls .quantity .qty{
	width:52px!important;
	height:46px!important;
	font-size:14px!important;
}

.bb-cart-item__remove{
	font-size:13px!important;
	font-weight:600!important;
	color:#7ab145!important;
}

.bb-cart-item__price{
	font-size:18px!important;
	font-weight:600!important;
}

.bb-cart-page__form-actions{
	display:flex!important;
	flex-direction:column!important;
	align-items:flex-start!important;
	gap:16px!important;
	padding-top:0!important;
}

.bb-commerce-link{
	display:inline-flex!important;
	align-items:center!important;
	gap:12px!important;
	font-size:14px!important;
	font-weight:600!important;
	color:#7ab145!important;
}

.bb-cart-coupon{
	flex:none!important;
	width:520px!important;
	max-width:100%!important;
	margin:0!important;
	gap:8px!important;
}

.bb-cart-coupon__controls{
	grid-template-columns:380px 132px!important;
	gap:8px!important;
	width:520px!important;
	max-width:100%!important;
}

.bb-cart-coupon__controls input{
	height:48px!important;
	padding:0 16px!important;
	border:1px solid rgba(38,68,50,.14)!important;
	border-radius:24px!important;
	font-size:14px!important;
}

.bb-cart-coupon__button{
	width:132px!important;
	height:48px!important;
	border-radius:24px!important;
	background:#cfdc72!important;
	color:#264432!important;
	font-size:12px!important;
	font-weight:600!important;
}

.bb-order-summary,
.bb-checkout-page__summary{
	display:flex!important;
	flex-direction:column!important;
	align-items:flex-start!important;
	gap:24px!important;
	width:360px!important;
	padding:32px!important;
	border-radius:10px!important;
	background:#e9eceb!important;
}

.bb-order-summary h2,
.bb-checkout-page__summary-title{
	width:296px!important;
	max-width:100%!important;
	margin:0!important;
	font-family:var(--bb-font-display)!important;
	font-size:36px!important;
	font-weight:400!important;
	line-height:1.04!important;
	letter-spacing:-1.08px!important;
}

.bb-order-summary__row,
.bb-order-summary__total{
	width:296px!important;
	max-width:100%!important;
}

.bb-order-summary__rule{
	width:296px!important;
	max-width:100%!important;
}

.bb-order-summary__note{
	width:296px!important;
	max-width:100%!important;
	font-size:13px!important;
	color:#6a756d!important;
}

.bb-commerce-primary,
.bb-checkout-page #place_order{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	gap:9px!important;
	width:296px!important;
	max-width:100%!important;
	height:48px!important;
	min-height:48px!important;
	padding:0!important;
	border-radius:65px!important;
	background:#264432!important;
	color:#fff!important;
	font-size:13px!important;
	font-weight:600!important;
	letter-spacing:.78px!important;
}

.bb-commerce-primary img,
.bb-checkout-page #place_order img{
	display:block!important;
	flex:0 0 17px!important;
	width:17px!important;
	height:17px!important;
}

.bb-checkout-page__details{
	display:flex!important;
	flex-direction:column!important;
	gap:40px!important;
	width:776px!important;
	max-width:100%!important;
	min-width:0!important;
}

.bb-checkout-page__section{
	display:flex!important;
	flex-direction:column!important;
	gap:20px!important;
	width:100%!important;
}

.bb-checkout-page__section-title{
	width:100%!important;
	margin:0!important;
	font-family:var(--bb-font-display)!important;
	font-size:36px!important;
	font-weight:400!important;
	line-height:1.04!important;
	letter-spacing:-1.08px!important;
}

.bb-checkout-page__section-note{
	width:100%!important;
	margin:0!important;
	color:#6a756d!important;
	font-size:14px!important;
	line-height:normal!important;
}

.bb-checkout-page__divider{
	width:100%!important;
	height:1px!important;
	background:rgba(38,68,50,.14)!important;
}

.bb-checkout-fields{
	display:flex!important;
	flex-wrap:wrap!important;
	gap:20px 16px!important;
	width:776px!important;
	max-width:100%!important;
}

.bb-checkout-fields .form-row{
	display:flex!important;
	flex-direction:column!important;
	gap:8px!important;
	float:none!important;
	width:auto!important;
	margin:0!important;
	padding:0!important;
}

.bb-checkout-fields #billing_first_name_field,
.bb-checkout-fields #billing_last_name_field,
.bb-checkout-fields #billing_email_field,
.bb-checkout-fields #billing_phone_field{
	flex:0 0 380px!important;
	width:380px!important;
}

.bb-checkout-fields #billing_address_1_field{
	flex:0 0 776px!important;
	width:776px!important;
}

.bb-checkout-fields #billing_postcode_field{
	flex:0 0 240px!important;
	width:240px!important;
}

.bb-checkout-fields #billing_city_field{
	flex:0 0 520px!important;
	width:520px!important;
}

.bb-checkout-fields .form-row label{
	display:block!important;
	margin:0!important;
	color:#264432!important;
	font-size:13px!important;
	font-weight:600!important;
	line-height:normal!important;
}

.bb-checkout-fields .input-text{
	width:100%!important;
	height:58px!important;
	min-height:58px!important;
	padding:0 18px!important;
	border:1px solid rgba(38,68,50,.14)!important;
	border-radius:5px!important;
	background:#fff!important;
	box-shadow:none!important;
	color:#264432!important;
	font-family:var(--bb-font-ui)!important;
	font-size:16px!important;
	line-height:1.2!important;
}

.bb-checkout-fields .input-text::placeholder{
	color:rgba(38,68,50,.64)!important;
	opacity:1!important;
}

.bb-checkout-shipping-methods,
.bb-checkout-page #payment ul.payment_methods{
	display:flex!important;
	flex-direction:column!important;
	gap:16px!important;
	width:100%!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	list-style:none!important;
}

.bb-checkout-page #payment{
	width:100%!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
}

.bb-checkout-page #payment ul.payment_methods li{
	width:100%!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
}

.bb-checkout-option{
	position:relative!important;
	display:flex!important;
	align-items:center!important;
	gap:16px!important;
	width:100%!important;
	min-height:76px!important;
	padding:20px!important;
	border:1px solid rgba(38,68,50,.14)!important;
	border-radius:5px!important;
	background:#fff!important;
	cursor:pointer!important;
}

.bb-checkout-option.is-selected,
.bb-checkout-option:has(input:checked){
	border-color:#7ab145!important;
}

.bb-checkout-option>input{
	position:absolute!important;
	width:1px!important;
	height:1px!important;
	opacity:0!important;
	pointer-events:none!important;
}

.bb-checkout-option__radio{
	position:relative!important;
	flex:0 0 18px!important;
	width:18px!important;
	height:18px!important;
	border:1px solid #cfd5d1!important;
	border-radius:50%!important;
	background:#fff!important;
}

.bb-checkout-option:has(input:checked) .bb-checkout-option__radio{
	border-color:#7ab145!important;
}

.bb-checkout-option:has(input:checked) .bb-checkout-option__radio::after{
	content:""!important;
	position:absolute!important;
	inset:4px!important;
	border-radius:50%!important;
	background:#7ab145!important;
}

.bb-checkout-option__copy{
	display:flex!important;
	flex:1 1 auto!important;
	flex-direction:column!important;
	gap:4px!important;
	min-width:0!important;
}

.bb-checkout-option__copy strong{
	color:#264432!important;
	font-size:15px!important;
	font-weight:600!important;
	line-height:normal!important;
}

.bb-checkout-option__copy small{
	color:#6a756d!important;
	font-size:13px!important;
	font-weight:400!important;
	line-height:normal!important;
}

.bb-checkout-option__price{
	flex:0 0 auto!important;
	color:#264432!important;
	font-size:13px!important;
	font-weight:600!important;
}

.bb-checkout-page #payment div.payment_box{
	width:100%!important;
	margin:8px 0 0!important;
	padding:16px 20px!important;
	border-radius:5px!important;
	background:#f6f7f5!important;
	color:#6a756d!important;
	font-size:13px!important;
}

.bb-checkout-page__summary{
	position:static!important;
	top:auto!important;
}

.bb-checkout-page__summary-note{
	width:296px!important;
	max-width:100%!important;
	margin:0!important;
	color:#6a756d!important;
	font-size:13px!important;
	line-height:normal!important;
}

.bb-checkout-review{
	display:flex!important;
	flex-direction:column!important;
	gap:24px!important;
	width:296px!important;
	max-width:100%!important;
}

.bb-checkout-review__items{
	display:flex!important;
	flex-direction:column!important;
	gap:12px!important;
	width:100%!important;
}

.bb-checkout-review__item{
	display:grid!important;
	grid-template-columns:52px minmax(0,1fr) auto!important;
	gap:16px!important;
	align-items:center!important;
	width:100%!important;
	min-height:64px!important;
}

.bb-checkout-review__thumb{
	width:52px!important;
	height:64px!important;
	border-radius:5px!important;
	overflow:hidden!important;
	background:#fff!important;
}

.bb-checkout-review__thumb img{
	width:100%!important;
	height:100%!important;
	object-fit:cover!important;
}

.bb-checkout-review__item-copy{
	display:flex!important;
	flex-direction:column!important;
	gap:4px!important;
	min-width:0!important;
}

.bb-checkout-review__item-copy strong{
	color:#264432!important;
	font-size:14px!important;
	font-weight:600!important;
	line-height:normal!important;
}

.bb-checkout-review__item-copy span{
	color:#6a756d!important;
	font-size:13px!important;
	line-height:normal!important;
}

.bb-checkout-review__item-price{
	color:#264432!important;
	font-size:13px!important;
	font-weight:600!important;
	white-space:nowrap!important;
}

.bb-checkout-review__rule{
	width:100%!important;
	height:1px!important;
	background:rgba(38,68,50,.14)!important;
}

.bb-checkout-review__row,
.bb-checkout-review__total{
	display:flex!important;
	align-items:center!important;
	justify-content:space-between!important;
	gap:8px!important;
	width:100%!important;
	color:#264432!important;
}

.bb-checkout-review__row{
	font-size:15px!important;
}

.bb-checkout-review__row strong{
	font-weight:600!important;
}

.bb-checkout-review__total{
	font-size:18px!important;
	font-weight:600!important;
}

.bb-checkout-review__total strong{
	font-family:var(--bb-font-display)!important;
	font-size:28px!important;
	font-weight:400!important;
	line-height:1.04!important;
	letter-spacing:-.84px!important;
}

.bb-checkout-review__note{
	width:100%!important;
	margin:0!important;
	color:#6a756d!important;
	font-size:13px!important;
	line-height:normal!important;
}

.bb-checkout-terms{
	display:flex!important;
	align-items:flex-start!important;
	gap:8px!important;
	width:296px!important;
	max-width:100%!important;
	color:#264432!important;
	font-size:12px!important;
	line-height:1.35!important;
	cursor:pointer!important;
}

.bb-checkout-terms input{
	flex:0 0 auto!important;
	width:16px!important;
	height:16px!important;
	margin:0!important;
	accent-color:#7ab145!important;
}

@media(max-width:767px){
	.bb-commerce-page{
		width:375px!important;
		max-width:100%!important;
		padding:32px 24px 64px!important;
	}

	.bb-commerce-page__breadcrumb{
		width:327px!important;
		max-width:100%!important;
		margin-bottom:48px!important;
	}

	.bb-commerce-page__title{
		width:327px!important;
		max-width:100%!important;
		margin-bottom:48px!important;
		font-size:48px!important;
		line-height:1.04!important;
	}

	.bb-cart-page__layout,
	.bb-checkout-page__layout{
		display:flex!important;
		flex-direction:column!important;
		gap:48px!important;
		width:327px!important;
		max-width:100%!important;
	}

	.bb-cart-page__items,
	.bb-cart-page__list{
		width:327px!important;
		max-width:100%!important;
	}

	.bb-cart-item{
		grid-template-columns:88px minmax(0,1fr) 55px!important;
		gap:14px!important;
		min-height:150px!important;
		padding:20px 0!important;
	}

	.bb-cart-item__image{
		width:88px!important;
		height:110px!important;
	}

	.bb-cart-item__name{
		font-size:16px!important;
	}

	.bb-cart-item__price{
		width:55px!important;
		font-size:16px!important;
	}

	.bb-cart-coupon{
		width:327px!important;
	}

	.bb-cart-coupon__controls{
		grid-template-columns:minmax(0,1fr) 112px!important;
		width:327px!important;
	}

	.bb-cart-coupon__button{
		width:112px!important;
	}

	.bb-order-summary,
	.bb-checkout-page__summary{
		width:327px!important;
		padding:32px!important;
	}

	.bb-order-summary h2,
	.bb-checkout-page__summary-title{
		width:263px!important;
		font-size:32px!important;
		letter-spacing:-.96px!important;
	}

	.bb-order-summary__row,
	.bb-order-summary__total,
	.bb-order-summary__rule,
	.bb-order-summary__note,
	.bb-checkout-page__summary-note,
	.bb-checkout-review,
	.bb-checkout-terms,
	.bb-commerce-primary,
	.bb-checkout-page #place_order{
		width:263px!important;
		max-width:100%!important;
	}

	.bb-checkout-page__details{
		gap:32px!important;
		width:327px!important;
	}

	.bb-checkout-page__section{
		gap:16px!important;
	}

	.bb-checkout-page__section-title{
		font-size:32px!important;
		letter-spacing:-.96px!important;
	}

	.bb-checkout-page__section-note{
		font-size:14px!important;
	}

	.bb-checkout-fields{
		display:flex!important;
		flex-direction:column!important;
		flex-wrap:nowrap!important;
		gap:32px!important;
		width:327px!important;
	}

	.bb-checkout-fields .form-row,
	.bb-checkout-fields #billing_first_name_field,
	.bb-checkout-fields #billing_last_name_field,
	.bb-checkout-fields #billing_address_1_field,
	.bb-checkout-fields #billing_postcode_field,
	.bb-checkout-fields #billing_city_field,
	.bb-checkout-fields #billing_email_field,
	.bb-checkout-fields #billing_phone_field{
		flex:0 0 auto!important;
		width:327px!important;
	}

	.bb-checkout-option{
		width:327px!important;
		min-height:76px!important;
		padding:20px!important;
	}

	.bb-checkout-option__copy small{
		max-width:249px!important;
	}

	.bb-checkout-review{
		gap:24px!important;
	}

	.bb-checkout-review__item{
		grid-template-columns:52px minmax(0,1fr) auto!important;
		gap:16px!important;
	}
}


/* Checkout notices + additional information alignment */
.bb-checkout-system-messages{
	width:1200px;
	max-width:100%;
	margin:0 0 48px;
	font-family:var(--bb-font-ui);
}

.bb-checkout-system-messages .woocommerce-notices-wrapper,
.bb-checkout-system-messages .woocommerce-form-coupon-toggle,
.bb-checkout-system-messages .woocommerce-form-login-toggle{
	width:100%;
	margin:0 0 16px;
}

.bb-checkout-system-messages .woocommerce-error,
.bb-checkout-system-messages .woocommerce-message,
.bb-checkout-system-messages .woocommerce-info{
	position:relative;
	display:flex;
	align-items:flex-start;
	gap:12px;
	width:100%;
	min-height:56px;
	margin:0 0 16px!important;
	padding:16px 20px 16px 52px!important;
	border:1px solid rgba(38,68,50,.14)!important;
	border-top:0!important;
	border-radius:5px!important;
	background:#f6f7f5!important;
	box-shadow:none!important;
	color:#264432!important;
	font-family:var(--bb-font-ui)!important;
	font-size:14px!important;
	line-height:1.45!important;
	list-style:none!important;
}

.bb-checkout-system-messages .woocommerce-error::before,
.bb-checkout-system-messages .woocommerce-message::before,
.bb-checkout-system-messages .woocommerce-info::before{
	position:absolute!important;
	top:17px!important;
	left:20px!important;
	margin:0!important;
	color:#7ab145!important;
}

.bb-checkout-system-messages .woocommerce-error{
	border-color:rgba(194,37,44,.25)!important;
	background:#fff8f8!important;
}

.bb-checkout-system-messages .woocommerce-error::before{
	color:#c2252c!important;
}

.bb-checkout-system-messages .woocommerce-message{
	background:#f7faef!important;
}

.bb-checkout-system-messages a{
	color:#7ab145!important;
	font-weight:600!important;
	text-decoration:underline!important;
	text-underline-offset:2px;
}

.bb-checkout-system-messages .woocommerce-form-coupon-toggle .woocommerce-info,
.bb-checkout-system-messages .woocommerce-form-login-toggle .woocommerce-info{
	margin-bottom:0!important;
}

.bb-checkout-system-messages .checkout_coupon,
.bb-checkout-system-messages .woocommerce-form-login{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:12px;
	width:100%;
	margin:0 0 16px!important;
	padding:20px!important;
	border:1px solid rgba(38,68,50,.14)!important;
	border-radius:5px!important;
	background:#fff!important;
}

.bb-checkout-system-messages .checkout_coupon .form-row{
	float:none!important;
	width:auto!important;
	margin:0!important;
	padding:0!important;
}

.bb-checkout-system-messages .checkout_coupon .input-text,
.bb-checkout-system-messages .woocommerce-form-login .input-text{
	width:100%!important;
	height:48px!important;
	padding:0 16px!important;
	border:1px solid rgba(38,68,50,.14)!important;
	border-radius:24px!important;
	background:#fff!important;
	color:#264432!important;
	font-family:var(--bb-font-ui)!important;
}

.bb-checkout-system-messages .checkout_coupon .button,
.bb-checkout-system-messages .woocommerce-form-login .button{
	height:48px!important;
	padding:0 22px!important;
	border:0!important;
	border-radius:24px!important;
	background:#cfdc72!important;
	color:#264432!important;
	font-family:var(--bb-font-ui)!important;
	font-size:12px!important;
	font-weight:600!important;
}

.bb-checkout-system-messages .checkout_coupon .button:hover,
.bb-checkout-system-messages .woocommerce-form-login .button:hover{
	background:#7ab145!important;
	color:#fff!important;
}

.bb-checkout-page__section--additional{
	width:776px!important;
	max-width:100%!important;
}

.bb-checkout-additional-fields{
	width:100%!important;
}

.bb-checkout-additional-fields .form-row{
	float:none!important;
	width:100%!important;
	margin:0!important;
	padding:0!important;
}

.bb-checkout-additional-fields .form-row label{
	display:block!important;
	margin:0 0 8px!important;
	color:#264432!important;
	font-size:13px!important;
	font-weight:600!important;
	line-height:normal!important;
}

.bb-checkout-additional-fields textarea.input-text{
	width:100%!important;
	min-height:120px!important;
	padding:16px 18px!important;
	border:1px solid rgba(38,68,50,.14)!important;
	border-radius:5px!important;
	background:#fff!important;
	box-shadow:none!important;
	color:#264432!important;
	font-family:var(--bb-font-ui)!important;
	font-size:16px!important;
	line-height:1.35!important;
	resize:vertical!important;
}

.bb-checkout-review__image{
	display:block!important;
	width:100%!important;
	height:100%!important;
	object-fit:cover!important;
	border-radius:5px!important;
}

@media(max-width:1099px){
	.bb-checkout-system-messages{
		width:100%!important;
	}
}

@media(max-width:767px){
	.bb-checkout-system-messages{
		width:327px!important;
		max-width:100%!important;
		margin-bottom:48px!important;
	}

	.bb-checkout-system-messages .woocommerce-error,
	.bb-checkout-system-messages .woocommerce-message,
	.bb-checkout-system-messages .woocommerce-info{
		padding:14px 16px 14px 44px!important;
		font-size:13px!important;
	}

	.bb-checkout-system-messages .woocommerce-error::before,
	.bb-checkout-system-messages .woocommerce-message::before,
	.bb-checkout-system-messages .woocommerce-info::before{
		top:15px!important;
		left:16px!important;
	}

	.bb-checkout-system-messages .checkout_coupon,
	.bb-checkout-system-messages .woocommerce-form-login{
		grid-template-columns:1fr!important;
	}

	.bb-checkout-page__section--additional{
		width:327px!important;
	}
}


/* Checkout right column: order summary, shipping and payment */
.bb-checkout-page__right{
	display:flex!important;
	flex-direction:column!important;
	gap:24px!important;
	width:360px!important;
}

.bb-checkout-page__side-section{
	display:flex!important;
	flex-direction:column!important;
	gap:16px!important;
	width:360px!important;
	padding:24px!important;
	border:1px solid rgba(38,68,50,.14)!important;
	border-radius:10px!important;
	background:#fff!important;
}

.bb-checkout-page__side-title{
	margin:0!important;
	color:#264432!important;
	font-family:var(--bb-font-display)!important;
	font-size:28px!important;
	font-weight:400!important;
	line-height:1.04!important;
	letter-spacing:-.84px!important;
}

.bb-checkout-page__side-section .bb-checkout-option{
	width:100%!important;
}

.bb-checkout-page__side-section #payment{
	width:100%!important;
}

@media(max-width:1099px){
	.bb-checkout-page__right,
	.bb-checkout-page__side-section{
		width:320px!important;
	}
}

@media(max-width:767px){
	.bb-checkout-page__right,
	.bb-checkout-page__side-section{
		width:327px!important;
	}

	.bb-checkout-page__side-section{
		padding:24px!important;
	}

	.bb-checkout-page__side-title{
		font-size:28px!important;
	}
}


/* White cart icon on commerce primary buttons */
.bb-commerce-primary img,
.bb-checkout-page #place_order img{
	filter:brightness(0) invert(1)!important;
}


/* Legal pages — Figma 619:9131 */
.bb-legal-page{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:88px;
	width:min(1440px,100%);
	max-width:1440px;
	margin:0 auto;
	padding:56px 120px 96px;
	background:#fff;
	color:#264432;
	font-family:var(--bb-font-ui);
}

.bb-legal-page__intro{
	display:flex;
	flex-direction:column;
	gap:22px;
	width:100%;
}

.bb-legal-page__breadcrumb{
	width:100%;
	margin:0;
	color:#6a756d;
	font-size:16px;
	line-height:normal;
}

.bb-legal-page__heading{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:16px;
	width:100%;
}

.bb-legal-page__eyebrow-line{
	display:block;
	width:34px;
	height:2px;
	background:#264432;
}

.bb-legal-page__eyebrow{
	margin:0;
	color:#264432;
	font-size:12px;
	font-weight:600;
	line-height:normal;
	letter-spacing:1.2px;
	text-transform:uppercase;
}

.bb-legal-page__heading h1{
	width:100%;
	margin:0;
	color:#264432;
	font-family:var(--bb-font-display);
	font-size:72px;
	font-weight:500;
	line-height:1.05;
	letter-spacing:-2.16px;
}

.bb-legal-page__lead{
	max-width:860px;
	margin:0;
	color:#264432;
	font-size:16px;
	line-height:1.55;
}

.bb-legal-page__layout{
	display:grid;
	grid-template-columns:240px minmax(0,860px);
	gap:100px;
	align-items:start;
	width:100%;
}

.bb-legal-page__nav{
	display:flex;
	flex-direction:column;
	gap:20px;
	width:240px;
}

.bb-legal-page__nav-label{
	margin:0;
	color:#6a756d;
	font-size:12px;
	font-weight:600;
	letter-spacing:1.2px;
	text-transform:uppercase;
}

.bb-legal-page__nav-links{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:12px;
}

.bb-legal-page__nav-links a{
	display:inline-flex;
	align-items:center;
	width:auto;
	min-height:28px;
	color:#264432;
	font-size:16px;
	line-height:normal;
	text-decoration:none;
}

.bb-legal-page__nav-links a:hover{
	color:#7ab145;
}

.bb-legal-page__nav-links a.is-active{
	min-height:34px;
	padding:7px 11px;
	border-radius:999px;
	background:#7ab145;
	color:#fff;
	font-size:13px;
	font-weight:600;
	letter-spacing:1.04px;
	text-transform:uppercase;
}

.bb-legal-page__mobile-select{
	display:none;
}

.bb-legal-document{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:32px;
	width:860px;
	max-width:100%;
}

.bb-legal-document__overview{
	display:flex;
	flex-direction:column;
	gap:8px;
	width:100%;
	padding:20px;
	border:1px solid rgba(38,68,50,.14);
	border-radius:5px;
	background:#fefbea;
}

.bb-legal-document__overview-label{
	margin:0;
	color:#264432;
	font-size:12px;
	font-weight:600;
	line-height:normal;
	letter-spacing:1.2px;
	text-transform:uppercase;
}

.bb-legal-document__overview>p:last-child{
	margin:0;
	color:#264432;
	font-size:14px;
	line-height:1.5;
}

.bb-legal-document__meta{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	width:100%;
	color:#6a756d;
	font-size:14px;
	line-height:normal;
}

.bb-legal-document__divider{
	width:100%;
	height:1px;
	background:rgba(38,68,50,.14);
}

.bb-legal-document__content{
	display:flex;
	flex-direction:column;
	gap:32px;
	width:100%;
}

.bb-legal-document__section{
	display:flex;
	flex-direction:column;
	gap:16px;
	width:100%;
}

.bb-legal-document__content h2,
.bb-legal-document__content h3,
.bb-legal-document__content h4{
	width:100%;
	margin:0;
	color:#264432;
	font-family:var(--bb-font-display);
	font-weight:400;
	line-height:1.05;
}

.bb-legal-document__content h2{
	font-size:36px;
	letter-spacing:-1.08px;
}

.bb-legal-document__content h3{
	font-size:28px;
	letter-spacing:-.84px;
}

.bb-legal-document__content h4{
	font-size:22px;
	letter-spacing:-.55px;
}

.bb-legal-document__content p,
.bb-legal-document__content li{
	margin:0;
	color:#264432;
	font-size:16px;
	line-height:1.55;
}

.bb-legal-document__content ul,
.bb-legal-document__content ol{
	display:flex;
	flex-direction:column;
	gap:10px;
	margin:0;
	padding-left:22px;
}

.bb-legal-document__content a{
	color:#7ab145;
	text-underline-offset:2px;
}

.bb-legal-document__content blockquote{
	margin:0;
	padding:20px;
	border-left:3px solid #7ab145;
	background:#fefbea;
}

.bb-cookie-table{
	display:flex;
	flex-direction:column;
	width:100%;
	border:1px solid rgba(38,68,50,.14);
	border-bottom:0;
}

.bb-cookie-table__head,
.bb-cookie-table__row{
	display:grid;
	grid-template-columns:28% 22% 50%;
	width:100%;
}

.bb-cookie-table__head{
	min-height:48px;
	align-items:center;
	background:#264432;
	color:#fff;
}

.bb-cookie-table__head span{
	padding:14px 16px;
	font-size:13px;
	font-weight:600;
}

.bb-cookie-table__row{
	min-height:72px;
	align-items:center;
	border-bottom:1px solid rgba(38,68,50,.14);
	background:#fff;
}

.bb-cookie-table__row>*{
	padding:16px;
	color:#264432;
	font-size:14px;
	line-height:1.4;
}

@media(max-width:1099px){
	.bb-legal-page{
		width:90vw;
		max-width:90vw;
		padding:48px 0 80px;
	}

	.bb-legal-page__layout{
		grid-template-columns:210px minmax(0,1fr);
		gap:56px;
	}

	.bb-legal-page__nav{
		width:210px;
	}

	.bb-legal-document{
		width:100%;
	}
}

@media(max-width:767px){
	.bb-legal-page{
		gap:48px;
		width:100%;
		max-width:100%;
		padding:32px 24px 64px;
	}

	.bb-legal-page__intro{
		gap:22px;
	}

	.bb-legal-page__breadcrumb{
		font-size:14px;
	}

	.bb-legal-page__heading h1{
		font-size:44px;
		line-height:1.05;
		letter-spacing:-1.32px;
	}

	.bb-legal-page__lead{
		font-size:16px;
	}

	.bb-legal-page__layout{
		display:flex;
		flex-direction:column;
		gap:32px;
		width:100%;
	}

	.bb-legal-page__nav{
		width:100%;
	}

	.bb-legal-page__nav-label,
	.bb-legal-page__nav-links{
		display:none;
	}

	.bb-legal-page__mobile-select{
		display:block;
		width:100%;
	}

	.bb-legal-page__mobile-select select{
		width:100%;
		height:58px;
		padding:0 18px;
		border:1px solid rgba(38,68,50,.14);
		border-radius:5px;
		background:#fff;
		color:#264432;
		font-family:var(--bb-font-ui);
		font-size:16px;
		appearance:auto;
	}

	.bb-legal-document{
		gap:32px;
		width:100%;
	}

	.bb-legal-document__overview{
		padding:20px;
	}

	.bb-legal-document__meta{
		flex-direction:column;
		gap:6px;
		font-size:13px;
	}

	.bb-legal-document__content{
		gap:32px;
	}

	.bb-legal-document__content h2{
		font-size:36px;
		line-height:1.05;
		letter-spacing:-1.08px;
	}

	.bb-legal-document__content h3{
		font-size:28px;
	}

	.bb-cookie-table{
		overflow:hidden;
	}

	.bb-cookie-table__head,
	.bb-cookie-table__row{
		grid-template-columns:42% 58%;
	}

	.bb-cookie-table__head span:nth-child(2),
	.bb-cookie-table__row>*:nth-child(2){
		display:none;
	}

	.bb-cookie-table__head span,
	.bb-cookie-table__row>*{
		padding:12px;
		font-size:12px;
	}

	.bb-cookie-table__row{
		min-height:88px;
	}
}


/* Legal pages revision — Figma 620:9688 */
.bb-legal-page{
	align-items:center!important;
	gap:88px!important;
	width:min(1440px,100%)!important;
	max-width:1440px!important;
	padding:56px 120px 96px!important;
}

.bb-legal-page__intro,
.bb-legal-page__heading,
.bb-legal-page__eyebrow-line,
.bb-legal-page__eyebrow,
.bb-legal-page__lead,
.bb-legal-document__overview,
.bb-legal-document__meta,
.bb-legal-page__nav-label{
	display:none!important;
}

.bb-legal-page__breadcrumb{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	gap:0!important;
	width:100%!important;
	height:26px!important;
	margin:0!important;
	color:#264432!important;
	font-size:16px!important;
	line-height:normal!important;
	text-align:center!important;
}

.bb-legal-page__breadcrumb span{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	padding:5px!important;
	white-space:nowrap!important;
}

.bb-legal-page__breadcrumb span:nth-child(2),
.bb-legal-page__breadcrumb-separator{
	padding-inline:0!important;
	color:#e9eceb!important;
}

.bb-legal-page__breadcrumb .is-current{
	color:#7ab145!important;
}

.bb-legal-page__title{
	width:1200px!important;
	max-width:100%!important;
	height:auto!important;
	margin:0!important;
	color:#264432!important;
	font-family:var(--bb-font-display)!important;
	font-size:48px!important;
	font-weight:500!important;
	line-height:1.04!important;
	letter-spacing:-1.44px!important;
	text-align:center!important;
}

.bb-legal-page__layout{
	display:flex!important;
	align-items:flex-start!important;
	justify-content:center!important;
	gap:64px!important;
	width:100%!important;
}

.bb-legal-page__nav{
	display:flex!important;
	flex:0 0 241px!important;
	flex-direction:column!important;
	gap:0!important;
	width:241px!important;
	border-top:1px solid #e9eceb!important;
}

.bb-legal-page__nav-links{
	display:flex!important;
	flex-direction:column!important;
	align-items:stretch!important;
	gap:0!important;
	width:100%!important;
}

.bb-legal-page__nav-links a{
	display:flex!important;
	align-items:center!important;
	width:100%!important;
	min-height:61px!important;
	padding:20px 25px!important;
	border-bottom:1px solid #e9eceb!important;
	border-radius:3px!important;
	background:#fff!important;
	color:#264432!important;
	font-size:16px!important;
	font-weight:600!important;
	line-height:1.3!important;
	letter-spacing:0!important;
	text-transform:none!important;
	text-decoration:none!important;
}

.bb-legal-page__nav-links a:hover{
	background:#fff!important;
	color:#7ab145!important;
}

.bb-legal-page__nav-links a.is-active{
	min-height:61px!important;
	padding:20px 25px!important;
	border-bottom:1px solid #27773b!important;
	border-radius:3px!important;
	background:#fff!important;
	color:#264432!important;
	font-size:16px!important;
	font-weight:600!important;
	letter-spacing:0!important;
	text-transform:none!important;
}

.bb-legal-document{
	display:flex!important;
	flex:0 0 860px!important;
	flex-direction:column!important;
	align-items:flex-start!important;
	gap:32px!important;
	width:860px!important;
	max-width:100%!important;
}

.bb-legal-document__divider{
	display:block!important;
	width:100%!important;
	height:1px!important;
	background:rgba(38,68,50,.14)!important;
}

.bb-legal-document__content{
	gap:32px!important;
}

.bb-legal-document__section{
	gap:16px!important;
}

.bb-legal-document__content h2{
	font-size:36px!important;
	font-weight:400!important;
	line-height:1.05!important;
	letter-spacing:-1.08px!important;
}

.bb-legal-document__content p,
.bb-legal-document__content li{
	font-size:16px!important;
	line-height:1.55!important;
}

@media(max-width:1099px) and (min-width:768px){
	.bb-legal-page{
		width:90vw!important;
		max-width:90vw!important;
		padding:48px 0 80px!important;
	}

	.bb-legal-page__layout{
		gap:40px!important;
	}

	.bb-legal-page__nav{
		flex-basis:220px!important;
		width:220px!important;
	}

	.bb-legal-document{
		flex:1 1 auto!important;
		width:auto!important;
	}
}

@media(max-width:767px){
	.bb-legal-page{
		align-items:flex-start!important;
		gap:48px!important;
		width:100%!important;
		max-width:100%!important;
		padding:32px 24px 64px!important;
	}

	.bb-legal-page__breadcrumb{
		width:327px!important;
		max-width:100%!important;
		height:26px!important;
		font-size:16px!important;
	}

	.bb-legal-page__breadcrumb-parent,
	.bb-legal-page__breadcrumb-separator{
		display:none!important;
	}

	.bb-legal-page__title{
		width:327px!important;
		max-width:100%!important;
		font-size:48px!important;
		line-height:1.04!important;
		letter-spacing:-1.44px!important;
		text-align:center!important;
	}

	.bb-legal-page__layout{
		display:flex!important;
		flex-direction:column!important;
		align-items:flex-start!important;
		justify-content:flex-start!important;
		gap:32px!important;
		width:327px!important;
		max-width:100%!important;
	}

	.bb-legal-page__nav{
		flex:0 0 auto!important;
		width:327px!important;
		max-width:100%!important;
		border-top:0!important;
	}

	.bb-legal-page__nav-links{
		display:none!important;
	}

	.bb-legal-page__mobile-select{
		display:block!important;
		width:100%!important;
	}

	.bb-legal-page__mobile-select select{
		width:100%!important;
		height:76px!important;
		padding:0 56px 0 24px!important;
		border:2px solid #e9eceb!important;
		border-radius:5px!important;
		background:#fff!important;
		color:#264432!important;
		font-family:var(--bb-font-ui)!important;
		font-size:18px!important;
		font-weight:600!important;
		line-height:1.3!important;
	}

	.bb-legal-document{
		flex:0 0 auto!important;
		gap:32px!important;
		width:327px!important;
		max-width:100%!important;
	}

	.bb-legal-document__content h2{
		font-size:36px!important;
		line-height:1.05!important;
		letter-spacing:-1.08px!important;
	}

	.bb-cookie-table__head,
	.bb-cookie-table__row{
		grid-template-columns:42% 58%!important;
	}
}


/* Unified page heading — Figma 620:9413 + 620:9688 */
.bb-page-heading{
	display:flex!important;
	flex-direction:column!important;
	align-items:flex-start!important;
	width:100%!important;
	height:108px!important;
	margin:0!important;
	padding:0!important;
}

.bb-page-heading__breadcrumb{
	display:flex!important;
	align-items:flex-start!important;
	justify-content:center!important;
	width:100%!important;
	height:58px!important;
	margin:0!important;
	padding:0 0 32px!important;
	color:#264432!important;
	font-family:var(--bb-font-ui)!important;
	font-size:16px!important;
	font-weight:400!important;
	line-height:normal!important;
	text-align:center!important;
}

.bb-page-heading__breadcrumb span{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	padding:5px!important;
	white-space:nowrap!important;
}

.bb-page-heading__breadcrumb span:nth-child(2),
.bb-page-heading__breadcrumb .bb-legal-page__breadcrumb-separator{
	padding-top:5px!important;
	padding-right:0!important;
	padding-left:0!important;
	color:#e9eceb!important;
}

.bb-page-heading__breadcrumb span:last-child{
	color:#7ab145!important;
}

.bb-page-heading__title{
	display:block!important;
	width:100%!important;
	height:50px!important;
	min-height:50px!important;
	margin:0!important;
	padding:0!important;
	overflow:hidden!important;
	color:#264432!important;
	font-family:var(--bb-font-display)!important;
	font-size:48px!important;
	font-weight:500!important;
	line-height:1.04!important;
	letter-spacing:-1.44px!important;
	text-align:center!important;
}

.bb-commerce-page>.bb-page-heading{
	margin-bottom:48px!important;
}

.bb-legal-page>.bb-page-heading{
	margin-bottom:0!important;
}

.bb-commerce-page__breadcrumb,
.bb-commerce-page__title,
.bb-legal-page__breadcrumb,
.bb-legal-page__title{
	margin-top:0!important;
	margin-bottom:0!important;
}

@media(max-width:767px){
	.bb-page-heading{
		width:327px!important;
		max-width:100%!important;
		height:108px!important;
	}

	.bb-page-heading__breadcrumb{
		width:327px!important;
		max-width:100%!important;
		height:58px!important;
		padding-bottom:32px!important;
		font-size:16px!important;
	}

	.bb-page-heading__title{
		width:327px!important;
		max-width:100%!important;
		height:50px!important;
		min-height:50px!important;
		font-size:48px!important;
		line-height:1.04!important;
		letter-spacing:-1.44px!important;
	}
}


/* Clickable breadcrumbs */
.bb-page-heading__breadcrumb a,
.bb-faq-page__breadcrumb a{
	color:inherit!important;
	text-decoration:none!important;
	transition:color 180ms ease!important;
}

.bb-page-heading__breadcrumb a:hover,
.bb-page-heading__breadcrumb a:focus-visible,
.bb-faq-page__breadcrumb a:hover,
.bb-faq-page__breadcrumb a:focus-visible{
	color:#7ab145!important;
}

.bb-page-heading__breadcrumb a.is-current,
.bb-page-heading__breadcrumb a:last-child,
.bb-faq-page__breadcrumb a:last-child{
	color:#7ab145!important;
}

.bb-legal-page__breadcrumb a,
.bb-faq-page__breadcrumb a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:5px;
}

.bb-legal-page__breadcrumb .bb-legal-page__breadcrumb-parent{
	color:#264432!important;
}

.bb-legal-page__breadcrumb .bb-legal-page__breadcrumb-parent:hover,
.bb-legal-page__breadcrumb .bb-legal-page__breadcrumb-parent:focus-visible{
	color:#7ab145!important;
}


/* FAQ navigation parity + global breadcrumb hover */
/* Every breadcrumb link uses Green Giggle on hover/focus. */
[class*="breadcrumb"] a,
nav.woocommerce-breadcrumb a,
.woocommerce-breadcrumb a{
	transition:color 180ms ease!important;
}

[class*="breadcrumb"] a:hover,
[class*="breadcrumb"] a:focus-visible,
nav.woocommerce-breadcrumb a:hover,
nav.woocommerce-breadcrumb a:focus-visible,
.woocommerce-breadcrumb a:hover,
.woocommerce-breadcrumb a:focus-visible{
	color:#7ab145!important;
}

/* FAQ desktop topic widget mirrors Legal Information navigation. */
.bb-faq-page__topics{
	display:flex!important;
	flex:0 0 241px!important;
	flex-direction:column!important;
	align-items:stretch!important;
	gap:0!important;
	width:241px!important;
	border-top:1px solid #e9eceb!important;
}

.bb-faq-page__topics-desktop{
	display:flex!important;
	flex-direction:column!important;
	align-items:stretch!important;
	width:100%!important;
}

.bb-faq-page__topics-desktop a{
	display:flex!important;
	align-items:center!important;
	width:100%!important;
	min-height:61px!important;
	padding:20px 25px!important;
	border-bottom:1px solid #e9eceb!important;
	border-radius:3px!important;
	background:#fff!important;
	color:#264432!important;
	font-family:var(--bb-font-ui)!important;
	font-size:16px!important;
	font-weight:600!important;
	line-height:1.3!important;
	letter-spacing:0!important;
	text-transform:none!important;
	text-decoration:none!important;
}

.bb-faq-page__topics-desktop a:hover,
.bb-faq-page__topics-desktop a:focus-visible{
	color:#7ab145!important;
}

.bb-faq-page__topics-desktop a.is-active{
	width:100%!important;
	min-height:61px!important;
	padding:20px 25px!important;
	border-bottom:1px solid #27773b!important;
	border-radius:3px!important;
	background:#fff!important;
	color:#264432!important;
	font-size:16px!important;
	font-weight:600!important;
	letter-spacing:0!important;
	text-transform:none!important;
}

.bb-faq-page__topics-mobile{
	display:none!important;
}

@media(max-width:1099px) and (min-width:768px){
	.bb-faq-page__topics{
		flex-basis:220px!important;
		width:220px!important;
	}
}

@media(max-width:767px){
	.bb-faq-page__topics{
		display:block!important;
		flex:0 0 auto!important;
		width:100%!important;
		border-top:0!important;
	}

	.bb-faq-page__topics-desktop{
		display:none!important;
	}

	.bb-faq-page__topics-mobile{
		display:block!important;
		width:100%!important;
		border:2px solid #e9eceb!important;
		border-radius:5px!important;
		background:#fff!important;
		overflow:hidden!important;
	}

	.bb-faq-page__topics-mobile summary{
		display:flex!important;
		align-items:center!important;
		gap:16px!important;
		width:100%!important;
		min-height:76px!important;
		padding:24px!important;
		list-style:none!important;
		cursor:pointer!important;
	}

	.bb-faq-page__topics-mobile summary::-webkit-details-marker{
		display:none!important;
	}

	.bb-faq-page__topics-mobile summary>span:first-child{
		flex:1 1 auto!important;
		color:#264432!important;
		font-family:var(--bb-font-ui)!important;
		font-size:18px!important;
		font-weight:600!important;
		line-height:1.3!important;
	}

	.bb-faq-page__topics-mobile-icon{
		position:relative!important;
		flex:0 0 24px!important;
		width:24px!important;
		height:24px!important;
	}

	.bb-faq-page__topics-mobile-icon::before,
	.bb-faq-page__topics-mobile-icon::after{
		content:""!important;
		position:absolute!important;
		top:50%!important;
		left:50%!important;
		background:#264432!important;
		transform:translate(-50%,-50%)!important;
	}

	.bb-faq-page__topics-mobile-icon::before{
		width:14px!important;
		height:2px!important;
	}

	.bb-faq-page__topics-mobile-icon::after{
		width:2px!important;
		height:14px!important;
		transition:transform 160ms ease!important;
	}

	.bb-faq-page__topics-mobile[open] .bb-faq-page__topics-mobile-icon::after{
		transform:translate(-50%,-50%) scaleY(0)!important;
	}

	.bb-faq-page__topics-mobile nav{
		display:flex!important;
		flex-direction:column!important;
		width:100%!important;
		border-top:1px solid #e9eceb!important;
	}

	.bb-faq-page__topics-mobile nav a{
		display:flex!important;
		align-items:center!important;
		min-height:54px!important;
		padding:14px 24px!important;
		border-bottom:1px solid #e9eceb!important;
		color:#264432!important;
		font-family:var(--bb-font-ui)!important;
		font-size:16px!important;
		font-weight:600!important;
		text-decoration:none!important;
	}

	.bb-faq-page__topics-mobile nav a:last-child{
		border-bottom:0!important;
	}

	.bb-faq-page__topics-mobile nav a:hover,
	.bb-faq-page__topics-mobile nav a:focus-visible{
		color:#7ab145!important;
	}
}

/* About page: allow the final 'Our promise' section to fit its copy. */
.bb-about-figma .bb-about-figma__statement--dark {
  min-height: 0;
  height: auto;
}

/* Inspiration archive — editorial blog feature above the recipe listing. */
.bb-inspiration-featured {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(24px, 4vw, 64px);
  align-items: center;
  width: min(1200px, calc(100% - 48px));
  margin: 0 auto 72px;
  padding: 32px;
  background: #e9eceb;
  color: #264432;
}
.bb-inspiration-featured__image { display: block; min-width: 0; overflow: hidden; }
.bb-inspiration-featured__image img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.bb-inspiration-featured__copy { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; min-width: 0; }
.bb-inspiration-featured__eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.bb-inspiration-featured__copy time { font-size: 14px; }
.bb-inspiration-featured__copy h2 { margin: 0; font-family: var(--bb-font-display); font-size: clamp(30px, 3vw, 48px); line-height: 1.1; }
.bb-inspiration-featured__copy h2 a, .bb-inspiration-featured__action { color: inherit; text-decoration: none; }
.bb-inspiration-featured__copy p { margin: 0; font-size: 17px; line-height: 1.55; }
.bb-inspiration-featured__action { margin-top: 8px; font-size: 14px; font-weight: 600; text-transform: uppercase; border-bottom: 1px solid currentColor; padding-bottom: 6px; }
@media (max-width: 767px) {
  .bb-inspiration-featured { grid-template-columns: 1fr; width: calc(100% - 32px); margin-bottom: 48px; padding: 20px; gap: 24px; }
}

/* Biobrdo Inspiration — single standard WordPress post. */
.bb-blog-single {color:#264432;}
.bb-blog-single__intro .bb-blog-single__meta {margin-top:20px;font-family:var(--bb-font-ui);font-size:14px;color:#327544;}
.bb-blog-single__hero img {display:block;width:100%;height:auto;max-height:720px;object-fit:cover;}
.bb-blog-single__article {display:flex;flex-direction:column;gap:40px;width:min(900px,calc(100% - 48px));margin:76px auto 112px;}
.bb-blog-single__content {font-family:var(--bb-font-ui);font-size:19px;line-height:1.75;}
.bb-blog-single__content p {margin:0 0 1.5em;}
.bb-blog-single__content h2,.bb-blog-single__content h3 {font-family:var(--bb-font-display);line-height:1.2;margin:1.7em 0 .65em;}
.bb-blog-single__content h2 {font-size:clamp(32px,3.5vw,46px);}
.bb-blog-single__content h3 {font-size:clamp(24px,2.5vw,34px);}
.bb-blog-single__content img {max-width:100%;height:auto;}
.bb-blog-single__content a {color:#327544;text-decoration:underline;text-underline-offset:3px;}
.bb-blog-single__content ul,.bb-blog-single__content ol {padding-left:1.5em;margin:0 0 1.5em;}
.bb-blog-single__article .bb-recipe-single__all-recipes {align-self:flex-start;}
@media(max-width:767px){
.bb-blog-single__article {width:calc(100% - 40px);margin:40px auto 72px;}
.bb-blog-single__content {font-size:16px;line-height:1.65;}
}

/* Blog archive shares the recipe card visual language, without sidebar filters. */
.bb-blog-archive__listing {max-width:1200px;margin:0 auto;padding:16px 24px 96px;}
.bb-blog-archive__listing .bb-recipe-listing__grid {width:100%;grid-template-columns:repeat(3,minmax(0,1fr));}
.bb-blog-archive__pagination {margin:48px auto 0;text-align:center;}
.bb-blog-archive__pagination ul {display:flex;list-style:none;justify-content:center;gap:12px;margin:0;padding:0;}
.bb-blog-archive__pagination a,.bb-blog-archive__pagination span {display:inline-flex;min-width:44px;height:44px;align-items:center;justify-content:center;border:1px solid #264432;border-radius:24px;text-decoration:none;color:#264432;}
.bb-blog-archive__pagination .current {background:#264432;color:white;}
@media(max-width:900px){.bb-blog-archive__listing .bb-recipe-listing__grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.bb-blog-archive__listing .bb-recipe-listing__grid {grid-template-columns:1fr;}.bb-blog-archive__listing{padding:16px 20px 72px;}}

/* Three editorially selected products below a blog post. */
.bb-blog-single__products {width:100%;margin:12px 0 24px;}
.bb-blog-single__products > h2 {font-family:var(--bb-font-display);font-size:clamp(30px,3vw,42px);line-height:1.15;margin:0 0 32px;color:#264432;}
.bb-blog-single__product-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;}
.bb-blog-single__product-grid .bb-product-card {min-width:0;}
.bb-blog-single__product-grid .bb-product-card__visual {display:block;overflow:hidden;}
.bb-blog-single__product-grid .bb-product-card__image {width:100%;aspect-ratio:1/1;object-fit:contain;}
.bb-blog-product-card__link {display:inline-flex;align-items:center;color:#264432;font-weight:600;text-decoration:none;margin-top:18px;}
@media(max-width:767px){.bb-blog-single__product-grid{grid-template-columns:1fr;gap:24px;}.bb-blog-single__products{margin-top:0;}}

/* Blog products: same card geometry as single-product related items, three across. */
.bb-blog-single__products.bb-single-product__related {
  width:min(1200px,calc(100vw - 48px));
  max-width:none;
  position:relative;
  left:50%;
  margin:32px 0 36px;
  transform:translateX(-50%);
  padding:0;
  box-sizing:border-box;
}
.bb-blog-single__products .bb-single-product__related-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  width:100%;
}
@media(max-width:767px) {
  .bb-blog-single__products.bb-single-product__related {width:calc(100vw - 40px);}
  .bb-blog-single__products .bb-single-product__related-grid {grid-template-columns:1fr;gap:20px;}
}

/* Center the All Posts button under the blog product grid. */
.bb-blog-single__article > .bb-recipe-single__all-recipes {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}

/* Inspiration: featured blog aligns exactly with the recipe grid, not with filters. */
.bb-recipe-archive[data-bb-recipe-archive] .bb-recipe-archive__body {
  margin-top:64px;
}
.bb-recipe-archive[data-bb-recipe-archive] .bb-recipe-listing > .bb-inspiration-featured {
  width:100%;
  max-width:none;
  box-sizing:border-box;
  margin:0 0 32px;
}
@media(max-width:767px) {
  .bb-recipe-archive[data-bb-recipe-archive] .bb-recipe-archive__body {margin-top:64px;}
  .bb-recipe-archive[data-bb-recipe-archive] .bb-recipe-listing > .bb-inspiration-featured {margin-bottom:32px;}
}

/* Inspiration blog loop: mirror recipe thumbnail corner radius. */
.bb-recipe-archive .bb-inspiration-featured {
  border-radius:5px;
  overflow:hidden;
}
.bb-recipe-archive .bb-inspiration-featured__image,
.bb-recipe-archive .bb-inspiration-featured__image img {
  border-radius:5px;
}

/* Consistent acceptance checkbox — checkout reference; contact and newsletter. */
.bb-contact-form__consent input[type="checkbox"],
.bb-newsletter__consent input[type="checkbox"],
.bb-checkout-page input[type="checkbox"][name="terms"] {
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-grid!important;
  place-items:center!important;
  position:relative!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  margin:2px 0 0!important;
  padding:0!important;
  border:2px solid #7d8580!important;
  border-radius:4px!important;
  background:transparent!important;
  box-shadow:none!important;
  cursor:pointer!important;
  vertical-align:top!important;
}
.bb-contact-form__consent input[type="checkbox"]:checked,
.bb-newsletter__consent input[type="checkbox"]:checked,
.bb-checkout-page input[type="checkbox"][name="terms"]:checked {
  border-color:#7ab145!important;
  background-color:#7ab145!important;
}
.bb-contact-form__consent input[type="checkbox"]:checked::after,
.bb-newsletter__consent input[type="checkbox"]:checked::after,
.bb-checkout-page input[type="checkbox"][name="terms"]:checked::after {
  content:""!important;
  display:block!important;
  width:10px!important;
  height:6px!important;
  border-left:3px solid #264432!important;
  border-bottom:3px solid #264432!important;
  transform:translateY(-2px) rotate(-45deg)!important;
}
.bb-contact-form__consent input[type="checkbox"]:focus-visible,
.bb-newsletter__consent input[type="checkbox"]:focus-visible,
.bb-checkout-page input[type="checkbox"][name="terms"]:focus-visible {
  outline:2px solid #7ab145!important;
  outline-offset:3px!important;
}
.bb-newsletter__consent input[type="checkbox"] {border-color:#e9eceb!important;}

/* Vertically center newsletter consent text against its checkbox. */
.bb-newsletter .bb-newsletter__consent {
  align-items: center !important;
}
.bb-newsletter .bb-newsletter__consent input[type="checkbox"] {
  margin: 0 !important;
}
.bb-newsletter .bb-newsletter__consent > span {
  display: block;
  line-height: 1.4;
}

/* Page-intro consistency: center descriptions beneath headings, like About. */
.bb-shop-archive .bb-shop-heading p,
.bb-shop-archive .bb-shop-intro--mobile .bb-shop-heading p,
.bb-recipe-archive .bb-recipe-archive__intro .bb-recipe-archive__lead,
.bb-blog-archive .bb-recipe-archive__intro .bb-recipe-archive__lead {
  text-align: center !important;
  margin-inline: auto !important;
}
.bb-shop-archive .bb-shop-heading,
.bb-recipe-archive .bb-recipe-archive__intro,
.bb-blog-archive .bb-recipe-archive__intro {
  align-items: center;
  text-align: center;
}

/* Payment method logos beside footer legal links — locally stored, editable SVG assets. */
.bb-footer__legal-row {display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:36px;row-gap:20px}
.bb-footer__payments {display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.bb-footer__payment {display:inline-flex;align-items:center;justify-content:center;min-width:45px;height:30px;padding:5px 9px;border:1px solid rgba(255,255,255,.25);border-radius:5px;background:#fff}
.bb-footer__payment img {display:block;height:18px;width:36px;object-fit:contain;filter:none}
.bb-footer__copyright {white-space:nowrap}
@media(max-width:1100px){.bb-footer__legal-row{grid-template-columns:minmax(0,1fr) auto}.bb-footer__payments{grid-row:2;grid-column:1/-1;justify-content:flex-start}}
@media(max-width:640px){.bb-footer__legal-row{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.bb-footer__payments{justify-content:flex-start;gap:8px}.bb-footer__payment{min-width:40px;height:28px}.bb-footer__payment img{height:16px;width:32px}}

/* Larger, brand-colored payment marks inside existing white footer badges. */
.bb-footer__payments{gap:12px}
.bb-footer__payment{width:112px;min-width:112px;height:60px;padding:8px 12px;border-radius:10px}
.bb-footer__payment img{width:88px;height:36px;max-width:100%;object-fit:contain;filter:none}
@media(max-width:640px){
 .bb-footer__payments{gap:9px}
 .bb-footer__payment{width:86px;min-width:86px;height:50px;padding:7px 9px}
 .bb-footer__payment img{width:68px;height:30px}
}

/* Compact payment badges; keep enlarged brand logos from previous revision. */
.bb-footer__payment{width:auto;min-width:45px;height:30px;padding:3px 6px;border-radius:5px}
.bb-footer__payment img{width:auto;max-width:88px;height:25px}
@media(max-width:640px){
 .bb-footer__payment{width:auto;min-width:40px;height:28px;padding:3px 5px}
 .bb-footer__payment img{width:auto;max-width:68px;height:22px}
}

/* Larger payment logos, retain compact white badges. */
.bb-footer__payment{height:30px;padding:1px 4px}
.bb-footer__payment img{height:28px;max-width:100px;width:auto}
@media(max-width:640px){
 .bb-footer__payment{height:28px;padding:1px 3px}
 .bb-footer__payment img{height:26px;max-width:84px;width:auto}
}

/* Distribute payment cards across the free space between legal links and copyright. */
@media (min-width:1101px){
 .bb-footer__legal-row{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;column-gap:32px}
 .bb-footer__payments{grid-column:2;width:100%;display:flex;justify-content:space-evenly;align-items:center;gap:8px;flex-wrap:nowrap}
 .bb-footer__copyright{grid-column:3;justify-self:end}
}

/* Footer payment layout: prevent overlapping legal text, center compact logo group. */
@media (min-width:1101px){
 .bb-footer__legal-row{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr) max-content;
  align-items:center;
  column-gap:24px;
 }
 .bb-footer__legal{grid-column:1;min-width:0;width:max-content}
 .bb-footer__legal-row .bb-footer__legal-links{display:flex;flex-wrap:nowrap;gap:24px;width:max-content}
 .bb-footer__legal-row .bb-footer__legal-links li{flex:none;white-space:nowrap}
 .bb-footer__payments{grid-column:2;justify-content:center;gap:8px;width:100%;min-width:0;flex-wrap:nowrap}
 .bb-footer__copyright{grid-column:3;white-space:nowrap;justify-self:end}
}
@media (min-width:1101px) and (max-width:1450px){
 .bb-footer__legal-row{grid-template-columns:minmax(0,1fr) max-content;row-gap:18px}
 .bb-footer__legal{grid-column:1}
 .bb-footer__payments{grid-column:1/-1;grid-row:2;justify-content:center}
 .bb-footer__copyright{grid-column:2;grid-row:1}
}

/* Center the homepage Shop category introduction beneath its headline. */
.bb-category-section__description{margin-inline:auto;text-align:center}

/* Restored Where to Buy page and editable retail partner logo grid. */
.bb-where-to-buy{background:#fff;color:#264432;min-height:55vh}
.bb-where-to-buy__intro{display:flex;flex-direction:column;align-items:center;text-align:center;padding:64px 24px 72px;gap:20px}
.bb-where-to-buy__breadcrumbs{font-family:var(--bb-font-ui);font-size:16px}
.bb-where-to-buy__breadcrumbs a{color:#264432;text-decoration:none}
.bb-where-to-buy__breadcrumbs span:last-child{color:#7ab145}
.bb-where-to-buy__intro h1{font-family:var(--bb-font-display);font-size:clamp(44px,5vw,76px);font-weight:500;line-height:1.05;margin:12px 0 0}
.bb-where-to-buy__intro p{font-family:var(--bb-font-ui);font-size:18px;line-height:1.5;max-width:850px;margin:0;text-align:center}
.bb-where-to-buy__stores{max-width:1440px;margin:0 auto;padding:0 40px 110px}
.bb-where-to-buy__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.bb-where-to-buy__card{display:flex;justify-content:center;align-items:center;min-height:185px;padding:26px;background:#fefbea;border-radius:5px}
.bb-where-to-buy__card a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.bb-where-to-buy__card img{display:block;width:auto;height:auto;max-width:100%;max-height:110px;object-fit:contain}
.bb-where-to-buy__card span{font-family:var(--bb-font-ui);font-weight:600;color:#264432;text-align:center}
.bb-where-to-buy__empty{text-align:center;font-family:var(--bb-font-ui);padding:50px 0}
@media(max-width:900px){.bb-where-to-buy__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.bb-where-to-buy__intro{padding:45px 24px 55px}.bb-where-to-buy__stores{padding:0 16px 70px}.bb-where-to-buy__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bb-where-to-buy__card{min-height:130px;padding:18px}.bb-where-to-buy__card img{max-height:80px}}

/* Contact topic selector: match the language switcher's outlined chevron. */
.bb-contact-field select{
  appearance:none;
  -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23264432' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-size:20px 20px;
  background-position:right 18px center;
  background-repeat:no-repeat;
  padding-right:52px;
}

/* Gdje kupiti — Figma 638:9777: 3 x 4 logo grid, contact CTA, slogan. */
.bb-where-to-buy__intro{padding:40px 24px 55px}
.bb-where-to-buy__intro h1{font-size:48px;line-height:1.03}
.bb-where-to-buy__intro p{font-size:16px;max-width:850px}
.bb-where-to-buy__stores{max-width:950px;margin-inline:auto;padding:0 8px 32px}
.bb-where-to-buy__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bb-where-to-buy__card{min-height:233px;padding:24px;background:#fefbea}
.bb-where-to-buy__card img{max-height:130px}
.bb-where-to-buy__contact-banner{max-width:1200px;margin:0 auto 32px;padding:32px;min-height:135px;border-radius:5px;background:#cddb74;display:flex;align-items:center;justify-content:space-between;gap:32px;color:#264432}
.bb-where-to-buy__contact-copy h2{font-family:var(--bb-font-display);font-weight:500;font-size:32px;margin:0 0 12px}
.bb-where-to-buy__contact-copy p{font-family:var(--bb-font-ui);font-size:16px;margin:0}
.bb-where-to-buy__contact-button{display:inline-flex;align-items:center;justify-content:center;min-width:260px;min-height:48px;border-radius:30px;padding:12px 24px;background:#264432;color:#fff;text-decoration:none;font-family:var(--bb-font-ui);font-weight:600}
.bb-where-to-buy__slogan{text-align:center;padding:64px 24px 96px}
.bb-where-to-buy__slogan p{font-family:var(--bb-font-display);font-size:clamp(28px,3vw,52px);line-height:1.1;margin:0;color:#264432}
@media(max-width:900px){.bb-where-to-buy__stores{padding-inline:24px}.bb-where-to-buy__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bb-where-to-buy__card{min-height:175px}.bb-where-to-buy__contact-banner{margin-inline:24px}}
@media(max-width:640px){.bb-where-to-buy__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-where-to-buy__card{min-height:150px}.bb-where-to-buy__contact-banner{margin-inline:16px;flex-direction:column;align-items:stretch;padding:24px;gap:24px}.bb-where-to-buy__contact-button{min-width:0}.bb-where-to-buy__slogan{padding:48px 20px 64px}}

/* Where to buy — Figma 638:9777 visual corrections (desktop 1440 layout). */
.bb-where-to-buy__intro{padding:0 24px 32px;gap:0}
.bb-where-to-buy__breadcrumbs{min-height:58px;display:flex;align-items:flex-start;justify-content:center;gap:8px;padding-top:0}
.bb-where-to-buy__intro h1{margin:0;font-size:48px;line-height:1.03}
.bb-where-to-buy__intro p{margin-top:18px;font-size:16px;line-height:1.45;text-align:center}
.bb-where-to-buy__stores{max-width:none;width:100%;padding:32px 24px 53px;background:#e9eceb;border-radius:16px}
.bb-where-to-buy__grid{max-width:950px;width:100%;margin:0 auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bb-where-to-buy__card{height:233px;min-height:233px;background:#fff;border-radius:16px;padding:24px;flex-direction:column}
.bb-where-to-buy__card img{max-height:155px;width:auto}
.bb-where-to-buy__contact-banner{background:#cfdc72;margin:32px auto;max-width:1200px;min-height:135px;border-radius:10px;padding:32px}
.bb-where-to-buy__contact-copy h2{font-family:var(--bb-font-display);font-size:36px;line-height:1.12;font-weight:500}
.bb-where-to-buy__contact-copy p{font-family:var(--bb-font-ui);font-size:16px}
.bb-where-to-buy__contact-button{min-width:260px;min-height:48px}
.bb-where-to-buy__slogan{background:#1e2326;color:#fff;padding:64px 24px;min-height:180px;display:flex;align-items:center;justify-content:center}
.bb-where-to-buy__slogan p{font-size:36px;color:#fff}
.bb-where-to-buy__wordmark-band{background:#92278f;color:#fff;overflow:hidden;height:108px;display:flex;align-items:center}
.bb-where-to-buy__wordmark-track{display:flex;white-space:nowrap;gap:46px;align-items:center;transform:translateX(-20px)}
.bb-where-to-buy__wordmark-track span{font-family:var(--bb-font-display);font-size:57px;line-height:1;font-weight:500;letter-spacing:-1px}
.bb-where-to-buy>.bb-newsletter{margin:32px auto 0}
@media(max-width:900px){.bb-where-to-buy__stores{padding:24px 20px 40px}.bb-where-to-buy__card{height:185px;min-height:185px}.bb-where-to-buy__card img{max-height:125px}}
@media(max-width:640px){.bb-where-to-buy__intro{padding:24px 18px 38px}.bb-where-to-buy__stores{padding:16px;border-radius:10px}.bb-where-to-buy__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bb-where-to-buy__card{height:155px;min-height:155px;border-radius:10px;padding:15px}.bb-where-to-buy__card img{max-height:95px}.bb-where-to-buy__slogan{min-height:130px;padding:38px 20px}.bb-where-to-buy__slogan p{font-size:27px}.bb-where-to-buy__wordmark-band{height:78px}.bb-where-to-buy__wordmark-track span{font-size:42px}}

/* Where to Buy uses the exact same logo ticker motion and color cycle as About. */
.bb-where-to-buy .bb-about-logo-ticker{
  --bb-ticker-logo-width:279px;
  --bb-ticker-logo-gap:0px;
  position:relative;
  display:block;
  box-sizing:border-box;
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  height:108px;
  padding:15px 0;
  overflow:hidden;
  background:#92278f;
  animation:bb-about-ticker-background 20s ease-in-out infinite;
}
@media(max-width:767px){
  .bb-where-to-buy .bb-about-logo-ticker{
    height:86px;
    padding:12px 0;
    --bb-ticker-logo-width:224px;
  }
}
@media(prefers-reduced-motion:reduce){
  .bb-where-to-buy .bb-about-logo-ticker{animation:none}
}

/* Newsletter thank-you — Figma 665:9550 */
.bb-newsletter-thanks{width:100%;background:#fff;color:#264432}
.bb-newsletter-thanks__hero{min-height:447px;display:flex;align-items:center;justify-content:center;padding:80px 24px}
.bb-newsletter-thanks__inner{width:100%;max-width:1182px;margin:0 auto;text-align:center}
.bb-newsletter-thanks__eyebrow{display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--bb-font-ui,'Sofia Pro',sans-serif);font-size:13px;font-weight:600;letter-spacing:1.1px;line-height:1.1;text-transform:uppercase}
.bb-newsletter-thanks__eyebrow span{width:34px;height:2px;background:#264432}
.bb-newsletter-thanks h1{font-family:var(--bb-font-display,'Wulkan Display',serif);font-size:clamp(42px,4.4vw,64px);font-weight:500;letter-spacing:-.035em;line-height:1.05;margin:32px 0 24px}
.bb-newsletter-thanks__inner>p{max-width:800px;margin:0 auto;font-family:var(--bb-font-ui,'Sofia Pro',sans-serif);font-size:20px;line-height:1.6}
.bb-newsletter-thanks__actions{display:flex;gap:24px;justify-content:center;align-items:center;max-width:731px;margin:32px auto 0}
.bb-newsletter-thanks__button{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #264432;border-radius:65px;font-family:var(--bb-font-ui,'Sofia Pro',sans-serif);font-size:13px;font-weight:600;line-height:1.2;letter-spacing:.78px;text-decoration:none;transition:background .2s,color .2s}
.bb-newsletter-thanks__button--primary{background:#264432;color:#fff}
.bb-newsletter-thanks__button--secondary{background:#fff;color:#264432}
.bb-newsletter-thanks__button--primary:hover{background:#7ab145;border-color:#7ab145;color:#264432}
.bb-newsletter-thanks__button--secondary:hover{background:#264432;color:#fff}
@media(max-width:767px){.bb-newsletter-thanks__hero{min-height:400px;padding:64px 20px}.bb-newsletter-thanks h1{margin:26px 0 16px}.bb-newsletter-thanks__inner>p{font-size:16px}.bb-newsletter-thanks__actions{flex-direction:column;gap:12px;margin-top:28px}.bb-newsletter-thanks__button{flex:none;width:100%;max-width:360px}}


/* Figma social-icons 672:9909 — 24px solid icons, 4px spacing, Green Giggle hover. */
.bb-social-icon {
  display: inline-block !important;
  flex: 0 0 24px;
  width: 24px !important;
  height: 24px !important;
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 24px 24px;
  mask-size: 24px 24px;
  transition: background-color 180ms ease;
  pointer-events: none;
}
.bb-footer__socials,
.bb-mobile-menu__social-row { gap: 4px !important; }
.bb-footer__social,
.bb-mobile-menu__social-item {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px;
  min-height: 24px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #264432;
  transition: color 180ms ease;
}
.bb-footer__social:hover,
.bb-footer__social:focus-visible,
.bb-mobile-menu__social-item:hover,
.bb-mobile-menu__social-item:focus-visible,
a[data-bb-social]:hover,
a[data-bb-social]:focus-visible { color: #7ab145 !important; }
a[data-bb-social] { text-decoration: none; }
@media (prefers-reduced-motion: reduce) {
  .bb-social-icon,.bb-footer__social,.bb-mobile-menu__social-item { transition: none !important; }
}


/* 2026-11-03: user-supplied Biobrdo social SVGs (Figma 672:9909). */
.bb-footer__socials,
.bb-mobile-menu__social-row {
  display: flex;
  align-items: center;
  gap: 16px !important;
}
.bb-footer__social,
.bb-mobile-menu__social-item {
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.bb-footer__social img.bb-social-svg,
.bb-mobile-menu__social-item img.bb-social-svg,
a[data-bb-social] img.bb-social-svg {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  object-fit: contain;
  background: transparent !important;
  -webkit-mask: none !important;
  mask: none !important;
  opacity: 1 !important;
  filter: none;
}
.bb-footer__social:hover img.bb-social-svg,
.bb-footer__social:focus-visible img.bb-social-svg,
.bb-mobile-menu__social-item:hover img.bb-social-svg,
.bb-mobile-menu__social-item:focus-visible img.bb-social-svg,
a[data-bb-social]:hover img.bb-social-svg,
a[data-bb-social]:focus-visible img.bb-social-svg {
  opacity: 1 !important;
  transform: scale(1.06);
}
.bb-single-product__recipe-title-link {
  color: inherit;
  text-decoration: none;
}
.bb-single-product__recipe-title-link:hover,
.bb-single-product__recipe-title-link:focus-visible {
  color: #7ab145;
}


/* BIOBRDO CHECKOUT TWO COLUMN GRID */
@media (min-width: 768px) {
    .bb-checkout-page .bb-checkout-fields {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px 16px !important;
        width: 776px !important;
        max-width: 100% !important;
    }
}

.bb-checkout-page .bb-checkout-fields .form-row {
    min-width: 0 !important;
}

.bb-checkout-page .bb-checkout-fields :is(
    #billing_first_name_field,
    #billing_last_name_field,
    #billing_address_1_field,
    #billing_postcode_field,
    #billing_city_field,
    #billing_state_field,
    #billing_email_field,
    #billing_phone_field
) {
    width: 100% !important;
    max-width: 100% !important;
    flex: initial !important;
    grid-column: auto !important;
}

@media (max-width: 767px) {
    .bb-checkout-page .bb-checkout-fields {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
    }
}