/* =========================================================
   M8 SERVICE PAGES — ISOLATED PREMIUM LAYOUT
   ========================================================= */
html, body.m8s-body{margin:0;padding:0;background:#050505;color:#f4f1e8;font-family:'Manrope',sans-serif;overflow-x:hidden}
.m8s-page *{box-sizing:border-box}
.m8s-page a{text-decoration:none;color:inherit}
.m8s-hero{position:relative;min-height:92vh;padding:34px 5vw 78px;background:#050505;overflow:hidden;display:flex;flex-direction:column}
.m8s-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center right;background-repeat:no-repeat;filter:brightness(1.08) contrast(1.08) saturate(1.04);opacity:.94;transform:scale(1.02)}
.m8s-hero::after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.88) 34%,rgba(0,0,0,.48) 62%,rgba(0,0,0,.12) 100%),
  linear-gradient(to top,#050505 0%,rgba(5,5,5,.30) 26%,rgba(5,5,5,0) 58%);z-index:1}
.m8s-nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px}
.m8s-brand{display:flex;align-items:center;gap:16px;font-size:15px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#fff;white-space:nowrap}
.m8s-brand img{width:76px;height:76px;border-radius:50%;object-fit:contain;border:1px solid rgba(212,176,97,.36);box-shadow:0 0 24px rgba(212,176,97,.20)}
.m8s-links{display:flex;align-items:center;gap:22px;color:rgba(244,241,232,.78);font-size:14px;font-weight:700}
.m8s-links a{transition:.22s ease}
.m8s-links a:hover{color:#f5c24d;transform:translateY(-1px)}
.m8s-actions{display:flex;align-items:center;gap:10px}
.m8s-pill{min-height:42px;padding:0 17px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(212,176,97,.38);background:rgba(8,8,8,.72);backdrop-filter:blur(16px);box-shadow:0 0 24px rgba(212,176,97,.14);transition:.25s ease}
.m8s-pill:hover{transform:translateY(-2px);border-color:rgba(212,176,97,.78);box-shadow:0 0 36px rgba(212,176,97,.24)}
.m8s-pill.vk{color:#91b8ff}.m8s-pill.max{color:#fff}.m8s-pill.call{color:#080808;background:linear-gradient(135deg,#d4b061,#7b5a18);border-color:rgba(212,176,97,.85)}
.m8s-hero-content{position:relative;z-index:2;margin-top:auto;max-width:780px;padding-top:100px;animation:m8sFadeUp .9s cubic-bezier(.18,.84,.28,1) both}
.m8s-kicker{color:#d4b061;text-transform:uppercase;letter-spacing:.22em;font-size:13px;font-weight:900;margin-bottom:22px}
.m8s-title{font-size:clamp(48px,6vw,90px);line-height:.94;text-transform:uppercase;letter-spacing:-.06em;font-weight:900;margin:0 0 26px;color:#fff;max-width:840px}
.m8s-title span{color:#d4b061}
.m8s-lead{max-width:660px;color:rgba(244,241,232,.82);font-size:21px;line-height:1.48;margin:0 0 28px}
.m8s-note{display:inline-flex;max-width:760px;padding:19px 26px;border-radius:23px;border:1px solid rgba(245,194,77,.52);background:linear-gradient(135deg,rgba(245,194,77,.16),rgba(255,255,255,.04));box-shadow:0 0 36px rgba(245,194,77,.13);color:#f5c24d;font-weight:900;font-size:18px;line-height:1.35}
.m8s-hero-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}
.m8s-btn{min-height:56px;padding:0 28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;transition:.25s ease}
.m8s-btn:hover{transform:translateY(-2px)}
.m8s-btn.primary{background:linear-gradient(135deg,#d4b061,#7b5a18);color:#080808;box-shadow:0 14px 40px rgba(215,162,75,.25)}
.m8s-btn.secondary{border:1px solid rgba(244,241,232,.24);color:#f4f1e8;background:rgba(0,0,0,.25);backdrop-filter:blur(12px)}
.m8s-section{position:relative;padding:98px 5vw;background:#050505}
.m8s-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0%,rgba(245,194,77,.08),transparent 34%);pointer-events:none}
.m8s-head{position:relative;z-index:2;max-width:1480px;margin:0 auto 40px;display:flex;justify-content:space-between;align-items:end;gap:34px}
.m8s-head h2{max-width:780px;font-size:clamp(36px,4.6vw,64px);line-height:.96;letter-spacing:-.05em;text-transform:uppercase;color:#fff;margin:0;font-weight:900}
.m8s-head h2 span{color:#f5c24d}
.m8s-head p{max-width:520px;color:rgba(244,241,232,.70);font-size:17px;line-height:1.55;margin:0}
.m8s-cards{position:relative;z-index:2;max-width:1480px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.m8s-card{min-height:285px;padding:32px;border-radius:30px;border:1px solid rgba(245,194,77,.34);background:linear-gradient(180deg,rgba(24,24,24,.96),rgba(8,8,8,.98));box-shadow:0 0 28px rgba(245,194,77,.08), inset 0 0 24px rgba(245,194,77,.035);display:flex;flex-direction:column;justify-content:space-between;transition:.3s ease;animation:m8sFadeUp .9s cubic-bezier(.18,.84,.28,1) both}
.m8s-card:hover{transform:translateY(-7px) scale(1.015);border-color:rgba(245,194,77,.75);box-shadow:0 0 42px rgba(245,194,77,.20),0 18px 42px rgba(0,0,0,.42)}
.m8s-card h3{color:#fff;font-size:28px;line-height:1.08;margin:0 0 16px;text-transform:uppercase}
.m8s-card p{color:rgba(244,241,232,.72);font-size:16px;line-height:1.55;margin:0}
.m8s-card strong{display:block;margin-top:24px;color:#f5c24d;font-size:24px}
.m8s-packages{position:relative;z-index:2;max-width:1480px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.m8s-package{border-radius:30px;overflow:hidden;border:1px solid rgba(245,194,77,.34);background:linear-gradient(180deg,rgba(24,24,24,.98),rgba(8,8,8,.98));box-shadow:0 0 26px rgba(245,194,77,.08);display:flex;flex-direction:column;transition:.3s ease}
.m8s-package:hover{transform:translateY(-7px);border-color:rgba(245,194,77,.75);box-shadow:0 0 42px rgba(245,194,77,.18)}
.m8s-package-img{height:220px;background-size:cover;background-position:center;border-bottom:1px solid rgba(245,194,77,.22)}
.m8s-package-body{padding:26px;display:flex;flex-direction:column;flex:1}
.m8s-package-kicker{color:#f5c24d;font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:900;margin-bottom:12px}
.m8s-package h3{font-size:25px;line-height:1.05;letter-spacing:-.04em;text-transform:uppercase;margin:0 0 18px;color:#fff}
.m8s-price{color:#f5c24d;font-weight:900;font-size:22px;margin-bottom:20px}
.m8s-package ul{list-style:none;display:grid;gap:10px;margin:0 0 24px;padding:0;color:rgba(244,241,232,.76);font-size:15px}
.m8s-package li{padding-left:18px;position:relative}
.m8s-package 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)}
.m8s-gallery{position:relative;z-index:2;max-width:1480px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}
.m8s-gallery-item{min-height:320px;border-radius:28px;border:1px solid rgba(245,194,77,.22);background-size:cover;background-position:center;overflow:hidden;position:relative;box-shadow:0 0 32px rgba(245,194,77,.07);transition:.32s ease}
.m8s-gallery-item:first-child{grid-row:span 2;min-height:660px}
.m8s-gallery-item::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.68),rgba(0,0,0,.04))}
.m8s-gallery-item span{position:absolute;left:24px;bottom:22px;z-index:2;color:#fff;font-size:24px;line-height:1.1;font-weight:900;text-transform:uppercase}
.m8s-gallery-item:hover{transform:translateY(-5px) scale(1.01);border-color:rgba(245,194,77,.65);box-shadow:0 0 42px rgba(245,194,77,.16)}
.m8s-cta{padding:100px 5vw 110px;background:radial-gradient(circle at 75% 20%,rgba(245,194,77,.16),transparent 34%),linear-gradient(180deg,#090909 0%,#020202 100%);border-top:1px solid rgba(245,194,77,.18)}
.m8s-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(245,194,77,.42);box-shadow:0 0 55px rgba(245,194,77,.12);display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}
.m8s-cta-card h2{color:#fff;font-size:clamp(34px,4.6vw,58px);line-height:.95;letter-spacing:-.04em;text-transform:uppercase;margin:0 0 22px;font-weight:900}
.m8s-cta-card h2 span{color:#f5c24d}
.m8s-cta-card p{color:#b5b5b5;font-size:20px;line-height:1.5;margin:0 0 30px}
.m8s-form{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:28px;background:rgba(255,255,255,.045);border:1px solid rgba(245,194,77,.22)}
.m8s-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}
.m8s-form button{width:100%;min-height:60px;border:0;cursor:pointer;border-radius:18px;background:linear-gradient(135deg,#d4b061,#a87d28);color:#080808;font-size:18px;font-weight:900}
.m8s-service-links{display:flex;gap:12px;flex-wrap:wrap}
.m8s-service-links a{min-height:44px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;border:1px solid rgba(245,194,77,.35);color:#f4f1e8;background:rgba(255,255,255,.04)}
.m8s-service-links a:hover{color:#f5c24d;border-color:rgba(245,194,77,.75)}
.m8s-footer{padding:32px 5vw;color:rgba(244,241,232,.55);display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);background:#050505}
@keyframes m8sFadeUp{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)}}
@media(max-width:1180px){.m8s-links{display:none}.m8s-cards{grid-template-columns:1fr 1fr}.m8s-packages{grid-template-columns:1fr 1fr}.m8s-gallery{grid-template-columns:1fr 1fr}.m8s-gallery-item:first-child{grid-row:auto;min-height:360px}.m8s-cta-card{grid-template-columns:1fr}}
@media(max-width:760px){.m8s-hero{min-height:auto;padding:20px 20px 70px}.m8s-nav{align-items:center}.m8s-brand span{font-size:11px}.m8s-brand img{width:54px;height:54px}.m8s-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}.m8s-pill{flex:1;min-height:44px;padding:0 8px;font-size:11px}.m8s-hero-content{width:100%;padding-top:220px}.m8s-title{font-size:46px}.m8s-lead{font-size:17px}.m8s-note{font-size:16px}.m8s-section,.m8s-cta{padding:66px 20px}.m8s-head{display:block}.m8s-head p{margin-top:16px}.m8s-cards,.m8s-packages,.m8s-gallery{grid-template-columns:1fr}.m8s-gallery-item{min-height:300px}.m8s-cta-card{padding:28px 20px;border-radius:26px}.m8s-footer{flex-direction:column;padding-bottom:96px}}


/* === M8 FINAL PREMIUM ANIMATIONS + GOLD HOVER === */
.m8s-page{
  --m8-gold:#f5c24d;
  --m8-gold-2:#d4b061;
}

.m8s-brand,
.m8s-links a,
.m8s-pill,
.m8s-btn,
.m8s-card,
.m8s-package,
.m8s-gallery-item,
.m8s-cta-card,
.m8s-service-links a,
.m8s-form input,
.m8s-protection-intro,
.m8s-premium-bonus{
  transition:
    transform .32s cubic-bezier(.18,.84,.28,1),
    box-shadow .32s ease,
    border-color .32s ease,
    background .32s ease,
    color .32s ease,
    filter .32s ease !important;
}

.m8s-links a{
  position:relative;
  padding-bottom:6px;
}

.m8s-links a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--m8-gold),transparent);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .28s ease;
}

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

.m8s-btn.primary,
.m8s-form button{
  position:relative;
  overflow:hidden;
}

.m8s-btn.primary::after,
.m8s-form button::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-65%;
  width:45%;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.34),transparent);
  transform:skewX(-18deg);
  animation:m8GoldButtonShine 4.2s ease-in-out infinite;
}

@keyframes m8GoldButtonShine{
  0%,55%{left:-65%}
  82%,100%{left:125%}
}

.m8s-card:hover,
.m8s-package:hover,
.m8s-gallery-item:hover{
  transform:translateY(-8px) scale(1.018) !important;
  border-color:rgba(245,194,77,.82) !important;
  box-shadow:
    0 0 42px rgba(245,194,77,.22),
    0 18px 44px rgba(0,0,0,.48),
    inset 0 0 28px rgba(245,194,77,.055) !important;
  filter:brightness(1.04);
}

.m8s-package-featured{
  border-color:rgba(245,194,77,.78) !important;
  box-shadow:0 0 54px rgba(245,194,77,.18), inset 0 0 28px rgba(245,194,77,.045) !important;
}

.m8s-gallery-item:hover{
  background-size:108% !important;
}

.m8s-form input:focus{
  border-color:rgba(245,194,77,.8) !important;
  box-shadow:0 0 0 3px rgba(245,194,77,.12),0 0 24px rgba(245,194,77,.08) !important;
}

.m8s-section,
.m8s-cta{
  animation:m8SectionSlideIn .9s cubic-bezier(.18,.84,.28,1) both;
}

@keyframes m8SectionSlideIn{
  from{
    opacity:0;
    transform:translateY(26px);
    filter:blur(6px) brightness(.86);
  }
  to{
    opacity:1;
    transform:translateY(0);
    filter:blur(0) brightness(1);
  }
}

/* Full бронеплёнка block */
.m8s-protection-full{
  background:
    radial-gradient(circle at 78% 8%,rgba(245,194,77,.13),transparent 32%),
    radial-gradient(circle at 8% 60%,rgba(255,255,255,.04),transparent 28%),
    #050505 !important;
}

.m8s-protection-intro{
  position:relative;
  z-index:2;
  max-width:1480px;
  margin:0 auto 22px;
  padding:36px;
  border-radius:34px;
  border:1px solid rgba(245,194,77,.32);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  box-shadow:0 0 34px rgba(245,194,77,.08);
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:26px;
  align-items:end;
}

.m8s-protection-intro:hover{
  border-color:rgba(245,194,77,.72);
  box-shadow:0 0 46px rgba(245,194,77,.16), inset 0 0 24px rgba(245,194,77,.045);
}

.m8s-protection-intro h3{
  color:#fff;
  font-size:clamp(32px,4.4vw,58px);
  line-height:.96;
  letter-spacing:-.05em;
  text-transform:uppercase;
  margin:14px 0 0;
  max-width:850px;
}

.m8s-protection-intro h3 span{
  color:#f5c24d;
}

.m8s-intro-points{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.m8s-intro-points span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 18px;
  border-radius:16px;
  border:1px solid rgba(245,194,77,.48);
  background:linear-gradient(135deg,rgba(245,194,77,.22),rgba(168,125,40,.12));
  color:#fff;
  font-weight:900;
  text-align:center;
  box-shadow:0 0 20px rgba(245,194,77,.10);
}

.m8s-intro-points span:hover{
  color:#050505;
  background:linear-gradient(135deg,#f5c24d,#a87d28);
  transform:translateY(-3px);
  box-shadow:0 0 30px rgba(245,194,77,.24);
}

.m8s-premium-bonus{
  position:relative;
  z-index:2;
  max-width:1040px;
  margin:42px auto 0;
  padding:34px 42px;
  border-radius:34px;
  border:1px solid rgba(245,194,77,.72);
  background:
    radial-gradient(circle at 50% 0%,rgba(245,194,77,.24),transparent 38%),
    linear-gradient(135deg,rgba(245,194,77,.18),rgba(255,255,255,.045));
  box-shadow:0 0 44px rgba(245,194,77,.18),inset 0 0 30px rgba(245,194,77,.05);
  text-align:center;
}

.m8s-premium-bonus:hover{
  transform:translateY(-5px);
  box-shadow:0 0 58px rgba(245,194,77,.26),0 16px 42px rgba(0,0,0,.38),inset 0 0 34px rgba(245,194,77,.07);
}

.m8s-premium-bonus-kicker{
  display:inline-flex;
  color:#080808;
  background:#f5c24d;
  padding:10px 16px;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.9px;
  text-transform:uppercase;
  margin-bottom:18px;
}

.m8s-premium-bonus-text strong{
  display:block;
  color:#fff;
  font-size:28px;
  line-height:1.2;
  max-width:880px;
  margin:0 auto 12px;
}

.m8s-premium-bonus-text span{
  display:block;
  color:#c7c7c7;
  font-size:18px;
  line-height:1.55;
  max-width:760px;
  margin:0 auto;
}

/* Мягкий переход между первым экраном и блоками */
.m8s-hero::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:160px;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(to bottom,transparent,#050505);
}

@media(max-width:1180px){
  .m8s-protection-intro{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .m8s-intro-points{
    grid-template-columns:1fr;
  }
  .m8s-protection-intro{
    padding:24px;
    border-radius:26px;
  }
  .m8s-premium-bonus{
    padding:26px 20px;
    border-radius:28px;
  }
  .m8s-premium-bonus-text strong{
    font-size:22px;
  }
  .m8s-premium-bonus-text span{
    font-size:16px;
  }
}


/* === M8 PREMIUM PRICE CARDS — POLISH PAGE === */
.m8s-price-premium-section{
  position:relative;
  padding:104px 5vw;
  background:
    radial-gradient(circle at 14% 0%,rgba(245,194,77,.12),transparent 34%),
    radial-gradient(circle at 86% 22%,rgba(255,255,255,.04),transparent 30%),
    #050505;
  overflow:hidden;
}
.m8s-price-premium-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 18%,rgba(245,194,77,.025) 100%);
}
.m8s-price-head{
  position:relative;
  z-index:2;
  max-width:1480px;
  margin:0 auto 42px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:34px;
  align-items:end;
}
.m8s-price-head h2{
  margin:0;
  max-width:900px;
  color:#fff;
  font-size:clamp(36px,4.7vw,68px);
  line-height:.95;
  letter-spacing:-.055em;
  text-transform:uppercase;
  font-weight:900;
}
.m8s-price-head h2 span{color:#f5c24d}
.m8s-price-head p{
  margin:0;
  color:rgba(244,241,232,.72);
  font-size:17px;
  line-height:1.6;
  padding:24px 26px;
  border-radius:26px;
  border:1px solid rgba(245,194,77,.23);
  background:linear-gradient(135deg,rgba(245,194,77,.075),rgba(255,255,255,.026));
  box-shadow:0 0 34px rgba(245,194,77,.07);
}
.m8s-price-grid{
  position:relative;
  z-index:2;
  max-width:1480px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.m8s-price-card{
  min-height:100%;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:32px;
  border:1px solid rgba(245,194,77,.31);
  background:linear-gradient(180deg,rgba(24,24,24,.985),rgba(7,7,7,.99));
  box-shadow:0 0 28px rgba(245,194,77,.08), inset 0 0 26px rgba(245,194,77,.035);
  transition:transform .32s cubic-bezier(.18,.84,.28,1), border-color .32s ease, box-shadow .32s ease, filter .32s ease;
}
.m8s-price-card.featured{
  border-color:rgba(245,194,77,.72);
  box-shadow:0 0 58px rgba(245,194,77,.16), inset 0 0 30px rgba(245,194,77,.05);
}
.m8s-price-card:hover{
  transform:translateY(-8px) scale(1.012);
  border-color:rgba(245,194,77,.82);
  box-shadow:0 0 50px rgba(245,194,77,.20),0 18px 46px rgba(0,0,0,.48), inset 0 0 30px rgba(245,194,77,.055);
  filter:brightness(1.035);
}
.m8s-price-photo{
  height:220px;
  position:relative;
  background-size:cover;
  background-position:center;
  border-bottom:1px solid rgba(245,194,77,.22);
}
.m8s-price-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.74),rgba(0,0,0,.06));
}
.m8s-price-photo span{
  position:absolute;
  left:20px;
  bottom:18px;
  z-index:2;
  display:inline-flex;
  padding:9px 14px;
  border-radius:999px;
  color:#f5c24d;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.14em;
  background:rgba(0,0,0,.42);
  border:1px solid rgba(245,194,77,.25);
  backdrop-filter:blur(12px);
}
.m8s-price-content{
  padding:27px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.m8s-price-kicker{
  color:#f5c24d;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.m8s-price-content h3{
  margin:0 0 16px;
  min-height:58px;
  color:#fff;
  font-size:26px;
  line-height:1.08;
  letter-spacing:-.04em;
  text-transform:uppercase;
  font-weight:900;
}
.m8s-price-content p{
  margin:0 0 18px;
  color:rgba(244,241,232,.74);
  font-size:15px;
  line-height:1.56;
}
.m8s-price-content ul{
  list-style:none;
  padding:0;
  margin:0 0 18px;
  display:grid;
  gap:9px;
  color:rgba(244,241,232,.78);
  font-size:14px;
  line-height:1.42;
}
.m8s-price-content li{
  position:relative;
  padding-left:18px;
}
.m8s-price-content li::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#f5c24d;
  position:absolute;
  left:0;
  top:.62em;
  box-shadow:0 0 12px rgba(245,194,77,.72);
}
.m8s-price-time{
  margin:0 0 18px;
  padding:12px 14px;
  border-radius:16px;
  color:rgba(244,241,232,.78);
  border:1px solid rgba(245,194,77,.18);
  background:rgba(255,255,255,.035);
  font-size:13px;
  font-weight:800;
}
.m8s-car-prices{
  margin-top:auto;
  display:grid;
  gap:10px;
}
.m8s-car-prices div{
  display:grid;
  grid-template-columns:1fr auto;
  gap:6px 12px;
  align-items:center;
  padding:13px 14px;
  border-radius:18px;
  border:1px solid rgba(245,194,77,.22);
  background:linear-gradient(135deg,rgba(245,194,77,.08),rgba(255,255,255,.025));
}
.m8s-car-prices span{
  color:rgba(244,241,232,.86);
  font-size:14px;
  font-weight:800;
}
.m8s-car-prices strong{
  color:#f5c24d;
  font-size:18px;
  font-weight:900;
  white-space:nowrap;
}
.m8s-car-prices em{
  grid-column:1 / -1;
  color:rgba(244,241,232,.54);
  font-style:normal;
  font-size:12px;
}
.m8s-price-card .m8s-btn{
  margin-top:20px;
  width:100%;
}
.m8s-addons-panel{
  position:relative;
  z-index:2;
  max-width:1480px;
  margin:28px auto 0;
  padding:32px;
  border-radius:32px;
  border:1px solid rgba(245,194,77,.34);
  background:
    radial-gradient(circle at 8% 10%,rgba(245,194,77,.12),transparent 32%),
    linear-gradient(180deg,rgba(24,24,24,.98),rgba(7,7,7,.98));
  box-shadow:0 0 38px rgba(245,194,77,.10);
}
.m8s-addons-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin-bottom:22px;
}
.m8s-addons-head span{
  color:#f5c24d;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:12px;
  font-weight:900;
}
.m8s-addons-head strong{
  color:#fff;
  font-size:26px;
  line-height:1.1;
  text-transform:uppercase;
}
.m8s-addons-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.m8s-addons-grid div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:15px 16px;
  border-radius:18px;
  border:1px solid rgba(245,194,77,.18);
  background:rgba(255,255,255,.035);
}
.m8s-addons-grid span{
  color:rgba(244,241,232,.76);
  font-size:14px;
  line-height:1.35;
}
.m8s-addons-grid strong{
  color:#f5c24d;
  white-space:nowrap;
}
@media(max-width:1180px){
  .m8s-price-head{grid-template-columns:1fr}
  .m8s-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .m8s-addons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .m8s-price-premium-section{padding:66px 20px}
  .m8s-price-head{gap:18px;margin-bottom:28px}
  .m8s-price-head p{padding:20px;border-radius:22px;font-size:15px}
  .m8s-price-grid,.m8s-addons-grid{grid-template-columns:1fr}
  .m8s-price-card{border-radius:26px}
  .m8s-price-photo{height:190px}
  .m8s-price-content{padding:22px}
  .m8s-price-content h3{min-height:auto;font-size:24px}
  .m8s-car-prices div{grid-template-columns:1fr;gap:4px}
  .m8s-addons-panel{padding:22px;border-radius:26px}
  .m8s-addons-head{display:block}
  .m8s-addons-head strong{display:block;margin-top:10px;font-size:22px}
  .m8s-addons-grid div{display:grid;gap:7px}
}

/* === BRONEM8 HERO + PREMIUM PROTECTION PACKAGES UPDATE === */
.m8s-brone-hero .m8s-hero-bg{
  background-position:center center;
  filter:brightness(.92) contrast(1.14) saturate(1.06);
  opacity:1;
}
.m8s-brone-hero::after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.26) 0%,rgba(0,0,0,.38) 34%,rgba(0,0,0,.76) 63%,rgba(0,0,0,.96) 100%),
    linear-gradient(to top,#050505 0%,rgba(5,5,5,.34) 28%,rgba(5,5,5,0) 62%);
}
.m8s-brone-hero .m8s-hero-content{
  margin-left:auto;
  text-align:right;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  max-width:760px;
}
.m8s-brone-hero .m8s-title,
.m8s-brone-hero .m8s-lead{
  max-width:760px;
}
.m8s-brone-hero .m8s-hero-buttons{
  justify-content:flex-end;
}
.m8s-brone-offer{
  position:relative;
  overflow:hidden;
  border-color:rgba(245,194,77,.88) !important;
  background:
    radial-gradient(circle at 18% 0%,rgba(255,255,255,.22),transparent 34%),
    linear-gradient(135deg,rgba(245,194,77,.30),rgba(119,80,16,.24)) !important;
  color:#ffe8a0 !important;
  text-shadow:0 0 18px rgba(245,194,77,.38);
  box-shadow:0 0 46px rgba(245,194,77,.24), inset 0 0 24px rgba(245,194,77,.10) !important;
  animation:m8BroneOfferPulse 3.6s ease-in-out infinite;
}
.m8s-brone-offer::after{
  content:"";
  position:absolute;
  top:-20%;
  bottom:-20%;
  left:-55%;
  width:38%;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.34),transparent);
  transform:skewX(-18deg);
  animation:m8BroneOfferShine 4.4s ease-in-out infinite;
}
@keyframes m8BroneOfferPulse{
  0%,100%{box-shadow:0 0 38px rgba(245,194,77,.20), inset 0 0 24px rgba(245,194,77,.08)}
  50%{box-shadow:0 0 62px rgba(245,194,77,.36), inset 0 0 34px rgba(245,194,77,.14)}
}
@keyframes m8BroneOfferShine{
  0%,58%{left:-55%}
  84%,100%{left:122%}
}

/* Premium package cards */
.m8s-packages{
  align-items:stretch;
  gap:20px;
}
.m8s-package{
  position:relative;
  outline:none;
  min-height:100%;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  transform:none !important;
}
.m8s-package:hover,
.m8s-package:focus{
  transform:translateY(-7px) !important;
}
.m8s-package-img,
.m8s-zone-card,
.m8s-package-full .m8s-zone-card{
  height:238px;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-color:#050505;
  position:relative;
  overflow:hidden;
  border-bottom:1px solid rgba(245,194,77,.22);
}
.m8s-zone-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 54%,rgba(245,194,77,.16),transparent 42%),
    linear-gradient(180deg,transparent 68%,rgba(0,0,0,.24));
  opacity:.34;
  transition:opacity .35s ease, transform .35s ease;
  pointer-events:none;
}
.m8s-zone-card::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-60%;
  width:42%;
  background:linear-gradient(105deg,transparent,rgba(245,194,77,.26),rgba(255,255,255,.22),transparent);
  transform:skewX(-18deg);
  opacity:0;
  pointer-events:none;
}
.m8s-package:hover .m8s-zone-card::before,
.m8s-package:focus .m8s-zone-card::before,
.m8s-package:focus-within .m8s-zone-card::before,
.m8s-package:active .m8s-zone-card::before{
  opacity:1;
  transform:scale(1.04);
}
.m8s-package:hover .m8s-zone-card::after,
.m8s-package:focus .m8s-zone-card::after,
.m8s-package:focus-within .m8s-zone-card::after,
.m8s-package:active .m8s-zone-card::after{
  opacity:1;
  animation:m8ZonesLightMove 1.25s ease forwards;
}
@keyframes m8ZonesLightMove{
  from{left:-60%}
  to{left:122%}
}
.m8s-package-body{
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:430px;
}
.m8s-package ul{
  margin-bottom:26px;
}
.m8s-package .m8s-btn{
  margin-top:auto;
  width:100%;
  min-height:54px;
  justify-content:center;
}
.m8s-package-full{
  z-index:2;
  border-color:rgba(245,194,77,.88) !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(245,194,77,.13),transparent 32%),
    linear-gradient(180deg,rgba(31,25,14,.98),rgba(8,8,8,.99)) !important;
  box-shadow:0 0 58px rgba(245,194,77,.20),0 20px 50px rgba(0,0,0,.38),inset 0 0 30px rgba(245,194,77,.06) !important;
}
.m8s-package-badge{
  position:absolute;
  top:16px;
  left:16px;
  right:16px;
  z-index:4;
  min-height:38px;
  padding:9px 14px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#080808;
  background:linear-gradient(135deg,#fff0a8,#f5c24d 48%,#a87d28);
  font-size:11px;
  line-height:1.18;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  box-shadow:0 0 28px rgba(245,194,77,.36);
}
.m8s-package-full .m8s-package-kicker::after{
  content:"Выбор владельцев новых автомобилей";
  display:inline-flex;
  margin-top:10px;
  padding:8px 11px;
  border-radius:999px;
  color:#080808;
  background:#f5c24d;
  letter-spacing:.06em;
  font-size:10px;
  box-shadow:0 0 22px rgba(245,194,77,.24);
}

@media(max-width:1180px){
  .m8s-packages{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .m8s-package-body{
    min-height:390px;
  }
}
@media(max-width:760px){
  .m8s-brone-hero{
    min-height:760px;
  }
  .m8s-brone-hero .m8s-hero-bg{
    background-position:center top;
    opacity:.88;
  }
  .m8s-brone-hero::after{
    background:
      linear-gradient(to bottom,rgba(0,0,0,.30) 0%,rgba(0,0,0,.48) 36%,rgba(0,0,0,.92) 74%,#050505 100%);
  }
  .m8s-brone-hero .m8s-hero-content{
    margin-left:0;
    text-align:left;
    align-items:flex-start;
    padding-top:360px;
  }
  .m8s-brone-hero .m8s-hero-buttons{
    justify-content:flex-start;
  }
  .m8s-brone-offer{
    font-size:15px;
    padding:17px 18px;
  }
  .m8s-packages{
    grid-template-columns:1fr;
  }
  .m8s-package-img,
  .m8s-zone-card,
  .m8s-package-full .m8s-zone-card{
    height:220px;
  }
  .m8s-package-body{
    min-height:auto;
  }
  .m8s-package-badge{
    top:12px;
    left:12px;
    right:12px;
    font-size:10px;
  }
}

/* === BRONEM8 FINAL FIX: aligned package buttons + hero offer + full package image === */
.m8s-brone-offer{
  max-width:820px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#ffe7a3 !important;
  font-size:clamp(21px,1.65vw,28px) !important;
  line-height:1.22 !important;
  font-weight:1000 !important;
  letter-spacing:-.02em !important;
  text-transform:none !important;
  text-shadow:0 0 18px rgba(245,194,77,.42),0 0 42px rgba(245,194,77,.25) !important;
  animation:m8BroneOfferTextPulse 3.4s ease-in-out infinite !important;
}
.m8s-brone-offer::after{
  display:none !important;
}
.m8s-brone-offer::before{
  content:"";
  display:block;
  width:150px;
  height:2px;
  margin:0 0 14px auto;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#f5c24d,#fff0a8,transparent);
  box-shadow:0 0 24px rgba(245,194,77,.55);
}
@keyframes m8BroneOfferTextPulse{
  0%,100%{filter:brightness(1);text-shadow:0 0 18px rgba(245,194,77,.38),0 0 42px rgba(245,194,77,.20)}
  50%{filter:brightness(1.13);text-shadow:0 0 28px rgba(245,194,77,.62),0 0 66px rgba(245,194,77,.34)}
}

.m8s-packages{
  align-items:stretch !important;
}
.m8s-package{
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
}
.m8s-package-body{
  flex:1 1 auto !important;
  display:grid !important;
  grid-template-rows:auto auto auto 1fr auto !important;
  min-height:460px !important;
}
.m8s-package ul{
  align-self:start !important;
  margin-bottom:28px !important;
}
.m8s-package .m8s-btn{
  align-self:end !important;
  margin-top:0 !important;
  width:100% !important;
}

.m8s-package-full .m8s-package-badge{
  top:14px !important;
  left:18px !important;
  right:18px !important;
  min-height:34px !important;
  padding:8px 13px !important;
  z-index:5 !important;
}
.m8s-package-full .m8s-package-img,
.m8s-package-full .m8s-zone-card{
  height:238px !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

@media(max-width:1180px){
  .m8s-package-body{min-height:410px !important;}
  .m8s-package-full .m8s-package-img,
  .m8s-package-full .m8s-zone-card{background-position:center !important;}
}
@media(max-width:760px){
  .m8s-brone-offer{
    font-size:20px !important;
    line-height:1.25 !important;
    text-align:left !important;
  }
  .m8s-brone-offer::before{margin:0 0 12px 0;}
  .m8s-package-body{
    min-height:auto !important;
    display:flex !important;
  }
  .m8s-package .m8s-btn{margin-top:18px !important;}
  .m8s-package-full .m8s-package-img,
  .m8s-package-full .m8s-zone-card{
    height:230px !important;
    background-size:cover !important;
    background-position:center !important;
  }
}

.m8s-package-full .m8s-package-badge{display:none !important;}
.m8s-package-full .m8s-package-img,.m8s-package-full .m8s-zone-card{background-position:center !important;}

/* === BRONEM8 FINAL IMAGE ALIGNMENT FIX === */
.m8s-package-img,
.m8s-zone-card,
.m8s-package-full .m8s-package-img,
.m8s-package-full .m8s-zone-card{
  height:238px !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}


/* === POLISHM8 HERO BACKGROUND UPDATE === */
.m8s-polish-hero .m8s-hero-bg{
  background-image:url('images/polish-hero-bg.jpg');
  background-position:center center;
  background-size:cover;
  filter:brightness(.88) contrast(1.15) saturate(1.04);
  opacity:1;
  transform:scale(1.015);
}
.m8s-polish-hero::after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.84) 30%,rgba(0,0,0,.42) 56%,rgba(0,0,0,.16) 100%),
    linear-gradient(to top,#050505 0%,rgba(5,5,5,.38) 28%,rgba(5,5,5,0) 62%);
}
.m8s-polish-hero .m8s-hero-content{
  max-width:720px;
}
@media(max-width:760px){
  .m8s-polish-hero{
    min-height:760px;
  }
  .m8s-polish-hero .m8s-hero-bg{
    background-position:62% top;
    opacity:.9;
  }
  .m8s-polish-hero::after{
    background:
      linear-gradient(to bottom,rgba(0,0,0,.26) 0%,rgba(0,0,0,.48) 36%,rgba(0,0,0,.92) 74%,#050505 100%);
  }
  .m8s-polish-hero .m8s-hero-content{
    padding-top:360px;
  }
}


/* === M8 SERVICE VIDEO REVIEWS === */
.m8s-video-reviews{
  position:relative;
  padding:98px 5vw;
  background:
    radial-gradient(circle at 82% 0%,rgba(245,194,77,.13),transparent 34%),
    radial-gradient(circle at 12% 70%,rgba(255,255,255,.035),transparent 30%),
    #050505;
  overflow:hidden;
}
.m8s-video-reviews::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.014),transparent 26%,rgba(245,194,77,.025));
}
.m8s-video-grid{
  position:relative;
  z-index:2;
  max-width:1480px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.m8s-video-card{
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(245,194,77,.30);
  background:linear-gradient(180deg,rgba(24,24,24,.98),rgba(8,8,8,.99));
  box-shadow:0 0 28px rgba(245,194,77,.08),inset 0 0 24px rgba(245,194,77,.035);
  transition:transform .32s cubic-bezier(.18,.84,.28,1),border-color .32s ease,box-shadow .32s ease,filter .32s ease;
}
.m8s-video-card:hover{
  transform:translateY(-7px) scale(1.012);
  border-color:rgba(245,194,77,.78);
  box-shadow:0 0 46px rgba(245,194,77,.20),0 18px 44px rgba(0,0,0,.48),inset 0 0 28px rgba(245,194,77,.05);
  filter:brightness(1.04);
}
.m8s-video-card video{
  display:block;
  width:100%;
  aspect-ratio:9/16;
  height:420px;
  max-height:420px;
  object-fit:cover;
  background:#000;
  border-bottom:1px solid rgba(245,194,77,.18);
}
.m8s-video-caption{
  padding:18px 18px 20px;
}
.m8s-video-caption strong{
  display:block;
  color:#fff;
  font-size:17px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:-.02em;
  margin-bottom:7px;
}
.m8s-video-caption span{
  display:block;
  color:rgba(244,241,232,.64);
  font-size:14px;
  line-height:1.4;
}
@media(max-width:1180px){
  .m8s-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .m8s-video-reviews{padding:66px 20px;}
  .m8s-video-grid{grid-template-columns:1fr;}
  .m8s-video-card{border-radius:26px;}
  .m8s-video-card video{
      height:520px;
      max-height:520px;
  }
}


/* === HIMCHISTKA KOCH CHEMIE PREMIUM STRIP === */
.m8s-chem-strip{
  position:relative;
  z-index:2;
  max-width:1480px;
  min-height:180px;
  margin:28px auto 0;
  border-radius:30px;
  overflow:hidden;
  border:1px solid rgba(245,194,77,.34);
  background:#050505;
  box-shadow:0 0 38px rgba(245,194,77,.10),0 18px 48px rgba(0,0,0,.38);
}
.m8s-chem-strip-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.76) 27%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.36) 100%),
    url('images/koch-chemie-premium.jpg') center right/cover no-repeat;
  opacity:.98;
}
.m8s-chem-strip-content{
  position:relative;
  z-index:2;
  min-height:180px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-width:620px;
  padding:30px 36px;
}
.m8s-chem-strip-content span{
  color:#f5c24d;
  text-transform:uppercase;
  letter-spacing:.20em;
  font-size:12px;
  font-weight:900;
  margin-bottom:10px;
}
.m8s-chem-strip-content strong{
  color:#fff;
  font-size:clamp(24px,2.6vw,38px);
  line-height:1.04;
  letter-spacing:-.045em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.m8s-chem-strip-content p{
  margin:0;
  max-width:520px;
  color:rgba(244,241,232,.76);
  font-size:16px;
  line-height:1.52;
}
@media(max-width:760px){
  .m8s-chem-strip{min-height:360px;border-radius:24px;margin-top:22px;}
  .m8s-chem-strip-bg{
    background:
      linear-gradient(to bottom,rgba(0,0,0,.50) 0%,rgba(0,0,0,.86) 58%,rgba(0,0,0,.96) 100%),
      url('images/koch-chemie-premium.jpg') center top/cover no-repeat;
  }
  .m8s-chem-strip-content{min-height:360px;padding:24px;justify-content:flex-end;}
  .m8s-chem-strip-content strong{font-size:25px;}
  .m8s-chem-strip-content p{font-size:15px;}
}

/* === M8 SERVICE SITES MOBILE HERO + MEDIA ALIGN FIX === */
@media(max-width:760px){
  .m8s-hero{
    min-height:92vh !important;
    padding:20px 20px 54px !important;
  }
  .m8s-hero-bg{
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    background-size:cover !important;
    background-position:center top !important;
    transform:none !important;
    opacity:.74 !important;
    filter:brightness(.82) contrast(1.08) saturate(1.04) !important;
  }
  .m8s-page .m8s-brone-page .m8s-hero-bg,
  body.m8s-brone-page .m8s-hero-bg{
    background-image:url('images/brone-mobile-hero.webp') !important;
    background-position:center top !important;
  }
  body.m8s-polish-page .m8s-hero-bg{
    background-image:url('images/polish-mobile-hero.webp') !important;
    background-position:center top !important;
  }
  body.m8s-him-page .m8s-hero-bg{
    background-image:url('images/him-mobile-hero.webp') !important;
    background-position:center top !important;
  }
  body.m8s-moika-page .m8s-hero-bg{
    background-image:url('images/main-mobile-hero.webp') !important;
    background-position:center top !important;
  }
  .m8s-hero::after{
    background:
      linear-gradient(to bottom,rgba(0,0,0,.58) 0%,rgba(0,0,0,.34) 36%,rgba(0,0,0,.78) 74%,#050505 100%),
      linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.46) 60%,rgba(0,0,0,.12) 100%) !important;
  }
  .m8s-hero-content{
    max-width:100% !important;
    text-align:left !important;
    align-items:flex-start !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .m8s-title,
  .m8s-lead{
    text-align:left !important;
    max-width:100% !important;
  }
  .m8s-hero-buttons{
    justify-content:flex-start !important;
    width:100% !important;
  }
  .m8s-hero-buttons .m8s-btn,
  .m8s-hero-buttons a{
    width:100% !important;
    justify-content:center !important;
  }
  .m8s-video-card video,
  .review-card video,
  .m8s-review-card video{
    width:100% !important;
    height:auto !important;
    max-height:420px !important;
    object-fit:cover !important;
  }
  .m8s-works-grid img,
  .m8s-gallery img,
  .m8s-work-card img,
  .m8s-photo-card img{
    width:100% !important;
    height:auto !important;
    max-height:420px !important;
    object-fit:cover !important;
  }
  .m8s-work-card,
  .m8s-photo-card,
  .m8s-gallery-card{
    min-height:auto !important;
  }
}
@media(max-width:420px){
  .m8s-video-card video,
  .review-card video,
  .m8s-review-card video{
    max-height:380px !important;
  }
}


/* === M8 MOBILE ONLY PATCH 2026-06: service pages media consistency === */
@media(max-width:760px){
  body.m8s-brone-page .m8s-hero-bg{
    background-image:url('images/brone-mobile-hero.webp') !important;
    background-size:cover !important;
    background-position:center top !important;
  }
  body.m8s-polish-page .m8s-hero-bg{
    background-image:url('images/polish-mobile-hero.webp') !important;
    background-size:cover !important;
    background-position:center top !important;
  }
  body.m8s-him-page .m8s-hero-bg{
    background-image:url('images/him-mobile-hero.webp') !important;
    background-size:cover !important;
    background-position:center top !important;
  }
  .m8s-video-card video,
  .review-card video,
  .m8s-review-card 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;
  }
  .m8s-video-grid{gap:16px !important;}
  .m8s-video-card{border-radius:24px !important;}
}
@media(min-width:761px) and (max-width:1180px){
  .m8s-video-card video{height:420px !important;max-height:420px !important;}
}

