/* Meson Direct - condition grades (2026-09-29). Loaded by novamira-sandbox/meson-grades.php */
:root{--mg-a:#1E7F4F;--mg-a-bg:#E4F4EB;--mg-b:#2459B0;--mg-b-bg:#E6EEFB;--mg-c:#B4520F;--mg-c-bg:#FDEBDD}

/* card label */
.product-label.meson-grade-l{background:#fff!important;color:#0C2548!important;font-family:"Sora",sans-serif;font-weight:700;font-size:11px;letter-spacing:.02em;border-radius:999px;padding:4px 9px;box-shadow:0 2px 8px -3px rgba(12,37,72,.35);text-transform:none}
.product-label.meson-grade-l.mg-a{color:var(--mg-a)!important}
.product-label.meson-grade-l.mg-b{color:var(--mg-b)!important}
.product-label.meson-grade-l.mg-c{color:var(--mg-c)!important}

/* product page condition card */
.mg-cond{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #E3E8F1;border-radius:16px;padding:14px 16px;margin:14px 0 18px}
.mg-cond-g{flex:0 0 auto;min-width:52px;height:52px;padding:0 8px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:"Sora",sans-serif;font-size:22px;font-weight:800}
.mg-cond.mg-a .mg-cond-g{background:var(--mg-a-bg);color:var(--mg-a)}
.mg-cond.mg-b .mg-cond-g{background:var(--mg-b-bg);color:var(--mg-b)}
.mg-cond.mg-c .mg-cond-g{background:var(--mg-c-bg);color:var(--mg-c)}
.mg-cond-t{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.45;color:#5B6478}
.mg-cond-t strong{font-family:"Sora",sans-serif;font-size:15px;color:#0C2548}
.mg-cond-t a{color:#C94E14;font-weight:700;font-size:13px;margin-top:2px}

/* category: chips + guide */
.mg-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0 0 18px;scroll-margin-top:120px}
.mg-bar-l{font-family:"Sora",sans-serif;font-weight:700;font-size:13px;color:#0C2548}
.mg-chips{display:flex;flex-wrap:wrap;gap:8px}
.mg-chip{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;background:#fff;border:1.5px solid #E3E8F1;color:#0C2548!important;font-size:14px;font-weight:600;white-space:nowrap;transition:border-color .2s,background .2s}
.mg-chip b{font-family:"Sora",sans-serif;font-weight:800}
.mg-chip.mg-a b{color:var(--mg-a)}.mg-chip.mg-b b{color:var(--mg-b)}.mg-chip.mg-c b{color:var(--mg-c)}
.mg-chip em{font-style:normal;font-size:12px;font-weight:700;color:#5B6478;background:#EEF2F8;border-radius:999px;padding:1px 7px}
.mg-chip:hover{border-color:#F26721}
.mg-chip.is-on{background:#0C2548;border-color:#0C2548;color:#fff!important}
.mg-chip.is-on b,.mg-chip.is-on em{color:#fff}.mg-chip.is-on em{background:rgba(255,255,255,.16)}
.mg-guide{flex-basis:100%;background:#fff;border:1px solid #E3E8F1;border-radius:16px}
.mg-guide summary{cursor:pointer;list-style:none;padding:12px 16px;font-weight:700;color:#C94E14;font-size:14px}
.mg-guide summary::-webkit-details-marker{display:none}
.mg-guide summary:after{content:"+";float:right;font-size:18px;line-height:1}
.mg-guide[open] summary:after{content:"\2212"}
.mg-guide-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 16px 14px}
.mg-guide-r{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:#5B6478}
.mg-guide-r b{flex:0 0 auto;min-width:34px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:"Sora",sans-serif;font-weight:800;font-size:14px}
.mg-guide-r.mg-a b{background:var(--mg-a-bg);color:var(--mg-a)}.mg-guide-r.mg-b b{background:var(--mg-b-bg);color:var(--mg-b)}.mg-guide-r.mg-c b{background:var(--mg-c-bg);color:var(--mg-c)}
.mg-guide-r strong{color:#0C2548}
.mg-guide-n{grid-column:1/-1;margin:4px 0 0!important;font-size:13px;color:#5B6478}

/* category: section headings inside the grid */
.products .mg-sec,.wd-products .mg-sec{grid-column:1/-1;flex:0 0 100%;width:100%;max-width:100%;display:flex;align-items:center;gap:14px;padding:6px 2px 2px;margin:10px 0 2px}
.products .mg-sec:first-child,.wd-products .mg-sec:first-child{margin-top:0}
.mg-sec-b{flex:0 0 auto;height:40px;padding:0 14px;border-radius:12px;display:flex;align-items:center;font-family:"Sora",sans-serif;font-weight:800;font-size:16px}
.mg-sec.mg-a .mg-sec-b{background:var(--mg-a-bg);color:var(--mg-a)}
.mg-sec.mg-b .mg-sec-b{background:var(--mg-b-bg);color:var(--mg-b)}
.mg-sec.mg-c .mg-sec-b{background:var(--mg-c-bg);color:var(--mg-c)}
.mg-sec-t{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.mg-sec-t strong{font-family:"Sora",sans-serif;font-size:19px;font-weight:700;color:#0C2548}
.mg-sec-t span{font-size:14px;color:#5B6478}
.mg-sec em{margin-left:auto;font-style:normal;font-size:13px;font-weight:700;color:#5B6478;white-space:nowrap}
.mg-sec.mg-sold,.mg-sec.mg-none{border-top:1px solid #DDE3EE;padding-top:18px;margin-top:18px}

@media (max-width:1024px){.mg-guide-in{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
  .mg-bar{gap:8px}
  .mg-bar-l{flex-basis:100%}
  .mg-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -15px;padding:0 15px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mg-chips::-webkit-scrollbar{display:none}
  .mg-guide-in{grid-template-columns:1fr}
  .mg-sec{gap:10px}
  .mg-sec-b{height:34px;font-size:14px;padding:0 10px}
  .mg-sec-t strong{font-size:16px}
  .mg-sec-t span{font-size:13px}
  .mg-sec em{display:none}
  .mg-cond{padding:12px 14px}
  .mg-cond-g{min-width:46px;height:46px;font-size:19px}
}

/* homepage grade rows (A+ A / B+ B / C+ C) */
.mh-grades>a.mh-grade-row{display:flex;gap:16px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px 18px;text-decoration:none;transition:border-color .2s,background .2s}
.mh-grades>a.mh-grade-row:hover{border-color:rgba(242,103,33,.6);background:rgba(255,255,255,.09)}
.mh-grades b.mh-g-wide{width:auto;min-width:64px;padding:0 10px;font-size:17px;word-spacing:2px}