/* ===============================
   Kalahasti Custom CSS
   Product Image + Logo + Header
   =============================== */

/* Product Card Image */
.product-card-image {
  width: 100%;                /* full width of container */
  max-width: 260px;           /* limit image width (change as per need) */
  aspect-ratio: 3 / 4;        /* fixed ratio: width : height */
  height: auto;
  object-fit: contain;        /* no crop */
  display: block;
  margin: 0 auto;             /* center align */
}

/* Logo Title */
.logo-title h1 {
  text-transform: uppercase;
  font-family: "Italiana", serif;  /* Elegant font */
  font-weight: 600;
  letter-spacing: 1px;
}

/* Responsive Header */
@media (max-width: 1024px) {
  .main-header {
    justify-content: space-between;
    padding: 0 10px;
  }
}