/* ============================================================
   ENTHUSIAST EXCHANGE — PUBLIC SELLER PROFILE.
   The trust page: identity badges, rating breakdown, gallery
   builds, live listings, buyer reviews.
   Uses only fi-styles.css variables.
   ============================================================ */
.crumbs{ background:var(--paper); border-bottom:1px solid var(--line); }
.crumbs__inner{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:11px 0;
  font-family:var(--f-mono); font-size:10.5px; letter-spacing:.05em; text-transform:uppercase; }
.crumbs a{ color:var(--carbon); } .crumbs a:hover{ color:var(--command); }
.crumbs .sep{ color:var(--line-input); } .crumbs .cur{ color:var(--ink); font-weight:500; }

/* profile hero */
.sp{ background:var(--ocean-900); color:#fff; }
.sp__inner{ padding-block:30px 28px; display:grid; grid-template-columns:1fr; gap:22px; }
@media (min-width:960px){ .sp__inner{ grid-template-columns:1.3fr 1fr; align-items:center; } }
.sp__id{ display:flex; gap:18px; align-items:flex-start; }
.sp__av{ width:88px; height:88px; border-radius:50%; object-fit:cover; border:3px solid var(--lime); flex:none; }
.sp__name{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:clamp(1.6rem,3.6vw,2.3rem); line-height:.95; }
.sp__sub{ font-family:var(--f-mono); font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--steel); margin:8px 0 12px; }
.sp__badges{ display:flex; gap:7px; flex-wrap:wrap; }
.spb{ display:inline-flex; align-items:center; gap:6px; font-family:var(--f-mono); font-size:9.5px; font-weight:500;
  letter-spacing:.05em; text-transform:uppercase; padding:5px 10px; border-radius:var(--pill);
  border:1px solid var(--line-dark); color:rgba(255,255,255,.8); }
.spb svg{ width:12px; height:12px; color:var(--lime); }
.spb--id{ background:rgba(206,32,47,.1); border-color:rgba(206,32,47,.35); color:var(--lime); }
.sp__acts{ display:flex; gap:9px; flex-wrap:wrap; margin-top:16px; }
/* rating box */
.sp__rate{ background:var(--ocean-deep); border:1px solid var(--line-dark); border-radius:var(--r); padding:18px; display:grid; grid-template-columns:auto 1fr; gap:18px; align-items:center; }
.sp__big{ text-align:center; }
.sp__num{ font-family:var(--f-head); font-weight:800; font-size:44px; line-height:1; color:var(--lime); }
.sp__stars{ color:var(--star); font-size:14px; letter-spacing:2px; margin-top:4px; }
.sp__count{ font-family:var(--f-mono); font-size:9px; letter-spacing:.06em; text-transform:uppercase; color:var(--steel); margin-top:5px; }
.rbar{ display:flex; align-items:center; gap:8px; font-family:var(--f-mono); font-size:9.5px; color:var(--steel); padding-block:3px; }
.rbar__track{ display:block; flex:1; height:7px; background:rgba(255,255,255,.09); border-radius:var(--pill); overflow:hidden; }
.rbar__fill{ display:block; height:100%; background:var(--lime); border-radius:var(--pill); }
.rbar__n{ width:14px; text-align:right; color:#fff; }
/* quick stats strip */
.sp__stats{ border-top:1px solid var(--line-dark); display:flex; flex-wrap:wrap; }
.sp__stat{ flex:1; min-width:130px; padding:14px 10px; text-align:center; border-right:1px solid var(--line-dark); }
.sp__stat:last-child{ border-right:none; }
.sp__stat .v{ font-family:var(--f-head); font-weight:800; font-size:19px; color:#fff; line-height:1; }
.sp__stat .k{ font-family:var(--f-mono); font-size:8.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--steel); margin-top:5px; }

/* sections */
.ssec{ padding-block:38px 6px; }
.ssec:last-of-type{ padding-bottom:48px; }
.blocknum{ font-family:var(--f-mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--command); }
.ssec h2{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:22px; line-height:.95; color:var(--ink); margin:8px 0 16px; }
.ssec h2 .hl{ color:var(--command); }

/* garage band */
.gar{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
@media (min-width:768px){ .gar{ grid-template-columns:repeat(4,1fr); } }
.gar__tile{ position:relative; aspect-ratio:4/3; border:1px solid var(--line); border-radius:var(--r); overflow:hidden; }
.gar__tile img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:var(--t); }
.gar__tile:hover img{ transform:scale(1.04); }
.gar__meta{ position:absolute; left:0; right:0; bottom:0; padding:10px; background:linear-gradient(to top,rgba(10,12,14,.85),transparent); z-index:2; }
.gar__car{ font-weight:700; font-size:12.5px; color:#fff; }
.gar__tag{ font-family:var(--f-mono); font-size:8.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--lime); display:block; margin-top:2px; }

/* listings (reuse lst card look) */
.lst-grid{ display:grid; grid-template-columns:1fr; gap:12px; }
@media (min-width:700px){ .lst-grid{ grid-template-columns:1fr 1fr; } }
@media (min-width:960px){ .lst-grid{ grid-template-columns:repeat(3,1fr); } }
.lst{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r); display:flex;
  flex-direction:column; overflow:hidden; transition:var(--t); }
