lukzer-reels.lkz-reels{--lkz-reel-gap: 20px;--lkz-card-radius: 22px;--lkz-reel-shell: min(1360px, calc(100vw - 80px) );--lkz-reel-count: var(--lkz-reel-desktop, 4.25);display:block;overflow:hidden;background:#faf7f2;color:#241e19}.lkz-reels .lkz-reels__shell{width:var(--lkz-reel-shell);max-width:100%;margin-inline:auto}.lkz-reels .lkz-reels__header{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.lkz-reels .lkz-reels__copy{min-width:0}.lkz-reels .lkz-reels__eyebrow{margin:0 0 10px;color:#8d7050;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.lkz-reels h2{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(32px,3.5vw,52px);line-height:1.12;color:#241e19}.lkz-reels .lkz-reels__copy p:not(.lkz-reels__eyebrow){margin:12px 0 0;color:#756b61;font-size:15px;line-height:1.6}.lkz-reels .lkz-reels__follow{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:12px 19px;border:1px solid #d8cec1;border-radius:999px;color:#352c23;background:#fffdf9;font-size:13px;font-weight:600;line-height:1.3;text-decoration:none;transition:background-color .3s ease,box-shadow .3s ease}.lkz-reels .lkz-reels__follow svg{width:17px;height:17px}.lkz-reels .lkz-reels__follow:hover{background:#f1e9df;box-shadow:0 4px 12px #352c230a}.lkz-reels .lkz-reels__viewport{position:relative;width:100%;padding-block:8px 24px;overflow:hidden;touch-action:pan-y;cursor:grab}.lkz-reels .lkz-reels__viewport:active{cursor:grabbing}.lkz-reels .lkz-reels__track{display:flex;align-items:stretch;gap:0;transition-timing-function:cubic-bezier(.22,1,.36,1)}.lkz-reels .lkz-reels__viewport:not(.swiper-initialized){overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.lkz-reels .lkz-reels__viewport:not(.swiper-initialized) .lkz-reels__track{gap:var(--lkz-reel-gap)}.lkz-reels .lkz-reel-card{position:relative;display:block;flex-shrink:0;opacity:1;width:calc((var(--lkz-reel-shell) - (var(--lkz-reel-count) - 1) * var(--lkz-reel-gap)) / var(--lkz-reel-count));height:auto;aspect-ratio:9 / 16;overflow:hidden;border:0;border-radius:var(--lkz-card-radius);background:#dcd1c3;color:#fff;text-decoration:none;scroll-snap-align:start;isolation:isolate;box-shadow:0 6px 18px #3627191a;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform:translateZ(0)!important;transition-property:transform,box-shadow!important;transition-duration:.3s!important;transition-timing-function:cubic-bezier(.22,1,.36,1)!important}.lkz-reels .lkz-reel-card__media,.lkz-reels .lkz-reel-card__poster,.lkz-reels .lkz-reel-card__video,.lkz-reels .lkz-reel-card__placeholder,.lkz-reels .lkz-reel-card__shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.lkz-reels .lkz-reel-card__media{overflow:hidden;border-radius:inherit}.lkz-reels .lkz-reel-card__poster,.lkz-reels .lkz-reel-card__video{display:block;object-fit:contain;object-position:center;transition:transform .3s ease,opacity .25s ease}.lkz-reels .lkz-reel-card__video{opacity:0;z-index:1}.lkz-reels .lkz-reel-card__video.is-playing{opacity:1}.lkz-reels .lkz-reel-card__shade{z-index:2;background:linear-gradient(180deg,#17120e30,transparent 28%,transparent 52%,#17120eab)}.lkz-reels .lkz-reel-card__views{position:absolute;z-index:3;top:14px;left:14px;max-width:calc(100% - 70px);padding:6px 9px;border-radius:999px;background:#201b1680;color:#fff;font-size:11px;line-height:1.2;pointer-events:none}.lkz-reels .lkz-reel-card__icons{position:absolute;top:14px;right:14px;z-index:3;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#201b1680;pointer-events:none}.lkz-reels .lkz-reel-card__icon svg{display:block;width:16px;height:16px}.lkz-reels .lkz-reel-card__title{position:absolute;z-index:3;left:18px;right:18px;bottom:20px;color:#fff;font-size:14px;font-weight:600;line-height:1.4;pointer-events:none}.lkz-reels .lkz-reel-card__play{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff8;color:#241e19;opacity:0;transform:translate(-50%,-50%);transition:opacity .3s ease;pointer-events:none}.lkz-reels .lkz-reel-card__play svg{width:18px;height:18px}.lkz-reels .lkz-reels__controls{display:flex;align-items:center;justify-content:space-between;gap:24px}.lkz-reels .lkz-reels__progress{width:140px;max-width:50%;height:2px;overflow:hidden;border-radius:2px;background:#e3dacf}.lkz-reels .lkz-reels__progress span{display:block;width:100%;height:100%;background:#94714d;transform:scaleX(var(--lkz-reel-progress, .14));transform-origin:left;transition:transform .6s cubic-bezier(.22,1,.36,1)}.lkz-reels .lkz-reels__arrows{display:flex;gap:10px}.lkz-reels .lkz-reels__arrows button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #d8cec1;border-radius:50%;background:#fffdf9;color:#352c23;cursor:pointer}.lkz-reels .lkz-reels__arrows button:hover{background:#f1e9df}.lkz-reels .lkz-reels__arrows button:disabled{opacity:.35;cursor:default}.lkz-reels .lkz-reels__arrows svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.lkz-reels :is(a,button):focus-visible{outline:2px solid #987448;outline-offset:4px}.lkz-reels .lkz-reel-card:focus-visible{outline-offset:-3px}@media(hover:hover)and (pointer:fine){.lkz-reels .lkz-reel-card:hover{transform:translateY(-3px) scale(1.01)!important;box-shadow:0 9px 22px #36271929}.lkz-reels .lkz-reel-card:hover :is(.lkz-reel-card__poster,.lkz-reel-card__video){transform:scale(1.03)}.lkz-reels .lkz-reel-card:hover .lkz-reel-card__play{opacity:1}}@media(max-width:1199px){lukzer-reels.lkz-reels{--lkz-reel-shell: calc(100vw - 48px) ;--lkz-reel-count: var(--lkz-reel-tablet, 2.4)}}@media(max-width:767px){lukzer-reels.lkz-reels{--lkz-reel-shell: calc(100vw - 40px) ;--lkz-reel-count: var(--lkz-reel-mobile, 1.18)}.lkz-reels .lkz-reels__header{flex-direction:column;align-items:start;gap:18px;margin-bottom:20px}.lkz-reels .lkz-reels__follow{font-size:12px;padding-inline:16px}.lkz-reels .lkz-reels__arrows{display:none}.lkz-reels .lkz-reel-card__title{font-size:13px}}@media(prefers-reduced-motion:reduce){.lkz-reels *,.lkz-reels *:before,.lkz-reels *:after{transition:none!important;animation:none!important}.lkz-reels .lkz-reel-card:hover,.lkz-reels .lkz-reel-card:hover :is(.lkz-reel-card__poster,.lkz-reel-card__video){transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/lukzer-reels.css.map */