/* 13.11.2026 — правки Михаила «правки бассейны версия 3.docx». Подключается последним во все страницы (tb_fix1113b.py). */

/* п.6: надпись о технических работах вверху */
.rl-notice{background:#fff4d6;color:#5a4300;border-bottom:1px solid #f0d58a;font:500 14px/1.45 Montserrat,sans-serif;text-align:center;padding:9px 15px;margin:0}

@media (max-width:1023px){.rl-notice{font-size:13px;padding:8px 12px}}

/* п.1: меню крупнее */
html body .sidebar__nav-link{font-size:17px!important;line-height:1.3!important}
/* 13.11 ночь (Ник: «обрезается внизу»): на невысоких экранах промежутки меню ужимаются, чтобы NovoPool внизу помещался */
@media (min-width:1024px){html body .sidebar__nav-link{padding-top:clamp(4px,calc((100vh - 300px) / 20 - 11px),17px)!important;padding-bottom:clamp(4px,calc((100vh - 300px) / 20 - 11px),17px)!important}}
@media (min-width:1024px) and (max-height:620px){html body .sidebar__nav-link{font-size:15px!important}}
@media (max-width:1023px){
  html body .sidebar__nav-link{font-size:20px!important}
  html body .sidebar__nav-link svg{width:24px!important;height:24px!important}
  html body .sidebar__nav-item{margin-bottom:10px}
}

/* п.2: новый баннер, адаптивный */
html body .main-screen{overflow:hidden}
html body .main-screen__img img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 74%!important}   /* 13.11 вечер: баннер R-Line 6232 — бассейн целиком */
html body .main-screen__img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.12) 62%,rgba(0,0,0,0) 78%);pointer-events:none}   /* 13.11 ночь: текст читаемее */
html body .main-screen__img{position:absolute;z-index:0!important}
html body .main-screen .center-wrap{position:relative;z-index:3!important}
html body .main-screen__subtitle{font-family:Montserrat,sans-serif!important}
html body .main-screen__title,html body .main-screen__subtitle{opacity:1!important;color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.45)}
@media (max-width:767px){
  html body .main-screen{height:340px!important;min-height:0!important}
  html body .main-screen__img img{object-position:50% 100%!important}
  html body .main-screen__img::after{background:linear-gradient(180deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.38) 45%,rgba(0,0,0,0) 72%)}
  html body .main-screen .center-wrap{position:absolute!important;left:0;right:0;top:18px!important;bottom:auto!important}   /* 13.11 вечер: текст сверху — бассейн внизу виден */
  html body .main-screen__title{font-size:28px!important;line-height:1.15!important;margin-bottom:10px!important}
  html body .main-screen__subtitle{font-size:14px!important;line-height:1.4!important}
}

