.image-viewer {position: relative;display: inline-block;width: 100%;}.zoom-image {display: block;width: 100%;height: auto;cursor: zoom-in;}.zoom-btn {position: absolute;right: 12px;bottom: 12px;width: 42px;height: 42px;border: 1px solid #e5e5e5;border-radius: 50%;background: rgba(255,255,255,.96);color: #555;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 3px 10px rgba(0,0,0,.15);transition: all .25s ease;z-index: 10;}.zoom-btn:hover {background: #fff;color: #1B523D;border-color: #1B523D;transform: scale(1.08);}.zoom-btn svg {width: 22px;height: 22px;}.image-modal {display: none;position: fixed;inset: 0;background: rgba(0,0,0,.92);z-index: 999999;justify-content: center;align-items: center;animation: fadeIn .2s ease;}.image-modal img {max-width: 92vw;max-height: 92vh;object-fit: contain;border-radius: 6px;box-shadow: 0 10px 40px rgba(0,0,0,.45);}.close-image {position: absolute;top: 18px;right: 22px;width: 42px;height: 42px;border-radius: 50%;background: rgba(255,255,255,.15);color: #fff;font-size: 28px;line-height: 42px;text-align: center;cursor: pointer;transition: .2s;user-select: none;}.close-image:hover {background: rgba(255,255,255,.3);}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}@media (max-width:768px) {.zoom-btn {width: 38px;height: 38px;left: 10px;bottom: 10px;}.zoom-btn svg {width: 20px;height: 20px;}.close-image {top: 10px;right: 10px;width: 38px;height: 38px;line-height: 38px;font-size: 26px;}.image-modal img {max-width: 96vw;max-height: 90vh;}}