/* Независимая сетка каталога; цвета кнопки приходят с корня компонента. */
.bsh-grid{--bsh-grid-bg:var(--main_color_hover);--bsh-grid-color:var(--white_color);--bsh-grid-height:52px;--bsh-grid-width:142px;--bsh-grid-font:16px;--bsh-grid-columns:3;--bsh-grid-radius:var(--button_border_radius);position:static}
.bsh-grid-trigger{display:flex;align-items:center;justify-content:center;height:var(--bsh-grid-height);min-width:var(--bsh-grid-width);padding:0 18px;background:var(--bsh-grid-bg);color:var(--bsh-grid-color);font-weight:700;font-size:var(--bsh-grid-font);text-transform:uppercase;border-radius:var(--bsh-grid-radius);border:none;cursor:pointer;transition:background-color .3s ease,color .3s ease;user-select:none}
.bsh-grid-trigger:hover,.bsh-grid.is-open .bsh-grid-trigger{background:var(--second_color);color:var(--bsh-grid-color)}
.bsh-grid-burger{position:relative;width:14px;height:10px;margin-right:8px}
.bsh-grid-burger span{display:block;position:absolute;left:0;width:100%;height:1.5px;background:currentColor;transform-origin:center;transition:top .25s ease,transform .25s ease,opacity .25s ease}
.bsh-grid-burger span:nth-child(1){top:0}.bsh-grid-burger span:nth-child(2){top:4.25px}.bsh-grid-burger span:nth-child(3){top:8.5px}
.bsh-grid.is-open .bsh-grid-burger span:nth-child(1){top:4.25px;transform:rotate(45deg)}
.bsh-grid.is-open .bsh-grid-burger span:nth-child(2){opacity:0}
.bsh-grid.is-open .bsh-grid-burger span:nth-child(3){top:4.25px;transform:rotate(-45deg)}
.bsh-grid-panel{position:absolute;top:100%;left:0;right:0;margin-top:12px;width:100%;background:var(--white_color);border-radius:var(--middle_border_radius);box-shadow:0 5px 30px color-mix(in srgb,var(--text_color) 10%,transparent);overflow:hidden;z-index:1000}
.bsh-grid-panel[hidden]{display:none}
.bsh-grid-inner{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(80vh - 100px);padding:40px 40px 12px}
.bsh-grid-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;width:100%}
.bsh-grid-item{position:relative;box-sizing:border-box;width:calc(100% / var(--bsh-grid-columns));padding:0 24px 0 70px;margin:0 0 24px;list-style:none}
.bsh-grid--no-images .bsh-grid-item{padding-left:0}
.bsh-grid-image{position:absolute;left:0;top:0}
.bsh-grid-image img{width:50px;height:50px;border-radius:var(--button_border_radius);object-fit:cover}
.bsh-grid-content{display:flex;flex-wrap:wrap;align-items:center;min-height:50px}
.bsh-grid-content>a{width:100%;font-weight:600;font-size:18px}
.bsh-grid-content>a:hover{color:var(--main_color_hover);opacity:1}
.bsh-grid-content>ul{list-style:none;margin:0;padding:0;width:100%}
.bsh-grid-content>ul>li{list-style:none}
.bsh-grid-content>ul>li>a{font-size:15px;opacity:.7;padding:2px 0 3px;display:block;transition:color .2s ease,opacity .2s ease}
.bsh-grid-content>ul>li>a:hover{color:var(--second_color);opacity:1}
.bsh-grid-extra[hidden]{display:none}
.bsh-grid-more{cursor:pointer;font-size:14px;color:var(--main_color);width:100%;margin-top:4px;font-weight:500;line-height:inherit;background:none;border:0;padding:0;text-align:left}
.bsh-grid-more:hover{opacity:.8}
@media(max-width:990px){.bsh-grid{display:none}}
