.cst-product-customize{
    color:var(--secondary-text-color);
}
.cst-ingredient-scroll{
    max-height:1090px;
    margin-bottom:30px;
    overflow:auto;
}

.cst-preview-toolbar{
    display:flex;
    justify-content:space-between;
}

.cst-preview-toolbar-product-customize {
    background: #FFF;
    border-radius: var(--popup-border-radius) var(--popup-border-radius) 0 0;
    margin: 0 0 30px !important;
    width: auto !important;
}

.cst-preview-toolbar-product-customize.squared {
    border-radius: 0;
}

.cst-product-corner{
    width:100px;
    height:100px;
    display:flex;
    background-position:top center;
    align-content:flex-start;
}

.cst-product-corner-icon{
    /*width:100px;*/
    position:absolute;
    top:30px;
    right:30px;
    z-index:100;
}

.cst-preview-product-header{
    display:flex;
    flex-direction:column;
    text-align:center;
    align-items:center;
}

.cst-icon-close{
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.handicapped .cst-popup .cst-icon-close{
    background-color:var(--focus-color);
    background-image:none;
    mask-image: var(--bg-icon-close);
    mask-size: contain;
    mask-position:center center;
    mask-origin: content-box;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--bg-icon-close);
    -webkit-mask-size: contain;
    -webkit-mask-position:center center;
    -webkit-mask-origin: content-box;
    -webkit-mask-repeat: no-repeat;
}

.cst-close-dialog{
    position:absolute;
    top:calc(var(--popup-border-radius)/2);
    right:calc(var(--popup-border-radius)/2);
    z-index:5001;
    border-radius: 48px;
}
.rtl .cst-close-dialog{
    right:auto;
    left:calc(var(--popup-border-radius)/2);
}
.handicapped .cst-close-dialog{
    top:auto;
    right:auto;
    left:40px;
    bottom:40px;
}
.rtl.handicapped .cst-close-dialog{
    left:auto;
    right:40px;
}

.icon-close-abs {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index:100;
}
.rtl .icon-close-abs {
    right: auto;
    left: 30px;
}
.cst-cart-close{
    margin-inline-start:30px;
    margin-inline-end:-30px;
    border-radius: 48px;
}

.cst-product-preview-title{
    color:var(--title-color);
    font-size:40px;
    font-family: var(--heading2-font), var(--heading-font), sans-serif;
    max-width:800px;
    text-align:center;
    margin:0 auto;
}

.handicapped .cst-product-preview-description{
    zoom:.7;
}

.upgrade-preview-title {
    max-width:90%;
    text-align: center;
    margin:0 auto;
    margin-bottom: 20px;
    font-size: 72px;
    line-height:72px;
    color: var(--text-color);
}

.cst-product-preview-info{
    text-align:center;
    color:var(--secondary-text-color);
    margin-bottom:10px;
}

.cst-product-preview-price{
    color: var(--secondary-price-color);
    font-size:40px;
    font-family: var(--heading-font), sans-serif;
    margin:0 auto;
    margin-top:10px;
    text-align:center;
}
.cst-product-picture-container{
    position:relative;
    margin-top:15px;
    min-width:30%;
}

.cst-product-picture-container.hot{
    margin-top:60px;
}

.cst-product-picture-container.with-price-badge{
    padding-top:5px;
}
.cst-product-picture-container.with-price-badge .cst-product-picture{
    margin-top:120px;
}

.cst-price-badge-plus,
.cst-price-badge{
    position:absolute;
    z-index:100;
    left:100px;
    width:300px;
    height:200px;
}

.cst-price-badge-plus{
    left:auto;
    right:200px;
    height:200px;
}

.cst-product-picture{
    width:100%;
    height:300px;
    margin:0;
    z-index:2;
}

.cst-popup-header-picture{
    width:800px;
    height:300px;
    margin-top:-150px;
    margin-bottom:5px;
}

.cst-product-price-strike{
    width:130px;
    margin:10px auto;
    margin-bottom:40px;
    border-top:4px solid var(--title-underline-color);
}

.cst-button,
.cst-bundle-finalize,
.cst-dialog-button,
.cst-dialog-button-nobg{
    border-radius:200px;
    padding:10px 40px;
    font-size:30px;
    line-height:35px;
    font-family: var(--base-font), var(--heading-font), sans-serif;
    color:var(--button-text-color);
    border:1px solid var(--button-border-color);
    min-width:200px;
    background-color: var(--button-bg-color);
    background-image: var(--bg-button-background), var(--bg-button-background), var(--bg-button-background);
    background-position: left top, right bottom, center;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-size: auto 300%;
}

