*{box-sizing:border-box} :root{font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;font-size:14px;line-height:1.5}body{margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.wrap{max-width:1280px;margin:auto;padding:0 24px}.topline{background:var(--deep);color:#e8f8f5;font-size:11px;padding:7px 0}.topline .wrap{display:flex;justify-content:space-between}.masthead{background:var(--surface);border-bottom:1px solid var(--line)}.head{height:84px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:850;letter-spacing:-1.1px;white-space:nowrap}.brand strong{color:var(--accent)}.brand-mark{display:flex;align-items:end;gap:3px;height:26px}.brand-mark i{display:block;background:var(--accent);width:6px;border-radius:2px;height:24px}.brand-mark i:nth-child(2){height:16px;background:var(--text)}.brand-mark i:nth-child(3){height:30px}.tagline{font-size:11px;letter-spacing:0;color:var(--muted);font-weight:400}.search{margin-left:auto;display:flex;background:var(--bg);border:1px solid var(--line);border-radius:6px;max-width:310px;width:100%;overflow:hidden}.search input{width:100%;min-width:0;border:0;background:transparent;color:var(--text);padding:11px}.search button{background:none;border:0;color:var(--muted);padding:8px 14px}.menu-toggle{display:none}.navigation{background:var(--surface);border-bottom:1px solid var(--line)}.nav-inner{display:flex;gap:9px;align-items:center;overflow:auto}.navigation a{font-size:13px;font-weight:650;white-space:nowrap;padding:15px 19px;border-bottom:3px solid transparent}.navigation a:hover,.navigation a.active{background:var(--soft);border-color:var(--accent);color:var(--accent)}.page{padding-top:22px;padding-bottom:40px}.banner{position:relative;min-height:125px;background:var(--deep);border-radius:7px;overflow:hidden;display:flex;align-items:center;padding:25px 36px;gap:20px;color:white;margin-bottom:20px;border:1px solid var(--line)}.banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061c32f0 0%,#061c3270 65%,#061c3200),url('assets/stadium.png') center 60%/cover;opacity:.95}.banner>*{position:relative}.banner small{position:absolute;top:8px;left:12px;letter-spacing:1px;font-size:9px;background:#0005;padding:2px 5px;border-radius:3px}.banner h2{font-size:27px;margin:0 0 3px;letter-spacing:-.7px}.banner p{margin:0;color:#d8e6ed;font-size:13px}.banner .btn{margin-left:auto;flex-shrink:0}.banner.mini{min-height:72px;padding:16px 25px;margin:18px 0}.banner.mini h2{font-size:18px}.banner.mini p{display:none}.banner.mini small{font-size:8px;top:3px}.intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0}.intro h1{font-size:20px;letter-spacing:-.4px;margin:0}.intro p{margin:4px 0 0;color:var(--muted);font-size:12px}.stats{display:flex;gap:22px;text-align:center}.stats b{display:block;font-size:19px}.stats small{color:var(--muted);font-size:10px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px}.maincol{min-width:0}.section{border:1px solid var(--line);border-radius:7px;background:var(--surface);overflow:hidden;margin-bottom:19px}.section-head{background:var(--bar);color:var(--bartext);padding:13px 17px;display:flex;align-items:center;gap:12px}.section-head h2{font-size:15px;line-height:1.25;margin:0}.section-head p{font-size:10px;opacity:.8;margin:3px 0 0}.section-head .emoji{font-size:23px;display:inline-block}.section-head:hover .emoji{animation:bob .5s ease}.collapse{margin-left:auto;color:inherit;border:0;background:transparent;font-size:17px;width:32px;height:32px}.section.collapsed .section-body{display:none}.columns,.forum-row{display:grid;grid-template-columns:minmax(0,1fr) 65px 165px;align-items:center;gap:12px}.columns{font-size:10px;color:var(--muted);background:var(--soft);padding:7px 18px}.forum-row{padding:15px 18px;border-top:1px solid var(--line);transition:background .15s;min-height:82px}.forum-row:hover{background:var(--soft)}.row-name{display:flex;align-items:center;gap:13px;min-width:0}.row-icon{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--line);background:var(--soft);border-radius:7px;color:var(--accent);font-size:19px}.row-name b{display:block;font-size:13px;color:var(--link)}.row-name p{font-size:11px;color:var(--muted);margin:3px 0 0}.count{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.last{display:flex;align-items:center;gap:8px;font-size:11px}.last small{display:block;color:var(--muted);font-size:10px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--avatar);color:var(--avatartext);font-weight:650}.sidebar .panel{border:1px solid var(--line);background:var(--surface);border-radius:7px;margin-bottom:20px;overflow:hidden}.panel-title{font-size:13px;margin:0;padding:15px;border-bottom:1px solid var(--line)}.activity{display:flex;gap:9px;padding:13px;border-bottom:1px solid var(--line);font-size:11px}.activity:last-child{border:0}.activity p{margin:3px 0;color:var(--muted);line-height:1.5}.activity small{font-size:10px;color:var(--muted)}.side-note{padding:19px;background:var(--soft);border:1px solid var(--line);border-radius:7px}.side-note h3{font-size:14px;margin:5px 0}.side-note p{font-size:12px;color:var(--muted)}.side-note .bigicon{font-size:28px}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:11px;margin:4px 0 18px}.breadcrumb a{color:var(--link)}.page-title{display:flex;align-items:center;gap:13px;margin:12px 0 18px}.page-title h1{font-size:27px;margin:0;letter-spacing:-.7px}.badge{font-size:10px;padding:4px 8px;border-radius:4px;background:var(--soft);color:var(--accent);white-space:nowrap}.thread-info{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:15px;gap:10px}.post{display:grid;grid-template-columns:125px minmax(0,1fr);border:1px solid var(--line);background:var(--surface);border-radius:7px;overflow:hidden;margin:14px 0}.author{background:var(--soft);border-right:1px solid var(--line);padding:23px 10px;text-align:center}.author .avatar{margin:0 auto 10px;width:44px;height:44px;font-size:19px}.author b{font-size:12px;display:block;overflow-wrap:anywhere}.author small{font-size:10px;color:var(--muted)}.post-content{padding:20px 24px;min-width:0;overflow-wrap:anywhere}.post-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;gap:10px}.post h2{font-size:19px;margin:18px 0 9px}.post h3{font-size:14px;margin-top:23px}.post p{font-size:13px;line-height:1.8}.post ul{padding-left:19px;font-size:12px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line);background:var(--line);border-radius:5px;overflow:hidden}.detail-grid div{background:var(--surface);padding:13px;font-size:12px}.detail-grid small{display:block;color:var(--muted);margin-bottom:4px;font-size:10px}.reply{border:0;background:none;color:var(--accent);font-size:11px;padding:5px 0;display:block;margin-left:auto}.comment .post-content{display:flex;flex-direction:column;min-height:135px}.comment .reply{margin-top:auto}.replyform{background:var(--surface);border:1px solid var(--line);padding:23px;border-radius:7px;margin-top:22px}.replyform h2{font-size:18px;margin:0}.helper{color:var(--muted);font-size:11px;margin:6px 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:15px;font-size:12px}.field input,.field textarea,.field select{width:100%;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:11px 12px;min-width:0}.field textarea{resize:vertical;min-height:116px}.captcha-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.captcha-line canvas{border:1px solid var(--line);border-radius:4px;max-width:160px}.captcha-line input{max-width:180px}.captcha-refresh{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:5px;padding:8px 11px;font-size:20px}.btn{background:var(--accent);color:var(--buttontext);border:1px solid transparent;border-radius:5px;display:inline-flex;justify-content:center;align-items:center;gap:6px;padding:11px 18px;font-weight:700;font-size:12px}.btn:hover{filter:brightness(.95)}.btn.secondary{background:var(--soft);border-color:var(--line);color:var(--text)}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}.form-status{font-size:12px;padding:0;color:var(--accent)}.form-status.error{color:var(--error)}.reply-target{display:flex;justify-content:space-between;align-items:center;background:var(--soft);padding:10px;margin-bottom:15px;font-size:12px}.reply-target button{border:0;background:none;color:var(--accent)}.empty{padding:40px;text-align:center;color:var(--muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:25px 0 5px;gap:12px}.toolbar h2{font-size:17px;margin:0}.toolbar select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:7px;font-size:12px}.footer{border-top:1px solid var(--line);background:var(--surface);padding:25px 0;color:var(--muted);font-size:11px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{margin-right:15px}.footer b{color:var(--text)}.notice{background:var(--soft);border-left:3px solid var(--accent);padding:12px 16px;font-size:12px;color:var(--muted);margin:18px 0}.coupon-card{border:1px solid var(--line);background:var(--soft);padding:14px;border-radius:5px}.coupon-card .picks{display:grid;grid-template-columns:1fr auto auto;gap:15px;font-size:12px}.coupon-card small{color:var(--muted)}.firm-cover{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:20px;margin-bottom:22px}.firm-monogram{width:65px;height:65px;background:var(--soft);color:var(--accent);border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;font-size:27px;font-weight:800}.firm-cover h1{margin:0;font-size:26px}.firm-cover p{margin:4px 0;color:var(--muted);font-size:12px}.pagination{display:flex;justify-content:center;gap:6px;margin:18px 0}.pagination button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:4px;min-width:33px;height:33px}.pagination button.active{background:var(--accent);color:var(--buttontext)}.skip{position:absolute;top:-80px;left:10px;padding:10px;background:var(--surface);z-index:9}.skip:focus{top:10px}dialog{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;max-width:500px;width:calc(100% - 32px);padding:25px}dialog::backdrop{background:#0008}dialog h2{margin-top:0}.dialog-close{float:right;border:0;background:none;font-size:22px;color:var(--text)}@keyframes bob{50%{transform:translateY(-3px) rotate(-8deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:1000px){body[data-theme=gece-yesili] .layout,body[data-theme=mavi-cizgi] .layout{grid-template-columns:minmax(0,1fr)}body[data-theme=gece-yesili] .sidebar,body[data-theme=mavi-cizgi] .sidebar{display:none}body[data-theme=mavi-cizgi] .navigation{background:var(--bar);color:white}body[data-theme=mavi-cizgi] .navigation a.active,body[data-theme=mavi-cizgi] .navigation a:hover{color:white;background:#ffffff18;border-color:white}}@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.intro h1{font-size:18px}.navigation a{padding:13px 16px}}@media(max-width:640px){.wrap{padding:0 13px}.topline{font-size:9px}.topline .wrap span:first-child{max-width:70%}.head{height:70px;gap:10px;flex-wrap:wrap;position:relative}.brand{font-size:21px}.tagline{font-size:9px}.brand-mark{transform:scale(.85)}.search{width:38px;margin-left:auto;border:0;background:none;overflow:visible}.search input{display:none}.search.open{position:absolute;top:70px;left:0;right:0;width:100%;max-width:none;background:var(--surface);z-index:5;border:1px solid var(--line)}.search.open input{display:block}.search button{padding:7px}.menu-toggle{display:block;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:4px;width:34px;height:34px}.navigation a{padding:11px 10px;font-size:11px}.navigation.expanded .nav-inner{flex-wrap:wrap}.page{padding-top:13px}.banner{min-height:103px;padding:21px 17px;gap:10px;margin-bottom:15px}.banner h2{font-size:20px}.banner p{font-size:10px;max-width:190px}.banner .btn{padding:9px 12px;font-size:10px}.banner.mini{min-height:60px;padding:17px}.intro{margin:15px 0;display:block}.intro h1{font-size:16px}.intro p{font-size:10px}.stats{margin-top:13px;justify-content:space-between;background:var(--soft);padding:9px 15px;border:1px solid var(--line);border-radius:5px;gap:12px}.stats b{font-size:16px}.stats small{font-size:9px}.section{margin-bottom:14px}.section-head{padding:10px 12px;gap:10px}.section-head h2{font-size:13px}.section-head p{font-size:9px}.section-head .emoji{font-size:20px}.columns{display:none}.forum-row{grid-template-columns:minmax(0,1fr) 48px;gap:6px;padding:12px;min-height:74px;position:relative}.row-name{gap:9px}.row-name b{font-size:12px}.row-name p{font-size:10px}.row-icon{width:28px;height:28px;font-size:16px}.last{grid-column:2;position:absolute;right:12px;bottom:10px;font-size:9px}.last .avatar,.last b{display:none}.last small{font-size:8px}.count{font-size:10px;align-self:start;padding-top:5px;text-align:right}.post{grid-template-columns:1fr}.author{border-right:0;border-bottom:1px solid var(--line);padding:9px 13px;display:flex;align-items:center;gap:8px;text-align:left}.author .avatar{margin:0;width:28px;height:28px;font-size:13px}.author small{margin-left:auto}.post-content{padding:15px}.post h2{font-size:17px}.post p{font-size:12px}.page-title h1{font-size:22px}.page-title{gap:8px}.breadcrumb{font-size:10px;margin-bottom:12px}.thread-info{font-size:10px}.replyform{padding:16px}.form-grid{grid-template-columns:1fr;gap:0}.form-bottom{align-items:stretch;flex-direction:column}.form-bottom .btn{width:100%}.captcha-line{gap:7px}.captcha-line input{flex:1;min-width:100px}.captcha-line canvas{width:130px;height:42px}.detail-grid div{padding:10px;font-size:11px}.footer .wrap{display:block}.footer nav{margin:12px 0}.firm-cover{padding:18px;gap:12px}.firm-cover h1{font-size:23px}.coupon-card .picks{grid-template-columns:1fr auto;gap:8px}.coupon-card .picks b:first-child{grid-column:1/-1}.toolbar h2{font-size:15px}.toolbar select{max-width:145px}}

.emoji img{display:block;width:28px;height:28px}.badge:before{content:'•';margin-right:5px}body[data-theme=gece-yesili] .banner:before{filter:hue-rotate(320deg)}

/* --- Advanced Coupon Card & Result Badges --- */
.coupon-card {
    border: 1px solid var(--line);
    background: var(--surface);
    border-radius: 8px;
    padding: 16px 20px;
    margin: 16px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: all 0.2s ease;
}
.coupon-card.coupon-result-won {
    border: 1px solid rgba(16, 185, 129, 0.4);
    background: linear-gradient(180deg, rgba(16, 185, 129, 0.05) 0%, var(--surface) 100%);
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.12);
}
.coupon-card.coupon-result-lost {
    border: 1px solid rgba(239, 68, 68, 0.25);
    background: linear-gradient(180deg, rgba(239, 68, 68, 0.03) 0%, var(--surface) 100%);
}
.coupon-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 12px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}
.coupon-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.coupon-type-badge {
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.5px;
    padding: 3px 8px;
    border-radius: 4px;
    text-transform: uppercase;
}
.coupon-title {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    color: var(--text);
}
.coupon-status-badge span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 20px;
    letter-spacing: 0.3px;
}
.status-won {
    background: #10b981;
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.35);
}
.status-lost {
    background: #ef4444;
    color: #ffffff;
}
.status-pending {
    background: var(--soft);
    color: var(--muted);
    border: 1px solid var(--line);
}
.coupon-matches {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-bottom: 14px;
}
.coupon-match-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--soft);
    border: 1px solid var(--line);
    border-radius: 6px;
    padding: 10px 14px;
    gap: 12px;
    transition: background 0.15s;
}
.coupon-match-row.match-status-won {
    border-color: rgba(16, 185, 129, 0.35);
    background: rgba(16, 185, 129, 0.04);
}
.coupon-match-row.match-status-lost {
    border-color: rgba(239, 68, 68, 0.25);
    background: rgba(239, 68, 68, 0.03);
}
.match-info {
    min-width: 0;
    flex: 1;
}
.match-meta {
    font-size: 10px;
    color: var(--muted);
    margin-bottom: 3px;
    display: flex;
    gap: 8px;
}
.match-league {
    font-weight: 600;
    color: var(--accent);
}
.match-teams {
    font-size: 13px;
    color: var(--text);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.match-score-badge {
    font-size: 11px;
    font-weight: 700;
    background: var(--bg);
    border: 1px solid var(--line);
    padding: 1px 7px;
    border-radius: 4px;
    color: var(--text);
}
.match-pick {
    display: flex;
    align-items: center;
    gap: 8px;
    text-align: right;
    flex-shrink: 0;
}
.pick-label {
    font-size: 11px;
    background: var(--bg);
    border: 1px solid var(--line);
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
    color: var(--text);
}
.pick-odds {
    font-size: 13px;
    font-weight: 750;
    color: var(--accent);
    min-width: 38px;
}
.match-check {
    display: inline-grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 800;
}
.won-check {
    background: #10b981;
    color: #fff;
}
.lost-check {
    background: #ef4444;
    color: #fff;
}
.coupon-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--soft);
    border-radius: 6px;
    padding: 10px 16px;
    font-size: 12px;
    border: 1px solid var(--line);
    flex-wrap: wrap;
    gap: 12px;
}
.summary-stat {
    display: flex;
    align-items: center;
    gap: 6px;
}
.stat-label {
    color: var(--muted);
}
.stat-value {
    font-weight: 700;
    color: var(--text);
}
.total-odds-highlight {
    font-size: 15px;
    color: #10b981;
    font-weight: 850;
}
.text-accent {
    color: var(--accent);
}
.coupon-note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 10px;
    font-size: 11px;
    color: var(--muted);
    line-height: 1.5;
    background: var(--surface);
    padding: 8px 12px;
    border-radius: 4px;
    border-left: 2px solid var(--accent);
}
.coupon-note svg {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--accent);
}

