/* ══════════════════════════════════════════════
   CATALOG COMPONENT — dual layout (grid / scroll)
   Used on Homepage + Programs page
══════════════════════════════════════════════ */

/* ── Sticky filter bar ── */
.mr-cat-bar{position:sticky;top:var(--nav-h);z-index:90;background:var(--bg);border-bottom:1px solid var(--wh08);padding:12px 0;margin:0 0 24px}
.mr-cat-bar-inner{display:flex;align-items:center;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 var(--gap);scrollbar-width:none}
.mr-cat-bar-inner::-webkit-scrollbar{display:none}
.mr-cat-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wh40);flex-shrink:0}
.mr-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:99px;border:1px solid var(--wh14);background:transparent;color:var(--wh60);font-size:13px;font-weight:500;font-family:var(--fb);cursor:pointer;transition:.2s;white-space:nowrap;flex-shrink:0}
.mr-chip:hover{border-color:var(--wh40);color:var(--wh)}
.mr-chip.active{background:var(--grad);border-color:transparent;color:#fff}
.mr-chip-n{font-size:11px;opacity:.7}

/* ── VERSION 1: GRID ── */
.mr-grid-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 var(--gap)}
.mr-card{background:var(--dark);border:1px solid var(--wh08);border-radius:var(--r2);overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column}
.mr-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.35);border-color:var(--wh14)}
.mr-card-img{height:180px;position:relative;overflow:hidden;background:var(--prod-bg);display:flex;align-items:center;justify-content:center}
.mr-card-img img{width:100%;height:100%;object-fit:contain;padding:8px;box-sizing:border-box}
.mr-card-ph{font-family:var(--ff);font-size:22px;font-weight:700;color:var(--wh14)}
.mr-badge-rx{position:absolute;top:10px;right:10px;background:var(--acc);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.04em}
.mr-badge-feat{position:absolute;top:10px;left:10px;background:var(--grad);color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:6px}
.mr-card-body{padding:16px;flex:1;display:flex;flex-direction:column}
.mr-card-cat{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--acc-l);margin-bottom:6px}
.mr-card-name{font-family:var(--ff);font-size:15px;font-weight:700;color:var(--wh);line-height:1.3;margin-bottom:6px}
.mr-card-desc{font-size:12.5px;color:var(--wh40);line-height:1.5;margin-bottom:auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mr-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--wh08)}
.mr-card-price{font-family:var(--ff);font-size:16px;font-weight:700;color:var(--wh)}
.mr-card-details{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--wh40);border:1px solid var(--wh14);padding:5px 10px;border-radius:8px;cursor:pointer;background:transparent;font-family:var(--fb);transition:.2s;white-space:nowrap}
.mr-card-details:hover{color:var(--wh);border-color:var(--wh40)}
.mr-card-btn{font-size:12px;font-weight:700;background:var(--grad);color:#fff;padding:8px 16px;border-radius:99px;text-decoration:none;transition:.2s}
.mr-card-btn:hover{opacity:.85}
@media(max-width:1100px){.mr-grid-wrap{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.mr-grid-wrap{grid-template-columns:1fr;gap:12px;padding:0 8px}
  .mr-card-img{height:200px}}

/* ── VERSION 2: SCROLL (horizontal per category) ── */
.mr-sec{margin-bottom:32px;padding:0 var(--gap)}
.mr-sec-hd{margin-bottom:14px}
.mr-sec-hd h3{font-family:var(--ff);font-size:20px;font-weight:700;color:var(--wh);display:inline}
.mr-sec-count{font-size:13px;color:var(--wh40);margin-left:8px}
.mr-sec-flash{animation:secFlash 1.2s ease}
@keyframes secFlash{0%,100%{background:transparent}30%{background:rgba(168,72,232,.06)}}
.mr-scroll-track{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding:0 16px;gap:14px;padding:4px 4px 16px}
.mr-scroll-track::-webkit-scrollbar{height:4px}
.mr-scroll-track::-webkit-scrollbar-thumb{background:var(--acc-dim);border-radius:2px}
.mr-scard{flex:0 0 240px;scroll-snap-align:start;background:var(--dark);border:1px solid var(--wh08);border-radius:var(--r2);overflow:hidden;text-decoration:none;transition:transform .2s,border-color .2s}
.mr-scard:hover{transform:translateY(-3px);border-color:var(--wh14)}
.mr-scard-img{height:160px;position:relative;overflow:hidden;background:var(--prod-bg);display:flex;align-items:center;justify-content:center}
.mr-scard-img img{width:100%;height:100%;object-fit:contain;padding:8px;box-sizing:border-box}
.mr-scard-name{padding:12px 14px 4px;font-family:var(--ff);font-size:14px;font-weight:700;color:var(--wh);line-height:1.3}
.mr-scard-price{padding:0 14px 14px;font-size:14px;font-weight:600;color:var(--acc-l)}
@media(max-width:768px){.mr-scard{flex:0 0 200px}}

/* ── Details toggle ── */
.mr-card-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}
.mr-card-name-row .mr-card-name{flex:1}
.mr-card-desc{display:none}
.mr-card-open .mr-card-desc{display:block}
.mr-card-open .mr-card-details{color:var(--acc-l);border-color:var(--acc)}

.mr-img-disc{font-size:11px;color:var(--wh40);text-align:center;padding:16px var(--gap) 0;margin:0;font-style:italic}