/* FeniksFit — screens.css: выбор языка и страны */
/* ---------- выбор языка ---------- */
#lang{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;
  background:radial-gradient(1200px 600px at 50% 30%,#1a2130,#0b0d10)}
.langBox{text-align:center;width:min(900px,100%)}
.langTitle{color:var(--muted);font-size:clamp(15px,2vh,20px);margin-bottom:clamp(18px,4vh,40px);letter-spacing:.3px}
.langBtns{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,24px)}
.langBtns button{background:#141820;border:2px solid var(--line);border-radius:20px;padding:clamp(22px,5vh,48px) 12px;
  display:flex;flex-direction:column;align-items:center;gap:10px;transition:border-color .15s,transform .1s}
.langBtns button:active{transform:scale(.98)}
.langBtns button.last{border-color:var(--accent)}
.langBtns .code{font-size:clamp(34px,6vh,58px);font-weight:800;color:var(--accent);letter-spacing:1px}
.langBtns .nm{font-size:clamp(17px,2.4vh,24px);font-weight:600}
@media (max-width:600px){.langBtns{grid-template-columns:1fr}}
.langSwitch{background:#161b23;border:1px solid var(--line)}

/* ---------- выбор страны ---------- */
#countries{position:absolute;inset:0;display:flex;flex-direction:column;padding:24px 28px 20px;gap:18px;animation:fadeIn .4s ease both}
.cScroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}
.cGrid{--g:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(max(300px,calc((100% - 2*var(--g))/3)),1fr));gap:var(--g);align-content:start}
.country{background:#141820;border:2px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s;animation:rise .5s ease both}
.country:hover{border-color:#ff7a1a88}
.country:active{transform:scale(.985)}
.country.last{border-color:var(--accent)}
.country .art{aspect-ratio:16/9;position:relative;overflow:hidden}
.country .art svg{position:absolute;inset:0;width:100%;height:100%;display:block;transition:transform .6s ease}
.country:hover .art svg{transform:scale(1.04)}
.country .badge{position:absolute;left:12px;bottom:12px;background:#000b;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}
.country .badge.soon{background:#ffffffd9;color:#111}
.country .cb{padding:14px 18px 16px}
.country h3{margin:0 0 3px;font-size:22px}
.country .lm{color:var(--accent2);font-size:14px}
.country.empty .art svg{filter:saturate(.75) brightness(.9)}
.backBtn{margin-right:4px}
.emptyC{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center;background:#11151b;border:1px solid var(--line);border-radius:18px;padding:22px;animation:rise .5s ease both}
.emptyArt{aspect-ratio:16/9;border-radius:14px;overflow:hidden;position:relative}
.emptyArt svg{position:absolute;inset:0;width:100%;height:100%;filter:saturate(.6) brightness(.75)}
.emptyTxt h2{margin:0 0 10px;font-size:clamp(20px,2.8vh,28px)}
.emptyTxt p{margin:0 0 20px;color:#c3cad4;font-size:15px;line-height:1.5}
.layout.noPanel{grid-template-columns:1fr}
.layout.noPanel .panel{display:none}
@media (max-width:900px){.emptyC{grid-template-columns:1fr}}
/* «Продолжить путешествие» */
.jCont{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0 0 18px;padding:14px 22px;border-radius:16px;border:1px solid var(--accent);
  background:linear-gradient(120deg,#3a1a12,#1d1215);color:#fff;box-shadow:0 0 30px #ff6a1a33;text-align:left;cursor:pointer}
.jCont b{font:800 clamp(16px,2.2vh,20px) Unbounded,system-ui}.jCont span{color:#ffb43a;font-size:clamp(13px,1.7vh,16px)}

/* 02.11.2026: 4 страны (добавлена Португалия) — на широком экране все в один ряд, без прокрутки */
@media (min-width:1100px){.cGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.country h3{font-size:clamp(17px,1.6vw,22px)}}