/* =========================================================
   მარიამ კვაჭაძე — MotionStory  |  style.css  (v4 · სადა)
   Simple, clean, classic · white / cream / black / yellow
   ========================================================= */

:root{
  --bg:#ffffff;
  --cream:#faf7f1;
  --cream-2:#f1ede5;
  --ink:#171717;
  --ink-2:#444444;
  --muted:#7a766f;
  --line:#e6e2da;
  --yellow:#f2c94c;
  --yellow-2:#dcb23a;
  --green:#25d366;

  --serif:"Noto Serif Georgian",Georgia,serif;
  --sans:"Noto Sans Georgian",system-ui,-apple-system,"Segoe UI",sans-serif;

  --r:10px;
  --ease:cubic-bezier(.22,1,.36,1);
  --header-h:76px;
  --bottom-nav-h:64px;
  --safe-b:env(safe-area-inset-bottom,0px);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 8px)}
body{margin:0;font-family:var(--sans);font-weight:400;color:var(--ink);background:var(--bg);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.no-scroll{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
svg{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.2;margin:0}
::selection{background:var(--yellow);color:var(--ink)}

.container{width:min(1160px,100% - 48px);margin-inline:auto}
.section{padding:clamp(60px,7vw,96px) 0}
.hide-mobile{display:inline-flex}

/* ---------- type ---------- */
.eyebrow{display:block;margin:0 0 12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--yellow-2)}
.h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:16px}
.section__head{max-width:600px;margin-bottom:clamp(30px,4vw,48px)}
.section__desc{color:var(--muted);font-size:16px;margin:0}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:var(--r);
  background:var(--ink);color:#fff;font-weight:600;font-size:14.5px;border:1px solid var(--ink);white-space:nowrap;
  transition:background .25s,color .25s,border-color .25s,transform .25s var(--ease);
}
.btn:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink);transform:translateY(-1px)}
.btn--sm{padding:10px 18px;font-size:13.5px}
.btn--block{width:100%}
.btn--light{background:#fff;color:var(--ink);border-color:var(--line)}
.btn--light:hover{background:var(--cream);border-color:var(--ink);color:var(--ink)}
.round-btn{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);color:var(--ink);transition:all .25s}
.round-btn svg{width:18px;height:18px}
.round-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.round-btn--light{background:transparent;border-color:rgba(255,255,255,.25);color:#fff}
.round-btn--light:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.text-link{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:500;color:var(--ink);transition:color .25s}
.text-link svg{width:17px;height:17px;color:var(--muted)}
.text-link:hover{color:var(--yellow-2)}

/* ---------- header (full width) ---------- */
.header{position:sticky;top:0;z-index:60;height:var(--header-h);background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;flex-direction:column;line-height:1.15}
.logo__name{font-family:var(--serif);font-size:21px;font-weight:600;white-space:nowrap}
.logo__sub{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:2px}
.nav{display:flex;gap:clamp(14px,2.4vw,34px)}
.nav a{font-size:14.5px;font-weight:500;color:var(--ink-2);padding:6px 0;position:relative;white-space:nowrap}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav a:hover::after,.nav a.is-active::after{transform:scaleX(1)}
.header__right{display:flex;align-items:center;gap:14px}
.header__soc{display:inline-flex;color:var(--ink-2);transition:color .25s}
.header__soc svg{width:19px;height:19px}
.header__soc:hover{color:var(--yellow-2)}

/* ---------- hero ---------- */
.hero{background:var(--cream);border-bottom:1px solid var(--line)}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(36px,6vw,80px);align-items:center;padding:clamp(48px,6vw,88px) 0}
.hero__title{font-size:clamp(40px,5.4vw,68px);font-weight:600;line-height:1.08;margin:6px 0 18px}
.hero__lead{font-size:clamp(16px,1.2vw,18px);color:var(--ink-2);max-width:520px;margin:0 0 30px}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:38px}
.hero__facts{display:flex;gap:clamp(24px,4vw,48px);padding-top:26px;border-top:1px solid var(--line)}
.hero__facts li{display:flex;flex-direction:column}
.hero__facts strong{font-family:var(--serif);font-weight:600;font-size:28px;line-height:1}
.hero__facts span{font-size:13px;color:var(--muted);margin-top:6px}
.hero__photo{position:relative;justify-self:end;width:min(100%,430px)}
.hero__photo img{width:100%;height:auto;aspect-ratio:2896/4095;object-fit:cover;object-position:50% 50%;border-radius:var(--r);border:1px solid var(--line)}
.hero__caption{display:block;margin-top:12px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:right}

