/* =========================================================================
   menu-refinement.css  —  Menu page About-DNA treatment (v2.9.24.72)
   Enqueued ONLY on /queens-ny-cannabis-dispensary-menu/ (silk-road-nyc.php
   $is_menu branch). Depends on sr-menu + sr-about-dna so tokens are available
   and this wins cascade.

   TARGETS THE ACTUAL CLASSES rendered by menu-v3.js + shared-v3.js:
     Product card   : .sr-card, .sr-card-body, .sr-card-name, .sr-card-brand,
                      .sr-card-price, .sr-card-img, .sr-card-img-wrap,
                      .sr-card-meta, .sr-card-add-btn, .sr-card-price-row,
                      .sr-card-price-old, .sr-card-price-special
     Menu layout    : .sr-menu-wrap, .sr-menu-app, .sr-menu-main,
                      .sr-menu-sidebar, .sr-menu-grid, .sr-menu-topbar,
                      .sr-menu-breadcrumb, .sr-menu-result-count,
                      .sr-menu-search, .sr-menu-sort, .sr-menu-load-more,
                      .sr-menu-empty
     Filters        : .sr-filter-btn, .sr-filter-group, .sr-filter-label,
                      .sr-filter-list, .sr-filter-count, .sr-filter-subtle,
                      .sr-filter-active

   Anchor: /about/ page aesthetic. White body, near-black #0f1511 text,
   14px card radius, 1px rgba(15,21,17,.1) border, hover lift
   translateY(-2px) + shadow 0 14px 36px rgba(15,21,17,.1), .18s cubic-bezier
   easing.

   Previous v2.9.24.71 shipped this file targeting .sr-m-* (fictional) and
   was inert. This rewrite points at reality.
   ========================================================================= */

/* ===== Menu page root ===== */
.sr-menu-app,
.sr-menu-wrap {
  background: #fff !important;
  color: #0f1511 !important;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
  max-width: 1400px;
  margin: 0 auto;
  padding: 16px clamp(16px, 3vw, 32px) 80px;
}

/* ===== Topbar (search + sort + breadcrumb) ===== */
.sr-menu-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0 20px;
  border-bottom: 1px solid rgba(15,21,17,.08);
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.sr-menu-breadcrumb {
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(15,21,17,.55);
  font-weight: 600;
}
.sr-menu-result-count {
  font-size: 13px;
  color: rgba(15,21,17,.6);
  font-weight: 600;
}

/* ===== Search ===== */
.sr-menu-search {
  position: relative;
  flex: 1 1 280px;
  max-width: 420px;
}
.sr-menu-search input {
  width: 100%;
  background: #fff !important;
  color: #0f1511 !important;
  border: 1.5px solid rgba(15,21,17,.15) !important;
  border-radius: 10px !important;
  padding: 10px 14px 10px 38px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  transition: border-color .18s cubic-bezier(0.2,0.8,0.2,1),
              box-shadow .18s cubic-bezier(0.2,0.8,0.2,1) !important;
}
.sr-menu-search input:focus {
  border-color: #209F48 !important;
  box-shadow: 0 0 0 4px rgba(126,217,87,.16) !important;
  outline: none !important;
}
.sr-menu-search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(15,21,17,.4);
}

/* ===== Sort ===== */
.sr-menu-sort,
.sr-sort-select {
  background: #fff !important;
  border: 1.5px solid rgba(15,21,17,.15) !important;
  color: #0f1511 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 10px 32px 10px 14px !important;
  border-radius: 10px !important;
  transition: border-color .18s cubic-bezier(0.2,0.8,0.2,1) !important;
}
.sr-sort-select:hover { border-color: rgba(32,159,72,.5) !important; }

/* ===== Sidebar (filters) ===== */
.sr-menu-sidebar {
  background: #f6f6f2 !important;
  border: 1px solid rgba(15,21,17,.08) !important;
  border-radius: 14px !important;
  padding: 22px 20px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #0f1511 !important;
}

