:root{--hero-image:url("images/embedded-01.jpg")}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Manrope',sans-serif;background:#050505;color:#f4f1e8;line-height:1.5}a{color:inherit;text-decoration:none}.page{overflow:hidden}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:32px 6vw;background:#050505;overflow:hidden}.hero-bg{position:absolute;top:0;right:4%;width:88%;height:100%;background-image:var(--hero-image);background-size:82% auto;background-repeat:no-repeat;background-position:center right;opacity:.95;z-index:0;pointer-events:none}.hero-blend{position:absolute;left:30%;top:0;width:36%;height:100%;background:radial-gradient(circle at center,rgba(212,176,97,.12) 0%,rgba(212,176,97,.06) 22%,rgba(255,255,255,.04) 42%,rgba(0,0,0,0) 72%);filter:blur(18px);z-index:1;pointer-events:none}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.82) 30%,rgba(0,0,0,.42) 54%,rgba(0,0,0,.12) 78%,rgba(0,0,0,.05) 100%),linear-gradient(to top,#050505 0%,transparent 30%);pointer-events:none;z-index:1}.nav{position:absolute;top:28px;left:6vw;right:6vw;z-index:5;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:18px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.logo-image{width:74px;height:74px;object-fit:contain;border-radius:50%;box-shadow:0 0 30px rgba(212,176,97,.25);border:1px solid rgba(212,176,97,.4)}.nav-links{display:flex;gap:26px;font-size:14px;color:rgba(244,241,232,.78)}.nav-phone{color:#d4b061;font-weight:700;font-size:15px}.hero-content{position:relative;z-index:2;max-width:760px;padding-top:80px}.eyebrow{color:#d4b061;text-transform:uppercase;letter-spacing:.22em;font-size:13px;margin-bottom:24px}h1{font-size:clamp(48px,8vw,104px);line-height:.95;text-transform:uppercase;letter-spacing:-.06em;font-weight:800;margin-bottom:26px}.gold{color:#d4b061}.hero-text{max-width:560px;color:rgba(244,241,232,.78);font-size:20px;margin-bottom:36px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border-radius:999px;font-weight:700;transition:.25s}.btn-primary{background:linear-gradient(135deg,#d4b061,#7b5a18);color:#080808;box-shadow:0 14px 40px rgba(215,162,75,.25)}.btn-secondary{border:1px solid rgba(244,241,232,.24);color:#f4f1e8;backdrop-filter:blur(12px)}.btn:hover{transform:translateY(-2px)}section{padding:96px 6vw}.section-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:42px}.section-title{font-size:clamp(34px,5vw,64px);line-height:1;letter-spacing:-.04em;text-transform:uppercase}.section-sub{max-width:460px;color:rgba(244,241,232,.62)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{min-height:260px;padding:26px;border:1px solid rgba(215,162,75,.22);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));position:relative;overflow:hidden}.card::after{content:"";position:absolute;inset:auto -30% -45% -30%;height:130px;background:radial-gradient(circle,rgba(215,162,75,.18),transparent 65%)}.card-num{color:#d4b061;margin-bottom:42px}.card h3{font-size:22px;margin-bottom:12px}.card p{color:rgba(244,241,232,.62);font-size:15px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.visual-placeholder{min-height:520px;border-radius:34px;border:1px solid rgba(215,162,75,.22);background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.65)),url("https://images.unsplash.com/photo-1520340356584-f9917d1eea6f?auto=format&fit=crop&w=1400&q=80") center/cover;display:flex;align-items:end;padding:30px;color:rgba(244,241,232,.7)}.price-box{border-radius:34px;border:1px solid rgba(215,162,75,.22);padding:34px;background:#0d0d0d}.price-row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid rgba(215,162,75,.18)}.price-row:last-child{border-bottom:0}.price-row span{color:rgba(244,241,232,.64)}.price-row strong{color:#d4b061;white-space:nowrap}.gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.gallery-item{min-height:340px;border-radius:28px;border:1px solid rgba(215,162,75,.18);background:linear-gradient(to top,rgba(0,0,0,.72),transparent),url("images/embedded-02.jpg") center/cover;display:flex;align-items:end;padding:24px;color:rgba(244,241,232,.75)}.gallery-item:nth-child(2){background:linear-gradient(to top,rgba(0,0,0,.72),transparent),url("images/embedded-03.jpg") center/cover}.gallery-item:nth-child(3){background:linear-gradient(to top,rgba(0,0,0,.72),transparent),url("images/embedded-04.jpg") center/cover}.contact{border-radius:38px;border:1px solid rgba(215,162,75,.24);background:radial-gradient(circle at 20% 20%,rgba(215,162,75,.18),transparent 32%),#0d0d0d;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.contact h2{font-size:clamp(34px,5vw,60px);line-height:1;text-transform:uppercase;margin-bottom:20px}.contact p{color:rgba(244,241,232,.68);margin-bottom:26px}.form{display:grid;gap:18px}input,textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(244,241,232,.16);color:#fff;border-radius:18px;padding:18px;font-size:16px;outline:none}textarea{min-height:120px;resize:vertical}footer{padding:32px 6vw;color:rgba(244,241,232,.5);display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08)}.protection-section{padding-top:30px}.protection-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:stretch;min-height:620px}.protection-copy{border-radius:38px;padding:46px;background:radial-gradient(circle at 15% 20%,rgba(212,176,97,.18),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid rgba(212,176,97,.24)}.protection-lead{margin-top:28px;margin-bottom:30px;max-width:680px;color:rgba(244,241,232,.72);font-size:18px}.protection-points{display:grid;gap:12px;margin:34px 0}.protection-points div{display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:center;padding:18px 0;border-top:1px solid rgba(212,176,97,.16)}.protection-points strong{color:#d4b061;letter-spacing:.14em;font-size:13px}.protection-points span{color:rgba(244,241,232,.76)}.protection-visual{border-radius:38px;min-height:620px;border:1px solid rgba(212,176,97,.24);background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.18)),url("images/koch-chemie-premium.jpg") center/cover;display:flex;align-items:end;padding:30px;position:relative;overflow:hidden}.protection-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 15%,rgba(212,176,97,.2),transparent 28%)}.visual-label{position:relative;z-index:2;color:rgba(244,241,232,.72);padding:12px 16px;border:1px solid rgba(244,241,232,.16);border-radius:999px;background:rgba(0,0,0,.32);backdrop-filter:blur(12px);font-size:14px}.protection-combined{padding-top:34px}.protection-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:end;border-radius:34px;border:1px solid rgba(212,176,97,.22);background:radial-gradient(circle at 15% 20%,rgba(212,176,97,.18),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));padding:34px;margin-bottom:18px}.protection-intro h3{max-width:780px;font-size:clamp(30px,4vw,54px);line-height:1;letter-spacing:-.05em;text-transform:uppercase;margin-top:16px}.intro-points{display:grid;grid-template-columns:1fr 1fr;gap:10px}.intro-points span{border:1px solid rgba(212,176,97,.18);background:rgba(255,255,255,.035);border-radius:999px;padding:14px 16px;color:rgba(244,241,232,.78);font-size:14px;text-align:center}.intro-points--uniform .intro-point{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid rgba(212,176,97,.55);background:linear-gradient(135deg,rgba(212,176,97,.28),rgba(168,125,40,.16));color:#fff;border-radius:16px;padding:12px 18px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:-.01em;text-align:center;box-shadow:0 0 24px rgba(212,176,97,.14)}.packages-section{padding-top:34px}.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.package-card{border-radius:30px;overflow:hidden;border:1px solid rgba(212,176,97,.22);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));min-height:640px;display:flex;flex-direction:column;position:relative}.package-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(212,176,97,.15),transparent 38%);pointer-events:none;opacity:.8}.package-featured{border-color:rgba(212,176,97,.58);box-shadow:0 0 60px rgba(212,176,97,.12)}.package-image{height:230px;position:relative;display:flex;align-items:end;padding:16px;background-position:center center;background-size:cover;background-repeat:no-repeat}.package-image-1{background-image:linear-gradient(to top,rgba(0,0,0,.64),rgba(0,0,0,.06)),url("images/embedded-06.jpg")}.package-image-2{background-image:linear-gradient(to top,rgba(0,0,0,.64),rgba(0,0,0,.06)),url("images/embedded-07.jpg")}.package-image-3{background-image:linear-gradient(to top,rgba(0,0,0,.64),rgba(0,0,0,.06)),url("images/embedded-08.jpg")}.package-image-4{background-image:linear-gradient(to top,rgba(0,0,0,.64),rgba(0,0,0,.06)),url("images/embedded-09.jpg")}.package-image::after{content:"";position:absolute;inset:18px;border-radius:20px;border:1px solid rgba(212,176,97,.12);background:radial-gradient(circle at 28% 62%,rgba(212,176,97,.10),transparent 42%);mix-blend-mode:screen}.package-image-2::after{background:radial-gradient(circle at 34% 62%,rgba(212,176,97,.10),transparent 44%)}.package-image-3::after{background:radial-gradient(circle at 58% 58%,rgba(212,176,97,.10),transparent 46%)}.package-image-4::after{background:radial-gradient(circle at 50% 54%,rgba(212,176,97,.12),transparent 48%)}.package-image span{position:relative;z-index:2;color:rgba(244,241,232,.65);font-size:13px;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)}.package-image span:empty{display:none}.package-content{position:relative;z-index:2;padding:26px;display:flex;flex-direction:column;flex:1}.package-kicker{color:#d4b061;font-size:12px;text-transform:uppercase;letter-spacing:.18em;margin-bottom:12px}.package-content h3{font-size:26px;line-height:1.05;letter-spacing:-.04em;text-transform:uppercase;min-height:58px;margin-bottom:18px}.package-price{color:#d4b061;font-weight:800;font-size:22px;margin-bottom:22px}.package-content ul{list-style:none;display:grid;gap:10px;margin-bottom:26px;color:rgba(244,241,232,.74);font-size:15px}.package-content li{padding-left:18px;position:relative}.package-content li::before{content:"";width:6px;height:6px;border-radius:50%;background:#d4b061;position:absolute;left:0;top:.65em;box-shadow:0 0 12px rgba(212,176,97,.7)}.package-btn{margin-top:auto;width:100%}.process-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.process-card{min-height:320px;border-radius:30px;overflow:hidden;border:1px solid rgba(212,176,97,.18);background-size:cover;background-position:center center;display:flex;align-items:end;transition:.35s}.process-card:hover{transform:translateY(-4px)}.process-large{grid-row:span 2;min-height:660px}.process-content{padding:26px}.process-content span{color:#d4b061;font-size:13px;letter-spacing:.16em}.process-content h3{margin-top:12px;font-size:30px;text-transform:uppercase;line-height:1}.hero{background-position:center center}.hero-content{position:relative;z-index:2;max-width:760px;padding-top:80px}.gallery-two{grid-template-columns:1.25fr .75fr}.gallery-wide{min-height:460px}@media (max-width:960px){.nav-links{display:none}.cards,.package-grid{grid-template-columns:1fr 1fr}.split,.contact,.protection-grid,.protection-intro,.process-grid{grid-template-columns:1fr}.gallery,.gallery-two{grid-template-columns:1fr}section{padding:72px 5vw}}@media (max-width:560px){.cards,.package-grid{grid-template-columns:1fr}.hero{padding:24px 5vw}.nav{left:5vw;right:5vw}.hero-bg{width:100%;right:-20%;right:0;background-size:cover;background-position:center center;opacity:.35}.nav-phone{display:none}.hero-text{font-size:17px}.section-head{display:block}.section-sub{margin-top:18px}.contact,.protection-copy,.protection-intro{padding:28px}.protection-visual{min-height:420px}.package-card{min-height:auto}.protection-points div{grid-template-columns:1fr;gap:6px}.intro-points{grid-template-columns:1fr}footer{flex-direction:column}}@media (max-width:760px){body{overflow-x:hidden}.hero{min-height:92vh;padding:22px 20px 48px;align-items:flex-end}.hero-bg{width:118%;height:56%;top:74px;right:-34%;background-size:82% auto;background-position:top right;opacity:.74}.hero-blend{left:0;top:26%;width:100%;height:58%;opacity:.7}.hero::after{background:linear-gradient(to bottom,rgba(0,0,0,.88) 0%,rgba(0,0,0,.55) 34%,rgba(0,0,0,.80) 72%,#050505 100%),linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.44) 58%,rgba(0,0,0,.10) 100%)}.nav{top:18px;left:20px;right:20px;align-items:center}.brand{gap:10px;letter-spacing:.08em;font-size:11px}.logo-image{width:52px;height:52px}.nav-links{display:none}.nav-phone{display:inline-flex;font-size:0;width:42px;height:42px;border-radius:50%;border:1px solid rgba(212,176,97,.35);align-items:center;justify-content:center;background:rgba(0,0,0,.35)}.nav-phone::after{content:"☎";font-size:18px;color:#d4b061}.hero-content{padding-top:0;max-width:100%;z-index:4}.eyebrow{font-size:11px;letter-spacing:.16em;margin-bottom:16px}h1{font-size:clamp(44px,15vw,68px);line-height:.92;margin-bottom:20px}.hero-text{font-size:16px;max-width:92%;margin-bottom:24px;color:rgba(244,241,232,.82)}.hero-actions{gap:10px}.btn{min-height:48px;padding:0 20px;font-size:14px}section{padding:64px 20px}.section-head{display:block;margin-bottom:28px}.section-title{font-size:clamp(32px,11vw,48px)}.section-sub{margin-top:16px;font-size:15px}.cards{grid-template-columns:1fr;gap:12px}.card{min-height:auto;padding:22px;border-radius:22px}.card-num{margin-bottom:24px}.protection-intro{grid-template-columns:1fr;padding:24px;border-radius:26px}.protection-intro h3{font-size:clamp(30px,10vw,42px)}.intro-points{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr;gap:14px}.package-card{min-height:auto;border-radius:24px}.package-image{height:190px}.package-content{padding:22px}.package-content h3{min-height:auto;font-size:24px}.split{grid-template-columns:1fr}.visual-placeholder{min-height:320px;border-radius:26px}.price-box{padding:24px;border-radius:26px}.price-row{display:grid;grid-template-columns:1fr;gap:6px}.gallery,.gallery-two{grid-template-columns:1fr !important;gap:14px}.gallery-item,.gallery-wide{min-height:320px;border-radius:24px}.process-grid{grid-template-columns:1fr !important;gap:14px}.process-card,.process-large{min-height:340px;grid-row:auto;border-radius:24px}.process-content{padding:22px}.process-content h3{font-size:26px}.contact{grid-template-columns:1fr;padding:26px;border-radius:28px}.contact h2{font-size:clamp(32px,11vw,46px)}input,textarea{border-radius:16px;padding:16px}footer{flex-direction:column;padding:28px 20px;font-size:14px}}@media (max-width:420px){.hero-bg{width:132%;right:-48%;top:92px;opacity:.66}h1{font-size:46px}.hero-text{max-width:100%}.hero-actions .btn{width:100%}.gallery-item,.gallery-wide,.process-card,.process-large{min-height:285px}}.floating-actions{position:fixed;right:22px;bottom:22px;display:flex;flex-direction:column;gap:12px;z-index:9999}.float-btn{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;font-size:15px;letter-spacing:.08em;color:#f4f1e8;backdrop-filter:blur(18px);border:1px solid rgba(212,176,97,.34);background:rgba(10,10,10,.72);box-shadow:0 0 28px rgba(212,176,97,.18),inset 0 0 20px rgba(255,255,255,.03);transition:.28s ease}.float-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 0 42px rgba(212,176,97,.28),inset 0 0 24px rgba(255,255,255,.05);border-color:rgba(212,176,97,.7)}.vk-btn{color:#8db7ff}.tg-btn{color:#8fd6ff}.phone-btn{color:#d4b061;font-size:24px}@media (max-width:760px){.floating-actions{right:14px;bottom:14px;gap:10px}.float-btn{width:56px;height:56px;font-size:13px}.phone-btn{font-size:20px}}.top-actions{display:flex;align-items:center;gap:10px;position:relative;z-index:10}.top-action{min-height:42px;padding:0 17px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(212,176,97,.36);background:rgba(8,8,8,.72);backdrop-filter:blur(16px);box-shadow:0 0 24px rgba(212,176,97,.14);transition:.25s ease}.top-action:hover{transform:translateY(-2px);border-color:rgba(212,176,97,.78);box-shadow:0 0 36px rgba(212,176,97,.24)}.top-action.vk{color:#91b8ff}.top-action.max{color:#f4f1e8}.top-action.call{color:#080808;background:linear-gradient(135deg,#d4b061,#7b5a18);border-color:rgba(212,176,97,.85)}.video-reviews{padding-top:40px}.reviews-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.review-card{border-radius:30px;overflow:hidden;border:1px solid rgba(212,176,97,.22);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018));box-shadow:0 0 42px rgba(0,0,0,.28);position:relative}.review-featured{border-color:rgba(212,176,97,.55);box-shadow:0 0 58px rgba(212,176,97,.12)}.review-card video{width:100%;height:520px;object-fit:contain;display:block;background:#000}.review-info{padding:22px 24px 26px}.review-info span{color:#d4b061;text-transform:uppercase;font-size:12px;letter-spacing:.18em}.review-info h3{margin-top:10px;font-size:24px;text-transform:uppercase;line-height:1;letter-spacing:-.04em}.max-btn{color:#f4f1e8;font-size:12px}@media (max-width:1100px){.reviews-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:960px){.top-actions{gap:8px}.top-action{min-height:38px;padding:0 12px;font-size:12px}.reviews-grid{grid-template-columns:1fr}.review-card video{height:520px}}@media (max-width:760px){.top-actions{position:fixed;left:14px;right:14px;bottom:14px;justify-content:center;background:rgba(5,5,5,.78);border:1px solid rgba(212,176,97,.24);backdrop-filter:blur(18px);border-radius:999px;padding:9px;z-index:10000}.top-action{flex:1;min-height:44px;padding:0 8px;font-size:11px}.floating-actions{display:none}.review-card video{height:460px}.video-reviews{padding-bottom:92px}}@media (max-width:420px){.review-card video{height:390px}}.package-image{background-repeat:no-repeat !important;background-color:#070707 !important}.package-image-1,.package-image-2,.package-image-3{background-size:86% auto !important;background-position:center 58% !important}.package-image-1{background-position:center 58% !important}.package-image-4{background-size:86% auto !important;background-position:46% 58% !important}.package-card,.package,[class*="package-card"]{background:linear-gradient(180deg,rgba(24,24,24,0.98) 0%,rgba(10,10,10,0.98) 100%) !important;border-color:rgba(255,196,70,0.45) !important;box-shadow:0 0 22px rgba(255,196,70,0.10),inset 0 0 18px rgba(255,196,70,0.04) !important;transition:transform 0.28s ease,box-shadow 0.28s ease,border-color 0.28s ease !important}.package-card:hover,.package:hover,[class*="package-card"]:hover{transform:scale(1.025);border-color:rgba(255,210,90,0.8) !important;box-shadow:0 0 34px rgba(255,196,70,0.22),0 12px 35px rgba(0,0,0,0.45),inset 0 0 26px rgba(255,196,70,0.08) !important;z-index:5}.services-merged-section{padding:90px 40px;background:#050505}.services-merged-header{margin-bottom:40px}.services-label{color:#d4a93d;font-size:14px;letter-spacing:2px;font-weight:700}.services-merged-header h2{color:#fff;font-size:52px;line-height:1;margin:12px 0 16px;max-width:800px}.services-merged-header p{color:#a0a0a0;font-size:18px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.service-card{background:linear-gradient(180deg,#131313 0%,#090909 100%);border:1px solid rgba(212,169,61,.18);border-radius:28px;overflow:hidden;min-height:180px;transition:.28s ease;position:relative}.service-card:hover{transform:translateY(-6px) scale(1.02);border-color:rgba(255,203,77,.7);box-shadow:0 0 35px rgba(255,196,70,.16)}.service-card.featured{border:1px solid rgba(255,203,77,.65);box-shadow:0 0 28px rgba(255,196,70,.12)}.service-photo-placeholder{height:210px;display:flex;align-items:center;justify-content:center;color:#666;font-size:18px;background:linear-gradient(180deg,rgba(255,203,77,.06),transparent),#0d0d0d;border-bottom:1px solid rgba(255,203,77,.15)}.service-content{padding:24px}.service-content h3{color:#fff;font-size:28px;margin:0}.service-badge{display:inline-block;margin-top:14px;padding:8px 14px;border-radius:999px;background:rgba(255,203,77,.12);border:1px solid rgba(255,203,77,.35);color:#f5c24d;font-size:13px;font-weight:700;letter-spacing:.5px}@media(max-width:1200px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.services-grid{grid-template-columns:1fr}.services-merged-header h2{font-size:36px}}.service-price{margin-top:14px;color:#f5c24d;font-size:22px;font-weight:800;letter-spacing:.3px}.hero h1,.hero-title,h1{font-size:clamp(58px,5.2vw,96px)!important;line-height:.92!important;letter-spacing:-2px!important;max-width:980px!important}.hero,.hero-section{min-height:88vh!important;position:relative;overflow:hidden}.hero::before,.hero-section::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.46) 45%,rgba(0,0,0,.58) 100%);z-index:1}.hero-content,.hero-inner{position:relative;z-index:2}.hero-features,.advantages-grid{transform:translateY(-22px)}.package-card{min-height:auto!important;padding-bottom:22px!important}.package-card ul,.package-card li{font-size:15px!important;line-height:1.45!important}.package-card li{margin-bottom:10px!important}.package-card button,.package-card .btn,.package-card a[class*="btn"]{height:58px!important;font-size:20px!important;border-radius:18px!important}.service-desc{margin-top:14px;color:#9a9a9a;font-size:16px;line-height:1.55;max-width:95%}.why-us-section{padding:110px 40px;background:#050505}.why-us-header{margin-bottom:42px}.why-label{color:#d4a93d;font-size:14px;font-weight:700;letter-spacing:2px}.why-us-header h2{color:#fff;font-size:56px;line-height:.95;margin-top:16px;max-width:900px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.why-card{background:linear-gradient(180deg,#131313 0%,#080808 100%);border:1px solid rgba(255,203,77,.18);border-radius:28px;padding:34px;transition:.28s ease}.why-card:hover{transform:translateY(-6px);border-color:rgba(255,203,77,.65);box-shadow:0 0 35px rgba(255,196,70,.12)}.why-number{color:#d4a93d;font-size:18px;margin-bottom:22px}.why-card h3{color:#fff;font-size:28px;line-height:1.1;margin-bottom:16px}.why-card p{color:#9a9a9a;font-size:16px;line-height:1.6}.protection-combined{padding-top:70px !important;padding-bottom:70px !important}.protection-combined .packages-grid,.protection-combined .package-grid{gap:18px !important}.protection-combined .package-card{padding:20px !important}.protection-combined .package-image{height:180px !important;margin-bottom:12px !important}.protection-combined .package-card h3{margin-bottom:8px !important}.protection-combined .package-card ul{margin-top:8px !important;margin-bottom:14px !important}.protection-combined .package-card li{margin-bottom:6px !important;line-height:1.32 !important;font-size:14px !important}.protection-combined .package-card button,.protection-combined .package-card .btn,.protection-combined .package-card a[class*="btn"]{height:48px !important;min-height:48px !important;padding:0 18px !important;font-size:17px !important;border-radius:16px !important}.final-cta-section{padding:100px 40px 110px;background:radial-gradient(circle at 75% 20%,rgba(255,196,70,.16),transparent 34%),linear-gradient(180deg,#090909 0%,#020202 100%);border-top:1px solid rgba(255,203,77,.18)}.final-cta-card{max-width:1180px;margin:0 auto;padding:58px;border-radius:36px;background:linear-gradient(135deg,rgba(22,22,22,.98),rgba(7,7,7,.98));border:1px solid rgba(255,203,77,.42);box-shadow:0 0 55px rgba(255,196,70,.12)}.final-cta-kicker{color:#f5c24d;font-size:14px;font-weight:800;letter-spacing:2px;margin-bottom:18px}.final-cta-card h2{color:#fff;font-size:58px;line-height:.95;max-width:900px;margin:0 0 22px}.final-cta-card p{color:#b5b5b5;font-size:20px;line-height:1.5;max-width:720px;margin:0 0 34px}.final-cta-actions{display:flex;flex-wrap:wrap;gap:16px}.final-cta-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 28px;border-radius:18px;font-size:18px;font-weight:800;text-decoration:none;transition:.25s ease}.final-cta-main{background:#f5c24d;color:#080808}.final-cta-secondary{color:#fff;border:1px solid rgba(255,203,77,.38);background:rgba(255,255,255,.04)}.final-cta-note{margin-top:24px !important;color:#f5c24d !important;font-size:17px !important;font-weight:800}@media(max-width:768px){.final-cta-section{padding:70px 20px}.final-cta-card{padding:32px 24px;border-radius:28px}.final-cta-card h2{font-size:36px}.final-cta-actions{flex-direction:column}.final-cta-actions a{width:100%}}.final-cta-card{display:grid !important;grid-template-columns:1.1fr .9fr !important;gap:42px !important;align-items:center !important}.final-cta-left{min-width:0}.final-cta-form{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:28px;background:rgba(255,255,255,.045);border:1px solid rgba(255,203,77,.22)}.final-cta-form input{width:100%;height:58px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.32);color:#fff;padding:0 18px;font-size:17px;outline:none;box-sizing:border-box}.final-cta-form input::placeholder{color:#8e8e8e}.final-cta-form input:focus{border-color:rgba(255,203,77,.75);box-shadow:0 0 0 3px rgba(255,203,77,.10)}.final-cta-form button{width:100%;min-height:60px;border:0;cursor:pointer}.final-cta-form small{color:#7f7f7f;font-size:12px;line-height:1.4}.final-cta-actions-secondary{margin-top:26px}@media(max-width:900px){.final-cta-card{grid-template-columns:1fr !important}}.final-cta-actions.copied-top-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.final-cta-actions.copied-top-actions .top-action{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:44px !important;padding:0 18px !important;border-radius:999px !important;text-decoration:none !important;font-size:14px !important;font-weight:800 !important;letter-spacing:.4px !important;transition:.25s ease !important}.final-cta-actions.copied-top-actions .top-action:hover{transform:translateY(-2px)}@media(max-width:768px){.final-cta-actions.copied-top-actions{flex-direction:row !important}.final-cta-actions.copied-top-actions .top-action{width:auto !important;flex:1 1 auto}}html{scroll-behavior:smooth}.video-reviews .review-card,.review-card{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease !important}.video-reviews .review-card:hover,.review-card:hover{transform:translateY(-6px) scale(1.018);border-color:rgba(255,203,77,.75) !important;box-shadow:0 0 34px rgba(255,196,70,.20),0 16px 38px rgba(0,0,0,.45) !important;background:linear-gradient(180deg,rgba(24,24,24,.98),rgba(8,8,8,.98)) !important;z-index:5}.video-reviews .review-card:hover video,.review-card:hover video{filter:brightness(1.08) contrast(1.04)}html{scroll-behavior:smooth}.m8-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.m8-reveal.m8-visible{opacity:1;transform:translateY(0)}.service-card.m8-reveal,.package-card.m8-reveal,.review-card.m8-reveal{transition:opacity .65s ease,transform .65s ease,box-shadow .28s ease,border-color .28s ease}.service-card:hover,.package-card:hover,.review-card:hover{transform:translateY(-6px) scale(1.018) !important}a,button{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease !important}a:hover,button:hover{transform:translateY(-2px)}.final-cta-form .final-cta-main{position:relative;overflow:hidden}.final-cta-form .final-cta-main::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.28),transparent);animation:m8Shine 4s ease-in-out infinite}@keyframes m8Shine{0%,55%{left:-60%}80%,100%{left:120%}}@media (prefers-reduced-motion:reduce){.m8-reveal{opacity:1 !important;transform:none !important;transition:none !important}*{animation:none !important;scroll-behavior:auto !important}}.map-section{padding:110px 40px;background:#060606}.map-header{margin-bottom:34px}.map-header span{color:#d4a93d;font-size:14px;font-weight:700;letter-spacing:2px}.map-header h2{color:#fff;font-size:54px;line-height:.95;margin:14px 0 18px}.map-header p{color:#a0a0a0;font-size:18px;line-height:1.6;margin:6px 0}.map-wrapper{overflow:hidden;border-radius:32px;border:1px solid rgba(255,203,77,.18);box-shadow:0 0 40px rgba(255,196,70,.08)}.seo-text-block{max-width:920px;margin:38px auto 0}.seo-text-block p{color:#969696;font-size:16px;line-height:1.75;text-align:center}.cursor-line-trail{position:fixed;height:2px;border-radius:999px;pointer-events:none;z-index:999999;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.85),rgba(245,194,77,.45));box-shadow:0 0 10px rgba(255,255,255,.45),0 0 22px rgba(245,194,77,.22);transform-origin:left center;animation:cursorLineFade .55s ease-out forwards}@keyframes cursorLineFade{0%{opacity:.9}100%{opacity:0}}@media(max-width:768px),(pointer:coarse){.cursor-line-trail{display:none}}.privacy-consent{margin-top:14px;color:#8c8c8c;font-size:13px;line-height:1.5;max-width:560px}.privacy-consent a{color:#d4a93d;text-decoration:none}.privacy-consent a:hover{text-decoration:underline}@media (max-width:900px){html,body{width:100%;overflow-x:hidden !important}body{font-size:16px}section,.services-merged-section,.protection-combined,.video-reviews,.map-section,.final-cta-section{padding-left:18px !important;padding-right:18px !important;padding-top:58px !important;padding-bottom:58px !important}.nav,.top-nav,nav{padding:14px 16px !important;gap:12px !important;align-items:center !important}.brand img,.logo-image{max-width:86px !important;height:auto !important}.nav-links,.top-links,.menu{display:none !important}.top-actions{gap:8px !important;margin-left:auto !important;flex-wrap:nowrap !important}.top-action{min-height:36px !important;padding:0 10px !important;font-size:12px !important;border-radius:999px !important;white-space:nowrap !important}.hero,.hero-section,header{min-height:auto !important;padding:92px 18px 56px !important}.hero-content,.hero-inner{max-width:100% !important}h1,.hero h1,.hero-title{font-size:clamp(46px,14vw,64px) !important;line-height:.92 !important;letter-spacing:-1.5px !important;max-width:100% !important}.hero-text,.hero p{font-size:17px !important;line-height:1.45 !important;max-width:100% !important}.hero-actions{display:flex !important;flex-direction:column !important;gap:12px !important;width:100% !important}.hero-actions .btn,.hero-actions a{width:100% !important;min-height:52px !important;justify-content:center !important;text-align:center !important;box-sizing:border-box !important}.hero-features,.advantages-grid{transform:none !important;grid-template-columns:1fr !important;gap:12px !important;margin-top:28px !important}h2,.services-merged-header h2,.protection-combined h2,.map-header h2,.final-cta-card h2{font-size:clamp(32px,10vw,44px) !important;line-height:1 !important;letter-spacing:-1px !important;max-width:100% !important}.services-merged-header p,.protection-combined p,.map-header p,.final-cta-card p{font-size:16px !important;line-height:1.55 !important;max-width:100% !important}.services-grid{grid-template-columns:1fr !important;gap:16px !important}.service-card{border-radius:22px !important;min-height:auto !important}.service-photo-placeholder{height:170px !important}.service-content{padding:20px !important}.service-content h3{font-size:25px !important}.service-price{font-size:20px !important}.service-desc{font-size:15px !important;line-height:1.5 !important}.packages-grid,.package-grid,.protection-packages{grid-template-columns:1fr !important;gap:18px !important}.package-card{border-radius:24px !important;padding:18px !important;min-height:auto !important}.package-image{height:170px !important;background-size:82% auto !important;background-position:center center !important}.package-card h3{font-size:28px !important}.package-price,.price,[class*="price"]{font-size:24px !important}.package-card li{font-size:14px !important;line-height:1.4 !important}.package-card .btn,.package-card button,.package-card a[class*="btn"]{width:100% !important;height:50px !important;font-size:17px !important}.reviews-grid,.video-reviews-grid,.review-grid{grid-template-columns:1fr !important;gap:18px !important}.review-card{border-radius:24px !important}.review-card video{width:100% !important;height:auto !important;max-height:420px !important;object-fit:cover !important}.map-wrapper{border-radius:22px !important}.map-wrapper iframe{height:320px !important}.final-cta-card{display:block !important;padding:28px 20px !important;border-radius:26px !important}.final-cta-actions{display:flex !important;flex-direction:column !important;gap:12px !important}.final-cta-actions a{width:100% !important;box-sizing:border-box !important;min-height:52px !important;text-align:center !important}.final-cta-form{margin-top:26px !important;padding:20px !important;border-radius:22px !important}.final-cta-form input{height:52px !important;font-size:16px !important}.final-cta-form button{min-height:54px !important;font-size:17px !important}.privacy-consent{font-size:12px !important}.float-btn,.floating-buttons a{transform:none !important}.cursor-line-trail,.cursor-trail-dot{display:none !important}}@media (max-width:480px){.top-action{padding:0 8px !important;font-size:11px !important}h1,.hero h1{font-size:44px !important}.hero,.hero-section,header{padding-top:82px !important}.service-photo-placeholder,.package-image{height:150px !important}.final-cta-card h2{font-size:34px !important}}.client-benefits-section{padding:90px 40px;background:radial-gradient(circle at 10% 0%,rgba(255,196,70,.10),transparent 26%),#050505}.client-benefits-header{margin-bottom:38px}.client-benefits-header span{color:#d4a93d;font-size:14px;font-weight:800;letter-spacing:2px}.client-benefits-header h2{color:#fff;font-size:54px;line-height:.95;margin:14px 0 18px;max-width:900px}.client-benefits-header p{color:#a0a0a0;font-size:18px;line-height:1.6;max-width:820px}.client-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.client-benefit-card{background:linear-gradient(180deg,#131313 0%,#080808 100%);border:1px solid rgba(255,203,77,.18);border-radius:26px;padding:28px;transition:.28s ease}.client-benefit-card:hover{transform:translateY(-6px);border-color:rgba(255,203,77,.65);box-shadow:0 0 34px rgba(255,196,70,.14)}.client-benefit-number{color:#d4a93d;font-size:16px;font-weight:800;margin-bottom:18px}.client-benefit-card h3{color:#fff;font-size:24px;line-height:1.15;margin:0 0 14px}.client-benefit-card p{color:#9a9a9a;font-size:15px;line-height:1.55;margin:0}.map-open-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;margin-top:18px;border-radius:16px;background:#f5c24d;color:#080808 !important;text-decoration:none;font-weight:800;transition:.25s ease}.map-open-btn:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(0,0,0,.35)}@media(max-width:1200px){.client-benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.client-benefits-section{padding:58px 18px !important}.client-benefits-header h2{font-size:clamp(32px,10vw,44px) !important}.client-benefits-header p{font-size:16px !important}.client-benefits-grid{grid-template-columns:1fr !important;gap:16px}.client-benefit-card{padding:22px;border-radius:22px}.map-open-btn{width:100%;box-sizing:border-box}}.client-value-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:start;padding:105px 40px;background:radial-gradient(circle at 12% 20%,rgba(255,196,70,.10),transparent 30%),#050505}.client-value-left span{color:#d4a93d;font-size:14px;font-weight:800;letter-spacing:2px}.client-value-left h2{color:#fff;font-size:58px;line-height:.92;letter-spacing:-1.4px;margin:16px 0 22px}.client-value-left p{color:#a0a0a0;font-size:18px;line-height:1.6;max-width:520px}.client-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.client-value-card{min-height:190px;padding:28px;border-radius:28px;background:linear-gradient(180deg,#131313 0%,#080808 100%);border:1px solid rgba(255,203,77,.18);transition:.28s ease}.client-value-card:hover{transform:translateY(-6px);border-color:rgba(255,203,77,.65);box-shadow:0 0 34px rgba(255,196,70,.14)}.client-value-number{color:#d4a93d;font-size:15px;font-weight:800;margin-bottom:18px}.client-value-card h3{color:#fff;font-size:24px;line-height:1.15;margin:0 0 14px}.client-value-card p{color:#9a9a9a;font-size:15px;line-height:1.55;margin:0}.premium-bonus-strip{margin:34px 0 0;padding:24px 28px;border-radius:26px;border:1px solid rgba(255,203,77,.45);background:linear-gradient(90deg,rgba(245,194,77,.14),rgba(255,255,255,.035));display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;box-shadow:0 0 34px rgba(255,196,70,.10)}.premium-bonus-kicker{color:#080808;background:#f5c24d;padding:10px 14px;border-radius:999px;font-size:13px;font-weight:900;letter-spacing:.7px;white-space:nowrap}.premium-bonus-text strong{display:block;color:#fff;font-size:20px;line-height:1.25;margin-bottom:6px}.premium-bonus-text span{color:#a8a8a8;font-size:15px;line-height:1.5}@media(max-width:1000px){.client-value-section{grid-template-columns:1fr;padding:70px 18px;gap:28px}.client-value-left h2{font-size:clamp(34px,10vw,46px)}.client-value-grid{grid-template-columns:1fr}.premium-bonus-strip{grid-template-columns:1fr;gap:16px;padding:22px}.premium-bonus-kicker{width:max-content}}.premium-bonus-strip{max-width:1040px !important;margin:42px auto 0 !important;padding:34px 42px !important;border-radius:34px !important;grid-template-columns:1fr !important;text-align:center !important;justify-items:center !important;background:radial-gradient(circle at 50% 0%,rgba(255,203,77,.24),transparent 38%),linear-gradient(135deg,rgba(245,194,77,.18),rgba(255,255,255,.045)) !important;border:1px solid rgba(255,203,77,.72) !important;box-shadow:0 0 44px rgba(255,196,70,.18),inset 0 0 30px rgba(255,196,70,.05) !important}.premium-bonus-kicker{font-size:15px !important;padding:12px 18px !important;margin-bottom:4px !important;letter-spacing:1px !important}.premium-bonus-text strong{font-size:28px !important;line-height:1.2 !important;max-width:880px !important;margin:0 auto 12px !important}.premium-bonus-text span{display:block !important;color:#c7c7c7 !important;font-size:18px !important;line-height:1.55 !important;max-width:760px !important;margin:0 auto !important}.client-value-section{background:radial-gradient(circle at 78% 18%,rgba(255,203,77,.15),transparent 30%),radial-gradient(circle at 8% 65%,rgba(255,255,255,.05),transparent 25%),#050505 !important}.client-value-left span{color:#f5c24d !important}.client-value-left h2{text-shadow:0 0 34px rgba(255,196,70,.10)}.client-value-left p{color:#c4c4c4 !important;font-size:20px !important}.client-value-card{background:linear-gradient(180deg,rgba(28,28,28,.98),rgba(9,9,9,.98)) !important;border:1px solid rgba(255,203,77,.34) !important;box-shadow:0 0 26px rgba(255,196,70,.07),inset 0 0 20px rgba(255,196,70,.035) !important}.client-value-card:nth-child(1),.client-value-card:nth-child(4){border-color:rgba(255,203,77,.58) !important}.client-value-number{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:38px !important;height:38px !important;border-radius:999px !important;background:rgba(245,194,77,.12) !important;border:1px solid rgba(245,194,77,.42) !important;color:#f5c24d !important;margin-bottom:20px !important}.client-value-card h3{font-size:27px !important;color:#fff !important}.client-value-card p{color:#c0c0c0 !important;font-size:16px !important}.client-value-card:hover{transform:translateY(-8px) scale(1.018) !important;border-color:rgba(255,203,77,.85) !important;box-shadow:0 0 42px rgba(255,196,70,.22),0 18px 42px rgba(0,0,0,.42),inset 0 0 28px rgba(255,196,70,.06) !important}@media(max-width:900px){.premium-bonus-strip{padding:26px 20px !important;border-radius:28px !important}.premium-bonus-text strong{font-size:22px !important}.premium-bonus-text span{font-size:16px !important}.client-value-left p{font-size:16px !important}.client-value-card h3{font-size:24px !important}}.title-white{color:#ffffff}.title-gold{color:#f5c24d;text-shadow:0 0 18px rgba(245,194,77,.16)}.client-value-left h2{font-size:68px !important;line-height:.92 !important;letter-spacing:-1.6px !important}.map-header h2{font-size:56px !important;line-height:.95 !important}@media(max-width:900px){.client-value-left h2{font-size:clamp(38px,11vw,54px) !important}.map-header h2{font-size:clamp(34px,10vw,46px) !important}}.client-value-left h2{display:block !important;font-size:72px !important;line-height:.92 !important;letter-spacing:-1.8px !important;font-weight:900 !important;margin:18px 0 24px !important}.client-value-left h2 .title-white,.client-value-left h2 .title-gold{font-size:inherit !important;line-height:inherit !important;font-weight:inherit !important}.map-big-title{display:block !important;font-size:56px !important;line-height:.95 !important;font-weight:900 !important;color:#ffffff !important;letter-spacing:-1.4px !important;margin-top:10px !important}@media(max-width:900px){.client-value-left h2{font-size:clamp(40px,11vw,56px) !important}.map-big-title{font-size:clamp(34px,10vw,46px) !important}}.map-big-title{display:block !important;font-size:64px !important;line-height:.92 !important;font-weight:900 !important;letter-spacing:-1.6px !important;margin:16px 0 18px !important}.map-big-title .title-white,.map-big-title .title-gold{font-size:inherit !important;font-weight:inherit !important;line-height:inherit !important}@media(max-width:900px){.map-big-title{font-size:clamp(38px,11vw,52px) !important}}.map-header>h2.map-big-title,.map-section .map-header h2.map-big-title{display:block !important;color:#fff !important;font-size:64px !important;line-height:.92 !important;font-weight:900 !important;letter-spacing:-1.6px !important;margin:18px 0 20px !important;text-transform:none !important}.map-header>h2.map-big-title .title-white,.map-section .map-header h2.map-big-title .title-white{color:#ffffff !important;font-size:inherit !important;line-height:inherit !important;font-weight:inherit !important}.map-header>h2.map-big-title .title-gold,.map-section .map-header h2.map-big-title .title-gold{color:#f5c24d !important;font-size:inherit !important;line-height:inherit !important;font-weight:inherit !important}@media(max-width:900px){.map-header>h2.map-big-title,.map-section .map-header h2.map-big-title{font-size:clamp(38px,11vw,52px) !important}}.map-section .map-header h2,.map-section .map-header h2.map-big-title{display:block !important;color:#fff !important;font-size:64px !important;line-height:.92 !important;font-weight:900 !important;letter-spacing:-1.6px !important;margin:18px 0 20px !important;text-transform:none !important}.map-section .map-header h2 span{font-size:inherit !important;line-height:inherit !important;font-weight:inherit !important;letter-spacing:inherit !important}.map-section .map-header h2 .title-white{color:#ffffff !important}.map-section .map-header h2 .title-gold{color:#f5c24d !important}@media(max-width:900px){.map-section .map-header h2,.map-section .map-header h2.map-big-title{font-size:clamp(38px,11vw,52px) !important}}.package-card,.package,.protection-card{border:1px solid rgba(212,176,97,.35)!important;box-shadow:0 0 25px rgba(212,176,97,.12)!important}.package-btn,.package button,button{background:linear-gradient(135deg,#d4b061,#a87d28)!important}.package-image img,.package-card img{object-fit:contain!important;object-position:center center!important;transform:scale(0.88)!important;padding:10px!important;background:#050505!important}.highlight-text,.feature,.feature-item{color:#fff!important;font-weight:700!important}strong[style*="color:#fff"]{display:inline-block!important;padding:10px 18px!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(212,176,97,.22),rgba(212,176,97,.08))!important;border:1px solid rgba(212,176,97,.45)!important;box-shadow:0 0 25px rgba(212,176,97,.16)!important;font-size:1.12em!important;font-weight:800!important;letter-spacing:.2px!important;margin:6px 0!important}.btn,.package-btn,button{background:linear-gradient(135deg,#d4b061,#a87d28) !important;color:#000 !important;border:none !important;border-radius:999px !important;padding:18px 32px !important;font-size:18px !important;font-weight:700 !important;cursor:pointer !important;transition:.25s ease !important;box-shadow:0 0 25px rgba(212,176,97,.18) !important}.btn:hover,.package-btn:hover,button:hover{transform:translateY(-2px);box-shadow:0 0 35px rgba(212,176,97,.32) !important}.package-image img{object-fit:contain!important;object-position:center center!important;transform:scale(0.88)!important;padding:10px!important;background:#050505!important}.package-card:hover,.package-image:hover,.package-image img:hover{transform:none!important;filter:none!important;box-shadow:none!important}/* M8 package cards image fix: bigger photos, less black padding */
.package-card{
  overflow:hidden !important;
}

