.storefront-service-page [data-contact-form] { width:100%; max-width:640px; margin:0 0 48px; }
.storefront-service-page [data-contact-form] form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.storefront-service-page [data-contact-form] label { display:flex; flex-direction:column; gap:8px; min-width:0; }
.storefront-service-page [data-contact-form] .storefront-contact-form__field--wide { grid-column:1/-1; }
.storefront-service-page [data-contact-form] input, .storefront-service-page [data-contact-form] textarea { display:block; width:100%; box-sizing:border-box; min-height:44px; padding:12px; border:1px solid var(--seoul-line); border-radius:.25rem; font:inherit; color:var(--seoul-ink); background:var(--seoul-paper); }
.storefront-service-page [data-contact-form] textarea { min-height:200px; resize:vertical; }
.storefront-service-page [data-contact-form] .storefront-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); pointer-events:none; }
.storefront-service-page [data-contact-form] input:focus-visible, .storefront-service-page [data-contact-form] textarea:focus-visible, .storefront-service-page [data-contact-form] button:focus-visible { outline:2px solid var(--seoul-green); outline-offset:2px; }
.storefront-service-page [data-contact-form] button { grid-column:1/-1; padding:.85rem 1.35rem; justify-self:start; }
.storefront-service-page [data-contact-test-mode] { margin:0 0 24px; padding:12px; border:1px solid #c6a96a; background:#fff9e8; }
.storefront-service-page [data-contact-details] { margin-bottom:48px; }
@media (max-width:600px) { .storefront-service-page [data-contact-form] form { grid-template-columns:minmax(0,1fr); } }