/* AMP card tidy-up. Scoped presentation only: keep existing card row alignment,
   hero typography, imagery/glow, mobile footer and checkout controls. */
.ap-product-card { --ac-card-gutter: 16px; --ac-button-inset: 5px; }
.ap-product-card > .amp-product-card-content.ap-card-content {
  padding-bottom: var(--ac-button-inset) !important;
}
.ap-product-card > .amp-product-card-content.ap-card-content > button.ap-card-add {
  /* The text remains padded; only the CTA expands toward the card's edges. */
  width: calc(100% + 2 * (var(--ac-card-gutter) - var(--ac-button-inset))) !important;
  max-width: none !important;
  margin-inline: calc(var(--ac-button-inset) - var(--ac-card-gutter)) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 46px !important;
  padding: 12px 8px !important;
  border-radius: 11px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  box-sizing: border-box;
  font: 700 13px/1.4 Inter, system-ui, sans-serif !important;
}
/* Also covers saved, pre-React cards. No changes to +/- quantity controls. */
.ap-card-add > .ap-icon { display: none !important; }
.mv-zoom-label { display: none !important; }
.amp-premium-home .ah-marquee[data-amp-text-slideshow] .ah-motion-toggle.ac-motion-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  padding: 0;
  right: 16px;
  bottom: 3px;
  border: 1px solid #dce5f3;
  border-radius: 50%;
  background: #ffffffb3;
  color: #577197;
  cursor: pointer;
}
.amp-premium-home .ah-marquee .ac-motion-control:hover { background: #e7eefb; color: #2563eb; }
.amp-premium-home .ah-marquee .ac-motion-control:disabled { cursor: default; }
@media (max-width: 767px) {
  .ap-product-card { --ac-card-gutter: 12px; }
  .ap-product-card > .amp-product-card-content.ap-card-content > button.ap-card-add {
    font-size: 12px !important;
  }
}
@media (max-width: 359px) {
  .ap-product-card { --ac-card-gutter: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .amp-premium-home .ah-marquee .ac-motion-control:disabled { visibility: hidden; }
}
@media (forced-colors: active) {
  .amp-premium-home .ah-marquee .ac-motion-control { border-color: ButtonText; color: ButtonText; }
}