/* Jar purchase layout: scoped to the jars page; catalog/checkout remain unchanged. */

.jars-page .jar-harvest-badge {
  justify-self:start; max-width:100%; padding:4px 9px; margin:0 0 7px;
  border:1px solid #dec991; border-radius:3px; background:#f2e7c8;
  color:#624716; font:600 12px/1.45 var(--pf-font-body);
}
.jars-page .jar-harvest-badge[hidden] { display:none; }
@media (max-width:768px) {
  .jars-page.simple-commerce { padding:16px; }
  .jars-page .simple-commerce-intro { margin-bottom:16px; }
  .jars-page .simple-commerce-intro h1 { font-size:32px; margin:6px 0; }
  .jars-page .simple-commerce-intro p { font-size:14px; line-height:1.45; }
  .jars-page.simple-commerce .cards.jar-grid { grid-template-columns:1fr; gap:28px; }
  .jars-page.simple-commerce .jar-photo>img {
    width:100%; height:min(160px,22svh); max-height:35vh;
    aspect-ratio:auto; object-fit:contain;
  }
  .jars-page.simple-commerce .jar-card { scroll-margin-top:12px; }
  .jars-page.simple-commerce .jar-card .card-body { padding:12px 0 0; column-gap:12px; }
  .jars-page.simple-commerce .jar-card .card-body>.eyebrow { font-size:10px; line-height:1.3; }
  .jars-page.simple-commerce .jar-card h2 { font-size:29px; margin:3px 0; }
  .jars-page.simple-commerce .jar-card .price { margin:3px 0; }
  .jars-page.simple-commerce .jar-card .jar-weight { margin:0 0 8px; line-height:1.4; }
  .jars-page.simple-commerce .jar-card label.fine { margin:0 0 4px; line-height:1.4; }
  .jars-page.simple-commerce .jar-card select { font-size:16px; min-height:44px; padding:8px 10px; margin:0 0 8px; }
  .jars-page.simple-commerce .jar-card .jar-preorder-note { font-size:12px; line-height:1.45; margin:0 0 8px; }
  .jars-page.simple-commerce .jar-card .quantity { margin:0; gap:8px; }
  .jars-page.simple-commerce .jar-card .quantity label { margin:0; }
  .jars-page.simple-commerce .jar-card .quantity input { min-height:44px; font-size:16px; padding:6px; }
  .jars-page.simple-commerce .jar-purchase-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:8px; }
  .jars-page.simple-commerce .jar-purchase-actions button { min-height:46px; font-size:14px; padding:10px 8px; }
  .jars-page.simple-commerce .jar-card .comparison { margin-top:12px; }
  .jars-page.simple-commerce .jar-card .jar-taste { margin:4px 0; font-size:14px; line-height:1.5; }
  .jars-page.simple-commerce .jar-card .jar-origin,
  .jars-page.simple-commerce .jar-card .jar-origin+.fine { line-height:1.45; margin:4px 0; }
}

/* Storefront announcement. */
.jars-page .storefront-announcement {
  margin:0 0 18px; padding:10px 14px; border:1px solid #dec991;
  border-radius:3px; background:#f8f2e4; color:#163e31;
  font:400 14px/1.5 var(--pf-font-body); text-align:center;
}
.jars-page .storefront-announcement strong { font-weight:700; }
@media (max-width:768px) {
  .jars-page .storefront-announcement {
    margin-bottom:14px; padding:9px 11px; font-size:13px; line-height:1.45;
    text-align:left;
  }
}

/* Mobile jars only: keep purchase controls ahead of secondary tasting copy. */
@media (max-width:760px) {
  .simple-preview:has(.jars-page) .site-header { padding:8px 16px; }
  .simple-preview:has(.jars-page) .site-header .brand-row { grid-template-columns:60px minmax(0,1fr) 62px; gap:4px 10px; }
  .simple-preview:has(.jars-page) .site-header .menu-toggle { grid-column:1; grid-row:1; min-height:44px; }
  .simple-preview:has(.jars-page) .site-header .site-brand { grid-column:2; grid-row:1; }
  .simple-preview:has(.jars-page) .site-header .site-brand img { width:76px; }
  .simple-preview:has(.jars-page) .site-header .header-actions .cart-link { grid-column:3; grid-row:1; min-height:44px; display:flex; align-items:center; justify-content:flex-end; font-size:12px; }
  .simple-preview:has(.jars-page) .site-header .header-actions .honey-finder-link { grid-column:1 / 3; grid-row:2; min-height:44px; padding:3px 8px; }
  .simple-preview:has(.jars-page) .site-header .header-actions .shop-link { grid-column:3; grid-row:2; min-height:44px; padding:8px; }
  .simple-preview:has(.jars-page) .journey-nav { display:none; }
  .simple-preview:has(.jars-page) .site-header:has(.site-nav.is-open) .journey-nav { display:grid; margin-top:8px; }
  .jars-page.simple-commerce { padding-top:12px; }
  .jars-page .simple-commerce-intro { margin-bottom:10px; }
  .jars-page.simple-commerce .jar-photo>img { height:min(112px,16svh); }
  .jars-page.simple-commerce .jar-card .comparison,
  .jars-page.simple-commerce .jar-card .jar-taste,
  .jars-page.simple-commerce .jar-card .jar-origin,
  .jars-page.simple-commerce .jar-card .jar-origin+.fine { order:1; }
}