/* ---------- about ---------- */
.about__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,6vw,80px);align-items:center}
.about__photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);border:1px solid var(--line)}
.about__text p{font-size:16.5px;color:var(--ink-2);margin:0 0 16px;max-width:620px}
.about__list{margin:24px 0 24px;display:grid;gap:12px}
.about__list li{display:flex;gap:12px;align-items:flex-start;font-size:15px}
.about__list svg{width:20px;height:20px;margin-top:3px;color:var(--yellow-2)}
.about__social{display:flex;flex-wrap:wrap;gap:24px}

/* ---------- services ---------- */
.services{background:var(--cream);border-block:1px solid var(--line)}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svc{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 28px 26px;display:flex;flex-direction:column;
  cursor:pointer;transition:border-color .25s,transform .35s var(--ease),box-shadow .35s var(--ease);
}
.svc:hover,.svc:focus-visible{border-color:var(--ink);transform:translateY(-4px);box-shadow:0 18px 40px -28px rgba(0,0,0,.35);outline:none}
.svc__head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.svc__icon{width:50px;height:50px;border-radius:var(--r);background:var(--cream);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);flex:none}
.svc__icon svg{width:23px;height:23px}
.svc h3{font-size:16px;margin:0}
.svc p{font-size:14.5px;color:var(--muted);margin:0 0 22px;flex:1}
.svc__link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;padding-top:16px;border-top:1px solid var(--line)}
.svc__link svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.svc:hover .svc__link svg{transform:translateX(5px)}

/* ---------- gallery ---------- */
.gallery__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:clamp(26px,3.5vw,40px)}
.gallery__head .h2{margin-bottom:0}
.tabs{position:relative;display:inline-flex;gap:2px;padding:4px;border-radius:var(--r);background:var(--cream);border:1px solid var(--line)}
.tab{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:7px;font-weight:600;font-size:14px;color:var(--muted);transition:color .25s}
.tab svg{width:17px;height:17px}
.tab.is-active{color:var(--ink)}
.tabs__indicator{position:absolute;top:4px;bottom:4px;left:4px;width:0;border-radius:7px;background:#fff;border:1px solid var(--line);transition:transform .4s var(--ease),width .4s var(--ease)}
.tab-panel{display:none;animation:fadeUp .5s var(--ease)}
.tab-panel.is-active{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.scroller__hint{display:none}

.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.photo-item{position:relative;display:block;aspect-ratio:1/1;border-radius:var(--r);overflow:hidden;background:var(--cream-2);cursor:zoom-in;border:1px solid var(--line)}
.photo-item img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.photo-item::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 50%);opacity:0;transition:opacity .35s}
.photo-item:hover img{transform:scale(1.04)}
.photo-item:hover::after{opacity:1}
.photo-item__cap{position:absolute;left:14px;right:14px;bottom:12px;color:#fff;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;opacity:0;transition:opacity .35s}
.photo-item:hover .photo-item__cap{opacity:1}
.photo-item__cap b{display:block;font-family:var(--serif);font-weight:500;font-size:15px}
.photo-item__cap small{font-size:10.5px;opacity:.8;letter-spacing:.1em;text-transform:uppercase}
.photo-item__cap svg{width:14px;height:14px;padding:8px;box-sizing:content-box;background:#fff;color:var(--ink);border-radius:50%}

.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.video-item{position:relative;border-radius:var(--r);overflow:hidden;background:var(--ink);aspect-ratio:16/10;cursor:pointer;border:1px solid var(--line)}
.video-item img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.video-item::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.05) 60%)}
.video-item:hover img{transform:scale(1.04)}
.video-item__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:58px;height:58px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;transition:background .3s,transform .3s var(--ease)}
.video-item__play svg{width:20px;height:20px;fill:currentColor;stroke:none;margin-left:3px}
.video-item:hover .video-item__play{background:var(--yellow);transform:translate(-50%,-50%) scale(1.06)}
.video-item__info{position:absolute;left:16px;right:16px;bottom:14px;color:#fff;z-index:2}
.video-item__info b{display:block;font-family:var(--serif);font-weight:500;font-size:16px}
.video-item__info small{font-size:10.5px;opacity:.75;letter-spacing:.1em;text-transform:uppercase}
.video-item__dur{position:absolute;top:12px;right:12px;z-index:2;background:rgba(0,0,0,.55);color:#fff;font-size:11.5px;padding:3px 8px;border-radius:6px}

/* ---------- show more ---------- */
.more{display:flex;justify-content:center;margin-top:28px}
.more .btn{min-width:200px}
.is-hidden{display:none!important}

/* ---------- reviews ---------- */
.reviews{background:var(--cream);border-block:1px solid var(--line)}
.reviews__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 22px;-webkit-overflow-scrolling:touch}
.reviews__track::-webkit-scrollbar{display:none}
.review{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;display:flex;flex-direction:column;gap:14px;position:relative}
.review__quote{position:absolute;top:24px;right:24px;width:26px;height:26px;fill:var(--yellow);stroke:none}
.review__stars{display:flex;gap:3px}
.review__stars svg{width:14px;height:14px;fill:var(--yellow);stroke:var(--yellow-2)}
.review__text{font-size:15px;color:var(--ink-2);margin:0;flex:1}
.review__author{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line)}
.review__avatar{width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--yellow);display:grid;place-items:center;font-family:var(--serif);font-size:16px;flex:none;overflow:hidden}
.review__avatar img{width:100%;height:100%;object-fit:cover;display:block}
.review__author b{display:block;font-size:14.5px}
.review__author small{color:var(--muted);font-size:12.5px}
.reviews__nav{display:flex;align-items:center;justify-content:center;gap:16px}
.reviews__dots{display:flex;gap:6px}
.reviews__dots button{width:7px;height:7px;border-radius:999px;background:var(--line);transition:all .3s var(--ease)}
.reviews__dots button.is-active{width:22px;background:var(--ink)}

