Name: Cuddle Crew Notebook
Brand: Silvergeckolo
SKU: 6a70be7e048904428b9df20e
Price: 29.00 USD
Availability: InStock

<style>
    :root {
        --fp-bg: #121212;          /* Nền đen tuyền sang trọng */
        --fp-text: #e5e5e5;        /* Trắng xám cho text phụ */
        --fp-text-bold: #ffffff;   /* Trắng sáng cho text chính */
        --fp-accent: #d4af37;      /* Vàng đồng sang trọng */
        --fp-border: #2a2a2a;      /* Viền xám tối */
    }

    /* Container vô hình để tạo không gian lề cho viên nang nổi */
    .fashion-pill-wrapper {
        width: 100%;
        padding: 15px 20px;
        box-sizing: border-box;
        font-family: 'Inter', 'Plus Jakarta Sans', sans-serif;
        position: relative;
        z-index: 50;
    }

    /* Thiết kế hình viên nang */
    .fashion-pill {

        margin: 0 auto;
        background: var(--fp-bg);
        border: 1px solid var(--fp-border);
        border-radius: 50px; /* Bo tròn hoàn toàn 2 đầu */
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 12px 8px 24px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
        backdrop-filter: blur(10px);
    }

    /* Khối bên trái: Tag trạng thái có hiệu ứng nhấp nháy */
    .fp-left {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .fp-dot {
        width: 8px;
        height: 8px;
        background-color: #d1467d;
        border-radius: 50%;
        box-shadow: 0 0 10px var(--fp-accent);
        animation: pulse-glow 2s infinite;
    }

    .fp-tag {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #888;
    }

    /* Khối ở giữa: Nội dung thông báo tĩnh */
    .fp-center {
        flex: 1;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 20px;
        font-size: 12px;
        letter-spacing: 0.15em;
        color: var(--fp-text);
        text-transform: uppercase;
    }

    .fp-center b {
        color: var(--fp-text-bold);
        font-weight: 700;
    }

    .fp-center em {
        color: var(--fp-accent);
        font-style: normal;
        margin: 0 8px;
    }

    /* Khối bên phải: Nút CTA (Call to Action) nổi bật */
    .fp-right .fp-btn {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: var(--fp-text-bold);
        color: var(--fp-bg);
        text-decoration: none;
        padding: 8px 20px;
        border-radius: 30px;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        transition: all 0.3s ease;
    }

    .fp-right .fp-btn:hover {
        background: var(--fp-accent);
        color: var(--fp-bg);
        transform: translateY(-1px);
    }

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

    .fp-right .fp-btn:hover .fp-arrow {
        transform: translateX(4px);
    }

    /* Hiệu ứng nhấp nháy cho dấu chấm vàng */
    @keyframes pulse-glow {
        0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.4); }
        70% { box-shadow: 0 0 0 6px rgba(212, 175, 55, 0); }
        100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }
    }

    /* Responsive cho màn hình nhỏ */
    @media (max-width: 900px) {
        .fp-left { display: none; }
        .fashion-pill { padding: 8px; border-radius: 12px; }
    }

    @media (max-width: 600px) {
        .fashion-pill {
            flex-direction: column;
            gap: 12px;
            padding: 12px 15px;
            text-align: center;
        }
        .fp-center {
            padding: 0;
            white-space: normal;
            line-height: 1.6;
        }
        .fp-center em { display: none; } /* Ẩn dấu phân cách trên mobile cho gọn */
        .fp-right { width: 100%; }
        .fp-right .fp-btn {
            width: 100%;
            justify-content: center;
            box-sizing: border-box;
        }
    }
</style>

<div class="fashion-pill-wrapper">
    <div class="fashion-pill">
        
        
        <div class="fp-left">
            <span class="fp-dot"></span>
            <span class="fp-tag">Shipping US</span>
        </div>

        
        <div class="fp-center">
            <span>
                ✧ <b>AUTUMN / WINTER COLLECTION</b> 
                <em>—</em> 
                ELEVATED OUTERWEAR 
                <em>—</em> 
                <b>LIMITED STOCK</b> ✧
            </span>
        </div>

        
        <div class="fp-right">
            <a href="/shop" class="fp-btn">
                Discover <span class="fp-arrow">→</span>
            </a>
        </div>

    </div>
</div>

Home

Shop

About Us

Contact Us

Order Tracking

<p>This 'Cuddle Crew' Notebook brings together playful pups, cuddly kittens, and happy bunnies�all snuggled up with hearts full of friendship and paws full of mischief!</p>

Cuddle Crew Notebook

English

German

Australia

Spanish

Portuguese

Canada

French

Italian

Japanese

Korean

Vietnamese

Cuddle Crew Notebook - This 'Cuddle Crew' Notebook brings together playful pups, cuddly kittens, and happy bunnies�all snuggled up with hearts full of friendship and paws full of mischief!

Silvergeckolo

Contact us

United States

This 'Cuddle Crew' Notebook brings together playful pups, cuddly kittens, and happy bunnies�all snuggled up with hearts full of friendship and paws full of mischief!