.video-container {
    position: relative;
    text-align: center;
}
.mute-btn:hover {
    background-color: rgba(0, 0, 0, 0.8);
}
button:focus, button:hover {
    color: var(--ast-global-color-5);
    background-color: var(--ast-global-color-0);
    border-color: var(--ast-global-color-0);
}
button {
    border-style: solid;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
    color: var(--ast-global-color-5);
    border-color: var(--ast-global-color-1);
    background-color: var(--ast-global-color-1);
    padding-top: 17px;
    padding-right: 34px;
    padding-bottom: 17px;
    padding-left: 34px;
    font-family: inherit;
    font-weight: 600;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1em;
    text-transform: uppercase;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.mute-btn {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.6);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex
;
    justify-content: center;
    align-items: center;
}
.mute-btn img {
    width: 30px;
    height: 30px;
    pointer-events: none;
}
        #saleAlert {
      position: fixed;
      top: 20px;
      right: -400px; /* Start off-screen */
      display: none;
      align-items: center;
      background: #fff;
      border: 1px solid #ccc;
      padding: 15px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
      border-radius: 8px;
      width: 320px;
      z-index: 14999;
      transition: right 0.5s ease;
    }

    #saleAlert.show {
      right: 20px; /* Slide in */
    }

    #saleAlert img {
      width: 60px;
      height: 60px;
      object-fit: cover;
      margin-right: 15px;
      border-radius: 6px;
    }

    .alert-text {
      font-size: 14px;
      line-height: 1.4;
    }

    .alert-text strong {
      color: #2e7d32;
    }
         .navbar {
         padding: 8px 0 !important;
         background-color: #BD2C2C !important;
         display: flex;
         flex-direction: column;
         height: 60px;
         box-shadow: 0 0 20px rgba(0,0,0,0.5);
         }
         .navbar img {
         height: 45px;
         }
         .comments {
         max-width: 100% !important;
         background: #f4f4f4 !important;
         padding: 20px !important;
         border-radius: 10px !important;
         }
         .comments__body {
         background: #fff !important;
         }
         .comments__body img {
         max-width: 280px !important;
         border-radius: 3px !important;
         }
         .btn {
         display: block;
         max-width: 280px;
         margin: 10px auto 20px auto;
         padding: 15px 20px 15px 20px;
         text-align: center;
         font-weight: 700;
         font-size: 20px;
         line-height: 1.2;
         color: #fff!important;
         text-decoration: none;
         background: #ba0009;
         -webkit-border-radius: 50px;
         border-radius: 50px;
         -webkit-transition: .5s;
         -o-transition: .5s;
         transition: .5s;
         }
		   .price-container {
  font-family: Arial, sans-serif;
}

.price {
  font-size: 25px;
}

.price.strike {
  text-decoration: line-through;
}

.price.new {
  font-size: 36px;
  color: red;
}
.video-section {
    position: relative;
    margin: 20px auto;
    max-width: 100%;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.video-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent);
    z-index: 1;
}
.video-section video {
    width: 100%;
    display: block;
}
.video-section button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #dc3545;
    color: #fff;
    font-size: 18px;
    padding: 12px 24px;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    z-index: 2;
    transition: all 0.3s 
ease;
}
/* Only this button will be sticky */
#sticky-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ff0000;
    text-align: center;
    z-index: 9999;
}

/* Button Style */
#sticky-btn a {
    display: block;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    animation: textBlink 2.5s infinite;
}
 .comeback_layout{display:none;position:fixed;padding:10px;color:#000;left:0;top:0;width:100%;height:100%;z-index:20000000;background:rgba(0,0,0,.75);overflow-y:scroll;-ms-overflow-style:none;overflow:-moz-scrollbars-none}
         .comeback_layout::-webkit-scrollbar{width:0}
         .comeback_wrapper{width:100%;max-width:450px;margin:auto;}
         .comeback_container{border-radius:12px;border:none;background:linear-gradient(to top,#fff,#fff);padding:15px;text-align:center}
         .comeback_container .btn{display:block;width:100%;color:#fff; background:#c73030;text-transform:uppercase;padding:20px 30px;font-size:21px;font-weight:bold;text-align:center;vertical-align:middle;border-radius:12px;text-decoration:none!important;-webkit-animation: 1s pulse2 infinite alternate ease-in-out;animation: 1s pulse2 infinite alternate ease-in-out;}
         .comeback_img{height:100%;width:auto;margin:10px auto}
         .promo__title {
         font-weight: 700;
         font-size: 55px;
         line-height: 65px;
         text-align: center;
         color: #000;
         text-shadow: none !important;
         background-position: 0 0;
         -webkit-background-clip: text;
         animation: background 5s infinite alternate;
         margin-bottom: 20px;
         }
         @media (max-width:700px){
         .comeback_container p{font-size:16px;line-height:1!important}
         .promo__title { font-size:40px; line-height:48px}
         }
         .comeback_header{margin-bottom:25px}
         .comeback_header p{margin:5px auto}
         .comeback_body{background:linear-gradient(to right,#7b9fcc,#3c72b5);height:150px;padding:10px;border-radius:12px;display:flex;align-items:center;justify-content:space-around}
         .comeback_body span{color:#fff;text-transform:uppercase;font-size:16px}
         .comeback_footer p{width:100%;margin-left:auto;margin-right:0; line-height:24px}
         .comeback_footer{margin-bottom:30px;margin-top:15px}
         .comeback_footer::before{content:"";background-size:150px 150px;width:150px;height:150px;background-repeat:no-repeat;margin-left:150px;margin-top:-20px;position:absolute}
         @media (max-width:540px){
         .comeback_footer::before{display:none}
         }
         @media (max-width:430px){
         .comeback_container img{max-width:100%;width:100%}
         .comeback_footer p{margin-right:1em}
         }
         @media (max-width:321px){
         .comeback_footer p{margin-right:2em}
         }
		 .custom-input {
                              padding: 15px !important;
                              height: auto !important;
                              border-radius: 6px !important;
                              font-size: 14px !important;
                              border: 2px solid #d6d6d6 !important;
                              }  
                              .submit-form {
                              width: 100% !important;
                              border-radius: 6px !important;
                              background: #f53136 !important;
                              text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
                              }
                              .pulse{
                              -webkit-animation: 1s pulse2 infinite alternate ease-in-out;
                              animation: 1s pulse2 infinite alternate ease-in-out;
                              }
                              .form-cooldown-message {
                              background: #fff3cd !important;
                              border: 2px dashed #f0ad4e !important;
                              color: #8a5a00 !important;
                              font-weight: 700;
                              text-align: center;
                              }
                              @-webkit-keyframes pulse2 {
                              0% {
                              -webkit-transform: scale(1.0);
                              transform: scale(1.0);
                              }
                              100% {
                              -webkit-transform: scale(0.95);
                              transform: scale(0.95);
                              }
                              }
                              @keyframes pulse2 {
                              0% {
                              -webkit-transform: scale(1.0);
                              transform: scale(1.0);
                              }
                              100% {
                              -webkit-transform: scale(0.95);
                              transform: scale(0.95);
                              }
                              }