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

:root {
  --ice-red: #E53935;
  --ice-yellow: #FFB300;
  --ice-black: #212121;
  --ice-white: #FFF8E1;
  --ice-non-veg: #fc0000;
  --ice-veg: #07bb15;
  --ice-drinks: #00A3FF;
}

body {
  font-family: 'Poppins', sans-serif;
  background-color: var(--ice-white);
  color: var(--ice-black);
}

/* Nav links underline from center */
.nav-link {
  position: relative;
  display: inline-block;
  padding: 0.25rem 0;
  color: black;
  transition: color 0.3s ease;
}

.nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 2px;
  background: var(--ice-red);
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

.nav-link:hover {
  color: var(--ice-red);
}

.nav-link:hover::after {
  width: 100%;
}

/* Mobile nav links */
#mobile-menu a {
  text-align: center;
  transition: all 0.3s ease;           
}

#mobile-menu a:hover {
  color: var(--ice-red);
}



/* Hamburger animation */
.menu-open span:nth-child(1) {
  transform: rotate(45deg) translate(9px, 5px);
}
.menu-open span:nth-child(2) {
  opacity: 0;
}
.menu-open span:nth-child(3) {
  transform: rotate(-45deg) translate(9px, -5px);
}

/* Testimonials - One Slide */
.ts-slider {
  position: relative;
  overflow: hidden;
}
.ts-slide { width: 100%; }
.ts-dot {
  width: 5px; height: 5px; border-radius: 9999px;
  background: #e0e0e0; transition: transform .2s ease, background .2s ease;
}
.ts-dot.active { background: var(--ice-red); transform: scale(1.2); }

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

:root {
  --ice-red: #E53935;
  --ice-yellow: #FFB300;
  --ice-black: #212121;
  --ice-white: #FFF8E1;
}

body {
  font-family: 'Poppins', sans-serif;
  background-color: var(--ice-white);
  color: var(--ice-black);
}

/* Nav links underline from center */
.nav-link {
  position: relative;
  display: inline-block;
  padding: 0.25rem 0;
  color: black;
  transition: color 0.3s ease;
}

.nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 2px;
  background: var(--ice-red);
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

.nav-link:hover {
  color: var(--ice-red);
}

.nav-link:hover::after {
  width: 100%;
}

/* Mobile nav links */
#mobile-menu a {
  text-align: center;
  transition: all 0.3s ease;           
}

#mobile-menu a:hover {
  color: var(--ice-red);
}



/* Hamburger animation */
.menu-open span:nth-child(1) {
  transform: rotate(45deg) translate(9px, 5px);
}
.menu-open span:nth-child(2) {
  opacity: 0;
}
.menu-open span:nth-child(3) {
  transform: rotate(-45deg) translate(9px, -5px);
}

/* Testimonials - One Slide */
.ts-slider {
  position: relative;
  overflow: hidden;
}
.ts-slide { width: 100%; }
.ts-dot {
  width: 5px; height: 5px; border-radius: 9999px;
  background: #e0e0e0; transition: transform .2s ease, background .2s ease;
}
.ts-dot.active { background: var(--ice-red); transform: scale(1.2); }



/*<!-- ================= BURGERS ================= -->/

/* --- Swiper/coverflow visual rules --- */
.burger-swiper { padding: 36px 0; }

/* Important: give slides a fixed reasonable width so neighbors are visible */
.burger-swiper .swiper-slide {
  width: 240px;                     /* desktop width for each item */
  display: flex;
  justify-content: center;
  opacity: 0.25;
  transition: transform .35s ease, opacity .35s ease;
}

/* slide image sizing */
.burger-swiper .swiper-slide img {
  width: 100%;
  height: 176px;
  object-fit: cover;
}

/* center (active) looks bigger and sharper */
.burger-swiper .swiper-slide-active {
  transform: scale(1.12);
  opacity: 1;
  z-index: 10;
}

