/* ==========================================================================
   Marruá Torn — Product Page (PDP)
   ========================================================================== */

:root {
	--marrua-pdp-cream: #f5f0eb;
	--marrua-pdp-sand: #ede6dc;
	--marrua-pdp-link: #8b7b6e;
	--marrua-pdp-green: #2d6a4f;
	--marrua-pdp-sale: #c0392b;
	--marrua-pdp-stock: #8b4a1a;
	--marrua-product-image-size: 600px;
	--marrua-product-image-ratio: 1 / 1;
	--marrua-pdp-gallery-frame-max: var(--marrua-product-image-size);
}

.marrua-pdp__product {
	background: var(--color-bg);
}

/* Breadcrumb */
.marrua-pdp-breadcrumb {
	background: var(--marrua-pdp-cream);
	border-bottom: 1px solid rgba(79, 52, 36, 0.12);
	height: 50px;
	display: flex;
	align-items: center;
}

.marrua-pdp-breadcrumb__list {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.marrua-pdp-breadcrumb__item {
	font-size: 12px;
	line-height: 18px;
	color: var(--marrua-pdp-link);
}

.marrua-pdp-breadcrumb__item a {
	color: var(--marrua-pdp-link);
	transition: opacity var(--transition);
}

.marrua-pdp-breadcrumb__item a:hover {
	opacity: 0.75;
}

.marrua-pdp-breadcrumb__item:last-child,
.marrua-pdp-breadcrumb__item:last-child a {
	color: var(--color-brown);
	font-weight: 500;
}

.marrua-pdp-breadcrumb__sep {
	color: var(--color-tan);
	font-size: 16px;
	line-height: 24px;
}

/* Hero */
.marrua-pdp__hero {
	padding: 60px 0;
}

.marrua-pdp__hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
	gap: 40px;
	align-items: start;
	width: 100%;
}

/* Gallery */
.marrua-pdp-gallery {
	display: flex;
	justify-content: center;
	min-width: 0;
	width: 100%;
}

.marrua-pdp-gallery__layout {
	display: grid;
	grid-template-columns: 80px var(--marrua-pdp-gallery-frame-max);
	gap: 16px;
	align-items: center;
	width: fit-content;
	max-width: 100%;
}

.marrua-pdp-gallery__thumbs {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	max-height: var(--marrua-pdp-gallery-frame-max);
	overflow-y: auto;
	flex-shrink: 0;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.marrua-pdp-gallery__thumbs::-webkit-scrollbar {
	display: none;
}

.marrua-pdp-gallery__thumb[hidden],
.marrua-pdp-gallery__image[hidden] {
	display: none !important;
}

.marrua-pdp-gallery__thumb {
	width: 80px;
	height: 80px;
	flex-shrink: 0;
	border: none;
	border-radius: 6px;
	padding: 0;
	overflow: hidden;
	cursor: pointer;
	box-shadow: 0 0 0 1px rgba(79, 52, 36, 0.2);
	background: transparent;
	transition: box-shadow var(--transition);
}

.marrua-pdp-gallery__thumb--active {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--color-brown);
}

.marrua-pdp-gallery__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.marrua-pdp-gallery__main {
	position: relative;
	width: var(--marrua-pdp-gallery-frame-max);
	height: var(--marrua-pdp-gallery-frame-max);
	flex-shrink: 0;
	background: transparent;
	border-radius: 4px;
	overflow: hidden;
}

.marrua-pdp-gallery__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	opacity: 0;
	transition: opacity 0.2s ease;
	pointer-events: none;
}

.marrua-pdp-gallery__image--active {
	opacity: 1;
	pointer-events: auto;
	z-index: 1;
}

.marrua-pdp-gallery__badge {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 2;
	padding: 10px 12px;
	background: var(--color-dark);
	color: var(--color-white);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	border-radius: 6px;
	line-height: 13.5px;
}

.marrua-pdp-gallery__actions {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.marrua-pdp-gallery__action {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.88);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.marrua-pdp-gallery__expand {
	position: absolute;
	right: 16px;
	bottom: 16px;
	z-index: 2;
	width: 36px;
	height: 36px;
	border: none;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.85);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

/* Lightbox */
.marrua-pdp-lightbox {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
}

.marrua-pdp-lightbox[hidden] {
	display: none !important;
}

body.marrua-pdp-lightbox-open {
	overflow: hidden;
}

.marrua-pdp-lightbox__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(10, 10, 10, 0.82);
}

