/* ========================================
   VIEWPORT
======================================== */

.produtos-viewport {
    width: 100%;
    
    overflow-x: auto;
    overflow-y: hidden;
    
    position: relative;
    
    -webkit-overflow-scrolling: touch;
    
    scroll-behavior: smooth;
    
    scrollbar-width: none;
}

.produtos-viewport::-webkit-scrollbar {
    display: none;
}

/* ========================================
   TRACK
======================================== */

.produtos-track {
    
    display: flex;
    
    flex-wrap: nowrap;
    
    gap: 14px;
    
    padding: 0 40px 0 16px;
    
    width: max-content;
    
}

/* ========================================
   CARDS
======================================== */

.produtos-track .produto-card {
    
    flex: 0 0 185px;
    
    width: 185px;
    
}