/* PDP-001 mobile buybar; the frozen PDP stylesheet owns its geometry. */
@media (max-width:700px) {
  body#product { padding-bottom:164px; }
  .mobile-buybar__summary { grid-column:1 / -1; display:grid; grid-template-columns:44px 1fr; gap:9px; align-items:center; min-width:0; padding:0 0 5px; color:#fff; }
  .mobile-buybar__image { display:block; width:44px; height:44px; object-fit:contain; background:#fff; }
  .mobile-buybar__summary > div { display:grid; min-width:0; }
  .mobile-buybar__price { font-size:15px; line-height:1.2; }
  .mobile-buybar__availability { overflow:hidden; color:rgba(255,255,255,.76); font-size:11px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
  .mobile-buybar .mobile-choice:only-of-type { grid-column:1 / -1; }
  .mobile-buybar[hidden] { display:none !important; }
  .mobile-buybar .mobile-add { grid-column:1 / -1; min-height:44px; margin-top:5px; color:var(--d24-cta-color) !important; background:var(--d24-cta-bg) !important; border:1px solid var(--d24-cta-border) !important; border-radius:8px; box-shadow:var(--d24-cta-shadow) !important; font-weight:850; letter-spacing:.07em; text-shadow:0 1px 1px rgba(140,35,10,.28); text-transform:uppercase; transition:background .18s ease,box-shadow .22s ease,transform .18s ease; }
  .mobile-buybar .mobile-add:active { box-shadow:var(--d24-cta-shadow-active) !important; transform:translateY(1px); }
  .mobile-buybar .mobile-add:focus-visible { box-shadow:var(--d24-cta-shadow),var(--d24-cta-ring) !important; outline:0 !important; }
  @media (hover:hover) {
    .mobile-buybar .mobile-add:hover { color:var(--d24-cta-color) !important; background:var(--d24-cta-bg-hover) !important; border-color:var(--d24-cta-border) !important; box-shadow:var(--d24-cta-shadow-hover) !important; transform:translateY(-1px); }
  }
  .mobile-buybar .mobile-add[disabled] { cursor:not-allowed; opacity:.58; }
}
@media (prefers-reduced-motion:reduce) {
  .mobile-buybar .mobile-add { transition:none; }
  .mobile-buybar .mobile-add:active,.mobile-buybar .mobile-add:hover { transform:none; }
}
@media (min-width:701px) { .mobile-buybar { display:none !important; } }