#cc--main {
    --cc-bg: #ffffff;
    --cc-text: #1f2937;
    --cc-btn-primary-bg: #ef3434;
    --cc-btn-primary-text: #ffffff;
    --cc-btn-primary-hover-bg: #d92727;
    --cc-btn-secondary-bg: #f3f4f6;
    --cc-btn-secondary-text: #1f2937;
    --cc-btn-secondary-hover-bg: #e5e7eb;
    --cc-toggle-bg-on: #ef3434;
    --cc-cookie-category-block-bg: #f7f8fa;
    --cc-cookie-category-block-bg-hover: #f1f2f4;
}

#cc--main .c-bn,
#cc--main .cc_div .cc-link {
    border-radius: 9px;
}

#cc--main #cm,
#cc--main #s-inr {
    border: 1px solid #e4e7ec;
    border-radius: 10px;
    box-shadow: 0 18px 50px rgba(15, 23, 42, .18);
}

/* There are no optional cookie categories, so one clear save action is enough. */
#cc--main #s-all-bn {
    display: none;
}

.remap-cookie-settings {
    position: fixed;
    z-index: 2147483000;
    left: 18px;
    bottom: 18px;
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid #d8dde6;
    border-radius: 999px;
    background: rgba(255, 255, 255, .94);
    color: #4b5563;
    box-shadow: 0 3px 12px rgba(15, 23, 42, .1);
    font: 600 11px/1.2 "Segoe UI", system-ui, sans-serif;
    cursor: pointer;
}

.remap-cookie-settings:hover,
.remap-cookie-settings:focus-visible {
    border-color: #ef3434;
    color: #d92727;
    outline: none;
}

html.show--consent,
html.show--settings,
html.show--consent body,
html.show--settings body {
    overflow: hidden !important;
}

html.show--consent .remap-cookie-settings,
html.show--settings .remap-cookie-settings,
html.sidebar-noneoverflow .remap-cookie-settings,
body.sidebar-noneoverflow .remap-cookie-settings {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

#cc--main #cm {
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
}

#cc--main #c-txt,
#cc--main #s-cnt .p {
    line-height: 1.55;
}

#cc--main .c-bn:focus-visible,
#cc--main .cc-link:focus-visible,
.remap-cookie-settings:focus-visible {
    outline: 3px solid rgba(239, 52, 52, .2) !important;
    outline-offset: 2px;
}

body.portal-customer-page .remap-cookie-settings {
    bottom: calc(84px + env(safe-area-inset-bottom));
}

@media (max-width: 687px) {
    #cc--main #cm.box,
    #cc--main #cm.cloud {
        right: 10px;
        bottom: calc(10px + env(safe-area-inset-bottom));
        left: 10px;
        width: auto;
        max-height: calc(100dvh - 20px - env(safe-area-inset-bottom));
        padding: 18px;
        border-radius: 9px;
    }

    #cc--main #c-bns {
        margin-top: 16px;
        gap: 8px;
    }

    #cc--main #c-bns button + button {
        margin-top: 0;
    }

    #cc--main #s-cnt,
    #cc--main #c-vln,
    #cc--main #cs {
        height: 100dvh;
        max-height: 100dvh;
    }

    #cc--main #s-inr {
        height: 100dvh;
        max-height: 100dvh;
        padding-top: calc(64px + env(safe-area-inset-top));
        padding-bottom: calc(74px + env(safe-area-inset-bottom));
        border: 0;
        border-radius: 0;
    }

    #cc--main #s-hdr {
        height: calc(64px + env(safe-area-inset-top));
        padding: env(safe-area-inset-top) 18px 0;
    }

    #cc--main #s-bl { padding: 16px 14px; }
    #cc--main #s-bns {
        height: calc(74px + env(safe-area-inset-bottom));
        padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
    }

    #cc--main #s-bns .c-bn { min-height: 42px; }

    .remap-cookie-settings {
        left: 12px;
        bottom: calc(12px + env(safe-area-inset-bottom));
        max-width: calc(100vw - 24px);
    }

    body.portal-customer-page .remap-cookie-settings {
        bottom: calc(82px + env(safe-area-inset-bottom));
    }
}