.intoweb-flipbox{background:#fff0;width:100%;max-width:350px;height:300px;perspective:1000px;margin:0 auto 30px auto}.intoweb-flipbox-inner{position:relative;width:100%;height:100%;transition:transform 0.6s cubic-bezier(.4,2,.6,1);transform-style:preserve-3d}.intoweb-flipbox:hover .intoweb-flipbox-inner{transform:rotateY(180deg)}.intoweb-flipbox-front,.intoweb-flipbox-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:0;box-shadow:0 2px 16px rgb(0 0 0 / .08);background:#fff;padding:30px 20px;background-size:cover;background-position:center;background-repeat:no-repeat;transform:translateZ(0)}.intoweb-flipbox-front{z-index:2}.intoweb-flipbox-front::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .4);border-radius:0;z-index:-1}.intoweb-flipbox-front h3{color:#fff;text-shadow:0 1px 3px rgb(0 0 0 / .5)}.intoweb-flipbox-back{transform:rotateY(180deg);background:#f7f7f7}.intoweb-flipbox h3{margin:0 0 20px 0;font-size:1.5em;font-weight:600}.intoweb-flipbox-btn{display:inline-block;padding:10px 24px;background-color:#00aeef;color:#fff;border-radius:0;text-decoration:none;font-weight:500;margin-top:10px;transition:background 0.2s;font-size:14px;text-transform:uppercase;font-family:"Local Montserrat-Bold"}.intoweb-flipbox-btn:hover{background:#444}.intoweb-flipbox-prices{list-style:none;padding:0;margin:0;width:100%}.intoweb-flipbox-prices ul{margin:0}.intoweb-flipbox-prices li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #eaeaea;font-size:1em}.intoweb-flipbox-item{font-weight:500}.intoweb-flipbox-price{font-weight:400;color:#666}.intoweb-iphone-video-slider-wrapper{width:100%;max-width:500px;margin:0 auto;padding:20px}.iphone-container{position:relative;width:100%;max-width:400px;margin:0 auto;aspect-ratio:9 / 19.5}.iphone-frame{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.iphone-video-mask{position:relative;width:100%;height:100%;overflow:hidden;border-radius:50px;background:#000;box-shadow:0 10px 50px rgb(0 0 0 / .3)}.iphone-video-slider{width:100%;height:100%}.video-slide{position:relative;width:100%;height:100%;display:flex!important;align-items:center;justify-content:center;background:#000}.iphone-video{width:100%;height:100%;object-fit:cover;display:block}.volume-toggle{position:absolute;top:20px;right:20px;z-index:20;width:44px;height:44px;border:none;border-radius:50%;background:rgb(0 0 0 / .6);backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;padding:0}.volume-toggle:hover{background:rgb(0 0 0 / .8);transform:scale(1.1)}.volume-toggle:active{transform:scale(.95)}.volume-icon{width:24px;height:24px;color:#fff;transition:opacity 0.3s ease}.volume-toggle .volume-muted{opacity:1;position:absolute}.volume-toggle .volume-up{opacity:0;position:absolute}.volume-toggle.unmuted .volume-muted{opacity:0}.volume-toggle.unmuted .volume-up{opacity:1}.iphone-video-slider .slick-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex!important;gap:8px;padding:0;margin:0;list-style:none;z-index:15}.iphone-video-slider .slick-dots li{margin:0;padding:0}.iphone-video-slider .slick-dots li button{width:8px;height:8px;padding:0;border:2px solid #fff;border-radius:50%;background:#fff0;font-size:0;cursor:pointer;transition:all 0.3s ease}.iphone-video-slider .slick-dots li.slick-active button{background:#fff;width:24px;border-radius:4px}.iphone-video-slider .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:15;width:40px;height:40px;border:none;border-radius:50%;background:rgb(0 0 0 / .6);backdrop-filter:blur(10px);cursor:pointer;font-size:0;transition:all 0.3s ease}.iphone-video-slider .slick-arrow:before{font-size:20px;color:#fff}.iphone-video-slider .slick-prev{left:20px}.iphone-video-slider .slick-next{right:20px}.iphone-video-slider .slick-arrow:hover{background:rgb(0 0 0 / .8)}.intoweb-error{background:#f8d7da;color:#721c24;padding:15px;border:1px solid #f5c6cb;border-radius:4px;margin:20px 0;text-align:center;font-size:14px}@media (max-width:768px){.intoweb-iphone-video-slider-wrapper{max-width:350px}.iphone-container{max-width:300px}.volume-toggle{width:36px;height:36px;top:15px;right:15px}.volume-icon{width:20px;height:20px}}