/* File: wp-content/themes/log-core/assets/css/log-contact-hero.css */
/* Source: contact_us_4.html — .sc-wrap / .sc-grid / .sc-form-col */
/* Depends on: log-contact.css (inherits tokens, keyframes) */
/* Prefix: .log-co- */

/* Blocksy's [data-vertical-spacing*="top"] attribute selector adds its own
   padding-top to .ct-container ahead of the hero (same fix applied on
   shop/category/delivery-proof/faq/about pages). */
body.log-contact-page [class*="ct-container"][data-vertical-spacing] {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* ═══════════════════════════════════════════════════
   CONTACT GRID WRAPPER
   ═══════════════════════════════════════════════════ */
.log-co-contact-wrap {
    max-width: 1160px;
    margin: 0 auto;
    padding: 56px 24px 20px;
}

.log-co-contact-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 60px;
    align-items: start;
}

@media (max-width: 900px) {
    .log-co-contact-grid { grid-template-columns: 1fr; gap: 36px; }
}

/* ═══════════════════════════════════════════════════
   FORM COLUMN (left)
   ═══════════════════════════════════════════════════ */
.log-co-form-col h2 {
    font-family: var(--display);
    font-weight: 700;
    font-size: clamp(24px, 3vw, 32px);
    line-height: 1.1;
    color: var(--ink-900);
}

.log-co-form-col h2 em { font-style: italic; color: var(--plum-700); }

.log-co-form-note {
    font-size: 12.5px;
    color: var(--gray-600);
    line-height: 1.6;
    margin-top: 10px;
    max-width: 440px;
}

.log-co-form-embed { margin-top: 18px; }