/*
Theme Name: Bagholder Supply Co.
Theme URI: https://bagholdersupplyco.com
Description: Custom WooCommerce theme for Bagholder Supply Co.
Author: Bagholder Supply Co.
Template: twentytwentyfive
Version: 1.0.0
Text Domain: bagholdersupplyco
*/

/*
 * Most global design settings live in theme.json.
 * WooCommerce-specific styling lives in:
 *
 * assets/css/woocommerce.css
 */


/* =========================================================
   BAGHOLDER SUPPLY CO. HEADER
   ========================================================= */

.us-site-header {
	position: relative;
	z-index: 100;

	background: #ffffff;

	border-bottom: 1px solid #eeeaf2;
}

.us-header-inner {
	width: calc(100% - 48px);
	max-width: 1280px;

	margin-left: auto !important;
	margin-right: auto !important;

	padding-top: 18px;
	padding-bottom: 18px;
}


/* ---------- BRAND ---------- */

.us-site-title {
	margin: 0 !important;

	font-size: 1.2rem !important;
	font-weight: 750 !important;

	line-height: 1 !important;
	letter-spacing: -0.035em;
}

.us-site-title a {
	color: #171717;
	text-decoration: none;
}

.us-site-title a:hover {
	color: #6f3cff;
}


/* ---------- RIGHT SIDE ---------- */

.us-header-right {
	gap: 18px !important;
}


/* ---------- SHOP NAV ---------- */

.us-primary-nav {
	margin: 0 !important;
}

.us-primary-nav .wp-block-navigation-item__content {
	padding: 6px 2px;

	color: #292929;

	font-size: 0.95rem;
	font-weight: 600;

	text-decoration: none;

	transition: color 150ms ease;
}

.us-primary-nav .wp-block-navigation-item__content:hover {
	color: #6f3cff;
}


/* ---------- ACCOUNT ---------- */

.us-header-right .wc-block-customer-account {
	margin: 0 !important;
}

.us-header-right .wc-block-customer-account a {
	display: flex;
	align-items: center;
	justify-content: center;

	color: #171717;
}

.us-header-right .wc-block-customer-account a:hover {
	color: #6f3cff;
}

.us-header-right
.wc-block-customer-account__account-icon {
	width: 22px;
	height: 22px;
}


/* ---------- MINI CART ---------- */

.us-header-right .wc-block-mini-cart {
	margin: 0 !important;
}

.us-header-right .wc-block-mini-cart__button {
	min-width: auto !important;

	padding: 0 !important;

	color: #171717 !important;
}

.us-header-right .wc-block-mini-cart__button:hover {
	color: #6f3cff !important;
}

.us-header-right .wc-block-mini-cart__icon {
	width: 22px;
	height: 22px;
}


/* ---------- CART COUNT ---------- */

.us-header-right
.wc-block-mini-cart__badge {
	background: #6f3cff !important;
	color: #ffffff !important;

	font-size: 0.65rem !important;
	font-weight: 700 !important;
}


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

@media (max-width: 700px) {

	.us-header-inner {
		width: calc(100% - 32px);

		padding-top: 14px;
		padding-bottom: 14px;
	}

	.us-site-title {
		font-size: 1.05rem !important;
	}

	.us-header-right {
		gap: 12px !important;
	}

	.us-header-right
	.wc-block-customer-account__account-icon,
	.us-header-right
	.wc-block-mini-cart__icon {
		width: 21px;
		height: 21px;
	}

}

/* Bagholder Supply Co. brand emphasis */
.us-site-title {
	font-size: 1.3rem !important;
	font-weight: 800 !important;
}

.us-site-title a {
	color: #6f3cff !important;
}


/* =========================================================
   CATEGORY NAVIGATION
   ========================================================= */

.us-primary-nav .wp-block-navigation__container {
	gap: 22px !important;
}

.us-primary-nav .wp-block-navigation-item__content {
	font-size: 0.92rem;
	font-weight: 600;
	white-space: nowrap;
}

/* Current page/category */
.us-primary-nav .current-menu-item > .wp-block-navigation-item__content,
.us-primary-nav .current-menu-ancestor > .wp-block-navigation-item__content {
	color: #6f3cff !important;
}


/* Give the expanded navigation more room */
@media (max-width: 950px) {

	.us-primary-nav
	.wp-block-navigation__responsive-container-open {
		display: flex;
	}

	.us-primary-nav
	.wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none;
	}

}


/* =========================================================
   BAGHOLDER SUPPLY CO. FOOTER
   ========================================================= */

.us-site-footer {
	margin-top: clamp(70px, 8vw, 110px) !important;

	background: #f8f5ff;

	border-top: 1px solid #ebe5f5;
}

.us-footer-inner {
	width: calc(100% - 48px);
	max-width: 1280px;

	margin-left: auto !important;
	margin-right: auto !important;

	padding-top: 56px;
	padding-bottom: 28px;
}


/* ---------- COLUMNS ---------- */

.us-footer-columns {
	gap: clamp(40px, 6vw, 90px) !important;

	margin: 0 !important;
}


/* ---------- BRAND ---------- */

.us-footer-site-title {
	margin: 0 0 14px !important;

	font-size: 1.45rem !important;
	font-weight: 800 !important;

	letter-spacing: -0.035em;
}

.us-footer-site-title a {
	color: #6f3cff !important;

	text-decoration: none !important;
}

.us-footer-tagline {
	max-width: 360px;

	margin: 0 !important;

	color: #65606b;

	font-size: 0.92rem;
	line-height: 1.6;
}


/* ---------- SECTION HEADINGS ---------- */

.us-footer-heading {
	margin: 0 0 16px !important;

	color: #171717;

	font-size: 0.9rem !important;
	font-weight: 750 !important;

	letter-spacing: 0.01em;
}


/* ---------- FOOTER NAV ---------- */

.us-footer-nav {
	margin: 0 !important;
}

.us-footer-nav .wp-block-navigation__container {
	gap: 9px !important;
}

.us-footer-nav .wp-block-navigation-item {
	margin: 0 !important;
}

.us-footer-nav .wp-block-navigation-item__content {
	padding: 0 !important;

	color: #625d68 !important;

	font-size: 0.88rem;
	font-weight: 500;

	line-height: 1.5;

	text-decoration: none !important;

	transition:
		color 150ms ease,
		transform 150ms ease;
}

.us-footer-nav .wp-block-navigation-item__content:hover {
	color: #6f3cff !important;

	transform: translateX(2px);
}


/* ---------- FOOTER BOTTOM ---------- */

.us-footer-bottom {
	margin-top: 46px !important;
	padding-top: 22px;

	border-top: 1px solid #e5dfee;

	color: #77717d;

	font-size: 0.78rem;
}

.us-footer-bottom p {
	margin: 0 !important;
}

.us-footer-copyright {
	display: block;
}

.us-footer-message {
	color: #77717d;
}


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

