:root{--slider-accent:#7f00ff;--slider-accent-light:#7f00ff14;--slider-accent-mid:#7f00ff2e;--slider-ink:#0d0d0d;--slider-muted:#7a7a7a;--slider-border:#ebebeb;--slider-surface:#fafafa;--slider-white:#fff;--slider-radius:20px;--slider-transition:.3s cubic-bezier(.4,0,.2,1)}.event-slider-section{font-family:var(--font-body)}.slider-header{justify-content:space-between;align-items:flex-end;margin-bottom:0;display:flex}.slider-title-group .land-title{font-family:var(--font-heading);color:var(--slider-ink);letter-spacing:-.4px;margin-bottom:4px;font-size:28px;font-weight:700}.slider-title-group .land-desc{color:var(--slider-muted);margin:0;font-size:14px;font-weight:300}.slider-divider{background:linear-gradient(90deg,var(--slider-border)0%,transparent 100%);border:none;height:1px;margin:18px 0 20px}.see-all-btn{cursor:pointer;font-family:var(--font-body);letter-spacing:.3px;border:1.5px solid var(--slider-accent);color:var(--slider-accent);transition:var(--slider-transition);white-space:nowrap;background:0 0;border-radius:100px;align-items:center;gap:6px;padding:10px 22px;font-size:14px;font-weight:500;display:inline-flex}.see-all-btn:after{content:"→";transition:transform var(--slider-transition);font-size:15px;display:inline-block}.see-all-btn:hover{background:var(--slider-accent);color:var(--slider-white);border-color:var(--slider-accent)}.see-all-btn:hover:after{transform:translate(4px)}.slider-controls{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:18px;display:flex}.scroll-rounded-circle{background-color:var(--slider-accent);border:1.5px solid var(--slider-border);width:42px;height:42px;color:var(--slider-white);cursor:pointer;transition:var(--slider-transition);border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.scroll-rounded-circle:hover:not(:disabled){background:var(--slider-accent-light);border-color:var(--slider-accent);color:var(--slider-accent);transform:scale(1.08);box-shadow:0 4px 16px #0000001f}.scroll-rounded-circle:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.slider-track{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;gap:18px;padding-bottom:6px;display:flex;overflow:hidden}.slider-track::-webkit-scrollbar{display:none}.slider-state{font-family:var(--font-body)}.slider-state-empty{background:var(--slider-surface);border-radius:var(--slider-radius);border:1.5px dashed var(--slider-border);color:var(--slider-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;font-size:15px;display:flex}.slider-state-empty:before{content:"○";opacity:.4;font-size:28px}.skeleton-card{border-radius:var(--slider-radius);background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;flex:0 0 280px;height:340px;animation:1.6s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}
.event-card{cursor:pointer;background:#fff;border:1.5px solid #eaeaea;border-radius:20px;flex-direction:column;flex-shrink:0;width:100%;max-width:315px;padding-bottom:5px;transition:transform .3s cubic-bezier(.165,.84,.44,1),box-shadow .3s cubic-bezier(.165,.84,.44,1);display:flex;overflow:hidden;box-shadow:0 4px 15px #00000008}.event-card:hover{border-color:#7f00ff4d;transform:translateY(-4px);box-shadow:0 12px 30px #7f00ff14}.event-card.horizontal-card{background:#fff;border:1px solid #eef2f6;border-radius:20px;flex-direction:row;align-items:center;gap:24px;max-width:100%;height:auto;padding:20px;transition:all .3s cubic-bezier(.165,.84,.44,1);box-shadow:0 1px 2px #0000000d}.event-card.horizontal-card:hover{border-color:#7f00ff;transform:translate(8px);box-shadow:0 10px 25px -5px #0000000d}.event-img-wrapper{border-radius:14px;margin:7px 7px 0;position:relative;overflow:hidden}.event-img{object-fit:cover;width:100%;height:200px;transition:transform .5s cubic-bezier(.165,.84,.44,1);display:block}.event-img-wrapper:hover .event-img{transform:scale(1.08)}.horizontal-card .event-img-wrapper{aspect-ratio:16/9;border-radius:14px;flex-shrink:0;width:240px;margin:0;position:relative;overflow:hidden}.horizontal-card .event-img{border-radius:14px;width:100%;height:100%;position:absolute;top:0;left:0}.card-body{flex-direction:column;flex:1;padding:16px 20px 14px;display:flex}.horizontal-card .card-body{flex-direction:column;flex:1;justify-content:center;padding:0;display:flex}.title-like-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-titel{font-family:var(--font-heading);color:#0f172a;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;flex:1;font-size:19px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.horizontal-card .card-titel{margin-bottom:0;font-size:20px;font-weight:800}.horizontal-actions{gap:10px;display:flex}.horizontal-actions .action-box{cursor:pointer;background:#f8fafc;border:1px solid #eef2f6;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;transition:all .2s;display:flex}.horizontal-actions .action-box:hover{background:#fff;box-shadow:0 4px 12px #0000000d}.horizontal-actions .action-box span{color:#64748b;font-size:13px;font-weight:700}.event-details{color:#64748b;font-size:13px;font-weight:500;font-family:var(--font-body)}.detail-row{align-items:center;gap:10px;margin-top:10px;display:flex}.horizontal-card .event-details{color:#0f172a;font-weight:700}.horizontal-card .detail-row{flex-wrap:wrap;gap:15px;margin-top:8px}.divider-dot{background:#cbd5e1;border-radius:50%;width:4px;height:4px;margin:0 5px}.mode-text{text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:4px;font-size:11px;display:flex}.mode-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.mode-text.online{color:#16a34a;font-weight:700}.mode-text.online .mode-dot{background:#22c55e}.mode-text.offline{color:#0f172a;font-weight:700}.mode-text.offline .mode-dot{background:#64748b}.mode-text.hybrid{color:#7f00ff;font-weight:700}.mode-text.hybrid .mode-dot{background:linear-gradient(135deg,#22c55e 50%,#ef4444 50%)}.footer-row{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;display:flex}.horizontal-card .footer-row{margin-top:16px;padding-top:20px}.badge-paid{text-transform:uppercase;border-radius:20px;align-items:center;padding:4px 15px;font-size:10px;font-weight:700;display:inline-flex}.badge-paid.paid{color:#7f00ff;background-color:#f3e8ff;border:1px solid #7f00ff1a}.badge-paid.free{color:#16a34a;background-color:#dcfce7;border:1px solid #16a34a1a}.badge-category{color:#7f00ff;text-transform:uppercase;white-space:nowrap;background-color:#f5f0ff;border:1px solid #7f00ff1a;border-radius:8px;padding:6px 14px;font-size:11px;font-weight:700}.badge-status{color:#64748b;text-transform:uppercase;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:6px 14px;font-size:11px;font-weight:700}.price-tag-horizontal{color:#5b5c5e;font-size:15px;font-weight:700}.save-on-image{cursor:pointer;z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .2s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 4px 12px #00000026}.save-on-image:hover{transform:scale(1.05)}.like-inline{cursor:pointer;color:#64748b;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.like-inline svg{width:16px;height:16px}.view-badge{color:#64748b;background:#f1f5f9;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}@media (max-width:640px){.event-card.horizontal-card{flex-direction:column;height:auto;padding:16px}.horizontal-card .event-img-wrapper{width:100%;height:220px;min-height:auto;position:relative}.horizontal-card .card-body{padding:20px 0 0}}
.see-all-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;opacity:0;pointer-events:none;background-color:#0006;justify-content:flex-end;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.see-all-overlay.active{opacity:1;pointer-events:all}.see-all-panel{background:#fff;flex-direction:column;width:100%;max-width:950px;height:100%;padding:0;transition:transform .5s cubic-bezier(.165,.84,.44,1);display:flex;transform:translate(100%);box-shadow:-20px 0 60px #0000001a}.see-all-overlay.active .see-all-panel{transform:translate(0)}.panel-header{z-index:10;background:#fff;border-bottom:2px solid #f8f8f8;padding:35px 50px;position:sticky;top:0}.header-top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.header-top h2{font-family:var(--font-heading);color:#1a1a1a;letter-spacing:-.5px;margin:0;font-size:36px;font-weight:700}.close-btn{cursor:pointer;color:#555;background:#f8f8f8;border:none;border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:all .3s;display:flex}.close-btn:hover{color:#fff;background-color:#7f00ff;transform:rotate(90deg)}.header-filters{align-items:center;gap:20px;display:flex}.seeall-search-box{flex:1;align-items:center;display:flex;position:relative}.seeall-search-box .search-icon{color:#7f00ff;font-size:20px;position:absolute;left:20px}.seeall-search-box input{width:100%;font-family:var(--font-body);color:#1a1a1a;box-sizing:border-box;background:#fafafa;border:1.5px solid #eaeaea;border-radius:999px;outline:none;padding:16px 20px 16px 55px;font-size:16px;transition:all .3s}.seeall-search-box input:focus{background:#fff;border-color:#7f00ff;box-shadow:0 0 0 3px #7f00ff1a}.panel-content{background-color:#fff;flex:1;padding:40px 50px;overflow-y:auto}.events-list{flex-direction:column;gap:24px;display:flex}.empty-state{color:#999;height:400px;font-family:var(--font-body);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state p{margin-top:20px;font-size:18px}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:0 0}.panel-content::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:10px}.panel-content::-webkit-scrollbar-thumb:hover{background:#7f00ff}@media (max-width:768px){.see-all-panel{max-width:100%}.panel-header{padding:25px 20px}.panel-content{padding:20px}.header-top h2{font-size:28px}.events-list{gap:20px}}
