body {
   font-family: Arial, Helvetica, sans-serif;
   background-color: #e8e2d6;
   margin: 0;
   padding: 30px;
}
/* Main Wrapper */
#pageWrapper {
   max-width: 1150px;
   margin: auto;
   background-color: #fbf7ef;
   border: 6px solid #8b1f1f;
   border-radius: 16px;
   padding: 30px;
   box-shadow: 0 0 22px rgba(0,0,0,0.22);
}
/* Navigation */
#topNav {
   background-color: #4f6f8d;
   border-radius: 10px;
   padding: 15px 0;
}
#topNav ul {
   list-style: none;
   display: flex;
   justify-content: center;
   gap: 35px;
   margin: 0;
   padding: 0;
   flex-wrap: wrap;
}
#topNav a {
   text-decoration: none;
   color: white;
   font-size: 18px;
   font-weight: bold;
   transition: 0.3s;
}
#topNav a:hover {
   color: #111111;
}
/* Header */
#pageHeader {
   text-align: center;
   margin: 35px 0;
}
#pageHeader h1 {
   color: #8b1f1f;
   font-size: 42px;
   margin-bottom: 10px;
}
#pageHeader p {
   font-size: 20px;
   color: #333333;
}
/* Image */
#pizzaImage {
   display: block;
   width: 38%;
   max-width: 300px;
   margin: 25px auto 10px;
   border: 5px solid #252525;
   border-radius: 14px;
   box-shadow: 0 0 14px rgba(0,0,0,0.28);
}
/* Pizza Builder Box */
#pizzaBox {
   max-width: 725px;
   margin: 35px auto;
   background-color: #ffffff;
   padding: 30px;
   border-radius: 15px;
   border: 3px solid #8b1f1f;
   box-shadow: 0 0 14px rgba(0,0,0,0.16);
}
label {
   display: block;
   margin-top: 16px;
   font-size: 18px;
   font-weight: bold;
   color: #2d2d2d;
}
input[type="text"],
input[type="email"],
select {
   width: 100%;
   padding: 12px;
   margin-top: 8px;
   border-radius: 8px;
   border: 2px solid #b8b0a3;
   font-size: 17px;
   box-sizing: border-box;
   background-color: #fffdf8;
}
input[type="text"]:focus,
input[type="email"]:focus,
select:focus {
   outline: none;
   border-color: #8b1f1f;
   box-shadow: 0 0 6px rgba(139,31,31,0.35);
}
h2 {
   margin-top: 30px;
   color: #8b1f1f;
   border-bottom: 2px solid #d8a13b;
   padding-bottom: 8px;
}
input[type="checkbox"] {
   margin-right: 10px;
}
/* Buttons */
#calculateBtn,
#saveFavorite,
#orderAgain,
#clearFavorite {
   display: block;
   width: 100%;
   margin-top: 20px;
   padding: 15px;
   background-color: #8b1f1f;
   color: white;
   border: none;
   border-radius: 10px;
   font-size: 18px;
   font-weight: bold;
   cursor: pointer;
   box-shadow: 0 4px 0 #5f1515;
}
#calculateBtn:hover,
#saveFavorite:hover,
#orderAgain:hover,
#clearFavorite:hover {
   background-color: #a52929;
}
#calculateBtn:active,
#saveFavorite:active,
#orderAgain:active,
#clearFavorite:active {
   transform: translateY(3px);
   box-shadow: 0 1px 0 #5f1515;
}
/* Receipt */
#receiptBox {
   display: none;
   max-width: 725px;
   margin: 30px auto;
   background-color: #ffffff;
   padding: 25px;
   border-radius: 15px;
   border-left: 8px solid #8b1f1f;
   box-shadow: 0 0 12px rgba(0,0,0,0.14);
   font-size: 18px;
   line-height: 1.6;
   color: #2d2d2d;
}
#receipt h2 {
   margin-top: 0;
   color: #8b1f1f;
   border-bottom: 2px solid #8b1f1f;
   padding-bottom: 8px;
}
#saveFavorite {
   display: none;
}
/* Favorite Pizza */
#favoriteBox {
   display: none;
   max-width: 725px;
   margin: 30px auto;
   background-color: #ffffff;
   padding: 25px;
   border-radius: 15px;
   border-left: 8px solid #8b1f1f;
   box-shadow: 0 0 12px rgba(0,0,0,0.14);
   font-size: 18px;
   line-height: 1.6;
   color: #2d2d2d;
}
#favoriteBox h2 {
   margin-top: 0;
}
#favoriteOrder {
   margin-top: 15px;
}
/* Footer */
footer {
   text-align: center;
   margin-top: 30px;
   color: #444444;
   font-style: italic;
}