/* =====================================================
   OKI DUCKY — styles.css
   Page-specific overrides
   ===================================================== */

/* Additional responsive adjustments */
@media (max-width: 576px) {
    .od-topbar { font-size: 0.6rem; }
    .od-topbar .col-4 { padding: 0; }
    .od-hero-title { font-size: 1.8rem; }
    .od-section-title { font-size: 1.1rem; }
}

/* Product card grid fix */
.col-md-2-4 {
    flex: 0 0 auto;
    width: 20%;
}

@media (max-width: 768px) {
    .col-md-2-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* Cart item responsive */
@media (max-width: 768px) {
    .od-cart-item-total { display: none; }
    .od-cart-item-qty { order: 3; }
}

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

/* Focus styles */
.od-input:focus,
.form-control:focus {
    border-color: var(--od-primary) !important;
    box-shadow: 0 0 0 2px rgba(26, 26, 26, 0.1) !important;
}

/* Loading state */
.od-loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Animations */
.od-fade-in {
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}