/* СОБИРАЕТСЯ АВТОМАТИЧЕСКИ — tools/build_embed_css.py, руками не править.
   Источник: frontend/product_page.css. Каждое правило заскоуплено под
   .cb-embed, чтобы вставленный на www.bobcat.ee блок не влиял на тему
   сайта-хозяина и не зависел от неё. Комментарии исходника сюда не
   переносятся — объяснения читают в product_page.css. */

.cb-embed{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;line-height:1.5;color:#2A2A2A;text-align:left;clear:both;}
.cb-embed *,.cb-embed *::before,.cb-embed *::after{box-sizing:border-box;}
.cb-embed img{max-width:100%;height:auto;}
.cb-embed a{text-decoration:none;}
.cb-embed-more{margin:24px 0 8px;font-weight:600;}
.cb-embed-more a{color:#E63012;}
.cb-cat{margin:28px 0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;color:#2A2A2A;}
.cb-cat-h{font-size:22px;font-weight:700;margin:0 0 16px;}
.cb-cat-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));}
.cb-cat-card{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid #E2E2E2;border-radius:10px;background:#fff;text-decoration:none;color:inherit;transition:box-shadow .15s,border-color .15s;}
.cb-cat-card:hover{border-color:#E63012;box-shadow:0 4px 14px rgba(0,0,0,.08);}
.cb-cat-pic{display:flex;height:120px;align-items:center;justify-content:center;overflow:hidden;}
.cb-cat-pic img{max-width:100%;max-height:120px;width:auto;height:auto;object-fit:contain;}
.cb-cat-name{font-size:17px;font-weight:700;color:#111;}
.cb-cat-ext{font-size:12px;font-weight:400;color:#8A8A8A;}
.cb-cat-specs{list-style:none;margin:0;padding:0;font-size:13px;}
.cb-cat-specs li{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px solid #F1F1F1;}
.cb-cat-specs span{color:#6A6A6A;}
.cb-cat-specs b{white-space:nowrap;font-variant-numeric:tabular-nums;}
.cb-cat-go{margin-top:auto;font-size:13px;font-weight:600;color:#E63012;}
.cb-embed .mp-feature-grid{grid-auto-rows:auto!important;grid-auto-flow:row!important;}
.cb-embed .mp-feature-card{grid-row-end:auto!important;}
.cb-embed .mp-accordion-body{display:block!important;height:auto!important;}
.cb-embed .mp-accordion-head::after,.cb-embed .mp-accordion-head .mp-acc-arrow{display:none!important;}
.cb-embed .mp-accordion-head{cursor:default;}
.cb-embed .mp-feature-more{display:none!important;}
.cb-embed [class*="-card-extra"]{display:flex!important;}
.cb-embed *, .cb-embed *::before, .cb-embed *::after { box-sizing: border-box; margin: 0; padding: 0; }
.cb-embed {
  --red:       #E63012;
  --red-dark:  #C42A0F;
  --black:     #111111;
  --dark:      #2A2A2A;
  --gray-700:  #4A4A4A;
  --gray-500:  #8A8A8A;
  --gray-300:  #D1D1D1;
  --gray-100:  #F3F3F3;
  --white:     #FFFFFF;
  --font:      'DM Sans', system-ui, -apple-system, sans-serif;
  --mono:      'Space Mono', 'SF Mono', monospace;
  --ease:      cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --radius:    12px;
  --radius-sm: 8px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
}
.cb-embed, .cb-embed { background: var(--white); color: var(--dark); font-family: var(--font); line-height: 1.5; }
.cb-embed .topbar { position: sticky; top: 0; z-index: 50; }
.cb-embed .mp-crumb { text-transform: uppercase; letter-spacing: 0.03em; }
.cb-embed .mp-crumb::before { content: "/"; margin-right: 10px; color: var(--gray-300); }
.cb-embed .mp-pair-bar {
  
  position: sticky; top: 52px; z-index: 30;
  display: flex; align-items: center; gap: 16px;
  background: var(--white); border: 2px solid var(--red);
  border-radius: var(--radius-sm);
  padding: 10px 14px; margin: 14px 0 4px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.10);
}
.cb-embed .mp-pair-item {
  display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;
  border-radius: 6px; padding: 4px 6px; box-sizing: border-box;
  border: 1.5px solid transparent;
}
.cb-embed .mp-pair-item.empty { border-style: dashed; border-color: var(--gray-300); }
.cb-embed .mp-pair-item img, .cb-embed .mp-pair-slot-icon {
  width: 40px; height: 40px; object-fit: contain; background: var(--gray-100);
  border-radius: 4px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; font-weight: 800; color: var(--gray-300); line-height: 1;
}
.cb-embed .mp-pair-slot-label {
  font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em;
  color: var(--gray-500); line-height: 1.3;
}
.cb-embed .mp-pair-item-title { font-size: 12px; font-weight: 700; letter-spacing: 0.01em; line-height: 1.25; }
.cb-embed .mp-pair-item.empty .mp-pair-item-title { color: var(--gray-500); font-weight: 600; }
.cb-embed .mp-pair-remove {
  margin-left: auto; flex-shrink: 0; width: 22px; height: 22px; padding: 0;
  border: 1.5px solid var(--gray-300); border-radius: 50%;
  background: var(--white); color: var(--black);
  font-size: 15px; line-height: 1; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.cb-embed .mp-pair-remove:hover { background: var(--red); border-color: var(--red); color: var(--white); }
.cb-embed .mp-pair-plus { font-size: 16px; font-weight: 800; color: var(--red); flex-shrink: 0; }
.cb-embed .mp-pair-btn {
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em;
  padding: 9px 14px; border-radius: 4px; cursor: pointer; white-space: nowrap;
  border: 1.5px solid var(--red); background: var(--red); color: var(--white);
  flex-shrink: 0;
}
.cb-embed .mp-pair-btn[disabled] {
  background: var(--gray-100); border-color: var(--gray-300); color: var(--gray-500);
  cursor: default;
}
.cb-embed .mp-att-card.selected { outline: 2px solid var(--red); outline-offset: -2px; }
@media (max-width: 640px) {
.cb-embed .mp-pair-bar { padding: 8px 12px; gap: 8px; flex-wrap: wrap; }
.cb-embed .mp-pair-btn { width: 100%; }
.cb-embed .mp-crumb { flex-shrink: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
.cb-embed .mp-hero {
  display: flex; gap: 32px; max-width: 1200px; margin: 0 auto; padding: 32px 20px;
}
.cb-embed .mp-hero-media { flex: 1 1 50%; min-width: 0; }
.cb-embed .mp-hero-img {
  width: 100%; height: 380px; object-fit: contain; background: var(--white);
  border-radius: var(--radius); box-shadow: var(--shadow-sm);
}
.cb-embed .mp-hero-thumbs { display: flex; gap: 8px; margin-top: 10px; overflow-x: auto; padding-bottom: 4px; }
.cb-embed .mp-hero-thumbs img {
  width: 64px; height: 64px; object-fit: contain; background: var(--white);
  border-radius: var(--radius-sm); border: 1.5px solid var(--gray-300); cursor: pointer; flex-shrink: 0;
}
.cb-embed .mp-hero-info { flex: 1 1 50%; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.cb-embed .mp-hero-info h1 { font-size: 28px; font-weight: 800; letter-spacing: -0.01em; }
.cb-embed .mp-hero-desc { color: var(--gray-700); font-size: 15px; line-height: 1.6; }
.cb-embed .mp-spec-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.cb-embed .mp-spec-chip {
  display: flex; flex-direction: column; gap: 2px; padding: 8px 12px;
  background: var(--white); border-radius: var(--radius-sm); box-shadow: var(--shadow-sm);
  font-size: 12px; min-width: 90px;
}
.cb-embed .mp-spec-chip span { color: var(--gray-500); text-transform: uppercase; letter-spacing: 0.03em; font-size: 10px; }
.cb-embed .mp-spec-chip b { font-size: 15px; font-weight: 800; }
.cb-embed .mp-spec-sub {
  font-style: normal; font-weight: 600; font-size: 12px;
  color: var(--gray-500); margin-left: 5px;
}
.cb-embed a.mp-hero-price {
  display: flex; align-items: baseline; gap: 10px; padding: 16px;
  background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow-sm); margin-top: auto;
  text-decoration: none; color: inherit; transition: box-shadow 0.15s ease;
}
.cb-embed a.mp-hero-price:hover { box-shadow: var(--shadow-md); }
.cb-embed .mp-in-stock-badge {
  display: flex; flex-direction: column; gap: 6px; align-items: flex-start;
  padding: 12px 14px; border-radius: var(--radius-sm);
  background: #f0f9f0; border: 1px solid #cde9cd;
  font-size: 13px; color: var(--dark);
}
.cb-embed .mp-in-stock-address { font-size: 12px; color: var(--gray-700); }
.cb-embed .mp-in-stock-price { font-size: 22px; font-weight: 800; color: var(--red); margin-top: 2px; }
.cb-embed .mp-in-stock-offer-btn {
  margin-top: 6px; padding: 9px 16px; border-radius: 999px;
  background: var(--red); color: var(--white); font-size: 13px; font-weight: 700;
  text-decoration: none; transition: background 0.15s var(--ease);
}
.cb-embed .mp-in-stock-offer-btn:hover { background: var(--red-dark); }
.cb-embed .mp-section { max-width: 1200px; margin: 0 auto; padding: 0 20px 40px; }
.cb-embed .mp-section h2 { font-size: 22px; font-weight: 800; margin-bottom: 6px; }
.cb-embed .mp-section-sub { color: var(--gray-500); font-size: 13px; margin-bottom: 16px; max-width: 78ch; }
.cb-embed .mp-us-note { padding-bottom: 16px; }
.cb-embed .mp-us-note .mp-section-sub {
  background: #FFF7E6; border: 1px solid #F5D98B; border-radius: var(--radius-sm);
  padding: 10px 14px; color: var(--gray-700); margin-bottom: 0; font-size: 12px;
}
.cb-embed .mp-protection {
  display: flex; gap: 28px; align-items: flex-start; flex-wrap: wrap;
  background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow-sm);
  padding: 24px; margin: 0 auto 40px; max-width: 1200px;
}
.cb-embed .mp-protection-media {
  display: flex; flex-direction: column; gap: 10px; align-items: center;
  flex: 0 0 260px; width: 260px;
}
.cb-embed .mp-protection-logo { width: 180px; max-width: 100%; }
.cb-embed .mp-protection-table { width: 100%; border-radius: var(--radius-sm); border: 1px solid var(--gray-200); }
.cb-embed .mp-protection-bobcare { width: 160px; max-width: 100%; border-radius: var(--radius-sm); }
.cb-embed .mp-protection-text { flex: 1 1 360px; min-width: 280px; }
.cb-embed .mp-protection-text h2 { margin-bottom: 14px; }
.cb-embed .mp-protection-list { list-style: none; margin: 0 0 18px; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.cb-embed .mp-protection-list li { font-size: 14px; line-height: 1.5; color: var(--gray-700); }
.cb-embed .mp-protection-list strong { display: block; color: var(--black); font-size: 15px; margin-bottom: 2px; }
.cb-embed .mp-protection-ask {
  display: inline-block; padding: 10px 18px; border-radius: 999px;
  background: var(--red); color: var(--white); text-decoration: none;
  font-size: 13px; font-weight: 700; transition: background 0.15s var(--ease);
}
.cb-embed .mp-protection-ask:hover { background: var(--red-dark); }
@media (max-width: 640px) {
.cb-embed .mp-protection { flex-direction: column; padding: 18px; }
.cb-embed .mp-protection-media { flex: none; width: 100%; }
.cb-embed .mp-protection-logo, .cb-embed .mp-protection-bobcare { width: 140px; }
}
.cb-embed .mp-feature-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); grid-auto-flow: row dense; grid-auto-rows: 1px; align-items: start; gap: 16px; margin-top: 16px; }
.cb-embed .mp-feature-card-wide { grid-column: span 2; }
@media (max-width: 600px) {
.cb-embed .mp-feature-card-wide { grid-column: span 1; }
}
.cb-embed .mp-feature-card {
  background: var(--white); border-radius: var(--radius); overflow: hidden;
  box-shadow: var(--shadow-sm); display: flex; flex-direction: column;
  
  grid-row-end: span 1000;
}
.cb-embed .mp-feature-img {
  width: 100%; aspect-ratio: 3 / 2; object-fit: contain; display: block;
  background: var(--gray-100); flex-shrink: 0; padding: 4px;
}
.cb-embed .mp-feature-text { padding: 16px 18px 18px; }
.cb-embed .mp-feature-card-extra { display: none; }
.cb-embed .mp-features-expanded .mp-feature-card-extra { display: flex; }
.cb-embed .mp-feature-more {
  display: block; margin: 16px auto 0; padding: 10px 22px;
  font-family: var(--font); font-size: 13px; font-weight: 700;
  color: var(--black); background: var(--white);
  border: 1.5px solid var(--gray-300); border-radius: 999px; cursor: pointer;
  transition: border-color 0.15s var(--ease), background 0.15s var(--ease);
}
.cb-embed .mp-feature-more:hover { border-color: var(--red); background: #fff6f5; }
.cb-embed .mp-feature-card h3 { font-size: 15px; font-weight: 700; margin-bottom: 8px; color: var(--red-dark); }
.cb-embed .mp-feature-card p { font-size: 13px; color: var(--gray-700); line-height: 1.55; }
.cb-embed .mp-brochure-badges { display: flex; gap: 10px; margin-top: 12px; }
.cb-embed .mp-brochure-badge { height: 44px; width: auto; object-fit: contain; }
.cb-embed .mp-brochure-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: 8px; margin-top: 12px; }
.cb-embed .mp-brochure-gallery img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 8px; background: var(--gray-100); }
.cb-embed .mp-configurator { display: flex; gap: 24px; margin-top: 16px; align-items: flex-start; }
.cb-embed .mp-opt-groups { flex: 1 1 65%; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.cb-embed .mp-opt-group { background: var(--white); border-radius: var(--radius); padding: 14px 18px; box-shadow: var(--shadow-sm); }
.cb-embed .mp-opt-group h4 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.03em; color: var(--gray-500); margin-bottom: 8px; }
.cb-embed .mp-opt-row { display: flex; align-items: center; gap: 10px; padding: 7px 0; font-size: 13px; cursor: pointer; border-top: 1px solid var(--gray-100); }
.cb-embed .mp-opt-row:first-of-type { border-top: none; }
.cb-embed .mp-opt-row input { flex-shrink: 0; width: 16px; height: 16px; accent-color: var(--red); }
.cb-embed .mp-opt-row input:disabled { cursor: default; }
.cb-embed .mp-opt-row:has(input:disabled) { cursor: default; }
.cb-embed .mp-opt-desc { flex: 1; }
.cb-embed .mp-opt-price { font-weight: 700; color: var(--red-dark); white-space: nowrap; }
.cb-embed .mp-opt-row:has(input:disabled) .mp-opt-price { color: var(--gray-400, #999); font-weight: 600; }
.cb-embed .mp-config-summary {
  flex: 1 1 30%; min-width: 220px; position: sticky; top: 20px;
  background: var(--white); border-radius: var(--radius); padding: 18px; box-shadow: var(--shadow-md);
}
.cb-embed .mp-config-row { display: flex; justify-content: space-between; padding: 6px 0; font-size: 13px; color: var(--gray-700); }
.cb-embed .mp-config-total { border-top: 2px solid var(--black); margin-top: 6px; padding-top: 10px; font-size: 16px; font-weight: 800; color: var(--black); }
.cb-embed .mp-config-note { font-size: 11px; color: var(--gray-500); margin-top: 10px; line-height: 1.4; }
.cb-embed .mp-specs-list { margin-top: 16px; display: flex; flex-direction: column; gap: 8px; }
.cb-embed .mp-accordion { background: var(--white); border-radius: var(--radius-sm); overflow: hidden; box-shadow: var(--shadow-sm); }
.cb-embed .mp-accordion-head {
  width: 100%; display: flex; justify-content: space-between; align-items: center;
  padding: 12px 16px; background: none; border: none; font-family: var(--font);
  font-size: 14px; font-weight: 700; cursor: pointer; text-align: left;
}
.cb-embed .mp-chevron { transition: transform 0.2s ease; color: var(--gray-500); }
.cb-embed .mp-accordion.open .mp-chevron { transform: rotate(180deg); }
.cb-embed .mp-accordion-body { display: none; padding: 0 16px 12px; }
.cb-embed .mp-accordion.open .mp-accordion-body { display: block; }
.cb-embed .mp-spec-row { display: flex; justify-content: space-between; gap: 12px; padding: 5px 0; font-size: 13px; border-top: 1px solid var(--gray-100); }
.cb-embed .mp-spec-row:first-child { border-top: none; }
.cb-embed .mp-spec-row span { color: var(--gray-500); }
.cb-embed .mp-spec-row b { font-weight: 700; text-align: right; }
.cb-embed .mp-count-badge {
  font-size: 12px; font-weight: 800; color: var(--white); background: var(--red);
  border-radius: 999px; padding: 2px 8px; margin-left: 6px;
}
.cb-embed .mp-att-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; margin-top: 16px; }
.cb-embed .mp-att-card {
  background: var(--white); border-radius: var(--radius-sm); padding: 10px; box-shadow: var(--shadow-sm);
  text-align: center; display: block; text-decoration: none; color: inherit; transition: box-shadow 0.15s ease;
}
.cb-embed a.mp-att-card:hover { box-shadow: var(--shadow-md); }
.cb-embed .mp-att-card-extra { display: none; }
.cb-embed .mp-att-expanded .mp-att-card-extra { display: block; }
.cb-embed .mp-att-card img { width: 100%; height: 90px; object-fit: contain; margin-bottom: 6px; }
.cb-embed .mp-att-title { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; line-height: 1.3; overflow-wrap: break-word; hyphens: auto; }
.cb-embed .mp-att-price { font-size: 12px; color: var(--red-dark); font-weight: 700; margin-top: 4px; }
.cb-embed .mp-common-block { margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--gray-300); }
.cb-embed .mp-common-title {
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em;
  color: var(--gray-500); margin-bottom: 10px;
}
.cb-embed .mp-common-chips {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));
  gap: 14px;
}
.cb-embed .mp-common-chip {
  display: flex; flex-direction: column; overflow: hidden;
  font-size: 13px; font-weight: 600; color: var(--gray-700);
  background: var(--white); border: 1px solid var(--gray-300);
  border-radius: var(--radius-sm); text-decoration: none; cursor: default;
}
.cb-embed .mp-common-chip:not(.mp-common-chip-media) {
  align-items: center; justify-content: center; text-align: center;
  background: var(--gray-100); border-style: dashed; padding: 12px 10px; min-height: 180px;
}
.cb-embed .mp-common-chip-img {
  width: 100%; aspect-ratio: 4 / 3; object-fit: contain;
  background: var(--gray-100); display: block; padding: 4px;
}
.cb-embed .mp-common-chip-video { width: 100%; aspect-ratio: 16 / 9; border: 0; display: block; background: #000; }
.cb-embed .mp-common-chip-label { padding: 8px 10px; line-height: 1.3; }
.cb-embed a.mp-common-chip { cursor: pointer; transition: border-color 0.15s var(--ease), box-shadow 0.15s var(--ease); }
.cb-embed a.mp-common-chip:hover { border-color: var(--red); box-shadow: var(--shadow-sm); }
.cb-embed .mp-common-chip-play {
  display: inline-flex; align-items: center; justify-content: center;
  width: 15px; height: 15px; border-radius: 50%; flex-shrink: 0;
  background: var(--red); color: var(--white); font-size: 7px; padding-left: 1px;
  margin-right: 4px; vertical-align: -2px;
}
.cb-embed .ap-action-grid { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 4px; }
.cb-embed .ap-action-shot {
  height: 190px; width: auto; max-width: 100%;
  object-fit: contain; border-radius: var(--radius-sm);
  background: var(--gray-100); box-shadow: var(--shadow-sm);
}
.cb-embed .ap-video-embed {
  position: relative; width: 100%; max-width: 480px; aspect-ratio: 16 / 9;
  margin-top: 14px; border-radius: var(--radius-sm); overflow: hidden;
  box-shadow: var(--shadow-sm); background: var(--gray-100);
}
.cb-embed .ap-video-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; }
.cb-embed .ap-catalogue-page {
  width: 100%; max-width: 700px; height: auto; display: block;
  border-radius: var(--radius-sm); box-shadow: var(--shadow-sm);
  border: 1px solid var(--gray-300);
}
@media (max-width: 640px) {
.cb-embed .ap-action-shot { height: 150px; }
.cb-embed .ap-video-embed { max-width: 100%; }
}
.cb-embed .ap-app-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.cb-embed .ap-app-chip {
  font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em;
  padding: 4px 10px; border-radius: 999px; background: var(--gray-100); color: var(--gray-700);
}
.cb-embed .ap-feature-list { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.cb-embed .ap-feature-list li {
  position: relative; padding-left: 20px; font-size: 14px; line-height: 1.5; color: var(--gray-700);
}
.cb-embed .ap-feature-list li::before { content: "\2022"; position: absolute; left: 4px; color: var(--red); font-weight: 800; }
.cb-embed .ap-compat-cat { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; margin: 20px 0 4px; color: var(--gray-500); }
.cb-embed .ap-compat-cat:first-of-type { margin-top: 16px; }
.cb-embed .ap-table-wrap { overflow-x: auto; margin-top: 16px; border-radius: var(--radius-sm); box-shadow: var(--shadow-sm); }
.cb-embed .ap-variants-table { width: 100%; border-collapse: collapse; background: var(--white); font-size: 13px; white-space: nowrap; }
.cb-embed .ap-variants-table th {
  text-align: left; padding: 10px 14px; background: var(--black); color: var(--white);
  font-size: 11px; text-transform: uppercase; letter-spacing: 0.02em; position: sticky; top: 0;
}
.cb-embed .ap-variants-table td { padding: 9px 14px; border-top: 1px solid var(--gray-100); white-space: normal; }
.cb-embed .ap-variants-table td:first-child { white-space: nowrap; }
.cb-embed .ap-variants-table tr:hover td { background: var(--gray-100); }
.cb-embed .ap-pn { font-family: var(--mono); font-size: 11px; color: var(--gray-500); white-space: nowrap; }
.cb-embed .ap-price-cell { font-weight: 800; color: var(--red-dark); white-space: nowrap; }
.cb-embed .mp-more-note { font-size: 12px; color: var(--gray-500); margin-top: 10px; }
.cb-embed .mp-adv-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 16px; margin-top: 16px; }
.cb-embed .mp-adv-card { background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow-sm); overflow: hidden; }
.cb-embed .mp-adv-card-body { padding: 18px 20px; }
.cb-embed .mp-adv-card-body h3 { font-size: 16px; font-weight: 800; color: var(--red-dark); margin-bottom: 8px; }
.cb-embed .mp-adv-card-body p { font-size: 13px; color: var(--gray-700); line-height: 1.55; }
.cb-embed .ob-packs { display: grid; grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); gap: 14px; margin-top: 16px; align-items: start; }
.cb-embed .ob-pack {
  background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius);
  box-shadow: var(--shadow-sm); padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 7px;
}
.cb-embed .ob-pack-stars { font-size: 15px; letter-spacing: 2px; color: var(--red); line-height: 1; }
.cb-embed .ob-star-off { color: var(--gray-200); }
.cb-embed .ob-pack h3 { font-size: 14px; font-weight: 800; letter-spacing: .01em; }
.cb-embed .ob-pack p { font-size: 12.5px; line-height: 1.55; color: var(--gray-700); }
.cb-embed .ob-note { margin-top: 14px; font-size: 12.5px; line-height: 1.5; color: var(--gray-500); border-left: 2px solid var(--gray-300); padding-left: 12px; max-width: 82ch; }
.cb-embed .ob-std-block { margin-top: 16px; padding: 16px 18px; background: var(--gray-100); border-radius: var(--radius-sm); }
.cb-embed .ob-std-block h3 { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--gray-500); margin-bottom: 10px; }
.cb-embed .ob-cats { margin-top: 16px; }
.cb-embed .ob-count { display: inline-block; margin-left: 7px; font-size: 11px; font-weight: 700; color: var(--gray-500); }
.cb-embed .mp-accordion.open .ob-list { display: flex; flex-direction: column; gap: 0; }
.cb-embed .ob-row { display: grid; grid-template-columns: 92px 1fr; gap: 14px; padding: 13px 0; border-top: 1px solid var(--gray-100); }
.cb-embed .ob-row:first-child { border-top: none; }
.cb-embed .ob-thumb { width: 92px; height: 74px; object-fit: cover; border-radius: var(--radius-sm); background: var(--gray-100); display: block; }
.cb-embed .ob-body { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.cb-embed .ob-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.cb-embed .ob-head h3 { font-size: 13.5px; font-weight: 700; color: var(--black); }
.cb-embed .ob-body p { font-size: 12.5px; line-height: 1.55; color: var(--gray-700); }
.cb-embed .ob-state {
  font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
  padding: 2px 7px; border-radius: 999px; white-space: nowrap; flex-shrink: 0;
}
.cb-embed .ob-std { color: var(--white); background: var(--red-dark); }
.cb-embed .ob-opt { color: var(--gray-700); background: var(--gray-100); border: 1px solid var(--gray-300); }
.cb-embed .ob-meta { display: flex; flex-direction: column; gap: 3px; margin-top: 2px; }
.cb-embed .ob-app { font-size: 11.5px; color: var(--gray-500); }
.cb-embed .ob-extra { font-size: 11.5px; line-height: 1.45; color: var(--red-dark); }
.cb-embed .ob-tire-state { width: 1%; white-space: nowrap; }
.cb-embed .ob-tire-note { display: block; font-size: 12px; color: #6b6b6b; margin-top: 2px; }
@media (max-width: 520px) {
.cb-embed .ob-row { grid-template-columns: 64px 1fr; gap: 11px; }
.cb-embed .ob-thumb { width: 64px; height: 52px; }
}
.cb-embed .mp-adv-header { display: flex; justify-content: space-between; padding: 12px 16px; background: var(--black); color: var(--white); font-size: 13px; font-weight: 700; }
.cb-embed .mp-adv-rows-head { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 8px; padding: 8px 16px; font-size: 11px; text-transform: uppercase; color: var(--gray-500); }
.cb-embed .mp-adv-row { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 8px; padding: 7px 16px; font-size: 13px; border-top: 1px solid var(--gray-100); }
.cb-embed .mp-adv-row span { color: var(--gray-700); }
.cb-embed .mp-adv-us { color: var(--red-dark); font-weight: 800; }
.cb-embed .mp-adv-them { color: var(--gray-500); font-weight: 600; }
.cb-embed .mp-brochure-link {
  display: inline-block; padding: 10px 20px; background: var(--black); color: var(--white);
  border-radius: 999px; font-size: 13px; font-weight: 700; text-decoration: none; margin-bottom: 14px;
}
.cb-embed .mp-source-note { font-size: 11px; color: var(--gray-500); }
@media (max-width: 800px) {
.cb-embed .mp-hero { flex-direction: column; padding: 16px; gap: 16px; }
.cb-embed .mp-hero-img { height: 240px; }
.cb-embed .mp-hero-info h1 { font-size: 22px; }
.cb-embed .mp-configurator { flex-direction: column; }
.cb-embed .mp-config-summary { position: static; width: 100%; }
.cb-embed .mp-att-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cb-embed .mp-common-chips { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.cb-embed .mp-common-chip { font-size: 12px; }
.cb-embed .mp-common-chip:not(.mp-common-chip-media) { min-height: 120px; }
.cb-embed .mp-adv-grid { grid-template-columns: 1fr; }
.cb-embed .mp-adv-row, .cb-embed .mp-adv-rows-head { grid-template-columns: 1.2fr 1fr 1fr; font-size: 12px; }
}
.cb-embed .ctl-headline th[scope="row"] { white-space: nowrap; font-weight: 700; }
.cb-embed .ctl-headline td { font-variant-numeric: tabular-nums; }
.cb-embed .ctl-row.ctl-cur { background: #FDF0ED; }
.cb-embed .ctl-row.ctl-cur th[scope="row"] { color: var(--red); }
.cb-embed .ctl-cur-badge {
  display: inline-block; margin-left: 8px; padding: 1px 7px;
  border-radius: var(--radius-sm); background: var(--red); color: var(--white);
  font-size: 10px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .04em; vertical-align: middle;
}
.cb-embed .ctl-pos {
  margin: 0 0 18px; padding: 14px 16px; border-left: 3px solid var(--red);
  background: var(--gray-100); border-radius: 0 8px 8px 0;
}
.cb-embed .ctl-pos-tag {
  font-size: 12px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .05em; color: var(--red); margin-bottom: 6px;
}
.cb-embed .ctl-pos p { margin: 0; font-size: 15px; line-height: 1.55; max-width: 74ch; }
.cb-embed .ctl-spec-table th[scope="row"] { text-align: left; font-weight: 500; }
.cb-embed .ctl-spec-table td { font-variant-numeric: tabular-nums; text-align: center; }
.cb-embed .ctl-spec-table .ctl-cur { background: #FDF0ED; font-weight: 700; }
.cb-embed .ctl-spec-table thead .ctl-cur { color: var(--red); }
.cb-embed .ctl-unit { color: var(--gray-500); font-size: 12px; white-space: nowrap; }
.cb-embed .ctl-cats { display: flex; flex-direction: column; gap: 10px; }
.cb-embed .mp-accordion.open .ctl-eq-list { display: grid; }
.cb-embed .ctl-eq-list {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 2px 20px; list-style: none; margin: 0; padding: 0;
}
.cb-embed .ctl-eq {
  display: flex; align-items: baseline; gap: 9px;
  padding: 7px 0; border-bottom: 1px solid var(--gray-300);
}
.cb-embed .ctl-eq-name { font-size: 14px; line-height: 1.4; }
.cb-embed .ctl-eq-no .ctl-eq-name { color: var(--gray-500); text-decoration: line-through; }
.cb-embed .ob-state.ctl-no { background: var(--gray-100); color: var(--gray-500); }
.cb-embed .ctl-eq .ob-state { flex: 0 0 auto; min-width: 86px; text-align: center; }
.cb-embed .ctl-uc-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px; margin-bottom: 14px;
}
.cb-embed .ctl-uc-card {
  padding: 16px 18px; border: 1px solid var(--gray-300); border-radius: var(--radius-sm);
  background: var(--white);
}
.cb-embed .ctl-uc-card h3 { margin: 0 0 8px; font-size: 15px; }
.cb-embed .ctl-uc-card p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--gray-700); max-width: 76ch; }
.cb-embed .ctl-uc-hero {
  grid-column: 1 / -1; border-color: var(--red); background: #FDF4F2;
}
.cb-embed .ctl-uc-hero h3 { color: var(--red); }
.cb-embed .ctl-app-lead {
  margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: var(--dark);
  max-width: 68ch;
}
.cb-embed .ctl-stages { display: flex; flex-direction: column; gap: 4px; }
.cb-embed .ctl-stage { padding: 14px 0; border-top: 1px solid var(--gray-300); }
.cb-embed .ctl-stage:first-child { border-top: none; padding-top: 0; }
.cb-embed .ctl-stage-head { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.cb-embed .ctl-stage-n {
  flex: 0 0 auto; width: 24px; height: 24px; border-radius: 50%;
  background: var(--red); color: var(--white); font-size: 12px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
  font-variant-numeric: tabular-nums;
}
.cb-embed .ctl-stage h4 { margin: 0; font-size: 15px; }
.cb-embed .ctl-stage p {
  margin: 0 0 10px 34px; font-size: 14px; line-height: 1.55; color: var(--gray-700);
  max-width: 72ch;
}
.cb-embed .ctl-atts { display: flex; flex-wrap: wrap; gap: 6px; margin-left: 34px; }
.cb-embed .ctl-att {
  display: inline-block; padding: 4px 10px; border-radius: 14px;
  background: var(--gray-100); border: 1px solid var(--gray-300);
  font-size: 12.5px; color: var(--dark);
}
.cb-embed .ctl-fit {
  display: inline-block; margin-left: 8px; padding: 2px 8px;
  border-radius: var(--radius-sm); background: #1F7A3D; color: var(--white);
  font-size: 10px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .04em;
}
.cb-embed .ctl-sub-h { margin: 24px 0 12px; font-size: 15px; }
.cb-embed .ctl-why-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}
.cb-embed .ctl-why { padding: 14px 16px; border-radius: var(--radius-sm); background: var(--gray-100); }
.cb-embed .ctl-why h4 { margin: 0 0 6px; font-size: 14px; color: var(--red); }
.cb-embed .ctl-why p { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--gray-700); }
.cb-embed .ctl-kit { margin-top: 22px; }
.cb-embed .ctl-kit h3 { margin: 0 0 10px; font-size: 15px; }
.cb-embed .ctl-kit-list {
  margin: 0; padding: 0; list-style: none;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 2px 20px;
}
.cb-embed .ctl-kit-list li {
  padding: 6px 0 6px 18px; font-size: 14px; line-height: 1.45;
  border-bottom: 1px solid var(--gray-300); position: relative;
}
.cb-embed .ctl-kit-list li::before {
  content: "\2713"; position: absolute; left: 0; color: #1F7A3D; font-weight: 700;
}
@media (max-width: 640px) {
.cb-embed .ctl-stage p, .cb-embed .ctl-atts { margin-left: 0; }
.cb-embed .ctl-eq-list { grid-template-columns: 1fr; }
}
.cb-embed .ctl-app-hero {
  display: block; width: 100%; height: auto; aspect-ratio: 1200 / 520;
  object-fit: cover; border-radius: var(--radius-sm); margin-bottom: 16px;
}
.cb-embed .ctl-stage-body { display: flex; gap: 16px; align-items: flex-start; margin-left: 34px; }
.cb-embed .ctl-stage-text { min-width: 0; flex: 1; }
.cb-embed .ctl-stage-shot .ctl-stage p, .cb-embed .ctl-stage-shot .ctl-atts { margin-left: 0; }
.cb-embed .ctl-stage-body p, .cb-embed .ctl-stage-body .ctl-atts { margin-left: 0; }
.cb-embed .ctl-stage-img {
  flex: 0 0 236px; width: 236px; aspect-ratio: 760 / 500;
  object-fit: cover; border-radius: var(--radius-sm);
}
.cb-embed .ctl-uc-shot, .cb-embed .ctl-fo-shot {
  display: block; width: 100%; max-width: 760px; height: auto;
  border-radius: var(--radius-sm); margin: 0 0 16px;
}
.cb-embed .ctl-uc-shot { max-width: 100%; background: var(--gray-100); }
@media (max-width: 720px) {
.cb-embed .ctl-stage-body { flex-direction: column; margin-left: 0; gap: 10px; }
.cb-embed .ctl-stage-img { flex: none; width: 100%; }
}
.cb-embed .pkg-packs .ob-pack { display: flex; flex-direction: column; }
.cb-embed .pkg-name {
  font-size: 13px; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; color: var(--red); margin-bottom: 8px;
}
.cb-embed .pkg-blocks {
  margin-top: auto; padding-top: 10px; border-top: 1px solid var(--gray-300);
  font-size: 12.5px; line-height: 1.45; color: var(--gray-500);
}
.cb-embed .ctl-gen-link { color: var(--red); text-decoration: none; font-weight: 700; }
.cb-embed .ctl-gen-link:hover { text-decoration: underline; }
.cb-embed .mex-tech-grid { grid-template-columns: 1fr; }
.cb-embed .mex-aux-list { display: grid; margin-bottom: 14px; }
.cb-embed .mex-aux-list .ob-state { min-width: 60px; }
.cb-embed .tire-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.cb-embed .tire-card h3 { color: var(--red-dark); }
.cb-embed .tire-limit {
  margin: 8px 0 0 !important; padding-top: 8px;
  border-top: 1px solid var(--gray-300);
  font-size: 13px !important; color: var(--gray-500) !important;
}
.cb-embed .tire-gen-intro { margin: 22px 0 10px; font-size: 14px; color: var(--dark); }
.cb-embed .tire-gen-table th[scope="row"] { font-weight: 600; }
.cb-embed .tire-cycles { font-weight: 700; font-variant-numeric: tabular-nums; }
.cb-embed .tire-delta { color: var(--gray-500); font-size: 13px; }
.cb-embed .tire-spec-table { margin-top: 10px; font-variant-numeric: tabular-nums; }
.cb-embed .tire-sub { font-weight: 400; color: var(--gray-500); }
.cb-embed .mp-section p, .cb-embed .pkg-text, .cb-embed .ctl-why p, .cb-embed .ctl-stage-text p, .cb-embed .ssl-new-text {
  max-width: 76ch;
}
.cb-embed .mp-section .ap-table-wrap p, .cb-embed .mp-section .ctl-eq-name, .cb-embed .mp-section figcaption { max-width: none; }
.cb-embed .tls-line-text { margin: 0 0 14px; font-size: 14.5px; color: var(--dark); max-width: 74ch; }
.cb-embed .tls-sub {
  margin: 18px 0 8px; font-size: 11px; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; color: var(--gray-500);
}
.cb-embed .tls-base { margin: 0; padding-left: 18px; font-size: 14px; color: var(--gray-700); }
.cb-embed .tls-base li { margin-bottom: 3px; }
.cb-embed .tls-packs {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
}
.cb-embed .tls-pack {
  padding: 14px 16px; border: 1px solid var(--gray-300);
  border-radius: var(--radius-sm); background: var(--white);
}
.cb-embed .tls-pack ul { margin: 8px 0 0; padding-left: 16px; font-size: 13.5px; line-height: 1.5; color: var(--gray-700); }
.cb-embed .tls-pack li { margin-bottom: 5px; }
.cb-embed .mp-common-plains {
  display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px;
}
.cb-embed .mp-common-plain {
  font-size: 12.5px; font-weight: 600; color: var(--gray-700);
  background: var(--gray-100); border: 1px solid var(--gray-300);
  border-radius: 999px; padding: 5px 11px; line-height: 1.25;
}
.cb-embed .site-footer {
  max-width: 1200px; margin: 40px auto 0; padding: 24px 20px 32px;
  border-top: 1px solid var(--gray-300);
  font-size: 13px; line-height: 1.7; color: var(--gray-500);
}
.cb-embed .site-footer .sf-name { font-weight: 800; color: var(--black); font-size: 14px; }
.cb-embed .site-footer a { color: var(--gray-700); }
.cb-embed .site-footer a:hover { color: var(--red); }