/* Chinese and English distribution pages; shared navigation and footer are untouched. */
.distribution-page--consolidated { color:#bfbfbf; background:#000; }
.distribution-page--consolidated .distribution-banner { height:26.041667vw; background:#101115; }
.distribution-page--consolidated .distribution-banner__copy { top:50%; left:10%; right:5%; transform:translateY(-50%); }
.distribution-page--consolidated .distribution-banner h1 { margin:0; color:#e3e3e3; font-size:45px; font-weight:300; line-height:1.25; }
.distribution-page--consolidated .distribution-main { width:min(1200px,calc(100% - 48px)); margin:0 auto; padding:60px 0 106px; display:block; }
.distribution-page--consolidated .distribution-intro { width:100%; max-width:none; margin:0 0 48px; padding:0; text-align:left; }
.distribution-page--consolidated .distribution-intro h2 { margin:0 0 26px; color:#bfbfbf; font-size:60px; font-weight:700; line-height:1.35; }
.distribution-page--consolidated .distribution-intro p { max-width:none; margin:0; color:#888; font-size:22px; line-height:1.6; }
.distribution-page--consolidated .distribution-intro__icon { display:none; }
.distribution-page--consolidated .distribution-categories { width:100%; max-width:none; margin:0 0 80px; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; background:transparent; border-radius:0; }
.distribution-page--consolidated .distribution-categories a { min-width:0; padding:0; overflow:hidden; display:flex; align-items:center; flex-direction:column; background:#383838; border:0; border-radius:0; box-shadow:none; transform:none; transition:background .2s ease; }
.distribution-page--consolidated .distribution-categories img { width:100%; height:auto; aspect-ratio:232/218; margin:0; padding:20px; box-sizing:border-box; object-fit:contain; }
.distribution-page--consolidated .distribution-categories span { width:100%; min-height:40px; padding:8px 4px; box-sizing:border-box; display:grid; flex:1; place-items:center; background:#161616; color:#bfbfbf; font-size:18px; font-weight:400; line-height:1.35; text-transform:none; }
.distribution-page--consolidated .distribution-categories a:hover { background:#484848; }
.distribution-page--consolidated .distribution-categories a.is-active span { color:#fff; background:#242424; }
.distribution-page--consolidated .distribution-categories a:focus-visible,
.distribution-page--consolidated .distribution-regions a:focus-visible { outline:2px solid #e3540b; outline-offset:-2px; }
.distribution-page--consolidated .distribution-regions { width:100%; max-width:none; height:auto; min-height:0; margin:0; padding:0 40px; box-sizing:border-box; display:block; background:#151515; border:1px solid #202020; border-radius:0; }
.distribution-page--consolidated .distribution-regions section { min-height:190px; padding:40px 0; box-sizing:border-box; gap:30px; }
.distribution-page--consolidated .distribution-regions section:not(:last-child)::after { right:0; left:0; height:1px; background:#666; box-shadow:none; }
.distribution-page--consolidated .distribution-regions h3 { width:140px; flex:0 0 140px; margin:0; color:#bfbfbf; font-size:28px; font-weight:700; line-height:1.4; text-align:left; overflow-wrap:anywhere; }
.distribution-page--consolidated .distribution-regions section > div { min-width:0; gap:24px; align-items:center; }
.distribution-page--consolidated .distribution-regions section a { width:194px; height:120px; min-width:0; padding:16px; box-sizing:border-box; flex:0 0 auto; color:#333; background:#fff; border:1px solid #eee; border-radius:8px; box-shadow:0 2px 8px rgb(0 0 0 / 12%); transform:none; }
.distribution-page--consolidated .distribution-regions section img { width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; }
.distribution-page--consolidated .distribution-promotions { width:100%; max-width:100%; margin:80px 0 0; }
.distribution-page--consolidated .empty-state { color:#aaa; }
@media(max-width:1024px) {
  .distribution-page--consolidated .distribution-intro h2 { font-size:40px; }
  .distribution-page--consolidated .distribution-intro p { font-size:18px; }
  .distribution-page--consolidated .distribution-categories span { font-size:15px; }
  .distribution-page--consolidated .distribution-regions section > div { gap:24px; }
  .distribution-page--consolidated .distribution-regions h3 { width:120px; flex-basis:120px; font-size:24px; }
}
@media(max-width:767px) {
  .distribution-page--consolidated .distribution-banner { height:260px; }
  .distribution-page--consolidated .distribution-banner picture img { object-position:60% center; }
  .distribution-page--consolidated .distribution-banner::after { position:absolute; inset:0; content:""; background:linear-gradient(90deg,rgb(0 0 0 / 65%),transparent); pointer-events:none; }
  .distribution-page--consolidated .distribution-banner__copy { top:50%; bottom:auto; left:6%; z-index:1; text-shadow:0 2px 8px rgb(0 0 0 / 50%); }
  .distribution-page--consolidated .distribution-banner h1 { max-width:100%; font-size:45px; overflow-wrap:break-word; }
  .distribution-page--consolidated .distribution-main { width:calc(100% - 32px); padding:36px 0 56px; }
  .distribution-page--consolidated .distribution-intro { margin-bottom:28px; }
  .distribution-page--consolidated .distribution-intro h2 { margin-bottom:16px; font-size:30px; }
  .distribution-page--consolidated .distribution-intro p { font-size:15px; }
  .distribution-page--consolidated .distribution-categories { margin-bottom:36px; gap:6px; }
  .distribution-page--consolidated .distribution-categories img { padding:6px; }
  .distribution-page--consolidated .distribution-categories span { min-height:48px; padding:6px 3px; font-size:11px; overflow-wrap:anywhere; }
  .distribution-page--consolidated .distribution-regions { padding:0 20px; }
  .distribution-page--consolidated .distribution-regions section { min-height:0; padding:28px 0; flex-direction:column; align-items:flex-start; gap:20px; }
  .distribution-page--consolidated .distribution-regions h3 { width:100%; flex-basis:auto; font-size:22px; }
  .distribution-page--consolidated .distribution-regions section > div { width:100%; gap:16px; }
  .distribution-page--consolidated .distribution-regions section a { width:calc((100% - 16px)/2); max-width:194px; height:100px; padding:12px; }
  .distribution-page--consolidated .distribution-promotions { margin-top:40px; }
}