.sd-page{
  --sd-bg:#17181B;
  --sd-surface:#1E2024;
  --sd-surface-2:#24262B;
  --sd-border:#2E3136;
  --sd-text:#F4F4F1;
  --sd-muted:#9DA0A7;
  --sd-accent:#FF6A35;
  --sd-accent-hover:#FF8257;
  --sd-accent-2:#3DDDD0;
  --sd-thumb-bg:#F3EEDA;
  --sd-thumb-ink:#3A3626;
  background:var(--sd-bg);
  color:var(--sd-text);
  font-family:'Manrope',system-ui,sans-serif;
  border-radius:20px;
  padding:1.1rem;
  margin-inline:-0.25rem;
}
.sd-page .display-font{ font-family:'Outfit',system-ui,sans-serif; }
.sd-icon{ width:1em; height:1em; display:inline-block; vertical-align:-0.14em; }

.sd-banner-wrap{ position:relative; }
.sd-banner{
  height:100px;
  border-radius:16px;
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(255,106,53,.22), transparent 60%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 2px, transparent 2px 14px),
    var(--sd-surface-2);
  border:1px solid var(--sd-border);
}
.sd-banner img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center; }

.sd-head{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-end;
  gap:.85rem;
  margin-top:-34px;
  margin-bottom:1rem;
  padding:0 4px;
  flex-wrap:wrap;
}
.sd-avatar{
  position:relative;
  flex-shrink:0;
  width:76px; height:76px;
  border-radius:50%;
  background:linear-gradient(135deg,#2A2C30,#1B1C1F);
  border:3px solid var(--sd-bg);
  display:flex; align-items:center; justify-content:center;
  color:var(--sd-accent); font-family:'Outfit',sans-serif; font-weight:700; font-size:1.5rem;
  overflow:hidden;
}
.sd-avatar img{ display:block; width:100%; height:100%; object-fit:cover; }
.sd-verified{
  position:absolute; right:-2px; bottom:-2px;
  width:20px; height:20px; border-radius:50%;
  background:var(--sd-accent-2);
  border:2px solid var(--sd-bg);
  display:flex; align-items:center; justify-content:center;
  color:#0B1F1D;
}
.sd-verified .sd-icon{ width:11px; height:11px; }

.sd-name-wrap{ min-width:0; padding-bottom:.3rem; margin-right:auto; }
.sd-name{ font-family:'Outfit',sans-serif; font-weight:700; font-size:1.35rem; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sd-handle{ color:var(--sd-muted); font-size:.82rem; }

.sd-btn{
  border-radius:10px;
  font-weight:700;
  font-size:.88rem;
  padding:.65rem 1.1rem;
  display:inline-flex; align-items:center; gap:.5rem;
  border:1px solid transparent;
  text-decoration:none;
}
.sd-btn-solid{ background:var(--sd-accent); color:#fff; }
.sd-btn-solid:hover{ background:var(--sd-accent-hover); color:#fff; }
.sd-btn-outline{ background:var(--sd-surface-2); color:var(--sd-text); border-color:var(--sd-border); }
.sd-btn-outline:hover{ border-color:var(--sd-accent); color:var(--sd-accent); }
.sd-btn-whatsapp{ background:#25D366; color:#0B1F1D; }
.sd-btn-whatsapp:hover{ background:#2FE277; color:#0B1F1D; }
.sd-iconbtn{
  width:38px; height:38px; border-radius:50%; flex-shrink:0;
  background:var(--sd-surface-2); border:1px solid var(--sd-border); color:var(--sd-text);
  display:flex; align-items:center; justify-content:center;
  text-decoration:none;
}
.sd-iconbtn:hover{ border-color:var(--sd-accent); color:var(--sd-accent); }

.sd-segments{ display:flex; border:1px solid var(--sd-border); border-radius:12px; overflow:hidden; margin-bottom:1rem; }
.sd-segment{ flex:1; text-align:center; padding:.65rem .5rem; border-right:1px solid var(--sd-border); }
.sd-segment:last-child{ border-right:none; }
.sd-segment-value{ font-family:'Outfit',sans-serif; font-weight:700; font-size:1.1rem; }
.sd-segment-label{ color:var(--sd-muted); font-size:.66rem; text-transform:uppercase; letter-spacing:.05em; }
.sd-star{ color:#FFB648; }

.sd-tabs{ display:flex; gap:1.3rem; border-bottom:1px solid var(--sd-border); margin-bottom:1rem; }
.sd-tab{
  background:none; border:none; padding-block:.65rem; font-weight:700; font-size:.88rem;
  color:var(--sd-muted); border-bottom:2px solid transparent; margin-bottom:-1px;
}
.sd-tab[aria-selected="true"]{ color:var(--sd-text); border-color:var(--sd-accent); }

.sd-section-title{ font-family:'Outfit',sans-serif; font-weight:700; font-size:1rem; }

.sd-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(150px,1fr)); gap:12px; }
.sd-card{ background:var(--sd-surface); border:1px solid var(--sd-border); border-radius:14px; overflow:hidden; transition:transform .15s, border-color .15s; }
.sd-card:hover{ transform:translateY(-3px); border-color:#3A3D42; }
.sd-thumb{ height:104px; background:var(--sd-thumb-bg); color:var(--sd-thumb-ink); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.sd-thumb img{ width:100%; height:100%; object-fit:cover; }
.sd-thumb .sd-icon{ width:30px; height:30px; opacity:.65; }
.sd-cardbody{ padding:.6rem .7rem .75rem; }
.sd-tag{ font-size:.64rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--sd-accent); margin-bottom:.25rem; display:block; }
.sd-pname{ font-weight:600; font-size:.83rem; line-height:1.25; margin-bottom:.25rem; color:var(--sd-text); }
.sd-price{ font-family:'Outfit',sans-serif; font-weight:700; font-size:.95rem; color:var(--sd-text); }
.sd-meta{ color:var(--sd-muted); font-size:.7rem; margin-top:.25rem; display:flex; align-items:center; gap:.25rem; }
.sd-meta .sd-icon{ width:10px; height:10px; }

.sd-review{ background:var(--sd-surface); border:1px solid var(--sd-border); border-radius:12px; padding:.85rem 1rem; }
.sd-review-avatar{ width:32px; height:32px; border-radius:50%; background:var(--sd-surface-2); color:var(--sd-accent); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.78rem; font-family:'Outfit',sans-serif; flex-shrink:0; }

.sd-social{ display:flex; flex-wrap:wrap; gap:.5rem; }
.sd-empty{ color:var(--sd-muted); text-align:center; padding-block:2rem; }
.sd-empty .sd-icon{ width:2.2rem; height:2.2rem; opacity:.5; }