/* FourColorComic v40.31.157 — Marketplace visual refresh
   Presentation only: no marketplace business logic or event handlers are replaced. */

#marketplace{
  --mkt-bg:#050c12;
  --mkt-panel:#08121b;
  --mkt-panel-2:#0a1621;
  --mkt-line:#233744;
  --mkt-line-strong:#365465;
  --mkt-text:#eef5f8;
  --mkt-muted:#93a5af;
  --mkt-cyan:#5dd7ff;
  --mkt-pink:#ff4f9a;
  --mkt-gold:#f5c85a;
  --mkt-green:#79dfad;
  max-width:1320px;
  margin:0 auto;
}
#marketplace .fcc54-shell{gap:14px}

/* ---------- Marketplace header / command bar ---------- */
#marketplace .fcc54-head.fcc58-market-head{
  position:relative;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
  overflow:hidden;
  padding:20px 22px 18px!important;
  border:1px solid rgba(93,215,255,.24)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 10% -20%,rgba(93,215,255,.13),transparent 34%),
    radial-gradient(circle at 95% 10%,rgba(255,79,154,.09),transparent 28%),
    linear-gradient(145deg,rgba(8,20,30,.98),rgba(5,12,18,.985))!important;
  box-shadow:0 20px 54px rgba(0,0,0,.23)!important;
}
#marketplace .fcc54-head.fcc58-market-head:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:2px;
  background:linear-gradient(90deg,var(--mkt-cyan),var(--mkt-pink) 48%,var(--mkt-gold),transparent 92%);
  opacity:.85;
  pointer-events:none;
}
#marketplace .fcc54-head-copy{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:24px;
  align-items:end;
}
#marketplace .fcc54-head-copy .badge{grid-column:1/-1;width:max-content;margin-bottom:7px}
#marketplace .fcc54-head-copy h1{
  margin:0!important;
  max-width:760px;
  font-size:clamp(25px,2.7vw,36px)!important;
  line-height:1.05!important;
  letter-spacing:-.025em;
}
#marketplace .fcc54-head-copy p{
  margin:0!important;
  max-width:560px!important;
  color:#9fb0ba!important;
  font-size:12px;
  line-height:1.55;
  text-align:right;
}
#marketplace .fcc58-nav{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%;
}
#marketplace .fcc58-nav .fcc54-nav-btn{
  min-height:62px!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:9px!important;
  row-gap:1px!important;
  align-items:center!important;
  justify-content:stretch!important;
  padding:9px 11px!important;
  border:1px solid #263b48!important;
  border-radius:12px!important;
  background:rgba(5,13,20,.64)!important;
  box-shadow:none!important;
  text-align:left!important;
  transform:none!important;
}
#marketplace .fcc58-nav .fcc54-nav-btn:hover{
  border-color:#426578!important;
  background:rgba(11,27,39,.86)!important;
}
#marketplace .fcc58-nav .fcc54-nav-btn.active{
  border-color:rgba(93,215,255,.7)!important;
  background:linear-gradient(135deg,rgba(93,215,255,.12),rgba(255,79,154,.045))!important;
  box-shadow:0 0 0 1px rgba(93,215,255,.08) inset!important;
}
#marketplace .fcc58-nav .fcc54-nav-btn>span:first-child{
  grid-row:1/3;
  grid-column:1;
  margin:0!important;
  width:30px;
  height:30px;
  display:grid!important;
  place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.045);
  font-size:16px!important;
  line-height:1;
}
#marketplace .fcc58-nav .fcc54-nav-btn.active>span:first-child{
  background:rgba(93,215,255,.12);
}
#marketplace .fcc58-nav .fcc54-nav-btn>b{
  grid-column:2;
  margin:0;
  font-size:11.5px!important;
  line-height:1.15;
  color:#f2f7f9;
}
#marketplace .fcc58-nav .fcc54-nav-btn>small{
  grid-column:2;
  margin:0!important;
  font-size:8.5px!important;
  line-height:1.25!important;
  color:#81939f!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#marketplace .fcc60-cart-count{
  display:inline-grid;
  place-items:center;
  min-width:17px;
  height:17px;
  padding:0 4px;
  margin-left:4px;
  border-radius:999px;
  background:var(--mkt-pink);
  color:white;
  font-size:8px;
}
#marketplace .fcc-market-global-status{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  margin:0!important;
  padding:8px 12px!important;
  border:1px solid #21343f!important;
  border-radius:10px!important;
  background:rgba(6,16,24,.78)!important;
  color:#9eb0ba!important;
  font-size:10.5px!important;
}
#marketplace .fcc-market-global-status.ok{border-color:rgba(121,223,173,.25)!important;color:#8ce6ba!important;background:rgba(45,137,91,.06)!important}
#marketplace .fcc-market-global-status.err{border-color:rgba(255,79,154,.28)!important;color:#ff9fc9!important;background:rgba(150,28,83,.07)!important}
#marketplace .fcc-market-global-status.warn{border-color:rgba(245,200,90,.28)!important;color:#f5d98f!important;background:rgba(140,103,22,.07)!important}