/* ---------- booking (simple) ---------- */
.booking__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,6vw,80px);align-items:start}
.booking__perks{display:grid;gap:10px;margin:22px 0 26px}
.booking__perks li{display:flex;align-items:center;gap:10px;font-size:15px}
.booking__perks svg{width:16px;height:16px;color:var(--yellow-2);stroke-width:2.4}
.booking__contacts{display:flex;flex-direction:column;gap:12px;padding-top:22px;border-top:1px solid var(--line)}

.form{display:flex;flex-direction:column;gap:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3vw,34px)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:flex;flex-direction:column;gap:6px}
.field__label{font-size:13px;font-weight:600;color:var(--ink-2)}
.field__wrap{position:relative;display:flex}
.field__wrap input,.field__wrap select,.field__wrap textarea{
  width:100%;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 14px;font:inherit;font-size:15px;color:var(--ink);outline:0;
  appearance:none;-webkit-appearance:none;transition:border-color .2s,box-shadow .2s;
}
.field__wrap input:focus,.field__wrap select:focus,.field__wrap textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(242,201,76,.3)}
.field__wrap.is-error input,.field__wrap.is-error select{border-color:#d64545}
.field__wrap textarea{resize:vertical;min-height:110px}
.field__wrap--select select{padding-right:38px;cursor:pointer}
.field__chev{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}
.field__wrap input::placeholder,.field__wrap textarea::placeholder{color:#b1ada6}
.form__note{font-size:12.5px;color:var(--muted);text-align:center;margin:0}

/* ---------- footer ---------- */
.footer{background:var(--ink);color:#fff;padding:clamp(52px,6vw,76px) 0 0}
.footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.12)}
.footer__brand{display:flex;flex-direction:column}
.footer__name{font-family:var(--serif);font-size:24px;font-weight:600}
.footer__sub{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-top:6px}
.footer__brand p{color:rgba(255,255,255,.65);font-size:14.5px;margin:18px 0 22px;max-width:360px}
.footer__social{display:flex;gap:8px}
.footer__social a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff;transition:all .25s}
.footer__social a svg{width:17px;height:17px}
.footer__social a:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.footer__col h4{font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);font-weight:600;margin-bottom:18px}
.footer__col a,.footer__col span{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.72);font-size:14.5px;margin-bottom:11px;transition:color .25s}
.footer__col a:hover{color:var(--yellow)}
.footer__col svg{width:16px;height:16px;color:rgba(255,255,255,.5)}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:22px 0 26px;font-size:13px;color:rgba(255,255,255,.5)}
.to-top{font-weight:500;color:#fff}
.to-top:hover{color:var(--yellow)}

/* ---------- bottom nav (mobile only) ---------- */
.bottom-nav{display:none}

/* ---------- WhatsApp float ---------- */
.wa-float{
  position:fixed;right:24px;bottom:calc(40px + var(--safe-b));z-index:55;display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;
  background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px -12px rgba(0,0,0,.3);transition:transform .3s var(--ease);
}
.wa-float:hover{transform:translateY(-3px)}
.wa-float__icon{width:46px;height:46px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;flex:none}
.wa-float__icon svg{width:25px;height:25px}
.wa-float__text{display:flex;flex-direction:column;line-height:1.15}
.wa-float__text b{font-size:13.5px;font-weight:600}
.wa-float__text small{font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}
.online-dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 0 3px rgba(37,211,102,.2);animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.4}}

