/* Marketplace page visual override.
   Scoped to .market-shell so it does not affect account/admin pages. */

.market-shell .market-hero{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1.05fr) minmax(360px, .78fr) !important;
  grid-template-areas:
    "art copy"
    "ticker ticker" !important;
  gap:34px !important;
  align-items:center !important;
  min-height:560px !important;
  padding:44px 0 34px !important;
  overflow:hidden !important;
}

.market-shell .market-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(circle at 18% 18%, rgba(215, 43, 122, .13), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(236, 117, 73, .14), transparent 26%),
    radial-gradient(circle at 48% 54%, rgba(201, 241, 95, .10), transparent 31%);
  pointer-events:none;
}

.market-shell .market-hero:after{
  content:"✦ Cannabis System  ✦ Marketplace  ✦ Vendor Slots  ✦ Wallet Economy  ✦ Preroll Storage  ✦ Lighter Tools  ✦ Community RP  ✦ Selected Vendors";
  grid-area:ticker;
  position:relative;
  z-index:7;
  min-height:42px;
  display:flex;
  align-items:center;
  width:calc(100% - 18px);
  margin:8px auto 0;
  padding:0 28px;
  border:1px solid rgba(255,255,255,.11);
  background:linear-gradient(90deg, rgba(9,12,10,.92), rgba(24,24,22,.96));
  color:#f4efe5;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  word-spacing:12px;
  white-space:nowrap;
  overflow:hidden;
  transform:rotate(-1.2deg);
  transform-origin:center;
  box-shadow:0 20px 48px rgba(0,0,0,.32);
}

