.gallery {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 5vw;
  align-items: center;
  overflow: hidden;
  background: #211916;
  color: #fff;
}

.gallery-copy p {
  max-width: 560px;
  color: #d9cbc0;
}

.gallery-copy .section-tag {
  color: #e8ba71;
}

.gallery .btn.wine {
  margin-top: 18px;
  background: var(--gold);
  color: #2a1912;
}

.gallery-photos {
  display: grid;
  grid-template-columns: 1.55fr .75fr;
  gap: 12px;
  min-width: 0;
}

.gallery-photos img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #ffffff1f;
  border-radius: 20px;
}

.gallery-wide { aspect-ratio: 4 / 3; }
.gallery-tall { aspect-ratio: 3 / 4; }
.mobile-dock { display: none; }

.moments {
  background: #fbf4e8;
}

.moments-head {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(260px, .65fr);
  gap: 4vw;
  align-items: end;
  margin-bottom: 32px;
}

.moments-head .section-tag { grid-column: 1 / -1; margin-bottom: -20px; }
.moments-head h2 { margin: 0; }
.moments-head > p:last-child { margin: 0 0 7px; color: var(--muted); }
.moments-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr; grid-template-rows: repeat(2, 230px); gap: 12px; }
.moments-grid figure { position: relative; overflow: hidden; margin: 0; border-radius: 18px; background: #251a16; }
.moments-grid .moment-community { grid-row: 1 / 3; }
.moments-grid figure:nth-child(2) { grid-column: 2 / 4; }
.moments-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.moments-grid figure:not(.moment-community) img { object-position: center 42%; }
.moments-grid figure:hover img { transform: scale(1.025); }
.moments-grid figcaption { position: absolute; right: 0; bottom: 0; left: 0; display: flex; justify-content: space-between; gap: 12px; align-items: end; padding: 42px 17px 15px; background: linear-gradient(transparent,#160c09d9); color: #fff; }
.moments-grid figcaption b { font-size: 12px; letter-spacing: .08em; }
.moments-grid figcaption span { font-size: 11px; color: #f0d8b5; }

.spice-banner {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
  gap: clamp(24px, 5vw, 70px);
  align-items: center;
  padding: 42px clamp(24px, 6vw, 90px);
  background: linear-gradient(115deg, #f5bd31 0%, #d98218 48%, #7b151a 100%);
  color: #21130e;
}

.spice-visuals {
  display: grid;
  grid-template-columns: 1.45fr .8fr;
  gap: 10px;
  min-width: 0;
}

.spice-visuals img {
  display: block;
  width: 100%;
  height: 285px;
  object-fit: cover;
  border: 1px solid #ffffff4a;
  border-radius: 18px;
  box-shadow: 0 18px 40px #42101438;
}

.spice-banner .section-tag { margin: 0 0 5px; color: inherit; }
.spice-banner h2 { margin: 0; font-size: clamp(24px, 3vw, 42px); line-height: 1.15; }
.spice-banner p:not(.section-tag) { margin: 8px 0 0; max-width: 760px; }
.spice-call { display: inline-flex; flex-direction: column; align-items: flex-start; margin-top: 18px; background: #fff; color: #681216; white-space: nowrap; }
.spice-call b { margin-top: 3px; font-size: 18px; }
.spice-calls { display: flex; flex-wrap: wrap; gap: 10px; }
.shop-highlight { padding: 10px 12px; border-left: 4px solid #d98218; border-radius: 0 8px 8px 0; background: #fff1cf; color: #681216; font-weight: 800; }

.social-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin-top: 22px;
}

.social-links a {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 13px 15px;
  border-radius: 14px;
  color: #fff;
}

.social-links b { font-size: 13px; }
.social-links span { font-size: 9px; opacity: .85; }
.social-links .facebook { background: #1769e0; }
.social-links .instagram { background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045); }
.social-links .line { background: #06c755; }

.qr-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.qr-row figure { margin: 0; text-align: center; }
.qr-row img { width: 100%; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.qr-row figcaption { margin-top: 4px; color: var(--muted); font-size: 8px; font-weight: 900; letter-spacing: .08em; }

@media (max-width: 900px) {
  .gallery {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .spice-banner { grid-template-columns: 1fr; }
  .spice-visuals img { height: 240px; }
  .moments-grid { grid-template-columns: 1.25fr 1fr; grid-template-rows: repeat(3, 200px); }
  .moments-grid .moment-community { grid-row: 1 / 3; }
  .moments-grid figure:nth-child(2) { grid-column: auto; }
}

@media (max-width: 560px) {
  body { padding-bottom: 65px; }

  .social-links { grid-template-columns: 1fr; }
  .qr-row { grid-template-columns: repeat(2, 1fr); }

  .gallery-photos {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .gallery-photos img { border-radius: 13px; }

  .moments-head { grid-template-columns: 1fr; gap: 12px; margin-bottom: 22px; }
  .moments-head .section-tag { grid-column: auto; margin-bottom: 0; }
  .moments-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 310px 155px 155px; gap: 8px; }
  .moments-grid .moment-community { grid-column: 1 / -1; grid-row: auto; }
  .moments-grid figure:nth-child(2) { grid-column: 1 / -1; }
  .moments-grid figure { border-radius: 13px; }
  .moments-grid figcaption { padding: 36px 12px 11px; }

  .spice-banner { grid-template-columns: 1fr; gap: 14px; padding: 28px 20px; }
  .spice-visuals { grid-template-columns: 1fr; }
  .spice-visuals img { height: 220px; border-radius: 13px; }
  .spice-visuals img:last-child { height: 170px; }
  .spice-call { grid-column: 1; width: 100%; }

  .mobile-dock {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: 65px;
    padding-bottom: env(safe-area-inset-bottom);
    border-top: 1px solid #ffffff24;
    background: rgba(30, 23, 20, .97);
    box-shadow: 0 -12px 30px #0003;
    color: #fff;
  }

  .mobile-dock a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #ffffff16;
    line-height: 1.15;
  }

  .mobile-dock b {
    color: #efc77d;
    font-size: 10px;
    letter-spacing: .12em;
  }

  .mobile-dock small {
    margin-top: 4px;
    font-size: 10px;
  }
}
.branch-now{padding:70px 8vw;background:#1d1714;color:#fff;display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:6vw;align-items:center}.branch-now-copy h2{font-family:"Playfair Display","Noto Sans JP","Noto Sans Devanagari",serif;font-size:clamp(32px,4vw,52px);line-height:1.12;margin:12px 0}.branch-now-copy>p:last-child{color:#cfc3b8;font-weight:700}.branch-now-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.branch-now article{padding:25px;border:1px solid #ffffff1e;border-radius:20px;background:#ffffff09;min-width:0}.branch-now article.accent{background:linear-gradient(145deg,#74151a,#501014);border-color:#d3a65d66}.branch-now article small{color:#e4b96e;font-weight:900;letter-spacing:.12em}.branch-now article h3{font-size:25px;margin:6px 0}.branch-now article p{font-size:12px;color:#d7ccc3;margin:0 0 18px}.branch-now-actions{display:flex;gap:8px;flex-wrap:wrap}.branch-now-actions a{border:1px solid #ffffff42;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:900}.branch-now-actions .branch-main{background:#fff;color:#681216;border-color:#fff}.btn,.quick a,.branch-now-actions a,.shop-actions a,.social-links a,.contact-actions a{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.btn:hover,.quick a:hover,.branch-now-actions a:hover,.shop-actions a:hover,.social-links a:hover,.contact-actions a:hover{transform:translateY(-2px)}a:focus-visible,button:focus-visible{outline:3px solid #f0c77e;outline-offset:3px}.hero-copy{max-width:820px}.hero .btn.primary{box-shadow:0 14px 34px #19020455}.mobile-dock a:last-child{background:#681216;color:#fff}.mobile-dock a:last-child small{color:#f5dfc3}@media(max-width:900px){.branch-now{grid-template-columns:1fr;padding:58px 6vw;gap:25px}}@media(max-width:620px){.branch-now-grid{grid-template-columns:1fr}.branch-now{padding:48px 5vw}.branch-now article{padding:22px}.hero .trust{background:#20050866;border:1px solid #ffffff1e;border-radius:999px;padding:8px 12px;width:max-content;max-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.welcome-bar{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px 4.5vw;background:#2a080c;color:#f7e9dc;font-size:10px;font-weight:800;letter-spacing:.04em}.welcome-bar>span{color:#e9c27c}.welcome-bar>div{display:flex;align-items:center;gap:18px}.welcome-bar a{border-left:1px solid #ffffff30;padding-left:18px}.site-header{top:34px}.hero{min-height:calc(100svh - 112px)}.hero-copy:before{content:"SITARA";display:block;margin-bottom:16px;font-family:"Playfair Display",serif;font-size:12px;font-weight:900;letter-spacing:.42em;color:#fff;opacity:.86}.trust span{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border:1px solid #ffffff29;border-radius:999px;background:#20050838}.hero-actions .btn{min-height:50px}.quick a{position:relative;overflow:hidden}.quick a:after{content:"→";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#e9c27c;font-size:18px;opacity:.7}

@media(max-width:900px){.welcome-bar>span{display:none}.welcome-bar{justify-content:center}.site-header{top:34px}.hero{min-height:calc(100svh - 104px)}}
@media(max-width:620px){.welcome-bar{min-height:30px;padding:5px 12px}.welcome-bar>div{width:100%;justify-content:space-between;gap:8px}.welcome-bar a{display:none}.welcome-bar strong{margin:auto;font-size:10px}.site-header{top:30px}.hero{min-height:740px}.hero-copy:before{margin-bottom:12px}.trust{gap:7px}.trust span{font-size:10px}.quick a:after{right:10px}}

html[lang="ur"] body{font-family:"Noto Nastaliq Urdu","Noto Sans JP",serif;line-height:2}html[lang="ur"] .hero h1,html[lang="ur"] .section h2,html[lang="ur"] .branch-now-copy h2{font-family:"Noto Nastaliq Urdu","Noto Sans JP",serif;line-height:1.75;letter-spacing:0}html[lang="ur"] .eyebrow,html[lang="ur"] .section-tag,html[lang="ur"] .brand,html[lang="ur"] .site-header nav,html[lang="ur"] .quick b{font-family:"Noto Sans JP",sans-serif}html[lang="ur"] .hero-copy{text-align:right;margin-left:auto}html[lang="ur"] .hero-actions,html[lang="ur"] .trust,html[lang="ur"] .branch-now-actions,html[lang="ur"] .shop-actions,html[lang="ur"] .spice-calls{justify-content:flex-start}html[lang="ur"] .btn b{transform:scaleX(-1)}html[lang="ur"] .contact-actions span{grid-column:1;grid-row:1/3;transform:scaleX(-1)}html[lang="ur"] .contact-actions small,html[lang="ur"] .contact-actions b{grid-column:2}html[lang="ur"] .menu-note{text-align:left}

@media(max-width:560px){.spice-calls{display:grid}.spice-calls .spice-call{margin-top:8px}html[lang="ur"] .hero h1{font-size:41px;line-height:1.65}html[lang="ur"] .section h2{font-size:35px}}

.find-us{background:#f7f1e7}.find-us h2{font-size:clamp(30px,4vw,52px)}.find-us-intro{max-width:740px;color:#74685d;margin:0 0 28px}.find-us-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.find-us-grid article{background:#fff;border:1px solid #e5d7c4;border-radius:20px;padding:28px;box-shadow:0 12px 28px #42210f08}.find-us-grid h3{margin:0 0 18px;font-size:23px}.find-us-links{display:flex;flex-wrap:wrap;gap:10px}.find-us-links a{display:inline-flex;align-items:center;min-height:44px;border:1px solid #d7c7b4;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:800;color:#681216;background:#fff}.find-us-links a:hover,.find-us-links a:focus-visible{background:#681216;color:#fff}@media(max-width:700px){.find-us-grid{grid-template-columns:1fr}.find-us-grid article{padding:23px}}

.obusuma-showcase{background:#fff9f2}
.obusuma-showcase .section-head{align-items:end;gap:24px}
.obusuma-showcase .section-head p:not(.section-tag){max-width:640px;color:#675a51}
.showcase-order{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border-radius:999px;background:#681216;color:#fff;font-size:14px;font-weight:800;white-space:nowrap}
.obusuma-showcase-grid{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:22px;align-items:stretch}
.obusuma-poster{margin:0;display:flex;flex-direction:column;background:#211130;border-radius:18px;overflow:hidden}
.obusuma-poster img{display:block;width:100%;height:540px;object-fit:contain;background:#211130}
.obusuma-poster figcaption{color:#fff5e8;padding:14px 17px;font-size:14px;font-weight:700;line-height:1.5}
.obusuma-dishes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,1fr);gap:14px;min-height:0}
.obusuma-dishes img{display:block;width:100%;height:100%;min-height:240px;max-height:305px;object-fit:cover;border-radius:18px}
@media(max-width:900px){.obusuma-showcase-grid{grid-template-columns:1fr}.obusuma-poster img{height:570px}.obusuma-dishes img{max-height:280px}}
@media(max-width:620px){.obusuma-showcase .section-head{align-items:start;flex-direction:column}.showcase-order{width:100%}.obusuma-poster img{height:auto;max-height:600px}.obusuma-dishes{gap:9px}.obusuma-dishes img{min-height:0;height:165px;border-radius:12px}.obusuma-poster figcaption{font-size:13px}}
.menu-card .dish-photo{width:72px;height:72px;flex:none;object-fit:cover;border-radius:50%;border:3px solid #f1e4d0}
.menu-card.featured .dish-photo{border-color:#f2d3a0}
@media(max-width:560px){.menu-card .dish-photo{width:78px;height:78px}}