.package-image{
  height:260px !important;
  padding:0 !important;
  margin:18px 18px 10px !important;
  border-radius:22px !important;
  background-size:cover !important;
  background-position:center center !important;
  border:1px solid rgba(212,176,97,.26) !important;
  box-shadow:inset 0 -80px 90px rgba(0,0,0,.42) !important;
}

.package-image::after{
  inset:0 !important;
  border-radius:22px !important;
  border:1px solid rgba(212,176,97,.18) !important;
  background:linear-gradient(to top,rgba(0,0,0,.30),rgba(0,0,0,0) 62%) !important;
}

.package-image span{
  position:relative !important;
  z-index:2 !important;
  margin:0 0 16px 16px !important;
}

.package-content{
  padding-top:18px !important;
}

.package-card:hover .package-image{
  transform:translateY(-2px) scale(1.015) !important;
  transition:.35s ease !important;
  box-shadow:0 0 34px rgba(212,176,97,.14), inset 0 -80px 90px rgba(0,0,0,.42) !important;
}

@media (max-width: 900px){
  .package-image{
    height:220px !important;
    margin:14px 14px 8px !important;
    border-radius:20px !important;
  }
  .package-image::after{
    border-radius:20px !important;
  }
}

/* === CENTERED & BRIGHTER PACKAGE IMAGES === */
.package-image{
display:flex !important;
align-items:center !important;
justify-content:center !important;
overflow:hidden !important;
background-repeat:no-repeat !important;
background-color:#070707 !important;
}

