/* cc-filter — вид фильтра каталога crusoecamp.ru. Цвета — зелёный фирменный тёмный (#1f3d2b) и песочный (#e9e2cf). */

.cc-filter .cc-hidden,
.cc-filter .filter-item.cc-in-bar { display: none !important; }

/* Остальные выпадающие списки — под «Ещё фильтры». */
.cc-filter .filter-item.cc-more { display: none; }
.cc-filter.cc-more-open .filter-item.cc-more { display: block; }

.cc-bar { display: flex; flex-direction: column; gap: 14px; margin: 4px 0 14px; }
.cc-row { display: flex; align-items: flex-start; gap: 14px; }
.cc-row__t {
  flex: 0 0 120px; padding-top: 7px;
  font-size: 14px; font-weight: 600; color: #1f3d2b; line-height: 1.3;
}
.cc-row__chips { display: flex; flex-wrap: wrap; gap: 8px; }

.cc-chip {
  display: inline-flex; align-items: center; gap: 6px;
  min-height: 36px; padding: 6px 14px;
  border: 1px solid #c9c2ad; border-radius: 999px; background: #fff;
  font: inherit; font-size: 14px; color: #1f2a22; cursor: pointer;
  transition: background .15s, border-color .15s, color .15s;
}
.cc-chip:hover { border-color: #1f3d2b; }
.cc-chip:focus-visible { outline: 2px solid #1f3d2b; outline-offset: 2px; }
.cc-chip__n { font-size: 12px; color: #7a7466; }
.cc-chip.is-on { background: #1f3d2b; border-color: #1f3d2b; color: #fff; }
.cc-chip.is-on .cc-chip__n { color: #cfe3d4; }
.cc-chip.is-empty { opacity: .45; }

.cc-more-btn {
  margin: 4px 0 12px; padding: 8px 0;
  border: 0; background: none; cursor: pointer;
  font: inherit; font-size: 14px; font-weight: 600; color: #1f3d2b;
  text-decoration: underline; text-underline-offset: 3px;
}

.cc-picked { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 12px; }
.cc-picked__t { font-size: 14px; color: #7a7466; }
.cc-tag {
  padding: 5px 12px; border: 0; border-radius: 999px;
  background: #e9e2cf; color: #1f2a22; font: inherit; font-size: 13px; cursor: pointer;
}
.cc-tag:hover { background: #ddd3b8; }

/* Штатные названия не обрезаем многоточием. */
.cc-filter .filter-item__name .text { white-space: normal; overflow: visible; text-overflow: clip; }

@media (max-width: 767px) {
  .cc-row { flex-direction: column; gap: 6px; }
  .cc-row__t { flex: none; padding-top: 0; }
  .cc-chip { min-height: 40px; }
}

/* Плашка cookie на телефоне: была 447 px (55 % экрана, закрывала «В корзину»), стала ~183 px.
   Проверено вставкой на живой странице 375×812, 28.10. Виджет 163702849 (drop-item 284884553). */
@media (max-width: 767px) {
  .widget-type_system_widget_v4_modal_cookie_1 { --layout-pt: 10px !important; --layout-pb: 10px !important; }
  .widget-type_system_widget_v4_modal_cookie_1 .layout__content { padding-top: 10px !important; padding-bottom: 10px !important; }
  .widget-type_system_widget_v4_modal_cookie_1 .cookie-banner { display: flex !important; flex-direction: column !important; gap: 10px !important; }
  .widget-type_system_widget_v4_modal_cookie_1 .cookie-text,
  .widget-type_system_widget_v4_modal_cookie_1 .cookie-text p { font-size: 12px !important; line-height: 1.35 !important; margin: 0 !important; }
  .widget-type_system_widget_v4_modal_cookie_1 .cookie-link { display: flex !important; flex-direction: row !important; gap: 8px !important; margin: 0 !important; }
  .widget-type_system_widget_v4_modal_cookie_1 .cookie-link .button {
    flex: 1 1 0 !important; width: auto !important; min-height: 40px !important; height: 40px !important;
    padding: 0 10px !important; font-size: 14px !important; margin: 0 !important;
  }
}
