.b-equipment {
--eq-accent: var(--primary-color, #e85d04);
padding: 48px 16px 56px;
}
@media (min-width: 576px) {
.b-equipment { padding: 56px 24px 64px; }
}
@media (min-width: 992px) {
.b-equipment { padding: 72px 32px 80px; }
}
@media (min-width: 1280px) {
.b-equipment { padding: 80px 40px 96px; }
}
.b-equipment__inner { max-width: 1100px; margin: 0 auto; }
.b-equipment__header { text-align: center; margin-bottom: 36px; }
.b-equipment__title {
margin: 0 0 12px;
font-size: 24px;
font-weight: 700;
line-height: 1.25;
color: #1a1a1a;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.b-equipment__line {
display: block;
width: 40px;
height: 3px;
margin: 0 auto;
background: var(--eq-accent);
border-radius: 2px;
}
@media (min-width: 768px) {
.b-equipment__title { font-size: 28px; }
.b-equipment__header { margin-bottom: 48px; }
}
.b-equipment__content {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
align-items: center;
}
@media (min-width: 768px) {
.b-equipment__content {
grid-template-columns: 1fr 1fr;
gap: 40px 48px;
}
}
@media (min-width: 992px) {
.b-equipment__content { gap: 48px 64px; }
}
.b-equipment__lead {
margin: 0 0 16px;
font-size: 20px;
font-weight: 600;
line-height: 1.35;
color: var(--eq-accent);
}
@media (min-width: 768px) {
.b-equipment__lead { font-size: 22px; }
}
@media (min-width: 992px) {
.b-equipment__lead { font-size: 24px; }
}
.b-equipment__list {
margin: 0;
padding: 0 0 0 1.15em;
list-style: disc;
color: #333;
font-size: 15px;
line-height: 1.65;
}
.b-equipment__list li {
margin-bottom: 6px;
padding-left: 0.15em;
}
.b-equipment__list li:last-child { margin-bottom: 0; }
@media (min-width: 768px) {
.b-equipment__list { font-size: 16px; line-height: 1.7; }
}
.b-equipment__media { text-align: center; }
.b-equipment__img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
object-fit: contain;
}