.cd-contact-modal {
    position: fixed; inset: 0; z-index: 999999; display: none; flex-direction: column;
    overflow: hidden; background: #f9fafb; color: #121212; font-family: "Open Sans", sans-serif;
}
.cd-contact-modal *, .cd-contact-modal *::before, .cd-contact-modal *::after { box-sizing: border-box; }
.cd-contact-header {
    position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between;
    min-height: 72px; padding: 16px 24px; border-bottom: 1px solid rgba(255,255,255,.1); background: #121212;
    box-shadow: 0 5px 20px rgba(0,0,0,.25);
}
.cd-contact-logo-wrap { display: flex; flex: 1; justify-content: center; }
.cd-contact-logo { display: block; height: 24px; max-width: 190px; object-fit: contain; opacity: .92; }
.cd-contact-close {
    position: absolute; right: 16px; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px;
    padding: 0; border: 1px solid #3f3f46; border-radius: 0; background: #242424; color: #d1d5db; cursor: pointer;
}
.cd-contact-close:hover, .cd-contact-close:focus-visible { border-color: #96ff05; color: #fff; outline: 2px solid #96ff05; outline-offset: 2px; }
.cd-contact-body { flex: 1; overflow-y: auto; padding: 24px; }
.cd-contact-inner { width: min(896px, 100%); margin: 0 auto; padding: 10px 0 40px; }
.cd-contact-intro { margin: 0 0 32px; text-align: center; }
.cd-contact-intro h3 { margin: 0 0 10px; color: #121212; font-size: clamp(27px, 4vw, 38px); font-weight: 900; font-style: italic; line-height: 1.15; }
.cd-contact-intro p { margin: 0; color: #5f6875; font-size: clamp(14px, 2vw, 17px); line-height: 1.55; }
.cd-contact-card {
    position: relative; display: flex; align-items: flex-start; gap: 24px; margin-top: 24px; padding: 28px;
    border: 1px solid #dfe3e8; border-left: 4px solid #96ff05; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.05);
}
.cd-contact-card--upload { border: 2px solid #96ff05; box-shadow: 0 10px 30px rgba(150,255,5,.15); }
.cd-contact-card--whatsapp { border-left-color: #25d366; }
.cd-contact-badge {
    position: absolute; top: -13px; left: 24px; padding: 5px 12px; background: #96ff05; color: #121212;
    font-size: 10px; font-weight: 900; font-style: italic; letter-spacing: .09em; text-transform: uppercase;
}
.cd-contact-icon {
    display: flex; flex: 0 0 64px; align-items: center; justify-content: center; width: 64px; height: 64px;
    background: rgba(150,255,5,.16); color: #659f0b; font-size: 30px;
}
.cd-contact-card--whatsapp .cd-contact-icon { background: rgba(37,211,102,.1); color: #25d366; }
.cd-contact-content { flex: 1; min-width: 0; }
.cd-contact-content h4 { margin: 0 0 8px; color: #121212; font-size: 20px; font-weight: 900; font-style: italic; line-height: 1.25; }
.cd-contact-content p { margin: 0 0 22px; color: #5f6875; font-size: 15px; line-height: 1.65; }
.cd-contact-action {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 12px 28px;
    border: 0; background: #96ff05; color: #121212 !important; font-size: 17px; font-weight: 900; font-style: italic;
    letter-spacing: .04em; text-decoration: none !important; text-transform: uppercase; box-shadow: 0 10px 20px rgba(150,255,5,.24);
}
.cd-contact-action:hover { background: #baff4e; }
.cd-contact-action--whatsapp { background: #25d366; color: #fff !important; font-style: normal; text-transform: none; box-shadow: 0 10px 20px rgba(37,211,102,.2); }
.cd-contact-action--whatsapp:hover { background: #20bd5a; }
.cd-contact-email-intro { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 28px; }
.cd-contact-email-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
.cd-contact-column-title { margin: 0 0 12px; padding-bottom: 8px; border-bottom: 1px solid #e5e7eb; color: #6b7280; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.cd-mail-main, .cd-mail-provider, .cd-copy-button {
    display: flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #d1d5db; background: #f3f4f6;
    color: #27303c !important; font-weight: 700; text-decoration: none !important; cursor: pointer;
}
.cd-mail-main { width: 100%; min-height: 46px; margin-bottom: 12px; padding: 11px 18px; }
.cd-mail-providers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.cd-mail-provider { min-height: 40px; padding: 9px 10px; font-size: 13px; }
.cd-mail-main:hover, .cd-mail-provider:hover { border-color: #96ff05; background: #f7fee7; }
.cd-mail-template { display: flex; flex-direction: column; min-height: 190px; padding: 15px; border: 1px solid #e5e7eb; background: #f9fafb; }
.cd-mail-template-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; color: #659f0b; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.cd-copy-button { flex: 0 0 auto; padding: 6px 10px; font-size: 10px; text-transform: uppercase; }
.cd-mail-copytext { flex: 1; color: #374151; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; line-height: 1.55; white-space: pre-wrap; }
.cd-mail-address { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; padding: 11px; border: 1px solid #e5e7eb; background: #fff; }
.cd-mail-address strong { min-width: 0; overflow-wrap: anywhere; font-size: 13px; }
.cd-contact-store { border-color: #2c2c2c; border-top: 2px solid #96ff05; border-left-width: 1px; background: #121212; }
.cd-contact-store .cd-contact-icon { background: rgba(150,255,5,.1); color: #96ff05; }
.cd-contact-store h4 { color: #fff; text-transform: uppercase; }
.cd-contact-store p { color: #aeb4bd; }
.cd-store-meta { display: flex; flex-wrap: wrap; gap: 12px 22px; padding: 14px; border: 1px solid #303030; background: #080808; color: #fff; font-size: 13px; font-weight: 700; }
.cd-store-meta i { color: #96ff05; }
.cd-store-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.cd-store-gallery figure { position: relative; min-width: 0; margin: 0; overflow: hidden; border: 1px solid #303030; background: #080808; }
.cd-store-gallery img { display: block; width: 100%; height: 176px; object-fit: cover; transition: transform .35s ease; }
.cd-store-gallery figure:hover img { transform: scale(1.035); }
.cd-store-gallery figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: 9px; border-top: 1px solid #303030; background: rgba(8,8,8,.84); color: #96ff05; font-size: 11px; font-weight: 900; font-style: italic; letter-spacing: .04em; text-align: center; }
.cd-store-tip { display: inline-block; margin-top: 16px !important; padding: 8px 13px; background: #96ff05; color: #121212 !important; font-size: 13px !important; font-weight: 800; }
@media (max-width: 767px) {
    .cd-contact-header { min-height: 68px; padding: 13px 16px; }
    .cd-contact-logo { height: 21px; max-width: 155px; }
    .cd-contact-body { padding: 18px 13px; }
    .cd-contact-inner { padding-top: 4px; }
    .cd-contact-intro { margin-bottom: 26px; }
    .cd-contact-card, .cd-contact-email-intro { flex-direction: column; align-items: center; gap: 16px; }
    .cd-contact-card { padding: 26px 20px 22px; text-align: center; }
    .cd-contact-content { width: 100%; text-align: center; }
    .cd-contact-action { width: 100%; }
    .cd-contact-email-grid { grid-template-columns: 1fr; gap: 24px; text-align: left; }
    .cd-mail-address { align-items: stretch; flex-direction: column; }
    .cd-copy-button { min-height: 38px; }
    .cd-store-meta { flex-direction: column; text-align: left; }
    .cd-store-gallery { grid-template-columns: 1fr; }
}