/* PATCH_ID: b2c_product_card_layout_final_clean_20260709 */

.b2c-products-page .b2c-product-card-final,
.b2c-products-page .b2c-product-card-final *{
  box-sizing:border-box;
}

.b2c-products-page .b2c-product-card-final{
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}

.b2c-products-page .b2c-product-card-final .b2c-product-media-final{
  flex:0 0 auto !important;
}

.b2c-products-page .b2c-product-card-final .b2c-product-body-final{
  flex:1 1 auto !important;
  min-height:154px !important;
  padding:14px !important;
  display:grid !important;
  grid-template-rows:auto 58px 1fr auto !important;
  align-items:start !important;
}

/* In stock compact */
.b2c-products-page .b2c-product-card-final .b2c-stock-badge-final{
  width:max-content !important;
  max-width:92px !important;
  height:24px !important;
  min-height:24px !important;
  padding:0 9px !important;
  margin:0 0 8px 0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  line-height:1 !important;
  font-size:11px !important;
  font-weight:900 !important;
  border-radius:999px !important;
}

/* Title */
.b2c-products-page .b2c-product-card-final .b2c-product-title-final{
  min-height:58px !important;
  max-height:58px !important;
  margin:0 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  font-size:14px !important;
  font-weight:950 !important;
  line-height:1.28 !important;
  color:#1f1f26 !important;
  word-break:keep-all !important;
  overflow-wrap:anywhere !important;
}

/* Footer */
.b2c-products-page .b2c-product-card-final .b2c-product-footer-final{
  grid-row:4 !important;
  margin-top:10px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:end !important;
  min-height:46px !important;
  width:100% !important;
}

.b2c-products-page .b2c-product-card-final .b2c-product-left-final{
  min-width:0 !important;
  display:grid !important;
  grid-template-rows:auto 26px !important;
  gap:3px !important;
}

.b2c-products-page .b2c-product-card-final .b2c-product-price-final{
  margin:0 !important;
  min-height:20px !important;
  line-height:20px !important;
  font-size:16px !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}

/* Artist lane */
.b2c-products-page .b2c-product-card-final .b2c-product-artist-final{
  height:26px !important;
  max-width:0;
  opacity:0;
  transform:translateX(18px);
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  overflow:hidden !important;
  transition:max-width .34s cubic-bezier(.22,.8,.2,1), opacity .22s ease, transform .34s cubic-bezier(.22,.8,.2,1);
}

.b2c-products-page .b2c-product-card-final:hover .b2c-product-artist-final,
.b2c-products-page .b2c-product-card-final:focus-within .b2c-product-artist-final{
  max-width:148px;
  opacity:1;
  transform:translateX(0);
}

.b2c-products-page .b2c-product-card-final .b2c-product-artist-icon-final{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  border-radius:9px !important;
  overflow:hidden !important;
  border:1px solid rgba(220,211,229,.95) !important;
  background:linear-gradient(180deg,#fff,#f6f0fa) !important;
  box-shadow:0 6px 14px rgba(48,38,58,.10) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  transform:translateX(12px);
  opacity:0;
  transition:transform .32s cubic-bezier(.22,.8,.2,1), opacity .22s ease;
}

.b2c-products-page .b2c-product-card-final:hover .b2c-product-artist-icon-final,
.b2c-products-page .b2c-product-card-final:focus-within .b2c-product-artist-icon-final{
  transform:translateX(0);
  opacity:1;
}

.b2c-products-page .b2c-product-card-final .b2c-product-artist-icon-final img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

.b2c-products-page .b2c-product-card-final .b2c-product-artist-fallback-final{
  font-size:8px;
  font-weight:950;
  color:#6b5b78;
  letter-spacing:.01em;
  text-transform:uppercase;
}

.b2c-products-page .b2c-product-card-final .b2c-product-artist-name-final{
  min-width:0;
  max-width:106px;
  color:#6a5879;
  font-size:11px;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  opacity:0;
  transform:translateY(8px);
  clip-path:inset(0 100% 0 0);
  transition:opacity .2s ease .12s, transform .28s ease .12s, clip-path .32s cubic-bezier(.22,.8,.2,1) .12s;
}

.b2c-products-page .b2c-product-card-final:hover .b2c-product-artist-name-final,
.b2c-products-page .b2c-product-card-final:focus-within .b2c-product-artist-name-final{
  opacity:1;
  transform:translateY(0);
  clip-path:inset(0 0 0 0);
}

/* Add fixed right */
.b2c-products-page .b2c-product-card-final .b2c-product-add-final{
  grid-column:2 !important;
  justify-self:end !important;
  align-self:end !important;
  width:88px !important;
  min-width:88px !important;
  max-width:88px !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  padding:0 12px !important;
  border-radius:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  line-height:1 !important;
  font-size:13px !important;
  font-weight:950 !important;
}

/* Kill old orphan action rows if browser cache still has old HTML */
.b2c-products-page .b2c-product-card-final .card-actions,
.b2c-products-page .b2c-product-card-final .product-actions,
.b2c-products-page .b2c-product-card-final .b2c-actions-v2,
.b2c-products-page .b2c-product-card-final .b2c-add-only-row{
  display:none !important;
}

/* No orphan Details */
.b2c-products-page .b2c-product-card-final a:not(.product-media):not(.b2c-product-media-final){
  display:none !important;
}

@media(max-width:760px){
  .b2c-products-page .b2c-product-card-final .b2c-product-body-final{
    min-height:150px !important;
    padding:12px !important;
  }

  .b2c-products-page .b2c-product-card-final .b2c-product-title-final{
    min-height:56px !important;
    max-height:56px !important;
    font-size:13px !important;
  }

  .b2c-products-page .b2c-product-card-final .b2c-product-add-final{
    width:78px !important;
    min-width:78px !important;
    max-width:78px !important;
  }

  .b2c-products-page .b2c-product-card-final:hover .b2c-product-artist-final,
  .b2c-products-page .b2c-product-card-final:focus-within .b2c-product-artist-final{
    max-width:116px;
  }

  .b2c-products-page .b2c-product-card-final .b2c-product-artist-name-final{
    max-width:82px;
    font-size:10px;
  }
}