/* V45 — Store product cards fix only.
   Scope: collections.html / body.store-page product cards.
   Based on V44. Does not touch header, drawer, homepage, product page, dashboard, Firestore, or product loading logic. */

body.store-page .store-product-hint{
  margin:10px auto 0!important;
  max-width:620px!important;
  color:rgba(35,28,17,.58)!important;
  font-size:13px!important;
  line-height:1.8!important;
  text-align:center!important;
}

body.store-page .store-product-hint::before{
  content:"↗";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  margin-inline-end:6px;
  border-radius:999px;
  background:rgba(20,15,8,.08);
  color:#8c642e;
  font-size:11px;
  font-weight:900;
  vertical-align:middle;
}

body.store-page .store-product-card,
body.store-page .product-card.damas-product-tile,
body.store-page .damas-product-tile{
  background:linear-gradient(180deg,#fff9ef 0%,#eadcc5 100%)!important;
}

body.store-page .store-product-card .product-media,
body.store-page .product-card .product-media,
body.store-page .damas-product-tile .product-media{
  position:relative!important;
  isolation:isolate!important;
}

body.store-page .store-product-card .product-media::after,
body.store-page .product-card .product-media::after,
body.store-page .damas-product-tile .product-media::after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  left:0!important;
  bottom:0!important;
  height:38%!important;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.18))!important;
  pointer-events:none!important;
  z-index:1!important;
}

/* Discount badge lives on the image, bottom corner */
body.store-page .product-discount{
  position:absolute!important;
  right:10px!important;
  bottom:10px!important;
  top:auto!important;
  left:auto!important;
  z-index:3!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:27px!important;
  padding:0 10px!important;
  margin:0!important;
  border-radius:999px!important;
  background:rgba(8,6,3,.88)!important;
  color:#f5d68a!important;
  border:1px solid rgba(245,214,138,.32)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.26)!important;
  font-size:10.8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}

body.store-page .store-product-card .product-body,
body.store-page .product-card .product-body,
body.store-page .damas-product-tile .product-body{
  display:flex!important;
  flex-direction:column!important;
  padding:16px 16px 17px!important;
  background:linear-gradient(180deg,#fbf3e6 0%,#eadcc4 100%)!important;
  color:#11100c!important;
}

/* Reset old mobile ordering from previous shared CSS layers */
body.store-page .store-product-card h3,
body.store-page .product-card h3,
body.store-page .damas-product-tile h3{
  order:1!important;
  margin:0 0 10px!important;
  min-height:2.48em!important;
  font-size:clamp(17px,1.42vw,21px)!important;
  line-height:1.24!important;
  text-align:right!important;
  color:#11100c!important;
  text-shadow:none!important;
  white-space:normal!important;
}

body.store-page .store-product-card .price-row,
body.store-page .product-card .price-row,
body.store-page .damas-product-tile .price-row{
  order:2!important;
  display:block!important;
  margin:0!important;
  padding:10px 0 0!important;
  border-top:1px solid rgba(88,66,31,.17)!important;
  background:transparent!important;
}

body.store-page .store-product-card .price-stack,
body.store-page .product-card .price-stack,
body.store-page .damas-product-tile .price-stack,
body.store-page .store-product-card .price-row > span,
body.store-page .product-card .price-row > span,
body.store-page .damas-product-tile .price-row > span{
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  direction:rtl!important;
}

body.store-page .store-product-card .price-stack strong,
body.store-page .product-card .price-stack strong,
body.store-page .damas-product-tile .price-stack strong{
  color:#0d0a06!important;
  font-size:clamp(15px,1.34vw,18px)!important;
  font-weight:950!important;
  text-align:right!important;
  direction:ltr!important;
  text-shadow:none!important;
}

body.store-page .store-product-card .old-price,
body.store-page .product-card .old-price,
body.store-page .damas-product-tile .old-price{
  display:inline-block!important;
  color:rgba(42,33,18,.46)!important;
  font-size:12px!important;
  font-weight:800!important;
  text-decoration:line-through!important;
  direction:ltr!important;
}

body.store-page .store-card-cta,
body.store-page .store-card-add{
  order:3!important;
  min-height:39px!important;
  width:100%!important;
  margin:13px 0 0!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#050403!important;
  color:#fff7e8!important;
  border:1px solid rgba(255,255,255,.10)!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

body.store-page .store-card-add:hover{
  background:#15110c!important;
}

body.store-page .store-card-add.is-added{
  background:#1b2b19!important;
  color:#f6ffe8!important;
}

body.store-page .store-card-add.is-loading{
  opacity:.74!important;
  pointer-events:none!important;
}

@media (max-width:820px){
  body.store-page .store-product-hint{
    font-size:12.4px!important;
    margin-top:8px!important;
  }

  body.store-page .store-product-card .product-body,
  body.store-page .product-card .product-body,
  body.store-page .damas-product-tile .product-body{
    padding:11px 10px 12px!important;
  }

  body.store-page .store-product-card h3,
  body.store-page .product-card h3,
  body.store-page .damas-product-tile h3{
    font-size:13.6px!important;
    line-height:1.25!important;
    min-height:2.5em!important;
    margin-bottom:8px!important;
  }

  body.store-page .store-product-card .price-row,
  body.store-page .product-card .price-row,
  body.store-page .damas-product-tile .price-row{
    padding-top:8px!important;
  }

  body.store-page .store-product-card .price-stack,
  body.store-page .product-card .price-stack,
  body.store-page .damas-product-tile .price-stack{
    gap:4px 6px!important;
  }

  body.store-page .store-product-card .price-stack strong,
  body.store-page .product-card .price-stack strong,
  body.store-page .damas-product-tile .price-stack strong{
    font-size:12.6px!important;
  }

  body.store-page .store-product-card .old-price,
  body.store-page .product-card .old-price,
  body.store-page .damas-product-tile .old-price{
    font-size:10.2px!important;
  }

  body.store-page .product-discount{
    right:8px!important;
    bottom:8px!important;
    min-height:23px!important;
    padding:0 8px!important;
    font-size:9.5px!important;
  }

  body.store-page .store-card-cta,
  body.store-page .store-card-add{
    min-height:33px!important;
    margin-top:9px!important;
    padding-inline:8px!important;
    font-size:11.2px!important;
  }
}

@media (max-width:380px){
  body.store-page .store-product-card h3,
  body.store-page .product-card h3,
  body.store-page .damas-product-tile h3{
    font-size:12.7px!important;
  }

  body.store-page .store-product-card .price-stack strong,
  body.store-page .product-card .price-stack strong,
  body.store-page .damas-product-tile .price-stack strong{
    font-size:11.6px!important;
  }
}