body[data-page=products] .page-hero{min-height:190px!important;grid-template-columns:1fr 310px;gap:28px;padding:20px 30px!important}
body[data-page=products] .page-hero h1{font-size:34px;line-height:1.3;margin:5px 0 7px}
body[data-page=products] .page-hero p{font-size:11.5px;margin:0}
body[data-page=products] .page-hero-art{height:140px!important;background:#fff;border:1px solid #d6e3ea}
.catalog-hero-products{height:100%;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px;background:#eef5f8}
.catalog-hero-products img{width:100%;height:100%;object-fit:cover;background:#f5f9fb;border-top:3px solid #1688b0}
.catalog-hero-products img:nth-child(2){border-color:#168c68}.catalog-hero-products img:nth-child(3){border-color:#d18a1d}
.catalog-groups{margin-top:18px;background:#fff;border:1px solid #d8e3ea;padding:15px}
.catalog-groups>header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:12px}
.catalog-groups>header span{display:block;color:#1688b0;font-size:9px;font-weight:800}
.catalog-groups h2{font-size:20px;line-height:1.35;margin:2px 0 0;color:#0a2948}
.show-all-products{height:36px;border:1px solid #cbdbe5;background:#fff;color:#40576b;padding:0 12px;font-size:10px;font-weight:800;display:inline-flex;align-items:center;gap:7px}
.show-all-products b{min-width:20px;height:20px;display:grid;place-items:center;background:#edf4f7;color:#087fa5;font-size:9px}
.show-all-products.active{background:#087fa5;border-color:#087fa5;color:#fff}.show-all-products.active b{background:#fff;color:#087fa5}
.category-showcase{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.category-tile{min-width:0;padding:0;border:1px solid #d8e3ea;border-top:3px solid #1688b0;background:#fff;text-align:start;overflow:hidden;transition:.18s}
.category-tile[data-category=networks],.category-tile[data-category=access]{border-top-color:#168c68}
.category-tile[data-category=communication]{border-top-color:#d18a1d}
.category-tile[data-category=computers]{border-top-color:#4f6fb5}
.category-tile[data-category=software]{border-top-color:#6d58a5}
.category-tile:hover{border-color:#74bcd3;transform:translateY(-2px);box-shadow:0 8px 20px rgba(20,68,96,.08)}
.category-tile.active{border-color:#087fa5;box-shadow:inset 0 -3px #087fa5,0 8px 20px rgba(20,68,96,.09)}
.category-visual{height:104px;display:block;overflow:hidden;background:#eef5f8;border-bottom:1px solid #e2ebf0}
.category-visual img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.035);transition:transform .25s ease}
.category-tile:hover .category-visual img{transform:scale(1.075)}
.category-tile-copy{display:block;padding:9px 10px 10px;min-width:0}
.category-tile-copy strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#0a2948;font-size:10.5px;line-height:1.55;min-height:33px}
.category-tile-copy small{display:block;color:#7a8c9b;font-size:8.5px;margin-top:2px}
body[data-page=products] .products-layout{grid-template-columns:210px 1fr;padding:14px;gap:18px;margin-top:12px}
body[data-page=products] .filter-panel{top:84px;padding:12px}
body[data-page=products] .help-card{margin-top:12px}
@media(max-width:980px){.category-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 body[data-page=products] .page-hero{min-height:0!important;padding:12px 16px!important;grid-template-columns:minmax(0,1fr)!important}.catalog-groups{margin-top:9px;padding:10px}.catalog-groups>header{margin-bottom:9px}.catalog-groups h2{font-size:17px}
 body[data-page=products] .page-hero-art{display:none!important}
 body[data-page=products] .page-hero h1{font-size:23px;line-height:1.4;margin:3px 0 5px}body[data-page=products] .page-hero p{font-size:10px;line-height:1.75}
 .category-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.category-visual{height:88px}.category-tile-copy{padding:7px 8px 8px}.category-tile-copy strong{font-size:9.5px;min-height:30px}.category-tile-copy small{font-size:8px}
 body[data-page=products] .products-layout{grid-template-columns:1fr;padding:9px;gap:7px}.filter-panel{border:0!important;padding:0!important;background:transparent!important}.search-box{background:#fff}.catalog-toolbar{border-top:1px solid #dce5eb;padding-top:9px}
}

/* Compact category rail keeps the product results visible in the first viewport. */
.catalog-groups{padding:12px 14px}
.category-showcase{display:flex;overflow-x:auto;gap:8px;padding:2px 1px 8px;scroll-snap-type:x proximity;scrollbar-width:thin}
.category-tile{flex:0 0 176px;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;scroll-snap-align:start;border-top-width:2px}
.category-visual{height:62px;border:0;border-inline-end:1px solid #e2ebf0}
.category-tile-copy strong{font-size:10px;min-height:0;-webkit-line-clamp:2}
.catalog-toolbar>div{display:grid;gap:2px}.catalog-toolbar strong{font-size:14px;color:#0a2948}.catalog-toolbar p{margin:0;color:#738698}
body[data-page=products] .products-layout{scroll-margin-top:92px}
@media(max-width:760px){
 .catalog-groups>header{align-items:center}.catalog-groups>header div{min-width:0}.catalog-groups h2{font-size:15px}.show-all-products{height:34px;white-space:nowrap}
 .category-showcase{display:flex!important;grid-template-columns:none!important}.category-tile{flex-basis:148px;grid-template-columns:50px minmax(0,1fr)}.category-visual{height:54px}.category-tile-copy small{font-size:7.5px}
}