.dot-nav{position:fixed;left:30px;top:50%;transform:translateY(-50%);z-index:9999;display:flex;flex-direction:column;gap:15px}.dot-nav__item{width:12px;height:12px;border-radius:50%;background:rgba(0,0,0,0.3);display:block;transition:all 0.3s ease;cursor:pointer}.dot-nav__item:hover{background:rgba(0,0,0,0.5);transform:scale(1.2)}.dot-nav__item.active{background:#000;transform:scale(1.4);box-shadow:0 0 0 3px rgba(0,0,0,0.2)}@media (max-width:768px){.dot-nav{display:none}}