/* ---------- Section headers ---------- */
#marketplace .fcc54-section-head,
#marketplace .fcc59-feature-head{
  align-items:flex-end!important;
  gap:18px!important;
  margin:0 0 12px!important;
}
#marketplace .fcc54-eyebrow{
  color:#7cdfff!important;
  font-size:8px!important;
  letter-spacing:.15em!important;
}
#marketplace .fcc54-section-head h2,
#marketplace .fcc59-feature-head h2{
  margin:3px 0 3px!important;
  font-size:clamp(20px,2vw,26px)!important;
  letter-spacing:-.015em;
}
#marketplace .fcc54-section-head p,
#marketplace .fcc59-feature-head p{
  max-width:730px!important;
  color:#91a3ae!important;
  font-size:10.5px!important;
  line-height:1.5!important;
}

/* ---------- Storefront discovery ---------- */
#marketplace .fcc59-home{display:grid;gap:14px}
#marketplace .fcc59-feature-section{
  margin:0!important;
  padding:17px 18px 18px!important;
  border:1px solid #203541!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(7,17,25,.95),rgba(5,13,20,.95))!important;
  box-shadow:0 14px 36px rgba(0,0,0,.16)!important;
}
#marketplace .fcc59-feature-section.hot{
  border-color:rgba(245,200,90,.26)!important;
  background:
    linear-gradient(90deg,rgba(245,200,90,.055),transparent 23%),
    linear-gradient(180deg,rgba(7,17,25,.96),rgba(5,13,20,.96))!important;
}
#marketplace .fcc59-feature-section.promo{
  border-color:rgba(255,79,154,.22)!important;
  background:
    linear-gradient(90deg,rgba(255,79,154,.045),transparent 23%),
    linear-gradient(180deg,rgba(7,17,25,.96),rgba(5,13,20,.96))!important;
}
#marketplace .fcc59-five,
#marketplace .fcc59-browse-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(185px,220px))!important;
  justify-content:start!important;
  align-items:start;
  gap:12px!important;
}
#marketplace .fcc59-market-card{
  width:100%;
  min-width:0;
  border:1px solid #243946!important;
  border-radius:13px!important;
  background:#07121a!important;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.14);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
#marketplace .fcc59-market-card:hover{
  transform:translateY(-3px)!important;
  border-color:#42677b!important;
  box-shadow:0 17px 35px rgba(0,0,0,.25)!important;
}
#marketplace .fcc59-card-cover{
  height:auto!important;
  aspect-ratio:2/3!important;
  padding:7px!important;
  background:#040a0f!important;
}
#marketplace .fcc59-card-cover>img{
  object-fit:contain!important;
  border-radius:6px;
}
#marketplace .fcc59-card-copy{
  gap:6px!important;
  padding:10px 11px 11px!important;
}
#marketplace .fcc59-card-copy b{font-size:11px!important;line-height:1.3!important}
#marketplace .fcc59-card-copy small{font-size:8.5px!important;line-height:1.4!important;color:#8ea0aa!important}
#marketplace .fcc59-card-copy strong{font-size:17px!important;letter-spacing:-.01em}
#marketplace .fcc59-card-copy .btn{min-height:32px;margin-top:3px!important}
#marketplace .fcc59-card-badge{
  left:7px!important;
  top:7px!important;
  padding:4px 7px!important;
  font-size:7px!important;
  box-shadow:0 5px 14px rgba(0,0,0,.24);
}
#marketplace .fcc59-feature-section.hot .fcc59-card-badge{background:#e8b642!important;color:#120d03!important}
#marketplace .fcc59-feature-section.promo .fcc59-card-badge{background:#df4c88!important}
#marketplace .fcc59-browse-cta{
  margin:0!important;
  padding:14px 16px!important;
  border:1px solid rgba(93,215,255,.2)!important;
  border-radius:14px!important;
  background:linear-gradient(100deg,rgba(93,215,255,.055),rgba(7,17,25,.94) 35%)!important;
}
#marketplace .fcc59-browse-cta h3{font-size:15px!important}
#marketplace .fcc59-browse-cta p{font-size:10px!important}
#marketplace .fcc59-browse-cta .btn.primary{min-width:160px}
#marketplace .fcc54-empty{
  padding:24px 18px!important;
  min-height:100px;
  border-color:#263d4a!important;
  background:rgba(5,13,20,.45);
  font-size:10px;
}

