/**
 * contact_block — โทนสี Preset (ใช้คีย์เดียวกับ rate_banner)
 */
.home .hl-module--contact-block[data-hl-color-mode="preset"] .hl-contact__surface--gradient {
    background: var(--hl-contact-gradient) !important;
    border-color: var(--hl-contact-border, rgba(255, 255, 255, 0.18));
}

.home .hl-module--contact-block[data-hl-color-mode="preset"] .hl-contact__title,
.home .hl-module--contact-block[data-hl-color-mode="preset"] .hl-module__eyebrow {
    color: var(--hl-contact-header, #fff);
}

.home .hl-module--contact-block[data-hl-color-mode="preset"] .hl-contact__meta {
    color: var(--hl-contact-header-muted, rgba(255, 255, 255, 0.9));
}

.home .hl-module--contact-block[data-hl-color-mode="preset"] .hl-contact__info-label {
    color: var(--hl-contact-accent, var(--hl-accent, #f4502f));
}

.home .hl-module--contact-block[data-hl-color-mode="preset"] .hl-contact__info-text,
.home .hl-module--contact-block[data-hl-color-mode="preset"] .hl-contact__split-card .hl-contact__panel-copy,
.home .hl-module--contact-block[data-hl-color-mode="preset"] .hl-contact__line-card-copy {
    color: var(--hl-contact-info-text, #64748b);
}

.home .hl-module--contact-block[data-hl-color-mode="preset"] .hl-contact__line-card-title,
.home .hl-module--contact-block[data-hl-color-mode="preset"] .hl-contact__compact-title,
.home .hl-module--contact-block[data-hl-color-mode="preset"] .hl-contact__split-card .hl-contact__panel-title {
    color: #0f172a;
}

.home .hl-module--contact-block[data-hl-color-mode="preset"] .hl-contact__split-card,
.home .hl-module--contact-block[data-hl-color-mode="preset"] .hl-contact__line-card,
.home .hl-module--contact-block[data-hl-color-mode="preset"] .hl-contact__panel {
    background: var(--hl-contact-card-bg, #fff);
    border-color: var(--hl-contact-card-border, rgba(15, 23, 42, 0.08));
    box-shadow: var(--hl-contact-card-shadow, 0 14px 32px rgba(15, 23, 42, 0.08));
}

.home .hl-module--contact-block[data-hl-color-mode="preset"] .hl-contact__pill--line,
.home .hl-module--contact-block[data-hl-color-mode="preset"] .hl-contact__line-add-btn {
    background: var(--hl-contact-line-bg, #06c755);
    border-color: var(--hl-contact-line-bg, #06c755);
    color: #fff;
}

.home .hl-module--contact-block[data-hl-color-mode="preset"] .hl-contact__pill--phone,
.home .hl-module--contact-block[data-hl-color-mode="preset"] .hl-contact__chip--phone {
    background: var(--hl-contact-accent-soft, rgba(244, 80, 47, 0.1));
    border-color: var(--hl-contact-accent-border, rgba(244, 80, 47, 0.22));
    color: var(--hl-contact-accent, #c2410c);
}

.home .hl-module--contact-block[data-hl-color-mode="preset"][data-hl-color-palette="sunset_flame"] {
    --hl-contact-gradient: linear-gradient(269.98deg, #f6402d 0%, #fe6232 100%);
    --hl-contact-accent: #f4502f;
    --hl-contact-accent-soft: rgba(244, 80, 47, 0.12);
    --hl-contact-accent-border: rgba(244, 80, 47, 0.28);
}

.home .hl-module--contact-block[data-hl-color-mode="preset"][data-hl-color-palette="ocean_blue"] {
    --hl-contact-gradient: linear-gradient(265deg, #1d4ed8 0%, #3b82f6 100%);
    --hl-contact-accent: #2563eb;
    --hl-contact-accent-soft: rgba(37, 99, 235, 0.12);
    --hl-contact-accent-border: rgba(37, 99, 235, 0.28);
}

.home .hl-module--contact-block[data-hl-color-mode="preset"][data-hl-color-palette="jade_market"] {
    --hl-contact-gradient: linear-gradient(265deg, #0f766e 0%, #14b8a6 100%);
    --hl-contact-accent: #0d9488;
    --hl-contact-accent-soft: rgba(13, 148, 136, 0.12);
    --hl-contact-accent-border: rgba(13, 148, 136, 0.28);
}

.home .hl-module--contact-block[data-hl-color-mode="preset"][data-hl-color-palette="cherry_rose"] {
    --hl-contact-gradient: linear-gradient(265deg, #be123c 0%, #fb7185 100%);
    --hl-contact-accent: #e11d48;
    --hl-contact-accent-soft: rgba(225, 29, 72, 0.12);
    --hl-contact-accent-border: rgba(225, 29, 72, 0.28);
}

.home .hl-module--contact-block[data-hl-color-mode="preset"][data-hl-color-palette="royal_violet"] {
    --hl-contact-gradient: linear-gradient(265deg, #6d28d9 0%, #a78bfa 100%);
    --hl-contact-accent: #7c3aed;
    --hl-contact-accent-soft: rgba(124, 58, 237, 0.12);
    --hl-contact-accent-border: rgba(124, 58, 237, 0.28);
}

.home .hl-module--contact-block[data-hl-color-mode="preset"][data-hl-color-palette="gold_luxe"] {
    --hl-contact-gradient: linear-gradient(265deg, #1f2937 0%, #374151 55%, #78350f 100%);
    --hl-contact-accent: #fbbf24;
    --hl-contact-accent-soft: rgba(251, 191, 36, 0.16);
    --hl-contact-accent-border: rgba(251, 191, 36, 0.35);
}

.home .hl-module--contact-block[data-hl-color-mode="preset"][data-hl-color-palette="midnight_cyan"] {
    --hl-contact-gradient: linear-gradient(265deg, #0f172a 0%, #164e63 100%);
    --hl-contact-accent: #22d3ee;
    --hl-contact-accent-soft: rgba(34, 211, 238, 0.14);
    --hl-contact-accent-border: rgba(34, 211, 238, 0.32);
}

.home .hl-module--contact-block[data-hl-color-mode="preset"][data-hl-color-palette="china_red"] {
    --hl-contact-gradient: linear-gradient(265deg, #b91c1c 0%, #ef4444 100%);
    --hl-contact-accent: #dc2626;
    --hl-contact-accent-soft: rgba(220, 38, 38, 0.12);
    --hl-contact-accent-border: rgba(220, 38, 38, 0.28);
}

.home .hl-module--contact-block[data-hl-color-mode="preset"][data-hl-color-palette="forest_green"] {
    --hl-contact-gradient: linear-gradient(265deg, #15803d 0%, #4ade80 100%);
    --hl-contact-accent: #16a34a;
    --hl-contact-accent-soft: rgba(22, 163, 74, 0.12);
    --hl-contact-accent-border: rgba(22, 163, 74, 0.28);
}

.home .hl-module--contact-block[data-hl-color-mode="preset"][data-hl-color-palette="slate_pro"] {
    --hl-contact-gradient: linear-gradient(265deg, #334155 0%, #64748b 100%);
    --hl-contact-accent: #475569;
    --hl-contact-accent-soft: rgba(71, 85, 105, 0.14);
    --hl-contact-accent-border: rgba(71, 85, 105, 0.28);
}