.marrua-pdp-lightbox__dialog {
	position: relative;
	z-index: 1;
	max-width: min(1100px, 100%);
	max-height: calc(100vh - 48px);
}

.marrua-pdp-lightbox__image {
	display: block;
	max-width: 100%;
	max-height: calc(100vh - 48px);
	width: auto;
	height: auto;
	margin: 0 auto;
	object-fit: contain;
	border-radius: 4px;
}

.marrua-pdp-lightbox__close {
	position: absolute;
	top: -12px;
	right: -12px;
	width: 40px;
	height: 40px;
	border: none;
	border-radius: 50%;
	background: var(--color-white);
	color: var(--color-dark);
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Summary */
.marrua-pdp-summary {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
	max-width: 618px;
}

.marrua-pdp-summary__meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
}

.marrua-pdp-summary__category {
	font-family: var(--font-condensed);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	color: var(--color-brown-light);
}

.marrua-pdp-summary__sku {
	font-size: 10px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--marrua-pdp-link);
}

.marrua-pdp-summary__title {
	font-size: 30px;
	font-weight: 700;
	line-height: 36px;
	color: var(--color-dark);
}

.marrua-pdp-summary__rating {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.marrua-pdp-summary__stars {
	display: flex;
	gap: 4px;
}

.marrua-pdp-summary__score {
	font-size: 13px;
	font-weight: 700;
	color: var(--color-brown);
}

.marrua-pdp-summary__reviews-link,
.marrua-pdp-summary__sold {
	font-size: 12px;
	color: var(--marrua-pdp-link);
}

.marrua-pdp-summary__divider {
	color: #d4c4b5;
	font-size: 16px;
}

.marrua-pdp-summary__price-box {
	background: var(--marrua-pdp-sand);
	border: 1px solid rgba(79, 52, 36, 0.12);
	border-radius: 4px;
	padding: 21px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.marrua-pdp-summary__price-row {
	display: flex;
	align-items: flex-end;
	gap: 12px;
	flex-wrap: wrap;
}

.marrua-pdp-summary__price {
	font-size: 36px;
	font-weight: 900;
	line-height: 54px;
	color: var(--color-dark);
}

.marrua-pdp-summary__price-old {
	font-size: 18px;
	line-height: 27px;
	color: var(--color-tan);
	text-decoration: line-through;
}

.marrua-pdp-summary__price-badge {
	padding: 3px 8px;
	background: rgba(192, 57, 43, 0.1);
	color: var(--marrua-pdp-sale);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 6px;
}

.marrua-pdp-summary__installments {
	font-size: 13px;
	color: var(--color-brown);
}

.marrua-pdp-summary__pix {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 500;
	color: var(--marrua-pdp-green);
}

.marrua-pdp-summary__label-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.marrua-pdp-summary__label-row--between {
	justify-content: space-between;
}

.marrua-pdp-summary__label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--color-brown);
}

.marrua-pdp-summary__value {
	font-size: 12px;
	font-weight: 500;
	color: var(--color-dark);
}

.marrua-pdp-summary__swatches {
	display: flex;
	gap: 8px;
}

.marrua-pdp-summary__swatch {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: none;
	background: var(--swatch-color);
	box-shadow: 0 0 0 1px rgba(79, 52, 36, 0.2);
	cursor: pointer;
	position: relative;
}

.marrua-pdp-summary__swatch--active {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--color-brown);
}

.marrua-pdp-summary__swatch--disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.marrua-pdp-summary__swatch--disabled::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(45deg, transparent 45%, var(--marrua-pdp-sale) 45%, var(--marrua-pdp-sale) 55%, transparent 55%);
}

.marrua-pdp-summary__size-guide {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	font-weight: 500;
	color: var(--color-brown);
	text-decoration: underline;
	cursor: pointer;
}

