.gshop-components-directory{max-height:min(740px,calc(100dvh - 90px));overflow-y:auto;border-top:1px solid #e8e8e8;background:#fff;box-shadow:0 16px 36px rgb(0 0 0 / 11%);color:#1f2529}
.gshop-components-directory>.container{width:min(calc(100% - 56px),1500px);max-width:1500px;padding:30px 0 38px}
.gshop-components-directory__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,320px);gap:40px}
.gshop-components-directory__groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 30px;align-content:start}
.gshop-components-directory__group{min-width:0}.gshop-components-directory__group h2{margin:0 0 10px;font-size:13px;font-weight:750;line-height:1.3}.gshop-components-directory__group h2 a{color:#172c38;text-decoration:none}.gshop-components-directory__group h2 a:hover{color:#176089}
.gshop-components-directory__group>a{display:block;padding:5px 0;color:#3f4b51;font-size:12px;line-height:1.35;text-decoration:none}.gshop-components-directory__group>a:hover{color:#176089;text-decoration:underline;text-underline-offset:3px}
.gshop-components-directory__feature{display:grid;grid-template-columns:1fr;gap:18px;align-content:start}
.gshop-components-directory__tile{display:block;color:#172c38;text-decoration:none}.gshop-components-directory__photo{display:grid;place-items:center;height:195px;overflow:hidden;background:#f3f5f5}.gshop-components-directory__photo img{display:block;width:100%;height:100%;object-fit:contain}.gshop-components-directory__tile>span:last-child{display:block;padding-top:8px;font-size:12px;font-weight:700}.gshop-components-directory__tile:hover>span:last-child{text-decoration:underline;text-underline-offset:3px}
.gshop-components-directory :is(a,button):focus-visible{outline:2px solid #176089;outline-offset:3px}
@media(max-width:1100px){.gshop-components-directory__layout{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.gshop-components-directory__groups{gap:22px 17px}.gshop-components-directory__photo{height:145px}}
@media(max-width:1024px){.gshop-components-directory{position:static;max-height:calc(100dvh - 70px);box-shadow:none}.gshop-components-directory>.container{width:100%;padding:18px 16px}.gshop-components-directory__layout{display:block}.gshop-components-directory__groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.gshop-components-directory__feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid #e4e9eb}.gshop-components-directory__photo{height:135px}}
@media(max-width:540px){.gshop-components-directory__groups{grid-template-columns:1fr 1fr;gap:20px 14px}.gshop-components-directory__group h2{font-size:12px}.gshop-components-directory__group>a{font-size:11px}.gshop-components-directory__photo{height:112px}.gshop-components-directory__tile>span:last-child{font-size:11px}}