:root {
  --swiper-navigation-size: 36px;
  --color_dark_1: #010101;
  --color_dark_2: #666666;
  --color_dark_3: #230e0e;
  --color_dark_4: #2f2a2a;
  --color_red_1: #a40103;
  --color_red_2: #c50611;
  --color_green_1: #1d4c3e;
  --color_green_2: #cbd9c8;
  --color_gold_1: #ca763b;
  --color_gold_2: #eea83b;
  --color_yellow_1: gold;
  --color_orange_1: tomato;
  --color_white_1: #ffffff;
  --color_cream_1: #f7f4dc;
  --color_cream_2: #ede8ca;
  --color_elephant_1: #93dcd5;
  --color_gray_1: #c5c3c4;
  --color_gray_2: #fafafa;
  --color_gray_3: #9b9b9b;
}

.debugBorder1 {
	border: 1px solid red;
}

body {
  background-color: #ffffff;
  /* background-image: linear-gradient(-60deg, var(--color_green_1) -60%, var(--color_white_1) 100%); */
}

.menulist_01 {
  padding: 180px 18px 0;
  gap: 0 12px;
}

.menulist_01:last-of-type {
  padding-bottom: 180px;
}

#header-background-1 > img:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#background-image {
  display: block;
  margin: 0;
  position: fixed;
  top: 50vh;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 100%;
  height: 100vh;
  z-index: -8;
  opacity: 1;
  transition: opacity 1s ease-in;
  pointer-events: none;
  background-image: linear-gradient(-30deg, #80917d -10%, var(--color_white_1) 100%);
}

/* @media screen and (max-aspect-ratio: 2/3) {
  #background-image {
    height: 100%;
    width: auto;
  }
} */

#loading_01 {
  /* background-color: var(--color_white_1); */
  background-image: linear-gradient(-30deg, #80917d -10%, var(--color_white_1) 100%);
}

.introGuide {
  /* background-image: url('styles/bg-4.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; */
  /* box-shadow: 0px 1px 12px -7px var(--color_red_1); */
  background-image: linear-gradient(-30deg, var(--color_green_1) -50%, var(--color_green_1) 120%);
  /* border: 1px solid var(--color_green_1); */
}

#introGuideHeader {
  color: var(--color_white_1);
}

#introGuideText {
  color: var(--color_white_1);
}

#introGuide > button {
  color: var(--color_green_1);
  background-color: var(--color_white_1);
  box-shadow: 0 1px 6px var(--color_dark_1);
}

#gyro-sensor-permission-explain {
  background-color: #ffffff;
  color: #000000;
}

@media screen and (prefers-color-scheme: dark) {
  #gyro-sensor-permission-explain {
    background-color: #3f3f3f;
    color: #ffffff;
  }
}

#topHeader_1 > div:nth-child(1) {
  /* background-image: linear-gradient(-90deg, var(--color_green_1) 40%, transparent 100%); */
  /* box-shadow: 6.5px 5.5px 14px -9.5px var(--color_red_1); */
  /* border-left: 1px solid var(--color_red_1); */
}

#header-title {
  color: var(--color_gold_1);
  word-spacing: 1px;
  font-size: 17px;
}

#topHeader_1 > div:nth-child(2) {
  /* background-color: var(--color_red_2); */
}

#topHeader_1 > div:nth-child(2) > a {
  color: var(--color_green_1);
}

/* #topHeader_1 > div:nth-child(2) > a > img {
  box-shadow: 0 0 6px -1px var(--color_dark_1);
  border-radius: 50%;
} */

.side_menu {
  border-left: 1px solid var(--color_green_1);
}

#side_menu_button img {
  box-shadow: 0px 3px 10px -5px var(--color_dark_1);
}

#counter_on_sm_button {
  background-color: var(--color_gold_2);
  color: var(--color_green_1);
}

#sm_header {
  /* background-image: url('styles/bg-4.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; */
  background-image: linear-gradient(90deg, var(--color_green_1) 0%, var(--color_green_1) 100%);
}

#sm_header_2 {
  color: var(--color_white_1);
}

#sc_list {
  background-image: linear-gradient(-30deg, #80917d -10%, var(--color_white_1) 100%);
}

