
/* Legend Gaming - Home Crosshair + Split Online */
.home-crosshair-wrap{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:12px;
}
.home-crosshair-main,.home-crosshair-presets{
  border:1px solid rgba(255,255,255,.075);
  border-radius:14px;
  background:#090b0f;
}
.home-crosshair-main{
  min-height:265px;
  padding:24px;
  display:grid;
  grid-template-columns:1fr 220px;
  gap:20px;
  align-items:center;
  background:
    radial-gradient(circle at 78% 35%,rgba(239,35,60,.11),transparent 32%),
    #090b0f;
}
.home-crosshair-main .micro2{
  display:block;
  color:#ff5668;
  font-size:8px;
  font-weight:900;
  letter-spacing:.16em;
}
.home-crosshair-main h3{
  margin:7px 0 8px;
  font-family:Orbitron,Inter,sans-serif;
  font-size:26px;
  line-height:1.12;
}
.home-crosshair-main h3 b{color:#ef233c}
.home-crosshair-main p{
  margin:0 0 17px;
  color:#858c96;
  font-size:11px;
  line-height:1.65;
  max-width:560px;
}
.home-crosshair-actions{display:flex;gap:8px;flex-wrap:wrap}
.home-crosshair-actions a{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 15px;
  border-radius:8px;
  font-size:9px;
  font-weight:900;
}
.home-crosshair-actions .primary{
  background:linear-gradient(180deg,#ff3148,#c90924);
  border:1px solid #ff4256;
}
.home-crosshair-actions .secondary{
  background:#101217;
  border:1px solid rgba(255,255,255,.08);
}
.home-crosshair-preview{
  min-height:205px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at center,rgba(255,255,255,.055),transparent 50%),
    #06080b;
  background-size:24px 24px,24px 24px,auto,auto;
}
.home-crosshair-demo{
  position:relative;
  width:110px;
  height:110px;
}
.home-crosshair-demo i{
  position:absolute;
  display:block;
  background:#00f092;
  box-shadow:0 0 8px rgba(0,240,146,.2);
}
.home-crosshair-demo .l,.home-crosshair-demo .r{
  width:18px;height:2px;top:54px;
}
.home-crosshair-demo .l{right:62px}
.home-crosshair-demo .r{left:62px}
.home-crosshair-demo .t,.home-crosshair-demo .b{
  width:2px;height:18px;left:54px;
}
.home-crosshair-demo .t{bottom:62px}
.home-crosshair-demo .b{top:62px}

.home-crosshair-presets{padding:16px}
.home-crosshair-presets-head{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:11px
}
.home-crosshair-presets-head span{
  color:#707781;font-size:8px;font-weight:900;letter-spacing:.13em
}
.home-crosshair-presets-head a{
  color:#ff5668;font-size:8px;font-weight:900
}
.home-crosshair-pro-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.home-crosshair-pro{
  min-height:66px;
  padding:10px;
  display:flex;
  gap:9px;
  align-items:center;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  background:#07090c;
  transition:.18s;
}
.home-crosshair-pro:hover{
  border-color:rgba(239,35,60,.28);
  background:rgba(239,35,60,.045);
  transform:translateY(-1px);
}
.home-crosshair-pro .mini-cross{
  position:relative;width:34px;height:34px;flex:0 0 34px
}
.home-crosshair-pro .mini-cross:before,
.home-crosshair-pro .mini-cross:after{
  content:"";position:absolute;left:50%;top:50%;
  background:#00ef92;transform:translate(-50%,-50%)
}
.home-crosshair-pro .mini-cross:before{width:26px;height:1px}
.home-crosshair-pro .mini-cross:after{width:1px;height:26px}
.home-crosshair-pro strong{display:block;font-size:10px}
.home-crosshair-pro small{display:block;margin-top:3px;color:#666e78;font-size:7px}

.quick-strip .quick-online-card strong{
  display:flex;
  align-items:baseline;
  gap:4px;
}
.quick-strip .quick-online-card strong small{
  font-family:Inter,Arial,sans-serif;
  font-size:10px;
  font-weight:700;
  color:#656c76;
}

@media(max-width:980px){
  .home-crosshair-wrap{grid-template-columns:1fr}
}
@media(max-width:650px){
  .home-crosshair-main{grid-template-columns:1fr;padding:19px}
  .home-crosshair-preview{min-height:165px}
  .home-crosshair-pro-grid{grid-template-columns:1fr 1fr}
}


/* ===== Legend Gaming - Online kart parlaklık fix ===== */

.quick-strip > div {
    min-height: 82px !important;
    padding: 18px 20px !important;
    background: linear-gradient(
        180deg,
        rgba(15,16,20,.98),
        rgba(8,9,12,.98)
    ) !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 8px 30px rgba(0,0,0,.22) !important;
}

.quick-strip .quick-online-card strong {
    display: flex !important;
    align-items: baseline !important;
    gap: 5px !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.quick-strip .quick-online-card strong span {
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}

.quick-strip .quick-online-card strong small {
    color: #8e949e !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

.quick-strip .quick-online-card > span:not(#quickOnline) {
    display: block !important;
    margin-top: 9px !important;
    color: #a4aab4 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
}

.quick-strip > div:nth-child(3) strong,
.quick-strip > div:nth-child(4) strong {
    color: #ffffff !important;
    font-size: 23px !important;
    font-weight: 900 !important;
}

.quick-strip > div:nth-child(3) span,
.quick-strip > div:nth-child(4) span {
    color: #989fa9 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .11em !important;
}
