/* Açılış animasyonu için başlangıç durumu */
.hero-slider__bg,
.hero-slider__blend-video,
.hero-slider__overlay,
.hero-slider__content h1,
.hero-slider__content p,
.hero-slider__actions {
    will-change: transform, opacity, filter;
}

.hero-slider__bg {
    animation: heroBgReveal 1.8s cubic-bezier(.22, .61, .36, 1) both;
}

.hero-slider__blend-video {
    animation: heroVideoReveal 2.2s cubic-bezier(.22, .61, .36, 1) both;
}

.hero-slider__overlay {
    animation: heroOverlayReveal 1.6s ease both;
}

.hero-slider__content h1 {
    opacity: 0;
    transform: translateY(34px);
    animation: heroContentUp .9s cubic-bezier(.22, .61, .36, 1) .35s forwards;
}

.hero-slider__content p {
    opacity: 0;
    transform: translateY(28px);
    animation: heroContentUp .9s cubic-bezier(.22, .61, .36, 1) .55s forwards;
}

.hero-slider__actions {
    opacity: 0;
    transform: translateY(24px);
    animation: heroContentUp .9s cubic-bezier(.22, .61, .36, 1) .75s forwards;
}

.hero-slider__content h1 span {
    display: block;
    animation: heroTextSoft 1.2s ease .45s both;
}

/* Keyframes */
@keyframes heroBgReveal {
    0% {
        opacity: 0;
        transform: scale(1.08);
        filter: blur(10px);
    }
    100% {
        opacity: 1;
        transform: scale(1);
        filter: blur(0);
    }
}

@keyframes heroVideoReveal {
    0% {
        opacity: 0;
        transform: scale(1.06);
    }
    100% {
        opacity: 0.9;
        transform: scale(1);
    }
}

