/* WarextMarket v0.698
   Canonical listing-card family.
   Main/random card is the visual authority.
   Plain market/category cards intentionally omit the corner ribbon.
   Featured cards keep the same ribbon geometry with their own label. */

:root{
  --warext-listing-card-bg-top:rgba(16,19,32,.992);
  --warext-listing-card-bg-mid:rgba(13,16,28,.994);
  --warext-listing-card-bg-bottom:rgba(11,14,25,.997);
  --warext-listing-card-border:rgba(132,140,184,.16);
  --warext-listing-card-border-hover:rgba(145,137,207,.27);
  --warext-listing-card-text:#f6f7ff;
  --warext-listing-card-muted:rgba(220,226,244,.84);
  --warext-listing-card-accent:#9c8cff;
}

html body:not(.admin-body) .listing-browser-card.home-random-card,
html body:not(.admin-body) .featured-home-card.listing-browser-card,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card,
html body:not(.admin-body) .listing-browser-card.listing-browser-card--reference{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  min-height:560px!important;
  margin:0!important;
  padding:0 16px 18px!important;
  gap:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border:1px solid var(--warext-listing-card-border)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 28% 15%,rgba(255,255,255,.045),transparent 25%),
    linear-gradient(180deg,var(--warext-listing-card-bg-top) 0%,var(--warext-listing-card-bg-mid) 25%,var(--warext-listing-card-bg-bottom) 100%)!important;
  color:var(--warext-listing-card-text)!important;
  text-decoration:none!important;
  box-shadow:
    0 18px 42px rgba(2,4,14,.31),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
  transform:none!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
  contain:layout paint!important;
}

html body:not(.admin-body) .listing-browser-card.home-random-card:hover,
html body:not(.admin-body) .featured-home-card.listing-browser-card:hover,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card:hover,
html body:not(.admin-body) .listing-browser-card.listing-browser-card--reference:hover,
html body:not(.admin-body) .listing-browser-card.listing-browser-card--reference:focus-visible{
  transform:translateY(-3px)!important;
  border-color:var(--warext-listing-card-border-hover)!important;
  box-shadow:
    0 24px 48px rgba(2,4,14,.38),
    0 0 0 1px rgba(129,118,255,.08),
    inset 0 1px 0 rgba(255,255,255,.045)!important;
}

/* No pseudo card decorations from older card generations. */
html body:not(.admin-body) .listing-browser-card.home-random-card::before,
html body:not(.admin-body) .featured-home-card.listing-browser-card::before,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card::before,
html body:not(.admin-body) .listing-browser-card.listing-browser-card--reference::before{
  display:none!important;
  content:none!important;
  background:none!important;
}

/* Plain cards: İlan Pazarı + kategori ilanları. There is no ribbon placeholder. */
html body:not(.admin-body) .listing-browser-card--reference.listing-browser-card--plain .listing-browser-card__corner-ribbon{
  display:none!important;
}
html body:not(.admin-body) .listing-browser-card--reference.listing-browser-card--plain .listing-browser-card__seller{
  margin:17px 0 10px 0!important;
  width:100%!important;
}

