/* ══════════════════════════════════════════════════════════════
   რესტორანი სამეგრელო — დიზაინის სისტემა
   ბრენდის იდენტობა აღებულია ლოგოდან: შავი + ოქროსფერი (#FAD309)
   ყველა ფერი, ზომა და შრიფტი მხოლოდ ამ ბლოკიდან იმართება.
   ══════════════════════════════════════════════════════════════ */
:root{
  /* ფერები — ლოგოდან */
  --gold:#FAD309;
  --gold-soft:#FFE24C;
  --gold-deep:#C9A600;
  --coal:#131313;

  --bg:#0D0D0C;
  --surface:#171714;
  --surface-2:#201F1B;
  --line:rgba(250,211,9,.16);
  --line-soft:rgba(246,243,234,.10);

  --ink:#F7F4EA;
  --ink-dim:rgba(247,244,234,.68);
  --ink-faint:rgba(247,244,234,.42);

  --accent:var(--gold);
  --accent-hover:var(--gold-soft);
  --accent-ink:#141200;

  --photo-1:rgba(250,211,9,.20);
  --photo-2:rgba(255,255,255,.06);
  --photo-bg:#1A1A16;

  --ok:#7FA85C;
  --star:var(--gold);
  --header-bg:rgba(13,13,12,.92);
  --shadow:0 24px 50px -28px rgba(0,0,0,.9);

  /* ტიპოგრაფია */
  --display:Sylfaen,"Noto Serif Georgian","BPG Nino Mtavruli",Georgia,serif;
  --body:"Noto Sans Georgian","Segoe UI",Sylfaen,system-ui,-apple-system,sans-serif;

  --s1:.35rem; --s2:.7rem; --s3:1.1rem; --s4:1.7rem; --s5:2.8rem; --s6:4.2rem;
  --r-sm:8px; --r-md:14px; --r-lg:20px;
  --maxw:1180px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--body); font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
body.no-scroll{overflow:hidden}
img{max-width:100%; display:block}
a{color:inherit}
h1,h2,h3,h4{text-wrap:balance}
:focus-visible{outline:2px solid var(--gold); outline-offset:3px; border-radius:4px}
.muted{color:var(--ink-faint)}
@media (prefers-reduced-motion:reduce){*{animation:none!important; transition:none!important; scroll-behavior:auto}}

.wrap{width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:var(--s3)}

/* ── ორნამენტი: ოქროს ზოლი ────────────────────────────────── */
.ornament{
  height:8px; width:100%;
  background-image:
    linear-gradient(135deg,var(--gold) 25%,transparent 25%),
    linear-gradient(225deg,var(--gold) 25%,transparent 25%);
  background-size:12px 12px; opacity:.65;
}
.hairline{height:1px; background:linear-gradient(90deg,transparent,var(--gold),transparent); opacity:.5}

/* ── ANNOUNCE ─────────────────────────────────────────────── */
.announce{
  background:var(--gold); color:var(--accent-ink); font-weight:600;
  font-size:.8rem; letter-spacing:.03em; text-align:center; padding:var(--s2) var(--s3);
}

/* ── ლოგო ─────────────────────────────────────────────────── */
.logo{display:flex; align-items:center; gap:.65rem; text-decoration:none; margin-right:auto}
.logo-mark{width:46px; height:46px; flex:0 0 auto}
.logo-text{display:flex; flex-direction:column; line-height:1}
.logo-kicker{font-size:.6rem; letter-spacing:.3em; color:var(--gold); text-transform:uppercase}
.logo-text b{font-family:var(--display); font-size:1.3rem; font-weight:600; letter-spacing:.02em; margin-top:5px}

/* ── HEADER ───────────────────────────────────────────────── */
.hdr{position:sticky; top:0; z-index:60; background:var(--header-bg);
  backdrop-filter:blur(12px); border-bottom:1px solid var(--line)}
.hdr-in{display:flex; align-items:center; gap:var(--s3); padding-block:var(--s2); min-height:70px}
.nav{display:none; gap:1.05rem; font-size:.9rem}
.nav a{text-decoration:none; color:var(--ink-dim); padding-block:5px; border-bottom:1px solid transparent; white-space:nowrap}
.nav a:hover{color:var(--ink); border-bottom-color:var(--gold)}
.nav a[aria-current="page"]{color:var(--gold); border-bottom-color:var(--gold)}
.hdr-cta{display:none; padding:11px 20px}

