.onlaFooter,
.onlaFooter *{
    box-sizing:border-box;
}

.onlaFooter{
    width:100%;
    height:auto !important;
    background:#fff;
    border-top:1px solid #e1e8ea;
    color:#002f34;
    padding:44px 16px 34px;
    margin:0;
}

.onlaFooterWrap{
    width:100%;
    max-width:1580px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1.35fr 1.2fr 1.55fr;
    gap:64px;
    align-items:flex-start;
}

.onlaFooterCol{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
}

.onlaFooterBrand{
    align-items:center;
    text-align:center;
}

.onlaFooterLogoLink{
    display:inline-flex;
    align-items:center;
    text-decoration:none;
}

.onlaFooterLogo{
    width:120px;
    height:auto;
    display:block;
}

.onlaFooterCopy{
    width:100%;
    max-width:190px;
    margin:10px auto 0;
    font-size:14px;
    line-height:1.35;
    color:#002f34;
    opacity:.82;
    text-align:center;
}

.onlaFooterTitle{
    display:none;
}

.onlaFooterLink{
    display:inline-flex;
    width:auto;
    padding:0;
    border:0;
    background:transparent;
    color:#002f34;
    font-size:14px;
    line-height:1.35;
    font-weight:700;
    white-space:normal;
    text-align:left;
    text-decoration:none;
    font-family:inherit;
    cursor:pointer;
    opacity:.84;
}

.onlaFooterLink:hover{
    opacity:1;
    text-decoration:underline;
}
.onlaFooterPages,
.onlaFooterUserMenu{
    padding-top:6px;
    gap:10px;
}

.onlaFooterPages .onlaFooterLink,
.onlaFooterUserMenu .onlaFooterLink{
    display:flex;
    width:100%;
}

@media(min-width:821px){
    .onlaFooterUserMenu .onlaFooterLink{
        white-space:nowrap;
    }
}


.onlaFooterButton{
    appearance:none;
    -webkit-appearance:none;
}

.onlaFooterSupportBtn{
    color:#002f34;
}

.onlaFooterApps{
    padding-top:6px;
}

.onlaFooterAppsText{
    width:100%;
    max-width:370px;
    color:#607d82;
    font-size:13px;
    line-height:1.35;
    font-weight:400;
    margin-top:12px;
}

.onlaFooterAppButtons{
    width:100%;
    max-width:280px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}

