/* === v1.33.4 Market Premium Redesign ===
   DB'ye dokunmadan mevcut verilerle market kartlarını kampanya kartı tarzına çeker.
   Market sayfası ve ana sayfa Puan Marketi kartlarını etkiler.
*/

html body:not(.admin-body) main.main .market-page-grid,
html body:not(.admin-body) main.main .market-home-grid{
  align-items:stretch!important;
}

html body:not(.admin-body) main.main .market-product-card,
html body:not(.admin-body) main.main .product-card.market-product-card{
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
  border-radius:14px!important;
  border:1px solid rgba(62,92,168,.28)!important;
  background:
    radial-gradient(circle at 50% -20%, rgba(45,83,174,.22), transparent 46%),
    linear-gradient(180deg, rgba(15,31,73,.96), rgba(10,20,52,.99))!important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  width:100%!important;
}

html body:not(.admin-body) main.main .market-product-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 24%),
    radial-gradient(circle at 80% 0%, rgba(255,96,16,.06), transparent 30%)!important;
  opacity:1!important;
}

html body:not(.admin-body) main.main .market-product-art{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  padding:10px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-bottom:1px solid rgba(89,113,190,.20)!important;
  background:
    radial-gradient(circle at 50% 0, rgba(32,65,142,.24), transparent 56%),
    rgba(5,13,35,.42)!important;
}

html body:not(.admin-body) main.main .market-product-art img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  border-radius:10px!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.20))!important;
}

html body:not(.admin-body) main.main .market-product-info{
  position:relative!important;
  z-index:1!important;
  flex:1!important;
  display:grid!important;
  grid-template-rows:auto auto auto 1fr auto!important;
  gap:8px!important;
  padding:12px!important;
  min-width:0!important;
  overflow:hidden!important;
}

html body:not(.admin-body) main.main .market-title-block{
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  min-width:0!important;
  overflow:hidden!important;
}

html body:not(.admin-body) main.main .market-title-icon{
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  margin-top:3px!important;
  filter:drop-shadow(0 5px 10px rgba(25,200,245,.16))!important;
}

html body:not(.admin-body) main.main .market-title-text{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  display:block!important;
}

