/**
 * Single product page styles.
 * Layout: 2-col on desktop (gallery left, summary right with sticky behavior).
 */

/* ===== Container ===== */
.mrwoo-product {
	margin-block: var(--space-10);
}

.mrwoo-product__container {
	max-width: 1392px;
	margin-inline: auto;
	padding-inline: var(--container-pad);
}

/* ===== Breadcrumbs ===== */
.mrwoo-product__breadcrumbs {
	font-family: var(--font-sans);
	font-size: var(--text-sm);
	color: var(--color-grey-light);
	margin-bottom: 64px;
	line-height: 1.4;
}

/* Common selectors covering Rank Math + WC + plain output */
.mrwoo-product__breadcrumbs .rank-math-breadcrumb,
.mrwoo-product__breadcrumbs .rank-math-breadcrumb p,
.mrwoo-product__breadcrumbs .woocommerce-breadcrumb,
.mrwoo-product__breadcrumbs .mrwoo-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
}

.mrwoo-product__breadcrumbs a {
	color: var(--color-black);
	text-decoration: none;
	transition: color var(--transition-fast);
}

.mrwoo-product__breadcrumbs a:hover {
	color: var(--color-pink-strawberry);
}

/* Separator: Rank Math uses .separator span, WC uses our delimiter span. */
.mrwoo-product__breadcrumbs .separator,
.mrwoo-product__breadcrumbs .mrwoo-breadcrumb__sep {
	color: #000000;
    margin: 0;
    font-weight: var(--font-regular);;
}

/* Current item — Rank Math wraps in .last, WC leaves as plain text. */
.mrwoo-product__breadcrumbs .last,
.mrwoo-product__breadcrumbs > nav > span:last-child:not(:has(a)) {
	color: #FF8FAB;
}

/* WC fallback: last text node has no <a>. */
.mrwoo-product__breadcrumbs .woocommerce-breadcrumb {
	color: var(--color-pink-strawberry);
}

.mrwoo-product__breadcrumbs .woocommerce-breadcrumb a {
	color: var(--color-black);
}

.mrwoo-product__layout {
	display: flex;
	flex-direction: column;
	gap: 48px;
}

@media (min-width: 1024px) {
	.mrwoo-product__layout {
		display: grid;
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
		gap: 64px;
		align-items: flex-start;
	}
}

/* ===== Left column (gallery + accordion + reviews stack) =====
 * On mobile we flatten this wrapper with `display: contents` so its three
 * children become direct flex items of .mrwoo-product__layout. That lets us
 * reorder them: gallery → summary → accordion → reviews.
 */
.mrwoo-product__left-col {
	display: contents;
}

@media (min-width: 1024px) {
	.mrwoo-product__left-col {
		display: flex;
		flex-direction: column;
		min-width: 0;
	}
}

/* Mobile order: gallery (1), summary (2), accordion (3), reviews (4). */
@media (max-width: 1023px) {
	.mrwoo-product__layout > .mrwoo-product__left-col > .mrwoo-gallery {
		order: 1;
	}
	.mrwoo-product__summary-col {
		order: 2;
	}
	.mrwoo-product__accordion-wrap {
		order: 3;
	}
	.mrwoo-product__reviews {
		order: 4;
	}
}

/* ===== Summary column (right) — sticky on desktop ===== */
.mrwoo-product__summary {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: flex-start;
}

@media (min-width: 1024px) {
	.mrwoo-product__summary-col {
		position: sticky;
		top: 24px;
	}
}

.mrwoo-product__sale-badge {
    display: inline-block;
    background: #FF8FAB;
    color: var(--color-white);
    font-family: var(--font-sans);
    font-weight: var(--font-semibold);
    font-size: var(--text-sm);
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    letter-spacing: 0;
    line-height: 1.4;
    text-transform: none;
    margin: 0;
}

.mrwoo-product__brand {
    font-family: var(--font-sans);
    font-size: var(--text-4xl);
    color: #FF8FAB;
    font-weight: var(--font-medium);
    margin: 0;
    letter-spacing: -0.64px;
    line-height: var(--leading-normal);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
}

.mrwoo-product__brand:hover {
    color: #ff8fabc4;
}

.mrwoo-product__brand a {
	color: inherit;
	text-decoration: none;
}

.mrwoo-product__title {
	font-family: var(--font-heading);
	font-weight: var(--font-bold);
	font-size: var(--text-h4);
	line-height: 1.3;
	color: var(--color-black);
	margin: 0;
	letter-spacing: 0;
}

@media (min-width: 768px) {
	.mrwoo-product__title {
		font-size: var(--text-4xl);
	}
}

