/* Utility class for h-[26px] until Tailwind is loaded */
      .rms-h-\[26px\] {
          height: 26px;
      }

      .rms-h-\[26px\] {
          height: 32px;
      }

      .rms-h-\[36px\] {
          height: 36px;
      }

      .rms-h-\[40px\] {
          height: 176px;
      }

      .rms-h-\[48px\] {
          height: 48px;
      }

      .rms-h-\[64px\] {
          height: 64px;
      }

      .rms-h-\[80px\] {
          height: 80px;
      }

      .rms-h-\[96px\] {
          height: 96px;
      }

      .rms-h-\[112px\] {
          height: 112px;
      }

      .rms-h-\[128px\] {
          height: 128px;
      }

      .rms-h-\[144px\] {
          height: 144px;
      }

      .rms-h-\[160px\] {
          height: 160px;
      }

      .rms-h-\[176px\] {
          height: 176px;
      }

      /* // mobile responsive height classes */
      @media (max-width: 768px) {
          .rms-h-\[26px\] {
              height: 26px;
          }

          .rms-h-\[32px\] {
              height: 32px;
          }

          .rms-h-\[36px\] {
              height: 36px;
          }

          .rms-h-\[40px\] {
              height: 40px;
          }

          .rms-h-\[176px\] {
              height: 176px;
          }

          .rms-h-\[126px\] {
              height: 126px;
          }

          .rms-h-\[176px\] {
              height: 176px;
          }
      }

      .rms-mt-\[4rem\] {
          margin-top: 4rem;
      }

      .rms-mt-\[6rem\] {
          margin-top: 6rem;
      }

      .rms-mt-\[8rem\] {
          margin-top: 8rem;
      }

      .rms-mt-\[10rem\] {
          margin-top: 10rem;
      }

      .rms-mt-\[12rem\] {
          margin-top: 12rem;
      }

      .rms-mt-\[14rem\] {
          margin-top: 14rem;
      }

      .rms-mt-\[16rem\] {
          margin-top: 16rem;
      }

      body {
          font-family: 'Cormorant Garamond', serif;
      }

      @keyframes fade-up {
          from {
              opacity: 0;
              transform: translateY(30px);
          }

          to {
              opacity: 1;
              transform: translateY(0);
          }
      }

      @keyframes fade-in {
          from {
              opacity: 0;
          }

          to {
              opacity: 1;
          }
      }

      @keyframes scale-in {
          from {
              opacity: 0;
              transform: scale(0.95);
          }

          to {
              opacity: 1;
              transform: scale(1);
          }
      }

      @keyframes slide-in-left {
          from {
              opacity: 0;
              transform: translateX(-30px);
          }

          to {
              opacity: 1;
              transform: translateX(0);
          }
      }

      @keyframes marquee {
          from {
              transform: translateX(0);
          }

          to {
              transform: translateX(-50%);
          }
      }


      @keyframes bounce-slow {

          0%,
          100% {
              transform: translateY(0) translateX(-50%);
          }

          50% {
              transform: translateY(-10px) translateX(-50%);
          }
      }

      .animate-fade-up {
          animation: fade-up 0.8s ease-out forwards;
      }

      .animate-fade-in {
          animation: fade-in 1s ease-out forwards;
      }

      .animate-scale-in {
          animation: scale-in 0.6s ease-out forwards;
      }

      .animate-slide-in-left {
          animation: slide-in-left 0.8s ease-out forwards;
      }

      .animate-marquee {
          animation: marquee 30s linear infinite;
      }

      .animate-bounce-slow {
          animation: bounce-slow 2s ease-in-out infinite;
      }

      .animation-delay-200 {
          animation-delay: 0.2s;
      }

      .animation-delay-400 {
          animation-delay: 0.4s;
      }

      .animation-delay-600 {
          animation-delay: 0.6s;
      }

      .dropdown-content {
          opacity: 0;
          visibility: hidden;
          transform: translateY(-10px);
          transition: all 0.3s ease;
      }

      .dropdown:hover .dropdown-content {
          opacity: 1;
          visibility: visible;
          transform: translateY(0);
      }

      /* Utility class for h-[26px] until Tailwind is loaded */
      .rms-h-\[26px\] {
          height: 26px;
      }

      .rms-h-\[26px\] {
          height: 32px;
      }

      .rms-h-\[36px\] {
          height: 36px;
      }

      .rms-h-\[40px\] {
          height: 176px;
      }

      .rms-h-\[48px\] {
          height: 48px;
      }

      .rms-h-\[64px\] {
          height: 64px;
      }

      .rms-h-\[80px\] {
          height: 80px;
      }

      .rms-h-\[96px\] {
          height: 96px;
      }

      .rms-h-\[112px\] {
          height: 112px;
      }

      .rms-h-\[128px\] {
          height: 128px;
      }

      .rms-h-\[144px\] {
          height: 144px;
      }

      .rms-h-\[160px\] {
          height: 160px;
      }

      .rms-h-\[176px\] {
          height: 176px;
      }

      /* // mobile responsive height classes */
      @media (max-width: 768px) {
          .rms-h-\[26px\] {
              height: 26px;
          }

          .rms-h-\[32px\] {
              height: 32px;
          }

          .rms-h-\[36px\] {
              height: 36px;
          }

          .rms-h-\[40px\] {
              height: 40px;
          }

          .rms-h-\[176px\] {
              height: 176px;
          }

          .rms-h-\[126px\] {
              height: 126px;
          }

          .rms-h-\[176px\] {
              height: 176px;
          }
      }

      .rms-mt-\[4rem\] {
          margin-top: 4rem;
      }

      .rms-mt-\[6rem\] {
          margin-top: 6rem;
      }

      .rms-mt-\[8rem\] {
          margin-top: 8rem;
      }

      .rms-mt-\[10rem\] {
          margin-top: 10rem;
      }

      .rms-mt-\[12rem\] {
          margin-top: 12rem;
      }

      .rms-mt-\[14rem\] {
          margin-top: 14rem;
      }

      .rms-mt-\[16rem\] {
          margin-top: 16rem;
      }

      body {
          font-family: 'Cormorant Garamond', serif;
      }

      @keyframes fade-up {
          from {
              opacity: 0;
              transform: translateY(30px);
          }

          to {
              opacity: 1;
              transform: translateY(0);
          }
      }

      @keyframes fade-in {
          from {
              opacity: 0;
          }

          to {
              opacity: 1;
          }
      }

      @keyframes scale-in {
          from {
              opacity: 0;
              transform: scale(0.95);
          }

          to {
              opacity: 1;
              transform: scale(1);
          }
      }

      @keyframes slide-in-left {
          from {
              opacity: 0;
              transform: translateX(-30px);
          }

          to {
              opacity: 1;
              transform: translateX(0);
          }
      }

      @keyframes marquee {
          from {
              transform: translateX(0);
          }

          to {
              transform: translateX(-50%);
          }
      }

      @keyframes bounce-slow {

          0%,
          100% {
              transform: translateY(0) translateX(-50%);
          }

          50% {
              transform: translateY(-10px) translateX(-50%);
          }
      }

      .animate-fade-up {
          animation: fade-up 0.8s ease-out forwards;
      }

      .animate-fade-in {
          animation: fade-in 1s ease-out forwards;
      }

      .animate-scale-in {
          animation: scale-in 0.6s ease-out forwards;
      }

      .animate-slide-in-left {
          animation: slide-in-left 0.8s ease-out forwards;
      }

      .animate-marquee {
          animation: marquee 30s linear infinite;
      }

      .animate-bounce-slow {
          animation: bounce-slow 2s ease-in-out infinite;
      }

      .animation-delay-200 {
          animation-delay: 0.2s;
      }

      .animation-delay-400 {
          animation-delay: 0.4s;
      }

      .animation-delay-600 {
          animation-delay: 0.6s;
      }

      .dropdown-content {
          opacity: 0;
          visibility: hidden;
          transform: translateY(-10px);
          transition: all 0.3s ease;
      }

      .dropdown:hover .dropdown-content {
          opacity: 1;
          visibility: visible;
          transform: translateY(0);
      }

      .table-wrapper {
          width: 100%;
          overflow-x: auto;
          border-radius: 8px;
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
      }

      table {
          width: 100%;
          border-collapse: collapse;
          font-size: 0.95rem;
          background-color: #fff;
      }

      table thead tr {
          background-color: #1a1a1a;
          color: #fff;
          text-align: left;
          text-transform: uppercase;
          letter-spacing: 0.08em;
          font-size: 0.78rem;
      }

      table thead th {
          padding: 14px 16px;
          font-weight: 600;
          border-bottom: 2px solid #c9a96e;
          white-space: nowrap;
      }

      table tbody tr {
          border-bottom: 1px solid #e5e7eb;
          transition: background-color 0.15s ease;
      }

      table tbody tr:nth-child(even) {
          background-color: #f9f9f9;
      }

      table tbody tr:hover {
          background-color: #f3ede4;
      }

      table tbody td {
          padding: 12px 16px;
          vertical-align: middle;
          color: #374151;
      }

      table tfoot tr {
          background-color: #f3ede4;
          font-weight: 600;
      }

      table tfoot td {
          padding: 12px 16px;
          border-top: 2px solid #c9a96e;
      }

      /* Mobile filter slide-up drawer */
      #mobile-filter-drawer {
          transform: translateY(100%);
          transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
      }

      #mobile-filter-drawer.open {
          transform: translateY(0);
      }