.mdi-flyout-submenu{position:absolute;top:0;left:90px;width:250px;height:100%;background-color:#fff;border-right:1px solid #e0e0e0;box-shadow:5px 0 15px rgba(0, 0, 0, 0.07);opacity:0;visibility:hidden;transform:translateX(15px);transition:opacity 0.25s ease, transform 0.25s ease, left 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.25s ease}#mdi-wrapper.is-expanded .mdi-flyout-submenu{left:250px}.mdi-flyout-submenu.is-visible{opacity:1;visibility:visible;transform:translateX(0)}.mdi-submenu-header{display:flex;align-items:center;padding:0
20px;height:80px;border-bottom:1px solid #eef0f2;flex-shrink:0}.mdi-submenu-header
h4{margin:0;font-size:18px;color:#1a202c}.mdi-submenu-list{list-style:none;padding:15px;margin:0;overflow-y:auto;flex-grow:1}.mdi-submenu-list
li{list-style:none}.mdi-submenu-list
a{display:flex;align-items:center;gap:15px;padding:13px
15px;text-decoration:none !important;color:#333;border-radius:8px;font-weight:500;transition:background-color 0.2s ease}.mdi-submenu-list a:hover{background-color:#f0f2f5}.mdi-submenu-list a
i{font-size:18px;width:20px;text-align:center;color:#555;line-height:1}.mdi-submenu-list a
span{line-height:1}.mdi-dynamic-tooltip{position:fixed;z-index:100000;background-color:#2c3e50;color:#fff;padding:6px
12px;border-radius:6px;font-size:14px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);transform:translateY(-50%) translateX(5px);opacity:0;pointer-events:none;transition:opacity 0.2s ease, transform 0.2s ease}.mdi-dynamic-tooltip.is-visible{opacity:1;transform:translateY(-50%) translateX(0)}.mdi-dynamic-tooltip::before{content:'';position:absolute;top:50%;right:100%;transform:translateY(-50%);border-width:6px;border-style:solid;border-color:transparent #2c3e50 transparent transparent}.mdi-user-section{padding:15px
20px;flex-shrink:0}.mdi-separator{border:none;border-top:1px solid #eef0f2;margin:0
0 15px 0}.mdi-user-button{position:relative;display:flex;align-items:center;height:50px;text-decoration:none !important;color:#333;background-color:transparent;border-radius:8px;transition:background-color 0.2s ease, color 0.2s ease}.mdi-user-button:hover{background-color:#f0f2f5;color:#1a202c}.mdi-user-button .mdi-icon{width:50px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.mdi-user-button .mdi-icon
i{font-size:24px;line-height:1;color:#555;transition:color 0.2s ease}.mdi-user-button:hover .mdi-icon
i{color:#1a202c}.mdi-user-button .mdi-text{font-size:16px;font-weight:500;line-height:1;white-space:nowrap}.mdi-login-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(10, 20, 30, 0.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:100001;opacity:0;pointer-events:none;transition:opacity 0.3s ease-in-out}.mdi-login-modal-overlay.is-visible{opacity:1;pointer-events:auto}.mdi-login-modal-content{background:#fff;padding:0;border-radius:12px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);width:90%;max-width:400px;position:relative;overflow:hidden;transform:translateY(20px) scale(0.98);opacity:0;transition:transform 0.3s ease-out, opacity 0.3s ease-out}.mdi-login-modal-overlay.is-visible .mdi-login-modal-content{transform:translateY(0) scale(1);opacity:1}.mdi-close-modal-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:28px;color:#aaa;cursor:pointer;line-height:1;padding:5px;transition:color 0.2s ease, transform 0.2s ease;z-index:10}.mdi-close-modal-btn:hover{color:#333;transform:rotate(90deg)}.mdi-modal-header{text-align:center;margin-bottom:30px}.mdi-modal-logo{max-width:150px;max-height:50px;margin-bottom:15px}.mdi-modal-header
h2{margin:0
0 10px 0;font-size:28px;color:#1a202c}.mdi-modal-header
p{margin:0;color:#718096;font-size:16px}.mdi-modal-panels-wrapper{position:relative;width:100%;display:flex;transition:transform 0.4s ease-in-out}.mdi-modal-panel{width:100%;flex-shrink:0;box-sizing:border-box;padding:40px}.mdi-modal-panels-wrapper.show-forgot-password{transform:translateX(-100%)}#mdi-login-form .mdi-form-group,
#mdi-forgot-password-form .mdi-form-group{margin-bottom:20px}#mdi-login-form .mdi-form-group > label,
#mdi-forgot-password-form .mdi-form-group>label{display:block;font-weight:600;margin-bottom:8px;color:#4a5568}#mdi-login-form input[type="text"],
#mdi-login-form input[type="password"],
#mdi-forgot-password-form input[type="email"]{width:100%;padding:12px
15px;border:1px
solid #cbd5e0;border-radius:8px;font-size:16px;box-sizing:border-box;transition:border-color 0.2s ease, box-shadow 0.2s ease}#mdi-login-form input[type="text"]:focus,
#mdi-login-form input[type="password"]:focus,
#mdi-forgot-password-form input[type="email"]:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px rgba(66, 153, 225, 0.5)}.mdi-form-group-inline{display:flex;align-items:center;gap:8px;margin-bottom:10px}.mdi-form-group-inline input[type="checkbox"]{width:16px;height:16px;margin:0}.mdi-form-group-inline
label{margin-bottom:0;font-weight:500;color:#4a5568;cursor:pointer}.mdi-login-message,.mdi-forgot-message{min-height:5px;margin-bottom:15px;text-align:center;font-weight:500}.mdi-login-message.error,.mdi-forgot-message.error{color:#e53e3e}.mdi-login-message.success,.mdi-forgot-message.success{color:#38a169}.mdi-submit-login-btn,.mdi-submit-forgot-btn{width:100%;padding:14px;border:none;border-radius:8px;background-color:#2c3e50;color:#fff;font-size:16px;font-weight:bold;cursor:pointer;transition:background-color 0.2s ease, transform 0.1s ease;position:relative}.mdi-submit-login-btn:hover,.mdi-submit-forgot-btn:hover{background-color:#4a5568}.mdi-submit-login-btn:active,.mdi-submit-forgot-btn:active{transform:scale(0.98)}.mdi-modal-link{display:block;text-align:center;margin-top:20px;font-size:14px;color:#4a5568;text-decoration:none;font-weight:500}.mdi-modal-link:hover{text-decoration:underline}.mdi-submit-login-btn.loading::after,.mdi-submit-forgot-btn.loading::after{content:'';position:absolute;width:20px;height:20px;top:50%;left:50%;margin-top:-10px;margin-left:-10px;border:3px
solid rgba(255, 255, 255, 0.3);border-top-color:#fff;border-radius:50%;animation:mdi-spinner 0.8s linear infinite}.mdi-submit-login-btn.loading,.mdi-submit-forgot-btn.loading{color:transparent}@keyframes mdi-spinner{to{transform:rotate(360deg)}}.mdi-mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--mdi-mobile-nav-height, 60px);background-color:#fff;border-top:1px solid #e0e0e0;justify-content:space-around;align-items:center;z-index:100000;box-shadow:0 -2px 10px rgba(0, 0, 0, 0.05);transition:transform 0.3s ease-in-out}.mdi-mobile-nav.is-hidden{transform:translateY(100%)}@media (max-width: 767px){.mdi-mobile-nav{display:flex}body{padding-bottom:var(--mdi-mobile-nav-height, 60px)}}.mdi-mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#718096;font-size:10px;font-weight:500;flex-grow:1;transition:color 0.2s ease}.mdi-mobile-nav-item
i{font-size:22px;margin-bottom:4px}.mdi-mobile-nav-item.is-active{color:#e53e3e}.mdi-welcome-modal-overlay{position:fixed;bottom:0;left:0;right:0;z-index:100002;padding:20px;display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.5s ease, visibility 0.5s ease}@media (max-width: 767px){.mdi-welcome-modal-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}}.mdi-welcome-modal-content{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 40px rgba(0, 0, 0, 0.2);text-align:center;max-width:400px;margin:0
auto;transform:translateY(150%);transition:transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1)}.mdi-welcome-modal-overlay.is-visible .mdi-welcome-modal-content{transform:translateY(0)}.mdi-welcome-modal-overlay.is-hiding .mdi-welcome-modal-content{transform:translateY(150%)}.mdi-welcome-icon{width:120px;height:48px;margin-bottom:16px}.mdi-welcome-modal-content
h3{font-size:20px;font-weight:bold;color:#1a202c;margin:0
0 8px 0}.mdi-welcome-modal-content
p{font-size:14px;color:#4a5568;line-height:1.5;margin:0
0 20px 0}.mdi-welcome-close-btn{width:100%;padding:12px;border:none;border-radius:8px;background-color:#e53e3e;color:#fff;font-size:16px;font-weight:bold;cursor:pointer;transition:background-color 0.2s ease}.mdi-welcome-close-btn:hover{background-color:#c53030}[data-pushed-widget]{transition:left 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important}.mdi-desktop-promo{position:fixed;bottom:20px;z-index:99990;background-color:#fff;padding:20px
24px;border-radius:12px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.15);width:90%;max-width:320px;display:block;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(100%);transition:opacity 0.4s ease, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), visibility 0.4s ease}.mdi-desktop-promo.position-right{right:20px}.mdi-desktop-promo.position-left{left:20px}.mdi-desktop-promo.position-center{left:0;right:0;margin-left:auto;margin-right:auto}@media (min-width: 768px){.mdi-desktop-promo.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}}.mdi-promo-icon{display:block;margin:0
auto 15px auto;max-width:125px;max-height:125px}.mdi-promo-message-content{margin:0
0 15px 0;font-size:15px;color:#4a5568;line-height:1.5;text-align:center}.mdi-promo-message-content
p{margin:0
0 0.5em 0}.mdi-promo-message-content p:last-child{margin-bottom:0}.mdi-promo-action-btn{width:100%;padding:10px;border:none;border-radius:8px;background-color:#2c3e50;color:#fff;font-size:15px;font-weight:bold;cursor:pointer;transition:background-color 0.2s ease, transform 0.1s ease}.mdi-promo-action-btn:hover{background-color:#4a5568}.mdi-promo-action-btn:active{transform:scale(0.98)}.mdi-promo-close-btn{position:absolute;top:5px;right:8px;background:none;border:none;font-size:24px;color:#aaa;cursor:pointer;padding:5px;line-height:1;transition:color 0.2s ease}.mdi-promo-close-btn:hover{color:#333}.quantity{display:inline-block!important}.spq_dropdown{float:left;display:block!important;background-color:#F2F2F2;color:#43454B;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .125);font-weight:400;outline:0;border:0;padding:12px;width:4.235801032em;height:45px;margin-right:10px}li select.spq-qty-input{float:initial;display:inline-block!important;background-color:#F2F2F2;color:#43454B;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .125);font-weight:400;outline:0;border:0;width:4.235801032em;height:40px}.spq_variation_qty,.spq_display_field{display:none}