/**
 * Продуктовые страницы — статичная сетка на сплошном фоне
 * v2.5 — hero grid как на твкпластик.рф; сетка на фоне (sticky анкеты — tvk-flow-layout.css)
 */

/* ── Фон: без ambient-псевдоэлементов body ── */
body.product-page {
  background: var(--bg-base, #080a0e);
}

body.product-page::before,
body.product-page::after {
  display: none !important;
  content: none !important;
  animation: none !important;
  opacity: 0 !important;
}

/* Плавающие виджеты главной — не на карточках труб */
body.product-page .tvk-cursor-glow,
body.product-page .tvk-section-rail,
body.product-page .tvk-milestone-toast {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ── Main: секции на сером / чёрном, в потоке ── */
.product-page main {
  position: relative;
  z-index: 0;
  background: var(--bg-base);
  overflow-x: visible;
  overflow-y: visible;
  padding-bottom: calc(48px + env(safe-area-inset-bottom, 0px));
}

.product-page .page-hero {
  position: relative;
  z-index: 1;
  overflow: visible;
  background: var(--bg-surface);
  border-bottom: 1px solid var(--bg-border);
}

.product-page .page-section {
  position: relative;
  z-index: 1;
  overflow: visible;
  background: var(--bg-base);
  padding-block: clamp(24px, 3vw, 36px);
}

.product-page .page-section.gpi-ribbon-section {
  background: var(--bg-surface);
  overflow: hidden;
}

.product-page .page-hero .container,
.product-page .page-section > .container {
  position: relative;
  z-index: 1;
}

/* ── Карточки контента — без transform; hero media не sticky ── */
.product-page .content-card,
.product-page .product-media,
.product-page .lead-form {
  position: relative;
  transform: none !important;
  will-change: auto !important;
}

.product-page .page-hero .side-card,
.product-page .page-hero .product-media {
  position: static !important;
  top: auto !important;
}

/* Фото трубы в hero: без skeleton и тёмного «круга» */
.product-page .page-hero .product-photo {
  background: var(--bg-elevated);
  aspect-ratio: auto;
  min-height: 0;
}

.product-page .page-hero .product-photo::before,
.product-page .page-hero .product-photo::after {
  display: none !important;
  content: none !important;
}

.product-page .page-hero .product-photo img,
.product-page .page-hero .product-photo.card--loading img,
.product-page .page-hero .product-photo video {
  opacity: 1 !important;
  visibility: visible !important;
}

.product-page .page-hero .product-photo--video {
  line-height: 0;
}

.product-page .page-hero .product-photo--video,
.product-page .page-hero .product-photo[data-product-hero-video] {
  animation: none !important;
  background: var(--bg-elevated) !important;
}

/* SEO-описание на карточках труб */
.product-page .product-description p,
.product-page .product-faq__answer {
  margin: 0 0 1em;
  line-height: 1.65;
  color: rgba(232, 237, 244, 0.88);
  font-size: 0.95rem;
}

.product-page .product-description h3,
.product-page .product-faq__question {
  margin: 1.35em 0 0.5em;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--text-primary, #e8edf4);
}

.product-page .product-description h3:first-of-type,
.product-page .product-faq__item:first-child .product-faq__question {
  margin-top: 0.75em;
}

.product-page .product-faq__item {
  padding-top: 0.25em;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.product-page .product-faq__item:first-child {
  border-top: none;
  padding-top: 0;
}

.product-page .page-hero .product-photo--video video,
.product-page .page-hero .product-photo[data-product-hero-video] video {
  display: block;
  width: 100%;
  max-height: min(420px, 52vh);
  height: auto;
  object-fit: contain;
  background: var(--bg-elevated);
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transition: none !important;
}

.product-page .content-card::before,
.product-page .content-card::after,
.product-page .side-card::before,
.product-page .side-card::after {
  display: none !important;
  content: none !important;
}

.product-page .content-card:hover,
.product-page .side-card:hover,
.product-page .beautiful-card:hover {
  transform: none !important;
}

.product-page .content-card,
.product-page .side-card {
  background: var(--bg-elevated);
  border: 1px solid var(--bg-border);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

/* ── Сетки ── */
.product-page .page-hero .hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
  gap: clamp(16px, 2.5vw, 24px);
  align-items: start;
}

/* Hero: левая колонка (бейдж → ТТХ) и медиа-блок по одной вертикали */
@media (min-width: 901px) {
  .product-page .page-hero .hero-grid:has(.product-hero-badge):has(.product-media) {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 400px);
    column-gap: clamp(24px, 3.2vw, 40px);
    row-gap: clamp(10px, 1.6vw, 16px);
    align-items: stretch;
  }

  .product-page .page-hero .hero-grid:has(.product-hero-badge) .hero-copy {
    display: contents;
  }

  .product-page .page-hero .hero-grid:has(.product-hero-badge) .hero-copy .breadcrumbs {
    grid-column: 1 / -1;
    grid-row: 1;
    margin-bottom: 4px;
  }

  .product-page .page-hero .hero-grid:has(.product-hero-badge) .hero-copy .product-hero-badge {
    grid-column: 1;
    grid-row: 2;
    margin-bottom: 0;
  }

  .product-page .page-hero .hero-grid:has(.product-hero-badge) .hero-copy .eyebrow {
    grid-column: 1;
    grid-row: 3;
  }

  .product-page .page-hero .hero-grid:has(.product-hero-badge) .hero-copy h1 {
    grid-column: 1;
    grid-row: 4;
  }

  .product-page .page-hero .hero-grid:has(.product-hero-badge) .hero-copy h2 {
    grid-column: 1;
    grid-row: 5;
    margin-bottom: 8px;
  }

  .product-page .page-hero .hero-grid:has(.product-hero-badge) .hero-copy .hero-points {
    grid-column: 1;
    grid-row: 6;
    margin-top: 0;
    align-self: stretch;
  }

  .product-page .page-hero .hero-grid:has(.product-hero-badge) .hero-copy .hero-lead {
    grid-column: 1 / -1;
    grid-row: 7;
    margin-top: clamp(12px, 2vw, 20px);
  }

  .product-page .page-hero .hero-grid:has(.product-hero-badge) .product-media {
    grid-column: 2;
    grid-row: 2 / 7;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin: 0;
  }

  .product-page .page-hero .hero-grid:has(.product-hero-badge) .product-media h3 {
    flex-shrink: 0;
  }

  .product-page .page-hero .hero-grid:has(.product-hero-badge) .product-media .product-photo,
  .product-page .page-hero .hero-grid:has(.product-hero-badge) .product-media .product-photo--video {
    flex: 1 1 auto;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 0;
  }

  .product-page .page-hero .hero-grid:has(.product-hero-badge) .product-media .product-photo video,
  .product-page .page-hero .hero-grid:has(.product-hero-badge) .product-media .product-photo img {
    max-height: min(100%, 360px);
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .product-page .page-hero .hero-grid:has(.product-hero-badge) .product-media .product-gpi-accessories-btn {
    flex-shrink: 0;
    margin-top: auto;
  }

  .product-page .page-hero .hero-grid:has(.product-hero-badge) .product-media .product-caption {
    flex-shrink: 0;
    margin-top: 8px;
  }

  /* МТУ, фитинги — тот же hero, что у ИЗОКОМ-95a (без бейджа спецификации) */
  .product-page--hero-split .page-hero .hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 400px);
    column-gap: clamp(24px, 3.2vw, 40px);
    row-gap: clamp(10px, 1.6vw, 16px);
    align-items: stretch;
  }

  .product-page--hero-split .page-hero .hero-grid .hero-copy {
    display: contents;
  }

  .product-page--hero-split .page-hero .hero-grid .hero-copy .breadcrumbs {
    grid-column: 1 / -1;
    grid-row: 1;
    margin-bottom: 4px;
  }

  .product-page--hero-split .page-hero .hero-grid .hero-copy .eyebrow {
    grid-column: 1;
    grid-row: 2;
  }

  .product-page--hero-split .page-hero .hero-grid .hero-copy h1 {
    grid-column: 1;
    grid-row: 3;
  }

  .product-page--hero-split .page-hero .hero-grid .hero-copy h2 {
    grid-column: 1;
    grid-row: 4;
    margin-bottom: 8px;
  }

  .product-page--hero-split .page-hero .hero-grid .hero-copy .hero-points {
    grid-column: 1;
    grid-row: 5;
    margin-top: 0;
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    justify-self: stretch;
  }

  .product-page--hero-split .page-hero .hero-grid .hero-copy .hero-lead {
    grid-column: 1 / -1;
    grid-row: 6;
    margin-top: clamp(12px, 2vw, 20px);
  }

  .product-page--hero-split .page-hero .hero-grid .product-media {
    grid-column: 2;
    grid-row: 2 / 6;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin: 0;
  }

  .product-page--hero-split .page-hero .hero-grid .product-media h3 {
    flex-shrink: 0;
  }

  .product-page--hero-split .page-hero .hero-grid .product-media .product-photo,
  .product-page--hero-split .page-hero .hero-grid .product-media .product-photo--video {
    flex: 1 1 auto;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 0;
  }

  .product-page--hero-split .page-hero .hero-grid .product-media .product-photo .tvk-picture,
  .product-page--hero-split .page-hero .hero-grid .product-media .product-photo picture {
    display: block;
    width: 100%;
    line-height: 0;
  }

  .product-page--hero-split .page-hero .hero-grid .product-media .product-photo video,
  .product-page--hero-split .page-hero .hero-grid .product-media .product-photo img {
    max-height: min(100%, 360px);
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .product-page--hero-split .page-hero .hero-grid .product-media .product-gpi-accessories-btn {
    flex-shrink: 0;
    margin-top: auto;
  }

  .product-page--hero-split .page-hero .hero-grid .product-media .product-caption {
    flex-shrink: 0;
    margin-top: 8px;
  }
}

@media (min-width: 768px) {
  .product-page--hero-split .page-hero .hero-points.feature-list:has(> li:nth-child(3):last-child) {
    grid-template-columns: 1fr !important;
  }
}

.product-page .page-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
  gap: clamp(20px, 2.5vw, 32px);
  align-items: start;
}

.product-page .page-grid > .content-stack {
  grid-column: 1;
  grid-row: auto;
  min-width: 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 2vw, 18px);
  overflow: visible;
}