/* === M8 MOBILE PATCH 2026-06-05: hero photos, review videos, price notes === */
.m8s-price-final-note{
  max-width:1480px;
  margin:24px auto 0;
  padding:18px 20px;
  border-radius:22px;
  border:1px solid rgba(245,194,77,.24);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  color:rgba(244,241,232,.72);
  font-size:15px;
  line-height:1.6;
}
.m8s-addons-grid div,
.m8h-addon-grid div{
  align-items:flex-start;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.024));
  box-shadow:inset 0 0 18px rgba(245,194,77,.025);
}
.m8s-video-card video{
  aspect-ratio:9/16;
  height:auto;
  max-height:none;
  object-fit:cover;
  object-position:center center;
}
@media(max-width:1180px){
  .m8s-video-card video{height:auto !important;max-height:none !important;}
}
@media(max-width:760px){
  body.m8s-brone-page .m8s-hero-bg{
    background-image:url('images/brone-mobile-hero.webp') !important;
    background-position:center center !important;
    background-size:cover !important;
    opacity:.78 !important;
  }
  body.m8s-him-page .m8s-hero-bg{
    background-image:url('images/him-mobile-hero.webp') !important;
    background-position:center center !important;
    background-size:cover !important;
    opacity:.78 !important;
  }
  .m8s-video-card video,
  .review-card video,
  .m8s-review-card 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;
  }
  .m8s-price-final-note{
    margin-top:20px;
    padding:16px;
    border-radius:20px;
    font-size:14px;
  }
  .m8s-addons-grid div,
  .m8h-addon-grid div{
    border-radius:18px;
    padding:15px 16px;
  }
}

