.elementor-280 .elementor-element.elementor-element-b1b604a{--display:flex;}/* Start custom CSS for html, class: .elementor-element-c869e0f */.sports-form{

background:#070707;
padding:40px;
border-radius:15px;
color:white;
max-width:1200px;
margin:auto;

}


.sports-form h2{

color:#ff0000;
font-size:22px;
margin-bottom:20px;

}


.product-grid{

display:grid;
grid-template-columns:repeat(6,1fr);
gap:15px;

}


.product-box{

background:#111;
border:1px solid #222;
padding:15px;
text-align:center;
border-radius:10px;
cursor:pointer;

}


.product-box:hover{

border:1px solid red;

}


.product-box img{

width:100%;
height:120px;
object-fit:contain;

}



.colors{

display:flex;
gap:10px;

}



.sizes{

display:flex;
gap:15px;
flex-wrap:wrap;

}


.quantity-box{

display:flex;
gap:20px;
flex-wrap:wrap;

}


input,
select,
textarea{

width:100%;
padding:15px;
margin-top:10px;
background:#111;
border:1px solid #333;
color:white;
border-radius:8px;

}


button{

width:100%;
padding:18px;
background:red;
color:white;
border:none;
font-weight:bold;
font-size:18px;
border-radius:8px;
cursor:pointer;

}


button:hover{

background:#d30000;

}



@media(max-width:768px){

.product-grid{

grid-template-columns:repeat(2,1fr);

}

}/* End custom CSS */