.gallery-modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.95);z-index: 1000;opacity: 0;transition: opacity 0.3s ease;}.gallery-modal.active {display: flex;opacity: 1;align-items: center;justify-content: center;}.gallery-container {width: 90%;height: 90%;display: flex;flex-direction: column;position: relative;}.gallery-header {display: flex;justify-content: space-between;align-items: center;padding: 20px;color: white;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}.gallery-title {font-size: 1.5rem;font-weight: bold;margin: 0;}.close-gallery {background: none;border: none;color: white;font-size: 2.5rem; margin-right: 5rem; cursor: pointer;padding: 0;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: background-color 0.3s;}.close-gallery:hover {background-color: rgba(255, 255, 255, 0.1);}.gallery-main {flex: 1;display: flex;overflow: hidden;position: relative;}.gallery-slide {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.5s ease;}.gallery-slide.active {opacity: 1;}.gallery-image {max-width: 90%;max-height: 100%;object-fit: contain;border-radius: 10px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);}.gallery-nav {display: flex;justify-content: center;gap: 20px;padding: 20px;}.gallery-btn {background: rgba(255, 255, 255, 0.1);border: 2px solid rgba(255, 255, 255, 0.3);color: white;width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 1.5rem;transition: all 0.3s;}.gallery-btn:hover {background: rgba(255, 255, 255, 0.2);border-color: rgba(255, 255, 255, 0.5);}.gallery-btn:disabled {opacity: 0.3;cursor: not-allowed;}.gallery-indicators {display: flex;justify-content: center;align-items: center;gap: 10px;padding: 5px;flex-wrap: wrap;}.indicator {width: 12px;height: 12px;border-radius: 50%;background: rgba(255, 255, 255, 0.3);cursor: pointer;transition: all 0.3s;}.indicator.active {background: white;transform: scale(1.2);}.gallery-counter {color: rgba(255, 255, 255, 0.7);font-size: 1.5rem;margin-left: auto;}.gallery-preview {display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: 15px;margin: 30px 0;padding: 20px;}.preview-item {position: relative;border-radius: 10px;overflow: hidden;cursor: pointer;transition: transform 0.3s;aspect-ratio: 1/1;}.preview-item:hover {transform: scale(1.05);}.preview-img {width: 100%;height: 100%;object-fit: cover;}@media (max-width: 768px) {.gallery-container {width: 100%;height: 100%;}.gallery-header {padding: 15px;}.gallery-title {font-size: 1.2rem;}.close-gallery {font-size: 2.5rem;width: 35px;height: 35px;}.gallery-btn {width: 45px;height: 45px;font-size: 1.3rem;}.gallery-nav {padding: 15px;gap: 15px;}.preview-item {aspect-ratio: 4/3;}}@media (max-width: 480px) {.gallery-title {font-size: 1rem;}.gallery-btn {width: 40px;height: 40px;font-size: 1.2rem;}.gallery-preview {grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));gap: 10px;padding: 10px;}}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}.gallery-image.loaded {animation: fadeIn 0.5s ease;}.loading-spinner {width: 50px;height: 50px;border: 3px solid rgba(255, 255, 255, 0.3);border-radius: 50%;border-top-color: white;animation: spin 1s linear infinite;}@keyframes spin {to {transform: rotate(360deg);}}