@font-face {
  font-family: 'BeaufortForLOL';
  src: url('https://onego.imain.dev/tilda-assets/20261030-01/media/fonts/beaufort-for-lol/BeaufortForLOL-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BeaufortForLOL';
  src: url('https://onego.imain.dev/tilda-assets/20261030-01/media/fonts/beaufort-for-lol/BeaufortForLOL-Medium.woff') format('woff');
  font-weight: 500 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BeaufortForLOL';
  src: url('https://onego.imain.dev/tilda-assets/20261030-01/media/fonts/beaufort-for-lol/BeaufortForLOL-Bold.woff') format('woff');
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}

@scope (#onego-events) {
/* Keep browser defaults for secondary text above the site's readability floor. */
small { font-size: max(12px, .8em); }
sub, sup { font-size: max(12px, .75em); }

}

@scope (#onego-events) {
:scope{--blue:#2166de;--blue-dark:#19375e;--green:#287b65;--ink:#20364e;--muted:#718196;--surface:#f1f5fa;--line:#dce5ef;--shadow:9px 9px 24px #d6e0ec,-9px -9px 24px #fff;--small-shadow:5px 5px 12px #d9e3ef,-5px -5px 12px #fff}
.footer-navigation{display:flex;flex-wrap:wrap;gap:16px 28px;padding-bottom:25px;color:#6886a3;font-size:12px}.footer-navigation a:hover{color:var(--blue)}
*{box-sizing:border-box}:scope{scroll-behavior:smooth;scroll-padding-top:154px}:scope{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-interface);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.38}button{border:0}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.045em;color:var(--blue-dark);font-weight:650}h1{font-size:clamp(36px,4.3vw,60px)}h2{font-size:clamp(29px,3.1vw,42px)}h3{font-size:23px;letter-spacing:-.025em}p{color:#68798c}p+p{margin-top:16px}button svg,a svg{flex-shrink:0}::selection{background:#b7d4ff;color:#113569}::-webkit-scrollbar{width:9px;height:7px}::-webkit-scrollbar-track{background:#e8eef5}::-webkit-scrollbar-thumb{background:#a7bdd4;border:2px solid #e8eef5;border-radius:12px}::-webkit-scrollbar-thumb:hover{background:#407be0}:focus-visible{outline:3px solid #8abbff;outline-offset:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #6b9ee9;outline-offset:2px}.container{width:min(1264px,calc(100% - 96px));margin-inline:auto}.section{padding-block:76px}.eyebrow{display:flex;align-items:center;gap:8px;text-transform:uppercase;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.15em;line-height:1.5;margin-bottom:13px}.button{min-height:48px;padding:13px 23px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:600;line-height:1.4;transition:transform .2s,box-shadow .2s,background .2s;text-align:center}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.primary{color:white;background:linear-gradient(105deg,#1e60df,#347cf4);box-shadow:0 5px 14px #2868e82b,inset 0 1px 0 #ffffff33}.primary:hover{box-shadow:0 9px 22px #2868e840}.secondary{background:var(--surface);box-shadow:var(--small-shadow);color:var(--blue)}.white{color:var(--blue-dark);background:white;box-shadow:0 5px 18px #132f4426}.full{width:100%}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;flex-shrink:0}.icon-button:hover{background:#dce8f7}.text-link{display:inline-flex;align-items:center;gap:9px;background:none;color:var(--blue);font-weight:600;font-size:14px;padding:0}.text-link:hover{color:#123f8a}.fine-print{font-size:12px;line-height:1.7;color:#77869a}.fine-print a{text-decoration:underline;text-underline-offset:3px}.clay{width:105px;height:105px;flex-shrink:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px 24px;border-radius:10px}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.header{position:relative;z-index:30;background:#f1f5faf5}.header-top{display:flex;align-items:center;gap:24px;min-height:95px;border-bottom:1px solid var(--line)}.logo{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.logo span{display:grid;gap:5px}.logo b{font-size:25px;line-height:1;font-weight:650;letter-spacing:-.04em;color:#24496b}.logo small{font-size:8px;font-weight:700;letter-spacing:.2em;color:#7c91a5}.header-location{font-size:12px;color:#75889a;display:flex;align-items:center;gap:8px;margin-left:22px}.header-location svg{color:#438e77}.header-phone{margin-left:auto;display:flex;flex-direction:column;gap:2px}.header-phone a{font-size:17px;font-weight:650;letter-spacing:-.02em}.header-phone small{color:#7e8c9d;font-size:12px}.header-book{font-size:13px;min-height:44px;padding-inline:18px}.navigation{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:17px}.navigation>a:not(.button){font-size:13px;font-weight:600;color:#5e7388;white-space:nowrap;position:relative}.navigation>a:hover,.navigation>a[aria-current=page]{color:var(--blue)}.navigation>a[aria-current=page]:after{content:'';position:absolute;bottom:-12px;left:calc(50% - 2px);height:4px;width:4px;border-radius:50%;background:var(--blue)}.nav-season{margin-left:10px}.season-switch{display:flex;align-items:center;gap:3px;padding:6px;border-radius:18px;background:#eaf0f7;box-shadow:inset 3px 3px 8px #cfdbe9,inset -3px -3px 8px #fff}.season-switch button{display:flex;align-items:center;gap:7px;padding:5px 13px 5px 8px;border-radius:12px;background:none;color:#677d91;font-weight:600;font-size:13px;transition:.2s}.season-switch button .clay{width:36px;height:36px}.season-switch button[aria-pressed=true]{background:#f9fbff;color:#2463c5;box-shadow:3px 3px 8px #c8d6e8,-2px -2px 6px white}.season-switch button:hover{color:var(--blue);background:#ffffff80}.season-switch.compact{padding:3px;border-radius:12px;gap:0;box-shadow:inset 2px 2px 5px #d5e0eb,inset -2px -2px 5px white}.season-switch.compact button{font-size:12px;gap:3px;padding:2px 6px;border-radius:9px}.season-switch.compact .clay{width:27px;height:27px}.mobile-menu-toggle,.navigation .mobile-book{display:none}
.home-hero{height:570px;position:relative;border-radius:26px;overflow:hidden;isolation:isolate;box-shadow:0 8px 24px #17385316}.hero-photo,.hero-photo>img,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.hero-photo{animation:hero-in .65s ease both}.hero-photo>img{object-position:center 54%}.hero-shade{background:linear-gradient(90deg,#0c2838c9 0%,#19354575 47%,#0c28381a 100%),linear-gradient(0deg,#0e2a4333,transparent 55%)}.hero-content{padding:58px 58px 90px;max-width:750px;color:white}.hero-eyebrow{display:flex;align-items:center;gap:9px;color:#ffffffc9;letter-spacing:.17em;font-size:12px;font-weight:600;margin-bottom:22px}.hero-eyebrow>span{height:6px;width:6px;background:#c4e9a9;border-radius:50%;box-shadow:0 0 0 4px #c4e9a922}.hero-content h1{font-size:clamp(42px,4.8vw,65px);font-weight:600;line-height:1.08;letter-spacing:-.045em;color:white;white-space:pre-line;max-width:650px}.hero-content>p{color:#edf4f5;max-width:475px;margin-top:22px;font-size:15px;line-height:1.8;text-shadow:0 1px 3px #142f4540}.hero-button{margin-top:28px;background:#f6f9ff;color:#1f568d;box-shadow:0 5px 15px #0b263633;min-height:47px}.hero-details{display:flex;gap:24px;align-items:center;margin-top:26px;font-size:12px;color:#fff}.hero-details>span{display:flex;align-items:center;gap:7px}.hero-rating>svg{color:#ffd375}.hero-rating small{font-size:12px;color:#f1f6f6c9}.hero-season-note{position:absolute;right:29px;top:28px;display:flex;align-items:center;gap:7px;transform:rotate(2deg);background:#f6fbf5ed;border:1px solid #ffffffb3;padding:5px 19px 7px 5px;border-radius:17px;box-shadow:5px 9px 25px #0e2d3f22}.hero-season-note .clay{width:63px;height:63px}.hero-season-note>span{font-size:12px;color:#3d675a;font-weight:650}.hero-season-note small{display:block;font-weight:400;font-size:12px;margin-top:3px;color:#7c8a87}.hero-bottom{position:absolute;bottom:0;inset-inline:0;min-height:84px;display:flex;align-items:center;gap:25px;padding:13px 32px;background:#f3f7fbeF;backdrop-filter:blur(14px);border-top:1px solid #fff9}.season-prompt{font-size:12px;line-height:1.5;color:#7b8a9b}.season-prompt b{font-weight:650;font-size:13px;color:#31506b}.hero-gallery-link{margin-left:auto;display:flex;align-items:center;gap:13px;color:#52708e;font-size:12px}.booking-home{margin-top:24px}.booking-bar{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr 1.05fr;padding:12px;border-radius:19px;background:var(--surface);box-shadow:var(--shadow);gap:8px;z-index:12}.booking-field{display:flex;align-items:center;gap:13px;text-align:left;padding:10px 18px;background:none;border-right:1px solid var(--line);border-radius:0}.booking-field>svg:first-child{color:#4c85cd;width:20px}.booking-field>span{display:flex;flex-direction:column;gap:3px;flex:1}.booking-field small{color:#8c98a6;font-size:12px}.booking-field b{font-size:13px;color:#42617c;font-weight:600}.booking-field>svg:last-child{color:#92a4b8}.booking-bar>.primary{min-height:58px}.booking-popover{position:absolute;top:calc(100% + 12px);left:0;background:#f7faff;padding:18px;width:340px;max-width:100%;border-radius:20px;box-shadow:0 18px 45px #28476430;border:1px solid white;z-index:25}.popover-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;font-size:14px}.calendar-month{display:flex;align-items:center;justify-content:space-between;font-size:13px;text-transform:capitalize}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:10px}.calendar-grid>small{font-size:12px;color:#8797aa;text-align:center;padding-block:5px}.calendar-grid>button{border-radius:10px;aspect-ratio:1;background:transparent;font-size:13px}.calendar-grid>button:hover{background:#e0edff}.calendar-grid>button.selected{background:var(--blue);color:#fff;box-shadow:2px 3px 7px #2166de30}.calendar-grid>button.in-range{background:#e1ecfc}.calendar-shortcut{font-size:12px;margin-top:16px}.guests-popover{left:45%;width:340px}.guest-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.guest-row>span{display:flex;flex-direction:column;gap:3px}.guest-row b{font-size:13px}.guest-row small{font-size:12px;color:var(--muted)}.counter{display:flex;align-items:center;gap:13px}.counter>button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#edf3fa;box-shadow:var(--small-shadow);border-radius:10px;color:var(--blue)}.counter>output{min-width:16px;text-align:center}.guests-popover .fine-print{margin-block:15px}.booking-message{grid-column:1/-1;font-size:12px;padding:6px 12px}.error{color:#a42a36}.trust-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:32px 18px;border-bottom:1px solid var(--line)}.trust-strip>span{display:flex;align-items:center;gap:11px;color:#7c8da1;font-size:12px}.trust-strip svg{width:19px;color:#84a3bc;stroke-width:1.6}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-heading p{font-size:14px;margin-top:14px;max-width:650px}.section-heading>.text-link{white-space:nowrap;padding-bottom:5px}.house-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.house-card{min-width:0;border:1px solid #ffffffbb;border-radius:23px;background:var(--surface);box-shadow:var(--shadow);padding:9px;transition:transform .25s,box-shadow .25s}.house-card:hover{transform:translateY(-5px);box-shadow:10px 16px 30px #ced9e7,-10px -10px 25px white}.card-photo,.activity-photo{display:block;position:relative;overflow:hidden;border-radius:17px}.card-photo{aspect-ratio:1.48}.card-photo>img,.activity-photo>img{width:100%;height:100%;transition:transform .6s}.house-card:hover .card-photo>img,.activity-card:hover .activity-photo>img{transform:scale(1.04)}.photo-tag{position:absolute;left:13px;top:13px;background:#f7faffee;border:1px solid #fff8;border-radius:8px;padding:5px 10px;font-size:12px;color:#3d536c;backdrop-filter:blur(6px)}.photo-arrow{position:absolute;bottom:13px;right:13px;height:35px;width:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:white;background:#ffffff2b;border:1px solid #ffffff80;backdrop-filter:blur(10px)}.card-body{padding:18px 14px 10px}.card-facts{display:flex;align-items:center;gap:17px;color:#8392a5;font-size:12px;margin-bottom:12px}.card-facts span{display:flex;align-items:center;gap:6px}.card-body h3{font-size:22px;line-height:1.25;min-height:28px}.card-body>p{font-size:12px;margin-top:6px}.meal-note{display:flex;align-items:center;gap:6px;color:var(--green);font-size:12px;margin-top:15px}.card-bottom{margin-top:18px;padding-top:16px;border-top:1px solid #dce5ee;display:flex;justify-content:space-between;align-items:center;gap:8px}.price{font-size:21px;letter-spacing:-.04em;font-weight:650;color:var(--blue-dark)}.price small{font-size:12px;letter-spacing:0;font-weight:400;color:#8192a5}.compare-button{height:34px;width:34px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#698bad;box-shadow:3px 3px 8px #d3dfe9,-3px -3px 8px white;background:var(--surface)}.compare-button.selected{background:#e0edff;color:var(--blue);box-shadow:inset 2px 2px 5px #c2d4eb,inset -2px -2px 5px #fff}.price-note{margin-top:25px;max-width:950px;font-size:12px}.season-section{padding-block:68px;background:#eaf0f6;border-block:1px solid #ffffffbd}.season-heading{display:flex;align-items:center;gap:30px}.season-heading>.section-heading{flex:1}.season-heading>.clay{width:95px;height:95px;margin-top:-40px}.experience-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:26px}.bath-feature{position:relative;border-radius:23px;overflow:hidden;min-height:380px}.bath-feature>img{width:100%;height:100%;position:absolute}.bath-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#12332fe8,transparent 85%)}.bath-feature>div{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:30px}.bath-feature .photo-tag{position:static;align-self:flex-start;margin-bottom:auto;color:white;background:#ffffff26}.bath-feature h3{font-size:31px;line-height:1.15;color:white;margin:80px 0 24px}.feature-link{color:#dceee6;display:flex;align-items:center;justify-content:space-between;font-size:12px}.experience-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.activity-card{min-width:0}.activity-photo{aspect-ratio:1.15}.activity-body{padding:18px 3px 6px}.activity-body h3{font-size:20px}.activity-body>p{font-size:12px;line-height:1.7;margin-top:10px;min-height:42px}.activity-body>div{margin-top:17px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:#36546f}.activity-body small{font-size:12px;color:#8190a0}.cafe-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-block:100px}.cafe-collage{position:relative;padding:0 50px 45px 0}.cafe-room{width:100%;height:350px;border-radius:24px;box-shadow:8px 10px 20px #c4d2de}.cafe-dish{position:absolute;bottom:0;right:0;height:175px;width:195px;object-fit:cover;border:7px solid var(--surface);border-radius:25px;box-shadow:7px 8px 20px #bdccd84f}.clay-sticker{position:absolute;left:-22px;bottom:2px;display:block;transform:rotate(-10deg);background:var(--surface);box-shadow:var(--shadow);border-radius:28px;padding:8px}.clay-sticker .clay{width:100px;height:100px}.cafe-feature>div:last-child>p{font-size:14px;margin-top:22px;max-width:450px}.cafe-facts{display:flex;flex-direction:column;gap:10px;margin:22px 0 26px;font-size:12px;color:#6e8693}.cafe-facts span{display:flex;align-items:center;gap:9px}.cafe-facts svg{color:var(--green)}.lake-story{position:relative;border-radius:24px;overflow:hidden;min-height:405px;isolation:isolate;display:flex;align-items:center}.lake-story>img{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-position:center 60%}.lake-story:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#122d43dc,#132e4155,transparent)}.lake-story>div{padding:50px 56px}.lake-story h2{color:#fff;font-size:42px}.lake-story .eyebrow{color:#b8d8cf}.lake-story p{color:#d5e2e9;margin-top:20px;font-size:14px}.lake-story .button{margin-top:25px}.event-preview{display:grid;grid-template-columns:290px 1fr 120px;gap:35px;align-items:center;padding:14px 30px 14px 14px;border-radius:24px;box-shadow:var(--shadow);border:1px solid white}.event-preview-photo{height:210px;border-radius:17px;overflow:hidden}.event-preview-photo img{width:100%;height:100%}.event-preview h3{font-size:29px}.event-preview p{margin-top:15px;font-size:13px;max-width:540px}.event-preview .text-link{margin-top:20px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-section>div:first-child>p{margin-top:20px;margin-bottom:25px;font-size:14px;max-width:300px}.faq-list{min-width:0}.faq-list details{border-bottom:1px solid #d4e0ec}.faq-list details:first-child{border-top:1px solid #d4e0ec}.faq-list summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 0;font-size:14px;line-height:1.5;font-weight:600;list-style:none;color:#3a5672}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-weight:400;font-size:23px;color:#8cabc9;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details>p{font-size:13px;padding:0 30px 22px 0;line-height:1.85}.contact-band{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:20px 0 75px;padding:30px 40px;border:1px solid white;background:linear-gradient(110deg,#e8eff9,#eef6ef);border-radius:25px;box-shadow:var(--shadow)}.contact-band>div{display:flex;align-items:center;gap:25px}.contact-band .clay{width:100px;height:100px}.contact-band h2{font-size:29px}.contact-band .eyebrow{font-size:12px;margin-bottom:7px}.contact-band p{font-size:12px;margin-top:9px}.contact-band>.button{flex-shrink:0}.footer{padding-top:48px;background:#e8eef5;border-top:1px solid #dce6ef}.footer-top{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:70px;padding-bottom:44px}.footer-top .logo b{font-size:24px}.footer-top p{font-size:12px;margin:20px 0;max-width:340px}.footer-vk{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#577ba5}.footer-top>div:last-child{display:flex;flex-direction:column;gap:6px}.footer-top>div:last-child .eyebrow{margin-bottom:9px}.footer-phone{font-size:23px;font-weight:650;letter-spacing:-.03em;color:#315477}.footer-top>div:last-child>a:not(.footer-phone){font-size:13px;color:#66839e}.footer-top small{font-size:12px;color:#8395a9;margin-top:7px}.footer-bottom{display:flex;align-items:center;gap:26px;border-top:1px solid #d5e0ec;padding-block:23px;color:#8a9aab;font-size:12px}.footer-bottom>span:last-child{margin-left:auto;display:flex;align-items:center;gap:8px}
.page{padding-bottom:35px}.breadcrumb{display:flex;align-items:center;gap:10px;color:#8fa0b1;font-size:12px;padding:23px 0}.breadcrumb a{color:#6086aa}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:16px 0 44px}.page-intro>div{max-width:920px}.page-intro h1{max-width:950px}.page-intro p{margin-top:22px;font-size:15px;max-width:720px}.page-intro>.clay{width:125px;height:125px;margin:0 20px}.booking-compact{margin-bottom:38px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 26px}.tabs{display:flex;gap:4px;background:#e8eff7;box-shadow:inset 3px 3px 8px #d4dfeb,inset -3px -3px 8px #fff;padding:5px;border-radius:13px;width:fit-content}.tabs button{background:transparent;border-radius:10px;font-size:12px;font-weight:550;padding:10px 17px;color:#788b9f;white-space:nowrap;transition:.2s}.tabs button[aria-pressed=true]{color:var(--blue);background:var(--surface);box-shadow:3px 3px 8px #c9d7e8,-2px -2px 7px #fff}.tabs button:hover{color:var(--blue)}.styled-select{display:flex;align-items:center;gap:10px;border-radius:12px;background:var(--surface);box-shadow:var(--small-shadow);padding:9px 13px;color:#6d8cac}.styled-select select{appearance:none;border:0;background:transparent;color:#506d88;padding:3px 4px;outline:0;font-size:12px;cursor:pointer;max-width:190px}.styled-select>svg:last-child{transform:rotate(90deg)}.styled-select option{background:#f4f8fc;color:#31506e}.catalog-count{font-size:12px;margin-bottom:23px;color:#8393a5}.info-note{display:flex;align-items:flex-start;gap:13px;padding:16px 20px;border-radius:13px;background:#e8f0fc;color:#557296;font-size:13px;margin-block:20px}.info-note svg{flex-shrink:0}.empty-state{padding:60px 25px;text-align:center;background:#edf3f9;border-radius:20px;display:flex;align-items:center;flex-direction:column;gap:16px;margin:25px 0}.empty-state p{max-width:520px}.empty-state .clay{width:90px;height:90px}.stay-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-block:1px solid var(--line);padding:38px 0;margin:60px 0}.stay-notes>div>svg{width:23px;color:#5f8cb7;margin-bottom:14px}.stay-notes h3{font-size:19px}.stay-notes p{font-size:13px;margin-top:12px}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:16px 0 35px}.detail-heading p{margin-top:15px}.detail-heading>.button{flex-shrink:0}.photo-gallery{display:grid;gap:15px}.house-gallery{grid-template-columns:1.7fr 1fr;grid-template-rows:220px 220px}.house-gallery .gallery-tile:first-child{grid-row:1/3}.house-gallery .gallery-tile:only-child{grid-column:1/-1}.house-gallery .gallery-tile:nth-child(2):last-child{grid-row:1/3}.gallery-tile{position:relative;padding:0;background:#dee8f2;border-radius:18px;overflow:hidden;text-align:left;min-width:0}.gallery-tile>img{width:100%;height:100%;transition:transform .5s}.gallery-tile:hover>img{transform:scale(1.025)}.gallery-tile>span{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:20px;color:#fff;font-size:12px;background:linear-gradient(0deg,#13304e88,transparent 45%);opacity:0;transition:.2s}.gallery-tile:hover>span,.gallery-tile:focus-visible>span{opacity:1}.detail-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:65px;margin:45px 0 70px;align-items:start}.detail-layout h2{font-size:32px;margin:28px 0 20px}.detail-layout h3{font-size:22px;margin:29px 0 15px}.detail-layout .lead{font-size:16px;line-height:1.85}.detail-stats{display:flex;align-items:center;flex-wrap:wrap;gap:24px;padding-bottom:28px;border-bottom:1px solid var(--line);font-size:12px;color:#607e9b}.detail-stats>span{display:flex;align-items:center;gap:8px}.detail-stats svg{width:18px}.check-list{list-style:none;padding:0;margin:20px 0 30px;display:grid;gap:12px}.check-list li{display:flex;align-items:center;gap:12px;font-size:14px;color:#58728b}.check-list svg{color:#3a9b7b;flex-shrink:0}.soft-panel{padding:28px;border-radius:22px;box-shadow:var(--shadow);border:1px solid white;background:var(--surface)}.soft-panel h3:first-child{margin-top:0}.soft-panel h3{display:flex;align-items:center;gap:12px}.soft-panel p{font-size:13px}.booking-aside{position:sticky;top:30px;border:1px solid white;border-radius:23px;padding:30px;box-shadow:var(--shadow);background:var(--surface)}.booking-aside>.clay{width:85px;height:85px;display:block;margin:0 auto 5px}.booking-aside>.eyebrow{justify-content:center;font-size:12px}.booking-aside h2{font-size:30px;margin:15px 0 5px}.booking-aside h2 small{font-size:15px;font-weight:400}.booking-aside>p{display:flex;align-items:center;gap:8px;font-size:12px}.aside-included{display:flex;align-items:center;gap:9px;color:var(--green);font-size:12px;padding:21px 0;margin:18px 0;border-block:1px solid var(--line)}.booking-aside>.button+.button{margin-top:12px}.booking-aside>small{display:block;font-size:12px;color:#8a98aa;margin-top:22px}.aside-phone{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:25px;color:#507498;font-size:14px}.comparison{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:35;width:min(650px,calc(100% - 24px));padding:12px 16px;background:#f8fbfff5;backdrop-filter:blur(15px);border:1px solid white;box-shadow:0 10px 40px #1b3c622b;border-radius:18px}.comparison.expanded{width:min(1100px,calc(100% - 32px))}.comparison-top{display:flex;align-items:center;gap:12px}.comparison-top>span{display:flex;gap:10px;align-items:center;flex:1;font-size:12px}.comparison-top>span>svg{color:var(--blue)}.comparison-top small{color:#7c97b2}.comparison-top .button{min-height:36px;font-size:12px;padding:9px 18px}.comparison-scroll{overflow:auto;max-height:58vh;margin-top:18px}.comparison table{width:100%;border-collapse:collapse;font-size:12px;min-width:620px}.comparison th,.comparison td{padding:13px 16px;border-bottom:1px solid #dce6ef;text-align:left;vertical-align:top;width:25%}.comparison th{color:#3c638b}.comparison td{color:#6b8096}.comparison thead a{color:var(--blue)}
.split-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:0;border-radius:25px;overflow:hidden;box-shadow:var(--shadow)}.split-hero>img{width:100%;height:480px}.split-hero>div{padding:35px 45px;background:#e8eff6;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.split-hero .clay{width:75px;height:75px}.split-hero h2{font-size:38px}.split-hero p{font-size:14px;margin:18px 0 25px}.two-photos{grid-template-columns:1fr 1fr;height:240px;margin-block:28px}.bath-prices h2{font-size:25px;margin-top:0}.bath-prices .tabs{margin:20px 0}.bath-prices .tabs button{padding:9px 14px}.bath-prices>p{display:flex;align-items:center;gap:8px;font-size:12px}.price-rows{margin:20px 0}.price-rows>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}.price-rows strong{color:#285993;white-space:nowrap}.bath-prices>.fine-print{font-size:12px;margin-top:20px}.cafe-page-hero{position:relative;height:430px;border-radius:24px;overflow:hidden}.cafe-page-hero>img{width:100%;height:100%}.cafe-hero-note{position:absolute;right:30px;bottom:30px;background:#f4f7f1f0;border:1px solid white;border-radius:20px;box-shadow:8px 8px 22px #16364e33;display:flex;gap:15px;align-items:center;padding:17px 27px}.cafe-hero-note h2{font-size:29px}.cafe-hero-note .clay{width:80px;height:80px}.meal-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:40px 15px}.meal-panels svg{color:#448d77;width:23px;margin-bottom:15px}.meal-panels h3{font-size:21px}.meal-panels p{font-size:13px;margin-top:12px}.demo-note{display:flex;gap:17px;padding:18px 22px;border:1px solid #e9d6a7;background:#faf6e9;border-radius:15px;margin-bottom:25px;color:#967237;font-size:13px}.demo-note>svg{flex-shrink:0}.demo-note p{font-size:12px;color:#98825a;margin-top:5px}.search-field{display:flex;align-items:center;gap:10px;padding:10px 14px;min-width:190px;border-radius:12px;background:#eef4fa;box-shadow:inset 3px 3px 6px #d7e2ee,inset -3px -3px 6px white;color:#7194b5}.search-field input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:12px;color:#426280}.search-field input::placeholder{color:#91a2b5}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.dish-card{border:1px solid #fff;border-radius:20px;overflow:hidden;box-shadow:var(--small-shadow);background:var(--surface)}.dish-card>img,.dish-illustration{width:100%;height:175px}.dish-illustration{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 25%,#f9fcff,#dee8f3)}.dish-illustration>.clay{width:90px;height:90px}.dish-illustration>span{font-size:12px;letter-spacing:.1em;color:#91a5ba;text-transform:uppercase}.dish-card>div:last-child:not(.dish-illustration){padding:20px}.dish-category{font-size:12px;color:#829bb1}.dish-card h3{font-size:19px;margin-top:8px;line-height:1.25;min-height:48px}.dish-card p{font-size:12px;line-height:1.7;min-height:57px;margin-top:10px}.dish-card small{display:block;font-size:12px;color:#8fa0b0;min-height:30px}.dish-price{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;margin-top:10px}.dish-price b{color:#3b5f80;font-size:18px}.dish-price>span{font-size:12px;color:#b19a6b}.cafe-contact{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:60px;padding:40px}.cafe-contact>div{max-width:650px}.cafe-contact h2{font-size:29px}.cafe-contact p{margin-top:20px}.cafe-contact>.button{flex-shrink:0}.menu-pending{display:flex;align-items:center;gap:30px}.menu-pending .button{margin-top:20px}.season-catalog{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 30px;border-radius:20px;background:linear-gradient(100deg,#e5edf7,#edf3ed);box-shadow:inset 1px 1px 0 white}.season-catalog .eyebrow{font-size:12px;margin-bottom:10px}.switch-label{display:flex;align-items:center;gap:10px;font-size:12px;color:#627f96;cursor:pointer;position:relative}.switch-label input{position:absolute;opacity:0;width:40px;height:24px;margin:0}.switch-track{display:block;flex-shrink:0;width:38px;height:23px;border-radius:20px;background:#d4e0ed;box-shadow:inset 2px 2px 4px #b9cadc,inset -2px -2px 4px #fff;position:relative;transition:.2s}.switch-track:after{content:'';position:absolute;top:3px;left:3px;height:17px;width:17px;border-radius:50%;background:white;box-shadow:1px 2px 4px #879db5;transition:.2s}.switch-label input:checked+.switch-track{background:#3d7ee8;box-shadow:inset 2px 2px 5px #2462bd}.switch-label input:checked+.switch-track:after{transform:translateX(15px)}.switch-label input:focus-visible+.switch-track{outline:3px solid #8abbff;outline-offset:3px}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 28px}.activity-grid .activity-photo{aspect-ratio:1.5}.activity-grid .activity-body{padding-inline:4px}.service-bath-link{display:flex;align-items:center;gap:26px;margin-top:50px;padding:22px 32px;border-radius:22px;box-shadow:var(--shadow);background:linear-gradient(120deg,#f1f6fb,#e5edf7)}.service-bath-link h3{font-size:25px}.service-bath-link p{font-size:13px;margin-top:8px}.service-bath-link>svg:last-child{margin-left:auto;color:var(--blue)}.rental-band{padding:40px 12px;display:flex;align-items:center;justify-content:space-between;gap:25px}.rental-band h3{font-size:24px}.rental-band p{font-size:13px;margin-top:10px}.service-detail-photo{height:460px;border-radius:23px;overflow:hidden}.service-detail-photo img{width:100%;height:100%;object-position:center 53%}.season-pills{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0 30px}.season-pills>span{display:flex;align-items:center;gap:7px;padding:4px 14px 4px 5px;box-shadow:var(--small-shadow);border-radius:13px;font-size:12px;color:#59809e}.season-pills .clay{height:38px;width:38px}.event-tabs{margin-bottom:30px}.events-list{display:flex;flex-direction:column;gap:30px}.event-card{display:grid;grid-template-columns:.85fr 1.2fr;gap:40px;padding:12px;border:1px solid white;border-radius:25px;box-shadow:var(--shadow)}.event-card>img{width:100%;height:100%;min-height:330px;max-height:400px;border-radius:18px}.event-card>div{padding:20px 25px 20px 0;align-self:center}.event-card h2{font-size:31px}.event-card p{font-size:13px;margin-top:14px}.event-meta{display:flex;align-items:center;gap:25px;margin:18px 0;font-size:12px}.event-meta>span{display:flex;align-items:center;gap:7px;color:#7790aa}.event-meta strong{color:#44759b}.event-card .fine-print{font-size:12px;margin-bottom:20px}.group-event{display:flex;align-items:center;gap:35px;padding:40px;margin:60px 0 35px}.group-event h2{font-size:32px;max-width:700px}.group-event p{margin:18px 0 23px;max-width:740px}.about-photo{height:480px;position:relative;border-radius:24px;overflow:hidden}.about-photo>img{width:100%;height:100%}.about-photo>span{position:absolute;bottom:25px;right:30px;background:#f2f6f0eb;border-radius:12px;padding:12px 20px;color:#537968;font-size:14px}.about-text{display:grid;grid-template-columns:.8fr 1fr;gap:70px}.about-text p{font-size:14px}.about-text .lead{font-size:18px;color:#557087;line-height:1.8}.gallery-tabs{margin-bottom:28px}.about-gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:230px}.about-gallery .gallery-tile:nth-child(7n+1){grid-row:span 2}.about-gallery .gallery-tile>span{opacity:1}.reviews-section{display:grid;grid-template-columns:.8fr 1.1fr;gap:80px;border-block:1px solid var(--line)}.review-rating{display:flex;gap:15px;align-items:center;margin-top:30px}.review-rating>b{font-size:56px;line-height:1;letter-spacing:-.07em;color:#2f567a}.review-rating>span{display:flex;flex-direction:column;font-size:12px;color:#627e98}.stars{font-size:17px;color:#e8ab43;letter-spacing:3px;line-height:1.4}.review-rating small{font-size:12px;color:#9aabba;margin-top:4px}.review-rating>svg{margin-left:5px;width:18px;color:#5e8cb9}.review-summary{padding:32px;border-radius:21px;box-shadow:var(--shadow);background:#f3f7fc;border:1px solid white}.review-summary h3{font-size:24px;margin-bottom:20px}.review-summary p{font-size:13px}.review-summary>small{display:block;color:#95a4b3;font-size:12px;margin:20px 0}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid var(--line)}.contact-section h2{margin-bottom:28px}.contact-line{display:flex;align-items:center;gap:14px;margin:20px 0;font-size:14px}.contact-line>svg{color:#638bb3;width:20px;flex-shrink:0}.contact-line b{font-weight:550}.contact-line small{display:block;margin-top:3px;font-size:12px;color:#8a9baf}.contact-section>div>p{font-size:13px;margin:25px 0;max-width:450px}.location-card{position:relative;border-radius:24px;overflow:hidden;min-height:430px}.location-card>img{width:100%;height:100%;position:absolute}.location-card:after{content:'';position:absolute;inset:0;background:#133d6244}.location-card>div{position:absolute;inset:auto 25px 25px;z-index:1;display:flex;flex-direction:column;align-items:center;padding:25px 15px;border-radius:18px;background:#f5f9ffed;backdrop-filter:blur(10px);gap:7px}.location-card svg{color:var(--blue)}.location-card b{font-size:20px;color:#3e6485}.location-card span{font-size:12px;color:#7c95ad}.location-card a{display:flex;gap:7px;align-items:center;font-size:12px;margin-top:12px;color:var(--blue)}.booking-destination{display:flex;align-items:center;gap:45px;padding:45px;border-radius:25px;background:linear-gradient(120deg,#e5eefb,#edf4ed);box-shadow:var(--shadow);border:1px solid white;margin-top:50px}.booking-destination>.clay{width:160px;height:160px}.booking-destination h2{font-size:35px;margin-bottom:20px}.booking-destination p{max-width:740px;font-size:14px;margin-bottom:25px}.booking-destination .fine-print{font-size:12px;margin:15px 0 0}.legal-page{max-width:850px;padding-bottom:80px}.legal-page h1{font-size:42px;margin:25px 0 35px}.legal-page h2{font-size:25px;margin:35px 0 18px}.legal-page p{font-size:15px;line-height:1.9}.legal-page a{color:var(--blue)}.not-found{min-height:450px}.skeleton{background:linear-gradient(100deg,#e0e9f3,#f8fbff,#e0e9f3);background-size:200% 100%;animation:loading 2s infinite;border-radius:20px}.skeleton-title{width:60%;height:65px;margin:40px 0}.skeleton-hero{height:480px;margin:30px 0 70px}
dialog{border:0;padding:0;color:var(--ink);max-height:90dvh}dialog::backdrop{background:#102a497a;backdrop-filter:blur(8px)}.inquiry-dialog{width:min(550px,calc(100% - 30px));border-radius:26px;background:var(--surface);box-shadow:0 25px 100px #18345250;overflow-y:auto}.dialog-inner{padding:34px 38px;position:relative}.modal-close{position:absolute;right:17px;top:17px}.dialog-inner>.clay{width:70px;height:70px}.dialog-inner>.eyebrow{font-size:12px;margin-top:10px}.dialog-inner>h2{font-size:29px;margin-bottom:16px}.dialog-inner>p{font-size:13px;margin-bottom:22px}.inquiry-form{display:grid;gap:17px}.inquiry-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#5e7a95}.inquiry-form input,.inquiry-form textarea{width:100%;border:1px solid #e3ebf5;border-radius:12px;background:#f9fbfe;color:#172b49;padding:13px 15px;box-shadow:inset 3px 3px 7px #e0e8f0,inset -3px -3px 7px #fff;resize:vertical;font-size:13px}.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{font-size:12px;color:#9eacbb}.inquiry-form .fine-print{font-size:12px}.request-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;line-height:1.7;font-size:12px;color:#5d7690;padding:18px;background:#e9f0f8;border-radius:12px;margin-bottom:25px}.dialog-inner>.button+.button{margin-top:13px}.dialog-inner>.fine-print{margin-top:20px}.lightbox{background:transparent;max-width:100vw;width:100vw;height:100dvh;max-height:100dvh;overflow:hidden;margin:0;color:white;outline:0}.lightbox::backdrop{background:#07192deF;backdrop-filter:blur(15px)}.lightbox>img{position:absolute;inset:6% 8% 12%;width:84%;height:82%;object-fit:contain}.lightbox .icon-button{position:absolute;background:#ffffff1a;color:#fff;z-index:2;width:45px;height:45px}.lightbox-close{right:22px;top:20px}.lightbox-previous{left:18px;top:48%}.lightbox-next{right:18px;top:48%}.lightbox>p{position:absolute;bottom:4%;left:10%;width:80%;color:#d8e7f6;text-align:center;font-size:13px}.lightbox>p>span{display:block;color:#8198ae;font-size:12px;margin-top:8px}
@keyframes hero-in{from{opacity:.5;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes loading{to{background-position:-200% 0}}
@media(min-width:1600px){.container{max-width:1360px}.home-hero{height:630px}.hero-content{padding:70px 65px}.hero-content h1{font-size:72px}.hero-content>p{font-size:16px;max-width:520px}.hero-bottom{min-height:90px}.card-photo{aspect-ratio:1.55}}
@media(max-width:1150px){.container{width:calc(100% - 56px)}.header-location{display:none}.navigation{gap:13px}.navigation>a:not(.button){font-size:12px}.nav-season{margin-left:0}.season-switch.compact button{padding-inline:5px}.season-switch.compact .clay{width:23px;height:23px}.hero-content{padding:55px 40px}.hero-season-note{right:20px;top:20px}.hero-season-note small{display:none}.hero-season-note .clay{height:45px;width:45px}.hero-season-note>span{font-size:12px}.hero-details{gap:15px}.hero-gallery-link{font-size:12px}.house-grid{gap:19px}.card-body{padding-inline:10px}.card-body h3{font-size:20px}.cafe-feature{gap:50px}.cafe-collage{padding-right:25px}.faq-section{gap:50px}.contact-band{padding:25px}.contact-band h2{font-size:26px}.contact-band>div{gap:15px}.contact-band .clay{width:75px;height:75px}.footer-top{gap:35px}.menu-grid{grid-template-columns:repeat(3,1fr)}.tabs button{padding:10px 13px}.catalog-toolbar{flex-wrap:wrap}.detail-layout{gap:35px}.event-preview{grid-template-columns:250px 1fr 80px;gap:25px}.event-preview>.clay{width:80px;height:80px}.booking-field{padding-inline:10px;gap:8px}.booking-field b{font-size:12px}}
@media(max-width:900px){.container{width:calc(100% - 40px)}.header-top{min-height:82px}.header-phone{margin-left:auto}.header-book{display:none}.mobile-menu-toggle{display:flex;background:var(--surface);box-shadow:var(--small-shadow);border-radius:12px}.navigation-wrap{display:none;border-bottom:1px solid var(--line)}.navigation-wrap.is-open{display:block}.navigation{padding-block:15px;display:grid;grid-template-columns:1fr 1fr;gap:0}.navigation>a:not(.button){padding:12px;font-size:14px}.navigation>a[aria-current=page]:after{display:none}.nav-season{padding:10px;grid-column:1/-1}.season-switch.compact{width:fit-content}.season-switch.compact button{font-size:12px;padding:5px 12px}.season-switch.compact .clay{width:30px;height:30px}.navigation .mobile-book{display:flex;margin:10px;grid-column:1/-1}.home-hero{margin-top:16px;height:590px}.hero-content{padding:55px 35px}.hero-content h1{font-size:53px}.hero-content>p{max-width:420px}.hero-season-note{display:none}.hero-bottom{gap:18px;padding-inline:22px}.hero-gallery-link{display:none}.booking-bar{grid-template-columns:1fr 1fr;gap:5px}.booking-field:nth-child(2){border:0}.booking-field{padding:13px}.booking-bar>.primary{min-height:57px}.booking-popover{top:calc(50% + 8px)}.guests-popover{top:calc(100% + 10px);left:0}.trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-block:26px}.trust-strip>span{font-size:12px}.section{padding-block:55px}.house-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.houses-section .house-card:last-child{display:none}.section-heading h2{font-size:34px}.section-heading{gap:20px}.section-heading>.text-link{font-size:12px}.experience-grid{grid-template-columns:1fr}.bath-feature{min-height:370px}.bath-feature>img{object-position:center 58%}.bath-feature h3{margin-top:110px}.experience-cards{gap:25px}.activity-photo{aspect-ratio:1.5}.activity-body>p{min-height:0}.cafe-feature{gap:35px;padding-block:70px}.cafe-feature h2{font-size:32px}.cafe-collage{padding:0 20px 40px 0}.cafe-room{height:320px}.cafe-dish{width:155px;height:150px}.clay-sticker{left:-5px;padding:4px}.clay-sticker .clay{width:75px;height:75px}.cafe-facts{font-size:12px}.event-preview{grid-template-columns:200px 1fr}.event-preview>.clay{display:none}.event-preview h3{font-size:25px}.event-preview p{font-size:12px}.faq-section{grid-template-columns:.8fr 1.2fr;gap:35px}.faq-section h2{font-size:32px}.contact-band{flex-direction:column;align-items:stretch;gap:20px}.contact-band>.button{align-self:flex-start;margin-left:90px}.contact-band h2{font-size:28px}.footer-top{grid-template-columns:1fr 1fr;gap:40px}.footer-top>div:last-child{grid-column:2;grid-row:1}.footer-top>div:nth-child(2){grid-column:1/-1;max-width:600px}.footer-bottom{flex-wrap:wrap;gap:12px 25px}.footer-bottom>span:last-child{margin-left:0}.page-intro>.clay{width:95px;height:95px;margin:0}.page-intro{gap:25px}.page-intro h1{font-size:43px}.page-intro p{font-size:14px}.detail-heading h1{font-size:41px}.detail-heading{align-items:flex-start;flex-direction:column}.house-gallery{grid-template-rows:170px 170px}.detail-layout{grid-template-columns:minmax(0,1fr);gap:30px}.booking-aside{position:static;max-width:600px;justify-self:center;width:100%}.split-hero{grid-template-columns:1fr 1fr}.split-hero>img{height:430px}.split-hero>div{padding:25px}.split-hero h2{font-size:30px}.bath-prices{width:100%}.meal-panels{gap:25px;padding-inline:0}.meal-panels h3{font-size:19px}.menu-grid{grid-template-columns:repeat(3,1fr);gap:17px}.dish-card>div:last-child:not(.dish-illustration){padding:16px}.dish-card h3{font-size:18px}.dish-card>img,.dish-illustration{height:150px}.cafe-contact{flex-direction:column;align-items:flex-start;padding:30px;gap:25px}.season-catalog{flex-direction:column;align-items:flex-start}.activity-grid{grid-template-columns:repeat(2,1fr)}.service-bath-link{gap:15px;padding:22px}.service-bath-link>.clay{width:75px;height:75px}.service-bath-link h3{font-size:23px}.event-card{gap:25px}.event-card h2{font-size:26px}.event-card>div{padding-right:15px}.event-meta{gap:15px;flex-wrap:wrap}.group-event{padding:30px;gap:25px}.group-event>.clay{width:80px;height:80px}.group-event h2{font-size:28px}.about-text{gap:45px}.about-gallery{grid-auto-rows:170px;gap:12px}.reviews-section{gap:35px}.review-summary{padding:24px}.contact-section{gap:35px;grid-template-columns:1fr 1fr}.location-card{min-height:400px}.location-card>div{inset:auto 15px 15px}.location-card a{font-size:12px}.booking-destination{gap:25px;padding:30px}.booking-destination>.clay{width:100px;height:100px}.booking-destination h2{font-size:30px}}
@media(max-width:600px){:scope{scroll-padding-top:20px}.container{width:calc(100% - 32px)}:scope{font-size:14px}.header-top{gap:15px;min-height:76px}.header-top>.logo{gap:8px}.logo svg{width:35px;height:38px}.logo b{font-size:21px}.logo small{font-size:6px}.header-phone a{font-size:12px}.header-phone small{font-size:12px}.mobile-menu-toggle{height:34px;width:34px}.mobile-menu-toggle svg{width:20px}.header-phone{gap:3px}.home-hero{width:calc(100% - 20px);border-radius:20px;height:610px;margin-top:6px}.hero-photo>img{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#132e40c7,#14374652),linear-gradient(0deg,#0b29465c,transparent)}.hero-content{padding:40px 24px 150px}.hero-eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:23px}.hero-content h1{font-size:clamp(38px,10.5vw,53px);line-height:1.1}.hero-content>p{font-size:13px;line-height:1.85;max-width:335px;margin-top:20px}.hero-button{font-size:12px;padding:12px 17px;margin-top:25px;min-height:44px}.hero-details{align-items:flex-start;flex-direction:column;gap:8px;font-size:12px;margin-top:24px}.hero-rating small{font-size:12px}.hero-bottom{min-height:119px;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:12px 15px;background:#f1f6fbf2}.season-prompt{font-size:12px;display:flex;gap:4px;line-height:1}.season-prompt br{display:none}.season-prompt b{font-size:12px}.season-switch{padding:4px;border-radius:14px;gap:1px;width:100%;justify-content:space-between}.season-switch button{font-size:12px;padding:5px 8px 5px 3px;gap:2px;border-radius:10px;flex:1;justify-content:center}.season-switch button .clay{width:30px;height:30px}.booking-home{margin-top:18px}.booking-bar{padding:8px;border-radius:16px;gap:4px}.booking-field{padding:9px 7px;gap:7px}.booking-field>svg:first-child{width:16px}.booking-field small{font-size:12px}.booking-field b{font-size:12px}.booking-field>svg:last-child{width:11px}.booking-bar>.primary{font-size:12px;padding:10px;min-height:55px;gap:6px}.booking-bar>.primary svg{width:15px}.booking-message{font-size:12px;padding:6px}.booking-message .text-link{font-size:12px}.booking-popover{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.guests-popover{left:0}.trust-strip{gap:18px 10px;padding:23px 0}.trust-strip>span{font-size:12px;gap:7px}.trust-strip svg{width:16px;height:16px}.section{padding-block:43px}.eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:11px}h2{font-size:30px}.section-heading{align-items:flex-start;gap:20px;flex-direction:column;margin-bottom:25px}.section-heading h2{font-size:31px}.section-heading p{font-size:12px;line-height:1.8;margin-top:12px}.section-heading>.text-link{font-size:12px}.house-grid{grid-template-columns:minmax(0,1fr);gap:22px}.houses-section .house-card:last-child{display:block}.house-card{border-radius:21px}.card-photo{aspect-ratio:1.5}.card-body{padding:18px 13px 10px}.card-body h3{font-size:23px}.card-body>p{font-size:12px}.card-facts{font-size:12px}.meal-note{font-size:12px}.card-bottom{margin-top:17px}.price{font-size:23px}.price-note{font-size:12px;line-height:1.8;margin-top:21px}.season-section{padding-block:43px}.season-heading>.clay{display:none}.experience-grid{gap:24px}.bath-feature{min-height:335px}.bath-feature>div{padding:24px}.bath-feature h3{font-size:29px;margin-top:90px}.experience-cards{gap:15px}.experience-cards .activity-photo{aspect-ratio:.95}.experience-cards .activity-body h3{font-size:18px}.experience-cards .activity-body>p{font-size:12px;line-height:1.7}.experience-cards .activity-body>div{flex-direction:column;align-items:flex-start;gap:3px;font-size:12px}.experience-cards .photo-tag{font-size:12px;top:8px;left:8px;padding:4px 6px}.experience-cards .photo-arrow{height:28px;width:28px;bottom:9px;right:9px}.experience-cards .photo-arrow>svg{width:17px}.cafe-feature{grid-template-columns:1fr;gap:32px;padding-block:48px}.cafe-collage{padding:0 32px 45px 5px}.cafe-room{height:295px}.cafe-dish{height:160px;width:175px;border-width:6px}.clay-sticker{left:-4px;bottom:4px}.clay-sticker .clay{width:80px;height:80px}.cafe-feature h2{font-size:34px}.cafe-feature>div:last-child>p{font-size:13px}.cafe-facts{font-size:12px}.cafe-feature .button{font-size:12px}.lake-story{width:calc(100% - 20px);min-height:385px;border-radius:20px}.lake-story>div{padding:32px 25px}.lake-story h2{font-size:33px}.lake-story p{font-size:12px;line-height:1.85}.lake-story p br{display:none}.lake-story .button{font-size:12px}.event-preview{grid-template-columns:1fr;padding:9px;gap:22px;border-radius:21px}.event-preview-photo{height:215px;border-radius:15px}.event-preview>div:nth-child(2){padding:0 16px 20px}.event-preview h3{font-size:26px}.event-preview p{font-size:12px}.faq-section{grid-template-columns:1fr;gap:28px}.faq-section>div:first-child>p{max-width:100%;font-size:13px;margin-top:16px;margin-bottom:20px}.faq-section h2 br{display:none}.faq-list summary{font-size:13px;padding-block:20px}.faq-list details>p{font-size:12px;line-height:1.85;padding-right:8px}.contact-band{padding:22px 18px;margin-bottom:48px;border-radius:20px}.contact-band>div{align-items:flex-start;gap:10px}.contact-band .clay{width:55px;height:55px}.contact-band .eyebrow{font-size:12px;line-height:1.7}.contact-band h2{font-size:24px}.contact-band p{font-size:12px;line-height:1.7}.contact-band>.button{margin-left:65px;font-size:12px;padding:12px 17px;min-height:43px}.footer{padding-top:35px}.footer-top{grid-template-columns:1fr;gap:32px;padding-bottom:30px}.footer-top>div:last-child{grid-column:auto;grid-row:auto}.footer-top>div:nth-child(2){grid-column:auto;grid-row:3}.footer-top p{font-size:12px;margin:16px 0}.footer-top .eyebrow{font-size:12px}.footer-phone{font-size:23px}.footer-bottom{font-size:12px;gap:12px 20px;padding-block:21px}.footer-bottom>span:first-child{width:100%}.footer-bottom>span:last-child{width:100%;font-size:12px}.breadcrumb{font-size:12px;gap:6px;padding:20px 0;flex-wrap:wrap}.page-intro{gap:10px;margin:10px 0 30px;align-items:flex-start}.page-intro h1{font-size:35px}.page-intro p{font-size:13px;margin-top:18px;line-height:1.8}.page-intro>.clay{display:none}.page{padding-bottom:10px}.booking-compact{margin-bottom:28px}.catalog-toolbar{margin:24px 0 20px;gap:18px}.tabs{max-width:100%;overflow-x:auto;padding:4px;border-radius:11px;gap:0}.tabs button{padding:10px 12px;font-size:12px;border-radius:8px}.tabs.wrap{flex-wrap:wrap;overflow:visible}.styled-select{padding:8px 11px}.styled-select select{font-size:12px}.catalog-count{font-size:12px;margin-bottom:20px}.info-note{padding:15px;font-size:12px;line-height:1.8;gap:10px}.stay-notes{grid-template-columns:1fr;gap:28px;margin:35px 0;padding:30px 0}.stay-notes>div>svg{margin-bottom:10px}.stay-notes h3{font-size:20px}.stay-notes p{font-size:12px;margin-top:10px}.detail-heading{gap:22px;margin:12px 0 26px}.detail-heading h1{font-size:35px}.detail-heading p{font-size:13px}.detail-heading>.button{font-size:12px;min-height:42px}.house-gallery{grid-template-columns:1fr 1fr;grid-template-rows:260px 145px;gap:10px}.house-gallery .gallery-tile:first-child{grid-column:1/-1;grid-row:1}.house-gallery .gallery-tile:nth-child(2):last-child{grid-row:2;grid-column:1/-1}.gallery-tile{border-radius:13px}.house-gallery .gallery-tile:only-child{grid-row:1/-1}.gallery-tile>span{padding:13px;font-size:12px;opacity:1}.detail-layout{margin:30px 0 40px;gap:30px}.detail-stats{gap:15px;font-size:12px;padding-bottom:22px}.detail-layout h2{font-size:29px}.detail-layout .lead{font-size:14px;line-height:1.85}.detail-layout h3{font-size:21px}.check-list li{font-size:12px;align-items:flex-start}.check-list svg{width:16px}.soft-panel{padding:23px;border-radius:18px}.soft-panel p{font-size:12px;line-height:1.8}.booking-aside{padding:25px;border-radius:20px}.booking-aside>.clay{width:70px;height:70px}.booking-aside h2{font-size:30px}.booking-aside>small{font-size:12px}.comparison{bottom:12px;padding:10px;border-radius:14px}.comparison-top{gap:6px}.comparison-top>span{gap:6px;font-size:12px}.comparison-top>span>svg{width:15px}.comparison-top small{font-size:12px;white-space:nowrap}.comparison-top .button{font-size:12px;padding:8px 12px}.comparison-top .icon-button{width:29px}.comparison th,.comparison td{font-size:12px;padding:10px}.split-hero{grid-template-columns:1fr;border-radius:20px}.split-hero>img{height:290px}.split-hero>div{padding:27px}.split-hero .clay{width:65px;height:65px}.split-hero h2{font-size:32px}.split-hero p{font-size:13px}.two-photos{height:185px;gap:10px}.bath-prices .tabs{margin:18px 0}.bath-prices .tabs button{font-size:12px;padding:10px 15px}.cafe-page-hero{height:310px;border-radius:20px}.cafe-hero-note{right:14px;bottom:14px;left:14px;padding:12px 18px;gap:10px;border-radius:15px}.cafe-hero-note h2{font-size:24px}.cafe-hero-note .clay{width:63px;height:63px}.meal-panels{grid-template-columns:1fr;gap:25px;padding:30px 0 10px}.meal-panels>div{padding-left:38px;position:relative}.meal-panels svg{position:absolute;left:0;top:0;width:21px}.meal-panels h3{font-size:20px}.meal-panels p{font-size:12px;margin-top:9px}.demo-note{padding:15px;gap:10px;font-size:12px}.demo-note>svg{width:18px}.demo-note p{font-size:12px;line-height:1.8}.search-field{width:100%;padding:12px 14px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.dish-card{border-radius:15px}.dish-card>img,.dish-illustration{height:135px}.dish-card>div:last-child:not(.dish-illustration){padding:14px}.dish-category{font-size:12px}.dish-card h3{font-size:17px;min-height:43px;letter-spacing:-.02em}.dish-card p{font-size:12px;min-height:62px}.dish-card small{font-size:12px;min-height:34px}.dish-price b{font-size:16px}.dish-price>span{font-size:12px}.dish-illustration>.clay{width:75px;height:75px}.dish-illustration>span{font-size:12px}.cafe-contact{padding:24px;margin-bottom:40px}.cafe-contact h2{font-size:27px}.cafe-contact>.button{font-size:12px;max-width:100%}.menu-pending{flex-direction:column;align-items:flex-start;gap:20px}.menu-pending .clay{width:70px;height:70px}.season-catalog{padding:21px 15px;gap:22px}.season-catalog>div{width:100%}.switch-label{font-size:12px}.activity-grid{grid-template-columns:1fr;gap:30px}.activity-grid .activity-body h3{font-size:23px}.activity-body>p{font-size:12px}.service-bath-link{padding:20px 15px;gap:10px;margin-top:32px}.service-bath-link>.clay{width:56px;height:56px}.service-bath-link h3{font-size:21px}.service-bath-link p{font-size:12px}.service-bath-link>svg:last-child{width:18px;flex-shrink:0}.rental-band{padding:35px 0;align-items:flex-start;flex-direction:column}.rental-band h3{font-size:23px}.rental-band p{font-size:12px}.service-detail-photo{height:320px;border-radius:18px}.season-pills{gap:10px}.season-pills>span{font-size:12px;padding-right:11px}.event-card{grid-template-columns:1fr;gap:20px;padding:9px;border-radius:20px}.event-card>img{height:240px;min-height:0;border-radius:14px}.event-card>div{padding:0 15px 20px}.event-card h2{font-size:28px}.event-card p{font-size:12px}.event-card .eyebrow{font-size:12px;letter-spacing:.07em}.event-meta{font-size:12px;gap:10px;margin:18px 0}.event-card .fine-print{font-size:12px}.group-event{padding:25px;margin:40px 0 25px;flex-direction:column;align-items:flex-start;gap:16px}.group-event>.clay{width:65px;height:65px}.group-event h2{font-size:28px}.group-event p{font-size:12px}.about-photo{height:300px;border-radius:18px}.about-photo>span{left:15px;right:15px;bottom:15px;font-size:12px;text-align:center;padding:10px}.about-text{grid-template-columns:1fr;gap:25px}.about-text h2{font-size:34px}.about-text .lead{font-size:16px}.about-text p{font-size:13px}.about-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:175px;gap:10px}.about-gallery .gallery-tile:nth-child(7n+1){grid-row:span 2}.about-gallery .gallery-tile>span{font-size:12px;padding:12px}.reviews-section{grid-template-columns:1fr;gap:30px}.review-rating{margin-top:25px}.review-summary{padding:25px}.review-summary h3{font-size:23px}.review-summary p{font-size:12px}.review-summary .text-link{font-size:12px}.contact-section{grid-template-columns:1fr;gap:25px}.contact-line{font-size:13px}.contact-section>div>p{font-size:12px}.location-card{min-height:360px}.location-card a{font-size:12px}.booking-destination{padding:28px;flex-direction:column;align-items:flex-start;gap:17px;margin-top:35px}.booking-destination>.clay{width:80px;height:80px}.booking-destination h2{font-size:29px}.booking-destination p{font-size:13px}.booking-destination .button{font-size:12px}.legal-page h1{font-size:33px;margin-top:15px}.legal-page h2{font-size:24px}.legal-page p{font-size:13px}.dialog-inner{padding:28px 24px}.dialog-inner>.clay{width:60px;height:60px}.dialog-inner>h2{font-size:26px}.dialog-inner>p{font-size:12px}.lightbox .icon-button{width:35px;height:35px}.lightbox-previous{left:6px}.lightbox-next{right:6px}.lightbox>img{inset:10% 4% 15%;width:92%;height:75%}.lightbox>p{font-size:12px;bottom:6%}.lightbox-close{right:15px;top:15px}}
@media(prefers-reduced-motion:reduce){:scope{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:600px){.tabs button{min-height:42px}.season-switch button{min-height:44px}.mobile-menu-toggle{height:44px;width:44px}.header-top{gap:10px}.header-top .logo b{font-size:20px}.header-top .logo{gap:6px}.calendar-grid>button{min-width:0;min-height:38px;aspect-ratio:auto}.hero-bottom{min-height:125px}}

}

@scope (#onego-events) {
:scope {
  --font-interface: 'BeaufortForLOL', Inter, 'PT Sans', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --surface: #eaf0f8;
  --line: #d3deed;
  --shadow: 12px 12px 26px #c5d0e2, -12px -12px 26px #ffffff;
  --small-shadow: 6px 6px 13px #c6d2e3, -6px -6px 13px #ffffff;
  --neu-raised: 11px 11px 25px #c5d1e3, -11px -11px 25px #ffffff, inset 1px 1px 2px #ffffff, inset -1px -1px 2px #d2dded;
  --neu-recessed: inset 5px 5px 10px #c6d2e4, inset -5px -5px 10px #ffffff;
}

:scope {
  background: var(--surface);
  font-family: var(--font-interface);
}
button, input, select, textarea { font-family: var(--font-interface); }
.logo, .logo b, .logo small { font-family: var(--font-interface); }
h1, h2, h3 { font-weight: 700; letter-spacing: -.025em; }
.hero-content h1 { font-weight: 700; letter-spacing: -.025em; }
.logo { gap: 12px; }
.logo-mark {
  width: 57px;
  height: 57px;
  flex-shrink: 0;
  padding: 2px;
  border-radius: 19px;
  background: linear-gradient(145deg, #fafcff, #dfe9f6);
  box-shadow: 5px 5px 10px #c4d0e2, -5px -5px 10px #ffffff, inset 1px 1px 2px #ffffff;
}
.logo > span { display: grid; grid-template-columns: min-content; gap: 6px; }
.logo b { grid-area: 1 / 1; font-size: 32px; font-weight: 700; letter-spacing: -.015em; line-height: 1.1; white-space: nowrap; }
.logo small { display: contents; font-size: 8.5px; letter-spacing: 0; color: #668399; white-space: nowrap; line-height: 1.4; }
.logo .logo-caption { grid-area: 2 / 1; display: block; text-align: justify; text-align-last: justify; }
.header-account { padding: 11px 15px; font-size: 13px; white-space: nowrap; }
.navigation .mobile-account { display: none; }
.mobile-call { display: none; }
.hero-season-note {
  transform: none;
  gap: 10px;
  padding: 10px 17px 10px 9px;
}
.hero-season-note > span {
  color: #244f46;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
  text-shadow: none;
}
.hero-season-note small {
  margin-top: 5px;
  color: #536b70;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}
@media (min-width: 901px) and (max-width: 1150px) {
  .hero-season-note > span { font-size: 13px; }
}

.header { background: #eaf0f8f5; }
.header-top { border-bottom-color: #d2deec; }
.header-top .header-location { display: flex; flex: 1; align-items: center; justify-content: center; gap: 7px; margin-left: 0; white-space: nowrap; line-height: 1.3; }
.header-location > svg { flex-shrink: 0; color: #438e85; }
.header-karelia-flag { display: block; width: 18px; height: 12px; flex-shrink: 0; border-radius: 2px; background: linear-gradient(#d9424b 0 33.333%, #188aca 33.333% 66.666%, #359765 66.666%); box-shadow: 0 0 0 1px #315b7621; }
.header-location-caption { color: #355c7d; font-size: 13px; font-weight: 500; letter-spacing: 0; }
.header-phone > a { display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; }
.header-phone > a > svg { color: #2c77df; }
.navigation { min-height: 78px; gap: 12px; }
.navigation > a:not(.button) {
  padding: 10px 13px;
  border-radius: 12px;
  background: linear-gradient(145deg, #f5f9ff, #e1e9f4);
  box-shadow: 4px 4px 9px #cbd6e7, -4px -4px 9px #ffffff;
  transition: box-shadow .2s, color .2s;
}
.navigation > a[aria-current="page"]:not(.button) {
  color: #1e60df;
  background: #e5edf8;
  box-shadow: inset 3px 3px 6px #bfcee5, inset -3px -3px 6px #ffffff, 0 0 0 1px #e0eaff;
}
.navigation > a[aria-current="page"]::after { display: none; }
.navigation > a:not(.button):hover { color: #1e60df; }
@media (min-width: 901px) and (max-width: 1100px) {
  .navigation { gap: 8px; }
  .navigation > a:not(.button) { padding-inline: 10px; }
  .nav-season .season-switch.compact button > span { display: none; }
  .nav-season .season-switch.compact button { padding-inline: 5px; }
}

.button { border-radius: 15px; transition: transform .18s, box-shadow .18s; }
.button.primary {
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
  background: linear-gradient(145deg, #438bff 0%, #2872ee 44%, #1e60df 100%);
  border: 1px solid #4286f4;
  box-shadow: 0 3px 0 #1e5dca, 0 6px 9px -3px #3266b859, 0 12px 22px -8px #4e7fc747, -4px -4px 11px #fff, inset 2px 2px 3px #92bcff99, inset -3px -4px 7px #1756bd80;
  text-shadow: 0 1px 2px #164b9c40;
}
@media (hover: hover) {
  .button.primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 3px 0 #1e5dca, 0 8px 12px -4px #3266b859, 0 15px 25px -9px #4e7fc74d, -4px -4px 11px #fff, inset 2px 2px 3px #acd0ff99, inset -3px -4px 7px #1756bd80;
    filter: brightness(1.035);
  }
}
.button.primary:active {
  transform: translateY(2px);
  box-shadow: 0 1px 0 #205dc4, 0 3px 6px #3266b826, inset 3px 3px 7px #1756bd80, inset -2px -2px 5px #78adff59;
  filter: brightness(.97);
}
.button.primary:focus-visible { outline: 3px solid #75adff; outline-offset: 6px; }
.button.secondary, .button.white, .hero-button {
  background: linear-gradient(145deg, #fcfdff, #e3ebf6);
  border: 1px solid #eff5ff;
  box-shadow: 6px 7px 13px #bdccdf, -6px -6px 14px #ffffff, inset 1px 1px 2px #ffffff;
}
.button.secondary:active, .button.white:active, .hero-button:active {
  background: #e7eef8;
  box-shadow: var(--neu-recessed);
  transform: translateY(1px);
}
.hero-button, .lake-story .white {
  box-shadow: 0 3px 0 #bbcadd, 0 8px 18px #12324b36, inset 2px 2px 3px #ffffff, inset -2px -3px 5px #c3d4e8;
}

.booking-bar, .house-card, .soft-panel, .booking-aside, .event-preview, .event-card,
.contact-band, .review-summary, .service-bath-link, .booking-destination {
  background: linear-gradient(140deg, #f0f5fc, #e7eef8 75%);
  border: 1px solid #f7faff;
  box-shadow: var(--neu-raised);
}
.house-card:hover {
  box-shadow: 14px 17px 28px #bccbdf, -11px -11px 23px #ffffff, inset 1px 1px 2px #ffffff;
}
.card-photo, .activity-photo, .gallery-tile {
  box-shadow: inset 3px 3px 8px #617b9c26, 0 1px 1px #ffffff;
  border: 2px solid #f6f9ff;
}
.house-card { display: flex; flex-direction: column; padding: 10px; }
.house-card .card-body { display: flex; flex: 1; flex-direction: column; }
.house-card .meal-note:has(+ .card-bottom) { margin-bottom: 17px; }
.house-meal-note { display: flex; align-items: center; gap: 8px; min-height: 38px; margin-top: 18px; padding: 6px 10px; border: 1px solid #fffdf8; border-radius: 12px; background: linear-gradient(135deg, #f6f3eb, #eeece5); box-shadow: inset 2px 2px 5px #bdaf8a2e, inset -2px -2px 5px #ffffffed; }
.house-meal-icon { display: grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; border: 1px solid #fffefa; border-radius: 8px; background: linear-gradient(145deg, #fffdf6, #f0ecdf); box-shadow: 2px 2px 5px #cbbfa74d, -2px -2px 5px #ffffff; color: #927039; }
.house-meal-note b { display: block; color: #705b36; font-size: 12px; font-weight: 600; line-height: 1.4; }
.house-meal-note + .house-pet-note.compact { margin-top: 10px; }
.house-meal-note:has(+ .card-bottom) { margin-bottom: 17px; }
.house-card .card-bottom { align-items: center; gap: 14px; min-height: 72px; margin-top: auto; padding-top: 18px; }
.house-card-price { display: grid; gap: 4px; min-width: 0; font-variant-numeric: lining-nums tabular-nums; }
.house-price-amounts { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 8px; }
.house-current-price { color: #194d82; font-size: clamp(24px, 2.3vw, 28px); font-weight: 700; line-height: 1.15; letter-spacing: -.025em; white-space: nowrap; }
.house-current-price small { margin-right: 3px; color: #7a90a7; font-size: 12px; font-weight: 400; letter-spacing: 0; }
.house-comparison-price { color: #8b9db1; font-size: 13px; font-weight: 400; letter-spacing: 0; white-space: nowrap; text-decoration-color: #8b9db1; text-decoration-thickness: 1px; }
.house-card-price .house-price-period { display: inline-flex; align-items: center; gap: 4px; margin-right: 0; color: #7890a6; font-size: 12px; line-height: 1.5; white-space: nowrap; }
.house-card-price .house-extra-guest-note { display: inline-flex; align-items: center; justify-self: start; gap: 7px; max-width: 100%; margin-top: 5px; padding: 7px 10px; border: 1px solid #ffffffb3; border-radius: 11px; background: linear-gradient(125deg, #edf4fc, #e7eff9); box-shadow: inset 2px 2px 4px #a6bad32b, inset -2px -2px 4px #ffffffd9; color: #59738e; font-size: 12px; font-weight: 400; line-height: 1.4; letter-spacing: 0; }
.house-extra-guest-note > svg { flex-shrink: 0; align-self: flex-start; margin-top: 1px; color: #577da4; fill: #f7faff; }
.house-extra-guest-copy { display: block; min-width: 0; }
.house-extra-guest-copy strong { color: #355e85; font-size: 12px; font-weight: 650; white-space: nowrap; }
.house-extra-guest-copy > span { white-space: normal; }
.house-price-request { color: #305e8c; font-size: 18px; font-weight: 600; line-height: 1.4; letter-spacing: -.01em; }
.house-card .compare-button { flex-shrink: 0; width: 40px; height: 40px; border-radius: 13px; }
.house-card .card-photo { flex-shrink: 0; border-radius: 17px; }
.dish-card {
  background: linear-gradient(145deg, #f2f7ff, #e6edf7);
  box-shadow: var(--small-shadow), inset 1px 1px 2px #ffffff;
}
.booking-field {
  min-width: 0;
  border: 1px solid #f4f8ff;
  border-radius: 12px;
  background: #e8eff8;
  box-shadow: inset 3px 3px 7px #c7d4e7, inset -3px -3px 7px #ffffff;
}
.booking-field:hover { background: #edf4ff; }
.booking-field > svg:first-child { color: #3379d4; filter: drop-shadow(0 1px 0 #ffffff); }
.booking-field small { color: #6f84a0; }
.booking-field > span { min-width: 0; }
.booking-field > svg { flex-shrink: 0; }
.booking-field .booking-guests-summary { display: flex; align-items: center; gap: 6px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.booking-field .booking-pets-summary { display: inline-flex; align-items: center; gap: 3px; color: #2e7a60; }
.booking-pets-summary > svg { flex-shrink: 0; }
.pet-fee-note { display: flex; align-items: flex-start; gap: 9px; padding: 12px; margin-top: 14px; background: #e5efea; border-radius: 11px; color: #3b6d57; font-size: 12px; line-height: 1.6; box-shadow: inset 2px 2px 4px #c9dcd1, inset -2px -2px 4px #ffffff; }
.pet-fee-note > svg { flex-shrink: 0; margin-top: 2px; }
.pet-fee-note b { white-space: nowrap; }
.booking-field[aria-expanded="true"] {
  box-shadow: inset 4px 4px 8px #bdcee8, inset -4px -4px 8px #ffffff, 0 0 0 1px #8eb7f3;
}
.booking-popover, .inquiry-dialog {
  background: linear-gradient(135deg, #f5f9ff, #e9f0fa);
  border: 1px solid white;
  box-shadow: 13px 16px 35px #778fa642, -5px -5px 18px #ffffff80, inset 1px 1px 1px #ffffff;
}
.search-field, .styled-select, .inquiry-form input, .inquiry-form textarea {
  background: #e9f0f9;
  border: 1px solid #f6f9ff;
  box-shadow: var(--neu-recessed);
  border-radius: 14px;
}
.search-field:focus-within, .styled-select:focus-within {
  box-shadow: var(--neu-recessed), 0 0 0 2px #8cb8ff;
}
.search-field input { background: transparent; }
.inquiry-form input:focus, .inquiry-form textarea:focus {
  background: #eff5ff;
}
.tabs, .season-switch {
  background: #e2eaf6;
  border: 1px solid #f5f9ff;
  box-shadow: inset 5px 5px 10px #c0cfe3, inset -5px -5px 10px #ffffff;
}
.tabs { padding: 7px; gap: 4px; }
.tabs button { border-radius: 11px; }
.tabs button[aria-pressed="true"], .season-switch button[aria-pressed="true"] {
  background: linear-gradient(140deg, #ffffff, #e9f1fe);
  border-color: #ffffff;
  box-shadow: 4px 5px 9px #b7c9e2, -3px -3px 8px #ffffff, inset 1px 1px 2px #ffffff, inset -1px -2px 3px #d1e0f5;
  color: #155bd1;
}
.season-switch button { border: 1px solid transparent; }
.season-switch.compact {
  box-shadow: inset 3px 3px 7px #bfcee4, inset -3px -3px 7px #ffffff;
}
.season-switch button[aria-pressed="true"] .clay { transform: translateY(-2px) rotate(-5deg); }
.clay { transition: transform .25s; }
.clay-image { object-fit: contain; }
.season-pills > span, .clay-sticker, .hero-season-note, .cafe-hero-note {
  background: linear-gradient(145deg, #ffffff, #e4edf8);
  border: 1px solid #ffffff;
  box-shadow: 7px 9px 18px #aec0d659, -5px -5px 14px #ffffff99, inset 1px 1px 3px #ffffff;
}
.clay-sticker { border-radius: 35%; }
.page-intro > .clay {
  width: 154px;
  height: 154px;
  padding: 10px;
  border-radius: 33%;
  background: linear-gradient(140deg, #f9fbff, #e0eaf7);
  border: 1px solid #f9fcff;
  box-shadow: 12px 12px 24px #c5d2e6, -12px -12px 24px #ffffff, inset 1px 1px 2px #ffffff;
}
.bath-hero > div {
  background: linear-gradient(135deg, #f1f7ff, #dfeaf8);
  box-shadow: inset 5px 5px 15px #b9cbe24d, inset -5px -5px 15px #ffffff80;
  position: relative;
}
.bath-hero > div > .clay {
  width: 138px;
  height: 138px;
  margin: -15px 0 5px -12px;
}
.cafe-hero-note .clay { width: 108px; height: 108px; }
.booking-aside > .clay { width: 125px; height: 125px; }
.contact-band .clay { width: 130px; height: 130px; }
.service-bath-link > .clay { width: 124px; height: 124px; }
.booking-destination > .clay { width: 190px; height: 190px; }
.group-event > .clay { width: 145px; height: 145px; }

.compare-button, .counter > button, .mobile-menu-toggle {
  background: linear-gradient(145deg, #f7fbff, #e0e9f6);
  border: 1px solid #f7faff;
  box-shadow: 4px 4px 9px #bfcee3, -4px -4px 9px #ffffff, inset 1px 1px 1px #ffffff;
}
.compare-button.selected, .counter > button:active {
  background: #e0ebfb;
  box-shadow: inset 3px 3px 6px #b9cce8, inset -3px -3px 6px #ffffff;
}
.calendar-grid > button:hover { box-shadow: var(--small-shadow); }
.calendar-grid > button.selected {
  background: linear-gradient(145deg, #4189ff, #1c5bd3);
  box-shadow: 2px 3px 5px #8caad3, inset 1px 1px 2px #9cc4ff;
}
.switch-track { box-shadow: inset 3px 3px 5px #adbed6, inset -3px -3px 5px #ffffff; }
.switch-track::after { background: linear-gradient(145deg, #ffffff, #dce7f5); box-shadow: 2px 2px 4px #8da5c2; }
.faq-list summary > span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  color: #3778ce;
  background: linear-gradient(145deg, #f9fcff, #e2ebf7);
  box-shadow: 3px 3px 7px #c1cee0, -3px -3px 7px #ffffff;
}
.price-rows > div {
  background: #e5edf8;
  border: 1px solid #f7faff;
  border-radius: 11px;
  box-shadow: inset 2px 2px 5px #c8d6e9, inset -2px -2px 5px #ffffff;
  margin-bottom: 9px;
  padding: 13px 16px;
}
.season-catalog { box-shadow: var(--neu-raised); border: 1px solid #ffffff; }
.season-section { background: #e4ecf7; }
.hero-bottom { background: #eaf0f8f5; box-shadow: inset 0 2px 3px #ffffff; }
.footer { background: #e5edf7; }
.card-amenities, .house-amenities { list-style: none; padding: 0; }
.card-amenities {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 12px;
  margin: 18px 0;
  color: #536d87;
  font-size: 12px;
}
.card-amenities li, .house-amenities li { display: flex; align-items: center; gap: 9px; }
.card-amenities svg, .house-amenities svg { flex-shrink: 0; color: #377ecb; }
.house-equipment { margin: 32px 0; }
.house-amenities {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 20px 0 0;
}
.house-amenities li {
  min-height: 65px;
  padding: 17px;
  border: 1px solid #f9fcff;
  border-radius: 14px;
  background: linear-gradient(145deg, #f5f9ff, #e5edf8);
  box-shadow: var(--small-shadow);
  color: #35516e;
  font-size: 14px;
}
.house-pet-note {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 28px 0;
  padding: 20px;
  border-radius: 16px;
  border: 1px solid #f6fffa;
  background: #e8f1ed;
  box-shadow: inset 3px 3px 7px #c8dacf, inset -3px -3px 7px #ffffff;
}
.house-pet-note > svg { flex-shrink: 0; margin-top: 2px; color: #328464; }
.house-pet-note b { display: block; font-size: 15px; color: #2b6b54; }
.house-pet-note p { margin: 5px 0 0; font-size: 13px; line-height: 1.6; color: #486d5e; }
.house-pet-note.compact { align-items: center; gap: 9px; min-height: 38px; margin: 17px 0; padding: 8px 12px; border-radius: 12px; }
.house-pet-note.compact > svg { margin-top: 0; }
.house-pet-note.compact b { font-size: 12px; }
.house-pet-note.compact p { font-size: 12px; line-height: 1.55; }
::-webkit-scrollbar-thumb { background: linear-gradient(90deg, #b6c8e0, #7698c7); border-color: #e8eef5; }

@media (max-width: 1150px) {
  .navigation { gap: 9px; }
  .navigation > a:not(.button) { padding: 10px; font-size: 12px; }
  .season-switch.compact button { padding-inline: 4px; }
  .booking-guests-field { gap: 6px; padding-inline: 8px; }
  .booking-field .booking-guests-summary { gap: 4px; }
}
@media (max-width: 1050px) {
  .header-top .header-location { display: none; }
}
@media (max-width: 900px) {
  .header-top .header-phone { display: none; }
  .header-account { margin-left: auto; }
  .navigation { gap: 10px; }
  .navigation > a:not(.button) { padding: 13px 16px; }
  .nav-season { padding: 8px 0; }
  .contact-band .clay { width: 105px; height: 105px; }
  .page-intro > .clay { width: 125px; height: 125px; }
}
@media (max-width: 600px) {
  :scope { --shadow: 8px 8px 17px #c4d1e3, -8px -8px 17px #ffffff; }
  .navigation > a:not(.button) { font-size: 13px; }
  .logo-mark { width: 42px; height: 42px; padding: 1px; border-radius: 14px; }
  .header-top .logo b { font-size: 24px; letter-spacing: -.015em; }
  .header-top .logo small { font-size: 6.5px; letter-spacing: 0; }
  .header-top .logo > span { gap: 4px; }
  .header-top .header-phone { display: none; }
  .header-account { display: none; }
  .mobile-menu-toggle { margin-left: auto; }
  .navigation .mobile-call { display: flex; grid-column: 1 / -1; white-space: nowrap; }
  .navigation .mobile-account { display: flex; grid-column: 1 / -1; }
  .booking-bar { gap: 7px; }
  .booking-field { border-right: 1px solid #f7faff; }
  .booking-guests-field, .booking-bar > .primary { grid-column: 1 / -1; }
  .booking-field .booking-guests-summary { font-size: 12px; gap: 6px; }
  .tabs { padding: 6px; gap: 2px; }
  .tabs button { padding-inline: 10px; }
  .season-switch { gap: 1px; }
  .season-switch button { padding-inline: 2px 5px; }
  .page-intro { position: relative; padding-top: 0; }
  .page-intro > .clay { display: none; }
  .bath-hero > div > .clay { width: 130px; height: 130px; margin-top: -8px; }
  .cafe-hero-note .clay { width: 82px; height: 82px; }
  .contact-band .clay { width: 76px; height: 76px; }
  .contact-band > .button { margin-left: 86px; }
  .service-bath-link > .clay { width: 76px; height: 76px; }
  .booking-destination > .clay { width: 120px; height: 120px; }
  .group-event > .clay { width: 100px; height: 100px; }
  .booking-aside > .clay { width: 110px; height: 110px; }
  .house-amenities { gap: 10px; }
  .house-amenities li { min-height: 60px; padding: 12px; font-size: 12px; gap: 8px; }
  .house-pet-note { padding: 16px; }
}

}

@scope (#onego-events) {
.auth-page {
  position: relative;
  isolation: isolate;
  overflow: clip;
  min-height: 760px;
  padding: 48px 20px 55px;
  background: radial-gradient(ellipse at 50% 10%, #f8fbff 0, #eaf1fa99 42%, transparent 75%);
}
.auth-page::before, .auth-page::after { content: ''; position: absolute; z-index: -1; pointer-events: none; width: 430px; height: 430px; border-radius: 50%; }
.auth-page::before { top: 90px; left: calc(50% - 475px); background: radial-gradient(circle, #9ec7ff38, #bed8fc18 48%, transparent 70%); }
.auth-page::after { top: 330px; right: calc(50% - 480px); background: radial-gradient(circle, #9ed7bd30, #c2e4d418 48%, transparent 70%); }
.auth-card {
  position: relative;
  isolation: isolate;
  width: min(100%, 540px);
  margin: 0 auto;
  padding: 32px;
  border: 1px solid #ffffffed;
  border-radius: 33px;
  background: linear-gradient(140deg, #f3f7fd 0%, #eaf1fa 55%, #e7eff9 100%);
  box-shadow: 19px 22px 42px #aabed35c, -14px -14px 32px #ffffffed, inset 2px 2px 3px #fff, inset -2px -3px 5px #cad9eb9c;
}
.auth-card::before { content: ''; position: absolute; inset: 7px; border: 1px solid #ffffff72; border-radius: 27px; pointer-events: none; z-index: -1; }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; padding: 7px; margin-bottom: 27px; border: 1px solid #f8fbff; border-radius: 18px; background: #e5edf7; box-shadow: inset 4px 4px 8px #bccde29c, inset -4px -4px 8px #fff; }
.auth-tabs button, .auth-methods button { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; border-radius: 12px; background: transparent; color: #6c839d; font-size: 14px; font-weight: 600; transition: color .2s, box-shadow .2s, transform .2s; }
.auth-tabs button[aria-pressed="true"] { background: linear-gradient(140deg, #fff, #eaf2ff); color: #2468cf; box-shadow: 4px 5px 9px #a9c0dd91, -3px -3px 6px #fff, inset 1px 1px 2px #fff, inset -1px -1px 2px #d6e4f9; }
.auth-tabs button[aria-pressed="false"] { color: #607e9f; background: linear-gradient(145deg, #eaf2fc, #e3ecf7); box-shadow: inset 1px 1px 2px #ffffffa6, inset -1px -1px 2px #cddcf080; }
.auth-tabs button[aria-pressed="false"]:hover { background: linear-gradient(145deg, #f4f8ff, #e8f1fd); color: #2c6bbf; box-shadow: 2px 3px 6px #b4c9e180, inset 1px 1px 2px #fff; }
.auth-tabs button:hover { color: #2569ce; }
.auth-welcome { display: grid; grid-template-columns: minmax(0, 1fr) 104px; gap: 15px; align-items: center; margin-bottom: 27px; }
.auth-eyebrow { display: flex; align-items: center; gap: 7px; margin-bottom: 9px; color: #41826c; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.auth-eyebrow::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #65a68b; box-shadow: 0 0 0 4px #deeee6, 0 0 12px #7cc6a55c; }
.auth-card h1 { margin: 0; font-size: 28px; line-height: 1.15; color: #25496b; letter-spacing: -.025em; }
.auth-intro { margin: 11px 0 0; color: #71869f; font-size: 13px; line-height: 1.65; }
.auth-clay-emblem { position: relative; display: grid; place-items: center; width: 104px; height: 104px; border-radius: 31px; border: 1px solid #fff; background: radial-gradient(circle at 40% 25%, #fff, #e4eefb 70%); box-shadow: 8px 10px 18px #b4c8df9c, -7px -7px 16px #fff, inset 2px 2px 3px #fff, inset -2px -3px 5px #cbdcf1; transform: rotate(5deg); }
.auth-clay-emblem > .clay { position: relative; width: 110px; height: 110px; max-width: none; transform: rotate(-5deg) translateY(-4px); filter: drop-shadow(0 8px 6px #557aaf30); }
.auth-methods { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 25px; }
.auth-methods button { min-height: 54px; border-radius: 15px; background: linear-gradient(145deg, #f8fbff, #e6eef8); border: 1px solid #ffffff; box-shadow: 5px 6px 11px #bacce198, -4px -4px 10px #fff, inset 1px 1px 2px #fff; white-space: nowrap; }
.auth-methods button > svg { width: 29px; height: 29px; padding: 6px; border-radius: 9px; background: #eaf1fa; box-shadow: inset 2px 2px 4px #c3d2e6, inset -2px -2px 4px #fff; }
.auth-methods button[aria-pressed="true"] { color: #2469cf; border-color: #a6c7fa; background: linear-gradient(140deg, #edf5ff, #e4eefc); box-shadow: inset 3px 3px 7px #bed1ed, inset -3px -3px 7px #fff, 0 0 0 3px #dceaff66; }
.auth-methods button[aria-pressed="true"] > svg { background: linear-gradient(145deg, #83b5ff, #3d7fe3); color: #fff; box-shadow: 2px 3px 5px #7ea4db61, inset 1px 1px 2px #c0dcff; }
.auth-form { display: grid; gap: 18px; }
.auth-field { display: grid; gap: 8px; }
.auth-form label { color: #4c6178; font-size: 14px; font-weight: 600; }
.auth-form input:not([type="checkbox"]) { width: 100%; min-width: 0; min-height: 55px; border: 1px solid #f8fbff; outline: none; border-radius: 15px; background: #e7eff9; color: #2c4b69; font-size: 15px; padding: 14px 16px; box-shadow: inset 4px 4px 8px #becfe5b3, inset -4px -4px 8px #ffffff; transition: box-shadow .2s, background .2s; }
.auth-form input::placeholder { color: #8298b1; }
.auth-form input:not([type="checkbox"]):focus { background: #edf4fe; box-shadow: inset 3px 3px 7px #bdd1ec, inset -3px -3px 7px #fff, 0 0 0 2px #91b9f4, 0 0 17px #69a0f41c; }
.auth-input-wrap { position: relative; display: flex; align-items: center; }
.auth-input-wrap > svg { position: absolute; left: 15px; color: #7d9bbb; pointer-events: none; }
.auth-input-wrap input:not([type="checkbox"]) { padding-left: 43px; padding-right: 58px; }
.auth-input-wrap > button { position: absolute; right: 7px; display: grid; place-items: center; width: 40px; height: 40px; padding: 0; appearance: none; color: #3977bd; border: 1px solid #f7fbff; border-radius: 12px; background: linear-gradient(145deg, #f2f8ff, #dceafa); box-shadow: 3px 3px 7px #b5cbe280, -2px -2px 5px #ffffffc9, inset 1px 1px 2px #fff; transition: color .2s, background .2s, box-shadow .2s; }
.auth-input-wrap > button:hover { color: #1e63bc; background: linear-gradient(145deg, #fff, #e6f1ff); box-shadow: 3px 4px 8px #a7c2e294, -2px -2px 5px #fff, inset 1px 1px 2px #fff; }
.auth-input-wrap > button[aria-pressed="true"], .auth-input-wrap > button:active { color: #2166c1; border-color: #b9d5f7; background: #e1edfc; box-shadow: inset 2px 2px 5px #aec8e7, inset -2px -2px 5px #fff; }
.auth-phone-field { display: flex; gap: 10px; }
.auth-country { display: flex; align-items: center; justify-content: center; gap: 7px; min-width: 78px; border: 1px solid #fff; border-radius: 15px; background: linear-gradient(140deg, #fcfdff, #e7eff9); box-shadow: 5px 6px 11px #bacce1b0, -4px -4px 10px #fff, inset 1px 1px 2px #fff; color: #416586; font-size: 15px; font-weight: 600; }
.russian-flag { width: 17px; height: 11px; border-radius: 2px; background: linear-gradient(#fff 0 33.333%, #397bc7 33.333% 66.666%, #dc565b 66.666%); box-shadow: 0 0 0 1px #bbc8d7; }
.auth-form .button { min-height: 56px; font-size: 15px; }
.auth-card .auth-form > .button.primary {
  position: relative;
  min-height: 58px;
  gap: 10px;
}
.auth-card .auth-form > .button.primary > svg { width: 21px; height: 21px; padding: 0; border-radius: 0; background: transparent; box-shadow: none; filter: drop-shadow(0 1px 1px #164b9c33); }
.auth-form .auth-code { font-size: 25px; font-weight: 700; letter-spacing: .55em; text-align: center; padding-left: 28px; }
.auth-field-hint { margin: 1px 0 0; color: #71869f; font-size: 12px; line-height: 1.5; }
.auth-number-summary { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 2px 0 6px; }
.auth-number-summary > span { display: inline-flex; align-items: center; gap: 9px; color: #416586; font-size: 15px; font-variant-numeric: tabular-nums; }
.auth-number-summary > span > svg { color: #7293b6; }
.auth-signin-card .auth-code { min-height: 68px; font-size: 29px; letter-spacing: .65em; padding-left: calc(16px + .65em); font-variant-numeric: tabular-nums; }
.auth-code-hint { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px; margin: -4px 0 0; color: #6a819a; font-size: 12px; }
.auth-code-hint strong { padding: 3px 8px; border-radius: 7px; color: #376da9; background: #f5f9ff; box-shadow: 2px 2px 5px #c6d6e780, inset 1px 1px 1px #fff; letter-spacing: .12em; }
.auth-resend { min-height: 36px; margin-top: -5px; font-variant-numeric: tabular-nums; }
.auth-resend:disabled { color: #7b8fa6; text-decoration: none; cursor: default; }
.auth-tabs button:focus-visible, .auth-methods button:focus-visible, .auth-text-button:focus-visible { outline: 2px solid #6a9fe8; outline-offset: 4px; }
.auth-text-button { display: inline-flex; align-items: center; gap: 7px; justify-self: start; padding: 3px 0; color: #3571bf; background: transparent; border: 0; font-size: 13px; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; transition: color .2s, text-decoration-color .2s; }
.auth-text-button:hover { color: #174c98; text-decoration-color: #8eb6e7; }
.auth-text-button.align-right { justify-self: end; margin-top: -7px; }
.auth-text-button.centered { justify-self: center; }
.auth-feedback { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 12px 14px; border: 1px solid #c7d9ed; border-radius: 11px; background: #e8f1fb; color: #466b93; font-size: 12px; line-height: 1.7; }
.auth-feedback:empty, #auth-feedback:empty { display: none; }
.auth-feedback > svg { flex-shrink: 0; margin-top: 2px; }
.auth-feedback.error { color: #9d424c; background: #f9edef; border-color: #e6c8cc; }
.auth-form .auth-consent { display: flex; align-items: flex-start; gap: 11px; font-size: 12px; font-weight: 400; color: #7b8da3; line-height: 1.7; }
.auth-consent input { appearance: none; width: 19px; height: 19px; flex-shrink: 0; margin: 1px 0 0; border: 1px solid #c3d4e8; border-radius: 6px; background: #e7eff8; box-shadow: inset 2px 2px 4px #c8d4e5, inset -2px -2px 4px #fff; cursor: pointer; }
.auth-consent input:checked {
  border-color: #f4f9ff;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8 3 3 6-6' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 15px 15px no-repeat, linear-gradient(145deg, #429cff, #1676ed 60%, #0964d5);
  box-shadow: 0 0 0 1px #80aee5, 2px 3px 5px #a9bed680, inset 1px 1px 2px #a6d2ff, inset -1px -1px 2px #0753b9;
}
.auth-consent input:focus-visible { outline: 2px solid #6a9fe8; outline-offset: 4px; }
.auth-consent a { color: #356eb7; text-decoration: underline; text-underline-offset: 3px; }
.auth-divider { display: flex; align-items: center; gap: 14px; margin: 28px 0 18px; color: #7890a9; font-size: 12px; }
.auth-divider::before, .auth-divider::after { content: ''; height: 1px; flex: 1; background: #d5e0ed; box-shadow: 0 1px #fff; }
.auth-banks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.auth-bank { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 107px; padding: 14px 8px 12px; border: 1px solid #fff; border-radius: 20px; color: #41617f; background: linear-gradient(140deg, #f8fbff, #e3edf9); font-size: 13px; font-weight: 600; box-shadow: 5px 7px 12px #b1c4ddb3, -5px -5px 12px #fff, inset 1px 1px 2px #fff, inset -2px -2px 3px #ccdcef8a; transition: transform .2s, box-shadow .2s; }
.auth-bank:hover { transform: translateY(-3px); box-shadow: 6px 10px 17px #a9bfdcb3, -5px -5px 12px #fff, inset 1px 1px 2px #fff; }
.auth-bank:active { transform: translateY(1px); box-shadow: inset 3px 3px 7px #bdcee4, inset -3px -3px 7px #fff; }
.auth-bank-mark { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 13px; font-size: 26px; line-height: 1; transform: rotate(-5deg); }
.auth-bank-mark > * { transform: rotate(5deg); }
.sber .auth-bank-mark { color: #fff; background: linear-gradient(140deg, #7cd39f, #32aa67 55%, #239451); border: 1px solid #91dab0; box-shadow: 3px 5px 7px #5d997d40, inset 2px 2px 3px #c2efd5b3, inset -2px -3px 4px #08753c66; }
.sber .auth-bank-mark > svg { border: 1.5px solid #ffffffc9; border-radius: 50%; width: 27px; height: 27px; padding: 3px; }
.tbank .auth-bank-mark { color: #332e17; background: linear-gradient(140deg, #fff4a4, #ffdc4f 55%, #e9bd22); border: 1px solid #f9e19a; box-shadow: 3px 5px 7px #9a8b5340, inset 2px 2px 3px #fff9d5, inset -2px -3px 4px #c3a02566; }
.alfa .auth-bank-mark { color: #fff; background: linear-gradient(140deg, #ffaca4, #ef645e 55%, #d93a42); border: 1px solid #fba29c; box-shadow: 3px 5px 7px #b7797840, inset 2px 2px 3px #ffd9d3b3, inset -2px -3px 4px #ba283e66; }
.alfa .auth-bank-mark b { border-bottom: 2px solid #fff; padding-bottom: 1px; font-size: 23px; line-height: .9; }
.auth-privacy { display: flex; justify-content: center; align-items: center; gap: 7px; font-size: 12px; color: #7890a8; margin: 24px 0 0; }
.auth-privacy > svg { color: #649986; }
.auth-back { display: flex; align-items: center; justify-content: center; gap: 8px; width: fit-content; margin: 28px auto 0; padding: 9px 17px; border: 1px solid #ffffffb8; border-radius: 24px; font-size: 12px; color: #6c87a5; background: linear-gradient(140deg, #f1f6fd, #e4edf8); box-shadow: 4px 4px 9px #c1cfe1, -4px -4px 9px #fff; }
.account-page { padding-top: 44px; padding-bottom: 70px; min-height: 680px; }
.account-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.account-heading h1 { margin: 9px 0; font-size: 38px; }
.account-heading p { margin: 0; color: #6c85a0; }
.account-demo { display: flex; align-items: center; gap: 12px; padding: 17px 20px; border: 1px solid #fff; border-radius: 15px; color: #6b829d; font-size: 12px; background: #eef4fb; box-shadow: var(--small-shadow); }
.account-demo > svg { flex-shrink: 0; }
.account-layout { display: grid; grid-template-columns: 245px minmax(0, 1fr); align-items: start; gap: 30px; margin-top: 30px; }
.account-navigation { display: grid; gap: 13px; }
.account-navigation button { display: flex; align-items: center; gap: 11px; padding: 18px; border: 1px solid #fff; border-radius: 14px; background: #edf3fb; color: #66809b; box-shadow: var(--small-shadow); font-size: 13px; text-align: left; }
.account-navigation button > svg:last-child { margin-left: auto; }
.account-navigation button[aria-pressed="true"] { color: #2569d0; background: #e5eefb; box-shadow: var(--neu-recessed); border-color: #d5e2f4; }
.account-panel { padding: 35px; border-radius: 24px; border: 1px solid white; background: linear-gradient(145deg, #f5f9ff, #e8f0fa); box-shadow: var(--neu-raised); }
.account-panel h2 { font-size: 26px; margin: 0 0 24px; }
.account-panel .auth-form { max-width: 460px; }
.account-empty { display: flex; flex-direction: column; align-items: center; text-align: center; padding-block: 36px; }
.account-empty > .clay { width: 130px; height: 130px; margin-bottom: 16px; }
.account-empty h2 { margin-bottom: 12px; }
.account-empty p { max-width: 450px; font-size: 14px; color: #7a8ea6; line-height: 1.8; margin: 0 0 25px; }
.account-phone { display: flex; align-items: center; gap: 12px; color: #7993ae; }
.account-phone span { display: grid; gap: 4px; }
.account-phone small { font-size: 12px; }
.account-phone b { color: #486a8a; font-size: 14px; }
@media (max-width: 600px) {
  .auth-page { padding: 26px 16px 40px; min-height: 0; }
  .auth-card { padding: 23px 18px; border-radius: 27px; }
  .auth-card::before { inset: 6px; border-radius: 21px; }
  .auth-tabs { margin-bottom: 24px; }
  .auth-tabs button, .auth-methods button { font-size: 12px; gap: 6px; }
  .auth-card h1 { font-size: 24px; }
  .auth-welcome { grid-template-columns: minmax(0, 1fr) 76px; gap: 12px; margin-bottom: 24px; }
  .auth-eyebrow { font-size: 12px; letter-spacing: .09em; margin-bottom: 8px; }
  .auth-intro { font-size: 12px; margin: 10px 0 0; }
  .auth-clay-emblem { width: 76px; height: 76px; border-radius: 24px; }
  .auth-clay-emblem > .clay { width: 85px; height: 85px; }
  .auth-methods { gap: 9px; }
  .auth-methods button { padding-inline: 4px; }
  .auth-methods button > svg { width: 26px; height: 26px; padding: 5px; flex-shrink: 0; }
  .auth-banks { gap: 8px; }
  .auth-bank { font-size: 12px; border-radius: 16px; min-height: 99px; }
  .auth-phone-field { gap: 9px; }
  .auth-country { min-width: 65px; font-size: 13px; }
  .auth-form input:not([type="checkbox"]) { font-size: 16px; }
  .auth-form .auth-code { font-size: 25px; }
  .account-page { padding-top: 25px; padding-bottom: 45px; }
  .account-heading { gap: 12px; }
  .account-heading h1 { font-size: 27px; }
  .account-heading p { font-size: 12px; }
  .account-heading .button { padding: 11px; font-size: 12px; }
  .account-demo { font-size: 12px; padding: 15px; align-items: flex-start; }
  .account-layout { grid-template-columns: 1fr; gap: 24px; }
  .account-navigation { grid-template-columns: 1fr 1fr; gap: 10px; }
  .account-navigation button { padding: 13px 11px; font-size: 12px; gap: 7px; }
  .account-navigation button > svg:last-child { display: none; }
  .account-panel { padding: 25px 21px; }
  .account-panel h2 { font-size: 23px; }
  .account-empty p { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .auth-bank, .auth-tabs button, .auth-methods button, .auth-form input:not([type="checkbox"]), .auth-input-wrap > button, .auth-text-button { transition: none; } }

.auth-country-picker { position: relative; flex: 0 0 auto; }
.auth-country-picker .auth-country { height: 55px; min-width: 96px; padding: 0 10px; gap: 6px; }
.auth-country-flag { position: relative; display: inline-flex; width: 20px; height: 15px; flex: 0 0 auto; overflow: hidden; border-radius: 3px; background: #fff; box-shadow: 0 0 0 1px #42617f1a, 1px 2px 3px #6985a226; }
.auth-country-flag img { display: block; width: 100%; height: 100%; object-fit: fill; }
.auth-country-flag::after { content: ''; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 1px 1px #ffffff70; background: linear-gradient(135deg, #ffffff20, transparent 60%); pointer-events: none; }
.auth-country .auth-country-flag { width: 18px; height: 13.5px; }
.auth-country-menu { position: absolute; z-index: 60; top: calc(100% + 9px); left: 0; width: min(330px, calc(100vw - 72px)); padding: 9px; border: 1px solid #fff; border-radius: 18px; background: #f1f6fd; box-shadow: 8px 12px 28px #6f8eae4d, inset 1px 1px 2px #fff; }
.auth-country-search { display: flex; align-items: center; gap: 8px; padding-left: 10px; color: #7c94b0; border-radius: 11px; background: #e8f0fa; box-shadow: inset 2px 2px 5px #bccfe18c, inset -2px -2px 5px #fff; }
.auth-form .auth-country-search input:not([type="checkbox"]) { min-height: 42px; padding: 10px 8px 10px 0; background: transparent; box-shadow: none; border: 0; font-size: 13px; }
.auth-country-options { max-height: 245px; overflow-y: auto; margin-top: 7px; overscroll-behavior: contain; }
.auth-country-options > button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 11px 10px; border-radius: 10px; color: #42617f; background: transparent; font-size: 12px; text-align: left; }
.auth-country-name { flex: 1; min-width: 0; line-height: 1.4; }
.auth-country-dial-code { flex: 0 0 auto; color: #6b88a7; font-variant-numeric: tabular-nums; }
.auth-country-options > button > svg { flex: 0 0 auto; }
.auth-country-options > button[aria-selected="true"], .auth-country-options > button:hover, .auth-country-options > button:focus-visible { background: #e0ecfc; color: #236ac3; }
.auth-country-options > p { padding: 12px; font-size: 12px; color: #6b829b; }
.auth-steps { display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; margin: 0 0 23px; padding: 0; }
.auth-steps li { position: relative; }
.auth-steps li:not(:last-child)::after { content: ''; position: absolute; top: 21px; left: calc(50% + 26px); width: calc(100% - 52px); height: 2px; border-radius: 2px; background: #d5e2f1; box-shadow: 0 1px #fff; }
.auth-steps li[data-state="complete"]::after { background: #91b7e7; }
.auth-steps button { display: grid; justify-items: center; gap: 9px; width: 100%; padding: 0; background: transparent; color: #8094ad; font-size: 12px; }
.auth-steps button:disabled { opacity: 1; cursor: default; }
.auth-steps button > span { display: grid; place-items: center; width: 43px; height: 43px; border: 1px solid #fff; border-radius: 14px; background: #eaf1fa; box-shadow: inset 2px 2px 4px #c3d3e7, inset -2px -2px 5px #fff; }
.auth-steps [data-state="current"] button { color: #286bc8; font-weight: 600; }
.auth-steps [data-state="current"] button > span { color: #fff; background: linear-gradient(145deg, #69aaff, #2779e8); border-color: #bad7ff; box-shadow: 3px 4px 8px #98b3d775, inset 1px 1px 2px #c1dfff, inset -1px -2px 3px #1654a74d; }
.auth-steps [data-state="complete"] button > span { color: #4488c9; background: linear-gradient(145deg, #f5faff, #e3eefc); box-shadow: 2px 3px 6px #b6cce380, inset 1px 1px 2px #fff; }
.auth-step-heading { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #d6e3f1; box-shadow: 0 1px #ffffffb3; }
.auth-step-heading > span { color: #8296ad; font-size: 12px; }
.auth-step-heading > strong { color: #496885; font-size: 13px; font-weight: 600; }
.auth-step-actions { display: grid; grid-template-columns: auto 1fr; gap: 13px; }
.auth-step-actions.first-step { grid-template-columns: 1fr; }
.auth-step-actions .button.secondary { padding-inline: 17px; font-size: 12px; }
.auth-form .auth-simple-choice { align-items: center; font-size: 12px; color: #59738f; }
.auth-form input:disabled { opacity: .55; cursor: not-allowed; }
.auth-password-checks { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: -4px; font-size: 12px; color: #8599b0; }
.auth-password-checks > span { display: inline-flex; align-items: center; gap: 5px; }
.auth-password-checks > span[data-valid="true"] { color: #38866e; }
.auth-consent-panel { padding: 14px; border: 1px solid #fff; border-radius: 14px; background: #edf4fc; box-shadow: inset 1px 1px 3px #d7e3f2; }
.auth-registration-number { margin: 0; color: #7189a3; font-size: 13px; }
.auth-registration-number > strong { color: #416586; font-variant-numeric: tabular-nums; }
.auth-banks .auth-bank { min-height: 90px; gap: 8px; border: 1px solid #fff; box-shadow: 4px 6px 10px #a8bfd880, -3px -3px 8px #fff, inset 1px 1px 2px #ffffff80, inset -1px -2px 3px #29455e26; }
.auth-banks .auth-bank.sber { color: #fff; background: linear-gradient(145deg, #39b65c, #229e43); }
.auth-banks .auth-bank.tbank { color: #2d3443; background: linear-gradient(145deg, #ffe66b, #ffd634); }
.auth-banks .auth-bank.alfa { color: #fff; background: linear-gradient(145deg, #ff655b, #ee352e); }
.auth-banks .auth-bank-mark { height: 32px; width: 40px; border: 0; background: transparent; box-shadow: none; transform: none; }
.auth-banks .auth-bank-mark > * { transform: none; }
.auth-banks .sber .auth-bank-mark > svg { width: 29px; height: 29px; border: 0; padding: 0; }
.auth-tbank-logo { display: inline-flex; align-items: center; gap: 4px; padding: 5px 7px; border-radius: 18px; background: #30323a; color: #ffdd39; font-size: 16px; font-weight: 800; line-height: 1; }
.auth-tbank-logo small { font-size: 12px; color: #fff; }
.auth-alfa-logo { display: block; border-bottom: 3px solid currentColor; font-size: 25px; font-weight: 800; line-height: 1; padding-bottom: 3px; }
.auth-bank-feedback { margin-top: 16px; }
.auth-privacy { line-height: 1.5; text-align: center; }
.auth-privacy > svg { flex-shrink: 0; }
@media (max-width: 600px) {
  .auth-country-picker .auth-country { min-width: 88px; padding-inline: 8px; }
  .auth-steps li:not(:last-child)::after { left: calc(50% + 23px); width: calc(100% - 46px); }
  .auth-step-actions { gap: 9px; }
  .auth-step-actions .button { font-size: 13px; }
  .auth-step-actions .button.secondary { padding-inline: 12px; font-size: 12px; }
  .auth-banks .auth-bank { min-height: 84px; font-size: 12px; padding-inline: 4px; }
}

}

@scope (#onego-events) {
.header-cart { position: relative; gap: 8px; padding-inline: 15px; font-size: 13px; white-space: nowrap; }
.cart-counter { display: grid; place-items: center; min-width: 19px; height: 19px; padding: 0 4px; border-radius: 7px; color: #fff; background: linear-gradient(145deg, #4b91ff, #1e62d7); box-shadow: 2px 3px 5px #a6bddc; font-size: 12px; }
.navigation .mobile-cart { display: none; }
.cart-announcement { position: fixed; right: 28px; bottom: 28px; z-index: 110; max-width: calc(100vw - 32px); }
.cart-toast { display: flex; align-items: center; gap: 14px; padding: 17px; border: 1px solid #fff; border-radius: 19px; background: #edf5fc; box-shadow: 8px 12px 30px #7696bf66, inset 1px 1px 2px #fff; }
.cart-toast-icon { display: grid; place-items: center; flex-shrink: 0; width: 35px; height: 35px; border-radius: 12px; color: #31866b; background: #dcefe5; box-shadow: inset 2px 2px 4px #bed6cb, inset -2px -2px 4px #fafffc; }
.cart-toast > span:nth-child(2) { display: grid; gap: 4px; min-width: 0; }
.cart-toast b { font-size: 13px; }
.cart-toast small { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #7891a7; }
.cart-toast > a { display: flex; align-items: center; gap: 7px; color: #276fce; font-size: 13px; }
.cart-toast > .icon-button { width: 28px; height: 28px; box-shadow: none; }
.cart-page .page-intro { padding-bottom: 28px; }
.cart-steps { display: flex; align-items: center; gap: 17px; padding: 18px 0 34px; color: #899caf; font-size: 13px; }
.cart-steps > a, .cart-step-next { display: inline-flex; align-items: center; gap: 9px; }
.cart-steps > a > span, .cart-step-next > span { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 9px; border: 1px solid #f6faff; background: #e2ebf7; box-shadow: inset 2px 2px 4px #c0d1e6, inset -2px -2px 4px #fff; font-size: 12px; }
.cart-steps > [aria-current] { color: #246dca; }
.cart-steps > [aria-current] > span { color: #fff; background: linear-gradient(140deg, #569cff, #2464da); box-shadow: 3px 4px 8px #b8cbe4, inset 1px 1px 2px #a3ccff; border-color: #7baff9; }
.cart-steps > i { width: 45px; height: 1px; background: #c9d9eb; }
.cart-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 28px; align-items: start; margin-bottom: 55px; }
.cart-content { min-width: 0; }
.cart-list { display: grid; gap: 20px; }
.cart-item { display: grid; grid-template-columns: 96px minmax(0, 1fr) 115px; gap: 20px; padding: 22px; border: 1px solid #fff; border-radius: 24px; background: linear-gradient(140deg, #f2f7fe, #e6eff9); box-shadow: 8px 10px 20px #bacce1a6, -7px -7px 19px #fff; }
.cart-item-photo { display: block; width: 96px; height: 112px; overflow: hidden; border: 3px solid #f9fcff; border-radius: 15px; box-shadow: 3px 4px 10px #b8ccdf80; }
.cart-item-photo img { width: 100%; height: 100%; object-fit: cover; }
.cart-item-details .eyebrow { font-size: 12px; letter-spacing: .12em; }
.cart-item h2 { margin-top: 7px; font-size: 21px; line-height: 1.25; }
.cart-item-fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 17px; }
.cart-field, .cart-item-fields label { display: grid; gap: 8px; color: #587494; font-size: 12px; }
.cart-field input, .cart-field select, .cart-field textarea, .cart-item-fields input, .cart-item-fields select {
  width: 100%; min-width: 0; min-height: 44px; padding: 12px 14px; border: 1px solid #f8fbff; border-radius: 13px;
  background-color: #e6eef9; color: #29557f; box-shadow: inset 3px 3px 7px #c0d1e7, inset -3px -3px 7px #fff; font-size: 13px;
}
.cart-field select, .cart-item-fields select { appearance: none; padding-right: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237c99b7' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; }
.cart-field input:focus-visible, .cart-field select:focus-visible, .cart-field textarea:focus-visible, .cart-item-fields input:focus-visible, .cart-item-fields select:focus-visible { outline: 2px solid #86b4fa; outline-offset: 2px; }
.cart-item-fields input::-webkit-calendar-picker-indicator { opacity: .55; cursor: pointer; }
.cart-trip-description { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 13px; color: #6083a6; font-size: 12px; line-height: 1.6; }
.cart-trip-description > span { width: 100%; }
.cart-guests, .cart-pets-price { margin-top: 7px; font-size: 12px; color: #68839e; }
.cart-pets-price { color: #418871; }
.cart-edit { margin-top: 14px; font-size: 12px; }
.cart-item-actions { display: flex; align-items: flex-end; flex-direction: column; gap: 18px; }
.cart-remove { display: grid; place-items: center; width: 30px; height: 30px; color: #87a0b9; border-radius: 9px; background: transparent; }
.cart-remove:hover { color: #b55b65; background: #f5e9ec; }
.cart-line-price { display: grid; gap: 5px; text-align: right; }
.cart-line-price strong { color: #245d99; font-size: 21px; line-height: 1.2; }
.cart-line-price small { color: #7991a9; font-size: 12px; }
.cart-quantity { display: flex; align-items: center; gap: 9px; }
.cart-quantity > button { display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid #f5faff; border-radius: 9px; color: #347bd0; background: linear-gradient(145deg, #f6faff, #dfebf9); box-shadow: 3px 4px 8px #b8cce1, -3px -3px 8px #fff; }
.cart-quantity > button:active { box-shadow: inset 2px 2px 4px #b4cce7, inset -2px -2px 4px #fff; }
.cart-quantity > button:disabled { opacity: .4; }
.cart-quantity output { min-width: 18px; text-align: center; color: #315b85; font-size: 14px; }
.cart-item-errors, .cart-request-note { padding: 10px 12px; margin-top: 13px; border: 1px solid #f9fcff; border-radius: 10px; color: #a35e43; background: #f8eee6; font-size: 12px; line-height: 1.65; }
.cart-request-note { color: #728099; background: #e3edf8; }
.cart-summary { position: sticky; top: 24px; padding: 27px 23px; border: 1px solid #fff; border-radius: 24px; background: linear-gradient(145deg, #f6f9ff, #e6effb); box-shadow: 9px 12px 24px #b8cce2ab, -8px -8px 22px #fff; }
.cart-summary .eyebrow { font-size: 12px; }
.cart-summary h2 { margin-top: 14px; font-size: 27px; }
.cart-summary-rows { display: grid; gap: 16px; padding: 25px 0; border-bottom: 1px solid #cbdbee; }
.cart-summary-rows > div { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; font-size: 12px; color: #7891a9; }
.cart-summary-rows strong { color: #355e86; font-weight: 500; white-space: nowrap; }
.cart-summary-rows .cart-unpriced strong { color: #8b7954; }
.cart-total { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 24px 0; }
.cart-total > span { color: #587694; font-size: 13px; }
.cart-total strong { font-size: 27px; white-space: nowrap; color: #215fa4; }
.cart-summary-note { color: #8095ab; font-size: 12px; line-height: 1.7; margin-block: 15px; }
.cart-summary > .button { font-size: 12px; padding-inline: 9px; }
.cart-summary > .button + .button { margin-top: 14px; }
.cart-payment-preview { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 24px; padding-top: 19px; border-top: 1px solid #cfdfef; color: #7c94ac; font-size: 12px; }
.cart-continue { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 18px; margin: 30px 0; }
.cart-continue > a { font-size: 13px; }
.cart-recommendation { display: flex; align-items: center; gap: 20px; margin-top: 38px; padding: 20px; border: 1px solid #fff; border-radius: 22px; background: linear-gradient(130deg, #eff6fa, #e2efeb); box-shadow: 6px 8px 18px #bfd0dc8c, -6px -6px 16px #fff; }
.cart-recommendation > img { width: 82px; height: 82px; flex-shrink: 0; }
.cart-recommendation h3 { font-size: 18px; }
.cart-recommendation p { font-size: 12px; color: #72908c; margin-top: 6px; }
.cart-recommendation .button { margin-left: auto; white-space: nowrap; padding-inline: 14px; font-size: 12px; }
.cart-empty { display: flex; align-items: center; flex-direction: column; padding: 38px 22px 55px; margin-bottom: 45px; text-align: center; border: 1px solid #fff; border-radius: 29px; box-shadow: 9px 12px 25px #c5d3e2, -8px -8px 22px #fff; background: linear-gradient(135deg, #f4f8ff, #e6eff9); }
.cart-empty > .clay { width: 155px; height: 155px; margin-bottom: 10px; }
.cart-empty h2 { margin-top: 16px; font-size: 32px; }
.cart-empty p { max-width: 450px; margin-top: 15px; color: #7890a6; line-height: 1.8; font-size: 14px; }
.cart-empty > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; margin-top: 28px; }
.cart-empty > .button { margin-top: 25px; }
.stay-selection { display: grid; grid-template-columns: .9fr 1.1fr; gap: 35px; align-items: center; padding: 12px; margin-bottom: 32px; border: 1px solid #fff; border-radius: 27px; background: #edf3fb; box-shadow: 10px 13px 25px #b9cce1a1, -8px -8px 20px #fff; }
.stay-selection-photo { height: 350px; border-radius: 18px; overflow: hidden; }
.stay-selection-photo img { width: 100%; height: 100%; object-fit: cover; }
.stay-selection-content { padding: 16px 25px 16px 0; }
.stay-selection-content > label { margin-top: 17px; }
.stay-selection-content > p:not(.cart-summary-note) { margin-top: 17px; color: #728aa3; font-size: 13px; line-height: 1.8; }
.stay-selection-price { display: block; margin-top: 22px; color: #2b65a2; font-size: 28px; }
.stay-selection-price small { font-size: 12px; font-weight: 400; color: #7c94ac; }
.checkout-form { display: grid; gap: 25px; }
.checkout-panel { position: relative; padding: 30px; border: 1px solid #fff; border-radius: 25px; background: linear-gradient(140deg, #f4f8ff, #e6eff9); box-shadow: 8px 10px 20px #c0d0e2ab, -8px -8px 20px #fff; }
.checkout-panel h2 { padding-right: 35px; font-size: 25px; }
.checkout-panel > p { margin-top: 9px; color: #7e93a8; font-size: 12px; }
.checkout-section-number { position: absolute; top: 28px; right: 28px; display: grid; place-items: center; width: 31px; height: 31px; border-radius: 10px; color: #7799ba; background: #e1ecfa; box-shadow: inset 2px 2px 4px #bfd1e7, inset -2px -2px 4px #fff; font-size: 12px; }
.checkout-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 26px; }
.checkout-wide { grid-column: 1 / -1; }
.cart-field textarea { resize: vertical; min-height: 90px; }
.payment-options { display: grid; gap: 13px; margin-top: 25px; }
.payment-provider { position: relative; display: flex; align-items: center; gap: 16px; padding: 15px 17px; border: 1px solid #fff; border-radius: 16px; background: linear-gradient(140deg, #f3f8ff, #e4edf8); box-shadow: 4px 5px 10px #bdcfe4, -4px -4px 10px #fff; cursor: pointer; }
.payment-provider[data-selected="true"] { border-color: #8ebaff; background: #e7f0ff; box-shadow: inset 2px 2px 5px #b4cef2, inset -2px -2px 6px #fff, 0 0 0 2px #bcd7ff29; }
.payment-provider:focus-within { outline: 2px solid #6198ed; outline-offset: 3px; }
.payment-provider > input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.payment-mark { display: grid; place-items: center; width: 44px; height: 44px; flex-shrink: 0; border-radius: 13px; color: #fff; background: linear-gradient(145deg, #549cff, #2467d3); box-shadow: 3px 4px 7px #a8bed580, inset 2px 2px 3px #ffffff73, inset -2px -3px 5px #10367a33; font-size: 23px; font-weight: 700; }
.provider-tbank .payment-mark { color: #292b28; background: linear-gradient(140deg, #fff18b, #f3ce32); }
.provider-freekassa .payment-mark { background: linear-gradient(140deg, #9573e5, #6c48b6); font-size: 16px; }
.payment-provider b { color: #3c6187; font-size: 16px; }
.payment-provider small { display: block; margin-top: 5px; color: #8499ae; font-size: 12px; }
.payment-radio { display: grid; place-items: center; width: 20px; height: 20px; margin-left: auto; border-radius: 50%; color: #fff; background: #dfeaf9; box-shadow: inset 2px 2px 3px #b9cce4, inset -2px -2px 3px #fff; }
.payment-provider[data-selected="true"] .payment-radio { background: #347ef0; box-shadow: inset 1px 1px 2px #1058b333; }
.checkout-consent { display: flex; gap: 12px; align-items: flex-start; color: #7a91a8; font-size: 12px; line-height: 1.7; }
.checkout-consent > input { appearance: none; display: grid; place-items: center; width: 20px; height: 20px; flex-shrink: 0; margin-top: 1px; border-radius: 6px; border: 1px solid #fff; background: #e2ecf9; box-shadow: inset 2px 2px 4px #b8cce5, inset -2px -2px 4px #fff; }
.checkout-consent > input:checked { background: #337bea; box-shadow: inset 1px 2px 4px #1e5cc9; }
.checkout-consent > input:checked::after { content: ''; width: 8px; height: 5px; border: solid #fff; border-width: 0 0 2px 2px; transform: rotate(-45deg) translateY(-1px); }
.checkout-consent a { text-decoration: underline; text-underline-offset: 3px; color: #5481b1; }
.checkout-payment-message { display: flex; align-items: flex-start; gap: 14px; padding: 20px; border: 1px solid #fff; border-radius: 17px; color: #587a9c; background: #e2edf9; font-size: 13px; line-height: 1.8; }
.checkout-payment-message svg { flex-shrink: 0; margin-top: 3px; }
.checkout-payment-message a { display: block; margin-top: 7px; color: #2d72c7; }
.checkout-submit { min-height: 57px; }
.checkout-order-items { display: grid; gap: 18px; padding: 24px 12px; }
.checkout-order-items > div { display: grid; gap: 6px; border-bottom: 1px solid #cfddec; padding-bottom: 18px; }
.checkout-order-items b { font-size: 14px; color: #537291; }
.checkout-order-items span { font-size: 12px; color: #8a9eb2; }
.checkout-order-items strong { font-size: 15px; font-weight: 500; color: #3570ad; }
.activity-body > .button { margin-top: 20px; font-size: 12px; min-height: 42px; }
.house-card > .house-cart-link { margin: 3px 14px 12px; padding: 11px; min-height: 42px; font-size: 12px; }
.bath-cart-action { margin-top: 15px; }
@media (max-width: 1450px) { .header-top { flex-wrap: wrap; row-gap: 16px; } .header-top .header-location { display: flex; order: 9; flex: 1 0 100%; justify-content: center; padding-bottom: 4px; } .header-phone { margin-left: auto; } }
@media (max-width: 1100px) {
  .header-cart > span { display: none; }
  .header-cart { min-width: 48px; padding-inline: 13px; }
  .cart-layout { grid-template-columns: minmax(0, 1fr) 275px; gap: 23px; }
  .cart-item { grid-template-columns: 80px minmax(0, 1fr); gap: 16px; padding: 20px; }
  .cart-item-photo { width: 80px; height: 95px; }
  .cart-item-actions { grid-column: 2; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; }
  .cart-item-actions .cart-remove { order: 3; }
  .cart-line-price { text-align: left; }
  .cart-recommendation { flex-wrap: wrap; gap: 13px; }
  .cart-recommendation > img { width: 65px; height: 65px; }
  .cart-recommendation .button { margin-left: 78px; }
}
@media (max-width: 760px) {
  .cart-layout { grid-template-columns: 1fr; }
  .cart-summary { position: static; }
  .stay-selection { grid-template-columns: 1fr; gap: 10px; }
  .stay-selection-photo { height: 230px; }
  .stay-selection-content { padding: 16px; }
  .checkout-panel { padding: 24px; }
  .checkout-panel h2 { font-size: 23px; }
  .checkout-fields { grid-template-columns: 1fr; }
  .cart-recommendation .button { margin-left: auto; }
}
@media (max-width: 600px) {
  .header-cart { display: none; }
  .navigation .mobile-cart { display: flex; grid-column: 1 / -1; }
  .cart-announcement { right: 16px; bottom: 16px; }
  .cart-toast { flex-wrap: wrap; gap: 10px; padding: 13px; }
  .cart-toast small { max-width: 155px; }
  .cart-toast > a { margin-left: auto; }
  .cart-steps { gap: 9px; font-size: 12px; }
  .cart-steps > i { width: 18px; }
  .cart-steps > a, .cart-step-next { gap: 6px; }
  .cart-item { grid-template-columns: 61px minmax(0, 1fr); padding: 17px 14px; gap: 13px; }
  .cart-item-photo { width: 61px; height: 77px; }
  .cart-item h2 { font-size: 19px; }
  .cart-item-actions { grid-column: 1 / -1; margin-top: 5px; }
  .cart-line-price strong { font-size: 23px; }
  .cart-empty h2 { font-size: 27px; }
  .cart-empty > div { flex-direction: column; width: 100%; }
  .cart-recommendation { display: grid; grid-template-columns: 60px 1fr; }
  .cart-recommendation .button { grid-column: 1 / -1; width: 100%; }
  .cart-summary { padding: 25px; }
  .checkout-submit { padding-inline: 12px; font-size: 13px; }
}

.language-switch { position: relative; flex-shrink: 0; }
.language-trigger {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  min-height: 44px; padding: 10px 13px; border: 1px solid #fff; border-radius: 15px;
  background: linear-gradient(145deg, #f9fcff, #e8f0fb); color: #275c98;
  box-shadow: 3px 4px 9px #c3d2e580, -3px -3px 8px #ffffffbd, inset 0 1px 1px #fff;
  font-size: 12px; font-weight: 600; line-height: 1; transition: background .18s, box-shadow .18s;
}
.language-trigger:hover, .language-trigger[aria-expanded="true"] {
  color: #1266da; border-color: #c9ddff;
  background: linear-gradient(145deg, #fff, #edf5ff);
  box-shadow: 3px 5px 12px #aec5e457, inset 0 1px 1px #fff;
}
.language-chevron { transition: transform .18s; }
.language-trigger[aria-expanded="true"] .language-chevron { transform: rotate(180deg); }
.language-menu {
  position: absolute; z-index: 60; top: calc(100% + 12px); right: 0; width: 266px;
  padding: 12px; border: 1px solid #fff; border-radius: 20px;
  background: linear-gradient(155deg, #fff, #f4f8ff);
  box-shadow: 0 14px 35px #29568d26, 0 3px 9px #a4bdd333, inset 0 0 0 1px #e3edfa;
  animation: language-menu-appear .16s ease-out; transform-origin: top right;
}
.language-search {
  display: flex; align-items: center; gap: 9px; min-height: 43px; padding: 0 12px;
  border: 1px solid #d4e3f7; border-radius: 11px; background: #f6f9fe; color: #357ce4;
  box-shadow: inset 2px 2px 5px #d6e2f066, inset -2px -2px 4px #fff;
}
.language-search:focus-within { border-color: #8bb8fc; box-shadow: 0 0 0 3px #dceaff80, inset 1px 1px 4px #d8e4f155; }
.language-search svg { flex-shrink: 0; }
.language-search input {
  width: 100%; min-width: 0; padding: 10px 0; border: 0; outline: none; border-radius: 0;
  background: transparent; color: #244b78; font-size: 12px; line-height: 1.5;
}
.language-search input:focus-visible { outline: none; }
.language-search input::placeholder { color: #8499b1; opacity: 1; }
.language-options { display: grid; gap: 4px; max-height: min(260px, 45dvh); margin-top: 10px; overflow-y: auto; overscroll-behavior: contain; }
.language-option {
  display: flex; align-items: center; gap: 11px; min-height: 49px; width: 100%; padding: 9px 11px;
  border: 1px solid transparent; border-radius: 11px; background: transparent;
  color: #315273; text-align: left; font-size: 13px; font-weight: 500; transition: background .15s, border-color .15s;
}
.language-option:hover, .language-option[data-highlighted="true"] { background: #edf4fe; border-color: #dce9fb; }
.language-option[aria-selected="true"] { background: #e9f2ff; color: #145fc9; }
.language-code {
  display: grid; place-items: center; width: 30px; height: 29px; flex-shrink: 0; border-radius: 8px;
  color: #6a85a3; background: #fff; box-shadow: 1px 2px 4px #bccfe435, inset 0 0 0 1px #e7eff9;
  font-size: 12px; letter-spacing: .04em; font-weight: 600;
}
.language-option[aria-selected="true"] .language-code { color: #2874df; }
.language-check { margin-left: auto; color: #2678ef; }
.language-empty { padding: 14px 6px 9px; text-align: center; color: #7189a2; font-size: 12px; }
@keyframes language-menu-appear { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 600px) {
  .header-top .header-location { font-size: 12px; padding: 0; gap: 5px; }
  .header-top { row-gap: 12px; }
  .language-switch { margin-left: auto; }
  .language-trigger { min-height: 40px; gap: 7px; padding: 9px 11px; }
  .language-menu { width: min(266px, calc(100vw - 40px)); }
}

}

@scope (#onego-events) {
.header {
  --header-raised: 5px 6px 11px #b5c4d9b3, -5px -5px 11px #ffffff, inset 1px 1px 2px #ffffffb3, inset -1px -1px 2px #c5d3e67a;
  --header-pressed: inset 4px 4px 8px #b8c9dfb3, inset -4px -4px 8px #ffffff, 0 1px 1px #ffffff;
  --header-face: linear-gradient(145deg, #f0f5fc, #e4ecf7);
  padding: 0 0 20px;
  background: transparent;
}

.header-utility {
  position: relative;
  z-index: 4;
  margin-bottom: 18px;
  border-bottom: 1px solid #ffffffa6;
  background: linear-gradient(180deg, #f1f6fd, #e8f0fa);
  box-shadow: 0 3px 9px #becde23d, inset 0 1px 1px #fff, inset 0 -1px 0 #d6e3f24d;
}

.header-utility-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  min-height: 42px;
  padding: 4px 20px;
  color: #406386;
  font-size: 12px;
  line-height: 1.4;
}

.header-utility-inner > * { padding-inline: clamp(7px, .9vw, 12px); }
.header-utility-inner > * + * { border-left: 1px solid #d6e3f1; border-image: linear-gradient(transparent, #c8d9ed 25%, #c8d9ed 75%, transparent) 1; }
.header-utility-inner > :first-child { padding-left: 0; }
.header-utility-inner > :last-child { padding-right: 0; }
.header-utility-inner > .language-switch { margin: 0; }
.header-utility .language-trigger { min-height: 30px; padding: 5px 9px; gap: 6px; border-color: transparent; border-radius: 11px; background: var(--header-face); box-shadow: 3px 3px 6px #b8c9dfb3, -3px -3px 6px #fff, inset 1px 1px 1px #ffffffb3; font-size: 12px; }
.header-utility .language-trigger:hover { color: #1765d7; background: linear-gradient(145deg, #f8fbff, #e8f0fb); }
.header-utility .language-trigger[aria-expanded="true"] { background: #e7eff9; border-color: transparent; box-shadow: var(--header-pressed); }
.header-utility .language-trigger > svg:first-child { width: 16px; height: 16px; }
.header-utility .language-menu { left: 0; right: auto; top: calc(100% + 8px); transform-origin: top left; }

.header-utility-location {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #4f6e89;
  font-size: inherit;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
}

.header-location-symbol {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 6px;
  color: #267b98;
  background: linear-gradient(145deg, #f8fcff, #e1edf5);
  box-shadow: 1px 1.5px 3px #a8c1d44d, -1px -1px 2px #fff, inset .5px .5px 0 #fff;
}
.header-location-symbol > svg { display: block; width: 16px; height: 16px; filter: drop-shadow(0 .5px 0 #fff); }
.header-utility-location .header-karelia-flag {
  width: 18px;
  height: 12px;
  margin-left: 2px;
  border-radius: 1.5px;
  background: linear-gradient(#df4053 0 33.333%, #078dce 33.333% 66.666%, #199a64 66.666%);
  box-shadow: inset 0 .5px 0 #ffffff80, 0 0 0 .5px #ffffffd9, 0 .75px 1px #28517133;
}
.header-utility-phone { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; color: #315984; font-size: 13px; font-weight: 700; }
.header-utility-phone > svg { width: 22px; height: 22px; flex-shrink: 0; padding: 3px; border-radius: 7px; color: #2771c5; background: linear-gradient(145deg, #f8fbff, #e0ebf8); box-shadow: 2px 2px 4px #b6c8df66, -1px -1px 3px #fff, inset 1px 1px 1px #fff; }
.header-utility-phone:hover, .header-utility-help:hover { color: #1765d7; }
.header-utility-menu { position: relative; }
.header-utility-menu > summary { display: flex; align-items: center; gap: 6px; min-height: 32px; margin-inline: -5px; padding: 3px 5px; border-radius: 10px; color: #315c8b; font-weight: 600; list-style: none; white-space: nowrap; cursor: pointer; }
.header-utility-menu > summary::-webkit-details-marker { display: none; }
.header-utility-menu > summary:hover, .header-utility-menu[open] > summary { color: #1765d7; }
.header-utility-menu > summary:hover { background: #f5f9ff; box-shadow: 2px 2px 5px #b7c9e04d, -2px -2px 4px #ffffffb3; }
.header-utility-menu[open] > summary { background: #e7eff9; box-shadow: inset 2px 2px 4px #b8c9df66, inset -2px -2px 4px #fff; }
.header-utility-menu > summary:focus-visible, .header-utility-help:focus-visible, .header-utility-phone:focus-visible { outline: 2px solid #397bce; outline-offset: 3px; }
.header-utility-menu > summary > svg { flex-shrink: 0; }
.header-utility-chevron { transition: transform .16s; }
.header-utility-menu[open] .header-utility-chevron { transform: rotate(180deg); }
.header-utility-icon { width: 20px; height: 20px; flex-shrink: 0; padding: 2px; border-radius: 6px; color: #356596; stroke-width: 1.7; background: linear-gradient(145deg, #f8fbff, #e4edf9); box-shadow: 1px 2px 3px #b6c8df59, -1px -1px 2px #ffffff, inset 1px 1px 1px #ffffffd9; }
.header-utility-help { display: inline-flex; align-items: center; gap: 5px; min-height: 26px; color: #315c8b; font-weight: 600; white-space: nowrap; }
.header-utility-popover { position: absolute; top: calc(100% + 12px); right: 0; width: 235px; padding: 10px; border: 1px solid #f7fbff; border-radius: 18px; background: linear-gradient(145deg, #f4f8fe, #e7effa); box-shadow: 8px 12px 24px #9eb3ce80, -4px -4px 12px #ffffffb3, inset 1px 1px 2px #fff, inset -1px -1px 2px #c5d3e6; }
.header-utility-popover > a { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 42px; padding: 10px; border-radius: 8px; color: #315984; font-size: 13px; line-height: 1.4; }
.header-utility-popover > a:hover { background: #e7eff9; box-shadow: var(--header-pressed); color: #1765d7; }
.header-utility-partners .header-utility-popover { width: 278px; padding: 13px; }
.header-utility-popover > strong { display: block; padding: 4px 5px; color: #2c5076; font-size: 15px; }
.header-utility-popover > p { margin: 4px 5px 10px; color: #607a94; font-size: 12px; line-height: 1.7; }
.header-utility-partners .header-utility-popover > a { justify-content: flex-start; }

.header-shell {
  --brand-panel-left: 27px;
  --brand-panel-vertical: 13px;
  --brand-panel-right: 22px;
  --brand-panel-radius: 25px 24px 3px 0;
  position: relative;
  padding: 0 22px 14px;
  border: 1px solid #f6faffb3;
  border-radius: 26px;
  background: linear-gradient(125deg, #edf3fc, #e8eff9 62%, #e4edf8);
  box-shadow: 9px 11px 24px #b5c4da99, -8px -8px 20px #ffffff, inset 2px 2px 3px #ffffffd9, inset -2px -2px 4px #c3d2e67a;
}

.header-shell .header-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) repeat(3, max-content);
  align-items: center;
  min-height: 86px;
  padding: 13px 5px;
  gap: 18px;
  border-bottom: 0;
}

.header-shell .header-top > .logo {
  position: relative;
  isolation: isolate;
  grid-column: 1;
  justify-self: start;
  min-width: 0;
  max-width: 100%;
  gap: 15px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: none;
  box-shadow: none;
}
.header-shell .header-top > .logo::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: calc(-1 * var(--brand-panel-vertical)) calc(-1 * var(--brand-panel-right)) calc(-1 * var(--brand-panel-vertical)) calc(-1 * var(--brand-panel-left));
  border-radius: var(--brand-panel-radius);
  border-right: 1px solid #d9e4f2;
  background: linear-gradient(180deg, #ecf2fb, #eaf1fa);
  box-shadow:
    1px 0 1px #dbe6f259,
    inset 1px 1px 1px #ffffff99,
    inset -1px 0 1px #ffffff99;
  pointer-events: none;
}
.header-shell .header-top > .logo:focus-visible { outline: 2px solid #397bce; outline-offset: 4px; }
.header-relief-definitions { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.header-shell .header-top .logo > span { min-width: 0; grid-template-columns: minmax(0, max-content); gap: 5px; }
.header-shell .logo-mark {
  width: 64px;
  height: 64px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  filter: url(#header-engraved-mark);
  object-fit: contain;
}
.header-shell .header-top .logo b { color: #153f65; font-size: 38px; font-weight: 500; line-height: 1.1; letter-spacing: -.01em; text-shadow: none; filter: url(#header-engraved-title); }
.header-shell .header-top .logo small { color: #486785; font-size: 10.5px; font-weight: 600; line-height: 1.4; letter-spacing: .035em; }
.header-shell .logo .logo-caption { contain: inline-size; text-align: justify; text-align-last: justify; text-shadow: none; filter: url(#header-engraved-caption); }
.header-shell .header-account { grid-column: 2; }
.header-shell .header-cart { grid-column: 3; }
.header-shell .header-book { grid-column: 4; }
.header-shell .header-account, .header-shell .header-cart, .header-shell .header-book { min-height: 44px; border-radius: 13px; }
.header-shell .header-account, .header-shell .header-cart { padding: 9px 14px; gap: 9px; color: #245b9e; }
.header-shell .header-book { padding: 11px 18px; }
.header-shell .header-account, .header-shell .header-cart {
  background: var(--header-face);
  border-color: transparent;
  box-shadow: var(--header-raised);
}
.header-shell .header-account > svg, .header-shell .header-cart > svg { width: 24px; height: 24px; padding: 4px; overflow: visible; border-radius: 8px; color: #fff; background: linear-gradient(145deg, #8cbaff, #3179e8); box-shadow: 2px 3px 4px #4073b449, inset 1px 1px 1px #cce3ff, inset -1px -1px 2px #235bb473; }
.header-shell .header-account:hover, .header-shell .header-cart:hover { background: linear-gradient(145deg, #f9fcff, #e8f0fb); transform: translateY(-2px); box-shadow: 6px 8px 13px #adbed6b3, -5px -5px 11px #fff, inset 1px 1px 2px #fff; }
.header-shell .header-account:active, .header-shell .header-cart:active { transform: translateY(1px); box-shadow: var(--header-pressed); }
.header-shell .mobile-menu-toggle { background: var(--header-face); border: 1px solid #f5f9ff; box-shadow: var(--header-raised); }
.header-shell .mobile-menu-toggle[aria-expanded="true"] { background: #e7eff9; box-shadow: var(--header-pressed); }

.header-shell .navigation-wrap {
  position: relative;
  padding-top: 12px;
  border: 0;
  background: transparent;
}

.header-shell .navigation-wrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 5px;
  right: 5px;
  height: 1px;
  background: linear-gradient(90deg, #d2dfef33, #cbdced, #d2dfef33);
  box-shadow: 0 1px 0 #fff;
}

.header-shell .navigation { min-height: 44px; padding: 0; gap: 12px; }
.header-shell .navigation > a:not(.button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 7px 12px;
  gap: 7px;
  border: 1px solid transparent;
  border-radius: 13px;
  background: var(--header-face);
  box-shadow: var(--header-raised);
  color: #365778;
  font-size: 12px;
  font-weight: 500;
  transition: color .18s, background .18s, box-shadow .18s, transform .18s;
}
.header-shell .navigation .header-navigation-icon { width: 18px; height: 18px; flex: 0 0 18px; color: #5f7d9d; }
.header-shell .navigation > a:is(:hover, [aria-current="page"]) .header-navigation-icon { color: #2470d3; }
.header-shell .navigation > a > span { white-space: nowrap; }

.header-shell .navigation > a:not(.button):hover { color: #185db7; background: linear-gradient(145deg, #f8fbff, #e8f0fa); transform: translateY(-2px); box-shadow: 6px 8px 12px #aebfd7b3, -5px -5px 10px #fff, inset 1px 1px 2px #ffffffb3; }
.header-shell .navigation > a[aria-current="page"]:not(.button) {
  color: #1765d7;
  font-weight: 700;
  border-color: #eef5ff;
  background: #e4edf9;
  box-shadow: var(--header-pressed);
  transform: none;
}
.header-shell .navigation > a:not(.button):active { transform: translateY(1px); box-shadow: var(--header-pressed); }

.header-shell .nav-season { margin: 0 0 0 3px; padding: 0; }
.header-shell .season-switch.compact { min-height: 44px; padding: 5px; border: 1px solid #f4f8ff; border-radius: 15px; background: #e1eaf7; box-shadow: inset 4px 4px 8px #b3c5ddb3, inset -4px -4px 8px #ffffff, 0 1px 0 #fff; }
.header-shell .season-switch.compact button { min-height: 32px; gap: 3px; border-radius: 10px; color: #476383; }
.header-shell .season-switch.compact button[aria-pressed="true"] { color: #155bd1; background: var(--header-face); border-color: #f6faff; box-shadow: 3px 4px 6px #aabed9b3, -2px -2px 5px #ffffff, inset 1px 1px 2px #ffffff; }
.header :is(a, button, summary):focus-visible { outline: 2px solid #347ce5; outline-offset: 4px; }

@media (min-width: 901px) {
  .header-utility {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    transition: opacity .24s ease, transform .28s ease, visibility 0s;
  }
  .header-utility-hidden .header-utility {
    opacity: 0;
    transform: translateY(-8px);
    visibility: hidden;
    pointer-events: none;
    transition: opacity .24s ease, transform .28s ease, visibility 0s .28s;
  }
  .header-shell .navigation { display: flex; }
  .header-shell .navigation > a:not(.button) { flex: 1 0 auto; }
  .header-shell .nav-season { flex: 0 0 auto; }
}

@media (min-width: 901px) and (max-width: 1279px) {
  .header-shell .navigation { gap: 9px; }
  .header-shell .navigation > a:not(.button) { font-size: 12px; }
  .header-shell .nav-season .season-switch.compact button > span { display: none; }
}

@media (min-width: 901px) and (max-width: 1439px) {
  .header-shell .nav-season .season-switch.compact button > span { display: none; }
}

@media (min-width: 901px) and (max-width: 1199px) {
  .header-shell .navigation > a:not(.button) { flex-direction: column; min-height: 67px; gap: 5px; padding: 7px 10px; font-size: 12px; }
  .header-shell .nav-season { margin-left: 2px; }
  .header-shell .season-switch.compact { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px; padding: 4px; }
  .header-shell .season-switch.compact button { min-height: 29px; padding: 1px 5px; }
}

@media (min-width: 901px) and (max-width: 1199px) {
  .header-utility-inner { padding-inline: 14px; font-size: 12px; }
  .header-utility-inner > * { padding-inline: 8px; }
  .header-utility-phone { font-size: 12px; }
  .header-shell { --brand-panel-left: 20px; padding-inline: 14px; }
  .header-shell .header-top { grid-template-columns: minmax(0, 1fr) repeat(3, max-content); gap: 15px 12px; padding-inline: 6px; }
  .header-shell .header-top .logo b { font-size: 36px; }
  .header-shell .header-top .logo small { font-size: 10px; }
  .header-shell .header-account { grid-column: 2; grid-row: 1; }
  .header-shell .header-cart { grid-column: 3; grid-row: 1; }
  .header-shell .header-book { grid-column: 4; grid-row: 1; }
}

@media (max-width: 1050px) {
  .header-utility-inner { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); padding: 5px 18px; row-gap: 4px; font-size: 12px; }
  .header-utility-inner > * { justify-content: center; padding-inline: 8px; }
  .header-utility-inner > .language-switch { grid-column: span 2; }
  .header-utility-location { grid-column: span 6; }
  .header-utility-phone { grid-column: span 4; font-size: 12px; }
  .header-utility-menu { grid-column: span 4; }
  .header-utility-menu > summary { justify-content: center; min-height: 30px; }
  .header-utility-inner > .header-utility-menu:not(.header-utility-partners):not(.header-utility-more) { border-left: 0; }
  .header-utility-help, .header-utility-more { grid-column: span 2; }
  .header-utility-menu:not(.header-utility-partners):not(.header-utility-more) .header-utility-popover { left: 0; right: auto; }
  .header-utility-partners .header-utility-popover { left: 50%; right: auto; transform: translateX(-50%); }
}

@media (max-width: 900px) {
  .header { padding: 12px 0 18px; }
  .header-utility { display: none; }
  .header-shell { --brand-panel-left: 17px; --brand-panel-vertical: 11px; --brand-panel-right: 18px; --brand-panel-radius: 23px 22px 3px 0; padding: 0 14px; border-radius: 24px; }
  .header-shell .header-top { grid-template-columns: minmax(0, 1fr) repeat(3, max-content); min-height: 78px; padding: 11px 3px; gap: 13px; }
  .header-shell .header-account { grid-column: 2; grid-row: 1; margin: 0; }
  .header-shell .header-cart { grid-column: 3; grid-row: 1; }
  .header-shell .mobile-menu-toggle { grid-column: 4; grid-row: 1; margin: 0; }
  .header-shell .navigation-wrap.is-open { padding-bottom: 14px; }
  .header-shell .navigation { padding: 3px 0 0; gap: 9px; }
  .header-shell .navigation > a:not(.button) { min-height: 44px; gap: 8px; }
  .header-shell .nav-season { margin: 0; padding: 6px 0; }
  .header-shell .season-switch.compact { width: 100%; justify-content: space-between; }
  .header-shell .navigation .mobile-book { margin: 5px 0; }
  .header-shell .navigation .mobile-call { margin-bottom: 3px; }
}

@media (prefers-reduced-motion: reduce) {
  .header .header-utility { transition: none; }
  .header-shell .navigation > a:not(.button), .header-shell .header-account, .header-shell .header-cart { transition: none; transform: none; }
}

@media (max-width: 760px) {
  .header-shell .header-top { grid-template-columns: minmax(0, 1fr) auto; }
  .header-shell .header-account, .header-shell .header-cart { display: none; }
  .header-shell .mobile-menu-toggle { grid-column: 2; }
  .header-shell .navigation .mobile-account, .header-shell .navigation .mobile-cart { display: flex; grid-column: 1 / -1; }
}

@media (max-width: 600px) {
  .header { padding: 12px 0 15px; }
  .header-shell .logo-mark { width: 46px; height: 46px; filter: url(#header-engraved-compact-mark); }
  .header-utility { margin-bottom: 10px; }
  .header-utility-inner { width: calc(100% - 24px); padding-inline: 0; font-size: 12px; row-gap: 0; }
  .header-utility-inner > * { padding-inline: 4px; }
  .header-utility-inner > .language-switch { grid-column: span 3; }
  .header-utility-location { grid-column: span 9; min-width: 0; gap: 5px; white-space: normal; }
  .header-utility-icon { width: 18px; height: 18px; }
  .header-utility-inner > .header-utility-phone { grid-column: 1 / -1; min-height: 27px; border-left: 0; }
  .header-utility-menu > summary { gap: 3px; white-space: normal; text-align: center; line-height: 1.4; }
  .header-shell { --brand-panel-left: 11px; --brand-panel-vertical: 16px; --brand-panel-right: 12px; --brand-panel-radius: 21px 20px 3px 21px; width: calc(100% - 24px); padding-inline: 10px; border-radius: 22px; }
  .header-shell .header-top { gap: 10px; padding: 11px 1px; }
  .header-shell .header-top > .logo { gap: 10px; }
  .header-shell .header-top .logo > span { gap: 4px; }
  .header-shell .header-top .logo b { font-size: 26px; filter: url(#header-engraved-compact-title); }
  .header-shell .header-top .logo small { font-size: 7.7px; line-height: 1.35; letter-spacing: 0; white-space: nowrap; }
  .header-shell .mobile-menu-toggle { width: 44px; height: 44px; }
  .header-shell .navigation > a:not(.button) { font-size: 12px; padding-inline: 8px; }
  .header-shell .season-switch.compact button { min-width: 0; padding: 4px 2px; gap: 2px; font-size: 12px; }
  .header-shell .season-switch.compact .clay { width: 24px; height: 24px; flex-shrink: 0; }
}

@media (max-width: 380px) {
  .header-shell { --brand-panel-vertical: 19px; }
  .header-utility-menu, .header-utility-help, .header-utility-more { grid-column: span 6; }
  .header-utility-inner > .header-utility-help { border-left: 0; }
  .header-utility-partners .header-utility-popover { left: auto; right: 0; transform: none; }
  .header-shell .header-top { column-gap: 7px; }
  .header-shell .logo-mark { width: 40px; height: 40px; }
  .header-shell .header-top > .logo { gap: 8px; }
  .header-shell .header-top .logo b { font-size: 24px; }
  .header-shell .header-top .logo small { font-size: 7.1px; }
  .header-utility-location { font-size: 12px; gap: 4px; }
  .header-utility .language-trigger { padding-inline: 3px; gap: 4px; font-size: 12px; }
  .header-utility .language-trigger > svg:first-child { width: 14px; }
  .header-utility .language-chevron { width: 12px; }
}

}

@scope (#onego-events) {
.house-booking-actions{display:flex;align-items:center;gap:14px;margin-top:18px}
.house-card>.house-booking-actions{margin:8px 22px 22px}.detail-actions{margin:18px 0}
.house-details-link{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:#456d95;white-space:nowrap}
.house-select-button{flex:1;min-height:44px;padding:11px 13px!important;font-size:12px!important;gap:8px!important}
.house-select-button svg:last-child{margin-left:auto}
.trip-planning-summary{display:flex;align-items:center;gap:20px;padding:22px 26px;margin:24px 0 30px;border:1px solid #ffffffdf;border-radius:24px;background:linear-gradient(125deg,#f6faff,#e7eff8);box-shadow:8px 8px 22px #c4d1e06b,-7px -7px 20px #ffffffb0}
.trip-planning-copy{flex:1;min-width:200px}.trip-planning-summary h3{font-size:21px;margin:4px 0 6px}.trip-planning-summary p{font-size:12px;color:#607d9d;line-height:1.6;margin:0}
.trip-planning-summary progress{display:block;width:min(300px,100%);height:6px;margin-top:12px;border:0;border-radius:10px;background:#d8e4f1;overflow:hidden}
.trip-planning-summary progress::-webkit-progress-bar{background:#d8e4f1}.trip-planning-summary progress::-webkit-progress-value{background:linear-gradient(90deg,#4394ff,#2879ed);border-radius:10px}
.trip-selected-houses{display:flex;flex-direction:column;gap:7px}.trip-selected-houses>span{display:flex;align-items:center;gap:6px;font-size:12px;color:#517395}.trip-selected-houses b{display:flex;align-items:center;gap:3px}
.room-config-dialog{width:min(680px,calc(100% - 24px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #fff;border-radius:28px;color:#193e66;background:#edf3fa;box-shadow:0 24px 90px #173b655c;overflow:auto}
.room-config-dialog::backdrop{background:#18334f66;backdrop-filter:blur(5px)}
.room-config-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 42px)}
.room-config-shell>header,.room-config-trip,.room-config-footer{flex-shrink:0}
.room-config-body{min-height:0;overflow-y:auto}
.room-config-empty{overflow-y:auto}
.room-config-dialog .room-choice:disabled{opacity:1;color:#8194a9}
.room-config-dialog .room-choice:disabled small{color:#8194a9}
.cafe-hours{padding:24px;margin:24px 0;border:1px solid #fff;border-radius:24px;background:linear-gradient(120deg,#f7f5ef,#e9eff5);box-shadow:6px 6px 18px #c4d1e070,-6px -6px 18px #fff}
.cafe-hours h2{font-size:24px;margin:0 0 18px}.cafe-hours>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cafe-hours article{display:flex;align-items:center;gap:14px;padding:16px;background:#f5f7f8;border:1px solid #fff;border-radius:16px;box-shadow:inset 2px 2px 6px #c6ceda55,inset -2px -2px 6px #fff}.cafe-hours article span{display:flex;flex-direction:column;gap:4px}.cafe-hours article b{font-size:13px}.cafe-hours article strong{font-size:19px}.cafe-hours p{font-size:12px;margin:14px 0 0;color:#677f98}
@media(max-width:560px){.room-config-shell{max-height:calc(100dvh - 18px)}.cafe-hours>div{grid-template-columns:1fr}.cafe-hours article span{flex:1;flex-direction:row;justify-content:space-between;align-items:center}}
.room-config-shell>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px 20px;background:linear-gradient(120deg,#f8fbff,#edf3fa);border-bottom:1px solid #fff}
.room-config-shell h2{font-size:27px;line-height:1.25;margin:6px 0 0}.room-config-shell h3{display:flex;align-items:center;gap:9px;font-family:inherit;font-size:15px;margin:0 0 13px}
.room-config-trip{display:flex;justify-content:space-between;gap:10px;padding:13px 28px;background:#e3edf8;box-shadow:inset 0 2px 5px #bdcede40;font-size:12px;color:#527396}
.room-config-body{padding:24px 28px}.room-config-body section+section{margin-top:24px;padding-top:24px;border-top:1px solid #d6e2ef}
.room-config-body p,.room-config-empty p{font-size:12px;line-height:1.65;color:#6c829b;margin:10px 0 15px}
.room-guest-counter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;font-size:13px}
.room-guest-counter .counter{display:flex;align-items:center;gap:14px}
.room-guest-counter button{display:grid;place-items:center;width:32px;height:32px;background:linear-gradient(135deg,#fff,#e1ebf6);border:1px solid #fff;border-radius:11px;box-shadow:3px 3px 7px #bacbe18c,-3px -3px 7px #fff;color:#2878d8}
.room-guest-counter button:disabled{opacity:.4;box-shadow:none;cursor:default}
.room-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.room-choice{display:flex;align-items:center;gap:12px;text-align:left;min-height:72px;padding:15px;border:1px solid #fff;border-radius:17px;background:linear-gradient(135deg,#f8fbff,#e6eef8);box-shadow:4px 4px 10px #becfe28a,-4px -4px 10px #fff;color:#507394;cursor:pointer}
.room-choice b{display:block;font-size:13px;font-weight:600;line-height:1.5}.room-choice small{display:block;font-size:12px;margin-top:3px;color:#6e86a0}.room-choice>svg{flex-shrink:0}.room-choice>svg:last-child:not(:first-child){margin-left:auto}
.room-choice[aria-pressed=true],.room-view-choice:has(input:checked){border-color:#81b7fc;background:linear-gradient(135deg,#edf6ff,#dfeeff);box-shadow:inset 2px 2px 6px #acc8ec77,inset -2px -2px 6px #fff;color:#1266c6}
.room-choice:disabled{color:#98a9ba;background:#e5edf5;box-shadow:inset 2px 2px 6px #c9d6e55c;border-color:#e0e9f3;cursor:not-allowed}
.room-choice:disabled small{color:#8b9bad}
.room-choice:focus-visible,.house-select-button:focus-visible{outline:3px solid #5197f2;outline-offset:3px}
.room-view-label{display:flex;flex-direction:column;gap:10px;font-size:13px;font-weight:600}
.room-view-label select,.operator-inventory input{padding:12px 14px;border:1px solid #ffffffc9;border-radius:12px;background:#e7eff8;box-shadow:inset 3px 3px 7px #c2d0e177,inset -3px -3px 7px #fff;color:#325b82}
.room-config-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 28px;background:linear-gradient(130deg,#f8fbff,#e6eff9);border-top:1px solid #fff}
.room-config-footer>div{display:flex;flex-direction:column;gap:4px}.room-config-footer span{font-size:12px;color:#6e86a0}.room-config-footer strong{font-size:27px;color:#205a94}.room-config-footer small{font-size:12px;color:#607f9d;max-width:270px;line-height:1.5}
.room-config-footer .button{min-height:46px;font-size:12px}.room-config-footer button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.3)}
.room-config-empty{text-align:center;padding:28px}.room-config-empty h3{display:block;font-size:22px;margin:14px 0}.room-config-empty .booking-bar{display:grid;grid-template-columns:1fr 1fr;margin:20px 0}.room-config-empty .booking-bar>.button{grid-column:1/-1}
.cart-deposit{padding:16px 0;border-top:1px solid #d3dfed;display:grid;gap:10px}.cart-deposit>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.cart-deposit>div:first-child{color:#176bc8}
.cart-room-preferences{font-size:12px;line-height:1.6;color:#53799c}
.operator-inventory{display:grid;gap:18px;margin:24px 0}.operator-inventory article{padding:22px;border:1px solid #fff;border-radius:20px;background:#edf3fa;box-shadow:5px 5px 14px #c1d0e27d,-5px -5px 14px #fff}
.operator-inventory h3{margin:0 0 18px}.operator-inventory-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.operator-inventory label{display:flex;flex-direction:column;gap:7px;font-size:12px}.operator-inventory input{width:100%}
.booking-account-order{padding:22px;border-radius:22px;border:1px solid #fff;background:#edf3fa;margin-bottom:18px;box-shadow:5px 5px 12px #c1cfdf77,-5px -5px 12px #fff}.booking-account-order h3{font-size:20px}.booking-account-order p{font-size:12px;line-height:1.7}
@media(max-width:900px){.trip-planning-summary{flex-wrap:wrap}.trip-selected-houses{width:100%}.house-booking-actions{gap:8px}.house-select-button{font-size:12px!important}}
@media(max-width:560px){.room-config-dialog{max-height:calc(100dvh - 16px);border-radius:22px}.room-config-shell>header,.room-config-body{padding:20px}.room-config-shell h2{font-size:23px}.room-config-trip{padding:12px 20px;font-size:12px}.room-choice{gap:8px;padding:12px}.room-choice b{font-size:12px}.room-config-footer{padding:18px 20px;flex-direction:column;align-items:stretch}.room-config-footer>div{display:grid;grid-template-columns:1fr auto;align-items:center}.room-config-footer small{grid-column:1/-1;max-width:none}.room-config-footer strong{font-size:24px}.room-config-footer .button{width:100%}.trip-planning-summary{padding:18px;gap:12px}.trip-planning-copy{min-width:180px}.operator-inventory-fields{grid-template-columns:1fr 1fr}.operator-inventory-fields label:last-child{grid-column:1/-1}}

.room-guest-counter>span small{display:block;margin-top:4px;font-size:12px;color:#69819a}
.room-supervision-note{position:relative;display:flex;align-items:center;gap:13px;margin-top:18px;padding:14px 17px;border:1px solid #fffffff2;border-radius:15px;background:linear-gradient(125deg,#f8fbfd,#edf3f8);box-shadow:3px 4px 10px #b9c9d82b,-3px -3px 8px #ffffff80,inset 0 1px 1px #fff,inset 0 -1px 2px #c3ced528}
.room-supervision-note::before{content:"";position:absolute;left:-1px;top:13px;bottom:13px;width:3px;border-radius:6px;background:linear-gradient(#bdcfdb,#8daabd);box-shadow:1px 0 0 #ffffffb3}
.room-supervision-note.needs-attention{background:linear-gradient(120deg,#fffaf0 0%,#f8f5ed 60%,#f4f3ee 100%)}
.room-supervision-note.needs-attention::before{background:linear-gradient(#e4c891,#bc9452)}
.room-supervision-icon{flex-shrink:0;color:#5e8296;filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 1px 2px #7392a51a)}
.room-supervision-note.needs-attention .room-supervision-icon{color:#aa7c35;filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 1px 2px #af894126)}
.room-config-body .room-supervision-copy{flex:1;min-width:0;margin:0;font-size:12px;line-height:1.55;color:#687e91}
.room-supervision-copy strong{display:block;font-weight:600;font-size:13px;color:#3f5a70}.room-supervision-copy span{display:block;margin-top:3px;font-size:12px}
.room-supervision-note.needs-attention .room-supervision-copy strong{color:#6b5431}.room-supervision-note.needs-attention .room-supervision-copy span{color:#84735b}
.room-supervision-action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:40px;padding:6px 0 6px 16px;color:#376f9e;font-size:12px;font-weight:600;line-height:1.5;text-decoration:none}
.room-supervision-action::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:1px;background:linear-gradient(transparent,#d8cebb,transparent);box-shadow:1px 0 0 #ffffffa6}
.room-supervision-action svg{flex-shrink:0;box-sizing:content-box;padding:5px;border:1px solid #ffffffd9;border-radius:50%;background:linear-gradient(135deg,#fff,#e8eef3);box-shadow:1px 2px 4px #a5b6c344,inset 0 1px 0 #fff;transition:background .15s ease,box-shadow .15s ease}
.room-supervision-action:hover{color:#1467b1}.room-supervision-action:hover svg{background:#f3f9ff;box-shadow:2px 3px 6px #a5b6c359,inset 0 1px 0 #fff}.room-supervision-action:active svg{box-shadow:inset 1px 1px 3px #a6b9cb66,inset -1px -1px 3px #fff}.room-supervision-action:focus-visible{outline:2px solid #3487e8;outline-offset:4px;border-radius:5px}
@media(max-width:560px){.room-supervision-note{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:2px 11px;padding:13px 14px}.room-supervision-icon{margin-top:2px}.room-supervision-copy strong{font-size:12px}.room-supervision-action{grid-column:2;justify-self:start;min-height:36px;margin-top:4px;padding:4px 0}.room-supervision-action::before{display:none}}
@media(prefers-reduced-motion:reduce){.room-supervision-action svg{transition:none}}

.room-view-choice{position:relative}.room-view-choice input{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.room-view-choice>svg:last-child{opacity:0}.room-view-choice:has(input:checked)>svg:last-child{opacity:1}.room-view-choice:has(input:focus-visible){outline:3px solid #5197f2;outline-offset:3px}

}

@scope (#onego-events) {
.account-support-link { margin:24px 0 34px; }
:where(.staff-page,.support-workspace,.support-widget) button:not(.button) { background:transparent; border:0; }
.support-backdrop { position:fixed; inset:0; z-index:55; background:#183d6810; }
.staff-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:28px 0; }
.staff-heading h1 { margin-top:10px; font-size:clamp(30px,4vw,46px); }
.staff-identity { display:flex; align-items:center; gap:12px; padding:12px 19px; border:1px solid #fff; border-radius:18px; box-shadow:var(--small-shadow); color:#4f7095; }
.staff-identity span { display:grid; gap:3px; }.staff-identity b { font-size:14px; }.staff-identity small { font-size:12px; color:#687f97; }
.staff-navigation { display:flex; gap:9px; padding:8px; width:max-content; max-width:100%; overflow:auto; margin:0 0 30px; border-radius:20px; box-shadow:var(--neu-recessed); background:#e6eef8; }
.staff-navigation button { display:flex; align-items:center; justify-content:center; gap:9px; padding:13px 23px; border-radius:14px; color:#647f9b; white-space:nowrap; font-size:13px; }
.staff-navigation button[aria-current] { background:linear-gradient(145deg,#f9fcff,#e5edf8); box-shadow:4px 4px 9px #bccce0,-3px -3px 8px #fff,inset 1px 1px 1px #fff; color:#2167c1; font-weight:700; }
.staff-settings { padding:28px; border:1px solid #fff; border-radius:25px; background:linear-gradient(135deg,#f1f6fc,#e8eff9); box-shadow:var(--neu-raised); }
.staff-section-heading { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:23px; }
.staff-section-heading h2 { font-size:25px; }.staff-section-heading p { margin-top:7px; font-size:13px; color:#697f98; }.staff-section-heading .button { flex-shrink:0; }
.staff-feedback { padding:14px 18px; border:1px solid #d3dfed; border-radius:13px; margin:16px 0; background:#f4f8fc; color:#456382; font-size:13px; line-height:1.6; }
.staff-search { display:flex; align-items:center; gap:10px; padding:12px 16px; background:#e7eff8; box-shadow:inset 3px 3px 7px #cbd8e8,inset -3px -3px 7px #fff; border:1px solid #ffffffa0; border-radius:13px; color:#7c96b2; }
.staff-search input { width:100%; min-width:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; color:#31577c; font-size:13px; outline:none; }
.staff-search:focus-within { outline:2px solid #7baff5; outline-offset:2px; }
.staff-selected-countries { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 12px; }
.staff-selected-countries>span { display:flex; align-items:center; gap:8px; padding:9px 13px; background:#f5f9fe; border:1px solid white; border-radius:12px; box-shadow:3px 3px 7px #cfdaea,-3px -3px 7px white; font-size:12px; color:#3e648e; }
.staff-selected-countries button { display:grid; place-items:center; padding:3px; border-radius:5px; }.staff-settings>.fine-print { margin-bottom:20px; }
.staff-country-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; max-height:340px; overflow:auto; padding:14px 4px; margin-top:12px; }
.staff-country-list label { display:flex; align-items:center; gap:10px; padding:11px 12px; border-radius:12px; font-size:13px; cursor:pointer; }.staff-country-list label:has(input:checked) { background:#dfeafa; }.staff-country-list input { width:18px; height:18px; flex-shrink:0; }.staff-country-list small { margin-left:auto; color:#7086a0; }.staff-country-list .auth-country-flag { flex-shrink:0; }
.staff-save-row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:22px; margin-top:10px; border-top:1px solid #d8e3ef; font-size:13px; color:#6b829c; }
.staff-permissions { display:flex; align-items:flex-start; gap:13px; padding:16px 20px; border-radius:16px; background:#e3edf7; box-shadow:inset 2px 2px 6px #cfddeb,inset -2px -2px 6px #fff; color:#54728d; margin-bottom:25px; }.staff-permissions svg { flex-shrink:0; margin-top:2px; }.staff-permissions p { display:grid; gap:5px; font-size:12px; line-height:1.6; }.staff-permissions b { color:#3f607d; }
.staff-member-list { display:grid; gap:13px; margin-bottom:25px; }.staff-member-list article { display:flex; align-items:center; flex-wrap:wrap; gap:15px; padding:17px; background:#f0f5fb; border:1px solid #fff; border-radius:16px; box-shadow:4px 4px 10px #d4dfed,-4px -4px 10px #fff; }
.staff-avatar { display:grid; place-items:center; width:44px; height:44px; border-radius:15px; color:#6386b0; background:linear-gradient(145deg,#fff,#dae6f6); box-shadow:3px 3px 7px #c6d5e7,-3px -3px 7px #fff; }
.staff-member-list article>div:not(.staff-member-actions) { display:grid; gap:4px; }.staff-member-list strong { font-size:14px; }.staff-member-list span:not(.staff-avatar,.staff-role) { font-size:12px; color:#6b8198; }.staff-member-list small { font-size:12px; color:#8a7d62; }
.staff-role { margin-left:auto; border:1px solid #d1dfef; padding:6px 11px; border-radius:9px; color:#4f739e; font-size:12px; background:#e7f0fb; }.staff-role.owner { background:#f5f0e4; border-color:#e7ddc6; color:#8b713f; }
.staff-member-actions { display:flex; align-items:center; gap:12px; }.staff-member-actions button { font-size:12px; color:#3876bd; padding:7px; }
.staff-member-form { padding:22px; border-radius:18px; background:#e6eef9; box-shadow:var(--neu-recessed); display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; }.staff-member-form h3 { grid-column:1/-1; font-size:20px; }.staff-member-form label { display:grid; gap:8px; font-size:12px; color:#52718f; }.staff-member-form input,.staff-member-form select { width:100%; min-width:0; border:1px solid #fff; border-radius:11px; padding:12px; color:#31577d; background:#f3f8fe; }.staff-member-form>div { grid-column:1/-1; display:flex; justify-content:flex-end; gap:15px; }
.staff-empty { display:flex; align-items:center; flex-direction:column; text-align:center; padding:55px 25px; gap:18px; }.staff-empty>svg { color:#7398c2; }.staff-empty p { max-width:450px; color:#7489a2; font-size:14px; }
.staff-orders { display:grid; gap:15px; }.staff-orders article { display:grid; grid-template-columns:1fr 1.5fr auto; gap:20px; border:1px solid #d7e2ef; background:#f2f7fc; padding:20px; border-radius:16px; }.staff-orders article>div { display:grid; align-content:start; gap:8px; }.staff-orders small { color:#7a8da3; font-size:12px; }.staff-orders strong { font-size:15px; }.staff-orders a,.staff-orders p { font-size:13px; }.staff-orders p span { display:block; margin-top:5px; color:#748aa1; font-size:12px; }.staff-order-state { font-size:12px; color:#9a7941; }
.support-workspace { overflow:hidden; border:1px solid #fff; border-radius:26px; background:#ecf2fa; box-shadow:var(--neu-raised); min-width:0; }
.support-staff { display:grid; grid-template-columns:320px minmax(0,1fr); height:650px; max-height:calc(100dvh - 110px); min-height:480px; }
.support-inbox { padding:21px 15px 12px; display:flex; flex-direction:column; min-height:0; border-right:1px solid #d5e1ef; background:linear-gradient(150deg,#f3f8fe,#e8eff8); }
.support-inbox-title { display:flex; align-items:center; justify-content:space-between; padding:0 6px 18px; }.support-inbox-title h2 { font-size:22px; }.support-inbox-title button { padding:7px; color:#7594b4; }.support-inbox .staff-search { flex-shrink:0; }
.support-filters { display:flex; gap:3px; margin:16px 0; padding:4px; background:#e3ebf6; border-radius:12px; box-shadow:inset 2px 2px 5px #cedaea,inset -2px -2px 5px white; }.support-filters button { padding:8px 10px; flex:1; border-radius:9px; font-size:12px; color:#6b819c; }.support-filters button[aria-pressed=true] { background:#f6faff; color:#326bb4; box-shadow:2px 2px 5px #c4d3e6,-2px -2px 4px white; }
.support-thread-list { flex:1; overflow:auto; margin:0 -5px; padding:4px 5px; }.support-thread-list>button { display:flex; gap:10px; width:100%; align-items:flex-start; text-align:left; padding:14px 11px; border:1px solid transparent; border-radius:17px; margin:0 0 9px; }.support-thread-list>button.selected { background:linear-gradient(135deg,#f9fcff,#e1ebfa); border-color:white; box-shadow:4px 4px 8px #cfdaea,-3px -3px 7px #fff; }.support-thread-list>button:hover { background:#e0eaf7; }
.support-person-avatar { width:35px; height:35px; border-radius:12px; display:grid; place-items:center; background:linear-gradient(135deg,#f9fcff,#dbe6f5); box-shadow:2px 2px 5px #c7d5e7,-2px -2px 5px white; color:#507cb2; font-size:15px; flex-shrink:0; }
.support-thread-copy { display:grid; gap:5px; min-width:0; flex:1; }.support-thread-copy>span { display:flex; align-items:center; gap:5px; justify-content:space-between; }.support-thread-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:#355778; }.support-thread-copy time { font-size:12px; color:#8b9db2; }.support-thread-copy small { font-size:12px; color:#7b90a8; }.support-thread-copy p { font-size:12px; color:#758ba4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.support-unread { font-size:12px; color:white; background:#3478dc; padding:3px 6px; border-radius:8px; align-self:center; }.support-resolved-icon { align-self:center; color:#72a594; }
.support-list-note { text-align:center; color:#7d93ac; font-size:12px; padding:35px 15px; line-height:1.7; }.support-list-note svg { margin:0 auto 14px; }.support-pagination { display:flex; justify-content:space-between; gap:10px; padding:14px 8px 3px; font-size:12px; color:#5a80aa; }
.support-conversation { display:flex; flex-direction:column; min-width:0; min-height:0; background:radial-gradient(ellipse at 80% 20%,#f9fcff 0%,#edf3fb 55%,#e7eff9 100%); }
.support-conversation-heading { display:flex; align-items:center; gap:14px; padding:21px 25px; border-bottom:1px solid #dce6f1; background:#f1f6fc80; min-height:92px; }.support-conversation-heading h2 { font-size:19px; }.support-conversation-heading p { font-size:12px; color:#7a91ab; margin-top:5px; }
.support-clay-icon { display:grid; place-items:center; flex-shrink:0; width:48px; height:48px; border-radius:17px; color:#4d87c9; background:linear-gradient(135deg,#fff,#d8e6fa); border:1px solid #fff; box-shadow:4px 4px 9px #c9d8eb,-4px -4px 9px #fff,inset -3px -3px 6px #d2e1f4,inset 3px 3px 6px white; }.support-clay-icon svg { filter:drop-shadow(1px 2px 1px #b0c6e5); }
.support-state { margin-left:auto; flex-shrink:0; padding:5px 9px; border-radius:8px; font-size:12px; color:#6a8aaf; background:#e1ecf9; }.support-state.resolved { background:#e0eee8; color:#4c8877; }.support-resolve { display:flex; align-items:center; gap:5px; padding:9px 11px; border:1px solid #fff; border-radius:11px; background:linear-gradient(140deg,#faffff,#e6eef8); box-shadow:3px 3px 7px #ccd9e9,-3px -3px 7px white; font-size:12px; color:#48769f; }
.support-back { display:none; }.support-message-list { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; padding:20px 25px; scrollbar-width:thin; scrollbar-color:#b6cce6 transparent; }
.support-welcome { height:100%; min-height:250px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:16px; padding:25px; }.support-welcome-icon { display:grid; place-items:center; width:80px; height:80px; border-radius:27px; background:linear-gradient(140deg,#faffff,#dce8f8); border:1px solid #fff; box-shadow:8px 8px 17px #ccdaed,-8px -8px 18px white,inset 3px 3px 5px #fff; color:#578dcc; margin-bottom:7px; }.support-welcome-icon svg { filter:drop-shadow(2px 3px 1px #b5cde8); }.support-welcome h3 { font-size:25px; }.support-welcome p { max-width:350px; color:#748ba6; font-size:13px; line-height:1.8; }
.support-prompts { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; max-width:420px; padding-top:10px; }.support-prompts button { display:flex; align-items:center; gap:8px; padding:10px 14px; border:1px solid white; border-radius:12px; background:#f2f7fd; box-shadow:3px 3px 7px #cfdaea,-3px -3px 7px white; font-size:12px; color:#577fa9; }
.support-date { display:flex; justify-content:center; margin:15px 0 20px; color:#8398b0; font-size:12px; }.support-message { width:fit-content; min-width:120px; max-width:82%; padding:13px 16px 9px; margin:0 0 15px; border:1px solid #fff; border-radius:18px 18px 18px 5px; background:linear-gradient(140deg,#fff,#f0f5fc); box-shadow:4px 4px 10px #d0dceb,-3px -3px 9px #fff; }.support-message.own { margin-left:auto; border-color:#c2d8f8; border-radius:18px 18px 5px 18px; background:linear-gradient(140deg,#e0edff,#d4e4fb); box-shadow:4px 4px 10px #c8d7eb,inset 1px 1px 1px #ffffffbb; }.support-message-author { color:#7b92ad; font-size:12px; }.support-message.own .support-message-author { color:#6188b6; }.support-message p { margin-top:6px; color:#355573; font-size:13px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }.support-message time { display:flex; align-items:center; justify-content:flex-end; gap:5px; font-size:12px; color:#8099b5; margin-top:6px; }
.support-older { display:flex; align-items:center; gap:5px; font-size:12px; color:#5b82b3; margin:0 auto 15px; padding:8px 13px; border-radius:10px; background:#e4edf9; }.support-resolution { display:flex; align-items:center; justify-content:center; gap:7px; color:#6c8e86; font-size:12px; text-align:center; padding:15px; }
.support-composer { display:grid; grid-template-columns:1fr 45px; align-items:center; gap:10px 15px; margin:0 23px 18px; padding:13px 13px 9px 17px; background:#e7eff9; border:1px solid #fff; box-shadow:inset 3px 3px 8px #cddbec,inset -3px -3px 8px white; border-radius:19px; }.support-composer textarea { resize:none; width:100%; background:transparent; border:0; box-shadow:none; outline:none; padding:5px 0; font-size:13px; line-height:1.6; color:#375b81; min-height:50px; max-height:120px; }.support-composer textarea::placeholder { color:#8ba0b9; }.support-composer:focus-within { outline:2px solid #80b1ed; outline-offset:2px; }.support-send { min-width:0; height:43px; width:43px; padding:0!important; border-radius:14px!important; }.support-composer-note { grid-column:1/-1; display:flex; justify-content:space-between; gap:8px; font-size:12px; color:#8b9eb4; padding:0 1px; }
.support-error { display:flex; align-items:center; gap:10px; justify-content:space-between; margin:0 23px 12px; background:#fbf0e7; border:1px solid #eadccc; border-radius:11px; padding:10px 14px; font-size:12px; color:#97734f; }.support-error button { color:#4c7bac; padding:5px; }
.support-guest { max-width:900px; margin:auto; }.support-guest .support-conversation { height:640px; }.support-auth { display:flex; flex-direction:column; align-items:center; text-align:center; justify-content:center; padding:60px 30px; gap:20px; min-height:360px; background:linear-gradient(145deg,#f8fcff,#e7eff9); border-radius:24px; box-shadow:var(--neu-raised); border:1px solid #fff; }.support-auth p { max-width:390px; font-size:13px; color:#7089a3; line-height:1.8; }.support-auth h2 { font-size:26px; }
.support-launcher { position:fixed; bottom:25px; right:27px; z-index:55; display:flex; align-items:center; gap:10px; border:1px solid white; border-radius:20px; padding:15px 20px; background:linear-gradient(140deg,#f9fcff,#d9e7f8); box-shadow:6px 6px 16px #54769d30,-3px -3px 10px #ffffffcc,inset 1px 1px 2px white; color:#3c74ba; }.support-launcher svg { filter:drop-shadow(1px 2px 1px #c2d5eb); }.support-launcher span { font-size:13px; font-weight:600; }.support-launcher.is-open { padding:15px; }
.support-widget { position:fixed; z-index:56; right:25px; bottom:100px; width:410px; max-width:calc(100vw - 28px); max-height:calc(100dvh - 130px); border-radius:25px; background:#edf3fb; border:1px solid white; box-shadow:12px 15px 45px #345e8d40,-5px -5px 20px #ffffffa0; overflow:hidden; display:flex; flex-direction:column; }.support-widget-top { display:flex; align-items:center; justify-content:space-between; padding:12px 17px; color:#7993b1; font-size:12px; border-bottom:1px solid #dce6f2; }.support-widget-top>span,.support-widget-top>div { display:flex; align-items:center; gap:8px; }.support-widget-top button,.support-widget-top a { padding:5px; display:grid; place-items:center; }.support-widget .support-auth { border:0; border-radius:0; box-shadow:none; padding:35px 25px; }.support-widget .support-auth h2 { font-size:23px; }.support-compact { border:0; border-radius:0; box-shadow:none; margin:0; min-height:0; }.support-compact .support-conversation { height:520px; max-height:calc(100dvh - 182px); }.support-compact .support-conversation-heading { padding:15px 18px; min-height:78px; }.support-compact .support-conversation-heading h2 { font-size:18px; }.support-compact .support-clay-icon { width:40px; height:40px; border-radius:14px; }.support-compact .support-message-list { padding:10px 17px; }.support-compact .support-welcome { padding:17px 5px; gap:13px; }.support-compact .support-welcome h3 { font-size:23px; }.support-compact .support-welcome p { font-size:12px; }.support-compact .support-welcome-icon { width:64px; height:64px; border-radius:23px; }.support-compact .support-composer { margin:0 15px 15px; }.support-compact .support-composer-note>span:first-child { display:none; }.support-compact .support-composer-note { justify-content:flex-end; }
.support-spinner { animation:support-spin 1s linear infinite; }@keyframes support-spin { to { transform:rotate(360deg); } }
.staff-page button:focus-visible,.support-workspace button:focus-visible,.support-launcher:focus-visible { outline:2px solid #649fe6; outline-offset:3px; }
@media(max-width:900px) { .staff-country-list { grid-template-columns:repeat(2,minmax(0,1fr)); }.support-staff { grid-template-columns:280px minmax(0,1fr); }.support-conversation-heading { padding:16px; gap:10px; }.support-conversation-heading h2 { font-size:17px; }.support-state { display:none; }.staff-navigation button { padding:12px 17px; }.staff-orders article { grid-template-columns:1fr 1fr; }.staff-orders article>div:last-child { grid-column:1/-1; }.staff-member-form { grid-template-columns:1fr 1fr; } }
@media(max-width:650px) { .staff-heading { align-items:flex-start; flex-direction:column; gap:17px; }.staff-heading h1 { font-size:31px; }.staff-identity { padding:9px 13px; }.staff-settings { padding:19px; border-radius:20px; }.staff-section-heading h2 { font-size:22px; }.staff-navigation { width:100%; gap:4px; }.staff-navigation button { flex:1; flex-direction:column; padding:10px 12px; gap:6px; font-size:12px; }.staff-country-list { grid-template-columns:1fr; }.staff-save-row { align-items:stretch; flex-direction:column; gap:14px; }.staff-member-list article { gap:12px; }.staff-member-actions { width:100%; justify-content:flex-end; }.staff-member-form { grid-template-columns:1fr; padding:18px; }.staff-member-form>div { flex-wrap:wrap; }.staff-permissions { padding:15px; }.staff-role { font-size:12px; }.staff-orders article { grid-template-columns:1fr; }.support-staff { display:flex; height:660px; max-height:calc(100dvh - 110px); min-height:480px; }.support-staff .support-inbox { width:100%; border:0; }.support-staff .support-conversation { display:none; width:100%; }.support-staff.has-selection .support-inbox { display:none; }.support-staff.has-selection .support-conversation { display:flex; }.support-back { display:grid; place-items:center; flex-shrink:0; padding:8px 3px; color:#5f86b5; }.support-resolve { margin-left:auto; }.support-staff .support-clay-icon { display:none; }.support-conversation-heading { padding:16px; }.support-message-list { padding:15px; }.support-message { max-width:90%; }.support-composer { margin:0 14px 15px; gap:8px; }.support-composer-note>span:first-child { display:none; }.support-composer-note { justify-content:flex-end; }.support-guest .support-conversation { height:640px; max-height:calc(100dvh - 120px); min-height:440px; }.support-welcome { padding:15px 7px; }.support-welcome p { font-size:12px; }.support-launcher { bottom:18px; right:16px; padding:14px; border-radius:18px; }.support-launcher span { display:none; }.support-widget { right:14px; bottom:85px; max-height:calc(100dvh - 105px); }.support-compact .support-conversation { max-height:calc(100dvh - 158px); min-height:0; }.support-error { margin-inline:15px; } }
@media(prefers-reduced-motion:reduce) { .support-spinner { animation:none; } }

}

@scope (#onego-events) {
.chat-workspace {
  --chat-text:#345d86; --chat-muted:#7893ae; --chat-accent:#3486ed;
  --chat-raised:3px 3px 8px #c8d5e6,-3px -3px 8px #ffffff,inset 1px 1px 1px #ffffff;
  --chat-inset:inset 3px 3px 7px #cfdaea,inset -3px -3px 7px #ffffff;
  display:grid; grid-template-columns:246px minmax(0,1fr); position:relative; isolation:isolate;
  height:660px; max-height:calc(100dvh - 130px); min-height:440px; width:100%;
  overflow:hidden; border:1px solid #fff; border-radius:18px; background:#edf3fa;
  box-shadow:10px 10px 26px #c8d5e5,-10px -10px 26px #ffffff;
  color:var(--chat-text); font-family:Arial,"Segoe UI",sans-serif; font-size:13px; text-align:left;
}
.chat-page-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin:24px 0; }.chat-page-heading h1 { font-size:30px; }.chat-page-heading p { font-size:12px; color:#8199b4; }
.chat-workspace .chat-information h3,.chat-workspace .chat-information h4 { font-family:Arial,"Segoe UI",sans-serif; }
@media(max-width:650px) { .chat-page-heading { display:block; margin:20px 0; }.chat-page-heading h1 { font-size:26px; }.chat-page-heading p { margin-top:8px; font-size:12px; } }
.chat-workspace.has-information { grid-template-columns:246px minmax(0,1fr) 264px; }
.chat-workspace.is-collapsed { grid-template-columns:68px minmax(0,1fr); }
.chat-workspace.is-collapsed.has-information { grid-template-columns:68px minmax(0,1fr) 264px; }
.chat-workspace button { font:inherit; color:inherit; cursor:pointer; }
.chat-workspace button:disabled { opacity:.42; cursor:default; }
.chat-workspace:focus,.support-widget:focus,.support-launcher:focus,
:is(.chat-workspace,.support-widget) :is(button,a,input,textarea,select,[tabindex]):focus { outline:none; }
.chat-workspace :is(button,a):focus-visible,.support-widget-top :is(button,a):focus-visible,.support-launcher:focus-visible { box-shadow:inset 0 0 0 2px #fff,3px 3px 8px #c8d5e6,-3px -3px 8px #fff; }
.chat-workspace .chat-icon-button { padding:0; width:32px; height:32px; flex-shrink:0; display:inline-grid; place-items:center; color:#7c9abc; border:1px solid transparent; border-radius:10px; background:transparent; transition:background .15s,box-shadow .15s,color .15s; }
.chat-workspace .chat-icon-button:hover:not(:disabled),.chat-workspace .chat-icon-button[aria-pressed=true] { color:#2879db; background:linear-gradient(145deg,#f8fbff,#e3edf9); box-shadow:var(--chat-raised); border-color:#ffffff; }
.chat-workspace .chat-icon-button:active:not(:disabled) { box-shadow:var(--chat-inset); }
.chat-sidebar { display:flex; flex-direction:column; min-height:0; min-width:0; background:linear-gradient(155deg,#f4f8fd,#eaf1fa); border-right:1px solid #d7e3f0; }
.chat-sidebar-heading { height:60px; min-height:60px; display:flex; align-items:center; justify-content:space-between; padding:10px 12px; gap:4px; }
.chat-sidebar-heading>div { display:flex; gap:2px; }.chat-sidebar-heading strong { font-size:13px; white-space:nowrap; }.chat-sidebar-heading strong span { display:inline-grid; place-items:center; margin-left:7px; min-width:25px; height:26px; padding:0 5px; border-radius:8px; box-shadow:var(--chat-inset); color:#7a96b8; font-size:12px; }
.chat-search { display:flex; align-items:center; gap:9px; height:38px; background:#e7eff9; border:1px solid #ffffff9c; border-radius:12px; box-shadow:var(--chat-inset); padding:0 11px; color:#87a0bc; min-width:0; }
.chat-search input { width:100%; min-width:0; border:0; box-shadow:none; background:transparent; padding:0; outline:0; font:inherit; font-size:12px; color:var(--chat-text); }
.chat-search input::placeholder { color:#8ca1b9; }.chat-list-search { margin:0 10px 8px; }
.chat-list-filter { position:relative; margin:1px 13px 10px; }.chat-list-filter select { appearance:none; width:100%; border:0; background:transparent; color:#7191b6; font:inherit; font-size:12px; padding:8px 20px 8px 4px; cursor:pointer; }.chat-list-filter>svg { position:absolute; right:4px; top:12px; pointer-events:none; }
.chat-folder-list { display:grid; gap:4px; padding:0 7px 7px; }
.chat-folder-list>button { display:flex; align-items:center; gap:11px; text-align:left; border:1px solid transparent; padding:8px 7px; border-radius:13px; min-width:0; }
.chat-folder-list>button>span:last-child { display:grid; gap:4px; min-width:0; }.chat-folder-list b { font-size:12px; }.chat-folder-list small { color:var(--chat-muted); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chat-folder-avatar,.chat-avatar { display:grid; place-items:center; width:38px; height:38px; flex-shrink:0; border-radius:50%; color:#f9fcff; background:linear-gradient(140deg,#80bff2,#3c8dda); box-shadow:inset 2px 2px 3px #ffffff80,inset -2px -3px 5px #2865a33d,2px 3px 5px #b8cce269; border:1px solid #ffffffb0; font-size:12px; font-weight:600; }
.chat-folder-avatar.archive { background:linear-gradient(140deg,#a3b9cc,#7292b0); }.chat-avatar { background:linear-gradient(145deg,#98b7d7,#678fb8); }.chat-avatar.is-support { background:linear-gradient(145deg,#f5fbff,#b9d4f4); color:#467eaf; box-shadow:var(--chat-raised); }.chat-avatar.is-small { width:29px; height:29px; font-size:12px; }
.chat-thread-list { flex:1; min-height:0; overflow:auto; padding:0 7px 8px; }
.chat-thread { position:relative; display:flex; align-items:center; gap:10px; text-align:left; border:1px solid transparent!important; width:100%; padding:10px 7px; border-radius:12px; min-height:64px; margin-bottom:3px; }
.chat-thread:hover,.chat-folder-list>button:hover { background:#e5eef99e!important; }
.chat-thread.selected,.chat-folder-list>button.selected { background:linear-gradient(145deg,#e6f1ff,#dce9f9)!important; box-shadow:inset 2px 2px 5px #c7d8ee,inset -2px -2px 5px #ffffff; border-color:#ffffff!important; }
.chat-thread-copy { flex:1; min-width:0; display:grid; gap:6px; }.chat-thread-copy>span { display:flex; align-items:center; gap:8px; min-width:0; }.chat-thread-copy b { flex:1; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.chat-thread-copy time { color:#7d99bb; font-size:12px; }.chat-thread-copy small { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#7b97b9; font-size:12px; }.chat-thread-copy svg { color:#6b9ad0; }.chat-thread-copy .chat-emoji { width:16px; height:16px; }
.chat-unread { background:#609de3; color:white; display:grid; place-items:center; min-width:17px; height:17px; padding:0 4px; border-radius:8px; font-size:12px; font-style:normal; }.rail-unread { position:absolute; right:3px; top:4px; }
.chat-settings-button { display:flex; align-items:center; justify-content:center; gap:11px; min-height:55px; border-top:1px solid #d7e2ef!important; color:#7798bd!important; background:linear-gradient(145deg,#f9fbff55,#e5eef899)!important; }
.chat-pagination { display:flex; justify-content:center; align-items:center; gap:15px; padding:4px; font-size:12px; }
.chat-list-empty { font-size:12px; color:#8399b2; line-height:1.7; text-align:center; padding:22px 12px; }
.chat-conversation { min-width:0; min-height:0; display:flex; flex-direction:column; position:relative; background:#eaf1fa; box-shadow:inset 3px 0 10px #dce6f255; }
.chat-header { height:60px; min-height:60px; display:flex; align-items:center; gap:11px; padding:9px 13px; background:linear-gradient(140deg,#f9fcff,#ebf2fb); border-bottom:1px solid #d9e4f0; position:relative; z-index:2; }
.chat-header-name { flex:1; min-width:0; display:grid; gap:4px; }.chat-header-name b { display:flex; align-items:center; gap:6px; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.chat-header-name b svg { color:#458ee8; flex-shrink:0; }.chat-header-name>span { font-size:12px; color:#819cbb; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.chat-header-actions { display:flex; align-items:center; gap:3px; }.chat-workspace .chat-mobile-back { display:none; }
.chat-message-search { display:flex; align-items:center; gap:8px; padding:8px 14px; border-bottom:1px solid #d9e3ef; }.chat-message-search .chat-search { flex:1; }
.chat-pinned-bar { display:flex; align-items:center; gap:8px; padding:7px 12px 7px 17px; min-height:50px; background:linear-gradient(105deg,#e2eeff,#edf4fd); border-bottom:1px solid #d8e5f5; }
.chat-pinned-summary { padding:1px 0 1px 9px; display:grid; gap:3px; flex:1; text-align:left; border-left:2px solid #68a3ed!important; min-width:0; }.chat-pinned-summary b { color:#4189df; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.chat-pinned-summary small { font-size:12px; font-weight:400; }.chat-pinned-summary>span { display:block; font-size:12px; color:#799ac1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.chat-pin-arrows { display:grid; }.chat-pin-arrows .chat-icon-button { width:25px; height:18px; border-radius:5px; }
.chat-pin-list { position:absolute; top:108px; left:12px; right:12px; z-index:8; max-height:260px; overflow:auto; padding:8px; border:1px solid #fff; border-radius:12px; background:#f3f8fe; box-shadow:8px 10px 20px #b1c5de77; }.chat-pin-list button { width:100%; display:flex; align-items:center; gap:9px; padding:10px; text-align:left; border-radius:8px; }.chat-pin-list button:hover { background:#e1edfb; }.chat-pin-list span { min-width:0; overflow-wrap:anywhere; }.chat-pin-list small { display:block; margin-top:4px; color:var(--chat-muted); font-size:12px; }
.chat-message-list { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; padding:13px 14px 17px; scrollbar-width:thin; scrollbar-color:#bdd0e5 transparent; }
.chat-date { text-align:center; margin:12px 0 17px; }.chat-date>span { display:inline-block; color:#839ab4; font-size:12px; padding:5px 11px; border-radius:20px; background:#e0eaf5; box-shadow:inset 1px 1px 3px #cad8e96b,1px 1px 1px #fff8; }
.chat-message-row { position:relative; display:flex; gap:7px; align-items:flex-end; margin:8px 0; border-radius:15px; transition:background .3s; }.chat-message-row.own { flex-direction:row-reverse; }.chat-message-row.highlighted { background:#bedaff99; }
.chat-bubble { position:relative; max-width:79%; min-width:70px; padding:9px 11px 6px; background:linear-gradient(145deg,#f9fcff,#eef4fc); border:1px solid #ffffffa6; border-radius:14px 14px 14px 5px; box-shadow:2px 3px 6px #bdcfe137,-1px -1px 3px #fff9; }
.own .chat-bubble { background:linear-gradient(135deg,#dcecff,#ccE2fb); border-color:#e8f4ff; border-radius:14px 14px 5px 14px; box-shadow:2px 3px 6px #adc6df40,inset 1px 1px 2px #f7fcff; }
.chat-message-author { display:block; color:#658dbb; font-size:12px; margin-bottom:5px; font-weight:500; }
.chat-message-text { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.55; font-size:13px; color:#3e648f; }
.chat-message-meta { display:flex; justify-content:flex-end; align-items:center; gap:4px; margin-top:3px; color:#7498c2; font-size:12px; line-height:1.2; }
.chat-emoji { display:inline-block; width:21px; height:21px; vertical-align:-5px; object-fit:contain; }
.chat-bubble.emoji-only { background:transparent; box-shadow:none; border:0; padding:0 2px; display:flex; align-items:flex-end; gap:5px; max-width:85%; }.emoji-only .chat-emoji { width:46px; height:46px; vertical-align:0; }.emoji-only .chat-message-author { display:none; }.emoji-only .chat-message-meta { padding:4px 6px; margin-bottom:4px; border-radius:8px; background:#dceafa; }.emoji-only .chat-message-text { line-height:1; }
.chat-message-options { align-self:center; position:relative; }.chat-message-options>.chat-icon-button { width:25px; height:26px; opacity:0; }.chat-message-row:hover .chat-message-options>.chat-icon-button,.chat-message-options:focus-within>.chat-icon-button { opacity:1; }
.chat-message-menu { position:absolute; left:0; bottom:29px; z-index:10; width:193px; background:linear-gradient(145deg,#f8fbff,#e9f1fc); border:1px solid white; border-radius:13px; padding:5px; box-shadow:5px 7px 18px #9aafca66,-2px -2px 8px #fff; }.own .chat-message-menu { left:auto; right:0; }.chat-message-menu button { display:flex; align-items:center; gap:10px; width:100%; padding:10px 9px; border-radius:8px; text-align:left; font-size:12px; }.chat-message-menu button:hover { background:#dfebfa; }
.chat-reply-quote { display:grid; gap:4px; border-left:3px solid #76a8e4!important; border-radius:4px; padding:7px 8px; margin:0 0 8px; max-width:100%; width:100%; text-align:left; background:#bed8f46b!important; }.chat-reply-quote b { font-size:12px; color:#568bca; }.chat-reply-quote span { font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.chat-code { background:#c2daf3a6; border-radius:7px; padding:7px 9px; }.chat-code>div { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12px; color:#638ab4; border-bottom:1px solid #a7c8ec8c; padding-bottom:6px; }.chat-code button { display:flex; align-items:center; gap:4px; font-size:12px; }.chat-code pre { font-family:monospace; white-space:pre-wrap; overflow-wrap:anywhere; padding-top:7px; font-size:12px; }
.chat-attachment { display:flex; align-items:center; gap:9px; width:100%; max-width:265px; text-align:left; margin:0 0 5px; }.chat-attachment>span:first-child { display:grid; place-items:center; height:38px; width:38px; border-radius:10px; background:#b9d6f3; color:#4b85bb; flex-shrink:0; }.chat-attachment>span:nth-child(2) { display:grid; gap:5px; min-width:0; flex:1; }.chat-attachment b { font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.chat-attachment small { font-size:12px; color:#7696b6; }
.chat-resolution { display:flex; justify-content:center; align-items:center; gap:7px; font-size:12px; color:#729588; padding:15px 2px 0; }
.chat-composer { position:relative; flex-shrink:0; padding:8px 12px; border-top:1px solid #d7e3f0; background:linear-gradient(145deg,#f9fcff,#eaf2fc); min-height:56px; }
.chat-composer-row { display:flex; align-items:center; gap:9px; }.chat-composer textarea { flex:1; min-width:0; resize:none; border:0; outline:none; background:transparent; box-shadow:none; padding:9px 3px; border-radius:7px; height:36px; min-height:36px; max-height:112px; font:inherit; line-height:18px; color:#3d648f; }.chat-composer textarea::placeholder { color:#8ca4bf; }.chat-send { display:grid; place-items:center; width:34px; height:34px; border:1px solid #fff!important; border-radius:11px; background:linear-gradient(145deg,#f5fbff,#dce9fa)!important; box-shadow:var(--chat-raised); color:#4b95ed!important; flex-shrink:0; }.chat-send:disabled { background:transparent!important; box-shadow:none; border-color:transparent!important; color:#94adca!important; }.chat-send:not(:disabled):active { box-shadow:var(--chat-inset); }
.chat-composer-context { display:flex; align-items:center; gap:10px; padding:3px 2px 10px; color:#5b8ab7; }.chat-composer-context>span { min-width:0; flex:1; display:grid; gap:3px; border-left:2px solid #91b7e2; padding-left:8px; }.chat-composer-context b { font-size:12px; font-weight:500; }.chat-composer-context small { font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#86a1bc; }
.chat-emoji-picker { position:absolute; right:13px; bottom:calc(100% + 9px); z-index:15; width:320px; max-width:calc(100vw - 44px); border:1px solid #fff; border-radius:16px; background:linear-gradient(140deg,#f9fcff,#eaf2fc); box-shadow:7px 9px 23px #8fa8c955,-4px -4px 12px #ffffffb0; overflow:hidden; }
.chat-emoji-picker>header { display:flex; align-items:center; justify-content:space-between; padding:9px 10px 4px 13px; color:#6b92bf; font-size:12px; }.chat-emoji-picker>.chat-search { margin:0 10px 8px; height:31px; border-radius:10px; }.chat-emoji-grid { display:grid; grid-template-columns:repeat(8,1fr); align-content:start; padding:4px 9px 8px; gap:1px; height:246px; max-height:35dvh; overflow:auto; scrollbar-width:thin; scrollbar-color:#c0d3eb transparent; }.chat-emoji-grid button { display:grid; place-items:center; padding:4px 2px; border-radius:8px; height:34px; }.chat-emoji-grid button:hover { background:#d9e9fc; box-shadow:var(--chat-inset); }.chat-emoji-grid .chat-emoji { width:28px; height:28px; }.chat-emoji-grid p { grid-column:1/-1; padding:25px 5px; text-align:center; color:var(--chat-muted); font-size:12px; }
.chat-emoji-picker>nav { display:grid; grid-template-columns:repeat(8,1fr); padding:5px 6px; background:#e4effc; border-top:1px solid #d8e5f5; }.chat-emoji-picker>nav button { padding:5px 0; border-radius:8px; }.chat-emoji-picker>nav button[aria-pressed=true] { background:#cedff6; box-shadow:var(--chat-inset); }.chat-emoji-picker>nav .chat-emoji { width:21px; height:21px; vertical-align:middle; }
.chat-information { display:flex; flex-direction:column; min-height:0; overflow:auto; background:linear-gradient(160deg,#f5f9fe,#ebf2fa); border-left:1px solid #d5e1ef; }
.chat-information>header { min-height:60px; display:flex; align-items:center; justify-content:space-between; padding:12px 16px; }.chat-information>header>b { font-size:13px; color:#688bb3; }
.chat-information>section { padding:19px 17px; border-bottom:1px solid #d6e2ef; box-shadow:0 1px 0 #ffffffb0; }.chat-information h3 { font:600 13px/1.5 var(--font-interface),sans-serif; margin:0; color:#476b94; overflow-wrap:anywhere; }.chat-information-topic { text-align:center; padding-top:7px!important; }.chat-information-topic button { display:flex; align-items:center; justify-content:center; gap:7px; margin:8px auto 0; font-size:12px; color:#87a1c0; }
.chat-information-state { display:flex; align-items:center; justify-content:space-between; gap:6px; font-size:12px; color:#6a93bf; }.chat-state-button { display:flex; gap:5px; align-items:center; border:1px solid #fff!important; border-radius:9px; box-shadow:var(--chat-raised); background:linear-gradient(145deg,#f7fbff,#e0ecfb)!important; padding:7px 8px; color:#5189ca!important; font-size:12px!important; }
.chat-information h4 { font:600 12px var(--font-interface),sans-serif; margin:0 0 17px; color:#7394b8; display:flex; justify-content:space-between; }.chat-information h4 span { color:#95aeca; font-weight:400; }
.chat-participant { display:flex; align-items:center; gap:10px; margin-top:15px; }.chat-participant>div { flex:1; min-width:0; display:grid; gap:5px; }.chat-participant b { font-size:12px; line-height:1.4; }.chat-participant b svg { display:inline; vertical-align:-2px; color:#4d91e1; }.chat-participant small { font-size:12px; color:#8aa1bd; }
.chat-information-files { flex:1; }.chat-information-files>p { font-size:12px; color:#93a8bf; line-height:1.6; }.chat-info-file { display:flex; align-items:center; gap:5px; margin:12px 0; }.chat-info-file>button:first-child { display:flex; align-items:center; gap:9px; flex:1; min-width:0; text-align:left; }.chat-info-file>button>span:last-child { display:grid; gap:5px; min-width:0; }.chat-info-file b { font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.chat-info-file small { color:#8ca5c1; font-size:12px; }.chat-info-file svg { color:#82a7ce; }
.chat-information-bottom { border-bottom:0!important; padding:14px 17px!important; }.chat-information-bottom button { display:flex; align-items:center; gap:10px; font-size:12px; color:#7c98b7; }
.chat-information-empty { padding:25px; display:grid; justify-items:center; gap:17px; color:#92a9c1; text-align:center; font-size:12px; line-height:1.7; }
.chat-settings-popover { position:absolute; z-index:25; left:12px; bottom:64px; width:285px; max-width:calc(100% - 24px); padding:13px; border:1px solid white; border-radius:15px; background:linear-gradient(145deg,#f8fbff,#e7f0fc); box-shadow:7px 8px 20px #a0b5cf66; }.chat-settings-popover header { display:flex; justify-content:space-between; align-items:center; font-size:12px; margin-bottom:12px; }.chat-settings-popover label { display:flex; align-items:center; gap:12px; font-size:12px; }.chat-settings-popover input { width:18px; height:18px; flex-shrink:0; }.chat-settings-popover small { display:block; color:#8aa0ba; font-size:12px; margin-top:5px; }.chat-settings-popover p { border-top:1px solid #d8e4f1; margin-top:17px; padding-top:12px; line-height:1.7; font-size:12px; color:#8199b4; }
.chat-toast { position:absolute; z-index:30; bottom:72px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:7px; padding:9px 15px; border:1px solid white; border-radius:12px; background:#f2f8ff; box-shadow:var(--chat-raised); color:#5481ae; font-size:12px; }
.chat-error { display:flex; align-items:center; justify-content:space-between; gap:9px; padding:7px 13px; background:#f6eae5; color:#9c7463; font-size:12px; line-height:1.5; }
.chat-to-bottom { position:absolute; bottom:72px; right:18px; z-index:3; display:grid; place-items:center; width:35px; height:35px; border-radius:50%; border:1px solid white!important; background:#edf5ff!important; box-shadow:var(--chat-raised); }
.chat-older { display:flex; align-items:center; gap:6px; margin:0 auto 12px; padding:6px 11px; border-radius:10px; font-size:12px!important; color:#7e9bbb!important; background:#e2edf9!important; }
.chat-welcome { height:100%; min-height:220px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:25px 20px; gap:14px; }.chat-welcome-icon { display:grid; place-items:center; width:70px; height:70px; border-radius:24px; border:1px solid white; background:linear-gradient(135deg,#fbfdff,#cbdff6); box-shadow:5px 6px 12px #bacce2,-5px -5px 12px #fff,inset 2px 2px 4px #fff; color:#79a5d5; margin-bottom:5px; }.chat-welcome h3 { font-size:23px; color:#4b729b; }.chat-welcome p { font-size:12px; color:#849db8; line-height:1.8; max-width:300px; }.chat-prompts { display:grid; gap:8px; margin-top:6px; }.chat-prompts button { display:flex; align-items:center; gap:12px; justify-content:space-between; padding:9px 13px; border-radius:11px; font-size:12px; border:1px solid white!important; background:linear-gradient(145deg,#f5faff,#e5eefb)!important; box-shadow:var(--chat-raised); color:#7296bd; }
.chat-file-preview { position:absolute; z-index:40; inset:0; background:#173958dc; backdrop-filter:blur(8px); display:flex; flex-direction:column; padding:15px; }.chat-file-preview header { display:flex; align-items:center; justify-content:space-between; color:white; font-size:12px; gap:15px; }.chat-file-preview img { object-fit:contain; min-height:0; flex:1; width:100%; padding:15px 0; }
.is-collapsed .chat-sidebar-heading { justify-content:center; height:60px; padding-inline:4px; }.is-collapsed .chat-sidebar-heading>strong,.is-collapsed .chat-list-search,.is-collapsed .chat-list-filter,.is-collapsed .chat-folder-list>button>span:last-child,.is-collapsed .chat-thread-copy,.is-collapsed .chat-settings-button>span,.is-collapsed .chat-sidebar-heading .chat-icon-button[aria-label="Новое обращение"] { display:none; }.is-collapsed .chat-folder-list { padding:0 5px 10px; }.is-collapsed .chat-folder-list>button { justify-content:center; padding:8px 0; }.is-collapsed .chat-thread-list { padding-inline:5px; }.is-collapsed .chat-thread { justify-content:center; padding:8px 0; min-height:56px; }.is-collapsed .chat-settings-button { min-height:55px; }.is-collapsed .chat-pagination { gap:0; }.is-collapsed .chat-pagination>span { display:none; }
.chat-workspace.chat-view-full { position:fixed; z-index:150; inset:18px; width:auto; height:auto; max-height:none; min-height:0; box-shadow:0 0 0 30px #dbe7f4dd,15px 15px 45px #607c9c70; }
.chat-workspace.chat-view-floating { position:fixed; z-index:140; bottom:20px; right:20px; width:470px; height:600px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 40px); min-height:0; display:flex; box-shadow:10px 15px 45px #7c95b566,-6px -6px 20px #ffffffcc; }
.chat-view-floating .chat-sidebar { display:none; }.chat-view-floating .chat-conversation { width:100%; }.chat-view-floating .chat-information { position:absolute; inset:0 0 0 auto; z-index:20; width:264px; box-shadow:-7px 0 20px #91a8c655; }
.chat-workspace.support-compact { display:flex; height:510px; max-height:calc(100dvh - 165px); min-height:0; border:0; border-radius:0; box-shadow:none; }.support-compact .chat-conversation { width:100%; }.support-compact .chat-information { position:absolute; z-index:20; inset:0 0 0 auto; width:260px; box-shadow:-7px 0 20px #91a8c655; }.support-compact .chat-header { gap:7px; padding-inline:10px; }.support-compact .chat-header>.chat-avatar { width:32px; height:32px; }.support-compact .chat-header-actions { gap:0; }.support-compact .chat-header-name b { font-size:12px; }.support-compact .chat-header-name>span { font-size:12px; }
.support-page .page-intro { margin-bottom:24px; }.support-page .page-intro h1 { font-size:34px; }
@media(max-width:1100px) {
 .chat-workspace { grid-template-columns:220px minmax(0,1fr); }.chat-workspace.has-information { grid-template-columns:220px minmax(0,1fr) 240px; }.chat-workspace.is-collapsed.has-information { grid-template-columns:68px minmax(0,1fr) 240px; }.chat-header { gap:8px; padding-inline:10px; }.chat-header-actions { gap:0; }.chat-header-actions .chat-icon-button { width:29px; }.chat-header-name b { font-size:12px; }.chat-information>section { padding-inline:13px; }
}
@media(max-width:920px) {
 .chat-workspace.has-information { grid-template-columns:220px minmax(0,1fr); }.chat-workspace.is-collapsed.has-information { grid-template-columns:68px minmax(0,1fr); }.chat-information { position:absolute; top:0; right:0; bottom:0; width:264px; z-index:20; box-shadow:-7px 0 20px #91a8c655; }
}
@media(max-width:650px) {
 .chat-workspace,.chat-workspace.has-information,.chat-workspace.is-collapsed,.chat-workspace.is-collapsed.has-information { display:flex; height:650px; max-height:calc(100dvh - 100px); min-height:420px; border-radius:15px; }
 .chat-sidebar { width:100%; border:0; }.chat-conversation { display:none; width:100%; }.chat-workspace.has-selection .chat-sidebar { display:none; }.chat-workspace.has-selection .chat-conversation,.chat-workspace.support-compact .chat-conversation { display:flex; }
 .chat-workspace:not(.has-selection) .chat-information { display:none; }.chat-workspace .chat-mobile-back { display:inline-grid; width:25px; }.chat-header>.chat-avatar { display:none; }.chat-header { gap:7px; min-height:58px; height:58px; padding-inline:8px; }.chat-header-actions .chat-icon-button { width:29px; }.chat-header-name { min-width:50px; }.chat-header-name>span { font-size:12px; }.chat-message-list { padding:11px 9px 15px; }.chat-bubble { max-width:80%; }.chat-message-options>.chat-icon-button { opacity:.55; width:21px; }.chat-message-row { gap:4px; }.chat-message-row>.chat-avatar { width:24px; height:24px; font-size:12px; }.chat-message-text { font-size:12px; }.chat-composer { padding:8px; }.chat-composer-row { gap:5px; }
 .chat-workspace.is-collapsed .chat-sidebar-heading { justify-content:space-between; padding:10px 12px; }.chat-workspace.is-collapsed .chat-sidebar-heading>strong,.chat-workspace.is-collapsed .chat-list-search,.chat-workspace.is-collapsed .chat-list-filter,.chat-workspace.is-collapsed .chat-thread-copy,.chat-workspace.is-collapsed .chat-settings-button>span { display:revert; }.chat-workspace.is-collapsed .chat-list-search { display:flex; }.chat-workspace.is-collapsed .chat-folder-list>button>span:last-child { display:grid; }.chat-workspace.is-collapsed .chat-folder-list>button,.chat-workspace.is-collapsed .chat-thread { justify-content:flex-start; padding:9px; }.chat-workspace.is-collapsed .chat-sidebar-heading .chat-icon-button[aria-label="Новое обращение"] { display:inline-grid; }.chat-sidebar-heading .chat-icon-button[aria-label*="список чатов"] { display:none; }
 .chat-workspace.chat-view-full { inset:6px; height:auto; max-height:none; min-height:0; }.chat-workspace.chat-view-floating { width:calc(100vw - 20px); right:10px; bottom:10px; min-height:0; }.chat-view-floating .chat-conversation { display:flex; }.chat-emoji-picker { right:5px; width:310px; }.chat-emoji-grid { max-height:32dvh; }
}
@media(prefers-reduced-motion:reduce) { .chat-workspace * { scroll-behavior:auto!important; transition:none!important; } }

}

@scope (#onego-events) {
/* Общие материалы и состояния элементов интерфейса. */
:scope {
  --ControlSurface: #e9f0f9;
  --ControlFace: linear-gradient(145deg, #f9fcff, #e2ebf7);
  --ControlInk: #315777;
  --ControlMuted: #647e98;
  --ControlAccent: #246fda;
  --ControlBorder: #f8fbff;
  --ControlRaised: 4px 5px 10px #b9cce170, -4px -4px 10px #ffffff, inset 1px 1px 2px #ffffff;
  --ControlPressed: inset 3px 3px 7px #b8cbe28c, inset -3px -3px 7px #ffffff;
  --ControlGlow: inset 0 0 0 1px #ffffffed, 0 0 13px #5396ec55, 0 4px 10px #6b91bd40;
  --ControlPopup: 9px 15px 32px #496c9438, -5px -5px 18px #ffffffa6, inset 1px 1px 2px #ffffff;
}

/* Низкая специфичность сохраняет размеры и компоновку готовых компонентов. */
:where(button, summary, [role='button']) {
  border-radius: 12px;
  background: var(--ControlFace);
  box-shadow: var(--ControlRaised);
  transition: background-color .18s, color .18s, box-shadow .18s, border-color .18s;
}
:where(button, [role='button']):active {
  box-shadow: var(--ControlPressed);
}
:where(button, [role='button'])[aria-pressed='true'],
:where(button, summary)[aria-expanded='true'] {
  color: var(--ControlAccent);
  box-shadow: var(--ControlPressed);
}
:where(input, textarea, select) {
  accent-color: var(--ControlAccent);
  caret-color: var(--ControlAccent);
}
:where(input:not([type='hidden'], [type='checkbox'], [type='radio'], [type='range'], [type='color'], [type='file']), textarea, select) {
  min-width: 0;
  padding: 11px 14px;
  border: 1px solid var(--ControlBorder);
  border-radius: 13px;
  background: var(--ControlSurface);
  color: var(--ControlInk);
  box-shadow: var(--ControlPressed);
  transition: box-shadow .18s, border-color .18s, background-color .18s;
}
input::placeholder, textarea::placeholder {
  color: var(--ControlMuted);
  opacity: 1;
}
textarea { resize: vertical; }
:where(input, textarea):read-only { cursor: default; }
:where(input, textarea, select):disabled,
:where(button):disabled,
:where(button, [role='button'])[aria-disabled='true'] {
  cursor: not-allowed;
  opacity: .55;
  filter: saturate(.45);
}
:scope :is(input, textarea, select)[aria-invalid='true'],
:scope :is(input, textarea, select):user-invalid {
  border-color: #b65d68;
  box-shadow: var(--ControlPressed), 0 0 0 1px #c77b854d;
}
input:-webkit-autofill {
  -webkit-text-fill-color: var(--ControlInk);
  caret-color: var(--ControlAccent);
  -webkit-box-shadow: inset 0 0 0 100px var(--ControlSurface);
}
input[type='search']::-webkit-search-cancel-button {
  cursor: pointer;
  opacity: .65;
}
input::-webkit-calendar-picker-indicator {
  padding: 5px;
  border-radius: 7px;
  background-color: #f4f8fe;
  box-shadow: 2px 2px 5px #b9cce170, -2px -2px 5px #ffffff;
  cursor: pointer;
}
input::file-selector-button {
  margin-right: 12px;
  padding: 9px 14px;
  border: 1px solid var(--ControlBorder);
  border-radius: 10px;
  background: var(--ControlFace);
  color: var(--ControlInk);
  box-shadow: var(--ControlRaised);
  font: inherit;
  cursor: pointer;
}

/* Нативная семантика выбора и единое оформление открытого списка. */
select {
  appearance: none;
  padding-inline-end: 36px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236085b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  cursor: pointer;
  color-scheme: light;
}
select option, select optgroup {
  background-color: #edf3fb;
  color: var(--ControlInk);
}
@supports (appearance: base-select) {
  :scope select:not([multiple]),
  :scope select:not([multiple])::picker(select) {
    appearance: base-select;
  }
  :scope select:not([multiple]) {
    align-items: center;
    gap: 14px;
    background-image: none;
    padding-right: 14px;
  }
  :scope select:not([multiple])::picker-icon {
    color: #6085b0;
    filter: drop-shadow(0 1px 0 #ffffff);
    transition: rotate .18s;
  }
  :scope select:not([multiple]):open::picker-icon { rotate: 180deg; }
  :scope select:not([multiple])::picker(select) {
    margin-block: 9px;
    padding: 8px;
    max-height: min(360px, 60dvh);
    min-width: anchor-size(width);
    max-width: calc(100vw - 24px);
    border: 1px solid #ffffff;
    border-radius: 17px;
    background: linear-gradient(145deg, #f5f9ff, #e8f0fa);
    box-shadow: var(--ControlPopup);
    overflow: auto;
    overscroll-behavior: contain;
    color: var(--ControlInk);
    font: inherit;
  }
  :scope select:not([multiple]) option {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 42px;
    padding: 10px 12px;
    margin-block: 3px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: var(--ControlInk);
    white-space: normal;
    overflow-wrap: anywhere;
  }
  :scope select:not([multiple]) option:is(:hover, :focus-visible) {
    border-color: #ffffff;
    background: var(--ControlFace);
    box-shadow: var(--ControlRaised);
    outline: none;
  }
  :scope select:not([multiple]) option:checked {
    border-color: #ffffff;
    background: #e0edfc;
    color: #205ca5;
    box-shadow: var(--ControlPressed);
    font-weight: 600;
  }
  :scope select:not([multiple]) option::checkmark {
    color: var(--ControlAccent);
    order: 1;
    margin-left: auto;
  }
  :scope select:not([multiple]) option:disabled {
    opacity: .5;
    cursor: not-allowed;
  }
  .styled-select > svg:last-child { display: none; }
}

/* Поля, встроенные в общую поверхность поиска. */
:scope :is(.search-field, .language-search, .staff-search, .auth-country-search, [data-focus-surface]) {
  background: var(--ControlSurface);
  border-color: var(--ControlBorder);
  box-shadow: var(--ControlPressed);
}
:scope :is(.search-field, .language-search, .staff-search, .auth-country-search, [data-focus-surface]) > input {
  background: transparent;
  box-shadow: none;
}
:scope :is(.booking-popover, .language-menu, .auth-country-menu, .header-utility-popover) {
  border: 1px solid #ffffff;
  background: linear-gradient(145deg, #f5f9ff, #e8f0fa);
  box-shadow: var(--ControlPopup);
}
:scope :is(.language-option, .auth-country-options > button, .header-utility-popover > a):is(:hover, [aria-selected='true']) {
  border-radius: 10px;
  background: #e4eefb;
  color: #205ca5;
  box-shadow: var(--ControlPressed);
}
.icon-button:not(.lightbox .icon-button) {
  background: var(--ControlFace);
  box-shadow: var(--ControlRaised);
}
.icon-button:not(.lightbox .icon-button):active {
  box-shadow: var(--ControlPressed);
}

/* Размеры скрытых полей в карточках выбора задают сами компоненты. */
input:where([type='checkbox'], [type='radio']) {
  appearance: none;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  vertical-align: middle;
  margin: 0;
  border: 1px solid #b9cbe0;
  border-radius: 6px;
  background: var(--ControlSurface);
  box-shadow: var(--ControlPressed);
  cursor: pointer;
}
input:where([type='radio']) { border-radius: 50%; }
input:where([type='checkbox']):checked {
  border-color: #7ba7de;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 10 3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat, linear-gradient(145deg, #5c9af0, #246ed4);
  box-shadow: inset 1px 1px 2px #c2ddff7a, inset -1px -2px 3px #135bb1, 2px 3px 5px #9bb8d94d;
}
input:where([type='checkbox']):indeterminate {
  background: linear-gradient(#ffffff, #ffffff) center / 9px 2px no-repeat, linear-gradient(145deg, #5c9af0, #246ed4);
}
input:where([type='radio']):checked {
  border-color: #75a1d6;
  background: radial-gradient(circle, #347edf 0 34%, transparent 40%), var(--ControlSurface);
  box-shadow: var(--ControlPressed);
}
input:where([type='range']) {
  appearance: none;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
}
input[type='range']::-webkit-slider-runnable-track {
  height: 8px;
  border-radius: 10px;
  border: 1px solid #f8fbff;
  background: #dfeaf8;
  box-shadow: inset 2px 2px 4px #a9c1de, inset -2px -2px 4px #ffffff;
}
input[type='range']::-webkit-slider-thumb {
  appearance: none;
  width: 22px;
  height: 22px;
  margin-top: -8px;
  border: 3px solid #eef6ff;
  border-radius: 50%;
  background: linear-gradient(145deg, #6aa9f5, #296bce);
  box-shadow: 2px 3px 5px #5d84b066, -2px -2px 5px #ffffff, inset 1px 1px 2px #c4e3ff;
}
input[type='range']::-moz-range-track {
  height: 8px;
  border-radius: 10px;
  background: #dfeaf8;
  box-shadow: inset 2px 2px 4px #a9c1de, inset -2px -2px 4px #ffffff;
}
input[type='range']::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border: 3px solid #eef6ff;
  border-radius: 50%;
  background: linear-gradient(145deg, #6aa9f5, #296bce);
  box-shadow: 2px 3px 5px #5d84b066, -2px -2px 5px #ffffff;
}
input[type='color'] {
  padding: 4px;
  border: 1px solid var(--ControlBorder);
  border-radius: 10px;
  background: var(--ControlSurface);
  box-shadow: var(--ControlPressed);
  cursor: pointer;
}
input[type='color']::-webkit-color-swatch-wrapper { padding: 1px; }
input[type='color']::-webkit-color-swatch { border: 0; border-radius: 6px; }
input[type='color']::-moz-color-swatch { border: 0; border-radius: 6px; }

/* Общий скроллбар для страницы, меню и внутренних областей. */
:scope, :scope * { scrollbar-color: #7397c5 #e4edf8; scrollbar-width: thin; }
@supports selector(::-webkit-scrollbar) {
  :scope, :scope * { scrollbar-color: auto !important; scrollbar-width: auto !important; }
  ::-webkit-scrollbar { width: 12px; height: 12px; }
  :scope ::-webkit-scrollbar { width: 10px; height: 10px; }
  ::-webkit-scrollbar-track {
    border-radius: 12px;
    background: #e4edf8;
    box-shadow: inset 2px 2px 4px #bdcfe5, inset -2px -2px 4px #ffffff;
  }
  ::-webkit-scrollbar-thumb {
    min-height: 40px;
    border: 2px solid #e4edf8;
    border-radius: 12px;
    background: linear-gradient(110deg, #a2c1e6, #6d94c8);
    box-shadow: inset 1px 1px 2px #e4f1ff, inset -1px -1px 2px #537daf;
  }
  ::-webkit-scrollbar-thumb:hover { background: linear-gradient(110deg, #8eb8ed, #4f86cf); }
  ::-webkit-scrollbar-thumb:active { background: #5187ce; }
  ::-webkit-scrollbar-corner { background: #e4edf8; }
}

.ClayNavigationIcon {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  object-fit: contain;
  filter: drop-shadow(0 2px 2px #6e91b32e);
}
.ClayFieldIcon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  object-fit: contain;
}
@media (min-width: 901px) and (max-width: 1150px) {
  .ClayNavigationIcon { width: 21px; height: 21px; }
}
@media (max-width: 600px) {
  .ClayFieldIcon { width: 27px; height: 27px; }
  select::picker(select) { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  :where(button, summary, input, select, textarea), select::picker-icon { transition: none; }
}
@media (forced-colors: active) {
  :scope, :scope * { scrollbar-color: auto !important; }
  input:where([type='checkbox'], [type='radio'], [type='range']) { appearance: auto; }
  :scope :is(input, textarea, select), :scope select::picker(select) { border: 1px solid ButtonText; }
  :scope select option:checked { background: Highlight; color: HighlightText; }
}

}

@scope (#onego-events) {
:scope {
  --focus-raised: var(--ControlRaised), var(--ControlGlow);
  --focus-recessed: var(--ControlPressed), var(--ControlGlow);
}

/* Keep keyboard position visible with soft relief instead of hard focus rings. */
:scope :is(a, button, summary, [tabindex], input[type='checkbox'], input[type='radio'], input[type='range']):focus-visible,
:scope :is(label, .room-view-choice):has(input:is([type='checkbox'], [type='radio']):focus-visible),
:scope .switch-label input:focus-visible + .switch-track,
:scope .payment-provider:focus-within {
  outline: none !important;
  box-shadow: var(--focus-raised) !important;
}

:scope :is(input:not([type='checkbox'], [type='radio'], [type='range']), textarea, select):focus {
  outline: none !important;
  box-shadow: var(--focus-recessed) !important;
}

:scope :is(.search-field, .styled-select, .language-search, .staff-search, .support-composer, [data-focus-surface]):focus-within {
  outline: none !important;
  border-color: #fff;
  background: #edf4fd;
  box-shadow: var(--focus-recessed) !important;
}

:scope :is(.search-field, .styled-select, .language-search, .staff-search, .support-composer, [data-focus-surface]) :is(input, textarea, select):focus {
  outline: none !important;
  background: transparent;
  box-shadow: none !important;
}

@media (forced-colors: active) {
  :scope :is(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
    outline: 2px solid Highlight !important;
    outline-offset: 3px;
    box-shadow: none !important;
  }
}

}

#onego-events{display:block;background:#f1f5fa;min-width:0;padding-top:var(--tilda-header-height,78px)}#onego-events>.site>main{padding-top:24px}#onego-events[data-page="events"] .breadcrumb{display:none}#onego-events [id]{scroll-margin-top:110px}
html.onego-events-document{scroll-behavior:smooth;scroll-padding-top:90px;scrollbar-color:#7397c5 #e4edf8;scrollbar-width:thin}
@supports selector(::-webkit-scrollbar){
  html.onego-events-document{scrollbar-color:auto!important;scrollbar-width:auto!important}
  html.onego-events-document::-webkit-scrollbar,html.onego-events-document body::-webkit-scrollbar{width:12px;height:12px}
  html.onego-events-document::-webkit-scrollbar-track,html.onego-events-document body::-webkit-scrollbar-track{border-radius:12px;background:#e4edf8;box-shadow:inset 2px 2px 4px #bdcfe5,inset -2px -2px 4px #fff}
  html.onego-events-document::-webkit-scrollbar-thumb,html.onego-events-document body::-webkit-scrollbar-thumb{min-height:40px;border:2px solid #e4edf8;border-radius:12px;background:linear-gradient(110deg,#a2c1e6,#6d94c8);box-shadow:inset 1px 1px 2px #e4f1ff,inset -1px -1px 2px #537daf}
  html.onego-events-document::-webkit-scrollbar-thumb:hover,html.onego-events-document body::-webkit-scrollbar-thumb:hover{background:linear-gradient(110deg,#8eb8ed,#4f86cf)}
  html.onego-events-document::-webkit-scrollbar-thumb:active,html.onego-events-document body::-webkit-scrollbar-thumb:active{background:#5187ce}
  html.onego-events-document::-webkit-scrollbar-corner,html.onego-events-document body::-webkit-scrollbar-corner{background:#e4edf8}
}
@media(prefers-reduced-motion:reduce){html.onego-events-document{scroll-behavior:auto}}
@media(forced-colors:active){html.onego-events-document{scrollbar-color:auto!important}}
#onego-events[data-page="events"] [class*="-CatalogHeading"] p {
  font-size: 16px;
  line-height: 1.75;
}
#onego-events[data-page="events"] [class*="-CardBody"] > p {
  font-size: 16px;
  line-height: 1.75;
}
#onego-events[data-page="events"] [class*="-CardFeatures"] li {
  font-size: 15px;
  line-height: 1.6;
}
#onego-events[data-page="events"] :is(
  [class*="-CardMeta"], [class*="-MealBenefit"], [class*="-Benefit"],
  [class*="-PriceUnit"], [class*="-PriceDetail"], [class*="-CountdownLabel"],
  [class*="-CountdownDigits"] small, [class*="-ListHeading"] > span,
  [class*="-HeadingDecoration"] > span, [class*="-CardActions"] a,
  [class*="-CardActions"] button, [class*="-CustomBand"] p,
  [class*="-CustomBand"] .button, [class*="-Badge"], [class*="-Duration"],
  [class*="-ControlCount"], [class*="-ControlLabel"], [class*="-DialogCaption"]
) {
  font-size: 14px;
}
#onego-events[data-page="events"] [class*="-CountdownLabel"] small {
  font-size: 13px;
}
#onego-events[data-page="events"] [class*="-PriceDetail"] {
  line-height: 1.6;
}
#onego-events[data-page="events"] [class*="-CardBody"] h2 {
  font-size: 36px;
  line-height: 1.16;
}
#onego-events[data-page="events"] [class*="-ListHeading"] h2 {
  font-size: 26px;
}
@media (max-width: 600px) {
  #onego-events[data-page="events"] [class*="-CardBody"] h2 { font-size: 30px; }
  #onego-events[data-page="events"] [class*="-CardMeta"] { gap: 10px 15px; }
  #onego-events[data-page="events"] [class*="-CountdownLabel"] { flex-wrap: wrap; gap: 5px; }
  #onego-events[data-page="events"] [class*="-CardFeatures"] li { font-size: 15px; }
}