/* slightly bigger slides on wider screens */
@media (min-width: 1024px) {
  .burger-swiper .swiper-slide { width: 280px; }
  .burger-swiper .swiper-slide img { height: 180px; }
}

/* Prevent parent containers from clipping shadows */
.burger-swiper .card { will-change: transform; }



/*<!-- ================= PIZZA ================= -->/

/* --- Swiper/coverflow visual rules --- */
.pizza-swiper { padding: 36px 0; }

/* Important: give slides a fixed reasonable width so neighbors are visible */
.pizza-swiper .swiper-slide {
  width: 240px;                     /* desktop width for each item */
  display: flex;
  justify-content: center;
  opacity: 0.25;
  transition: transform .35s ease, opacity .35s ease;
}

/* slide image sizing */
.pizza-swiper .swiper-slide img {
  width: 100%;
  height: 176px;
  object-fit: cover;
}

/* center (active) looks bigger and sharper */
.pizza-swiper .swiper-slide-active {
  transform: scale(1.12);
  opacity: 1;
  z-index: 10;
}

/* slightly bigger slides on wider screens */
@media (min-width: 1024px) {
  .pizza-swiper .swiper-slide { width: 280px; }
  .pizza-swiper .swiper-slide img { height: 180px; }
}

/* Prevent parent containers from clipping shadows */
.pizza-swiper .card { will-change: transform; }



/*<!-- ================= VEG SNACKS ITEMS ================= -->/

/* --- Swiper/coverflow visual rules --- */
.veg-swiper { padding: 36px 0; }

/* Important: give slides a fixed reasonable width so neighbors are visible */
.veg-swiper .swiper-slide {
  width: 240px;                     /* desktop width for each item */
  display: flex;
  justify-content: center;
  opacity: 0.25;
  transition: transform .35s ease, opacity .35s ease;
}

/* slide image sizing */
.veg-swiper .swiper-slide img {
  width: 100%;
  height: 176px;
  object-fit: cover;
}

/* center (active) looks bigger and sharper */
.veg-swiper .swiper-slide-active {
  transform: scale(1.12);
  opacity: 1;
  z-index: 10;
}

/* slightly bigger slides on wider screens */
@media (min-width: 1024px) {
  .veg-swiper .swiper-slide { width: 280px; }
  .veg-swiper .swiper-slide img { height: 180px; }
}

/* Prevent parent containers from clipping shadows */
.veg-swiper .card { will-change: transform; }


/*<!-- ================= CRISPY ITEMS ================= -->/

/* --- Swiper/coverflow visual rules --- */
.crispy-swiper { padding: 36px 0; }

/* Important: give slides a fixed reasonable width so neighbors are visible */
.crispy-swiper .swiper-slide {
  width: 240px;                     /* desktop width for each item */
  display: flex;
  justify-content: center;
  opacity: 0.25;
  transition: transform .35s ease, opacity .35s ease;
}

/* slide image sizing */
.crispy-swiper .swiper-slide img {
  width: 100%;
  height: 176px;
  object-fit: cover;
}

/* center (active) looks bigger and sharper */
.crispy-swiper .swiper-slide-active {
  transform: scale(1.12);
  opacity: 1;
  z-index: 10;
}

/* slightly bigger slides on wider screens */
@media (min-width: 1024px) {
  .crispy-swiper .swiper-slide { width: 280px; }
  .crispy-swiper .swiper-slide img { height: 180px; }
}

/* Prevent parent containers from clipping shadows */
.crispy-swiper .card { will-change: transform; }



/*<!-- ================= MEALS ================= -->/

/* --- Swiper/coverflow visual rules --- */
.meals-swiper { padding: 36px 0; }

/* Important: give slides a fixed reasonable width so neighbors are visible */
.meals-swiper .swiper-slide {
  width: 240px;                     /* desktop width for each item */
  display: flex;
  justify-content: center;
  opacity: 0.25;
  transition: transform .35s ease, opacity .35s ease;
}

