/* === BBC Shop - фильтры HUR: планшет и телефон (панель выезжает слева) === */

@media (max-width: 900px) {
    .shop-section--filters { display: block; }

    .shop-filters-open { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid var(--shop-text); background: var(--shop-surface); font-family: inherit; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; cursor: pointer; color: var(--shop-text); }
    .shop-filters-open__cnt { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--shop-accent); color: #fff; font-size: 11px; line-height: 18px; text-align: center; letter-spacing: 0; }

    .shop-filters { position: fixed; top: 0; left: 0; bottom: 0; width: min(380px, 88vw); max-height: none; z-index: 1001; background: var(--shop-bg); padding: 0 20px; transform: translateX(-100%); transition: transform .3s var(--shop-ease); box-shadow: var(--shop-shadow-lg); }
    body.shop-filters-on .shop-filters { transform: none; }
    .shop-filters-backdrop { display: block; position: fixed; inset: 0; z-index: 1000; background: rgba(0, 0, 0, 0.35); opacity: 0; pointer-events: none; transition: opacity .3s; }
    body.shop-filters-on .shop-filters-backdrop { opacity: 1; pointer-events: auto; }
    body.shop-filters-on { overflow: hidden; }

    .shop-filters__head { position: sticky; top: 0; z-index: 2; background: var(--shop-bg); padding: 18px 0 14px; }
    .shop-filters__close { display: flex; background: none; border: 0; padding: 4px; cursor: pointer; color: var(--shop-text); }
    .shop-filters__foot { position: sticky; bottom: 0; background: var(--shop-bg); padding: 14px 0 18px; border-top: 1px solid var(--shop-line); }
    .shop-filters__form.is-auto .shop-filters__foot { display: block; }

    .shop-fopt { padding: 8px 0; font-size: 14px; }
    .shop-fchips { margin: -24px 0 24px; }
}

@media (max-width: 600px) {
    .shop-qbar { padding: 20px 16px; margin: 0 -16px 36px; border-left: 0; border-right: 0; }
    .shop-qbar__title { font-size: 18px; }
    .shop-qbar__form { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 0 16px 4px; }
    .shop-qbar__form::-webkit-scrollbar { display: none; }
    .shop-qbar__btn { height: 42px; white-space: nowrap; padding: 0 12px; }
    .shop-qbar__item { flex: none; position: static; }
    /* выпадашка - шторка снизу */
    .shop-qbar__pop { position: fixed; left: 0; right: 0; bottom: 0; top: auto; max-width: none; min-width: 0; max-height: 75vh; overflow-y: auto; border-radius: 14px 14px 0 0; padding: 20px 16px 16px; z-index: 1002; }
    .shop-qbar__opts { grid-template-columns: 1fr; }
    .shop-qbar__item.is-open::before { content: ''; position: fixed; inset: 0; z-index: 1001; background: rgba(0, 0, 0, 0.35); }
    .shop-qbar__submit { flex: none; height: 42px; margin: 0; padding: 0 16px; }
    /* после выбора - плавающая кнопка «Показать N» внизу экрана */
    .shop-qbar__form.has-sel .shop-qbar__submit { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 900; height: 50px; box-shadow: var(--shop-shadow-lg); }
    .shop-qbar__item.is-open ~ .shop-qbar__submit { display: none; }
    .shop-list-bar { gap: 10px; }
}