.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -4px 6px -1px rgba(0,0,0,.1);z-index:1000;display:block}.nav-container{display:flex;justify-content:space-around;align-items:center;padding:8px;gap:4px}.nav-item{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:8px;min-width:0;flex:1;background:none;border:none;cursor:pointer;transition:all 0.3s ease}.nav-item:hover{background:rgba(143,66,154,.1)}.nav-item.active,.nav-item:active,.nav-item:focus{background:rgba(143,66,154,.1)}.nav-icon{width:24px;height:24px;margin-bottom:4px;color:#8f429a;transition:transform 0.3s ease}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-text{font-size:12px;font-weight:500;color:#6b7280;transition:all 0.3s ease}.nav-item.active .nav-text{color:#8f429a;font-weight:600}@keyframes navbar-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(143,66,154,.3)}50%{transform:scale(1.05);box-shadow:0 0 0 8px rgba(143,66,154,.1)}100%{transform:scale(1);box-shadow:0 0 0 12px rgba(143,66,154,0)}}@keyframes glow{0%,100%{filter:drop-shadow(0 0 1px rgba(143,66,154,.3))}50%{filter:drop-shadow(0 0 3px rgba(143,66,154,.5))}}.nav-item.call-pulse .nav-icon{animation:navbar-pulse 3s infinite ease-in-out,glow 3s infinite ease-in-out;border-radius:50%}.nav-item.call-pulse:hover .nav-icon{animation-play-state:paused;transform:scale(1.1);filter:drop-shadow(0 0 4px rgba(143,66,154,.6))}.menu-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,.98);backdrop-filter:blur(10px);box-shadow:0 -4px 20px rgba(0,0,0,.15);z-index:99999;transform:translateY(100%);transition:all 0.3s ease;overflow-y:auto}.menu-overlay.active{transform:translateY(0)}.menu-content{padding:40px 20px;display:flex;align-items:center;justify-content:center;min-height:100%}.menu-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu-list li{margin-bottom:0}.menu-list a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;color:#374151;text-decoration:none;font-size:15px;font-weight:500;transition:all 0.3s ease;aspect-ratio:1;text-align:center;min-height:140px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.menu-list a:hover{background:#f8fafc;border-color:#8f429a;transform:translateY(-2px);box-shadow:0 4px 12px rgba(143,66,154,.15)}.menu-icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:rgba(143,66,154,.1);border-radius:14px;margin-bottom:12px;flex-shrink:0}.menu-icon{width:28px;height:28px;color:#8f429a}@media (min-width:768px) and (max-width:1023px){.nav-item{padding:16px 12px}.nav-icon{width:28px;height:28px}.nav-text{font-size:14px}}@media (min-width:1024px){.mobile-nav{display:none}}#online-chat-overlay .menu-content{padding:40px 20px;display:flex;flex-direction:column;align-items:center;min-height:100%;position:relative}.overlay-title{text-align:center;font-size:22px;font-weight:600;color:#8f429a;margin-bottom:24px}.menu-close-btn{position:absolute;top:16px;left:16px;background:transparent;border:none;cursor:pointer}.menu-close-btn:hover{background:transparent}#online-chat-form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}#online-chat-form input,#online-chat-form select{padding:12px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;width:100%;box-sizing:border-box}#online-chat-form button{padding:12px;background:#8f429a;color:#fff;border:none;border-radius:12px;font-size:16px;cursor:pointer;transition:all 0.3s ease}#online-chat-form button:hover{background:#7a3785}button#close-online-chat-overlay-btn,button#close-online-chat-overlay-btn:hover{background:transparent;color:#000}.spinner{border:6px solid #f3f3f3;border-top:6px solid #8f429a;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;z-index:9999999}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:400px){#online-chat-overlay .menu-content{padding:20px 12px}.overlay-title{font-size:20px}}