@media (min-width: 768px) and (max-width: 1023px) {
.hero-heading {
  font-size: 52px;
}
.about-hero-heading {
  font-size: 44px;
}
.category-grid {
  grid-template-columns: repeat(2, 1fr);
}
.bento-grid {
  grid-template-columns: 1fr 1fr;
}
.product-card.featured {
  grid-column: span 2;
  grid-row: span 1;
}
.brand-story-inner {
  grid-template-columns: 1fr;
}
.footer-grid {
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
.instagram-grid {
  grid-template-columns: repeat(3, 1fr);
}
.commitment-inner {
  grid-template-columns: 1fr;
  gap: 48px;
}
.commitment-images {
  flex-direction: row;
}
.commitment-img:first-child {
  margin-left: 0;
}
.commitment-img:last-child {
  margin-right: 0;
}
.founder-quote-inner {
  grid-template-columns: 1fr;
  gap: 40px;
}
.founder-photo img {
  height: 400px;
}
.stats-grid {
  grid-template-columns: repeat(2, 1fr);
}
.who-we-are h2 {
  font-size: 34px;
}
.shop-hero h1 {
  font-size: 44px;
}
.product-grid {
  grid-template-columns: repeat(2, 1fr);
}
.product-grid .product-card:nth-child(1),
.product-grid .product-card:nth-child(5) {
  grid-column: span 1;
}
.cta-section h2 {
  font-size: 32px;
}
.product-layout {
  gap: 40px;
}
.product-name {
  font-size: 30px;
}
.related-grid {
  grid-template-columns: repeat(2, 1fr);
}
.related-products h2 {
  font-size: 30px;
}
/* Blog Listing */
.hero-blog-content h1 { font-size: 48px; }
.blog-featured { grid-template-columns: 1fr; }
.blog-featured-img { min-height: 280px; }
.blog-cards-grid { grid-template-columns: repeat(2, 1fr); }
.blog-featured-content { padding: 32px 28px; }

/* Blog Post */
.article-header-content h1 { font-size: 36px; }
.article-content { padding: 0 32px; }
.post-nav-inner { padding: 32px 32px 0; }
.related-posts-inner { padding: 0 32px; }

/* Contact */
.contact-info-grid { gap: 20px; }
.contact-form-inner { grid-template-columns: 1fr; gap: 40px; }
.form-photo { aspect-ratio: 16/9; }

/* Cart */
.cart-hero { padding: 120px 0 60px; }
.cart-hero h1 { font-size: 48px; }
.checkout-hero { padding: 120px 0 50px; }
.checkout-hero h1 { font-size: 48px; }
.trust-items { gap: 40px; flex-wrap: wrap; justify-content: center; }

/* Mini-cart */
.mini-cart-panel { width: 380px; }
}