/* Start:/local/templates/template1/css/custom.css?17882775837569*/
/* Скругление для кнопки во всех версиях */
.button.button--loyalty {
border-radius: 12px !important;
overflow: hidden !important;
display: inline-flex !important; /* Меняем на inline-flex для идеального центрирования текста */
align-items: center !important; /* Центрируем текст по вертикали */
justify-content: center !important; /* Центрируем текст по горизонтали */
padding: 10px 20px !important; /* Добавляем «воздуха» вокруг текста */
line-height: 1 !important; /* Убираем лишние отступы от строки */
white-space: nowrap !important; /* Запрещаем тексту переноситься на новую строку */
}
/* скругление для галереи */
.gallery__picture {
border-radius: 14px;
overflow: hidden;
}
.gallery__img {
display: block;
width: 100%;
}
/* =========================================================
3A MENU — CLEAN FINAL
- Desktop (mouse hover, >=1201px): "Наши отели" = 2 колонки (10+)
- 1101–1200px (проблемная зона): делаем 1 колонку + высокий скролл (как мобилка)
- <=1100px: аккордеон + внутренний скролл (все отели)
- Hover/tap: только затемнение
- Phone icon: трубка (<=1200)
========================================================= */
/* ===================== 0) Premium interaction: only dimming ===================== */
.header__navigation .menu__item > a,
.header__navigation .menu__link,
.header__navigation .menu__sub.submenu a{
transition: opacity .18s ease !important;
-webkit-tap-highlight-color: transparent !important;
}
@media (hover:hover) and (pointer:fine){
.header__navigation .menu__item > a:hover,
.header__navigation .menu__link:hover,
.header__navigation .menu__sub.submenu a:hover{ opacity:.65 !important; }
.header__navigation .menu__item > a:active,
.header__navigation .menu__link:active,
.header__navigation .menu__sub.submenu a:active{ opacity:.55 !important; }
}
@media (hover:none) and (pointer:coarse){
.header__navigation .menu__item > a:active,
.header__navigation .menu__link:active,
.header__navigation .menu__sub.submenu a:active{ opacity:.60 !important; }
}
/* ===================== 1)-2) Подменю в бургер-меню =====================
Блоки для <=1100px и 1101-1200px удалены: поведение выпадающего
подменю целиком описано в dev/styles/blocks/menu-dev-mode.scss
(абсолютное позиционирование + собственный скролл).
===================================================================== */
/* ===================== 3) REAL DESKTOP dropdown: >=1201px and mouse hover => 2 columns ===================== */
@media (min-width:1201px) and (hover:hover) and (pointer:fine){
.header__top-block:not(.header__top-block--open-menu)
.menu__item--submenu > .menu__sub.submenu:has(.submenu__item:nth-child(10)),
.js-header__top-block:not(.js-header__top-block--open-menu)
.menu__item--submenu > .menu__sub.submenu:has(.submenu__item:nth-child(10)){
column-count:3 !important;
column-gap:28px !important;
width:min(1040px, 96vw) !important;
max-width:96vw !important;
padding:14px 16px !important;
box-sizing:border-box !important;
background:#fff !important;
border-radius:14px !important;
box-shadow:
0 14px 40px rgba(0,0,0,.10),
0 6px 16px rgba(0,0,0,.06) !important;
line-height:1.25 !important;
/*background-image:linear-gradient(*/
/* to right,*/
/* transparent 49.8%,*/
/* rgba(0,0,0,.035) 50%,*/
/* transparent 50.2%*/
/*) !important;*/
/*background-repeat:no-repeat !important;*/
max-height:min(70vh, 560px) !important;
overflow-y:auto !important;
overflow-x:hidden !important;
column-fill:auto !important;
opacity:0;
visibility:hidden;
transform:translateY(10px);
pointer-events:none;
transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
transition-delay:0s,0s,.12s;
}
.header__top-block:not(.header__top-block--open-menu)
.menu__item--submenu:hover > .menu__sub.submenu:has(.submenu__item:nth-child(10)),
.header__top-block:not(.header__top-block--open-menu)
.menu__item--submenu.menu__item--submenu-show > .menu__sub.submenu:has(.submenu__item:nth-child(10)),
.js-header__top-block:not(.js-header__top-block--open-menu)
.menu__item--submenu:hover > .menu__sub.submenu:has(.submenu__item:nth-child(10)),
.js-header__top-block:not(.js-header__top-block--open-menu)
.menu__item--submenu.menu__item--submenu-show > .menu__sub.submenu:has(.submenu__item:nth-child(10)){
opacity:1;
visibility:visible;
transform:translateY(0);
pointer-events:auto;
transition-delay:0s;
}
.header__top-block:not(.header__top-block--open-menu)
.menu__item--submenu > .menu__sub.submenu:has(.submenu__item:nth-child(10)) > .submenu__item,
.js-header__top-block:not(.js-header__top-block--open-menu)
.menu__item--submenu > .menu__sub.submenu:has(.submenu__item:nth-child(10)) > .submenu__item{
break-inside:avoid;
-webkit-column-break-inside:avoid;
padding:2px 0 !important;
}
.header__top-block:not(.header__top-block--open-menu)
.menu__item--submenu > .menu__sub.submenu:has(.submenu__item:nth-child(10)) a,
.js-header__top-block:not(.js-header__top-block--open-menu)
.menu__item--submenu > .menu__sub.submenu:has(.submenu__item:nth-child(10)) a{
display:block;
padding:7px 10px !important;
border-radius:10px !important;
line-height:1.15 !important;
white-space:normal;
}
}
/* ===================== 4) Phone icon -> handset (<=1200px) ===================== */
@media (max-width:1200px){
.header__contacts-icon.icon.icon-phone{
position:relative !important;
width:28px !important;
height:28px !important;
background:none !important;
background-image:none !important;
border:0 !important;
}
.header__contacts-icon.icon.icon-phone::after{
content:none !important;
display:none !important;
}
.header__contacts-icon.icon.icon-phone::before{
content:"" !important;
display:block !important;
width:22px !important;
height:22px !important;
background-color:rgba(255,255,255,.95) !important;
-webkit-mask:url("data:image/svg+xml;utf8,\
") center/contain no-repeat !important;
mask:url("data:image/svg+xml;utf8,\
") center/contain no-repeat !important;
}
.header__contacts-phone{
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
}
}
/* End */
/* /local/templates/template1/css/custom.css?17882775837569 */