body[data-category="barter"]{
  --barter-accent: var(--accent, #8b5cf6);
  --barter-accent-2: var(--accent2, #f59e0b);
  --barter-bg-soft: rgba(12, 18, 32, 0.72);
  --barter-panel: rgba(16, 24, 40, 0.76);
  --barter-panel-strong: rgba(12, 18, 32, 0.9);
  --barter-border: rgba(255,255,255,.12);
  --barter-border-strong: rgba(255,255,255,.18);
  --barter-text: rgba(245,247,255,.98);
  --barter-muted: rgba(214,220,240,.78);
  --barter-shadow: 0 28px 72px rgba(0,0,0,.28);
}

:root[data-theme="light"] body[data-category="barter"]{
  --barter-bg-soft: rgba(255, 255, 255, 0.86);
  --barter-panel: rgba(255, 255, 255, 0.92);
  --barter-panel-strong: rgba(255, 255, 255, 0.98);
  --barter-border: rgba(15, 23, 42, .10);
  --barter-border-strong: rgba(15, 23, 42, .16);
  --barter-text: rgba(16, 24, 40, .96);
  --barter-muted: rgba(71, 85, 105, .92);
  --barter-shadow: 0 20px 54px rgba(15, 23, 42, .10);
}

body[data-category="barter"] .page,
body[data-category="barter"] main,
body[data-category="barter"] .appShell{
  color: var(--barter-text);
}

body[data-category="barter"] > main.container{
  width: min(calc(100% - 28px), 1480px) !important;
  max-width: 1480px !important;
  margin: 0 auto !important;
  padding: 6px 0 30px !important;
}

.barterPage{
  width: 100%;
  max-width: 100%;
  margin: 26px auto 48px;
  display: grid;
  gap: 18px;
  color: var(--barter-text);
}

.barterPage,
.barterPage > *,
.barterPage .card,
.barterPage .card > *,
.barterPage form,
.barterPage label,
.barterPage [class*="__"]{
  min-width: 0;
}

.barterPage h1,
.barterPage h2,
.barterPage h3,
.barterPage p,
.barterPage a,
.barterPage span,
.barterPage strong,
.barterPage small,
.barterPage button,
.barterPage label{
  overflow-wrap: anywhere;
  word-break: break-word;
}

.barterPage .card,
.barterPage .notice{
  border: 1px solid var(--barter-border);
  background: linear-gradient(180deg, var(--barter-panel), var(--barter-panel-strong));
  box-shadow: var(--barter-shadow);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.barterPage h1,
.barterPage h2,
.barterPage h3,
.barterPage strong{
  color: var(--barter-text);
}

.barterPage .muted,
.barterPage .homeSection__eyebrow,
.barterPage p,
.barterPage label span,
.barterPage small,
.barterPage .barterDetailHero__eyebrow,
.barterPage .barterCard__eyebrow,
.barterPage .barterMetric span{
  color: var(--barter-muted);
}

.barterHero,
.barterDetailHero,
.barterPublishDone,
.barterWizardHead{
  position: relative;
  overflow: hidden;
}

.barterHero::before,
.barterDetailHero::before,
.barterPublishDone::before,
.barterWizardHead::before{
  content: "";
  position: absolute;
  inset: -20% auto auto -10%;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(139,92,246,.22), rgba(139,92,246,0));
  pointer-events: none;
}

.barterHero::after,
.barterDetailHero::after,
.barterPublishDone::after,
.barterWizardHead::after{
  content: "";
  position: absolute;
  inset: auto -4% -28% auto;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(245,158,11,.20), rgba(245,158,11,0));
  pointer-events: none;
}

.barterHero,
.barterHero--compact{
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(260px, .9fr);
  gap: 18px;
  padding: 22px 24px;
  border-radius: 28px;
}

.barterHero--compact{
  grid-template-columns: minmax(0, 1.3fr) auto;
  align-items: center;
}

.barterHero__copy,
.barterHero__stats,
.barterHero__actions,
.barterHero__stats--wallet{
  position: relative;
  z-index: 1;
}

.barterHero h1,
.barterDetailHero h1,
.barterPublishDone h1,
.barterWizardHead h1{
  margin: 6px 0 10px;
  font-size: clamp(1.9rem, 4vw, 3rem);
  line-height: 1.06;
  letter-spacing: -.03em;
}

.barterHero__actions,
.barterWizardActions,
.barterDetailHero__actionRow,
.barterManageCard__actions,
.barterCard__footer,
.barterActionStrip{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.barterCard__footer{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.barterCard__footer .barterBtn{
  width: 100%;
  justify-content: center;
  min-height: 46px;
}

.barterHero__actions{
  margin-top: 18px;
}

.barterHero__stats{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-content: center;
}

.barterHero__stats--wallet{
  justify-items: end;
  align-content: space-between;
}

.barterMetric{
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--barter-border);
}

:root[data-theme="light"] .barterMetric{
  background: rgba(248, 250, 252, .88);
}

.barterMetric strong{
  font-size: 1.3rem;
  line-height: 1;
}

.barterQuickSearch,
.barterUploadBox,
.barterBoostBox,
.barterPreviewCard,
.barterPublishCheck,
.barterSellerCard,
.barterTradeForm,
.barterSummary,
.barterCopyCard,
.barterEmptyState,
.barterManageCard,
.barterWizardForm,
.barterLightbox{
  border-radius: 24px;
}

.barterQuickSearch{
  padding: 20px 22px;
  overflow: hidden;
}

.barterFilters,
.barterFilters--inline,
.barterFieldGrid,
.barterFieldGrid--two,
.barterFieldGrid--inline,
.barterCheckGrid,
.barterBoostBox__grid,
.barterManageList,
.barterGrid,
.barterMediaGrid,
.barterSummary__cards,
.barterSummary__meta,
.barterDetailGrid,
.barterWizardMediaLayout,
.barterPager{
  display: grid;
  gap: 14px;
}

.barterFilters{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
}

.barterFilters--inline{
  grid-template-columns: minmax(220px, 1.2fr) repeat(2, minmax(180px, .9fr)) repeat(2, minmax(170px, .84fr)) minmax(160px, auto);
  align-items: end;
}

.barterQuickSearch .barterFilters--inline > *{
  min-width: 0;
}

.barterQuickSearch .barterCheck--inline{
  padding-inline: 16px;
  margin-top: 2px;
}

.barterQuickSearch .barterCheck--inline span{
  white-space: normal;
}

.barterQuickSearch .barterFilters--inline > label,
.barterQuickSearch .barterFilters--inline > .barterCheck,
.barterQuickSearch .barterFilters--inline > button{
  width: 100%;
}

.barterQuickSearch .barterBtn{
  align-self: end;
  justify-content: center;
  min-height: 50px;
  white-space: nowrap;
  box-shadow: 0 18px 34px rgba(139,92,246,.24);
}

.barterFilters label,
.barterFieldGrid label,
.barterTradeForm__form label,
.barterBoostInline label{
  display: grid;
  gap: 7px;
  min-width: 0;
}

.barterCheck,
.barterCheck--inline,
.barterCheck--card{
  display: flex !important;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 12px;
  border-radius: 16px;
  border: 1px solid var(--barter-border);
  background: rgba(255,255,255,.03);
}

.barterCheck input,
.barterCheckGrid input,
.barterBoostChoice input,
.barterMediaItem input{
  accent-color: var(--barter-accent);
}

.barterCheckGrid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.barterFieldGrid{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.barterFieldGrid--two,
.barterWizardMediaLayout,
.barterDetailHero__grid,
.barterDetailGrid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.barterFieldGrid--inline{
  grid-template-columns: 1.1fr .7fr .7fr;
}

.barterPage input[type="text"],
.barterPage input[type="search"],
.barterPage input[type="number"],
.barterPage select,
.barterPage textarea,
.barterPage input[type="file"]{
  width: 100%;
  min-width: 0;
  border-radius: 16px;
  border: 1px solid var(--barter-border-strong);
  background: rgba(5, 8, 20, .42);
  color: var(--barter-text);
  padding: 13px 14px;
  box-sizing: border-box;
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

:root[data-theme="light"] .barterPage input[type="text"],
:root[data-theme="light"] .barterPage input[type="search"],
:root[data-theme="light"] .barterPage input[type="number"],
:root[data-theme="light"] .barterPage select,
:root[data-theme="light"] .barterPage textarea,
:root[data-theme="light"] .barterPage input[type="file"]{
  background: rgba(255,255,255,.96);
}

.barterPage input:focus,
.barterPage select:focus,
.barterPage textarea:focus{
  border-color: rgba(139,92,246,.9);
  box-shadow: 0 0 0 4px rgba(139,92,246,.16);
}

.barterPage textarea{
  min-height: 144px;
  resize: vertical;
}

.barterBtn,
.barterActionBtn,
.barterSectionHead__link,
.barterPager__link{
  border-radius: 999px;
  border: 1px solid transparent;
  padding: 11px 16px;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

.barterBtn:hover,
.barterActionBtn:hover,
.barterSectionHead__link:hover,
.barterPager__link:hover{
  transform: translateY(-1px);
}

.barterBtn.btn--primary,
.barterActionBtn:not(.barterActionBtn--ghost){
  background: linear-gradient(135deg, var(--barter-accent), var(--barter-accent-2));
  color: #fff;
  box-shadow: 0 18px 36px rgba(139,92,246,.26);
}

.barterBtn--ghost,
.barterActionBtn--ghost,
.barterSectionHead__link,
.barterPager__link{
  border-color: var(--barter-border-strong);
  background: rgba(255,255,255,.05);
  color: var(--barter-text);
}

:root[data-theme="light"] .barterBtn--ghost,
:root[data-theme="light"] .barterActionBtn--ghost,
:root[data-theme="light"] .barterSectionHead__link,
:root[data-theme="light"] .barterPager__link{
  background: rgba(255,255,255,.90);
}

.barterBtn--full{
  width: 100%;
  justify-content: center;
}

.barterInlineForm{
  display: inline-flex;
  margin: 0;
  min-width: 0;
}

.barterActionStrip .barterInlineForm,
.barterHero__actions .barterInlineForm,
.barterDetailHero__actionRow .barterInlineForm{
  max-width: 100%;
}

.barterActionStrip{
  align-items: stretch;
}

.barterSectionHead{
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
}
.barterShortsSection{display:grid;gap:16px;padding:22px;border-radius:28px;}
.barterShortsSection__head{display:flex;align-items:end;justify-content:space-between;gap:16px;}
.barterShortRail{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 6px;scroll-snap-type:x mandatory;}
.barterShortsEmpty{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-radius:22px;border:1px dashed var(--barter-border-strong);background:rgba(255,255,255,.03);}
.barterShortCard{min-width:min(300px,82vw);scroll-snap-align:start;overflow:hidden;border-radius:24px;border:1px solid var(--barter-border);background:linear-gradient(180deg,var(--barter-panel),var(--barter-panel-strong));box-shadow:var(--barter-shadow);}
.barterShortCard__media{position:relative;display:block;aspect-ratio:9/16;background:rgba(255,255,255,.06);overflow:hidden;}
.barterShortCard__media video,.barterShortCard__media img,.barterShortPreview__media video,.barterShortPreview__media img{width:100%;height:100%;object-fit:cover;display:block;}
.barterShortCard__placeholder,.barterShortPreview__placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(245,158,11,.16));}
.barterShortCard__badge,.barterShortPreview__badge,.barterShortCard__price,.barterShortCard__stats{position:absolute;left:12px;right:auto;z-index:2;display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(8,12,24,.70);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:.78rem;}
.barterShortCard__badge,.barterShortPreview__badge{top:12px;}
.barterShortCard__price{right:12px;left:auto;top:12px;}
.barterShortCard__stats{left:12px;right:12px;bottom:12px;justify-content:center;background:linear-gradient(180deg,rgba(8,12,24,.58),rgba(8,12,24,.82));}
.barterShortCard__body{display:grid;gap:8px;padding:14px 16px 16px;}
.barterShortCard__title{color:var(--barter-text);font-weight:700;text-decoration:none;}
.barterShortCard__body p,.barterShortCard__body span{margin:0;color:var(--barter-muted);font-size:.92rem;}
.barterShortPreview{display:grid;gap:14px;padding:18px;border-radius:24px;border:1px solid var(--barter-border);background:rgba(255,255,255,.04);}
.barterShortPreview__head{display:flex;align-items:start;justify-content:space-between;gap:14px;}
.barterShortPreview__head h2{margin:4px 0 0;font-size:1.15rem;}
.barterShortPreview__media{position:relative;display:block;overflow:hidden;border-radius:22px;aspect-ratio:16/9;background:rgba(255,255,255,.05);}

.barterGrid{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.barterCard,
.barterManageCard{
  overflow: hidden;
  background: linear-gradient(180deg, var(--barter-panel), var(--barter-panel-strong));
  border: 1px solid var(--barter-border);
  box-shadow: var(--barter-shadow);
}

.barterCard{
  border-radius: 24px;
}

.barterCard__media,
.barterManageCard__media{
  position: relative;
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: rgba(255,255,255,.06);
}

.barterCard__media::after,
.barterManageCard__media::after{
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 34%;
  background: linear-gradient(180deg, rgba(8, 12, 24, 0), rgba(8, 12, 24, .78));
  pointer-events: none;
}

.barterCard__media img,
.barterManageCard__media img,
.barterGallery__main img,
.barterGallery__thumb img,
.barterMediaItem img,
.barterSellerCard__avatar{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.barterCard__mediaPlaceholder,
.barterSellerCard__avatar--placeholder{
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(139,92,246,.16), rgba(245,158,11,.18));
  color: var(--barter-text);
}

.barterCard__body,
.barterManageCard__body{
  display: grid;
  gap: 12px;
  padding: 18px;
}

.barterCard__body h3,
.barterManageCard__body h3{
  margin: 0;
  font-size: 1.08rem;
  line-height: 1.28;
}

.barterCard__body h3 a,
.barterManageCard__body h3 a{
  color: inherit;
  text-decoration: none;
}

.barterCard__metaRow{
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.barterCard__swap,
.barterPublishDone__meta,
.barterSummary__meta,
.barterManageCard__meta{
  display: grid;
  gap: 10px;
}

.barterCard__swap{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.barterCard__swap > div,
.barterPublishDone__meta > div,
.barterSummary__meta > div{
  display: grid;
  gap: 4px;
  padding: 12px 13px;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--barter-border);
}

.barterCard__value{
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(139,92,246,.10);
  border: 1px solid rgba(139,92,246,.24);
  font-size: .86rem;
  font-weight: 700;
  white-space: nowrap;
}

.barterCard__badges,
.barterDetailHero__badges,
.barterActionStrip,
.barterSummary__cards,
.barterBoostBox__grid,
.barterStepNav,
.barterModeStrip{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.barterCard__badges{
  position: absolute;
  left: 12px;
  right: 12px;
  top: 12px;
  z-index: 2;
  gap: 6px;
}

.barterCard__count{
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(10,14,26,.74);
  border: 1px solid rgba(255,255,255,.16);
  font-size: .82rem;
}

.barterBadge,
.barterModeChip,
.barterBoostChoice,
.barterStepNav span,
.barterPager__current{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid var(--barter-border-strong);
  background: rgba(255,255,255,.06);
  color: var(--barter-text);
  font-size: .92rem;
}

.barterBadge--trade,
.barterBoostChoice.is-active,
.barterStepNav .is-active,
.barterModeStrip .is-active,
.barterPublishCheck.is-ready{
  background: linear-gradient(135deg, rgba(139,92,246,.24), rgba(245,158,11,.22));
  border-color: rgba(245,158,11,.45);
}

.barterBadge--soft,
.barterBadge--muted,
.barterBadge--docs{
  background: rgba(255,255,255,.05);
}

.barterBadge--boost{
  background: rgba(245,158,11,.18);
  border-color: rgba(245,158,11,.34);
}

.barterDetailHero{
  padding: 24px;
  display: grid;
  gap: 18px;
  border-radius: 32px;
}

.barterDetailHero__top{
  display: grid;
  gap: 10px;
}

.barterDetailHero__mediaColumn{
  display: grid;
  gap: 14px;
}

.barterGallery{
  display: grid;
  gap: 12px;
}

.barterGallery__main{
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  border: 1px solid var(--barter-border);
  border-radius: 26px;
  overflow: hidden;
  background: rgba(255,255,255,.05);
  min-height: 0;
  max-height: 430px;
  padding: 0;
  cursor: zoom-in;
}

.barterGallery__main.is-empty,
.barterGallery__empty{
  display: grid;
  place-items: center;
  min-height: 300px;
}

.barterGallery__main img{
  width: 100%;
  height: 100%;
  min-height: 300px;
  max-height: 430px;
  object-fit: contain;
  object-position: center;
  display: block;
  background: rgba(255,255,255,.04);
}

.barterGallery__overlay{
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.barterGallery__tools{
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.barterGallery__counter,
.barterGallery__tool,
.barterGallery__nav{
  pointer-events: auto;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(7, 12, 24, .62);
  color: #fff;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.barterGallery__counter,
.barterGallery__tool{
  padding: 7px 12px;
  font-size: .88rem;
}

.barterGallery__counter{
  position: absolute;
  left: 12px;
  bottom: 12px;
}

.barterGallery__nav{
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}

.barterGallery__nav--prev{ left: 12px; }
.barterGallery__nav--next{ right: 12px; }

.barterGallery__thumbs{
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.barterGallery__thumb{
  padding: 0;
  border-radius: 16px;
  overflow: hidden;
  border: 2px solid transparent;
  aspect-ratio: 1;
  background: rgba(255,255,255,.05);
  cursor: pointer;
}

.barterGallery__thumb.is-active{
  border-color: var(--barter-accent-2);
  box-shadow: 0 0 0 4px rgba(139,92,246,.12);
}

.barterGallery__thumb--more{
  display: grid;
  place-items: center;
  padding: 10px;
  font-size: .86rem;
  color: var(--barter-text);
}

.barterSummary,
.barterSidebar,
.barterTradeForm,
.barterSellerCard,
.barterCopyCard,
.barterUploadBox,
.barterBoostBox,
.barterPreviewCard,
.barterPublishCheck{
  padding: 18px;
}

.barterSummary{
  display: grid;
  gap: 16px;
  padding: 22px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(10,14,28,.92), rgba(16,24,40,.88));
  border: 1px solid var(--barter-border-strong);
}

:root[data-theme="light"] .barterSummary{
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96));
}

.barterSummary__ctaStack{
  display: grid;
  gap: 12px;
}

.barterSummary__ctaStack .barterBtn{
  width: 100%;
  min-height: 54px;
  justify-content: center;
  font-weight: 700;
}

.barterBtn--heroPrimary{
  box-shadow: 0 20px 42px rgba(139,92,246,.28);
}

.barterBtn--heroSecondary{
  border-color: rgba(139,92,246,.26);
  background: rgba(255,255,255,.05);
}

.barterSummary__actionGrid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.barterSummary__actionGrid .barterInlineForm,
.barterSummary__actionGrid .inline-follow-form,
.barterSummary__actionGrid > button,
.barterSummary__actionGrid > a{
  width: 100%;
  min-width: 0;
}

.barterSummary__actionGrid .barterInlineForm button,
.barterSummary__actionGrid .inline-follow-form button,
.barterSummary__actionGrid > button,
.barterSummary__actionGrid > a{
  width: 100%;
}

.barterActionBtn--pill{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 46px;
  padding-inline: 14px;
}

.barterSummary__cards{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.barterSummary__meta{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.barterSummary__meta > div{
  min-height: 78px;
  align-content: start;
  border-radius: 18px;
  background: rgba(255,255,255,.04);
}

.barterSummary__meta > div:last-child{
  grid-column: 1 / -1;
}

#trade-offer{
  scroll-margin-top: 112px;
}

.barterTradeForm.is-highlighted{
  box-shadow: 0 0 0 3px rgba(139,92,246,.18), var(--barter-shadow);
}

.barterSwapCard{
  display: grid;
  gap: 6px;
  padding: 15px;
  min-width: 0;
  border-radius: 20px;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--barter-border);
}

.barterSwapCard--accent{
  background: linear-gradient(180deg, rgba(139,92,246,.13), rgba(245,158,11,.12));
}

.barterSwapCard__label,
.barterPreviewCard__eyebrow,
.barterDetailHero__eyebrow{
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .78rem;
}

.barterSummary__meta,
.barterPublishDone__meta{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 12px;
}

.barterCopyCard__head,
.barterBoostBox__head,
.barterManageCard__head{
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
  margin-bottom: 10px;
}

.barterDetailHero__grid{
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr);
  gap: 18px;
  align-items: start;
}

.barterDetailGrid{
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
  align-items: start;
}

.barterDetailMain,
.barterSidebar{
  display: grid;
  gap: 16px;
}

.barterSellerCard__row{
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.barterSellerCard__avatar{
  width: 64px;
  height: 64px;
  border-radius: 18px;
}

.barterTradeForm__form{
  display: grid;
  gap: 12px;
}

.barterTradeForm__form select,
.barterTradeForm__form textarea{
  min-width: 0;
}

.barterLightbox{
  position: fixed;
  inset: 0;
  z-index: 9999;
  padding: 22px;
  display: grid;
  place-items: center;
  background: rgba(4, 8, 20, .82);
}

.barterLightbox[hidden]{
  display: none;
}

.barterLightbox__image{
  max-width: min(92vw, 1280px);
  max-height: 88vh;
  border-radius: 24px;
  box-shadow: 0 30px 100px rgba(0,0,0,.45);
}

.barterLightbox__close{
  position: absolute;
  top: 16px;
  right: 16px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(8, 12, 24, .66);
  color: #fff;
  font-size: 1.45rem;
}

.barterManageList{
  gap: 16px;
}

.barterManageCard{
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 0;
  border-radius: 28px;
}

.barterManageCard__meta{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.barterBoostInline{
  display: grid;
  gap: 12px;
  margin-top: 6px;
  padding-top: 12px;
  border-top: 1px solid var(--barter-border);
}

.barterManageCard__boostMeta{
  color: var(--barter-muted);
  font-size: .92rem;
}

.barterWizardForm{
  padding: 22px;
}

.barterWizardHead,
.barterPublishDone{
  padding: 22px;
}

.barterErrors,
.barterFlashStack{
  display: grid;
  gap: 10px;
}

.barterUploadBox,
.barterBoostBox,
.barterPreviewCard,
.barterPublishCheck{
  display: grid;
  gap: 12px;
}

.barterMediaGrid{
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  margin-top: 14px;
}

.barterMediaItem{
  position: relative;
  display: grid;
  gap: 0;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid var(--barter-border);
  background: rgba(255,255,255,.05);
}

.barterMediaItem img{
  aspect-ratio: 4 / 3;
}

.barterMediaItem__tools,
.barterMediaItem__delete{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  font-size: .9rem;
}

.barterMediaItem__tools{
  border-top: 1px solid var(--barter-border);
}

.barterMediaItem__delete{
  background: rgba(255,255,255,.03);
}

.barterPreviewCard__meta{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.barterBoostBox__grid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.barterBoostChoice{
  justify-content: flex-start;
  min-height: 84px;
  border-radius: 20px;
  padding: 14px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 8px 10px;
  cursor: pointer;
}

.barterBoostChoice strong,
.barterBoostChoice span{
  grid-column: 2;
}

.barterBoostChoice input{
  margin-top: 3px;
}

.barterPublishCheck ul{
  margin: 0;
  padding-left: 18px;
  color: var(--barter-muted);
}

.barterPublishDone__meta{
  margin: 18px 0;
}

.barterPager{
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
}

.barterPager__current{
  justify-self: center;
}

.barterActionBtn[data-shared="true"]{
  border-color: rgba(52, 211, 153, .45);
  background: rgba(52, 211, 153, .12);
}

@media (max-width: 1180px){
  .barterGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .barterManageCard{ grid-template-columns: 210px minmax(0, 1fr); }
  .barterFilters,
  .barterFieldGrid,
  .barterFieldGrid--inline{ grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .barterFilters--inline{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px){
  .barterHero,
  .barterHero--compact,
  .barterDetailHero__grid,
  .barterDetailGrid,
  .barterFieldGrid--two,
  .barterWizardMediaLayout,
  .barterSummary__meta,
  .barterPublishDone__meta,
  .barterManageCard,
  .barterManageCard__meta,
  .barterCard__swap,
  .barterBoostBox__grid,
  .barterCheckGrid,
  .barterSummary__cards,
  .barterSummary__actionGrid,
  .barterCard__footer{
    grid-template-columns: 1fr;
  }

  .barterDetailHero__top,
  .barterSectionHead,
  .barterShortsSection__head,
  .barterShortPreview__head,
  .barterCopyCard__head,
  .barterBoostBox__head,
  .barterManageCard__head{
    flex-direction: column;
    align-items: start;
  }

  .barterHero__stats--wallet{
    justify-items: start;
  }
}

@media (max-width: 680px){
  body[data-category="barter"] > main.container{
    width: 100% !important;
    padding: 6px 9px 24px !important;
  }

  .barterPage{
    width: 100%;
    margin: 18px auto 34px;
  }

  .barterGrid,
  .barterFilters,
  .barterFilters--inline,
  .barterFieldGrid,
  .barterFieldGrid--inline,
  .barterMediaGrid,
  .barterModeCards,
  .barterSummary__actionGrid{
    grid-template-columns: 1fr;
  }

  .barterHero,
  .barterHero--compact,
  .barterDetailHero,
  .barterWizardForm,
  .barterPublishDone,
  .barterWizardHead,
  .barterSummary,
  .barterTradeForm,
  .barterSellerCard,
  .barterCopyCard,
  .barterUploadBox,
  .barterBoostBox,
  .barterPreviewCard,
  .barterPublishCheck{
    padding: 16px;
    border-radius: 22px;
  }

  .barterLightbox{
    padding: 12px;
  }

  .barterLightbox__image{
    max-width: 100%;
    max-height: 84vh;
    border-radius: 18px;
  }

  .barterLightbox__close{
    top: 10px;
    right: 10px;
  }

  .barterGallery__thumbs{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .barterGallery__main{
    max-height: none;
  }

  .barterGallery__main img{
    min-height: 220px;
    max-height: none;
  }
}

.barterModeChooser{display:grid;gap:14px;padding:18px;border:1px solid var(--barter-border);border-radius:24px;background:rgba(255,255,255,.04);margin:0 0 18px;}
.barterModeChooser__head h2{margin:0 0 6px;font-size:1.05rem;}
.barterModeCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.barterModeOption{display:grid;gap:10px;padding:16px;border-radius:20px;border:1px solid var(--barter-border);background:rgba(255,255,255,.03);min-width:0;}
.barterModeOption strong{font-size:1rem;}
.barterModeOption.is-active{border-color:rgba(245,158,11,.42);background:linear-gradient(180deg,rgba(139,92,246,.14),rgba(245,158,11,.10));box-shadow:0 18px 34px rgba(139,92,246,.10);}
.barterModeOption p{margin:0;}
/* Barter 100% trade-offer layer */
.barterBadge--cash{border-color:rgba(245,158,11,.42);background:rgba(245,158,11,.12);}
.barterBadge--hot{border-color:rgba(239,68,68,.42);background:rgba(239,68,68,.12);}
.barterBadge--completed,.barterBadge--accepted{border-color:rgba(34,197,94,.42);background:rgba(34,197,94,.12);}
.barterBadge--cancel_requested{border-color:rgba(245,158,11,.42);background:rgba(245,158,11,.12);}
.barterBadge--disputed{border-color:rgba(239,68,68,.5);background:rgba(239,68,68,.14);}
.barterBadge--pending,.barterBadge--countered{border-color:rgba(245,158,11,.42);background:rgba(245,158,11,.12);}
.barterBadge--rejected,.barterBadge--cancelled,.barterBadge--expired{border-color:rgba(148,163,184,.42);background:rgba(148,163,184,.12);}
.barterCard__activity{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;color:var(--barter-muted);font-size:.82rem;}
.barterCard--match{min-width:min(320px,82vw);scroll-snap-align:start;}
.barterTradeMatrix,.barterTradeWorkspace,.barterOwnerOffers,.barterSmartMatches{border-radius:24px;}
.barterTradeMatrix{display:grid;gap:16px;padding:20px;}
.barterTradeMatrix__head,.barterTradeWorkspace__head{display:flex;justify-content:space-between;align-items:start;gap:16px;}
.barterTradeMatrix__grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:stretch;}
.barterTradeMatrix__panel{display:grid;gap:6px;padding:16px;border:1px solid var(--barter-border);border-radius:20px;background:rgba(255,255,255,.04);}
.barterTradeMatrix__panel--wanted{background:linear-gradient(135deg,rgba(139,92,246,.13),rgba(245,158,11,.10));}
.barterTradeMatrix__panel span,.barterOfferCard__eyebrow{color:var(--barter-muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;}
.barterTradeMatrix__panel h3{margin:0;font-size:1.15rem;}
.barterTradeMatrix__arrow{display:grid;place-items:center;width:44px;height:44px;align-self:center;border-radius:999px;background:linear-gradient(135deg,var(--barter-accent),var(--barter-accent-2));color:#fff;font-weight:800;box-shadow:0 14px 34px rgba(139,92,246,.28);}
.barterReputationGrid,.barterTradeWorkspace__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;}
.barterReputationGrid div,.barterTradeWorkspace__stats div{display:grid;gap:3px;padding:10px;border:1px solid var(--barter-border);border-radius:16px;background:rgba(255,255,255,.04);}
.barterReputationGrid strong,.barterTradeWorkspace__stats strong{font-size:1.05rem;}
.barterReputationGrid span,.barterTradeWorkspace__stats span{font-size:.78rem;color:var(--barter-muted);}
.barterTrustedBadge{margin-top:10px;display:inline-flex;padding:7px 10px;border-radius:999px;border:1px solid rgba(34,197,94,.42);background:rgba(34,197,94,.12);font-weight:700;}
.barterTradeForm__split,.barterOfferCounterForm__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.barterTradeForm__split + .barterTradeForm__split{margin-top:10px;}
.barterSmartMatches__rail{display:flex;gap:14px;overflow-x:auto;padding:8px 2px 4px;scroll-snap-type:x mandatory;}
.barterTradeWorkspace{display:grid;gap:18px;padding:20px;}
.barterTradeWorkspace__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;}
.barterTradeWorkspace__columns h3{margin:0 0 10px;}
.barterOfferStack{display:grid;gap:12px;}
.barterOfferCard{display:grid;gap:12px;padding:14px;border:1px solid var(--barter-border);border-radius:20px;background:rgba(255,255,255,.04);}
.barterOfferCard__top{display:flex;justify-content:space-between;gap:12px;align-items:start;}
.barterOfferCard__top h3{margin:3px 0 0;font-size:1rem;}
.barterOfferCard__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.barterOfferCard__grid div{display:grid;gap:3px;padding:10px;border-radius:14px;background:rgba(255,255,255,.04);}
.barterOfferCard__grid strong{font-size:.78rem;color:var(--barter-muted);text-transform:uppercase;letter-spacing:.06em;}
.barterOfferCard__grid a{color:var(--barter-text);font-weight:700;text-decoration:none;}
.barterOfferCard__grid span{color:var(--barter-muted);font-size:.86rem;}
.barterOfferCard__message{margin:0;padding:10px;border-radius:14px;background:rgba(255,255,255,.035);}
.barterOfferCard__message--counter{border:1px solid rgba(245,158,11,.22);}
.barterOfferCard__meta,.barterOfferCard__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--barter-muted);font-size:.82rem;}
.barterOfferCounterForm{display:grid;gap:8px;width:100%;}
.barterOfferCounterForm textarea{min-height:70px;}
.barterEmptyState--compact{padding:14px;border-radius:18px;background:rgba(255,255,255,.04);}
:root[data-theme="light"] .barterTradeMatrix__panel,
:root[data-theme="light"] .barterReputationGrid div,
:root[data-theme="light"] .barterTradeWorkspace__stats div,
:root[data-theme="light"] .barterOfferCard,
:root[data-theme="light"] .barterOfferCard__grid div,
:root[data-theme="light"] .barterOfferCard__message,
:root[data-theme="light"] .barterEmptyState--compact{background:rgba(248,250,252,.88);}
@media (max-width:900px){
  .barterTradeMatrix__head,.barterTradeWorkspace__head,.barterOfferCard__top{flex-direction:column;}
  .barterTradeMatrix__grid,.barterTradeWorkspace__columns,.barterOfferCard__grid,.barterReputationGrid,.barterTradeWorkspace__stats{grid-template-columns:1fr;}
  .barterTradeMatrix__arrow{justify-self:center;transform:rotate(90deg);}
}
@media (max-width:680px){
  .barterTradeForm__split,.barterOfferCounterForm__row{grid-template-columns:1fr;}
}

/* Barter mobile superlative R1 — 2026-08-17 */
.barterMobileDiscovery,
.barterFilterCard__mobileHead,
.barterTradeForm__mobileClose,
.barterMobileActionBar,
.barterMobileManageNav{
  display:none;
}

.barterHomeAdvanced{
  display:contents;
}

.barterHomeAdvanced > summary{
  display:none;
}

.barterHomeAdvanced__grid{
  display:contents;
}

@media (max-width: 760px){
  body[data-category="barter"]{
    --barter-mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
  }

  body[data-category="barter"] > main.container{
    padding-inline:10px !important;
    padding-bottom:calc(24px + var(--barter-mobile-safe-bottom)) !important;
  }

  .barterPage{
    gap:14px;
    margin:12px auto 28px;
  }

  .barterHero,
  .barterHero--compact,
  .barterDetailHero,
  .barterWizardHead,
  .barterWizardForm,
  .barterTradeWorkspace,
  .barterShortsSection{
    border-radius:20px;
  }

  .barterHero,
  .barterHero--compact{
    padding:15px;
    gap:13px;
  }

  .barterHero h1,
  .barterDetailHero h1,
  .barterWizardHead h1,
  .barterPublishDone h1{
    margin-block:4px 8px;
    font-size:clamp(1.55rem, 8vw, 2rem);
    line-height:1.08;
  }

  .barterHero__copy p,
  .barterDetailHero__top p{
    margin-block:0;
  }

  .barterHero__actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:12px;
  }

  .barterHero__actions .barterBtn,
  .barterHero__stats--wallet .barterBtn{
    width:100%;
    min-height:46px;
    justify-content:center;
  }

  .barterHero__stats,
  .barterTradeWorkspace__stats,
  .barterReputationGrid{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(132px, 44vw);
    grid-template-columns:none !important;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    padding:2px 1px 6px;
    gap:8px;
    scrollbar-width:none;
  }

  .barterHero__stats::-webkit-scrollbar,
  .barterTradeWorkspace__stats::-webkit-scrollbar,
  .barterReputationGrid::-webkit-scrollbar,
  .barterGallery__thumbs::-webkit-scrollbar,
  .barterStepNav::-webkit-scrollbar,
  .barterMobileManageNav::-webkit-scrollbar{
    display:none;
  }

  .barterHero__stats > *,
  .barterTradeWorkspace__stats > *,
  .barterReputationGrid > *{
    scroll-snap-align:start;
  }

  .barterMetric{
    min-height:70px;
    padding:11px 12px;
  }

  .barterMetric strong{
    font-size:1.12rem;
  }

  /* Home: one-tap search first, advanced matching only when requested. */
  .barterQuickSearch{
    padding:13px;
    border-radius:20px;
  }

  .barterQuickSearch .barterFilters--inline{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  .barterHomeAdvanced{
    display:block;
    width:100%;
  }

  .barterHomeAdvanced > summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:46px;
    padding:0 13px;
    border:1px solid var(--barter-border-strong);
    border-radius:15px;
    background:rgba(255,255,255,.04);
    color:var(--barter-text);
    cursor:pointer;
    font-weight:700;
    list-style:none;
  }

  .barterHomeAdvanced > summary::-webkit-details-marker{display:none;}
  .barterHomeAdvanced > summary::after{content:"＋";font-size:1.1rem;}
  .barterHomeAdvanced[open] > summary::after{content:"−";}

  .barterHomeAdvanced__grid{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    padding-top:10px;
  }

  /* Search: mobile bottom-sheet filters and concise result toolbar. */
  body.barter-js-ready .barterMobileDiscovery{
    position:sticky;
    top:calc(var(--header-height, 64px) + 6px);
    z-index:52;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:52px;
    padding:7px 9px 7px 13px;
    border:1px solid var(--barter-border-strong);
    border-radius:17px;
    background:color-mix(in srgb, var(--barter-panel-strong) 94%, transparent);
    box-shadow:0 14px 34px rgba(0,0,0,.20);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }

  .barterMobileDiscovery strong{
    font-size:.93rem;
  }

  .barterMobileFilterButton{
    min-height:40px;
    padding:0 14px;
    border:0;
    border-radius:999px;
    background:linear-gradient(135deg,var(--barter-accent),var(--barter-accent-2));
    color:#fff;
    font:inherit;
    font-weight:800;
    white-space:nowrap;
  }

  body.barter-js-ready .barterFilterCard{
    position:fixed;
    z-index:9500;
    left:8px;
    right:8px;
    bottom:8px;
    max-height:min(88dvh, 760px);
    padding:0;
    overflow:hidden;
    border-radius:24px;
    transform:translateY(calc(100% + 24px));
    visibility:hidden;
    opacity:0;
    transition:transform .24s ease, opacity .2s ease, visibility .2s ease;
    box-shadow:0 0 0 100vmax rgba(4,8,20,.58),0 -18px 62px rgba(0,0,0,.34) !important;
  }

  body.barter-js-ready .barterFilterCard.is-open{
    transform:translateY(0);
    visibility:visible;
    opacity:1;
  }

  body.barter-js-ready .barterFilterCard__mobileHead{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:58px;
    padding:10px 12px 8px 16px;
    border-bottom:1px solid var(--barter-border);
  }

  .barterFilterCard__mobileHead strong{
    font-size:1.05rem;
  }

  body.barter-js-ready .barterFilterCard__close,
  body.barter-js-ready .barterTradeForm__mobileClose{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    flex:0 0 42px;
    border:1px solid var(--barter-border-strong);
    border-radius:50%;
    background:rgba(255,255,255,.06);
    color:var(--barter-text);
    font-size:1.35rem;
    line-height:1;
  }

  .barterFilterCard .barterFilters{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    max-height:calc(88dvh - 58px);
    overflow-y:auto;
    padding:12px 13px calc(14px + var(--barter-mobile-safe-bottom));
    overscroll-behavior:contain;
  }

  .barterFilterCard .barterFilters > button[type="submit"]{
    position:sticky;
    bottom:0;
    z-index:2;
    min-height:50px;
    width:100%;
    justify-content:center;
    box-shadow:0 -12px 30px color-mix(in srgb, var(--barter-panel-strong) 82%, transparent),0 16px 34px rgba(139,92,246,.28);
  }

  /* Touch-safe inputs everywhere in Barter. */
  .barterPage input[type="text"],
  .barterPage input[type="search"],
  .barterPage input[type="number"],
  .barterPage select,
  .barterPage textarea,
  .barterPage input[type="file"]{
    min-height:48px;
    font-size:16px;
    border-radius:14px;
    padding:12px 13px;
  }

  .barterPage textarea{min-height:112px;}

  .barterBtn,
  .barterActionBtn,
  .barterSectionHead__link,
  .barterPager__link{
    min-height:44px;
    align-items:center;
    justify-content:center;
  }

  .barterShortsEmpty{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-items:start;
  }

  .barterShortsEmpty > .barterBtn{
    width:100%;
    min-width:0;
    padding-inline:18px;
    justify-content:center;
    text-align:center;
    line-height:1.2;
    white-space:nowrap;
  }

  /* Cards: readable trade equation without turning into a vertical wall. */
  .barterGrid{
    gap:12px;
  }

  .barterCard{
    border-radius:20px;
  }

  .barterCard__media{
    aspect-ratio:16 / 9;
  }

  .barterCard__body{
    gap:10px;
    padding:14px;
  }

  .barterCard__metaRow{
    gap:8px;
    align-items:flex-start;
  }

  .barterCard__eyebrow{
    font-size:.8rem;
    line-height:1.3;
  }

  .barterCard__value{
    flex:0 0 auto;
    max-width:42%;
    white-space:normal;
    text-align:right;
    justify-content:flex-end;
  }

  .barterCard__swap{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px;
  }

  .barterCard__swap > div{
    min-height:68px;
    padding:10px;
  }

  .barterCard__footer{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px;
  }

  .barterCard__footer .barterBtn{
    min-height:46px;
    padding-inline:10px;
  }

  .barterCard__badges{
    flex-wrap:nowrap;
    overflow:hidden;
  }

  .barterCard__badges .barterBadge{
    max-width:74vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* Detail: media -> trade summary -> CTA first. */
  .barterDetailHero{
    padding:13px;
    gap:12px;
  }

  .barterDetailHero__badges{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:3px;
    scrollbar-width:none;
  }

  .barterDetailHero__badges::-webkit-scrollbar{display:none;}
  .barterDetailHero__badges .barterBadge{flex:0 0 auto;}

  .barterGallery__main{
    border-radius:18px;
    aspect-ratio:4 / 3;
  }

  .barterGallery__main img{
    min-height:0;
    height:100%;
  }

  .barterGallery__thumbs{
    display:flex;
    gap:8px;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    padding-bottom:2px;
    scrollbar-width:none;
  }

  .barterGallery__thumb{
    flex:0 0 68px;
    width:68px;
    height:68px;
    scroll-snap-align:start;
    border-radius:12px;
  }

  .barterSummary{
    padding:14px;
    gap:11px;
    border-radius:20px;
  }

  .barterSummary__ctaStack{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .barterSummary__ctaStack .barterBtn{
    min-height:48px;
    padding-inline:10px;
  }

  .barterSummary__actionGrid{
    display:flex;
    gap:7px;
    overflow-x:auto;
    padding-bottom:3px;
    scrollbar-width:none;
  }

  .barterSummary__actionGrid::-webkit-scrollbar{display:none;}
  .barterSummary__actionGrid > *,
  .barterSummary__actionGrid .barterInlineForm,
  .barterSummary__actionGrid .inline-follow-form{
    flex:0 0 auto;
    width:auto;
  }

  .barterSummary__actionGrid .barterActionBtn,
  .barterSummary__actionGrid a{
    min-width:max-content;
    padding-inline:12px;
  }

  .barterSummary__cards{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px;
  }

  .barterSwapCard{
    padding:11px;
    border-radius:16px;
  }

  .barterSummary__meta{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(145px, 46vw);
    grid-template-columns:none !important;
    overflow-x:auto;
    gap:8px;
    padding-bottom:3px;
    scrollbar-width:none;
  }

  .barterSummary__meta::-webkit-scrollbar{display:none;}
  .barterSummary__meta > div,
  .barterSummary__meta > div:last-child{
    grid-column:auto;
    min-height:70px;
  }

  .barterTradeMatrix{
    padding:14px;
    gap:12px;
    border-radius:20px;
  }

  .barterTradeMatrix__grid{
    grid-template-columns:1fr auto 1fr !important;
    gap:7px;
    align-items:center;
  }

  .barterTradeMatrix__panel{
    min-height:112px;
    padding:10px;
    border-radius:16px;
  }

  .barterTradeMatrix__panel h3{font-size:.96rem;}
  .barterTradeMatrix__panel p{font-size:.84rem;margin:0;}
  .barterTradeMatrix__arrow{width:34px;height:34px;transform:none !important;font-size:.84rem;}

  .barterCopyCard,
  .barterSellerCard,
  .barterTradeForm,
  .barterOwnerOffers,
  .barterSmartMatches{
    padding:14px;
    border-radius:20px;
  }

  .barterSmartMatches__rail{
    margin-inline:-4px;
    padding-inline:4px;
  }

  .barterCard--match{
    min-width:min(286px, 84vw);
  }

  /* Trade offer becomes an intentional bottom-sheet on mobile. */
  body.barter-js-ready .barterTradeForm[data-barter-trade-sheet]{
    position:fixed;
    z-index:9600;
    left:8px;
    right:8px;
    bottom:8px;
    max-height:min(90dvh, 820px);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:14px 14px calc(16px + var(--barter-mobile-safe-bottom));
    transform:translateY(calc(100% + 24px));
    visibility:hidden;
    opacity:0;
    transition:transform .24s ease, opacity .2s ease, visibility .2s ease;
    box-shadow:0 0 0 100vmax rgba(4,8,20,.62),0 -20px 70px rgba(0,0,0,.38) !important;
  }

  body.barter-js-ready .barterTradeForm[data-barter-trade-sheet].is-open{
    transform:translateY(0);
    visibility:visible;
    opacity:1;
  }

  body.barter-js-ready .barterTradeForm__mobileClose{
    display:grid;
  }

  .barterTradeForm__split,
  .barterOfferCounterForm__row{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .barterTradeForm__form > button[type="submit"]{
    position:sticky;
    bottom:calc(-2px + var(--barter-mobile-safe-bottom));
    z-index:2;
    min-height:52px;
  }

  body.barter-js-ready .barterMobileActionBar{
    position:fixed;
    z-index:8200;
    left:8px;
    right:8px;
    bottom:calc(8px + var(--barter-mobile-safe-bottom));
    display:grid;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
    align-items:center;
    gap:8px;
    padding:8px;
    border:1px solid var(--barter-border-strong);
    border-radius:19px;
    background:color-mix(in srgb, var(--barter-panel-strong) 96%, transparent);
    box-shadow:0 18px 54px rgba(0,0,0,.35);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }

  .barterMobileActionBar__context{
    min-width:0;
    display:grid;
    gap:2px;
    padding-left:5px;
  }

  .barterMobileActionBar__context span,
  .barterMobileActionBar__context strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .barterMobileActionBar__context span{font-size:.72rem;color:var(--barter-muted);}
  .barterMobileActionBar__context strong{font-size:.86rem;}

  .barterMobileActionBar__actions{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:6px;
  }

  .barterMobileActionBar__primary,
  .barterMobileActionBar__secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 12px;
    border-radius:14px;
    text-decoration:none;
    font:inherit;
    font-size:.88rem;
    font-weight:800;
    white-space:nowrap;
  }

  .barterMobileActionBar__primary{
    border:0;
    background:linear-gradient(135deg,var(--barter-accent),var(--barter-accent-2));
    color:#fff;
  }

  .barterMobileActionBar__secondary{
    border:1px solid var(--barter-border-strong);
    background:rgba(255,255,255,.05);
    color:var(--barter-text);
  }

  .barterDetailPage{
    padding-bottom:calc(82px + var(--barter-mobile-safe-bottom));
  }

  /* Manage: sticky jump navigation and dense trade workspace. */
  .barterMobileManageNav{
    position:sticky;
    top:calc(var(--header-height,64px) + 6px);
    z-index:48;
    display:flex;
    gap:7px;
    overflow-x:auto;
    padding:7px;
    border:1px solid var(--barter-border-strong);
    border-radius:16px;
    background:color-mix(in srgb, var(--barter-panel-strong) 94%, transparent);
    box-shadow:0 12px 28px rgba(0,0,0,.18);
    scrollbar-width:none;
  }

  .barterMobileManageNav a{
    flex:0 0 auto;
    min-height:38px;
    display:inline-flex;
    align-items:center;
    padding:0 12px;
    border-radius:999px;
    background:rgba(255,255,255,.05);
    border:1px solid var(--barter-border);
    color:var(--barter-text);
    text-decoration:none;
    font-size:.84rem;
    font-weight:700;
  }

  #barter-incoming,
  #barter-outgoing,
  #barter-listings{
    scroll-margin-top:126px;
  }

  .barterTradeWorkspace{
    padding:14px;
  }

  .barterTradeWorkspace__columns{
    gap:14px;
  }

  .barterOfferCard{
    padding:12px;
    border-radius:17px;
  }

  .barterOfferCard__grid{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(145px, 48vw);
    grid-template-columns:none !important;
    overflow-x:auto;
    gap:7px;
    padding-bottom:2px;
    scrollbar-width:none;
  }

  .barterOfferCard__grid::-webkit-scrollbar{display:none;}

  .barterOfferCard__actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .barterOfferCard__actions > *,
  .barterOfferCard__actions form,
  .barterOfferCard__actions .barterActionBtn{
    width:100%;
    min-width:0;
  }

  .barterOfferCounterForm{
    grid-column:1 / -1;
  }

  .barterManageCard{
    border-radius:20px;
  }

  .barterManageCard__media{
    aspect-ratio:16 / 8.6;
  }

  .barterManageCard__body{
    padding:13px;
    gap:10px;
  }

  .barterManageCard__meta{
    display:flex;
    gap:7px;
    overflow-x:auto;
    scrollbar-width:none;
  }

  .barterManageCard__meta::-webkit-scrollbar{display:none;}
  .barterManageCard__meta span{
    flex:0 0 auto;
    padding:6px 9px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid var(--barter-border);
    font-size:.8rem;
  }

  .barterManageCard__actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .barterManageCard__actions > *,
  .barterManageCard__actions .barterInlineForm,
  .barterManageCard__actions .barterBtn,
  .barterManageCard__actions .barterActionBtn{
    width:100%;
    min-width:0;
  }

  .barterInlineForm--grow{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px;
  }

  .barterBoostInline{
    gap:8px;
  }

  /* Wizard: thumb-friendly progression and persistent navigation. */
  .barterWizardHead{
    overflow:visible;
    padding:14px;
  }

  .barterStepNav{
    flex-wrap:nowrap;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    padding-bottom:3px;
    scrollbar-width:none;
  }

  .barterStepNav span{
    flex:0 0 auto;
    min-height:40px;
    scroll-snap-align:center;
  }

  .barterWizardForm{
    padding:14px 14px calc(74px + var(--barter-mobile-safe-bottom));
  }

  .barterWizardActions{
    position:sticky;
    z-index:36;
    bottom:calc(6px + var(--barter-mobile-safe-bottom));
    display:grid;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
    gap:7px;
    margin:18px -6px -58px;
    padding:7px;
    border:1px solid var(--barter-border-strong);
    border-radius:17px;
    background:color-mix(in srgb, var(--barter-panel-strong) 96%, transparent);
    box-shadow:0 16px 44px rgba(0,0,0,.30);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }

  .barterWizardActions > *{
    width:100%;
    min-height:46px;
    justify-content:center;
  }

  .barterWizardActions > :only-child{
    grid-column:1 / -1;
  }

  .barterWizardActions > :nth-child(3){
    grid-column:1 / -1;
  }

  .barterMediaGrid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px;
  }

  .barterMediaItem{
    border-radius:15px;
  }

  .barterMediaItem__tools,
  .barterMediaItem__delete{
    padding:8px;
    font-size:.8rem;
  }

  .barterBoostBox__grid{
    grid-template-columns:1fr !important;
  }

  .barterModeCards{
    display:flex;
    gap:9px;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    padding-bottom:4px;
    scrollbar-width:none;
  }

  .barterModeCards::-webkit-scrollbar{display:none;}
  .barterModeOption{
    flex:0 0 min(82vw, 300px);
    scroll-snap-align:start;
  }

  .barterLightbox{
    padding:0;
  }

  .barterLightbox__image{
    max-width:100vw;
    max-height:100dvh;
    width:100%;
    height:100%;
    object-fit:contain;
    border-radius:0;
  }

  .barterLightbox .barterGallery__nav{
    width:44px;
    height:52px;
  }
}

@media (max-width: 390px){
  .barterHero__actions,
  .barterSummary__ctaStack,
  .barterCard__footer{
    grid-template-columns:1fr !important;
  }

  .barterTradeMatrix__grid{
    grid-template-columns:1fr !important;
  }

  .barterTradeMatrix__arrow{
    justify-self:center;
    transform:rotate(90deg) !important;
  }

  .barterMobileActionBar{
    grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);
  }

  .barterMobileActionBar__secondary{
    padding-inline:9px;
    font-size:.8rem;
  }
}

/* CONE STEP 31 — Barter mobile app, merged 2026-08-25. */
.barterAppDock{
  display:grid;
  grid-template-columns:minmax(190px,.72fr) minmax(0,2.28fr);
  gap:12px;
  align-items:center;
  padding:12px;
  border:1px solid var(--barter-border-strong);
  border-radius:22px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--barter-panel-strong) 96%,transparent),color-mix(in srgb,var(--barter-accent) 10%,var(--barter-panel)));
  box-shadow:0 18px 48px rgba(0,0,0,.22);
  color:var(--barter-text);
}

.barterAppDock__identity{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  padding:5px 8px;
}

.barterAppDock__identity > span:last-child{min-width:0;display:grid;gap:2px;}
.barterAppDock__identity strong{font-size:.94rem;letter-spacing:.02em;}
.barterAppDock__identity small{overflow:hidden;color:var(--barter-muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap;}
.barterAppDock__mark{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--barter-accent-2) 50%,transparent);
  border-radius:14px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--barter-accent) 86%,#111827),var(--barter-accent-2));
  color:#fff;
  font-size:1.35rem;
  font-weight:900;
  box-shadow:0 10px 25px color-mix(in srgb,var(--barter-accent) 24%,transparent);
}

.barterAppDock__rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;}
.barterAppDock__item{
  min-width:0;
  min-height:54px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border:1px solid transparent;
  border-radius:16px;
  color:var(--barter-muted)!important;
  text-decoration:none;
  font-size:.78rem;
  font-weight:800;
  line-height:1.15;
}
.barterAppDock__item svg{width:21px;height:21px;flex:0 0 21px;}
.barterAppDock__item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.barterAppDock__item:hover,
.barterAppDock__item:focus-visible,
.barterAppDock__item.is-active{
  border-color:color-mix(in srgb,var(--barter-accent) 42%,var(--barter-border));
  background:color-mix(in srgb,var(--barter-accent) 16%,transparent);
  color:var(--barter-text)!important;
  outline:none;
}
.barterAppDock__item--create{background:linear-gradient(135deg,var(--barter-accent),var(--barter-accent-2));color:#fff!important;}
.barterAppDock__item--create:hover,
.barterAppDock__item--create:focus-visible,
.barterAppDock__item--create.is-active{border-color:rgba(255,255,255,.38);background:linear-gradient(135deg,var(--barter-accent),var(--barter-accent-2));color:#fff!important;box-shadow:0 10px 26px color-mix(in srgb,var(--barter-accent) 24%,transparent);}

.barterCategoryRail{display:grid;gap:10px;}
.barterSectionHead--compact{margin-bottom:0;}
.barterCategoryRail__track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(170px,1fr);
  gap:9px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  padding:2px 1px 6px;
  scrollbar-width:none;
}
.barterCategoryRail__track::-webkit-scrollbar{display:none;}
.barterCategoryRail__track a{
  min-height:78px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:10px;
  scroll-snap-align:start;
  padding:12px;
  border:1px solid var(--barter-border);
  border-radius:18px;
  background:linear-gradient(145deg,var(--barter-panel),color-mix(in srgb,var(--barter-accent-2) 7%,var(--barter-panel-strong)));
  color:var(--barter-text);
  text-decoration:none;
  box-shadow:0 12px 28px rgba(0,0,0,.14);
}
.barterCategoryRail__track a > span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--barter-accent) 18%,transparent);color:var(--barter-accent-2);font-size:1.2rem;font-weight:900;}
.barterCategoryRail__track a strong{font-size:.88rem;line-height:1.25;}

