/*******************
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;
}

.newsletter-close:hover{
color:#111;
transform:rotate(90deg);
}

.newsletter-box h3 {
margin:0 0 10px;
font-size:34px;
font-weight:700;
line-height:1.2;
color:#111;
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 select{
width:100%;
height:52px;
padding:0 16px;
margin-bottom:14px;
border:1px solid #e8e8e8;
border-radius:10px;
font-size:15px;
color:#111;
background:#fafafa;
transition:.25s;
}

.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;
}

}