/* Фильтры-плашки и переключатель вида */
.walls-lc-filters{
  margin:1rem 0;
  padding:.75rem;
  border:1px solid #eee;
  border-radius:10px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

/* Общая строка фильтров */
.walls-lc-filters__row{
  display:flex;
  flex-wrap:wrap;
  column-gap:4px;
  row-gap:4px;
  align-items:center;
}

/* Заголовок блока фильтров */
.walls-lc-filters__title{
  font-weight:600;
  margin-right:8px;
}

/* Строка с иконками и подсказкой */
.walls-lc-filters__hint{
  flex-basis:100%;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

/* Иконки переключения вида */
.walls-lc-filters .lc-view-icons{
  display:inline-flex;
  gap:6px;
  vertical-align:middle;
}
.lc-view-icons button{
  border:1px solid #cbd5e1;
  background:#fff;
  border-radius:6px;
  padding:6px;
  line-height:0;
  cursor:pointer;
}
.lc-view-icons button[aria-pressed="true"]{
  outline:2px solid #0ea5e9;
  border-color:#0ea5e9;
  background:#f0f9ff;
}
.lc-view-icons svg{
  width:18px;
  height:18px;
  display:block;
}

/* Подсказка рядом с иконками */
.lc-view-attn{
  margin-left:8px;
  color:#0ea5e9;
  font-size:12px;
  opacity:.9;
}

/* Плашки фильтров */
.walls-lc-filters .pill{
  display:flex;
  gap:.4rem;
  align-items:center;
  padding:.35rem .55rem;
  border:1px solid #ddd;
  border-radius:999px;
  background:#fff;
}
.walls-lc-filters .pill select{
  border:none;
  background:transparent;
  outline:none;
}
.walls-lc-filters .btn{
  padding:.4rem .7rem;
  border:1px solid #ddd;
  border-radius:8px;
  background:#fff;
  cursor:pointer;
  text-decoration:none;
}
.walls-lc-filters .btn-reset{background:#fafafa}

/* --- Фильтр "Материалы": адаптивная ширина --- */
/* По умолчанию (мобайл и узкие экраны) — занимать всю доступную ширину строки */
.walls-lc-filters select[name="materials"] {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}

/* На более широких экранах — ограничить, не растягивать на 100% */
@media (min-width: 769px) {
  .walls-lc-filters select[name="materials"] {
    width: auto;        /* естественная ширина */
    max-width: 320px;   /* подгони под макет при желании */
  }
}

/* Чтобы элементы в строке могли ужиматься и переноситься корректно */
.walls-lc-filters__row,
.walls-lc-filters .pill {
  min-width: 0;
}

/* --- Кнопка "Сбросить": слева и переносится при нехватке места --- */
.walls-lc-filter__reset {
  margin-left: 0;       /* убираем прежнее выравнивание вправо */
  flex: 0 0 auto;       /* не растягивать, но позволять переносу */
  align-self: flex-start;
  white-space: nowrap;  /* не ломать подпись */
}

/* Оглавление */
.walls-lc-toc{
  margin:1rem 0 1.5rem;
  padding:.75rem;
  background:#fafafa;
  border:1px dashed #ddd;
  border-radius:10px;
}
.walls-lc-toc-group{margin-top:.6rem}
.walls-lc-quicklinks .lc-btn{
  padding:.35rem .6rem;
  border:1px solid #ddd;
  border-radius:999px;
  background:#fff;
  text-decoration:none;
}

/* Заголовки секций карточек */
.lc-section-title{
  display:block;
  font-size:1.25rem;
  font-weight:700;
  line-height:1.3;
  margin:40px 0 16px;
  padding:12px 16px;
  background:#f3f6ff;
  border:1px solid #dfe6ff;
  border-radius:10px;
  color:#1d2b4f;
  scroll-margin-top:80px;
}
.lc-section-title:not(:first-child){
  margin-top:56px;
}
@media (prefers-color-scheme: dark){
  .lc-section-title{
    background:#202739;
    border-color:#2b3550;
    color:#e8eeff;
  }
}

/* Золотая звезда у избранных */
.lc-star{
  color:#d4af37;
  margin-right:.35em;
}

/* Промежуток между карточками в полном виде */
.walls-lc-full {
  display: flex;
  flex-direction: column;
  gap: 10px; /* расстояние между карточками */
}

/* Чтобы карточки не сливались и сохраняли привычный вид */
.walls-lc-full .lc-card {
  margin: 0; /* убираем возможные внутренние отступы */
}

/* Сетка карточек */
.walls-lc-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:10px; /* увеличенный промежуток между карточками */
}

/* Карточка и тело */
.lc-card{
  border:1px solid #eee;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.lc-card__body{padding:.9rem}

/* Верх карточки */
.lc-card__top{margin-bottom:.6rem}

/* Сетка: растяжение и кнопка у низа */
.walls-lc-grid .lc-card{display:flex;flex-direction:column}
.walls-lc-grid .lc-card__body{display:flex;flex-direction:column;flex:1 1 auto}
.walls-lc-grid .lc-card__actions{margin-top:auto}

/* Изображение */
.lc-card__thumb img{width:100%;height:auto;display:block}

/* Заголовки карточек */
.lc-card__title{font-weight:700;line-height:1.3;margin:.45em 0 .55em}
.lc-card__title a{color:inherit;text-decoration:none}
.lc-card__title a:hover{text-decoration:underline}
.lc-card--grid .lc-card__title{font-size:1.2rem}
.lc-card--full .lc-card__title{font-size:1.5rem}

/* Плашки */
.lc-pills{display:flex;gap:.4rem;flex-wrap:wrap;margin:.2rem 0 .4rem}
.lc-pill{display:inline-block;padding:.2rem .5rem;border:1px solid #ddd;border-radius:999px;font-size:.8rem;background:#fafafa}

/* Цена + таймер */
.lc-card__price{margin:.25rem 0 .35rem;font-weight:600}
.lc-price-label{opacity:.7;margin-right:.25rem}
.lc-price--regular-strike{text-decoration:line-through;opacity:.6;margin-left:.35rem}

.lc-card__timer{margin:.25rem 0 .6rem;padding:.45rem;border:1px dashed #ddd;border-radius:8px;font-variant-numeric:tabular-nums}
.lc-card__timer-value{color:#ff6600;font-weight:600}
.lc-card__timer-note{font-size:.9rem;opacity:.9;margin-bottom:.15rem}

/* Кнопка */
.lc-btn{
  display:inline-block;
  padding:10px 16px;
  background:#eeeeee;
  color:#111;
  text-decoration:none;
  font-weight:600;
  border:1px solid #ddd;
  border-radius:8px;
  transition:background .15s ease, border-color .15s ease, box-shadow .15s ease;
  cursor:pointer;
}
.lc-btn:hover,.lc-btn:focus{
  background:#e6e6e6;
  border-color:#cfcfcf;
  box-shadow:0 1px 0 rgba(0,0,0,.04), 0 0 0 2px rgba(0,0,0,.03) inset;
  outline:none;
}
.lc-card__actions{margin-top:10px}

/* Полный вид */
.lc-card--full{padding:1rem}
.lc-card--full .lc-card__thumb{margin:.5rem 0}

/* Пагинация */
.walls-lc-pagination{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:16px 0 6px;
}
.walls-lc-pagination .page-link > *{
  display:inline-block;
  padding:7px 12px;
  border:1px solid #e0e0e0;
  border-radius:6px;
  background:#fff;
  text-decoration:none;
  color:#333;
}
.walls-lc-pagination .page-numbers.current{
  background:#e8f7ef;
  border-color:#ccebdc;
}

/* Используемые материалы */
.lc-materials{
  margin:1rem 0;
  border:1px solid #ddd;
  border-radius:6px;
  background:#fff;
  overflow:hidden;
}
.lc-materials summary{
  font-weight:600;
  cursor:pointer;
  padding:0.6rem 0.75rem;
  background:#f9f9f9;
  list-style:none;
  position:relative;
  user-select:none;
}
.lc-materials summary::marker,
.lc-materials summary::-webkit-details-marker{display:none}
.lc-materials summary::after{
  content:"▶";
  font-size:0.9em;
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%) rotate(0deg);
  transition:transform 0.2s ease;
  color:#555;
}
.lc-materials[open] summary::after{
  transform:translateY(-50%) rotate(90deg);
}
.lc-materials-list{
  margin:0;
  padding:0.5rem 1rem 0.75rem 1.25rem;
  border-top:1px solid #ddd;
  font-size:0.95em;
}
.lc-materials-list li{margin:0.3rem 0;line-height:1.5;}
.lc-materials-list a{color:#0073aa;text-decoration:underline;}
.lc-materials-list a:hover{text-decoration:none;}

/* Описание выбранного изделия */
.walls-lc-item-desc{
  margin:16px 0 24px;
  padding:12px 14px;
  border:1px solid #e6e6e6;
  border-radius:6px;
  background:#fff;
}
.walls-lc-item-desc p{margin:.5em 0;}