Vinyllia
Messages Panier

Menu

Compte

Notifications

Aucune notification
Voir toutes les notifications

Contact Support

Thank You!

Your message has been sent. We'll get back to you as soon as possible.

Visible Wind

5 Albums
J'aime
0 Avis

Filtres

Recherche

Genre

Format

CD
Tape Cassette
Vinyl

Prix 0$ - 200$+

Albums (5)

A Moment Beyond Time

A Moment Beyond Time

Visible Wind

Tape Cassette 1991
Tape Cassette - M/M - 10.00 $
Media: M
Cover: M
10.00 $
Barb-à-Baal-a-Loo

Barb-à-Baal-a-Loo

Visible Wind

CD 2000
CD - M/M - 15.00 $
Media: M
Cover: M
15.00 $
Catharsis

Catharsis

Visible Wind

Vinyl 1988
Vinyl - M/M - 30.00 $
Media: M
Cover: M
30.00 $
Emergence

Emergence

Visible Wind

CD 1994
CD - M/M - 15.00 $
Media: M
Cover: M
15.00 $
La Daementia Romantica

La Daementia Romantica

Visible Wind

CD 2006
CD - M/M - 15.00 $
Media: M
Cover: M
15.00 $
.pagination { display: flex; justify-content: center; align-items: center; margin: 40px 0; gap: 20px; } .pagination-btn { display: flex; align-items: center; padding: 12px 24px; background: linear-gradient(135deg, rgba(254, 227, 0, 0.9) 0%, rgba(218, 165, 32, 0.9) 100%); border: none; border-radius: 30px; color: #121212; text-decoration: none; transition: all 0.3s ease; font-weight: 600; font-size: 15px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); letter-spacing: 0.5px; } .pagination-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(254, 227, 0, 0.4); background: linear-gradient(135deg, rgba(254, 227, 0, 1) 0%, rgba(218, 165, 32, 1) 100%); } .pagination-btn:active { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(254, 227, 0, 0.4); } .pagination-btn.prev i { margin-right: 10px; } .pagination-btn.next i { margin-left: 10px; } .pagination-info { font-size: 16px; color: rgba(255, 255, 255, 0.8); font-weight: 500; background: rgba(30, 30, 30, 0.7); padding: 10px 20px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.1); } border: none; border-radius: 30px; color: #121212; text-decoration: none; transition: all 0.3s ease; font-weight: 600; font-size: 15px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); letter-spacing: 0.5px; } .pagination-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(254, 227, 0, 0.4); background: linear-gradient(135deg, rgba(254, 227, 0, 1) 0%, rgba(218, 165, 32, 1) 100%); } .pagination-btn:active { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(254, 227, 0, 0.4); } .pagination-btn.prev i { margin-right: 10px; } .pagination-btn.next i { margin-left: 10px; } .pagination-info { font-size: 16px; color: rgba(255, 255, 255, 0.8); font-weight: 500; background: rgba(30, 30, 30, 0.7); padding: 10px 20px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.1); } /* Image optimization */ .product-image-container { background-color: #1a1a1a; } .album-image { opacity: 0; transition: opacity 0.3s ease; } .album-image.loaded { opacity: 1; } /* Filter panel styles */ .content-layout { display: flex; gap: 25px; } .filter-panel { width: 280px; flex-shrink: 0; background: rgba(25, 25, 25, 0.85); border-radius: 12px; overflow: hidden; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); align-self: flex-start; position: sticky; top: 100px; } .filter-header { display: flex; justify-content: space-between; align-items: center; padding: 18px 22px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); background: linear-gradient(to bottom, rgba(40, 40, 40, 0.5), rgba(30, 30, 30, 0.5)); } .filter-header h3 { margin: 0; font-size: 18px; font-weight: 600; color: #fff; } .clear-filters-btn { background: none; border: none; color: #f1c40f; cursor: pointer; font-size: 14px; display: flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 4px; transition: all 0.2s ease; } .clear-filters-btn:hover { background: rgba(241, 196, 15, 0.15); } .filter-group { padding: 16px 22px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .filter-group h4 { font-size: 15px; margin: 0 0 12px; color: rgba(255, 255, 255, 0.9); font-weight: 500; } .filter-search { position: relative; margin-bottom: 5px; } .filter-search input { width: 100%; padding: 10px 15px 10px 38px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.15); background: rgba(0, 0, 0, 0.25); color: #fff; font-size: 14px; transition: all 0.2s ease; } .filter-search input:focus { border-color: rgba(241, 196, 15, 0.5); box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.2); outline: none; } .filter-search i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: rgba(255, 255, 255, 0.5); } .filter-items { display: flex; flex-direction: column; gap: 8px; } .filter-items.scrollable { max-height: 180px; overflow-y: auto; padding-right: 5px; margin-right: -5px; } .filter-items.scrollable::-webkit-scrollbar { width: 4px; } .filter-items.scrollable::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); border-radius: 4px; } .filter-items.scrollable::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2); border-radius: 4px; } .filter-item { display: flex; align-items: center; padding: 8px 12px; border-radius: 6px; cursor: pointer; transition: all 0.2s ease; background: rgba(255, 255, 255, 0.05); position: relative; } .filter-item:hover { background: rgba(255, 255, 255, 0.1); } .filter-item.active { background: rgba(241, 196, 15, 0.15); border: 1px solid rgba(241, 196, 15, 0.3); } .filter-checkbox { width: 18px; height: 18px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.3); display: flex; align-items: center; justify-content: center; margin-right: 10px; background: rgba(0, 0, 0, 0.2); position: relative; flex-shrink: 0; } .filter-item.active .filter-checkbox:after { content: ''; position: absolute; width: 10px; height: 10px; background: #f1c40f; border-radius: 2px; } .filter-label { flex: 1; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .price-slider { position: relative; height: 40px; } .price-progress { position: absolute; height: 5px; background: #f1c40f; border-radius: 5px; left: 0%; right: 0%; top: 18px; pointer-events: none; } .price-range-input { position: relative; width: 100%; height: 5px; } .price-range-input input { position: absolute; width: 100%; height: 5px; background: none; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; top: 18px; } input[type="range"]::-webkit-slider-thumb { height: 17px; width: 17px; border-radius: 50%; background: #f1c40f; pointer-events: auto; -webkit-appearance: none; cursor: pointer; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 3px 6px rgba(0, 0, 0, 0.3); } input[type="range"]::-moz-range-thumb { height: 17px; width: 17px; border-radius: 50%; background: #f1c40f; pointer-events: auto; -moz-appearance: none; cursor: pointer; border: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 3px 6px rgba(0, 0, 0, 0.3); } .filter-actions { padding: 16px 22px; border-top: 1px solid rgba(255, 255, 255, 0.08); } .apply-filters-btn { width: 100%; padding: 12px; background: linear-gradient(135deg, rgba(254, 227, 0, 0.9) 0%, rgba(218, 165, 32, 0.9) 100%); border: none; border-radius: 8px; color: #121212; font-weight: 600; font-size: 15px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); } .apply-filters-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 15px rgba(254, 227, 0, 0.4); background: linear-gradient(135deg, rgba(254, 227, 0, 1) 0%, rgba(218, 165, 32, 1) 100%); } .mobile-filter-toggle { display: none; margin-bottom: 20px; } #filter-toggle-btn { width: 100%; padding: 12px; background: linear-gradient(to bottom, rgba(40, 40, 40, 0.9), rgba(30, 30, 30, 0.9)); color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; cursor: pointer; font-size: 15px; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 8px; transition: all 0.3s ease; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } #filter-toggle-btn:hover { background: linear-gradient(to bottom, rgba(50, 50, 50, 0.9), rgba(40, 40, 40, 0.9)); transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); } /* Main content */ .main-content { flex: 1; }