/* ATC Tire Detail · 2026-09-17 v3. Load after the existing Detail styles. */
#detail-box { --atcdm-css-ready: 1; }

body.atcdm-page {
  --atcdm-ink: #17212f;
  --atcdm-muted: #586a80;
  --atcdm-line: #dfe5ed;
  --atcdm-gold: #f0ad00;
  --atcdm-red: #9c211a;
  background: #fbfbfb;
  color: var(--atcdm-ink);
}
body.atcdm-page #content-box {
  width: calc(100% - 40px);
  max-width: var(--atc-shell-width, 1170px);
  min-width: 0;
  margin: 10px auto 32px;
  float: none;
}
#detail-box.atcdm-detail {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  align-items: start;
  gap: 20px;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  color: var(--atcdm-ink);
}
#detail-box.atcdm-detail > .detail-left-box,
#detail-box.atcdm-detail > .detail-right-box {
  width: 100%; min-width: 0; max-width: 100%; float: none; margin: 0;
}
#detail-box.atcdm-detail #breadcrumb {
  margin: 0 0 14px; padding: 0; font-size: 13px; line-height: 1.7;
  color: var(--atcdm-muted); overflow-wrap: anywhere;
}
#detail-box.atcdm-detail #recomment-search-box.tire-page {
  height: auto; padding: 0; margin: 0 0 12px;
  border: 0; background: transparent; color: var(--atcdm-muted);
}
#detail-box.atcdm-detail #recomment-search-box.tire-page .title {
  padding: 0; margin: 0; height: auto; background: transparent;
  color: var(--atcdm-muted); font-size: 13px; font-weight: 400; line-height: 1.6;
}
#detail-box.atcdm-detail #tire-detail-box {
  display: block; width: 100%; min-width: 0; padding: 0; margin: 0 0 24px;
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
  color: var(--atcdm-ink); line-height: 1.6;
}
#detail-box.atcdm-detail #tire-detail-box *,
#detail-box.atcdm-detail #tire-detail-box *::before,
#detail-box.atcdm-detail #tire-detail-box *::after { box-sizing: border-box; }
#detail-box.atcdm-detail #tire-detail-box .atcdi-product-heading {
  display: block; width: 100%; margin: 0 0 20px; padding: 26px;
  border: 1px solid #242b37; border-top: 3px solid var(--atcdm-gold); border-radius: 18px;
  background: radial-gradient(ellipse at 100% 0, #684712 0, transparent 60%), linear-gradient(125deg, #111827, #181b20);
  color: #fff; overflow-wrap: anywhere;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-eyebrow {
  margin: 0 0 12px; color: #ffc549; font-size: 12px; font-weight: 700; letter-spacing: .08em;
}
#detail-box.atcdm-detail #tire-detail-box .atcdi-product-heading h1 {
  display: block; margin: 0 0 10px; padding: 0; height: auto;
  color: #fff; font-size: 30px; font-weight: 700; line-height: 1.28;
}
#detail-box.atcdm-detail #tire-detail-box .atcdi-product-heading .info {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 16px;
  margin: 0; padding: 0; line-height: 1.5;
}
#detail-box.atcdm-detail #tire-detail-box .atcdi-product-heading .info span {
  display: inline; width: auto; padding: 0; margin: 0; border: 0; background: transparent;
  color: #d6dfeb; font-size: 16px; font-weight: 400; line-height: 1.5;
}
#detail-box.atcdm-detail #tire-detail-box .atcdi-product-heading .info span.atcdi-size {
  color: #ffc549; font-size: 22px; font-weight: 600;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-jump {
  display: flex; flex-wrap: wrap; gap: 8px; padding-top: 18px; margin-top: 18px;
  border-top: 1px solid #ffffff26;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-jump-link {
  display: inline-flex; align-items: center; min-height: 40px; padding: 8px 12px;
  border: 1px solid #ffffff38; border-radius: 8px; background: #ffffff08;
  color: #f4f7fb; font-size: 13px; line-height: 1.4; text-decoration: none;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-jump-link:hover { background: #ffffff18; border-color: #ffc549; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-overview {
  display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 16px; align-items: start; margin-bottom: 16px;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-media,
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase {
  float: none; width: 100%; min-width: 0; margin: 0; padding: 20px;
  border: 1px solid var(--atcdm-line); border-radius: 16px; background: #fff;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-media { position: relative; padding: 24px 16px; }
#detail-box.atcdm-detail #tire-detail-box #tire-brand-logo {
  display: flex; justify-content: center; align-items: center;
  width: 100%; min-width: 0; height: 40px; margin: 0 0 16px; padding: 0;
}
#detail-box.atcdm-detail #tire-detail-box #tire-brand-logo img { max-width: 170px; max-height: 34px; width: auto; height: auto; object-fit: contain; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-media .tire-score-box,
#detail-box.atcdm-detail #tire-detail-box .atcdm-media .tire-score {
  float: none; width: 100%; min-width: 0; max-width: none; margin: 0; padding: 0; background: transparent;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-media .tire-info {
  position: absolute; top: 74px; right: 16px; width: auto; height: auto; padding: 0; margin: 0; z-index: 1;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-media .rim {
  float: none; display: grid; place-items: center; width: 42px; height: 42px;
  padding: 0; border-radius: 50%; background: #fdf3d5; color: #72500b;
  border: 1px solid #ecd391; font-size: 16px; font-weight: 700; line-height: 1;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-media .tire-score > .pull-left {
  float: none; width: 100%; max-width: 100%; padding: 8px 0; margin: 0;
  display: flex; align-items: center; justify-content: center;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-media .tire-score > .pull-left img {
  display: block; width: 100%; max-width: 100%; height: 300px; margin: 0; object-fit: contain;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase { border-top: 3px solid var(--atcdm-gold); }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase-title { margin: 0 0 16px; font-size: 20px; line-height: 1.4; font-weight: 700; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .price-box {
  position: static; float: none; display: block; width: 100%; height: auto; min-height: 0;
  margin: 0; padding: 0; border: 0 !important; border-radius: 0; background: transparent;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .price-box + .price-box { border-top: 1px solid var(--atcdm-line) !important; margin-top: 24px; padding-top: 24px; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .price-tag {
  position: static; display: inline-block; width: auto; height: auto; margin: 0 0 16px; padding: 5px 10px;
  border: 1px solid #d5e6d5; border-radius: 6px; background: #edf7ee !important;
  color: #235b32 !important; font-size: 13px; line-height: 1.5; font-weight: 600;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .prices,
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .seller-box,
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .seller-banner {
  position: static; float: none; display: block; width: 100%; min-width: 0; max-width: 100%; height: auto;
  margin: 0; padding: 0; background: transparent; text-align: left; line-height: 1.7;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .seller-banner { color: var(--atcdm-muted); font-size: 14px; overflow-wrap: anywhere; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .seller-banner > div:first-child { margin-bottom: 12px !important; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .stock_label { display: block; padding: 0; margin: 6px 0 8px; font-size: 13px; line-height: 1.5; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .promotion-price-block { display: block !important; margin: 8px 0 12px; color: var(--atcdm-muted); font-size: 14px; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .promotion-price-block > span,
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .seller-banner > span {
  color: var(--atcdm-red) !important; font-size: 32px !important; font-weight: 700; line-height: 1.3;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .promotion-price-block > div { margin-top: 5px; font-size: 14px; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .promotion-desktop-actions {
  display: flex !important; flex-direction: column; gap: 6px; padding-bottom: 16px; margin: 14px 0 12px;
  border-bottom: 1px solid var(--atcdm-line);
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .promotion-desktop-actions > br { display: none; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .promotion-desktop-actions > p { order: -1; margin: 0 0 4px !important; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase a.btn-download {
  display: flex; justify-content: center; align-items: center; gap: 8px; width: 100%; min-height: 48px;
  padding: 12px 16px; border: 1px solid #e6a013; border-radius: 10px;
  background: linear-gradient(110deg, #ffc446, #f2ad0c); color: #17212f !important;
  font-size: 16px; font-weight: 700; line-height: 1.5; text-decoration: none; box-shadow: none;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase a.btn-download:hover { background: #ffca55; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-evidence {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin: 0 0 16px;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-metric-card { min-width: 0; padding: 20px; border: 1px solid var(--atcdm-line); border-radius: 16px; background: #fff; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-evidence .eco-sticker-outbox,
#detail-box.atcdm-detail #tire-detail-box .atcdm-evidence .eco-sticker,
#detail-box.atcdm-detail #tire-detail-box .atcdm-evidence .score-box-outbox,
#detail-box.atcdm-detail #tire-detail-box .atcdm-evidence .score-box { float: none; width: 100%; max-width: none; margin: 0; padding: 0; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-evidence .eco-head,
#detail-box.atcdm-detail #tire-detail-box .atcdm-evidence .score-box > span { display: block; margin: 0 0 14px; font-size: 18px !important; font-weight: 600; color: var(--atcdm-ink); line-height: 1.5 !important; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-evidence .eco-strip { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 6px; max-width: 100%; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-evidence .eco-pill,
#detail-box.atcdm-detail #tire-detail-box .atcdm-evidence .eco-mid { min-width: 0; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-evidence .score-tab { display: flex; justify-content: space-between; gap: 8px; margin: 0 0 10px; padding: 4px 9px; height: auto; min-height: 30px; border-radius: 6px; font-size: 13px; font-weight: 600; line-height: 1.65; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-evidence .score-tab.atcdm-score-row { position: relative; padding: 0 0 12px; background: transparent !important; color: var(--atcdm-ink); }
#detail-box.atcdm-detail #tire-detail-box .atcdm-evidence .score-tab.atcdm-score-row::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 6px; border-radius: 8px; background: var(--atcdm-score-fill); }
#detail-box.atcdm-detail #tire-detail-box .atcdm-evidence .score-point { float: none; margin: 0; padding: 0 5px; border-radius: 3px; background: #edf1f6; color: #17212f !important; font-size: 13px; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-caption { margin: 14px 0 0; font-size: 12px; color: var(--atcdm-muted); line-height: 1.8; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-evidence .linktotopbrand { clear: both; margin: 12px 0 0; padding: 0; font-size: 12px; line-height: 1.6; text-align: left; }
#detail-box.atcdm-detail #tire-detail-box > .atc-fit-summary { margin: 0 0 14px; padding: 20px 22px; border: 1px solid #ecdfbb; border-radius: 16px; background: #fffaf0; }
#detail-box.atcdm-detail #tire-detail-box > .atc-fit-summary h2 { margin: 0 0 10px; font-size: 20px; line-height: 1.4; }
#detail-box.atcdm-detail #tire-detail-box > .atc-fit-summary p { margin: 0 0 10px; font-size: 15px; line-height: 1.8; }
#detail-box.atcdm-detail #tire-detail-box > .seo-internal { margin: 0 0 20px; font-size: 14px; }
#detail-box.atcdm-detail #tire-detail-box > .tire-right-box { float: none; width: 100%; min-width: 0; margin: 0; padding: 0; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-spec-panel { padding: 22px; margin: 0 0 20px; border: 1px solid var(--atcdm-line); border-radius: 16px; background: #fff; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-spec-panel > header { display: none; }
#detail-box.atcdm-detail #tire-detail-box #tire-spec-title { margin: 0 0 18px; padding: 0; background: transparent; color: var(--atcdm-ink); border: 0; font-size: 20px; line-height: 1.5; font-weight: 600; }
#detail-box.atcdm-detail #tire-detail-box .category { float: none; height: auto; margin: 20px 0 10px; padding: 12px 14px; border: 0; border-radius: 8px; background: #edf1f6; color: var(--atcdm-ink); font-size: 16px; font-weight: 600; line-height: 1.5; }
#detail-box.atcdm-detail #tire-detail-box .spec-table { width: 100%; font-size: 15px; line-height: 1.7; }
#detail-box.atcdm-detail #tire-detail-box .spec-table .tr { display: flex; flex-wrap: wrap; width: 100%; min-width: 0; padding: 0; border-bottom: 1px solid #edf0f5; background: transparent; }
#detail-box.atcdm-detail #tire-detail-box .spec-table .td { flex: 1 1 0; width: auto; min-width: 0; margin: 0; padding: 12px 14px; overflow-wrap: anywhere; color: var(--atcdm-ink); }
#detail-box.atcdm-detail #tire-detail-box .spec-table .td.th { flex: 0 0 45%; width: 45%; color: var(--atcdm-muted); }
#detail-box.atcdm-detail #tire-detail-box .atcdi-insights { margin: 0 0 20px; gap: 20px; }
#detail-box.atcdm-detail #tire-detail-box .atcdi__panel { min-width: 0; border: 1px solid var(--atcdm-line); border-radius: 16px; background: #fff; }
#detail-box.atcdm-detail #tire-detail-box .tire-top-list { height: auto; margin: 24px 0 12px; padding: 14px 16px; background: #1b2331; color: #fff; border-radius: 10px; font-size: 18px; line-height: 1.5; }
#detail-box.atcdm-detail #tire-detail-box > .topsize { position: static; float: none; display: block; width: 100%; padding: 14px 16px; margin: 18px 0 0; border: 1px solid #ecdfbb; border-radius: 10px; background: #fffaf0; font-size: 14px; }
#detail-box.atcdm-detail #tire-detail-box [id] { scroll-margin-top: 112px; }
#detail-box.atcdm-detail #tire-detail-box a:focus-visible,
#detail-box.atcdm-detail #tire-detail-box button:focus-visible,
#detail-box.atcdm-detail #tire-detail-box select:focus-visible { outline: 3px solid #ad7800; outline-offset: 3px; }
#detail-box.atcdm-detail #form-box { border: 1px solid var(--atcdm-line); border-radius: 14px; background: #fff; }
#detail-box.atcdm-detail #form-box select { max-width: 100%; min-width: 0; border-radius: 8px; }

@media (max-width: 1100px) and (min-width: 992px) {
  #detail-box.atcdm-detail { grid-template-columns: 300px minmax(0, 1fr); gap: 16px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-media,
  #detail-box.atcdm-detail #tire-detail-box .atcdm-purchase,
  #detail-box.atcdm-detail #tire-detail-box .atcdm-metric-card { padding: 16px; }
}
@media (max-width: 991px) {
  #detail-box.atcdm-detail { grid-template-columns: minmax(0, 1fr); }
  #detail-box.atcdm-detail > .detail-right-box.rev { display: none; } /* Existing mobile sidebar policy. */
}
@media (max-width: 767px) {
  body.atcdm-page #content-box { width: calc(100% - 24px); max-width: none; margin: 16px auto 24px; }
  body.atcdm-page.sticky-order-enabled { padding-bottom: var(--atcdm-sticky-space, calc(120px + env(safe-area-inset-bottom))); }
  #detail-box.atcdm-detail { width: 100%; max-width: none; margin: 0; gap: 16px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdi-product-heading { padding: 20px; border-radius: 14px; margin-bottom: 14px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdi-product-heading h1 { font-size: 25px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdi-product-heading .info span { font-size: 14px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdi-product-heading .info span.atcdi-size { font-size: 20px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-jump { gap: 6px; padding-top: 14px; margin-top: 14px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-jump-link { min-height: 44px; padding: 8px 10px; font-size: 12px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-overview,
  #detail-box.atcdm-detail #tire-detail-box .atcdm-evidence { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-media .tire-score > .pull-left img { height: 230px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-media { padding: 20px 16px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-purchase,
  #detail-box.atcdm-detail #tire-detail-box .atcdm-metric-card,
  #detail-box.atcdm-detail #tire-detail-box .atcdm-spec-panel { padding: 18px; border-radius: 14px; }
  #detail-box.atcdm-detail #tire-detail-box .spec-table { font-size: 14px; }
  #detail-box.atcdm-detail #tire-detail-box .spec-table .td { padding: 11px 8px; }
  #detail-box.atcdm-detail #mobileStickyOrder .mobile-sticky-order__inner { max-width: 700px; min-width: 0; gap: 10px; }
  #detail-box.atcdm-detail #mobileStickyOrder .mobile-sticky-order__price { min-width: 0; flex: 1 1 auto; }
  #detail-box.atcdm-detail #mobileStickyOrder .mobile-sticky-order__button { min-width: 0; flex: 0 0 auto; max-width: 52%; min-height: 48px; padding: 10px 12px; border-radius: 9px; color: #17212f !important; font-size: 14px; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  #detail-box.atcdm-detail #tire-detail-box * { scroll-behavior: auto; }
}

/* Product overview: photo + summary first, then a full-width store offer. */
#detail-box.atcdm-detail #tire-detail-box .atcdm-overview {
  grid-template-columns: minmax(0, .44fr) minmax(0, .56fr);
  gap: 0; align-items: stretch; margin-bottom: 20px; padding: 0;
  border: 1px solid var(--atcdm-line); border-radius: 16px; background: #fff;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-media,
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase {
  padding: 24px; border: 0; border-radius: 0; background: transparent; margin: 0;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-media { display: flex; flex-direction: column; min-width: 0; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase { grid-column: 1 / -1; border-top: 1px solid #ecdfbb; background: #fffaf0; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-media #tire-brand-logo { margin-bottom: 10px; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-media .tire-score-box { flex: 0 0 auto; position: static; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-photo-frame {
  position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;
  min-width: 0; width: 100%; padding: 6px 8px 12px;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-photo-frame > .pull-left {
  display: flex; justify-content: center; align-items: center;
  position: static; float: none; width: 100%; max-width: 100%; margin: 0; padding: 0;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-photo-frame > .pull-left img {
  display: block; width: 100%; max-width: 100%; height: 320px; margin: 0; object-fit: contain;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-photo-frame > .tire-info {
  position: absolute; left: auto; right: 0; top: 8px; bottom: auto;
  width: auto; height: auto; margin: 0; padding: 0;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-photo-frame .rim {
  position: static; float: none; left: auto; right: auto; top: auto; bottom: auto;
  margin: 0; margin-left: 0; width: 38px; height: 38px; line-height: 1; font-size: 14px;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-summary > .atcdm-eco-card {
  padding: 14px 0 0; margin: 16px 0 0; border: 0; border-top: 1px solid #edf0f4;
  border-radius: 0; background: transparent;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-eco-card .eco-sticker-outbox,
#detail-box.atcdm-detail #tire-detail-box .atcdm-eco-card .eco-sticker {
  position: static; float: none; width: 100%; min-width: 0; max-width: none; margin: 0; padding: 0;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-eco-card .eco-head {
  margin: 0 0 10px; font-size: 16px; line-height: 1.5; font-weight: 600; color: var(--atcdm-ink);
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-eco-card .eco-strip {
  display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 6px; width: 100%; margin: 0;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-eco-card .atcdm-caption { margin: 10px 0 0; font-size: 12px; line-height: 1.6; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase-title { margin: 0 0 12px; font-size: 18px; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .price-tag { margin-bottom: 12px; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-seller-identity {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px;
  margin: 0 0 14px; padding-bottom: 12px; border-bottom: 1px solid #edf0f4;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-seller-identity > div { margin: 0 !important; text-align: left !important; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-seller-identity img { display: block; max-width: 100px; max-height: 40px; width: auto; object-fit: contain; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-seller-identity .stock_label { margin: 0; font-size: 12px; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .promotion-price-block { margin: 12px 0 16px; font-size: 14px; line-height: 1.6; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .promotion-price-block > span { font-size: 34px !important; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .promotion-desktop-actions { margin: 0 0 14px; padding: 0; border: 0; gap: 6px; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .promotion-desktop-actions > .atcdm-legacy-help,
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .seller-banner > br,
#detail-box.atcdm-detail #tire-detail-box .atcdm-seller-notes > br:first-child { display: none; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-seller-notes { padding-top: 12px; margin-top: 12px; border-top: 1px solid #edf0f4; font-size: 13px; line-height: 1.65; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .atcdm-seller-notes a[href^="tel:"] { display: inline-flex; align-items: center; min-height: 36px; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-evidence {
  grid-column: 1 / -1; display: block; margin: 0 24px; padding: 18px 0;
  border-top: 1px solid var(--atcdm-line); min-width: 0;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-evidence .atcdm-score-card { padding: 0; border: 0; border-radius: 0; background: transparent; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-evidence .score-box > span { margin-bottom: 12px; font-size: 16px !important; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-score-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-score-grid .score-tab {
  display: flex; flex-direction: column-reverse; align-items: flex-start; justify-content: flex-end;
  gap: 4px; min-width: 0; width: 100%; margin: 0; min-height: 66px;
  padding: 0 0 14px; font-size: 13px; font-weight: 400; line-height: 1.4;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-score-grid .score-point { float: none; padding: 0; background: transparent; font-size: 24px; font-weight: 700; line-height: 1.2; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-evidence .linktotopbrand { margin-top: 12px; font-size: 12px; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-overview > .atc-fit-summary {
  grid-column: 1 / -1; width: auto; margin: 0 24px 16px; padding: 16px 18px;
  border: 1px solid #ecdfbb; border-radius: 10px; background: #fffaf0;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-overview > .atc-fit-summary h2 { margin: 0 0 8px; font-size: 17px; line-height: 1.5; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-overview > .atc-fit-summary p { margin: 0 0 8px; font-size: 14px; line-height: 1.75; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-overview > .seo-internal { grid-column: 1 / -1; width: auto; margin: 0 24px 20px; text-align: left; font-size: 13px; }
@media (max-width: 1100px) and (min-width: 992px) {
  #detail-box.atcdm-detail #tire-detail-box .atcdm-media,
  #detail-box.atcdm-detail #tire-detail-box .atcdm-purchase { padding: 18px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-photo-frame > .pull-left img { height: 280px; }
}
@media (max-width: 767px) {
  #detail-box.atcdm-detail #tire-detail-box .atcdm-overview { grid-template-columns: minmax(0, 1fr); border-radius: 14px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-media { padding: 18px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-purchase { padding: 18px; border-left: 0; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-photo-frame > .pull-left img { height: 260px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-summary > .atcdm-eco-card { margin-top: 8px; padding: 12px 0 14px; border-bottom: 1px solid #edf0f4; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .promotion-price-block > span { font-size: 32px !important; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-evidence { margin: 0 18px; padding: 16px 0; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-score-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-overview > .atc-fit-summary { margin: 0 18px 14px; padding: 14px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-overview > .seo-internal { margin: 0 18px 18px; }
}

/* V3 summary uses text from the existing specification table. */
#detail-box.atcdm-detail #tire-detail-box .atcdm-summary {
  min-width: 0; padding: 24px 24px 24px 4px; align-self: center;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-summary-head {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 8px; margin: 0 0 16px;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-summary-title {
  margin: 0; padding: 0; color: var(--atcdm-ink); font-size: 20px; font-weight: 700; line-height: 1.5;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-spec-link {
  display: inline-flex; align-items: center; min-height: 44px;
  color: #845b09; font-size: 13px; text-underline-offset: 4px;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-facts {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px;
  margin: 0; padding: 0; border-top: 1px solid var(--atcdm-line);
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-fact {
  min-width: 0; padding: 12px 0; border-bottom: 1px solid var(--atcdm-line);
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-fact dt {
  margin: 0 0 4px; color: var(--atcdm-muted); font-size: 12px; font-weight: 400; line-height: 1.5;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-fact dd {
  margin: 0; padding: 0; color: var(--atcdm-ink); font-size: 16px; font-weight: 600;
  line-height: 1.55; overflow-wrap: anywhere;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-fact:first-child dd { font-size: 22px; color: #95640a; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-summary > .atcdm-eco-card {
  border: 0; margin: 0; padding: 18px 0 0;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-photo-zoom {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px;
  padding: 8px 16px; border: 1px solid var(--atcdm-line); border-radius: 8px;
  color: var(--atcdm-ink); background: #fff; font-size: 13px; text-decoration: none;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-photo-zoom:hover { background: #fffaf0; border-color: #c38a1d; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .seller-banner.atcdm-offer-grid {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px;
  align-items: start;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .atcdm-offer-main {
  min-width: 0; margin: 0 !important; padding: 0;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .atcdm-offer-terms {
  min-width: 0; padding-left: 24px; border-left: 1px solid #ecdfbb;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-terms-title {
  margin: 0 0 10px; color: var(--atcdm-ink); font-size: 15px; font-weight: 600; line-height: 1.6;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-offer-terms .atcdm-seller-notes {
  margin: 0; padding: 0; border: 0;
}
#detail-box.atcdm-detail #tire-detail-box .atcdm-offer-terms .atcdm-seller-notes + .atcdm-seller-notes { margin-top: 12px; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .promotion-price-block > span { font-size: 38px !important; }
#detail-box.atcdm-detail #tire-detail-box .atcdm-overview--no-summary > .atcdm-media { grid-column: 1 / -1; }

/* Native modal stays outside the legacy layout. Without dialog support the link opens the image. */
body.atcdm-page dialog.atcdm-photo-dialog {
  box-sizing: border-box; width: min(960px, calc(100% - 32px)); max-width: none;
  max-height: calc(100vh - 32px); margin: auto; padding: 20px;
  border: 1px solid #dfe5ed; border-radius: 16px; background: #fff; color: #17212f;
}
body.atcdm-page dialog.atcdm-photo-dialog:not([open]) { display: none; }
body.atcdm-page dialog.atcdm-photo-dialog::backdrop { background: rgb(10 18 30 / 80%); }
body.atcdm-page .atcdm-photo-toolbar {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px;
}
body.atcdm-page .atcdm-photo-title { margin: 0; font-size: 17px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
body.atcdm-page .atcdm-photo-close {
  flex: 0 0 auto; min-height: 44px; padding: 8px 16px; border: 1px solid #dfe5ed;
  border-radius: 8px; background: #fffaf0; color: #17212f; font: inherit; cursor: pointer;
}
body.atcdm-page .atcdm-photo-close:focus-visible { outline: 3px solid #ad7800; outline-offset: 3px; }
body.atcdm-page .atcdm-photo-full {
  display: block; width: 100%; max-width: 100%; height: min(70vh, 720px); object-fit: contain; margin: 0;
}
@media (max-width: 1100px) and (min-width: 992px) {
  #detail-box.atcdm-detail #tire-detail-box .atcdm-summary { padding: 18px 18px 18px 0; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-facts { gap: 0 12px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-fact dd { font-size: 14px; }
}
@media (max-width: 767px) {
  #detail-box.atcdm-detail #tire-detail-box .atcdm-summary { padding: 0 18px 18px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-summary-title { font-size: 18px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-facts { gap: 0 14px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-fact dd { font-size: 15px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-fact:first-child dd { font-size: 20px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .seller-banner.atcdm-offer-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .atcdm-offer-terms { border-left: 0; border-top: 1px solid #ecdfbb; padding: 16px 0 0; }
  #detail-box.atcdm-detail #tire-detail-box .atcdm-purchase .promotion-price-block > span { font-size: 34px !important; }
}
/* ==================================================
   Detail 2026: ปรับข้อความเหนือกรอบชื่อยาง
   ================================================== */

/* 1. ซ่อนข้อความเกริ่น เฉพาะหน้า Modern */
body.atcdm-page #detail-box.atcdm-detail #recomment-search-box.tire-page {
  display: none !important;
}

/* 2. จัด Breadcrumb ชิดซ้ายตรงกับขอบกรอบชื่อยาง */
body.atcdm-page #detail-box.atcdm-detail #breadcrumb.atc-detail-breadcrumb {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 4px 8px;

  float: none !important;
  clear: both;
  position: static;

  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;

  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;

  text-align: left !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
}

/* 3. รูปแบบลิงก์ ใช้ข้อความและปลายทางเดิม */
body.atcdm-page #detail-box.atcdm-detail #breadcrumb > a {
  float: none;
  width: auto;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;

  color: var(--atcdm-muted, #586a80);
  font: inherit;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.atcdm-page #detail-box.atcdm-detail #breadcrumb > a:hover {
  color: var(--atcdm-ink, #17212f);
  text-decoration: underline;
}

body.atcdm-page #detail-box.atcdm-detail #breadcrumb > a:focus-visible {
  outline: 2px solid #845b09;
  outline-offset: 3px;
}

/* 4. เครื่องหมายคั่นระหว่างลิงก์ */
body.atcdm-page #detail-box.atcdm-detail #breadcrumb > .atc-detail-breadcrumb__separator {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  color: #8793a3;
}

/* ซ่อน › ตัวสุดท้าย เพราะไม่มีรายการต่อท้าย */
body.atcdm-page #detail-box.atcdm-detail #breadcrumb > .atc-detail-breadcrumb__separator:last-child {
  display: none;
}

/* 5. มือถือ: ลดขนาดเล็กน้อย และขึ้นบรรทัดใหม่ได้ */
@media (max-width: 767px) {
  body.atcdm-page #detail-box.atcdm-detail #breadcrumb.atc-detail-breadcrumb {
    gap: 4px 6px;
    margin-bottom: 12px;
    font-size: 13px;
  }
}
/* ==================================================
   ATC DETAIL HERO — HOME STYLE
   ================================================== */

/* ให้ JS ตรวจว่า CSS ของ Hero ใหม่โหลดแล้ว */
#detail-box {
  --atcdm-hero-css-ready: 1;
}

/* ซ่อนข้อความเกริ่นเก่า */
body.atcdm-page #detail-box.atcdm-detail #recomment-search-box.tire-page {
  display: none !important;
}

/* Hero เต็มแถวเหนือ Sidebar และรายละเอียด */
body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero {
  box-sizing: border-box;
  grid-column: 1 / -1;
  position: relative;
  float: none;
  display: block;

  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: auto;

  margin: 0;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 12px;

  background:
    radial-gradient(
      circle at 88% 10%,
      rgba(255, 145, 0, .28),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #111827 0%,
      #18181b 58%,
      #2c190a 100%
    );

  box-shadow: 0 5px 16px #18202d12;
  color: #fff;
  text-align: left;
  font-family: 'Kanit', Tahoma, Geneva, sans-serif;
  overflow-wrap: anywhere;
}

body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero * {
  box-sizing: border-box;
}

/* Breadcrumb อยู่ด้านบนภายใน Hero */
body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero #breadcrumb.atc-detail-breadcrumb {
  position: static;
  float: none !important;
  clear: none;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 4px 8px;

  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;

  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;

  color: #d6deea;
  text-align: left !important;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.7;
}

body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero #breadcrumb > a {
  float: none;
  display: inline;
  width: auto;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;

  color: #d6deea;
  font: inherit;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero #breadcrumb > a:hover {
  color: #fff;
  text-decoration: underline;
}

body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero #breadcrumb > .atc-detail-breadcrumb__separator {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  color: #a9b5c8;
}

/* ซ่อนเครื่องหมาย › ตัวสุดท้าย */
body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero #breadcrumb > .atc-detail-breadcrumb__separator:last-child {
  display: none;
}

/* ข้อความ ATC เหนือชื่อรุ่น */
body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero .atcdm-eyebrow {
  margin: 0 0 6px;
  padding: 0;
  color: #ffb43b;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
}

/* ชื่อแบรนด์และรุ่นยาง */
body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero h1 {
  display: block;
  float: none;
  width: auto;
  height: auto;
  margin: 0 0 10px;
  padding: 0;

  color: #fff;
  font-size: clamp(28px, 2.4vw, 36px);
  font-weight: 700;
  line-height: 1.35;
}

/* แถวขนาดยางและประเภทการใช้งาน */
body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero .info {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 16px;

  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero .info > span {
  display: inline;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;

  color: #d6dfeb;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

/* ขนาดยางเด่นกว่าประเภทการใช้งาน */
body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero .info > .atcdi-size {
  color: #ffb43b;
  font-size: 22px;
  font-weight: 600;
}

/* คำอธิบายใต้ขนาดยาง */
body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero .atcdm-hero-description {
  margin: 10px 0 0;
  padding: 0;
  color: #d6deea;
  font-size: 14px;
  line-height: 1.7;
}

/* แถวปุ่มข้ามไปยังแต่ละส่วน */
body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero .atcdm-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;

  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 16px 0 0;
  padding: 14px 0 0;

  border: 0;
  border-top: 1px solid #ffffff26;
  background: transparent;
}

body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero .atcdm-jump-link {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;

  min-height: 44px;
  margin: 0;
  padding: 8px 14px;
  border: 1px solid #ffffff42;
  border-radius: 6px;

  background: #ffffff09;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
}

body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero .atcdm-jump-link:hover {
  border-color: #ffb43b;
  background: #ffffff17;
  color: #fff;
}

/* เน้นปุ่มราคาและร้านค้า */
body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero .atcdm-jump-link[href="#atc-detail-price"] {
  border-color: #ffb43b;
  background: #ffb43b;
  color: #171717;
  font-weight: 600;
}

/* การใช้งานด้วยคีย์บอร์ด */
body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero a:focus-visible {
  outline: 2px solid #ffcf81;
  outline-offset: 3px;
}

/* Mobile */
@media (max-width: 767px) {
  body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero {
    padding: 18px 16px;
    border-radius: 12px;
  }

  body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero h1 {
    font-size: 27px;
  }

  body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero .info > span {
    font-size: 14px;
  }

  body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero .info > .atcdi-size {
    font-size: 20px;
  }

  /* เลื่อนแถวปุ่มแนวนอน แทนการซ้อนหลายแถว */
  body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero .atcdm-jump {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 6px;
  }

  body.atcdm-page #detail-box.atcdm-detail > .atcdm-hero .atcdm-jump-link {
    padding: 8px 12px;
    font-size: 13px;
  }
}
/* ==================================================
   ATC Detail: Hero ในคอลัมน์ขวา ไม่ขยายเต็มหน้า
   ================================================== */

/* ซ่อนข้อความเกริ่นเก่า */
body.atcdm-page #detail-box.atcdm-detail #recomment-search-box.tire-page {
  display: none !important;
}

/* Hero อยู่ภายในกล่องรายละเอียดสินค้าเดิม */
body.atcdm-page #detail-box.atcdm-detail #tire-detail-box > .atcdm-hero-right {
  box-sizing: border-box;
  display: block;
  float: none;

  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: auto;

  margin: 0 0 20px;
  padding: 24px;

  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 12px;

  background:
    radial-gradient(
      circle at 88% 10%,
      rgba(255, 145, 0, .28),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #111827 0%,
      #18181b 58%,
      #2c190a 100%
    );

  box-shadow: 0 5px 16px #18202d12;
  color: #fff;
  text-align: left;
}

/* Breadcrumb อยู่ด้านบนภายใน Hero */
body.atcdm-page #detail-box.atcdm-detail #tire-detail-box .atcdm-hero-right #breadcrumb {
  position: static;
  float: none !important;
  clear: none;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 4px 8px;

  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;

  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;

  color: #d6deea;
  text-align: left !important;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.7;
}

/* ลิงก์ Breadcrumb */
body.atcdm-page #detail-box.atcdm-detail #tire-detail-box .atcdm-hero-right #breadcrumb > a {
  display: inline;
  float: none;

  width: auto;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;

  color: #d6deea;
  font: inherit;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.atcdm-page #detail-box.atcdm-detail #tire-detail-box .atcdm-hero-right #breadcrumb > a:hover {
  color: #fff;
  text-decoration: underline;
}

body.atcdm-page #detail-box.atcdm-detail #tire-detail-box .atcdm-hero-right #breadcrumb > a:focus-visible {
  outline: 2px solid #ffcf81;
  outline-offset: 3px;
}

/* เครื่องหมายคั่น */
body.atcdm-page #detail-box.atcdm-detail #tire-detail-box .atcdm-hero-right #breadcrumb > .atc-detail-breadcrumb__separator {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  color: #a9b5c8;
}

/* ไม่แสดง › ตัวสุดท้าย */
body.atcdm-page #detail-box.atcdm-detail #tire-detail-box .atcdm-hero-right #breadcrumb > .atc-detail-breadcrumb__separator:last-child {
  display: none;
}

/* ลดระยะของข้อความ ATC เหนือชื่อรุ่น */
body.atcdm-page #detail-box.atcdm-detail #tire-detail-box .atcdm-hero-right .atcdm-eyebrow {
  margin: 0 0 6px;
  letter-spacing: 0;
}

/* มือถือ: ปรับเฉพาะระยะภายใน Hero */
@media (max-width: 767px) {
  body.atcdm-page #detail-box.atcdm-detail #tire-detail-box > .atcdm-hero-right {
    padding: 18px 16px;
    margin-bottom: 14px;
  }
}