/* =========================================
   RESPONSIVE UTILITIES & MEDIA QUERIES
   ========================================= */

/* Mobile First Approach: Queries für Tablet+ */

@media only screen and (max-width: 550px) {
    /* Sehr kleine Bildschirme */
    html { font-size: 14px; }
}

@media only screen and (max-width: 991px) {
    /* Tablet und darunter */
    .wcp-form { padding: 60px 15px !important; }
    
    .shop-usp-bar { 
        flex-direction: column; 
        gap: 40px; 
        padding: 60px 20px;
    }
    .shop-usp-item { width: 100%; }
}

@media only screen and (max-width: 900px) {
    /* Kleine Desktop Breiten */
}