.arb_pop_box,
.arb_pop_variations_box.modal.fade.product-family-options-modal.in {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 566550;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.arb_pop_variations_box .modal-dialog.modal-md {
    width: fit-content;
    margin: 0 auto;
}
.arb_pop_box {
    display: block;
}
.fill ul.products.columns-5.slick-initialized.slick-slider li.product {
    margin: 5px;
}

.arb-lg {
    max-width: 900px;
    margin: 40px auto 20px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    background-clip: padding-box;
    margin-bottom: 10px;
    outline: 0;
}

.modal-header {
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 56px;
}

.modal-dialog .modal-content div.modal-header button#var-pop-close,
.arb_pop_box button#var-pop-close {
    position: absolute;
    top: 50%;
    right: 0;
    padding: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    float: right;
    font-size: 37px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
    background-image: none;
    background-color: transparent;
    font-style: normal;
}

.modal-header h4,
.arb_pop_box h4 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;

}

.arb_pop_box .arb_pop_content {
    padding: 10px 30px;
}

.arb_row {
    margin: 0px;
    display: flex;
}

.arb_cell {
    margin: 5px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.gray.arb_pop_content {
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
}

.arb_pop_box h5 {
    color: #222;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 0;
    margin-bottom: 10px;
}

.preloader {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    background-color: rgba(255, 255, 255, .6);
}

.preloader_inner{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.preloader_inner:before {
    content:'';
    width: 40%;
    position: absolute;
    margin:0 auto;
    aspect-ratio:1;
    border: 20px solid #FFF;
    border-bottom-color: #FF3D00;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
.box_pre_loader {display: flex;
    align-items: center;
    justify-content: center;
}

.box_pre_loader_inner {
    width: 33%;
}
.box_pre_loader_inner::before  {
    content:'';
    width: 100%;

    margin:0 auto;
    aspect-ratio:1;
    border: 20px solid #FFF;
    border-bottom-color: #FF3D00;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.modal-backdrop.fade.in,
.arb_background {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1111;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.arb_pop_box .arb_row img {
    aspect-ratio:1;
    object-fit: cover;
    height: 100px;
}

.arb_pop_box .thumbnail {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.arb_cell.arb_name {
    flex: 1;
}
.arb_pop_box .product-new-price {
    font-weight: 600;
    color: #ef2809;
    margin-bottom: 10px;
    white-space: nowrap;

    display: flex;
    align-items: center;
    gap: 10px;

}
.product-new-price del {
    font-size: 13px;
    font-weight: 400;
    color: #666;
}
.arb_cell a.btn:before
  {
    content: ' ';
    background-color: #FBE385;
    position: absolute;
    top: 0;
    left: -1px;
    width: 42px;
    height: 42px;
    background-image: url('https://superstoki.bg/wp-content/uploads/2024/02/nocr22cfdsf.webp');
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px 0px 0px 5px;
}
.arb_pop_box a.btn {
    position: relative;
    padding: 9px 17px 9px 50px;
    background-color: #0D52D6   ;

    vertical-align: middle;
    color: white;
    font-size: 13px;
    font-weight: 500;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    white-space: nowrap;
}

.arb_pop_box ul.products li.product {
    margin: 5px;
    padding: 15px;
    background: white;
}
.arb_pop_box ul.products{
    grid-column-gap: 20px;
}
td.product-quantity .qty-box {
    border-radius: 0;
    max-height: 41px;
    border: 1px solid rgba(0,0,0,.25);
    padding-right: 25px;
    transition: .5s;
    position: relative;
    border-radius: 25px;
}
/*td.product-quantity  .qty-box span {*/
/*    position: absolute;*/
/*    width: 35px;*/
/*    height: 100%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/
span.optional {
    display: none;
}
td.product-quantity div.qty-combo div.qty-box input {
    border: none;
}

/*.woocommerce div.product .arb_input_form div.quantity .decrease,*/
/*.qty-box .decrease,*/
/*.woocommerce div.product .arb_input_form div.quantity .increase,*/
/*.qty-box .increase {*/
/*    font-size: 12px;*/
/*    cursor: pointer;*/
/*    color: #999;*/
/*    transition: .5s;*/

/*}*/


/*.woocommerce div.product .arb_input_form div.quantity .increase, .qty-box .increase {*/
/*    right: 0px;*/
/*    left: auto;*/
/*}*/
table.woocommerce-checkout-review-order-table .product-name {
    width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    -ms-word-break: break-all;
}

@media only screen and (max-width: 768px){


    .modal-header {
        position: relative;
        padding: 5px 10px;
        border-bottom: 1px solid #e5e5e5;
        min-height: 40px;
    }

    .fill i.arb-arrow {
        position: absolute;
        top: -2.5rem;
    }

    .arb_pop_box,
    .arb_pop_variations_box.modal.fade.product-family-options-modal.in {
        top: 10%;


    }
    .arb_pop_box .arb_row {
        display: grid;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 100px 2fr;
        align-items: center;
    }
    .arb_pop_box .arb_row .arb_cell:first-child {
        grid-row: 1/3;
    }
    /*.arb_pop_box a.btn {*/
    /*    padding: 3px 17px 3px 35px;*/
    /*    background-image: url(https://upstore.bg/wp-content/uploads/2022/11/cart.png);*/
    /*    background-size: 18px;*/
    /*    background-repeat: no-repeat;*/
    /*    background-position: 10px 7px;*/
    /*    vertical-align: middle;*/
    /*    color: white;*/
    /*    font-size: 11px;*/
    /*    font-weight: 500;*/
    /*    border-radius: 5px;*/
    /*    -webkit-border-radius: 5px;*/
    /*    -khtml-border-radius: 5px;*/
    /*    -moz-border-radius: 5px;*/
    /*    white-space: nowrap;*/
    /*    margin-right: 0;*/
    /*    float: right;*/
    /*}*/
    .arb-lg {

        padding: 7px 10px;
        margin: 0px auto 20px;
    }
    .arb_pop_content.gray.loop i.fa-chevron-right.slick-arrow{
        top: 40%;
        right:0;
        left:unset;
    }
    .arb_pop_content.gray.loop i.fa-chevron-left.slick-arrow {
        top: 40%;
        left:0;
        right:unset;
    }

    .arb_pop_box div.arb_pop_content {
        padding: 15px 10px;
    }

    p.product-new-price {
        display: flex;
        gap: 10px;
    }
}