/*
|--------------------------------------------------------------------------
| Dosya Adı           : portfolio-category-slider-v7-77.css
| Oluşturulma Tarihi  : 18.07.2026
| Değişiklik Tarihi   : 18.07.2026
| Yaratan             : Özgür Elibol
|--------------------------------------------------------------------------
*/

.caa-portfolio-category-slider-v777,
.caa-home-portfolio-category-slider-v777 {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    gap: 9px;
    align-items: center;
}

.caa-portfolio-category-slider-v777 {
    margin: 22px 0 26px;
}

.caa-portfolio-category-track-v777,
.caa-home-portfolio-category-track-v777 {
    display: flex;
    gap: 9px;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    overscroll-behavior-inline: contain;
}

.caa-portfolio-category-track-v777::-webkit-scrollbar,
.caa-home-portfolio-category-track-v777::-webkit-scrollbar {
    display: none;
}

.caa-portfolio-category-track-v777 > a,
.caa-home-portfolio-category-track-v777 > a {
    flex: 0 0 auto;
    scroll-snap-align: start;
    white-space: nowrap;
    text-decoration: none;
}

.caa-portfolio-category-track-v777 > a {
    min-height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 17px;
    border: 1px solid #d9dde4;
    border-radius: 999px;
    color: #222733;
    background: #fff;
    font-size: 14px;
    font-weight: 850;
}

.caa-portfolio-category-track-v777 > a:hover {
    border-color: #ED1C24;
    color: #ED1C24;
}

.caa-portfolio-category-track-v777 > a.is-active {
    border-color: #ED1C24;
    color: #fff;
    background: #ED1C24;
    box-shadow: 0 8px 20px rgba(237, 28, 36, .2);
}

.caa-portfolio-category-arrow-v777,
.caa-home-portfolio-category-arrow-v777 {
    width: 42px;
    height: 42px;
    display: inline-grid;
    place-items: center;
    padding: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 27px;
    font-weight: 900;
    line-height: 1;
}

.caa-portfolio-category-arrow-v777 {
    border: 1px solid #d9dde4;
    color: #242833;
    background: #fff;
}

.caa-portfolio-category-arrow-v777:disabled,
.caa-home-portfolio-category-arrow-v777:disabled {
    opacity: .3;
    cursor: default;
}

.caa-home-portfolio-category-slider-v777 {
    margin: 22px 0 4px;
}

.caa-home-portfolio-category-track-v777 > a {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    padding: 9px 16px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    color: #fff;
    background: rgba(255, 255, 255, .07);
    font-size: 14px;
    font-weight: 850;
}

.caa-home-portfolio-category-track-v777 > a:hover {
    border-color: rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .13);
}

.caa-home-portfolio-category-arrow-v777 {
    border: 1px solid rgba(255, 255, 255, .18);
    color: #fff;
    background: rgba(255, 255, 255, .08);
}

.homepage-contact-section {
    padding-top: clamp(34px, 5vw, 68px);
}

.homepage-contact-section .contact-home-grid {
    margin-top: 22px;
}

.homepage-contact-section .contact-map-wide {
    display: none !important;
}

@media (max-width: 760px) {
    .caa-portfolio-category-slider-v777,
    .caa-home-portfolio-category-slider-v777 {
        grid-template-columns: minmax(0, 1fr);
    }

    .caa-portfolio-category-arrow-v777,
    .caa-home-portfolio-category-arrow-v777 {
        display: none;
    }

    .caa-portfolio-category-track-v777,
    .caa-home-portfolio-category-track-v777 {
        padding: 3px 4px 8px;
    }
}