/********************************
 * LUNEST=SUTIK 
 * ******************************/

/* общие стили для секций */
.ls-section1, .ls-section2, .ls-section3, .ls-section4, .ls-section5, .ls-section6 {
	background-color: var(--ls-bg2);
	margin: 20px 5px;
	border-radius: var(--ls-border-radius);
	padding: 20px 20px;
	border: 1px solid var(--ls-bg1) !important;
	box-shadow: 0 2px 4px rgba(0,0,0,0.06), 0 10px 20px rgba(0,0,0,0.1);

	color: rgba(38, 43, 37, 1);
	font-size: 16px !important;
  line-height: 1.4 !important;


   /* внутри этих секций */
    h2 {
			display: block;   
    }
	  h2::after {
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    background-color: #6ebb25;
    margin-top: 2px;
    margin-bottom: 0px;
		}
	  h2 a:hover {
		color:#6ebb25
	  }
}

/* 1я секция */

/* 1й столбец */
.ls-section1-col1 {
	padding-left: 10px;
}
.ls-section1-col1 p, .ls-section1-col1 h2{
padding-left: 30px;
	}
.ls-section1-col1::before {
	background-image: url('/wp-content/themes/spicy/img/sutik-visitka.jpeg');
	width: 180px;
  height: 180px;
}

/* 2й столбец */
.ls-section1-col2{ 
	.tai-link, .narko-link {
	display: grid !important;

  grid-template-columns: 160px 1fr; 
    column-gap: 15px;   
    align-items: center;   /* Центрируем иконку по вертикали относительно всего текста */
    text-align: left !important;
}

/* 2. Настройка иконки (псевдоэлемента) */
.block-icon-left::before {
    content: "";
    grid-column: 1;        /* Иконка всегда в первой колонке */
    grid-row: 1 / span 5;  /* Иконка растягивается на все строки текста (до 5 строк) */
    
    /* Исправленные размеры */
    width: 160px !important;  
    height: 60px !important; 
    
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.tai-link::before {
	background-image: url('/wp-content/themes/spicy/img/logo-tai.svg');
	width: 160px;
  height: 60px;
	
}
.narko-link::before {
	background-image: url('/wp-content/themes/spicy/img/logo_narko.svg');
	width: 160px;
  height: 60px;
}
}


/* 2я секция */
.ls-section2 { 
   background-color: var(--ls-bg1);
	 border: 1px solid #AEAA9E !important;
}

.ls-section2-row2 .block-icon-left {
	background-color: #F2F1E9;
	border-radius: 20px;
	border-color: #3F4832;
	box-shadow: 0 2px 4px rgba(0,0,0,0.06), 0 10px 20px rgba(0,0,0,0.1);
	padding: 10px;
}
.ls-section2-row2 .block-icon-left:nth-child(1)::before {
	background-image: url('/wp-content/themes/spicy/img/lunest-sutik2-img1.png');
}

.ls-section2-row2 .block-icon-left:nth-child(2)::before {
	background-image: url('/wp-content/themes/spicy/img/lunest-sutik2-img2.png');
}

.ls-section2-row2 .block-icon-left:nth-child(3)::before {
	background-image: url('/wp-content/themes/spicy/img/lunest-sutik2-img3.png');
}

/* 3я секция Кто поддерживает */
.ls-section3-row2 .wp-block-column {
	position: relative;
	
}
.ls-section3-row2 .wp-block-column:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 20%;    /* Отступ сверху (линия начнется ниже) */
height: 60%; /* Высота линии относительно блока */
width: 1px;
background-color: rgba(45, 62, 51, 0.15);
    }

