* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Montserrat', sans-serif;
	background: #F7F7F7;
}

body * {
	font-family: 'Montserrat', sans-serif;
}

body, html {
		max-width: 100vw;
	overflow-x: clip;
}

.container {
	max-width: 1360px;
	margin: 0 auto;
	/*padding-bottom: 8px;*/
	position: relative;
}

/* overlays */
.overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.5);
	display: none;
	z-index: 900;
}

.overlay--menu {
	position: fixed;
	top: 179px; /* 43 + 136 */
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	display: none;
	z-index: 900;
}

.overlay--search {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.5);
	display: none;
	z-index: 1200;
}

/* top bar */
.top-bar {
	position: fixed;
	top: 0;
	width: 100%;
	height: 43px;
	/*background: #0f3d2e;*/
	background: #0B3F2A;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	z-index: 1000;
	font-weight: 500;
}

/* header */
.header {
	position: fixed;
	top: 43px;
	left: 0;
	right: 0;
	z-index: 950;
	box-shadow: 0 -3px 19px -4px rgba(1, 16, 10, 0.12);
	background: #F7F7F7;
	padding-bottom: 13px;
}

.header-top {
	display: flex;
	justify-content: space-between;
	height: 72px;
	margin: 16px 0;
}

/*.header-shade {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 950;
}*/

.logo {
	display: flex;
	align-items: center;
	width: 212px;
	cursor: pointer;
	text-decoration: none;
    color: rgba(37, 38, 35, 1);
}

.logo img {
	width: 72px;
	height: 72px;
}

.logo span {
	/*font-size: 20px;*/
	margin-left: 8px;
	font-weight: 500;
}

.header-actions {
	display: flex;
	align-items: center;
}

.search {
	width: 369px;
	height: 44px;
	border: 2px solid #0f3d2e;
	border-radius: 12px;
	display: flex;
	align-items: center;
	padding: 6px 16px;
	margin-right: 16px;
	cursor: pointer;
	position: relative;
	z-index: 2;
}

.search1 {
    margin-left: auto;
    margin-right: 136px;
    background: white;
    margin-top: 73px;
}


.search input {
	border: none;
	outline: none;
	width: 100%;
	font-size: 14px;
	background: #F7F7F7;
}

/*.search-icon {
	width: 24px;
	height: 24px;
	border: none;
	background-image: url('/static/images/search.png');
	background-size: 99% 90%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #F7F7F7;
}*/

.search-icon {
	width: 24px;
	height: 24px;

	border: none;
	outline: none;

	background-image: url('/static/images/search.png');
	background-size: 99% 90%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #F7F7F7;

	/* фиксы Safari */
	-webkit-appearance: none;
	appearance: none;
	-webkit-tap-highlight-color: transparent;
	filter: none;
	-webkit-filter: none;

	/* чтобы не было системного синего */
	color: inherit;
}

.search-icon-overlay {
    width: 35.5px;
    height: 32.08px;
    border-radius: 8px;
    background-image: url(/static/images/search-white.png) !important;
    background: #0f3d2e;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.search-overlay {
	padding: 6px 6px 6px 16px !important;
}

.icons {
	display: flex;
	gap: 12px;
}

.icon {
	width: 32px;
	height: 32px;
	/*border: 1px dashed #ccc;*/
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	background-size: 100% 100%;
}

.japan {
	background: #BF140E;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	border-radius: 50%;
	border: 1.83px solid white;
	color: #FFF;
    text-align: center;
    font-weight: 600;
}

.favorite-japan {
	top:-3px;
	right: -3px;
}

.cart-japan {
	bottom: -3px;
	right: -2px;
}

.favorite {
	background-image: url('/static/images/fav.png');
	background-size: 100% 90%;
	
}

.user {
	background-image: url('/static/images/user.png');
	background-size: 80% 90%;
}

.cart {
	background-image: url('/static/images/cart.png');
	background-size: 100% 100%;
	bottom: 1px;
}

/* nav */
.nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 24px;
}

.nav-list {
	display: flex;
	gap: 24px;
	list-style: none;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
}

.nav-list li {
	cursor: pointer;

}

.arrow {
	display: inline-block;
	border: 4px solid transparent;
	border-top-color: #000;
	margin-left: 6px;
}

.telegram {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 16px;
	color: #0f3d2e;
	font-weight: 500;
	cursor: pointer;
}

.tg-icon {
	width: 24px;
	height: 24px;
	/*border: 1px dashed #ccc;*/
	background-image: url('/static/images/telegram.png');
	background-size: 80% 80%;
	background-repeat: no-repeat;
	background-position: center;
}

/* dropdown */
.dropdown {
	position: fixed;
	top: 179px;
	width: 100%;
	display: none;
	z-index: 1001;
	margin-top:13px;
}

.dropdown-inner {
	background: #fff;
	border-radius: 8px;
	padding: 32px 32px 20px 32px;
	display: flex;
	justify-content: space-between;
	min-height: 304px;
}

ul {
	list-style: none;
	padding-inline-start: 0;
}

.dropdown-list li {
	font-size: 16px;
    margin-bottom: 12px;
    cursor: pointer;
    font-weight: 600;
    color: #25262399;
    line-height: 100%;
}

.dropdown-list li:hover {
	/*font-weight: 700;*/
	color: #000;
}

.dropdown-image {
	width: 644px;
    height: 240px;
}

/* search dropdown */
.search-dropdown {
	position: fixed;
    /*top: -50px;*/
    width: 100%;
    display: none;
    z-index: 1500;
    /*right: 174px;*/
}

.search-dropdown-inner {
	width: 365px;
    /*height: 184px;*/
    margin-top: 6px;
    margin-left: auto;
    margin-right: 138px;
    background: #fff;
    border-radius: 8px;
    padding: 16px;
}

.search-title {
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 10px;
}

.search-dropdown li {
	list-style: none;
	font-size: 14px;
	margin-bottom: 10px;
}

/* main */
.main {
	/*padding-top: 179px;*/
	padding-top: 190px;
	width: 1360px;
}


.hero {
	position: relative;
	height: 750px;
	display: flex;
	align-items: center;
	border-radius: 8px;
}

.hero-bg {
	position: absolute;
	inset: 0;
	z-index: -1;
}

.hero-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.hero-content {
	max-width: 740px;
	margin-left: 56px;
}

.hero-content h1 {
	font-size: 68px;
	font-weight: 700;
	margin-bottom: 16px;
	color: #fff;
}

.hero-content p {
	font-size: 24px;
	margin-bottom: 44px;
	color: #fff;
	font-weight: 500;
	letter-spacing: -0.01em;
}

.hero-content button {
	width: 253px;
	height: 61px;
	font-size: 22px;
	border-radius: 8px;
	border: none;
	cursor: pointer;
	font-weight: 500;
	letter-spacing: -0.02em;
}

.hero-content button span {
	color: #BF140E;
	font-weight: 600;
	margin-left: 1px;
}

.no-scroll {
	overflow: hidden;
}

/*----------------------*/

/* ===== POPULAR BLOCK ===== */

.popular {
	height: 830px;
	padding: 120px 0;
	width: 1360px;
	margin: 0 auto;

}

