/* ===========================================
   BROWSER COMPATIBILITY FIXES
   Firefox ve Safari için vendor prefix'ler
   =========================================== */

/* Transform özellikleri için prefix'ler */

.product-card-image img {
    -webkit-transition: -webkit-transform 0.3s ease, transform 0.3s ease;
    -moz-transition: -moz-transform 0.3s ease, transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease, transform 0.3s ease;
    transition: transform 0.3s ease;
}

.product-card:hover .product-card-image img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.text-option:hover:not(:disabled),
.text-option--active {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
}

.product-card:hover {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/* Border-radius için prefix'ler */

.product-card-image {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.product-card {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.text-option {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.text-option__check,
.text-option__unavailable {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* Box-shadow için prefix'ler */

.product-card {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.product-card:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.text-option {
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.text-option:hover:not(:disabled) {
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.text-option--active {
    -webkit-box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
    -moz-box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
}

.text-option__check,
.text-option__unavailable {
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Transition için prefix'ler */

.product-card {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.text-option {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Display: flex için prefix'ler */
.variant-text-wrapper,
.text-option,
.text-option__check,
.text-option__unavailable {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.text-option {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.text-option__check,
.text-option__unavailable {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* Grid için prefix'ler */
.products-grid {
    display: -webkit-box;
    display: -ms-grid;
    display: grid;
}

.products-grid.product-list-grid-desktop-2 {
    -ms-grid-columns: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
}

.products-grid.product-list-grid-desktop-3 {
    -ms-grid-columns: repeat(3, 1fr);
    grid-template-columns: repeat(3, 1fr);
}

.products-grid.product-list-grid-desktop-4 {
    -ms-grid-columns: repeat(4, 1fr);
    grid-template-columns: repeat(4, 1fr);
}

.products-grid.product-list-grid-desktop-5 {
    -ms-grid-columns: repeat(5, 1fr);
    grid-template-columns: repeat(5, 1fr);
}

.products-grid.product-list-grid-desktop-6 {
    -ms-grid-columns: repeat(6, 1fr);
    grid-template-columns: repeat(6, 1fr);
}

/* Gap özelliği için prefix'ler (Firefox ve Safari) */

.products-grid.product-list-grid-desktop-2 {
    gap: 20px;
}

.products-grid.product-list-grid-desktop-3 {
    gap: 20px;
}

.products-grid.product-list-grid-desktop-4 {
    gap: 20px;
}

.products-grid.product-list-grid-desktop-5 {
    gap: 18px;
}

.products-grid.product-list-grid-desktop-6 {
    gap: 15px;
}

/* User-select için prefix'ler */
.text-option {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Appearance için prefix'ler (form elementleri) */
input[type="checkbox"],
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Backdrop-filter için prefix'ler (varsa) */
.backdrop-blur {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

/* Will-change için prefix'ler */
.product-card,
.product-card-image img {
    will-change: transform;
    -webkit-will-change: transform;
    -moz-will-change: transform;
}

/* Flexbox gap için prefix'ler (eski tarayıcılar için) */
.variant-text-wrapper {
    margin: -4px;
}

.variant-text-wrapper > * {
    margin: 4px;
}

/* Grid için fallback (eski tarayıcılar) */
@supports not (display: grid) {
    .products-grid {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .products-grid > * {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}

/* Transform için hardware acceleration - sadece hover durumunda */
.product-card:hover,
.product-card:hover .product-card-image img {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

/* Kategori grid için prefix'ler */
.uomo-category-grid-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.uomo-category-grid-card {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.uomo-category-grid-card:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Carousel/Slider için prefix'ler */
.products-carousel__prev,
.products-carousel__next,
.produc_slider__prev,
.produc_slider__next,
.uomo-product-slider-prev,
.uomo-product-slider-next {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity 0.32s;
    -moz-transition: opacity 0.32s;
    -o-transition: opacity 0.32s;
    transition: opacity 0.32s;
}

/* Homepage Category Slider için prefix'ler */
.homepagecategory-card__track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.homepagecategory-card__control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.homepagecategory-card__product {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Swiper için prefix'ler */
.swiper-wrapper,
.homepage-category-banner-slider__swiper .swiper-wrapper {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.swiper-slide,
.homepage-category-banner-slider__swiper .swiper-slide {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Featured product badge için prefix'ler */
.featured-product-badge {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
    -moz-box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
    -webkit-animation: featured-pulse 2s infinite;
    -moz-animation: featured-pulse 2s infinite;
    -o-animation: featured-pulse 2s infinite;
    animation: featured-pulse 2s infinite;
}

/* Animation için prefix'ler */
@-webkit-keyframes featured-pulse {
    0%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@-moz-keyframes featured-pulse {
    0%, 100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@keyframes featured-pulse {
    0%, 100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }
}

/* Genel border-radius prefix'leri */
.border-radius-4,
.category-banner__item {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* Genel box-shadow prefix'leri */
.shadow-sm,
.shadow,
.shadow-lg {
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
}

/* Genel transition prefix'leri */
.transition,
[class*="transition"] {
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

/* Genel transform prefix'leri - önemli elementler için */
.d-flex,
[class*="flex"] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

/* Align items için prefix'ler */
.align-items-center,
.align-items-start,
.align-items-end {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-items-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.align-items-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

/* Justify content için prefix'ler */
.justify-content-center,
.justify-content-start,
.justify-content-end,
.justify-content-between {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-content-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.justify-content-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.justify-content-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* Flex-wrap için prefix'ler */
.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/* Position sticky için prefix'ler */
.sticky-top,
[class*="sticky"] {
    position: -webkit-sticky;
    position: sticky;
}

/* Object-fit için prefix'ler */
.object-fit-cover,
.object-fit-contain {
    -o-object-fit: inherit;
    object-fit: inherit;
}

.object-fit-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.object-fit-contain {
    -o-object-fit: contain;
    object-fit: contain;
}

/* Responsive.css için ek prefix'ler */
.swiper-progress-bar {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

[style*="transform: translateX(-50%)"] {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* Box-shadow için genel prefix'ler */
[style*="box-shadow"] {
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
}

/* Border-radius için genel prefix'ler */
[style*="border-radius"] {
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
}

/* Transition için genel prefix'ler */
[style*="transition"] {
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

/* Display flex için genel prefix'ler */
[style*="display: flex"],
[style*="display:flex"] {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

/* Inline-flex için prefix'ler */
[style*="display: inline-flex"],
[style*="display:inline-flex"] {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

/* PDP Quantity için prefix'ler */
.pdp-qty {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}