<style>
    :root {
        --fp-bg: linear-gradient(135deg, #ee8f63 0%, #f472b6 100%); /* Nền gradient thời trang */
        --fp-text: #ffffff;          
        --fp-text-sub: #fff7ed;      
        --fp-accent: #fef08a;        
        --fp-border: rgba(255, 255, 255, 0.4); 
    }

    .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;
    }

    .fashion-pill {

        margin: 0 auto;
        background: var(--fp-bg);
        border: 1px solid var(--fp-border);
        border-radius: 50px; 
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 12px 8px 24px;
        box-shadow: 0 10px 30px rgba(238, 143, 99, 0.3);
        backdrop-filter: blur(10px);
    }

    .fp-left {
        display: flex;
        align-items: center;
        gap: 10px;
    }

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

    .fp-tag {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--fp-text-sub);
    }

    .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-sub);
        text-transform: uppercase;
    }

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

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

    .fp-right .fp-btn {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: #ffffff;
        color: #c2410c;
        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;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }

    .fp-right .fp-btn:hover {
        background: #111827;
        color: #ffffff;
        transform: translateY(-1px);
    }

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

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

    @keyframes pulse-glow-light {
        0% { box-shadow: 0 0 0 0 rgba(254, 240, 138, 0.6); }
        70% { box-shadow: 0 0 0 8px rgba(254, 240, 138, 0); }
        100% { box-shadow: 0 0 0 0 rgba(254, 240, 138, 0); }
    }

    @media (max-width: 900px) {
        .fp-left { display: none; }
        .fashion-pill { padding: 8px 15px; border-radius: 20px; }
    }

    @media (max-width: 600px) {
        .fashion-pill {
            flex-direction: column;
            gap: 12px;
            padding: 14px;
            text-align: center;
            border-radius: 24px;
        }
        .fp-center {
            padding: 0;
            white-space: normal;
            line-height: 1.6;
        }
        .fp-center em { display: none; } 
        .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">OHIYOUR</span>
        </div>

        
        <div class="fp-center">
            <span>
                ✦ <b>ELEVATE YOUR STYLE</b> 
                <em>—</em> 
                DRESS WITH CONFIDENCE & PASSION 
                <em>—</em> 
                <b>BE YOUR OWN ICON</b> ✦
            </span>
        </div>

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

    </div>
</div>

Home

All Products

About Us

Contact Us

Order Tracking

FAQs

Baby Tiger Long Bed Pillow For Kids Room

Panda Long Bed Pillow For Kids Room

Black Cat Long Bed Pillow For Kids Room

Blue Bear Long Bed Pillow For Kids Room

Pink Bear Long Bed Pillow For Kids Room

Koala Long Bed Pillow For Kids Room

Penguine Long Bed Pillow For Kids Room

Unicorn Long Bed Pillow For Kids Room

Blue Cat Long Bed Pillow For Kids Room

Grey Cat Long Bed Pillow For Kids Room

Blush Long Bed Pillow For Kids Room

Bunny Long Bed Pillow For Kids Room

English

German

Australia

Spanish

Portuguese

Canada

French

Italian

Japanese

Korean

Vietnamese

Browse Bedroom Pillows products at our online store.

ohiyour

Contact us

United States

Shop Bedroom Pillows — unique handmade products designed by independent artists.