﻿.maximise-image-modal{width:100%;height:100vh;background:rgba(0,0,0,.95);display:flex;flex-direction:column;overflow:hidden;}.maximise-image-modal .modal-header{position:absolute;top:0;left:0;right:0;z-index:10;padding:15px 20px;}.maximise-image-modal .modal-header .d-flex{display:flex;}.maximise-image-modal .modal-header .gap-2{gap:8px;}.maximise-image-modal .btn-action{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);color:#fff;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:18px;backdrop-filter:blur(10px);}.maximise-image-modal .btn-action:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:scale(1.1);}.maximise-image-modal .btn-action:active{transform:scale(.95);}.maximise-image-modal .btn-action i{pointer-events:none;}.maximise-image-modal .btn-close-white{filter:brightness(0) invert(1);opacity:.8;transition:opacity .3s ease;}.maximise-image-modal .btn-close-white:hover{opacity:1;transform:scale(1.1);}.maximise-image-modal .modal-body{flex:1;overflow:hidden;gap:12px;padding:50px 15px 15px 15px;}.image-container-wrapper{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;flex:1;width:100%;min-height:0;}.nav-btn{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:24px;backdrop-filter:blur(10px);flex-shrink:0;}.nav-btn:hover:not(.disabled){background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:scale(1.1);}.nav-btn:active:not(.disabled){transform:scale(.95);}.nav-btn.disabled{opacity:.3;cursor:not-allowed;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);}.image-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0;max-width:100%;}.image-container figure{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;}.image-counter{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.7);color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;backdrop-filter:blur(10px);z-index:5;}.maximised-image{max-width:100%;max-height:calc(100vh - 150px);width:auto;height:auto;object-fit:contain;box-shadow:0 10px 40px rgba(0,0,0,.5);border-radius:8px;transition:opacity .3s ease;}.maximise-image-modal .modal-body:not(:has(.thumbnail-carousel)) .maximised-image{max-height:calc(100vh - 120px);}.bottom-controls{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;flex-shrink:0;padding:8px 0;}.thumbnail-carousel{flex:1;max-width:calc(100% - 180px);background:rgba(0,0,0,.3);border-radius:10px;backdrop-filter:blur(10px);padding:6px 0;}.thumbnail-wrapper{display:flex;gap:8px;padding:4px 12px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;justify-content:flex-start;}.thumbnail-wrapper::-webkit-scrollbar{height:4px;}.thumbnail-wrapper::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:2px;}.thumbnail-wrapper::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:2px;}.thumbnail-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5);}.thumbnail-item{position:relative;min-width:65px;max-width:65px;height:50px;cursor:pointer;border-radius:6px;overflow:hidden;transition:all .3s ease;border:2px solid transparent;}.thumbnail-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;}.thumbnail-item:hover img{transform:scale(1.1);}.thumbnail-item.active{border-color:#667eea;box-shadow:0 0 15px rgba(102,126,234,.6);}.thumbnail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease;}.thumbnail-item:hover .thumbnail-overlay{opacity:.3;}.thumbnail-item.active .thumbnail-overlay{opacity:0;}.btn-close-footer{background:rgba(255,255,255,.95);border:0;color:#333;padding:10px 25px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.2);}.btn-close-footer:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.3);}.btn-close-footer i{vertical-align:middle;}@keyframes zoomIn{from{opacity:0;transform:scale(.9);}to{opacity:1;transform:scale(1);}}@media(max-width:768px){.image-container{max-width:100%;}.maximised-image{max-height:calc(100vh - 200px);}.maximise-image-modal .modal-body:not(:has(.thumbnail-carousel)) .maximised-image{max-height:calc(100vh - 140px);}.nav-btn{width:40px;height:40px;font-size:20px;}.maximise-image-modal .btn-action{width:38px;height:38px;font-size:16px;}.bottom-controls{flex-direction:column;gap:8px;}.thumbnail-carousel{max-width:100%;}.thumbnail-item{min-width:55px;max-width:55px;height:42px;}.btn-close-footer{padding:8px 20px;font-size:13px;}}