.sc_orderedSC > div:first-of-type {
  border-top: 0.7px dashed var(--color_dark_1);
}

.sc_subBanner {
  color: var(--color_dark_1);
}

.sc_currentSC > div:first-of-type {
  border-top: 0.7px dashed var(--color_dark_1);
}

.sc_item_container {
  border-bottom: 0.7px dashed var(--color_dark_1);
  color: var(--color_dark_1);
}

.sent-order-note {
  color: var(--color_dark_1);
}

#sc_footer {
  /* background-color: var(--color_gold_1); */
  /* background-image: url('styles/bg-4.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; */
  background-image: linear-gradient(90deg, var(--color_green_1) 0%, var(--color_green_1) 100%);
}

#side-menu-order-note,
#side-menu-feedback-note {
  background-color: var(--color_white_1);
  color: var(--color_dark_1);
  border: 1px solid var(--color_dark_1);
}

/*#side-menu-order-note:focus {
  border: 1px solid var(--color_dark_1);
}*/

#side-menu-order-note::placeholder,
#side-menu-feedback-note {
  color: #8e8e8e;
}

#sc_footer > div:not(#side-menu-feedback-note) {
  color: var(--color_white_1);
}

#cash-transfer-guide {
  /* background-image: url('styles/bg-4.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; */
  background-image: linear-gradient(-30deg, var(--color_green_1) -50%, var(--color_green_1) 120%);
  color: var(--color_white_1);
  box-shadow: 0px 0px 24px -9px var(--color_dark_1);
}

#cash-transfer-guide > button {
  color: var(--color_green_1);
  background-color: var(--color_white_1);
  box-shadow: 0 1px 6px var(--color_dark_1);
}

@keyframes underline-blinker-1 {
  0% {
    text-decoration-color: var(--color_green_1);
    -webkit-text-decoration-color: var(--color_green_1);
  }
  100% {
    text-decoration-color: var(--color_white_1);
    -webkit-text-decoration-color: var(--color_white_1);
  }
}

#sc_totalPrice.blinker {
  text-decoration-color: var(--color_dark_1);
  -webkit-text-decoration-color: var(--color_dark_1);
}

#sc_submit, #sc_waiter_call {
  background-color: var(--color_white_1);
  color: var(--color_green_1);
  box-shadow: 0 1px 6px var(--color_dark_1);
}

#payment-info > div > .card-number {
  text-decoration-color: var(--color_dark_1);
  -webkit-text-decoration-color: var(--color_dark_1);
}

.tooltip-1 {
  background-color: var(--color_white_1);
  color: var(--color_dark_1);
  box-shadow: 0 1px 15px -5px var(--color_dark_1);
}

.scrollMenu_01 {
  /* background-image: linear-gradient(0deg, var(--color_red_1) 0%, var(--color_red_2) 100%); */
  /* box-shadow: 5.5px 6.5px 14px -9.5px var(--color_red_1); */
  /* border-right: 1px solid var(--color_red_1); */
}

/* .scrollMenu_02.no-icon .menu-tab {
  border-bottom: 1px solid var(--color_gold_1);
}

.scrollMenu_02.no-icon > ul:first-child > .menu-tab:first-child {
  border-top: 1px solid var(--color_gold_1);
} */

.menu-tab > * {
  color: var(--color_green_1);
}

#menutab_contactUs_banner {
  color: var(--color_green_1);
}

.menutab_section_banner {
  color: var(--color_white_1);
}

.menutab_04 {
  color: var(--color_white_1);
}

#developer-link-from-ham-menu {
  color: var(--color_dark_1);
}

#developer-link-from-ham-menu > a,
#developer-link-from-ham-menu > a:hover,
#developer-link-from-ham-menu > a:visited {
  color: var(--color_green_1);
  text-decoration-color: var(--color_green_1);
}

@media (hover: hover) {
  .menu-tab:hover > * {
    color: var(--color_gold_1);
  }
  .menu-tab:hover .icon {
    box-shadow: 0px 0px 7px 2px var(--color_gold_1), 0px 0px 3px 1px inset var(--color_gold_1);
    /* background: linear-gradient(-45deg, #111111 0%, #444444 90%); */
  }
  #sc_submit:hover {
    box-shadow: none;
  }
  #sc_waiter_call:hover {
    box-shadow: none;
  }
}

