/* Only sections named in the client's 2026-10-07 instructions. */
[data-switcher-panel][hidden] { display: none !important; }
[data-switcher][data-swipe] { touch-action: pan-y; }
[data-switcher][data-swipe] img { -webkit-user-drag: none; user-select: none; }
.cgs-comparison-tabs {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 12px;
  margin: 24px 0;
}
.cgs-comparison-tabs button {
  flex: 1;
  min-width: 0;
  padding: 15px 12px;
  border: 1px solid var(--gold);
  background: url('../images/button-surface-black.png') center/100% 100% no-repeat;
  color: var(--white);
  font: 500 clamp(15px, 1.6vw, 21px)/1.5 var(--serif);
  cursor: pointer;
}
.cgs-comparison-tabs button[aria-selected="true"], .cgs-comparison-tabs button:hover {
  background-image: url('../images/button-surface-gold.png');
  color: #080808;
}
.cgs-comparison-tabs button:focus-visible, .cgs-switcher-controls button:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 4px; }
.cgs-comparison-tabs button small { display: block; font-size: 12px; margin-top: 3px; }
.cgs-switcher-controls { display: flex; align-items: center; justify-content: center; gap: 20px; margin: 20px 0; }
.cgs-switcher-controls button { border: 0; background: transparent; padding: 0 12px; color: var(--gold-light); font: 400 42px/1 var(--serif); cursor: pointer; min-height: 44px; }
.cgs-switcher-controls > span { color: var(--muted); font: 400 14px/1.6 var(--serif); text-align: center; }
.sales-settlement { padding-bottom: 72px; }
.sales-settlement > .section-heading { margin-bottom: 28px; }
.sales-settlement-card {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr);
  gap: 28px 44px;
  align-items: center;
  padding: clamp(24px, 3.5vw, 48px);
}
.sales-settlement-product { min-width: 0; text-align: center; }
.sales-settlement-product img { display: block; width: 100%; max-height: 440px; object-fit: contain; }
.sales-settlement-product h3 { font-size: 21px; margin: 22px 0 0; }
.sales-settlement-details { min-width: 0; }
.sales-settlement-details .cgs-comparison-tabs { margin-top: 0; }
.sales-settlement-details .cgs-comparison-tabs button { font-size: 15px; padding: 12px 8px; }
.sales-settlement-logo { display: block; width: min(100%, 300px); height: 72px; object-fit: contain; object-position: left center; margin: 28px 0; }
.sales-settlement-amounts { margin: 0; }
.sales-settlement-amounts > div { display: flex; align-items: center; justify-content: space-between; gap: 18px; border-top: 1px solid #ffffff20; padding: 20px 0; }
.sales-settlement-amounts dt { font: 400 16px/1.7 var(--serif); color: var(--muted); }
.sales-settlement-amounts dd { margin: 0; font: 400 23px/1.45 var(--serif); color: var(--white); text-align: right; }
.sales-settlement-amounts dd small { display: block; font-size: 12px; color: var(--muted); }
.sales-settlement-amounts > .sales-settlement-major { display: block; }
.sales-settlement-major dd { margin-top: 8px; font-size: clamp(32px, 3.2vw, 48px); text-align: left; color: var(--gold-light); white-space: nowrap; }
.sales-settlement-note { grid-column: 1 / -1; font: 400 14px/1.9 var(--serif); color: var(--muted); margin: 0; }
.sales-settlement-common-note { text-align: center; color: var(--muted); font: 400 14px/1.9 var(--serif); }
.sales-settlement-pending { min-height: 220px; display: grid; place-items: center; color: var(--gold-light); font: 400 24px/1.7 var(--serif); }
.cgs-psa-destination { font: 500 clamp(25px, 2.6vw, 36px)/1.5 var(--serif); color: var(--gold-light); margin: 38px 0 0; text-align: center; }
.cgs-psa-switcher .pricing-rate-grid { margin-top: 30px; }
.cgs-psa-switcher .cgs-psa-price { font-size: clamp(25px, 2.2vw, 34px); }
.cgs-psa-price > span { display: block; margin-top: 8px; font-size: 14px; }
.cgs-psa-limit-note { text-align: center; color: var(--muted); font: 400 15px/1.8 var(--serif); margin-top: 28px; }
.cgs-psa-delivery-option { margin-top: 38px; padding: 26px; border: 1px solid var(--line); text-align: center; background: #090a0b; }
.cgs-psa-delivery-option h4 { margin: 0; color: var(--gold-light); font: 500 23px/1.6 var(--serif); }
.cgs-psa-delivery-option strong { display: block; margin: 12px 0; color: var(--gold-light); font: 500 32px/1.5 var(--serif); }
.cgs-psa-delivery-option p { color: var(--muted); font: 400 16px/1.9 var(--serif); margin: 0; }
@media (max-width: 767px) {
  .sales-settlement { padding-bottom: 50px; }
  .sales-settlement-card { grid-template-columns: 1fr; padding: 22px 16px; gap: 26px; }
  .sales-settlement-product img { max-height: 330px; }
  .sales-settlement-product h3 { font-size: 19px; }
  .cgs-comparison-tabs { gap: 8px; }
  .cgs-comparison-tabs button { padding: 12px 8px; font-size: 16px; }
  .sales-settlement-details .cgs-comparison-tabs button { font-size: clamp(11px, 3.2vw, 14px); padding: 11px 4px; }
  .sales-settlement-details .cgs-comparison-tabs button small { font-size: 10px; }
  .sales-settlement-logo { height: 56px; margin: 22px 0; }
  .sales-settlement-amounts dt { font-size: 14px; }
  .sales-settlement-amounts dd { font-size: 20px; }
  .sales-settlement-major dd { font-size: clamp(30px, 9vw, 39px); }
  .sales-settlement-pending { min-height: 190px; }
  .cgs-psa-switcher .cgs-psa-price { font-size: 30px; }
}
body.home .mobile-panel .service-menu-social { grid-template-columns: repeat(2, minmax(0, 1fr)); }
/* The same illustration-size request also covers the news globe. */
.marketplace-page .sales-information-art { width: 125%; max-width: none; margin-left: -12.5%; }
@media (max-width: 767px) {
  .marketplace-page .sales-information-art { width: 100%; margin-left: 0; }
}
.marketplace-page .sales-company-art { overflow: hidden; }
.marketplace-page .sales-company-art img { width: 125%; max-width: none; margin-left: -12.5%; }
.marketplace-page .sales-pricing-art > img { width: 150%; max-width: none; margin-left: -30%; }
.marketplace-page #sales-pricing { scroll-margin-top: 110px; }
@media (max-width: 820px) {
  .marketplace-page #sales-pricing { scroll-margin-top: 94px; }
}
.marketplace-page .cgs-instagram-feed { width: 100%; margin-top: 26px; }
.cgs-instagram-feed #sb_instagram #sbi_images {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px;
  padding: 0 !important;
}
.cgs-instagram-feed #sb_instagram #sbi_images .sbi_item { width: 100% !important; padding: 0 !important; min-width: 0; }
.cgs-instagram-feed #sb_instagram #sbi_images .sbi_photo { aspect-ratio: 1; height: auto !important; }
.sales-products .sales-product-price-label { font: 400 12px/1.4 var(--serif); color: var(--muted); }
.sales-products .sales-product-price {
  font: 600 clamp(30px, 3vw, 42px)/1.2 var(--serif);
  color: var(--gold-light);
  letter-spacing: 0;
  white-space: nowrap;
}
.sales-products .sales-product-label { padding-top: 38px; gap: 4px; }
.sales-products .sales-product-title { font-size: 14px; }
@media (max-width: 767px) {
  .sales-products .sales-product-price { font-size: clamp(25px, 7.5vw, 34px); }
  .sales-products .sales-product-title { font-size: 12px; }
  .sales-products .sales-product-price-label { font-size: 11px; }
}
.hero .grading-sales-banner--featured {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  padding: clamp(28px, 4vw, 54px) 28px;
  text-align: center;
  background: radial-gradient(ellipse at 50% 0, #c99d3326, transparent 70%), #090a0b;
}
.hero .grading-sales-banner--featured .grading-sales-banner-label {
  color: var(--gold-light);
  font-size: clamp(19px, 2vw, 26px);
  letter-spacing: .06em;
}
.hero .grading-sales-banner--featured .grading-sales-banner-message {
  font-size: clamp(23px, 2.8vw, 38px);
  line-height: 1.65;
  color: var(--white);
}
.grading-sales-banner--featured .grading-sales-banner-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 4vw, 48px);
  width: min(100%, 690px);
  margin: 6px 0;
}
.grading-sales-banner-logos .grading-sales-banner-logo { display: block; min-width: 0; }
.grading-sales-banner-logo img { display: block; width: 100%; height: auto; }
.grading-sales-banner-logo--fanatics { flex: 2.3; }
.grading-sales-banner-logo--goldin { flex: 1; }
.grading-sales-banner-logo--ebay { flex: .7; }
.hero .grading-sales-banner--featured .grading-sales-banner-description {
  font-size: clamp(15px, 1.5vw, 20px);
  line-height: 1.9;
  color: var(--muted);
}
.hero .grading-sales-banner--featured .grading-sales-banner-cta {
  display: block;
  padding: 13px 24px;
  border: 1px solid var(--gold);
  font-size: clamp(16px, 1.8vw, 23px);
  color: var(--gold-light);
}
.grading-sales-banner--featured:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 4px; }
@media (max-width: 767px) {
  .hero .grading-sales-banner--featured { padding: 28px 16px; gap: 18px; }
  .hero .grading-sales-banner--featured .grading-sales-banner-message { font-size: clamp(19px, 5.1vw, 25px); }
  .grading-sales-banner--featured .grading-sales-banner-logos { gap: 18px; }
  .hero .grading-sales-banner--featured .grading-sales-banner-description { font-size: clamp(12px, 3.35vw, 16px); }
  .hero .grading-sales-banner--featured .grading-sales-banner-cta { padding: 12px 10px; }
  .grading-sales-banner--featured .grading-sales-banner-cta i { margin-left: 8px; }
}