/* === M8 MOBILE PATCH ROUND 3: exact mobile hero images + polish brightness === */
@media(max-width:760px){
  body.m8s-brone-page .m8s-hero-bg{
    background-image:url('images/brone-mobile-hero.webp') !important;
    background-position:center center !important;
    background-size:cover !important;
    opacity:.86 !important;
  }
  body.m8s-him-page .m8s-hero-bg{
    background-image:url('images/him-mobile-hero.webp') !important;
    background-position:center center !important;
    background-size:cover !important;
    opacity:.88 !important;
  }
  body.m8s-polish-page .m8s-hero-bg{
    filter:brightness(1.30) contrast(1.08) saturate(1.05) !important;
    opacity:.92 !important;
  }
}

/* === M8 SAFE MOBILE + PERFORMANCE PATCH 2026-06 ===
   Scoped away from .m8s-moika-page: page мойки intentionally untouched.
*/
body:not(.m8s-moika-page) .m8s-hero-bg,
body:not(.m8s-moika-page) .m8s-gallery-item,
body:not(.m8s-moika-page) .m8s-package-img{
  background-repeat:no-repeat !important;
  background-size:cover !important;
}

body:not(.m8s-moika-page) .m8s-video-card video{
  display:block !important;
  width:100% !important;
  aspect-ratio:9/16 !important;
  height:auto !important;
  max-height:620px !important;
  object-fit:cover !important;
  object-position:center center !important;
  background:#050505 !important;
}

