/**
 * Bytrn — Brand visual direction system.
 * Scoped under .bytrn-brand-system. Tokens defined in style.css :root (--bv-*).
 */

/* —— Global: no promotional image treatment —— */
.bytrn-brand-system img {
	box-shadow: none !important;
	filter: none !important;
	border-radius: 0;
}

.bytrn-brand-system .bytrn-v-frame {
	position: relative;
	overflow: hidden;
	background: var(--bv-catalog-bg, #fbfbfc);
	border: 1px solid var(--brand-line, #d2d2d7);
	box-shadow: none;
}

.bytrn-brand-system .bytrn-v-frame::before,
.bytrn-brand-system .bytrn-v-frame::after {
	display: none;
}

/* —— 1. Hero (homepage editorial) —— */
.bytrn-brand-system .bytrn-v-hero.bytrn-v-frame,
.bytrn-brand-system .bytrn-home-figure.bytrn-v-frame {
	border: 1px solid var(--brand-line, #d2d2d7);
	background: var(--bv-catalog-bg, #fbfbfc);
}

.bytrn-brand-system .bytrn-v-hero img,
.bytrn-brand-system .bytrn-home-figure img {
	width: 100%;
	height: auto;
	aspect-ratio: var(--bv-hero-ratio, 5 / 4);
	object-fit: var(--bv-hero-fit, cover);
	object-position: var(--bv-hero-position, center 42%);
	background: var(--bv-catalog-bg, #fbfbfc);
}

/* —— 2. PDP gallery (catalog contain, Leica-style) —— */
.bytrn-brand-system .bytrn-v-pdp.bytrn-pdp-gallery-wrap .woocommerce-product-gallery__wrapper,
.bytrn-brand-system .bytrn-pdp-gallery-wrap.bytrn-v-pdp .woocommerce-product-gallery__wrapper {
	background: var(--bv-catalog-bg, #fbfbfc);
	border: 1px solid var(--brand-line, #d2d2d7);
	box-shadow: none;
}

.bytrn-brand-system .bytrn-v-pdp .flex-viewport,
.bytrn-brand-system .bytrn-pdp-gallery-wrap.bytrn-v-pdp .flex-viewport {
	background: var(--bv-catalog-bg, #fbfbfc);
}

.bytrn-brand-system .bytrn-v-pdp .woocommerce-product-gallery__image,
.bytrn-brand-system .bytrn-pdp-gallery-wrap.bytrn-v-pdp .woocommerce-product-gallery__image {
	background: var(--bv-catalog-bg, #fbfbfc);
}

.bytrn-brand-system .bytrn-v-pdp .woocommerce-product-gallery__image img,
.bytrn-brand-system .bytrn-pdp-gallery-wrap.bytrn-v-pdp .woocommerce-product-gallery__image img {
	aspect-ratio: var(--bv-pdp-ratio, 1);
	object-fit: var(--bv-pdp-fit, contain);
	object-position: center center;
	padding: var(--bv-pdp-inset, 10%);
	background: var(--bv-catalog-bg, #fbfbfc);
	max-height: none;
}

.bytrn-brand-system .bytrn-v-pdp .flex-control-thumbs img,
.bytrn-brand-system .bytrn-pdp-gallery-wrap.bytrn-v-pdp .flex-control-thumbs img {
	object-fit: contain;
	object-position: center center;
	padding: 6%;
	background: var(--bv-catalog-bg, #fbfbfc);
	box-shadow: none;
}

/* —— 3. Product grid (shop + cards) —— */
.bytrn-brand-system .bytrn-v-grid.bytrn-wc-media,
.bytrn-brand-system .woocommerce ul.products li.product .bytrn-wc-media.bytrn-v-frame,
.bytrn-brand-system .woocommerce-page ul.products li.product .bytrn-wc-media.bytrn-v-frame {
	aspect-ratio: var(--bv-grid-ratio, 1);
	background: var(--bv-catalog-bg, #fbfbfc);
	border: 1px solid var(--brand-line, #d2d2d7);
	box-shadow: none;
}

.bytrn-brand-system .bytrn-v-grid img,
.bytrn-brand-system .bytrn-wc-media.bytrn-v-frame img,
.bytrn-brand-system .woocommerce ul.products li.product a img,
.bytrn-brand-system .woocommerce-page ul.products li.product a img {
	aspect-ratio: var(--bv-grid-ratio, 1);
	object-fit: var(--bv-grid-fit, contain);
	object-position: center center;
	padding: var(--bv-grid-inset, 10%);
	background: var(--bv-catalog-bg, #fbfbfc);
	box-shadow: none;
	transition: border-color var(--ix-duration-fast, 160ms) var(--ix-ease-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
}

.bytrn-brand-system .woocommerce ul.products li.product:hover a img,
.bytrn-brand-system .woocommerce-page ul.products li.product:hover a img,
.bytrn-brand-system .bytrn-wc-card:hover .bytrn-wc-media img {
	opacity: 1;
	transform: none;
	filter: none;
}

/* —— 4. Homepage product sections —— */
.bytrn-brand-system .bytrn-v-product.bytrn-v-frame,
.bytrn-brand-system .bytrn-home-spotlight-visual.bytrn-v-frame {
	background: var(--bv-catalog-bg, #fbfbfc);
}

.bytrn-brand-system .bytrn-v-product img,
.bytrn-brand-system .bytrn-home-spotlight-visual img {
	aspect-ratio: var(--bv-grid-ratio, 1);
	object-fit: var(--bv-grid-fit, contain);
	object-position: center center;
	padding: var(--bv-grid-inset, 10%);
	background: var(--bv-catalog-bg, #fbfbfc);
}

.bytrn-brand-system .bytrn-v-thumb.bytrn-v-frame,
.bytrn-brand-system .bytrn-home-product-row-thumb.bytrn-v-frame {
	background: var(--bv-catalog-bg, #fbfbfc);
}

.bytrn-brand-system .bytrn-v-thumb img,
.bytrn-brand-system .bytrn-home-product-row-thumb img {
	object-fit: var(--bv-grid-fit, contain);
	object-position: center center;
	padding: var(--bv-grid-inset, 10%);
	background: var(--bv-catalog-bg, #fbfbfc);
}

/* —— 5. Background system (page shells) —— */
.bytrn-brand-system .bytrn-home,
.bytrn-brand-system .bytrn-pdp,
.bytrn-brand-system .woocommerce-shop .site-content,
.bytrn-brand-system .woocommerce.archive .site-content {
	background: var(--brand-bg, #fff);
}

.bytrn-brand-system .bytrn-home-products,
.bytrn-brand-system .bytrn-pdp-shipping,
.bytrn-brand-system .bytrn-pdp-trust {
	background: transparent;
}

/* —— 6. Visual hierarchy: photography never competes with price —— */
.bytrn-brand-system .bytrn-pdp-summary .price,
.bytrn-brand-system .bytrn-home-title {
	text-shadow: none;
}

.bytrn-brand-system .onsale {
	box-shadow: none;
}

/* —— 7. Mobile crop rules —— */
@media (max-width: 767px) {
	.bytrn-brand-system .bytrn-v-hero img,
	.bytrn-brand-system .bytrn-home-figure img {
		aspect-ratio: var(--bv-hero-ratio-mobile, 5 / 4);
		object-position: var(--bv-hero-position-mobile, center 40%);
	}

	.bytrn-brand-system .bytrn-v-pdp .woocommerce-product-gallery__image img,
	.bytrn-brand-system .bytrn-pdp-gallery-wrap.bytrn-v-pdp .woocommerce-product-gallery__image img {
		padding: var(--bv-pdp-inset-mobile, 8%);
	}

	.bytrn-brand-system .bytrn-v-grid img,
	.bytrn-brand-system .bytrn-wc-media.bytrn-v-frame img,
	.bytrn-brand-system .woocommerce ul.products li.product a img {
		padding: var(--bv-grid-inset-mobile, 8%);
	}
}