.cst-thankyou .cst-dialog-button,
.cst-dialog-button{
    background-color: var(--dialog-button-bg);
    background-image: var(--bg-dialog-button-background), var(--bg-dialog-button-background), var(--bg-dialog-button-background);
    background-position: left top, right bottom, center;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-size: auto 300%;
}

.cst-dialog-button-nobg{
    background:none;
    color:var(--secondary-text-color);
    border-color:transparent;
    position:relative;
    border-radius:initial;
    padding:10px 0;
    white-space:nowrap;
    min-width:initial;
}
.cst-dialog-button-nobg:after{
    position:absolute;
    content:" ";
    border-top:1px solid var(--secondary-text-color);
    bottom:8px;
    left:0;
    right:0;
    display:block;
}
.handicapped .cst-dialog-button{
    padding:5px 30px;
}

.cst-bundle-finalize{
    background:var(--focus-color);
    color:var(--secondary-text-color);
}

.cst-button.cst-button-shadow{
    box-shadow:5px 5px 20px rgba(0, 0, 0, .24);
    margin:0 13px;
    margin-bottom:14px;
}
.cst-dialog-button-nobg.cst-button-shadow{
    box-shadow:none;
    margin-left:0;
    margin-right:0;
}

.cst-ingred-icon > div{
    width:70px;
    height:70px;
}
.cst-ingred-number{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:40px;
    border-radius:50%;
    color:var(--secondary-text-color);
    background:transparent;
    border:2px solid var(--bg-color);
}
.cst-ingred-section-name{
    color:var(--secondary-text-color);
    font-family: var(--heading-font), sans-serif;
    font-size:30px;
}
/*
.cst-ingred-title:after{
    content:":";
}
*/
.cst-ingred-spacer,
.cst-ingred-icon{
    width:80px;
}
.cst-ingred-spacer{
    display:flex;
    justify-content:center;
    align-items:stretch;
    position:relative;
}
.cst-ingred-spacer-stripe{
    width:0;
    border:2px solid var(--focus-color);
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
}
.cst-ingred-list{
    flex:2 0 0;
    flex-flow:row wrap;
    align-content:stretch;
    padding:0;
    margin:0;
}
.cst-ingred-list li{
    list-style:none;
    display:inline-flex;
    align-content:flex-start;
    align-items:flex-start;
    flex:1;
    min-width:50%;
    max-width:50%;
    color:var(--secondary-text-color);
    padding:0;
}
.cst-ingred-check-container{
    width:60px;
    height:60px;
    background:transparent;
    display:flex;
    align-content:flex-start;
    justify-content:center;
    position:relative;
}
.cst-ingred-checked,
.cst-ingred-unchecked{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
}
.cst-ingred-checked{
    width:50px;
    height:50px;
}
.cst-ingred-unchecked{
    width:40px;
    height:40px;
    top:5px;
    background:transparent;
    border-radius:50%;
    border:2px solid var(--bg-color);
}

.cst-ingred-hint{
    color:var(--secondary-text-color);
}
.cst-ingred-name{
    color:var(--secondary-text-color);
}

.cst-ingred-list-wrapper{
    display:flex;
    align-items:stretch;
}

.cst-for-extra{
    background:transparent;
}


.cst-extra-cost,
.cst-extra-title {
    color:var(--secondary-price-color);
}

.cst-extra-cost{
    background:var(--secondary-price-bg-color);
    white-space:nowrap;
    margin:0 10px;
    padding:4px 6px;
    border-radius:5px;
}

.cst-customize-prompt{
    color:var(--secondary-text-color);
    margin-top:20px;
}

.delicious{
    background:var(--secondary-price-color);
    color:var(--dialog-bg-color);
    font-style:italic;
    font-size:80%;
    padding:4px 6px;
    border-radius:5px;
    white-space:nowrap;
    margin:0 10px;
}

.cst-make-delicious .cst-button,
.delicious{
    color:var(--delicious-text-color);
    background-color:var(--delicious-bg-color);
    background-image: var(--bg-delicious-button-background), var(--bg-delicious-button-background), var(--bg-delicious-button-background);
    background-position: left top, right bottom, center;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-size: auto 300%;
}

.addon_price_wrp .nobr span{
    margin:0 5px;
}

.addon_price_wrp .nobr span:first-of-type{
    margin-left:0;
}

.rtl .addon_price_wrp .nobr span:first-of-type{
    margin-left:5px;
    margin-right:0;
}

.addon_price_wrp .nobr span:last-of-type{
    margin-right:0;
}
.addon_price_wrp .nobr span:last-of-type{
    margin-right:5px;
    margin-left:0;
}

