/* WooCommerce — FrioCool shop styles */

.woocommerce .woocommerce-notices-wrapper,
.woocommerce-page .woocommerce-notices-wrapper {
  max-width: 1180px;
  margin: 1rem auto;
  padding: 0 1rem;
}

.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
  border-radius: 14px !important;
  border-top: none !important;
  background: #eaf6fd !important;
  color: #152a3d !important;
}

.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 1.25rem;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce ul.products li.product {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  background: #fff;
  border-radius: 22px;
  padding: 1.25rem;
  box-shadow: 0 10px 28px rgba(18, 52, 86, 0.1);
  border: 1px solid rgba(43, 159, 217, 0.12);
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: "Outfit", sans-serif;
  font-size: 1.1rem !important;
  color: #123456;
  padding: 0 !important;
}

.woocommerce ul.products li.product .price {
  color: #2b9fd9 !important;
  font-family: "Outfit", sans-serif;
  font-weight: 800;
  font-size: 1.25rem !important;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt {
  background: linear-gradient(135deg, #2b9fd9, #1e8fc9) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  padding: 0.85rem 1.4rem !important;
  box-shadow: 0 10px 24px rgba(43, 159, 217, 0.35);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button.alt:hover {
  background: #1e8fc9 !important;
  color: #fff !important;
}

.woocommerce div.product {
  max-width: 1180px;
  margin: 0 auto;
  padding: 2rem 1rem 3rem;
}

.woocommerce div.product .product_title {
  font-family: "Outfit", sans-serif;
  color: #123456;
  font-weight: 800;
}

.woocommerce div.product p.price {
  color: #2b9fd9 !important;
  font-size: 1.75rem !important;
  font-weight: 800;
}

.woocommerce-cart .cart-collaterals,
.woocommerce-checkout .col2-set,
.woocommerce-account {
  max-width: 1180px;
  margin: 0 auto;
  padding: 2rem 1rem 3rem;
}

.woocommerce table.shop_table {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(18, 52, 86, 0.12) !important;
}

.woocommerce-checkout #payment {
  background: #f5fbff;
  border-radius: 16px;
}

.site-shop-header {
  background: linear-gradient(180deg, #ffffff, #eaf6fd);
  padding: calc(40px + 74px + 1.5rem) 0 1.5rem;
}

.site-shop-header h1 {
  font-family: "Outfit", sans-serif;
  color: #123456;
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 800;
}

@media (max-width: 767px) {
  .site-shop-header {
    padding-top: calc(68px + 1.25rem);
  }
}