/* Optimized flavour.css - auto-generated */
/* Removed unused classes and Wingstop brand colors */
:root {
  --dl-color-menu-gray: rgba(127, 127, 127, 1);
  --dl-color-menu-black: rgba(0, 0, 0, 1);
  --dl-color-menu-holly: rgba(29, 0, 0, 1);
  --dl-color-menu-white: rgba(255, 255, 255, 1);
  --dl-color-menu-funred: rgba(105, 0, 1, 1);
  --dl-layout-size-large: 144px;
  --dl-layout-size-small: 48px;
  --dl-layout-space-unit: 16px;
  --dl-color-menu-mercury: rgba(230, 230, 230, 1);
  --dl-layout-size-medium: 96px;
  --dl-layout-size-xlarge: 192px;
  --dl-layout-size-xsmall: 16px;
  --dl-color-menu-camarone: rgba(89, 0, 1, 1);
  --dl-color-menu-scorpion: rgba(91, 91, 91, 1);
  --dl-color-theme-accent1: #ffffff;
  --dl-color-theme-accent2: #f5d1b0;
  --dl-layout-radius-round: 50%;
  --dl-layout-size-xxlarge: 288px;
  --dl-color-theme-primary1: #bf4408;
  --dl-color-theme-primary2: #e65103;
  --dl-layout-size-maxwidth: 1400px;
  --dl-color-menu-kaitokered: rgba(84, 0, 1, 1);
  --dl-layout-radius-radius2: 2px;
  --dl-layout-radius-radius4: 4px;
  --dl-layout-radius-radius8: 8px;
  --dl-layout-space-halfunit: 8px;
  --dl-layout-space-sixunits: 96px;
  --dl-layout-space-twounits: 32px;
  --dl-color-theme-secondary1: #ffffff;
  --dl-color-theme-secondary2: #fbf1eb;
  --dl-layout-space-fiveunits: 80px;
  --dl-layout-space-fourunits: 64px;
  --dl-layout-space-threeunits: 48px;
  --dl-color-theme-neutral-dark: #191818;
  --dl-layout-radius-cardradius: 8px;
  --dl-color-theme-neutral-light: #fbfaf9;
  --dl-layout-radius-imageradius: 8px;
  --dl-layout-radius-inputradius: 24px;
  --dl-color-paragraph-paragraph1: rgba(255, 255, 255, 1);
  --dl-color-paragraph-paragraph2: rgba(0, 0, 0, 1);
  --dl-layout-radius-buttonradius: 24px;
  --dl-color-menu_chicking-thunder: rgba(35, 31, 31, 1);
  --dl-color-background-background1: rgba(255, 255, 255, 1);
  --dl-color-background-background2: rgba(0, 0, 0, 1);
  --dl-layout-space-oneandhalfunits: 24px;
}
.MenuInterLight1 {
  font-size: 13.800000190734863px;
  font-style: normal;
  font-family: Inter;
  font-weight: 300px;
  font-stretch: normal;
  letter-spacing: 0em;
}
.flavor-container100 {
  width: 100%;
  display: flex;
  overflow: hidden;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  margin-top: 80px;
}
.flavor-flavor {
  gap: 10px;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
  background-color: var(--dl-color-menu-black);
}
.flavor-slot {
  height: 100%;
  width: 100%;
  display: flex;
  position: relative;
  align-self: stretch;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
  background-color: var(--dl-color-menu-black);
  padding-bottom: 100px;
}
.flavor-slider-creamy,
.flavor-slider-smoky,
.flavor-slider-spicy {
  height: 21px;
  max-width: 784px;
  width: 100%;
}
.flavor-slider-creamy,
input[type="range"].flavor-slider-spicy,
input[type="range"].flavor-slider-smoky {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
}

/* Webkit (Chrome, Safari, Edge) slider thumb */
.flavor-slider-creamy::-webkit-slider-thumb,
.flavor-slider-spicy::-webkit-slider-thumb,
.flavor-slider-smoky::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #cf0a2c;
  border: 3px solid #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  margin-top: -8px;
}