.mrwoo-product__rating {
	display: flex;
	align-items: center;
	gap: var(--space-4);
	font-size: 16px;
}

.mrwoo-product__rating-summary {
    color: #000;
    line-height: 26px;
}

.mrwoo-product__rating-summary .mrwoo-rating__avg {
	color: var(--color-black);
	font-weight: var(--font-semibold);
}

.mrwoo-product__price {
	display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    margin-top: 32px;
}

.mrwoo-product__price .price {
	font-family: var(--font-heading);
	font-weight: var(--font-bold);
	letter-spacing: -1px;
}

.price__whole {
    font-size: 2.5rem;
    font-weight: 700;
}

.mrwoo-product__price .price--current {
    font-size: var(--text-5xl) !important;
    color: var(--color-black) !important;
    line-height: 1.1 !important;
    text-align: center;
    font-weight: 700 !important;
    letter-spacing: -0.4px !important;
}

.mrwoo-product__price .price--was {
	font-size: var(--text-base);
	color: var(--color-grey-light);
	text-decoration: none;
	font-weight: var(--font-medium);
	letter-spacing: 0;
}

.mrwoo-product__price .price__symbol {
	font-size: 2.5rem;
    margin-right: 0px;
}

.mrwoo-product__price .price--was .price__symbol {
	color: #FFB8CD;
}

.woocommerce-js div.product p.price, .woocommerce-js div.product span.price {
    margin: 0;
}

.price--was .price__whole {
    font-size: 22px;
    color: #FFB8CD;
}

.mrwoo-product__price .price.price--was .price__cents {
    color: #FFB8CD;
}

.mrwoo-product__price .price.price--was .price__symbol {
    font-size: 22px;
}

.mrwoo-product__price .price__cents {
	font-size: 0.5em;
    font-weight: 700 !important;
    margin-left: 1px;
    top: 0;
    position: relative;
}

/* ===== Add to cart row ===== */
.mrwoo-product__cart {
	width: 100%;
	margin-bottom: 32px;
}

.mrwoo-product__cart form.cart {
	display: flex;
	gap: 0px;
	align-items: stretch;
	flex-wrap: wrap;
	margin: 0;
}

/* Quantity wrapper — JS adds .mrwoo-qty class + -/+ buttons inside .quantity */
.mrwoo-product__cart .quantity {
	display: inline-flex;
    align-items: center;
    border: 1px solid #ebebeb;
    border-radius: var(--radius-pill);
    background: var(--color-white);
    height: 48px;
    min-width: 152px;
    padding: 0 12px;
    overflow: hidden;
    margin: 0 24px 0em 0 !important;
    justify-content: space-between;
}

.mrwoo-product__cart .mrwoo-qty__btn {
	width: 36px;
	height: 100%;
	border: 0;
	background: transparent;
	color: var(--color-black);
	font-size: var(--text-base);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	transition: background var(--transition-fast);
}

.mrwoo-product__cart .mrwoo-qty__btn:hover {
	background: var(--color-grey-bg);
}

.mrwoo-product__cart .mrwoo-qty__btn:disabled {
	color: var(--color-grey-light);
	cursor: not-allowed;
}

.mrwoo-product__cart .mrwoo-qty__btn svg {
	width: 14px;
	height: 14px;
}

.mrwoo-product__cart .quantity input.qty {
	width: 36px;
	height: 100%;
	border: 0;
	background: transparent;
	text-align: center;
	font-family: var(--font-sans);
	font-weight: var(--font-semibold);
	font-size: var(--text-base);
	color: var(--color-black);
	-moz-appearance: textfield;
	padding: 0;
}

.mrwoo-product__cart .quantity input.qty::-webkit-outer-spin-button,
.mrwoo-product__cart .quantity input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.mrwoo-product__cart button[type="submit"],
.mrwoo-product__cart .single_add_to_cart_button {
	flex: 1;
    max-width: 180px !important;
    height: 48px;
    margin-bottom: 0 !important;
    padding-inline: 24px;
    background: var(--color-white);
    color: var(--color-black);
    border: 1px solid #FFB8CD;
    border-radius: var(--radius-pill);
    font-family: var(--font-sans);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0;
    cursor: pointer;
    transition: background var(--transition-fast), border-color var(--transition-fast);
    text-transform: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.mrwoo-product__cart .single_add_to_cart_button:hover {
	background: var(--color-pink-shocking);
	border-color: var(--color-pink-shocking);
}

.mrwoo-product__cart .mrwoo-cart-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	flex-shrink: 0;
	transition: background var(--transition-fast), color var(--transition-fast);
}



