/* assets/css/style.css
   Gaya tambahan di luar utility Tailwind. */

html {
    scroll-behavior: smooth;
}

/* Membatasi judul produk maksimal 2 baris (fallback bila utility tak tersedia). */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Aspek rasio fallback untuk kartu produk (Tailwind aspect-* sudah menangani,
   ini hanya pengaman bila ada browser lama). */
.aspect-\[3\/4\] { aspect-ratio: 3 / 4; }
.aspect-\[4\/3\] { aspect-ratio: 4 / 3; }