.banner-st-1{color:white;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
								.banner-st-1 h2{margin:2.8rem 1rem 1rem 1rem;font-size:1.8rem}
								
								.banner-st-1 p{font-size:1.3rem;font-weight:bold;line-height:144%;margin:0 1rem}
								.txw {color:white}
								.m1em{text-shadow:none;margin-top:1em!important}
								.banner-st-1>p>span{background-color: rgba(0, 0, 0, 0.3);
				box-shadow: 0 0 0 rgba(0, 0, 0, 0.3), 10px 0 0 rgba(0, 0, 0, 0.3);
				padding: 0 10px 0 0;
				color: #FFFFFF;border-radius:9px}
				@media (min-width: 440px) { .banner-st-1 h2{margin:3.4rem 4rem 1rem 3rem;font-size:2.6rem} 
								.banner-st-1 p{font-size:1.3rem;font-weight:bold;line-height:144%}}
									
									/* media */
									
									 @media (max-width: 768px) {
            header nav ul {
                flex-direction: column;
            }

            .sidebar-menu {
                display: none;
            }

            .layout {
                flex-direction: column;
            }

            footer {
                flex-direction: column;
                align-items: center;
            }

            .footer-column {
                width: 100%;
                margin-bottom: 15px;
            }

            .calculator form {
                grid-template-columns: 1fr;
            }

            .calculator .cta-button {
                grid-column: span 1;
            }
        }
									
									/* media */
									
									.advantages ul {
			list-style-type: none;
			padding: 0;
			clear:both
		}

		.advantages ul li {
			display: flex;
			align-items: top;
			margin-bottom: 15px;
		}

		.advantages ul li::before {
			content: '\2713';
			color: #ff6f00;
			margin-right: 10px;
			font-weight: bold;
		}
		.advantages h3{display:block;clear:both}
		.advantages header{clear:both;float: none;}
									/* таблица и т.д. */
									#rock-table{
	width:100%;
	border:#393 1px solid;
}
#rock-table th,tr,td{border:#393 1px solid;}

#rock-table th:nth-child(0) {
  min-width: 120px;
}
#rock-table td:nth-child(0) {width: 120px;}
#rock-table img{min-width: 100px;}
#rock-table th{text-align:center;vertical-align:middle}
#rock-table tr:nth-child(odd){background:#deffde;}
#rock-table tr:nth-child(even){background:#f5fff5;}
#rock-table 
th,
td {
  padding: 0.5rem;
}
/* отзывы */
.reviews {
            margin-top: 1rem;
            padding: 1rem;
            background-color: #f9f9f9;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        .reviews h2 {
            font-size: 1.8em;
            margin-bottom: 20px;
            color: #333;
        }

        .review-item {
			margin-top:1rem;
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .review-item img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            object-fit: cover;
            margin-right: 20px;
        }

        .review-item p {
            font-size: 1.1em;
            color: #333;
        }
		.faq h2 {
            font-size: 1.8em;
            margin-bottom: 20px;
            color: #333;
        }

        .accordion {
            margin-bottom: 15px;
        }

        .accordion button {
            width: 100%;
            text-align: left;
            padding: 15px;
            border: none;
            outline: none;
            font-size: 1.2em;
            background-color: #f9f9f9;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        .accordion button:hover {
            background-color: #e6e6e6;
        }

        .accordion-content {
            padding: 0 15px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.2s ease-out;
        }

        .accordion-content p {
            margin: 10px 0;
        }
		/* дорожная карта */
		.steps ol {

list-style-type: none; 

counter-reset: num;

position: relative;	    

margin: 0 0 0 60px;

padding: 15px 0 5px 0;

font-size: 16px;

}

.steps ol li {

position: relative;	

margin: 0 0 0 0;

padding: 0 0 10px 0;

line-height: 1.4;

}

.steps ol li:after {

content: counter(num); 

counter-increment: num;

display: inline-block;

position: absolute;

top: 0;

left: -45px;

width: 28px;

height: 28px;

line-height: 28px;

background: #4e967c;

color: #fff;

text-align: center;

font-size: 18px;

border-radius: 50%;

border: 1px solid #4e967c;

}



/* Вертикальная линия */

.steps ol:before {

content: ''; 

position: absolute;

top: 15px;

bottom: 15px;

left: -30px;    

width: 1px;

border-left: 1px solid #4e967c;

}

/* Скрытие линии у последнего li */

