@media (max-width: 640px) {


  .notah-categories .grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }


  .notah-categories .note-badge .p-4 {
    padding: 0.5rem !important;
  }


  .notah-categories .note-badge h3 {
    font-size: 0.850rem !important;
    line-height: 1.2;
  }

  .notah-categories .grid a.note-badge.rounded-2xl.overflow-hidden .relative.h-32.overflow-hidden {
    height: 7rem;
}

  section.notah-banners .relative.h-80.rounded-3xl.overflow-hidden.group {
    height: 12rem;
}

  section.notah-banners {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}


  .notah-reviews {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .notah-reviews h2 {
    font-size: 1.4rem !important;
    margin-bottom: 0.5rem !important;
  }

  .notah-reviews p.text-lg {
    font-size: 0.9rem !important;
    margin-bottom: 2rem !important;
  }

  .notah-reviews .grid {
    gap: 0.75rem !important;
  }

  .notah-reviews .shadow-md {
    padding: 1rem !important;
    border-radius: 1rem !important;
  }

  .notah-reviews .text-2xl {
    font-size: 1rem !important;
    margin-bottom: 0.5rem !important;
  }

  .notah-reviews .leading-relaxed {
    font-size: 0.85rem !important;
    margin-bottom: 1rem !important;
  }

  .notah-reviews .w-12 {
    width: 36px !important;
    height: 36px !important;
    font-size: 0.9rem !important;
  }

  .notah-reviews .font-bold {
    font-size: 0.9rem !important;
  }

  .notah-reviews .text-sm {
    font-size: 0.75rem !important;
  }

}



@media (max-width: 640px) {

  .notah-create-fragrance .grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 1rem !important;
    align-items: center !important;
  }

  .notah-create-fragrance h2 {
    font-size: 1.1rem !important;
    margin-bottom: 0.5rem !important;
  }

  .notah-create-fragrance p.text-lg {
    font-size: 0.8rem !important;
    margin-bottom: 0.75rem !important;
  }

  .notah-create-fragrance ul {
    margin-bottom: 0.75rem !important;
  }

  .notah-create-fragrance ul li span:last-child {
    font-size: 0.75rem !important;
  }

  .notah-create-fragrance .notah-create-fragrance-button a {
    padding: 0.5rem 1rem !important;
    font-size: 0.75rem !important;
  }

  .notah-create-fragrance img {
    border-radius: 16px !important;
  }

  .notah-create-fragrance .absolute {
    padding: 0.5rem !important;
    bottom: -10px !important;
    right: -10px !important;
  }

  .notah-create-fragrance .absolute p:first-child {
    font-size: 1rem !important;
  }

  .notah-create-fragrance .absolute p:last-child {
    font-size: 0.6rem !important;
  }

}