/* slide image sizing */
.meals-swiper .swiper-slide img {
  width: 100%;
  height: 176px;
  object-fit: cover;
}

/* center (active) looks bigger and sharper */
.meals-swiper .swiper-slide-active {
  transform: scale(1.12);
  opacity: 1;
  z-index: 10;
}

/* slightly bigger slides on wider screens */
@media (min-width: 1024px) {
  .meals-swiper .swiper-slide { width: 280px; }
  .meals-swiper .swiper-slide img { height: 180px; }
}

/* Prevent parent containers from clipping shadows */
.meals-swiper .card { will-change: transform; }



/*<!-- ================= DRINKS ================= -->/

/* --- Swiper/coverflow visual rules --- */
.drinks-swiper { padding: 36px 0; }

/* Important: give slides a fixed reasonable width so neighbors are visible */
.drinks-swiper .swiper-slide {
  width: 240px;                     /* desktop width for each item */
  display: flex;
  justify-content: center;
  opacity: 0.25;
  transition: transform .35s ease, opacity .35s ease;
}

/* slide image sizing */
.drinks-swiper .swiper-slide img {
  width: 100%;
  height: 176px;
  object-fit: cover;
}

/* center (active) looks bigger and sharper */
.drinks-swiper .swiper-slide-active {
  transform: scale(1.12);
  opacity: 1;
  z-index: 10;
}

/* slightly bigger slides on wider screens */
@media (min-width: 1024px) {
  .drinks-swiper .swiper-slide { width: 280px; }
  .drinks-swiper .swiper-slide img { height: 180px; }
}

/* Prevent parent containers from clipping shadows */
.drinks-swiper .card { will-change: transform; }


/*<!-- ================= SHAKES ================= -->/

/* --- Swiper/coverflow visual rules --- */
.shakes-swiper { padding: 36px 0; }

/* Important: give slides a fixed reasonable width so neighbors are visible */
.shakes-swiper .swiper-slide {
  width: 240px;                     /* desktop width for each item */
  display: flex;
  justify-content: center;
  opacity: 0.25;
  transition: transform .35s ease, opacity .35s ease;
}

/* slide image sizing */
.shakes-swiper .swiper-slide img {
  width: 100%;
  height: 176px;
  object-fit: cover;
}

/* center (active) looks bigger and sharper */
.shakes-swiper .swiper-slide-active {
  transform: scale(1.12);
  opacity: 1;
  z-index: 10;
}

/* slightly bigger slides on wider screens */
@media (min-width: 1024px) {
  .shakes-swiper .swiper-slide { width: 280px; }
  .shakes-swiper .swiper-slide img { height: 180px; }
}

/* Prevent parent containers from clipping shadows */
.shakes-swiper .card { will-change: transform; }


/*<!-- ================= DIPS ================= -->/

/* --- Swiper/coverflow visual rules --- */
.dips-swiper { padding: 36px 0; }

/* Important: give slides a fixed reasonable width so neighbors are visible */
.dips-swiper .swiper-slide {
  width: 240px;                     /* desktop width for each item */
  display: flex;
  justify-content: center;
  opacity: 0.25;
  transition: transform .35s ease, opacity .35s ease;
}

/* slide image sizing */
.dips-swiper .swiper-slide img {
  width: 100%;
  height: 176px;
  object-fit: cover;
}

/* center (active) looks bigger and sharper */
.dips-swiper .swiper-slide-active {
  transform: scale(1.12);
  opacity: 1;
  z-index: 10;
}

/* slightly bigger slides on wider screens */
@media (min-width: 1024px) {
  .dips-swiper .swiper-slide { width: 280px; }
  .dips-swiper .swiper-slide img { height: 180px; }
}

/* Prevent parent containers from clipping shadows */
.dips-swiper .card { will-change: transform; }


/* spin animation */
.animate-spin-slow {
  animation: spin 20s linear infinite;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}