.menu-tab.highlight > * {
  color: var(--color_gold_1);
}

.scrollMenu_02.no-icon .menu-tab > * {
  text-decoration-color: var(--color_green_1);
  -webkit-text-decoration-color: var(--color_green_1);
}

.scrollMenu_02.no-icon .menu-tab.highlight {
  background-color: var(--color_green_1);
}

.scrollMenu_02.no-icon .menu-tab.highlight > * {
  color: var(--color_dark_1);
}

.menu-tab.highlight .icon {
  box-shadow: 0px 0px 7px 2px var(--color_gold_1), 0px 0px 3px 1px inset var(--color_gold_1);
  /* background: linear-gradient(-45deg, #111111 0%, #444444 90%); */
}

.menu-tab .icon {
  transition: box-shadow 0.3s ease-out;
  box-shadow: 0px 0px 0px -1px var(--color_gold_1), 0px 0px 0px -1px inset var(--color_gold_1);
  margin: 0 auto 5px;
}

.listBanner_01 {
  color: var(--color_green_1);
  /* box-shadow: 0px 0px 14px -8px var(--color_red_1);
  background-image: linear-gradient(-90deg, var(--color_dark_3) 0%, var(--color_dark_3) 100%); */
}

.listBanner_01 > p {
  color: var(--color_dark_1);
}

.itemContainer_01 {
  /* box-shadow: 0px 1px 12px -6px var(--color_red_1); */
  /* background-image: url('styles/cards-bg-1.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; */
  /* background-image: linear-gradient(30deg, var(--color_dark_3) 0%, var(--color_dark_4) 100%); */
  border-radius: 0;
  border-bottom: 1px solid var(--color_green_1);
  padding: 15px 0;
}

.itemContainer_01:nth-child(2) {
  border-top: 1px solid var(--color_green_1);
}

.item-image-wrapper {
  max-width: calc(100% - 144px);
}

.backDrop_1 {
  /* background-color: rgba(0,0,0,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); */ /*following values can be entered to combine, separate with a space: grayscale(x%) brightness(x%) contrast(x%) drop-shadow() hue-rotate(xdeg) invert(x%) sepia(x%) saturate(x%) opacity(x%), last one applies to other filters*/
}

.itemContainer_01 > .item-variant {
  padding: 6px 0 0;
  margin: 6px 0 0;
}

.itemContainer_01 > .item-variant:not(.first) {
  /* border-top: 1px solid var(--color_dark_1); */
}

.itemContainer_01 > .item-variant.first {
  margin: 0;
  padding: 0;
}

#selected-item-fullscreen-container .item-variant:not(.first) {
  border-top: 1px solid var(--color_green_1);
}

#selected-item-fullscreen-container .item-variant.first {
  margin: 0;
  padding: 0;
}

#selected-item-fullscreen-container .item-variant:last-child {
  border-bottom: 1px solid var(--color_green_1);
}

#selected-item-fullscreen-container .item-variant.first:last-child {
  padding: 0 0 13px;
  border-bottom: none;
}

.item-variant-header {
  color: var(--color_dark_1);
}

#selected-item-fullscreen-container .item-variant-header {
  color: var(--color_dark_1);
}

.additive-select {
  color: var(--color_dark_1);
  background-color: var(--color_white_1);
  border: 1px solid var(--color_dark_1);
}

#selected-item-fullscreen-container .additive-select {
  color: var(--color_dark_1);
  background-color: var(--color_white_1);
}

.item-info {
  margin-bottom: 6px;
}

.item-info,
.item-description {
  color: var(--color_dark_1);
}

.itemTitle_01 {
  color: var(--color_green_1);
}

.discount-announce {
  background-color: var(--color_green_1);
  color: var(--color_white_1);
}

.read-more-1 {
  color: var(--color_green_1);
  text-decoration-color: var(--color_green_1);
}

