html {
   scroll-behavior: smooth;
}

/* Custom Styles */
.navbar {
   background: linear-gradient(90deg, #c1272d, #ffd700);
}
.navbar-brand {
   font-family: "Playfair Display", serif;
   font-size: 1.8rem;
   color: #fff;
   font-weight: bold;
}
.nav-link {
   color: #fff !important;
   font-weight: 500;
   margin-right: 1rem;
   transition: 0.3s;
}
.nav-link:hover {
   color: #2e2e2e !important;
}
.order-btn {
   background: #fff;
   color: #c1272d;
   font-weight: bold;
   border-radius: 50px;
   padding: 0.5rem 1.5rem;
   transition: 0.3s;
}
.order-btn:hover {
   background: #2e2e2e;
   color: #ffd700;
}
.sticky-top {
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.hero-section {
   background-image: url("https://images.unsplash.com/photo-1513104890138-7c749659a591?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
   background-size: cover;
   background-position: center;
   background-attachment: fixed; /* Parallax effect */
   height: 100vh;
   position: relative;
}
.hero-section::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5); /* Dark overlay for text visibility */
   z-index: 1;
}
.hero-section .container {
   position: relative;
   z-index: 2;
}
.btn-primary {
   background: #ffd700;
   border: none;
   color: #2e2e2e;
   font-weight: 600;
}
.btn-primary:hover {
   background: #c1272d;
   color: #fff;
}
.btn-outline-light:hover {
   background: #ffd700;
   color: #2e2e2e;
}
.featured-pizzas {
   background: #fff8f0;
}
.pizza-card {
   transition: transform 0.4s ease, box-shadow 0.4s ease;
   border: none;
   border-radius: 20px;
   overflow: hidden;
}
.pizza-card img {
   transition: transform 0.4s ease;
}
.pizza-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.pizza-card:hover img {
   transform: scale(1.05) rotate(1deg);
}
.btn-primary.btn-sm {
   background: #c1272d;
   border: none;
   font-weight: 500;
   padding: 0.4rem 1.2rem;
}
.btn-primary.btn-sm:hover {
   background: #ffd700;
   color: #2e2e2e;
}
.about-us {
   background: #fff8f0;
}
.about-us h2 {
   color: #c1272d;
}
.about-us p {
   color: #2e2e2e;
   font-size: 1.05rem;
}
.about-us .btn-primary {
   background: #c1272d;
   border: none;
   font-weight: 600;
}
.about-us .btn-primary:hover {
   background: #ffd700;
   color: #2e2e2e;
}
.why-choose-us {
   background: #2e2e2e;
   color: #fff8f0;
}
.feature-card {
   background: #fff;
   border-radius: 15px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s ease;
   color: #2e2e2e;
}
.feature-card:hover {
   transform: translateY(-5px);
}
.counter-box {
   background: #c1272d;
   color: #fff;
   border-radius: 15px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.counter-box p {
   margin: 0;
   font-size: 1.1rem;
}
.customer-reviews {
   background: #fff8f0;
}
.review-card {
   max-width: 600px;
   background: #fff;
   border-radius: 15px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.stars i {
   font-size: 1.2rem;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
   background-color: #c1272d;
   border-radius: 50%;
   padding: 10px;
}
.order-online {
   background: #2e2e2e;
   color: #fff8f0;
}
.deal-card {
   background: #fff;
   border-radius: 15px;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
   transition: transform 0.4s ease, box-shadow 0.4s ease;
   color: #2e2e2e;
}
.deal-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.deal-card img {
   border-radius: 10px;
   transition: transform 0.4s ease;
}
.deal-card:hover img {
   transform: scale(1.03);
}
.btn-primary {
   background: #c1272d;
   border: none;
   font-weight: 600;
}
.btn-primary:hover {
   background: #ffd700;
   color: #2e2e2e;
}
.newsletter-signup {
   background: #ffd700;
   color: #2e2e2e;
}
.newsletter-signup h2 {
   color: #c1272d;
}
.newsletter-signup input {
   border-radius: 30px;
   border: 2px solid #c1272d;
}
.newsletter-signup .btn-primary {
   background: #c1272d;
   border: none;
   border-radius: 30px;
   padding: 0.5rem 1.5rem;
   font-weight: 600;
}
.newsletter-signup .btn-primary:hover {
   background: #2e2e2e;
   color: #ffd700;
}
.footer {
   background: #2e2e2e;
   color: #ffffff;
}
.footer a:hover {
   color: #ffd700;
}
.footer .bi {
   transition: color 0.3s;
}
.footer .bi:hover {
   color: #ffd700;
}