/* style.css */
@import url('css/base.css');
@import url('css/header.css');
@import url('css/nav.css');
@import url('css/hero.css');
@import url('css/products.css');
@import url('css/modals.css');
@import url('css/cart-sidebar.css');
@import url('css/footer.css');
@import url('css/collection.css');
@import url('css/privacy.css');
@import url('css/logout.css');


/* ===================================
    MOBILE
=================================== */
@media (max-width: 768px) {
    
    html, body {
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
    }

    /* Pasek wyszukiwania dopasowany do ekranu telefonu */
    .search-box {
        width: 170px !important;
    }

    /* Bezpieczne marginesy kontenera */
    .container {
        width: 100% !important;
        padding: 0 10px !important;
        box-sizing: border-box;
    }

    /* Szerokość menu mobilnego */
    .nav-menu {
        width: 75% !important;
        left: 10px !important;
    }
}