html body:not(.admin-body) main.main .market-title-text strong{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  white-space:normal!important;
  text-overflow:ellipsis!important;
  overflow-wrap:anywhere!important;
  max-width:100%!important;
  color:#fff!important;
  font-size:clamp(22px, 2.4vw, 34px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  text-shadow:0 2px 0 rgba(0,0,0,.24)!important;
}

html body:not(.admin-body) main.main .market-title-text span{
  display:block!important;
  margin-top:4px!important;
  color:#d3efff!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:1000!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body:not(.admin-body) main.main .market-product-info p{
  margin:0!important;
  color:rgba(214,230,247,.76)!important;
  font-size:12.5px!important;
  line-height:1.34!important;
  font-weight:800!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}

/* Stok satırı: örnekteki gibi net mini bilgi alanı */
html body:not(.admin-body) main.main .market-stock,
html body:not(.admin-body) main.main .market-title-stock{
  position:relative!important;
  margin:2px 0 0!important;
  padding:8px 0 0!important;
  border-top:2px solid rgba(52,224,111,.75)!important;
  background:transparent!important;
  color:rgba(195,218,230,.76)!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:1000!important;
  text-transform:none!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
}

html body:not(.admin-body) main.main .market-product-info form{
  width:100%!important;
  margin:0!important;
  align-self:end!important;
}

/* Alt fiyat + buton satırı */
html body:not(.admin-body) main.main .market-coin,
html body:not(.admin-body) main.main .coin.market-coin{
  margin:0!important;
  align-self:end!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:9px 11px!important;
  border-radius:10px!important;
  background:rgba(6,18,48,.72)!important;
  border:1px solid rgba(70,100,170,.28)!important;
  color:#ffb55d!important;
  font-size:15px!important;
  line-height:1.05!important;
  font-weight:1000!important;
  letter-spacing:-.015em!important;
  white-space:normal!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

html body:not(.admin-body) main.main .coin-badge{
  width:21px!important;
  height:21px!important;
  min-width:21px!important;
  flex:0 0 21px!important;
}

/* Buton: örnekteki turuncu CTA */
html body:not(.admin-body) main.main .market-order-btn,
html body:not(.admin-body) main.main button.market-order-btn,
html body:not(.admin-body) main.main .green.market-order-btn{
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  padding:12px 14px!important;
  margin:0!important;
  border-radius:10px!important;
  border:0!important;
  background:linear-gradient(180deg,#ff7a1a 0%,#ff5b10 100%)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:1000!important;
  line-height:1.05!important;
  letter-spacing:.01em!important;
  text-align:center!important;
  text-shadow:0 1px 0 rgba(80,20,0,.24)!important;
  box-shadow:
    0 12px 22px rgba(255,91,16,.20),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
  transform:none!important;
  filter:none!important;
}

html body:not(.admin-body) main.main .market-order-btn:hover,
html body:not(.admin-body) main.main button.market-order-btn:hover{
  background:linear-gradient(180deg,#ff8a28 0%,#ff6416 100%)!important;
  transform:translateY(-1px)!important;
}

html body:not(.admin-body) main.main .market-order-btn:disabled,
html body:not(.admin-body) main.main button.market-order-btn:disabled{
  background:linear-gradient(180deg,rgba(17,52,72,.96),rgba(9,35,51,.98))!important;
  color:rgba(220,238,245,.70)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  cursor:not-allowed!important;
}

/* Desktop/tablet: fiyat ve buton yan yana, örneğe yakın */
@media(min-width:761px){
  html body:not(.admin-body) main.main .market-product-info{
    grid-template-columns:minmax(0,.64fr) minmax(0,1fr)!important;
    grid-template-rows:auto auto 1fr auto!important;
  }

  html body:not(.admin-body) main.main .market-title-block,
  html body:not(.admin-body) main.main .market-product-info p,
  html body:not(.admin-body) main.main .market-stock{
    grid-column:1 / -1!important;
  }

  html body:not(.admin-body) main.main .market-coin{
    grid-column:1!important;
    grid-row:4!important;
  }

  html body:not(.admin-body) main.main .market-product-info form{
    grid-column:2!important;
    grid-row:4!important;
  }
}

/* Mobil: market ve ana sayfa Puan Marketi 2 kolon, boş ilk slot/reset dahil */
@media(max-width:760px){
  html body:not(.admin-body) main.main .market-page-grid,
  html body:not(.admin-body) main.main > .market-page-grid,
  html body:not(.admin-body) main.main .market-home-grid,
  html body:not(.admin-body) main.main .market-home-wrap.market-home-grid,
  html body:not(.admin-body) main.main > .cards.market-grid,
  html body:not(.admin-body) main.main > .market-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:11px!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:visible!important;
  }

  html body:not(.admin-body) main.main .market-page-grid > .market-product-card,
  html body:not(.admin-body) main.main .market-home-grid > .market-product-card,
  html body:not(.admin-body) main.main .market-grid > .market-product-card,
  html body:not(.admin-body) main.main .market-page-grid > .product-card,
  html body:not(.admin-body) main.main .market-home-grid > .product-card,
  html body:not(.admin-body) main.main .market-grid > .product-card{
    grid-column:auto!important;
    grid-row:auto!important;
    order:0!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  html body:not(.admin-body) main.main .market-page-grid > .market-product-card:first-child,
  html body:not(.admin-body) main.main .market-home-grid > .market-product-card:first-child{
    grid-column:1!important;
    margin-left:0!important;
  }

  html body:not(.admin-body) main.main .market-product-info{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    padding:11px 10px!important;
  }

  html body:not(.admin-body) main.main .market-title-icon{
    width:19px!important;
    height:19px!important;
    min-width:19px!important;
  }

  html body:not(.admin-body) main.main .market-title-text strong{
    font-size:clamp(18px,5.1vw,23px)!important;
    line-height:1.07!important;
    min-height:2.14em!important;
  }

  html body:not(.admin-body) main.main .market-title-text span{
    font-size:11.5px!important;
  }

  html body:not(.admin-body) main.main .market-stock{
    font-size:11.5px!important;
    padding-top:7px!important;
  }

  html body:not(.admin-body) main.main .market-coin{
    width:100%!important;
    justify-content:flex-start!important;
    font-size:14px!important;
    min-height:38px!important;
    padding:8px 9px!important;
  }

  html body:not(.admin-body) main.main .market-order-btn,
  html body:not(.admin-body) main.main button.market-order-btn{
    min-height:42px!important;
    padding:10px 8px!important;
    font-size:14px!important;
  }
}

@media(max-width:390px){
  html body:not(.admin-body) main.main .market-page-grid,
  html body:not(.admin-body) main.main .market-home-grid{
    gap:9px!important;
  }

  html body:not(.admin-body) main.main .market-title-text strong{
    font-size:17px!important;
  }

  html body:not(.admin-body) main.main .market-coin{
    font-size:13px!important;
  }
}