/* =========================================
   УНІВЕРСАЛЬНИЙ КОМПОНЕНТ: СЛАЙДЕР T:3000
========================================= */

.home-slider-section {
    padding: 100px 0;
    background-color: transparent; 
    position: relative;
    z-index: 2;
}

.slider-header-wrapper {
    display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 50px;
}

/* Навігація (стрілочки) */
.t3000-slider-nav { display: flex; gap: 10px; }
.t3000-arrow {
    width: 44px; height: 44px; background-color: var(--primary, #ff4900); border: none;
    color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center;
    font-size: 16px; transition: all 0.3s ease;
}
.t3000-arrow:hover { background-color: #fff; color: var(--primary, #ff4900); }

/* Сам слайдер */
.t3000-slider { position: relative; width: 100%; }

.t3000-slider-track {
    display: flex; gap: 20px; overflow-x: auto;
    scroll-snap-type: x mandatory; /* Нативний тач-свайп для мобілок */
    scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 20px; 
    cursor: grab; /* Курсор для мишки */
}
.t3000-slider-track::-webkit-scrollbar { display: none; }

/* КЛАСИ ДЛЯ ПЕРЕТЯГУВАННЯ МИШКОЮ ТА БЕЗКІНЕЧНОСТІ */
.t3000-slider-track.dragging {
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
    cursor: grabbing;
}
.t3000-slider-track.dragging .t3000-slide {
    pointer-events: none; /* Забороняє клікати на посилання під час перетягування */
}
.t3000-slider-track.no-snap {
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
}

.t3000-slide {
    flex: 0 0 calc(100% - 60px); 
    scroll-snap-align: start;
}

/* ВНУТРІШНЯ КАРТКА (ПОМАРАНЧЕВА РАМКА ПО ВСЬОМУ СЛАЙДУ) */
.t3000-slide-inner {
    background: linear-gradient(180deg, #111111 0%, #1c0c05 100%);
    border: 1px solid rgba(255, 73, 0, 0.3); /* ОЦЕ ТВОЯ РАМКА */
    padding: 50px; height: 100%;
    box-shadow: 0 10px 40px -10px rgba(255, 73, 0, 0.15);
}

.slide-grid {
    display: grid; grid-template-columns: 4fr 6fr; gap: 60px; align-items: center; height: 100%;
}

/* Блок з фото: БЕЗ РАМКИ, ТІЛЬКИ ПРИЦІЛИ */
.slide-img-wrap {
    position: relative;
    padding: 15px; 
    width: 100%; 
    height: 100%;
    display: flex; align-items: center; justify-content: center;
    border: none; 
}

/* Куточки-приціли */
.corner {
    position: absolute; width: 12px; height: 12px;
    border-color: var(--primary, #ff4900); border-style: solid;
}
.corner.tl { top: 0; left: 0; border-width: 2px 0 0 2px; }
.corner.tr { top: 0; right: 0; border-width: 2px 2px 0 0; }
.corner.bl { bottom: 0; left: 0; border-width: 0 0 2px 2px; }
.corner.br { bottom: 0; right: 0; border-width: 0 2px 2px 0; }

.slide-img-wrap img {
    width: 100% !important; 
    height: auto !important; /* Підлаштовується під ширину */
    
    /* РОЗУМНИЙ СТОП: мінімум 250px, оптимум 45% висоти екрана, максимум 480px */
    max-height: clamp(250px, 45vh, 480px) !important; 
    
    object-fit: contain !important; 
    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.5));
    user-select: none; pointer-events: none; 
    
    /* --- ПІДСВІТКА МЕЖ ФАЙЛУ (ДЛЯ ТЕСТУ) --- */
    /* background-color: rgba(255, 255, 255, 0.05); */
    /* outline: 1px dashed red; */
}

/* Тексти слайду */
.slide-meta {
    color: var(--primary, #ff4900); font-family: 'UAFSans', sans-serif; font-size: 11px;
    font-weight: 600; letter-spacing: 1px; margin-bottom: 10px; text-transform: uppercase;
}

.slide-title {
    font-family: 'UAFSans', sans-serif; font-size: 32px; font-weight: 700; color: #ffffff;
    margin: 0 0 20px 0; text-transform: uppercase;
}

.slide-desc { color: #888888; font-size: 14px; line-height: 1.6; margin-bottom: 30px; max-width: 95%; }

/* Теги (рамки) */
.slide-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 40px; }
.slide-tag {
    border: 1px solid rgba(255, 73, 0, 0.3); color: var(--primary, #ff4900); font-size: 9px;
    font-family: 'UAFSans', sans-serif; font-weight: 600; padding: 6px 12px;
    text-transform: uppercase; letter-spacing: 0.5px; background: rgba(255, 73, 0, 0.02);
}

/* Кнопка "Детальніше" */
.btn-outline-white {
    display: inline-block; border: 1px solid #ffffff; color: #ffffff; padding: 12px 28px;
    font-size: 14px; font-weight: 500; text-decoration: none; transition: all 0.3s ease;
}
.btn-outline-white:hover { background-color: #ffffff; color: #000000; }

/* Пагінація (Рисочки) */
.t3000-slider-dots { display: flex; justify-content: center; gap: 10px; margin-top: 15px; }
.t3000-slider-dots .dot {
    width: 40px; height: 2px; background-color: rgba(255, 255, 255, 0.2);
    cursor: pointer; transition: background-color 0.3s ease;
}
.t3000-slider-dots .dot.active { background-color: var(--primary, #ff4900); }

/* =========================================
   БРЕЙКПОІНТИ
========================================= */
@media (max-width: 1200px) {
    .t3000-slide-inner { padding: 40px; }
    .slide-grid { gap: 30px; }
    .slide-title { font-size: 28px; }
}

@media (max-width: 1024px) {
    .slide-grid { grid-template-columns: 1fr; gap: 30px; }
    .slide-img-wrap { padding: 20px; }
    .slide-img-wrap img { max-height: 280px; }
    .slide-desc { max-width: 100%; }
}

@media (max-width: 768px) {
    .home-slider-section { padding: 60px 0; }
    .slider-header-wrapper { flex-direction: column; align-items: flex-start; gap: 20px; margin-bottom: 30px; }
    .t3000-slide { flex: 0 0 100%; }
    .t3000-slide-inner { padding: 30px 20px; }
    .slide-img-wrap img { max-height: 220px; }
}

/* =========================================
   ДОДАТКОВІ ЕЛЕМЕНТИ ДЛЯ ПОРІВНЯЛЬНИХ СЛАЙДІВ
========================================= */
.slide-img-wrap.slide-icon-wrap {
    min-height: 300px;
    padding: 50px;
}

.slide-img-wrap.slide-icon-wrap .slide-icon-fa {
    display: block;
    color: var(--primary, #ff4900) !important;
    font-size: clamp(150px, 12vw, 210px) !important;
    line-height: 1 !important;
    filter: drop-shadow(0 0 24px rgba(255, 73, 0, 0.18));
}

.compare-split {
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.compare-item {
    display: grid;
    grid-template-columns: 92px 1fr;
    gap: 18px;
    align-items: flex-start;
}

.compare-label {
    color: var(--primary, #ff4900);
    font-size: 13px;
    line-height: 1.5;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.compare-value {
    color: #d2d2d2;
    font-size: 15px;
    line-height: 1.7;
}

@media (max-width: 1024px) {
    .slide-img-wrap.slide-icon-wrap {
        min-height: 220px;
        padding: 36px;
    }

    .slide-img-wrap.slide-icon-wrap .slide-icon-fa {
        font-size: 132px !important;
    }
}

@media (max-width: 768px) {
    .slide-img-wrap.slide-icon-wrap {
        min-height: 180px;
        padding: 28px;
    }

    .slide-img-wrap.slide-icon-wrap .slide-icon-fa {
        font-size: 108px !important;
    }

    .compare-item {
        grid-template-columns: 1fr;
        gap: 6px;
    }
}