.product-hover-section{position:relative;z-index:1000}.product-hover-section.dark-mode{background-color:#0a0a0a;color:#fff}.product-hover-desktop{position:relative}.product-hover-desktop .popup-container{position:absolute;left:50%;transform:translateX(-50%);width:1180px;height:393px;background-color:#fff;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.dark-mode .product-hover-desktop .popup-container{background-color:#1a1a1a;box-shadow:0 10px 30px rgba(0,0,0,.5)}.product-hover-desktop .content-wrapper{display:flex;height:100%;padding:18px}.product-list{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px 26px 24px 24px;border-right:1px solid #f0f0f0}.dark-mode .product-list{border-right-color:#333}.product-item{width:260px;height:100px;cursor:pointer;border-radius:4px;transition:all .2s ease;position:relative;background-color:#f6f8fa}.product-item.active,.product-item:hover{background:linear-gradient(to bottom right,#f8feff,#daf3ff)}.dark-mode .product-item.active,.dark-mode .product-item:hover{background:linear-gradient(to bottom right,#1a1a2e,#16213e)}.dark-mode .product-item{background-color:#2a2a2a}.dark-mode .product-item.active,.dark-mode .product-item:hover{background-color:#3a3a3a}.product-item .product-info{position:absolute;left:19px;top:24px;display:flex;flex-direction:column;gap:8px}.product-item .product-title{display:flex;align-items:center;height:21px;font-weight:500;font-size:18px;line-height:21px;text-align:left;white-space:nowrap;color:#444}.product-item.active .product-title,.product-item:hover .product-title{color:#1f9ae5}.dark-mode .product-item .product-title{color:#fff}.dark-mode .product-item.active .product-title,.dark-mode .product-item:hover .product-title{color:#1f9ae5}.product-item .arrow-icon{font-size:10px;margin-left:4px;line-height:21px;transform:translateY(-2px);color:#1f9ae5}.product-item .product-desc{width:111px;height:20px;font-weight:400;font-size:14px;color:#666;line-height:16px;text-align:left}.dark-mode .product-item .product-desc{color:#aaa}.product-item .product-image{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:80%;height:80%;display:flex;justify-content:flex-end;align-items:center}.product-item .product-image img{width:80px;height:80px;object-fit:contain;transition:opacity .2s ease;opacity:.8}.product-item.active .product-image img,.product-item:hover .product-image img{opacity:1}.sub-items-section{flex:1;padding-left:32px;display:flex;flex-direction:column;justify-content:flex-start}.sub-items-section .section-title{font-weight:700;font-size:20px;color:#1f9ae5;text-align:left;margin-top:16px;margin-left:12px;white-space:nowrap}.dark-mode .sub-items-section .section-title{color:#1f9ae5}.sub-items-grid{display:grid;grid-template-rows:repeat(4,1fr);grid-auto-flow:column;gap:8px 32px;margin-top:24px;margin-left:14px}.sub-item{display:flex;align-items:flex-start;padding:12px 16px;border-radius:6px;transition:background-color .2s ease;cursor:pointer}.sub-item:hover{background-color:#f5f5f5}.dark-mode .sub-item:hover{background-color:#2a2a2a}.sub-item .item-icon{width:24px;height:24px;margin-top:4px;margin-right:12px}.sub-item .item-content{display:flex;flex-direction:column;gap:4px}.sub-item .item-title{display:flex;align-items:center;height:16px;font-weight:500;font-size:14px;text-align:left;white-space:nowrap;color:#222}.sub-item:hover .item-title{color:#1f9ae5}.dark-mode .sub-item .item-title{color:#fff}.dark-mode .sub-item:hover .item-title{color:#1f9ae5}.sub-item .item-arrow{font-size:10px;margin-left:4px;line-height:16px;transform:translateY(-2px);color:#1f9ae5}.sub-item .item-desc{font-weight:400;font-size:14px;color:#888;text-align:left;white-space:nowrap}.dark-mode .sub-item .item-desc{color:#aaa}.product-hover-mobile{display:none;width:100%}@media (max-width:768px){.product-hover-mobile{display:block}}.product-mobile-item{border-bottom:1px solid #f0f0f0}.dark-mode .product-mobile-item{border-bottom-color:#333}.product-mobile-item .mobile-header{display:flex;justify-content:space-between;align-items:center;padding:8px 0;cursor:pointer;font-size:16px;color:#444}.dark-mode .product-mobile-item .mobile-header{color:#fff}.product-mobile-item .arrow-icon{font-size:12px;color:#666;transition:transform .2s ease;margin-left:8px}.dark-mode .product-mobile-item .arrow-icon{color:#aaa}.product-mobile-item.expanded .arrow-icon{transform:rotate(-180deg)}.product-mobile-item .mobile-content{display:flex;flex-direction:column}.product-mobile-item .mobile-subitem{padding:8px 0 8px 16px;font-size:14px;color:#666;cursor:pointer;transition:color .2s ease}.product-mobile-item .mobile-subitem:hover{color:#1f9ae5}.dark-mode .product-mobile-item .mobile-subitem{color:#aaa}.dark-mode .product-mobile-item .mobile-subitem:hover{color:#1f9ae5}