/* ==========================================================================
   YADEA — Owin and GFX6 product pages (owin.html, gfx6.html)
   Same building blocks as the GT60 page (product.css): full-bleed 16:9
   panels with text laid over the artwork, tab groups, a storage grid and
   the specifications table. Only the differences live here: text colours
   per panel, vertical counters, the hero counters of the GFX6 and the
   tick / cross cells of the smart-technology table.
   Positions are percentages of the panel (--x / --y / --w) measured from
   the reference recordings.
   ========================================================================== */
body.page-model { background: #fff; }

/* ---------- Panels ---------- */
.g-feature--sky   { background: #b6c4de; }
.g-feature--ice   { background: #dbe6f6; }
.g-feature--dark  { background: #0b0605; }
.g-feature--black { background: #050303; }
.g-feature .p-feature__text { color: #2b2b2b; }
.g-feature .p-feature__text--light { color: #fff; }
.g-feature .p-feature__desc { font-weight: 400; }
.g-feature--sky .p-feature__desc,
.g-feature--ice .p-feature__desc { color: #4a4f57; }
.g-feature--sky .p-feature__title,
.g-feature--ice .p-feature__title { color: #2a2d33; }
.g-feature--sky .p-feature__text--light .p-feature__desc { color: #fff; }
.g-eyebrow { font-size: clamp(1.125rem, 1.58vw, 2.25rem); font-weight: 500; line-height: 1.2; color: #9aa4b5; }
.g-eyebrow + .p-feature__title { margin-top: .1em; }

.p-stats--col { gap: clamp(18px, 3.5vw, 72px); }
.g-feature--sky .p-stat__label,
.g-feature--ice .p-stat__label { color: #6f7480; }
.p-feature__text--light .p-stat__label { color: #fff; opacity: .92; }
.p-stat__pre { font-size: .45em; font-weight: 500; }
.p-stat__value > span:not([class]) + .p-stat__unit { margin-left: .05em; }
.p-stat__value--range { gap: .12em; }

.g-feature .p-smart__list { margin-top: clamp(10px, 1vw, 20px); color: #4a4f57; font-size: clamp(.6875rem, .74vw, 1rem); line-height: 1.5; }

.g-dl { margin-top: clamp(14px, 1.4vw, 28px); font-size: clamp(.6875rem, .79vw, 1.0625rem); line-height: 1.4; }
.g-dl > div + div { margin-top: clamp(10px, 1.1vw, 22px); }
.g-dl dt, .g-dl dd { display: block; margin: 0; font-weight: 400; }

/* GFX6 hero counters (placed under the bike) */
.g-herostats {
  position: absolute; z-index: 2;
  left: 25.5%; top: 84%; width: 47%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0; margin: 0; color: #fff; text-align: center;
}
.g-herostats .p-stat__value { justify-content: center; font-size: clamp(1.125rem, 1.55vw, 2.1rem); }
.g-herostats .p-stat__label { color: #fff; opacity: .9; font-size: clamp(.5625rem, .55vw, .75rem); }

/* ---------- Tabs ---------- */
.g-tabs .p-tabs__media { width: 68.6%; aspect-ratio: 1298 / 698; }
.g-tabs .p-tabs__img { object-position: center; }
.g-tabs--4 .p-tabs__list { width: 68.6%; gap: 24px; }
.g-tabs--2 .p-tabs__list { width: 52%; }
.g-tabs--3 .p-tabs__list { width: 59.6%; }
.p-tabs__list--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.g-tabs--4 .p-tab__title { font-size: clamp(.9375rem, 1.1vw, 1.5rem); }
.g-tabs--2 .p-tab__title { font-size: clamp(.9375rem, 1.1vw, 1.5rem); }
.g-tabs--2 .p-tab__desc, .g-tabs--3 .p-tab__desc { margin-top: clamp(10px, 1.1vw, 26px); }
.g-tabs--2 .p-tab__desc > span { font-size: clamp(.6875rem, .62vw, .8125rem); }
.g-tabs--2 .p-tab:not(.is-active) .p-tab__desc { color: #c4c4c4; }

/* ---------- Storage grid ---------- */
.p-storage__text { padding-block: 24px; }

/* ---------- Specifications ---------- */
.g-colors { padding-top: clamp(40px, 5vw, 96px); }
.g-colors .p-specs__stage { width: min(540px, 72%); aspect-ratio: var(--ar); }
.g-colors .p-specs__img { object-fit: contain; }
.spec-table td { line-height: 1.35; }
.spec-ok, .spec-no {
  display: inline-block; position: relative;
  width: 14px; height: 14px; border-radius: 50%; vertical-align: middle;
}
.spec-ok { background: #e3f4e6; }
.spec-no { background: #fbe3e3; }
.spec-ok::after {
  content: ""; position: absolute; left: 4.6px; top: 2.6px; width: 3px; height: 6px;
  border: solid #35a853; border-width: 0 1.6px 1.6px 0; transform: rotate(45deg);
}
.spec-no::before, .spec-no::after {
  content: ""; position: absolute; left: 3.3px; top: 6.2px; width: 7.4px; height: 1.6px; background: #e5484d;
}
.spec-no::before { transform: rotate(45deg); }
.spec-no::after { transform: rotate(-45deg); }
.spec-table tbody tr:last-child > * { padding-bottom: clamp(20px, 2vw, 40px); }

.page-model .spec-table__group th { text-transform: none; font-weight: 500 !important; }