/* Shopping refinements, November 2026. Keep the existing theme and checkout. */
.pview-save { display: block; color: #214c36; font-weight: 750; margin: .35rem 0; }
.pview-action-price { display: none; }
.sub-benefits { max-width: 65ch; line-height: 1.6; margin: 1rem 0 1.5rem; }
.sub-dealers-featured { border: 1px solid #b7c4b8; padding: 1rem 1.25rem; background: #edf0e6; max-width: 780px; margin: 1.2rem 0 0; }
.sub-dealers-featured > summary { font-size: 1.1rem; color: #214333; }
.sub-dealers-featured .sub-panel { margin-top: 1rem; }
.cart-subscribe-hint { font-size: .9rem; margin: .6rem 0 0; }
.cart-subscribe-hint a { color: #214c36; text-underline-offset: 3px; }
.ar-redesign #home-featured { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.ar-review-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.ar-review { margin: 0; padding: 1.5rem; border: 1px solid #c9cec0; background: #f6f5ed; }
.ar-review blockquote { margin: .8rem 0 1rem; font-family: var(--serif, Georgia, serif); font-size: 1.25rem; line-height: 1.5; }
.ar-review figcaption { font-size: .85rem; }
.ar-review-stars { color: #775819; letter-spacing: .08em; }
.pview-review { margin: 1rem 0; padding: .8rem 0; border-block: 1px solid #c9cec0; font-size: .9rem; }
.pview-review blockquote { margin: 0 0 .4rem; }
.pview-review figcaption { font-size: .8rem; color: #546159; }
.pview-sold-today[hidden] { display: none !important; }
@media (max-width: 767px) {
  .ar-redesign .pview { padding: 0 !important; align-items: stretch !important; }
  .ar-redesign .pview-sheet { display: flex !important; flex-direction: column !important; height: 100vh !important; height: 100dvh !important; max-height: 100dvh !important; width: 100% !important; max-width: none !important; border-radius: 0 !important; overflow: clip !important; }
  .ar-redesign .pview-scroll { display: block !important; flex: 1 1 auto !important; min-height: 0 !important; max-height: none !important; overflow-y: auto !important; }
  .ar-redesign .pview-body { overflow: visible !important; max-height: none !important; padding-bottom: 1rem !important; }
  .ar-redesign .pview-sheet > .pview-actions-row { flex: 0 0 auto; position: relative !important; inset: auto !important; display: grid !important; grid-template-columns: minmax(68px, 1fr) auto minmax(104px, 1.15fr); gap: 8px !important; align-items: center; margin: 0 !important; padding: 10px 12px max(10px, env(safe-area-inset-bottom, 0px)) !important; background: #f7f5ef !important; border-top: 1px solid #bdc6b6; box-shadow: 0 -4px 14px #172c2514; z-index: 5; }
  .pview-action-price { display: block; font-weight: 700; font-size: .82rem; line-height: 1.4; }
  .ar-redesign .pview-actions-row .tile-qty { display: flex !important; margin: 0 !important; width: auto !important; }
  .ar-redesign .pview-actions-row .tile-qty .qty-btn { min-width: 30px !important; width: 30px !important; height: 44px; padding: 0 !important; }
  .ar-redesign .pview-actions-row .tile-qty input { width: 32px !important; min-width: 0 !important; padding: 0 !important; font-size: 16px; }
  .ar-redesign .pview-actions-row [data-pview-add] { margin: 0 !important; min-width: 0 !important; width: 100% !important; padding: 8px !important; min-height: 46px !important; font-size: .85rem !important; }
  .ar-review-grid { grid-template-columns: 1fr; gap: .8rem; }
  .ar-review { padding: 1.25rem; }
  .ar-redesign #home-featured { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .ar-redesign #home-featured > :last-child:nth-child(odd) { grid-column: 1 / -1; max-width: none; }
  .ar-mobile-roast { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 44px; box-sizing: border-box; padding: 4px 12px; margin: 8px 0; background: #e9eddf; border-block: 1px solid #b7c4b8; color: #214333; font-size: .85rem; line-height: 1.3; }
  .ar-mobile-roast button { flex: 0 0 36px; width: 36px; height: 36px; border: 0; background: transparent; color: inherit; font-size: 1.3rem; }
  body.pview-open .ar-mobile-roast, body.sheet-open .ar-mobile-roast, body.menu-open .ar-mobile-roast { visibility: hidden; }
}