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.

Cerumen Canal

121 Albums
J'aime
0 Avis

Filtres

Recherche

Genre

Format

CD
Vinyl

Prix 0$ - 200$+

Albums (120)

Aimé Doniat Chante Botrel

Aimé Doniat Chante Botrel

Aimé Doniat / Botrel

Vinyl
Vinyl - VG/VG - 11.00 $
Media: VG
Cover: VG
11.00 $
Fados 67

Fados 67

Amália Rodrigues

Vinyl
Vinyl - VG/G - 7.50 $
Media: VG
Cover: G
7.50 $
Uma Noite No Machado

Uma Noite No Machado

Armando Machado

Vinyl 1967
Vinyl - VG/VG - 8.00 $
Media: VG
Cover: VG
8.00 $
One Voice

One Voice

Barry Manilow

Vinyl 1979
Vinyl - NM/VG+ - 12.00 $
Media: NM
Cover: VG+
12.00 $
New Conversations

New Conversations

Bill Evans

Vinyl 1978
Vinyl - M/EX- - 18.00 $
Media: M
Cover: EX-
18.00 $
Buddy Rich Band

Buddy Rich Band

Buddy Rich Band

Vinyl 1981
Vinyl - NM/VG+ - 15.00 $
Media: NM
Cover: VG+
15.00 $
Anciens Chants Populaires Russes / Old Russian Popular Songs

Anciens Chants Populaires Russes / Old Russian Popular Songs

Bulgarian National Choir 'Svetoslav Obretenov'

Vinyl
Vinyl - VG+/VG - 5.00 $
Media: VG+
Cover: VG
5.00 $
Calypso Joe

Calypso Joe

Calypso Joe

Vinyl
Vinyl - VG+/NM - 12.00 $
Media: VG+
Cover: NM
12.00 $
Friends

Friends

Chick Corea

Vinyl 1978
Vinyl - VG/VG - 10.00 $
Media: VG
Cover: VG
10.00 $
My Spanish Heart

My Spanish Heart

Chick Corea

Vinyl 1976
Vinyl - VG/VG+ - 15.00 $
Media: VG
Cover: VG+
15.00 $
Secret Agent

Secret Agent

Chick Corea

Vinyl 1978
Vinyl - VG/VG - 12.00 $
Media: VG
Cover: VG
12.00 $
Tap Step

Tap Step

Chick Corea

Vinyl 1980
Vinyl - NM/VG+ - 17.00 $
Media: NM
Cover: VG+
17.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; }