.container-home{width:100%;margin:0 auto;padding:20px 0}.header-perso{display:flex;justify-content:flex-end;align-items:center;margin-bottom:15px}#voirPlus{background:#d62242;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s ease}#voirPlus:hover{background:#b91c3a;transform:translateY(-1px)}.container-perso{display:flex;align-items:center;gap:10px;padding:15px 0}#scrollLeft,#scrollRight{background:#003f7c;color:#fff;border:none;width:35px;height:35px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all 0.2s ease;flex-shrink:0}#scrollLeft:hover,#scrollRight:hover{background:#d62242}#scrollLeft:disabled,#scrollRight:disabled{opacity:.4;cursor:not-allowed}.card-container{display:flex;gap:12px;overflow-x:auto;flex-grow:1;padding:5px 0;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.card-container::-webkit-scrollbar{display:none}.card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:12px;min-width:200px;flex-shrink:0;cursor:pointer;transition:all 0.2s ease;position:relative;display:flex;flex-direction:column;min-height:160px}.card:hover{border-color:#d62242;box-shadow:0 4px 12px rgb(214 34 66 / .15);transform:translateY(-2px)}.teams-div{margin-bottom:10px}.team{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:16px}.team-logo{width:24px;height:24px;object-fit:contain;border-radius:4px;flex-shrink:0;opacity:1}.team-home{font-weight:600;color:#003f7c}.team-away{font-weight:500;color:#676767}.time-date-div{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:8px;min-height:50px;justify-content:center}.score{background:#d62242;color:#fff;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:600;text-align:center}.date{background:#003f7c;color:#fff;padding:6px 12px;border-radius:8px;font-size:16px;font-weight:500}.time{background:#676767;color:#fff;padding:4px 10px;border-radius:6px;font-size:16px;font-weight:500}.divider{height:1px;background:#e9ecef;margin:8px 0}.competition{text-align:center;font-size:16px;font-weight:600;color:#003f7c;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;background:#f8f9fa;border-radius:6px;margin-top:auto}.live-container{display:inline-flex;align-items:center;background:#d62242;padding:2px 6px;border-radius:8px;margin-left:4px}.live-content{color:#fff;font-size:9px;font-weight:600;text-transform:uppercase}.circle{width:6px;height:6px;background:#fff;border-radius:50%;margin-right:4px;animation:blink 1.5s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}@media (max-width:768px){.container-home{padding:15px 10px}.container-perso{padding:10px;gap:8px}#scrollLeft,#scrollRight{width:30px;height:30px;font-size:14px}.card{min-width:180px;padding:10px}.team{font-size:12px}.team-logo{width:20px;height:20px}.score{font-size:13px;padding:3px 10px}.date{font-size:10px}.time{font-size:9px}.competition{font-size:9px}}@media (max-width:480px){.container-home{padding:10px 5px}.container-perso{padding:8px;gap:6px}.card{min-width:160px;padding:8px}.team{font-size:11px;gap:6px}.team-logo{width:18px;height:18px}.score{font-size:12px;padding:2px 8px}#scrollLeft,#scrollRight{display:none}.card-container{gap:8px}}.card{animation:fadeIn 0.3s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card:focus,#voirPlus:focus,#scrollLeft:focus,#scrollRight:focus{outline:2px solid #d62242;outline-offset:2px}.card-container{will-change:scroll-position}.card{will-change:transform}.team-logo{will-change:auto}