@import "style.css";

/* -=====BURGER_MENU ===== */

.burger_menu .container {
  padding-top: 100px;
  padding-bottom: 100px;

  display: flex;
  flex-direction: column;
  align-items: center;

  background: #fff;
}

.burger_menu_pre_text {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 49px;
  line-height: 145%;
  color: #faab34;

  margin-bottom: 5px;
}

.burger_menu_title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 100px;
  line-height: 92%;
  text-align: center;
  color: #4d4d4d;

  margin-bottom: 152px;
}

.burger_menu_list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 90px;
  column-gap: 90px;
  justify-content: center;
}

.burger_item {
  position: relative;

  width: 400px;
  /* height: 639px; */
  padding-top: 226px;
}

.burger_img {
  position: absolute;
  bottom: 255px;
  left: 50%;
  transform: translateX(-50%);
}

.burger_item:nth-child(4) .burger_img {
  transform: translateX(-40%);
}

.burger_item_info {
  display: flex;
  flex-direction: column;
  align-items: center;

  padding-top: 128px;
  padding-bottom: 89px;

  border-radius: 15px;
  width: 400px;
  /* height: 379px; */

  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
}

.burger_item_title {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 38px;
  color: #000;

  margin-bottom: 19px;
}

.burger_item_price {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 28px;
  color: #c90000;

  margin-bottom: 23px;
}

.burger_item_disc {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  color: #000;

  width: 359px;
}

.burger_item_btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);

  background-color: transparent;
}

.burger_item_btn_plus {
}

/* =====DELL BURGERS===== */

.dell_burgers .container {
  background-color: #e5e5e5;

  display: flex;
  flex-direction: column;
  align-items: center;

  padding-top: 86px;
  padding-bottom: 128px;
}

.burger_menu_pre_text {
  margin-bottom: 5px;
}

.burger_menu_title {
  margin-bottom: 10px;
}

.dell_line {
  margin-bottom: 109px;
}

.menu_container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap:20px 84px ;
  width: 100%;
  justify-content: space-between;
}

.menu_item {
}

.dell_menu_item_img {
}

.item_details {
}

.item_header {
}

.item_title {
}

.item_description {
}

.item_price {
}

/* ===== ===== */

/* ======DISCONT_MENU===== */

.discont_menu .container {
  display: flex;
}

.dicont_white {
  position: absolute;
  left: 30px;
  top: -28px;

  width: 218px;
  height: 218px;
  border-radius: 100%;

  display: flex;
  justify-content: center;
  align-items: center;

  background-color: #fff;
}

.discont_white_text {
  width: 125px;

  font-family: var(--font-family);
  font-weight: 700;
  font-size: 38px;
  line-height: 187%;
  text-align: center;
  color: #000;

  span {
    font-size: 70px;
  }
}

.dicont_orange {
  position: absolute;
  left: 88px;
  top: -28px;

  width: 218px;
  height: 218px;
  border-radius: 100%;

  display: flex;
  justify-content: center;
  align-items: center;

  background-color: #faab34;
}

.discont_orange_text {
  width: 125px;

  font-family: var(--font-family);
  font-weight: 700;
  font-size: 38px;
  line-height: 187%;
  text-align: center;
  color: #fff;

  span {
    font-size: 70px;
  }
}

.dicont_green {
  position: absolute;
  top: -44px;
  left: 88px;

  width: 218px;
  height: 218px;
  border-radius: 100%;

  display: flex;
  justify-content: center;
  align-items: center;

  background-color: #017e0d;
}

.discont_green_text {
  width: 125px;

  font-family: var(--font-family);
  font-weight: 700;
  font-size: 38px;
  line-height: 187%;
  text-align: center;
  color: #fff;

  span {
    font-size: 70px;
  }
}

.discont_menu_card1,
.discont_menu_card2,
.discont_menu_card3 {
  position: relative;
}

.discont_menu_card1 {
  width: 735px;
  height: 1370px;
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    image-set(
      url("../images/img/discont_card1.avif") type("image/avif"),
      url("../images/img/discont_card1.webp") type("image/webp"),
      url("../images/img/discont_card1.png") type("image/.png")
    );
}

.discont_menu_card1_img {
  /* background-color: rgba(0, 0, 0, 0.5); */
}

.card1_info,
.card2_info,
.card3_info {
  position: absolute;
  bottom: 60px;
  left: 30px;
}

.discont_card1_pretext,
.discont_card2_pretext,
.discont_card3_pretext {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 40px;
  line-height: 178%;
  color: #fff;
}

.discont_card1_title,
.discont_card2_title,
.discont_card3_title {
  width: 548px;
  margin-top: -23px;
  margin-bottom: 44px;

  font-family: var(--font-family);
  font-weight: 700;
  font-size: 61px;
  line-height: 116%;
  color: #fff;
}

.discont_menu_card_btn {
  border-radius: 50px;
  padding: 8px 66px;
  width: 354px;
  height: 60px;

  font-family: var(--font-family);
  font-weight: 700;
  font-size: 32px;
  line-height: 138%;
  color: #faab34;
}

.discont_menu_wrap {
}

.discont_menu_card2 {
  width: 705px;
  height: 685px;
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    image-set(
      url("../images/img/discont_card2.avif") type("image/avif"),
      url("../images/img/discont_card2.webp") type("image/webp"),
      url("../images/img/discont_card2.png") type("image/.png")
    );
}

.discont_menu_card2_img {
  /* background: rgba(0, 0, 0, 0.6); */
  /* filter: opacity(60%); */
}

.card2_info {
  left: 81px;
  bottom: 93px;
}

.discont_card2_pretext,
.discont_card3_pretext {
  font-size: 30px;
}

.discont_card2_title {
  margin-top: -15px;
  margin-left: 7px;
}

.discont_menu_card3 {
  width: 705px;
  height: 685px;
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    image-set(
      url("../images/img/discont_card3.avif") type("image/avif"),
      url("../images/img/discont_card3.webp") type("image/webp"),
      url("../images/img/discont_card3.png") type("image/.png")
    );
}

.discont_menu_card3_img {
}

.card3_info {
  left: 88px;
}

.discont_card3_pretext {
}

.discont_card3_title {
  margin-top: -15px;
}

/* =====APP INFO===== */

.APP_info .container {
  padding-top: 280px;
  padding-bottom: 367px;
  width: 1440px;

  background: linear-gradient(180deg, #017e0d 0%, #309600 100%);

  position: relative;
}

.iphone_img {
  position: absolute;
  top: 164px;
  left: 30px;
}

.discont_burger_img {
  position: absolute;
  top: 610px;
  left: 454px;
}

.app_discont {
  margin-left: 671px;
  width: 739px;
}

.app_discont_title {
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 93px;
  text-align: right;
  color: #fff;

  margin-bottom: 13px;
}

.app_discont_text {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 48px;
  color: #fff;

  margin-bottom: 103px;
}

.app_connect {
  display: flex;
  align-items: center;
  gap: 20px;
}

.app_link {
}

.google_play_store_img,
.IOS_app_store_img {
  height: 101px;
}