.contact-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.contact-layout>*{min-width:0}.contact-panel{background:var(--bg-panel);border:1px solid rgba(214,194,170,.16);border-radius:calc(var(--radius) + 2px);padding:var(--panel-pad-regular);box-shadow:0 16px 34px #0804063d}.contact-subtitle{margin:0 0 16px;font-size:20px;line-height:1.4;font-weight:700;color:var(--fg);font-family:var(--font-display)}.contact-form{display:flex;flex-direction:column;gap:14px}.contact-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-wrap{display:flex;flex-direction:column;gap:6px;font-size:14px}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.field-wrap input,.field-wrap select,.field-wrap textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 14px;background:var(--bg-textarea);color:var(--fg);font:inherit;transition:border-color .2s ease,box-shadow .2s ease,transform .12s ease}.field-wrap textarea{resize:vertical;min-height:110px}.field-wrap input:focus-visible,.field-wrap select:focus-visible,.field-wrap textarea:focus-visible{border-color:rgb(var(--rgb-brand) / 72%);box-shadow:0 0 0 3px rgb(var(--rgb-brand) / 18%);transform:translateY(-1px)}.field-error{color:var(--palette-danger);font-size:12px}.privacy-check-wrap{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--muted)}.privacy-check-wrap a{color:var(--fg);text-decoration:underline}.contact-feedback{margin:2px 0 0;min-height:20px;font-size:13px;color:var(--muted)}.contact-feedback.is-error,.contact-feedback--error{color:var(--palette-danger-strong);background:#8f2f2a14;border:1px solid rgba(143,47,42,.22);border-radius:8px;padding:8px 12px}.contact-store-line{margin:0 0 14px;color:var(--muted);font-weight:600}.contact-map-wrap{border-radius:14px;overflow:hidden;border:1px solid var(--line);margin-bottom:14px}.contact-map-wrap iframe{display:block;width:100%;min-height:240px;border:0}.map-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.map-action-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:999px;border:1px solid rgb(var(--rgb-white) / 3%);background:rgb(var(--rgb-brand) / 12%);color:var(--fg);text-decoration:none;font-size:13px;font-weight:700}.map-action-btn:hover{background:rgb(var(--rgb-brand) / 18%);border-color:rgb(var(--rgb-brand) / 68%)}.contact-store-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.contact-store-list li{display:flex;align-items:center;gap:10px;padding-left:10px;border-left:2px solid rgba(185,137,98,.35);color:var(--muted)}.contact-store-list a{color:var(--fg);text-underline-offset:2px;overflow-wrap:anywhere;word-break:break-word}.contact-icon{width:28px;height:28px;min-width:28px;border-radius:999px;border:1px solid rgb(var(--rgb-brand) / 42%);background:rgb(var(--rgb-brand) / 14%);display:inline-flex;align-items:center;justify-content:center}.contact-icon svg{width:15px;height:15px;fill:var(--palette-brand)}body.mode-light .contact-panel{background:rgb(var(--rgb-brand) / 18%);border:1px solid rgb(var(--rgb-ink) / 12%);box-shadow:0 14px 30px rgb(var(--rgb-ink) / 8%)}body.mode-light .contact-store-list li{border-left-color:rgb(var(--rgb-brand) / 55%)}body.mode-light .contact-icon{background:rgb(var(--rgb-brand) / 10%)}body.mode-light .contact-icon svg{fill:var(--palette-clay)}body #contact[data-section-theme=light] .contact-panel{background:rgb(var(--rgb-brand) / 18%);border:1px solid rgb(var(--rgb-ink) / 12%);box-shadow:0 14px 30px rgb(var(--rgb-ink) / 8%)}body #contact[data-section-theme=light] .contact-store-list li{border-left-color:rgb(var(--rgb-brand) / 55%)}body #contact[data-section-theme=light] .contact-icon{background:rgb(var(--rgb-brand) / 10%)}body #contact[data-section-theme=light] .contact-icon svg{fill:var(--palette-clay)}@media(max-width:1024px)and (orientation:portrait){.contact-layout{grid-template-columns:1fr}}@media(max-width:520px){.contact-grid-two{grid-template-columns:1fr}}.app-modal[aria-hidden=true],.contact-modal[aria-hidden=true]{display:none}.app-modal,.contact-modal{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(120% 120% at 50% 0%,rgb(var(--rgb-brand) / 14%),rgb(var(--rgb-brand) / 0%) 62%),var(--theme-overlay);z-index:1000;padding-top:max(12px,calc(env(safe-area-inset-top) + 8px));padding-right:max(12px,calc(env(safe-area-inset-right) + 8px));padding-bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px));padding-left:max(12px,calc(env(safe-area-inset-left) + 8px));backdrop-filter:blur(8px)}.app-modal-card,.contact-modal-card{width:min(100%,560px);display:grid;grid-template-rows:auto minmax(0,auto);gap:12px;background:var(--bg-card);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);padding:var(--panel-pad-regular);box-shadow:var(--shadow)}.app-modal-toolbar{display:flex;align-items:start;justify-content:space-between;gap:12px}.app-modal-title,.contact-modal-card h4{margin:0;font-family:var(--font-display);font-size:clamp(22px,2.2vw,30px);line-height:1.2}.app-modal-close{appearance:none;border:1px solid var(--line);background:transparent;color:var(--fg);width:38px;height:38px;border-radius:10px;cursor:pointer;font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.app-modal-close:hover,.app-modal-close:focus-visible{background:var(--surface-soft);outline:none}.app-modal-card p,.contact-modal-card p{margin:0;color:var(--muted);line-height:var(--type-lead-line);font-size:var(--type-lead-size)}.app-modal-actions{display:flex;justify-content:flex-end}.app-modal-card .btn,.contact-modal-card .btn{justify-self:end;min-width:120px}body.mode-light .app-modal,body.mode-light .contact-modal{background:radial-gradient(120% 120% at 50% 0%,rgb(var(--rgb-clay) / 16%),rgb(var(--rgb-clay) / 0%) 62%),rgb(var(--rgb-ink) / 34%)}body.mode-light .app-modal-card,body.mode-light .contact-modal-card{background:var(--bg-loading-card)}body #contact[data-section-theme=light] .contact-modal{background:radial-gradient(120% 120% at 50% 0%,rgb(var(--rgb-clay) / 16%),rgb(var(--rgb-clay) / 0%) 62%),#23140f57}body #contact[data-section-theme=light] .contact-modal-card{background:radial-gradient(120% 120% at 100% 0%,rgb(var(--rgb-clay) / 11%),rgb(var(--rgb-clay) / 0%) 48%),linear-gradient(160deg,#fffbf6fa,#f8efe8f5)}body.mode-light .app-modal-close{background:var(--surface-light)}
