.layout-Body .section:not(.hero){padding:60px}@media only screen and (max-width: 767px){.layout-Body .section:not(.hero){padding:45px 30px}}.layout-Body .section.colored{background:#e8f6fe}.layout-Body .section>.content{display:flex;width:1050px;max-width:100%;margin:0 auto;flex-direction:column;gap:30px}.layout-Body .section>.content .actions{display:flex;align-items:center;justify-content:center}.layout-Body .section>.content .actions .btn{padding:12px 24px;line-height:24px;font-size:16px;letter-spacing:.5px;text-decoration:none;color:#333}.layout-Body .section>.content .actions .btn._arrow{display:inline-flex;align-items:center}.layout-Body .section>.content .actions .btn._arrow:after{content:"";display:inline-block;width:24px;height:24px;margin-left:10px;background:url(/spacz/svg/page-static/fksp/arrow-down.svg) center center no-repeat;background-size:24px auto}.layout-Body .section>.content>.header{display:flex;flex-direction:column;gap:12px;text-align:center}.layout-Body .section>.content>.header>.caption{line-height:16px;font-size:14px;font-weight:500;letter-spacing:1.25px;text-transform:uppercase;color:#1174bb}.layout-Body .section>.content>.header>.heading{margin:0 auto;font-size:34px;font-weight:400;line-height:42px;color:#000}.layout-Body .section.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;height:480px;background:#e8f6fe}@media only screen and (max-width: 767px){.layout-Body .section.hero{height:auto;padding:45px 30px}}.layout-Body .section.hero>.wrapper{display:flex;width:770px;max-width:100%;flex-direction:column;align-items:center;text-align:center;color:#000}.layout-Body .section.hero>.wrapper>.heading{line-height:64px;font-size:48px;font-weight:500;text-align:center;letter-spacing:-1.5px}.layout-Body .section.hero>.wrapper>.description{margin:0;line-height:28px;font-size:20px;letter-spacing:.5px;color:#3c3c3c}.layout-Body .selection-wrapper{display:flex;flex-direction:column}.layout-Body .selection-wrapper .selection .description{margin:0;line-height:24px;font-size:16px;text-align:center;color:#3c3c3c}.layout-Body .selection-wrapper .selection .options{display:flex;gap:30px}.layout-Body .selection-wrapper .selection .options>.option{position:relative;height:290px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:30px;gap:90px;flex-grow:1;border-radius:4px;border:1px solid #EFEFEF;text-decoration:none;background:#d3d3d3 50% / cover no-repeat}.layout-Body .selection-wrapper .selection .options>.option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .3s ease-in-out;border-radius:4px;pointer-events:none}.layout-Body .selection-wrapper .selection .options>.option>*{z-index:2}.layout-Body .selection-wrapper .selection .options>.option>.info{display:flex;gap:4px;opacity:0;transition:opacity .3s ease-in-out;line-height:16px;font-size:12px;color:#fff}.layout-Body .selection-wrapper .selection .options>.option>.info>.icon{width:16px;height:16px}.layout-Body .selection-wrapper .selection .options>.option>.button{pointer-events:none;padding:8px 16px}.layout-Body .selection-wrapper .selection .options>.option.package{background-image:url(/spacz/images/page-benefits/package.jpg)}.layout-Body .selection-wrapper .selection .options>.option.voucher{background-image:url(/spacz/images/page-benefits/voucher.jpg)}.layout-Body .selection-wrapper .selection .options>.option:hover,.layout-Body .selection-wrapper .selection .options>.option:focus{opacity:1}.layout-Body .selection-wrapper .selection .options>.option:hover:before,.layout-Body .selection-wrapper .selection .options>.option:focus:before,.layout-Body .selection-wrapper .selection .options>.option:hover>.info,.layout-Body .selection-wrapper .selection .options>.option:focus>.info{opacity:1}@media only screen and (max-width: 767px){.layout-Body .selection-wrapper .selection .options{flex-direction:column}}.layout-Body .selection-wrapper .selected{order:5}.layout-Body .selection-wrapper .selected:not(:target){display:none}.layout-Body .selection-wrapper .selected.package:target~.selection .option.voucher,.layout-Body .selection-wrapper .selected.voucher:target~.selection .option.package{opacity:.5}.layout-Body .section.steps .steps{display:flex;align-items:flex-start}.layout-Body .section.steps .steps>.step{text-align:center;flex:1}.layout-Body .section.steps .steps>.step>.indicator{display:flex;padding:16px;width:72px;height:72px;margin:0 auto 24px;border-radius:50%;box-shadow:0 4px 4px #0000001f;background:#e8f6fe80 center center no-repeat;color:#1174bb}.layout-Body .section.steps .steps>.step>.indicator>svg{display:block}.layout-Body .section.steps .steps>.step>.heading{line-height:24px;font-size:16px;font-weight:700;letter-spacing:.15px;color:#1174bb}.layout-Body .section.steps .steps>.step>.heading+.text{margin-top:24px}.layout-Body .section.steps .steps>.step>.heading+.text>a{text-decoration:underline;color:var(--color-blue-main)}.layout-Body .section.steps .steps>.step>.heading+.text>a:hover{text-decoration:none}.layout-Body .section.steps .steps>.step>.text{line-height:24px;font-size:16px;letter-spacing:.5px;color:#000}.layout-Body .section.steps .steps>.step-separator{display:flex;justify-content:center;align-items:flex-end;width:48px;height:48px;color:#1174bb}.layout-Body .section.steps .steps>.step-separator>.arrow{width:24px;height:24px}@media only screen and (max-width: 767px){.layout-Body .section.steps .steps>.step-separator>.arrow{transform:rotate(90deg)}}@media only screen and (max-width: 767px){.layout-Body .section.steps .steps>.step-separator{height:72px;width:100%;align-items:center}}@media only screen and (max-width: 767px){.layout-Body .section.steps .steps{flex-direction:column}}.layout-Body .section.amount .selector{display:flex;gap:15px;justify-content:center;align-items:center}.layout-Body .section.amount .selector>.amount-select{display:flex;align-items:center;gap:36px;border-radius:4px;border:1px solid #DADADA;padding:17px 12px;background:#fff}.layout-Body .section.amount .selector>.amount-select>.action{-webkit-appearance:none;appearance:none;cursor:pointer;width:32px;height:32px;padding:0;line-height:30px;text-align:center;border:1px solid var(--color-gray-3);border-radius:50%;background:#fff}.layout-Body .section.amount .selector>.amount-select>.action:hover{border-color:var(--color-gray-1)}.layout-Body .section.amount .selector>.amount-select>.action:active{box-shadow:inset 0 3px 5px #00000020}.layout-Body .section.amount .selector>.amount-select>.action:focus-visible{border-width:2px}.layout-Body .section.amount .selector>.amount-select>.action:disabled{border-color:#e0e0e0;opacity:1}.layout-Body .section.amount .selector>.amount-select>.value-wrapper{position:relative}.layout-Body .section.amount .selector>.amount-select>.value-wrapper>select{position:absolute;opacity:0;bottom:0;pointer-events:none}.layout-Body .section.amount .selector>.amount-select>.value-wrapper>select:focus-visible+.caption{outline:2px solid black}.layout-Body .section.amount .selector>.amount-select>.value-wrapper>.caption{margin:0;display:flex;align-items:center;gap:4px;line-height:34px;border-radius:4px}.layout-Body .section.amount .selector>.amount-select>.value-wrapper>.caption>strong{font-size:34px;font-weight:600}.layout-Body .section.amount .selector>.amount-select>.value-wrapper>.caption>.symbol{font-size:24px}.layout-Body .section.amount .selector>button{padding:27px 36px;line-height:16px;font-size:16px;border:none}.layout-Body .section.amount .selector>button:focus-visible{outline:2px solid black!important}@media only screen and (max-width: 767px){.layout-Body .section.amount .selector{flex-direction:column}}.layout-Body .section.amount .presets{display:flex;flex-direction:column;gap:16px;align-items:center}.layout-Body .section.amount .presets>.heading{margin:0 auto;font-weight:500;font-size:24px;text-align:center}.layout-Body .section.amount .presets>.options{display:flex;flex-flow:row wrap;justify-content:center;gap:15px}.layout-Body .section.amount .presets>.options>.preset{display:flex;align-items:center;flex-direction:column;gap:16px;padding:24px;border-radius:4px;border:1px solid #D1E3EF;transition:border-color .1s ease-in-out;background:#fff}.layout-Body .section.amount .presets>.options>.preset>.preview{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:180px;height:85px;padding:11.5px 10px;border-radius:4px;box-shadow:0 2px 2px #0000001f;background:url(/spacz/images/page-benefits/thumb.jpg) 50% / cover no-repeat;color:#1174bb}.layout-Body .section.amount .presets>.options>.preset>.preview>.caption{line-height:9px;font-size:8px}.layout-Body .section.amount .presets>.options>.preset>.preview>.amount{line-height:25px;font-size:22px;font-weight:700}.layout-Body .section.amount .presets>.options>.preset>.spa-btn-white{pointer-events:none;padding:10px 16px;line-height:16px;font-size:14px;font-weight:700;letter-spacing:1.25px;text-transform:uppercase}.layout-Body .section.amount .presets>.options>.preset:hover,.layout-Body .section.amount .presets>.options>.preset:focus-visible{border-color:#1174bb}.layout-Body .packages .items-wrapper{position:relative}.layout-Body .packages .items-wrapper>.arrow{cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;width:60px;height:60px;top:48.5px;border-radius:50%;background:#fff;color:#000}.layout-Body .packages .items-wrapper>.arrow.arrow-left{left:-30px}.layout-Body .packages .items-wrapper>.arrow.arrow-right{right:-30px}.layout-Body .packages .items-wrapper>.arrow.arrow-right>svg{transform:rotateY(180deg)}.layout-Body .packages .items-wrapper._first>.arrow-left,.layout-Body .packages .items-wrapper._last>.arrow-right{display:none}@media only screen and (max-width: 767px){.layout-Body .packages .items-wrapper{width:315px;max-width:100%;margin:0 auto}}.layout-Body .packages .items-wrapper+.cta{display:flex;align-items:center;justify-content:center}.layout-Body .packages .items-wrapper+.cta>.btn{padding:16px 24px;border-radius:4px;line-height:16px;font-size:16px;font-weight:700;letter-spacing:1.25px;text-transform:uppercase;border:none;background:#89c02c;color:#fff;text-decoration:none}.layout-Body .packages .items-wrapper+.cta>.btn:hover{background:#7aab27;text-decoration:underline}.layout-Body .packages .items{display:flex;gap:16px;overflow-x:scroll;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.layout-Body .packages .items::-webkit-scrollbar{display:none}.layout-Body .packages .items>.item{cursor:pointer;position:relative;width:280px;max-width:100%;flex-shrink:0;text-decoration:none;scroll-snap-align:start}.layout-Body .packages .items>.item:before{content:"";position:absolute;display:block;pointer-events:none;top:0;left:24px;width:32px;height:36.49px;background:url(/spacz/svg/plus/badge.svg) center center no-repeat;background-size:contain}.layout-Body .packages .items>.item>.image{position:relative;width:100%;height:157px;border-radius:8px;background-position:center center}.layout-Body .packages .items>.item>.image>.price{display:flex;align-items:flex-end;position:absolute;bottom:8px;right:8px;padding:4px;gap:4px;border-radius:4px;line-height:14px;font-size:12px;font-weight:300;letter-spacing:.25px;background:#fff;color:#000}.layout-Body .packages .items>.item>.image>.price>.value{line-height:16px;font-size:14px;font-weight:500}.layout-Body .packages .items>.item>.details{display:flex;flex-direction:column;gap:4px;padding:8px;color:#000}.layout-Body .packages .items>.item>.details>.name{line-height:20px;font-size:16px;font-weight:700;white-space:nowrap;max-width:100%;text-overflow:ellipsis;overflow:hidden}.layout-Body .packages .items>.item>.details>.hotel{line-height:20px;font-size:14px;color:#999}.layout-Body .packages .items>.item>.details>.gift{display:flex;align-items:flex-start;gap:4px}.layout-Body .packages .items>.item>.details>.gift>.icon{color:#e9c164}.layout-Body .packages .items>.item>.details>.gift>.text{line-height:16px;font-size:12px;color:#333}.layout-Body .packages .items>.item>.details>.gift>.text>.prefix{font-weight:300}.layout-Body .packages .items>.item>.details>.gift>.text>.caption{font-weight:700}.layout-Body .packages .items>.item:hover>.details>.name{text-decoration:underline}@media only screen and (max-width: 767px){.layout-Body .packages .items>.item{width:100%}}
/*# sourceMappingURL=detail.css.map */