/* flowsouq-social.css */

/* =========================================================
   FlowSouq Social UI Override
   Loaded after flowsouq-ui.css
   ========================================================= */

:root {
  --fs-social-bg: #fff;
  --fs-social-text: #050505;
  --fs-social-muted: #737373;
  --fs-social-border: #dbdbdb;
  --fs-social-soft: #fafafa;
  --fs-nav-h: 64px;
}

html,
body {
  background: var(--fs-social-bg);
  color: var(--fs-social-text);
}

.fs-shell {
  min-height: 100dvh;
  background: var(--fs-social-bg);
}

.fs-main {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  padding: 56px 0 calc(var(--fs-nav-h) + env(safe-area-inset-bottom) + 18px);
}

/* Top bar */

.fs-topbar-shell {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 70;
  background: rgba(255, 255, 255, .92);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--fs-social-border);
}

.fs-topbar {
  height: 52px;
  max-width: 640px;
  margin: 0 auto;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fs-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--fs-social-text);
  text-decoration: none;
}

.fs-brand-logo {
  width: 28px;
  height: 28px;
  border-radius: 8px;
}

.fs-brand-copy {
  display: block;
}

.fs-brand-title {
  display: block;
  font-size: 20px;
  line-height: 1;
  letter-spacing: -0.04em;
  font-weight: 800;
}

.fs-brand-subtitle {
  display: none;
}

/* Remove dashboard look */

.fs-page-header,
.fs-page-header-inner,
.fs-page-head,
.fs-page-subtitle {
  display: none !important;
}

.fs-flash-wrap {
  padding: 10px 12px;
}

.fs-flash {
  border-radius: 14px;
  font-size: 14px;
}

/* Bottom nav */

.app-nav {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 80;
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(18px);
  border-top: 1px solid var(--fs-social-border);
  padding-bottom: env(safe-area-inset-bottom);
}

.app-nav-inner {
  height: var(--fs-nav-h);
  max-width: 640px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
}

.nav-item {
  position: relative;
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: var(--fs-social-text);
  text-decoration: none;
  font-size: 11px;
  font-weight: 500;
}

.nav-icon {
  font-size: 21px;
  line-height: 1;
}

.nav-item.active {
  font-weight: 800;
}

.nav-item.active .nav-icon {
  transform: scale(1.04);
}

.nav-badge {
  position: absolute;
  top: 8px;
  right: 22%;
  min-width: 17px;
  height: 17px;
  padding: 0 5px;
  border-radius: 999px;
  background: #ff3040;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
}

.mobile-plus-item {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-plus-btn {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 0;
  background: #050505;
  color: #fff;
  font-size: 30px;
  line-height: 1;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Action sheet */

.action-sheet-backdrop {
  background: rgba(0, 0, 0, .28);
}

.action-sheet {
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 640px;
  margin: 0 auto;
  border-radius: 22px 22px 0 0;
  border: 1px solid var(--fs-social-border);
  border-bottom: 0;
  background: #fff;
  box-shadow: 0 -18px 50px rgba(0, 0, 0, .18);
  padding-bottom: calc(env(safe-area-inset-bottom) + 10px);
}

.action-sheet-title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.action-sheet-subtitle {
  color: var(--fs-social-muted);
  font-size: 13px;
}

.action-sheet-row {
  border-radius: 14px;
  border: 1px solid var(--fs-social-border);
  background: #fff;
  color: var(--fs-social-text);
}

/* Social feed primitives */

.fs-feed {
  background: #fff;
}

.fs-post {
  border-bottom: 1px solid var(--fs-social-border);
  background: #fff;
}

.fs-post-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
}

.fs-avatar {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  object-fit: cover;
  background: var(--fs-social-soft);
  border: 1px solid var(--fs-social-border);
}

.fs-post-author {
  min-width: 0;
  flex: 1;
}

.fs-post-name {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.15;
}

.fs-post-meta {
  font-size: 12px;
  color: var(--fs-social-muted);
  line-height: 1.2;
}

.fs-post-media {
  width: 100%;
  background: var(--fs-social-soft);
}

.fs-post-media img,
.fs-post-media video {
  width: 100%;
  display: block;
  object-fit: cover;
}

.fs-post-body {
  padding: 11px 14px 14px;
}

.fs-post-title {
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 4px;
}

.fs-post-text {
  font-size: 14px;
  line-height: 1.45;
  margin: 0;
}

.fs-post-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 8px 14px 12px;
}

.fs-post-action {
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--fs-social-text);
  font-size: 22px;
  text-decoration: none;
}

.fs-post-cta {
  margin-left: auto;
  border-radius: 999px;
  border: 1px solid #050505;
  background: #050505;
  color: #fff;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

/* Desktop: keep it mobile-shaped */

@media (min-width: 760px) {
  body {
    background: #f5f5f5;
  }

  .fs-topbar-shell,
  .app-nav {
    background: rgba(255, 255, 255, .94);
  }

  .fs-main {
    min-height: 100dvh;
    background: #fff;
    border-left: 1px solid var(--fs-social-border);
    border-right: 1px solid var(--fs-social-border);
  }
}

/* =========================================================
   Buyer Feed / Browse
   ========================================================= */

.fs-feed-tools {
  position: sticky;
  top: 52px;
  z-index: 20;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--fs-social-border);
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.fs-feed-search-btn {
  flex: 1;
  border: 1px solid var(--fs-social-border);
  background: #f5f5f5;
  color: var(--fs-social-muted);
  border-radius: 999px;
  min-height: 40px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  font-weight: 600;
}

.fs-feed-reset {
  color: var(--fs-social-text);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.fs-story-row {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  padding: 12px 12px 14px;
  border-bottom: 1px solid var(--fs-social-border);
  scrollbar-width: none;
}

.fs-story-row::-webkit-scrollbar {
  display: none;
}

.fs-story {
  width: 70px;
  flex: 0 0 auto;
  text-align: center;
  text-decoration: none;
  color: var(--fs-social-text);
}

.fs-story-ring {
  width: 64px;
  height: 64px;
  border-radius: 999px;
  padding: 2px;
  border: 2px solid #050505;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 6px;
}

.fs-story-ring img,
.fs-story-initial {
  width: 56px;
  height: 56px;
  border-radius: 999px;
  object-fit: cover;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}

.fs-story-name {
  display: block;
  font-size: 11px;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fs-avatar-link,
.fs-post-name,
.fs-post-title a {
  color: inherit;
  text-decoration: none;
}

.fs-avatar-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}

.fs-post-menu {
  color: var(--fs-social-text);
  text-decoration: none;
  padding: 8px;
  margin-right: -8px;
}

.fs-post-action-form {
  margin: 0;
}

.fs-post-price-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 7px;
  font-size: 14px;
}

.fs-post-price-row span {
  color: var(--fs-social-muted);
  font-size: 12px;
}

.fs-post-comments {
  display: inline-block;
  margin-top: 8px;
  color: var(--fs-social-muted);
  font-size: 13px;
  text-decoration: none;
}

.fs-post-media-fallback {
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f6f6f6;
}

.fs-post-media-fallback img {
  width: 130px;
  height: 130px;
  border-radius: 999px;
  object-fit: cover;
}

.fs-post-media-empty {
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f5f5f5, #e8e8e8);
}

.fs-post-media-empty span {
  width: 96px;
  height: 96px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--fs-social-border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
  font-weight: 900;
}

.fs-empty-feed {
  min-height: 58dvh;
  padding: 60px 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.fs-empty-icon {
  width: 72px;
  height: 72px;
  border-radius: 999px;
  border: 1px solid var(--fs-social-border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin-bottom: 14px;
}

.fs-empty-feed h2 {
  margin: 0 0 8px;
  font-size: 22px;
  letter-spacing: -.04em;
}

.fs-empty-feed p {
  margin: 0 0 18px;
  color: var(--fs-social-muted);
  font-size: 14px;
  line-height: 1.45;
  max-width: 280px;
}

.fs-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 120;
  background: rgba(0,0,0,.35);
  display: none;
  align-items: flex-end;
}

.fs-modal-backdrop.is-open {
  display: flex;
}

.fs-modal-card {
  width: 100%;
  max-width: 640px;
  max-height: 86dvh;
  overflow: auto;
  margin: 0 auto;
  background: #fff;
  border-radius: 24px 24px 0 0;
  padding: 18px;
  padding-bottom: calc(18px + env(safe-area-inset-bottom));
}

.fs-modal-head {
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin-bottom: 16px;
}

.fs-modal-head h3 {
  margin: 3px 0 5px;
  font-size: 22px;
  letter-spacing: -.04em;
}

.fs-modal-head p {
  margin: 0;
  color: var(--fs-social-muted);
  font-size: 14px;
  line-height: 1.4;
}

.fs-modal-close {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid var(--fs-social-border);
  background: #fff;
  font-size: 24px;
  line-height: 1;
}


/* =========================================================
   Storefront Profile
   ========================================================= */

.fs-profile-shell {
  background: #fff;
  min-height: 100dvh;
}

.fs-profile-alert {
  margin: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid #f4c542;
  background: #fff8d8;
  display: grid;
  gap: 3px;
  font-size: 13px;
}

.fs-profile-cover {
  height: 150px;
  background: #f3f3f3;
  overflow: hidden;
}

.fs-profile-cover img,
.fs-profile-cover-fallback {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.fs-profile-cover-fallback {
  background:
    radial-gradient(circle at 20% 20%, rgba(0,0,0,.10), transparent 28%),
    linear-gradient(135deg, #f7f7f7, #e8e8e8);
}

.fs-profile-head {
  padding: 0 14px 18px;
  border-bottom: 1px solid var(--fs-social-border);
}

.fs-profile-avatar-wrap {
  margin-top: -42px;
  margin-bottom: 10px;
}

.fs-profile-avatar {
  width: 88px;
  height: 88px;
  border-radius: 999px;
  object-fit: cover;
  border: 4px solid #fff;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fs-profile-avatar-fallback {
  font-size: 34px;
  font-weight: 900;
}

.fs-profile-main {
  display: grid;
  gap: 10px;
}

.fs-profile-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.fs-profile-title-row h1 {
  margin: 0;
  font-size: 25px;
  line-height: 1.05;
  letter-spacing: -.05em;
}

.fs-profile-handle {
  margin-top: 4px;
  color: var(--fs-social-muted);
  font-size: 13px;
}

.fs-profile-verified {
  color: #0095f6;
  margin-left: 3px;
}

.fs-profile-icon-btn {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid var(--fs-social-border);
  color: var(--fs-social-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.fs-profile-bio {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.fs-profile-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  color: var(--fs-social-muted);
  font-size: 13px;
}

.fs-profile-meta span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.fs-profile-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--fs-social-border);
  border-radius: 16px;
  overflow: hidden;
}

.fs-profile-stats span {
  min-width: 0;
  padding: 10px 6px;
  text-align: center;
  color: inherit;
  text-decoration: none;
  display: grid;
  gap: 2px;
  border-right: 1px solid var(--fs-social-border);
}

.fs-profile-stats span:last-child {
  border-right: 0;
}

.fs-profile-stats strong {
  font-size: 15px;
  line-height: 1;
}

.fs-profile-stats span span {
  color: var(--fs-social-muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 0;
  border: 0;
}

.fs-profile-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.fs-profile-action-primary,
.fs-profile-action-secondary {
  min-height: 38px;
  border-radius: 10px;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
}

.fs-profile-action-primary {
  background: #050505;
  color: #fff;
}

.fs-profile-action-secondary {
  background: #f2f2f2;
  color: #050505;
}

.fs-profile-intro {
  padding: 12px;
  border-bottom: 1px solid var(--fs-social-border);
}

.fs-profile-intro video {
  width: 100%;
  display: block;
  border-radius: 16px;
  background: #000;
}

.fs-profile-tabs {
  position: sticky;
  top: 52px;
  z-index: 25;
  height: 46px;
  background: rgba(255,255,255,.95);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--fs-social-border);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.fs-profile-tabs button {
  border: 0;
  background: transparent;
  color: var(--fs-social-muted);
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}

.fs-profile-tabs button.active {
  color: #050505;
  border-bottom-color: #050505;
}

.fs-profile-panel {
  display: none;
}

.fs-profile-panel.is-active {
  display: block;
}

.fs-profile-grid,
.fs-portfolio-grid-social {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  background: #fff;
}

.fs-profile-tile {
  min-width: 0;
  background: #fff;
}

.fs-profile-tile-media,
.fs-portfolio-social-tile {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  background: #f3f3f3;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
}

.fs-profile-tile-media img,
.fs-profile-tile-media video,
.fs-portfolio-social-tile img,
.fs-portfolio-social-tile video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.fs-profile-tile-fallback,
.fs-profile-tile-empty {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f3f3;
}

.fs-profile-tile-fallback img {
  width: 54%;
  height: 54%;
  border-radius: 999px;
  object-fit: cover;
}

.fs-profile-tile-empty span {
  width: 52px;
  height: 52px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--fs-social-border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 900;
}

.fs-tile-corner-icon {
  position: absolute;
  right: 8px;
  top: 8px;
  color: #fff;
  text-shadow: 0 1px 8px rgba(0,0,0,.45);
  font-size: 14px;
}

.fs-profile-tile-body {
  display: none;
}

.fs-profile-section-head {
  padding: 18px 14px 12px;
}

.fs-profile-section-head h2,
.fs-profile-about h2 {
  margin: 0 0 4px;
  font-size: 20px;
  letter-spacing: -.04em;
}

.fs-profile-section-head p {
  margin: 0;
  color: var(--fs-social-muted);
  font-size: 13px;
}

.fs-profile-empty {
  min-height: 220px;
  padding: 40px 24px;
  text-align: center;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  color: var(--fs-social-muted);
}

.fs-profile-empty i {
  font-size: 34px;
  color: #050505;
}

.fs-profile-empty h2 {
  margin: 0;
  color: #050505;
  font-size: 20px;
  letter-spacing: -.04em;
}

.fs-profile-empty p {
  margin: 0;
  max-width: 270px;
  font-size: 14px;
  line-height: 1.4;
}

.fs-profile-about {
  padding: 22px 14px 34px;
}

.fs-profile-about p {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}

.fs-profile-links {
  margin-top: 16px;
  display: grid;
  gap: 8px;
}

.fs-profile-links a {
  min-height: 42px;
  border-radius: 12px;
  border: 1px solid var(--fs-social-border);
  color: #050505;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 800;
}

@media (min-width: 760px) {
  .fs-profile-cover {
    height: 190px;
  }

  .fs-profile-head {
    padding-left: 18px;
    padding-right: 18px;
  }

  .fs-profile-tile-body {
    display: block;
    padding: 10px 10px 14px;
  }

  .fs-profile-tile-body h2 {
    margin: 0 0 6px;
    font-size: 13px;
    line-height: 1.2;
  }

  .fs-profile-tile-body h2 a {
    color: inherit;
    text-decoration: none;
  }

  .fs-profile-tile-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 12px;
  }

  .fs-profile-tile-meta span {
    color: var(--fs-social-muted);
  }

  .fs-profile-tile-actions {
    margin-top: 8px;
    display: flex;
    gap: 8px;
    align-items: center;
  }

  .fs-profile-tile-actions a,
  .fs-profile-tile-actions button {
    border: 0;
    background: none;
    color: #050505;
    text-decoration: none;
    padding: 0;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
  }
}

/* =========================================================
   Post / Item Detail
   ========================================================= */

.fs-post-detail-shell {
  background: #fff;
  min-height: 100dvh;
  padding-bottom: calc(86px + env(safe-area-inset-bottom));
}

.fs-post-detail-alert {
  margin: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid #f4c542;
  background: #fff8d8;
  display: grid;
  gap: 3px;
  font-size: 13px;
}

.fs-post-detail {
  background: #fff;
  border-bottom: 1px solid var(--fs-social-border);
}

.fs-post-detail-head {
  position: sticky;
  top: 52px;
  z-index: 22;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--fs-social-border);
}

.fs-post-detail-media {
  background: #000;
}

.fs-post-detail-media > img {
  width: 100%;
  height: min(72dvh, 620px);
  display: block;
  object-fit: contain;
  background: #000;
}

.fs-post-detail-carousel-wrap {
  position: relative;
  background: #000;
}

.fs-post-detail-carousel {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  background: #000;
}

.fs-post-detail-carousel::-webkit-scrollbar {
  display: none;
}

.fs-post-detail-slide {
  flex: 0 0 100%;
  scroll-snap-align: start;
  background: #000;
}

.fs-post-detail-slide img,
.fs-post-detail-slide video {
  width: 100%;
  height: min(72dvh, 620px);
  display: block;
  object-fit: contain;
  background: #000;
}

.fs-post-detail-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  display: flex;
  justify-content: center;
  gap: 5px;
  pointer-events: none;
}

.fs-post-detail-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,.45);
}

