.day-night-wrapper{width:100%;position:relative;overflow:hidden}.day-night-wrapper .day-img{z-index:1;will-change:transform;width:100%;height:auto;transition:opacity .4s,transform .4s;display:block;position:relative}.day-night-wrapper .night-img{object-fit:cover;opacity:0;z-index:2;will-change:transform, opacity;width:100%;height:100%;transition:opacity .4s,transform .4s;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine){a:hover .night-img,.featured-collection-card:hover .night-img,.solution-image-card:hover .night-img,.category-image-card:hover .night-img,.collection-masonry-item:hover .night-img,.day-night-wrapper:hover .night-img{opacity:1}a:hover .day-night-wrapper img,.featured-collection-card:hover .day-night-wrapper img,.solution-image-card:hover .day-night-wrapper img,.category-image-card:hover .day-night-wrapper img,.collection-masonry-item:hover .day-night-wrapper img,.day-night-wrapper:hover img{transform:scale(1.05)}}.day-night-wrapper.is-touched .night-img{opacity:1}.day-night-wrapper.is-touched img{transform:scale(1.05)}.lightbox-backdrop{z-index:9999;backdrop-filter:blur(10px);background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-content{flex-direction:column;align-items:center;max-width:90vw;max-height:85vh;display:flex;position:relative}.lightbox-image-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.lightbox-image{border-radius:var(--radius-md);max-width:90vw;max-height:80vh;box-shadow:var(--shadow-lg);overflow:hidden}.lightbox-image img{object-fit:contain;width:auto;max-width:90vw;height:auto;max-height:80vh}.lightbox-hint{backdrop-filter:blur(8px);border-radius:var(--radius-full);align-items:center;gap:var(--space-sm);color:var(--color-primary-light);white-space:nowrap;pointer-events:none;opacity:.8;background:#ff7f0026;border:1px solid #ff7f004d;padding:.5rem 1rem;font-size:.8rem;font-weight:500;animation:.5s ease-out fadeInDown;display:flex;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.hint-icon{align-items:center;gap:4px;display:flex}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:.8;transform:translate(-50%)}}.lightbox-close{width:44px;height:44px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);z-index:10000;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;top:1.5rem;right:1.5rem}.lightbox-close:hover{background:#fff3}.lightbox-nav{width:48px;height:48px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);z-index:10000;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:rgba(var(--color-primary-rgb), .3)}.lightbox-prev{left:1.5rem}.lightbox-next{right:1.5rem}.lightbox-counter{color:var(--color-text-secondary);z-index:10000;font-size:.85rem;font-weight:500;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.lightbox-category{padding:var(--space-lg);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;text-align:center;background:linear-gradient(#0000 0%,#0a0a0ae6 100%);font-size:.85rem;font-weight:600;position:absolute;bottom:0;left:0;right:0}
