:root { --msb-bg: rgba(5, 7, 17, 0.98); --msb-card: rgba(16, 22, 36, 0.85); --msb-accent: #ff1744; --msb-cyan: #00b4ff; --msb-text: #ffffff; --msb-muted: rgba(255, 255, 255, 0.7); --msb-glow: rgba(255, 23, 68, 0.5); --msb-border: rgba(255, 255, 255, 0.12); --msb-shadow: 0 20px 60px rgba(0, 0, 0, 0.8); } /* Эффект при появлении */ @keyframes fadeIn { from { opacity: 0; transform: scale(0.95) translateY(20px); } to { opacity: 1; transform: scale(1) translateY(0); } } /* Фон */ #msb-preloader { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 20% 30%, rgba(255, 23, 68, 0.15) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(0, 180, 255, 0.15) 0%, transparent 50%), var(--msb-bg); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); opacity: 1; visibility: visible; transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.5s cubic-bezier(0.4, 0, 0.2, 1); animation: fadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1); } #msb-preloader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; } /* Карточка */ .msb-preloader__card { position: relative; width: min(700px, calc(100vw - 40px)); border-radius: 28px; background: var(--msb-card); border: 1px solid var(--msb-border); box-shadow: var(--msb-shadow), 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1); overflow: hidden; transform: translateY(0); animation: cardFloat 6s ease-in-out infinite; } @keyframes cardFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-10px) rotate(0.2deg); } } /* Свечение по краям */ .msb-preloader__card::before { content: ""; position: absolute; inset: -1px; border-radius: 29px; background: linear-gradient( 135deg, transparent, rgba(255, 23, 68, 0.3), rgba(0, 180, 255, 0.3), transparent ); opacity: 0.8; z-index: -1; animation: glowRotate 8s linear infinite; } @keyframes glowRotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .msb-preloader__content { position: relative; padding: 32px 40px; display: grid; grid-template-columns: 100px 1fr auto; gap: 24px; align-items: center; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(10px); border-radius: 28px; } /* Сфера */ .msb-preloader__orb { width: 100px; height: 100px; position: relative; display: flex; align-items: center; justify-content: center; } .msb-preloader__orb::before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: conic-gradient( from 0deg, transparent, var(--msb-accent), var(--msb-cyan), var(--msb-accent), transparent ); animation: spin 1.2s linear infinite; filter: blur(10px); opacity: 0.7; } .msb-preloader__orb::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: radial-gradient( circle at 30% 30%, rgba(255, 255, 255, 0.1), transparent 70% ); box-shadow: inset 0 0 40px rgba(255, 23, 68, 0.3), inset 0 0 60px rgba(0, 180, 255, 0.2), 0 0 80px rgba(255, 23, 68, 0.4); animation: pulse 2s ease-in-out infinite; border: 1px solid rgba(255, 255, 255, 0.1); } @keyframes pulse { 0%, 100% { transform: scale(1); box-shadow: inset 0 0 40px rgba(255, 23, 68, 0.3), inset 0 0 60px rgba(0, 180, 255, 0.2), 0 0 80px rgba(255, 23, 68, 0.4); } 50% { transform: scale(1.05); box-shadow: inset 0 0 50px rgba(255, 23, 68, 0.4), inset 0 0 80px rgba(0, 180, 255, 0.3), 0 0 100px rgba(255, 23, 68, 0.6); } } /* Бренд: одна строка */ .msb-preloader__brand { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; font-weight: 800; font-size: 22px; letter-spacing: 1.2px; text-transform: uppercase; line-height: 1.2; color: var(--msb-text); white-space: normal; } .msb-preloader__brand span { background: linear-gradient(45deg, var(--msb-accent), var(--msb-cyan)); -webkit-background-clip: text; background-clip: text; color: transparent; } /* Подпись */ .msb-preloader__hint { margin-top: 12px; font-size: 12px; color: rgba(255, 255, 255, 0.55); font-family: 'Segoe UI', sans-serif; letter-spacing: 0.5px; } /* Круглая загрузка */ .msb-preloader__spinner { width: 60px; height: 60px; border-radius: 50%; position: relative; } .msb-preloader__spinner::before { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 3px solid transparent; border-top: 3px solid var(--msb-accent); border-right: 3px solid var(--msb-cyan); border-bottom: 3px solid var(--msb-accent); animation: spin 0.8s linear infinite; filter: drop-shadow(0 0 15px var(--msb-glow)); } .msb-preloader__spinner::after { content: ""; position: absolute; inset: 6px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.1); animation: spinReverse 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spinReverse { 0% { transform: rotate(360deg); } 100% { transform: rotate(0deg); } } /* Адаптивность */ @media (max-width: 768px) { .msb-preloader__content { padding: 24px; grid-template-columns: 80px 1fr; grid-template-rows: auto auto; gap: 20px; } .msb-preloader__orb { width: 80px; height: 80px; } .msb-preloader__brand { font-size: 18px; } .msb-preloader__spinner { grid-column: 1 / -1; justify-self: center; margin-top: 10px; } } @media (max-width: 480px) { .msb-preloader__card { width: calc(100vw - 24px); border-radius: 20px; } .msb-preloader__content { padding: 20px; gap: 16px; } } /* prefers-reduced-motion */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } HT1000-4 — Электроника M.E.R.Y.O.S.A.B

HT1000-4

Мы осуществляем доставку как до вашего сервиса, так и до дома. Для уточнения деталей свяжитесь с нами по телефону +99312474529.  Если вы хотите приобрести этот товар в нашем магазине, нажмите «Получить координаты», чтобы узнать маршрут до магазина.

Описание

_____________________________________________

Продавец: MICROELECTRONICS ( Santa Barbara elektronika )
Телефон для связи: +99312474529

_____________________________________________