.package-image-1,
.package-image-2,
.package-image-3,
.package-image-4{
background-size:92% auto !important;
background-position:center center !important;
filter:brightness(1.22) contrast(1.08) saturate(1.08) !important;
}

/* === REMOVE BLACK SIDE BORDERS === */
.package-image-1,
.package-image-2,
.package-image-3,
.package-image-4{
background-size:100% auto !important;
background-position:center center !important;
}

/* === M8 FINAL ALIGNMENT + PREMIUM ANIMATION FIX === */

/* Выравниваем блок "Что получает клиент M8" и убираем прилипание к краю */
.client-value-section{
  padding:110px 6vw 96px !important;
  display:grid !important;
  grid-template-columns:minmax(320px,.9fr) minmax(520px,1.25fr) !important;
  gap:56px !important;
  align-items:start !important;
  max-width:1480px !important;
  margin:0 auto !important;
}

.client-value-left{
  padding-left:0 !important;
  max-width:560px !important;
}

.client-value-left span,
.client-value-left .eyebrow{
  color:#f5c24d !important;
}

.client-value-left h2,
.client-value-left h2 .title-white,
.client-value-left h2 .title-gold{
  color:#f5c24d !important;
}

.client-value-left h2{
  font-size:clamp(44px,4.8vw,74px) !important;
  line-height:.95 !important;
  letter-spacing:-.04em !important;
  margin:14px 0 26px !important;
}

.client-value-left p{
  max-width:520px !important;
  color:rgba(244,241,232,.82) !important;
  font-size:20px !important;
  line-height:1.55 !important;
}

.client-value-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  width:100% !important;
  align-items:stretch !important;
  padding-right:0 !important;
}

.client-value-card{
  min-height:182px !important;
  padding:32px !important;
  border-radius:26px !important;
  background:linear-gradient(180deg,rgba(24,24,24,.98),rgba(9,9,9,.98)) !important;
  border:1px solid rgba(245,194,77,.42) !important;
  box-shadow:0 0 26px rgba(245,194,77,.08), inset 0 0 22px rgba(245,194,77,.035) !important;
}

.client-value-card h3{
  color:#fff !important;
  font-size:26px !important;
  line-height:1.15 !important;
  margin:18px 0 10px !important;
}

.client-value-card p{
  color:rgba(244,241,232,.76) !important;
  font-size:16px !important;
  line-height:1.45 !important;
}

.client-value-number{
  color:#f5c24d !important;
  border:1px solid rgba(245,194,77,.48) !important;
  background:rgba(245,194,77,.08) !important;
  box-shadow:0 0 18px rgba(245,194,77,.12) !important;
}

/* Блок "Как проходит работа" — одинаковый отступ и выравнивание с предыдущим блоком */
#process{
  padding:96px 6vw 110px !important;
  max-width:1480px !important;
  margin:0 auto !important;
}

#process .section-head{
  display:grid !important;
  grid-template-columns:minmax(320px,.9fr) minmax(520px,1.25fr) !important;
  gap:56px !important;
  align-items:end !important;
  margin-bottom:38px !important;
}

#process .section-title,
#process .section-title .gold{
  color:#f5c24d !important;
}

#process .section-title{
  font-size:clamp(42px,4.4vw,66px) !important;
  line-height:.96 !important;
  letter-spacing:-.04em !important;
}

#process .section-sub{
  max-width:520px !important;
  justify-self:end !important;
  color:rgba(244,241,232,.78) !important;
  font-size:17px !important;
}

.process-grid{
  width:100% !important;
  gap:18px !important;
}

.process-card{
  border-radius:28px !important;
  border:1px solid rgba(245,194,77,.25) !important;
  box-shadow:0 0 24px rgba(245,194,77,.08) !important;
  overflow:hidden !important;
}

/* Премиальная плавная анимация появления блоков */
.client-value-left,
.client-value-card,
#process .section-head,
.process-card,
.package-card,
.service-card,
.review-card{
  animation:m8PremiumFadeUp .9s cubic-bezier(.18,.84,.28,1) both;
  will-change:transform,opacity,filter;
}

.client-value-card:nth-child(1){animation-delay:.05s}
.client-value-card:nth-child(2){animation-delay:.12s}
.client-value-card:nth-child(3){animation-delay:.19s}
.client-value-card:nth-child(4){animation-delay:.26s}
.process-card:nth-child(1){animation-delay:.05s}
.process-card:nth-child(2){animation-delay:.12s}
.process-card:nth-child(3){animation-delay:.19s}
.process-card:nth-child(4){animation-delay:.26s}

@keyframes m8PremiumFadeUp{
  0%{
    opacity:0;
    transform:translateY(34px) scale(.985);
    filter:blur(8px) brightness(.82);
  }
  65%{
    opacity:1;
    filter:blur(0) brightness(1.06);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0) brightness(1);
  }
}

/* Мягкая премиальная анимация при наведении */
.client-value-card,
.process-card,
.package-card,
.service-card,
.review-card{
  transition:transform .38s cubic-bezier(.18,.84,.28,1),
             box-shadow .38s cubic-bezier(.18,.84,.28,1),
             border-color .38s ease,
             filter .38s ease !important;
}

.client-value-card:hover,
.process-card:hover,
.package-card:hover,
.service-card:hover,
.review-card:hover{
  transform:translateY(-8px) scale(1.018) !important;
  border-color:rgba(245,194,77,.78) !important;
  box-shadow:0 0 42px rgba(245,194,77,.20), 0 18px 46px rgba(0,0,0,.50) !important;
  filter:brightness(1.05) !important;
}

/* Лёгкое сияние на карточках */
.client-value-card::after,
.process-card::after,
.package-card::after,
.service-card::after,
.review-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.10) 42%,transparent 62%);
  transform:translateX(-130%);
  transition:transform .8s ease;
  pointer-events:none;
}

.client-value-card:hover::after,
.process-card:hover::after,
.package-card:hover::after,
.service-card:hover::after,
.review-card:hover::after{
  transform:translateX(130%);
}

.client-value-card,
.service-card,
.package-card,
.review-card{
  position:relative !important;
  overflow:hidden !important;
}

/* Мобильная версия */
@media (max-width:900px){
  .client-value-section,
  #process .section-head{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .client-value-section,
  #process{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .client-value-grid{
    grid-template-columns:1fr !important;
  }

  #process .section-sub{
    justify-self:start !important;
  }
}

/* === FINAL: align cards by first card + premium slide reveal === */

/* Блок "Что получает клиент M8": все карточки ровно по первой, кроме последних двух */
.client-value-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:18px !important;
  align-items:start !important;
}

.client-value-card{
  min-height:200px !important;
  height:200px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  padding:32px !important;
}

/* Последние две можно оставить чуть свободнее по высоте */
.client-value-card:nth-child(3),
.client-value-card:nth-child(4){
  height:auto !important;
  min-height:200px !important;
}

/* Единое выравнивание текста внутри карточек */
.client-value-number{
  flex:0 0 auto !important;
  margin-bottom:18px !important;
}

.client-value-card h3{
  min-height:32px !important;
  margin:0 0 12px !important;
}

.client-value-card p{
  margin:0 !important;
}

/* Премиальная анимация появления при прокрутке */
.m8-slide-reveal{
  opacity:0;
  transform:translateY(46px) scale(.975);
  filter:blur(10px) brightness(.82);
  transition:
    opacity .9s cubic-bezier(.18,.84,.28,1),
    transform .9s cubic-bezier(.18,.84,.28,1),
    filter .9s cubic-bezier(.18,.84,.28,1),
    box-shadow .35s ease,
    border-color .35s ease !important;
  will-change:opacity,transform,filter;
}

.m8-slide-reveal.m8-slide-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:blur(0) brightness(1);
}

.m8-slide-reveal.m8-delay-1{transition-delay:.06s}
.m8-slide-reveal.m8-delay-2{transition-delay:.13s}
.m8-slide-reveal.m8-delay-3{transition-delay:.20s}
.m8-slide-reveal.m8-delay-4{transition-delay:.27s}

/* Дорогой блик при появлении/наведении */
.package-card,
.service-card,
.review-card,
.client-value-card,
.process-card{
  position:relative !important;
  overflow:hidden !important;
}

.package-card::before,
.service-card::before,
.review-card::before,
.client-value-card::before,
.process-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:linear-gradient(120deg,transparent 0%,rgba(255,221,140,.16) 38%,rgba(255,255,255,.18) 48%,rgba(255,221,140,.10) 58%,transparent 72%);
  transform:translateX(-130%);
  transition:transform 1.15s cubic-bezier(.18,.84,.28,1);
  pointer-events:none;
  z-index:3;
}

.package-card.m8-slide-visible::before,
.service-card.m8-slide-visible::before,
.review-card.m8-slide-visible::before,
.client-value-card.m8-slide-visible::before,
.process-card.m8-slide-visible::before,
.package-card:hover::before,
.service-card:hover::before,
.review-card:hover::before,
.client-value-card:hover::before,
.process-card:hover::before{
  transform:translateX(130%);
}

/* Блок "Как проходит работа" — ровное начало по первому блоку */
.process-grid{
  display:grid !important;
  grid-template-columns:1.2fr 1fr 1fr !important;
  gap:18px !important;
  align-items:start !important;
}

.process-card{
  background-position:center center !important;
}

@media (max-width:900px){
  .client-value-card,
  .client-value-card:nth-child(3),
  .client-value-card:nth-child(4){
    height:auto !important;
    min-height:180px !important;
  }

  .process-grid{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   M8 FINAL ALIGNMENT + PREMIUM REVEAL
   Выравнивание всех блоков по первому экрану до карты.
========================================================= */

:root{
  --m8-side: 6vw;
  --m8-max: none;
}

/* все основные секции до карты — одинаковая левая/правая линия */
.services-merged-section,
.protection-combined,
.video-reviews,
.client-value-section,
#process,
.final-cta-section{
  padding-left: var(--m8-side) !important;
  padding-right: var(--m8-side) !important;
  width: 100% !important;
  max-width: none !important;
}

/* карта отдельным широким финальным блоком */
.map-section{
  padding-left: var(--m8-side) !important;
  padding-right: var(--m8-side) !important;
}

/* убрать лишние внутренние сдвиги, которые создавали пустоты */
.services-merged-section > *,
.protection-combined > *,
.video-reviews > *,
.client-value-section > *,
#process > *,
.final-cta-section > *,
.map-section > *{
  max-width: none !important;
}

/* блок "Что получает клиент M8" — без пустой правой зоны */
.client-value-section{
  display: grid !important;
  grid-template-columns: minmax(360px,.82fr) minmax(680px,1.18fr) !important;
  gap: 42px !important;
  align-items: stretch !important;
}

.client-value-left{
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.client-value-left h2{
  max-width: 640px !important;
}

.client-value-left p{
  max-width: 540px !important;
}

.client-value-grid{
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(300px, 1fr)) !important;
  gap: 18px !important;
}

.client-value-card{
  min-height: 250px !important;
}

/* блок "Как проходит работа" — шире и в одну линию с первым блоком */
#process .section-head{
  display: grid !important;
  grid-template-columns: minmax(420px,.9fr) minmax(520px,1.1fr) !important;
  gap: 42px !important;
  align-items: end !important;
  width: 100% !important;
}

#process .section-sub{
  max-width: 620px !important;
  justify-self: start !important;
}