.barterFilterCard__actions,
.barterEmptyState__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.barterFilterCard__actions{grid-column:1 / -1;}
.barterFilterCard__actions > *,
.barterEmptyState__actions > *{width:100%;justify-content:center;}

.barterManageFilters{
  display:flex;
  gap:7px;
  overflow-x:auto;
  padding:2px 1px 5px;
  scrollbar-width:none;
}
.barterManageFilters::-webkit-scrollbar{display:none;}
.barterManageFilters a{
  flex:0 0 auto;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  padding:0 13px;
  border:1px solid var(--barter-border);
  border-radius:999px;
  background:var(--barter-panel);
  color:var(--barter-text);
  text-decoration:none;
  font-size:.82rem;
  font-weight:800;
}
.barterManageFilters a:hover,
.barterManageFilters a:focus-visible,
.barterManageFilters a.is-active{border-color:color-mix(in srgb,var(--barter-accent) 50%,var(--barter-border));background:color-mix(in srgb,var(--barter-accent) 18%,var(--barter-panel));outline:none;}

.barterStepNav > a,
.barterStepNav > span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  text-decoration:none;
}
.barterStepNav > a{
  min-height:34px;
  padding:7px 12px;
  border:1px solid var(--barter-border-strong);
  border-radius:999px;
  background:rgba(255,255,255,.04);
}
.barterStepNav > a > span,
.barterStepNav > span > span{
  width:27px;
  height:27px;
  min-height:0;
  display:grid;
  place-items:center;
  flex:0 0 27px;
  padding:0;
  border:0;
  border-radius:10px;
  background:rgba(255,255,255,.06);
  color:inherit;
  font-size:.78rem;
  font-weight:900;
}
.barterStepNav > a{color:var(--barter-text);}
.barterStepNav .is-disabled{opacity:.58;}
.barterStepNav .is-active > span{background:#fff;color:#5b21b6;}

.barterMediaItem.is-cover{border-color:var(--barter-accent-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--barter-accent-2) 16%,transparent);}
.barterUploadBox__status{display:block;min-height:20px;margin-top:8px;color:var(--barter-muted);font-size:.82rem;font-weight:750;}

