/* ============================================================
   FONT DECLARATIONS - PRODUCTS
   ============================================================
   This file contains ALL font-size and font-family declarations
   extracted from products.css.
   
   DO NOT modify font sizes here without updating the source.
   All values are the EXACT original values from the source file.
   ============================================================ */



.hero-text p {

  font-family: "Lato", sans-serif;
  font-size: clamp(1rem, 1.5vw, 1.1rem);
}

.text-blue {
  font-family: "Allomira Black", "Allomira", serif;
}

.highlight-yellow {

  font-size: clamp(1.1rem, 2vw, 1.3rem);
}



.foundation-line {

  font-family: "Lato", sans-serif;
  font-size: 16px;
}



.foundation-yellow {

  font-family: "Lato", sans-serif;
  /* Lato Bold */
  font-size: 20px;
}



.category-scroll-btn {

  font-size: 18px;
}



.category-item span {

  font-family: "Lato", sans-serif;
  font-size: 18px;
}



@media (min-width: 992px) {

  .category-item span {

    font-size: 20px;
  }
}



.hero-desc {

  font-family: "Lato", sans-serif;
  font-size: 18px;
}



.side-content {

  font-size: 1.1rem;
}



.sub-label {

  font-family: "Allomira", serif;
  font-size: 22px;
}



.side-title {

  font-family: "Allomira Black", "Allomira", serif;
  font-size: 54px;
}



.side-desc {

  font-family: "Lato", sans-serif;
  /* Regular */
  font-size: 18px;
}



.color-blue {

  font-family: "Allomira Black", "Allomira", serif;
  font-size: 42px;
}



.feature-text div {

  font-family: "Lato", sans-serif;
  /* Lato Semibold */
  font-size: 20px;
}



.benefits-dots-side-title li {

  font-family: "Lato", sans-serif;
  /* Regular */
  font-size: 18px;
}



.delivery-text h2 {

  font-family: "Allomira Black", "Allomira", serif;
  font-size: 42px;
}



.delivery-text p {

  font-family: "Lato", sans-serif;
  font-size: 1.15rem;
}



.btn-blue-subscribe {

  /* Force text color to dark navy initially */
  font-family: "Lato", sans-serif;
  font-size: 1.1rem;
}



.app-sub {

  font-family: "Allomira Light", "Allomira", serif;
  font-size: 1.2rem;
}



.app-promo-text h2 {

  font-family: "Allomira Black", "Allomira", serif;
  font-size: 2.8rem;
}



.app-desc {

  font-family: "Lato", sans-serif;
  font-size: 1.15rem;
}


@media (max-width: 1200px) {


  .app-promo-text h2 {

    font-size: 2.4rem;
  }
}


@media (max-width: 992px) {


  .app-promo-text h2 {

    font-size: 2rem;
  }



  .app-promo-text p {

    font-size: 1rem;
  }
}


@media (max-width: 480px) {


  .foundation-line {

    font-size: 12px;
    font-family: "Lato", sans-serif !important;
  }



  .foundation-yellow {

    font-size: 14px;
  }


  @media (max-width: 1024px) {


    .foundation-line {

      font-size: 26px;
    }



    .foundation-yellow {

      font-size: 30px;
    }



    .hero-desc {

      font-size: 1.1rem;
    }



    .side-title {

      font-size: 2.2rem;
    }



    .color-blue {

      font-size: 2.2rem;
    }
  }


  @media (max-width: 768px) {


    .foundation-line {

      font-size: 1.1rem;
    }



    .foundation-yellow {

      font-size: 1.4rem;
    }



    .category-item span {

      font-size: 0.95rem;
    }



    .hero-desc {

      font-size: 1rem;
    }



    .side-title,
    .color-blue {

      font-size: 1.8rem;
    }



    .sub-label {

      font-size: 1.2rem;
    }



    .feature-text div {

      font-size: 1rem;
    }



    .delivery-text h2 {

      font-size: 2.2rem;
    }



    .app-promo-text h2 {

      font-size: 2rem;
    }
  }


  @media (max-width: 480px) {


    .foundation-line {

      font-size: 86px;
    }



    .foundation-yellow {

      font-size: 30px;
    }



    .foundation-line {

      font-size: 1rem;
    }



    .foundation-yellow {

      font-size: 1.2rem;
    }



    .category-item span {

      font-size: 0.85rem;
    }



    .hero-desc {

      font-size: 0.9rem;
    }



    .side-title,
    .color-blue {

      font-size: 1.6rem;
    }



    .feature-text div {

      font-size: 0.9rem;
    }



    .delivery-text h2 {

      font-size: 1.8rem;
    }



    .delivery-text p {

      font-size: 1rem;
    }



    .app-promo-text h2 {

      font-size: 1.8rem;
    }
  }


  @media (max-width: 360px) {


    .foundation-line {

      font-size: 26px;
    }



    .foundation-yellow {

      font-size: 30px;
    }



    .side-title,
    .color-blue {

      font-size: 1.4rem;
    }
  }
}