/* ---------- service sheet ---------- */
.sheet{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;visibility:hidden;pointer-events:none}
.sheet.is-open{visibility:visible;pointer-events:auto}
.sheet__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s}
.sheet.is-open .sheet__backdrop{opacity:1}
.sheet__panel{position:relative;width:min(720px,calc(100% - 32px));max-height:min(86vh,860px);background:#fff;border-radius:14px;display:flex;flex-direction:column;box-shadow:0 30px 80px -30px rgba(0,0,0,.5);transform:translateY(20px);opacity:0;transition:transform .4s var(--ease),opacity .3s;overflow:hidden}
.sheet.is-open .sheet__panel{transform:none;opacity:1}
.sheet__handle{display:none}
.sheet__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px 16px;border-bottom:1px solid var(--line)}
.sheet__heading{display:flex;align-items:center;gap:14px;min-width:0}
.sheet__heading>div{display:flex;flex-direction:column;min-width:0}
.sheet__heading .eyebrow{margin:0 0 3px}
.sheet__icon{width:46px;height:46px;border-radius:var(--r);background:var(--cream);border:1px solid var(--line);display:grid;place-items:center;flex:none}
.sheet__icon svg{width:22px;height:22px}
.sheet__title{font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.2}
.sheet__body{padding:20px 26px 24px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.sheet__foot{padding:14px 26px calc(16px + var(--safe-b));border-top:1px solid var(--line);background:#fff}
.svc-intro{font-size:15.5px;color:var(--muted);margin:0 0 20px}
.svc-group{margin-bottom:22px}
.svc-group__title{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:18px;font-weight:500;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--ink)}
.svc-group__title svg{width:19px;height:19px}
.svc-list li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.55}
.svc-list li svg{width:15px;height:15px;color:var(--yellow-2);stroke-width:2.4;flex:none;margin-top:4px}
.svc-list li b{font-weight:600}
.svc-list li span{color:var(--muted)}

/* ---------- lightboxes ---------- */
.lightbox,.vlightbox{position:fixed;inset:0;z-index:120;background:#0b0b0b;color:#fff;display:flex;flex-direction:column;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}
.lightbox.is-open,.vlightbox.is-open{visibility:visible;opacity:1}
.lightbox__top,.vlightbox__top{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;z-index:3}
.lightbox__counter{font-size:13px;letter-spacing:.1em;opacity:.75;font-variant-numeric:tabular-nums}
.lightbox__tools{display:flex;gap:8px}
.lightbox__stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 90px;touch-action:none}
.lightbox__stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;transition:transform .4s var(--ease),opacity .3s;transform-origin:center;cursor:zoom-in;user-select:none;-webkit-user-drag:none}
.lightbox.is-zoomed .lightbox__stage img{cursor:zoom-out}
.lightbox__stage img.is-switching{opacity:0;transform:scale(.97)}
.lightbox__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;transition:all .25s}
.lightbox__arrow svg{width:22px;height:22px}
.lightbox__arrow:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.lightbox__arrow--prev{left:20px}
.lightbox__arrow--next{right:20px}
.lightbox__caption{text-align:center;padding:12px 20px 0;font-family:var(--serif);font-size:17px}
.lightbox__caption small{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin-top:3px}
.lightbox__thumbs,.vlightbox__thumbs{display:flex;gap:8px;padding:14px 22px calc(16px + var(--safe-b));overflow-x:auto;scrollbar-width:none;justify-content:safe center}
.lightbox__thumbs::-webkit-scrollbar,.vlightbox__thumbs::-webkit-scrollbar{display:none}
.lightbox__thumbs button,.vlightbox__thumbs button{flex:none;width:64px;height:48px;border-radius:6px;overflow:hidden;opacity:.4;border:2px solid transparent;transition:all .25s}
.vlightbox__thumbs button{width:96px;height:58px;position:relative}
.lightbox__thumbs button img,.vlightbox__thumbs button img{width:100%;height:100%;object-fit:cover}
.lightbox__thumbs button.is-active,.vlightbox__thumbs button.is-active{opacity:1;border-color:var(--yellow)}
.lightbox__thumbs button:hover,.vlightbox__thumbs button:hover{opacity:1}
.vlightbox__info{display:flex;flex-direction:column;min-width:0}
.vlightbox__cat{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow)}
.vlightbox__title{font-family:var(--serif);font-size:19px;font-weight:500}
.vlightbox__stage{flex:1;display:flex;align-items:center;justify-content:center;padding:0 90px;min-height:0}
.vlightbox__player{position:relative;width:min(100%,1120px);aspect-ratio:16/9;max-height:100%;background:#000;border-radius:10px;overflow:hidden;transition:opacity .3s,transform .4s var(--ease)}
.vlightbox__player.is-switching{opacity:0;transform:scale(.98)}
.vlightbox__player video{width:100%;height:100%;display:block;object-fit:contain;background:#000}
.vlightbox__thumbs button::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.3)}
.vlightbox__thumbs button.is-active::after{background:transparent}

