/* ===== ОБЩАЯ ОБЁРТКА ===== */
.wcts-wrap { 
    font-family: inherit; 
}
.wcts-title { 
    margin-bottom: 0.6em; 
}

/* ===== ТАБЫ ===== */
.wcts-tabs { 
    display:flex; 
    gap:8px; 
    margin-bottom:12px; 
    flex-wrap:wrap;
    justify-content: end;	
}
.wcts-tab { 
    border: 1px solid #ef6644;
    background-color: #ed143d00;	
    padding:8px 12px; 
    cursor:pointer; 
    border-radius:6px; 
	transition: background 0.3s ease;
}
.wcts-tab.active { 
    background-color:#ef6644; 
    color:#fff; 
    border-color:#ef6644; 
}
.wcts-tab:hover {
    background-color:#ef6644; 
    color:#fff; 
    border-color:#ef6644;
    padding: 8px 12px;
    cursor: pointer;
    border-radius: 6px;
}
/* ===== КОНТЕНТ ===== */
.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;
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    border: 1px solid rgba(189, 189, 189, 0.4);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.wcts-card-link .wcts-thumb img {
    transition: transform 0.7s ease;
}
/* Увеличение при hover карточки */
.wcts-card-link:hover .wcts-thumb img {
    transform: scale(1.06); /* увеличиваем на 10% */
}
/* Контейнер изображения с обрезкой */
.wcts-thumb {
    width: 100%;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* важный момент! */
    border-radius: 6px; /* радиус остаётся */
}

/* Само изображение */
.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:0 0 6px 0; 
    line-height:1.1; 
}
.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;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;            /* поверх карточек */
}
.wcts-swiper-container:hover .wcts-nav {
    opacity: 1;
}
.wcts-prev, .wcts-next { 
    pointer-events: auto;   /* кликабельные */
    background: rgba(255,255,255,0.8);
    border: 1px solid #ddd;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    transition: background 0.2s ease, transform 0.2s ease;
    z-index: 11;
}
.wcts-prev:hover, .wcts-next:hover { 
    background: #222;
    color: #fff;
    transform: scale(1.05);
}
.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; 
}