body{background:#fff;color:#000;font-family:Inter,sans-serif}.container{max-width:1316.81px;padding-left:1rem;padding-right:1rem}.container,section{margin-left:auto;margin-right:auto}section{width:100%}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-slide-up{animation:slideUp .5s ease-out}.animate-fade-out{animation:fadeOut .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{height:0;opacity:0;overflow:hidden}}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;text-overflow:ellipsis}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.03)}.glass-effect{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.2)}.menu-item{position:relative}.menu-item:hover>.submenu{animation-delay:.1s;display:block}.menu-item>a:after{background:transparent;content:"";height:100%;position:absolute;right:-5px;top:0;width:5px;z-index:1}.submenu .menu-item:hover>.submenu,.submenu:hover{display:block!important}.submenu{background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);display:none;left:0;max-width:32rem;position:absolute;top:100%;width:auto;z-index:50}.submenu,.submenu li a{min-width:-moz-max-content;min-width:max-content;white-space:nowrap}.submenu li a{align-items:center;color:#1f2937;display:flex;font-size:.75rem;padding:.25rem .75rem;text-decoration:none;transition:background-color .2s ease}.submenu li a:hover{background-color:#f3f4f6}.submenu li a svg{flex-shrink:0;margin-left:.5rem}.submenu-left{left:-6rem!important}.submenu-left .submenu{left:auto!important;right:calc(100% - 2px)!important;z-index:60!important}.submenu-left .submenu:before{background:transparent;content:"";height:100%;position:absolute;right:-10px;top:0;width:10px;z-index:1}.submenu .submenu.submenu-left{left:auto!important;right:calc(100% - 2px)!important}.menu-item:hover>.submenu.submenu-2-col,.menu-item:hover>.submenu.submenu-3-col,.menu-item:hover>.submenu.submenu-4-col,.menu-item:hover>.submenu.submenu-multi-column{display:grid!important}.submenu .submenu .submenu .submenu:before,.submenu .submenu .submenu:before,.submenu .submenu:before{background:transparent;content:"";height:100%;left:-10px;position:absolute;top:0;width:10px;z-index:1}.submenu .submenu{z-index:60!important}.submenu .submenu,.submenu .submenu .submenu{left:calc(100% - 2px)!important;top:0!important}.submenu .submenu .submenu{z-index:70!important}.submenu .submenu .submenu .submenu{left:calc(100% - 2px)!important;top:0!important;z-index:80!important}.submenu-multi-column{display:none!important;gap:0!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;max-width:700px!important;min-width:400px!important;white-space:normal!important;width:auto!important}.submenu-2-col{grid-template-columns:repeat(2,1fr)!important;max-width:700px!important;min-width:380px!important}.submenu-3-col{grid-template-columns:repeat(3,1fr)!important;max-width:850px!important;min-width:600px!important;width:auto!important}.submenu-4-col{grid-template-columns:repeat(4,1fr)!important;max-width:950px!important;min-width:760px!important;width:auto!important}.submenu-multi-column>li{-moz-column-break-inside:avoid!important;break-inside:avoid!important;display:block!important;width:100%!important}.submenu-multi-column>li>a{align-items:center!important;display:flex!important;justify-content:space-between!important;overflow:hidden!important;padding:.25rem .75rem!important;text-overflow:ellipsis!important;white-space:nowrap!important}.submenu-multi-column>li>a>span.flex-grow{flex-grow:1!important;padding-right:.5rem!important}.submenu-multi-column>li>a>svg{flex-shrink:0!important}.submenu-multi-column.w-96{grid-template-columns:repeat(3,1fr)!important;max-width:480px!important;min-width:360px!important}.submenu-multi-column.w-80{grid-template-columns:repeat(2,1fr)!important;max-width:400px!important;min-width:280px!important}@media (max-width:1280px){.submenu-3-col,.submenu-4-col{grid-template-columns:repeat(3,1fr)!important;max-width:540px!important;min-width:450px!important}.submenu-multi-column{grid-template-columns:repeat(minmax(140px,1fr))!important;max-width:425px!important;min-width:280px!important}.menu-office-equipments>.submenu{grid-template-columns:repeat(1,1fr)!important}.submenu-multi-column.w-80,.submenu-multi-column.w-96{grid-template-columns:repeat(2,1fr)!important;max-width:400px!important;min-width:280px!important}}@media (max-width:1024px){.submenu-3-col,.submenu-4-col{grid-template-columns:repeat(2,1fr)!important;max-width:450px!important;min-width:320px!important}.submenu-multi-column,.submenu-multi-column.w-80,.submenu-multi-column.w-96{grid-template-columns:repeat(2,1fr)!important;max-width:300px!important;min-width:220px!important}}@media (max-width:768px){.submenu-2-col,.submenu-3-col,.submenu-4-col,.submenu-multi-column{grid-template-columns:1fr!important;max-width:220px!important;min-width:180px!important}}.submenu-left .submenu-multi-column,.submenu-left.submenu-multi-column{left:auto!important;right:100%!important}.menu-office-equipments>.submenu{left:-30px!important}.submenu .menu-office-equipments>.submenu{left:100%!important;right:auto!important}.menu-office-equipments:after{background:transparent;content:"";height:5px;left:0;position:absolute;top:100%;width:100%;z-index:40}.menu-office-equipments:hover>.submenu{display:block;transition-delay:.1s}.menu-office-equipments>.submenu{transition:visibility .1s ease .15s,opacity .2s ease .1s}.menu-office-equipments .submenu .submenu:before{background:transparent;content:"";height:100%;left:-15px;position:absolute;top:0;width:15px;z-index:1}.mobile-menu{display:none}.mobile-menu.active{display:block}.social-icon{align-items:center;border-radius:50%;color:#fff;display:flex;height:2.25rem;justify-content:center;transition:all .3s ease;width:2.25rem}.social-icon:hover{transform:translateY(-3px)}.facebook{background-color:#3b5998}.messenger{background-color:#0084ff}.youtube{background-color:red}.instagram{background-color:#e1306c}.twitter{background-color:#1da1f2}.linkedin{background-color:#0077b5}.whatsapp{background-color:#25d366}.product-card{background-color:#f3f4f6;border-radius:.5rem;transform:scale(1);transition:all .3s ease}.product-card:hover{transform:scale(1.05)}@media (min-width:768px){.product-card:hover{transform:scale(1.1)}}.section-title{align-items:center;display:flex;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.gradient-text{background-clip:text;-webkit-background-clip:text;color:transparent}.gradient-bg,.gradient-text{background-image:linear-gradient(90deg,#1f2937,#000)}.category-card{align-items:center;background-color:#f3f4f6;border-radius:.125rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);display:flex;flex-direction:column;justify-content:center;padding-bottom:.5rem;padding-top:.5rem;transition:background-color .2s ease-in-out}.category-card:hover{background-color:#eff6ff}.badge{border-radius:.375rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem;position:absolute}.badge-discount{background-image:linear-gradient(90deg,#ef4444,#ec4899);color:#fff;left:.5rem;top:.5rem}.badge-status{background-image:linear-gradient(90deg,#22c55e,#10b981);bottom:.5rem;color:#fff;right:.5rem}.price-tag{background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(90deg,#dc2626,#db2777);color:transparent;font-weight:700}#cart-dropdown{max-height:80vh;overflow-y:auto}#cart-dropdown .quantity-btn{align-items:center;background-color:#f3f4f6;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:background-color .2s;width:24px}#cart-dropdown .quantity-btn:hover{background-color:#e5e7eb}#cart-dropdown .product-image{border:1px solid #e5e7eb;border-radius:6px;height:56px;min-width:56px;overflow:hidden;width:56px}#cart-dropdown .remove-btn{align-items:center;border-radius:50%;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;transition:all .2s;width:24px}#cart-dropdown .remove-btn:hover{background-color:#fef2f2;color:#dc2626}#search-bar{transform-origin:top;transition:all .3s ease-in-out}#search-bar.hidden{opacity:0;pointer-events:none;transform:translateY(-10px) scaleY(.95)}#search-bar:not(.hidden){opacity:1;pointer-events:auto;transform:translateY(0) scaleY(1)}#search-bar input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}#search-btn:hover{background-color:rgba(31,41,55,.8)!important}#search-bar{position:relative;z-index:40}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.sidebar-open{height:100vh!important;overflow:hidden!important;position:fixed!important;width:100%!important}.auth-section{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.auth-section.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.auth-section:not(.hidden){animation:slideInUp .4s ease-out;opacity:1;transform:translateY(0)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-btn{overflow:hidden;position:relative;transition:all .3s ease}.auth-btn:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.auth-btn:disabled:after{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.success-icon{animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.auth-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}