/* Карточка товара «версия 7» — согласована владельцем 30.09 (макеты: t18-проверка/2026-09-30-карточка-прототип/v7/).
   Подключается шаблоном product.html только в компьютерной разметке (у темы — от 1081 px), не в быстром просмотре и только для варианта карточки 3.
   Префикс «html body» — чтобы эти правила были сильнее общего файла «шрифты −2 px» (site/…/css/t18-shrift.css).
   01.10 владелец: «как на озоне размер текста» — подобрано по ВЫСОТЕ БУКВ против снимка Озона (Unbounded: заглавная 0,75 em), ±1 px:
   название 21, цена 23, «О товаре» 16, основной текст 12, кнопки 13, «Доставка» 14, баллы 12 (как подписи у цены Озона). «Купить в 1 клик» — шрифт сайта (у плагина Roboto с !important).
   Копия и возврат: /srv/backup/карточка-v7-20260930-172845/вернуть.sh */
@media (min-width: 1081px) {   /* как у темы: до 1080 px она сама перезагружает страницу в мобильной разметке (insale.js, responsiveReload) */

/* ---------- строка крошек: крошки слева, «Оставить отзыв · Избранное · Сравнение · Поделиться» — одним рядом справа ---------- */
html body .wrap.t18-kroshki-ryad { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
html body .t18-kroshki-ryad > .bread { flex: 1 1 auto; min-width: 0; }
html body .t18-kroshki-ryad > .product__top { flex: none; display: flex; flex-wrap: nowrap; align-items: center; gap: 28px; margin: 10px 0 0; padding: 0; border: 0; }   /* 10 px — как верхний отступ блока крошек темы: текст на одной линии */
html body .t18-kroshki-ryad > .product__top > .product__top-item { margin: 0; padding: 0; white-space: nowrap; }
html body .t18-kroshki-ryad > .product__top > .product__top-item::before,
html body .t18-kroshki-ryad > .product__top > .product__top-item::after { display: none; }
html body .t18-kroshki-ryad .product__top-share-icon { left: auto !important; right: 0 !important; transform: none !important; }   /* окно «Поделиться» не вылезает за экран */

/* ---------- колонки не растягиваются по высоте — иначе им некуда «догонять» ---------- */
html body .product__wrap-3 > .p-images,
html body .product__wrap-3 #cart-form > .product__content-left,
html body .product__wrap-3 #cart-form > .product__content-right { align-self: flex-start; }

/* ---------- средний блок: название, бренд, варианты, «О товаре», категории ---------- */
html body .product__wrap-3 .product__content-left > .product__h1 { margin: 0 0 6px; line-height: 1.25; }
html body .product__wrap-3 .t18-brend { font-size: 12px; line-height: 1.4; color: #6B7280; margin: 0 0 4px; }
html body .product__wrap-3 .t18-brend a { color: #1F2937; font-weight: 600; text-decoration: none; }
html body .product__wrap-3 .t18-brend a:hover { color: #DB2777; }
html body .product__wrap-3 .product__content-left .options__list + .options__list { margin-top: 18px; }
html body .product__wrap-3 .product__content-left .options .product__item-title { font-size: 12px; font-weight: 400; color: #6B7280; margin: 0 0 10px; line-height: 1.4; }
html body .product__wrap-3 .product__content-left .options .t18-cvet { color: #1F2937; font-weight: 600; }
html body .product__wrap-3 .product__content-left .options__list-wrap { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 !important; padding: 3px; }   /* у темы −15 px под свои отступы — с gap не нужно */
html body .product__wrap-3 .product__content-left .options__list:not(.color) .options__list-wrap a { min-width: 56px; min-height: 44px; padding: 0 16px; margin: 0;
  display: inline-flex; align-items: center; justify-content: center; border: 1px solid #E5E7EB !important; border-radius: 14px; background: #F7F8FA;
  color: #1F2937; font-size: 12px; font-weight: 600; box-shadow: none; text-decoration: none; }
html body .product__wrap-3 .product__content-left .options__list:not(.color) .options__list-wrap a.selected { background: #fff; border-color: #EC4899 !important; box-shadow: 0 0 0 1px #EC4899; }
html body .product__wrap-3 .product__content-left .options__list.color .options__list-wrap a { width: 44px; height: 44px; margin: 0; padding: 0; border-radius: 50%;
  border: 3px solid #fff !important; box-shadow: 0 0 0 1px rgba(0,0,0,.18); }
html body .product__wrap-3 .product__content-left .options__list.color .options__list-wrap a.selected { box-shadow: 0 0 0 3px #EC4899; }
html body .product__wrap-3 .product__content-left .options__list.color .options__list-wrap a svg { display: none; }   /* выбор виден по розовому кольцу и подписи «Цвет: …» */
html body .product__wrap-3 .product__content-left > .product__item { margin: 22px 0 0; }
html body .product__wrap-3 .t18-o-zag { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 0 0 6px; font-size: 16px; font-weight: 700; line-height: 1.3; color: #1F2937; }
html body .product__wrap-3 .t18-o-zag a { font-size: 12px; font-weight: 600; line-height: 1; color: #1F2937; background: #F3F4F6; border-radius: 999px;
  padding: 8px 12px; text-decoration: none; white-space: nowrap; }
html body .product__wrap-3 .t18-o-zag a:hover { background: #FCE7F3; color: #DB2777; }
html body .product__wrap-3 .product__content-left .product__features { display: block; }
html body .product__wrap-3 .product__content-left .product__features-item { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px;
  margin: 0; padding: 11px 0; border-bottom: 1px solid #F0F1F4; width: auto; }
html body .product__wrap-3 .product__content-left .product__features-name,
html body .product__wrap-3 .product__content-left .product__features-value { font-size: 12px; line-height: 1.4; margin: 0; padding: 0; width: auto; max-width: none; }
html body .product__wrap-3 .product__content-left .product__features-name { color: #6B7280; }
html body .product__wrap-3 .product__content-left .product__features-value { color: #1F2937; }
html body .product__wrap-3 .product__content-left .product__features-all { margin-top: 12px; }
html body #description, html body #features { scroll-margin-top: 96px; }   /* «Перейти к описанию» — под закреплённую шапку */

/* ---------- правый блок: покупка и «Доставка» — два парящих блока ---------- */
html body .product__wrap-3 #cart-form > .product__content-right { background: none; border: 0; box-shadow: none; padding: 0; }
html body .product__wrap-3 .t18-kupit { background: #fff; border: 1px solid #E6E8EE; border-radius: 24px; padding: 28px;
  box-shadow: 0 1px 2px rgba(31,20,38,.04), 0 12px 32px rgba(31,20,38,.08); display: flex; flex-direction: column; }
/* порядок как в макете: цена → баллы → наличие → варианты (если справа) → «В корзину» → «Купить в 1 клик» и плагины → список → телефон */
html body .product__wrap-3 .t18-kupit > * { order: 6; margin: 0; }
html body .product__wrap-3 .t18-kupit > .product__item:has(> .product__prices) { order: 1; }
html body .product__wrap-3 .t18-kupit > .product__item:has(> .product__bonus) { order: 2; margin-top: 10px; }
html body .product__wrap-3 .t18-kupit > .product__item:has(> .product__stocks) { order: 3; margin-top: 16px; }
html body .product__wrap-3 .t18-kupit > .product__item:has(.options, .services) { order: 4; margin-top: 18px; }
html body .product__wrap-3 .t18-kupit > .product__cart { order: 5; margin-top: 20px; }
html body .product__wrap-3 .t18-kupit > .product__plugins:has(button, a) { margin-top: 10px; }
html body .product__wrap-3 .t18-kupit > .t18-doverie { order: 7; }
html body .product__wrap-3 .t18-kupit > .product__item:has(> .product__contact) { order: 8; margin-top: 16px; padding-top: 14px; border-top: 1px solid #F3F4F6; }
html body .product__wrap-3 .t18-kupit .product__cart .product__item { margin: 0; }
html body .product__wrap-3 .t18-kupit .product__price { font-size: 23px; font-weight: 700; line-height: 1.1; }
html body .product__wrap-3 .t18-kupit .product__price .ruble { font-size: inherit; }
html body .product__wrap-3 .t18-kupit .product__bonus { display: inline-flex; align-items: center; gap: 6px; background: #FEF3C7; color: #92400E;
  border-radius: 999px; padding: 4px 12px; font-size: 12px; font-weight: 600; }
html body .product__wrap-3 .t18-kupit .product__bonus-icon { width: auto; height: auto; border: 0; background: none; margin: 0; }
html body .product__wrap-3 .t18-kupit .product__bonus-count { margin: 0; font-size: 12px; }
html body .product__wrap-3 .t18-kupit .product__bonus-count-num,
html body .product__wrap-3 .t18-kupit .product__bonus-count-text { color: inherit; font-size: 12px; font-weight: 600; }
html body .product__wrap-3 .t18-kupit .product__bonus-info { margin-left: 2px; }
html body .product__wrap-3 .t18-kupit .product__bonus-info-drop { left: auto; right: 0; }   /* подсказка «?» у баллов открывается влево — не выходит за правый край (1280 px) */
html body .product__wrap-3 .t18-kupit .product__stocks { font-size: 12px; font-weight: 600; }
html body .product__wrap-3 .t18-kupit .product__button.button_big { width: 100%; min-height: 54px; height: 54px; line-height: 54px; border: 0; border-radius: 16px;
  background: #EC4899; color: #fff; font-size: 13px; font-weight: 600; box-shadow: 0 10px 24px rgba(236,72,153,.35); transition: background .2s; }
html body .product__wrap-3 .t18-kupit .product__button.button_big:hover { background: #DB2777; }
html body .product__wrap-3 .t18-kupit .product__button.button_big[disabled] { opacity: .5; box-shadow: none; cursor: not-allowed; }
html body .product__wrap-3 .t18-kupit .buy1click-open-button { width: 100%; min-height: 54px; height: auto; border: 0; border-radius: 16px;
  background: #FDF2F8; color: #DB2777; font-family: inherit !important; font-size: 13px; font-weight: 600; box-shadow: none; display: flex; align-items: center; justify-content: center; gap: 8px; }
html body .product__wrap-3 .t18-kupit .buy1click-open-button:hover { background: #FCE7F3; }
html body .product__wrap-3 .t18-kupit .buy1click-open-button svg { fill: currentColor; }
html body .product__wrap-3 .t18-doverie { list-style: none; padding: 0; margin: 20px 0 0; font-size: 12px; color: #374151; }
html body .product__wrap-3 .t18-doverie li { display: flex; gap: 10px; padding: 5px 0; line-height: 1.45; margin: 0; }   /* у темы межстрочный 1 — строки слипаются */
html body .product__wrap-3 .t18-doverie li::before { content: ""; flex: none; width: 5px; height: 10px; margin: 2px 3px 0 4px; border: solid #16A34A; border-width: 0 2px 2px 0; transform: rotate(45deg); }   /* галочка рисуется, а не знаком «✓» — его нет в Unbounded */
html body .product__wrap-3 .t18-kupit .product__contact { font-size: 12px; }
html body .product__wrap-3 .t18-kartochka { margin-top: 16px; padding: 22px 24px; border: 1px solid #E6E8EE; border-radius: 24px;
  box-shadow: 0 1px 2px rgba(31,20,38,.04), 0 12px 32px rgba(31,20,38,.08); background: #fff; font-size: 12px; line-height: 1.5; color: #374151; }
html body .product__wrap-3 .t18-k-zag { font-size: 14px; font-weight: 700; color: #1F2937; margin-bottom: 10px; }
html body .product__wrap-3 .t18-kartochka p { margin: 8px 0 0; font-size: 12px; line-height: 1.5; }
html body .product__wrap-3 .t18-kartochka a { color: #DB2777; }
html body .product__wrap-3 .t18-kartochka .dp-product { border: 0 !important; background: none !important; font-family: inherit; }   /* у расчёта доставки своя рамка и шрифт — внутри карточки не нужны */
html body .product__wrap-3 .t18-kartochka .dp-product * { font-family: inherit !important; }
html body .product__wrap-3 .t18-kartochka .dp-product__offset { padding: 0 !important; margin: 0 !important; }
html body .product__wrap-3 .t18-kartochka .dp-product__header { margin-bottom: 6px !important; }
html body .product__wrap-3 .t18-kartochka .dp-product__header > div { text-align: left !important; }
html body .product__wrap-3 .t18-kartochka .dp-product__group-title { display: none; }
html body .product__wrap-3 .t18-kartochka .dp-product__service-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 0 !important; margin: 0 !important; line-height: 1.5 !important; }
html body .product__wrap-3 .t18-kartochka .dp-product__service-col { padding: 0 !important; width: auto !important; font-size: 12px !important; }
html body .product__wrap-3 .t18-kartochka .dp-product__service-title { color: #374151; }
html body .product__wrap-3 .t18-kartochka .dp-cost { font-size: 12px !important; font-weight: 700; color: #1F2937 !important; line-height: 1.5 !important;
  background: #F3F4F6; border-radius: 8px; padding: 2px 8px; white-space: nowrap; }   /* и «Бесплатно», и «690 ₽» — одной плашкой */
html body .product__wrap-3 .t18-kartochka .dp-cost * { font-size: 12px !important; font-weight: 700; color: inherit !important; line-height: 1.5 !important; }
html body .product__wrap-3 .t18-kartochka .dp-city-select-link__city-text { font-size: 12px; }
html body :focus-visible { outline: 3px solid #3B82F6; outline-offset: 2px; }
}

/* 01.10 «как на Озоне»: надписи, которые карточка берёт из темы (и файла «шрифты −2»), — те же размеры, что выше */
@media (min-width: 1081px) {
  html body .product__wrap-3 h1 { font-size: 21px; line-height: 1.25; }
  html body .product__wrap-3 .product__features-value, html body .product__wrap-3 .product__features-name { overflow-wrap: break-word; hyphens: auto; min-width: 0; }   /* длинное слово на узком окне — перенос по слогам */
  html body .product__wrap-3 .t18-o-zag { flex-wrap: wrap; row-gap: 8px; white-space: nowrap; }   /* узкое окно: «Перейти к описанию» — строкой ниже, заголовок целиком */
  html body .product__wrap-3 .product__category-item, html body .product__wrap-3 .t18-pricedown a,
  html body .product__wrap-3 .t18-kupit .stocks__stock, html body .product__wrap-3 .t18-kupit .stocks__stock *,
  html body .product__wrap-3 .options .options__name,
  html body .product__wrap-3 .product__features-all, html body .product__wrap-3 .product__features-all * { font-size: 12px; }   /* «Все характеристики» (больше 8) */
}