#process .process-grid{
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(420px,1.05fr) minmax(300px,.8fr) minmax(300px,.8fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

#process .process-large{
  min-height: 720px !important;
}

#process .process-card:not(.process-large){
  min-height: 350px !important;
}

/* CTA и карта аккуратно во всю сетку */
.final-cta-card{
  max-width: none !important;
  width: 100% !important;
}

.map-wrapper{
  width: 100% !important;
}

/* Премиальное появление блоков */
.m8-reveal{
  opacity: 0;
  transform: translateY(34px) scale(.985);
  filter: blur(8px);
  transition:
    opacity .85s cubic-bezier(.19,1,.22,1),
    transform .85s cubic-bezier(.19,1,.22,1),
    filter .85s cubic-bezier(.19,1,.22,1);
}

.m8-reveal.m8-visible{
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

/* лёгкий дорогой блик на карточках */
.service-card,
.package-card,
.review-card,
.client-value-card,
.process-card{
  position: relative !important;
  overflow: hidden !important;
}

.service-card::before,
.package-card::before,
.review-card::before,
.client-value-card::before,
.process-card::before{
  pointer-events:none;
}

.service-card::after,
.package-card::after,
.review-card::after,
.client-value-card::after,
.process-card::after{
  content:"";
  position:absolute;
  top:-45%;
  left:-75%;
  width:55%;
  height:190%;
  background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.12) 48%, transparent 100%);
  transform:rotate(18deg);
  opacity:0;
  transition:opacity .35s ease, left .8s cubic-bezier(.19,1,.22,1);
  pointer-events:none;
}

.service-card:hover::after,
.package-card:hover::after,
.review-card:hover::after,
.client-value-card:hover::after,
.process-card:hover::after{
  left:125%;
  opacity:1;
}

/* Сглаживаем переход после первого экрана */
.hero{
  margin-bottom: 0 !important;
}

.services-merged-section{
  margin-top: 0 !important;
  padding-top: 90px !important;
}

/* планшет */
@media(max-width:1200px){
  .client-value-section{
    grid-template-columns: 1fr !important;
  }

  .client-value-grid{
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  }

  #process .process-grid{
    grid-template-columns: 1fr 1fr !important;
  }

  #process .process-large{
    grid-column: span 2 !important;
    min-height: 560px !important;
  }
}

/* мобильная версия */
@media(max-width:900px){
  :root{
    --m8-side: 18px;
  }

  .services-merged-section,
  .protection-combined,
  .video-reviews,
  .client-value-section,
  #process,
  .final-cta-section,
  .map-section{
    padding-left: var(--m8-side) !important;
    padding-right: var(--m8-side) !important;
  }

  .client-value-section,
  #process .section-head,
  #process .process-grid{
    grid-template-columns: 1fr !important;
  }

  .client-value-grid{
    grid-template-columns: 1fr !important;
  }

  #process .process-large{
    grid-column: auto !important;
    min-height: 360px !important;
  }

  #process .process-card:not(.process-large){
    min-height: 300px !important;
  }

  .m8-reveal{
    filter:none;
    transform: translateY(22px);
  }
}

/* =========================================================
   M8 PREMIUM SCROLL TRANSITIONS — cinematic auto style
   Плавное появление блоков при скролле: blur, glow, depth.
========================================================= */

.m8-reveal{
  opacity:0 !important;
  transform:translateY(54px) scale(.975) !important;
  filter:blur(14px) brightness(.82) !important;
  transition:
    opacity 1.05s cubic-bezier(.16,1,.3,1),
    transform 1.05s cubic-bezier(.16,1,.3,1),
    filter 1.05s cubic-bezier(.16,1,.3,1),
    box-shadow .55s ease,
    border-color .55s ease !important;
  will-change:opacity, transform, filter;
}

.m8-reveal.m8-visible{
  opacity:1 !important;
  transform:translateY(0) scale(1) !important;
  filter:blur(0) brightness(1) !important;
}

/* Секции появляются чуть крупнее и дороже */
section.m8-reveal{
  transform:translateY(70px) scale(.985) !important;
}

section.m8-reveal.m8-visible{
  transform:translateY(0) scale(1) !important;
}

/* Карточки идут каскадом */
.service-card.m8-reveal,
.package-card.m8-reveal,
.review-card.m8-reveal,
.client-value-card.m8-reveal,
.process-card.m8-reveal{
  transform:translateY(42px) scale(.965) !important;
}

.service-card.m8-reveal.m8-visible,
.package-card.m8-reveal.m8-visible,
.review-card.m8-reveal.m8-visible,
.client-value-card.m8-reveal.m8-visible,
.process-card.m8-reveal.m8-visible{
  transform:translateY(0) scale(1) !important;
}

/* Премиальное золотое свечение при появлении */
.m8-reveal.m8-visible.service-card,
.m8-reveal.m8-visible.package-card,
.m8-reveal.m8-visible.review-card,
.m8-reveal.m8-visible.client-value-card,
.m8-reveal.m8-visible.process-card{
  animation:m8PremiumGlow 1.35s ease both;
}

@keyframes m8PremiumGlow{
  0%{
    box-shadow:0 0 0 rgba(245,194,77,0);
    border-color:rgba(245,194,77,.18);
  }
  45%{
    box-shadow:0 0 42px rgba(245,194,77,.18), 0 18px 45px rgba(0,0,0,.42);
    border-color:rgba(245,194,77,.62);
  }
  100%{
    box-shadow:0 0 22px rgba(245,194,77,.08), 0 12px 34px rgba(0,0,0,.32);
  }
}

/* Тонкий световой проход по карточке */
.service-card::after,
.package-card::after,
.review-card::after,
.client-value-card::after,
.process-card::after{
  content:"";
  position:absolute;
  top:-60%;
  left:-85%;
  width:62%;
  height:220%;
  pointer-events:none;
  background:linear-gradient(
    110deg,
    transparent 0%,
    rgba(255,255,255,.06) 35%,
    rgba(245,194,77,.22) 50%,
    rgba(255,255,255,.07) 65%,
    transparent 100%
  );
  transform:rotate(18deg);
  opacity:0;
}

.m8-visible.service-card::after,
.m8-visible.package-card::after,
.m8-visible.review-card::after,
.m8-visible.client-value-card::after,
.m8-visible.process-card::after{
  animation:m8CardShine 1.15s cubic-bezier(.19,1,.22,1) .18s both;
}

@keyframes m8CardShine{
  0%{left:-85%;opacity:0;}
  22%{opacity:1;}
  100%{left:130%;opacity:0;}
}

/* Градиентный мягкий переход между экранами */
section{
  position:relative;
}

section::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-90px;
  height:130px;
  pointer-events:none;
  background:linear-gradient(to bottom, rgba(5,5,5,0), rgba(5,5,5,.86) 70%, rgba(5,5,5,0));
  opacity:.62;
  z-index:0;
}

section > *{
  position:relative;
  z-index:1;
}

/* Hover остаётся дорогим, но без дерганья */
.service-card:hover,
.package-card:hover,
.review-card:hover,
.client-value-card:hover,
.process-card:hover{
  transform:translateY(-6px) scale(1.018) !important;
  box-shadow:0 0 40px rgba(245,194,77,.18), 0 20px 48px rgba(0,0,0,.55) !important;
}

/* Уважение настроек пользователя */
@media (prefers-reduced-motion: reduce){
  .m8-reveal,
  .m8-reveal.m8-visible{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
    animation:none !important;
  }

  .service-card::after,
  .package-card::after,
  .review-card::after,
  .client-value-card::after,
  .process-card::after{
    display:none !important;
  }
}

@media(max-width:900px){
  .m8-reveal{
    transform:translateY(26px) !important;
    filter:blur(6px) brightness(.9) !important;
  }

  section.m8-reveal{
    transform:translateY(34px) !important;
  }
}

/* =========================================================
   M8 FINAL PREMIUM LAYER
   Glass navbar, cinematic glow, subtle dust, premium buttons,
   image motion, reveal lines, mobile polish.
========================================================= */

/* 1. Premium glass navbar */
.nav{
  position:absolute !important;
  top:24px !important;
  left:6vw !important;
  right:6vw !important;
  padding:10px 14px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg, rgba(8,8,8,.58), rgba(20,20,20,.26)) !important;
  border:1px solid rgba(212,176,97,.22) !important;
  box-shadow:
    0 0 34px rgba(212,176,97,.10),
    inset 0 0 20px rgba(255,255,255,.025) !important;
  backdrop-filter:blur(18px) saturate(135%) !important;
}

.nav::after{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(245,194,77,.6), transparent);
  opacity:.65;
  pointer-events:none;
}

.nav-links a{
  position:relative;
  transition:color .25s ease, opacity .25s ease !important;
}

.nav-links a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-8px;
  height:1px;
  background:linear-gradient(90deg, transparent, #f5c24d, transparent);
  opacity:0;
  transform:scaleX(.35);
  transition:.28s ease;
}

.nav-links a:hover{
  color:#f5c24d !important;
}

.nav-links a:hover::after{
  opacity:1;
  transform:scaleX(1);
}

/* 2. Cinematic background glow */
body::before{
  content:"";
  position:fixed;
  inset:-20%;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 18%, rgba(245,194,77,.11), transparent 28%),
    radial-gradient(circle at 82% 34%, rgba(255,255,255,.035), transparent 26%),
    radial-gradient(circle at 48% 80%, rgba(245,194,77,.06), transparent 32%);
  filter:blur(12px);
  animation:m8AmbientGlow 15s ease-in-out infinite alternate;
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.045;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.75) 0 1px, transparent 1.6px);
  background-size:38px 38px;
  animation:m8DustMove 22s linear infinite;
}

@keyframes m8AmbientGlow{
  0%{transform:translate3d(-1.5%, -1%, 0) scale(1);}
  100%{transform:translate3d(1.5%, 1%, 0) scale(1.04);}
}

@keyframes m8DustMove{
  0%{transform:translate3d(0,0,0);}
  100%{transform:translate3d(38px,38px,0);}
}

/* 3. Premium buttons */
.btn,
.top-action,
.final-cta-actions a,
.final-cta-form button,
.map-open-btn{
  position:relative !important;
  overflow:hidden !important;
}

.btn::before,
.top-action::before,
.final-cta-actions a::before,
.final-cta-form button::before,
.map-open-btn::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-65%;
  width:45%;
  background:linear-gradient(110deg, transparent, rgba(255,255,255,.32), transparent);
  transform:skewX(-18deg);
  opacity:0;
  transition:left .72s cubic-bezier(.19,1,.22,1), opacity .28s ease;
  pointer-events:none;
}

.btn:hover::before,
.top-action:hover::before,
.final-cta-actions a:hover::before,
.final-cta-form button:hover::before,
.map-open-btn:hover::before{
  left:125%;
  opacity:1;
}

.btn-primary,
.final-cta-main,
.top-action.call{
  box-shadow:
    0 18px 42px rgba(245,194,77,.18),
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -12px 28px rgba(90,50,0,.18) !important;
}

.btn-primary:hover,
.final-cta-main:hover,
.top-action.call:hover{
  box-shadow:
    0 22px 56px rgba(245,194,77,.30),
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -12px 28px rgba(90,50,0,.18) !important;
}

/* 4. Premium image motion */
.package-image,
.process-card,
.gallery-item,
.visual-placeholder{
  transition:
    transform .85s cubic-bezier(.19,1,.22,1),
    filter .85s cubic-bezier(.19,1,.22,1),
    box-shadow .45s ease !important;
}

.package-card:hover .package-image,
.process-card:hover,
.gallery-item:hover,
.visual-placeholder:hover{
  transform:scale(1.025) !important;
  filter:brightness(1.08) contrast(1.04) saturate(1.04) !important;
}

/* 5. Reveal gold divider lines */
section:not(.hero)::after{
  content:"";
  position:absolute;
  left:6vw;
  right:6vw;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(245,194,77,.28), transparent);
  opacity:.42;
  pointer-events:none;
}

/* 6. Better premium spacing and typography */
.section-title,
.services-merged-header h2,
.client-value-left h2,
.final-cta-card h2,
.map-header h2{
  text-wrap:balance;
  text-shadow:0 0 28px rgba(245,194,77,.07);
}

.section-sub,
.services-merged-header p,
.client-value-left p,
.final-cta-card p,
.map-header p{
  color:rgba(244,241,232,.70) !important;
}

/* 7. Footer premium */
footer{
  background:linear-gradient(180deg, rgba(5,5,5,0), rgba(0,0,0,.72)) !important;
  border-top:1px solid rgba(245,194,77,.14) !important;
}

/* 8. Mobile premium adaptation */
@media(max-width:900px){
  .nav{
    top:14px !important;
    left:14px !important;
    right:14px !important;
    border-radius:24px !important;
    padding:10px 12px !important;
  }

  .brand span{
    font-size:12px !important;
    letter-spacing:.12em !important;
  }

  .top-actions{
    border-radius:999px !important;
  }

  .top-action{
    box-shadow:none !important;
  }

  section:not(.hero)::after{
    left:18px;
    right:18px;
  }

  body::after{
    opacity:.025;
  }

  .service-card,
  .package-card,
  .review-card,
  .client-value-card,
  .process-card,
  .final-cta-card,
  .map-wrapper{
    box-shadow:0 0 24px rgba(245,194,77,.06), 0 14px 34px rgba(0,0,0,.36) !important;
  }

  .btn,
  .final-cta-actions a,
  .final-cta-form button{
    min-height:54px !important;
  }
}

@media(max-width:560px){
  .hero{
    padding-top:110px !important;
  }

  .nav{
    align-items:center !important;
  }

  .brand .logo-image{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
  }

  .brand span{
    max-width:120px;
    line-height:1.15;
  }
}

@media (prefers-reduced-motion: reduce){
  body::before,
  body::after{
    animation:none !important;
  }
}

/* =========================================================
   HEADER CLEAN PREMIUM
========================================================= */

.nav{
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border:none !important;
  box-shadow:none !important;
}

.nav::after{
  display:none !important;
}

/* =========================================================
   MOBILE HERO FIX
========================================================= */

@media(max-width:900px){

  .hero{
    min-height:auto !important;
    padding-top:110px !important;
    padding-bottom:160px !important;
    display:flex !important;
    align-items:flex-start !important;
  }

  .hero-inner,
  .hero-content{
    width:100% !important;
    max-width:100% !important;
  }

  .hero-title{
    font-size:68px !important;
    line-height:.92 !important;
    margin-bottom:22px !important;
    max-width:100% !important;
  }

  .hero-subtitle,
  .hero-description{
    max-width:100% !important;
    font-size:19px !important;
    line-height:1.45 !important;
  }

  .hero-actions{
    margin-top:26px !important;
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
  }

  .hero-actions .btn{
    width:100% !important;
    min-height:72px !important;
    font-size:18px !important;
  }

  .top-actions{
    position:fixed !important;
    left:18px !important;
    right:18px !important;
    bottom:18px !important;
    z-index:999 !important;
  }
}

@media(max-width:560px){

  .hero{
    padding-top:104px !important;
    padding-bottom:170px !important;
  }

  .brand{
    margin-bottom:18px !important;
  }

  .hero-title{
    font-size:56px !important;
    line-height:.92 !important;
    letter-spacing:-0.03em !important;
  }

  .hero-subtitle,
  .hero-description{
    font-size:17px !important;
    line-height:1.42 !important;
  }

  .top-actions{
    left:14px !important;
    right:14px !important;
    bottom:14px !important;
  }
}

/* =========================================================
   MOBILE LOGO/TITLE OVERLAP FIX
   Логотип больше не наезжает на адрес и заголовок.
========================================================= */

@media(max-width:900px){

  .hero{
    padding-top:130px !important;
  }

  .hero-content{
    padding-top:34px !important;
  }

  .brand{
    position:relative !important;
    z-index:20 !important;
  }

  .brand .logo-image{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    max-width:54px !important;
  }

  .eyebrow{
    margin-top:22px !important;
    margin-bottom:18px !important;
    display:block !important;
  }

  .hero h1,
  h1{
    margin-top:0 !important;
  }
}

@media(max-width:560px){

  .hero{
    padding-top:142px !important;
  }

  .hero-content{
    padding-top:42px !important;
  }

  .brand{
    gap:12px !important;
  }

  .brand .logo-image{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    max-width:50px !important;
  }

  .brand span{
    font-size:13px !important;
    max-width:180px !important;
  }

  .eyebrow{
    margin-top:28px !important;
    margin-bottom:18px !important;
    font-size:12px !important;
    letter-spacing:.18em !important;
  }
}

/* =========================================================
   HARD FIX MOBILE HEADER FLOW
   На мобильной версии шапка больше не абсолютная:
   логотип занимает своё место и не наезжает на адрес/заголовок.
========================================================= */

