/* product-blog */

.product-blog {
padding: 25px 0;
}

.product__info_flex, .product_info_header {
display: flex;
gap: 20px;
}

.product__info-content .container{
padding: 0 !important;
}

.product_info_header {
justify-content: space-between;
}

.product-blog-title {
font-size: 24px;
font-weight: 700;
margin-bottom: 30px;
color: #555;
}

.product-slider-item {
padding-left: 10px;
padding-right: 10px;
}

.product-slider-item-blog {
position: relative;
background: #fff;
border: 1px solid #e7e7e7;
-webkit-border-radius: var(--border-px);
border-radius: var(--border-px);
padding: 12px;
min-height: 446px;
flex-direction: column;
display: flex;
justify-content: space-between;
}


.product-slider-item-blog a {
display: flex;
flex-direction: column;
}

.product-slider-text {
min-height: 38px;
font-size: 13px;
}

.product-slider-item_relative {
position: relative;
max-width: 100%;
height: 210px;
}

.product-slider-item-img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
/* background: #d8d8d8; */
}

.product-slider-item-img img{
object-fit: contain;
transition: opacity 300ms ease-in-out 0s;
opacity: 1;
width: 100%;
height: 100%;

}



.product-slider-item_text {
max-height: 50px;
overflow: hidden;
}

.product-slider-item-name {
font-size: 14px;
line-height: 15px;
color: #4c4c4c;

max-width: 200px;
width: 100%;
font-weight: 600;
white-space: normal;

text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
max-height: none;
}

.product-slider-item-text {
text-wrap: wrap;
}

.product-slider-item-prise {
margin-top: auto;
}

.slider_discount_prise {
display: flex;
align-items: center;
gap: 10px;
margin-top: 5px;
}

.slider_discount_prise .discount_prise_percent {
position: relative !important;
}

.discount_prise_value {
color: #8a8d93;
font-size: 14px;
line-height: 24px;
text-decoration-line: line-through !important;
}

.discount_prise_percent{
background: #ffff01;
padding: 0px 7px;
font-size: 13px;
font-weight: 600;
color: black;
}

.product-slider-prise {
font-size: 13px;
margin-top: 4px;
line-height: 15px;
color: #878787;

}

.product-slider-prise span {
font-size: 18px;
line-height: 23px;
font-weight: 700;
color: #555;
padding-right: 5px;
}

.product-slider-button {
margin-top: 5px;
}

.product-slider-btn {
width: 100%;
background-color: var(--design-btn);
-webkit-border-radius: var(--border-px);
border-radius: var(--border-px);
padding: 8px 20px;
font-size: 16px;
line-height: 19px;
font-weight: 500;
color: #fff;
cursor: pointer;
transition: all .2s ease-in-out;
text-align: center;
}



.product-slider-btn:hover {
opacity: 0.8;
transition: 0.2s;
color: white;
transition: all .2s ease-in-out;
}


.slider-amount-btn {
width: 38px;
height: 38px;
background: transparent;
padding: 5px;
border-radius: var(--border-px);
}

.product-slider-amount:nth-child(1) {
margin-top: 10px;
}

.product-slider-amount {
margin-bottom: 10px;
gap: 15px;
}

.product-slider-amount-content {
gap: 15px;
}

.slider-amount-input span{
font-size: 20px;
padding-top: 6px;
color: #495057;
}

.slider_tabs {
display: flex;
align-items: center;
background-color: #eaedf6;
height: 30px;
border-radius: var(--border-px);
overflow: hidden;
}

.slider_tabs_link {
width: 50%;
padding: 3px;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
border: 2px solid transparent;
cursor: pointer;
}

.slider_tabs_active {
border: 2px solid #eaedf6;
border-radius: var(--border-px);
background: #fff;
}

.slider_tabs_blog {
display: none;
}

.product-slider_flex {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 10px;
}

.product-slider_star, .product-slider_comment {
display: flex;
align-items: center;
gap: 5px;
font-size: 14px;
}

