/* LILIOR - moderni karty produktu (Shoptet Samba) v12 | rebrand fialova */
:root{
  --lx-bg:#f4f4f4;   /* pozadi fotky */
  --lx-tx:#111;      /* nazev, akcni cena */
  --lx-mu:#777;      /* bezna cena */
  --lx-ln:#d9d9d9;   /* obrys krouzku kosiku */
  --lx-rd:0px;       /* zaobleni fotky */
  --lx-ra:1 / 1;     /* pomer stran fotky */
  --lx-br:#6F4D86;   /* HLAVNI brand (fialova) - tlacitka, aktivni stavy, hover */
  --lx-br2:#E494AD;  /* vedlejsi brand (ruzova) - jen dekor: tecky, prouzky, podkresy */
  --lx-br-soft:#f3eef6;  /* svetly podklad fialove */
  --lx-br2-soft:#fcf0f4; /* svetly podklad ruzove */
}
.product .p.lx{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;text-align:left!important}
.product .p.lx:hover{box-shadow:none!important;transform:none!important}

.product .p.lx>a.image{position:relative;display:block;overflow:hidden;background:var(--lx-bg);border-radius:var(--lx-rd);aspect-ratio:var(--lx-ra);height:auto!important;padding:0!important;margin:0 0 12px!important}
.lxt{display:flex;height:100%;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
.lxt::-webkit-scrollbar{display:none}
.lxs{flex:0 0 100%;height:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;padding:8%;box-sizing:border-box;overflow:hidden;
  background:var(--lx-bg);isolation:isolate}   /* Safari: sede pozadi primo pod fotkou, jinak multiply uvnitr posuvne rady nefunguje a je videt bila */
.lxs img,.lxs picture,.lxs picture img{width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}
.lxs picture{mix-blend-mode:normal}   /* prolinani jen na samotne fotce, ne dvakrat vnorene (Safari) */
/* PC: jemne zvetseni fotky pri najeti mysi */
@media(hover:hover) and (min-width:992px){
  .lxs img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
  .product .p.lx:hover .lxs img{transform:scale(1.06)}
}
/* dalsi fotky (lifestyle) vyplni cely ctverec */
.lxs.ph{padding:0}
.lxs.ph img{object-fit:cover;mix-blend-mode:normal}

.product .p.lx .flags{position:absolute;top:10px;left:10px;z-index:3;display:flex;gap:4px;flex-direction:column;align-items:flex-start}
.product .p.lx .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}
.product .p.lx .flag .flag-text{font-size:inherit!important;padding:0!important}
.product .p.lx .flag-discount,.product .p.lx .flag-action{background:var(--lx-br)!important;color:#fff!important}
.product .p.lx .name:hover{color:var(--lx-br)!important}

.lxa{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:30px;height:30px;border-radius:50%;border:0;cursor:pointer;padding:0;background:rgba(255,255,255,.85);color:#111;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s}
.lxa:hover{background:#fff}
.lxa svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lxa.pv{left:8px}
.lxa.nx{right:8px}
.product .p.lx:hover .lxa,.lxa:focus-visible{opacity:1}
.lxa[disabled]{opacity:0!important;pointer-events:none}
@media(hover:none){.lxa{display:none}}

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

.lxc{position:absolute;right:10px;bottom:10px;z-index:4;width:36px;height:36px;border-radius:50%;border:1px solid var(--lx-ln);background:#fff;color:#111;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:.2s}
.lxc svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lxc:hover{background:var(--lx-br);color:#fff;border-color:var(--lx-br)}
.lxc:active{transform:scale(.93)}
.lxc.bs{pointer-events:none;opacity:.6}
.lxc.dn{background:var(--lx-br);color:#fff;border-color:var(--lx-br)}
.lxc.bs svg{animation:lxPulse .6s ease-in-out infinite alternate}   /* ceka se na potvrzeni kosiku */
@keyframes lxPulse{from{opacity:1}to{opacity:.3}}
.product .p.lx .flag.lx-flag-hidden{display:none!important}         /* priznak "Vyberte velikost", kdyz HIDE_SIZE_FLAG = true */

.product .p.lx .p-in,.product .p.lx .p-in-in{padding:0!important}
.product .p.lx .name{display:block;margin:0 0 4px!important;padding:0!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.03em;text-transform:uppercase;line-height:1.35;color:var(--lx-tx)!important;text-decoration:none!important;min-height:0!important;height:auto!important;text-align:left!important}
.product .p.lx .name span{font-weight:inherit!important}
.product .p.lx .prices{display:flex;flex-wrap:wrap;gap:0 8px;align-items:baseline;margin:0!important;padding:0!important;min-height:0!important;text-align:left!important}
.product .p.lx .price{margin:0!important;padding:0!important;float:none!important}
.product .p.lx .price-final,.product .p.lx .price-final strong{font-size:14px!important;font-weight:400!important;color:var(--lx-tx)!important}
.product .p.lx .prices.sl .price-final strong{color:var(--lx-tx)!important}
.product .p.lx .price-standard,.product .p.lx .price-standard span{font-size:13px!important;color:#aaa!important;text-decoration:line-through;font-weight:400!important}
.product .p.lx .price-save{text-decoration:none;color:var(--lx-br);font-weight:600;font-size:12px}

.product .p.lx .p-bottom{display:block!important;padding:0!important;margin:0!important;border:0!important}
.product .p.lx .p-tools,.product .p.lx .p-code,.product .p.lx .p-desc,.product .p.lx .ratings-wrapper{display:none!important}
/* dostupnost - drobny sedy radek pod cenou */
.product .p.lx .availability-wrapper,.product .p.lx .availability{display:block!important;margin:4px 0 0!important;padding:0!important;font-size:11px!important;line-height:1.3;color:#999!important;text-align:left!important;min-height:0!important}
.product .p.lx .availability-wrapper *,.product .p.lx .availability *{font-size:inherit!important;color:inherit!important;font-weight:400!important;margin:0!important;padding:0!important;display:inline!important}
.product .p.lx .availability-amount{display:none!important}

@media(max-width:767px){
  .product .p.lx .name{font-size:12px!important}
  .lxc{width:34px;height:34px;right:8px;bottom:8px}
}
@media(prefers-reduced-motion:reduce){
  .lxc,.lxa,.lxd i,.lxs img{transition:none!important}
  .lxc.bs svg{animation:none}
  .product .p.lx:hover .lxs img{transform:none}
}