:root{--c-bg:#0b0b0f;--c-card:rgba(255,255,255,.04);--c-text:#ffffff;--c-accent:#B08412; min-height: 100%; }
body { overflow: auto !important; overflow-x: hidden !important; }
/* If template sets fixed wrappers, allow page to scroll */
.wrapper, .main, .content, #wrapper, #main { height: auto !important; }
/* --- end fix --- */


/* Belka Travel Concierge — clean responsive UI (override template) */
:root{
  --bg: #0b0e14;
  --panel: rgba(255,255,255,0.06);
  --panel2: rgba(255,255,255,0.10);
  --text: rgba(255,255,255,0.92);
  --muted: rgba(255,255,255,0.72);
  --brand: #d7b56d; /* gold-ish */
  --brand2:#8fd3ff; /* cool accent */
  --border: rgba(255,255,255,0.12);
  --shadow: 0 20px 60px rgba(0,0,0,0.45);
  --radius: 18px;
  --radius2: 24px;
  --max: 1120px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
  background: radial-gradient(1200px 700px at 20% 0%, rgba(143,211,255,0.10), transparent 60%),
              radial-gradient(900px 600px at 90% 10%, rgba(215,181,109,0.12), transparent 55%),
              var(--bg);
  color: var(--text);
  line-height: 1.45;
}

a{color:inherit; text-decoration:none}
a:hover{opacity:.92}
img{max-width:100%; height:auto}

.container{
  width: min(var(--max), calc(100% - 32px));
  margin: 0 auto;
}

.skip-link{
  position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden;
}
.skip-link:focus{left:16px; top:16px; width:auto; height:auto; padding:10px 12px; background:#111827; border:1px solid var(--border); border-radius:12px; z-index:9999}

/* Top bar */
.topbar{
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(10px);
  background: rgba(8,10,14,0.75);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.topbar-inner{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap: 0;
  padding: 0;
}

.brand{
  display:flex; align-items:center; gap:10px;
  font-weight: 700;
  letter-spacing: .2px;
}
.brand-mark{
  width:34px; height:34px; border-radius: 12px;
  background: linear-gradient(135deg, rgba(215,181,109,0.95), rgba(143,211,255,0.85));
  box-shadow: 0 10px 25px rgba(0,0,0,0.35);
}
.brand small{display:block; font-weight:500; color:var(--muted); letter-spacing:0}

.nav{
  display:flex; align-items:center; gap: 10px;
}
.nav a{
  padding: 10px 12px;
  border-radius: 12px;
  color: var(--muted);
}
.nav a.active, .nav a:hover{
  color: var(--text);
  background: rgba(255,255,255,0.06);
}

.langs{
  display:flex; align-items:center; gap: 6px;
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 999px;
  padding: 4px;
  background: rgba(255,255,255,0.04);
}
.langs a{
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  color: var(--muted);
}
.langs a.active{
  background: rgba(255,255,255,0.10);
  color: var(--text);
}

/* Mobile nav */
.burger{
  display:none;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.05);
  color: var(--text);
  border-radius: 12px;
  padding: 10px 12px;
}
@media (max-width: 900px){
  .nav{display:none}
  .burger{display:inline-flex; align-items:center; gap:8px}
  .mobile-nav{
    display:none;
    padding: 10px 0 16px 0;
  }
  .mobile-nav.open{display:block}
  .mobile-nav a{display:block; padding: 10px 0; color: var(--muted)}
  .mobile-nav a.active{color:var(--text)}
}

/* Hero */
.hero{
  position: relative;
  padding: 44px 0 28px 0;
}
.hero-card{
  border-radius: var(--radius2);
  overflow:hidden;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.04);
  box-shadow: var(--shadow);
}
.hero-media{
  min-height: 240px;
  z-index: 0;
  overflow:hidden;
  
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.hero-media:after{
  content:\"\";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.78));
  z-index: 1;
  pointer-events:none;
}
.hero-content{
  position:absolute; inset:0;
  z-index: 2;
  display:flex;
  align-items:flex-end;
  padding: 22px;
}
.hero h1{
  margin:0;
  font-size: clamp(26px, 3.1vw, 42px);
  letter-spacing: .2px;
}
.hero p{
  margin: 8px 0 0 0;
  color: rgba(255,255,255,0.82);
  max-width: 64ch;
}
.badges{display:flex; flex-wrap:wrap; gap:8px; margin-top:14px}
.badge{
  font-size: 12px;
  color: rgba(255,255,255,0.86);
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.22);
  padding: 6px 10px;
  border-radius: 999px;
}

/* Content */
.section{
  padding: 18px 0 34px 0;
}
.grid{
  display:grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 18px;
}
@media (max-width: 900px){
  .grid{grid-template-columns: 1fr; gap: 14px}
}

.card{
  border-radius: var(--radius);
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.04);
  box-shadow: 0 12px 35px rgba(0,0,0,0.28);
}
.card .card-hd{padding: 18px 18px 0 18px}
.card .card-bd{padding: 18px}
.card h2{margin:0; font-size: 20px}
.card p{margin:10px 0 0 0; color:var(--muted)}
.kv{display:grid; grid-template-columns: 1fr 1fr; gap: 12px}
@media (max-width: 520px){
  .kv{grid-template-columns: 1fr}
}