@media (max-width: 760px){
  body:not(.m8s-moika-page) .m8s-hero{
    min-height:100svh !important;
    padding:22px 16px 54px !important;
  }
  body:not(.m8s-moika-page) .m8s-nav{
    gap:14px !important;
  }
  body:not(.m8s-moika-page) .m8s-brand{
    font-size:11px !important;
    letter-spacing:.08em !important;
    gap:10px !important;
    white-space:normal !important;
    max-width:185px !important;
  }
  body:not(.m8s-moika-page) .m8s-brand img{
    width:54px !important;
    height:54px !important;
    flex:0 0 54px !important;
  }
  body:not(.m8s-moika-page) .m8s-actions{
    gap:8px !important;
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
  }
  body:not(.m8s-moika-page) .m8s-pill{
    min-height:36px !important;
    padding:0 12px !important;
    font-size:11px !important;
    letter-spacing:.04em !important;
  }
  body:not(.m8s-moika-page) .m8s-hero-content{
    width:100% !important;
    max-width:100% !important;
    padding-top:36vh !important;
  }
  body:not(.m8s-moika-page) .m8s-title{
    font-size:clamp(38px,12vw,52px) !important;
    line-height:.94 !important;
    letter-spacing:-.055em !important;
    margin-bottom:18px !important;
  }
  body:not(.m8s-moika-page) .m8s-lead{
    font-size:16px !important;
    line-height:1.45 !important;
    margin-bottom:20px !important;
  }
  body:not(.m8s-moika-page) .m8s-note,
  body:not(.m8s-moika-page) .m8s-brone-offer{
    font-size:14px !important;
    line-height:1.35 !important;
    padding:14px 16px !important;
    border-radius:18px !important;
  }
  body:not(.m8s-moika-page) .m8s-hero-buttons,
  body:not(.m8s-moika-page) .m8s-service-links{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
  }
  body:not(.m8s-moika-page) .m8s-btn,
  body:not(.m8s-moika-page) .m8s-service-links a{
    width:100% !important;
    min-height:52px !important;
    padding:0 18px !important;
    font-size:14px !important;
    text-align:center !important;
  }
  body:not(.m8s-moika-page) .m8s-section,
  body:not(.m8s-moika-page) .m8s-cta,
  body:not(.m8s-moika-page) .m8s-video-reviews{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  body:not(.m8s-moika-page) .m8s-head{
    margin-bottom:28px !important;
    gap:16px !important;
  }
  body:not(.m8s-moika-page) .m8s-head h2,
  body:not(.m8s-moika-page) .m8s-cta-card h2{
    font-size:clamp(32px,10.5vw,44px) !important;
    line-height:.96 !important;
  }
  body:not(.m8s-moika-page) .m8s-cards,
  body:not(.m8s-moika-page) .m8s-packages,
  body:not(.m8s-moika-page) .m8s-gallery,
  body:not(.m8s-moika-page) .m8s-video-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  body:not(.m8s-moika-page) .m8s-card,
  body:not(.m8s-moika-page) .m8s-package,
  body:not(.m8s-moika-page) .m8s-video-card,
  body:not(.m8s-moika-page) .m8s-cta-card{
    border-radius:24px !important;
  }
  body:not(.m8s-moika-page) .m8s-card,
  body:not(.m8s-moika-page) .m8s-package-body{
    padding:22px !important;
  }
  body:not(.m8s-moika-page) .m8s-package-img,
  body:not(.m8s-moika-page) .m8s-gallery-item,
  body:not(.m8s-moika-page) .m8s-gallery-item:first-child{
    min-height:300px !important;
  }
  body:not(.m8s-moika-page) .m8s-cta-card{
    grid-template-columns:1fr !important;
    padding:26px 18px !important;
    gap:24px !important;
  }
}

@media (min-width: 361px) and (max-width: 430px){
  body:not(.m8s-moika-page) .m8s-hero-content{padding-top:39vh !important;}
  body:not(.m8s-moika-page) .m8s-title{font-size:clamp(40px,11.4vw,50px) !important;}
  body:not(.m8s-moika-page) .m8s-video-card video{max-height:560px !important;}
}

@media (max-width: 360px){
  body:not(.m8s-moika-page) .m8s-brand{max-width:160px !important;font-size:10px !important;}
  body:not(.m8s-moika-page) .m8s-pill{font-size:10px !important;padding:0 10px !important;}
  body:not(.m8s-moika-page) .m8s-title{font-size:36px !important;}
  body:not(.m8s-moika-page) .m8s-section,
  body:not(.m8s-moika-page) .m8s-cta,
  body:not(.m8s-moika-page) .m8s-video-reviews{padding-left:14px !important;padding-right:14px !important;}
}


/* === M8 FIX: video posters, brone offer, package image centering, gold hover === */
.m8s-video-card{
  position:relative !important;
  overflow:hidden !important;
  background:#070707 !important;
}
.m8s-video-card video,
.review-card video,
.m8s-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:#070707 !important;
  border-radius:24px 24px 0 0 !important;
  filter:brightness(1.02) contrast(1.04) saturate(1.04) !important;
}
.m8s-video-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(to top,rgba(0,0,0,.38),rgba(0,0,0,0) 58%) !important;
}
.m8s-video-caption{position:relative !important;z-index:2 !important;}

