/* J8 card — the card itself is the page title and leading visual. */
@media (min-width:768px) { .v3-page #v3-mod-hero > .v3-mod-h { display:none; } }
.v3-page .v3-sect-cap { display:none; }
.v3-page #v3-mod-hero { padding:var(--kit-pad); }
.v3-page #v3-mod-hero .v3-hero { grid-template-columns:minmax(280px,380px) minmax(0,1fr); gap:var(--rf-s6); align-items:start; }
.v3-page .v3-hero-name { margin:0 0 var(--rf-s3); font:var(--title-h1-weight) var(--title-h1-size)/var(--title-h1-line) var(--f-jp); color:var(--text-1); text-wrap:balance; }
.v3-page #art-stage.v3-card-stage { height:auto; min-height:380px; aspect-ratio:744/1040; padding:6px; }
.v3-page #art-stage.v3-card-stage img { width:100%; height:100%; min-height:380px; max-height:none; object-fit:contain; padding:0; }
.v3-page .j8-card-summary { min-width:0; }
.v3-page .j8-card-summary > .j8-primary { margin:var(--rf-s3) 0 var(--kit-pad); }
.v3-page .v3-pcard .v3-plab { display:flex; align-items:center; min-height:var(--kit-touch); color:var(--text-2); }
.v3-page .v3-pcard .v3-pnum { color:var(--text-1); font-size:var(--kit-price-l); }
.v3-page .v3-pcard:not(.is-sub) .v3-pnum { font-size:var(--kit-price-xl); }
.v3-page .j8-number-notes { font-size:var(--kit-label); color:var(--text-2); margin:var(--rf-s2) 0; }
.v3-page .j8-number-notes summary { min-height:var(--kit-touch); cursor:pointer; align-content:center; }
.v3-page .j8-number-notes:not(:has(.detail-top:not([hidden]))) { display:none; }
.v3-page .j8-grade-terms { display:flex; justify-content:center; flex-wrap:wrap; gap:var(--rf-s2); font-size:var(--kit-meta); }
body[data-view="pro"] .j8-grade-terms { display:none; }
@media (min-width:1680px) { .v3-page #v3-mod-hero .v3-hero { grid-template-columns:420px minmax(0,1fr); } }
@media (max-width:1099px) and (min-width:768px) {
 .v3-page #v3-mod-hero .v3-hero { grid-template-columns:280px minmax(0,1fr); gap:var(--kit-gap); }
 .v3-page .v3-pcard:not(.is-sub) .v3-pnum { font-size:40px; }
}
@media (max-width:767px) {
 html.m-shell .v3-page #v3-mod-hero .v3-hero { display:block; }
 html.m-shell .j8-card-summary > :is(.v3-hero-name,.v3-hero-meta,.j8-primary) { display:none; }
 html.m-shell .v3-page .cm-hero { gap:var(--rf-s3); }
 html.m-shell .v3-page .cm-name { text-align:left; }
 html.m-shell .v3-page .cm-stage { min-height:300px; height:300px; margin-top:0; }
 html.m-shell .v3-page .cm-card { width:214px; height:299px; aspect-ratio:744/1040; }
 html.m-shell .v3-page .cm-card img { object-fit:contain; }
 html.m-shell .v3-page .cm-stage::before { top:0; bottom:0; }
 html.m-shell .v3-page .cm-hero > .j8-primary { align-self:stretch; }
 html.m-shell .v3-page .cm-big { font-size:var(--kit-price-xl); }
 html.m-shell .v3-page .cm-tabs button { min-height:var(--kit-touch); }
 html.m-shell body[data-theme="dark"] .cm-tabs .cm-plate { background:var(--kit-selected); }
 html.m-shell body[data-theme="dark"] .cm-tabs button[aria-selected="true"] { color:var(--kit-selected-ink); }
}

@media (max-width:767px) {
 html.m-shell .v3-page .cm-price { text-align:left; margin:0; }
 html.m-shell .v3-page .cm-price .cm-plab { margin-top:0; }
 html.m-shell .v3-page .j8-card-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--rf-s2); }
 html.m-shell .v3-page .j8-card-actions :is(.cm-back,.cm-collect,.cm-gyro) {
  position:static; inset:auto; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:var(--rf-s1); width:100%; height:auto; min-height:var(--kit-touch); margin:0; padding:var(--rf-s2);
  border:1px solid var(--line); border-radius:var(--r-pill); box-shadow:none; text-decoration:none;
  font:700 var(--kit-meta)/1.3 var(--f-jp);
 }
}

/* R3: share label/number tracks so the primary and secondary baselines agree. */
.v3-page:not(.bx-page) .v3-kpi-wall { gap:var(--kit-gap); }
.v3-page:not(.bx-page) .v3-kpi-wall > .v3-pcard { display:grid; grid-template-rows:subgrid; grid-row:span 4; row-gap:0; }
.v3-page:not(.bx-page) .v3-pcard .v3-pnum { align-self:end; margin-top:var(--rf-s2); line-height:1; letter-spacing:-.03em; }
.v3-page:not(.bx-page) .v3-pcard .v3-plab { gap:var(--rf-s1); flex-wrap:wrap; }
.v3-page:not(.bx-page) .v3-plab .c-term-trigger { margin-inline:calc(-1 * var(--rf-s2)); }
.v3-page:not(.bx-page) .psa9-note { display:flex; flex-direction:column; align-items:flex-start; gap:var(--rf-s1); }
.v3-page:not(.bx-page) .psa9-note > small { display:block; color:var(--text-2); font:500 var(--kit-label)/1.5 var(--f-jp); }
.v3-page:not(.bx-page) .hero-actions > :is(button,a) { display:inline-flex; align-items:center; justify-content:center; min-height:var(--c-h-lg); padding-inline:var(--kit-gap); border:1px solid var(--line-strong); border-radius:var(--r-pill); box-shadow:none; background:var(--panel); color:var(--text-1); }
.v3-page:not(.bx-page) #v3-mod-sales .v3-sicon { display:none; }

/* The external purchase action keeps the single primary slot when available. */
.v3-page:not(.bx-page) .j8-card-summary:not(:has(> .j8-primary)) #add-col { background:var(--lemon); color:var(--kit-action-ink); border-color:transparent; }