.mobile-order-bar { display:none; }
.advanced-section summary { cursor:pointer; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--text); min-height:44px; align-content:center; }
.advanced-section summary svg { display:inline-block; width:15px; height:15px; vertical-align:middle; color:var(--primary); margin-right:8px; }
.advanced-section[open] summary { margin-bottom:14px; }
.advanced-section summary:focus-visible { outline:3px solid var(--primary); outline-offset:5px; border-radius:4px; }
@media (max-width:768px) {
  body.has-mobile-menu .main { padding:18px 16px 128px; }
  body.has-mobile-menu .topbar-inner { gap:8px; flex-wrap:wrap; }
  body.has-mobile-menu .topbar-title { font-size:16px; }
  body.has-mobile-menu .topbar-title svg { display:none; }
  body.has-mobile-menu .credits-chip { padding:6px 9px; }
  .mobile-order-bar { display:flex; position:fixed; z-index:80; inset:auto 0 0; gap:16px; align-items:center; justify-content:space-between; padding:12px 16px calc(12px + env(safe-area-inset-bottom)); background:#ffffffed; border-top:1px solid #e7e4f0; backdrop-filter:blur(16px); }
  .mobile-cost { display:block; font-size:15px; font-weight:700; color:#191927; }
  .mobile-order-bar small { display:block; font-size:11px; color:#55556e; margin-top:3px; }
  .mobile-order-bar button { min-height:48px; min-width:150px; padding:12px 18px; background:#7048ef; color:#fff; border:0; border-radius:12px; font:inherit; font-size:14px; font-weight:650; cursor:pointer; }
  .mobile-order-bar button:disabled { background:#e7e1f5; color:#6c647e; cursor:not-allowed; }
  .mobile-order-bar button:focus-visible { outline:3px solid #7048ef; outline-offset:3px; }
  body.has-mobile-menu .pill,body.has-mobile-menu .upload-change,body.has-mobile-menu .up-cancel { min-height:44px; }
  body.has-mobile-menu .toggle { min-width:44px; min-height:26px; }
  body.has-mobile-menu input,body.has-mobile-menu textarea { font-size:16px; }
  body.has-mobile-menu .notify-row input[type=email] { flex:0 0 100%; width:100%; min-width:0; }
  body.has-mobile-menu .upload-preview.active { display:grid; grid-template-columns:96px minmax(0,1fr); gap:12px; }
  body.has-mobile-menu .upload-thumb { width:96px; height:64px; }
  body.has-mobile-menu .upload-change { grid-column:1 / -1; width:100%; }
}
@media (prefers-reduced-motion:reduce) { body.has-mobile-menu * { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; } }