@media (max-width: 1024px) {


  .foundation-line {

    font-size: 20px;
  }



  .foundation-yellow {

    font-size: 24px;
  }



  .hero-desc {

    font-size: 22px;
  }



  .delivery-text h2 {

    font-size: 32px;
  }
}


@media (min-width: 580px) and (max-width: 958px) {


  .foundation-line {

    font-size: clamp(20px, 3.5vw, 24px);
  }



  .foundation-yellow {

    font-size: clamp(24px, 4.5vw, 30px);
  }
}


@media (min-width: 480px) and (max-width: 768px) {


  .foundation-line {

    font-size: clamp(18px, 4.5vw, 22px);
  }



  .foundation-yellow {

    font-size: clamp(22px, 5.5vw, 28px);
  }
}



@media (max-width: 576px) {


  .foundation-line {

    font-size: 16px;
  }



  .foundation-yellow {

    font-size: 15px;
  }



  .side-title,
  .color-blue {

    font-size: 24px;
  }


  .app-promo-text h2 {

    font-size: 32px;
  }



  .hero-desc {

    font-size: 16px;
  }
}



@media (max-width: 485px) {


  .foundation-line {

    font-size: 16px;
  }



  .foundation-yellow {

    font-size: 15px;
  }



  .hero-desc {

    font-size: 14px;
  }
}



@media (min-width: 1920px) {


  .foundation-line {

    font-size: 18px;
  }



  .foundation-yellow {

    font-size: 22px;
  }
}


@media (min-width: 1440px) and (max-width: 1919px) {


  .hero-desc {

    font-size: 20px;
  }
}


@media (min-width: 2560px) and (max-width: 3839px) {


  .delivery-text h2 {

    font-size: 58px;
  }



  .delivery-text p {

    font-size: 30px;
  }



  .btn-blue-subscribe {

    font-size: 28px;
  }
}


@media (min-width: 3840px) {


  .foundation-line {

    font-size: 32px;
  }



  .foundation-yellow {

    font-size: 42px;
  }



  .hero-desc {

    font-size: 36px;
  }



  .category-item span {

    font-size: 42px;
  }


  .side-content {

    font-size: 34px;
  }



  .side-title {

    font-size: 64px;
  }



  .side-desc {

    font-size: 36px;
  }



  .key-benefits-box h3 {

    font-size: 54px;
  }



  .benefits-dots-side-title li {

    font-size: 36px;
  }



  .feature-text div {

    font-size: 32px;
  }



  .sub-label {

    font-size: 36px;
  }



  .delivery-text h2 {

    font-size: 64px;
  }



  .delivery-text p {

    font-size: 34px;
  }



  .btn-blue-subscribe {

    font-size: 32px;
  }



  .app-subtitle {

    font-size: 36px;
  }



  .app-main-title {

    font-size: 72px;
  }



  .app-description {

    font-size: 34px;
  }



  .box-label {

    font-size: 34px;
  }



  .delivery-check-box h3 {

    font-size: 34px;
  }



  .zip-input-group input {

    font-size: 32px;
  }



  .btn-check-zip {

    font-size: 32px;
  }



  .text-blue {

    font-size: 64px;
  }



  .text-dark-grey {

    font-size: 36px;
  }
}