@media (max-width: 780px) {

	.us-footer-inner {
		width: calc(100% - 32px);

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

	.us-footer-columns {
		gap: 34px !important;
	}

	.us-footer-brand {
		flex-basis: 100% !important;
	}

	.us-footer-column {
		flex-basis: calc(50% - 20px) !important;
	}

}


@media (max-width: 520px) {

	.us-footer-column {
		flex-basis: 100% !important;
	}

	.us-footer-bottom {
		align-items: flex-start !important;
		flex-direction: column;

		gap: 7px !important;
	}

}

/* Tighten space before footer */
.us-site-footer {
	margin-top: clamp(48px, 5vw, 72px) !important;
}


/* =========================================================
   BAGHOLDER SUPPLY CO. BRAND LOGO
   ========================================================= */

.us-brand-logo {
	display: inline-flex;
	align-items: center;

	flex-shrink: 0;

	text-decoration: none !important;
}

.us-brand-logo img {
	display: block;

	width: auto;
	height: 44px;

	max-width: 230px;

	object-fit: contain;
}


/* Normal site header */
.us-header-inner .us-brand-logo {
	margin: 0;
}


@media (max-width: 700px) {

	.us-brand-logo img {
		height: 36px;
		max-width: 190px;
	}

}

/* Final header logo sizing */
.us-brand-logo img {
	height: 58px !important;
	width: auto !important;
	max-width: 300px !important;
}

@media (max-width: 700px) {
	.us-brand-logo img {
		height: 46px !important;
		max-width: 230px !important;
	}
}


/* =========================================================
   BAGHOLDER SUPPLY CO. HOMEPAGE
   ========================================================= */

.us-home-main {
	padding-top: 34px;
}

.us-home-section {
	margin-top: clamp(70px, 8vw, 110px) !important;
}


/* ---------- SHARED HEADINGS ---------- */

.us-home-eyebrow {
	margin: 0 0 8px !important;

	color: #6f3cff;

	font-size: 0.75rem;
	font-weight: 800;

	letter-spacing: 0.09em;

	text-transform: uppercase;
}

.us-home-section-title {
	margin: 0 0 28px !important;

	font-size: clamp(2rem, 3.5vw, 3rem) !important;
	font-weight: 700 !important;

	letter-spacing: -0.045em;
}


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

.us-home-hero {
	box-sizing: border-box;

	padding: clamp(34px, 5vw, 70px);

	border: 1px solid #ebe5f5;
	border-radius: 24px;

	background:
		linear-gradient(
			135deg,
			#faf8ff 0%,
			#fff 60%,
			#f7fbff 100%
		);
}

.us-home-hero__columns {
	gap: clamp(36px, 6vw, 80px) !important;
}

.us-home-title {
	margin: 0 0 20px !important;

	font-size: clamp(2.8rem, 5.5vw, 5rem) !important;
	font-weight: 750 !important;
	line-height: 0.98 !important;

	letter-spacing: -0.065em;
}

.us-home-lead {
	max-width: 590px;

	margin: 0 0 30px !important;

	color: #665f6b;

	font-size: clamp(1rem, 1.3vw, 1.12rem);
	line-height: 1.7;
}

.us-home-actions {
	gap: 12px !important;
}

.us-home-primary .wp-block-button__link {
	background: #6f3cff !important;
}

.us-home-secondary .wp-block-button__link {
	border-color: #d5c8f5 !important;

	color: #4f2aa8 !important;
}


/* ---------- HERO PRODUCT COLLAGE ---------- */

.us-home-hero-products {
	display: grid;

	grid-template-columns:
		1.15fr 0.85fr;

	grid-template-rows:
		1fr 1fr;

	gap: 12px;
}

.us-home-hero-product {
	display: block;

	overflow: hidden;

	border: 1px solid #eee7f4;
	border-radius: 16px;

	background: #fff;
}

.us-home-hero-product:first-child {
	grid-row: 1 / span 2;
}

.us-home-hero-product img {
	display: block;

	width: 100%;
	height: 100%;

	aspect-ratio: 1 / 1;

	object-fit: cover;

	transition: transform 220ms ease;
}

.us-home-hero-product:hover img {
	transform: scale(1.025);
}


/* =========================================================
   BEST SELLERS
   ========================================================= */

.us-home-products {
	display: grid;

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

	gap: 24px;
}

.us-home-product {
	display: flex;
	flex-direction: column;

	min-width: 0;
}

.us-home-product__image-link {
	display: block;

	overflow: hidden;

	border: 1px solid #eee7f4;
	border-radius: 16px;

	background: #faf9fc;
}

.us-home-product__image {
	display: block;

	width: 100% !important;
	height: auto !important;

	aspect-ratio: 1 / 1;

	object-fit: contain;

	transition: transform 180ms ease;
}

.us-home-product:hover .us-home-product__image {
	transform: scale(1.025);
}

.us-home-product__content {
	display: flex;
	flex: 1;
	flex-direction: column;

	padding-top: 14px;
}

.us-home-product__badge {
	align-self: flex-start;

	margin-bottom: 7px;
	padding: 4px 8px;

	border-radius: 999px;

	background: #f1eaff;
	color: #6f3cff;

	font-size: 0.68rem;
	font-weight: 750;

	letter-spacing: 0.03em;

	text-transform: uppercase;
}

.us-home-product__title {
	margin: 0 0 7px !important;

	font-size: 0.98rem !important;
	font-weight: 650 !important;
	line-height: 1.38 !important;
}

.us-home-product__title a {
	color: #171717 !important;

	text-decoration: none !important;
}

.us-home-product__title a:hover {
	color: #6f3cff !important;
}

.us-home-product__price {
	margin-bottom: 15px;

	color: #6f3cff;

	font-size: 0.95rem;
	font-weight: 700;
}

.us-home-product__button {
	display: block;

	width: 100%;

	box-sizing: border-box;

	margin-top: auto;
	padding: 11px 16px;

	border-radius: 10px;

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

	font-size: 0.88rem;
	font-weight: 650;

	text-align: center;
	text-decoration: none !important;
}

.us-home-product__button:hover {
	background: #6f3cff;
}


/* =========================================================
   HOME CATEGORY CARDS
   ========================================================= */

.us-home-categories-section .us-shop-categories {
	margin-top: 0;
	margin-bottom: 0;
}


/* =========================================================
   MISSION
   ========================================================= */

.us-home-mission {
	box-sizing: border-box;

	margin-top: clamp(70px, 8vw, 110px) !important;
	padding: clamp(34px, 5vw, 64px);

	border-radius: 22px;

	background: #f8f5ff;
}

.us-home-mission-copy {
	max-width: 700px;

	color: #615b66;

	font-size: 1rem;
	line-height: 1.7;
}

.us-home-values {
	display: grid;

	gap: 12px;
}

.us-home-values p {
	margin: 0 !important;
	padding: 17px 19px;

	border: 1px solid #e8def8;
	border-radius: 13px;

	background: #fff;

	color: #665f6b;

	font-size: 0.88rem;
	line-height: 1.55;
}

.us-home-values strong {
	color: #171717;

	font-size: 0.94rem;
}


/* =========================================================
   HOME REVIEWS
   ========================================================= */

.us-home-review-note {
	max-width: 540px;

	margin-top: -18px !important;
	margin-bottom: 24px !important;

	color: #7a737e;

	font-size: 0.8rem;
}

.us-home-reviews {
	display: grid;

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

	gap: 16px;
}

.us-home-review {
	display: flex;
	flex-direction: column;

	min-height: 180px;

	box-sizing: border-box;

	padding: 22px;

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

	background: #faf8ff;
}

.us-home-review__stars {
	margin-bottom: 13px;

	color: #6f3cff;

	letter-spacing: 0.07em;
}

.us-home-review blockquote {
	flex: 1;

	margin: 0 0 18px;

	color: #292929;

	font-size: 0.94rem;
	line-height: 1.6;
}

.us-home-review__meta {
	display: flex;
	flex-direction: column;

	gap: 3px;

	color: #7a737e;

	font-size: 0.73rem;
}

.us-home-review__meta strong {
	color: #171717;

	font-size: 0.8rem;
}

.us-home-review__product {
	display: inline-block;

	margin-top: 11px;

	color: #6f3cff !important;

	font-size: 0.75rem;
	font-weight: 600;

	text-decoration: none !important;
}


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

.us-home-cta {
	box-sizing: border-box;

	margin-top: clamp(70px, 8vw, 110px) !important;
	padding: clamp(44px, 6vw, 74px);

	border-radius: 22px;

	background: #171717;
	color: #fff;

	text-align: center;
}

.us-home-cta h2 {
	margin-bottom: 10px !important;

	color: #fff !important;

	font-size: clamp(2rem, 4vw, 3rem) !important;

	letter-spacing: -0.045em;
}

.us-home-cta p {
	margin-bottom: 26px !important;

	color: #d6d2da;
}

.us-home-cta .wp-block-button__link {
	background: #6f3cff !important;
	color: #fff !important;
}


/* =========================================================
   HOMEPAGE RESPONSIVE
   ========================================================= */

@media (max-width: 950px) {

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

	.us-home-reviews {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}

}


@media (max-width: 780px) {

	.us-home-main {
		padding-top: 20px;
	}

	.us-home-hero__columns {
		flex-direction: column;
	}

	.us-home-hero__columns > .wp-block-column {
		flex-basis: 100% !important;
	}

	.us-home-title {
		font-size: clamp(2.6rem, 12vw, 4rem) !important;
	}

}


@media (max-width: 560px) {

	.us-home-hero {
		padding: 26px 20px;
	}

	.us-home-products,
	.us-home-reviews {
		grid-template-columns: 1fr;
	}

	.us-home-hero-products {
		grid-template-columns: 1fr 1fr;
	}

	.us-home-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.us-home-actions .wp-block-button {
		width: 100%;
	}

	.us-home-actions .wp-block-button__link {
		width: 100%;
		box-sizing: border-box;
	}

}


/* =========================================================
   HOMEPAGE HERO LAYOUT CORRECTION
   ========================================================= */

.us-home-hero {
	max-width: 1280px !important;
}


/* Use a predictable grid instead of WP column sizing */
.us-home-hero__columns {
	display: grid !important;

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

	align-items: center;

	width: 100%;

	gap: clamp(42px, 6vw, 84px) !important;
}


/* Stop WordPress flex-basis from constraining the columns */
.us-home-hero__columns > .wp-block-column {
	width: 100% !important;
	max-width: none !important;

	flex-basis: auto !important;
}


/* ---------- HERO TITLE ---------- */

.us-home-title {
	max-width: 650px;

	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;

	font-size: clamp(3rem, 4.8vw, 4.75rem) !important;
	line-height: 0.98 !important;
}


/* Keep each phrase together more naturally */
.us-home-title br {
	display: block;
}


/* ---------- PRODUCT COLLAGE ---------- */

.us-home-hero-products {
	width: 100%;
	max-width: 560px;

	margin-left: auto;
}


/* Give the featured image a little more presence */
.us-home-hero-product:first-child {
	min-height: 420px;
}

.us-home-hero-product:first-child img {
	object-fit: cover;
}


/* ---------- RESPONSIVE ---------- */

@media (max-width: 900px) {

	.us-home-hero__columns {
		grid-template-columns: 1fr;
	}

	.us-home-hero-products {
		max-width: none;

		margin-left: 0;
	}

	.us-home-hero-product:first-child {
		min-height: auto;
	}

}


@media (max-width: 560px) {

	.us-home-title {
		font-size: clamp(2.6rem, 13vw, 3.6rem) !important;
	}

}


/* =========================================================
   HOMEPAGE FINAL POLISH
   ========================================================= */

/* Slightly tighter rhythm between homepage sections */
.us-home-section {
	margin-top: clamp(58px, 6vw, 88px) !important;
}

.us-home-mission,
.us-home-cta {
	margin-top: clamp(58px, 6vw, 88px) !important;
}


/* Give best sellers a little more visual weight */
.us-home-products {
	gap: 28px;
}

.us-home-product__image-link {
	background: #faf8ff;

	box-shadow:
		0 8px 24px rgba(50, 25, 85, 0.035);
}

.us-home-product__button {
	min-height: 44px;

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


/* Review cards should stay visually balanced */
.us-home-review {
	min-height: 210px;
}

.us-home-review blockquote {
	font-size: 0.96rem;
}


/* Slightly stronger category hover */
.us-home-categories-section .us-category-card:hover {
	transform: translateY(-3px);

	box-shadow:
		0 10px 26px rgba(80, 45, 130, 0.08);
}

/* Footer brand logo */
.us-site-footer .us-brand-logo img {
	height: 52px !important;
	max-width: 270px !important;
}

@media (max-width: 700px) {
	.us-site-footer .us-brand-logo img {
		height: 44px !important;
		max-width: 225px !important;
	}
}


/* =========================================================
   BAGHOLDER SUPPLY CO. 404
   ========================================================= */

.us-404 {
	max-width: 760px;

	box-sizing: border-box;

	margin-top: 70px !important;
	margin-bottom: 90px !important;
	padding: clamp(42px, 7vw, 80px);

	border: 1px solid #ebe5f5;
	border-radius: 22px;

	background: #faf8ff;

	text-align: center;
}

.us-404 h1 {
	margin: 0 0 18px !important;

	font-size: clamp(2.4rem, 6vw, 4.5rem) !important;
	font-weight: 750 !important;
	line-height: 1 !important;

	letter-spacing: -0.06em;
}

.us-404 > p:not(.us-home-eyebrow) {
	max-width: 570px;

	margin: 0 auto 28px !important;

	color: #6b6470;

	line-height: 1.7;
}


/* =========================================================
   BAGHOLDER SUPPLY CO. BEST SELLER CARD ALIGNMENT
   Keep titles, prices and CTA buttons visually aligned.
   ========================================================= */

.us-home-products {
	align-items: stretch;
}

.us-home-product {
	height: 100%;
}

.us-home-product__content {
	height: 100%;
}


/*
 * Reserve four lines for product names on desktop.
 * This keeps the price row aligned even when one product
 * has a substantially longer title.
 */
.us-home-product__title {
	min-height: 5.4em;
	line-height: 1.35;
}


/* Keep the price row consistent too. */
.us-home-product__price {
	min-height: 1.5em;
}


/*
 * Use the remaining vertical space above the CTA,
 * so all "Shop now" buttons finish on the same baseline.
 */
.us-home-product__button {
	margin-top: auto;
}


/*
 * Cards become wider at tablet sizes, so they need less
 * reserved title height.
 */
@media (max-width: 900px) {

	.us-home-product__title {
		min-height: 4.05em;
	}

}


/*
 * On a single-column/mobile layout, natural title height
 * looks better than artificial empty space.
 */
@media (max-width: 600px) {

	.us-home-product__title,
	.us-home-product__price {
		min-height: 0;
	}

}

/* =========================================================
   BAGHOLDER SUPPLY CO. TEXT LOGO
   ========================================================= */

.us-brand-logo-text {
    display: inline-block;
    color: inherit;
    text-decoration: none;
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1;
}

.us-brand-logo-text:hover {
    text-decoration: none;
}


/* =========================================================
   BAGHOLDER SUPPLY CO. HOMEPAGE V1
   ========================================================= */

.bh-home {
	margin: 0;
}

.bh-home-hero {
	padding: 96px 24px 84px;
	background: #0b0b0b;
	color: #fff;
}

.bh-home-hero__inner,
.bh-section-inner,
.bh-shop-all__inner {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

.bh-eyebrow {
	margin: 0 0 20px;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.17em;
	text-transform: uppercase;
	opacity: 0.62;
}

.bh-home-title {
	max-width: 900px;
	margin: 0;
	font-size: clamp(3.6rem, 9vw, 7.8rem);
	line-height: 0.9;
	letter-spacing: -0.07em;
}

.bh-home-intro {
	max-width: 650px;
	margin: 30px 0;
	font-size: clamp(1.15rem, 2vw, 1.5rem);
	line-height: 1.45;
	color: #c9c9c9;
}

.bh-home-actions {
	margin-top: 32px;
}

.bh-home .wp-block-button__link {
	border-radius: 999px;
	padding: 14px 26px;
	font-weight: 700;
	text-decoration: none;
}

.bh-latest-wrap {
	margin-top: 72px;
}

.bh-home-section {
	padding: 90px 24px;
}

.bh-home-section--alt {
	background: #f5f5f3;
}

.bh-section-heading {
	margin-bottom: 38px;
	gap: 20px;
}

.bh-section-heading h2 {
	margin: 0;
	font-size: clamp(2.2rem, 5vw, 4rem);
	letter-spacing: -0.05em;
}

.bh-section-heading a {
	color: inherit;
	font-weight: 600;
	text-decoration: none;
}

.bh-product-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 28px;
}

.bh-product-card {
	position: relative;
	min-width: 0;
}

.bh-product-card__image {
	position: relative;
	display: block;
	overflow: hidden;
	background: #efefef;
	text-decoration: none;
}

.bh-product-card__image img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform 0.25s ease;
}

.bh-product-card:hover .bh-product-card__image img {
	transform: scale(1.02);
}

.bh-product-card__badge {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 2;
	padding: 8px 12px;
	border-radius: 999px;
	background: #111;
	color: #fff;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.bh-product-card__content {
	padding-top: 15px;
}

.bh-product-card__content h3 {
	margin: 0 0 7px;
	font-size: 1rem;
	line-height: 1.35;
}

.bh-product-card__content h3 a {
	color: inherit;
	text-decoration: none;
}

.bh-product-card__price {
	font-size: 0.95rem;
	opacity: 0.72;
}

.bh-latest-drop {
	max-width: 680px;
}

.bh-latest-drop .bh-product-card__content {
	color: #fff;
}

.bh-empty-state {
	padding: 58px;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 18px;
}

.bh-empty-state h2 {
	margin: 8px 0 12px;
	font-size: clamp(2rem, 5vw, 4rem);
	letter-spacing: -0.05em;
}

.bh-empty-state p {
	margin-bottom: 0;
}

.bh-empty-state--compact {
	padding: 32px;
	border-color: #ddd;
}

.bh-shop-all {
	padding: 110px 24px;
	background: #111;
	color: #fff;
}

.bh-shop-all h2 {
	max-width: 900px;
	margin: 0 0 38px;
	font-size: clamp(2.6rem, 6vw, 5.5rem);
	line-height: 0.98;
	letter-spacing: -0.06em;
}


@media (max-width: 900px) {

	.bh-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bh-home-hero {
		padding-top: 72px;
	}

}


@media (max-width: 520px) {

	.bh-home-hero,
	.bh-home-section,
	.bh-shop-all {
		padding-left: 18px;
		padding-right: 18px;
	}

	.bh-product-grid {
		gap: 22px 14px;
	}

	.bh-home-title {
		font-size: clamp(3.1rem, 17vw, 5rem);
	}

}

/* Bagholder header logo */
.us-brand-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.us-brand-logo img {
    display: block;
    width: auto;
    height: 64px;
    max-width: 360px;
}

@media (max-width: 700px) {
    .us-brand-logo img {
        height: 48px;
        max-width: 260px;
    }
}


/* =========================================================
   BAGHOLDER DESIGN POLISH V1
   ========================================================= */

/* ---------- HEADER ---------- */

.bh-site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: rgba(255,255,255,0.96);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid #ececec;
}

.bh-site-header__inner {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding: 18px 24px;
}

.us-brand-logo img {
	display: block;
	height: 62px;
	width: auto;
	max-width: 320px;
}

.bh-main-nav .wp-block-navigation-item__content {
	color: #111;
	font-size: 0.97rem;
	font-weight: 600;
	text-decoration: none;
}

.bh-main-nav .wp-block-navigation-item__content:hover {
	opacity: 0.7;
}


/* ---------- HERO ---------- */

.bh-home-hero {
	padding: 84px 24px 60px;
	background: #050505;
	color: #fff;
}

.bh-home-title {
	color: rgba(255,255,255,0.96) !important;
	text-shadow: none;
}

.bh-home-intro {
	color: rgba(255,255,255,0.82);
	max-width: 700px;
}

.bh-home-actions .wp-block-button__link {
	background: #fff;
	color: #111;
	border: none;
}

.bh-home-actions .wp-block-button__link:hover {
	opacity: 0.9;
}


/* ---------- LATEST DROP CARD ---------- */

.bh-latest-wrap {
	margin-top: 56px;
}

.bh-latest-drop,
.bh-latest-drop .bh-empty-state {
	max-width: 860px;
}

.bh-empty-state {
	background: rgba(255,255,255,0.02);
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 26px;
	color: #fff;
}

.bh-empty-state__eyebrow {
	margin: 0 0 10px;
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	opacity: 0.72;
}

.bh-empty-state h2 {
	color: rgba(255,255,255,0.96);
}

.bh-empty-state p {
	color: rgba(255,255,255,0.82);
}


/* ---------- SECTIONS ---------- */

.bh-home-section {
	padding: 82px 24px;
	background: #ffffff;
}

.bh-home-section--alt {
	background: #f7f7f7;
}

.bh-section-heading h2 {
	color: #111;
}

.bh-section-heading p,
.bh-section-heading a {
	color: #111;
}

.bh-empty-state--compact {
	background: #fff;
	border: 1px solid #e4e4e4;
	border-radius: 22px;
	color: #111;
}


/* ---------- PRODUCT CARDS ---------- */

.bh-product-card__image {
	border-radius: 20px;
	background: #f2f2f2;
}

.bh-product-card__content h3 a {
	color: #111;
}

.bh-product-card__price {
	color: #444;
}


/* ---------- SHOP ALL BAND ---------- */

.bh-shop-all {
	padding: 90px 24px;
	background: #090909;
	color: #fff;
}

.bh-shop-all h2 {
	color: rgba(255,255,255,0.96) !important;
}

.bh-shop-all .wp-block-button__link {
	background: #fff;
	color: #111;
}


/* ---------- FOOTER ---------- */

.us-site-footer {
	background: #f7f7f8 !important;
	color: #111;
	border-top: 1px solid #e6e6e6;
}

.us-footer-inner {
	padding-top: 48px;
	padding-bottom: 26px;
}

.us-footer-tagline {
	color: #555;
}

.us-footer-column a,
.us-footer-brand a,
.us-footer-message,
.us-footer-bottom,
.us-footer-bottom p {
	color: #222;
}

.us-footer-columns {
	row-gap: 30px;
}

.us-footer-bottom {
	border-top: 1px solid #e3e3e3;
	padding-top: 22px;
	margin-top: 30px;
}


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

@media (max-width: 900px) {

	.bh-site-header__inner {
		padding: 14px 18px;
	}

	.us-brand-logo img {
		height: 52px;
		max-width: 250px;
	}

	.bh-home-hero {
		padding-top: 56px;
		padding-bottom: 48px;
	}

	.bh-home-section,
	.bh-shop-all {
		padding-top: 64px;
		padding-bottom: 64px;
	}
}