/* Filter group */
.sr-filter-group {
  margin-bottom: 22px;
}
.sr-filter-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: rgba(15,21,17,.55) !important;
  margin: 0 0 10px !important;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Filter buttons/items */
.sr-filter-btn,
.sr-filter-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 600;
  color: #0f1511;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  transition: all .18s cubic-bezier(0.2,0.8,0.2,1);
  text-align: left;
  width: 100%;
}
.sr-filter-btn:hover,
.sr-filter-list li:hover {
  background: rgba(126,217,87,.1);
  color: #209F48;
}
.sr-filter-btn.sr-filter-active,
.sr-filter-list li.sr-filter-active {
  background: rgba(126,217,87,.14);
  color: #209F48;
  border-color: rgba(32,159,72,.32);
  font-weight: 700;
}
.sr-filter-count,
.sr-filter-count-badge {
  font-family: ui-monospace, Menlo, monospace;
  font-size: 11px;
  color: rgba(15,21,17,.5);
  font-weight: 600;
}
.sr-filter-subtle { color: rgba(15,21,17,.55); font-size: 12px; }

/* Clear filters */
.sr-clear-all-btn,
.sr-clear-filters {
  background: transparent !important;
  color: #209F48 !important;
  border: 1px solid rgba(32,159,72,.32) !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  cursor: pointer;
  transition: all .18s cubic-bezier(0.2,0.8,0.2,1) !important;
}
.sr-clear-all-btn:hover,
.sr-clear-filters:hover {
  background: #209F48 !important;
  color: #fff !important;
}

/* Active filter tags (pills showing current filters) */
.sr-active-filter-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(126,217,87,.14) !important;
  color: #209F48 !important;
  border: 1px solid rgba(32,159,72,.32) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 100px !important;
}

/* ===== Product grid ===== */
.sr-menu-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 20px !important;
  margin: 0 0 40px !important;
}

/* ===== Product card (overrides shared-v3 dark .sr-card) ===== */
.sr-menu-grid .sr-card,
.sr-menu-wrap .sr-card,
.sr-menu-app .sr-card {
  background: #fff !important;
  border: 1px solid rgba(15,21,17,.1) !important;
  border-radius: 14px !important;
  color: #0f1511 !important;
  transition: transform .18s cubic-bezier(0.2,0.8,0.2,1),
              box-shadow .18s cubic-bezier(0.2,0.8,0.2,1),
              border-color .18s cubic-bezier(0.2,0.8,0.2,1) !important;
  overflow: hidden !important;
  cursor: pointer;
}
.sr-menu-grid .sr-card:hover,
.sr-menu-wrap .sr-card:hover,
.sr-menu-app .sr-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 36px rgba(15,21,17,.1) !important;
  border-color: rgba(32,159,72,.35) !important;
}
.sr-menu-grid .sr-card .sr-card-img-wrap,
.sr-menu-wrap .sr-card .sr-card-img-wrap,
.sr-menu-app .sr-card .sr-card-img-wrap {
  background: #f6f6f2 !important;
  padding: 16px !important;
}
.sr-menu-grid .sr-card .sr-card-img,
.sr-menu-wrap .sr-card .sr-card-img,
.sr-menu-app .sr-card .sr-card-img {
  object-fit: contain !important;
  transition: transform .24s cubic-bezier(0.2,0.8,0.2,1) !important;
}
.sr-menu-grid .sr-card:hover .sr-card-img,
.sr-menu-wrap .sr-card:hover .sr-card-img,
.sr-menu-app .sr-card:hover .sr-card-img {
  transform: scale(1.03) !important;
}

/* Card body text — HIGH-SPECIFICITY overrides because shared-v3.css has
   .sr-wrap .sr-card .sr-card-name { color:#fff !important } which beats
   anything less specific. Add body .sr-wrap prefix = (0,4,1) — wins. */
