/* CODSHIPX_AI_R36_R32_FINAL_REVIEW_POLISH */

body .codi-mandatory-gate
.codi-r50-final-review{
    width:min(1540px,calc(100vw - 48px))!important;
    height:calc(100vh - 118px)!important;
    max-height:780px!important;
    min-height:560px!important;

    grid-template-rows:auto minmax(0,1fr) auto!important;

    overflow:hidden!important;

    border-radius:26px!important;

    box-shadow:
        0 28px 80px rgba(0,0,0,.28)!important;
}


body .codi-mandatory-gate
.codi-r50-final-review > header{
    min-height:0!important;

    padding:
        24px 40px
        22px!important;

    gap:24px!important;
}


body .codi-mandatory-gate
.codi-r50-final-review > header h1{
    max-width:900px!important;

    margin:
        4px 0
        10px!important;

    font-size:
        clamp(
            36px,
            4vw,
            58px
        )!important;

    line-height:.98!important;
}


body .codi-mandatory-gate
.codi-r50-final-review > header p{
    max-width:880px!important;

    font-size:12px!important;
    line-height:1.5!important;
}


body .codi-mandatory-gate
.codi-r50-review-body{
    min-height:0!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;

    padding:
        24px 40px
        34px!important;

    scrollbar-width:thin!important;
}


body .codi-mandatory-gate
.codi-r50-review-body > section{
    margin:0 0 30px!important;
}


body .codi-mandatory-gate
.codi-r50-review-heading{
    display:block!important;

    margin-bottom:14px!important;

    font-size:10px!important;
    font-weight:950!important;

    letter-spacing:.035em!important;
}


body .codi-mandatory-gate
.codi-r50-review-grid{
    display:grid!important;

    grid-template-columns:
        repeat(2,minmax(0,1fr))!important;

    gap:12px 18px!important;
}


body .codi-mandatory-gate
.codi-r50-review-grid > article{
    min-width:0!important;

    padding:
        14px 16px
        15px!important;

    border:
        1px solid
        rgba(151,220,47,.13)!important;

    border-radius:13px!important;

    background:
        rgba(255,255,255,.018)!important;
}


body .codi-mandatory-gate
.codi-r50-review-grid > article small{
    display:block!important;

    margin-bottom:7px!important;

    color:#9ce924!important;

    font-size:9.5px!important;
    font-weight:900!important;

    text-transform:lowercase!important;
}


body .codi-mandatory-gate
.codi-r50-review-grid > article strong{
    display:block!important;

    min-width:0!important;

    color:#f3f6f1!important;

    font-size:13px!important;
    font-weight:760!important;

    line-height:1.52!important;

    white-space:normal!important;
    overflow-wrap:anywhere!important;
}


body .codi-mandatory-gate
.codi-r50-review-products{
    display:grid!important;

    grid-template-columns:
        repeat(2,minmax(0,1fr))!important;

    gap:10px 16px!important;
}


body .codi-mandatory-gate
.codi-r50-review-products > article{
    min-width:0!important;

    padding:
        13px 15px!important;

    border:
        1px solid
        rgba(151,220,47,.13)!important;

    border-radius:12px!important;
}


body .codi-mandatory-gate
.codi-r50-final-review > footer{
    position:relative!important;

    min-height:86px!important;

    padding:
        15px 34px!important;

    gap:14px!important;

    border-top:
        1px solid
        rgba(151,220,47,.16)!important;

    background:
        rgba(1,14,7,.97)!important;

    box-shadow:
        0 -12px 32px
        rgba(0,0,0,.14)!important;
}


body .codi-mandatory-gate
.codi-r50-back{
    min-height:50px!important;

    padding:
        0 23px!important;

    border-radius:13px!important;

    background:
        rgba(255,255,255,.025)!important;

    color:#eef2eb!important;
}


body .codi-mandatory-gate
.codi-r50-setup{
    min-width:230px!important;
    min-height:52px!important;

    padding:
        0 25px!important;

    border:
        1px solid
        rgba(132,208,27,.65)!important;

    border-radius:13px!important;

    background:
        linear-gradient(
            135deg,
            #b8fa38 0%,
            #91e314 100%
        )!important;

    color:#153400!important;

    font-weight:950!important;

    box-shadow:
        0 12px 30px
        rgba(103,171,14,.24)!important;
}


body .codi-mandatory-gate
.codi-r50-setup:hover{
    transform:
        translateY(-1px)!important;

    box-shadow:
        0 15px 34px
        rgba(103,171,14,.29)!important;
}


@media(max-width:760px){

    body .codi-mandatory-gate
    .codi-r50-final-review{
        width:
            calc(100vw - 18px)!important;

        height:
            calc(100vh - 18px)!important;

        max-height:none!important;
        min-height:0!important;

        border-radius:19px!important;
    }

    body .codi-mandatory-gate
    .codi-r50-final-review > header{
        padding:
            17px 16px
            15px!important;
    }

    body .codi-mandatory-gate
    .codi-r50-final-review > header h1{
        font-size:31px!important;
    }

    body .codi-mandatory-gate
    .codi-r50-review-body{
        padding:
            17px 15px
            24px!important;
    }

    body .codi-mandatory-gate
    .codi-r50-review-grid,
    body .codi-mandatory-gate
    .codi-r50-review-products{
        grid-template-columns:1fr!important;
    }

    body .codi-mandatory-gate
    .codi-r50-final-review > footer{
        padding:12px!important;

        flex-direction:column-reverse!important;

        align-items:stretch!important;
    }

    body .codi-mandatory-gate
    .codi-r50-back,
    body .codi-mandatory-gate
    .codi-r50-setup{
        width:100%!important;
        min-width:0!important;
    }
}