/* Forms */
.form{
  display:grid;
  gap: 12px;
}
.field label{
  display:block;
  font-size: 13px;
  color: rgba(255,255,255,0.78);
  margin-bottom: 6px;
}
.input, select, textarea{
  width:100%;
  color: var(--text);
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 14px;
  padding: 12px 12px;
  outline: none;
}
textarea{resize: vertical; min-height: 92px}
.input:focus, select:focus, textarea:focus{
  border-color: rgba(143,211,255,0.55);
  box-shadow: 0 0 0 4px rgba(143,211,255,0.10);
}
.help{
  margin-top: 6px;
  font-size: 12px;
  color: rgba(255,255,255,0.62);
}
.req{color: var(--brand)}

.actions{
  display:flex;
  gap: 10px;
  align-items:center;
  flex-wrap:wrap;
  margin-top: 6px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
  color: var(--text);
  cursor: pointer;
  font-weight: 600;
}
.btn:hover{background: rgba(255,255,255,0.09)}
.btn-primary{
  background: linear-gradient(135deg, rgba(215,181,109,0.96), rgba(143,211,255,0.86));
  color: #0b0e14;
  border-color: rgba(255,255,255,0.08);
}
.btn-primary:hover{filter:saturate(1.03) brightness(1.02)}
.btn-link{
  background: transparent;
  border-color: transparent;
  color: var(--muted);
  padding-left: 0;
}

.alert{
  border-radius: 16px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.05);
}
.alert strong{color: var(--text)}
.alert.warn{border-color: rgba(215,181,109,0.35); background: rgba(215,181,109,0.10)}
.alert.ok{border-color: rgba(143,211,255,0.35); background: rgba(143,211,255,0.10)}

.sidebar .mini{
  padding: 14px 16px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.sidebar .mini p{margin:6px 0 0 0; color: var(--muted); font-size: 13px}
.sidebar .mini b{color: var(--text)}

.footer{
  padding: 26px 0 40px 0;
  border-top: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.68);
  font-size: 13px;
}
.footer a{color: rgba(255,255,255,0.82)}


/* belka overrides */

html, body { height:auto !important; }
body { overflow:auto !important; min-height:100vh; }

/* Topbar / menu */
.topbar{
  position:sticky; top:0; z-index:50;
  background: rgba(10,10,12,0.72);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.topbar .wrap{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:14px 0;
}
.brand{
  display:flex; align-items:center; gap:10px;
  color:#fff; text-decoration:none; font-weight:700;
  letter-spacing:0.2px;
}
.brand .dot{ width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,0.85); display:inline-block; }
.navlinks{ display:flex; gap:18px; align-items:center; }
.navlinks a{
  display:flex; align-items:center; gap:8px;
  color:rgba(255,255,255,0.90); text-decoration:none;
  padding:10px 10px; border-radius:12px;
  transition: background .15s ease, color .15s ease;
  font-weight:600;
}
.navlinks a:hover{ background: rgba(255,255,255,0.08); }
.navlinks a.active{ background: rgba(255,255,255,0.12); }