.icon-btn{display:grid; place-items:center; width:42px; height:42px; border-radius:50%;
  background:transparent; border:1px solid var(--line); color:var(--ink); cursor:pointer; flex:0 0 auto}
.icon-btn:hover{border-color:var(--gold)}
.burger{gap:4px}
.burger span{display:block; width:17px; height:1.5px; background:currentColor; transition:transform .2s ease, opacity .2s ease}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

@media (min-width:1080px){
  .nav{display:flex}
  .hdr-cta{display:inline-flex}
  .burger{display:none}
}

/* ── მობილურის მენიუ ──────────────────────────────────────── */
.drawer{position:fixed; inset:0; z-index:70; background:var(--bg);
  display:flex; flex-direction:column; justify-content:center; gap:var(--s4); padding:var(--s5) var(--s3)}
.drawer[hidden]{display:none}
.drawer-nav{display:grid; gap:var(--s1); max-width:var(--maxw); margin-inline:auto; width:100%}
.drawer-nav a{font-family:var(--display); font-size:1.6rem; text-decoration:none; color:var(--ink-dim);
  padding-block:var(--s2); border-bottom:1px solid var(--line-soft)}
.drawer-nav a[aria-current="page"]{color:var(--gold)}
.drawer-nav a:hover{color:var(--ink)}
.drawer-foot{max-width:var(--maxw); margin-inline:auto; width:100%}
.drawer-foot .btn{width:100%}

/* ── ღილაკები ─────────────────────────────────────────────── */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font-family:var(--body); font-size:1rem; font-weight:700; padding:14px 26px;
  border-radius:999px; border:1px solid transparent; cursor:pointer; text-decoration:none;
  transition:transform .15s ease, background .15s ease, border-color .15s ease}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--gold); color:var(--accent-ink)}
.btn-primary:hover{background:var(--gold-soft)}
.btn-ghost{background:transparent; color:var(--ink); border-color:var(--line)}
.btn-ghost:hover{border-color:var(--gold); color:var(--gold)}
.btn-sm{padding:10px 18px; font-size:.9rem}

/* ── ფოტოს ადგილი ─────────────────────────────────────────── */
.ph{position:relative; border-radius:var(--r-md); overflow:hidden;
  background:
    radial-gradient(80% 70% at 30% 24%, var(--photo-1), transparent 62%),
    radial-gradient(70% 65% at 74% 78%, var(--photo-2), transparent 60%),
    var(--photo-bg);
  border:1px solid var(--line-soft); display:grid; place-items:center}
.ph > .ph-label{font-size:.66rem; letter-spacing:.2em; text-transform:uppercase; color:var(--ink-faint); text-align:center; padding:var(--s2)}

/* ── HERO ─────────────────────────────────────────────────── */
.hero{padding-block:var(--s5) var(--s4)}
.hero-grid{display:grid; gap:var(--s4); align-items:center}
.chip{display:inline-flex; align-items:center; gap:8px; font-size:.78rem; letter-spacing:.05em;
  color:var(--ink-dim); border:1px solid var(--line); border-radius:999px; padding:6px 14px}
.dot{width:7px; height:7px; border-radius:50%; background:var(--ok)}
.hero h1{font-family:var(--display); font-weight:600; font-size:clamp(2.2rem,7vw,4rem);
  line-height:1.05; letter-spacing:-.01em; margin:var(--s3) 0 var(--s2)}
.hero h1 em{font-style:normal; color:var(--gold)}
.hero .lead{font-size:1.05rem; color:var(--ink-dim); max-width:46ch; margin:0 0 var(--s4)}
.cta-row{display:flex; flex-wrap:wrap; gap:var(--s2)}
.hero .ph{aspect-ratio:4/3; border-radius:var(--r-lg); box-shadow:var(--shadow); max-width:440px; margin-inline:auto; width:100%}
@media (min-width:920px){
  .hero{padding-block:var(--s6) var(--s5)}
  .hero-grid{grid-template-columns:1.15fr .85fr; gap:var(--s6)}
}

/* ── შიდა გვერდის სათაური ─────────────────────────────────── */
.page-hero{padding-block:var(--s5) var(--s3); border-bottom:1px solid var(--line)}
.page-hero h1{font-family:var(--display); font-weight:600; font-size:clamp(1.9rem,5.5vw,3rem); margin:var(--s1) 0 var(--s2); line-height:1.1}
.page-hero p{color:var(--ink-dim); max-width:60ch; margin:0}
.crumb{font-size:.75rem; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-faint)}
.crumb a{text-decoration:none}
.crumb a:hover{color:var(--gold)}