.product-page .page-grid > .side-card#contact {
  grid-column: 2;
  grid-row: auto;
  align-self: start;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
}

.product-page .hero-copy,
.product-page .hero-copy .hero-lead,
.product-page .hero-copy .hero-points {
  min-width: 0;
  max-width: 100%;
}

.product-page .table-shell,
.product-page .u-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}

.product-page .content-card .card-intro {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 0 0 16px;
  clear: both;
}

.product-page .content-card .card-intro .button {
  position: static;
  display: inline-flex;
  margin: 0;
}

.product-page .engineering-section--embed,
.product-page .content-stack .engineering-section {
  width: 100%;
  max-width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.product-page .gpi-transport-ribbon-viewport {
  max-width: 100%;
  overflow: hidden;
}

.product-page .lead-form .btn-glass {
  overflow: hidden;
  transform: none !important;
}

.product-page .lead-form .btn-glass:hover,
.product-page .lead-form .btn-glass:active {
  transform: none !important;
}

@media (min-width: 992px) {
  .product-page .page-grid {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  }
}

/* ── Планшет / телефон ── */
@media (max-width: 900px) {
  .product-page .page-hero .hero-grid,
  .product-page .page-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .product-page .page-hero .hero-grid:has(.product-hero-badge) .hero-copy {
    display: flex !important;
    flex-direction: column !important;
  }

  .product-page .page-hero .hero-grid:has(.product-hero-badge) .product-media {
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: auto !important;
    min-height: 0;
  }

  .product-page .page-hero .hero-copy {
    display: flex !important;
    flex-direction: column !important;
  }

  .product-page .page-hero .hero-copy > * {
    order: unset !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .product-page .page-grid > .content-stack,
  .product-page .page-grid > .side-card#contact {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  .product-page .page-grid > .side-card#contact {
    order: 10;
    margin-top: 4px;
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .product-page .product-media {
    order: 2;
  }

  .product-page .page-hero .hero-grid {
    display: flex !important;
    flex-direction: column !important;
  }

  .product-page .page-hero .hero-copy {
    display: flex !important;
    flex-direction: column !important;
  }

  .product-page .page-hero .hero-copy > * {
    order: unset !important;
  }
}

@media (max-width: 768px) {
  body.product-page {
    padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px));
  }

  .product-page main {
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  }

  .product-page .content-card,
  .product-page .side-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px !important;
    box-sizing: border-box !important;
  }

  .product-page .page-hero {
    padding-top: calc(var(--header-h, 64px) + 12px);
    padding-bottom: 20px;
  }

  .product-page .page-hero > .container {
    width: 100%;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
  }

  /* Сброс display:contents из style_3 — ломает порядок и видео */
  .product-page .page-hero .hero-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }

  .product-page .page-hero .hero-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px;
    order: 1;
  }

  .product-page .page-hero .hero-copy > * {
    order: unset !important;
  }

  .product-page .page-hero .product-media {
    order: 2;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 10px 10px 14px !important;
    box-sizing: border-box !important;
    align-self: stretch;
  }

  .product-page .page-hero .product-media h3 {
    margin: 0 0 8px;
    font-size: 1rem;
  }

  .product-page .page-hero .product-media .product-photo,
  .product-page .page-hero .product-media .product-photo--video {
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: 0;
    aspect-ratio: 4 / 3;
    max-height: none;
    border-radius: var(--radius-md, 10px);
    overflow: hidden;
    background: var(--bg-base, #080a0e);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .product-page .page-hero .product-media .product-photo video,
  .product-page .page-hero .product-media .product-photo img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    min-height: 0;
    padding: 0;
    object-fit: contain;
    object-position: center;
  }

  .product-page .page-hero .product-media .product-gpi-accessories-btn {
    width: 100%;
    margin-top: 12px;
    box-sizing: border-box;
  }

  .product-page .page-hero .product-media .product-caption {
    margin-top: 10px;
    font-size: 0.8125rem;
  }

  .product-page .sticky-cta {
    z-index: 340;
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-page * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }

  .product-page .gpi-transport-ribbon-track {
    animation: none !important;
  }
}

