/* ADDITIONAL CSS */
h3.single_one {
    border-radius: 800px;
    border-radius: 10px;
    padding: 15px 20px;
    border: 1px solid #f6f6f6;
    background: #f6f6f6;
    font-size: 1.2rem;
    font-weight: 400;
    float: none;
    margin-top: 20px;
    margin-bottom: 15px;
}
.single_product_wrapper {
    display: block; margin-bottom: 10px; width: 100%;float: left; float: none;margin-bottom: 15px;
}
.single_product {
    border: none;
    border-radius: 10px;
    box-shadow: 0 9px 11px #d1d1d1;    
    box-shadow: 0 4px 6px #d1d1d1; 
    padding: 15px 10px;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}
.single_product:hover {
/*    box-shadow: 0px 3px 7px 4px #d1d1d1;*/
    box-shadow: 0px 3px 7px 1px #d1d1d1;
}
.single_product .product_info_container {
    display: flex; flex-direction: column;width: 100%;height: 100%;min-height: 120px;
}
.product_image_container {
    /*padding: 0;align-self: center;*/ overflow: hidden; width: 180px;
}
.product_image_container img {
    object-fit: cover; width: 100%; height: 100%;
}
.single_product_wrapper .product_name_container {
    margin: 0; padding-right: 20px;
}
.single_product_wrapper .product_name {
    font-weight: bold;color: var(--btn-color);color:black;
    /*color: var(--black-color);*/
    color: var(--secondary-color);
}
.single_product_wrapper .product_description {
    margin: 0;font-size: 13px;
}
.single_product_wrapper .product_price_container {
    margin: 0;font-weight: 500;color: var(--secondary-color);text-align: right; margin-top: auto; 
}
.single_product_wrapper .product_size + .product_price_container {
    margin-top: 0;
}
.single_product_wrapper .product_prices {
    font-weight: 500;
}
.single_product_wrapper .product_size {
    font-weight: normal;
    margin-top: auto;
}
.single_product img {
    padding: 0;
    float: none;
}

.promo-tag {
    background: var(--red-color);
    width: 25px;
    height: 25px;
    line-height: 23px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
}
.single_product .add_product_btn {
    width: 30px;
    height: 30px;
    line-height: 26px;
    font-size: 18px;
    /*border-color: var(--primary-color);*/
    border-color: var(--secondary-color);
    border-bottom-left-radius: 10px;
}

.promocode_row,
.delivery_store_row {
    overflow: hidden;
    margin: 0;
    font-size: 1rem;
}