.multi-image-icon {
  filter: drop-shadow(0 0 3px #727272);
  -webkit-filter: drop-shadow(0 0 3px #727272);
}

.item-counter-container {
  background-color: transparent;
  border: 1px solid var(--color_green_1);
}

#selected-item-fullscreen-variants .item-counter-container {
  background-color: transparent;
  border: 1px solid var(--color_green_1);
}

.sc_item_container .item-counter-container {
  background-color: transparent;
  border: 1px solid var(--color_dark_1);
}

.item-counter-quantity {
  color: var(--color_green_1);
}

#selected-item-fullscreen-variants .item-counter-quantity {
  color: var(--color_green_1);
}

.sc_item_container .item-counter-quantity {
  color: var(--color_green_1);
}

.item-counter-button {
  background-color: var(--color_green_1);
  color: var(--color_green_2);
}

#selected-item-fullscreen-variants .item-counter-button {
  background-color: var(--color_green_1);
  color: var(--color_green_2);
}

.sc_item_container .item-counter-button {
  background-color: var(--color_green_1);
  color: var(--color_green_2);
}

.item-counter-button.add {
  border-left: 1px solid var(--color_dark_4);
}

.sc_item_container .item-counter-button.add,
.sc_item_container .item-counter-button.reduce {
  border-color: var(--color_dark_1);
}

.item-counter-button.reduce {
  border-right: 1px solid var(--color_dark_4);
}

.item-price-tag,
.item-price-tag-before {
  color: var(--color_green_1);
  border-color: var(--color_green_1);
}

#selected-item-fullscreen-container .item-price-tag,
#selected-item-fullscreen-container .item-price-tag-before {
  color: var(--color_green_1);
}

.footer_02 {
  background-image: linear-gradient(30deg, var(--color_green_1) 0%, var(--color_green_1) 100%);
  /* box-shadow: 0px 0px 14px -6px var(--color_green_1); */
}

.footer_03 {
  color: var(--color_dark_1);
  /* text-shadow: 1px 1px 1px var(--color_dark_1); */
}

.hr_02 {
  border: 1.5px inset var(--color_green_1);
}

.contactLink_01,
.contactLink_01:hover,
.contactLink_01:visited {
  color: var(--color_green_1);
}

#selected-item-fullscreen-container {
  background-image: linear-gradient(-30deg, #80917d -10%, var(--color_white_1) 100%);
  /* background-image: url('styles/bg-4.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; */
}

#selected-item-fullscreen-container-close-button {
  box-shadow: 0px 1px 4px var(--color_dark_1);
  background-color: var(--color_green_1);
  color: var(--color_white_1);
}

.info-overflow > .item-info {
  clip-path: polygon(0% 0%, 100% 0%, 100% 44px, 63px 44px, 63px 22px, 0% 22px);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 44px, 63px 44px, 63px 22px, 0% 22px);
}

.info-overflow > .item-info.en {
  clip-path: polygon(0% 0%, 100% 0%, 100% 22px, calc(100% - 63px) 22px, calc(100% - 63px) 44px, 0% 44px);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 22px, calc(100% - 63px) 22px, calc(100% - 63px) 44px, 0% 44px);
}

.item-table,
.item-table > tr > * {
  color: var(--color_dark_1);
  border-color: var(--color_dark_2);
}

#selected-item-fullscreen-description {
  color: var(--color_dark_1);
}

#selected-item-fullscreen-title {
  color: var(--color_green_1);
}

.swiper-button-next, .swiper-button-prev {
  color: var(--swiper-navigation-color, var(--color_white_1));
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 9px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 9px));
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .45);
  background: var(--swiper-pagination-bullet-inactive-color, var(--color_white_1));
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--color_white_1));
}

#feedback-container > form {
  /* background-image: url('styles/bg-4.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; */
  color: var(--color_white_1);
  box-shadow: 0px 1px 24px -9px var(--color_dark_1);
  background-image: linear-gradient(-60deg, var(--color_green_1) 0%, var(--color_green_1) 140%);
}

#feedback-container > form > textarea {
  background-color: #ffffff;
  color: var(--color_dark_1);
  border: 1px solid var(--color_dark_1);
}

/*#feedback-container > form > textarea:focus {
  border: 1px solid var(--color_dark_1);
}*/

#feedback-container > form > input[type="submit"] {
  background-color: var(--color_white_1);
  color: var(--color_green_1);
  box-shadow: 0 1px 6px var(--color_dark_1);
}