body .sr-wrap .sr-menu-grid .sr-card .sr-card-body,
body .sr-wrap .sr-menu-wrap .sr-card .sr-card-body,
body .sr-wrap .sr-menu-app  .sr-card .sr-card-body,
.sr-menu-grid .sr-card-body,
.sr-menu-wrap .sr-card-body,
.sr-menu-app .sr-card-body {
  padding: 14px 16px 16px !important;
  color: #0f1511 !important;
  background: transparent !important;
}
body .sr-wrap .sr-menu-grid .sr-card .sr-card-brand,
body .sr-wrap .sr-menu-wrap .sr-card .sr-card-brand,
body .sr-wrap .sr-menu-app  .sr-card .sr-card-brand,
.sr-menu-grid .sr-card-brand,
.sr-menu-wrap .sr-card-brand,
.sr-menu-app .sr-card-brand {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: #209F48 !important;
  -webkit-text-fill-color: #209F48 !important;
  line-height: 1.2 !important;
  margin-bottom: 6px !important;
}
body .sr-wrap .sr-menu-grid .sr-card .sr-card-name,
body .sr-wrap .sr-menu-wrap .sr-card .sr-card-name,
body .sr-wrap .sr-menu-app  .sr-card .sr-card-name,
.sr-menu-grid .sr-card-name,
.sr-menu-wrap .sr-card-name,
.sr-menu-app .sr-card-name {
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
          background-clip: border-box !important;
  letter-spacing: -.005em !important;
  margin-bottom: 4px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
body .sr-wrap .sr-menu-grid .sr-card .sr-card-meta,
body .sr-wrap .sr-menu-wrap .sr-card .sr-card-meta,
body .sr-wrap .sr-menu-app  .sr-card .sr-card-meta,
.sr-menu-grid .sr-card-meta,
.sr-menu-wrap .sr-card-meta,
.sr-menu-app .sr-card-meta {
  font-family: ui-monospace, Menlo, Consolas, monospace !important;
  font-size: 11px !important;
  letter-spacing: .08em !important;
  color: rgba(15,21,17,.55) !important;
  -webkit-text-fill-color: rgba(15,21,17,.55) !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  margin: 6px 0 !important;
}

/* Price row specificity fix as well — same principle */
body .sr-wrap .sr-menu-grid .sr-card .sr-card-price,
body .sr-wrap .sr-menu-wrap .sr-card .sr-card-price,
body .sr-wrap .sr-menu-app  .sr-card .sr-card-price {
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  background: none !important;
}

/* Price row */
.sr-menu-grid .sr-card-price,
.sr-menu-wrap .sr-card-price,
.sr-menu-app .sr-card-price {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #0f1511 !important;
  letter-spacing: -.01em !important;
}
.sr-menu-grid .sr-card-price-old,
.sr-menu-wrap .sr-card-price-old,
.sr-menu-app .sr-card-price-old {
  text-decoration: line-through !important;
  color: rgba(15,21,17,.4) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  margin-right: 8px !important;
}
.sr-menu-grid .sr-card-price-special,
.sr-menu-wrap .sr-card-price-special,
.sr-menu-app .sr-card-price-special {
  color: #209F48 !important;
}

/* Delivery chips */
.sr-menu-grid .sr-card-deliv-chip,
.sr-menu-wrap .sr-card-deliv-chip,
.sr-menu-app .sr-card-deliv-chip {
  background: rgba(126,217,87,.14) !important;
  color: #209F48 !important;
  border: 1px solid rgba(32,159,72,.32) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  padding: 3px 8px !important;
  border-radius: 100px !important;
}
.sr-menu-grid .sr-card-deliv-free,
.sr-menu-wrap .sr-card-deliv-free,
.sr-menu-app .sr-card-deliv-free {
  background: linear-gradient(135deg, #7ED957, #209F48) !important;
  color: #051a09 !important;
  border: none !important;
}

/* Add-to-cart button (main CTA) */
.sr-menu-grid .sr-card-add-btn,
.sr-menu-wrap .sr-card-add-btn,
.sr-menu-app .sr-card-add-btn {
  background: linear-gradient(135deg, #7ED957, #209F48) !important;
  color: #051a09 !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 12px 18px !important;
  font-family: 'Poppins', inherit !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  cursor: pointer;
  transition: transform .18s cubic-bezier(0.2,0.8,0.2,1),
              box-shadow .18s cubic-bezier(0.2,0.8,0.2,1),
              filter .18s !important;
  box-shadow: 0 4px 14px rgba(32,159,72,.28) !important;
  line-height: 1 !important;
  margin-top: 12px;
  width: 100%;
}
.sr-menu-grid .sr-card-add-btn:hover,
.sr-menu-wrap .sr-card-add-btn:hover,
.sr-menu-app .sr-card-add-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(32,159,72,.42) !important;
  filter: brightness(1.05) !important;
}
.sr-menu-grid .sr-card-add-btn:active,
.sr-menu-wrap .sr-card-add-btn:active,
.sr-menu-app .sr-card-add-btn:active {
  transform: translateY(0) !important;
}
.sr-menu-grid .sr-card-add-btn:focus-visible,
.sr-menu-wrap .sr-card-add-btn:focus-visible,
.sr-menu-app .sr-card-add-btn:focus-visible {
  outline: 2px solid #7ED957 !important;
  outline-offset: 2px !important;
}

/* ===== Load more ===== */
.sr-menu-load-more {
  background: transparent !important;
  color: #0f1511 !important;
  border: 1.5px solid rgba(15,21,17,.15) !important;
  border-radius: 10px !important;
  padding: 14px 28px !important;
  font-family: 'Poppins', inherit !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  cursor: pointer;
  transition: all .18s cubic-bezier(0.2,0.8,0.2,1) !important;
  margin: 0 auto;
  display: block;
}
.sr-menu-load-more:hover {
  background: #0f1511 !important;
  color: #7ED957 !important;
  border-color: #0f1511 !important;
  transform: translateY(-1px);
}
.sr-menu-load-more-wrap {
  text-align: center;
  padding: 24px 0 48px;
}

/* ===== Empty state ===== */
.sr-menu-empty {
  text-align: center !important;
  padding: 80px 20px !important;
  color: rgba(15,21,17,.6) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  grid-column: 1 / -1;
}
.sr-menu-empty-icon {
  font-size: 48px;
  margin-bottom: 16px;
  color: rgba(15,21,17,.3);
}
.sr-menu-empty::before {
  content: "— NO RESULTS —";
  display: block;
  font-family: ui-monospace, Menlo, monospace;
  font-size: 11px;
  letter-spacing: .18em;
  color: rgba(15,21,17,.35);
  margin-bottom: 14px;
}

/* ===== Responsive ===== */
@media (max-width: 1024px) {
  .sr-menu-wrap,
  .sr-menu-app {
    display: block !important;
  }
  .sr-menu-sidebar {
    margin-bottom: 24px !important;
  }
}
@media (max-width: 640px) {
  .sr-menu-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  .sr-menu-grid .sr-card-body { padding: 12px !important; }
  .sr-menu-grid .sr-card-brand { font-size: 10px !important; }
  .sr-menu-grid .sr-card-name { font-size: 14px !important; }
  .sr-menu-grid .sr-card-price { font-size: 16px !important; }
  .sr-menu-grid .sr-card-add-btn { padding: 10px 14px !important; font-size: 12px !important; }
  .sr-menu-topbar { flex-direction: column; align-items: stretch; }
  .sr-menu-search { max-width: 100%; }
}

/* ===== prefers-reduced-motion ===== */
@media (prefers-reduced-motion: reduce) {
  .sr-menu-grid .sr-card,
  .sr-menu-grid .sr-card:hover,
  .sr-menu-grid .sr-card-img,
  .sr-menu-grid .sr-card-add-btn,
  .sr-filter-btn,
  .sr-menu-load-more {
    transition: none !important;
    transform: none !important;
  }
}

/* =====================================================================
   v2.9.24.103 — State-of-the-art menu DNA overhaul
   Sohan 2026-04-23 via SR-DNA-RECIPE.html inspector paste:
     "Look at the bookmark bar — dark gray bg, green + white writing, so
      clear and distinct. THIS is how product cards, sidebar, filters
      should be. Highly intelligent and state of the art."
   Root causes fixed:
     1. shared-v3.css:2967 #sr-menu-app>.sr-menu-wrap blue-gray gradient
        had higher specificity (1,1,0) than menu-refinement (.sr-menu-wrap
        = 0,1,0) — matched specificity + !important to win
     2. Sidebar filter-label + filter-btn still carried dark-mode white-on-
        white colors (rgba(255,255,255,.55/.7)) — explicit dark-theme kill
     3. Product card .sr-card-name white-on-white bug — explicit dark fill
     4. Filter-active class never moved on chip click — fixed in menu-v3.js
   ===================================================================== */

/* 1. Kill shared-v3 dark menu-wrap gradient + HUD brackets + flicker anim */
#sr-menu-app > .sr-menu-wrap,
#sr-menu-app > .sr-menu-wrap.__sr_ia_outline_locked {
  background: #fff !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  animation: none !important;
  border: 1px solid rgba(15,21,17,.06) !important;
}
#sr-menu-app > .sr-menu-wrap::before,
#sr-menu-app > .sr-menu-wrap::after {
  display: none !important;
}