@media (max-width: 520px) {

	.us-brand-logo img {
		height: 46px;
		max-width: 220px;
	}

	.bh-home-title {
		font-size: clamp(2.8rem, 15vw, 4.6rem);
	}
}


/* =========================================================
   BAGHOLDER SUPPLY CO. HOMEPAGE V2
   Editorial storefront polish
   ========================================================= */


/* ---------- BRAND ACCENT ---------- */

.bh-home-hero .bh-eyebrow,
.bh-shop-all .bh-eyebrow {
	color: #f5a623;
	opacity: 1;
}

.bh-home-actions .wp-block-button__link {
	transition:
		background 0.2s ease,
		color 0.2s ease,
		transform 0.2s ease;
}

.bh-home-actions .wp-block-button__link:hover {
	background: #f5a623;
	color: #111;
	opacity: 1;
	transform: translateY(-2px);
}


/* ---------- HERO ---------- */

.bh-home-hero {
	padding-top: 88px;
	padding-bottom: 88px;
}

.bh-home-hero__inner {
	position: relative;
}

.bh-home-title {
	max-width: 980px;
}

.bh-home-intro {
	margin-top: 34px;
}


/* ---------- FEATURED / LATEST DROP ---------- */

.bh-latest-wrap {
	margin-top: 72px;
}

.bh-latest-drop {
	max-width: 1280px;
}

.bh-latest-drop .bh-product-card {
	display: grid;
	grid-template-columns:
		minmax(0, 1.35fr)
		minmax(300px, 0.65fr);
	gap: clamp(36px, 6vw, 86px);
	align-items: center;
}

.bh-latest-drop .bh-product-card__image {
	border-radius: 28px;
	aspect-ratio: 4 / 3;
	background: #171717;
}

.bh-latest-drop .bh-product-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bh-latest-drop .bh-product-card__badge {
	top: 20px;
	left: 20px;
	padding: 10px 15px;
	background: #f5a623;
	color: #111;
	font-size: 0.72rem;
	letter-spacing: 0.12em;
}

.bh-latest-drop .bh-product-card__content {
	padding: 0;
	color: #fff;
}

.bh-latest-drop .bh-product-card__content::before {
	content: "NEW DROP";
	display: block;
	margin-bottom: 18px;
	color: #f5a623;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.16em;
}

.bh-latest-drop .bh-product-card__content h3 {
	margin: 0 0 18px;
	font-size: clamp(2.2rem, 4vw, 4.3rem);
	line-height: 0.98;
	letter-spacing: -0.055em;
}

.bh-latest-drop .bh-product-card__content h3 a {
	color: #fff;
}

.bh-latest-drop .bh-product-card__price,
.bh-latest-drop .bh-product-card__price .amount {
	color: rgba(255,255,255,0.76);
	opacity: 1;
	font-size: 1.15rem;
	font-weight: 600;
}


/* ---------- TRENDING ---------- */

.bh-home-section {
	padding-top: 88px;
	padding-bottom: 100px;
}

.bh-section-inner {
	max-width: 1320px;
}

.bh-section-heading {
	margin-bottom: 44px;
	align-items: end;
}

.bh-section-heading h2 {
	font-size: clamp(2.6rem, 5vw, 4.5rem);
}

.bh-section-heading a {
	position: relative;
}

.bh-section-heading a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 100%;
	bottom: -4px;
	height: 2px;
	background: #f5a623;
	transition: right 0.2s ease;
}

.bh-section-heading a:hover::after {
	right: 0;
}


/* ---------- PRODUCT GRID ---------- */

.bh-product-grid {
	gap: clamp(22px, 2.6vw, 38px);
}

.bh-product-card {
	transition: transform 0.22s ease;
}

.bh-product-grid .bh-product-card:hover {
	transform: translateY(-5px);
}

.bh-product-grid .bh-product-card__image {
	border-radius: 18px;
	aspect-ratio: 4 / 5;
	background: #ececea;
}

.bh-product-grid .bh-product-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bh-product-grid .bh-product-card__content {
	padding-top: 18px;
}

.bh-product-grid .bh-product-card__content h3 {
	margin-bottom: 8px;
	font-size: 1.06rem;
	line-height: 1.32;

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.bh-product-grid .bh-product-card__content h3 a {
	color: #101010;
}

.bh-product-grid .bh-product-card__price {
	color: #777;
	opacity: 1;
	font-size: 0.95rem;
}


/* ---------- SHOP ALL CTA ---------- */

.bh-shop-all {
	padding-top: 105px;
	padding-bottom: 105px;
}

.bh-shop-all h2 {
	max-width: 980px;
	font-size: clamp(3rem, 6vw, 5.8rem);
}

.bh-shop-all .wp-block-button__link {
	transition:
		background 0.2s ease,
		color 0.2s ease,
		transform 0.2s ease;
}

.bh-shop-all .wp-block-button__link:hover {
	background: #f5a623;
	color: #111;
	transform: translateY(-2px);
}


/* ---------- RESPONSIVE ---------- */

@media (max-width: 900px) {

	.bh-latest-drop .bh-product-card {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.bh-latest-drop .bh-product-card__image {
		aspect-ratio: 16 / 10;
	}

	.bh-latest-drop .bh-product-card__content {
		max-width: 680px;
	}

	.bh-latest-drop .bh-product-card__content h3 {
		font-size: clamp(2.1rem, 8vw, 3.8rem);
	}

}


@media (max-width: 520px) {

	.bh-home-hero {
		padding-top: 56px;
		padding-bottom: 58px;
	}

	.bh-latest-wrap {
		margin-top: 52px;
	}

	.bh-latest-drop .bh-product-card__image {
		aspect-ratio: 4 / 5;
		border-radius: 20px;
	}

	.bh-latest-drop .bh-product-card__content h3 {
		font-size: 2.25rem;
	}

	.bh-home-section {
		padding-top: 62px;
		padding-bottom: 70px;
	}

	.bh-shop-all {
		padding-top: 72px;
		padding-bottom: 72px;
	}

}




/* =========================================================
   BAGHOLDER HOMEPAGE V2 — IMAGE/LAYOUT CORRECTIONS
   ========================================================= */


/*
 * Put sizing on the image itself rather than the link wrapper.
 * This avoids WooCommerce image dimensions + wrapper aspect ratio
 * creating excess reserved vertical space.
 */

.bh-latest-drop .bh-product-card__image,
.bh-product-grid .bh-product-card__image {
	aspect-ratio: auto !important;
	height: auto !important;
}


/* ---------- FEATURED DROP IMAGE ---------- */

.bh-latest-drop .bh-product-card__image img {
	display: block;
	width: 100%;
	height: auto !important;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: center top;
	border-radius: 28px;
}


/* ---------- TRENDING PRODUCT IMAGES ---------- */

.bh-product-grid .bh-product-card__image img {
	display: block;
	width: 100%;
	height: auto !important;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: center top;
	border-radius: 18px;
}


/* ---------- PRODUCT TITLES ---------- */

.bh-product-grid .bh-product-card__content h3 {
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: clip !important;
	min-height: 2.65em;
}

.bh-product-grid .bh-product-card__content h3 a {
	display: block;
	white-space: normal !important;
	text-overflow: clip !important;
}


/* ---------- SLIGHTLY TIGHTER SECTION ---------- */

.bh-home-section {
	padding-bottom: 82px;
}


@media (max-width: 900px) {

	.bh-latest-drop .bh-product-card__image img {
		aspect-ratio: 16 / 11;
	}

}


@media (max-width: 520px) {

	.bh-latest-drop .bh-product-card__image img,
	.bh-product-grid .bh-product-card__image img {
		aspect-ratio: 4 / 5;
	}

}




/* =========================================================
   BAGHOLDER HOMEPAGE V2 — GRID / TYPE POLISH
   ========================================================= */


/* Let the storefront sections actually use the wide layout. */

.bh-section-inner {
	width: min(100%, 1320px) !important;
	max-width: 1320px !important;
}

.bh-section-inner > .bh-product-grid {
	width: 100% !important;
	max-width: none !important;
}


/* Give four products enough visual weight. */

.bh-product-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(24px, 3vw, 42px);
}


/* Full two-line product titles; override old truncation rules. */

.bh-product-grid .bh-product-card__content h3,
.bh-product-grid .bh-product-card__content h3 a {
	white-space: normal !important;
	text-overflow: clip !important;
}

.bh-product-grid .bh-product-card__content h3 {
	display: block !important;
	overflow: visible !important;
	-webkit-line-clamp: unset !important;
	-webkit-box-orient: initial !important;
	min-height: 2.7em;
	font-size: 1.08rem;
	line-height: 1.3;
}


/* Slightly stronger card photography. */

.bh-product-grid .bh-product-card__image img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: center top;
}


/* Reduce excess white space underneath the catalog. */

.bh-home-section {
	padding-top: 82px;
	padding-bottom: 76px;
}


/* Bottom CTA should support the hero, not overpower it. */

.bh-shop-all {
	padding-top: 82px;
	padding-bottom: 82px;
}

.bh-shop-all h2 {
	max-width: 860px;
	font-size: clamp(2.8rem, 5vw, 4.8rem);
	line-height: 0.98;
}


/* Tablet */

@media (max-width: 900px) {

	.bh-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

}


/* Mobile */

@media (max-width: 520px) {

	.bh-product-grid {
		gap: 28px 14px;
	}

	.bh-product-grid .bh-product-card__content h3 {
		font-size: 0.98rem;
	}

	.bh-shop-all h2 {
		font-size: clamp(2.5rem, 12vw, 3.8rem);
	}

}




/* =========================================================
   BAGHOLDER HOMEPAGE V2 — GRID / TYPE POLISH
   ========================================================= */


/* Let the storefront sections actually use the wide layout. */

.bh-section-inner {
	width: min(100%, 1320px) !important;
	max-width: 1320px !important;
}

.bh-section-inner > .bh-product-grid {
	width: 100% !important;
	max-width: none !important;
}


/* Give four products enough visual weight. */

.bh-product-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(24px, 3vw, 42px);
}


/* Full two-line product titles; override old truncation rules. */

.bh-product-grid .bh-product-card__content h3,
.bh-product-grid .bh-product-card__content h3 a {
	white-space: normal !important;
	text-overflow: clip !important;
}

.bh-product-grid .bh-product-card__content h3 {
	display: block !important;
	overflow: visible !important;
	-webkit-line-clamp: unset !important;
	-webkit-box-orient: initial !important;
	min-height: 2.7em;
	font-size: 1.08rem;
	line-height: 1.3;
}


/* Slightly stronger card photography. */

.bh-product-grid .bh-product-card__image img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: center top;
}


/* Reduce excess white space underneath the catalog. */

.bh-home-section {
	padding-top: 82px;
	padding-bottom: 76px;
}


/* Bottom CTA should support the hero, not overpower it. */

.bh-shop-all {
	padding-top: 82px;
	padding-bottom: 82px;
}

.bh-shop-all h2 {
	max-width: 860px;
	font-size: clamp(2.8rem, 5vw, 4.8rem);
	line-height: 0.98;
}


/* Tablet */

@media (max-width: 900px) {

	.bh-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

}


/* Mobile */

@media (max-width: 520px) {

	.bh-product-grid {
		gap: 28px 14px;
	}

	.bh-product-grid .bh-product-card__content h3 {
		font-size: 0.98rem;
	}

	.bh-shop-all h2 {
		font-size: clamp(2.5rem, 12vw, 3.8rem);
	}

}




/* =========================================================
   BAGHOLDER SUPPLY CO. — BRAND SYSTEM
   ========================================================= */

:root {
	--bh-black: #0b0b0b;
	--bh-off-white: #f8f7f4;
	--bh-charcoal: #2a2a2a;
	--bh-gold: #d4a017;
	--bh-orange: #ff6a00;
	--bh-blue: #0077ff;
}


/* =========================================================
   BAGHOLDER HEADER V2
   Approved brand identity
   ========================================================= */

.bh-site-header {
	position: sticky;
	top: 0;
	z-index: 999;

	margin: 0;

	background: rgba(248, 247, 244, 0.97);

	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);

	border-bottom:
		1px solid rgba(11, 11, 11, 0.08);
}

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


/* ---------- HEADER GRID ---------- */

.bh-site-header__inner {
	width: calc(100% - 48px);
	max-width: 1320px !important;

	min-height: 78px;

	margin-left: auto !important;
	margin-right: auto !important;

	padding: 8px 0 !important;

	display: grid !important;

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

	align-items: center !important;

	gap: 28px;
}


/* ---------- BRAND ---------- */

.bh-site-header .us-brand-logo {
	display: inline-flex;

	align-items: center;

	justify-self: start;

	margin: 0;

	text-decoration: none !important;
}

.bh-site-header .us-brand-logo img {
	display: block;

	width: auto !important;
	height: 56px !important;

	max-width: 180px !important;

	object-fit: contain;
}

.bh-site-header .us-brand-logo:hover {
	opacity: 0.9;
}


/* ---------- MAIN NAV ---------- */

.bh-main-nav {
	justify-self: center;

	margin: 0 !important;
}

.bh-main-nav .wp-block-navigation__container {
	gap: 28px !important;

	flex-wrap: nowrap !important;
}

.bh-main-nav .wp-block-navigation-item {
	margin: 0 !important;
}

.bh-main-nav
.wp-block-navigation-item__content {
	position: relative;

	padding: 8px 0 !important;

	color: var(--bh-black) !important;

	font-size: 0.91rem;
	font-weight: 500;

	line-height: 1;

	text-decoration: none !important;

	white-space: nowrap;

	transition:
		color 160ms ease;
}

.bh-main-nav
.wp-block-navigation-item__content::after {
	content: "";

	position: absolute;

	left: 0;
	right: 100%;

	bottom: 1px;

	height: 2px;

	background: var(--bh-gold);

	transition:
		right 160ms ease;
}

.bh-main-nav
.wp-block-navigation-item__content:hover {
	color: var(--bh-black) !important;
}

.bh-main-nav
.wp-block-navigation-item__content:hover::after {
	right: 0;
}

.bh-main-nav
.current-menu-item
> .wp-block-navigation-item__content::after,
.bh-main-nav
.current-menu-ancestor
> .wp-block-navigation-item__content::after {
	right: 0;
}


/* ---------- ACCOUNT + CART ---------- */

.bh-header-actions {
	justify-self: end;

	gap: 15px !important;

	margin: 0 !important;
}

.bh-header-actions
.wc-block-customer-account,
.bh-header-actions
.wc-block-mini-cart {
	margin: 0 !important;
}

.bh-header-actions
.wc-block-customer-account a,
.bh-header-actions
.wc-block-mini-cart__button {
	display: flex !important;

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

	width: 40px;
	height: 40px;

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

	color: var(--bh-black) !important;

	border-radius: 999px;

	background: transparent;

	transition:
		background 160ms ease,
		transform 160ms ease;
}