.fs-post-detail-dot.is-active {
  background: #fff;
}

.fs-post-detail-media-fallback,
.fs-post-detail-media-empty {
  min-height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f3f3;
}

.fs-post-detail-media-fallback img {
  width: 144px;
  height: 144px;
  border-radius: 999px;
  object-fit: cover;
}

.fs-post-detail-media-empty span {
  width: 108px;
  height: 108px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--fs-social-border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  font-weight: 900;
}

.fs-post-detail-actions {
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 18px;
}

.fs-post-detail-icon {
  border: 0;
  background: transparent;
  color: #050505;
  font-size: 23px;
  line-height: 1;
  padding: 0;
  text-decoration: none;
  display: inline-flex;
}

.fs-post-detail-body {
  padding: 0 14px 16px;
}

.fs-post-detail-price-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.fs-post-detail-price-row strong {
  font-size: 16px;
}

.fs-post-detail-price-row span {
  color: var(--fs-social-muted);
  font-size: 12px;
}

.fs-post-detail-body h1 {
  margin: 0 0 8px;
  font-size: 22px;
  line-height: 1.08;
  letter-spacing: -.05em;
}

.fs-post-detail-caption,
.fs-post-detail-description {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.fs-post-detail-caption {
  font-weight: 600;
  margin-bottom: 8px;
}

.fs-post-detail-description {
  color: #222;
}

.fs-post-detail-options {
  padding: 14px;
  border-top: 1px solid var(--fs-social-border);
}

.fs-post-detail-options h2 {
  margin: 0 0 10px;
  font-size: 16px;
  letter-spacing: -.03em;
}

.fs-post-option-list {
  display: grid;
  gap: 10px;
}

.fs-post-option-group {
  border: 1px solid var(--fs-social-border);
  border-radius: 14px;
  padding: 10px;
}

.fs-post-option-name {
  font-size: 13px;
  font-weight: 900;
  margin-bottom: 8px;
}

.fs-post-option-values {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.fs-post-option-values span {
  border-radius: 999px;
  background: #f2f2f2;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 700;
}

.fs-post-detail-seller {
  padding: 14px;
  border-top: 1px solid var(--fs-social-border);
}

.fs-post-detail-seller-card {
  color: inherit;
  text-decoration: none;
  display: grid;
  grid-template-columns: 48px 1fr auto;
  align-items: center;
  gap: 11px;
}

.fs-post-detail-seller-card img,
.fs-post-detail-seller-card > span {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  object-fit: cover;
  background: #f3f3f3;
  border: 1px solid var(--fs-social-border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}

.fs-post-detail-seller-card strong {
  display: block;
  font-size: 14px;
}

.fs-post-detail-seller-card p {
  margin: 2px 0 0;
  color: var(--fs-social-muted);
  font-size: 12px;
  line-height: 1.35;
}

.fs-related-posts {
  padding: 16px 0 0;
  background: #fff;
}

.fs-related-head {
  padding: 0 14px 10px;
}

.fs-related-head h2 {
  margin: 0;
  font-size: 17px;
  letter-spacing: -.04em;
}

.fs-related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
}

.fs-related-tile {
  position: relative;
  aspect-ratio: 1 / 1;
  background: #f3f3f3;
  overflow: hidden;
  display: block;
  color: inherit;
}

.fs-related-tile img,
.fs-related-tile video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fs-related-fallback,
.fs-related-empty {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  background: #f3f3f3;
}

.fs-related-fallback img {
  width: 56%;
  height: 56%;
  border-radius: 999px;
  object-fit: cover;
}

.fs-related-empty span {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--fs-social-border);
  display: grid;
  place-items: center;
  font-size: 22px;
  font-weight: 900;
}

.fs-post-detail-sticky {
  position: fixed;
  left: 0;
  right: 0;
  bottom: calc(var(--fs-nav-h) + env(safe-area-inset-bottom));
  z-index: 75;
  max-width: 640px;
  margin: 0 auto;
  padding: 10px 12px;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(18px);
  border-top: 1px solid var(--fs-social-border);
  display: flex;
  gap: 8px;
}

.fs-post-sticky-form {
  flex: 1;
  margin: 0;
  display: flex;
}

.fs-post-sticky-primary,
.fs-post-sticky-secondary {
  min-height: 44px;
  border-radius: 999px;
  border: 0;
  text-decoration: none;
  font-size: 14px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.fs-post-sticky-primary {
  flex: 1;
  background: #050505;
  color: #fff;
  padding: 0 18px;
}

.fs-post-sticky-secondary {
  background: #f2f2f2;
  color: #050505;
  padding: 0 16px;
}

@media (min-width: 760px) {
  .fs-post-detail-media > img,
  .fs-post-detail-slide img,
  .fs-post-detail-slide video {
    height: min(74dvh, 720px);
  }

  .fs-post-detail-media-fallback,
  .fs-post-detail-media-empty {
    min-height: 520px;
  }

  .fs-post-detail-sticky {
    border-left: 1px solid var(--fs-social-border);
    border-right: 1px solid var(--fs-social-border);
  }
}

/* =========================================================
   Buyer Inbox / Activity
   ========================================================= */

.fs-inbox-shell {
  background: #fff;
  min-height: 100dvh;
}

.fs-inbox-head {
  position: sticky;
  top: 52px;
  z-index: 25;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--fs-social-border);
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.fs-inbox-head h1 {
  margin: 0;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -.06em;
}

.fs-inbox-head p {
  margin: 5px 0 0;
  color: var(--fs-social-muted);
  font-size: 13px;
}

.fs-inbox-head-action {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: #f2f2f2;
  color: #050505;
  text-decoration: none;
  display: grid;
  place-items: center;
}

.fs-inbox-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--fs-social-border);
}

.fs-inbox-stats div {
  padding: 11px 4px;
  text-align: center;
  border-right: 1px solid var(--fs-social-border);
}

.fs-inbox-stats div:last-child {
  border-right: 0;
}

.fs-inbox-stats strong {
  display: block;
  font-size: 16px;
  line-height: 1;
}

.fs-inbox-stats span {
  display: block;
  margin-top: 3px;
  color: var(--fs-social-muted);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.fs-inbox-filter-row {
  position: sticky;
  top: 117px;
  z-index: 24;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--fs-social-border);
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 9px 12px;
  scrollbar-width: none;
}

.fs-inbox-filter-row::-webkit-scrollbar {
  display: none;
}

.fs-inbox-filter-row button {
  flex: 0 0 auto;
  border: 1px solid var(--fs-social-border);
  background: #fff;
  color: #050505;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 800;
}

.fs-inbox-filter-row button.is-active {
  background: #050505;
  border-color: #050505;
  color: #fff;
}

.fs-inbox-lane-warning {
  margin: 12px;
  border: 1px solid #f4c542;
  background: #fff8d8;
  border-radius: 16px;
  padding: 14px;
}

.fs-inbox-lane-warning strong {
  display: block;
  font-size: 15px;
}

.fs-inbox-lane-warning p {
  margin: 5px 0 12px;
  font-size: 13px;
  color: #4b4028;
  line-height: 1.4;
}

.fs-inbox-lane-warning form {
  margin: 0;
}

.fs-inbox-lane-warning button {
  border: 0;
  border-radius: 999px;
  background: #050505;
  color: #fff;
  padding: 9px 14px;
  font-size: 13px;
  font-weight: 900;
}

.fs-inbox-list {
  background: #fff;
}

