.nav-button{opacity:.7;transform:scale(1);transition:all 0.3s ease}.nav-button:hover{opacity:1;transform:scale(1.05)}.gallery-thumbnail{cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden}.gallery-thumbnail::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#3b82f6;transform:scaleX(0);transition:transform 0.3s ease}.gallery-thumbnail.active{border-color:#3b82f6!important;transform:translateY(-2px)}.gallery-thumbnail.active::after{transform:scaleX(1)}.gallery-thumbnail:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgb(0 0 0 / .1)}.image-counter{background-color:rgb(0 0 0 / .6);border-radius:20px;padding:5px 12px;font-weight:500;letter-spacing:.5px;transition:all 0.3s ease}.image-counter:hover{background-color:rgb(0 0 0 / .8)}.gallery-modal.active{opacity:1;display:flex}.gallery-modal-content{width:100%;height:100%;display:flex;flex-direction:column}.gallery-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;color:#fff;font-size:18px;font-weight:500}.gallery-modal-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.gallery-modal-main{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.gallery-modal-main img{max-width:90%;max-height:85vh;object-fit:contain;transition:opacity 0.4s ease}.modal-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:rgb(255 255 255 / .15);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:all 0.3s ease;z-index:10}#modal-prev{left:30px}#modal-next{right:30px}.modal-nav-btn:hover{background-color:#3b82f6;transform:translateY(-50%) scale(1.1)}.gallery-modal-counter{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);background-color:rgb(0 0 0 / .5);color:#fff;padding:8px 15px;border-radius:20px;font-weight:500;font-size:16px}@keyframes fadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn 0.4s ease forwards}.slide-in-right{animation:slideIn 0.4s ease forwards}.slide-in-left{animation:slideIn 0.4s ease forwards;transform:translateX(-20px)}@media (max-width:768px){.modal-nav-btn{width:40px;height:40px}#modal-prev{left:10px}#modal-next{right:10px}.gallery-modal-main img{max-width:95%}.gallery-thumbnail{height:60px}}