@media(max-width:900px){

  header.hero,
  .hero{
    display:block !important;
    padding:18px 20px 170px !important;
    min-height:auto !important;
  }

  .nav{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;
    margin:0 0 34px 0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .nav::after{
    display:none !important;
  }

  .brand{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    min-width:0 !important;
    margin:0 !important;
  }

  .brand .logo-image{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    max-width:58px !important;
    flex:0 0 58px !important;
    object-fit:contain !important;
  }

  .brand span{
    font-size:14px !important;
    line-height:1.1 !important;
    letter-spacing:.08em !important;
    white-space:nowrap !important;
    max-width:190px !important;
  }

  .hero-content{
    position:relative !important;
    z-index:3 !important;
    padding-top:0 !important;
    margin-top:0 !important;
    max-width:100% !important;
  }

  .eyebrow{
    margin-top:0 !important;
    margin-bottom:18px !important;
  }

  .hero h1,
  h1{
    margin-top:0 !important;
  }
}

@media(max-width:560px){

  header.hero,
  .hero{
    padding:18px 20px 175px !important;
  }

  .nav{
    margin-bottom:30px !important;
  }

  .brand .logo-image{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    max-width:54px !important;
    flex-basis:54px !important;
  }

  .brand span{
    font-size:13px !important;
    max-width:180px !important;
  }
}

/* ===== M8 OMODA HERO + PREMIUM SERVICES UPDATE ===== */
:root{--hero-image:url("images/omoda-hero.jpg") !important}
.hero-bg{background-image:url("images/omoda-hero.jpg") !important;background-size:cover !important;background-position:center right !important;width:74% !important;right:0 !important;opacity:.98 !important}
.hero::after{background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.86) 31%,rgba(0,0,0,.48) 54%,rgba(0,0,0,.18) 78%,rgba(0,0,0,.10) 100%),linear-gradient(to top,#050505 0%,transparent 34%) !important}
.hero-offer{margin:26px 0 34px;max-width:620px;display:grid;grid-template-columns:86px 1fr;gap:24px;align-items:center;padding:24px 26px;border-radius:26px;border:1px solid rgba(212,176,97,.58);background:linear-gradient(135deg,rgba(12,12,12,.78),rgba(30,30,30,.38));box-shadow:0 0 46px rgba(212,176,97,.14),inset 0 0 24px rgba(255,255,255,.03);backdrop-filter:blur(14px)}
.hero-offer-icon{width:62px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#d4b061;border:1px solid rgba(212,176,97,.55);font-size:30px;box-shadow:0 0 28px rgba(212,176,97,.16)}
.hero-offer-kicker{color:#d4b061;text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:800;margin-bottom:8px}
.hero-offer-text{color:#fff;font-size:22px;line-height:1.28;font-weight:700}.hero-offer-text span{color:#d4b061}
.m8-services-premium{grid-template-columns:repeat(4,1fr) !important;gap:20px !important}
.premium-service{min-height:520px !important;padding:0 !important;border-radius:30px !important;overflow:hidden !important;position:relative !important;display:flex !important;align-items:flex-end !important;background-size:cover !important;background-position:center !important;border:1px solid rgba(212,176,97,.32) !important;box-shadow:0 18px 54px rgba(0,0,0,.32),inset 0 0 24px rgba(255,255,255,.03) !important}
.service-wash{background-image:url("images/embedded-02.jpg") !important}.service-film{background-image:url("images/omoda-hero.jpg") !important}.service-polish{background-image:url("images/embedded-03.jpg") !important}.service-dryclean{background-image:url("images/embedded-04.jpg") !important}
.premium-service .service-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.56) 44%,rgba(0,0,0,.16) 100%),radial-gradient(circle at 50% 10%,rgba(212,176,97,.16),transparent 42%);z-index:1}
.premium-service .service-content{position:relative;z-index:2;width:100%;padding:28px}.premium-service h3{color:#fff !important;font-size:clamp(28px,2.4vw,42px) !important;line-height:1.02 !important;letter-spacing:-.05em;text-transform:uppercase;margin:0 0 24px !important;text-shadow:0 0 28px rgba(0,0,0,.65)}
.service-cost-btn{width:100%;min-height:56px;border-radius:999px;font-size:16px}
.koch-premium-strip{margin-top:22px;min-height:150px;border-radius:30px;overflow:hidden;position:relative;border:1px solid rgba(212,176,97,.32);background:#0b0b0b;box-shadow:0 18px 54px rgba(0,0,0,.28)}
.koch-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.38),rgba(0,0,0,.78)),url("images/koch-chemie-premium.jpg") center/cover;opacity:.9}
.koch-content{position:relative;z-index:2;min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:30px 38px}.koch-content span{color:#d4b061;text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:800;white-space:nowrap}.koch-content strong{color:#fff;font-size:clamp(24px,3vw,40px);line-height:1.08;text-transform:uppercase;letter-spacing:-.04em;max-width:940px}
.premium-bonus-strip{background:linear-gradient(135deg,rgba(212,176,97,.16),rgba(255,255,255,.035)),#0d0d0d !important;border-color:rgba(212,176,97,.48) !important}.premium-bonus-text strong{color:#fff !important;font-size:22px !important}
@media(max-width:1100px){.m8-services-premium{grid-template-columns:repeat(2,1fr) !important}.premium-service{min-height:440px !important}}
@media(max-width:760px){.hero-bg{width:112% !important;right:-38% !important;opacity:.45 !important;background-position:center right !important}.hero-offer{grid-template-columns:1fr;gap:14px;padding:22px}.hero-offer-icon{width:54px;height:54px;font-size:24px}.hero-offer-text{font-size:18px}.m8-services-premium{grid-template-columns:1fr !important}.premium-service{min-height:380px !important}.koch-content{flex-direction:column;align-items:flex-start;padding:26px}.koch-content strong{font-size:28px}}

/* ===== M8 hero edits 29.05: dropdown, offer move, white car focus ===== */
.hero-bg{
  width:82% !important;
  right:0 !important;
  background-size:cover !important;
  background-position:center right !important;
  opacity:1 !important;
  filter:brightness(1.18) contrast(1.08) saturate(.9) !important;
}
.hero::after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.97) 0%,rgba(0,0,0,.88) 28%,rgba(0,0,0,.50) 48%,rgba(0,0,0,.22) 70%,rgba(0,0,0,.10) 100%),
    linear-gradient(to top,#050505 0%,rgba(5,5,5,.75) 9%,transparent 34%) !important;
}
.hero-blend{display:none !important;}
.hero-text{max-width:610px !important;margin-bottom:24px !important;}
.hero-offer{display:none !important;}
.hero-shimmer-offer{
  position:absolute;
  z-index:4;
  left:49%;
  top:60%;
  width:min(520px,34vw);
  transform:translateY(-50%);
  padding:0;
  pointer-events:none;
}
.hero-shimmer-kicker{
  margin-bottom:10px;
  color:#d4b061;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:13px;
  font-weight:900;
  text-shadow:0 0 22px rgba(212,176,97,.32);
}
.hero-shimmer-text{
  display:inline;
  font-size:clamp(26px,2.3vw,44px);
  line-height:1.04;
  font-weight:900;
  letter-spacing:-.04em;
  text-transform:uppercase;
  background:linear-gradient(100deg,#b8892e 0%,#ffe9a3 18%,#d4b061 38%,#fff4c7 52%,#a87d28 70%,#f5d074 100%);
  background-size:240% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:m8GoldShimmer 4s linear infinite;
  filter:drop-shadow(0 0 20px rgba(212,176,97,.18));
}
@keyframes m8GoldShimmer{0%{background-position:0% center}100%{background-position:240% center}}
.nav-links{align-items:center;}
.nav-dropdown{position:relative;display:flex;align-items:center;}
.nav-link-btn{
  appearance:none;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:10px 6px !important;
  color:rgba(255,255,255,.74) !important;
  font:inherit !important;
  font-size:15px !important;
  font-weight:500 !important;
  cursor:pointer;
}
.nav-link-btn:hover{color:#d4b061 !important;transform:none !important;box-shadow:none !important;}
.services-dropdown-menu{
  position:absolute;
  top:calc(100% + 14px);
  left:50%;
  transform:translateX(-50%) translateY(8px);
  min-width:290px;
  padding:12px;
  border-radius:22px;
  border:1px solid rgba(212,176,97,.38);
  background:linear-gradient(135deg,rgba(10,10,10,.96),rgba(28,24,16,.94));
  box-shadow:0 22px 58px rgba(0,0,0,.48),0 0 34px rgba(212,176,97,.12);
  backdrop-filter:blur(14px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.24s ease;
  z-index:20;
}
.services-dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px;}
.services-dropdown-menu a{
  display:block;
  padding:13px 15px;
  border-radius:15px;
  color:#f7f1df !important;
  font-size:14px;
  line-height:1.2;
  white-space:nowrap;
}
.services-dropdown-menu a:hover{background:rgba(212,176,97,.14);color:#d4b061 !important;}
.nav-dropdown:hover .services-dropdown-menu,.nav-dropdown:focus-within .services-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}
@media(max-width:980px){
  .hero-bg{width:100% !important;right:-22% !important;opacity:.54 !important;}
  .hero-shimmer-offer{position:relative;left:auto;top:auto;width:100%;transform:none;margin:12px 0 28px;pointer-events:auto;}
  .hero-shimmer-text{font-size:clamp(22px,6vw,34px);}
  .services-dropdown-menu{left:0;transform:translateY(8px);}
  .nav-dropdown:hover .services-dropdown-menu,.nav-dropdown:focus-within .services-dropdown-menu{transform:translateY(0);}
}
@media(max-width:760px){
  .hero-bg{width:126% !important;right:-54% !important;filter:brightness(1.05) contrast(1.05) !important;}
  .hero-text{margin-bottom:18px !important;}
  .hero-shimmer-kicker{font-size:11px;letter-spacing:.12em;}
}

/* ===== M8 правка 29.05: УТП вниз справа + фон авто меньше ===== */
.hero-bg{
  width:82% !important;
  right:2vw !important;
  background-size:80% auto !important;
  background-repeat:no-repeat !important;
  background-position:62% center !important;
  opacity:1 !important;
  filter:brightness(1.16) contrast(1.08) saturate(.9) !important;
}
.hero-shimmer-offer{
  position:absolute !important;
  z-index:4 !important;
  left:auto !important;
  top:auto !important;
  right:7vw !important;
  bottom:88px !important;
  width:min(560px,36vw) !important;
  transform:none !important;
  padding:0 !important;
  pointer-events:none !important;
  text-align:left !important;
}
.hero-shimmer-kicker{
  margin-bottom:10px !important;
  color:#d4b061 !important;
  text-transform:uppercase !important;
  letter-spacing:.18em !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-shadow:0 0 22px rgba(212,176,97,.32) !important;
}
.hero-shimmer-text{
  display:inline !important;
  font-size:clamp(25px,2vw,38px) !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  letter-spacing:-.04em !important;
  text-transform:uppercase !important;
  background:linear-gradient(100deg,#b8892e 0%,#ffe9a3 18%,#d4b061 38%,#fff4c7 52%,#a87d28 70%,#f5d074 100%) !important;
  background-size:240% auto !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  animation:m8GoldShimmer 4s linear infinite !important;
  filter:drop-shadow(0 0 20px rgba(212,176,97,.18)) !important;
}
@media(max-width:980px){
  .hero-bg{width:112% !important;right:-28% !important;background-size:78% auto !important;background-position:center right !important;opacity:.58 !important;}
  .hero-shimmer-offer{position:relative !important;right:auto !important;bottom:auto !important;width:100% !important;margin:18px 0 28px !important;pointer-events:auto !important;}
}
@media(max-width:760px){
  .hero-bg{width:132% !important;right:-58% !important;background-size:85% auto !important;filter:brightness(1.05) contrast(1.05) !important;}
  .hero-shimmer-text{font-size:clamp(22px,6vw,32px) !important;}
}

/* Уменьшение масштаба автомобиля на первом экране */
.hero-bg{
    background-size:78% auto !important;
    right:-6% !important;
    width:106% !important;
    background-position:right center !important;
}

/* === MAIN M8 SERVICES MENU FIX === */
.nav{align-items:center!important}
.nav-links{align-items:center!important}
.nav-dropdown{position:relative!important;display:flex!important;align-items:center!important}
.nav-link-btn{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;
  min-height:auto!important;height:auto!important;color:rgba(244,241,232,.86)!important;
  font-family:'Manrope',sans-serif!important;font-size:14px!important;font-weight:700!important;
  text-transform:none!important;letter-spacing:0!important;line-height:1!important;cursor:pointer!important;transform:none!important;
}
.nav-link-btn::after{
  content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-right:2px solid #d4b061;border-bottom:2px solid #d4b061;
  transform:rotate(45deg) translateY(-2px);transition:.25s ease;
}
.nav-dropdown:hover .nav-link-btn,.nav-dropdown:focus-within .nav-link-btn{color:#f5c24d!important}
.nav-dropdown:hover .nav-link-btn::after,.nav-dropdown:focus-within .nav-link-btn::after{transform:rotate(-135deg) translateY(-1px)}
.services-dropdown-menu{
  position:absolute!important;top:calc(100% + 18px)!important;left:-18px!important;width:310px!important;min-width:310px!important;
  padding:14px!important;border-radius:22px!important;border:1px solid rgba(212,176,97,.34)!important;
  background:linear-gradient(180deg,rgba(18,18,18,.96),rgba(6,6,6,.96))!important;backdrop-filter:blur(18px)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.55),0 0 34px rgba(212,176,97,.14)!important;
  display:grid!important;gap:6px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transform:translateY(12px) scale(.98)!important;transition:opacity .25s ease, transform .25s ease, visibility .25s ease!important;z-index:99999!important;
}
.nav-dropdown:hover .services-dropdown-menu,.nav-dropdown:focus-within .services-dropdown-menu{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important;
}
.services-dropdown-menu a{
  display:flex!important;align-items:center!important;min-height:46px!important;padding:0 14px!important;border-radius:14px!important;
  color:rgba(244,241,232,.88)!important;font-size:14px!important;font-weight:800!important;line-height:1.25!important;background:transparent!important;
  border:1px solid transparent!important;white-space:normal!important;transition:.22s ease!important;
}
.services-dropdown-menu a::before{
  content:""!important;width:8px!important;height:8px!important;min-width:8px!important;border-radius:50%!important;background:#d4b061!important;
  margin-right:12px!important;box-shadow:0 0 12px rgba(212,176,97,.65)!important;
}
.services-dropdown-menu a:hover{color:#f5c24d!important;background:rgba(212,176,97,.13)!important;border-color:rgba(212,176,97,.30)!important;transform:translateX(4px)!important}
.nav .nav-dropdown button.nav-link-btn:hover{transform:none!important;box-shadow:none!important;background:transparent!important}
.hero-bg{right:-8%!important;width:108%!important;background-size:62% auto!important;background-position:right center!important;opacity:1!important}
@media(max-width:960px){.nav-links{display:none!important}}

@media screen and (max-width:960px){
  .m8-mobile-top-services,
  .m8-mobile-services,
  .m8-service-grid-mobile-final,
  .m8-mobile-hero-services{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
  }

  .hero-shimmer-offer,
  .hero-shimmer-offer *,
  .hero-shimmer-text,
  .hero-shimmer-kicker{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    animation:none !important;
    transition:none !important;
    height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  .m8-mobile-offer-card{
    position:relative !important;
    z-index:2 !important;
    max-width:520px !important;
    margin:0 auto 16px !important;
    padding:22px 24px !important;
    border-radius:24px !important;
    border:1px solid rgba(245,194,77,.72) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(245,194,77,.25), transparent 48%),
      linear-gradient(180deg, rgba(22,22,22,.98), rgba(5,5,5,.98)) !important;
    box-shadow:0 0 34px rgba(245,194,77,.18), inset 0 0 22px rgba(245,194,77,.06) !important;
    overflow:hidden !important;
    animation:m8MasterMobileFade .55s cubic-bezier(.18,.84,.28,1) both !important;
  }

  .m8-mobile-offer-card::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.10) 45%, transparent 70%) !important;
    transform:translateX(-120%) !important;
    animation:m8MasterMobileShine 4.4s ease-in-out infinite !important;
  }

  .m8-mobile-offer-card__kicker{
    position:relative !important;
    z-index:2 !important;
    display:inline-flex !important;
    margin-bottom:10px !important;
    padding:7px 12px !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#f5c24d,#a87d28) !important;
    color:#080808 !important;
    font-size:11px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
  }

  .m8-mobile-offer-card__text{
    position:relative !important;
    z-index:2 !important;
    color:#f5c24d !important;
    font-family:'Manrope',sans-serif !important;
    font-size:22px !important;
    font-weight:900 !important;
    line-height:1.12 !important;
    text-transform:uppercase !important;
    letter-spacing:-.03em !important;
  }
}

@media screen and (max-width:420px){
  .m8-mobile-offer-card{padding:20px 20px !important;border-radius:22px !important;margin-bottom:14px !important;}
  .m8-mobile-offer-card__text{font-size:20px !important;}
}

@keyframes m8MasterMobileFade{
  from{opacity:0;transform:translateY(18px);filter:blur(5px)}
  to{opacity:1;transform:translateY(0);filter:blur(0)}
}
@keyframes m8MasterMobileShine{
  0%,58%{transform:translateX(-120%)}
  85%,100%{transform:translateX(120%)}
}

@media (max-width:900px){
}

/* =========================================================
   M8 MOBILE FIX V2 — первый экран без дублей
   ========================================================= */
@media (max-width: 900px){
  html, body{overflow-x:hidden !important;}

  .hero{
    min-height:auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    padding:82px 30px 26px !important;
    overflow:hidden !important;
  }

  .hero-content{
    width:100% !important;
    max-width:100% !important;
    padding-top:0 !important;
    position:relative !important;
    z-index:4 !important;
  }

  .hero-actions{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    margin:44px 0 0 !important;
  }

  .hero-actions .btn-secondary,
  .hero-actions a[href="#services"]{
    display:none !important;
  }

  .hero-actions .btn-primary{
    width:100% !important;
    min-height:108px !important;
    padding:0 20px !important;
    border-radius:999px !important;
    font-size:25px !important;
    font-weight:900 !important;
    text-align:center !important;
    justify-content:center !important;
    box-shadow:0 18px 44px rgba(212,176,97,.20), inset 0 1px 0 rgba(255,255,255,.28) !important;
  }

  .hero-shimmer-offer,
  .hero .hero-shimmer-offer{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    margin:22px 0 0 !important;
    padding:28px 6px 28px !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    pointer-events:auto !important;
    overflow:visible !important;
    z-index:4 !important;
  }

  .hero-shimmer-offer *,
  .hero-shimmer-text{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    max-height:none !important;
  }

  .hero-shimmer-text{
    color:#f5c24d !important;
    background:linear-gradient(100deg,#b8892e 0%,#ffe9a3 20%,#d4b061 46%,#fff4c7 64%,#a87d28 100%) !important;
    background-size:220% auto !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    font-size:clamp(24px,6.6vw,34px) !important;
    line-height:1.12 !important;
    font-weight:900 !important;
    letter-spacing:-.04em !important;
    text-transform:uppercase !important;
    text-align:left !important;
    filter:drop-shadow(0 0 18px rgba(245,194,77,.18)) !important;
  }

  .m8-mobile-offer-card{display:none !important;}

  /* Главный блок услуг оставляем для desktop, на mobile показываем чистую сетку как на скрине */
  .services-merged-section{
    display:none !important;
  }

  .m8-reveal,
  section.m8-reveal,
  .m8-reveal.m8-visible,
  .service-card.m8-reveal,
  .package-card.m8-reveal,
  .review-card.m8-reveal,
  .client-value-card.m8-reveal,
  .process-card.m8-reveal{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
    animation:none !important;
  }

  .service-card::before,
  .service-card::after,
  .package-card::after,
  .review-card::after,
  .client-value-card::after,
  .process-card::after{
    animation:none !important;
    transition:none !important;
  }

  a, button, .btn, .service-card, .package-card, .review-card, .client-value-card, .process-card{
    transition:none !important;
  }

  a:hover, button:hover, .btn:hover,
  .service-card:hover, .package-card:hover, .review-card:hover, .client-value-card:hover, .process-card:hover{
    transform:none !important;
  }
}

@media (max-width: 480px){
  .hero{padding:78px 30px 24px !important;}
  h1,.hero h1,.hero-title{font-size:clamp(48px,13.2vw,62px) !important;line-height:.94 !important;}
  .hero-text{font-size:25px !important;line-height:1.42 !important;}
  .hero-actions{margin-top:42px !important;}
  .hero-actions .btn-primary{min-height:108px !important;font-size:24px !important;}
  .hero-shimmer-offer{padding-top:28px !important;padding-bottom:28px !important;}
  .hero-shimmer-text{font-size:clamp(23px,7vw,31px) !important;}
}

@media (max-width: 380px){
  .hero{padding-left:22px !important;padding-right:22px !important;}
  .hero-actions .btn-primary{font-size:22px !important;}
}

/* =========================================================
   M8 MOBILE FIX V3 — вернуть основной блок услуг и поднять 2x2
   ========================================================= */
@media (max-width: 900px){
  /* Оставляем только одну кнопку в hero */
  .hero-actions .btn-secondary,
  .hero-actions a[href="#services"]{
    display:none !important;
  }

  /* Кнопка "Рассчитать защиту" стоит на месте второй кнопки, ниже текста */
  .hero-actions{
    margin:38px 0 0 !important;
    gap:0 !important;
  }
  .hero-actions .btn-primary{
    width:100% !important;
    min-height:104px !important;
  }

  /* УТП сразу под кнопкой, без лишней черной пустоты */
  .hero-shimmer-offer,
  .hero .hero-shimmer-offer{
    margin:18px 0 0 !important;
    padding:22px 4px 20px !important;
  }
  .hero-shimmer-text{
    color:#f5c24d !important;
    background:linear-gradient(100deg,#b8892e 0%,#ffe9a3 20%,#d4b061 46%,#fff4c7 64%,#a87d28 100%) !important;
    background-size:220% auto !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    font-size:clamp(23px,6.5vw,32px) !important;
    line-height:1.15 !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
  }

  /* Поднимаем верхнюю сетку ссылок 2x2 и убираем пустой черный промежуток */
  .hero{
    padding-bottom:0 !important;
  }
  .m8-mobile-offer-card{
    display:none !important;
  }

  /* Возвращаем основной существующий блок услуг на мобильной версии */
  .services-merged-section{
    display:block !important;
    padding:54px 18px 58px !important;
    background:#050505 !important;
  }
  .services-merged-header{
    display:block !important;
    margin-bottom:28px !important;
  }
  .services-merged-header h2{
    display:block !important;
    font-size:clamp(32px,10vw,44px) !important;
    line-height:1 !important;
    margin:0 0 16px !important;
  }
  .services-merged-header p{
    display:block !important;
    font-size:16px !important;
    line-height:1.55 !important;
    color:#a0a0a0 !important;
  }
  .services-grid,
  .m8-services-premium{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  .services-merged-section .service-card{
    display:flex !important;
    min-height:260px !important;
    border-radius:24px !important;
    overflow:hidden !important;
  }
  .services-merged-section .service-content{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    padding:22px !important;
    width:100% !important;
  }
  .services-merged-section .service-content h3{
    font-size:28px !important;
    line-height:1.05 !important;
    margin-bottom:18px !important;
  }
  .services-merged-section .service-cost-btn{
    display:inline-flex !important;
    width:100% !important;
    min-height:52px !important;
    justify-content:center !important;
    align-items:center !important;
  }
  .koch-premium-strip{
    display:block !important;
    margin-top:18px !important;
    border-radius:24px !important;
    overflow:hidden !important;
  }
}

@media (max-width: 480px){
  .hero{padding-bottom:0 !important;}
  .hero-actions{margin-top:34px !important;}
  .hero-actions .btn-primary{min-height:100px !important;}
  .hero-shimmer-offer,
  .hero .hero-shimmer-offer{padding:20px 4px 18px !important;}
}

@media (max-width: 380px){
}

/* =========================================================
   M8 MOBILE FIX V4 — как на референсе + логика кнопок
   2x2 сверху = ссылки на отдельные страницы.
   Основной блок с картинками = расчет + подробнее.
   ========================================================= */
.service-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  width:100%;
}
.service-more-btn{
  background:rgba(0,0,0,.34) !important;
  color:#f5c24d !important;
  border:1px solid rgba(245,194,77,.56) !important;
  box-shadow:0 0 18px rgba(245,194,77,.10) !important;
}

@media (max-width:900px){
  .hero{
    padding-bottom:0 !important;
  }

  .hero-actions{
    margin-top:28px !important;
  }

  .hero-actions .btn-primary{
    min-height:86px !important;
    font-size:23px !important;
  }

  .hero-shimmer-offer,
  .hero .hero-shimmer-offer{
    margin:14px 0 0 !important;
    padding:14px 0 12px !important;
  }

  .hero-shimmer-text{
    font-size:clamp(21px,6vw,29px) !important;
    line-height:1.16 !important;
  }

  .services-merged-section{
    display:block !important;
    padding:34px 18px 56px !important;
  }

  .services-merged-header{
    margin-bottom:24px !important;
  }

  .services-grid,
  .m8-services-premium{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }

  .services-merged-section .service-card{
    min-height:210px !important;
    border-radius:18px !important;
  }

  .services-merged-section .service-content{
    padding:16px !important;
  }

  .services-merged-section .service-content h3{
    font-size:20px !important;
    line-height:1.08 !important;
    margin-bottom:12px !important;
    letter-spacing:-.04em !important;
  }

  .service-actions{
    gap:8px !important;
  }

  .services-merged-section .service-cost-btn,
  .services-merged-section .service-more-btn{
    min-height:40px !important;
    height:auto !important;
    padding:8px 10px !important;
    border-radius:11px !important;
    font-size:13px !important;
    line-height:1.05 !important;
    width:100% !important;
    text-align:center !important;
  }

  .koch-premium-strip{
    margin-top:14px !important;
  }

  .koch-content{
    padding:18px !important;
    gap:8px !important;
  }

  .koch-content strong{
    font-size:20px !important;
    line-height:1.18 !important;
  }
}

@media (max-width:480px){
  .hero-actions{margin-top:26px !important;}
  .hero-actions .btn-primary{min-height:84px !important;font-size:22px !important;}
  .hero-shimmer-offer,
  .hero .hero-shimmer-offer{padding:12px 0 10px !important;}
  .services-merged-section{padding-top:30px !important;}
  .services-merged-section .service-card{min-height:205px !important;}
  .services-merged-section .service-content h3{font-size:19px !important;}
  .services-merged-section .service-cost-btn,
  .services-merged-section .service-more-btn{font-size:12px !important;min-height:38px !important;}
}

@media (max-width:380px){
  .services-grid,
  .m8-services-premium{gap:10px !important;}
  .services-merged-section .service-card{min-height:195px !important;}
  .services-merged-section .service-content{padding:13px !important;}
  .services-merged-section .service-content h3{font-size:18px !important;}
}

@media (max-width:900px){
  header.hero,
  .hero,
  .hero-section{
    padding-bottom:18px !important;
  }

  .hero-shimmer-offer,
  .hero .hero-shimmer-offer{
    margin-bottom:0 !important;
  }

  .services-merged-section{
    padding-top:22px !important;
  }
}

@media (max-width:480px){
  header.hero,
  .hero,
  .hero-section{
    padding-bottom:14px !important;
  }

  .services-merged-section{
    padding-top:18px !important;
  }
}

/* =========================================================
   M8 MOBILE V6 — УТП и кнопку поменяли местами + опустили ниже
   ========================================================= */
@media (max-width:900px){
  .hero-content{
    display:flex !important;
    flex-direction:column !important;
  }

  .hero-shimmer-offer,
  .hero .hero-shimmer-offer{
    order:2 !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:76px 0 0 !important;
    padding:0 !important;
    z-index:4 !important;
    pointer-events:auto !important;
  }

  .hero-actions{
    order:3 !important;
    margin:20px 0 0 !important;
    width:100% !important;
  }

  .hero-actions .btn-primary{
    width:100% !important;
    min-height:86px !important;
    font-size:23px !important;
  }

  header.hero,
  .hero,
  .hero-section{
    padding-bottom:44px !important;
  }

  .services-merged-section{
    padding-top:16px !important;
  }
}

@media (max-width:480px){
  .hero-shimmer-offer,
  .hero .hero-shimmer-offer{
    margin-top:62px !important;
  }

  .hero-actions{
    margin-top:18px !important;
  }

  .hero-actions .btn-primary{
    min-height:82px !important;
    font-size:22px !important;
  }

  header.hero,
  .hero,
  .hero-section{
    padding-bottom:38px !important;
  }
}

@media (max-width:380px){
  .hero-shimmer-offer,
  .hero .hero-shimmer-offer{
    margin-top:54px !important;
  }
}

/* =========================================================
   M8 V7 — DESKTOP RESTORE / MOBILE KEEP
   Десктоп возвращаем к прежнему виду, мобильные правки остаются в @media.
   ========================================================= */
@media (min-width: 901px){
  header.hero,
  .hero{
    min-height:88vh !important;
    display:flex !important;
    align-items:center !important;
    padding:32px 6vw !important;
    overflow:hidden !important;
  }

  .hero-content{
    display:block !important;
    position:relative !important;
    z-index:4 !important;
    max-width:760px !important;
    width:auto !important;
    padding-top:80px !important;
  }

  .hero-actions{
    display:flex !important;
    flex-direction:row !important;
    gap:16px !important;
    flex-wrap:wrap !important;
    width:auto !important;
    margin:0 !important;
    order:initial !important;
  }

  .hero-actions .btn-primary{
    width:auto !important;
    min-height:54px !important;
    height:auto !important;
    padding:0 28px !important;
    border-radius:999px !important;
    font-size:16px !important;
    font-weight:700 !important;
  }

  .hero-shimmer-offer,
  .hero .hero-shimmer-offer{
    display:block !important;
    position:absolute !important;
    z-index:4 !important;
    left:calc(100% + 5vw) !important;
    right:auto !important;
    top:62% !important;
    bottom:auto !important;
    width:min(560px,36vw) !important;
    max-width:min(560px,36vw) !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    pointer-events:none !important;
    text-align:left !important;
    order:initial !important;
  }

  .hero-shimmer-text{
    display:inline !important;
    font-size:clamp(25px,2vw,38px) !important;
    line-height:1.05 !important;
    font-weight:900 !important;
    letter-spacing:-.04em !important;
    text-transform:uppercase !important;
    color:transparent !important;
    background:linear-gradient(100deg,#b8892e 0%,#ffe9a3 18%,#d4b061 38%,#fff4c7 52%,#a87d28 70%,#f5d074 100%) !important;
    background-size:240% auto !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    animation:m8GoldShimmer 4s linear infinite !important;
    filter:drop-shadow(0 0 20px rgba(212,176,97,.18)) !important;
  }

  .services-merged-section{
    padding:90px 40px !important;
  }

  .services-grid,
  .m8-services-premium{
    grid-template-columns:repeat(4,1fr) !important;
    gap:20px !important;
  }

  .premium-service{
    min-height:520px !important;
  }
}

/* =========================================================
   M8 V8 — desktop offer to right-bottom, mobile button/offer swapped
   ========================================================= */
@media (min-width: 901px){
  .hero-content{
    position:relative !important;
  }

  .hero-shimmer-offer,
  .hero .hero-shimmer-offer{
    position:absolute !important;
    z-index:5 !important;
    left:calc(100vw - 12vw - min(560px,36vw)) !important;
    right:auto !important;
    top:calc(88vh - 210px) !important;
    bottom:auto !important;
    width:min(560px,36vw) !important;
    max-width:min(560px,36vw) !important;
    transform:none !important;
    margin:0 !important;
    padding:0 !important;
    pointer-events:none !important;
    text-align:left !important;
  }
}

@media (max-width:900px){
  .hero-content{
    display:flex !important;
    flex-direction:column !important;
  }

  .hero-actions{
    order:2 !important;
    margin:58px 0 0 !important;
    width:100% !important;
  }

  .hero-shimmer-offer,
  .hero .hero-shimmer-offer{
    order:3 !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:22px 0 0 !important;
    padding:0 !important;
    z-index:4 !important;
    pointer-events:auto !important;
  }

  .hero-actions .btn-primary{
    width:100% !important;
    min-height:82px !important;
    font-size:22px !important;
  }
}

@media (max-width:480px){
  .hero-actions{
    margin-top:48px !important;
  }

  .hero-shimmer-offer,
  .hero .hero-shimmer-offer{
    margin-top:20px !important;
  }

  .hero-actions .btn-primary{
    min-height:80px !important;
    font-size:21px !important;
  }
}

@media (max-width:380px){
  .hero-actions{
    margin-top:40px !important;
  }
}

/* =========================================================
   M8 V9 — desktop offer higher, mobile offer/button swapped separately
   ========================================================= */
@media (min-width: 901px){
  .hero-shimmer-offer,
  .hero .hero-shimmer-offer{
    top:calc(88vh - 310px) !important;
    bottom:auto !important;
  }
}

@media (max-width:900px){
  .hero-content{
    display:flex !important;
    flex-direction:column !important;
  }

  .hero-shimmer-offer,
  .hero .hero-shimmer-offer{
    order:2 !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:52px 0 0 !important;
    padding:0 !important;
    z-index:4 !important;
    pointer-events:auto !important;
  }

  .hero-actions{
    order:3 !important;
    margin:18px 0 0 !important;
    width:100% !important;
  }

  .hero-actions .btn-primary{
    width:100% !important;
    min-height:82px !important;
    font-size:22px !important;
  }
}

@media (max-width:480px){
  .hero-shimmer-offer,
  .hero .hero-shimmer-offer{
    margin-top:46px !important;
  }

  .hero-actions{
    margin-top:18px !important;
  }
}

@media (max-width:380px){
  .hero-shimmer-offer,
  .hero .hero-shimmer-offer{
    margin-top:38px !important;
  }
}

/* =========================================================
   M8 V10 — desktop only: raise offer so text fits fully
   Mobile version is not changed.
   ========================================================= */
@media (min-width: 901px){
  .hero-shimmer-offer,
  .hero .hero-shimmer-offer{
    top:calc(88vh - 420px) !important;
    bottom:auto !important;
    max-width:460px !important;
    z-index:20 !important;
  }
}

/* === M8 v12: премиальная центральная навигация услуг на ПК === */
@media (min-width: 961px){
  .nav{
    min-height:74px;
  }

  .nav .brand{
    position:relative;
    z-index:8;
  }

  .nav-service-links{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    padding:9px 14px !important;
    border-radius:999px !important;
    border:1px solid rgba(212,176,97,.28) !important;
    background:linear-gradient(180deg,rgba(10,10,10,.52),rgba(5,5,5,.28)) !important;
    box-shadow:0 0 28px rgba(212,176,97,.10), inset 0 0 24px rgba(255,255,255,.025) !important;
    backdrop-filter:blur(16px) !important;
    z-index:7 !important;
    width:auto !important;
    max-width:calc(100vw - 520px) !important;
  }

  .nav-service-links a{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:34px !important;
    padding:0 12px !important;
    border-radius:999px !important;
    color:rgba(244,241,232,.82) !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:.015em !important;
    white-space:nowrap !important;
    text-shadow:0 0 14px rgba(212,176,97,.18) !important;
    transition:color .25s ease, background .25s ease, box-shadow .25s ease, transform .25s ease !important;
  }

  .nav-service-links a::after{
    content:"";
    position:absolute;
    left:14px;
    right:14px;
    bottom:4px;
    height:1px;
    border-radius:999px;
    background:linear-gradient(90deg,transparent,rgba(212,176,97,.85),transparent);
    opacity:0;
    transform:scaleX(.35);
    transition:opacity .25s ease, transform .25s ease;
  }

  .nav-service-links a:hover{
    color:#d4b061 !important;
    background:rgba(212,176,97,.08) !important;
    box-shadow:0 0 22px rgba(212,176,97,.14) !important;
    transform:translateY(-1px) !important;
  }

  .nav-service-links a:hover::after{
    opacity:1;
    transform:scaleX(1);
  }

  .top-actions{
    position:relative !important;
    z-index:8 !important;
  }
}

@media (min-width: 961px) and (max-width: 1220px){
  .nav-service-links{
    gap:4px !important;
    padding:8px 10px !important;
  }

  .nav-service-links a{
    font-size:12px !important;
    padding:0 8px !important;
  }
}

/* =========================================================
   M8 V13 — mobile only: блок «Что получает клиент M8» сеткой 2×2
   Десктоп и остальные блоки не трогались.
   ========================================================= */
@media (max-width: 900px){
  .client-value-section{
    padding-top:58px !important;
    padding-bottom:58px !important;
    gap:22px !important;
  }

  .client-value-left{
    margin-bottom:0 !important;
  }

  .client-value-left h2{
    margin-bottom:14px !important;
  }

  .client-value-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px !important;
    width:100% !important;
  }

  .client-value-card{
    min-height:150px !important;
    padding:16px 14px !important;
    border-radius:22px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
  }

  .client-value-number{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    font-size:12px !important;
    margin-bottom:12px !important;
  }

  .client-value-card h3{
    font-size:18px !important;
    line-height:1.1 !important;
    margin-bottom:8px !important;
  }

  .client-value-card p{
    font-size:12.5px !important;
    line-height:1.35 !important;
  }
}

@media (max-width: 380px){
  .client-value-grid{
    gap:10px !important;
  }

  .client-value-card{
    padding:14px 12px !important;
    min-height:145px !important;
  }

  .client-value-card h3{
    font-size:16px !important;
  }

  .client-value-card p{
    font-size:12px !important;
  }
}

/* =========================================================
   M8 V14 — mobile only: выравнивание карточек "Что получает клиент M8"
   Исправляет разную высоту первого блока. Остальные блоки не трогаются.
   ========================================================= */
@media (max-width: 900px){
  .client-value-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows:1fr !important;
    align-items:stretch !important;
  }

  .client-value-card,
  .client-value-card:nth-child(1),
  .client-value-card:nth-child(2),
  .client-value-card:nth-child(3),
  .client-value-card:nth-child(4){
    height:100% !important;
    min-height:165px !important;
    padding:16px 14px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
  }

  .client-value-card h3{
    min-height:40px !important;
    display:flex !important;
    align-items:flex-start !important;
  }
}

@media (max-width: 380px){
  .client-value-card,
  .client-value-card:nth-child(1),
  .client-value-card:nth-child(2),
  .client-value-card:nth-child(3),
  .client-value-card:nth-child(4){
    min-height:160px !important;
    padding:14px 12px !important;
  }

  .client-value-card h3{
    min-height:36px !important;
  }
}




/* === M8 FINAL: correct service cards + compact Koch Chemie strip === */
.service-wash{
  background-image:
    linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.22)),
    url("images/service-wash-main.jpg") !important;
  background-size:cover !important;
  background-position:center !important;
}
.service-film{
  background-image:
    linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.22)),
    url("images/omoda-hero.jpg") !important;
  background-size:cover !important;
  background-position:center !important;
}
.service-polish{
  background-image:
    linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.22)),
    url("images/work-polish-01.jpg") !important;
  background-size:cover !important;
  background-position:center !important;
}
.service-dryclean{
  background-image:
    linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.22)),
    url("images/work-him-01.jpg") !important;
  background-size:cover !important;
  background-position:center !important;
}
.koch-premium-strip{
  min-height:135px !important;
  margin-top:24px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  position:relative !important;
  border:1px solid rgba(212,176,97,.32) !important;
  background:#070707 !important;
  box-shadow:0 14px 42px rgba(0,0,0,.30),0 0 28px rgba(212,176,97,.08) !important;
}
.koch-premium-strip .koch-bg{
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.78) 30%,rgba(0,0,0,.24) 62%,rgba(0,0,0,.24) 100%),
    url("images/koch-chemie-premium.jpg") center right/cover no-repeat !important;
  opacity:.98 !important;
}
.koch-premium-strip .koch-content{
  position:relative !important;
  z-index:2 !important;
  min-height:135px !important;
  max-width:560px !important;
  padding:22px 32px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
.koch-premium-strip .koch-content span{
  color:#d4b061 !important;
  text-transform:uppercase !important;
  letter-spacing:.20em !important;
  font-size:11px !important;
  font-weight:900 !important;
  margin-bottom:7px !important;
}
.koch-premium-strip .koch-content strong{
  color:#fff !important;
  font-size:clamp(22px,2.25vw,32px) !important;
  line-height:1.05 !important;
  letter-spacing:-.04em !important;
  text-transform:uppercase !important;
}
@media(max-width:760px){
  .koch-premium-strip{min-height:250px !important;border-radius:22px !important;}
  .koch-premium-strip .koch-bg{
    background:
      linear-gradient(to bottom,rgba(0,0,0,.42) 0%,rgba(0,0,0,.82) 58%,rgba(0,0,0,.96) 100%),
      url("images/koch-chemie-premium.jpg") center top/cover no-repeat !important;
  }
  .koch-premium-strip .koch-content{min-height:250px !important;padding:22px !important;justify-content:flex-end !important;}
  .koch-premium-strip .koch-content strong{font-size:22px !important;}
}

/* === M8 PERFORMANCE FIX: remove cursor/reveal animations === */
.m8-reveal,
.m8-reveal.m8-visible,
section,
.service-card,
.package-card,
.review-card,
.client-value-card,
.process-card,
.final-cta-card,
.map-wrapper,
.client-value-left,
#process .section-head{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
  animation:none !important;
  transition-delay:0s !important;
  will-change:auto !important;
}
.cursor-line-trail,
.cursor-trail-dot,
#m8CursorCanvas{
  display:none !important;
}
.service-card:hover,
.package-card:hover,
.review-card:hover,
.client-value-card:hover,
.process-card:hover{
  transform:translateY(-3px) !important;
}