.popular-header {
	height: 42px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.popular-title {
	font-weight: 700;
	font-size: 38px;
	line-height: 110%;
}

.popular-arrows {
	width: 72px;
	height: 32px;
	display: flex;
	gap: 8px;
}

.popular-arrow {
	width: 32px;
	height: 32px;
	/*border: 1px solid #17381E;*/
	border-radius: 4px;
	background-size: 100% 100%;
    background-repeat: no-repeat;
}

.popular-arrow.left-inactive {
	background-image: url('/static/images/arrow_left_inactive.png');
   
}

.popular-arrow.left-active {
	background-image: url('/static/images/arrow_left_active.png');
   
}

.popular-arrow.right-active {
	background-image: url('/static/images/arrow_right_active.png');
}

.popular-arrow.right-inactive {
	background-image: url('/static/images/arrow_right_inactive.png');
}

/* ===== GRID ===== */

.popular-cards {
	margin-top: 42px;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

/* ===== PRODUCT CARD ===== */

.product-card {
	display: flex;
	flex-direction: column;
	position: relative;
	background: #fff;
	/*border-radius: 16px;*/
	border-radius: 12px;
	box-shadow: 0 -3px 19px 0 rgba(1, 16, 10, 0.18);
}
.product-card-clicker {
	cursor: pointer;
    position: absolute;
    top: 50px;
    height: 327px;
    width: 100%;
    z-index: 10;
}

/*.product-card-buy {
	cursor: default;
}*/

.popular-cards .product-card {
	width: 328px;
	height: 504px;
}

.category-cards {
    display: flex;
    gap: 16px;
    width: 1131px;
    flex-wrap: wrap;
}

.category-cards .product-card {
	width: 270px;
	height: 517px;
}

.category-cards .product-card-info {
	width: unset;
}

.category-cards .product-card-choice {
	width: unset;
}

.category-cards .product-card-buy {
	width: 91%;
	margin:0 auto;
	margin-top: 16px;
}
.category-cards .product-card-weights {
	width: 96%;
	margin:0 auto;
	padding: 0 12px 0 12px;
}
.category-cards .product-card-image {
	width: unset;
}
.category-cards .product-cart-bottom {
	height: 208px;
}
.product-card-head {
	position: relative;
    height: 45px;
    padding: 20px;
    z-index: 10;
}

.product-card-image {
	/*width: 328px;*/
	margin: 0 auto;
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 327px;
}

.product-card-badge {
	position: absolute;
	height: 25px;
	padding: 0 12px;
	/*background: #BF140E;*/
	background: #073B25;
	color: #fff;
	border-radius: 50px;
	font-weight: 600;
	font-size: 14px;
	line-height: 25px;
	z-index: 1;
}

.product-card-like {
	position: absolute;
	/*top: 8px;*/
	right: 20px;
	width: 32px;
	height: 32px;
	/*border: 1px solid #17381E;*/
	/*border-radius: 50%;*/
	background-image: url('/static/images/fav.png');
    background-size: 100% 90%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.product-card-img-placeholder {
	width: 220px;
	height: 230px;
	/*border: 1px dashed #aaa;*/
	margin: 0 auto;
	margin-bottom: 35px;
}

.product-card-img-placeholder img {
	width: 220px;
	object-fit: contain;
}

/* info */

.product-card-info {
	width: 304px;
	height: 47px;
	/*margin: 16px auto 0;*/
	margin-left: 12px;
}

.product-card-title {
	font-weight: 600;
	font-size: 20px;
	line-height: 120%;
	letter-spacing: -1%;
	height: 47px;
	overflow: hidden;
}

.product-cart-bottom {
	background: #EDEDED;
	padding-top: 16px;
	height: 204px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	padding-bottom: 8px;
}

.product-card-type {
	margin-top: 4px;
	font-weight: 600;
	font-size: 14px;
	line-height: 110%;
	color: #25262380;
}

/* bottom */

.product-card-choice {
	width: 304px;
	margin: 40px auto 0;
}

.product-card-weights {
	display: flex;
	gap: 4px;
	height: 25px;
}

.product-card-weight {
	padding: 0 8px;
	height: 25px;
	border-radius: 50px;
	font-weight: 600;
	font-size: 14px;
	line-height: 25px;
	cursor: pointer;
}

.product-card-weight.active {
	/*background: rgba(23,56,30,0.5);*/
	background: #073B25;
	color: #fff;
}

/* buy */

.product-card-buy {
	margin-top: 16px;
	width: 304px;
	height: 48px;
	padding: 13px 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #073B25;
	border: none;
	border-radius: 12px;
	color: #fff;
	cursor: pointer;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}

.product-card-price {
	font-weight: 600;
	font-size: 22px;
	line-height: 100%;
}

.product-card-cart {
	width: 22px;
	height: 22px;
	/*border-radius: 6px;*/
	background-image: url('/static/images/cart_w.png');
    background-size: 100% 90%;
    background-repeat: no-repeat;

}

/* quantity */

.product-card-qty {
	display: flex;
	width: 304px;
	height: 48px;
	border-radius: 12px;
	overflow: hidden;
}

.product-card-minus {
	width: 44px;
	background: #073B25;
	color: #fff;
	font-weight: 600;
	font-size: 24px;
	line-height: 48px;
	text-align: center;
}
.product-card-plus {
	width: 44px;
	background: #073B25;
	color: #fff;
	font-weight: 600;
	font-size: 24px;
	line-height: 48px;
	text-align: center;
}

.product-card-count {
	flex: 1;
	text-align: center;
	font-weight: 600;
	font-size: 24px;
	line-height: 48px;
	color: #073B25;
}

.product-card-plus-minus {
	background: none !important;
	border: 1px solid #073B25;
	padding: unset;
}

/* ===== CATEGORIES BLOCK ===== */

.categories-block {
	width: 1360px;
	height: 782px;
	margin: 0 auto;

}

.categories-header {
	margin-bottom: 44px;
}

.categories-title {
	font-weight: 700;
	font-size: 38px;
	line-height: 110%;
	letter-spacing: -3%;
	text-transform: uppercase;
}

/* ===== GRID ===== */

.categories-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

/* ===== TILE BASE ===== */

.category-tile {
	height: 280px;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	/*border: 1px solid #ddd;*/
	background: #000;
}

/* width modifiers */

.tile-260 { width: 260px; }
.tile-532 { width: 532px; }
.tile-443 { width: 443px; }
.tile-625 { width: 625px; }

/* image placeholder */

.category-image {
	position: absolute;
	inset: 0;
	background: #333;
	cursor: pointer;
}

/* label */

.category-label {
	position: absolute;
    /* margin-top: 228px; */
    width: 100%;
    /* padding: 0 24px 18px; */
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    bottom: 18px;
}

.category-label span {
	color: #FFFFFF;
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: -1%;
    text-transform: uppercase;
    position: absolute;
    left: 24px;
}

/* arrow placeholder */

.category-arrow {
	width: 24px;
	height: 24px;
	/*border: 1px solid #FFFFFF;*/
	/*border-radius: 6px;*/
	position: absolute;
	right: 24px;
	background-image: url(/static/images/category_arrow.png);
}

/* ===== BENEFITS SECTION ===== */

.benefits-section {
	width: 1360px;
	margin: 0 auto;
	margin-bottom: 64px;
}

.benefits-wrap {
	height: 352px;
	padding: 64px 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 32px;
	background: #0B3F2A;
	border-radius: 8px;
}

/* ===== BENEFIT ITEM ===== */

.benefit-item {
	width: 411px;
	height: 224px;
	border: 1px solid rgba(255,255,255,0.6);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	color: #FFFFFF;
	background: transparent;
}

.benefit-item--rect {
	border-radius: 8px;
}

.benefit-item--round {
	border-radius: 100px;
}

/* ===== SYMBOL ===== */

.benefit-symbol {
	width: 39px;
	height: 44px;
	margin: 53px 186px 0;
	font-size: 44px;
	line-height: 44px;
	text-align: center;
}

/* ===== TEXT ===== */

.benefit-text {
	width: 283px;
	height: 50px;
	margin: 0 64px 53px;
	margin-top: auto;
	font-weight: 600;
	font-size: 22px;
	line-height: 114.9%;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
}

/* ===== MOMENT SECTION ===== */

.moment-section {
	width: 1360px;
	margin: 120px auto;
}

.moment-title {
	font-weight: 700;
	font-size: 38px;
	line-height: 110%;
	letter-spacing: -3%;
	text-transform: uppercase;
}

.moment-content {
	margin-top: 44px;
	display: flex;
	gap: 16px;
	height: 574px;
}

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

.moment-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.moment-item {
	width: 672px;
	height: 89px;
	padding: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 8px;
	background: #EEF3ED;
	cursor: pointer;
}

.moment-item span {
	font-weight: 600;
	font-size: 22px;
	line-height: 114.9%;
	text-transform: uppercase;
	color: #0F3D2E;
}

/* arrow */

.moment-arrow {
	width: 44px;
	height: 44px;
	background-image: url(/static/images/green_arrow_md.png);
	background-repeat: no-repeat;
	background-position: center;
}

/* active / hover */

.moment-item.active,
.moment-item:hover {
	background: #0F3D2E;
}

.moment-item.active span,
.moment-item:hover span {
	color: #FFFFFF;
}

.moment-item.active .moment-arrow,
.moment-item:hover .moment-arrow {
	background-image: url(/static/images/line-md_arrow-down.png);
}

/* ===== RIGHT IMAGE ===== */

.moment-preview {
	width: 672px;
	height: 574px;
	border-radius: 8px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* ===== REVIEWS SECTION ===== */

.reviews-section {
	width: 100%;
	/*height: 686px;*/
}

.reviews-header {
	width: 1360px;
	height: 84px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.reviews-title {
	font-weight: 700;
	font-size: 38px;
	line-height: 110%;
	letter-spacing: -3%;
	text-transform: uppercase;
}

/* arrows */

.reviews-arrows {
	display: flex;
	gap: 8px;
	bottom: 0;
    position: absolute;
    right: 0;
}

.reviews-arrow {
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center;
}

.reviews-arrow.left {
	background-image: url('/static/images/arrow_left_inactive.png');
}

.reviews-arrow.right {
	background-image: url('/static/images/arrow_right_active.png');
}

/* ===== GRID ===== */

.reviews-grid {
	margin-top: 44px;
	width: 1360px;
	/*height: 558px;*/
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

/* ===== CARD BASE ===== */

.review-card {
	height: 271px;
	background: #ffffff;
	border-radius: 8px;
	display: flex;
	gap: 16px;
	padding: 12px;
}

.review-small {
	width: 554px;
}

.review-large {
	width: 790px;
}

/* image */

.review-image {
	width: 247px;
	height: 247px;
	background-size: cover;
	background-position: center;
	border-radius: 8px;
}

/* body */

.review-body {
	display: flex;
	flex-direction: column;
}

.review-body-small {
	width: 190px;
}

.review-body-large {
	width: 428px;
}

/* head */

.review-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}

.review-head-small {
	width: 247px;
	height: 57px;
}

.review-head-large {
	width: 483px;
	height: 57px;
}

/* rating */

.review-rating {
	display: flex;
	gap: 4px;
	width: 124px;
	height: 24px;
}

.star {
	width: 24px;
	height: 24px;
	background-image: url('/static/images/star.png');
	background-size: contain;
	background-repeat: no-repeat;
}

.star.empty {
	background-image: url('/static/images/star_empty.png');
}
.star-half {
	background-image: url('/static/images/star_half.png');
}

/* date */

.review-date {
	font-weight: 500;
	font-size: 16px;
	line-height: 114.99%;
}

/* title */

.review-title {
	font-weight: 600;
	font-size: 22px;
	line-height: 114.99%;
	text-transform: uppercase;
	margin-bottom: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.review-title-small {
	width: 247px;
}

.review-title-large {
	width: 483px;
}

/* text */

.review-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 135%;
	color: #252623;
	overflow: hidden;
}

.review-text-small {
	width: 247px;
	height: 69px;
}

.review-text-large {
	width: 483px;
	height: 88px;
}

/* author */

.review-author {
	margin-top: 12px;
	font-weight: 400;
	font-size: 16px;
	line-height: 135%;
	color: #252623;
}

/* ===== ABOUT TEA SECTION ===== */

.about-tea-section {
	width: 100%;
	height: 788px;
	padding-top: 120px;
}

/* wrapper */

.about-tea-wrapper {
	display: flex;
	width: 1360px;
	height: 668px;
}

/* left image */

.about-tea-image {
	width: 680px;
	height: 668px;
	background-size: cover;
	background-position: center;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

/* right block */

.about-tea-content {
	width: 680px;
	height: 668px;
	background: #073B25;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

/* inner content */

.about-tea-inner {
	width: 533px;
	height: 508px;
	margin: 64px 115px 96px 32px;
	color: #FFFFFF;
	display: flex;
	flex-direction: column;
}

/* title */

.about-tea-title {
	font-weight: 500;
	font-size: 28px;
	line-height: 114.99%;
	letter-spacing: -0.03em;
	margin-bottom: 32px;
}

/* text block */

.about-tea-text {
	width: 460px;
	height: 330px;
	overflow: hidden;
}

.about-tea-text p {
	font-weight: 400;
	font-size: 16px;
	line-height: 135%;
	margin-bottom: 12px;
}

/* link */

.about-tea-link {
	margin-top: auto;
	font-weight: 500;
	font-size: 16px;
	line-height: 110%;
	color: #FFFFFF;
	text-decoration: underline;
}
/* ===== BLOG SECTION ===== */

.blog-section {
	width: 100%;
	height: 664px;
	padding-top: 96px;
	margin-bottom: 44px;
}

/* header */

.blog-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.blog-title {
	font-weight: 700;
	font-size: 38px;
	line-height: 110%;
	text-transform: uppercase;
}

.blog-all {
	/*font-weight: 500;
	font-size: 20px;
	line-height: 110%;
	text-transform: uppercase;
	color: #252623;*/
	display: inline-flex;
	align-items: center;
	gap: 10px;

	font-weight: 500;
	font-size: 16px;
	line-height: 110%;

	color: #252623;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	position: absolute;
    right: 0;
    bottom: 0;
}

/* cards wrapper */

.blog-cards {
	margin-top: 44px;
	width: 1360px;
	height: 482px;
	display: flex;
	gap: 16px;
}

/* card */

.blog-card {
	width: 443px;
	height: 482px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

/* image */

.blog-card-image {
	width: 443px;
	height: 320px;
	background-size: cover;
	background-position: center;
}

/* body */

.blog-card-body {
	padding-top: 16px;
	display: flex;
	flex-direction: column;
	height: 162px;
	/*height: calc(482px - 320px - 16px);*/
}

/* title */

.blog-card-title {
	height: 50px;
	font-weight: 600;
	font-size: 22px;
	line-height: 114.99%;
	margin-bottom: 16px;
	overflow: hidden;
}

/* text */

.blog-card-text {
	height: 38px;
	font-weight: 400;
	font-size: 16px;
	line-height: 114.99%;
	color: #252623;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 24px;
}

/* link */

.blog-card-more {
	font-weight: 500;
	font-size: 16px;
	line-height: 114.99%;
	color: #252623;
	text-decoration: underline;
}

/* ===== FAQ SECTION ===== */

.faq-section {
	width: 100%;
	/*height: 760px;*/
	padding-top: 76px;
}

/* wrapper */

.faq-wrapper {
	display: flex;
	width: 1360px;
	/*height: 684px;*/
	margin-bottom: 96px;
}

/* left image */

.faq-image {
	width: 680px;
	/*height: 684px;*/
	overflow: hidden;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.faq-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/*border-radius: 8px;*/
}

/* right content */

.faq-content {
	width: 680px;
	min-height: 684px;
	background: #E7EDE6;
	padding: 64px 32px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

/* title */

.faq-title {
	width: 616px;
	height: 42px;
	font-weight: 700;
	font-size: 38px;
	line-height: 110%;
	text-transform: uppercase;
}

/* list */

.faq-list {
	width: 616px;
	/*height: 470px;*/
	margin-top: 44px;
	display: flex;
	flex-direction: column;
}

/* item base */

.faq-item {
	width: 616px;
	padding: 16px 0 18px;
	cursor: pointer;
	border-bottom: 1px solid rgba(23, 56, 30, 0.2);
}

/* open item override */

.faq-item--open {
	/*height: 185px;*/
	/*border-bottom: none;*/
}

/* question */

.faq-border {
	border-top: 1px solid rgba(23, 56, 30, 0.2);
}

.faq-question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 25px;
	margin-bottom: 10px;
}

.faq-question span {
	font-weight: 600;
	font-size: 22px;
	line-height: 114.99%;
}

/* arrows */

.faq-arrow {
	width: 16px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
}

.faq-arrow--up {
	background-image: url('/static/images/ar1.png');
}

.faq-arrow--down {
	background-image: url('/static/images/ar2.png');
}

/* answer */

.faq-answer {
	width: 530px;
	/*height: 110px;*/
}

.faq-answer p {
	font-weight: 400;
	font-size: 16px;
	line-height: 135%;
	margin-bottom: 8px;
}

.faq-readmore {
	font-weight: 400;
	font-size: 16px;
	line-height: 135%;
	text-decoration: underline;
	color: #252623;
}

/* ===== TELEGRAM SUBSCRIBE ===== */

.tg-subscribe-section {
	width: 1360px;
    height: 330px;
    /*background-image: url(/static/images/telegram_b.jpg);*/
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    margin: 0 auto;
    margin-top: 120px;
}

.blog-tg {
	margin-top: 64px !important;
}
/* left block */

.tg-subscribe-left {
	width: 555px;
	height: 330px;
	padding-top: 64px;
	padding-left: 32px;
	padding-bottom: 24px;
	display: flex;
	flex-direction: column;
}

/* text wrapper */

.tg-subscribe-text {
	width: 523px;
	height: 134px;
	margin-bottom: 24px;
}

/* title */

.tg-subscribe-title {
	width: 523px;
    height: 64px;
    margin-bottom: 14px;
    font-weight: 600;
    font-size: 25px;
    line-height: 116%;
    text-transform: uppercase;
    color: #252623;
}

/* description */

.tg-subscribe-desc {
	width: 523px;
	height: 54px;

	font-weight: 400;
	font-size: 16px;
	line-height: 114.99%;
	color: #252623;
}

/* button */

.tg-subscribe-btn {
	width: 172px;
	height: 44px;

	background: #252623;
	color: #FFFFFF;

	border: none;
	border-radius: 8px;
	cursor: pointer;

	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
}
/* ===== FOOTER ===== */

.site-footer {
	width: 100%;
	margin-top: 8px;
	/*margin-top: 16px;*/
}

.site-footer-list a {
	color: inherit;
	text-decoration: none;
	display: inline-block;
	width: 100%;
}

.site-footer-list a:hover {
	text-decoration: underline; /* опционально */
}



.site-footer-inner {
	width: 1360px;
	height: 474px;
	background: #073B25;
	/*border-radius: 8px;*/
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding: 32px;
	display: flex;
	justify-content: space-between;
	color: #FFFFFF;
}

/* LEFT */

.site-footer-left {
	width: 560px;
	height: 402px;
	display: flex;
	flex-direction: column;
}

/* brand */

.site-footer-brand {
	width: 560px;
	height: 140px;
	display: flex;
	margin-bottom: 60px;
}

.site-footer-logo {
	width: 140px;
	height: 140px;
	/*background-image: url('/static/images/logo.png');*/
	background-size: cover;
	background-position: center;
}

.site-footer-brand-text {
	width: 209px;
	height: 66px;
	margin: 37px 0 37px 16px;
	font-weight: 400;
	/*font-size: 16px;*/
	font-size: 15px;
	line-height: 140%;
}

/* dealer */

.site-footer-dealer {
	width: 168px;
	height: 98px;
	margin-bottom: auto;
}

.site-footer-dealer-logo {
	width: 56px;
	height: 51px;
	background-image: url('/static/images/mu.png');
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 8px;
}

.site-footer-dealer-text {
	width: 168px;
	height: 34px;
	font-weight: 400;
	font-size: 14px;
	line-height: 120%;
}

/* contacts */

.site-footer-contacts {
	width: 424px;
	height: 44px;
	display: flex;
}

.site-footer-contact {
	width: 176px;
	height: 44px;
	font-weight: 400;
	font-size: 14px;
	line-height: 160%;
}

.site-footer-contact + .site-footer-contact {
	margin-left: 48px;
	width: 200px;
}

/* RIGHT */

.site-footer-right {
	width: 640px;
	height: 402px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* columns */

.site-footer-columns {
	width: 640px;
	height: 266px;
	display: flex;
	gap: 50px;
}

.site-footer-col {
	width: 180px;
}

.site-footer-col-title {
	width: 180px;
	height: 20px;
	margin-bottom: 12px;
	font-weight: 600;
	font-size: 14px;
	line-height: 140%;
}

.site-footer-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.site-footer-list li {
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	margin-bottom: 8px;
}

/* bottom */

.site-footer-bottom {
	width: 640px;
	height: 40px;
	display: flex;
	justify-content: space-between;
	align-items: end;
}

.site-footer-copy {
	width: 86px;
	height: 12px;
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
}

.site-footer-socials {
	width: 90px;
	height: 40px;
	display: flex;
	gap: 10px;
}

.site-footer-social {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.site-footer-social.tg {
	background-image: url('/static/images/tg_item.png');
}

.site-footer-social.vk {
	background-image: url('/static/images/vk__item.png');
}
/*category*/
.breadcrumbs {
	height: 48px;
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 600;
}

.crumb.muted {
	color: #25262399;
}

.crumb.active {
	color: #252623CC;
}
.category-hero {
	position: relative;
	height: 262px;
	border-radius: 8px;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}

.category-hero-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.6);
	border-radius: 8px;
}

.category-hero-title {
	position: relative;
	color: #fff;
	font-size: 64px;
	font-weight: 700;
	line-height: 110%;
}
.active-filters {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

[hidden] {
	display: none !important;
}

.filter-tag {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 12px;
	background: #073B25;
	color: #F7F7F7;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
}

.filter-remove {
	width: 20px;
	height: 20px;
	background: url('/static/images/x.png') center/contain no-repeat;
	border: none;
	cursor: pointer;
}

.filter-reset {
	padding: 7px 12px;
	border-radius: 8px;
	border: 1px solid #073B25;
	color: #073B25;
	background: transparent;
	font-weight: 500;
	font-size: 14px;
	cursor: pointer;
}
.category-topbar {
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.category-count {
	margin-left: 230px;
	font-size: 14px;
	font-weight: 600;
}

.category-sort {
	position: relative;
	cursor: pointer;
    padding-right: 24px;
}

.sort-arrow {
	width: 24px;
	height: 24px;
	background: url('/static/images/filter-arrow-down.png') center/contain no-repeat;
	display: inline-block;
	position: absolute;
    right: 0;
    bottom: -1px;
}

.category-sort.open .sort-arrow {
	background-image: url('/static/images/filter-arrow-up.png');
}

.sort-dropdown {
	position: absolute;
	top: 100%;
	right: 0;
	width: 182px;
	padding: 24px 24px 12px 24px;
	background: #fff;
	border-radius: 8px;
	display: none;
	/*z-index: 100;*/
}

.sort-dropdown {
	box-shadow: 0 -3px 19px -4px rgba(1, 16, 10, 0.12);
}

.category-sort.open .sort-dropdown {
	display: block;
    background: #FFF;
    z-index: 1;
    margin-top: 14px;
    z-index: 100;
}

.sort-dropdown div {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 12px;
	cursor: pointer;
}
.category-layout {
	display: flex;
	gap: 16px;
}
.category-filters {
	width: 213px;
}

.filter-title {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}

.filter-block {
	margin-bottom: 16px;
}

.filter-block.closed .filter-options {
	display: none;
}

.filter-arrow {
	width: 24px;
	height: 24px;
	background: url('/static/images/filter-arrow-up.png') center/contain no-repeat;
}

.filter-block .filter-arrow {
	background-image: url('/static/images/filter-arrow-up.png');
}

.filter-block.closed .filter-arrow {
	background-image: url('/static/images/filter-arrow-down.png');
}

.filter-options {
	margin-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.category-pagination {
	margin-top: 32px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.page {
	width: 26px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	cursor: pointer;
}

.page.active {
	background: #073B25;
	color: #fff;
	border-radius: 4px;
}

.page-next {
	width: 30px;
	height: 30px;
	background: url('/static/images/pagination-arrow-right.png') center/contain no-repeat;
	border: none;
	cursor: pointer;
}
.page-previous {
	width: 30px;
	height: 30px;
	background: url('/static/images/pagination-arrow-right.png') center/contain no-repeat;
	border: none;
	cursor: pointer;
	display: block;
	flex-shrink: 0;
	text-decoration: none;
	transform: rotate(180deg);
}
.nav-dropdown-trigger a {
	text-decoration: none;
	color: inherit;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.category-pagination .wrapper {
	display: flex;
    margin: 0 auto;
}
.category-layout {
	margin-bottom: 56px;
}
/*pruduct page */

.product-image-wrapper {
	wigth: 656px;
	height: 460px;
	background: #FFF;
	border-radius: 12px;
}

.product-page {
	display: flex;
	min-height: 700px;
}

.product-left { width: 656px; }
.product-right {
	width: 672px;
	margin-left: 32px;
	background: #fff;
	border-radius: 12px;
	padding: 32px;
	height: 696px;
	position: relative;
}

.product-main-image {
	width: 656px;
	height: 460px;
	object-fit: contain;
}

.product-previews {
	display: flex;
	gap: 8px;
	padding: 8px 0;
}

.product-preview {
	width: 100px;
	height: 100px;
	background-size: cover;
	border-radius: 8px;
	cursor: pointer;
}

.product-tabs {
	display: flex;
	gap: 8px;
	padding: 8px;
	margin-top: 56px;
	background: rgba(227, 229, 222, 1);
	border-radius: 8px;
	width: 100%;
}

.product-info-header {
	font-weight: 600;
	font-size: 32px;
	line-height: 130%;
	/*margin-bottom: 24px;*/
}

.product-info p {
	margin-bottom: 24px;
	margin-top: 24px;
	line-height: 130%;
}

.info-p {
	font-weight: bold;
}

.product-title {
	font-weight: 700;
    font-size: 36px;
    margin-bottom: 8px;
}

.product-rating {
	display: flex;
}

.product-rating a {
	color: rgba(0, 0, 0, 0.6);
	margin-top: 4px;
	margin-bottom: 32px;
}

.product-tab {
	height: 48px;
	padding: 0 24px;
	display: flex;
	align-items: center;
	border-radius: 8px;
	font-weight: 600;
	font-size: 22px;
	cursor: pointer;
	/*width: 213px;*/
}

.product-tab.active {
	background: #fff;
}

.product-info {
	/*min-height: 540px;*/
	margin-top: 24px;
	margin-bottom: 96px;
}

.product-info-block { display: none; }
.product-info-block.active { display: block; }

.product-stars {
	margin-right: 8px;
}

.product-stars .star {
	width: 24px;
	height: 24px;
	/*background-image: url('/static/images/star.png');*/
	background-size: cover;
	display: inline-block;
}

.product-stars .star.empty {
	background-image: url('/static/images/star_empty.png');
}

.product-review {
	padding: 32px;
	background: #fff;
	border-radius: 12px;
	margin-bottom: 16px;
}

.product-review-images {
	margin-top: 16px;
}
.product-review-images img {
	width: 100px;
	height: 100px;
	margin-right: 6px;
}

.product-review-head {
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}

.product-weights {
	display: flex;
	gap: 8px;
	margin: 16px 0;
}

.product-weight {
	padding: 8px 16px;
	border-radius: 50px;
	font-weight: 600;
	cursor: pointer;
}

.product-weight.active {
	background: #073B25;
	color: #fff;
}
.product-short-desc {
	width: 532px;
}

.product-buy-wrapper {
	position: absolute;
	bottom: 32px;
	left: 32px;
}

.product-price {
	font-size: 32px;
	font-weight: 600;
	margin-top: 58px;
}

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

.product-add {
	width: 200px;
	height: 47px;
	/*font-size: 22px;*/
	font-size: 16px;
	font-weight: 600;
	background: #073B25;
	color: #fff;
	border-radius: 8px;
	cursor: pointer;
}

.product-like {
	width: 40px;
	height: 40px;
	background: url('/static/images/fav.png') center/contain no-repeat;
	border: none;
	cursor: pointer;
}

.product-qty {
	display: flex;
	width: 200px;
	height: 47px;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #073B25;
}

.qty-btn {
	width: 44px;
	background: #073B25;
	color: #fff;
	font-size: 22px;
	border: none;
	cursor: pointer;
}

.qty-value {
	flex: 1;
	text-align: center;
	line-height: 47px;
	font-weight: 600;
}

/*blog*/

.articles-header {
	padding-top: 32px;
}

.articles-title {
	font-weight: 700;
	font-size: 38px;
	line-height: 110%;
	text-transform: uppercase;
	margin-bottom: 24px;
	color: #042A1A;
}

.articles-categories {
	display: flex;
	gap: 8px;
	padding: 8px;
	background: rgba(231,237,230,1);
	border-radius: 8px;
	min-height: 56px;
	margin-bottom: 24px;
}

.articles-category {
	height: 40px;
	padding: 0 16px;
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	color: rgba(7,59,37,.92);
	border-radius: 8px;
	cursor: pointer;
}

.articles-category.active {
	background: rgba(7,59,37,1);
	color: #fff;
}

.articles-category {
	text-decoration: none;
}

.page {
	text-decoration: none;
	color: inherit;
}

.page-next {
	display: block;
	flex-shrink: 0;
	text-decoration: none;
}

.articles-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

/*.articles-card {
	width: 443px;
	height: 464px;
	margin: auto;
	margin-bottom: 20px;
	text-decoration: unset;
    color: rgba(37, 38, 35, 1);
}*/
.articles-card {
	width: 443px;
	height: 464px;
	margin: 0;
	margin-bottom: 20px;
	text-decoration: unset;
	color: rgba(37, 38, 35, 1);
}

.articles-card-image {
	width: 100%;
	height: 320px;
	border-radius: 8px;
	background-size: cover;
	background-position: center;
}

.articles-card-meta {
	display: flex;
	justify-content: space-between;
	margin-top: 12px;
	font-weight: 500;
	font-size: 14px;
	line-height: 115%;
	color: rgba(37,38,35,.7);
}

.articles-card-title {
	margin-top: 12px;
	height: 50px;
	font-weight: 600;
	font-size: 22px;
	line-height: 115%;
	overflow: hidden;
}

.articles-card-text {
	margin-top: 12px;
	height: 38px;
	font-weight: 400;
	font-size: 16px;
	line-height: 114%;
	overflow: hidden;
	color: rgba(37,38,35,.9);
}

/*blog article*/

/* ===== ARTICLE HEADER ===== */

.blog-article-header {
	/*height: 174px;*/
	border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}

.blog-article-title-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 32px;
	margin-bottom: 16px;
}

.blog-article-title {
	font-weight: 700;
	font-size: 38px;
	line-height: 130%;
	margin: 0;
	color: #042A1A;
	text-transform: uppercase;
}

.blog-article-views {
	gap: 6px;
	font-weight: 500;
	font-size: 14px;
	line-height: 115%;
	color: #252623;
	text-align: right;
	color: rgba(37, 38, 35, .7);
}

.blog-article-intro {
	width: 1131px;
	/*height: 84px;*/
	font-weight: 400;
	font-size: 16px;
	line-height: 135%;
	margin-bottom: 32px;
}

/* ===== TEXT WRAPPERS ===== */

.blog-article-text-wrap {
	margin-top: 32px;
	display: flex;
}

.blog-article-text {
	width: 900px;
	margin-left: auto;
	margin-right: 116px;
	font-weight: 400;
	font-size: 16px;
	line-height: 135%;
}

.share-block {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: max-content;
}

.share-block .share-block-title {
	font-size: 16px;
	font-weight: 300;
	color: #073B25;
}

.share-block .buttons-row {
	display: flex;
	gap: 8px;
}

.share-block .buttons-row .button-a {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #073B25;
	border-radius: 4px;
}

.blog-article-text p {
	margin-bottom: 16px;
}

.blog-article-tag {
	display: inline-block;
	margin-right: 8px;
	font-weight: 400;
	font-size: 14px;
	color: #073B25;
}

/* ===== IMAGE ===== */

.blog-article-image {
	width: 1360px;
	height: 620px;
	margin: 32px 0;
	border-radius: 8px;
	background-size: cover;
	background-position: center;
}

/* ===== SUBTITLES ===== */

.blog-article-subtitle {
	font-weight: 600;
	font-size: 22px;
	line-height: 130%;
	margin: 32px 0 16px;
}

/* ===== BOTTOM TITLE ===== */

.blog-article-bottom-title {
	margin-top: 48px;
	font-weight: 700;
	font-size: 32px;
	line-height: 130%;
	padding-bottom: 32px;
}

/*delivery-info*/
/* ===== TITLE ===== */

.delivery-title-wrap {
	padding: 32px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.6);
	margin-bottom: 32px;
}

.delivery-title {
	font-weight: 700;
	font-size: 38px;
	line-height: 110%;
	text-transform: uppercase;
	margin: 0;
	color: #042A1A;
}

/* ===== LAYOUT ===== */

.delivery-layout {
	display: flex;
	gap: 32px;
}

/* ===== LEFT NAV ===== */

.delivery-nav {
	width: 328px;
	height: 212px;
	background: rgba(231, 237, 231, 1);
	border-radius: 8px;
	padding: 32px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	/*margin-bottom: 95px;*/
	position: sticky;
	top: 218px;
}

.top13 {
	margin-top: 13px;
	margin-bottom: 13px;
}

.delivery-nav-item {
	font-weight: 600;
	font-size: 16px;
	line-height: 125%;
	cursor: pointer;
	color: #000;
}

.delivery-nav-item:hover {
	font-weight: 700;
}

/* ===== RIGHT CONTENT ===== */

.delivery-content {
	width: 1016px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-bottom: 96px;
}

.delivery-section {
	background: #fff;
	border-radius: 8px;
	padding: 32px;
	scroll-margin-top: 200px;
}

.delivery-section h2 {
	font-weight: 600;
	font-size: 22px;
	line-height: 115%;
	margin: 0 0 16px;
}

.delivery-section p {
	font-weight: 600;
	font-size: 16px;
	line-height: 135%;
	margin-bottom: 12px;
}

/*cart*/

.cart2-header {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:32px 0;
	border-bottom:1px solid rgba(7,59,37,.6);
}

.cart2-title {
	font-weight:700;
	font-size:38px;
	text-transform:uppercase;
}

.cart2-clear {
	width:165px;
	height:40px;
	border:1px solid rgba(7,59,37,1);
	border-radius:12px;
	background:#fff;
	color: rgba(7, 59, 37, 1);
	font-weight:500;
	font-size: 14px;
	cursor: pointer;
}

.cart2-layout {
	display:flex;
	gap:32px;
	padding-top:32px;
}

.cart2-left { 
	width:786px; 
}

.cart2-summary {
	width: 443px;
    height: 413px;
    position: sticky;
    top: 218px;
    background: #ededed;
    border-radius: 12px;
    padding: 32px;
    margin-bottom: 16px;
    margin-left: auto;
    right: 0px;
}

/* ITEM */
.cart2-item {
	display:flex;
	gap:16px;
	padding-bottom: 20px;
	/*margin-bottom: 20px;*/
}

.cart2-items-separator {
	width: 100%;
	height: 20px;
	border-top:1px solid #eee;
}

.cart2-item-img { 
	/*width:213px; */
	/*height:213px; */
	width: 180px;
	height: 180px;
	border-radius: 8px;
}

.cart2-item-title {
	font-weight:600;
	font-size:20px;
}
.cart2-item-title a {
	text-decoration: unset;
	color: #000;
}
.cart2-weights {
	margin-top: 16px;
}

.cart2-weights span {
	padding:4px 10px;
	border-radius:50px;
	cursor:pointer;

}

.cart2-weights .active {
	background:#073B25;
	color:#fff;
}

.cart2-qty {
	display:flex;
	border:1px solid #073B25;
	border-radius:8px;
	width:99px;
	height:36px;
	align-items:center;
	justify-content:space-between;
	margin-top: 16px;
}

.cart2-qty button {
	width:36px;
	border:none;
	background:none;
	cursor:pointer;
}

.cart2-item-price {
	margin-left:auto;
	display:flex;
	align-items:center;
	/*gap:52px;*/
	gap: 13px;
	font-size:22px;
	font-weight:600;
}

.cart2-item-info {
	width: 100%;
}
.cart2-title-wrapper {
	display: flex;
	/*width: 100%;*/

}
/* FORM */
.cart2-form-block {
	background:#fff;
	border-radius:12px;
	padding:32px;
	margin-bottom:16px;
}

.cart2-remove {
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.cart2-input {
	width: 100%;
	height:44px;
	border:1px solid rgba(7,59,37,.5);
	border-radius:8px;
	padding:0 12px;
	/*margin-bottom:16px;*/
}

.cart2-input.error {
	border-color:rgba(191,20,14,1);
}

.cart2-error-text {
	color:rgba(191,20,14,1);
	font-size:14px;
}

/*.cart2-radio {
	display:flex;
	align-items:center;
	border:1px solid rgba(7,59,37,.5);
	border-radius:8px;
	padding:10px;
	margin-bottom:12px;
	cursor:pointer;
}

.cart2-radio.active {
	border-color:#073B25;
}*/

.cart2-radio {
	display: flex;
	width: 100%;
	align-items: center;
	gap: 12px;
	padding: 12px;
	border-radius: 8px;
	border: 1px solid rgba(7, 59, 37, 0.5);
	cursor: pointer;
}

.cart2-radio input[type="radio"] {
	accent-color: rgba(7, 59, 37, 1);
}

.cart2-radio:has(input:checked) {
	border-color: rgba(7, 59, 37, 1);
	background: rgba(7, 59, 37, 0.05);
}


.cart2-textarea {
	width:100%;
	height:100px;
	border-radius:8px;
	border:1px solid rgba(7,59,37,1);
	padding: 16px;
}

/* SUMMARY */
.cart2-summary-head {
	display:flex;
	justify-content:space-between;
	font-weight:600;
	font-size:20px;
}

.cart2-summary-lines {
	margin-top: 32px;
	color: rgba(37, 38, 35, 0.5);
	font-weight: 500;
}

.cart2-summary-lines div {
	display:flex;
	justify-content:space-between;
	margin:12px 0;
}

.cart2-agree {
	margin-top: 32px;
    width: 379px;
    /*width: 77%;*/
    height: 28px;
    font-size: 14px;
    color: rgba(37, 38, 35, 0.5);
}

.cart2-agree a {
	color: rgba(37, 38, 35, 0.5);
}

.cart2-promo {
	display:flex;
	gap:8px;
	margin:32px 0;
	margin-top:32px;
    margin-bottom:16px;
}

.cart2-form-block H2 {
	margin-bottom: 24px;
}

.cart2-inputs {
	gap: 16px;
    display: flex;
    flex-wrap: wrap;
}

.cart2-promo input {
	border: none;              
	background-color: #ededed;
	border-radius: 8px;         
	color: rgba(7, 59, 37, 1);  
	font-size: 14px;            
	line-height: 100%;
	outline: none;
	width: 162px;
    margin-right: 8px;

}

.cart2-ticket-img {
	margin-left: 0 auto;
}

.cart2-promo-button {
	width: 143px;
    border: 1px solid #073B25;
    border-radius: 8px;
    padding: 0 12px;
    height: 44px;
    font-weight: 500;
    font-size: 16px;
    color: rgba(7, 59, 37, 1);
    cursor: pointer;
}

.cart2-promo-button:hover {
	background-color: rgba(223, 223, 223, 1);
}

.promo-input {
	display:flex;
	align-items:center;
	border:1px solid #073B25;
	border-radius:8px;
	padding:0 16px;
	width:228px;
	height: 44px;
}

.cart2-submit {
	width:100%;
	height:54px;
	background:#073B25;
	color:#fff;
	border:none;
	border-radius:8px;
	font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    cursor: pointer;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

input[type="checkbox"],
input[type="radio"] {
	accent-color: rgba(7, 59, 37, 1);
}

/*search*/
/* =========================
   SEARCH RESULTS PAGE
========================= */

.searchres-head {
	width: 100%;
	height: 82px;
	padding-top: 24px;
	padding-bottom: 32px;
}

.searchres-title {
	font-weight: 700;
	font-size: 24px;
	line-height: 110%;
	color: rgba(7, 59, 37, 1);
	margin: 0;
	text-transform: uppercase;
}

/* PANEL */
.searchres-panel {
	width: 100%;
	height: 168px;
	background: rgba(255, 255, 255, 1);
	border-radius: 12px;
	padding: 32px;
	box-sizing: border-box;
}

/* INPUT + BUTTON ROW */
.searchres-row {
	display: flex;
	align-items: center;
	gap: 16px;
	height: 54px;
	margin-bottom: 24px;
}

/* INPUT */
.searchres-input {
	width: 1155px;
	height: 54px;
	padding: 19px 16px;
	border-radius: 8px;
	border: 1px solid rgba(7, 59, 37, 0.5);

	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: rgba(37, 38, 35, 1);

	box-sizing: border-box;
}

.searchres-input:focus {
	outline: none;
	border-color: rgba(7, 59, 37, 1);
}

/* BUTTON */
.searchres-button {
	width: 125px;
	height: 54px;
	border-radius: 8px;
	border: none;
	cursor: pointer;

	background: rgba(7, 59, 37, 1);
	color: rgba(255, 255, 255, 1);

	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
}

.searchres-button:hover {
	opacity: 0.9;
}

/* RESULT COUNT */
.searchres-count {
	font-weight: 600;
    font-size: 22px;
    line-height: 120%;
    color: rgba(37, 38, 35, 1);
}

.search-cards {
	min-height: 830px;
    width: 1360px;
    margin: 0 auto;
    margin-bottom: 120px;
}

/*about us*/

/* HEAD */
.aboutus-head {
	height: 106px;
	padding: 32px 0;
}

.aboutus-title {
	font-weight: 700;
	font-size: 38px;
	line-height: 110%;
	color: rgba(7, 59, 37, 1);
	text-transform: uppercase;
}

/* HERO */
.aboutus-hero {
	width: 1360px;
	height: 600px;
	background: url('/static/images/about_main.png') center / cover no-repeat;
	border-radius: 8px;
	margin-bottom: 120px;
}

/* SECTION */
.aboutus-section {
	width: 1360px;
	height: 420px;
	/*padding-top: 120px;*/
}

.aboutus-grid {
	display: flex;
	gap: 16px;
}

.aboutus-grid.reverse {
	flex-direction: row-reverse;
}

/* PHOTOS */
.aboutus-photos {
	width: 556px;
	height: 328px;
	display: flex;
	gap: 16px;
}

.aboutus-photo {
	width: 270px;
	height: 328px;
	background-size: cover;
	background-position: center;
	border-radius: 8px;
}

/* TEXT */
.aboutus-text {
	width: 668px;
	height: 328px;
	/*margin-left: auto;*/
}

.aboutus-text h2 {
	font-weight: 600;
	font-size: 22px;
	line-height: 115%;
	margin-bottom: 32px;
}

.aboutus-text p {
	font-weight: 400;
	font-size: 16px;
	line-height: 115%;
	color: rgba(37, 38, 35, 1);
}

/* VIDEO */
.aboutus-video {
	width: 1360px;
	/*min-height: 841px;*/
	padding-top: 120px;
}

.aboutus-video-head {
	height: 75px;
	margin-bottom: 32px;
	display: flex;
	justify-content: flex-end;
}

.la {
	margin-left: auto;
}
.ra {
	margin-right: auto;
}
.rr {
	width: 390px;
	height: 450px;
}
.h600 {
	height: 450px;
}
.w900 {
	width: 900px;
}

.aboutus-video-title {
font-weight: 600;
    font-size: 22px;
    line-height: 115%;
    text-transform: uppercase;
    color: rgba(37, 38, 35, 1);
    /* max-width: 900px; */
    width: 602px;
}

/* VIDEO GRID */
.aboutus-video-grid {
	display: flex;
	gap: 16px;
}

.aboutus-video-item {
	width: 443px;
	/*height: 550px;*/
	background-size: cover;
	background-position: center;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.aboutus-play {
	width: 48px;
	/*height: 64px;*/
	cursor: pointer;
	object-fit: contain;
}

/* ===== LK HEADER ===== */

.lk-head {
	width: 1360px;
	height: 106px;
	padding: 32px 0;
	border-bottom: 1px solid rgba(4, 42, 26, 0.6);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.lk-title {
	color: #042A1A;
	font-weight: 700;
	font-size: 38px;
	line-height: 110%;
	text-transform: uppercase;
	margin: 0;
}

.lk-logout {
	width: 80px;
	height: 40px;
	border-radius: 12px;
	border: 1px solid rgba(7, 59, 37, 1);
	background: transparent;
	color: rgba(7, 59, 37, 1);
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	cursor: pointer;
	font-family: 'Montserrat', sans-serif;
}

/* ===== LAYOUT ===== */

.lk-layout {
	padding-top: 32px;
	display: flex;
	gap: 73px;
	margin-bottom: 32px;
	/*margin-bottom: 120px;*/
}

/* ===== LEFT MENU ===== */

.lk-menu {
	width: 271px;
	min-height: 192px;
	padding: 32px;
	background: rgba(231, 237, 231, 1);
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	position: sticky;
	top: 217px; /* под твой fixed header */
	align-self: flex-start;
	/*margin-bottom: 120px;*/
}

.lk-menu-item {
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
	line-height: 125%;
	color: rgba(37, 38, 35, 1);
}

.lk-menu-item.is-active {
	font-weight: 700;
}

/* ===== RIGHT CONTENT ===== */

.lk-content {
	width: 1016px;
}

/* table head */
.lk-table-head {
	width: 1016px;
	height: 28px;
	display: grid;
	grid-template-columns: 213px 1fr 170px 170px;
	gap: 16px;
	align-items: center;
}

.lk-th {
	font-weight: 700;
	font-size: 16px;
	line-height: 125%;
	color: rgba(37, 38, 35, 1);
}

/* order row */
.lk-order {
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	width: 1016px;
	min-height: 260px;
	padding: 24px 0;
	display: grid;
	grid-template-columns: 213px 1fr 170px 170px;
	gap: 14px;
	align-items: start;
}

/* 1) number */
.lk-order-number {
	width: 213px;
	height: 40px;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
}

/* 2) items wrapper */
.lk-order-items {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.lk-order-item {
	width: 328px;
	height: 98px;
	display: flex;
}

.lk-order-img {
	width: 98px;
	height: 98px;
	border-radius: 8px;
	object-fit: cover;
	display: block;
}

.lk-order-meta {
	margin-left: 16px;
	width: 214px;
}

.lk-order-name {
	font-weight: 600;
	font-size: 16px;
	line-height: 120%;
	color: rgba(37, 38, 35, 1);
	margin-bottom: 8px;
}

.lk-order-qty {
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	color: rgba(0, 0, 0, 0.6);
	margin-bottom: 8px;
}

.lk-order-posprice {
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	color: rgba(0, 0, 0, 1);
}

/* 3) total */
.lk-order-total {
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	color: rgba(37, 38, 35, 1);
}

/* 4) status */
.lk-order-status {
}

.lk-order-state {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: rgba(24, 137, 89, 1);
	margin-bottom: 8px;
}

.lk-order-delivery {
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	color: rgba(0, 0, 0, 0.6);
}

.lk-empty {
	width: 100%;
	/*min-height: 560px;*/
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding-top: 0;
	text-align: center;
}

.lk-empty-text {
	font-weight: 500;
	font-size: 20px;
	line-height: 125%;
	color: rgba(37, 38, 35, 1);
	margin-top: 0;
	margin-bottom: 24px;
}

.lk-empty-btn {
	width: 128px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(7, 59, 37, 1);
	border-radius: 12px;
	color: rgba(255, 255, 255, 1);
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	text-decoration: none;
}

.lk-content .popular-cards {
	margin-top: 0px !important;
}

.lk-content .review-card {
	width: 100% !important;
	margin-bottom: 16px;
}
.lk-content .review-head {
	width: 100% !important;
}
.lk-content .review-title {
	width: 100% !important;
}
.lk-content .review-text {
	width: 100% !important;
}
.lk-content .review-body {
	width: 713px !important;
}

.update-settings {
	width: 257px;
    height: 54px;
    background: #073B25;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    position: absolute;
    right: 0;
    cursor: pointer;
}
.update-settings-wrapper {
	position: relative;
    border-radius: 12px;
    margin-bottom: 120px;
    height: 54px;
}

.document-text {
	background-color: #FFF;
	padding: 32px;
	width: 100%;
	margin-top: 32px;
	margin-bottom: 96px;
}

.contacts-header {
	height: 106px;
	padding: 32px 0;
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(7, 59, 37, .6);
}

.contacts-title {
	font-weight: 700;
	font-size: 38px;
	line-height: 110%;
	color: rgba(7, 59, 37, 1);
	text-transform: uppercase;
	margin: 0;
}

.contacts-content {
	width: 100%;
	padding-top: 32px;
	display: flex;
	flex-direction: column;
}

.contacts-block {
	width: 100%;
	/*min-height: 59px;*/
	margin-bottom: 56px;
	/*margin-top: 56px;*/
}

.contacts-block-title {
	font-weight: 600;
	font-size: 22px;
	line-height: 115%;
	color: rgba(37, 38, 35, 1);
	text-transform: uppercase;
	/*margin-bottom: 16px;*/
}

.contacts-block-text {
	font-weight: 500;
	font-size: 16px;
	line-height: 115%;
	color: rgba(37, 38, 35, 1);
	margin-top: 16px;
}

.contacts-link {
	color: rgba(7, 59, 37, 1);
	text-decoration: none;
}

.contacts-ozon {
	font-weight: 600;
}

.contacts-block-large {
	/*margin-bottom: 56px;*/
}

.cookie-banner {
	position: fixed;
	
	right: 40px;
    bottom: 20px;

	/*transform: translateX(-50%);*/
	
	width: 600px;
	height: 102px;

	background: #ffffff;
	border-radius: 8px;
	padding: 24px;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;

	/*box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);*/
	box-shadow: 0 -3px 19px -4px rgba(1, 16, 10, 0.12);
	z-index: 1000;
}

.cookie-text {
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	color: rgba(0, 0, 0, 1);
	width: 382px;
}

.cookie-text a {
	color: rgba(0, 0, 0, 1);
	text-decoration: underline;
}

.cookie-button {
	width: 145px;
	height: 54px;
	border-radius: 8px;
	border: none;
	background-color: rgba(7, 59, 37, 1);
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	color: #FFF;

	cursor: pointer;
}

.mobile-nav-bottom {
	display: none;
}

.product-right-mobile {
	display: none;
}

.open-button-category {
	display: none;
}

.mobile-categories-menu {
	display: none;
}

/* ===== MOBILE FILTER & SORT POPUPS ===== */

.mobile-filter-overlay,
.mobile-sort-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 56px;
	z-index: 1000;
}

.mobile-filter-overlay.active,
.mobile-sort-overlay.active {
	display: flex;
}

/* Filter popup — full screen white */
.mobile-filter-overlay {
	background: #fff;
}

.mobile-filter-popup {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.mobile-popup-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 16px;
	flex-shrink: 0;
}

.mobile-popup-title {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #252623;
}

.mobile-popup-close {
	background: transparent;
	border: none;
	color: #073B25;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	padding: 0;
}

.mobile-popup-body {
	flex: 1;
	overflow-y: auto;
	padding: 0 16px 24px;
}

.mobile-popup-body::-webkit-scrollbar {
	width: 4px;
}

.mobile-popup-body::-webkit-scrollbar-track {
	background: #e0e0e0;
	border-radius: 4px;
}

.mobile-popup-body::-webkit-scrollbar-thumb {
	background: #073B25;
	border-radius: 4px;
}

.mobile-popup-body .filter-block {
	margin-bottom: 8px;
}

.mobile-popup-body .filter-title {
	padding: 12px 0;
	font-size: 15px;
	font-weight: 600;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.mobile-popup-body .filter-options {
	margin-top: 0;
	padding-bottom: 8px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.mobile-popup-body .filter-options label {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 14px;
	font-weight: 400;
	color: #252623;
	cursor: pointer;
}

.mobile-popup-body .filter-options input[type="checkbox"] {
	width: 18px;
	height: 18px;
	accent-color: #073B25;
	flex-shrink: 0;
}

/* Sort popup — bottom sheet */
.mobile-sort-overlay {
	background: rgba(0, 0, 0, 0.4);
	align-items: flex-end;
}

.mobile-sort-popup {
	width: 100%;
	background: #fff;
	border-radius: 16px 16px 0 0;
}

.mobile-sort-popup .mobile-popup-header {
	padding: 20px 16px 24px;
}

.mobile-sort-options {
	padding: 24px 24px 12px;
	border-radius: 8px;
	background: #F7F7F7;
	margin: 0 16px 24px;
}

.mobile-sort-option {
	font-size: 15px;
	margin-bottom: 12px;
	color: #252623;
	cursor: pointer;
	font-weight: 700;
}

.mobile-sort-option.active {
	color: #073B25;
}

.mobile-sort-option:active {
	background: #f5f5f5;
	border-radius: 8px;
}

.auth-popup {
	display: none;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.5);
	width: 100vw;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10001;
}

.auth-popup.active {
	display: flex;
}

.pop-content {
	padding: 48px;
	background: #FFFFFF;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	width: 500px;
}

.pop-content .pop-title {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 32px;
	color: #042A1A;
}

.pop-content .pop-input {
	margin-bottom: 8px;
	height: 44px;
	padding-inline: 16px;
	border: 1px solid #073B25;
	font-size: 14px;
	color: #252623;
	border-radius: 8px;
	outline: none;
}

.pop-content .recover-btn {
	font-size: 14px;
	color: #073B25;
	margin-bottom: 32px;
}

.pop-content .login-button {
	background: #073B25;
	border-radius: 8px;
	margin-bottom: 8px;
	font-size: 16px;
	color: #fff;
	padding: 17px;
	border: none;
	cursor: pointer;
}

.pop-content .open-registration {
	border-radius: 8px;
	font-size: 16px;
	color: #073B25;
	padding: 17px;
	cursor: pointer;
	border: 1px solid #073B25;
	background: transparent;
}

.registration-popup {
		display: none;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.5);
	width: 100vw;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10001;
}

.registration-popup.active {
	display: flex;
}

.pop-content .input-label {
	font-size: 14px;
	margin-bottom: 4px;
	position: relative;
	width: max-content;
}

.pop-content .input-label.required:after {
	content: "*";
	font-size: 14px;
	position: absolute;
	right: -6px;
	top: 0;
	color: red;
}

.pop-content .sogl-wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 8px;
	margin-bottom: 32px;
	margin-top: 8px;
}

.pop-content .sogl-wrapper label {
	font-size: 14px;
	color: #252623;
	cursor: pointer;
	opacity: .5;
}

.pop-content .sogl-wrapper label a {
	color: #252623;
}

.header-menu-profile, .header-menu-auth {
	display: none;
}

.share-block-mobile {
	display: none;
}

.blog-all-mobile {
	display: none;
}

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

	.category-pagination {
		width: 100%;
	}

	.lk-head {
		width: 100%;
	}

	.product-card-qty {
		width: 100%;
	}

	.search1 {
		margin-right: 136px;
        margin-top: 83px;
	}

	.search-dropdown-inner {
		margin-right: 136px;
	}

	main {
		max-width: 100%;
		display: flex;
		flex-direction: column;
	}

	body section {
		max-width: 100%;
	}

	.header {
		max-width: 100vw;
		padding: 10px 0;
	}

	.header .container {
		max-width: 1360px;
	}

	.container {
		max-width: 100%;
		padding-inline: 20px;
	}

	.nav-list {
		gap: 16px;
		font-size: 16px;
	}

	.hero-content h1 {
		font-size: 58px;
	}

	.hero-content p {
		font-size: 22px;
	}

	.popular-cards .product-card {
		max-width: calc(25% - 12px);
		height: max-content;
		min-height: 100%;
		width: 100%;
	}

	.product-card-choice {
		width: 100%;
		/*padding-inline: 12px;*/
	}

	.product-cart-bottom {
		display: flex;
		flex-direction: column;
	}

	.product-card-buy {
		width: 100%;
	}

	.product-card-image {
		width: 100%;
		object-fit: cover;
		/*height: unset;*/
	}

	.product-card-weights, .catalog .product-card-weights {
		flex-wrap: wrap;
		height: max-content;
	}

	.product-card-info {
		width: 100%;
	}

	.tile-260 {
		width: 220px;
	}

	.tile-532 {
		width: 452px;
	}

	.tile-625 {
		width: 530px;
	}

	.tile-443 {
		width: 378px;
	}

	.benefits-wrap {
		gap: 16px;
		width: 100%;
		padding-inline: 24px;
	}

	.benefit-item:nth-of-type(1), .benefit-item:nth-of-type(3) {
		width: calc(32.5% - 11px);
	}

	.benefit-item:nth-of-type(2) {
		width: calc(34.8% - 11px);
	}

	.benefit-text {
		max-width: 260px;
		width: 100%;
	}

	.reviews-grid, .reviews-header {
		max-width: 100%;
	}

	.about-tea-wrapper {
		max-width: 100%;
	}

	.blog-cards {
		max-width: 100%;
		overflow: auto;
	}

	.faq-wrapper {
		max-width: 100%;
	}

	.site-footer-inner {
		max-width: 100%;
	}

	.review-small {
		max-width: calc(40% - 16px);
		width: 100%;
	}

	.review-image {
		max-width: 200px;
		aspect-ratio: 1/1;
		width: 100%;
		max-height: 200px;
	}

	.review-large {
		max-width: 60%;
	}

	.review-head-small, .review-head-large {
		width: 100%;
		justify-content: space-between;
	}

	.review-body-small, .review-body-large {
		width: 100%;
		padding-right: 20px;
		min-width: 0;
	}

	.review-text-large, .review-text-small {
		width: 100%;
	}

	.about-tea-image, .about-tea-content {
		width: 50%;
	}

	.blog-card {
		min-width: 443px;
	}

	.blog-card-body {
		padding-right: 42px;
	}

	.blog-card-image {
		width: 443px;
		height: 320px;
	}

	.faq-image {
		width: 50%;
	}

	.faq-content {
		width: 50%;
	}

	.tg-subscribe-section {
		margin: 0 20px;
		width: calc(100% - 40px);
	}

	.site-footer-left {
		width: 442px;
	}

	.category-filters {
		min-width: 196px;
		width: 196px;
	}

	.category-cards {
		width: 100%;
		flex-wrap: unset !important;
	}

	.category-cards .product-card {
		/*max-width: 225px;*/
		/*height: max-content;*/
		width: 100%;
		max-width: 270px !important;
	}

	.product-card-img-placeholder {
		width: 190px;
		height: 198px;
	}

	.product-card-img-placeholder img {
		width: 100%;
		height: 100%;
	}

	.category-cards .product-card-choice {
		width: 100%;
		padding-bottom: 12px;
	}

	.category-cards .product-cart-bottom {
		height: max-content;
	}

	.articles-card {
		width: calc(33% - 11px);
	}

	.blog-article-title {
		font-size: 38px;
	}

	.blog-article-intro {
		width: 100%;
		font-size: 24px;
	}

	.blog-article-text {
		width: 100%;
		margin-left: 264px;
		margin-right: 121px;
	}

	.blog-article-text-wrap {
		display: flex;
	}

	.delivery-nav {
		height: max-content;
		min-width: 278px;
		width: 278px;
	}

	.delivery-layout {
		gap: 16px;
	}

	.delivery-content {
		width: 100%;
		gap: 16px;
	}

	.main .tg-subscribe-section {
		margin: 0;
		width: 100%;
		margin-top: 120px;
	}

	.cookie-banner {
		right: 20px;
	}

	.product-main-image {
		width: 572px;
	}

	.product-right {
		width: 100%;
		height: max-content;
	}

	.product-buy-wrapper {
		position: initial;
	}

	.product-tab {
		font-size: 20px;
		min-width: max-content;
	}

	.popular-cards {
		margin-bottom: 120px;
	}

	.aboutus-hero {
		width: 100%;
		height: 512px;
	}

	.aboutus-text {
		width: 100%;
		height: max-content;
		margin: 0;
	}

	.aboutus-grid {
		width: 100%;
	}

	.aboutus-photos {
		width: 476px;
		min-width: 476px;
	}

	.aboutus-photo {
		width: 100%;
	}

	.aboutus-video {
		width: 100%;
		min-height: 0;
	}

	.aboutus-video-item {
		width: 100%;
		height: 468px;
	}

	.aboutus-section {
		width: 100%;
	}

	.aboutus-photos.w900 {
		width: 766px;
		min-width: 766px;
	}

	.cart2-summary {
		width: 100%;
	}

	.cart2-left {
		min-width: 718px;
	}

	.lk-menu {
		min-width: 245px;
	}

	.lk-layout {
		gap: 49px;
	}

	.lk-content, .lk-table-head, .lk-order {
		width: 100%;
	}

	.lk-order-number {
		width: 131px;
	}

	.lk-order {
		grid-template-columns: 147px 1fr 170px 170px;
	}

	.lk-content .popular-cards {
		margin-bottom: 0;
		flex-wrap: wrap;
	}

	.lk-content .popular-cards .product-card {
		max-width: calc(33% - 12px);
	}

	.lk-content .review-card {
		max-width: 100%;
		height: max-content;
	}

	.lk-content .review-body {
		width: 100%!important;
	}

	.lk-empty-btn {
		width: max-content;
		height: max-content;
		padding: 17px 34px;
	}
}

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

	.share-block {
		display: none;
	}

	.share-block.share-block-mobile {
		display: flex;
		max-width: 100%;
		margin-top: 16px;
	}

	.product-card-weights, .catalog .product-card-weights {
		width: 100%;
		overflow: auto;
		flex-wrap: nowrap;
	}

	.product-card-weight {
		font-size: 12px;
	}

	.aboutus-play {
		width: 24px;
	}

	.category-cards-wrapper {
		width: 100%;
	}


	.categories-grid {
		max-width: 100%;
		margin-inline: auto;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	}

	.categories-grid .tile-260, .categories-grid .tile-532, .categories-grid .tile-443, .categories-grid .tile-625 {
		width: 100%;
		max-width: 100%;
	}

	.categories-grid .tile-260 {
		 grid-column: span 2;
	}

	.categories-grid .tile-532 {
		grid-column: span 3;
	}

	.categories-grid .tile-443 {
		grid-column: span 3;
	}

	.categories-grid .tile-625 {
		grid-column: span 4;
	}

	.lk-menu, .delivery-nav {
		position: initial;
	}

	#activeFilters {
		display: none;
	}

	.search1 {
		margin-right: 16px;
		margin-top: 65px;
	}

	.search-dropdown-inner {
		margin-right: 16px;
	}

	.icons {
		display: none;
	}

	.logo {
		width: 214px;
	}

	.logo span {
		font-size: 16px;
	}

	.logo img {
		width: 63px;
		height: 63px;
	}

	.container {
		padding-inline: 16px;
	}

	.header {
		padding: 0;
	}

	.nav {
		display: none;
	}

	.header-top {
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.main {
		padding-top: 150px;
	}

	.contacts-header {
		height: 81px;
		padding: 0;
	}

	.contacts-title {
		font-size: 30px;
	}

	.contacts-block-title {
		font-size: 20px;
	}

	.contacts-block-text {
		margin-top: 12px;
	}

	.contacts-block {
		margin-bottom: 32px;
	}

	.tg-subscribe-left {
		padding-left: 24px;
		padding-top: 32px;
		max-width: 377px;
		width: 100%;
	}

	.tg-subscribe-text, .tg-subscribe-desc, .tg-subscribe-title {
		width: 100%;
		height: max-content;
	}

	.tg-subscribe-title {
		font-size: 24px;
	}

	.tg-subscribe-title br {
		display: none;
	}

	.tg-subscribe-btn {
		width: 236px;
		height: 52px;
	}

	.site-footer-columns {
		display: none;
	}

	.site-footer-brand {
		width: max-content;
		display: flex;
		height: max-content;
		align-content: center;
		margin-bottom: 32px;
	}

	.site-footer-brand-text {
		width: max-content;
		height: max-content;
		max-width: 209px;
		font-size: 14px;
		margin: auto 0;
	}

	.site-footer-logo {
		width: 70px;
		height: 70px;
		margin-right: 12px;
	}

	.site-footer-left {
		width: max-content;
		height: max-content;
	}

	.site-footer-inner {
		flex-direction: column;
		width: 100%;
		height: max-content;
		padding: 24px;
		margin-bottom: 72px;
		border-radius: 8px ;
	}

	.site-footer-dealer-logo {
		width: 48px;
		height: 53px;
	}

	.site-footer-dealer {
		margin-bottom: 32px;
	}

	.site-footer-contacts {
		flex-direction: column;
		gap: 16px;
		height: max-content;
	}

	.site-footer-contact + .site-footer-contact {
		margin: 0;
	}

	.site-footer-bottom {
		width: 100%;
		height: max-content;
		margin-top: 72px;
	}

	.site-footer-right {
		width: 100%;
		height: max-content;
	}

	.cookie-banner {
		width: calc(100% - 32px);
		bottom: 72px;
		left: 16px;
		right: 0;
	}

	.cookie-text {
		max-width: 60%;
		width: 100%;
	}

	.mobile-nav-bottom {
		display: flex;
		position: fixed;
		z-index: 1001;
		bottom: 0;
		width: 100%;
		left: 0;
		height: 56px;
		background: #073B25;
		align-items: center;
		justify-content: center;
		gap: 45px;
		box-shadow: 0px -12px 16px 0px rgba(1, 16, 10, 0.2);
	}

	.mobile-nav-bottom .mobile-button {
		height: 24px;
		width: auto;
		background: transparent;
		outline: none;
		box-shadow: none;
		border: none;
	}

    .cart2-header {
		padding: 24px 0;
		font-size: 30px;
		width: 100%;
	}

	.cart2-title {
		font-size: 30px;
	}

	.document-text {
		margin-top: 16px;
	}

	.document-text {
		margin-bottom: 80px;
	}

	.aboutus-head {
		padding: 24px 0;
		height: max-content;
	}

	.aboutus-title {
		font-size: 30px;
	}

	.aboutus-hero {
		height: 450px;
		margin-bottom: 32px;
	}

	.aboutus-grid {
		display: flex;
		flex-direction: column-reverse;
		height: max-content;
		gap: 24px;
	}

	.aboutus-text h2 {
		font-size: 20px;
		margin-bottom: 24px;
	}

	.aboutus-photos {
		width: 100%;
		gap: 8px;
	}

	.aboutus-section {
		height: max-content;
		margin-bottom: 64px;
	}

	.aboutus-grid.reverse {
		flex-direction: column-reverse;
		height: max-content;
	}

	.aboutus-photos {
		height: max-content;
	}

	.aboutus-video {
		padding-top: 0;
	}

	.aboutus-video-head {
		justify-content: flex-start;
	}

	.aboutus-video-title {
		width: 100%;
		max-width: 100%;
	}

	.aboutus-video-item {
		height: 320px;
	}

	.delivery-title {
		font-size: 30px;
		width: 100%;
	}

	.delivery-title-wrap {
		padding: 24px 0;
		width: 100%;
		margin-bottom: 16px;
	}

	.delivery-layout {
		flex-direction: column;
		gap: 16px;
	}

	.delivery-nav {
		width: 100%;
		min-width: 0;
		flex-direction: row;
		overflow-x: auto;
		padding: 8px 16px;
		gap: 32px;
	}

	.delivery-nav-item {
		min-width: max-content;
	}

	.delivery-content {
		margin-bottom: 80px;
	}

	.blog-article-title-row {
		margin-top: 24px;
	}

	.blog-article-title {
		font-size: 32px;
		line-height: 100%;
	}

	.blog-article-intro {
		font-size: 22px;
		margin-bottom: 24px;
	}

	.blog-article-text-wrap {
		margin-top: 16px;
	}

	.blog-article-text {
		width: 100%;
		margin-inline: 0;
	}

	.blog-article-image {
		width: 100%;
		margin-top: 0;
		margin-bottom: 0;
		height: 620px;
		object-fit: cover;
	}

	.blog-article-subtitle {
		margin-top: 24px;
	}

	.blog-article-bottom-title {
		padding-bottom: 24px;
		margin-top: 64px;
	}

	.articles-cards {
		overflow-x: auto;
		display: flex;
		flex-wrap: nowrap;
	}

	.articles-card {
		min-width: calc(50% - 6px);
		margin: 0;
	}

	.articles-categories {
		overflow: auto;
		height: max-content;
		max-height: max-content;
		min-height: 0;
		margin-bottom: 16px;
	}

	.articles-category {
		min-width: max-content;
		font-size: 14px;
		height: max-content;
		padding: 8px 16px;
	}

	.articles-cards-blog {
		flex-wrap: wrap;
	}

	.searchres {
		padding-bottom: 24px;
		font-size: 22px;
		height: max-content;
	}

	.searchres-input {
		width: 100%;
	}

	.searchres-count {
		font-size: 20px;
	}

	.searchres-panel {
		padding: 24px;
	}

	.product-page {
		flex-direction: column;
	}

	.product-left {
		width: 100%;
	}

	.product-tabs {
		margin-top: 32px;
	}

	.product-right {
		margin: 0;
		display: none;
	}

	.product-right-mobile {
		display: block;
		padding: 24px;
		margin-top: 16px;
	}

	.product-title {
		font-size: 30px;
		margin-bottom: 12px;
	}

	.product-short-desc {
		width: 100%;
	}

	.product-tabs {
		justify-content: space-between;
	}

	.product-tab {
		width: calc(33% - 12px);
		text-align: center;
		justify-content: center;
	}

	.product-info {
		margin-bottom: 64px;
	}

	.popular-arrows {
		display: none;
	}

	.popular-title {
		font-size: 30px;
	}

	.popular-cards {
		margin-top: 24px;
	}

	.product-card {
		min-width: 278px;
	}

	.popular-cards {
		overflow: auto;
		flex-wrap: nowrap;
	}

	.product-left {
		display: flex;
		flex-wrap: wrap;
	}

	.product-previews {
		display: flex;
		flex-direction: column;
		margin-left: 8px;
		margin-top: 0;
		padding-top: 0;
	}

	.product-image-wrapper {
		width: calc(100% - 110px);
	}

	.hero-content h1 {
		font-size: 42px;
	}

	.hero-content p {
		margin-bottom: 32px;
		font-size: 22px;
	}

	.hero, .hero-bg, .hero-bg img {
		border-radius: 8px;
	}

	.popular {
		padding-top: 64px;
		padding-bottom: 64px;
		height: max-content;
		width: 100%;
	}

	.popular .popular-cards {
		margin-bottom: 0;
	}

	.categories-title {
		font-size: 30px;
	}

	.categories-header {
		margin-bottom: 24px;
	}

	.categories-grid {
		gap: 8px;
	}

	.tile-260 {
		width: 140px;
		height: 140px;
	}

	.tile-532 {
		width: 292px;
		height: 140px;
	}

	.tile-443 {
		width: 260px;
		height: 140px;
	}

	.tile-625 {
		width: 290px;
		height: 140px;
	}

	.category-label {
		bottom: 16px;
		height: max-content;
		min-height: 16px;
		width: 100%;
	}

	.category-label span {
		font-size: 16px;
		left: 16px;
	}

	.category-arrow {
		right: 16px;
	}

	.tile-158-mob {
		width: 170px;
	}

	.categories-block {
		width: 100%;
		height: max-content;
		margin-bottom: 64px;
	}

	.benefits-wrap {
		gap: 8px;
		padding: 48px 24px;
		height: max-content;
	}

	.benefit-text {
		max-width: 100%;
		font-size: 14px;
		margin-bottom: auto;
		margin-top: 0;
		height: max-content;
	}

	.benefit-item {
		height: 140px;
	}

	.benefit-symbol {
		width: 28px;
		height: max-content;
		margin-bottom: 8px;
		margin-top: 16px;

		font-size: 28px;
	}

	.benefit-item:nth-of-type(2) {
		height: 120px;
	}

	.benefit-item:nth-of-type(1), .benefit-item:nth-of-type(3) {
        width: calc(32.5% - 5px);
    }

	.benefit-item:nth-of-type(2) {
        width: calc(34.8% - 5px);
    }


	.moment-section {
		/*margin-top: 64px;*/
		margin-bottom: 64px;
		display: none;
	}

	.moment-title {
		font-size: 30px;
	}

	.moment-content {
		height: max-content;
		margin-top: 24px;
		flex-direction: column;
	}

	.moment-item {
		width: 100%;
		padding: 20px 24px;
		height: max-content;
	}

	.moment-arrow {
		width: 32px;
		height: 32px;
	}

	.moment-preview {
		width: 100%;
	}

	.moment-item span {
		font-size: 20px;
	}

	.reviews-arrows {
		display: none;
	}

	.reviews-title {
		font-size: 30px;
		width: 100%;
	}

	.reviews-title br {
		display: none;
	}

	.reviews-header {
		height: max-content;
	}

	.reviews-grid {
		margin-top: 24px;
		width: 100%;
		flex-wrap: nowrap;
		overflow: auto;
		height: max-content;
	}

	.reviews-section {
		height: max-content;
	}

	.about-tea-section {
		padding-top: 64px;
	}

	.blog-section {
		padding-top: 64px;
		margin-bottom: 0;
		height: max-content;
		width: 100%;
	}

	.faq-section {
		padding-top: 64px;
		height: max-content;
		width: 100%;
	}

	.faq-wrapper {
		margin-bottom: 64px;
	}

	.about-tea-wrapper {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.about-tea-image, .about-tea-content {
		width: 100%;
	}

	.about-tea-image {
		height: 450px;
		border-radius: 8px 8px 0 0;
	}

	.about-tea-inner {
		width: 100%;
		height: max-content;
		margin: 32px 24px 64px;
	}

	.about-tea-title {
		width: 100%;
		margin-bottom: 24px;
		font-size: 24px;
	}

	.about-tea-title br {
		display: none;
	}

	.about-tea-wrapper {
		height: max-content;
		border-radius: 8px;
	}

	.about-tea-content {
		display: flex;
		height: max-content;
		border-radius: 0 0 8px 8px;
	}

	.about-tea-text {
		width: 100%;
		height: max-content;
	}

	.about-tea-section {
		height: max-content;
	}

	.faq-wrapper {
		flex-direction: column;
		margin-bottom: 64px;
		height: max-content;
	}

	.faq-content {
		width: 100%;
		height: max-content;
		padding: 32px 24px 64px;
		border-radius: 0 0 8px 8px;
	}

	.faq-image {
		width: 100%;
		height: 400px;
		border-radius: 8px 8px 0 0;
	}

	.faq-title {
		font-size: 30px;
	}

	.faq-list {
		width: 100%;
		height: max-content;
		margin-top: 24px;
	}

	.faq-item {
		width: 100%;
	}

	.faq-question span {
		font-size: 20px;
		height: max-content;
	}

	.cart2-layout {
		flex-direction: column;
		width: 100%;
	}

	.cart2-summary {
		position: initial;
	}

	.cart2-form {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.cart2-form-block {
		width: 100%;
	}

	.cart2-left {
		min-width: 0;
		width: 100%;
	}

	.searchres-title {
		font-size: 22px;
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.searchres-head {
		padding: 0;
		height: max-content;
	}

	.searchres-button {
		min-width: 125px;
	}

	.searchres-panel {
		height: max-content;
	}

	.search-cards .popular-cards, .lk-content .popular-cards {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 8px;
		overflow: initial;
	}

	.search-cards .popular-cards .product-card,
	.lk-content .popular-cards .product-card,
	.category-cards .product-card{
		min-width: 0;
		max-width: 100%;
		min-height: 380px;
		height: max-content;
		/*height: auto;*/
	}

	.search-cards  .product-card-img-placeholder,
	.lk-content .product-card-img-placeholder,
	.category-cards .product-card-img-placeholder{
		width: 100%;
		margin-bottom: 8px;
		margin-top: -10px;
		height: 160px;
		object-fit: cover;
	}

	.search-cards .product-card-image,
	.lk-content .product-card-image,
	.category-cards .product-card-image{
		padding-inline: 12px;
		height: unset;
	}

	.search-cards  .product-card-title,
	.lk-content .product-card-title,
	.category-cards .product-card-title{
		font-size: 14px;
	}
	.search-cards .product-card-type,
	.lk-content .product-card-type,
	.category-cards .product-card-type{
		font-size: 12px;
	}

	.search-cards .product-card-choice,
	.lk-content .product-card-choice,
	.category-cards .product-card-choice{
		/*padding-inline: 8px;*/
		padding-bottom: 8px;
		margin-top: auto;
	}

	.search-cards .product-card-badge,
	.lk-content .product-card-badge,
	.category-cards  .product-card-badge{
		font-size: 10px;
		height: 17px;
		line-height: 17px;
		left: 13px;
		top: 13px;
	}

	.search-cards .product-card-like,
	.lk-content .product-card-like,
	.category-cards .product-card-like{
		top: 13px;
		right: 13px;
		width: 25px;
		height: 25px;
	}

	.search-cards .product-card-head,
	.lk-content .product-card-head,
	.category-cards .product-card-head{
		padding: 0;
	}

	.search-cards .product-card-clicker,
	.lk-content .product-card-clicker,
	.category-cards  .product-card-clicker {
		height: 220px;
	}

	.search-cards .product-cart-bottom,
	.lk-content .product-cart-bottom,
	.category-cards .product-cart-bottom{
		height: max-content;
		flex-grow: 1;
	}

	.search-cards .product-card-info,
	.lk-content .product-card-info,
	.category-cards .product-card-info{
		height: max-content;
		margin-left: 0;
		padding-inline: 13px;
		padding-bottom: 3px;
	}

	.lk-head {
		width: 100%;
		height: max-content;
		padding: 24px 0;
	}

	.lk-title {
		font-size: 30px;
	}

	.lk-layout {
		gap: 16px;
		flex-direction: column;
	}

	.lk-menu {
		min-width: 0;
		width: 100%;
		overflow: auto;
		flex-direction: row;
		height: max-content;
		min-height: 0;
		padding: 12px;
	}

	.lk-menu-item {
		height: max-content;
		min-width: max-content;
	}

	.lk-table-head {
		height: max-content;
		padding-bottom: 8px;
		grid-template-columns: 147px 290px 110px 1fr;
	}

	.lk-order {
		grid-template-columns: 147px 300px 110px 1fr;
	}

	.mobile-nav-menu {
		display: none;
	}

	.mobile-nav-menu.active {
		display: flex;
		position: absolute;
		bottom: 100%;
		left: 0;
		width: 100vw;
		height: calc(100vh - 56px);
		z-index: 1000;
		background: rgba(0, 0, 0, 0.5);
	}

	.mobile-nav-menu .menu-content {
		background: #FFF;
		padding: 24px 16px;
		display: flex;
		flex-direction: column;
		width: 100%;
		height: max-content;
		max-height: 80vh;
		overflow: auto;
		margin-top: auto;
	}

	.mobile-nav-menu .menu-content .link-btn {
		width: 100%;
		background: #F1F1F1;
		color: #252623;
		font-size: 16px;
		padding: 16px;
		margin-bottom: 4px;
		border-radius: 8px;
		text-decoration: none;
		font-weight: 700;
		text-transform: uppercase;
	}

	.mobile-nav-menu .menu-content .tg-button {
		margin-top: 27px;
		margin-bottom: 35px;
		padding: 16px 32px;
		font-size: 16px;
		font-weight: 600;
		text-decoration: none;
		color: #fff;
		background: #073B25;
		border-radius: 8px;

		display: flex;
		align-items: center;
		gap: 16px;
		justify-content: center;
		width: max-content;
	}

	.mobile-nav-menu .menu-content .payment-block {
		display: flex;
		flex-direction: column;
		margin-bottom: 35px;
		gap: 4px;
	}

	.mobile-nav-menu .menu-content .payment-block h4 {
		color: #252623;
		font-size: 16px;
		font-weight: 600;
	}

	.mobile-nav-menu .menu-content .payment-block img {
		width: 257px;
	}

	.mobile-nav-menu .menu-content .contact-text {
		font-size: 16px;
		text-decoration: none;
		color: #000;
		margin-bottom: 8px;
		font-weight: 500;
	}

	.mobile-nav-menu .menu-content .policy-row {
		margin-top: 8px;
		display: flex;
		gap: 16px;
		margin-bottom: 8px;
	}

	.mobile-nav-menu .menu-content .policy-row .policy-link {
		color: #000;
		text-decoration: none;
		font-size: 12px;
	}

	.mobile-nav-menu .menu-content .copy {
		font-size: 12px;
	}

	.category-hero{
		height: 160px;
	}

	.category-hero-title {
		font-size: 32px;
	}

	.category-filters {
		display: none;
	}

	.category-sort {
		display: none;
	}

	.category-cards {
		gap: 8px;
		width: 100%;
		max-width: 100vw;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.category-cards .product-card {
		width: 100%!important;
	}

	.category-topbar {
		justify-content: flex-start;
	}

	.open-button-category {
		display: flex;
		background: transparent;
		border: none;
		outline: none;
		margin-right: 12px;
	}

	.category-count {
		margin-left: auto;
	}

	.mobile-categories-menu.active {
		display: flex;
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100vw;
        height: calc(100vh - 56px);
        z-index: 1000;
        background: rgba(0, 0, 0, 0.5);
	}

	.mobile-categories-menu .menu-content {
		background: #FFF;
        padding: 24px 16px;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: max-content;
        max-height: 80vh;
        overflow: auto;
        margin-top: auto;
	}

	.mobile-categories-menu .menu-content .search-wrapper {
		display: flex;
		align-items: center;
		gap: 8px;
		margin-bottom: 16px;
	}

	.mobile-categories-menu .menu-content .search-wrapper .search {
		width: 100%;
		margin-right: 0;
	}

	.mobile-categories-menu .menu-content .search-wrapper .search input {
		background: #FFF;
	}

	.mobile-categories-menu .menu-content .search-wrapper .close-button {
		background: #073B25;
		width: 44px;
		height: 44px;
		display: flex;
		justify-content: center;
		align-items: center;
		border: none;
		border-radius: 8px;
	}

	.mobile-categories-menu .menu-content .category-button {
		width: 100%;
		margin-bottom: 4px;
		text-decoration: none;
		background: #F1F1F1;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 16px;
		color: #252623;
		font-size: 16px;
		font-weight: 700;
	}

	.review-card {
		min-width: max-content;
	}

	.review-text-large, .review-text-small {
		max-width: 40vw;
	}


	.profile-menu.active {
		display: flex;
        position: absolute;
        bottom: 56px;
        left: 0;
        width: 100vw;
        height: calc(100vh - 56px);
        z-index: 10001;
        background: rgba(0, 0, 0, 0.5);
	}

	.profile-menu .m-content {
		background: #FFF;
        padding: 24px 16px;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: max-content;
        max-height: 80vh;
        overflow: auto;
        margin-top: auto;
		border-radius: 8px 8px 0 0;
	}

	.profile-menu .m-content .m-button {
		width: 100%;
		font-size: 16px;
		font-weight: 700;
		color: #252623;
		text-decoration: none;
		padding: 16px;
		margin-bottom: 4px;
		background: #F1F1F1;
		border-radius: 8px;
		border: 0;
		text-align: left;
	}

	.lk-menu {
		display: none;
	}

    .blog-cards {
		overflow: hidden;
		height: max-content;
	}

	.blog-card {
		min-width: 0;
		height: max-content;
	}

	.blog-card-image {
		width: 100%;
		height: 230px;
		border-radius: 8px;
	}

	.blog-card-title {
		font-size: 20px;
		height: max-content;
		margin-bottom: 8px;
	}

	.blog-card-body {
		height: max-content;
		padding-right: 0;
	}

	.blog-card-text {
		margin-bottom: 8px;
	}

	.blog-all {
		display: none;
	}

	.blog-all-mobile {
		display: flex;
		margin: 32px auto 0;
		text-decoration: none;
		color: #fff;
		font-size: 16px;
		padding: 16px 32px;
		background: #073B25;
		border-radius: 8px;
		width: max-content;
	}

	.aboutus-photos.w900 {
		width: 100%;
	}

	.cart2-agree {
		/*width: 100%;*/
		width: 77%;
		height: max-content;
	}
}

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

	.categories-grid {
		display: flex;
	}

	.search-dropdown .search1 {
		margin-right: 0;
		margin-top: 41px;
		max-width: 100%;
	}

	.category-cards {
		grid-template-columns: 1fr 1fr;
	}

	.search-dropdown .container {
		max-width: 75vw;
		margin-right: 0;
	}

	.search-dropdown-inner {
		margin-right: 0;
		width: 100%;
	}

	.review-card {
		display: flex;
		flex-direction: column;
		min-height: 470px;
		height: max-content;
		overflow: hidden;
		min-width: 280px;
	}

	.review-image {
		margin-inline: auto;
	}

	.top-bar {
		font-size: 10px;
		height: 28px;
	}

	.header {
		top: 28px;
	}

	.logo {
		width: max-content;
	}

	.logo span {
		display: none;
	}

	.logo img {
		width: 45px;
		height: 45px;
	}

	.header-top {
		justify-content: space-between;
		height: max-content;
		margin: 12px 0;
	}

	.search {
		width: 100%;
		margin: 0;
	}

	.header-actions {
		width: 71%;
	}

	.main {
		padding-top: 96px;
	}

	.cookie-banner {
		flex-direction: column;
		height: max-content;
		padding: 24px;
		align-items: flex-start;
		gap: 16px;
	}

	.tg-subscribe-section {
		/*padding-bottom: 250px;*/
		height: max-content;

		/*background: url(/static/images/telegram_b.jpg);*/
    	background-size: 134% auto;
    	background-repeat: no-repeat;
    	background-position: center bottom;

		border-radius: 8px;

		position: relative;

	}

	.tg-subscribe-section:after {
		content: "";
		position: absolute;
		left: 0;
		z-index: -1;
		border-right: 8px;
		top: 0;
		width: 100%;
		height: 100%;
		background: #eeeeee;
	}

	.tg-subscribe-left {
		width: 100%;
		padding: 32px 0 0;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.tg-subscribe-text, .tg-subscribe-desc, .tg-subscribe-title {
		text-align: center;
	}

	.cookie-text {
		max-width: 100%;
	}

	.cart2-title {
		font-size: 24px;
	}

	.document-text {
		margin-bottom: 64px;
	}

	.aboutus-hero {
		height: 280px;
	}

	.aboutus-photos {
		min-width: 0;
	}

	.aboutus-photo {
		height: 200px;
	}

	.aboutus-photos.w900 {
		min-width: 0;
		width: 100%;
		align-items: flex-end;
	}

	.aboutus-photos.w900 > *:first-of-type {
		height: 160px;
	}

	.aboutus-photos.w900 > *:nth-of-type(2) {
		height: 200px;
	}

	.aboutus-video-title {
		height: max-content;
		max-height: max-content;
		font-size: 20px;
	}

	.aboutus-video-head {
		height: max-content;
	}

	.aboutus-video-grid {
		overflow-x: auto;
	}

	.aboutus-video-item {
		width: 240px;
		height: 320px;
		min-width: 240px;
	}

	.delivery-nav-item {
		font-size: 14px;
	}

	.delivery-content {
		margin-bottom: 64px;
	}

	.blog-article-title-row {
		flex-direction: column-reverse;
		margin-top: 16px;
		align-items: flex-start;
	}

	.blog-article-views {
		text-align: left;
		display: flex;
		gap: 4px;
		margin-bottom: 16px;
	}

	.blog-article-title {
		font-size: 28px;
	}

	.blog-article-intro {
		font-size: 18px;
	}

	.blog-article-image {
		height: 420px;
	}

	.articles-card {
		height: max-content;
		margin-bottom: 30px;
	}

	.articles-card-image {
		aspect-ratio: 1/1;
		height: auto;
	}

	.blog-card-views span {
		display: none;
	}

	.articles-card-title, .articles-card-text {
		font-size: 14px;
		height: max-content;
	}

	.articles-card-text {
		max-height: 34px;
	}

	.articles-category {
		font-size: 12px;
	}

	.articles-categories {
		padding: 4px 6px;
	}

	.articles-title {
		font-size: 32px;
	}

	.product-image-wrapper {
		width: 100%;
		padding: 12px;
		margin-bottom: 8px;
	}

	.product-main-image {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.product-previews {
		margin-bottom: 0;
		margin-left: 0;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.product-preview {
		width: 72px;
		height: 72px;
	}

	.product-title {
		font-size: 22px;
	}

	.product-weights {
		flex-wrap: wrap;
	}

	.product-actions {
		flex-wrap: wrap;
	}

	.product-add {
		width: 100%;
		order: 3;
	}

	.product-like {
		margin-left: auto;
	}

	.product-tabs {
		overflow: auto;
	}

	.hero-content {
		margin: auto 16px 32px;
	}

	.hero {
		height: 570px;
	}

	.hero-content h1 {
		font-size: 28px;
		margin-bottom: 8px;
	}

	.hero-content p {
		font-size: 20px;
		margin-bottom: 32px;
	}

	.hero-content button {
		width: 100%;
		height: 52px;
		font-size: 16px;
	}

	.hero-bg img {
		/*object-position: -420px;*/
	}

	.category-tile {
		width: 100%;
		height: 140px;
	}

	.benefits-wrap {
		flex-direction: column;
		gap: 16px;
	}

	.benefits-wrap .benefit-item {
		width: 100%;
		height: 162px;
	}

	.benefits-wrap .benefit-item--round {
		height: 185px;
	}

	.benefit-symbol {
		font-size: 39px;
		width: max-content;
		height: max-content;
	}

	.benefit-text {
		margin-top: auto;
		font-size: 20px;
	}

	.moment-preview {
		background-size: cover;
	}

	.about-tea-image {
		height: 400px;
	}

	.about-tea-inner {
		margin: 24px 24px 64px;
	}

	.blog-section .blog-cards {
		flex-direction: column;
		overflow: initial;
		height: max-content;
	}

	.blog-section  .blog-card {
		width: 100%;
		min-width: 0;
	}

	.faq-item {
		height: max-content;
	}

	.faq-title {
		width: 100%;
		height: max-content;
	}

	.faq-answer {
		width: 100%;
		height: max-content;
	}

	.faq-question {
		height: max-content;
	}

	.cart2-title {
		font-size: 30px;
	}

	.cart2-item {
		position: relative;
		padding-bottom: 24px;
	}

	.cart2-item-img {
		width: 72px;
		height: 72px;
	}

	.cart2-item-price span {
		position: absolute;
		right: 0;
		bottom: 24px;
	}

	.cart2-form-block {
		padding: 24px;
	}

	.cart2-form-block h2 {
		font-size: 20px;
	}

	.cart2-radio {
		font-size: 14px;
	}

	.cart2-promo {
		flex-direction: column;
	}

	.promo-input, .cart2-promo-button {
		width: 100%;
	}

	.cart2-summary {
		padding: 24px;
		height: max-content;
	}

	.cart2-agree {
		width: 100%;
		/*width: 77%;*/
		height: max-content;
	}


	.search-cards .popular-cards .product-card,
	.lk-content .popular-cards .product-card,
	.category-cards .product-card {
		max-width: 100%;
	}

	.searchres-row {
		flex-direction: column;
		height: max-content;
	}

	.searchres-button {
		width: 100%;
	}

	.lk-table-head {
		display: none;
	}

	.lk-order {
		display: flex;
		flex-wrap: wrap;
		height: max-content;
	}

	.lk-order-status {
		order: 3;
	}

	.lk-order-total {
		order: 4;
		margin-left: auto;
		margin-top: auto;
	}

	.lk-order-number {
		width: 100%;
	}

	.lk-empty-text {
		font-size: 16px;
	}

	.lk-empty-btn {
		padding: 8px 17px;
	}

	.update-settings {
		width: 100%;
	}

	.lk-content .review-card {
		flex-direction: column;
		padding: 24px;
	}

	.lk-content .review-image {
		width: 180px;
		height: 180px;
		margin-bottom: 24px;
		margin-inline: auto;
	}

	.lk-content .review-text-large {
		height: max-content;
	}

	.cart2-title {
		font-size: 24px;
	}

	.search-cards .popular-cards, .lk-content .popular-cards {
		grid-template-columns: 1fr 1fr;
	}

	.auth-popup, .registration-popup {
		height: calc(100vh - 56px);
	}

	.pop-content {
		padding: 48px 16px;
		width: 100vw;
		height: 100%;
		border-radius: 0;
	}

	.blog-card-image {
		width: 100%;
	}

	.cart2-promo input {
		width: 100%;
	}

	.lk-content .review-text {
		max-width: 100%;
	}

	.blog-title {
		font-size: 30px;
	}

	.blog-section .blog-cards {
		margin-top: 16px;
	}

	.blog-card-image {
		height: 320px;
	}
}

.hidden {
    display: none;
}

/* ===== POPUP FORM SAFE PATCH ===== */
/* Не ломаем текущую верстку popup после добавления form */

.auth-popup .pop-content form,
.registration-popup .pop-content form {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.popup-errors {
	margin-bottom: 16px;
	padding: 12px 14px;
	border: 1px solid #d84c4c;
	border-radius: 10px;
	background: #fff5f5;
	color: #b42318;
	font-size: 14px;
	line-height: 1.45;
}

.popup-errors div + div {
	margin-top: 6px;
}

.pop-input.input-error {
	border: 1px solid #d84c4c !important;
	box-shadow: 0 0 0 1px rgba(216, 76, 76, 0.08);
}

.login-button[disabled] {
	opacity: 0.7;
	cursor: not-allowed;
}

.password-reset-popup {
	display: none;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.5);
	width: 100vw;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10001;
}

.password-reset-popup.active {
	display: flex;
}

.pop-content form {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.pop-content .recover-info {
	font-size: 14px;
	line-height: 140%;
	color: #252623;
	text-align: center;
	margin-bottom: 16px;
}

.popup-errors {
	margin-bottom: 16px;
	padding: 12px 14px;
	border: 1px solid #d84c4c;
	border-radius: 10px;
	background: #fff5f5;
	color: #b42318;
	font-size: 14px;
	line-height: 1.45;
}

.popup-errors div + div {
	margin-top: 6px;
}

.pop-input.input-error {
	border: 1px solid #d84c4c !important;
	box-shadow: 0 0 0 1px rgba(216, 76, 76, 0.08);
}

.login-button[disabled] {
	opacity: 0.7;
	cursor: not-allowed;
}
.category-tile--inactive {
	opacity: 0.4;
}

/* Активное сердечко в карточке товара */
.product-card-like.active {
	background-image: url('/static/images/fav1.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.product-like.active {
	background-image: url('/static/images/fav1.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* Ссылка внутри dropdown.
текстовый пункт меню, не ломая текущую верстку */
.dropdown-link {
	display: inline-block;
	text-decoration: none;
	color: inherit;
}

/* Активный пункт dropdown */
.dropdown-list-item.is-active .dropdown-link {
	color: #000;
}

/* Картинка превью справа */
.dropdown-preview-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

/* Карточка формы отзыва */
.product-review-form-card {
	background: #fff;
	border-radius: 8px;
	padding: 32px;
	margin-bottom: 32px;
}

/* Заголовок внутри карточки формы */
.product-info-header--review-form {
	font-size: 20px;
	margin-bottom: 24px;
}

/* Кнопка формы отзыва */
.product-review-form-btn {
	width: 220px;
	height: 54px;
	padding: 0 24px;
	border: 0;
	cursor: pointer;
	font-size: 16px;
}
.sto {
	width: 100%;
}

/*---*/

/* Карточка кнопки открытия формы отзыва */
.product-review-form-card {
	background: #f5f5f3;
	border-radius: 16px;
	padding: 28px 20px;
	margin-bottom: 32px;
}

/* Заголовок формы отзыва */
.product-info-header--review-form {
	margin-bottom: 20px;
}

/* Кнопка открытия формы */
.product-review-form-btn {
	width: 220px;
	height: 52px;
	padding: 0 24px;
	border: 0;
	cursor: pointer;
}

/* Форма отзыва */
.product-review-form {
	background: #f5f5f3;
	border-radius: 16px;
	padding: 28px 20px;
	margin-bottom: 32px;
	width: 100%;
	box-sizing: border-box;
}

/* Строка с оценкой */
.product-review-rating-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 18px;
	flex-wrap: wrap;
}

/* Подпись "Оценка" */
.product-review-rating-label {
	font-size: 16px;
	line-height: 1.2;
	color: #2d2d2d;
}

/* Обертка звезд */
.product-review-rating-stars {
	display: flex;
	align-items: center;
	gap: 2px;
}

/* Кнопка-звезда */
.product-review-star {
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font-size: 36px;
	line-height: 1;
	color: #d8a4a4;
}

/* Активная звезда */
.product-review-star.active {
	color: #d8a4a4;
}

/* Поле текста */
.product-review-text-wrap {
	margin-bottom: 22px;
}

/* Текстовое поле */
.product-review-textarea {
	width: 100%;
	min-height: 112px;
	padding: 18px 16px;
	border: 1px solid #cfcfcf;
	border-radius: 12px;
	background: #fff;
	resize: vertical;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1.4;
	color: #2d2d2d;
	outline: none;
}

/* Кнопка отправки */
/*.product-review-submit-btn {
	min-width: 112px;
	height: 50px;
	padding: 0 24px;
	border: 0;
	cursor: pointer;
}*/

.product-review-submit-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 16px;
}

/* Звезды при наведении */
.product-review-star.hover-active {
	color: #d8a4a4;
}

.product-review-star {
	color: #d8caca;
}

.product-review-star.active,
.product-review-star.hover-active {
	color: #d8a4a4;
}

.product-review-form-errors {
	margin-bottom: 16px;
	color: #b3261e;
	font-size: 14px;
	line-height: 1.4;
}

.product-review-form.is-loading {
	opacity: .65;
	pointer-events: none;
}

.product-review-submit-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.product-review-submit-loader {
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255,255,255,.45);
	border-top-color: #fff;
	border-radius: 50%;
	animation: reviewSpin .7s linear infinite;
}

@keyframes reviewSpin {
	to {
		transform: rotate(360deg);
	}
}

.update-settings {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.cart2-item-price span {
	width: 111px;
}

.product-card-count {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
}

.product-card-count-spinner {
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-top-color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	animation: productCardSpin 0.7s linear infinite;
}

@keyframes productCardSpin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.error404-section {
	padding: 70px 0 90px;
}

.error404-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 90px;
	min-height: 520px;
}

.error404-content {
	width: 360px;
	flex-shrink: 0;
}

.error404-title {
	margin: 0 0 26px;
	font-size: 20px;
	line-height: 1.15;
	font-weight: 700;
	text-transform: uppercase;
	color: #2b2b2b;
}

.error404-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 194px;
	height: 42px;
	border-radius: 5px;
	background: #004225;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	transition: opacity .2s ease;
}

.error404-button:hover {
	opacity: .85;
}

.error404-image {
	width: 420px;
	max-width: 100%;
}

.error404-image img {
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 768px) {
	.error404-section {
		padding: 35px 0 90px;
	}

	.error404-inner {
		flex-direction: column-reverse;
		gap: 28px;
		min-height: 0;
		text-align: center;
	}

	.error404-content {
		width: 100%;
		max-width: 320px;
	}

	.error404-title {
		font-size: 20px;
	}

	.error404-button {
		width: 100%;
		max-width: 264px;
		height: 42px;
	}

	.error404-image {
		width: 260px;
	}
}

.cart2-agree a {
	color: #004225;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.cart2-agree a:hover {
	opacity: .75;
}

.cookie-text a {
	text-decoration: underline;
	color: #004225; /* или зеленый */
}

.category-image {
	width: 100%;
	height: 100%;

	background-size: cover;       /* растянуть с обрезкой */
	background-position: center;  /* центр */
	background-repeat: no-repeat;
}

.category-image {
	aspect-ratio: 1 / 1; /* квадрат */
}

.contacts-block-title a {
	text-decoration: underline;
}

.aboutus-video-item--player {
	background-image: none !important;
	overflow: hidden;
}

/*.aboutus-video-player {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 0;
}*/

.aboutus-video-item--player {
	position: relative;
	overflow: hidden;
	background: none !important;
}

.aboutus-video-player {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.aboutus-video-play {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.aboutus-video-item--is-playing .aboutus-video-play {
	display: none;
}

@media screen and (max-width: 1070px) {
    .main .tg-subscribe-section {
        margin: 0;
        width: 100%;
        margin-top: 80px;
    }
}

@media screen and (max-width: 890px) {
    .main .tg-subscribe-section {
        margin: 0;
        width: 100%;
        margin-top: 20px;
    }
}

.rec {
	margin-bottom: 0 !important;
}

.order-success-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 520px;
	text-align: center;
}

.order-success-image {
	width: 250px;
	margin-bottom: 24px;
}

.order-success-image img {
	display: block;
	width: 100%;
	height: auto;
}

.order-success-title {
	margin-bottom: 18px;
	font-size: 28px;
	color: #004225;
}

.order-success-text {
	max-width: 560px;
	margin-bottom: 24px;
	font-size: 14px;
	line-height: 1.45;
	color: #333;
}

.order-success-button {
	width: auto;
	min-width: 182px;
	padding: 0 24px;
}

@media (max-width: 768px) {
	.order-success-inner {
		min-height: 420px;
		padding: 30px 0;
	}

	.order-success-image {
		width: 150px;
	}

	.order-success-title {
		font-size: 24px;
	}
}

@media (max-width: 768px) {
	.order-success-inner {
		min-height: 0;
		padding: 35px 0 90px;
	}

	.order-success-image {
		order: 1;
		width: 220px;
		margin-bottom: 28px;
	}

	.order-success-title {
		order: 2;
		font-size: 24px;
		line-height: 1.15;
		margin-bottom: 16px;
	}

	.order-success-text {
		order: 3;
		max-width: 320px;
		margin-bottom: 22px;
		font-size: 13px;
	}

	.order-success-button {
		order: 4;
		width: 100%;
		max-width: 264px;
	}
}

/*.product-card-image {
	position: relative;
	width: 100%;
	height: 327px;
	overflow: hidden;
}*/

.product-card-img-placeholder {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.product-card-img-placeholder img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

a,
a:visited,
a:hover,
a:active {
	/*color: inherit;*/
	text-decoration: none;
}

* {
	-webkit-tap-highlight-color: transparent;
}

button {
	-webkit-appearance: none;
	appearance: none;
	/*background-color: transparent;*/
	border: none;
}
button {
	color: inherit;
}