/* FourColorComic v40.31.158 — Marketplace refresh compatibility fixes
   Respects the existing primary/tool navigation wrappers and improves sparse storefront states. */

/* The Marketplace organizer (v40.31.103) owns these wrappers.
   Keep the outer nav one column so the wrapper grids cannot overlap. */
#marketplace .fcc58-nav{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  align-content:start!important;
}
#marketplace .fcc102-market-primary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  position:static!important;
}
#marketplace .fcc102-market-tools{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  position:static!important;
  align-items:center!important;
}

/* Primary destinations remain full navigation tiles. */
#marketplace .fcc102-market-primary>.fcc54-nav-btn{
  position:static!important;
  width:100%!important;
  min-width:0!important;
  min-height:60px!important;
  margin:0!important;
  padding:9px 11px!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;
  transform:none!important;
}
#marketplace .fcc102-market-primary>.fcc54-nav-btn>span:first-child{
  grid-column:1!important;
  grid-row:1/3!important;
}
#marketplace .fcc102-market-primary>.fcc54-nav-btn>b,
#marketplace .fcc102-market-primary>.fcc54-nav-btn>small{
  grid-column:2!important;
}

/* Exchange / Shipping / Seller Center are secondary tools, not giant tiles. */
#marketplace .fcc102-market-tools>.fcc54-nav-btn{
  position:static!important;
  width:auto!important;
  min-width:150px!important;
  min-height:36px!important;
  margin:0!important;
  padding:7px 10px!important;
  display:flex!important;
  flex:0 1 auto!important;
  align-items:center!important;
  gap:7px!important;
  border-radius:9px!important;
  transform:none!important;
  background:rgba(5,13,20,.72)!important;
}
#marketplace .fcc102-market-tools>.fcc54-nav-btn>span:first-child{
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 24px!important;
  margin:0!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.045)!important;
  font-size:13px!important;
}
#marketplace .fcc102-market-tools>.fcc54-nav-btn>b{
  margin:0!important;
  white-space:nowrap!important;
  font-size:10px!important;
}
#marketplace .fcc102-market-tools>.fcc54-nav-btn>small{
  display:none!important;
}

/* Keep the hero copy together instead of pushing explanatory text to the far right. */
#marketplace .fcc54-head-copy{
  display:block!important;
}
#marketplace .fcc54-head-copy .badge{
  display:inline-flex!important;
  margin-bottom:7px!important;
}
#marketplace .fcc54-head-copy h1{
  max-width:820px!important;
}
#marketplace .fcc54-head-copy p{
  max-width:720px!important;
  margin-top:7px!important;
  text-align:left!important;
}

/* A single Hot/Promoted book should look intentional, not leave a tall empty storefront. */
@media(min-width:761px){
  #marketplace .fcc59-five:has(>.fcc59-market-card:only-child){
    grid-template-columns:minmax(0,520px)!important;
  }
  #marketplace .fcc59-five>.fcc59-market-card:only-child{
    display:grid!important;
    grid-template-columns:150px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    min-height:220px!important;
    width:min(520px,100%)!important;
  }
  #marketplace .fcc59-five>.fcc59-market-card:only-child .fcc59-card-cover{
    grid-column:1!important;
    height:220px!important;
    aspect-ratio:auto!important;
    padding:7px!important;
  }
  #marketplace .fcc59-five>.fcc59-market-card:only-child .fcc59-card-copy{
    grid-column:2!important;
    padding:14px!important;
    justify-content:center!important;
  }
  #marketplace .fcc59-five>.fcc59-market-card:only-child .fcc59-card-copy b{
    font-size:13px!important;
  }
  #marketplace .fcc59-five>.fcc59-market-card:only-child .fcc59-card-copy strong{
    font-size:22px!important;
    margin-top:8px!important;
  }
  #marketplace .fcc59-five>.fcc59-market-card:only-child .fcc59-card-copy .btn{
    width:max-content!important;
    min-width:120px!important;
  }
}

/* Responsive wrapper layout. */
@media(max-width:1100px){
  #marketplace .fcc102-market-primary{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  #marketplace .fcc102-market-primary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #marketplace .fcc102-market-tools>.fcc54-nav-btn{
    flex:1 1 145px!important;
  }
}
@media(max-width:460px){
  #marketplace .fcc102-market-primary{
    grid-template-columns:1fr!important;
  }
}