.mrwoo-product__short-desc {
	font-family: var(--font-sans);
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 32px;
}

.mrwoo-product__short-desc p {
    margin: 0 0 12px;
}

.mrwoo-product__short-desc p strong {
	color: #FF8FAB !important;
	font-weight: 400;
}

.mrwoo-product__short-desc p a {
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
	color: #000;
}

.mrwoo-product__short-desc p:last-child {
	margin-bottom: 0;
}

/* ===== Delivery / stock info (Turquoise Pale bg) ===== */
.mrwoo-product__delivery {
    display: flex;
    flex-direction: row;
    gap: 32px;
    justify-content: space-between;
    width: 100%;
	margin-bottom: 32px;
}

.mrwoo-product__delivery-line,
.mrwoo-product__stock-line {
	display: flex;
   	align-items: flex-start;
    gap: 16px;
    margin: 0;
    font-size: var(--text-base);
    color: var(--color-black);
    font-family: var(--font-sans);
    line-height: 1.4;
    max-width: 250px;
}

.mrwoo-product__delivery-line strong {
	font-weight: 400;
}

.mrwoo-product__delivery-icon {
	display: inline-flex;
	flex-shrink: 0;
}

/* ===== Trust badges (3 global blocks — Pink Light bg) ===== */
.mrwoo-product__trust {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

/* First child */
.mrwoo-product__trust-item:nth-child(1) {
    background: #F0F8F9;

}

/* Second child */
.mrwoo-product__trust-item:nth-child(2) {
	background: #FAF5DB;
}

/* Third child */
.mrwoo-product__trust-item:nth-child(3) {
    background: #FFEBF1;
}

/* First child */
.mrwoo-product__trust-item:nth-child(1) .mrwoo-product__trust-body p {
    color: #5FB5C2;
}

/* Second child */
.mrwoo-product__trust-item:nth-child(2) .mrwoo-product__trust-body p {
    color: #E8B558;
}

/* Third child */
.mrwoo-product__trust-item:nth-child(3) .mrwoo-product__trust-body p {
    color: #FD6187;
}

.mrwoo-product__trust-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px;
    border-radius: 12px;
}

.mrwoo-product__trust-icon {
	width: 65px;
	height: 32px;
	object-fit: contain;
	flex-shrink: 0;
}

.mrwoo-product__trust-body {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.mrwoo-product__trust-title {
	margin: 0;
	font-family: var(--font-sans);
	font-weight: var(--font-semibold);
	font-size: 16px;
	line-height: 1.4;
}

.mrwoo-product__trust-text {
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
}

.mrwoo-product__trust-payments {
	display: block;
	margin-top: 6px;
	max-height: 24px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
	object-position: left center;
}

/* ===== Stars (rating — Wild Strawberry Pink fill) ===== */
.mrwoo-stars {
	--mrwoo-stars-size: 25px !important;
	--mrwoo-stars-fill: 0%;
	display: inline-block;
	width: calc(var(--mrwoo-stars-size) * 5);
	height: var(--mrwoo-stars-size);
	background-image: linear-gradient(90deg, #EBD670 var(--mrwoo-stars-fill), var(--color-grey-border) var(--mrwoo-stars-fill));
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20'><defs><polygon id='s' points='10,1 12.5,7 19,7.5 14,12 15.5,18.5 10,15 4.5,18.5 6,12 1,7.5 7.5,7'/></defs><use href='%23s' fill='black'/><use href='%23s' x='20' fill='black'/><use href='%23s' x='40' fill='black'/><use href='%23s' x='60' fill='black'/><use href='%23s' x='80' fill='black'/></svg>");
	-webkit-mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20'><defs><polygon id='s' points='10,1 12.5,7 19,7.5 14,12 15.5,18.5 10,15 4.5,18.5 6,12 1,7.5 7.5,7'/></defs><use href='%23s' fill='black'/><use href='%23s' x='20' fill='black'/><use href='%23s' x='40' fill='black'/><use href='%23s' x='60' fill='black'/><use href='%23s' x='80' fill='black'/></svg>");
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	background-size: 100% 100%;
}

/* ===== Gallery ===== */
.mrwoo-gallery {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	gap: 24px;
	align-items: flex-start;
}

@media (max-width: 767px) {
	.mrwoo-gallery {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: minmax(0, 1fr) auto;
		gap: 12px;
	}
}

.mrwoo-gallery__thumbs {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-height: 600px;
	overflow-y: auto;
	scrollbar-width: thin;
}

@media (max-width: 767px) {
	.mrwoo-gallery__thumbs {
		flex-direction: row;
		overflow-x: auto;
		max-height: none;
		order: 2;
		padding-block: 4px;
	}
}

.mrwoo-gallery__thumb {
	flex-shrink: 0;
	width: 88px;
	height: 88px;
	padding: 0;
	border: 1px solid transparent;
	background: var(--color-grey-bg);
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
	transition: border-color var(--transition-fast);
}

.mrwoo-gallery__thumb.is-active {
	border-color: var(--color-pink-shocking);
	border-width: 2px;
}

.mrwoo-gallery__thumb-image,
.mrwoo-gallery__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.mrwoo-gallery__main {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	background: var(--color-grey-bg);
	aspect-ratio: 1 / 1;
}

/* Wishlist heart overlaying the main gallery image (top-right). */
.mrwoo-gallery__wishlist {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 3;
}

.mrwoo-gallery__slide {
	position: absolute;
	inset: 0;
	margin: 0;
	opacity: 0;
	transition: opacity var(--transition-base);
	pointer-events: none;
}

.mrwoo-gallery__slide.is-active {
	opacity: 1;
	pointer-events: auto;
}

.mrwoo-gallery__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ===== Accordion ===== */
.mrwoo-product__accordion-wrap {
	margin-block: 24px 24px;
}

.mrwoo-accordion {
	display: flex;
	flex-direction: column;
}

.mrwoo-accordion__item {
	border-top: 1px solid #ebebeb;
}

.mrwoo-accordion__item:last-child {
	border-bottom: 1px solid #ebebeb;
}

.mrwoo-accordion__header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-block: 32px 24px;
	padding-inline: 0;
	background: transparent;
	border: 0;
	cursor: pointer;
	font-family: var(--font-heading);
	font-weight: var(--font-bold);
	font-size: 22px;
    color: var(--color-black);
    text-align: left;
    line-height: 28px;
}

.mrwoo-accordion__icon,
.mrwoo-faq__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	color: var(--color-black);
	flex-shrink: 0;
	position: relative;
}

