.kk-directions{margin:12px 0 30px}.kk-directions>div{display:flex;gap:16px;align-items:center;margin-bottom:14px}.kk-directions>div>span{font-size:9px;color:#718a83;letter-spacing:1.5px}.kk-directions h2{font-size:17px;color:#284e49;margin:0}.kk-directions nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start}.kk-directions nav>a{display:block;position:relative;isolation:isolate;overflow:hidden;min-width:0;border-radius:10px;text-decoration:none;transition:box-shadow .18s ease,transform .18s ease}.kk-directions nav>a:after{content:"";position:absolute;inset:-30% auto -30% 0;width:48%;pointer-events:none;background:linear-gradient(100deg,transparent 10%,#ffffff14 32%,#ffffff80 50%,#ffffff24 65%,transparent 90%);transform:translateX(-220%) skewX(-18deg);opacity:0;animation:material-category-sheen 9s ease-in-out infinite}.kk-directions nav>a:nth-child(2):after{animation-delay:.25s}.kk-directions nav>a:nth-child(3):after{animation-delay:.5s}.kk-directions nav>a:nth-child(4):after{animation-delay:.75s}.kk-directions nav>a:nth-child(5):after{animation-delay:1s}@keyframes material-category-sheen{0%,8%{transform:translateX(-220%) skewX(-18deg);opacity:0}10%{opacity:.85}26%{transform:translateX(330%) skewX(-18deg);opacity:.85}28%,to{transform:translateX(330%) skewX(-18deg);opacity:0}}.graf-catalog .catalog-layout.catalog-layout-materials{grid-template-columns:minmax(0,1fr)}.kk-directions nav>a>img{display:block;width:100%;height:auto;border-radius:10px}.kk-directions nav>a[aria-current=page]{outline:2px solid #325b50;outline-offset:2px}.kk-directions nav>a:focus-visible{outline:3px solid #1b79ad;outline-offset:3px}@media(hover:hover){.kk-directions nav>a:hover{transform:translateY(-2px);box-shadow:0 4px 14px #173b3b16}}@media(max-width:1400px){.kk-directions nav{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.kk-directions nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.kk-directions>div{display:block}.kk-directions h2{margin-top:6px}.kk-directions nav{grid-template-columns:minmax(0,1fr);gap:10px}}@media(prefers-reduced-motion:reduce){.kk-directions nav>a{transition:none}.kk-directions nav>a:hover{transform:none}.kk-directions nav>a:after{animation:none;display:none}}