/* MYTOUCHI XP 2 — fotky na digitálním kouři (náhrada jednoduchých renderů) */
.mxk{position:relative;overflow:hidden;background:#f6f6f7;isolation:isolate}
.mxk-smoke{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.mxk-img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.mxk.no-gl::before{content:"";position:absolute;inset:-20%;z-index:0;background:radial-gradient(35% 30% at 30% 75%,rgba(230,47,139,.18),transparent 70%),radial-gradient(40% 35% at 70% 30%,rgba(138,63,224,.16),transparent 70%),radial-gradient(30% 30% at 55% 85%,rgba(46,63,212,.12),transparent 70%);animation:mxk-drift 18s ease-in-out infinite alternate}
@keyframes mxk-drift{to{transform:translate3d(4%,-5%,0) rotate(6deg) scale(1.08)}}
html body .mts-hero:has(.mxk--hero) :is(.mts-hero__image,.mts-hero__video){display:none!important}
html body .mts-hero .mxk--hero{position:absolute!important;z-index:0;top:380px;left:16px;width:calc(100% - 32px);height:calc(100% - 396px);border-radius:28px;box-shadow:0 30px 80px rgba(17,18,22,.08)}
html body .mts-hero .mxk--hero .mxk-img{object-fit:cover;object-position:52% 46%;transform:scale(1.18);transform-origin:52% 46%}
@media (min-width:990px){html body .mts-hero .mxk--hero{top:40px;left:47%;width:calc(53% - 40px);height:calc(100% - 80px)}}
.mts-pane__image .mxk{aspect-ratio:3/2;width:100%;border-radius:inherit}
.mts-pane__image .mxk .mxk-img{transform:scale(1.2);transform-origin:50% 48%}
@media (prefers-reduced-motion:reduce){.mxk.no-gl::before{animation:none}}
html body .mts-pane .mts-pane__image .mxk{height:100%;min-height:100%;aspect-ratio:auto}
html body .mts-pane .mts-pane__image .mxk-img{width:100%!important;max-width:100%!important;height:100%!important;padding:0!important;object-fit:cover!important;object-position:50% 48%!important;transform:scale(1.2)!important}
