.sk-mobile-catalog { display: none; }
.pos-menu-vertical .menu-content > .sk-residential-menu { position: relative; }
.pos-menu-vertical .sk-residential-menu > .sk-residential-link { padding-right: 48px; }
.sk-residential-menu .sk-brands-toggle { position: absolute; top: 0; right: 0; width: 44px; height: 48px; border: 0; background: transparent; color: #1679a5; cursor: pointer; font-size: 25px; line-height: 1; }
.sk-residential-menu .sk-brands-toggle span { display: inline-block; transition: transform .15s; }
.sk-residential-menu .sk-brands-toggle[aria-expanded="true"] span { transform: rotate(90deg); }
.sk-residential-menu .sk-brands-panel[hidden] { display: none !important; }
.sk-residential-menu .sk-brands-panel { position: absolute; left: 100%; top: 0; width: min(920px, calc(100vw - 340px)); max-height: calc(100vh - 210px); overflow: auto; overscroll-behavior: contain; background: #fff; border: 1px solid #e0eaf0; border-top: 3px solid #6ec1e4; box-shadow: 0 8px 24px #173b5226; padding: 22px 26px; z-index: 1001; text-align: left; }
.sk-brands-panel .sk-brands-top { padding-bottom: 16px; margin-bottom: 18px; border-bottom: 1px solid #e7eef2; }
.sk-brands-panel .sk-brands-all { display: inline-block; color: #1679a5; font-size: 15px; font-weight: 600; margin-bottom: 12px; }
.sk-brands-panel .sk-brands-shortcuts { display: flex; flex-wrap: wrap; gap: 8px; }
.sk-brands-panel .sk-brands-shortcuts a { display: inline-flex; align-items: center; min-height: 36px; padding: 7px 12px; background: #f0f8fc; border: 1px solid #d6e9f2; border-radius: 4px; color: #30546b; font-size: 12px; font-weight: 600; }
.sk-brands-panel .sk-brands-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px 26px; }
.sk-brands-panel .sk-brand { min-width: 0; }
.sk-brands-panel .sk-brand h4 { font-size: 15px; line-height: 1.4; margin: 0 0 6px; padding-bottom: 7px; border-bottom: 1px solid #dbeaf1; text-transform: none; }
.sk-brands-panel .sk-brand h4 a { color: #1679a5; font-weight: 600; }
.sk-brands-panel .sk-brand ul { list-style: none; padding: 0; margin: 0; }
.sk-brands-panel .sk-brand li { padding: 0; margin: 0; border: none; }
.sk-brands-panel .sk-brand li a { display: block; padding: 5px 0; color: #526171; font-size: 13px; line-height: 1.4; }
.sk-brands-panel .sk-brand li a.sk-brand-all { color: #1679a5; }
.sk-brands-panel a:hover { color: #1679a5; text-decoration: underline; }
.sk-residential-menu button:focus-visible, .sk-brands-panel a:focus-visible { outline: 2px solid #1679a5; outline-offset: 2px; }
@media (min-width: 992px) and (max-width: 1199px) {
  .sk-brands-panel .sk-brands-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
  .sk-mobile-catalog { display: block; background: #6ec1e4; margin-bottom: 16px; }
  .sk-mobile-catalog > .sk-residential-menu { position: relative; }
  .sk-mobile-catalog .sk-residential-link { display: block; padding: 14px 48px 14px 16px; color: #163e50; font-weight: 600; }
  .sk-residential-menu .sk-brands-panel { position: static; width: 100% !important; max-height: none !important; padding: 14px; border: 0; border-top: 2px solid #6ec1e4; box-shadow: none; }
  .sk-brands-panel .sk-brands-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 14px; }
  .sk-brands-panel .sk-brand li a { min-height: 40px; display: flex; align-items: center; }
  .sk-brands-panel .sk-brands-shortcuts a { min-height: 44px; }
  .sk-residential-menu .sk-brands-toggle { height: 44px; }
}