/* TC Đăng ký trả góp – popup. Màu lấy theo biến màu của theme TC Credit (nếu có). */
.tcdk-popup { --tcdk-mau: var(--mau-chinh, #e60012); --tcdk-mau-dam: var(--mau-chinh-dam, #b3000e); --tcdk-chu: var(--mau-chu, #1a1a1a); --tcdk-phu: var(--mau-phu, #555); --tcdk-vien: var(--mau-vien-dam, #d6d6d6);
  position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 16px; opacity: 0; transition: opacity .2s ease; font-family: inherit; }
.tcdk-popup[hidden] { display: none !important; }
.tcdk-popup.tcdk-hien { opacity: 1; }
.tcdk-dang-mo, .tcdk-dang-mo body { overflow: hidden; }
.tcdk-nen { position: absolute; inset: 0; background: rgba(0, 0, 0, .55); }
.tcdk-hop { position: relative; width: 100%; max-width: 480px; max-height: calc(100vh - 32px); overflow-y: auto; padding: 32px 28px 28px; background: #fff; color: var(--tcdk-chu);
  border-top: 4px solid var(--tcdk-mau); box-shadow: 0 24px 60px rgba(0, 0, 0, .25); transform: translateY(16px); transition: transform .2s ease; }
.tcdk-hien .tcdk-hop { transform: none; }
.tcdk-dong { position: absolute; top: 8px; right: 8px; width: 40px; height: 40px; border: 0; background: none; cursor: pointer; }
.tcdk-dong::before, .tcdk-dong::after { content: ""; position: absolute; left: 11px; top: 19px; width: 18px; height: 2px; background: var(--tcdk-chu); transform: rotate(45deg); }
.tcdk-dong::after { transform: rotate(-45deg); }
.tcdk-tieude { margin: 0 32px 8px 0; font-size: 24px; line-height: 1.3; font-weight: 700; }
.tcdk-mota { margin: 0 0 16px; font-size: 14px; line-height: 1.5; color: var(--tcdk-phu); }
.tcdk-sp { margin: 0 0 16px; padding: 10px 14px; background: var(--mau-hong, #fff0f1); font-size: 14px; }
.tcdk-sp strong { color: var(--tcdk-mau); }
.tcdk-form .tcdk-o { margin-bottom: 14px; }
.tcdk-form label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 700; }
.tcdk-form input[type="text"], .tcdk-form input[type="tel"], .tcdk-form input[type="email"], .tcdk-form textarea, .tcdk-form select {
  display: block; width: 100%; height: 48px; padding: 0 14px; border: 1px solid var(--tcdk-vien); border-radius: 0; background: #fff; font: inherit; font-size: 16px; color: var(--tcdk-chu); outline: 0; box-sizing: border-box; }
.tcdk-form input:focus, .tcdk-form textarea:focus { border-color: var(--tcdk-mau); box-shadow: 0 0 0 3px color-mix(in srgb, var(--tcdk-mau) 12%, transparent); }
.tcdk-form .wpcf7-form-control-wrap { display: block; }
.tcdk-form .wpcf7-not-valid-tip { display: block; margin-top: 6px; font-size: 13px; color: var(--tcdk-mau); }
.tcdk-gui { margin-top: 20px; }
.tcdk-gui input[type="submit"] { -webkit-appearance: none; appearance: none; width: 100%; height: 52px; border: 0; background: var(--tcdk-mau); color: #fff; font: inherit; font-size: 16px; font-weight: 700; cursor: pointer;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%); transition: background-color .2s; }
.tcdk-gui input[type="submit"]:hover { background: var(--tcdk-mau-dam); }
.tcdk-form .wpcf7-spinner { display: none; }
.tcdk-form.submitting .tcdk-gui { opacity: .6; pointer-events: none; }
.tcdk-popup .screen-reader-response { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
.tcdk-popup .hidden-fields-container { display: none; }
.tcdk-form .wpcf7-response-output { margin: 16px 0 0; padding: 12px 14px; border: 0; border-left: 4px solid var(--mau-vang, #ffb800); background: #fff8e6; font-size: 14px; }
.tcdk-form.init .wpcf7-response-output, .tcdk-form.submitting .wpcf7-response-output, .tcdk-form.resetting .wpcf7-response-output { display: none; }
.tcdk-form.sent .wpcf7-response-output { border-left-color: #12b76a; background: #ecfdf3; color: #05603a; }
.tcdk-form.failed .wpcf7-response-output, .tcdk-form.spam .wpcf7-response-output { border-left-color: var(--tcdk-mau); background: #fff0f1; }
@media (max-width: 575px) { .tcdk-popup { align-items: flex-end; padding: 0; } .tcdk-hop { max-width: none; max-height: 92vh; padding: 28px 20px 20px; } }