.product-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-bottom:80px;display:grid}.product-directory-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;min-width:0;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.product-directory-card:hover{border-color:var(--brand);box-shadow:0 10px 30px #00387b0c}.product-directory-image{isolation:isolate;aspect-ratio:2.8;background:var(--paper);align-items:center;min-height:220px;padding:24px;display:flex;position:relative}.product-directory-image:before{content:"";background:var(--brand);opacity:.07;z-index:-1;position:absolute;inset:20px;-webkit-mask:url(/brand/koc-civata-logo.webp) top/100% no-repeat;mask:url(/brand/koc-civata-logo.webp) top/100% no-repeat}.product-directory-image .product-picture{width:100%;height:100%;display:block}.product-directory-image img{object-fit:contain;width:100%;height:100%;display:block}.product-directory-number{color:var(--muted);font-size:13px;position:absolute;top:14px;left:20px}.product-directory-copy{border-top:1px solid var(--line);flex-direction:column;flex:1;padding:26px 28px 24px;display:flex}.product-directory-copy h2{font-family:var(--body-font);color:var(--brand);font-size:28px;font-weight:600;line-height:1.25}.product-directory-copy p{color:var(--muted);margin:12px 0 24px;font-size:18px;line-height:1.5}.product-directory-action{color:var(--brand);justify-content:space-between;align-items:center;gap:16px;margin-top:auto;font-size:18px;font-weight:600;display:flex}@media (max-width:760px){.product-directory-grid{grid-template-columns:1fr;gap:20px;padding-bottom:48px}.product-directory-image{min-height:150px;padding:20px 14px}.product-directory-copy{padding:22px}.product-directory-copy h2{font-size:25px}.product-directory-copy p{font-size:17px}.product-directory-number{top:10px;left:14px}}