.bh-header-actions
.wc-block-customer-account a:hover,
.bh-header-actions
.wc-block-mini-cart__button:hover {
	background: rgba(11, 11, 11, 0.055);

	transform: translateY(-1px);
}

.bh-header-actions
.wc-block-customer-account__account-icon,
.bh-header-actions
.wc-block-mini-cart__icon {
	width: 21px !important;
	height: 21px !important;
}


/* ---------- CART BADGE ---------- */

.bh-header-actions
.wc-block-mini-cart__badge {
	min-width: 18px !important;
	height: 18px !important;

	padding: 0 5px !important;

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

	background: var(--bh-gold) !important;
	color: var(--bh-black) !important;

	border: 2px solid var(--bh-off-white);

	font-size: 0.62rem !important;
	font-weight: 800 !important;

	line-height: 1 !important;
}


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

@media (max-width: 900px) {

	.bh-site-header__inner {
		width: calc(100% - 32px);

		min-height: 68px;

		padding: 7px 0 !important;

		grid-template-columns:
			44px
			1fr
			44px;

		gap: 0;
	}


	/* Hamburger on the left */

	.bh-main-nav {
		grid-column: 1;
		grid-row: 1;

		justify-self: start;
	}

	.bh-main-nav
	.wp-block-navigation__responsive-container-open {
		display: flex !important;

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

		width: 42px;
		height: 42px;

		padding: 0;

		color: var(--bh-black);

		border-radius: 999px;
	}


	/* Center logo */

	.bh-site-header .us-brand-logo {
		grid-column: 2;
		grid-row: 1;

		justify-self: center;
	}

	.bh-site-header .us-brand-logo img {
		height: 44px !important;

		max-width: 142px !important;
	}


	/* Cart on the right */

	.bh-header-actions {
		grid-column: 3;
		grid-row: 1;

		justify-self: end;

		gap: 0 !important;
	}

	.bh-header-actions
	.wc-block-customer-account {
		display: none !important;
	}

	.bh-header-actions
	.wc-block-mini-cart__button {
		width: 42px;
		height: 42px;
	}


	/* Mobile menu overlay */

	.bh-main-nav
	.wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none !important;
	}

	.bh-main-nav
	.wp-block-navigation__responsive-container.is-menu-open {
		padding: 26px;

		background: var(--bh-off-white);

		color: var(--bh-black);
	}

	.bh-main-nav
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__container {
		align-items: flex-start;

		gap: 12px !important;
	}

	.bh-main-nav
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-item__content {
		font-size: 1.35rem;
		font-weight: 650;

		padding: 10px 0 !important;
	}

}


@media (max-width: 782px) {

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

}




/* =========================================================
   BAGHOLDER FOOTER V2
   Approved brand identity
   ========================================================= */

.bh-site-footer {
	margin-top: 0 !important;

	background: var(--bh-off-white) !important;
	color: var(--bh-black) !important;

	border-top:
		1px solid rgba(11, 11, 11, 0.08) !important;
}


/*
 * The homepage already ends with a large black CTA,
 * so don't insert a blank spacer between it and the footer.
 */

.bh-home + .bh-site-footer,
.bh-home + .us-site-footer {
	margin-top: 0 !important;
}


.bh-footer-inner {
	width: calc(100% - 48px);

	max-width: 1320px !important;

	margin-left: auto !important;
	margin-right: auto !important;

	padding-top: 72px !important;
	padding-bottom: 26px !important;
}


/* ---------- COLUMNS ---------- */

.bh-footer-columns {
	margin: 0 !important;

	gap: clamp(54px, 7vw, 110px) !important;

	align-items: flex-start !important;
}


/* ---------- BRAND ---------- */

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

	align-items: center;

	text-decoration: none !important;
}

.bh-footer-logo img {
	display: block;

	width: auto;
	height: 68px;

	max-width: 290px;

	object-fit: contain;
}


.bh-footer-kicker {
	margin:
		30px 0
		12px !important;

	color: var(--bh-gold) !important;

	font-size: 0.72rem;

	font-weight: 800;

	letter-spacing: 0.19em;

	line-height: 1;

	text-transform: uppercase;
}


.bh-footer-tagline {
	margin: 0 !important;

	color: var(--bh-black) !important;

	font-size: clamp(1.55rem, 2.2vw, 2.15rem) !important;

	font-weight: 700;

	line-height: 1.02 !important;

	letter-spacing: -0.045em;
}


.bh-footer-contact {
	margin:
		26px 0 0 !important;
}

.bh-footer-contact a {
	color: var(--bh-charcoal) !important;

	font-size: 0.9rem;

	text-decoration-color:
		rgba(11, 11, 11, 0.28);

	text-underline-offset: 4px;

	transition:
		color 160ms ease,
		text-decoration-color 160ms ease;
}

.bh-footer-contact a:hover {
	color: var(--bh-black) !important;

	text-decoration-color:
		var(--bh-gold);
}


/* ---------- SECTION HEADINGS ---------- */

.bh-site-footer .us-footer-heading {
	margin:
		4px 0
		20px !important;

	color: var(--bh-black) !important;

	font-size: 0.72rem !important;

	font-weight: 800 !important;

	letter-spacing: 0.15em;

	line-height: 1;

	text-transform: uppercase;
}


/* ---------- NAV ---------- */

.bh-site-footer
.us-footer-nav
.wp-block-navigation__container {
	gap: 10px !important;
}

.bh-site-footer
.us-footer-nav
.wp-block-navigation-item__content {
	position: relative;

	padding: 0 !important;

	color: #585858 !important;

	font-size: 0.88rem;

	font-weight: 500;

	line-height: 1.5;

	text-decoration: none !important;

	transition:
		color 150ms ease,
		transform 150ms ease;
}

.bh-site-footer
.us-footer-nav
.wp-block-navigation-item__content:hover {
	color: var(--bh-black) !important;

	transform: translateX(3px);
}

.bh-site-footer
.us-footer-nav
.wp-block-navigation-item__content::before {
	content: "";

	position: absolute;

	left: -12px;
	top: 50%;

	width: 0;
	height: 2px;

	background: var(--bh-gold);

	transform:
		translateY(-50%);

	transition:
		width 150ms ease;
}

.bh-site-footer
.us-footer-nav
.wp-block-navigation-item__content:hover::before {
	width: 7px;
}


/* ---------- BOTTOM ---------- */

.bh-footer-bottom {
	margin-top: 62px !important;

	padding-top: 22px !important;

	border-top:
		1px solid rgba(11, 11, 11, 0.1) !important;

	color: #707070 !important;

	font-size: 0.76rem !important;
}

.bh-footer-bottom p,
.bh-footer-bottom .us-footer-copyright {
	margin: 0 !important;

	color: #707070 !important;
}


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

@media (max-width: 780px) {

	.bh-footer-inner {
		width: calc(100% - 36px);

		padding-top: 54px !important;
	}

	.bh-footer-columns {
		gap: 40px !important;
	}

	.bh-footer-brand {
		flex-basis: 100% !important;
	}

	.bh-footer-column {
		flex-basis:
			calc(50% - 20px) !important;
	}

	.bh-footer-logo img {
		height: 60px;

		max-width: 260px;
	}

}


@media (max-width: 520px) {

	.bh-footer-inner {
		width: calc(100% - 32px);
	}

	.bh-footer-column {
		flex-basis: 100% !important;
	}

	.bh-footer-columns {
		gap: 38px !important;
	}

	.bh-footer-logo img {
		height: 54px;

		max-width: 230px;
	}

	.bh-footer-bottom {
		margin-top: 44px !important;

		flex-direction: column;

		align-items: flex-start !important;

		gap: 8px !important;
	}

}




/* =========================================================
   BAGHOLDER FOOTER — FINAL MICRO POLISH
   ========================================================= */

.bh-site-footer {
	margin-block-start: 0 !important;
}

.bh-footer-logo img {
	height: 80px !important;
	max-width: 330px !important;
}

@media (max-width: 780px) {

	.bh-footer-logo img {
		height: 68px !important;
		max-width: 285px !important;
	}

}

@media (max-width: 520px) {

	.bh-footer-logo img {
		height: 60px !important;
		max-width: 250px !important;
	}

}


/* Remove block-theme spacing between homepage and footer template part. */
.bh-home + .wp-block-template-part {
	margin-block-start: 0 !important;
}



/* =========================================================
   BAGHOLDER HOMEPAGE — BRAND HERO V3
   ========================================================= */

.bh-brand-hero {
	margin: 0 !important;

	padding:
		clamp(72px, 8vw, 118px)
		24px
		clamp(68px, 7vw, 104px);

	background:
		#080808;

	color:
		var(--bh-off-white);
}


.bh-brand-hero__inner {
	width: 100%;
	max-width: 1320px !important;

	margin-left: auto !important;
	margin-right: auto !important;

	display: grid;

	grid-template-columns:
		minmax(0, 1.25fr)
		minmax(300px, 0.75fr);

	align-items: center;

	gap:
		clamp(50px, 8vw, 130px);
}


/* ---------- COPY ---------- */

.bh-brand-eyebrow {
	margin:
		0 0 24px !important;

	color:
		var(--bh-gold);

	font-size:
		0.72rem;

	font-weight:
		800;

	letter-spacing:
		0.18em;

	line-height:
		1;

	text-transform:
		uppercase;
}


.bh-brand-hero__title {
	max-width: 820px;

	margin: 0 !important;

	color:
		var(--bh-off-white) !important;

	font-size:
		clamp(4rem, 7.4vw, 7.5rem);

	font-weight:
		700;

	line-height:
		0.88;

	letter-spacing:
		-0.07em;
}


.bh-brand-hero__intro {
	max-width: 640px;

	margin:
		34px 0 0 !important;

	color:
		rgba(248,247,244,0.72);

	font-size:
		clamp(1.08rem, 1.5vw, 1.34rem);

	line-height:
		1.5;
}


/* ---------- ACTIONS ---------- */

.bh-brand-hero__actions {
	margin-top:
		36px !important;

	gap:
		14px !important;
}


.bh-brand-hero__actions
.wp-block-button__link {
	min-height:
		50px;

	display:
		inline-flex;

	align-items:
		center;

	padding:
		0 25px;

	border-radius:
		999px;

	font-size:
		0.9rem;

	font-weight:
		700;

	text-decoration:
		none;

	transition:
		transform 160ms ease,
		background 160ms ease,
		color 160ms ease,
		border-color 160ms ease;
}


.bh-button-primary
.wp-block-button__link {
	background:
		var(--bh-off-white);

	color:
		var(--bh-black);
}


.bh-button-primary
.wp-block-button__link:hover {
	background:
		var(--bh-gold);

	transform:
		translateY(-2px);
}


.bh-button-secondary
.wp-block-button__link {
	background:
		transparent !important;

	color:
		var(--bh-off-white) !important;

	border:
		1px solid rgba(248,247,244,0.34) !important;
}


.bh-button-secondary
.wp-block-button__link:hover {
	border-color:
		var(--bh-gold) !important;

	color:
		var(--bh-gold) !important;

	transform:
		translateY(-2px);
}


/* ---------- FOX VISUAL ---------- */

.bh-brand-hero__visual {
	position:
		relative;

	min-height:
		430px;

	display:
		flex;

	flex-direction:
		column;

	align-items:
		center;

	justify-content:
		center;
}


.bh-brand-hero__visual::before {
	content:
		"";

	position:
		absolute;

	width:
		clamp(280px, 28vw, 430px);

	aspect-ratio:
		1;

	border-radius:
		50%;

	background:
		radial-gradient(
			circle,
			rgba(212,160,23,0.14) 0%,
			rgba(212,160,23,0.035) 45%,
			transparent 72%
		);

	border:
		1px solid rgba(248,247,244,0.06);
}


.bh-brand-hero__fox {
	position:
		relative;

	z-index:
		2;

	margin:
		0 !important;
}


.bh-brand-hero__fox img {
	display:
		block;

	width:
		clamp(250px, 26vw, 390px);

	height:
		auto;

	filter:
		drop-shadow(
			0 24px 42px
			rgba(0,0,0,0.42)
		);
}


.bh-brand-hero__culture {
	position:
		relative;

	z-index:
		2;

	margin:
		30px 0 0 !important;

	color:
		rgba(248,247,244,0.48);

	font-size:
		0.64rem;

	font-weight:
		700;

	letter-spacing:
		0.17em;

	text-align:
		center;
}


/* =========================================================
   FEATURED DROP V3
   ========================================================= */

.bh-featured-drop {
	margin:
		0 !important;

	padding:
		18px 24px
		clamp(80px, 8vw, 120px);

	background:
		#080808;

	color:
		var(--bh-off-white);
}


.bh-featured-drop__inner {
	width:
		100%;

	max-width:
		1320px !important;

	margin-left:
		auto !important;

	margin-right:
		auto !important;
}


/* Existing latest-drop treatment remains,
   but make the section boundary feel intentional. */

.bh-featured-drop
.bh-latest-drop {
	max-width:
		none;
}


.bh-featured-drop
.bh-latest-drop
.bh-product-card {
	padding-top:
		54px;

	border-top:
		1px solid rgba(248,247,244,0.12);
}


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

@media (max-width: 900px) {

	.bh-brand-hero__inner {
		grid-template-columns:
			1fr;

		gap:
			56px;
	}

	.bh-brand-hero__visual {
		min-height:
			320px;
	}

	.bh-brand-hero__fox img {
		width:
			min(300px, 66vw);
	}

	.bh-brand-hero__culture {
		margin-top:
			20px !important;
	}

}


@media (max-width: 520px) {

	.bh-brand-hero {
		padding:
			56px 18px
			64px;
	}

	.bh-brand-hero__title {
		font-size:
			clamp(3.2rem, 16vw, 4.7rem);
	}

	.bh-brand-hero__intro {
		margin-top:
			26px !important;
	}

	.bh-brand-hero__actions {
		align-items:
			stretch;

		flex-direction:
			column;

		margin-top:
			30px !important;
	}

	.bh-brand-hero__actions
	.wp-block-button {
		width:
			100%;
	}

	.bh-brand-hero__actions
	.wp-block-button__link {
		width:
			100%;

		justify-content:
			center;
	}

	.bh-brand-hero__visual {
		min-height:
			280px;
	}

	.bh-featured-drop {
		padding-left:
			18px;

		padding-right:
			18px;
	}

}




/* =========================================================
   BAGHOLDER HERO V3 — BALANCE POLISH
   ========================================================= */


/* Make the hero tighter and give the copy more visual weight. */

.bh-brand-hero {
	padding:
		clamp(64px, 6vw, 88px)
		24px
		clamp(58px, 5vw, 78px) !important;
}


/* More room for the headline, less for the mascot. */

