/* The existing inspiration card and optional player share a quiet right dock. */
body .dc-pill, body .sm-pill {
  right: max(16px,env(safe-area-inset-right)); z-index: 45; width: 210px; height: 48px;
  border: 1px solid #d4d4d4; border-radius: 0; background: rgba(255,255,255,.97);
  color: #111; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none;
}
body .sm-pill { bottom: max(16px,env(safe-area-inset-bottom)); }
body .dc-pill { bottom: calc(max(16px,env(safe-area-inset-bottom)) + 56px); }
body .sm-ic, body .dc-pill b { background: #f4f4f4; color: #111; border-radius: 0; box-shadow: none; text-shadow: none; }
body .sm-k, body .dc-pill .dc-k { color: #666; }
body .sm-min, body .dc-min { background: #fff; color: #111; border: 1px solid #d4d4d4; box-shadow: none; }
body .sm-panel { z-index: 46; right: 16px; bottom: calc(max(16px,env(safe-area-inset-bottom)) + 112px); border: 1px solid #d4d4d4; border-radius: 0; background: #fff; color: #111; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
body .sm-head b, body .sm-lead, body .sm-note, body .sm-note a, body .sm-btns button, body .sm-chips button { color: #111; }
body .sm-btns button, body .sm-chips button { border-color: #d4d4d4; border-radius: 0; }
body .sm-chips button.on { border-color: #111; background: #111; color: #fff; box-shadow: none; }
body .sm-chips button.sugg { animation: none; border-color: #111; }
body .dc-ov { z-index: 90; background: rgba(250,250,250,.98); }
body .dc-face { border-radius: 0; background: #fff; border-color: #d4d4d4; box-shadow: none; }
body .dc-title, body .dc-quote { font-family: Inter,"Helvetica Neue",Arial,sans-serif; color: #111; }
body .dc-sym, body .dc-eyebrow, body .dc-h { color: #111; }
body .dc-btn, body .dc-cta { border-radius: 0; }
body.cart-open .dc-pill, body.cart-open .sm-pill, body.cart-open .sm-panel,
body.checkout-active .dc-pill, body.checkout-active .sm-pill, body.checkout-active .sm-panel,
body:has(.site-header.menu-open) .dc-pill, body:has(.site-header.menu-open) .sm-pill, body:has(.dc-ov.on) .sm-panel { visibility: hidden; pointer-events: none; }
@media (max-width: 720px) {
  body .dc-pill, body .sm-pill { width: 48px; padding: 0; justify-content: center; gap: 0; right: 12px; }
  body .dc-pill > span, body .sm-pill .sm-txt { display: none; }
  body .sm-min, body .dc-min { display: none; }
  body .sm-panel { right: 12px; width: min(360px,calc(100vw - 24px)); }
}
/* 8 Ekim 2026: telefonda aşağı kaydırırken iki yuvarlak düğme kenara çekilir, ürün başlıklarının üstünü kapatmaz; yukarı kaydırınca geri gelir. */
@media (max-width: 720px) {
  body .dc-pill, body .sm-pill { transition: transform .22s ease, opacity .22s ease; }
  body.dock-away .dc-pill, body.dock-away .sm-pill { transform: translateX(72px); opacity: 0; pointer-events: none; }
}