/* === EXACT WIDTH MATCH WITH HERO SECTION === */
.services-merged-section{
    max-width:none !important;
    width:auto !important;
    margin:0 !important;
    padding-left:6vw !important;
    padding-right:6vw !important;
}
.services-merged-header,
.services-grid,
.koch-premium-strip{
    max-width:none !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
}
@media(max-width:768px){
    .services-merged-section{
        padding-left:20px !important;
        padding-right:20px !important;
    }
}

/* === MAIN SITE MOBILE HERO IMAGE === */
@media(max-width:760px){
  :root{--hero-image:url("images/main-mobile-hero.webp") !important;}
  .hero-bg{
    width:100% !important;
    height:100% !important;
    top:0 !important;
    right:0 !important;
    background-image:url("images/main-mobile-hero.webp") !important;
    background-size:cover !important;
    background-position:center top !important;
    opacity:.72 !important;
  }
  .hero{
    min-height:92vh !important;
  }
  .hero::after{
    background:
      linear-gradient(to bottom,rgba(0,0,0,.60) 0%,rgba(0,0,0,.35) 34%,rgba(0,0,0,.80) 74%,#050505 100%),
      linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.42) 62%,rgba(0,0,0,.18) 100%) !important;
  }
  .review-card video{
    height:auto !important;
    max-height:420px !important;
    object-fit:cover !important;
  }
  .process-card,
  .gallery-item,
  .service-card{
    background-size:cover !important;
    background-position:center center !important;
  }
}