.mrwoo-accordion__icon-minus,
.mrwoo-faq__icon-minus {
	display: none;
}

.mrwoo-accordion__item.is-open .mrwoo-accordion__icon-plus,
.mrwoo-faq__item.is-open .mrwoo-faq__icon-plus {
	display: none;
}

.mrwoo-accordion__item.is-open .mrwoo-accordion__icon-minus,
.mrwoo-faq__item.is-open .mrwoo-faq__icon-minus {
	display: inline-block;
}

.mrwoo-accordion__panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height var(--transition-base);
}

.mrwoo-accordion__item.is-open .mrwoo-accordion__panel {
	max-height: var(--mrwoo-acc-h, 9999px);
}

.mrwoo-accordion__content {
	padding-bottom: 32px;
    font-family: var(--font-sans);
    font-size: 16px;
    line-height: 26px;
    color: var(--color-black);
}

.mrwoo-accordion__content p {
	margin: 0 0 12px;
}

.mrwoo-accordion__content p:last-child {
	margin-bottom: 0;
}

.mrwoo-accordion__content ul,
.mrwoo-accordion__content ol {
	padding-left: 24px;
	margin: 12px 0;
}

.mrwoo-accordion__content ul {
	list-style: disc;
}

.mrwoo-accordion__content ol {
	list-style: decimal;
}

.mrwoo-accordion__content li {
	margin-bottom: 6px;
}

.mrwoo-accordion__content li::marker {
	color: var(--color-pink-strawberry);
}

/* ===== FAQ (nested) ===== */
.mrwoo-faq {
	display: flex;
	flex-direction: column;
}

.mrwoo-faq__item {
	border-top: 1px solid #ebebeb;
}

.mrwoo-faq__item:first-child {
	border-top: 0;
}

.mrwoo-faq__item:last-child {
	border-bottom: 0;
}

.mrwoo-faq__header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-block: 24px 20px;
	padding-inline: 0;
	background: transparent;
	border: 0;
	cursor: pointer;
	font-family: var(--font-sans);
	font-weight: var(--font-semibold);
	font-size: 18px;
    color: var(--color-black);
    text-align: left;
    line-height: 25px;
}

.mrwoo-faq__answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height var(--transition-base);
}

.mrwoo-faq__item.is-open .mrwoo-faq__answer {
	max-height: var(--mrwoo-faq-h, 9999px);
}

.mrwoo-faq__answer-content {
	padding-bottom: 16px;
    font-family: var(--font-sans);
    font-size: 16px;
    line-height: 26px;
    color: #000000;
}

/* ===== Reviews wrapper (CR Plus drops in here) ===== */
.mrwoo-product__reviews {
	padding-top: 32px;
}