/* ---------- toast ---------- */
.toast{position:fixed;left:50%;bottom:calc(24px + var(--safe-b));transform:translate(-50%,20px);z-index:200;display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:var(--r);background:var(--ink);color:#fff;opacity:0;visibility:hidden;transition:all .35s var(--ease);font-size:14px;max-width:calc(100% - 32px)}
.toast svg{width:16px;height:16px;color:var(--green);stroke-width:2.4}
.toast.is-show{opacity:1;visibility:visible;transform:translate(-50%,0)}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal--delay{transition-delay:.1s}
.reveal--delay2{transition-delay:.2s}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1100px){
  .nav{gap:16px}
  .nav a{font-size:13.5px}
  .svc-grid{grid-template-columns:1fr 1fr}
  .photo-grid{grid-template-columns:repeat(3,1fr)}
  .footer__grid{grid-template-columns:1fr 1fr}
  .review{flex-basis:calc((100% - 16px)/2)}
}

@media (max-width:900px){
  :root{--header-h:64px}
  .container{width:min(1160px,100% - 32px)}
  .nav{display:none}
  .header__inner{padding:0 16px}
  .logo__name{font-size:19px}
  .logo__sub{font-size:10px}

  .hero__grid{grid-template-columns:1fr;gap:28px;padding:32px 0 40px}
  .hero__photo{order:-1;justify-self:center;width:min(100%,320px)}
  .hero__caption{text-align:left}
  .hero__title{font-size:clamp(36px,9vw,52px)}
  .hero__cta{margin-bottom:28px}

  .about__grid{grid-template-columns:1fr;gap:28px}
  .about__photo{max-width:420px}
  .booking__grid{grid-template-columns:1fr;gap:32px}

  .lightbox__stage,.vlightbox__stage{padding:0 12px}
  .lightbox__arrow{width:44px;height:44px;top:auto;bottom:calc(92px + var(--safe-b));transform:none}
  .lightbox__arrow--prev{left:14px}
  .lightbox__arrow--next{right:14px}
  .lightbox__caption{padding:8px 70px 0;font-size:15px}
}

