/* === Main Layout === */
.container {
  max-width: 1400px;
  margin: 20px auto;
  padding: 0 5%;
  display: grid;
  grid-template-columns: 280px 1fr 280px;
  gap: 30px;
  align-items: start;
}

.sidebar-left,
.sidebar-right {
  position: sticky;
  top: 20px;
  height: fit-content;
}

.main-content {
  min-width: 0;
  width: 100%;
}

/* Full width layout for WooCommerce pages */
.woocommerce-account .container,
.woocommerce-cart .container,
.woocommerce-checkout .container,
.single-product .container {
  display: block;
  grid-template-columns: none;
}

.woocommerce-account .main-content,
.woocommerce-cart .main-content,
.woocommerce-checkout .main-content,
.single-product .main-content {
  grid-column: 1 / -1;
  width: 100%;
}

/* Hide sidebars on WooCommerce pages */
.woocommerce-account .sidebar-left,
.woocommerce-account .sidebar-right,
.woocommerce-cart .sidebar-left,
.woocommerce-cart .sidebar-right,
.woocommerce-checkout .sidebar-left,
.woocommerce-checkout .sidebar-right,
.single-product .sidebar-left,
.single-product .sidebar-right {
  display: none;
}

/* === Card Styles === */
.card {
  background: #fff;
  padding: 20px 15px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  border: 1px solid #d1d5db;
  margin-bottom: 25px;
}

.card img {
	width: 100%;
	object-fit: cover;
}

.welcome-card {
  text-align: center;
  background: linear-gradient(135deg, #f8f9fa, #e9ecef);
}

.welcome-card h1 {
  margin: 0 0 15px 0;
  color: #2c3e50;
  font-size: 2.2em;
  font-family: 'Georgia', serif;
}

.collections-card {
  background: #fff;
}

/* Products Grid */
.products-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}