/* WATEEN_PRODUCT_CARD_V1 — STAGING | canonical product-card visual owner
   Structure/data behavior remains owned by storefront scripts.
   Carousel placement remains owned by product-carousel.css.
*/
.card{
  background:#fff;
  border:1px solid #e3ebed;
  border-radius:22px;
  padding:11px;
  box-shadow:0 8px 22px rgba(8,63,77,.055);
  transition:var(--wt-duration-normal,200ms);
  overflow:hidden;
}
.card:hover{
  transform:translateY(-3px);
  box-shadow:0 15px 32px rgba(8,63,77,.10);
  border-color:rgba(11,94,114,.16);
}
.pic{
  background:linear-gradient(145deg,#fff7f8,#f7fbfc);
  border:1px solid rgba(11,94,114,.06);
  border-radius:18px;
}
.card h3{
  color:#26434b;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  min-height:1.55em;
  line-height:1.55;
}
.brand{color:#829398}
.price{color:var(--wt-color-red,#ff3b4a)}
.add{
  border-color:rgba(255,59,74,.55);
  color:var(--wt-color-red,#ff3b4a);
  border-radius:12px;
  transition:var(--wt-duration-fast,180ms);
}
.add:not(:disabled):hover{
  background:linear-gradient(135deg,var(--wt-color-red,#ff3b4a),var(--wt-color-coral,#ff7b7b));
  color:#fff;
  border-color:transparent;
}
.fav-btn{
  border-color:#e9eff0;
  box-shadow:0 5px 14px rgba(8,63,77,.07);
}
.fav-btn.active{
  background:#fff2f4;
  color:var(--wt-color-red,#ff3b4a);
  border-color:#ffc3cb;
}
.discount-badge{
  background:linear-gradient(135deg,var(--wt-color-red,#ff3b4a),#ef2140);
}
@media(max-width:820px),(pointer:coarse){
  .card{border-radius:18px;min-width:0;padding:9px}
  .pic{border-radius:15px}
  .add{min-height:44px}
  .fav-btn{min-width:38px;min-height:38px}
}

/* Card text integrity */
.stock{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;flex:0 0 auto}
.rating{align-items:center!important;gap:6px!important}

/* WATEEN_CARD_SURFACE_UNIFIED=1 */