/* Comparison layout: canonical data, readable type, measured pages without clipping. */
html:has(dialog.nxcmp-active[open]),html body:has(dialog.nxcmp-active[open]){overflow:hidden!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active{
 box-sizing:border-box!important;position:fixed!important;inset:0!important;margin:auto!important;
 width:min(1480px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;
 height:calc(100dvh - 32px)!important;max-height:calc(100dvh - 32px)!important;min-height:0!important;
 padding:16px!important;border:0!important;border-radius:8px!important;outline:0!important;
 background:#050505!important;color:#f4f4f5!important;box-shadow:0 24px 90px #000a!important;
 overflow:visible!important;font:400 14px/1.2 Inter,Arial,sans-serif!important;color-scheme:dark!important;
}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active[open]{display:flex!important;flex-direction:column!important;gap:10px!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active>header{display:flex!important;position:static!important;align-items:center!important;justify-content:space-between!important;flex:none!important;min-height:28px!important;padding:0!important;margin:0!important;border:0!important;background:none!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active h2{font:400 16px/1.2 Inter,Arial,sans-serif!important;color:#fff!important;margin:0!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .one-panel-close{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;padding:0!important;margin:0!important;min-height:0!important;border:0!important;outline:none!important;box-shadow:none!important;color:#fff!important;background:none!important;font:400 26px/1 Arial,sans-serif!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active [data-one-panel-content]{display:flex!important;flex-direction:column!important;gap:10px!important;flex:1!important;min-width:0!important;min-height:0!important;max-height:none!important;padding:0!important;overflow:visible!important;outline:0!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active :is(button,select){font:400 14px/1.2 Inter,Arial,sans-serif!important;box-sizing:border-box!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active :is(button,select):focus-visible{outline:2px solid #ff0060!important;outline-offset:2px!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;flex:none;min-width:0}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-toolbar button{width:32px;height:32px;padding:0;border:0;background:none;color:#ff0060}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-product{display:block;width:min(620px,calc(100% - 88px));min-width:0;height:32px;padding:4px 10px;border:1px solid #3f3f46;border-radius:3px;background:#080808;color:#fff}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-sections{display:flex;flex:none;gap:6px}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-sections button{flex:1;min-width:0;padding:7px 3px;border:0;border-bottom:1px solid #3f3f46;background:none;color:#fff}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-sections button[aria-selected="true"]{border-bottom:2px solid #ff0060}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;flex:1;min-height:0;min-width:0}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-panel{display:flex;flex-direction:column;min-height:0;min-width:0;gap:5px}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-panel h3{flex:none;margin:0;padding:0;color:#fff!important;font:400 14px/1.2 Inter,Arial,sans-serif!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active table.nxcmp-table{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important;border-spacing:0!important;margin:0!important;color:#d4d4d8!important;font:400 14px/1.2 Inter,Arial,sans-serif!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active table.nxcmp-table :is(th,td){box-sizing:border-box!important;position:static!important;min-width:0!important;width:auto!important;padding:2px 3px!important;border:0!important;border-bottom:1px solid #242428!important;background:none!important;color:#d4d4d8!important;font:400 14px/1.2 Inter,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active table.nxcmp-table th:first-child{width:43%!important;text-align:left!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active table.nxcmp-table thead th{padding:3px 2px 6px!important;color:#fff!important;vertical-align:bottom!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-tier{display:block;color:#fff!important;font:400 14px/1.2 Inter,Arial,sans-serif!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-price{display:block!important;margin:3px 0 0!important;color:#fff!important;font:400 20px/1.1 Inter,Arial,sans-serif!important;white-space:nowrap!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-euro{display:inline!important;font-size:.5em!important;line-height:1!important;margin-left:2px!important;vertical-align:baseline!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active table.nxcmp-table tr.nxcmp-group th{color:#fff!important;background:#050505!important;padding-top:7px!important;padding-bottom:3px!important;text-align:left!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-plan-select{width:100%;padding:3px 0;border:0;border-bottom:1px solid #52525b;background:#050505;color:#fff}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-pager{display:flex;align-items:center;justify-content:center;gap:12px;flex:none;height:28px;min-height:28px;margin-top:auto;color:#d4d4d8}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-pager button{width:30px;height:28px;padding:0;border:0;background:none;color:#ff0060}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-pager button:disabled{opacity:.3;cursor:default}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-pager[hidden]{display:none!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-notes{flex:none;display:grid;gap:4px;margin:0!important;padding:0!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-notes p{margin:0!important;padding:0!important;color:#d4d4d8!important;font:400 14px/1.2 Inter,Arial,sans-serif!important}
@media(max-width:899px){
 html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:12px!important;gap:8px!important}
 html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active [data-one-panel-content]{gap:8px!important}
 html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-workspace{grid-template-columns:minmax(0,1fr);gap:0}
 html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active table.nxcmp-table th:first-child{width:48%!important}
 html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active table.nxcmp-table :is(th,td){padding:3px 3px!important}
 html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-notes{gap:4px}
}

/* One continuous portrait comparison, on desktop and mobile alike. */
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active{width:min(520px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;height:auto!important;max-height:calc(100dvh - 24px)!important;padding:18px!important;overflow:hidden!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active[open]{gap:8px!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active>header{position:absolute!important;right:8px!important;top:8px!important;min-height:24px!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active>header h2{display:none!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active [data-one-panel-content]{gap:12px!important;flex:none!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-toolbar{padding-right:25px;justify-content:flex-start;gap:4px}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-product{flex:1;width:auto;height:28px;padding:4px 8px}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-toolbar button{width:24px;height:28px}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active :is(button,select){font-size:10px!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .one-panel-close{font-size:23px!important;width:24px!important;height:24px!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-workspace{display:block;flex:none;min-height:0}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active table.nxcmp-table,html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active table.nxcmp-table :is(th,td),html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-tier{font-size:7px!important;color:#fff!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active table.nxcmp-table :is(th,td){padding:3px 2px!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active table.nxcmp-table th:first-child{width:60%!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-price{font-size:10px!important}
html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active .nxcmp-disclosure{margin:0;font-size:9px;color:#fff}
@media(max-height:700px){html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active table.nxcmp-table :is(th,td){padding-block:2px!important}}

html body[data-nodex-surface="store"] dialog.reference-dialog.nxcmp-active{inset:50% auto auto 50%!important;margin:0!important;transform:translate(-50%,-50%);height:max-content!important}