/* 2. Sidebar — clean white card, DNA section labels (green accent eyebrow) */
#sr-menu-app .sr-menu-sidebar {
  background: #fff !important;
  border: 1px solid rgba(15,21,17,.08) !important;
  box-shadow: 0 8px 24px -12px rgba(15,21,17,.08) !important;
  border-radius: 14px !important;
}
#sr-menu-app .sr-menu-sidebar .sr-filter-label {
  color: #209F48 !important;
  -webkit-text-fill-color: #209F48 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  margin: 0 0 12px !important;
  padding: 6px 10px !important;
  background: rgba(126,217,87,.08) !important;
  border-left: 3px solid #209F48 !important;
  border-radius: 0 4px 4px 0 !important;
  display: block !important;
}
#sr-menu-app .sr-menu-sidebar .sr-filter-btn {
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  background: #fff !important;
  border: 1px solid rgba(15,21,17,.1) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 9px 12px !important;
  border-radius: 8px !important;
}
#sr-menu-app .sr-menu-sidebar .sr-filter-btn:hover {
  background: rgba(126,217,87,.06) !important;
  color: #209F48 !important;
  -webkit-text-fill-color: #209F48 !important;
  border-color: rgba(32,159,72,.32) !important;
}
#sr-menu-app .sr-menu-sidebar .sr-filter-btn.sr-filter-active {
  background: linear-gradient(135deg, rgba(126,217,87,.22), rgba(32,159,72,.14)) !important;
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  border: 1px solid rgba(32,159,72,.55) !important;
  font-weight: 800 !important;
  box-shadow:
    0 0 0 2px rgba(32,159,72,.08),
    0 1px 0 rgba(255,255,255,.6) inset !important;
}
#sr-menu-app .sr-menu-sidebar .sr-filter-count,
#sr-menu-app .sr-menu-sidebar .sr-filter-count-badge {
  color: rgba(15,21,17,.5) !important;
  -webkit-text-fill-color: rgba(15,21,17,.5) !important;
}
#sr-menu-app .sr-clear-all-btn {
  background: transparent !important;
  color: #209F48 !important;
  border: 1.5px solid rgba(32,159,72,.4) !important;
}
#sr-menu-app .sr-clear-all-btn:hover {
  background: #209F48 !important;
  color: #fff !important;
}