.marrua-pdp-summary__size-grid {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.marrua-pdp-summary__size {
	min-width: 48px;
	height: 44px;
	padding: 0 8px;
	border: 1px solid rgba(79, 52, 36, 0.25);
	border-radius: 6px;
	background: transparent;
	font-size: 12px;
	font-weight: 700;
	color: var(--color-brown);
	cursor: pointer;
}

.marrua-pdp-summary__size--active {
	background: var(--color-brown);
	border-color: var(--color-brown);
	color: var(--color-white);
}

.marrua-pdp-summary__size--disabled {
	background: var(--marrua-pdp-cream);
	border-color: rgba(79, 52, 36, 0.12);
	color: #c4b8ae;
	text-decoration: line-through;
	cursor: not-allowed;
}

.marrua-pdp-summary__form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* Variable product — WooCommerce add-to-cart form */
.marrua-pdp-summary__form--variable {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.marrua-pdp-summary__form--variable .variations {
	width: 100%;
	border: none;
	margin: 0;
}

.marrua-pdp-summary__form--variable .variations tr {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 16px;
}

.marrua-pdp-summary__form--variable .variations td,
.marrua-pdp-summary__form--variable .variations th {
	display: block;
	padding: 0;
	border: none;
}

.marrua-pdp-summary__form--variable .variations label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--color-brown);
}

.marrua-pdp-summary__form--variable .variations tr:has(.marrua-pdp-summary__attribute) th {
	display: none;
}

.marrua-pdp-summary__form--variable .variations tr:has(.marrua-pdp-summary__attribute) {
	margin-bottom: 20px;
}

.marrua-pdp-variation-select.visually-hidden,
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.marrua-pdp-summary__attribute + .marrua-pdp-summary__attribute {
	margin-top: 4px;
}

.marrua-pdp-summary__form--variable .reset_variations {
	font-size: 12px;
	color: var(--marrua-pdp-link);
	margin-top: 4px;
}

.marrua-pdp-summary__form--variable .woocommerce-variation-price {
	margin-bottom: 8px;
}

.marrua-pdp-summary__form--variable .woocommerce-variation-price .price {
	font-size: 24px;
	font-weight: 700;
	color: var(--color-brown);
}

