.top-bar{background:linear-gradient(90deg,var(--primary) 0,var(--dark) 100%);color:rgba(255,255,255,0.92);font-size:.78rem;padding:6px 0;letter-spacing:.01em}.top-bar-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 16px}.top-bar-item{display:flex;align-items:center;gap:6px}.top-bar-item i{font-size:.8rem;opacity:.8}.top-bar-item--right{margin-left:auto}.top-bar-link{color:rgba(255,255,255,0.75);text-decoration:none;font-weight:600;transition:color .2s;display:inline-flex;align-items:center;gap:2px}.top-bar-link:hover{color:#fff}.navbar-main{background:#fff;border-bottom:1px solid rgba(0,0,0,0.07);box-shadow:0 2px 12px rgba(45,53,97,0.07);transition:box-shadow .3s ease;position:sticky;top:0;z-index:1040}.navbar-main.is-scrolled{box-shadow:0 4px 24px rgba(45,53,97,0.13)}.nav-inner{display:flex;align-items:center;gap:12px;padding:10px 0}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0;transition:opacity .2s}.nav-logo:hover{opacity:.85}.nav-logo__icon{font-size:1.55rem;color:var(--accent);animation:hb 2.4s ease-in-out infinite}@keyframes hb{0%,100%{transform:scale(1)}15%,35%{transform:scale(1.12)}25%{transform:scale(1)}}.nav-logo__text{font-family:var(--bs-body-font-family);font-size:1.25rem;font-weight:900;background:linear-gradient(135deg,var(--primary) 30%,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.nav-search{flex:1;max-width:420px;margin:0 auto}.nav-search__form{display:flex;align-items:center;background:#f4f5f8;border:1.5px solid transparent;border-radius:24px;padding:0 6px 0 14px;transition:border-color .25s,box-shadow .25s;width:100%}.nav-search__form:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(45,53,97,0.1);background:#fff}.nav-search__icon{color:#aaa;font-size:.9rem;flex-shrink:0;margin-right:6px}.nav-search__input{border:none;background:transparent;outline:none;flex:1;font-size:.85rem;padding:8px 0;color:var(--text);min-width:0}.nav-search__input::placeholder{color:#aaa}.nav-search__btn{background:var(--primary);color:#fff;border:none;border-radius:18px;padding:6px 14px;font-size:.78rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .2s,transform .15s;white-space:nowrap}.nav-search__btn:hover{background:var(--dark,#1a1d2e);transform:scale(1.03)}.nav-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}.nav-icon-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;cursor:pointer;padding:7px 10px;border-radius:10px;color:var(--text);font-size:1.1rem;position:relative;text-decoration:none;transition:background .2s,color .2s;white-space:nowrap}.nav-icon-btn:hover{background:rgba(45,53,97,0.07);color:var(--primary)}.nav-icon-btn--labeled span{font-size:.78rem;font-weight:600;letter-spacing:.01em}.nav-badge{position:absolute;top:2px;right:2px;background:var(--danger,#e76f51);color:#fff;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.nav-cart-btn{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,var(--primary) 0,var(--info) 100%);color:#fff;text-decoration:none;padding:4px 16px;border-radius:24px;font-size:.8rem;font-weight:600;position:relative;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 10px rgba(45,53,97,0.25);flex-shrink:0}.nav-cart-btn:hover{color:#fff;transform:translateY(-1px);box-shadow:0 6px 18px rgba(45,53,97,0.35)}.nav-cart-badge{position:absolute;top:-7px;right:-7px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.nav-btn{display:inline-flex;align-items:center;gap:5px;border-radius:18px;padding:6px 14px;font-size:.8rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s;white-space:nowrap}.nav-btn--outline{border:1.5px solid var(--primary);color:var(--primary);background:transparent}.nav-btn--outline:hover{background:var(--primary);color:#fff}.nav-btn--solid{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;box-shadow:0 3px 10px rgba(45,53,97,0.2)}.nav-btn--solid:hover{opacity:.9;transform:translateY(-1px);color:#fff}.nav-hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;padding:8px;background:transparent;border:none;cursor:pointer;border-radius:10px;transition:background .2s}.nav-hamburger:hover{background:rgba(45,53,97,0.08)}.nav-hamburger span{display:block;height:2px;background:var(--primary);border-radius:2px;transition:all .3s ease;transform-origin:center}.nav-hamburger[aria-expanded="true"]span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger[aria-expanded="true"]span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger[aria-expanded="true"]span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-links{display:flex;align-items:center;gap:2px;padding:0 0 6px;border-top:1px solid rgba(0,0,0,0.05);margin-top:2px}.nav-link{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;font-size:.83rem;font-weight:500;color:var(--text) !important;text-decoration:none;transition:background .2s,color .2s;border:none;background:transparent;cursor:pointer;white-space:nowrap}.nav-link:hover,.nav-link--dropdown:hover,.nav-dropdown.is-open>.nav-link--dropdown{background:rgba(45,53,97,0.07);color:var(--primary) !important}.nav-link i{font-size:.9rem}.nav-chevron{font-size:.7rem;transition:transform .25s ease;margin-left:1px}.nav-dropdown.is-open .nav-chevron{transform:rotate(180deg)}.nav-dropdown{position:relative}.nav-dropdown__menu{position:absolute;top:calc(100%+8px);left:0;min-width:220px;background:#fff;border-radius:10px;box-shadow:0 8px 32px rgba(45,53,97,0.15),0 2px 8px rgba(0,0,0,0.06);border:1px solid rgba(0,0,0,0.07);padding:6px;z-index:1050;opacity:0;visibility:hidden;transform:translateY(-6px) scale(0.98);transform-origin:top left;transition:opacity .2s ease,transform .2s ease,visibility .2s}.nav-dropdown__menu--right{left:auto;right:0;transform-origin:top right}.nav-dropdown.is-open .nav-dropdown__menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.nav-dropdown__menu::before{content:'';position:absolute;top:-10px;left:0;width:100%;height:10px}.nav-dropdown__header{padding:8px 12px 6px;font-size:.78rem;font-weight:700;color:var(--primary);letter-spacing:.02em}.nav-dropdown__item{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:10px;font-size:.84rem;font-weight:500;color:var(--text);text-decoration:none;transition:background .15s,color .15s}.nav-dropdown__item:hover{background:rgba(45,53,97,0.07);color:var(--primary)}.nav-dropdown__item i{font-size:.95rem;color:var(--primary);opacity:.7;width:18px;text-align:center;flex-shrink:0}.nav-dropdown__item:hover i{opacity:1}.nav-dropdown__item--primary{color:var(--primary);font-weight:600}.nav-dropdown__item--primary i{opacity:1}.nav-dropdown__item--danger{color:var(--danger,#e76f51)}.nav-dropdown__item--danger i{color:var(--danger,#e76f51);opacity:1}.nav-dropdown__item--all{color:var(--primary);font-weight:600}.nav-dropdown__divider{height:1px;background:rgba(0,0,0,0.07);margin:4px 0}.mobile-search{background:#fff;border-top:1px solid rgba(0,0,0,0.07);padding:10px 0;display:none}.mobile-search.is-open{display:block}.mobile-search__form{display:flex;align-items:center;gap:10px;background:#f4f5f8;border-radius:10px;padding:8px 12px}.mobile-search__form i{color:#aaa;flex-shrink:0}.mobile-search__input{border:none;background:transparent;outline:none;flex:1;font-size:.9rem;color:var(--text);min-width:0}.mobile-search__form button{background:transparent;border:none;color:#aaa;cursor:pointer;font-size:1rem;padding:0;flex-shrink:0;transition:color .2s}.mobile-search__form button:hover{color:var(--text)}.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:1045;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;backdrop-filter:blur(2px)}.mobile-overlay.is-visible{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:0;width:min(320px,88vw);height:100dvh;background:#fff;z-index:1050;transform:translateX(100%);transition:transform .32s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;overflow:hidden}.mobile-menu.is-open{transform:translateX(0)}.mobile-menu__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,0.07);flex-shrink:0}.mobile-menu__close{background:rgba(45,53,97,0.07);border:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);font-size:1rem;transition:background .2s}.mobile-menu__close:hover{background:rgba(45,53,97,0.15)}.mobile-menu__user{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,rgba(45,53,97,0.05),rgba(255,107,157,0.05));border-bottom:1px solid rgba(0,0,0,0.06);flex-shrink:0}.mobile-menu__user-icon{font-size:2rem;color:var(--primary);opacity:.7}.mobile-menu__user-name{font-weight:700;font-size:.9rem;color:var(--primary)}.mobile-menu__user-sub{font-size:.75rem;color:var(--text-light)}.mobile-menu__nav{overflow-y:auto;flex:1;padding:8px 8px 24px}.mobile-menu__item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;font-size:.9rem;font-weight:500;color:var(--text);text-decoration:none;transition:background .15s,color .15s;position:relative}.mobile-menu__item:hover,.mobile-menu__item:active{background:rgba(45,53,97,0.07);color:var(--primary)}.mobile-menu__item i{width:20px;text-align:center;font-size:1rem;color:var(--primary);opacity:.65;flex-shrink:0}.mobile-menu__item--primary{color:var(--primary);font-weight:700}.mobile-menu__item--primary i{opacity:1}.mobile-menu__item--danger{color:var(--danger,#e76f51)}.mobile-menu__item--danger i{color:var(--danger,#e76f51);opacity:1}.mobile-menu__badge{margin-left:auto;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px}.mobile-menu__divider{height:1px;background:rgba(0,0,0,0.07);margin:6px 4px}.mobile-menu__group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 12px;border-radius:10px;background:transparent;border:none;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text);transition:background .15s;gap:8px}.mobile-menu__group-toggle:hover{background:rgba(45,53,97,0.07);color:var(--primary)}.mobile-menu__group-toggle span{display:flex;align-items:center;gap:10px}.mobile-menu__group-toggle span i{width:20px;text-align:center;color:var(--primary);opacity:.65}.mobile-menu__group-toggle>i{font-size:.8rem;transition:transform .25s;flex-shrink:0}.mobile-menu__group.is-open .mobile-menu__group-toggle>i{transform:rotate(180deg)}.mobile-menu__group-items{display:none;padding-left:16px}.mobile-menu__group.is-open .mobile-menu__group-items{display:block}.mobile-menu__sub-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;font-size:.85rem;color:var(--text-light);text-decoration:none;transition:background .15s,color .15s}.mobile-menu__sub-item:hover{background:rgba(45,53,97,0.06);color:var(--primary)}.mobile-menu__sub-item i{font-size:.85rem;color:var(--primary);opacity:.5;width:16px;text-align:center}@media (max-width:1199px){.nav-logo__text{font-size:1.1rem}.nav-search{max-width:320px}.nav-cart-btn{padding:7px 12px;font-size:.8rem}}@media (max-width:991px){.nav-inner{padding:8px 0}.nav-logo__text{font-size:1.05rem}.nav-cart-btn{padding:7px 12px}}@media (max-width:576px){.nav-logo__text{font-size:.95rem}.nav-cart-btn span{display:none}.nav-cart-btn{padding:8px 10px}.nav-icon-btn{padding:7px 8px}}.navbar-main,.nav-inner,.nav-links,.container-fluid{overflow:visible !important}.cart-preview-wrap{position:relative}.cart-preview-loading{display:flex;align-items:center;justify-content:center;padding:32px 0}.cp-spinner{width:32px;height:32px;border:3px solid rgba(45,53,97,0.12);border-top-color:var(--primary);border-radius:50%;animation:cp-spin .7s linear infinite}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-items{max-height:280px;overflow-y:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:rgba(45,53,97,0.15) transparent}.cp-items::-webkit-scrollbar{width:4px}.cp-items::-webkit-scrollbar-thumb{background:rgba(45,53,97,0.15);border-radius:4px}.cp-item{display:flex;align-items:center;gap:10px;padding:8px 16px;transition:background .15s}.cp-item:hover{background:rgba(45,53,97,0.04)}.cp-item__img{width:48px;height:48px;object-fit:cover;border-radius:10px;flex-shrink:0;border:1px solid rgba(0,0,0,0.07)}.cp-item__info{flex:1;min-width:0}.cp-item__name{font-size:.82rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.cp-item__meta{font-size:.75rem;color:var(--text-light);margin-top:2px}.cp-item__price{font-size:.85rem;font-weight:700;color:var(--accent);flex-shrink:0}.cp-bundle-badge{background:rgba(45,53,97,0.1);color:var(--primary);font-size:.65rem;font-weight:700;border-radius:4px;padding:1px 5px;vertical-align:middle;letter-spacing:.02em}.cp-more{text-align:center;font-size:.78rem;color:var(--text-light);padding:6px 16px 2px;font-style:italic}.cp-footer{border-top:1px solid rgba(0,0,0,0.07);padding:12px 16px 14px}.cp-campaign{background:rgba(105,181,120,0.1);color:#2e7d32;border-radius:10px;font-size:.78rem;font-weight:600;padding:5px 10px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.cp-totals{margin-bottom:12px}.cp-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--text-light);padding:2px 0}.cp-row--discount{color:#2e7d32;font-weight:600}.cp-row--total{font-size:.92rem;font-weight:700;color:var(--text);padding-top:6px;border-top:1px dashed rgba(0,0,0,0.1);margin-top:4px}.cp-row--total span:last-child{color:var(--accent)}.cp-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cp-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:10px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;text-align:center}.cp-btn--outline{border:1.5px solid var(--primary);color:var(--primary);background:transparent}.cp-btn--outline:hover{background:var(--primary);color:#fff}.cp-btn--solid{background:linear-gradient(135deg,var(--primary) 0,#4a5298 100%);color:#fff;border:none;box-shadow:0 3px 10px rgba(45,53,97,0.25)}.cp-btn--solid:hover{opacity:.9;transform:translateY(-1px);color:#fff;box-shadow:0 5px 15px rgba(45,53,97,0.35)}.cp-empty{text-align:center;padding:28px 16px;color:var(--text-light)}.cp-empty i{font-size:2.5rem;display:block;margin-bottom:10px;opacity:.4}.cp-empty p{font-size:.85rem;margin-bottom:14px}.cart-preview-dropdown{position:absolute;top:calc(100%+10px);right:0;width:320px;background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(45,53,97,0.18),0 2px 8px rgba(0,0,0,0.07);border:1px solid rgba(0,0,0,0.07);z-index:1060;opacity:0;visibility:hidden;transform:translateY(-8px) scale(0.98);transform-origin:top right;transition:opacity .22s ease,transform .22s ease,visibility .22s;overflow:hidden}.cart-preview-dropdown::before{content:'';position:absolute;top:-12px;left:0;width:100%;height:12px}.cart-preview-dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.cart-preview-inner{}.cart-sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);backdrop-filter:blur(2px);z-index:1055;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.cart-sidebar-overlay.is-visible{opacity:1;visibility:visible}.cart-sidebar{position:fixed;top:0;right:0;width:min(412px,100vw);height:100dvh;background:#fff;z-index:1060;transform:translateX(100%);transition:transform .32s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;box-shadow:-8px 0 40px rgba(45,53,97,0.15)}.cart-sidebar.is-open{transform:translateX(0)}.cart-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,0.07);flex-shrink:0}.cart-sidebar-head h5{margin:0;font-size:1rem;font-weight:700;color:var(--primary)}.cart-sidebar-close{background:rgba(45,53,97,0.08);border:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);font-size:1rem;transition:background .2s;flex-shrink:0}.cart-sidebar-close:hover{background:rgba(45,53,97,0.16)}.cart-sidebar-body{flex:1;overflow-y:auto}.cart-sidebar-body .cp-items{max-height:none;padding:8px 4px}.cart-sidebar-body .cp-item{padding:10px 20px}.cart-sidebar-body .cp-footer{padding:14px 20px 20px}.cart-sidebar-body .cp-item__img{width:56px;height:56px}.cart-sidebar-body .cp-actions{grid-template-columns:1fr 1fr;gap:10px}.cart-sidebar-body .cp-btn{padding:11px 14px;font-size:.88rem}.cart-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(3px);z-index:1055;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.cart-modal-overlay.is-open{opacity:1;visibility:visible}.cart-modal{background:#fff;border-radius:20px;width:min(440px,94vw);max-height:88vh;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(45,53,97,0.2);transform:scale(0.95) translateY(12px);transition:transform .25s cubic-bezier(0.4,0,0.2,1);overflow:hidden}.cart-modal-overlay.is-open .cart-modal{transform:scale(1) translateY(0)}.cart-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,0.07);flex-shrink:0}.cart-modal-head h5{margin:0;font-size:1rem;font-weight:700;color:var(--primary)}.cart-modal-body{overflow-y:auto;flex:1}.cart-modal-body .cp-items{max-height:none;padding:8px 4px}.cart-modal-body .cp-item{padding:10px 20px}.cart-modal-body .cp-footer{padding:14px 20px 20px}.cart-modal-body .cp-item__img{width:54px;height:54px}.cart-modal-body .cp-actions{gap:10px}.cart-modal-body .cp-btn{padding:11px 14px;font-size:.88rem}@media (max-width:576px){.cart-preview-dropdown{width:calc(100vw - 24px);right:-8px}}