.langs{ display:flex; gap:8px; align-items:center; }
.langs a{
  color:rgba(255,255,255,0.85); text-decoration:none;
  font-weight:700; font-size:12px;
  padding:8px 10px; border-radius:10px;
  border:1px solid rgba(255,255,255,0.12);
}
.langs a.active{ background: rgba(255,255,255,0.14); color:#fff; }

/* Mobile menu */
.menu-btn{
  display:none;
  border:1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
  color:#fff;
  padding:10px 12px;
  border-radius:12px;
  font-weight:700;
}
@media (max-width: 991px){
  .navlinks{ display:none; }
  .menu-btn{ display:inline-flex; align-items:center; gap:8px; }
  .mobile-drawer{
    display:none;
    padding:12px 0 18px 0;
  }
  .mobile-drawer.open{ display:block; }
  .mobile-drawer a{
    display:flex; align-items:center; gap:10px;
    padding:12px 0;
    color:rgba(255,255,255,0.92);
    text-decoration:none;
    border-bottom:1px solid rgba(255,255,255,0.08);
  }
}

/* Forms nicer */
.form-grid{ display:grid; grid-template-columns: 1fr 1fr; gap:14px; }
.form-grid .full{ grid-column:1 / -1; }
@media (max-width: 720px){ .form-grid{ grid-template-columns:1fr; } }
.input, select, textarea{
  width:100%;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
  color:#fff;
  outline:none;
}
label{ display:block; font-weight:700; margin:10px 0 6px; color:rgba(255,255,255,0.92); }
textarea{ resize:vertical; min-height:110px; }
.btn-primary{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.12);
  color:#fff; font-weight:800; text-decoration:none;
}
.btn-primary:hover{ background: rgba(255,255,255,0.18); }
.helper{ color: rgba(255,255,255,0.72); font-size:13px; }

.price-box{margin:14px 0;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.price-line{display:flex;gap:10px;align-items:baseline}
.approval-line{margin-top:8px;font-size:13px;opacity:.9}
.hint{display:block;margin-top:6px;font-size:12px;opacity:.8}


/* Menu visibility fixes */
@media (max-width: 991px){
  [data-desktop-nav]{display:none;}
  /* mobile nav is toggled via .open */
}
@media (min-width: 992px){
  [data-mobile-nav]{display:none !important;}
  [data-desktop-nav]{display:flex;}
}
/* Transfer class cards */
.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:10px 0 6px}
.class-card{display:block;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px;background:rgba(255,255,255,.04);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}
.class-card:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
.class-card input{position:absolute;opacity:0;pointer-events:none}
.class-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.class-card__name{font-weight:700;font-size:18px;line-height:1.1}
.class-card__svg{width:140px;max-width:45%;color:rgba(255,255,255,.9)}
.class-card__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;font-size:13px;opacity:.95}
.class-card__features{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px;font-size:13px}
.class-card__features li{display:flex;gap:8px;align-items:center}
.class-card__features .mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:6px;font-weight:700}
.class-card__features li.yes .mark{background:rgba(60,220,140,.18);border:1px solid rgba(60,220,140,.35)}
.class-card__features li.no{opacity:.65}
.class-card__features li.no .mark{background:rgba(255,80,80,.12);border:1px solid rgba(255,80,80,.25)}
.class-card.is-selected{border-color:rgba(212,175,55,.65);background:rgba(212,175,55,.08)}


/* Transfers UI */
.page .lead{opacity:.9;max-width:60ch}
.segmented{display:flex;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:6px;max-width:860px;margin:18px 0}
.seg-btn{flex:1;border:0;background:transparent;color:inherit;padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:600}
.seg-btn.is-active{background:rgba(255,255,255,.14)}
.grid{display:grid;gap:14px}
.grid-2{grid-template-columns:1fr}
.field{display:flex;flex-direction:column;gap:8px}
.field .label{font-weight:600;font-size:14px;opacity:.9}
.field input,.field select,.field textarea{border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.18);color:inherit;padding:12px 12px;outline:none}
.field textarea{resize:vertical}
.field-full{grid-column:1/-1}
.hint{font-size:12px;opacity:.8}
.class-cards{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}
.class-card{border:1px solid rgba(255,255,255,.14);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.04);cursor:pointer;display:grid;grid-template-columns:120px 1fr;min-height:92px}
.class-card input{position:absolute;opacity:0;pointer-events:none}
.class-card.is-selected{border-color:rgba(255,255,255,.35);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.card-media{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06)}
.card-media img{width:100%;height:100%;object-fit:cover}
.media-ph{width:100%;height:100%}
.card-body{padding:12px 12px;display:flex;flex-direction:column;gap:8px}
.card-title{font-weight:800}
.card-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;opacity:.9}
.card-note{font-size:12px;opacity:.9;margin-top:2px}
.price-bar{position:sticky;bottom:10px;z-index:20;margin-top:18px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.55);backdrop-filter:blur(10px);padding:12px 12px;display:flex;gap:12px;align-items:center;justify-content:space-between}
.price-label{font-size:12px;opacity:.8}
.price-value{font-size:18px;font-weight:900}
.price-approval{font-size:12px;opacity:.9;margin-top:6px}
.btn{border:0;border-radius:14px;padding:12px 16px;font-weight:800;cursor:pointer}
.btn-primary{background:rgba(255,255,255,.18);color:inherit}
.alert{border-radius:14px;padding:12px 12px;margin:12px 0;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05)}
.alert-error{border-color:rgba(255,90,90,.35)}
.alert-ok{border-color:rgba(120,255,160,.25)}
.fineprint{margin-top:12px;font-size:13px;opacity:.85}
.seo-block{margin:22px 0 0;font-size:14px;opacity:.9;max-width:85ch}

