/* Расценки принтов, пометка «Распродано», фильтры каталога, курьер в корзине
   и шторки владельца («Цены и наличие», «Фильтры каталога»). */

/* ─────────── Расценки принтов ─────────── */

.mv-print-prices {
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid #212126;
}

.mv-print-prices__label {
  display: block;
  margin-bottom: 0.85rem;
  color: var(--accent-light, #c75a6e);
  font: 650 0.62rem/1.3 "Space Grotesk", sans-serif;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.mv-print-prices__list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mv-print-prices__list li {
  display: grid;
  grid-template-columns: 4.5rem 1fr auto;
  gap: 0.75rem;
  align-items: baseline;
  padding: 0.6rem 0;
  border-bottom: 1px solid #1a1a1d;
}

.mv-print-prices__list li:last-child {
  border-bottom: 0;
}

.mv-print-prices__size {
  color: #f5f2f0;
  font: 600 0.9rem/1.2 "Space Grotesk", sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mv-print-prices__note {
  color: #817477;
  font-size: 0.78rem;
}

.mv-print-prices__price {
  color: #f5f2f0;
  font: 700 0.95rem/1.2 "Space Grotesk", sans-serif;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.mv-print-prices__hint {
  margin: 0.9rem 0 0;
  color: #817477;
  font-size: 0.75rem;
  line-height: 1.5;
}

@media (max-width: 420px) {
  .mv-print-prices__list li {
    grid-template-columns: 3.6rem 1fr auto;
    gap: 0.5rem;
  }

  .mv-print-prices__note {
    font-size: 0.72rem;
  }
}

/* ─────────── Распродано ─────────── */

.mv-soldout {
  position: relative;
}

.mv-soldout img {
  filter: grayscale(1) brightness(0.62);
}

.mv-soldout,
.mv-soldout * {
  cursor: default !important;
}

/* Карточку не поднимаем при наведении: она недоступна для заказа. */
.mv-soldout:hover img {
  transform: none !important;
}

.mv-soldout__label {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 12;
  padding: 0.5rem 0.75rem;
  transform: translateY(-50%);
  color: #f5f2f0;
  background: rgba(9, 8, 8, 0.86);
  border-top: 1px solid rgba(245, 242, 240, 0.22);
  border-bottom: 1px solid rgba(245, 242, 240, 0.22);
  font: 700 0.68rem/1.2 "Space Grotesk", sans-serif;
  letter-spacing: 0.24em;
  text-align: center;
  text-transform: uppercase;
  pointer-events: none;
}

/* Приглушаем только главное фото распроданного товара, не «похожие». */
.mv-soldout-dialog img:first-of-type {
  filter: grayscale(1) brightness(0.7);
}

.mv-soldout__cta,
.mv-soldout__cta * {
  color: #6d6265 !important;
  opacity: 0.6;
}

.mv-soldout-thumb {
  filter: grayscale(1) brightness(0.7);
}

.mv-soldout__toast {
  position: fixed;
  left: 50%;
  bottom: 1.25rem;
  z-index: 90;
  width: min(24rem, calc(100vw - 2rem));
  margin: 0;
  padding: 0.85rem 1.1rem;
  transform: translate(-50%, 0.75rem);
  color: #f5f2f0;
  background: rgba(19, 17, 18, 0.96);
  border: 1px solid #35272b;
  border-radius: 0.55rem;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.5);
  font-family: "Montserrat", sans-serif;
  font-size: 0.82rem;
  line-height: 1.5;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.mv-soldout__toast.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}

/* ─────────── Шторка «Цены и наличие» ─────────── */

/* Раскладку берём такую же, как у шторки СДЭК: там правило привязано к id. */
#mv-catalog-bulk,
#mv-catalog-filters {
  position: fixed;
  inset: 0;
  z-index: 130;
  display: grid;
  grid-template-columns: 1fr min(40rem, 100%);
  font-family: "Montserrat", sans-serif;
}

@media (max-width: 768px) {
  #mv-catalog-bulk,
  #mv-catalog-filters {
    display: block !important;
  }

  #mv-catalog-bulk .mv-cdek-admin__backdrop,
  #mv-catalog-filters .mv-cdek-admin__backdrop {
    display: none !important;
  }

  #mv-catalog-bulk .mv-cdek-admin__drawer,
  #mv-catalog-filters .mv-cdek-admin__drawer {
    width: 100% !important;
    height: 100dvh !important;
    max-width: 100% !important;
    border-left: 0 !important;
  }
}

