/* =============================================================================
   STOLNIK — карточка товара, версия по новому дизайн-макету.
   Путь: /local/templates/garderob_s1/stolnik-card-v2.css
   Работает поверх темы intec universe, разметку шаблона не меняет.
   Включается классом pcx-v2 на <html>; файл и класс подключаются
   в parts/custom/header.end.php только на выбранных URL.
   Откат: убрать этот блок из header.end.php.

   Палитра и типографика взяты из макета:
     paper #f5f0e8 · ink #24211e · muted #756e65 · line #d8d0c5
     accent #e24732 · white #fffdf8
     гарнитура: Manrope (400-700), локальный woff2
   ============================================================================= */

/* ---- шрифты: локальные woff2, кириллица + латиница.
   Файлы лежат в /local/templates/garderob_s1/fonts/
   Manrope — вариативный, один файл на все веса 400-700. Лицензия OFL. ---- */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/local/templates/garderob_s1/fonts/manrope-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/local/templates/garderob_s1/fonts/manrope-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/local/templates/garderob_s1/fonts/manrope-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ============================================================
   Тема карточки товара v2.1 — активна только при классе .pcx-v2 на <html>
   Единая гарнитура Manrope. Внешних запросов нет.
   ============================================================ */

.pcx-v2 {
  --pcx-paper: #f5f0e8;
  --pcx-paper-deep: #ebe2d5;
  --pcx-ink: #24211e;
  --pcx-muted: #756e65;
  --pcx-line: #d8d0c5;
  --pcx-white: #fffdf8;
  --pcx-accent: #e24732;
  --pcx-accent-dark: #bd3323;
  --pcx-r: 8px;
  --pcx-r-lg: 24px;
  --pcx-sans: 'Manrope', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* ---------- базовая типографика ---------- */

.pcx-v2 body,
.pcx-v2 .catalog-element,
.pcx-v2 .catalog-element input,
.pcx-v2 .catalog-element button,
.pcx-v2 .catalog-element select,
.pcx-v2 .catalog-element textarea {
  font-family: var(--pcx-sans);
}

.pcx-v2 body {
  background: var(--pcx-paper);
  color: var(--pcx-ink);
  -webkit-font-smoothing: antialiased;
}

/* заголовок товара — гротеск, плотный трекинг */
.pcx-v2 #pagetitle,
.pcx-v2 .catalog-element-title,
.pcx-v2 h1.title {
  font-family: var(--pcx-sans);
  font-weight: 600;
  font-size: 34px;
  line-height: 1.18;
  letter-spacing: -0.022em;
  color: var(--pcx-ink);
  margin: 0 0 10px;
}

/* подзаголовок: артикул и коллекция — мелко, без капса */
.pcx-v2 .pcx-subtitle,
.pcx-v2 .pcx-sub {
  font-family: var(--pcx-sans);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
  color: var(--pcx-muted);
  margin: 0 0 4px;
}

.pcx-v2 .pcx-subtitle b,
.pcx-v2 .pcx-subtitle strong,
.pcx-v2 .pcx-sub b,
.pcx-v2 .pcx-sub strong {
  font-weight: 600;
  color: #5d564e;
}

.pcx-v2 .breadcrumbs,
.pcx-v2 .bx-breadcrumb {
  font-size: 12px;
  color: var(--pcx-muted);
}

/* ---------- общий тон страницы ---------- */

.pcx-v2 .catalog-element-main-container {
  background: var(--pcx-paper);
  border-radius: var(--pcx-r-lg);
  padding: 28px 28px 32px;
  margin-bottom: 28px;
}

/* ---------- левая часть: галерея ---------- */

.pcx-v2 .catalog-element-gallery-container {
  background: var(--pcx-paper-deep);
  border-radius: var(--pcx-r-lg);
  padding: 16px 16px 16px 104px;
  overflow: hidden;
}

.pcx-v2 .pcx-thumbs {
  left: 16px;
}

.pcx-v2 .pcx-thumb {
  border-radius: var(--pcx-r);
  overflow: hidden;
  background-color: var(--pcx-white);
  border: 1px solid transparent;
  transition: border-color 0.15s ease;
}

.pcx-v2 .pcx-thumb[data-active="true"],
.pcx-v2 .pcx-thumb:hover {
  border-color: var(--pcx-ink);
}

/* единственный бейдж скидки — на фото */
.pcx-v2 .pcx-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 5;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 999px;
  background: var(--pcx-accent);
  color: #fff;
  font-family: var(--pcx-sans);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.01em;
}

/* дубль процента у цены скрыт: один бейдж на карточку */
.pcx-v2 .pcx-pct {
  display: none !important;
}

/* ---------- правая часть: карточка покупки ---------- */

.pcx-v2 .catalog-element-purchase-container {
  background: var(--pcx-white);
  border: 1px solid var(--pcx-line);
  border-radius: var(--pcx-r-lg);
  padding: 24px;
}

