.menu-items{
    text-align: center;
}

.hamburger-menu-btn.open .hamburger-bar:nth-child(1){
    transform: translateY(6.5px) rotate(45deg) !important;
}

.color-swatch-container, .type-option-container, .gsm-option-container{
    padding-top:10px;
    gap: 1.4rem!important;
}

.image-nav-button{
    background-color: transparent!important;
    color:black!important;
}

.py-5{
    padding: 10px !important;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

      .btn-primary {
           background: var(--color-black)!important;
    color: var(--color-white)!important;
    transition: all 0.3s ease!important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2)!important;
        }
        
        .dark [type=checkbox]:checked, .dark [type=radio]:checked, [type=checkbox]:checked, [type=radio]:checked{
            background-color:black !important;
        }
        .color-swatch-input:checked + .color-swatch{
            border-color:black!important;
            box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px black !important;
        }
        
        .video-controls button{
            background-color: black!important;
            color:white!important;
        }
        input{
                    accent-color:black!important;

        }
   
      .option-container{
          height:40px;
      }
      
      .option-container {
    display: flex;
    gap: 1.1rem; /* Increased from 0.75rem */
    flex-wrap: wrap;
}

.btn-primary-nav:hover, .btn-primary:hover{
    background-color:white!important;
    color:black!important;
    border: 1px solid black!important;
}


@media (max-width: 1023px) {
    .preview-column {
        position: sticky;
        top: 0px; /* Adjust this value to match your header's height on mobile */
        z-index: 30;
        background-color: var(--color-light-gray);
    }
}