@keyframes heroOverlayReveal {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes heroContentUp {
    0% {
        opacity: 0;
        transform: translateY(28px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes heroTextSoft {
    0% {
        opacity: 0;
        transform: translateY(12px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-slider__bg,
    .hero-slider__blend-video,
    .hero-slider__overlay,
    .hero-slider__content h1,
    .hero-slider__content p,
    .hero-slider__actions,
    .hero-slider__content h1 span {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
    }
}












.products-animate-title,
.products-animate-card,
.products-animate-card .product-icon img {
    will-change: transform, opacity;
}

.products-animate-title {
    opacity: 0;
    transform: translateY(26px);
}

.products-animate-card {
    opacity: 0;
    transform: translateY(34px);
}

.products-animate-card .product-icon img {
    opacity: 0;
    transform: scale(1.06);
}

.scroll-animate-section.is-visible .products-animate-title {
    animation: productsFadeUp .9s cubic-bezier(.22, .61, .36, 1) .1s forwards;
}

.scroll-animate-section.is-visible .products-animate-card:nth-child(1) {
    animation: productCardReveal .85s cubic-bezier(.22, .61, .36, 1) .18s forwards;
}

.scroll-animate-section.is-visible .products-animate-card:nth-child(2) {
    animation: productCardReveal .85s cubic-bezier(.22, .61, .36, 1) .32s forwards;
}

.scroll-animate-section.is-visible .products-animate-card:nth-child(3) {
    animation: productCardReveal .85s cubic-bezier(.22, .61, .36, 1) .46s forwards;
}

.scroll-animate-section.is-visible .products-animate-card:nth-child(4) {
    animation: productCardReveal .85s cubic-bezier(.22, .61, .36, 1) .60s forwards;
}

.scroll-animate-section.is-visible .products-animate-card:nth-child(1) .product-icon img {
    animation: productImageReveal 1s cubic-bezier(.22, .61, .36, 1) .28s forwards;
}

.scroll-animate-section.is-visible .products-animate-card:nth-child(2) .product-icon img {
    animation: productImageReveal 1s cubic-bezier(.22, .61, .36, 1) .42s forwards;
}

.scroll-animate-section.is-visible .products-animate-card:nth-child(3) .product-icon img {
    animation: productImageReveal 1s cubic-bezier(.22, .61, .36, 1) .56s forwards;
}

.scroll-animate-section.is-visible .products-animate-card:nth-child(4) .product-icon img {
    animation: productImageReveal 1s cubic-bezier(.22, .61, .36, 1) .70s forwards;
}
@keyframes productsFadeUp {
    0% {
        opacity: 0;
        transform: translateY(26px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes productCardReveal {
    0% {
        opacity: 0;
        transform: translateY(34px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes productImageReveal {
    0% {
        opacity: 0;
        transform: scale(1.06);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}








.about-animate-visual,
.about-animate-title,
.about-animate-text,
.about-animate-btn {
    will-change: transform, opacity, filter;
}

.about-animate-visual {
    opacity: 0;
    transform: translateX(-36px) scale(0.94);
    filter: blur(10px);
}

.about-animate-title {
    opacity: 0;
    transform: translateX(34px);
}

.about-animate-text {
    opacity: 0;
    transform: translateX(30px);
}

.about-animate-btn {
    opacity: 0;
    transform: translateY(20px);
}

.about-animate-section.is-visible .about-animate-visual {
    animation: aboutVisualReveal 1.1s cubic-bezier(.22, .61, .36, 1) .1s forwards;
}

.about-animate-section.is-visible .about-animate-title {
    animation: aboutCopySlide 0.85s cubic-bezier(.22, .61, .36, 1) .22s forwards;
}

.about-animate-section.is-visible .about-animate-text:nth-of-type(1) {
    animation: aboutCopySlide 0.85s cubic-bezier(.22, .61, .36, 1) .38s forwards;
}

.about-animate-section.is-visible .about-animate-text:nth-of-type(2) {
    animation: aboutCopySlide 0.85s cubic-bezier(.22, .61, .36, 1) .54s forwards;
}

.about-animate-section.is-visible .about-animate-btn {
    animation: aboutButtonRise 0.8s cubic-bezier(.22, .61, .36, 1) .7s forwards;
}

@keyframes aboutVisualReveal {
    0% {
        opacity: 0;
        transform: translateX(-36px) scale(0.94);
        filter: blur(10px);
    }
    100% {
        opacity: 1;
        transform: translateX(0) scale(1);
        filter: blur(0);
    }
}

@keyframes aboutCopySlide {
    0% {
        opacity: 0;
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes aboutButtonRise {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@media (prefers-reduced-motion: reduce) {
    .about-animate-visual,
    .about-animate-title,
    .about-animate-text,
    .about-animate-btn {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
    }
}









.solutions-animate-title,
.solutions-animate-card,
.solutions-animate-card .solution-icon img {
    will-change: transform, opacity, filter;
}

.solutions-animate-title {
    opacity: 0;
    transform: translateY(26px);
}

.solutions-animate-card {
    opacity: 0;
    transform: translateY(34px);
}

.solutions-animate-card .solution-icon img {
    opacity: 0;
    transform: translateY(18px) scale(0.94);
}

.solutions-animate-section.is-visible .solutions-animate-title {
    animation: solutionsFadeUp .85s cubic-bezier(.22, .61, .36, 1) .08s forwards;
}

.solutions-animate-section.is-visible .solutions-animate-card:nth-child(1) {
    animation: solutionsCardLift .8s cubic-bezier(.22, .61, .36, 1) .18s forwards;
}

.solutions-animate-section.is-visible .solutions-animate-card:nth-child(2) {
    animation: solutionsCardLift .8s cubic-bezier(.22, .61, .36, 1) .34s forwards;
}

.solutions-animate-section.is-visible .solutions-animate-card:nth-child(3) {
    animation: solutionsCardLift .8s cubic-bezier(.22, .61, .36, 1) .50s forwards;
}

.solutions-animate-section.is-visible .solutions-animate-card:nth-child(4) {
    animation: solutionsCardLift .8s cubic-bezier(.22, .61, .36, 1) .50s forwards;
}

.solutions-animate-section.is-visible .solutions-animate-card:nth-child(5) {
    animation: solutionsCardLift .8s cubic-bezier(.22, .61, .36, 1) .50s forwards;
}

.solutions-animate-section.is-visible .solutions-animate-card:nth-child(1) .solution-icon img {
    animation: solutionsIconPop .9s cubic-bezier(.22, .61, .36, 1) .28s forwards;
}

.solutions-animate-section.is-visible .solutions-animate-card:nth-child(2) .solution-icon img {
    animation: solutionsIconPop .9s cubic-bezier(.22, .61, .36, 1) .44s forwards;
}

.solutions-animate-section.is-visible .solutions-animate-card:nth-child(3) .solution-icon img {
    animation: solutionsIconPop .9s cubic-bezier(.22, .61, .36, 1) .60s forwards;
}


.solutions-animate-section.is-visible .solutions-animate-card:nth-child(4) .solution-icon img {
    animation: solutionsIconPop .9s cubic-bezier(.22, .61, .36, 1) .60s forwards;
}


.solutions-animate-section.is-visible .solutions-animate-card:nth-child(5) .solution-icon img {
    animation: solutionsIconPop .9s cubic-bezier(.22, .61, .36, 1) .60s forwards;
}

@keyframes solutionsFadeUp {
    from { opacity: 0; transform: translateY(26px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes solutionsCardLift {
    from { opacity: 0; transform: translateY(34px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes solutionsIconPop {
    from { opacity: 0; transform: translateY(18px) scale(0.94); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}


























.brands-animate-title,
.brands-animate-marquee {
    will-change: transform, opacity, filter;
}

.brands-animate-title {
    opacity: 0;
    transform: translateY(22px);
}

.brands-animate-marquee {
    opacity: 0;
    transform: translateY(18px);
    filter: blur(8px);
}

.brands-animate-section.is-visible .brands-animate-title {
    animation: brandsTitleReveal .8s cubic-bezier(.22, .61, .36, 1) .08s forwards;
}

.brands-animate-section.is-visible .brands-animate-marquee {
    animation: brandsMarqueeReveal 1s cubic-bezier(.22, .61, .36, 1) .22s forwards;
}

@keyframes brandsTitleReveal {
    from { opacity: 0; transform: translateY(22px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes brandsMarqueeReveal {
    from {
        opacity: 0;
        transform: translateY(18px);
        filter: blur(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}















.quote-animate-panel,
.quote-animate-icon,
.quote-animate-title,
.quote-animate-field,
.quote-animate-button {
    will-change: transform, opacity, filter;
}

.quote-animate-panel {
    opacity: 0;
    transform: scale(0.94);
    filter: blur(10px);
}

.quote-animate-icon {
    opacity: 0;
    transform: translateY(14px) scale(0.9);
}

.quote-animate-title {
    opacity: 0;
    transform: translateY(18px);
}

.quote-animate-field {
    opacity: 0;
    transform: translateY(18px);
}

.quote-animate-button {
    opacity: 0;
    transform: translateY(18px);
}

.quote-animate-section.is-visible .quote-animate-panel {
    animation: quotePanelReveal .95s cubic-bezier(.22, .61, .36, 1) .08s forwards;
}

.quote-animate-section.is-visible .quote-animate-icon {
    animation: quoteItemUp .7s cubic-bezier(.22, .61, .36, 1) .22s forwards;
}

.quote-animate-section.is-visible .quote-animate-title {
    animation: quoteItemUp .7s cubic-bezier(.22, .61, .36, 1) .34s forwards;
}

.quote-animate-section.is-visible .quote-animate-field:nth-of-type(1) {
    animation: quoteItemUp .7s cubic-bezier(.22, .61, .36, 1) .46s forwards;
}

.quote-animate-section.is-visible .quote-animate-field:nth-of-type(2) {
    animation: quoteItemUp .7s cubic-bezier(.22, .61, .36, 1) .56s forwards;
}

.quote-animate-section.is-visible .quote-form__grid:nth-of-type(3) .quote-animate-field:nth-child(1) {
    animation: quoteItemUp .7s cubic-bezier(.22, .61, .36, 1) .66s forwards;
}

.quote-animate-section.is-visible .quote-form__grid:nth-of-type(3) .quote-animate-field:nth-child(2) {
    animation: quoteItemUp .7s cubic-bezier(.22, .61, .36, 1) .76s forwards;
}

.quote-animate-section.is-visible .quote-form__grid:nth-of-type(4) .quote-animate-field:nth-child(1) {
    animation: quoteItemUp .7s cubic-bezier(.22, .61, .36, 1) .86s forwards;
}

.quote-animate-section.is-visible .quote-form__grid:nth-of-type(4) .quote-animate-field:nth-child(2) {
    animation: quoteItemUp .7s cubic-bezier(.22, .61, .36, 1) .96s forwards;
}

.quote-animate-section.is-visible .quote-animate-button {
    animation: quoteItemUp .75s cubic-bezier(.22, .61, .36, 1) 1.08s forwards;
}

@keyframes quotePanelReveal {
    from {
        opacity: 0;
        transform: scale(0.94);
        filter: blur(10px);
    }
    to {
        opacity: 1;
        transform: scale(1);
        filter: blur(0);
    }
}

@keyframes quoteItemUp {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}








.products-filter,
.products-content__top,
.products-list-grid .product-card {
    will-change: transform, opacity, filter;
}

.products-filter {
    opacity: 0;
    transform: translateY(28px);
    filter: blur(8px);
    animation: productsFilterReveal .8s cubic-bezier(.22, .61, .36, 1) .08s forwards;
}

.products-content__top {
    opacity: 0;
    transform: translateY(20px);
    animation: productsTopReveal .7s cubic-bezier(.22, .61, .36, 1) .16s forwards;
}

.products-list-grid .product-card {
    opacity: 0;
    transform: translateY(34px);
}

.products-list-grid .product-card:nth-child(1) {
    animation: productCardReveal .8s cubic-bezier(.22, .61, .36, 1) .22s forwards;
}

.products-list-grid .product-card:nth-child(2) {
    animation: productCardReveal .8s cubic-bezier(.22, .61, .36, 1) .34s forwards;
}

.products-list-grid .product-card:nth-child(3) {
    animation: productCardReveal .8s cubic-bezier(.22, .61, .36, 1) .46s forwards;
}

.products-list-grid .product-card:nth-child(4) {
    animation: productCardReveal .8s cubic-bezier(.22, .61, .36, 1) .58s forwards;
}

.products-list-grid .product-card:nth-child(5) {
    animation: productCardReveal .8s cubic-bezier(.22, .61, .36, 1) .70s forwards;
}

.products-list-grid .product-card:nth-child(6) {
    animation: productCardReveal .8s cubic-bezier(.22, .61, .36, 1) .82s forwards;
}

.products-list-grid .product-card .product-icon img {
    transform: scale(.94);
    opacity: 0;
    animation: productImageReveal 1s cubic-bezier(.22, .61, .36, 1) .45s forwards;
}

.products-list-grid .product-card:nth-child(2) .product-icon img {
    animation-delay: .57s;
}

.products-list-grid .product-card:nth-child(3) .product-icon img {
    animation-delay: .69s;
}

.products-list-grid .product-card:nth-child(4) .product-icon img {
    animation-delay: .81s;
}

.products-list-grid .product-card:nth-child(5) .product-icon img {
    animation-delay: .93s;
}

.products-list-grid .product-card:nth-child(6) .product-icon img {
    animation-delay: 1.05s;
}

@keyframes productsFilterReveal {
    0% {
        opacity: 0;
        transform: translateY(28px);
        filter: blur(8px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

@keyframes productsTopReveal {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes productCardReveal {
    0% {
        opacity: 0;
        transform: translateY(34px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes productImageReveal {
    0% {
        opacity: 0;
        transform: scale(.94);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* hover iyileştirme */
.products-list-grid .product-card {
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.products-list-grid .product-card:hover {
    transform: translateY(-8px);
}

.products-filter__box {
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.products-filter__box:hover {
    transform: translateY(-4px);
}

/* radio satırlarına ufak geçiş */
.filter-option {
    transition: all .25s ease, transform .25s ease;
}

.filter-option:hover {
    transform: translateX(4px);
}

@media (prefers-reduced-motion: reduce) {
    .products-filter,
    .products-content__top,
    .products-list-grid .product-card,
    .products-list-grid .product-card .product-icon img {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
    }
}

/* 6 üründen fazla olduğunda görünmeme sorununu çözer */
.products-list-grid .product-card:nth-child(n+7) {
    animation: productCardReveal .8s cubic-bezier(.22, .61, .36, 1) .94s forwards;
}

.products-list-grid .product-card:nth-child(n+7) .product-icon img {
    animation-delay: 1.17s;
}