.gs-ty-page .gs-ty-october-offer{
    width:100% !important;
    margin:18px 0 24px !important;
    padding:0 !important;
}


/* CARD */

.gs-ty-page .gs-oct-order-success{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    border:2px solid #15D93A !important;
    border-radius:20px !important;

    background:#fff !important;

    box-shadow:
        0 8px 26px rgba(21,217,58,.14) !important;

    direction:rtl !important;
}


/* HEADER */

.gs-ty-page .gs-oct-order-success-title{
    margin:0 !important;
    padding:15px 12px !important;

    background:#15D93A !important;
    color:#fff !important;

    text-align:center !important;

    font-size:18px !important;
    line-height:1.4 !important;

    font-weight:900 !important;
}


/* BODY */

.gs-ty-page .gs-oct-summary-body{
    display:block !important;

    margin:0 !important;
    padding:0 !important;

    background:#fff !important;
}


/* EACH REWARD */

.gs-ty-page .gs-oct-summary-row{
    display:grid !important;

    grid-template-columns:
        38px
        minmax(0,1fr)
        auto !important;

    align-items:center !important;

    column-gap:10px !important;

    width:100% !important;

    margin:0 !important;
    padding:13px 14px !important;

    border-bottom:
        1px solid #E6F4E9 !important;

    background:#fff !important;

    direction:rtl !important;
}


.gs-ty-page .gs-oct-summary-row:nth-child(even){
    background:#F8FFF9 !important;
}


/* ICON */

.gs-ty-page .gs-oct-summary-icon{
    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    width:36px !important;
    height:36px !important;

    margin:0 !important;
    padding:0 !important;

    border-radius:50% !important;

    background:#EAFFEF !important;

    font-size:19px !important;
    line-height:1 !important;
}


/* DESCRIPTION */

.gs-ty-page .gs-oct-summary-name{
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    color:#222 !important;

    text-align:right !important;

    font-size:14px !important;
    line-height:1.4 !important;

    font-weight:800 !important;
}


/* VALUE */

.gs-ty-page .gs-oct-summary-value{
    display:inline-block !important;

    margin:0 !important;
    padding:4px 10px !important;

    border:
        1px solid rgba(21,217,58,.35) !important;

    border-radius:999px !important;

    background:#ECFFF0 !important;

    color:#079326 !important;

    text-align:center !important;

    font-size:15px !important;
    line-height:1.3 !important;

    font-weight:900 !important;

    white-space:nowrap !important;
}


/* GIFT NAME */

.gs-ty-page .gs-oct-summary-gift{
    max-width:190px !important;

    overflow:hidden !important;

    text-overflow:ellipsis !important;
}


/* FOOTER */

.gs-ty-page .gs-oct-summary-footer{
    margin:0 !important;
    padding:10px 12px !important;

    background:#F0FFF3 !important;

    color:#606860 !important;

    text-align:center !important;

    font-size:11px !important;
    line-height:1.4 !important;

    font-weight:700 !important;
}


/* MOBILE */

@media(max-width:600px){

    .gs-ty-page .gs-oct-order-success-title{
        font-size:17px !important;
    }

    .gs-ty-page .gs-oct-summary-row{
        grid-template-columns:
            34px
            minmax(0,1fr)
            auto !important;

        column-gap:8px !important;

        padding:12px 11px !important;
    }

    .gs-ty-page .gs-oct-summary-icon{
        width:34px !important;
        height:34px !important;

        font-size:18px !important;
    }

    .gs-ty-page .gs-oct-summary-name{
        font-size:13px !important;
    }

    .gs-ty-page .gs-oct-summary-value{
        font-size:13px !important;

        padding:4px 8px !important;
    }

    .gs-ty-page .gs-oct-summary-gift{
        max-width:145px !important;
    }
}