#one_section {
    margin-top: 150px;
    padding: 0px 75px 50px 75px;
    font-family: "Noto Serif", serif;
}

#category-buttons {
    display: flex;
    justify-content: flex-start; /* sol hizala */
    gap: 10px;
    margin-bottom: 20px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* mobilde kaydırma */
    scrollbar-width: none; /* Firefox scrollbar gizleme */
    padding-bottom: 5px; /* alt boşluk */
}

#category-buttons::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
}

.category-btn {
    flex: 0 0 auto; /* sabit boyut, metne göre */
    white-space: nowrap;
    padding: 8px 16px;
    border: 1px solid #333;
    background-color:#fff;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 5px;
    color:black;
}

.category-btn:hover {
    color: white;
    background-color: teal;
}

.category-btn.active {
    background-color: #333;
    color: #fff;
}

#products {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* mobilde kaydırma */
    scrollbar-width: none; /* Firefox scrollbar gizleme */
    padding-bottom: 5px; /* alt boşluk */
}

#products::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
}

#products .card {
    width: 400px !important;
    height: 400px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

#products .card img {
    margin-top: 10px;
    width: 380px !important;
    height: 220px !important;
    object-fit:cover;
}

.card-text {
    margin: 0;
    line-height: 1.6em;
    display: -webkit-box;
    -webkit-line-clamp: 2;   /* 3 satır */
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

@media (max-width: 992px) {
    #one_section {
        margin-top: 120px;
        padding: 0px 25px 25px 25px;
    }

    #products {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        padding-left: 0;
        scroll-padding-left: 0;
    }

    #products::-webkit-scrollbar {
        display: none;
    }

    #products .card {
        flex: 0 0 300px;         /* sabit kart genişliği */
        width: 260px !important;
    }

    #products .card img {
        margin-top: 10px;
        width: 260px !important;
        height: 140px !important;
    }

    #products .card {
        height: 350px !important;
    }
}