.onlaFooterStore{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:148px;
    height:48px;
    padding:4px 8px;
    border-radius:12px;
    overflow:hidden;
    text-decoration:none;
    background:#fff;
    border:1px solid #dce3e5;
    box-shadow:0 10px 24px rgba(0,47,52,.08);
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.onlaFooterStore:hover{
    transform:translateY(-1px);
    border-color:#bfcdd1;
    box-shadow:0 14px 32px rgba(0,47,52,.12);
}

.onlaFooterStore img{
    width:132px;
    height:40px;
    display:block;
}

[dir="rtl"] .onlaFooterCol{
    align-items:flex-start;
}

[dir="rtl"] .onlaFooterLink{
    text-align:right;
}

@media(max-width:760px){
    .onlaFooterWrap{
        grid-template-columns:1fr 1fr;
        gap:30px 24px;
    }
}

@media(max-width:760px){
    .onlaFooter{
        padding:34px 18px 28px;
    }

    .onlaFooterWrap{
        grid-template-columns:1fr;
        gap:28px;
    }

    .onlaFooterCol,
    [dir="rtl"] .onlaFooterCol{
        align-items:center;
        text-align:center;
    }

    .onlaFooterLink,
    [dir="rtl"] .onlaFooterLink{
        text-align:center;
        justify-content:center;
    }

    .onlaFooterAppButtons{
        width:min(320px, 100%);
        margin:0 auto;
        justify-content:space-between;
        align-items:center;
        gap:12px;
    }

    .onlaFooterStore{
        width:calc(50% - 6px);
        max-width:150px;
    }

    .onlaFooterAppsText{
        max-width:310px;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
    }
}


/* Cookie banner desktop + mobile modal. Mobile version: <= 760px; desktop version: > 760px. */
.onlaCookieShade{
    display:none;
}

.cookes,
.cookes *{
    box-sizing:border-box;
}

.cookes{
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    bottom:24px !important;
    transform:translateX(-50%) !important;
    z-index:9996 !important;
    width:min(760px, calc(100vw - 32px)) !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:14px 16px !important;
    border:1px solid #dce3e5 !important;
    border-radius:18px !important;
    background:#ffffff !important;
    color:#002f34 !important;
    box-shadow:0 18px 48px rgba(0,47,52,.18) !important;
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
}

.cookes .onlaCookieIconWrap{
    width:54px !important;
    height:54px !important;
    flex:0 0 54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.cookes .imgCookes{
    width:54px !important;
    height:54px !important;
    margin:0 !important;
    object-fit:contain !important;
    display:block !important;
}

.cookes .textCookes{
    width:auto !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    align-items:center !important;
    gap:14px !important;
    color:#002f34 !important;
}

.cookes .textCookes-act{
    margin:0 !important;
    padding:0 !important;
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
    color:#002f34 !important;
}

.cookes .textCookes_r{
    color:#002f34 !important;
    font-weight:800 !important;
    text-decoration:underline !important;
}

.cookes form{
    margin:0 !important;
    padding:0 !important;
    flex:0 0 auto !important;
}

.cookes .cookes_button{
    min-width:132px !important;
    height:42px !important;
    margin:0 !important;
    padding:0 20px !important;
    border:0 !important;
    border-radius:13px !important;
    background:#002f34 !important;
    color:#ffffff !important;
    font-family:inherit !important;
    font-size:14px !important;
    line-height:1 !important;
    font-weight:900 !important;
    cursor:pointer !important;
    box-shadow:0 10px 22px rgba(0,47,52,.16) !important;
}

.cookes .cookes_button:hover{
    background:#004248 !important;
}

@media(max-width:760px){
    .onlaFooterUserMenu{
        display:none !important;
    }

    .onlaFooterApps,
    .onlaFooterAppsText{
        text-align:center !important;
        align-items:center !important;
    }

    .onlaCookieShade{
        position:fixed;
        inset:0;
        z-index:2147483000;
        display:block;
        background:rgba(0,47,52,.48);
        backdrop-filter:blur(2px);
        -webkit-backdrop-filter:blur(2px);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:opacity .28s ease, visibility .28s ease;
    }

    body.onlaCookieShow .onlaCookieShade{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

    .cookes{
        width:min(392px, calc(100vw - 28px)) !important;
        left:50% !important;
        top:50% !important;
        right:auto !important;
        bottom:auto !important;
        transform:translate(-50%, calc(-50% + 18px)) scale(.96) !important;
        display:block !important;
        padding:20px 14px 14px !important;
        border-radius:24px !important;
        background:#fff !important;
        border:1px solid rgba(255,255,255,.72) !important;
        box-shadow:0 28px 80px rgba(0,47,52,.34) !important;
        z-index:2147483001 !important;
        min-height:0 !important;
        height:auto !important;
        overflow:visible !important;
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
        transition:opacity .28s ease, visibility .28s ease, transform .34s cubic-bezier(.22,1,.36,1) !important;
    }

    body.onlaCookieShow .cookes{
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        transform:translate(-50%, -50%) scale(1) !important;
    }

    .cookes .onlaCookieIconWrap{
        width:72px !important;
        height:72px !important;
        margin:-52px auto 8px !important;
        border-radius:999px !important;
        background:#fff !important;
        box-shadow:0 16px 38px rgba(0,47,52,.20) !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .cookes .imgCookes{
        width:54px !important;
        height:54px !important;
        display:block !important;
    }

    .cookes .textCookes{
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        padding:0 !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
        gap:14px !important;
        position:static !important;
        transform:none !important;
    }

    .cookes .textCookes-act{
        order:1 !important;
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        padding:0 4px !important;
        position:static !important;
        transform:none !important;
        text-align:center !important;
        color:#002f34 !important;
        font-size:13px !important;
        line-height:1.42 !important;
        font-weight:400 !important;
        white-space:normal !important;
        overflow:visible !important;
    }

    .cookes .textCookes_r{
        display:inline !important;
        position:static !important;
        color:#002f34 !important;
        font-weight:900 !important;
        text-decoration:underline !important;
    }

    .cookes form{
        order:2 !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        position:static !important;
        transform:none !important;
        display:block !important;
    }

    .cookes .cookes_button{
        position:static !important;
        inset:auto !important;
        transform:none !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:100% !important;
        min-width:0 !important;
        height:48px !important;
        min-height:48px !important;
        margin:0 !important;
        padding:0 18px !important;
        border:0 !important;
        border-radius:16px !important;
        background:#002f34 !important;
        color:#fff !important;
        font-family:inherit !important;
        font-size:15px !important;
        line-height:1.1 !important;
        font-weight:900 !important;
        text-align:center !important;
        white-space:normal !important;
        box-shadow:0 14px 28px rgba(0,47,52,.20) !important;
    }
}

@media(max-width:380px){
    .cookes{
        width:calc(100vw - 22px) !important;
        padding:18px 12px 12px !important;
        border-radius:22px !important;
    }

    .cookes .onlaCookieIconWrap{
        width:64px !important;
        height:64px !important;
        margin-top:-46px !important;
    }

    .cookes .imgCookes{
        width:48px !important;
        height:48px !important;
    }

    .cookes .textCookes-act{
        font-size:12px !important;
        line-height:1.36 !important;
    }

    .cookes .cookes_button{
        height:45px !important;
        min-height:45px !important;
        font-size:14px !important;
    }
}