.marrua-pdp-summary__form--variable .single_variation_wrap {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.marrua-pdp-summary__form--variable .woocommerce-variation-add-to-cart {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.marrua-pdp-summary__form--variable .quantity {
	display: flex;
	align-items: center;
	width: 134px;
	height: 46px;
	background: #fff;
	border: 1px solid rgba(79, 52, 36, 0.2);
	border-radius: 6px;
	overflow: hidden;
}

.marrua-pdp-summary__form--variable .quantity input.qty {
	flex: 1;
	width: 100%;
	height: 44px;
	border: none;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	background: transparent;
}

.marrua-pdp-summary__form--variable .single_add_to_cart_button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	height: 56px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	background: var(--color-brown);
	color: var(--color-white);
	border: none;
	cursor: pointer;
}

.marrua-pdp-summary__quantity-row {
	display: flex;
	align-items: center;
	gap: 16px;
}

.marrua-pdp-summary__qty {
	display: flex;
	align-items: center;
	width: 134px;
	height: 46px;
	background: #fff;
	border: 1px solid rgba(79, 52, 36, 0.2);
	border-radius: 6px;
	overflow: hidden;
}

.marrua-pdp-summary__qty .quantity {
	display: contents;
}

.marrua-pdp-summary__qty-input,
.marrua-pdp-summary__qty input.qty {
	flex: 1;
	width: 100%;
	height: 44px;
	border: none;
	border-left: 1px solid rgba(79, 52, 36, 0.15);
	border-right: 1px solid rgba(79, 52, 36, 0.15);
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: var(--color-dark);
	background: transparent;
	-moz-appearance: textfield;
}

.marrua-pdp-summary__qty-input::-webkit-outer-spin-button,
.marrua-pdp-summary__qty-input::-webkit-inner-spin-button,
.marrua-pdp-summary__qty input.qty::-webkit-outer-spin-button,
.marrua-pdp-summary__qty input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.marrua-pdp-summary__qty-btn {
	width: 40px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.marrua-pdp-summary__stock-warning {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	background: rgba(139, 74, 26, 0.07);
	border-radius: 6px;
	font-size: 12px;
	font-weight: 500;
	color: var(--marrua-pdp-stock);
}

.marrua-pdp-summary__actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.marrua-pdp-summary__buy-now,
.marrua-pdp-summary__add-cart {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	height: 56px;
	border-radius: 6px;
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	cursor: pointer;
	line-height: 1;
	text-decoration: none;
	-webkit-appearance: none;
	appearance: none;
}

.marrua-pdp-summary__buy-now {
	background: var(--color-brown);
	color: var(--color-white);
	border: none;
	box-shadow: 0 4px 8px rgba(79, 52, 36, 0.3);
}

.marrua-pdp-summary__add-cart {
	background: transparent;
	color: var(--color-dark);
	border: 1px solid var(--color-dark);
	height: 52px;
}

.marrua-pdp-summary__shipping {
	background: #fff;
	border: 1px solid rgba(79, 52, 36, 0.12);
	border-radius: 4px;
	padding: 20px;
}

.marrua-pdp-summary__shipping-header {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--color-brown);
}

.marrua-pdp-summary__shipping-form {
	display: flex;
	gap: 8px;
	margin-bottom: 12px;
}

.marrua-pdp-summary__cep-input {
	flex: 1;
	height: 44px;
	padding: 0 16px;
	border: 1px solid rgba(79, 52, 36, 0.2);
	border-radius: 6px;
	background: var(--marrua-pdp-cream);
	font-size: 14px;
	color: var(--color-dark);
}

.marrua-pdp-summary__cep-input::placeholder {
	color: rgba(26, 20, 16, 0.5);
}

.marrua-pdp-summary__cep-btn {
	width: 60px;
	height: 44px;
	border: none;
	border-radius: 6px;
	background: var(--color-brown);
	color: var(--color-white);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
}

.marrua-pdp-summary__cep-help {
	font-size: 11px;
	color: var(--marrua-pdp-link);
	text-decoration: underline;
}

.marrua-pdp-summary__trust {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px 24px;
	padding-top: 16px;
	border-top: 1px solid rgba(79, 52, 36, 0.1);
}

.marrua-pdp-summary__trust-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	color: var(--color-brown);
}

.marrua-pdp-summary__payments-label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--color-brown);
	margin-bottom: 8px;
}

.marrua-pdp-summary__payments-list {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.marrua-pdp-summary__payment-badge {
	display: inline-flex;
	align-items: center;
	height: 34px;
	padding: 0 8px;
	border: 1px solid rgba(79, 52, 36, 0.12);
	border-radius: 6px;
	font-size: 9px;
	font-weight: 700;
	color: var(--marrua-pdp-link);
}

/* Tabs */
.marrua-pdp-tabs {
	padding-bottom: 60px;
	background: var(--color-bg);
}

.marrua-pdp-tabs__nav {
	display: flex;
	gap: 40px;
	border-bottom: 1px solid rgba(79, 52, 36, 0.15);
	margin-bottom: 40px;
	overflow-x: auto;
}

.marrua-pdp-tabs__tab {
	position: relative;
	padding-bottom: 14px;
	border: none;
	background: none;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--marrua-pdp-link);
	cursor: pointer;
	white-space: nowrap;
}

.marrua-pdp-tabs__tab--active {
	color: var(--color-dark);
}

.marrua-pdp-tabs__tab--active::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: var(--color-brown);
}

.marrua-pdp-tabs__panel[hidden] {
	display: none;
}

.marrua-pdp-tabs__desc-layout {
	display: grid;
	grid-template-columns: minmax(0, 646px) minmax(0, 467px);
	gap: 48px;
	align-items: start;
}

.marrua-pdp-tabs__heading {
	font-size: 18px;
	font-weight: 700;
	line-height: 27px;
	color: var(--color-dark);
	margin-bottom: 16px;
}

.marrua-pdp-tabs__text {
	font-size: 15px;
	line-height: 27px;
	color: var(--color-brown);
	margin-bottom: 24px;
}

.marrua-pdp-tabs__subheading {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--color-brown);
	margin-bottom: 12px;
}

.marrua-pdp-tabs__list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.marrua-pdp-tabs__list-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding-left: 20px;
	font-size: 14px;
	line-height: 21px;
	color: var(--color-brown);
}

