.sp-banner-wrap{position:relative;height:200px;background:#1a3a5c;overflow:hidden}.sp-banner-img{width:100%;height:100%;object-fit:cover}.sp-banner-grad{position:absolute;inset:0;background:linear-gradient(180deg,#0000001a,#00000073)}.sp-banner-default{width:100%;height:100%;background:linear-gradient(135deg,#0d1f35,#1565c0)}.sp-profile-row{max-width:1100px;margin:-48px auto 20px;padding:0 24px;display:flex;align-items:flex-end;gap:20px;position:relative;flex-wrap:wrap}.sp-avatar-wrap{position:relative;flex-shrink:0}.sp-avatar{width:96px;height:96px;border-radius:50%;border:4px solid var(--white);background:var(--g-blue);color:var(--white);font-family:var(--font-display);font-size:32px;font-weight:500;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 12px #00000026}.sp-avatar img{width:100%;height:100%;object-fit:cover}.sp-badge-blue{position:absolute;bottom:4px;right:4px;width:22px;height:22px;border-radius:50%;background:var(--g-blue);color:var(--white);border:2px solid var(--white);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.sp-info{flex:1;min-width:0;padding-bottom:4px}.sp-name{font-family:var(--font-display);font-size:22px;font-weight:500;color:var(--ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sp-verified-tag{font-family:var(--font-ui);font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);background:var(--blue-tint);color:var(--blue-dark)}.sp-meta{display:flex;align-items:center;gap:12px;font-family:var(--font-ui);font-size:13px;color:var(--ink-light);margin-top:4px;flex-wrap:wrap}.sp-meta-item{display:flex;align-items:center;gap:4px}.sp-actions{display:flex;gap:8px;padding-bottom:4px;flex-shrink:0}.sp-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:13px;font-weight:500;cursor:pointer;border:none;text-decoration:none;transition:all var(--tr)}.sp-btn-follow{background:var(--g-blue);color:var(--white)}.sp-btn-follow:hover{background:var(--blue-dark)}.sp-btn-following{background:var(--surface);color:var(--ink-mid);border:1px solid var(--border)}.sp-btn-following:hover{background:var(--red-tint);border-color:var(--g-red);color:var(--g-red)}.sp-btn-wa{background:#25d366;color:var(--white)}.sp-btn-wa:hover{background:#20ba5a}.sp-btn-outline{background:var(--white);color:var(--ink-mid);border:1px solid var(--border)}.sp-btn-outline:hover{background:var(--surface)}.sp-stats-bar{max-width:1100px;margin:0 auto;padding:0 24px 24px;display:flex;gap:0}.sp-stat-item{flex:1;text-align:center;padding:16px 12px;background:var(--white);border:1px solid var(--border);border-right:none}.sp-stat-item:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.sp-stat-item:last-child{border-right:1px solid var(--border);border-radius:0 var(--radius-md) var(--radius-md) 0}.sp-stat-val{font-family:var(--font-display);font-size:22px;font-weight:500;color:var(--ink);display:block}.sp-stat-val.blue{color:var(--g-blue)}.sp-stat-val.green{color:var(--g-green)}.sp-stat-val.yellow{color:#f29900}.sp-stat-val.red{color:var(--g-red)}.sp-stat-label{font-family:var(--font-ui);font-size:11px;color:var(--ink-light);margin-top:2px;display:block;text-transform:uppercase;letter-spacing:.5px}.sp-page{max-width:1100px;margin:0 auto;padding:0 24px 80px;display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}.sp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;flex-wrap:wrap}.sp-toolbar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sp-toolbar-right{display:flex;align-items:center;gap:8px}.sp-filter-pill{height:30px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--white);font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--ink-mid);text-decoration:none;transition:all var(--tr);white-space:nowrap}.sp-filter-pill:hover{background:var(--surface);border-color:#bdc1c6}.sp-filter-pill.active{background:var(--blue-tint);border-color:var(--g-blue);color:var(--blue-dark)}.sp-sort-select{height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);font-family:var(--font-ui);font-size:12px;color:var(--ink-mid);outline:none;cursor:pointer}.sp-sort-select:focus{border-color:var(--g-blue)}.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sp-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform var(--tr),box-shadow var(--tr)}.sp-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #3c40431f}.sp-card-img{aspect-ratio:4/3;background:var(--surface);overflow:hidden;position:relative}.sp-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.sp-card:hover .sp-card-img img{transform:scale(1.04)}.sp-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,var(--surface) 0%,#EEF2F7 100%)}.sp-card-badge{position:absolute;top:8px;left:8px;height:20px;padding:0 7px;border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:10px;font-weight:700;display:inline-flex;align-items:center}.sp-badge-product{background:#0000008c;color:var(--white)}.sp-badge-service{background:#34a853e6;color:var(--white)}.sp-badge-activity{background:#fbbc04e6;color:var(--ink)}.sp-card-body{padding:10px 12px 14px;flex:1;display:flex;flex-direction:column;gap:4px}.sp-card-title{font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;flex:1}.sp-card-cat{font-family:var(--font-ui);font-size:11px;color:var(--ink-light)}.sp-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid var(--surface)}.sp-card-price{font-family:var(--font-display);font-size:15px;font-weight:500;color:var(--ink)}.sp-card-views{display:flex;align-items:center;gap:3px;font-family:var(--font-ui);font-size:11px;color:var(--ink-light)}.sp-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 20px}.sp-empty-icon{font-size:40px;margin-bottom:12px}.sp-empty-title{font-family:var(--font-display);font-size:16px;font-weight:500;color:var(--ink);margin-bottom:6px}.sp-empty-sub{font-size:13px;color:var(--ink-light)}.sp-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;flex-wrap:wrap}.sp-page-btn{min-width:34px;height:34px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);font-family:var(--font-ui);font-size:13px;color:var(--ink-mid);text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all var(--tr)}.sp-page-btn:hover{background:var(--surface)}.sp-page-btn.active{background:var(--g-blue);border-color:var(--g-blue);color:var(--white)}.sp-page-btn.disabled{opacity:.4;pointer-events:none}.sp-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:80px}.sp-side-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.sp-side-header{padding:12px 16px;border-bottom:1px solid var(--border);font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--ink)}.sp-side-body{padding:14px 16px}.sp-about-desc{font-family:var(--font-ui);font-size:13px;color:var(--ink-mid);line-height:1.6;margin-bottom:14px}.sp-about-row{display:flex;align-items:flex-start;gap:8px;font-family:var(--font-ui);font-size:12px;color:var(--ink-light);margin-bottom:8px}.sp-about-row a{color:var(--g-blue);text-decoration:none}.sp-about-row a:hover{text-decoration:underline}.sp-about-row svg{flex-shrink:0;margin-top:1px}.sp-cats{display:flex;flex-wrap:wrap;gap:6px}.sp-cat-tag{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:11px;color:var(--ink-mid);text-decoration:none}.sp-cat-tag:hover{border-color:var(--g-blue);color:var(--g-blue)}.sp-branch{padding:12px 0;border-bottom:1px solid var(--surface)}.sp-branch:last-child{border-bottom:none;padding-bottom:0}.sp-branch-name{font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--ink);display:flex;align-items:center;gap:6px;margin-bottom:4px}.sp-branch-main{font-size:10px;font-weight:600;padding:1px 6px;border-radius:var(--radius-pill);background:var(--blue-tint);color:var(--blue-dark)}.sp-branch-addr{font-family:var(--font-ui);font-size:12px;color:var(--ink-light);display:flex;align-items:flex-start;gap:5px;margin-bottom:2px}.sp-branch-addr svg{flex-shrink:0;margin-top:1px}.sp-branch-phone{font-family:var(--font-ui);font-size:12px;color:var(--ink-light);display:flex;align-items:center;gap:5px}@media(max-width:900px){.sp-page{grid-template-columns:1fr}.sp-sidebar{position:static}.sp-grid{grid-template-columns:repeat(2,1fr)}.sp-stats-bar{flex-wrap:wrap}.sp-stat-item{min-width:120px}}@media(max-width:600px){.sp-page{padding:0 16px 60px}.sp-profile-row{padding:0 16px;gap:14px}.sp-stats-bar{padding:0 16px 20px}.sp-grid{gap:10px}.sp-banner-wrap{height:140px}.sp-avatar{width:76px;height:76px;font-size:26px}.sp-name{font-size:18px}.sp-actions{flex-wrap:wrap}}