/*******************
Form Đăng ký email
/*******************/
.hidden-field{display:none!important}
#newsletter-msg{margin-top:10px;font-size:14px}
#newsletter-msg.success{color:#42d77d}
#newsletter-msg.error{color:#ff6464}
/*******************
Form Popup Đăng ký email
/*******************/

/* ===========================
VNTrendy Luxury Popup Style
=========================== */
#newsletter-popup{display:none;position:fixed;inset:0;left:0;width:100%;height:100%;z-index:99999;align-items:center;justify-content:center}
#newsletter-popup .newsletter-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(8,8,8,.72);backdrop-filter:blur(4px)}
#newsletter-popup .newsletter-box{position:relative;max-width:520px;margin:0;background:rgba(255,255,255,0.04);padding:15px;border-radius:22px;z-index:2;box-shadow:0 35px 100px rgba(0,0,0,.18);animation:popupFade .35s ease}
@keyframes popupFade{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}
.newsletter-close{position:absolute;right:18px;top:16px;border:none;background:none;font-size:30px;line-height:1;cursor:pointer;color:#999;transition:.25s;z-index:1}
.newsletter-close:hover{color:#fff;transform:rotate(90deg)}
.newsletter-box h3{margin:0 0 10px;font-size:24px;font-weight:700;line-height:1.2;color:#fff;letter-spacing:-.5px}
.newsletter-box h4{margin:0 0 10px;font-size:24px;font-weight:600;line-height:1.2;color:#111;letter-spacing:-.5px}
.newsletter-box p{font-size:15px;line-height:1.7;color:#666;margin-bottom:22px}
.newsletter-box input,.newsletter-box input[type="date"],.newsletter-box select{-webkit-appearance:none;appearance:none;width:100%;height:52px;padding:0 16px;margin-bottom:14px;border:1px solid #e8e8e8;border-radius:10px;font-size:16px;color:#111!important;background:#fafafa;transition:.25s}
.newsletter-box input[type="date"]::-webkit-calendar-picker-indicator{opacity:1}
.newsletter-box input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1)}
.newsletter-box input[type="date"]::-webkit-datetime-edit{color:#111!important}
.newsletter-box input[type="date"]::-webkit-date-and-time-value{text-align:left;color:#111!important}
.newsletter-box input:focus,.newsletter-box select:focus{outline:none;border-color:#111;background:#fff}
.newsletter-box button[type=submit]{width:100%;height:42px;border:none;border-radius:12px;background:#f59e0b;color:#fff;font-size:15px;font-weight:700;letter-spacing:.3px;transition:.25s}
.newsletter-box button[type=submit]:hover{transform:translateY(-1px);opacity:.92}
.popup-success{background:#f6fff8;border:1px solid #d9f0de;color:#178345;padding:18px;border-radius:12px;font-size:16px;font-weight:700;text-align:center;margin-top:10px}
.popup-error{background:#fff4f4;border:1px solid #ffd9d9;color:#d22;padding:16px;border-radius:12px;font-size:15px;font-weight:600;text-align:center;margin-top:10px}
@media(max-width:767px){.newsletter-box{padding:28px;border-radius:18px}.newsletter-box h3{font-size:28px}}