/* Metylosa Premium Cards */
:root{
  --mf-purple:#6A1B9A;
  --mf-yellow:#FFD600;
  --mf-black:#1A1A1A;
  --mf-white:#FFFFFF;
  --mf-border:#ECECF3;
  --mf-shadow:0 14px 36px rgba(26,26,26,.08);
  --mf-shadow-hover:0 18px 42px rgba(26,26,26,.12);
  --mf-radius:22px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:#fff;
  border:1px solid var(--mf-border);
  border-radius:var(--mf-radius);
  box-shadow:var(--mf-shadow);
  padding:16px 16px 18px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  height:100%;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover{
  transform:translateY(-4px);
  box-shadow:var(--mf-shadow-hover);
  border-color:rgba(106,27,154,.20);
}
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img{
  width:100%;
  aspect-ratio:1 / 1;
  object-fit:contain;
  object-position:center;
  background:#fff;
  border-radius:18px;
  padding:14px;
  margin:0 0 14px !important;
  box-shadow:inset 0 0 0 1px #f1f1f5;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title{
  color:var(--mf-black);
  font-size:15px;
  line-height:1.35;
  font-weight:700;
  min-height:42px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin-bottom:10px;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price{
  background:linear-gradient(135deg,var(--mf-purple),#4E1480);
  color:#fff !important;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  font-weight:800;
  font-size:15px;
  margin:0 0 14px;
  align-self:flex-start;
}
.woocommerce ul.products li.product .price *{ color:#fff !important; }
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button{
  margin-top:auto;
  border-radius:999px;
  background:var(--mf-yellow);
  color:var(--mf-black);
  font-weight:800;
  padding:12px 16px;
  text-align:center;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce-page ul.products li.product .button:hover{
  filter:brightness(.98);
}
.woocommerce span.onsale{
  background:var(--mf-purple);
  border-radius:999px;
  min-height:auto;
  line-height:1;
  padding:8px 11px;
  font-weight:800;
}
.single-product div.product .woocommerce-product-gallery__image img{
  aspect-ratio:1 / 1;
  object-fit:contain;
  background:#fff;
  border-radius:22px;
  padding:18px;
  box-shadow:0 10px 30px rgba(26,26,26,.06);
}
@media (max-width:768px){
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product{
    padding:12px;
    border-radius:18px;
  }
  .woocommerce ul.products li.product a img,
  .woocommerce-page ul.products li.product a img{
    border-radius:14px;
    padding:10px;
  }
}