/* Galería de producto: imagen contenida, thumbs juntos, columnas compactas */
.product-detial {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	padding: 48px 20px 40px;
	box-sizing: border-box;
}

.product-detial .product-slider {
	background: #f5f5f5;
}

.product-detial .product-slider .slide,
.product-detial .product-slider .slick-slide {
	text-align: center;
	line-height: 0;
}

.product-detial .product-slider img {
	display: inline-block;
	width: auto !important;
	max-width: 100%;
	height: auto !important;
	max-height: 480px;
	object-fit: contain;
	vertical-align: middle;
}

.product-detial .product-slider .slick-list {
	max-height: 480px;
}

.product-detial .pagg-slider {
	margin-top: 14px;
}

/* La plantilla forzaba width:25% y separaba las miniaturas */
.product-detial .pagg-slider.slick-slider li,
.product-detial .pagg-slider .slick-slide {
	width: auto !important;
}

.product-detial .pagg-slider .slick-current {
	padding: 8px 6px !important;
}

.product-detial .pagg-slider img {
	display: block;
	width: 100%;
	max-width: 110px;
	height: 88px;
	margin: 0 auto;
	object-fit: cover;
}

@media (min-width: 768px) {
	.product-detial .slider {
		width: 48% !important;
		max-width: 540px;
		float: left;
	}

	.product-detial .detial-holder {
		width: 52% !important;
		float: left;
		box-sizing: border-box;
	}
}

@media (max-width: 767px) {
	.product-detial {
		padding: 32px 16px 28px;
	}

	.product-detial .product-slider img {
		max-height: 360px;
	}

	.product-detial .pagg-slider img {
		max-width: 84px;
		height: 70px;
	}

	.slider-sec {
		padding: 44px 0 52px !important;
		margin-top: 12px;
	}
}

/* Relacionados (.slider-sec): compactos y cuadrados */
.slider-sec {
	padding: 56px 0 64px !important;
	max-width: 1180px;
	margin: 24px auto 0;
}

.slider-sec:before {
	background: #ececec !important;
}

.slider-sec .slick-slider {
	padding: 0 40px;
}

.slider-sec .slick-slider li {
	padding: 0 8px;
	box-sizing: border-box;
}

.slider-sec .slick-slider li > a {
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #fff;
	line-height: 0;
}

.slider-sec .slick-slider li img.img-responsive,
.slider-sec .slick-slider li img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	display: block;
}

.slider-sec .slick-slider li .over {
	bottom: 0 !important;
	padding: 10px 12px !important;
	background: linear-gradient(transparent, rgba(0,0,0,.65));
}

.slider-sec .slick-slider li .over .align-left {
	width: auto !important;
	max-width: 70%;
	padding: 0 !important;
	float: none !important;
}

.slider-sec .slick-slider li .title-name {
	font-size: 13px !important;
	line-height: 1.3 !important;
	display: block;
}

.slider-sec .slick-slider li .over .price {
	font-size: 14px !important;
	display: block;
	margin-top: 4px;
}

.slider-sec .slick-slider li .over .like {
	display: none !important;
}

.slider-sec .slick-prev.slick-arrow,
.slider-sec .slick-next.slick-arrow {
	top: 50% !important;
	margin-top: -20px;
	width: 40px;
	height: 40px;
}

.slider-sec .slick-prev.slick-arrow { left: 0 !important; }
.slider-sec .slick-next.slick-arrow { right: 0 !important; }

/* Botón Agregar al carrito: más compacto + táctil fiable en móvil */
.product-detial .btn-primary {
	width: auto;
	min-width: 200px;
	max-width: 100%;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 0.04em;
	padding: 12px 28px 10px;
	margin: 8px 0 28px;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	border: 0;
	background: none;
	color: inherit;
	font-family: inherit;
	touch-action: manipulation;
}

.product-detial .btn-primary:before,
.product-detial .btn-primary:after {
	padding: 7px;
	pointer-events: none;
}

.product-detial .btn-primary:hover:before,
.product-detial .btn-primary:hover:after {
	padding: 0 28px;
}

.product-detial.wow {
	visibility: visible !important;
}

/* Tienda / home: productos en formato cuadrado */
.product-sec .product-block > a,
.product-sec .product-block > img.img-responsive {
	display: block;
	width: 100%;
}

.product-sec .product-block img.img-responsive {
	width: 100% !important;
	aspect-ratio: 1 / 1;
	height: auto !important;
	object-fit: cover;
	display: block;
}

.product-sec .product-block.block > a:last-child,
.product-sec .product-block.block > img {
	display: block;
}

.product-sec .product-holder .product-block.block img.img-responsive {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	width: 100%;
	height: auto;
}