<style>
    :root {
        --fp-bg: #fffcf7;              /* Nền sáng kem ấm áp, sang trọng */
        --fp-text: #6b6660;            /* Xám ấm dịu nhẹ cho text phụ */
        --fp-text-bold: #1a1917;       /* Đen mượt mà cho text chính */
        --fp-accent: #b8880a;          /* Tone vàng kim chủ đạo */
        --fp-accent-hover: #966f07;    /* Vàng kim đậm khi hover */
        --fp-border: #f0e6d8;          /* Viền sáng hài hòa */
        --fp-glow: rgba(184, 136, 10, 0.2); /* Hiệu ứng sáng màu vàng kim */
    }

    /* 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(184, 136, 10, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(16px);
        position: relative;
        overflow: hidden;
    }

    /* Hiệu ứng ánh sáng vàng quét qua khung */
    .fashion-pill::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 50%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(184, 136, 10, 0.1), 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-gold 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: #ffffff;
        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: #ffffff;
        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 vàng kim */
    @keyframes pulse-glow-gold {
        0% { box-shadow: 0 0 0 0 rgba(184, 136, 10, 0.7); }
        70% { box-shadow: 0 0 0 10px rgba(184, 136, 10, 0); }
        100% { box-shadow: 0 0 0 0 rgba(184, 136, 10, 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">LUXURY COLLECTION</span>
        </div>

        
        <div class="fp-center">
            <span>
                ✦ <b>ELEVATE YOUR WARDROBE</b> &nbsp;—&nbsp; DISCOVER EXCLUSIVE APPAREL & ACCESSORIES ✦
            </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

All Products

About Us

Contact Us

Order Tracking

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

Browse Quilt Sofa Cover products at our online store.

Pineriot

Contact us

United States

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