@media (max-width: 950px) {


  .category-item span {

    font-size: 1.1rem !important;
  }
}


@media (min-width: 577px) and (max-width: 1024px) {


  .hero-desc {

    font-size: clamp(1.1rem, 2.2vw, 1.4rem) !important;
  }
}


@media (max-width: 576px) {


  .hero-desc {

    font-size: 15px;
  }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {


  .category-item span {

    font-size: 22px;
  }



  .feature-text div {

    font-size: 24px;
  }


  .side-title {

    font-size: 48px;
  }



  .side-desc {

    font-size: 22px;
  }



  .color-blue {

    font-size: 44px;
  }



  .benefits-dots-side-title li {

    font-size: 22px;
  }
}


@media (max-width: 768px) {


  .foundation-line {

    font-size: 15px;
  }



  .app-promo-text h2 {

    font-size: 28px;
  }
}


@media (min-width: 1200px) {

  .app-promo-text .pre-title {

    font-size: 24px;
    font-family: "Lato", sans-serif !important;
  }



  .app-promo-text h2 {

    font-size: 32px;
    /* Bold, prominent title as per requirement */
    font-family: "Allomira Black", "Allomira", serif !important;
  }



  .app-promo-text p.text-dark-grey {

    font-size: 18px;
    font-family: "Lato", sans-serif !important;
  }
}


@media (min-width: 768px) and (max-width: 1024px) {


  .benefits-dots-side-title li {

    font-size: 16px;
  }



  .delivery-text h2 {

    font-size: 36px;
  }



  .delivery-text p {

    font-size: 18px;
  }
}


@media screen and (max-width: 767px) {


  #whyChooseTitle,
  .how-made-box h3,
  .key-benefits-box h3,
  #deliveryTitle,
  .app-promo-text h2,
  .text-blue {

    font-size: 24px;
  }



  #sub-label {

    font-size: 18px;
  }



  .foundation-line,
  .category-item span,
  #productHeroDesc,
  #howMadeDesc,
  #benefitsList li,
  #deliveryDesc {

    font-size: 13px;
  }



  #deliveryBtn {

    font-size: 13px;
  }



  .feature-text div {

    font-size: 14px;
  }



  .category-item span {

    font-size: 12px;
  }



  .foundation-yellow {

    font-size: 15px;
  }



  #pre-title {

    font-size: 16px;
  }



  .text-dark-grey {

    font-size: 14px;
  }
}


@media screen and (min-width: 768px) and (max-width: 1024px) {


  #whyChooseTitle,
  .how-made-box h3,
  .key-benefits-box h3,
  #deliveryTitle,
  .app-promo-text h2,
  .text-blue {

    font-size: 28px;
  }



  #sub-label {

    font-size: 20px;
  }



  .foundation-line,
  .category-item span,
  #productHeroDesc,
  #howMadeDesc,
  #benefitsList li,
  #deliveryDesc {

    font-size: 14px;
  }



  #deliveryBtn {

    font-size: 14px;
  }



  .feature-text div {

    font-size: 15px;
  }



  .category-item span {

    font-size: 13px;
  }



  .foundation-yellow {

    font-size: 16px;
  }



  #pre-title {

    font-size: 18px;
  }



  .text-dark-grey {

    font-size: 15px;
  }
}


@media screen and (width: 768px) and (height: 1024px) {


  #whyChooseTitle,
  .how-made-box h3,
  .key-benefits-box h3,
  #deliveryTitle,
  .app-promo-text h2,
  .text-blue {

    font-size: 32px;
  }



  #sub-label {

    font-size: 22px;
  }



  .foundation-line,
  .category-item span,
  #productHeroDesc,
  #howMadeDesc,
  #benefitsList li,
  #deliveryDesc {

    font-size: 15px;
  }



  #deliveryBtn {

    font-size: 15px;
  }



  .feature-text div {

    font-size: 16px;
  }



  .category-item span {

    font-size: 14px;
  }



  .foundation-yellow {

    font-size: 17px;
  }



  #pre-title {

    font-size: 20px;
  }



  .text-dark-grey {

    font-size: 16px;
  }
}


