.avis-card{position:relative;flex:0 0 auto;width:440px;display:flex;gap:14px;padding:12px;border-radius:18px;background:transparent;box-sizing:border-box;transition:background var(--transition-fast)}@media (hover: hover){.avis-card:hover{background:var(--bg-secondary)}.avis-card:hover .avis-card__cover{filter:brightness(1.08)}}.avis-card__cover{flex:0 0 150px;width:150px;height:150px;border-radius:10px;object-fit:cover;display:block;background:var(--bg-secondary);transition:filter var(--transition-fast)}.avis-card__col{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1}.avis-card__top{display:flex;align-items:center;gap:8px;margin-bottom:3px}.avis-card__profile{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;min-width:0;flex:1;text-decoration:none}.avis-card__avatar{flex:0 0 24px;width:24px;height:24px;border-radius:50%;object-fit:cover;background:var(--bg-secondary)}.avis-card__name{font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (hover: hover){.avis-card__profile:hover .avis-card__name{color:var(--text-primary);text-decoration:underline}}.avis-card__note{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;background:#ffd7001a;color:gold;font-size:14px;font-weight:600;line-height:1;padding:4px 10px;border-radius:var(--radius-full)}.avis-card__count{font-size:12px;color:var(--text-tertiary);margin-bottom:9px}.avis-card__excerpt{font-size:13px;line-height:1.5;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.avis-card__album-link:after{content:"";position:absolute;inset:0;z-index:0}@media (max-width: 768px){.avis-card{width:340px;gap:12px;padding:8px}.avis-card__cover{flex:0 0 130px;width:130px;height:130px}}.section-scroll-wrapper{position:relative;margin:0;padding:0 52px;overflow:visible}.section-scroll-container{display:flex;gap:4px;overflow-x:auto;padding:0 0 24px;margin:0 -52px;scrollbar-width:none;-ms-overflow-style:none}.section-scroll-container::-webkit-scrollbar{display:none}.section-scroll-container .album-card{flex:0 0 auto;width:230px;padding:12px;border-radius:18px;background:transparent;transition:background var(--transition-fast)}@media (hover: hover){.section-scroll-container .album-card:hover{background:var(--bg-secondary)}}.section-scroll-container .card-image-wrapper{border-radius:10px}.section-scroll-container .album-card:hover .card-image{transform:none}.section-scroll-container .artist-circle-card{flex:0 0 auto;width:180px}.section-scroll-wrapper .scroll-arrow{position:absolute;top:115px;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background-color:transparent;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:0;transition:all var(--transition-fast)}@media (hover: hover){.section-scroll-wrapper:hover .scroll-arrow{opacity:1}.section-scroll-wrapper .scroll-arrow:hover{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-50%) scale(1.05)}}@media (hover: none){.section-scroll-wrapper .scroll-arrow{opacity:1}}.section-scroll-wrapper-review .scroll-arrow{top:87px}.section-scroll-wrapper .scroll-arrow.left{left:0}.section-scroll-wrapper .scroll-arrow.right{right:0}.section-scroll-wrapper.has-left:before,.section-scroll-wrapper.has-right:after{content:"";position:absolute;top:0;bottom:0;width:72px;pointer-events:none;z-index:5}.section-scroll-wrapper.has-left:before{left:0;background:linear-gradient(to right,var(--bg-primary) 0%,rgba(15,15,23,0) 100%)}.section-scroll-wrapper.has-right:after{right:0;background:linear-gradient(to left,var(--bg-primary) 0%,rgba(15,15,23,0) 100%)}@media (max-width: 768px){.section-scroll-wrapper{padding:0 16px}.section-scroll-container{gap:2px;margin:0 -16px;padding:0 16px 16px}.section-scroll-container .album-card{width:160px;padding:8px}.section-scroll-container .artist-circle-card{width:130px}.section-scroll-wrapper .scroll-arrow{display:none}.section-scroll-wrapper.has-left:before,.section-scroll-wrapper.has-right:after{width:32px}}@media (max-width: 480px){.section-scroll-container .album-card{width:140px}.section-scroll-container .artist-circle-card{width:110px}.section-scroll-container{gap:0}}
