/* PASARAKUN PRODUCT CARD CSS */

.pk-card{position:relative;overflow:hidden;border-radius:20px;background:var(--pk-card);border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px rgba(0,0,0,.20);transition:.22s ease}
.pk-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.10);box-shadow:0 18px 45px rgba(0,0,0,.30)}
.pk-card-img{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--pk-bg)}
.pk-card-img img{height:100%;width:100%;object-fit:cover;transition:.35s ease}
.pk-card:hover .pk-card-img img{transform:scale(1.035)}
.pk-card-body{padding:16px 16px 17px}
.pk-card-title{font-size:14px;font-weight:900;line-height:1.35;color:#fff;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.pk-card-label{margin-top:6px;font-size:12px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-card-price{margin-top:13px;font-size:21px;font-weight:950;letter-spacing:-.02em;color:#f4f4f5}
.pk-card-strike{font-size:11px;color:#fb7185;text-decoration:line-through;margin-bottom:2px}
.pk-card-meta{margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.pk-card-chip{display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.06);padding:6px 9px;font-size:11px;font-weight:700;color:#e5e7eb}
.pk-card-sold{font-size:11px;font-weight:700;color:#a1a1aa}
.pk-card-badge{position:absolute;left:10px;top:10px;z-index:2;border-radius:999px;background:rgba(255,255,255,.92);padding:6px 10px;font-size:10px;font-weight:700;color:#111827;box-shadow:0 10px 25px rgba(0,0,0,.15)}
.pk-card-disc{position:absolute;right:10px;top:10px;z-index:2;border-radius:999px;background:#6b7280;padding:6px 9px;font-size:10px;font-weight:700;color:white;box-shadow:0 10px 25px rgba(107,114,128,.15)}
.pk-card-action{margin-top:16px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);padding:12px 12px;font-size:12px;font-weight:850;color:#f4f4f5;transition:.2s ease}
.pk-card:hover .pk-card-action{background:rgba(255,255,255,.095);color:#fff;border-color:rgba(255,255,255,.13)}

html:not(.dark) .pk-card{
  background:#ffffff;
  border-color:rgba(15,23,42,.10);
  box-shadow:0 10px 28px rgba(15,23,42,.10);
}
html:not(.dark) .pk-card:hover{
  border-color:rgba(107,114,128,.15);
  box-shadow:0 18px 45px rgba(15,23,42,.16);
}
html:not(.dark) .pk-card-img{background:#f8fafc}
html:not(.dark) .pk-card-title{color:#0f172a}
html:not(.dark) .pk-card-label{color:#64748b}
html:not(.dark) .pk-card-chip{
  background:#f1f5f9;
  color:#334155;
}
html:not(.dark) .pk-card-sold{color:#64748b}
html:not(.dark) .pk-card-action{
  background:rgba(107,114,128,.15);
  border-color:rgba(107,114,128,.15);
  color:#6b7280;
}
html:not(.dark) .pk-card:hover .pk-card-action{
  background:#6b7280;
  color:#ffffff;
}

/* Mobile product card price polish */
@media(max-width:640px){
  .pk-card-body{
    padding:13px 13px 14px;
  }

  .pk-card-price{
    margin-top:10px;
    font-size:18px;
    line-height:1.15;
  }

  .pk-card-meta{
    margin-top:12px;
  }

  .pk-card-action{
    margin-top:13px;
    padding:10px 10px;
    border-radius:14px;
    font-size:11.5px;
  }
}