/* AURA v22 — final category fix: no faded background image. Real visible photo block + text block. */
.category-grid.category-grid--overlay{
  width:min(1180px,calc(100% - 32px))!important;
  margin:46px auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
}
.category-grid--overlay .category-card--image-bg{
  min-height:206px!important;
  padding:22px 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid rgba(204,164,78,.34)!important;
  background:linear-gradient(135deg,#fffdf8 0%,#fff8ec 100%)!important;
  box-shadow:0 18px 44px rgba(51,38,14,.07)!important;
  text-decoration:none!important;
  color:#0b0b0b!important;
}
.category-grid--overlay .category-card--image-bg::before,
.category-grid--overlay .category-card--image-bg::after{
  display:none!important;
  content:none!important;
}
.category-grid--overlay .category-card--image-bg img{
  position:relative!important;
  inset:auto!important;
  order:2!important;
  flex:0 0 50%!important;
  width:50%!important;
  max-width:50%!important;
  height:154px!important;
  min-height:154px!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  visibility:visible!important;
  padding:0!important;
  margin:0!important;
  z-index:1!important;
  transform:none!important;
  filter:saturate(1.18) contrast(1.12) drop-shadow(0 14px 20px rgba(127,88,15,.18))!important;
  mix-blend-mode:normal!important;
  background:radial-gradient(circle at center,rgba(255,255,255,.95) 0%,rgba(255,248,231,.66) 52%,transparent 72%)!important;
  border-radius:20px!important;
}
.category-grid--overlay .category-card__text{
  order:1!important;
  flex:1 1 48%!important;
  width:auto!important;
  max-width:none!important;
  position:relative!important;
  z-index:2!important;
  background:transparent!important;
  backdrop-filter:none!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  text-align:start!important;
  gap:10px!important;
}
html[dir='rtl'] .category-grid--overlay .category-card__text,
.is-rtl .category-grid--overlay .category-card__text{
  text-align:right!important;
  align-items:flex-start!important;
  margin:0!important;
}
.category-grid--overlay .category-card__text h3{
  margin:0!important;
  color:#050505!important;
  font-family:Cairo,Montserrat,Arial,sans-serif!important;
  font-size:26px!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:0!important;
  text-shadow:none!important;
}
html[lang='fr'] .category-grid--overlay .category-card__text h3{
  font-family:Cinzel,Georgia,serif!important;
  font-size:24px!important;
  letter-spacing:.08em!important;
}
.category-grid--overlay .category-card__text p{
  margin:0!important;
  color:#6d604f!important;
  font-size:13px!important;
  line-height:1.55!important;
  font-weight:700!important;
}
.category-grid--overlay .category-card__text span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  margin-top:2px!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  color:#a66e00!important;
  background:#fff6df!important;
  border:1px solid rgba(198,148,35,.32)!important;
  font-weight:900!important;
  font-size:12px!important;
  line-height:1!important;
  box-shadow:0 10px 20px rgba(188,133,19,.08)!important;
}
.category-grid--overlay .category-card--image-bg:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(204,164,78,.52)!important;
  box-shadow:0 22px 54px rgba(51,38,14,.11)!important;
}
.category-grid--overlay .category-card--image-bg:hover img{
  transform:scale(1.04)!important;
}

/* More attractive and unambiguous preorder badges */
.product-badge--preorder,
.stock-chip--preorder,
.product-info .stock-chip--preorder{
  color:#fff!important;
  background:linear-gradient(135deg,#7b3ff2 0%,#d14fa8 52%,#ff9f1c 100%)!important;
  border:0!important;
  box-shadow:0 10px 24px rgba(133,63,229,.25)!important;
}
.product-badge--preorder{padding:8px 12px!important;border-radius:999px!important;font-weight:900!important}
.stock-chip--preorder{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:8px 12px!important;border-radius:999px!important;font-weight:900!important;letter-spacing:0!important}
.stock-chip--preorder::before{content:"";width:8px;height:8px;border-radius:999px;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.2);flex:0 0 auto}
.product-card.is-preorder .card-action--order,
.product-ctas .btn--primary{box-shadow:0 14px 28px rgba(196,157,74,.2)}
.product-card.is-preorder .card-action--order{background:linear-gradient(135deg,#7b3ff2,#d14fa8 52%,#ff9f1c)!important;color:#fff!important}

@media(max-width:980px){
  .category-grid.category-grid--overlay{grid-template-columns:1fr!important;gap:16px!important;margin:28px auto!important;width:min(680px,calc(100% - 24px))!important}
  .category-grid--overlay .category-card--image-bg{min-height:176px!important;padding:18px 20px!important}
  .category-grid--overlay .category-card--image-bg img{height:132px!important;min-height:132px!important;flex-basis:48%!important;width:48%!important;max-width:48%!important}
}
@media(max-width:560px){
  .category-grid.category-grid--overlay{width:calc(100% - 20px)!important;gap:12px!important;margin:22px auto!important}
  .category-grid--overlay .category-card--image-bg{min-height:144px!important;padding:16px!important;gap:10px!important;border-radius:20px!important}
  .category-grid--overlay .category-card--image-bg img{height:112px!important;min-height:112px!important;flex-basis:46%!important;width:46%!important;max-width:46%!important}
  .category-grid--overlay .category-card__text{flex-basis:52%!important;gap:7px!important}
  .category-grid--overlay .category-card__text h3{font-size:22px!important}
  html[lang='fr'] .category-grid--overlay .category-card__text h3{font-size:20px!important}
  .category-grid--overlay .category-card__text p{font-size:12px!important;line-height:1.35!important}
  .category-grid--overlay .category-card__text span{padding:7px 11px!important;font-size:11px!important}
}



/* AURA v35 — category cards: larger full visual image area */
.category-grid.category-grid--overlay{
  width:min(1240px, calc(100% - 32px))!important;
  gap:20px!important;
}

.category-grid--overlay .category-card--image-bg,
html[dir='rtl'] .category-grid--overlay .category-card--image-bg,
.is-rtl .category-grid--overlay .category-card--image-bg{
  grid-template-columns: 1fr 44%!important;
  min-height:214px!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,#fffdfa 0%,#fcf6ea 58%,#f8efdf 100%)!important;
  box-shadow:0 18px 36px rgba(62,45,17,.08)!important;
}

html[dir='ltr'] .category-grid--overlay .category-card--image-bg,
body:not(.is-rtl) .category-grid--overlay .category-card--image-bg{
  grid-template-columns:44% 1fr!important;
}

.category-grid--overlay .category-card--image-bg::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 22% 18%, rgba(255,255,255,.65) 0%, rgba(255,255,255,0) 28%)!important;
  z-index:0!important;
}

