@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--black:#070707;--black2:#101010;--gold:#e5a51c;--gold2:#ffbf2f;--white:#f5f5f3;--muted:#b6b6b1;--line:#2c2c2c;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(5,5,5,.94);border-bottom:1px solid #292929;backdrop-filter:blur(12px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand img{height:68px;width:auto}.nav-links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:600}.nav-links a:not(.nav-call):hover{color:var(--gold)}.nav-call{padding:11px 16px;background:var(--gold);color:#080808;border-radius:3px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{position:relative;min-height:610px;overflow:hidden;border-bottom:1px solid #4b3210}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.82) 38%,rgba(0,0,0,.25) 72%),url('assets/truck-hero.jpg');background-position:center;background-size:cover;filter:saturate(.95)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(transparent,var(--black))}.hero-grid{position:relative;z-index:1;min-height:610px;display:flex;align-items:center}.hero-copy{max-width:610px;padding:60px 0}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-weight:700;font-size:13px}.hero h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;line-height:.95;margin:15px 0}.hero h1{font-size:clamp(55px,8vw,100px);letter-spacing:-1px}.hero h1 strong{color:var(--gold)}.lead{font-family:'Barlow Condensed',sans-serif;font-size:28px;text-transform:uppercase;font-weight:600;margin:22px 0 10px}.hero-copy>p:not(.lead){color:#ddd;max-width:560px}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 22px;text-transform:uppercase;font-weight:800;letter-spacing:.7px;font-size:13px;border:1px solid transparent}.btn-gold{background:var(--gold);color:#070707}.btn-gold:hover{background:var(--gold2)}.btn-outline{border-color:#777;background:rgba(0,0,0,.3)}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}
.trust-strip{background:#121212;border-top:1px solid #3b2b13;border-bottom:1px solid #2a2a2a}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-grid>div{padding:20px 24px;border-right:1px solid #2d2d2d}.trust-grid>div:last-child{border-right:0}.trust-grid b{display:block;color:var(--gold);font-family:'Barlow Condensed';font-size:20px;text-transform:uppercase}.trust-grid span{font-size:12px;color:#bbb;text-transform:uppercase}
.section{padding:95px 0}.section-heading{max-width:700px;margin-bottom:38px}.section-heading h2,.split h2,.contact h2{font-size:clamp(42px,6vw,68px)}.section-heading p{color:var(--muted)}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{background:#111;border:1px solid #2b2b2b;overflow:hidden}.service-card img{width:100%;height:180px;object-fit:cover;display:block;filter:brightness(.78)}.card-body{padding:20px}.icon{color:var(--gold);font-size:26px}.card-body h3{font-size:27px;margin:8px 0}.card-body p{color:#aaa;font-size:14px;margin:0}.more-services{margin-top:48px;padding:30px;background:#0d0d0d;border:1px solid #282828}.more-services h3{color:var(--gold);font-size:28px}.mini-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.mini-grid div{min-height:115px;padding:16px 10px;text-align:center;border-right:1px solid #333;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.mini-grid div:last-child{border:0}.mini-grid span{font-size:27px;color:var(--gold)}.mini-grid b{font-family:'Barlow Condensed';font-size:17px;text-transform:uppercase}
.dark-section{background:#111;border-top:1px solid #262626;border-bottom:1px solid #262626}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.split p{color:#c5c5c5;max-width:650px}.check-list{padding:0;list-style:none;display:grid;gap:12px;margin-top:28px}.check-list li:before{content:"✓";color:var(--gold);font-weight:900;margin-right:12px}.stats{display:grid;grid-template-columns:1fr;gap:12px}.stats div{border:1px solid #373737;padding:24px 28px;display:flex;align-items:baseline;gap:18px}.stats strong{font-family:'Barlow Condensed';font-size:54px;color:var(--gold)}.stats span{color:#aaa;text-transform:uppercase;font-size:12px;font-weight:700}
.roadside{background:var(--gold);color:#070707;padding:48px 0}.roadside-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.roadside .eyebrow{color:#111}.roadside h2{font-size:clamp(38px,5vw,60px);margin:10px 0}.roadside p{margin:0}.roadside .btn-gold{background:#070707;color:#fff;min-width:230px}
.contact{background:#f1f1ee;color:#0b0b0b}.contact .eyebrow{color:#9b6800}.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:stretch}.contact h2{margin-bottom:20px}.contact p{font-size:18px}.contact-actions{display:flex;gap:12px;margin-top:28px}.btn-dark{background:#090909;color:#fff}.contact-card{background:#0b0b0b;color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:center;border-left:5px solid var(--gold)}.contact-card h3{font-size:40px;color:var(--gold)}.contact-card p{color:#bbb}.contact-card a{color:var(--gold);font-weight:700}
footer{background:#070707;border-top:1px solid #252525;padding:24px 0;color:#888;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px}

@media(max-width:950px){.nav-links{gap:14px}.service-grid{grid-template-columns:repeat(2,1fr)}.mini-grid{grid-template-columns:repeat(3,1fr)}.split,.contact-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.container{width:min(var(--max),calc(100% - 28px))}.nav{height:72px}.brand img{height:56px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#090909;border-bottom:1px solid #333;padding:18px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-call{text-align:center}.hero,.hero-grid{min-height:650px}.hero-bg{background-position:62% center}.hero-copy{padding-top:80px}.hero h1{font-size:58px}.trust-grid{grid-template-columns:1fr}.trust-grid>div{border-right:0;border-bottom:1px solid #2d2d2d}.trust-grid>div:last-child{border-bottom:0}.section{padding:70px 0}.service-grid{grid-template-columns:1fr}.service-card img{height:220px}.mini-grid{grid-template-columns:repeat(2,1fr)}.mini-grid div:nth-child(2n){border-right:0}.split{gap:35px}.stats{grid-template-columns:1fr}.roadside-inner{align-items:flex-start;flex-direction:column}.contact-actions{flex-direction:column}.footer-inner{flex-direction:column}}

/* Reference-style details + messenger buttons */
.language-switch{position:absolute;z-index:3;right:30px;top:25px;color:#ddd;font-size:12px;font-weight:700;letter-spacing:1px}
.nav-social{font-size:12px!important;text-transform:uppercase;padding:9px 11px;border:1px solid #333}
.nav-social.whatsapp:hover{color:#70e08b;border-color:#70e08b}
.nav-social.telegram:hover{color:#6bbcff;border-color:#6bbcff}
.messenger-actions{display:flex;gap:10px;margin-top:16px}
.messenger-btn{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid #333;background:#101010;color:#fff;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.5px}
.messenger-btn.wa:hover{border-color:#52d77d;color:#52d77d}
.messenger-btn.tg:hover{border-color:#5baef5;color:#5baef5}
.messenger-mark{font-family:'Barlow Condensed';font-size:18px;color:var(--gold)}
.floating-social{position:fixed;right:18px;bottom:18px;z-index:50;display:flex;flex-direction:column;gap:9px}
.floating-social a{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed';font-weight:800;font-size:17px;box-shadow:0 7px 22px rgba(0,0,0,.45);border:2px solid #222}
.float-wa{background:#20b85a;color:#fff}.float-tg{background:#168bd1;color:#fff}
.floating-social a:hover{transform:translateY(-2px)}
@media(max-width:1050px){
  .nav-social{display:none}
}
@media(max-width:720px){
  .language-switch{right:15px;top:15px;font-size:10px}
  .messenger-actions{flex-direction:column}
  .messenger-btn{justify-content:center}
  .floating-social{right:12px;bottom:12px}
}

/* Reviews */
.reviews{background:#090909;border-top:1px solid #272727}
.reviews-heading{margin-bottom:34px}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.review-card{background:#111;border:1px solid #303030;padding:28px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.review-card:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:var(--gold)}
.stars{color:var(--gold);letter-spacing:3px;font-size:18px}
.review-card p{color:#d0d0d0;font-size:15px;line-height:1.75;margin:20px 0}
.review-author{border-top:1px solid #292929;padding-top:15px;display:flex;flex-direction:column}
.review-author strong{font-size:13px;text-transform:uppercase}
.review-author span{font-size:11px;color:#888;text-transform:uppercase;margin-top:3px}

/* Google map */
.map-wrap{margin-top:55px;background:#0a0a0a;border:1px solid #292929;position:relative;overflow:hidden}
.map-wrap iframe{display:block;width:100%;height:390px;border:0;filter:saturate(.85) contrast(1.05)}
.map-title{position:absolute;z-index:2;left:18px;top:18px;background:rgba(7,7,7,.94);padding:16px 20px;min-width:245px;border-left:4px solid var(--gold);box-shadow:0 8px 25px rgba(0,0,0,.35)}
.map-title h3{color:#fff;font-size:27px;margin:6px 0 2px}
.map-title p{color:#aaa;font-size:12px;margin:0;text-transform:uppercase}
@media(max-width:950px){.reviews-grid{grid-template-columns:1fr}.map-wrap iframe{height:350px}}
@media(max-width:720px){.map-title{position:relative;left:auto;top:auto;border-left:0;border-bottom:3px solid var(--gold);min-width:0}.map-wrap iframe{height:320px}}


/* --- POP-UP PROMO DIALOGUE --- */

/* Фоновое затемнение на весь экран */
.popup-overlay {
    display: none; /* Переключается через JavaScript */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(5, 5, 5, 0.85); /* Затемнение в тон шапки сайта */
    backdrop-filter: blur(8px); /* Красивое размытие заднего фона */
    z-index: 100; /* Выше липкой шапки, у которой z-index: 20 */
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Активное состояние оверлея */
.popup-overlay.active {
    display: flex;
    opacity: 1;
}

/* Стилизация самого окна акции */
.popup-content {
    background: var(--black2); /* Используем ваш темный цвет карточек */
    border: 1px solid var(--line); /* Рамка в стиле сайта */
    border-top: 4px solid var(--gold); /* Фирменная золотая полоса сверху */
    padding: 50px 35px 40px;
    max-width: 440px;
    width: 90%;
    text-align: center;
    position: relative;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
    transform: scale(0.85);
    transition: transform 0.3s ease;
}

/* Анимация увеличения окна при появлении */
.popup-overlay.active .popup-content {
    transform: scale(1);
}

/* Кнопка закрытия окна (крестик) */
.close-btn {
    position: absolute;
    top: 14px;
    right: 18px;
    font-size: 32px;
    color: var(--muted);
    cursor: pointer;
    line-height: 1;
    transition: color 0.2s;
}
.close-btn:hover {
    color: var(--white);
}

/* Текстовые блоки внутри окна */
.popup-content h2 {
    font-size: clamp(34px, 5vw, 42px); /* Адаптивный размер в стиле ваших h2 */
    color: var(--white);
    margin-top: 0;
    margin-bottom: 12px;
}
.popup-content p {
    color: var(--muted);
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 25px;
}

/* Блок с промокодом */
.promo-code-box {
    display: inline-block;
    background: rgba(0, 0, 0, 0.4);
    border: 2px dashed var(--gold); /* Фирменный золотой пунктир */
    padding: 12px 24px;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    color: var(--gold);
    margin-bottom: 30px;
    text-transform: uppercase;
}

/* Кнопка действия внутри поп-апа */
.popup-btn {
    width: 100%;
    min-height: 52px;
    background: var(--gold);
    color: var(--black);
    border: none;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: .7px;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
}
.popup-btn:hover {
    background: var(--gold2);
}
.popup-btn:active {
    transform: translateY(1px);
}

/* Адаптивность для мобильных экранов */
@media(max-width: 720px) {
    .popup-content {
        padding: 40px 20px 30px;
    }
    .popup-content h2 {
        font-size: 32px;
    }
}

/* Делим нижний ряд строго на 3 равные колонки */
.popup-content .popup-triple-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    width: 100%;
}

/* Стили для кнопки закрытия в ряду */
.popup-close-row-btn {
    width: 100%;
    justify-content: center;
    cursor: pointer;
    margin-top: 0 !important;
}

/* Эффект наведения для кнопки закрытия */
.popup-close-row-btn:hover {
    border-color: #ff4a4a; /* Подсветим красным при наведении */
    color: #ff4a4a;
}

/* На мобильных экранах перестраиваем 3 кнопки в колонку, чтобы текст не сжимался */
@media(max-width: 480px) {
    .popup-content .popup-triple-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
}