.wrapper {    background-color: #FEFAF5;}
.main_wrapper { background-color: #FEFAF5;  padding: 0; width:100%; max-width:1440px; margin:0 auto; align-content:center;}
p{margin-bottom:0}
img{border-radius:35px; }
.text-16{font-size: 16px; text-wrap: pretty; color: #2C241A}
.text-main{font-size: clamp(1.75rem, 0.643vw + 25.94px, 2.2rem);  color: #2C241A; font-weight: 600; line-height: 1.4; letter-spacing: -0.7px;}
.section {
 padding: 0 clamp(16px, 5.71vw - 2.29px, 80px);
}
.section-3, .section-4, .section-5, .section-6, .section-7, .section-8, .section-9, .section-10 {padding-bottom: 65px; padding-top:65px}

.section-1{
	padding-left: 74px; padding-bottom:12px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 40px; flex-wrap: wrap;
}
.s1-left-side {
	flex: 1; width: 100%;	
}
.s1-hero {
	font-size: clamp(2rem, 1.696vw + 26.57px, 3.1875rem); font-weight: bold; line-height:1.2; color: #2C241A; margin: 0 0 19.2px 0; letter-spacing: -1.02px;
}
.s1-desc {
	font-size: 20px; color: #2C241A; display: block; margin-bottom: 19.2px;
}
.s1-button-row {
  	display: flex; gap: 16px; flex-wrap: wrap;
}
.s1-button {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 32px 14px; border-radius: 40px; cursor: pointer; transition: all 0.2s ease; font-family: inherit; background: transparent; border: none;
}
.btn-icon {
  	flex-shrink: 0;
}
.s1-button--primary {
   	background: linear-gradient(135deg, #483A28 0%, #2C241A 100%); color: white;
}
.s1-button--primary:hover {
/*   background: #333333;  transform: translateY(-2px); */
}
.s1-button--secondary {
  	background: transparent; color: #2C241A; border: 2px solid #2C241A;
}
.s1-button--secondary:hover {
/*   background: #f5f5f5; transform: translateY(-2px); */
}
.s1-right-side {
  	flex: 1;  width: 100%;  position: relative;	overflow: hidden; padding-bottom:12px;
}
.s1-right-side img {
	width: 100%; height: auto; display: block;  object-fit: cover;
}
.s2-text-class{
	padding-top:24px; line-height:1.5
}
.s2-text{
	padding-bottom:20px
}

.section-3{
/* 	padding-top: 36px; padding-bottom: 90px;  */
	display: flex; flex-direction: row; justify-content: space-between; gap: 40px; flex-wrap: wrap; align-items: flex-start;
}
.s3-left-side {
	flex: 1; width: 100%; 
}
.s3-right-side {
  	flex: 1;  width: 100%; justify-content: space-between; display: flex;  flex-direction: column; gap: 16px;
}
.s3-left-side img {
	width: 100%; height: auto; display: block; object-fit: cover;
}
.s3-desc{
	line-height:1.5; 
}
.s3-pler{
	line-height: 1.4; font-weight:500; display: flex; flex-direction: column; gap: 28px;
}

.section-4{
/* 	padding-top:40px; padding-bottom:19px; */
	display: flex; flex-direction: column; 
}
.s4-sides{
	display: flex; flex-direction: row; justify-content: space-between; gap: 40px; flex-wrap: wrap; align-items: center;
}
.s4-left-side {
	flex: 1 1 0; min-width: 320px; width: 100%; display: flex;  flex-direction: column; gap: 16px;
}
.s4-text{
	width:80%
}
.s4-right-side {
  	flex: 1 1 0; min-width: 320px;  width: 100%; 
}
.s4-right-side img {
	width: 100%; height: auto; display: block; object-fit: cover;
}
.s4-desc{
	line-height: 1.4;
}
.s4-second-class{
	display: flex; flex-direction: column; gap: 80px; padding-top: 16px;
}
.s4-descs{
	line-height:1.4; font-weight: bold; display: flex; flex-direction: column; gap: 28px;
}
.s4-grid-img{
	display: grid; grid-template-columns: repeat(4, 1fr); justify-content: space-between; gap: 80px;
}
.s4-grid-img img{
	width: 100%; height: auto; display: block; object-fit: cover;
}
.section-5{
/* 	padding-top: 32px; padding-bottom: 80px;  */
	display: flex; flex-direction: row; justify-content: space-between; gap: 40px; flex-wrap: wrap; align-items: center;
}
.s5-left-side {
	flex: 1; width: 100%;
}
.s5-right-side {
  	flex: 1;  width: 100%; justify-content: space-between; display: flex;  flex-direction: column; gap: 16px;
}
.s5-left-side img {
	width: 100%; height: auto; display: block; object-fit: cover;
}
.s5-desc{
	line-height:1.4; 
}

.section-6{
/* 	padding-top:80px; padding-bottom:80px;  */
	display: flex; flex-direction: column;
}
.s6-sides{
	display: flex; flex-direction: row; justify-content: space-between; gap: 40px; flex-wrap: wrap; align-items: end; position: relative; padding-top: 60px; padding-bottom: 42px;
}
.s6-left-side{
	flex: 1; display:flex; width: 100%; flex-direction:row; gap: 26px; padding-left: 85px
}
.s6-desc {
    max-width: 200px;
}
.s6-desc-2{
	max-width: 540px
}
.s6-right-side{
	flex: 1; width: 100%; justify-content: end; display: flex; position: absolute; right: 0;
}
.s6-right-side img{
	 aspect-ratio: 16 / 11;
}
.s6-sides-2{
	display: flex; flex-direction: row; justify-content: space-between; gap: 40px; flex-wrap: wrap; align-items: start;
}
.s6-left-side-2{
	flex: 1; display:flex; width: 100%; flex-direction:row; gap: 26px; align-items: flex-start;
} 
.s6-left-side-2 img{ width: 100%; height: auto; display: block; object-fit: cover;  aspect-ratio: 1 / 1; align-items: flex-start;}
.s6-descs{
	display:flex; flex-direction: column; gap: 16px;
}
.s6-right-side-2{
	flex: 1; width: 100%; justify-content: end; display: flex; 
}


.section-7{
	display: flex; flex-direction: column; 
/* 	padding-top: 79px; padding-bottom: 80px; */
}
.s7-desc{
	max-width: 800px; padding: 16px 0 32px;
}
.s7-img{
	width: 100%;
}
.section-8{
/* 	padding-top: 80px;  */
	display: flex; flex-direction: row; justify-content: space-between; gap: 40px; flex-wrap: wrap; align-items: center;
}
.s8-left-side {
	flex: 1; width: 100%; justify-content: space-between; display: flex;  flex-direction: column; gap: 16px;
}
.s8-right-side {
  	flex: 1;  width: 100%; 
}
.s8-descs{
	line-height:1.4; display: flex; flex-direction: column; gap: 12px; width:600px;
}
.s8-text{
	width:500px;
}

.section-9{
	display:flex; flex-direction:column; gap:16px; 
/* 	padding-top: 79px; padding-bottom: 80px;  */
	align-items: center; text-align: center;
}
.s9-desc{
	max-width: 1100px;
}
.s9-subtitle{
	font-size: 18.7px; font-weight: 600; line-height: 1.4; letter-spacing: -0.37px; color: #2C241A; padding-top: 31px;
}
.s9-text{
	color: #7B5E3E; line-height: 1.4; padding-top: 8px
}
.s9-video{
	display: grid; grid-template-columns: repeat(4, 1fr); justify-content: space-between; gap: 30px; width: 100%;
}
.video-card {position: relative; cursor: pointer; border-radius: 20px; overflow: hidden; transition: transform 0.3s ease;
}
.video-card:hover { transform: translateY(-5px); 
}
.video-card img { width: 100%; height: auto; display: block; transition: transform 0.3s ease;
}
.video-card:hover img {transform: scale(1.05); filter: grayscale(100%);
}
.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}
.video-card:hover .play-btn {
    transform: translate(-50%, -50%) scale(1.1); 
}
.video-card:hover .play-btn path {
    fill-opacity: 1;
}
.section-10{
/* 	padding-bottom: 80px;  */
	display: flex; text-align: center;
}
.s10-main{ 
font-size: clamp(1.5rem, 0.536vw + 22.29px, 1.875rem); font-weight: 500; line-height: 1.16; color: #2C241A;  
}
.lemana-footer{
	padding: 48px 0; background-color: #2C241A; text-align:center; 
}
.text-footer{
	line-height: 1.4; color: #D9CDBC; padding-bottom:12px
}
.desc-footer{
	font-size: 12.8; line-height:1.39; color: #D9CDBC;
}

body.popup-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}
/* Принудительный сброс */
body:not(.popup-open) {
    overflow: auto !important;
    position: static !important;
}
@media(max-width:1300px){
	.s6-sides{
		flex-direction: row; justify-content: center;
	}
	.s6-sides-2{
		flex-direction: column-reverse;
	}
	.s6-desc-2{max-width:100%}
	.s6-left-side{padding-left:0}
	.s6-right-side {position: static; justify-content: center}
	
}
@media(max-width:1024px){
/* .section-3, .section-5{padding-bottom: 40px;} */
.s4-grid-img{ gap:32px}
.s4-second-class{gap:40px}
.s4-grid-img{gap:20px}	

.s6-left-side {padding-left:0}
.s6-left-side-2 {flex: 2;}
.s8-descs{width: auto;}
.s9-video{gap: 15px}
	
	
	
	
	
}
@media(max-width:768px){
	.s1-hero br{display: none;}
	.section-3, .s4-sides, .s6-sides, .section-8, .section-1{flex-direction: column;}
	.section-1{padding-bottom:40px; padding: 0 clamp(16px, 5.36vw - 1.14px, 40px) 40px;}
	.section-2, .section-3, .section-4, .section-5, .section-6, .section-7, .section-8, .section-9, .section-10 {padding-top: 40px; padding-bottom:40px; gap: 20px }
	.s2-text-class {padding-top:0}
	.s4-sides, .s4-second-class {gap: 20px}
	.s4-text{width: 100%}
	.s4-grid-img, .s9-video {grid-template-columns: repeat(2, 1fr); gap:32px}
	.section-5, .s6-sides-2{flex-direction: column-reverse;}
/* 	.s6-right-side img{position:absolute; left:0; width:326px; top:20px} */
/* 	.s6-desc-2{ max-width:340px} */
	.s6-sides{gap:40px; padding-top: 30px; padding-bottom:0}
	
}

@media(max-width:480px){
	br{display: none;}
	img{border-radius:18px; }
	.section-2, .section-3, .section-4, .section-5, .section-6, .section-7, .section-8, .section-9, .section-10 {padding-top: 20px; padding-bottom:20px; gap: 14px}
	.s4-grid-img{gap:10px}
	.s9-video{grid-template-columns: repeat(1, 1fr); gap:20px}
	.s6-left-side, .s6-left-side-2{flex-direction:column}
	.s6-right-side img {position: relative;  width:100%; }
	.s6-desc-2 {max-width: 100%;}
	.s6-desc { max-width:100%; max-width: 310px;}
	.s7-desc {padding: 0;}
	.lemana-footer{padding: 48px 16px}
	.s8-text {width: 100%;}
	.s9-subtitle{padding-top: 11px;}
	.s6-left-side, .s6-left-side-2 {gap:16px}
	
	
}