/* Aunty Mma — Custom Styles (Tailwind handles most styling) */
body { font-family: 'DM Sans', system-ui, sans-serif; }
.font-display { font-family: 'Playfair Display', Georgia, serif; }

/* Scrollbar hide */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Hero Carousel */
.carousel { position: relative; overflow: hidden; }
.carousel-track { display: flex; transition: transform 0.6s ease; will-change: transform; }
.carousel-slide { min-width: 100%; width: 100%; flex-shrink: 0; }
.carousel-dots { display: flex; justify-content: center; gap: 8px; margin-top: 20px; }
.carousel-dot {
    width: 10px; height: 10px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.5);
    background: transparent; cursor: pointer; transition: all 0.3s;
}
.carousel-dot.active { background: #e67e22; border-color: #e67e22; transform: scale(1.2); }

/* Line clamp */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Print */
@media print {
    header, footer, nav, .no-print, #mini-cart, #cart-overlay, #toast-container, #back-to-top { display: none !important; }
    body { background: white; }
}