.vx-products-design { color: #22292f; margin-block-start: 0; }
.vx-products-design > section { margin-block-start: 0; margin-block-end: 0; }
body:has(.vx-products-design) .vx-footer { background: #e7f1ff; border: 0; padding-block: 50px 28px; }
body:has(.vx-products-design) .vx-footer-title, body:has(.vx-products-design) .vx-footer-link, body:has(.vx-products-design) .vx-footer-brand p, body:has(.vx-products-design) .vx-footer-bottom { color: #475461; }
body:has(.vx-products-design) .vx-footer-title { color: #20272c; }
body:has(.vx-products-design) .vx-footer-bottom { border-color: #cad9eb; }
body:has(.vx-products-design) .wp-site-blocks > footer { margin-block-start: 0; }
body:has(.vx-products-design) .vx-footer-brand > a img { filter: none !important; }
.vx-products-design h2 { font-size: clamp(26px, 3.2vw, 46px); line-height: 1.25; font-weight: 600; letter-spacing: -.025em; margin: 0 0 20px; }
.vx-products-design p { color: #6c7279; font-size: 16px; line-height: 1.6; margin: 0 auto 26px; }
.vx-catalog-hero { position: relative; }
.vx-catalog-hero > img { display: block; width: 100%; height: auto; }
.vx-catalog-explore { position: absolute; left: 6.75%; top: 73%; width: 14.2%; height: 9.3%; border-radius: 4px; }
.vx-products-design a:focus-visible { outline: 3px solid #005be7; outline-offset: 4px; }
.vx-catalog-explore:hover { box-shadow: 0 0 0 3px #005be7; }
.vx-catalog-intro { text-align: center; padding: 44px max(32px, calc((100% - 1344px)/2)) 56px; background: #f6f8fa; }
.vx-catalog-intro h2 { color: #0755d9; }
.vx-catalog-intro p { font-size: 16px; }
.vx-catalog-features { display: flex; gap: 16px; list-style: none; margin: 0; padding: 0; }
.vx-catalog-features li { flex: 1; border: 1px solid #dce2e9; border-radius: 30px; background: white; padding: 8px 12px; color: #656b72; font-size: 14px; }
.vx-catalog-list { background: #eaf3ff; padding: 64px max(32px, calc((100% - 1344px)/2)); scroll-margin-top: 100px; }
.vx-catalog-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px 20px; }
.vx-catalog-card { background: #fff; border-radius: 6px; overflow: hidden; padding: 0 22px 20px; display: flex; flex-direction: column; min-width: 0; }
.vx-catalog-media { display: block; margin: 0 -22px 20px; aspect-ratio: 1; }
.vx-catalog-media img { display: block; width: 100%; height: 100%; object-fit: contain; }
.vx-catalog-card h3 { font-size: 16px; font-weight: 700; line-height: 1.5; margin: 0 0 10px; }
.vx-catalog-card h3 a { color: inherit; }
.vx-catalog-specs { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 14px; }
.vx-catalog-specs span { background: #f0f4f9; color: #727f90; border-radius: 4px; font-size: 10px; line-height: 1.4; padding: 3px 7px; }
.vx-catalog-actions { display: flex; justify-content: space-between; gap: 8px; margin-top: auto; }
.vx-catalog-actions a { font-size: 12px; white-space: nowrap; border: 1px solid #737d87; border-radius: 5px; padding: 7px 9px; color: #4d555d; }
.vx-catalog-actions a:last-child { background: #22292f; color: #fff; border-color: #22292f; }
.vx-catalog-pagination { display: flex; justify-content: center; gap: 12px; margin-top: 54px; }
.vx-catalog-pagination a,.vx-catalog-pagination span { min-width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid #cddaea; font-size: 15px; color: #56677c; }
.vx-catalog-pagination [aria-current] { color: #0755d9; border-color: #67a2ff; }
.vx-catalog-pagination a:hover { background: #fff; border-color: #0755d9; }
.vx-catalog-manufacturing,.vx-catalog-benefits,.vx-catalog-industries { text-align: center; padding: 64px max(32px, calc((100% - 1344px)/2)) 72px; }
.vx-products-design .vx-catalog-eyebrow { font-size: 16px; font-weight: 700; letter-spacing: .05em; color: #4288ff; margin-bottom: 14px; }
.vx-catalog-mosaic { display: grid; grid-template-columns: .96fr 1fr 1fr; grid-template-rows: 300px 313px; gap: 12px; margin-top: 60px; }
.vx-catalog-mosaic img { width: 100%; height: 100%; object-fit: cover; border: 2px solid #6698e4; border-radius: 24px; }
.vx-catalog-mosaic img:first-child { grid-row: span 2; }
.vx-catalog-mosaic img:nth-child(2) { grid-column: span 2; }
.vx-catalog-benefits { background: #eaf3ff; }
.vx-catalog-benefit-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin-top: 48px; }
.vx-catalog-benefit-grid article { padding: 0 24px; border-right: 1px solid #dce5ef; }
.vx-catalog-benefit-grid article:last-child { border: 0; }
.vx-catalog-benefit-grid svg { width: 30px; height: 30px; color: #0661f8; margin-bottom: 18px; }
.vx-catalog-benefit-grid h3 { font-size: 15px; line-height: 1.45; margin: 0 0 12px; }
.vx-catalog-benefit-grid p { font-size: 15px; margin: 0; }
.vx-catalog-industries { background: #20272d; color: white; padding-top: 44px; }
.vx-products-design .vx-catalog-industries h2 { color: #fff; }
.vx-catalog-industries ul { display: flex; flex-wrap: wrap; gap: 16px; padding: 0; list-style: none; margin: 44px 0; }
.vx-catalog-industries li { flex: 1; border: 1px solid #57616a; border-radius: 30px; padding: 10px 18px; color: #b5bdc5; font-size: 14px; white-space: nowrap; }
.vx-catalog-industries figure { position: relative; margin: 0; border-radius: 8px; overflow: hidden; }
.vx-catalog-industries img { display: block; width: 100%; aspect-ratio: 1353/500; object-fit: cover; opacity: .35; filter: grayscale(1); }
.vx-catalog-industries figcaption { position: absolute; left: 48px; bottom: 44px; font-size: 14px; text-align: left; }
@media(max-width:1100px) { .vx-catalog-card { padding: 0 12px 16px; } .vx-catalog-media { margin-inline: -12px; } .vx-catalog-actions { flex-wrap: wrap; } .vx-catalog-benefit-grid article { padding: 0 12px; } .vx-catalog-mosaic { grid-template-rows: 230px 240px; } }
@media(max-width:760px) { .vx-catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; } .vx-catalog-intro,.vx-catalog-list,.vx-catalog-manufacturing,.vx-catalog-benefits,.vx-catalog-industries { padding: 40px 20px; } .vx-catalog-features { flex-wrap: wrap; } .vx-catalog-features li { flex: 1 1 40%; } .vx-products-design p br { display: none; } .vx-catalog-mosaic { grid-template-rows: 150px 155px; gap: 8px; margin-top: 30px; } .vx-catalog-mosaic img { border-radius: 12px; } .vx-catalog-benefit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 0; } .vx-catalog-benefit-grid article { border: 0; } .vx-catalog-industries ul { gap: 10px; margin: 26px 0; } .vx-catalog-industries li { font-size: 12px; } .vx-catalog-industries figcaption { left: 20px; bottom: 20px; right: 20px; font-size: 12px; } .vx-catalog-industries img { min-height: 240px; } }
@media(max-width:420px) { .vx-catalog-card h3 { font-size: 14px; } .vx-catalog-actions a { font-size: 11px; padding: 6px; } .vx-catalog-mosaic { grid-template-rows: 115px 120px; } }