*{font-family:Inter,sans-serif!important}.fa-solid,.fas{font-family:"Font Awesome 6 Free"!important;font-weight:900!important}.fa-regular,.far{font-family:"Font Awesome 6 Free"!important;font-weight:400!important}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"!important;font-weight:400!important}body{background:#fff}.header{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000000f;padding:0 clamp(14px,3vw,40px);transition:background .4s,padding .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.header-inner{align-items:center;gap:6px;max-width:1440px;height:54px;margin:0 auto;display:flex}.header.scrolled{background:#fff;box-shadow:0 1px 12px #0000000d}.header.scrolled .header-inner{height:46px}.hdr-menu-btn{cursor:pointer;background:0 0;border:none;border-radius:2px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:32px;height:32px;padding:6px;transition:all .2s;display:flex}.hdr-menu-btn span{background:#ffffffb3;border-radius:1px;width:18px;height:1.5px;transition:background .3s;display:block}.hdr-menu-btn:hover{background:#ffffff1a}.header.scrolled .hdr-menu-btn span{background:#888}.header.scrolled .hdr-menu-btn:hover{background:#0000000a}.hdr-logo{flex-shrink:0;align-items:center;margin-right:10px;text-decoration:none;display:flex}.hdr-logo img{object-fit:contain;height:40px;transition:height .3s}.header.scrolled .hdr-logo img{height:32px}.hdr-nav{flex:1;align-items:center;gap:2px;display:flex}.hdr-nav-link{color:#ffffffbf;white-space:nowrap;letter-spacing:.3px;border-radius:2px;padding:5px 10px;font-size:11.5px;font-weight:300;text-decoration:none;transition:all .25s}.hdr-nav-link:hover{color:#fff;background:#ffffff1a}.header.scrolled .hdr-nav-link{color:#999;font-weight:300}.header.scrolled .hdr-nav-link:hover{color:#333;background:#0000000a}.hdr-nav-drop{position:relative}.hdr-nav-link-drop{cursor:pointer;align-items:center;display:inline-flex}.hdr-artist-panel{opacity:0;pointer-events:none;z-index:100;background:#fff;border:1px solid #eee;border-radius:2px;width:240px;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;transform:translateY(-6px);box-shadow:0 8px 30px #0000001a}.hdr-artist-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.hdr-artist-viewall{color:#5f7984;letter-spacing:.3px;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.hdr-artist-viewall:hover{background:#f8f9fa}.hdr-artist-search{background:#fafafa;border:none;border-bottom:1px solid #f0f0f0;outline:none;width:100%;padding:9px 14px;font-size:12px;font-weight:300}.hdr-artist-list{max-height:220px;overflow-y:auto}.hdr-artist-item{cursor:pointer;color:#333;align-items:center;gap:8px;padding:8px 14px;text-decoration:none;transition:background .15s;display:flex}.hdr-artist-item:hover{background:#f8f9fa}.hdr-artist-item img{object-fit:cover;background:#eee;border-radius:50%;width:28px;height:28px}.hdr-artist-item-name{color:#444;font-size:12px;font-weight:400}.hdr-artist-item-spec{color:#aaa;font-size:10px;font-weight:300}.hdr-artist-list::-webkit-scrollbar{width:3px}.hdr-artist-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.hdr-right{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.hdr-icon-wrap{position:relative}.hdr-icon{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .25s;display:flex;position:relative}.hdr-icon:hover{color:#ffffffe6;background:#ffffff1a}.header.scrolled .hdr-icon{color:#999}.header.scrolled .hdr-icon:hover{color:#555;background:#0000000a}.hdr-icon i{transition:transform .2s}.hdr-notif-badge{color:#fff;background:#e74c3c;border-radius:99px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:8px;font-weight:700;display:flex;position:absolute;top:1px;right:1px}.hdr-icon-profile .profile-avatar{color:#ffffffa6;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;display:flex}.header.scrolled .hdr-icon-profile .profile-avatar,.header.scrolled .hdr-icon-profile .profile-avatar i{color:#999}.hdr-lang-panel{opacity:0;pointer-events:none;z-index:100;background:#fff;border:1px solid #eee;border-radius:2px;width:160px;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(-6px);box-shadow:0 8px 30px #0000001a}.hdr-lang-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.hdr-lang-opt{cursor:pointer;color:#555;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:300;transition:background .15s;display:flex}.hdr-lang-opt:hover{color:#5f7984;background:#f5f7f8}.hdr-lang-opt span{color:#999;min-width:20px;font-size:11px;font-weight:500}.hdr-guest{align-items:center;gap:4px;display:flex}.hdr-btn-login,.hdr-btn-signup{white-space:nowrap;border-radius:2px;justify-content:center;align-items:center;height:28px;padding:0 14px;font-size:11px;font-weight:400;text-decoration:none;transition:all .25s;display:flex}.hdr-btn-login{color:#ffffffb3;background:0 0;border:1px solid #fff3}.hdr-btn-login:hover{color:#fff;background:#ffffff1a;border-color:#fff6}.hdr-btn-signup{color:#111;background:#ffffffd9;border:1px solid #0000}.hdr-btn-signup:hover{background:#fff}.header.scrolled .hdr-btn-login{color:#888;border-color:#ddd}.header.scrolled .hdr-btn-login:hover{color:#fff;background:#333;border-color:#333}.header.scrolled .hdr-btn-signup{color:#fff;background:#333}.header.scrolled .hdr-btn-signup:hover{background:#111}.hdr-hamburger{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .25s;display:none}.hdr-hamburger:hover{background:#ffffff1a}.header.scrolled .hdr-hamburger{color:#888}.hdr-mobile-nav{flex-direction:column;max-height:0;padding:0 14px;transition:max-height .35s,padding .3s;display:none;overflow:hidden}.hdr-mobile-nav.open{max-height:500px;padding:8px 14px 14px}.hdr-mob-link{color:#ffffffbf;border-radius:2px;padding:9px 8px;font-size:13px;font-weight:300;text-decoration:none;transition:all .2s;display:block}.hdr-mob-link:hover{background:#ffffff0f}.header.scrolled .hdr-mob-link{color:#888}.header.scrolled .hdr-mob-link:hover{color:#333;background:#f5f5f5}.hdr-mob-divider{background:#ffffff14;height:1px;margin:4px 0}.header.scrolled .hdr-mob-divider{background:#eee}.hdr-mob-search{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:2px;outline:none;margin-bottom:4px;padding:7px 10px;font-size:12px;font-weight:300}.hdr-mob-search::placeholder{color:#ffffff59}.header.scrolled .hdr-mob-search{color:#333;background:#fafafa;border-color:#ddd}.header.scrolled .hdr-mob-search::placeholder{color:#aaa}.hdr-mob-artist-list{max-height:160px;overflow-y:auto}.hdr-mob-artist-item{cursor:pointer;border-radius:2px;align-items:center;gap:6px;padding:7px 8px;text-decoration:none;transition:background .15s;display:flex}.hdr-mob-artist-item:hover{background:#ffffff0f}.header.scrolled .hdr-mob-artist-item:hover{background:#f5f5f5}.hdr-mob-artist-item span{color:#ffffffb3;font-size:12px;font-weight:300}.header.scrolled .hdr-mob-artist-item span{color:#888}.left-sidebar-overlay{z-index:10000;opacity:0;pointer-events:none;background:#00000059;transition:opacity .3s;position:fixed;inset:0}.left-sidebar-overlay.active{opacity:1;pointer-events:auto}.left-sidebar{z-index:10001;background:#fff;flex-direction:column;width:280px;height:100vh;transition:transform .35s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 30px #0000001a}.left-sidebar.open{transform:translate(0)}.ls-header{color:#333;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;font-weight:500;display:flex}.ls-close{cursor:pointer;color:#aaa;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;transition:all .2s;display:flex}.ls-close:hover{color:#333;background:#f5f5f5}.ls-body{flex:1;padding:8px 0;overflow-y:auto}.ls-search-wrap{background:#fafafa;border:1px solid #eee;border-radius:2px;align-items:center;gap:8px;margin:4px 12px;padding:8px 16px;display:flex}.ls-search-wrap i{color:#bbb;flex-shrink:0;font-size:12px}.ls-search-wrap input{color:#333;background:0 0;border:none;outline:none;flex:1;font-size:12px;font-weight:300}.ls-divider{background:#f0f0f0;height:1px;margin:6px 16px}.ls-item{color:#555;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;align-items:center;gap:8px;padding:8px 18px;font-size:9.5px;font-weight:400;text-decoration:none;transition:background .15s;display:flex}.ls-item:hover{color:#333;background:#f8f9fa}.ls-item i{text-align:center;color:#bbb;width:16px;font-size:12px}.ls-item:hover i{color:#5f7984}.ls-badge{color:#fff;background:#e74c3c;border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 4px;font-size:9px;font-weight:600;display:flex}.notif-panel{opacity:0;pointer-events:none;z-index:100;background:#fff;border:1px solid #eee;border-radius:2px;width:280px;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(-6px);box-shadow:0 8px 30px #0000001a}.notif-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.notif-panel-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:10px 14px;font-size:12px;font-weight:500;display:flex}.notif-clear-btn{color:#5f7984;cursor:pointer;background:0 0;border:none;font-size:10px;font-weight:400}.notif-list{max-height:280px;overflow-y:auto}.notif-empty{text-align:center;color:#ccc;padding:24px 14px;font-size:12px;font-weight:300}.notif-empty i{margin-bottom:6px;font-size:20px;display:block}.notif-item{border-bottom:1px solid #f8f8f8;padding:9px 14px}.notif-item.unread{background:#f5f9fa}.notif-msg{color:#444;font-size:11px;font-weight:300;line-height:1.4}.notif-time{color:#bbb;margin-top:2px;font-size:9px}@keyframes bellRing{0%,to{transform:rotate(0)}20%{transform:rotate(-15deg)}40%{transform:rotate(15deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(10deg)}}.bell-ring i{animation:.6s bellRing}.profile-menu{opacity:0;pointer-events:none;z-index:100;background:#fff;border:1px solid #eee;border-radius:2px;width:220px;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-6px);box-shadow:0 8px 30px #0000001a}.profile-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.profile-menu-header{border-bottom:1px solid #f0f0f0;align-items:center;gap:10px;padding:12px 14px;display:flex}.profile-menu-avatar{color:#fff;background:#5f7984;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex;overflow:hidden}.profile-menu-name{color:#333;font-size:12px;font-weight:500}.profile-menu-email{color:#bbb;word-break:break-all;font-size:10px;font-weight:300}.profile-menu-divider{background:#f0f0f0;height:1px}.profile-menu-item{color:#555;cursor:pointer;align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:400;text-decoration:none;transition:background .15s;display:flex}.profile-menu-item i{text-align:center;color:#bbb;width:16px;font-size:12px}.profile-menu-item:hover{color:#333;background:#f8f9fa}.profile-menu-item:hover i{color:#5f7984}.lano-cart-page,.lano-fav-page{z-index:99999;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.lcp-header{border-bottom:1px solid #eee;flex-shrink:0;align-items:center;gap:12px;padding:14px 20px;display:flex}.lcp-back{color:#555;cursor:pointer;letter-spacing:.3px;background:0 0;border:1px solid #ddd;border-radius:2px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:400;transition:all .2s;display:flex}.lcp-back:hover{color:#5f7984;background:#5f79840a;border-color:#5f7984}.lcp-header h3{color:#333;margin:0;font-size:15px;font-weight:500}.lcp-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:14px;padding:20px;display:grid}.lcp-empty{color:#ccc;text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.lcp-empty i{margin-bottom:10px;font-size:32px}.lcp-empty p{color:#aaa;font-size:13px;font-weight:300}.lcp-footer{border-top:1px solid #eee;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.lcp-total{color:#333;font-size:14px;font-weight:500}.lcp-checkout-btn{color:#fff;cursor:pointer;background:#333;border:none;border-radius:2px;align-items:center;gap:6px;padding:10px 24px;font-size:12px;font-weight:500;transition:all .25s;display:flex}.lcp-checkout-btn:hover{background:#111}.lcp-card{background:#fafafa;border:1px solid #eee;border-radius:2px;gap:12px;padding:14px;transition:box-shadow .2s;display:flex}.lcp-card:hover{box-shadow:0 2px 12px #0000000d}.lcp-card-img{background:#f0f0f0;border-radius:2px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.lcp-card-img img{object-fit:cover;width:100%;height:100%}.lcp-card-info{flex-direction:column;flex:1;gap:3px;display:flex}.lcp-card-info h4{color:#333;margin:0;font-size:13px;font-weight:500}.lcp-card-info .lcp-artist{color:#5f7984;font-size:11px;font-weight:300}.lcp-card-info .lcp-price{color:#3d4144;font-size:13px;font-weight:500}.lcp-card-actions{align-items:center;gap:6px;margin-top:4px;display:flex}.lcp-card-actions button{cursor:pointer;color:#555;background:#fff;border:1px solid #eee;border-radius:2px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:400;transition:all .2s;display:flex}.lcp-card-actions button:hover{color:#5f7984;border-color:#5f7984}.lcp-card-actions .lcp-remove:hover{color:#e74c3c;border-color:#e74c3c}.lcp-qty-box{border:1px solid #eee;border-radius:2px;align-items:center;display:flex;overflow:hidden}.lcp-qty-box button{cursor:pointer;color:#333;background:#f5f5f5;border:none;width:24px;height:24px;font-size:12px}.lcp-qty-box button:hover{color:#fff;background:#5f7984}.lcp-qty-box span{text-align:center;width:24px;font-size:11px;font-weight:500}.search-results{border-top:1px solid #f0f0f0;flex-direction:column;max-height:200px;display:none;overflow-y:auto}.search-results.active{display:flex}.search-item{cursor:pointer;border-bottom:1px solid #f8f8f8;padding:9px 16px;transition:background .15s}.search-item:hover{background:#f8f9fa}.search-title{color:#333;font-size:12px;font-weight:400}.search-sub{color:#aaa;font-size:10px;font-weight:300}.search-empty{text-align:center;color:#bbb;padding:12px 16px;font-size:11px;font-weight:300}.login-modal{z-index:100010;background:#00000059;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.login-box{background:#fff;border-radius:2px;flex-direction:column;gap:10px;width:20rem;padding:clamp(20px,3vw,32px) clamp(18px,2.5vw,28px);display:flex;box-shadow:0 16px 50px #0000001f}.login-logo{text-align:center;color:#5f7984;font-size:32px}.login-box h3{text-align:center;color:#333;margin:0;font-size:clamp(16px,2vw,20px);font-weight:500}.login-sub{color:#aaa;text-align:center;margin:0;font-size:12px;font-weight:300}.login-box input,.login-box textarea{border:1px solid #e0e0e0;border-radius:2px;outline:none;height:2.5rem;padding:0 12px;font-size:13px;font-weight:300;transition:all .2s}.login-box textarea{resize:vertical;height:auto;padding:10px 12px}.login-box input:focus,.login-box textarea:focus{border-color:#5f7984;box-shadow:0 0 0 2px #5f79841a}.login-btn-primary{cursor:pointer;background:#5f7984;border:none;border-radius:2px;justify-content:center;align-items:center;height:2.5rem;font-size:13px;font-weight:500;transition:all .25s;display:flex;color:#fff!important}.login-btn-primary:hover{background:#4a636d}.login-btn-secondary{color:#555;cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:2px;justify-content:center;align-items:center;height:2.5rem;font-size:13px;font-weight:400;transition:all .25s;display:flex}.login-btn-secondary:hover{color:#5f7984;border-color:#5f7984}.login-close{text-align:center;color:#bbb;cursor:pointer;font-size:12px;font-weight:300;transition:all .2s}.login-close:hover{color:#333}#authStep1,#authStep2{flex-direction:column;gap:10px;display:flex}.otp-digit{text-align:center;color:#333;border:1px solid #ddd;outline:none;flex-shrink:0;min-width:32px;max-width:32px;font-size:16px;font-weight:600;transition:border-color .2s;border-radius:2px!important;width:32px!important;height:40px!important;padding:0!important}.otp-digit:focus{border-color:#5f7984;box-shadow:0 0 0 2px #5f798414}.otp-digit.filled{background:#f5f9fa;border-color:#5f7984}#otpDigitBox{justify-content:center;gap:3px;display:flex}@media (max-width:400px){.otp-digit{min-width:28px;max-width:28px;font-size:14px;width:28px!important;height:36px!important}#otpDigitBox{gap:2px}}.profile-settings-box{width:22rem}.profile-avatar-upload{flex-direction:column;align-items:center;gap:8px;padding:6px 0;display:flex}.profile-avatar-preview{color:#fff;background:#5f7984;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:24px;display:flex;overflow:hidden}.avatar-upload-btn{color:#5f7984;cursor:pointer;border:1px solid #5f7984;border-radius:2px;padding:5px 12px;font-size:11px;font-weight:400;transition:all .2s}.avatar-upload-btn:hover{color:#fff;background:#5f7984}.profile-label{color:#888;text-transform:uppercase;letter-spacing:.3px;margin-bottom:-4px;font-size:10px;font-weight:500}.help-box{width:26rem;max-height:85vh;overflow:hidden}@media (max-width:768px){.login-box,.profile-settings-box,.help-box{width:calc(100vw - 2rem);max-width:22rem;max-height:85vh;overflow-y:auto}}.sidebar-overlay{z-index:100000;opacity:0;pointer-events:none;background:#00000059;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:all}body.sidebar-open{overflow:hidden}.badge{color:#fff;background:#e74c3c;border-radius:99px;justify-content:center;align-items:center;min-width:14px;height:14px;font-size:8px;font-weight:600;display:flex;position:absolute;top:-4px;right:-6px}@media (max-width:1024px){.hdr-nav{gap:0}.hdr-nav-link{padding:4px 7px;font-size:11px}}@media (max-width:768px){.header{padding:0 10px}.header-inner{gap:4px;height:46px}.header.scrolled .header-inner{height:40px}.hdr-logo img{height:30px}.header.scrolled .hdr-logo img{height:26px}.hdr-nav,.hdr-hamburger,.hdr-mobile-nav{display:none!important}.hdr-btn-signup{height:26px;padding:0 8px;font-size:10px;display:flex}.hdr-btn-login{height:26px;padding:0 10px;font-size:10px}.hdr-icon{width:28px;height:28px;font-size:13px}.hdr-menu-btn{width:28px;height:28px}.hdr-menu-btn span{width:14px}.left-sidebar{width:calc(100vw - 40px);max-width:280px}.notif-panel,.profile-menu,.hdr-lang-panel{z-index:100011;opacity:0;pointer-events:none;transition:opacity .25s;background:#fff!important;border:1px solid #eee!important;border-radius:2px!important;width:88vw!important;max-width:300px!important;max-height:75vh!important;position:fixed!important;inset:50% auto auto 50%!important;overflow-y:auto!important;transform:translate(-50%,-50%)!important;box-shadow:0 16px 50px #0000001f!important}.notif-panel.open,.profile-menu.open,.hdr-lang-panel.open{opacity:1!important;pointer-events:auto!important;transform:translate(-50%,-50%)!important}.lcp-grid{grid-template-columns:1fr;padding:14px}}.hdr-popup-overlay{z-index:100010;opacity:0;pointer-events:none;background:#00000059;transition:opacity .25s;position:fixed;inset:0}.hdr-popup-overlay.active{opacity:1;pointer-events:auto}.left-sidebar .ls-item i{display:none}.lcp-card-info .lcp-price.lcp-meta-tag{letter-spacing:.6px;text-transform:uppercase;color:#3d4144;opacity:.75;font-size:11px;font-weight:500}.header .hdr-btn-login,.header .hdr-btn-signup{min-width:72px;border-radius:2px!important}