/* Pantry -- bakery, deli and home kitchen.
   Warm and handmade. Soft corners, cropped photography, generous line height:
   this is a shop with one person behind it, not a warehouse. */

.sf-pantry {
  --sf-radius: 15px;
  --sf-radius-sm: 10px;
  --sf-gap: 18px;
  --sf-section-y: 48px;
  --sf-card-border: 1px solid rgba(0, 0, 0, .06);
  --sf-card-shadow: 0 1px 2px rgba(0, 0, 0, .04);
  --sf-card-shadow-h: 0 14px 32px -10px rgba(0, 0, 0, .15);
  --sf-surface: rgba(0, 0, 0, .03);
  --sf-title-size: 24px;
  --sf-title-weight: 700;
}

.sf-pantry .sf-card-media { aspect-ratio: 4 / 3; }
.sf-pantry .sf-card-media img { object-fit: cover; padding: 0; }
.sf-pantry .sf-card-body { padding: 14px 15px 16px; }
.sf-pantry .sf-card-name { font-size: 14.5px; font-weight: 600; line-height: 1.4; }
.sf-pantry .sf-badge { border-radius: 99px; padding: 5px 11px; }
.sf-pantry .sf-cat-img { border-radius: 50%; }
.sf-pantry .sf-editorial-in { max-width: 700px; text-align: center; }
.sf-pantry .sf-prow-img { border-radius: 11px; }
.sf-pantry .sf-hero-title { font-size: clamp(27px, 3.4vw, 42px); }

.sf-pantry .tp-btn, .sf-pantry .tp-btn-2 { border-radius: 99px; padding-left: 26px; padding-right: 26px; }
.sf-pantry .tp-shop-widget { border-radius: 15px; padding: 18px 20px; }
.sf-pantry .tp-cart-checkout-wrapper { border-radius: 15px; padding: 20px; }
.sf-pantry .breadcrumb__area { padding: 20px 0; }

@media (max-width: 640px) { .sf-pantry { --sf-gap: 13px; --sf-section-y: 32px; } }