https://booking-center.ru/component---src-pages-new-year-2027-js-d78bb9f491553222ffe0.js

1"use strict";(self.webpackChunkgatsby_starter_default=self.webpackChunkgatsby_starter_default||[]).push([[99],{565:function(n,e,o){o.r(e);var t=o(6540),i=o(7047),a=o(2269),r=o(9331);const l=(n,e)=>`/booking?hotel_id=${n}&be-offer=${e}`,s=[{code:"BR",name:"Business Residence",icon:"✦",accent:"business",description:"Тёплый и стильный отель с панорамными видами на заснеженные склоны, SPA и праздничной атмосферой.",newYear:{blocks:[{from:"30.12.2026",to:"02.01.2027",duration:"4 дня / 3 ночи",bookingUrl:l(26724,944690)},{from:"31.12.2026",to:"03.01.2027",duration:"4 дня / 3 ночи",bookingUrl:l(26724,944692)},{from:"31.12.2026",to:"02.01.2027",duration:"3 дня / 2 ночи",bookingUrl:l(26724,944693)}],included:["Проживание","Питание полупансион","В подарок от отеля: билет на новогоднюю программу на горнолыжном склоне"]},holidays:{period:"02.01.2027 — 10.01.2027",bookingUrl:l(26724,944694),minimumNights:[{date:"02.01.2027",nights:3},{date:"03.01.2027",nights:2},{date:"05.01.2027",nights:3},{date:"06.01.2027",nights:3},{date:"08.01.2027",nights:2}],closedArrivals:["04.01.2027","07.01.2027"],included:["Проживание","Питание полупансион"]}},{code:"SV",name:"посёлок Sunny Valley",icon:"◆",accent:"sunny",description:"Альпийская деревня у подъёмника — место, где утром можно выйти навстречу снегу, горам и новым приключениям.",newYear:{blocks:[{from:"30.12.2026",to:"02.01.2027",duration:"4 дня / 3 ночи",bookingUrl:l(15975,944868)}],included:["Проживание","Питание полупансион","В подарок от отеля: билет на новогоднюю программу на горнолыжном склоне"]},holidays:{period:"02.01.2027 — 10.01.2027",bookingUrl:l(15975,944871),minimumNights:[{date:"02.01.2027",nights:3},{date:"05.01.2027",nights:3},{date:"08.01.2027",nights:2}],closedArrivals:["03.01.2027","04.01.2027","06.01.2027","07.01.2027","09.01.2027"],included:["Проживание","Питание полупансион"]}},{code:"FA",name:"Family Alley",icon:"♡",accent:"family",description:"Уютное место для семейной сказки: тёплые вечера, детские развлечения и много радости для всей семьи.",newYear:{blocks:[{from:"30.12.2026",to:"02.01.2027",duration:"4 дня / 3 ночи",bookingUrl:l(15977,945002)}],included:["Проживание","Питание полупансион","В подарок от отеля: билет на новогоднюю программу на горнолыжном склоне"]},holidays:{period:"02.01.2027 — 10.01.2027",bookingUrl:l(15977,945005),minimumNights:[{date:"02.01.2027",nights:3},{date:"05.01.2027",nights:3},{date:"08.01.2027",nights:2}],closedArrivals:["03.01.2027","04.01.2027","06.01.2027","07.01.2027","09.01.2027"],included:["Проживание","Питание полупансион"]}},{code:"SR",name:"Sports Residence",icon:"▲",accent:"sports",description:"Современный отель у склонов для тех, кто хочет начать праздничное утро с лыж, снега и ярких эмоций.",newYear:{blocks:[{from:"30.12.2026",to:"02.01.2027",duration:"4 дня / 3 ночи",bookingUrl:l(15978,950367)},{from:"31.12.2026",to:"03.01.2027",duration:"4 дня / 3 ночи",bookingUrl:l(15978,950368)},{from:"31.12.2026",to:"02.01.2027",duration:"3 дня / 2 ночи",bookingUrl:l(15978,950369)}],included:["Проживание","Питание полупансион","В подарок от отеля: билет на новогоднюю программу на горнолыжном склоне"]},holidays:{period:"02.01.2027 — 10.01.2027",bookingUrl:l(15978,950578),minimumNights:[{date:"02.01.2027",nights:3},{date:"03.01.2027",nights:2},{date:"05.01.2027",nights:3},{date:"06.01.2027",nights:3},{date:"08.01.2027",nights:2}],closedArrivals:["04.01.2027","07.01.2027","09.01.2027"],included:["Проживание","Питание полупансион"]}}

1,{code:"FH",name:"Forest House",icon:"❋",accent:"forest",description:"Лесные домики среди заснеженных елей — тишина, уют и настоящая зимняя сказка.",newYear:{blocks:[{from:"30.12.2026",to:"02.01.2027",bookingUrl:l(33060,953101),duration:"4 дня / 3 ночи"}],included:["Проживание без питания","В подарок от отеля: билет на новогоднюю программу на горнолыжном склоне"]},holidays:{period:"03.01.2027 — 10.01.2027",bookingUrl:l(33060,953297),minimumNights:[{date:"03.01.2027",nights:3},{date:"06.01.2027",nights:4}],closedArrivals:["04.01.2027","05.01.2027","07.01.2027","08.01.2027","09.01.2027"],included:["Проживание без питания"]}},{code:"CE",name:"посёлок «Чудо Ёлки»",icon:"✧",accent:"forest",description:"Альпийские дома среди елей для тех, кто мечтает проснуться в новогодней сказке и провести праздник в своём доме.",newYear:{blocks:[{from:"30.12.2026",to:"02.01.2027",duration:"4 дня / 3 ночи",bookingUrl:l(61625,976173)}],included:["Проживание","Питание завтрак","В подарок от отеля: билет на новогоднюю программу на горнолыжном склоне"]},holidays:{period:"02.01.2027 — 10.01.2027",minimumNights:[{date:"02.01.2027",nights:3},{date:"05.01.2027",nights:3},{date:"08.01.2027",nights:2}],closedArrivals:["03.01.2027","04.01.2027","06.01.2027","07.01.2027","09.01.2027"],included:["Проживание","Питание завтрак"]}}],d=[{icon:"🎿",title:"Горнолыжный склон",subtitle:"Уличная праздничная площадка",description:"Новогодняя программа в ночь с 31 декабря на 1 января.",features:["Развлекательная программа","Ночное катание","Поздравление президента","Праздничный салют"],access:"Доступно всем гостям, которые забронировали проживание по тарифу «Новогодний».",booking:null,accent:"red",presentation:"#"},{icon:"🍽️",title:"Ресторан Sunny Valley",subtitle:"Новогодний банкет",description:"Семейный новый год в уютном ресторане в стиле шале.",features:["Новогодний банкет","Развлекательная программа"],access:"Бронирование площадки доступно гостям, которые забронировали проживание по тарифу «Новогодний».",booking:"Количество мест ограничено, спешите бронировать.",accent:"gold",presentation:"/documents/new-year-location-1.pdf"},{icon:"🥂",title:"Банкетный зал Business Residence",subtitle:"Новогодний банкет",description:"Главная ночь года в стиле альпийский шик в банкетном зале.",features:["Новогодний банкет","Развлекательная программа"],access:"Бронирование площадки доступно гостям, которые забронировали проживание по тарифу «Новогодний».",booking:"Количество мест ограничено, спешите бронировать.",accent:"blue",presentation:"/documents/new-year-location-2.pdf"}],p=n=>{let{eyebrow:e,title:o,text:t,light:i=!1}=n;return(0,r.Y)("div",{className:"section-heading "+(i?"section-heading-light":"")},e&&(0,r.Y)("div",{className:"section-eyebrow"},e),(0,r.Y)("h2",null,o),t&&(0,r.Y)("p",null,t))},c=n=>{let{children:e="Информация уточняется"}=n;return(0,r.Y)("div",{className:"empty-state"},(0,r.Y)("span",null,"◌"),e)},g=n=>{let{blocks:e}=n;return e&&0!==e.length?(0,r.Y)("div",{className:"new-year-blocks"},e.map(n=>(0,r.Y)("div",{className:"new-year-block",key:`${n.from}-${n.to}`},(0,r.Y)("div",null,(0,r.Y)("div",{className:"block-dates"},n.from," — ",n.to),(0,r.Y)("div",{className:"block-duration"},n.duration)),n.bookingUrl?(0,r.Y)("a",{className:"small-button",href:n.bookingUrl},"Выбрать"):(0,r.Y)("button",{type:"button",className:"small-button",disabled:!0},"Уточняется")))):(0,r.Y)(c,null,"Периоды проживания уточняются")},f=n=>{var e;let{holidays:o}=n;return o?(0,r.Y)("div",{className:"holiday-rules"},(0,r.Y)("div",{className:"holiday-period"},(0,r.Y)("span",null,"Период действия тарифа"),(0,r.Y)("strong",null,o.period)),(0,r.Y)("div",{className:"rules-heading"},"Минимальное количество ночей при заезде"),(0,r.Y)("div",{className:"arrival-rules"},o.minimumNights.map(n=>(0,r.Y)("div",{className:"arrival-rule",key:n.date},(0,r.Y)("span",null,n.date),(0,r.Y)("strong",null,"от ",n.nights," ночей")))),(null===(e=o.closedArrivals)||void 0===e?void 0:e.length)>0&&(0,r.Y)("div",{className:"closed-dates"},(0,r.Y)("div",{className:"rules-heading"},"⛔ Закрытые даты для заезда"),(0,r.Y)("div",{className:"closed-date-list"},o.closedArrivals.map(n=>(0,r.Y)("span",{key:n},n))))):(0,r.Y)(c,null,"Периоды каникул уточняются")},b=n=>{let{included:e}=n;return(0,r.Y)("div",{className:"included-block"},(0,r.Y)("div",{className:"info-title"},(0,r.Y)("span",null,"✦"),"Включено в тариф"),e&&0!==e.length?(0,r.Y)("ul",null,e.map(n=>(0,r.Y)("li",{key:n},n))):(0,r.Y)("div",{className:"included-unknown"},"Праздничные детали тарифа скоро появятся"))},x=n=>{var e,o,i;let{hotel:a,activeTab:l}=n;const s="newYear"===l,d=s?a.newYear:a.holidays,p=s&&1===(null==d||null===(e=d.blocks)||void 0===e?void 0:e.length)&&(null===(o=d.blocks[0])||void 0===o?void 0:o.bookingUrl),c=!s&&(null==d?void 0:d.bookingUrl);return(0,r.Y)("article",{className:`hotel-card hotel-${a.accent}`},(0,r.Y)("div",{className:"hotel-card-glow"}),(0,r.Y)("div",{className:"hotel-snowflake hotel-snowflake-one"},"❄"),(0,r.Y)("div",{className:"hotel-snowflake hotel-snowflake-two"},"✦"),(0,r.Y)("div",{className:"hotel-ribbon"},(0,r.Y)("span",null,"🎄"),"Новогодняя коллекция"),(0,r.Y)("div",{className:"hotel-header"},(0,r.Y)("div",{className:"hotel-icon"},a.icon),(0,r.Y)("div",{className:"hotel-title-wrapper"},(0,r.Y)("div",{className:"hotel-label"},{business:"Панорамный отдых",sunny:"У склона",family:"Для всей семьи",sports:"Рядом со спортом",forest:"Лесная сказка"}[a.accent]),(0,r.Y)("h3",null,a.name))),(0,r.Y)("p",{className:"hotel-description"},a.description),(0,r.Y)("div",{className:"hotel-divider"}),(0,r.Y)("div",{className:"hotel-season-title"},s?(0,r.Y)(t.Fragment,null,(0,r.Y)("span",null,"🎁"),"Новогодний тариф"):(0,r.Y)(t.Fragment,null,(0,r.Y)("span",null,"❄"),"Новогодние каникулы")),s?(0,r.Y)("div",null,(0,r.Y)("div",{className:"hotel-content-caption"},"Выберите праздничный блок проживания"),(0,r.Y)(g,{blocks:null==d?void 0:d.blocks}

1)):(0,r.Y)("div",null,(0,r.Y)("div",{className:"hotel-content-caption"},"Даты заезда и минимальная продолжительность"),(0,r.Y)(f,{holidays:d})),(0,r.Y)(b,{included:null==d?void 0:d.included}),p&&(0,r.Y)("a",{className:"hotel-button",href:d.blocks[0].bookingUrl},(0,r.Y)("span",null,"Выбрать праздничный блок"),(0,r.Y)("strong",null,"→")),c&&(0,r.Y)("a",{className:"hotel-button",href:c},(0,r.Y)("span",null,"Выбрать каникулы"),(0,r.Y)("strong",null,"→")),!p&&!c&&(!s||0===(null==d||null===(i=d.blocks)||void 0===i?void 0:i.length))&&(0,r.Y)("button",{type:"button",className:"hotel-button hotel-button-disabled",disabled:!0},(0,r.Y)("span",null,"Бронирование уточняется")),(0,r.Y)("div",{className:"hotel-card-footer"},"✨ Подарите себе зимнюю историю"))},h=()=>{const{0:n,1:e}=(0,t.useState)("newYear");return(0,r.Y)("section",{id:"hotels",className:"section hotels-section"},(0,r.Y)("div",{className:"container"},(0,r.Y)(p,{eyebrow:"Размещение",title:"Какие отели доступны",text:"Выберите период проживания, чтобы увидеть доступные даты, минимальное количество ночей и ограничения по заездам."}),(0,r.Y)("div",{className:"availability-tabs"},(0,r.Y)("button",{type:"button",className:"newYear"===n?"active":"",onClick:()=>e("newYear")},"🎄 Новый год"),(0,r.Y)("button",{type:"button",className:"holidays"===n?"active":"",onClick:()=>e("holidays")},"⛷️ Новогодние каникулы")),(0,r.Y)("div",{className:"tab-hint"},"newYear"===n?"Для Нового года доступны готовые блоки проживания.":"На каникулах можно выбрать дату заезда с учётом ограничений."),(0,r.Y)("div",{className:"hotels-grid"},s.map(e=>(0,r.Y)(x,{key:e.code,hotel:e,activeTab:n})))))},u=()=>(0,r.Y)("section",{id:"notes",className:"section notes-section"},(0,r.Y)("div",{className:"container"},(0,r.Y)("div",{className:"notes-intro"},(0,r.Y)("div",{className:"notes-kicker"},"Перед бронированием"),(0,r.Y)("h2",null,"Несколько важных деталей"),(0,r.Y)("p",null,"Мы собрали основные правила в одном месте, чтобы вы могли спокойно выбрать подходящий вариант отдыха.")),(0,r.Y)("div",{className:"notes-grid"},[{icon:"🎁",title:"Новый год",text:"Для праздничного периода доступны готовые блоки проживания с фиксированными датами заезда и выезда.",accent:"gold"},{icon:"📅",title:"Новогодние каникулы",text:"Дату заезда можно выбрать отдельно, но для некоторых дат действует минимальное количество ночей.",accent:"blue"},{icon:"⛔",title:"Закрытые даты",text:"В некоторые дни заезд невозможен. Все ограничения указаны внутри карточки выбранного объекта.",accent:"red"},{icon:"✨",title:"Программа и меню",text:"Подробные тайминги, полные программы и меню праздничных площадок будут добавлены после подтверждения.",accent:"green"}].map(n=>(0,r.Y)("article",{className:`note-item note-${n.accent}`,key:n.title},(0,r.Y)("div",{className:"note-icon"},n.icon),(0,r.Y)("div",null,(0,r.Y)("h3",null,n.title),(0,r.Y)("p",null,n.text))))),(0,r.Y)("div",{className:"notes-bottom"},(0,r.Y)("span",null,"❄"),"Если нужной информации пока нет, позвоните в центр бронирования")));e.default=()=>(0,r.Y)(i.A,null,(0,r.Y)(a.A,{title:"Новый год 2026–2027 на курорте «Солнечная долина

1»",description:"Новогодний отдых в горах: проживание, праздничная ночь и новогодние каникулы на курорте «Солнечная долина».",noindex:!0,nofollow:!0,pathname:"/new-year-2027"}),(0,r.Y)("style",{jsx:!0},'\n        :global(*) {\n          box-sizing: border-box;\n        }\n\n        :global(html) {\n          scroll-behavior: smooth;\n        }\n\n        :global(body) {\n          margin: 0;\n          color: #172033;\n          background: #071426;\n          font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",\n            sans-serif;\n        }\n\n        :global(a) {\n          transition: 0.25s ease;\n        }\n\n        .page {\n          padding-top: 110px;\n          overflow: hidden;\n          background: #f7f8fb;\n        }\n\n        .container {\n          position: relative;\n          z-index: 2;\n          width: min(1180px, calc(100% - 36px));\n          margin: 0 auto;\n        }\n\n        .hero {\n          position: relative;\n          display: flex;\n          min-height: 690px;\n          align-items: center;\n          overflow: hidden;\n          color: #fff;\n          background:\n            linear-gradient(\n              115deg,\n              rgba(5, 20, 38, 0.98) 0%,\n              rgba(7, 34, 60, 0.91) 45%,\n              rgba(104, 13, 49, 0.93) 100%\n            ),\n            url("https://booking-center.ru/img/puteshestvuy/new-year-IMG_3946.jpg")\n              center / cover;\n        }\n\n        .hero:before {\n          position: absolute;\n          right: -180px;\n          bottom: -240px;\n          width: 680px;\n          height: 680px;\n          border: 1px solid rgba(255, 209, 102, 0.3);\n          border-radius: 50%;\n          box-shadow:\n            0 0 0 35px rgba(255, 209, 102, 0.05),\n            0 0 0 70px rgba(255, 209, 102, 0.03);\n          content: "";\n        }\n\n        .hero:after {\n          position: absolute;\n          inset: 0;\n          opacity: 0.28;\n          pointer-events: none;\n          content: "";\n          background-image:\n            linear-gradient(\n              120deg,\n              transparent 0%,\n              rgba(255, 255, 255, 0.06) 50%,\n              transparent 100%\n            ),\n            radial-gradient(\n              circle at 80% 20%,\n              rgba(255, 209, 102, 0.28),\n              transparent 24%\n            );\n        }\n\n        .snowflakes {\n          position: absolute;\n          inset: 0;\n          z-index: 1;\n          pointer-events: none;\n        }\n\n        .snowflake {\n          position: absolute;\n          color: rgba(255, 255, 255, 0.65);\n          animation: snowfall 7s linear infinite;\n          text-shadow: 0 0 10px rgba(255, 255, 255, 0.7);\n        }\n\n        @keyframes snowfall {\n          0% {\n            opacity: 0;\n            transform: translateY(-25px) rotate(0deg);\n          }\n\n          15% {\n            opacity: 0.85;\n          }\n\n          85% {\n            opacity: 0.55;\n          }\n\n          100% {\n            opacity: 0;\n            transform: translateY(720px) rotate(180deg);\n          }\n        }\n\n        .hero-content {\n          display: grid;\n          grid-template-columns: 1.05fr 0.95fr;\n          gap: 70px;\n          align-items: center;\n        }\n\n        .hero-copy,\n        .hero-offer {\n          position: relative;\n          z-index: 3;\n        }\n\n        .hero-kicker {\n          display: inline-flex;\n          gap: 9px;\n          align-items: center;\n          padding: 9px 15px;\n          border: 1px solid rgba(255, 209, 102, 0.5);\n          border-radius: 999px;\n          color: #ffd166;\n          background: rgba(255, 209, 102, 0.1);\n          font-size: 12px;\n          font-weight: 800;\n          letter-spacing: 0.14em;\n          text-transform: uppercase;\n        }\n\n        .hero-kicker:before {\n          width: 7px;\n          height: 7px;\n          border-radius: 50%;\n          background: #ffd166;\n          box-shadow: 0 0 12px #ffd166;\n          content: "";\n        }\n\n        .hero h1 {\n          max-width: 720px;\n          margin: 25px 0 20px;\n          font-family: Georgia, "Times New Roman", serif;\n          font-size: clamp(48px, 7vw, 92px);\n          font-weight: 700;\n          line-height: 0.94;\n          letter-spacing: -0.065em;\n        }\n\n        .hero h1 span {\n          color: #ffd166;\n          text-shadow: 0 0 35px rgba(255, 209, 102, 0.2);\n        }\n\n        .hero-description {\n          max-width: 610px;\n          margin: 0;\n          color: rgba(255, 255, 255, 0.78);\n          font-size: 19px;\n          line-height: 1.65;\n        }\n\n        .hero-actions {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 13px;\n          margin-top: 30px;\n        }\n\n        .hero-button,\n        .booking-button {\n          display: inline-flex;\n          gap: 10px;\n          align-items: center;\n          padding: 14px 21px;\n          border-radius: 999px;\n          color: #4c1630;\n          background: #ffd166;\n          font-size: 14px;\n          font-weight: 800;\n          text-decoration: none;\n          box-shadow: 0 10px 30px rgba(255, 209, 102, 0.2);\n        }\n\n        .hero-button:hover,\n        .booking-button:hover {\n          color: #4c1630;\n          background: #fff;\n          text-decoration: none;\n          transform: translateY(-2px);\n        }\n\n        .hero-button-outline {\n          border: 1px solid rgba(255, 255, 255, 0.4);\n          color: #fff;\n          background: rgba(255, 255, 255, 0.08);\n          box-shadow: none;\n        }\n\n        .hero-button-outline:hover {\n          color: #fff;\n          border-color: #fff;\n          background: rgba(255, 255, 255, 0.17);\n        }\n\n        .hero-date {\n          display: inline-flex;\n          gap: 14px;\n          align-items: center;\n          margin-top: 35px;\n          padding: 17px 21px;\n          border-left: 3px solid #e9b949;\n          border-radius: 0 17px 17px 0;\n          background: rgba(255, 255, 255, 0.09);\n          backdrop-filter: blur(12px);\n        }\n\n        .hero-date-icon {\n          font-size: 28px;\n        }\n\n        .hero-date strong {\n          display: block;\n          color: #ffd166;\n          font-size: 21px;\n        }\n\n        .hero-date small {\n          display: block;\n          margin-top: 4px;\n          color: rgba(255, 255, 255, 0.62);\n          font-size: 13px;\n        }\n\n        .hero-offer {\n          padding: 31px;\n          border: 1px solid rgba(255, 255, 255, 0.2);\n          border-radius: 28px;\n          background: linear-gradient(\n            145deg,\n            rgba(255, 255, 255, 0.19),\n            rgba(255, 255, 255, 0.06)\n          );\n          box-shadow: 0 25px 70px rgba(0, 0, 0, 0.22);\n          backdrop-filter: blur(14px);\n        }\n\n        .offer-decoration {\n          position: absolute;\n          top: -27px;\n          right: 25px;\n          padding: 9px 14px;\n          border-radius: 8px;\n          color: #5a1e2c;\n          background: #ffd166;\n          font-size: 11px;\n          font-weight: 900;\n          letter-spacing: 0.1em;\n          text-transform: uppercase;\n          transform: rotate(4deg);\n        }\n\n        .hero-offer h2 {\n          margin: 0 0 24px;\n          color: #fff;\n          font-family: Georgia, "Times New Roman", serif;\n          font-size: 30px;\n        }\n\n        .hero-offer-list {\n          display: grid;

1\n          gap: 17px;\n          padding: 0;\n          margin: 0;\n          list-style: none;\n        }\n\n        .hero-offer-list li {\n          display: flex;\n          gap: 13px;\n          align-items: flex-start;\n          color: rgba(255, 255, 255, 0.86);\n          line-height: 1.45;\n        }\n\n        .hero-offer-list li:before {\n          flex: 0 0 auto;\n          color: #ffd166;\n          content: "✦";\n          font-size: 18px;\n        }\n\n        .quick-nav {\n          position: sticky;\n          top: 76px;\n          z-index: 10;\n          padding: 12px 0;\n          border-bottom: 1px solid #e5e7eb;\n          background: rgba(247, 248, 251, 0.9);\n          backdrop-filter: blur(15px);\n        }\n\n        .quick-nav-inner {\n          display: flex;\n          justify-content: center;\n          gap: 8px;\n          flex-wrap: wrap;\n        }\n\n        .quick-nav a {\n          padding: 9px 15px;\n          border-radius: 999px;\n          color: #64748b;\n          font-size: 13px;\n          font-weight: 800;\n          text-decoration: none;\n        }\n\n        .quick-nav a:hover {\n          color: #991b43;\n          background: #fff;\n          box-shadow: 0 4px 15px rgba(15, 23, 42, 0.08);\n        }\n\n        .section {\n          padding: 90px 0;\n        }\n\n        .hotels-section {\n          position: relative;\n          background:\n            radial-gradient(\n              circle at 0% 20%,\n              rgba(255, 49, 49, 0.06),\n              transparent 25%\n            ),\n            #f7f8fb;\n        }\n\n        .hotels-section:before {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 5px;\n          background: linear-gradient(\n            90deg,\n            #ff3131,\n            #ffd166,\n            #60a5fa,\n            #059669\n          );\n          content: "";\n        }\n\n        .section-heading {\n          max-width: 720px;\n          margin: 0 auto 35px;\n          text-align: center;\n        }\n\n        .section-eyebrow {\n          display: block;\n          margin-bottom: 11px;\n          color: #be123c;\n          font-size: 12px;\n          font-weight: 900;\n          letter-spacing: 0.14em;\n          text-transform: uppercase;\n        }\n\n        .section-heading h2 {\n          margin: 0 0 14px;\n          color: #13243a;\n          font-family: Georgia, "Times New Roman", serif;\n          font-size: clamp(34px, 5vw, 57px);\n          line-height: 1;\n          letter-spacing: -0.055em;\n        }\n\n        .section-heading-light h2 {\n          color: white;\n        }\n\n        .availability-tabs {\n          position: relative;\n          display: flex;\n          width: fit-content;\n          margin: 0 auto 13px;\n          padding: 6px;\n          border: 1px solid #e8d5a3;\n          border-radius: 999px;\n          background: #fffdf5;\n          box-shadow: 0 8px 25px rgba(180, 130, 30, 0.09);\n        }\n\n        .availability-tabs:before {\n          position: absolute;\n          top: -15px;\n          left: 50%;\n          color: #c89a32;\n          content: "✦";\n          font-size: 14px;\n          transform: translateX(-50%);\n        }\n\n        .availability-tabs button {\n          min-width: 205px;\n          padding: 14px 24px;\n          border: 0;\n          border-radius: 999px;\n          color: #7b8798;\n          background: transparent;\n          cursor: pointer;\n          font: inherit;\n          font-size: 14px;\n          font-weight: 900;\n        }\n\n        .availability-tabs button.active {\n          color: #fff;\n          background: linear-gradient(135deg, #991b43, #e11d48);\n          box-shadow: 0 7px 19px rgba(153, 27, 67, 0.26);\n        }\n\n        .tab-hint {\n          margin-bottom: 33px;\n          color: #94a3b8;\n          text-align: center;\n          font-size: 13px;\n        }\n\n        .hotels-grid {\n          display: grid;\n          grid-template-columns: repeat(3, 1fr);\n          gap: 22px;\n        }\n\n        .hotel-card {\n          position: relative;\n          isolation: isolate;\n          display: flex;\n          flex-direction: column;\n          min-width: 0;\n          min-height: 100%;\n          padding: 29px 27px 22px;\n          overflow: hidden;\n          border: 1px solid rgba(255, 255, 255, 0.8);\n          border-top: 0;\n          border-radius: 25px;\n          background: #fff;\n          box-shadow: 0 13px 35px rgba(36, 54, 78, 0.09);\n          transition:\n            transform 0.3s ease,\n            box-shadow 0.3s ease;\n        }\n\n        .hotel-card:before {\n          position: absolute;\n          top: 0;\n          right: 0;\n          left: 0;\n          z-index: -1;\n          height: 6px;\n          border-radius: 25px 25px 0 0;\n          background: linear-gradient(90deg, #ff3131, #ffd166);\n          content: "";\n        }\n\n        .hotel-card:after {\n          position: absolute;\n          right: -55px;\n          bottom: -70px;\n          z-index: -1;\n          width: 190px;\n          height: 190px;\n          border: 1px solid currentColor;\n          border-radius: 50%;\n          opacity: 0.1;\n          content: "";\n          box-shadow:\n            0 0 0 18px rgba(255, 255, 255, 0.4),\n            0 0 0 38px rgba(255, 255, 255, 0.25);\n        }\n\n        .hotel-card:hover {\n          box-shadow: 0 24px 50px rgba(36, 54, 78, 0.16);\n          transform: translateY(-8px);\n        }\n\n        .hotel-business {\n          color: #475569;\n        }\n\n        .hotel-sunny {\n          color: #b45309;\n        }\n\n        .hotel-family {\n          color: #6d28d9;\n        }\n\n        .hotel-sports {\n          color: #b91c1c;\n        }\n\n        .hotel-forest {\n          color: #047857;\n        }\n\n        .hotel-card-glow {\n          position: absolute;\n          top: -100px;\n          left: -80px;\n          z-index: -1;\n          width: 220px;\n          height: 220px;\n          border-radius: 50%;\n          opacity: 0.45;\n          filter: blur(35px);\n          pointer-events: none;\n        }\n\n        .hotel-business .hotel-card-glow {\n          background: #cbd5e1;\n        }\n\n        .hotel-sunny .hotel-card-glow {\n          background: #fed7aa;\n        }\n\n        .hotel-family .hotel-card-glow {\n          background: #e9d5ff;\n        }\n\n        .hotel-sports .hotel-card-glow {\n          background: #fecaca;\n        }\n\n        .hotel-forest .hotel-card-glow {\n          background: #bbf7d0;\n        }\n\n        .hotel-snowflake {\n          position: absolute;\n          z-index: 0;\n          color: currentColor;\n          opacity: 0.18;\n          pointer-events: none;\n        }\n\n        .hotel-snowflake-one {\n          top: 65px;

1\n          right: 26px;\n          font-size: 24px;\n          transform: rotate(15deg);\n        }\n\n        .hotel-snowflake-two {\n          top: 105px;\n          right: 55px;\n          font-size: 13px;\n        }\n\n        .hotel-ribbon {\n          display: inline-flex;\n          gap: 6px;\n          align-items: center;\n          align-self: flex-start;\n          margin-bottom: 23px;\n          padding: 6px 10px;\n          border-radius: 999px;\n          color: #8a5b00;\n          background: linear-gradient(135deg, #fff4c2, #ffe08a);\n          box-shadow: 0 4px 12px rgba(206, 151, 23, 0.13);\n          font-size: 10px;\n          font-weight: 900;\n          letter-spacing: 0.06em;\n          text-transform: uppercase;\n        }\n\n        .hotel-ribbon span {\n          font-size: 13px;\n        }\n\n        .hotel-header {\n          position: relative;\n          z-index: 1;\n          display: flex;\n          gap: 14px;\n          align-items: center;\n        }\n\n        .hotel-icon {\n          display: grid;\n          flex: 0 0 54px;\n          width: 54px;\n          height: 54px;\n          place-items: center;\n          border-radius: 18px;\n          color: #fff;\n          background: linear-gradient(135deg, #ff3131, #991b43);\n          box-shadow: 0 8px 18px rgba(153, 27, 67, 0.2);\n          font-size: 27px;\n          font-weight: 900;\n        }\n\n        .hotel-business .hotel-icon {\n          background: linear-gradient(135deg, #64748b, #1e293b);\n        }\n\n        .hotel-sunny .hotel-icon {\n          background: linear-gradient(135deg, #fbbf24, #ea580c);\n        }\n\n        .hotel-family .hotel-icon {\n          background: linear-gradient(135deg, #c084fc, #7c3aed);\n        }\n\n        .hotel-sports .hotel-icon {\n          background: linear-gradient(135deg, #fb7185, #dc2626);\n        }\n\n        .hotel-forest .hotel-icon {\n          background: linear-gradient(135deg, #34d399, #047857);\n        }\n\n        .hotel-title-wrapper {\n          min-width: 0;\n        }\n\n        .hotel-label {\n          margin-bottom: 5px;\n          color: #a16207;\n          font-size: 10px;\n          font-weight: 900;\n          letter-spacing: 0.09em;\n          text-transform: uppercase;\n        }\n\n        .hotel-business .hotel-label {\n          color: #64748b;\n        }\n\n        .hotel-family .hotel-label {\n          color: #7c3aed;\n        }\n\n        .hotel-sports .hotel-label {\n          color: #dc2626;\n        }\n\n        .hotel-forest .hotel-label {\n          color: #047857;\n        }\n\n        .hotel-card h3 {\n          margin: 0;\n          color: #172033;\n          font-family: Georgia, "Times New Roman", serif;\n          font-size: 25px;\n          line-height: 1.08;\n          letter-spacing: -0.035em;\n        }\n\n        .hotel-description {\n          position: relative;\n          z-index: 1;\n          min-height: 76px;\n          margin: 19px 0 0;\n          color: #3f4d60;\n          font-size: 14px;\n          font-weight: 450;\n          line-height: 1.6;\n        }\n\n        .hotel-divider {\n          height: 1px;\n          margin: 20px 0 17px;\n          background: linear-gradient(\n            90deg,\n            rgba(148, 163, 184, 0.35),\n            transparent\n          );\n        }\n\n        .hotel-season-title {\n          display: flex;\n          gap: 8px;\n          align-items: center;\n          margin-bottom: 6px;\n          color: #172033;\n          font-family: Georgia, "Times New Roman", serif;\n          font-size: 18px;\n          font-weight: 700;\n        }\n\n        .hotel-season-title span {\n          color: #d49c27;\n          font-family: sans-serif;\n          font-size: 19px;\n        }\n\n        .hotel-content-caption {\n          position: relative;\n          z-index: 1;\n          margin-bottom: 13px;\n          color: #536276;\n          font-size: 13px;\n          font-weight: 600;\n          line-height: 1.45;\n        }\n\n        .new-year-blocks {\n          display: grid;\n          gap: 9px;\n        }\n\n        .new-year-block {\n          display: flex;\n          justify-content: space-between;\n          gap: 10px;\n          align-items: center;\n          padding: 12px;\n          border: 1px solid #f0d276;\n          border-radius: 14px;\n          background: linear-gradient(\n            135deg,\n            rgba(255, 251, 235, 0.95),\n            rgba(255, 255, 255, 0.85)\n          );\n          box-shadow: 0 4px 12px rgba(180, 130, 30, 0.06);\n        }\n\n        .block-dates {\n          color: #713f12;\n          font-size: 13px;\n          font-weight: 900;\n        }\n\n        .block-duration {\n          margin-top: 4px;\n          color: #805f16;\n          font-size: 12px;\n          font-weight: 600;\n        }\n\n        .small-button {\n          display: inline-flex;\n          flex: 0 0 auto;\n          align-items: center;\n          justify-content: center;\n          padding: 7px 9px;\n          border: 0;\n          border-radius: 8px;\n          color: #fff;\n          background: #c88a16;\n          cursor: pointer;\n          font-size: 11px;\n          font-weight: 900;\n          text-decoration: none;\n        }\n\n        .small-button:hover {\n          color: #fff;\n          background: #a86f0e;\n          text-decoration: none;\n        }\n\n        .small-button:disabled {\n          cursor: default;\n          opacity: 0.6;\n        }\n\n        .holiday-period {\n          display: grid;\n          gap: 5px;\n          padding: 14px;\n          border: 1px solid #bfdbfe;\n          border-radius: 14px;\n          background: linear-gradient(\n            135deg,\n            rgba(239, 246, 255, 0.95),\n            rgba(255, 255, 255, 0.85)\n          );\n        }\n\n        .holiday-period span {\n          color: #526174;\n          font-size: 11px;\n          font-weight: 800;\n          text-transform: uppercase;\n        }\n\n        .holiday-period strong {\n          color: #0369a1;\n          font-size: 16px;\n        }\n\n        .rules-heading {\n          margin: 17px 0 10px;\n          color: #475569;\n          font-size: 12px;\n          font-weight: 900;\n        }\n\n        .arrival-rules {\n          display: grid;\n          gap: 7px;\n        }\n\n        .arrival-rule {\n          display: flex;\n          justify-content: space-between;\n          gap: 10px;\n          padding-bottom: 7px;\n          border-bottom: 1px dashed #e2e8f0;\n          color: #334155;\n          font-size: 14px;\n          font-weight: 500;\n        }\n\n        .arrival-rule strong {\n          color: #075985;\n          font-weight: 900;\n          white-space: nowrap;\n        }\n\n        .closed-date-list {\n          display: flex;\n          gap: 6px;\n          flex-wrap: wrap;\n        }\n\n        .closed-date-list span {\n          padding: 5px 7px;\n          border-radius: 7px;\n          color: #b91c1c;\n          background: #fee2e2;\n          font-size: 12px;\n          font-weight: 800;\n        }\n\n        .empty-state {\n          display: flex;\n          gap: 8px;\n          align-items: center;\n          min-height: 62px;\n          padding: 13px;\n          border: 1px dashed #cbd5e1;\n          border-radius: 12px;\n          color: #64748b;\n          background: rgba(248, 250, 252, 0.7);\n          font-size: 13px;\n        }\n\n        .empty-state span {\n          color: #94a3b8;\n          font-size: 20px;\n        }\n\n        .included-block {\n          position: relative;\n          z-index: 1;\n          margin-top: 21px;\n          padding-top: 18px;

1\n          border-top: 1px dashed rgba(148, 163, 184, 0.38);\n        }\n\n        .info-title {\n          display: flex;\n          gap: 7px;\n          align-items: center;\n          margin-bottom: 9px;\n          color: #64748b;\n          font-size: 12px;\n          font-weight: 900;\n          letter-spacing: 0.04em;\n          text-transform: uppercase;\n        }\n\n        .info-title span {\n          color: #059669;\n          font-size: 17px;\n        }\n\n        .included-block ul {\n          display: grid;\n          gap: 6px;\n          margin: 0;\n          padding-left: 20px;\n        }\n\n        .included-block li {\n          color: #334155;\n          font-size: 14px;\n          line-height: 1.5;\n        }\n\n        .included-unknown {\n          color: #526174;\n          font-size: 13px;\n          font-style: italic;\n        }\n\n        .hotel-button {\n          position: relative;\n          z-index: 2;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          width: 100%;\n          margin-top: 24px;\n          padding: 14px 16px;\n          border: 0;\n          border-radius: 13px;\n          color: #fff;\n          background: linear-gradient(135deg, #172033, #334155);\n          box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);\n          cursor: pointer;\n          font: inherit;\n          font-size: 13px;\n          font-weight: 900;\n          text-align: left;\n          text-decoration: none;\n        }\n\n        .hotel-button:hover {\n          color: #fff;\n          background: linear-gradient(135deg, #991b43, #e11d48);\n          text-decoration: none;\n          transform: translateY(-2px);\n        }\n\n        .hotel-button strong {\n          color: #ffd166;\n          font-size: 20px;\n          line-height: 0;\n        }\n\n        .hotel-button-disabled {\n          color: rgba(255, 255, 255, 0.7);\n          background: #94a3b8;\n          cursor: not-allowed;\n        }\n\n        .hotel-button-disabled:hover {\n          background: #94a3b8;\n          transform: none;\n        }\n\n        .hotel-card-footer {\n          position: relative;\n          z-index: 1;\n          margin-top: 14px;\n          color: #a8b2c0;\n          text-align: center;\n          font-size: 11px;\n          font-style: italic;\n        }\n\n        .night-section {\n          position: relative;\n          overflow: hidden;\n          color: #fff;\n          background:\n            radial-gradient(\n              circle at 80% 10%,\n              rgba(255, 209, 102, 0.21),\n              transparent 27%\n            ),\n            linear-gradient(135deg, #071426, #112e4a 55%, #641534);\n        }\n\n        .night-section:before {\n          position: absolute;\n          top: 70px;\n          left: -120px;\n          width: 330px;\n          height: 330px;\n          border: 1px solid rgba(255, 255, 255, 0.14);\n          border-radius: 50%;\n          box-shadow: 0 0 0 35px rgba(255, 255, 255, 0.03);\n          content: "";\n        }\n\n        .night-heading .section-eyebrow,\n        .night-heading h2 {\n          color: #ffd166;\n        }\n\n        .night-heading p {\n          color: #cbd5e1;\n        }\n\n        .night-grid {\n          display: grid;\n          grid-template-columns: repeat(3, 1fr);\n          gap: 22px;\n        }\n\n        .night-card {\n          position: relative;\n          display: flex;\n          flex-direction: column;\n          padding: 29px;\n          overflow: hidden;\n          border: 1px solid rgba(255, 255, 255, 0.16);\n          border-radius: 24px;\n          background: rgba(255, 255, 255, 0.09);\n          backdrop-filter: blur(10px);\n          transition: 0.3s ease;\n        }\n\n        .night-card:hover {\n          background: rgba(255, 255, 255, 0.14);\n          transform: translateY(-7px);\n        }\n\n        .night-card:before {\n          position: absolute;\n          top: 0;\n          right: 0;\n          left: 0;\n          height: 4px;\n          border-radius: 24px 24px 0 0;\n          background: #ff4d5f;\n          content: "";\n        }\n\n        .night-gold:before {\n          background: #ffd166;\n        }\n\n        .night-blue:before {\n          background: #60a5fa;\n        }\n\n        .night-icon {\n          margin-bottom: 20px;\n          font-size: 39px;\n        }\n\n        .night-card h3 {\n          margin: 0 0 9px;\n          color: #fff;\n          font-family: Georgia, "Times New Roman", serif;\n          font-size: 24px;\n        }\n\n        .night-subtitle {\n          margin-bottom: 17px;\n          color: #ffd166;\n          font-size: 13px;\n          font-weight: 900;\n        }\n\n        .night-card p {\n          margin: 0;\n          color: #cbd5e1;\n          font-size: 14px;\n          line-height: 1.6;\n        }\n\n        .night-features {\n          display: grid;\n          gap: 9px;\n          padding: 0;\n          margin: 20px 0 0;\n          list-style: none;\n        }\n\n        .night-features li {\n          display: flex;\n          gap: 9px;\n          align-items: flex-start;\n          color: rgba(255, 255, 255, 0.9);\n          font-size: 13px;\n          font-weight: 700;\n          line-height: 1.45;\n        }\n\n        .night-features li:before {\n          flex: 0 0 auto;\n          color: #ffd166;\n          content: "✦";\n        }\n\n        .night-access {\n          display: grid;\n          gap: 6px;\n          margin-top: 21px;\n          padding: 14px;\n          border: 1px solid rgba(255, 255, 255, 0.14);\n          border-radius: 13px;\n          background: rgba(255, 255, 255, 0.07);\n        }\n\n        .night-access strong {\n          color: #ffd166;\n          font-size: 11px;\n          font-weight: 900;\n          letter-spacing: 0.06em;\n          text-transform: uppercase;\n        }\n\n        .night-access span {\n          color: #e2e8f0;\n          font-size: 12px;\n          line-height: 1.5;\n        }\n\n        .night-booking {\n          margin-top: 10px;\n          padding: 10px 12px;\n          border-radius: 11px;\n          color: #fff3c4;\n          background: rgba(255, 209, 102, 0.12);\n          font-size: 12px;\n          font-weight: 800;\n          line-height: 1.45;\n        }\n\n        .night-link {\n          display: inline-flex;\n          gap: 10px;\n          align-self: flex-start;\n          margin-top: auto;\n          padding-top: 23px;\n          color: #ffd166;\n          font-size: 13px;\n          font-weight: 900;\n          text-decoration: none;\n        }\n\n        .notes-section {\n          position: relative;\n          overflow: hidden;\n          background:\n            radial-gradient(\n              circle at 10% 15%,\n              rgba(255, 209, 102, 0.18),\n              transparent 24%\n            ),\n            radial-gradient(\n              circle at 90% 8

10%,\n              rgba(96, 165, 250, 0.13),\n              transparent 25%\n            ),\n            linear-gradient(135deg, #fffdf7 0%, #f4f8fc 100%);\n        }\n\n        .notes-section:before {\n          position: absolute;\n          top: 35px;\n          right: 8%;\n          color: rgba(190, 18, 60, 0.12);\n          content: "✦";\n          font-size: 85px;\n          transform: rotate(18deg);\n        }\n\n        .notes-section:after {\n          position: absolute;\n          bottom: 35px;\n          left: 8%;\n          color: rgba(3, 105, 161, 0.1);\n          content: "❄";\n          font-size: 70px;\n        }\n\n        .notes-intro {\n          position: relative;\n          z-index: 1;\n          max-width: 650px;\n          margin: 0 auto 35px;\n          text-align: center;\n        }\n\n        .notes-kicker {\n          display: inline-flex;\n          padding: 8px 14px;\n          border-radius: 999px;\n          color: #956d14;\n          background: #fff1bb;\n          font-size: 11px;\n          font-weight: 900;\n          letter-spacing: 0.1em;\n          text-transform: uppercase;\n        }\n\n        .notes-intro h2 {\n          margin: 17px 0 12px;\n          color: #172033;\n          font-family: Georgia, "Times New Roman", serif;\n          font-size: clamp(34px, 5vw, 52px);\n          line-height: 1;\n          letter-spacing: -0.05em;\n        }\n\n        .notes-intro p {\n          margin: 0;\n          color: #475569;\n          font-size: 16px;\n          line-height: 1.6;\n        }\n\n        .notes-grid {\n          position: relative;\n          z-index: 1;\n          display: grid;\n          grid-template-columns: repeat(4, 1fr);\n          gap: 15px;\n        }\n\n        .note-item {\n          position: relative;\n          display: flex;\n          gap: 13px;\n          min-height: 160px;\n          padding: 20px;\n          overflow: hidden;\n          border: 1px solid rgba(255, 255, 255, 0.8);\n          border-radius: 19px;\n          background: rgba(255, 255, 255, 0.78);\n          box-shadow: 0 10px 28px rgba(36, 54, 78, 0.07);\n          backdrop-filter: blur(8px);\n          transition: 0.25s ease;\n        }\n\n        .note-item:hover {\n          box-shadow: 0 18px 35px rgba(36, 54, 78, 0.12);\n          transform: translateY(-5px);\n        }\n\n        .note-item:after {\n          position: absolute;\n          right: -30px;\n          bottom: -35px;\n          width: 100px;\n          height: 100px;\n          border: 1px solid currentColor;\n          border-radius: 50%;\n          opacity: 0.08;\n          content: "";\n        }\n\n        .note-icon {\n          display: grid;\n          flex: 0 0 42px;\n          width: 42px;\n          height: 42px;\n          place-items: center;\n          border-radius: 14px;\n          background: #fff1bb;\n          font-size: 21px;\n        }\n\n        .note-item h3 {\n          margin: 2px 0 8px;\n          color: #172033;\n          font-family: Georgia, "Times New Roman", serif;\n          font-size: 18px;\n        }\n\n        .note-item p {\n          margin: 0;\n          color: #475569;\n          font-size: 14px;\n          line-height: 1.55;\n        }\n\n        .note-blue {\n          color: #2563eb;\n        }\n\n        .note-blue .note-icon {\n          background: #dbeafe;\n        }\n\n        .note-red {\n          color: #dc2626;\n        }\n\n        .note-red .note-icon {\n          background: #fee2e2;\n        }\n\n        .note-green {\n          color: #059669;\n        }\n\n        .note-green .note-icon {\n          background: #dcfce7;\n        }\n\n        .notes-bottom {\n          position: relative;\n          z-index: 1;\n          display: flex;\n          gap: 9px;\n          justify-content: center;\n          align-items: center;\n          max-width: 720px;\n          margin: 25px auto 0;\n          color: #475569;\n          text-align: center;\n          font-size: 13px;\n          line-height: 1.5;\n        }\n\n        .notes-bottom span {\n          color: #c89820;\n          font-size: 18px;\n        }\n\n        .booking-section {\n          position: relative;\n          padding: 75px 0;\n          overflow: hidden;\n          color: #fff;\n          text-align: center;\n          background:\n            linear-gradient(\n              135deg,\n              rgba(111, 11, 47, 0.94),\n              rgba(255, 49, 49, 0.94)\n            ),\n            url("https://booking-center.ru/img/puteshestvuy/new-year-DSCF1138-171.jpg")\n              center / cover;\n        }\n\n        .booking-section h2 {\n          margin: 0 0 13px;\n          font-family: Georgia, "Times New Roman", serif;\n          font-size: clamp(31px, 5vw, 55px);\n        }\n\n        .booking-section p {\n          max-width: 650px;\n          margin: 0 auto 27px;\n          color: rgba(255, 255, 255, 0.82);\n          line-height: 1.6;\n        }\n\n        .booking-button {\n          margin: 0 6px 14px;\n          padding: 16px 25px;\n          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);\n        }\n\n        @media (max-width: 950px) {\n          .hero-content,\n          .hotels-grid,\

1n          .night-grid {\n            grid-template-columns: repeat(2, 1fr);\n          }\n\n          .hero-content {\n            gap: 35px;\n          }\n\n          .notes-grid {\n            grid-template-columns: repeat(2, 1fr);\n          }\n        }\n\n        @media (max-width: 680px) {\n          .page {\n            padding-top: 80px;\n          }\n\n          .hero {\n            min-height: auto;\n            padding: 58px 0;\n          }\n\n          .hero-content,\n          .hotels-grid,\n          .night-grid,\n          .notes-grid {\n            grid-template-columns: 1fr;\n          }\n\n          .hero h1 {\n            font-size: 58px;\n          }\n\n          .quick-nav {\n            top: 54px;\n          }\n\n          .quick-nav-inner {\n            justify-content: flex-start;\n            flex-wrap: nowrap;\n            overflow-x: auto;\n          }\n\n          .quick-nav a {\n            flex: 0 0 auto;\n          }\n\n          .section {\n            padding: 60px 0;\n          }\n\n          .availability-tabs {\n            width: 100%;\n          }\n\n          .availability-tabs button {\n            min-width: 0;\n            width: 50%;\n            padding: 12px 7px;\n            font-size: 12px;\n          }\n\n          .new-year-block {\n            align-items: flex-start;\n            flex-direction: column;\n          }\n\n          .small-button {\n            width: 100%;\n          }\n\n          .note-item {\n            min-height: auto;\n          }\n\n          .notes-bottom {\n            align-items: flex-start;\n            text-align: left;\n          }\n\n          .booking-button {\n            justify-content: center;\n            width: calc(100% - 12px);\n          }\n        }\n      '),(0,r.Y)("main",{className:"page"},(0,r.Y)("section",{className:"hero"},(0,r.Y)("div",{className:"snowflakes"}

1,[{left:"4%",top:"12%",size:18,delay:"0s"},{left:"12%",top:"44%",size:12,delay:"1s"},{left:"22%",top:"20%",size:24,delay:"2s"},{left:"34%",top:"67%",size:14,delay:"0.5s"},{left:"47%",top:"13%",size:18,delay:"1.5s"},{left:"58%",top:"52%",size:11,delay:"2.5s"},{left:"69%",top:"25%",size:20,delay:"0.8s"},{left:"80%",top:"65%",size:14,delay:"1.8s"},{left:"92%",top:"18%",size:23,delay:"2.8s"}].map((n,e)=>(0,r.Y)("span",{key:e,className:"snowflake",style:{left:n.left,top:n.top,fontSize:`${n.size}px`,animationDelay:n.delay}},"❄"))),(0,r.Y)("div",{className:"container"},(0,r.Y)("div",{className:"hero-content"},(0,r.Y)("div",{className:"hero-copy"},(0,r.Y)("div",{className:"hero-kicker"},"Сезон 2026–2027"),(0,r.Y)("h1",null,"Новый год",(0,r.Y)("br",null),(0,r.Y)("span",null,"в горах")),(0,r.Y)("p",{className:"hero-description"},"Заснеженные склоны, огни праздничной ночи, уютные отели и настоящая зимняя сказка на курорте «Солнечная долина»."),(0,r.Y)("div",{className:"hero-actions"},(0,r.Y)("a",{href:"#hotels",className:"hero-button"},"Выбрать размещение",(0,r.Y)("span",null,"→")),(0,r.Y)("a",{href:"#new-year-night",className:"hero-button hero-button-outline"},"Варианты ночи")),(0,r.Y)("div",{className:"hero-date"},(0,r.Y)("div",{className:"hero-date-icon"},"🎄"),(0,r.Y)("div",null,(0,r.Y)("strong",null,"30 декабря — 10 января"),(0,r.Y)("small",null,"Праздничный период на курорте")))),(0,r.Y)("div",{className:"hero-offer"},(0,r.Y)("div",{className:"offer-decoration"},"зимний сезон"),(0,r.Y)("h2",null,"Праздник, который запомнится"),(0,r.Y)("ul",{className:"hero-offer-list"},(0,r.Y)("li",null,"Шесть вариантов размещения"),(0,r.Y)("li",null,"Фиксированные блоки на Новый год"),(0,r.Y)("li",null,"Гибкие даты на новогодние каникулы"),(0,r.Y)("li",null,"Три варианта встречи праздничной ночи")))))),(0,r.Y)("nav",{className:"quick-nav"},(0,r.Y)("div",{className:"container quick-nav-inner"},(0,r.Y)("a",{href:"#hotels"},"Размещение"),(0,r.Y)("a",{href:"#new-year-night"},"Новогодняя ночь"),(0,r.Y)("a",{href:"#notes"},"Перед бронированием"),(0,r.Y)("a",{href:"#booking"},"Бронирование"))),(0,r.Y)(h,null),(0,r.Y)("section",{id:"new-year-night",className:"section night-section"},(0,r.Y)("div",{className:"container"},(0,r.Y)(p,{light:!0,eyebrow:"31 декабря",title:"Новогодняя ночь",text:"Выберите настроение праздника: уличная площадка на горнолыжном склоне, ресторан Sunny Valley или банкетный зал Business Residence."}),(0,r.Y)("div",{className:"night-grid"},d.map(n=>(0,r.Y)("article",{className:`night-card night-${n.accent}`,key:n.title},(0,r.Y)("div",{className:"night-icon"},n.icon),(0,r.Y)("h3",null,n.title),(0,r.Y)("div",{className:"night-subtitle"},n.subtitle),(0,r.Y)("p",null,n.description),(0,r.Y)("ul",{className:"night-features"},n.features.map(n=>(0,r.Y)("li",{key:n},n))),(0,r.Y)("div",{className:"night-access"},(0,r.Y)("strong",null,"Для кого доступно"),(0,r.Y)("span",null,n.access)),n.booking&&(0,r.Y)("div",{className:"night-booking"},"📅 ",n.booking),(0,r.Y)("a",{href:n.presentation,className:"night-link"},"Узнать подробнее",(0,r.Y)("span",null,"→"))))))),(0,r.Y)(u,null),(0,r.Y)("section",{id:"booking",className:"booking-section"},(0,r.Y)("div",{className:"container"},(0,r.Y)("h2",null,"Праздник начинается с выбора даты"),(0,r.Y)("p",null,"Позвоните специалисту по бронированию — поможем подобрать отель, даты и подходящий формат новогоднего отдыха."),(0,r.Y)("a",{href:"tel:+73517995406",className:"booking-button"},"📞 +7 (351) 799-54-06"),(0,r.Y)("a",{href:"tel:+79193301185",className:"booking-button"},"📞 +7 919 330-11-85"),(0,r.Y)("p",null,"График работы центра бронирования: с 10 до 21 часа ежедневно")))))}}]);
2//# sourceMappingURL=component---src-pages-new-year-2027-js-d78bb9f491553222ffe0.js.map