body.jr-custom-case-page{
        --jr-purple:#350990;
        --jr-purple-2:#7927ee;
        --jr-orange:#fe7e00;
        --jr-black:#050504;
        --jr-white:#fefefe;
        --jr-bg:#faf9fc;
        --jr-muted:#81798a;
        --jr-border:rgba(53,9,144,.10);

        background:var(--jr-bg);
        color:#1b1621;
        font-family:"IBM Plex Sans Arabic",sans-serif!important;
        overflow-x:hidden;
    }

    body.jr-custom-case-page *,
    body.jr-custom-case-page *::before,
    body.jr-custom-case-page *::after{
        box-sizing:border-box;
    }

    body.jr-custom-case-page .entry-header,
    body.jr-custom-case-page .entry-title,
    body.jr-custom-case-page .page-title{
        display:none!important;
    }

    body.jr-custom-case-page .site-content,
    body.jr-custom-case-page .content-area,
    body.jr-custom-case-page main.site-main,
    body.jr-custom-case-page article,
    body.jr-custom-case-page .entry-content{
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
    }

    body.jr-custom-case-page .entry-content > *{
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
    }

    .jr-cc{
        width:100%;
        overflow:hidden;
        direction:rtl;
    }

    .jr-cc button,
    .jr-cc input{
        font:inherit;
    }

    .jr-cc button{
        cursor:pointer;
    }

    .jr-cc-container{
        width:min(calc(100% - 48px),1280px);
        margin-inline:auto;
    }


    /* =====================================================
       HERO
    ====================================================== */

    .jr-cc-hero{
        position:relative;
        min-height:610px;
        padding:70px 0 74px;
        overflow:hidden;
        color:#fff;
        background:
            radial-gradient(circle at 15% 15%,rgba(125,39,238,.36),transparent 30%),
            radial-gradient(circle at 88% 76%,rgba(254,126,0,.13),transparent 23%),
            linear-gradient(125deg,#080111 0%,#18052c 35%,#350990 100%);
    }

    .jr-cc-hero::before{
        content:"";
        position:absolute;
        width:620px;
        height:620px;
        top:-340px;
        right:-170px;
        border:1px solid rgba(255,255,255,.06);
        border-radius:50%;
    }

    .jr-cc-hero::after{
        content:"";
        position:absolute;
        width:430px;
        height:430px;
        left:-150px;
        bottom:-270px;
        border:1px solid rgba(255,255,255,.06);
        border-radius:50%;
    }

    .jr-cc-hero__grid{
        position:relative;
        z-index:2;
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);
        gap:80px;
        align-items:center;
    }

    .jr-cc-kicker{
        display:inline-flex;
        align-items:center;
        gap:9px;
        margin-bottom:13px;
        color:var(--jr-orange);
        font-family:Arial,sans-serif;
        font-size:10px;
        font-weight:700;
        letter-spacing:2.6px;
    }

    .jr-cc-kicker::after{
        content:"";
        width:43px;
        height:2px;
        background:var(--jr-orange);
    }

    .jr-cc-hero h1{
        max-width:700px;
        margin:0!important;
        color:#fff!important;
        font-size:clamp(54px,6vw,86px)!important;
        font-weight:700!important;
        line-height:1.12!important;
        letter-spacing:-2px;
    }

    .jr-cc-hero h1 span{
        color:var(--jr-orange);
    }

    .jr-cc-hero__content > p{
        max-width:610px;
        margin:22px 0 0!important;
        color:rgba(255,255,255,.68);
        font-size:15px;
        line-height:2;
    }

    .jr-cc-hero__trust{
        margin-top:29px;
        display:flex;
        flex-wrap:wrap;
        gap:10px 22px;
    }

    .jr-cc-hero__trust span{
        display:inline-flex;
        align-items:center;
        gap:7px;
        color:rgba(255,255,255,.83);
        font-size:10px;
        font-weight:600;
    }

    .jr-cc-hero__trust i{
        width:20px;
        height:20px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:50%;
        color:#fff;
        background:rgba(254,126,0,.16);
        font-size:9px;
        font-style:normal;
    }


    /* HERO PHONE */

    .jr-cc-hero__visual{
        position:relative;
        min-height:430px;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .jr-cc-hero__phone{
        position:relative;
        width:226px;
        height:445px;
        padding:10px;
        border:2px solid rgba(255,255,255,.17);
        border-radius:40px;
        background:
            linear-gradient(140deg,#fe7e00,#6f20dc 55%,#1c0644);
        box-shadow:
            0 40px 90px rgba(0,0,0,.34),
            inset 0 0 0 5px rgba(5,5,4,.47);
        transform:rotate(-7deg);
        animation:jrCcFloat 4s ease-in-out infinite;
    }

    .jr-cc-hero__phone::after{
        content:"";
        position:absolute;
        inset:14px;
        z-index:0;
        border-radius:29px;
        background:
            radial-gradient(circle at 60% 35%,rgba(255,255,255,.16),transparent 19%),
            repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 1px,transparent 1px 10px);
    }

    .jr-cc-hero__camera{
        position:absolute;
        z-index:3;
        top:21px;
        left:22px;
        width:78px;
        height:78px;
        padding:9px;
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:6px;
        border-radius:23px;
        background:#13051d;
        box-shadow:0 8px 20px rgba(0,0,0,.30);
    }

    .jr-cc-hero__camera i{
        border:3px solid #292130;
        border-radius:50%;
        background:#060409;
        box-shadow:inset 0 0 0 4px #11161f;
    }

    .jr-cc-hero__camera i:nth-child(3){
        grid-column:2;
    }

    .jr-cc-hero__art{
        position:absolute;
        inset:0;
        z-index:2;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        color:#fff;
        font-family:Arial,sans-serif;
        text-align:center;
        transform:rotate(7deg);
    }

    .jr-cc-hero__art span{
        font-size:24px;
        letter-spacing:7px;
    }

    .jr-cc-hero__art strong{
        margin-top:2px;
        font-size:37px;
        line-height:1;
    }

    .jr-cc-hero__art b{
        margin-top:8px;
        padding:5px 8px;
        color:var(--jr-black);
        background:var(--jr-orange);
        font-size:9px;
        letter-spacing:2px;
    }

    .jr-cc-hero__float{
        position:absolute;
        z-index:5;
        min-width:155px;
        padding:13px 15px;
        border:1px solid rgba(255,255,255,.12);
        border-radius:14px;
        background:rgba(255,255,255,.09);
        backdrop-filter:blur(16px);
        box-shadow:0 15px 35px rgba(0,0,0,.15);
    }

    .jr-cc-hero__float small,
    .jr-cc-hero__float strong{
        display:block;
    }

    .jr-cc-hero__float small{
        color:var(--jr-orange);
        font-size:7px;
    }

    .jr-cc-hero__float strong{
        margin-top:3px;
        color:#fff;
        font-size:10px;
    }

    .jr-cc-hero__float--one{
        top:60px;
        right:0;
    }

    .jr-cc-hero__float--two{
        left:0;
        bottom:65px;
    }


    /* =====================================================
       BUILDER
    ====================================================== */

    .jr-cc-builder{
        padding:82px 0 95px;
    }

    .jr-cc-section-intro{
        max-width:680px;
        margin-bottom:35px;
    }

    .jr-cc-section-intro > span{
        color:var(--jr-orange);
        font-size:9px;
        font-weight:700;
    }

    .jr-cc-section-intro h2{
        margin:4px 0 0!important;
        color:var(--jr-black)!important;
        font-size:clamp(32px,4vw,48px)!important;
        font-weight:700!important;
        line-height:1.3!important;
    }

    .jr-cc-section-intro p{
        margin:8px 0 0!important;
        color:var(--jr-muted);
        font-size:11px;
        line-height:1.8;
    }

    .jr-cc-grid{
        display:grid;
        grid-template-columns:minmax(0,1fr) 380px;
        gap:27px;
        align-items:start;
    }

    .jr-cc-steps{
        min-width:0;
        display:grid;
        gap:18px;
    }

    .jr-cc-card,
    .jr-cc-summary{
        border:1px solid var(--jr-border);
        background:#fff;
        box-shadow:0 18px 55px rgba(53,9,144,.055);
    }

    .jr-cc-card{
        padding:27px;
        border-radius:21px;
    }

    .jr-cc-card__heading{
        margin-bottom:22px;
        display:flex;
        align-items:flex-start;
        gap:13px;
    }

    .jr-cc-step-no{
        width:42px;
        height:42px;
        flex:0 0 42px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:12px;
        color:#fff;
        background:var(--jr-purple);
        font-family:Arial,sans-serif;
        font-size:10px;
        font-weight:700;
    }

    .jr-cc-card__heading span{
        display:block;
        color:var(--jr-orange);
        font-size:8px;
        font-weight:700;
    }

    .jr-cc-card__heading h3{
        margin:2px 0 0!important;
        color:#211a28!important;
        font-size:17px!important;
        font-weight:700!important;
        line-height:1.45!important;
    }


    /* =====================================================
       UPLOAD
    ====================================================== */

    .jr-cc-upload{
        min-height:280px;
        padding:18px;
        display:flex;
        align-items:center;
        justify-content:center;
        border:1.5px dashed rgba(53,9,144,.27);
        border-radius:18px;
        background:
            radial-gradient(circle at 10% 10%,rgba(254,126,0,.07),transparent 25%),
            #faf8fd;
        transition:.25s ease;
        cursor:pointer;
    }

    .jr-cc-upload:hover,
    .jr-cc-upload.is-dragover{
        border-color:var(--jr-purple);
        background:#f6f1fc;
        transform:translateY(-2px);
    }

    .jr-cc-upload__empty{
        text-align:center;
    }

    .jr-cc-upload__icon{
        width:55px;
        height:55px;
        margin:0 auto 12px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:16px;
        color:var(--jr-purple);
        background:#eee7fa;
    }

    .jr-cc-upload__icon svg{
        width:24px;
        height:24px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.8;
        stroke-linecap:round;
        stroke-linejoin:round;
    }

    .jr-cc-upload__empty strong,
    .jr-cc-upload__empty span{
        display:block;
    }

    .jr-cc-upload__empty strong{
        color:#302739;
        font-size:12px;
    }

    .jr-cc-upload__empty span{
        margin-top:5px;
        color:#9a929f;
        font-family:Arial,sans-serif;
        font-size:8px;
    }

    .jr-cc-upload__empty b{
        min-height:37px;
        margin-top:14px;
        padding:0 14px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        border-radius:10px;
        color:#fff;
        background:var(--jr-purple);
        font-size:8px;
    }

    .jr-cc-upload__preview{
        width:100%;
        display:grid;
        grid-template-columns:minmax(0,1fr);
        gap:13px;
    }

    .jr-cc-preview-image{
        height:250px;
        overflow:hidden;
        border-radius:14px;
        background:#eeeaf1;
    }

    .jr-cc-preview-image img{
        width:100%;
        height:100%;
        display:block;
        object-fit:contain;
        background:#f4f1f5;
    }

    .jr-cc-preview-meta{
        display:grid;
        grid-template-columns:34px minmax(0,1fr) auto;
        gap:9px;
        align-items:center;
    }

    .jr-cc-preview-check{
        width:34px;
        height:34px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:10px;
        color:#fff;
        background:var(--jr-purple);
        font-size:12px;
        font-weight:700;
    }

    .jr-cc-preview-meta small,
    .jr-cc-preview-meta strong,
    .jr-cc-preview-meta p{
        display:block;
        margin:0!important;
    }

    .jr-cc-preview-meta small{
        color:#9b94a1;
        font-size:7px;
    }

    .jr-cc-preview-meta strong{
        max-width:420px;
        overflow:hidden;
        color:#352c3d;
        font-size:9px;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .jr-cc-preview-meta p{
        margin-top:2px!important;
        color:#9d95a4;
        font-family:Arial,sans-serif;
        font-size:7px;
    }

    .jr-cc-preview-meta button{
        padding:6px 8px;
        border:0;
        border-radius:8px;
        color:var(--jr-purple);
        background:#eee8f8;
        font-size:7px;
        font-weight:700;
    }

    .jr-cc-quality{
        margin-top:10px;
        padding:10px 12px;
        display:flex;
        align-items:center;
        gap:9px;
        border-radius:11px;
        background:#f7f5f9;
    }

    .jr-cc-quality > span{
        width:9px;
        height:9px;
        flex:0 0 9px;
        border-radius:50%;
        background:#999;
    }

    .jr-cc-quality.is-good > span{
        background:#28a36a;
        box-shadow:0 0 0 5px rgba(40,163,106,.09);
    }

    .jr-cc-quality.is-medium > span{
        background:#e59b19;
        box-shadow:0 0 0 5px rgba(229,155,25,.09);
    }

    .jr-cc-quality.is-low > span{
        background:#d44141;
        box-shadow:0 0 0 5px rgba(212,65,65,.09);
    }

    .jr-cc-quality strong,
    .jr-cc-quality small{
        display:block;
    }

    .jr-cc-quality strong{
        color:#413949;
        font-size:8px;
    }

    .jr-cc-quality small{
        margin-top:1px;
        color:#938b99;
        font-size:7px;
    }

    .jr-cc-hint{
        margin-top:12px;
        padding:11px 13px;
        display:flex;
        align-items:flex-start;
        gap:9px;
        border-radius:11px;
        color:#665d6e;
        background:#fff8f1;
    }

    .jr-cc-hint > span{
        width:20px;
        height:20px;
        flex:0 0 20px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:50%;
        color:#fff;
        background:var(--jr-orange);
        font-size:8px;
        font-weight:700;
    }

    .jr-cc-hint p{
        margin:0!important;
        font-size:8px;
        line-height:1.8;
    }


    /* =====================================================
       PHONE SELECTOR
    ====================================================== */

    .jr-cc-field-head{
        margin-bottom:8px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:10px;
    }

    .jr-cc-field-head label{
        color:#393141;
        font-size:9px;
        font-weight:700;
    }

    .jr-cc-field-head small{
        color:#9e96a4;
        font-size:7px;
    }

    .jr-cc-brands{
        display:flex;
        flex-wrap:wrap;
        gap:7px;
    }

    .jr-cc-brand{
        min-height:37px;
        padding:0 12px;
        border:1px solid rgba(53,9,144,.10);
        border-radius:10px;
        color:#665e6d;
        background:#faf9fb;
        font-family:Arial,sans-serif!important;
        font-size:8px;
        font-weight:600;
        transition:.2s ease;
    }

    .jr-cc-brand:hover{
        border-color:rgba(53,9,144,.30);
        color:var(--jr-purple);
        background:#f4effb;
    }

    .jr-cc-brand.active{
        border-color:var(--jr-purple);
        color:#fff;
        background:var(--jr-purple);
        box-shadow:0 8px 20px rgba(53,9,144,.15);
    }

    .jr-cc-all-toggle{
        margin-top:10px;
        padding:0;
        display:inline-flex;
        align-items:center;
        gap:4px;
        border:0;
        color:var(--jr-purple);
        background:transparent;
        font-size:8px;
        font-weight:700;
    }

    .jr-cc-all-toggle svg{
        width:15px;
        height:15px;
        fill:none;
        stroke:currentColor;
        stroke-width:2;
        transition:.2s ease;
    }

    .jr-cc-all-toggle.is-open svg{
        transform:rotate(180deg);
    }

    .jr-cc-all-brands{
        margin-top:10px;
        padding:11px;
        border:1px solid rgba(53,9,144,.09);
        border-radius:13px;
        background:#faf8fc;
    }

    .jr-cc-all-brands__grid{
        display:grid;
        grid-template-columns:repeat(5,minmax(0,1fr));
        gap:6px;
    }

    .jr-cc-all-brands__grid .jr-cc-brand{
        width:100%;
        padding-inline:5px;
    }

    .jr-cc-model-area{
        margin-top:24px;
        padding-top:20px;
        border-top:1px solid rgba(53,9,144,.08);
    }

    .jr-cc-model-picker{
        position:relative;
    }

    .jr-cc-model-picker.is-disabled{
        opacity:.57;
    }

    .jr-cc-model-search{
        height:47px;
        padding:0 13px;
        display:flex;
        align-items:center;
        gap:9px;
        border:1px solid rgba(53,9,144,.12);
        border-radius:12px;
        background:#fff;
        transition:.2s ease;
    }

    .jr-cc-model-search:focus-within{
        border-color:var(--jr-purple);
        box-shadow:0 0 0 3px rgba(53,9,144,.06);
    }

    .jr-cc-model-search svg{
        width:18px;
        height:18px;
        flex:0 0 18px;
        fill:none;
        stroke:#9a929f;
        stroke-width:1.8;
    }

    .jr-cc-model-search input{
        width:100%;
        height:100%;
        padding:0!important;
        border:0!important;
        outline:0!important;
        color:#3d3545;
        background:transparent!important;
        box-shadow:none!important;
        font-family:Arial,sans-serif!important;
        font-size:9px!important;
    }

    .jr-cc-model-results{
        max-height:250px;
        margin-top:6px;
        overflow-y:auto;
        border:1px solid rgba(53,9,144,.10);
        border-radius:12px;
        background:#fff;
        box-shadow:0 15px 40px rgba(53,9,144,.09);
    }

    .jr-cc-model-option{
        width:100%;
        min-height:39px;
        padding:8px 11px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:8px;
        border:0;
        border-bottom:1px solid rgba(53,9,144,.055);
        color:#504758;
        background:#fff;
        font-family:Arial,sans-serif!important;
        font-size:8px;
        text-align:right;
    }

    .jr-cc-model-option:last-of-type{
        border-bottom:0;
    }

    .jr-cc-model-option:hover{
        color:var(--jr-purple);
        background:#f7f3fc;
    }

    .jr-cc-model-option svg{
        width:13px;
        height:13px;
        fill:none;
        stroke:currentColor;
        stroke-width:2;
        transform:rotate(180deg);
    }

    .jr-cc-model-empty,
    .jr-cc-model-more{
        padding:12px;
        color:#938a9a;
        font-size:8px;
        line-height:1.7;
    }

    .jr-cc-model-empty strong{
        display:block;
        color:#4b4253;
        font-size:9px;
    }

    .jr-cc-manual-toggle{
        margin-top:9px;
        padding:0;
        border:0;
        color:var(--jr-purple);
        background:transparent;
        font-size:8px;
        font-weight:700;
    }

    .jr-cc-manual-toggle:disabled{
        opacity:.4;
        cursor:not-allowed;
    }

    .jr-cc-manual{
        margin-top:9px;
    }

    .jr-cc-manual input{
        width:100%;
        height:45px;
        padding:0 12px!important;
        border:1px solid rgba(53,9,144,.14)!important;
        border-radius:11px!important;
        outline:0;
        color:#3b3342!important;
        background:#fff!important;
        box-shadow:none!important;
        font-family:Arial,sans-serif!important;
        font-size:9px!important;
    }

    .jr-cc-manual small{
        display:block;
        margin-top:4px;
        color:#aaa2af;
        font-size:7px;
    }

    .jr-cc-device{
        margin-top:13px;
        padding:10px 12px;
        display:grid;
        grid-template-columns:30px minmax(0,1fr) auto;
        gap:8px;
        align-items:center;
        border-radius:11px;
        background:#f4f0fa;
    }

    .jr-cc-device > span{
        width:30px;
        height:30px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:9px;
        color:#fff;
        background:var(--jr-purple);
        font-size:10px;
    }

    .jr-cc-device small,
    .jr-cc-device strong{
        display:block;
    }

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

    .jr-cc-device strong{
        margin-top:1px;
        color:#302739;
        font-family:Arial,sans-serif;
        font-size:8px;
    }

    .jr-cc-device button{
        padding:5px 7px;
        border:0;
        border-radius:7px;
        color:var(--jr-purple);
        background:#fff;
        font-size:7px;
        font-weight:700;
    }


    /* =====================================================
       QUANTITY + OFFER
    ====================================================== */

    .jr-cc-qty-row{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:20px;
    }

    .jr-cc-qty{
        height:49px;
        display:grid;
        grid-template-columns:43px 65px 43px;
        overflow:hidden;
        border:1px solid rgba(53,9,144,.14);
        border-radius:12px;
        background:#fff;
    }

    .jr-cc-qty button{
        padding:0;
        border:0;
        color:var(--jr-purple);
        background:#f5f1fa;
        font-size:18px;
    }

    .jr-cc-qty input{
        width:65px!important;
        height:49px!important;
        padding:0!important;
        border:0!important;
        outline:0!important;
        color:#2f2737!important;
        background:#fff!important;
        box-shadow:none!important;
        font-family:Arial,sans-serif!important;
        font-size:12px!important;
        font-weight:700;
        text-align:center;
        -moz-appearance:textfield;
    }

    .jr-cc-qty input::-webkit-inner-spin-button,
    .jr-cc-qty input::-webkit-outer-spin-button{
        margin:0;
        -webkit-appearance:none;
    }

    .jr-cc-price-note{
        text-align:left;
    }

    .jr-cc-price-note small,
    .jr-cc-price-note strong{
        display:block;
    }

    .jr-cc-price-note small{
        color:#9b93a2;
        font-size:7px;
    }

    .jr-cc-price-note strong{
        margin-top:2px;
        color:var(--jr-purple);
        font-size:18px;
        font-weight:700;
    }

    .jr-cc-offer{
        margin-top:16px;
        padding:12px 13px;
        display:flex;
        align-items:center;
        gap:10px;
        border:1px solid rgba(254,126,0,.15);
        border-radius:12px;
        background:#fff8f1;
    }

    .jr-cc-offer > span{
        font-size:18px;
    }

    .jr-cc-offer strong,
    .jr-cc-offer p{
        display:block;
        margin:0!important;
    }

    .jr-cc-offer strong{
        color:#382c28;
        font-size:9px;
    }

    .jr-cc-offer p{
        margin-top:2px!important;
        color:#97867e;
        font-size:7px;
        line-height:1.6;
    }


    /* =====================================================
       ERRORS
    ====================================================== */

    .jr-cc-error,
    .jr-cc-submit-error{
        margin-top:10px;
        padding:9px 11px;
        border:1px solid rgba(200,55,55,.13);
        border-radius:9px;
        color:#b32f2f;
        background:#fff7f7;
        font-size:8px;
        font-weight:600;
        line-height:1.6;
    }

    .jr-cc-card.has-error{
        border-color:rgba(198,51,51,.28);
        box-shadow:0 0 0 3px rgba(198,51,51,.04);
    }


    /* =====================================================
       SUMMARY
    ====================================================== */

    .jr-cc-summary{
        position:sticky;
        top:100px;
        padding:21px;
        border-radius:21px;
    }

    .jr-cc-summary__top{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:10px;
    }

    .jr-cc-summary__top span{
        color:#2f2736;
        font-size:11px;
        font-weight:700;
    }

    .jr-cc-summary__top b{
        padding:5px 7px;
        border-radius:7px;
        color:var(--jr-orange);
        background:#fff4e9;
        font-family:Arial,sans-serif;
        font-size:6px;
        letter-spacing:1px;
    }

    .jr-cc-summary__preview{
        position:relative;
        height:270px;
        margin-top:15px;
        overflow:hidden;
        border-radius:16px;
        background:
            linear-gradient(145deg,#eee9f3,#f8f6fa);
    }

    .jr-cc-summary__preview img{
        width:100%;
        height:100%;
        display:block;
        object-fit:contain;
    }

    .jr-cc-summary__placeholder{
        position:absolute;
        inset:0;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:8px;
        color:#aaa2b0;
    }

    .jr-cc-summary__placeholder svg{
        width:34px;
        height:34px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.3;
    }

    .jr-cc-summary__placeholder span{
        font-size:8px;
    }

    .jr-cc-summary__rows{
        margin-top:16px;
        display:grid;
    }

    .jr-cc-summary__rows > div{
        min-height:45px;
        padding:9px 0;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:15px;
        border-bottom:1px solid rgba(53,9,144,.07);
    }

    .jr-cc-summary__rows span{
        color:#938b9a;
        font-size:8px;
    }

    .jr-cc-summary__rows strong{
        max-width:220px;
        overflow:hidden;
        color:#352d3d;
        font-family:Arial,sans-serif;
        font-size:8px;
        text-align:left;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .jr-cc-summary__price strong{
        color:var(--jr-purple);
        font-size:15px;
    }

    .jr-cc-confirm-box{
        margin-top:15px;
        padding:11px;
        display:flex;
        align-items:flex-start;
        gap:8px;
        border-radius:11px;
        background:#f4f0fa;
    }

    .jr-cc-confirm-box > span{
        width:25px;
        height:25px;
        flex:0 0 25px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:8px;
        color:#fff;
        background:var(--jr-purple);
        font-size:8px;
    }

    .jr-cc-confirm-box strong,
    .jr-cc-confirm-box p{
        display:block;
        margin:0!important;
    }

    .jr-cc-confirm-box strong{
        color:#3b3343;
        font-size:8px;
    }

    .jr-cc-confirm-box p{
        margin-top:2px!important;
        color:#938b9a;
        font-size:7px;
        line-height:1.7;
    }

    .jr-cc-submit{
        width:100%;
        min-height:54px;
        margin-top:15px;
        padding:0 15px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:15px;
        border:0;
        border-radius:13px;
        color:#fff;
        background:linear-gradient(90deg,var(--jr-purple-2),var(--jr-purple));
        box-shadow:0 12px 28px rgba(53,9,144,.18);
        font-size:10px;
        font-weight:700;
        transition:.24s ease;
    }

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

    .jr-cc-submit:disabled{
        opacity:.7;
        cursor:wait;
        transform:none;
    }

    .jr-cc-submit b{
        color:#fff;
        font-size:11px;
    }

    .jr-cc-summary__trust{
        margin-top:12px;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-wrap:wrap;
        gap:5px;
        color:#aaa2b0;
        font-size:6px;
    }

    .jr-cc-summary__trust i{
        width:3px;
        height:3px;
        border-radius:50%;
        background:var(--jr-orange);
    }


    /* =====================================================
       HOW IT WORKS
    ====================================================== */

    .jr-cc-how{
        padding:80px 0 100px;
        background:#0c0218;
        color:#fff;
    }

    .jr-cc-how__head{
        max-width:600px;
        margin-bottom:30px;
    }

    .jr-cc-how__head > span{
        color:var(--jr-orange);
        font-size:8px;
        font-weight:700;
    }

    .jr-cc-how__head h2{
        margin:3px 0 0!important;
        color:#fff!important;
        font-size:38px!important;
        font-weight:700!important;
    }

    .jr-cc-how__grid{
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:12px;
    }

    .jr-cc-how article{
        position:relative;
        min-height:205px;
        padding:20px;
        overflow:hidden;
        border:1px solid rgba(255,255,255,.08);
        border-radius:17px;
        background:rgba(255,255,255,.045);
    }

    .jr-cc-how article > b{
        position:absolute;
        top:13px;
        left:14px;
        color:rgba(255,255,255,.09);
        font-family:Arial,sans-serif;
        font-size:38px;
    }

    .jr-cc-how article > span{
        width:42px;
        height:42px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:12px;
        background:rgba(254,126,0,.11);
        font-size:18px;
    }

    .jr-cc-how h3{
        margin:25px 0 0!important;
        color:#fff!important;
        font-size:13px!important;
    }

    .jr-cc-how p{
        margin:7px 0 0!important;
        color:rgba(255,255,255,.52);
        font-size:8px;
        line-height:1.9;
    }




    /* WooCommerce Cart / Checkout Blocks: custom artwork */
    .wc-block-cart-items .wc-block-components-product-image img,
    .wc-block-components-order-summary-item__image img{
        object-fit:cover!important;
        border-radius:12px!important;
    }


    /* =====================================================
       CART SUPPORT
    ====================================================== */

    .jr-custom-cart-thumb{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
    }

    .jr-custom-design-link{
        color:var(--jr-purple,#350990)!important;
        font-weight:700;
        text-decoration:none!important;
    }


    /* =====================================================
       ANIMATION
    ====================================================== */

    @keyframes jrCcFloat{
        0%,100%{transform:rotate(-7deg) translateY(0)}
        50%{transform:rotate(-7deg) translateY(-10px)}
    }


    /* =====================================================
       TABLET
    ====================================================== */

    @media(max-width:1050px){

        .jr-cc-hero__grid{
            grid-template-columns:1fr 380px;
            gap:35px;
        }

        .jr-cc-grid{
            grid-template-columns:minmax(0,1fr) 320px;
        }

        .jr-cc-all-brands__grid{
            grid-template-columns:repeat(4,minmax(0,1fr));
        }
    }


    /* =====================================================
       MOBILE
    ====================================================== */

    @media(max-width:820px){

        .jr-cc-container{
            width:calc(100% - 24px);
        }

        .jr-cc-hero{
            min-height:0;
            padding:48px 0 56px;
        }

        .jr-cc-hero__grid{
            grid-template-columns:1fr;
            gap:44px;
        }

        .jr-cc-hero h1{
            font-size:48px!important;
            letter-spacing:-1px;
        }

        .jr-cc-hero__content > p{
            font-size:11px;
        }

        .jr-cc-hero__trust{
            gap:8px 13px;
        }

        .jr-cc-hero__trust span{
            font-size:8px;
        }

        .jr-cc-hero__visual{
            min-height:370px;
        }

        .jr-cc-hero__phone{
            width:185px;
            height:365px;
            border-radius:34px;
        }

        .jr-cc-hero__camera{
            width:65px;
            height:65px;
            border-radius:19px;
        }

        .jr-cc-hero__art span{
            font-size:19px;
        }

        .jr-cc-hero__art strong{
            font-size:31px;
        }

        .jr-cc-hero__float{
            min-width:132px;
            padding:10px 11px;
        }

        .jr-cc-hero__float--one{
            right:6px;
            top:40px;
        }

        .jr-cc-hero__float--two{
            left:4px;
            bottom:35px;
        }

        .jr-cc-builder{
            padding:54px 0 65px;
        }

        .jr-cc-section-intro{
            margin-bottom:24px;
        }

        .jr-cc-section-intro h2{
            font-size:32px!important;
        }

        .jr-cc-grid{
            grid-template-columns:1fr;
            gap:17px;
        }

        .jr-cc-card{
            padding:18px 13px;
            border-radius:17px;
        }

        .jr-cc-card__heading{
            margin-bottom:17px;
        }

        .jr-cc-card__heading h3{
            font-size:14px!important;
        }

        .jr-cc-upload{
            min-height:230px;
            padding:12px;
            border-radius:14px;
        }

        .jr-cc-preview-image{
            height:210px;
        }

        .jr-cc-preview-meta{
            grid-template-columns:31px minmax(0,1fr);
        }

        .jr-cc-preview-meta button{
            grid-column:1 / -1;
            width:100%;
            min-height:33px;
        }

        .jr-cc-brands{
            flex-wrap:nowrap;
            overflow-x:auto;
            padding-bottom:3px;
            scrollbar-width:none;
        }

        .jr-cc-brands::-webkit-scrollbar{
            display:none;
        }

        .jr-cc-brand{
            flex:0 0 auto;
        }

        .jr-cc-all-brands__grid{
            grid-template-columns:repeat(2,minmax(0,1fr));
        }

        .jr-cc-model-results{
            max-height:220px;
        }

        .jr-cc-qty-row{
            align-items:flex-end;
        }

        .jr-cc-qty{
            grid-template-columns:38px 54px 38px;
        }

        .jr-cc-qty input{
            width:54px!important;
        }

        .jr-cc-summary{
            position:relative;
            top:auto;
            padding:16px 13px;
            border-radius:17px;
        }

        .jr-cc-summary__preview{
            height:250px;
        }

        .jr-cc-how{
            padding:55px 0 65px;
        }

        .jr-cc-how__head h2{
            font-size:31px!important;
        }

        .jr-cc-how__grid{
            grid-template-columns:1fr 1fr;
            gap:8px;
        }

        .jr-cc-how article{
            min-height:180px;
            padding:15px;
        }
    }


    @media(max-width:480px){

        .jr-cc-hero h1{
            font-size:40px!important;
        }

        .jr-cc-hero__visual{
            min-height:330px;
        }

        .jr-cc-hero__phone{
            width:165px;
            height:325px;
        }

        .jr-cc-hero__float--one{
            top:30px;
        }

        .jr-cc-hero__float--two{
            bottom:25px;
        }

        .jr-cc-how__grid{
            grid-template-columns:1fr;
        }

        .jr-cc-how article{
            min-height:150px;
        }
    }

    @media(prefers-reduced-motion:reduce){
        .jr-cc-hero__phone{
            animation:none!important;
        }
    }


/* =========================================================
   JRABAWY CORE v1.0.1 — RESPONSIVE HARDENING
   Mobile-first fixes for /custom-jrab/
========================================================= */

/* Respect native hidden state even when theme/component CSS sets display. */
.jr-cc [hidden]{
    display:none!important;
}

/* Prevent grid/flex children from forcing horizontal overflow. */
body.jr-custom-case-page,
body.jr-custom-case-page #page,
body.jr-custom-case-page .site,
body.jr-custom-case-page .site-content,
body.jr-custom-case-page .content-area,
body.jr-custom-case-page .entry-content,
.jr-cc,
.jr-cc-container,
.jr-cc-grid,
.jr-cc-steps,
.jr-cc-card,
.jr-cc-phone,
.jr-cc-model-area,
.jr-cc-summary{
    min-width:0!important;
    max-width:100%;
}

body.jr-custom-case-page{
    width:100%;
    overflow-x:hidden!important;
}

.jr-cc img,
.jr-cc svg{
    max-width:100%;
}

.jr-cc button,
.jr-cc input,
.jr-cc label,
.jr-cc strong,
.jr-cc p,
.jr-cc span{
    overflow-wrap:anywhere;
}

.jr-cc-card{
    overflow:hidden;
}

.jr-cc-upload,
.jr-cc-model-search,
.jr-cc-manual input,
.jr-cc-qty-row,
.jr-cc-offer,
.jr-cc-device,
.jr-cc-summary__rows > div{
    max-width:100%;
}

/* Better intermediate desktop/tablet behavior. */
@media (max-width:1180px){
    .jr-cc-container{
        width:min(calc(100% - 36px),1120px);
    }

    .jr-cc-hero__grid{
        grid-template-columns:minmax(0,1fr) minmax(320px,390px);
        gap:42px;
    }

    .jr-cc-grid{
        grid-template-columns:minmax(0,1fr) 330px;
        gap:20px;
    }

    .jr-cc-summary{
        top:86px;
    }
}

@media (max-width:960px){
    .jr-cc-hero{
        min-height:auto;
        padding:58px 0 64px;
    }

    .jr-cc-hero__grid{
        grid-template-columns:minmax(0,1fr) 310px;
        gap:28px;
    }

    .jr-cc-hero h1{
        font-size:clamp(44px,7vw,64px)!important;
    }

    .jr-cc-grid{
        grid-template-columns:1fr;
    }

    .jr-cc-summary{
        position:relative;
        top:auto;
        width:100%;
    }

    .jr-cc-summary__preview{
        height:320px;
    }

    .jr-cc-all-brands__grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

/* =====================================================
   PHONE / SMALL TABLET
===================================================== */
@media (max-width:767px){

    body.jr-custom-case-page{
        -webkit-text-size-adjust:100%;
    }

    .jr-cc-container{
        width:calc(100% - 20px)!important;
        max-width:none!important;
    }

    /* HERO */
    .jr-cc-hero{
        padding:34px 0 38px;
    }

    .jr-cc-hero__grid{
        grid-template-columns:1fr!important;
        gap:26px;
    }

    .jr-cc-hero__content{
        min-width:0;
    }

    .jr-cc-kicker{
        margin-bottom:10px;
        font-size:9px;
        letter-spacing:1.8px;
    }

    .jr-cc-kicker::after{
        width:30px;
    }

    .jr-cc-hero h1{
        max-width:100%;
        font-size:clamp(34px,10.5vw,46px)!important;
        line-height:1.18!important;
        letter-spacing:-.7px!important;
    }

    .jr-cc-hero__content > p{
        margin-top:14px!important;
        max-width:100%;
        font-size:13px!important;
        line-height:1.85;
    }

    .jr-cc-hero__trust{
        margin-top:18px;
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
    }

    .jr-cc-hero__trust span{
        font-size:11px!important;
    }

    .jr-cc-hero__visual{
        min-height:255px!important;
    }

    .jr-cc-hero__phone{
        width:132px!important;
        height:260px!important;
        border-radius:28px;
    }

    .jr-cc-hero__camera{
        top:16px;
        left:16px;
        width:50px!important;
        height:50px!important;
        padding:6px;
        gap:4px;
        border-radius:15px!important;
    }

    .jr-cc-hero__art span{
        font-size:14px!important;
        letter-spacing:4px;
    }

    .jr-cc-hero__art strong{
        font-size:23px!important;
    }

    .jr-cc-hero__float{
        min-width:118px!important;
        max-width:145px;
        padding:9px 10px!important;
        border-radius:11px;
    }

    .jr-cc-hero__float small{
        font-size:8px;
    }

    .jr-cc-hero__float strong{
        font-size:9px;
        line-height:1.5;
    }

    .jr-cc-hero__float--one{
        top:25px!important;
        right:0!important;
    }

    .jr-cc-hero__float--two{
        bottom:24px!important;
        left:0!important;
    }

    /* BUILDER */
    .jr-cc-builder{
        padding:42px 0 55px!important;
    }

    .jr-cc-section-intro{
        margin-bottom:20px!important;
    }

    .jr-cc-section-intro > span{
        font-size:11px;
    }

    .jr-cc-section-intro h2{
        font-size:30px!important;
        line-height:1.35!important;
    }

    .jr-cc-section-intro p{
        margin-top:7px!important;
        font-size:12px!important;
        line-height:1.75;
    }

    .jr-cc-grid{
        display:block!important;
    }

    .jr-cc-steps{
        display:grid;
        gap:14px;
    }

    .jr-cc-card{
        width:100%;
        padding:16px!important;
        border-radius:16px!important;
    }

    .jr-cc-card__heading{
        margin-bottom:17px!important;
        gap:11px;
    }

    .jr-cc-step-no{
        width:40px;
        height:40px;
        flex-basis:40px;
        border-radius:11px;
        font-size:11px;
    }

    .jr-cc-card__heading span{
        font-size:10px!important;
    }

    .jr-cc-card__heading h3{
        margin-top:3px!important;
        font-size:16px!important;
        line-height:1.55!important;
    }

    /* UPLOAD */
    .jr-cc-upload{
        width:100%;
        min-height:220px!important;
        padding:14px!important;
        border-radius:14px!important;
    }

    .jr-cc-upload__empty{
        width:100%;
    }

    .jr-cc-upload__icon{
        width:52px;
        height:52px;
        margin-bottom:12px;
    }

    .jr-cc-upload__empty strong{
        padding-inline:8px;
        font-size:13px!important;
        line-height:1.6;
    }

    .jr-cc-upload__empty span{
        margin-top:6px;
        font-size:10px!important;
    }

    .jr-cc-upload__empty b{
        min-height:40px;
        margin-top:13px;
        padding:0 17px;
        font-size:11px!important;
    }

    .jr-cc-upload__preview{
        width:100%;
    }

    .jr-cc-preview-image{
        width:100%;
        height:220px!important;
    }

    .jr-cc-preview-meta{
        grid-template-columns:34px minmax(0,1fr)!important;
        gap:9px;
    }

    .jr-cc-preview-meta small{
        font-size:9px;
    }

    .jr-cc-preview-meta strong{
        max-width:100%;
        font-size:11px;
    }

    .jr-cc-preview-meta p{
        font-size:9px;
    }

    .jr-cc-preview-meta button{
        grid-column:1/-1!important;
        width:100%!important;
        min-height:38px!important;
        font-size:10px!important;
    }

    .jr-cc-quality{
        padding:11px 12px;
    }

    .jr-cc-quality strong{
        font-size:11px;
    }

    .jr-cc-quality small{
        margin-top:2px;
        font-size:10px;
        line-height:1.5;
    }

    .jr-cc-hint{
        padding:11px!important;
        gap:8px;
    }

    .jr-cc-hint p{
        font-size:10.5px!important;
        line-height:1.7!important;
    }

    /* PHONE SELECTOR */
    .jr-cc-field-head{
        margin-bottom:10px;
        align-items:flex-start;
    }

    .jr-cc-field-head label{
        font-size:12px!important;
    }

    .jr-cc-field-head small{
        max-width:50%;
        font-size:10px!important;
        text-align:left;
    }

    .jr-cc-brands{
        width:100%;
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:7px!important;
        overflow:visible!important;
        padding:0!important;
    }

    .jr-cc-brand{
        width:100%!important;
        min-width:0!important;
        min-height:42px!important;
        padding:7px 6px!important;
        display:flex;
        align-items:center;
        justify-content:center;
        white-space:normal!important;
        font-size:11px!important;
        line-height:1.2;
        text-align:center;
    }

    .jr-cc-all-toggle{
        min-height:38px;
        margin-top:9px;
        font-size:11px!important;
    }

    .jr-cc-all-brands{
        width:100%;
        padding:8px!important;
    }

    .jr-cc-all-brands__grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:7px!important;
    }

    .jr-cc-model-area{
        margin-top:20px!important;
        padding-top:17px!important;
    }

    .jr-cc-model-search{
        width:100%;
        height:48px!important;
        padding:0 12px!important;
    }

    .jr-cc-model-search input{
        min-width:0;
        font-size:13px!important;
    }

    .jr-cc-model-results{
        width:100%;
        max-height:245px!important;
    }

    .jr-cc-model-option{
        min-height:44px!important;
        padding:9px 11px!important;
        font-size:11px!important;
    }

    .jr-cc-model-empty,
    .jr-cc-model-more{
        padding:12px;
        font-size:10px!important;
    }

    .jr-cc-model-empty strong{
        font-size:11px!important;
    }

    .jr-cc-manual-toggle{
        min-height:38px;
        margin-top:7px;
        font-size:11px!important;
        text-align:right;
    }

    .jr-cc-manual input{
        height:47px!important;
        font-size:13px!important;
    }

    .jr-cc-manual small{
        font-size:9px!important;
    }

    .jr-cc-device{
        grid-template-columns:32px minmax(0,1fr) auto;
    }

    .jr-cc-device small{
        font-size:9px!important;
    }

    .jr-cc-device strong{
        font-size:10px!important;
        white-space:normal;
    }

    .jr-cc-device button{
        min-height:32px;
        padding:5px 8px;
        font-size:9px!important;
    }

    /* QTY */
    .jr-cc-qty-row{
        display:grid!important;
        grid-template-columns:1fr auto;
        gap:12px!important;
        align-items:center!important;
    }

    .jr-cc-qty{
        width:100%;
        height:48px;
        grid-template-columns:42px minmax(48px,1fr) 42px!important;
    }

    .jr-cc-qty input{
        width:100%!important;
        height:48px!important;
        font-size:14px!important;
    }

    .jr-cc-price-note small{
        font-size:9px!important;
    }

    .jr-cc-price-note strong{
        font-size:17px!important;
    }

    .jr-cc-offer{
        align-items:flex-start;
        padding:11px!important;
    }

    .jr-cc-offer strong{
        font-size:11px!important;
    }

    .jr-cc-offer p{
        margin-top:3px!important;
        font-size:9.5px!important;
        line-height:1.6;
    }

    /* SUMMARY */
    .jr-cc-summary{
        width:100%;
        margin-top:14px;
        padding:16px!important;
        border-radius:16px!important;
    }

    .jr-cc-summary__top{
        align-items:flex-start;
    }

    .jr-cc-summary__top span{
        font-size:12px!important;
    }

    .jr-cc-summary__top b{
        max-width:50%;
        font-size:7px!important;
        white-space:normal;
        text-align:left;
    }

    .jr-cc-summary__preview{
        width:100%;
        height:230px!important;
    }

    .jr-cc-summary__placeholder span{
        font-size:10px!important;
    }

    .jr-cc-summary__rows > div{
        min-height:48px;
        align-items:flex-start;
    }

    .jr-cc-summary__rows span{
        font-size:10px!important;
    }

    .jr-cc-summary__rows strong{
        max-width:58%;
        font-size:10px!important;
        white-space:normal!important;
        line-height:1.5;
    }

    .jr-cc-summary__price strong{
        font-size:15px!important;
    }

    .jr-cc-confirm-box strong{
        font-size:10px!important;
    }

    .jr-cc-confirm-box p{
        font-size:9px!important;
        line-height:1.6;
    }

    .jr-cc-submit{
        min-height:52px!important;
        padding:0 13px!important;
        font-size:11px!important;
    }

    .jr-cc-submit b{
        font-size:11px!important;
    }

    .jr-cc-summary__trust{
        gap:5px;
        font-size:8px!important;
        line-height:1.5;
    }

    /* HOW IT WORKS */
    .jr-cc-how{
        padding:45px 0 55px!important;
    }

    .jr-cc-how__head > span{
        font-size:10px!important;
    }

    .jr-cc-how__head h2{
        font-size:29px!important;
    }

    .jr-cc-how__grid{
        grid-template-columns:1fr 1fr!important;
        gap:9px!important;
    }

    .jr-cc-how article{
        min-width:0;
        min-height:165px!important;
        padding:14px!important;
    }

    .jr-cc-how h3{
        margin-top:19px!important;
        font-size:12px!important;
    }

    .jr-cc-how p{
        font-size:9.5px!important;
        line-height:1.7!important;
    }
}

/* Narrow phones: 320–420px */
@media (max-width:420px){

    .jr-cc-container{
        width:calc(100% - 16px)!important;
    }

    .jr-cc-hero h1{
        font-size:34px!important;
    }

    .jr-cc-hero__visual{
        min-height:235px!important;
    }

    .jr-cc-hero__phone{
        width:118px!important;
        height:232px!important;
    }

    .jr-cc-hero__float{
        min-width:104px!important;
        max-width:126px!important;
        padding:8px!important;
    }

    .jr-cc-hero__float strong{
        font-size:8px!important;
    }

    .jr-cc-card{
        padding:14px!important;
    }

    .jr-cc-card__heading h3{
        font-size:15px!important;
    }

    .jr-cc-brands{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    .jr-cc-all-brands__grid{
        grid-template-columns:1fr 1fr!important;
    }

    .jr-cc-qty-row{
        grid-template-columns:1fr!important;
    }

    .jr-cc-price-note{
        text-align:right!important;
    }

    .jr-cc-summary__preview{
        height:205px!important;
    }

    .jr-cc-how__grid{
        grid-template-columns:1fr!important;
    }

    .jr-cc-how article{
        min-height:145px!important;
    }
}

/* Very narrow devices, including older 320/360px phones. */
@media (max-width:360px){

    .jr-cc-container{
        width:calc(100% - 12px)!important;
    }

    .jr-cc-hero h1{
        font-size:31px!important;
    }

    .jr-cc-hero__float{
        display:none!important;
    }

    .jr-cc-hero__visual{
        min-height:225px!important;
    }

    .jr-cc-card{
        padding:12px!important;
    }

    .jr-cc-brands,
    .jr-cc-all-brands__grid{
        grid-template-columns:1fr 1fr!important;
    }

    .jr-cc-brand{
        font-size:10.5px!important;
    }

    .jr-cc-summary{
        padding:13px!important;
    }
}