/*!
 * melgo – menu kategórií v3 (TEST, 9. 11. 2026)
 * Horný prechod A + farebná linka, bočné menu S2, panel podkategórií, mobilné menu M1.
 * Všetko, čo je vidno pri načítaní stránky, je čisté CSS nad HTML Shoptetu – nič nepreblikuje.
 * Skript menu-kategorii-test-v3.js pridáva len panel podkategórií (PC) a mobilné menu.
 *
 * TEST: pravidlá platia len pre prihláseného admina (body.admin-logged).
 * Ostrá verzia: všetky „body.admin-logged“ nahradiť za „body:not(.mgn-off)“ – sila selektorov ostane rovnaká.
 */

/* ===== Ikony hlavných kategórií (maska SVG, farbu dáva pozadie). Každý e-shop má vlastné ID kategórií. ===== */
:root { --mgn-ic0: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h6.5v6.5H4z M13.5 4H20v6.5h-6.5z M4 13.5h6.5V20H4z M13.5 13.5H20V20h-6.5z'/%3E%3C/svg%3E"); }
html[lang="sk"] :is(#cat-1455, [data-cat="1455"]) { --mgn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 12a8.5 8.5 0 1 0 17 0a8.5 8.5 0 1 0 -17 0 M9 15l6-6 M8.3 9.4a1.1 1.1 0 1 0 2.2 0a1.1 1.1 0 1 0 -2.2 0 M13.5 14.6a1.1 1.1 0 1 0 2.2 0a1.1 1.1 0 1 0 -2.2 0'/%3E%3C/svg%3E"); } /* Zľavy */
html[lang="sk"] :is(#cat-4181, [data-cat="4181"]) { --mgn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 3.5c.5 3.6 2.3 5.4 6 6c-3.7.6-5.5 2.4-6 6c-.5-3.6-2.3-5.4-6-6c3.7-.6 5.5-2.4 6-6z M18 14.5c.25 1.6 1 2.35 2.5 2.6c-1.5.25-2.25 1-2.5 2.6c-.25-1.6-1-2.35-2.5-2.6c1.5-.25 2.25-1 2.5-2.6z'/%3E%3C/svg%3E"); } /* Novinky */
html[lang="sk"] :is(#cat-43559, [data-cat="43559"]) { --mgn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 2.5h7a1.5 1.5 0 0 1 1.5 1.5v16a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 7 20V4a1.5 1.5 0 0 1 1.5-1.5z M10.8 18.3h2.4'/%3E%3C/svg%3E"); } /* Mobily, smart hodinky a tablety */
html[lang="sk"] :is(#cat-43577, [data-cat="43577"]) { --mgn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14a1 1 0 0 1 1 1v9.5H4V6a1 1 0 0 1 1-1z M2.5 15.5h19l-1.1 2.7a1 1 0 0 1-.9.6H4.5a1 1 0 0 1-.9-.6z'/%3E%3C/svg%3E"); } /* Počítače, notebooky a monitory */
html[lang="sk"] :is(#cat-43547, [data-cat="43547"]) { --mgn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4.5h16a1.5 1.5 0 0 1 1.5 1.5v9.5a1.5 1.5 0 0 1-1.5 1.5H4a1.5 1.5 0 0 1-1.5-1.5V6A1.5 1.5 0 0 1 4 4.5z M8.5 20.5h7 M12 17v3.5 M10.3 8.3v4.9l4.2-2.45z'/%3E%3C/svg%3E"); } /* TV, foto, video a audio */
html[lang="sk"] :is(#cat-43451, [data-cat="43451"]) { --mgn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 11 12 4l8.5 7 M5.5 9.4V20h13V9.4 M9.3 14.6a3.8 3.8 0 0 1 5.4 0 M7.4 12.5a6.6 6.6 0 0 1 9.2 0 M12 17.2h.01'/%3E%3C/svg%3E"); } /* Smart domácnosť a zabezpečenie */
html[lang="sk"] :is(#cat-43484, [data-cat="43484"]) { --mgn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 2.5h11A1.5 1.5 0 0 1 19 4v16a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 5 20V4a1.5 1.5 0 0 1 1.5-1.5z M5 7h14 M8 4.8h.01 M10.5 4.8h.01 M8 14a4 4 0 1 0 8 0a4 4 0 1 0 -8 0 M9.8 14.6c.8-.9 1.6-.9 2.4 0s1.6.9 2.4 0'/%3E%3C/svg%3E"); } /* Domáce spotrebiče */
html[lang="sk"] :is(#cat-43604, [data-cat="43604"]) { --mgn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 11V8.3A2.3 2.3 0 0 1 7.8 6h8.4a2.3 2.3 0 0 1 2.3 2.3V11 M3.5 11.2a1.6 1.6 0 0 1 3.2 0v2.3h10.6v-2.3a1.6 1.6 0 0 1 3.2 0V17a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1z M6.5 18v2 M17.5 18v2'/%3E%3C/svg%3E"); } /* Domácnosť, nábytok a bývanie */
html[lang="sk"] :is(#cat-43508, [data-cat="43508"]) { --mgn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5V11 M12 11c0-4.1 2.4-6.6 7-6.6c0 4.5-2.5 6.6-7 6.6z M12 14C12 10.6 9.9 8.6 5.8 8.6c0 3.7 2.2 5.4 6.2 5.4z M7.5 20.5h9'/%3E%3C/svg%3E"); } /* Záhrada, pestovanie a hospodárstvo */
html[lang="sk"] :is(#cat-43442, [data-cat="43442"]) { --mgn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 16v-3.2a1 1 0 0 1 .5-.9l2-1.2 1.7-3.4a1.6 1.6 0 0 1 1.4-.8h7.5a1.6 1.6 0 0 1 1.3.6l2.5 3.4 1.9.6a1 1 0 0 1 .7 1V16a1 1 0 0 1-1 1h-.7 M5 17H3.5a1 1 0 0 1-1-1 M9.6 17h4.8 M5 10.7h14 M5.2 17a2.1 2.1 0 1 0 4.2 0a2.1 2.1 0 1 0 -4.2 0 M14.6 17a2.1 2.1 0 1 0 4.2 0a2.1 2.1 0 1 0 -4.2 0'/%3E%3C/svg%3E"); } /* Auto-moto a garáž */
html[lang="sk"] :is(#cat-43526, [data-cat="43526"]) { --mgn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 9h17v10a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 19z M8.5 9V6.3A1.3 1.3 0 0 1 9.8 5h4.4a1.3 1.3 0 0 1 1.3 1.3V9 M3.5 13.5h17 M10.3 12.2v2.6h3.4v-2.6'/%3E%3C/svg%3E"); } /* Dielňa, náradie a technika */
html[lang="sk"] :is(#cat-44408, [data-cat="44408"]) { --mgn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 5h17v14h-17z M3.5 9.7h17 M3.5 14.3h17 M8.5 5v4.7 M15.5 5v4.7 M12 9.7v4.6 M8.5 14.3V19 M15.5 14.3V19'/%3E%3C/svg%3E"); } /* Stavba, inštalácie a energia */
html[lang="sk"] :is(#cat-43427, [data-cat="43427"]) { --mgn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.2 16a3.6 3.6 0 1 0 7.2 0a3.6 3.6 0 1 0 -7.2 0 M14.6 16a3.6 3.6 0 1 0 7.2 0a3.6 3.6 0 1 0 -7.2 0 M5.8 16 9.6 8.8h5.6 M12 16 9.6 8.8 M12 16 15.2 8.8 18.2 16 M5.8 16H12 M8.3 6.8h2.6 M14.1 6.6h2.6'/%3E%3C/svg%3E"); } /* Šport, outdoor a elektromobilita */
html[lang="sk"] :is(#cat-43466, [data-cat="43466"]) { --mgn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.3 13.3a6.7 6.7 0 1 0 13.4 0a6.7 6.7 0 1 0 -13.4 0 M4.4 6.9a2.2 2.2 0 1 0 4.4 0a2.2 2.2 0 1 0 -4.4 0 M15.2 6.9a2.2 2.2 0 1 0 4.4 0a2.2 2.2 0 1 0 -4.4 0 M9.6 12.4h.01 M14.4 12.4h.01 M10.4 16.1c.9.8 2.3.8 3.2 0'/%3E%3C/svg%3E"); } /* Hračky, deti a bábätká */
html[lang="sk"] :is(#cat-43847, [data-cat="43847"]) { --mgn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 14.5V19a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-4.5 M7 14.5a3.6 3.6 0 0 1-1.1-7A4.1 4.1 0 0 1 12 4.3a4.1 4.1 0 0 1 6.1 3.2a3.6 3.6 0 0 1-1.1 7z M7 17h10'/%3E%3C/svg%3E"); } /* Gastro a profesionálna kuchyňa */
html[lang="sk"] :is(#cat-43880, [data-cat="43880"]) { --mgn-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.2 4.2a2 2 0 0 1 2.8 0l1.8 1.8a2 2 0 0 1 0 2.8L9.2 19.4l-5 1.3 1.3-5z M13.6 5.8l4.6 4.6 M5.5 15.7l2.8 2.8'/%3E%3C/svg%3E"); } /* Kancelária a hobby */

/* ===== PC a tablet ===== */
@media (min-width: 768px) {
  /* Horný pás kategórií skrytý, farebná linka pod hlavičkou */
  html body.admin-logged #navigation,
  html body.admin-logged .menu-helper { display: none !important; }
  html body.admin-logged #header { border-bottom: 2px solid #15006f; }

  /* Sivý pás s cestou kategórií */
  html body.admin-logged .breadcrumbs-wrapper { position: relative; background: #f3f3f7; box-shadow: 0 0 0 100vmax #f3f3f7; clip-path: inset(0 -100vmax); }
  html body.admin-logged .breadcrumbs-wrapper::after { content: ""; position: absolute; left: -100vmax; right: -100vmax; bottom: 0; height: 1px; background: #e9e8f0; }
  html body.admin-logged .breadcrumbs { display: flex !important; flex-wrap: wrap; align-items: center; min-height: 46px; padding: 0 !important; background: transparent !important; border: 0 !important; }
  html body.admin-logged .breadcrumbs::before,
  html body.admin-logged .breadcrumbs::after { display: none !important; }
  html body.admin-logged .breadcrumbs.navigation-home-icon-wrapper > span { display: flex; align-items: center; height: auto !important; min-height: 0 !important; }
  html body.admin-logged .breadcrumbs.navigation-home-icon-wrapper > span > a { display: inline-flex !important; align-items: center; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 0 !important; color: #4d4d5c; font-size: 14px; line-height: 1.4 !important; text-decoration: none; }
  html body.admin-logged .breadcrumbs.navigation-home-icon-wrapper > span > a:hover { color: #15006f; text-decoration: underline; }
  html body.admin-logged .breadcrumbs.navigation-home-icon-wrapper > span > span:not(.navigation-bullet) { padding: 0 !important; }
  html body.admin-logged .breadcrumbs a::before,
  html body.admin-logged .breadcrumbs a::after { display: none !important; }
  html body.admin-logged .breadcrumbs .navigation-bullet { display: inline-flex !important; align-items: center; padding: 0 12px 0 9px !important; font-size: 0 !important; }
  html body.admin-logged .breadcrumbs .navigation-bullet::before { content: "" !important; display: block; width: 6px; height: 6px; border-top: 1.6px solid #a3a3b8; border-right: 1.6px solid #a3a3b8; transform: rotate(45deg); }
  html body.admin-logged .breadcrumbs > span:last-child .navigation-bullet { display: none !important; }
  html body.admin-logged .breadcrumbs.navigation-home-icon-wrapper > span > a.navigation-home-icon { width: 19px !important; height: 19px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315006f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 11 12 4l8.5 7 M5.8 9.4V20h12.4V9.4 M10 20v-5.5h4V20'/%3E%3C/svg%3E") center / 19px 19px no-repeat !important; }
  html body.admin-logged .breadcrumbs .navigation-home-icon::before { display: none !important; }
  html body.admin-logged .breadcrumbs > span:last-child,
  html body.admin-logged .breadcrumbs > span:last-child span { color: #15006f; font-weight: 700; font-size: 14px; }
  html body.admin-logged.type-product .breadcrumbs > span:last-child { display: none !important; }
  html body.admin-logged.type-product .breadcrumbs > span:nth-last-child(2) .navigation-bullet { display: none !important; }
  html body.admin-logged.type-product .breadcrumbs.navigation-home-icon-wrapper > span:nth-last-child(2) > a { color: #15006f; font-weight: 700; }

  /* Bočné menu S2 – štýl priamo nad bočným menu Shoptetu. Hrúbka písma sa pri prejdení myšou nemení (nič sa nezalomí). */
  html body.admin-logged .sidebar-left .box-categories { padding-top: 10px !important; padding-bottom: 12px !important; }
  html body.admin-logged .sidebar-left .box-categories > h3 { display: none !important; }
  html body.admin-logged #categories .categories { background: transparent !important; border: 0 !important; }
  html body.admin-logged #categories .categories > ul,
  html body.admin-logged #categories .cat-trigger,
  html body.admin-logged #categories img.catImg { display: none !important; }   /* img.catImg = staré ikony Zliav a Noviniek z doplnku ico.js */
  html body.admin-logged #categories .topic { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
  html body.admin-logged #categories .topic > a { position: relative !important; display: flex !important; align-items: center; box-sizing: border-box; min-height: 40px; margin: 0 !important; padding: 6px 30px 6px 50px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: #262636 !important; font-family: Nunito, sans-serif; font-size: 14px !important; font-weight: 600 !important; line-height: 1.25 !important; text-decoration: none !important; }
  html body.admin-logged #categories .topic > a::before { content: ""; position: absolute; left: 16px; top: 50%; width: 22px; height: 22px; margin-top: -11px; background: #15006f; -webkit-mask: var(--mgn-ic, var(--mgn-ic0)) center / 22px 22px no-repeat; mask: var(--mgn-ic, var(--mgn-ic0)) center / 22px 22px no-repeat; }
  html body.admin-logged #categories .expandable > .topic > a::after { content: ""; position: absolute; right: 18px; top: 50%; width: 6px; height: 6px; margin-top: -4px; border-top: 1.8px solid #b0b0c4; border-right: 1.8px solid #b0b0c4; transform: rotate(45deg); }
  html body.admin-logged #categories .topic > a:hover,
  html body.admin-logged #categories .categories.mgn-open > .topic > a { background: #fff !important; color: #15006f !important; }
  html body.admin-logged #categories > .categories.active > .topic > a { color: #15006f !important; box-shadow: inset 3px 0 0 #15006f !important; }
  html body.admin-logged #categories .topic > a:hover::after,
  html body.admin-logged #categories .categories.mgn-open > .topic > a::after,
  html body.admin-logged #categories > .categories.active > .topic > a::after { border-color: #15006f; }

  /* Zľavy a Novinky (ID kategórií na melgo.sk) */
  html[lang="sk"] body.admin-logged #categories > #cat-1455 > .topic > a { color: #c8102e !important; font-weight: 800 !important; }
  html[lang="sk"] body.admin-logged #categories > #cat-1455 > .topic > a::before { background: #c8102e; }
  html[lang="sk"] body.admin-logged #categories > #cat-4181 > .topic > a { color: #008a00 !important; font-weight: 800 !important; }
  html[lang="sk"] body.admin-logged #categories > #cat-4181 > .topic > a::before { background: #008a00; }
  html[lang="sk"] body.admin-logged #categories > #cat-4181 { margin-bottom: 9px !important; }
  html[lang="sk"] body.admin-logged #categories > #cat-4181 > .topic > a::after { content: ""; position: absolute; left: 14px; right: 12px; bottom: -5px; width: auto; height: 1px; margin: 0; border: 0; background: #e6e6ee; transform: none; }
}

/* ===== Panel s podkategóriami (vytvára ho skript) ===== */
.mgn-fly svg, .mgn-m svg { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.mgn-dim { position: absolute; z-index: 1000; background: rgba(16, 12, 40, .30); }
.mgn-fly { position: absolute; z-index: 1001; box-sizing: border-box; background: #fff; border: 1px solid #e6e5ef; border-radius: 0 12px 12px 12px; box-shadow: 0 22px 48px rgba(21, 0, 111, .14); padding: 22px 28px 6px; font-family: Nunito, sans-serif; text-align: left; }
.mgn-fly[hidden], .mgn-dim[hidden] { display: none !important; }
.mgn-fhd { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #eeeef3; }
.mgn-fly a.mgn-ft { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Roboto, sans-serif; font-size: 22px; font-weight: 500; color: #1f1f1f; text-decoration: none; }
.mgn-cnt { font-size: 13.5px; color: #7c7c92; white-space: nowrap; }
.mgn-fly a.mgn-all { margin-left: auto; font-weight: 700; font-size: 14.5px; color: #15006f; text-decoration: none; white-space: nowrap; }
.mgn-fly a.mgn-all:hover { color: #14bd14; }
.mgn-x { width: 36px; height: 36px; flex: none; padding: 0; border: 0; border-radius: 18px; background: #f3f3f7; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.mgn-x:hover { background: #e9e8f2; }
.mgn-x svg { width: 16px; height: 16px; stroke: #4d4d5c; stroke-width: 2.2; }
.mgn-cols { columns: 3 250px; column-gap: 32px; }
.mgn-grp { break-inside: avoid; display: flex; gap: 14px; margin-bottom: 20px; }
.mgn-fly a.mgn-th { flex: none; width: 64px; height: 46px; border-radius: 8px; background: #f5f5f9; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.mgn-th img { width: 62px; height: 44px; object-fit: contain; mix-blend-mode: multiply; }
.mgn-gt { display: flex; flex-direction: column; min-width: 0; }
.mgn-fly a.mgn-g2 { font-weight: 600; font-size: 15px; color: #15006f; margin: 1px 0 5px; line-height: 1.3; text-decoration: none; }
.mgn-fly a.mgn-g3 { font-size: 14px; line-height: 1.8; color: #4d4d5c; text-decoration: none; }
.mgn-fly a.mgn-g2:hover,
.mgn-fly a.mgn-g3:hover { color: #15006f; text-decoration: underline; }
.mgn-fly a.mgn-more { font-size: 13.5px; font-weight: 600; color: #15006f; text-decoration: none; margin-top: 2px; }
.mgn-fly a.mgn-more:hover { color: #14bd14; }

/* ===== Mobil: menu M1 v paneli Shoptetu (vytvára ho skript) ===== */
.mgn-m { display: none; }
@media (max-width: 767px) {
  html.mgn #navigation.mgn-ready .navigation-in > ul.menu-level-1 { display: none !important; }
  html.mgn #navigation.mgn-sub .navigationActions { display: none !important; }
  html.mgn #navigation.mgn-ready .navigation-close { top: 8px !important; right: 6px !important; }
  .mgn-m { display: block; font-family: Nunito, sans-serif; color: #20202e; text-align: left; }
  .mgn-mh { height: 58px; display: flex; align-items: center; gap: 4px; padding: 0 56px 0 8px; border-bottom: 1px solid #ececf2; box-sizing: border-box; }
  .mgn-mb { width: 44px; height: 44px; flex: none; padding: 0; border: 0; background: transparent; border-radius: 22px; display: flex; align-items: center; justify-content: center; }
  .mgn-mb svg { width: 24px; height: 24px; stroke: #15006f; stroke-width: 2.2; }
  .mgn-mt { flex: 1; min-width: 0; padding-left: 8px; font-family: Roboto, sans-serif; font-size: 19px; font-weight: 500; color: #1f1f1f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .mgn-pills { display: flex; gap: 10px; padding: 14px 16px 8px; }
  html.mgn .mgn-pill { flex: 1; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 800; font-size: 15.5px; text-decoration: none; }
  html.mgn .mgn-pill.mgn-red { background: #fdecee; color: #c8102e; }
  html.mgn .mgn-pill.mgn-grn { background: #e6f4e6; color: #008a00; }
  .mgn-m .mgn-ic { flex: none; width: 24px; height: 24px; margin: 0 3px; background: #15006f; -webkit-mask: var(--mgn-ic, var(--mgn-ic0)) center / 24px 24px no-repeat; mask: var(--mgn-ic, var(--mgn-ic0)) center / 24px 24px no-repeat; }
  .mgn-m .mgn-pill .mgn-ic { width: 20px; height: 20px; margin: 0; background: currentColor; -webkit-mask-size: 20px 20px; mask-size: 20px 20px; }
  html.mgn .mgn-row { width: 100%; display: flex; align-items: center; gap: 14px; min-height: 56px; margin: 0; padding: 6px 14px 6px 16px; box-sizing: border-box; border: 0; border-bottom: 1px solid #f0f0f4; border-radius: 0; background: #fff; text-align: left; font: inherit; color: #20202e; text-decoration: none; cursor: pointer; }
  .mgn-mn { flex: 1; min-width: 0; font-weight: 700; font-size: 15.5px; line-height: 1.25; color: #20202e; }
  .mgn-sub2 { display: block; font-weight: 600; font-size: 12.5px; color: #7c7c92; margin-top: 2px; }
  .mgn-m .mgn-chev { flex: none; width: 18px; height: 18px; stroke: #a0a0b8; stroke-width: 2; }
  html.mgn .mgn-mall { display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 0 16px; border-bottom: 1px solid #f0f0f4; font-weight: 800; font-size: 15px; color: #15006f; text-decoration: none; }
  .mgn-mall small { font-weight: 600; font-size: 13px; color: #7c7c92; }
  .mgn-mall .mgn-arr { margin-left: auto; }
  .mgn-mth { width: 56px; height: 40px; flex: none; border-radius: 8px; background: #f5f5f9; display: flex; align-items: center; justify-content: center; overflow: hidden; }
  .mgn-mth img { width: 54px; height: 39px; object-fit: contain; mix-blend-mode: multiply; }
  html.mgn .mgn-l3 { display: flex; align-items: center; min-height: 50px; padding: 0 16px; border-bottom: 1px solid #f0f0f4; font-weight: 600; font-size: 15px; color: #2b2b3b; text-decoration: none; }
}