:root {
        --brand-navy: #002244;
        --brand-cyan: #00fbff;
        --product-blue: #0047AB;
    }
    .bg-brand-navy { background-color: var(--brand-navy); }
    .text-brand-cyan { color: var(--brand-cyan); }
    .bg-brand-cyan { background-color: var(--brand-cyan); }
    .text-brand-green { color: var(--brand-green); }
    .bg-brand-dark { background-color: var(--brand-dark); }

    .hero-gradient {
        background: linear-gradient(rgba(0,34,68,0.85), rgba(0,34,68,0.85)), url('https://images.unsplash.com/photo-1584622650111-993a426fbf0a?auto=format&fit=crop&q=80&w=1000');
        background-size: cover;
        background-position: center;
    }
    .btn-primary {
        background-color: var(--brand-cyan);
        color: var(--brand-navy);
        transition: all 0.3s ease;
        font-weight: 700;
    }
    .btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(0, 251, 255, 0.4);
    }
    .product-card:hover .size-badge {
        background-color: var(--brand-cyan);
        color: var(--brand-navy);
    }
    
    .swiper-pagination-bullet-active {
        background: #002244 !important;
    }

    .breadcrumb-bg {
        background: linear-gradient(rgba(0,34,68,0.85), rgba(0,34,68,0.85)),
        url('../../assets/img/bg.jpg');
        background-size: cover;
        background-position: center;
    }

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

    /* Mobile Table and Form Fixes */
    @media (max-width: 768px) {
        .table-container {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
        table { min-width: 600px; }
    }