.m8s-brone-offer{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  max-width:760px !important;
  padding:20px 26px 20px 30px !important;
  border-radius:24px !important;
  border:1px solid rgba(245,194,77,.58) !important;
  background:linear-gradient(135deg,rgba(245,194,77,.18),rgba(255,255,255,.055)) !important;
  box-shadow:0 0 38px rgba(245,194,77,.14), inset 0 0 22px rgba(245,194,77,.045) !important;
  color:#f5c24d !important;
  font-size:clamp(18px,1.55vw,22px) !important;
  line-height:1.34 !important;
  font-weight:900 !important;
  overflow:hidden !important;
}
.m8s-brone-offer::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:16px !important;
  bottom:16px !important;
  width:4px !important;
  border-radius:99px !important;
  background:linear-gradient(180deg,#fff3ba,#f5c24d,#8d6820) !important;
  box-shadow:0 0 18px rgba(245,194,77,.55) !important;
}
.m8s-brone-offer::after{
  content:"" !important;
  position:absolute !important;
  top:-45% !important;
  bottom:-45% !important;
  left:-45% !important;
  width:32% !important;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.18),transparent) !important;
  transform:skewX(-18deg) !important;
  animation:m8OfferSoftShine 5.8s ease-in-out infinite !important;
  pointer-events:none !important;
}
@keyframes m8OfferSoftShine{0%,58%{left:-45%}88%,100%{left:120%}}

