:root{--ink:#112b27;--green:#063d33;--green-deep:#062d27;--mint:#19b69b;--mint-bright:#23c5a6;--cream:#faf9f5;--paper:#fffefa;--muted:#6b7873;--rule:rgba(19,55,48,.14);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Manrope,Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--cream);color:var(--ink);font:400 15px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(1220px,calc(100% - 92px));margin-inline:auto}.container-wide{width:min(1380px,calc(100% - 104px));margin-inline:auto}.skip-link{position:fixed;z-index:100;top:-60px;left:10px;background:var(--mint);padding:12px 20px}.skip-link:focus{top:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:100px;border:1px solid transparent;min-height:49px;padding:0 25px;font-size:12px;font-weight:700;white-space:nowrap;transition:background .25s,transform .25s,border-color .25s,box-shadow .25s}.button .icon{width:16px;height:16px}.button:hover{transform:translateY(-2px)}.button:focus-visible,a:focus-visible,.lang:focus-visible{outline:3px solid #e4a9ce;outline-offset:4px}.button-dark,.button-primary{background:var(--green);color:white}.button-dark:hover,.button-primary:hover{background:#0b5c4b;box-shadow:0 10px 20px rgba(4,59,50,.18)}.button-mint{background:var(--mint);color:#07342e}.button-mint:hover{background:#3be0c0}.button-outline-light{color:#fff;background:rgba(0,0,0,.04);border-color:rgba(255,255,255,.7)}.button-outline-light:hover{background:rgba(255,255,255,.14)}.text-link{display:inline-flex;align-items:center;gap:14px;border:0;border-bottom:1px solid #166f60;background:none;padding:0 0 6px;color:#0a6b5b;font-size:12px;font-weight:700;transition:gap .25s}.text-link:hover{gap:22px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;line-height:1.5}.eyebrow-green{color:#168877}.eyebrow-light{color:#8ff0d7}.section-pad{padding:115px 0}h1,h2,h3,p{margin-top:0}h2{font-family:var(--serif);font-size:clamp(37px,3.65vw,55px);font-weight:400;line-height:1.28;letter-spacing:-1.6px}h2 i,h1 em{font-weight:400}p{line-height:1.8}
/* header */
.site-header{position:relative;z-index:30;background:var(--paper);height:91px;box-shadow:0 1px 0 rgba(9,56,45,.07)}.site-header.is-scrolled{position:sticky;top:0;box-shadow:0 6px 25px rgba(11,48,41,.09)}.header-inner{height:100%;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:12px;color:var(--green-deep);min-width:248px}.brand-mark{width:54px;height:42px;flex:none}.brand-name{display:flex;flex-direction:column;gap:0;line-height:1.2}.brand-name strong{font-family:var(--serif);font-size:17px;white-space:nowrap;font-weight:500;letter-spacing:2.3px}.brand-name small{font-family:var(--sans);font-size:9px;letter-spacing:5px;padding-top:6px}.main-nav{display:flex;align-items:center;justify-content:center;gap:25px;flex:1}.nav-link{position:relative;font-size:11px;font-weight:600;color:#344940;white-space:nowrap;padding:14px 0;transition:color .2s}.nav-link:hover,.nav-link.active{color:#07715f}.nav-link.active:after{content:"";position:absolute;bottom:7px;left:0;right:0;background:#0a9c84;height:1.5px}.header-actions{display:flex;align-items:center;gap:15px}.lang-control{display:flex;align-items:center;gap:2px;border:1px solid #d9e3de;border-radius:40px;padding:3px}.lang{width:37px;height:29px;border:0;border-radius:25px;background:transparent;color:#677c73;font-size:11px;font-weight:700}.lang.is-active{color:#fff;background:var(--green)}.header-book{min-height:40px;padding-inline:20px;gap:12px;font-size:11px}.header-book .icon{width:15px}.mobile-book,.menu-toggle{display:none}
/* hero */
.hero{height:600px;min-height:540px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#0b2423;color:white}.hero-photo{position:absolute;inset:0;background:url('../images/chata-snezna-hero.webp') center 50%/cover no-repeat;transform:scale(1.015);animation:hero-focus 1.7s var(--ease) both}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,22,24,.81) 0%,rgba(2,20,23,.66) 24%,rgba(2,25,27,.2) 61%,rgba(2,26,26,.06) 100%),linear-gradient(0deg,rgba(3,17,23,.48),transparent 26%)}.hero-content{z-index:1;position:relative;max-width:1380px;padding-top:118px}.hero-kicker{color:#a5ecd9;margin-bottom:22px}.hero h1{font:400 clamp(61px,5.2vw,84px)/1.14 var(--serif);letter-spacing:-2.6px;margin:0 0 21px;text-shadow:0 3px 30px rgba(0,0,0,.12)}.hero h1 em{color:#f5ebe5}.hero-intro{font-size:16px;line-height:1.78;max-width:440px;color:#f3f0e9;margin:0 0 29px}.hero-actions{display:flex;gap:12px;align-items:center}.hero-lower{z-index:1;position:relative;display:flex;justify-content:space-between;align-items:center;padding-bottom:30px}.hero-perks{display:flex;align-items:center;gap:38px}.hero-perks>span{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:600}.hero-perks svg{width:23px;height:23px;stroke-width:1.35}.discover{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600}.discover-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff7a;border-radius:50%}.discover:hover .discover-arrow{background:#ffffff25}@keyframes hero-focus{from{opacity:.7;transform:scale(1.08)}to{opacity:1;transform:scale(1.015)}}
/* intro */
.intro{background:var(--paper);padding-top:99px;padding-bottom:94px}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.intro-head h2{margin:17px 0 0}.intro-body{padding-top:18px;max-width:490px}.intro-body .lead{font-size:19px;color:#29453c;line-height:1.7;margin-bottom:13px}.intro-body>p:not(.lead){color:var(--muted);font-size:13px;margin-bottom:22px}
/* apartments */
.apartments{background:#f3f5f0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-top h2{margin:13px 0 0}.section-description{color:#667771;max-width:320px;font-size:14px;margin:0 0 6px}.apartments-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.stay-card{border:1px solid #e8ede8;background:white;border-radius:8px;overflow:hidden;box-shadow:0 13px 30px rgba(9,42,35,.032);transition:transform .3s,box-shadow .3s}.stay-card:hover{transform:translateY(-7px);box-shadow:0 15px 32px #0c383321}.image-button{padding:0;border:0;background:none;overflow:hidden;width:100%;display:block;aspect-ratio:1.35}.image-button img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.stay-card:hover img{transform:scale(1.055)}.stay-info{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:23px 20px 24px}.card-index{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;color:#168875;font-weight:700}.stay-info h3{font:500 24px/1.35 var(--serif);margin:9px 0 9px}.stay-info p{color:#6d7875;font-size:12px;line-height:1.65;margin:0;max-width:260px}.round-arrow{flex:none;border:1px solid #d8e7df;width:38px;height:38px;border-radius:100%;display:grid;place-items:center;background:#f3f9f5;color:#086f5a;transition:background .2s}.round-arrow:hover{background:#c9eee2}.demo-note{font-size:11px;color:#72827d;margin:25px 0 0}
/* wellness */
.wellness{display:grid;grid-template-columns:1fr 1fr;min-height:570px;background:var(--green-deep);color:#fff}.wellness-image{min-height:570px}.wellness-image img{width:100%;height:100%;object-fit:cover}.wellness-text{position:relative;display:flex;align-items:center;overflow:hidden;padding:70px clamp(40px,8vw,136px) 68px clamp(44px,7.2vw,105px);background:radial-gradient(circle at 100% 0%,#125346,#072f29 65%)}.wellness-copy{position:relative;z-index:1;max-width:465px}.wellness-copy h2{margin:15px 0 23px}.wellness-copy>p:not(.eyebrow){max-width:430px;color:#d0e3db;font-size:14px}.wellness-features{display:grid;grid-template-columns:1fr 1fr;gap:17px 15px;margin:26px 0 32px}.wellness-features>span{display:flex;align-items:center;gap:12px;font-size:11px;color:#e4f3ec}.wellness-features .icon{width:23px;height:23px;stroke:#94e6d4}.wellness-ring{position:absolute;width:480px;height:480px;border-radius:50%;border:1px solid rgba(175,226,211,.16);right:-280px;top:-140px;pointer-events:none}.wellness-ring:after{content:"";position:absolute;inset:35px;border:1px solid rgba(175,226,211,.08);border-radius:50%}
/* surroundings */
.surroundings{background:var(--paper)}.region-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:64px;align-items:center}.region-feature{height:500px;position:relative;border-radius:6px;overflow:hidden}.region-feature:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(4,28,26,.76))}.region-feature img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.region-feature:hover img{transform:scale(1.035)}.region-feature-caption{position:absolute;z-index:1;left:34px;bottom:30px;display:flex;flex-direction:column;gap:5px;color:white}.region-feature-caption>span{font-size:10px;letter-spacing:2px}.region-feature-caption strong{font:400 26px var(--serif)}.region-side{padding:10px 0}.region-number{font-size:11px;color:#118c75;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:10px}.region-number span{background:#98c9bc;width:25px;height:1px}.region-side h3{font:400 29px var(--serif);margin:12px 0 5px}.region-side p{color:#64756f;font-size:13px;line-height:1.85}.region-divider{height:1px;background:var(--rule);margin:28px 0}.region-side .text-link{margin-top:18px}
/* gallery */
.gallery{background:#f3f5f0}.all-gallery{margin-bottom:10px}.gallery-grid{height:530px;display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:13px}.gallery-tile{min-width:0;min-height:0;border:0;padding:0;background:#ddd;position:relative;border-radius:5px;overflow:hidden}.gallery-tile-large{grid-row:span 2}.gallery-tile img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.gallery-tile:hover img{transform:scale(1.07)}.gallery-tile:after{content:"";position:absolute;inset:0;background:rgba(5,45,39,.12);opacity:0;transition:opacity .25s}.gallery-tile:hover:after{opacity:1}.gallery-tile span{position:absolute;z-index:1;bottom:16px;right:16px;display:grid;place-items:center;color:white;width:36px;height:36px;background:#073b33a8;border-radius:50%;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}.gallery-tile:hover span{opacity:1;transform:translateY(0)}
/* close + footer */
.closing{height:480px;position:relative;background:#102d2c;color:white;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.closing-image{position:absolute;inset:0;background:url('../images/chata-snezna-hero.webp') center 66%/cover no-repeat;filter:saturate(.72)}.closing-shade{position:absolute;inset:0;background:rgba(4,37,35,.77)}.closing-content{position:relative;z-index:1}.closing-content h2{font-size:clamp(42px,4.3vw,64px);margin:14px 0 18px}.closing-content>p:not(.eyebrow){max-width:540px;margin:0 auto 28px;color:#d7e8e0;font-size:14px}.site-footer{background:#052b26;color:#d0e3dd;padding:53px 0 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:45px;padding-bottom:46px}.footer-brand{display:flex;align-items:center;gap:13px;color:white}.footer-brand .brand-mark{width:56px}.footer-brand span{display:flex;flex-direction:column;line-height:1.2}.footer-brand strong{font:400 17px var(--serif);letter-spacing:2px}.footer-brand small{font-size:8px;letter-spacing:4px;margin-top:5px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;justify-self:center;font-size:12px}.footer-links a:hover,.footer-bottom a:hover{color:#4ce9c5}.footer-disclaimer{margin:0;color:#a0bdb2;max-width:325px;font-size:12px;line-height:1.75}.footer-bottom{border-top:1px solid #5e8b7c40;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 26px;font-size:10px;letter-spacing:.6px;color:#93b4a9}.footer-bottom a{color:white;display:inline-flex;align-items:center;gap:4px}.footer-bottom .icon{width:11px;height:11px}
/* reveal */
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .85s var(--ease),transform .85s var(--ease);transition-delay:var(--delay,0ms)}.js .reveal.is-visible{opacity:1;transform:none}
/* modal */
dialog{max-height:calc(100dvh - 38px);overflow:auto}.modal{border:none;border-radius:12px;box-shadow:0 35px 95px #071d1a6e}.modal::backdrop{background:rgba(1,17,16,.7);backdrop-filter:blur(4px)}.booking-modal{width:min(540px,calc(100% - 28px));padding:43px 46px;color:var(--ink);background:var(--paper)}.booking-modal h2{font-size:39px;margin:12px 0 17px}.modal-intro{font-size:13px;color:#657a70;line-height:1.72}.modal-close,.lightbox-close{position:absolute;right:20px;top:19px;border:0;background:#e9f0eb;color:var(--green);width:35px;height:35px;border-radius:50%;display:grid;place-items:center}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.booking-modal label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.booking-modal input,.booking-modal select{width:100%;max-width:100%;min-height:47px;border:1px solid #cbdad1;border-radius:6px;background:white;color:#17382d;padding:0 12px;font-weight:400}.booking-modal input:focus,.booking-modal select:focus{outline:2px solid #30bfa6;outline-offset:1px}.form-submit{width:100%;margin-top:22px;justify-content:space-between}.form-feedback{min-height:20px;color:#087766;font-size:12px;margin:13px 0 0}.lightbox{width:min(1050px,calc(100% - 24px));max-width:1050px;background:#072d28;padding:0;overflow:hidden;color:white}.lightbox>img{height:min(69dvh,680px);width:100%;object-fit:contain;background:#071f1b}.lightbox-close{z-index:2;background:#ffffffde}.lightbox-controls{display:flex;align-items:center;justify-content:center;gap:27px;padding:14px;font-size:12px}.lightbox-controls button{background:#ffffff14;border:1px solid #ffffff42;color:white;font-size:19px;width:37px;height:37px;border-radius:50%}
@media(min-width:1000px){.site-header{position:sticky;top:0}.hero{height:630px}}
@media(max-width:1250px){.main-nav{gap:17px}.brand{min-width:210px}.brand-name strong{font-size:14px}.header-actions{gap:9px}.container-wide{width:calc(100% - 64px)}.container{width:calc(100% - 80px)}}
@media(max-width:1050px){.main-nav{gap:12px}.nav-link{font-size:10px}.header-book{padding:0 13px;font-size:10px;gap:5px}.brand{min-width:170px}.brand-mark{width:43px}.brand-name strong{font-size:13px}.brand-name small{letter-spacing:3px}.header-inner{gap:8px}.hero{height:570px}.hero-content{padding-top:105px}.section-pad{padding:88px 0}.wellness-text{padding:55px 40px}.region-grid{gap:35px}}
@media(max-width:820px){html{scroll-padding-top:76px}.site-header{height:76px;position:sticky;top:0}.container-wide{width:calc(100% - 44px)}.container{width:calc(100% - 48px)}.brand{min-width:0;gap:7px;margin-right:auto}.brand-mark{width:47px}.brand-name strong{font-size:14px}.header-actions{gap:10px}.header-book{display:none}.menu-toggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d9e5e0;background:#f0f6f2;border-radius:8px;color:#073f34}.menu-toggle .icon{width:23px;height:23px}.main-nav{position:absolute;top:76px;left:0;right:0;background:var(--paper);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 24px;box-shadow:0 14px 28px #092e2828;transform:translateY(-10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,transform .22s,visibility .22s}.main-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.nav-link{padding:13px 6px;font-size:13px;border-bottom:1px solid #edf1ed}.nav-link.active:after{display:none}.mobile-book{display:flex;margin-top:16px}.hero{height:650px;min-height:610px}.hero-content{padding-top:128px}.hero-photo{background-position:63% center}.hero-wash{background:linear-gradient(90deg,#041e21e6 0%,#031f21b8 46%,#06292d4d 100%),linear-gradient(0deg,#02181f9b,transparent 35%)}.hero h1{font-size:clamp(57px,8.4vw,75px)}.hero-lower{padding-bottom:24px}.hero-perks{gap:16px}.hero-perks>span{font-size:10px;gap:6px}.hero-perks .icon{width:18px}.discover{display:none}.intro{padding:84px 0}.section-grid{gap:35px}.intro-head h2{font-size:43px}.intro-body{padding-top:18px}.apartments-grid{gap:12px}.stay-info{padding:17px 14px}.stay-info h3{font-size:19px}.stay-info p{font-size:11px}.round-arrow{width:33px;height:33px}.wellness{grid-template-columns:1fr 1fr;min-height:470px}.wellness-image{min-height:470px}.wellness-text{padding:40px 30px}.wellness-copy h2{font-size:35px}.wellness-features{grid-template-columns:1fr;margin:14px 0 24px;gap:11px}.wellness-features>span{font-size:11px}.region-feature{height:440px}.gallery-grid{height:450px}.footer-grid{gap:25px}}
@media(max-width:620px){.container-wide{width:calc(100% - 36px)}.container{width:calc(100% - 38px)}.site-header{height:72px}.main-nav{top:72px}.brand-mark{width:39px;height:39px}.brand-name strong{font-size:13px;letter-spacing:1.8px}.brand-name small{font-size:7px;letter-spacing:3px}.lang-control{padding:2px}.lang{width:31px;height:26px;font-size:10px}.header-actions{gap:8px}.menu-toggle{width:38px;height:38px}.hero{height:min(720px,calc(100svh - 72px));min-height:585px}.hero-photo{background-position:68% center}.hero-wash{background:linear-gradient(90deg,#031d1fd9,#04242a94 64%,#07273072),linear-gradient(0deg,#051d1f95,transparent 40%)}.hero-content{padding-top:138px}.hero-kicker{font-size:9px;letter-spacing:2.2px;margin-bottom:17px}.hero h1{font-size:clamp(52px,12vw,68px);letter-spacing:-1.8px;line-height:1.14;margin-bottom:19px}.hero-intro{font-size:14px;line-height:1.75;max-width:350px}.hero-actions{flex-wrap:wrap;gap:10px}.hero-actions .button{min-height:46px;padding:0 18px;font-size:11px;gap:10px}.hero-lower{padding-bottom:24px}.hero-perks{gap:12px;justify-content:space-between;width:100%}.hero-perks>span{font-size:9px;flex-direction:column;align-items:center;text-align:center;gap:7px;max-width:110px;line-height:1.4}.hero-perks .icon{width:24px;height:24px}.section-pad{padding:70px 0}.section-grid{grid-template-columns:1fr;gap:15px}.intro{padding:76px 0}.intro-head h2{font-size:clamp(35px,8vw,45px)}.intro-body{padding:0}.intro-body .lead{font-size:17px}.intro-body>p:not(.lead){font-size:13px}.eyebrow{font-size:9px;letter-spacing:2.6px}.section-top{display:block;margin-bottom:28px}.section-top h2,h2{font-size:clamp(35px,8.8vw,45px);letter-spacing:-1px}.section-description{margin-top:20px;max-width:420px}.apartments-grid{grid-template-columns:1fr;gap:18px}.image-button{aspect-ratio:1.42}.stay-info{padding:19px 19px 22px}.stay-info h3{font-size:25px}.stay-info p{font-size:13px}.round-arrow{width:40px;height:40px}.wellness{grid-template-columns:1fr}.wellness-image{min-height:0;height:300px}.wellness-text{min-height:430px;padding:61px 26px 65px}.wellness-copy h2{font-size:43px}.wellness-features{grid-template-columns:1fr 1fr;gap:12px 8px}.region-grid{grid-template-columns:1fr;gap:30px}.region-feature{height:360px}.region-feature-caption{left:20px;bottom:20px}.region-feature-caption strong{font-size:24px}.region-side{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}.region-side .region-number:nth-of-type(2){grid-column:2;grid-row:1}.region-side h3{font-size:24px;margin:4px 0 0}.region-side p{font-size:12px}.region-divider{display:none}.region-side .text-link{grid-column:1/-1;margin-top:10px;justify-self:start}.gallery-grid{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:230px 170px 170px;gap:9px}.gallery-tile-large{grid-column:1/-1;grid-row:1}.gallery .all-gallery{margin-top:18px}.closing{height:470px}.closing-content h2{font-size:47px}.closing-content>p:not(.eyebrow){font-size:13px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-disclaimer{grid-column:1/-1}.footer-links{grid-column:1/-1;justify-self:start;grid-template-columns:repeat(4,auto);column-gap:24px}.footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:9px}.booking-modal{padding:39px 24px 25px}.booking-modal h2{font-size:34px}.form-row{grid-template-columns:1fr 1fr;gap:9px}.form-row label{font-size:11px}.booking-modal input,.booking-modal select{padding:0 7px}.lightbox>img{height:min(58dvh,550px)}}
@media(max-width:390px){.brand-name strong{font-size:11px}.brand-name small{font-size:6px}.brand-mark{width:33px}.hero h1{font-size:50px}.hero-actions .button{padding:0 13px}.hero-content{padding-top:110px}.footer-links{gap:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* v1.1: one-hit bilingual toggle with a genuine sliding indicator */
.lang-control{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;background:#fff;min-width:84px;min-height:38px;cursor:pointer;overflow:hidden;transition:box-shadow .25s,border-color .25s}
.lang-control:hover{border-color:#88a99e;box-shadow:0 4px 15px rgba(0,54,43,.09)}
.lang-control:focus-visible{outline:3px solid #1cbba2;outline-offset:3px}
.lang-control::before{content:"";position:absolute;z-index:-1;left:3px;top:3px;bottom:3px;width:calc((100% - 6px)/2);background:var(--green);border-radius:99px;box-shadow:0 2px 8px #063d3430;transition:transform .43s cubic-bezier(.2,.84,.2,1)}
.lang-control[data-lang-current="en"]::before{transform:translateX(100%)}
.lang-control .lang{position:relative;z-index:1;display:grid;place-items:center;border:0;background:transparent!important;box-shadow:none!important;pointer-events:none;color:#6d8378;transition:color .25s;font-weight:700;min-width:0;width:100%;padding:0 2px}
.lang-control[data-lang-current="cs"] .lang[data-lang="cs"],.lang-control[data-lang-current="en"] .lang[data-lang="en"]{color:#fff}
.lang-control:disabled{opacity:1;cursor:progress}
body #main,body .site-footer{transition:opacity .2s ease}
body.lang-content-changing #main,body.lang-content-changing .site-footer{opacity:.52}
@media(max-width:620px){.lang-control{min-width:68px;min-height:32px}.lang-control .lang{height:26px}}
@media(prefers-reduced-motion:reduce){.lang-control::before,.lang-control .lang,body #main,body .site-footer{transition:none!important}}