/* Firefox slider thumb */
.flavor-slider-creamy::-moz-range-thumb,
.flavor-slider-spicy::-moz-range-thumb,
.flavor-slider-smoky::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #cf0a2c;
  border: 3px solid #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

/* Webkit slider track */
.flavor-slider-creamy::-webkit-slider-runnable-track,
.flavor-slider-spicy::-webkit-slider-runnable-track,
.flavor-slider-smoky::-webkit-slider-runnable-track {
  height: 10px;
  border-radius: 5px;
  background: transparent;
}

/* Firefox slider track */
.flavor-slider-creamy::-moz-range-track,
.flavor-slider-spicy::-moz-range-track,
.flavor-slider-smoky::-moz-range-track {
  height: 10px;
  border-radius: 5px;
  background: transparent;
}
.flavor-container101 {
  display: flex;
  width: 100%;
  padding: 115px 0 82px;
  z-index: 2;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
.flavor-heading1margin {
  gap: 10px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.flavor-heading1 {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-family: Soulcraft;
}
.flavor-text100 {
  color: var(--dl-color-menu-white);
  height: auto;
  box-shadow: 3px 4px 4px 0px rgba(0, 0, 0, 1);
  text-align: center;
  line-height: 64.3499984741211px;
  margin: 0;
}
.flavor-container102 {
  display: flex;
  padding: 0 83.80000305175781px 0.6000000238418579px 83.79000091552734px;
  align-items: center;
  flex-direction: column;
}
.flavor-text101 {
  color: var(--dl-color-menu-white);
  height: auto;
  box-shadow: 3px 4px 4px 0px rgba(0, 0, 0, 1);
  text-align: center;
  line-height: 22px;
}
.flavor-appflavorswrapper {
  gap: 48px;
  height: auto;
  display: flex;
  z-index: 0;
  align-items: center;
  flex-shrink: 0;
  padding-top: 0 30px 150px;
  padding-left: 0 30px 150px;
  padding-right: 0 30px 150px;
  flex-direction: column;
}
.flavor-appflavorsrangeslider1 {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.10000000149011612);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  background-size: cover;
  justify-content: space-between;
  background-image: url("public/tq_qlflm_eubd-f1b5-2200h.png");
}
.flavor-margin1 {
  height: 89px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
}
.flavor-vertical-border1 {
  gap: 15px;
  height: 89px;
  display: flex;
  padding: 48px 30.799999237060547px 8px 0;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(216, 216, 216, 0.30000001192092896);
  border-style: solid;
  flex-direction: column;
}
.flavor-heatscalenoheat1 {
  width: 793.6000366210938px;
  height: 4px;
  display: flex;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
}
.flavor-container103 {
  top: -16px;
  left: 0px;
  width: 794px;
  height: 32px;
  display: flex;
  padding: 14px 0 0;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
.flavor-background10 {
  width: 769px;
  height: 10px;
  border-radius: 2px;
}
.flavor-container104 {
  margin-top: -16px;
  left: 0px;
  width: 794px;
  height: 32px;
  display: flex;
  padding: 14px 0 0;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
.flavor-gradient1 {
  width: 769px;
  height: 10px;
  border-radius: 2px;
}
.flavor-slider-heatscalenoheat1 {
  margin-top: -8px;
  left: 0px;
  width: 100%;
  max-width: 784px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  border-radius: 16px;
  flex-direction: column;
}
.flavor-container105,
.flavor-container109,
.flavor-container113 {
  width: 100%;
  display: flex;
  padding: 0 0 0.6000000238418579px;
  z-index: 1;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
}
.flavor-text105 {
  color: var(--dl-color-menu-white);
  height: auto;
  font-size: 14.800000190734863px;
  font-style: Extra Bold;
  text-align: center;
  font-family: Inter;
  font-weight: 700;
  line-height: 14px;
  font-stretch: normal;
  text-decoration: none;
}
.flavor-container106 {
  gap: 669.0499877929688px;
  display: flex;
  padding: 0 1.1368683772161603e-13px 0 0;
  z-index: 2;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  justify-content: space-between;
}
.flavor-appflavorsrangeslider2 {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.10000000149011612);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  background-size: cover;
  justify-content: space-between;
  background-image: url("public/tq_2pozaj30zc-f45t-2200h.png");
}
.flavor-margin2 {
  height: 89px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
}
.flavor-vertical-border2 {
  gap: 15px;
  height: 89px;
  display: flex;
  padding: 48px 30.799999237060547px 8px 0;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(216, 216, 216, 0.30000001192092896);
  border-style: solid;
  flex-direction: column;
}
.flavor-heatscalenoheat2 {
  width: 793.6000366210938px;
  height: 4px;
  display: flex;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
}
.flavor-container107 {
  top: -16px;
  left: 0px;
  width: 794px;
  height: 32px;
  display: flex;
  padding: 14px 0 0;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
.flavor-background11 {
  width: 769px;
  height: 10px;
  border-radius: 2px;
}
.flavor-container108 {
  top: -16px;
  left: 0px;
  width: 794px;
  height: 32px;
  display: flex;
  padding: 14px 0 0;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
.flavor-gradient2 {
  width: 769px;
  height: 10px;
  border-radius: 2px;
}
.flavor-slider-heatscalenoheat2 {
  margin-top: -8px;
  left: 0px;
  width: 100%;
  max-width: 784px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  border-radius: 16px;
  flex-direction: column;
}
.flavor-sliderpointersvgfill2 {
  width: 25px;
  height: 25px;
}
.flavor-text106 {
  color: var(--dl-color-menu-white);
  height: auto;
  font-size: 14.800000190734863px;
  font-style: Extra Bold;
  text-align: center;
  font-family: Inter;
  font-weight: 700;
  line-height: 14px;
  font-stretch: normal;
  text-decoration: none;
}
.flavor-container110 {
  gap: 669.0499877929688px;
  display: flex;
  padding: 0 1.1368683772161603e-13px 0 0;
  z-index: 2;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  justify-content: space-between;
}
.flavor-appflavorsrangeslider3 {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.10000000149011612);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  background-size: cover;
  justify-content: space-between;
  background-image: url("public/tq_qrd0es6gsl-a5pil-2200h.png");
}
.flavor-margin3 {
  height: 89px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
}
.flavor-vertical-border3 {
  gap: 15px;
  height: 89px;
  display: flex;
  padding: 48px 30.799999237060547px 8px 0;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(216, 216, 216, 0.30000001192092896);
  border-style: solid;
  flex-direction: column;
}
.flavor-heatscalenoheat3 {
  width: 793.6000366210938px;
  height: 4px;
  display: flex;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
}
.flavor-container111 {
  top: -16px;
  left: 0px;
  width: 794px;
  height: 32px;
  display: flex;
  padding: 14px 0 0;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
.flavor-background12 {
  width: 769px;
  height: 10px;
  border-radius: 2px;
}
.flavor-container112 {
  top: -16px;
  left: 0px;
  width: 794px;
  height: 32px;
  display: flex;
  padding: 14px 0 0;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
.flavor-gradient3 {
  width: 769px;
  height: 10px;
  border-radius: 2px;
}
.flavor-slider-heatscalenoheat3 {
  margin-top: -8px;
  left: 0px;
  width: 100%;
  max-width: 784px;
  height: 25px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  border-radius: 16px;
  flex-direction: column;
}
.flavor-text107 {
  color: var(--dl-color-menu-white);
  height: auto;
  font-size: 14.800000190734863px;
  font-style: Extra Bold;
  text-align: center;
  font-family: Inter;
  font-weight: 700;
  line-height: 14px;
  font-stretch: normal;
  text-decoration: none;
}
.flavor-container115 {
  gap: 10px;
  width: 100%;
  display: grid;
  align-self: center;
  grid-template-columns: repeat(3, 1fr);
  position: relative;
}
.flavor-background13 {
  width: 347px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  border-radius: 4px;
  flex-direction: column;
  background-size: cover;
  background-image: url("public/tq_ueyllb3xnz-a09s-400w.png");
}
.flavor-overlay-border-shadow10 {
  height: 325px;
  display: flex;
  padding: 38.79999923706055px 35.79999923706055px;
  align-self: stretch;
  align-items: center;
  border-color: rgba(255, 255, 255, 0.10000000149011612);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  flex-direction: column;
  padding-bottom: 1px;
  background-color: var(--dl-color-www-wingstop-co-uk-white02);
}
.flavor-container116 {
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
.flavor-container117 {
  gap: 2.200000047683716px;
  display: flex;
  padding: 0 0 14.800000190734863px;
  align-items: center;
  flex-direction: column;
}
.flavor-container118 {
  display: flex;
  padding: 0 0 19.200000762939453px;
  align-items: flex-start;
}
.flavor-svg10 {
  width: 80px;
  height: 80px;
  background-color: darkred;
  border-radius: 40px;
}
.flavor-container119 {
  gap: 4.618527782440651e-14px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
.flavor-heading210 {
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
.flavor-text108 {
  color: var(--dl-color-menu-white);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 25.200000762939453px;
}
.flavor-container120 {
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
.flavor-frame0levelsofspiciness10 {
  width: 90px;
  height: 18px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  background-size: cover;
  background-image: url("public/tq_4lvj8wp16m-9i6qh-200h.png");
}
.flavor-container121 {
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
.flavor-frame3levelsofspiciness10 {
  width: 90px;
  height: 18px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  background-size: cover;
  background-image: url("public/tq_qckhrazsfy-lsru-200h.png");
}
.flavor-container122 {
  display: flex;
  padding: 9.800000190734863px 0 0;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
.flavor-text109 {
  color: var(--dl-color-menu-white);
  height: auto;
  text-align: center;
  line-height: 24px;
}
.flavor-appflavorscard11 {
  width: 100%;
  height: 326px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
  overflow: hidden;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.flavor-button-hawaiian-order-nowmargin12 {
  width: 262px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  padding-left: 0px;
  padding-right: 0px;
  flex-direction: row;
  padding-bottom: 0px;
}
.flavor-component216 {
  width: 264px;
  display: flex;
  padding: 13.899999618530273px 24.799999237060547px 12.600000381469727px;
  overflow: hidden;
  align-items: center;
  flex-shrink: 0;
  border-radius: 4px;
  justify-content: center;
  background-color: var(--dl-color-menu-funred);
}
.flavor-text149 {
  color: var(--dl-color-menu-white);
  height: auto;
  text-align: center;
  line-height: 24.299999237060547px;
}
.flavor-container498 {
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
.flavor-container499 {
  gap: 2.200000047683716px;
  display: flex;
  padding: 0 0 14.800000190734863px;
  align-items: center;
  flex-direction: column;
}
.flavor-container500 {
  display: flex;
  padding: 0 0 19.200000762939453px;
  align-items: flex-start;
}
.flavor-container501 {
  gap: 4.618527782440651e-14px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
.flavor-heading272 {
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
.flavor-text489 {
  color: var(--dl-color-menu-white);
  height: auto;
  align-self: stretch;
  text-align: center;
  line-height: 25.200000762939453px;
}
.flavor-container502 {
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
.flavor-frame0levelsofspiciness31 {
  width: 90px;
  height: 18px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  background-size: cover;
  background-image: url("public/tq_4lvj8wp16m-9i6qh-200h.png");
}
.flavor-frame3levelsofspiciness52 {
  width: 90px;
  height: 18px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  background-size: cover;
  background-image: url("public/tq_qckhrazsfy-lsru-200h.png");
}
.flavor-container503 {
  display: flex;
  padding: 9.800000190734863px 0 0;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
}
.flavor-text490 {
  color: var(--dl-color-menu-white);
  height: auto;
  text-align: center;
  line-height: 24px;
}
.flavor-button-hawaiian-order-nowmargin31 {
  width: 262px;
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  padding-left: 0px;
  padding-right: 0px;
  flex-direction: row;
  padding-bottom: 0px;
}
.flavor-component272 {
  width: 264px;
  display: flex;
  padding: 13.899999618530273px 24.799999237060547px 12.600000381469727px;
  overflow: hidden;
  align-items: center;
  flex-shrink: 0;
  border-radius: 4px;
  justify-content: center;
  background-color: var(--dl-color-menu-funred);
}
.flavor-image2 {
  width: 100%;
  max-width: 750px;
  height: auto;
  opacity: 0.51;
  z-index: 1;
  position: absolute;
  transform: translateX(325px);
  filter: brightness(0.95);
}

@media screen and (max-width: 1220px) {
  /* Adjust flavor container */
  .flavor-container100 {
    margin-top: 0;
    padding: 0;
  }
  /* Make heading smaller */
  .flavor-text100 {
    font-size: 36px;
    line-height: 48px;
  }
  .flavor-text101 {
    font-size: 14px;
    padding: 0 20px;
  }
  /* Adjust slider container */
  .flavor-appflavorsrangeslider1,
  .flavor-appflavorsrangeslider2,
  .flavor-appflavorsrangeslider3 {
    width: 100%;
    padding: 0.8px 10px;
  }
  .flavor-margin1,
  .flavor-margin2,
  .flavor-margin3 {
    width: 100%;
  }
  .flavor-slider-heatscalenoheat1,
  .flavor-slider-heatscalenoheat2,
  .flavor-slider-heatscalenoheat3 {
    width: 100%;
  }
  /* Make sliders smaller */
  .flavor-slider-creamy,
  .flavor-slider-smoky,
  .flavor-slider-spicy {
    width: 100%;
    max-width: 784px;
  }
  /* Adjust slider container widths */
  .flavor-heatscalenoheat1,
  .flavor-heatscalenoheat2,
  .flavor-heatscalenoheat3 {
    width: 100%;
  }
  .flavor-container103,
  .flavor-container104,
  .flavor-container107,
  .flavor-container108,
  .flavor-container111,
  .flavor-container112 {
    width: 100%;
  }
  .flavor-background10,
  .flavor-gradient1,
  .flavor-background11,
  .flavor-gradient2,
  .flavor-background12,
  .flavor-gradient3 {
    width: 100%;
  }
  /* Grid layout - 2 columns for tablets */
  .flavor-container115 {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 15px;
    padding: 0 15px;
    height: auto;
  }
  /* Adjust flavor cards */
  .flavor-appflavorscard11 {
    height: auto;
  }
  .flavor-image2 {
    display: none;
  }
}
@media screen and (max-width: 760px) {
  .flavor-appflavorsrangeslider1,
  .flavor-appflavorsrangeslider2,
  .flavor-appflavorsrangeslider3 {
    max-width: 550px;
    width: 100%;
    touch-action: none;
  }
  .flavor-margin1,
  .flavor-margin2,
  .flavor-margin3 {
    width: 100%;
  }
  /* Adjust wrapper */
  .flavor-appflavorswrapper {
    gap: 30px;
    padding: 0 10px;
    width: 100%;
  }
  /* Grid layout - 1 column for mobile */
  .flavor-container115 {
    width: 100%;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 20px;
    padding: 0 10px;
    height: auto;
    justify-items: center;
  }
  /* Hide background image on mobile for better performance */
  .flavor-image2 {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .flavor-appflavorswrapper {
    gap: 30px;
    padding: 0 20px;
    width: 100%;
  }
}