.search-bar-wrapper{position:relative;width:100%}.search-bar-form{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:10px 40px 10px 42px;border:2px solid var(--border-color);border-radius:var(--radius-full);font-size:14px;background:var(--bg-light);transition:all .2s}.search-input:focus{border-color:var(--primary);background:var(--bg-white);box-shadow:0 0 0 3px #a855f71a}.search-clear{position:absolute;right:12px;background:none;border:none;padding:4px;color:var(--text-muted);display:flex;align-items:center}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid rgba(168,85,247,.1);max-height:400px;overflow-y:auto;z-index:300;animation:fadeIn .15s ease}.search-loading,.search-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:14px}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 16px;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .15s}.search-result-item:hover{background:var(--bg-light)}.search-result-item:last-of-type{border-bottom:none}.search-result-img{width:44px;height:44px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.search-result-info{display:flex;flex-direction:column;gap:2px;min-width:0}.search-result-name{font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-price{font-size:13px;font-weight:600;color:var(--primary)}.search-view-all{display:block;width:100%;padding:12px;text-align:center;background:var(--bg-light);border:none;border-top:1px solid var(--border-light);color:var(--primary);font-weight:600;font-size:13px;cursor:pointer;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.search-view-all:hover{background:var(--primary-bg)}.notif-bell{position:relative}.notif-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:10px;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 6px #ef444466;animation:notifBadgePop .3s ease;pointer-events:none}@keyframes notifBadgePop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:-40px;width:360px;background:var(--bg-white, #fff);border-radius:var(--radius-lg, 16px);box-shadow:0 12px 40px #a855f726,0 4px 12px #00000014;border:1px solid rgba(168,85,247,.1);z-index:200;animation:notifSlideDown .2s ease;overflow:hidden}@keyframes notifSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(168,85,247,.08);background:linear-gradient(135deg,#a855f708,#f472b608)}.notif-header h4{font-size:15px;font-weight:700;color:var(--text-primary, #1e1b39)}.notif-mark-all{font-size:12px;color:#a855f7;font-weight:600;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-md, 8px);transition:all .2s}.notif-mark-all:hover{background:#a855f714}.notif-unread-count{font-size:12px;color:#a855f7;font-weight:600}.notif-list{max-height:380px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.2) transparent}.notif-list::-webkit-scrollbar{width:4px}.notif-list::-webkit-scrollbar-thumb{background:#a855f733;border-radius:4px}.notif-empty{padding:40px 24px;text-align:center}.notif-empty-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#a855f714,#f472b614);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#a855f7}.notif-empty-title{font-size:15px;font-weight:600;color:var(--text-primary, #1e1b39);margin-bottom:4px}.notif-empty-desc{font-size:13px;color:var(--text-muted, #9ca3af);line-height:1.4}.notif-loading{padding:4px 0}.notif-skeleton{display:flex;align-items:flex-start;gap:10px;padding:14px 18px}.notif-skeleton-icon{width:32px;height:32px;border-radius:50%;flex-shrink:0}.notif-skeleton-content{flex:1}.skeleton-pulse{background:linear-gradient(90deg,#a855f70f 25%,#a855f71f,#a855f70f 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:14px 18px;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid rgba(168,85,247,.05);cursor:pointer;transition:background .15s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#a855f70a}.notif-item.unread{background:linear-gradient(135deg,#a855f70f,#f472b60a)}.notif-item.unread:hover{background:linear-gradient(135deg,#a855f71a,#f472b60f)}.notif-item-icon{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#a855f71a,#f472b61a);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#a855f7}.notif-item.unread .notif-item-icon{background:linear-gradient(135deg,#a855f7,#f472b6);color:#fff}.notif-item-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.notif-item-title{font-size:13px;font-weight:600;color:var(--text-primary, #1e1b39);line-height:1.4}.notif-item.unread .notif-item-title{color:#1e1b39}.notif-item-body{font-size:12px;color:var(--text-secondary, #6b7280);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item-time{font-size:11px;color:var(--text-muted, #9ca3af);margin-top:2px}.notif-dot{width:8px;height:8px;background:linear-gradient(135deg,#a855f7,#f472b6);border-radius:var(--radius-full, 50%);flex-shrink:0;margin-top:4px;box-shadow:0 0 6px #a855f766}.notif-footer{padding:12px 18px;border-top:1px solid rgba(168,85,247,.08);text-align:center;background:linear-gradient(135deg,#a855f705,#f472b605)}.notif-footer-link{font-size:13px;font-weight:600;color:#a855f7;text-decoration:none;transition:color .2s}.notif-footer-link:hover{color:#9333ea}@media (max-width: 768px){.notif-dropdown{right:-60px;width:300px}.notif-empty{padding:32px 16px}.notif-item{padding:12px 14px}}@media (max-width: 480px){.notif-dropdown{position:fixed;top:60px;left:8px;right:8px;width:auto}}.logout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:logoutFadeIn .25s ease}@keyframes logoutFadeIn{0%{opacity:0}to{opacity:1}}.logout-popup{background:var(--bg-white, #fff);border-radius:28px;padding:40px 36px 32px;max-width:380px;width:100%;text-align:center;position:relative;overflow:hidden;animation:logoutSlideUp .35s cubic-bezier(.16,1,.3,1);box-shadow:0 25px 60px #7c5cfc26,0 0 0 1px #7c5cfc14}.logout-popup.leaving{animation:logoutSlideOut .5s cubic-bezier(.7,0,.3,1) forwards}@keyframes logoutSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes logoutSlideOut{to{opacity:0;transform:translateY(-20px) scale(.9)}}.logout-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(124,92,252,.12) 0%,transparent 70%);pointer-events:none}.logout-avatar-ring{position:relative;width:80px;height:80px;margin:0 auto 20px}.logout-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#7c5cfc,#ff6b9d);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 4px 20px #7c5cfc4d}.logout-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid white}.logout-avatar span{color:#fff;font-size:32px;font-weight:700;font-family:var(--font-heading, "Fredoka", sans-serif)}.logout-wave{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(124,92,252,.3);animation:logoutPulse 2s ease-in-out infinite}@keyframes logoutPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.3}}.logout-title{font-size:1.5rem;font-weight:700;margin-bottom:4px;background:linear-gradient(135deg,#7c5cfc,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logout-name{font-size:14px;font-weight:600;color:var(--text-primary, #1a1a2e);margin-bottom:6px}.logout-desc{font-size:14px;color:var(--text-secondary, #666);margin-bottom:28px;line-height:1.5}.logout-buttons{display:flex;gap:10px}.logout-btn-cancel,.logout-btn-confirm{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.logout-btn-cancel{background:var(--bg-gray, #f5f5f5);color:var(--text-primary, #333)}.logout-btn-cancel:hover{background:var(--border-light, #e5e5e5)}.logout-btn-confirm{background:linear-gradient(135deg,#ff6b9d,#ff7e67);color:#fff;box-shadow:0 4px 15px #ff6b9d59}.logout-btn-confirm:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff6b9d73}.logout-btn-confirm:disabled{opacity:.8;cursor:wait}.logout-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 480px){.logout-popup{padding:32px 24px 28px;border-radius:24px}.logout-buttons{flex-direction:column-reverse}}.navbar-wrapper{position:fixed;top:0;left:0;right:0;z-index:100;background:#fff;transition:box-shadow .3s}.navbar-wrapper.scrolled{box-shadow:0 2px 20px #00000014}.promo-bar{background:var(--gradient-primary);color:#fff;text-align:center;padding:8px 0;font-size:13px;font-weight:500;height:var(--promo-bar-height);display:flex;align-items:center;overflow:hidden}.promo-bar span{white-space:nowrap;animation:marquee 20s linear infinite}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.navbar{background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);height:var(--nav-height);display:flex;align-items:center;border-bottom:1px solid rgba(168,85,247,.08)}.navbar-inner{display:flex;align-items:center;gap:24px;width:100%;flex-wrap:nowrap;overflow:hidden}.navbar-logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.logo-icon{width:40px;height:40px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-heading);font-weight:700;font-size:22px}.logo-text{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--primary)}.navbar-search-dropdown{position:fixed;top:calc(var(--nav-height) + var(--promo-bar-height));left:0;right:0;z-index:101;background:#fff;padding:14px 0;box-shadow:0 8px 24px #0000001f;animation:searchSlideDown .25s ease}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#00000040}@keyframes searchSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.nav-icon-btn{position:relative;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-primary);transition:background .2s}.nav-icon-btn:hover{background:var(--bg-gray);color:var(--primary)}.cart-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;background:var(--secondary);color:#fff;font-size:10px;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px}.user-menu{position:relative}.user-avatar-btn{width:38px;height:38px;border-radius:var(--radius-full);overflow:hidden;background:var(--gradient-primary);border:2px solid transparent;padding:0;cursor:pointer;transition:border-color .2s}.user-avatar-btn:hover{border-color:var(--primary)}.user-avatar-img{width:100%;height:100%;object-fit:cover}.user-avatar-placeholder{color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-light);padding:8px;z-index:200;animation:fadeIn .15s ease}.user-dropdown-header{padding:12px;display:flex;flex-direction:column}.user-dropdown-name{font-weight:600;font-size:14px}.user-dropdown-email{font-size:12px;color:var(--text-muted);margin-top:2px}.user-dropdown-divider{height:1px;background:var(--border-light);margin:4px 0}.user-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);width:100%;text-align:left;background:none;border:none;cursor:pointer;transition:background .15s;text-decoration:none}.user-dropdown-item:hover{background:var(--bg-gray);color:var(--primary)}.logout-item:hover{color:var(--danger)}.hamburger{width:40px;height:40px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:var(--radius-sm);transition:background .2s}.hamburger:active{background:var(--bg-gray)}.hamburger-line{width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s;display:block}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:98;animation:fadeIn .2s ease}.mobile-menu{position:fixed;top:0;right:-320px;width:300px;max-width:85vw;height:100vh;height:100dvh;background:#fff;z-index:99;padding:0 0 100px;transition:right .3s ease;overflow-y:auto;box-shadow:-4px 0 30px #00000026;display:flex;flex-direction:column}.mobile-menu.open{right:0}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #F3F4F6}.mobile-menu-brand{display:flex;align-items:center;gap:8px}.mobile-menu-close{background:#f3f4f6;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280}.mobile-menu-user{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#8b5cf614,#ec48990d);border-bottom:1px solid #F3F4F6}.mobile-menu-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#ec4899);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0;overflow:hidden}.mobile-menu-avatar img{width:100%;height:100%;object-fit:cover}.mobile-menu-username{font-weight:600;font-size:14px;color:#1f2937}.mobile-menu-email{font-size:12px;color:#9ca3af}.mobile-menu-section-title{padding:14px 20px 6px;font-size:10px;font-weight:700;color:#9ca3af;letter-spacing:.08em}.mobile-menu-nav{display:flex;flex-direction:column;flex:1}.mobile-menu-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#374151;font-weight:500;font-size:14px;text-decoration:none;transition:background .15s}.mobile-menu-item:hover,.mobile-menu-item:active{background:#8b5cf60f;color:#7c3aed}.mobile-menu-icon{font-size:18px;width:24px;text-align:center}.mobile-menu-nav a{text-decoration:none;display:flex;align-items:center;gap:10px;transition:color .15s}.mobile-menu-nav a:hover,.mobile-menu-nav a:active{color:var(--primary)}.mobile-menu-auth{margin-top:24px;display:flex;flex-direction:column;gap:10px}@media (max-width: 768px){.navbar{height:60px}.navbar-inner{gap:12px}.logo-text{font-size:20px}.logo-icon{width:34px;height:34px;font-size:18px}.promo-bar{font-size:12px;height:32px}.hamburger{display:flex;flex-shrink:0}.navbar-actions{gap:4px;flex-shrink:0}.nav-icon-btn{width:36px;height:36px;flex-shrink:0}.nav-icon-btn svg{width:20px;height:20px}.user-avatar-btn{width:34px;height:34px}}.footer{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-top:auto;position:relative;z-index:1}.footer-top{padding:60px 0 40px;border-top:1px solid var(--border-light)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.5fr;gap:40px}.footer-logo{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px}.footer-logo .logo-icon{width:36px;height:36px;font-size:18px}.footer-logo .logo-text{font-size:20px}.footer-desc{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:12px}.footer-address,.footer-phone{color:var(--text-secondary);font-size:13px;margin-bottom:4px}.footer-socials{display:flex;gap:10px;margin-top:16px}.social-link{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--gradient-soft);color:var(--text-secondary);transition:all .3s ease;border:1px solid rgba(168,85,247,.08)}.social-link:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-3px);box-shadow:0 4px 12px #a855f74d}.footer-links-group h4{font-family:var(--font-heading);font-size:16px;margin-bottom:16px;color:var(--text-primary)}.footer-links-group a{display:block;color:var(--text-secondary);font-size:14px;padding:6px 0;transition:color .2s}.footer-links-group a:hover{color:var(--primary)}.footer-newsletter h4{font-family:var(--font-heading);font-size:16px;margin-bottom:8px}.footer-newsletter p{color:var(--text-secondary);font-size:14px;margin-bottom:16px;line-height:1.6}.newsletter-form{display:flex;gap:8px}.newsletter-form input{flex:1;padding:10px 14px;font-size:14px}.newsletter-form .btn{white-space:nowrap;padding:10px 20px}.footer-bottom{border-top:1px solid var(--border-light);padding:20px 0;text-align:center}.footer-bottom p{color:var(--text-muted);font-size:13px}@media (max-width: 1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand,.footer-newsletter{grid-column:1 / -1}}@media (max-width: 768px){.footer-top{padding:40px 0 24px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-brand,.footer-newsletter{grid-column:auto}.footer{padding-bottom:var(--bottom-nav-height)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(168,85,247,.08);display:none;align-items:center;justify-content:space-around;z-index:90;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -4px 20px #a855f714}@media (max-width: 768px){.bottom-nav{display:flex}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 10px 6px;color:var(--text-muted);text-decoration:none;font-size:10px;font-weight:500;transition:color .2s;position:relative;-webkit-tap-highlight-color:transparent;min-width:56px}.bottom-nav-item svg{width:22px;height:22px;flex-shrink:0}.bottom-nav-item span{line-height:1}.bottom-nav-item.active{color:var(--primary);font-weight:600}.bottom-nav-item.active svg{stroke-width:2.5}.bottom-nav-item.active:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:36px;height:3px;background:var(--gradient-primary);border-radius:0 0 6px 6px;box-shadow:0 2px 8px #a855f766}.bottom-nav-item.active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:50px;height:30px;background:radial-gradient(ellipse,rgba(168,85,247,.15) 0%,transparent 70%);pointer-events:none}.bottom-cart-icon{position:relative;display:flex;align-items:center;justify-content:center}.bottom-cart-badge{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;background:var(--secondary);color:#fff;font-size:10px;font-weight:700;border-radius:50px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;box-shadow:0 1px 4px #ff6b9d66}.bottom-nav-item.cart-item .bottom-cart-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:-18px;box-shadow:0 4px 15px #7c5cfc59}.bottom-nav-item.cart-item .bottom-cart-icon svg{color:#fff;stroke:#fff;width:20px;height:20px}.bottom-nav-item.cart-item .bottom-cart-badge{top:-4px;right:-6px}.bottom-nav-item.cart-item{color:var(--text-muted)}.bottom-nav-item.cart-item.active{color:var(--primary)}.popup-promo{text-align:center;padding:0;overflow:hidden;max-width:420px;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(168,85,247,.1)}.popup-close{position:absolute;top:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#ffffffe6;border:none;z-index:2;color:var(--text-secondary);cursor:pointer;transition:background .2s}.popup-close:hover{background:#fff;color:var(--text-primary)}.popup-promo-img{width:100%;height:200px;object-fit:cover}.popup-promo-content{padding:24px}.popup-promo-content h3{font-size:1.25rem;margin-bottom:8px;color:var(--text-primary)}.popup-promo-content p{color:var(--text-secondary);font-size:14px;margin-bottom:16px;line-height:1.6}.popup-promo-code{display:inline-flex;align-items:center;gap:8px;background:var(--primary-bg);padding:10px 20px;border-radius:var(--radius-md);margin-bottom:20px;border:2px dashed var(--primary-light)}.popup-promo-code span{font-size:13px;color:var(--text-secondary)}.popup-promo-code strong{font-size:18px;color:var(--primary);font-family:var(--font-heading);letter-spacing:2px}.livechat-wrapper{position:fixed;bottom:90px;right:84px;z-index:998}.livechat-toggle{position:fixed;bottom:90px;right:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #8b5cf666;transition:transform .3s,box-shadow .3s;z-index:998}.livechat-toggle:hover{transform:scale(1.1);box-shadow:0 6px 24px #8b5cf680}.livechat-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px}.livechat-window{position:fixed;bottom:158px;right:20px;width:370px;height:520px;background:#fff;border-radius:16px;box-shadow:0 8px 40px #00000026;display:flex;flex-direction:column;overflow:hidden;z-index:999;animation:chatSlideUp .3s ease}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.livechat-header{background:linear-gradient(135deg,#8b5cf6,#ec4899);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;color:#fff}.livechat-header-info{display:flex;align-items:center;gap:12px}.livechat-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.livechat-header-name{font-weight:700;font-size:15px}.livechat-header-status{font-size:12px;opacity:.85;display:flex;align-items:center;gap:5px}.livechat-dot{width:8px;height:8px;border-radius:50%;background:#ffffff80}.livechat-dot.online{background:#22c55e}.livechat-end{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 12px;border-radius:14px;cursor:pointer;font-size:12px;font-weight:500;transition:background .2s;font-family:inherit}.livechat-end:hover{background:#ef444499;border-color:#ef4444cc}.livechat-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s}.livechat-close:hover{background:#ffffff4d}.livechat-messages{flex:1;overflow-y:auto;padding:16px;background:#f9fafb;display:flex;flex-direction:column;gap:8px}.livechat-welcome{text-align:center;padding:20px 10px;color:#6b7280}.livechat-welcome-icon{font-size:40px;margin-bottom:8px}.livechat-welcome h4{margin:0 0 4px;color:#374151;font-size:16px}.livechat-welcome p{margin:0;font-size:13px}.livechat-system-msg{text-align:center;padding:8px 16px;margin:8px 0}.livechat-system-msg p{display:inline-block;background:#fef3c7;color:#92400e;font-size:12px;padding:8px 16px;border-radius:12px;margin:0;line-height:1.5}.livechat-newchat-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;padding:10px 24px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:inherit}.livechat-newchat-btn:hover{transform:scale(1.05);box-shadow:0 4px 16px #8b5cf666}.livechat-shortcuts{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.livechat-shortcut-btn{background:#fff;border:1px solid #E5E7EB;border-radius:20px;padding:6px 14px;font-size:13px;color:#7c3aed;cursor:pointer;transition:all .2s;font-weight:500}.livechat-shortcut-btn:hover{background:#f3e8ff;border-color:#c4b5fd}.livechat-msg{display:flex}.livechat-msg.sent{justify-content:flex-end}.livechat-msg.received{justify-content:flex-start}.livechat-bubble{max-width:80%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5;word-wrap:break-word}.livechat-msg.sent .livechat-bubble{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border-bottom-right-radius:4px}.livechat-msg.received .livechat-bubble{background:#fff;color:#374151;border-bottom-left-radius:4px;box-shadow:0 1px 3px #0000000f}.livechat-bubble p{margin:0;white-space:pre-wrap}.livechat-time{display:block;font-size:10px;margin-top:4px;opacity:.6}.livechat-typing{display:flex;gap:4px;padding:12px 18px!important}.livechat-typing .dot{width:8px;height:8px;border-radius:50%;background:#9ca3af;animation:typingBounce 1.4s infinite}.livechat-typing .dot:nth-child(2){animation-delay:.2s}.livechat-typing .dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.livechat-input-area{padding:12px;border-top:1px solid #E5E7EB;display:flex;gap:8px;align-items:flex-end;background:#fff}.livechat-input{flex:1;border:1px solid #E5E7EB;border-radius:20px;padding:10px 16px;font-size:14px;resize:none;outline:none;font-family:inherit;max-height:80px;line-height:1.4;transition:border-color .2s}.livechat-input:focus{border-color:#a78bfa}.livechat-send{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .2s}.livechat-send:disabled{opacity:.4;cursor:not-allowed}.livechat-end-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10;animation:fadeIn .2s ease;border-radius:16px}.livechat-end-modal{background:#fff;border-radius:16px;padding:24px;width:85%;max-width:320px;text-align:center;animation:chatSlideUp .3s ease}.livechat-end-modal-icon{font-size:36px;margin-bottom:8px}.livechat-end-modal h4{margin:0 0 4px;font-size:17px;color:#1f2937}.livechat-end-modal p{margin:0 0 14px;font-size:13px;color:#6b7280}.livechat-end-reasons{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.livechat-reason-btn{padding:9px 14px;border:1px solid #E5E7EB;border-radius:10px;background:#f9fafb;font-size:13px;color:#374151;cursor:pointer;text-align:left;transition:all .15s;font-family:inherit}.livechat-reason-btn:hover{border-color:#c4b5fd;background:#f3e8ff}.livechat-reason-btn.active{border-color:#8b5cf6;background:#f3e8ff;color:#7c3aed;font-weight:600}.livechat-end-actions{display:flex;gap:8px}.livechat-end-cancel{flex:1;padding:10px;border:1px solid #E5E7EB;border-radius:10px;background:#fff;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s}.livechat-end-cancel:hover{background:#f3f4f6}.livechat-end-confirm{flex:1;padding:10px;border:none;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s}.livechat-end-confirm:disabled{opacity:.4;cursor:not-allowed}.livechat-end-confirm:not(:disabled):hover{opacity:.9}@media (max-width: 768px){.livechat-toggle{bottom:80px;right:14px;width:50px;height:50px}.livechat-window{bottom:0;right:0;left:0;width:100%;height:100%;border-radius:0;position:fixed}}.app{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;margin-top:calc(var(--promo-bar-height) + var(--nav-height));position:relative;z-index:1}.app-content.no-promo{margin-top:var(--nav-height)}@media (max-width: 768px){.app-content{margin-top:calc(var(--promo-bar-height) + 60px)}.app-content.no-promo{margin-top:60px}}:root{--primary: #A855F7;--primary-light: #C084FC;--primary-dark: #7C3AED;--primary-bg: #FFF5F7;--secondary: #F472B6;--secondary-light: #F9A8D4;--secondary-dark: #EC4899;--accent: #38BDF8;--accent-light: #7DD3FC;--accent-dark: #0EA5E9;--mint: #34D399;--peach: #FBBF24;--success: #22C55E;--warning: #F59E0B;--danger: #EF4444;--info: #3B82F6;--text-primary: #1E1B39;--text-secondary: #6B7280;--text-muted: #9CA3AF;--bg-white: #FFFFFF;--bg-light: #FFFBFE;--bg-gray: #FDF2F8;--border-color: #F3E8FF;--border-light: #FCE7F3;--shadow-sm: 0 1px 3px rgba(168, 85, 247, .08);--shadow-md: 0 4px 12px rgba(168, 85, 247, .1);--shadow-lg: 0 10px 30px rgba(168, 85, 247, .12);--shadow-xl: 0 20px 50px rgba(168, 85, 247, .15);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--gradient-primary: linear-gradient(135deg, #F472B6 0%, #A855F7 50%, #38BDF8 100%);--gradient-soft: linear-gradient(135deg, #FFF5F7 0%, #F5F3FF 50%, #F0F9FF 100%);--gradient-card: linear-gradient(145deg, #FFFFFF 0%, #FFF5F7 50%, #F5F3FF 100%);--gradient-dreamland: linear-gradient(135deg, #FDF2F8 0%, #F5F3FF 35%, #F0F9FF 65%, #ECFDF5 100%);--font-heading: "Quicksand", sans-serif;--font-body: "Baloo Bhaijaan 2", sans-serif;--nav-height: 70px;--promo-bar-height: 36px;--bottom-nav-height: 60px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--text-primary);background:var(--gradient-dreamland);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:all .2s ease}input,textarea,select{font-family:var(--font-body);font-size:16px;border:2px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;background:var(--bg-white);color:var(--text-primary)}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #a855f726}input::placeholder,textarea::placeholder{color:var(--text-muted)}ul,ol{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-full);font-weight:600;font-size:14px;font-family:var(--font-heading);transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #a855f766}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:var(--secondary-dark);transform:translateY(-2px);box-shadow:0 4px 15px #f472b666}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 4px 15px #38bdf866}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-gray)}.btn-sm{padding:8px 16px;font-size:13px;border-radius:var(--radius-md)}.btn-lg{padding:16px 32px;font-size:16px}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.badge-primary{background:#a855f71a;color:var(--primary)}.badge-secondary{background:#f472b61a;color:var(--secondary)}.badge-success{background:#22c55e1a;color:var(--success)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.badge-danger{background:#ef44441a;color:var(--danger)}.card{background:var(--gradient-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid rgba(168,85,247,.08);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 12px 35px #a855f726;transform:translateY(-4px)}.loading-spinner{display:inline-block;width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--text-muted)}.section-title{text-align:center;margin-bottom:40px}.section-title h2{font-size:2rem;margin-bottom:8px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title p{color:var(--text-secondary);font-size:15px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-white);border-radius:var(--radius-xl);padding:32px;z-index:1000;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:modalIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:slideUp .4s ease forwards}.empty-state{text-align:center;padding:60px 20px}.empty-state h3{margin-top:16px;color:var(--text-primary)}.empty-state p{color:var(--text-secondary);margin-top:8px;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:6px;font-size:14px;color:var(--text-primary)}.form-group .error{color:var(--danger);font-size:13px;margin-top:4px}.toast-custom{font-family:var(--font-body);border-radius:var(--radius-md)!important}.glassmorphism{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){body{padding-bottom:var(--bottom-nav-height)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{padding:0 12px}.section-title{margin-bottom:24px}.section-title h2{font-size:1.5rem}.modal{width:95%;padding:24px}}@media (max-width: 480px){h1{font-size:1.5rem}h2{font-size:1.25rem}.btn{padding:10px 20px;font-size:13px}}@media (min-width: 769px){.mobile-only{display:none!important}}@media (max-width: 768px){.desktop-only{display:none!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.floating-shapes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.floating-shape{position:absolute;border-radius:50%;opacity:.12;animation:float-shape 20s ease-in-out infinite}.floating-shape:nth-child(1){width:300px;height:300px;background:var(--secondary-light);top:10%;left:-5%;animation-delay:0s}.floating-shape:nth-child(2){width:200px;height:200px;background:var(--primary-light);top:60%;right:-3%;animation-delay:-5s}.floating-shape:nth-child(3){width:250px;height:250px;background:var(--accent-light);bottom:10%;left:30%;animation-delay:-10s}.floating-shape:nth-child(4){width:180px;height:180px;background:#fbbf24;top:30%;right:20%;animation-delay:-15s;border-radius:30% 70% 70% 30%/30% 30% 70% 70%}@keyframes float-shape{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(30px,-30px) rotate(90deg) scale(1.1)}50%{transform:translate(-20px,20px) rotate(180deg) scale(.95)}75%{transform:translate(15px,-15px) rotate(270deg) scale(1.05)}}.glow-hover{transition:all .3s ease}.glow-hover:hover{box-shadow:0 0 20px #a855f74d,0 0 40px #f472b626;transform:translateY(-4px)}