.mv-bulk__preview {
  max-height: 22rem;
  overflow-y: auto;
}

.mv-bulk__preview > p {
  margin: 0;
  color: #b9adaf;
  font-size: 0.82rem;
}

.mv-bulk__preview > p.is-error {
  color: #e0788c;
}

.mv-bulk__summary {
  margin: 0 0 0.75rem;
  color: #f5f2f0;
  font-size: 0.82rem;
}

.mv-bulk__rows {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mv-bulk__rows li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 0.75rem;
  align-items: baseline;
  padding: 0.5rem 0;
  border-top: 1px solid #241c1f;
  font-size: 0.78rem;
}

.mv-bulk__title {
  overflow: hidden;
  color: #d8cfd1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mv-bulk__price {
  color: #b9adaf;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.mv-bulk__price strong {
  color: #f5f2f0;
}

.mv-bulk__stock {
  color: #7fbf8f;
  font-size: 0.7rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.mv-bulk__stock.is-out {
  color: #e0788c;
}

@media (max-width: 560px) {
  .mv-bulk__rows li {
    grid-template-columns: minmax(0, 1fr) auto;
    row-gap: 0.15rem;
  }

  .mv-bulk__stock {
    grid-column: 2;
  }
}

/* ─────────── Фильтры каталога (catalog-filters.js, редактирует владелец) ─────────── */

/* Кнопки из React-бандла прячем, как только появились наши: список теперь задаёт владелец. */
[data-mv-filters] > button:not(.mv-filter) {
  display: none !important;
}

/* Внешний вид повторяет прежние кнопки бандла: активная — белая. */
.mv-filter {
  padding: 0.5rem 1rem;
  color: #8f8487;
  background: transparent;
  border: 1px solid #212126;
  border-radius: 0.25rem;
  cursor: pointer;
  font: 500 0.68rem/1.25 var(--font-display, "Space Grotesk", sans-serif);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

.mv-filter:hover,
.mv-filter:focus-visible {
  color: #fff;
  border-color: #34343c;
  outline: none;
}

.mv-filter.is-active {
  color: #0a0a0b;
  background: #fff;
  border-color: #fff;
  font-weight: 600;
}

@media (min-width: 640px) {
  .mv-filter {
    padding: 0.625rem 1.25rem;
    font-size: 0.72rem;
  }
}

.mv-filter-empty {
  margin: 1rem 0 0;
  padding: 2rem 1rem;
  color: #817477;
  border: 1px dashed #2a2224;
  border-radius: 0.65rem;
  font: 400 0.82rem/1.5 "Montserrat", sans-serif;
  text-align: center;
}

/* ─────────── Шторка «Фильтры каталога» ─────────── */

.mv-cdek-admin__form select {
  width: 100%;
  min-height: 2.9rem;
  padding: 0.75rem 0.85rem;
  color: #f5f2f0;
  background: #141114;
  border: 1px solid #352a2d;
  border-radius: 0.55rem;
  font: 500 0.74rem/1.3 "Montserrat", sans-serif;
}

.mv-filters__row {
  display: grid;
  gap: 0.7rem;
  margin: 0 0 0.75rem;
  padding: 0.9rem;
  background: #100d0e;
  border: 1px solid #2a2224;
  border-radius: 0.65rem;
}

.mv-filters__row-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.mv-filters__row-head strong {
  color: #e7dfe1;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.mv-filters__row-tools {
  display: flex;
  gap: 0.35rem;
}

.mv-filters__row-tools button {
  min-height: 2rem;
  padding: 0 0.6rem;
  color: #b9adaf;
  background: transparent;
  border: 1px solid #352a2d;
  border-radius: 0.45rem;
  cursor: pointer;
  font: 600 0.66rem/1 "Montserrat", sans-serif;
}

.mv-filters__row-tools button:hover:not(:disabled) {
  color: #fff;
  border-color: #8f4b58;
}

.mv-filters__row-tools button:disabled {
  cursor: default;
  opacity: 0.35;
}

.mv-filters__row-tools button[data-remove] {
  color: #e0788c;
}

.mv-filters__add {
  width: 100%;
  min-height: 2.9rem;
  color: #d8cdd0;
  background: transparent;
  border: 1px dashed #4a3a3f;
  border-radius: 0.65rem;
  cursor: pointer;
  font: 600 0.72rem/1 "Montserrat", sans-serif;
}

.mv-filters__add:hover:not(:disabled) {
  color: #fff;
  border-color: #8f4b58;
}

.mv-filters__add:disabled {
  cursor: default;
  opacity: 0.4;
}

.mv-filters__none {
  margin: 0 0 0.75rem;
  color: #817477;
  font-size: 0.78rem;
}

.mv-filters__hint {
  margin: 0.6rem 0 0;
  color: #71676a;
  font-size: 0.66rem;
  line-height: 1.5;
}

/* ─────────── Доставка: Самовывоз, Курьер по Якутску, Улусы ─────────── */

.mv-delivery-choice__options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
}

.mv-delivery-choice__options > button {
  min-height: 4rem;
}

/* Кнопка улусов на десктопе занимает всю ширину */
.mv-delivery-choice__options [data-delivery-type="ulus"] {
  grid-column: 1 / -1;
  min-height: 3.8rem;
}

@media (max-width: 580px) {
  .mv-delivery-choice__options {
    grid-template-columns: 1fr;
  }

  .mv-delivery-choice__options [data-delivery-type="ulus"] {
    grid-column: 1;
  }
}

/* Информационный блок: Доставка по улусам (междугороднее такси) */
.mv-ulus-guide {
  margin: 0.85rem 0 1rem;
  padding: 1rem 1.15rem;
  background: rgba(22, 18, 20, 0.95);
  border: 1px solid rgba(199, 90, 110, 0.4);
  border-radius: 0.65rem;
  color: #e4d9dc;
  font-family: "Montserrat", sans-serif;
  font-size: 0.76rem;
  line-height: 1.55;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.35);
}

.mv-ulus-guide__title {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 0.75rem;
  color: #f7f4f2;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.mv-ulus-guide__title svg {
  flex-shrink: 0;
  color: #c75a6e;
}

.mv-ulus-guide__steps {
  margin: 0 0 0.8rem;
  padding-left: 1.35rem;
  display: grid;
  gap: 0.45rem;
}

.mv-ulus-guide__steps li {
  color: #d8cdd0;
}

.mv-ulus-guide__steps li strong {
  color: #fff;
}

.mv-ulus-guide__note {
  margin: 0;
  padding-top: 0.65rem;
  border-top: 1px dashed rgba(255, 255, 255, 0.12);
  color: #a89ba0;
  font-size: 0.72rem;
  line-height: 1.5;
}

.mv-ulus-guide__note em {
  color: #e0788c;
  font-style: normal;
  font-weight: 600;
}

.mv-delivery-cdek-alt {
  display: inline-block;
  margin-top: 0.75rem;
  padding: 0.4rem 0.2rem;
  color: #8c8084;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  font-size: 0.72rem;
  text-decoration: underline;
  transition: color 150ms ease;
}

.mv-delivery-cdek-alt:hover {
  color: #e4d9dc;
}