/* Responsive */
@media (min-width: 900px){
  .grid-2{grid-template-columns:1fr 1fr}
  .class-cards{grid-template-columns:1fr 1fr}
  .class-card{grid-template-columns:160px 1fr}
  .price-bar{bottom:18px;max-width:840px}
}

.svg-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.9)}
.svg-wrap svg{width:88%;height:auto}


/* Home page layout */
.section{padding:28px 0}
.container{max-width:1120px;margin:0 auto;padding:0 16px}
.h1{font-size:28px;line-height:1.15;margin:0 0 10px}
.h2{font-size:20px;line-height:1.25;margin:0 0 10px}
.h3{font-size:16px;line-height:1.25;margin:18px 0 10px}
.lead{font-size:15px;opacity:.9;max-width:60ch}
.grid{display:grid;gap:14px}
.grid-2{grid-template-columns:1fr}
@media (min-width: 960px){
  .h1{font-size:36px}
  .h2{font-size:22px}
  .grid-2{grid-template-columns:1.25fr 1fr;align-items:start}
}
.card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:16px;padding:14px}
.mt{margin-top:18px}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);text-decoration:none}
.btn:hover{background:rgba(255,255,255,.12)}
.btn-ghost{background:transparent}
.places{margin-top:10px}
.cards{display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width: 700px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width: 1020px){.cards{grid-template-columns:repeat(3,1fr)}}
.place-card{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);border-radius:16px;padding:12px}
.place-media{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,.06);flex:0 0 auto}
.place-ico{width:22px;height:22px;opacity:.9}
.place-title{font-weight:700;margin:0 0 4px}
.place-desc{font-size:13px;opacity:.85;line-height:1.35}


/* Shared UI blocks */
.cards{display:grid;grid-template-columns:1fr;gap:12px}
.cards-2{grid-template-columns:1fr}
@media (min-width: 900px){.cards-2{grid-template-columns:repeat(2,1fr)}}
.form-wrap{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);border-radius:16px;padding:14px}
.form label{display:block;font-size:13px;opacity:.95;margin:10px 0}
.form input,.form select,.form textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.25);color:inherit}
.form textarea{resize:vertical}
.notice{padding:10px 12px;border-radius:12px;margin:12px 0}
.notice.ok{border:1px solid rgba(0,255,120,.25);background:rgba(0,255,120,.08)}
.notice.err{border:1px solid rgba(255,80,80,.25);background:rgba(255,80,80,.08)}
.muted{font-size:13px;opacity:.8}
.price-row{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:8px}


/* Fix template .page 100vh overflow */
.page{height:auto !important; overflow:visible !important; overflow-y:visible !important; background:transparent !important; cursor:auto !important; box-shadow:none !important;}

.class-img{width:100%;height:100%;max-height:86px;object-fit:contain;display:block;opacity:.95}

/* Lightbox */
.lb{position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter: blur(6px);display:none;align-items:center;justify-content:center;z-index:9999;padding:18px}
.lb.open{display:flex}
.lb-inner{max-width:min(1100px, 96vw);max-height:92vh;width:100%;position:relative}
.lb-img{width:100%;height:100%;max-height:92vh;object-fit:contain;display:block;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
.lb-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.35);color:inherit}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.35);color:inherit}
.lb-prev{left:10px}.lb-next{right:10px}

