/* Popup đăng ký trang chủ. Gỡ bỏ: xóa file này + 1 dòng trong css.php */
html.pg-popup-lock,html.pg-popup-lock body{overflow:hidden}
.pg-popup[hidden]{display:none}
.pg-popup{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.62);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .25s}
.pg-popup.is-open{opacity:1}
.pg-popup.is-closing{opacity:0}
.pg-popup-card{position:relative;width:100%;max-width:1000px;max-height:94vh;overflow:auto;background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.4);transform:translateY(14px);transition:transform .26s ease}
.pg-popup.is-open .pg-popup-card{transform:none}
.pg-popup-close{position:absolute;top:8px;right:10px;z-index:3;width:30px;height:30px;border:2px solid #fff;border-radius:50%;background:#000;color:#fff;font-size:20px;line-height:24px;text-align:center;padding:0;cursor:pointer}
.pg-popup-bar{text-align:center;background:#c11312;color:#fff;font-family:Montserrat-Medium,Arial,sans-serif;font-weight:700;font-size:16px;text-transform:uppercase;padding:12px 48px;line-height:1.35}
.pg-popup-body{display:flex}
.pg-popup-img{flex:0 0 50%;max-width:50%;display:flex}
.pg-popup-img img{display:block;width:100%;height:100%;object-fit:cover}
.pg-popup-form{flex:1 1 50%;padding:34px 34px 30px;display:flex;flex-direction:column;justify-content:center}
.pg-noimg .pg-popup-form{max-width:520px;margin:0 auto}
.pg-popup-ftitle{margin:0 0 6px;text-align:center;font-family:"Times New Roman",Times,serif;font-weight:400;font-size:24px;color:#c11312;text-transform:uppercase}
.pg-popup-orn{height:1px;background:#c11312;opacity:.55;width:120px;margin:0 auto 26px}
.pg-popup-form label{display:block;font-family:Montserrat-Regular,Arial,sans-serif;font-size:13px;color:#222;margin-bottom:18px}
.pg-popup-form input[type=text],.pg-popup-form input[type=tel],.pg-popup-form select{display:block;width:100%;margin-top:6px;border:0;border-bottom:1px solid #333;background:transparent;padding:8px 2px;font-size:15px;border-radius:0;outline:0;box-shadow:none;height:auto}
.pg-popup-form select{border:1px solid #ccc;border-radius:6px;padding:9px 8px;background:#fff}
.pg-popup-form input:focus,.pg-popup-form select:focus{border-color:#c11312}
.pg-popup-form .pg-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.pg-popup-btn{display:block;margin:6px auto 0;padding:10px 26px;border:1px solid #c11312;background:#fff;color:#c11312;text-transform:uppercase;font-family:Montserrat-Medium,Arial,sans-serif;font-size:14px;cursor:pointer;transition:background .2s,color .2s}
.pg-popup-btn:hover{background:#c11312;color:#fff}
.pg-popup-msg{margin-top:14px;font-size:14px;min-height:20px;text-align:center}
.pg-popup-form label.pg-other[hidden]{display:none}
.pg-popup-msg.ok{color:#1a7f37;font-weight:600}
.pg-popup-msg.err{color:#c11312}
@media (max-width:767.98px){
  .pg-popup{padding:0 14px}
  .pg-popup-card{max-height:70vh;max-height:70dvh;-webkit-overflow-scrolling:touch}
  .pg-popup-bar{font-size:12px;padding:8px 42px}
  .pg-popup-close{top:5px;right:8px;width:26px;height:26px;font-size:18px;line-height:20px}
  .pg-popup-body{flex-direction:column}
  .pg-popup-img{flex:none;max-width:100%;width:100%}
  .pg-popup-img img{height:auto;max-height:22vh;max-height:22dvh;aspect-ratio:16/9;object-fit:cover}
  .pg-popup-form{padding:12px 18px 16px}
  .pg-popup-ftitle{font-size:17px;margin-bottom:4px}
  .pg-popup-orn{margin-bottom:8px;width:90px}
  .pg-popup-form label{margin-bottom:6px;font-size:12px}
  .pg-popup-form input[type=text],.pg-popup-form input[type=tel],.pg-popup-form select{padding:5px 2px;font-size:14px;margin-top:2px}
  .pg-popup-form select{padding:6px 8px}
  .pg-popup-btn{padding:8px 24px;font-size:13px;margin-top:2px}
  .pg-popup-msg{margin-top:6px;min-height:16px;font-size:13px}
}

.pg-popup-prev{background:#222;color:#ffd54f;font-size:12px;text-align:center;padding:5px 10px;font-family:Arial,sans-serif;letter-spacing:.03em}
