body{margin:0px; padding:0px; height:100%; min-height:1000px; background:#F5F4F3; background:#fff; font-weight: normal; font-size:14px; font-family: SFpro; } 
* { padding: 0; margin: 0; }
html, body, #fullheight { min-height: 100% !important;  height: 100%; }

a, .link{color:#c9938f;color:#34210d; color:#2F7E0B; color: #5f9f4d; text-decoration:underline; text-decoration:none; -moz-transition: color 0.1s 0.01s ease; -o-transition: color 0.1s 0.01s ease; -webkit-transition: color 0.1s 0.01s ease;cursor:pointer;} /*background-image: linear-gradient(to top,rgba(52, 33, 13, 0.3) 1px,transparent 1px) ;*/
a:hover, .link:hover{color:#34210d; color: #5f9f4d; text-decoration:none; cursor:pointer;} /* background:none;*/
a:visited { text-decoration:; }
a:active { text-decoration:; } 
.content a, .content .link{color:#2F7E0B; outline:none !important; border:0px !important;}
.content a:hover, .content .link:hover{color:#34210d;}

h1{ font-weight: 700; margin:0px; font-size: 52px; line-height: 54px; color: #424242;}
h2{ font-weight: 700; margin:0px; font-size: 24px; line-height: 30px; color: #424242; }
h3{ font-weight: 600; margin:0px; font-size: 18px; line-height: 20px; color: #424242;}
h4, h5, h6{ font-weight: 600; margin:0px; font-size: 16px; line-height: 18px; color:#424242;}


hr{background:#ece6da; height:2px; width:100%; border:0px; margin:10px 0px;}

table{table-layout: fixed; max-width:100%;}
table tr td{word-wrap:break-word;}
p{margin:10px 0px;}
img{max-width:100%;}

.clear{height:0px; width:100%; clear:both;}
.clear_left{height:0px; width:100%; clear:left;}
.spacer_half{height:5px; width:100%;}
.spacer{height:10px; width:100%;}
.spacer_2{height:20px; width:100%;}
.spacer_3{height:30px; width:100%;}
.spacer_4{height:40px; width:100%;}
.spacer_5{height:50px; width:100%;}
.spacer_6{height:60px; width:100%;}
.spacer_7{height:70px; width:100%;}
.spacer_8{height:80px; width:100%;}
.spacer_9{height:90px; width:100%;}
.spacer_10{height:100px; width:100%;}
.hidden{display:none ;}
.hidden_important{display:none !important;}
.visible_important{display:block !important;}
.fl{float:left;}
.fr{float:right;}
.center{text-align:center;}
.bold{font-weight:bold;}
.highlight{color:#cc3333 !important;}
.red_text{color:#dc6565;}
.green_text{color:#339933 !important;}
.grey_text{color:#7a7c87;}
.clarification{font-size:13px; line-height:15px; color:#777; font-style:italic;}

.padding0{padding:0px;} 
.no_bg{background:none !important;}
.screen_size{position:absolute; top:0px; left:0px; background:#efefef; padding:5px; border:1px solid #ccc;}

   .page{max-width:1200px;   margin:0 auto; }
 

/*  HEAD */
	.head{background:#fff;  }
	.head .page{border-bottom:1px solid #e1e2e5;  }
		.head_content{padding:0px 0px 0px 0px;}
	
	.header_line{display:flex;justify-content:space-between;align-items:center;padding:20px 0px;min-height:70px;}

	.header_left,
	.header_right{display:flex; align-items:center;}
	.header_left{gap:30px;}
	.header_right{ gap:7px;}

	.menu_btn{ position:relative; width:40px;  height:40px; background:#fff; border:none; border-radius:50%; cursor:pointer;  z-index:9;}
	.menu_btn::before{  content:''; position:absolute; left:11px; top:12px; width:18px;height:2px; background:#596a58;box-shadow: 0 6px #596a58, 0 12px #596a58;}
 
	
	.logo{width:160px;}	
		
		
	.search_btn{background:#fff url(/img/search.svg) center center no-repeat; background-size:20px; cursor:pointer; border-radius:40px; line-height:40px; height:40px; width:40px;}
	.search_btn:hover{ }
	.call_btn{background:#fff url(/img/call.svg) center center no-repeat; background-size:20px; cursor:pointer; border-radius:40px; line-height:40px; height:40px; width:40px;}
	.call_btn:hover{ }
	.fav_btn{background:#fff url(/img/star.svg) center center no-repeat; background-size:20px; cursor:pointer; border-radius:40px; line-height:40px; height:40px; width:40px;}
	.fav_btn:hover{	 }
	.basket_btn{background:#fff url(/img/bag.svg) 14px center no-repeat; background-size:22px; color:#424242; font-weight:500; text-align:right; cursor:pointer; border-radius:22px; line-height:40px; padding-right:14px; height:40px; width:40px;}
	.basket_btn:hover{}
	.cabinet_btn{background: url(/img/profile.svg) center center no-repeat;   background-size:20px; cursor:pointer; border-radius:40px; line-height:40px; height:40px; width:40px;}
	.cabinet_btn:hover{	 }		
	 
.menu_btn{
    position:relative;
    width:40px;
    height:40px;
    border:0;
    background:#fff;
    border-radius:50%;
}

.menu_btn::before{
    content:"";
    position:absolute;
    left:11px;
    top:12px;
    width:18px;
    height:2px;
    background:#596a58;
    box-shadow:
        0 6px #596a58,
        0 12px #596a58;
}


.mob_menu{
    width:100%!important;
    background:#F8F8F8;
}

.mob_menu_header{
    background:#fff;
    padding:18px 20px;
    border-bottom:1px solid #fefefe;
}

.mob_menu_logo{
    width:130px;
	margin:0 auto;
}

.mob_menu .btn-close{
    filter:invert(1);
    opacity:1;
}

.mob_menu .offcanvas-body{
    padding:20px;
}

/* -------------------- */
/* Language */
/* -------------------- */
.language_dropdown{
    margin-bottom:18px;
}

.language_button{
    display:flex;
    align-items:center;
    gap:8px;

    padding:8px 14px;
    border:none;
    border-radius:999px;

    background:#f3f5f2;
    color:#555;

    font-size:14px;
    font-weight:600;

    transition:.2s;
}

.language_button:hover,
.language_button:focus{
    background:#eef7e8;
    color:#78a55e;
    box-shadow:none;
}

.language_button::after{
    margin-left:2px;
}

.language_menu{

    width:100%;

    margin-top:8px;

    padding:8px;

    border:none;

    border-radius:18px;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.language_menu .dropdown-item{

    display:flex;

    align-items:center;

    gap:12px;

    padding:10px 14px;

    border-radius:12px;

    color:#424242;

}

.language_menu .dropdown-item img{

    width:18px;

}

.language_menu .dropdown-item:hover{

    background:#F8F8F8;

    color:#78a55e;

}

/* -------------------- */
/* Cabinet */
/* -------------------- */

.mob_account_btn{

    display:flex;

    justify-content:center;

    align-items:center;

    height:48px;

    margin-bottom:28px;

    background:#78a55e;

    border-radius:24px;

    color:#fff;

    font-weight:600;

    text-decoration:none;

    transition:.2s;

}

.mob_account_btn:hover{

    color:#fff;

    background:#628b4a;

}

/* -------------------- */
/* Menu */
/* -------------------- */
.mob_menu_nav{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    
}

.mobile_menu_item{
    border-bottom:1px solid #efefef;
}

.mobile_menu_item:last-child{
    border-bottom:none;
}

.mob_menu_nav a{
    display:flex;
    justify-content:space-between;
    align-items:center;

    min-height:56px;
    padding:0 10px;

    text-decoration:none;
    color:#424242;
    transition:.2s;
}

.mob_menu_nav a::after{
    content:"";
    width:8px;
    height:8px;
    border-top:2px solid #bbb;
    border-right:2px solid #bbb;
    transform:rotate(45deg);
}

.mob_menu_nav a:hover{
    background:#f8fbf5;
    color:#78a55e;
}

/* -------------------- */
/* Phones */
/* -------------------- */

    
	.mob_menu_contacts{
    margin-top:24px;
    background:#fff;
    
    overflow:hidden;
   
}

.mobmenu_phone{
    display:flex;
    align-items:center;
    gap:14px;

    padding:16px 10px;

    border-bottom:1px solid #f1f1f1;
    transition:.25s;
}

.mobmenu_phone:last-child{
    border-bottom:none;
}

.mobmenu_phone:hover{
    background:#f8fbf5;
}

.mobmenu_number_icon{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#eef7e8;

    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;
}

.mobmenu_number_icon svg{
    width:18px;
    height:18px;
    fill:#78a55e;
}

.mobmenu_number{
    display:flex;
    flex-direction:column;
}

.mobmenu_number span{
    font-size:12px;
    color:#999;
    margin-bottom:2px;
}

.mobmenu_number a{
    color:#333;
    font-size:17px;
    font-weight:600;
    text-decoration:none;
    transition:.2s;
}

.mobmenu_phone:hover a{
    color:#78a55e;
}  
/* =========================
   HEAD MENU CONTENT
   тільки меню всередині .head_menu_content
   ========================= */

.head_menu_content {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 40px;
}

/* головний список */
.head_menu_content .menu_desktop {
    display: flex;
    align-items: center;
    gap: 34px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* пункт меню */
.head_menu_content .menu_desktop > li {
    position: relative;
    list-style: none;
}

/* посилання верхнього рівня */
.head_menu_content .menu_desktop > li > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 8px 0;
    text-decoration: none;
    color: #595959;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    transition: color .2s ease;
    white-space: nowrap;
}

/* текст в span */
.head_menu_content .menu_desktop > li > a span {
    display: inline-block;
}

/* underline hover / active */
.head_menu_content .menu_desktop > li > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 0;
    height: 1px;
    background: #595959;
    transition: width .25s ease;
}

.head_menu_content .menu_desktop > li:hover > a::after,
.head_menu_content .menu_desktop > li.menu_current > a::after,
.head_menu_content .menu_desktop > li.current > a::after,
.head_menu_content .menu_desktop > li.active > a::after {
    width: 100%;
}

.head_menu_content .menu_desktop > li:hover > a,
.head_menu_content .menu_desktop > li.menu_current > a,
.head_menu_content .menu_desktop > li.current > a,
.head_menu_content .menu_desktop > li.active > a {
    color: #111;
}

/* =========================
   DROPDOWN
   ========================= */

/* підменю */
.head_menu_content .menu_desktop > li > ul {
    position: absolute;
    top: calc(100% + 20px);
    left: 0;
    z-index: 50;

    min-width: 260px;
    margin: 0;
    padding: 12px 0;
    list-style: none;

    background: #fff;
    border: 1px solid #ececec;
    border-radius: 0px 0px 16px 16px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);

    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
}

/* показ dropdown по hover */
.head_menu_content .menu_desktop > li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* невелика "зона мостик", щоб меню не зникало при переході курсора */
.head_menu_content .menu_desktop > li > ul::before {
    content: "";
    position: absolute;
    left: 0;
    top: -14px;
    width: 100%;
    height: 14px;
}

/* елемент підменю */
.head_menu_content .menu_desktop > li > ul > li {
    list-style: none;
    position: relative;
}

/* лінк підменю */
.head_menu_content .menu_desktop > li > ul > li > a {
    display: block;
    padding: 11px 20px;
    color: #2f2f2f;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.35;
    transition: background .2s ease, color .2s ease;
}

/* hover для підменю */
.head_menu_content .menu_desktop > li > ul > li:hover > a {
    background: #f7f7f7;
    color: #111;
}

/* опціональна риска між пунктами */
.head_menu_content .menu_desktop > li > ul > li.menu_border > a {
    border-bottom: 1px solid #efefef;
}

/* якщо останній пункт має border — прибираємо */
.head_menu_content .menu_desktop > li > ul > li:last-child > a {
    border-bottom: none;
}

/* =========================
   якщо є вкладені UL другого рівня
   ========================= */

.head_menu_content .menu_desktop > li > ul > li > ul {
    position: absolute;
    top: 0;
    left: calc(100% + 10px);
    min-width: 240px;
    margin: 0;
    padding: 12px 0;
    list-style: none;

    background: #fff;
    border: 1px solid #ececec;
    border-radius: 16px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);

    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
}

.head_menu_content .menu_desktop > li > ul > li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.head_menu_content .menu_desktop > li > ul > li > ul > li {
    list-style: none;
}

.head_menu_content .menu_desktop > li > ul > li > ul > li > a {
    display: block;
    padding: 11px 20px;
    color: #2f2f2f;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.35;
    transition: background .2s ease, color .2s ease;
}

.head_menu_content .menu_desktop > li > ul > li > ul > li:hover > a {
    background: #f7f7f7;
    color: #111;
}

/* =========================
   маленька стрілка для пунктів з підменю
   ========================= */

.head_menu_content .menu_desktop > li:has(> ul) > a {
    padding-right: 16px;
}

.head_menu_content .menu_desktop > li:has(> ul) > a::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid #666;
    border-bottom: 1.5px solid #666;
    transform: translateY(-65%) rotate(45deg);
    transition: transform .2s ease, border-color .2s ease;
}

.head_menu_content .menu_desktop > li:hover:has(> ul) > a::before {
        transform: rotate(225deg);
    border-color: #111;
}

/* стрілка вправо для другого рівня */
.head_menu_content .menu_desktop > li > ul > li:has(> ul) > a {
    position: relative;
    padding-right: 34px;
}

.head_menu_content .menu_desktop > li > ul > li:has(> ul) > a::after {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-top: 1.5px solid #666;
    border-right: 1.5px solid #666;
    transform: translateY(-50%) rotate(45deg);
}

/* =========================
   адаптація під ширину хедера
   ========================= */

@media (max-width: 1400px) {
    .head_menu_content {
        margin-left: 28px;
    }

    .head_menu_content .menu_desktop {
        gap: 24px;
    }

    .head_menu_content .menu_desktop > li > a {
        font-size: 15px;
    }
}

@media (max-width: 1200px) {
    .head_menu_content {
        margin-left: 20px;
    }

    .head_menu_content .menu_desktop {
        gap: 18px;
    }

    .head_menu_content .menu_desktop > li > a {
        font-size: 13px;
    }
}







/* index product card */
.view_all_link{line-height:28px;} 

.product_card {
    position: relative;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 22px;
    overflow: hidden;
    height: 100%;
    transition: .2s ease;
	
}

.product_card:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
	border:1px solid #9ed65a;
	 
   /* transform: translateY(-2px);*/
}

.product_card_badge {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;

    padding: 6px 14px;
    border-radius: 30px;

    background: #fff;
    color: #5f9f4d;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

.product_card_image {
    display: block;
    aspect-ratio: 1 / 0.75;
    /* aspect-ratio: 1 / 1.25;*/ 
    background: #f5f5f5;
}

.product_card_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.product_card_body {
    padding: 14px;
}

.product_card_title {
    margin: 0 0 15px;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;
}

.product_card_title a {
    color: #222;
    text-decoration: none;
}

.product_card_title a:hover {
    color: #5f9f4d;
}

.product_card_meta {
    margin-bottom: 15px;
    color: #777;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
}

.product_card_meta strong {
    color: #444;
    font-weight: 300;
	text-align:right;
	float:right;
}

.product_card_bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
}

.product_card_price {
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    color: #111;
}

.product_card_status {
    margin-top: 6px;
    font-size: 13px;
    color: #5f9f4d;
    font-weight: 500;
}

.product_card_actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Обране */

.product_card_favorite {
    width: 42px;
    height: 42px;
    flex-shrink: 0;

    border: 1px solid #e5e5e5;
    border-radius: 22px;
    cursor: pointer;

    background: #fff url(/img/star.svg) center center no-repeat;
    background-size: 22px;

    transition: .2s ease;
}

.product_card_favorite:hover {
    border-color: #d4d4d4;
    transform: translateY(-1px);
}

/* Купити */

.product_card_buy {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    height: 42px;
    padding: 0 16px;

    border: 0;
    border-radius: 22px;

    background: #78a55e;
    color: #fff;

    font-size: 14px;
    font-weight: 600;
    cursor: pointer;

    transition: .2s ease;
}

.product_card_buy:hover {
    background: #8cc84a;
}

.product_card_buy:active {
    transform: translateY(1px);
}

.product_card_buy_icon {
    display: block;
    background: url(/img/bag_white.svg) center center no-repeat;
    background-size: 22px;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}

/* Мобільна адаптація для col-6 */

@media (max-width: 767px) {

    .product_card_body {
        padding: 12px;
    }

    .product_card_title {
        font-size: 15px;
        min-height: 38px;
		margin:0px;
    }

    .product_card_meta {
        font-size: 12px;
        margin-bottom: 12px;
    }

    .product_card_price {
        font-size: 22px;
    }

    .product_card_bottom {
        flex-direction: column;
        align-items: stretch;
    }

    .product_card_actions {
        width: 100%;
        margin-top: 10px;
    }

    .product_card_buy {
        flex: 1;
    }
}
@media (min-width: 992px) {
    .product_card_buy {
        padding: 0 12px;
        font-size: 13px;
    }

    .product_card_price {
        font-size: 18px;
    }
}










.navigation{margin:20px 0px 10px 0px; padding:0px 0px 10px 0px;  color:#8e8e8e;}
	.navigation a{color:#8e8e8e;}
	.navigation a:hover{}
	.navigation img{width:12px; position:relative; top:-1px;}
 

	.content_title{font-weight:600; font-size:22px; color:#424242;}
	
	
/* CATALOG */
.catalog_tags_holder{gap:6px;}
	.catalog_tags {flex: 0 0 auto; white-space: nowrap;cursor: pointer;background: #fff;border: 1px solid #D8D8D8; color:#8E8E8E;border-radius: 12px;padding: 0 12px;line-height: 35px;display: flex;align-items: center;gap: 12px; }
	.catalog_tag_active, .catalog_tags:hover {background: #78a55e;border: 1px solid #78a55e; color:#fff;}
.sort_dropdown {
    position: relative;
    display: inline-block;
	
}
#filter_holder{display:none;}
.catalog_right_filter{gap:10px;}

/* Кнопка */
.catalog_sort_holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    padding: 0px 36px 0px 12px;
	line-height:35px;
    background: ;
    border: 1px solid #e5e5e5;
    border-radius: 12px;

    cursor: pointer;
    white-space: nowrap;
    color: #424242;

    position: relative;
}

/* стрілка */
.sort_arrow {
    width: 16px;
    height: 16px;
    background: url(/img/arrow_bottom.svg) no-repeat center;
    position: absolute;
    right: 12px;
}

/* меню (сховане) */
.sort_menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;

    background: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;

    min-width: 220px;

    display: none;
    flex-direction: column;

    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    overflow: hidden;
    z-index: 100;
}

/* елементи */
.sort_item {
    padding: 10px 14px;
    cursor: pointer;
    color: #333;
    transition: 0.2s;
}

.sort_item:hover {
    background: #f2f2f2;
}

/* показ меню */
.sort_dropdown.active .sort_menu {
    display: flex;
}





 

.filter{
    width:100%;
}

/* =======================
   PRICE
======================= */

.filter-price{
    background:#1d1d1f;
    border-radius:30px;
    padding:7px 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px;
}

.filter-price__title{
    color:#fff;
    font-size:14px;
    font-weight:600;
}

.filter-price__switch{
    display:flex;
    gap:4px;
}

.filter-price__switch input{
    display:none;
}

.filter-price__switch span{
    width:42px;
    height:25px;
    border-radius:12px;
    background:#fff;
    color:#8E8E8E;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-weight:400;
}

.filter-price__switch input:checked + span{
    background:#ef3737;
    color:#fff;
}

/* =======================
   BOX
======================= */

.filter-box{
    background:#fff;
    border-radius:8px;
    overflow:hidden;
    margin-bottom:25px;
}

.filter-availability{
    background:#1d1d1f;
    color:#fff;
    padding:9px 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

/* toggle */

.switch{
    position:relative;
    width:36px;
    height:20px;
	
}

.switch input{
    display:none;
}

.slider{
    position:absolute;
    inset:0;
    background:#fff;
    border-radius:30px;
    cursor:pointer;
	border:1px solid #535353;
}

.slider:before{
    content:'';
    position:absolute;
    width:16px;
    height:16px;
    left:2px;
    top:1px;
    background:#1d1d1f;
    border-radius:50%;
    transition:.3s;
}

.switch input:checked + .slider:before{
    transform:translateX(15px);
}

/* categories */

.filter-category{
    padding:0 25px;
}

.filter-category__head{
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #ececec;
    cursor:pointer;
    font-size:14px;
	color:#8E8E8E;
	font-weight:500;
}

.filter-category__body{
    display:none;
    padding:0px 0;
	
}

/* =======================
   SECTIONS
======================= */

.filter{
    margin-top:-10px;
     
}

.filter-section__title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:14px;
    font-weight:700;
    color:#343339;
    padding:10px 0px 10px 0px;
}

.filter-section:not(:last-child){
    border-bottom:1px solid #e5e5e5;
}

/* =======================
   TAGS
======================= */

.filter-tags{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
}

.filter-tags button{
    min-width:40px;
    height:24px;
    border-radius:12px;
    border:1px solid #78a55e;
    background:#fff;
    color:#8E8E8E;
    cursor:pointer; 
}

.filter-tags button.active{
    background:#accd54;
    color:#fff;
    border-color:#accd54;
}
.filter-tags-color{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}
.filter-tags-color button{
    width:24px;
    height:24px;
    border-radius:2px;
    border:1px solid #eeeff1;
    background:#;
    color:#;
    cursor:pointer; 
}

/* =======================
   CHECKBOXES
======================= */

.filter-checkboxes{
    display:flex;
    flex-direction:column;
    gap:4px;
	color:#66666a;
	 
}

.checkbox{
    display:flex;
    align-items:center;
    gap:14px;
    cursor:pointer;
    font-size:14px;
}

.checkbox input{
    display:none;
}

.checkbox span{
    width:19px;
    height:20px;
    border:2px solid #eeeff1;
    border-radius:3px;
    position:relative;
}

.checkbox input:checked + span{
    background:#accd54;
    border-color:#accd54;
}

.checkbox input:checked + span:after{
    content:'✓';
    position:absolute;
    left:2px;
    top:-3px;
    color:#fff;
    font-size:14px;
}



.filter_plus {
    position: relative;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin-left: auto;
}

.filter_plus:before,
.filter_plus:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #444444;
    transform: translate(-50%, -50%);
    
}



 
.filter_range_slider{
    position:relative;
    height:40px;
}
.filter_range_values{display:none;}
.filter_range_track,
.filter_range_range{
    position:absolute;
    left:0;
    right:0;
    top:18px;
    height:4px;
    border-radius:2px;
}

.filter_range_track{
    background:#ccc;
}

.filter_range_range{
    background:#9ed65a;
    right:auto;
    width:0;
}

.filter_range_slider input[type=range]{
    position:absolute;
    left:0;
    top:12px;
    width:100%;
    margin:0;
    background:none;
    pointer-events:none;
    -webkit-appearance:none;
    appearance:none;
}

.filter_range_slider input::-webkit-slider-thumb{
    -webkit-appearance:none;
    width:16px;
    height:16px;
    border-radius:50%;
    background:#fff;
    border:2px solid #accd54;
    cursor:pointer;
    pointer-events:auto;
}

.filter_range_slider input::-moz-range-thumb{
    width:16px;
    height:16px;
    border-radius:50%;
    background:#fff;
    border:2px solid #accd54;
    cursor:pointer;
    pointer-events:auto;
}

.filter_range_slider input::-webkit-slider-runnable-track{
    background:transparent;
}

.filter_range_slider input::-moz-range-track{
    background:transparent;
}

.range_label{
    position:absolute;
    top:-15px;
    transform:translateX(-50%);
    background:#dcdcdc;
    color:#242424;
    font-size:12px;
    padding:2px 6px;
    border-radius:4px;
    white-space:nowrap;
} 









/* Горизонтальна лінія */
.filter_plus:before {
    width: 12px;
    height: 2px;
}

/* Вертикальна лінія */
.filter_plus:after {
    width: 2px;
    height: 12px;
}

/* При відкритті залишається тільки мінус */
.filter-section__title.active .filter_plus:after {
    opacity: 0;
}

/* =======================
   ARROWS
======================= */

.arrow{
    width:16px;
    height:16px;
    background:url('/img/arrow_bottom.svg') center center no-repeat;
    background-size:contain;
    flex-shrink:0;
}

.arrow-up{
    transform:rotate(180deg);
}






.catalog_product:hover {
	box-shadow: 0 4px 4px -4px #0C0C0D0D, 0 16px 16px -8px #0C0C0D1A;
}
.catalog_product {
    position: relative;
    width: 100%;
    background: #fff;
    border: 1px solid #78a55e;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
 
}

.product_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.product_stock {
    display: flex;
    align-items: center;
    gap: 2px; 
    color: #424242;
}

.dot {
    width: 8px;
    height: 8px;
	margin-top:3px;
    background: #8bc34a;
    border-radius: 50%;
}
.dot_available{background:#8CD12C;}

.product_badges {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.badge {
    padding: 4px 12px;
    border: 1px solid #8CD12C;
    border-radius: 12px;
    color: #8CD12C;
    font-size: 14px; 
	font-weight:400;
    text-align: center;
}

.product_favorite_btn {
    position: absolute;
    left: 20px;
    top: 45px;
    border: none;
    background: url(/img/star_yellow.svg) center center no-repeat;
	background-size:22px;
	width:22px; 
	height:22px;
    color: #f5b400;
    font-size: 26px;
    cursor: pointer;
}

.product_img {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 180px;
}

.product_img img {
    max-width: 100%;
    max-height: 160px;
    object-fit: contain;
}

.product_purchase {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.product_price {
    font-size: 16px;
    font-weight: 600;
    color: #424242;
}

.product_buy_btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 20px;
    background: #fff;
    border: 1px solid #78a55e;
    border-radius: 22px;
    color: #78a55e;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: .2s;
}

.product_buy_btn:hover {
    background: #78a55e;
    color: #fff;
}

.product_buy_icon {
   background:url(/img/bag_red.svg);
   background-size:22px;
   width:22px;
   height:22px;
   transition: .2s;
}
.product_buy_btn:hover .product_buy_icon {
   background:url(/img/bag_white.svg);
   background-size:22px;
   width:22px;
   height:22px; 
}

.product_title {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #78a55e;
    font-size: 14px;
    line-height: 1.3;
    color: #424242;
    font-weight: 600;
	height:45px; overflow:hidden;
}

.product_title a{  color: #424242; }

.product_description{font-size:12px; font-weight:500; color:#8E8E8E; max-height:45px; overflow:hidden;}


/* ITEM VIEW */	
.item_main_img_holder{position:relative; border:1px solid #efefef; width:100%; min-height:250px;  border-radius:22px; overflow:hidden;  }
	.item_main_img{ background:#fff url(/img/nophoto.png) center center no-repeat; width:100%; min-height:250px; padding:0px;  }
	.item_main_img_holder img{ cursor:pointer; border-radius:3px; width:100%; }
	
	
	
.product_view{
    color:#424242;
}
.product_view .product_badges{display: inline; gap:15px;}
/* ---------- TITLE ---------- */

.product_view_title{
    margin:0px 0px;
    font-size:24px;
    font-weight:600;
    line-height:1.2;
}

.product_view_brand{
    margin-bottom:24px; 
    color:#8E8E8E;
}

.product_view_brand span{
    color:#424242;
    font-weight:600;
}

/* ---------- PRICE ---------- */

.product_view_price_row{
    display:flex;
    align-items:center;
    gap:24px;
    
}

.product_view_price{
    display:flex;
    align-items:center;
    gap:3px;
    padding:7px 14px;
	padding:0;
    border:0px solid #78a55e;
    border-radius:22px;
    background:#fff;
}

.product_view_price_value{
    font-size:30px;
    font-weight:600;
    line-height:1;
}

.product_view_price_star{
    color:#78a55e;
    font-size:20px;
    font-weight:600;
}

.product_view_price_unit{
    font-size:26px;
    font-weight:400;
	color:#424242;
}

.product_view_price_kg{
    font-size:28px;
    line-height:1;
}

.product_view_favorite_btn{
    margin-left:auto;
    border-color:#F2B01E;
    color:#F2B01E;
}

.product_view_favorite_btn:hover{
    background:#F2B01E;
    color:#fff;
}
.product_view_favorite_btn:hover .product_view_favorite_icon{
   background:url(/img/star_white.svg);
}

.product_view_favorite_icon{
    width:22px;
    height:22px;  
	background:url(/img/star_yellow.svg);
	background-size:22px; 
}

/* ---------- INFO ---------- */

.product_view_info{
    font-size:16px;
    line-height:1.8;
	color:#424242;
}

.product_view_info p{
    margin:0;
}

.product_view_notice{
    color:#78a55e;
    font-size:16px;
}
 
/* ---------- ACTIONS ---------- */

.product_view_actions{
    display:flex;
    justify-content:space-between;
    align-items:center; 
}

/* ---------- COUNTER ---------- */

.product_view_counter{
    display:flex;
    align-items:center;
    gap:5px;
	border-radius:22px;
	background:#F8F8F8;
	border:0px solid #78a55e;
	padding:5px;
}

.product_view_counter_btn{
    width:32px;
    height:32px;
    border:none;
    border-radius:50%;
    background:#F1F1F1;
    font-size:16px;
    cursor:pointer;
}

.product_view_counter_btn_minus{
    background:#fff;
    color:#424242;
	border:1px solid #78a55e;
}
.product_view_counter_btn_plus{
    background:#78a55e;
    color:#fff;
}
.product_view_counter_btn_plus:hover{
    background:#8cc84a;
}

.product_view_counter_value{
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
	text-align:center;
    justify-content:center;
    border-radius:50%;
    background:#;
	border:1px solid #D6D6D6;
    font-size:16px;
    font-weight:600;
	color:#424242; 
	margin: 0px 3px;
}

/* ---------- BUY BUTTON ---------- */

.product_view_buy_btn{
    background:#78a55e;
    border-color:#78a55e;
    color:#fff;
}

.product_view_buy_btn:hover{
    /*opacity:.9;*/
	background:#8cc84a;
}

.product_view_buy_btn .product_buy_icon{
	background:url(/img/bag_white.svg);
	
}

.product_view_text{color:#8E8E8E; line-height:22px;}




.product_specs{
    background:#fff;
    border:1px solid #ECECEC;
    border-radius:18px;
    padding:30px;
}

.product_spec{
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:38px;
    border-bottom:1px solid #F3F3F3;
    gap:20px;
}

.product_spec_name{
    display:flex;
    align-items:center;
    gap:10px;
    color:#8E8E8E;
    font-size:15px;
}

.product_spec_name i{
    color:#78A55E;
    font-size:17px;
    width:18px;
    text-align:center;
}

.product_spec_value{
    text-align:right;
    font-size:15px;
    font-weight:600;
    color:#424242;
}

.product_color{
    width:16px;
    height:16px;
    border-radius:50%;
    border:1px solid #DDD;
    display:inline-block;
}

@media(max-width:767px){

    .product_specs{
        padding:20px;
    }

    .product_spec{
        min-height:52px;
    }

    .product_spec_name{
        font-size:14px;
    }

    .product_spec_value{
        font-size:14px;
    }

}


.product_view_tabs{
    display:flex;
    gap:20px;
    border-bottom:1px solid #E5E5E5;
}

.product_view_tab{
    position:relative;
    padding:0 0 12px;
    background:none;
    border:none;
    cursor:pointer;

    font-size:16px;
    font-weight:600;
    color:#424242;

    transition:.2s;
}

.product_view_tab:hover{
    color:#78a55e;
}

.product_view_tab.active{
    color:#78a55e;
    font-weight:600;
}

.product_view_tab.active::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-1px;

    width:100%;
    height:2px;

    background:#78a55e;
}

.product_view_tab_content{
    padding:30px 0;
}

.product_view_tab_panel{
    display:none;
}

.product_view_tab_panel.active{
    display:block;
}



.product_related_table{
    --bs-table-bg:transparent;
    margin:0;
}

.product_related_table th{
    font-size:14px;
    font-weight:600;
    color:#777;
    border-bottom:2px solid #ececec;
    white-space:nowrap;
}

.product_related_table td{
    vertical-align:middle;
}

.related_product{
    display:flex;
    align-items:center;
    gap:15px;
}

.related_product img{
    width:56px;
    height:56px;
    border-radius:10px;
    border:1px solid #ececec;
    object-fit:cover;
    background:#fff;
}

.related_product_name{
    font-weight:600;
    line-height:1.35;
    margin-bottom:4px;
}

.related_product_brand{
    font-size:13px;
    color:#8b8b8b;
}

.product_stock{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
}

.dot_order{
    background:#f0ad4e;
}

.dot_unavailable{
    background:#b5b5b5;
}


.product_view_short{
    border-top:1px solid #ececec;
    border-bottom:1px solid #ececec;
}

.product_view_short_item{
    display:flex;
    align-items:center;
    gap:12px;
    padding:8px 0;
    border-bottom:1px solid #f5f5f5;
}

.product_view_short_item:last-child{
    border-bottom:none;
}

.product_view_short_item i{
    width:22px;
    color:var(--main_color);
    font-size:18px;
    text-align:center;
}

.product_view_short_item span{
    color:#888;
    flex:1;
}

.product_view_short_item strong{
    font-weight:600;
    color:#333;
}

.product_view_advantages{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:16px 0;
 
}

.product_view_advantage{
    display:flex;
    align-items:center;
    gap:8px;
    color:#666;
    font-size:14px;
    white-space:nowrap;
}

.product_view_advantage i{
    color:#5ca847;
    font-size:18px;
    flex-shrink:0;
}

@media (max-width:991px){
    .product_view_advantages{
        flex-wrap:wrap;
        justify-content:flex-start;
        row-gap:12px;
    }
}

@media (max-width:575px){
    .product_view_advantages{
        flex-direction:column;
        align-items:flex-start;
    }
}
.product_view_meta{
    display:flex;
    gap:40px;
    margin-top:15px;
	justify-content:space-between;
}

.product_view_meta span{
    display:block;
    color:#888;
    font-size:13px;
    margin-bottom:3px;
}

.product_view_meta strong{
    font-size:15px;
    font-weight:600;
}
/* ITEM VIEW  
.fancybox__content{border-radius:5px;}
.fancybox__content img{border-radius:5px;}
			
			
	.item_title{font-weight: 700;font-size: 28px;line-height: 30px;color: #4F4F4F;}
	.item_title h1{font-weight: 700;font-size: 28px;line-height: 30px;color: #4F4F4F;}
	.item_entitle{font-weight: 500;font-size: 16px;line-height: 19px;color: #7a7c87;}
	.item_available{background:#fff; float:left; border-radius:3px; padding:3px 10px; font-weight: 600;font-size: 10px;line-height: 12px;letter-spacing: 0.1em;text-transform: uppercase;color: #0e9b4a;}
	.item_notavailable{background:#fff;float:left; border-radius:3px;  padding:3px 10px; font-weight: 700;font-size: 10px;line-height: 12px;letter-spacing: 0.1em;text-transform: uppercase;color: #BBBDD0; color: #d41b03;}
	
	.item_count_comments{cursor:pointer; color:#1493DB; font-weight:600; font-size:14px; border-bottom:1px solid #1493DB;}
	
	.item_title_right{float:right;}
	.item_title_code{ background:#ECE6DA; border-radius:5px; color:#606060; line-height:33px; padding:0px 10px;}
	.item_title_available{text-align:right;  position:relative;  color:#2F7E0B;  font-weight:700; font-size:14px;}
	.item_title_available svg{position:relative; top:-2px;}
	
	.item_main_cat_title h2{display:inline-block; padding-bottom:3px; font-weight: 600;font-size: 16px;line-height: 20px;color: #202020; border-bottom:2px solid #36B133;}
			
	.item_view_price{font-weight: 700;font-size: 34px;line-height: 36px; color: #202020;  }
	.item_view_price_not_available{color:#9e9b9b !important;}
	
	.item_view_price_discount{font-weight: 600;  font-size: 34px; line-height: 36px; color: #cd1a1a;  }
	.item_view_price_cross{text-decoration: line-through; color:#B9B9B9; font-size:24px; font-weight:400; }
	
	
	
	.item_main_text{font-size: 16px;font-weight: 400; line-height: 26px;  color:#606060; }
	.item_main{background:#fff; border-radius:5px; padding:0px;}
		.item_main_border{border-right:1px solid #ece6da;padding:15px 30px 15px 30px; }
		.item_main_ways{background:#ece6da; }
		.item_main_buy{padding:15px 30px 15px 30px;}
		.item_main_hr{    background: #ece6da;  background: #ece6da;    height: 1px;    width: 100%;}
			.item_main_img_sale{}
				.item_main_img_sale_sticker_1{position:absolute; top:10px; left:0px; border-top-right-radius:5px; border-bottom-right-radius:5px; background:#FFD926; color:#202020; font-size:14px; line-height:16px; font-weight:600; padding:4px 12px;}
				.item_main_img_sale_sticker_2{position:absolute; top:42px; left:0px; border-top-right-radius:5px; border-bottom-right-radius:5px; background:#36B133; color:#fff; font-size:14px; line-height:16px; font-weight:600; padding:4px 12px;}
			 
				.item_main_img_sale img{width:120px;}
		
		
		#vote_content{color:#B9B9B9; font-size:14px;}
.master_reiting_stars img{width:auto !important; display:inline !important; }
		
			
			.item_main_title{font-weight: 500;font-size: 18px;line-height: 21px;color: #202020;}
			.item_main_code{font-weight: 400;font-size: 14px;line-height: 16px;color: #4F4F4F;}

			.item_main_content_title{font-weight: 500; float:left; font-size: 15px;line-height: 20px;color: #828282; color: #4F4F4F;}
			.item_main_content_data{font-weight: 500; font-size: 15px;line-height: 22px;text-align: right;color: #333; color: #828282;}
			
			.item_main_content_data_count{ font-size:22px; margin:0px 0px 0px 0px; line-height:30px; font-weight:400;}
			.item_main_content_data_count input{margin:-1px 0px 0px 0px; height: 27px; font-size:14px; border:1px solid #ece6da; border-radius:7px; width:35px; text-align:center; font-weight:400; outline:none;}
				.item_main_content_data_count_minus{background:url(/img/minus_grey.svg) center center no-repeat;  cursor:pointer !important; font-size:22px; line-height:14px; padding:0px 10px; font-weight:400; margin:0px 2px;}
				.item_main_content_data_count_plus{background:url(/img/plus_grey.svg) center center no-repeat;  cursor:pointer !important; font-size:22px; line-height:14px; padding:0px 10px; font-weight:400; margin:0px 2px;}
			.item_main_content_data_count_minus:hover{background:url(/img/minus_green.svg) center center no-repeat;}
			.item_main_content_data_count_plus:hover{background:url(/img/plus_green.svg) center center no-repeat; }
			
			 
			.item_main_content_data_count button{cursor:default; background: ; border:none; color:#828282;}
			.item_main_content_data_count button:hover{background: ; color:#d81212;}
			
			
			.item_main_content_data_price{float:right; line-height: 30px; color: #333; font-size:20px; font-weight:600;}
			.item_main_content_data_usd{float:right; text-align: right; font-weight: 400;    font-size: 16px;    line-height: 22px;    color: #828282;}

			.item_main_buy_button{cursor:pointer; border:0px; background:#36B133; 
				background: rgb(62,153,12);
				background: linear-gradient(180deg, rgba(62,153,12,1) 0%, rgba(64,146,22,1) 50%, rgba(52,132,13,1) 100%);) 100%);  
				border-radius:5px; width:100%; height:44px; line-height:44px; font-weight: 700;font-size: 16px; text-align: center;text-transform: uppercase;color: #F2F2F2;}
			.item_main_buy_button:hover{background:#2F7E0B; cursor:pointer; box-shadow: 1px 3px 5px rgba(100,100,100, 0.20);}
			
			
			.item_main_quick_order_button{cursor:pointer; border:0px; background:#3e60a0; border-radius:5px; width:100%; height:44px; line-height:44px; font-weight: 700;font-size: 16px; text-align: center;text-transform: uppercase;color: #F2F2F2;}
			.item_main_quick_order_button:hover{background:#134074; cursor:pointer; box-shadow: 1px 3px 5px rgba(100,100,100, 0.20);}
			
			
			.item_main_order_button{cursor:pointer; border:0px; background:#3e60a0; 
				background: rgb(12,82,153);
				background: linear-gradient(180deg, rgba(12,82,153,1) 0%, rgba(22,83,146,1) 50%, rgba(13,66,132,1) 100%);
			border-radius:5px; width:100%; height:44px; line-height:44px; font-weight: 700;font-size: 16px; text-align: center;text-transform: uppercase;color: #F2F2F2;}
			.item_main_order_button:hover{background:#134074; cursor:pointer; box-shadow: 1px 3px 5px rgba(100,100,100, 0.20);}
			
*/




/* PAGE CONTACTS */

.contact_card{
background:#fff;
border:1px solid #ececec;
border-radius:20px;
padding:34px;
height:100%;
font-size:16px;
}

.contact_line{
display:flex;
gap:18px;
margin-bottom:24px;
align-items:flex-start;
}

.contact_line i{
font-size:24px;
color:#78a55e;
width:30px;
}

.contact_phone{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:14px 0;
    border-bottom:1px solid #efefef;
}
.phone_label{
    color:#777;
    font-size:15px;
    min-width:100px;
}
.phone_chip{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    border-radius:30px;
    background:#f7f7f7;
    text-decoration:none;
    font-size:17px;
    font-weight:600;
    color:#222;
    transition:.2s;
}

.phone_chip:hover{
    background:#eef7e8;
    color:#78a55e;
}

.phone_chip i{
    color:#78a55e;
}

.contact_action{
display:flex;
align-items:center;
gap:18px;
padding:24px;
background:#fff;
border:1px solid #ececec;
border-radius:18px;
text-decoration:none;
transition:.2s;
height:100%;
}

.contact_action:hover{
border-color:#78a55e;
transform:translateY(-2px);
}

.contact_action i{
font-size:30px;
color:#78a55e;
}

.contact_note{
display:flex;
gap:18px;
padding:28px;
background:#f8f8f8;
border-radius:20px;
}

.contact_note i{
font-size:26px;
color:#78a55e;
}

.dealer_card{
background:#fff;
border:1px solid #ececec;
border-radius:18px;
padding:26px;
height:100%;
transition:.2s;
}

.dealer_card:hover{
border-color:#78a55e;
box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.dealer_card h3{
margin-bottom:18px;
}

/* ===========================================
   ABOUT PAGE
=========================================== */

.about_hero{
    background:linear-gradient(135deg,#f8fbf5 0%,#eef7e8 100%);
    border:1px solid #dce9d5;
    border-radius:30px;
    padding:70px 60px;
    position:relative;
    overflow:hidden;
}

.about_hero::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    right:-180px;
    top:-180px;
    border-radius:50%;
    background:rgba(120,165,94,.08);
}

.about_hero::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    left:-80px;
    bottom:-120px;
    border-radius:50%;
    background:rgba(120,165,94,.05);
}

.about_hero>*{
    position:relative;
    z-index:2;
}


/* ===========================================
   SOFT SECTION
=========================================== */

.section_soft{

    background:#f8faf8;

    border-radius:28px;

    padding:60px;

}


/* ===========================================
   CARDS
=========================================== */

.contact_card{

    transition:.25s;

}

.contact_card:hover{

    transform:translateY(-5px);

    box-shadow:0 18px 45px rgba(0,0,0,.06);

}


/* ===========================================
   FEATURE CARDS
=========================================== */

.dealer_card{

    position:relative;

    overflow:hidden;

    transition:.25s;

}

.dealer_card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:#78a55e;

}

.dealer_card:hover{

    transform:translateY(-6px);

}


/* ===========================================
   ICONS
=========================================== */

.icon_circle{

    width:74px;

    height:74px;

    border-radius:50%;

    background:#eef7e8;

    color:#78a55e;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0 auto 22px;

    font-size:30px;

}


/* ===========================================
   STATS
=========================================== */

.stat_box{

    position:relative;

    overflow:hidden;

}

.stat_box::before{

    content:"";

    position:absolute;

    width:110px;

    height:110px;

    border-radius:50%;

    background:#78a55e10;

    left:50%;

    top:35px;

    transform:translateX(-50%);

}

.stat_number{

    position:relative;

    z-index:2;

    font-size:48px;

    font-weight:700;

    color:#78a55e;

    line-height:1;

    margin-top:10px;

}

.stat_text{

    position:relative;

    z-index:2;

    margin-top:18px;

}


/* ===========================================
   BIG QUOTE
=========================================== */

.about_quote{

    padding:80px 50px;

    text-align:center;

}

.about_quote p{

    font-size:38px;

    line-height:1.35;

    font-weight:300;

    max-width:900px;

    margin:auto;

}

.about_quote span{

    color:#78a55e;

    font-weight:600;

}


/* ===========================================
   LIST
=========================================== */

.about_list li{

    padding:12px 0;

    border-bottom:1px solid #ececec;

}

.about_list li:last-child{

    border-bottom:none;

}
.contact_hero{

background:linear-gradient(135deg,#f8fbf5,#edf7e8);

border:1px solid #dce9d5;

border-radius:30px;

padding:70px;

margin-bottom:40px;

position:relative;

overflow:hidden;

}

.contact_hero:after{

content:"";

position:absolute;

right:-120px;

top:-120px;

width:320px;

height:320px;

border-radius:50%;

background:#78a55e10;

}
.phone_chip{

display:inline-flex;

align-items:center;

gap:10px;

padding:10px 18px;

border-radius:30px;

background:#f7f7f7;

margin:6px;

font-weight:600;

transition:.2s;

}

.phone_chip:hover{

background:#eef7e8;

}
	.telegram{

background:#eef7ff;

}

.viber{

background:#f4efff;

}

.support{

background:#f7fbf5;

}
.map_box{

padding:15px;

background:#fff;

border-radius:28px;

border:1px solid #ececec;

box-shadow:0 15px 40px rgba(0,0,0,.04);

}








 






/* INDEX */	
 
 
	
	.business_btn {cursor:pointer; background: #78a55e; border-radius: 22px;  color: #fff; font-size: 16px; font-weight: 500;display: inline-flex; align-items: center; }
	.business_btn:hover {  background: #d9332c; color: #fff; }
	.business_btn_shadow{box-shadow: 0 15px 30px rgba(239, 59, 51, 0.25);}
	.business_btn_shadow:hover {box-shadow: 0 5px 10px rgba(239, 59, 51, 0.25);}
	.business_btn img { width: 22px; margin-left:5px;}
		.business_btn a{display:block;  padding: 0px 20px; color:#fff; line-height:40px; }
		.business_btn a:hover{ color:#fff;   }
		
		
.content p{font-size:16px; line-height:26px; color:#424242;}
.content ul{font-size:16px; line-height:26px; color:#424242;}

		
 
	
	 
/* INDEX SLIDER */	
.item{border-radius: 22px;}
.slider_content{height:500px; width:65%; max-width:600px; position:relative; }
	.slider_pre_title {font-weight: 700; font-size: 14px;line-height: 30px; text-transform: uppercase;color: #78a55e;}
	.slider_title {font-weight: 500;font-size: 42px;line-height: 50px;text-transform:  ;color: #1d1d1d;}
	.slider_text {    width:100%; color:#575557;font-weight: 400;font-size: 16px;line-height: 26px;}
	.slider_button{
		cursor: pointer;
		width: 220px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #acc952;
		color: #fff;
		font-weight: 600;
		font-size: 14px;
		text-align: center;
		border-radius: 22px;
		text-transform: uppercase;
		height: 46px;
		line-height: 46px;
		
		/*position:absolute; bottom:45px; left:40px;*/
	}
	.slider_button:hover {
		background: #;
		cursor: pointer;
		box-shadow: 1px 3px 5px rgb(100 100 100 / 20%);
	}
.slider_sale_banner{position:absolute; top:20%; right:7%; background:url(/img/sale_right.png) center center no-repeat; width:280px; height:190px; background-size:280px;}


.owl-carousel-slider .owl-nav{ z-index:10;   position: absolute;    width: 100%;    left: 0px;    bottom: 150px;}
	.owl-carousel-slider .owl-prev{right:74px;  position: absolute; margin:0px !important; padding:45px 10px 45px 10px !important;}
	.owl-carousel-slider .owl-next{right:20px;  position: absolute; margin:0px !important; padding:45px 10px 45px 10px !important;}






/* INDEX WHY WE */	

.company_advantages {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 16px;
    overflow: hidden;
    margin: 0px 0;
}

.company_advantages .col-6,
.company_advantages .col-md-3 {
    position: relative;
}

.advantage_item {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 130px;
    padding: 28px 24px;
    height: 100%;
    background: #fff;
}

.advantage_icon {
    flex: 0 0 42px;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advantage_icon img {
    max-width: 100%;
    max-height: 42px;
    display: block;
}

.advantage_text {
    color: #4f4f4f;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 400;
}

/* вертикальні роздільники між блоками на десктопі */
@media (min-width: 768px) {
    .company_advantages .col-md-3:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 20px;
        right: 0;
        width: 1px;
        height: calc(100% - 40px);
        background: #ececec;
    }
}

/* мобільна адаптація */
@media (max-width: 767.98px) {
    .advantage_item {
        min-height: 110px;
        padding: 20px 16px;
        gap: 8px;
    }

    .advantage_icon {
        flex: 0 0 34px;
        width: 34px;
    }

    .advantage_icon img {
        max-height: 34px;
    }

    .advantage_text {
        font-size: 15px;
        line-height: 1.35;
    }

    /* розділення між рядами на мобільному */
    .company_advantages .col-6:nth-child(1),
    .company_advantages .col-6:nth-child(2) {
        border-bottom: 1px solid #ececec;
    }

    .company_advantages .col-6:nth-child(odd) {
        border-right: 1px solid #ececec;
    }
}





/*  INDEX CATEGORIES*/
.categories_section {
	background: #ffffff;
}

.categories_head {
	gap: 20px;
}

.categories_title {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.2;
	color: #111111;
}

.categories_link {
	 
	color: #6aa84f;
	text-decoration: none;
	transition: 0.3s;
}

.categories_link:hover {
	color: #4f8d36;
}

.category_item {
	position: relative;
	display: block;
	height: 100%;
	min-height: 260px;
	border-radius: 28px;
	overflow: hidden;
	background: #f5f5f5;
	text-decoration: none;
	transition: 0.3s;
}

.category_item_large {
	min-height: 260px;
}

.category_item:hover {
	/* transform: translateY(-4px); */
	box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
}

.category_image {
	position: absolute;
	inset: 0;
	background:url(/img/banners_white/3.png);
}

.category_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.category_content {
	position: absolute;
	left: 32px;
	right: 32px;
	bottom: 32px;
	z-index: 2;
}

.category_icon {
	width: 50px;
	height: 50px;
	border-radius: 10px;
	margin-bottom: 15px;
	background: rgba(255,255,255,0.95);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}

.category_icon img {
	width: 32px;
	height: 32px;
	object-fit: contain;
}

.category_name {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	color: #1d1619;
	margin-bottom: 10px;
}

.category_text {
	max-width: 340px;
	font-size: 16px;
	line-height: 1.5;
	color: #555555;
}

@media (max-width: 1399px) {

	.category_name {
		font-size: 32px;
	}

	.category_text {
		font-size: 18px;
	}

}

@media (max-width: 991px) {

	.categories_title {
		font-size: 34px;
	}

	.category_item {
		min-height: 340px;
	}

	.category_item_large {
		min-height: 320px;
	}

	.category_content {
		left: 24px;
		right: 24px;
		bottom: 24px;
	}

	.category_name {
		font-size: 28px;
	}

}

@media (max-width: 767px) {

	.categories_head {
		flex-direction: column;
		align-items: flex-start !important;
	}

	.categories_title {
		font-size: 28px;
	}

	.category_item,
	.category_item_large {
		min-height: 300px;
	}

	.category_icon {
		width: 60px;
		height: 60px;
		border-radius: 16px;
		margin-bottom: 20px;
	}

	.category_name {
		font-size: 24px;
	}

	.category_text {
		font-size: 16px;
	}

}






.manufacture_item{border: 1px solid #ececec; padding:20px;background:#fff; border-radius:12px; }
	.manufacture_item_image{width:100%; margin:10px auto 10px auto; opacity:0.5;}
	.manufacture_item_title{ font-size: 16px;  font-weight: 700; line-height: 1.2; color: #373434;  margin-bottom: 10px;}
	.manufacture_item_description{ min-height:64px; font-size: 14px; line-height: 1.5; color: #969696;}





.mission_section {
	background: #ffffff;
}

.mission_block {
	background: #fafafa;
	border-radius: 32px;
	padding: 30px;
}

.mission_image {
	height: 100%;
	border-radius: 20px;
	overflow: hidden;
}

.mission_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.mission_content {
	height: 100%;
}

.mission_title {
	 
}

.mission_text {
	font-size: 16px;
	line-height: 1.7;
	color: #555555;
	margin-bottom: 50px;
}

.mission_text p:last-child {
	margin-bottom: 0;
}

.values_title {
	
}

.value_item {
	display: flex;
	align-items: center;
	gap: 18px;
}

.value_icon {
	width: 52px;
	height: 52px;
	flex: 0 0 52px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.value_icon img {
	width: 32px;
	height: 32px;
	object-fit: contain;
}

.value_name {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	color: #787878;
}

@media (max-width: 1399px) {

	.mission_title {
		font-size: 36px;
	}

	.values_title {
		font-size: 32px;
	}

	.mission_text {
		font-size: 18px;
	}

	.value_name {
		font-size: 18px;
	}

}

@media (max-width: 991px) {

	.mission_block {
		padding: 30px;
	}

	.mission_title {
		font-size: 30px;
		margin-bottom: 20px;
	}

	.values_title {
		font-size: 28px;
		margin-bottom: 28px;
	}

	.mission_text {
		margin-bottom: 36px;
	}

}

@media (max-width: 767px) {

	.mission_block {
		padding: 20px;
		border-radius: 24px;
	}

	.mission_image {
		border-radius: 20px;
	}

	.mission_title {
		font-size: 26px;
	}

	.values_title {
		font-size: 24px;
	}

	.mission_text {
		font-size: 16px;
		line-height: 1.6;
	}

	.value_item {
		gap: 14px;
	}

	.value_icon {
		width: 42px;
		height: 42px;
		flex: 0 0 42px;
	}

	.value_icon img {
		width: 24px;
		height: 24px;
	}

	.value_name {
		font-size: 16px;
	}

}









.faq_section {
	background: #ffffff;
}
 

.info_item {
	height: 100%;
	min-height: 110px;
	padding: 26px 40px;
	border: 1px solid #ededed;
	border-radius: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	background: #ffffff;
	transition: 0.3s;
}

.info_item:hover {
	border-color: #dcdcdc;
	box-shadow: 0 8px 25px rgba(0,0,0,0.04);
}

.info_left {
	display: flex;
	align-items: center;
	gap: 24px;
}

.info_icon {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 56px;
}

.info_icon img {
	width: 36px;
	height: 36px;
	object-fit: contain;
}

.info_name {
	font-size: 18px;
	font-weight: 600;
	color: #222222;
}

.info_arrow {
	font-size: 32px;
	line-height: 1;
	color: #444444;
}

 

.faq_list {
	border: 1px solid #ededed;
	border-radius: 24px;
	overflow: hidden;
}

.faq_item {
	border-bottom: 1px solid #ededed;
}

.faq_item:last-child {
	border-bottom: none;
}

.faq_question {
	min-height: 55px;
	padding: 0 36px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	cursor: pointer;
	background: #ffffff;
	font-size: 16px;
	font-weight: 700;
	color: #222222;
	transition: 0.3s;
}

.faq_question:hover {
	background: #fafafa;
}

.faq_plus {
	position: relative;
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
}

.faq_plus:before,
.faq_plus:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background: #444444;
	transform: translate(-50%, -50%);
	transition: 0.3s;
}

.faq_plus:before {
	width: 15px;
	height: 2px;
}

.faq_plus:after {
	width: 2px;
	height: 15px;
}

.faq_question.active .faq_plus:after {
	opacity: 0;
}

.faq_answer {
	display: none;
	padding: 0 36px;
	background: #ffffff;
}

.faq_answer_inner {
	margin:15px 0px;
	max-width: 900px;
	font-size: 16px;
	line-height: 1.7;
	color: #444;
	
}

@media (max-width: 1399px) {

	.section_title {
		font-size: 36px;
	}

	.info_name {
		font-size: 26px;
	}

	.faq_question {
		font-size: 20px;
	}

}

@media (max-width: 991px) {

	.section_title {
		font-size: 30px;
	}

	.info_item {
		min-height: 110px;
		padding: 28px;
	}

	.info_name {
		font-size: 22px;
	}

	.faq_question {
		min-height: 82px;
		padding: 0 24px;
		font-size: 18px;
	}

	.faq_answer {
		padding: 0 24px 24px;
	}

}

@media (max-width: 767px) {

	.section_title {
		font-size: 26px;
	}

	.info_item {
		padding: 22px;
		border-radius: 18px;
	}

	.info_left {
		gap: 16px;
	}

	.info_icon {
		width: 42px;
		height: 42px;
		flex: 0 0 42px;
	}

	.info_icon img {
		width: 24px;
		height: 24px;
	}

	.info_name {
		font-size: 18px;
	}

	.info_arrow {
		font-size: 30px;
	}

	.faq_head {
		flex-direction: column;
		align-items: flex-start !important;
	}

	.faq_list {
		border-radius: 18px;
	}

	.faq_question {
		min-height: 74px;
		padding: 18px 20px;
		font-size: 16px;
		line-height: 1.5;
	}

	.faq_answer {
		padding: 0 20px 20px;
	}

	.faq_answer_inner {
		font-size: 15px;
		line-height: 1.6;
	}

}










/* COMMENTS */	
.comments_content{  position:relative;  margin-bottom:10px; padding:20px; border:1px solid #78a55e; background:#fff; border-radius:12px; }
/*
.comments_content_hovered{z-index:10; box-shadow: 2px 2px 7px rgb(100 100 100 / 20%); transition:1.5s; display:none; border-radius:5px; width:calc(100% + 30px); background:#fff ; padding:20px 15px 20px 15px; position:absolute; top:-20px; left:-15px;}
.comments_content_hovered .item_comment_text{height:auto;}
.comments_content:hover .comments_content_hovered{display:block;}
*/	
	.item_comment_title{  font-weight: 500;  font-size: 22px;line-height: 26px;color: #424242;}	
	.item_comment_date{  line-height: 16px;color: #5f9f4d;}	
	.item_comment_hr{ background:#78a55e; height:1px; width:100%; margin:15px 0px;  }	
	.item_comment_text{ line-height: 20px;color: #424242;  }	
.comment_text_hovered{padding:0px 0px 0px 30px; background:url(/img/arrow_turn.png) left top no-repeat; background-size:26px;}
	
	
	
	
	.item_view_comment_title{display:inline-block;  font-weight: 600;  font-size: 16px;line-height: 19px;color: #202020;}	
	.item_view_comment_text{font-weight: 400; font-size: 14px; line-height: 25px;color: #B9B9B9; height:70px; overflow:hidden;}	
	.item_view_comment_stars{float:right; position: relative; top: -3px; }	

.category_tag_view_all {flex: 0 0 auto; white-space: nowrap;cursor: pointer;background: #78a55e;border: 1px solid #D6D6D6;border-radius: 22px;padding: 0 10px;line-height: 35px;display: flex;align-items: center;gap: 12px;color: #424242;}

/*
 * {outline: 1px solid rgba(255,0,0,0.1);
} 	
*/

.bg_white{background:#fff;}
.footer{background:#f1f1f1; color:#6f7785; }
.footer p{color:#6f7785; }
	.footer_logo img{width:150px;}
	.footer_bottom{border-top:1px solid #ecebec; padding:20px 0px 10px 0px; display:flex; justify-content:space-between;}
		.footer_rules{text-align:right;}
		.footer_licence{text-align:left; }
	.footer_menu{margin:; padding:0px 40px;}
	.footer svg{fill:#a5a7ae;}
	.footer svg:hover{fill:#ccc;}  
		.footer a{color:#6f7785 !important;}
		.footer a:hover{color:#585856 !important;}
 
.footer_title{font-size:18px; font-weight:600; color:#353333;}


.footer_mobile {z-index:999; position: fixed; bottom: 0; left: 0; right: 0; background: #333; border-radius:12px 12px 0px 0px; }

.footer_mobile_inner {  display: flex;  justify-content: space-around;  padding: 12px 0;}

.footer_mobile_item {  flex: 1;  display: flex;  flex-direction: column;  align-items: center;  gap: 4px; text-decoration: none;   color: #fff; }
.footer_mobile_icon { width:24px; height:24px; }
	.footer_mobile_icon_menu{mask: url('/img/menu.svg') center center no-repeat; background: #fff;}
	.footer_mobile_icon_star{mask: url('/img/star.svg') center center no-repeat; background: #fff;}
	.footer_mobile_icon_bag{mask: url('/img/bag.svg') center center no-repeat;  background: #fff;}
	.footer_mobile_icon_orders{mask: url('/img/note.svg') center center no-repeat;  background: #fff;}
	.footer_mobile_icon_category{mask: url('/img/category.svg') center center no-repeat; background: #78a55e; }
.footer_mobile_label {  font-size: 12px;}


	/* AUTH */
.auth{max-width:700px;width:100%;margin:20px auto 40px auto; padding:35px;background:#fff;border-radius:12px; box-shadow: 2px 2px 20px rgba(0, 0, 0, .1); /* border:1px solid #78a55e; */}

.auth_title{font-size:22px;font-weight:600;color:#424242;margin-bottom:10px;}

.auth_reg{float:right; margin-top:8px; font-size:14px;color:#8E8E8E;}

.auth_reg a,.auth_restore a{color:#78a55e;font-weight:500;text-decoration:none;}

.auth_reg a:hover,.auth_restore a:hover{color:#628b4a;}

.auth_line{width:100%;margin-top:10px;}

.auth_line label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#8E8E8E;}

.auth_line input,.auth_line textarea{width:100%;height:48px;padding:0 18px;border:1px solid #dfdfdf;border-radius:24px;background:#fff;font-size:15px;color:#424242;outline:none;transition:.2s;}

.auth_line textarea{min-height:120px;height:auto;padding:15px 18px;border-radius:18px;}

.auth_line input:focus,.auth_line textarea:focus{background:#fff; border-color:#78a55e;box-shadow:0 0 0 4px rgba(10,137,8,.08);}

.auth_line input::placeholder{color:#B8B8B8;}

.auth_line input[type=checkbox],.auth_line input[type=radio]{width:18px;height:18px;margin-right:8px;}

.auth_restore{text-align:right;margin-top:10px;}

.auth_button{width:100%;height:50px;border:0;border-radius:25px;background:#78a55e;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:.2s;}

.auth_button:hover{background:#628b4a;}

.capcha_block{text-align:center;  margin-top:0px;padding:10px;border:1px solid #dfdfdf;border-radius:24px;background:#fff;height:auto;}

.highlight{color:#78a55e;font-size:14px;}

.auth_small_text{font-size:14px;font-weight:400;line-height:18px;color:#8E8E8E;margin-bottom:8px;}

.auth_line_checkbox{display:flex;align-items:flex-start;gap:12px;margin-top:20px;}

.auth_line_checkbox input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;margin:2px 0 0 0;padding:0;border:1px solid #CFCFCF;border-radius:4px;background:#fff;box-shadow:none;}

.auth_line_checkbox label{margin:0;font-size:14px;line-height:22px;color:#424242;cursor:pointer;}

.auth_line_checkbox a{color:#78a55e;text-decoration:none;}

.auth_line_checkbox a:hover{text-decoration:underline;}


.error_basket_title{text-align:center; font-size:60px; font-weight:700;}	
.error_basket_subtitle{text-align:center; font-size:18px; font-weight:400;}	 
.error_404_title{text-align:center; font-size:160px; font-weight:700;}	
.error_404_subtitle{text-align:center; font-size:20px; font-weight:400;}	
 
.checked_icon{width:140px;}

.capcha_refresh{float:right;   cursor:pointer;}
.capcha_refresh img{margin:7px 7px 0px 0px;}

	
@media (max-width: 576px) { /* XS */
.owl-theme .owl-nav.disabled + .owl-dots{ }
	.business_line::after { content: ""; flex: 1; height: 1px; background: #78a55e;}
	.header_left{gap:20px;}
	.main_img_food_holder h1{color:#fff; font-size:28px; line-height:32px; font-weight:900; -webkit-text-stroke: 1px #EDB600; z-index:7; text-align:center;}
	.mob_no_radius{border-radius:0px;}
	.category_tag{background:#F5F4F3; border:1px solid #EDB600; height:40px; line-height:40px;box-shadow: 0 1px 4px 0 #0C0C0D1A, 0 1px 4px 0 #0C0C0D1A;}
	.main_img_food_holder {background: linear-gradient(to bottom, #000 30%, #fff 70%); min-height: auto; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; padding: 25px 0px 80px 20px;}
	.circle_yellow {border-radius:12px 12px 0px 0px; width: 100%; height: 90%;   top: 0; right: 0; left: 0; background: #f7c338; position: absolute; z-index: 0;}
	.circle_gray {display:none;}
	.food_top { position: relative; top: auto; left: -10px; max-width: 110%; width: 110%; z-index: 3;}
	.food_bottom {  top: 330px; right: auto; max-width: 90%; width: 90%; z-index: 4;}
	.discount_badge { box-shadow: 0 4px 4px -4px #0C0C0D0D, 0 16px 16px -8px #0C0C0D1A;   width: 80px; height: 80px; font-size: 24px; top: 200px; right: 45px; z-index: 6;}
	.new_label { box-shadow: 0 4px 4px -4px #0C0C0D0D, 0 16px 16px -8px #0C0C0D1A;  top: 260px; right: 16px; min-width: 180px; width:220px; padding: 0 15px; height: 44px; text-align: center; font-size: 16px; z-index: 5;background:#F5F4F3;} 	 
	
	
	.index_warehouse_img{position: relative; aspect-ratio: 1 / 1.25; overflow: visible;  }
		.warehouse_bg {position: relative;width: 100%;height: 100%; overflow: hidden;  border-radius: 20px;  }
		.warehouse_bg img {width: 100%;height: 100%; object-fit: cover;  object-position: 80% 50%; display: block;}
		.paninicar {bottom: -16%;right: -70%; width: 165%; position: absolute; z-index: 3;max-width: none;pointer-events: none;}

	 
	
	ul.dot_list li{margin-bottom:0px;}
	
	.slider_content{width:100%;}
	.slider_title{font-size:34px; line-height: 36px;}
	
	.navigation{margin:7px 0px 7px 0px;}
	.auth{padding:25px; margin:0px;}
	.auth_reg{float:none;}
	
	.product_card_favorite{position:absolute; top:5px; right:5px;}
	.product_card_body{padding:8px;}
	.product_card_actions{margin-top:0px;}
	.product_card_meta{margin-bottom:10px;}
	.product_card_image { aspect-ratio: 1 / 0.85; } 
	
}
@media (min-width: 576px) and (max-width: 768px) { /* SM */
	.business_line::after { content: ""; flex: 1; height: 1px; background: #78a55e;}
	.main_img_food_holder h1{color:#fff; font-weight:900; -webkit-text-stroke: 1px #EDB600; z-index:7; text-align:center;}
	.mob_no_radius{border-radius:0px;}
	.category_tag{background:#F5F4F3; border:1px solid #EDB600; height:40px; line-height:40px; box-shadow: 0 1px 4px 0 #0C0C0D1A, 0 1px 4px 0 #0C0C0D1A;}
	.main_img_food_holder {background: linear-gradient(to bottom, #000 30%, #fff 70%); min-height: auto; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; padding: 25px 0px 230px 20px;}
	.circle_yellow {border-radius:12px 12px 0px 0px; width: 100%; height: 90%;   top: 0; right: 0; left: 0; background: #f7c338; position: absolute; z-index: 0;}
	.circle_gray {display:none;}
	.food_top { position: relative; top: auto; right: auto; max-width: 90%; width: 80%; z-index: 3;}
	.food_bottom {  top: 510px; right: auto; max-width: 80%; width: 80%; z-index: 4;}
	.discount_badge { width: 110px; height: 110px; font-size: 38px; top: 195px; right: 100px; z-index: 6;}
	.new_label {top: 275px; right: 16px;min-width: 300px; padding: 0 25px; height: 50px; text-align: center; font-size: 20px; z-index: 5;background:#F5F4F3;} 	 
	.mob_warehouse_img {position: relative;overflow: hidden; padding-bottom: 70px;}
	.mob_warehouse_bg img {width: 100%;display: block;border-radius:12px;transform: translateX(-00px);}
	.mob_paninicar {position: absolute;bottom: 0;left: 50%;transform: translateX(-15%) translateY(3%);width: ;z-index: 2;}
 
}
@media (min-width: 768px) and (max-width: 991px) { /* MD */
	.business_line::after { content: ""; flex: 1; height: 1px; background: #78a55e;}
	.main_img_food_holder h1{color:#fff; font-weight:900; -webkit-text-stroke: 1px #EDB600; z-index:7; text-align:center;}
	.mob_no_radius{border-radius:0px;}
	.category_tag{background:#F5F4F3; border:1px solid #EDB600; height:40px; line-height:40px;box-shadow: 0 1px 4px 0 #0C0C0D1A, 0 1px 4px 0 #0C0C0D1A;}
	.main_img_food_holder {background: linear-gradient(to bottom, #000 30%, #fff 70%); min-height: auto; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; padding: 25px 0px 230px 20px;}
	.circle_yellow {border-radius:12px 12px 0px 0px; width: 100%; height: 90%;  top: 0; right: 0; left: 0; background: #f7c338; position: absolute; z-index: 0;}
	.circle_gray {display:none;}
	.food_top { position: relative; top: auto; right: auto; max-width: 90%; width: 80%; z-index: 3;}
	.food_bottom {  top: 510px; right: auto; max-width: 80%; width: 80%; z-index: 4;}
	.discount_badge { width: 110px; height: 110px; font-size: 38px; top: 195px; right: 100px; z-index: 6;}
	.new_label {top: 275px; right: 16px;min-width: 300px; padding: 0 25px; height: 50px; text-align: center; font-size: 20px; z-index: 5;background:#F5F4F3;} 	 
	.mob_warehouse_img {position: relative;overflow: hidden; padding-bottom: 70px;}
	.mob_warehouse_bg img {width: 100%;display: block;border-radius:12px;transform: translateX(-00px);}
	.mob_paninicar {position: absolute;bottom: 0;left: 50%;transform: translateX(-15%) translateY(3%);width: ;z-index: 2;}
	
	 .header_left{gap:10px;}
	 .logo{width:130px;}
}
@media (min-width: 992px) and (max-width: 1199px) { /* LG */
	#filter_holder{display:block !important; padding: 0px 20px 0px 0px;}
}
@media (min-width: 1199px) and (max-width: 1399px) { /* XL */
	#filter_holder{display:block !important; padding: 0px 20px 0px 0px;}
}
@media (min-width: 1400px)  { 	/*  XXL */	
	#filter_holder{display:block !important; padding: 0px 20px 0px 0px;}
}