/* 3. Topbar — editorial bookmark-bar DNA (dark with green + white) */
#sr-menu-app .sr-menu-topbar {
  background: linear-gradient(135deg, #0f1511, #1a2620) !important;
  color: #f6f6f2 !important;
  padding: 16px 22px !important;
  border-radius: 14px !important;
  border: none !important;
  margin-bottom: 22px !important;
  box-shadow: 0 12px 32px -16px rgba(15,21,17,.35) !important;
}
#sr-menu-app .sr-menu-breadcrumb {
  color: #7ED957 !important;
  -webkit-text-fill-color: #7ED957 !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}
#sr-menu-app .sr-menu-result-count {
  color: rgba(246,246,242,.88) !important;
  -webkit-text-fill-color: rgba(246,246,242,.88) !important;
  font-size: 13px !important;
}
#sr-menu-app .sr-menu-search input {
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #f6f6f2 !important;
  -webkit-text-fill-color: #f6f6f2 !important;
}
#sr-menu-app .sr-menu-search input::placeholder {
  color: rgba(246,246,242,.55) !important;
  -webkit-text-fill-color: rgba(246,246,242,.55) !important;
}
#sr-menu-app .sr-menu-search input:focus {
  border-color: #7ED957 !important;
  box-shadow: 0 0 0 3px rgba(126,217,87,.25) !important;
}
#sr-menu-app .sr-menu-search-icon {
  color: rgba(246,246,242,.7) !important;
}
#sr-menu-app .sr-sort-select {
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #f6f6f2 !important;
  -webkit-text-fill-color: #f6f6f2 !important;
}

