:root{--cyber-search-width:min(920px, calc(100vw - 32px));--cyber-search-max-height:500px;--cyber-thumb-size:68px;--cyber-glow-color:#00cfff;--cyber-glow-intensity:0.15;--cyber-border-radius:12px;--cyber-animation-speed:200ms}.cyber-autocomplete-wrapper{position:absolute;top:100%;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:var(--cyber-search-width)!important;max-width:calc(100vw - 32px)!important;z-index:999999;margin-top:12px;background:rgb(11 15 25 / .96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgb(0 207 255 / .15);border-radius:var(--cyber-border-radius);box-shadow:0 15px 40px rgb(0 0 0 / .6),0 0 25px rgb(0 207 255 / .08);display:none;overflow:hidden;animation:cyberSlideDown var(--cyber-animation-speed) cubic-bezier(.16,1,.3,1) forwards}.cyber-autocomplete-wrapper.is-open{display:block}@keyframes cyberSlideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cyber-autocomplete-grid{display:grid;grid-template-columns:1.7fr 1fr;min-height:250px}.cyber-autocomplete-products-col,.cyber-autocomplete-side-col{max-height:var(--cyber-search-max-height);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(0 207 255 / .2) rgb(255 255 255 / .02)}.cyber-autocomplete-products-col::-webkit-scrollbar,.cyber-autocomplete-side-col::-webkit-scrollbar{width:5px}.cyber-autocomplete-products-col::-webkit-scrollbar-track,.cyber-autocomplete-side-col::-webkit-scrollbar-track{background:rgb(255 255 255 / .01)}.cyber-autocomplete-products-col::-webkit-scrollbar-thumb,.cyber-autocomplete-side-col::-webkit-scrollbar-thumb{background:rgb(0 207 255 / .12);border-radius:4px;transition:background-color var(--cyber-animation-speed) ease,box-shadow var(--cyber-animation-speed) ease}.cyber-autocomplete-products-col::-webkit-scrollbar-thumb:hover,.cyber-autocomplete-side-col::-webkit-scrollbar-thumb:hover{background:rgb(0 207 255 / .35);box-shadow:0 0 6px rgb(0 207 255 / .4)}@supports (mask-image:paint(something)) or (-webkit-mask-image:linear-gradient(to bottom,transparent,black)) or (mask-image:linear-gradient(to bottom,transparent,black)){.cyber-autocomplete-products-col,.cyber-autocomplete-side-col{mask-image:linear-gradient(to bottom,transparent 0%,black 18px,black calc(100% - 18px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 18px,black calc(100% - 18px),transparent 100%)}}.cyber-autocomplete-products-col{padding:24px 28px;position:relative}.cyber-autocomplete-products-col::after{content:'';position:absolute;top:24px;right:0;bottom:24px;width:1px;background:linear-gradient(to bottom,rgb(255 255 255 / .01) 0%,rgb(255 255 255 / .06) 50%,rgb(255 255 255 / .01) 100%);pointer-events:none}.cyber-autocomplete-side-col{padding:24px 28px;background:rgb(7 10 18 / .4);display:flex;flex-direction:column;gap:24px}.cyber-autocomplete-title{font-size:11px;font-weight:700;text-transform:uppercase;color:#94a3b8;letter-spacing:.12em;margin:20px 0 12px 0;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgb(255 255 255 / .05);padding-bottom:8px}.cyber-autocomplete-products-col>.cyber-autocomplete-title:first-child,.cyber-autocomplete-side-col>.cyber-autocomplete-title:first-child,.cyber-autocomplete-side-col-group:first-child>.cyber-autocomplete-title:first-child{margin-top:0!important}.cyber-autocomplete-title span.badge-count{background:rgb(0 207 255 / .12);color:#00cfff;font-size:9px;padding:2px 6px;border-radius:10px;border:1px solid rgb(0 207 255 / .2)}.cyber-autocomplete-product-item{display:flex;align-items:center;gap:16px;padding:12px 14px;border-radius:8px;text-decoration:none!important;background:rgb(255 255 255 / .015);border:1px solid rgb(255 255 255 / .04);margin-bottom:12px;transition:transform var(--cyber-animation-speed) cubic-bezier(.4,0,.2,1),background-color var(--cyber-animation-speed) ease,border-color var(--cyber-animation-speed) ease,box-shadow var(--cyber-animation-speed) ease}.cyber-autocomplete-product-item:hover,.cyber-autocomplete-product-item.is-selected{transform:translateY(-2px);background:rgb(0 207 255 / .08);border-color:rgb(0 207 255 / .3);box-shadow:0 6px 20px rgb(0 0 0 / .35),0 0 12px rgb(0 207 255 / .12)}.cyber-autocomplete-product-image{width:var(--cyber-thumb-size);height:var(--cyber-thumb-size);border-radius:6px;object-fit:cover;background:rgb(0 0 0 / .2);border:1px solid rgb(255 255 255 / .08);transition:border-color var(--cyber-animation-speed) ease,box-shadow var(--cyber-animation-speed) ease}.cyber-autocomplete-product-item:hover .cyber-autocomplete-product-image,.cyber-autocomplete-product-item.is-selected .cyber-autocomplete-product-image{border-color:rgb(0 207 255 / .5);box-shadow:0 0 8px rgb(0 207 255 / .3)}.cyber-autocomplete-product-info{flex:1;display:flex;flex-direction:column;gap:4px;overflow:hidden}.cyber-autocomplete-product-name{order:1;font-size:13.5px;font-weight:600;color:#f1f5f9;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color var(--cyber-animation-speed) ease}.cyber-autocomplete-product-item:hover .cyber-autocomplete-product-name,.cyber-autocomplete-product-item.is-selected .cyber-autocomplete-product-name{color:#fff}.cyber-autocomplete-product-meta{order:2;font-size:11px;color:#94a3b8;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cyber-autocomplete-product-brand{color:#00cfff;font-weight:600}.cyber-autocomplete-product-price-wrapper{order:3;display:flex;align-items:baseline;gap:8px;margin-top:2px}.cyber-autocomplete-product-price{font-size:13.5px;font-weight:700;color:#00cfff;transition:text-shadow var(--cyber-animation-speed) ease}.cyber-autocomplete-product-item:hover .cyber-autocomplete-product-price,.cyber-autocomplete-product-item.is-selected .cyber-autocomplete-product-price{text-shadow:0 0 8px rgb(0 207 255 / .5)}.cyber-autocomplete-product-old-price{font-size:11px;text-decoration:line-through;color:#64748b}.cyber-autocomplete-badges{order:4;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:2px}.cyber-badge{font-size:8.5px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:4px;letter-spacing:.05em;line-height:1}.cyber-badge-promo{background:linear-gradient(135deg,#ef4444,#ec4899);color:#fff;box-shadow:0 0 6px rgb(239 68 68 / .25)}.cyber-badge-new{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;box-shadow:0 0 6px rgb(16 185 129 / .25)}.cyber-badge-hot{background:linear-gradient(135deg,#f59e0b,#eab308);color:#000;box-shadow:0 0 6px rgb(245 158 11 / .25)}.cyber-badge-launch{background:linear-gradient(135deg,#8b5cf6,#d946ef);color:#fff;box-shadow:0 0 6px rgb(139 92 246 / .25)}.cyber-status-out{color:#ef4444;font-size:10px;font-weight:600}.cyber-highlight{color:#00cfff!important;font-weight:700;text-shadow:0 0 8px rgb(0 207 255 / .4)}.cyber-autocomplete-link-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:8px;background:rgb(255 255 255 / .02);border:1px solid rgb(255 255 255 / .04);margin-bottom:12px;text-decoration:none!important;font-size:12.5px;color:#cbd5e1;transition:transform var(--cyber-animation-speed) cubic-bezier(.4,0,.2,1),background-color var(--cyber-animation-speed) ease,border-color var(--cyber-animation-speed) ease,color var(--cyber-animation-speed) ease}.cyber-autocomplete-link-item:hover,.cyber-autocomplete-link-item.is-selected{transform:translateX(4px);background:rgb(0 207 255 / .08);border-color:rgb(0 207 255 / .3);color:#00cfff;box-shadow:0 4px 15px rgb(0 0 0 / .25),0 0 8px rgb(0 207 255 / .08)}.cyber-autocomplete-link-item .item-count{font-size:10px;color:#64748b;background:rgb(255 255 255 / .05);padding:2px 6px;border-radius:10px;transition:color var(--cyber-animation-speed) ease,background-color var(--cyber-animation-speed) ease}.cyber-autocomplete-link-item:hover .item-count,.cyber-autocomplete-link-item.is-selected .item-count{color:#00cfff;background:rgb(0 207 255 / .12)}.cyber-autocomplete-side-col-group{display:flex;flex-direction:column;gap:4px}.cyber-build-card-item{display:block;padding:12px 14px;background:rgb(255 255 255 / .02);border:1px solid rgb(255 255 255 / .04);border-radius:8px;text-decoration:none!important;margin-bottom:12px;transition:transform var(--cyber-animation-speed) cubic-bezier(.4,0,.2,1),background-color var(--cyber-animation-speed) ease,border-color var(--cyber-animation-speed) ease}.cyber-build-card-item:hover,.cyber-build-card-item.is-selected{transform:translateY(-2px);background:rgb(0 207 255 / .08);border-color:rgb(0 207 255 / .3);box-shadow:0 6px 20px rgb(0 0 0 / .35),0 0 12px rgb(0 207 255 / .12)}.cyber-build-card-name{font-size:12.5px;font-weight:600;color:#f1f5f9;margin-bottom:4px}.cyber-build-card-desc{font-size:11px;color:#64748b;margin-bottom:8px;line-height:1.35}.cyber-build-card-footer{display:flex;align-items:center;justify-content:space-between}.cyber-build-card-price{font-size:12px;font-weight:700;color:#00cfff}.cyber-build-card-tag{font-size:9px;background:rgb(0 207 255 / .1);color:#00cfff;padding:2px 6px;border-radius:4px;border:1px solid rgb(0 207 255 / .15)}.cyber-skeleton-item{display:flex;align-items:center;gap:16px;padding:12px;margin-bottom:12px}.cyber-skeleton-image{width:var(--cyber-thumb-size);height:var(--cyber-thumb-size);border-radius:6px;background:linear-gradient(90deg,#101622 25%,#1d2639 50%,#101622 75%);background-size:200% 100%;animation:cyberSkeleton 1.5s infinite}.cyber-skeleton-line{height:12px;border-radius:4px;background:linear-gradient(90deg,#101622 25%,#1d2639 50%,#101622 75%);background-size:200% 100%;animation:cyberSkeleton 1.5s infinite}.cyber-skeleton-line-title{width:70%;margin-bottom:10px}.cyber-skeleton-line-meta{width:45%}@keyframes cyberSkeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}.cyber-autocomplete-empty-state{padding:32px 24px;text-align:center}.cyber-autocomplete-empty-title{font-size:15px;font-weight:600;color:#f1f5f9;margin-bottom:8px}.cyber-autocomplete-empty-desc{font-size:12px;color:#64748b;margin-bottom:20px;line-height:1.4}.cyber-autocomplete-tag-container{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.cyber-autocomplete-tag{font-size:11px;background:rgb(255 255 255 / .03);border:1px solid rgb(255 255 255 / .08);color:#cbd5e1;padding:6px 14px;border-radius:20px;text-decoration:none!important;transition:background-color var(--cyber-animation-speed) ease,border-color var(--cyber-animation-speed) ease,color var(--cyber-animation-speed) ease,box-shadow var(--cyber-animation-speed) ease}.cyber-autocomplete-tag:hover{background:rgb(0 207 255 / .08);border-color:rgb(0 207 255 / .3);color:#00cfff;box-shadow:0 0 10px rgb(0 207 255 / .1)}.cyber-autocomplete-footer{padding:10px 18px;background:rgb(7 10 18 / .85);border-top:1px solid rgb(255 255 255 / .04);font-size:11px;color:#64748b;display:flex;justify-content:space-between;align-items:center}.cyber-autocomplete-footer span.footer-tips{display:flex;gap:16px}.cyber-autocomplete-footer kbd{background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .15);border-radius:4px;color:#cbd5e1;font-size:10px;padding:1px 4px;margin-right:4px;font-family:inherit;box-shadow:0 1px 0 rgb(0 0 0 / .2)}.search-field:focus,.cyber-search-input:focus{border-color:var(--cyber-glow-color)!important;box-shadow:0 0 15px rgb(0 207 255 / .3)!important;outline:none!important;transition:border-color var(--cyber-animation-speed) ease,box-shadow var(--cyber-animation-speed) ease!important}@media (max-width:991px){.cyber-autocomplete-wrapper{width:min(720px, calc(100vw - 32px))}.cyber-autocomplete-grid{grid-template-columns:1.5fr 1fr}}@media (max-width:767px){.cyber-autocomplete-wrapper{display:none!important;position:fixed;top:0;left:0!important;right:0!important;bottom:0!important;transform:none!important;width:100vw!important;max-width:100vw!important;height:100vh!important;height:-webkit-fill-available!important;border-radius:0!important;border:none!important;margin-top:0!important;background:#070a12!important;z-index:9999999!important;flex-direction:column}.cyber-autocomplete-wrapper.is-open{display:flex!important;animation:cyberFadeInMobile var(--cyber-animation-speed) ease-out forwards!important}@keyframes cyberFadeInMobile{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.cyber-autocomplete-mobile-header{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#0b0f19;border-bottom:1px solid rgb(255 255 255 / .06)}.cyber-autocomplete-mobile-back-btn{background:none;border:none;color:#94a3b8;font-size:22px;padding:4px;cursor:pointer;transition:color var(--cyber-animation-speed) ease}.cyber-autocomplete-mobile-back-btn:hover{color:#00cfff}.cyber-autocomplete-mobile-search-form{flex:1;position:relative}.cyber-autocomplete-mobile-input{width:100%;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .08);border-radius:20px;padding:8px 38px 8px 16px;color:#fff;font-size:14px;outline:none;transition:border-color var(--cyber-animation-speed) ease,box-shadow var(--cyber-animation-speed) ease}.cyber-autocomplete-mobile-input:focus{border-color:#00cfff;box-shadow:0 0 10px rgb(0 207 255 / .15)}.cyber-autocomplete-mobile-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;font-size:18px;padding:4px;cursor:pointer;transition:color var(--cyber-animation-speed) ease}.cyber-autocomplete-mobile-clear-btn:hover{color:#ef4444}.cyber-autocomplete-grid{grid-template-columns:1fr;flex:1;overflow-y:auto;display:block;max-height:none}.cyber-autocomplete-products-col{border-right:none;border-bottom:1px solid rgb(255 255 255 / .05);max-height:none!important;overflow-y:visible!important;mask-image:none!important;-webkit-mask-image:none!important;padding:16px 18px!important;position:relative}.cyber-autocomplete-products-col::after{display:none!important}.cyber-autocomplete-side-col{background:none;max-height:none!important;overflow-y:visible!important;mask-image:none!important;-webkit-mask-image:none!important;padding:16px 18px!important}.cyber-autocomplete-footer{display:none}}