/* Tipster Showcase / Leaderboard */
.tipster-showcase-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
    margin-bottom: 22px;
}
.tipster-mini-card {
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 7px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.tipster-mini-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--soft);
    color: var(--accent);
    display: grid;
    place-items: center;
    font-weight: 700;
    font-size: 15px;
    flex-shrink: 0;
    border: 1px solid var(--line);
}
.tipster-mini-info {
    min-width: 0;
    flex: 1;
}
.tipster-mini-name {
    font-size: 12px;
    font-weight: 700;
    color: var(--text);
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tipster-mini-rate {
    font-size: 11px;
    color: #10b981;
    font-weight: 700;
}

/* ==========================================================================
   DYNAMIC MODERN EFFECTS & INTERACTIVE COMPONENTS
   ========================================================================== */

/* --- Keyframe Animations --- */
@keyframes railMarquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes shineSweep {
    0%, 65% {
        transform: translateX(-150%) rotate(25deg);
        opacity: 0;
    }
    70% {
        opacity: 0.7;
    }
    100% {
        transform: translateX(250%) rotate(25deg);
        opacity: 0;
    }
}

@keyframes pulseLive {
    0% {
        transform: scale(0.7);
        opacity: 1;
    }
    50% {
        transform: scale(1.6);
        opacity: 0.3;
    }
    100% {
        transform: scale(2.2);
        opacity: 0;
    }
}

@keyframes gentleGlow {
    0%, 100% {
        box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.15);
    }
    50% {
        box-shadow: 0 0 20px rgba(var(--accent-rgb), 0.35);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --- Brand Marquee Rail --- */
.brand-rail-wrapper {
    position: relative;
    margin-bottom: 22px;
    border-radius: 9px;
    border: 1px solid var(--line);
    background: var(--rail-bg, var(--surface));
    padding: 12px 0;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 3%, #000 97%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 3%, #000 97%, transparent 100%);
}

.rail-track {
    display: flex;
    width: max-content;
    gap: 12px;
    animation: railMarquee 32s linear infinite;
    will-change: transform;
}

.rail-track:hover {
    animation-play-state: paused;
}

.rail-group {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-shrink: 0;
}

.rail-card {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 7px 14px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 7px;
    color: var(--text);
    text-decoration: none;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    flex-shrink: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.rail-card:hover {
    transform: translateY(-2px) scale(1.02);
    border-color: var(--accent);
    box-shadow: 0 6px 16px -2px rgba(var(--accent-rgb), 0.25);
    background: var(--soft);
}

.rail-card-logo {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    display: grid;
    place-items: center;
    background: var(--soft);
    font-weight: 800;
    font-size: 12px;
    color: var(--accent);
    flex-shrink: 0;
    overflow: hidden;
    border: 1px solid var(--line);
}

.rail-card-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.rail-card-name {
    font-size: 13px;
    font-weight: 750;
    color: var(--text);
    white-space: nowrap;
}

.rail-card-badge {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 12px;
    background: var(--soft);
    color: var(--accent);
    white-space: nowrap;
    border: 1px solid var(--line);
}

.rail-card-cta {
    font-size: 11px;
    font-weight: 750;
    color: var(--accent);
    display: flex;
    align-items: center;
    gap: 2px;
    padding-left: 2px;
}

/* --- Live Activity Ticker --- */
.live-ticker {
    display: flex;
    align-items: center;
    gap: 14px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 9px 16px;
    margin-bottom: 20px;
    font-size: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.02);
    overflow: hidden;
}

.live-ticker-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 800;
    font-size: 11px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: var(--accent);
    background: var(--soft);
    padding: 4px 10px;
    border-radius: 20px;
    flex-shrink: 0;
    border: 1px solid var(--line);
}

.live-pulse {
    position: relative;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #10b981;
    display: inline-block;
    flex-shrink: 0;
}

.live-pulse::after {
    content: '';
    position: absolute;
    inset: -3px;
    border-radius: 50%;
    border: 2px solid #10b981;
    animation: pulseLive 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}

.live-ticker-content {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    position: relative;
    height: 20px;
}

.live-ticker-items {
    display: flex;
    flex-direction: column;
    animation: tickerCycle 15s ease-in-out infinite;
}

.live-ticker-item {
    height: 20px;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--muted);
}

