*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:Arial,Helvetica,sans-serif;
background:#f6f2e8;
color:#222;
line-height:1.6;

}

.hero{

background:#1b1814;
color:#fff;
padding:90px 40px;

}

.hero-inner{

max-width:1400px;
margin:auto;

display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;

}

.hero h1{

font-size:64px;
line-height:1.05;
margin-bottom:25px;

}

.hero h1 span{

color:#d7a321;

}

.hero p{

font-size:26px;
margin-bottom:35px;
max-width:650px;

}

.hero ul{

list-style:none;
margin-bottom:45px;

}

.hero li{

margin-bottom:15px;
font-size:22px;

}

.button{

display:inline-block;
background:#d7a321;
color:#111;
padding:20px 42px;
font-size:24px;
font-weight:bold;
text-decoration:none;
border-radius:6px;

}

.button:hover{

background:#efbb34;

}

.hero img{

width:100%;
border-radius:12px;
box-shadow:0 20px 60px rgba(0,0,0,.45);

}

.section{

max-width:1300px;
margin:auto;
padding:90px 25px;

}

.section h2{

text-align:center;
font-size:46px;
margin-bottom:20px;

}

.section p.intro{

text-align:center;
font-size:24px;
max-width:900px;
margin:auto auto 60px;

}

.features{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:35px;

}

.feature{

background:#fff;
padding:35px;
border-radius:10px;
box-shadow:0 8px 25px rgba(0,0,0,.12);

}

.feature h3{

font-size:28px;
margin-bottom:15px;

}

.gallery{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
gap:30px;

}

.gallery img{

width:100%;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,.15);

}

.steps{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
margin-top:50px;

}

.step{

background:#fff;
padding:35px;
border-radius:10px;
text-align:center;

}

.step span{

display:block;
font-size:64px;
color:#d7a321;
font-weight:bold;

}

.testimonials{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
gap:30px;

}

.quote{

background:#fff;
padding:35px;
border-left:8px solid #d7a321;
box-shadow:0 8px 25px rgba(0,0,0,.1);

}

.faq{

max-width:900px;
margin:auto;

}

details{

background:#fff;
padding:20px;
margin-bottom:15px;
border-radius:8px;

}

.cta{

background:#111;
color:#fff;
text-align:center;
padding:100px 20px;

}

.cta h2{

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

}

.cta p{

font-size:26px;
margin-bottom:40px;

}

footer{

padding:40px;
text-align:center;
background:#1b1814;
color:#ccc;

}

@media(max-width:900px){

.hero-inner{

grid-template-columns:1fr;

}

.hero h1{

font-size:46px;

}

.steps{

grid-template-columns:1fr;

}

}


.certificate-preview{

    position:relative;

    width:1000px;

    margin:40px auto;

}

.certificate-preview img{

    width:1000px;

    height:auto;

    display:block;

}

.recipient-name{

    position:absolute;

    width:100%;

    text-align:center;

    left:0;

    top:220px;

    font-family:'Great Vibes',cursive;

    font-size:60px;

    color:#222;

}

.presented-date{

    position:absolute;

    left:625px;

    top:545px;

    width:210px;

    text-align:center;

    font-size:18px;

    color:#222;

}

/* =========================================================
   BACK TO GIFT SHOP
========================================================= */

.back-bar{

    background:#f1eadb;

    border-bottom:1px solid #d7c9a7;

    padding:12px 25px;

}

.back-bar a{

    color:#5b3d12;

    text-decoration:none;

    font-weight:bold;

    font-size:16px;

}

.back-bar a:hover{

    text-decoration:underline;

}