/* Баннер */
.banner .container {
	background-image:
		linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
		url("../images/main-banner-bg.jpg");
}

.banner-text {
	max-width: 320px;
	padding: 10px 5px;
	background-color: rgba(0, 0, 0, 0.6);
}

.banner-text p {
	color: var(--secondary-light-text-color)
}

/* Категории товаров */
.product-categories {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.product-category {
	display: block;
	background-color: var(--secondary-bg-color);
	padding: 20px;
	width: 200px;
	border-radius: 15px;
	margin: 20px auto;
	text-align: center;
	font-family: Montserrat;
}

.catalog-btn {
	display: block;
	padding: 20px;
	border-radius: 15px;
	margin: 20px auto;
	background-color: var(--main-accent-color);
	color: var(--secondary-light-text-color);
	width: 200px;
	text-align: center;
}

/* Связаться с нами */
.contact .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 40px;
	padding-bottom: 40px;
}

/* Заявка на звонок */
.contact-form {
	background-color: var(--secondary-bg-color);
	padding: 20px;
	border-radius: 15px;
}

.contact-form input, .contact-form button {
	display: block;
	width: 200px;
	border-radius: 15px;
	padding: 10px 15px;
	margin-bottom: 15px;
}

.contact-form form {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.contact-form input {
	border: 2px solid var(--secondary-accent-color);
}

.contact-form button {
	border: none;
	color: var(--secondary-light-text-color);
	background-color: var(--secondary-accent-color);
}

.contact-text {
	max-width: 500px;
}

.contact-text h2 {
	text-align: start;
}

/* Как строится сотрудничество? */
.how-it-works {
	background-color: var(--secondary-bg-color);
}

.how-it-works h2 {
	margin-bottom: 20px;
}

.steps {
	display: flex;
	justify-content: space-around;
	text-align: center;
}

.step {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 300px;
	padding: 15px 20px;
	border-radius: 15px;
	background-color: var(--main-bg-color);
}

/* Мобильная адаптация для главной страницы */
@media (max-width: 768px) {
    .banner-text {
        max-width: 100%;
    }
    
    .banner-text p {
        max-width: 100%;
    }
    
    /* Категории товаров на главной */
    .product-categories {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
    .product-category {
        width: 100%;
        margin: 10px 0;
        padding: 15px;
    }
    
    .catalog-btn {
        width: 100%;
        margin: 10px 0;
        grid-column: 1 / -1;
    }
    
    /* Контактная секция */
    .contact .container {
        flex-direction: column;
        gap: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .contact-text {
        max-width: 100%;
        text-align: center;
    }
    
    .contact-text h2 {
        text-align: center;
    }
    
    .contact-form input, 
    .contact-form button {
        width: 100%;
        max-width: 250px;
    }
    
    /* Как строится сотрудничество */
    .steps {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    
    .step {
        max-width: 100%;
        width: 100%;
    }
    
    .banner-heading {
        font-size: 1.1rem;
    }
}

@media (max-width: 480px) {
    .product-categories {
        grid-template-columns: 1fr;
    }
}