div#review_form {
    padding: 0 !important;
}

.cr-ajax-reviews-review-form .cr-review-form-comment .cr-review-form-comment-txt, .cr-ajax-reviews-review-form .cr-review-form-ne .cr-review-form-txt {
	    border-radius: 12px;
		padding: 16px 25px;
		color: #000000;
		font-size: 16px;
}

.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-qna-block .cr-review-form-buttons .cr-review-form-submit, .cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-all-reviews-shortcode .cr-review-form-not-logged-in .cr-review-form-continue, .cr-ajax-reviews-review-form .cr-review-form-not-logged-in .cr-review-form-continue, .cr-reviews-grid .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-reviews-grid .cr-review-form-not-logged-in .cr-review-form-continue, .cr-qna-block .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-qna-block .cr-review-form-not-logged-in .cr-review-form-continue {
    background-color: transparent;
    color: #000;
    height: 40px;
    line-height: 20px;
    font-size: 16px;
    padding: 8px 10px;
    border: 1px solid #FFB8CD;
	border-radius: 34px
}

.cr-all-reviews-shortcode .cr-review-form-buttons, .cr-ajax-reviews-review-form .cr-review-form-buttons, .cr-reviews-grid .cr-review-form-buttons, .cr-qna-block .cr-review-form-buttons {
    padding: 0 !important;
}

.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons:hover {
    background-color: #FFB8CD;
    color: #000;
    border: 1px solid #FFB8CD;
	border-radius: 34px
}

#reviews .comment_container .cr-avatar-check, .cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .cr-avatar-check {
	background-color: #FFEBF1;
    border: 2px solid #FFEBF1;
}

#reviews .cr-avatar-check svg path {
    fill: black;
}

.cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .cr-comment-text p {
	color: #FF8FAB;
}

.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add {
    font-size: 16px;
    border: 1px solid #FFB8CD !important;
    padding: 8px 24px;
    border-radius: 999px;
	color: #000 !important;
	background: transparent !important;
}

#reviews.cr-reviews-ajax-reviews .cr-ajax-search, .cr-all-reviews-shortcode .cr-ajax-search {
    display: none;
}

.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt svg {
    max-width: 24px;
}

.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-val {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 0 16px;
    color: #000;
}

.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-lbl {
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 0 4px;
    color: #000;
}

/* Gift cards */
.pwgc-input-text, .woocommerce-js div.product form.cart .variations select {
    width: 100%;
    border: 1px solid #EBEBEB !important;
    border-radius: 99px !important;
    padding: 9px 24px !important;
}

#pwgc-message {
    width: 100%;
    border: 1px solid #EBEBEB !important;
    border-radius: 12px !important;
    padding: 9px 24px !important;
}

/* ===== Related / Recently viewed ===== */
.mrwoo-product__related,
.mrwoo-product__recent {
	margin-block: 80px;
}

.mrwoo-product__related-header {
	margin-bottom: 32px;
}

.mrwoo-product__related-title {
	font-family: var(--font-heading);
    font-weight: var(--font-bold);
    font-size: var(--text-3xl);
    letter-spacing: -0.4px;
    color: var(--color-black);
    margin: 0;
    line-height: 56px;
    margin-bottom: 48px !important;
}

@media (min-width: 768px) {
	.mrwoo-product__related-title {
		font-size: 40px;
	}
}

.mrwoo-product__related-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

@media (min-width: 768px) {
	.mrwoo-product__related-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 24px;
	}
}


@media (max-width: 640px) {
	.mrwoo-product__delivery div {
    display: none;
}
.mrwoo-product__delivery {
    flex-direction: column;
}
.mrwoo-product__cart form.cart {
    gap: 12px;
    flex-direction: column;
}
.mrwoo-product__cart button[type="submit"], .mrwoo-product__cart .single_add_to_cart_button {
    max-width: 100% !important;
}
.mrwoo-product__cart .quantity {
    margin: 0 !important;
}
.mrwoo-product__trust-item {
    gap: 12px;
    padding: 16px;
}
.mrwoo-product__trust-icon {
    width: 48px;
}
.mrwoo-product__related, .mrwoo-product__recent {
    margin-block: 48px;
}
.cr-all-reviews-shortcode ol.commentlist, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list {
    padding: 0 !important;
}
.mrwoo-product__related-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.mrwoo-product__brand {
    font-size: var(--text-2xl);
}
.mrwoo-product__container {
    padding-inline: 16px;
}
.mrwoo-product__breadcrumbs {
    margin-bottom: 48px;
}
.mrwoo-product__layout {
    gap: 32px;
}
}