/*
Theme Name: wildber
Theme URI: https://none.com
Author: none
Author URI: https://none.com
Description: desc
*/

	* {margin: 0px; padding: 0px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	font-family: "montserrat";
	font-weight: 300;
	transition: 0.3s ease;
	scroll-behavior: smooth;}
	
	@font-face {
    font-family: "montserrat";
    font-display: swap;
    src: url(fonts/montserrat-regular/montserrat-regular.woff) format("woff"), url(fonts/montserrat-regular/montserrat-regular.woff2) format("woff2");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "montserrat";
    font-display: swap;
    src: url(fonts/montserrat-medium/montserrat-medium.woff) format("woff"), url(fonts/montserrat-medium/montserrat-medium.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "montserrat";
    font-display: swap;
    src: url(fonts/montserrat-bold/montserrat-bold.woff) format("woff"), url(fonts/montserrat-bold/montserrat-bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

	body {}
	
	.wrapper {width: 100%; max-width: 1820px; margin: 0 auto;}
	.header {width: 100%; height: 120px; background-image: url(images/top.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;}
	
	.header .location {width: 200px; text-align: left; visibility: hidden;}
	.header .location .location_icon {padding-right: 8px; position: relative; top: 2px;}
	.header .a_city {font-size: 12px; font-weight: 300; color: #AEAEAE; text-decoration: none;}
	.header .a_city:hover {cursor: pointer;}
	
	.header .little_menu {width: 100%; max-width: 400px;
		display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; align-items: flex-start;
	}
	.header .little_menu a {font-size: 14px; font-weight: 300; color: #AEAEAE; text-decoration: none;}
	.header .top_phone {width: 200px; text-align: right;}
	.header .top_phone a {font-size: 14px; font-weight: 300; color: #AEAEAE; text-decoration: none;}
	
	.header .wrap_all_text_toppest {
		/* display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; justify-content: space-between; align-items: center; */
		    display: grid;
			grid-template-columns: 1fr 10fr 2fr;
			grid-template-rows: 1fr;
			grid-column-gap: 10px;
			grid-row-gap: 4px;
			width: 100%;
	}
	
	.header .right_side_call_me .call_me_header_a {margin-top: 6px;}
	.right_side_call_me {width: 100%; max-width: 200px; height: 80px; margin-left: 40px;}
	.right_side_call_me .call_me_header_a {width: 100%; max-width: 200px; height: 80px; display: block; border-radius: 10px;
		background: white; color: #27282D; font-size: 16px; font-weight: 300; text-align: center; padding-top: 28px; text-decoration: none;}
	.right_side_call_me .call_me_header_a:hover {cursor: pointer; opacity: 0.9; transform: translate(0px,-4px);}
	
	.wrap_left_and_right_header {display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; justify-content: space-between; align-items: flex-start;
		padding-top: 14px; width: 100%;
	}
	
	
	.wrap_top_and_bottom_toppest {display: flex; flex-direction: column; flex-wrap: wrap; align-content: space-around; justify-content: flex-end; align-items: baseline;}
	.wrap_top_and_bottom_toppest .wrap_bottomest {
		/* display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-end; justify-content: space-between; align-items: flex-end; */
		display: grid;
		grid-template-columns: 1fr 1fr 20fr;
    	grid-template-rows: 1fr;
		grid-column-gap: 6px;
		grid-row-gap: 4px;
		width: 100%;
		padding-top: 16px;}
		
	.logo_top {width: 87px; height: 50px; margin-right: 48px;}
	.a_menu {}
	.a_menu:hover {cursor: pointer; opacity: 0.9; transform: translate(0px,-2px);}
	.a_menu .img_menu {}
	
	
	.searchform {}
	.searchform input[type=text] {width: 100%; max-width: 1346px; height: 50px; background: white; border-radius: 10px; text-align: left; border: unset;
		font-size: 14px; color: #AEAEAE; padding: 0px 30px 0px 30px;
	}
	
	
	
	
	
	.banner {width: 100%;}
	.banner .banner_img {width: 100%; display: block; padding-top: 30px; padding-bottom: 30px; margin: 0 auto;}
	
	
	.all_categories_item_page {}
	.all_categories_item_page .wrap_all_items {justify-content: flex-start;}
	
	.wrap_all_items {display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; row-gap: 10px; column-gap: 14px;}
	.item {width: 100%; max-width: 278px; padding-bottom: 50px;}
	.item:hover {cursor: pointer; /* transform: translate(0px, -4px);*/
	    transform: rotate(-2deg) translate(-4px, -4px); opacity: 0.8;
    }
	.item .item_img {width: 100%; max-width: 278px; height: 363px;}
	.item .wrap_item_text {display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: flex-start;
		padding: 12px 0px 12px 0px;
	}
	.item .price_item {color: #8643D1; text-align: left; font-size: 20px; line-height: 24px; text-align: left; font-weight: 700;}
	.item .rating_item {color: black; font-size: 14px; font-weight: 400;}
	.item .name_item {color: black; font-size: 16px; line-height: 20px; text-align: left; font-weight: 300; width: 100%;}
	
	.item .buy_button {margin-top: 12px; width: 100%; max-width: 278px; height: 50px; border-radius: 10px; background: #A73AFD; color: white; text-align: center; padding-top: 10px;}
	.item .buy_button:hover {cursor: pointer; opacity: 0.9; transform: translate(0px, -2px);}
	.item .buy_button .buy_button_img {position: relative; top: 4px;}
	
	.first_link_img {text-decoration: none;}
	.second_link {text-decoration: none;}
	.third_link {text-decoration: none;}
	
	
	.footer {width: 100%; height: 283px; background-image: url(images/footer.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;}
	.footer .wrap_all_footer {
	    padding-top: 90px;
    /* display: flex; */
    display: grid;
    grid-template-columns: 1fr 10fr 2fr 2fr;
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 4px;
    width: 100%;
    align-items: center;
    justify-items: stretch;
    justify-content: space-between;
    align-content: center;
	}
	.footer .logo_footer {display: block; width: 106px; height: 60px;}
	.footer .footer_menu_left {display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: center;
    	width: 100%; max-width: 500px; margin-left: 100px;}
	.footer .footer_menu_left .little_menu_a_footer {color: white; text-align: left; text-decoration: none;}
	.footer .footer_menu_left .little_menu_a_footer:hover {cursor: pointer; opacity: 0.8;}
	
	.footer .bottom_phone {width: 200px; text-align: center;}
	.footer .bottom_phone a {font-size: 14px; font-weight: 300; color: white; text-decoration: none;}
	
	
	
	.footer .right_side_call_me {width: 200px; height: 80px; margin-left: unset;}
	.footer .right_side_call_me .call_me_header_a {width: 200px; height: 80px; display: block; border-radius: 10px;
		background: white; color: #27282D; font-size: 16px; font-weight: 300; text-align: center; padding-top: 28px; text-decoration: none;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*
		
	
	SINGLE ITEM	
		
		
	*/	
	
	
	.single_item_page {}
	.single_item_page .single_section {padding: 80px 0px 80px 0px; width: 100%;}
	
	.wrap_all_single_section {/* display: flex; */
	display: grid;
grid-template-columns: 3fr 4fr 2fr;
grid-template-rows: 1fr;
grid-column-gap: 30px;
grid-row-gap: 4px;
	}
	.wrap_all_single_section .single_gallery {width: 100%; max-width: 560px; min-width: 360px;}
	.wrap_all_single_section .single_gallery .single_big_image {width: 100%; max-width: 560px;}
	
	.single_middle_side {display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start;}
	.single_middle_side h1 {font-size: 32px; color: black; text-align: left; font-weight: 400;}
	
	.single_descript {}
	.single_descript p {font-size: 22px; line-height: 22px; color: black; text-align: left; font-weight: 300; padding-bottom: 20px;}
	
	
	
	.single_right_side {
		border-radius: 12px;
        box-shadow: 0 3px 16px rgba(0, 0, 0, .12);
        padding: 14px 20px 18px;
        position: relative;
        height: 160px;
        min-width: 310px; max-width: 340px;
        
        display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: center;
	}
	
	.single_price {
		    color: #a73afd; font-size: 30px; font-weight: 700; text-align: left;
	}
	.single_price_old {color: #868695; font-size: 14px; line-height: 20px; font-weight: 400; text-decoration: line-through; padding-left: 20px;}
	
	.sklad {color: gray; font-size: 14px; padding-top: 12px;}
	.dostavka {color: gray; font-size: 14px; padding-top: 3px;}

	
	.single_item_page .buy_button {margin-top: 12px; width: 100%; max-width: 400px; height: 50px; border-radius: 10px; background: #A73AFD; color: white; text-align: center; padding-top: 10px;
		text-decoration: none; padding-top: 14px; font-weight: 700;
	}
	.single_item_page .buy_button:hover {cursor: pointer; opacity: 0.9; transform: translate(0px, -2px);}
	.single_item_page .buy_button .buy_button_img {position: relative; top: 4px;}
	
	
	
	
	@media all and (max-width: 1820px) {
		.wrapper {padding: 0px 20px 0px 20px;}
	}
	
	@media all and (max-width: 1700px) {

	}
		
	@media all and (max-width: 1600px) {

	}
		
	@media all and (max-width: 1500px) {

	}
		
	@media all and (max-width: 1400px) {

	}
		
	@media all and (max-width: 1300px) {

	}
		
	@media all and (max-width: 1200px) {
		.footer {height: auto; padding-bottom: 80px;}
		.footer .wrap_all_footer {display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; gap: 40px;}
		.footer .footer_menu_left {margin-left: unset;}
		.footer .footer_menu_left .little_menu_a_footer {min-width: 140px; text-align: center;}
		
		
		/* single */
		.wrap_all_single_section {display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start; gap: 40px;}
	}
		
	@media all and (max-width: 1100px) {
		
		.top_logo_a {display: none;}
		.wrap_top_and_bottom_toppest .wrap_bottomest {grid-template-columns: 1fr 20fr;}
		.right_side_call_me {display: none;}
		.header .wrap_all_text_toppest {display: none;}
		
		.wrap_all_items {justify-content: center; column-gap: 44px;}

		

	}
		
	@media all and (max-width: 1000px) {

	}
		
	@media all and (max-width: 900px) {

	}
	
	@media all and (max-width: 800px) {

	}
	
	@media all and (max-width: 700px) {
		.wrap_all_items {justify-content: center; column-gap: 14px;}
		
		.footer .footer_menu_left {flex-direction: column; gap: 20px;}
	}
	
	@media all and (max-width: 600px) {

	}
	
	
	
	
	/* Скрываем строку товара, у которого ID совпадает с нашей доставкой */
[data-sb-id-or-vendor-code="Доставка до клиента"] {
    display: none !important;
}
/* Прячем колонку отдельной цены для доставки */
.smart-basket__product-item:has([data-sb-id="Доставка до клиента"]) .smart-basket__product-price {
    display: none !important;
}

/* Прячем колонку количества (если она еще видна) */
.smart-basket__product-item:has([data-sb-id="Доставка до клиента"]) .smart-basket__product-quantity {
    display: none !important;
}

/* Растягиваем название, чтобы не было дырки посередине (опционально) */
.smart-basket__product-item:has([data-sb-id="Доставка до клиента"]) .smart-basket__product-name {
    flex: 2; 
}

/* Прячем кнопку удаления конкретно для доставки */
button[data-sb-product-delete="Доставка до клиента"],
.smart-basket__product-delete[data-sb-product-delete="Доставка до клиента"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* На всякий случай скрываем иконку внутри этой кнопки */
[data-sb-product-delete="Доставка до клиента"] .smart-basket__delete-icon {
    display: none !important;
}