/* LXF-362 isolated card component, candidate 20261004-r1. Admin values and prices remain native. */
html body .p.lxf-badges-v4{--badge-promotion:#C62828;--badge-highlight:#FCDF08;--badge-info:#F2F2F2;--badge-ink:#231F20}
html body .p.lxf-badges-v4 .flags.flags-default > .flag {
 box-sizing:border-box!important;font-family:Roboto,Arial,sans-serif!important;font-size:13px!important;
 font-weight:700!important;line-height:17px!important;padding:4px 8px!important;
 min-height:27px!important;height:auto!important;border:1px solid #D5D5D5!important;
 border-radius:3px!important;background:var(--badge-info)!important;color:var(--badge-ink)!important;
 box-shadow:none!important;text-shadow:none!important;text-transform:none!important;
}
html body .p.lxf-badges-v4 .flags.flags-default > .flag:is(.flag-doprodej,.flag-action,.flag-custom1){
 background:var(--badge-promotion)!important;color:#fff!important;border-color:var(--badge-promotion)!important;
}
html body .p.lxf-badges-v4 .flags.flags-default > .flag:is(.flag-new,.flag-tip){
 background:var(--badge-highlight)!important;color:var(--badge-ink)!important;border-color:var(--badge-highlight)!important;
}
html body .p.lxf-badges-v4 .flags.flags-default > .flag-profi{
 background:var(--badge-ink)!important;color:#fff!important;border-color:var(--badge-ink)!important;
}
/* Empty masked pseudo-elements are decorative. Labels keep their full text. */
html body .p.lxf-badges-v4 .flags.flags-default > .flag:is(.flag-doprodej,.flag-custom1,.flag-action,.flag-new,.flag-tip,.flag-profi,.flag-upravitelne,.flag-custom2)::before{
 content:""!important;display:inline-block!important;position:static!important;
 width:12px!important;height:12px!important;margin:0 5px 0 0!important;
 vertical-align:-1px!important;background:currentColor!important;
 -webkit-mask:var(--badge-symbol) center/contain no-repeat;mask:var(--badge-symbol) center/contain no-repeat;
}
html body .p.lxf-badges-v4 .flags.flags-default > .flag:is(.flag-doprodej,.flag-custom1){--badge-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%202h6l6%206-6%206-6-6V2Z%22%2F%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%22.7%22%2F%3E%3C%2Fsvg%3E")}
html body .p.lxf-badges-v4 .flags.flags-default > .flag:is(.flag-action){--badge-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%201-6%208h4l-1%206%207-9H9l1-5Z%22%2F%3E%3C%2Fsvg%3E")}
html body .p.lxf-badges-v4 .flags.flags-default > .flag:is(.flag-new){--badge-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%201%201.8%205.2L15%208l-5.2%201.8L8%2015l-1.8-5.2L1%208l5.2-1.8L8%201Z%22%2F%3E%3C%2Fsvg%3E")}
html body .p.lxf-badges-v4 .flags.flags-default > .flag:is(.flag-tip){--badge-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%201.5%202%204.2%204.6.7-3.3%203.2.8%204.6L8%2012l-4.1%202.2.8-4.6L1.4%206.4l4.6-.7L8%201.5Z%22%2F%3E%3C%2Fsvg%3E")}
html body .p.lxf-badges-v4 .flags.flags-default > .flag:is(.flag-profi){--badge-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%202h8v12H4zM6%205h4M6%208h4M6%2011h2%22%2F%3E%3C%2Fsvg%3E")}
html body .p.lxf-badges-v4 .flags.flags-default > .flag:is(.flag-upravitelne){--badge-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%204h12M2%2012h12M5%201v6M11%209v6%22%2F%3E%3C%2Fsvg%3E")}
html body .p.lxf-badges-v4 .flags.flags-default > .flag:is(.flag-custom2){--badge-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%206c0%204-5%209-5%209S3%2010%203%206a5%205%200%200%201%2010%200Z%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%226%22%20r%3D%221.7%22%2F%3E%3C%2Fsvg%3E")}
html body .p.lxf-badges-v4 .flags.flags-default > .flag-profi::before{color:var(--badge-highlight)!important;}
@media(max-width:767px){
 /* Compact mobile labels keep the text legible without decorative icons. */
 html body .p.lxf-badges-v4 .flags.flags-default > .flag:is(.flag-doprodej,.flag-custom1,.flag-action,.flag-new,.flag-tip,.flag-profi,.flag-upravitelne,.flag-custom2)::before{display:none!important;}

 html body .p.lxf-badges-v4 .flags.flags-default > .flag{font-size:12px!important;line-height:16px!important;padding:2px 5px!important;min-height:22px!important;}
}

/* v4: badge-only rail. Desktop overlays the photo; mobile gets its own grid row. */
html body .p.lxf-badges-v4{
 --discount-bg:var(--badge-info);--discount-ink:var(--badge-ink);
}
html body .p.lxf-badges-v4:has(> .lxf-badge-rail > .flags-default > :is(.flag-action,.flag-doprodej,.flag-custom1)){
 --discount-bg:var(--badge-promotion);--discount-ink:#fff;
}
html body .p.lxf-badges-v4 .lxf-badge-rail{
 position:absolute;inset:0 0 auto;z-index:2;display:grid;
 grid-template-columns:minmax(0,1fr) minmax(0,max-content);align-items:start;gap:6px;
}
html body .p.lxf-badges-v4 .lxf-badge-rail > .flags{
 position:static!important;inset:auto!important;float:none!important;transform:none!important;
 width:auto!important;max-width:100%!important;height:auto!important;min-height:0!important;
 margin:0!important;padding:0!important;overflow:visible!important;
}
html body .p.lxf-badges-v4 .lxf-badge-rail > .flags-default{
 grid-column:1;grid-row:1;
 display:flex!important;flex-flow:row wrap!important;justify-content:flex-start!important;align-items:flex-start!important;gap:6px!important;
}
html body .p.lxf-badges-v4 .lxf-badge-rail > .flags-extra{display:flex!important;align-items:flex-start!important;grid-column:2;grid-row:1;}
html body .p.lxf-badges-v4 .lxf-badge-rail > .flags-default > .flag{
 position:static!important;float:none!important;inset:auto!important;transform:none!important;
 flex:0 1 auto!important;width:auto!important;max-width:100%!important;
 margin:0!important;text-align:left!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;
}
html body .p.lxf-badges-v4 .lxf-badge-rail .flag-discount{
 position:static!important;float:none!important;display:inline-flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;gap:0!important;
 box-sizing:border-box!important;width:auto!important;max-width:100%!important;min-width:82px!important;height:auto!important;min-height:46px!important;margin:0!important;padding:6px 10px 6px 16px!important;
 border:0!important;border-radius:0 3px 3px 0!important;
 clip-path:polygon(8px 0,100% 0,100% 100%,8px 100%,0 50%);
 background:var(--discount-bg)!important;color:var(--discount-ink)!important;
 box-shadow:none!important;text-shadow:none!important;white-space:normal!important;overflow-wrap:anywhere!important;overflow:visible!important;
 font-family:Roboto,Arial,sans-serif!important;
}
html body .p.lxf-badges-v4 .flag-discount .price-save{
 color:inherit!important;font:700 20px/22px Roboto,Arial,sans-serif!important;order:0!important;margin:0!important;padding:0!important;
}
html body .p.lxf-badges-v4 .flag-discount .price-standard{
 color:inherit!important;font:400 11px/12px Roboto,Arial,sans-serif!important;order:1!important;margin:0!important;padding:0!important;border:0!important;
}
html body .p.lxf-badges-v4 .flag-discount .price-standard span{color:inherit!important;}
html body .p.lxf-badges-v4 .flag-discount .price-standard::before,
html body .p.lxf-badges-v4 .flag-discount .price-standard span::before{background:currentColor!important;}
html body .p.lxf-badges-v4 .lxf-badge-rail > .flags[hidden],
html body .p.lxf-badges-v4 .lxf-badge-rail[hidden]{display:none!important;}
html body .p.lxf-badges-v4 .lxf-badge-rail:has(> .flags-extra[hidden]){grid-template-columns:minmax(0,1fr);}
@media(max-width:767px){
 html body .p.lxf-badges-v4 .lxf-badge-rail{position:static;grid-column:1/-1;grid-row:1;margin:0 0 4px;gap:6px;flex-basis:100%;width:100%;}
 html body .p.lxf-badges-v4:has(> .lxf-badge-rail) > .image{grid-template-rows:120px!important;height:120px!important;min-height:120px!important;}
 html body .p.lxf-badges-v4:has(> .lxf-badge-rail:not([hidden])) > .image{grid-column:1;grid-row:2;grid-template-rows:120px!important;margin-top:0!important;height:120px!important;}
 html body .p.lxf-badges-v4:has(> .lxf-badge-rail:not([hidden])) > .p-in{grid-column:2;grid-row:2;}
 html body .p.lxf-badges-v4 .lxf-badge-rail .flag-discount{height:auto!important;min-height:42px!important;min-width:76px!important;padding:5px 8px 5px 14px!important;gap:0!important;}
 html body .p.lxf-badges-v4 .flag-discount .price-save{font-size:18px!important;line-height:20px!important;}
 html body .p.lxf-badges-v4 .flag-discount .price-standard{font-size:11px!important;line-height:12px!important;}
}

/* Hidden source tags remain hidden; an emptied dynamic rail reserves no space. */
html body .p.lxf-badges-v4 > .lxf-badge-rail:not(:has(.flag:not([hidden]))) {display:none!important;}
html body .p.lxf-badges-v4 > .lxf-badge-rail:not(:has(.flags-extra > .flag)) {grid-template-columns:minmax(0,1fr);}
html body .p.lxf-badges-v4 > .lxf-badge-rail .flag[hidden] {display:none!important;}

html body .p.lxf-badges-v4 .lxf-badge-rail > .flags-extra:not(:has(> .flag)) {display:none!important;}