body{
            --jr-bogo-purple:#350990;
            --jr-bogo-orange:#fe7e00;
            --jr-bogo-black:#050504;
            --jr-bogo-white:#fefefe;
        }


        /* --------------------------------------------
           AUTO COUPON ROW
        --------------------------------------------- */

        .jr-bogo-discount-value{
            color:#1f8b58;
            font-weight:800;
        }


        /* --------------------------------------------
           CART / CHECKOUT BANNER
        --------------------------------------------- */

        .jr-bogo-banner{
            width:100%;
            margin:0 0 20px;
            padding:18px;
            display:grid;
            grid-template-columns:auto minmax(0,1fr) auto;
            align-items:center;
            gap:15px;
            overflow:hidden;
            position:relative;
            border:1px solid rgba(53,9,144,.10);
            border-radius:18px;
            direction:rtl;
            background:
                radial-gradient(circle at 8% 10%,rgba(254,126,0,.13),transparent 27%),
                linear-gradient(135deg,#fff,#f7f2ff);
            box-shadow:0 14px 38px rgba(53,9,144,.07);
        }

        .jr-bogo-banner::before{
            content:"";
            position:absolute;
            width:130px;
            height:130px;
            top:-80px;
            left:-45px;
            border:1px solid rgba(53,9,144,.07);
            border-radius:50%;
        }

        .jr-bogo-banner__icon{
            width:49px;
            height:49px;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:15px;
            color:#fff;
            background:var(--jr-bogo-purple);
            box-shadow:0 10px 24px rgba(53,9,144,.17);
            font-size:20px;
        }

        .jr-bogo-banner__content{
            min-width:0;
        }

        .jr-bogo-banner__eyebrow{
            display:block;
            margin-bottom:2px;
            color:var(--jr-bogo-orange);
            font-size:8px;
            font-weight:800;
        }

        .jr-bogo-banner__content > strong{
            display:block;
            color:#16101d;
            font-size:14px;
            line-height:1.5;
        }

        .jr-bogo-banner__content > p{
            margin:3px 0 0!important;
            color:#7c7484;
            font-size:9px;
            line-height:1.7;
        }

        .jr-bogo-banner__cta{
            min-height:42px;
            padding:0 15px;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:11px;
            color:#fff!important;
            background:var(--jr-bogo-purple);
            font-size:9px;
            font-weight:800;
            text-decoration:none!important;
            transition:.22s ease;
        }

        .jr-bogo-banner__cta:hover{
            transform:translateY(-2px);
            background:var(--jr-bogo-orange);
        }

        .jr-bogo-mini-progress{
            max-width:440px;
            margin-top:11px;
        }

        .jr-bogo-mini-progress__track{
            height:4px;
            overflow:hidden;
            border-radius:99px;
            background:#e9e2f2;
        }

        .jr-bogo-mini-progress__track i{
            display:block;
            height:100%;
            border-radius:inherit;
            background:linear-gradient(
                90deg,
                var(--jr-bogo-orange),
                var(--jr-bogo-purple)
            );
        }

        .jr-bogo-mini-progress__nodes{
            margin-top:6px;
            display:flex;
            justify-content:space-between;
        }

        .jr-bogo-mini-progress__nodes span{
            color:#aaa2b0;
            text-align:center;
        }

        .jr-bogo-mini-progress__nodes b,
        .jr-bogo-mini-progress__nodes small{
            display:block;
        }

        .jr-bogo-mini-progress__nodes b{
            font-family:Arial,sans-serif;
            font-size:8px;
        }

        .jr-bogo-mini-progress__nodes small{
            margin-top:1px;
            font-size:6px;
        }

        .jr-bogo-mini-progress__nodes span.active{
            color:var(--jr-bogo-purple);
            font-weight:800;
        }


        /* --------------------------------------------
           POPUP
        --------------------------------------------- */

        body.jr-bogo-popup-open{
            overflow:hidden!important;
        }

        .jr-bogo-popup{
            position:fixed;
            inset:0;
            z-index:999999;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:25px;
            visibility:hidden;
            opacity:0;
            pointer-events:none;
            transition:
                opacity .25s ease,
                visibility .25s ease;
        }

        .jr-bogo-popup.is-open{
            visibility:visible;
            opacity:1;
            pointer-events:auto;
        }

        .jr-bogo-popup__backdrop{
            position:absolute;
            inset:0;
            background:rgba(5,5,4,.56);
            backdrop-filter:blur(9px);
            -webkit-backdrop-filter:blur(9px);
        }

        .jr-bogo-popup__panel{
            position:relative;
            z-index:2;
            width:min(100%,555px);
            max-height:calc(100vh - 40px);
            overflow-y:auto;
            padding:31px;
            border:1px solid rgba(255,255,255,.15);
            border-radius:25px;
            color:#1b1521;
            background:#fff;
            box-shadow:0 35px 90px rgba(7,0,18,.30);
            transform:translateY(20px) scale(.975);
            opacity:0;
            transition:
                transform .4s cubic-bezier(.2,.8,.2,1),
                opacity .3s ease;
        }

        .jr-bogo-popup.is-open
        .jr-bogo-popup__panel{
            transform:translateY(0) scale(1);
            opacity:1;
        }

        .jr-bogo-popup__panel::before{
            content:"";
            position:absolute;
            top:0;
            right:0;
            left:0;
            height:5px;
            background:linear-gradient(
                90deg,
                var(--jr-bogo-orange),
                #7b28ee,
                var(--jr-bogo-purple)
            );
        }

        .jr-bogo-popup__close{
            position:absolute;
            top:15px;
            left:15px;
            z-index:5;
            width:34px;
            height:34px;
            padding:0;
            display:flex;
            align-items:center;
            justify-content:center;
            border:0;
            border-radius:10px;
            color:#777080;
            background:#f5f2f7;
            cursor:pointer;
            font-size:22px;
            line-height:1;
        }

        .jr-bogo-popup__success{
            position:relative;
            width:64px;
            height:64px;
            margin:0 auto 16px;
            display:flex;
            align-items:center;
            justify-content:center;
        }

        .jr-bogo-popup__success span{
            position:relative;
            z-index:2;
            width:52px;
            height:52px;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:50%;
            color:#fff;
            background:var(--jr-bogo-purple);
            box-shadow:0 12px 28px rgba(53,9,144,.20);
            font-size:21px;
            font-weight:800;
        }

        .jr-bogo-popup__success i{
            position:absolute;
            inset:0;
            border:1px solid rgba(53,9,144,.21);
            border-radius:50%;
            animation:jrBogoPulse 1.8s ease infinite;
        }

        .jr-bogo-popup__copy{
            text-align:center;
        }

        .jr-bogo-popup__kicker{
            display:block;
            margin-bottom:4px;
            color:var(--jr-bogo-orange);
            font-size:8px;
            font-weight:800;
        }

        .jr-bogo-popup__copy h2{
            margin:0!important;
            color:var(--jr-bogo-black);
            font-size:clamp(24px,3vw,34px)!important;
            font-weight:800!important;
            line-height:1.35!important;
        }

        .jr-bogo-popup__copy > p{
            max-width:430px;
            margin:7px auto 0!important;
            color:#7f7788;
            font-size:10px;
            line-height:1.8;
        }

        .jr-bogo-popup__product{
            max-width:400px;
            margin:12px auto 0;
            padding:9px 12px;
            border-radius:10px;
            background:#f6f2fb;
        }

        .jr-bogo-popup__product small,
        .jr-bogo-popup__product strong{
            display:block;
        }

        .jr-bogo-popup__product small{
            color:#9b93a2;
            font-size:7px;
        }

        .jr-bogo-popup__product strong{
            margin-top:2px;
            overflow:hidden;
            color:#3a3241;
            font-size:9px;
            text-overflow:ellipsis;
            white-space:nowrap;
        }


        /* OFFER CARD */

        .jr-bogo-popup__offer{
            margin-top:21px;
            padding:17px;
            overflow:hidden;
            position:relative;
            border:1px solid rgba(53,9,144,.09);
            border-radius:17px;
            background:
                radial-gradient(circle at 0 100%,rgba(254,126,0,.09),transparent 25%),
                #faf8fd;
        }

        .jr-bogo-popup__offer-head{
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:15px;
        }

        .jr-bogo-popup__offer-head span,
        .jr-bogo-popup__offer-head strong{
            display:block;
        }

        .jr-bogo-popup__offer-head span{
            color:var(--jr-bogo-orange);
            font-size:8px;
            font-weight:800;
        }

        .jr-bogo-popup__offer-head strong{
            margin-top:2px;
            color:#2a2231;
            font-size:11px;
        }

        .jr-bogo-popup__offer-head > b{
            flex:0 0 auto;
            padding:6px 9px;
            border-radius:9px;
            color:#fff;
            background:var(--jr-bogo-purple);
            font-size:8px;
        }

        .jr-bogo-popup__tiers{
            margin-top:14px;
            display:grid;
            grid-template-columns:repeat(3,minmax(0,1fr));
            gap:7px;
        }

        .jr-bogo-tier{
            min-width:0;
            padding:10px 6px;
            display:flex;
            align-items:baseline;
            justify-content:center;
            gap:3px;
            border:1px solid rgba(53,9,144,.08);
            border-radius:11px;
            color:#918999;
            background:#fff;
            transition:.25s ease;
        }

        .jr-bogo-tier span,
        .jr-bogo-tier strong{
            font-family:Arial,sans-serif;
            font-size:16px;
        }

        .jr-bogo-tier i{
            font-style:normal;
            font-size:9px;
        }

        .jr-bogo-tier small{
            font-size:6px;
        }

        .jr-bogo-tier.is-active{
            color:var(--jr-bogo-purple);
            border-color:rgba(53,9,144,.25);
            background:#f2ecfb;
            transform:translateY(-2px);
        }

        .jr-bogo-tier.is-complete{
            color:#fff;
            border-color:var(--jr-bogo-orange);
            background:var(--jr-bogo-orange);
            box-shadow:0 8px 20px rgba(254,126,0,.18);
        }


        /* PROGRESS */

        .jr-bogo-popup__progress{
            margin-top:15px;
        }

        .jr-bogo-popup__progress-info{
            margin-bottom:7px;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:10px;
            color:#847c8c;
            font-size:7px;
        }

        .jr-bogo-popup__progress-info strong{
            color:var(--jr-bogo-purple);
            font-family:Arial,sans-serif;
            font-size:9px;
        }

        .jr-bogo-popup__progress-track{
            height:7px;
            overflow:hidden;
            border-radius:99px;
            background:#eae4ef;
        }

        .jr-bogo-popup__progress-track i{
            width:0;
            height:100%;
            display:block;
            border-radius:inherit;
            background:linear-gradient(
                90deg,
                var(--jr-bogo-orange),
                var(--jr-bogo-purple)
            );
            transition:width .75s cubic-bezier(.2,.8,.2,1);
        }

        .jr-bogo-popup__progress-marks{
            margin-top:5px;
            display:flex;
            justify-content:space-between;
            color:#aaa3b1;
            font-family:Arial,sans-serif;
            font-size:7px;
        }


        /* ACTIONS */

        .jr-bogo-popup__actions{
            margin-top:17px;
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:9px;
        }

        .jr-bogo-popup__continue,
        .jr-bogo-popup__cart{
            min-height:49px;
            padding:0 13px;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:12px;
            cursor:pointer;
            font-size:10px;
            font-weight:800;
            transition:.22s ease;
        }

        .jr-bogo-popup__continue{
            border:1px solid rgba(53,9,144,.12);
            color:var(--jr-bogo-purple);
            background:#f4f0fa;
        }

        .jr-bogo-popup__cart{
            gap:7px;
            border:0;
            color:#fff!important;
            background:linear-gradient(
                90deg,
                #7624e8,
                var(--jr-bogo-purple)
            );
            text-decoration:none!important;
            box-shadow:0 11px 26px rgba(53,9,144,.16);
        }

        .jr-bogo-popup__cart b{
            min-width:20px;
            height:20px;
            padding:0 4px;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:99px;
            color:var(--jr-bogo-purple);
            background:#fff;
            font-family:Arial,sans-serif;
            font-size:8px;
        }

        .jr-bogo-popup__continue:hover,
        .jr-bogo-popup__cart:hover{
            transform:translateY(-2px);
        }

        .jr-bogo-popup__cart:hover{
            background:var(--jr-bogo-orange);
        }

        .jr-bogo-popup__fine{
            margin:10px 0 0!important;
            color:#aaa2af;
            text-align:center;
            font-size:7px;
            line-height:1.6;
        }


        @keyframes jrBogoPulse{
            0%,100%{
                opacity:.3;
                transform:scale(.88);
            }
            50%{
                opacity:.02;
                transform:scale(1.18);
            }
        }


        /* --------------------------------------------
           MOBILE = BOTTOM SHEET
        --------------------------------------------- */

        @media(max-width:767px){

            .jr-bogo-banner{
                padding:14px 12px;
                grid-template-columns:42px minmax(0,1fr);
                gap:10px;
                border-radius:15px;
            }

            .jr-bogo-banner__icon{
                width:42px;
                height:42px;
                border-radius:12px;
                font-size:16px;
            }

            .jr-bogo-banner__content > strong{
                font-size:11px;
            }

            .jr-bogo-banner__content > p{
                font-size:8px;
            }

            .jr-bogo-banner__cta{
                grid-column:1 / -1;
                width:100%;
                min-height:40px;
            }


            .jr-bogo-popup{
                align-items:flex-end;
                padding:0;
            }

            .jr-bogo-popup__panel{
                width:100%;
                max-height:min(88vh,760px);
                padding:24px 14px 17px;
                border-radius:23px 23px 0 0;
                transform:translateY(100%);
                opacity:1;
            }

            .jr-bogo-popup.is-open
            .jr-bogo-popup__panel{
                transform:translateY(0);
            }

            .jr-bogo-popup__panel::after{
                content:"";
                position:absolute;
                top:10px;
                right:50%;
                width:42px;
                height:4px;
                transform:translateX(50%);
                border-radius:99px;
                background:#d9d3de;
            }

            .jr-bogo-popup__close{
                top:13px;
                left:13px;
                width:31px;
                height:31px;
            }

            .jr-bogo-popup__success{
                width:54px;
                height:54px;
                margin-bottom:12px;
            }

            .jr-bogo-popup__success span{
                width:44px;
                height:44px;
                font-size:18px;
            }

            .jr-bogo-popup__copy h2{
                padding-inline:22px;
                font-size:23px!important;
            }

            .jr-bogo-popup__copy > p{
                font-size:9px;
            }

            .jr-bogo-popup__offer{
                margin-top:16px;
                padding:13px 10px;
                border-radius:14px;
            }

            .jr-bogo-popup__offer-head{
                align-items:center;
            }

            .jr-bogo-popup__offer-head strong{
                font-size:9px;
            }

            .jr-bogo-popup__offer-head > b{
                max-width:120px;
                text-align:center;
                line-height:1.5;
            }

            .jr-bogo-popup__tiers{
                gap:5px;
            }

            .jr-bogo-tier{
                padding:8px 3px;
            }

            .jr-bogo-tier span,
            .jr-bogo-tier strong{
                font-size:14px;
            }

            .jr-bogo-popup__actions{
                grid-template-columns:1fr;
                gap:7px;
            }

            .jr-bogo-popup__continue,
            .jr-bogo-popup__cart{
                min-height:47px;
            }
        }


        @media(prefers-reduced-motion:reduce){

            .jr-bogo-popup,
            .jr-bogo-popup__panel,
            .jr-bogo-popup__success i,
            .jr-bogo-popup__progress-track i{
                transition:none!important;
                animation:none!important;
            }
        }


/* =========================================================
   JRABAWY CORE v1.2.0 — RESPONSIVE HARDENING
========================================================= */

.jr-bogo-popup,
.jr-bogo-popup *,
.jr-bogo-banner,
.jr-bogo-banner *{
    box-sizing:border-box;
}

.jr-bogo-popup [hidden]{
    display:none!important;
}

.jr-bogo-banner,
.jr-bogo-popup__panel,
.jr-bogo-popup__copy,
.jr-bogo-popup__offer,
.jr-bogo-popup__tiers,
.jr-bogo-popup__actions{
    min-width:0;
    max-width:100%;
}

.jr-bogo-popup__copy h2,
.jr-bogo-popup__copy p,
.jr-bogo-popup__product strong,
.jr-bogo-popup__offer-head strong,
.jr-bogo-banner__content strong,
.jr-bogo-banner__content p{
    overflow-wrap:anywhere;
}

@media(max-width:1180px){
    .jr-bogo-popup__panel{
        width:min(560px,calc(100vw - 42px));
    }
}

@media(max-width:960px){
    .jr-bogo-banner{
        grid-template-columns:50px minmax(0,1fr) auto;
        gap:12px;
        padding:16px;
    }
}

@media(max-width:767px){
    body.jr-bogo-popup-open{
        overflow:hidden!important;
        touch-action:none;
    }

    .jr-bogo-popup__panel{
        width:100%!important;
        max-width:100%!important;
        max-height:min(90dvh,760px)!important;
        overflow-y:auto!important;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        padding:26px 14px max(17px,env(safe-area-inset-bottom))!important;
    }

    .jr-bogo-popup__copy{
        width:100%;
    }

    .jr-bogo-popup__copy h2{
        font-size:clamp(21px,6.8vw,27px)!important;
        line-height:1.35!important;
    }

    .jr-bogo-popup__copy > p{
        font-size:11px!important;
        line-height:1.75!important;
    }

    .jr-bogo-popup__product{
        width:100%;
        padding:10px 11px;
    }

    .jr-bogo-popup__product small{
        font-size:9px!important;
    }

    .jr-bogo-popup__product strong{
        max-width:100%;
        font-size:11px!important;
        line-height:1.5;
        white-space:normal!important;
    }

    .jr-bogo-popup__offer-head{
        gap:9px!important;
    }

    .jr-bogo-popup__offer-head span{
        font-size:10px!important;
    }

    .jr-bogo-popup__offer-head strong{
        font-size:11px!important;
        line-height:1.5;
    }

    .jr-bogo-popup__offer-head > b{
        flex:0 0 auto;
        max-width:42%!important;
        padding:7px 8px!important;
        font-size:9px!important;
        white-space:normal;
    }

    .jr-bogo-popup__tiers{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        width:100%;
    }

    .jr-bogo-tier{
        min-width:0!important;
    }

    .jr-bogo-tier small{
        font-size:7px!important;
    }

    .jr-bogo-popup__progress-info{
        font-size:9px!important;
    }

    .jr-bogo-popup__progress-info strong{
        font-size:10px!important;
    }

    .jr-bogo-popup__progress-marks{
        font-size:9px!important;
    }

    .jr-bogo-popup__continue,
    .jr-bogo-popup__cart{
        width:100%;
        min-height:48px!important;
        font-size:11px!important;
    }

    .jr-bogo-popup__cart b{
        min-width:25px;
        height:25px;
        font-size:9px!important;
    }

    .jr-bogo-popup__fine{
        font-size:9px!important;
        line-height:1.7!important;
    }

    .jr-bogo-banner{
        width:100%;
        min-width:0;
        grid-template-columns:42px minmax(0,1fr)!important;
        padding:13px 11px!important;
        gap:10px!important;
    }

    .jr-bogo-banner__content{
        min-width:0;
    }

    .jr-bogo-banner__eyebrow{
        font-size:9px!important;
    }

    .jr-bogo-banner__content > strong{
        font-size:12px!important;
        line-height:1.55;
    }

    .jr-bogo-banner__content > p{
        font-size:10px!important;
        line-height:1.65;
    }

    .jr-bogo-banner__cta{
        grid-column:1/-1!important;
        min-height:42px!important;
        width:100%!important;
        font-size:10px!important;
    }
}

@media(max-width:420px){
    .jr-bogo-popup__panel{
        padding-inline:11px!important;
        border-radius:20px 20px 0 0!important;
    }

    .jr-bogo-popup__success{
        width:50px!important;
        height:50px!important;
    }

    .jr-bogo-popup__success span{
        width:40px!important;
        height:40px!important;
    }

    .jr-bogo-popup__offer{
        padding:12px 8px!important;
    }

    .jr-bogo-popup__offer-head{
        align-items:flex-start!important;
    }

    .jr-bogo-popup__tiers{
        gap:4px!important;
    }

    .jr-bogo-tier{
        padding:8px 2px!important;
        gap:2px!important;
    }

    .jr-bogo-tier span,
    .jr-bogo-tier strong{
        font-size:13px!important;
    }

    .jr-bogo-tier i{
        font-size:8px!important;
    }
}

@media(max-width:360px){
    .jr-bogo-popup__copy h2{
        font-size:21px!important;
        padding-inline:16px!important;
    }

    .jr-bogo-popup__offer-head{
        display:grid!important;
        grid-template-columns:1fr;
    }

    .jr-bogo-popup__offer-head > b{
        max-width:100%!important;
        width:max-content;
    }

    .jr-bogo-popup__tiers{
        grid-template-columns:1fr!important;
    }

    .jr-bogo-tier{
        min-height:42px;
    }
}