/* First city trial: selector and services overlay only. */
.city-section{padding:110px 4vw 45px;overflow:hidden}.city-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;padding:0 2vw}.city-heading h2{font-size:clamp(52px,5.8vw,87px)}.city-heading h2 em{color:#d0ff29}.city-instruction{padding-bottom:5px}.city-instruction>p{font-size:12px;line-height:1.9;color:#a7b49d}.city-instruction>span{display:flex;align-items:center;gap:8px;color:#bddf91;font-size:7px;letter-spacing:1px;margin-top:20px}.city-instruction i{width:5px;height:5px;border-radius:50%;background:#d0ff29;box-shadow:0 0 12px #caff32}.city-map{position:relative;height:740px;margin-top:5px;isolation:isolate}.city-map-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.city-building{opacity:.7;transition:opacity .45s}.city-map[data-active=services] .district-services,.city-map[data-active=motor] .district-motor,.city-map[data-active=interiors] .district-interiors,.city-map[data-active=products] .district-products{opacity:1}.city-stop{position:absolute;width:28%;max-width:340px;min-height:225px;padding:0;background:#111b15f5;border:1px solid #b5d49744;color:#edf4e6;text-align:left;cursor:pointer;border-radius:4px;overflow:visible;box-shadow:0 18px 50px #0005;transition:border-color .25s,transform .4s,box-shadow .4s;z-index:3}.city-stop:hover,.city-stop:focus-visible{border-color:#d0ff29;transform:translateY(-5px);box-shadow:0 20px 60px #0006,0 0 28px #caff2314}.stop-services{left:1%;top:35px}.stop-motor{right:1%;top:65px}.stop-interiors{left:1%;bottom:35px}.stop-products{right:1%;bottom:5px}.stop-dot{position:absolute;left:-13px;top:-13px;width:28px;height:28px;display:grid;place-items:center;border:1px solid #b9e17288;border-radius:50%;background:#16251a;color:#d0ff29;font-size:8px;z-index:4}.city-map[data-active=services] .stop-services .stop-dot,.city-map[data-active=motor] .stop-motor .stop-dot,.city-map[data-active=interiors] .stop-interiors .stop-dot,.city-map[data-active=products] .stop-products .stop-dot{box-shadow:0 0 20px #d0ff2933;background:#d0ff29;color:#142013}.city-thumb{display:block;position:relative;height:139px;overflow:hidden;border-radius:3px 3px 0 0;background:#1a2a20}.city-thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101d15a6,transparent 70%)}.city-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 59%;opacity:.85;transform:scale(1);transition:opacity .5s}.city-thumb .thumb-next{opacity:0}.stop-services .city-thumb img{object-position:center 52%}.stop-motor .city-thumb img{object-position:center 65%}.city-tag{position:absolute;z-index:2;left:15px;bottom:12px;padding:6px 9px;background:#152314c9;border:1px solid #c4ee8c44;color:#d7efb4;border-radius:20px;font-size:6px;letter-spacing:.8px}.city-card-copy{display:block;position:relative;padding:17px 18px 19px}.city-number{display:block;font-size:6px;letter-spacing:1.2px;color:#8ea47d;margin-bottom:9px}.city-card-copy strong{display:block;font-size:clamp(18px,2vw,27px);font-weight:400;letter-spacing:-.8px;line-height:1.08;max-width:90%}.city-description{display:block;font-size:8px;line-height:1.7;color:#a5b899;margin-top:9px;max-width:94%}.city-open{position:absolute;right:18px;top:18px;font-size:22px;color:#ccf092}.city-center-note{position:absolute;left:50%;top:57%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:#a4bd88;font-size:6px;letter-spacing:1.2px;pointer-events:none}.city-center-note i{width:24px;height:1px;background:#d0ff2955}.city-footer{margin:30px 2vw 0;padding-top:22px;border-top:1px solid #b4d59226;display:flex;justify-content:space-between;gap:25px;align-items:center}.city-footer p{font-size:10px;color:#92a684}.city-footer a{font-size:10px;color:#c6e5a1;min-height:44px;display:flex;align-items:center;gap:24px}.city-mobile-route{display:none}.city-stop.is-previewing .city-thumb>img{animation:city-camera 5s ease-in-out both}.city-stop.is-previewing .city-thumb>.thumb-next{animation:city-second 5s ease-in-out both}@keyframes city-camera{from{transform:scale(1);opacity:.85}to{transform:scale(1.085);opacity:1}}@keyframes city-second{0%,35%{opacity:0;transform:scale(1.02)}65%,100%{opacity:1;transform:scale(1.07)}}
.services-showroom{inset:0;width:100%;max-width:none;height:100svh;max-height:none;margin:0;padding:0;border:0;background:#0d1710;color:#eff5e7;overflow:hidden}.services-showroom::backdrop{background:#07110bf2}.services-showroom[open]{display:flex;flex-direction:column;animation:city-open .4s ease-out}.services-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 4vw;min-height:70px;border-bottom:1px solid #d3e9b82b;background:#0c160f;color:#d5e5c3;flex:none}.back-to-city{display:inline-flex;align-items:center;gap:12px;min-height:40px;border:1px solid #bbd89d55;border-radius:24px;padding:9px 16px;background:transparent;color:#e0eccc;font-size:11px}.services-header>span{font-size:8px;letter-spacing:1.2px}.services-author{color:#91a980}.service-choices{display:flex;gap:8px;padding:12px 4vw;background:#111d14;flex:none;overflow-x:auto;scrollbar-width:none}.service-choices button{min-height:42px;padding:10px 17px;flex:none;background:transparent;color:#b4c7a5;border:1px solid #b7d39433;border-radius:24px;font-size:10px}.service-choices button[aria-pressed=true]{background:#d0ff29;border-color:#d0ff29;color:#172111}.service-choices button>span{font-size:6px;margin-left:10px}.service-scroll{flex:1;overflow:auto;overscroll-behavior:contain;scroll-snap-type:y proximity;scroll-behavior:smooth;min-height:0}.catering-slide{position:relative;min-height:100%;scroll-snap-align:start;isolation:isolate}.catering-hero{display:flex;align-items:center;padding:55px 7vw 85px;overflow:hidden}.catering-main-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%;z-index:-2}.catering-photo-wash{position:absolute;inset:0;background:linear-gradient(90deg,#09170ff5 0%,#09170fce 35%,#09170f22 75%),linear-gradient(0deg,#0d1a11bb,transparent 35%);z-index:-1}.catering-intro{max-width:650px}.catering-kicker{font-size:8px;letter-spacing:1.8px;line-height:1.6;color:#cae4a9;margin-bottom:24px}.catering-intro h2{font-size:clamp(64px,7.8vw,117px);line-height:.91;letter-spacing:-.065em}.catering-intro h2 em{color:#d0ff29}.catering-intro>p:not(.catering-kicker){font-size:13px;line-height:1.8;color:#c4d5b4;margin-top:28px}.catering-next{display:flex;gap:35px;align-items:center;justify-content:space-between;min-height:52px;padding:14px 19px;margin-top:27px;background:#d0ff29;color:#152010;border:0;border-radius:3px;font-size:11px}.catering-caption{position:absolute;bottom:28px;left:4vw;right:4vw;display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:1px;color:#c5d5b5}.catering-menu{display:grid;grid-template-columns:1fr 1fr;background:#eeeede;color:#1e2b1c}.menu-visual{position:relative;min-height:620px;overflow:hidden}.menu-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.menu-visual>span{position:absolute;bottom:30px;left:30px;right:30px;font-size:8px;letter-spacing:1.3px;background:#112011bb;color:#f2f6e9;width:fit-content;padding:12px 15px}.menu-content{padding:55px 5vw 80px;align-self:center}.menu-content .catering-kicker{color:#647c4d;margin-bottom:25px}.menu-content h2{font-size:clamp(45px,4.6vw,70px);line-height:1;letter-spacing:-.06em}.menu-content h2 em{color:#668046}.menu-content>p{font-size:12px;line-height:1.8;color:#617151;margin-top:23px}.meal-options{display:flex;gap:7px;flex-wrap:wrap;margin-top:26px}.meal-options button{min-height:45px;padding:11px 14px;border:1px solid #899d7066;border-radius:25px;background:transparent;color:#435a34;font-size:10px}.meal-options button[aria-pressed=true]{background:#273e22;color:#f0f4e4;border-color:#273e22}.meal-description{margin-top:25px;padding-top:24px;border-top:1px solid #94a48155}.meal-description>span{font-size:7px;letter-spacing:1.2px;color:#768966}.meal-description h3{font-size:27px;line-height:1.12;font-weight:400;letter-spacing:-.7px;margin-top:14px}.meal-description p{font-size:11px;line-height:1.85;color:#6d7d5d;max-width:350px;margin-top:13px}.meal-inquiry{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:49px;padding:12px 0;border:0;border-bottom:1px solid #82996c;background:transparent;color:#34502a;font-size:11px;margin-top:20px}.meal-inquiry>span{font-size:20px}.menu-content .catering-demo-note{font-size:8px;line-height:1.7;color:#78896a;margin-top:20px;max-width:340px}#meal-inquiry-preview{margin-top:16px;padding:16px;background:#dce3cd;border:1px solid #99ae7a66;max-width:380px}#meal-inquiry-preview p{font-size:11px;line-height:1.7}#meal-inquiry-preview small{display:block;margin-top:10px;font-size:8px;color:#738561}.catering-pagination{position:absolute;right:24px;bottom:15px;display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:30px;background:#112111d9;border:1px solid #d0eb9e55}.catering-pagination button{width:35px;height:35px;border:0;border-radius:50%;background:transparent;color:#afc494;font-size:9px}.catering-pagination button[aria-current=true]{background:#d0ff29;color:#1b2b13}.catering-pagination>span{width:14px;height:1px;background:#b5cf8c55}.service-concept{flex:1;min-height:0;overflow:auto;padding:10svh 8vw;background:radial-gradient(ellipse at 100% 0,#a3c83d22,transparent 65%),#101c13}.service-concept h2{font-size:clamp(48px,7vw,95px);max-width:750px}.service-concept>p{font-size:15px;color:#b4c7a0;max-width:530px;margin-top:30px}.service-concept-note{display:block;font-size:10px;color:#8ea57d;max-width:440px;margin-top:25px}.concept-back{display:flex;gap:35px;align-items:center;min-height:52px;padding:14px 20px;margin-top:30px;background:#d0ff29;color:#1a2c14;border:0;border-radius:3px;font-size:12px}@keyframes city-open{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(min-width:1650px){.city-map{max-width:1500px;margin-left:auto;margin-right:auto}.city-stop{width:30%;max-width:360px}.city-thumb{height:155px}}
@media(max-width:950px) and (min-width:801px){.city-stop{width:29%;min-height:210px}.city-thumb{height:120px}.city-card-copy{padding:14px}.city-card-copy strong{font-size:20px}.city-description{font-size:7px}.city-instruction>p{font-size:10px}}
@media(max-width:800px){.city-section{padding:90px 24px 40px}.city-heading{display:block;padding:0}.city-heading h2{font-size:clamp(48px,12vw,76px)}.city-instruction{margin-top:25px}.city-instruction>p{font-size:11px}.city-instruction>span{font-size:6px;letter-spacing:.6px;margin-top:15px}.city-map{height:auto;display:flex;flex-direction:column;gap:25px;margin-top:40px;padding-left:27px}.city-map-svg{display:none}.city-mobile-route{position:absolute;display:block;left:4px;top:0;bottom:0;width:1px;background:linear-gradient(#d0ff29aa,#789f5455,#d0ff29aa)}.city-stop{position:relative;inset:auto;width:100%;max-width:none;min-height:0}.city-stop:hover{transform:none}.stop-dot{left:-36px;top:22px;width:24px;height:24px;font-size:7px}.city-thumb{height:155px}.city-card-copy{padding:18px}.city-card-copy strong{font-size:27px}.city-description{font-size:9px}.city-number{font-size:7px}.city-center-note{display:none}.city-footer{margin:30px 0 0;display:block}.city-footer>p{font-size:9px}.city-footer>p:after{content:' Na telefonie dotknij wybranego przystanku.'}.city-footer a{font-size:10px;margin-top:12px;gap:16px}.services-header{min-height:63px;padding:11px 16px;gap:12px}.services-header>span{font-size:6px;letter-spacing:.7px}.services-author{display:none}.back-to-city{font-size:10px;padding:8px 12px;gap:8px}.service-choices{padding:10px 16px;gap:7px}.service-choices button{min-height:42px;padding:9px 13px;font-size:9px}.service-choices button>span{font-size:5px;margin-left:7px}.catering-hero{padding:45px 25px 80px;min-height:100%}.catering-main-photo{object-position:65% center}.catering-photo-wash{background:linear-gradient(0deg,#09170fee 5%,#09170fbb 48%,#09170f55 100%)}.catering-intro h2{font-size:clamp(62px,17vw,100px)}.catering-kicker{font-size:7px;margin-bottom:22px}.catering-intro>p:not(.catering-kicker){font-size:12px;margin-top:24px}.catering-next{font-size:11px;margin-top:25px;min-height:51px;gap:25px}.catering-caption{left:25px;right:25px;bottom:22px;font-size:6px}.catering-caption>span:first-child{display:none}.catering-menu{display:flex;flex-direction:column;min-height:100%}.menu-visual{min-height:270px;height:35svh;flex:none}.menu-visual>span{left:20px;bottom:20px;font-size:6px;padding:10px}.menu-content{padding:35px 25px 90px;width:100%}.menu-content h2{font-size:45px}.menu-content>p{font-size:12px}.meal-options button{min-height:47px;padding:11px 13px}.meal-description h3{font-size:28px}.meal-description p{font-size:12px}.meal-inquiry{font-size:11px;min-height:50px}.menu-content .catering-demo-note{font-size:9px}.catering-pagination{right:15px;bottom:12px}.catering-pagination button{width:34px;height:34px}.service-concept{padding:50px 25px 90px}.service-concept h2{font-size:50px}.service-concept>p{font-size:13px}.service-concept-note{font-size:10px}}
@media(max-width:360px){.city-section{padding-left:20px;padding-right:20px}.city-map{padding-left:25px}.stop-dot{left:-34px}.city-card-copy strong{font-size:23px}.city-description{font-size:8px}.city-thumb{height:140px}.city-open{right:13px}.catering-intro h2{font-size:17vw}.catering-hero{padding-left:22px;padding-right:22px}.menu-content{padding-left:22px;padding-right:22px}.menu-content h2{font-size:40px}.meal-options{gap:5px}.meal-options button{font-size:9px;padding:10px}.services-header>span{font-size:5.5px}}
@media(prefers-reduced-motion:reduce){.city-building,.city-stop,.city-thumb img{transition:none}.city-stop.is-previewing .city-thumb img{animation:none!important}.services-showroom[open]{animation:none}.service-scroll{scroll-behavior:auto}}
@media(min-width:801px){.city-heading h2{font-size:clamp(42px,4.5vw,66px);line-height:1.08}.city-heading h2 br{display:none}.city-map{height:clamp(560px,69svh,720px)}.city-section{padding-top:105px}.city-heading .world-kicker{margin-bottom:15px}}
.mobile-city-note{display:none}@media(max-width:800px){.desktop-city-note{display:none}.mobile-city-note{display:inline}.city-footer>p:after{content:none}}
html:has(#services-showroom[open]){overflow:hidden}
