body.home-page p {
    margin: 0;
  }

  .pizzaPatternBackground::before {
    background-image: url("https://pizzadurres.ketri.dev/pub/file/b63eb440/c02a1c1d/pizza-pattern.jpg");
    background-position: center;
    background-size: cover;
  }

  body.home-page a.button {
    font-size: 0.875rem;
    text-transform: uppercase;
  }

  body.home-page a.button.pizzaButtonWhatsApp {
    border-color: var(--colour-whatsapp-green);
    background: var(--colour-whatsapp-green);
  }
  
  .pizzaHero::before {
    
    background-image: url("https://pizzadurres.ketri.dev/pub/file/b63eb440/91248647/pizza-hero.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .pizzaHero * {
    margin: 0;
  }
  
  .pizzaHero h1 {
    font-family: "MEDIUM", sans-serif;
    font-size: 2.3125rem;
    
    max-width: 20rem;
    line-height: 1.1;
    
    color: var(--colour-bg-light);
    text-transform: uppercase;
  }

  .pizzaHero p {
    max-width: 15rem;
  }
  
  .pizzaHero h1 ~ div {
    
    max-width: 12rem;
  }
    .pizzaBenefitsGrid > li {
    width: 100%;
  }

  .pizzaBenefits article {
    max-width: 21rem;
    margin: 0 auto;
    text-align: center;
  }

  .pizzaBenefits article > img {
    width: 6.5rem;
    margin: 0 auto 2.5rem;
  }

  .pizzaBenefits h2 {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    color: var(--colour-text-dark);
  }

  .pizzaBenefits p {
    font-size: 0.9375rem;
    line-height: 1.75rem;
    color: var(--colour-text-body-dark);
  }
  .pizzaProducts > .pizzaContentWidth > h2 {
    max-width: 22rem;
    margin: 0 auto 2.5rem;
    font-size: 2rem;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: var(--colour-text-light);
  }

  .pizzaProductsGrid {
    margin: 0 auto;
    max-width: 22rem;
  }

  .pizzaProductsGrid > li,
  .pizzaProduct {
    width: 100%;
  }

  .pizzaProduct h3 {
    margin-bottom: 0;
    font-size: 1.125rem;
    line-height: 1.625rem;
    text-transform: uppercase;
    color: var(--colour-text-light);
  }

  .pizzaProduct h3 i {
    min-width: 1rem;
    flex: 1;
  }

  .pizzaProduct h3 strong {
    font-family: "MEDIUM", sans-serif;
    font-weight: 400;
    white-space: nowrap;
  }

  .pizzaProduct p {
    max-width: 100%;
    font-size: 0.875rem;
    line-height: 1.75rem;
    color: var(--colour-text-gray);
  }

  .pizzaProductButtons {
    margin-top: 4rem;
  }
  
  .pizzaDeliveryCallout {
    color: var(--colour-text-dark);
    text-align: center;
    text-transform: uppercase;
  }
  
  .pizzaDeliveryCallout * {
    margin: 0;
  }
  
  .pizzaDeliveryCalloutGrid {
    
    max-width: 22rem;
  }
  
  .pizzaDeliveryCalloutGrid h2 {
    font-size: 2rem;
    line-height: 2rem;
  }
  
  .pizzaDeliveryContacts {
    
    gap: 1rem;
  }
  
  .pizzaDeliveryContacts a {
    font-family: "MEDIUM", sans-serif;
    font-size: 1.5rem;
  }

  .pizzaDeliveryContacts img {
    width: 1.5rem;
  }
  .pizzaAbout h2 {
    margin-bottom: 2rem;
    font-size: 2rem;
    line-height: 2rem;
    text-transform: uppercase;
  }

  .pizzaAbout h3 {
    margin-bottom: 2rem;
    line-height: 2rem;
    text-transform: uppercase;
    color: var(--colour-text-light);
  }

  .pizzaAbout .pizzaSeparator {
    margin-bottom: 3rem;
  }

  .pizzaAbout p {
    line-height: 1.75rem;
    color: var(--colour-text-gray);
  }
  .pizzaTestimonials {
    text-align: center;
    color: var(--colour-text-dark);
    background-color: var(--colour-brand-main);
    background-image: url("https://pizzadurres.ketri.dev/pub/file/b63eb440/eabe2f53/pizza-testimonials.jpg");
    background-position: center;
    background-size: cover;
  }

  .pizzaTestimonialsKicker {
    margin-bottom: 2rem !important;
    font-family: "REGULAR", sans-serif;
    line-height: 1rem;
    text-transform: uppercase;
  }

  .pizzaTestimonials > .pizzaContentWidth > h2 {
    margin: 0 auto;
    font-size: 2.5rem;
    line-height: 2.5rem;
    letter-spacing: 0.5rem;
    text-transform: uppercase;
  }

  .pizzaTestimonials > .pizzaContentWidth > .pizzaSeparator {
    margin: 2rem auto 3.5rem;
  }
  
  .pizzaTestimonialsGrid {
    width: calc(100% + 2rem);
    margin-left: -1rem;
  }

  ul.grid.pizzaTestimonialsGrid,
  ul.grid.pizzaTestimonialsGrid li {
    align-items: stretch;
  }
  
  .pizzaTestimonialsGrid article {
    padding: 2rem 1rem;
    background: var(--colour-dark-overlay);
  }

  .pizzaTestimonialsGrid li:nth-child(2) article {
    background: var(--colour-bg-dark-alt);
  }

  .pizzaTestimonialsGrid article p {
    line-height: 1.75rem;
    color: var(--colour-text-muted);
  }

  .pizzaTestimonialsGrid article strong {
    font-weight: 700;
    line-height: 1.75rem;
    color: var(--colour-bg-light);
  }

  body.home-page a.button.pizzaTestimonialsButton {
    margin-top: 2rem;
  }
  
  @media screen and (min-width: 550px) {
    
    .pizzaHero .pizzaContentWidth {
      
      padding-left: 1rem;
    }
    
    .pizzaTestimonialsGrid article {
      padding: 2rem 4rem;
    }
  }
  
  @media screen and (min-width: 640px) {
    
    .pizzaHero h1 ~ div {
      
      max-width: 20rem;
    }
    
    .pizzaDeliveryCalloutGrid {
      
      max-width: none;
    }
    
    .pizzaDeliveryContacts {
      
      gap: 2rem;
    }
  }
  
  @media screen and (min-width: 700px) {
    
    .pizzaProductsGrid {
      max-width: none;
    }

    .pizzaTestimonialsGrid article {
      padding: 2rem 1rem;
    }
  }
  
  @media screen and (min-width: 768px) {
    
    .pizzaHero {
      
      min-height: 25rem;
    }
    
    .pizzaHero h1 {
      font-size: 2.8125rem;
      max-width: 24rem;
    }
    
    .pizzaBenefits article {
      max-width: none;
      margin: 0 0 2rem;
    }

    .pizzaHero .pizzaContentWidth {
      
      padding-left: 2rem;
    }
    
    .pizzaProducts > .pizzaContentWidth > h2 {
      max-width: none;
      margin: 0 0 2.5rem;
    }

    .pizzaProduct h3 {
      margin-bottom: 0.5rem;
    }

    .pizzaProduct p {
      max-width: none;
    }

    .pizzaProductButtons {
      margin-top: 3.5rem;
    }

    .pizzaDeliveryContacts a {
      font-size: 1.375rem;
    }

    .pizzaDeliveryContacts img {
      width: 2rem;
    }

    .pizzaTestimonials > .pizzaContentWidth > h2 {
      margin: 0 0 1rem;
    }

    .pizzaTestimonialsGrid {
      width: auto;
      margin-left: 0;
    }
  }
  
  
  @media screen and (min-width: 850px) {
    
    .pizzaHero {
      
      min-height: 28rem;
    }
  }
  
  @media screen and (min-width: 1000px) {
    
    .pizzaHero {
      
      min-height: calc(30rem + 10vw);
    }
  }