.product-card {
   background: var(--card);
   border: 1px solid var(--border);
   border-radius: var(--radius-lg);
   overflow: hidden;
   transition: var(--transition);
   height: 100%;
   box-shadow: var(--shadow-sm);
}

.product-card:hover {
   transform: translateY(-8px);
   border-color: var(--primary-border);
   box-shadow: var(--shadow-hover);
}


/* IMAGE */
.product-image {
   position: relative;
   background: var(--bg-light);
   padding: 30px;
}

.product-image img {
   width: 100%;
   height: 260px;
   object-fit: contain;
}


/* BADGE */
.product-badge {
   position: absolute;
   top: 16px;
   left: 16px;

   background: var(--primary-soft);
   color: var(--primary);

   border: 1px solid var(--primary-border);

   padding: 6px 12px;
   border-radius: 100px;

   font-size: 12px;
   font-weight: 700;
}


/* CONTENT */
.product-content {
   padding: 24px;
}

.product-category {
   color: var(--primary);

   font-size: 13px;
   text-transform: uppercase;
   letter-spacing: 1px;

   margin-bottom: 10px;

   font-weight: 600;
}

.product-content h3 {
   color: var(--heading);
   font-size: 22px;
   margin-bottom: 12px;
}

.product-content p {
   color: var(--text-muted);
   line-height: 1.7;
   margin-bottom: 20px;
}


/* FOOTER */
.product-footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.price {
   color: var(--heading);
   font-size: 24px;
   font-weight: 700;
}


/* BUTTON */
.btn-view {
   padding: 10px 18px;

   border-radius: 10px;

   background: var(--primary-soft);
   color: var(--primary);

   border: 1px solid var(--primary-border);

   text-decoration: none;

   transition: var(--transition);

   font-weight: 600;
}

.btn-view:hover {
   background: var(--primary);
   color: var(--white);
}