/* =====================================================
   AKCESORIA KUCHENNE
===================================================== */

.kitchen {

    width: 100%;

    padding: 10px 20px 70px;

    box-sizing: border-box;

    background: #ffffff;
}


.kitchen-container {

    width: min(1180px, 100%);

    margin: 0 auto;
}


/* =====================================================
   KATEGORIE
===================================================== */

.kitchen-categories {

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 18px;

    width: 100%;
}


/* =====================================================
   POJEDYNCZA KATEGORIA
===================================================== */

.kitchen-category {

    display: flex;

    align-items: center;

    justify-content: space-between;

    min-height: 82px;

    padding: 0 28px;

    box-sizing: border-box;

    border: 1px solid #e3ddd7;

    border-radius: 8px;

    background: #ffffff;

    color: #403a35;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    text-decoration: none;

    transition:
        border-color 0.25s ease,
        background 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


.kitchen-category:hover {

    border-color: #cdb9a7;

    background: #faf7f3;

    transform: translateY(-2px);

    box-shadow:
        0 8px 22px rgba(40, 35, 30, 0.05);
}


/* =====================================================
   NAZWA
===================================================== */

.kitchen-category-title {

    font-size: 21px;

    line-height: 1.2;
}


/* =====================================================
   STRZAŁKA
===================================================== */

.kitchen-category-arrow {

    font-size: 22px;

    color: #a17c5c;

    transition:
        transform 0.25s ease;
}


.kitchen-category:hover
.kitchen-category-arrow {

    transform: translateX(3px);
}


/* =====================================================
   POZYCJE NIEAKTYWNE
===================================================== */

.kitchen-category-disabled {

    cursor: default;

    background: #faf9f7;

    color: #8b837c;
}


.kitchen-category-disabled:hover {

    transform: none;

    border-color: #e3ddd7;

    background: #faf9f7;

    box-shadow: none;
}


.kitchen-category-note {

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;

    color: #b0a69e;
}


/* =====================================================
   NA GÓRĘ
===================================================== */

.kitchen-navigation {

    display: flex;

    justify-content: center;

    margin-top: 60px;
}


.kitchen-top-link {

    color: #756e68;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 14px;

    text-decoration: none;

    transition:
        color 0.25s ease;
}


.kitchen-top-link:hover {

    color: #5b4637;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 768px) {

    .kitchen {

        padding: 10px 16px 65px;
    }


    .kitchen-back-link {

        margin-bottom: 45px;

        padding: 6px 15px;

        font-size: 14px;
    }


    .kitchen-header {

        margin-bottom: 50px;
    }


    .kitchen-header h1 {

        font-size: 40px;
    }


    .kitchen-header > p:last-child {

        font-size: 16px;
    }


    .kitchen-categories {

        grid-template-columns: 1fr;

        gap: 14px;
    }



/* =====================================================
   MAŁE TELEFONY
===================================================== */

@media (max-width: 480px) {

    .kitchen {

        padding-left: 12px;

        padding-right: 12px;
    }


    .kitchen-header h1 {

        font-size: 36px;
    }


    .kitchen-header > p:last-child {

        font-size: 15px;

        line-height: 1.55;
    }