#all_categories_wrapper{
    padding-top: 20px;
    padding-bottom: 20px;
}
.modal-content { border-radius: 10px }
.modal:not(#addressModal).add_product_modal .close,
#addressModal .close  {
    
    position: absolute;
    background: white;
    opacity: 1;
    font-size: 22px;
    font-weight: 500;
    font-family: Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif;
    text-align: center;
    border-radius: 50px;
    box-shadow: 0 0 5px 2px rgb(0 0 0 / 10%);

    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;
    line-height: 20px;
    color: var(--primary-color);
}
.add_product_modal .popup_wrapper_inner {
    padding: 15px;
    padding: 15px 20px;
}
.add_product_modal #popup_wrapper .product_name,
.add_product_modal #popup_wrapper .product_description { padding: 0; }
.add_product_modal .product_options { padding: 0 }
.product_comment_field { padding: 5px 10px; border-radius: 10px }
.add_product_modal .cta_container { padding: 10px 15px; padding: 10px 20px }
.product_options_inner,
.product_options_inner h3,
.product_options_label { float: none; }
.btn-primary {
/*    background-color: var(--primary-color);*/
/*    border: 2px solid;*/
/*    border-color: var(--primary-color);*/
    border-radius: 40px;
/*    transition: ease-in-out;*/
    font-weight: 600;
}
.btn-primary:hover {
    /*background-color: var(--secondary-color);
    border-color: var(--secondary-color);  */  
/*    transition: ease-out;*/
}
.btn-primary span { font-weight: 600; }
.add_product_modal .change_product_quantity { padding-right: 20px }
/*.add_product_modal .change_product_quantity_btn { color: var(--primary-color); }*/
/*.add_product_modal .change_product_quantity_btn:hover { color: var(--secondary-color); }*/
.add_product_modal .wanted_quantity { color: #333 }
.single_product.chosen { 
    border: 1px solid var(--secondary-color);
}
.single_product.chosen+.product_quantity_wrapper {
    display: flex;
    justify-content: space-between;
    background: white;
    position: relative;
}
.product_quantity_wrapper { margin-bottom:15px }
.option_trigger { position: relative; float: none; display: block; padding: 0 }
.option_trigger i { vertical-align: text-bottom }
.quantity_choose {
    line-height: unset;
    float: none;
    margin-left: auto;
    position: relative;
    z-index: 1;
    display: flex;
    width: unset;
    overflow: hidden;
/*    box-shadow: 0 9px 11px #d1d1d1;*/
/*    box-shadow: -3px 6px 8px #d1d1d1;*/
}
.add_quantity_btn, .remove_quantity_btn {
    float: none;   
    font-size: 18px;
    height: 35px;
    width: 35px;
    line-height: 19px;
}
.product_quantity {
    float: none;
    height: 35px;
    font-size: 20px;
    background: white;
}
.option_trigger, 
.quantity_choose, 
.quantity_in_stock {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.link-color {
    color: var(--primary-color);
}
.checkout-form .form-check-bottom input,
.form-check-input {
    accent-color: var(--checkbox-color);
}
#bag_icon {
    padding: 5px 10px;
}
#bag_icon p {
    font-weight: 700;
}
#bag_icon img {
    filter: brightness(0) saturate(100%) invert(46%) sepia(69%) saturate(2911%) hue-rotate(359deg) brightness(99%) contrast(108%);
    filter: brightness(0) saturate(100%) invert(18%) sepia(62%) saturate(0%) hue-rotate(160deg) brightness(94%) contrast(98%);
    filter: brightness(0) saturate(100%) invert(32%) sepia(0%) saturate(1264%) hue-rotate(176deg) brightness(103%) contrast(98%);/* #565656 */
}
#checkout_cart_details .single_product_wrapper {
     display: table-row; 
     margin-bottom: 0; 
}
.checkout_cart_link_back_container { border: none; border-color: transparent }
.checkout_cart_link_back { text-decoration: none; font-size: 16px; margin-top: 10px }
/*.checkout_cart_link_back:hover { color: var(--btn-hover-color); }*/
/*.checkout-form { padding: 0 15px }*/
.form-control,
.custom-select { border-radius:10px }
.checkout_form { border-radius: 10px }
#main_body { padding-left: 15px; padding-right: 15px }
.payment_method,
.no-gutters>[class*=col-].payment_method { 
    padding: 7px; 
    padding: 5px; 
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border-radius: 70px;
}
.payment_method:first-of-type {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 70px;
    border-bottom-left-radius: 70px;
}
.payment_method:last-of-type {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 70px;
    border-bottom-right-radius: 70px;
}
#checkout_cart_details .show_details {
    font-size: 13px;
}
#checkout_cart_details .show_details + div {
    display: none;
}
#checkout_cart_details .show_details.active + div {
    display: block;
}
.single_product_wrapper_details {
    margin: 0 0 10px;
}
.single_product_wrapper_title {
    margin: 0; line-height: 1;
}
#checkout_cart_details .add_comment_container {
    font-size: 13px;
    text-decoration: underline;
    color: var(--primary-color);
}
#checkout_cart_details .add_comment_container > * {
    font-weight: 500;
    line-height: 1.2;
}
#checkout_cart_details .comment_btn_wrapper {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    color: var(--primary-color);
    font-weight: 500;
    font-size: 14px;
}
#checkout_cart_details .comment_btn_wrapper > div{
    padding-top: 5px;
    padding-bottom: 10px;
}
#checkout_cart_details .product_comment_field {
    display: block;
}
#checkout_cart_details .single_product_options {
    font-size: 12px;
    line-height: 1.2;
    margin: 0;
    margin-top: 5px;
}
#checkout_cart_details .current_comment_wrapper {
    font-size: 12px;
    line-height: 1.2;
    margin: 5px 0 3px;
}
#addressModal .col-xs-12 {
    float: none;
}
#map,
#addressModal #map.col-xs-12 { 
    border-radius: 10px;
    width: calc(100% - 22px);
    margin-left: auto;
    margin-right: auto;
}
#addressModal #last_used_addresses .single_address {
    border-radius: 10px;
}
.address_text {
    margin: 0;
}
#terms_wrapper {
    padding: 0 20px;
}
.terms_title,
h3:not(.popup_title).terms_title {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 24px;
    float: none;
    font-weight: 400;
    color: var(--black-color);
}
#payment_wrapper {
    display: flex;
    gap: 5px;
    padding: 0 15px;
}
#payment_wrapper .payment_method {
    flex: 1;
    text-align: center;
    transition: ease-in-out 0.3s;
}
#payment_wrapper.row-3 .payment_method {
    max-width: 100% !important;
    flex: 1 !important;
    padding: 5px;
}
#checkout_cart_details .add_product_comment {
    line-height: 1.5;
}
.checkout-form .form-row {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
    padding: 0 10px;
}
.form-group, .form-check {
    float: none;
    padding-left: 15px;
    padding-right: 15px;
}
.checkout_promocode_fields {
    display: flex;
    flex-wrap: wrap;
}
.checkout_promocode_fields input.has_button,
.checkout_promocode_fields input.has_button+.btn {
    float: none;
}
@media screen and (max-width: 1439px) {
    #checkout_form,
    .checkout_form {
        margin-left: 15px;
        margin-right: 15px;
    }
}
@media screen and (max-width: 1099px) {
    #all_categories_wrapper {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    /*h3.single_one:first-of-type {
        padding-top: 8px;
        padding-bottom: 8px;
    }*/
    .single_product.chosen:hover {
        box-shadow: none;
    }
    #checkout_form,
    .checkout_form { 
        border-radius: 0;
        margin-left: auto;
        margin-right: auto; 
        padding-bottom: 2em;
    }
    #checkout_cart_details {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
    .submit_btn_container {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width: 991px) {
    h3.single_one:first-of-type { margin-top: 82px }
}
@media screen and (max-width: 767px) {
    #all_categories_wrapper {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    h3.single_one { font-size: 17px; padding-left: 15px; padding-right: 15px; }
    /*h3.single_one:first-of-type {
        padding-top: 5px;
        padding-bottom: 5px;
    }*/
    .product_image_container {
        width: 145px; min-width: 145px; height: 120px;
    }
    .form-group, .form-check, #payment_wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    #payment_wrapper {
        flex-direction: column;
        gap: 0;
    }
    .checkout-form { padding: 0 15px 2em }
    .submit_btn_container {
        padding-left: 0;
        padding-right: 0;
    }
    .checkout-form .form-row {
        padding: 0;
    }
    .btn-prices-wrapper {
        display: block;
    }
}
@media screen and (max-width: 420px) {
    .product_image_container {
        width: 130px; min-width: 130px; height: 110px;
    }
}
@media screen and (max-width: 399px) {
    /*.product_image_container {
        width: 130px; min-width: 130px; height: 110px;
    }*/
    .checkout_promocode_container {
        text-align: center;
        float: none;
    }
    .checkout_promocode_container label {
        text-align: left;
        float: none;
    }
    .checkout_promocode_container input.has_button {
        float: none;
        width: 100%;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .checkout_promocode_container input.has_button+.btn {
        float: none;
        width: 100%;
        border-radius: 60px;
        margin-top: 5px;
        padding: 5px;
    }   
}
@media screen and (max-width: 390px) {
    .single_product del { display: block }
}
@media screen and (max-width: 374px) {
    .product_image_container {
        width: 110px; min-width: 110px; 
    }
}

/* NEW COMPONENTS  */
.cover_container { position: relative; margin-top: 70px;}
.cover_info_container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 25px;
    padding: 20px;
    width: 300px;
}
.cover_image { height: 275px; width: 100%; margin-bottom: 10px; margin-bottom: 0; object-fit: cover; }
.cover_logo { position: relative; display: block; height: 75px; }
.cover_logo img { position: absolute; top: 0; left: 0; width: 100%; height:100%; object-fit:contain }
.cover_reviews { font-size: 14px;color: orange;line-height: 1; margin-top: 10px; margin-bottom:10px }
.cover_reviews i { margin-right: 3px }
.cover_reviews_num { font-size:19px }
.cover_info_texts p { margin: 0; font-size: 14px; }
.category_link--cta,
#all_categories a.category_link--cta {
    background: var(--primary-color);
    color: var(--white);
    border-radius: var(--btn-border-radius);
    padding: 5px 20px;
    transform: scale(0.9);
    font-size: 17px;
    line-height: 1.8;
}
.btn--pulse { animation: pulse 1s infinite; }
@keyframes pulse {
  0% { transform: scale(0.9); }
  50% { transform: scale(1); }
  100% { transform: scale(0.9); }
}
.grand_offer { 
    background: var(--primary-color);
    color: var(--white);
    padding: 20px;
    text-align: center;
}
.grand_offer_text {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 0;
    text-transform: uppercase;
}
@media screen and (max-width: 1099px) {
    .checkout-form_back { display:none }
}
@media screen and (max-width: 991px) {
    .cover_container { margin-top: 50px }
    .grand_offer_container { margin-top: 62px; }
}
.checkout-form, #checkout_form.checkout-form { background: transparent; border:none; }

