/* ==========================================================================
   Мегалайн — основной стиль сайта
   Шрифт Montserrat подключён локально (assets/fonts), внешние CDN не нужны.
   ========================================================================== */

/* ---------- Шрифты ---------- */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/montserrat-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/montserrat-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Montserrat";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/montserrat-cyrillic-400-italic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Montserrat";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/montserrat-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/montserrat-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/montserrat-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/montserrat-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/montserrat-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/montserrat-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/montserrat-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/montserrat-cyrillic-800-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/montserrat-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Переменные ---------- */
:root{
  --blue:#5d6afb;
  --blue-hover:#4552f0;
  --red:#ff0201;
  --red-hover:#e00000;
  --dark:#2e363e;
  --text:#434b53;
  --gray:#505050;
  --muted:#d4d6d4;
  --placeholder:#7e868e;
  --input:#f0f0f0;
  --footer:#162934;
  --orange:#fca75a;
  --shadow-card:0 2px 12px rgba(0,0,0,.16);
}

/* ---------- База ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Montserrat",Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--gray);background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
input,textarea{font-family:inherit}
h1,h2,h3,h4,p,ul{margin:0}
ul{padding:0;list-style:none}

.container{max-width:1260px;margin:0 auto;padding:0 15px}
.w1180{max-width:1210px;margin:0 auto;padding:0 15px}
.w1110{max-width:1140px;margin:0 auto;padding:0 15px}

.page-title{font-size:38px;line-height:1.2;font-weight:800;color:var(--gray);text-align:center;margin:0}
.page-lead{font-size:21px;line-height:27px;color:var(--gray);text-align:center}

.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;font-weight:600;color:#fff;transition:background .2s,transform .2s}
.btn--blue{background:var(--blue)}
.btn--blue:hover{background:var(--blue-hover)}
.btn--red{background:var(--red)}
.btn--red:hover{background:var(--red-hover)}

.more{display:inline-block;font-size:16px;line-height:1.4;color:var(--muted);border-bottom:1px solid var(--muted);transition:color .2s,border-color .2s}
.more:hover{color:var(--blue);border-color:var(--blue)}

.card{background:#fff;border-radius:20px;box-shadow:var(--shadow-card)}

/* ---------- Верхняя полоса ---------- */
.topbar{border-bottom:1px solid #f0f0f0}
.topbar__in{display:flex;align-items:center;justify-content:space-between;height:37px}
.topbar__left{display:flex;gap:39px}
.topbar a{font-size:11px;font-weight:500;color:var(--dark);line-height:1}
.topbar a:hover{color:var(--blue)}

/* ---------- Шапка ---------- */
.header{border-bottom:1px solid #f0f0f0;background:#fff;position:relative;z-index:50}
.header__in{display:flex;align-items:center;height:77px;padding-bottom:16px}
.logo{flex:0 0 auto;display:block;margin-top:2px}
.logo img{height:56px;width:auto}
.menu{display:flex;margin-left:-2px}
.menu a{display:block;padding:0 25px;font-size:15px;font-weight:500;line-height:1;color:var(--dark);transition:color .2s}
.menu a:hover,.menu a.active{color:var(--blue)}
.hphone{display:flex;align-items:center;margin-left:auto;margin-right:-20px}
.hphone__icon{width:36px;height:36px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;margin-right:21px}
.hphone__icon svg{width:14px;height:14px;fill:#fff}
.hphone__num{display:block;font-size:18.5px;font-weight:700;color:var(--dark);line-height:1.2}
.burger{display:none;margin-left:16px;width:40px;height:40px;border:0;background:none;padding:8px}
.burger span{display:block;height:2px;background:var(--dark);margin:6px 0;transition:transform .2s,opacity .2s}

/* ---------- Главная: первый экран ---------- */
.hero{position:relative;overflow:hidden}
.hero__in{position:relative;height:683px}
.hero__text{position:absolute;left:21px;top:98px;width:540px}
.hero__tag{display:inline-block;background:#f9f2f2;color:#52585f;font-size:11px;font-weight:500;letter-spacing:1.6px;line-height:36px;padding:0 18px;border-radius:4px}
.hero__title{font-size:50px;line-height:1.2;font-weight:800;color:var(--dark);margin-top:24px;letter-spacing:-.3px}
.hero__desc{font-size:21px;line-height:30px;color:var(--text);margin-top:23px}
.hero__btn{width:208px;height:62px;font-size:19px;margin-top:42px}
.hero__img{position:absolute;left:641px;top:-1px;width:645px}

/* ---------- Главная: услуги ---------- */
.services-intro{padding-top:131px;text-align:center}
.services-intro .page-lead{margin-top:16px}
.hr{height:1px;background:#ececec;border:0;margin:0}
.services-intro .hr{margin-top:64px}
.srv{max-width:1301px;margin:0 auto;padding-top:110px}
.srv__row{position:relative;display:flex;align-items:center;min-height:550px;margin-bottom:164px}
.srv__row:last-child{margin-bottom:0}
.srv__media{position:relative;width:732px;flex:0 0 732px}
.srv__media img{width:732px;height:550px;object-fit:cover}
.srv__note{position:absolute;top:374px;width:453px;height:240px;background:#fff;border-radius:6px;box-shadow:0 40px 80px rgba(0,0,0,.13);padding:0 31px;display:flex;flex-direction:column;justify-content:center;font-size:15px;line-height:26px;font-style:italic;color:#000}
.srv__note b{font-style:normal;font-weight:700}
.srv__row--left .srv__note{left:319px}
.srv__row--right .srv__media{order:2;margin-left:auto;margin-right:-1px}
.srv__row--right .srv__note{left:-37px}
.srv__body{padding-left:98px}
.srv__row--right .srv__body{padding-left:0}
.srv__title{font-size:38px;line-height:1.2;font-weight:800;color:#000}
.srv__list{margin-top:36px}
.srv__list li{position:relative;padding-left:30px;font-size:16.5px;line-height:31px;font-weight:500;color:var(--gray)}
.srv__list li::before{content:"";position:absolute;left:0;top:11px;width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1.5 1.5l8.5 8.5M10.5 3.5v7h-7' fill='none' stroke='%23505050' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat center/contain}
.srv__body .more{margin-top:8px}
.srv__btn{width:240px;height:61px;font-size:17px;margin-top:52px}
.srv__body{display:flex;flex-direction:column;align-items:flex-start}

/* ---------- Информация для абонентов ---------- */
.info{padding:195px 0 54px}
.info--srv{padding-top:130px}
.info--srv .info__grid{margin-top:134px}
.info__title{font-size:36px;line-height:1.2;font-weight:700;color:var(--gray);margin-left:56px}
.info__grid{display:grid;grid-template-columns:repeat(3,300px);column-gap:33px;margin:136px 0 0 167px}
.info__item{display:flex;flex-direction:column;align-items:flex-start;min-height:200px}
.info__name{font-size:24px;font-weight:500;color:var(--dark);line-height:1.2;text-transform:uppercase}
.info__item .more{margin-top:auto}
.info__item--c2{grid-column:2}
.info__item--low{min-height:240px}

/* ---------- Страница «Услуги» ---------- */
.page{padding:43px 0 0}
.page--srv .page-lead{margin-top:17px}
.page--srv .hr{margin:62px auto 0;max-width:1110px}
.tiles{display:grid;grid-template-columns:repeat(2,511px);gap:40px;justify-content:center;margin-top:63px}
.tile{display:flex;align-items:center;justify-content:space-between;height:119px;background:#f1f8f8;border-radius:12px;padding:0 50px 0 40px;font-size:21px;font-weight:500;color:#182426;transition:background .2s}
.tile:hover{background:#e3f1f1}
.tile svg{width:20px;height:20px;stroke:#182426;fill:none;stroke-width:2}
.page--srv .hr--bottom{max-width:1062px;margin-top:65px}

/* ---------- Страница «Акции» ---------- */
.page--offers{padding-top:66px;padding-bottom:110px}
.city{display:flex;justify-content:center;align-items:center;margin-top:45px;font-size:19px;font-weight:700;color:var(--gray);line-height:1.2}
.city a.city__name{color:var(--blue);text-decoration:underline;margin-left:6px}
.city__change{display:flex;align-items:center;margin-left:47px;font-size:14px;font-weight:500;color:var(--gray);text-decoration:underline;background:none;border:0;padding:0}
.city__change svg{width:18px;height:18px;margin-right:12px}
.filters{display:flex;justify-content:center;gap:46px;margin-top:28px}
.radio{display:flex;align-items:center;font-size:19px;color:var(--dark);cursor:pointer;line-height:1}
.radio input{position:absolute;opacity:0;pointer-events:none}
.radio i{width:21px;height:21px;border:2px solid #333;border-radius:50%;margin-right:10px;position:relative;flex:0 0 auto}
.radio input:checked + i{border-color:#4f8ef7}
.radio input:checked + i::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#4f8ef7}
.offers{display:grid;grid-template-columns:repeat(3,330px);column-gap:45px;row-gap:40px;justify-content:center;margin-top:56px}
.offer{display:flex;flex-direction:column;align-items:flex-start}
.offer[hidden]{display:none}
.offer__img{position:relative;width:330px;height:330px;background:#505050;overflow:hidden}
.offer__img img{width:100%;height:100%;object-fit:cover}
.badge{position:absolute;left:15px;top:15px;background:rgba(93,106,251,.63);color:#fff;font-size:16px;font-weight:500;line-height:28px;padding:0 10px;border-radius:14px;letter-spacing:.3px}
.offer__title{font-size:19.5px;line-height:30px;font-weight:700;color:var(--dark);margin-top:26px}
.offer__text{font-size:17px;line-height:27px;color:#3a3f44;margin-top:7px}
.offer .more{margin-top:auto;padding-top:0}
.offer__spacer{flex:1 1 auto;min-height:10px}

/* ---------- Страница «Новости» ---------- */
.page--news{padding-top:67px;padding-bottom:0}
.news{display:grid;grid-template-columns:repeat(3,330px);column-gap:45px;row-gap:70px;justify-content:center;margin-top:92px}
.news-card{display:flex;flex-direction:column;align-items:flex-start}
.news-card__img{display:flex;align-items:center;justify-content:center;width:260px;height:260px;margin-left:35px}
.news-card__img img{max-width:260px;max-height:260px;object-fit:contain}
.news-card__ph{width:260px;height:260px;margin-left:35px;background:#f4f6fb;display:flex;align-items:center;justify-content:center}
.news-card__ph img{width:150px;opacity:.85}
.news-card__title{font-size:21px;line-height:30px;font-weight:700;color:#2d2d2d;margin-top:62px}
.news-card__text{font-size:17px;line-height:27px;color:#2d2d2d;margin-top:8px}
.news-card__date{font-size:13px;color:#666;margin-top:62px;line-height:1}
.news-card .more{margin-top:auto}
.news-card__gap{flex:1 1 auto;min-height:14px}
.news-all{display:flex;justify-content:center;margin-top:34px}
.news-all .btn{width:270px;height:57px;font-size:19px;font-weight:500}
.acc{margin-top:85px}
.acc__item{background:#fff;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.16);margin-bottom:24px}
.acc__head{display:flex;align-items:center;width:100%;height:67px;padding:0 24px 0 30px;border:0;background:none;text-align:left}
.acc__title{font-size:18px;font-weight:500;color:#00093c}
.acc__date{font-size:15px;color:var(--muted);margin-left:24px}
.acc__plus{margin-left:auto;width:16px;height:16px;position:relative;transition:transform .25s}
.acc__plus::before,.acc__plus::after{content:"";position:absolute;background:#00093c}
.acc__plus::before{left:0;right:0;top:7px;height:2px}
.acc__plus::after{top:0;bottom:0;left:7px;width:2px}
.acc__item.open .acc__plus{transform:rotate(45deg)}
.acc__body{display:none;padding:0 30px 24px;font-size:16px;line-height:26px;color:var(--gray)}
.acc__item.open .acc__body{display:block}
.news-more{display:flex;justify-content:flex-end;margin-top:33px;padding-bottom:33px}
.news-more a{font-size:16px;color:var(--muted)}
.news-more a:hover{color:var(--blue)}

/* ---------- Страница «Оплата» ---------- */
.page--pay{padding-top:70px;padding-bottom:97px}
.page--pay .page-lead{margin-top:26px}
.pay{margin-top:64px}
.pay__card{display:flex;padding:64px 85px 52px;margin-bottom:37px;min-height:313px}
.pay__col{flex:1 1 0;display:flex;flex-direction:column;align-items:flex-start}
.pay__col + .pay__col{border-left:1px solid var(--gray);padding-left:42px;margin-left:43px}
.pay__col--first{max-width:462px}
.pay__h{font-size:24px;line-height:29px;font-weight:800;color:var(--gray)}
.pay__p{font-size:16px;line-height:26px;color:var(--gray);margin-top:6px}
.pay__col .more{margin-top:auto;padding-top:6px}
.pay__card--split{align-items:flex-start;padding:58px 47px 43px 87px;min-height:336px}
.pay__card--split .pay__col{max-width:340px;flex:0 0 340px;padding-top:10px}
.pay__card--split .pay__p{margin-top:42px}
.pay__card--split .more{margin-top:22px}
.pay__logo{margin-left:auto;align-self:flex-start;width:571px;margin-right:0}
.pay__card--cards{min-height:384px;padding-bottom:50px}
.pay__card--cards .pay__col{max-width:392px;flex-basis:392px;padding-top:0}
.pay__card--cards .pay__p{margin-top:45px}

/* ---------- Страница «Абоненты / Терминология» ---------- */
.page--help{padding-top:80px;padding-bottom:116px}
.help{display:flex;align-items:stretch;gap:32px;margin-top:85px}
.help__side{flex:0 0 300px;overflow:hidden;padding-bottom:30px}
.help__side-h{background:var(--blue);color:#fff;font-size:20px;font-weight:500;height:70px;display:flex;align-items:center;padding-left:19px;border-radius:20px 20px 0 0}
.help__nav a{display:flex;align-items:center;justify-content:space-between;min-height:53px;margin-right:20px;padding:10px 0 10px 11px;border-bottom:1px solid #dbd9d7;font-size:14px;line-height:22px;color:var(--gray);transition:color .2s}
.help__nav a:hover,.help__nav a.active{color:var(--blue)}
.help__nav a svg{flex:0 0 auto;width:8px;height:12px;margin-left:12px;stroke:var(--blue);fill:none;stroke-width:1.6}
.help__main{flex:1 1 auto;padding:26px 39px 30px 31px}
.help__h{font-size:25px;font-weight:700;color:var(--gray);line-height:1.3}
.help__terms{display:flex;margin-top:56px}
.help__label{flex:0 0 142px;font-size:15.5px;font-weight:700;color:var(--gray);line-height:1.2;padding-top:5px}
.help__content{flex:1 1 auto;margin-top:22px}
.help__content h3{font-size:15.5px;font-weight:700;color:var(--gray);line-height:1.2;margin:0 0 27px}
.help__content p{font-size:16px;line-height:26px;color:var(--gray);margin:0 0 43px}
.help__content p:last-child{margin-bottom:0}

/* ---------- Страница «Контакты» ---------- */
.page--contacts{padding-top:76px;padding-bottom:103px}
.ccard{margin-top:73px}
.phones{display:flex;padding:36px 60px 30px 87px;min-height:217px}
.phones__left{flex:0 0 380px}
.c-h{font-size:24px;font-weight:800;color:var(--gray);line-height:1.2}
.c-sub{font-size:15px;color:var(--gray);margin-top:20px;line-height:1.2}
.c-icons{display:flex;gap:12px;margin-top:10px;padding-left:4px}
.c-icons a{display:block;width:26px;height:26px;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.c-icons a svg{width:100%;height:100%;display:block}
.c-icons a.ok{width:30px;height:30px;box-shadow:none;margin-top:-2px}
.phones__col{font-size:17px;line-height:26px;color:var(--gray);margin-top:-3px}
.phones__col--1{flex:0 0 326px}
.phones__col--2{border-left:1px solid #555;padding-left:54px;margin-top:-1px;height:141px}
.phones__col a:hover{color:var(--blue)}
.addr{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
.addr__card{overflow:hidden;padding-bottom:43px}
.addr__head{display:flex;align-items:center;height:91px;padding-left:73px}
.addr__head .c-h{width:199px}
.addr__line{font-size:17px;color:var(--gray)}
.addr__head--r{padding-left:180px}
.addr__map{position:relative;display:block;height:381px;background:#eef0f2;overflow:hidden}
.addr__map img{display:block;width:100%;height:100%;object-fit:cover}
.addr__open{position:absolute;right:12px;bottom:12px;background:#fff;color:var(--dark);font-size:13px;font-weight:600;line-height:1;padding:10px 14px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:color .2s}
.addr__map:hover .addr__open,.addr__map:focus-visible .addr__open{color:var(--blue)}
.write{display:flex;padding:37px 40px 63px 87px;margin-top:29px}
.write__a{flex:0 0 289px}
.write__b{flex:0 0 311px;font-size:16px;line-height:26px;color:#222}
.write__b a{color:var(--blue);text-decoration:underline}
.write__b .req{margin-top:16px}

/* ---------- Подвал ---------- */
.footer{background:var(--footer);color:#ced2d3;padding:46px 0 70px}
.footer .container{max-width:1219px}
.footer__logo img{height:78px;width:auto}
.footer__grid{display:grid;grid-template-columns:533px 239px 239px 1fr;margin-top:46px}
.footer__h{font-size:16.5px;font-weight:500;color:var(--red);line-height:1.2;margin-bottom:12px}
.footer__contacts{font-size:15px;line-height:24px;color:#ced2d3;max-width:250px}
.footer__contacts a:hover{color:#fff}
.footer__links li{font-size:10.5px;line-height:18px;font-weight:500;color:#c6cacc}
.footer__links a:hover{color:#fff}
.footer__links--wrap{max-width:192px}
.footer__bottom{display:grid;grid-template-columns:533px 1fr;margin-top:32px}
.footer__soc-t{font-size:15px;color:#ced2d3;line-height:1.2}
.footer__soc{display:flex;gap:22px;margin-top:30px}
.footer__soc a{display:block;width:15px;height:15px}
.footer__soc svg{width:100%;height:100%;fill:#fff}
.footer__app{align-self:end;padding-bottom:0}
.footer__app-t{font-size:15px;color:#ced2d3;line-height:1.2;margin-bottom:6px}
.footer__stores{display:flex;gap:3px}
.footer__stores a{display:block;width:118px;height:34px;border-radius:4px;overflow:hidden}
.footer__stores img{width:118px;height:34px}
.footer__copy{font-size:13px;color:#9fa4a6;margin-top:30px;padding-left:969px}

/* ---------- Cookie ---------- */

/* ---------- Кнопка-уведомление «!» ---------- */
/* ---------- Cookie: без согласия ничего не сохраняется ---------- */
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(46,54,63,.98);color:#fff;padding:10px 20px;display:flex;align-items:center;justify-content:center;gap:12px 24px;font-size:12.5px;line-height:1.4}
.cookie[hidden]{display:none}
.cookie__text{max-width:900px;margin:0}
.cookie__btns{display:flex;gap:8px;flex:0 0 auto}
.cookie__btn{background:#45ae52;color:#fff;border:1px solid #45ae52;border-radius:3px;font-size:13px;font-weight:700;height:32px;padding:0 16px;transition:background .2s,border-color .2s}
.cookie__btn:hover{background:#3a9846;border-color:#3a9846}
.cookie__btn--no{background:transparent;border-color:rgba(255,255,255,.55)}
.cookie__btn--no:hover{background:rgba(255,255,255,.12);border-color:#fff}

/* ---------- Тарифы: заглушка ---------- */
.page--tariffs{padding-top:76px;padding-bottom:140px}
.stub{display:flex;flex-direction:column;align-items:center;text-align:center;padding:72px 30px 80px;margin-top:40px}
.stub__icon{width:64px;height:64px;border-radius:50%;background:var(--orange);color:#fff;font-size:36px;font-weight:800;display:flex;align-items:center;justify-content:center}
.stub__text{font-size:26px;line-height:1.3;font-weight:700;color:var(--dark);margin:28px 0 0}

.alert-btn{position:fixed;right:30px;bottom:max(80px,calc(var(--cookie-h,0px) + 16px));z-index:95;width:50px;height:50px;border-radius:50%;border:0;background:var(--orange);color:#fff;font-size:26px;font-weight:800;line-height:50px;padding:0;box-shadow:0 4px 14px rgba(252,167,90,.45);animation:alertPulse 2.4s ease-in-out infinite}
.alert-btn__badge{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#ff0000;color:#fff;font-size:12px;font-weight:500;line-height:20px;text-align:center}
@keyframes alertPulse{0%,100%{box-shadow:0 4px 14px rgba(252,167,90,.45),0 0 0 0 rgba(252,167,90,.45)}50%{box-shadow:0 4px 14px rgba(252,167,90,.45),0 0 0 12px rgba(252,167,90,0)}}

/* ---------- Модальные окна ---------- */
.modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(22,41,52,.62)}
.modal.open{display:flex;animation:fadeIn .2s ease}
.modal__box{outline:none;position:relative;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.25);width:100%;max-width:560px;max-height:calc(100vh - 40px);overflow:auto;padding:44px 48px 40px}
.modal__close{position:absolute;right:16px;top:16px;width:36px;height:36px;border:0;background:none;padding:0}
.modal__close::before,.modal__close::after{content:"";position:absolute;left:8px;right:8px;top:17px;height:2px;background:#9aa0a6;transform:rotate(45deg)}
.modal__close::after{transform:rotate(-45deg)}
.modal__close:hover::before,.modal__close:hover::after{background:var(--dark)}
.modal__title{font-size:24px;font-weight:800;color:var(--dark);line-height:1.25;margin-bottom:18px}
.notice__icon{width:54px;height:54px;border-radius:50%;background:var(--orange);color:#fff;font-size:30px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.notice__text{font-size:16px;line-height:26px;color:var(--gray)}
.notice__text p{margin:0 0 14px}
.notice__text ul{margin:0 0 14px;padding-left:4px}
.notice__text li{position:relative;padding-left:20px}
.notice__text li::before{content:"•";position:absolute;left:4px;color:var(--orange);font-weight:800}
.notice__sign{margin-top:20px;margin-bottom:0}
.notice__ok{width:100%;height:52px;font-size:17px;margin-top:22px}
.city-list a{display:block;padding:12px 0;border-bottom:1px solid #eee;font-size:18px;font-weight:500;color:var(--dark)}
.city-list a:hover,.city-list a.active{color:var(--blue)}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
body.modal-open{overflow:hidden}

/* ==========================================================================
   Адаптив
   ========================================================================== */
@media (max-width:1340px){
  .srv{padding-left:20px;padding-right:20px}
  .srv__media{width:56%;flex-basis:56%}
  .srv__media img{width:100%;height:auto;aspect-ratio:732/550}
  .srv__note{top:auto;bottom:-64px}
  .srv__row--left .srv__note{left:auto;right:-40px}
  .srv__body{padding-left:70px}
  .srv__row--right .srv__body{padding-right:40px}
  .hero__img{left:auto;right:0;width:48%}
}
@media (max-width:1240px){
  .menu a{padding:0 14px}
  .hphone{margin-right:0}
  .info__title{margin-left:0}
  .info__grid{margin-left:0;grid-template-columns:repeat(3,1fr)}
  .offers,.news{grid-template-columns:repeat(3,minmax(0,330px));column-gap:30px}
  .offer__img{width:100%;height:auto;aspect-ratio:1}
  .tiles{grid-template-columns:repeat(2,minmax(0,511px))}
  .footer__grid{grid-template-columns:1.6fr 1fr 1fr 1fr}
  .footer__bottom{grid-template-columns:1.6fr 3fr}
  .phones{padding-left:50px}
  .phones__left{flex-basis:260px}
  .write{padding-left:50px}
  .write__a{flex-basis:220px}
  .write__b{flex-basis:260px}
}
@media (max-width:1100px){
  .menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.12);padding:10px 0;margin:0}
  .menu a{padding:14px 30px;font-size:16px}
  .menu.open{display:flex}
  .burger{display:block}
  .hero__in{height:auto;padding:60px 15px 40px;display:flex;align-items:center;gap:30px}
  .hero__text{position:static;width:auto;flex:1 1 50%}
  .hero__img{position:static;width:45%}
  .services-intro{padding-top:80px}
  .srv__row,.srv__row--right{flex-direction:column;align-items:stretch;margin-bottom:90px;min-height:0}
  .srv__media,.srv__row--right .srv__media{width:100%;flex-basis:auto;order:0;margin:0}
  .srv__media img{width:100%;height:auto;aspect-ratio:732/372;object-fit:cover;object-position:top}
  .srv__note,.srv__row--left .srv__note,.srv__row--right .srv__note{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:auto;margin:-36px 20px 0;padding:24px 28px}
  .srv__body,.srv__row--right .srv__body{padding:36px 20px 0}
  .pay__card,.pay__card--split{flex-direction:column;padding:40px 36px}
  .pay__col + .pay__col{border-left:0;margin:32px 0 0;padding:32px 0 0;border-top:1px solid #ddd}
  .pay__card--split .pay__col{max-width:none;flex-basis:auto}
  .pay__logo{width:100%;max-width:420px;margin:30px 0 0;align-self:flex-start}
  .help{flex-direction:column}
  .help__side{flex-basis:auto}
  .phones,.write{flex-direction:column;padding:36px}
  .phones__left,.phones__col--1,.write__a,.write__b{flex-basis:auto}
  .phones__col{margin-top:18px}
  .phones__col--2{border-left:0;padding-left:0;height:auto}
  .write__b{margin-top:26px}
  .addr{grid-template-columns:1fr}
  .addr__head,.addr__head--r{padding:0 36px;height:auto;min-height:91px;flex-wrap:wrap;gap:6px 20px}
  .addr__head .c-h{width:auto}
}
@media (max-width:860px){
  .topbar__left{gap:20px}
  .hero__in{flex-direction:column-reverse;align-items:flex-start}
  .hero__img{width:100%;max-width:520px;align-self:center}
  .hero__title{font-size:38px}
  .hero__desc{font-size:18px;line-height:27px}
  .offers,.news{grid-template-columns:repeat(2,minmax(0,330px))}
  .tiles{grid-template-columns:1fr}
  .info__grid{grid-template-columns:1fr;row-gap:40px;margin-top:50px}
  .info__item,.info__item--c2{grid-column:auto;min-height:0}
  .info__item .more{margin-top:20px}
  .footer__grid,.footer__bottom{grid-template-columns:1fr 1fr;row-gap:30px}
  .footer__copy{padding-left:0}
}
@media (max-width:600px){
  body{font-size:15px}
  .page-title{font-size:30px}
  .page-lead{font-size:17px;line-height:24px}
  .topbar{display:none}
  .logo img{height:44px}
  .hphone__icon{margin-right:10px;margin-top:0}
  .hphone__num{font-size:15px}
  .srv__title{font-size:30px}
  .offers,.news{grid-template-columns:1fr;justify-items:center}
  .news-card,.offer{width:100%;max-width:330px}
  .city{flex-direction:column;gap:12px;font-size:17px}
  .city__change{margin-left:0}
  .filters{flex-wrap:wrap;gap:16px 26px}
  .radio{font-size:17px}
  .tile{font-size:19px;height:90px;padding:0 24px}
  .footer__grid,.footer__bottom{grid-template-columns:1fr}
  .modal__box{padding:36px 24px 28px}
  .acc__head{height:auto;min-height:67px;padding:14px 20px;flex-wrap:wrap}
  .acc__date{margin-left:0;width:100%;order:3}
  .alert-btn{right:16px;bottom:max(96px,calc(var(--cookie-h,0px) + 16px))}
  .cookie{flex-direction:column;padding:10px 16px 12px;font-size:12px;text-align:center}
  .stub{padding:48px 20px 54px}
  .stub__text{font-size:21px}
}