/* === M8 MOBILE ONLY PATCH 2026-06: services cards + review video alignment === */
@media(max-width:760px){
  .review-card video,
  .video-reviews video{
    display:block !important;
    width:100% !important;
    height:clamp(340px, 92vw, 400px) !important;
    max-height:400px !important;
    aspect-ratio:auto !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  .services-grid,
  .m8-services-premium{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }

  .services-merged-section .service-card.premium-service{
    min-height:0 !important;
    height:auto !important;
    padding:150px 0 0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:stretch !important;
    overflow:hidden !important;
    background-size:100% 150px !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-color:#090909 !important;
    border-radius:20px !important;
  }

  .services-merged-section .service-card.premium-service .service-overlay{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    bottom:auto !important;
    height:150px !important;
    background:linear-gradient(to top,rgba(0,0,0,.28),rgba(0,0,0,.02)) !important;
    pointer-events:none !important;
  }

  .services-merged-section .service-card.premium-service .service-content{
    position:relative !important;
    z-index:2 !important;
    min-height:160px !important;
    padding:12px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    background:linear-gradient(180deg,rgba(13,13,13,.98),rgba(5,5,5,.99)) !important;
    border-top:1px solid rgba(212,176,97,.28) !important;
  }

  .services-merged-section .service-card.premium-service h3{
    min-height:42px !important;
    margin:0 0 10px !important;
    font-size:18px !important;
    line-height:1.08 !important;
    text-shadow:none !important;
  }

  .services-merged-section .service-card.premium-service .service-actions{
    margin-top:auto !important;
    gap:7px !important;
  }

  .services-merged-section .service-card.premium-service .service-cost-btn,
  .services-merged-section .service-card.premium-service .service-more-btn{
    min-height:36px !important;
    padding:7px 8px !important;
    font-size:11.5px !important;
    line-height:1.05 !important;
    border-radius:10px !important;
  }
}
@media(max-width:380px){
  .services-merged-section .service-card.premium-service{
    padding-top:136px !important;
    background-size:100% 136px !important;
  }
  .services-merged-section .service-card.premium-service .service-overlay{height:136px !important;}
  .services-merged-section .service-card.premium-service .service-content{min-height:158px !important;padding:11px !important;}
  .services-merged-section .service-card.premium-service h3{font-size:17px !important;}
  .services-merged-section .service-card.premium-service .service-cost-btn,
  .services-merged-section .service-card.premium-service .service-more-btn{font-size:10.5px !important;}
}

/* === M8 MOBILE PATCH 2026-06-05: no-stretch service photos + review videos === */
@media(max-width:760px){
  .services-merged-section .service-card.premium-service{
    padding-top:min(46vw,190px) !important;
    background-size:cover !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
  }
  .services-merged-section .service-card.premium-service .service-overlay{
    height:min(46vw,190px) !important;
  }
  .services-merged-section .service-card.premium-service .service-content{
    min-height:150px !important;
  }
  .review-card video,
  .video-reviews video{
    width:100% !important;
    aspect-ratio:9/16 !important;
    height:auto !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}
@media(max-width:380px){
  .services-merged-section .service-card.premium-service{
    padding-top:150px !important;
  }
  .services-merged-section .service-card.premium-service .service-overlay{
    height:150px !important;
  }
}

/* === M8 MOBILE PATCH ROUND 3: service card photo focus === */
@media(max-width:760px){
  /* Поднимаем фото внутри карточек услуг на главной, чтобы авто было видно лучше */
  .services-merged-section .service-card.premium-service.service-film,
  .services-merged-section .service-card.premium-service.service-polish{
    background-position:center 28% !important;
  }
}
@media(max-width:390px){
  .services-merged-section .service-card.premium-service.service-film,
  .services-merged-section .service-card.premium-service.service-polish{
    background-position:center 24% !important;
  }
}

/* === M8 MOBILE PATCH: main service cards order/focus/buttons === */
@media (max-width:760px){
  /* Полировка / керамика / воск: показываем фото по центру и без растягивания, чтобы машина влезала в рамку */
  .services-merged-section .service-card.premium-service.service-polish{
    background-size:contain !important;
    background-position:center center !important;
    background-color:#050505 !important;
  }

  /* Единая высота заголовков в карточках: кнопки химчистки становятся на один уровень с полировкой */
  .services-merged-section .service-card.premium-service h3{
    min-height:62px !important;
    display:flex !important;
    align-items:flex-start !important;
  }

  .services-merged-section .service-card.premium-service .service-content{
    min-height:174px !important;
  }

  .services-merged-section .service-card.premium-service .service-actions{
    margin-top:auto !important;
  }
}

@media (max-width:390px){
  .services-merged-section .service-card.premium-service h3{
    min-height:58px !important;
  }
  .services-merged-section .service-card.premium-service .service-content{
    min-height:168px !important;
  }
}

/* === M8 SERVICES CLEAN CARDS FINAL ===
   Чистая карточка услуг: фото отдельным верхним блоком, не фоном всей карточки.
   Это убирает приближение, наложения, съезд заголовков и конфликт старых background-правил.
*/
.services-grid.m8-services-clean{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:24px !important;
}

.services-grid.m8-services-clean > .service-card.premium-service{
  display:flex !important;
  flex-direction:column !important;
  min-height:auto !important;
  height:auto !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:28px !important;
  background:
    linear-gradient(180deg,rgba(22,22,22,.98),rgba(5,5,5,.98)) !important;
  background-image:none !important;
  border:1px solid rgba(245,194,77,.36) !important;
  box-shadow:0 0 24px rgba(245,194,77,.08), inset 0 0 20px rgba(245,194,77,.03) !important;
}

.services-grid.m8-services-clean > .service-card.premium-service::before,
.services-grid.m8-services-clean > .service-card.premium-service::after,
.services-grid.m8-services-clean > .service-card.premium-service .service-overlay{
  display:none !important;
  content:none !important;
  background:none !important;
}

.m8-services-clean .service-thumb{
  width:100% !important;
  aspect-ratio:1.05/1 !important;
  min-height:220px !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center center !important;
  border-bottom:1px solid rgba(245,194,77,.24) !important;
  position:relative !important;
}

.m8-services-clean .service-thumb::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(to top, rgba(0,0,0,.32), rgba(0,0,0,0) 58%) !important;
  pointer-events:none !important;
}

.m8-services-clean .service-thumb-film{
  background-image:url("images/service-card-film.webp") !important;
  background-position:center center !important;
}

.m8-services-clean .service-thumb-polish{
  background-image:url("images/service-card-polish.webp") !important;
  background-position:center center !important;
}

.m8-services-clean .service-thumb-him{
  background-image:url("images/service-card-him.webp") !important;
  background-position:center center !important;
}

.m8-services-clean .service-thumb-wash{
  background-image:url("images/service-card-wash.webp") !important;
  background-position:center center !important;
}

.m8-services-clean .service-content{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  padding:22px !important;
  min-height:260px !important;
  height:auto !important;
}

.m8-services-clean .service-content h3{
  color:#fff !important;
  font-size:28px !important;
  line-height:1.05 !important;
  margin:0 0 22px !important;
  min-height:88px !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

.m8-services-clean .service-actions{
  margin-top:auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}

.m8-services-clean .service-actions .btn{
  width:100% !important;
  min-height:54px !important;
  height:auto !important;
  padding:0 14px !important;
  border-radius:16px !important;
  font-size:15px !important;
  line-height:1.08 !important;
  text-align:center !important;
  white-space:normal !important;
  transform:none !important;
}

.m8-services-clean .service-more-btn{
  background:transparent !important;
  color:#f5c24d !important;
  border:1px solid rgba(245,194,77,.58) !important;
  box-shadow:none !important;
}

/* Планшеты и мобильные: 2×2 */
@media (max-width:1200px){
  .services-grid.m8-services-clean{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
  }
}

/* Мобильная версия */
@media (max-width:900px){
  .services-grid.m8-services-clean{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }

  .services-grid.m8-services-clean > .service-card.premium-service{
    border-radius:22px !important;
  }

  .m8-services-clean .service-thumb{
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:1/1 !important;
    background-size:cover !important;
  }

  .m8-services-clean .service-content{
    padding:16px !important;
    min-height:240px !important;
  }

  .m8-services-clean .service-content h3{
    font-size:25px !important;
    line-height:1.04 !important;
    min-height:82px !important;
    margin-bottom:18px !important;
  }

  .m8-services-clean .service-actions{
    gap:10px !important;
  }

  .m8-services-clean .service-actions .btn{
    min-height:52px !important;
    font-size:15px !important;
    border-radius:15px !important;
    padding:0 10px !important;
  }
}

@media (max-width:430px){
  .services-grid.m8-services-clean{
    gap:12px !important;
  }

  .m8-services-clean .service-content{
    padding:14px !important;
    min-height:226px !important;
  }

  .m8-services-clean .service-content h3{
    font-size:23px !important;
    min-height:76px !important;
    margin-bottom:16px !important;
  }

  .m8-services-clean .service-actions .btn{
    min-height:50px !important;
    font-size:14px !important;
  }
}

@media (max-width:370px){
  .m8-services-clean .service-content h3{
    font-size:21px !important;
  }

  .m8-services-clean .service-actions .btn{
    font-size:13px !important;
  }
}


/* === M8 MAIN PAGE SAFE MOBILE + SPEED PATCH 2026-06 === */
.video-reviews video,
.review-card video{
  display:block !important;
  width:100% !important;
  aspect-ratio:9/16 !important;
  height:auto !important;
  object-fit:cover !important;
  object-position:center center !important;
  background:#050505 !important;
}

@media (max-width:760px){
  .hero{min-height:100svh !important;padding:22px 16px 54px !important;align-items:flex-end !important;}
  .nav{top:20px !important;left:16px !important;right:16px !important;gap:12px !important;}
  .brand{gap:10px !important;font-size:11px !important;letter-spacing:.08em !important;max-width:185px !important;}
  .logo-image{width:54px !important;height:54px !important;}
  .nav-links{display:none !important;}
  .nav-phone{font-size:13px !important;white-space:nowrap !important;}
  .hero-bg{right:0 !important;width:100% !important;height:100% !important;background-image:url("images/main-mobile-hero.webp") !important;background-size:cover !important;background-position:center top !important;opacity:.88 !important;}
  .hero::after{background:linear-gradient(to bottom,rgba(0,0,0,.34),rgba(0,0,0,.20) 28%,rgba(0,0,0,.78) 72%,#050505 100%) !important;}
  .hero-blend{display:none !important;}
  .hero-content{width:100% !important;max-width:100% !important;padding-top:38vh !important;}
  h1{font-size:clamp(38px,12vw,52px) !important;line-height:.94 !important;margin-bottom:18px !important;}
  .hero-text{font-size:16px !important;line-height:1.45 !important;margin-bottom:22px !important;max-width:100% !important;}
  .hero-actions{display:grid !important;grid-template-columns:1fr !important;width:100% !important;gap:12px !important;}
  .btn{width:100% !important;min-height:52px !important;font-size:14px !important;padding:0 18px !important;}
  section{padding-left:16px !important;padding-right:16px !important;}
  .section-head{display:block !important;margin-bottom:28px !important;}
  .section-sub{margin-top:14px !important;}
  .section-title{font-size:clamp(32px,10.5vw,44px) !important;line-height:.96 !important;}
  .reviews-grid{grid-template-columns:1fr !important;gap:16px !important;}
  .review-card{border-radius:24px !important;}
  .review-card video{max-height:560px !important;}
  .final-cta-section,.contacts-section,.map-section{padding-left:16px !important;padding-right:16px !important;}
}

@media (max-width:430px){
  .services-grid.m8-services-clean{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;}
  .m8-services-clean .service-content{padding:13px !important;min-height:216px !important;}
  .m8-services-clean .service-content h3{font-size:22px !important;line-height:1.04 !important;min-height:70px !important;}
  .m8-services-clean .service-actions .btn{min-height:48px !important;font-size:13px !important;padding:0 8px !important;}
}

@media (max-width:360px){
  .brand{max-width:160px !important;font-size:10px !important;}
  .nav-phone{font-size:12px !important;}
  h1{font-size:36px !important;}
  section{padding-left:14px !important;padding-right:14px !important;}
  .m8-services-clean .service-content h3{font-size:20px !important;}
}


/* === M8 FIX: video posters + premium gold hover restored === */
.review-card,
.m8s-video-card{
  position:relative !important;
  overflow:hidden !important;
  background:#070707 !important;
}
.video-reviews video,
.review-card video{
  background-color:#070707 !important;
  background-size:cover !important;
  background-position:center !important;
  border-radius:24px !important;
  filter:brightness(1.02) contrast(1.04) saturate(1.04) !important;
}
.review-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:1 !important;
  background:linear-gradient(to top,rgba(0,0,0,.42),rgba(0,0,0,0) 58%) !important;
}
.review-info{z-index:2 !important;}

.nav-service-links a,
.m8-services-clean .service-content h3,
.m8-services-clean .service-more-btn,
.m8-services-clean .service-cost-btn{
  background-size:220% 100% !important;
  transition:color .28s ease, background-position .65s ease, border-color .28s ease, box-shadow .28s ease, transform .28s ease, filter .28s ease !important;
}
.nav-service-links a:hover,
.nav-links a:hover{
  color:#f5c24d !important;
  text-shadow:0 0 18px rgba(245,194,77,.36) !important;
}
.m8-services-clean .service-card:hover .service-content h3,
.m8-services-clean .service-card:hover .service-more-btn,
.m8-services-clean .service-card:hover .service-cost-btn,
.nav-service-links a:hover{
  background-image:linear-gradient(100deg,#f4f1e8 0%,#f5c24d 28%,#fff3ba 48%,#d4b061 68%,#f4f1e8 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  background-position:100% 0 !important;
}
.m8-services-clean .service-card:hover{
  border-color:rgba(245,194,77,.82) !important;
  box-shadow:0 0 44px rgba(245,194,77,.23),0 18px 44px rgba(0,0,0,.46),inset 0 0 24px rgba(245,194,77,.055) !important;
  transform:translateY(-7px) scale(1.012) !important;
}
.m8-services-clean .service-card:hover .service-thumb{
  filter:brightness(1.09) contrast(1.06) saturate(1.06) !important;
}
.m8-services-clean .service-card:hover .service-more-btn,
.m8-services-clean .service-card:hover .service-cost-btn{
  border-color:rgba(245,194,77,.82) !important;
  box-shadow:0 0 26px rgba(245,194,77,.18) !important;
}
@media(max-width:760px){
  .video-reviews video,
  .review-card video{
    border-radius:22px !important;
  }
}

/* === M8 PATCH 2026-06-08: unified premium hover for main page cards/reviews/works === */
.service-card,
.review-card,
.process-card,
.client-value-card{
  position:relative !important;
  overflow:hidden !important;
  transition:transform .34s ease, border-color .34s ease, box-shadow .34s ease, filter .34s ease !important;
  will-change:transform !important;
}
.service-card::after,
.review-card::after,
.process-card::after,
.client-value-card::after{
  content:"" !important;
  position:absolute !important;
  top:-45% !important;
  bottom:-45% !important;
  left:-65% !important;
  width:38% !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:linear-gradient(110deg,transparent,rgba(255,243,186,.22),rgba(245,194,77,.14),transparent) !important;
  transform:skewX(-18deg) !important;
  opacity:0 !important;
  transition:opacity .28s ease, left .74s ease !important;
}
.service-card:hover,
.review-card:hover,
.process-card:hover,
.client-value-card:hover{
  transform:translateY(-7px) scale(1.012) !important;
  border-color:rgba(245,194,77,.82) !important;
  box-shadow:0 0 44px rgba(245,194,77,.22),0 18px 44px rgba(0,0,0,.46),inset 0 0 24px rgba(245,194,77,.055) !important;
}
.service-card:hover::after,
.review-card:hover::after,
.process-card:hover::after,
.client-value-card:hover::after{
  left:128% !important;
  opacity:1 !important;
}
.service-card:hover .service-thumb,
.process-card:hover,
.review-card:hover video{
  filter:brightness(1.09) contrast(1.06) saturate(1.06) !important;
}
.service-card h3,
.review-card strong,
.process-card h3,
.client-value-card h3,
.service-card .btn{
  background-size:230% 100% !important;
  transition:color .28s ease, background-position .72s ease, border-color .28s ease, box-shadow .28s ease, transform .28s ease !important;
}
.service-card:hover h3,
.review-card:hover strong,
.process-card:hover h3,
.client-value-card:hover h3,
.service-card:hover .service-more-btn,
.service-card:hover .service-cost-btn{
  background-image:linear-gradient(100deg,#f4f1e8 0%,#f5c24d 28%,#fff3ba 48%,#d4b061 68%,#f4f1e8 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  background-position:100% 0 !important;
  text-shadow:none !important;
}
.service-card:hover .service-cost-btn{
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  color:#080808 !important;
  filter:brightness(1.08) saturate(1.08) !important;
}
.review-info,
.process-content,
.service-content,
.client-value-card > *{
  position:relative !important;
  z-index:3 !important;
}
@media (hover:none){
  .service-card:hover,
  .review-card:hover,
  .process-card:hover,
  .client-value-card:hover{
    transform:none !important;
  }
}

/* === M8 CONTENT UPDATE: Russian logo text, VK gift note, new service visual === */
.brand > span{
  font-family:'Manrope',sans-serif;
  letter-spacing:.08em;
  text-transform:none;
  font-weight:800;
  color:#f6edda;
  text-shadow:0 0 18px rgba(212,176,97,.24);
}
.m8-vk-gift-note{
  max-width:760px;
  margin:18px 0 0;
  padding:14px 18px;
  border:1px solid rgba(212,176,97,.36);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(212,176,97,.16),rgba(255,255,255,.035));
  color:rgba(246,237,218,.92);
  font-size:15px;
  line-height:1.45;
  box-shadow:0 18px 44px rgba(0,0,0,.24), inset 0 0 24px rgba(212,176,97,.06);
  backdrop-filter:blur(12px);
}
.m8-services-clean .service-thumb-film{
  background-image:url("images/service-card-film.webp") !important;
  background-size:cover !important;
  background-position:center center !important;
}
footer span:last-child{
  text-align:right;
  line-height:1.45;
}
@media(max-width:760px){
  .brand > span{font-size:12px;letter-spacing:.04em;line-height:1.1;}
  .m8-vk-gift-note{font-size:13px;border-radius:16px;padding:12px 14px;margin-top:14px;}
  footer span:last-child{text-align:left;}
}


/* === M8 update: safe mobile stabilisation for main page === */
@media (max-width:760px){
  html,body{overflow-x:hidden;}
  .hero,.section,.services-section,.reviews-section,.contacts-section{max-width:100%;}
  .hero-content{padding-left:18px!important;padding-right:18px!important;}
  .hero-title{font-size:clamp(38px,11vw,50px)!important;line-height:.96!important;}
  .hero-subtitle,.hero-description{font-size:16px!important;line-height:1.45!important;}
  .services-grid,.reviews-grid,.works-grid,.gallery-grid,.process-grid,.client-values-grid{grid-template-columns:1fr!important;}
  .service-card,.review-card,.work-card,.gallery-item,.process-card,.client-value-card{max-width:100%;}
  .review-card video,.video-reviews video{width:100%!important;height:auto!important;object-fit:contain!important;background:#050505;}
  .m8-vk-gift-note{display:none!important;}
}
@media (max-width:430px){
  .hero-content{padding-left:14px!important;padding-right:14px!important;}
  .hero-title{font-size:clamp(34px,10.5vw,44px)!important;}
  .hero-kicker,.location-line{font-size:11px!important;line-height:1.35!important;}
}

/* === M8 FIX v3: desktop hero video, mobile keeps old image, video blog layout === */
.hero-video-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  z-index:0!important;
  opacity:.92!important;
  filter:brightness(.9) contrast(1.08) saturate(1.04)!important;
  pointer-events:none!important;
  display:block!important;
}
.hero .hero-bg{display:none!important;}
.hero::after{
  background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.78) 30%,rgba(0,0,0,.42) 56%,rgba(0,0,0,.18) 80%,rgba(0,0,0,.12) 100%),linear-gradient(to top,#050505 0%,rgba(5,5,5,.78) 8%,transparent 34%)!important;
}
.m8-video-blog-main{
  position:relative!important;
  padding:84px 6vw!important;
  background:radial-gradient(circle at 50% 0%,rgba(212,176,97,.10),transparent 42%),#050505!important;
}
.m8-blog-video-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(220px,360px))!important;
  justify-content:center!important;
  gap:22px!important;
  align-items:start!important;
  max-width:1180px!important;
  margin:0 auto!important;
}
.m8-blog-video-card{
  position:relative!important;
  overflow:hidden!important;
  border-radius:30px!important;
  border:1px solid rgba(212,176,97,.28)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.30)!important;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease!important;
}
.m8-blog-video-card:hover{
  transform:translateY(-6px) scale(1.012)!important;
  border-color:rgba(245,194,77,.72)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 34px rgba(245,194,77,.14)!important;
}
.m8-blog-video-card video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:9/16!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#050505!important;
  border-radius:30px 30px 0 0!important;
}
.m8-blog-video-caption{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  padding:18px 20px 20px!important;
}
.m8-blog-video-caption strong{
  color:#d4b061!important;
  text-transform:uppercase!important;
  letter-spacing:.16em!important;
  font-size:12px!important;
}
.m8-blog-video-caption span{color:rgba(244,241,232,.88)!important;font-weight:800!important;font-size:18px!important;}
@media(max-width:980px){
  .m8-blog-video-grid{grid-template-columns:repeat(2,minmax(220px,340px))!important;}
}
@media(max-width:760px){
  .hero-video-bg{display:none!important;}
  .hero .hero-bg{display:block!important;}
  .hero::after{background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.78) 42%,rgba(0,0,0,.36) 100%),linear-gradient(to top,#050505 0%,rgba(5,5,5,.84) 12%,transparent 42%)!important;}
  .m8-video-blog-main{padding:64px 18px!important;}
  .m8-blog-video-grid{grid-template-columns:1fr!important;gap:18px!important;max-width:340px!important;}
  .m8-blog-video-card{border-radius:24px!important;}
  .m8-blog-video-card video{border-radius:24px 24px 0 0!important;}
}