.live-ticker-item b {
    color: var(--text);
}

.live-ticker-item a {
    color: var(--link);
    text-decoration: none;
    font-weight: 600;
}

.live-ticker-item a:hover {
    color: var(--accent);
}

@keyframes tickerCycle {
    0%, 28% { transform: translateY(0); }
    33%, 61% { transform: translateY(-20px); }
    66%, 95% { transform: translateY(-40px); }
    100% { transform: translateY(0); }
}

/* --- Interactive Row & Card Elevation --- */
.forum-row, .coupon-card, .tipster-mini-card, .post {
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), 
                box-shadow 0.22s cubic-bezier(0.16, 1, 0.3, 1), 
                border-color 0.22s cubic-bezier(0.16, 1, 0.3, 1), 
                background-color 0.18s ease;
    will-change: transform, box-shadow;
}

.forum-row:hover {
    background-color: var(--soft) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px -4px rgba(var(--accent-rgb, 38, 98, 213), 0.16);
    border-color: rgba(var(--accent-rgb, 38, 98, 213), 0.35);
    z-index: 2;
    position: relative;
}

.forum-row:hover .row-name b {
    color: var(--accent);
    transition: color 0.18s ease;
}

.forum-row:hover .row-icon {
    transform: scale(1.08) rotate(3deg);
    border-color: var(--accent);
    color: var(--accent);
    box-shadow: 0 2px 8px rgba(var(--accent-rgb, 38, 98, 213), 0.2);
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Featured / Pinned Rows with Aura Glow */
.forum-row.is-featured, 
.forum-row.is-pinned {
    border-left: 3.5px solid var(--accent);
    background: linear-gradient(90deg, rgba(var(--accent-rgb, 38, 98, 213), 0.06) 0%, transparent 45%);
}

.forum-row.is-featured .row-name b::after {
    content: 'ÖNE ÇIKAN';
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.4px;
    color: var(--accent);
    background: var(--soft);
    border: 1px solid rgba(var(--accent-rgb, 38, 98, 213), 0.35);
    padding: 1px 6px;
    border-radius: 3px;
    margin-left: 7px;
    vertical-align: middle;
}

/* --- Score Pill / Rating Badges --- */
.score-pill {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 11px;
    font-weight: 800;
    padding: 2px 7px;
    border-radius: 4px;
    background: linear-gradient(135deg, rgba(var(--gold-rgb, 245, 158, 11), 0.16), rgba(var(--gold-rgb, 245, 158, 11), 0.05));
    border: 1px solid rgba(var(--gold-rgb, 245, 158, 11), 0.35);
    color: var(--gold, #f59e0b);
    vertical-align: middle;
    margin-left: 6px;
    letter-spacing: 0.2px;
}

/* --- Light Sweep / Shine Wave Effect on Buttons --- */
.btn {
    position: relative;
    overflow: hidden;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn:hover {
    transform: translateY(-1.5px);
    box-shadow: 0 4px 14px rgba(var(--accent-rgb, 38, 98, 213), 0.32);
}

.btn:active {
    transform: translateY(0);
}

.btn::after, .shine-fx::after {
    content: '';
    position: absolute;
    top: -60%;
    left: -60%;
    width: 45%;
    height: 220%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transform: rotate(25deg);
    animation: shineSweep 4.8s ease-in-out infinite;
    pointer-events: none;
}

/* Banner Glow Polish */
.banner {
    box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.25);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.banner:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px -6px rgba(0, 0, 0, 0.35);
}

/* Enhanced Section Headings */
.section-head {
    position: relative;
    overflow: hidden;
}

.section-head::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
}

/* --- Entrance Fade Stagger --- */
.section {
    animation: fadeInUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) backwards;
}
.section:nth-of-type(1) { animation-delay: 0.05s; }
.section:nth-of-type(2) { animation-delay: 0.1s; }
.section:nth-of-type(3) { animation-delay: 0.15s; }

