.catalog-system-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--column-gap-small)}@media (max-width: 1260px){.catalog-system-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.catalog-system-list{grid-template-columns:1fr}}.catalog-system-list a{display:block}.catalog-system-list .product-system{display:flex;flex-direction:column;height:100%;background:var(--color-gray-50);border:1px solid var(--color-gray-200);transition:box-shadow ease-out .3s}.catalog-system-list .product-system:hover{box-shadow:0 0 10px #00000029}.catalog-system-list .product-system .header{position:relative}.catalog-system-list .product-system .header .media-item{padding:16px;text-align:center;aspect-ratio:1}.catalog-system-list .product-system .header .media-item img{height:100%;aspect-ratio:1;width:auto;object-fit:contain}.catalog-system-list .product-system .header .system-tags{position:absolute;right:16px;bottom:-12px;left:16px}.catalog-system-list .product-system .system-info{flex-grow:1;padding:24px 16px 20px;background:var(--color-gray-100);border-top:2px solid var(--color-gray-300);word-break:auto-phrase}.catalog-system-list .product-system .system-info .text-item{margin-top:4px;font-size:var(--font-l-size);line-height:var(--font-l-line-height)}