@media (max-width:640px){
  body{padding-bottom:calc(var(--bottom-nav-h) + var(--safe-b))}
  .section{padding:52px 0}
  .h2{font-size:clamp(26px,7.4vw,34px)}
  .hero__cta{flex-direction:column}
  .hero__cta .btn{width:100%}
  .hero__facts{gap:18px;justify-content:space-between}
  .hero__facts strong{font-size:24px}
  .hero__facts span{font-size:12px}
  .about__photo{max-width:none}

  .svc-grid{grid-template-columns:1fr;gap:14px}
  .svc{padding:24px 20px 22px}

  /* gallery: one horizontal row, 2 visible + third peeking */
  .gallery__head{flex-direction:column;align-items:stretch;gap:16px}
  .tabs{width:100%;display:flex}
  .tab{flex:1;justify-content:center;padding:10px}
  .scroller{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-right:-16px;padding-right:16px;padding-bottom:4px}
  .scroller::-webkit-scrollbar{display:none}
  .photo-grid,.video-grid{grid-template-columns:none}
  .photo-item,.video-item{flex:0 0 calc((100% - 10px - 16px) / 2.3);scroll-snap-align:start;aspect-ratio:1/1}
  /* მობილურზე ფოტო/ვიდეოზე ტექსტი არ ჩანს — მხოლოდ გადიდებისას */
  .photo-item::after,.photo-item__cap{display:none}
  .video-item__info,.video-item__dur{display:none}
  .video-item::after{background:linear-gradient(to top,rgba(0,0,0,.25),transparent 50%)}
  .video-item__play{width:44px;height:44px}
  .video-item__play svg{width:16px;height:16px}
  .video-item__info{left:12px;right:12px;bottom:10px}
  .video-item__info b{font-size:13px;line-height:1.25}
  .video-item__info small{font-size:9.5px}
  .video-item__dur{top:8px;right:8px;font-size:10.5px;padding:2px 6px}
  .scroller__hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .scroller__hint svg{width:14px;height:14px}

  .review{flex-basis:calc((100% - 10px)/1.12);padding:22px 18px}
  .reviews__track{gap:10px;margin-right:-16px;padding-right:16px}

  .form{padding:20px 16px}
  .form__row{grid-template-columns:1fr}

  .footer__grid{grid-template-columns:1fr;gap:28px;padding-bottom:28px}
  .footer__bottom{flex-direction:column;align-items:flex-start;padding:18px 0 22px}

  /* fixed bottom nav */
  .bottom-nav{
    position:fixed;left:0;right:0;bottom:0;z-index:70;height:calc(var(--bottom-nav-h) + var(--safe-b));padding:6px 4px calc(6px + var(--safe-b));
    display:flex;justify-content:space-around;background:#fff;border-top:1px solid var(--line);
  }
  .bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:10.5px;font-weight:600;border-radius:8px;transition:color .25s}
  .bottom-nav__item svg{width:21px;height:21px}
  .bottom-nav__item.is-active{color:var(--ink)}
  .bottom-nav__item.is-active svg{color:var(--yellow-2)}

  .wa-float{right:12px;bottom:calc(var(--bottom-nav-h) + 12px + var(--safe-b))}
  .wa-float__icon{width:42px;height:42px}
  .wa-float__icon svg{width:23px;height:23px}
  .toast{bottom:calc(var(--bottom-nav-h) + 16px + var(--safe-b))}

  /* service sheet → bottom sheet */
  .sheet{align-items:flex-end}
  .sheet__panel{width:100%;max-height:90dvh;border-radius:16px 16px 0 0;transform:translateY(100%);opacity:1;transition:transform .45s var(--ease)}
  .sheet.is-open .sheet__panel{transform:none}
  .sheet__handle{display:block;width:42px;height:4px;border-radius:99px;background:var(--line);margin:10px auto 0;flex:none}
  .sheet__head{padding:12px 16px 12px}
  .sheet__body{padding:16px 16px 20px}
  .sheet__foot{padding:12px 16px calc(14px + var(--safe-b))}
  .sheet__icon{width:42px;height:42px}
  .sheet__title{font-size:18px}

  .lightbox__top,.vlightbox__top{padding:12px 14px}
  .lightbox__thumbs button{width:52px;height:40px}
  .vlightbox__thumbs button{width:80px;height:50px}
  .vlightbox__title{font-size:16px}
}

/* =========================================================
   ADDITIONS (v4.1): hero yellow CTA, mobile call button,
   mobile service cards, bottom-nav line, gallery & contact pages
   ========================================================= */

/* hero: "დაჯავშნეთ თარიღი" — ყვითელი, hover-ზე შავი */
.btn--yellow{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.btn--yellow:hover{background:var(--ink);border-color:var(--ink);color:#fff}

/* სერვისის ბარათი — ახალი სტრუქტურა (icon | body(h3,p) | link), დესკტოპზე იგივე ვიზუალი */
.svc{display:grid;grid-template-columns:50px 1fr;column-gap:14px;align-items:center}
.svc__body{display:contents}
.svc__body h3{font-size:16px;margin:0}
.svc__body p{grid-column:1/-1;margin:14px 0 22px}
.svc__icon{margin:0}
.svc__link{grid-column:1/-1;align-self:end}

/* header: მობილური "დარეკვის" ღილაკი */
.call-btn{display:none}

/* footer credit */
.footer__credit{color:rgba(255,255,255,.55)}
.footer__credit a{color:#fff;font-weight:500;border-bottom:1px solid rgba(255,255,255,.3);transition:color .25s,border-color .25s}
.footer__credit a:hover{color:var(--yellow);border-color:var(--yellow)}

/* ---------- page head (შიდა გვერდები) ---------- */
.page-head{background:var(--cream);border-bottom:1px solid var(--line);padding:clamp(40px,5vw,64px) 0}
.page-head .h2{margin-bottom:10px}
.page-head__row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.breadcrumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:14px}
.breadcrumb a:hover{color:var(--yellow-2)}
.breadcrumb svg{width:14px;height:14px}

/* ---------- gallery page: სრული ბადე ---------- */
.gallery-full{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gallery-full.video-grid{grid-template-columns:repeat(3,1fr)}
.gallery-full .video-item{aspect-ratio:16/10}

/* ---------- contact page ---------- */
.contact__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,64px);align-items:start}
.contact__cards{display:grid;gap:12px}
.contact-card{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--r);transition:border-color .25s,transform .3s var(--ease)}
a.contact-card:hover{border-color:var(--ink);transform:translateY(-2px)}
.contact-card__icon{width:48px;height:48px;border-radius:var(--r);background:var(--cream);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);flex:none}
.contact-card__icon svg{width:22px;height:22px}
.contact-card small{display:block;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.contact-card b{font-size:15.5px;font-weight:600}
.contact__social{display:flex;gap:10px;margin-top:20px}
.contact__social a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--r);border:1px solid var(--line);background:#fff;font-size:14px;font-weight:500;transition:all .25s}
.contact__social a svg{width:17px;height:17px}
.contact__social a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.contact__form .form__title{font-family:var(--serif);font-size:22px;font-weight:500;margin:0 0 4px}
.contact__form .form__sub{color:var(--muted);font-size:14.5px;margin:0 0 6px}
.contact__map{margin-top:clamp(32px,5vw,56px);border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--cream-2)}
.contact__map iframe{display:block;width:100%;height:360px;border:0;filter:saturate(.85)}