/* Content slider (below H1) */
.content-slider{position:relative;margin:12px 0 18px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03)}
.content-track{display:flex;gap:10px;overflow:auto;scroll-snap-type:x mandatory;padding:10px;scrollbar-width:none;-ms-overflow-style:none}
.content-track::-webkit-scrollbar{display:none}
.content-slide{flex:0 0 32%;margin:0;scroll-snap-align:start;border-radius:14px;overflow:hidden;aspect-ratio: 16 / 10;background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center}
.content-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
@media (max-width: 900px){
  .content-slide{flex-basis: 48%;}
}
@media (max-width: 640px){
  .content-track{gap:8px;padding:8px}
  .content-slide{flex-basis: 82%; aspect-ratio: 16/11;}
}
.content-prev,.content-next{position:absolute;top:50%;transform:translateY(-50%);border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.35);color:inherit;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.content-prev{left:10px}.content-next{right:10px}
.content-prev:hover,.content-next:hover{background:rgba(0,0,0,.5)}
@media (max-width:640px){.content-prev,.content-next{width:34px;height:34px}}

/* Cookie notify */
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:9998;display:none;padding:14px}
.cookie-banner.show{display:block}
.cookie-box{max-width:980px;margin:0 auto;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(10,10,12,.88);backdrop-filter: blur(10px);padding:14px;display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.cookie-title{font-weight:700;margin:0 0 4px}
.cookie-text{font-size:13px;opacity:.9;line-height:1.35;max-width:70ch}
.cookie-actions{display:flex;gap:10px;flex:0 0 auto;align-items:center}
@media (max-width:720px){
  .cookie-box{flex-direction:column}
  .cookie-actions{width:100%}
  .cookie-actions .btn{flex:1}
}

/* Brand logo */
.brand-mark{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px}
.brand-mark img{width:100%;height:100%;object-fit:contain;transform:translateZ(0);will-change:transform,filter;transition:transform 220ms ease, filter 220ms ease;animation:logoIntro 420ms ease-out 1}
a:hover .brand-mark img, a:focus-visible .brand-mark img{transform:scale(1.10);filter:brightness(1.08) drop-shadow(0 10px 18px rgba(176,132,18,.22))}
@keyframes logoIntro{0%{transform:scale(.96);filter:brightness(.92)}100%{transform:scale(1);filter:brightness(1)}}
@media (prefers-reduced-motion: reduce){.brand-mark img{animation:none;transition:none}}
@media (max-width:480px){.brand-mark{width:32px;height:32px;border-radius:10px}}

body{background:var(--c-bg);color:var(--c-text)}
.card{background:var(--c-card)}
a,.btn.primary{color:var(--c-text)}
.btn.primary{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08)}
.accent{color:var(--c-accent)}

/* Gold theme overrides */
:root{
  --c-accent:#B08412;
  --c-accent-2:#c79a1f;   /* hover */
  --c-accent-3:#8d6a0f;   /* dark gold */
  --c-line: rgba(176,132,18,.28);
}
a{color:var(--c-accent)}
a:hover{color:var(--c-accent-2)}
.site-header a, .nav a, .menu a, .site-nav a{color:var(--c-accent)}
.site-header a:hover, .nav a:hover, .menu a:hover, .site-nav a:hover{color:var(--c-accent-2)}

/* Headings */
h1,h2,h3,.h1,.h2,.h3{color:var(--c-accent)}

/* Buttons */
.btn{border-color:var(--c-line)}
.btn:hover{border-color:rgba(176,132,18,.45)}
.btn.primary{background:rgba(176,132,18,.10); border-color:rgba(176,132,18,.42)}
.btn.primary:hover{background:rgba(176,132,18,.16)}

/* Inputs focus */
input:focus, select:focus, textarea:focus{outline:none; border-color:rgba(176,132,18,.6); box-shadow:0 0 0 3px rgba(176,132,18,.18)}

/* Badges */
.badge{background:rgba(176,132,18,.14); border:1px solid rgba(176,132,18,.42); color:var(--c-accent); font-weight:700}
.badge:hover{background:rgba(176,132,18,.18)}

/* separators */
hr{border-color:rgba(176,132,18,.18)}

/* Home hero image (no crop) */
.hero-image{margin:12px auto 18px;border-radius:18px;overflow:hidden;border:1px solid rgba(176,132,18,.22);background:rgba(255,255,255,.03);max-width:860px}
.hero-image img{width:100%;height:auto;max-height:520px;object-fit:contain;object-position:center;display:block;background:rgba(0,0,0,.18)}
@media (min-width:960px){
  .hero-image{max-width:860px}
}

