/* LILIOR - detail produktu, galerie ve stylu karet (navazuje na promenne z lilior12.css | rebrand) */

/* puvodni galerie Shoptetu zustava v HTML (data pro vyhledavace), jen se nezobrazuje.
   .lxp-side je nas blok s tipy pod fotkou - ten skryt byt nesmi */
/* .lxp-keep = nazev produktu, ktery Samba na mobilu vklada nad fotku - ten zustava videt */
.lxp-has > *:not(.lxp-gal):not(.lxp-side):not(.lxp-keep):not(.lxp-split),
.lxp-has .lxp-split > *:not(.lxp-gal):not(.lxp-keep):not(.lxp-split){display:none!important}

.lxp-gal{display:flex;flex-direction:column;gap:10px;margin:0 0 16px}

/* ------------------------------- fotka -------------------------------- */
.lxp-stage{position:relative;flex:1 1 auto;min-width:0;background:var(--lx-bg,#f4f4f4);border-radius:var(--lx-rd,0);aspect-ratio:var(--lxp-ra,1 / 1);overflow:hidden}
.lxp-track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
.lxp-track::-webkit-scrollbar{display:none}
.lxp-track:focus-visible{outline:2px solid var(--lx-br,#6F4D86);outline-offset:-2px}
.lxp-slide{flex:0 0 100%;height:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;padding:3%;box-sizing:border-box;
  background:var(--lx-bg,#f4f4f4);isolation:isolate}   /* Safari: bez toho je kolem sperku bily ctverec */
.lxp-slide img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}
/* dalsi fotky (lifestyle) vyplni cely ram - stejne jako na kartach */
.lxp-slide.fill{padding:0}
.lxp-slide.fill img{object-fit:cover;mix-blend-mode:normal}

/* vlajky prevzate ze Shoptetu - stejny vzhled jako na kartach */
.lxp-stage .flags{position:absolute;top:12px;left:12px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0!important;padding:0!important}
.lxp-stage .flag{font-size:10px!important;font-weight:600!important;line-height:1!important;letter-spacing:.06em;text-transform:uppercase;padding:6px 8px!important;margin:0!important;border-radius:2px;background:#fff!important;color:#111!important;box-shadow:none!important;min-width:0!important;width:auto!important;height:auto!important}
.lxp-stage .flag .flag-text{font-size:inherit!important;padding:0!important}
.lxp-stage .flag-discount,.lxp-stage .flag-action{background:var(--lx-br,#6F4D86)!important;color:#fff!important}

/* sipky - jen na PC, na dotyku se prejizdi prstem */
.lxp-arw{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:38px;height:38px;border-radius:50%;border:0;padding:0;cursor:pointer;background:rgba(255,255,255,.9);color:#111;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s,color .2s}
.lxp-arw svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lxp-arw:hover{background:var(--lx-br,#6F4D86);color:#fff}
.lxp-arw.pv{left:12px}
.lxp-arw.nx{right:12px}
.lxp-arw[disabled]{opacity:0!important;pointer-events:none}
@media(hover:hover) and (min-width:992px){
  .lxp-arw{display:flex}
  .lxp-gal:hover .lxp-arw,.lxp-arw:focus-visible{opacity:1}
}
.lxp-gal.lxp-one .lxp-arw,.lxp-gal.lxp-one .lxp-dots,.lxp-gal.lxp-one .lxp-num,.lxp-gal.lxp-one .lxp-thumbs{display:none!important}

/* lupa a pocitadlo */
.lxp-zoom{position:absolute;right:12px;bottom:12px;z-index:4;width:38px;height:38px;border-radius:50%;border:1px solid var(--lx-ln,#d9d9d9);background:#fff;color:#111;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:.2s}
.lxp-zoom svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lxp-zoom:hover{background:var(--lx-br,#6F4D86);color:#fff;border-color:var(--lx-br,#6F4D86)}
.lxp-zoom:active{transform:scale(.93)}
.lxp-num{position:absolute;left:12px;bottom:12px;z-index:4;font-size:11px;letter-spacing:.06em;color:#777;font-variant-numeric:tabular-nums}

.lxp-dots{position:absolute;left:0;right:0;bottom:14px;z-index:3;display:none;justify-content:center;gap:5px;pointer-events:none}
.lxp-dots i{width:5px;height:5px;border-radius:50%;background:rgba(0,0,0,.18);transition:.2s}
.lxp-dots i.on{background:var(--lx-br2,#E494AD);transform:scale(1.15)}

/* ------------------------------ nahledy -------------------------------- */
.lxp-thumbs{display:none;gap:8px}
.lxp-thumb{flex:0 0 auto;width:64px;height:64px;padding:6px;border:1px solid transparent;border-radius:var(--lx-rd,0);background:var(--lx-bg,#f4f4f4);cursor:pointer;box-sizing:border-box;transition:border-color .2s,opacity .2s;opacity:.75;isolation:isolate}
.lxp-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}
.lxp-thumb:hover{opacity:1}
.lxp-thumb.on{border-color:var(--lx-br,#6F4D86);opacity:1}

@media(min-width:992px){
  .lxp-gal{flex-direction:row-reverse;align-items:flex-start;gap:12px}
  .lxp-thumbs{display:flex;flex-direction:column;flex:0 0 64px;max-height:640px;overflow-y:auto;scrollbar-width:none}
  .lxp-thumbs::-webkit-scrollbar{display:none}
}
@media(max-width:991px){
  .lxp-dots{display:flex}
  .lxp-num{display:none}
  .lxp-zoom{right:10px;bottom:10px;width:34px;height:34px}
}

/* ----------------------------- zvetseni -------------------------------- */
.lxp-lb{position:fixed;inset:0;z-index:10000;background:rgba(255,255,255,.98);display:none;align-items:center;justify-content:center}
.lxp-lb.on{display:flex}
.lxp-lb-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:56px 72px;box-sizing:border-box}
.lxp-lb img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,.7,.2,1);display:block}
.lxp-lb img.zm{transform:scale(2.4);cursor:zoom-out}
.lxp-lb-x{position:absolute;top:16px;right:16px;z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid #e3e3e3;background:#fff;color:#111;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:.2s}
.lxp-lb-a{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid #e3e3e3;background:#fff;color:#111;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:.2s}
.lxp-lb-a.pv{left:16px}
.lxp-lb-a.nx{right:16px}
.lxp-lb-x:hover,.lxp-lb-a:hover{background:var(--lx-br,#6F4D86);color:#fff;border-color:var(--lx-br,#6F4D86)}
.lxp-lb-x svg,.lxp-lb-a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lxp-lb-n{position:absolute;left:0;right:0;bottom:18px;text-align:center;font-size:11px;letter-spacing:.08em;color:#999;font-variant-numeric:tabular-nums}
.lxp-lb.one .lxp-lb-a,.lxp-lb.one .lxp-lb-n{display:none}
@media(max-width:767px){
  .lxp-lb-stage{padding:64px 12px}
  .lxp-lb-a{display:none}
}

@media(prefers-reduced-motion:reduce){
  .lxp-arw,.lxp-zoom,.lxp-thumb,.lxp-dots i,.lxp-lb img{transition:none!important}
}