.catalog-hero-section {margin-bottom:32px}
.catalog-hero-grid {display:grid; grid-template-columns:280px minmax(0,1fr) 280px; gap:0; align-items:start}
.catalog-hero-col {min-width:0}
.catalog-hero-col--left {padding-right:10px}
.catalog-hero-col--right {padding-left:10px}
.catalog-hero-main {min-width:0; padding:0 10px}
.catalog-hero-box {min-height:220px}
.catalog-hero-slider-wrap {width:100%; max-width:100%}
.catalog-hero-slider-wrap .pr-tech-slider {width:100%; max-width:100%; margin:0}
.catalog-hero-placeholder {display:flex; align-items:center; justify-content:center; min-height:188px; padding:1px; text-align:center; color:var(--text-muted); border-radius:var(--radius-sm)}
@media (max-width:1399px) {.catalog-hero-grid {grid-template-columns:240px minmax(0,1fr) 240px}
    .catalog-hero-col--left {padding-right:0}
    .catalog-hero-col--right {padding-left:8px}
    .catalog-hero-main {padding:0}
}
@media (max-width:1199px) {.catalog-hero-grid {grid-template-columns:220px minmax(0,1fr)}
    .catalog-hero-col--left {padding-right:8px}
    .catalog-hero-main {padding:0 0 0 8px}
    .catalog-hero-col--right {grid-column:1 / -1; padding-left:0; padding-top:16px}
}
@media (max-width:959px) {.catalog-hero-section {margin-bottom:24px}
    .catalog-hero-grid {grid-template-columns:1fr}
    .catalog-hero-col--left,.catalog-hero-col--right,.catalog-hero-main {padding:0}
    .catalog-hero-col--left,.catalog-hero-main {margin-bottom:14px}
    .catalog-hero-col--right {padding-top:0}
    .catalog-hero-box {min-height:auto}
    .catalog-hero-placeholder {min-height:96px}
}
@media (max-width:639px) {.catalog-hero-section {margin-bottom:20px}
    .catalog-hero-box {padding:12px}
}