:root{
  --main:#c8a27c;
  --dark:#2b2b2b;
  --light:#faf7f4;
}

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

body{
  font-family:'Montserrat',sans-serif;
  background:var(--light);
  color:var(--dark);
  padding-top:90px; /* място за fixed navbar */
}


.navbar{
  background:#E6C4A8;
  box-shadow:0 4px 15px rgba(0,0,0,.05);
}

.navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba%280,0,0,0.8%29' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.logo-text .service {
  font-family: 'Playfair Display', serif;
  font-size: 1.2rem;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #5A3F33;
  margin-right: 70px; /* избутва наляво */
}

.logo-text .name {
  font-family: 'Great Vibes', cursive;
  font-size: 3rem;
  color: #7A5A48;
  margin-left: 70px; /* избутва надясно */
}

header {
  background:
    linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)),
    url('../first.png') center center / cover no-repeat;

  min-height:85vh;

  display:flex;
  justify-content:center;   /* хоризонтално центриране */
  align-items:flex-start;   /* вертикално горе */
  padding-top:40px;         /* разстояние отгоре */
  text-align:center;
  color:white;
}

.btn-custom {
  background: var(--main);
  color:white;
  padding: 18px 40px;
  border-radius:30px;
  text-decoration:none;
  font-size:18px;
  font-weight:500;
  transition:0.3s;
}

.btn-custom:hover {
  background:#b28f6b;
  color:white;
}


/* ================= SECTIONS ================= */
section{
  padding:80px 20px;
  max-width:1100px;
  margin:auto;
}

h2{
  font-family:'Playfair Display',serif;
  text-align:center;
  margin-bottom:40px;
}

/* cards */
.features{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:30px;
}

.card{
  padding:30px;
  border-radius:16px;
  border:none;
  box-shadow:0 10px 25px rgba(0,0,0,.05);
}

/* about */
.about{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
}

.about img{
  width:100%;
  border-radius:20px;
}

/* footer */
footer{
  background:#1f1f1f;
  color:#aaa;
  text-align:center;
  padding:30px;
  margin-top:60px;
}

/* mobile */
@media(max-width:768px){
  .about{grid-template-columns:1fr;}
}