/* Premium rhythm */
:root{
  --radius-xl: 20px;
  --radius-lg: 16px;
  --radius-md: 12px;
  --shadow-soft: 0 10px 28px rgba(0,0,0,.38);
  --shadow-gold: 0 10px 26px rgba(176,132,18,.18);
  --glass: rgba(255,255,255,.04);
  --glass-2: rgba(255,255,255,.06);
}

/* Cards: one consistent premium surface */
.card{
  border-radius: var(--radius-xl);
  border: 1px solid rgba(176,132,18,.16);
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
  box-shadow: var(--shadow-soft);
}
.card:hover{
  border-color: rgba(176,132,18,.24);
}

/* Forms: consistent controls */
input, select, textarea{
  border-radius: var(--radius-md);
  border: 1px solid rgba(176,132,18,.16);
  background: rgba(0,0,0,.18);
  color: var(--c-text);
}
input::placeholder, textarea::placeholder{
  color: rgba(255,255,255,.55);
}
input:focus, select:focus, textarea:focus{
  border-color: rgba(176,132,18,.55);
  box-shadow: 0 0 0 3px rgba(176,132,18,.16);
}

/* Primary button: luxe gold gradient (subtle) */
.btn.primary{
  color: #120d04;
  border: 1px solid rgba(176,132,18,.65);
  background: linear-gradient(180deg, #d2b04a 0%, #b08412 55%, #8d6a0f 100%);
  box-shadow: var(--shadow-gold);
}
.btn.primary:hover{
  background: linear-gradient(180deg, #e0c05a 0%, #c79a1f 55%, #9a7411 100%);
  box-shadow: 0 12px 30px rgba(176,132,18,.22);
}
.btn.primary:active{
  transform: translateY(1px);
}
.btn{
  border-radius: 999px; /* premium pill */
}
.btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(176,132,18,.18);
}

/* Secondary buttons keep gold outlines */
.btn:not(.primary){
  background: rgba(176,132,18,.08);
}
.btn:not(.primary):hover{
  background: rgba(176,132,18,.12);
}

/* Slider controls match theme */
.content-prev,.content-next,.lb-close,.lb-nav{
  border-color: rgba(176,132,18,.28);
}

/* Hero overlay (readability on background images) */
:root{
  --hero-overlay: 0.72;            /* 0..1 */
  --hero-overlay-2: 0.86;          /* stronger at bottom */
  --hero-text-shadow: 0 10px 30px rgba(0,0,0,.55);
}

/* Any block that uses background image should add .hero-bg */
.hero-bg{
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-xl);
}
.hero-bg::before{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(180deg,
      rgba(0,0,0, calc(var(--hero-overlay) * 1.05)) 0%,
      rgba(0,0,0, var(--hero-overlay)) 40%,
      rgba(0,0,0, var(--hero-overlay-2)) 100%);
  pointer-events:none;
  z-index:1;
}
.hero-bg > *{
  position: relative;
  z-index:2;
}
.hero-bg h1, .hero-bg h2, .hero-bg h3,
.hero-bg p, .hero-bg .badge, .hero-bg a, .hero-bg .btn{
  text-shadow: var(--hero-text-shadow);
}

/* If hero uses <img> (like home hero image) */
.hero-image{
  position:relative;
}
.hero-image::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(120% 90% at 50% 20%,
      rgba(0,0,0, calc(var(--hero-overlay) * 0.75)) 0%,
      rgba(0,0,0, var(--hero-overlay-2)) 70%,
      rgba(0,0,0, 0.92) 100%);
  pointer-events:none;
  z-index:1;
}
.hero-image img{width:100%;height:auto;max-height:520px;object-fit:contain;object-position:center;display:block;background:rgba(0,0,0,.18)}
.hero-image > *{ position:relative; z-index:2; }

/* Slider images (content slider) get overlay too */
.content-slide{
  position:relative;
}
.content-slide::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.55));
  opacity:.9;
  pointer-events:none;
}
.content-slide img{ position:relative; z-index:0; }

/* Auto overlay for elements that use inline background-image */
main [style*="background-image"]{
  position:relative;
}
main [style*="background-image"]::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.42), rgba(0,0,0,.82));
  pointer-events:none;
  border-radius: inherit;
}
main [style*="background-image"] > *{
  position:relative;
  z-index:2;
}

/* Home hero image: no overlay */
.hero-image.no-overlay::before{opacity:.04}

.hero-index-wrap{max-width:860px;margin:0 auto;text-align:center}

