/* Start custom CSS for shortcode, class: .elementor-element-855aa5b */#dark-products-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
}

.dark-product-card{
background:#0d1118;
border:1px solid rgba(255,255,255,.08);
border-radius:10px;
padding:20px;
display:flex;
align-items:center;
gap:18px;
box-shadow:0 0 20px rgba(255,255,255,.03);
transition:.3s;
}

.dark-product-card:hover{
transform:translateY(-4px);
}

.dark-product-image{
width:120px;
flex-shrink:0;
}

.dark-product-image img{
width:100%;
height:auto;
}

.dark-product-content{
flex:1;
}

.dark-product-content h3{
margin:0 0 8px;
font-size:22px;
font-weight:700;
}

.dark-product-content h3 a{
color:#fff;
text-decoration:none;
}

.dark-product-desc{
color:#c4c4c4;
font-size:13px;
line-height:1.5;
margin-bottom:18px;
text-transform:uppercase;
}

.dark-product-bottom{
display:flex;
justify-content:space-between;
align-items:center;
}

.sale-price{
color:#ff6b00;
font-size:28px;
font-weight:700;
}

.regular-price{
color:#8a8a8a;
margin-left:8px;
text-decoration:line-through;
}

.dark-buy-btn{
border:1px solid #fff;
padding:8px 18px;
border-radius:4px;
color:#fff;
text-decoration:none;
font-weight:700;
}

.dark-buy-btn:hover{
background:#fff;
color:#000;
}

#dark-load-more{
display:block;
margin:50px auto;
background:#ff6b00;
border:none;
padding:14px 35px;
color:#fff;
font-weight:700;
cursor:pointer;
border-radius:5px;
}

@media(max-width:1024px){
#dark-products-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:767px){
#dark-products-grid{
grid-template-columns:1fr;
}
}
@media(max-width:767px){

#dark-products-grid{
display:grid;
grid-template-columns:repeat(2,1fr) !important;
gap:12px;
}

.dark-product-card{
flex-direction:column;
padding:12px;
gap:10px;
}

.dark-product-image{
width:100%;
}

.dark-product-content h3{
font-size:16px;
line-height:1.3;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

.dark-product-desc{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
font-size:11px;
}

}/* End custom CSS */