.bh-brand-hero__inner {
	grid-template-columns:
		minmax(0, 1.4fr)
		minmax(260px, 0.6fr) !important;

	gap:
		clamp(48px, 6vw, 90px) !important;
}


/* Keep headline strong without getting unnecessarily huge. */

.bh-brand-hero__title {
	max-width: 780px;

	font-size:
		clamp(4rem, 6.8vw, 6.9rem) !important;
}


/* Keep supporting copy comfortably readable. */

.bh-brand-hero__intro {
	max-width: 590px;

	margin-top: 28px !important;
}


/* Slightly tighten buttons. */

.bh-brand-hero__actions {
	margin-top: 30px !important;
}


/* ---------- FOX ---------- */

.bh-brand-hero__visual {
	min-height: 340px !important;
}


/*
 * The current fox asset is a fairly small raster image,
 * so keeping it closer to this size will also make it look sharper.
 */

.bh-brand-hero__fox img {
	width:
		clamp(220px, 20vw, 305px) !important;

	max-width: 305px !important;
}


/* Reduce the halo behind the fox proportionally. */

.bh-brand-hero__visual::before {
	width:
		clamp(250px, 23vw, 350px) !important;

	opacity: 0.8;
}


/* Bring the culture label closer to the mascot. */

.bh-brand-hero__culture {
	margin-top: 18px !important;

	font-size: 0.61rem !important;
}


/* ---------- FEATURED DROP CONNECTION ---------- */

/*
 * Reduce the empty transition between the brand hero
 * and the featured product.
 */

.bh-featured-drop {
	padding-top: 0 !important;
}

.bh-featured-drop
.bh-latest-drop
.bh-product-card {
	padding-top: 44px !important;
}


/* ---------- TABLET ---------- */

@media (max-width: 900px) {

	.bh-brand-hero__inner {
		grid-template-columns: 1fr !important;
	}

	.bh-brand-hero__visual {
		min-height: 260px !important;
	}

	.bh-brand-hero__fox img {
		width:
			min(250px, 58vw) !important;
	}

}


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

@media (max-width: 520px) {

	.bh-brand-hero {
		padding:
			48px 18px
			54px !important;
	}

	.bh-brand-hero__title {
		font-size:
			clamp(3.1rem, 15vw, 4.5rem) !important;
	}

	.bh-brand-hero__visual {
		min-height: 225px !important;
	}

	.bh-brand-hero__fox img {
		width:
			min(215px, 58vw) !important;
	}

}




/* =========================================================
   BAGHOLDER FEATURED DROP V4
   Dedicated homepage component
   ========================================================= */

.bh-featured-drop {
	margin: 0 !important;

	padding:
		0 24px
		clamp(82px, 8vw, 118px) !important;

	background:
		#080808;

	color:
		var(--bh-off-white);
}


