/* WooCommerce-specific styles */

.woocommerce-page .product {
  margin-bottom: 2rem;
}

.woocommerce-page .products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  .woocommerce-page .products {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .woocommerce-page .products {
    grid-template-columns: 1fr;
  }
}

/* WooCommerce button styling */
.woocommerce button.button,
.woocommerce a.button {
  background-color: #00ccff;
  color: #000;
  border-radius: 40px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.75rem;
  padding: 1.25rem 2.5rem;
  transition: all 0.3s ease;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover {
  background-color: #ffffff;
  transform: scale(1.05);
}

/* WooCommerce price styling */
.woocommerce .price {
  color: #000;
  font-weight: 700;
  font-size: 1.25rem;
}

/* WooCommerce form styling */
.woocommerce form .form-row input,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  border-radius: 40px;
  padding: 0.75rem 1rem;
  border: 1px solid #e5e7eb;
}

.woocommerce form .form-row input:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  outline: none;
  ring: 2px;
  ring-color: #00ccff;
  border-color: transparent;
}