/* ============================= */
/* 🔹 TYPOGRAPHY UTILITIES */
/* ============================= */
.font-heading {
  font-family: var(--font-heading) !important;
}
.font-body {
  font-family: var(--font-body) !important;
}
.text-lg {
  font-size: 1.125rem !important;
}
.text-xl {
  font-size: 1.25rem !important;
}
.text-2xl {
  font-size: 1.5rem !important;
}
.text-3xl {
  font-size: 1.875rem !important;
}
.text-4xl {
  font-size: 2.25rem !important;
}

/* ============================= */
/* 🔹 BORDER UTILITIES */
/* ============================= */
.rounded-xl {
  border-radius: 1rem !important;
}
.rounded-2xl {
  border-radius: 1.5rem !important;
}

/* ============================= */
/* 🔹 SHADOW UTILITIES */
/* ============================= */
.shadow-deep {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4) !important;
}
.shadow-subtle {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}

/* ============================= */
/* 🔹 SPACING UTILITIES (IF NEEDED) */
/* ============================= */
.p-4 {
  padding: 1rem !important;
}
.p-6 {
  padding: 1.5rem !important;
}
.p-8 {
  padding: 2rem !important;
}
.m-4 {
  margin: 1rem !important;
}
.m-6 {
  margin: 1.5rem !important;
}
.m-8 {
  margin: 2rem !important;
}

/* ============================= */
/* 🔹 FLEX UTILITIES */
/* ============================= */
.flex {
  display: flex !important;
}
.justify-between {
  justify-content: space-between !important;
}
.items-center {
  align-items: center !important;
}

.ph-bg {
  margin: 0 auto;
  background-image: url(/images/hero_wood.png);
  background-size: 2000px 260px;
  background-repeat: repeat-y;
}

/* ============================= */
/* 🔹 CART UTILITIES */
/* ============================= */
.cart-thumb {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 0.5rem;
}

.cart-summary-area {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 0.5rem;
}