Name: Mystical Unicorn Mouse Pad
Brand: DEALPULSEL.COM
SKU: 6a70bc2f048904428b9df191
Price: 29.00 USD
Availability: InStock

<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Silvergeckolo - Fashion Slogans & Collection</title>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <style>
        :root {
            --tb-primary: #4176a0;      /* Tone màu chủ đạo */
            --tb-primary-dark: #315a7c; /* Xanh đậm hơn khi hover */
            --tb-bg: #f8fafc;           /* Nền sáng nhẹ */
            --tb-text: #0f172a;         /* Màu chữ chính */
            --tb-text-muted: #64748b;   /* Màu chữ phụ */
        }

        /* Container tổng cho Top Bar */
        .creative-topbar-wrapper {
            width: 100%;
            background: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);
            border-bottom: 1px solid rgba(65, 118, 160, 0.15);
            font-family: 'Plus Jakarta Sans', sans-serif;
            position: relative;
            z-index: 100;
            overflow: hidden;
        }

        .creative-topbar {
            max-width: 1400px;
            margin: 0 auto;
            padding: 10px 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }

        /* Khối bên trái: Huy hiệu trạng thái động */
        .tb-badge-group {
            display: flex;
            align-items: center;
            gap: 8px;
            background: #ffffff;
            padding: 6px 14px;
            border-radius: 30px;
            border: 1px solid rgba(65, 118, 160, 0.2);
            box-shadow: 0 2px 8px rgba(65, 118, 160, 0.05);
            flex-shrink: 0;
        }

        .tb-pulse-dot {
            width: 7px;
            height: 7px;
            background-color: var(--tb-primary);
            border-radius: 50%;
            animation: tb-pulse 1.8s infinite;
        }

        .tb-badge-text {
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: var(--tb-primary);
        }

        /* Khối ở giữa: Thông điệp slogan dịch chuyển sáng tạo */
        .tb-ticker-container {
            flex: 1;
            overflow: hidden;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .tb-ticker-content {
            display: flex;
            gap: 50px;
            white-space: nowrap;
            animation: tb-marquee 30s linear infinite;
        }

        .tb-ticker-content:hover {
            animation-play-state: paused; /* Dừng lại khi rê chuột để khách hàng đọc rõ */
        }

        .tb-item {
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--tb-text);
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .tb-item b {
            color: var(--tb-primary);
            font-weight: 800;
        }

        /* Khối bên phải: Nút CTA tương tác */
        .tb-action-btn {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: var(--tb-primary);
            color: #ffffff;
            text-decoration: none;
            padding: 7px 18px;
            border-radius: 30px;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(65, 118, 160, 0.25);
            flex-shrink: 0;
        }

        .tb-action-btn:hover {
            background: var(--tb-primary-dark);
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(65, 118, 160, 0.35);
        }

        .tb-icon-arrow {
            transition: transform 0.3s ease;
        }

        .tb-action-btn:hover .tb-icon-arrow {
            transform: translateX(4px);
        }

        /* Hiệu ứng nhấp nháy */
        @keyframes tb-pulse {
            0% { box-shadow: 0 0 0 0 rgba(65, 118, 160, 0.5); }
            70% { box-shadow: 0 0 0 6px rgba(65, 118, 160, 0); }
            100% { box-shadow: 0 0 0 0 rgba(65, 118, 160, 0); }
        }

        /* Hiệu ứng chạy chữ ngang (Marquee) */
        @keyframes tb-marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        /* Responsive cho thiết bị di động */
        @media (max-width: 900px) {
            .tb-badge-group { display: none; }
        }

        @media (max-width: 600px) {
            .creative-topbar {
                flex-direction: column;
                gap: 10px;
                padding: 10px 15px;
            }
            .tb-ticker-container {
                width: 100%;
            }
            .tb-action-btn {
                width: 100%;
                justify-content: center;
                box-sizing: border-box;
            }
        }
    </style>
</head>
<body>

<div class="creative-topbar-wrapper">
    <div class="creative-topbar">
        
        
        <div class="tb-badge-group">
            <span class="tb-pulse-dot"></span>
            <span class="tb-badge-text">Silvergeckolo Style</span>
        </div>

        
        <div class="tb-ticker-container">
            <div class="tb-ticker-content">
                <span class="tb-item">✦ <b>ELEVATE YOUR STYLE</b> — REDEFINE YOUR ELEGANCE ✦</span>
                <span class="tb-item">✦ <b>TIMELESS FASHION</b> FOR THE MODERN ICON ✦</span>
                <span class="tb-item">✦ <b>CONFIDENCE IN EVERY THREAD</b> — WEAR YOUR STORY ✦</span>
                <span class="tb-item">✦ <b>ELEVATE YOUR STYLE</b> — REDEFINE YOUR ELEGANCE ✦</span>
                <span class="tb-item">✦ <b>TIMELESS FASHION</b> FOR THE MODERN ICON ✦</span>
                <span class="tb-item">✦ <b>CONFIDENCE IN EVERY THREAD</b> — WEAR YOUR STORY ✦</span>
            </div>
        </div>

        
        <div class="tb-action-right">
            <a href="/shop" class="tb-action-btn">
                Explore Look <span class="tb-icon-arrow">→</span>
            </a>
        </div>

    </div>
</div>

</body>
</html>

Home

All Products

About Us

Contact Us

Order Tracking

<p>Gorgeous, ethereal and stunning - some of the reasons why we're obsessed with unicorns! If you're out to chase your hidden dreams, do it with this 'Mystical Unicorn' mouse pad on your side.</p>

Mystical Unicorn Mouse Pad

English

German

Australia

Spanish

Portuguese

Canada

French

Italian

Japanese

Korean

Vietnamese

Mystical Unicorn Mouse Pad - Gorgeous, ethereal and stunning - some of the reasons why we're obsessed with unicorns! If you're out to chase your hidden dreams, do it with this 'Mystical Unicorn' mouse pad on your side.

DEALPULSEL.COM

Contact us

United States

Gorgeous, ethereal and stunning - some of the reasons why we're obsessed with unicorns! If you're out to chase your hidden dreams, do it with this 'Mystical Unicorn' mouse pad on your side.