/* assets/store.css */
body {
    font-family: 'Outfit', sans-serif;
    background-color: #fafafa;
    color: #1a1a1a;
}

.glass-nav {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.hover-lift {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;
}

.hover-lift:hover {
    transform: translateY(-5px);
}

.transition-scale {
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.category-card:hover .transition-scale {
    transform: scale(1.05);
}

.shop-card img {
    height: 300px;
    object-fit: cover;
    width: 100%;
}

.btn-dark {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
}

.btn-dark:hover {
    background-color: #333;
    border-color: #333;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,0.5);
}

/* Subtle soft shadow utility */
.shadow-soft {
    box-shadow: 0 15px 35px -5px rgba(0,0,0,0.07);
}

/* Hide native number input spinners */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* Mobile Optimizations */
@media (max-width: 767.98px) {
    .design-card-img-container {
        height: 150px !important;
    }
    .design-card-title {
        font-size: 0.90rem !important;
    }
    .design-card-sku {
        font-size: 0.70rem !important;
    }
    .design-card-btn {
        font-size: 0.75rem !important;
        padding-top: 0.35rem !important;
        padding-bottom: 0.35rem !important;
    }
    .design-card-qty-group {
        width: 100% !important;
    }
}