.sidebar{position:fixed;top:3.5rem;left:-300px;width:300px;height:calc(100vh - 3.5rem);background:linear-gradient(180deg,var(--premium-gradient-middle-2),var(--premium-gradient-middle-1) 25%,var(--premium-primary) 50%,var(--premium-secondary) 75%,var(--premium-gradient-middle-2));box-shadow:4px 0 30px rgba(0,0,0,.4),0 0 100px var(--premium-shadow);z-index:1040;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden;border-right:2px solid rgba(255,255,255,.1)}.sidebar::before{content:'';position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><rect fill="%231b6ec2" width="100" height="100"/><circle fill="%231861ac" opacity="0.1" cx="50" cy="50" r="40"/></svg>');opacity:.05;pointer-events:none}.sidebar::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.1),transparent 70%);animation:rotateSidebarBg 20s linear infinite;pointer-events:none}@keyframes rotateSidebarBg{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.sidebar.open{left:0;box-shadow:4px 0 40px rgba(0,0,0,.5),0 0 150px var(--premium-shadow),inset -1px 0 20px rgba(255,255,255,.1)}.sidebar-overlay{position:fixed;top:3.5rem;left:0;width:100%;height:calc(100% - 3.5rem);background:radial-gradient(circle at 20% 50%,var(--premium-shadow),rgba(0,0,0,.7) 50%,rgba(0,0,0,.85));backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);z-index:1039;animation:overlayFadeIn .5s cubic-bezier(.4,0,.2,1);cursor:pointer}@keyframes overlayFadeIn{from{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(8px) saturate(1.2)}}body:has(.sidebar.open),body:has(.header-search-overlay){overflow:hidden}body:has(.sidebar.open){position:fixed;width:100%;height:100vh}@supports(-webkit-touch-callout:none){body:has(.sidebar.open){position:fixed;overflow:hidden;width:100%;height:100vh}}.sidebar .top-row{display:none!important}.sidebar .navbar-brand{font-size:1.25rem;font-weight:700;color:#fff!important;text-decoration:none;letter-spacing:.5px;transition:all .2s ease-in-out}.sidebar .navbar-brand:hover{color:#e3f2fd!important;transform:scale(1.02)}.sidebar .nav-scrollable{height:100%;overflow-y:auto;overflow-x:hidden;padding:1rem 0;background:transparent;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.btn-close-sidebar{position:fixed;top:calc(3.5rem + 1.5rem);left:320px;width:48px;height:48px;border-radius:.5rem;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid var(--premium-shadow);color:var(--premium-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:1.5rem;z-index:1041;box-shadow:0 4px 16px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:slideInFromLeft .5s cubic-bezier(.68,-.55,.265,1.55);opacity:0;pointer-events:none}.sidebar.open~.btn-close-sidebar{opacity:1;pointer-events:auto}.sidebar .nav-item{font-size:.95rem;margin-bottom:.5rem;padding:0 1rem;position:relative;z-index:1}.sidebar .nav-link{color:rgba(255,255,255,.95)!important;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;padding:1rem 1.25rem!important;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:500;margin:.25rem 0;position:relative;overflow:hidden;backdrop-filter:blur(10px);letter-spacing:.3px}.sidebar .nav-link::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);height:0%;width:4px;background:linear-gradient(180deg,#fff,#e3f2fd 50%,#fff);border-radius:0 2px 2px 0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px rgba(255,255,255,.8)}.sidebar .nav-link::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 50%,transparent);transition:left .6s ease}.sidebar .nav-link:hover::after{left:100%}.sidebar .nav-link:hover{background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,.15));border-color:rgba(255,255,255,.3);color:#fff!important;transform:translateX(8px) scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,.3),0 0 30px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.2)}.sidebar .nav-link:hover::before{height:60%}.sidebar .nav-link.active{background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.15))!important;border-color:rgba(255,255,255,.4);color:#fff!important;transform:translateX(8px);font-weight:600;box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 40px rgba(255,255,255,.15),inset 0 2px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.2)}.sidebar .nav-link.active::before{height:80%;box-shadow:0 0 20px rgba(255,255,255,1)}.sidebar.open .nav-item{animation:slideInFromLeft .5s ease-out forwards;opacity:0}.sidebar.open .nav-item:nth-child(1){animation-delay:.1s}.sidebar.open .nav-item:nth-child(2){animation-delay:.15s}.sidebar.open .nav-item:nth-child(3){animation-delay:.2s}.sidebar.open .nav-item:nth-child(4){animation-delay:.25s}.sidebar.open .nav-item:nth-child(5){animation-delay:.3s}.sidebar.open .nav-item:nth-child(6){animation-delay:.35s}.sidebar.open .nav-item:nth-child(7){animation-delay:.4s}.sidebar.open .nav-item:nth-child(8){animation-delay:.45s}@keyframes slideInFromLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.sidebar .bi{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin-right:1rem;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));border-radius:10px;flex-shrink:0;filter:brightness(0) invert(1);opacity:.9;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);position:relative}.sidebar .bi::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:10px;background:radial-gradient(circle,rgba(255,255,255,.3),rgba(255,255,255,.15));opacity:0;transition:opacity .3s ease}.sidebar .nav-link:hover .bi{opacity:1;background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.15));transform:scale(1.1) rotate(5deg);box-shadow:0 6px 20px rgba(0,0,0,.3),inset 0 2px 0 rgba(255,255,255,.4),0 0 30px rgba(255,255,255,.2)}.sidebar .nav-link:hover .bi::before{opacity:1;animation:iconPulse 1.5s ease-in-out infinite}.sidebar .nav-link.active .bi{opacity:1;background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.2));transform:scale(1.15);box-shadow:0 8px 24px rgba(0,0,0,.4),inset 0 2px 0 rgba(255,255,255,.5),0 0 40px rgba(255,255,255,.3)}@keyframes iconPulse{0%,100%{opacity:0;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.sidebar .nav-link-text{font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:.7rem;color:rgba(255,255,255,.85);padding:1.5rem 1.5rem .75rem 1.5rem;margin-top:.5rem;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent);border-left:3px solid rgba(255,255,255,.5);border-radius:0 4px 4px 0;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;overflow:hidden}.sidebar .nav-link-text::before{content:'';position:absolute;left:-100%;top:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent);transition:left .8s ease}.sidebar .nav-link-text:hover::before{left:100%}.sidebar .btn-logout{background:none;border:0;color:rgba(255,255,255,.9)!important;display:flex;align-items:center;width:100%;padding:.75rem 1rem;cursor:pointer;border-radius:.5rem;transition:all .2s ease-in-out;font-weight:500;position:relative}.sidebar .btn-logout:hover{background:rgba(220,53,69,.3);color:#fff!important;transform:translateX(4px)}.sidebar .menu-separator{border:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 10%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.1) 90%,transparent);margin:1.5rem;opacity:.8;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.3)}.sidebar .menu-separator::after{content:'';position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6) 50%,transparent);filter:blur(2px)}.sidebar .nav-scrollable::-webkit-scrollbar{width:8px}.sidebar .nav-scrollable::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:10px;margin:10px 0;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.sidebar .nav-scrollable::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.3) 50%,rgba(255,255,255,.5));border-radius:10px;border:2px solid rgba(255,255,255,.1);box-shadow:0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.3);transition:all .3s ease}.sidebar .nav-scrollable::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.5) 50%,rgba(255,255,255,.7));box-shadow:0 4px 12px rgba(255,255,255,.4),inset 0 1px 0 rgba(255,255,255,.5)}.sidebar .nav-scrollable::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.7) 50%,rgba(255,255,255,.9))}.sidebar .navbar-toggler,.sidebar .navbar-toggler-label,.sidebar .navbar-overlay{display:none!important}.sidebar .list-group{background:transparent}.sidebar .list-group-item{background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.15)!important;border-radius:8px!important;color:rgba(255,255,255,.95)!important;padding:.55rem .75rem!important;margin:.25rem .5rem!important;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(5px);font-weight:500;font-size:.875rem;position:relative;overflow:hidden}.sidebar .list-group-item::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15) 50%,transparent);transition:left .6s ease}.sidebar .list-group-item:hover::before{left:100%}.sidebar .list-group-item:hover{background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.12));border-color:rgba(255,255,255,.3)!important;transform:translateX(6px) scale(1.02);box-shadow:0 6px 20px rgba(0,0,0,.3),0 0 25px rgba(255,255,255,.1)}.sidebar .list-group-item.active{background:linear-gradient(135deg,rgba(255,215,0,.3),rgba(255,193,7,.25) 50%,rgba(255,235,59,.2))!important;border-color:rgba(255,215,0,.6)!important;color:#fff!important;transform:translateX(6px);font-weight:600;box-shadow:0 8px 28px rgba(255,215,0,.3),0 0 40px rgba(255,215,0,.2),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.sidebar .category-icon-badge,.sidebar .sub-category-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;flex-shrink:0!important;position:relative!important}.sidebar .list-group-item .bi-chevron-down,.sidebar .list-group-item .bi-chevron-right{transition:all .3s ease;opacity:.8;font-size:.75rem}.sidebar .list-group-item:hover .bi-chevron-down,.sidebar .list-group-item:hover .bi-chevron-right{opacity:1;transform:scale(1.2)}.sidebar .list-group-item.small{background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1)!important;margin-left:1.75rem!important;margin-right:.5rem!important;padding:.4rem .65rem!important;font-size:.8rem;position:relative}.sidebar .list-group-item.small::before{content:'';position:absolute;left:-1.25rem;top:50%;width:1rem;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.3),rgba(255,255,255,.1))}.sidebar .list-group-item.small:hover{background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.08));transform:translateX(4px) scale(1.01)}.sidebar .list-group-item.small.active{background:linear-gradient(135deg,rgba(100,200,255,.25),rgba(80,180,235,.2))!important;border-color:rgba(100,200,255,.5)!important;box-shadow:0 4px 16px rgba(100,200,255,.3),0 0 25px rgba(100,200,255,.15)}.sidebar .ms-4{animation:slideDownCategories .4s ease-out}@keyframes slideDownCategories{from{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.sidebar .categories-submenu,.sidebar .ms-4{background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.05));border-left:3px solid rgba(255,215,0,.4);border-radius:0 8px 8px 0;margin-left:1rem;padding:.5rem 0;box-shadow:inset 2px 0 10px rgba(0,0,0,.2)}@media(max-width:768px){.sidebar{left:0;transform:translateX(-100%);will-change:transform;transition:transform .35s cubic-bezier(.4,0,.2,1)}.sidebar.open{left:0;transform:translateX(0);box-shadow:4px 0 20px rgba(0,0,0,.4)}.sidebar::after{animation:none;display:none}.sidebar .nav-link{backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .2s ease,transform .2s ease}.sidebar .nav-link::before,.sidebar .nav-link::after{display:none}.sidebar .nav-link:hover,.sidebar .nav-link.active{box-shadow:0 2px 8px rgba(0,0,0,.2)}.btn-close-sidebar{backdrop-filter:none;-webkit-backdrop-filter:none;animation:none;left:calc(100% - 60px)}.sidebar.open~.btn-close-sidebar{left:280px}.sidebar-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(0,0,0,.6);animation:none;opacity:1}.sidebar .list-group-item{backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .2s ease,transform .2s ease}.sidebar .list-group-item::before{display:none}.sidebar .bi::before{display:none}.sidebar .nav-link:hover .bi{transform:scale(1.05);box-shadow:none}.sidebar.open .nav-item{animation-duration:.3s}}@media(max-width:576px){.sidebar{width:260px}.sidebar.open~.btn-close-sidebar{left:260px}}.carousel.slide{position:relative;overflow:hidden}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s cubic-bezier(.4,0,.2,1)}.carousel-item.active{display:block}@media(max-width:768px){.carousel-item{transition:transform .3s cubic-bezier(.4,0,.2,1)}}#carouselCategories+.d-flex button.btn-sm,.carousel~.d-flex button.btn-sm,button[data-bs-target="#carouselCategories"],.btn-outline-primary{min-width:48px;height:48px;border-radius:1rem;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--premium-primary);background:linear-gradient(135deg,#fff,#f8f9fa 50%,#f0f2f5);color:var(--premium-primary);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px var(--premium-shadow),0 2px 4px rgba(0,0,0,.08);font-weight:700;font-size:1.1rem;position:relative;overflow:hidden;backdrop-filter:blur(10px)}button[data-bs-target="#carouselCategories"]::before,#carouselCategories+.d-flex button.btn-sm::before,.btn-outline-primary::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.6),transparent 70%);transform:translate(-50%,-50%);transition:all .4s ease;opacity:0}button[data-bs-target="#carouselCategories"]:hover::before,#carouselCategories+.d-flex button.btn-sm:hover::before,.btn-outline-primary:hover::before{width:200%;height:200%;opacity:1}button[data-bs-target="#carouselCategories"]:hover,.carousel~.d-flex button.btn-sm:hover,.btn-outline-primary:hover{background:linear-gradient(135deg,var(--premium-primary),var(--premium-secondary) 50%,var(--premium-gradient-middle-2));color:#fff;transform:translateY(-4px) scale(1.1);box-shadow:0 8px 24px var(--premium-shadow),0 4px 12px rgba(0,0,0,.15),inset 0 2px 0 rgba(255,255,255,.3);border-color:rgba(255,255,255,.3)}button[data-bs-target="#carouselCategories"]:active,.btn-outline-primary:active{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px var(--premium-shadow)}button[data-bs-target="#carouselCategories"]:disabled,button[data-bs-target="#carouselCategories"].disabled,.btn-outline-primary:disabled{opacity:.4;cursor:not-allowed;transform:none!important}button[data-bs-target="#carouselCategories"]:focus,.btn-outline-primary:focus{outline:3px solid var(--premium-glow);outline-offset:2px;box-shadow:0 0 0 .2rem var(--premium-shadow)}.product-image-container{position:relative}.product-image-container img{width:100%;height:auto;object-fit:cover}.product-badges{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:8px}.product-badges .badge{font-size:.9rem;padding:8px 12px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.product-price{padding:20px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:10px}.purchase-section{border:2px solid #e9ecef;transition:all .3s ease}.purchase-section:hover{border-color:#007bff;box-shadow:0 4px 12px rgba(0,123,255,.1)!important}.input-group button{width:40px}.product-description{background:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #007bff}.additional-info{background:#f8f9fa;padding:20px;border-radius:8px}.additional-info li{padding:8px 0;border-bottom:1px solid #dee2e6}.additional-info li:last-child{border-bottom:0}.product-help-banner{border-left:4px solid #007bff;background-color:#f8f9fa}.product-help-banner i{font-size:1.2rem}.product-help-banner .btn{min-width:140px}.product-thumbnails{display:flex;gap:10px;margin-top:10px}.thumbnail-item{cursor:pointer;transition:transform .2s}.thumbnail-item:hover{transform:scale(1.05)}.thumbnail-item img{width:100%;height:auto;border-radius:4px}.thumbnail-item.active{border:2px solid #007bff;padding:2px;border-radius:4px}.variant-selector{display:flex;gap:10px}.color-option{width:40px;height:40px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s}.color-option.active{border-color:#007bff;transform:scale(1.1)}.image-zoom-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:1050;padding:20px}.image-zoom-modal img{max-width:100%;max-height:100%;object-fit:contain;border:4px solid #fff;border-radius:8px}.image-zoom-modal .btn-close{position:absolute;top:20px;right:20px;background-color:rgba(255,255,255,.8);border:0;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}.image-zoom-modal .btn-close:hover{background-color:rgba(255,255,255,.9)}