/* Final marketplace card refinement.
   Loaded after marketplace-overrides.css. Scoped to marketplace only. */

.market-shell .hero-actions{
  display:block !important;
  width:100% !important;
  max-width:390px !important;
}

.market-shell .hero-actions .hero-seller-cta,
.market-shell .hero-actions .mk-btn.red{
  width:100% !important;
  height:48px !important;
  border-radius:999px !important;
  font-size:12px !important;
  letter-spacing:.01em !important;
}

.market-shell .vendor-card{
  border:0 !important;
  border-radius:14px !important;
  padding:17px !important;
  background:linear-gradient(180deg, rgba(12, 50, 31, .76), rgba(6, 26, 16, .94)) !important;
  box-shadow:none !important;
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease, filter .18s ease !important;
  will-change:transform !important;
}

.market-shell .vendor-card.available,
.market-shell .vendor-card.unavailable{
  border:0 !important;
}

.market-shell .vendor-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:14px;
  pointer-events:none;
  box-shadow:none !important;
  opacity:0;
  transition:opacity .18s ease, box-shadow .18s ease !important;
}

.market-shell .vendor-card:hover{
  transform:translateY(-4px) !important;
  background:linear-gradient(180deg, rgba(14, 58, 35, .84), rgba(7, 30, 18, .98)) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.28), 0 0 0 1px rgba(201,241,95,.10) !important;
}

.market-shell .vendor-card:hover::after{
  opacity:1;
  box-shadow:inset 0 0 0 1px rgba(201,241,95,.22) !important;
}

.market-shell .product-image{
  height:158px !important;
  border-radius:12px !important;
  margin-bottom:11px !important;
  overflow:visible !important;
  background-color:#07170f !important;
}

.market-shell .product-meta{
  position:absolute !important;
  top:21px !important;
  left:21px !important;
  z-index:12 !important;
  margin:0 !important;
  display:block !important;
}

.market-shell .rating-pill{
  height:24px !important;
  padding:0 9px !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(9, 28, 17, .88) !important;
  color:#c9f15f !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
  box-shadow:0 10px 24px rgba(0,0,0,.20) !important;
  backdrop-filter:blur(10px) !important;
}

.market-shell .component-chip,
.market-shell .component-chip.large,
.market-shell .component-chip.storage{
  width:46px !important;
  height:46px !important;
  border-radius:999px !important;
  transform:none !important;
  background-color:#030403 !important;
  border:0 !important;
  box-shadow:0 12px 26px rgba(0,0,0,.36), inset 0 0 0 1px rgba(201,241,95,.16) !important;
}

.market-shell .component-chip.storage{
  width:50px !important;
  height:64px !important;
  border-radius:18px !important;
}

.market-shell .product-components{
  top:17px !important;
  right:17px !important;
  gap:5px !important;
}

.market-shell .component-label{
  right:8px !important;
  bottom:8px !important;
  gap:4px !important;
}

.market-shell .component-label span{
  min-height:19px !important;
  padding:0 7px !important;
  font-size:7px !important;
  border:0 !important;
  background:rgba(0,0,0,.46) !important;
}

.market-shell .vendor-title{
  font-size:15px !important;
  line-height:1.1 !important;
  letter-spacing:-.035em !important;
  margin-bottom:3px !important;
}

.market-shell .vendor-id{
  font-size:7.5px !important;
  opacity:.78 !important;
}

.market-shell .data-row{
  font-size:10px !important;
  padding-top:6px !important;
}

.market-shell .vendor-data{
  gap:3px !important;
  margin:8px 0 !important;
}

.market-shell .stock-label{
  font-size:9px !important;
}

.market-shell .seller-avatar{
  width:30px !important;
  height:30px !important;
  flex-basis:30px !important;
  border-radius:10px !important;
}

.market-shell .seller-name{
  font-size:10px !important;
}

.market-shell .seller-sub{
  font-size:8px !important;
}

.market-shell .card-actions{
  display:block !important;
  width:100% !important;
}

.market-shell .card-actions .small-btn.primary,
.market-shell .card-actions .small-btn:first-child{
  width:100% !important;
  height:32px !important;
  padding:0 10px !important;
  font-size:9px !important;
}

.market-shell .small-btn{
  height:29px !important;
  padding:0 10px !important;
  font-size:9px !important;
}

@media(max-width:720px){
  .market-shell .hero-actions{
    max-width:100% !important;
  }
  .market-shell .hero-actions .hero-seller-cta,
  .market-shell .hero-actions .mk-btn.red{
    height:46px !important;
  }
  .market-shell .vendor-card{
    border-radius:12px !important;
    padding:16px !important;
  }
  .market-shell .vendor-card::after{
    border-radius:12px !important;
  }
  .market-shell .product-image{
    height:132px !important;
    border-radius:10px !important;
  }
  .market-shell .product-meta{
    top:20px !important;
    left:20px !important;
  }
  .market-shell .rating-pill{
    height:22px !important;
    padding:0 7px !important;
    font-size:8px !important;
  }
  .market-shell .product-components{
    top:16px !important;
    right:16px !important;
  }
  .market-shell .component-chip,
  .market-shell .component-chip.large{
    width:38px !important;
    height:38px !important;
  }
  .market-shell .component-label span{
    min-height:17px !important;
    padding:0 5px !important;
    font-size:6px !important;
  }
  .market-shell .vendor-title{
    font-size:13px !important;
  }
}