/*
Theme Name: PMK-212 OnePage Elementor (Blue Light)
Theme URI: https://pmk-212.by/
Author: Generated pack
Description: Одностраничная тема ПМК‑212 в бело‑сине‑голубых тонах. Контент хранится в странице и редактируется через Elementor, сохраняя внешний вид.
Version: 1.0.0
License: GPLv2 or later
Text Domain: pmk212-onepage-elementor
*/

:root{
  --bg:#f7fbff;
  --card:#ffffff;
  --text:#0b1b33;
  --muted:#51627a;
  --blue:#0b5ed7;
  --blue2:#22a4ff;
  --line:rgba(11,94,215,.12);
  --shadow: 0 18px 50px rgba(11,27,51,.10);
  --radius: 18px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#ffffff 0%, var(--bg) 55%, #ffffff 100%);color:var(--text)}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 18px}
.section{padding:72px 0}
.h2{font-size:38px;line-height:1.1;margin:0 0 14px}
.p{color:var(--muted);font-size:16px;line-height:1.6;margin:0}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.grid{display:grid;gap:18px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;border:1px solid rgba(11,94,215,.18);background:rgba(11,94,215,.08);font-weight:800;color:#0b3c8f;cursor:pointer}
.btn:hover{background:rgba(11,94,215,.12);border-color:rgba(11,94,215,.28)}
.btnPrimary{background:linear-gradient(135deg,var(--blue),var(--blue2));border-color:transparent;color:#fff}
.btnPrimary:hover{filter:brightness(1.02)}
.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(34,164,255,.12);border:1px solid rgba(34,164,255,.25);color:#0b3c8f;font-weight:800;font-size:12px}

/* Header */
.siteHeader{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.78);backdrop-filter: blur(10px);border-bottom:1px solid rgba(11,94,215,.10)}
.siteHeaderInner{display:flex;align-items:center;gap:14px;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;min-width:240px}
.brand img{height:38px;width:auto}
.brandTitle{font-weight:900;line-height:1.1}
.brandSub{font-size:12px;color:var(--muted)}
.nav{flex:1}
.nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap;overflow:auto;scrollbar-width:none}
.nav ul::-webkit-scrollbar{display:none}
.nav a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:rgba(11,94,215,.08);border:1px solid rgba(11,94,215,.18);color:#0b3c8f;font-weight:900;white-space:nowrap}
.nav a:hover{background:rgba(11,94,215,.12);border-color:rgba(11,94,215,.28)}
.headerRight{display:flex;align-items:center;gap:10px}
.headerPhone{padding:10px 14px;border-radius:999px;border:1px solid rgba(11,94,215,.18);background:#fff;font-weight:800;color:#0b3c8f}

@media (max-width: 980px){
  .brand{min-width:auto}
  .nav ul{justify-content:flex-start}
  .headerRight{display:none}
}

/* Video */
.videoWrap{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}
.videoCard{padding:16px}
.videoCard video{width:100%;border-radius:14px;border:1px solid var(--line);background:#000}
.heroAside{padding:16px;display:flex;flex-direction:column;justify-content:space-between}
.heroAside img{width:100%;border-radius:14px;border:1px solid var(--line);height:100%;object-fit:cover}
@media (max-width: 980px){ .videoWrap{grid-template-columns:1fr} }

/* Services */
.servicesGrid{grid-template-columns:repeat(4,1fr)}
.service{padding:16px}
.service img{width:100%;height:160px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.service h3{margin:12px 0 6px;font-size:18px}
.service p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.service .btn{margin-top:12px}
@media (max-width: 980px){ .servicesGrid{grid-template-columns:1fr 1fr} }
@media (max-width: 560px){ .servicesGrid{grid-template-columns:1fr} }

/* Projects */
.projectsGrid{grid-template-columns:repeat(3,1fr)}
.project{padding:14px}
.project img{width:100%;height:190px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.project h4{margin:10px 0 6px}
@media (max-width: 980px){ .projectsGrid{grid-template-columns:1fr 1fr} }
@media (max-width: 560px){ .projectsGrid{grid-template-columns:1fr} }

/* News */
.newsGrid{grid-template-columns:repeat(3,1fr)}
.news{padding:14px}
.news h4{margin:0 0 8px}
.news a{color:var(--blue);font-weight:800}
@media (max-width: 980px){ .newsGrid{grid-template-columns:1fr} }

/* Contacts */
.contactsGrid{grid-template-columns:1fr 1fr}
.map iframe{width:100%;height:360px;border:0;border-radius:14px}
.formRow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.input, textarea{width:100%;padding:12px 12px;border-radius:12px;border:1px solid rgba(11,94,215,.18);background:#fff;font:inherit}
textarea{min-height:120px;resize:vertical}
.footer{padding:28px 0;border-top:1px solid rgba(11,94,215,.10);color:var(--muted);font-size:13px}

/* Elementor friendliness */
.elementor-section.elementor-section-boxed>.elementor-container{max-width:1200px}



.siteHeader .brand img{
  display:none !important;
}