.marrua-pdp-tabs__figure-image {
	background: transparent;
	border-radius: 4px;
	overflow: hidden;
	aspect-ratio: var(--marrua-product-image-ratio);
	max-width: var(--marrua-product-image-size);
}

.marrua-pdp-tabs__figure-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.marrua-pdp-tabs__caption {
	margin-top: 12px;
	font-size: 13px;
	font-style: italic;
	font-weight: 300;
	text-align: center;
	color: var(--marrua-pdp-link);
}

/* Reviews */
.marrua-pdp-reviews {
	background: var(--marrua-pdp-sand);
	padding: 60px 0;
}

.marrua-pdp-reviews__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 30px;
}

.marrua-pdp-reviews__eyebrow {
	font-family: var(--font-condensed);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	color: var(--color-brown-light);
	margin-bottom: 8px;
}

.marrua-pdp-reviews__title {
	font-size: 28px;
	font-weight: 700;
	line-height: 42px;
	color: var(--color-dark);
}

.marrua-pdp-reviews__write-btn {
	height: 34.5px;
	padding: 0 20px;
	border: 1px solid var(--color-brown);
	border-radius: 6px;
	background: transparent;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--color-brown);
	cursor: pointer;
}

.marrua-pdp-reviews__summary {
	display: grid;
	grid-template-columns: 136px 1fr 1.2fr;
	gap: 48px;
	align-items: start;
	background: #fff;
	border-radius: 4px;
	padding: 32px 36px;
	box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
}

.marrua-pdp-reviews__score {
	font-size: 64px;
	font-weight: 900;
	line-height: 64px;
	color: var(--color-dark);
}

.marrua-pdp-reviews__stars {
	display: flex;
	gap: 4px;
	margin: 8px 0;
}

.marrua-pdp-reviews__total {
	font-size: 13px;
	color: var(--marrua-pdp-link);
}

.marrua-pdp-reviews__bar-row {
	display: grid;
	grid-template-columns: 48px 1fr 32px;
	gap: 12px;
	align-items: center;
	margin-bottom: 8px;
}

.marrua-pdp-reviews__bar-label {
	font-size: 12px;
	font-weight: 500;
	color: var(--color-brown);
}

.marrua-pdp-reviews__bar-track {
	height: 6px;
	background: rgba(79, 52, 36, 0.12);
	border-radius: 999px;
	overflow: hidden;
}

.marrua-pdp-reviews__bar-fill {
	height: 100%;
	background: var(--color-brown);
	border-radius: 999px;
}

.marrua-pdp-reviews__bar-count {
	font-size: 11px;
	color: var(--marrua-pdp-link);
	text-align: right;
}

.marrua-pdp-reviews__tags-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--color-brown);
	margin-bottom: 12px;
}

.marrua-pdp-reviews__tags-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.marrua-pdp-reviews__tag {
	padding: 4px 12px;
	border: 1px solid rgba(79, 52, 36, 0.15);
	border-radius: 999px;
	background: rgba(79, 52, 36, 0.08);
	font-size: 12px;
	font-weight: 500;
	color: var(--color-brown);
}

.marrua-pdp-reviews__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-bottom: 30px;
}

.marrua-pdp-reviews__card {
	background: #fff;
	border: 1px solid rgba(79, 52, 36, 0.08);
	border-radius: 4px;
	padding: 21px;
	box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.1);
}

.marrua-pdp-reviews__card-header {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}

.marrua-pdp-reviews__avatar {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--color-brown);
	color: var(--color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
	flex-shrink: 0;
}

