/* ── Layout ── */
.sm-wrap{width:100%;padding:20px 0 40px}

/* ── Cards ── */
.sm-card{background:#fff;border:1px solid #eee;border-radius:10px;margin-bottom:18px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.sm-card-head{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;cursor:pointer;user-select:none;background:#fafafa;border-bottom:1px solid #eee}
.sm-card-head h3{margin:0;font-size:15px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}
.sm-card-head h3 .sm-icon{font-size:18px;line-height:1}
.sm-chevron{font-size:12px;color:#aaa;transition:transform .2s;flex-shrink:0}
.sm-card-head.open .sm-chevron{transform:rotate(180deg)}
.sm-body{overflow:hidden;max-height:0;transition:max-height .3s ease}
.sm-body.open{max-height:9999px}
.sm-body-inner{padding:14px 18px}

/* ── Links ── */
.sm-body-inner{padding:14px 18px}

/* ── Province rows ── */
.sm-prov-row{border-bottom:1px solid #f3f3f3}
.sm-prov-row:last-child{border-bottom:none}
.sm-prov-header{display:flex;align-items:center;gap:12px;padding:10px 4px;cursor:default}
.sm-prov-name{font-size:13px;font-weight:700;color:#333;min-width:170px}
.sm-prov-name a{color:inherit;text-decoration:none}
.sm-prov-name a:hover{color:#e04070}
.sm-cities-btn{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:3px 12px;font-size:11px;color:#888;cursor:pointer;white-space:nowrap;transition:all .18s;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.sm-cities-btn:hover,.sm-cities-btn.active{border-color:#e04070;color:#e04070;background:#fff5f7}
.sm-cities-btn .sm-btn-icon{font-size:10px;transition:transform .2s}
.sm-cities-btn.active .sm-btn-icon{transform:rotate(45deg)}
/* city pill panel */
.sm-city-panel{display:none;padding:8px 4px 14px 4px;animation:smFadeIn .2s ease}
@keyframes smFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.sm-city-pills{display:flex;flex-wrap:wrap;gap:6px}
.sm-city-pills a{display:inline-block;background:#f7f7f9;border:1px solid #ebebeb;border-radius:20px;padding:4px 12px;font-size:12px;color:#555;text-decoration:none;transition:all .15s;white-space:nowrap}
.sm-city-pills a:hover{background:#fff0f4;border-color:#e04070;color:#e04070}
.sm-city-pills a.sm-pill-featured{background:#fff0f4;border-color:#e04070;color:#e04070;font-weight:600}

/* ── Loading spinner (cities) ── */
.sm-spinner{display:inline-block;width:12px;height:12px;border:2px solid #ddd;border-top-color:#e04070;border-radius:50%;animation:spin .7s linear infinite;margin-left:6px;vertical-align:middle}
@keyframes spin{to{transform:rotate(360deg)}}

/* ── Section colors ── */
.sm-head-pink  {background:linear-gradient(135deg,#fff5f7,#fafafa)}
.sm-head-green {background:linear-gradient(135deg,#f4fbf5,#fafafa)}
.sm-head-blue  {background:linear-gradient(135deg,#f4f8ff,#fafafa)}
.sm-head-peach {background:linear-gradient(135deg,#fff8f4,#fafafa)}
.sm-head-purple{background:linear-gradient(135deg,#f8f4ff,#fafafa)}
.sm-head-teal  {background:linear-gradient(135deg,#f2fbfb,#fafafa)}