* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Fira Sans", sans-serif;
}

a {
  text-decoration: none;
  color: #fff;
}

img {
  width: 100%;
}

h1 {
  font-size: 36px;
}

.btn {
  padding: 10px 25px;
  margin-top: 50px;
  color: #fff;
  border: none;
  outline: none;
  border-radius: 60px;
  font-weight: 600;
  letter-spacing: 1px;
  display: inline-block;
}

.active {
  color: #FF7218;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

body {
  background-color: #1a1a1a;
  color: #fff;
  overflow-x: hidden;
}

/*----------MENU CARD Style css strat-------------*/


/* Section Wrapper */
.menu-section {
  padding: 15vh 0;
  max-width: 1200px;
  margin: auto;
}

/* Heading */
.menu-section-heading {
  text-align: center;
  margin-bottom: 40px;
}

.menu-section-heading h1 {
  font-size: 32px;
  margin-bottom: 15px;
}

.menu-section-heading p {
  font-size: 16px;
  line-height: 1.6;
  color: #fff;
  max-width: 800px;
  margin: auto;
}

/* Masonry style */
.menu-section .images {
  column-count: 4;   /* Desktop */
  column-gap: 15px;
}

.menu-section .images img {
  width: 100%;
  margin-bottom: 15px;
  border-radius: 10px;
  display: block;
  break-inside: avoid;   /* masonry ke liye important */
}


/* Cards Grid */
/*.menus-grid {*/
/*  display: grid;*/
/*  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/
/*  gap: 20px;*/
/*}*/

/* Card */
/*.menu-card {*/
/* background: rgba(255, 255, 255, 0.15);*/
/*  backdrop-filter: blur(15px);*/
/*  -webkit-backdrop-filter: blur(15px);*/
/*  border-radius: 16px;*/
/*  box-shadow: 0 8px 20px rgba(0,0,0,0.1);*/
/*  overflow: hidden;*/
/*  transition: transform 0.3s ease, box-shadow 0.3s ease;*/
/*}*/

/*.menu-card:hover {*/
/*   transform: translateY(-8px);*/
  /* box-shadow: 0 0 25px rgba(255, 114, 24, 0.7); /* glow effect */
/*}*/

/* Image */
/*.menu-image {*/
/*  width: 100%;*/
/*  height: 350px;*/
/*  overflow: hidden;*/
/*}*/

/*.menu-image img {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  object-fit:cover;*/
/*  display: block;*/
/*}*/

/* Content */
/*.menu-content {*/
/*  text-align: center;*/
/*  padding: 20px;*/
/*}*/

/*.menu-content h3 {*/
/*  font-size: 20px;*/
/*  font-weight: 700;*/
/*  margin-bottom: 8px;*/
/*  color: #fff;*/
/*}*/

/*.menu-content h4 {*/
/*  font-size: 20px;*/
/*  font-weight: 600;*/
/*  margin-bottom: 10px;*/
/*  color: #f07639;*/
/*}*/

/*.menu-content p {*/
/*  font-size: 14px;*/
/*  line-height: 1.5;*/
/*  color: #fff;*/
/*}*/

/* Menu Header */
/*.menu-header {*/
/*  display: grid;*/
 /* grid-template-columns: 1fr 80px 80px; /* Item | Regular | Jumbo */
/*  padding: 10px 0;*/
/*  font-weight: 700;*/
/*  color: #ff7218;*/
/*  font-size: 16px;*/
/*  margin-bottom: 8px;*/
/*  border-bottom: 2px solid rgba(255, 255, 255, 0.3);*/
/*  padding-bottom: 5px;*/
/*}*/

/*.menu-header span:first-child {*/
/*  text-align: left;   /* Item name */
/*}*/
/*.menu-header span:nth-child(2),*/
/*.menu-header span:nth-child(3) {*/
/*  text-align: right; /* ✅ Headings shift to right */
/*}*/

/* Menu List */
/*.menu-list li {*/
/*  display: grid;*/
/*  grid-template-columns: 1fr 80px 80px; /* Same as header */
/*  padding: 6px 0;*/
/*  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);*/
/*}*/

/*.menu-list li span:first-child {*/
/*  text-align: left;   /* Item name */
/*}*/
/*.menu-list li span:nth-child(2),*/
/*.menu-list li span:nth-child(3) {*/
/*  text-align: right; /* ✅ Prices also right aligned under heading */
/*}*/



/* Truncate Menu List */
/*.menu-list.truncate {*/
/*  max-height: 180px; /* approx 5 items */
/*  overflow: hidden;*/
/*  transition: max-height 0.4s ease;*/
/*}*/

/*.menu-list.truncate.expanded {*/
/*  max-height: 1000px; /* enough to show all */
/*}*/

/* Read More button */
/*.read-more {*/
/*  margin-top: 10px;*/
/*  background: transparent;*/
/*  border: none;*/
/*  color: #ff7218;*/
/*  font-weight: 600;*/
/*  cursor: pointer;*/
/*  transition: color 0.3s ease;*/
/*}*/

/*.read-more:hover {*/
/*  color: #e85d00;*/
/*}*/

/* ------------ Responsive ------------- */


/* 🔹 Responsive breakpoints */
@media (max-width: 1024px) {
  .menu-section .images {
    column-count: 2; /* Tablet */
  }
}

@media (max-width: 768px) {
  .menu-section {
    padding: 60px 15px;
  }
  .menu-section-heading h1 {
    font-size: 28px;
  }
  .menu-section .images {
    column-count: 2; /* Mobile landscape */
  }
}

@media (max-width: 480px) {
  .menu-section {
    padding: 40px 10px;
  }
 .menu-section-heading h1 {
    font-size: 28px;
  }
  .menu-section .images {
    column-count: 2; /* Mobile portrait */
  }
}

@media (max-width: 380px) {
  .menu-section {
    padding: 40px 10px;
  }
  .menu-section-heading h1 {
    font-size: 28px;
  }
  .menu-section .images {
    column-count: 2; /* Mobile portrait */
  }
}



/* Tablet */
/*@media (max-width: 992px) {*/
    
  /*  .menus-grid {*/
  /*  grid-template-columns: repeat(2, 1fr);*/
  /*  gap: 15px;*/
  /*}*/
  /*.menu-section {*/
  /*  padding: 15vh 30px;*/
  /*}*/

  /*.menu-section-heading h1 {*/
  /*  font-size: 28px;*/
  /*}*/

  /*.menu-image {*/
  /*  height: 300px;*/
  /*}*/
/*}*/

/* Mobile - 2x2 Cards */
/*@media (max-width: 768px) {*/
  /*.menus-grid {*/
  /*  grid-template-columns: repeat(2, 1fr);*/
  /*  gap: 15px;*/
  /*}*/

  /*.menu-image {*/
  /*  height: 250px;*/
  /*}*/

  /*.menu-content h3 {*/
  /*  font-size: 18px;*/
  /*}*/

  /*.menu-content h4 {*/
  /*  font-size: 16px;*/
  /*}*/
/*}*/

/* Small Mobile - 1 Card */
/*@media (max-width: 480px) {*/
  /*.menus-grid {*/
  /*  grid-template-columns:1fr;*/
  /*}*/

  /*.menu-image {*/
  /*  height: 220px;*/
  /*}*/
/*}*/