.cst-addon-progress{
    align-items:flex-start;
    position:relative;
    width:80%;
    margin:0 auto;
    margin-bottom:80px;
}
.cst-addon-progress.few{
    width:50%;
}
.cst-addon-progress:before{
    content:" ";
    position:absolute;
    z-index:-1;
    left:72px;
    right:72px;
    top:34px;
    border-top:4px solid var(--step-line-color);
}

.cst-addon-progress-step{
    position: relative;
    width:64px;
    height:64px;
    border-radius: 50%;
    background:var(--dialog-bg-color);
    border:4px solid var(--current-step-border-color);
    color:var(--step-text-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: bold;
    font-size:30px;
}

:root{
    --addon-line-height:48px;
}

.cst-extra-cost,
.addon_price_product_name{
    line-height:var(--addon-line-height);
}

.checkbox-container{
    position:relative;
}
.step_addons .checkmark {
    box-sizing: border-box;
    border: 3px solid var(--checkbox-border-color);
    background:transparent;
    width:30px;
    height:30px;
    margin-left:0;
    border-radius: 200px;
    position:absolute;
    top:calc(var(--addon-line-height)/2 - 2px - 15px); /*15 is height/2*/
}
.rtl .step_addons .checkmark{
    margin-left:10px;
    margin-right:0;
}
.step_addons.photo_and_text,
.step_addons.photo {
    --addon-line-height:58px;
}

.step_addons.photo_and_text .checkmark,
.step_addons.photo .checkmark {
    margin-left: 0;
    margin-right: 0;
}
.rtl .step_addons.photo_and_text .checkmark,
.rtl .step_addons.photo .checkmark {
    right:0;
}

.step_addons .step_addon.checked .checkmark::after,
.step_addons .sub-checked .sub-checkmark::after,
.product-customize .step_nr.step-checked::after,
.cst-addon-progress-step .checkmark::after,
.completed-bundle-step:not(.current-bundle-step) .step-number::after{
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 200px;
    background: var(--checkmark-color);
    mask-image: var(--bg-icon-check-tick);
    mask-size: contain;
    mask-origin: content-box;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--bg-icon-check-tick);
    -webkit-mask-size: contain;
    -webkit-mask-origin: content-box;
    -webkit-mask-repeat: no-repeat;
    padding: 10%;
}

.step_addons .sub-checked .sub-checkmark,
.step_addons .checkmark.checked-selection{
    background-color:var(--checkbox-bg-color);
}

.step_addons .sub-checked .sub-checkmark::after,
.step_addons .step_addon.checked .checkmark::after{
    background-color:var(--checkbox-checkmark-color);
}

.cst-addon-progress-step.checked,
.product-customize .step_nr.step-checked {
    border-color:var(--current-step-border-color);
    background-color:var(--completed-step-bg-color);
}

.cst-addon-progress-step.current-page,
.product-customize .step_nr.current-page{
    border-color:var(--current-step-border-color);
    color:var(--current-step-text-color);
    background-color:var(--current-step-bg-color);
}

.cst-addon-progress-title{
    color:var(--black);
    text-align:center;
    max-width:200px;
    font-size:70%;
}

.cst-receipt-text{
    text-align:center;
    max-width:450px;
}

.cst-customize-buttons {
    margin-top:20px;
    align-items:flex-end;
}

.cst-customize-buttons > div{
    width:30%;
}

.cst-customize-buttons .last-btn-block{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-end;
}

.cst-make-delicious{
    text-align:center;
    min-width:40%;
}
.cst-make-delicious > div{
    margin-bottom:10px;
    white-space:nowrap;
}
.cst-make-delicious.with-shadow > div{
    padding:0 13px;
}

.cst-edit-other + button{
    margin-top:40px;
}

.step_addon > div:last-of-type{
    width:100%;
}
.addon_price_wrp {
    width:100%;
}
.rtl .addon_price_wrp{
    margin-left:auto;
    margin-right:40px;
}

.addon-content{
    width:100%;
    padding-left:40px; /*for checkbox*/
    break-inside:avoid-column;
}
.rtl .addon-content{
    padding-left:0;
}

.cst-addon-progress-step.no-selection:before{
    content:"!";
    position:absolute;
    bottom:-10px;
    left:-10px;
    z-index:5;
    color:#fff;
    background:#f44840;
    border-radius:50%;
    width:26px;
    height:26px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:20px;
    font-weight:normal;
}

.dialog-title{
    text-align:center;
}

.cst-paydev-cancel{
    border:2px solid var(--dialog-button-bg);
    border-radius:200px;
    padding:10px 15px;
    font-size:30px;
    width:680px;
    margin:0 auto;
    text-align:justify;
}
.cst-icon-cancel-payment{
    height:130px;
    width:220px;
    margin-inline-end:20px;
}