/* 4. Product cards — white body, black name, green brand + price accent,
      green side-stripe + SR monogram watermark top-right */
#sr-menu-app .sr-card {
  background: #fff !important;
  border: 1px solid rgba(15,21,17,.08) !important;
  border-left: 3px solid rgba(126,217,87,.5) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 22px -10px rgba(15,21,17,.1) !important;
  position: relative !important;
}
#sr-menu-app .sr-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 36px -12px rgba(15,21,17,.16) !important;
  border-color: rgba(32,159,72,.35) !important;
  border-left-color: rgba(32,159,72,.75) !important;
}
#sr-menu-app .sr-card .sr-card-name {
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  font-weight: 700 !important;
}
#sr-menu-app .sr-card .sr-card-brand {
  color: #209F48 !important;
  -webkit-text-fill-color: #209F48 !important;
  font-weight: 800 !important;
}
#sr-menu-app .sr-card .sr-card-price {
  color: #0f1511 !important;
  -webkit-text-fill-color: #0f1511 !important;
  font-weight: 800 !important;
}
#sr-menu-app .sr-card .sr-card-price-old {
  color: rgba(15,21,17,.4) !important;
  -webkit-text-fill-color: rgba(15,21,17,.4) !important;
}
#sr-menu-app .sr-card .sr-card-price-special {
  color: #209F48 !important;
  -webkit-text-fill-color: #209F48 !important;
}
/* SR monogram watermark on each card (top-right, subtle) */
#sr-menu-app .sr-menu-grid .sr-card::after {
  content: "SR" !important;
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  font-family: ui-monospace, Menlo, monospace !important;
  font-weight: 800 !important;
  font-size: 10px !important;
  color: rgba(32,159,72,.55) !important;
  letter-spacing: .1em !important;
  border: 1.5px solid rgba(32,159,72,.4) !important;
  border-radius: 100px !important;
  padding: 2px 7px !important;
  z-index: 2 !important;
  background: rgba(255,255,255,.92) !important;
  pointer-events: none !important;
}

/* 5. Active filter bar — green tint strip between topbar + grid */
#sr-menu-app .sr-active-filters {
  background: rgba(126,217,87,.06) !important;
  border: 1px solid rgba(32,159,72,.18) !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  margin-bottom: 18px !important;
}

/* END v2.9.24.103 ==================================================== */