/* style.css - Premium Glass Artistry Stylesheet */

/* Global Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #FCFAF7;
}
::-webkit-scrollbar-thumb {
    background: #E0D3C1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #B29571;
}

/* Premium Typography adjustments */
h1, h2, h3, .font-serif {
    font-family: 'Playfair Display', Georgia, serif;
}

/* Glassmorphism Classes */
.glass-panel {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(224, 211, 193, 0.4);
}

.glass-panel-dark {
    background: rgba(17, 17, 17, 0.8);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Banner Slider Animation classes */
.slide-active {
    opacity: 1 !important;
    transform: scale(1) !important;
    pointer-events: auto !important;
}

.slide-hidden {
    opacity: 0 !important;
    transform: scale(1.04) !important;
    pointer-events: none !important;
}

/* Line clamping for legacy browser support */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

/* Custom shadow effects for premium product grids */
.shadow-premium {
    box-shadow: 0 10px 30px -10px rgba(178, 149, 113, 0.12);
}

.shadow-premium:hover {
    box-shadow: 0 20px 40px -15px rgba(178, 149, 113, 0.25);
}

/* Glowing aesthetic points */
.glow-accent {
    position: relative;
}
.glow-accent::after {
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    background: rgba(178, 149, 113, 0.15);
    filter: blur(60px);
    border-radius: 50%;
    z-index: -1;
    top: -50px;
    left: -50px;
}