@media screen and (width: 820px) and (height: 1180px) {


  #whyChooseTitle,
  .how-made-box h3,
  .key-benefits-box h3,
  #deliveryTitle,
  .app-promo-text h2,
  .text-blue {

    font-size: 34px;
  }



  #sub-label {

    font-size: 24px;
  }



  .foundation-line,
  .category-item span,
  #productHeroDesc,
  #howMadeDesc,
  #benefitsList li,
  #deliveryDesc {

    font-size: 16px;
  }



  #deliveryBtn {

    font-size: 16px;
  }



  .feature-text div {

    font-size: 17px;
  }



  .category-item span {

    font-size: 15px;
  }



  .foundation-yellow {

    font-size: 18px;
  }



  #pre-title {

    font-size: 22px;
  }



  .text-dark-grey {

    font-size: 17px;
  }
}


@media screen and (width: 1024px) and (height: 1366px) {


  #whyChooseTitle,
  .how-made-box h3,
  .key-benefits-box h3,
  #deliveryTitle,
  .app-promo-text h2,
  .text-blue {

    font-size: 36px;
  }



  #sub-label {

    font-size: 26px;
  }



  .foundation-line,
  .category-item span,
  #productHeroDesc,
  #howMadeDesc,
  #benefitsList li,
  #deliveryDesc {

    font-size: 17px;
  }



  #deliveryBtn {

    font-size: 17px;
  }



  .feature-text div {

    font-size: 18px;
  }



  .category-item span {

    font-size: 15px;
  }



  .foundation-yellow {

    font-size: 19px;
  }



  #pre-title {

    font-size: 24px;
  }



  .text-dark-grey {

    font-size: 18px;
  }
}


@media screen and (min-width: 1280px) and (max-width: 1439px) {


  #whyChooseTitle,
  .how-made-box h3,
  .key-benefits-box h3,
  #deliveryTitle,
  .app-promo-text h2,
  .text-blue {

    font-size: 38px;
  }



  #sub-label {

    font-size: 28px;
  }



  .foundation-line,
  .category-item span,
  #productHeroDesc,
  #howMadeDesc,
  #benefitsList li,
  #deliveryDesc {

    font-size: 18px;
  }



  #deliveryBtn {

    font-size: 18px;
  }



  .feature-text div {

    font-size: 19px;
  }



  .category-item span {

    font-size: 16px;
  }



  .foundation-yellow {

    font-size: 20px;
  }



  #pre-title {

    font-size: 26px;
  }



  .text-dark-grey {

    font-size: 19px;
  }
}


@media screen and (min-width: 1440px) and (max-width: 1919px) {


  #whyChooseTitle,
  .how-made-box h3,
  .key-benefits-box h3,
  #deliveryTitle,
  .app-promo-text h2,
  .text-blue {

    font-size: 44px;
  }



  #sub-label {

    font-size: 32px;
  }



  .foundation-line,
  .category-item span,
  #productHeroDesc,
  #howMadeDesc,
  #benefitsList li,
  #deliveryDesc {

    font-size: 19px;
  }



  #deliveryBtn {

    font-size: 19px;
  }



  .feature-text div {

    font-size: 21px;
  }



  .category-item span {

    font-size: 17px;
  }



  .foundation-yellow {

    font-size: 21px;
  }



  #pre-title {

    font-size: 30px;
  }



  .text-dark-grey {

    font-size: 22px;
  }
}


@media screen and (min-width: 1540px) and (max-width: 2559px) {


  #whyChooseTitle,
  .how-made-box h3,
  .key-benefits-box h3,
  #deliveryTitle,
  .app-promo-text h2,
  .text-blue {

    font-size: 52px;
  }


  #sub-label {

    font-size: 38px;
  }


  .foundation-line,
  .category-item span,
  #productHeroDesc,
  #howMadeDesc,
  #benefitsList li,
  #deliveryDesc {

    font-size: 20px;
  }



  #deliveryBtn {

    font-size: 20px;
  }



  .feature-text div {

    font-size: 24px;
  }



  .category-item span {

    font-size: 18px;
  }


  .foundation-yellow {

    font-size: 24px;
  }



  #pre-title {

    font-size: 34px;
  }



  .text-dark-grey {

    font-size: 25px;
  }
}


