.mt-preview-actions-container{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:15px;}
.elementor-widget .mt-preview-actions-container .mt-btn{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:180px;flex:0 0 auto;text-decoration:none !important;border:none;cursor:pointer;font-family:inherit;font-size:12px !important;font-weight:400;transition:all 0.3s ease;line-height:1 !important;box-sizing:border-box !important;height:auto !important;box-shadow:none;outline:none;}
.elementor-widget .mt-preview-actions-container .mt-btn:hover{transform:translateY(-1px);}
.mt-btn-content-wrapper{display:flex;align-items:center;gap:8px;}
.mt-btn-icon{display:flex;align-items:center;}
.elementor-widget .mt-preview-actions-container .mt-btn-icon svg{width:18px;height:18px;fill:currentColor;transition:fill 0.3s ease;}
.mt-preview-modal, .mt-video-modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:999999;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.3s ease, visibility 0.3s ease;}
.mt-preview-modal{background-color:#e5e7eb;}
.mt-video-modal{background-color:transparent;align-items:center;justify-content:center;z-index:9999999;}
.mt-preview-modal.is-open, .mt-video-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.mt-modal-header{min-height:70px;background:#ffffff !important;display:flex;justify-content:space-between;align-items:center;padding:12px 24px !important;border-bottom:2px solid #e2e8f0 !important;box-shadow:0 4px 15px rgba(0,0,0,0.06) !important;flex-shrink:0;z-index:10;}
.mt-modal-brand{display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:flex-start !important;gap:5px !important;flex:1;overflow:hidden;}
.mt-modal-logo{display:block !important;max-height:30px !important;width:auto !important;object-fit:contain !important;}
.mt-modal-product-name{display:block !important;font-size:13px !important;font-weight:600 !important;color:#64748b !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 !important;line-height:1.2 !important;}
.mt-device-switcher{display:flex;gap:10px;flex:1;justify-content:center;}
.mt-device-switcher button{background:none;border:none;cursor:pointer;color:#94a3b8;padding:6px;border-radius:6px;transition:all 0.2s ease;display:flex;}
.mt-device-switcher button:hover{background:#f1f5f9;color:#475569;}
.mt-device-switcher button.active{background:#eff6ff;color:#3b82f6;}
.mt-device-switcher button svg{fill:currentColor;}
.mt-modal-actions{display:flex;align-items:center;gap:15px;flex:1;justify-content:flex-end;}
.mt-modal-cta{background:#3b82f6 !important;color:#ffffff !important;text-decoration:none !important;padding:8px 20px !important;border-radius:8px !important;font-size:14px !important;font-weight:700 !important;transition:all 0.3s ease !important;border:none !important;box-shadow:0 4px 10px rgba(59, 130, 246, 0.3) !important;}
.mt-modal-cta:hover{background:#2563eb !important;box-shadow:0 6px 15px rgba(37, 99, 235, 0.4) !important;transform:translateY(-1px);}
body .mt-modal-close.mt-modal-close-icon{background:transparent !important;border:none !important;box-shadow:none !important;width:36px !important;height:36px !important;color:#94a3b8 !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all 0.2s ease !important;padding:0 !important;outline:none !important;margin:0 !important;}
body .mt-modal-close.mt-modal-close-icon:hover{color:#ef4444 !important;transform:scale(1.1);}
.mt-modal-body{flex:1;position:relative;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding-top:0;}
.mt-iframe-wrapper{height:100%;background:#fff;transition:width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);position:relative;box-shadow:0 4px 20px rgba(0,0,0,0.08);}
.mt-iframe-wrapper.device-desktop{width:100%;}
.mt-iframe-wrapper.device-tablet{width:768px;}
.mt-iframe-wrapper.device-mobile{width:375px;}
.mt-preview-iframe{width:100%;height:100%;border:none;opacity:0;transition:opacity 0.4s ease;}
.mt-preview-iframe.is-loaded{opacity:1;}
.mt-simple-loader{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;z-index:10;}
.mt-loader-logo{max-height:45px;margin-bottom:10px;animation:mt-fade-in 1s ease-in-out;}
@keyframes mt-fade-in { from{opacity:0;transform:translateY(-10px);}
to{opacity:1;transform:translateY(0);}
}
.mt-loader-dots{display:flex;align-items:center;gap:6px;}
.mt-dot{width:14px;height:14px;background-color:#3b82f6;border-radius:50%;animation:mt-bounce 1.4s infinite ease-in-out both;}
.mt-dot:nth-child(1){animation-delay:-0.32s;}
.mt-dot:nth-child(2){animation-delay:-0.16s;}
@keyframes mt-bounce { 0%, 80%, 100%{transform:scale(0);opacity:0.3;}
40%{transform:scale(1);opacity:1;}
}
.mt-loader-text{color:#475569;font-size:15px;font-weight:600;text-align:center;}
.mt-video-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.85);cursor:pointer;z-index:1;}
.mt-video-modal-content{position:relative;width:90%;max-width:900px;z-index:2;background:#000;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.5);overflow:hidden;}
.mt-video-close-icon-fixed{position:fixed !important;top:25px !important;left:25px !important;right:auto !important;background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(5px);border:1px solid rgba(255, 255, 255, 0.2) !important;color:#fff !important;width:50px !important;height:50px !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;z-index:9999999 !important;transition:all 0.3s ease !important;padding:0 !important;box-shadow:none !important;}
.mt-video-close-icon-fixed:hover{background:#ef4444 !important;border-color:#ef4444 !important;transform:scale(1.1);}
.mt-video-iframe-container{position:relative;padding-bottom:56.25%;height:0;width:100%;background:#000;}
@media(max-width:768px){
.mt-modal-product-name { display: none !important; }
.mt-modal-logo { max-width: 100px !important; margin-bottom: 0 !important; }
.mt-modal-cta { padding: 6px 12px !important; font-size: 13px !important; }
.mt-device-switcher { gap: 5px; }
.mt-modal-actions { gap: 8px; } .mt-video-close-icon-fixed { top: 15px !important; left: 15px !important; right: auto !important; width: 40px !important; height: 40px !important; }
}