/* BeanHestia content comfort spacing
   Adds breathing room to bordered white panels that do not already define
   their own component-specific padding. Existing component padding keeps
   precedence because :where() contributes zero specificity. */
:where(#app .panel) {
  padding: 24px;
}

/* Keep seller status notices visually separated from the catalog title/action row. */
#app .section > .container > .notice + .block-title-row {
  margin-top: 24px;
}

/* Cart rows already provide their own interior padding and should stay edge-to-edge. */
#app .cart-items-panel {
  padding: 0;
}

@media (max-width: 680px) {
  :where(#app .panel) {
    padding: 20px;
  }

  #app .section > .container > .notice + .block-title-row {
    margin-top: 18px;
  }
}