/* LILIOR - detail produktu: benefity pod tlacitkem, rada nad patickou, uzky seznam v pravem sloupci */

/* ----------------------- benefity pod tlacitkem ------------------------ */
.lxp-perks{list-style:none;margin:22px 0 0!important;padding:0!important;border-top:1px solid #eee9f1}
.lxp-perks li{display:flex;align-items:center;gap:14px;margin:0!important;padding:14px 0!important;border-bottom:1px solid #eee9f1}
.lxp-perks li::before{content:none}
.lxp-ic{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--lx-br-soft,#f3eef6);color:var(--lx-br,#6F4D86);display:flex;align-items:center;justify-content:center}
.lxp-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lxp-tx{min-width:0}
.lxp-perks strong{display:block;font-size:13px;font-weight:700;letter-spacing:.02em;line-height:1.3;color:#111}
.lxp-perks em{display:block;font-style:normal;font-size:12px;line-height:1.35;color:#8a8a8a;margin-top:3px}

/* drobne nadechnuti pri nacteni - postupne po radcich */
.lxp-perks li{opacity:0;transform:translateY(6px);animation:lxp-in .5s cubic-bezier(.2,.7,.2,1) forwards}
.lxp-perks li:nth-child(2){animation-delay:.08s}
.lxp-perks li:nth-child(3){animation-delay:.16s}
.lxp-perks li:nth-child(4){animation-delay:.24s}
@keyframes lxp-in{to{opacity:1;transform:none}}

@media(max-width:767px){
  .lxp-perks{margin-top:18px!important}
  .lxp-perks li{padding:12px 0!important;gap:12px}
  .lxp-ic{width:36px;height:36px}
  .lxp-ic svg{width:18px;height:18px}
  .lxp-perks strong{font-size:12.5px}
  .lxp-perks em{font-size:11.5px}
}

/* ------------- tipy na dalsi produkty (jen PC) ------------- */
.lxp-side{margin-top:22px;padding-top:18px;border-top:1px solid #eee}
.lxp-side-t{margin:0 0 12px!important;font-size:11px!important;font-weight:600!important;letter-spacing:.08em;text-transform:uppercase;color:#999!important;line-height:1.2}
.lxp-side-i{text-decoration:none!important;color:inherit}
.lxp-side-im{background:var(--lx-bg,#f4f4f4);border-radius:var(--lx-rd,0);overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}
.lxp-side-im img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:8%;box-sizing:border-box;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.lxp-side-i:hover .lxp-side-im img{transform:scale(1.07)}
.lxp-side-tx{min-width:0}
.lxp-side-i strong{display:block;font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;line-height:1.35;color:#111;transition:color .2s}
.lxp-side-i em{display:block;font-style:normal;font-size:13px;color:#555;margin-top:4px}
.lxp-side-i:hover strong{color:var(--lx-br,#6F4D86)}

/* dlazdice pod fotkou - cela dlazdice je uzka, text se lame v jeji sirce */
.lxp-grid .lxp-side-list{display:grid;grid-template-columns:repeat(var(--lxp-cols,3),minmax(0,150px));justify-content:start;gap:22px}
.lxp-grid .lxp-side-i{display:block}
.lxp-grid .lxp-side-im{width:100%;aspect-ratio:1 / 1;margin-bottom:9px}
.lxp-grid .lxp-side-i strong{font-size:11px;letter-spacing:.02em;line-height:1.35}
.lxp-grid .lxp-side-i em{font-size:12px;margin-top:3px}

/* uzky seznam v pravem sloupci */
.lxp-row .lxp-side-i{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #f4f4f4}
.lxp-row .lxp-side-i:last-child{border-bottom:0}
.lxp-row .lxp-side-im{flex:0 0 68px;width:68px;height:68px}

/* mobil: tipy zustavaji, ale jako posuvny pruh pod tlacitkem */
@media(max-width:991px){
  .lxp-side{margin-top:20px;padding-top:16px}
  .lxp-side-t{margin-bottom:10px!important}
  .lxp-grid .lxp-side-list{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:2px}
  .lxp-grid .lxp-side-list::-webkit-scrollbar{display:none}
  .lxp-grid .lxp-side-i{flex:0 0 132px;scroll-snap-align:start}
}

/* ------------------------ rada s produkty na detailu -------------------- */
/* vzhled prebira z lilior-tabs CSS, tady jen odsazeni a oddelovaci linka */
.lxr{margin-top:52px;margin-bottom:40px;padding-top:36px;border-top:1px solid #eee}
.lxr .lx-tabs-title{margin-bottom:20px}
@media(max-width:767px){
  .lxr{margin-top:32px;margin-bottom:28px;padding-top:26px}
}
.lxr + .products-related,.lxr + .products-alternative{display:none}

/* ---- nativni bloky Shoptetu na detailu (Souvisejici / Podobne produkty) ----
   Produkty z nich prebira nase rada vyse, takze puvodni nadpis i slider skryvame.
   Nadpisy sdili tridu .products-header, blok s produkty lezi hned za nimi. */
body.type-product .products-header,
body.type-product .products-related-header,
body.type-product .products-similar-header,
body.type-product .products-header + .products-block,
body.type-product .products-header + .products-wrapper,
body.type-product .products-header + .products,
body.type-product .products-header + div{display:none!important}

@media(prefers-reduced-motion:reduce){
  .lxp-perks li{opacity:1;transform:none;animation:none}
  .lxp-side-im img{transition:none}
}