@media (max-width:1100px){
  .gallery-full{grid-template-columns:repeat(3,1fr)}
  .gallery-full.video-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .contact__grid{grid-template-columns:1fr}
  .contact__cards{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  /* header: დარეკვის ღილაკი "რეკავს" */
  .hide-mobile{display:none}
  .header__inner{gap:12px}
  .logo__sub{white-space:nowrap}
  .call-btn{
    position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;
    background:var(--yellow);color:var(--ink);border:1px solid var(--yellow-2);
  }
  .call-btn svg{width:21px;height:21px;animation:ring 1.6s ease-in-out infinite;transform-origin:50% 40%}
  .call-btn::before,.call-btn::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--yellow);animation:callWave 1.8s ease-out infinite;pointer-events:none}
  .call-btn::after{animation-delay:.6s}
  @keyframes ring{0%,100%{transform:rotate(0)}10%{transform:rotate(-14deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(8deg)}50%{transform:rotate(0)}}
  @keyframes callWave{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.9);opacity:0}}

  /* hero: სტატისტიკა იმალება */
  .hero__facts{display:none}

  /* სერვისები: კომპაქტური სტრიქონული ბარათები */
  .svc{display:flex;flex-direction:row;align-items:center;gap:14px;padding:16px 16px 16px 14px}
  .svc__body{display:block;flex:1;min-width:0}
  .svc__icon{width:54px;height:54px;border-radius:14px;background:var(--yellow);border-color:var(--yellow)}
  .svc__icon svg{width:24px;height:24px}
  .svc__body h3{font-size:15.5px;margin:0 0 3px}
  .svc__body p{font-size:12.5px;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .svc__link{padding:0;width:36px;height:36px;border-radius:50%;background:var(--cream);border:1px solid var(--line);justify-content:center;font-size:0;flex:none;align-self:center}
  .svc__link svg{width:16px;height:16px}
  .svc:hover{transform:none;box-shadow:none}

  /* ქვედა მენიუ: ხაზი თავზე */
  .bottom-nav{border-top:0}
  .bottom-nav::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--ink) 0%,var(--yellow) 50%,var(--ink) 100%)}

  .gallery-full,.gallery-full.video-grid{grid-template-columns:1fr 1fr;gap:10px}
  .contact__cards{grid-template-columns:1fr}
  .contact__map iframe{height:260px}
}

/* ---------- v4.2 ---------- */
@media (max-width:640px){
  /* header: ყურმილი უფრო პატარა */
  .call-btn{width:40px;height:40px}
  .call-btn svg{width:18px;height:18px}

  /* სერვისები: ისარი ზუსტად ცენტრში */
  .svc__link{gap:0;display:inline-flex;align-items:center;justify-content:center;line-height:0}
  .svc__link-text{display:none}
  .svc__link svg{width:16px;height:16px;transition:none}
  .svc:hover .svc__link svg{transform:none}

  /* ჩემ შესახებ: მრგვალი ფოტო + ცენტრირებული, დახვეწილი ტექსტი */
  .about__grid{gap:22px}
  .about__photo{max-width:170px;margin:0 auto;position:relative}
  .about__photo::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1.5px solid var(--yellow);opacity:.9}
  .about__photo img{aspect-ratio:1/1;border-radius:50%;border:4px solid #fff;box-shadow:0 14px 30px -16px rgba(0,0,0,.35)}
  .about__text{text-align:center}
  .about__text .eyebrow{margin-bottom:8px}
  .about__text .h2{font-size:26px;line-height:1.25;margin-bottom:14px}
  .about__text p{font-size:15px;line-height:1.75;color:var(--ink-2)}
  .about__text p:first-of-type::first-letter{font-family:var(--serif);font-size:1.5em;font-weight:600;color:var(--ink)}
  .about__list{margin:20px 0 22px;gap:0;text-align:center}
  .about__list li{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.6}
  .about__list li:first-child{border-top:1px solid var(--line)}
  .about__list svg{display:none}
  .about__list b{color:var(--ink)}
  .about__social{justify-content:center;gap:10px}
}

