/* ===== БАЗОВЫЙ СТИЛЬ (из твоего файла) ===== */
body{font-family:'Arial',sans-serif;margin:0;padding:0;color:#333;line-height:1.6;background-color:#f8f9fa}
header{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:20px;background-color:#ff7900;box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000}
.logo{font-size:24px;font-weight:bold;color:#fff}
nav{display:flex;align-items:center}
.nav-list{list-style:none;display:flex;gap:20px;margin:0;padding:0}
.nav-list a{text-decoration:none;color:#fff;font-weight:bold;transition:color .3s ease}
.nav-list a:hover{color:#00BC00}
.menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:#fff}
.header-actions{display:flex;align-items:center;gap:10px}
h2{text-align:center;color:#333;margin-bottom:20px}

/* ===== CTA — «📞 Заказать экспертизу» (вариант B с тенью) ===== */
.cta-button{padding:12px 24px;background-color:#00BC00;color:#fff;border:none;cursor:pointer;border-radius:8px;font-weight:700;font-size:16px;display:inline-flex;align-items:center;gap:10px;box-shadow:0 3px 10px rgba(0,0,0,.15);transition:background-color .25s ease,transform .15s ease,box-shadow .25s ease}
.cta-button:hover{background-color:#008D00;box-shadow:0 5px 14px rgba(0,0,0,.20)}
.cta-button:active{transform:translateY(2px);box-shadow:0 2px 6px rgba(0,0,0,.18)}

/* ===== Селектор города ===== */
.city-selector{display:flex;align-items:center;gap:6px;background:#fff;color:#111;border-radius:8px;padding:8px 10px;cursor:pointer;user-select:none;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.city-selector .city-pin{opacity:.9}
.city-selector .city-arrow{opacity:.6}
.city-dropdown{position:absolute;right:20px;top:72px;min-width:240px;max-height:50vh;overflow:auto;background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:8px;display:none;z-index:1001}
.city-dropdown.open{display:block}
.city-option{padding:10px 12px;border-radius:8px;cursor:pointer}
.city-option:hover{background:#f3f4f6}

/* ===== Hero ===== */
.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;background:rgba(0,0,0,.5)}
.hero video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.hero-content{z-index:1}
.hero-content h1{font-size:clamp(2rem,8vw,4rem);margin-bottom:20px;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.5)}
.hero-content p{font-size:1.5rem;margin-bottom:30px}

/* ===== Секции ===== */
section{padding:50px 20px}
#services,#about,#reviews,#contacts{background:#fff;margin:20px 0;padding:40px 20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}
.service-list,.review-list{display:flex;flex-wrap:wrap;gap:20px}
.service-item,.review-item{flex:1 1 calc(33.333% - 40px);background:#fff;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:10px;transition:transform .3s ease, box-shadow .3s ease}
.service-item:hover,.review-item:hover{transform:translateY(-10px);box-shadow:0 8px 16px rgba(0,0,0,.2)}

/* ===== About — карточка эксперта ===== */
.about-expert-card{display:flex;gap:20px;align-items:center;justify-content:center;max-width:1000px;margin:0 auto 20px auto}
.about-expert-photo{width:120px;height:120px;border-radius:50%;object-fit:cover;box-shadow:0 8px 22px rgba(0,0,0,.15)}
.about-expert-text{max-width:700px}

/* ===== Footer ===== */
footer{text-align:center;padding:20px;background:#ff7900;color:#fff}

/* ===== Floating phone ===== */
.floating-phone{display:none;position:fixed;bottom:20px;right:20px;background:#00BC00;color:#fff;padding:14px 22px;border-radius:32px;font-size:16px;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.25);z-index:1000;transition:opacity .3s ease, transform .3s ease;align-items:center;gap:10px}
.floating-phone.visible{display:flex}

/* ===== Modal ===== */
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:1002}
.modal.open{display:flex}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.modal-content{position:relative;background:#fff;border-radius:12px;max-width:520px;width:92vw;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.25);z-index:1}
.modal-close{position:absolute;top:10px;right:12px;border:none;background:transparent;font-size:22px;cursor:pointer}
.modal-header{display:flex;gap:14px;align-items:center;margin-bottom:10px}
.modal-expert-photo{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.modal-body input,.modal-body textarea{width:100%;padding:12px 14px;margin:8px 0;border:1px solid #ddd;border-radius:8px;font-size:15px}
.modal-footer{display:flex;justify-content:flex-end;margin-top:10px}

/* ===== Бегущая строка ===== */
.marque{--speed:25s;--gap:60px;--height:48px;--bg:#0f172a;--fg:#ffffff;position:relative;overflow:hidden;width:100%;height:var(--height);background:var(--bg);color:var(--fg);display:flex;align-items:center}
.marque__wrapper{display:inline-flex;flex-shrink:0;gap:var(--gap);list-style:none;margin:0;padding:0;min-width:100%;animation:scroll var(--speed) linear infinite}
.ticker-text{font:600 16px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial;white-space:nowrap}
.ticker-text::before{content:"•";margin-right:12px;opacity:.6}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.marque:hover .marque__wrapper{animation-play-state:paused}

/* ===== Адаптивность ===== */
@media (max-width: 1024px){
  .service-item,.review-item{flex:1 1 calc(50% - 40px)}
}
@media (max-width: 768px){
  header{flex-wrap:wrap;padding:12px 16px}
  .menu-toggle{display:block;margin-right:8px}
  .nav-list{display:none;flex-direction:column;width:100%;background:#ff7900;padding:10px 0;position:absolute;top:64px;left:0}
  .nav-list.active{display:flex}
  .header-actions{order:3;width:100%;display:flex;justify-content:flex-end;margin-top:8px}
  .city-selector{order:2}
  .service-item,.review-item{flex:1 1 100%}
}