/* ---------- Browse ---------- */
#marketplace .fcc59-browse-view{display:grid;gap:12px;padding-top:0!important}
#marketplace .fcc59-search,
#marketplace .fcc54-search-panel{
  margin:0!important;
  padding:13px!important;
  border:1px solid #223845!important;
  border-radius:13px!important;
  background:#07121a!important;
}
#marketplace .fcc59-search{grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(135px,.55fr))!important}
#marketplace .fcc59-browse-count{padding:0 2px 2px!important;font-size:9px!important}
#marketplace .fcc59-pages{padding:10px 0 0!important}

/* ---------- My Listings / Sell / Messages / Orders ---------- */
#marketplace .fcc54-view{min-width:0}
#marketplace .fcc54-view>.panel,
#marketplace .fcc58-library-panel,
#marketplace .fcc58-selected-panel,
#marketplace .fcc58-price-panel,
#marketplace .fcc58-details-panel,
#marketplace .fcc54-store-tools,
#marketplace .fcc54-store-filter{
  border-color:#223845!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#08131c,#061019)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.12)!important;
}
#marketplace .fcc54-store-summary{gap:8px!important}
#marketplace .fcc54-store-summary>div{
  border-color:#263c49!important;
  border-radius:11px!important;
  background:#07131c!important;
}
#marketplace .fcc54-my-card,
#marketplace .fcc56-my-row,
#marketplace .fcc55-sale-card,
#marketplace .v19-order{
  border-color:#243946!important;
  border-radius:12px!important;
  background:#07121a!important;
}
#marketplace .fcc54-my-card:hover,
#marketplace .fcc56-my-row:hover{border-color:#3e5f71!important}
#marketplace .fcc58-sell-title{margin:0 0 10px!important}
#marketplace .fcc58-sell-title h2{font-size:24px!important}
#marketplace .fcc58-library-panel{padding:14px!important}
#marketplace .fcc58-library-toolbar{margin-bottom:10px!important}
#marketplace .fcc58-library-grid{gap:9px!important}
#marketplace .fcc58-book-card{border-radius:10px!important;background:#061019!important}
#marketplace .fcc58-book-cover{height:190px!important}
#marketplace .fcc58-form-layout{gap:12px!important}
#marketplace .fcc58-price-panel,
#marketplace .fcc58-details-panel{padding:15px!important}
#marketplace .v19-message-layout{gap:10px!important}
#marketplace .v19-conversation-list,
#marketplace .v19-message-panel{
  border-color:#223845!important;
  border-radius:13px!important;
  background:#07121a!important;
}

/* ---------- Controls ---------- */
#marketplace .btn{
  border-radius:9px!important;
  font-weight:800;
}
#marketplace .btn.primary{
  background:linear-gradient(180deg,#58cdf3,#3eb4dd)!important;
  border-color:#67dcff!important;
  color:#041019!important;
  box-shadow:none!important;
}
#marketplace .btn.primary:hover{filter:brightness(1.05)}
#marketplace .input,
#marketplace .select,
#marketplace .textarea{
  border-color:#2a414e!important;
  border-radius:9px!important;
  background:#050e15!important;
}
#marketplace .input:focus,
#marketplace .select:focus,
#marketplace .textarea:focus{
  border-color:#57c8ec!important;
  box-shadow:0 0 0 2px rgba(87,200,236,.09)!important;
}

/* ---------- Responsive ---------- */
@media(max-width:1120px){
  #marketplace .fcc54-head-copy{grid-template-columns:1fr}
  #marketplace .fcc54-head-copy p{text-align:left;margin-top:7px!important}
  #marketplace .fcc58-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #marketplace .fcc59-search{grid-template-columns:1fr 1fr!important}
}
@media(max-width:760px){
  #marketplace .fcc54-head.fcc58-market-head{padding:16px!important}
  #marketplace .fcc58-nav{grid-template-columns:1fr 1fr!important}
  #marketplace .fcc58-nav .fcc54-nav-btn{min-height:58px!important}
  #marketplace .fcc59-five,
  #marketplace .fcc59-browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #marketplace .fcc59-feature-head,
  #marketplace .fcc54-section-head,
  #marketplace .fcc59-browse-cta{align-items:stretch!important;flex-direction:column!important}
  #marketplace .fcc59-browse-cta .btn.primary{width:100%}
  #marketplace .fcc59-search{grid-template-columns:1fr!important}
}
@media(max-width:460px){
  #marketplace .fcc58-nav{grid-template-columns:1fr!important}
  #marketplace .fcc59-five,
  #marketplace .fcc59-browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #marketplace .fcc59-card-copy{padding:8px!important}
}