.fs-inbox-group-label {
  position: sticky;
  top: 167px;
  z-index: 15;
  background: rgba(250,250,250,.96);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--fs-social-border);
  padding: 7px 14px;
  color: var(--fs-social-muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.fs-inbox-row {
  position: relative;
  color: inherit;
  text-decoration: none;
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 11px;
  padding: 13px 14px;
  border-bottom: 1px solid var(--fs-social-border);
  background: #fff;
}

.fs-inbox-row.is-unread {
  background: #fcfcfc;
}

.fs-inbox-avatar {
  width: 46px;
  height: 46px;
  border-radius: 999px;
  background: #f2f2f2;
  border: 1px solid var(--fs-social-border);
  overflow: hidden;
  display: grid;
  place-items: center;
  color: #050505;
  font-size: 18px;
}

.fs-inbox-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fs-inbox-avatar span {
  font-size: 18px;
  font-weight: 900;
}

.fs-inbox-row-main {
  min-width: 0;
}

.fs-inbox-row-top {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 2px;
}

.fs-inbox-row-top strong {
  min-width: 0;
  font-size: 14px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fs-inbox-row-top span {
  flex: 0 0 auto;
  color: var(--fs-social-muted);
  font-size: 11px;
}

.fs-inbox-row-label {
  color: #050505;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 3px;
}

.fs-inbox-row-main p {
  margin: 0;
  color: var(--fs-social-muted);
  font-size: 13px;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.fs-inbox-row-foot {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.fs-inbox-chip {
  border-radius: 999px;
  background: #f2f2f2;
  color: #050505;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 900;
}

.fs-inbox-chip-warning {
  background: #fff3c4;
}

.fs-inbox-chip-danger {
  background: #ffe1e1;
}

.fs-inbox-chip-success,
.fs-inbox-chip-complete {
  background: #dff8e7;
}

.fs-inbox-chip-neutral {
  background: #f2f2f2;
}

.fs-inbox-cta {
  color: #050505;
  font-size: 12px;
  font-weight: 900;
}

.fs-inbox-unread-dot {
  position: absolute;
  right: 13px;
  top: 42px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #0095f6;
}

.fs-inbox-empty {
  min-height: 55dvh;
  padding: 56px 24px;
  text-align: center;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 9px;
}

.fs-inbox-empty[hidden] {
  display: none !important;
}

.fs-inbox-empty i {
  font-size: 34px;
}

.fs-inbox-empty h2 {
  margin: 0;
  font-size: 22px;
  letter-spacing: -.05em;
}

.fs-inbox-empty p {
  margin: 0;
  max-width: 290px;
  color: var(--fs-social-muted);
  font-size: 14px;
  line-height: 1.45;
}

.fs-inbox-empty a {
  margin-top: 8px;
  border-radius: 999px;
  background: #050505;
  color: #fff;
  text-decoration: none;
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 900;
}

@media (min-width: 760px) {
  .fs-inbox-head,
  .fs-inbox-filter-row,
  .fs-inbox-group-label {
    max-width: 638px;
  }
}

/* =========================================================
   Seller Inbox / Activity
   ========================================================= */

.fs-seller-inbox-shell {
  background: #fff;
  min-height: 100dvh;
}

.fs-seller-inbox-head {
  position: sticky;
  top: 52px;
  z-index: 25;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--fs-social-border);
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.fs-seller-inbox-head h1 {
  margin: 0;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -.06em;
}

.fs-seller-inbox-head p {
  margin: 5px 0 0;
  color: var(--fs-social-muted);
  font-size: 13px;
  line-height: 1.35;
}

.fs-seller-inbox-head-action {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: #050505;
  color: #fff;
  text-decoration: none;
  display: grid;
  place-items: center;
}

.fs-seller-inbox-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--fs-social-border);
}

.fs-seller-inbox-stats div {
  padding: 11px 4px;
  text-align: center;
  border-right: 1px solid var(--fs-social-border);
}

.fs-seller-inbox-stats div:last-child {
  border-right: 0;
}

.fs-seller-inbox-stats strong {
  display: block;
  font-size: 16px;
  line-height: 1;
}

.fs-seller-inbox-stats span {
  display: block;
  margin-top: 3px;
  color: var(--fs-social-muted);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.fs-seller-inbox-filter-row {
  position: sticky;
  top: 117px;
  z-index: 24;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--fs-social-border);
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 9px 12px;
  scrollbar-width: none;
}

.fs-seller-inbox-filter-row::-webkit-scrollbar {
  display: none;
}

.fs-seller-inbox-filter-row button {
  flex: 0 0 auto;
  border: 1px solid var(--fs-social-border);
  background: #fff;
  color: #050505;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 800;
}

.fs-seller-inbox-filter-row button.is-active {
  background: #050505;
  border-color: #050505;
  color: #fff;
}

.fs-seller-inbox-lane-warning {
  margin: 12px;
  border: 1px solid #f4c542;
  background: #fff8d8;
  border-radius: 16px;
  padding: 14px;
}

.fs-seller-inbox-lane-warning strong {
  display: block;
  font-size: 15px;
}

.fs-seller-inbox-lane-warning p {
  margin: 5px 0 12px;
  font-size: 13px;
  color: #4b4028;
  line-height: 1.4;
}

.fs-seller-inbox-lane-warning form {
  margin: 0;
}

.fs-seller-inbox-lane-warning button {
  border: 0;
  border-radius: 999px;
  background: #050505;
  color: #fff;
  padding: 9px 14px;
  font-size: 13px;
  font-weight: 900;
}

.fs-seller-inbox-list {
  background: #fff;
}

.fs-seller-inbox-group-label {
  position: sticky;
  top: 167px;
  z-index: 15;
  background: rgba(250,250,250,.96);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--fs-social-border);
  padding: 7px 14px;
  color: var(--fs-social-muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.fs-seller-inbox-row {
  position: relative;
  color: inherit;
  text-decoration: none;
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 11px;
  padding: 13px 14px;
  border-bottom: 1px solid var(--fs-social-border);
  background: #fff;
}

.fs-seller-inbox-row.is-unread,
.fs-seller-inbox-row.needs-action {
  background: #fcfcfc;
}

.fs-seller-inbox-avatar {
  width: 46px;
  height: 46px;
  border-radius: 999px;
  background: #f2f2f2;
  border: 1px solid var(--fs-social-border);
  overflow: hidden;
  display: grid;
  place-items: center;
  color: #050505;
  font-size: 18px;
}

.fs-seller-inbox-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fs-seller-inbox-avatar span {
  font-size: 18px;
  font-weight: 900;
}

.fs-seller-inbox-row-main {
  min-width: 0;
}

.fs-seller-inbox-row-top {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 2px;
}

.fs-seller-inbox-row-top strong {
  min-width: 0;
  font-size: 14px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fs-seller-inbox-row-top span {
  flex: 0 0 auto;
  color: var(--fs-social-muted);
  font-size: 11px;
}

.fs-seller-inbox-row-label {
  color: #050505;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 3px;
}

.fs-seller-inbox-row-main p {
  margin: 0;
  color: var(--fs-social-muted);
  font-size: 13px;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.fs-seller-inbox-row-foot {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.fs-seller-inbox-chip {
  border-radius: 999px;
  background: #f2f2f2;
  color: #050505;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 900;
}

.fs-seller-inbox-chip-warning {
  background: #fff3c4;
}

.fs-seller-inbox-chip-danger {
  background: #ffe1e1;
}

.fs-seller-inbox-chip-success,
.fs-seller-inbox-chip-complete {
  background: #dff8e7;
}

.fs-seller-inbox-chip-neutral {
  background: #f2f2f2;
}

.fs-seller-inbox-cta {
  color: #050505;
  font-size: 12px;
  font-weight: 900;
}

.fs-seller-inbox-unread-dot,
.fs-seller-inbox-action-dot {
  position: absolute;
  right: 13px;
  top: 42px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
}

.fs-seller-inbox-unread-dot {
  background: #0095f6;
}

.fs-seller-inbox-action-dot {
  background: #f59e0b;
}

.fs-seller-inbox-empty {
  min-height: 55dvh;
  padding: 56px 24px;
  text-align: center;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 9px;
}

.fs-seller-inbox-empty[hidden] {
  display: none !important;
}

.fs-seller-inbox-empty i {
  font-size: 34px;
}

.fs-seller-inbox-empty h2 {
  margin: 0;
  font-size: 22px;
  letter-spacing: -.05em;
}

.fs-seller-inbox-empty p {
  margin: 0;
  max-width: 290px;
  color: var(--fs-social-muted);
  font-size: 14px;
  line-height: 1.45;
}

.fs-seller-inbox-empty a {
  margin-top: 8px;
  border-radius: 999px;
  background: #050505;
  color: #fff;
  text-decoration: none;
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 900;
}

@media (min-width: 760px) {
  .fs-seller-inbox-head,
  .fs-seller-inbox-filter-row,
  .fs-seller-inbox-group-label {
    max-width: 638px;
  }
}

/* =========================================================
   Seller Creator Home
   ========================================================= */

.fs-creator-home {
  min-height: 100dvh;
  background: #fff;
}

.fs-creator-hero {
  padding: 16px 14px 14px;
  border-bottom: 1px solid var(--fs-social-border);
  background: #fff;
}

.fs-creator-profile-row {
  display: grid;
  grid-template-columns: 58px 1fr 40px;
  align-items: center;
  gap: 12px;
}

.fs-creator-avatar {
  width: 58px;
  height: 58px;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid var(--fs-social-border);
  background: #f2f2f2;
  display: grid;
  place-items: center;
}

.fs-creator-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fs-creator-avatar span {
  font-size: 24px;
  font-weight: 900;
}

.fs-creator-title {
  min-width: 0;
}

.fs-creator-title h1 {
  margin: 0;
  font-size: 25px;
  line-height: 1;
  letter-spacing: -.06em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fs-creator-title p {
  margin: 5px 0 0;
  color: var(--fs-social-muted);
  font-size: 13px;
  line-height: 1.35;
}

.fs-creator-icon-link {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: #f2f2f2;
  color: #050505;
  display: grid;
  place-items: center;
  text-decoration: none;
}

.fs-creator-status {
  margin-top: 12px;
}

.fs-creator-status span {
  min-height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 900;
}

.fs-creator-status .is-ready {
  background: #dff8e7;
  color: #0f5132;
}

.fs-creator-status .is-warning {
  background: #fff3c4;
  color: #6b4e00;
}

.fs-creator-primary-actions {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.fs-creator-primary-btn,
.fs-creator-secondary-btn {
  min-height: 42px;
  border-radius: 999px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 900;
}

.fs-creator-primary-btn {
  background: #050505;
  color: #fff;
}

.fs-creator-secondary-btn {
  background: #f2f2f2;
  color: #050505;
}

.fs-creator-secondary-btn span {
  min-width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #0095f6;
  color: #fff;
  display: inline-grid;
  place-items: center;
  font-size: 10px;
  font-weight: 900;
}

.fs-creator-strip {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 12px 14px;
  border-bottom: 1px solid var(--fs-social-border);
  scrollbar-width: none;
}

.fs-creator-strip::-webkit-scrollbar {
  display: none;
}

.fs-creator-alert-card {
  min-width: 180px;
  border-radius: 16px;
  padding: 13px;
  text-decoration: none;
  color: #050505;
  display: grid;
  gap: 4px;
}

.fs-creator-alert-card.is-action {
  background: #eaf4ff;
}

.fs-creator-alert-card.is-warning {
  background: #fff3c4;
}

.fs-creator-alert-card strong {
  font-size: 15px;
  line-height: 1.1;
}

.fs-creator-alert-card span {
  font-size: 12px;
  line-height: 1.35;
  color: rgba(0,0,0,.68);
}

.fs-creator-panel {
  border-bottom: 1px solid var(--fs-social-border);
  padding: 16px 14px;
}

.fs-creator-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.fs-creator-panel-head span {
  display: block;
  color: var(--fs-social-muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 4px;
}

.fs-creator-panel-head h2 {
  margin: 0;
  font-size: 21px;
  line-height: 1;
  letter-spacing: -.05em;
}

.fs-creator-pill {
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.fs-creator-pill.is-ready {
  background: #dff8e7;
  color: #0f5132;
}

.fs-creator-pill.is-warning {
  background: #fff3c4;
  color: #6b4e00;
}

.fs-creator-checklist {
  display: grid;
  gap: 8px;
}

.fs-creator-check {
  color: inherit;
  text-decoration: none;
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 10px;
  align-items: start;
  border: 1px solid var(--fs-social-border);
  border-radius: 14px;
  padding: 11px;
}

.fs-creator-check > span {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #f2f2f2;
  border: 1px solid var(--fs-social-border);
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 13px;
}

.fs-creator-check > span.is-complete {
  background: #050505;
  border-color: #050505;
}

.fs-creator-check strong {
  display: block;
  font-size: 14px;
  line-height: 1.2;
}

.fs-creator-check p {
  margin: 3px 0 0;
  color: var(--fs-social-muted);
  font-size: 12px;
  line-height: 1.35;
}

.fs-creator-tool-list {
  display: grid;
  gap: 8px;
}

.fs-creator-tool-list a {
  color: inherit;
  text-decoration: none;
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 11px;
  align-items: center;
  border: 1px solid var(--fs-social-border);
  border-radius: 16px;
  padding: 12px;
}

.fs-creator-tool-list i {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: #f2f2f2;
  display: grid;
  place-items: center;
  color: #050505;
}

.fs-creator-tool-list strong {
  display: block;
  font-size: 14px;
  line-height: 1.2;
}

.fs-creator-tool-list p {
  margin: 3px 0 0;
  color: var(--fs-social-muted);
  font-size: 12px;
  line-height: 1.35;
}

@media (min-width: 760px) {
  .fs-creator-hero,
  .fs-creator-panel {
    padding-left: 18px;
    padding-right: 18px;
  }

  .fs-creator-tool-list {
    grid-template-columns: 1fr 1fr;
  }
}

/* =========================================================
   Seller Posts / Item List
   ========================================================= */

.fs-seller-posts-shell {
  min-height: 100dvh;
  background: #fff;
}

.fs-seller-posts-head {
  position: sticky;
  top: 52px;
  z-index: 25;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--fs-social-border);
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.fs-seller-posts-head h1 {
  margin: 0;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -.06em;
}

.fs-seller-posts-head p {
  margin: 5px 0 0;
  color: var(--fs-social-muted);
  font-size: 13px;
  line-height: 1.35;
}

.fs-seller-posts-head-action {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: #050505;
  color: #fff;
  text-decoration: none;
  display: grid;
  place-items: center;
}

.fs-seller-posts-tabs {
  position: sticky;
  top: 109px;
  z-index: 24;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--fs-social-border);
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 9px 12px;
  scrollbar-width: none;
}

.fs-seller-posts-tabs::-webkit-scrollbar {
  display: none;
}

.fs-seller-posts-tabs button {
  flex: 0 0 auto;
  border: 1px solid var(--fs-social-border);
  background: #fff;
  color: #050505;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 800;
}

.fs-seller-posts-tabs button.is-active {
  background: #050505;
  border-color: #050505;
  color: #fff;
}

.fs-seller-posts-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.fs-seller-post-card {
  border-bottom: 1px solid var(--fs-social-border);
  background: #fff;
}

.fs-seller-post-card[hidden] {
  display: none !important;
}

.fs-seller-post-media-wrap {
  position: relative;
  background: #000;
  overflow: hidden;
}

.fs-seller-post-carousel {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  background: #000;
}

.fs-seller-post-carousel::-webkit-scrollbar {
  display: none;
}

.fs-seller-post-slide {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  aspect-ratio: 1 / 1;
  scroll-snap-align: start;
  background: #000;
  color: inherit;
  overflow: hidden;
  text-decoration: none;
  display: block;
}

.fs-seller-post-single {
  flex: none;
}

.fs-seller-post-slide img,
.fs-seller-post-slide video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
  display: block;
}

.fs-seller-post-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  display: flex;
  justify-content: center;
  gap: 5px;
  pointer-events: none;
  z-index: 3;
}

.fs-seller-post-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,.45);
}

.fs-seller-post-dot.is-active {
  background: #fff;
}

.fs-seller-post-fallback,
.fs-seller-post-empty-media {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  background: #f3f3f3;
}

.fs-seller-post-fallback img {
  width: 34%;
  height: 34%;
  border-radius: 999px;
  object-fit: cover;
}

.fs-seller-post-empty-media span {
  width: 74px;
  height: 74px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--fs-social-border);
  display: grid;
  place-items: center;
  font-size: 32px;
  font-weight: 900;
}

.fs-seller-post-corner {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #fff;
  text-shadow: 0 1px 8px rgba(0,0,0,.45);
  font-size: 15px;
  z-index: 3;
}

.fs-seller-post-status-row {
  position: absolute;
  left: 10px;
  bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  z-index: 4;
}

.fs-seller-post-dots + .fs-seller-post-status-row {
  bottom: 28px;
}

.fs-seller-post-status-row span {
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 900;
  backdrop-filter: blur(12px);
}

.fs-seller-post-status-row .is-live {
  background: rgba(223,248,231,.92);
  color: #0f5132;
}

.fs-seller-post-status-row .is-hidden {
  background: rgba(255,243,196,.92);
  color: #6b4e00;
}

.fs-seller-post-status-row .is-featured {
  background: rgba(255,255,255,.88);
  color: #050505;
}

.fs-seller-post-body {
  padding: 12px 14px 14px;
}

.fs-seller-post-price-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

.fs-seller-post-price-row strong {
  font-size: 15px;
}

.fs-seller-post-price-row span {
  color: var(--fs-social-muted);
  font-size: 12px;
}

.fs-seller-post-body h2 {
  margin: 0 0 5px;
  font-size: 17px;
  line-height: 1.15;
  letter-spacing: -.04em;
}

.fs-seller-post-body p {
  margin: 0;
  color: var(--fs-social-muted);
  font-size: 13px;
  line-height: 1.4;
}

.fs-seller-post-meta {
  margin-top: 9px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--fs-social-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.fs-seller-post-actions {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr 44px;
  gap: 8px;
}

.fs-seller-post-action-primary,
.fs-seller-post-action-secondary,
.fs-seller-post-delete {
  min-height: 40px;
  border-radius: 999px;
  border: 0;
  text-decoration: none;
  font-size: 13px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fs-seller-post-action-primary {
  background: #050505;
  color: #fff;
}

.fs-seller-post-action-secondary {
  background: #f2f2f2;
  color: #050505;
}

.fs-seller-post-delete {
  width: 44px;
  background: #fff0f0;
  color: #b42318;
  cursor: pointer;
}

.fs-seller-post-actions form {
  margin: 0;
}

.fs-seller-posts-empty {
  min-height: 58dvh;
  padding: 56px 24px;
  text-align: center;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 9px;
}

.fs-seller-posts-empty[hidden] {
  display: none !important;
}

.fs-seller-posts-empty i {
  font-size: 34px;
}

.fs-seller-posts-empty h2 {
  margin: 0;
  font-size: 22px;
  letter-spacing: -.05em;
}

.fs-seller-posts-empty p {
  margin: 0;
  max-width: 290px;
  color: var(--fs-social-muted);
  font-size: 14px;
  line-height: 1.45;
}

.fs-seller-posts-empty a {
  margin-top: 8px;
  border-radius: 999px;
  background: #050505;
  color: #fff;
  text-decoration: none;
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 900;
}

@media (min-width: 760px) {
  .fs-seller-posts-head,
  .fs-seller-posts-tabs {
    max-width: 638px;
  }

  .fs-seller-posts-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    background: var(--fs-social-border);
  }

  .fs-seller-post-card {
    border-bottom: 0;
  }
}

/* ==========================================================
   Conversation Detail
   ========================================================== */

.sf-thread-page{
  --sf-chat-text:#111111;
  --sf-chat-muted:#737373;
  --sf-chat-line:#ececec;
  --sf-chat-soft:#f5f5f5;
  --sf-chat-soft-2:#fafafa;
  --sf-chat-danger:#c62828;

  display:flex;
  flex-direction:column;
  height:calc(100vh - var(--sf-topbar-h, 56px) - var(--sf-nav-h, 70px));
  min-height:0;
  background:#fff;
  color:var(--sf-chat-text);
}

.sf-thread-top{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-bottom:1px solid var(--sf-chat-line);
  background:#fff;
  flex-shrink:0;
}

.sf-icon-btn{
  width:38px;
  height:38px;
  border:0;
  background:transparent;
  border-radius:999px;
  color:var(--sf-chat-text);
  display:grid;
  place-items:center;
  text-decoration:none;
  cursor:pointer;
  flex-shrink:0;
}

.sf-icon-btn:active{
  background:var(--sf-chat-soft);
}

.sf-thread-avatar{
  width:28px;
  height:28px;
  border-radius:50%;
  overflow:hidden;
  background:#eeeeee;
  color:#555;
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:800;
  flex-shrink:0;
}

.sf-thread-avatar-large{
  width:38px;
  height:38px;
}

.sf-thread-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.sf-thread-title-wrap{
  flex:1;
  min-width:0;
}

.sf-thread-title-wrap h1{
  margin:0;
  color:var(--sf-chat-text);
  font-size:15px;
  line-height:1.2;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.sf-thread-title-wrap p{
  margin:2px 0 0;
  color:var(--sf-chat-muted);
  font-size:12px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Scroll area */

.sf-thread-scroll{
  flex:1;
  min-height:0;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding:16px 14px 18px;
  background:#fff;
}

.sf-thread-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:100%;
}

.sf-empty-thread{
  margin:auto;
  text-align:center;
  color:var(--sf-chat-muted);
  display:flex;
  flex-direction:column;
  gap:4px;
  font-size:14px;
}

.sf-empty-thread strong{
  color:var(--sf-chat-text);
  font-size:15px;
}

/* Messages */

.sf-msg-row{
  display:flex;
  align-items:flex-end;
  gap:8px;
  width:100%;
}

.sf-msg-row.is-me{
  justify-content:flex-end;
}

.sf-msg-row.is-them,
.sf-msg-row.is-offer{
  justify-content:flex-start;
}

.sf-msg-row.is-system{
  justify-content:center;
}

.sf-msg{
  max-width:min(78%, 520px);
}

.sf-msg-body{
  padding:10px 14px;
  border-radius:20px;
  font-size:15px;
  line-height:1.45;
  word-break:break-word;
  color:var(--sf-chat-text);
}

.is-me .sf-msg-body{
  background:#111;
  color:#fff;
  border-bottom-right-radius:6px;
}

.is-them .sf-msg-body{
  background:var(--sf-chat-soft);
  color:var(--sf-chat-text);
  border-bottom-left-radius:6px;
}

.is-system .sf-msg{
  max-width:88%;
}

.is-system .sf-msg-body{
  background:transparent;
  color:var(--sf-chat-muted);
  padding:4px 8px;
  text-align:center;
  font-size:12px;
}

.sf-msg-meta{
  display:flex;
  gap:7px;
  margin-top:5px;
  color:var(--sf-chat-muted);
  font-size:11px;
  line-height:1.2;
}

.is-me .sf-msg-meta{
  justify-content:flex-end;
}

.is-them .sf-msg-meta{
  justify-content:flex-start;
}

.is-system .sf-msg-meta{
  justify-content:center;
}

/* Inline offer bubble */

.sf-offer-bubble{
  width:min(78%, 420px);
  border:1px solid var(--sf-chat-line);
  border-radius:22px;
  border-bottom-left-radius:6px;
  background:#fff;
  color:var(--sf-chat-text);
  overflow:hidden;
}

.sf-offer-head{
  padding:14px 14px 10px;
  border-bottom:1px solid var(--sf-chat-line);
  display:flex;
  flex-direction:column;
  gap:3px;
}

.sf-offer-head span{
  color:var(--sf-chat-muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.sf-offer-head strong{
  font-size:15px;
  line-height:1.25;
  color:var(--sf-chat-text);
}

.sf-offer-bubble p{
  margin:0;
  padding:12px 14px;
  color:#333;
  font-size:14px;
  line-height:1.45;
}

.sf-offer-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--sf-chat-line);
  border-bottom:1px solid var(--sf-chat-line);
}

.sf-offer-grid div{
  padding:11px 10px;
  text-align:center;
  border-right:1px solid var(--sf-chat-line);
}

.sf-offer-grid div:last-child{
  border-right:0;
}

.sf-offer-grid span{
  display:block;
  margin-bottom:3px;
  color:var(--sf-chat-muted);
  font-size:11px;
}

.sf-offer-grid strong{
  color:var(--sf-chat-text);
  font-size:14px;
}

.sf-offer-actions{
  display:flex;
  gap:8px;
  padding:12px 14px 14px;
}

.sf-offer-actions form{
  flex:1;
}

.sf-offer-actions .sf-btn{
  width:100%;
}

.sf-offer-note{
  padding:12px 14px 14px;
  color:var(--sf-chat-muted);
  font-size:13px;
}

/* Composer */

.sf-composer{
  flex-shrink:0;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  border-top:1px solid var(--sf-chat-line);
  background:#fff;
}

.sf-composer form{
  margin:0;
}

.sf-composer-row{
  display:flex;
  align-items:flex-end;
  gap:8px;
}

.sf-composer textarea{
  flex:1;
  width:100%;
  min-height:42px;
  max-height:130px;
  resize:none;
  border:1px solid var(--sf-chat-line);
  border-radius:22px;
  padding:11px 14px;
  background:#fff;
  color:var(--sf-chat-text);
  font:inherit;
  font-size:15px;
  line-height:1.35;
  outline:none;
}

.sf-composer textarea::placeholder{
  color:#9a9a9a;
}

.sf-composer textarea:focus{
  border-color:#cfcfcf;
}

.sf-composer-tool,
.sf-send-btn{
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  cursor:pointer;
  flex-shrink:0;
  font-weight:900;
}

.sf-composer-tool{
  background:var(--sf-chat-soft);
  color:var(--sf-chat-text);
  font-size:18px;
}

.sf-send-btn{
  background:#111;
  color:#fff;
}

.sf-send-btn i{
  color:#fff;
  font-size:14px;
}

/* Shared buttons */

.sf-btn{
  min-height:38px;
  padding:0 15px;
  border-radius:999px;
  border:1px solid var(--sf-chat-line);
  background:#fff;
  color:var(--sf-chat-text);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font:inherit;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
}

.sf-btn-dark{
  background:#111;
  color:#fff;
  border-color:#111;
}

.sf-btn-full{
  width:100%;
}

/* Sheet */

.sf-sheet{
  position:fixed;
  inset:0;
  z-index:300;
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease;
}

.sf-sheet.is-open{
  opacity:1;
  pointer-events:auto;
}

.sf-sheet-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.34);
}

.sf-sheet-panel{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  background:#fff;
  border-radius:22px 22px 0 0;
  padding:8px 0 calc(12px + env(safe-area-inset-bottom));
}

.sf-sheet-handle{
  width:42px;
  height:5px;
  border-radius:999px;
  background:#d8d8d8;
  margin:8px auto 12px;
}

.sf-sheet-row{
  width:100%;
  min-height:52px;
  border:0;
  border-top:1px solid var(--sf-chat-line);
  background:#fff;
  color:var(--sf-chat-text);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  text-decoration:none;
  font:inherit;
  font-size:15px;
  cursor:pointer;
}

.sf-danger-text{
  color:var(--sf-chat-danger);
}

/* Modal */

.sf-modal{
  position:fixed;
  inset:0;
  z-index:350;
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease;
}

.sf-modal.is-open{
  opacity:1;
  pointer-events:auto;
}

.sf-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.36);
}

.sf-modal-panel{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(92vw,520px);
  max-height:86vh;
  overflow:auto;
  background:#fff;
  color:var(--sf-chat-text);
  border-radius:22px;
  padding:20px;
}

.sf-modal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}

.sf-modal-head h2{
  margin:0;
  font-size:18px;
  line-height:1.2;
  color:var(--sf-chat-text);
}

.sf-modal-head button{
  width:34px;
  height:34px;
  border:0;
  background:transparent;
  color:var(--sf-chat-text);
  font-size:25px;
  line-height:1;
  cursor:pointer;
}

/* Forms */

.sf-form-stack{
  display:flex;
  flex-direction:column;
  gap:15px;
}

.sf-form-stack label{
  display:flex;
  flex-direction:column;
  gap:7px;
  color:var(--sf-chat-text);
  font-size:13px;
  font-weight:700;
}

.sf-form-stack input,
.sf-form-stack textarea,
.sf-form-stack select{
  width:100%;
  border:1px solid var(--sf-chat-line);
  padding:11px 13px;
  background:#efecec;
  color:black;
  font:inherit;
  font-size:14px;
  outline:none;
}

.sf-form-stack textarea{
  resize:vertical;
}

.sf-field-error,
.sf-alert-error{
  color:var(--sf-chat-danger);
  font-size:12px;
}

@media (min-width:760px){
  .sf-thread-page{
    max-width:760px;
    margin:0 auto;
    border-left:1px solid var(--sf-chat-line);
    border-right:1px solid var(--sf-chat-line);
  }

  .sf-sheet-panel{
    left:50%;
    right:auto;
    width:min(520px, 92vw);
    transform:translateX(-50%);
    border-radius:22px 22px 0 0;
  }
}



/* ==========================================================
   Global Action Sheet - Standalone Social Sheet
   Does not depend on flowsouq-ui.css
   ========================================================== */

.action-sheet-backdrop{
  position:fixed;
  inset:0;
  z-index:280;
  background:rgba(0,0,0,.34);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:
    opacity .16s ease,
    visibility .16s ease;
}

.action-sheet-backdrop.is-open,
.action-sheet-backdrop.active,
body.action-sheet-open .action-sheet-backdrop{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.action-sheet{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:300;

  width:100%;
  max-width:none;
  max-height:min(82vh, 680px);
  margin:0;

  display:flex;
  flex-direction:column;

  background:#fff;
  color:#111;
  border:0;
  border-radius:22px 22px 0 0;
  box-shadow:none;

  opacity:1;
  visibility:visible;
  overflow:hidden;

  transform:translateY(110%);
  transition:transform .18s ease;
  will-change:transform;
}

.action-sheet.is-open,
.action-sheet.active,
body.action-sheet-open .action-sheet{
  transform:translateY(0);
}

.action-sheet::before{
  content:"";
  width:42px;
  height:5px;
  border-radius:999px;
  background:#d8d8d8;
  margin:14px auto 10px;
  flex-shrink:0;
}

.action-sheet-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:0 18px 14px;
  border-bottom:1px solid #ececec;
  background:#fff;
  flex-shrink:0;
}

.action-sheet-title{
  margin:0;
  color:#111;
  font-size:17px;
  line-height:1.2;
  font-weight:800;
}

.action-sheet-subtitle{
  margin-top:4px;
  color:#737373;
  font-size:13px;
  line-height:1.35;
}

.action-sheet-close{
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:#f5f5f5;
  color:#111;
  display:grid;
  place-items:center;
  cursor:pointer;
  font:inherit;
  font-size:15px;
  line-height:1;
  flex-shrink:0;
  appearance:none;
}

.action-sheet-body{
  flex:1;
  min-height:0;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding:0 0 calc(12px + env(safe-area-inset-bottom));
  background:#fff;
}

.action-sheet-primary{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:14px 18px;
}

.action-sheet-primary:empty{
  display:none;
}

.action-sheet-primary .sf-btn,
.action-sheet-primary .fs-btn,
.action-sheet-primary a,
.action-sheet-primary button{
  min-height:38px;
  padding:0 15px;
  border-radius:999px;
  border:1px solid #ececec;
  background:#fff;
  color:#111;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font:inherit;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
}

.action-sheet-divider{
  height:1px;
  background:#ececec;
  margin:0;
}

.action-sheet-global{
  display:block;
  background:#fff;
}

.action-sheet-global form{
  margin:0;
}

.action-sheet-row{
  width:100%;
  min-height:54px;
  padding:0 18px;
  border:0;
  border-bottom:1px solid #ececec;
  background:#fff;
  color:#111;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  text-decoration:none;
  font:inherit;
  font-size:15px;
  font-weight:650;
  text-align:left;
  cursor:pointer;
  appearance:none;
}

.action-sheet-row span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.action-sheet-row i{
  color:#777;
  font-size:15px;
  flex-shrink:0;
}

.action-sheet-row:active{
  background:#f7f7f7;
}

.action-sheet-row.is-danger,
.action-sheet-row.is-danger i{
  color:#c62828;
}

@media (min-width:760px){
  .action-sheet{
    left:50%;
    right:auto;
    width:min(520px, 92vw);
    transform:translate(-50%, 110%);
  }

  .action-sheet.is-open,
  .action-sheet.active,
  body.action-sheet-open .action-sheet{
    transform:translate(-50%, 0);
  }
}

/* ==========================================================
   Seller Orders
   ========================================================== */

.sf-orders-page{
  background:#fff;
  color:#111;
  min-height:100%;
  padding-bottom:18px;
}

.sf-page-top{
  padding:18px 16px 12px;
  border-bottom:1px solid #ececec;
}

.sf-page-top h1{
  margin:0;
  font-size:26px;
  line-height:1.05;
  letter-spacing:-.04em;
  font-weight:900;
}

.sf-page-top p{
  margin:6px 0 0;
  color:#737373;
  font-size:14px;
  line-height:1.35;
}

.sf-order-tabs{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-bottom:1px solid #ececec;
  background:#fff;
}

.sf-order-tabs a{
  min-width:0;
  padding:12px 6px;
  text-align:center;
  color:#737373;
  text-decoration:none;
  border-bottom:2px solid transparent;
}

.sf-order-tabs a.is-active{
  color:#111;
  border-bottom-color:#111;
}

.sf-order-tabs span{
  display:block;
  font-size:12px;
  line-height:1.2;
}

.sf-order-tabs strong{
  display:block;
  margin-top:3px;
  font-size:15px;
  color:inherit;
}

.sf-filter-panel{
  border-bottom:1px solid #ececec;
}

.sf-filter-toggle{
  width:100%;
  min-height:48px;
  padding:0 16px;
  border:0;
  background:#fff;
  color:#111;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font:inherit;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}

.sf-filter-body{
  display:none;
  padding:0 16px 16px;
}

.sf-filter-panel.is-open .sf-filter-body{
  display:block;
}

.sf-filter-form{
  display:grid;
  gap:12px;
}

.sf-filter-form label{
  display:flex;
  flex-direction:column;
  gap:7px;
  font-size:13px;
  font-weight:750;
}

.sf-filter-form input,
.sf-filter-form select{
  width:100%;
  border:1px solid #ececec;
  border-radius:14px;
  background:#fff;
  color:#111;
  padding:11px 13px;
  font:inherit;
  font-size:14px;
  outline:none;
}

.sf-filter-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.sf-order-list{
  display:flex;
  flex-direction:column;
}

.sf-order-row{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid #ececec;
  color:#111;
  text-decoration:none;
  background:#fff;
}

.sf-order-row:active{
  background:#f7f7f7;
}

.sf-order-avatar{
  width:46px;
  height:46px;
  border-radius:50%;
  overflow:hidden;
  background:#f1f1f1;
  color:#555;
  display:grid;
  place-items:center;
  font-size:15px;
  font-weight:900;
  flex-shrink:0;
}

.sf-order-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.sf-order-main{
  flex:1;
  min-width:0;
}

.sf-order-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}

.sf-order-line strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:15px;
}

