:root{
  --ink:#111; --muted:#666; --bg:#fff; --brand:#C8353A; --sand:#D6BF91; --sand-2:#B79A62;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;scroll-behavior:smooth}
a{color:var(--ink);text-decoration:none}
.container{max-width:1180px;margin:0 auto;padding:0 24px}

/* nav */
nav.site{position:sticky;top:0;background:#ffffffcc;backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid #eee;z-index:50}
nav .inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.04em}
.logo img{height:64px;width:auto}
.menu{display:flex;gap:26px;font-weight:700}
.menu a{padding:8px 6px;border-radius:10px}
.menu a:hover{background:rgba(0,0,0,.04)}

/* HERO base */
.hero{position:relative;overflow:hidden;height:62vh}
.hero img{width:100%;height:62vh;object-fit:cover;display:block}
.hero img.hero-slide{position:absolute;inset:0;height:100%;opacity:0;transition:opacity 1s ease}
.hero img.hero-slide.active{opacity:1}

.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.55) 100%);pointer-events:none}
.hero-overlay{position:absolute;left:24px;right:24px;bottom:22px;color:#fff;max-width:980px;transition:transform .25s ease,opacity .25s ease}
.hero-overlay h1{margin:0 0 8px;font-weight:900;letter-spacing:.01em;font-size:clamp(26px,4vw,46px);line-height:1.06;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.hero-overlay p{margin:0 0 10px;font-size:clamp(15px,1.8vw,18px);opacity:.97;text-shadow:0 1px 12px rgba(0,0,0,.4)}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);color:#fff;padding:7px 12px;border-radius:999px;font-weight:900;font-size:13.5px;backdrop-filter:saturate(140%) blur(6px)}
.hero.shrink .hero-overlay{transform:translateY(-10px) scale(.985);opacity:.92}

/* sections & text */
h1{font-size:36px;line-height:1.12;margin:0 0 10px;font-weight:900}
h2{font-size:22px;line-height:1.2;margin:0 0 18px;font-weight:800}
.section{padding:80px 0;border-top:1px solid #f1f1f1}
.lead{font-size:18px;color:var(--muted);max-width:860px}

/* grid gallery 16:9 */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{position:relative;overflow:hidden;border-radius:16px;background:#f8f8f8}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .6s ease}
.card:hover img{transform:scale(1.04)}
.card .cap{position:absolute;left:12px;bottom:10px;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));padding:30px 12px 8px 12px;border-radius:0 0 12px 12px;font-weight:700}

/* lightbox */
.lb{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;z-index:100}
.lb.open{display:flex}
.lb img{max-width:92vw;max-height:88vh;border-radius:12px;box-shadow:0 20px 80px rgba(0,0,0,.5)}
.lb .nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;width:92vw;color:#fff;font-size:32px;font-weight:900;user-select:none}
.lb .close{position:absolute;top:24px;right:24px;color:#fff;font-size:28px;background:rgba(255,255,255,.2);padding:8px 12px;border-radius:10px;cursor:pointer}

/* ctas */
.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:30px;font-weight:800}
.btn.gold{background:linear-gradient(135deg,var(--sand),var(--sand-2));color:#fff}
.btn.ghost{border:2px solid var(--sand-2);color:var(--sand-2)}
.btn img{height:18px;width:18px}

/* lists */
.cols{columns:2;gap:40px;max-width:980px}
.cols p{break-inside:avoid;margin:0 0 12px}

/* footer */
footer{background:#111;color:#eee;padding:40px 0;margin-top:34px}
.footer-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:10px}
.social{display:flex;gap:10px}
.social a{display:inline-flex;border-radius:10px;overflow:hidden}
.smallnote{color:#a0a0a0;font-size:13px}

/* whatsapp floating */
.fab{position:fixed;right:20px;bottom:20px;height:62px;width:62px;border-radius:50%;box-shadow:0 12px 30px rgba(0,0,0,.2);z-index:60;background:#25D366;display:flex;align-items:center;justify-content:center}
.fab img{height:32px;width:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}

/* fade-in */
.fade{opacity:0;transform:translateY(16px);transition:all .6s ease}
.fade.show{opacity:1;transform:none}

/* responsive */
@media(max-width:980px){
  .grid{grid-template-columns:1fr 1fr}
  .cols{columns:1}
  .hero{height:48vh}
  .hero img{height:48vh}
  .menu{gap:14px}
}
@media(max-width:640px){
  .grid{grid-template-columns:1fr}
  h1{font-size:28px}
  h2{font-size:18px}
  .hero{height:42vh}
  .hero img{height:42vh}
}

/* sticky spacing hotfix */
:root{ --hdr: 88px; }
header, .site-header { position: sticky !important; top: 0; z-index: 1000; }
html { scroll-padding-top: var(--hdr); }
main > section:first-of-type, .section:first-of-type { margin-top: var(--hdr); }


/* === Mobile burger menu (premium minimal, no overlay) === */
.burger{display:none;position:relative;height:38px;width:44px;border:0;background:transparent;cursor:pointer}
.burger span{position:absolute;left:8px;right:8px;height:2px;background:#111;border-radius:2px;transition:transform .25s ease,opacity .2s ease,top .25s ease}
.burger span:nth-child(1){top:12px}
.burger span:nth-child(2){top:18px}
.burger span:nth-child(3){top:24px}
nav.site.open .burger span:nth-child(1){top:18px;transform:rotate(45deg)}
nav.site.open .burger span:nth-child(2){opacity:0}
nav.site.open .burger span:nth-child(3){top:18px;transform:rotate(-45deg)}

@media(max-width:980px){
  .burger{display:block}
  nav.site .menu{display:none}
  nav.site.open .menu{display:block;position:absolute;top:100%;right:0;left:0;background:#fff;border-bottom:1px solid #eee;box-shadow:0 8px 24px rgba(0,0,0,.06)}
  nav.site.open .menu a{display:block;padding:14px 20px;border-top:1px solid #f3f3f3}
  nav.site.open .menu a:hover{background:rgba(0,0,0,.03)}
}


/* Enhanced WhatsApp FAB visuals */
.fab{
  background: linear-gradient(135deg,#25D366,#19c25e);
  border: 2px solid rgba(0,0,0,.06);
  box-shadow: 0 12px 30px rgba(0,0,0,.22), 0 0 0 6px rgba(37,211,102,.14);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.fab:hover{ transform: translateY(-2px) scale(1.04); box-shadow: 0 16px 36px rgba(0,0,0,.26), 0 0 0 8px rgba(37,211,102,.18) }
.fab:active{ transform: translateY(0) scale(.98) }
.fab img{ filter: drop-shadow(0 2px 4px rgba(0,0,0,.18)) brightness(1.05) }


/* === Stronger visuals: hero chips & WhatsApp FAB (override) === */

/* Make hero chips clearly brighter; third is gold to match .btn.gold */
.chips .chip:nth-child(1),
.chips .chip:nth-child(2){
  background: rgba(255,255,255,.48) !important;
  border-color: rgba(255,255,255,.85) !important;
  color: #fff !important;
  box-shadow: inset 0 6px 18px rgba(255,255,255,.18), 0 8px 22px rgba(0,0,0,.22) !important;
  backdrop-filter: saturate(160%) blur(8px);
}
.chips .chip:nth-child(3){
  background: linear-gradient(135deg,var(--sand),var(--sand-2)) !important;
  color:#fff !important;
  border: 0 !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.35);
  box-shadow: 0 10px 28px rgba(0,0,0,.28) !important;
}

/* Premium WhatsApp FAB — enforced overrides without changing size/logic */
body .fab{
  background: linear-gradient(135deg,#28d76b,#16b257) !important;
  border: 2px solid rgba(0,0,0,.08) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.28), 0 0 0 10px rgba(37,211,102,.18) !important;
  position: fixed; right:20px; bottom:20px; height:62px; width:62px; border-radius:50%;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  isolation: isolate;
}
body .fab::before{
  content:''; position:absolute; inset:8px; border-radius:50%;
  background: radial-gradient(140% 140% at 30% 25%, rgba(255,255,255,.45) 0%, rgba(255,255,255,.08) 40%, rgba(255,255,255,0) 65%);
  pointer-events:none;
}
body .fab::after{
  content:''; position:absolute; inset:-12px; border-radius:50%;
  background: radial-gradient(closest-side, rgba(37,211,102,.22), rgba(37,211,102,0));
  filter: blur(2px); z-index:-1; pointer-events:none;
}
body .fab:hover{ transform: translateY(-2px) scale(1.05); box-shadow: 0 22px 44px rgba(0,0,0,.32), 0 0 0 12px rgba(37,211,102,.20) !important }
body .fab:active{ transform: translateY(0) scale(.98) }
body .fab img{ height:32px; width:32px; filter: drop-shadow(0 2px 4px rgba(0,0,0,.22)) brightness(1.08) }


/* === Ultra-bright hero chips with breathing glow, and enhanced WhatsApp icon === */

/* Breathing glow animation */
@keyframes chipGlow {
  0% { box-shadow: var(--chip-shadow-a); opacity: .98; }
  50% { box-shadow: var(--chip-shadow-b); opacity: 1; }
  100% { box-shadow: var(--chip-shadow-a); opacity: .98; }
}

/* Define reusable shadow variables (fallback if :root not present) */
:root{
  --chip-shadow-a: 0 10px 28px rgba(0,0,0,.28), 0 0 0 10px rgba(255,255,255,.10);
  --chip-shadow-b: 0 16px 42px rgba(0,0,0,.34), 0 0 0 14px rgba(255,255,255,.14);
}

/* First two chips — bright glass with internal light and glow */
.chips .chip:nth-child(1),
.chips .chip:nth-child(2){
  background: rgba(255,255,255,.70) !important;
  border: 1px solid rgba(255,255,255,.95) !important;
  color:#0f0f0f !important;
  backdrop-filter: saturate(180%) blur(10px);
  text-shadow: 0 1px 2px rgba(255,255,255,.45), 0 2px 10px rgba(255,255,255,.25);
  box-shadow: var(--chip-shadow-a) !important;
  position: relative;
  overflow: visible;
  animation: chipGlow 1.4s ease-in-out infinite;
}
.chips .chip:nth-child(1)::before,
.chips .chip:nth-child(2)::before{
  content:''; position:absolute; inset:2px; border-radius:999px;
  background: radial-gradient(120% 120% at 30% 15%, rgba(255,255,255,.65) 0%, rgba(255,255,255,.18) 45%, rgba(255,255,255,0) 70%);
  pointer-events:none;
}

/* Third chip — premium gold with soft aura (matches .btn.gold palette) */
.chips .chip:nth-child(3){
  background: linear-gradient(135deg,var(--sand),var(--sand-2)) !important;
  color:#fff !important;
  border: 0 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.35);
  box-shadow: 0 12px 32px rgba(0,0,0,.34), 0 0 0 12px rgba(210,170,80,.20) !important;
  position: relative; overflow: visible;
  animation: chipGlow 1.2s ease-in-out infinite;
}
.chips .chip:nth-child(3)::before{
  content:''; position:absolute; inset:2px; border-radius:999px;
  background: radial-gradient(140% 140% at 28% 18%, rgba(255,255,255,.55) 0%, rgba(255,255,255,.10) 46%, rgba(255,255,255,0) 68%);
  pointer-events:none;
}

/* Hover emphasis (desktop) */
@media (hover:hover){
  .chips .chip:hover{ filter: saturate(110%); transform: translateY(-1px); }
}

/* WhatsApp FAB — keep green, improve white handset glyph */
body .fab img{
  height:32px; width:32px;
  filter: drop-shadow(0 0 1px rgba(0,0,0,.35))
          drop-shadow(0 2px 2px rgba(0,0,0,.25))
          brightness(1.14) contrast(1.05);
}
/* Add subtle white glow around the handset to pop on green */
body .fab .wa-glow{ display:none } /* safety if element doesn't exist */
body .fab::marker{ content:'' } /* no-op fix for some browsers */


/* === MAX emphasis for hero chips + refined WhatsApp handset === */

/* Stronger breathing aura */
:root{
  --chip-shadow-a: 0 14px 34px rgba(0,0,0,.34), 0 0 0 12px rgba(255,255,255,.14);
  --chip-shadow-b: 0 22px 60px rgba(0,0,0,.42), 0 0 0 16px rgba(255,255,255,.20);
}
@keyframes chipGlow {
  0% { box-shadow: var(--chip-shadow-a); }
  50% { box-shadow: var(--chip-shadow-b); }
  100% { box-shadow: var(--chip-shadow-a); }
}

/* First two chips — near-white glass, very bright and readable */
.chips .chip:nth-child(1),
.chips .chip:nth-child(2){
  background: rgba(255,255,255,.92) !important;
  color:#111 !important;
  border: 1px solid rgba(255,255,255,.98) !important;
  box-shadow: var(--chip-shadow-a) !important;
  text-shadow: none !important;
  backdrop-filter: saturate(190%) blur(10px);
  position: relative; overflow: visible;
  animation: chipGlow 1.3s ease-in-out infinite;
  filter: saturate(115%);
}
.chips .chip:nth-child(1)::before,
.chips .chip:nth-child(2)::before{
  content:''; position:absolute; inset:1.5px; border-radius:999px;
  background: radial-gradient(120% 120% at 30% 15%, rgba(255,255,255,.85) 0%, rgba(255,255,255,.22) 45%, rgba(255,255,255,0) 68%);
  pointer-events:none;
}

/* Third chip — bolder gold with aura */
.chips .chip:nth-child(3){
  background: linear-gradient(135deg,var(--sand),var(--sand-2)) !important;
  color:#fff !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.45) !important;
  box-shadow: 0 14px 38px rgba(0,0,0,.38), 0 0 0 14px rgba(210,170,80,.26) !important;
  position: relative; overflow: visible;
  animation: chipGlow 1.1s ease-in-out infinite;
  filter: saturate(120%);
}
.chips .chip:nth-child(3)::before{
  content:''; position:absolute; inset:1.5px; border-radius:999px;
  background: radial-gradient(140% 140% at 28% 18%, rgba(255,255,255,.65) 0%, rgba(255,255,255,.12) 46%, rgba(255,255,255,0) 68%);
  pointer-events:none;
}

/* WhatsApp handset — crisper white with subtle halo */
body .fab img{
  image-rendering: -webkit-optimize-contrast;
  filter:
    drop-shadow(0 0 4px rgba(255,255,255,.90))
    drop-shadow(0 1px 1px rgba(0,0,0,.28))
    brightness(1.22)
    contrast(1.12);
}


/* === v2.0 footer enhancements (minimal, non-breaking) === */
footer .social {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
footer .social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  background: linear-gradient(135deg, rgba(17,89,163,0.18), rgba(23,115,205,0.18));
  border: 1px solid rgba(60,140,220,0.35);
  border-radius: 14px;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
footer .social a img{height: 44px;width:auto}
footer .social a:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(17,89,163,0.28), rgba(23,115,205,0.28));
  border-color: rgba(60,140,220,0.6);
}

/* Project buttons */
footer .project-buttons{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin:16px 0 4px 0;
}
footer .btn-footer{
  color:#fff;
  text-decoration:none;
  font-weight:600;
  padding:12px 18px;
  border-radius:16px;
  display:inline-block;
  box-shadow: 0 6px 18px rgba(0,0,0,0.18);
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
footer .btn-batumi{
  background: linear-gradient(135deg,#0b5aa6,#0e6cc7);
}
footer .btn-tbilisi{
  background: linear-gradient(135deg,#147bd1,#2b8de0);
}
footer .btn-footer:hover{ transform: translateY(-1px); box-shadow:0 10px 24px rgba(0,0,0,0.25); opacity:.98 }


/* Presentations grid (10 buttons, 2x5) */
#downloads .grid-press{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
#downloads .grid-press .btn{justify-content:center;font-size:14px;white-space:nowrap}
@media(max-width:1100px){ #downloads .grid-press{grid-template-columns:repeat(4,1fr)} }
@media(max-width:880px){ #downloads .grid-press{grid-template-columns:repeat(3,1fr)} }
@media(max-width:680px){ #downloads .grid-press{grid-template-columns:repeat(2,1fr)} }
@media(max-width:420px){ #downloads .grid-press{grid-template-columns:1fr} }


/* === Smaller text for Why Georgia, Why EMAAR, and Locations === */
#why-georgia .cols p,
#why-batumi .cols p,
#why-emaar .cols p,
#locations .cols p {
  font-size: 14.5px;
  line-height: 1.5;
}


/* === Smaller font for VIP section lead text === */
#contact .lead {
  font-size: 14.5px;
  line-height: 1.5;
}


/* === Enhanced hero chips: brighter, clearer, more spacing === */
.chips {
  gap: 18px;
}
.chip {
  background: rgba(255,255,255,0.92) !important;
  border: 1px solid rgba(255,255,255,0.98) !important;
  color: #111 !important;
  font-weight: 900;
  text-shadow: none !important;
  box-shadow: 0 6px 22px rgba(0,0,0,0.25);
  backdrop-filter: saturate(190%) blur(10px);
}
.chip:nth-child(3){
  background: linear-gradient(135deg,#D6BF91,#B79A62) !important;
  color:#fff !important;
  border:none !important;
  box-shadow:0 10px 28px rgba(0,0,0,0.3),0 0 0 6px rgba(210,170,80,0.25)!important;
}


/* Nav: slightly smaller so all items fit in one line */
.menu a{ font-size: 17px; } /* was inheriting larger size */


/* === Before/After slider (Batumi) === */
#before-after .lead.small,
#before-after-tbilisi .lead.small{font-size:14.5px;margin-top:-6px;margin-bottom:14px;opacity:.85}
.ba-wrap{position:relative;width:100%;max-width:1200px;margin:0 auto;border-radius:18px;overflow:hidden;box-shadow:0 14px 50px rgba(0,0,0,.25)}
.ba-img{display:block;width:100%;height:auto;user-select:none;pointer-events:none}
.ba-after-clip{position:absolute;inset:0;width:100%;overflow:hidden;transition:width .2s ease}
.ba-handle{position:absolute;top:0;bottom:0;left:100%;width:0;border-left:3px solid rgba(255,255,255,.9);box-shadow:0 0 0 6px rgba(0,0,0,.15) inset, 0 0 0 1px rgba(0,0,0,.2);cursor:ew-resize;opacity:0;transition:opacity .25s ease}
.ba-handle:after{content:'';position:absolute;top:50%;left:-10px;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.25)}
#before-after:hover .ba-handle{opacity:1}
#before-after-tbilisi:hover .ba-handle{opacity:1}
@media(max-width:720px){
  .ba-wrap{border-radius:12px}
  .ba-handle{border-left-width:2px}
  .ba-handle:after{width:16px;height:16px;left:-8px}
}


/* === VIP contact form (single-step) === */
.vip-form.lite{margin:16px 0 10px;background:linear-gradient(180deg,#fafafa,#f6f6f6);border:1px solid #eee;border-radius:18px;padding:16px 16px 12px 16px;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.vip-form .vip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end}
.vip-form label{display:flex;flex-direction:column;font-weight:700;font-size:13px;gap:6px}
.vip-form input,.vip-form select,.vip-form textarea{appearance:none;border:1px solid #ddd;border-radius:12px;padding:12px;font-size:14px;outline:0;background:#fff;resize:vertical}
.vip-form .vip-span-2{grid-column:span 3}
.vip-actions{display:flex;justify-content:flex-end}
.vip-actions .btn{padding:12px 20px}

/* Toast */
.vip-thanks{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.5);z-index:120}
.vip-thanks .card{background:#fff;border-radius:16px;padding:22px 20px;min-width:280px;text-align:center;box-shadow:0 16px 48px rgba(0,0,0,.3)}
.vip-thanks h4{margin:0 0 8px;font-size:20px}
.vip-thanks p{margin:0 0 14px;color:#555}
.vip-thanks.show{display:flex}

@media(max-width:980px){
  .vip-form .vip-grid{grid-template-columns:repeat(2,1fr)}
  .vip-form .vip-span-2{grid-column:span 2}
}
@media(max-width:560px){
  .vip-form .vip-grid{grid-template-columns:1fr}
  .vip-form .vip-span-2{grid-column:span 1}
}


/* VIP form - refined focus states and button typography */
.vip-form input:focus, .vip-form select:focus, .vip-form textarea:focus, .vip-actions .btn:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(183,154,98,.35) !important;
  border-color: #B79A62 !important;
}
.vip-actions .btn.gold{
  font-size: 13px; /* slightly smaller label */
  border: none;
}


/* === VIP textarea refinements === */
.vip-form textarea {
  resize: none !important;
  box-shadow: none !important;
  background-clip: padding-box;
}


/* === Legal footer links & modals === */
.legal-links{margin-top:10px;font-size:12px;color:#bbb}
.legal-links a{color:#bbb;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);font-weight:600}
.legal-links a:hover{color:#fff;font-weight:600}
.legal-links .sep{opacity:.5;margin:0 8px}

.legal-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:200}
.legal-modal.open{display:flex}
.legal-card{background:#fff;max-width:820px;max-height:80vh;overflow:auto;border-radius:16px;padding:22px 22px 16px 22px;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.legal-card h3{margin:0 0 8px;font-size:22px}
.legal-card h4{margin: 18px 0 8px;font-size:15px}
.legal-card p{margin: 10px 0;color:#333;line-height:1.55}
.legal-box{background:#faf7ef;border:1px solid #e6dcc6;border-radius:12px;padding: 12px 14px;margin:10px 0}
.legal-close{position:sticky;top:6px;float:right;background:#0000;border:0;color:#999;font-size:28px;cursor:pointer}
.legal-close:hover{color:#333}
.legal-card ul{margin:6px 0 6px 18px}

/* Footer tidy & centering */
.footer-left, .footer-left * { box-sizing: border-box; }
.footer-left .legal-links { display:flex; justify-content:center; gap:14px; flex-wrap:wrap; margin:18px 0 10px; }
.footer-left .legal-links a { font-size:18px; font-weight:600; }
.footer-left .cta-area, .footer-left .footer-cta, .footer-left .cta-buttons { display:flex; justify-content:center; gap:18px; flex-wrap:wrap; margin:10px 0 14px; }
.footer-left .smallnote { text-align:center; margin-top:6px; opacity:.85; }


/* === Footer project buttons: 2x smaller as requested === */
footer .btn-footer{
  font-size: 14px !important;
  padding: 8px 12px !important;
  border-radius: 12px !important;
}


/* === Footer alignment adjustment v2.1 === */
footer .container, footer .footer-top, .footer-left, .legal-links, .project-buttons, .smallnote {
  margin-left: 0 !important;
  text-align: left !important;
}


/* === Footer visual refinement v2.2 === */
footer {
  padding-top: 50px !important;
}
.legal-links,
.project-buttons,
.smallnote {
  margin-left: 92px !important; /* aligned with logo */
}
.legal-links { margin-top: 18px !important; margin-bottom: 14px !important; }
.project-buttons { margin-bottom: 18px !important; gap: 18px !important; }
.smallnote { line-height: 1.6 !important; }


/* === Footer v2.6 — all footer content aligned perfectly under logo === */
footer {
  padding-top: 56px !important;
  padding-bottom: 48px !important;
}
.footer-top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 22px !important;
}
footer .social { gap: 18px !important; }

/* Всё выровнено по лого */
.legal-links,
.project-buttons,
.smallnote {
  margin-left: 95px !important; /* точное выравнивание по лого */
  text-align: left !important;
}
.legal-links { margin-top: 16px !important; margin-bottom: 12px !important; }
.project-buttons { margin-bottom: 18px !important; gap: 18px !important; }
.smallnote { line-height: 1.6 !important; opacity: .88 !important; }

/* Адаптив под мобильные */
@media (max-width: 880px) {
  .legal-links,
  .project-buttons,
  .smallnote {
    margin-left: 24px !important;
    margin-right: 24px !important;
    text-align: center !important;
  }
  .footer-top {
    flex-direction: column !important;
    gap: 18px !important;
  }
  footer .social { justify-content: center !important; }
}


/* Performance: skip rendering until needed */
.section{content-visibility:auto;contain-intrinsic-size:1000px 800px}
/* RTL readiness */
html[dir="rtl"] body{direction:rtl}
html[dir="rtl"] nav.site .menu a{text-align:right}
@media(max-width:640px){ .chip{box-shadow:0 4px 12px rgba(0,0,0,.18)!important}}


/* === Mobile-first hero refinements v20251106 === */
@media(max-width:640px){
  .hero{height:56vh;}
  .hero img{height:56vh;}
  .hero-overlay{left:16px; right:16px; bottom:14px;}
  .hero-overlay h1{font-size:clamp(22px,6vw,32px); line-height:1.08;}
  .hero-overlay p{font-size:15px; opacity:.96;}
  .chips{flex-direction:column; align-items:flex-start; gap:10px;}
  .chip{font-size:14px; padding:9px 12px; max-width:92%;}
}

/* === Footer mobile compact social icons === */
@media(max-width:640px){
  footer .social{gap:10px;}
  footer .social a{padding:10px 12px;}
  footer .social a img{height: 34px; width:auto;}
}


/* === Iteration fix: reduce chip outline so it never overlaps соседний чип === */
.chips .chip{
  box-shadow: 0 4px 14px rgba(0,0,0,0.18) !important;
}
.chips .chip:nth-child(3){
  border: 0 !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.22), 0 0 0 2px rgba(210,170,80,0.20) !important;
}



/* === Footer prices button + phone line (requested) === */
.footer-actions{
  margin-left: 95px !important;
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  margin-top: 10px;
  margin-bottom: 10px;
}
.footer-prices-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 9px 13px;
  border-radius: 16px;
  font-weight: 800;
  font-size: 14px;
  color:#fff;
  background: linear-gradient(135deg,var(--sand),var(--sand-2));
  box-shadow: 0 8px 22px rgba(0,0,0,.26);
  border: 1px solid rgba(255,255,255,.10);
  text-decoration:none;
}
.footer-prices-btn:hover{ opacity:.98; transform: translateY(-1px); }
.footer-phone{
  color:#d7d7d7;
  font-size: 14px;
  font-weight: 600;
  opacity: .95;
}

/* Social icons: allow inline SVG to match existing size */
footer .social a svg{
  height: 44px;
  width: 44px;
  color:#fff;
}
@media(max-width:640px){
  footer .social a svg{height: 34px;width: 34px;}
}

/* Mobile alignment */
@media (max-width: 880px) {
  .footer-actions{
    margin-left: 24px !important;
    margin-right: 24px !important;
    justify-content: center;
    text-align: center;
  }
  .footer-phone{ width:100%; }
}


/* === Modal readability tweaks (requested) === */
.legal-card h3{font-size:24px}
.legal-card{font-size:15px}
.legal-card h4 + p{margin-top:8px}


/* === Scale and Locations: force 2 columns as two blocks (Batumi) === */
#locations .cols.split-2{columns:unset;display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:980px}
#locations .cols.split-2 p{margin:0 0 12px}
@media(max-width:980px){#locations .cols.split-2{grid-template-columns:1fr}}