.view-1.event-cards{display:grid;gap:24px;grid-template-columns:1fr;margin-bottom:32px;align-items:stretch}@media (min-width:640px){.view-1.event-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.view-1.event-cards{grid-template-columns:repeat(3,1fr)}}.view-1 .event-card{display:flex;font-size:16px;flex-direction:column;justify-content:space-between;border:1px solid #ddd;border-radius:10px;padding:15px;background:#fff;color:#000;text-align:center;box-shadow:0 3px 8px rgb(0 0 0 / .1)}.view-1 .event-card h3{color:#000;font-size:16px;font-weight:700;margin-bottom:8px}.view-1 .event-card .tournament{font-size:14px;color:#777;margin-bottom:10px}.view-1 .event-card .teams{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0}.view-1 .event-card .team-logo,.view-1 .event-card .tour-logo{width:30px;height:30px;object-fit:contain}.view-1 .event-card .date{margin:10px 0;font-size:14px;color:#444}.view-1 .event-card .bet-btn{margin-top:15px;display:inline-block;background:#d3e512;color:#000;border:2px solid #d3e512;padding:8px 15px;border-radius:6px;text-decoration:none;font-weight:700;transition:0.2s;cursor:pointer}.view-1 .event-card .bet-btn:hover{background:#fff0}.view-1 .tour-logo{margin:0 auto}.view-1 .team{display:flex;align-items:center;gap:5px}.view-2.event-cards{display:grid;gap:24px;grid-template-columns:1fr;margin-bottom:32px;align-items:stretch}@media (min-width:640px){.view-2.event-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.view-2.event-cards{grid-template-columns:repeat(3,1fr)}}.view-2 .event-card{border:1px solid #ddd;border-radius:10px;background:#fff;text-align:center;padding:15px;box-shadow:0 2px 8px rgb(0 0 0 / .06);transition:transform 0.3s,box-shadow 0.3s;scroll-snap-align:start;flex:0 0 auto}.view-2 .event-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgb(0 0 0 / .12)}.view-2 h3{color:#e53935;font-size:18px;margin:0 0 5px 0}.view-2 .team-logo{width:30px;height:30px;object-fit:cover;max-width:100%}.view-2 .tournament{font-size:20px;font-weight:700;color:#388e3c;margin-bottom:10px}.view-2 .bet-btn{margin-top:15px;background:#d3e512;border:2px solid #d3e512;padding:10px 15px;color:#000;font-weight:700;font-size:12px;border-radius:5px;cursor:pointer;text-decoration:none;display:inline-block;margin-bottom:5px;transition:background 0.2s}.view-2 .bet-btn:hover{background:#fff0}.view-2 .bet-btn:focus{box-shadow:unset}.view-2 .date{font-size:11px;color:#888}.view-2 .team{display:flex;align-items:center;gap:5px}.view-2 .event-card .teams{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0}@media screen and (max-width:480px){.view-2 .event-card .teams{flex-direction:column}}.event-cards.view-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:10px;box-sizing:border-box;overflow:hidden}.event-cards.view-3 .event-card{background:#fff;border:1px solid #ddd;border-radius:6px;overflow:hidden;height:auto;box-shadow:0 2px 6px rgb(0 0 0 / .1);transition:transform 0.2s ease;padding:15px;display:flex;flex-direction:column;justify-content:space-between}.event-cards.view-3 .event-card:hover{transform:translateY(-4px)}.event-cards.view-3 .event-card h3{font-size:16px;font-weight:700;margin-bottom:8px}.event-cards.view-3 .event-card .tournament{font-size:14px;color:#666;margin-bottom:10px}.event-cards.view-3 .event-card .teams{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:10px;text-align:center}.view-3 .team{display:flex;align-items:center;gap:5px}.view-3 .event-card .teams{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0}.event-cards.view-3 .event-card .team-logo{width:30px;height:30px;object-fit:contain}.event-cards.view-3 .event-card .date{font-size:14px;margin-bottom:12px;color:#333}.view-3 .bet-btn{margin-top:15px;padding:2px;cursor:pointer;background:#d3e512;border:2px solid #d3e512;text-align:center;text-decoration:unset}.view-3 .bet-btn:focus{box-shadow:unset}.view-3 .bet-btn:hover{background:#fff0}.view-4{display:grid;gap:24px;grid-template-columns:1fr;position:relative;padding:20px 0;overflow:hidden}@media (min-width:640px){.view-4.event-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.view-4.event-cards{grid-template-columns:repeat(3,1fr)}}.view-4 .swiper-wrapper{display:flex;gap:8px}.view-4 .event-card{flex:0 0 calc((100% - 48px) / 4);background:#fff;border-radius:12px;box-shadow:0 2px 8px rgb(0 0 0 / .1);padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:all 0.2s ease}.view-4 .event-card h3{font-size:16px;font-weight:700;margin-bottom:8px}.view-4 .tournament{font-size:14px;color:#666;margin-bottom:12px}.view-4 .teams{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px;font-weight:500}.view-4 .team{display:flex;align-items:center;gap:5px}.view-4 .team-logo{width:24px;height:24px;object-fit:contain}.view-4 .date{font-size:13px;color:#444;margin-bottom:12px}.view-4 .bet-btn{margin-top:15px;padding:8px 14px;background:#d3e512;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background 0.3s ease}.view-4 .bet-btn:hover{border:2px solid #d3e512;background:#fff0;color:#000}div.event-cards.scroll{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:15px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-color:#4CAF50 #e0f5e0;scrollbar-width:thin}div.event-cards.scroll::-webkit-scrollbar{height:8px}div.event-cards.scroll::-webkit-scrollbar-track{background:#e0f5e0;border-radius:10px}div.event-cards.scroll::-webkit-scrollbar-thumb{background:#4CAF50;border-radius:10px}div.event-cards.scroll::-webkit-scrollbar-thumb:hover{background:#43a047}div.event-cards.scroll .event-card{min-width:calc(30% - 12px)}@media screen and (max-width:767px){div.event-cards.scroll .event-card{min-width:calc(48% - 12px)}}@media screen and (max-width:480px){div.event-cards.scroll .event-card{min-width:calc(65% - 12px)}}.slider-1 .custom-nav{width:40px;height:60px;background:#3a3a3a;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:10;cursor:pointer}.slider-1 .swiper-button-prev.custom-nav{left:0;border-radius:0 6px 6px 0}.slider-1 .swiper-button-next.custom-nav{right:0;border-radius:6px 0 0 6px}.slider-1 .custom-nav::after{content:'';width:22px;height:44px;background-color:#fff;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.slider-1 .swiper-button-prev.custom-nav::after{mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 18L9 12L15 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 18L9 12L15 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.slider-1 .swiper-button-next.custom-nav::after{mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 6L15 12L9 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 6L15 12L9 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.slider-1 .custom-nav.swiper-button-disabled{display:none!important}.slider-2 .custom-nav{width:40px;height:40px;background:rgb(0 0 0 / .6);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:10;cursor:pointer;transition:background 0.3s ease;box-shadow:0 2px 6px rgb(0 0 0 / .3)}.slider-2 .custom-nav::after{content:'';display:block;width:14px;height:14px;background-color:#fff;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.slider-2 .swiper-button-prev.custom-nav::after{mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 18L9 12L15 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 18L9 12L15 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.slider-2 .swiper-button-next.custom-nav::after{mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 6L15 12L9 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 6L15 12L9 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.slider-2 .swiper-wrapper{gap:8px;padding-bottom:40px}.slider-2.event-cards{padding-bottom:32px}.slider-2 .swiper-pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding-top:16px;padding-bottom:12px;bottom:0!important}.slider-2 .swiper-pagination-bullet{width:8px;height:8px;background-color:#c5c5c5;border-radius:50%;opacity:1;transition:all 0.3s ease}.slider-2 .swiper-pagination-bullet-active{width:22px;height:8px;background-color:#5c667b;border-radius:4px}.event-cards .swiper-wrapper{display:flex;transition-property:transform;box-sizing:content-box}.event-cards .swiper-slide{flex-shrink:0;width:auto;box-sizing:border-box}