.m8s-brone-page .m8s-package-img{
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-color:#080808 !important;
}
.m8s-brone-page .m8s-package-img::after{
  content:"";
  display:block;
  height:100%;
  background:radial-gradient(circle at center,rgba(245,194,77,.075),transparent 55%);
  pointer-events:none;
}

.m8s-card h3,
.m8s-package h3,
.m8s-price-content h3,
.m8s-service-links a,
.m8s-links a,
.m8s-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;
}
.m8s-card:hover h3,
.m8s-package:hover h3,
.m8s-price-card:hover h3,
.m8s-service-links a:hover,
.m8s-links a:hover,
.m8s-btn: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;
  text-shadow:none !important;
}
.m8s-btn.primary:hover{
  color:#080808 !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  filter:brightness(1.08) saturate(1.08) !important;
}
@media(max-width:760px){
  .m8s-brone-offer{
    max-width:100% !important;
    padding:18px 18px 18px 24px !important;
    font-size:17px !important;
    border-radius:22px !important;
  }
  .m8s-brone-page .m8s-package-img{
    height:210px !important;
    background-size:contain !important;
    background-position:center center !important;
  }
  .m8s-video-card video,
  .review-card video,
  .m8s-review-card video{
    border-radius:22px 22px 0 0 !important;
  }
}
@media(max-width:430px){
  .m8s-brone-page .m8s-package-img{height:190px !important;}
}