.sf-order-line span{
  flex-shrink:0;
  font-size:14px;
  font-weight:900;
}

.sf-order-buyer,
.sf-order-item{
  margin-top:3px;
  color:#444;
  font-size:13px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.sf-order-item{
  color:#737373;
}

.sf-order-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}

.sf-order-meta span{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 8px;
  border-radius:999px;
  background:#f5f5f5;
  color:#555;
  font-size:11px;
  font-weight:750;
}

.sf-order-chevron{
  color:#b0b0b0;
  font-size:12px;
  flex-shrink:0;
}

.sf-empty-state{
  padding:44px 22px;
  text-align:center;
}

.sf-empty-state strong{
  display:block;
  color:#111;
  font-size:17px;
}

.sf-empty-state p{
  margin:8px auto 0;
  max-width:320px;
  color:#737373;
  font-size:14px;
  line-height:1.45;
}

.sf-empty-actions{
  display:flex;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:18px;
}

/* ==========================================================
   Seller Order Detail
   ========================================================== */

.sf-order-detail-page{
  background:#fff;
  color:#111;
  min-height:100%;
  padding-bottom:22px;
}

.sf-order-detail-top{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid #ececec;
  background:#fff;
}

.sf-order-detail-top h1{
  margin:0;
  font-size:20px;
  line-height:1.15;
  letter-spacing:-.03em;
  font-weight:900;
}

.sf-order-detail-top p{
  margin:3px 0 0;
  color:#737373;
  font-size:13px;
}

.sf-order-alert{
  margin:14px;
  padding:14px;
  border:1px solid #ececec;
  border-radius:18px;
  background:#fff;
}

.sf-order-alert strong{
  display:block;
  font-size:15px;
}

.sf-order-alert p{
  margin:6px 0 0;
  color:#444;
  font-size:14px;
  line-height:1.4;
}

.sf-order-alert-meta{
  margin-top:8px;
  color:#737373;
  font-size:12px;
}

.sf-order-alert-details{
  margin-top:12px;
  padding:12px;
  border-radius:14px;
  background:#f6f6f6;
  color:#333;
  font-size:13px;
  line-height:1.45;
}

.sf-order-alert .sf-btn{
  margin-top:12px;
}

.sf-order-person{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 14px;
  border-bottom:1px solid #ececec;
  background:#fff;
}

.sf-order-avatar{
  width:48px;
  height:48px;
  border-radius:50%;
  overflow:hidden;
  background:#f1f1f1;
  color:#555;
  display:grid;
  place-items:center;
  font-size:16px;
  font-weight:900;
  flex-shrink:0;
}

.sf-order-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.sf-order-person-main{
  min-width:0;
}

.sf-order-person-main span{
  display:block;
  color:#737373;
  font-size:12px;
  font-weight:750;
}

