/* ==========================================================================
   Contact page — premium theme + unique sections (loads product_page_base.css).
   Emerald/teal palette. Unique: contact channels. Scoped under .theme-contact.
   ========================================================================== */

.pdp-page.theme-contact {
    --pdp-bg: #08130f;
    --pdp-bg2: #0b1c16;
    --pdp-ink: #e9fbf3;
    --pdp-muted: #92b6a8;
    --pdp-accent: #2dd4bf;
    --pdp-accent2: #34d399;
    --pdp-accent-ink: #04231b;
    --pdp-line: rgba(255,255,255,.08);
    --pdp-card: rgba(255,255,255,.035);
    --pdp-glass: rgba(11,28,22,.6);
    --pdp-alt-mid: #0c2620;
    --pdp-hero-bg:
        radial-gradient(90% 70% at 80% 8%, rgba(45,212,191,.16), transparent 55%),
        radial-gradient(70% 60% at 12% 95%, rgba(52,211,153,.10), transparent 55%),
        linear-gradient(180deg, var(--pdp-bg2), var(--pdp-bg));
    --pdp-cta-bg:
        radial-gradient(90% 120% at 0% 0%, rgba(45,212,191,.14), transparent 55%),
        linear-gradient(180deg, #0c2620, var(--pdp-bg));
}
.theme-contact .abt-hero-inner { display: block; max-width: 820px; }
.theme-contact .ctc-glow { position: absolute; z-index: -1; width: 60vmax; height: 60vmax; right: -12vmax; top: -20vmax; background: radial-gradient(circle, rgba(45,212,191,.16), transparent 62%); filter: blur(8px); animation: ctc-pulse 9s ease-in-out infinite; }
@keyframes ctc-pulse { 0%,100% { transform: scale(1); opacity: .8; } 50% { transform: scale(1.12); opacity: 1; } }
.theme-contact .ctc-hero-lead { color: var(--pdp-muted); font-size: clamp(1.05rem, 1.8vw, 1.3rem); line-height: 1.55; max-width: 52ch; margin: 20px 0 0; }

/* layout */
.theme-contact .ctc-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 48px; align-items: start; }

/* channels */
.theme-contact .ctc-lead { color: var(--pdp-muted); font-size: 1.06rem; line-height: 1.65; margin: 0 0 26px; }
.theme-contact .ctc-list { display: grid; gap: 12px; }
.theme-contact .ctc-item { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 16px; border: 1px solid var(--pdp-line); background: var(--pdp-card); color: var(--pdp-ink); text-decoration: none; font-weight: 600; transition: transform .2s ease, border-color .2s ease; }
.theme-contact .ctc-item:hover { transform: translateX(4px); border-color: color-mix(in srgb, var(--pdp-accent) 50%, transparent); }
.theme-contact .ctc-item .ic { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: color-mix(in srgb, var(--pdp-accent) 12%, transparent); color: var(--pdp-accent); }
.theme-contact .ctc-item .ic svg { width: 20px; height: 20px; }
.theme-contact .ctc-item .tx { display: flex; flex-direction: column; gap: 2px; }
.theme-contact .ctc-item .tx small { color: var(--pdp-muted); font-weight: 600; font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; }

/* success */
.theme-contact .ctc-success { text-align: center; max-width: 620px; margin: 40px auto; padding: 44px 32px; border-radius: 24px; border: 1px solid color-mix(in srgb, var(--pdp-accent) 40%, transparent); background: color-mix(in srgb, var(--pdp-accent) 8%, transparent); }
.theme-contact .ctc-success .ok { width: 64px; height: 64px; margin: 0 auto 18px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(120deg, var(--pdp-accent), var(--pdp-accent2)); color: var(--pdp-accent-ink); }
.theme-contact .ctc-success h2 { font-size: 1.8rem; font-weight: 800; margin: 0 0 10px; }
.theme-contact .ctc-success p { color: var(--pdp-muted); font-size: 1.05rem; margin: 0; }

@media (prefers-reduced-motion: reduce) { .theme-contact .ctc-glow { animation: none !important; } }
@media (max-width: 900px) {
    .theme-contact .ctc-grid { grid-template-columns: 1fr; gap: 30px; }
}