/* Lightweight, deterministic equipment detail layout for all RU/EN cards. */
.cxi-equipment-page {
  color: var(--cxi-ink);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.cxi-equipment-page .container { width: min(calc(100% - 40px), var(--cxi-container)); max-width: var(--cxi-container); margin-inline: auto; padding: 0; }
.cxi-equipment-page .breadcrumb-section { min-height: 58px; }
.cxi-equipment-page .equipment-title-section { padding: 18px 0 28px; }
.cxi-equipment-page .equipment-title-section h1 { max-width: 980px; margin: 0 auto; color: var(--cxi-ink); font-family: inherit; font-size: clamp(28px, 4vw, 50px); font-weight: 800; line-height: 1.08; overflow-wrap: anywhere; }
.cxi-equipment-media { padding-bottom: 46px; }
.cxi-equipment-media__layout { display: grid; grid-template-columns: minmax(0, 1fr) 190px; gap: 20px; align-items: stretch; }
.cxi-equipment-media__stage { aspect-ratio: 1438 / 673; min-width: 0; overflow: hidden; border-radius: 16px; background: var(--cxi-pale); }
.cxi-equipment-media__image { width: 100%; height: 100%; display: block; object-fit: cover; }
.cxi-equipment-media__thumbs { display: grid; grid-auto-rows: minmax(0, 1fr); gap: 10px; min-height: 0; }
.cxi-equipment-media__thumb { min-width: 0; min-height: 0; overflow: hidden; padding: 0; border: 2px solid transparent; border-radius: 10px; background: var(--cxi-pale); cursor: pointer; }
.cxi-equipment-media__thumb.is-active { border-color: var(--cxi-teal); }
.cxi-equipment-media__thumb img { width: 100%; height: 100%; display: block; object-fit: cover; }
.cxi-equipment-tabs { padding: 34px 0 44px; border-block: 1px solid var(--cxi-line); background: var(--cxi-mist); }
.cxi-equipment-tabs .tabs { min-height: 54px; margin: 0 0 24px; gap: 16px; }
.cxi-equipment-tabs .tabs-block { gap: 10px; }
.cxi-equipment-tabs .tab-title { width: auto; min-height: 44px; margin: 0; padding: 10px 14px; border: 0; border-bottom: 2px solid transparent; color: var(--cxi-muted); background: transparent; font-family: inherit; font-size: 16px; font-weight: 700; cursor: pointer; }
.cxi-equipment-tabs .tab-title.active { color: var(--cxi-teal); border-bottom-color: var(--cxi-teal); }
.cxi-equipment-tabs .tab_container { min-height: 80px; margin: 0; }
.cxi-equipment-tabs .tab_content[hidden] { display: none !important; }
.cxi-equipment-tabs .tab_content__title { display: block; margin-bottom: 16px; color: var(--cxi-navy); font-size: 20px; font-weight: 800; }
.cxi-equipment-tabs .tab_content, .cxi-equipment-tabs .tab_content p, .cxi-equipment-tabs .tab_content li { font-family: inherit; font-size: 17px; line-height: 1.65; }
.cxi-equipment-page .section-title { font-family: inherit; }
.cxi-equipment-gallery { padding: 52px 0 30px; }
.cxi-equipment-gallery h2, .cxi-equipment-page .other-devices h2 { margin: 0 0 30px; color: var(--cxi-ink); font-size: clamp(25px, 3vw, 38px); font-weight: 800; line-height: 1.15; }
.cxi-equipment-gallery .gallery-wrapper { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; }
.cxi-equipment-gallery .gallery-item { width: auto; height: auto; min-width: 0; aspect-ratio: 1 / 1.08; margin: 0; padding: 0; overflow: hidden; border-radius: 12px; background: var(--cxi-pale); }
.cxi-equipment-gallery .gallery-item.big, .cxi-equipment-gallery .gallery-item.gallery-big { grid-column: span 2; aspect-ratio: 2 / 1.08; }
.cxi-equipment-gallery .gallery-item img { width: 100%; height: 100%; display: block; object-fit: cover; }
.cxi-equipment-page .about-common { margin: 44px 0; padding: 70px 0; background: var(--cxi-navy); }
.cxi-equipment-page .other-devices { padding: 50px 0 70px; }
.cxi-equipment-page .other-devices.four-column { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.cxi-equipment-page .other-devices .block-item { width: auto; max-width: none; flex: none; min-width: 0; }
.cxi-equipment-page .device-cart { min-height: 100%; overflow: hidden; border: 1px solid var(--cxi-line); border-radius: 14px; background: #fff; box-shadow: 0 10px 30px rgba(20, 35, 55, .08); }
.cxi-equipment-page .device-img { height: auto; aspect-ratio: 317 / 267; overflow: hidden; background: var(--cxi-pale); }
.cxi-equipment-page .device-img img { width: 100%; height: 100%; display: block; object-fit: cover; }
.cxi-equipment-page .device-cart__content { min-height: 174px; padding: 18px; }
.cxi-equipment-page .device-cart-title { margin: 0 0 16px; color: var(--cxi-ink); font-family: inherit; font-size: 17px; font-weight: 750; line-height: 1.35; }
.cxi-equipment-page .device-cart__content a:not(.device-img, .device-cart-title) { color: var(--cxi-teal); border-bottom-color: var(--cxi-teal); font-size: 14px; }

@media (max-width: 900px) {
  .cxi-equipment-media__layout { grid-template-columns: 1fr; gap: 10px; }
  .cxi-equipment-media__thumbs { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: auto; }
  .cxi-equipment-media__thumb { aspect-ratio: 301 / 209; }
  .cxi-equipment-page .other-devices.four-column { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .cxi-equipment-page .container { width: calc(100% - 20px); }
  .cxi-equipment-page .breadcrumb-section { min-height: 48px; }
  .cxi-equipment-page .equipment-title-section { padding: 10px 0 20px; }
  .cxi-equipment-media { padding-bottom: 32px; }
  .cxi-equipment-media__stage { border-radius: 10px; }
  .cxi-equipment-tabs { padding: 24px 0 32px; }
  .cxi-equipment-tabs .tabs { min-height: 48px; margin-bottom: 18px; }
  .cxi-equipment-tabs .tabs-block { width: 100%; display: flex; flex-wrap: wrap; }
  .cxi-equipment-tabs .tab-title { min-height: 44px; padding: 9px 10px; font-size: 14px; }
  .cxi-equipment-tabs .tab_container { min-height: 64px; }
  .cxi-equipment-tabs .tab_content, .cxi-equipment-tabs .tab_content p, .cxi-equipment-tabs .tab_content li { font-size: 16px; }
  .cxi-equipment-gallery { padding: 38px 0 20px; }
  .cxi-equipment-gallery h2, .cxi-equipment-page .other-devices h2 { margin-bottom: 22px; }
  .cxi-equipment-gallery .gallery-wrapper { gap: 8px; }
  .cxi-equipment-page .other-devices { padding: 38px 0 50px; }
  .cxi-equipment-page .other-devices.four-column { gap: 12px; }
  .cxi-equipment-page .device-cart__content { min-height: 150px; padding: 14px; }
  .cxi-equipment-page .device-cart-title { font-size: 15px; }
}

@media (max-width: 520px) {
  .cxi-equipment-page .other-devices.four-column { grid-template-columns: 1fr; }
}