/* Scoped to this display; intentionally no theme, WooCommerce or body overrides. */
.cups-most-ordered[hidden] { display: none !important; }
.cups-most-ordered { box-sizing: border-box; clear: both; width: 100%; margin: 44px auto; padding: 0 20px; color: #202b24; text-align: left; font-family: inherit; }
.cups-most-ordered *, .cups-most-ordered *::before, .cups-most-ordered *::after { box-sizing: border-box; }
.cups-most-ordered .cups-mo-inner { max-width: 1180px; margin: 0 auto; }
.cups-most-ordered .cups-mo-heading { margin: 0 0 24px; }
.cups-most-ordered .cups-mo-eyebrow { margin: 0 0 6px; color: #406c28; font-size: 12px; font-weight: 700; line-height: 1.6; letter-spacing: .13em; }
.cups-most-ordered .cups-mo-intro { margin: 0; font-size: clamp(22px, 3vw, 30px); line-height: 1.25; font-weight: 700; color: #202b24; }
.cups-most-ordered .cups-mo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.cups-most-ordered .cups-mo-card { min-width: 0; padding: 28px; border: 1px solid #dce4d8; border-radius: 16px; background: #f7f9f4; }
.cups-most-ordered .cups-mo-card + .cups-mo-card { background: #fff; }
.cups-most-ordered .cups-mo-title { margin: 0 0 8px; padding: 0; font-size: 22px; line-height: 1.3; font-weight: 700; color: #202b24; text-transform: none; letter-spacing: normal; }
.cups-most-ordered .cups-mo-subtitle { margin: 0 0 22px; font-size: 14px; line-height: 1.6; color: #53604e; }
.cups-most-ordered .cups-mo-list { margin: 0; padding: 0; list-style: none; }
.cups-most-ordered .cups-mo-meal { display: flex; gap: 14px; align-items: flex-start; margin: 0; padding: 17px 0; list-style: none; border-top: 1px solid #dce4d8; font-size: 16px; line-height: 1.6; }
.cups-most-ordered .cups-mo-meal::before { content: none; }
.cups-most-ordered .cups-mo-rank { display: inline-flex; flex: 0 0 30px; justify-content: center; padding-top: 1px; color: #406c28; font-weight: 700; font-size: 16px; }
.cups-most-ordered .cups-mo-combination { min-width: 0; overflow-wrap: anywhere; color: #202b24; }
.cups-most-ordered .cups-mo-empty { font-size: 15px; color: #53604e; margin: 0; }
@media (max-width: 720px) {
    .cups-most-ordered { padding: 0 16px; margin: 30px auto; }
    .cups-most-ordered .cups-mo-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .cups-most-ordered .cups-mo-card { padding: 22px 18px; }
    .cups-most-ordered .cups-mo-title { font-size: 21px; }
    .cups-most-ordered .cups-mo-meal { gap: 10px; }
}