/* LILIOR - zalozky s produkty, varianta B "editorial" (stejny JS, jen jiny vzhled) */
.lx-tabs{margin-top:52px;margin-bottom:24px;box-sizing:border-box;position:relative}   /* sirku a okraje dava trida container */

/* nadpis vlevo s malym titulkem */
.lx-tabs-title{display:block;margin:0 0 22px;font-size:30px;font-weight:600;line-height:1.15;color:#111;letter-spacing:-.01em;text-align:left}
.lx-tabs-title::before{content:none}
.lx-tabs-title::after{content:none}

/* zalozky jako pilulky */
.lx-tabs-bar{display:flex;justify-content:flex-start;gap:8px;margin:0 0 26px;flex-wrap:wrap}
.lx-tab{background:#fff;border:1px solid #e3e3e3;border-radius:999px;padding:10px 18px;margin:0;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#444;transition:.2s}
.lx-tab::after{content:none}
.lx-tab:hover{border-color:#6F4D86;color:#6F4D86}
.lx-tab.on:hover{color:#fff}
.lx-tab.on{background:#6F4D86;border-color:#6F4D86;color:#fff}
.lx-tab:focus-visible{outline:2px solid #6F4D86;outline-offset:3px}

.lx-tab-pane{display:none;position:relative;--lx-pv:var(--lx-pv-pc,4);--lx-gap:20px}
.lx-tab-pane.on{display:block}
.lx-tab-pane.loading .lx-tab-row{min-height:260px}

/* scrolovaci rada */
.lx-tab-row{display:flex;gap:var(--lx-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:4px}
.lx-tab-row::-webkit-scrollbar{display:none}
.lx-tab-row.lx-nosnap{scroll-snap-type:none}
@media(hover:hover){.lx-tab-row{scroll-snap-type:x proximity}}   /* na PC jemnejsi prichytavani, na dotyku zustava mandatory */
.lx-tab-row .product{contain:layout style;flex:0 0 calc((100% - (var(--lx-pv) - 1) * var(--lx-gap)) / var(--lx-pv))!important;width:auto!important;max-width:none!important;float:none!important;padding:0!important;margin:0!important;scroll-snap-align:start}
.lx-tab-empty{width:100%;text-align:center;color:#999;padding:40px 0}

/* sipky + "Zobrazit vse" vpravo nahore, na lince s nadpisem */
.lx-tab-arrow{position:absolute;top:-98px;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid #e3e3e3;background:#fff;color:#111;cursor:pointer;padding:0;display:none;align-items:center;justify-content:center;transition:.2s}
.lx-tab-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lx-tab-arrow:hover{background:#6F4D86;color:#fff;border-color:#6F4D86}
.lx-tab-arrow.pv{right:48px;left:auto}.lx-tab-arrow.nx{right:0}
.lx-tab-pane.at-start .lx-tab-arrow.pv,.lx-tab-pane.at-end .lx-tab-arrow.nx{opacity:.3;pointer-events:none}
.lx-tab-all{position:absolute;top:-98px;right:108px;height:40px;display:inline-flex;align-items:center;gap:8px;margin:0;padding:0 4px;border:0;border-bottom:1px solid #111;color:#111;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:.2s}
.lx-tab-all::after{content:'→';font-size:14px;transition:transform .2s}
.lx-tab-all:hover{color:#6F4D86;border-color:#6F4D86}
.lx-tab-all:hover::after{transform:translateX(3px)}
@media(hover:hover) and (min-width:992px){.lx-tab-arrow{display:flex}}

@media(max-width:991px){
  .lx-tab-pane{--lx-pv:3}
  .lx-tab-all{position:static;display:table;margin:22px auto 0}
}
@media(max-width:767px){
  .lx-tabs{margin-top:32px}
  .lx-tabs-title{font-size:24px;margin-bottom:16px}
  .lx-tabs-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 0 18px}
  .lx-tabs-bar::-webkit-scrollbar{display:none}
  .lx-tab{white-space:nowrap;padding:9px 14px;font-size:11px}
  .lx-tab-pane{--lx-pv:2;--lx-gap:12px}   /* presne 2 karty na sirku displeje */
}

/* sekce bez zalozek (jedna kategorie): lista zalozek se nezobrazuje */
.lx-tabs.lx-single .lx-tabs-bar{display:none}
.lx-tabs.lx-single .lx-tab-pane{display:block}
.lx-tabs+.lx-tabs{margin-top:36px}
.lx-tabs.lx-single .lx-tab-arrow,.lx-tabs.lx-single .lx-tab-all{top:-62px}
@media(max-width:991px){.lx-tabs.lx-single .lx-tab-all{position:static}}

/* ukazatel prubehu pod radou */
.lx-tab-progress{display:flex;align-items:center;gap:12px;margin-top:14px}
.lx-tab-progress-bar{position:relative;flex:1;height:2px;background:#eee;border-radius:2px;overflow:hidden}
.lx-tab-progress-bar i{position:absolute;top:0;left:0;height:100%;width:30%;background:#6F4D86;border-radius:2px;transition:left .25s,width .25s}
.lx-tab-progress-txt{font-size:11px;color:#999;letter-spacing:.04em;white-space:nowrap;font-variant-numeric:tabular-nums}
.lx-tab-pane.lx-noprog .lx-tab-progress{display:none}
@media(max-width:767px){.lx-tab-progress{margin-top:10px}.lx-tab-progress-bar{height:3px}}