/* ==== Мобильная адаптация (добавлено поверх старого шаблона) ==== */ /* Критичный стиль кнопки «Забронировать» — подключается в , чтобы ссылка не мелькала стандартной синей до загрузки site.js (FOUC). */ .fd-bookbtn{display:inline-block;background:linear-gradient(180deg,#f4ebd8,#eee4cf);color:#4a2a08 !important;border:1px solid #d8c9a4;font-weight:600;text-decoration:none !important;padding:8px 20px;border-radius:24px;font-size:14px;line-height:1.2;box-shadow:0 2px 7px rgba(0,0,0,.25);margin:3px 5px;vertical-align:middle;} .header-info .fd-bookbtn{padding:4px 15px;font-size:13px;margin:0 4px;line-height:1.15;box-shadow:0 1px 4px rgba(0,0,0,.25);} /* Шрифт Onest применяется из — без позднего reflow от site.js */ body,h1,h2,h3,h4,h5,h6,p,a,li,ul,ol,td,th,nav,header,footer,div,span,button,input,select,textarea{font-family:'Onest','Open Sans',sans-serif;} img{max-width:100%;height:auto;} iframe{max-width:100%;} @media (max-width:900px){ html,body{overflow-x:hidden;} /* убираем жёсткую минимальную ширину макета */ div.container{min-width:0 !important;max-width:100% !important;width:100% !important;} .container{padding-left:14px !important;padding-right:14px !important;} /* шапка тянется по содержимому, а не фикс. высота */ header,.background-header{height:auto !important;min-height:0 !important;background-size:auto 100%;} .header-info{height:auto !important;padding:10px 12px !important;font-size:12px !important;line-height:1.6 !important;} /* меню переносится и центрируется */ nav ul{padding:6px 0 !important;text-align:center;line-height:normal !important;} nav ul li{display:inline-block !important;width:auto !important;line-height:1.3 !important;overflow:visible !important;margin:5px 9px !important;} nav ul li a{font-size:16px !important;} /* контентные таблицы (например карта + контакты) — в столбик */ .container table,.container tbody,.container tr,.container td{display:block !important;width:100% !important;height:auto !important;box-sizing:border-box;} .container td{padding:0 0 14px 0 !important;} /* подвал */ footer{padding:22px 16px !important;} footer [style*="float"]{float:none !important;width:auto !important;margin:0 0 14px 0 !important;} /* слайдер не шире экрана */ .bx-wrapper{max-width:100% !important;} .bxslider img{width:100%;height:auto;} /* кнопка "Забронировать" на отдельной строке, по центру */ .header-info .fd-bookbtn{display:inline-block;margin:6px 4px;} } @media (max-width:600px){ .container{padding-left:10px !important;padding-right:10px !important;} .header-info{font-size:11px !important;} nav ul li{margin:4px 7px !important;} nav ul li a{font-size:15px !important;} h1{font-size:1.5em !important;line-height:1.25;} h2{font-size:1.25em !important;} } /* ==== Карта Яндекса: резиновая, заполняет колонку ==== */ .zoom_w{width:100%;} .zoom_w iframe{width:100% !important;max-width:100% !important;height:450px;border:0;display:block;} @media (max-width:600px){ .zoom_w iframe{height:340px;} } /* ==== Бургер-меню (мобильные) ==== */ .fd-burger{display:none;} @media (max-width:900px){ /* убираем десктопные отступы и текстуру у полосы меню, иначе выпадающее меню оказывается зажатым в узкую колонку */ header nav ul{margin:0 !important;padding:0 !important;background:none !important;} /* кнопка-бургер в стиле сайта: коричневый градиент + золотой текст */ .fd-burger{display:flex;align-items:center;justify-content:center;gap:9px; width:calc(100% - 28px);margin:10px 14px;padding:13px 16px; background:linear-gradient(180deg,#5a3411,#3d2206); color:#eee4cf;border:1px solid #8a5a24;border-radius:8px; font-size:16px;font-weight:bold;letter-spacing:.3px;cursor:pointer; box-shadow:0 2px 6px rgba(0,0,0,.25);-webkit-tap-highlight-color:transparent; transition:background .15s,color .15s;} .fd-burger:hover,.fd-burger:focus{background:linear-gradient(180deg,#6b401a,#4a2a08);color:#fff7e6;} .fd-burger:active{transform:translateY(1px);} /* выпадающее меню — аккуратная коричневая панель на всю ширину */ nav ul#mainMenu{display:none;margin:0 14px 10px !important;padding:0 !important; background:linear-gradient(180deg,#4a2a08,#3d2206); border:1px solid #8a5a24;border-radius:8px;overflow:hidden; box-shadow:0 4px 14px rgba(0,0,0,.25);} nav.fd-open ul#mainMenu{display:block;} nav ul#mainMenu li{display:block !important;width:100% !important;margin:0 !important;padding:0 !important; line-height:normal !important;overflow:visible !important; border-top:1px solid rgba(255,255,255,.12);} nav ul#mainMenu li:first-child{border-top:0;} nav ul#mainMenu li a{display:block;padding:14px 18px;font-size:17px !important;color:#eee4cf !important;} nav ul#mainMenu li a:hover, nav ul#mainMenu li a.selected{color:#fff7e6 !important;background:rgba(255,255,255,.05);} } /* Авто-кнопка "Забронировать" на мобильных — в потоке, по центру */ @media (max-width:900px){ .fd-bookbtn-auto{position:static !important;transform:none !important;display:block;width:max-content;margin:8px auto !important;} } /* ==== Плитки контента: по 2 в ряд на мобильных (вместо 4 и 3) ==== */ @media (max-width:600px){ .special li{width:50% !important;padding:5px !important;} .special li>div{padding:0 5px !important;} .special li .title{font-size:1em !important;padding:7px 0 !important;} .btmPlitka li{width:100% !important;margin-bottom:10px;} } @media (max-width:380px){ .special li{width:100% !important;} } /* ==== Фотогалерея (страницы «Гостиница» и «Ресторан»): резиновая ==== */ @media (max-width:600px){ .artismedia_gallery_box{width:100% !important;} .artismedia_gallery_box ul{width:100% !important;padding:0 !important;margin:0 !important;text-align:center;} .artismedia_gallery_box ul li{float:none !important;display:inline-block !important;vertical-align:top; width:calc(50% - 14px) !important;box-sizing:border-box !important;margin:5px !important;padding:5px !important;} .artismedia_gallery_box .portofolio_item.one_fourth, .artismedia_gallery_box .portofolio_item.one_fourth .image_frame, .artismedia_gallery_box .image_holder{width:100% !important;height:auto !important;} .artismedia_gallery_box img{width:100% !important;height:auto !important;} } @media (max-width:400px){ .artismedia_gallery_box ul li{width:100% !important;} }