.ls-section3-row2 .wp-block-column:nth-child(1)::before {
	background-image: url('/wp-content/themes/spicy/img/lunest-sutik3-img1.png');
}
.ls-section3-row2 .wp-block-column:nth-child(2)::before {
	background-image: url('/wp-content/themes/spicy/img/lunest-sutik3-img2.png');
}
.ls-section3-row2 .wp-block-column:nth-child(3)::before {
	background-image: url('/wp-content/themes/spicy/img/lunest-sutik3-img3.png');
}
.ls-section3-row2 .wp-block-column:nth-child(4)::before {
	background-image: url('/wp-content/themes/spicy/img/lunest-sutik3-img4.png');
}
.ls-section3-row2 .wp-block-column:nth-child(5)::before {
	background-image: url('/wp-content/themes/spicy/img/lunest-sutik3-img5.png');
}
.ls-section3-row2 .wp-block-column:nth-child(6)::before {
	background-image: url('/wp-content/themes/spicy/img/lunest-sutik3-img6.png');
}

/* 4я секция Как проходит работа*/
.ls-section4-row2 .wp-block-column {
	background-color: #E6E4D9;
	border-radius: 20px;
	border-color: #3F4832;
	box-shadow: 0 2px 4px rgba(0,0,0,0.06), 0 10px 20px rgba(0,0,0,0.1);
	padding: 10px;
	position: relative;
}
/* треугольник меэжду блоками вправо */
.ls-section4-row2 .wp-block-column:not(:last-child)::after {
        content: "\25B6";
        position: absolute;
        right: -30px; 
        top: 50%;
        transform: translateY(-50%);
        
        /* Стили символа */
        font-size: 25px;
        color: #2d3e33;   /* Ваш цвет */
        font-weight: bold;
        opacity: 0.5;
        z-index: 10;
	
    }

/* треугольник между блоками вниз */
@media (max-width: 781px) {
    /* 1. Создаем пространство между карточками для треугольника */
    .ls-section4-row2 .wp-block-column:not(:last-child) {
        margin-bottom: 5px !important; 
        position: relative !important;
    }

    /* 2. Исправляем позиционирование треугольника */
    .ls-section4-row2 .wp-block-column:not(:last-child)::after {
        content: "\25BC"; 
        position: absolute;
        top: auto !important;     
        right: auto !important;       
        bottom: -35px;                 /* Выносим треугольник за пределы карточки вниз */
        left: 50%;
        transform: translateX(-50%) !important; 
        
        font-size: 24px;
        color: #2d3e33;
        line-height: 1;
        opacity: 0.6;
        z-index: 10;
    }
}

.ls-section4-row2 .wp-block-column:nth-child(1)::before {
	background-image: url('/wp-content/themes/spicy/img/lunest-sutik4-img1.png');
}

.ls-section4-row2 .wp-block-column:nth-child(2)::before {
	background-image: url('/wp-content/themes/spicy/img/lunest-sutik4-img2.png');
}

.ls-section4-row2 .wp-block-column:nth-child(3)::before {
	background-image: url('/wp-content/themes/spicy/img/lunest-sutik4-img3.png');
}

.ls-section4-row2 .wp-block-column:nth-child(4)::before {
	background-image: url('/wp-content/themes/spicy/img/lunest-sutik4-img5.png');
}

/* 5я секция Условия участия */
.ls-section5-row2 .wp-block-column:nth-child(1)::before {
	background-image: url('/wp-content/themes/spicy/img/lunest-sutik5-img1.png');
}
.ls-section5-row2 .wp-block-column:nth-child(2)::before {
	background-image: url('/wp-content/themes/spicy/img/lunest-sutik5-img2.png');
}
.ls-section5-row2 .wp-block-column:nth-child(3)::before {
	background-image: url('/wp-content/themes/spicy/img/lunest-sutik5-img3.png');
}
.ls-section5-row2 .wp-block-column:nth-child(4)::before {
	background-image: url('/wp-content/themes/spicy/img/lunest-sutik5-img4.png');
}

/* 6я секция - Контакты */
.ls-section6-row1 .wp-block-column:nth-child(2)::before {
	background-image: url('/wp-content/themes/spicy/img/lunest-sutik6-tel.png');
}
.ls-section6-row1 .wp-block-column:nth-child(3)::before {
	background-image: url('/wp-content/themes/spicy/img/lunest-sutik6-mail.png');
}