.marrua-pdp-reviews__card-name-row {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.marrua-pdp-reviews__card-name {
	font-size: 12px;
	color: var(--color-dark);
}

.marrua-pdp-reviews__verified {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 8px;
	background: rgba(45, 106, 79, 0.08);
	border-radius: 5px;
	font-size: 8px;
	font-weight: 500;
	color: var(--marrua-pdp-green);
}

.marrua-pdp-reviews__card-location {
	font-size: 9px;
	color: var(--marrua-pdp-link);
	margin-top: 4px;
}

.marrua-pdp-reviews__card-stars {
	display: flex;
	gap: 3px;
	margin-bottom: 8px;
}

.marrua-pdp-reviews__card-title {
	font-size: 12px;
	font-weight: 700;
	color: var(--color-dark);
	margin-bottom: 8px;
}

.marrua-pdp-reviews__card-text {
	font-size: 12px;
	line-height: 19px;
	color: var(--color-brown);
	margin-bottom: 12px;
}

.marrua-pdp-reviews__card-meta {
	font-size: 9px;
	color: var(--marrua-pdp-link);
	padding-top: 12px;
	border-top: 1px solid rgba(79, 52, 36, 0.08);
	margin-bottom: 12px;
}

.marrua-pdp-reviews__card-footer {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 10px;
	color: var(--marrua-pdp-link);
}

.marrua-pdp-reviews__helpful {
	border: none;
	background: none;
	font-size: 10px;
	font-weight: 500;
	color: var(--color-brown);
	cursor: pointer;
}

.marrua-pdp-reviews__empty {
	margin: 0;
	padding: 32px;
	text-align: center;
	font-size: 14px;
	line-height: 1.6;
	color: var(--marrua-pdp-link);
	background: var(--marrua-pdp-cream);
	border: 1px dashed rgba(79, 52, 36, 0.2);
	border-radius: 6px;
}

.marrua-pdp-reviews__load-more {
	display: block;
	margin: 0 auto;
	min-width: 271px;
	height: 44px;
	padding: 0 24px;
	border: 1px solid rgba(79, 52, 36, 0.25);
	border-radius: 6px;
	background: transparent;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--color-brown);
	cursor: pointer;
}

/* Cross-sell */
.marrua-pdp-cross-sell {
	padding: 72px 0;
	background: var(--color-bg);
}

.marrua-pdp-cross-sell__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 32px;
}

.marrua-pdp-cross-sell__eyebrow {
	font-family: var(--font-condensed);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	color: var(--color-brown-light);
	margin-bottom: 8px;
}

.marrua-pdp-cross-sell__title {
	font-size: 28px;
	font-weight: 700;
	line-height: 42px;
	color: var(--color-dark);
}

.marrua-pdp-cross-sell__nav {
	display: flex;
	gap: 8px;
}

.marrua-pdp-cross-sell__arrow {
	width: 40px;
	height: 40px;
	border: 1px solid rgba(79, 52, 36, 0.2);
	border-radius: 50%;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.marrua-pdp-cross-sell__track-wrap {
	overflow: hidden;
}

.marrua-pdp-cross-sell__track {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 60px) / 4);
	gap: 20px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.marrua-pdp-cross-sell__track::-webkit-scrollbar {
	display: none;
}

.marrua-pdp-cross-sell__card {
	scroll-snap-align: start;
	background: #fff;
	border: 1px solid rgba(79, 52, 36, 0.08);
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(26, 20, 16, 0.07);
}

.marrua-pdp-cross-sell__image {
	position: relative;
	aspect-ratio: var(--marrua-product-image-ratio);
	background: transparent;
}

.marrua-pdp-cross-sell__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.marrua-pdp-cross-sell__badge {
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 10px 8px;
	background: var(--color-dark);
	color: var(--color-white);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	border-radius: 6px;
}

.marrua-pdp-cross-sell__body {
	padding: 16px;
}

.marrua-pdp-cross-sell__name {
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	color: var(--color-dark);
	margin-bottom: 8px;
}

.marrua-pdp-cross-sell__price {
	font-size: 16px;
	font-weight: 700;
	color: var(--color-brown);
}

/* Recently viewed */
.marrua-pdp-recent {
	background: var(--marrua-pdp-sand);
	padding: 40px 0;
}

.marrua-pdp-recent__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}

.marrua-pdp-recent__title {
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	color: var(--color-dark);
}

.marrua-pdp-recent__link {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--color-brown);
}

.marrua-pdp-recent__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}

.marrua-pdp-recent__card {
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(26, 20, 16, 0.07);
}

.marrua-pdp-recent__image {
	aspect-ratio: var(--marrua-product-image-ratio);
	background: transparent;
}

.marrua-pdp-recent__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.marrua-pdp-recent__body {
	padding: 10px;
}