.pcx-v2 .catalog-element-purchase-wrapper {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.pcx-v2 .catalog-element-purchase-wrapper > .catalog-element-purchase-block {
  margin: 0 !important;
  padding: 0 !important;
}

/* пустые блоки темы и «поделиться» не создают дыр в сетке */
.pcx-v2 .catalog-element-purchase-wrapper > .catalog-element-purchase-block:empty,
.pcx-v2 .catalog-element-purchase-wrapper > .catalog-element-purchase-block:not(:has(*)),
.pcx-v2 .catalog-element-purchase-wrapper > .catalog-element-purchase-block:has(> .catalog-element-shares),
.pcx-v2 .catalog-element-shares {
  display: none !important;
}

/* ---------- цена ---------- */

.pcx-v2 .catalog-element-price-container {
  margin: 0;
}

.pcx-v2 .catalog-element-price {
  margin: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  font-size: 0;
}

.pcx-v2 .catalog-element-price-part {
  display: inline-flex !important;
  align-items: baseline;
  margin: 0 !important;
  padding: 0 !important;
}

/* актуальная цена первой, зачёркнутая справа */
.pcx-v2 .catalog-element-price-current {
  order: 1;
}

.pcx-v2 .catalog-element-price-old {
  order: 2;
}

.pcx-v2 .catalog-element-price-current-value {
  font-family: var(--pcx-sans);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: var(--pcx-ink);
}

.pcx-v2 .catalog-element-price-old-value {
  font-family: var(--pcx-sans);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: #a49a8e;
  text-decoration: line-through;
  white-space: nowrap;
}

/* висящий разделитель и пустая единица измерения */
.pcx-v2 .catalog-element-price-current-separator,
.pcx-v2 .catalog-element-price-current-measure:empty {
  display: none !important;
}

/* наличие */
.pcx-v2 .catalog-element-quantity,
.pcx-v2 .catalog-element-availability,
.pcx-v2 .catalog-element-quantity-value-text,
.pcx-v2 .pcx-stock {
  font-size: 13px;
  font-weight: 500;
  color: var(--pcx-muted);
}

/* ---------- свойства и размеры ---------- */

.pcx-v2 .catalog-element-offers {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pcx-v2 .catalog-element-offers-property {
  margin: 0;
}

/* шапка свойства: название + выбранное слева, ссылка на таблицу справа.
   grid вместо flex — margin-left:auto тема перебивает своим !important */
.pcx-v2 .catalog-element-offers-property-name {
  display: grid !important;
  grid-template-columns: auto auto 1fr;
  align-items: baseline;
  column-gap: 8px;
  margin: 0 0 10px !important;
  min-height: 18px;
}

.pcx-v2 .catalog-element-offers-property-name > .catalog-element-sizes {
  grid-column: 3;
  justify-self: end;
}

.pcx-v2 .catalog-element-offers-property-name-value {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pcx-muted);
}

.pcx-v2 .catalog-element-offers-property-name-selected {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: var(--pcx-ink);
}

/* «Таблица размеров» прижата к правому краю колонки */
.pcx-v2 .catalog-element-sizes {
  margin-left: auto;
  font-size: 12px;
}

.pcx-v2 .catalog-element-sizes-name,
.pcx-v2 .catalog-element-sizes-text,
.pcx-v2 .catalog-element-sizes a,
.pcx-v2 .catalog-element-sizes span {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: none;
  color: var(--pcx-muted);
}

.pcx-v2 .catalog-element-sizes-icon svg {
  width: 14px;
  height: 14px;
  display: block;
}

/* варианты значений */

.pcx-v2 .catalog-element-offers-property-value {
  margin: 0 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  min-width: 0;
  min-height: 0;
}

.pcx-v2 .catalog-element-offers-property-value-text:not([data-pcx-swatch]) {
  border-radius: var(--pcx-r) !important;
  border: 1px solid var(--pcx-line) !important;
  background: var(--pcx-white) !important;
  color: var(--pcx-ink) !important;
  font-size: 13px;
  font-weight: 600;
  min-width: 52px;
  padding: 11px 14px !important;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.pcx-v2 .catalog-element-offers-property-value-text:not([data-pcx-swatch]):hover {
  border-color: var(--pcx-ink) !important;
}

.pcx-v2 .catalog-element-offers-property-value[data-state="selected"] .catalog-element-offers-property-value-text:not([data-pcx-swatch]) {
  background: var(--pcx-ink) !important;
  border-color: var(--pcx-ink) !important;
  color: #fff !important;
}

/* кружки цвета */

/* кружок цвета. Селекторы специально длиннее, чем в stolnik-card.css,
   иначе фон и рамка из v1 перебивают тему v2 */
.pcx-v2 [data-pcx-color="true"] .catalog-element-offers-property-value-text[data-pcx-swatch="true"] {
  position: relative;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.pcx-v2 [data-pcx-color="true"] .catalog-element-offers-property-value-text[data-pcx-swatch="true"]::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: var(--pcx-color, #ccc);
  border: 1px solid rgba(36, 33, 30, 0.14);
  box-sizing: border-box;
}

.pcx-v2 [data-pcx-color="true"] .catalog-element-offers-property-value[data-selected="true"] .catalog-element-offers-property-value-text[data-pcx-swatch="true"],
.pcx-v2 [data-pcx-color="true"] .catalog-element-offers-property-value-text[data-pcx-swatch="true"]:hover {
  box-shadow: none !important;
  border-color: transparent !important;
}

.pcx-v2 [data-pcx-color="true"] .catalog-element-offers-property-value[data-selected="true"] .catalog-element-offers-property-value-text[data-pcx-swatch="true"]::after,
.pcx-v2 .catalog-element-offers-property-value[data-state="selected"] .catalog-element-offers-property-value-text[data-pcx-swatch="true"]::after {
  border: 2px solid var(--pcx-ink);
  box-shadow: inset 0 0 0 2px var(--pcx-white);
}

/* ---------- кнопка ---------- */

.pcx-v2 .catalog-element-buy-button,
.pcx-v2 .catalog-element-buy-button .intec-cl-background {
  background: var(--pcx-accent) !important;
  border-color: var(--pcx-accent) !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-family: var(--pcx-sans);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  min-height: 54px;
  transition: background 0.15s ease;
}

.pcx-v2 .catalog-element-buy-button:hover,
.pcx-v2 .catalog-element-buy-button:hover .intec-cl-background {
  background: var(--pcx-accent-dark) !important;
  border-color: var(--pcx-accent-dark) !important;
}

/* избранное */
.pcx-v2 .sale-basket-icons-item-icon {
  color: var(--pcx-muted);
}

/* ---------- блок доверия: доставка, ПВЗ, магазины ---------- */

.pcx-v2 .pcx-trust {
  border: 1px solid var(--pcx-line);
  border-radius: 16px;
  background: var(--pcx-paper);
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.pcx-v2 .pcx-trust-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.pcx-v2 .pcx-trust-row b {
  font-size: 13px;
  font-weight: 700;
  color: var(--pcx-ink);
}

.pcx-v2 .pcx-trust-row i {
  font-style: normal;
  font-size: 12px;
  font-weight: 500;
  color: var(--pcx-muted);
}

.pcx-v2 .pcx-trust-ico svg {
  stroke: var(--pcx-muted);
}

.pcx-v2 .pcx-trust-title {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--pcx-ink);
}

.pcx-v2 .pcx-trust-note {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--pcx-muted);
}

.pcx-v2 .pcx-trust-note a {
  color: var(--pcx-muted);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.pcx-v2 .pcx-trust-icon svg {
  width: 18px;
  height: 18px;
  display: block;
  color: var(--pcx-muted);
}

/* ---------- характеристики ---------- */

.pcx-v2 .catalog-element-purchase-properties-preview-button,
.pcx-v2 .catalog-element-properties-preview-button {
  font-size: 13px;
  font-weight: 600;
  color: var(--pcx-muted);
  border-bottom: 1px dashed var(--pcx-line);
}

.pcx-v2 .catalog-element-properties-detail {
  background: var(--pcx-white);
  border: 1px solid var(--pcx-line);
  border-radius: var(--pcx-r-lg);
  padding: 24px 28px;
}

.pcx-v2 .catalog-element-properties-detail-title,
.pcx-v2 .catalog-element-tabs-title {
  font-family: var(--pcx-sans);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.015em;
  color: var(--pcx-ink);
  margin: 0 0 16px;
}

.pcx-v2 .catalog-element-properties-detail-item {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--pcx-line);
  font-size: 14px;
}

.pcx-v2 .catalog-element-properties-detail-item:last-child {
  border-bottom: none;
}

.pcx-v2 .catalog-element-properties-detail-item-name {
  flex: 0 0 42%;
  font-weight: 500;
  color: var(--pcx-muted);
}

.pcx-v2 .catalog-element-properties-detail-item-value {
  flex: 1 1 auto;
  font-weight: 600;
  color: var(--pcx-ink);
}

/* ---------- мобильная раскладка ---------- */

@media (max-width: 767px) {
  .pcx-v2 #pagetitle,
  .pcx-v2 .catalog-element-title {
    font-size: 24px;
  }

  .pcx-v2 .catalog-element-main-container {
    padding: 18px 14px 22px;
    border-radius: 18px;
  }

  .pcx-v2 .catalog-element-gallery-container {
    padding: 12px;
    border-radius: 18px;
  }

  .pcx-v2 .pcx-thumbs {
    display: none;
  }

  .pcx-v2 .catalog-element-purchase-container {
    padding: 18px 16px;
    border-radius: 18px;
  }

  .pcx-v2 .catalog-element-price-current-value {
    font-size: 28px;
  }

  .pcx-v2 .catalog-element-properties-detail {
    padding: 18px 16px;
  }

  .pcx-v2 .catalog-element-properties-detail-item {
    flex-direction: column;
    gap: 2px;
  }

  .pcx-v2 .catalog-element-properties-detail-item-name {
    flex: none;
    font-size: 12px;
  }
}