.sf-order-person-main strong{
  display:block;
  margin-top:2px;
  color:#111;
  font-size:16px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.sf-order-person-main p{
  margin:3px 0 0;
  color:#737373;
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.sf-order-conversation{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 14px;
  border-bottom:1px solid #ececec;
  background:#fff;
}

.sf-order-conversation strong{
  display:block;
  font-size:15px;
}

.sf-order-conversation p{
  margin:4px 0 0;
  color:#737373;
  font-size:13px;
  line-height:1.35;
}

.sf-order-progress{
  display:flex;
  align-items:flex-start;
  padding:18px 14px 16px;
  border-bottom:1px solid #ececec;
  background:#fff;
}

.sf-progress-step{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  min-width:46px;
  color:#aaa;
}

.sf-progress-step span{
  width:14px;
  height:14px;
  border-radius:50%;
  border:2px solid #d6d6d6;
  background:#fff;
}

.sf-progress-step strong{
  font-size:11px;
  line-height:1.1;
  text-align:center;
  font-weight:800;
}

.sf-progress-step.is-done{
  color:#111;
}

.sf-progress-step.is-done span{
  background:#111;
  border-color:#111;
}

.sf-progress-line{
  flex:1;
  height:2px;
  margin-top:6px;
  background:#e2e2e2;
}

.sf-progress-line.is-done{
  background:#111;
}

.sf-order-money{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid #ececec;
  background:#fff;
}

.sf-order-money div{
  padding:13px 10px;
  border-right:1px solid #ececec;
  text-align:center;
}

.sf-order-money div:last-child{
  border-right:0;
}

.sf-order-money span{
  display:block;
  color:#737373;
  font-size:11px;
  line-height:1.2;
}

.sf-order-money strong{
  display:block;
  margin-top:4px;
  color:#111;
  font-size:14px;
  line-height:1.2;
}

.sf-order-section{
  border-bottom:1px solid #ececec;
  background:#fff;
}

.sf-order-section-head{
  padding:18px 14px 10px;
}

.sf-order-section-head h2{
  margin:0;
  color:#111;
  font-size:18px;
  line-height:1.15;
  letter-spacing:-.03em;
  font-weight:900;
}

.sf-order-section-head p{
  margin:5px 0 0;
  color:#737373;
  font-size:13px;
}

.sf-order-items-list{
  display:flex;
  flex-direction:column;
}

.sf-order-item-card{
  border-top:1px solid #ececec;
  background:#fff;
}

.sf-order-item-summary{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px 14px;
  border:0;
  background:#fff;
  color:#111;
  text-align:left;
  cursor:pointer;
  font:inherit;
}

.sf-order-item-summary > i{
  color:#aaa;
  font-size:12px;
  transition:transform .16s ease;
  flex-shrink:0;
}

.sf-order-item-card.is-open .sf-order-item-summary > i{
  transform:rotate(180deg);
}

.sf-order-item-media{
  width:58px;
  height:58px;
  border-radius:14px;
  overflow:hidden;
  background:#f1f1f1;
  color:#555;
  display:grid;
  place-items:center;
  font-size:18px;
  font-weight:900;
  flex-shrink:0;
}

.sf-order-item-media img,
.sf-order-item-media video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.sf-order-item-main{
  flex:1;
  min-width:0;
}

.sf-order-item-main strong{
  display:block;
  color:#111;
  font-size:15px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.sf-order-item-main p{
  margin:4px 0 0;
  color:#737373;
  font-size:13px;
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.sf-order-item-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}

.sf-order-item-meta span,
.sf-order-item-tags span{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 8px;
  border-radius:999px;
  background:#f5f5f5;
  color:#555;
  font-size:11px;
  font-weight:750;
}

.sf-order-item-detail{
  display:none;
  padding:0 14px 16px 84px;
}

.sf-order-item-card.is-open .sf-order-item-detail{
  display:block;
}

.sf-order-item-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:12px;
}

.sf-order-fulfillment-form,
.sf-order-note-form{
  display:grid;
  gap:12px;
}

.sf-order-fulfillment-form label,
.sf-order-note-form label{
  display:flex;
  flex-direction:column;
  gap:7px;
  color:#111;
  font-size:13px;
  font-weight:750;
}

.sf-order-fulfillment-form input,
.sf-order-fulfillment-form textarea,
.sf-order-note-form textarea{
  width:100%;
  border:1px solid #ececec;
  border-radius:14px;
  background:#fff;
  color:#111;
  padding:11px 13px;
  font:inherit;
  font-size:14px;
  outline:none;
}

.sf-order-fulfillment-form textarea,
.sf-order-note-form textarea{
  resize:vertical;
}

.sf-order-item-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:2px;
}

.sf-note-box{
  padding:12px;
  border-radius:14px;
  background:#f6f6f6;
  color:#333;
  font-size:13px;
  line-height:1.45;
}

.sf-order-info-list{
  padding:0 14px 16px;
  display:grid;
  gap:10px;
}

.sf-order-info-list div{
  padding:12px 0;
  border-top:1px solid #ececec;
}

.sf-order-info-list span{
  display:block;
  color:#737373;
  font-size:12px;
  font-weight:750;
}

.sf-order-info-list strong{
  display:block;
  margin-top:4px;
  color:#111;
  font-size:14px;
  line-height:1.45;
}

.sf-order-note-form{
  padding:0 14px 16px;
}

.sf-order-muted{
  margin:0;
  padding:0 14px 16px;
  color:#737373;
  font-size:14px;
  line-height:1.45;
}

.sf-danger-zone{
  border-bottom:0;
}

.sf-danger-actions{
  padding:0 14px 18px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.sf-btn-danger{
  border-color:#f0d7d7;
  background:#fff;
  color:#c62828;
}

@media (max-width:420px){
  .sf-order-money{
    grid-template-columns:1fr;
  }

  .sf-order-money div{
    border-right:0;
    border-bottom:1px solid #ececec;
    text-align:left;
    padding:12px 14px;
  }

  .sf-order-money div:last-child{
    border-bottom:0;
  }

  .sf-order-progress{
    padding-left:10px;
    padding-right:10px;
  }

  .sf-progress-step{
    min-width:42px;
  }

  .sf-progress-step strong{
    font-size:10px;
  }

  .sf-order-item-detail{
    padding-left:14px;
  }
}

.sf-order-item-actions{
  display:flex !important;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #ececec;
}

.sf-order-item-actions .sf-btn,
.sf-danger-actions .sf-btn,
.sf-order-note-form .sf-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid #dcdcdc;
  background:#fff;
  color:#111;
  font:inherit;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}

.sf-order-item-actions .sf-btn-dark,
.sf-order-note-form .sf-btn-dark{
  background:#111;
  border-color:#111;
  color:#fff;
}

.sf-order-item-actions .sf-btn-danger,
.sf-danger-actions .sf-btn-danger{
  background:#fff;
  border-color:#f0d7d7;
  color:#c62828;
}

.sf-order-fulfillment-form{
  display:grid !important;
  gap:12px;
}

.sf-order-pay-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 14px;
  border-bottom:1px solid #ececec;
  background:#fff;
}

.sf-order-pay-panel strong{
  display:block;
  color:#111;
  font-size:15px;
}

.sf-order-pay-panel p{
  margin:4px 0 0;
  color:#737373;
  font-size:13px;
  line-height:1.35;
}

.sf-order-alert-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}

.sf-buyer-access-box{
  display:grid;
  gap:9px;
  padding:13px;
  border:1px solid #ececec;
  border-radius:16px;
  background:#fafafa;
}

.sf-buyer-access-box.is-ready{
  background:#fff;
}

.sf-buyer-access-box strong{
  color:#111;
  font-size:14px;
}

.sf-buyer-access-box p{
  margin:0;
  color:#444;
  font-size:13px;
  line-height:1.4;
}

.sf-buyer-access-box small{
  color:#737373;
  font-size:12px;
  line-height:1.35;
}

.sf-order-info-list.is-compact{
  padding:0;
  margin-top:10px;
}

.sf-order-info-list.is-compact div{
  padding:11px 0;
}

.sf-order-timeline{
  padding:0 14px 16px;
  display:grid;
  gap:12px;
}

.sf-order-timeline-item{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:10px;
}

.sf-order-timeline-dot{
  width:24px;
  height:24px;
  border-radius:50%;
  background:#111;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:11px;
  font-weight:900;
}

.sf-order-timeline-item.warning .sf-order-timeline-dot{
  background:#777;
}

.sf-order-timeline-item.danger .sf-order-timeline-dot{
  background:#c62828;
}

.sf-order-timeline-item strong{
  display:block;
  color:#111;
  font-size:14px;
}

.sf-order-timeline-item span{
  display:block;
  margin-top:2px;
  color:#737373;
  font-size:12px;
}

.sf-order-timeline-item p{
  margin:5px 0 0;
  color:#444;
  font-size:13px;
  line-height:1.4;
}

.sf-order-help-form{
  padding:0 14px 18px;
  display:grid;
  gap:12px;
}

.sf-order-help-form label{
  display:flex;
  flex-direction:column;
  gap:7px;
  color:#111;
  font-size:13px;
  font-weight:750;
}

.sf-order-help-form textarea{
  width:100%;
  border:1px solid #ececec;
  border-radius:14px;
  background:#fff;
  color:#111;
  padding:11px 13px;
  font:inherit;
  font-size:14px;
  outline:none;
  resize:vertical;
}

.sf-order-help-form .sf-btn{
  width:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  justify-self:start;
  min-height:40px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid #f0d7d7;
  background:#fff;
  color:#c62828;
  font:inherit;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}

.sf-order-help-form .sf-btn-danger{
  border:1px solid #f0d7d7;
  background:#fff;
  color:#c62828;
}

.sf-confirm-delivery-form{
  margin-top:12px;
  margin-bottom:12px;
  display:inline-flex;
}

.sf-confirm-delivery-form .sf-btn{
  width:auto;
}




.sf-refund-form{
  padding:0 14px 18px;
  display:grid;
  gap:14px;
}

.sf-refund-form label{
  display:flex;
  flex-direction:column;
  gap:7px;
  color:#111;
  font-size:13px;
  font-weight:750;
}

.sf-refund-form select,
.sf-refund-form textarea{
  width:100%;
  border:1px solid #ececec;
  border-radius:14px;
  background:#fff;
  color:#111;
  padding:11px 13px;
  font:inherit;
  font-size:14px;
  outline:none;
}

.sf-refund-form textarea{
  resize:vertical;
}

.sf-refund-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.sf-refund-actions .sf-btn{
  width:auto;
}

.sf-btn-loading[hidden]{
  display:none !important;
}

.sf-btn-loading{
  align-items:center;
  gap:8px;
}




.sf-btn:disabled{
  opacity:.75;
  cursor:wait;
  pointer-events:none;
}

.sf-refund-actions .sf-btn{
  width:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid #dcdcdc !important;
  background:#fff !important;
  color:#111;
}

.sf-refund-actions .sf-btn-danger{
  border-color:#f0d7d7 !important;
  color:#c62828;
}

/* =========================================================
   Cart
   ========================================================= */

.fs-cart-shell{
  background:#fff;
  min-height:100dvh;
  padding-bottom:calc(92px + env(safe-area-inset-bottom));
}

.fs-cart-head{
  position:sticky;
  top:52px;
  z-index:25;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--fs-social-border);
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.fs-cart-head h1{
  margin:0;
  font-size:28px;
  line-height:1;
  letter-spacing:-.06em;
}

.fs-cart-head p{
  margin:5px 0 0;
  color:var(--fs-social-muted);
  font-size:13px;
}

.fs-cart-head-action{
  width:40px;
  height:40px;
  border-radius:999px;
  background:#f2f2f2;
  color:#050505;
  text-decoration:none;
  display:grid;
  place-items:center;
}

.fs-cart-store-row{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:12px 14px;
  border-bottom:1px solid var(--fs-social-border);
  scrollbar-width:none;
}

.fs-cart-store-row::-webkit-scrollbar{
  display:none;
}

.fs-cart-store-pill{
  flex:0 0 auto;
  min-width:190px;
  color:#050505;
  text-decoration:none;
  border:1px solid var(--fs-social-border);
  border-radius:999px;
  padding:7px 11px 7px 7px;
  display:flex;
  align-items:center;
  gap:8px;
  background:#fff;
}

.fs-cart-store-pill.is-active{
  background:#050505;
  border-color:#050505;
  color:#fff;
}

.fs-cart-store-avatar{
  width:34px;
  height:34px;
  border-radius:999px;
  background:#f2f2f2;
  border:1px solid var(--fs-social-border);
  display:grid;
  place-items:center;
  overflow:hidden;
  font-size:13px;
  font-weight:900;
  flex-shrink:0;
}

.fs-cart-store-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.fs-cart-store-copy{
  min-width:0;
  display:grid;
}

.fs-cart-store-copy strong{
  font-size:13px;
  line-height:1.1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.fs-cart-store-copy small{
  margin-top:2px;
  color:currentColor;
  opacity:.68;
  font-size:11px;
}

.fs-cart-seller{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:11px;
  align-items:center;
  padding:14px;
  border-bottom:1px solid var(--fs-social-border);
}

.fs-cart-seller-avatar{
  width:48px;
  height:48px;
  border-radius:999px;
  overflow:hidden;
  background:#f2f2f2;
  border:1px solid var(--fs-social-border);
  display:grid;
  place-items:center;
  font-size:18px;
  font-weight:900;
}

.fs-cart-seller-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.fs-cart-seller strong{
  display:block;
  font-size:15px;
}

.fs-cart-seller p{
  margin:3px 0 0;
  color:var(--fs-social-muted);
  font-size:13px;
}

.fs-cart-list{
  background:#fff;
}

.fs-cart-item{
  display:grid;
  grid-template-columns:94px 1fr;
  gap:12px;
  padding:14px;
  border-bottom:1px solid var(--fs-social-border);
}

.fs-cart-media{
  width:94px;
  aspect-ratio:1 / 1;
  border-radius:3px;
  overflow:hidden;
  background:#f3f3f3;
  color:#050505;
  text-decoration:none;
  display:grid;
  place-items:center;
  font-size:30px;
  font-weight:900;
}

.fs-cart-media img,
.fs-cart-media video{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#f3f3f3;
}

.fs-cart-item-main{
  min-width:0;
}

.fs-cart-item-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
}

.fs-cart-item-top h2{
  margin:0;
  font-size:15px;
  line-height:1.2;
  letter-spacing:-.02em;
}

.fs-cart-item-top h2 a{
  color:inherit;
  text-decoration:none;
}

.fs-cart-item-top p{
  margin:4px 0 0;
  color:var(--fs-social-muted);
  font-size:13px;
}

.fs-cart-item-top > strong{
  flex-shrink:0;
  font-size:14px;
}

.fs-cart-caption{
  margin:8px 0 0;
  color:#262626;
  font-size:13px;
  line-height:1.35;
}

