.equipmentsPage__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 30px;
row-gap: 50px;
margin-bottom: 50px;
}
.oborudovanie__wrap-main {
padding: 30px 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
font-size: 18px;
font-weight: 300;
line-height: 130%;
background-color: var(--background-color-white);
}
.oborudovanie__left-text > p:first-child {
margin-top: 0;
}
.oborudovanie__left-text > p:last-child {
margin-bottom: 0;
}
.oborudovanie__right-nav-title {
display: block;
font-weight: 500;
color: var(--text-color-black);
margin-bottom: 20px;
}
.oborudovanie__right-nav-list {
margin: 0;
padding-inline-start: 20px;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 25px;
row-gap: 12px;
}
.oborudovanie__right-nav-list li::marker {
color: var(--text-color-red);
}
.oborudovanie__right-nav-list li a {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: var(--text-color-black);
text-decoration: underline;
transition: var(--default-transition);
}
.oborudovanie__right-nav-list li a:hover {
color: var(--text-color-red);
}
.oborudovanie__list-all {
display: flex;
flex-direction: column;
gap: 80px;
}
.oborudovanie__list-item {
display: grid;
grid-template-columns: minmax(320px, 360px) 1fr;
gap: 40px;
}
.oborudovanie__list-item-img > img {
object-fit: cover;
height: 476px;
width: 360px;
}
.oborudovanie__list-content-wrap {
display: flex;
flex-direction: column;
gap: 24px;
}
.oborudovanie__list-item-title {
font-weight: 500;
font-size: 28px;
color: var(--text-color-black);
line-height: 120%;
text-decoration: underline;
}
.oborudovanie__list-item-content-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
font-size: 16px;
font-weight: 300;
line-height: 137%;
}
.oborudovanie__list-item-preview > p:first-child {
margin: 0;
}
.oborudovanie__list-item-preview > ul {
padding-inline-start: 30px;
margin: 0;
}
.oborudovanie__list-item-info {
display: flex;
flex-direction: column;
gap: 24px;
}
.oborudovanie__list-item-info-top-txt > span,
.oborudovanie__list-item-info-mid,
.oborudovanie__list-item-info-bot > span {
font-weight: 500;
color: var(--text-color-black);
}
.oborudovanie__list-item-info-top-txt:not(:last-child) {
margin-bottom: 6px;
}
.oborudovanie__list-item-info-mid > span,
.oborudovanie__list-item-info-bot > span {
display: block;
margin-bottom: 12px;
}
.oborudovanie__list-item-info-mid-links {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: 15px;
row-gap: 8px;
}
.oborudovanie__list-item-info-mid-links > a {
font-size: inherit;
color: var(--text-color-main);
text-decoration: underline;
transition: var(--default-transition);
}
.oborudovanie__list-item-info-mid-links > a:hover {
color: var(--text-color-red);
}
.oborudovanie__list-item-info-bot-price {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
}
.oborudovanie__list-item-info-bot-red {
font-size: 22px;
font-weight: 400;
color: var(--text-color-red);
}
.oborudovanie__list-item-info-bot-old {
color: var(--text-color-light);
text-decoration: line-through;
}
.oborudovanie__list-item-link {
padding: 11.5px;
text-align: center;
font-size: 15px;
font-weight: 500;
line-height: 191%;
max-width: 180px;
color: #fff;
background-color: var(--button-color-main);
transition: var(--default-transition);
}
.oborudovanie__list-item-link:hover{
background-color: var(--button-color-main-hover);
}
@media (max-width: 992px) {
.equipmentsPage__grid {
column-gap: 20px;
row-gap: 20px;
margin-bottom: 20px;
}
.equipmentsPage__grid .equip-slider-card {
padding: 16px 16px;
height: auto;
}
.equipmentsPage__grid .equip-img-wrapper > img {
max-width: 118px;
height: 138px;
}
.oborudovanie__wrap-main {
padding: 24px 30px;
grid-template-columns: 1fr;
gap: 24px;
font-size: 16px;
}
.oborudovanie__right-nav-title {
margin-bottom: 16px;
}
.oborudovanie__right-nav-list {
row-gap: 10px;
}
.oborudovanie__list-all {
gap: 60px;
}
.oborudovanie__list-item {
gap: 20px;
}
.oborudovanie__list-item-img > img {
width: 320px;
height: 320px;
}
.oborudovanie__list-item {
grid-template-columns: 320px 1fr;
}
.oborudovanie__list-content-wrap {
gap: 16px;
}
.oborudovanie__list-item-title {
font-size: 22px;
}
.oborudovanie__list-item-content-wrap {
grid-template-columns: 1fr;
gap: 16px;
font-size: 15px;
}
.oborudovanie__list-item-info {
gap: 16px;
}
.oborudovanie__list-item-info-mid > span, .oborudovanie__list-item-info-bot > span {
margin-bottom: 8px;
}
.oborudovanie__list-item-info-bot-red {
font-size: 19px;
}
}
@media (max-width: 760px) {
.equipmentsPage__grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 670px) {
.oborudovanie__right-nav-list {
grid-template-columns: 1fr;
}
.oborudovanie__list-item {
grid-template-columns: 1fr;
gap: 20px;
}
.oborudovanie__list-item-img > img {
width: 100%;
}
}
@media (max-width: 600px) {
.equipmentsPage__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 375px) {
.equipmentsPage__grid {
grid-template-columns: repeat(1, 1fr);
}
.equipmentsPage__grid .equip-slider-card {
max-width: 100%;
}
}