.sanal-oda-page{color:#fff;background:#0a0a0a;flex-direction:column;min-height:100vh;display:flex}.sanal-oda-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:linear-gradient(#000000e6 0%,#000000b3 100%);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:relative}.home-button{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.home-button:hover{background:#fff3;transform:translateY(-1px)}.header-title{text-align:center}.header-title h1{background:linear-gradient(135deg,#fff 0%,#a8a8a8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.3rem;font-weight:600}.selected-product-name{color:#fff9;margin-top:.25rem;font-size:.85rem;display:block}.header-controls{align-items:center;gap:1rem;display:flex}.zoom-hint{color:#ffffff80;background:#ffffff0d;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.8rem;display:flex}.sanal-oda-content{flex:1;display:flex;position:relative;overflow:hidden}.sidebar-toggle{z-index:50;color:#fff;cursor:pointer;background:#1e1e1ef2;border:1px solid #ffffff1a;border-left:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;width:28px;height:60px;transition:all .3s;display:flex;position:absolute;top:50%;left:280px;transform:translateY(-50%)}.sidebar-toggle:not(.open){left:0}.sidebar-toggle:hover{background:#323232f2}.products-sidebar{z-index:40;background:linear-gradient(#141414fa 0%,#0f0f0ffa 100%);border-right:1px solid #ffffff14;flex-direction:column;width:280px;transition:transform .3s,opacity .3s;display:flex;position:relative}.products-sidebar:not(.open){opacity:0;pointer-events:none;height:100%;position:absolute;transform:translate(-100%)}.sidebar-header{border-bottom:1px solid #ffffff14;padding:1.25rem 1rem}.sidebar-header h2{margin:0;font-size:1.1rem;font-weight:600}.sidebar-hint{color:#ffffff80;margin:.5rem 0 0;font-size:.8rem}.products-list{flex-direction:column;flex:1;gap:.5rem;padding:.75rem;display:flex;overflow-y:auto}.products-list::-webkit-scrollbar{width:6px}.products-list::-webkit-scrollbar-track{background:#ffffff0d}.products-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.product-item{cursor:pointer;text-align:left;color:#fff;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:.75rem;padding:.6rem;transition:all .2s;display:flex}.product-item:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(4px)}.product-item.active{background:linear-gradient(135deg,#6366f133 0%,#a855f733 100%);border-color:#8b5cf680;box-shadow:0 0 20px #8b5cf626}.product-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:48px;height:48px}.product-name{font-size:.85rem;font-weight:500;line-height:1.3}.sidebar-footer{border-top:1px solid #ffffff14;padding:1rem}.view-all-link{text-align:center;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.7rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.view-all-link:hover{background:#ffffff1a}.viewer-container{background:#000;flex:1;position:relative}.viewer-loading{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.loading-spinner{border:3px solid #ffffff1a;border-top-color:#8b5cf6;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.viewer-error{color:#fff;text-align:center;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;position:absolute;inset:0}.retry-button{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.retry-button:hover{background:#7c3aed;transform:translateY(-2px)}.no-product-selected{color:#ffffff80;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;inset:0}.instructions-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:12px;gap:1.5rem;padding:.8rem 1.5rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.instruction{color:#ffffffb3;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.instruction .icon{font-size:1rem}@media (max-width:768px){.sanal-oda-header{flex-wrap:wrap;gap:.5rem;padding:.8rem 1rem}.header-title h1{font-size:1rem}.zoom-hint{display:none}.products-sidebar{z-index:60;width:260px;height:100%;position:absolute}.sidebar-toggle{left:0}.sidebar-toggle.open{left:260px}.products-sidebar:not(.open){transform:translate(-100%)}.instructions-overlay{flex-direction:column;gap:.5rem;padding:.6rem 1rem;bottom:1rem}}.sidebar-search{width:100%}.sidebar-search .search-input{box-sizing:border-box;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;padding:.6rem .8rem;font-size:.9rem;transition:all .2s}.sidebar-search .search-input:focus{background:#ffffff1a;border-color:#ffffff4d}.products-list .no-results{text-align:center;color:#ffffff80;padding:1rem;font-size:.9rem}.variants-overlay-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#000000b3;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;max-width:90%;padding:.8rem 1rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.variants-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.variants-scroll{gap:.6rem;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.variants-scroll::-webkit-scrollbar{background:0 0;height:0}.variant-chip{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;align-items:center;gap:.5rem;padding:.3rem .8rem .3rem .3rem;font-size:.85rem;transition:all .2s;display:flex}.variant-chip:hover{background:#ffffff40;transform:translateY(-2px)}.variant-chip img{object-fit:cover;border-radius:50%;width:24px;height:24px}