.sppp-root{position:relative;z-index:2147483000}.sppp-instance{position:fixed;inset:0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .32s ease,visibility .32s ease}.sppp-instance.is-visible{opacity:1;visibility:visible}.sppp-instance.is-visible .sppp-popup,.sppp-instance.is-visible .sppp-overlay{pointer-events:auto}.sppp-instance.is-closing{visibility:visible}.sppp-overlay{position:absolute;inset:0;border:0;background:rgba(0,0,0,var(--sppp-overlay-opacity));background:color-mix(in srgb,var(--sppp-overlay) calc(var(--sppp-overlay-opacity)*100%),transparent);backdrop-filter:blur(var(--sppp-blur));-webkit-backdrop-filter:blur(var(--sppp-blur));opacity:0;transition:opacity .38s ease}.sppp-instance.is-visible .sppp-overlay{opacity:1}.sppp-instance.is-closing .sppp-overlay{opacity:0}.sppp-popup{position:absolute;width:min(var(--sppp-width),calc(100vw - 32px));height:var(--sppp-height);min-height:210px;background:var(--sppp-bg);color:var(--sppp-text);border-radius:var(--sppp-radius);box-shadow:0 24px 70px rgba(10,32,54,.24);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(150px,.8fr);overflow:hidden;border:1px solid rgba(10,32,54,.08);font-family:"Plus Jakarta Sans",Arial,sans-serif;opacity:0;will-change:opacity,transform;transition:opacity .38s ease,transform .52s cubic-bezier(.22,1,.36,1)}.sppp-instance.is-visible .sppp-popup{opacity:1}.sppp-instance.is-closing .sppp-popup{opacity:0}.position-bottom-right .sppp-popup{right:24px;bottom:24px}.position-bottom-left .sppp-popup{left:24px;bottom:24px}.position-top-right .sppp-popup{right:24px;top:24px}.position-top-left .sppp-popup{left:24px;top:24px}.position-top-center .sppp-popup{left:50%;top:24px}.position-bottom-center .sppp-popup{left:50%;bottom:24px}.position-center .sppp-popup{left:50%;top:50%;box-shadow:0 35px 100px rgba(0,0,0,.38)}
/* Açılış efektleri */
.animation-slide-up .sppp-popup{transform:translate3d(0,44px,0)}.animation-slide-down .sppp-popup{transform:translate3d(0,-44px,0)}.animation-slide-left .sppp-popup{transform:translate3d(60px,0,0)}.animation-slide-right .sppp-popup{transform:translate3d(-60px,0,0)}.animation-fade .sppp-popup{transform:none}.animation-zoom .sppp-popup{transform:scale(.9)}.animation-slide-up.is-visible .sppp-popup,.animation-slide-down.is-visible .sppp-popup,.animation-slide-left.is-visible .sppp-popup,.animation-slide-right.is-visible .sppp-popup,.animation-fade.is-visible .sppp-popup,.animation-zoom.is-visible .sppp-popup{transform:none}.position-top-center.animation-slide-up .sppp-popup{transform:translate3d(-50%,44px,0)}.position-top-center.animation-slide-down .sppp-popup{transform:translate3d(-50%,-44px,0)}.position-top-center.animation-slide-left .sppp-popup{transform:translate3d(calc(-50% + 60px),0,0)}.position-top-center.animation-slide-right .sppp-popup{transform:translate3d(calc(-50% - 60px),0,0)}.position-top-center.animation-fade .sppp-popup{transform:translateX(-50%)}.position-top-center.animation-zoom .sppp-popup{transform:translateX(-50%) scale(.9)}.position-top-center.is-visible .sppp-popup{transform:translateX(-50%)}.position-bottom-center.animation-slide-up .sppp-popup{transform:translate3d(-50%,44px,0)}.position-bottom-center.animation-slide-down .sppp-popup{transform:translate3d(-50%,-44px,0)}.position-bottom-center.animation-slide-left .sppp-popup{transform:translate3d(calc(-50% + 60px),0,0)}.position-bottom-center.animation-slide-right .sppp-popup{transform:translate3d(calc(-50% - 60px),0,0)}.position-bottom-center.animation-fade .sppp-popup{transform:translateX(-50%)}.position-bottom-center.animation-zoom .sppp-popup{transform:translateX(-50%) scale(.9)}.position-bottom-center.is-visible .sppp-popup{transform:translateX(-50%)}.position-center.animation-slide-up .sppp-popup{transform:translate3d(-50%,calc(-50% + 55px),0)}.position-center.animation-slide-down .sppp-popup{transform:translate3d(-50%,calc(-50% - 55px),0)}.position-center.animation-slide-left .sppp-popup{transform:translate3d(calc(-50% + 70px),-50%,0)}.position-center.animation-slide-right .sppp-popup{transform:translate3d(calc(-50% - 70px),-50%,0)}.position-center.animation-fade .sppp-popup{transform:translate(-50%,-50%)}.position-center.animation-zoom .sppp-popup{transform:translate(-50%,-50%) scale(.88)}.position-center.is-visible .sppp-popup{transform:translate(-50%,-50%) scale(1)}
.sppp-content{padding:28px 24px 24px 28px;display:flex;flex-direction:column;justify-content:center;min-width:0}.sppp-badge{align-self:flex-start;background:var(--sppp-accent);color:#fff;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:10px}.sppp-content h3{margin:0;color:inherit;font-size:25px;line-height:1.14;font-weight:800;letter-spacing:-.03em}.sppp-content p{margin:14px 0 18px;color:rgba(16,35,60,.72);color:color-mix(in srgb,var(--sppp-text) 72%,transparent);font-size:13px;line-height:1.65}.sppp-cta{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;color:var(--sppp-accent);text-decoration:none;font-size:14px;font-weight:800;transition:gap .25s ease,filter .25s ease}.sppp-cta:hover{gap:15px;filter:brightness(.82)}.sppp-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sppp-media{position:relative;background-position:center;background-size:cover;min-height:210px}.sppp-media:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--sppp-bg) 0%,rgba(255,255,255,.1) 30%,transparent 55%);pointer-events:none}.sppp-media.is-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#e8fbf8,#cae9f4)}.sppp-media.is-placeholder svg{width:70%;max-width:120px;fill:none;stroke:var(--sppp-accent);stroke-width:5;stroke-linecap:round}.sppp-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 5px 18px rgba(8,34,53,.16);font-size:28px;font-weight:300;line-height:1;color:#18293b;cursor:pointer;z-index:3;display:grid;place-items:center;transition:transform .2s ease}.sppp-close:hover{transform:rotate(8deg) scale(1.05)}body.sppp-modal-open{overflow:hidden!important}@media(max-width:767px){.sppp-popup{width:min(var(--sppp-mobile-width),calc(100vw - 24px));height:var(--sppp-mobile-height);grid-template-columns:1fr 110px;min-height:176px;border-radius:min(var(--sppp-radius),18px)}.position-bottom-right .sppp-popup,.position-top-right .sppp-popup{right:12px}.position-bottom-left .sppp-popup,.position-top-left .sppp-popup{left:12px}.position-bottom-right .sppp-popup,.position-bottom-left .sppp-popup{bottom:12px}.position-top-right .sppp-popup,.position-top-left .sppp-popup{top:12px}.position-top-center .sppp-popup{top:12px}.position-bottom-center .sppp-popup{bottom:12px}.sppp-content{padding:20px 14px 18px 18px}.sppp-content h3{font-size:19px}.sppp-content p{font-size:11.5px;line-height:1.5;margin:9px 0 12px}.sppp-badge{font-size:9px;padding:5px 8px;margin-bottom:7px}.sppp-cta{font-size:12px}.sppp-media{min-height:176px}.sppp-close{width:32px;height:32px;font-size:24px;top:8px;right:8px}.position-center .sppp-popup{grid-template-columns:1fr 110px;max-height:calc(100vh - 30px)}}@media(max-width:420px){.sppp-popup{grid-template-columns:1fr 92px}.sppp-content h3{font-size:17px}.sppp-content p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}
@media(prefers-reduced-motion:reduce){.sppp-instance,.sppp-popup,.sppp-overlay{transition-duration:.01ms!important}}


/* v2.2.1 — compact notification card */
.type-notification .sppp-popup{
    width:min(var(--sppp-width),calc(100vw - 28px));
    min-height:168px;
    grid-template-columns:minmax(0,1.55fr) minmax(118px,.65fr);
    border-radius:min(var(--sppp-radius),20px);
    box-shadow:0 14px 42px rgba(10,32,54,.18);
}
.type-notification .sppp-content{
    padding:16px 12px 16px 20px;
    justify-content:center;
}
.type-notification .sppp-badge{
    padding:5px 10px;
    margin-bottom:8px;
    font-size:10px;
    line-height:1;
    letter-spacing:.04em;
}
.type-notification .sppp-content h3{
    font-size:18px;
    line-height:1.16;
    letter-spacing:-.025em;
    max-width:360px;
}
.type-notification .sppp-content p{
    margin:9px 0 11px;
    font-size:12px;
    line-height:1.5;
    max-width:360px;
}
.type-notification .sppp-cta{
    gap:8px;
    font-size:13px;
    line-height:1.2;
}
.type-notification .sppp-cta svg{
    width:16px;
    height:16px;
}
.type-notification .sppp-media{
    min-height:168px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:right bottom;
}
.type-notification .sppp-media:before{
    background:linear-gradient(90deg,var(--sppp-bg) 0%,rgba(255,255,255,.35) 22%,transparent 50%);
}
.type-notification .sppp-close{
    top:10px;
    right:10px;
    width:34px;
    height:34px;
    font-size:24px;
}
@media(max-width:767px){
    .type-notification .sppp-popup{
        min-height:152px;
        grid-template-columns:minmax(0,1.5fr) 96px;
    }
    .type-notification .sppp-content{
        padding:14px 8px 14px 15px;
    }
    .type-notification .sppp-content h3{
        font-size:16px;
        line-height:1.18;
    }
    .type-notification .sppp-content p{
        margin:7px 0 9px;
        font-size:10.5px;
        line-height:1.42;
    }
    .type-notification .sppp-badge{
        font-size:8.5px;
        padding:4px 7px;
        margin-bottom:6px;
    }
    .type-notification .sppp-cta{
        font-size:11.5px;
    }
    .type-notification .sppp-media{
        min-height:152px;
    }
    .type-notification .sppp-close{
        width:30px;
        height:30px;
        font-size:22px;
        top:7px;
        right:7px;
    }
}