/* Page-specific styles that don't fit neatly into components */

/* Meat Counter - product grid spacing */
.meat-counter .product-card__image .image-placeholder {
  aspect-ratio: 1;
}

/* Deli Counter - tri-tip section special spacing */
.deli-counter .tritip-feature {
  margin-bottom: var(--space-3xl);
}

/* Contact page - map section */
.contact-page .map-section {
  padding-block: var(--space-2xl);
}

/* About section on home - image treatment */
.about-image {
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.about-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}