.layout-contact {padding-bottom: 48px;}.layout-contact .contact, .layout-contact .form-contact {background: #fff;border: 1px solid #ffe9fd;border-radius: 14px;padding: 22px 24px;margin-bottom: 16px;box-shadow: 0 1px 6px rgba(200, 16, 61, 0.06);}.layout-contact .contact h4, .layout-contact .form-contact h4 {font-family: "Coiny", system-ui, sans-serif;font-size: 2rem;font-weight: 400;color: var(--mainColor);margin: 0 0 12px;line-height: 1.35;text-transform: none;}.layout-contact .des_foo {font-size: 1.4rem;line-height: 1.7;color: #555;margin-bottom: 18px;}.layout-contact .des_foo p {margin-bottom: 8px;}.layout-contact .info-contact .group-address ul {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 12px;}.layout-contact .info-contact .group-address ul li {display: flex;align-items: flex-start;gap: 12px;padding: 12px 14px;background: #fff7fa;border: 1px solid #ffe9fd;border-radius: 12px;margin: 0;}.layout-contact .info-contact .group-address ul li .icon {flex-shrink: 0;width: 40px;height: 40px;border-radius: 50%;background: var(--mainColor);display: flex;align-items: center;justify-content: center;}.layout-contact .info-contact .group-address ul li .icon svg {width: 16px;height: 16px;fill: #fff;}.layout-contact .info-contact .group-address ul li .info {min-width: 0;flex: 1;}.layout-contact .info-contact .group-address ul li .info b {display: block;font-size: 1.3rem;font-weight: 700;color: #333;margin-bottom: 2px;}.layout-contact .info-contact .group-address ul li .info span, .layout-contact .info-contact .group-address ul li .info a {font-size: 1.4rem;color: #555;line-height: 1.45;word-break: break-word;}.layout-contact .info-contact .group-address ul li .info a {color: var(--mainColor);font-weight: 600;text-decoration: none;}.layout-contact .info-contact .group-address ul li .info a:hover {color: var(--subColor);text-decoration: underline;}.layout-contact .form-contact .content-form {display: block;font-size: 1.4rem;line-height: 1.65;color: #666;margin-bottom: 16px;}.layout-contact .form-contact .alert {border-radius: 10px;font-size: 1.35rem;}.layout-contact .form-contact .alert-success {background: #f0fdf4;border: 1px solid #bbf7d0;color: #166534;}.layout-contact .form-contact .alert-danger {background: #fef2f2;border: 1px solid #fecaca;color: #b91c1c;}.layout-contact .group_contact {display: flex;flex-direction: column;gap: 12px;}.layout-contact .group_contact .form-control {height: 46px;border: 1px solid #f0c9d6;border-radius: 10px;padding: 10px 14px;font-size: 1.4rem;color: #333;background: #fff;box-shadow: none;transition: border-color 0.2s, box-shadow 0.2s;}.layout-contact .group_contact textarea.form-control, .layout-contact .group_contact .content-area {height: auto;min-height: 130px;resize: vertical;}.layout-contact .group_contact .form-control:focus {outline: 0;border-color: var(--subColor);box-shadow: 0 0 0 3px rgba(234, 97, 130, 0.15);}.layout-contact .group_contact .form-control::placeholder {color: #aaa;}.layout-contact .group_contact .btn-lienhe {display: inline-flex;align-items: center;justify-content: center;align-self: flex-start;min-height: 46px;padding: 0 28px;border: 0;border-radius: 10px;background: var(--mainColor);color: #fff;font-size: 1.5rem;font-weight: 700;cursor: pointer;transition: background 0.2s, transform 0.15s;}.layout-contact .group_contact .btn-lienhe:hover {background: var(--subColor);color: #fff;}.layout-contact .group_contact .btn-lienhe:disabled {opacity: 0.7;cursor: not-allowed;}.layout-contact #contact_map, .layout-contact .map {height: 100%;min-height: 420px;border-radius: 14px;overflow: hidden;border: 1px solid #ffe9fd;box-shadow: 0 1px 6px rgba(200, 16, 61, 0.06);background: #fafafa;}.layout-contact #contact_map iframe, .layout-contact .map iframe {display: block;width: 100%;height: 100%;min-height: 420px;border: 0;}#js-global-alert {display: none;position: fixed;right: 20px;bottom: 20px;z-index: 10050;max-width: 360px;border-radius: 10px;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);}@media (max-width: 991px) {.layout-contact #contact_map, .layout-contact .map {min-height: 320px;margin-top: 8px;}.layout-contact #contact_map iframe, .layout-contact .map iframe {min-height: 320px;}}@media (max-width: 575px) {.layout-contact .contact, .layout-contact .form-contact {padding: 16px;}.layout-contact .contact h4, .layout-contact .form-contact h4 {font-size: 1.7rem;}.layout-contact .group_contact .btn-lienhe {width: 100%;}.layout-contact .info-contact .group-address ul li {padding: 10px 12px;}}