/* ── სექციები ─────────────────────────────────────────────── */
.sec{padding-block:var(--s5)}
.sec-head{display:flex; align-items:flex-end; justify-content:space-between; gap:var(--s3); margin-bottom:var(--s4)}
.eyebrow{font-size:.7rem; letter-spacing:.24em; color:var(--gold); text-transform:uppercase; margin:0 0 var(--s1)}
.sec-head h2{font-family:var(--display); font-weight:600; font-size:clamp(1.6rem,4.5vw,2.4rem); margin:0; line-height:1.15}
.sec-head a{font-size:.9rem; color:var(--ink-dim); text-decoration:none; white-space:nowrap; border-bottom:1px solid var(--line)}
.sec-head a:hover{color:var(--gold); border-bottom-color:var(--gold)}

/* ── კარუსელი ─────────────────────────────────────────────── */
.carousel{position:relative; border-radius:var(--r-lg); overflow:hidden; background:var(--surface); border:1px solid var(--line)}
.car-track{display:flex; transition:transform .55s cubic-bezier(.22,.75,.25,1); will-change:transform}
.car-slide{flex:0 0 100%; position:relative}
.car-slide .ph{aspect-ratio:16/9; max-height:380px; border:0; border-radius:0}
.car-cap{position:absolute; left:0; right:0; bottom:0; padding:var(--s4) var(--s3) var(--s3);
  background:linear-gradient(to top, rgba(0,0,0,.8), transparent); color:#FFF}
.car-cap b{display:block; font-family:var(--display); font-size:1.3rem; font-weight:600; color:var(--gold)}
.car-cap span{font-size:.86rem; opacity:.85}
.car-btn{position:absolute; top:50%; transform:translateY(-50%); z-index:2;
  width:44px; height:44px; border-radius:50%; border:1px solid rgba(250,211,9,.4);
  background:rgba(0,0,0,.5); color:var(--gold); cursor:pointer; display:grid; place-items:center; font-size:1.1rem}
.car-btn:hover{background:var(--gold); border-color:var(--gold); color:var(--accent-ink)}
.car-prev{left:var(--s2)} .car-next{right:var(--s2)}
.car-dots{display:flex; justify-content:center; gap:8px; padding:var(--s3) 0 0}
.car-dots button{width:8px; height:8px; padding:0; border-radius:50%; border:0; cursor:pointer;
  background:var(--line-soft); transition:width .2s ease, background .2s ease}
.car-dots button[aria-selected="true"]{width:26px; border-radius:999px; background:var(--gold)}
@media (max-width:600px){ .car-btn{display:none} }

/* ── კატეგორიების რელსი ───────────────────────────────────── */
.rail{display:flex; gap:var(--s2); overflow-x:auto; padding-bottom:var(--s2); scrollbar-width:thin}
.rail button{flex:0 0 auto; font-family:var(--body); font-size:.92rem; color:var(--ink-dim);
  background:var(--surface); border:1px solid var(--line-soft); border-radius:999px; padding:10px 18px;
  cursor:pointer; white-space:nowrap}
.rail button:hover{color:var(--ink); border-color:var(--line)}
.rail button[aria-pressed="true"]{background:var(--gold); border-color:var(--gold); color:var(--accent-ink); font-weight:600}

/* ── კერძების ბადე ────────────────────────────────────────── */
.dishes{display:grid; grid-template-columns:repeat(2,1fr); gap:var(--s3); margin-top:var(--s4)}
@media (min-width:680px){ .dishes{grid-template-columns:repeat(3,1fr)} }
@media (min-width:1000px){ .dishes{grid-template-columns:repeat(4,1fr)} }
.dish{background:var(--surface); border:1px solid var(--line-soft); border-radius:var(--r-lg);
  overflow:hidden; display:flex; flex-direction:column;
  transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease}
.dish:hover{border-color:var(--gold); transform:translateY(-3px); box-shadow:var(--shadow)}
.dish .ph{aspect-ratio:16/10; border:0; border-radius:0}
.tag{position:absolute; top:10px; left:10px; z-index:1; font-size:.62rem; letter-spacing:.1em;
  text-transform:uppercase; font-weight:700; background:var(--gold); color:var(--accent-ink);
  border-radius:999px; padding:4px 10px}
.dish-body{padding:var(--s3); display:flex; flex-direction:column; gap:6px; flex:1}
.dish-name{font-family:var(--display); font-size:1.1rem; font-weight:600; margin:0; line-height:1.25}
.dish-desc{font-size:.84rem; color:var(--ink-faint); margin:0;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.dish-foot{display:flex; align-items:center; justify-content:space-between; gap:var(--s2); margin-top:auto; padding-top:var(--s2)}
.price{font-size:1.1rem; font-weight:700; font-variant-numeric:tabular-nums; color:var(--gold)}
.add{width:40px; height:40px; border-radius:50%; border:none; cursor:pointer; background:var(--gold);
  color:var(--accent-ink); font-size:1.35rem; line-height:1; display:grid; place-items:center; flex:0 0 auto; font-weight:700}
.add:hover{background:var(--gold-soft)}

/* ── აქციები ──────────────────────────────────────────────── */
.promo{background:var(--surface-2); border:1px solid var(--line); border-radius:var(--r-lg);
  padding:var(--s4); display:grid; gap:var(--s3); align-items:center; overflow:hidden}
.promo h3{font-family:var(--display); font-size:clamp(1.4rem,4vw,2rem); margin:0 0 var(--s2)}
.promo p{margin:0 0 var(--s3); color:var(--ink-dim); max-width:44ch}
.promo .ph{aspect-ratio:4/3}
.old{text-decoration:line-through; color:var(--ink-faint); margin-right:10px; font-weight:400}
@media (min-width:820px){ .promo{grid-template-columns:1.2fr .8fr; padding:var(--s5); gap:var(--s5)} }

.offer-grid{display:grid; gap:var(--s3); grid-template-columns:1fr}
@media (min-width:780px){ .offer-grid{grid-template-columns:repeat(3,1fr); gap:var(--s4)} }
.offer{background:var(--surface); border:1px solid var(--line-soft); border-radius:var(--r-lg); overflow:hidden;
  display:flex; flex-direction:column}
.offer:hover{border-color:var(--gold)}
.offer .ph{aspect-ratio:16/10; border:0; border-radius:0}
.offer-body{padding:var(--s3); display:flex; flex-direction:column; gap:var(--s2); flex:1}
.offer-body h3{font-family:var(--display); font-size:1.2rem; margin:0}
.offer-body p{margin:0; font-size:.9rem; color:var(--ink-faint)}
.offer-price{font-size:1.25rem; font-weight:700; font-variant-numeric:tabular-nums; margin-top:auto; color:var(--gold)}

/* ── ვიდეო ────────────────────────────────────────────────── */
.video-grid{display:grid; gap:var(--s4); align-items:center}
@media (min-width:900px){ .video-grid{grid-template-columns:1.15fr .85fr; gap:var(--s5)} }
.video-grid h2{font-family:var(--display); font-size:clamp(1.5rem,4vw,2.2rem); margin:0 0 var(--s2); line-height:1.15}
.video-grid p{color:var(--ink-dim); margin:0 0 var(--s3); max-width:44ch}
.video-box{position:relative; border-radius:var(--r-lg); overflow:hidden; border:1px solid var(--line);
  background:var(--photo-bg); aspect-ratio:16/9}
.video-box iframe{width:100%; height:100%; border:0; display:block}
.video-ph{position:absolute; inset:0; display:grid; place-items:center; gap:var(--s2); text-align:center;
  background:
    radial-gradient(80% 70% at 30% 24%, var(--photo-1), transparent 62%),
    radial-gradient(70% 65% at 74% 78%, var(--photo-2), transparent 60%),
    var(--photo-bg)}
.video-play{width:72px; height:72px; border-radius:50%; background:var(--gold); color:var(--accent-ink);
  display:grid; place-items:center; font-size:1.6rem; border:0; cursor:pointer}
.video-play:hover{background:var(--gold-soft)}
.video-note{font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-faint)}

/* ── ისტორია ──────────────────────────────────────────────── */
.story{display:grid; gap:var(--s4); align-items:center}
.story h2{font-family:var(--display); font-size:clamp(1.6rem,4.5vw,2.4rem); margin:0 0 var(--s3); line-height:1.15}
.story p{color:var(--ink-dim); margin:0 0 var(--s3)}
.story .ph{aspect-ratio:1/1; border-radius:var(--r-lg); max-width:360px; width:100%}
@media (min-width:820px){ .story{grid-template-columns:.8fr 1.2fr; gap:var(--s5)} }

/* ── გალერეა ──────────────────────────────────────────────── */
.tiles{display:grid; grid-template-columns:repeat(2,1fr); gap:var(--s2)}
.tiles .ph{aspect-ratio:1/1; cursor:zoom-in}
.tiles .ph:hover{border-color:var(--gold)}
@media (min-width:600px){ .tiles{grid-template-columns:repeat(3,1fr); gap:var(--s3)} }
@media (min-width:900px){ .tiles{grid-template-columns:repeat(5,1fr)} }
.lightbox{position:fixed; inset:0; z-index:80; background:rgba(0,0,0,.92); display:grid; place-items:center; padding:var(--s3)}
.lightbox[hidden]{display:none}
.lightbox .ph{width:min(92vw,900px); aspect-ratio:4/3; border-radius:var(--r-lg)}
.lightbox-close{position:absolute; top:var(--s3); right:var(--s3); width:44px; height:44px; border-radius:50%;
  border:1px solid var(--line); background:transparent; color:var(--gold); font-size:1.2rem; cursor:pointer}

/* ── შეფასებები ───────────────────────────────────────────── */
.rating-top{display:flex; flex-wrap:wrap; align-items:center; gap:var(--s3); margin-bottom:var(--s4)}
.rating-score{font-family:var(--display); font-size:3rem; font-weight:600; line-height:1; font-variant-numeric:tabular-nums; color:var(--gold)}
.stars{display:inline-flex; gap:3px; color:var(--star); font-size:1.05rem; letter-spacing:2px}
.stars .off{color:var(--ink-faint)}
.rating-meta{font-size:.88rem; color:var(--ink-faint)}
.reviews{display:grid; gap:var(--s3); grid-template-columns:1fr}
@media (min-width:780px){ .reviews{grid-template-columns:repeat(3,1fr); gap:var(--s4)} }
.rev{background:var(--surface); border:1px solid var(--line-soft); border-radius:var(--r-lg); padding:var(--s3);
  display:flex; flex-direction:column; gap:var(--s2)}
.rev p{margin:0; color:var(--ink-dim); font-size:.92rem}
.rev b{font-size:.9rem; color:var(--gold)}

/* ── ფორმები ──────────────────────────────────────────────── */
.form{display:grid; gap:var(--s3); max-width:640px}
.form-row{display:grid; gap:var(--s3)}
@media (min-width:640px){ .form-row-2{grid-template-columns:1fr 1fr} .form-row-3{grid-template-columns:1fr 1fr 1fr} }
.field{display:grid; gap:6px}
.field label{font-size:.8rem; letter-spacing:.06em; color:var(--ink-faint)}
.field input, .field select, .field textarea{
  font-family:var(--body); font-size:1rem; color:var(--ink); background:var(--surface);
  border:1px solid var(--line-soft); border-radius:var(--r-sm); padding:12px 14px; width:100%}
.field input:focus, .field select:focus, .field textarea:focus{border-color:var(--gold); outline:none}
.field textarea{min-height:110px; resize:vertical}
.form-note{font-size:.8rem; color:var(--ink-faint)}
.inline-form{display:flex; flex-wrap:wrap; gap:var(--s2); max-width:520px}
.inline-form input{flex:1 1 220px; font-family:var(--body); font-size:1rem; color:var(--ink);
  background:var(--surface); border:1px solid var(--line-soft); border-radius:999px; padding:13px 20px}
.inline-form input:focus{border-color:var(--gold); outline:none}

/* ── ფაქტები ──────────────────────────────────────────────── */
.facts{display:grid; gap:var(--s3); grid-template-columns:1fr}
.fact{border-top:2px solid var(--gold); padding-top:var(--s3)}
.fact b{display:block; font-family:var(--display); font-size:1.9rem; font-weight:600; font-variant-numeric:tabular-nums}
.fact span{font-size:.88rem; color:var(--ink-faint)}
@media (min-width:700px){ .facts{grid-template-columns:repeat(3,1fr); gap:var(--s4)} }

/* ── გამოწერა / სოც. ──────────────────────────────────────── */
.band{background:var(--surface-2); border-block:1px solid var(--line); padding-block:var(--s5)}
.band-grid{display:grid; gap:var(--s4)}
@media (min-width:860px){ .band-grid{grid-template-columns:1.1fr .9fr; gap:var(--s6); align-items:center} }
.social{display:flex; gap:var(--s2); margin-top:var(--s3)}
.soc{display:grid; place-items:center; width:42px; height:42px; border-radius:50%;
  border:1px solid var(--line); color:var(--ink-dim); text-decoration:none}
.soc:hover{border-color:var(--gold); color:var(--gold)}

/* ── შეკვეთის გვერდი ──────────────────────────────────────── */
.order-grid{display:grid; gap:var(--s4)}
@media (min-width:960px){ .order-grid{grid-template-columns:1.5fr .9fr; gap:var(--s5); align-items:start} }
.cart-panel{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg); padding:var(--s3)}
@media (min-width:960px){ .cart-panel{position:sticky; top:100px} }
.cart-panel h3{font-family:var(--display); font-size:1.25rem; margin:0 0 var(--s3); color:var(--gold)}
.cart-list{display:grid; gap:var(--s2); margin-bottom:var(--s3)}
.cart-item{display:flex; align-items:center; gap:var(--s2); font-size:.92rem}
.cart-item .nm{flex:1}
.cart-item .qt{color:var(--gold); font-variant-numeric:tabular-nums; font-weight:700}
.cart-item .pr{font-variant-numeric:tabular-nums; font-weight:600}
.cart-empty{color:var(--ink-faint); font-size:.9rem}
.cart-total{display:flex; justify-content:space-between; border-top:1px solid var(--line);
  padding-top:var(--s3); margin-bottom:var(--s3); font-size:1.05rem; font-weight:700; font-variant-numeric:tabular-nums}

