/* hub2b.ru розница: панель выбранных фильтров, подсветка «P», переключатель плитка/список */

/* === Панель «Вы выбрали» === */
.dhl-applied-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 6px 0 16px; }
.dhl-applied-filters__label { font-size: 13px; color: #707070; margin-right: 2px; }
.dhl-applied-filters__chip { display: inline-flex; align-items: center; gap: 6px; background: #f5f5f5; border: 1px solid #e4e4e4; border-radius: 16px; padding: 4px 6px 4px 12px; font-size: 13px; line-height: 1.2; color: #1d1d1d; }
.dhl-applied-filters__x { border: 0; background: transparent; cursor: pointer; font-size: 17px; line-height: 1; color: #9a9a9a; padding: 0 4px; }
.dhl-applied-filters__x:hover { color: #d40511; }
.dhl-applied-filters__clear { border: 0; background: transparent; color: #d40511; cursor: pointer; font-size: 13px; text-decoration: underline; margin-left: 4px; }

/* === Подсветка «P — сталь» === */
.filter .filter__item-control.dhl-hl-p { background: #ffcc00 !important; border-radius: 6px; }
.filter .filter__item-control.dhl-hl-p * { color: #1a1a1a !important; font-weight: 600; }

/* === Переключатель плитка/список === */
.dhl-view-toggle { display: inline-flex; gap: 6px; align-items: center; margin-left: auto; }
.catalog__filter-container { display: flex !important; align-items: center; flex-wrap: wrap; }
.dhl-view-toggle__btn { width: 38px; height: 38px; border: 1px solid #e2e2e2; border-radius: 8px; background: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; color: #9a9a9a; padding: 0; transition: all .15s; }
.dhl-view-toggle__btn:hover { color: #444; }
.dhl-view-toggle__btn.is-active { border-color: #ffcc00; background: #fffdf2; color: #111; }
.dhl-view-toggle__btn svg { width: 18px; height: 18px; display: block; }

/* === Вид «список» === */
.catalog-section__container.dhl-list { display: block !important; }
.catalog-section__container.dhl-list .catalog-section__item-wrapper { width: 100% !important; max-width: 100% !important; flex: none !important; display: block !important; margin-bottom: 14px; }
.catalog-section__container.dhl-list .catalog-item {
    display: grid !important;
    grid-template-columns: 190px minmax(0, 1fr) 230px;
    column-gap: 24px;
    align-items: center;
    border: 1px solid #ededed; border-radius: 10px; padding: 16px 20px;
}
.catalog-section__container.dhl-list .catalog-item__image-container,
.catalog-section__container.dhl-list .catalog-item__slider-container {
    grid-column: 1; grid-row: 1 / span 6;
    width: 180px !important; height: 180px !important; align-self: center;
}
.catalog-section__container.dhl-list .catalog-item__slider-pagination { display: none !important; }
.catalog-section__container.dhl-list .catalog-item__name { grid-column: 2; align-self: center; font-size: 16px; line-height: 1.35; margin: 0; }
.catalog-section__container.dhl-list .catalog-item .reviews-and-quantity { grid-column: 2; align-self: center; }
.catalog-section__container.dhl-list .catalog-item > .d-flex.flex-column { grid-column: 2; align-self: center; }
.catalog-section__container.dhl-list .catalog-item__price-container { grid-column: 3; grid-row: 1 / span 6; align-self: center; text-align: right; }
.catalog-section__container.dhl-list .catalog-item__buttons-block { grid-column: 3; grid-row: 1 / span 6; align-self: center; margin-top: 62px; }