@charset "UTF-8";
/* FIX CARD STRUCTURE */
.card {
  height: auto !important;
  display: block !important;
  border-radius: 12px;
  border: 1px solid #eee;
  transition: all 0.2s ease;
  background: #fff; }

.card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06); }

/* FIX IMAGE AREA (MAIN ISSUE) */
.card-figure {
  padding: 12px !important; }

.card-img-container {
  position: relative;
  width: 100%;
  padding-top: 62% !important;
  /* 🔥 controls height (adjust 55–70%) */
  overflow: hidden; }

/* CENTER IMAGE */
.card-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80% !important;
  height: auto !important;
  transform: translate(-50%, -50%);
  object-fit: contain; }

/* CLEAN TEXT SPACING */
.card-body {
  padding: 10px 14px 14px !important; }

/* TITLE */
.card-title {
  font-size: 14px;
  line-height: 1.3;
  min-height: 36px;
  margin-bottom: 6px; }

/* PRICE */
.card-text,
.price-section {
  margin: 4px 0;
  font-weight: 600; }

/* BUTTON FIX */
.card .button {
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  font-size: 13px;
  border-radius: 6px;
  background: #111;
  color: #fff;
  border: none; }

.card .button:hover {
  background: #222; }

/* OPTIONAL: SMALL CLEAN BADGE */
.key-meta {
  font-size: 12px;
  color: #555;
  margin-top: 6px;
  line-height: 1.4; }