/* Compact, centered X banner on the grading homepage only. */
.home .service-social-section { padding: 40px 0; }
.home .service-social-grid { grid-template-columns: minmax(0, 1fr); max-width: 1100px; margin-inline: auto; }
.home .service-social-card--x { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(260px, 1fr); align-items: center; gap: 28px; padding: 26px 32px; text-align: left; }
.home .service-social-intro { display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; gap: 6px 20px; min-width: 0; }
.home .service-social-intro .x-mark { grid-column: 1; grid-row: 1 / 4; margin: 0; line-height: 1; text-align: center; }
.home .service-social-intro .x-title { grid-column: 2; grid-row: 1; }
.home .service-social-intro .x-copy { grid-column: 2; grid-row: 2; margin: 0; }
.home .service-social-intro .x-link { grid-column: 2; grid-row: 3; justify-self: start; margin-top: 6px; }
.home .service-social-card--x .x-timeline-frame { margin-top: 0; }
.home .service-social-card--x .x-timeline-frame > a.twitter-timeline { padding: 14px 16px 0; }
.home .service-social-card--x .x-timeline-status { padding: 8px 16px 14px; }
@media (max-width: 767px) {
  .home .service-social-section { padding: 32px 0; }
  .home .service-social-card--x { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 20px 18px; text-align: center; }
  .home .service-social-intro { grid-template-columns: minmax(0, 1fr); gap: 5px; }
  .home .service-social-intro .x-mark { grid-column: 1; grid-row: 1; font-size: 28px; }
  .home .service-social-intro .x-title { grid-column: 1; grid-row: 2; }
  .home .service-social-intro .x-copy { grid-column: 1; grid-row: 3; }
  .home .service-social-intro .x-link { grid-column: 1; grid-row: 4; justify-self: center; margin-top: 5px; }
}

