/* Safari Browser Fix - Feature Images */

/* Safari üçün lazy loading fix */
@supports (-webkit-appearance:none) {
    .feature-image,
    .feature-image.second,
    .feature-image.third {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        will-change: transform;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }
}

/* Safari üçün image rendering */
.feature-image-wrapper img {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Feature card images için width fix */
.feature-image-wrapper {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
}

.feature-image-wrapper img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

/* Safari için specific fixes */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .feature-image-wrapper {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-perspective: 1000;
            perspective: 1000;
        }
        
        .feature-image {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }
}

/* Feature cards layout fix */
.feature-second-bottom-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    width: 100%;
}

.feature-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Safari image loading fix */
img[loading="lazy"] {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Tracker animation fix for Safari */
.tracker-icon-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.tracker-icon {
    display: block;
    width: 100%;
    height: auto;
}

/* Force hardware acceleration */
.feature-card,
.feature-image-wrapper,
.feature-tracker-wrapper {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
}

/* Footer "Powered by" mobile fix */
.website-link-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

.website-link-wrapper .text-size-small {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.website-link-wrapper .website-link {
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

.website-logo {
    height: 20px !important;
    width: auto !important;
    display: block !important;
}

/* Mobile specific fix */
@media screen and (max-width: 767px) {
    .website-link-wrapper {
        justify-content: center !important;
    }
    
    .footer-botom-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 12px !important;
    }
}