:root{
	 --green:#0c6a3a;
	 --green-2:#065a2f;
	 --accent:#f2a34a;
	 --accent-2:#e28b3a;
	 --white:#fff;
	 --muted:#d7e8db;
	 --text:#ffffff;
	 --green-600:#137530;
	/* darker for hover */
	 --green-200:#bfe6cc;
}
 * {
	 margin: 0;
	 padding: 0;
	 box-sizing: border-box;
}
 html {
	 scroll-behavior: smooth;
	 overflow-x: hidden;
}
 body {
	 font-family: "Poppins", sans-serif;
	 font-style: normal;
	 line-height: 1;
	 color: #fff;
	 background-color: #11803E;

}
 .coiny-regular {
	 font-family: "Coiny", system-ui;
	 font-weight: 400;
	 font-style: normal;
}
 .poppins-thin {
	 font-family: "Poppins", sans-serif;
	 font-weight: 100;
	 font-style: normal;
}
 .container {
	 max-width: 1400px;
	 width: 100%;
	 margin: 0 auto;
	 padding: 0 20px;
}
/* Стили для секций */
 section {
	 padding: 80px 0;
	 min-height: 100vh;
	 display: flex;
	 flex-direction: column;
	/*justify-content: center;
	*/
}
/* Чередующиеся фоны секций */
 #section1 {
	 background: url("img/bg_1.jpg");
}
 #section1 h1{
	text-transform: uppercase
}
 #section1 .container{
	 display: flex;
	 flex-direction: row;
	 padding-top: 100px;
}
 #section1 .container .left h2{
	text-transform: none
}
 #section1 .container .left{
	 width:45%;
	 padding-top: 100px;
}
 #section1 .container .left div{
	 display: block;
	 box-sizing: border-box;
	 border-radius: 20px;
	 padding: 1.25rem 1.88rem 1.25rem 1.88rem;
	 background: rgba(255, 255, 255, 0.1);
	 width: 400px;
	 margin-bottom: 20px;
}
 .right {
	 background: center right no-repeat url("img/right_bg.png");
	 min-width: 850px;
	 width: 60%;
	 display: flex;
}
 .right .hero-items {
	 display: flex;
	 margin-left: -20px;
	 flex-direction: column;
	 box-sizing: border-box;
	/* align-items: flex-end;
	 */
	 border-radius: 15px;
	 gap: 10px;
	 margin-top: 100px;
}

 .right hr {
	rotate: 90deg;
	 width:36px;
	height:5px;
	 background: #fff;
	 border: none;
	 margin-left: 150px;
	 margin-bottom: 5px;
}
 .right .hero-item {
	 display: flex;
	 flex-direction: row;
	 gap:10px;
}
 .right .hero-item img{
	 margin: 12px;
}
 .right .hero-item .circle{
	 box-sizing: border-box;
	 backdrop-filter: blur(12px);
	 height: 55px;
	 width: 55px;
	 border-radius: 55px;
	 background: rgba(255, 255, 255, 0.1);
}
 .right .hero-item p{
	 color: rgba(255, 255, 255, 1);
	 font-family: Poppins;
	 font-size: 20px;
	 font-weight: 500;
	 line-height: 30px;
}
 #section2 {
	 background: url("img/bg_2.jpg");
	 border-radius: 50px;
	 margin-top: -40px;
}
 .why {
	 display: flex;
	 gap: 20px;
	 flex-wrap: wrap;
	 margin-top: 30px;
	 margin-bottom: 100px;
}
 .why .why-wrapper{
	 max-width: 32%;
	 position: relative;
}
 .why .why-wrapper img{
	 width:100% 
}

 .why .why-wrapper p{
	 box-sizing: border-box;
	 border-radius: 15px;
	 width:85%;
	 text-align: center;
	 backdrop-filter: blur(2px);
	 background: rgba(255, 255, 255, 0.1);
	 padding: 0.63rem 1.25rem 0.63rem 1.25rem;
	 margin: 0 auto;
	 margin-bottom: 0;
}
.why .why-wrapper > div{
	width: 100%;
	display:block;
	 position: absolute;
	 bottom: 20px;
}
 .types {
	 display: flex;
	 gap: 20px;
}
 .types .type {
	 border-radius: 20px;
	 background-color: #11803E;
	 padding:20px;
}
 .types .type .type_top{
	 display: flex;
	 gap: 20px;
}
 .types .type .type_top img {
	 border-radius: 20px;
}
 .info {
	 display:flex;
	 flex-direction: column;
	 justify-content: space-between;
}
 .info h3{
	 font-family: Poppins;
	 font-size: 24px;
	 font-weight: 600;
}
.rating-wrapper{
	display: flex;
	align-items: center;
	gap: 14px;
}
.rating-wrapper:last-child{
	gap: 10px;
}
.rating-wrapper p{
	margin-bottom: 0;
}
.intens{
	display: flex;
	gap: 3px;
}
.intens span{
	width: 22px;
	height: 22px;
	background: url(img/bean_muted.svg);
	background-size: contain;
}
.intens span.intens-white{
	background: url(img/bean_white.svg);
}

 .types .type .type_bottom{
	 border-radius: 20px;
	 background-color: #fff;
	 color: #000;
	 padding: 20px;
	 margin-top: 10px;
}
.type_bottom-lable-wrapper{
	display: flex;
	column-gap: 20px;
	flex-wrap: wrap;
}
.type_bottom-lable{
	padding: 10px;
	display: inline-block;
	padding: 8px 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	border: 1px solid var(--Green, rgba(17, 128, 62, 1));
	color: #11803E;
	line-height: 21px;
	font-weight: 500;
}
.type_bottom-lable.label-orange{
	border: 1px solid var(--Sandy, rgba(208, 154, 84, 1));
	color: #D09A54;
	font-weight: 300;
}
 .types .type .type_bottom p{
	margin-bottom: 0;
 }
 #section3 {
	 background-color: #11803E;
	     overflow: hidden;
}
 .grid-container {
	 display: grid;
	 grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	 gap: 20px;
	 padding: 20px;
	 margin-bottom: 100px;
}
 .card {
	 background: white;
	 border-radius: 12px;
	 padding: 16px;
	 display: flex;
	 text-align: center;
	 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	 transition: transform 0.3s ease;
	 flex-direction: column;
	 justify-content: space-between;
}
 .card:hover {
	 transform: translateY(-2px);
}
 .card-header {
	 background-color: #007b2b;
	 color: white;
	 padding: 15px;
	 border-radius: 8px;
	 font-size: 24px;
	 font-weight: 600;
	 margin-bottom: 12px;
}
 .card-header p{
	 margin-bottom: 0;
	 font-size: 16px;
}
 .card-body {
	 background: #fff;
	 border: 1px solid #D09A54;
	 border-radius: 8px;
	 padding: 10px 20px;
	 margin: 0 auto;
	 width:100%;
	 text-align: center;
	 font-size: 20px;
	 font-weight: 500;
	 color: #D09A54;
}
 .card-footer {
	 margin-top: 12px;
	 font-size: 14px;
	 color: #007b2b;
	 font-weight: 500;
	 cursor: pointer;
	 transition: color 0.3s;
}
 .card-footer:hover {
	 color: #005a20;
}
 .flex-container {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 20px;
	 padding: 20px;
	 justify-content: center;
	 width:100%;
}
/* Карточка */
 .cert-card {
	 background-image: url('img/cert_bg.png');
	 background-size: 100% auto;
	/* уменьшаем до 50% ширины */
	 background-position: center;
	 background-repeat: no-repeat;
	 background-color: transparent;
	 min-height:400px;
	 width:30%;
	 border-radius: 12px;
	 padding: 16px;
	 text-align: center;
	/*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	*/
	 transition: transform 0.3s ease;
	 min-width: 280px;
	/* Минимальная ширина — чтобы не сжимались слишком */
	 flex: 1 1 280px;
	/* flex-grow, flex-shrink, flex-basis */
}
 .cert-card:nth-child(2) {
	 background-image: url('img/cert_bg1.png');
}
 .cert-card:hover {
	 transform: translateY(-2px);
}
/* Изображение сертификата */
 .cert-img {
	 width: 100%;
	 height: auto;
	 border-radius: 8px;
	 max-width: 95%;
	 margin-bottom: 12px;
	 margin-top: 60px;
}
/* Подпись */
 .cert-footer {
	 font-size: 14px;
	 color: #007b2b;
	 font-weight: 500;
	 cursor: pointer;
	 transition: color 0.3s;
}
 .cert-footer:hover {
	 color: #005a20;
}
 #section4 {
	 background-color: #fff;
	/*background-image: url("img/beans_line.png");
	*/
	/*background-repeat: no-repeat;
	*/
	/*background-position: center bottom ;
	*/
	 border-radius: 50px;
	 min-height: 100%;
}
 #section4 img{
	 max-width: 988px;
	 display: block;
	 margin: 0 auto -140px;
}
 #section4 {
	 min-height: 100%;
}
 .request-form-container {
	 margin: 0 auto;
	 padding: 20px;
}
 .form-description {
	 background-color: #e8f5e8;
	 color: #2e7d32;
	 padding: 12px 16px;
	 border-radius: 8px;
	 margin-bottom: 24px;
	 font-size: 0.9rem;
	 line-height: 1.5;
}
/* Основная форма */
 .request-form {
	 display: flex;
	 flex-direction: column;
	 gap: 20px;
}
/* Группа полей (строка) */
 .form-row {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 20px;
}
/* Каждое поле формы */
 .form-group {
	 flex: 1;
	 min-width: 200px;
	 flex-basis: 200px;
}
/* Метка и инпут */
 .form-group label {
	 display: block;
	 margin-bottom: 6px;
	 font-size: 0.9rem;
	 color: #007b2b;
	 font-weight: 500;
}
 .form-group input[type="text"], .form-group input[type="email"] {
	 width: 100%;
	 padding: 10px;
	 border: 2px solid #007b2b;
	 border-radius: 8px;
	 font-family: inherit;
	 font-size: 1rem;
	 transition: border-color 0.3s ease;
}
 .form-group input:focus {
	 outline: none;
	 border-color: #005a20;
}
/* Checkbox группа */
 .checkbox-group {
	 flex: 1;
	 min-width: 200px;
	 flex-basis: 200px;
	 display: flex;
	 align-items: center;
	 gap: 8px;
}
 .checkbox-group input[type="checkbox"] {
	 width: auto;
	 height: auto;
}
 .checkbox-group label {
	 font-size: 0.9rem;
	 color: #333;
}
 .checkbox-group a {
	 color: #007b2b;
	 text-decoration: underline;
	 font-weight: 500;
}
/* Кнопка отправки */
 .submit-btn {
	 background-color: #007b2b;
	 color: white;
	 border: none;
	 padding: 12px 24px;
	 border-radius: 8px;
	 font-size: 1rem;
	 font-weight: 500;
	 cursor: pointer;
	 transition: background-color 0.3s ease;
}
 .submit-btn:hover {
	 background-color: #005a20;
}
/* Адаптивность — на маленьких экранах */
 @media (max-width: 768px) {
	 .form-row {
		 flex-direction: column;
	}
	 .form-group, .checkbox-group {
		 flex: none;
		 min-width: auto;
		 flex-basis: 100%;
	}
	 .submit-btn {
		 margin-top: 12px;
	}
}
 #section5 {
	 background-color: transparent;
	 justify-content: flex-start;
}
 .clients-section {
	 margin-top: 50px;
}
 .delivery-partners-container {
	 margin: 0 auto;
	 padding: 20px;
}
/* Термины доставки */
 .terms-grid {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 20px;
	 justify-content: center;
}
 .term-card {
	 background: white;
	 border-radius: 12px;
	 padding: 12px;
	 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	 width: calc(33.333% - 20px);
	 min-width: 200px;
	 flex: 1 1 200px;
	 text-align: center;
	 max-height: max-content;
	 min-height: 300px;
	 flex-direction: column;
	 display: flex;
	 justify-content: flex-end;
}
 .term-card.columbia {
	 background: url("img/columbia.jpg") left top no-repeat;
}
 .term-card.usa {
	 background: url("img/usa.jpg") left top no-repeat;
}
 .term-card.india {
	 background: url("img/india.jpg") left top no-repeat;
}
/*.term-card img.flag {
	*/
	/* width: 100%;
	*/
	/* height: 100px;
	*/
	/* object-fit: cover;
	*/
	/* border-radius: 8px;
	*/
	/* margin-bottom: 8px;
	*/
	/*
}
*/
 .term-header {
	 background-color: #007b2b;
	 color: white;
	 padding: 8px 12px;
	 border-radius: 6px;
	 border:none;
	 margin-bottom: 8px;
	 font-family: Poppins;
	 font-size: 20px;
	 font-weight: 500;
}
 .term-text {
	 color: #555;
	 line-height: 1.4;
	 text-align: left;
	 padding:2px;
	 color: rgba(6, 42, 21, 1);
	 font-family: Poppins;
	 font-size: 16px;
	 font-weight: 500;
}
/* Клиенты и партнёры */
 .clients-grid {
	 display: grid;
	 grid-template-columns: repeat(4 , 1fr);
	 gap: 20px;
	 margin-top: 40px;
	 grid-template-areas: 
	 "c1 c2 c2 c3"
	 "c4 c5 c6 c6"
	 "c7 c8 c9 c10";
}
.card1{
	grid-area: c1;
}
.card2{
	grid-area: c2;
}
.card3{
	grid-area: c3;
}
.card4{
	grid-area: c4;
}
.card5{
	grid-area: c5;
}
.card6{
	grid-area: c6;
}
.card7{
	grid-area: c7;
}
.card8{
	grid-area: c8;
}
.card9{
	grid-area: c9;
}
.card10{
	grid-area: c10;
}
 .client-card {
	 border-radius: 12px;
	 text-align: left;
	 display: flex;
	 align-items: center;
}
 .client-card img{
	 width: 100%;
}
 .client-desc {
	 font-size: 20px;
	 color: #fff;
	 line-height: 1.4;
}
/* Адаптивность */
 @media (max-width: 768px) {
	 .terms-grid, .clients-grid {
		 flex-direction: column;
		 align-items: stretch;
	}
	 .term-card, .client-card {
		 width: 100%;
		 min-width: auto;
		 flex-basis: 100%;
	}
}
 @media (max-width: 480px) {
	 .client-desc {
		 font-size: 0.8rem;
	}
}
 #section6 {
	 background: url("img/bg_2.jpg");
	 border-radius: 50px;
}
 .stages-container {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 20px;
	 row-gap: 55px;
	 justify-content: center;
	 padding: 20px;
	 margin: 0 auto;
}
 .stage-card {
	 background: #11803E;
	 border-radius: 12px;
	 padding: 50px 16px 16px 16px;
	 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	 transition: transform 0.3s ease;
	 width: calc(33.333% - 20px);
	 position: relative;
	/* 3 в строке */
	 min-width: 250px;
	 flex: 1 1 30%;
	 display: flex;
	 flex-direction: column;
	/* flex-grow, shrink, basis */
}
.stage-cup{
	width: 100%;
	position: absolute;
	top: -39px;
	left: 0;
}
.stage-cup span{
	display: block;
    width: 100%;
    position: absolute;
	top: 25px;
}
.stage-cup span::before{
	content: '';
	margin: 0 auto;
	display: block;
	width: 36px;
	height: 40px;
	background: #e7e7e366;
}
.stage-cup img{
	width: 100px;
	display: block;
	margin: 0 auto;
}
.stage-card:nth-child(1) span::before{
	height: calc(40px - 6.6px);
}
.stage-card:nth-child(2) span::before{
	height: calc(40px - 13.2px);
}
.stage-card:nth-child(3) span::before{
	height: calc(40px - 19.8px);
}
.stage-card:nth-child(4) span::before{
	height: calc(40px - 26.4px);
}
.stage-card:nth-child(5) span::before{
	height: calc(40px - 33px);
}
.stage-card:nth-child(6) span::before{
	height: 0;
}
 .stage-card:hover {
	 transform: translateY(-4px);
}
/* Заголовок */
 .stage-header {
	 background-color: white;
	 color: #11803E;
	 padding: 10px 15px;
	 border-radius: 8px;
	 font-size: 1rem;
	 font-weight: 600;
	 margin-bottom: 12px;
	 text-align: left;
}
/* Иконка */
 .stage-icon {
	 font-size: 2rem;
	 text-align: center;
	 margin: 12px 0;
	 color: #007b2b;
}
/* Текст */
 .stage-content {
	 background-color: white;
	 padding: 10px 15px;
	 border-radius: 8px;
	 font-weight: 400;
	 font-size: 0.9rem;
	 line-height: 1.5;
	 color: #333;
	 text-align: left;
	 height: 100%;
}
/* Адаптивность — для мобильных */
 @media (max-width: 768px) {
	 .stage-card {
		 width: calc(50% - 10px);
		 min-width: 200px;
		 flex-basis: 200px;
	}
}
 @media (max-width: 480px) {
	 .stage-card {
		 width: 100%;
		 min-width: auto;
		 flex-basis: 100%;
	}
}
/*section:nth-child(even) {
	*/
	/* background-color: #f8f9fa;
	*/
	/*
}
*/
/*section:nth-child(odd) {
	*/
	/* background-color: #ffffff;
	*/
	/*
}
*/
/* Стили для заголовков */
 h1, h2, h3 {
	 font-family: "Coiny", system-ui;
	 font-weight: 400;
	 font-style: normal;
	 margin-bottom: 20px;
}
 h1 {
	 font-size: 3.06rem;
	 line-height: 3rem;
}
 h2 {
	 font-size:2.38rem;
	 text-transform: uppercase;
}
 p {
	 margin-bottom: 15px;
	 font-size: 1rem;
	 line-height: normal;
	 font-family: "Poppins", sans-serif;
	 font-style: normal;
}
 .green {
	 color:#11803E;
}
/* Навигация */
 nav {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 background-color: transparent;
	 z-index: 1000;
	 padding: 15px 0;
	 border-bottom: 0.06rem solid rgba(255, 255, 255, 0.2);
}
 nav.scrolled {
	 background: rgba(19, 92, 37, 0.7);
	 backdrop-filter: blur(5px);
	 -webkit-backdrop-filter: blur(20px);
	 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	 color: #2b5d2c;
	 border: 1px solid rgba(255, 255, 255, 0.3);
}
 .nav-container {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
}
 .logo {
	 color: white;
	 font-size: 1.5rem;
	 font-weight: bold;
}
 .nav-links {
	 display: flex;
	 list-style: none;
	 width: 60%;
	 justify-content: space-between;
}
 .nav-links li {
	 margin-left: 30px;
}
 .nav-links a {
	 color: white;
	 text-decoration: none;
	 transition: color 0.3s;
	 font-size: 1.25rem;
	 padding-left: 30px;
}
 .nav-links a:hover {
	 color: #D09A54;
	 background: url("img/menu_ico.png") no-repeat;
}
/* Бургер меню */
 .burger {
	 display: none;
	 cursor: pointer;
}
 .burger div {
	 width: 25px;
	 height: 3px;
	 background-color: white;
	 margin: 5px;
	 transition: all 0.3s ease;
}
/* Карусель */
 .carousel {
	 position: relative;
	 width: 110%;
	 height: 400px;
	 overflow: hidden;
	 justify-content: center;
	 margin: 30px 0 30px -10px;
	 align-items: center;

}
 .carousel-inner {
	 display: flex;
	 transition: transform 0.5s ease;
	 height: 100%;
	 gap:30px;
	 flex-direction: row;
}
 .carousel-item {
	 /*min-width: 100%;*/
	 height: 100%;
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 background-size: cover;
	 background-position: center;
}
 .carousel-item img{
	 border-radius: 15px;
	 /*border: 3px solid #fff;*/
 }
 .carousel-control {
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
	 background-color: rgba(0,0,0,0.5);
	 color: white;
	 border: none;
	 padding: 10px 15px;
	 cursor: pointer;
	 z-index: 100;
}
 .carousel-prev {
	 left: 10px;
}
 .carousel-next {
	 right: 10px;
}
/* Форма обратной связи */
 .contact-form {
	 background: white;
	 padding: 30px;
	 border-radius: 8px;
	 box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	 max-width: 600px;
	 margin: 0 auto;
}
 .form-group {
	 margin-bottom: 20px;
}
 .form-group label {
	 display: block;
	 margin-bottom: 5px;
	 font-weight: bold;
}
 .form-group input, .form-group textarea {
	 width: 100%;
	 padding: 10px;
	 border: 1px solid #ddd;
	 border-radius: 4px;
	 font-size: 1rem;
}
 .form-group textarea {
	 min-height: 150px;
}
 button {
	 width: 235px;
	 height: 54px;
	 color: white;
	 border: none;
	/*padding: 12px 25px;
	*/
	 border-radius: 4px;
	 cursor: pointer;
	 font-size: 1rem;
	 font-weight: 700;
	 transition: 0.3s;
	/*padding: 12px 25px 12px 25px;
	*/
	 border-radius: 10px;
	 background: rgba(208, 154, 84, 1);
}
 button:hover {
	 background-color: #fff;
	 color: #D09A54;
}
 @media screen and (max-width: 768px) {
	 body {
		 overflow-x: hidden;
	}
	/*.nav-links {
		*/
		/* position: absolute;
		*/
		/* right: 0;
		*/
		/* height: 92vh;
		*/
		/* top: 8vh;
		*/
		/* background-color: #2c3e50;
		*/
		/* display: flex;
		*/
		/* flex-direction: column;
		*/
		/* align-items: center;
		*/
		/* width: 50%;
		*/
		/* transform: translateX(100%);
		*/
		/* transition: transform 0.5s ease-in;
		*/
		/* z-index: 999;
		*/
		/*
	}
	*/
	/*.nav-links li {
		*/
		/* opacity: 0;
		*/
		/* margin: 25px 0;
		*/
		/*
	}
	*/
	 .burger {
		 display: block;
	}
	 .nav-links {
		 display: none;
	}
	 .nav-container button {
		 display: none;
	}
	 .right img {
		 width:100%
	}
	 h1 {
		 font-size: 2.2rem;
	}
	 h2 {
		 font-size: 1.8rem;
	}
	 section {
		 padding: 60px 0;
	}
	 .carousel {
		 height: auto;

		 /*max-width: calc(130% - 40px);*/
		 /*margin-left: -30%;*/
	}
	 .carousel-item img {
		 height: 100%;
	 }
	 #section1 .container {
		 flex-direction: column
	}
	 .types {
		 flex-direction: column;
	}
	 .why {
		 flex-direction: column;
		 gap:10px;
	}
	 .types .type .type_top {
		 flex-direction: column
	}
	 .why div{
		 width:100%;
		 max-width: 100%;
	}
	 .why div p {
		 margin-bottom: 30px;
	}
}
/* Анимация для бургер-меню */
 .nav-active {
	 transform: translateX(0%);
}
 @keyframes navLinkFade {
	 from {
		 opacity: 0;
		 transform: translateX(50px);
	}
	 to {
		 opacity: 1;
		 transform: translateX(0);
	}
}
/* Анимация переключения бургера в крестик */
 .toggle .line1 {
	 transform: rotate(-45deg) translate(-5px, 6px);
}
 .toggle .line2 {
	 opacity: 0;
}
 .toggle .line3 {
	 transform: rotate(45deg) translate(-5px, -6px);
}
 .footer{
	background:var(--green);
	color:var(--text);
	font:16px/1.5 system-ui,Segoe UI,Roboto,Arial
}
 .footer a{
	color:var(--text);
	text-decoration:none
}
 .footer a:hover{
	opacity:.9
}
/* Top row */
 .footer__top{
	 display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:10px;
	 justify-content:space-between;
	padding-block:16px 
}
 .footer__brand{
	display:flex;
	align-items:center;
	gap:12px;
	min-width:220px
}
 .footer__logo{
	width:40px;
	height:40px;
	color:#ffcc66
}
 .footer__brand-name{
	font-weight:700;
	font-size:28px;
	letter-spacing:.3px
}
 .footer__brand-sub{
	font-size:12px;
	letter-spacing:2px;
	display:block;
	margin-top:-4px
}
 .footer__main {
	 height: 190px;
	 display: flex;
	 flex-direction: column;
	 width: 80%;
	 justify-content: space-between;
}
 .footer__contacts{
	 display:flex;
	flex-wrap:wrap;
	gap:18px 39px;
	margin:0;
	padding:0;
	list-style:none;
	flex:1 1 420px;
	 font-family: Poppins;
	 font-size: 20px;
	 font-weight: 400;
}
 .footer__contact{
	display:flex;
	align-items:center;
	gap:8px;
	opacity:.95
}
 .footer__contact address{
	font-style:normal
}
 .footer__cta{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	justify-content:space-between;
	flex:1 1 420px
}
 .footer__credits {
	text-align: center;
	 padding: 15px 0;
}
 .btn{
	 display:inline-flex;
	align-items:center;
	justify-content:center;
	 padding:10px 18px;
	border-radius:10px;
	background:rgba(208, 154, 84, 1);
	 font-size: 20px;
	 font-weight: 600;
	box-shadow:0 2px 0 rgba(0,0,0,.15);
	 min-width: 21%;
	 max-height: 50px;
}
 .btn--wa{
	background: linear-gradient(180.00deg, rgba(37, 211, 102, 1), rgba(87, 255, 87, 0.32) 100%);
	font-size: 16px;
	 font-weight: 600;
}
 .btn--wa img {
	 margin-right:10px 
}
 .btn:hover{
	transform:translateY(-1px)
}
/* Legal row */
 .footer__legal{
	 display:flex;
	flex-wrap:wrap;
	gap:16px;
	justify-content:space-between;
	align-items:center;
	 padding:8px 0;
	opacity:.95 
}
 .footer__legal p{
	margin:0
}
 .footer__legal-links{
	display:flex;
	gap:16px;
	list-style:none;
	margin:0;
	padding:0;
	align-items:center
}
/* Nav strip */
 .footer__nav{
	 margin-top: 16px;
	 background: #fff;
	 border-radius: 12px;
	 padding: 8px 12px;
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 overflow: hidden;
	 max-height: 70px;
	 justify-content: space-between;
}
 .footer__menu{
	 list-style:none;
	margin:0;
	padding:10px;
	display:flex;
	flex-wrap:wrap;
	gap:28px;
	flex:1 1 auto 
}
 .footer__menu a{
	 font-family: Poppins;
	 font-size: 20px;
	 font-weight: 500;
	 color: #065a2f;
}
 .footer__beans{
}
 .footer__beans span{
	 width:18px;
	height:10px;
	background:var(--muted);
	border-radius:10px 10px 10px 10px;
	 transform:rotate(20deg) 
}
/* Credits */
 .footer__credits{
	 display:flex;
	justify-content:center;
	gap:6px;
	align-items:center;
	 padding:18px 0;
	font-size:14px;
}
/* Responsive */
 @media (max-width:960px){
	 .footer__contacts,.footer__cta{
		flex:1 1 100%
	}
	 .footer__cta{
		justify-content:flex-start
	}
	 #section4 img {
		 max-width: 100%;
		 display: block;
		 margin: 0 auto -85px;
	}
}
 @media (max-width:600px){
	 .container{
		padding:20px
	}
	 .footer__menu{
		gap:16px
	}
	 .btn{
		padding:10px 14px
	}
}
 .m-footer{
	background:var(--green);
	 color:var(--text);
	 padding:18px 14px 10px;
	 font-size:14px;
	 display: none
}
 .m-footer a{
	color:var(--text);
	 text-decoration:none
}
/* Верх: две колонки */
 .m-footer__wrap{
	 display:flex;
	 gap:16px;
	 align-items:flex-start;
}
 .mf-left{
	flex:0 0 44%
}
 .mf-right{
	flex:1 1 56%;
	 display:flex;
	 flex-direction:column;
	 gap:10px
}
/* Бренд */
 .brand{
	display:flex;
	 align-items:center;
	 gap:10px
}
 .brand__logo{
	width:44px;
	 height:44px
}
 .brand__title{
	font-weight:800;
	 font-size:26px;
	 letter-spacing:.2px
}
 .brand__sub{
	font-size:12px;
	 letter-spacing:2px;
	 color:#f4c979;
	 margin-top:-4px
}
 .copyright{
	margin:10px 0 0;
	 color:#d7f0dd
}

 .char ul li {
	 list-style: none;
	 margin: 5px 0;
	 padding-left: 35px;
	 background-image: url("img/line.svg");
	 background-repeat: no-repeat;
	 background-position: left 5px;
 }

