/* CL-PC1-L2-ANTS-QA-4172 (R62.6.14, линия L2 «вид витрины»). Только вид: цена, контраст/рамки, ссылки подвала. Оформление заказа (L1) не затрагивается.
   Подключён ПОСЛЕДНИМ в <head>. Приёмы: skills ui-ux-pro-max (контраст 4.5:1, цели ≥44 px, «фиксированные элементы не прячут контент»),
   mobile-native (tap-highlight, touch-action, hover только для мыши), impeccable/frontend-design (один акцент, без декоративных делений). */

:root {
  --look-ink: #1A1714;      /* основной текст */
  --look-ink-2: #5E534C;    /* вторичный текст: не светлее */
  --look-line: #B3A399;     /* рамки: ≥ 1,5:1 к фону #F3E9E3 / #FAF9F7 / #fff (≈ 1,9 / 2,3 / 2,6) */
  --look-accent: #B34F5D;   /* заливка кнопок с белым текстом: 5,0:1 (было #CF818A = 2,9:1) */
  --look-accent-dk: #98404E;
}

html { -webkit-tap-highlight-color: transparent; }
body { color: var(--look-ink); }

/* ── 1. Цена: одна полоса «от – до», крупные ручки, подписи только на концах ── */
body .pr { max-width: 560px; margin: 0 auto 16px; padding: 4px 24px 2px; background: #fffaf8; border: 1px solid var(--look-line); border-radius: 14px; }
body .pr__head { display: flex; align-items: center; gap: 8px; min-height: 44px; font-size: 14px; color: var(--look-ink-2); }
body .pr__title { font-weight: 600; color: var(--look-ink); }
body .pr__out { flex: 1; text-align: right; font-size: 16px; font-weight: 600; color: var(--look-ink); font-variant-numeric: tabular-nums; }
body .pr__reset { min-height: 44px; min-width: 44px; padding: 0 10px; font-size: 14px; font-weight: 500; color: var(--look-ink-2); text-decoration: underline; text-underline-offset: 3px; background: none; border: 0; cursor: pointer; touch-action: manipulation; }
body .pr__reset[hidden] { display: none; }
body .pr__track { position: relative; height: 44px; margin: 0; }
body .pr__rail, body .pr__fill { top: 19px; height: 6px; border-radius: 3px; }
body .pr__rail { background: #D9C7C0; box-shadow: inset 0 0 0 1px rgba(94, 83, 76, .28); }
body .pr__fill { background: var(--look-accent); }
/* ручка 44×44: белый круг, акцентная кайма и точка-«хват»; ввод шире полосы на радиус ручки, чтобы центр ручки доходил до концов полосы */
body .pr__in { left: -22px; width: calc(100% + 44px); height: 44px; touch-action: pan-y; }
body .pr__in::-webkit-slider-runnable-track { height: 44px; background: transparent; }
body .pr__in::-moz-range-track { height: 44px; background: transparent; }
body .pr__in::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; pointer-events: auto; cursor: grab; width: 44px; height: 44px; margin-top: 0; box-sizing: border-box; border-radius: 50%; border: 3px solid var(--look-accent);
  background: radial-gradient(circle, var(--look-accent) 0 4px, #fff 4.5px); box-shadow: 0 2px 6px rgba(26, 23, 20, .28); }
body .pr__in::-moz-range-thumb { pointer-events: auto; cursor: grab; width: 44px; height: 44px; box-sizing: border-box; border-radius: 50%; border: 3px solid var(--look-accent);
  background: radial-gradient(circle, var(--look-accent) 0 4px, #fff 4.5px); box-shadow: 0 2px 6px rgba(26, 23, 20, .28); }
body .pr__in:active::-webkit-slider-thumb { cursor: grabbing; }
body .pr__in:focus-visible::-webkit-slider-thumb { outline: 3px solid var(--look-ink); outline-offset: 2px; }
body .pr__in:focus-visible::-moz-range-thumb { outline: 3px solid var(--look-ink); outline-offset: 2px; }
/* подписи — только «0» и «30+» у концов; остальные деления и засечки убраны */
body .pr__ticks { height: 20px; font-size: 12px; color: var(--look-ink-2); }
body .pr__tick { top: 2px; }
body .pr__tick::before { display: none; }
body .pr__tick:empty { display: none; }
body .pr__tick:first-child { transform: none; left: 0 !important; }
body .pr__tick:last-child { transform: translateX(-100%); }
@media (max-width: 767px) { body .pr { margin-bottom: 12px; } }

/* ── 2. Контраст и рамки по всей витрине ── */
/* основные кнопки: белый текст на заливке ≥ 4,5:1 */
body .catalog__tab.active,
body .product-card__buy-btn:not(:disabled),
body .catalog__more-btn,
body .rp__btn,
body .pmodal__cart-btn:not(.pmodal__cart-btn--outline):not(:disabled),
body .btn:not(.btn--outline):not(.btn--soft):not(.btn--dark):not(:disabled) { background: var(--look-accent) !important; border-color: var(--look-accent) !important; color: #fff !important; }
@media (hover: hover) and (pointer: fine) {
  body .catalog__more-btn:hover, body .rp__btn:hover, body .product-card__buy-btn:not(:disabled):hover,
  body .btn:not(.btn--outline):not(.btn--soft):not(.btn--dark):not(:disabled):hover { background: var(--look-accent-dk) !important; border-color: var(--look-accent-dk) !important; color: #fff !important; }
}
body .product-card__buy-btn { font-size: 13px !important; letter-spacing: 0 !important; }
body .product-card__badge--new { background: #85593F !important; color: #fff !important; }

/* вторичный текст — не светлее #5E534C */
#req .rp { --ink: var(--look-ink); --muted: var(--look-ink-2); --line: var(--look-line); }
body .rp__eyebrow, body .rp__lead { color: var(--look-ink-2) !important; }
body .product-card__shot { color: var(--look-ink-2); }
body input::placeholder, body textarea::placeholder, body .search-input::placeholder, body .cta__input::placeholder, body .checkout-input::placeholder,
#req .rp .f input::placeholder, #req .rp .f textarea::placeholder { color: var(--look-ink-2); opacity: 1; }

/* рамки: карточки, вкладки, размеры, поля, вопросы — чётче 1,5:1 */
body .product-card { border: 1px solid var(--look-line); }
body .catalog__tab { border: 1px solid var(--look-line) !important; margin-bottom: 0 !important; }
body .catalog__tab.active { border-color: var(--look-accent) !important; }
body .catalog__tabs { padding-top: 2px; padding-bottom: 3px; } /* рамка вкладок не обрезается прокручиваемым контейнером */
body .product-card__size { border: 1px solid var(--look-line) !important; }
body .product-card__size[aria-pressed=true], body .product-card__size.active { border-color: var(--look-accent) !important; }
body .faq__item { border-bottom: 1px solid var(--look-line); }
body .checkout-input, body .checkout-modal input:not([type=checkbox]):not([type=radio]), body .checkout-modal select, body .checkout-modal textarea { border-color: var(--look-line); }

/* ── 3. Ссылки подвала на телефоне ≥ 44 px в высоту ── */
@media (max-width: 767px) {
  body .footer .footer__link { display: flex !important; align-items: center; min-height: 44px !important; padding: 0 !important; font-size: 14px !important; line-height: 1.3 !important; touch-action: manipulation; }
  body .footer .footer__hours { font-size: 14px !important; line-height: 1.4 !important; }
  body .footer .footer__bottom-links { gap: 0 4px !important; }
  body .footer .footer__bottom-links a { display: inline-flex !important; align-items: center; min-height: 44px; padding: 0 8px !important; font-size: 13px !important; touch-action: manipulation; }
  body .footer .footer__requisites { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: 4px; font-size: 13px; line-height: 1.4; }
  body .footer .footer__requisites a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 6px; font-size: 13px !important; }
}