header{
  z-index:9999;
}

.bundle-offer  {
  background: linear-gradient(311deg, rgba(234, 242, 254, 1) 58%, rgb(255 230 231 / 72%) 75%, rgb(255 255 255) 89%) !important;
  margin-top: -13rem;
  overflow:hidden;
}

.bundle-offer .container{
    background: #FFFFFF;
    border-radius: 25px;
    position: relative;
    z-index: 999;
    margin-top: 0rem;
    padding: 0rem 4rem;
}

.button-bundle{
  text-align: center;
}

.btn-bundle {
  display: inline-block;
  min-width: 190px;
  padding: 14px 32px;
  border-radius: 12px;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  color: #fff;
  /* red-orange edges, lighter orange glow in the centre */
  background:
    radial-gradient(ellipse 60% 120% at 50% 50%, #ff9a1f 0%, rgba(255,154,31,0) 100%),
    linear-gradient(90deg, #ff4a1c 0%, #ff6a1a 50%, #ff4a1c 100%);
  box-shadow: 0 6px 14px rgba(255, 74, 28, .35);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
  border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.btn-bundle:hover {
  color: #fff;
  text-decoration: none;
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow: 0 10px 20px rgba(255, 74, 28, .45);
}


.offer-text img{
margin-top: 1rem;
margin-bottom: 1rem;
}
 /* ---------- Hero / scene ---------- */
    .halloween {
      position: relative;
      overflow: hidden;
      padding: 40px 0 60px;
      color: #fff;
      background-image:url("../images/HalloweenOffer-Page-2026.jpg");
      overflow:hidden;
      background-repeat: no-repeat;
        background-size:100% 100%;
    }
   


    /* ---------- Heading ---------- */
    .hl-title {
font-family: 'Irish Grover';
font-style: normal;
font-weight: 400;
font-size: 63.9998px;
line-height: 71px;
text-align: center;
letter-spacing: 0.02em;
color: #FFFFFF;

    }
    .hl-off {

      font-family: "Londrina Solid", cursive;
      font-weight: 900;
      font-size: clamp(52px, 11vw, 104px);
      line-height: 1;
      margin: 4px 0 10px;
      background: linear-gradient(90deg, #a21cff 0%, #ff1fa0 45%, #ff7a1a 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      filter: drop-shadow(0 4px 0 rgba(0,0,0,.35));


    }
    .hl-valid { 
 font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #FFFFFF;
    
    }

    /* ---------- Glass panel ---------- */
    .hl-panel { position: relative; }


    .glass {
      border-radius: 18px;
      background: rgba(255, 255, 255, .13);
      border: 1px solid rgba(255, 255, 255, .35);
      -webkit-backdrop-filter: blur(14px);
      backdrop-filter: blur(14px);
      box-shadow: 0 20px 50px rgba(0, 0, 0, .35);
      padding: 30px 25px 30px;
    }


    .glass h3 {
      font-size: 18px; font-weight: 500;
      padding-bottom: 14px; margin-bottom: 26px;
      border-bottom: 1px solid rgba(255, 255, 255, .45);
    }
    .offer-grid { margin: 0; }
    .offer-item { display: flex; align-items: flex-start; padding: 0 0 22px; }
    .offer-icon {
     flex: 0 0 70px;
    width: 70px;
    height: 65px;
    background: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px;;
    }
    .offer-icon svg { width: 34px; height: 34px; }
    .offer-item h4 { font-size: 13px; font-weight: 700; margin: 0 0 4px; }
    .offer-item p { font-size: 11px; line-height: 1.5; margin: 0; color: rgba(255,255,255,.85); }

  
    /* ---------- Offer card ---------- */
 

    
    .save-tag {
      position: absolute; top: 0; left: 50%;
      transform: translate(-50%, 0);
      background: linear-gradient(90deg, #ff9a2e, #ff6a1a);
      color: #fff; font-size: 11px; font-weight: 600; font-style: italic;
      padding: 5px 20px 7px; border-radius: 0 0 14px 14px;
    }
    .save-tag b { font-size: 18px; margin-left: 2px; }

.offer-card{
  width:540px;
}

.offer-card img{
  Max-width:100%;
}

/* .pumpkin-image{
    position: absolute;
    bottom: -15rem;
    z-index: 111;
    right: 1rem;
} */

.pumpkin-image img{
  width:100%;
}
.pumpkin-image-wrapper{
  margin-top: -13rem;
    z-index: 99;
    display: flex;
    position: relative;
}






    .offer-card h5 { font-size: 15px; font-weight: 700; margin: 0 0 4px; }
    .offer-card .sub { font-size: 11px; color: #555; margin-bottom: 12px; }

    .box-row { display: flex; justify-content: center; align-items: flex-end; margin-bottom: 14px; }
    .pbox {
      width: 54px; height: 70px; margin: 0 -2px;
      border-radius: 4px;
      background: linear-gradient(160deg, #2b2b33, #0d0d12);
      color: #fff; font-size: 6px; line-height: 1.1;
      padding: 8px 4px; text-align: left;
      box-shadow: 0 4px 8px rgba(0,0,0,.3);
    }
    .pbox:nth-child(2), .pbox:nth-child(3) { height: 82px; width: 60px; z-index: 1; }
    .pbox b { display: block; font-size: 8px; margin-top: 3px; }

    .price { display: flex; align-items: baseline; justify-content: center; margin-bottom: 14px; }
    .price del { color: #e5173f; font-size: 13px; margin-right: 12px; }
    .price strong { font-size: 30px; font-weight: 700; }
    .price sup { font-size: 14px; top: -.6em; }

    .btn-buy {
      display: block; width: 100%;
      padding: 10px 0; border: 0; border-radius: 6px;
      background: linear-gradient(90deg, #2152ff, #ff2f6d);
      color: #fff; font-weight: 600; font-size: 15px;
    }
    .btn-buy:hover { color: #fff; filter: brightness(1.08); text-decoration: none; }
    .ends { font-size: 10px; color: #777; margin-top: 10px; }

    /* ---------- Purple hand (desktop only) ---------- */
    .hand { display: none; position: absolute; pointer-events: none; }

.body_box img{
  max-width:100%!important;
}
.gradient_box.new-text {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 24px;
text-align: center;
color: #1D1D1D;
}
.gradient_box.new-text i{
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 24px;
color: #1D1D1D;
}






    @media (min-width: 992px) {
      .glass { padding-right: 340px; min-height: 400px; }
      .offer-card {
        position: absolute; right:24px; top: 12px; bottom: 22px;
        /* width: 300px; */
        
        margin: 0; z-index: 3;
        display: flex; flex-direction: column; justify-content: center;
      }
      .hand { display: block; z-index: 4; }
      /* fingers on the left of the card */
      .finger {
        height: 34px; width: 88px; border-radius: 40px;
        background: linear-gradient(180deg, #8a3fc4, var(--purple-dark));
        right: 304px;
      }
      .finger::before {
        content: ""; position: absolute; left: -20px; top: 8px;
        width: 34px; height: 18px; background: #0b0710;
        clip-path: polygon(0 100%, 100% 0, 100% 100%);
        transform: rotate(-8deg);
      }
      .finger.f1 { top: 28px;  transform: rotate(-14deg); }
      .finger.f2 { top: 112px; transform: rotate(-6deg);  width: 96px; }
      .finger.f3 { top: 200px; transform: rotate(6deg);   width: 92px; }
      .finger.f4 { top: 285px; transform: rotate(14deg);  width: 80px; }
      /* arm / thumb on the right */
      .arm {
        right: -70px; top: 140px; width: 130px; height: 200px;
        background: linear-gradient(90deg, #7a2fb4, var(--purple-dark));
        border-radius: 60px 0 0 60px;
        transform: rotate(-10deg);
      }
    }

@media screen and (max-width:1280px){
.offer-text img{
  width:55%;
}
  .offer-card {
right:-124px;

  }

.hl-title{
 font-size: 50px;
}
}


  @media (min-width: 768px) {
      .offer-item { padding: 6px 18px 26px 0; }
      .offer-col-r { padding-left: 28px; border-left: 1px solid rgba(255,255,255,.35); }
      .offer-row-2 { border-top: 1px solid rgba(255,255,255,.35); padding-top: 26px; }
    }




    /* @media (min-width: 1200px) { .offer-card { width: 320px; } .glass { padding-right: 370px; } } */