/* ---------- v4.3 ---------- */
/* hero სტატისტიკა — მსუბუქი, ჩარჩოს გარეშე */
.hero__facts{display:flex;flex-wrap:nowrap;gap:0;padding:22px 0 0;border:0;border-top:1px solid var(--line);background:none;border-radius:0;max-width:none;overflow:visible}
.hero__facts li{flex:1 1 0;display:flex;flex-direction:row;align-items:center;gap:12px;padding:0 16px;border:0;border-right:1px solid var(--line)}
.hero__facts li:first-child{padding-left:0}
.hero__facts li:last-child{border-right:0;padding-right:0}
.hero__facts li::before{display:none}
.hero__facts .fact__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--yellow);color:var(--ink);flex:none;margin:0;font-size:0}
.hero__facts .fact__icon svg{width:18px;height:18px;stroke-width:1.9}
.hero__facts li>div{display:flex;flex-direction:column;gap:3px;white-space:nowrap}
.hero__facts strong{display:inline-flex;align-items:baseline;gap:1px;font-family:var(--serif);font-weight:600;font-size:22px;line-height:1}
.hero__facts strong i{font-style:normal;font-family:var(--sans);font-weight:600;font-size:15px;color:var(--yellow-2)}
.hero__facts li>div>span{display:block;font-size:12.5px;color:var(--muted);margin:0;letter-spacing:0;text-transform:none;line-height:1.2}

/* სოც. ბმულები — ბრენდის ფერის ბორდერი */
.about__social .text-link{padding:9px 16px;border:1.5px solid var(--line);border-radius:999px;background:#fff;font-size:14px}
.text-link--ig{border-color:#E1306C!important;color:#E1306C}
.text-link--ig svg{color:#E1306C}
.text-link--ig:hover{background:#E1306C;color:#fff}
.text-link--ig:hover svg{color:#fff}
.text-link--fb{border-color:#1877F2!important;color:#1877F2}
.text-link--fb svg{color:#1877F2}
.text-link--fb:hover{background:#1877F2;color:#fff}
.text-link--fb:hover svg{color:#fff}

@media (max-width:900px){
  .hero__facts{display:none}
}

/* ---------- v4.4 ---------- */
/* footer: მხოლოდ credit, ცენტრში */
.footer__bottom{justify-content:center;text-align:center}

/* header: ბრენდის ფერის სოც. იკონები */
.header__soc--fb,.header__soc--ig{width:40px;height:40px;border-radius:50%;border:1.5px solid;display:inline-flex;align-items:center;justify-content:center;transition:all .25s}
.header__soc--fb{border-color:#1877F2;color:#1877F2}
.header__soc--ig{border-color:#E1306C;color:#E1306C}
.header__soc--fb:hover{background:#1877F2;color:#fff}
.header__soc--ig:hover{background:#E1306C;color:#fff}
.header__soc--fb svg,.header__soc--ig svg{width:17px;height:17px}

/* გალერეის გვერდი: 5 ფოტო ერთ ხაზზე */
.gallery-full.photo-grid{grid-template-columns:repeat(5,1fr);gap:12px}

/* წარმატების ფანჯარა */
.success{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.success.is-open{opacity:1;visibility:visible}
.success__box{background:#fff;border-radius:16px;padding:36px 40px;text-align:center;max-width:min(420px,calc(100% - 40px));box-shadow:0 30px 80px -30px rgba(0,0,0,.5);transform:translateY(16px) scale(.96);transition:transform .35s var(--ease)}
.success.is-open .success__box{transform:none}
.success__icon{width:72px;height:72px;border-radius:50%;background:var(--yellow);color:var(--ink);display:grid;place-items:center;margin:0 auto 18px;animation:successPop .5s var(--ease)}
.success__icon svg{width:34px;height:34px;stroke-width:2.6}
@keyframes successPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}
.success__title{font-family:var(--serif);font-size:22px;font-weight:600;margin:0 0 6px}
.success__text{color:var(--muted);font-size:14.5px;margin:0}

@media (max-width:1100px){.gallery-full.photo-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.gallery-full.photo-grid{grid-template-columns:1fr 1fr;gap:10px}}

/* ---------- v4.5: ვიდეო ქავერის გარეშე ---------- */
.video-item video{width:100%;height:100%;object-fit:cover;pointer-events:none}
.vlightbox__thumbs button video{width:100%;height:100%;object-fit:cover;pointer-events:none}