body.rfqs.new {
  form {
    .field.product {
      .product-options {
        display: flex;
        flex-direction: column;
        gap: 32px;

        .category {
          display: flex;
          flex-direction: column;
          gap: 12px;

          >span {
            font-weight: bold;
          }

          .products {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 10px;

            label {
              width: 200px;
              height: 200px;
              display: flex;
              flex-direction: column;
              gap: 20px;
              justify-content: center;
              align-items: center;
              background-color: var(--color-secondary4);
              border: 2px solid var(--color-secondary3);
              border-radius: 4px;
              box-shadow: 0 0 5px var(--color-secondary2);
              text-align: center;
              font-weight: bold;

              &:has(input[type="radio"]:checked) {
                border-color: var(--color-primary);
                color: var(--color-primary);
              }

              input[type="radio"] {
                display: none;
              }

              img {
                width: 100px;
                height: 100px;
              }
            }
          }
        }
      }
    }
  }
}