.slider_tabs_text {
width: 70px; 
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

/* product-blog finished */

/* product__info */

.product__info {
margin-bottom: 50px;
}

.breadcrums {
padding: 20px 0;
gap: 10px;
}

.breadcrums-item {
position: relative;
}

.breadcrums-item:last-child a span {
display: none;
}

.breadcrums-item a{
font-size: 14px;
line-height: 14px;
color: #999;
}

.breadcrums-item a:hover {
color: var(--design-bg);
}

.breadcrums-item a span {
padding-left: 5px;
color: var(--design-bg);
}

.product__info-blog {
width: 50%;
}


.product__info_left-slider {
width: 16%;
overflow: hidden;
}

.product__info-slider {
width: 60%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.product__info_left-slider > .slick-prev{
top: 0;
left: 35% !important;
transform: rotate(90deg);
}

.product__info_left-slider > .slick-next{
bottom: 0;
top: unset !important;
right:  35% !important;
transform: rotate(90deg);
}

.product__info-slider .slick-list {
padding: 10px !important;
}


.product-slider-img {
width: 90% !important;
margin: auto;
background: #fff;
margin-bottom: 30px;
margin-top: 30px;
display: flex;
align-items: center;
justify-content: center;
}

.product-slider-img img{
object-fit: contain;
transition: opacity 300ms ease-in-out 0s;
opacity: 1;
width: 100%;
height: 100%;
}

.modal_slider_item_min {
border: 1px solid transparent ;
}

.product__left-slider-item.slick-current, .modal_slider_item_min.slick-current{
border: 1px solid var(--design-bg) !important;
}

.product__info-slider-item, .modal_slider_item {
display: flex;
align-items: center;
justify-content: center;
}

.product__info-slider-item img {
height: 300px;
}

.modal_slider_item_big img {
height: 600px;
max-height: 600px;
}


.product__left-slider-img {
padding: 10px;
}

.product__left-slider-img img{
max-width: 90px;
margin: auto;
}

.product__left-slider-item {
max-width: 110px !important;
width: 100% !important; 
}

.product__info_price_flex {
display: flex;
align-items: end;
gap: 10px;
}

.product__info_price_flex .discount_prise_percent {
position: relative !important;
}

.product__info-title {
margin-top: 10px;
font-size: 22px;
line-height: 26px;
color: #333;
margin-bottom: 20px;
font-weight: 600;
}

.product__info_oldprice {
color: #8a8d93;
font-size: 14px;
line-height: 24px;
margin-left: 8px;
text-decoration-line: line-through !important;
display: flex;
align-items: center;
gap: 10px;
}

.product__info-text {
font-size: 14px;
line-height: 25px;
color: #878787;
margin-bottom: 10px;
}

.product__info-articulate {
font-size: 14px;
line-height: 13px;
text-transform: uppercase;
color: #999;
margin-bottom: 10px; 
}

.product__info-articulate span {
padding-left: 5px;
}

.product__info-prise {
font-size: 16px;
margin-top: 10px;
}

.product__info-button {
gap: 15px;
}

.product__info_amount_item {
display: inline-flex;
align-items: center;
border: 1px solid var(--design-bg);
border-radius: var(--border-px);
}

.product__info_amount_button {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}

.product__info-action {
justify-content: unset !important;
gap: 50px;
}

.product_amout_input {
border: none;
text-align: center;
max-width: 60px;
width: 100%;
pointer-events: none;
border: none !important;
}

.product__info_price_input {
position: relative;
display: flex;
align-items: center;
gap: 5px;
}

.product__info_price_input span {
font-weight: 600;
font-size: 20px;
}

.product__info_price {
margin-top: 10px;
}

.product__info_price_title {
font-weight: 400;
font-size: 20px;
}

.product__info_price_value {
font-weight: 600;
font-size: 20px;
}

.product__info_button {
margin-top: 20px;
display: flex;
align-items: center;
gap: 10px;
}

.product__info_input, .product__info_btn{
background: var(--design-btn);
height: 56px;
padding: 10px 60px;
font-weight: 600;
color: white;
font-size: 18px;
border-radius: var(--border-px);
border: none;
transition: 0.2s ease;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}

.product__info_input {
height: 56px;
background: transparent;
border: 1px solid var(--design-btn);
color: black;

}

.product__info_input:hover {
background: var(--design-btn);
color: white;
opacity: 1;
}

.product__info_btn:hover {
opacity: 0.8;
transition: 0.2s ease;
}

.shop__address {
margin-top: 60px;
}

.shop__table {
width: 100%;
}

.shop__address_title {
font-size: 20px;
font-weight: 600;
text-align: center;
margin-bottom: 30px;
}

.shop__table_thead tr th {
color: #767676;
text-align: start;
font-size: 18px;

}

.shop__table_thead tr th, .shop__table_tbody tr td {
padding: 5px;

}

.shop__table_tbody tr td {
font-weight: 600;
font-size: 16px;
text-align: start;
}

.product__about {
margin-top: 30px;
}

.product__about_title {
font-size: 20px;
font-weight: 600;
text-align: center;
margin-bottom: 30px;
}

.product__about_text {
font-size: 16px;
font-weight: 500;
}

.product_star_icon {
max-width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
padding: 10px;
}

.product_banner_info {
display: flex;
gap: 60px;
margin-top: 50px;
}

.product__info-description {
width: 80%;
}

.product_tabs {
display: flex;
align-items: center;
gap: 10px;
}

.product_tabs_item {
border-bottom: 2px solid transparent;
font-weight: 400;
margin: 0 10px -1px 0;
font-size: 16px;
padding: 15px 0;
cursor: pointer;
}

.product_tabs_active {
border-color: var(--design-bg);
color: var(--design-bg);
}

.product_tabs_info {
margin-top: 30px;
}

.product_tabs_blog {
display: none;
}

.shop_banner {
margin-top: 40px;
}

.shop_banner_content {
display: flex;
align-items: center;
justify-content: center;
}

.shop_banner_content img{
max-width: 728px;
width: 100%;
height: 90px;
}

.product_grade {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}

.product-slider_item_info {
padding-top: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}

.product_heart_flex {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
cursor: pointer;
}

.product_slider_discount {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

.slider_discount_text {

padding: 4px 12px 4px 8px;
background: #ffff01;
font-size: 13px;
font-weight: 600;
}

.color_heart {
color: var(--design-icon);
}

.product_heart_icon {
font-size: 18px;
}

.product_heart_text {
font-size: 16px;
font-weight: 600;
}

.product_delivery {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 10px;
}

.product_comment_info {
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
}

.product_comment_item {
border-top: 1px solid rgba(0,0,0,.12);
padding: 25px 0;
}


.product_comment_grade {
display: flex;
align-items: center;
gap: 3px;
}

.product_comment_name {
font-weight: 500;
}

.product_comment_text {
padding-top: 10px;
font-size: 16px;
font-weight: 400;
}

.product_comment_img {
margin-top: 10px;
display: flex;
align-items: center;
gap: 5px;
}

.product_comment_img img{
width: 100px;
height: 100px;
}
.similar_product {
margin-top: 30px;
}

.product__info_tabs {
display: inline-flex;
align-items: center;
background-color: #eaedf6;
height: 30px;
border-radius: var(--border-px);
overflow: hidden;
margin-top: 15px;
}

.info_tabs_content .product__info-prise {
display: none;
}

.info_tabs_link {
padding: 5px;
border-radius: var(--border-px);
cursor: pointer;
display: flex;
align-items: center;
border: 1px solid #eaedf6;
}

.info_tabs_link .discount_prise_percent{
position: relative !important;
}

.info_tabs_avtive {
background: var(--design-bg);
color: white;
}

.info_tabs_link span {
color: black;
font-size: 14px;
}

.info_tabs_avtive span {
color: white;
}

.product__info_flex .slick-list {
padding: 0px !important;
}

@media (min-width: 576px) {
.product_modal_dialog {
max-width: 100% !important;
height: 100%;
}    
}

.product_modal_dialog {
margin: 0 !important;
}

.product_modal_dialog .modal-content {
height: 100%;
}

.product_modal_slider_big {
max-width: 80%;
margin: auto;
}

#product_modal {
padding: 0 !important;
}

.product_modal_slider {
height: 80%;
}

.product_modal_slider_big {
height: 70%;
display: flex;
align-items: center;
justify-content: center;
}


.product_modal_slider_min {
height: 30%;
display: flex;
align-items: center;
justify-content: center;
}


.shop__address_row::-webkit-scrollbar {
width: 1px;
height: 3px;
}

.product_banner {
width: 20%;
}

.product_banner_item {
margin-top: 15px;
}

.product_banner_header {
padding: 5px 15px;
background: var(--design-bg);
color: white;
font-weight: 600;
text-transform: uppercase;
}

/* product__info finished */

@media (min-width: 1024px) and (max-width: 1280px) {

}

@media (min-width: 768px) and (max-width: 1023px) {
/* flex */

.product__info-row{
flex-direction: column;
}

.product__info_flex {
gap: 0;
}

/* flex finsish */

/* width */
.product__info-blog {
width: 100%;
}

.product__info-slider {
width: 77%;
}

.product__info_left-slider {
width: 20%;
}

/* width finsish */

/* height */

/* height finsish */

/* active */

/* active finsish */

/* font-size */

.shop__table_thead tr th, .shop__table_tbody tr td {
font-size: 14px;
}



/* font-size finsish */

/* padding */

/* padding finsish */

/* margin */


/* margin finsish */    
}

@media (min-width: 568px) and (max-width: 767px) {
/* flex */

.product__info-row{
flex-direction: column;
}

.product__info_button {
justify-content: space-between;
}

.product__info_flex {
gap: 0;
}

/* flex finsish */

/* width */
.product__info-blog {
width: 100%;
}

.product__info-slider {
width: 77%;
}

.product__info_input, .product__info_btn {
width: 50%;
}

.product__info_left-slider {
width: 20%;
}

.product__left-slider-item {
max-width: 90px !important;
}

/* width finsish */

/* height */

.product__info-slider-item img {
height: 260px;
}

.product__info_btn, .product__info_input {
height: 50px;
}

/* height finsish */

/* active */

/* active finsish */

/* position */

.shop__address_row {
overflow-x: scroll;
}

.shop__table_thead tr th:nth-child(1), .shop__table_tbody tr td:nth-child(1) {
position: sticky;
left: 0px;
z-index: 100;
white-space: initial;
background: white;
}

.shop__table_tbody tr td, .shop__table_thead tr th {
white-space: nowrap;
font-weight: 500;
}

/* position finsish */

/* font-size */

.shop__table_thead tr th, .shop__table_tbody tr td {
text-align: center;
}

.product__info-title {
font-size: 20px;
}

.shop__table_thead tr th, .shop__table_tbody tr td {
font-size: 14px;
}

/* font-size finsish */

/* padding */

/* padding finsish */

/* margin */


/* margin finsish */       
}

@media (min-width: 480px) and (max-width: 567px)  {
/* flex */

.product__info-row{
flex-direction: column;
}

.product__info_button {
justify-content: space-between;
}

.product__info_flex {
gap: 0;
}

/* flex finsish */

/* width */
.product__info-blog, .product__info_input {
width: 100%;
}

.product__info-slider {
width: 77%;
}

.product__info_button form, .product__info_btn {
width: 50%;
}

.product__info_left-slider {
width: 20%;
}

.product__left-slider-item {
max-width: 90px !important;
}

/* width finsish */

/* height */

.product_modal_dialog {
height: 100vh;
}

.product__info-slider-item img {
height: 260px;
}

.product__info_btn, .product__info_input {
height: 50px;
}

/* height finsish */

/* active */

/* active finsish */

/* position */

.shop__address_row {
overflow-x: scroll;
}

.shop__table_thead tr th:nth-child(1), .shop__table_tbody tr td:nth-child(1) {
position: sticky;
left: 0px;
z-index: 100;
white-space: initial;
background: white;
}

.shop__table_tbody tr td, .shop__table_thead tr th {
white-space: nowrap;
font-weight: 500;
}

/* position finsish */

/* font-size */

.shop__table_thead tr th, .shop__table_tbody tr td {
text-align: center;
}

.product__info-title, .product-blog-title {
font-size: 20px;
}

.product__info_input, .product__info_btn {
font-size: 16px;
}

.shop__table_thead tr th, .shop__table_tbody tr td {
font-size: 14px;
}

/* font-size finsish */

/* padding */

.product__info_input, .product__info_btn {
    padding: 10px 35px;
}

/* padding finsish */

/* margin */


/* margin finsish */

}

@media (min-width: 320px) and (max-width: 479px)  {

/* flex */

.product__info-row{
flex-direction: column;
}

.product_info_header {
flex-direction: column-reverse;
}

.product__info_button, .slider_discount_prise {
justify-content: space-between;
}

.product__info_flex, .product_info_header {
gap: 0;
}

.slider_discount_prise {
gap: 2px;
}

/* flex finsish */

/* width */
.product__info-blog, .product__info_input {
width: 100%;
}

.product__info-slider {
width: 77%;
}

.product__info_btn, .product__info_button form {
width: 50%;
}

.product__info_left-slider {
width: 20%;
}

.product__left-slider-item {
max-width: 90px !important;
}

/* width finsish */

/* height */

.product_modal_dialog {
height: 100vh;
}

.product__info-slider-item img {
height: 185px;
}

.product__info_btn, .product__info_input {
height: 40px;
}

/* height finsish */

/* active */

/* active finsish */

/* position */

.shop__address_row {
overflow-x: scroll;
}

.shop__table_thead tr th:nth-child(1), .shop__table_tbody tr td:nth-child(1) {
position: sticky;
left: 0px;
z-index: 100;
white-space: initial;
background: white;
}

.shop__table_tbody tr td, .shop__table_thead tr th {
white-space: nowrap;
font-weight: 500;
}

/* position finsish */

/* font-size */

.shop__table_thead tr th, .shop__table_tbody tr td {
text-align: center;
}

.product__info-title, .product-blog-title {
font-size: 16px;
}

.product__info_input, .product__info_btn, 
.product-blog-title, .shop__address_title{
font-size: 16px;
} 

.product-slider-prise span {
font-size: 15px;
}

.shop__table_thead tr th, .shop__table_tbody tr td, .product_heart_text {
font-size: 14px;
}

.breadcrums-item a {
font-size: 11px;
}
   
.discount_prise_value {
font-size: 10px;
}



/* font-size finsish */

/* padding */

.product__info_input, .product__info_btn {
padding: 0px 35px;
}

.product__left-slider-img  {
padding: 6px;
}

.product-slider-item {
padding-left: 5px;
padding-right: 5px;
}

/* padding finsish */

/* margin */


/* margin finsish */


}

.fullbasket {
min-height: 800px;
margin-top: 30px;
}

.fullbasket_left_flex {
display: flex;
align-items: center;
justify-content: space-between;
}

.fullbasket_title {
font-weight: 500;
font-size: 24px;
opacity: .87;
}

.fullbasket_title span {
opacity: .54;
}




.fullbasket__content {
display: flex;
justify-content: space-between;
gap: 20px;
margin-bottom: 30px;
}

.fullbasket_left {
width: 65%;
}

.fullbasket_right {
width: 35%;
}

.fullbasket_item_content {
border: 1px solid rgba(118,121,127,0.2);
padding: 12px;
}

.fullbasket_item_top {
display: flex;
align-items: center;
justify-content: space-between;

}
.fullbasket_item_top_left {
display: flex;
align-items: center;
gap: 20px;
}

.fullbasket_filial_flex {
display: flex;
align-items: center;
gap: 20px;
}





.fullbasket_flex {
display: flex;
justify-content: space-between;
gap: 20px;
margin-top: 10px;
}

.fullbasket_modal_flex {
display: flex;
align-items: center;
gap: 15px;
padding: 15px;
}

.fullbasket_filial_list {
padding: 10px;
}

.filial_item {
font-size: 16px;
color: #757575;
}

.fullbasket_item_left {
width: 20%;
}

.fullbasket_item_center {
width: 80%;
}

.fullbasket_item_bottom {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 10px;
}

.fullbasket_item_relative {
position: relative;
max-width: 160px;
width: 100%;
height: 170px;
}

.fullbasket_item_img {
position: absolute;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}

.fullbasket_item_img img{
object-fit: contain;
transition: opacity 300ms ease-in-out 0s;
opacity: 1;
width: 100%;
height: 100%;
}

.fullbasket_item_name {
font-size: 20px;
font-weight: 600;
}

.fullbasket_amount {
width: 100%;
gap: 60px;
}

.full_modal_amount_prise {
color: #757575;
font-size: 14px;
}

.fullbasket_item_delete {
display: flex;
justify-content: flex-end;
}

.fullbasket_item_btn {
display: flex;
align-items: center;
gap: 10px;
background: transparent;
opacity: .54;
transition: 0.2s ease;
}

.fullbasket_item_btn i {
font-size: 20px;
}

.fullbasket_item_btn:hover {
opacity: 1;
transition: 0.2s ease;
}

.fullbasket_item_value {
font-weight: 500;
text-align: end;
margin-top: 0px;
font-size: 20px;
}

.price1_product, .price2_product {
display: none;
}

.fullbasket_right_content {
border: 1px solid rgba(118,121,127,0.2);
padding: 12px;
}

.fullbasket_right_title {
font-size: 18px;
color: #212121; 
margin-bottom: 5px;
font-weight: 500;
}

.fullbasket_amount_total {
display: flex;
align-items: center;
justify-content: space-between;
color: #212121;
font-size: 16px;
}

.fullbasket_amount {
color: #212121;
font-size: 16px;
}

.fullbasket_amount_total {
margin-top: 20px;
}

.fullbasket_amount_value {
font-weight: 600;
font-size: 20px;
}

.fullbasket_amount_button {
margin-top: 30px;
}

.fullbasket_amount_button input, .mob_tota_button input{
font-size: 16px;
line-height: 20px;
font-weight: 500;
text-align: center;
border-radius: var(--border-px);
width: 100%;
height: 44px;
padding: 0 14px;
background: var(--design-bg);
color: white;
border: none;
transition: 0.2s ease;
}

.fullbasket_amount_button input:hover, .mob_tota_button input:hover {
opacity: 0.8;
transition: 0.2s ease;
}


.address_flex {
position: relative;
display: flex;
align-items: center;
}

.address_flex_input {
max-width: 216px;
}

.fullbasket_tabs_info .fullbasket_amount-prise {
display: none;
}

.fullbasket_amount_tabs, .fullbasket_modal_tab {
display: inline-flex;
align-items: center;
border: 1px solid rgba(118,121,127,0.2);
}

.fullbasket_tabs_link, .full_modal_tab_link {
position: relative;
padding: 5px 10px;
cursor: pointer;
display: flex;
align-items: center;
}

.fullbasket_right_flex {
display: flex;
gap: 20px;
}

.fullbasket_right_flex  {
align-items: center;
justify-content: flex-end;
}

.fullbasket_item_amount, .fullbasket_checkbox_all {
display: flex;
align-items: center;
gap: 20px;
}

.fullbasket_amount_right {
display: flex;
justify-content: space-between;
gap: 10px;
}

.fullbasket_item_amount {
justify-content: flex-end;
}

.fullbasket_checkbox_all {
gap: 10px;
padding: 5px 12px;
}

.fullbasket_item_checkbox {
display: block;
}

.fullbasket_item_checkbox input, .fullbasket_checkbox_all input{
display: none;
}

.fullbasket_item_checkbox label, .fullbasket_checkbox_all label{
background: transparent;
border: 2px solid rgb(77 67 193);
border-radius: var(--border-px);
cursor: pointer;
height: 18px;
width: 18px;
display: flex;
align-items: center;
justify-content: center;
}

.fullbasket_item_checkbox label i , .fullbasket_checkbox_all label i{
display: none;
color: white;
font-size: 14px;
}

.fullbasket_item_checkbox input:checked + label i, #checkbox_all:checked +  label i {
display: block;
}

.fullbasket_item_mb_button {
display: none;
margin-top: 10px;
}

.fullbasket_checkbox_input:checked + label, #checkbox_all:checked + label {
background: #6e00ff;
border: 0;
}

