.main-image-container{position:relative;width:100%;height:400px;background:#f8fafc;border-radius:12px;overflow:hidden;margin-bottom:20px}
.main-image{width:100%;height:100%;position:relative}
.main-image img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.thumbnail-gallery-container{display:flex;align-items:center;gap:10px;position:relative}
.thumbnail-gallery{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;flex:1;scrollbar-width:none}
.thumbnail-gallery::-webkit-scrollbar{display:none}
.thumbnail{width:80px;height:80px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid #e2e8f0;transition:0.3s;flex-shrink:0}
.thumbnail:hover{border-color:#94a3b8}
.thumbnail.active{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.2)}
.thumbnail img{width:100%;height:100%;object-fit:cover}
.gallery-arrow{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:0.3s;flex-shrink:0;color:#64748b;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.gallery-arrow:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:scale(1.1)}
.gallery-arrow:active{transform:scale(0.95)}
.gallery-arrow svg{width:16px;height:16px}
.zoom-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display:none;align-items:center;justify-content:center;z-index:9999;padding:40px}
.zoom-overlay-image{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,0.5)}
.close-zoom-button{position:absolute;top:20px;right:20px;width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:0.3s;color:#1f2937;box-shadow:0 4px 12px rgba(0,0,0,0.3)}
.close-zoom-button:hover{background:#ef4444;color:#fff;transform:rotate(90deg);scale:1.1}
.close-zoom-button svg{width:24px;height:24px}