.category-grid--overlay .category-card--image-bg::after,
html[dir='rtl'] .category-grid--overlay .category-card--image-bg::after,
.is-rtl .category-grid--overlay .category-card--image-bg::after,
html[dir='ltr'] .category-grid--overlay .category-card--image-bg::after,
body:not(.is-rtl) .category-grid--overlay .category-card--image-bg::after{
  content:""!important;
  position:absolute!important;
  top:18px!important;
  bottom:18px!important;
  width:1px!important;
  background:linear-gradient(180deg, rgba(204,164,78,0) 0%, rgba(204,164,78,.22) 14%, rgba(204,164,78,.22) 86%, rgba(204,164,78,0) 100%)!important;
}
html[dir='rtl'] .category-grid--overlay .category-card--image-bg::after,
.is-rtl .category-grid--overlay .category-card--image-bg::after{ right:44%!important; }
html[dir='ltr'] .category-grid--overlay .category-card--image-bg::after,
body:not(.is-rtl) .category-grid--overlay .category-card--image-bg::after{ left:44%!important; right:auto!important; }

.category-grid--overlay .category-card--image-bg img{
  width:100%!important;
  height:100%!important;
  min-height:214px!important;
  max-width:none!important;
  min-width:0!important;
  padding:16px!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:linear-gradient(180deg,#fffefe 0%,#fbf3e4 100%)!important;
  filter:drop-shadow(0 18px 22px rgba(130,95,28,.16)) saturate(1.03)!important;
  border-radius:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}

html[dir='rtl'] .category-grid--overlay .category-card--image-bg img,
.is-rtl .category-grid--overlay .category-card--image-bg img{
  grid-column:2!important;
  border-inline-start:1px solid rgba(204,164,78,.12)!important;
  border-inline-end:0!important;
}

html[dir='ltr'] .category-grid--overlay .category-card--image-bg img,
body:not(.is-rtl) .category-grid--overlay .category-card--image-bg img{
  grid-column:1!important;
  border-inline-end:1px solid rgba(204,164,78,.12)!important;
  border-inline-start:0!important;
}

.category-grid--overlay .category-card__text{
  padding:24px 22px!important;
  gap:8px!important;
  justify-content:center!important;
}
.category-grid--overlay .category-card__text h3{ font-size:24px!important; }
.category-grid--overlay .category-card__text p{
  font-size:13px!important;
  color:#7a6b58!important;
  max-width:22ch!important;
}
.category-grid--overlay .category-card__text span{
  min-height:36px!important;
  padding:8px 14px!important;
  background:linear-gradient(180deg,#fff8ea 0%, #ffefca 100%)!important;
}

.category-grid--overlay .category-card--image-bg:hover img{
  transform:scale(1.02)!important;
}

@media (max-width: 980px){
  .category-grid.category-grid--overlay{ grid-template-columns:1fr!important; gap:14px!important; }
}

@media (max-width: 640px){
  .category-grid.category-grid--overlay{ width:calc(100% - 16px)!important; gap:12px!important; }
  .category-grid--overlay .category-card--image-bg,
  html[dir='rtl'] .category-grid--overlay .category-card--image-bg,
  .is-rtl .category-grid--overlay .category-card--image-bg,
  html[dir='ltr'] .category-grid--overlay .category-card--image-bg,
  body:not(.is-rtl) .category-grid--overlay .category-card--image-bg{
    grid-template-columns:48% 1fr!important;
    min-height:168px!important;
    border-radius:22px!important;
  }
  html[dir='rtl'] .category-grid--overlay .category-card--image-bg::after,
  .is-rtl .category-grid--overlay .category-card--image-bg::after{ right:48%!important; top:14px!important; bottom:14px!important; }
  html[dir='ltr'] .category-grid--overlay .category-card--image-bg::after,
  body:not(.is-rtl) .category-grid--overlay .category-card--image-bg::after{ left:48%!important; top:14px!important; bottom:14px!important; }
  .category-grid--overlay .category-card--image-bg img{
    min-height:168px!important;
    padding:10px!important;
  }
  .category-grid--overlay .category-card__text{ padding:16px 14px!important; }
  .category-grid--overlay .category-card__text h3{ font-size:20px!important; }
  .category-grid--overlay .category-card__text p{ font-size:11.5px!important; line-height:1.35!important; }
  .category-grid--overlay .category-card__text span{ min-height:32px!important; font-size:11px!important; padding:7px 12px!important; }
}