@media screen and (min-width: 2560px) and (max-width: 3839px) {


  #whyChooseTitle,
  .how-made-box h3,
  .key-benefits-box h3,
  #deliveryTitle,
  .app-promo-text h2,
  .text-blue {

    font-size: 68px;
  }



  #sub-label {

    font-size: 50px;
  }



  .foundation-line,
  .category-item span,
  #productHeroDesc,
  #howMadeDesc,
  #benefitsList li,
  #deliveryDesc {

    font-size: 26px;
  }



  #deliveryBtn {

    font-size: 26px;
  }



  .feature-text div {

    font-size: 30px;
  }



  .category-item span {

    font-size: 20px;
  }



  .foundation-yellow {

    font-size: 30px;
  }



  #pre-title {

    font-size: 44px;
  }



  .text-dark-grey {

    font-size: 32px;
  }
}


@media screen and (min-width: 3840px) {


  #whyChooseTitle,
  .how-made-box h3,
  .key-benefits-box h3,
  #deliveryTitle,
  .app-promo-text h2,
  .text-blue {

    font-size: 96px;
  }



  #sub-label {

    font-size: 70px;
  }



  .foundation-line,
  .category-item span,
  #productHeroDesc,
  #howMadeDesc,
  #benefitsList li,
  #deliveryDesc {

    font-size: 36px;
  }



  #deliveryBtn {

    font-size: 36px;
  }



  .feature-text div {

    font-size: 42px;
  }



  .category-item span {

    font-size: 32px;
  }



  .foundation-yellow {

    font-size: 42px;
  }



  #pre-title {

    font-size: 62px;
  }



  .text-dark-grey {

    font-size: 46px;
  }
}

/* ============================================================
   CONSOLIDATED HIGH-RESOLUTION TYPOGRAPHY OVERRIDES
   ============================================================ */

/* 1. LAPTOP BASELINE (1280px Viewports) */
@media screen and (min-width: 1200px) and (max-width: 1366px) {

  /* Group 1: PARAGRAPH SIZES -> 15px */
  .foundation-line,
  #productHeroDesc,
  #howMadeDesc,
  #benefitsList li,
  #deliveryDesc,
  .text-dark-grey,
  #deliveryBtn {
    font-size: 15px !important;
  }

  /* Group 2: FOUNDATION YELLOW -> 17px */
  .foundation-yellow {
    font-size: 17px !important;
  }

  /* Group 3: CATEGORY STRIP SPANS -> 15px */
  .category-item span {
    font-size: 15px !important;
  }

  /* Group 4: SECTION HEADINGS -> 38px */
  #whyChooseTitle,
  .how-made-box h3,
  .key-benefits-box h3,
  #deliveryTitle,
  .app-promo-text h2,
  .text-blue {
    font-size: 38px !important;
  }

  /* Group 5: FEATURE TEXT -> 20px */
  .feature-text div {
    font-size: 20px !important;
  }

  /* Group 6: PRE-TITLE -> 18px */
  #pre-title {
    font-size: 18px !important;
  }
}

/* 2. LAPTOP LARGE (1440px Viewports) */
@media screen and (min-width: 1367px) and (max-width: 1599px) {

  /* Group 1: PARAGRAPH SIZES -> 17px */
  .foundation-line,
  #productHeroDesc,
  #howMadeDesc,
  #benefitsList li,
  #deliveryDesc,
  .text-dark-grey,
  #deliveryBtn {
    font-size: 17px !important;
  }

  /* Group 2: FOUNDATION YELLOW -> 19px */
  .foundation-yellow {
    font-size: 19px !important;
  }

  /* Group 3: CATEGORY STRIP SPANS -> 17px */
  .category-item span {
    font-size: 17px !important;
  }

  /* Group 4: SECTION HEADINGS -> 44px */
  #whyChooseTitle,
  .how-made-box h3,
  .key-benefits-box h3,
  #deliveryTitle,
  .app-promo-text h2,
  .text-blue {
    font-size: 44px !important;
  }

  /* Group 5: FEATURE TEXT -> 22px */
  .feature-text div {
    font-size: 22px !important;
  }

  /* Group 6: PRE-TITLE -> 24px */
  #pre-title {
    font-size: 24px !important;
  }
}

