<div class="hyper-banner">
    <style>
        .hyper-banner * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: "Poppins", sans-serif;
        }

        .hyper-banner {
            width: 100%;
            padding: 80px 0;
            background: #0f0f16;
            display: flex;
            justify-content: center;
        }

        .hyper-banner .wrap {
            width: 100%;
            max-width: 1500px;
            border-radius: 24px;
            padding: 80px;
            background: radial-gradient(circle at top right, #ff48b0, #6a5bff 40%, #111 80%);
            display: flex;
            gap: 70px;
            align-items: center;
            overflow: hidden;
            box-shadow: 0 20px 60px rgba(0,0,0,0.5);
        }

        /* LEFT SIDE TYPOGRAPHY */
        .hyper-banner .left {
            flex: 1.1;
            color: white;
        }

        .hyper-banner h1 {
            font-size: 70px;
            font-weight: 900;
            line-height: 1;
            text-transform: uppercase;
            margin-bottom: 20px;
            background: linear-gradient(90deg, #ffffff, #ffe3ff, #d0caff);
            -webkit-background-clip: text;
            color: transparent;
            letter-spacing: -2px;
        }

        .hyper-banner p {
            font-size: 18px;
            max-width: 480px;
            line-height: 1.7;
            color: #f2e9ff;
            margin-bottom: 38px;
        }

        .hyper-banner .btn {
            display: inline-block;
            padding: 16px 36px;
            border-radius: 12px;
            background: #ffffff;
            color: #111;
            font-weight: 800;
            text-decoration: none;
            font-size: 16px;
            letter-spacing: .5px;
            transition: 0.25s;
        }

        .hyper-banner .btn:hover {
            transform: scale(1.06);
            background: #ffe3ff;
        }

        /* RIGHT — FUTURE SPLASH PRODUCT CARD */
        .hyper-banner .right {
            flex: 1;
            display: flex;
            justify-content: center;
            position: relative;
        }

        .hyper-banner .blob {
            position: absolute;
            width: 420px;
            height: 420px;
            background: radial-gradient(circle, #ff48b0, #6a5bff);
            filter: blur(60px);
            z-index: 0;
        }

        .hyper-banner .product {
            width: 420px;
            height: 520px;
            border-radius: 24px;
            background-size: cover;
            background-position: center;
            overflow: hidden;
            position: relative;
            z-index: 5;
            box-shadow: 0 20px 50px rgba(0, 0, 0, .4);
            transform: rotate(-2deg);
            transition: .25s;
        }

        .hyper-banner .product:hover {
            transform: rotate(0deg) scale(1.04);
            box-shadow: 0 30px 70px rgba(0, 0, 0, .55);
        }

        .hyper-banner .tag {
            position: absolute;
            top: 18px;
            right: 18px;
            padding: 8px 16px;
            background: #ffe3ff;
            color: #111;
            font-weight: 800;
            border-radius: 999px;
            font-size: 14px;
            z-index: 10;
        }

        @media (max-width: 950px) {
            .hyper-banner .wrap {
                flex-direction: column;
                text-align: center;
                padding: 50px;
            }
            .hyper-banner .right {
                margin-top: 40px;
            }
        }
    </style>

    <div class="wrap">
        <div class="left">
            <h1>Hyper Pop Tee<br>2025 Edition</h1>
            <p>Color splash • Ultra cotton • Future fashion drop.  
            Limited release — high demand — fast selling.</p>
            <a href="https://cartired.com/shop" class="btn">EXPLORE DROP →</a>
        </div>

        <div class="right">
            <div class="blob"></div>
            <div class="product" style="background-image:url('https://i.pinimg.com/736x/b3/d2/60/b3d260aa53ce7b2c80607ecd5b22d531.jpg');">
                <div class="tag">NEW DROP</div>
            </div>
        </div>
    </div>
</div>


<div class="deal-wrap">

<style>
  .deal-wrap {
    width: 100%;
    padding: 20px;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
  }

  .deal-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
  }

  .deal-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }

  .deal-card {
    background: #fff;
    border-radius: 10px;
    display: flex;
    height: 120px;
    border: 1px solid #dcdcdc;
    box-shadow: 0 3px 8px rgba(0,0,0,0.08);
  }

  .deal-left {
    width: 35%;
    min-width: 35%;
    padding: 20px 10px;
    background: #F5BF4F;
    border-right: 1.8px dashed #cfcfcf;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 20px;
  }

  .deal-right {
    width: 65%;
    padding: 14px 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .deal-right .title {
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 2px;
  }

  .deal-right .desc {
    font-size: 13px;
    color: #444;
  }

  .deal-right .code {
    font-size: 13px;
    margin-top: 5px;
    color: #000;
    font-weight: 600;
  }

  @media (max-width: 1100px) {
    .deal-list { grid-template-columns: repeat(3, 1fr); }
  }

  @media (max-width: 900px) {
    .deal-list { grid-template-columns: repeat(2, 1fr); }
  }

  @media (max-width: 600px) {
    .deal-list { grid-template-columns: 1fr; }
  }
</style>

  <div class="deal-title">ONLINE EXCLUSIVE DEALS</div>

  <div class="deal-list">

    
    <div class="deal-card">
      <div class="deal-left">DEC20</div>
      <div class="deal-right">
        <div class="title">SAVE $2</div>
        <div class="desc">on orders from $16 (Online Only)</div>
        <div class="code">Code: DEC20</div>
      </div>
    </div>

    
    <div class="deal-card">
      <div class="deal-left">DEC50</div>
      <div class="deal-right">
        <div class="title">SAVE $5</div>
        <div class="desc">on orders from $28 (Online Only)</div>
        <div class="code">Code: DEC50</div>
      </div>
    </div>

    
    <div class="deal-card">
      <div class="deal-left">DEC80</div>
      <div class="deal-right">
        <div class="title">SAVE $8</div>
        <div class="desc">on orders from $40 (Online Only)</div>
        <div class="code">Code: DEC80</div>
      </div>
    </div>

    
    <div class="deal-card">
      <div class="deal-left">DEC150</div>
      <div class="deal-right">
        <div class="title">SAVE $15</div>
        <div class="desc">on orders from $60 (Online Only)</div>
        <div class="code">Code: DEC150</div>
      </div>
    </div>

  </div>
</div>

 Everyday Comfort

#181616

 Cozy & Casual

#1d1b1c

Timeless Warmth

#21201e

Customer Reviews

English

German

Australia

Spanish

Portuguese

Canada

French

Italian

Japanese

Korean

Vietnamese

Welcome to CARTIRED.COM - Shop Unique Handmade, Arts, T-Shirts, Stickers, Clothes and Gifts Designed by a Global Community of Independent Artists. Find your thing or open your own shop.

CARTIRED.COM | Handmades, Personalized Custom Clothes & Gifts

CARTIRED.COM

Contact us

United States

Hyper Pop Tee
2025 Edition

New Tshirts

New Hoodies

New Sweaters

Customer Reviews

Thomas Kelly

Benjamin Scott

Zoe Roberts

Jack Parker

Olivia Nelson

4.67 out of 5

Customer photos & videos

Hyper Pop Tee2025 Edition

New Tshirts

New Hoodies

New Sweaters

Customer Reviews

Thomas Kelly

Benjamin Scott

Zoe Roberts

Jack Parker

Olivia Nelson

4.67 out of 5

Customer photos & videos

Hyper Pop Tee
2025 Edition