/* DIGIKROM SZI Exit Intent Panel */

.szi-exit-panel[hidden] { display: none !important; }

.szi-exit-panel {
    position: fixed;
    inset: 0;
    z-index: 100050;
    display: flex;
    pointer-events: none;
    visibility: hidden;
    box-sizing: border-box;
    color: #fff;
}

.szi-exit-panel *,
.szi-exit-panel *::before,
.szi-exit-panel *::after { box-sizing: border-box; }

.szi-exit-panel.is-ready { visibility: visible; }
.szi-exit-panel.is-visible { pointer-events: auto; }

.szi-exit-panel__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: var(--szi-exit-overlay, rgba(3,26,15,.52));
    opacity: 0;
    transition: opacity .26s ease;
}

.szi-exit-panel[data-overlay="0"] .szi-exit-panel__overlay {
    background: transparent;
    pointer-events: none;
}

.szi-exit-panel.is-visible .szi-exit-panel__overlay { opacity: 1; }

.szi-exit-panel--right { justify-content: flex-end; }
.szi-exit-panel--left  { justify-content: flex-start; }

.szi-exit-panel__shell {
    position: relative;
    z-index: 2;
    width: min(100%, var(--szi-exit-width, 520px));
    max-width: var(--szi-exit-width, 520px);
    height: 100%;
    max-height: 100%;
    overflow: auto;
    overscroll-behavior: contain;
    padding: var(--szi-exit-padding, 0px);
    opacity: 0;
    transition: opacity .28s ease, transform .34s cubic-bezier(.2,.75,.2,1);
    box-shadow: 0 0 55px rgba(0,0,0,.22);
    isolation: isolate;
}

.szi-exit-panel--right .szi-exit-panel__shell { transform: translate3d(105%,0,0); }
.szi-exit-panel--left .szi-exit-panel__shell  { transform: translate3d(-105%,0,0); }

.szi-exit-panel.is-visible .szi-exit-panel__shell {
    opacity: 1;
    transform: translate3d(0,0,0);
}

.szi-exit-panel.is-closing .szi-exit-panel__shell { opacity: 0; }

.szi-exit-panel--dark .szi-exit-panel__shell {
    background:
        radial-gradient(circle at 105% -5%, rgba(255,255,255,.05) 0 105px, transparent 106px),
        radial-gradient(circle at 105% -5%, transparent 0 137px, rgba(255,255,255,.035) 138px 170px, transparent 171px),
        linear-gradient(145deg,#06341f 0%,#0b4b2c 100%);
    color: #fff;
}

.szi-exit-panel--light .szi-exit-panel__shell {
    background: #fff;
    color: #132519;
}

.szi-exit-panel--transparent .szi-exit-panel__shell {
    background: transparent;
    color: inherit;
    box-shadow: none;
}

.szi-exit-panel--stripe .szi-exit-panel__shell::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    z-index: 5;
    width: 5px;
    pointer-events: none;
    background: linear-gradient(to bottom,#168a45 0 33.333%,#fff 33.333% 66.666%,#d23632 66.666% 100%);
}

.szi-exit-panel__content {
    width: 100%;
    min-height: 100%;
}

.szi-exit-panel__content > :first-child { margin-top: 0; }
.szi-exit-panel__content > :last-child { margin-bottom: 0; }

.szi-exit-panel__close {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    z-index: 20 !important;
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 999px !important;
    background: rgba(5,31,18,.92) !important;
    color: #fff !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
    font: 400 30px/1 Arial,sans-serif !important;
    cursor: pointer !important;
    transition: transform .18s ease, background .18s ease !important;
}

.szi-exit-panel--light .szi-exit-panel__close {
    border-color: rgba(11,53,31,.15) !important;
    background: #0b351f !important;
}

.szi-exit-panel__close:hover,
.szi-exit-panel__close:focus-visible {
    transform: scale(1.06);
    background: #176b3a !important;
}

.szi-exit-panel__close:focus-visible {
    outline: 3px solid #fff !important;
    outline-offset: 3px !important;
}

body.szi-exit-scroll-lock {
    overflow: hidden !important;
    touch-action: none;
}

@media (min-width:1025px) {
    .szi-exit-panel--hide-desktop { display:none !important; }
}

@media (min-width:768px) and (max-width:1024px) {
    .szi-exit-panel--hide-tablet { display:none !important; }
}

@media (max-width:767px) {
    .szi-exit-panel--hide-mobile { display:none !important; }

    .szi-exit-panel { align-items:flex-end; }
    .szi-exit-panel__shell {
        width:100%;
        max-width:100%;
        height:auto;
        max-height:92dvh;
        transform:translate3d(0,105%,0) !important;
    }
    .szi-exit-panel.is-visible .szi-exit-panel__shell {
        transform:translate3d(0,0,0) !important;
    }
}

@media (prefers-reduced-motion:reduce) {
    .szi-exit-panel__shell,
    .szi-exit-panel__overlay,
    .szi-exit-panel__close { transition-duration:.01ms !important; }
}