.video-banner-custom{display:block;position:relative;width:100%;background-color:#000;overflow:hidden;padding:0 20px;z-index:1}.media-item-custom{display:block;width:100%;position:relative}.media-item-custom video{width:100%;border-radius:25px;object-fit:cover;cursor:pointer}@media (max-width: 600px){.video-banner-custom{display:block}}@media (min-width: 601px){.video-banner-custom{display:none}}@media (max-width: 200px){.media-item-custom video{height:35px;object-position:center center}}@media (max-width: 400px){.media-item-custom video{height:100px;object-position:center center}}@media (max-width: 600px){.media-item-custom video{height:180px;object-position:center center}}.controls-custom{position:absolute;bottom:10px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:2;width:100%;color:#fff}.video-text-custom{font-size:18px;font-weight:300;margin:0;letter-spacing:1px;line-height:.8}.arrow-custom{font-size:24px;margin-left:5px;font-weight:600}.play-pause-btn-custom{background:#0009;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:16px;transition:background-color .3s;display:flex;align-items:center}.play-pause-btn-custom:hover{background-color:#000c}.icon{font-size:22px;margin-right:10px}.play-icon-custom{display:inline-block}.pause-icon-custom{display:none}.unique-portrait-slider-wrapper{background-color:#000;padding:0 15px;display:flex;justify-content:center}.unique-portrait-slider{display:flex;gap:16px;padding:0 12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;cursor:grab;-ms-overflow-style:none;scrollbar-width:none}.unique-portrait-slider::-webkit-scrollbar{display:none}@media (min-width: 769px){.unique-portrait-slider-wrapper{padding:15px 150px}.unique-portrait-slide{flex:0 0 auto;width:320px;height:auto}.unique-portrait-slider{gap:45px}}@media (min-width: 1290px){.unique-portrait-slider-wrapper{padding:15px 350px}}@media (max-width: 768px){.unique-portrait-slide{width:220px;height:auto;flex:0 0 220px}}.unique-portrait-slide{position:relative;border-radius:16px;overflow:hidden;scroll-snap-align:start;box-shadow:0 4px 20px #0000004d}.unique-portrait-slide img{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block;opacity:0;transition:opacity .5s ease-in-out}.unique-portrait-slide img.loaded{opacity:1}.unique-portrait-slide:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:15%;background:linear-gradient(to top,#000000b3,#0000);border-radius:16px}.portrait-slider-wrapper{background-color:#000;padding:24px 0;display:flex;justify-content:center}.portrait-slider{display:flex;overflow-x:auto;gap:16px;padding:0 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;cursor:grab;-ms-overflow-style:none;scrollbar-width:none}.portrait-slider::-webkit-scrollbar{display:none}@media (min-width: 769px){.portrait-slide{padding:24px 15px;flex:0 0 auto;width:380px;height:55vh}.portrait-slider{gap:45px}}@media (max-width: 768px){.portrait-slide{flex:0 0 auto;width:220px;height:auto}}.portrait-slide{position:relative;border-radius:16px;overflow:hidden;scroll-snap-align:start;box-shadow:0 4px 20px #0000004d}.portrait-slide img{width:100%;height:100%;object-fit:cover;border-radius:16px;opacity:0;transition:opacity .5s ease-in-out;display:block}.portrait-slide img.loaded{opacity:1}.portrait-slide:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,#000000b3,#0000);border-radius:16px}.portrait-slide .overlay{position:absolute;bottom:16px;left:50%;transform:translate(-50%);text-align:center;color:#fff;width:90%;font-weight:700;font-size:1rem;text-shadow:0 2px 6px rgba(0,0,0,.8);word-break:break-word}.portrait-slide .slide-button{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background:#fffc;color:#000;font-weight:700;font-size:.95rem;padding:6px 12px;border-radius:12px;text-align:center;text-decoration:none;cursor:pointer;z-index:10;transition:background .3s ease}.portrait-slide .slide-button:hover{background:#000c}
/*# sourceMappingURL=/cdn/shop/t/4/compiled_assets/styles.css.map */