.market-shell .hero-copy{grid-area:copy !important;position:relative !important;z-index:5 !important;justify-self:end !important;max-width:430px !important;padding:0 !important;}
.market-shell .hero-copy .eyebrow{color:#f07549 !important;}
.market-shell .hero-copy h1{max-width:430px !important;margin:0 !important;font-size:64px !important;line-height:.98 !important;letter-spacing:-.075em !important;color:#fff !important;}
.market-shell .hero-copy h1 span{color:#f07549 !important;}
.market-shell .hero-copy p{max-width:390px !important;margin:24px 0 0 !important;color:#d1d1c6 !important;font-size:14px !important;line-height:1.65 !important;}
.market-shell .hero-actions{justify-content:flex-start !important;margin-top:26px !important;}

.market-shell .hero-art{grid-area:art !important;position:relative !important;z-index:3 !important;min-height:468px !important;display:grid !important;align-items:center !important;padding:38px 36px 126px !important;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 22% 8%, rgba(255,255,255,.055), transparent 24%),radial-gradient(circle at 70% 78%, rgba(201,241,95,.16), transparent 34%),rgba(2,18,10,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 28px 90px rgba(0,0,0,.28);}
.market-shell .hero-art:before{content:"";position:absolute;width:360px;height:360px;left:34px;top:42px;z-index:1;border-radius:999px;background:rgba(0,0,0,.28);box-shadow:180px 120px 0 rgba(201,241,95,.10);pointer-events:none;}
.market-shell .hero-art:after{content:"MARKETPLACE";position:absolute;left:36px;bottom:36px;z-index:6;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(0,0,0,.30);backdrop-filter:blur(10px);color:#f2efe7;font-size:10px;font-weight:900;letter-spacing:.18em;padding:9px 14px;}
.market-shell .hero-image{position:relative !important;inset:auto !important;z-index:4 !important;width:min(100%,620px) !important;height:300px !important;justify-self:center !important;border-radius:34px !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;background-color:rgba(255,255,255,.035) !important;border:1px solid rgba(255,255,255,.12) !important;overflow:hidden !important;filter:drop-shadow(0 32px 55px rgba(0,0,0,.42));}
.market-shell .hero-image:after{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.30)) !important;pointer-events:none !important;}
.market-shell .hero-image.has-image .ph{display:none !important;}
.market-shell .hero-image.is-placeholder,.market-shell .hero-image:not(.has-image){border:1px dashed rgba(255,255,255,.22) !important;background:rgba(255,255,255,.035) !important;}
.market-shell .hero-stat-float{position:absolute !important;left:auto !important;right:36px !important;bottom:28px !important;z-index:7 !important;display:grid !important;grid-template-columns:repeat(4,minmax(88px,1fr)) !important;gap:10px !important;width:min(560px,calc(100% - 210px)) !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;}
.market-shell .hero-stat-float > div{min-height:74px !important;display:flex !important;flex-direction:column !important;justify-content:center !important;padding:12px 14px !important;border:1px solid rgba(255,255,255,.13) !important;border-radius:14px !important;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025)) !important;box-shadow:0 16px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08) !important;}
.market-shell .hero-stat-float span{display:block !important;color:#c9c4b8 !important;font-size:8px !important;letter-spacing:.10em !important;text-transform:uppercase !important;order:2 !important;margin-top:6px !important;}
.market-shell .hero-stat-float strong{display:block !important;color:#fff !important;font-size:25px !important;line-height:1 !important;order:1 !important;}

/* Compact marketplace cards */
.market-shell .vendor-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important;}
.market-shell .vendor-card{min-height:0 !important;border-radius:24px !important;padding:10px !important;}
.market-shell .product-image{height:168px !important;border-radius:20px !important;margin-bottom:10px !important;background-size:contain !important;}
.market-shell .component-chip{width:48px !important;height:48px !important;border-radius:16px !important;}
.market-shell .component-chip.large{width:68px !important;height:68px !important;border-radius:22px !important;transform:translate(8px,-14px) !important;}
.market-shell .component-chip.storage{width:54px !important;height:80px !important;border-radius:17px !important;}
.market-shell .component-label{right:8px !important;bottom:8px !important;display:flex !important;gap:5px !important;flex-wrap:wrap !important;background:transparent !important;border:0 !important;padding:0 !important;backdrop-filter:none !important;}
.market-shell .component-label span{display:inline-flex !important;align-items:center !important;min-height:22px !important;border:1px solid rgba(255,255,255,.13) !important;border-radius:999px !important;background:rgba(0,0,0,.38) !important;backdrop-filter:blur(8px) !important;padding:0 8px !important;color:#eef8dd !important;font-size:8px !important;font-weight:900 !important;text-transform:uppercase !important;letter-spacing:.05em !important;}
.market-shell .product-meta{margin-bottom:6px !important;}
.market-shell .rating-pill{height:25px !important;padding:0 8px !important;font-size:10px !important;}
.market-shell .vendor-title{font-size:18px !important;line-height:1.05 !important;margin-bottom:4px !important;}
.market-shell .vendor-id{font-size:8px !important;}
.market-shell .vendor-data{gap:4px !important;margin:8px 0 !important;}
.market-shell .data-row{font-size:11px !important;padding-top:7px !important;}
.market-shell .stock-meter{margin:8px 0 2px !important;}
.market-shell .stock-label{font-size:10px !important;margin-bottom:5px !important;}
.market-shell .stock-bar{height:6px !important;}
.market-shell .seller{gap:8px !important;margin-top:9px !important;padding-top:9px !important;}
.market-shell .seller-avatar{width:32px !important;height:32px !important;border-radius:12px !important;flex-basis:32px !important;}
.market-shell .seller-name{font-size:11px !important;}
.market-shell .seller-sub{font-size:9px !important;}
.market-shell .card-actions{padding-top:9px !important;}
.market-shell .small-btn{height:31px !important;padding:0 11px !important;font-size:10px !important;}
.market-shell .vendor-tags{display:none !important;}
.market-shell .slot-pill{display:none !important;}

@media(max-width:1180px){
  .market-shell .vendor-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}

@media(max-width:1100px){
  .market-shell .market-hero{grid-template-columns:1fr !important;grid-template-areas:"copy" "art" "ticker" !important;min-height:auto !important;padding-top:28px !important;}
  .market-shell .hero-copy{justify-self:start !important;max-width:760px !important;}
  .market-shell .hero-copy h1{max-width:760px !important;}
  .market-shell .hero-copy p{max-width:560px !important;}
  .market-shell .hero-art{min-height:440px !important;padding:34px 28px 122px !important;}
  .market-shell .hero-image{height:280px !important;}
  .market-shell .hero-stat-float{right:28px !important;width:min(580px,calc(100% - 190px)) !important;}
}

@media(max-width:720px){
  .market-shell .market-hero{gap:18px !important;padding-top:18px !important;}
  .market-shell .hero-copy h1{font-size:42px !important;line-height:1 !important;}
  .market-shell .hero-copy p{font-size:12px !important;margin-top:16px !important;}
  .market-shell .hero-art{min-height:auto !important;padding:18px 16px 130px !important;}
  .market-shell .hero-art:before{width:230px !important;height:230px !important;left:12px !important;top:32px !important;box-shadow:110px 110px 0 rgba(201,241,95,.08) !important;}
  .market-shell .hero-art:after{left:16px !important;bottom:24px !important;font-size:8px !important;padding:7px 10px !important;}
  .market-shell .hero-image{width:100% !important;height:220px !important;border-radius:24px !important;}
  .market-shell .hero-stat-float{left:16px !important;right:16px !important;bottom:72px !important;width:auto !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
  .market-shell .hero-stat-float > div{min-height:62px !important;padding:10px !important;border-radius:12px !important;}
  .market-shell .hero-stat-float strong{font-size:20px !important;}
  .market-shell .hero-stat-float span{font-size:7px !important;}
  .market-shell .market-hero:after{min-height:36px !important;width:100% !important;margin:0 auto !important;padding:0 16px !important;font-size:10px !important;word-spacing:8px !important;transform:rotate(-.8deg) !important;}
  .market-shell .vendor-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
  .market-shell .vendor-card{padding:9px !important;border-radius:20px !important;}
  .market-shell .product-image{height:145px !important;border-radius:17px !important;}
  .market-shell .component-chip.large{width:58px !important;height:58px !important;}
  .market-shell .component-label span{font-size:7px !important;min-height:20px !important;padding:0 6px !important;}
  .market-shell .vendor-title{font-size:15px !important;}
  .market-shell .data-row{font-size:10px !important;}
  .market-shell .seller-name{font-size:10px !important;}
}