/* 3. DESKTOP STANDARD (1920px Viewports) */
@media screen and (min-width: 1600px) and (max-width: 1999px) {

  /* Group 1: PARAGRAPH SIZES -> 20px */
  .foundation-line,
  #productHeroDesc,
  #howMadeDesc,
  #benefitsList li,
  #deliveryDesc,
  .text-dark-grey,
  #deliveryBtn {
    font-size: 20px !important;
  }

  /* Group 2: FOUNDATION YELLOW -> 24px */
  .foundation-yellow {
    font-size: 24px !important;
  }

  /* Group 3: CATEGORY STRIP SPANS -> 20px */
  .category-item span {
    font-size: 20px !important;
  }

  /* Group 4: SECTION HEADINGS -> 52px */
  #whyChooseTitle,
  .how-made-box h3,
  .key-benefits-box h3,
  #deliveryTitle,
  .app-promo-text h2,
  .text-blue {
    font-size: 52px !important;
  }

  /* Group 5: FEATURE TEXT -> 24px */
  .feature-text div {
    font-size: 24px !important;
  }

  /* Group 6: PRE-TITLE -> 34px */
  #pre-title {
    font-size: 34px !important;
  }
}

/* 4. DESKTOP LARGE (2860px Viewports) */
@media screen and (min-width: 2000px) and (max-width: 3000px) {

  /* Group 1: PARAGRAPH SIZES -> 26px */
  .foundation-line,
  #productHeroDesc,
  #howMadeDesc,
  #benefitsList li,
  #deliveryDesc,
  .text-dark-grey,
  #deliveryBtn {
    font-size: 26px !important;
  }

  /* Group 2: FOUNDATION YELLOW -> 30px */
  .foundation-yellow {
    font-size: 30px !important;
  }

  /* Group 3: CATEGORY STRIP SPANS -> 22px */
  .category-item span {
    font-size: 22px !important;
  }

  /* Group 4: SECTION HEADINGS -> 68px */
  #whyChooseTitle,
  .how-made-box h3,
  .key-benefits-box h3,
  #deliveryTitle,
  .app-promo-text h2,
  .text-blue {
    font-size: 68px !important;
  }

  /* Group 5: FEATURE TEXT -> 30px */
  .feature-text div {
    font-size: 30px !important;
  }

  /* Group 6: PRE-TITLE -> 48px */
  #pre-title {
    font-size: 48px !important;
  }
}

/* 5. DESKTOP 4K (3840px/3860px Viewports) */
@media screen and (min-width: 3001px) {

  /* Group 1: PARAGRAPH SIZES -> 36px */
  .foundation-line,
  #productHeroDesc,
  #howMadeDesc,
  #benefitsList li,
  #deliveryDesc,
  .text-dark-grey,
  #deliveryBtn {
    font-size: 36px !important;
  }

  /* Group 2: FOUNDATION YELLOW -> 40px */
  .foundation-yellow {
    font-size: 40px !important;
  }

  /* Group 3: CATEGORY STRIP SPANS -> 28px */
  .category-item span {
    font-size: 36px !important;
  }

  /* Group 4: SECTION HEADINGS -> 96px */
  #whyChooseTitle,
  .how-made-box h3,
  .key-benefits-box h3,
  #deliveryTitle,
  .app-promo-text h2,
  .text-blue {
    font-size: 96px !important;
  }

  /* Group 5: FEATURE TEXT -> 40px */
  .feature-text div {
    font-size: 40px !important;
  }

  /* Group 6: PRE-TITLE -> 66px */
  #pre-title {
    font-size: 66px !important;
  }
}