/* Ряды контактов */
 .row{
	display:flex;
	 align-items:center;
	 gap:10px;
	 color:#e9f6ec
}
 .ic{
	width:28px;
	 height:28px;
	 display:grid;
	 place-items:center;
	 color:#d2eee0;
	 opacity:.95
}
 .ic svg{
	width:20px;
	 height:20px
}
 .mf-left p {
	 font-size:14px 
}
/* WhatsApp кнопка */
 .btn-wa{
	 display:inline-flex;
	 align-items:center;
	 gap:8px;
	 background:var(--wa);
	 color:#fff;
	 font-weight:700;
	 border-radius:12px;
	 padding:10px 14px;
	 box-shadow:inset 0 -2px 0 #0c7b38, 0 4px 10px rgba(0,0,0,.18) 
}
 .btn-wa .wa-ic{
	width:22px;
	 height:22px;
	 display:grid;
	 place-items:center;
	 color:#fff
}
 .btn-wa svg{
	width:16px;
	 height:16px
}
/* Золотые кнопки */
 .mf-gold{
	display:flex;
	 flex-direction:column;
	 gap:12px;
	 margin:16px 0
}
 .gold-btn{
	 display:block;
	 text-align:center;
	 font-weight:800;
	 color:#3e2a12;
	 background:linear-gradient(180deg, #ecbd79, var(--gold));
	 border-radius:16px;
	 padding:12px 0;
	 box-shadow:inset 0 -2px 0 var(--gold2), 0 6px 14px rgba(0,0,0,.25) 
}
/* Юридические ссылки */
 .mf-legal{
	margin:8px 0 0;
	 padding:0;
	 list-style:none;
	 display:flex;
	 flex-wrap:wrap;
	 gap:10px;
	 color:#e6f3ea
}
 .mf-legal a{
	opacity:.95
}
 .mf-legal a:hover{
	opacity:1
}

/* Небольшая адаптация для очень узких экранов */
 @media (max-width:340px){
	 .mf-left{
		flex:0 0 48%
	}
	 .mf-right{
		flex-basis:52%
	}
	 .brand__title{
		font-size:24px
	}
}

 @media (max-width:1024px){
	 #section1 .container .left div {
		 width:100%;
	}
	 #section1 .container .left {
		 width:100%;
	}
	 .right .hero-items {
		 margin-top: 0;
	}
	 .right .hero-item p{
		 font-size: 14px;
		 line-height: normal;
	}
	 .right img{
		 width: 50%;
		 height: 100%;
	}
	 .right {
		 min-width:auto;
		 width:100%;
		 background: transparent;
	}
	 .brand img {
		 max-width:130px;
	}
	 .cert-card{
		 min-height: auto;
	}

	 .carousel {
		 position: relative;
		 width: 110%;
		 height: auto;
		 overflow: hidden;
		 justify-content: center;
		 margin: 30px 0 30px -10px;
		 align-items: center;
	 }

		 .carousel-inner {
			 display: flex		 ;
			 /* transition: transform 0.5s ease; */
			 height: 170px;
			 gap: 10px;
			 flex-direction: row;
	 }
	 .types {
		 flex-direction: column;
	}
	 .footer__top {
		 display: none;
	}
	 .footer__nav {
		 max-height: 300px;
	}
	 .footer__beans img{
		 rotate: -90deg;
		 margin-left: -150px;
		 margin-top: 70px;
	}
	 .m-footer{
		 display: block;
	}
}
 .mobile-menu {
	 position: fixed;
	 bottom: 0;
	 left: 0;
	 height: 80%;
	 width: 100%;
	 background: rgba(14, 102, 50, 1);
	 color: white;
	 padding: 20px;
	 display: flex;
	 transform: translateY(100%);
	 transition: transform 0.3s ease;
	 z-index: 99999;
	 border-top: none;
	 border-radius: 30px 30px 0 0 ;
	 flex-direction: column;
	 justify-content: space-around;
}
 .mobile-menu.active {
	 transform: translateY(0);
}
 .menu-close {
	 display: none;
	 width: 40px;
	 height: 40px;
	 background: transparent;
	 color: white;
	 border: none;
	 border-radius: 50%;
	 cursor: pointer;
	 font-size: 24px;
	 justify-content: center;
	 align-items: center;
	 margin-bottom: 20px;
}
 .menu-close.active {
	 display: block;
}
 .menu-list {
	 display: flex;
	 list-style: none;
	 width: 100%;
	/*gap:10px;
	*/
	/*align-items: center;
	*/
	 margin-left: 30px;
	 flex-direction:column;
	 justify-content: space-between;
}
 .menu-list li {
	 margin-left: 30px;
}
 .menu-list a {
	 color: white;
	 text-decoration: none;
	 transition: color 0.3s;
	 font-size: 1.25rem;
	 padding-left: 30px;
}
 .menu-list {
	 list-style: none;
	 padding: 0;
	 margin: 0;
	 text-align: left;
}
 .menu-item {
	 padding: 10px 0;
	 color: white;
	 text-decoration: none;
	 display: flex;
	 font-size: 16px;
	 position: relative;
}

 .menu-item::before {
	 background-image: url("img/bean_white.svg");
	 content: " ";
	 margin-right: 10px;
	 color: #fff;
	 width: 21px;
	 height:22px;
}
 .menu-item:hover {
	 color: #b3f0a8;
}
 .contact-info {
	 margin-top: 30px;
	 color: white;
	 font-size: 16px;
}
 .contact-info p {
	 margin: 10px 0;
	 display: flex;
	 align-items: center;
}
 .contact-info i {
	 margin-right: 10px;
	 font-size: 18px;
}
 .whatsapp-btn a {
	 background-color: #25d366;
	 color: white;
	 padding: 10px 15px;
	 border: none;
	 border-radius: 5px;
	 font-size: 14px;
	 margin: 10px 0;
	 display: inline-block;
	 cursor: pointer;
}
 .whatsapp-btn i {
	 margin-right: 8px;
}
 .contact-us-btn {
	 margin-top: 20px;
	 width: 100%;
	 padding: 12px;
	 background-color: #d8a55c;
	 color: white;
	 border: none;
	 border-radius: 8px;
	 font-size: 16px;
	 cursor: pointer;
}
 .contact-us-btn:hover {
	 background-color: #c59251;
}
/* Модальное окно */
 .modal {
	 display: none;
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: rgba(0, 0, 0, 0.5);
	 z-index: 1000;
	 justify-content: center;
	 align-items: center;
}
 .modal-content {
	 background-color: white;
	 width: 90%;
	 max-width: 700px;
	 padding: 20px;
	 border-radius: 12px;
	 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	 position: relative;
}
/* Заголовок */
 .modal-title {
	 font-size: 28px;
	 font-weight: bold;
	 color: #1b5e20;
	 margin-bottom: 20px;
	 text-align: left;
}
/* Форма */
 .form-group {
	 margin-bottom: 15px;
	 display: flex;
	 flex-wrap: wrap;
}
 .form-group label {
	 font-size: 14px;
	 color: #1b5e20;
	 margin-bottom: 5px;
	 font-weight: 500;
	 width: 100%;
	 min-width: 100px;
}
 .form-control {
	 flex: 1;
	 min-width: 150px;
	 padding: 10px;
	 border: 2px solid #1b5e20;
	 border-radius: 8px;
	 font-size: 14px;
	 outline: none;
}
 .form-control:focus {
	 border-color: #2e7d32;
}
/* Контейнер для двух полей в ряд */
 .row {
	 display: flex;
	 gap: 15px;
	 margin-bottom: 15px;
}
/* Кнопка отправки */
 .submit-btn {
	 background-color: #1b5e20;
	 color: white;
	 border: none;
	 padding: 12px 24px;
	 font-size: 16px;
	 border-radius: 8px;
	 cursor: pointer;
	 margin-top: 10px;
}
 .submit-btn:hover {
	 background-color: #2e7d32;
}
/* Чекбокс и текст */
 .checkbox-container {
	 display: flex;
	 align-items: center;
	 margin: 15px 0;
	 font-size: 14px;
	 color: #333;
}
 .checkbox-container input {
	 margin-right: 10px;
	 width: 16px;
	 height: 16px;
}
 .privacy-link {
	 color: #1b5e20;
	 text-decoration: underline;
	 cursor: pointer;
}
/* Крестик закрытия */
 .close-btn1 {
	 position: absolute;
	 top: 15px;
	 right: 15px;
	 background: #f0f0f0;
	 width: 30px;
	 height: 30px;
	 border-radius: 50%;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 cursor: pointer;
	 font-size: 18px;
	 color: #1b5e20;
	 border: none;
}
/* Для демонстрации */
 .demo-content {
	 padding: 40px;
	 text-align: center;
	 color: white;
}
.client-desc p{
	margin-bottom: 0;
}
/* МОБИЛКА !!!!! */
 @media (max-width:768px) {
	 .logo {
		 color: white;
		 font-size: 1.5rem;
		 font-weight: bold;
		 margin-top: -20px;
	}
	 #section1 .container{
		 position: relative;
	}
	 #section1 .container .left button{
		 width: calc(100% - 40px);
		 position: absolute;
		 bottom: 10px;
	}
	 #section1 .container .right{
		 position: relative;
		 height: 272px;
	}
	 #section1 .right .hero-items{
		 position: absolute;
		 width: auto;
		 right: 0;
	}
	 #section1 .right .hero-item .circle{
		 width: 35px;
		 height: 35px;
	}
	 .right .hero-item img{
		 margin: 9px;
		 height: auto;
	}
	 .right .hero-item .circle{
		 display: flex;
		 align-items: center;
		 justify-content: center;
	}
	 .right img{
		 height: auto;
	}
	 .right hr{
		 width: 20px;
		 height: 2px;
		 align-self: center;
		 margin-left: 0;
	}
	 .hero-item p{
		 margin-bottom: 5px;
	}
	 #section1 .container .left div{
		 padding: 10px 17px;
		 font-size: 16px;
		 line-height: 100%;
		 font-weight: 300;
		 letter-spacing: 1px;
		 margin-bottom: 42px;
	}
	.why .why-wrapper{
		max-width: 100%;
	}
	.why .why-wrapper > div{
		bottom: 10px;
	}
	.why .why-wrapper p{
		width: calc(100% - 20px);
		margin-left: 10px;
		margin-right: 10px;
		padding: 10px;
	}
	.types .type:first-child .type_top img{
		transform: rotate(90deg);
	}
	.types .type button{
		width: 100%;
		padding: 10px;
		line-height: 27px;
		height: auto;
		margin-top: 16px;
	}
	.types .type{
		padding: 10px;
	}
	.grid-container{
		padding: 0;
	}
	.grid-container{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	.grid-container .card{
		width: 100%;
		padding: 10px;
	}
	.grid-container .card:first-child{
		width: calc(50% - 5px);
	}
	.grid-container .card:nth-child(2){
		width: calc(50% - 5px);
	}
	.card-header{
		padding: 5px 10px;
	}
	 .clients-grid {
	 grid-template-columns: repeat(2 , 1fr);
	 grid-template-areas: 
	 "c1 c3"
	 "c2 c2"
	 "c4 c5"
	 "c4 c6"
	 "c7 c6"
	 "c8 c6"
	 "c9 c6"
	 "c10 c6";
	}
	.client-card{
		align-items: flex-start;
	}
	.request-form-container{
		padding: 0;
	}
	.delivery-partners-container{
		padding: 0;
	}
	.stages-container{
		padding: 0;
	}
}