/* Spacing rhythm */
.section{margin:20px 0}
.stack{display:flex;flex-direction:column;gap:14px}
@media (max-width:640px){
  .section{margin:16px 0}
  .stack{gap:12px}
}

main .card + .card{margin-top:14px}

/* Home places images */
.place-media{border-radius:16px;overflow:hidden;border:1px solid rgba(176,132,18,.14);background:rgba(255,255,255,.03)}
.place-img{width:100%;height:140px;object-fit:cover;display:block}
.place-ph{height:140px;background:linear-gradient(135deg, rgba(176,132,18,.12), rgba(255,255,255,.02))}
@media (max-width:640px){
  .place-img,.place-ph{height:160px}
}

/* Home hero alignment */
.hero-image{margin:12px auto 18px; max-width:860px}
.hero-lead{text-align:center; max-width:70ch; margin-left:auto; margin-right:auto}

/* Language flags */
.langs a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid rgba(176,132,18,.18);background:rgba(176,132,18,.06)}
.langs a:hover{background:rgba(176,132,18,.10)}
.langs a.active{background:rgba(176,132,18,.14);border-color:rgba(176,132,18,.42)}
.flag{font-size:16px;line-height:1}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Hero background no-crop (for background-image heroes with people) */
:root{
  --hero-max-h: 520px;
  --hero-min-h: 300px;
}

/* If you set background-image on a hero block, add class .hero-bg (recommended) */
.hero-bg{
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  min-height: var(--hero-min-h);
  max-height: var(--hero-max-h);
}

/* Auto: any element in main with inline background-image becomes contain, not cover */
main [style*="background-image"]{
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  min-height: var(--hero-min-h);
}

/* Make hero card not full-screen-wide, keep premium spacing */
.hero-bg, main [style*="background-image"]{
  padding: 26px 26px;
}

/* On small screens make it shorter */
@media (max-width:640px){
  :root{--hero-max-h: 420px; --hero-min-h: 240px;}
  .hero-bg, main [style*="background-image"]{padding:18px 16px}
}

/* Opt-in cover when needed */
.bg-cover{background-size:cover !important;}

/* Flags (no letters) */
.langs a{position:relative}
.langs a::before{content:"";display:block;width:18px;height:18px}
.langs a[data-lang="ka"]::before{content:"🇬🇪"}
.langs a[data-lang="ru"]::before{content:"🇷🇺"}
.langs a[data-lang="en"]::before{content:"🇬🇧"}

/* Hero media ratio: match 1535x1024 (no crop, no empty side) */
:root{ --hero-ar: 1535 / 1024; --hero-w: min(1100px, 100%); }

