/* Hồng Ân – Đăng nhanh: front-end (promo box + popup) */
.haqp-promo{--haqp-accent:#e30613;border:1px dashed var(--haqp-accent);border-radius:10px;padding:14px 16px;margin:16px 0;background:color-mix(in srgb,var(--haqp-accent) 5%,#fff)}
.haqp-promo__head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;color:var(--haqp-accent);margin-bottom:8px}
.haqp-promo__head strong{font-size:15px;text-transform:uppercase;letter-spacing:.02em}
.haqp-promo__sub{color:#555;font-size:13px;width:100%}
.haqp-promo__list{list-style:none;margin:0;padding:0}
.haqp-promo__list li{position:relative;padding:4px 0 4px 24px;font-size:14px;line-height:1.5;color:#222;margin:0}
.haqp-promo__list li:before{content:"";position:absolute;left:2px;top:9px;width:14px;height:14px;border-radius:50%;background:var(--haqp-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/10px no-repeat}
.haqp-promo__note{font-size:12px;color:#777;font-style:italic;margin:8px 0 0}

.haqp-pop{--haqp-accent:#e30613;position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px}
.haqp-pop[hidden]{display:none}
.haqp-pop__overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);animation:haqpFade .25s ease}
.haqp-pop__box{position:relative;background:#fff;border-radius:14px;overflow:hidden;max-width:440px;width:100%;max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.35);animation:haqpUp .3s ease}
.haqp-pop--image_left .haqp-pop__box{max-width:720px;display:flex}
.haqp-pop--image_left .haqp-pop__img{flex:0 0 45%}
.haqp-pop--image_left .haqp-pop__img img{height:100%;object-fit:cover}
.haqp-pop--image_only .haqp-pop__box{max-width:520px;background:transparent;box-shadow:none}
.haqp-pop__img{display:block}
.haqp-pop__img img{display:block;width:100%;height:auto}
.haqp-pop__body{padding:22px 24px 24px;text-align:center}
.haqp-pop--image_left .haqp-pop__body{text-align:left;display:flex;flex-direction:column;justify-content:center}
.haqp-pop__title{margin:0 0 8px;font-size:22px;line-height:1.25;color:var(--haqp-accent);font-weight:800;text-transform:uppercase}
.haqp-pop__content{font-size:15px;line-height:1.55;color:#333}
.haqp-pop__content p{margin:0 0 8px}
.haqp-pop__btn{display:inline-block;margin-top:12px;background:var(--haqp-accent);color:#fff!important;padding:11px 28px;border-radius:999px;font-weight:700;text-decoration:none!important;text-transform:uppercase;letter-spacing:.03em}
.haqp-pop__btn:hover{filter:brightness(1.08)}
.haqp-pop__x{position:absolute;top:8px;right:8px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:22px;line-height:34px;cursor:pointer;padding:0}
@media (max-width:600px){.haqp-pop--image_left .haqp-pop__box{display:block}.haqp-pop__title{font-size:19px}}
@keyframes haqpFade{from{opacity:0}}
@keyframes haqpUp{from{opacity:0;transform:translateY(24px) scale(.97)}}