.empty_cart_icon_img{
    display: block;
    max-width: 130px;
    margin: 20px auto;
    filter: invert(48%) sepia(0%) saturate(1456%) hue-rotate(201deg) brightness(95%) contrast(90%);
}
#bag_icon { top: 15px; right: 10px;}
#menu_header { height: fit-content; padding-top: 6px; padding-bottom: 6px }

@media screen and (max-width: 1099px) { #bag_icon { top: 10px} }
@media screen and (max-width: 991px) { #bag_icon { top: 6px} }

@media screen and (min-width: 1100px) {
    #bag_icon.visible { display: block !important; }

    #menu_content { 
        z-index: 10;
        max-width: 100%;
        width: 100%;
        float: none;
        transition: width 0.5s, max-width 0.5s;
    }
    #menu_content.opened {
        width: 80%;
        max-width: calc(100% - 390px);
        transition: width 0.5s, max-width 0.5s;
    }
    #menu_sidebar { 
        background: white;
        z-index: 20;
        transform-origin: 0% 0%;
        transform: translate(0, 0);
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
        width: fit-content;
        float: none;
    }
    #menu_sidebar.opened {
        transform: translate(0, 0);
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), width 0.5s, max-width 0.5s;
    }
}

.cover_image { height: 320px; }
.cover_logo { height: 70px }
#all_categories_wrapper_father { background: #f6f6f6; }
@media screen and (max-width: 767px) { .cover_image { height: 275px; } }
@media (max-width: 340px) { #menu_header #chosen_address { max-width: 180px; } }
/* Redesign orange with offwhite buttons; grayblack header */
/*#all_categories_wrapper_father {  background: var(--secondary-color); }
#all_categories_wrapper { background: #f6f6f6; background: var(--secondary-color); }
.lSAction > a { filter: brightness(0) invert(1); }
#all_categories a { padding: 5px 10px; background: #fffafa; border-radius: 12px; }
#bag_icon { background:var(--secondary-color); padding: 6px 10px; }
#bag_icon:before { background: linear-gradient(to left, var(--secondary-color), rgba(246, 246, 246, 0)); }
.bag_icon_img { position: relative; z-index: 11} 
.bag_icon_bg {position: absolute; top: 14px; left: 13px; z-index: 10;
    border-bottom: 25px solid white;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    height: 0;
    width: 29px;    
}
h3.single_one { 
    padding: 10px 10px;
    border: 1px solid var(--secondary-color);
    background: var(--secondary-color);
    line-height: 1;
}
h3 a {
    display: block;
    background: #fffafa;
    padding: 12px 10px;
    border-radius: 12px;
    width: 100%;
    line-height: 1;
}

#menu_header { background: var(--black-color); }
#menu_header #chosen_address { color: white }
#menu_header .lang_icons a { color: white }*/