/* Reeglid rakenduvad AINULT Mac kasutajatele */
body.mac-user {
    overflow-x: hidden !important;
}

body.mac-user html {
    overflow-x: hidden !important;
    margin-top: 32px !important;
}

/* Mac Safari spetsiifilised reeglid */
body.mac-safari {
    overflow-x: hidden !important;
}

body.mac-safari html {
    overflow-x: hidden !important;
}

body.mac-safari .seotud-lehed-container {
    position: relative;
    margin: 20px 0;
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
    transform: none !important;
}

/* Mac Chrome spetsiifilised reeglid */
body.mac-chrome .seotud-lehed-container {
    width: 100% !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: translateZ(0);
}

/* Mac Firefox spetsiifilised reeglid */
body.mac-firefox .seotud-lehed-container {
    width: 100% !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Üldised Mac reeglid */
body.mac-user .seotud-lehed-carousel {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

body.mac-user .seotud-lehed-track {
    max-width: none;
    overflow: visible;
}

body.mac-user *, 
body.mac-user *::before, 
body.mac-user *::after {
    box-sizing: border-box !important;
}

/* Mac Retina ekraanid */
@media screen and (-webkit-min-device-pixel-ratio: 2) {
    body.mac-user .seotud-lehed-container {
        width: 100% !important;
        transform: translateZ(0);
    }
}

/* Mac desktop */
@media screen and (min-width: 1025px) {
    body.mac-user .seotud-lehed-wrapper {
        padding: 0 20px;
        max-width: 100%;
        overflow: hidden;
    }
    
    body.mac-user .seotud-lehed-track {
        gap: 4px;
    }
    
    body.mac-user .seotud-leht-item {
        width: 240px;
        height: 300px;
        flex-shrink: 0;
    }
}

/* Mac mobiil */
@media screen and (max-width: 768px) {
    body.mac-user .seotud-lehed-container {
        margin: 15px 0;
        padding: 0 !important;
        width: 100% !important;
        left: auto !important;
        right: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    body.mac-user .seotud-lehed-wrapper {
        padding: 0 20px;
        width: 100%;
        box-sizing: border-box;
    }
    
    body.mac-user .seotud-leht-item {
        width: calc(100vw - 44px);
        min-width: calc(100vw - 44px);
        max-width: calc(100vw - 44px);
    }
}

/* Mac scrollbar peitmine */
body.mac-user .seotud-lehed-wrapper::-webkit-scrollbar {
    display: none;
}

body.mac-user .seotud-lehed-wrapper {
    scrollbar-width: none;
}