@media (min-width: 576px) {
.fullbasket_modal_dialog {
max-width: 1000px !important;
}
}

.fullbasket_felial_modal {
background: var(--design-bg);
color: white;
display: inline-block;
padding: 5px 10px;
cursor: pointer;
margin-top: 10px;
}

.fullbasket_filial_flex {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
}

.fullbasket_modal_title {
font-size: 18px;
padding: 0px 10px;
font-weight: 600;
}

.fullbasket_filial_item {
margin-top: 15px;
cursor: pointer;
}

.fullbasket_filial_button {
display: flex;
align-items: center;
justify-content: end;
padding: 10px;

}

.fullbasket_filial_btn {
background: var(--design-bg);
color: white;
display: inline-block;
padding: 5px 10px;
cursor: pointer;
margin-left: auto;
border: none;
}

.delete_btn {
background: rgb(255, 0, 0) !important;
}

.modal_price1_product, .modal_price2_product {
display: none;
}

.fullbasket_felial_active input{
background: transparent;
border: none;
max-width: 30px;
width: 100%;
padding: 0px;
height: unset;
text-align: center;
}

.fullbasket_mob_total {
display: none;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 10px;
background: white;
border-top: 1px solid rgba(118,121,127,0.2);
}

.mob_total_flex {
display: flex;
align-items: center;
justify-content: space-between;
}