.fs-cart-tags{
  margin-top:9px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.fs-cart-tags span{
  border-radius:999px;
  background:#f2f2f2;
  color:#050505;
  padding:5px 8px;
  font-size:11px;
  font-weight:800;
}

.fs-cart-actions{
  margin-top:12px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}

.fs-cart-qty-form{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0;
}

.fs-cart-qty-form label{
  color:var(--fs-social-muted);
  font-size:12px;
  font-weight:800;
}

.fs-cart-qty-form input{
  width:62px;
  height:34px;
  border:1px solid var(--fs-social-border);
  border-radius:9px;
  background:#fff;
  color:#050505;
  padding:0 9px;
  font:inherit;
  font-size:13px;
  font-weight:800;
}

.fs-cart-mini-btn{
  min-height:34px;
  border:0;
  border-radius:999px;
  background:#050505;
  color:#fff;
  padding:0 12px;
  font:inherit;
  font-size:12px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.fs-cart-text-btn{
  border:0;
  background:transparent;
  color:#c62828;
  padding:0;
  font:inherit;
  font-size:13px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.fs-cart-summary{
  padding:16px 14px 18px;
  border-bottom:1px solid var(--fs-social-border);
}

.fs-cart-summary h2{
  margin:0 0 12px;
  font-size:18px;
  letter-spacing:-.04em;
}

.fs-cart-summary-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 0;
  border-top:1px solid var(--fs-social-border);
}

.fs-cart-summary-line span{
  color:var(--fs-social-muted);
  font-size:14px;
}

.fs-cart-summary-line strong{
  color:#050505;
  font-size:14px;
}

.fs-cart-summary-line.is-total strong,
.fs-cart-summary-line.is-total span{
  font-size:17px;
  font-weight:900;
  color:#050505;
}

.fs-cart-summary p{
  margin:10px 0 14px;
  color:var(--fs-social-muted);
  font-size:13px;
  line-height:1.4;
}

.fs-cart-clear-btn{
  border:1px solid var(--fs-social-border);
  border-radius:999px;
  background:#fff;
  color:#c62828;
  min-height:40px;
  padding:0 15px;
  font:inherit;
  font-size:13px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.fs-cart-checkout-bar{
  position:fixed;
  left:0;
  right:0;
  bottom:calc(var(--fs-nav-h) + env(safe-area-inset-bottom));
  z-index:75;
  max-width:640px;
  margin:0 auto;
  padding:10px 12px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(18px);
  border-top:1px solid var(--fs-social-border);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.fs-cart-checkout-bar strong{
  display:block;
  font-size:16px;
  line-height:1;
}

.fs-cart-checkout-bar span{
  display:block;
  margin-top:3px;
  color:var(--fs-social-muted);
  font-size:12px;
}

.fs-cart-checkout-bar a{
  min-height:42px;
  border-radius:999px;
  background:#050505;
  color:#fff;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  font-size:14px;
  font-weight:900;
}

.fs-cart-empty{
  min-height:58dvh;
  padding:56px 24px;
  text-align:center;
  display:grid;
  place-items:center;
  align-content:center;
  gap:9px;
}

.fs-cart-empty i{
  font-size:34px;
}

.fs-cart-empty h2{
  margin:0;
  font-size:22px;
  letter-spacing:-.05em;
}

.fs-cart-empty p{
  margin:0;
  max-width:290px;
  color:var(--fs-social-muted);
  font-size:14px;
  line-height:1.45;
}

.fs-cart-empty a{
  margin-top:8px;
  border-radius:999px;
  background:#050505;
  color:#fff;
  text-decoration:none;
  padding:10px 15px;
  font-size:13px;
  font-weight:900;
}

.sf-btn-loading[hidden],
.sf-btn-text[hidden]{
  display:none !important;
}

.sf-btn-loading{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.sf-spinner{
  width:13px;
  height:13px;
  border-radius:999px;
  border:2px solid currentColor;
  border-top-color:transparent;
  animation:sfSpin .75s linear infinite;
}

@keyframes sfSpin{
  to{ transform:rotate(360deg); }
}

.fs-cart-mini-btn:disabled,
.fs-cart-text-btn:disabled,
.fs-cart-clear-btn:disabled{
  opacity:.7;
  cursor:wait;
}

@media (min-width:760px){
  .fs-cart-head{
    max-width:638px;
  }

  .fs-cart-item{
    grid-template-columns:118px 1fr;
  }

  .fs-cart-media{
    width:118px;
  }

  .fs-cart-checkout-bar{
    border-left:1px solid var(--fs-social-border);
    border-right:1px solid var(--fs-social-border);
  }
}

/* =========================================================
   Checkout
   ========================================================= */

.fs-checkout-shell{
  background:#fff;
  min-height:100dvh;
  padding-bottom:calc(94px + env(safe-area-inset-bottom));
}

.fs-checkout-shell form{
  margin:0;
}

.fs-checkout-head{
  position:sticky;
  top:52px;
  z-index:25;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--fs-social-border);
  padding:12px 14px;
  display:grid;
  grid-template-columns:40px 1fr;
  gap:10px;
  align-items:center;
}

.fs-checkout-back{
  width:40px;
  height:40px;
  border-radius:999px;
  background:#f2f2f2;
  color:#050505;
  text-decoration:none;
  display:grid;
  place-items:center;
}

.fs-checkout-head h1{
  margin:0;
  font-size:26px;
  line-height:1;
  letter-spacing:-.06em;
}

.fs-checkout-head p{
  margin:5px 0 0;
  color:var(--fs-social-muted);
  font-size:13px;
  line-height:1.35;
}

.fs-checkout-seller{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:11px;
  align-items:center;
  padding:14px;
  border-bottom:1px solid var(--fs-social-border);
}

.fs-checkout-seller-avatar{
  width:48px;
  height:48px;
  border-radius:999px;
  overflow:hidden;
  background:#f2f2f2;
  border:1px solid var(--fs-social-border);
  display:grid;
  place-items:center;
  font-size:18px;
  font-weight:900;
}

.fs-checkout-seller-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.fs-checkout-seller strong{
  display:block;
  font-size:15px;
}

.fs-checkout-seller p{
  margin:3px 0 0;
  color:var(--fs-social-muted);
  font-size:13px;
  line-height:1.35;
}

.fs-checkout-section{
  border-bottom:1px solid var(--fs-social-border);
  padding:16px 14px;
  background:#fff;
}

.fs-checkout-section-head{
  margin-bottom:13px;
}

.fs-checkout-section-head h2,
.fs-checkout-summary h2{
  margin:0;
  font-size:20px;
  line-height:1.05;
  letter-spacing:-.05em;
}

.fs-checkout-section-head p{
  margin:6px 0 0;
  color:var(--fs-social-muted);
  font-size:13px;
  line-height:1.4;
}

.fs-checkout-fields{
  display:grid;
  gap:12px;
}

.fs-checkout-field-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.fs-checkout-fields label{
  display:grid;
  gap:7px;
}

.fs-checkout-fields label span{
  color:#050505;
  font-size:13px;
  font-weight:800;
}

.fs-checkout-fields input,
.fs-checkout-fields textarea{
  width:100%;
  border:1px solid var(--fs-social-border);
  border-radius:14px;
  background:#fff;
  color:#050505;
  padding:12px 13px;
  font:inherit;
  font-size:15px;
  outline:none;
}

.fs-checkout-fields textarea{
  min-height:110px;
  resize:vertical;
  line-height:1.45;
}

.fs-checkout-fields input:focus,
.fs-checkout-fields textarea:focus{
  border-color:#050505;
}

.fs-checkout-items{
  display:grid;
  gap:0;
  margin-left:-14px;
  margin-right:-14px;
}

.fs-checkout-item{
  display:grid;
  grid-template-columns:82px 1fr;
  gap:12px;
  padding:13px 14px;
  border-top:1px solid var(--fs-social-border);
}

.fs-checkout-item:first-child{
  border-top:0;
}

.fs-checkout-item-media{
  width:82px;
  aspect-ratio:1 / 1;
  overflow:hidden;
  background:#f3f3f3;
  display:grid;
  place-items:center;
  color:#050505;
  font-size:28px;
  font-weight:900;
}

.fs-checkout-item-media img,
.fs-checkout-item-media video{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#f3f3f3;
}

.fs-checkout-item-main{
  min-width:0;
}

.fs-checkout-item-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
}

.fs-checkout-item-top h3{
  margin:0;
  font-size:15px;
  line-height:1.2;
  letter-spacing:-.02em;
}

.fs-checkout-item-top strong{
  flex-shrink:0;
  font-size:14px;
}

.fs-checkout-item-main p{
  margin:7px 0 0;
  color:#262626;
  font-size:13px;
  line-height:1.35;
}

.fs-checkout-tags{
  margin-top:9px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.fs-checkout-tags span{
  border-radius:999px;
  background:#f2f2f2;
  color:#050505;
  padding:5px 8px;
  font-size:11px;
  font-weight:800;
}

.fs-checkout-summary{
  padding:16px 14px 18px;
  border-bottom:1px solid var(--fs-social-border);
}

.fs-checkout-summary h2{
  margin-bottom:12px;
}

.fs-checkout-summary-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 0;
  border-top:1px solid var(--fs-social-border);
}

.fs-checkout-summary-line span{
  color:var(--fs-social-muted);
  font-size:14px;
}

.fs-checkout-summary-line strong{
  color:#050505;
  font-size:14px;
}

.fs-checkout-summary-line.is-total span,
.fs-checkout-summary-line.is-total strong{
  color:#050505;
  font-size:17px;
  font-weight:900;
}

.fs-checkout-note{
  margin-top:12px;
  border-radius:14px;
  background:#f5f5f5;
  padding:12px;
  color:#444;
  font-size:13px;
  line-height:1.4;
}

.fs-checkout-cancel{
  margin-top:14px;
  min-height:40px;
  border-radius:999px;
  border:1px solid var(--fs-social-border);
  background:#fff;
  color:#050505;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 15px;
  font-size:13px;
  font-weight:900;
}

.fs-checkout-paybar{
  position:fixed;
  left:0;
  right:0;
  bottom:calc(var(--fs-nav-h) + env(safe-area-inset-bottom));
  z-index:75;
  max-width:640px;
  margin:0 auto;
  padding:10px 12px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(18px);
  border-top:1px solid var(--fs-social-border);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.fs-checkout-paybar strong{
  display:block;
  font-size:16px;
  line-height:1;
}

.fs-checkout-paybar span{
  display:block;
  margin-top:3px;
  color:white;
  font-size:12px;
}

.fs-checkout-paybar button{
  min-height:42px;
  border:0;
  border-radius:999px;
  background:#050505;
  color:#fff;
  padding:0 18px;
  font:inherit;
  font-size:14px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.fs-checkout-paybar button:disabled{
  opacity:.75;
  cursor:wait;
}

.sf-btn-loading[hidden],
.sf-btn-text[hidden]{
  display:none !important;
}

.sf-btn-loading{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.sf-spinner{
  width:13px;
  height:13px;
  border-radius:999px;
  border:2px solid currentColor;
  border-top-color:transparent;
  animation:sfSpin .75s linear infinite;
}

@keyframes sfSpin{
  to{ transform:rotate(360deg); }
}

@media (min-width:760px){
  .fs-checkout-head{
    max-width:638px;
  }

  .fs-checkout-paybar{
    border-left:1px solid var(--fs-social-border);
    border-right:1px solid var(--fs-social-border);
  }
}

@media (max-width:420px){
  .fs-checkout-field-row{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   Seller Item Form / New Post
   ========================================================= */

.fs-post-form-shell{
  background:#fff;
  min-height:100dvh;
  padding-bottom:calc(96px + env(safe-area-inset-bottom));
}

.fs-post-form-shell form{
  margin:0;
}

.fs-post-form-head{
  position:sticky;
  top:52px;
  z-index:25;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--fs-social-border);
  padding:12px 14px;
  display:grid;
  grid-template-columns:40px 1fr auto;
  gap:10px;
  align-items:center;
}

.fs-post-form-back{
  width:40px;
  height:40px;
  border-radius:999px;
  background:#f2f2f2;
  color:#050505;
  text-decoration:none;
  display:grid;
  place-items:center;
}

.fs-post-form-head h1{
  margin:0;
  font-size:25px;
  line-height:1;
  letter-spacing:-.06em;
}

.fs-post-form-head p{
  margin:5px 0 0;
  color:var(--fs-social-muted);
  font-size:13px;
  line-height:1.35;
}

.fs-post-form-head-save{
  min-height:38px;
  border:0;
  border-radius:999px;
  background:#050505;
  color:#fff;
  padding:0 15px;
  font:inherit;
  font-size:13px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.fs-post-form{
  background:#fff;
}

.fs-post-form-alert{
  margin:12px 14px;
  border:1px solid #ffd1d1;
  background:#fff0f0;
  color:#b42318;
  border-radius:14px;
  padding:12px;
  font-size:13px;
  line-height:1.4;
}

.fs-post-form-section{
  padding:16px 14px;
  border-bottom:1px solid var(--fs-social-border);
  background:#fff;
}

.fs-post-form-section-head{
  margin-bottom:13px;
}

.fs-post-form-section-head > span{
  display:block;
  margin-bottom:5px;
  color:var(--fs-social-muted);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.fs-post-form-section-head h2{
  margin:0;
  font-size:21px;
  line-height:1.05;
  letter-spacing:-.05em;
}

.fs-post-form-section-head p{
  margin:6px 0 0;
  color:var(--fs-social-muted);
  font-size:13px;
  line-height:1.4;
}

.fs-post-form-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.fs-post-form-fields label{
  min-width:0;
  display:grid;
  gap:7px;
}

.fs-post-form-fields label.is-wide{
  grid-column:1 / -1;
}

.fs-post-form-fields label > span{
  color:#050505;
  font-size:13px;
  font-weight:800;
}

.fs-post-form-fields input,
.fs-post-form-fields select,
.fs-post-form-fields textarea{
  width:100%;
  border:1px solid var(--fs-social-border);
  border-radius:14px;
  background:#fff;
  color:#050505;
  padding:12px 13px;
  font:inherit;
  font-size:15px;
  outline:none;
}

.fs-post-form-fields textarea{
  min-height:120px;
  resize:vertical;
  line-height:1.45;
}

.fs-post-form-fields input:focus,
.fs-post-form-fields select:focus,
.fs-post-form-fields textarea:focus{
  border-color:#050505;
}

.fs-post-form-fields small{
  color:var(--fs-social-muted);
  font-size:12px;
  line-height:1.35;
}

.fs-post-form-fields ul,
.fs-post-form-fields .errorlist{
  margin:0;
  padding:0;
  list-style:none;
  color:#b42318;
  font-size:12px;
}

.fs-post-flow-grid{
  display:grid;
  gap:8px;
}

.fs-post-flow-card{
  position:relative;
  display:grid;
  grid-template-columns:22px 1fr;
  gap:10px;
  align-items:start;
  border:1px solid var(--fs-social-border);
  border-radius:16px;
  padding:12px;
  background:#fff;
}

.fs-post-flow-card input{
  margin-top:2px;
  accent-color:#050505;
}

.fs-post-flow-card strong{
  display:block;
  color:#050505;
  font-size:14px;
  line-height:1.2;
}

.fs-post-flow-card small{
  display:block;
  margin-top:4px;
  color:var(--fs-social-muted);
  font-size:12px;
  line-height:1.35;
}

.fs-post-flow-card:has(input:checked){
  border-color:#050505;
  background:#fafafa;
}

.fs-post-form-notice{
  margin:12px 14px;
  border-radius:16px;
  background:#dff8e7;
  color:#0f5132;
  padding:13px;
}

.fs-post-form-notice strong{
  display:block;
  font-size:14px;
}

.fs-post-form-notice p{
  margin:6px 0 0;
  font-size:13px;
  line-height:1.4;
}

.fs-post-current-file{
  border:1px solid var(--fs-social-border);
  border-radius:14px;
  padding:12px;
  background:#fafafa;
  display:grid;
  gap:5px;
}

.fs-post-current-file strong{
  font-size:13px;
}

.fs-post-current-file a{
  color:#050505;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
}

.fs-post-toggle-list{
  display:grid;
  gap:8px;
}

.fs-post-toggle-list label{
  display:grid;
  grid-template-columns:24px 1fr;
  gap:10px;
  align-items:start;
  border:1px solid var(--fs-social-border);
  border-radius:16px;
  padding:12px;
}

.fs-post-toggle-list input{
  margin-top:2px;
  accent-color:#050505;
}

.fs-post-toggle-list strong{
  display:block;
  font-size:14px;
  line-height:1.2;
}

.fs-post-toggle-list small{
  display:block;
  margin-top:4px;
  color:var(--fs-social-muted);
  font-size:12px;
  line-height:1.35;
}

.fs-post-options-section{
  padding:0;
}

.fs-post-options-toggle{
  width:100%;
  border:0;
  background:#fff;
  color:#050505;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 14px;
  text-align:left;
  cursor:pointer;
  font:inherit;
}

.fs-post-options-toggle small{
  display:block;
  color:var(--fs-social-muted);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:5px;
}

.fs-post-options-toggle strong{
  display:block;
  font-size:18px;
  line-height:1.1;
  letter-spacing:-.04em;
}

.fs-post-options-toggle em{
  display:block;
  margin-top:5px;
  color:var(--fs-social-muted);
  font-size:13px;
  line-height:1.35;
  font-style:normal;
}

.fs-post-options-toggle i{
  color:var(--fs-social-muted);
  transition:transform .16s ease;
}

.fs-post-options-section.is-open .fs-post-options-toggle i{
  transform:rotate(180deg);
}

.fs-post-options-body{
  display:none;
  padding:0 14px 16px;
}

.fs-post-options-section.is-open .fs-post-options-body{
  display:block;
}

.fs-post-option-list{
  display:grid;
  gap:12px;
}

.fs-post-option-card{
  border:1px solid var(--fs-social-border);
  border-radius:16px;
  padding:12px;
  background:#fafafa;
}

.fs-post-delete-option{
  margin-top:12px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#c62828;
  font-size:13px;
  font-weight:800;
}

.fs-post-delete-option input{
  accent-color:#c62828;
}

.fs-post-add-option-btn,
.fs-post-upload-btn{
  margin-top:12px;
  min-height:40px;
  border:0;
  border-radius:999px;
  background:#050505;
  color:#fff;
  padding:0 15px;
  font:inherit;
  font-size:13px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.fs-post-media-manager{
  border-bottom:1px solid var(--fs-social-border);
}

.fs-post-media-upload{
  display:grid;
  gap:12px;
}

.fs-post-media-list{
  margin-top:14px;
  display:grid;
  gap:0;
  border-top:1px solid var(--fs-social-border);
}

.fs-post-media-row{
  display:grid;
  grid-template-columns:88px 1fr;
  gap:12px;
  padding:13px 0;
  border-bottom:1px solid var(--fs-social-border);
}

.fs-post-media-row:last-child{
  border-bottom:0;
}

.fs-post-media-thumb{
  width:88px;
  aspect-ratio:1 / 1;
  background:#f3f3f3;
  overflow:hidden;
}

.fs-post-media-thumb img,
.fs-post-media-thumb video{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#f3f3f3;
}

.fs-post-media-info{
  min-width:0;
}

.fs-post-media-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.fs-post-media-top small{
  color:var(--fs-social-muted);
  font-size:12px;
  white-space:nowrap;
}

.fs-post-media-pills{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.fs-post-media-pills span{
  border-radius:999px;
  background:#f2f2f2;
  color:#050505;
  padding:5px 8px;
  font-size:11px;
  font-weight:900;
}

.fs-post-media-actions{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.fs-post-media-actions form{
  margin:0;
}

.fs-post-media-actions button{
  min-height:32px;
  border:1px solid var(--fs-social-border);
  border-radius:999px;
  background:#fff;
  color:#050505;
  padding:0 11px;
  font:inherit;
  font-size:12px;
  font-weight:900;
}

.fs-post-media-actions button.is-danger{
  color:#c62828;
  border-color:#f0d7d7;
}

.fs-post-form-empty{
  margin-top:12px;
  border:1px solid var(--fs-social-border);
  border-radius:16px;
  padding:18px;
  color:var(--fs-social-muted);
  font-size:14px;
  text-align:center;
}

.fs-post-save-spacer{
  height:8px;
}

.fs-post-form-paybar{
  position:fixed;
  left:0;
  right:0;
  bottom:calc(var(--fs-nav-h) + env(safe-area-inset-bottom));
  z-index:75;
  max-width:640px;
  margin:0 auto;
  padding:10px 12px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(18px);
  border-top:1px solid var(--fs-social-border);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.fs-post-form-paybar strong{
  display:block;
  font-size:15px;
  line-height:1;
}

.fs-post-form-paybar span{
  display:block;
  margin-top:3px;
  color:white;
  font-size:12px;
}

.fs-post-form-paybar button{
  min-height:42px;
  border:0;
  border-radius:999px;
  background:#050505;
  color:#fff;
  padding:0 18px;
  font:inherit;
  font-size:14px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.fs-post-form-head-save:disabled,
.fs-post-form-paybar button:disabled,
.fs-post-upload-btn:disabled{
  opacity:.75;
  cursor:wait;
}

.fs-upload-spinner{
  width:13px;
  height:13px;
  border-radius:999px;
  border:2px solid currentColor;
  border-top-color:transparent;
  animation:sfSpin .75s linear infinite;
}

@media (min-width:760px){
  .fs-post-form-head,
  .fs-post-form-paybar{
    max-width:638px;
  }

  .fs-post-form-paybar{
    border-left:1px solid var(--fs-social-border);
    border-right:1px solid var(--fs-social-border);
  }
}

@media (max-width:520px){
  .fs-post-form-fields{
    grid-template-columns:1fr;
  }

  .fs-post-form-head{
    grid-template-columns:38px 1fr auto;
  }

  .fs-post-form-head p{
    display:none;
  }

  .fs-post-form-head-save{
    padding:0 13px;
  }

  .fs-post-media-row{
    grid-template-columns:76px 1fr;
  }

  .fs-post-media-thumb{
    width:76px;
  }
}

/* =========================================================
   Storefront Settings
   ========================================================= */

.fs-store-settings-shell{
  background:#fff;
  min-height:100dvh;
  padding-bottom:calc(112px + env(safe-area-inset-bottom));
}

.fs-store-settings-shell form{
  margin:0;
}

.fs-store-settings-head{
  position:sticky;
  top:52px;
  z-index:25;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--fs-social-border);
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.fs-store-settings-head h1{
  margin:0;
  font-size:28px;
  line-height:1;
  letter-spacing:-.06em;
}

.fs-store-settings-head p{
  margin:5px 0 0;
  color:var(--fs-social-muted);
  font-size:13px;
  line-height:1.35;
}

.fs-store-settings-head-save{
  min-height:38px;
  border:0;
  border-radius:999px;
  background:#050505;
  color:#fff;
  padding:0 15px;
  font:inherit;
  font-size:13px;
  font-weight:900;
}

.fs-store-settings-alert{
  margin:12px 14px;
  border:1px solid #ffd1d1;
  background:#fff0f0;
  color:#b42318;
  border-radius:14px;
  padding:12px;
  font-size:13px;
  line-height:1.4;
}

.fs-store-settings-preview{
  border-bottom:1px solid var(--fs-social-border);
  background:#fff;
}

.fs-store-preview-cover{
  height:150px;
  background:#f3f3f3;
  overflow:hidden;
}

.fs-store-preview-cover img,
.fs-store-preview-cover-empty{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.fs-store-preview-cover-empty{
  background:
    radial-gradient(circle at 18% 20%, rgba(0,0,0,.10), transparent 28%),
    linear-gradient(135deg,#f7f7f7,#e8e8e8);
}

.fs-store-preview-main{
  display:grid;
  grid-template-columns:82px 1fr 40px;
  gap:12px;
  align-items:end;
  padding:0 14px;
  margin-top:-38px;
}

.fs-store-preview-logo{
  width:82px;
  height:82px;
  border-radius:999px;
  border:4px solid #fff;
  background:#f2f2f2;
  overflow:hidden;
  display:grid;
  place-items:center;
  font-size:32px;
  font-weight:900;
}

.fs-store-preview-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.fs-store-preview-copy{
  min-width:0;
  padding-bottom:8px;
}

.fs-store-preview-copy h2{
  margin:0;
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.05em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.fs-store-preview-copy p{
  margin:4px 0 0;
  color:var(--fs-social-muted);
  font-size:13px;
}

.fs-store-preview-view{
  width:40px;
  height:40px;
  margin-bottom:8px;
  border-radius:999px;
  background:#f2f2f2;
  color:#050505;
  display:grid;
  place-items:center;
  text-decoration:none;
}

.fs-store-preview-bio{
  margin:12px 14px 0;
  font-size:14px;
  line-height:1.45;
}

.fs-store-preview-status{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:12px 14px 16px;
}

.fs-store-preview-status span{
  border-radius:999px;
  background:#f2f2f2;
  color:#050505;
  padding:6px 9px;
  font-size:11px;
  font-weight:900;
}

.fs-store-settings-section{
  padding:16px 14px;
  border-bottom:1px solid var(--fs-social-border);
  background:#fff;
}

.fs-store-settings-section-head{
  margin-bottom:13px;
}

.fs-store-settings-section-head > span{
  display:block;
  margin-bottom:5px;
  color:var(--fs-social-muted);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.fs-store-settings-section-head h2{
  margin:0;
  font-size:21px;
  line-height:1.05;
  letter-spacing:-.05em;
}

.fs-store-settings-section-head p{
  margin:6px 0 0;
  color:var(--fs-social-muted);
  font-size:13px;
  line-height:1.4;
}

.fs-store-settings-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.fs-store-settings-fields label{
  min-width:0;
  display:grid;
  gap:7px;
}

.fs-store-settings-fields label.is-wide{
  grid-column:1 / -1;
}

.fs-store-settings-fields label > span{
  color:#050505;
  font-size:13px;
  font-weight:800;
}

.fs-store-settings-fields input,
.fs-store-settings-fields select,
.fs-store-settings-fields textarea{
  width:100%;
  border:1px solid var(--fs-social-border);
  border-radius:14px;
  background:#fff;
  color:#050505;
  padding:12px 13px;
  font:inherit;
  font-size:15px;
  outline:none;
}

.fs-store-settings-fields textarea{
  min-height:120px;
  resize:vertical;
  line-height:1.45;
}

.fs-store-settings-fields input:focus,
.fs-store-settings-fields select:focus,
.fs-store-settings-fields textarea:focus{
  border-color:#050505;
}

.fs-store-settings-fields small{
  color:var(--fs-social-muted);
  font-size:12px;
  line-height:1.35;
}

.fs-store-settings-fields ul,
.fs-store-settings-fields .errorlist{
  margin:0;
  padding:0;
  list-style:none;
  color:#b42318;
  font-size:12px;
}

.fs-store-upload-list{
  display:grid;
  gap:12px;
}

.fs-store-upload-card{
  border:1px solid var(--fs-social-border);
  border-radius:16px;
  padding:12px;
  background:#fff;
  display:grid;
  gap:10px;
}

.fs-store-upload-copy strong{
  display:block;
  font-size:14px;
  line-height:1.2;
}

.fs-store-upload-copy span,
.fs-store-upload-card small{
  display:block;
  margin-top:4px;
  color:var(--fs-social-muted);
  font-size:12px;
  line-height:1.35;
}

.fs-store-upload-trigger{
  min-height:38px;
  border-radius:999px;
  background:#050505;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  justify-self:start;
  padding:0 14px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}

.fs-store-upload-filename{
  color:var(--fs-social-muted);
  font-size:12px;
}

.fs-store-upload-native{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
}

.fs-store-clear-row{
  display:flex;
  align-items:center;
  gap:8px;
  color:#c62828;
  font-size:13px;
  font-weight:800;
}

.fs-store-clear-row input{
  accent-color:#c62828;
}

.fs-store-video-preview{
  aspect-ratio:9 / 16;
  max-width:220px;
  border-radius:18px;
  background:#f3f3f3;
  overflow:hidden;
  display:grid;
  place-items:center;
  text-align:center;
  color:var(--fs-social-muted);
}

.fs-store-video-preview video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.fs-store-video-preview div{
  padding:18px;
}

.fs-store-video-preview strong{
  display:block;
  color:#050505;
  font-size:14px;
}

.fs-store-video-preview span{
  display:block;
  margin-top:5px;
  font-size:12px;
  line-height:1.35;
}

.fs-store-toggle-list{
  margin-top:12px;
  display:grid;
  gap:8px;
}

.fs-store-toggle-list label{
  display:grid;
  grid-template-columns:24px 1fr;
  gap:10px;
  align-items:start;
  border:1px solid var(--fs-social-border);
  border-radius:16px;
  padding:12px;
}

.fs-store-toggle-list input{
  margin-top:2px;
  accent-color:#050505;
}

.fs-store-toggle-list strong{
  display:block;
  font-size:14px;
  line-height:1.2;
}

.fs-store-toggle-list small{
  display:block;
  margin-top:4px;
  color:var(--fs-social-muted);
  font-size:12px;
  line-height:1.35;
}

.fs-store-accordion-toggle{
  width:100%;
  border:0;
  background:#fff;
  color:#050505;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0;
  text-align:left;
  cursor:pointer;
  font:inherit;
}

.fs-store-accordion-toggle small{
  display:block;
  color:var(--fs-social-muted);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:5px;
}

.fs-store-accordion-toggle strong{
  display:block;
  font-size:19px;
  line-height:1.1;
  letter-spacing:-.04em;
}

.fs-store-accordion-toggle em{
  display:block;
  margin-top:5px;
  color:var(--fs-social-muted);
  font-size:13px;
  line-height:1.35;
  font-style:normal;
}

.fs-store-accordion-toggle i{
  color:var(--fs-social-muted);
  transition:transform .16s ease;
}

.fs-store-settings-section.is-open .fs-store-accordion-toggle i{
  transform:rotate(180deg);
}

.fs-store-accordion-body{
  display:none;
  padding-top:14px;
}

.fs-store-settings-section.is-open .fs-store-accordion-body{
  display:block;
}

.fs-store-contact-list{
  display:grid;
  gap:12px;
}

.fs-store-contact-form{
  border:1px solid var(--fs-social-border);
  border-radius:16px;
  padding:12px;
  display:grid;
  gap:10px;
}

.fs-store-contact-form label{
  display:block;
  font-size:14px;
  font-weight:900;
}

.fs-store-contact-form p{
  margin:4px 0 0;
  color:var(--fs-social-muted);
  font-size:12px;
  line-height:1.35;
}

.fs-store-contact-form input{
  width:100%;
  border:1px solid var(--fs-social-border);
  border-radius:14px;
  background:#fff;
  color:#050505;
  padding:12px 13px;
  font:inherit;
  font-size:15px;
}

.fs-store-contact-form button,
.fs-store-settings-action{
  min-height:40px;
  border:0;
  border-radius:999px;
  background:#050505;
  color:#fff;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  justify-self:start;
  padding:0 15px;
  font:inherit;
  font-size:13px;
  font-weight:900;
}

.fs-store-status-box{
  border-radius:16px;
  padding:13px;
  margin-bottom:12px;
}

.fs-store-status-box strong{
  display:block;
  font-size:14px;
}

.fs-store-status-box p{
  margin:6px 0 0;
  font-size:13px;
  line-height:1.4;
}

.fs-store-status-box.is-success{
  background:#dff8e7;
  color:#0f5132;
}

.fs-store-status-box.is-warning{
  background:#fff3c4;
  color:#6b4e00;
}

.fs-store-settings-links{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid var(--fs-social-border);
}

.fs-store-settings-links a{
  min-height:56px;
  color:#050505;
  text-decoration:none;
  display:grid;
  place-items:center;
  align-content:center;
  gap:4px;
  border-right:1px solid var(--fs-social-border);
  font-size:11px;
  font-weight:800;
}

.fs-store-settings-links a:last-child{
  border-right:0;
}

.fs-store-settings-links i{
  font-size:17px;
}

.fs-store-settings-paybar{
  position:fixed;
  left:0;
  right:0;
  bottom:calc(var(--fs-nav-h) + env(safe-area-inset-bottom));
  z-index:75;
  max-width:640px;
  margin:0 auto;
  padding:10px 12px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(18px);
  border-top:1px solid var(--fs-social-border);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.fs-store-settings-paybar strong{
  display:block;
  font-size:15px;
  line-height:1;
}

.fs-store-settings-paybar span{
  display:block;
  margin-top:3px;
  color:white;
  font-size:12px;
}

.fs-store-settings-paybar button{
  min-height:42px;
  border:0;
  border-radius:999px;
  background:#050505;
  color:#fff;
  padding:0 18px;
  font:inherit;
  font-size:14px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.fs-store-settings-paybar button:disabled,
.fs-store-settings-head-save:disabled{
  opacity:.75;
  cursor:wait;
}

.fs-spinner{
  width:13px;
  height:13px;
  border-radius:999px;
  border:2px solid currentColor;
  border-top-color:transparent;
  animation:sfSpin .75s linear infinite;
}

@media (min-width:760px){
  .fs-store-settings-head,
  .fs-store-settings-paybar{
    max-width:638px;
  }

  .fs-store-settings-paybar{
    border-left:1px solid var(--fs-social-border);
    border-right:1px solid var(--fs-social-border);
  }

  .fs-store-preview-cover{
    height:190px;
  }
}

@media (max-width:520px){
  .fs-store-settings-fields{
    grid-template-columns:1fr;
  }

  .fs-store-settings-head p{
    display:none;
  }

  .fs-store-preview-main{
    grid-template-columns:78px 1fr 38px;
  }

  .fs-store-preview-logo{
    width:78px;
    height:78px;
  }
}

.fs-store-upload-card{
  border:1px solid var(--fs-social-border);
  border-radius:16px;
  padding:12px;
  background:#fff;
  display:grid;
  gap:10px;
}

.fs-store-media-preview{
  width:100%;
  background:#f3f3f3;
  overflow:hidden;
  display:grid;
  place-items:center;
  color:var(--fs-social-muted);
  text-align:center;
}

.fs-store-media-preview img,
.fs-store-media-preview video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.fs-store-media-preview.is-logo{
  width:96px;
  height:96px;
  border-radius:999px;
  border:1px solid var(--fs-social-border);
  font-size:34px;
  font-weight:900;
  color:#050505;
}

.fs-store-media-preview.is-banner{
  aspect-ratio:16 / 7;
  border-radius:16px;
}

.fs-store-media-preview.is-video{
  width:min(100%, 220px);
  aspect-ratio:9 / 16;
  border-radius:18px;
}

.fs-store-media-preview div{
  padding:18px;
}

.fs-store-media-preview strong{
  display:block;
  color:#050505;
  font-size:14px;
}

.fs-store-media-preview span{
  display:block;
  margin-top:5px;
  color:var(--fs-social-muted);
  font-size:12px;
  line-height:1.35;
}

.fs-store-clear-row{
  display:none !important;
}

/* =========================================================
   Seller Portfolio List
   ========================================================= */

.fs-portfolio-shell{
  min-height:100dvh;
  background:#fff;
  padding-bottom:calc(84px + env(safe-area-inset-bottom));
}

.fs-portfolio-head{
  position:sticky;
  top:52px;
  z-index:25;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--fs-social-border);
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.fs-portfolio-head h1{
  margin:0;
  font-size:28px;
  line-height:1;
  letter-spacing:-.06em;
}

.fs-portfolio-head p{
  margin:5px 0 0;
  color:var(--fs-social-muted);
  font-size:13px;
  line-height:1.35;
}

.fs-portfolio-head-action{
  width:40px;
  height:40px;
  border-radius:999px;
  background:#050505;
  color:#fff;
  text-decoration:none;
  display:grid;
  place-items:center;
}

.fs-portfolio-tabs{
  position:sticky;
  top:109px;
  z-index:24;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--fs-social-border);
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:9px 12px;
  scrollbar-width:none;
}

.fs-portfolio-tabs::-webkit-scrollbar{
  display:none;
}

.fs-portfolio-tabs a{
  flex:0 0 auto;
  color:#050505;
  text-decoration:none;
  border:1px solid var(--fs-social-border);
  background:#fff;
  border-radius:999px;
  padding:8px 12px;
  font-size:13px;
  font-weight:900;
}

.fs-portfolio-tabs a.is-active{
  background:#050505;
  border-color:#050505;
  color:#fff;
}

.fs-portfolio-count{
  display:flex;
  align-items:baseline;
  gap:5px;
  padding:12px 14px;
  border-bottom:1px solid var(--fs-social-border);
}

.fs-portfolio-count strong{
  font-size:20px;
  letter-spacing:-.04em;
}

.fs-portfolio-count span{
  color:var(--fs-social-muted);
  font-size:13px;
  font-weight:800;
}

.fs-portfolio-grid{
  display:grid;
  grid-template-columns:1fr;
}

.fs-portfolio-card{
  border-bottom:1px solid var(--fs-social-border);
  background:#fff;
}

.fs-portfolio-media{
  position:relative;
  display:block;
  aspect-ratio:1 / 1;
  background:#000;
  color:inherit;
  text-decoration:none;
  overflow:hidden;
}

.fs-portfolio-media img,
.fs-portfolio-media video{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#000;
}

.fs-portfolio-empty-media{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  background:#f3f3f3;
}

.fs-portfolio-empty-media span{
  width:74px;
  height:74px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--fs-social-border);
  display:grid;
  place-items:center;
  font-size:32px;
  font-weight:900;
}

.fs-portfolio-play{
  position:absolute;
  right:12px;
  top:12px;
  color:#fff;
  text-shadow:0 1px 8px rgba(0,0,0,.45);
  z-index:3;
}

.fs-portfolio-badges{
  position:absolute;
  left:10px;
  bottom:10px;
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}

.fs-portfolio-badges span{
  border-radius:999px;
  background:rgba(255,255,255,.9);
  color:#050505;
  padding:6px 9px;
  font-size:11px;
  font-weight:900;
  backdrop-filter:blur(12px);
}

.fs-portfolio-body{
  padding:12px 14px 14px;
}

.fs-portfolio-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:7px;
}

.fs-portfolio-meta span{
  border-radius:999px;
  background:#f2f2f2;
  color:#050505;
  padding:5px 8px;
  font-size:11px;
  font-weight:900;
}

.fs-portfolio-body h2{
  margin:0;
  font-size:17px;
  line-height:1.15;
  letter-spacing:-.04em;
}

.fs-portfolio-body p{
  margin:6px 0 0;
  color:var(--fs-social-muted);
  font-size:13px;
  line-height:1.4;
}

.fs-portfolio-linked{
  margin-top:9px;
  color:var(--fs-social-muted);
  font-size:12px;
  font-weight:800;
}

.fs-portfolio-actions{
  margin-top:12px;
  display:grid;
  grid-template-columns:1fr 44px;
  gap:8px;
}

.fs-portfolio-actions a,
.fs-portfolio-actions button{
  min-height:40px;
  border-radius:999px;
  border:0;
  text-decoration:none;
  font-size:13px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.fs-portfolio-actions a{
  background:#050505;
  color:#fff;
}

.fs-portfolio-actions form{
  margin:0;
}

.fs-portfolio-actions button{
  width:44px;
  background:#fff0f0;
  color:#b42318;
}

.fs-portfolio-empty{
  min-height:58dvh;
  padding:56px 24px;
  text-align:center;
  display:grid;
  place-items:center;
  align-content:center;
  gap:9px;
}

.fs-portfolio-empty i{
  font-size:34px;
}

.fs-portfolio-empty h2{
  margin:0;
  font-size:22px;
  letter-spacing:-.05em;
}

.fs-portfolio-empty p{
  margin:0;
  max-width:310px;
  color:var(--fs-social-muted);
  font-size:14px;
  line-height:1.45;
}

.fs-portfolio-empty a{
  margin-top:8px;
  border-radius:999px;
  background:#050505;
  color:#fff;
  text-decoration:none;
  padding:10px 15px;
  font-size:13px;
  font-weight:900;
}

@media (min-width:760px){
  .fs-portfolio-head,
  .fs-portfolio-tabs{
    max-width:638px;
  }
}

.fs-post-media-actions button.is-active{
  background:#050505;
  border-color:#050505;
  color:#fff;
}

/* =========================================================
   Seller Insights / Analytics
   ========================================================= */

.fs-insights-shell{
  min-height:100dvh;
  background:#fff;
  padding-bottom:calc(90px + env(safe-area-inset-bottom));
}

.fs-insights-head{
  position:sticky;
  top:52px;
  z-index:25;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--fs-social-border);
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.fs-insights-head h1{
  margin:0;
  font-size:28px;
  line-height:1;
  letter-spacing:-.06em;
}

.fs-insights-head p{
  margin:5px 0 0;
  color:var(--fs-social-muted);
  font-size:13px;
  line-height:1.35;
}

.fs-insights-head-action{
  width:40px;
  height:40px;
  border-radius:999px;
  background:#f2f2f2;
  color:#050505;
  text-decoration:none;
  display:grid;
  place-items:center;
}

.fs-insights-tabs{
  position:sticky;
  top:109px;
  z-index:24;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--fs-social-border);
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:9px 12px;
  scrollbar-width:none;
}

.fs-insights-tabs::-webkit-scrollbar{
  display:none;
}

.fs-insights-tabs button{
  flex:0 0 auto;
  border:1px solid var(--fs-social-border);
  background:#fff;
  color:#050505;
  border-radius:999px;
  padding:8px 12px;
  font:inherit;
  font-size:13px;
  font-weight:900;
}

.fs-insights-tabs button.is-active{
  background:#050505;
  border-color:#050505;
  color:#fff;
}

.fs-insights-hero{
  padding:18px 14px;
  border-bottom:1px solid var(--fs-social-border);
  background:#fff;
}

.fs-insights-hero span{
  display:block;
  color:var(--fs-social-muted);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:6px;
}

.fs-insights-hero h2{
  margin:0;
  font-size:44px;
  line-height:.95;
  letter-spacing:-.08em;
}

.fs-insights-hero p{
  margin:8px 0 0;
  color:var(--fs-social-muted);
  font-size:14px;
  line-height:1.4;
}

.fs-insights-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-bottom:1px solid var(--fs-social-border);
}

.fs-insights-metrics article{
  padding:14px;
  border-right:1px solid var(--fs-social-border);
  border-bottom:1px solid var(--fs-social-border);
}

.fs-insights-metrics article:nth-child(2n){
  border-right:0;
}

.fs-insights-metrics article:nth-last-child(-n+2){
  border-bottom:0;
}

.fs-insights-metrics span{
  display:block;
  color:var(--fs-social-muted);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.fs-insights-metrics strong{
  display:block;
  margin-top:6px;
  font-size:30px;
  line-height:1;
  letter-spacing:-.06em;
}

.fs-insights-metrics small{
  display:block;
  margin-top:5px;
  color:var(--fs-social-muted);
  font-size:12px;
}

.fs-insights-section{
  padding:16px 14px;
  border-bottom:1px solid var(--fs-social-border);
  background:#fff;
}

.fs-insights-section-head{
  margin-bottom:12px;
}

.fs-insights-section-head.is-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.fs-insights-section-head > span,
.fs-insights-section-head div > span{
  display:block;
  color:var(--fs-social-muted);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:5px;
}

.fs-insights-section-head h2{
  margin:0;
  font-size:21px;
  line-height:1.05;
  letter-spacing:-.05em;
}

.fs-insights-section-head a{
  color:#050505;
  background:#f2f2f2;
  border-radius:999px;
  text-decoration:none;
  padding:8px 12px;
  font-size:13px;
  font-weight:900;
}

.fs-insights-list{
  display:grid;
  gap:0;
  border-top:1px solid var(--fs-social-border);
}

.fs-insights-row{
  color:inherit;
  text-decoration:none;
  padding:13px 0;
  border-bottom:1px solid var(--fs-social-border);
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
}

.fs-insights-row:last-child{
  border-bottom:0;
}

.fs-insights-row strong{
  display:block;
  font-size:14px;
  line-height:1.2;
}

.fs-insights-row p{
  margin:4px 0 0;
  color:var(--fs-social-muted);
  font-size:12px;
  line-height:1.35;
}

.fs-insights-row > span{
  min-width:42px;
  border-radius:999px;
  background:#f2f2f2;
  color:#050505;
  padding:7px 9px;
  text-align:center;
  font-size:12px;
  font-weight:900;
}

.fs-insights-empty{
  padding:18px 0;
}

.fs-insights-empty strong{
  display:block;
  font-size:14px;
}

.fs-insights-empty p{
  margin:5px 0 0;
  color:var(--fs-social-muted);
  font-size:13px;
  line-height:1.4;
}

.fs-insights-links{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid var(--fs-social-border);
}

.fs-insights-links a{
  min-height:56px;
  color:#050505;
  text-decoration:none;
  display:grid;
  place-items:center;
  align-content:center;
  gap:4px;
  border-right:1px solid var(--fs-social-border);
  font-size:11px;
  font-weight:800;
}

.fs-insights-links a:last-child{
  border-right:0;
}

.fs-insights-links i{
  font-size:17px;
}

@media (min-width:760px){
  .fs-insights-head,
  .fs-insights-tabs{
    max-width:638px;
  }
}

@media (max-width:520px){
  .fs-insights-head p{
    display:none;
  }

  .fs-insights-hero h2{
    font-size:40px;
  }
}
/* =========================================================
   Return From Checkout
   ========================================================= */

.fs-return-shell{
  min-height:100dvh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:#fff;
}

.fs-return-card{
  width:100%;
  max-width:360px;
  text-align:center;
}

.fs-return-spinner{
  width:56px;
  height:56px;
  margin:0 auto 24px;
  border-radius:999px;
  border:3px solid #ececec;
  border-top-color:#050505;
  animation:sfSpin .8s linear infinite;
}

.fs-return-card h1{
  margin:0;
  font-size:32px;
  line-height:1.05;
  letter-spacing:-.06em;
}

.fs-return-card p{
  margin:12px 0 0;
  color:var(--fs-social-muted);
  font-size:15px;
  line-height:1.5;
}

.fs-return-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:48px;
  margin-top:28px;
  border-radius:999px;
  background:#050505;
  color:#fff;
  text-decoration:none;
  font-size:15px;
  font-weight:800;
}

/* =========================================================
   Buyer Profile
   ========================================================= */

.fs-buyer-profile-shell{
  min-height:100dvh;
  background:#fff;
  padding-bottom:calc(90px + env(safe-area-inset-bottom));
}

.fs-buyer-profile-hero{
  padding:24px 14px 18px;
  border-bottom:1px solid var(--fs-social-border);
  text-align:center;
}

.fs-buyer-profile-avatar{
  width:92px;
  height:92px;
  margin:0 auto 14px;
  border-radius:999px;
  background:#f2f2f2;
  border:1px solid var(--fs-social-border);
  display:grid;
  place-items:center;
  font-size:36px;
  font-weight:900;
}

.fs-buyer-profile-hero h1{
  margin:0;
  font-size:28px;
  line-height:1.05;
  letter-spacing:-.06em;
}

.fs-buyer-profile-hero p{
  margin:8px auto 0;
  max-width:330px;
  color:var(--fs-social-muted);
  font-size:14px;
  line-height:1.45;
}

.fs-buyer-profile-stats{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid var(--fs-social-border);
  border-radius:18px;
  overflow:hidden;
}

.fs-buyer-profile-stats a{
  min-height:72px;
  color:#050505;
  text-decoration:none;
  display:grid;
  place-items:center;
  align-content:center;
  gap:4px;
  border-right:1px solid var(--fs-social-border);
}

.fs-buyer-profile-stats a:last-child{
  border-right:0;
}

.fs-buyer-profile-stats strong{
  font-size:22px;
  line-height:1;
  letter-spacing:-.04em;
}

.fs-buyer-profile-stats span{
  color:var(--fs-social-muted);
  font-size:12px;
  font-weight:800;
}

.fs-buyer-profile-section{
  padding:16px 14px;
  border-bottom:1px solid var(--fs-social-border);
}

.fs-buyer-profile-section-head{
  margin-bottom:12px;
}

.fs-buyer-profile-section-head span{
  display:block;
  color:var(--fs-social-muted);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:5px;
}

.fs-buyer-profile-section-head h2{
  margin:0;
  font-size:21px;
  line-height:1.05;
  letter-spacing:-.05em;
}

.fs-buyer-profile-list,
.fs-buyer-profile-orders{
  display:grid;
  gap:0;
  border-top:1px solid var(--fs-social-border);
}

.fs-buyer-profile-list a{
  color:inherit;
  text-decoration:none;
  padding:13px 0;
  border-bottom:1px solid var(--fs-social-border);
  display:grid;
  grid-template-columns:38px 1fr auto;
  gap:11px;
  align-items:center;
}

.fs-buyer-profile-list a:last-child,
.fs-buyer-profile-orders a:last-child{
  border-bottom:0;
}

.fs-buyer-profile-list i:first-child{
  width:38px;
  height:38px;
  border-radius:999px;
  background:#f2f2f2;
  display:grid;
  place-items:center;
  color:#050505;
}

.fs-buyer-profile-list strong,
.fs-buyer-profile-orders strong{
  display:block;
  font-size:14px;
  line-height:1.2;
}

.fs-buyer-profile-list p,
.fs-buyer-profile-orders p{
  margin:4px 0 0;
  color:var(--fs-social-muted);
  font-size:12px;
  line-height:1.35;
}

.fs-buyer-profile-list > a > span{
  color:var(--fs-social-muted);
  font-size:12px;
}

.fs-buyer-profile-orders a{
  color:inherit;
  text-decoration:none;
  padding:13px 0;
  border-bottom:1px solid var(--fs-social-border);
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
}

.fs-buyer-profile-orders > a > span{
  font-size:14px;
  font-weight:900;
}

.fs-buyer-profile-empty{
  border:1px solid var(--fs-social-border);
  border-radius:16px;
  padding:18px;
  text-align:center;
}

.fs-buyer-profile-empty strong{
  display:block;
  font-size:14px;
}

.fs-buyer-profile-empty p{
  margin:5px 0 0;
  color:var(--fs-social-muted);
  font-size:13px;
  line-height:1.4;
}

.fs-buyer-profile-edit-form{
  display:grid;
  gap:14px;
}

.fs-buyer-profile-edit-form label{
  display:grid;
  gap:7px;
}

.fs-buyer-profile-edit-form label span{
  font-size:13px;
  font-weight:900;
}

.fs-buyer-profile-edit-form input{
  width:100%;
  border:1px solid var(--fs-social-border);
  border-radius:14px;
  background:#fff;
  color:#050505;
  padding:12px 13px;
  font:inherit;
  font-size:15px;
  outline:none;
}

.fs-buyer-profile-edit-form input:focus{
  border-color:#050505;
}

.fs-buyer-profile-edit-form button{
  min-height:46px;
  border:0;
  border-radius:999px;
  background:#050505;
  color:#fff;
  font:inherit;
  font-size:15px;
  font-weight:900;
}

.fs-inbox-row.is-filter-hidden,
.fs-inbox-group.is-filter-hidden{
  display:none !important;
}

.fs-seller-inbox-row.is-filter-hidden,
.fs-seller-inbox-group.is-filter-hidden{
  display:none !important;
}


.sf-sheet-divider{
  height:1px;
  background:var(--sf-border,#e8e8e8);
  margin:10px 0;
}

.sf-sheet-label + .sf-sheet-row{
  padding-left:28px;
}

.sf-sheet-label + .sf-sheet-row::before{
  content:"↳";
  margin-right:10px;
  color:#8a8f98;
}

.fs-store-follow-btn{
  min-height:40px;
  padding:0 16px;
  border:1px solid var(--fs-social-border);
  border-radius:999px;
  background:#050505;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font:inherit;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
}

.fs-store-follow-btn.is-following{
  background:#fff;
  color:#050505;
}

.fs-following-shell{
  min-height:100dvh;
  background:#fff;
  padding-bottom:calc(90px + env(safe-area-inset-bottom));
}

.fs-following-head{
  position:sticky;
  top:52px;
  z-index:20;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--fs-social-border);
  padding:16px 14px;
}

.fs-following-head h1{
  margin:0;
  font-size:28px;
  line-height:1;
  letter-spacing:-.06em;
}

.fs-following-head p{
  margin:5px 0 0;
  color:var(--fs-social-muted);
  font-size:13px;
}

.fs-following-list{
  display:grid;
}

.fs-following-card{
  color:inherit;
  text-decoration:none;
  display:grid;
  grid-template-columns:52px 1fr auto;
  gap:12px;
  align-items:center;
  padding:14px;
  border-bottom:1px solid var(--fs-social-border);
}

.fs-following-logo{
  width:52px;
  height:52px;
  border-radius:999px;
  background:#f2f2f2;
  overflow:hidden;
  display:grid;
  place-items:center;
  font-size:20px;
  font-weight:900;
}

.fs-following-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.fs-following-card strong{
  display:block;
  font-size:15px;
}

.fs-following-card p{
  margin:4px 0 0;
  color:var(--fs-social-muted);
  font-size:13px;
  line-height:1.35;
}

.fs-following-card small{
  display:block;
  margin-top:5px;
  color:var(--fs-social-muted);
  font-size:11px;
  font-weight:800;
}

.fs-following-card > i{
  color:var(--fs-social-muted);
  font-size:12px;
}

.fs-following-empty{
  min-height:60dvh;
  display:grid;
  place-items:center;
  align-content:center;
  gap:9px;
  text-align:center;
  padding:40px 24px;
}

.fs-following-empty i{
  font-size:34px;
}

.fs-following-empty h2{
  margin:0;
  font-size:22px;
  letter-spacing:-.05em;
}

.fs-following-empty p{
  margin:0;
  color:var(--fs-social-muted);
  font-size:14px;
}

.fs-following-empty a{
  margin-top:10px;
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  background:#050505;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:900;
}