body{
    background:#0D0C0B;
}

/* HERO */

.product-hero{

position:relative;

height:90vh;

display:flex;

align-items:center;

overflow:hidden;

padding-top:140px;

}

.hero-image{

position:absolute;

inset:0;

width:100%;

height:100%;

object-fit:cover;

}

.hero-overlay{

position:absolute;

inset:0;

background:linear-gradient(to right,
rgba(0,0,0,.80),
rgba(0,0,0,.45));

}

.hero-content{

position:relative;

z-index:2;

max-width:700px;

color:white;

padding-top:120px;

}

.hero-content h1{

font-family:var(--heading-font);

font-size:5rem;

margin:25px 0;

line-height:1;

}

.hero-content p{

font-size:1.1rem;

line-height:2;

color:#d7d7d7;

max-width:600px;

}

/* PRODUCT */

.product-info{

padding:140px 0;

}

.product-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}

.product-image img{

width:100%;

border-radius:12px;

}

.product-content h2{

font-family:var(--heading-font);

font-size:4rem;

color:white;

margin:20px 0;

}

.product-content p{

color:#bdbdbd;

line-height:2;

margin-bottom:35px;

}

.features{

list-style:none;

padding:0;

margin:0 0 40px;

}

.features li{

padding:15px 0;

border-bottom:1px solid rgba(255,255,255,.08);

color:#d9d9d9;

}

/* SPECIFICATIONS */

.specifications{

padding:140px 0;

background:#111;

}

.spec-grid{

display:grid;

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

gap:30px;

margin-top:70px;

}

.spec-card{

background:#181818;

padding:40px;

border:1px solid rgba(197,155,99,.2);

border-radius:14px;

}

.spec-card h3{

color:white;

margin-bottom:18px;

}

.spec-card p{

color:#bcbcbc;

line-height:1.8;

}

/* GALLERY */

.gallery{

padding:140px 0;

}

.gallery-grid{

display:grid;

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

gap:25px;

}

.gallery-grid img{

width:100%;

border-radius:12px;

transition:.5s;

}

.gallery-grid img:hover{

transform:scale(1.05);

}

/* CTA */

.detail-cta{

padding:150px 0;

text-align:center;

background:#111;

}

.detail-cta h2{

font-family:var(--heading-font);

font-size:4rem;

color:white;

margin-bottom:25px;

}

.detail-cta p{

max-width:700px;

margin:auto auto 40px;

color:#bcbcbc;

line-height:2;

}

.gold-btn{

display:inline-block;

padding:18px 45px;

border:1px solid #C79B63;

border-radius:60px;

text-decoration:none;

color:white;

transition:.35s;

}

.gold-btn:hover{

background:#C79B63;

color:#111;

}

/* RESPONSIVE */

@media(max-width:1100px){

.product-grid{

grid-template-columns:1fr;

}

.spec-grid{

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

}

.hero-content h1{

font-size:4rem;

}

}

@media(max-width:768px){

.spec-grid{

grid-template-columns:1fr;

}

.gallery-grid{

grid-template-columns:1fr;

}

.hero-content h1{

font-size:2.8rem;

}

.product-content h2{

font-size:2.6rem;

}

.detail-cta h2{

font-size:2.6rem;

}

}