<style>
    :root {
        --fp-bg: #0b111e;            /* Nền xanh đen sâu thẳm, hiện đại */
        --fp-text: #94a3b8;          /* Xám xanh dịu nhẹ cho text phụ */
        --fp-text-bold: #ffffff;     /* Trắng sáng cho text chính */
        --fp-accent: #4b75af;        /* Tone xanh dương chủ đạo */
        --fp-accent-hover: #3b5d8f;  /* Xanh dương đậm khi hover */
        --fp-border: #1e293b;        /* Viền tối hài hòa với nền */
        --fp-glow: rgba(75, 117, 175, 0.25); /* Hiệu ứng sáng màu xanh */
    }

    /* Container bao ngoài */
    .fashion-pill-wrapper {
        width: 100%;
        padding: 16px 24px;
        box-sizing: border-box;
        font-family: 'Plus Jakarta Sans', sans-serif;
        position: relative;
        z-index: 50;
    }

    /* Khung viên nang chính */
    .fashion-pill {
        max-width: 1400px;
        margin: 0 auto;
        background: var(--fp-bg);
        border: 1px solid var(--fp-border);
        border-radius: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 10px 8px 24px;
        box-shadow: 0 12px 40px rgba(11, 17, 30, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(16px);
        position: relative;
        overflow: hidden;
    }

    /* Hiệu ứng ánh sáng xanh quét qua khung */
    .fashion-pill::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 50%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(75, 117, 175, 0.15), transparent);
        animation: shimmer-light 6s infinite;
    }

    @keyframes shimmer-light {
        0% { left: -100%; }
        20% { left: 200%; }
        100% { left: 200%; }
    }

    /* Khối bên trái: Huy hiệu thời trang */
    .fp-left {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-shrink: 0;
    }

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

    .fp-tag {
        font-size: 11.5px;
        font-weight: 700;
        letter-spacing: 0.25em;
        text-transform: uppercase;
        color: var(--fp-accent);
    }

    /* Khối ở giữa: Thông điệp thời trang độc quyền */
    .fp-center {
        flex: 1;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 20px;
        font-size: 11px;
        letter-spacing: 0.18em;
        color: var(--fp-text);
        text-transform: uppercase;
    }

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

    /* Khối bên phải: Nhóm nút tương tác CTA */
    .fp-right {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-shrink: 0;
    }

    .fp-link-btn {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: rgba(255, 255, 255, 0.03);
        color: var(--fp-text);
        text-decoration: none;
        padding: 8px 16px;
        border-radius: 30px;
        font-size: 10.5px;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        border: 1px solid var(--fp-border);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .fp-link-btn:hover {
        background: var(--fp-accent);
        color: #ffffff;
        border-color: var(--fp-accent);
        transform: translateY(-2px);
        box-shadow: 0 4px 15px var(--fp-glow);
    }

    /* Nút chính làm điểm nhấn */
    .fp-link-btn.primary {
        background: var(--fp-accent);
        color: var(--fp-text-bold);
        border-color: var(--fp-accent);
    }

    .fp-link-btn.primary:hover {
        background: var(--fp-accent-hover);
        color: #ffffff;
        border-color: var(--fp-accent-hover);
    }

    /* Hiệu ứng nhấp nháy cho dấu chấm xanh */
    @keyframes pulse-glow-blue {
        0% { box-shadow: 0 0 0 0 rgba(75, 117, 175, 0.7); }
        70% { box-shadow: 0 0 0 10px rgba(75, 117, 175, 0); }
        100% { box-shadow: 0 0 0 0 rgba(75, 117, 175, 0); }
    }

    /* Responsive điều chỉnh hiển thị trên thiết bị di động */
    @media (max-width: 1150px) {
        .fp-left { display: none; }
    }

    @media (max-width: 768px) {
        .fashion-pill-wrapper {
            padding: 10px 15px;
        }
        .fashion-pill {
            flex-direction: column;
            gap: 14px;
            padding: 16px;
            border-radius: 24px;
            text-align: center;
        }
        .fp-center {
            padding: 0;
            white-space: normal;
            line-height: 1.7;
        }
        .fp-right {
            width: 100%;
            justify-content: center;
            flex-wrap: wrap;
        }
        .fp-link-btn {
            flex: 1;
            justify-content: center;
            min-width: 110px;
            padding: 10px 12px;
        }
    }
</style>

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

        
        <div class="fp-center">
            <span>
                ✦ <b>MODERN STREETWEAR & APPAREL</b> &nbsp;—&nbsp; REDEFINE YOUR STYLE ROTATION ✦
            </span>
        </div>

        
        <div class="fp-right">
            <a href="/shop/Accent%20Mug" class="fp-link-btn">
                Accent Mug
            </a>
            <a href="/shop/Bucket%20Tote" class="fp-link-btn">
                Bucket Tote
            </a>
            <a href="/shop/New%20Hoodies" class="fp-link-btn primary">
                New Hoodies →
            </a>
        </div>

    </div>
</div>

Home

Shop

About Us

Contact Us

Order Tracking

FAQs

Majestic Parade Quilted Couch Cover Washable Cat Proof Sofa Cover Grandmother Mothers Day Gifts

Winter Snowman Quilted Couch Cover Washable Sofa Dog Protector Mother’s Day Gift Ideas

Winter Shepherd Family Quilted Couch Cover Washable Furniture Covers For Pets Practical Mother’s Day Gifts

Native Quilted Couch Cover Washable Sofa Cat Protector Mother’s Day Gift Ideas

Marine Patch Quilted Couch Cover Cat Scratch Furniture Protector Mother’s Day Gifts For Cat Mom

Mystic Bloom Quilted Couch Cover Washable Sofa Cat Protector Practical Gifts For Mom

Paw Timber Cottage Quilted Couch Cover Washable Sofa Pet Protector Mothers Day Presents For Grandma

Midnight Doberman Quilted Couch Cover Washable Sofa Pet Protector Mother’s Day Gifts For Grandma

Pastel Hearts Quilted Couch Cover Washable Sofa Pet Protector Practical Gifts For Mom

Whispering Tales Quilted Couch Cover Washable Furniture Covers For Pets Granny Mothers Day Gift

Majestic Plains Quilted Couch Cover Cat Scratch Furniture Protector Mother’s Day Gift Ideas

Paw Romance Quilted Couch Cover Washable Sofa Cover For Dogs Practical Mother’s Day Gifts

English

German

Australia

Spanish

Portuguese

Canada

French

Italian

Japanese

Korean

Vietnamese

Shop Quilt Sofa Cover products at our online store.

QUIRKTHREAD.COM

Contact us

United States

Browse Quilt Sofa Cover — unique handmade products designed by independent artists.