.custom-slideshow{position:relative;width:100%;height:var(--height-desktop, 680px)!important;overflow:hidden}@media screen and (max-width:749px){.custom-slideshow{height:var(--height-mobile, 600px)!important}}.slideshow-wrapper{position:relative;height:100%}.slides-container{display:flex;height:100%;transition:transform .6s cubic-bezier(.25,.1,.25,1)}.slide{flex:0 0 100%;position:relative;height:100%}.slide-media{width:100%;height:100%;object-fit:cover}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;background:#00000080;color:#fff;border:none;border-radius:50%;cursor:pointer;z-index:10;opacity:0;transition:opacity .3s ease,transform .3s ease,background .25s;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.nav-btn svg{width:28px;height:28px;stroke-width:2}.nav-btn:hover{background:#000000bf;transform:translateY(-50%) scale(1.08);box-shadow:0 6px 16px #00000080}.prev{left:16px}.next{right:16px}.custom-slideshow:hover .nav-btn{opacity:1}@media screen and (max-width:749px){.nav-btn{opacity:1;width:44px;height:44px}.nav-btn svg{width:22px;height:22px}.prev{left:8px}.next{right:8px}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:30px;box-sizing:border-box}.content-block{pointer-events:auto;display:flex;flex-direction:column;gap:12px;max-width:60%;position:absolute}.preset-center-top{top:10%;left:50%;transform:translate(-50%);text-align:center;align-items:center}.preset-center-bottom{top:80%;left:50%;transform:translate(-50%);text-align:center;align-items:center}.preset-full-center{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;align-items:center}.preset-left-center{top:50%;left:10%;transform:translateY(-50%);text-align:left;align-items:flex-start}.preset-right-center{top:50%;left:90%;transform:translateY(-50%);text-align:right;align-items:flex-end}.title{font-family:var(--title-font, sans-serif);font-size:var(--title-size-dt, 48px);color:var(--title-color, #ffffff);margin:0;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.6)}.subtitle{font-size:clamp(14px,4vw,18px);line-height:1.25;white-space:normal;overflow:visible;text-overflow:unset;word-break:break-word}.btn{font-size:var(--btn-size-dt, 18px);background:var(--btn-bg, #000000);color:var(--btn-text, #ffffff);width:var(--btn-width-dt, 120px);height:var(--btn-height-dt, 40px);border-radius:var(--btn-radius-dt, 6px);text-decoration:none;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0006;text-align:center}@media screen and (max-width:749px){.overlay{padding:15px}.content-block{max-width:100%;gap:6px}.title{font-size:clamp(22px,6vw,30px);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.subtitle{font-size:clamp(14px,4vw,18px);line-height:1.3;white-space:normal;overflow:visible;text-overflow:unset;word-break:normal;overflow-wrap:anywhere}.btn{font-size:calc(var(--btn-size-mb, 16px) * .9);width:calc(var(--btn-width-mb, 110px) * .9);height:calc(var(--btn-height-mb, 36px) * .9);border-radius:var(--btn-radius-mb, 6px)}.preset-center-top{top:8%}.preset-center-bottom{top:85%}.preset-left-center{left:5%}.preset-right-center{left:95%}}.controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;z-index:10}.progress-container{display:flex;gap:6px}.progress-segment{width:90px;height:4px;background:#fff6;border-radius:3px;overflow:hidden;cursor:pointer;transition:width .4s ease}.progress-segment.short{width:28px}.progress-fill{width:0%;height:100%;background:#fff;transition:width linear}.play-pause{width:40px;height:40px;background:#00000080;color:#fff;border:none;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.play-pause:hover{background:#000c}@media screen and (max-width:749px){.controls{bottom:12px;gap:8px}.progress-segment{width:60px;height:3px}.progress-segment.short{width:18px}.play-pause{width:36px;height:36px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/custom-slideshow2.css.map */