/* Responsive adjustments for new effects */
@media (max-width: 640px) {
    .brand-rail-wrapper {
        margin-bottom: 15px;
        padding: 9px 0;
    }
    .rail-card {
        padding: 6px 11px;
        gap: 8px;
    }
    .rail-card-name {
        font-size: 12px;
    }
    .rail-card-badge {
        font-size: 9px;
        padding: 1px 5px;
    }
    .live-ticker {
        padding: 7px 12px;
        gap: 8px;
        margin-bottom: 14px;
        font-size: 11px;
    }
    .live-ticker-badge {
        font-size: 10px;
        padding: 3px 8px;
    }
    .forum-row.is-featured .row-name b::after {
        display: none;
    }
}

/* ==========================================================================
   VIP NEON ORBIT COMPARISON TABLE (guncelgirislinki.com Effect System)
   ========================================================================== */

@keyframes rim-spin {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes haze-shift {
    from { transform: translate3d(-4%, -3%, 0) scale(1); opacity: 0.65; }
    to { transform: translate3d(4%, 3%, 0) scale(1.1); opacity: 1; }
}

@keyframes cta-gloss {
    0% { transform: translateX(-140%) skewX(-18deg); }
    45%, 100% { transform: translateX(220%) skewX(-18deg); }
}

@keyframes aura-breathe {
    0%, 100% {
        box-shadow: 0 0 0 0 transparent, 0 8px 30px var(--shadow, rgba(0,0,0,0.4));
    }
    50% {
        box-shadow: 0 0 28px 4px var(--vip-glow, rgba(var(--accent-rgb), 0.55)), 0 12px 38px var(--shadow, rgba(0,0,0,0.5));
    }
}

.vip-table-section {
    margin-bottom: 26px;
}

.vip-table-head-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    gap: 12px;
    flex-wrap: wrap;
}

