.directory{background:#f3f5f5;min-height:100vh}.directory-header{background:#0b1f2d;padding:16px 0}.directory-header .wrap{justify-content:space-between;align-items:center;display:flex}.directory-header .brand{color:#fff}.directory-hero{background:#fff;border-bottom:1px solid #d8dee1;padding:62px 0}.directory-hero h1{color:#14212b;margin:8px 0 12px;font-size:48px}.directory-hero p{color:#60717a}.directory-grid{grid-template-columns:repeat(3,1fr);gap:18px;padding-top:42px;padding-bottom:80px;display:grid}.directory-grid>a{color:#14212b;background:#fff;border:1px solid #d8dee1;flex-direction:column;padding:26px;text-decoration:none;transition:all .2s;display:flex}.directory-grid>a:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0f26331a}.directory-grid span{font-size:22px;font-weight:800}.directory-grid small{color:#667983;margin:8px 0 24px}.directory-grid b{color:#0a5e91;font-size:12px}.manufacturer-back{background:#eef2f3;border-bottom:1px solid #d8dee1;padding:10px 0}.manufacturer-back a{color:#0a5e91;font-size:12px;font-weight:700;text-decoration:none}@media (max-width:700px){.directory-grid{grid-template-columns:1fr}.directory-hero h1{font-size:36px}}