/* CS2 Player Profile Elementor Widget */
.cs2ppe { font-family: "Vazirmatn", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; background:#07080d; color:#e7e7ea; direction: rtl; border-radius:20px; overflow:hidden; position:relative; }
.cs2ppe * { box-sizing: border-box; }
.cs2ppe-container { max-width:1180px; margin:0 auto; padding-left:22px; padding-right:22px; }

.cs2ppe-hero { position:relative; padding:84px 0 48px; overflow:hidden; }
.cs2ppe-bgvid { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.17; z-index:0;}
.cs2ppe-bgshade { position:absolute; inset:0; z-index:1;
 background: radial-gradient(1150px 700px at 80% -10%, rgba(var(--cs2-accent-rgb) / 0.15), transparent 60%),
 linear-gradient(180deg, rgba(6,7,12,.35) 0%, rgba(7,8,13,.94) 58%, #07080d 100%);
}
.cs2ppe-hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:1.28fr .82fr; gap:36px; align-items:center; }
@media(max-width:960px){ .cs2ppe-hero-grid{grid-template-columns:1fr;} }

.cs2ppe-livechip { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.11); border-radius:999px; padding:7px 12px; font-size:12px; color:#d3d3d7; }
.cs2ppe-dot { width:8px; height:8px; border-radius:50%; display:inline-block; box-shadow:0 0 14px rgba(var(--cs2-accent-rgb) / .55);}

.cs2ppe-nick { font-size:66px; line-height:1.02; font-weight:900; margin:18px 0 0; letter-spacing:-.02em; font-family:"Space Grotesk", "Vazirmatn", sans-serif;}
.cs2ppe-real { display:block; color:#9aa0ad; font-size:26px; font-weight:700; margin-top:6px;}
.cs2ppe-bio { color:#c9cad1; font-size:16px; line-height:1.95; max-width:590px; margin-top:14px;}
.cs2ppe-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; font-size:12px;}
.cs2ppe-tag { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.11); border-radius:999px; padding:6px 11px;}
.cs2ppe-tag-accent { border-color: rgba(var(--cs2-accent-rgb) / .5); color: var(--cs2-accent); }
.cs2ppe-cta { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.cs2ppe-btn { background: var(--cs2-accent); color:#111217; font-weight:800; padding:11px 18px; border-radius:12px; text-decoration:none; border:0; cursor:pointer; font-family:inherit; box-shadow:0 0 28px rgba(var(--cs2-accent-rgb) / .22); transition:.18s; font-size:14px; }
.cs2ppe-btn:hover{ filter:brightness(1.08);}
.cs2ppe-btn.small{ padding:8px 13px; font-size:12.5px;}
.cs2ppe-btn-ghost { background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032)); border:1px solid rgba(255,255,255,.12); color:#e9e9ef; padding:11px 16px; border-radius:12px; cursor:pointer; font-size:14px; font-family:inherit;}
.cs2ppe-btn-ghost.small{ font-size:12.5px; padding:9px 12px; text-decoration:none; display:inline-flex; align-items:center; }

.cs2ppe-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:26px;}
@media(max-width:640px){ .cs2ppe-stats{grid-template-columns:repeat(2,1fr);} .cs2ppe-nick{font-size:44px;} }
.cs2ppe-stat { background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.032)); border:1px solid rgba(255,255,255,.11); border-radius:16px; padding:12px 14px; backdrop-filter: blur(10px);}
.cs2ppe-stat div{ font-size:11px; color:#a8adb8;}
.cs2ppe-stat b{ font-size:20px; font-family:"Space Grotesk","Vazirmatn",sans-serif;}

.cs2ppe-cardwrap { position:relative; }
.cs2ppe-playercard { background: linear-gradient(180deg, rgba(18,21,31,.86), rgba(13,15,22,.92)); border:1px solid rgba(255,255,255,.1); border-radius:26px; padding:16px; box-shadow:0 0 38px rgba(var(--cs2-accent-rgb) / .18);}
.cs2ppe-cardimg { position:relative; border-radius:18px; overflow:hidden; aspect-ratio:4/5; background:#10131b;}
.cs2ppe-cardimg img{ width:100%; height:100%; object-fit:cover; display:block;}
.cs2ppe-cardfade{ position:absolute; inset:0; background: linear-gradient(to top, rgba(0,0,0,.72), transparent 55%);}
.cs2ppe-cardrole{ position:absolute; top:12px; left:12px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); border-radius:999px; padding:5px 10px; font-size:11px;}
.cs2ppe-cardsens{ position:absolute; bottom:12px; right:14px; left:14px;}
.cs2ppe-cardmeta{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:11px; text-align:center;}
.cs2ppe-cardmeta > div{ background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.10); border-radius:13px; padding:10px 6px; font-size:12px;}
.cs2ppe-cardmeta span{ display:block; font-size:11px; color:#9aa0ad;}
.cs2ppe-cardmeta b{ font-size:14px;}

.cs2ppe-section{ padding:46px 0;}
.cs2ppe-section-head{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:16px;}
.cs2ppe-section-head h3{ font-size:34px; margin:0; font-weight:900;}
.cs2ppe-section-head p{ margin:6px 0 0; color:#a7acb8; font-size:14px;}

.cs2ppe-tabs{ display:flex; gap:8px; flex-wrap:wrap;}
.cs2ppe-tabs button{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.11); color:#d7d7dc; padding:8px 14px; border-radius:999px; cursor:pointer; font-family:inherit; font-size:12.5px;}
.cs2ppe-tabs button.on{ background: var(--cs2-accent); color:#0f1116; font-weight:800; border-color:var(--cs2-accent);}

.cs2ppe-livebox{ background:linear-gradient(180deg,rgba(18,21,31,.84),rgba(13,15,22,.90)); border:1px solid rgba(255,255,255,.10); border-radius:24px; padding:14px;}
.cs2ppe-liveframe{ aspect-ratio:16/9; background:#000; border-radius:16px; position:relative; overflow:hidden;}
.cs2ppe-liveframe iframe{ width:100%; height:100%; border:0; display:block;}
.cs2ppe-livepane{ display:none; width:100%; height:100%;}
.cs2ppe-livepane.on{ display:block;}
.cs2ppe-livebadge{ position:absolute; top:10px; right:12px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); padding:5px 10px; border-radius:999px; font-size:11.5px;}
.cs2ppe-livefallback{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; color:#b9bcc7;}
.cs2ppe-livelinks{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:12px; font-size:12.5px;}
@media(max-width:700px){ .cs2ppe-livelinks{grid-template-columns:1fr;}}
.cs2ppe-livelinks a{ background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.10); padding:12px 14px; border-radius:12px; color:#d8d8df; text-decoration:none; display:flex; justify-content:space-between;}
.cs2ppe-livelinks span{ color:#9296a2;}

.cs2ppe-highlights{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
@media(max-width:980px){ .cs2ppe-highlights{grid-template-columns:repeat(2,1fr);} }
@media(max-width:600px){ .cs2ppe-highlights{grid-template-columns:1fr;} }
.cs2ppe-hl{ background:linear-gradient(180deg,rgba(18,21,31,.86),rgba(13,15,22,.92)); border:1px solid rgba(255,255,255,.10); border-radius:20px; overflow:hidden; text-decoration:none; color:inherit; display:block; transition:.18s;}
.cs2ppe-hl:hover{ transform:translateY(-2px); border-color:rgba(255,255,255,.18);}
.cs2ppe-hl-thumb{ position:relative; aspect-ratio:16/9; background:#0b0d14;}
.cs2ppe-hl-thumb img{ width:100%; height:100%; object-fit:cover; opacity:.92;}
.cs2ppe-hl-map{ position:absolute; bottom:8px; right:8px; background:rgba(0,0,0,.55); border:1px solid rgba(255,255,255,.18); padding:3px 8px; border-radius:999px; font-size:11px; color:#fff;}
.cs2ppe-hl-dur{ position:absolute; bottom:8px; left:8px; background:rgba(0,0,0,.62); padding:3px 7px; border-radius:8px; font-size:11px; color:#fff; font-family:"Space Grotesk",sans-serif;}
.cs2ppe-hl-play{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:52px; height:52px; border-radius:50%; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.22); display:flex; align-items:center; justify-content:center; color:#fff; backdrop-filter: blur(6px);}
.cs2ppe-hl-title{ padding:12px 13px; font-weight:700; font-size:14.5px; }

.cs2ppe-config-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:18px;}
@media(max-width:980px){ .cs2ppe-config-grid{grid-template-columns:1fr;}}
.cs2ppe-box{ background:linear-gradient(180deg,rgba(18,21,31,.86),rgba(13,15,22,.92)); border:1px solid rgba(255,255,255,.10); border-radius:24px; padding:22px;}
.cs2ppe-code{ background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.11); border-radius:12px; padding:12px; font-family:ui-monospace, monospace; font-size:13.5px; color:#dfe2ea; margin-top:10px; word-break:break-all;}
.cs2ppe-code.small{ font-size:12.5px;}
.cs2ppe-config-cols{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:16px;}
@media(max-width:600px){ .cs2ppe-config-cols{grid-template-columns:1fr;}}
.cs2ppe-minihead{ font-size:11.5px; color:#9aa0ad;}
.cs2ppe-kv{ display:flex; justify-content:space-between; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.10); border-radius:12px; padding:8px 11px; margin-top:8px; font-size:14px;}

.cs2ppe-xhair{ position:relative; height:176px; background:#0c1018; border:1px solid rgba(255,255,255,.1); border-radius:14px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.cs2ppe-xhair-grid{ position:absolute; inset:0; opacity:.05; background-image: linear-gradient(#fff 1px, transparent 1px), linear-gradient(90deg,#fff 1px, transparent 1px); background-size:22px 22px;}
.cs2ppe-x{ position:relative; width:120px; height:120px;}
.cs2ppe-x .h, .cs2ppe-x .v { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:var(--cx); box-shadow:0 0 10px rgba(0,0,0,.3);}
.cs2ppe-x .v{ width:var(--ct); height:var(--cs);}
.cs2ppe-x .h{ height:var(--ct); width:var(--cs);}
.cs2ppe-x em{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#0c1018; border-radius:50%; width:var(--cg); height:var(--cg);}
.cs2ppe-x u{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:var(--cx); border-radius:50%; width:calc(var(--ct) + 1px); height:calc(var(--ct) + 1px); }
.cs2ppe-x-label{ position:absolute; bottom:7px; right:10px; font-size:10px; color:#606674; font-family:"Space Grotesk",sans-serif; letter-spacing:.08em;}

.cs2ppe-gear { display:grid; grid-template-columns:repeat(4,1fr); gap:12px;}
@media(max-width:980px){ .cs2ppe-gear{grid-template-columns:repeat(2,1fr);} }
@media(max-width:520px){ .cs2ppe-gear{grid-template-columns:1fr;} }
.cs2ppe-gear-item{ background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028)); border:1px solid rgba(255,255,255,.10); border-radius:16px; padding:14px;}
.cs2ppe-gear-item div{ font-size:11.5px; color:#9aa0ad;}
.cs2ppe-gear-item b{ font-weight:700;}
.cs2ppe-gear-item small{ display:block; color:#8c919e; font-size:11.5px; margin-top:3px;}

.cs2ppe-footer{ color:#8d919d; font-size:13px; padding:28px 22px; border-top:1px solid rgba(255,255,255,.07); margin-top:26px; }

/* Elementor editor width fix */
.elementor-widget-cs2_player_profile { width:100%; }