.lst:hover{ border-color:var(--command); box-shadow:var(--sh); transform:translateY(-2px); }
.lst__media{ position:relative; aspect-ratio:4/3; border-bottom:1px solid var(--line-2); overflow:hidden; background:#fff; }
.lst__img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; padding:10px; }
.lst__flags{ position:absolute; top:9px; left:9px; z-index:2; }
.lst__body{ padding:13px 13px 15px; display:flex; flex-direction:column; flex:1; }
.lst__brand{ font-family:var(--f-mono); font-size:10px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; color:var(--command); margin-bottom:5px; }
.lst__name{ font-family:var(--f-head); font-weight:700; text-transform:uppercase; font-size:16px; line-height:1; margin-bottom:6px; color:var(--ink); }
.lst__spec{ font-family:var(--f-mono); font-size:11px; color:var(--carbon); margin-bottom:10px; }
.lst__foot{ margin-top:auto; padding-top:11px; border-top:1px solid var(--line-2); display:flex; align-items:flex-end; justify-content:space-between; gap:8px; }
.lst__price{ font-family:var(--f-head); font-weight:800; font-size:22px; line-height:1; color:var(--ink); }
.lst__watch{ font-family:var(--f-mono); font-size:10px; letter-spacing:.04em; text-transform:uppercase; color:var(--carbon); }
.flag--exc{ background:var(--command); color:#fff; }
.flag--act{ background:var(--ocean-900); color:#fff; }
.flag--sold{ background:var(--bone-2); color:var(--carbon); }
.lst--sold{ opacity:.72; }

/* reviews */
.drev{ display:grid; grid-template-columns:1fr; gap:12px; }
@media (min-width:768px){ .drev{ grid-template-columns:1fr 1fr; } }
.rv{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:16px; }
.rv__top{ display:flex; align-items:center; gap:10px; margin-bottom:9px; }
.rv__top img{ width:34px; height:34px; border-radius:50%; object-fit:cover; }
.rv__who{ font-weight:700; font-size:13.5px; color:var(--ink); }
.rv__meta{ font-family:var(--f-mono); font-size:9px; color:var(--carbon); margin-top:2px; }
.rv__stars{ margin-left:auto; color:var(--star); font-size:13px; letter-spacing:2px; }
.rv p{ font-size:13px; line-height:1.6; color:var(--carbon); }
.rv p b{ color:var(--ink); }

/* ==== utilities (extracted from inline style attributes) ==== */
.u07e1ddb{ display:grid !important; place-items:center !important; background:#101214 !important; border-color:#CE202F !important; }
.u0d58265{ background:var(--ocean-900) !important; border-radius:var(--r) !important; padding:26px 24px !important; display:flex !important; flex-wrap:wrap !important; gap:16px !important; align-items:center !important; justify-content:space-between !important; }
.u15ab421{ color:rgba(255,255,255,.7) !important; font-size:12.5px !important; margin-top:5px !important; }
.u1e24b98{ background:var(--bone) !important; padding-block:16px 0 !important; }
.u433594d{ flex:none !important; margin-top:2px !important; }
.u5f2fd1a{ font-family:var(--f-mono) !important; font-size:10px !important; letter-spacing:.06em !important; text-transform:uppercase !important; border:1.5px solid #CE202F !important; background:none !important; color:#CE202F !important; border-radius:999px !important; padding:7px 16px !important; cursor:pointer !important; margin-top:8px !important; }
.u74050e0{ font-size:13px !important; line-height:1.65 !important; color:var(--ink) !important; }
.u9c33ea5{ width:0% !important; }
.uba0b8f6{ background:var(--paper) !important; border:1.5px solid #CE202F !important; border-radius:var(--r) !important; padding:15px 18px !important; display:flex !important; gap:12px !important; align-items:flex-start !important; }
.ubbd42c1{ color:#CE202F !important; font-weight:700 !important; }
.uc27f7dd{ width:74% !important; height:auto !important; }
.ue65692f{ width:91% !important; }
.uede4e4b{ font-family:var(--f-head) !important; font-weight:800 !important; text-transform:uppercase !important; color:#fff !important; font-size:clamp(1.1rem,2.6vw,1.5rem) !important; }
.uf2f499c{ width:9% !important; }