<style>
    :root {
        --fb-bg: rgba(255, 255, 255, 0.9);
        --fb-text: #0f172a;
        --fb-muted: #64748b;
        --fb-custom-color: #476e8d;
        --fb-custom-gradient: linear-gradient(135deg, #476e8d 0%, #2c475d 100%);
    }

    .creative-banner-wrapper {
        width: 100%;
        padding: 16px 20px;
        box-sizing: border-box;
        font-family: 'Plus Jakarta Sans', sans-serif;
        position: relative;
        z-index: 50;
    }

    /* Viền Gradient và hiệu ứng nổi */
    .creative-banner {
       
        margin: 0 auto;
        position: relative;
        border-radius: 20px;
        padding: 2px;
        background: var(--fb-custom-gradient);
        box-shadow: 0 12px 40px rgba(71, 110, 141, 0.18);
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .creative-banner:hover {
        transform: translateY(-2px);
        box-shadow: 0 16px 48px rgba(71, 110, 141, 0.28);
    }

    /* Nội dung kính mờ bên trong */
    .creative-banner-inner {
        background: var(--fb-bg);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border-radius: 18px;
        padding: 14px 28px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        flex-wrap: wrap;
    }

    /* Badge bên trái */
    .cb-left {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .cb-badge {
        background: var(--fb-custom-gradient);
        color: #ffffff;
        font-size: 11px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        padding: 6px 14px;
        border-radius: 30px;
        box-shadow: 0 4px 12px rgba(71, 110, 141, 0.3);
    }

    .cb-subtitle {
        font-size: 13px;
        font-weight: 600;
        color: var(--fb-muted);
    }

    /* Nội dung chữ ở giữa */
    .cb-center {
        flex: 1;
        text-align: center;
        font-size: 13.5px;
        color: var(--fb-text);
        font-weight: 500;
        letter-spacing: -0.01em;
    }

    .cb-center strong {
        font-weight: 700;
        color: #476e8d;
    }

    /* Nút CTA bên phải */
    .cb-right .cb-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: #0f172a;
        color: #ffffff;
        text-decoration: none;
        padding: 10px 24px;
        border-radius: 30px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        transition: all 0.3s ease;
        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15);
    }

    .cb-right .cb-btn:hover {
        background: var(--fb-custom-color);
        box-shadow: 0 6px 20px rgba(71, 110, 141, 0.4);
        transform: translateY(-1px);
    }

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

    .cb-right .cb-btn:hover .cb-arrow {
        transform: translateX(5px);
    }

    /* Responsive */
    @media (max-width: 900px) {
        .cb-subtitle { display: none; }
    }

    @media (max-width: 650px) {
        .creative-banner-inner {
            flex-direction: column;
            text-align: center;
            padding: 18px 20px;
            gap: 14px;
        }
        .cb-center {
            font-size: 13px;
            line-height: 1.5;
        }
        .cb-right {
            width: 100%;
        }
        .cb-right .cb-btn {
            width: 100%;
            justify-content: center;
        }
    }
</style>

<div class="creative-banner-wrapper">
    <div class="creative-banner">
        <div class="creative-banner-inner">
            
            
            <div class="cb-left">
                <span class="cb-badge">US Delivery</span>
                <span class="cb-subtitle">Flat Rate</span>
            </div>

            
            <div class="cb-center">
                <span>📦 Fast US Shipping Only <strong>$6.99</strong> — Shop The New Collection Today! 📦</span>
            </div>

            
            <div class="cb-right">
                <a href="/shop" class="cb-btn">
                    Shop Collection <span class="cb-arrow">→</span>
                </a>
            </div>

        </div>
    </div>
</div>

Home

All Products

About Us

Contact Us

Order Tracking

Sweatshirt (Men) - Meowy Christmas (5 Colours)

Sweatshirt (Men) - Snugglebugs (9 Colours)

Sweatshirt (Men) - Bee The Greatest (7 Colours)

Sweatshirt (Men) - Tilted Head Rainbow Dog (8 Colours)

Sweatshirt (Men) - Pretty Jandaya Parakeet (8 Colours)

Sweatshirt (Men) - Pitbull Glitter (4 Colours)

Sweatshirt (Men) - Pug Life (5 Colours)

Sweatshirt (Men) - Mystical Unicorn (7 Colours)

Sweatshirt (Men) - The Dogfather Husky (8 Colours)

Sweatshirt (Men) - Sassy Kitties (7 Colours)

Sweatshirt (Men) - The Cat Whisperer (4 Colours)

Sweatshirt (Men) - Splashes Of Joy Puppy (8 Colours)

English

German

Australia

Spanish

Portuguese

Canada

French

Italian

Japanese

Korean

Vietnamese

Browse Unisex Sweatshirts products at our online store.

ROMANILA.COM

Contact us

United States

Shop Unisex Sweatshirts — unique handmade products designed by independent artists.