.ai-support-fab { 
 display: none; 
 pointer-events: auto; 
} 
.ai-support-sheet { 
 display: block; 
 position: fixed; 
 inset: 0; 
 z-index: 2147483000; 
 visibility: hidden; 
 pointer-events: none; 
 transition: visibility 0s linear 0.36s; 
} 
.ai-support-sheet.is-open { 
 visibility: visible; 
 pointer-events: auto; 
 transition: visibility 0s linear 0s; 
} 
html.ai-support-open,
body.ai-support-open {
 overflow: hidden !important;
 height: 100%;
 height: 100dvh;
}
.ai-support-overlay { 
 position: absolute; 
 inset: 0; 
 background: rgba(3, 6, 14, 0.78); 
 opacity: 0; 
 transition: opacity 0.32s ease; 
} 
.ai-support-sheet.is-open .ai-support-overlay { 
 opacity: 1; 
} 
.ai-support-panel { 
 position: absolute; 
 left: 0; 
 right: 0; 
 bottom: 0; 
 top: 0; 
 height: 100%;
 height: 100dvh;
 max-height: 100dvh;
 display: flex; 
 flex-direction: column; 
 background: #070b16; 
 border: 0; 
 border-radius: 0; 
 box-shadow: none; 
 overflow: hidden; 
 padding-bottom: env(safe-area-inset-bottom); 
 transform: translate3d(0, 110%, 0); 
 transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); 
 will-change: transform; 
} 
.ai-neon-bg {
 position: absolute;
 inset: 0;
 z-index: 0;
 pointer-events: none;
 overflow: hidden;
}
.ai-neon-grid {
 position: absolute;
 inset: -20%;
 background-image:
  linear-gradient(rgba(56, 189, 248, 0.16) 1px, transparent 1px),
  linear-gradient(90deg, rgba(168, 85, 247, 0.14) 1px, transparent 1px);
 background-size: 26px 26px;
 transform: perspective(500px) rotateX(58deg) translateY(-12%);
 opacity: .8;
}
.ai-neon-orb {
 position: absolute;
 border-radius: 50%;
 filter: blur(36px);
 opacity: .95;
 animation: ai-neon-float 9s ease-in-out infinite;
}
.ai-neon-orb-a {
 width: 260px; height: 260px;
 left: -70px; top: -50px;
 background: rgba(34, 211, 238, .55);
}
.ai-neon-orb-b {
 width: 300px; height: 300px;
 right: -90px; top: 16%;
 background: rgba(168, 85, 247, .5);
 animation-delay: -3s;
}
.ai-neon-orb-c {
 width: 280px; height: 280px;
 left: 18%; bottom: -80px;
 background: rgba(56, 189, 248, .42);
 animation-delay: -6s;
}
@keyframes ai-neon-float {
 0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
 50% { transform: translate3d(18px, -16px, 0) scale(1.08); }
}
.ai-support-panel > *:not(.ai-neon-bg) {
 position: relative;
 z-index: 1;
} 
.ai-support-sheet.is-open .ai-support-panel { 
 transform: translate3d(0, 0, 0); 
} 
.ai-sheet-handle { 
 display: flex; 
 justify-content: center; 
 padding: 10px 0 2px; 
 flex-shrink: 0; 
} 
.ai-sheet-handle span { 
 width: 42px; 
 height: 5px; 
 border-radius: 999px; 
 background: rgba(255,255,255,.22); 
} 
.ai-support-head { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 padding: 14px 14px 12px; 
 padding-top: calc(12px + env(safe-area-inset-top)); 
 border-bottom: 1px solid rgba(56, 189, 248, .18); 
 flex-shrink: 0; 
 background: linear-gradient(180deg, rgba(20, 28, 52, .92) 0%, rgba(7, 11, 22, .78) 100%); 
 box-shadow: 0 0 24px rgba(34, 211, 238, .12); 
} 
.ai-support-avatar { 
 width: 40px; 
 height: 40px; 
 border-radius: 14px; 
 display: grid; 
 place-items: center; 
 background: #b9a8ff; 
 color: #fff; 
 font-size: 18px; 
 position: relative; 
 flex-shrink: 0; 
 overflow: hidden; 
 box-shadow: 0 0 16px rgba(168, 85, 247, .45); 
} 
.ai-support-avatar img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 display: block; 
} 
.ai-support-avatar::after { 
 content: ""; 
 position: absolute; 
 right: -1px; 
 bottom: -1px; 
 width: 10px; 
 height: 10px; 
 border-radius: 50%; 
 background: #34d399; 
 border: 2px solid #0b1020; 
} 
.ai-support-head strong { display: block; color: #fff; font-size: 14px; text-shadow: 0 0 12px rgba(34, 211, 238, .45); } 
.ai-support-head small { color: #7dd3fc; font-size: 11px; } 
.ai-support-close { 
 margin-left: auto; 
 width: 36px; 
 height: 36px; 
 border: 0; 
 border-radius: 10px; 
 background: rgba(255,255,255,.06); 
 color: #fff; 
} 
.ai-support-chat { 
 position: relative; 
 flex: 1; 
 min-height: 0; 
 display: flex; 
 flex-direction: column; 
} 
.ai-sale-bg { 
 position: absolute; 
 inset: 0; 
 z-index: 0; 
 overflow: hidden; 
 pointer-events: none; 
} 
.ai-support-body { 
 position: relative; 
 z-index: 1; 
 flex: 1; 
 overflow: auto; 
 padding: 14px; 
 display: flex; 
 flex-direction: column; 
 gap: 10px; 
} 
.ai-msg { 
 position: relative; 
 z-index: 1; 
 max-width: 86%; 
 padding: 10px 12px; 
 border-radius: 16px; 
 font-size: 13px; 
 line-height: 1.5; 
 white-space: pre-wrap; 
 word-break: break-word; 
} 
.ai-msg a { color: #93c5fd; font-weight: 700; } 
.ai-msg-bot { 
 align-self: flex-start; 
 background: rgba(18, 28, 54, .88); 
 color: #e5e7eb; 
 border: 1px solid rgba(56, 189, 248, .18); 
 border-bottom-left-radius: 6px; 
 box-shadow: 0 0 16px rgba(34, 211, 238, .08); 
} 
.ai-msg-user { 
 align-self: flex-end; 
 background: linear-gradient(135deg, #7a49ff, #2f5bff); 
 color: #fff; 
 border-bottom-right-radius: 6px; 
 box-shadow: 0 0 18px rgba(122, 73, 255, .35); 
} 
.ai-chips { 
 display: flex; 
 flex-wrap: wrap; 
 gap: 8px; 
 padding: 0 14px 8px; 
 flex-shrink: 0; 
} 
.ai-chip { 
 border: 1px solid rgba(56, 189, 248, .28); 
 background: rgba(8, 16, 34, .72); 
 color: #e0f2fe; 
 border-radius: 999px; 
 padding: 7px 11px; 
 font-size: 12px; 
 font-weight: 700; 
 cursor: pointer; 
 max-width: 100%; 
 white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 box-shadow: 0 0 10px rgba(34, 211, 238, .12); 
} 
.ai-listings { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; } 
.ai-listing { 
 display: flex; 
 gap: 10px; 
 align-items: center; 
 padding: 8px; 
 border-radius: 12px; 
 background: rgba(0,0,0,.28); 
 color: #fff; 
 text-decoration: none; 
} 
.ai-listing img { 
 width: 44px; 
 height: 44px; 
 object-fit: cover; 
 border-radius: 8px; 
 background: #111; 
} 
.ai-listing strong { display: block; font-size: 12px; } 
.ai-listing span { color: #fbbf24; font-size: 11px; font-weight: 800; } 
.ai-support-form { 
 display: flex; 
 gap: 8px; 
 padding: 10px 12px 14px; 
 border-top: 1px solid rgba(56, 189, 248, .16); 
 flex-shrink: 0; 
 background: rgba(7, 11, 22, .88); 
 backdrop-filter: blur(10px); 
} 
.ai-support-form input { 
 flex: 1; 
 min-width: 0; 
 height: 46px; 
 border: 1px solid rgba(56, 189, 248, .28); 
 border-radius: 14px; 
 background: rgba(8, 14, 28, .92); 
 color: #fff; 
 padding: 0 14px; 
 font-size: 14px; 
 box-shadow: inset 0 0 12px rgba(34, 211, 238, .08); 
} 
.ai-support-form input:focus {
 outline: none;
 border-color: rgba(34, 211, 238, .65);
 box-shadow: 0 0 16px rgba(34, 211, 238, .22);
} 
.ai-support-form button { 
 width: 46px; 
 height: 46px; 
 border: 0; 
 border-radius: 14px; 
 background: linear-gradient(135deg, #7a49ff, #2f5bff); 
 color: #fff; 
 font-size: 16px; 
 box-shadow: 0 0 16px rgba(122, 73, 255, .4); 
} 
.ai-msg-bot strong { color: #fff; font-weight: 800; } 
.ai-typing { 
 align-self: flex-start; 
 display: inline-flex; 
 align-items: center; 
 gap: 5px; 
 padding: 12px 14px; 
 border-radius: 16px; 
 border-bottom-left-radius: 6px; 
 background: #1a2340; 
} 
.ai-typing span { 
 width: 6px; 
 height: 6px; 
 border-radius: 50%; 
 background: #93c5fd; 
 animation: aiBounce 1.1s ease-in-out infinite; 
} 
.ai-typing span:nth-child(2) { animation-delay: .15s; } 
.ai-typing span:nth-child(3) { animation-delay: .3s; } 
@keyframes aiBounce { 
 0%, 80%, 100% { opacity: .35; transform: translateY(0); } 
 40% { opacity: 1; transform: translateY(-3px); } 
} 
.bottom-menu-item.ai-support-trigger { 
 border: 0; 
 background: transparent; 
 font-family: inherit; 
 cursor: pointer; 
} 
.bottom-menu-item.ai-support-trigger i { 
 background: linear-gradient(135deg, #7a49ff, #2f5bff); 
 -webkit-background-clip: text; 
 background-clip: text; 
 color: transparent; 
} 
.bottom-menu-item.ai-support-trigger .ai-bottom-ava { 
 width: 22px; 
 height: 22px; 
 border-radius: 50%; 
 object-fit: cover; 
 display: block; 
 margin: 0 auto 4px; 
} 
 
.ai-sale-toast { 
 position: absolute; 
 left: 14px; 
 right: 14px; 
 top: 46%; 
 z-index: 0; 
 display: flex; 
 align-items: center; 
 gap: 12px; 
 min-width: 0; 
 max-width: 340px; 
 padding: 10px 14px 10px 10px; 
 background: #fff; 
 border-radius: 28px; 
 box-shadow: 0 10px 28px rgba(15, 23, 42, 0.18); 
 text-decoration: none; 
 transform: translateX(-120%); 
 opacity: 0; 
 pointer-events: none; 
 transition: transform 0.38s ease, opacity 0.38s ease; 
} 
.ai-sale-toast.is-on { 
 transform: translateX(0); 
 opacity: 0.72; 
 pointer-events: none; 
} 
.ai-livechat-btn { 
 display: inline-flex; 
 align-items: center; 
 gap: 8px; 
 margin-top: 10px; 
 border: 0; 
 border-radius: 12px; 
 padding: 10px 14px; 
 background: #2563eb; 
 color: #fff; 
 font-size: 13px; 
 font-weight: 800; 
 cursor: pointer; 
} 
.ai-etbis-wrap { 
 margin-top: 12px; 
 white-space: normal; 
} 
.ai-etbis-btn { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 8px; 
 width: 100%; 
 padding: 12px 16px; 
 border-radius: 999px; 
 border: 1px solid #7dff9a; 
 background: rgba(12, 28, 18, 0.85); 
 color: #7dff9a !important; 
 font-size: 13px; 
 font-weight: 800; 
 letter-spacing: 0.08em; 
 text-transform: uppercase; 
 text-decoration: none !important; 
 text-shadow: 
 0 0 6px #39ff14, 
 0 0 14px rgba(57, 255, 20, 0.85); 
 box-shadow: 
 0 0 10px rgba(57, 255, 20, 0.45), 
 0 0 22px rgba(57, 255, 20, 0.22), 
 inset 0 0 12px rgba(57, 255, 20, 0.12); 
 animation: ai-etbis-glow 1.8s ease-in-out infinite; 
} 
.ai-etbis-btn:hover { 
 color: #d1ffd9 !important; 
 background: rgba(20, 48, 28, 0.95); 
} 
@keyframes ai-etbis-glow { 
 0%, 100% { 
 box-shadow: 
 0 0 8px rgba(57, 255, 20, 0.4), 
 0 0 18px rgba(57, 255, 20, 0.18), 
 inset 0 0 10px rgba(57, 255, 20, 0.1); 
 } 
 50% { 
 box-shadow: 
 0 0 16px rgba(57, 255, 20, 0.7), 
 0 0 28px rgba(57, 255, 20, 0.35), 
 inset 0 0 14px rgba(57, 255, 20, 0.18); 
 } 
} 
.ai-sale-toast img { 
 width: 52px; 
 height: 52px; 
 object-fit: cover; 
 border-radius: 10px; 
 flex-shrink: 0; 
 background: #eef2f7; 
} 
.ai-sale-toast-body { min-width: 0; } 
.ai-sale-toast-title { 
 display: block; 
 color: #2563eb; 
 font-size: 14px; 
 font-weight: 800; 
 line-height: 1.25; 
 white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
} 
.ai-sale-toast-meta { 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 margin-top: 4px; 
 color: #8b93a3; 
 font-size: 12px; 
} 
.ai-sale-toast-meta i { font-size: 11px; } 
.ai-sale-toast-badge { 
 display: inline-flex; 
 align-items: center; 
 padding: 2px 8px; 
 border-radius: 999px; 
 background: #eef2f7; 
 color: #6b7280; 
 font-size: 11px; 
 font-weight: 700; 
} 
 
.live-support-fab { 
 display: none; 
 pointer-events: auto; 
} 
 
.lc-time { display: block; opacity: .55; font-size: 10px; margin-top: 4px; } 
body.live-chat-open .live-support-fab { display: none !important; } 
 
body.ai-support-open .sale-toast, 
body.ai-support-open .ai-sale-toast, 
body.ai-support-open .ai-sale-bg, 
body.ai-support-open .ai-support-fab { 
 display: none !important; 
 visibility: hidden !important; 
 pointer-events: none !important; 
} 
 
body.site-livechat-open .live-support-fab { 
 visibility: hidden !important; 
 pointer-events: none !important; 
} 
 
@media (min-width: 993px) { 
 .ai-support-fab { 
 display: flex; 
 align-items: center; 
 gap: 12px; 
 position: fixed !important; 
 left: 18px !important; 
 right: auto !important; 
 top: auto !important; 
 bottom: 22px !important; 
 z-index: 2147483000; 
 min-width: 0; 
 padding: 8px 18px 8px 8px; 
 border: 1px solid rgba(255,255,255,.08); 
 border-radius: 18px; 
 background: #141824; 
 box-shadow: 0 12px 32px rgba(0,0,0,.35); 
 color: #fff; 
 cursor: pointer; 
 font-family: inherit; 
 text-align: left; 
 } 
 .ai-support-fab-ico { 
 width: 42px; 
 height: 42px; 
 border-radius: 12px; 
 display: grid; 
 place-items: center; 
 background: #b9a8ff; 
 color: #fff; 
 font-size: 18px; 
 flex-shrink: 0; 
 overflow: hidden; 
 } 
 .ai-support-fab-ico img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 display: block; 
 } 
 .ai-support-fab-txt { 
 display: flex; 
 flex-direction: column; 
 gap: 1px; 
 } 
 .ai-support-fab-txt strong { 
 color: #fff; 
 font-size: 14px; 
 font-weight: 800; 
 line-height: 1.2; 
 } 
 .ai-support-fab-txt small { 
 color: #9aa3b5; 
 font-size: 12px; 
 font-weight: 500; 
 } 
 .ai-support-overlay { 
 background: rgba(4, 7, 16, 0.35); 
 } 
 .ai-sheet-handle { 
 display: none; 
 } 
 .ai-support-panel { 
 inset: auto; 
 left: 18px; 
 right: auto; 
 bottom: 22px; 
 top: auto; 
 width: min(400px, calc(100vw - 36px)); 
 height: min(680px, calc(100vh - 44px)); 
 max-height: min(680px, calc(100vh - 44px));
 border-radius: 22px; 
 border: 1px solid rgba(56, 189, 248, .28); 
 box-shadow:
  0 0 18px rgba(34, 211, 238, .22),
  0 0 40px rgba(168, 85, 247, .16),
  0 18px 50px rgba(0,0,0,.45); 
 transform: translate3d(0, 28px, 0) scale(0.96); 
 opacity: 0; 
 transform-origin: left bottom; 
 transition: transform 0.36s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.24s ease; 
 } 
 .ai-support-sheet.is-open .ai-support-panel { 
 transform: translate3d(0, 0, 0) scale(1); 
 opacity: 1; 
 } 
 .ai-support-head { 
 padding-top: 14px; 
 } 
 .sale-toast { 
 bottom: 96px; 
 } 
 .live-support-fab { 
 display: flex; 
 align-items: center; 
 gap: 12px; 
 position: fixed; 
 right: 18px; 
 bottom: 22px; 
 z-index: 2147483000; 
 min-width: 0; 
 padding: 8px 18px 8px 8px; 
 border: 1px solid rgba(56, 189, 248, 0.55); 
 border-radius: 18px; 
 background: #0d1528; 
 color: #fff; 
 cursor: pointer; 
 font-family: inherit; 
 text-align: left; 
 isolation: isolate; 
 box-shadow: 
 0 0 10px rgba(34, 211, 238, 0.55), 
 0 0 22px rgba(168, 85, 247, 0.4), 
 0 0 36px rgba(56, 189, 248, 0.28); 
 animation: live-fab-pulse 2.4s ease-in-out infinite; 
 } 
 .live-support-fab::before { 
 content: ""; 
 position: absolute; 
 inset: -3px; 
 border-radius: 21px; 
 z-index: -1; 
 background: linear-gradient(120deg, #22d3ee, #a855f7, #38bdf8, #22d3ee); 
 background-size: 220% 220%; 
 filter: blur(7px); 
 opacity: 0.9; 
 animation: live-fab-neon 3.2s linear infinite; 
 } 
 .live-support-fab::after { 
 content: ""; 
 position: absolute; 
 inset: 0; 
 border-radius: 18px; 
 pointer-events: none; 
 box-shadow: inset 0 0 0 1px rgba(165, 243, 252, 0.35); 
 } 
 .live-support-fab-ico { 
 width: 42px; 
 height: 42px; 
 border-radius: 12px; 
 display: grid; 
 place-items: center; 
 background: linear-gradient(135deg, #22d3ee, #3b82f6); 
 color: #fff; 
 font-size: 18px; 
 flex-shrink: 0; 
 box-shadow: 0 0 12px rgba(34, 211, 238, 0.65); 
 } 
} 
 
@media (max-width: 992px) { 
 .live-support-fab { 
 display: flex !important; 
 align-items: center; 
 justify-content: flex-start; 
 gap: 8px; 
 position: fixed !important; 
 right: 10px !important; 
 bottom: 86px !important; 
 left: auto !important; 
 z-index: 1600 !important; 
 width: auto; 
 height: auto; 
 min-width: 0; 
 padding: 7px 12px 7px 7px; 
 border-radius: 18px; 
 border: 1px solid rgba(56, 189, 248, 0.6); 
 background: #0d1528; 
 color: #fff; 
 cursor: pointer; 
 isolation: isolate; 
 pointer-events: auto !important; 
 visibility: visible !important; 
 box-shadow: 
 0 0 10px rgba(34, 211, 238, 0.55), 
 0 0 22px rgba(168, 85, 247, 0.4), 
 0 10px 24px rgba(0, 0, 0, 0.35); 
 animation: live-fab-pulse 2.4s ease-in-out infinite; 
 } 
 .live-support-fab .ai-support-fab-txt { 
 display: flex !important; 
 flex-direction: column; 
 gap: 0; 
 text-align: left; 
 } 
 .live-support-fab .ai-support-fab-txt strong { 
 color: #fff; 
 font-size: 12px; 
 font-weight: 900; 
 line-height: 1.15; 
 } 
 .live-support-fab .ai-support-fab-txt small { 
 color: #7dd3fc; 
 font-size: 10px; 
 font-weight: 800; 
 letter-spacing: .04em; 
 } 
 .live-support-fab-ico { 
 width: 36px; 
 height: 36px; 
 border-radius: 12px; 
 display: grid; 
 place-items: center; 
 background: linear-gradient(135deg, #22d3ee, #3b82f6); 
 color: #fff; 
 font-size: 16px; 
 flex-shrink: 0; 
 box-shadow: 0 0 12px rgba(34, 211, 238, 0.65); 
 } 
 .live-support-fab::before { 
 content: ""; 
 position: absolute; 
 inset: -3px; 
 border-radius: 21px; 
 z-index: -1; 
 background: linear-gradient(120deg, #22d3ee, #a855f7, #38bdf8, #22d3ee); 
 background-size: 220% 220%; 
 filter: blur(7px); 
 opacity: 0.85; 
 animation: live-fab-neon 3.2s linear infinite; 
 } 
} 
 
@keyframes live-fab-pulse { 
 0%, 100% { 
 box-shadow: 
 0 0 10px rgba(34, 211, 238, 0.5), 
 0 0 22px rgba(168, 85, 247, 0.32), 
 0 0 36px rgba(56, 189, 248, 0.22); 
 } 
 50% { 
 box-shadow: 
 0 0 16px rgba(34, 211, 238, 0.85), 
 0 0 32px rgba(168, 85, 247, 0.55), 
 0 0 48px rgba(56, 189, 248, 0.4); 
 } 
} 
@keyframes live-fab-neon { 
 0% { background-position: 0% 50%; } 
 100% { background-position: 200% 50%; } 
} 
 
.ai-sale-badge { 
 position: absolute; 
 top: -8px; 
 right: auto; 
 left: 14px; 
 min-width: 18px; 
 height: 18px; 
 padding: 0 5px; 
 border-radius: 999px; 
 display: none; 
 align-items: center; 
 justify-content: center; 
 background: #ef4444; 
 color: #fff; 
 -webkit-text-fill-color: #fff; 
 font-size: 10px; 
 font-weight: 800; 
 line-height: 18px; 
 z-index: 6; 
 box-shadow: 0 0 0 2px #10121b; 
} 
.ai-sale-badge.is-on, 
.ai-sale-badge:not([hidden]) { display: inline-flex; } 
.ai-sale-badge[hidden] { display: none !important; } 
.bottom-menu-item.ai-support-trigger { 
 position: relative; 
 overflow: visible !important; 
} 
.ai-support-fab .ai-sale-badge { 
 top: -8px; 
 right: -4px; 
 left: auto; 
} 
@keyframes aiSaleNeon { 
 0%, 100% { box-shadow: 0 0 6px #ef4444, 0 0 12px rgba(239,68,68,.55); transform: scale(1); } 
 50% { box-shadow: 0 0 12px #ff6b6b, 0 0 22px rgba(239,68,68,.95); transform: scale(1.08); } 
} 
.ai-sale-alerts { 
 display: flex; 
 flex-direction: column; 
 gap: 10px; 
 margin-bottom: 12px; 
} 
.ai-sale-card { 
 display: flex; 
 flex-direction: column; 
 gap: 10px; 
 padding: 10px; 
 border-radius: 16px; 
 background: rgba(239, 68, 68, .08); 
 border: 1px solid rgba(239, 68, 68, .45); 
 box-shadow: 0 0 18px rgba(239, 68, 68, .18); 
} 
.ai-sale-card-top { 
 display: flex; 
 gap: 10px; 
 align-items: center; 
} 
.ai-sale-card img { 
 width: 64px; 
 height: 64px; 
 object-fit: cover; 
 border-radius: 12px; 
 flex-shrink: 0; 
} 
.ai-sale-thumb { 
 position: relative; 
 flex-shrink: 0; 
 width: 64px; 
 height: 64px; 
} 
.ai-sale-thumb img { 
 width: 100%; 
 height: 100%; 
} 
.ai-sale-thumb.is-sold img { filter: grayscale(.4) brightness(.65); } 
.ai-sale-thumb.is-sold b { 
 position: absolute; 
 left: 4px; 
 right: 4px; 
 bottom: 4px; 
 display: block; 
 background: #b91c1c; 
 color: #fff; 
 font-size: 8px; 
 font-weight: 900; 
 letter-spacing: .06em; 
 text-align: center; 
 border-radius: 6px; 
 padding: 2px 0; 
} 
.ai-sale-card strong { display: block; color: #fff; font-size: 13px; line-height: 1.3; } 
.ai-sale-card em { display: block; color: #fca5a5; font-style: normal; font-weight: 800; margin-top: 4px; } 
.ai-sale-card small { 
 display: block; 
 margin-top: 3px; 
 color: rgba(255,255,255,.62); 
 font-size: 11px; 
 font-weight: 700; 
} 
.ai-sale-card p { 
 margin: 0; 
 color: #fecaca; 
 font-size: 12px; 
 font-weight: 700; 
 line-height: 1.4; 
} 
.ai-sale-card.is-created { 
 background: rgba(16, 185, 129, .08); 
 border-color: rgba(52, 211, 153, .5); 
 box-shadow: 0 0 18px rgba(16, 185, 129, .18); 
} 
.ai-sale-card.is-created em { color: #6ee7b7; } 
.ai-sale-card.is-created p { color: #bbf7d0; } 
.ai-sale-card.is-bought { 
 background: rgba(59, 130, 246, .1); 
 border-color: rgba(96, 165, 250, .5); 
 box-shadow: 0 0 18px rgba(59, 130, 246, .18); 
} 
.ai-sale-card.is-bought em { color: #93c5fd; } 
.ai-sale-card.is-bought p { color: #bfdbfe; } 
.ai-sale-card.is-offer { 
 background: rgba(139, 92, 246, .12); 
 border-color: rgba(167, 139, 250, .55); 
 box-shadow: 0 0 18px rgba(139, 92, 246, .22); 
} 
.ai-sale-card.is-offer em { color: #c4b5fd; } 
.ai-sale-card.is-offer p { color: #ddd6fe; } 
.ai-sale-view { 
 background: linear-gradient(135deg, #10b981, #047857); 
 box-shadow: 0 0 12px rgba(16,185,129,.4); 
} 
.ai-sale-actions { 
 display: flex; 
 gap: 8px; 
 flex-wrap: wrap; 
} 
.ai-sale-actions a, 
.ai-sale-actions button { 
 flex: 1; 
 min-width: 120px; 
 border: 0; 
 border-radius: 10px; 
 padding: 9px 10px; 
 font-weight: 800; 
 font-size: 12px; 
 cursor: pointer; 
 text-align: center; 
 text-decoration: none !important; 
 color: #fff !important; 
} 
.ai-sale-live { 
 background: linear-gradient(135deg, #ef4444, #b91c1c); 
 box-shadow: 0 0 12px rgba(239,68,68,.45); 
} 
.ai-sale-orders { background: rgba(255,255,255,.08); color: #fff; } 
 
.sale-alert-backdrop { 
 position: fixed; 
 inset: 0; 
 z-index: 20070; 
 background: rgba(6, 8, 18, 0.78); 
 display: none; 
 align-items: center; 
 justify-content: center; 
 padding: 16px; 
} 
.sale-alert-backdrop.is-open { display: flex; } 
.sale-alert-card { 
 width: min(420px, 100%); 
 background: #16121f; 
 border: 1px solid rgba(239,68,68,.55); 
 border-radius: 18px; 
 padding: 18px; 
 color: #fff; 
 box-shadow: 0 0 28px rgba(239,68,68,.35), 0 24px 60px rgba(0,0,0,.5); 
 animation: ipPulse 1.6s ease-in-out infinite; 
} 
.sale-alert-card img { 
 width: 100%; 
 height: 170px; 
 object-fit: cover; 
 border-radius: 14px; 
 margin-bottom: 12px; 
} 
.sale-alert-card h3 { margin: 0 0 6px; font-size: 18px; } 
.sale-alert-card .sale-alert-price { color: #fca5a5; font-weight: 800; margin-bottom: 8px; } 
.sale-alert-card p { margin: 0 0 14px; color: #fecaca; font-weight: 700; line-height: 1.45; } 
.sale-alert-actions { display: flex; flex-direction: column; gap: 8px; } 
.sale-alert-actions button, 
.sale-alert-actions a { 
 border: 0; 
 border-radius: 12px; 
 padding: 12px 14px; 
 font-weight: 800; 
 cursor: pointer; 
 text-align: center; 
 text-decoration: none !important; 
 color: #fff !important; 
} 
.sale-alert-live { background: linear-gradient(135deg, #ef4444, #991b1b); } 
.sale-alert-ok { background: rgba(255,255,255,.08); } 
.sale-alert-view { 
 background: linear-gradient(135deg, #10b981, #047857); 
} 
.sale-alert-card.is-created { 
 border-color: rgba(52, 211, 153, .55); 
 box-shadow: 0 0 28px rgba(16, 185, 129, .32), 0 24px 60px rgba(0,0,0,.5); 
 animation: createdPulse 1.8s ease-in-out infinite; 
} 
.sale-alert-card.is-created .sale-alert-price { color: #6ee7b7; } 
.sale-alert-card.is-created p { color: #bbf7d0; } 
.sale-alert-card.is-bought { 
 border-color: rgba(96, 165, 250, .55); 
 box-shadow: 0 0 28px rgba(59, 130, 246, .32), 0 24px 60px rgba(0,0,0,.5); 
 animation: boughtPulse 1.8s ease-in-out infinite; 
} 
.sale-alert-card.is-bought .sale-alert-price { color: #93c5fd; } 
.sale-alert-card.is-bought p { color: #bfdbfe; } 
@keyframes ipPulse { 
 0%, 100% { box-shadow: 0 0 12px rgba(239,68,68,.25), 0 24px 60px rgba(0,0,0,.5); } 
 50% { box-shadow: 0 0 26px rgba(239,68,68,.55), 0 24px 60px rgba(0,0,0,.5); } 
} 
@keyframes createdPulse { 
 0%, 100% { box-shadow: 0 0 12px rgba(16,185,129,.22), 0 24px 60px rgba(0,0,0,.5); } 
 50% { box-shadow: 0 0 26px rgba(16,185,129,.5), 0 24px 60px rgba(0,0,0,.5); } 
} 
@keyframes boughtPulse { 
 0%, 100% { box-shadow: 0 0 12px rgba(59,130,246,.22), 0 24px 60px rgba(0,0,0,.5); } 
 50% { box-shadow: 0 0 26px rgba(59,130,246,.5), 0 24px 60px rgba(0,0,0,.5); } 
} 
 
.ai-news { 
 display: grid; 
 grid-template-columns: repeat(3, minmax(0, 1fr)); 
 gap: 8px; 
 padding: 10px 14px 0; 
 flex-shrink: 0; 
} 
.ai-news-card { 
 display: flex; 
 flex-direction: column; 
 align-items: flex-start; 
 gap: 7px; 
 min-width: 0; 
 overflow: hidden; 
 padding: 10px 9px; 
 border: 1px solid rgba(56, 189, 248, .22); 
 border-radius: 14px; 
 background: rgba(9, 16, 34, .72); 
 color: #fff !important; 
 text-decoration: none !important; 
 cursor: pointer; 
 font: inherit; 
 text-align: left; 
 box-shadow: 0 0 14px rgba(34, 211, 238, .1); 
} 
.ai-news-card > span:last-child {
 min-width: 0;
 width: 100%;
 overflow: hidden;
}
.ai-news-card img, 
.ai-news-card .ai-news-ico { 
 width: 28px; 
 height: 28px; 
 border-radius: 9px; 
 object-fit: cover; 
 flex-shrink: 0; 
 background: #1a2340; 
} 
.ai-news-ico { 
 display: grid; 
 place-items: center; 
 color: #7dff9a; 
 font-size: 13px; 
 box-shadow: 0 0 10px rgba(57, 255, 20, .25); 
} 
.ai-news-card strong { 
 display: block; 
 font-size: 11px; 
 font-weight: 800; 
 line-height: 1.25; 
 white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
} 
.ai-news-card small { 
 display: block; 
 color: #9aa3b5; 
 font-size: 10px; 
 font-weight: 600; 
 line-height: 1.3; 
 white-space: normal; 
 overflow: hidden; 
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical; 
} 
.ai-support-body {
 -webkit-overflow-scrolling: touch;
}
@media (max-width: 992px) {
 .ai-sheet-handle { display: none; }
 .ai-support-panel {
  border-radius: 0;
  height: 100%;
  height: 100dvh;
  max-height: 100dvh;
 }
 .ai-news {
  gap: 7px;
  padding: 10px 12px 0;
 }
 .ai-news-card {
  padding: 9px 8px;
 }
 .ai-chip {
  white-space: normal;
  line-height: 1.25;
 }
} 
@media (prefers-reduced-motion: reduce) { 
 .ai-support-overlay, 
 .ai-support-panel, 
 .ai-support-sheet,
 .ai-neon-orb { 
 transition: none !important; 
 animation: none !important; 
 } 
}