/* === M8 PATCH 2026-06-08: unified premium hover + smaller brone package visuals === */
.m8s-card,
.m8s-package,
.m8s-gallery-item,
.m8s-video-card,
.m8s-price-card,
.m8h-card,
.m8h-photo,
.m8s-premium-bonus,
.m8s-cta-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;
}
.m8s-card::after,
.m8s-package::after,
.m8s-gallery-item::after,
.m8s-video-card::after,
.m8s-price-card::after,
.m8h-card::after,
.m8h-photo::after,
.m8s-premium-bonus::after,
.m8s-cta-card::after{
  content:"" !important;
  position:absolute !important;
  top:-45% !important;
  bottom:-45% !important;
  left:-68% !important;
  width:38% !important;
  z-index:3 !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;
}
.m8s-card:hover,
.m8s-package:hover,
.m8s-gallery-item:hover,
.m8s-video-card:hover,
.m8s-price-card:hover,
.m8h-card:hover,
.m8h-photo:hover,
.m8s-premium-bonus:hover,
.m8s-cta-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;
}
.m8s-card:hover::after,
.m8s-package:hover::after,
.m8s-gallery-item:hover::after,
.m8s-video-card:hover::after,
.m8s-price-card:hover::after,
.m8h-card:hover::after,
.m8h-photo:hover::after,
.m8s-premium-bonus:hover::after,
.m8s-cta-card:hover::after{
  left:128% !important;
  opacity:1 !important;
}
.m8s-card h3,
.m8s-package h3,
.m8s-gallery-item span,
.m8s-video-caption strong,
.m8s-price-content h3,
.m8s-price-card h3,
.m8h-card h3,
.m8h-photo span,
.m8s-premium-bonus strong,
.m8s-cta-card h2,
.m8s-btn,
.m8s-service-links a{
  background-size:230% 100% !important;
  transition:color .28s ease, background-position .72s ease, border-color .28s ease, box-shadow .28s ease, transform .28s ease, filter .28s ease !important;
}
.m8s-card:hover h3,
.m8s-package:hover h3,
.m8s-gallery-item:hover span,
.m8s-video-card:hover .m8s-video-caption strong,
.m8s-price-card:hover h3,
.m8h-card:hover h3,
.m8h-photo:hover span,
.m8s-premium-bonus:hover strong,
.m8s-cta-card:hover h2,
.m8s-package:hover .m8s-btn,
.m8s-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;
  text-shadow:none !important;
}
.m8s-package:hover .m8s-btn.primary,
.m8s-btn.primary:hover{
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  color:#080808 !important;
  filter:brightness(1.08) saturate(1.08) !important;
}
.m8s-gallery-item:hover,
.m8h-photo:hover,
.m8s-video-card:hover video,
.m8s-package:hover .m8s-package-img{
  filter:brightness(1.09) contrast(1.06) saturate(1.06) !important;
}
.m8s-video-caption,
.m8s-package-body,
.m8s-gallery-item span,
.m8s-card > *,
.m8h-card > *,
.m8s-price-card > *,
.m8s-cta-card > *{
  position:relative !important;
  z-index:4 !important;
}
body.m8s-brone-page .m8s-package-img,
body.m8s-brone-page .m8s-zone-card{
  background-size:82% auto !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-color:#080808 !important;
}
body.m8s-brone-page .m8s-package:hover .m8s-package-img,
body.m8s-brone-page .m8s-package:hover .m8s-zone-card{
  background-size:86% auto !important;
}
@media(max-width:760px){
  body.m8s-brone-page .m8s-package-img,
  body.m8s-brone-page .m8s-zone-card{
    height:190px !important;
    min-height:190px !important;
    background-size:68% auto !important;
    background-position:center center !important;
  }
  body.m8s-brone-page .m8s-package:hover .m8s-package-img,
  body.m8s-brone-page .m8s-package:hover .m8s-zone-card{
    background-size:72% auto !important;
  }
}
@media(max-width:430px){
  body.m8s-brone-page .m8s-package-img,
  body.m8s-brone-page .m8s-zone-card{
    height:176px !important;
    min-height:176px !important;
    background-size:62% auto !important;
  }
  body.m8s-brone-page .m8s-package:hover .m8s-package-img,
  body.m8s-brone-page .m8s-package:hover .m8s-zone-card{
    background-size:66% auto !important;
  }
}
@media(max-width:390px){
  body.m8s-brone-page .m8s-package-img,
  body.m8s-brone-page .m8s-zone-card{
    height:166px !important;
    min-height:166px !important;
    background-size:58% auto !important;
  }
}
@media (hover:none){
  .m8s-card:hover,
  .m8s-package:hover,
  .m8s-gallery-item:hover,
  .m8s-video-card:hover,
  .m8s-price-card:hover,
  .m8h-card:hover,
  .m8h-photo:hover,
  .m8s-premium-bonus:hover,
  .m8s-cta-card:hover{
    transform:none !important;
  }
}

