/* ============================= */
/* SECTION SPACING */
/* ============================= */

.shopify-hero + section{
margin-top:80px;
}

.shopify-description + section,
.shopify-products + section{
margin-top:80px;
}


.shopify-container{

max-width:1100px;
margin:auto;
padding:0 20px;

}



/* HERO */

.shopify-hero{

text-align:center;

padding-top:120px;
padding-bottom:200px;

position:relative;

}



/* DESCRIPTION */

.shopify-description{

padding:100px 20px;
text-align:center;

}

.shopify-description h2{

font-size:36px;
margin-bottom:20px;

}

.shopify-description p{

max-width:700px;
margin:auto;

color:#9CA3AF;

font-size:16px;
line-height:1.7;

}



/* PRODUCTS */

.shopify-products{

padding:100px 20px;

}

.shopify-products h2{

text-align:center;
font-size:36px;

margin-bottom:50px;

}



/* GRID */

.products-grid{

display:grid;

grid-template-columns:1fr;

gap:30px;

}



/* CARD */

.product-card{

background:#1F1F1F;

border:1px solid #262626;

border-radius:10px;

padding:40px;

display:flex;

flex-direction:column;

min-height:420px;

}



/* TITLE CONTAINER */

.product-title{

height:60px;

display:flex;
align-items:flex-start;

margin-bottom:10px;

}

.product-title h3{

font-size:22px;

line-height:1.3;

}



/* PRICE */

.price{

font-size:30px;

font-weight:700;

color:#9EFF00;

margin-bottom:20px;

}



/* LIST */

.product-card ul{

list-style:none;

display:flex;
flex-direction:column;

gap:10px;

margin-bottom:30px;

color:#9CA3AF;

}

.product-card ul li::before{

content:"• ";
color:#9EFF00;

}



/* BUTTON */

.product-card .btn-dark,
.product-card .btn-green{

margin-top:auto;

width:100%;

text-align:center;

}



/* FEATURED CARD */

.featured{

border:1px solid #9EFF00;

box-shadow:0 0 20px rgba(158,255,0,0.15);

}



/* CTA */

.shopify-cta{

padding:120px 20px;

text-align:center;

}

.shopify-cta h2{

font-size:36px;

margin-bottom:15px;

}

.shopify-cta p{

color:#9CA3AF;

margin-bottom:30px;

}



/* RESPONSIVE */

@media(min-width:768px){

.products-grid{

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

}

}

@media(min-width:1024px){

.products-grid{

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

}

}

@media(max-width:768px){

.shopify-hero + section{
margin-top:60px;
}

.shopify-description + section,
.shopify-products + section{
margin-top:60px;
}

}

.platform-card:hover{

border-color:#9EFF00;

transform:translateY(-4px);

transition:0.25s;

}

.product-title img{
width:28px;
height:28px;
margin-right:8px;
}