/**
 * Xohan Essentials — Boost notifications.
 *
 * @author    Talukdar Galib <https://talukdargalib.pro.bd>
 * @copyright 2026 Xohan Digital
 * @license   GPL-2.0-or-later
 */
.xohan-boost { position: fixed; bottom: 16px; z-index: 2147482990; width: min(340px, calc(100vw - 32px)); pointer-events: none; font: 14px/1.4 system-ui, -apple-system, "Segoe UI", "Hind Siliguri", "Noto Sans Bengali", sans-serif; }
.xohan-boost--left { left: 16px; }
.xohan-boost--right { right: 16px; }
.xohan-boost__card { pointer-events: auto; position: relative; display: flex; gap: 12px; align-items: center; background: #fff; color: #1f2937; border-radius: 12px; padding: 10px 34px 10px 10px; box-shadow: 0 8px 30px rgba(0, 0, 0, .16); }
.xohan-boost__card.is-anim { opacity: 0; transform: translateY(12px); transition: opacity .35s ease, transform .35s ease; }
.xohan-boost__card.is-anim.is-in { opacity: 1; transform: none; }
.xohan-boost__img { flex: 0 0 56px; width: 56px; height: 56px; object-fit: cover; border-radius: 8px; background: #f3f4f6; }
.xohan-boost__body { display: flex; flex-direction: column; min-width: 0; }
.xohan-boost__who { color: #4b5563; font-size: 13px; }
.xohan-boost__name { color: #111827; font-weight: 700; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xohan-boost__name:hover { text-decoration: underline; }
.xohan-boost__meta { color: #6b7280; font-size: 12px; }
.xohan-boost__x { position: absolute; top: 4px; right: 4px; width: 28px; height: 28px; border: 0; background: transparent; color: #6b7280; font-size: 18px; line-height: 1; cursor: pointer; border-radius: 6px; }
.xohan-boost__x:focus-visible, .xohan-boost__name:focus-visible { outline: 2px solid #0f766e; outline-offset: 2px; }
.xohan-sold { margin: 6px 0 12px; color: #b45309; font-weight: 600; }
.xohan-sold::before { content: "\1F525\00A0"; }
@media (max-width: 600px) { .xohan-boost { bottom: 76px; } }
@media (forced-colors: active) { .xohan-boost__card { border: 1px solid CanvasText; } }
/* Keep clear of the cookie-settings icon. */
.xohan-cc-reopen:not([hidden]) ~ .xohan-boost--left { bottom: 72px; }
@media (max-width: 600px) { .xohan-cc-reopen:not([hidden]) ~ .xohan-boost--left { bottom: 132px; } }