.hero-media{
  width: var(--hero-w);
  margin: 0 auto;
  aspect-ratio: var(--hero-ar);
  min-height: unset;
  height: auto;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* Make the hero container not stretch weirdly */
.hero{
  display: grid;
  justify-items: center;
}

/* Logo background override (no gradient behind logo) */
.brand-mark{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
.brand-mark img{
  background: transparent !important;
}

/* Lang flags only */
.langs a{font-size:0} /* hides accidental text like GB/RU/GE */
.langs a .flag-emoji{font-size:16px;line-height:1}

/* Contact form */
.contact-form .stack{display:grid;gap:12px}
.contact-form input,.contact-form textarea{
  width:100%;background:#111;border:1px solid rgba(176,132,18,.25);
  color:#fff;border-radius:10px;padding:12px 14px
}
.contact-form input:focus,.contact-form textarea:focus{
  outline:none;border-color:#B08412
}

/* Header badges */
.hdr-badges{display:flex;gap:8px;align-items:center}
.hdr-badges .badge{border:1px solid rgba(176,132,18,.4);color:#B08412;padding:6px 10px;border-radius:999px;font-size:12px}
@media(max-width:900px){.hdr-badges{display:none}}

/* Hero page title */
.hero-page-title{margin:0;color:#B08412;font-size:clamp(28px,4vw,42px)}

/* Brand sizing */
.brand{gap:14px}
.brand-mark{width:56px;height:56px}
.brand-title{font-size:20px;line-height:1.1}
.brand-sub{font-size:14px;opacity:.85}
@media(max-width:640px){
  .brand-mark{width:48px;height:48px}
  .brand-title{font-size:18px}
}

/* Two-row sticky header */
.topbar{position:relative; z-index:50}
.header-top{
  position: sticky;
  top: 0;
  z-index: 60;
  display:grid;
  grid-template-columns: auto 1fr;
  align-items:center;
  gap:20px;
  padding:12px 0;
  background: rgba(0,0,0,.82);
  backdrop-filter: blur(10px);
}
.header-bottom{
  border-top:1px solid rgba(255,255,255,.08);
  display:grid;
  grid-template-columns: auto 1fr;
  align-items:center;
  gap:14px 18px;
  padding: 8px 0 12px;
  transition: transform .24s ease, opacity .24s ease, max-height .24s ease, padding .24s ease;
  transform-origin: top;
}
.header-bottom .nav{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.header-bottom.is-hidden{
  transform: translateY(-10px);
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  padding: 0;
}

/* Keep burger on top row */
.burger{margin-left:auto}
@media(max-width:900px){
  .header-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;}
  .header-top{position:sticky}
}

.hero-page-lead{margin:10px 0 0;color:rgba(255,255,255,.78);max-width:68ch;font-size:clamp(14px,1.5vw,18px);line-height:1.45}
.hero-text{max-width:760px}

/* Brand 3-line layout */
.brand{
  display:flex;
  align-items:center;
  gap:18px;
}
.brand-mark{
  width:72px;
  height:72px;
}
.brand-mark img{
  width:100%;
  height:100%;
  object-fit:contain;
  transition:transform .25s ease, filter .25s ease;
}
.brand-mark:hover img{
  transform:scale(1.05);
  filter:drop-shadow(0 0 12px rgba(176,132,18,.35));
}
.brand-text{
  display:flex;
  flex-direction:column;
  line-height:1.05;
}
.brand-text span{
  font-size:20px;
  font-weight:600;
  color:#fff;
}
.brand-text small{
  margin-top:6px;
  font-size:14px;
  color:rgba(255,255,255,.7);
}
@media(max-width:640px){
  .brand-mark{width:60px;height:60px}
  .brand-text span{font-size:18px}
}

/* === Header two rows: top sticky, bottom hides on scroll === */
.topbar{position:relative; z-index:100}
.header-top{
  position: sticky;
  top: 0;
  z-index: 110;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 0;
  background: rgba(0,0,0,.86);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.nav-top{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
.header-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 0 12px;
  transition: transform .22s ease, opacity .22s ease, max-height .22s ease, padding .22s ease;
  max-height: 120px;
}
.header-bottom.is-hidden{
  transform: translateY(-10px);
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  padding: 0;
}
.langs{display:flex;gap:8px;align-items:center}
.lang-pill{
  display:inline-flex;
  width:38px;height:38px;
  align-items:center;justify-content:center;
  border-radius:999px;
  border:1px solid rgba(176,132,18,.35);
  background: rgba(0,0,0,.25);
}
.lang-pill.active{border-color: rgba(176,132,18,.85); box-shadow: 0 0 0 3px rgba(176,132,18,.12) inset;}
/* Brand 3 lines */
.brand{display:flex;align-items:center;gap:18px;text-decoration:none}
.brand-mark{width:72px;height:72px;display:inline-flex;align-items:center;justify-content:center}
.brand-mark img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease, filter .25s ease}
.brand:hover .brand-mark img{transform:scale(1.05);filter:drop-shadow(0 0 12px rgba(176,132,18,.35))}
.brand-text{display:flex;flex-direction:column;line-height:1.05}
.brand-line{font-size:20px;font-weight:700;color:#fff}
.brand-sub{margin-top:6px;font-size:14px;color:rgba(255,255,255,.7)}
@media(max-width:900px){
  .nav-top{display:none}
  .header-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;}
  .brand-mark{width:60px;height:60px}
  .brand-line{font-size:18px}
}

.header-bottom .langs{justify-self:start}
.header-bottom .hdr-badges{justify-self:end; display:flex; flex-wrap:wrap; gap:10px}

.lang-pill span{font-size:18px; line-height:1; color:#fff}

.langs{margin-left:0 !important}

/* Transfers form actions */
.form-actions{
  display:flex;
  gap:12px;
  justify-content:flex-end;
  align-items:center;
  margin-top:18px;
}
@media (max-width: 640px){
  .form-actions{
    position: sticky;
    bottom: 10px;
    padding: 10px;
    background: rgba(8,10,12,.72);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(176,132,18,.18);
    border-radius: 14px;
    justify-content: space-between;
    z-index: 20;
  }
  .form-actions .btn{flex:1;}
}