/* Hide only the lower card navigation on phones. */
@media (max-width: 767px) {
  .marketplace-page .sales-settlement > .cgs-switcher-controls { display: none; }
}

/* 2026-10-11: client-confirmed categories, separate declaration fee, supplied photos. */
.sales-settlement > .cgs-comparison-tabs button {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: clamp(15px, 1.7vw, 21px);
  line-height: 1.65;
}
.sales-settlement > .cgs-comparison-tabs button > span { display: inline-block; white-space: nowrap; }
.sales-settlement-grade { display: inline-block; white-space: nowrap; }
.sales-settlement-fee-note {
  border-top: 1px solid #ffffff20;
  padding-top: 18px;
  color: var(--muted);
  font: 400 14px/1.9 var(--serif);
}
.sales-settlement-fee-note p { margin: 0 0 8px; }
.sales-settlement-reference {
  position: relative;
  width: min(100%, 274px);
  aspect-ratio: 530 / 850;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
}
.sales-settlement-reference { overflow: clip; }
.sales-settlement-product .sales-settlement-reference img {
  position: absolute;
  width: 220.754717%;
  max-width: none;
  height: auto;
  max-height: none;
  left: -60.377358%;
  top: -64.705882%;
  object-fit: initial;
}
.sales-settlement-product .sales-settlement-reference--onepiece img { top: -52.941176%; }
.sales-settlement-product .sales-settlement-reference--baseball img { top: -65.882353%; }
@media (max-width: 767px) {
  .sales-settlement > .cgs-comparison-tabs button {
    padding: 12px 5px;
    font-size: clamp(12px, 3.3vw, 16px);
  }
  .sales-settlement-reference { width: min(100%, 206px); }
  .sales-settlement-fee-note { font-size: 13px; }
}