.thumb-inner{position:relative;overflow:hidden;}.zoom-icon{ position:absolute;top:12px;right:12px; width:40px;height:40px; background:rgba(0,0,0,0.6); border-radius:50%; display:flex;align-items:center;justify-content:center; color:white;opacity:0; transition:opacity 0.3s ease,transform 0.2s; cursor:pointer;z-index:10; pointer-events:auto;}.thumb-inner:hover .zoom-icon{opacity:1;}.zoom-icon:hover{background:rgba(0,0,0,0.8);transform:scale(1.1);}@media (hover:none){.zoom-icon{opacity:1;}}#lightbox-modal{ position:fixed;inset:0;z-index:10000; background:rgba(0,0,0,0.9); backdrop-filter:blur(8px); display:none;align-items:center;justify-content:center; opacity:0;transition:opacity 0.3s ease;}#lightbox-modal.active{display:flex;opacity:1;}#lightbox-img{ max-width:100%;max-height:100vh; object-fit:contain; box-shadow:0 0 20px rgba(0,0,0,0.5); transform-origin:center center; cursor:grab; touch-action:none; will-change:transform;}#lightbox-img:active{cursor:grabbing;}.lb-gallery{ position:absolute;bottom:0;left:0;width:100%; height:80px; background:rgba(0,0,0,0.8); display:block; padding:10px 0; overflow-x:auto; overflow-y:hidden; white-space:nowrap; text-align:center; z-index:100; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; font-size:0;}@media (min-width:1024px){ .lb-gallery{ top:0;left:0;bottom:0;width:100px; height:100%; overflow-x:hidden; overflow-y:auto; white-space:normal; padding:20px 0; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; border-right:1px solid rgba(255,255,255,0.1); } #lightbox-modal{ padding-left:100px; } .lb-thumb{ display:block !important; width:74px !important; height:74px !important; aspect-ratio:1/1 !important; margin:8px auto !important; flex-shrink:0; } .lb-prev{ left:120px !important; } .lb-title{ left:120px !important; font-size:16px !important; } #lightbox-modal .lb-category-link{ font-size:14px !important; }}.lb-gallery::-webkit-scrollbar{height:6px;width:6px;}.lb-gallery::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3);border-radius:3px;}.lb-thumb{ height:60px; width:60px; aspect-ratio:1/1; opacity:0.5; cursor:pointer; border:2px solid transparent; transition:all 0.2s ease; border-radius:4px; display:inline-block; vertical-align:middle; margin:0 5px; overflow:hidden; position:relative; background:#222;}.lb-thumb img{ width:100%; height:100%; object-fit:cover; object-position:top; display:block;}.lb-thumb.view-all-thumb{ background:#1a56db; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-size:20px; font-weight:bold;}.lb-thumb.view-all-thumb span{ display:flex; align-items:center; justify-content:center; width:100%; height:100%;}.lb-header{ position:absolute;top:20px;left:20px; z-index:100; max-width:80%; display:flex; flex-direction:column; gap:2px; background:rgba(0,0,0,0.65); padding:4px 12px; border-radius:12px; backdrop-filter:blur(4px);}.lb-title{ color:white;font-size:15px;font-weight:700; padding:0; margin:0; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.lb-category-container{ display:flex !important; margin-top:0px !important;}#lightbox-modal .lb-category-link{ color:white !important; font-size:12px !important; font-weight:400 !important; background:transparent !important; padding:0 !important; border-radius:0 !important; text-decoration:underline !important; transition:opacity 0.2s ease !important; border:none !important; display:inline-block !important; line-height:1;}#lightbox-modal .lb-category-link:hover{ background:transparent !important; opacity:0.8 !important; transform:none !important; box-shadow:none !important;}@media (min-width:1024px){ .lb-header{ left:120px !important; }}.lb-thumb:hover{opacity:0.8;}.lb-thumb.active{ opacity:1; border-color:#fff; transform:scale(1.05);}.lb-nav{ position:absolute;top:50%;transform:translateY(-50%); background:rgba(255,255,255,0.1);color:white; border:none;padding:12px;cursor:pointer; border-radius:50%;transition:background 0.2s; display:flex;align-items:center;justify-content:center; z-index:100;}.lb-nav:hover{background:rgba(255,255,255,0.2);}.lb-prev{left:20px;}.lb-next{right:20px;}.lb-controls{ position:absolute;top:20px;right:20px; display:flex;gap:10px; z-index:100;}@media (max-width:600px){ .lb-controls{ flex-direction:column; top:10px; right:10px; gap:8px; align-items:center; }}.lb-btn{ background:rgba(255,255,255,0.1);color:white; border:none;padding:8px;border-radius:8px; cursor:pointer;display:flex;align-items:center;gap:6px; transition:background 0.2s;font-size:14px;}.lb-btn:hover{background:rgba(255,255,255,0.2);}#lb-prompt-overlay{ position:absolute;inset:0; background:rgba(0,0,0,0.85); color:#eee; padding:100px 40px 60px; display:none; flex-direction:column; justify-content:flex-start; align-items:center; overflow-y:auto; text-align:center; line-height:1.6; font-size:1.1rem; backdrop-filter:blur(10px);}#lb-prompt-text{ max-width:800px; margin:0 auto;}#lb-prompt-overlay.active{display:flex;animation:fadeIn 0.3s;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.lb-loader{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:50; display:none; align-items:center; justify-content:center; pointer-events:none;}.lb-loader img{ width:60px; height:60px; object-fit:contain; animation:lb-rotate 2s linear infinite; filter:drop-shadow(0 0 10px rgba(0,0,0,0.5));}@keyframes lb-rotate{ from{transform:rotate(0deg);} to{transform:rotate(360deg);}}#lightbox-modal.loading .lb-loader{ display:flex;}