/* ==== Happy Party: trang Bán sỉ và Đại lý (từ sala-service.css của shopphukiensinhnhat) ==== */
.sp-feat{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:640px){.sp-feat{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.sp-feat{grid-template-columns:repeat(4,1fr)}}
.sp-fcard{padding:24px 20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}
.sp-fcard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.sp-fcard .sp-ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:15px}
.sp-fcard .sp-ic svg{width:26px;height:26px}
.sp-feat .sp-fcard:nth-child(4n+1) .sp-ic{background:var(--accent-lt);color:var(--accent-dk)}
.sp-feat .sp-fcard:nth-child(4n+2) .sp-ic{background:#FEF0DA;color:#B9791A}
.sp-feat .sp-fcard:nth-child(4n+3) .sp-ic{background:#DEF4FC;color:#1487A8}
.sp-feat .sp-fcard:nth-child(4n) .sp-ic{background:#EDE6FE;color:#6B46C6}
.sp-fcard h3{font-size:16px;font-weight:600;margin:0 0 7px}
.sp-scope .sp-fcard p{font-size:13.5px;color:var(--ink-2);margin:0;line-height:1.55}
.sp-steps{display:grid;grid-template-columns:1fr;gap:16px;counter-reset:s}
@media(min-width:640px){.sp-steps{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.sp-steps{grid-template-columns:repeat(4,1fr)}}
.sp-step{position:relative;padding:26px 20px 22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm);margin-top:16px}
.sp-step::before{counter-increment:s;content:counter(s);position:absolute;top:-16px;left:20px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff3d9a,var(--accent-dk));color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;box-shadow:0 6px 14px rgba(240,8,146,.3)}
.sp-step h3{font-size:16px;font-weight:600;margin:14px 0 7px}
.sp-scope .sp-step p{font-size:13.5px;color:var(--ink-2);margin:0;line-height:1.55}
/* Video trong hero */
.sp-hgrid-media.sp-vid{aspect-ratio:16/9}
.sp-hgrid-media.sp-vid iframe{width:100%;height:100%;border:0;display:block}
/* ==== Trang đại lý ==== */
.sp-dl-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:0 0 24px}
.sp-dl-tab{border:1px solid var(--line);background:#fff;font-family:inherit;font-size:14px;font-weight:600;color:var(--ink-2);padding:11px 20px;border-radius:999px;cursor:pointer;transition:.15s}
.sp-dl-tab b{font-weight:700;color:var(--accent);margin-left:6px}
.sp-dl-tab:hover{border-color:var(--accent);color:var(--ink)}
.sp-dl-tab.sp-on{background:var(--accent);border-color:var(--accent);color:#fff}
.sp-dl-tab.sp-on b{color:#fff}
.sp-dl-panel{display:none}
.sp-dl-panel.sp-on{display:grid}
.sp-dl-grid{grid-template-columns:1fr;gap:10px}
@media(min-width:560px){.sp-dl-grid{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.sp-dl-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1180px){.sp-dl-grid{grid-template-columns:repeat(4,1fr)}}
.sp-dl{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm)}
.sp-dl .sp-av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--accent-lt);color:var(--accent-dk);font-weight:700;font-size:13px}
.sp-dl .sp-dn{font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.3}
.sp-dl .sp-da{display:block;font-size:12.5px;font-weight:400;color:var(--ink-3);margin-top:2px}
/* Lưới 2 cột nội dung + thông tin */
.sp-lh-grid{display:grid;gap:26px;align-items:start}
@media(min-width:900px){.sp-lh-grid{grid-template-columns:1.1fr .9fr;gap:34px}}