/* Scoped to the editable English distribution module. Source: pccooler.com/distribution. */
.distribution-promotions {
  width:80vw;
  margin:0 0 5rem;
  padding:0;
  color:#000;
  text-align:center;
  font-family:-apple-system,"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,Arial,sans-serif;
  font-size:1rem;
  line-height:1;
}
.distribution-promotions h2 { margin:0 0 1.25rem; padding:0; color:#e3540b; font-size:2.25rem; font-weight:400; line-height:1; }
.distribution-promotions .distribution-promotions__intro { max-width:50rem; margin:0 auto 3.75rem; color:#666; font-size:1rem; line-height:1.6; }
.distribution-promotions__carousel { position:relative; display:flex; align-items:center; gap:1.25rem; }
.distribution-promotions__arrow { display:flex; flex-shrink:0; align-items:center; justify-content:center; width:3.125rem; height:3.125rem; margin:0; padding:0; border:0; border-radius:50%; background:#e3540b; color:#fff; font:1.25rem Arial,sans-serif; cursor:pointer; transition:all .3s ease; z-index:2; }
.distribution-promotions__arrow:hover:not(:disabled) { background:#d64806; transform:scale(1.1); }
.distribution-promotions__arrow:disabled { background:#ccc; cursor:not-allowed; opacity:.5; }
.distribution-promotions__viewport { flex:1; overflow:hidden; }
.distribution-promotions__grid { display:grid; grid-template-columns:repeat(3,minmax(15.625rem,1fr)); gap:1.25rem; }
.distribution-promotions__card { display:block; overflow:hidden; margin:0; padding:0; border:0; border-radius:.75rem; background:#fff; color:inherit; text-decoration:none; box-shadow:0 .3125rem 1.25rem rgb(0 0 0 / 10%); cursor:pointer; transition:transform .3s ease; }
.distribution-promotions__card:hover { transform:translateY(-.3125rem); }
.distribution-promotions__image { display:flex; align-items:center; justify-content:center; width:100%; height:18.75rem; overflow:hidden; }
/* The source LazyImage component displays the complete artwork, including on desktop. */
.distribution-promotions__image img { display:block; width:100%; height:100%; max-width:none; object-fit:contain; object-position:center; }
.distribution-promotions__content { padding:1.25rem; text-align:center; }
.distribution-promotions__content h3 { margin:0 0 .625rem; padding:0; color:#333; font-size:1.125rem; font-weight:500; line-height:1; }
.distribution-promotions__content p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; height:3em; margin:0 0 .9375rem; overflow:hidden; color:#666; font-size:.875rem; font-weight:400; line-height:1.5; text-overflow:ellipsis; }
.distribution-promotions__button { display:inline-block; padding:.625rem 1.25rem; border:0; border-radius:.375rem; background:#e3540b; color:#fff; font:500 .875rem Arial,sans-serif; line-height:normal; transition:background .3s ease; }
.distribution-promotions__button:hover { background:#d64806; }
.distribution-promotions__dots { position:absolute; bottom:-3.125rem; left:50%; display:flex; gap:.625rem; transform:translateX(-50%); }
.distribution-promotions__dot { display:block; width:.75rem; height:.75rem; min-width:0; margin:0; padding:0; border:0; border-radius:50%; background:#ddd; cursor:pointer; transition:background .3s ease; }
.distribution-promotions__dot[aria-current="true"] { background:#e3540b; }
.distribution-promotions [hidden] { display:none; }
.distribution-promotions :focus-visible { outline:2px solid #e3540b; outline-offset:3px; }
.distribution-promotions__card:focus-visible { outline-offset:-3px; }
@media (max-width:768px) {
  .distribution-promotions { width:90vw; max-width:100%; margin-bottom:2.5rem; }
  .distribution-promotions h2 { margin-bottom:.625rem; font-size:1.25rem; font-weight:700; }
  .distribution-promotions .distribution-promotions__intro { margin-bottom:1.25rem; font-size:.8125rem; line-height:1.5; }
  .distribution-promotions__carousel { display:block; }
  .distribution-promotions__viewport { overflow:visible; }
  .distribution-promotions__grid { width:100%; grid-template-columns:1fr; gap:2.8125rem; }
  .distribution-promotions__card { width:100%; max-width:30.5rem; margin:0 auto; }
  .distribution-promotions__arrow, .distribution-promotions__dots { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .distribution-promotions__card, .distribution-promotions__arrow, .distribution-promotions__dot, .distribution-promotions__button { transition:none; }
}