body.barter-mobile-sheet-open::before{
  content:"";
  position:fixed;
  z-index:9400;
  inset:0;
  background:rgba(4,8,20,.62);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}

@media (max-width:900px){
  .barterAppDock{grid-template-columns:1fr;}
}

@media (max-width:760px){
  body[data-category="barter"] > main.container{padding-bottom:calc(18px + var(--cone-mobile-bottom-nav-offset,0px))!important;overflow-x:clip;}

  .barterAppDock{
    position:static!important;
    gap:8px;
    padding:10px;
    border-radius:20px;
  }
  .barterAppDock__identity{padding:2px 3px 5px;}
  .barterAppDock__mark{width:38px;height:38px;flex-basis:38px;border-radius:13px;}
  .barterAppDock__rail{grid-template-columns:repeat(5,minmax(64px,1fr));gap:5px;overflow-x:auto;scroll-snap-type:x proximity;padding:1px 0 3px;scrollbar-width:none;}
  .barterAppDock__rail::-webkit-scrollbar{display:none;}
  .barterAppDock__item{grid-template-columns:1fr;justify-items:center;gap:4px;min-height:60px;padding:7px 4px;scroll-snap-align:start;text-align:center;font-size:.68rem;}
  .barterAppDock__item svg{width:22px;height:22px;}
  .barterAppDock__item span{width:100%;}

  .barterCategoryRail__track{grid-auto-columns:minmax(156px,45vw);}
  .barterCategoryRail__track a{min-height:72px;grid-template-columns:36px minmax(0,1fr);padding:10px;border-radius:17px;}
  .barterCategoryRail__track a > span{width:36px;height:36px;border-radius:12px;}

  body.barter-js-ready .barterMobileDiscovery,
  .barterMobileManageNav,
  .barterWizardActions,
  body.barter-js-ready .barterMobileActionBar{
    position:static!important;
    inset:auto!important;
    transform:none!important;
  }

  body.barter-js-ready .barterMobileDiscovery{box-shadow:0 10px 28px rgba(0,0,0,.16);}
  .barterMobileManageNav{box-shadow:0 10px 24px rgba(0,0,0,.14);}
  #barter-incoming,#barter-outgoing,#barter-listings{scroll-margin-top:16px;}

  body.barter-js-ready .barterMobileActionBar{
    z-index:auto;
    margin:0;
    border-radius:20px;
    background:linear-gradient(145deg,var(--barter-panel-strong),color-mix(in srgb,var(--barter-accent) 12%,var(--barter-panel)));
    box-shadow:0 14px 34px rgba(0,0,0,.22);
  }
  .barterDetailPage{padding-bottom:0;}

  .barterWizardHead{position:static!important;overflow:hidden;}
  .barterStepNav{position:static!important;margin-top:4px;}
  .barterStepNav > a,
  .barterStepNav > span{flex:0 0 min(46vw,154px);min-height:46px;padding:7px 9px;border:1px solid var(--barter-border);border-radius:14px;background:rgba(255,255,255,.035);font-size:.76rem;}
  .barterStepNav > a{border-color:color-mix(in srgb,var(--barter-accent) 30%,var(--barter-border));}
  .barterWizardForm{padding:14px;}
  .barterWizardActions{z-index:auto;margin:18px 0 0;padding:8px;background:color-mix(in srgb,var(--barter-panel-strong) 94%,transparent);box-shadow:0 12px 30px rgba(0,0,0,.20);}

  body.barter-js-ready .barterFilterCard,
  body.barter-js-ready .barterTradeForm[data-barter-trade-sheet]{box-shadow:0 -18px 62px rgba(0,0,0,.34)!important;}
  .barterFilterCard__actions{position:static!important;grid-template-columns:.8fr 1.2fr;}
  .barterFilterCard .barterFilters > .barterFilterCard__actions > button[type="submit"]{position:static;min-height:50px;box-shadow:0 12px 28px rgba(139,92,246,.22);}

  .barterEmptyState__actions{grid-template-columns:1fr;}
}

@media (max-width:390px){
  .barterAppDock__rail{grid-template-columns:repeat(5,minmax(58px,1fr));}
  .barterMobileActionBar{grid-template-columns:1fr!important;}
  .barterMobileActionBar__actions{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (prefers-reduced-motion:reduce){
  .barterAppDock *,
  .barterCategoryRail *,
  .barterFilterCard,
  .barterTradeForm{scroll-behavior:auto!important;transition:none!important;}
}