/* Ribbon cards: main/random, weekly deal and featured all share geometry. */
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__corner-ribbon,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__corner-ribbon,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__corner-ribbon{
  position:absolute!important;
  top:-19px!important;
  left:-19px!important;
  width:160px!important;
  height:160px!important;
  display:block!important;
  overflow:hidden!important;
  z-index:9!important;
  pointer-events:none!important;
}
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__corner-ribbon>span,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__corner-ribbon>span,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__corner-ribbon>span{
  position:absolute!important;
  top:43px!important;
  left:-46px!important;
  width:218px!important;
  height:39px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:rotate(-45deg)!important;
  transform-origin:center center!important;
  background:linear-gradient(90deg,#ff784d 0%,#ffa642 55%,#ff854d 100%)!important;
  color:#fff!important;
  font-size:.70rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-shadow:0 1px 0 rgba(0,0,0,.12)!important;
  box-shadow:0 6px 14px rgba(0,0,0,.18)!important;
}
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__corner-ribbon::after,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__corner-ribbon::after,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__corner-ribbon::after{
  display:none!important;
  content:none!important;
}

/* Featured has the same ribbon shape; only color/label semantics differ. */
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__corner-ribbon>span{
  background:linear-gradient(90deg,#735cff 0%,#9a63ff 52%,#c15ee8 100%)!important;
  box-shadow:0 6px 16px rgba(109,83,235,.26)!important;
}

/* Seller row */
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__seller,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__seller,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__seller{
  margin:37px 0 9px 47px!important;
  width:calc(100% - 47px)!important;
}
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__seller,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__seller,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__seller,
html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__seller{
  min-height:50px!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
  box-sizing:border-box!important;
}
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__seller-avatar,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__seller-avatar,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__seller-avatar,
html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__seller-avatar,
html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__seller-avatar.cosmetic-avatar-shell{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  max-width:50px!important;
  max-height:50px!important;
  border-radius:50%!important;
  overflow:visible!important;
  transform:none!important;
  background:linear-gradient(135deg,rgba(105,114,255,.90),rgba(255,138,118,.80))!important;
  box-shadow:0 8px 18px rgba(8,10,24,.20)!important;
}
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__seller-avatar>img,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__seller-avatar>img,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__seller-avatar>img,
html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__seller-avatar>img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__seller-meta,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__seller-meta,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__seller-meta,
html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__seller-meta{
  min-width:0!important;
  max-width:100%!important;
  padding:0!important;
  transform:none!important;
}
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__seller-meta strong,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__seller-meta strong,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__seller-meta strong,
html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__seller-meta strong{
  display:block!important;
  margin:0 0 2px!important;
  color:#f8f9ff!important;
  font-size:.96rem!important;
  line-height:1.06!important;
  font-weight:900!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__seller-meta span,
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__seller-meta small,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__seller-meta span,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__seller-meta small,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__seller-meta span,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__seller-meta small,
html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__seller-meta span,
html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__seller-meta small{
  display:block!important;
  margin:0!important;
  color:var(--warext-listing-card-muted)!important;
  font-size:.78rem!important;
  line-height:1.14!important;
  font-weight:500!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Media: same proportions and category pill everywhere. */
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__media,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__media,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__media,
html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__media{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1.08 / 1!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(34,72,128,.62),rgba(22,31,53,.90))!important;
  box-shadow:none!important;
}
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__media>img,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__media>img,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__media>img,
html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__media>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:14px!important;
  filter:none!important;
}
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__media .listing-browser-card__badge,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__media .listing-browser-card__badge,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__media .listing-browser-card__badge,
html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__media .listing-browser-card__badge{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:12px!important;
  transform:translateX(-50%)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:78%!important;
  min-height:33px!important;
  padding:5px 15px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(112,75,245,.96),rgba(186,89,247,.93))!important;
  color:#fff!important;
  font-size:.80rem!important;
  line-height:1.05!important;
  font-weight:900!important;
  text-align:center!important;
  white-space:normal!important;
  box-shadow:0 10px 22px rgba(6,7,18,.30),inset 0 1px 0 rgba(255,255,255,.12)!important;
  z-index:4!important;
}

/* Body */
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__body,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__body,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__body,
html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__body h3,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__body h3,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__body h3,
html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__body h3{
  display:-webkit-box!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:10px 0 5px!important;
  overflow:hidden!important;
  color:#f7f8ff!important;
  font-size:.98rem!important;
  line-height:1.18!important;
  font-weight:900!important;
  letter-spacing:-.015em!important;
  text-align:left!important;
  overflow-wrap:anywhere!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__body ul,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__body ul,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__body ul,
html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__body ul{
  display:grid!important;
  gap:7px!important;
  margin:7px 0 16px!important;
  padding:0!important;
  list-style:none!important;
  color:var(--warext-listing-card-muted)!important;
  font-size:.84rem!important;
  line-height:1.24!important;
  font-weight:500!important;
}
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__body li,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__body li,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__body li,
html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__body li{
  min-width:0!important;
  min-height:18px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Price panel: replaces the thick lavender pill with a quieter site-native surface. */
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__price,
html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__price--cta,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__price,
html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__price--cta,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__price,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__price--cta,
html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__price,
html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__price--cta{
  display:block!important;
  width:100%!important;
  margin-top:auto!important;
  padding:0!important;
  transform:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body:not(.admin-body) .listing-browser-card.home-random-card .animated-purchase-cta,
html body:not(.admin-body) .featured-home-card.listing-browser-card .animated-purchase-cta,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .animated-purchase-cta,
html body:not(.admin-body) .listing-browser-card--reference .animated-purchase-cta{
  --purchase-accent:var(--warext-listing-card-accent)!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  height:52px!important;
  min-height:52px!important;
  padding:0 16px!important;
  overflow:hidden!important;
  border:1px solid rgba(145,132,255,.34)!important;
  border-radius:15px!important;
  background:
    linear-gradient(180deg,rgba(41,37,69,.88),rgba(19,22,42,.96))!important;
  color:#f2f4ff!important;
  box-shadow:
    0 10px 24px rgba(4,6,18,.20),
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 0 0 1px rgba(116,97,219,.035)!important;
}
html body:not(.admin-body) .listing-browser-card.home-random-card:hover .animated-purchase-cta,
html body:not(.admin-body) .featured-home-card.listing-browser-card:hover .animated-purchase-cta,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card:hover .animated-purchase-cta,
html body:not(.admin-body) .listing-browser-card--reference:hover .animated-purchase-cta{
  border-color:rgba(154,139,255,.48)!important;
  background:linear-gradient(180deg,rgba(49,43,83,.92),rgba(21,24,47,.98))!important;
  box-shadow:0 12px 26px rgba(4,6,18,.24),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
html body:not(.admin-body) .listing-browser-card.home-random-card .animated-purchase-cta__text--price,
html body:not(.admin-body) .featured-home-card.listing-browser-card .animated-purchase-cta__text--price,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .animated-purchase-cta__text--price,
html body:not(.admin-body) .listing-browser-card--reference .animated-purchase-cta__text--price{
  position:static!important;
  display:block!important;
  margin:0!important;
  color:#f4f5ff!important;
  font-size:1.08rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  transform:none!important;
  opacity:1!important;
}
html body:not(.admin-body) .listing-browser-card.home-random-card .animated-purchase-cta__arrow,
html body:not(.admin-body) .featured-home-card.listing-browser-card .animated-purchase-cta__arrow,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .animated-purchase-cta__arrow,
html body:not(.admin-body) .listing-browser-card--reference .animated-purchase-cta__arrow,
html body:not(.admin-body) .listing-browser-card.home-random-card .animated-purchase-cta__text--action,
html body:not(.admin-body) .featured-home-card.listing-browser-card .animated-purchase-cta__text--action,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .animated-purchase-cta__text--action,
html body:not(.admin-body) .listing-browser-card--reference .animated-purchase-cta__text--action,
html body:not(.admin-body) .listing-browser-card.home-random-card .animated-purchase-cta__circle,
html body:not(.admin-body) .featured-home-card.listing-browser-card .animated-purchase-cta__circle,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card .animated-purchase-cta__circle,
html body:not(.admin-body) .listing-browser-card--reference .animated-purchase-cta__circle{
  display:none!important;
}

/* Marketplace/category grids keep independent card surfaces but inherit the
   exact component visuals above. */
html body:not(.admin-body) .listing-browser-grid:has(> .listing-browser-card--reference){
  align-items:stretch!important;
  gap:22px 18px!important;
}
html body:not(.admin-body) .listing-browser-grid>.listing-browser-card--reference{
  min-height:560px!important;
}

@media(max-width:1399px){
  html body:not(.admin-body) .listing-browser-card.home-random-card,
  html body:not(.admin-body) .featured-home-card.listing-browser-card,
  html body:not(.admin-body) .weekly-deals-card.listing-browser-card,
  html body:not(.admin-body) .listing-browser-card.listing-browser-card--reference{
    min-height:540px!important;
  }
}
@media(max-width:760px){
  html body:not(.admin-body) .listing-browser-card.home-random-card,
  html body:not(.admin-body) .featured-home-card.listing-browser-card,
  html body:not(.admin-body) .weekly-deals-card.listing-browser-card,
  html body:not(.admin-body) .listing-browser-card.listing-browser-card--reference{
    min-height:0!important;
    height:auto!important;
    padding:0 12px 14px!important;
    border-radius:16px!important;
  }
  html body:not(.admin-body) .listing-browser-card--reference.listing-browser-card--plain .listing-browser-card__seller{
    margin-top:14px!important;
  }
  html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__seller,
  html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__seller,
  html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__seller{
    margin:35px 0 8px 42px!important;
    width:calc(100% - 42px)!important;
  }
  html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__seller,
  html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__seller,
  html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__seller,
  html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__seller{
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:9px!important;
    min-height:46px!important;
  }
  html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__seller-avatar,
  html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__seller-avatar,
  html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__seller-avatar,
  html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__seller-avatar{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }
  html body:not(.admin-body) .listing-browser-card.home-random-card .listing-browser-card__media,
  html body:not(.admin-body) .featured-home-card.listing-browser-card .listing-browser-card__media,
  html body:not(.admin-body) .weekly-deals-card.listing-browser-card .listing-browser-card__media,
  html body:not(.admin-body) .listing-browser-card--reference .listing-browser-card__media{
    aspect-ratio:1.12 / 1!important;
  }
  html body:not(.admin-body) .listing-browser-card.home-random-card .animated-purchase-cta,
  html body:not(.admin-body) .featured-home-card.listing-browser-card .animated-purchase-cta,
  html body:not(.admin-body) .weekly-deals-card.listing-browser-card .animated-purchase-cta,
  html body:not(.admin-body) .listing-browser-card--reference .animated-purchase-cta{
    height:50px!important;
    min-height:50px!important;
    border-radius:14px!important;
  }
}


/* WAREXT_V0703_LISTING_SURFACE_HARMONY */
html body:not(.admin-body) .listing-browser-card.home-random-card,
html body:not(.admin-body) .featured-home-card.listing-browser-card,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card,
html body:not(.admin-body) .listing-browser-card.listing-browser-card--reference{
  background:linear-gradient(180deg,var(--warext-listing-card-bg-top) 0%,var(--warext-listing-card-bg-mid) 54%,var(--warext-listing-card-bg-bottom) 100%)!important;
  border-color:var(--warext-listing-card-border)!important;
  box-shadow:0 14px 32px rgba(3,5,15,.20),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
html body:not(.admin-body) .listing-browser-card.home-random-card:hover,
html body:not(.admin-body) .featured-home-card.listing-browser-card:hover,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card:hover,
html body:not(.admin-body) .listing-browser-card.listing-browser-card--reference:hover,
html body:not(.admin-body) .listing-browser-card.listing-browser-card--reference:focus-visible{
  box-shadow:0 18px 38px rgba(3,5,15,.25),0 0 0 1px rgba(129,118,255,.055),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html body:not(.admin-body) .listing-browser-card--reference .animated-purchase-cta{
  background:linear-gradient(180deg,rgba(47,43,70,.78),rgba(30,30,47,.90))!important;
  border-color:rgba(150,138,229,.27)!important;
  box-shadow:0 8px 18px rgba(4,6,18,.14),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html body:not(.admin-body) .listing-browser-card--reference:hover .animated-purchase-cta{
  background:linear-gradient(180deg,rgba(53,47,79,.82),rgba(32,32,50,.93))!important;
  border-color:rgba(157,143,238,.38)!important;
  box-shadow:0 9px 20px rgba(4,6,18,.17),inset 0 1px 0 rgba(255,255,255,.04)!important;
}


/* WAREXT_V0705_CARD_SURFACE_SYSTEM */
html body:not(.admin-body) .listing-browser-card.home-random-card,
html body:not(.admin-body) .featured-home-card.listing-browser-card,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card,
html body:not(.admin-body) .listing-browser-card.listing-browser-card--reference{
  background:
    linear-gradient(180deg,rgba(16,19,32,.992) 0%,rgba(13,16,28,.994) 56%,rgba(11,14,25,.997) 100%)!important;
  border-color:rgba(132,140,184,.16)!important;
  box-shadow:0 10px 24px rgba(1,4,13,.15),inset 0 1px 0 rgba(255,255,255,.022)!important;
}
html body:not(.admin-body) .listing-browser-card.home-random-card:hover,
html body:not(.admin-body) .featured-home-card.listing-browser-card:hover,
html body:not(.admin-body) .weekly-deals-card.listing-browser-card:hover,
html body:not(.admin-body) .listing-browser-card.listing-browser-card--reference:hover,
html body:not(.admin-body) .listing-browser-card.listing-browser-card--reference:focus-visible{
  border-color:rgba(145,137,207,.27)!important;
  box-shadow:0 14px 30px rgba(1,4,13,.19),0 0 0 1px rgba(120,110,190,.035),inset 0 1px 0 rgba(255,255,255,.028)!important;
}
html body:not(.admin-body) .listing-browser-card--reference .animated-purchase-cta,
html body:not(.admin-body) .home-random-card .animated-purchase-cta,
html body:not(.admin-body) .featured-home-card .animated-purchase-cta,
html body:not(.admin-body) .weekly-deals-card .animated-purchase-cta{
  background:linear-gradient(180deg,rgba(27,28,48,.82),rgba(18,20,35,.94))!important;
  border-color:rgba(137,126,201,.23)!important;
  box-shadow:0 5px 13px rgba(1,4,13,.10),inset 0 1px 0 rgba(255,255,255,.025)!important;
}