.f1-wrap{
background:#0b0b0b;
border:2px solid #ff2d2d;
border-radius:14px;
padding:30px;
color:#fff;
max-width:1400px;
margin:auto;
}

.f1-wrap h2{
color:#ff2d2d;
margin-bottom:20px;
}

.f1-wrap h3{
margin-top:30px;
margin-bottom:15px;
color:#fff;
font-size:20px;
}

.f1-wrap select,
.f1-wrap input{
width:100%;
padding:14px;
margin-bottom:18px;
background:#161616;
color:#fff;
border:1px solid #333;
border-radius:10px;
box-sizing:border-box;
font-size:15px;
}

.f1-wrap button{
background:#ff2d2d;
color:#fff;
border:none;
padding:14px 22px;
border-radius:10px;
font-weight:700;
cursor:pointer;
font-size:15px;
transition:0.2s;
}

.f1-wrap button:hover{
opacity:0.9;
}

.f1-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:14px;
margin-bottom:10px;
}

.f1-check{
background:#131313;
border:1px solid #2b2b2b;
border-radius:12px;
padding:16px;
display:flex;
align-items:center;
gap:14px;
transition:0.2s;
}

.f1-check:hover{
border-color:#ff2d2d;
}

.f1-check input{
width:22px !important;
height:22px !important;
margin:0;
flex-shrink:0;
}

.f1-driver span{
display:block;
font-weight:700;
line-height:1.3;
}

.f1-driver small{
color:#999;
font-size:12px;
}

.f1-range{
display:flex;
align-items:center;
gap:14px;
}

.f1-timer{
background:#111;
border:2px solid #ff2d2d;
padding:20px;
border-radius:12px;
text-align:center;
font-size:28px;
font-weight:800;
margin-bottom:30px;
}

.f1-closed{
background:#300;
padding:20px;
border-radius:10px;
text-align:center;
}

.f1-race-nav{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-bottom:20px;
}

.f1-race-btn{
background:#ff2d2d;
color:#fff;
padding:10px 14px;
border-radius:8px;
text-decoration:none;
font-weight:700;
display:inline-block;
transition:0.2s;
}

.f1-race-btn:hover{
opacity:0.9;
}

.f1-readonly{
background:#141414;
border:1px solid #2c2c2c;
padding:25px;
border-radius:14px;
margin-top:20px;
}

.f1-readonly h3{
margin-top:0;
margin-bottom:20px;
color:#ff2d2d;
}

/* READONLY TIPP BLOKK */

.f1-tip-row{
padding:18px 0;
border-bottom:1px solid #2a2a2a;
}

.f1-tip-row:last-child{
border-bottom:none;
}

.f1-tip-label{
font-weight:700;
color:#ff2d2d;
font-size:17px;
margin-bottom:12px;
display:block;
}

.f1-tip-value{
color:#fff;
font-weight:500;
width:100%;
text-align:left !important;
display:block;
}

/* LISTÁK */

.f1-tip-list{
margin:0;
padding-left:22px;
list-style:none;
width:100%;
}

.f1-tip-list li{
padding:6px 0;
position:relative;
line-height:1.4;
}

.f1-tip-list li::before{
content:'•';
color:#ff2d2d;
position:absolute;
left:-18px;
font-weight:700;
}

/* MOBIL */

@media (max-width:768px){

.f1-wrap{
padding:18px;
}

.f1-wrap h2{
font-size:24px;
}

.f1-wrap h3{
font-size:18px;
}

.f1-grid{
grid-template-columns:1fr;
}

.f1-check{
padding:14px;
}

.f1-range{
flex-direction:column;
align-items:stretch;
gap:10px;
}

.f1-timer{
font-size:20px;
padding:16px;
}

.f1-race-nav{
gap:8px;
}

.f1-race-btn{
font-size:13px;
padding:8px 10px;
}

.f1-tip-row{
padding:16px 0;
}

.f1-tip-label{
font-size:15px;
margin-bottom:10px;
}

.f1-tip-list{
padding-left:20px;
margin-top:8px;
}

}

.f1-race-btn.closed{
background:#00b140 !important;
border:2px solid #00b140 !important;
color:#fff !important;
}