.bh-featured-drop__inner {
	width: 100%;

	max-width: 1320px !important;

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


.bh-latest-drop--feature {
	max-width: none !important;

	margin: 0 !important;
}


/* ---------- FEATURE GRID ---------- */

.bh-featured-product {
	display: grid;

	grid-template-columns:
		minmax(0, 1.35fr)
		minmax(300px, 0.65fr);

	align-items: center;

	gap:
		clamp(48px, 7vw, 96px);

	padding-top:
		52px;

	border-top:
		1px solid rgba(248,247,244,0.13);
}


/* ---------- FEATURE IMAGE ---------- */

.bh-featured-product__media {
	position: relative;

	display: block;

	overflow: hidden;

	border-radius: 26px;

	background:
		#171717;

	text-decoration: none;
}


.bh-featured-product__img {
	display: block !important;

	width: 100% !important;
	height: auto !important;

	aspect-ratio: 4 / 3;

	object-fit: cover;
	object-position: center top;

	margin: 0 !important;

	transition:
		transform 300ms ease;
}


.bh-featured-product__media:hover
.bh-featured-product__img {
	transform:
		scale(1.018);
}


/* ---------- IMAGE BADGE ---------- */

.bh-featured-product__badge {
	position: absolute;

	top: 20px;
	left: 20px;

	z-index: 2;

	display: inline-flex;

	align-items: center;

	min-height: 34px;

	padding:
		0 13px;

	border-radius:
		999px;

	background:
		var(--bh-gold);

	color:
		var(--bh-black);

	font-size:
		0.67rem;

	font-weight:
		800;

	letter-spacing:
		0.12em;

	line-height:
		1;

	text-transform:
		uppercase;
}


/* ---------- FEATURE COPY ---------- */

.bh-featured-product__body {
	max-width:
		430px;
}


.bh-featured-product__eyebrow {
	margin:
		0 0 20px !important;

	color:
		var(--bh-gold);

	font-size:
		0.68rem;

	font-weight:
		800;

	letter-spacing:
		0.18em;

	line-height:
		1;

	text-transform:
		uppercase;
}


.bh-featured-product__title {
	margin:
		0 !important;

	font-size:
		clamp(2.7rem, 4.2vw, 4.7rem);

	font-weight:
		700;

	line-height:
		0.96;

	letter-spacing:
		-0.055em;
}


.bh-featured-product__title a {
	color:
		var(--bh-off-white) !important;

	text-decoration:
		none;
}


.bh-featured-product__price {
	margin-top:
		20px;

	color:
		rgba(248,247,244,0.82);

	font-size:
		1.15rem;

	font-weight:
		650;
}


.bh-featured-product__price
.amount {
	color:
		inherit !important;
}


/* ---------- SUPPORTING COPY ---------- */

.bh-featured-product__copy {
	max-width:
		360px;

	margin:
		26px 0 0 !important;

	color:
		rgba(248,247,244,0.58);

	font-size:
		0.98rem;

	line-height:
		1.6;
}


/* ---------- CTA ---------- */

.bh-featured-product__cta {
	display:
	inline-flex;

	align-items:
	center;

	gap:
	10px;

	min-height:
	48px;

	margin-top:
	30px;

	padding:
	0 22px;

	border:
	1px solid rgba(248,247,244,0.32);

	border-radius:
	999px;

	color:
	var(--bh-off-white) !important;

	font-size:
	0.88rem;

	font-weight:
	700;

	text-decoration:
	none !important;

	transition:
		background 160ms ease,
		color 160ms ease,
		border-color 160ms ease,
		transform 160ms ease;
}


.bh-featured-product__cta:hover {
	background:
		var(--bh-gold);

	border-color:
		var(--bh-gold);

	color:
		var(--bh-black) !important;

	transform:
		translateY(-2px);
}


.bh-featured-product__cta span {
	transition:
		transform 160ms ease;
}


.bh-featured-product__cta:hover span {
	transform:
		translateX(3px);
}


/* =========================================================
   FEATURED DROP RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

	.bh-featured-product {
		grid-template-columns:
			1fr;

		gap:
			36px;
	}

	.bh-featured-product__body {
		max-width:
			680px;
	}

	.bh-featured-product__img {
		aspect-ratio:
			16 / 10;
	}

}


@media (max-width: 520px) {

	.bh-featured-drop {
		padding-left:
			18px !important;

		padding-right:
			18px !important;
	}

	.bh-featured-product {
		padding-top:
			38px;
	}

	.bh-featured-product__media {
		border-radius:
			19px;
	}

	.bh-featured-product__img {
		aspect-ratio:
			4 / 5;
	}

	.bh-featured-product__badge {
		top:
			14px;

		left:
			14px;
	}

	.bh-featured-product__title {
		font-size:
			clamp(2.5rem, 12vw, 3.6rem);
	}

}




/* =========================================================
   BAGHOLDER HERO — #1 TRENDING PRODUCT
   ========================================================= */


/* The old fox halo is no longer needed. */

.bh-brand-hero__visual::before {
	display: none !important;
}


/* ---------- TRENDING HERO CARD ---------- */

.bh-hero-trending {
	position: relative;

	z-index: 2;

	display: block;

	width: min(100%, 350px);

	margin:
		0 auto;

	color:
		var(--bh-off-white) !important;

	text-decoration:
		none !important;
}


.bh-hero-trending__media {
	position: relative;

	display: block;

	overflow: hidden;

	aspect-ratio: 4 / 5;

	border-radius: 28px;

	background: #171717;

	border:
		1px solid rgba(248,247,244,0.1);

	box-shadow:
		0 28px 65px rgba(0,0,0,0.34);
}


.bh-hero-trending__img {
	display: block !important;

	width: 100% !important;
	height: 100% !important;

	margin: 0 !important;

	object-fit: cover;
	object-position: center top;

	transition:
		transform 280ms ease;
}


.bh-hero-trending:hover
.bh-hero-trending__img {
	transform: scale(1.025);
}


/* ---------- TRENDING BADGE ---------- */

.bh-hero-trending__badge {
	position: absolute;

	top: 17px;
	left: 17px;

	z-index: 3;

	display: inline-flex;

	align-items: center;

	min-height: 32px;

	padding:
		0 12px;

	border-radius: 999px;

	background:
		var(--bh-gold);

	color:
		var(--bh-black);

	font-size: 0.64rem;

	font-weight: 800;

	line-height: 1;

	letter-spacing: 0.11em;

	text-transform: uppercase;
}


/* ---------- META ---------- */

.bh-hero-trending__meta {
	display: flex;

	align-items: flex-start;

	justify-content: space-between;

	gap: 20px;

	margin-top: 15px;
}


.bh-hero-trending__name {
	max-width: 230px;

	color:
		var(--bh-off-white);

	font-size: 0.9rem;

	font-weight: 650;

	line-height: 1.28;
}


.bh-hero-trending__link {
	flex-shrink: 0;

	color:
		var(--bh-gold);

	font-size: 0.72rem;

	font-weight: 700;

	white-space: nowrap;
}


/* Existing culture line beneath the product */

.bh-brand-hero__culture {
	margin-top: 24px !important;
}


/* ---------- TABLET ---------- */

@media (max-width: 900px) {

	.bh-hero-trending {
		width: min(330px, 70vw);
	}

}


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

@media (max-width: 520px) {

	.bh-hero-trending {
		width: min(285px, 78vw);
	}

	.bh-hero-trending__media {
		border-radius: 22px;
	}

}




/* =========================================================
   BAGHOLDER HERO — TRENDING PRODUCT LAYOUT FIX
   ========================================================= */


/*
 * Do not reserve an empty aspect-ratio box on the wrapper.
 * Let the actual WooCommerce image establish the dimensions.
 */

.bh-hero-trending__media {
	display: block !important;

	width: 100% !important;
	height: auto !important;

	aspect-ratio: auto !important;

	overflow: hidden !important;

	border-radius: 24px !important;

	background: #171717;
}


/*
 * Give the IMAGE the crop ratio instead.
 */

.bh-hero-trending__media
.bh-hero-trending__img {
	display: block !important;

	width: 100% !important;
	height: auto !important;

	aspect-ratio: 4 / 5 !important;

	object-fit: cover !important;
	object-position: center top !important;

	margin: 0 !important;

	border-radius: 0 !important;
}


/* Keep badge directly over the image. */

.bh-hero-trending__badge {
	top: 14px !important;
	left: 14px !important;
}


/* ---------- HERO RIGHT SIDE ---------- */

.bh-brand-hero__visual {
	min-height: 0 !important;

	justify-content: center !important;

	align-self: center !important;
}


/* Slightly smaller, cleaner product feature. */

.bh-hero-trending {
	width: min(100%, 310px) !important;

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


/* Product info directly below the picture. */

.bh-hero-trending__meta {
	margin-top: 13px !important;
}


/* Culture line belongs close to the product, not far below it. */

.bh-brand-hero__culture {
	margin-top: 18px !important;
}


/* ---------- HERO HEIGHT ---------- */

.bh-brand-hero {
	min-height: auto !important;
}

.bh-brand-hero__inner {
	align-items: center !important;
}


/* ---------- TABLET ---------- */

@media (max-width: 900px) {

	.bh-hero-trending {
		width: min(300px, 68vw) !important;
	}

}


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

@media (max-width: 520px) {

	.bh-hero-trending {
		width: min(270px, 78vw) !important;
	}

	.bh-hero-trending__media {
		border-radius: 20px !important;
	}

}




/* =========================================================
   BAGHOLDER HERO — TRENDING PRODUCT LAYOUT FIX
   ========================================================= */


/*
 * Do not reserve an empty aspect-ratio box on the wrapper.
 * Let the actual WooCommerce image establish the dimensions.
 */

.bh-hero-trending__media {
	display: block !important;

	width: 100% !important;
	height: auto !important;

	aspect-ratio: auto !important;

	overflow: hidden !important;

	border-radius: 24px !important;

	background: #171717;
}


/*
 * Give the IMAGE the crop ratio instead.
 */

.bh-hero-trending__media
.bh-hero-trending__img {
	display: block !important;

	width: 100% !important;
	height: auto !important;

	aspect-ratio: 4 / 5 !important;

	object-fit: cover !important;
	object-position: center top !important;

	margin: 0 !important;

	border-radius: 0 !important;
}


/* Keep badge directly over the image. */

.bh-hero-trending__badge {
	top: 14px !important;
	left: 14px !important;
}


/* ---------- HERO RIGHT SIDE ---------- */

.bh-brand-hero__visual {
	min-height: 0 !important;

	justify-content: center !important;

	align-self: center !important;
}


/* Slightly smaller, cleaner product feature. */

.bh-hero-trending {
	width: min(100%, 310px) !important;

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


/* Product info directly below the picture. */

.bh-hero-trending__meta {
	margin-top: 13px !important;
}


/* Culture line belongs close to the product, not far below it. */

.bh-brand-hero__culture {
	margin-top: 18px !important;
}


/* ---------- HERO HEIGHT ---------- */

.bh-brand-hero {
	min-height: auto !important;
}

.bh-brand-hero__inner {
	align-items: center !important;
}


/* ---------- TABLET ---------- */

@media (max-width: 900px) {

	.bh-hero-trending {
		width: min(300px, 68vw) !important;
	}

}


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

@media (max-width: 520px) {

	.bh-hero-trending {
		width: min(270px, 78vw) !important;
	}

	.bh-hero-trending__media {
		border-radius: 20px !important;
	}

}




/* =========================================================
   BAGHOLDER FEATURED DROP — FINAL CLEANUP
   ========================================================= */


/* Keep legacy/generic card styles from bleeding into this component. */

.bh-latest-drop--feature,
.bh-featured-product,
.bh-featured-product__media,
.bh-featured-product__body {
	box-sizing: border-box;
}


/* Kill stray decorative pseudo-elements inherited from older rules. */

.bh-latest-drop--feature::before,
.bh-latest-drop--feature::after,
.bh-featured-product::before,
.bh-featured-product::after,
.bh-featured-product__media::after,
.bh-featured-product__body::before,
.bh-featured-product__body::after {
	content: none !important;
	display: none !important;
}


/* Hide any empty Woo/block elements that may leak into the component. */

.bh-featured-product__body > :empty {
	display: none !important;
}


/* ---------- SECTION ---------- */

.bh-featured-drop {
	padding-top: 0 !important;
	padding-bottom: 90px !important;
}


.bh-featured-product {
	grid-template-columns:
		minmax(0, 1.3fr)
		minmax(320px, 0.7fr) !important;

	gap:
		clamp(50px, 6vw, 88px) !important;

	padding-top: 46px !important;

	align-items: center !important;
}


/* ---------- PHOTO ---------- */

.bh-featured-product__media {
	width: 100% !important;

	margin: 0 !important;

	border-radius: 24px !important;

	overflow: hidden !important;
}


.bh-featured-product__img {
	display: block !important;

	width: 100% !important;
	height: auto !important;

	aspect-ratio: 4 / 3 !important;

	object-fit: cover !important;
	object-position: center top !important;

	margin: 0 !important;

	border: 0 !important;
}


/* ---------- COPY ---------- */

.bh-featured-product__body {
	max-width: 440px !important;

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


.bh-featured-product__eyebrow {
	margin-bottom: 18px !important;
}


.bh-featured-product__title {
	margin: 0 !important;

	font-size:
		clamp(2.8rem, 4vw, 4.5rem) !important;

	line-height: 0.96 !important;
}


.bh-featured-product__price {
	margin-top: 18px !important;
}


.bh-featured-product__copy {
	margin-top: 22px !important;

	max-width: 370px !important;
}


/* ---------- CTA ---------- */

.bh-featured-product__cta {
	margin-top: 28px !important;
}


/*
 * Make sure the arrow span can never inherit an icon-circle style.
 */

.bh-featured-product__cta span {
	display: inline-block !important;

	width: auto !important;
	height: auto !important;

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

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

	background: transparent !important;
}


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

@media (max-width: 900px) {

	.bh-featured-product {
		grid-template-columns: 1fr !important;

		gap: 34px !important;
	}

	.bh-featured-product__body {
		max-width: 680px !important;
	}

	.bh-featured-product__img {
		aspect-ratio: 16 / 10 !important;
	}

}


@media (max-width: 520px) {

	.bh-featured-drop {
		padding-bottom: 68px !important;
	}

	.bh-featured-product {
		padding-top: 36px !important;
	}

	.bh-featured-product__img {
		aspect-ratio: 4 / 5 !important;
	}

}




/* =========================================================
   BAGHOLDER FEATURED DROP — COMPONENT ISOLATION
   Stop legacy Woo/theme styles leaking into homepage feature.
   ========================================================= */


/* ---------- MEDIA CONTAINER ---------- */

.bh-featured-product__media {
	position: relative !important;

	display: block !important;

	width: 100% !important;
	height: auto !important;

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

	overflow: hidden !important;

	background: #171717 !important;
	background-image: none !important;

	border:
		1px solid rgba(248,247,244,0.08) !important;

	border-radius: 24px !important;

	outline: 0 !important;

	box-shadow: none !important;
}


/*
 * Kill every possible decorative pseudo-element on the media link.
 * Previous cleanup only removed ::after.
 */

.bh-featured-product__media::before,
.bh-featured-product__media::after {
	content: none !important;

	display: none !important;

	background: none !important;
	background-image: none !important;

	border: 0 !important;

	box-shadow: none !important;
}


/* ---------- ACCESSIBLE FOCUS ---------- */

/*
 * Replace the old UnityStitches purple WooCommerce focus ring
 * with the Bagholder gold brand treatment.
 */

.woocommerce
.bh-featured-product__media:focus,
.woocommerce
.bh-featured-product__media:focus-visible,
.bh-featured-product__media:focus,
.bh-featured-product__media:focus-visible {
	outline:
		2px solid var(--bh-gold) !important;

	outline-offset:
		4px !important;

	box-shadow:
		none !important;
}


/* ---------- IMAGE ---------- */

.bh-featured-product__media
.bh-featured-product__img {
	position: relative !important;

	z-index: 1 !important;

	display: block !important;

	width: 100% !important;
	max-width: none !important;

	height: auto !important;

	aspect-ratio: 4 / 3 !important;

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

	object-fit: cover !important;
	object-position: center top !important;

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

	outline: 0 !important;

	box-shadow: none !important;

	background: transparent !important;
}


/* ---------- BADGE ---------- */

.bh-featured-product__badge {
	z-index: 3 !important;

	width: auto !important;
	height: auto !important;

	margin: 0 !important;

	box-shadow: none !important;
}


/* =========================================================
   RESET INLINE WOO PRICE ELEMENTS
   ========================================================= */

/*
 * The only nested spans in the price are Woo's amount and
 * currency symbol. Force them back to ordinary inline text.
 */

.bh-featured-product__price,
.bh-featured-product__price span,
.bh-featured-product__price bdi,
.bh-featured-product__price
.woocommerce-Price-amount,
.bh-featured-product__price
.woocommerce-Price-currencySymbol {
	position: static !important;

	display: inline !important;

	width: auto !important;
	height: auto !important;

	min-width: 0 !important;
	min-height: 0 !important;

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

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

	outline: 0 !important;

	background: transparent !important;

	box-shadow: none !important;

	transform: none !important;
}


/* No generated decorations around price spans. */

.bh-featured-product__price span::before,
.bh-featured-product__price span::after,
.bh-featured-product__price bdi::before,
.bh-featured-product__price bdi::after {
	content: none !important;

	display: none !important;
}


/* =========================================================
   RESET CTA / ARROW
   ========================================================= */

.bh-featured-product__cta {
	position: relative !important;
}


.bh-featured-product__cta::before,
.bh-featured-product__cta::after {
	content: none !important;

	display: none !important;
}


/*
 * Arrow is text—not an icon button.
 */

.bh-featured-product__cta
span,
.bh-featured-product__cta
span[aria-hidden="true"] {
	position: static !important;

	display: inline !important;

	width: auto !important;
	height: auto !important;

	min-width: 0 !important;
	min-height: 0 !important;

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

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

	outline: 0 !important;

	background: none !important;

	box-shadow: none !important;
}


.bh-featured-product__cta
span::before,
.bh-featured-product__cta
span::after {
	content: none !important;

	display: none !important;
}


/* ---------- BODY CHILDREN ---------- */

.bh-featured-product__body
> * {
	position: relative;
}


.bh-featured-product__body
> *::before,
.bh-featured-product__body
> *::after {
	box-shadow: none;
}


/* =========================================================
   FEATURED DROP SPACING
   ========================================================= */

.bh-featured-product {
	padding-top: 42px !important;
}


.bh-featured-product__body {
	align-self: center !important;
}


.bh-featured-product__copy {
	margin-bottom: 0 !important;
}


@media (max-width: 900px) {

	.bh-featured-product__media
	.bh-featured-product__img {
		aspect-ratio:
			16 / 10 !important;
	}

}


@media (max-width: 520px) {

	.bh-featured-product__media
	.bh-featured-product__img {
		aspect-ratio:
			4 / 5 !important;
	}

}




/* =========================================================
   BAGHOLDER FEATURED DROP — COMPONENT ISOLATION
   Stop legacy Woo/theme styles leaking into homepage feature.
   ========================================================= */


/* ---------- MEDIA CONTAINER ---------- */

.bh-featured-product__media {
	position: relative !important;

	display: block !important;

	width: 100% !important;
	height: auto !important;

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

	overflow: hidden !important;

	background: #171717 !important;
	background-image: none !important;

	border:
		1px solid rgba(248,247,244,0.08) !important;

	border-radius: 24px !important;

	outline: 0 !important;

	box-shadow: none !important;
}


/*
 * Kill every possible decorative pseudo-element on the media link.
 * Previous cleanup only removed ::after.
 */

.bh-featured-product__media::before,
.bh-featured-product__media::after {
	content: none !important;

	display: none !important;

	background: none !important;
	background-image: none !important;

	border: 0 !important;

	box-shadow: none !important;
}


/* ---------- ACCESSIBLE FOCUS ---------- */

/*
 * Replace the old UnityStitches purple WooCommerce focus ring
 * with the Bagholder gold brand treatment.
 */

.woocommerce
.bh-featured-product__media:focus,
.woocommerce
.bh-featured-product__media:focus-visible,
.bh-featured-product__media:focus,
.bh-featured-product__media:focus-visible {
	outline:
		2px solid var(--bh-gold) !important;

	outline-offset:
		4px !important;

	box-shadow:
		none !important;
}


/* ---------- IMAGE ---------- */

.bh-featured-product__media
.bh-featured-product__img {
	position: relative !important;

	z-index: 1 !important;

	display: block !important;

	width: 100% !important;
	max-width: none !important;

	height: auto !important;

	aspect-ratio: 4 / 3 !important;

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

	object-fit: cover !important;
	object-position: center top !important;

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

	outline: 0 !important;

	box-shadow: none !important;

	background: transparent !important;
}


/* ---------- BADGE ---------- */

.bh-featured-product__badge {
	z-index: 3 !important;

	width: auto !important;
	height: auto !important;

	margin: 0 !important;

	box-shadow: none !important;
}


/* =========================================================
   RESET INLINE WOO PRICE ELEMENTS
   ========================================================= */

/*
 * The only nested spans in the price are Woo's amount and
 * currency symbol. Force them back to ordinary inline text.
 */

.bh-featured-product__price,
.bh-featured-product__price span,
.bh-featured-product__price bdi,
.bh-featured-product__price
.woocommerce-Price-amount,
.bh-featured-product__price
.woocommerce-Price-currencySymbol {
	position: static !important;

	display: inline !important;

	width: auto !important;
	height: auto !important;

	min-width: 0 !important;
	min-height: 0 !important;

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

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

	outline: 0 !important;

	background: transparent !important;

	box-shadow: none !important;

	transform: none !important;
}


/* No generated decorations around price spans. */

.bh-featured-product__price span::before,
.bh-featured-product__price span::after,
.bh-featured-product__price bdi::before,
.bh-featured-product__price bdi::after {
	content: none !important;

	display: none !important;
}


/* =========================================================
   RESET CTA / ARROW
   ========================================================= */

.bh-featured-product__cta {
	position: relative !important;
}


.bh-featured-product__cta::before,
.bh-featured-product__cta::after {
	content: none !important;

	display: none !important;
}


/*
 * Arrow is text—not an icon button.
 */

.bh-featured-product__cta
span,
.bh-featured-product__cta
span[aria-hidden="true"] {
	position: static !important;

	display: inline !important;

	width: auto !important;
	height: auto !important;

	min-width: 0 !important;
	min-height: 0 !important;

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

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

	outline: 0 !important;

	background: none !important;

	box-shadow: none !important;
}


.bh-featured-product__cta
span::before,
.bh-featured-product__cta
span::after {
	content: none !important;

	display: none !important;
}


/* ---------- BODY CHILDREN ---------- */

.bh-featured-product__body
> * {
	position: relative;
}


.bh-featured-product__body
> *::before,
.bh-featured-product__body
> *::after {
	box-shadow: none;
}


/* =========================================================
   FEATURED DROP SPACING
   ========================================================= */

.bh-featured-product {
	padding-top: 42px !important;
}


.bh-featured-product__body {
	align-self: center !important;
}


.bh-featured-product__copy {
	margin-bottom: 0 !important;
}


@media (max-width: 900px) {

	.bh-featured-product__media
	.bh-featured-product__img {
		aspect-ratio:
			16 / 10 !important;
	}

}


@media (max-width: 520px) {

	.bh-featured-product__media
	.bh-featured-product__img {
		aspect-ratio:
			4 / 5 !important;
	}

}




/* =========================================================
   FEATURED DROP — CLEAN MARKUP FINALIZATION
   ========================================================= */

.bh-featured-product__media {
	position: relative !important;
	display: block !important;
}


/*
 * Actual clickable image now has its own link.
 */

.bh-featured-product__image-link {
	display: block !important;

	width: 100% !important;

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

	overflow: hidden;

	color: inherit;

	text-decoration: none !important;

	border: 0 !important;
	border-radius: inherit;

	background: transparent !important;

	outline: 0;
	box-shadow: none !important;
}


.bh-featured-product__image-link:focus-visible {
	outline:
		2px solid var(--bh-gold) !important;

	outline-offset:
		4px !important;
}


/* Image fills exactly one media container. */

.bh-featured-product__image-link
.bh-featured-product__img {
	display: block !important;

	width: 100% !important;
	max-width: none !important;

	height: auto !important;

	aspect-ratio: 4 / 3 !important;

	margin: 0 !important;

	object-fit: cover !important;
	object-position: center top !important;

	border: 0 !important;
}


/* Prevent legacy empty-anchor artifacts if stale markup is cached. */

.bh-featured-product__media:empty,
.bh-featured-product__cta:empty,
.bh-featured-product__image-link:empty {
	display: none !important;
}


/*
 * CTA is now plain anchor text:
 * "Shop this drop →"
 */

.bh-featured-product__cta {
	width: auto !important;
	height: auto !important;

	min-width: 0 !important;

	white-space: nowrap;
}


@media (max-width: 900px) {

	.bh-featured-product__image-link
	.bh-featured-product__img {
		aspect-ratio:
			16 / 10 !important;
	}

}


@media (max-width: 520px) {

	.bh-featured-product__image-link
	.bh-featured-product__img {
		aspect-ratio:
			4 / 5 !important;
	}

}




/* =========================================================
   BAGHOLDER TRENDING V2
   ========================================================= */

.bh-home-section {
	padding-top: 72px !important;
	padding-bottom: 78px !important;
}


.bh-section-heading {
	margin-bottom: 38px !important;
}


.bh-section-heading h2 {
	font-size:
		clamp(3rem, 4.5vw, 4.6rem) !important;

	line-height: 0.95;

	letter-spacing: -0.055em;
}


/* ---------- GRID ---------- */

.bh-product-grid--trending {
	grid-template-columns:
		repeat(4, minmax(0, 1fr)) !important;

	gap:
		clamp(24px, 2.5vw, 36px) !important;
}


/* ---------- IMAGE ---------- */

.bh-product-grid--trending
.bh-product-card__image {
	position: relative;

	overflow: hidden;

	border-radius: 20px !important;

	background: #efefec;
}


.bh-product-grid--trending
.bh-product-card__image img {
	aspect-ratio: 4 / 5 !important;

	object-fit: cover !important;
	object-position: center top !important;

	transition:
		transform 220ms ease;
}


.bh-product-grid--trending
.bh-product-card:hover
.bh-product-card__image img {
	transform: scale(1.025);
}


/* ---------- RANK BADGE ---------- */

.bh-product-grid--trending
.bh-product-card__badge {
	top: 14px;
	left: 14px;

	padding: 7px 10px;

	background:
		var(--bh-gold) !important;

	color:
		var(--bh-black) !important;

	border-radius: 999px;

	font-size: 0.62rem;

	font-weight: 800;

	letter-spacing: 0.1em;
}


/* ---------- PRODUCT COPY ---------- */

.bh-product-grid--trending
.bh-product-card__content {
	padding-top: 16px !important;
}


.bh-product-grid--trending
.bh-product-card__content h3 {
	margin: 0 0 8px !important;

	min-height: 2.65em;

	font-size: 1.05rem !important;

	font-weight: 650;

	line-height: 1.3;
}


.bh-product-grid--trending
.bh-product-card__price {
	color: #777 !important;

	font-size: 0.95rem !important;
}


/* ---------- SECTION LINK ---------- */

.bh-section-heading a {
	font-size: 0.88rem;

	font-weight: 650;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

	.bh-product-grid--trending {
		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;
	}

}


@media (max-width: 520px) {

	.bh-home-section {
		padding-top: 56px !important;
		padding-bottom: 62px !important;
	}

	.bh-product-grid--trending {
		gap: 28px 14px !important;
	}

	.bh-product-grid--trending
	.bh-product-card__content h3 {
		font-size: 0.96rem !important;
	}

}




/* =========================================================
   BAGHOLDER TRENDING PAGE
   ========================================================= */

.bh-trending-page {
	margin: 0 !important;
	background: var(--bh-off-white);
}


/* ---------- HERO ---------- */

.bh-trending-page__hero {
	padding:
		clamp(72px, 8vw, 110px)
		24px
		clamp(64px, 6vw, 90px);

	background: var(--bh-black);

	color: var(--bh-off-white);
}


.bh-trending-page__hero-inner {
	width: 100%;
	max-width: 1320px !important;

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


.bh-trending-page__title {
	max-width: 900px;

	margin: 0 !important;

	color: var(--bh-off-white) !important;

	font-size:
		clamp(4rem, 7vw, 7rem);

	line-height: 0.9;

	letter-spacing: -0.065em;
}


.bh-trending-page__intro {
	max-width: 650px;

	margin:
		30px 0 0 !important;

	color:
		rgba(248,247,244,0.7);

	font-size:
		clamp(1.05rem, 1.5vw, 1.3rem);

	line-height: 1.55;
}


/* ---------- PRODUCTS ---------- */

.bh-trending-page__products {
	padding:
		clamp(64px, 7vw, 96px)
		24px
		clamp(82px, 8vw, 120px);
}


.bh-trending-page__products-inner {
	width: 100%;

	max-width: 1320px !important;

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


/*
 * On the dedicated page we can eventually show more
 * products while retaining the same ranked card system.
 */

.bh-trending-page
.bh-product-grid--trending {
	width: 100% !important;
}


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

@media (max-width: 520px) {

	.bh-trending-page__hero {
		padding:
			54px 18px
			60px;
	}

	.bh-trending-page__title {
		font-size:
			clamp(3.2rem, 16vw, 4.8rem);
	}

	.bh-trending-page__products {
		padding:
			54px 18px
			72px;
	}

}




/* =========================================================
   BAGHOLDER HEADER — SHOP CATEGORY DROPDOWN
   ========================================================= */


/* ---------- DESKTOP MENU ---------- */

.bh-main-nav
.wp-block-navigation-item.has-child {
	position: relative;
}


.bh-main-nav
.wp-block-navigation__submenu-icon {
	width: 12px;
	height: 12px;

	margin-left: 6px;

	color: var(--bh-black);
}


/* ---------- DROPDOWN PANEL ---------- */

.bh-main-nav
.wp-block-navigation__submenu-container {
	min-width: 245px !important;

	padding: 10px !important;

	background:
		var(--bh-off-white) !important;

	border:
		1px solid rgba(11,11,11,0.09) !important;

	border-radius: 14px !important;

	box-shadow:
		0 18px 45px
		rgba(0,0,0,0.12) !important;
}


/* ---------- DROPDOWN LINKS ---------- */

.bh-main-nav
.wp-block-navigation__submenu-container
.wp-block-navigation-item {
	width: 100%;
}


.bh-main-nav
.wp-block-navigation__submenu-container
.wp-block-navigation-item__content {
	width: 100%;

	box-sizing: border-box;

	padding:
		11px 13px !important;

	border-radius: 9px;

	color:
		var(--bh-charcoal) !important;

	font-size: 0.88rem;

	font-weight: 550;

	line-height: 1.2;

	transition:
		background 140ms ease,
		color 140ms ease,
		padding-left 140ms ease;
}


/*
 * Don't use the top-nav underline inside dropdown links.
 */

.bh-main-nav
.wp-block-navigation__submenu-container
.wp-block-navigation-item__content::after {
	display: none !important;
}


/* ---------- HOVER ---------- */

.bh-main-nav
.wp-block-navigation__submenu-container
.wp-block-navigation-item__content:hover {
	padding-left: 17px !important;

	background:
		rgba(212,160,23,0.10);

	color:
		var(--bh-black) !important;
}


/*
 * Tiny gold marker appears on hover.
 */

.bh-main-nav
.wp-block-navigation__submenu-container
.wp-block-navigation-item__content::before {
	content: "";

	display: inline-block;

	width: 0;
	height: 2px;

	margin-right: 0;

	vertical-align: middle;

	background:
		var(--bh-gold);

	transition:
		width 140ms ease,
		margin-right 140ms ease;
}


.bh-main-nav
.wp-block-navigation__submenu-container
.wp-block-navigation-item__content:hover::before {
	width: 9px;

	margin-right: 7px;
}


/* =========================================================
   MOBILE CATEGORY MENU
   ========================================================= */

@media (max-width: 900px) {

	.bh-main-nav
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__submenu-container {
		position: static !important;

		width: 100% !important;
		min-width: 0 !important;

		margin:
			8px 0
			10px 14px !important;

		padding:
			4px 0
			4px 14px !important;

		background:
			transparent !important;

		border:
			0 !important;

		border-left:
			2px solid
			var(--bh-gold) !important;

		border-radius:
			0 !important;

		box-shadow:
			none !important;
	}


	.bh-main-nav
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__submenu-container
	.wp-block-navigation-item__content {
		padding:
			8px 0 !important;

		font-size:
			1rem;

		font-weight:
			500;
	}

}




/* =========================================================
   BAGHOLDER HOMEPAGE — THE DROP DESK
   Editorial storefront V1
   ========================================================= */

.bh-editorial-home {
	margin: 0 !important;
}


.bh-editorial-inner {
	width: calc(100% - 48px);

	max-width: 1320px;

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


/* =========================================================
   SHARED TYPE
   ========================================================= */

.bh-dropdesk-eyebrow,
.bh-section-kicker {
	margin:
		0 0 14px;

	color:
		var(--bh-gold, #d4a017);

	font-size:
		0.68rem;

	font-weight:
		800;

	letter-spacing:
		0.18em;

	text-transform:
		uppercase;
}


.bh-section-heading-v2 {
	display: flex;

	align-items: flex-end;
	justify-content: space-between;

	gap: 30px;

	margin-bottom:
		34px;
}


.bh-section-heading-v2 h2 {
	margin:
		0 !important;

	color:
		var(--bh-black, #0b0b0b);

	font-size:
		clamp(2.8rem, 5vw, 5rem);

	font-weight:
		700;

	line-height:
		0.94;

	letter-spacing:
		-0.06em;
}


.bh-section-heading-v2 > a {
	padding-bottom:
		7px;

	color:
		var(--bh-black, #0b0b0b);

	font-size:
		0.84rem;

	font-weight:
		700;

	text-decoration:
		none;
}


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

.bh-button {
	display: inline-flex;

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

	min-height:
		48px;

	padding:
		0 22px;

	border-radius:
		999px;

	font-size:
		0.84rem;

	font-weight:
		750;

	text-decoration:
		none !important;

	transition:
		background 160ms ease,
		color 160ms ease,
		border-color 160ms ease,
		transform 160ms ease;
}


.bh-button:hover {
	transform:
		translateY(-1px);
}


.bh-button--primary {
	background:
		var(--bh-off-white, #f8f7f4);

	color:
		var(--bh-black, #0b0b0b);

	border:
		1px solid
		var(--bh-off-white, #f8f7f4);
}


.bh-button--primary:hover {
	background:
		var(--bh-gold, #d4a017);

	border-color:
		var(--bh-gold, #d4a017);
}


.bh-button--ghost {
	background:
		transparent;

	color:
		var(--bh-off-white, #f8f7f4);

	border:
		1px solid
		rgba(248,247,244,.28);
}


.bh-button--ghost:hover {
	border-color:
		var(--bh-gold, #d4a017);

	color:
		var(--bh-gold, #d4a017);
}


.bh-button--light {
	background:
		var(--bh-off-white, #f8f7f4);

	color:
		var(--bh-black, #0b0b0b);

	border:
		1px solid
		var(--bh-off-white, #f8f7f4);
}


.bh-button--light:hover {
	background:
		var(--bh-gold, #d4a017);

	border-color:
		var(--bh-gold, #d4a017);
}


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

.bh-dropdesk-hero {
	padding:
		clamp(58px, 6vw, 86px)
		24px;

	background:
		#080808;

	color:
		var(--bh-off-white, #f8f7f4);
}


.bh-dropdesk-hero__inner {
	width: 100%;

	max-width:
		1320px;

	margin:
		0 auto;

	display:
		grid;

	grid-template-columns:
		minmax(0, 1.12fr)
		minmax(340px, .88fr);

	align-items:
		center;

	gap:
		clamp(56px, 7vw, 110px);
}


.bh-dropdesk-hero__copy h1 {
	max-width:
		780px;

	margin:
		0;

	color:
		var(--bh-off-white, #f8f7f4);

	font-size:
		clamp(4.2rem, 7vw, 7rem);

	font-weight:
		700;

	line-height:
		0.89;

	letter-spacing:
		-0.067em;
}


.bh-dropdesk-intro {
	max-width:
		650px;

	margin:
		28px 0 0;

	color:
		rgba(248,247,244,.67);

	font-size:
		clamp(1rem, 1.35vw, 1.2rem);

	line-height:
		1.55;
}


.bh-dropdesk-actions {
	display:
		flex;

	flex-wrap:
		wrap;

	gap:
		12px;

	margin-top:
		30px;
}


/* ---------- CURRENT #1 ---------- */

.bh-dropdesk-current {
	display:
		block;

	color:
		var(--bh-off-white, #f8f7f4);

	text-decoration:
		none !important;
}


.bh-dropdesk-current__media {
	position:
		relative;

	overflow:
		hidden;

	aspect-ratio:
		4 / 5;

	background:
		#171717;

	border:
		1px solid
		rgba(248,247,244,.10);

	border-radius:
		22px;
}


.bh-dropdesk-current__image {
	display:
		block;

	width:
		100% !important;

	height:
		100% !important;

	object-fit:
		cover;

	object-position:
		center top;

	transition:
		transform 240ms ease;
}


.bh-dropdesk-current:hover
.bh-dropdesk-current__image {
	transform:
		scale(1.018);
}


.bh-dropdesk-rank {
	position:
		absolute;

	z-index:
		2;

	top:
		15px;

	left:
		15px;

	padding:
		8px 11px;

	background:
		var(--bh-gold, #d4a017);

	color:
		var(--bh-black, #0b0b0b);

	border-radius:
		999px;

	font-size:
		0.62rem;

	font-weight:
		850;

	letter-spacing:
		0.1em;
}


.bh-dropdesk-current__meta {
	display:
		grid;

	grid-template-columns:
		1fr auto;

	column-gap:
		20px;

	align-items:
		end;

	padding-top:
		17px;
}


.bh-dropdesk-current__meta > span {
	grid-column:
		1 / -1;

	margin-bottom:
		7px;

	color:
		var(--bh-gold, #d4a017);

	font-size:
		0.62rem;

	font-weight:
		800;

	letter-spacing:
		0.13em;
}


.bh-dropdesk-current__meta h2 {
	margin:
		0;

	color:
		var(--bh-off-white, #f8f7f4);

	font-size:
		clamp(1.2rem, 2vw, 1.7rem);

	line-height:
		1.1;

	letter-spacing:
		-0.035em;
}


.bh-dropdesk-price {
	color:
		rgba(248,247,244,.70);

	font-size:
		0.92rem;
}


/* =========================================================
   WHAT'S MOVING
   ========================================================= */

.bh-moving {
	padding:
		clamp(66px, 7vw, 96px)
		0
		clamp(72px, 7vw, 104px);

	background:
		var(--bh-off-white, #f8f7f4);
}


.bh-moving-grid {
	display:
		grid;

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

	gap:
		clamp(22px, 3vw, 38px);
}


.bh-moving-card__media {
	position:
		relative;

	display:
		block;

	overflow:
		hidden;

	aspect-ratio:
		4 / 5;

	background:
		#ececea;

	border-radius:
		19px;
}


.bh-moving-card__image {
	display:
		block;

	width:
		100% !important;

	height:
		100% !important;

	object-fit:
		cover;

	object-position:
		center top;

	transition:
		transform 220ms ease;
}


.bh-moving-card:hover
.bh-moving-card__image {
	transform:
		scale(1.024);
}


.bh-moving-card__rank {
	position:
		absolute;

	z-index:
		2;

	top:
		14px;

	left:
		14px;

	display:
		flex;

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

	width:
		40px;

	height:
		40px;

	background:
		var(--bh-gold, #d4a017);

	color:
		var(--bh-black, #0b0b0b);

	border-radius:
		50%;

	font-size:
		0.68rem;

	font-weight:
		850;
}


.bh-moving-card__copy {
	padding-top:
		15px;
}


.bh-moving-card__copy h3 {
	margin:
		0 0 8px;

	font-size:
		1rem;

	font-weight:
		700;

	line-height:
		1.3;
}


.bh-moving-card__copy h3 a {
	color:
		var(--bh-black, #0b0b0b);

	text-decoration:
		none;
}


.bh-moving-card__price {
	color:
		#777;

	font-size:
		0.9rem;
}


/* =========================================================
   SHOP BY CULTURE
   ========================================================= */

.bh-culture {
	padding:
		clamp(68px, 7vw, 98px)
		0
		clamp(76px, 8vw, 110px);

	background:
		#f0eee8;
}


.bh-culture-grid {
	display:
		grid;

	grid-template-columns:
		repeat(
			auto-fit,
			minmax(250px, 1fr)
		);

	gap:
		18px;
}


.bh-culture-card {
	position:
		relative;

	overflow:
		hidden;

	min-height:
		340px;

	color:
		#fff;

	border-radius:
		20px;

	text-decoration:
		none !important;

	background:
		#171717;
}


.bh-culture-card__media,
.bh-culture-card__image {
	position:
		absolute;

	inset:
		0;

	width:
		100% !important;

	height:
		100% !important;
}


.bh-culture-card__image {
	object-fit:
		cover;

	object-position:
		center top;

	transition:
		transform 240ms ease;
}


.bh-culture-card:hover
.bh-culture-card__image {
	transform:
		scale(1.025);
}


.bh-culture-card__shade {
	position:
		absolute;

	inset:
		0;

	background:
		linear-gradient(
			to top,
			rgba(5,5,5,.92),
			rgba(5,5,5,.10) 70%
		);
}


.bh-culture-card__copy {
	position:
		absolute;

	z-index:
		2;

	left:
		22px;

	right:
		22px;

	bottom:
		22px;
}


.bh-culture-card__copy span {
	color:
		var(--bh-gold, #d4a017);

	font-size:
		0.61rem;

	font-weight:
		850;

	letter-spacing:
		0.14em;
}


.bh-culture-card__copy h3 {
	margin:
		7px 0 13px;

	color:
		#fff;

	font-size:
		clamp(1.6rem, 3vw, 2.3rem);

	line-height:
		0.98;

	letter-spacing:
		-0.045em;
}


.bh-culture-card__copy strong {
	font-size:
		0.76rem;

	font-weight:
		700;
}


/* =========================================================
   THE NEW DROP
   ========================================================= */

.bh-new-drop {
	padding:
		clamp(70px, 8vw, 110px)
		0;

	background:
		#080808;

	color:
		var(--bh-off-white, #f8f7f4);
}


.bh-new-drop__grid {
	display:
		grid;

	grid-template-columns:
		minmax(0, 1.18fr)
		minmax(300px, .82fr);

	align-items:
		center;

	gap:
		clamp(50px, 7vw, 100px);
}


.bh-new-drop__media {
	display:
		block;

	overflow:
		hidden;

	aspect-ratio:
		4 / 3;

	border-radius:
		22px;

	background:
		#171717;
}


.bh-new-drop__image {
	display:
		block;

	width:
		100% !important;

	height:
		100% !important;

	object-fit:
		cover;

	object-position:
		center top;
}


.bh-new-drop__copy h2 {
	max-width:
		550px;

	margin:
		0;

	color:
		var(--bh-off-white, #f8f7f4);

	font-size:
		clamp(2.8rem, 5vw, 5rem);

	line-height:
		0.94;

	letter-spacing:
		-0.06em;
}


.bh-new-drop__price {
	margin-top:
		17px;

	font-size:
		1rem;

	font-weight:
		700;
}


.bh-new-drop__copy > p:not(.bh-section-kicker) {
	max-width:
		480px;

	margin:
		21px 0 28px;

	color:
		rgba(248,247,244,.62);

	line-height:
		1.6;
}


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

.bh-brand-statement {
	padding:
		clamp(72px, 8vw, 112px)
		24px;

	background:
		var(--bh-off-white, #f8f7f4);
}


.bh-brand-statement__inner {
	width:
		100%;

	max-width:
		1320px !important;

	margin:
		0 auto !important;
}


.bh-brand-statement h2 {
	max-width:
		850px;

	margin:
		0 !important;

	color:
		var(--bh-black, #0b0b0b);

	font-size:
		clamp(4rem, 7vw, 7rem);

	line-height:
		0.88;

	letter-spacing:
		-0.07em;
}


.bh-brand-statement
> .bh-brand-statement__inner
> p:not(.bh-section-kicker) {
	max-width:
		680px;

	margin:
		28px 0 0 !important;

	color:
		#696969;

	font-size:
		clamp(1rem, 1.4vw, 1.2rem);

	line-height:
		1.6;
}


.bh-brand-statement
.wp-block-buttons {
	margin-top:
		30px;
}


.bh-brand-statement
.wp-block-button__link {
	padding:
		14px 22px;

	background:
		var(--bh-black, #0b0b0b);

	color:
		var(--bh-off-white, #f8f7f4);

	border-radius:
		999px;

	font-weight:
		700;
}


.bh-brand-statement
.wp-block-button__link:hover {
	background:
		var(--bh-gold, #d4a017);

	color:
		var(--bh-black, #0b0b0b);
}


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

@media (max-width: 900px) {

	.bh-dropdesk-hero__inner,
	.bh-new-drop__grid {
		grid-template-columns:
			1fr;
	}

	.bh-dropdesk-current {
		max-width:
			560px;
	}

	.bh-moving-grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}

}


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

@media (max-width: 600px) {

	.bh-editorial-inner {
		width:
			calc(100% - 32px);
	}

	.bh-dropdesk-hero {
		padding:
			46px 16px
			54px;
	}

	.bh-dropdesk-hero__copy h1 {
		font-size:
			clamp(3.4rem, 16vw, 5rem);
	}

	.bh-moving,
	.bh-culture,
	.bh-new-drop {
		padding-top:
			54px;

		padding-bottom:
			60px;
	}

	.bh-section-heading-v2 {
		align-items:
			flex-start;

		flex-direction:
			column;

		gap:
			12px;
	}

	.bh-moving-grid {
		grid-template-columns:
			1fr;
	}

	.bh-culture-card {
		min-height:
			300px;
	}

	.bh-brand-statement {
		padding:
			60px 16px;
	}

	.bh-brand-statement h2 {
		font-size:
			clamp(3.5rem, 16vw, 5rem);
	}

}




/* =========================================================
   DROP DESK — PROPORTION / DENSITY POLISH
   ========================================================= */


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

.bh-dropdesk-hero {
	padding:
		48px 24px
		58px !important;
}


.bh-dropdesk-hero__inner {
	grid-template-columns:
		minmax(0, 1.18fr)
		minmax(320px, .82fr) !important;

	gap:
		clamp(44px, 6vw, 84px) !important;

	align-items:
		center !important;
}


/* Slightly reduce headline dominance */

.bh-dropdesk-hero__copy h1 {
	font-size:
		clamp(3.8rem, 6vw, 6rem) !important;

	line-height:
		0.9 !important;

	max-width:
		700px !important;
}


.bh-dropdesk-intro {
	margin-top:
		22px !important;
}


.bh-dropdesk-actions {
	margin-top:
		24px !important;
}


/* ---------- CURRENT #1 ---------- */

.bh-dropdesk-current {
	width:
		100% !important;

	max-width:
		430px !important;

	margin:
		0 0 0 auto !important;

	justify-self:
		end !important;
}


/*
 * Force Woo image to fill the intended card.
 * This removes the dark empty area underneath the photo.
 */

.bh-dropdesk-current__media {
	width:
		100% !important;

	aspect-ratio:
		4 / 5 !important;

	height:
		auto !important;
}


.bh-dropdesk-current__media img,
.bh-dropdesk-current__image {
	display:
		block !important;

	width:
		100% !important;

	height:
		100% !important;

	max-width:
		none !important;

	margin:
		0 !important;

	object-fit:
		cover !important;

	object-position:
		center top !important;
}


.bh-dropdesk-current__meta {
	padding-top:
		13px !important;
}


.bh-dropdesk-current__meta h2 {
	font-size:
		clamp(1.05rem, 1.7vw, 1.45rem) !important;
}


/* =========================================================
   WHAT'S MOVING
   ========================================================= */

.bh-moving {
	padding-top:
		64px !important;

	padding-bottom:
		70px !important;
}


.bh-section-heading-v2 {
	margin-bottom:
		26px !important;
}


/* =========================================================
   SHOP BY CULTURE
   ========================================================= */

.bh-culture {
	padding-top:
		62px !important;

	padding-bottom:
		70px !important;
}


/*
 * Auto-fit means:
 * 2 live categories => two substantial wide cards.
 * More categories later => the grid naturally grows.
 */

.bh-culture-grid {
	grid-template-columns:
		repeat(
			auto-fit,
			minmax(360px, 1fr)
		) !important;

	gap:
		22px !important;
}


.bh-culture-card {
	width:
		100% !important;

	max-width:
		none !important;

	min-height:
		320px !important;

	aspect-ratio:
		16 / 9;
}


.bh-culture-card__media,
.bh-culture-card__media img,
.bh-culture-card__image {
	width:
		100% !important;

	height:
		100% !important;

	max-width:
		none !important;
}


.bh-culture-card__media img,
.bh-culture-card__image {
	object-fit:
		cover !important;

	object-position:
		center top !important;
}


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

.bh-brand-statement {
	padding:
		64px 24px
		72px !important;
}


.bh-brand-statement h2 {
	font-size:
		clamp(3.6rem, 6vw, 5.8rem) !important;

	max-width:
		800px !important;
}


.bh-brand-statement
> .bh-brand-statement__inner
> p:not(.bh-section-kicker) {
	margin-top:
		20px !important;
}


.bh-brand-statement
.wp-block-buttons {
	margin-top:
		24px !important;
}


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

@media (max-width: 900px) {

	.bh-dropdesk-current {
		margin:
			0 !important;

		justify-self:
			start !important;
	}


	.bh-culture-grid {
		grid-template-columns:
			repeat(
				2,
				minmax(0, 1fr)
			) !important;
	}

}


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

@media (max-width: 600px) {

	.bh-dropdesk-hero {
		padding:
			38px 16px
			46px !important;
	}


	.bh-dropdesk-hero__copy h1 {
		font-size:
			clamp(3.25rem, 15vw, 4.7rem) !important;
	}


	.bh-dropdesk-current {
		max-width:
			100% !important;
	}


	.bh-culture-grid {
		grid-template-columns:
			1fr !important;
	}


	.bh-culture-card {
		aspect-ratio:
			4 / 3;

		min-height:
			280px !important;
	}


	.bh-brand-statement {
		padding:
			52px 16px
			58px !important;
	}

}




/* =========================================================
   DROP DESK — WORDPRESS SHORTCODE FULL-WIDTH FIX
   The homepage sections render through core/shortcode blocks.
   Remove the block-theme content-width constraint so each
   component can manage its own 1320px inner layout.
   ========================================================= */

.bh-editorial-home
> .wp-block-shortcode {
	width: 100% !important;
	max-width: none !important;

	margin:
		0 !important;

	margin-block-start:
		0 !important;

	margin-block-end:
		0 !important;

	padding:
		0 !important;
}


/*
 * Some block-theme global styles target children of main
 * more aggressively. Keep these generated editorial sections
 * full bleed while their own __inner elements remain centered.
 */

.bh-editorial-home
> .wp-block-shortcode
> .bh-dropdesk-hero,

.bh-editorial-home
> .wp-block-shortcode
> .bh-moving,

.bh-editorial-home
> .wp-block-shortcode
> .bh-culture,

.bh-editorial-home
> .wp-block-shortcode
> .bh-new-drop {
	width:
		100% !important;

	max-width:
		none !important;

	margin:
		0 !important;
}


/*
 * Reassert the intended desktop hero grid.
 * Do NOT change display type; keep the original CSS Grid.
 */

@media (min-width: 901px) {

	.bh-dropdesk-hero__inner {
		display:
			grid !important;

		grid-template-columns:
			minmax(0, 1.18fr)
			minmax(320px, .82fr) !important;

		align-items:
			center !important;

		gap:
			clamp(44px, 6vw, 84px) !important;
	}


	.bh-dropdesk-current {
		width:
			100% !important;

		max-width:
			430px !important;

		margin:
			0 0 0 auto !important;

		justify-self:
			end !important;
	}

}


/* =========================================================
   CULTURE — NOW THAT THE WRAPPER IS FULL WIDTH
   ========================================================= */

@media (min-width: 701px) {

	.bh-culture-grid {
		display:
			grid !important;

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

		gap:
			24px !important;

		width:
			100% !important;
	}


	.bh-culture-card {
		width:
			100% !important;

		max-width:
			none !important;
	}

}




/* =========================================================
   DROP DESK — WORDPRESS EMPTY PARAGRAPH FIX
   WordPress inserts empty <p> nodes into shortcode output.
   They were becoming grid items and shifting real content.
   ========================================================= */


/* Hero should contain only:
 * 1. copy
 * 2. current #1 product
 */

.bh-dropdesk-hero__inner > p {
	display: none !important;

	width: 0 !important;
	height: 0 !important;

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


/* Culture grid should contain only category cards. */

.bh-culture-grid > p {
	display: none !important;

	width: 0 !important;
	height: 0 !important;

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


/* Explicit placement as a safeguard. */

@media (min-width: 901px) {

	.bh-dropdesk-hero__copy {
		grid-column: 1 !important;
		grid-row: 1 !important;
	}


	.bh-dropdesk-current {
		grid-column: 2 !important;
		grid-row: 1 !important;

		align-self: center !important;
		justify-self: end !important;
	}

}




/* =========================================================
   DROP DESK HERO — FINAL POLISH
   Structure is locked. Cosmetic changes only.
   ========================================================= */

.bh-dropdesk-hero {
	padding-top: 36px !important;
	padding-bottom: 40px !important;
}


/* CURRENT #1 already explains the merchandising position. */
.bh-dropdesk-current__meta > span {
	display: none !important;
}


.bh-dropdesk-current__meta {
	grid-template-columns:
		minmax(0, 1fr)
		auto !important;

	padding-top:
		13px !important;

	column-gap:
		16px !important;
}


.bh-dropdesk-current__meta h2 {
	max-width:
		330px;

	font-size:
		clamp(1rem, 1.4vw, 1.28rem) !important;

	line-height:
		1.18 !important;
}


.bh-dropdesk-price {
	align-self:
		end;

	white-space:
		nowrap;

	font-size:
		0.88rem !important;
}




/* =========================================================
   SHOP BY CULTURE — RESPONSIVE CATEGORY COUNT
   ========================================================= */


/* Two categories: large editorial pair */

.bh-culture-grid--count-1 {
	grid-template-columns:
		minmax(0, 1fr) !important;

	max-width:
		720px;
}


.bh-culture-grid--count-2 {
	grid-template-columns:
		repeat(2, minmax(0, 1fr)) !important;
}


/* Three or more: denser three-column culture wall */

.bh-culture-grid--count-3,
.bh-culture-grid--count-4,
.bh-culture-grid--count-5,
.bh-culture-grid--count-6 {
	grid-template-columns:
		repeat(3, minmax(0, 1fr)) !important;
}


.bh-culture-grid--count-3 .bh-culture-card,
.bh-culture-grid--count-4 .bh-culture-card,
.bh-culture-grid--count-5 .bh-culture-card,
.bh-culture-grid--count-6 .bh-culture-card {
	min-height:
		300px !important;

	aspect-ratio:
		4 / 3 !important;
}


/* Tablet */

@media (max-width: 900px) {

	.bh-culture-grid--count-3,
	.bh-culture-grid--count-4,
	.bh-culture-grid--count-5,
	.bh-culture-grid--count-6 {
		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;
	}

}


/* Mobile */

@media (max-width: 650px) {

	.bh-culture-grid,
	.bh-culture-grid--count-1,
	.bh-culture-grid--count-2,
	.bh-culture-grid--count-3,
	.bh-culture-grid--count-4,
	.bh-culture-grid--count-5,
	.bh-culture-grid--count-6 {
		grid-template-columns:
			1fr !important;
	}

}