/**
 * edit.css – custom styles you can change without running Tailwind.
 * This file is loaded after the main theme stylesheet.
 */

 .zero-badge {
  bottom: clamp(-4.6875rem, -9.0625rem + 5.4688vw, -2.5rem);
  right: clamp(-7.4375rem, 1.75rem + -7.6563vw, -4.375rem);
 }


 .zero-text {
  font-size: clamp(0.625rem, 0.3393rem + 0.4464vw, 0.875rem);
  text-transform: capitalize;
 }
 
 @media (max-width: 1850px) {
    .zero-badge {
        right: -140px;
    }
}

 @media (max-width: 1560px) {
  .zero-badge {
    right: -130px;
  }
 }
 
@media (max-width: 1438px) {
  .zero-badge {
    right: -80px;
  }
 }

 @media (max-width: 1280px) {
  .zero-badge {
    right: -100px;
  }
 }

 @media (max-width: 1023px) {
  .zero-badge {
    right: 0px;
  }
  h1 {
    width: 85%;
  }
 }

 @media (max-width: 440px) {
  h1 {
    width: 80%;
    font-size: 35px!important;
  }

  .text-rating {
    font-size: 12px!important;
  }
  
  .first-line {
      gap: 10px;
  }
 }