/* === КАТАЛОГ АВТОМОБИЛЕЙ JAPPAUTO === */

/* 1. Загружаем красивый шрифт дизайнера */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/* Принудительно задаем шрифт Manrope для ВСЕХ элементов внутри нашей карточки */
.c-catalog-section-cars-tile-1 .ja-car-card,
.c-catalog-section-cars-tile-1 .ja-car-card * {
    font-family: 'Manrope', sans-serif !important;
}

.c-catalog-section-cars-tile-1 .ja-cars-grid {
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 25px; 
    width: 100%;
    margin-top: 20px;
}

.c-catalog-section-cars-tile-1 .ja-car-card {
    background: #FFFFFF; 
    border-radius: 16px; 
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.04); 
    border: 1px solid rgba(0,0,0,0.03);
    display: flex; 
    flex-direction: column; 
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
    position: relative;
    height: 100%;
}

.c-catalog-section-cars-tile-1 .ja-car-card:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 15px 40px rgba(0,0,0,0.1); 
    border-color: #E53935; 
    z-index: 10; 
}

.c-catalog-section-cars-tile-1 .ja-car-image-box { 
    position: relative; 
    width: 100%; 
    padding-top: 75%; 
    background: #e0e0e0; 
    overflow: hidden; 
}

.c-catalog-section-cars-tile-1 .ja-car-img { 
    position: absolute; 
    top: 0; left: 0; 
    width: 100%; height: 100%; 
    object-fit: cover; 
    transition: transform 0.5s ease; 
    z-index: 1; 
}

.c-catalog-section-cars-tile-1 .ja-car-card:hover .ja-car-img { transform: scale(1.05); }

/* --- СТИЛИ ДЛЯ СЛАЙДЕРА --- */
.c-catalog-section-cars-tile-1 .ja-car-slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.c-catalog-section-cars-tile-1 .ja-car-slider-item { display: block; width: 100%; height: 100%; }
.c-catalog-section-cars-tile-1 .ja-car-slider .owl-stage-outer,
.c-catalog-section-cars-tile-1 .ja-car-slider .owl-stage,
.c-catalog-section-cars-tile-1 .ja-car-slider .owl-item { height: 100%; }
.c-catalog-section-cars-tile-1 .ja-car-slider .ja-car-img { position: relative; }

.c-catalog-section-cars-tile-1 .ja-car-image-box::after {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 60px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); pointer-events: none; z-index: 2;
}

.c-catalog-section-cars-tile-1 .ja-tools { position: absolute; top: 12px; right: 12px; display: flex; flex-direction: column; gap: 6px; z-index: 10; }
.c-catalog-section-cars-tile-1 .ja-tool-btn {
    width: 34px; height: 34px; background: rgba(255, 255, 255, 0.9); border-radius: 8px;
    display: flex; align-items: center; justify-content: center; border: none; cursor: pointer; transition: all 0.2s; color: #333;
}
.c-catalog-section-cars-tile-1 .ja-tool-btn:hover { background: #E53935; color: #fff; }
.c-catalog-section-cars-tile-1 .ja-tool-btn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }

