/* ===== ОБЩАЯ ОБЁРТКА ===== */
.wcts-wrap { 
    font-family: inherit; 
}
.wcts-title { 
    margin-bottom: 0.6em; 
}
.wcts-next::after {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    border: 1px solid #ffffff;
    border-left: none;
    border-bottom: none;
    transition: all 0.3s ease;
    color: #ffffff;
    transform: rotate(45deg) translate(-1px, -1px);
}
.wcts-prev::after {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    border: 1px solid #ffffff;
    border-left: none;
    border-bottom: none;
    transition: all 0.3s ease;
    color: #ffffff;
    transform: rotate(225deg) translate(-1px, -1px);
}
/* ===== ТАБЫ ===== */
.wcts-tabs { 
display: flex;
    gap: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
    justify-content: center;	
}
.wcts-tab { 
border: 1px solid var(--wf-main-color);
    background-color: #ed143d00;
    padding: 8px 12px;
    cursor: pointer;
    border-radius: 25px;
    transition: 0.3s ease;
    color: inherit;
}
.wcts-tab.active { 
    background-color:var(--wf-main-color); 
    color:#fff; 
    border-color:var(--wf-main-color); 
}
.wcts-tab:hover {
    background-color:var(--wf-main-color); 
    color:#fff; 
    border-color:var(--wf-main-color);
}
/* ===== КОНТЕНТ ===== */
.wcts-contents { 
    position:relative; 
}
.wcts-content { 
    width:100%; 
}

/* ===== СЛАЙДЕР ===== */
.wcts-swiper-container { 
    position: relative; 
    padding: 0; /* убираем лишние отступы */
}

/* Слайды */
.wcts-swiper-container .swiper-wrapper {
    gap: 15px !important; /* расстояние между карточками всегда 15px */
}
.wcts-swiper-container .swiper-slide {
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: stretch;
    box-sizing: border-box;
	height: 100%;
	min-height: 100%;
}

/* ===== КАРТОЧКИ ===== */
.wcts-card { 
    display:flex; 
    justify-content:center; 
    align-items:stretch; 
    width:auto; 
    height:100%; 
}
.wcts-card-link { 
    display: block;
    text-decoration: none;
    color: inherit;
    border-radius: 12px;
    padding: 20px;
    height: 375px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 280px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    background: #fefcf8;
    border: 1px solid #e8e0d4;
    position: relative;
}
.wcts-card-link .wcts-thumb img {
    transition: transform 0.7s ease;
}
/* Контейнер изображения с обрезкой */
.wcts-thumb {
    width: 100%;
    height: 245px;
    display: flex;
    justify-content: center;
    overflow: hidden; /* важный момент! */
    border-radius: 8px; /* радиус остаётся */
}

/* Само изображение */
.wcts-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}
.wcts-info { 
    text-align:center; 
    margin-top:8px; 
    width:100%; 
}
.wcts-title-card { 
font-size: 14px;
    margin: 10px 0 10px 0;
    color: #5d4037;
    text-align: center;
    line-height: 1.3;
    font-weight: 600;
}
.wcts-price { 
    font-weight:700; 
}

/* ===== НАВИГАЦИЯ ===== */
.wcts-nav { 
    position: absolute;
    top: 50%;               /* по вертикали центр */
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 10;            /* поверх карточек */
}
.wcts-swiper-container .wcts-nav:hover, .wcts-swiper-container:hover .wcts-prev {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) scale(1);
}
.wcts-swiper-container .wcts-nav:hover, .wcts-swiper-container:hover .wcts-next {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) scale(1);
}
.wcts-prev, .wcts-next { 
color: #fff;
    background: #8d6e638a;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.1);
    pointer-events: auto;   /* кликабельные */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 11;
font-size: 0;
    opacity: 0;
transform: translateY(-50%) scale(0.8);
}
.wcts-prev:hover, .wcts-next:hover { 
background: #8d6e63;
}
.wcts-prev { margin-left: 8px; }
.wcts-next { margin-right: 8px; }

@media (max-width: 767px) {
    .wcts-nav { display: none; } /* на мобилках только свайп */
    .wcts-thumb { height:220px; }
    .wcts-tabs { 
        justify-content: center;	
    }
}

/* ===== СИСТЕМНЫЕ ===== */
.wcts-empty { 
    padding:16px; 
    color:#666; 
}
.wcts-notice { 
    padding:12px; 
    background:#fff3cd; 
    border:1px solid #ffeeba; 
    border-radius:6px; 
}