@media (max-width:1023px){
  /* п.5: услуги на главной — иконка, название и стрелка в одну строку с полями */
  html body .services__list.desktop--hide{padding:0 15px!important;margin-top:18px!important}
  html body .services__list.desktop--hide .services__item{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;padding:14px 0!important;border-bottom:1px solid #e9edf2;text-decoration:none}
  html body .services__list.desktop--hide .services__item > div:first-child{display:flex!important;align-items:center!important;gap:14px;flex:1 1 auto;min-width:0;height:auto!important}
  html body .services__list.desktop--hide .services__img{flex:0 0 52px;width:52px!important;height:52px!important}
  html body .services__list.desktop--hide .services__img > div{width:52px!important;height:52px!important;border-radius:10px}
  html body .services__list.desktop--hide .services__info{width:auto!important;margin:0!important;padding:0!important}
  html body .services__list.desktop--hide .services__title,html body .services__list.desktop--hide .services__title h5{font-size:16px!important;margin:0!important;width:auto!important}
  html body .services__list.desktop--hide .services__item > div:last-child{flex:0 0 auto;width:auto!important;margin:0!important}

  /* п.9: модели в разделе — листаются вбок компактными карточками, следующая видна краем */
  html body .series-list .mobile--hide.mobile--hide.mobile--hide.series__modelsList{display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:66%!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 2px 12px!important;margin:0 0 6px!important;scrollbar-width:thin}
  html body .series__modelsList > .series__model{scroll-snap-align:start;width:auto!important;border:1px solid #e3e8ee;border-radius:10px;padding:12px!important;margin:0!important;background:#fff;box-sizing:border-box}
  html body .series__modelsList .series__modelName{font-size:14px!important;display:block;margin:0 0 8px!important}
  html body .series__modelsList .series__modelImage{width:100%!important;height:70px!important;object-fit:contain!important;margin:0 0 8px!important}
  html body .series__modelsList .series__modelPrice{font-size:15px!important;font-weight:600;display:block;margin:0 0 6px!important}
  html body .series__modelsList .series__model > br{display:none}
  html body .series__modelsList .product__specifications{display:grid!important;grid-template-columns:auto auto;gap:2px 8px!important;font-size:12px!important;margin:0!important}
  html body .series__modelsList .product__specifications-item{font-size:12px!important;margin:0!important;padding:0!important;line-height:1.35!important}
  html body .series__modelsList .product__specifications-itemDash{display:none!important}
  html body .series__item{margin-bottom:12px!important}
  html body .rl-swipe-hint{display:block;font:12px Montserrat,sans-serif;color:#8a94a0;margin:-2px 0 18px}
}
.rl-swipe-hint{display:none}

/* 13.11 ночь (Ник): кнопки Telegram / VK / MAX «оживают» при наведении — приподнимаются, тень, чуть ярче */
html body .wrap_social a,html body .header__telegram,html body .header__messenger,html body a.header__phone,html body .header__content a[href*="t.me"],html body .header__content a[href*="max.ru"]{display:inline-flex;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;border-radius:50%;will-change:transform}
html body .wrap_social a:hover,html body .header__telegram:hover,html body .header__messenger:hover,html body a.header__phone:hover,html body .header__content a[href*="t.me"]:hover,html body .header__content a[href*="max.ru"]:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 6px 16px rgba(64,129,255,.35);filter:brightness(1.08)}
html body .wrap_social a:active,html body .header__telegram:active,html body .header__messenger:active,html body a.header__phone:active{transform:translateY(0) scale(.96);box-shadow:none}
html body .wrap_social a:focus-visible,html body .header__telegram:focus-visible,html body .header__messenger:focus-visible{outline:2px solid #4081ff;outline-offset:3px}
@media (prefers-reduced-motion:reduce){html body .wrap_social a,html body .header__telegram,html body .header__messenger,html body a.header__phone{transition:none}}

/* 13.11 ночь (Ник: «шрифт еле виден», «кнопка прыгает по цвету»): формы — текст темнее, кнопки при наведении мягко светлеют */
html body form.inputs .inputs__content,html body form.inputs .inputs__label,html body form.inputs .inputs__field::placeholder{color:#6b7280!important}
html body form.inputs .inputs__field{color:#2b2f36!important}
html body form.inputs .rl-city-wrap p.inputs__content{color:#6b7280!important}
html body form.inputs .rl-city-wrap .rl-city-val{color:#2b2f36!important}
html body form.inputs .rl-city-wrap svg path{fill:#6b7280}
html body .inputs__personal,html body .inputs__personal p{color:#6b7280!important}
html body .inputs__personal a,html body .inputs__personal-link{color:#4b5563!important}
html body .inputs__row{border-bottom-color:#b8bec7!important}
html body .btn.btn--black{transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease!important}
html body .btn.btn--black:hover{background-color:#3a3d42!important;color:#fff!important;border-color:#3a3d42!important;box-shadow:0 6px 18px rgba(0,0,0,.18)}
html body .btn.btn--blue{transition:background-color .2s ease,box-shadow .2s ease!important}
html body .btn.btn--blue:hover{background-color:#2f6fe8!important;color:#fff!important;box-shadow:0 6px 18px rgba(64,129,255,.3)}
html body .btn.btn--black:active,html body .btn.btn--blue:active{transform:translateY(1px);box-shadow:none}

/* 13.11 ночь (Ник: «телефон в шапке мелкий», «список перекрывает», «дёргается», «не успеть нажать»): номер крупнее и не дёргается;
   список телефонов — вплотную ПОД номером (без зазора) и закрывается с задержкой 0,3 с, чтобы успеть довести мышь до «Заказать звонок» */
@media (min-width:1024px){
  html body .select-phone{width:auto!important;padding-right:14px}
  html body .select-phone__value,html body .select-phone__value:hover{opacity:1!important}
  html body .select-phone__value a{font-size:17px!important;font-weight:600!important;letter-spacing:.2px;color:#1f2329!important;transition:color .2s ease}
  html body .select-phone:hover .select-phone__value a{color:#4081ff!important}
  html body .select-phone__value svg{left:auto!important;right:0!important}
  html body .select-phone__variants{top:100%!important;left:50%!important;transform:translateX(-50%) translateY(4px)!important;min-width:220px;border-radius:12px!important;box-shadow:0 10px 28px rgba(20,30,50,.16)!important;padding:6px!important;margin-top:0!important;
    transition:opacity .18s ease .3s,transform .18s ease .3s,visibility 0s linear .48s!important}
  html body .select-phone:hover .select-phone__variants{transform:translateX(-50%) translateY(0)!important;transition:opacity .18s ease 0s,transform .18s ease 0s,visibility 0s linear 0s!important}
  html body .select-phone::after{content:"";position:absolute;left:-10px;right:-10px;top:100%;height:10px}   /* мостик под номером */
  html body .select-phone__variant a{font-size:16px!important}
  html body .select-phone__variant a:hover{opacity:1!important;color:#4081ff!important}
}

/* 13.11 ночь (Ник: «окно вылезает неестественно»): окна (Заказать звонок и др.) появляются вместе с затемнением — плавно, чуть снизу */
html body .popup-wrap{transition:opacity .22s ease!important}
html body .popup-wrap .popup{transition:opacity .25s ease,transform .25s cubic-bezier(.2,.8,.2,1)!important;transform:translateY(14px) scale(.985);top:0!important}
html body .popup-wrap.popup-wrap--opacity1 .popup{opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce){html body .popup-wrap .popup{transition:none!important;transform:none!important}}

/* 13.11 ночь (Ник, телефон): пустота над плашкой и под баннером; меню целиком на экране; плашку про Beget можно закрыть */
@media (max-width:1023px){
  html body .body__wrapper{margin-top:0!important}
  html body .services{padding-top:26px!important}
  html body .services__list.desktop--hide{margin-top:6px!important}
  html body .sidebar__nav-link{font-size:17px!important;padding-top:9px!important;padding-bottom:9px!important}
  html body .sidebar__nav-link svg{width:22px!important;height:22px!important}
  html body .sidebar__nav-item{margin-bottom:0!important}
  html body .sidebar__nav{overflow:visible!important;height:auto!important;max-height:none!important;flex:0 0 auto!important}
  html body .wrap_social{padding-top:10px!important;padding-bottom:10px!important}
  html body .sidebar__bottom{margin-top:8px!important}
}
.rl-nx .rl-notice{display:none!important}
.rl-notice{position:relative;padding-right:44px!important;padding-left:44px!important}
.rl-notice__x{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#7a6420;font:400 22px/28px Montserrat,sans-serif;cursor:pointer;padding:0;transition:background-color .15s ease}
.rl-notice__x:hover{background:rgba(122,100,32,.12)}
/* 13.11 ночь: согласие на телефоне — над кнопкой; заголовок формы — без засечек */
@media (max-width:1023px){
  html body form.inputs .inputs__row:has(.rl-consent-wrap){display:flex!important;flex-direction:column!important}
  html body form.inputs .inputs__row .rl-consent-wrap{order:-1;margin:6px 0 14px!important}
}
html body .contact__title,html body .contact__form .contact__title{font-family:Montserrat,sans-serif!important}
html body .rl-consent a{color:#4081ff!important}

/* 13.11 ночь (Ник: «окно заявки при появлении дёргается»): при открытии окна прокрутка страницы блокируется и полоса прокрутки пропадает —
   страница сдвигалась вбок на её ширину. Место под полосу держим всегда. */
html{scrollbar-gutter:stable}

/* 13.11 ночь: при открытом мобильном меню плашка cookie не перекрывает низ меню */
body.tb-open #rl-cookie{display:none!important}

/* 14.11 (Михаил, v4 п.4, п.6): бассейн по центру — слайдер Hugo R-Line и баннер главной (кадр banner-pool.jpg вырезан так, что бассейн ровно посередине) */
html body .series__itemGallery img[src*="rline6232-3"]{object-position:50% 72%!important}
html body .main-screen__img img[src*="banner-pool"]{object-position:50% 50%!important}
html body .main-screen__img--mobile img[src*="rline6232-3"]{object-position:50% 92%!important}

/* 14.11 (Михаил): заголовок модели — просто название (без выбора других моделей), прежний крупный вид без стрелки и пунктира */
html body .product__info2-model h1,html body .product__info2-model h2{font-family:Montserrat,sans-serif!important;font-size:28px!important;font-weight:400!important;line-height:1.25!important;text-transform:uppercase;color:#3b3b3b!important;margin:4px 0 0!important;border:0!important;text-decoration:none!important}
html body .product__info2-model h4{font-family:Montserrat,sans-serif!important}
@media (max-width:767px){html body .product__main .product__info2-model h1,html body .product__main .product__info2-model h2{font-size:22px!important}}