/* AURA v21 — image visibility + attractive preorder status */

/* Category cards: make product photos visible again, but keep text readable */
.category-grid--overlay .category-card--image-bg{
  min-height:220px!important;
  background:linear-gradient(135deg,#fffaf0 0%,#fff 48%,#f7ebd2 100%)!important;
}
.category-grid--overlay .category-card--image-bg::before{
  background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.78) 38%,rgba(255,255,255,.08) 70%,rgba(255,255,255,0) 100%)!important;
}
.is-rtl .category-grid--overlay .category-card--image-bg::before{
  background:linear-gradient(270deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.78) 38%,rgba(255,255,255,.08) 70%,rgba(255,255,255,0) 100%)!important;
}
.category-grid--overlay .category-card--image-bg img{
  width:58%!important;
  max-width:none!important;
  opacity:1!important;
  filter:saturate(1.08) contrast(1.06) drop-shadow(0 18px 28px rgba(101,72,21,.12))!important;
  transform:translateX(4px) scale(1.06)!important;
}
.is-rtl .category-grid--overlay .category-card--image-bg img{
  transform:translateX(-4px) scale(1.06)!important;
}
.category-grid--overlay .category-card__text{
  max-width:48%!important;
  background:rgba(255,255,255,.66)!important;
  backdrop-filter:blur(2px)!important;
  border-radius:18px!important;
  padding:12px 14px!important;
}
.category-grid--overlay .category-card__text h3{
  text-shadow:0 1px 0 rgba(255,255,255,.9)!important;
}
.category-grid--overlay .category-card__text p{
  color:#554a3d!important;
  font-weight:700!important;
}
.category-grid--overlay .category-card__text span{
  color:#b57a00!important;
  background:rgba(255,246,224,.82)!important;
  border:1px solid rgba(196,143,20,.20)!important;
  border-radius:999px!important;
  padding:6px 12px!important;
  width:max-content!important;
}

/* Product preorder: clear, attractive tag distinct from available */
.product-card.is-preorder{
  border-color:rgba(154,91,255,.28)!important;
  box-shadow:0 18px 46px rgba(88,53,166,.08)!important;
}
.product-badge--preorder,
.stock-chip--preorder{
  color:#fff!important;
  background:linear-gradient(135deg,#6b4cff 0%,#b15cff 48%,#f5a623 100%)!important;
  border:0!important;
  box-shadow:0 10px 22px rgba(126,79,255,.24)!important;
}
.product-badge--preorder{
  padding:7px 12px!important;
  letter-spacing:.08em!important;
}
.stock-chip--preorder{
  font-size:11px!important;
  padding:7px 12px!important;
  position:relative!important;
  overflow:hidden!important;
}
.stock-chip--preorder::before{
  content:"";
  width:7px;height:7px;border-radius:999px;
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.18);
  margin-inline-end:7px;
  flex:0 0 auto;
}
html[dir="rtl"] .stock-chip--preorder::before{margin-inline-end:0;margin-inline-start:7px}
.product-card.is-preorder .card-action--order{
  background:linear-gradient(135deg,#6b4cff,#b15cff 52%,#f5a623)!important;
  box-shadow:0 14px 28px rgba(126,79,255,.24)!important;
}
.product-card.is-preorder .card-action--cart:disabled{
  opacity:.58!important;
  background:#f3edf9!important;
  color:#8d7b9d!important;
  border-color:rgba(126,79,255,.18)!important;
}

@media(max-width:900px){
  .category-grid--overlay .category-card--image-bg{min-height:164px!important}
  .category-grid--overlay .category-card--image-bg img{width:54%!important;opacity:1!important;inset-block:10px!important;height:calc(100% - 20px)!important}
  .category-grid--overlay .category-card__text{max-width:56%!important;padding:10px 12px!important}
}
@media(max-width:640px){
  .category-grid--overlay .category-card--image-bg{min-height:148px!important;padding:14px!important}
  .category-grid--overlay .category-card--image-bg::before{
    background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.82) 47%,rgba(255,255,255,.10) 100%)!important;
  }
  .is-rtl .category-grid--overlay .category-card--image-bg::before{
    background:linear-gradient(270deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.82) 47%,rgba(255,255,255,.10) 100%)!important;
  }
  .category-grid--overlay .category-card--image-bg img{
    width:56%!important;
    inset-inline-end:4px!important;
    opacity:1!important;
    transform:translateX(8px) scale(1.10)!important;
  }
  .is-rtl .category-grid--overlay .category-card--image-bg img{
    inset-inline-start:4px!important;
    inset-inline-end:auto!important;
    transform:translateX(-8px) scale(1.10)!important;
  }
  .category-grid--overlay .category-card__text{max-width:58%!important;background:rgba(255,255,255,.72)!important}
  .category-grid--overlay .category-card__text h3{font-size:22px!important}
  .category-grid--overlay .category-card__text p{font-size:12px!important}
}