/* Custom Scrollbar for modern feel */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f9f6f3; /* brand-50 */
}

::-webkit-scrollbar-thumb {
    background: #cdb09c; /* brand-300 */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #bc8f75; /* brand-400 */
}

/* Custom Scrollbar for inner elements like modal */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

/* Modal animations */
.modal-overlay.show {
    display: flex;
}

.modal-overlay.fade-in {
    opacity: 1 !important;
}

.modal-overlay.fade-in > div {
    transform: scale(1) !important;
}

/* Product card hover effect */
.product-img-wrapper {
    overflow: hidden;
}

.product-img-wrapper img {
    transition: transform 0.7s ease;
}

.product-card:hover .product-img-wrapper img {
    transform: scale(1.05);
}

/* Smooth anchor scrolling offset for fixed header */
html {
    scroll-padding-top: 80px; /* height of header */
}