.track-container{max-width:1050px;margin:0 auto}.track-container.buut{margin:30px auto 10px}.in-button,.track-container.buut{display:flex;justify-content:center}.in-button{flex-wrap:wrap;gap:50px;margin-top:70px}.input-container-track{position:relative;width:100%;max-width:400px;margin:0 30px}.input-track{width:100%;padding:8px 0;font-size:22px;border:none;border-bottom:2px solid #ccc;outline:none;background:none;transition:border-color .3s ease}.input-track:focus{border-bottom-color:#5a9}.label-track{position:absolute;left:0;bottom:8px;font-size:20px;color:#aaa;pointer-events:none;transition:all .3s ease}.okolnyj-block img:first-child{max-height:30px;width:auto}.okolnyj-block img:nth-child(2){max-height:22px;width:auto;margin:auto 0;padding-top:3px}.okolnyj-block{display:flex;max-width:1000px;flex-wrap:wrap;justify-content:center;gap:15px;margin:40px auto}.input-track:focus+.label-track,.input-track:not(:placeholder-shown)+.label-track{transform:translateY(-170%);font-size:15px;color:rgba(205,144,50,1)}.input-track:focus{border-bottom-color:rgba(205,144,50,1)}.track-button{display:flex;margin:10px 5px;padding:10px 20px;font-size:16px;text-align:center;text-decoration:none;color:white;background-color:rgba(205,144,50,.9);border-radius:5px;border:none;transition:background-color .3s ease,transform .2s ease;cursor:pointer}.track-button:hover{transform:scale(1.01)}.track-button:active{background-color:rgba(165,104,30,.9);transform:scale(.95)}.container{display:flex;flex-direction:column;align-items:center;padding:20px 10px}.server-message{font-size:18px;padding:15px;border-radius:12px;text-align:center;background-color:#f0f0f0;color:#333333;box-shadow:0 3px 6px rgba(0,0,0,.1);position:relative;font-family:Roboto,sans-serif;max-width:400px;margin:0 auto}.tour-list{display:flex;flex-direction:column;gap:30px;width:100%;max-width:1300px}.tour-card{display:flex;flex-direction:row;border-radius:15px;background:#ffffff;box-shadow:0 10px 25px rgba(0,0,0,.12);transition:transform .3s ease,box-shadow .3s ease;padding:20px;gap:25px}.card-image,.tour-card{overflow:hidden;position:relative}.card-image{width:300px;height:300px}.card-image .image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.card-content{flex-grow:1;display:flex;flex-direction:column}.tour-guide{font-size:20px;font-weight:700;color:rgba(205,144,50,1);margin-bottom:15px;text-transform:uppercase;letter-spacing:1px;font-family:Roboto,sans-serif}.line{height:2px;background:linear-gradient(90deg,#3498db,#e67e22);margin:15px 0}.card-content p{margin:5px 0;font-size:18px;color:#34495e;font-family:Arial,sans-serif;transition:color .3s ease}.card-content p strong{color:#2c3e50;font-weight:700}.track-button.cancel{max-width:180px;margin-left:0}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:20px;border-radius:5px;text-align:center}.modal-content p{margin:10px 0}.cancel{display:flex;width:100%;justify-content:center}.modal-content button{margin-top:20px;margin-left:5px;margin-right:5px}.cancel-button,.confirm-button{padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer;border:none;transition:all .3s ease}.cancel-button :focus,.confirm-button:focus{outline:none}.cancel-button:active,.confirm-button:active{transform:scale(.95)}.confirm-button{background-color:#dc3545;color:white}.confirm-button:hover{background-color:#c82333}.cancel-button{background-color:#28a745;color:white}.cancel-button:hover{background-color:#218838}@media (max-width:768px){.tour-card{flex-direction:column;align-items:center}.card-image{width:350px;height:350px}.card-content{padding:15px}.line{width:100%}}