/* Related Products (Kadence Child) - Slider card tweaks
   Keep styles minimal and inherit Kadence variables where possible. */

.related.products .splide__track {
	/* Prevent layout shift when arrows appear */
	padding-left: 0;
	padding-right: 0;
}

.related.products .splide__list {
	/* Space between slides is controlled via data-slider-gutter, but
	   ensure no unintended grid gaps from theme grids. */
	gap: 0;
}

.related.products .splide__slide {
	/* Provide inner breathing room similar to archive grid gutters */
	padding-left: var(--global-xxs-spacing, 5px);
	padding-right: var(--global-xxs-spacing, 5px);
}

/* Make product card fill slide height and align content like in archive loop */
.related.products .splide__slide .product {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin: 0; /* archive loop uses bottom margin; we rely on slide gutter instead */
}

.related.products .splide__slide .product .woocommerce-LoopProduct-link {
	display: block;
	aspect-ratio: 1 / 1; /* Квадратный контейнер */
	overflow: hidden;
	position: relative;
}

/* Image fit similar to archive - квадратные изображения без обрезки */
.related.products .splide__slide .product .attachment-woocommerce_thumbnail,
.related.products .splide__slide .product .wp-post-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain; /* Вписывается без обрезки */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Title spacing (без обрезки/клампа) */
.related.products .splide__slide .product .woocommerce-loop-product__title,
.related.products .splide__slide .product .entry-title {
	margin-top: var(--global-xxs-spacing, .5rem);
	margin-bottom: var(--global-xxs-spacing, .5rem);
	line-height: 1.35;
    font-style: normal;
    font-size: 14px;
    padding: .5rem 0;
    margin: 0;
    font-weight: 500;
}

/* Price spacing */
.related.products .splide__slide .product .price {
	margin-top: var(--global-xxs-spacing, .5rem);
	margin-bottom: var(--global-xxs-spacing, .5rem);
    color: inherit;
    display: block;
    font-weight: 400;
    font-size: .857em;
}

/* Push actions area to the bottom when present */
.related.products .splide__slide .product .button,
.related.products .splide__slide .product .added_to_cart,
.related.products .splide__slide .product .kt-wc-add-to-cart-button {
	margin-top: auto;
    color: #fff;
    width: 100%;
    text-align: center;
}

/* Ensure badges don’t shift layout */
.related.products .splide__slide .product .onsale {
	position: absolute;
	z-index: 2;
}

.related.products .splide__slide .product-details.entry-content-wrap {
    padding: 0;
}

/* Убираем отступы на мобильных устройствах */
@media (max-width: 767px) {
    .related.products .splide__slide {
        padding-left: 0;
        padding-right: 0;
    }
    
    /* Дополнительно убираем любые margin-left которые могут появиться */
    .related.products .splide__slide {
        margin-left: 5px !important;
		margin-right: 5px !important;
    }
}