.c-catalog-section-cars-tile-1 .ja-badges { position: absolute; top: 12px; left: 12px; display: flex; flex-direction: column; gap: 6px; z-index: 5; }
.c-catalog-section-cars-tile-1 .ja-badge { padding: 4px 10px; border-radius: 6px; font-size: 11px; font-weight: 800; color: #fff; width: fit-content; text-transform: uppercase; line-height: 1.2;}
.c-catalog-section-cars-tile-1 .ja-badge-score { background: #4CAF50; }
.c-catalog-section-cars-tile-1 .ja-badge-mileage { background: #111; }

.c-catalog-section-cars-tile-1 .ja-car-content { padding: 20px; display: flex; flex-direction: column; flex-grow: 1; }

/* === ЖЕСТКАЯ ЗАЩИТА ТЕКСТА ОТ INTEC === */
.c-catalog-section-cars-tile-1 .ja-car-title {
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* ЗАЩИЩАЕМ ССЫЛКУ ЗАГОЛОВКА */
.c-catalog-section-cars-tile-1 .ja-car-title a,
.c-catalog-section-cars-tile-1 .ja-car-title a:link,
.c-catalog-section-cars-tile-1 .ja-car-title a:visited {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #111111 !important; /* Жестко черный цвет */
    line-height: 1.2 !important;
    text-decoration: none !important;
    border: none !important;
}
.c-catalog-section-cars-tile-1 .ja-car-title a:hover { color: #E53935 !important; }

.c-catalog-section-cars-tile-1 .ja-car-meta { 
    font-size: 13px !important; color: #888 !important; margin: 0 0 16px 0 !important; font-weight: 600 !important; line-height: 1.5 !important;
}

.c-catalog-section-cars-tile-1 .ja-specs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #EEEEEE; }
.c-catalog-section-cars-tile-1 .ja-spec-row { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #333; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1;}
.c-catalog-section-cars-tile-1 .ja-spec-icon { width: 16px; height: 16px; fill: #999; flex-shrink: 0; }

.c-catalog-section-cars-tile-1 .ja-car-footer { margin-top: auto; display: flex; flex-direction: column; gap: 14px; }
.c-catalog-section-cars-tile-1 .ja-price-box { display: flex; justify-content: space-between; align-items: flex-end; }

/* --- ВОССТАНОВЛЕННЫЙ БЛОК ЦЕН (В ОДНУ ЛИНИЮ) --- */
.c-catalog-section-cars-tile-1 .ja-price-main { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; }
.c-catalog-section-cars-tile-1 .ja-price-rub { font-size: 22px !important; font-weight: 800 !important; color: #111 !important; line-height: 1 !important; }
.c-catalog-section-cars-tile-1 .ja-price-yen { font-size: 12px !important; color: #999 !important; font-weight: 600 !important; display: inline-block; }
.c-catalog-section-cars-tile-1 .ja-lot-info { font-size: 11px; color: #bbb; text-transform: uppercase; font-weight: 700; margin-bottom: 2px; text-align: right; }

.c-catalog-section-cars-tile-1 .ja-car-btn { 
    width: 100%; padding: 12px; background: #E53935; color: #fff !important; border: none; border-radius: 8px; font-weight: 800; font-size: 14px; text-transform: uppercase; cursor: pointer; transition: background 0.3s; text-align: center;
}
.c-catalog-section-cars-tile-1 .ja-car-btn:hover { background: #D32F2F; }
.c-catalog-section-cars-tile-1 .catalog-section-more-button:hover { background: #E53935; color: #fff !important; }

/* === АДАПТИВНОСТЬ === */
@media (max-width: 1200px) { .c-catalog-section-cars-tile-1 .ja-cars-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px) { .c-catalog-section-cars-tile-1 .ja-cars-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .c-catalog-section-cars-tile-1 .ja-cars-grid { grid-template-columns: 1fr; } }

/* === ТУЛТИП (ПОДСКАЗКА) === */
.c-catalog-section-cars-tile-1 .ja-price-tooltip { position: relative; display: inline-flex; align-items: center; justify-content: center; z-index: 20; transform: translateY(-2px); }
.c-catalog-section-cars-tile-1 .ja-price-tooltip-icon { width: 16px; height: 16px; background: #e0e0e0; color: #555 !important; border-radius: 50%; font-size: 11px !important; font-weight: 800 !important; display: flex; align-items: center; justify-content: center; cursor: help; transition: background 0.2s; }
.c-catalog-section-cars-tile-1 .ja-price-tooltip-icon:hover { background: #E53935; color: #fff !important; }
.c-catalog-section-cars-tile-1 .ja-price-tooltip-text { position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); width: 270px; padding: 14px; background: #222; color: #fff !important; font-size: 11px !important; line-height: 1.5 !important; border-radius: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); opacity: 0; visibility: hidden; transition: all 0.2s ease; font-weight: 500 !important; text-align: left; pointer-events: none; white-space: normal; }
.c-catalog-section-cars-tile-1 .ja-price-tooltip-text::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-width: 6px; border-style: solid; border-color: #222 transparent transparent transparent; }
.c-catalog-section-cars-tile-1 .ja-price-tooltip:hover .ja-price-tooltip-text { opacity: 1; visibility: visible; }

/* === Адаптация слайдера === */
.c-catalog-section-cars-tile-1 .ja-car-image-box .owl-dots { position: absolute; bottom: 12px; left: 0; width: 100%; display: flex; justify-content: center; gap: 6px; z-index: 10; pointer-events: none; }
.c-catalog-section-cars-tile-1 .ja-car-image-box .owl-dot { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.5) !important; border: none !important; cursor: pointer; padding: 0 !important; margin: 0 !important; pointer-events: auto; transition: all 0.3s; }
.c-catalog-section-cars-tile-1 .ja-car-image-box .owl-dot span { display: none !important; }
.c-catalog-section-cars-tile-1 .ja-car-image-box .owl-dot.active { background: #E53935 !important; transform: scale(1.3); }