/* === M8 CONTENT UPDATE: Russian logo text, VK gift note, footer requisites === */
.m8s-brand span{
  font-family:'Manrope',sans-serif;
  letter-spacing:.08em !important;
  text-transform:none !important;
  font-weight:800;
  color:#f6edda;
  text-shadow:0 0 18px rgba(212,176,97,.24);
}
.m8-vk-gift-note,
.m8s-gift-note{
  max-width:760px;
  margin:18px 0 18px;
  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);
}
.m8s-footer span:last-child{text-align:right;line-height:1.45;}
@media(max-width:760px){
  .m8s-brand span{font-size:11px !important;letter-spacing:.04em !important;line-height:1.1;}
  .m8-vk-gift-note,.m8s-gift-note{font-size:13px;border-radius:16px;padding:12px 14px;margin:14px 0 16px;}
  .m8s-footer span:last-child{text-align:left;}
}

/* === M8 location line, map and бронеплёнка video blog update === */
.m8s-location-kicker{
  color:#f5c24d !important;
  text-shadow:0 0 18px rgba(245,194,77,.22);
}
.m8s-map-section{
  padding:90px 6vw 70px;
  background:radial-gradient(circle at 25% 0%,rgba(212,176,97,.12),transparent 34%),#050505;
  color:#f4f1e8;
  font-family:'Manrope',Arial,sans-serif;
}
.m8s-map-header{
  max-width:1180px;
  margin:0 auto 30px;
  display:grid;
  gap:10px;
}
.m8s-map-header > span{
  font-size:13px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.m8s-map-header h2{
  margin:0;
  font-size:clamp(34px,5vw,64px);
  line-height:.98;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.m8s-title-white{color:#fff;}
.m8s-title-gold{color:#d4b061;}
.m8s-map-header p{
  margin:0;
  color:rgba(244,241,232,.72);
  font-size:17px;
}
.m8s-map-wrapper{
  max-width:1180px;
  margin:0 auto;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(212,176,97,.32);
  box-shadow:0 30px 80px rgba(0,0,0,.42),0 0 34px rgba(212,176,97,.08);
  background:#0a0a0a;
}
.m8s-map-wrapper iframe{display:block;width:100%;min-height:460px;filter:saturate(.9) contrast(1.04);}
.m8s-blog-video-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
.m8s-blog-video-card{
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(212,176,97,.30);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018));
  box-shadow:0 24px 60px rgba(0,0,0,.32),inset 0 0 24px rgba(212,176,97,.04);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.m8s-blog-video-card:hover{
  transform:translateY(-7px) scale(1.012);
  border-color:rgba(245,194,77,.78);
  box-shadow:0 34px 86px rgba(0,0,0,.42),0 0 48px rgba(245,194,77,.16),inset 0 0 30px rgba(245,194,77,.045);
}
.m8s-blog-video-card video{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  background:#070707;
}
body.m8s-brone-page .m8s-package{height:100%;}
body.m8s-brone-page .m8s-package-body{height:100%;}
body.m8s-brone-page .m8s-package-body ul{min-height:126px;}
@media(max-width:760px){
  .m8s-map-section{padding:66px 20px 50px;}
  .m8s-map-wrapper{border-radius:24px;}
  .m8s-map-wrapper iframe{height:420px;min-height:420px;}
  .m8s-blog-video-grid{grid-template-columns:1fr;gap:16px;}
  .m8s-blog-video-card{border-radius:24px;}
  body.m8s-brone-page .m8s-package-body ul{min-height:auto;}
}


/* === M8 final VK offer + vertical video blog fix === */
.m8s-cta .m8s-cta-gift-note,
.m8-cta-gift-note{
  margin:18px 0 22px;
  padding:18px 20px;
  border:1px solid rgba(201,164,92,.38);
  border-radius:22px;
  background:linear-gradient(135deg, rgba(201,164,92,.16), rgba(255,255,255,.045));
  color:#f7ecd0;
  font-size:clamp(15px, 1.55vw, 19px);
  line-height:1.5;
  box-shadow:0 18px 46px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
}
.m8s-hero .m8-vk-gift-note,
.hero-content > .m8-vk-gift-note{display:none!important;}
.m8s-video-blog .m8s-blog-video-grid{
  align-items:stretch;
}
.m8s-video-blog .m8s-blog-video-card{
  max-width:420px;
  margin:0 auto;
}
.m8s-video-blog .m8s-blog-video-card video{
  aspect-ratio:9/16;
  width:100%;
  height:auto;
  max-height:720px;
  object-fit:contain;
  background:#050505;
  border-radius:26px 26px 0 0;
}
@media (min-width: 860px){
  .m8s-video-blog .m8s-blog-video-grid{
    grid-template-columns:repeat(2, minmax(260px, 420px));
    justify-content:center;
  }
}
@media (max-width: 520px){
  .m8s-cta .m8s-cta-gift-note,
  .m8-cta-gift-note{
    padding:15px 15px;
    border-radius:18px;
    font-size:14px;
  }
  .m8s-video-blog .m8s-blog-video-card{max-width:320px;}
}


/* === M8 update: gold hero pickup offer + mobile stabilisation === */
.m8s-gold-hero-offer{
  display:inline-block;
  max-width:720px;
  margin:0 0 18px;
  padding:18px 22px;
  border:1px solid rgba(245,194,77,.38);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(245,194,77,.16),rgba(255,255,255,.035));
  color:#f5c24d!important;
  font-size:clamp(17px,1.7vw,22px);
  line-height:1.48;
  box-shadow:0 22px 58px rgba(0,0,0,.34),0 0 34px rgba(245,194,77,.10),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
}
.m8s-gold-hero-offer strong{
  display:block;
  margin-bottom:6px;
  color:#fff3ba;
  font-size:1.08em;
  letter-spacing:-.02em;
}
body.m8s-him-page .m8s-hero-content,
body.m8s-polish-page .m8s-hero-content{max-width:900px;}
.m8s-video-blog .m8s-blog-video-card{
  display:flex;
  flex-direction:column;
}
.m8s-video-blog .m8s-blog-video-card video{
  aspect-ratio:9/16!important;
  height:auto!important;
  object-fit:contain!important;
}
@media (max-width:760px){
  html,body{overflow-x:hidden;}
  .m8s-hero{padding-left:18px!important;padding-right:18px!important;}
  .m8s-hero-content{padding-top:190px!important;}
  .m8s-title{font-size:clamp(38px,11vw,48px)!important;line-height:.96!important;}
  .m8s-gold-hero-offer{
    width:100%;
    padding:15px 16px;
    border-radius:20px;
    font-size:15px;
    line-height:1.45;
  }
  .m8s-section,.m8s-cta,.m8s-price-premium-section,.m8h-price-section{padding-left:18px!important;padding-right:18px!important;}
  .m8s-head h2,.m8s-cta-card h2{font-size:clamp(31px,9vw,42px)!important;line-height:1!important;}
  .m8s-cards,.m8s-packages,.m8s-gallery,.m8s-video-grid,.m8s-blog-video-grid{grid-template-columns:1fr!important;}
  .m8s-card,.m8s-package,.m8s-price-card,.m8h-card,.m8s-gallery-item,.m8s-video-card{max-width:100%;}
  .m8s-gallery-item{min-height:260px!important;}
  .m8s-video-card video{width:100%;height:auto;max-height:620px;object-fit:contain;background:#050505;}
  .m8s-form input,.m8s-form button{width:100%;min-height:52px;}
}
@media (max-width:430px){
  .m8s-hero{padding-left:14px!important;padding-right:14px!important;}
  .m8s-hero-content{padding-top:175px!important;}
  .m8s-location-kicker{font-size:11px!important;letter-spacing:.08em!important;line-height:1.35!important;}
  .m8s-title{font-size:clamp(34px,10.5vw,43px)!important;}
  .m8s-gold-hero-offer{font-size:14px;padding:14px 14px;}
  .m8s-section,.m8s-cta,.m8s-price-premium-section,.m8h-price-section{padding-left:14px!important;padding-right:14px!important;}
  .m8s-video-blog .m8s-blog-video-card{max-width:300px!important;}
}