.selection-wrapper { width: 100%; max-width: 1400px; border-radius: 20px; } .title-shoot { opacity: 0.85; } .image-card { border-radius: 16px; overflow: hidden; transition: transform 0.2s ease, box-shadow 0.2s ease; background-color: white; } .image-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); } .gallery-thumb { width: 100%; height: 250px; object-fit: cover; border-radius: 12px; cursor: pointer; display: block; } .select-fab { position: absolute !important; top: 14px; right: 14px; z-index: 10; } /* Mobile */ @media (max-width: 768px) { .selection-wrapper { padding: 20px 12px !important; border-radius: 14px; } .gallery-thumb { height: 220px; } } .select-icon-btn { position: absolute !important; top: 12px; right: 12px; z-index: 10; background-color: rgba(255, 255, 255, 0.92) !important; backdrop-filter: blur(4px); border-radius: 50%; box-shadow: 0 4px 12px rgba(0,0,0,0.18); transition: all 0.2s ease; } .select-icon-btn:hover { transform: scale(1.08); } .select-icon-btn.selected { border: 2px solid #2e7d32; color: #2e7d32 !important; } .select-icon-btn.not-selected { border: 2px solid #c62828; color: #c62828 !important; } .select-icon-btn:disabled { opacity: 0.45; cursor: not-allowed; }