@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

*{box-sizing:border-box}
body{
  margin:0;
  font-family:Poppins,sans-serif;
  background:#f7f4ef;
  color:#222;
}

/* HEADER */
header{
  background:#3c2a14;
  color:#fff;
  padding:18px;
  text-align:center;
  font-weight:600;
  font-size:1.4em;
}

/* HERO */
.hero{
  background:#efe6d5;
  padding:70px 20px;
  text-align:center;
}
.hero h1{
  font-size:2.2em;
  color:#3c2a14;
}
.hero p{
  max-width:700px;
  margin:15px auto 25px;
  font-size:1.05em;
}
.hero button, .details button{
  background:#ffb835;
  border:none;
  padding:14px 34px;
  border-radius:40px;
  font-weight:700;
  cursor:pointer;
  font-size:1.05em;
}

/* PRODUCT */
.product{
  max-width:1050px;
  margin:60px auto;
  background:#fff;
  border-radius:12px;
  display:flex;
  flex-wrap:wrap;
  box-shadow:0 4px 12px rgba(0,0,0,0.1);
}
.product img{
  width:100%;
  max-width:420px;
  margin:auto;
}
.details{
  flex:1;
  padding:35px;
}
.details h2{
  color:#4a2e07;
}
.price{
  font-size:1.6em;
  color:#b12704;
  font-weight:700;
  margin:15px 0;
}
.features li{
  margin-bottom:8px;
}

/* INGREDIENTS */
.ingredients{
  text-align:center;
  max-width:1000px;
  margin:60px auto;
}
.ing-grid{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  justify-content:center;
}
.ing{
  background:#fff;
  width:220px;
  padding:20px;
  border-radius:10px;
  box-shadow:0 3px 10px rgba(0,0,0,0.08);
}

/* REVIEWS */
.reviews{
  background:#fff;
  max-width:850px;
  margin:60px auto;
  padding:30px;
  border-radius:12px;
}
.review{
  border-bottom:1px solid #eee;
  padding:12px 0;
}

/* FORM */
form{
  max-width:600px;
  margin:60px auto;
  background:#fff;
  padding:30px;
  border-radius:12px;
}
input{
  width:100%;
  padding:10px;
  margin-bottom:14px;
}
button.submit{
  width:100%;
  padding:14px;
  background:#ffb835;
  border:none;
  font-weight:700;
  border-radius:40px;
}

/* FOOTER */
footer{
  text-align:center;
  font-size:13px;
  padding:25px 15px;
  background:#f9f9f9;
  line-height:1.7;
}

@media(max-width:768px){
  .product{flex-direction:column}
}

/* POPUP */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.popup-content {
  background: #fff;
  padding: 30px 40px;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  max-width: 400px;
  width: 90%;
}

.popup-content h3 {
  color: #3c2a14;
  margin-top: 0;
}

.popup-content p {
  font-size: 1.1em;
  color: #222;
  margin-bottom: 25px;
}

.popup-content button {
  background: #ffb835;
  border: none;
  padding: 10px 30px;
  border-radius: 40px;
  font-weight: 700;
  cursor: pointer;
  font-size: 1em;
}