/* =========================================================
   SALA PARTY — trang giới thiệu và trang liên hệ
   ========================================================= */

/* ---- Vì sao chọn SALA PARTY ---- */
.sp-whyx{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:760px){.sp-whyx{grid-template-columns:1fr 1fr;gap:22px}}
.sp-wx{display:flex;gap:16px;align-items:flex-start;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}
.sp-wx:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.sp-wx .sp-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none}
.sp-wx .sp-ic svg{width:24px;height:24px}
.sp-whyx .sp-wx:nth-child(4n+1) .sp-ic{background:var(--accent-lt);color:var(--accent-dk)}
.sp-whyx .sp-wx:nth-child(4n+2) .sp-ic{background:#FEF0DA;color:#B9791A}
.sp-whyx .sp-wx:nth-child(4n+3) .sp-ic{background:#DEF4FC;color:#1487A8}
.sp-whyx .sp-wx:nth-child(4n) .sp-ic{background:#EDE6FE;color:#6B46C6}
.sp-wx h3{font-size:16px;font-weight:600;margin:0 0 6px}
.sp-scope .sp-wx p{font-size:14px;color:var(--ink-2);margin:0;line-height:1.6}

/* ---- Lưới cửa hàng dạng thẻ (trang giới thiệu) ---- */
.sp-store-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:700px){.sp-store-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.sp-store-grid{grid-template-columns:repeat(3,1fr)}}
.sp-store-grid .sp-store-row{display:block;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s}
.sp-store-grid .sp-store-row:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--accent)}
.sp-store-grid .sp-city{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:7px}
.sp-store-grid .sp-nm{display:block;font-size:16px;font-weight:600;color:var(--ink);margin-bottom:6px}
.sp-store-grid address{display:block;font-style:normal;font-size:13.5px;color:var(--ink-2);line-height:1.55;margin-bottom:12px}
.sp-store-grid .sp-tel{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--accent-dk);background:var(--accent-lt);padding:6px 12px;border-radius:999px}
.sp-store-grid .sp-tel svg{width:14px;height:14px}
.sp-store-grid .sp-store-row.sp-is-wholesale{background:var(--cream);border-style:dashed}

/* ---- Trang liên hệ: đầu trang ---- */
.sp-lh-head{padding:26px 0 0}
.sp-lh-head h1{font-size:clamp(24px,3.6vw,36px);font-weight:300;letter-spacing:-.01em;margin:14px 0 10px}
.sp-scope .sp-lh-head p{color:var(--ink-2);max-width:720px;font-size:15.5px;margin:0}

/* ---- Trang liên hệ: form + 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}}
.sp-lh-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm);padding:26px}
.sp-lh-card h2{font-size:20px;font-weight:600;margin:0 0 6px}
.sp-scope .sp-lh-card .sp-sub{color:var(--ink-2);font-size:14px;margin:0 0 18px}

.sp-lh-info{display:grid;gap:12px}
.sp-lh-row{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm)}
.sp-lh-row .sp-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--accent-lt);color:var(--accent-dk)}
.sp-lh-row .sp-ic svg{width:20px;height:20px}
.sp-lh-row .sp-k{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px}
.sp-lh-row .sp-v{font-size:15px;font-weight:600;color:var(--ink);line-height:1.45}
.sp-lh-row .sp-v a:hover{color:var(--accent)}
.sp-lh-row .sp-v small{display:block;font-size:12.5px;font-weight:400;color:var(--ink-3);margin-top:2px}

/* ---- Trang liên hệ: lưới cửa hàng ---- */
.sp-stores2{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:700px){.sp-stores2{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.sp-stores2{grid-template-columns:repeat(3,1fr)}}
.sp-st2{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.sp-st2:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.sp-st2 .sp-city{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:7px}
.sp-st2 h3{font-size:16.5px;font-weight:600;margin:0 0 7px}
.sp-st2 address{font-style:normal;font-size:13.5px;color:var(--ink-2);line-height:1.55;margin-bottom:16px;flex:1}
.sp-st2 .sp-acts{display:flex;gap:9px;flex-wrap:wrap}
.sp-st2.sp-is-wholesale{background:var(--cream);border-style:dashed}

.sp-lh-map{margin-top:26px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);line-height:0}
.sp-lh-map iframe{width:100%;height:380px;border:0;display:block}
@media(max-width:699px){.sp-lh-map iframe{height:280px}}