.marrua-pdp-recent__name {
	font-size: 11px;
	font-weight: 500;
	line-height: 16px;
	color: var(--color-dark);
	margin-bottom: 6px;
}

.marrua-pdp-recent__price {
	font-size: 12px;
	font-weight: 700;
	color: var(--color-brown);
}

/* Responsive */
@media (max-width: 1200px) {
	.marrua-pdp__hero-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.marrua-pdp-summary {
		max-width: none;
	}

	.marrua-pdp-gallery__layout {
		grid-template-columns: 80px minmax(0, 1fr);
		width: 100%;
	}

	.marrua-pdp-gallery__main {
		width: 100%;
		max-width: var(--marrua-pdp-gallery-frame-max);
		height: auto;
		aspect-ratio: 1 / 1;
		margin-inline: auto;
	}

	.marrua-pdp-tabs__desc-layout {
		grid-template-columns: 1fr;
	}

	.marrua-pdp-reviews__summary {
		grid-template-columns: 1fr;
	}

	.marrua-pdp-cross-sell__track {
		grid-auto-columns: calc((100% - 40px) / 3);
	}

	.marrua-pdp-recent__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 992px) {
	.marrua-pdp-reviews__grid {
		grid-template-columns: 1fr;
	}

	.marrua-pdp-cross-sell__track {
		grid-auto-columns: calc((100% - 20px) / 2);
	}

	.marrua-pdp-recent__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.marrua-pdp__hero {
		padding: 32px 0;
	}

	.marrua-pdp-gallery__layout {
		grid-template-columns: 1fr;
		justify-items: center;
		width: 100%;
	}

	.marrua-pdp-gallery__thumbs {
		flex-direction: row;
		justify-content: flex-start;
		width: 100%;
		max-height: none;
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom: 4px;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.marrua-pdp-gallery__thumbs::-webkit-scrollbar {
		display: none;
	}

	.marrua-pdp-gallery__main {
		width: 100%;
		max-width: min(var(--marrua-pdp-gallery-frame-max), 100%);
		height: auto;
		aspect-ratio: 1 / 1;
		background: var(--marrua-pdp-cream);
	}

	.marrua-pdp-gallery__image {
		object-fit: contain;
	}

	.marrua-pdp-gallery__thumb {
		width: 64px;
		height: 64px;
	}

	.marrua-pdp-gallery__badge,
	.marrua-pdp-gallery__actions {
		top: 12px;
	}

	.marrua-pdp-gallery__badge {
		left: 12px;
		padding: 8px 10px;
	}

	.marrua-pdp-gallery__actions {
		right: 12px;
	}

	.marrua-pdp-gallery__action {
		width: 36px;
		height: 36px;
	}

	.marrua-pdp-gallery__expand {
		right: 12px;
		bottom: 12px;
	}

	.marrua-pdp__hero-grid,
	.marrua-pdp-gallery__layout,
	.marrua-pdp-summary,
	.marrua-pdp-summary > * {
		min-width: 0;
	}

	.marrua-pdp-summary__meta,
	.marrua-pdp-summary__label-row,
	.marrua-pdp-summary__quantity-row,
	.marrua-pdp-summary__swatches {
		flex-wrap: wrap;
	}

	.marrua-pdp-summary__shipping-form,
	.marrua-pdp-summary__cep-input {
		min-width: 0;
	}

	.marrua-pdp-summary__title,
	.marrua-pdp-summary__category,
	.marrua-pdp-summary__sku,
	.marrua-pdp-summary__value {
		overflow-wrap: anywhere;
	}

	.marrua-pdp-summary__title {
		font-size: 24px;
		line-height: 30px;
	}

	.marrua-pdp-summary__trust {
		grid-template-columns: 1fr;
	}

	.marrua-pdp-tabs__nav {
		gap: 20px;
	}

	.marrua-pdp-reviews__header {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 480px) {
	.marrua-pdp__hero.marrua-container {
		padding-inline: 24px;
	}

	.marrua-pdp-cross-sell__track {
		grid-auto-columns: 85%;
	}

	.marrua-pdp-recent__grid {
		grid-template-columns: 1fr;
	}
}