/* =========================================================
   SALA PARTY — menu nhiều cấp, logo Zalo và vài chỉnh nhỏ
   ========================================================= */

/* ---- Menu ngang: dropdown khi rê chuột ---- */
.sp-nav .sp-nav-item{position:relative;display:flex;align-items:center;padding-top:10px;padding-bottom:10px}
.sp-nav .sp-has-sub>a::after{content:"";display:inline-block;margin-left:7px;width:5px;height:5px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.18s}
.sp-nav .sp-has-sub:hover>a::after{transform:rotate(225deg) translateY(-2px)}

.sp-nav .sp-sub{position:absolute;top:100%;left:-14px;min-width:280px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s;z-index:70}
.sp-nav .sp-nav-item:hover>.sp-sub,
.sp-nav .sp-nav-item:focus-within>.sp-sub{opacity:1;visibility:visible;transform:none}

.sp-nav .sp-sub .sp-nav-item{display:block;padding:0}
.sp-nav .sp-sub a{display:block;padding:9px 20px;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.45;white-space:normal;border-bottom:0;color:var(--ink-2)}
.sp-nav .sp-sub a:hover{background:var(--accent-lt);color:var(--accent-dk);border-bottom:0}

/* ---- Khay menu mobile: menu con hiện phẳng, thụt lề ---- */
.sp-oc-body .sp-nav-item{display:block}
.sp-oc-body .sp-sub{padding-left:16px;background:#FCFAF7}
.sp-oc-body .sp-sub a{font-size:12.5px;font-weight:500;color:var(--ink-2);text-transform:none;letter-spacing:0}
.sp-oc-body .sp-has-sub>a{font-weight:700}

/* ---- Logo Zalo chính thức ---- */
.sp-zalo-img{display:block;border-radius:7px}
.sp-hdr-zalo{width:40px;height:40px}
.sp-hdr-zalo .sp-zalo-img{width:24px;height:24px;transition:transform .18s}
.sp-hdr-zalo:hover .sp-zalo-img{transform:scale(1.08)}

.sp-float a.sp-zl{background:transparent;padding:0;overflow:hidden;box-shadow:0 10px 24px rgba(0,104,255,.38)}
.sp-float a.sp-zl .sp-zalo-img{width:48px;height:48px;border-radius:50%}

.sp-mbar .sp-zalo-img{width:20px;height:20px;margin:0 auto 1px;border-radius:6px}

.sp-ftr-social .sp-zalo-img{width:30px;height:30px;border-radius:8px}

/* ---- Sửa độ ưu tiên: reset .sp-scope p đang nuốt margin:auto ---- */
.sp-scope .sp-slead{margin:-20px auto 30px}
.sp-scope .sp-pk-empty{margin:22px 0 0}
.sp-scope .sp-guide-top .sp-slead{margin:8px 0 0}

/* ---- Thẻ bọc ảnh là <span> nên mặc định inline, aspect-ratio không ăn.
       Chuyển sang block để khung ảnh giữ đúng tỉ lệ dù ảnh gốc ngang hay dọc. ---- */
.sp-promo-tag,
.sp-promo-img,
.sp-promo-cta,
.sp-combo-img,
.sp-svc-hero .sp-im,
.sp-svc-hero .sp-bd,
.sp-gcard .sp-im{display:block}

/* Ảnh ngang bị cắt thì lấy phần giữa cho đỡ hụt chữ */
#sp-combo .sp-combo-img img,
.sp-svc-hero .sp-im img,
.sp-gcard .sp-im img{object-position:center}