/* ── Feature lists (checkmarks, без эмодзи-маркеров) ───────── */
.product-page .feature-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.product-page .feature-list > li {
  position: relative;
  padding-left: 1.45rem;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--text-secondary, #b8c2ce);
}

.product-page .feature-list > li::before,
.product-page .hero-points > li::before,
.product-page .hero-points.feature-list > li::before,
.product-page .bullet-list > li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.48em !important;
  width: 0.95rem !important;
  height: 0.95rem !important;
  border-radius: 0 !important;
  background: var(--accent, #e53935) !important;
  box-shadow: none !important;
  -webkit-mask-image: var(--tvk-icon-check) !important;
  mask-image: var(--tvk-icon-check) !important;
  -webkit-mask: var(--tvk-icon-check) center / contain no-repeat !important;
  mask: var(--tvk-icon-check) center / contain no-repeat !important;
}

.product-page .feature-list > li strong {
  color: var(--text-primary, #e8edf4);
  font-weight: 600;
}

.product-page .page-hero .hero-points.feature-list {
  width: 100%;
  padding: clamp(18px, 2.5vw, 24px) clamp(20px, 3vw, 28px);
  border-radius: var(--radius-lg, 14px);
  background: var(--bg-elevated, #131920);
  border: 1px solid var(--bg-border, rgba(255, 255, 255, 0.08));
  border-left: 4px solid var(--data, #00c9a7);
  gap: 10px;
}

@media (min-width: 768px) {
  .product-page .page-hero .hero-points.feature-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: clamp(16px, 3vw, 32px);
    row-gap: 10px;
  }
}

.product-page .page-hero .product-media {
  padding: clamp(16px, 2.5vw, 28px);
  border-radius: clamp(14px, 2vw, 20px);
  background:
    radial-gradient(ellipse 80% 60% at 50% 40%, rgba(229, 57, 53, 0.08) 0%, transparent 70%),
    var(--bg-elevated, #131920);
  border: 1px solid var(--bg-border, rgba(255, 255, 255, 0.1));
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* ── CTA в конце контента продуктовой страницы ─────────────── */
.product-page .tvk-product-cta {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
}

.product-page .tvk-product-cta__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(14px, 2.5vw, 20px);
  align-items: center;
  justify-items: center;
  text-align: center;
  padding: clamp(20px, 3vw, 28px);
  border-radius: var(--radius-lg, 14px);
  border: 1px solid rgba(229, 57, 53, 0.35);
  background:
    linear-gradient(135deg, rgba(229, 57, 53, 0.12) 0%, transparent 55%),
    var(--bg-elevated, #131920);
}

.product-page .tvk-product-cta__copy {
  max-width: 56ch;
}

.product-page .tvk-product-cta__text {
  margin: 0 auto;
  max-width: 52ch;
}

.product-page .tvk-product-cta__actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  width: 100%;
}

.product-page .tvk-product-cta__eyebrow {
  margin: 0 0 6px;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 0.6875rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--data, #00c9a7);
}

.product-page .tvk-product-cta__title {
  margin: 0 0 8px;
  font-size: clamp(1.125rem, 2.2vw, 1.375rem);
  line-height: 1.2;
  color: var(--text-primary, #e8edf4);
}

.product-page .tvk-product-cta__actions .btn {
  justify-content: center;
  text-align: center;
  white-space: nowrap;
}

.product-page .tvk-product-cta__link {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--accent, #e53935);
  text-decoration: none;
  text-align: center;
  padding: 8px 4px;
}

.product-page .tvk-product-cta__link:hover {
  color: var(--text-primary, #e8edf4);
}

@media (max-width: 768px) {
  .product-page .tvk-product-cta__actions {
    flex-direction: column;
    min-width: 0;
  }

  .product-page .tvk-product-cta__actions .btn {
    width: 100%;
  }
}

/* ── Hero — как было; центрируем только блоки ниже ─────────── */
.product-page .page-hero > .container {
  max-width: none;
  width: 100%;
  margin-inline: 0;
  padding-inline: clamp(16px, 2.5vw, 52px);
  box-sizing: border-box;
}

.product-page .page-section > .container {
  max-width: none;
  width: 100%;
  margin-inline: 0;
  padding-inline: clamp(16px, 2.5vw, 52px);
  box-sizing: border-box;
}

/* Вместо колонки «Всегда на связи» — контент на всю ширину */
.product-page .page-section .page-grid,
.product-page .page-section .page-grid.page-grid--centered {
  grid-template-columns: 1fr !important;
  width: 100%;
}

.product-page .page-grid > .side-card#contact,
.product-page .page-section .page-grid > .side-card#contact {
  display: none !important;
}

.product-page .page-section .page-grid > .content-stack {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
}

.product-page .page-hero .hero-copy {
  text-align: left;
}

.product-page .page-hero .hero-copy .breadcrumbs {
  text-align: left;
}

.product-page .page-section .content-card > h2,
.product-page .page-section .content-card > .card-intro,
.product-page .page-section .izc-section-heading {
  text-align: center;
}

.product-page .page-section .content-card .card-intro {
  justify-content: center;
}

/* ── Навигация «Другие линейки» (только в page-section) ─────── */
.product-page .page-section .content-stack > .product-nav,
.product-page .page-section .content-stack > .product-nav--bar {
  align-self: center;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
}

.product-page .product-nav,
.product-page .product-nav--bar {
  margin: clamp(20px, 3vw, 32px) auto 0;
  padding: clamp(16px, 3vw, 22px);
  border-radius: var(--radius-lg, 14px);
  background: var(--bg-elevated, #131920);
  border: 1px solid var(--bg-border, rgba(255, 255, 255, 0.08));
  text-align: center;
  box-sizing: border-box;
}

.product-page .product-nav h3,
.product-page .product-nav__title {
  margin: 0 0 12px;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 0.6875rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-muted, #7a8494);
  text-align: center;
}

.product-page .product-nav__links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  align-items: center;
}

.product-page .product-nav a,
.product-page .product-nav--bar a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 8px 14px;
  font-size: 0.8125rem;
  text-align: center;
}

/* product-specs — отдельным <link> после этого файла в HTML */