.vip-table-head-bar h2 {
    font-size: 16px;
    font-weight: 850;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: -0.3px;
    color: var(--text);
}

.vip-table-head-bar .verified-tag {
    font-size: 11px;
    font-weight: 700;
    color: #10b981;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(16, 185, 129, 0.1);
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid rgba(16, 185, 129, 0.25);
}

/* The Table Frame with Rotating Neon Rim */
.table {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 11px;
    border-radius: 18px;
    background: var(--edge-base, #0b1d19);
    box-shadow: 0 8px 30px var(--shadow, rgba(0,0,0,0.4));
    animation: aura-breathe 2.4s ease-in-out infinite;
}

.table:before {
    content: '';
    pointer-events: none;
    position: absolute;
    z-index: -2;
    left: 50%;
    top: 50%;
    width: 280%;
    aspect-ratio: 1;
    background: conic-gradient(
        from 0deg, 
        transparent 0deg, 
        var(--edge-light, var(--accent)) 40deg, 
        transparent 78deg, 
        transparent 160deg, 
        var(--edge-other, var(--gold)) 210deg, 
        transparent 255deg, 
        var(--edge-light, var(--accent)) 310deg, 
        transparent 345deg
    );
    animation: rim-spin 5.5s linear infinite;
}

.table:after {
    content: '';
    pointer-events: none;
    position: absolute;
    inset: 2.5px;
    z-index: -1;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255,255,255,0.05), transparent 25%), var(--table-bg, #06140f);
}

