.info-sections{
  max-width: 600px;
}

details{
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}

summary{
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  list-style: none;
}

summary::-webkit-details-marker{
  display: none;
}

summary::after{
  content: "+";
  float: right;
  font-size: 20px;
}

details[open] summary::after{
  content: "−";
}

.info-content{
  padding-top: 15px;
  color: #555;
  line-height: 1.6;
}

.love-icon{
  margin-top: 25px;
  font-size: 22px;
  color: #b38b59;
}

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

body{
font-family:'Montserrat',sans-serif;
background:#f8f3ed;
color:#2d1c12;
overflow-x:hidden;
}

img{
width:100%;
display:block;
}

a{
text-decoration:none;
color:inherit;
}

.container{
width:92%;
max-width:1250px;
margin:auto;
}

.top-bar{
background:#2a160c;
color:white;
padding:12px;
text-align:center;
font-size:13px;
letter-spacing:1px;
}

.hero{
padding:20px 0 50px;
}

nav{
display:grid;
grid-template-columns:1fr auto 1fr;
align-items:center;
gap:20px;
}

.nav-left,
.nav-right{
display:flex;
align-items:center;
gap:24px;
font-size:14px;
}

.nav-right{
justify-content:flex-end;
}

.logo img{
max-width:500px;
margin:auto;
}

.whatsapp-btn{
background:#2a160c;
color:white;
padding:14px 22px;
border-radius:4px;
font-size:13px;
}

.hero-content{
display:grid;
grid-template-columns:1fr 1.1fr;
align-items:center;
gap:50px;
padding-top:50px;
}

.hero-text span{
letter-spacing:8px;
font-size:22px;
}

.hero-text h1{
font-family:'Cormorant Garamond',serif;
font-size:70px;
font-weight:500;
line-height:0.95;
margin:10px 0;
}

.hero-text h2{
font-family:'Cormorant Garamond',serif;
font-size:54px;
font-style:italic;
color:#b5834c;
font-weight:400;
margin-bottom:25px;
}

.hero-text p{
line-height:2;
font-size:18px;
margin-bottom:35px;
}

.hero-buttons{
display:flex;
gap:18px;
flex-wrap:wrap;
}

.dark-btn,
.light-btn,
.insta-btn{
padding:16px 26px;
display:inline-flex;
align-items:center;
gap:12px;
font-size:14px;
border-radius:4px;
}

.dark-btn{
background:#2a160c;
color:white;
}

.light-btn,
.insta-btn{
border:1px solid #bca183;
background:white;
}

.hero-image img{
border-radius:12px;
height:680px;
object-fit:cover;
}

.features{
background:#f2ece6;
padding:35px 0;
}

.feature-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}

.feature-item{
display:flex;
gap:18px;
align-items:flex-start;
padding:10px;
}

.feature-item i{
font-size:34px;
color:#3b2416;
}

.feature-item h3{
font-size:14px;
margin-bottom:8px;
}

.feature-item p{
font-size:14px;
line-height:1.6;
color:#665548;
}

.about{
padding:80px 0;
}

.about-grid{
display:grid;
grid-template-columns:0.9fr 1.1fr;
gap:50px;
align-items:center;
}

.about-text h2,
.gallery h2{
font-family:'Cormorant Garamond',serif;
font-size:58px;
font-weight:500;
margin-bottom:24px;
}

.about-text p{
line-height:2;
font-size:17px;
max-width:480px;
margin-bottom:35px;
}

.about-image img{
height:500px;
object-fit:cover;
border-radius:14px;
}

.gallery{
padding:40px 0 70px;
background:#f5f0ea;
text-align:center;
}

.gallery-grid{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:14px;
margin:40px 0;
}

.gallery-grid img{
height:150px;
object-fit:cover;
border-radius:10px;
}

footer{
background:#f8f3ed;
padding:70px 0 40px;
border-top:1px solid #e2d4c5;
}

.footer-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr 1fr;
gap:40px;
}

.footer-logo{
max-width:220px;
margin-bottom:20px;
}

footer h4{
margin-bottom:18px;
font-size:15px;
}

footer a,
footer p{
display:block;
margin-bottom:12px;
line-height:1.8;
color:#5d4d40;
}

@media(max-width:950px){

nav{
grid-template-columns:1fr;
text-align:center;
}

.nav-left,
.nav-right{
justify-content:center;
flex-wrap:wrap;
}

.logo img{
max-width:240px;
}

.hero-content,
.about-grid,
.feature-grid,
.footer-grid{
grid-template-columns:1fr;
}

.hero-content{
padding-top:35px;
}

.hero-text{
text-align:center;
}

.hero-text h1{
font-size:35px;
}

.hero-text h2{
font-size:38px;
}

.hero-text span{
font-size:16px;
letter-spacing:5px;
}

.hero-text p{
font-size:15px;
line-height:1.8;
}

.hero-buttons{
justify-content:center;
}

.hero-image img{
height:420px;
}

.gallery-grid{
grid-template-columns:repeat(2,1fr);
}

.about-text{
text-align:center;
}

.about-text p{
margin:auto auto 30px;
}

.about-text h2,
.gallery h2{
font-size:40px;
}

.footer-grid{
text-align:center;
}

.footer-logo{
margin:auto auto 20px;
}
}