/* Contact page — Figma Contact: Desktop 126:5385 · Tablet 126:1923 · Mobile 126:2127 */

/* ---------- 01 find us ---------- */
.c-find { padding-block: 48px 64px; }
.c-find__head { margin-bottom: var(--head-gap); }
.c-find__grid { row-gap: 16px; }
.c-info, .c-map { grid-column: 1 / -1; }

.c-info { border-radius: var(--r-card); box-shadow: var(--shadow-float); padding: 12px 20px; }
.c-info__head { display: none; }
.c-info__rows .info-row:first-child { border-top: 0; }
.c-info__rows a:hover { text-decoration: underline; text-underline-offset: 3px; }

.c-map { position: relative; display: block; height: 300px; border-radius: var(--r-hero); overflow: hidden; background: var(--masa-2); }
.c-map__img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.c-map:hover .c-map__img { transform: scale(1.03); }
.c-map .pin { left: 35.4%; top: 50%; }
.pin__tag { color: var(--ink); }
.pin__tag .t-row, .pin__tag .t-small { display: block; }
.pin__tag .t-row { margin-bottom: 2px; }
.pin__tag br { display: none; }

@media (min-width: 768px) {
  .c-find { padding-block: 64px var(--section-pad); }
  .c-map { order: -1; height: 400px; }
  .c-map .pin { left: 50%; }
  .c-info { box-shadow: none; padding: 32px; }
  .c-info__rows { display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; row-gap: 16px; }
  .c-info__rows .info-row:first-child { border-top: 1px solid var(--line-cream); }
}
@media (min-width: 1200px) {
  .c-find { padding-block: var(--section-pad); }
  .c-find__grid { align-items: stretch; }
  .c-info { grid-column: 1 / 6; box-shadow: var(--shadow-card); padding: 48px; }
  .c-info__head { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; }
  .c-info__rows { display: block; }
  .c-map { order: 0; grid-column: 6 / 13; height: auto; min-height: 500px; }
  .c-map .pin { left: 33.9%; }
}

/* ---------- 02 reserve ---------- */
.c-reserve { background: var(--masa-2); }
.c-panel { grid-column: 1 / -1; background: var(--white); border-radius: var(--r-card); box-shadow: var(--shadow-card); padding: 28px 20px; }
.c-form { scroll-margin-top: 120px; margin-top: 30px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.c-form .field { grid-column: 1 / -1; min-width: 0; min-height: 80px; }
.c-form .f-date { grid-column: 1; } .c-form .f-time { grid-column: 2; }
.c-form input, .c-form textarea { width: 100%; min-width: 0; }
.c-form input[type="date"], .c-form input[type="time"] { -webkit-appearance: none; appearance: none; height: 52px; }
.c-form textarea { min-height: 52px; height: 52px; }
.c-form__submit { grid-column: 1 / -1; margin-top: 8px; }
.c-form__note { grid-column: 1 / -1; margin-top: -4px; text-align: center; color: var(--ink-2); }
.c-form__note.is-sent { font-weight: 700; color: var(--green); }

@media (min-width: 768px) {
  .c-reserve { background: var(--masa); padding-top: 0; }
  .c-panel { padding: 40px; }
  .c-form { margin-top: 32px; column-gap: 20px; }
  .c-form .f-name { grid-column: 1; } .c-form .f-phone { grid-column: 2; }
  .c-form__submit { margin-top: 16px; }
  .c-form__note { margin-top: 0; }
}
@media (min-width: 1200px) {
  .c-reserve { background: var(--masa-2); padding-top: var(--section-pad); }
  .c-panel { grid-column: 3 / 11; padding: 64px; }
  .c-form { margin-top: 48px; column-gap: 24px; row-gap: 20px; }
  .c-form .f-name, .c-form .f-phone { grid-column: 1 / -1; }
  .c-form__submit { margin-top: 28px; }
  .c-form__note { text-align: left; }
}
@media (max-width: 767px) {
  .c-form input[type="date"], .c-form input[type="time"] { padding-inline: 14px 12px; }
  .c-form input::-webkit-calendar-picker-indicator { margin-left: 2px; padding: 0; width: 14px; }
}