.table-aura {
    position: absolute;
    pointer-events: none;
    inset: 3px;
    overflow: hidden;
    border-radius: 15px;
    z-index: 0;
}

.table-aura:before {
    content: '';
    position: absolute;
    inset: -25%;
    background: radial-gradient(ellipse at 20% 30%, var(--aura1, rgba(114, 217, 176, 0.35)), transparent 58%),
                radial-gradient(ellipse at 75% 70%, var(--aura2, rgba(255, 216, 102, 0.22)), transparent 56%);
    animation: haze-shift 7.5s ease-in-out infinite alternate;
}

.table-head, .vip-firm-row {
    position: relative;
    z-index: 1;
}

.table-head {
    display: grid;
    grid-template-columns: 36px 1.4fr 1.3fr 78px 155px;
    align-items: center;
    gap: 12px;
    padding: 9px 18px 8px;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.55);
}

/* Firm Rows */
.vip-firm-row {
    display: grid;
    grid-template-columns: 36px 1.4fr 1.3fr 78px 155px;
    align-items: center;
    gap: 12px;
    padding: 12px 18px;
    margin-bottom: 8px;
    background: var(--panel, rgba(16, 40, 32, 0.88));
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #fff;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

.table .vip-firm-row:last-child {
    margin-bottom: 0;
}

.vip-firm-row:hover {
    transform: translateY(-2.5px) scale(1.006);
    border-color: var(--edge-light, var(--accent));
    box-shadow: 0 8px 24px -2px var(--vip-glow, rgba(var(--accent-rgb), 0.45));
}

/* Featured Rank 1 Row */
.vip-firm-row.featured {
    background: linear-gradient(110deg, var(--featured-bg, rgba(255, 216, 102, 0.1)), var(--panel, rgba(16, 40, 32, 0.88)));
    border-color: var(--featured-line, var(--gold, #ffd866));
    box-shadow: 0 0 0 1px var(--featured-line, var(--gold, #ffd866)), 0 0 20px var(--vip-glow, rgba(255, 216, 102, 0.4)), 0 8px 22px rgba(0,0,0,0.3);
}

.vip-rank {
    font-size: 15px;
    font-weight: 850;
    color: rgba(255, 255, 255, 0.55);
    font-variant-numeric: tabular-nums;
}

.vip-firm-row.featured .vip-rank {
    color: var(--gold, #ffd866);
}

/* Identity / Brand */
.vip-identity {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.vip-brand-box {
    width: 60px;
    height: 44px;
    border-radius: 8px;
    background: #08111e;
    border: 1px solid rgba(255, 255, 255, 0.12);
    display: grid;
    place-items: center;
    flex-shrink: 0;
    overflow: hidden;
    padding: 4px;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
}

.vip-brand-box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.vip-brand-info {
    min-width: 0;
}

.vip-brand-info strong {
    display: block;
    font-size: 15px;
    font-weight: 800;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vip-badge {
    display: inline-block;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    padding: 1px 7px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.12);
    color: var(--edge-light, var(--accent));
    margin-top: 2px;
}

.vip-firm-row.featured .vip-badge {
    background: rgba(255, 216, 102, 0.18);
    color: var(--gold, #ffd866);
    border: 1px solid rgba(255, 216, 102, 0.35);
}

/* Offer / Bonus */
.vip-offer {
    min-width: 0;
}

.vip-offer-bonus {
    display: block;
    font-size: 13px;
    font-weight: 800;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vip-offer small {
    display: block;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.55);
    margin-top: 1px;
}

/* Score */
.vip-score {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04));
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 5px 9px;
    font-size: 13px;
    font-weight: 850;
    color: var(--gold, #ffd866);
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* Action / Buttons */
.vip-action {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: stretch;
}

.vip-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 8px;
    background: linear-gradient(110deg, var(--edge-light, var(--accent)), var(--edge-other, #2563eb));
    color: #fff !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.vip-btn:hover {
    transform: translateY(-1.5px);
    box-shadow: 0 6px 18px var(--vip-glow, rgba(var(--accent-rgb), 0.5));
}

.vip-btn:after {
    content: '';
    position: absolute;
    inset: 0 auto 0 -40%;
    width: 45%;
    background: linear-gradient(110deg, transparent, var(--cta-shimmer, rgba(255,255,255,0.45)), transparent);
    animation: cta-gloss 3.2s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}

.vip-firm-row.featured .vip-btn {
    background: linear-gradient(110deg, var(--gold, #ffd866), var(--edge-other, #f59e0b));
    color: #1a1400 !important;
    box-shadow: 0 4px 16px rgba(245, 158, 11, 0.45);
    animation: aura-breathe 2s ease-in-out infinite;
}

.vip-detail-link {
    text-align: center;
    font-size: 10px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
}

.vip-detail-link:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* Mobile Responsive for VIP Table */
@media (max-width: 768px) {
    .table {
        padding: 6px;
        border-radius: 14px;
        animation: none;
    }
    .table:before {
        animation-duration: 10s;
    }
    .table-head {
        display: none;
    }
    .vip-firm-row {
        grid-template-columns: minmax(0, 1fr) 105px;
        gap: 10px;
        padding: 10px 12px;
        margin-bottom: 7px;
        border-radius: 10px;
    }
    .vip-rank, .vip-offer {
        display: none;
    }
    .vip-brand-box {
        width: 52px;
        height: 38px;
    }
    .vip-brand-info strong {
        font-size: 14px;
    }
    .vip-btn {
        min-height: 34px;
        font-size: 11px;
        padding: 0 10px;
    }
    .vip-score {
        display: none;
    }
}

/* Mobile Forum Row: Hide topic description under title */
@media (max-width: 640px) {
    .forum-row .row-name p {
        display: none !important;
    }
}

/* Footer Stats Bar (Moved above footer) */
.footer-stats-bar {
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 16px 24px;
    margin: 28px 0 10px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}
.footer-stats-inner {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.footer-stat-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 8px 16px;
}
.footer-stat-icon {
    font-size: 24px;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    background: var(--soft);
    border: 1px solid var(--line);
    border-radius: 10px;
}
.footer-stat-text b {
    display: block;
    font-size: 18px;
    font-weight: 800;
    color: var(--accent);
    line-height: 1.2;
}
.footer-stat-text small {
    display: block;
    font-size: 11px;
    color: var(--muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 2px;
}
@media (max-width: 640px) {
    .footer-stats-bar {
        padding: 12px 14px;
        margin: 20px 0 8px;
    }
    .footer-stats-inner {
        justify-content: space-between;
        gap: 8px;
    }
    .footer-stat-item {
        padding: 4px 6px;
        gap: 8px;
    }
    .footer-stat-icon {
        width: 34px;
        height: 34px;
        font-size: 18px;
        border-radius: 8px;
    }
    .footer-stat-text b {
        font-size: 14px;
    }
    .footer-stat-text small {
        font-size: 9px;
    }
}

/* CasinoPuanla 3D Icon Set Styles */
.cp-icon {
    display: inline-block;
    object-fit: contain;
    vertical-align: middle;
    flex-shrink: 0;
    background: transparent;
    border: 0;
    transition: transform 0.2s ease;
}
.cp-icon--category {
    width: 40px;
    height: 40px;
}
.cp-icon--row {
    width: 36px;
    height: 36px;
}
.cp-icon--nav {
    width: 20px;
    height: 20px;
    margin-right: 6px;
    vertical-align: -3px;
}
a:hover .cp-icon {
    transform: translateY(-2px);
}
body[data-theme="mavi-cizgi"] .row-icon {
    background: transparent;
    border: none;
    width: 38px;
    height: 38px;
    box-shadow: none;
}
body[data-theme="mavi-cizgi"] .section-head .emoji {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 640px) {
    .cp-icon--row {
        width: 32px;
        height: 32px;
    }
    .cp-icon--category {
        width: 32px;
        height: 32px;
    }
    .cp-icon--nav {
        width: 17px;
        height: 17px;
        margin-right: 4px;
        vertical-align: -2px;
    }
    body[data-theme="mavi-cizgi"] .row-icon {
        width: 32px;
        height: 32px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .cp-icon {
        transition: none;
    }
    a:hover .cp-icon {
        transform: none;
    }
}

/* Comment & View Count Badges */
.columns, .forum-row {
    grid-template-columns: minmax(0, 1fr) 76px 165px;
}
.columns span:nth-child(2) {
    text-align: center;
}
.count {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.count-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 3px 8px;
    border-radius: 14px;
    background: var(--soft);
    border: 1px solid var(--line);
    color: var(--text);
    font-size: 11px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1.4;
    transition: all 0.2s ease;
    white-space: nowrap;
    text-decoration: none;
}
.count-badge .count-icon {
    width: 12px;
    height: 12px;
    color: var(--accent);
    flex-shrink: 0;
    transition: color 0.2s ease;
}
.count-badge.is-zero {
    color: var(--muted);
    opacity: 0.85;
    background: var(--soft);
    border-color: var(--line);
}
.count-badge.is-zero .count-icon {
    color: var(--muted);
    opacity: 0.7;
}
.count-badge.is-positive {
    background: rgba(var(--accent-rgb, 38, 98, 213), 0.09);
    border-color: rgba(var(--accent-rgb, 38, 98, 213), 0.28);
    color: var(--accent);
}
.forum-row:hover .count-badge {
    background: var(--accent);
    color: #ffffff;
    border-color: var(--accent);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
}
.forum-row:hover .count-badge .count-icon {
    color: #ffffff;
    opacity: 1;
}
@media (max-width: 640px) {
    .forum-row {
        grid-template-columns: minmax(0, 1fr) 62px !important;
    }
    .count {
        align-self: flex-start;
        padding-top: 5px;
        justify-content: flex-end;
    }
    .count-badge {
        padding: 2px 6px;
        font-size: 10px;
        gap: 3px;
    }
    .count-badge .count-icon {
        width: 10px;
        height: 10px;
    }
}