/* Betting sites ranking table (inc-ranking.php) — calm layout v2.14.8 */
.ex-ranking-page{padding:24px 0 64px;background:var(--paper)}
.ex-rk-container{max-width:1180px!important;width:calc(100% - 48px);margin-inline:auto}
@media(max-width:600px){.ex-rk-container{width:calc(100% - 24px)}}
.ex-rk{margin:6px 0 32px}

/* header */
.ex-rk-head{margin-bottom:22px}
.ex-rk-title{display:flex;align-items:center;gap:12px}
.ex-rk-rocket{font-size:34px;line-height:1}
.ex-rk-title h1,.ex-rk-title h2{margin:0 0 2px!important;font-size:clamp(20px,1vw + 15px,26px)!important;line-height:1.5!important;font-weight:900;color:#0a1a33}
.ex-rk-title h1 span,.ex-rk-title h2 span{color:var(--accent)}
.ex-rk-title p{margin:0;font-size:14px;color:#647891;line-height:1.8}
.ex-rk-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:14px 0 0;padding:0}
.ex-rk-chips li{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#fff;border:1px solid #e3ebf5;font-size:12.5px;font-weight:700;color:#3b5672}
.ex-rk-chips .icon{width:15px;height:15px;color:#22a06b}
.ex-rk-chips li.is-top{background:#fff8e6;border-color:#f6e2a8;color:#7a5200}
.ex-rk-chips li.is-top .icon{color:#e9a400}

/* rows */
.ex-rk-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ex-rk-row{position:relative;display:grid;grid-template-columns:40px minmax(0,1.55fr) minmax(0,1.25fr) 170px 180px;grid-template-areas:'rank site features bonus actions';align-items:center;column-gap:22px;background:#fff;border:1px solid #e6edf5;border-radius:16px;padding:18px 20px}
.ex-rk-row.is-featured{border-color:#f3b4be;box-shadow:0 0 0 3px #fff1f3}
.ex-rk-ribbon{position:absolute;top:-10px;left:18px;background:#e11d48;color:#fff;font-size:11px;font-weight:800;padding:2px 10px;border-radius:999px}
.ex-rk-rank{grid-area:rank;align-self:start;margin-top:6px}
.ex-rk-rank b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eef3f9;color:#5d7591;font-size:16px;font-weight:900}
.ex-rk-rank small{display:none}
.ex-rk-tier-gold .ex-rk-rank b{background:#ffd34d;color:#5a3400}
.ex-rk-tier-silver .ex-rk-rank b{background:#dfe6ee;color:#3f556e}
.ex-rk-tier-bronze .ex-rk-rank b{background:#ffb27a;color:#5b2600}
/* site */
.ex-rk-site{grid-area:site;display:flex;align-items:flex-start;gap:14px;min-width:0}
.ex-rk-logo{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;overflow:hidden;color:#fff;font:900 18px/1 Arial,sans-serif}
.ex-rk-logo img{width:100%;height:100%;object-fit:cover}
.ex-rk-site-copy{min-width:0}
.ex-rk-site-copy h3{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 2px;font-size:16px!important;line-height:1.5!important;font-weight:900;color:#0a1a33}
.ex-rk-adult{font-style:normal;font-size:10.5px;font-weight:800;background:#f1ecfb;color:#5b21b6;border-radius:6px;padding:0 6px}
.ex-rk-site-copy p{margin:0 0 6px;font-size:13px;line-height:1.75;color:#647891}
.ex-rk-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:#647891}
.ex-rk-meta span{display:inline-flex;align-items:center;gap:4px}
.ex-rk-meta b{color:#1b3858;font-weight:800;font-family:Arial,Vazirmatn,sans-serif}
.ex-rk-meta .icon{width:14px;height:14px}
.ex-rk-rating .icon{color:#f5b301}.ex-rk-users .icon{color:#7a93ad}
/* features */
.ex-rk-features{grid-area:features;list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ex-rk-features li{display:flex;align-items:center;gap:7px;font-size:13px;color:#3b5672;line-height:1.6}
.ex-rk-features .icon{flex:none;width:15px;height:15px;color:#22c55e}
/* bonus */
.ex-rk-bonus{grid-area:bonus;display:flex;align-items:center;gap:8px;min-width:0}
.ex-rk-gift{font-size:22px;line-height:1}
.ex-rk-bonus strong{display:block;font-size:15px;font-weight:900;color:#d61f45;line-height:1.5}
.ex-rk-bonus small{display:block;font-size:12px;color:#647891;line-height:1.6}
/* actions */
.ex-rk-actions{grid-area:actions;display:flex;flex-direction:column;align-items:stretch;gap:6px}
.ex-rk-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:12px;color:#fff!important;font-weight:800;font-size:14px;text-decoration:none!important;transition:filter .15s}
.ex-rk-btn:hover{filter:brightness(1.08)}
.ex-rk-btn--green{background:#16a34a}.ex-rk-btn--purple{background:#7c3aed}.ex-rk-btn--blue{background:#2563eb}.ex-rk-btn--red{background:#e11d48}.ex-rk-btn--orange{background:#ea580c}.ex-rk-btn--teal{background:#0d9488}.ex-rk-btn--pink{background:#db2777}
.ex-rk-apps{display:flex;align-items:center;justify-content:center;gap:4px}
.ex-rk-app-text{font-size:12px;font-weight:700;color:#5b7591!important;text-decoration:none!important;margin-inline-end:4px}
.ex-rk-app-text:hover{color:var(--accent)!important}
.ex-rk-app{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;color:#7a8ea6!important}
.ex-rk-app:hover{background:#f1f5fa}
.ex-rk-app .icon{width:15px;height:15px}

/* tablet */
@media(max-width:1100px){
 .ex-rk-row{grid-template-columns:40px minmax(0,1fr) 180px;grid-template-areas:'rank site actions' 'rank features bonus';row-gap:14px}
 .ex-rk-features{grid-template-columns:1fr 1fr;column-gap:16px}
}
/* phones */
@media(max-width:700px){
 .ex-rk-row{grid-template-columns:36px minmax(0,1fr);grid-template-areas:'rank site' 'features features' 'bonus bonus' 'actions actions';padding:16px 14px;row-gap:12px;column-gap:10px}
 .ex-rk-rank{margin-top:8px}
 .ex-rk-rank b{width:32px;height:32px;font-size:15px}
 .ex-rk-logo{width:46px;height:46px}
 .ex-rk-features{grid-template-columns:1fr 1fr;column-gap:10px;padding-top:12px;border-top:1px solid #eef2f8}
 .ex-rk-features li{font-size:12.5px}
 .ex-rk-bonus{background:#fff6f7;border-radius:10px;padding:8px 12px}
 .ex-rk-btn{min-height:46px}
 .ex-rk-rocket{font-size:28px}
}
@media(max-width:380px){.ex-rk-features{grid-template-columns:1fr}}
@media(max-width:700px){.ex-rk-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-12px;padding:0 12px 2px}.ex-rk-chips::-webkit-scrollbar{display:none}.ex-rk-chips li{flex:none;white-space:nowrap}}