/* =========================================================
   YO, TURO — SINGLE PRODUCT
========================================================= */

.product .entry-title {
    display: block;
    font-weight: 400;
    font-size: 60px;
}

.woocommerce-js .quantity .qty {
    border-radius: 100px;
    width: 70px;
    min-height: 50px;
}

.woocommerce-js div.product form.cart .button.single_add_to_cart_button {
    padding: 18px 20px;
}

.cfvsw-label-option {
    border-radius: 200px !important;
}

.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    border-radius: 50px;
}

.woocommerce-js div.product div.images .flex-control-thumbs li img {
    border-radius: 20px;
}

.woocommerce-js div.product .related.products,
.woocommerce-js div.product .woocommerce-tabs {
    background-color: white;
    border-radius: 20px;
    padding: 50px;
}

.woocommerce-js div.product .woocommerce-tabs ul.tabs li a {
    font-size: 19px;
}

/* Single premium */
.single-product div.product {
    align-items: stretch;
}

.single-product div.product .summary {
    background: #fff;
    border-radius: 28px;
    padding: 42px;
    box-shadow: 0 18px 45px rgba(0,0,0,.06);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.single-product div.product .summary .product_title {
    margin-top: 0;
    margin-bottom: 18px;
    line-height: 1.05;
}

.single-product .price {
    margin-bottom: 18px;
}

.single-product .woocommerce-product-details__short-description {
    margin-bottom: 22px;
}

.single-product table.variations {
    margin-bottom: 24px;
}

.single-product form.cart {
    margin-top: auto;
}

.single-product form.cart .quantity input.qty {
    min-width: 70px;
}

.single-product form.cart .button {
    min-width: 220px;
    padding: 0 32px;
    white-space: nowrap;
}

/* Tabs modernos */
.single-product .woocommerce-tabs {
    background: #fff;
    border-radius: 28px;
    padding: 36px 42px;
    box-shadow: 0 18px 45px rgba(0,0,0,.05);
}

.single-product .woocommerce-tabs ul.tabs {
    display: flex;
    gap: 12px;
    border: 0 !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
}

.single-product .woocommerce-tabs ul.tabs::before {
    display: none !important;
}

.single-product .woocommerce-tabs ul.tabs li {
    border: 0 !important;
    background: #f3f3f3 !important;
    border-radius: 999px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.single-product .woocommerce-tabs ul.tabs li::before,
.single-product .woocommerce-tabs ul.tabs li::after {
    display: none !important;
}

.single-product .woocommerce-tabs ul.tabs li a {
    padding: 12px 22px !important;
    font-weight: 700 !important;
    color: #444 !important;
}

.single-product .woocommerce-tabs ul.tabs li.active {
    background: #111 !important;
}

.single-product .woocommerce-tabs ul.tabs li.active a {
    color: #fff !important;
}

.single-product .woocommerce-Tabs-panel {
    padding: 0 !important;
    line-height: 1.8;
}

/* Guía / variaciones */
.yoturo-size-guide-wrapper {
    margin: 16px 0 24px;
}

.yoturo-size-guide {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 700;
    color: #111;
    text-decoration: none;
}

.yoturo-size-guide:hover {
    color: #666;
}

.turo-variation-helper {
    font-weight: 700;
    font-size: 15px;
    margin: 20px 0 12px;
    color: #333;
}

/* ======================================================
   SINGLE PRODUCT
====================================================== */

/* Contenedor FAQs */
.turo-product-faqs,
.turo-product-faqs-wrapper,
.woocommerce-tabs,
.turo-faq{
    width:100%;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}

/* =========================================================
   BOTÓN INSTAGRAM — MOBILE
   ========================================================= */

@media (max-width: 767px) {

	body.single-product
	form.cart
	a.button.alt.turo-instagram-button {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		float: none !important;
		clear: both !important;

		width: calc(100% - 32px) !important;
		max-width: 290px !important;
		min-width: 0 !important;
		min-height: 72px !important;
		height: auto !important;

		margin: 20px auto !important;
		padding: 14px 30px !important;

		border-radius: 999px !important;

		font-size: 14px !important;
		font-weight: 700 !important;
		line-height: 1.25 !important;
		text-align: center !important;

		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;

		box-sizing: border-box !important;
	}
}

/* =========================================================
   MOBILE - Unificar ancho de todos los bloques
   ========================================================= */

@media (max-width: 767px) {

    /* Contenedor principal */
    .single-product .summary.entry-summary,
    .single-product .woocommerce-tabs,
    .single-product .turo-product-faqs,
    .single-product .turo-product-tabs,
    .single-product .woocommerce-tabs .panel {
        width: 100% !important;
        max-width: 340px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        box-sizing: border-box;
    }

    /* Las cajas internas del acordeón */
    .single-product .woocommerce-tabs .wc-tab,
    .single-product .turo-faq-item {
        width: 100% !important;
    }

}

/* =========================================================
   YO, TURO — BLOQUES EDITORIALES DEL SINGLE PRODUCT
   ========================================================= */

.turo-single-content-blocks {
	display: grid;
	gap: clamp(24px, 3vw, 38px);

	width: 100%;
	max-width: none;

	margin:
		clamp(44px, 6vw, 80px)
		auto
		clamp(48px, 7vw, 90px);

	box-sizing: border-box;
}


/* =========================================================
   CARD GENERAL
   ========================================================= */

.turo-single-info-card {
	position: relative;

	width: 100%;

	padding: clamp(28px, 4vw, 54px);

	overflow: hidden;

	border: 1px solid rgba(17, 17, 17, 0.055);
	border-radius: clamp(24px, 3vw, 36px);

	background: #ffffff;

	box-shadow:
		0 18px 55px rgba(17, 17, 17, 0.055);

	box-sizing: border-box;
}

.turo-single-info-card__header {
	max-width: 760px;

	margin-bottom: clamp(22px, 3vw, 34px);
}

.turo-single-info-card__eyebrow {
	display: block;

	margin-bottom: 10px;

	color: rgba(17, 17, 17, 0.48);

	font-family: "Poppins", sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.2em;
	line-height: 1.4;
	text-transform: uppercase;
}

.turo-single-info-card__title {
	margin: 0;

	color: #111111;

	font-family: "Poppins", sans-serif;
	font-size: clamp(28px, 3.6vw, 52px);
	font-weight: 700;
	letter-spacing: -0.055em;
	line-height: 1.03;
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.turo-single-description {
	background:
		linear-gradient(
			135deg,
			#ffffff 0%,
			#faf9f7 100%
		);
}

.turo-single-description::after {
	content: "🐾";

	position: absolute;
	right: clamp(22px, 4vw, 58px);
	top: clamp(22px, 4vw, 48px);

	font-size: clamp(50px, 8vw, 110px);
	line-height: 1;

	opacity: 0.035;

	transform: rotate(12deg);

	pointer-events: none;
}

.turo-single-info-card__content {
	position: relative;
	z-index: 1;

	max-width: 980px;

	color: #444444;

	font-family: "Poppins", sans-serif;
	font-size: clamp(14px, 1.25vw, 16px);
	font-weight: 400;
	line-height: 1.8;
}

.turo-single-info-card__content > :first-child {
	margin-top: 0;
}

.turo-single-info-card__content > :last-child {
	margin-bottom: 0;
}

.turo-single-info-card__content p {
	margin-top: 0;
	margin-bottom: 1.45em;
}

.turo-single-info-card__content strong {
	color: #111111;
	font-weight: 700;
}

.turo-single-info-card__content ul,
.turo-single-info-card__content ol {
	margin:
		18px
		0
		22px;
	padding-left: 22px;
}


/* =========================================================
   GUÍA DE TALLES
   ========================================================= */

.turo-single-size-guide {
	display: grid;
	grid-template-columns:
		minmax(0, 0.72fr)
		minmax(380px, 1.28fr);
	align-items: center;
	gap: clamp(30px, 5vw, 72px);

	background: #f2ece1;
}

.turo-single-size-guide__content {
	max-width: 500px;
}

.turo-single-size-guide__content p {
	margin:
		22px
		0
		28px;

	color: rgba(17, 17, 17, 0.68);

	font-family: "Poppins", sans-serif;
	font-size: 15px;
	line-height: 1.7;
}

.turo-single-size-guide__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	min-height: 50px;

	padding: 0 24px;

	border-radius: 999px;

	background: #111111;
	color: #ffffff !important;

	font-family: "Poppins", sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none !important;

	transition:
		transform 0.22s ease,
		background-color 0.22s ease,
		box-shadow 0.22s ease;
}

.turo-single-size-guide__button:hover {
	transform: translateY(-2px);

	background: #000000;

	box-shadow:
		0 12px 25px rgba(0, 0, 0, 0.14);
}

.turo-single-size-guide__image-link {
	display: block;

	overflow: hidden;

	border-radius: 26px;

	background: #ffffff;

	box-shadow:
		0 16px 42px rgba(17, 17, 17, 0.09);

	transition:
		transform 0.35s cubic-bezier(.19, 1, .22, 1),
		box-shadow 0.35s ease;
}

.turo-single-size-guide__image-link:hover {
	transform: translateY(-5px);

	box-shadow:
		0 24px 52px rgba(17, 17, 17, 0.13);
}

.turo-single-size-guide__image {
	display: block;

	width: 100%;
	height: auto;

	margin: 0;
}


/* =========================================================
   ¿POR QUÉ TE VA A ENCANTAR?
   ========================================================= */

.turo-single-benefits {
	background: #111111;
	color: #ffffff;
}

.turo-single-benefits
.turo-single-info-card__eyebrow {
	color: rgba(255, 255, 255, 0.48);
}

.turo-single-benefits
.turo-single-info-card__title {
	color: #ffffff;
}

.turo-single-benefits__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(14px, 2vw, 22px);
}

.turo-single-benefit {
	display: flex;
	align-items: flex-start;
	gap: 16px;

	min-width: 0;

	padding: clamp(20px, 2.5vw, 28px);

	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 22px;

	background: rgba(255, 255, 255, 0.045);
}

.turo-single-benefit__icon {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 46px;

	width: 46px;
	height: 46px;

	border-radius: 50%;

	background: #ffffff;
	color: #111111;

	font-size: 19px;
	line-height: 1;
}

.turo-single-benefit h3 {
	margin:
		2px
		0
		8px;

	color: #ffffff;

	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.25;
}

.turo-single-benefit p {
	margin: 0;

	color: rgba(255, 255, 255, 0.66);

	font-family: "Poppins", sans-serif;
	font-size: 13px;
	line-height: 1.65;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 960px) {

	.turo-single-size-guide {
		grid-template-columns: 1fr;
	}

	.turo-single-size-guide__content {
		max-width: 660px;
	}

	.turo-single-size-guide__image-link {
		max-width: 760px;
	}

	.turo-single-benefits__grid {
		grid-template-columns: 1fr;
	}
}


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

@media (max-width: 767px) {

	.turo-single-content-blocks {
		gap: 18px;

		width: 100%;

		margin:
			34px
			auto
			48px;
	}

	.turo-single-info-card {
		padding: 24px 20px;

		border-radius: 26px;
	}

	.turo-single-info-card__header {
		margin-bottom: 20px;
	}

	.turo-single-info-card__eyebrow {
		font-size: 9px;
	}

	.turo-single-info-card__title {
		font-size: clamp(28px, 9vw, 38px);
		line-height: 1.02;
	}

	.turo-single-info-card__content {
		font-size: 14px;
		line-height: 1.75;
	}

	.turo-single-description::after {
		right: 18px;
		top: 18px;

		font-size: 64px;
	}

	.turo-single-size-guide {
		gap: 24px;
	}

	.turo-single-size-guide__content p {
		margin:
			16px
			0
			22px;

		font-size: 14px;
	}

	.turo-single-size-guide__button {
		width: 100%;
		min-height: 52px;

		padding: 0 20px;

		box-sizing: border-box;
	}

	.turo-single-size-guide__image-link {
		border-radius: 20px;
	}

	.turo-single-benefits__grid {
		gap: 12px;
	}

	.turo-single-benefit {
		gap: 13px;

		padding: 18px;

		border-radius: 19px;
	}

	.turo-single-benefit__icon {
		flex-basis: 40px;

		width: 40px;
		height: 40px;

		font-size: 16px;
	}

	.turo-single-benefit h3 {
		font-size: 15px;
	}

	.turo-single-benefit p {
		font-size: 12px;
	}
}