/* ============================================================
   SELLER PAGE — seller-* prefix
   Transfer to assets/css/style.css when ready
============================================================ */

.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* Breadcrumb */
.seller-breadcrumb { background:#f8f8f6; border-bottom:1px solid #e8e4de; padding:10px 0; font-size:12px; color:#888; }
.seller-breadcrumb nav { display:flex; align-items:center; gap:6px; }
.seller-breadcrumb a { color:#555; text-decoration:none; }
.seller-breadcrumb a:hover { text-decoration:underline; }
.seller-breadcrumb [aria-current="page"] { color:#111; font-weight:600; }

/* Hero */
.seller-hero { position:relative; background:#111; }
.seller-banner { height:240px; overflow:hidden; position:relative; }
.seller-banner img { width:100%; height:100%; object-fit:cover; object-position:center 40%; opacity:.85; display:block; }
.seller-banner-overlay { position:absolute; inset:0; background:linear-gradient(to bottom, transparent 30%, rgba(0,0,0,.6) 100%); }

.seller-profile-card { display:flex; align-items:flex-start; gap:24px; background:#fff; border-radius:16px 16px 0 0; padding:28px 32px 24px; margin-top:-48px; position:relative; z-index:2; box-shadow:0 -4px 24px rgba(0,0,0,.08); }
.seller-avatar-wrap { position:relative; flex-shrink:0; margin-top:-60px; }
.seller-avatar { width:100px; height:100px; border-radius:50%; border:4px solid #fff; object-fit:cover; display:block; box-shadow:0 4px 16px rgba(0,0,0,.12); }
.seller-verified { position:absolute; bottom:2px; right:2px; width:26px; height:26px; background:#16a34a; border-radius:50%; border:2px solid #fff; display:flex; align-items:center; justify-content:center; }
.seller-info { flex:1; min-width:0; }
.seller-name-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:4px; }
.seller-name { font-size:24px; font-weight:700; color:#111; margin:0; }
.seller-curator-badge { background:#111; color:#fff; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:3px 8px; border-radius:4px; }
.seller-auth-badge { background:#dcfce7; color:#15803d; font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:3px 8px; border-radius:4px; }
.seller-handle { font-size:13px; color:#888; margin:0 0 8px; }
.seller-follower-count { color:#555; font-weight:600; }
.seller-bio { font-size:14px; color:#444; line-height:1.6; margin:0 0 10px; max-width:600px; }
.seller-meta { display:flex; flex-wrap:wrap; gap:12px; }
.seller-meta-item { display:flex; align-items:center; gap:5px; font-size:12px; color:#666; }
.seller-actions { display:flex; align-items:center; gap:10px; flex-shrink:0; padding-top:4px; }
.seller-follow-btn, .seller-msg-btn { display:inline-flex; align-items:center; gap:7px; }
.seller-share-btn { width:40px; height:40px; border:1.5px solid #ddd; border-radius:50%; background:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; color:#555; transition:border-color .2s,color .2s; flex-shrink:0; }
.seller-share-btn:hover { border-color:#111; color:#111; }

/* Stats bar */
.seller-stats-bar { background:#fff; border-top:1px solid #f0ede8; border-bottom:1px solid #f0ede8; }
.seller-stats { display:flex; align-items:center; justify-content:center; padding:16px 0; flex-wrap:wrap; }
.seller-stat { display:flex; flex-direction:column; align-items:center; padding:4px 32px; gap:2px; }
.seller-stat-value { font-size:22px; font-weight:700; color:#111; line-height:1.1; font-family:'Calistoga',serif; }
.seller-stat-label { font-size:11px; color:#888; text-transform:uppercase; letter-spacing:.06em; display:flex; align-items:center; gap:3px; }
.seller-stat-div { width:1px; height:32px; background:#e8e4de; flex-shrink:0; }

/* Tabs */
.seller-tabs-section { background:#fff; border-bottom:1.5px solid #e8e4de; position:sticky; top:0; z-index:10; }
.seller-tabs { display:flex; }
.seller-tab { display:flex; align-items:center; gap:7px; padding:14px 20px; font-size:14px; font-weight:600; color:#888; background:none; border:none; border-bottom:2.5px solid transparent; cursor:pointer; transition:color .2s,border-color .2s; white-space:nowrap; font-family:inherit; }
.seller-tab:hover { color:#111; }
.seller-tab.is-active { color:#111; border-bottom-color:#111; }
.seller-tab-count { background:#f0ede8; color:#666; font-size:11px; font-weight:600; padding:1px 6px; border-radius:20px; }
.seller-tab.is-active .seller-tab-count { background:#111; color:#fff; }

/* Panels */
.seller-panel { display:none; }
.seller-panel.is-active { display:block; }

/* Filter bar */
.seller-filter-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 0 12px; flex-wrap:wrap; }
.seller-filter-pills { display:flex; gap:8px; flex-wrap:wrap; }
.seller-filter-pill { padding:7px 16px; border-radius:24px; border:1.5px solid #ddd; background:#fff; font-size:13px; font-weight:500; color:#555; cursor:pointer; transition:all .2s; font-family:inherit; }
.seller-filter-pill:hover { border-color:#111; color:#111; }
.seller-filter-pill.is-active { background:#111; border-color:#111; color:#fff; }
.seller-filter-right { display:flex; align-items:center; gap:12px; }
.seller-results-count { font-size:13px; color:#888; white-space:nowrap; }
.seller-sort { padding:7px 32px 7px 12px; border:1.5px solid #ddd; border-radius:8px; font-size:13px; color:#333; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center; cursor:pointer; appearance:none; font-family:inherit; }
.seller-sort:focus { outline:2px solid #111; outline-offset:2px; }

/* Listings grid */
.seller-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; padding-bottom:8px; }
.seller-card { background:#fff; border-radius:12px; overflow:hidden; border:1.5px solid #f0ede8; transition:box-shadow .2s,transform .2s; cursor:pointer; }
.seller-card:hover { box-shadow:0 8px 24px rgba(0,0,0,.1); transform:translateY(-2px); }
.seller-card-media { position:relative; aspect-ratio:4/5; background:#f5f3ef; overflow:hidden; }
.seller-card-img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; display:block; }
.seller-card:hover .seller-card-img { transform:scale(1.04); }
.seller-card-badge { position:absolute; top:10px; left:10px; font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:4px 8px; border-radius:4px; line-height:1; }
.seller-badge-hot { background:var(--orange,#f97316); color:#fff; }
.seller-badge-new { background:#111; color:#fff; }
.seller-badge-auth { background:#dcfce7; color:#15803d; }
.seller-card-wishlist { position:absolute; top:10px; right:10px; width:32px; height:32px; background:#fff; border-radius:50%; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; color:#666; box-shadow:0 2px 8px rgba(0,0,0,.1); transition:color .2s,background .2s; opacity:0; }
.seller-card:hover .seller-card-wishlist { opacity:1; }
.seller-card-wishlist:hover { color:#e11d48; }
.seller-card-wishlist.is-active { color:#e11d48; opacity:1; }
.seller-card-wishlist.is-active svg { fill:#e11d48; }
.seller-card-body { padding:14px 14px 12px; }
.seller-card-brand { font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#888; display:block; margin-bottom:3px; }
.seller-card-name { font-size:13px; font-weight:600; color:#111; margin:0 0 4px; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.seller-card-meta { font-size:11px; color:#888; margin-bottom:10px; }
.seller-card-dot { margin:0 4px; opacity:.5; }
.seller-card-foot { display:flex; align-items:center; justify-content:space-between; }
.seller-card-price { font-size:15px; font-weight:700; color:#111; display:flex; align-items:baseline; gap:6px; }
.seller-card-original { font-size:12px; font-weight:400; color:#aaa; text-decoration:line-through; }
.seller-card-btn { width:34px; height:34px; background:#111; border:none; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; color:#fff; transition:background .2s,transform .15s; flex-shrink:0; }
.seller-card-btn:hover { background:var(--orange,#f97316); transform:scale(1.08); }

/* Load more */
.seller-load-more { text-align:center; padding:32px 0 48px; }
.seller-load-more-btn { display:inline-flex; align-items:center; gap:8px; padding:12px 28px; border:1.5px solid #111; border-radius:8px; background:#fff; font-size:14px; font-weight:600; color:#111; cursor:pointer; transition:all .2s; font-family:inherit; }
.seller-load-more-btn:hover { background:#111; color:#fff; }
.seller-load-more-note { font-size:12px; color:#aaa; margin:10px 0 0; }

/* Reviews */
.seller-reviews-overview { display:flex; align-items:flex-start; gap:48px; padding:32px 0 24px; border-bottom:1.5px solid #f0ede8; }
.seller-rating-left { text-align:center; flex-shrink:0; min-width:120px; }
.seller-rating-score { font-size:64px; font-weight:700; color:#111; line-height:1; font-family:'Calistoga',serif; }
.seller-stars { display:flex; justify-content:center; gap:3px; margin:6px 0 4px; color:var(--orange,#f97316); font-size:18px; }
.seller-rating-total { font-size:12px; color:#888; margin:0; }
.seller-rating-bars { flex:1; display:flex; flex-direction:column; gap:8px; justify-content:center; }
.seller-rating-bar-row { display:flex; align-items:center; gap:10px; font-size:12px; color:#555; }
.seller-bar-label { width:30px; text-align:right; flex-shrink:0; font-weight:500; }
.seller-bar-track { flex:1; height:8px; background:#f0ede8; border-radius:4px; overflow:hidden; }
.seller-bar-fill { height:100%; background:var(--orange,#f97316); border-radius:4px; }
.seller-bar-count { width:28px; flex-shrink:0; color:#888; font-size:11px; }
.seller-review-filters { display:flex; gap:8px; padding:16px 0; flex-wrap:wrap; }
.seller-review-filter { padding:6px 14px; border-radius:20px; border:1.5px solid #ddd; background:#fff; font-size:12px; font-weight:500; color:#555; cursor:pointer; transition:all .2s; font-family:inherit; }
.seller-review-filter:hover { border-color:#111; color:#111; }
.seller-review-filter.is-active { background:#111; border-color:#111; color:#fff; }
.seller-reviews-list { display:flex; flex-direction:column; }
.seller-review { padding:24px 0; border-bottom:1px solid #f0ede8; }
.seller-review:last-child { border-bottom:none; }
.seller-review-head { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.seller-review-avatar { width:36px; height:36px; border-radius:50%; background:#111; color:#fff; font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.seller-review-meta { flex:1; }
.seller-review-name { font-size:14px; font-weight:600; color:#111; display:block; }
.seller-review-stars { font-size:13px; color:var(--orange,#f97316); line-height:1.3; }
.seller-review-date { font-size:12px; color:#aaa; flex-shrink:0; }
.seller-review-item-ref { display:inline-flex; align-items:center; gap:5px; font-size:11px; color:#888; background:#f8f7f4; padding:4px 10px; border-radius:4px; margin-bottom:10px; }
.seller-review-body { font-size:14px; color:#444; line-height:1.65; margin:0 0 10px; }
.seller-review-tags { display:flex; gap:6px; flex-wrap:wrap; }
.seller-review-tag { font-size:11px; font-weight:500; color:#555; background:#f0ede8; padding:3px 9px; border-radius:4px; }

/* About */
.seller-about-grid { display:grid; grid-template-columns:1fr 340px; gap:48px; padding:32px 0 48px; }
.seller-about-block { margin-bottom:36px; }
.seller-about-block:last-child { margin-bottom:0; }
.seller-about-heading { font-size:18px; font-weight:700; color:#111; margin:0 0 16px; }
.seller-about-block p { font-size:14px; color:#555; line-height:1.75; margin:0 0 12px; }
.seller-about-block p:last-child { margin-bottom:0; }
.seller-specialties { display:flex; flex-direction:column; gap:16px; }
.seller-specialty-item { display:flex; align-items:flex-start; gap:14px; }
.seller-specialty-icon { font-size:20px; flex-shrink:0; width:40px; height:40px; background:#f5f3ef; border-radius:10px; display:flex; align-items:center; justify-content:center; }
.seller-specialty-item strong { display:block; font-size:14px; color:#111; margin-bottom:2px; }
.seller-specialty-item p { font-size:13px; color:#666; margin:0; line-height:1.5; }
.seller-about-sidebar { display:flex; flex-direction:column; gap:16px; }
.seller-policy-card { background:#f8f7f4; border:1.5px solid #f0ede8; border-radius:12px; padding:18px 20px; }
.seller-policy-heading { font-size:12px; font-weight:700; color:#111; display:flex; align-items:center; gap:7px; margin:0 0 12px; text-transform:uppercase; letter-spacing:.05em; }
.seller-policy-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:7px; }
.seller-policy-list li { font-size:13px; color:#555; padding-left:16px; position:relative; line-height:1.45; }
.seller-policy-list li::before { content:'✓'; position:absolute; left:0; color:#16a34a; font-size:11px; top:1px; font-weight:700; }
.seller-contact-card { border-color:#ddd; background:#fff; }
.seller-contact-note { font-size:12px; color:#888; margin:0 0 14px; line-height:1.5; }
.seller-contact-btn { width:100%; justify-content:center; gap:7px; margin-bottom:8px; }
.seller-wa-btn { width:100%; display:flex; align-items:center; justify-content:center; gap:8px; padding:10px 20px; background:#25D366; color:#fff; border:none; border-radius:8px; font-size:14px; font-weight:600; cursor:pointer; text-decoration:none; transition:background .2s; font-family:inherit; }
.seller-wa-btn:hover { background:#20bd5a; color:#fff; }

/* Responsive */
@media (max-width:1024px) {
  .seller-grid { grid-template-columns:repeat(3,1fr); }
  .seller-about-grid { grid-template-columns:1fr 300px; gap:32px; }
  .seller-stat { padding:4px 20px; }
}
@media (max-width:768px) {
  .seller-profile-card { flex-direction:column; padding:20px 16px; gap:16px; }
  .seller-avatar-wrap { margin-top:-50px; }
  .seller-avatar { width:80px; height:80px; }
  .seller-name { font-size:20px; }
  .seller-actions { width:100%; }
  .seller-follow-btn, .seller-msg-btn { flex:1; justify-content:center; }
  .seller-stat { padding:4px 14px; }
  .seller-stat-value { font-size:18px; }
  .seller-grid { grid-template-columns:repeat(2,1fr); gap:12px; }
  .seller-about-grid { grid-template-columns:1fr; }
  .seller-reviews-overview { flex-direction:column; gap:24px; }
  .seller-rating-left { display:flex; align-items:center; gap:20px; text-align:left; }
  .seller-rating-score { font-size:48px; }
  .seller-stars { justify-content:flex-start; }
}
@media (max-width:480px) {
  .seller-banner { height:160px; }
  .seller-stat { padding:4px 10px; }
  .seller-stat-div { display:none; }
  .seller-filter-bar { flex-direction:column; align-items:flex-start; }
  .seller-filter-right { width:100%; justify-content:space-between; }
}