/* Sun Kala v19 mobile header and floating current quotation */
.mobile-live-clock { display:none; }
.mobile-current-quote { display:none; }
@media (max-width: 640px) {
  .app-header { height:78px; }
  .header-inner { width:calc(100% - 18px); gap:8px; }
  .header-inner > .quote-header-button { position:absolute; width:1px; height:1px; min-height:0; padding:0; border:0; overflow:hidden; clip-path:inset(50%); opacity:0; pointer-events:none; }
  .mobile-live-clock { min-width:0; flex:1; display:grid; grid-template-columns:auto auto; grid-template-areas:"day time" "date date"; align-items:center; justify-content:center; column-gap:10px; row-gap:1px; color:#fff; text-align:center; }
  .mobile-live-clock .mobile-day { grid-area:day; color:#ffb47d; font-size:10px; font-weight:900; }
  .mobile-live-clock .mobile-time { grid-area:time; direction:ltr; font-family:Tahoma,sans-serif; font-size:17px; font-weight:900; letter-spacing:.3px; }
  .mobile-live-clock .mobile-date { grid-area:date; color:#c7c3c0; font-size:9px; white-space:nowrap; }
  .mobile-current-quote { position:fixed; z-index:59; right:max(10px,env(safe-area-inset-right)); bottom:calc(110px + env(safe-area-inset-bottom)); width:50px; height:50px; display:grid; place-items:center; border:1px solid rgba(255,106,0,.28); border-radius:17px; color:#fff; background:linear-gradient(145deg,#ff862d,#e94d00); box-shadow:0 12px 28px rgba(53,31,17,.18); backdrop-filter:blur(14px); }
  .mobile-current-quote svg { width:23px; height:23px; }
  .mobile-current-quote b { position:absolute; inset:-7px -7px auto auto; min-width:22px; height:22px; display:grid; place-items:center; padding:0 5px; border:2px solid #fff; border-radius:999px; color:#fff; background:#d82929; font:700 9px Tahoma,sans-serif; }
  .mobile-current-quote b[hidden] { display:none; }
  .mobile-current-quote.is-active { animation:mobileQuotePulse 1.8s infinite; }
  .seller-notification-button { left:max(10px,env(safe-area-inset-left)) !important; bottom:calc(110px + env(safe-area-inset-bottom)) !important; }
  @keyframes mobileQuotePulse { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px)} }
}
@media (max-width: 390px) {
  .mobile-live-clock .mobile-day { font-size:9px; }
  .mobile-live-clock .mobile-time { font-size:15px; }
  .mobile-live-clock .mobile-date { font-size:8px; }
}