/* ── FOOTER ───────────────────────────────────────────────── */
.ftr{background:var(--surface); border-top:1px solid var(--line); margin-top:var(--s5); padding-block:var(--s5) 120px}
.ftr-grid{display:grid; gap:var(--s4)}
.ftr h4{font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); margin:0 0 var(--s2)}
.ftr ul{list-style:none; margin:0; padding:0; display:grid; gap:8px; font-size:.92rem}
.ftr a{color:var(--ink-dim); text-decoration:none}
.ftr a:hover{color:var(--gold)}
.ftr-about{color:var(--ink-faint); font-size:.9rem; max-width:34ch; margin:0}
.ftr .logo{margin-right:0}
.ftr-bottom{display:flex; flex-wrap:wrap; gap:var(--s2) var(--s3); justify-content:space-between;
  border-top:1px solid var(--line-soft); margin-top:var(--s4); padding-top:var(--s3); font-size:.8rem; color:var(--ink-faint)}
@media (min-width:760px){ .ftr-grid{grid-template-columns:1.4fr 1fr 1fr 1fr} .ftr{padding-bottom:var(--s5)} }

/* ── კალათის ზოლი ─────────────────────────────────────────── */
.cartbar{position:fixed; left:0; right:0; bottom:0; z-index:55;
  padding:var(--s2) var(--s3) calc(var(--s2) + env(safe-area-inset-bottom));
  background:var(--header-bg); backdrop-filter:blur(14px); border-top:1px solid var(--gold);
  transform:translateY(120%); transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.cartbar.on{transform:translateY(0)}
.cartbar-in{display:flex; align-items:center; gap:var(--s3); max-width:var(--maxw); margin-inline:auto}
.cartbar .sum{margin-right:auto; line-height:1.25}
.cartbar .sum b{display:block; font-size:1.05rem; font-variant-numeric:tabular-nums; color:var(--gold)}
.cartbar .sum span{font-size:.78rem; color:var(--ink-faint)}

.toast{position:fixed; left:50%; bottom:96px; transform:translate(-50%,14px); background:var(--gold);
  color:var(--accent-ink); font-size:.85rem; font-weight:700; padding:10px 18px; border-radius:999px;
  opacity:0; pointer-events:none; transition:opacity .2s ease, transform .2s ease; z-index:90}
.toast.on{opacity:1; transform:translate(-50%,0)}

.note{border:1px dashed var(--line); border-radius:var(--r-md); padding:var(--s3);
  font-size:.85rem; color:var(--ink-dim); margin-top:var(--s4)}
.note b{color:var(--gold)}