.mob_total_title {
font-size: 16px;
color: #757575;
}

.mob_total_value {
font-size: 20px;
font-weight: 600;
}

/* fullbasket ..... */

.ordering {
margin-top: 30px;
margin-bottom: 30px;
}

.ordering_title {
font-size: 24px;
font-weight: 600px;
}

.ordering_flex{
display: flex;
justify-content: space-between;
gap: 20px;
margin-top: 30px;
}

.ordering_left {
width: 70%;
}

.ordering_right {
width: 30%;
}


.ordering_info_title {
font-size: 20px;
font-weight: 600;
margin-top: 10px;
}

.ordering_list {
margin-top: 10px;
}

.ordering_item {
margin-bottom: 10px;
}

.ordering_item_title {
position: relative;
font-size: 14px;
color: black;
margin-bottom: 3px;
}

/* .ordering_item_title::after {
content: '*';
color: var(--design-bg);
} */

.ordering_row, .ordering_drop_info {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.ordering_row .ordering_item {
width: 48%;
}

.ordering_row .ordering_item:last-child, .ordering_drop_info  .ordering_item:last-child{
width: 100%;
}

.ordering_drop_info  .ordering_item {
width: 48%;  
}



.address_flex_submit {
height: 100%;
font-size: 16px;
line-height: 20px;
font-weight: 500;
height: 44px;
max-width: 120px !important;
width: 100%;
padding: 0 14px;
background: var(--design-bg);
color: white;
border: none;
transition: 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
}

.ordering_item_input input {
max-width: 100%;
width: 100%;
}

.ordering_drop_blog {
display: none;
}

.ordering_drop_button {
display: block;
padding: 5px;

}

.ordering_drop_link {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 5px;
cursor: pointer;
}

.ordering_drop_icon {
transition: 0.2s ease;
}

.ordering_drop_active .ordering_drop_icon {
transform: rotate(180deg);
transition: 0.2s ease;
}

.error_amount {
color: rgb(249, 8, 8);
font-size: 14px;
}

.mob_pay {
display: none;
}

.product_option_flex {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 10px;
}

.option_item {
padding: 5px 15px;
border: 1px solid var(--design-bg);
color: black;
cursor: pointer;
}

.product_option_title {
font-weight: 600;
color: black;

}

.option_item_active {
background: var(--design-bg);
color: white;
} 

@media (min-width: 768px) and (max-width: 1023px)  {
/* flex */

.fullbasket_amount_button {
display: none;
}

.fullbasket_mob_total {
display: block;
}

.fullbasket__content {
flex-direction: column;
}

/* flex finsish */

/* width */

.fullbasket_left, .fullbasket_right {
width: 100%;
}

/* width finsish */

/* height */

/* height finsish */

/* font-size */

.fullbasket_title {
font-size: 20px;
}

.fullbasket_item_name, .product__info_price_input span {
font-size: 18px;
}

.pay_check {
font-size: 16px;
}

/* font-size finsish */

/* padding */

/* padding finsish */

/* margin */

/* margin finsish */
}

@media (min-width: 568px) and (max-width: 767px)  {
/* flex */
.fullbasket_amount_button {
display: none;
}

.fullbasket_mob_total {
display: block;
}

.fullbasket__content {
flex-direction: column;
}

/* flex finsish */

/* width */

.fullbasket_item_left {
width: 40%;
}

.fullbasket_left, .fullbasket_right {
width: 100%;
}

/* width finsish */

/* height */

/* height finsish */

/* font-size */


.fullbasket_title {
font-size: 20px;
}

.ordering_info_title, .fullbasket_item_value, .fullbasket_amount_value {
font-size: 18px;
}

.fullbasket_item_name, .product__info_price_input span, .pay_check{
font-size: 16px;
}

.fullbasket_amount-prise {
font-size: 14px;
}

/* font-size finsish */

/* padding */

/* padding finsish */

/* margin */

/* margin finsish */
}

@media (min-width: 480px) and (max-width: 567px)  {
/* flex */
.fullbasket_amount_button, .mob_none {
display: none;
}

.fullbasket_mob_total, .mob_pay {
display: block;
}

.fullbasket__content {
flex-direction: column;
}

.fullbasket_flex {
gap: 10px;
}

/* flex finsish */

/* width */

.fullbasket_item_left {
width: 40%;
}

.fullbasket_left, .fullbasket_right, .fullbasket_amount_right{
width: 100%;
}

/* width finsish */

/* height */

/* height finsish */

/* position */

.discount_prise_percent {
position: absolute;
right: -35%;
top: 0;
}

/* position finsish */

/* font-size */


.fullbasket_title {
font-size: 20px;
}

.ordering_info_title, .fullbasket_item_value, .fullbasket_amount_value {
font-size: 18px;
}

.fullbasket_item_name, .product__info_price_input span, .pay_check{
font-size: 14px;
}

.fullbasket_amount-prise {
font-size: 14px;
}

/* font-size finsish */

/* padding */

/* padding finsish */

/* margin */

.product__info_oldprice {
margin: 0px;
}

/* margin finsish */
}

@media (min-width: 320px) and (max-width: 479px)  {
/* flex */
.fullbasket_amount_button, .fullbasket_tabs_link .discount_prise_percent, .fullbasket_item_modal_button, .mob_none {
display: none;
}

.fullbasket_mob_total, .fullbasket_item_mb_button, .mob_pay {
display: block;
}

.fullbasket_item_left {
display: flex;
}

.product__info_price_input {
flex-direction: column-reverse;
}

.fullbasket__content, .fullbasket_item_flex, .fullbasket_amount_right, .fullbasket_item_left, .fullbasket_modal_flex{
flex-direction: column;
}

.fullbasket_item_left {
justify-content: space-between;
}

.product__info_price_input {
align-items: unset;
}

.fullbasket_flex, .fullbasket_item_flex {
gap: 10px;
}

.product__info_price_input {
gap: 0;
}

/* flex finsish */

/* width */

.fullbasket_amount_right, .fullbasket_left, .fullbasket_right{
width: 100%;
}

.fullbasket_item_left, .fullbasket_filial_name {
width: 40%;
}

.fullbasket_item_center {
width: 60%;
}

.fullbasket_item_relative {
height: 140px;
}

/* width finsish */

/* height */

/* height finsish */

/* position */

.discount_prise_percent {
position: absolute;
right: 0%;
top: 0;
}

/* position finsish */

/* font-size */


.fullbasket_title {
font-size: 20px;
}

.ordering_info_title, .fullbasket_item_value, .fullbasket_amount_value {
font-size: 18px;
}

.fullbasket_title, .fullbasket_modal_title {
font-size: 16px;
}

.fullbasket_item_name, .product__info_price_input span,  .fullbasket_amount-prise, .pay_check, .fullbasket_felial_modal, .fullbasket_filial_name{
font-size: 14px;
}

/* font-size finsish */

/* padding */

/* padding finsish */

/* margin */

.product__info_oldprice, .fullbasket_felial_modal {
margin: 0px;
}


/* margin finsish */
}