.steps ol li:last-child:before {

content: ''; 

display: inline-block;

position: absolute;

top: 0;

bottom: 0;

left: -38px;

width: 28px;

background: #fff;

}
									
									/* calc */
									 .calculator {
            margin-top: 40px;
            padding: 30px;
            background-color: #f9f9f9;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
        }

        .calculator h2 {
            font-size: 1.8em;
            margin-bottom: 20px;
            color: #333;
        }

        .calculator form {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 15px;
        }

        .calculator .form-group.full-width {
            grid-column: span 2;
        }

        .calculator label {
            font-weight: bold;
        }

        .calculator input[type="text"], .calculator select {
            padding: 10px;
            width: 100%;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        .calculator .form-group {
            margin-bottom: 15px;
        }

        .calculator .cta-button {
            background-color: #ff6f00;
            color: white;
            padding: 10px 20px;
            text-decoration: none;
            font-weight: bold;
            border-radius: 5px;
            text-align: center;
            transition: background-color 0.3s;
            cursor: pointer;
            grid-column: span 2;
            justify-self: center;
        }

        .calculator .cta-button:hover {
            background-color: #e65c00;
        }
		.consultation-form {
            margin-top: 40px;
            padding: 30px;
            background-color: #f9f9f9;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        .consultation-form h2 {
            font-size: 1.8em;
            margin-bottom: 20px;
            color: #333;
        }

        .consultation-form form {
            display: grid;
            grid-template-columns: 1fr;
            gap: 15px;
        }

        .consultation-form label {
            font-weight: bold;
        }

        .consultation-form input[type="text"], .consultation-form input[type="email"], .consultation-form textarea {
            padding: 10px;
            width: 100%;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        .consultation-form textarea {
            resize: vertical;
        }

        .consultation-form .cta-button {
            background-color: #ff6f00;
            color: white;
            padding: 10px 20px;
            text-decoration: none;
            font-weight: bold;
            border-radius: 5px;
            text-align: center;
            transition: background-color 0.3s;
            cursor: pointer;
            justify-self: center;
        }

        .consultation-form .cta-button:hover {
            background-color: #e65c00;
        }
		.special-offer {
    padding: 1rem;
    background-color: #4e967c;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    width: 100%; /* Занимает всю ширину */
    box-sizing: border-box; /* Учитывает padding в ширине */
    clear: both; /* Начинает с новой строки под всеми элементами */
					background:url("../../assets/cache/images/catalog-kamni/iskusstvennyy-kamen/bianco-venato-bq-8440-640x452-bab.jpg") center;
				    background-color: #4e967c;
    background-position: center;
    background-blend-mode: multiply;
				
				}
.special-offer h2 {
    font-size: 2em;
    color: #fff;
    margin-bottom: 20px;
}

.special-offer p {
    font-size: 1.2em;
    color: #fff;
    margin-bottom: 20px;
}

				.y-key-btn{    background-color: #F5D033;
color:#FDFFF5;
    text-align: left;
    font-size: 22px;
    font-weight: 500;
    line-height: normal;
					text-decoration:none;
    align-items: center;
    margin-top: 10px;
    justify-content: center;
    padding: 10px 20px;}
				.y-key-btn:hover{color:#FDFFF5;text-decoration:none}
				 .calculator {
            margin-top: 40px;
            padding: 30px;
            background-color: #f9f9f9;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
        }

        .calculator h2 {
            font-size: 1.8em;
            margin-bottom: 20px;
            color: #333;
        }

        .calculator form {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 15px;
        }

        .calculator .form-group.full-width {
            grid-column: span 2;
        }

        .calculator label {
            font-weight: bold;
        }

        .calculator input[type="text"], .calculator select {
            padding: 10px;
            width: 100%;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        .calculator .form-group {
            margin-bottom: 15px;
        }

        .calculator .cta-button {
            background-color: #ff6f00;
            color: white;
            padding: 10px 20px;
            text-decoration: none;
            font-weight: bold;
            border-radius: 5px;
            text-align: center;
            transition: background-color 0.3s;
            cursor: pointer;
            grid-column: span 2;
            justify-self: center;
        }

        .calculator .cta-button:hover {
            background-color: #e65c00;
        }
@media (max-width: 768px) {
            header nav ul {
                flex-direction: column;
            }

            .sidebar-menu {
                display: none;
            }

            .layout {
                flex-direction: column;
            }

            footer {
                flex-direction: column;
                align-items: center;
            }

            .footer-column {
                width: 100%;
                margin-bottom: 15px;
            }

            .calculator form {
                grid-template-columns: 1fr;
            }

            .calculator .cta-button {
                grid-column: span 1;
            }
        }