/* === M8 FINAL HERO VIDEO + COMPACT VIDEO BLOG FIX === */
@media (min-width: 761px){
  header.hero{
    position:relative!important;
    overflow:hidden!important;
    background:#050505!important;
  }
  header.hero > .hero-video-bg{
    position:absolute!important;
    top:0!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    display:block!important;
    z-index:0!important;
    opacity:1!important;
    filter:brightness(.72) contrast(1.08) saturate(1.02)!important;
    pointer-events:none!important;
    transform:none!important;
  }
  header.hero > .hero-bg{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    background-image:none!important;
  }
  header.hero::after{
    z-index:1!important;
    background:
      linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.84) 28%,rgba(0,0,0,.50) 52%,rgba(0,0,0,.20) 78%,rgba(0,0,0,.14) 100%),
      linear-gradient(to top,#050505 0%,rgba(5,5,5,.76) 9%,transparent 34%)!important;
  }
  header.hero .nav{z-index:5!important;}
  header.hero .hero-content{z-index:2!important;}
}
@media (max-width:760px){
  header.hero > .hero-video-bg{display:none!important;}
  header.hero > .hero-bg{display:block!important;visibility:visible!important;opacity:.45!important;}
}
.m8-video-blog-main .m8-blog-video-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(210px,300px))!important;
  justify-content:center!important;
  align-items:start!important;
  gap:20px!important;
  max-width:1020px!important;
  margin:0 auto!important;
}
.m8-video-blog-main .m8-blog-video-card{
  width:100%!important;
  max-width:300px!important;
  margin:0 auto!important;
  border-radius:24px!important;
}
.m8-video-blog-main .m8-blog-video-card video{
  width:100%!important;
  height:auto!important;
  aspect-ratio:9/16!important;
  object-fit:contain!important;
  background:#050505!important;
  border-radius:24px 24px 0 0!important;
}
.m8-video-blog-main .m8-blog-video-caption{padding:14px 16px 16px!important;}
.m8-video-blog-main .m8-blog-video-caption span{font-size:15px!important;line-height:1.25!important;}
@media(max-width:980px){
  .m8-video-blog-main .m8-blog-video-grid{grid-template-columns:repeat(2,minmax(210px,300px))!important;}
}
@media(max-width:760px){
  .m8-video-blog-main{padding:58px 16px!important;}
  .m8-video-blog-main .m8-blog-video-grid{grid-template-columns:1fr!important;max-width:300px!important;gap:18px!important;}
  .m8-video-blog-main .m8-blog-video-card{max-width:300px!important;border-radius:22px!important;}
  .m8-video-blog-main .m8-blog-video-card video{border-radius:22px 22px 0 0!important;}
}

/* === M8 FINAL: separate desktop/mobile hero videos + brighter premium overlay === */
header.hero{position:relative!important;overflow:hidden!important;background:#050505!important;}
header.hero > .hero-video-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  z-index:0!important;
  opacity:1!important;
  pointer-events:none!important;
  transform:none!important;
}
header.hero > .hero-bg{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background-image:none!important;
}
header.hero .hero-video-bg--mobile{display:none!important;}
header.hero .hero-video-bg--desktop{
  display:block!important;
  filter:brightness(.94) contrast(1.08) saturate(1.06)!important;
}
header.hero::after{
  z-index:1!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.64) 30%,rgba(0,0,0,.34) 56%,rgba(0,0,0,.12) 82%,rgba(0,0,0,.08) 100%),
    linear-gradient(to top,#050505 0%,rgba(5,5,5,.56) 10%,transparent 36%)!important;
}
header.hero .nav{z-index:5!important;}
header.hero .hero-content{z-index:2!important;}
@media(max-width:760px){
  header.hero > .hero-video-bg--desktop{display:none!important;}
  header.hero > .hero-video-bg--mobile{
    display:block!important;
    filter:brightness(.98) contrast(1.06) saturate(1.04)!important;
    object-position:center center!important;
  }
  header.hero::after{
    background:
      linear-gradient(90deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.56) 48%,rgba(0,0,0,.26) 100%),
      linear-gradient(to top,#050505 0%,rgba(5,5,5,.60) 14%,transparent 42%)!important;
  }
}

/* === M8 HOTFIX: mobile hero video full 9:16 + desktop video restored/brightened === */
header.hero{
  position:relative!important;
  overflow:hidden!important;
  background:#050505!important;
}
header.hero > .hero-bg,
header.hero .hero-bg{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background-image:none!important;
}
header.hero > .hero-video-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  z-index:0!important;
  opacity:1!important;
  pointer-events:none!important;
  transform:none!important;
}
header.hero > .hero-video-bg--desktop{
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:brightness(1.08) contrast(1.04) saturate(1.04)!important;
}
header.hero > .hero-video-bg--mobile{display:none!important;}
header.hero::after{
  z-index:1!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.58) 30%,rgba(0,0,0,.30) 56%,rgba(0,0,0,.10) 82%,rgba(0,0,0,.06) 100%),
    linear-gradient(to top,#050505 0%,rgba(5,5,5,.48) 10%,transparent 36%)!important;
}
header.hero .nav{z-index:5!important;}
header.hero .hero-content{z-index:2!important;}
@media(max-width:760px){
  header.hero > .hero-video-bg--desktop{display:none!important;}
  header.hero > .hero-video-bg--mobile{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#050505!important;
    filter:brightness(1.12) contrast(1.04) saturate(1.04)!important;
  }
  header.hero::after{
    background:
      linear-gradient(90deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.42) 48%,rgba(0,0,0,.18) 100%),
      linear-gradient(to top,#050505 0%,rgba(5,5,5,.46) 14%,transparent 42%)!important;
  }
}

/* === M8 HOTFIX 2026-06-09: mobile hero space + moved logo under CTA === */
.hero-mobile-brand{display:none;}
@media (max-width:760px){
  header.hero{
    min-height:100svh!important;
    align-items:flex-end!important;
    padding:18px 14px 26px!important;
  }
  header.hero .nav{
    top:16px!important;
    left:14px!important;
    right:14px!important;
    justify-content:flex-end!important;
    pointer-events:none!important;
  }
  header.hero .nav .brand{display:none!important;}
  header.hero .nav .nav-links{display:none!important;}
  header.hero .nav .top-actions{pointer-events:auto!important;}
  header.hero .hero-content{
    width:100%!important;
    max-width:100%!important;
    padding-top:0!important;
    padding-left:0!important;
    padding-right:0!important;
    padding-bottom:0!important;
    margin-top:auto!important;
  }
  header.hero .eyebrow{margin-bottom:18px!important;}
  header.hero h1{margin-bottom:18px!important;}
  header.hero .hero-text{margin-bottom:24px!important;}
  header.hero .hero-actions{margin-bottom:0!important;}
  .hero-mobile-brand{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:14px!important;
    width:100%!important;
    margin:22px auto 14px!important;
    padding:12px 14px!important;
    border:1px solid rgba(212,176,97,.28)!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,rgba(0,0,0,.42),rgba(255,255,255,.035))!important;
    box-shadow:0 16px 44px rgba(0,0,0,.28),0 0 26px rgba(212,176,97,.10)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  .hero-mobile-brand .logo-image{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
  }
  .hero-mobile-brand span{
    color:#fff!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    text-transform:none!important;
    font-size:16px!important;
    text-shadow:0 0 18px rgba(212,176,97,.22)!important;
  }
  .services-merged-section{padding-top:54px!important;}
}
@media (max-width:430px){
  .hero-mobile-brand{margin-top:20px!important;padding:11px 12px!important;border-radius:22px!important;}
  .hero-mobile-brand .logo-image{width:54px!important;height:54px!important;min-width:54px!important;}
  .hero-mobile-brand span{font-size:15px!important;letter-spacing:.06em!important;}
}

/* === M8 HOTFIX 2026-06-09: hide mobile logo card only, keep hero layout position unchanged === */
@media (max-width:760px){
  header.hero .hero-mobile-brand,
  .hero-mobile-brand{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    opacity:0!important;
  }
}


/* MOBILE FIRST SLIDE FIX */
@media (max-width: 768px) {
  .hero-logo-block {
    display: none !important;
  }
  .hero-slide-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: center !important;
    height: 100vh !important;
    padding-bottom: 20px !important;
  }
  .hero-slide-content h1 {
    order: 2 !important;
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  .hero-slide-content .hero-offer {
    order: 1 !important;
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  .hero-slide-content .hero-cta {
    order: 3 !important;
    margin-top: 10px !important;
  }
}



/* M8 mobile speed fix: показываем заставку сразу, видео грузим только нужное */
header.hero .hero-video-bg{
  background:#050505 url("images/hero-mobile-preview.jpg") center center / cover no-repeat !important;
}
@media (max-width: 768px){
  header.hero > .hero-video-bg--desktop{display:none!important;}
  header.hero > .hero-video-bg--mobile{display:block!important;}
}
@media (min-width: 769px){
  header.hero > .hero-video-bg--desktop{display:block!important;}
  header.hero > .hero-video-bg--mobile{display:none!important;}
}

/* === M8 MOBILE COMPACT GRIDS 2026-06-23 ===
   Только мобильная версия: видеоблог 1+2, отзывы 2x2, фото работ по 2 в строке.
*/
@media (max-width: 768px){
  /* Видео блог: первое видео на всю ширину, два следующих рядом */
  .m8-video-blog-main .m8-blog-video-grid{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    gap:12px!important;
  }
  .m8-video-blog-main .m8-blog-video-card:first-child{
    grid-column:1 / -1!important;
  }
  .m8-video-blog-main .m8-blog-video-card{
    border-radius:18px!important;
    overflow:hidden!important;
  }
  .m8-video-blog-main .m8-blog-video-card video{
    width:100%!important;
    height:220px!important;
    object-fit:cover!important;
    display:block!important;
  }
  .m8-video-blog-main .m8-blog-video-card:not(:first-child) video{
    height:160px!important;
  }
  .m8-video-blog-main .m8-blog-video-caption{
    padding:10px 12px!important;
  }
  .m8-video-blog-main .m8-blog-video-caption strong{
    font-size:12px!important;
  }
  .m8-video-blog-main .m8-blog-video-caption span{
    font-size:11px!important;
    line-height:1.25!important;
  }

  /* Видео отзывы: сетка 2 на 2 */
  .video-reviews .reviews-grid{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    gap:12px!important;
  }
  .video-reviews .review-card{
    border-radius:18px!important;
    overflow:hidden!important;
  }
  .video-reviews .review-card video{
    width:100%!important;
    height:220px!important;
    max-height:none!important;
    object-fit:cover!important;
    display:block!important;
  }
  .video-reviews .review-info{
    padding:10px 12px 12px!important;
  }
  .video-reviews .review-info span{
    font-size:10px!important;
    letter-spacing:.08em!important;
  }
  .video-reviews .review-info h3{
    font-size:14px!important;
    line-height:1.05!important;
    margin-top:6px!important;
  }

  /* Фото работ: по 2 фото в строке */
  #process .process-grid{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    gap:12px!important;
  }
  #process .process-card,
  #process .process-large{
    grid-row:auto!important;
    grid-column:auto!important;
    min-height:190px!important;
    border-radius:18px!important;
  }
  #process .process-content{
    padding:12px!important;
  }
  #process .process-content span{
    font-size:10px!important;
    letter-spacing:.08em!important;
  }
  #process .process-content h3{
    font-size:15px!important;
    line-height:1.05!important;
    margin-top:6px!important;
  }
}

@media (max-width: 430px){
  .m8-video-blog-main .m8-blog-video-card video{height:190px!important;}
  .m8-video-blog-main .m8-blog-video-card:not(:first-child) video{height:135px!important;}
  .video-reviews .review-card video{height:185px!important;}
  #process .process-card,
  #process .process-large{min-height:165px!important;}
}

/* === M8 MOBILE VIDEO SIZE FIX 2026-06-23 ===
   Исправление: первое видео блога вертикальное, нижние видео и отзывы выше.
*/
@media (max-width: 768px){
  /* Первое видео в видеоблоге — вертикальное, не сплющиваем и не режем в горизонтальный формат */
  .m8-video-blog-main .m8-blog-video-card:first-child video{
    height:420px!important;
    max-height:none!important;
    object-fit:contain!important;
    background:#000!important;
  }

  /* Два нижних видео блога — выше и крупнее, ближе к формату фото работ */
  .m8-video-blog-main .m8-blog-video-card:not(:first-child) video{
    height:235px!important;
    max-height:none!important;
    object-fit:cover!important;
  }

  /* Живые отзывы — делаем карточки выше, чтобы видео лучше читались */
  .video-reviews .review-card video{
    height:260px!important;
    max-height:none!important;
    object-fit:cover!important;
    background:#000!important;
  }

  /* Нижние подписи компактные, чтобы высоту занимало именно видео */
  .m8-video-blog-main .m8-blog-video-caption,
  .video-reviews .review-info{
    min-height:54px!important;
  }
}

@media (max-width: 430px){
  .m8-video-blog-main .m8-blog-video-card:first-child video{
    height:390px!important;
  }
  .m8-video-blog-main .m8-blog-video-card:not(:first-child) video{
    height:220px!important;
  }
  .video-reviews .review-card video{
    height:235px!important;
  }
}