:where([class^="ri-"])::before { content: "\f3c2"; }

      body {
          font-family: 'Inter', sans-serif;
          scroll-behavior: smooth;
      }

      .cart-panel {
          transform: translateX(100%);
          transition: transform 0.3s ease-in-out;
      }

      .cart-panel.open {
          transform: translateX(0);
      }

      .product-card:hover {
          transform: translateY(-5px);
          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      }

      .quantity-input::-webkit-inner-spin-button,
      .quantity-input::-webkit-outer-spin-button {
          -webkit-appearance: none;
          margin: 0;
      }

      .quantity-input {
          -moz-appearance: textfield;
      }

      @media (max-width: 768px) {
          .desktop-menu {
              display: none;
          }

          .mobile-menu {
              display: block;
          }
      }

      @media (min-width: 769px) {
          .desktop-menu {
              display: flex;
          }

          .mobile-menu {
              display: none;
          }
      }