@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap";

:export {
  primary: #CF0A2C;
  blue: #007AFF;
  orange: #FF6600;
  green: #00A402;
  black: #393F52;
  grey: #6A6E7B;
  winterWhite: #F1F3F6
}

:export {
  primary: #FFC627;
  blue: #007AFF;
  orange: #FF6600;
  green: #00A402;
  black: #393F52;
  grey: #6A6E7B;
  winterWhite: #F1F3F6
}

@keyframes react-loading-skeleton {
  to {
    transform: translate(100%)
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block;
  background-color: var(--base-color);
  width: 100%;
  border-radius: .25rem;
  display: inline-flex;
  line-height: 1;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden
}

.react-loading-skeleton:after {
  content: " ";
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, var(--base-color), var(--highlight-color), var(--base-color));
  transform: translate(-100%);
  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none
  }
}

:root {
  --clr-dark-100: #c4c4c4;
  --clr-dark-150: #bfbebe;
  --clr-dark-200: #848b8e;
  --clr-dark-300: #6a6e7b;
  --clr-dark-325: #838593;
  --red-color: #e4002b;
  --clr-dark-325: #696666;
  --clr-dark-350: #80808030;
  --clr-dark-350-25: #555555;
  --clr-dark-375: #333333;
  --clr-dark-400: #393f52;
  --clr-dark-425-50: #a9bdd033;
  --clr-dark-425: #393f521f;
  --clr-dark-450: #0c2136;
  --clr-dark-500: #131c26;
  --clr-dark-700: #00000073;
  --clr-dark-800: #0000003b;
  --clr-dark-900: #000000;
  --clr-green-400: #269678;
  --clr-dark-200-20: rgba(155, 204, 244, .243);
  --clr-dark-300-10: rgba(138, 181, 217, .1);
  --clr-dark-300-70: rgba(106, 110, 123, .72);
  --clr-dark-300-60: rgba(106, 110, 123, .6);
  --clr-dark-400-10: rgba(57, 63, 82, .1);
  --clr-dark-400-20: rgba(57, 63, 82, .2);
  --clr-dark-400-40: rgba(57, 63, 82, .4);
  --clr-dark-400-50: rgba(57, 63, 82, .5);
  --clr-dark-400-80: rgba(57, 63, 82, .8);
  --clr-dark-400-70: rgba(57, 63, 82, .7);
  --clr-dark-900-10: rgba(0, 0, 0, .1);
  --clr-dark-900-30: rgba(0, 0, 0, .3);
  --clr-dark-900-20: 0 3rem 4rem rgba(0, 0, 0, .2);
  --clr-light-125: #f7fafd;
  --clr-light-100: #ffffff;
  --clr-light-150: #f8f8f8;
  --clr-light-175: #f1f6f9;
  --clr-light-200: #f3f9fe;
  --clr-light-300: #f1f3f6;
  --clr-light-350: rgba(223, 239, 255, .3);
  --clr-light-375: #f2f9ff;
  --clr-light-400: #ebf5fe;
  --clr-light-425: #f0f9ff;
  --clr-light-450: #e7ecf3;
  --clr-light-450-25: #e0e9f1;
  --clr-light-475: #dbe1f4;
  --clr-light-500: #dfe3e8;
  --clr-light-525: #dde6f2;
  --clr-light-550: #e4e5e5;
  --clr-light-575: #dedcdc;
  --clr-light-600: #cacfe0;
  --clr-light-650: #dfefff;
  --clr-light-625: #caddea;
  --clr-light-700: #dde4ec;
  --clr-light-725: #afc4d0;
  --clr-light-750: #ffffffba;
  --clr-light-775: #dedede;
  --clr-light-800: #d3d1d1;
  --clr-light-825: #e4dfdf;
  --clr-light-850: #d0cece;
  --clr-light-875: #faf6f3;
  --clr-light-250: #f2f2f2;
  --clr-primary-100: hsl(44.1666666667, 100%, 70%);
  --clr-primary-200: hsl(44.1666666667, 100%, 70%);
  --clr-primary-300: hsl(44.1666666667, 100%, 65%);
  --clr-primary-325: hsl(44.1666666667, 100%, 65%);
  --clr-primary-350: hsl(44.1666666667, 100%, 60%);
  --clr-primary-375: hsl(44.1666666667, 100%, 60%);
  --clr-primary-400: hsl(44.1666666667, 100%, 57.6470588235%);
  --clr-primary-425: hsl(44.1666666667, 100%, 55%);
  --clr-primary-450: hsl(44.1666666667, 100%, 55%);
  --clr-primary-475: hsl(44.1666666667, 100%, 50%);
  --clr-primary-light: #fff7e2;
  --clr-green-400-light: #59b60b;
  --clr-primary-500: #6c7b8b;
  --clr-primary-550: #8ea6be;
  --clr-primary-600: #213f5d;
  --clr-primary-700: #9f001e;
  --clr-primary-750: #960824;
  --clr-primary-800: #c41230;
  --clr-primary-400-200: rgba(255, 215, 102, .3);
  --clr-primary-400-03: rgba(228, 0, 43, .03);
  --clr-secondary-300: #8fbff0;
  --clr-secondary-400: var(--clr-primary-400);
  --clr-secondary-425: #279bef;
  --clr-secondary-450: #3498db;
  --clr-secondary-450-25: #3d9bcc;
  --clr-secondary-475: #007bff;
  --clr-secondary-400-70: rgba(0, 122, 255, .7);
  --clr-dark-blue-700: #444856;
  --clr-secondary-500: #a9bdd04d;
  --clr-dark-blue-300: #374573;
  --clr-dark-blue-200: #4447a4;
  --clr-dark-blue-250: #607992;
  --clr-dark-blue-800: #182028;
  --clr-dark-blue-900: #393f521a;
  --clr-orange-100: #dcbf93;
  --clr-orange-500: #fb8d45;
  --clr-orange-600: #ff8925;
  --clr-orange-650: #ff8900;
  --clr-orange-800: #b64901;
  --clr-orange-500-10: rgba(251, 141, 69, .1);
  --clr-grass-green-500: #bddb46;
  --clr-grass-green-700: #00a402;
  --clr-grass-green-900: #2f6605;
  --ff-primary: "Rubik", sans-serif;
  --clr-background: #e5e5e5;
  --clr-background-red: #e4001c08;
  --clr-hrd-dark-400: #231f20
}

:root {
  --theme-backgroud-page: var(--clr-light-300);
  --theme-button-color: var(--clr-primary-400);
  --theme-product-h-color: var(--clr-dark-400);
  --theme-procuct-price-color: var(--clr-dark-400);
  --theme-product-blue-color: var(--clr-primary-400);
  --theme-font-family: var(--ff-primary);
  --theme-body-p-color: var(--clr-dark-300);
  --theme-category-tab-color: var(--clr-light-600);
  --theme-category-tab-active-color: var(--clr-dark-400);
  --theme-drawer-menu-heading-color: var(--clr-dark-400);
  --theme-drawer-menu-heading-bg: var(--clr-light-400);
  --theme-cartbar-button-bg: linear-gradient(95.85deg, var(--clr-primary-300) 27.81%, var(--clr-primary-200) 49.59%, var(--clr-primary-300) 59.77%);
  --theme-order-text-bg: rgba(0, 122, 255, .07);
  --theme-order-success-color: #00a402;
  --theme-button-shadow-color: 0px 6px 10px rgba(222, 0, 0, .2);
  --theme-country-pop-bg: #f8f8f6;
  --theme-user-icon-bg: var(--clr-primary-400);
  --theme-warning-color: #fb8d45;
  --theme-lang-button-color: rgba(255, 198, 39, .03);
  --theme-button-disable-bg: #a9bdd0;
  --theme-search-fg: #a9bdd0;
  --theme-warning-text-color: var(--clr-dark-200);
  --theme-paper-box-shadow: 0px 2.17631px 7.61708px rgba(155, 204, 244, .241231);
  --theme-time-area-bg: rgba(169, 189, 208, .15);
  --theme-order-summary-bg: rgba(223, 239, 255, 1);
  --theme-product-tile-box-bg: #f0f4fa;
  --theme-hrd_button-color: var(--clr-hrd-dark-400)
}

:root {
  --scrollbar-track-color: rgba(0, 0, 0, .1);
  --scrollbar-color: rgba(0, 0, 0, .2);
  --scrollbar-ff-width: thin;
  --scrollbar-size: .6rem;
  --scrollbar-minlength: 1.5rem;
  --scrollbar-color-hover: rgba(0, 0, 0, .3);
  --scrollbar-color-active: rgb(0, 0, 0, .6)
}

* {
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: var(--scrollbar-ff-width);
  scrollbar-color: var(--scrollbar-color) var(--scrollbar-track-color)
}

*::-webkit-scrollbar {
  height: var(--scrollbar-size);
  width: var(--scrollbar-size)
}

*::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track-color);
  border-radius: 3px
}

*::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color);
  border-radius: 3px
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-color-hover)
}

*::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-color-active)
}

*::-webkit-scrollbar-thumb:vertical {
  min-height: var(--scrollbar-minlength)
}

*::-webkit-scrollbar-thumb:horizontal {
  min-width: var(--scrollbar-minlength)
}

._layout-scrollbar-obtrusive_15hl7_200 *::-webkit-scrollbar {
  height: var(--scrollbar-size);
  width: var(--scrollbar-size)
}

body {
  font-family: var(--theme-font-family);
  color: var(--clr-hrd-dark-400);
  line-height: 1;
  background: var(--theme-backgroud-page)
}

._iosOverscrollFix_15hl7_213 {
  position: fixed;
  top: -100rem;
  right: -100rem;
  bottom: -100rem;
  left: -100rem;
  z-index: -1;
  background-color: var(--theme-backgroud-page)
}

@media screen and (max-width: 1023px) {
  ._pageWrapper_15hl7_221 {
    display: flex;
    flex-flow: column;
    min-height: 100vh
  }
}

@media screen and (min-width: 1024px) {
  ._pageWrapper_15hl7_221 {
    padding-block-start: 7rem
  }
}

[class*=MuiAutocomplete-popper] [class*=MuiPaper-root] {
  margin: 0
}

[class*=MuiAutocomplete-popper] [class*=MuiPaper-root] ul {
  padding-block: 0
}

[class*=MuiAutocomplete-popper] [class*=MuiPaper-root] li {
  font-size: 1.4rem;
  font-weight: 400;
  padding-block: 0;
  min-height: 42px
}

[class*=MuiAutocomplete-root] [class*=MuiAutocomplete-popupIndicator] svg {
  font-size: 2.4rem
}

[class*=MuiAutocomplete-popper] [class*=MuiPaper-root] ul {
  max-height: 180px !important;
  z-index: 1600
}

._error_15hl7_255 {
  z-index: 1500;
  display: flex;
  padding: 1rem;
  color: #fff;
  position: sticky;
  width: 100%;
  align-items: center;
  justify-content: center;
  top: 10rem
}

._error_15hl7_255 ._child_15hl7_266 {
  font-family: var(--theme-font-family);
  background: var(--clr-light-100);
  color: #f9001a;
  border-radius: .6rem;
  padding: 1.5rem;
  font-size: 1.6rem;
  box-shadow: 0 4px 6px #0000004d
}

._error_15hl7_255 ._child_15hl7_266 a {
  background: #f9001a;
  color: var(--clr-light-100);
  padding: 1rem;
  border-radius: .4rem
}

._pageReloadMain_15hl7_282 {
  background: rgba(119, 118, 118, .6196078431);
  height: auto;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 999999;
  left: 0
}

._pageReloadContainer_15hl7_293 {
  background: var(--clr-light-100);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 4px #0003;
  text-align: center;
  padding: 0 3rem;
  width: 100%;
  z-index: 9999;
  width: 40rem
}

._pageReloadContainer_15hl7_293 ._heading_15hl7_306 {
  font-family: Rubik;
  font-style: normal;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--clr-primary-400);
  margin-top: 2rem
}

._pageReloadContainer_15hl7_293 ._message_15hl7_315 {
  font-family: Rubik;
  font-style: normal;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--clr-dark-400);
  margin-top: 2rem
}

._pageReloadContainer_15hl7_293 ._actionContainer_15hl7_324 {
  padding: 3rem 0 4rem;
  width: 100%
}

._pageReloadContainer_15hl7_293 ._actionContainer_15hl7_324 ._exitBtn_15hl7_328 {
  width: 100%;
  height: 5rem
}

.MuiInputBase-root.MuiOutlinedInput-root {
  position: relative
}

.MuiInputBase-root.MuiOutlinedInput-root:after {
  transform: scaleX(1);
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  position: absolute;
  transition: transform .2s cubic-bezier(0, 0, .2, 1) 0ms;
  pointer-events: none;
  border-bottom: .1rem solid #000;
  width: 100%;
  height: .5rem
}

.MuiInputBase-root.MuiOutlinedInput-root.Mui-error {
  position: relative
}

.MuiInputBase-root.MuiOutlinedInput-root.Mui-error:after {
  border-bottom: .2rem solid #f44336
}

.MuiInputBase-input.MuiOutlinedInput-input {
  padding-block: 7px;
  padding-inline: 0
}

.MuiOutlinedInput-notchedOutline {
  border: none !important
}

.MuiFormLabel-root.MuiInputLabel-root {
  left: -1.3rem
}

.MuiFormHelperText-root {
  margin-inline: 0 !important
}

._container_1tb1q_1 {
  width: auto;
  height: auto
}

._ltoBadge_1tb1q_6 {
  text-align: center;
  width: 25rem;
  min-height: 20rem;
  align-items: center;
  background-color: #fff
}

._crossIconContainer_1tb1q_14 {
  margin-top: 1rem;
  margin-bottom: .5rem
}

._warningText_1tb1q_19 {
  color: var(--clr-primary-400);
  font-size: 1.8rem;
  font-weight: 600
}

._ltoModalContent_1tb1q_25 {
  color: #4d5872;
  font-size: 1.3rem;
  font-weight: 400;
  width: 22rem;
  line-height: 2rem;
  margin-top: 1.3rem;
  margin-bottom: 1.7rem;
  width: auto;
  margin-inline: 1.5rem;
  text-align: center
}

._buttonContainer_1tb1q_38 {
  width: 100%;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  border-top: 1.5px dashed #FFFFFF !important
}

._ltoModalTitle_1tb1q_45 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  margin-top: 3rem
}

._expire_dialog_1tb1q_52 {
  width: 40rem !important;
  max-width: 100% !important
}

._expire_dialog_1tb1q_52 ._buttonContainer_1tb1q_38 {
  width: 25rem;
  border-top: none !important
}

._expire_dialog_1tb1q_52 ._ltoModalContent_1tb1q_25 {
  font-size: 1.8rem
}

._expire_drawer_1tb1q_64 {
  min-height: 24rem !important;
  width: 100% !important
}

._expire_drawer_1tb1q_64 ._buttonContainer_1tb1q_38 {
  width: 25rem;
  border-top: none !important
}

._expire_drawer_1tb1q_64 ._ltoModalContent_1tb1q_25 {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 1.8rem
}

._flexBox_100dx_1,
._DialogTitleDesc_100dx_1,
._DialogHeaderGrid_100dx_1 {
  display: flex;
  justify-content: center;
  align-items: center
}

._redWidget_100dx_7 {
  height: 2rem;
  width: 1.2rem;
  background-color: var(--theme-button-color);
  margin-inline: .3rem
}

@media (min-width: 992px) {
  ._redWidget_100dx_7 {
    height: 1.7rem;
    width: 1.56rem
  }
}

._lgdialogWidget_100dx_20 {
  display: flex;
  flex-direction: row !important;
  justify-content: flex-end;
  padding-inline: 1.8rem
}

._smdialogWidget_100dx_27 {
  display: flex;
  justify-content: center;
  padding-inline: 1.8rem
}

@media (min-width: 992px) {
  ._smdialogWidget_100dx_27 {
    display: none
  }
}

._dialogTitle_100dx_38 {
  padding: 0 !important;
  background-color: var(--clr-light-100);
  box-shadow: 0 4px 4px var(--clr-light-450);
  text-align: center;
  position: sticky;
  height: 6rem;
  top: 0;
  background: white;
  z-index: 10
}

._loginDialogTitle_100dx_50 {
  padding: 0 !important;
  background-color: var(--clr-primary-400);
  box-shadow: 0 4px 4px var(--clr-light-450)
}

._DialogHeaderGrid_100dx_1 {
  flex-direction: column
}

@media (min-width: 992px) {
  ._DialogHeaderGrid_100dx_1 {
    align-items: center
  }
}

._DialogHeaderGrid_100dx_1 p {
  font-weight: 700;
  font-size: 1.8rem;
  color: var(--clr-dark-400);
  margin: .75rem
}

._DialogTitleDesc_100dx_1 {
  flex-direction: column
}

._DialogTitleDesc_100dx_1 p {
  font-weight: 500;
  font-size: 1.4rem
}

._warningText_100dx_83 {
  color: var(--clr-primary-400);
  text-align: center
}

._horizontalWidget_100dx_88 {
  height: .3rem;
  width: 3rem;
  background-color: var(--clr-primary-450);
  border-radius: 7.3rem
}

._closeButton_100dx_95 {
  color: var(--clr-dark-900);
  position: fixed;
  left: 50%;
  font-weight: 700;
  transform: translate(-50%, calc(-100% - 2.8rem));
  cursor: pointer
}

._closeButton_100dx_95 div {
  width: 3.5rem;
  height: 3.5rem;
  background: var(--clr-light-100);
  border-radius: 1rem;
  color: var(--clr-dark-400);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem
}

._root_7j50v_1>.MuiDrawer-paper {
  max-height: calc(100vh - 10rem)
}

._closeButton_7j50v_5 {
  position: absolute;
  width: 4.2rem;
  height: 4.2rem;
  display: flex;
  font-size: 2.5rem;
  background: var(--clr-light-100);
  border-radius: 1rem;
  color: var(--clr-dark-400);
  justify-content: center;
  align-items: center;
  left: 50%;
  transform: translate(-50%, calc(-100% - 3rem));
  cursor: pointer
}

._content_7j50v_21 {
  max-height: 100%;
  overflow-y: auto;
  border-radius: 2rem 2rem 0 0;
  background-color: var(--clr-light-100)
}

._mb3_1r9l0_1 {
  margin-bottom: 3rem
}

._listContainer_1r9l0_5 {
  overflow: hidden;
  padding: clamp(2.5rem, 2rem + .5vw + .1vh, 4rem) clamp(1.6rem, 1.5rem + .5vw + .1vh, 2rem) 0
}

._radius1_1r9l0_10 {
  border-radius: 1rem
}

@media screen and (min-width: 1024px) {
  ._listContainer_1r9l0_5 {
    overflow: hidden;
    padding: clamp(5rem, 5rem + .5vw + .1vh, 4rem) clamp(12.5rem, 12.5rem + .5vw + .1vh, 2rem) 0
  }
}

._list_1r9l0_5 {
  flex-direction: row;
  display: flex;
  overflow: hidden;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._list_1r9l0_5 {
    width: 118.3rem
  }
}

._listItem_1r9l0_32 {
  float: left;
  border-radius: 1rem
}

._headerItem_1r9l0_37 {
  height: 8rem;
  width: "100%";
  margin-bottom: 1rem
}

._exclusive_1r9l0_43 {
  height: 12.8rem;
  width: 30.8rem;
  display: block;
  margin-inline-end: 1.3rem
}

@media screen and (min-width: 1024px) {
  ._exclusive_1r9l0_43 {
    display: none
  }
}

._exclusiveListContainer_1r9l0_55 {
  display: block
}

@media screen and (min-width: 1024px) {
  ._exclusiveListContainer_1r9l0_55 {
    display: none
  }
}

._exclusive-title_1r9l0_64 {
  display: block;
  margin-bottom: 1rem
}

@media screen and (min-width: 1024px) {
  ._exclusive-title_1r9l0_64 {
    display: none
  }
}

._explore_1r9l0_74 {
  height: 21.7rem;
  width: 100rem;
  margin-inline-end: 1.3rem
}

@media screen and (min-width: 1024px) {
  ._explore_1r9l0_74 {
    height: 20rem;
    width: 20rem;
    margin-inline-end: 5rem
  }
}

._deals_1r9l0_87 {
  height: 12.2rem;
  width: 56.7rem;
  margin-inline-end: 1.3rem
}

@media screen and (min-width: 1024px) {
  ._deals_1r9l0_87 {
    height: 31.5rem;
    width: 23.5rem;
    margin-inline-end: 5rem
  }
}

._bestseller_1r9l0_100 {
  height: 25.2rem;
  width: 15.7rem;
  margin-inline-end: 1.3rem
}

@media screen and (min-width: 1024px) {
  ._bestseller_1r9l0_100 {
    height: 31.5rem;
    width: 23.5rem;
    margin-inline-end: 5rem
  }
}

._banner_1r9l0_113 {
  height: 12.2rem;
  width: 35.7rem;
  margin-inline-end: 1.3rem
}

@media screen and (min-width: 1024px) {
  ._banner_1r9l0_113 {
    height: 37.5rem;
    width: 56.5rem;
    margin-inline-end: 5rem
  }
}

._root_1r9l0_126 ._heroBanner_1r9l0_126 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._root_1r9l0_126 ._heroBanner_1r9l0_126 {
    height: 34.1rem;
    display: block
  }
}

._main_1grfw_1 {
  background: var(--theme-backgroud-page);
  height: auto;
  min-height: 100vh;
  padding-top: 1.5rem;
  font-family: rubik !important
}

@media screen and (min-width: 1024px) {
  ._main_1grfw_1 {
    min-height: 100%;
    min-width: 80rem;
    padding: 1.5rem;
    padding-bottom: 0
  }
}

._noOrdermain_1grfw_17 {
  background: var(--theme-backgroud-page);
  height: auto;
  min-height: 100vh;
  padding-top: 1.5rem;
  font-family: rubik !important
}

@media screen and (min-width: 1024px) {
  ._noOrdermain_1grfw_17 {
    min-height: 100%;
    padding: 1.5rem
  }
}

._badge_1grfw_31 {
  display: block;
  position: absolute;
  inset-inline-end: 1.5rem;
  top: 0
}

._title_1grfw_38 {
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  position: relative
}

._title_1grfw_38:after {
  content: "";
  width: 5rem;
  height: .2rem;
  background: var(--clr-primary-450);
  position: absolute;
  bottom: -11px;
  left: 47%
}

._title_1grfw_38 ._titleDesc_1grfw_53 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

._Paper_1grfw_59 {
  box-shadow: var(--theme-paper-box-shadow) !important
}

._section_1grfw_63 ._faqItem_1grfw_66 {
  margin-bottom: 1rem
}

._section_1grfw_63 ._faqTitle_1grfw_69 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--theme-product-h-color)
}

main {
  background: var(--theme-backgroud-page);
  height: 100vh
}

._section_1grfw_63 {
  padding: 2rem 2.4rem
}

._stars_1grfw_90 {
  padding-top: 1.8rem;
  display: flex;
  gap: 1.5rem
}

._ratingBox_1grfw_75 {
  padding-top: 2rem;
  padding-bottom: 2.7rem;
  flex-direction: column
}

._flexBox_1grfw_75,
._desktop_1grfw_75 ._DialogHeaderGrid_1grfw_75,
._tnxImgProp_1grfw_75,
._DrawerData_1grfw_75 ._feedbackHeading_1grfw_75,
._ratingBox_1grfw_75 {
  display: flex;
  justify-content: center;
  align-items: center
}

._flexBox_1grfw_75 ._result_1grfw_107,
._desktop_1grfw_75 ._DialogHeaderGrid_1grfw_75 ._result_1grfw_107,
._tnxImgProp_1grfw_75 ._result_1grfw_107,
._DrawerData_1grfw_75 ._feedbackHeading_1grfw_75 ._result_1grfw_107,
._ratingBox_1grfw_75 ._result_1grfw_107 {
  padding-top: 1.5rem;
  font-size: 2.2rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._typoBlock_1grfw_114,
._DrawerData_1grfw_75 ._typography_1grfw_114,
._header_1grfw_114 ._changeTypography_1grfw_114,
._header_1grfw_114 ._typography_1grfw_114 {
  font-family: var(--theme-font-family);
  font-weight: 500;
  font-size: 1.6rem;
  color: var(--clr-dark-400)
}

._header_1grfw_114 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1.2rem 1.6rem
}

._header_1grfw_114 ._changeTypography_1grfw_114 {
  font-size: 1.4rem;
  color: var(--theme-product-blue-color) !important;
  cursor: pointer
}

._drawerBoundry_1grfw_134 {
  border-radius: 2rem 2rem 0 0;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._drawerBoundry_1grfw_134 {
    width: 400px
  }
}

._DrawerData_1grfw_75 ._feedbackHeading_1grfw_75 {
  font-size: 1.8rem;
  font-weight: 500
}

._DrawerData_1grfw_75 ._typography_1grfw_114 {
  text-align: center;
  opacity: .7;
  font-size: 1.6rem
}

._DrawerData_1grfw_75 ._tnxButton_1grfw_153 {
  padding-inline: 14.5rem;
  padding-block: 1.4rem;
  background-color: var(--theme-button-color);
  color: var(--clr-hrd-dark-400);
  font-size: 1.6rem;
  box-shadow: var(--theme-button-shadow-color);
  width: 80%
}

._DrawerData_1grfw_75 ._tnxButton_1grfw_153:hover {
  padding-inline: 14.5rem;
  padding-block: 1.4rem;
  background-color: var(--theme-button-color);
  color: var(--clr-light-100);
  font-size: 1.6rem;
  box-shadow: var(--theme-button-shadow-color)
}

._redWidget_1grfw_171 {
  height: 2rem;
  width: 1.2rem;
  background-color: var(--theme-button-color);
  margin-inline: .3rem
}

@media (min-width: 992px) {
  ._redWidget_1grfw_171 {
    height: 1.7rem;
    width: 1.56rem
  }
}

._tnxImgProp_1grfw_75 {
  padding-inline: 12.4rem;
  padding-block: 1.5rem
}

._tnxTypography_1grfw_189 {
  padding-top: 1.5rem;
  padding-inline: 1.6rem;
  padding-bottom: 1.7rem
}

._buttonArea_1grfw_195 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: 1.5rem;
  padding-bottom: 4rem
}

._desktop_1grfw_75 ._dialogWidget_1grfw_203 {
  display: flex;
  justify-content: flex-end;
  padding-inline: 1.8rem
}

._desktop_1grfw_75 ._dialogTitle_1grfw_208 {
  padding: 0
}

._desktop_1grfw_75 ._dialogContent_1grfw_211 {
  padding-inline: 1.8rem;
  padding-block: 0
}

@media screen and (min-width: 1024px) {
  ._desktop_1grfw_75 ._dialogContent_1grfw_211 {
    border: 0
  }
}

._desktop_1grfw_75 ._dialogContent_1grfw_211 ._dialogContentBody_1grfw_220 {
  display: flex;
  flex-direction: row;
  padding-top: 2.5rem;
  padding-bottom: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._desktop_1grfw_75 ._dialogContent_1grfw_211 ._dialogContentBody_1grfw_220 {
    padding-bottom: 0
  }
}

._desktop_1grfw_75 ._DialogHeaderGrid_1grfw_75 {
  flex-direction: column
}

._desktop_1grfw_75 p {
  font-weight: 700;
  font-size: 1.6rem
}

._desktop_1grfw_75 ._horizontalWidget_1grfw_238 {
  height: .2rem;
  width: 2.3rem;
  background-color: var(--clr-primary-450);
  margin-top: .5rem
}

._desktop_1grfw_75 ._paperOuterArea_1grfw_244 {
  border-radius: 1rem
}

._desktop_1grfw_75 ._column1_1grfw_247 {
  flex: 1
}

._desktop_1grfw_75 ._column2_1grfw_250 {
  flex: 1;
  padding-inline-start: 1.4rem
}

._desktop_1grfw_75 ._column2_1grfw_250 ._header_1grfw_114 {
  padding: 0
}

._desktop_1grfw_75 ._column2_1grfw_250 ._feedbackBody_1grfw_257 {
  border-radius: 1rem;
  margin-block: 1.4rem;
  box-shadow: var(--theme-paper-box-shadow)
}

._closeButton_1grfw_263 {
  margin-top: -4.5rem;
  position: fixed;
  left: 50%
}

._closeButton_1grfw_263 div {
  width: 3.5rem;
  height: 3.5rem;
  background: var(--clr-light-100);
  border-radius: 1rem;
  color: var(--clr-dark-400);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem
}

._noOfferContainer_1grfw_280 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-inline: 1.6rem;
  gap: 1.5rem
}

._noOfferContainer_1grfw_280 ._exploreMenu_1grfw_288 {
  background-color: var(--clr-primary-400);
  box-shadow: 0 6px 10px #de000033;
  border-radius: .4rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

._noOfferContainer_1grfw_280 ._exploreMenu_1grfw_288 ._button_1grfw_195 {
  color: var(--clr-hrd-dark-400);
  padding-block: 1.5rem;
  font-weight: 700 !important
}

._noOfferContainer_1grfw_280 ._text_1grfw_302 p {
  font-weight: 500;
  font-size: 1.8rem;
  text-align: center
}

._noOfferContainer_1grfw_280 ._textDesc_1grfw_307 p {
  font-size: 1.4rem;
  font-weight: 400
}

._skeltonRoot_1grfw_312 {
  min-width: 40rem
}

._mainNav_1rsxv_1 {
  width: 289px;
  padding: 1.6rem 1.6rem 0;
  min-height: 100vh;
  font-family: var(--theme-font-family);
  overflow-y: scroll
}

@media screen and (min-width: 1024px) {
  ._mainNav_1rsxv_1 {
    padding-top: 9rem
  }
}

._badgeIcon_1rsxv_14 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._badgeIcon_1rsxv_14 {
    display: block;
    inset-inline-end: 10px;
    margin-top: -21px;
    position: absolute
  }
}

._zIndx_1rsxv_27 {
  z-index: 1200 !important
}

._zIndx_1rsxv_27 .MuiDrawer-paper {
  overflow-y: auto
}

._zIndx_1rsxv_27 .MuiDrawer-paper:before {
  content: "";
  display: block;
  position: fixed;
  inset-block: -5rem;
  background-color: var(--clr-light-100);
  z-index: -1;
  width: 289px;
  pointer-events: none
}

html[dir=rtl] ._profilePhn_1rsxv_44 {
  text-align: end
}

._profileSection_1rsxv_48 {
  padding: 1rem
}

._profileSection_1rsxv_48 ._profile_1rsxv_44 {
  margin: -8px
}

._profileSection_1rsxv_48 ._profileText_1rsxv_54 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._profileSection_1rsxv_48 ._profilePhn_1rsxv_44 {
  font-size: 1.2rem;
  font-weight: 400;
  direction: ltr
}

._profileSection_1rsxv_48 ._profileGrid_1rsxv_64 {
  display: flex;
  align-items: center
}

._profileSection_1rsxv_48 ._profileGrid_1rsxv_64 ._loginButton_1rsxv_68 {
  width: 6.2rem;
  height: 26px;
  color: var(--clr-dark-400);
  border: .1rem solid var(--clr-primary-400);
  font-size: 1.2rem;
  font-weight: 500
}

[dir=rtl] ._profileSection_1rsxv_48 ._profileGrid_1rsxv_64 ._loginButton_1rsxv_68 {
  font-size: 1rem;
  padding: 5px 0
}

._profileSection_1rsxv_48 ._plzLoginTypo_1rsxv_80 {
  font-weight: 500;
  font-size: 1.1rem
}

._loading_1rsxv_85 {
  height: 100vh;
  width: 100%;
  display: flex;
  background: var(--clr-light-750);
  position: absolute;
  justify-content: center;
  align-items: center
}

._profileBox_1rsxv_95 {
  padding-left: .8rem
}

._plsLoginTextArea_1rsxv_99 {
  padding-left: .8rem;
  display: flex;
  align-items: center
}

._lang_1rsxv_105 {
  border: 1px solid var(--clr-primary-400);
  text-align: center;
  padding: 2px 0;
  border-radius: 5px
}

._iconName_1rsxv_112 span {
  font-size: 1.5rem;
  font-weight: 700
}

._support_1rsxv_117 {
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  padding-top: 20px
}

._linkSection_1rsxv_125 {
  width: 100%;
  padding: 1.5rem 2rem;
  display: inline-block
}

._addressSelector_1rsxv_131 {
  padding-bottom: 0
}

._addressSelector_1rsxv_131 h3 {
  font-size: 1rem;
  margin-top: 1.8rem;
  font-weight: 700;
  color: var(--clr-dark-blue-800);
  margin-right: 7px;
  float: left;
  text-transform: uppercase
}

._addressSelector_1rsxv_131 h2 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--clr-light-100);
  margin-top: 1.4rem;
  display: flex;
  border-radius: .2rem;
  background: var(--theme-product-blue-color);
  justify-content: center;
  align-items: center;
  height: 1.6rem
}

._addressSelector_1rsxv_131 h2 span {
  padding: .2rem .5rem
}

._addressSelector_1rsxv_131 p {
  font-size: 1rem;
  color: var(--clr-dark-400);
  letter-spacing: -.3px;
  margin-bottom: 0;
  margin-top: .4rem
}

._topNav_1rsxv_166 {
  background: var(--clr-light-100);
  display: flex;
  cursor: pointer
}

[dir=rtl] ._topNav_1rsxv_166 {
  width: 2rem;
  z-index: 2000
}

._mainNav_1rsxv_1 {
  background: var(--clr-light-100)
}

._mainNav_1rsxv_1 .MuiGrid-container {
  flex-direction: row
}

.MuiPaper-elevation16 {
  background: transparent !important
}

._flexbox_1rsxv_187,
._circleArea1_1rsxv_187 {
  display: flex;
  justify-content: center;
  align-items: center
}

._dividerArea_1rsxv_193 {
  padding-top: 2rem;
  padding-bottom: 1.5rem
}

._dividerAreaOne_1rsxv_198 {
  padding-top: 1.7rem
}

._languageSelectArea_1rsxv_202,
._countrySelect_1rsxv_202 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center
}

._languageSelectArea_1rsxv_202 ._languageTypo_1rsxv_208,
._countrySelect_1rsxv_202 ._languageTypo_1rsxv_208 {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--clr-dark-400)
}

._countrySelect_1rsxv_202 {
  padding-top: 1.2rem
}

._countrySelect_1rsxv_202 ._countryTypo_1rsxv_217 {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--clr-dark-400)
}

._countrySelect_1rsxv_202 ._countryDrawer_1rsxv_222 {
  width: 6.9rem
}

._countrySelect_1rsxv_202 ._countryNameLabel_1rsxv_225 {
  padding-left: .8rem
}

._circleArea1_1rsxv_187 {
  height: 4rem;
  width: 4rem;
  background-color: var(--theme-user-icon-bg);
  color: var(--clr-dark-400);
  border-radius: 50%;
  font-weight: 500;
  font-size: 1.8rem
}

@media screen and (min-width: 1024px) {
  ._desktopCursorView_1rsxv_240 {
    cursor: pointer
  }
}

._root_17x1a_1 ._iconImage_17x1a_1 {
  min-width: 2.6rem
}

._root_17x1a_1 ._staticLink_17x1a_4 {
  flex: 0 1 auto;
  position: relative
}

._root_17x1a_1 ._supportLink_17x1a_8 {
  flex: 0 1 auto
}

._root_17x1a_1 ._listItem_17x1a_11 {
  padding: 1.2rem 0
}

._root_17x1a_1 ._liNoIcon_17x1a_14 {
  padding: 1rem 0
}

._root_17x1a_1 ._iconDimension_17x1a_17 {
  color: var(--clr-dark-400);
  height: 2rem;
  width: 2rem
}

._root_17x1a_1 ._listItem_17x1a_11,
._root_17x1a_1 ._liNoIcon_17x1a_14 {
  color: inherit
}

._root_17x1a_1 ._listItem_17x1a_11:hover,
._root_17x1a_1 ._liNoIcon_17x1a_14:hover {
  text-decoration: none
}

._root_17x1a_1 ._listItem_17x1a_11:hover ._staticLink_17x1a_4,
._root_17x1a_1 ._liNoIcon_17x1a_14:hover ._staticLink_17x1a_4 {
  text-decoration: underline;
  color: var(--clr-dark-400)
}

._flexbox_17x1a_36,
._circleArea2_17x1a_36 {
  display: flex;
  justify-content: center;
  align-items: center
}

._staticLink_17x1a_4 span {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._staticLink_17x1a_4 span:hover {
  text-decoration: underline
}

._supportLink_17x1a_8 span {
  font-size: 1.8rem;
  font-weight: 500;
  padding-inline: .8rem;
  color: var(--clr-dark-400)
}

._circleArea2_17x1a_36 {
  height: 3rem;
  width: 3rem;
  background-color: var(--theme-user-icon-bg);
  color: var(--clr-dark-400);
  border-radius: 50%;
  font-weight: 500;
  font-size: 1.8rem
}

._isNew_17x1a_68 {
  --tag-size: 1.5rem;
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: var(--clr-primary-400);
  margin-inline-start: 2rem;
  font-weight: 700;
  line-height: var(--tag-size);
  padding-inline: calc(var(--tag-size) / 3);
  border-radius: 0 .2rem .2rem 0
}

._isNew_17x1a_68.MuiListItemIcon-root {
  color: var(--clr-light-100);
  min-width: auto
}

._isNew_17x1a_68:before {
  --border-width: calc(var(--tag-size) / 2);
  content: "";
  position: absolute;
  inset-inline-end: 100%;
  border-top: var(--border-width) solid transparent;
  border-inline-end: var(--border-width) solid var(--clr-primary-400);
  border-bottom: var(--border-width) solid transparent;
  border-inline-start: var(--border-width) solid transparent
}

._isNew_17x1a_68:after {
  content: "";
  position: absolute;
  width: 10%;
  aspect-ratio: 1/1;
  background: var(--clr-light-100);
  border-radius: 100%;
  inset-block: 50% auto;
  inset-inline-start: -5%;
  transform: translateY(-50%)
}

._country_1xq0g_1 {
  flex-direction: row !important;
  padding-top: 1rem;
  width: 7rem;
  display: flex;
  align-items: center;
  margin-right: 1rem
}

._country_1xq0g_1 ._root_1xq0g_9 {
  width: 6.9rem;
  cursor: pointer
}

._country_1xq0g_1 ._countryNameLabel_1xq0g_13 {
  padding-left: .8rem
}

._fixWidth_1xq0g_17 ._country_1xq0g_1 {
  width: auto
}

._changeButton_1xq0g_21 {
  padding: 1rem
}

._changeButton_1xq0g_21 button {
  cursor: pointer;
  box-shadow: none;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: var(--clr-secondary-400);
  text-transform: none;
  border: 0;
  background: transparent
}

._iconDown_1xq0g_36 {
  width: 1.4rem;
  height: 1.4rem
}

._root_13mnk_1 ._langButton_13mnk_1 {
  color: var(--clr-dark-400);
  border-color: var(--clr-primary-400);
  background-color: var(--theme-lang-button-color);
  border-radius: .6rem;
  width: 6.9rem;
  height: 3rem;
  font-size: 1.2rem
}

@media screen and (min-width: 1024px) {
  ._root_13mnk_1 ._langButton_13mnk_1 {
    font-weight: 500;
    border: 1px solid;
    width: 5.9rem;
    height: 4.2rem;
    font-size: 1.6rem
  }
}

@media screen and (min-width: 1024px) {
  [dir=rtl] ._langButton_13mnk_1 {
    width: 8.9rem
  }
}

._root_171j7_1 {
  width: 100%;
  border: 1px solid rgba(106, 110, 123, .2);
  box-shadow: 0 2px 4px #0000000d;
  border-radius: .4rem;
  height: 4.2rem;
  padding: .4rem
}

@media screen and (min-width: 1024px) {
  ._root_171j7_1 {
    border: 2px solid rgba(106, 110, 123, .2)
  }
}

._root_171j7_1 img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

@media screen and (min-width: 1024px) {
  ._root_171j7_1 {
    display: none
  }
}

@media screen and (min-width: 1366px) {
  ._root_171j7_1 {
    display: block
  }
}

._selectedButton_171j7_30 {
  border: 1px solid var(--clr-primary-400);
  box-shadow: none
}

._root_3a1m9_1 {
  min-height: 90vh
}

@media screen and (min-width: 1024px) {
  ._root_3a1m9_1 {
    display: flex;
    flex-direction: column;
    min-height: 42rem
  }
}

._root_3a1m9_1 ._subHeading_3a1m9_11 {
  display: grid;
  padding: 2rem 1.5rem 1.5rem;
  grid-auto-flow: column;
  justify-content: space-between
}

@media screen and (min-width: 1024px) {
  ._root_3a1m9_1 ._subHeading_3a1m9_11 {
    padding: 2rem 0
  }
}

._root_3a1m9_1 ._subHeading_3a1m9_11 ._title_3a1m9_22 {
  font-size: 1.6rem;
  color: var(--clr-dark-400);
  font-weight: 500
}

._root_3a1m9_1 ._subHeading_3a1m9_11 ._addNewAddress_3a1m9_27 {
  width: 100%;
  text-transform: uppercase;
  color: var(--clr-secondary-475);
  font-size: 1.7rem;
  font-weight: 500;
  padding: 0;
  line-height: 1
}

._menuButton_3a1m9_37 {
  display: none
}

._menuButton_3a1m9_37._show_3a1m9_40 {
  display: block
}

._addressItem_3a1m9_44 {
  display: flex;
  background: white;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1rem 1rem 1.6rem;
  gap: 1rem;
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  ._addressItem_3a1m9_44 {
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: .6rem
  }
}

._addressItem_3a1m9_44 h3 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  line-height: 1.7rem
}

._addressItem_3a1m9_44 p {
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-dark-400-50);
  padding-top: 1rem
}

._addressItem_3a1m9_44 ._detail_3a1m9_71 {
  flex-grow: 1
}

._addressItem_3a1m9_44 ._detail_3a1m9_71 p {
  word-break: break-word
}

._addressItem_3a1m9_44 ._HiOutlineDotsVerticalCss_3a1m9_77 {
  height: 1.8rem
}

._addressItem_3a1m9_44 ._addressIcon_3a1m9_80 {
  font-size: 1.8rem;
  align-self: flex-start
}

._addressItem_3a1m9_44 ._addressMenu_3a1m9_84 {
  font-size: 2.2rem;
  min-width: auto
}

@media screen and (min-width: 1024px) {
  ._addressItem_3a1m9_44 {
    margin-bottom: 15px
  }
}

._Skeleton_3a1m9_94 {
  margin-bottom: 1rem
}

._noAdd_3a1m9_98 {
  display: flex;
  padding: 1.5rem;
  flex-direction: column;
  align-items: center;
  min-height: 32rem;
  justify-content: center;
  gap: 1rem;
  transform: translateY(50%)
}

@media screen and (min-width: 1024px) {
  ._noAdd_3a1m9_98 {
    transform: none
  }
}

._noAdd_3a1m9_98 h3 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._noAdd_3a1m9_98 p {
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--clr-dark-400);
  opacity: .8
}

._noAdd_3a1m9_98 button {
  background: var(--theme-cartbar-button-bg);
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  color: var(--clr-dark-400);
  width: 100%;
  padding: 1.5rem
}

._action_3a1m9_133 button {
  border: 0;
  min-width: 4rem;
  min-height: 3rem;
  padding: 0
}

._addAddressButton_3a1m9_140 {
  text-align: center;
  position: absolute;
  bottom: 2rem;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._addAddressButton_3a1m9_140 {
    margin-top: 0
  }
}

._addAddressButton_3a1m9_140 button {
  width: 80%;
  color: var(--clr-dark-400) !important
}

._addAddress_3a1m9_140 {
  width: 80%;
  height: 48px;
  color: var(--clr-light-100) !important;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  background: var(--clr-primary-400) !important;
  box-shadow: 0 6px 10px #de000033;
  border-radius: 4px
}

._addMoreAddress_3a1m9_168 {
  position: absolute;
  right: 0;
  margin: 1rem;
  color: var(--clr-dark-400) !important
}

._displayMoreAddress_3a1m9_175 {
  margin-top: 3rem;
  margin-bottom: 6rem
}

._locationSearchArea_3a1m9_180 {
  padding-inline: 1.6rem;
  padding-top: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._locationSearchArea_3a1m9_180 {
    padding-inline: 0
  }
}

._locationSearchArea_3a1m9_180 ._locationSearch_3a1m9_180 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
  border: .1rem solid rgba(57, 63, 82, .2);
  border-radius: .4rem
}

._locationSearchArea_3a1m9_180 ._locationSearch_3a1m9_180 ._locationInput_3a1m9_197 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400-80)
}

._locationSearchArea_3a1m9_180 ._locationSearch_3a1m9_180 ._iconSize_3a1m9_202 {
  height: 2.15rem;
  width: 2.15rem
}

._locationSearchArea_3a1m9_180 ._locationSearch_3a1m9_180 ._searchIcon_3a1m9_206 {
  color: var(--clr-dark-400);
  padding: 1.2rem
}

._locationSearchArea_3a1m9_180 ._locationSearch_3a1m9_180 ._locationIcon_3a1m9_210 {
  position: absolute;
  inset-inline-end: 1.6rem;
  padding: 1.2rem;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._locationSearchArea_3a1m9_180 ._locationSearch_3a1m9_180 ._locationIcon_3a1m9_210 {
    inset-inline-end: 2.8rem
  }
}

._desktopHeader_3a1m9_222 {
  display: none;
  padding-block: 1.5rem .6rem;
  padding-inline: 2rem;
  margin-bottom: 3rem;
  position: sticky;
  top: 0;
  height: 100%;
  z-index: 99;
  background: white
}

@media screen and (min-width: 1024px) {
  ._desktopHeader_3a1m9_222 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--clr-dark-900-10)
  }

  ._desktopHeader_3a1m9_222 ._icon_3a1m9_202 {
    height: 4.2rem;
    aspect-ratio: 1/1
  }

  ._desktopHeader_3a1m9_222 ._icon_3a1m9_202 img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }

  ._desktopHeader_3a1m9_222 ._heading_3a1m9_248 {
    flex-basis: 66%;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--clr-dark-400);
    padding-inline-start: 1rem;
    padding-block: 0
  }

  ._desktopHeader_3a1m9_222 ._Closebutton_3a1m9_256 {
    flex-grow: 1;
    text-align: end
  }

  ._desktopHeader_3a1m9_222 ._Closebutton_3a1m9_256 button {
    font-size: 1.8rem;
    color: var(--clr-dark-400);
    padding: 0;
    min-width: auto
  }

  ._desktopHeader_3a1m9_222 ._Closebutton_3a1m9_256 button svg {
    font-size: 3.4rem
  }
}

@media screen and (min-width: 1024px) {
  ._wrapper_3a1m9_272 {
    padding-inline: 2rem
  }
}

._wrapper_3a1m9_272 ._heading_3a1m9_248 {
  display: flex;
  justify-content: flex-end
}

._locationDenied_3a1m9_281 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._locationDenied_3a1m9_281 {
    display: flex;
    background: rgba(251, 141, 69, .1);
    border: 1.18503px solid var(--clr-orange-500);
    border-radius: 5px;
    margin-top: 1.5rem;
    padding: 1.2rem 1.5rem;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.7rem
  }
}

._locationDenied_3a1m9_281 ._icon_3a1m9_202 {
  background: var(--clr-orange-500);
  box-shadow: 0 1.46667px 5.86667px #fb8d4566;
  border-radius: .6rem;
  color: var(--clr-light-100);
  height: 2.5rem;
  width: 2.6rem;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  justify-content: center;
  margin-inline-end: 1rem
}

._locationSearch_3a1m9_180 ._locationIcon_3a1m9_210 {
  position: absolute;
  inset-inline-end: 3rem;
  color: var(--theme-product-blue-color)
}

@media screen and (min-width: 1024px) {
  ._locationSearch_3a1m9_180 ._locationIcon_3a1m9_210 {
    inset-inline-end: 3rem
  }
}

._changeCountry_3a1m9_322 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  background: white;
  padding: 1.5rem 1.1rem 0
}

@media screen and (min-width: 1024px) {
  ._changeCountry_3a1m9_322 {
    padding: 0
  }
}

._deleteText_3a1m9_335 {
  color: var(--clr-primary-400);
  font-size: 1.4rem;
  font-weight: 500
}

._editText_3a1m9_341 {
  font-size: 1.4rem;
  font-weight: 500
}

._dropcart_3a1m9_346 {
  padding: 2rem 1rem;
  background: var(--clr-light-100);
  color: var(--clr-dark-400);
  font-size: 1.2rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

@media screen and (min-width: 1024px) {
  ._dropcart_3a1m9_346 {
    max-width: 30rem
  }
}

._content_3a1m9_365 {
  text-align: center;
  line-height: 1.4rem
}

._action_3a1m9_133 {
  margin-top: 2rem;
  display: flex;
  gap: 1rem
}

._action_3a1m9_133 button {
  padding: 1rem
}

@media screen and (min-width: 1024px) {
  ._root_1361h_2 {
    width: 100%
  }
}

._main_1361h_7 {
  background: var(--clr-light-100);
  max-height: 90vh;
  height: auto;
  overflow: hidden
}

@media screen and (min-width: 1024px) {
  ._main_1361h_7 {
    height: 100%;
    max-height: 100%;
    position: sticky;
    padding: 2rem
  }
}

._pageHeading_1361h_22 {
  background: white;
  width: 100%;
  padding: 10px
}

._pageHeading_1361h_22 h1 {
  font-size: 15px;
  font-weight: 700;
  padding-left: 30px
}

._back_1361h_34 {
  position: absolute
}

._section_1361h_38 {
  height: 100%
}

._addAddress_1361h_42 {
  background: var(--clr-light-100);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-direction: column;
  height: 100%
}

._addAddress_1361h_42 ._Map_1361h_52 {
  width: 100%;
  background: grey;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._addAddress_1361h_42 ._Map_1361h_52 {
    height: 42.3rem;
    max-height: 42.3rem
  }
}

._addAddress_1361h_42 ._inputField_1361h_66 {
  width: 50%;
  margin-bottom: 1rem;
  margin-right: 23px
}

._addAddress_1361h_42 ._locationInput_1361h_71 {
  width: 100%;
  margin-bottom: 0rem
}

@media screen and (min-width: 1024px) {
  ._addAddress_1361h_42 ._locationInput_1361h_71 {
    margin-bottom: 1rem
  }
}

._addAddress_1361h_42 ._button_1361h_80 {
  width: 100%;
  padding: 12px;
  color: var(--clr-dark-400);
  font-size: 1.4rem;
  font-weight: 700
}

._inputField_1361h_66 {
  width: 50%;
  margin-bottom: 1rem;
  margin-right: 23px
}

._howToField_1361h_94 {
  font-size: 1.4rem;
  font-weight: 500;
  color: #2d2926;
  max-width: 60%
}

._subInp_1361h_106 {
  position: relative;
  width: 100%
}

._errorInput_1361h_111 {
  border-bottom: 1px solid var(--clr-primary-400) !important
}

._flatError_1361h_115 {
  position: absolute;
  color: var(--clr-primary-400);
  width: 100%;
  left: 0;
  bottom: -12px
}

._search_1361h_123 {
  position: absolute;
  top: 2rem;
  left: 5%;
  width: 90%;
  max-width: 100%;
  z-index: 10
}

@media screen and (min-width: 1024px) {
  ._search_1361h_123 {
    top: -.3rem;
    left: 0;
    width: 100%;
    padding-bottom: 1.5rem;
    background: white
  }
}

._search_1361h_123 input {
  width: 100%;
  font-size: 1.6rem;
  padding: 2rem 7rem;
  padding-inline-start: 4rem;
  background: var(--clr-light-100);
  border: 1px solid rgba(57, 63, 82, .2);
  box-sizing: border-box;
  box-shadow: 0 10px 10px #0000001a;
  border-radius: 6px;
  height: 5.6rem;
  caret-color: red;
  padding-inline-end: 9rem
}

@media screen and (min-width: 1024px) {
  ._search_1361h_123 input {
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 6px;
    border: 1px solid rgba(57, 63, 82, .2)
  }
}

._search_1361h_123 ::placeholder {
  color: var(--clr-dark-400);
  opacity: .4rem
}

._addressForm_1361h_168 {
  padding: 1rem 1.6rem 2rem;
  position: sticky;
  width: 100%;
  background: white;
  bottom: 0
}

@media screen and (min-width: 1024px) {
  ._addressForm_1361h_168 {
    position: absolute;
    display: flex;
    align-items: center;
    box-shadow: 0 -10px 20px #0000001a;
    border-radius: 0 0 20px 20px;
    bottom: -17px
  }
}

._addressForm_1361h_168 input {
  width: 100%
}

._searchSugg_1361h_190 {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7rem;
  background: var(--clr-light-100);
  list-style: none;
  z-index: 1440;
  padding: 1rem;
  color: var(--clr-dark-400)
}

._searchSugg_1361h_190 li {
  margin-bottom: .5rem;
  padding: .5rem;
  cursor: pointer;
  z-index: 1500
}

._searchSugg_1361h_190 li span {
  display: block;
  font-size: 1.2rem;
  color: var(--clr-dark-200);
  z-index: 1500
}

._nobg_1361h_213 div {
  background-color: transparent;
  border: 0
}

._nobg_1361h_213 ._errorDrawer_1361h_217 {
  min-height: 100%;
  border-radius: 100px 100px 0 0;
  border: 1px solid var(--clr-light-100);
  display: flex;
  background-color: var(--clr-light-100);
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 30px 0
}

._nobg_1361h_213 ._errorDrawer_1361h_217 ._ErrorB_1361h_230 {
  background: var(--clr-primary-375);
  color: #fff;
  font-size: 1.5rem;
  text-transform: uppercase;
  border-radius: 0;
  margin-top: 10px
}

._nobg_1361h_213 ._errorDrawer_1361h_217 ._error_1361h_111 {
  margin-bottom: 30px;
  padding: 30px 0
}

._nobg_1361h_213 ._topPos_1361h_242 {
  display: flex;
  position: absolute;
  top: 1px
}

._nobg_1361h_213 ._strip_1361h_247 {
  background: var(--clr-primary-375);
  width: 20px;
  height: 50px;
  margin-right: 10px
}

._addressTags_1361h_254 {
  display: flex;
  justify-content: space-between
}

._tagHeading_1361h_259 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._tagHeading_1361h_259 {
    font-size: 1.4rem
  }
}

._addressTags_1361h_254 {
  margin-top: 10px;
  margin-bottom: 30px;
  align-items: center
}

._addressTags_1361h_254 ._tags_1361h_275 {
  display: flex;
  gap: 1rem
}

._addressTags_1361h_254 ._tags_1361h_275 button {
  font-size: .9rem;
  background: rgba(169, 189, 208, .4);
  color: var(--clr-dark-300);
  padding: .3rem 1rem;
  font-weight: 700;
  text-transform: uppercase;
  min-width: 20px;
  border-radius: 4px;
  height: 3rem
}

._addressTags_1361h_254 .MuiButton-startIcon {
  margin-inline: 0 2px
}

._change_1361h_295 {
  position: absolute;
  top: 0;
  right: 0;
  height: 2.2rem;
  width: 6.6rem;
  min-width: auto;
  font-weight: 500 !important;
  padding: 1.2rem 2rem !important;
  background-color: var(--clr-light-100) !important;
  color: var(--clr-dark-400) !important;
  box-shadow: none !important;
  border-radius: .4rem !important;
  border-width: .1rem !important
}

._loc_1361h_71 {
  display: flex;
  align-items: center;
  padding: 1rem
}

@media screen and (min-width: 1024px) {
  ._loc_1361h_71 {
    flex-grow: 1;
    width: 60%;
    padding-inline-end: 5rem
  }
}

._locIcon_1361h_324 {
  width: 40px;
  flex-grow: 0
}

._selectedLoc_1361h_329 {
  flex-grow: 1
}

._selectedLoc_1361h_329 h4 {
  font-size: 1.4rem;
  color: var(--theme-button-disable-bg);
  font-weight: 500;
  margin: 0
}

._selectedLoc_1361h_329 ._selectLocContainer_1361h_338 {
  display: flex;
  justify-content: space-between;
  align-items: center
}

._addressForm_1361h_168 ._selectedLoc_1361h_329 input {
  font-size: 1.4rem;
  font-weight: 500;
  font-family: var(--theme-font-family);
  color: var(--clr-dark-400);
  background: transparent;
  border: 0;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis
}

@media screen and (min-width: 1024px) {
  ._addressForm_1361h_168 ._button_1361h_80 {
    width: 200px;
    height: 48px;
    margin-top: -1.5rem
  }
}

._addForm_1361h_363 {
  display: flex;
  flex-direction: column;
  padding: 4rem 1.6rem 5rem;
  gap: 1rem
}

@media screen and (min-width: 1024px) {
  ._addForm_1361h_363 {
    margin: 0;
    box-shadow: 0 2.17631px 7.61708px #9bccf43d;
    border-radius: 6px;
    padding: 0
  }
}

._addForm_1361h_363 h3 {
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: .5rem;
  color: #707070
}

@media screen and (min-width: 1024px) {
  ._addForm_1361h_363 h3 {
    margin: 0;
    font-weight: 500
  }
}

._addForm_1361h_363 input {
  width: 100%;
  background: transparent;
  border: 0;
  color: var(--clr-dark-400);
  font-family: var(--theme-font-family);
  font-weight: 500;
  margin: 3px 0;
  font-size: 1.4rem;
  padding: 5px
}

._addForm_1361h_363 input:active {
  outline: none
}

._addForm_1361h_363 input:focus {
  outline: none
}

._addForm_1361h_363 ::placeholder {
  color: var(--clr-dark-400);
  opacity: .4;
  font-weight: 500;
  font-size: 1.4rem
}

._addForm_1361h_363 :-ms-input-placeholder {
  color: var(--clr-dark-400-20)
}

._addForm_1361h_363 ::-ms-input-placeholder {
  color: var(--clr-dark-400-20)
}

._addForm_1361h_363 ._addressTags_1361h_254 ._active_1361h_422 {
  background: var(--clr-primary-375);
  color: var(--clr-dark-400);
  font-size: .9rem
}

._addForm_1361h_363 ._addressTags_1361h_254 ._active_1361h_422:focus {
  outline: none
}

._addForm_1361h_363 ._addressTags_1361h_254 ._active_1361h_422:active {
  outline: none
}

@media screen and (min-width: 1024px) {
  ._addForm_1361h_363 ._addressTags_1361h_254 ._active_1361h_422 {
    font-size: 1rem
  }
}

._addForm_1361h_363 button._confirm_1361h_439 {
  position: absolute;
  bottom: 2rem;
  width: 92%;
  color: var(--clr-dark-400);
  left: 4%;
  padding: 10px;
  font-size: 1rem;
  height: 4.8rem
}

@media screen and (min-width: 1024px) {
  ._addForm_1361h_363 button._confirm_1361h_439 {
    position: relative;
    width: 20rem;
    height: 4.8rem;
    left: auto;
    padding: 10px;
    font-size: 1.6rem;
    bottom: auto
  }
}

._icon_1361h_461 {
  position: absolute;
  top: 1.8rem;
  inset-inline-start: 1.1rem
}

._closeIcon_1361h_467 {
  position: absolute;
  top: 2.1rem;
  inset-inline-end: 5rem;
  top: 1.9rem;
  width: 2.2rem;
  height: 2.2rem;
  cursor: pointer;
  margin-right: 2rem
}

[dir=ltr] ._closeIcon_1361h_467 {
  inset-inline-end: 5rem
}

._countryDrop_1361h_482 {
  position: absolute;
  top: 1rem;
  inset-inline-end: -2rem
}

._addressDrawer_1361h_488 {
  background: var(--clr-light-100);
  border-radius: 2rem 2rem 0 0;
  min-height: 30rem;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._addressDrawer_1361h_488 {
    padding-top: .09rem;
    min-height: 25rem
  }
}

._badge_1361h_501 {
  position: absolute;
  left: 50%;
  transform: translate(-50%)
}

@media screen and (min-width: 1024px) {
  ._badge_1361h_501 {
    position: absolute;
    inset-inline-end: 0;
    transform: translate(-55%);
    left: auto;
    top: 0
  }
}

._building_1361h_516 {
  width: 50%
}

._formInput_1361h_520 {
  display: flex;
  gap: 2rem;
  margin: .2rem
}

._formInput_1361h_520 .MuiListItem-root {
  padding-block: 0;
  padding-inline: 0
}

._formInput_1361h_520 input {
  border-bottom: 1px solid var(--clr-dark-400-10);
  font-family: var(--theme-font-family);
  font-weight: 500 !important;
  color: var(--clr-dark-400);
  overflow: hidden;
  text-overflow: ellipsis
}

._formInput_1361h_520 .Mui-checked {
  color: #2d2926
}

._formInput_1361h_520 .Mui-disabled:before {
  display: none
}

._warning_1361h_544 {
  color: var(--clr-orange-500);
  font-size: 1.2rem;
  animation: .8s _shake_1361h_1 infinite alternate;
  margin-top: 1rem
}

@media screen and (min-width: 1024px) {
  ._warning_1361h_544 {
    margin-top: 0
  }
}

._no_margin_1361h_556 {
  margin: 0
}

._setLoc_1361h_560 {
  cursor: pointer;
  position: absolute;
  background: var(--clr-light-100);
  width: 4rem;
  height: 4rem;
  display: flex;
  bottom: 3rem;
  right: 2rem;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  box-shadow: 0 5px 10px #00000026
}

@media screen and (min-width: 1024px) {
  ._setLoc_1361h_560 {
    bottom: 11rem
  }
}

._setLoc_1361h_560 svg {
  font-size: 2rem;
  color: var(--clr-dark-blue-200)
}

._setLoc_1361h_560._notLoggedIn_1361h_583 {
  bottom: 7rem
}

@media screen and (min-width: 1024px) {
  ._setLoc_1361h_560._notLoggedIn_1361h_583 {
    bottom: 15rem
  }
}

._loginBar_1361h_592 {
  background-color: var(--clr-light-300);
  padding: 1rem 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  width: 100%;
  left: 0;
  top: -5rem
}

._selectLocContainer_1361h_338 button._change_1361h_295 {
  color: var(--clr-dark-400);
  min-width: auto;
  border: 1px solid var(--clr-primary-400) !important;
  padding: .4rem .8rem;
  border-radius: .4rem;
  top: -2px;
  inset-inline-end: 1.5rem;
  margin-right: -2.3rem;
  background: var(--clr-background-red)
}

@media screen and (min-width: 1024px) {
  ._selectLocContainer_1361h_338 button._change_1361h_295 {
    inset-inline-end: 0;
    background: var(--clr-background-red)
  }
}

._comboPop_1361h_622 {
  z-index: 1400;
  overflow-y: scroll
}

@media screen and (min-width: 1024px) {
  ._comboPop_1361h_622 {
    overflow-y: scroll;
    max-height: 24rem
  }
}

._optionItem_1361h_633 {
  display: flex
}

._optionBox_1361h_637 {
  justify-content: center
}

._optionBox_1361h_637:hover {
  background: var(--clr-light-100);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e
}

._iconRight_1361h_646 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._iconRight_1361h_646 {
    display: block;
    margin-inline-start: auto;
    margin-inline-end: 1rem;
    width: 1rem;
    height: .9725rem;
    margin-top: .8rem
  }
}

._locTitle_1361h_660 {
  margin: 0 .5rem
}

._iicon_1361h_664 {
  padding-inline-end: .5rem
}

._openDrawerInfo_1361h_668 {
  display: none;
  position: absolute;
  z-index: 10;
  bottom: 0;
  width: 100%;
  padding: 0
}

._activeDrawer_1361h_677 {
  display: block
}

._activeDrawer_1361h_677:before {
  content: "";
  width: 100%;
  height: 100vh;
  background: var(--clr-dark-700);
  z-index: -1;
  display: block;
  position: absolute;
  top: -100vh;
  left: 0
}

._closeButton_1361h_692 {
  position: absolute;
  width: 4.2rem;
  height: 4.2rem;
  display: flex;
  font-size: 2.5rem;
  background: var(--clr-light-100);
  border-radius: 1rem;
  color: var(--clr-dark-400);
  justify-content: center;
  align-items: center;
  left: 50%;
  transform: translate(-50%, calc(-100% - 3rem));
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  ._closeButton_1361h_692 {
    position: absolute;
    width: 4.2rem;
    height: 4.2rem;
    display: flex;
    font-size: 2.5rem;
    background: transparent;
    border-radius: 1rem;
    color: var(--clr-dark-400);
    justify-content: center;
    align-items: center;
    inset-inline-start: 3rem;
    transform: translate(-50%, calc(-100% - 3rem));
    cursor: pointer;
    top: 7.3rem;
    z-index: 999
  }
}

._noAddressFound_1361h_727 {
  background: var(--clr-light-100);
  padding: 1rem;
  font-size: 1.2rem;
  display: block;
  width: 100%
}

._customMarker_1361h_735 {
  position: absolute;
  z-index: 9;
  pointer-events: none
}

._desktopHeader_1361h_741 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._desktopHeader_1361h_741 {
    display: block;
    font-size: 1.8rem;
    color: var(--clr-dark-400);
    font-weight: 500;
    padding: 2.5rem;
    border-bottom: 1px solid var(--clr-dark-900-10);
    min-width: 54rem
  }
}

._desktopHeader_1361h_741 {
  display: none;
  padding-block: 2rem .6rem;
  padding-inline: 2rem;
  position: sticky;
  top: 0;
  height: 100%;
  z-index: 99;
  background: white;
  padding-bottom: 2rem
}

@media screen and (min-width: 1024px) {
  ._desktopHeader_1361h_741 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--clr-dark-900-10)
  }

  ._desktopHeader_1361h_741 ._icon_1361h_461 {
    height: 4.2rem;
    aspect-ratio: 1/1
  }

  ._desktopHeader_1361h_741 ._icon_1361h_461 img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }

  ._desktopHeader_1361h_741 ._heading_1361h_782 {
    flex-basis: 66%;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--clr-dark-400);
    padding-inline-start: 4rem;
    padding-block: 0
  }

  ._desktopHeader_1361h_741 ._Closebutton_1361h_790 {
    flex-grow: 1;
    text-align: end
  }

  ._desktopHeader_1361h_741 ._Closebutton_1361h_790 button {
    font-size: 1.8rem;
    color: var(--clr-dark-400);
    padding: 0;
    min-width: auto
  }

  ._desktopHeader_1361h_741 ._Closebutton_1361h_790 button svg {
    font-size: 3.4rem
  }
}

._headingDrawer_1361h_805 {
  display: flex
}

@media screen and (min-width: 1024px) {
  ._headingDrawer_1361h_805 {
    background: rgba(224, 240, 255, .7);
    border-radius: 6px 6px 0 0;
    padding: 1.3rem 2rem;
    margin-bottom: 1.8rem;
    padding-inline-start: 4.8rem
  }
}

._comboChangeCity_1361h_818 {
  background: var(--clr-light-100);
  padding: 1rem;
  display: flex;
  gap: 1rem
}

._comboChangeCity_1361h_818 ._text_1361h_824 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem
}

._comboChangeCity_1361h_818 ._textBlock_1361h_829 {
  display: flex;
  flex-direction: column
}

._comboChangeCity_1361h_818 ._action_1361h_833 {
  padding-top: 1rem;
  display: flex;
  flex-direction: row;
  gap: 1rem
}

._noloc_1361h_840 {
  display: flex;
  flex-direction: column;
  gap: .5rem
}

._noloc_1361h_840 h3 {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: var(--clr-dark-400)
}

._noloc_1361h_840 p {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: var(--clr-dark-400)
}

._addAddressText_1361h_858 {
  font-weight: 700;
  font-size: 1.6rem
}

._desktopForm_1361h_863 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._desktopForm_1361h_863 {
    padding-inline: 1.5rem
  }
}

._Skeleton_1361h_874 {
  height: 4.4rem;
  width: 100%;
  margin-right: 2rem;
  border-radius: 1rem
}

button._disabledButton_1361h_881 {
  color: #fff !important
}

._listItem_1361h_885 {
  display: flex;
  flex-direction: row;
  gap: .5rem
}

._noGap_1361h_891 {
  gap: 0;
  margin-inline: 0;
  margin-block: -2rem
}

._compoundAddressItemName_1361h_897 span {
  font-size: 1.4rem;
  font-weight: 500;
  color: #707070
}

._selectedCompoundAddress_1361h_903 span {
  color: #2d2926
}

._form_1361h_520 {
  width: 100%
}

._row_1361h_911 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-block: 2rem
}

._noMargin_1361h_919 {
  margin-block: 0
}

@media screen and (min-width: 1024px) {
  ._noMargin_1361h_919 {
    padding-inline: 1.5rem
  }
}

._root_1oylp_1 {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  background: var(--clr-dark-800);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1900
}

._noShadow_1oylp_15 {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  display: flex;
  background: var(--clr-dark-800);
  align-items: center;
  justify-content: center;
  z-index: 1000
}

@media screen and (min-width: 1024px) {
  ._noShadow_1oylp_15 {
    background: transparent
  }
}

._root_lkkbm_1 {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 1rem
}

@media screen and (min-width: 1024px) {
  ._root_lkkbm_1 {
    display: none
  }
}

._mediaTile_lkkbm_13 {
  width: 9.6rem;
  flex: 0 0 auto;
  margin-right: 1.2rem;
  background: white;
  text-align: center;
  display: flex;
  padding: 2px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._mediaTile_lkkbm_13 {
    width: 9vw
  }
}

._mediaTile_lkkbm_13:first-child {
  width: 80vw
}

@media screen and (min-width: 1024px) {
  ._mediaTile_lkkbm_13:first-child {
    width: 16vw
  }
}

._mediaTile_lkkbm_13:first-child img {
  width: 100%
}

._media_lkkbm_13 {
  object-fit: cover
}

._media_lkkbm_13 img {
  width: 90%
}

@media screen and (min-width: 1024px) {
  ._media_lkkbm_13 img {
    width: 51%
  }
}

._title_lkkbm_55 {
  position: relative;
  font-size: .8rem;
  color: var(--clr-dark-400);
  line-height: normal;
  padding-top: 10px
}

@media screen and (min-width: 1024px) {
  ._title_lkkbm_55 {
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 400
  }
}

._ribon_lkkbm_70 {
  position: absolute;
  width: 44%;
  top: -2px;
  inset-inline-start: -.3rem
}

._ribon_lkkbm_70 img {
  width: 100%
}

._root_154gp_1 {
  background: var(--clr-light-100);
  display: flex;
  margin: 1.6rem 0;
  padding: 1.6rem 1.2rem;
  position: relative;
  border: 1px solid var(--clr-primary-400);
  box-sizing: border-box;
  border-radius: 4px
}

._storePinWrapper_154gp_12 {
  flex-shrink: 1
}

._storePin_154gp_12 {
  position: relative;
  font-size: 1.8rem;
  display: flex;
  transform: translateY(-20%);
  margin-inline-end: .4rem;
  padding-top: .3rem
}

._storePin_154gp_12:after {
  content: "";
  position: absolute;
  inset: auto auto 0 50%;
  width: 0;
  height: .4rem;
  border: solid .1rem currentColor;
  border-radius: 50%;
  transform: translate(-50%, 50%)
}

._storeDetails_154gp_35 {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

._title_154gp_41 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  margin-bottom: .7rem
}

._location_154gp_48 {
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  margin-bottom: 1rem;
  line-height: 1.4rem
}

._hours_154gp_55 {
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  font-weight: 500;
  text-transform: uppercase
}

._root_1uhi9_1 {
  background: var(--clr-light-100);
  padding: 1rem 1.6rem 2.9rem;
  position: relative;
  gap: 2rem;
  display: flex;
  flex-direction: column
}

@media screen and (max-width: 1023px) {
  ._root_1uhi9_1 {
    border-radius: 2px;
    box-shadow: 0 0 10px var(--clr-light-850);
    margin-bottom: 2.5rem
  }
}

._root_1uhi9_1 ._citySelect_1uhi9_16 {
  width: 100%;
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--clr-dark-blue-250);
  padding: 1rem 0;
  margin-bottom: 1.4rem
}

._root_1uhi9_1 ._storeSelect_1uhi9_24 {
  width: 100%;
  margin-top: .5rem;
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--clr-dark-blue-250);
  padding: 17px 6px;
  margin-bottom: 14px
}

._root_1uhi9_1 ._locButton_1uhi9_33 {
  box-shadow: none;
  font-weight: 500;
  border-width: .1rem
}

@media screen and (min-width: 1024px) {
  ._root_1uhi9_1 ._locButton_1uhi9_33 {
    max-width: 26rem;
    font-weight: 500;
    font-size: 1.6rem;
    gap: .5rem
  }

  ._root_1uhi9_1 ._locButton_1uhi9_33 svg {
    font-size: 2.5rem
  }
}

._root_1uhi9_1 ._locButton_1uhi9_33 .MuiButton-label {
  gap: 1rem
}

._root_1uhi9_1 ._locButton_1uhi9_33 .MuiButton-label svg {
  font-size: 2.2rem
}

._root_1uhi9_1 ._input_1uhi9_55 {
  margin-bottom: 1rem
}

._root_1uhi9_1 ._input_1uhi9_55 input {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  font-family: var(--theme-font-family)
}

._root_1uhi9_1 ._input_1uhi9_55 label {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400-50)
}

._root_1uhi9_1 [class*=MuiAutocomplete-clearIndicator] svg {
  font-size: 1.6rem
}

._root_1uhi9_1 [class*=".MuiInput-underline"] :after {
  border-bottom: 1px solid rgba(0, 0, 0, .42) !important
}

._onlyFlag_1uhi9_76 {
  top: 2rem;
  position: absolute;
  inset-inline-end: 0;
  pointer-events: none
}

._changeButton_1uhi9_83 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding: .5rem
}

._main_1v3m9_1 {
  background: var(--theme-backgroud-page);
  min-height: 100vh;
  height: auto;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._main_1v3m9_1 {
    min-height: auto;
    min-width: 64rem;
    background: var(--clr-light-100)
  }
}

._addButton_1v3m9_15 {
  position: fixed;
  display: flex;
  justify-content: center;
  width: 100%;
  background: var(--clr-light-100);
  bottom: 0;
  box-shadow: 0 -6px 20px #0000001a;
  padding: 1rem 0
}

@media screen and (min-width: 1024px) {
  ._addButton_1v3m9_15 {
    position: sticky;
    margin-top: 2rem
  }
}

._addButton_1v3m9_15 button {
  width: 90%;
  padding: 1rem;
  font-size: 1.5rem
}

._addButton_1v3m9_15 button:disabled {
  color: #fff !important
}

@media screen and (min-width: 1024px) {
  ._addButton_1v3m9_15 button {
    width: 50%
  }
}

._dMode_1v3m9_50,
._dMode_1v3m9_50 ._modeList_1v3m9_53 {
  padding: 0
}

._modeList_1v3m9_53 {
  list-style: none;
  width: 100%;
  display: flex;
  padding: 0
}

._modeList_1v3m9_53 ._modeItem_1v3m9_63 {
  float: left;
  display: flex;
  flex-direction: column;
  padding: 0;
  align-items: center
}

._modeList_1v3m9_53 ._modeImage_1v3m9_70 {
  width: 30px;
  height: 30px
}

._storeSection_1v3m9_75 {
  padding: 1rem 0;
  margin-bottom: 7rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_1v3m9_75 {
    margin: 0 2rem 2rem;
    background: var(--clr-light-100);
    padding: 0
  }
}

@media screen and (min-width: 1024px) {
  ._storeSection_1v3m9_75 ._cityStoreSelector_1v3m9_87 {
    background: var(--clr-light-100);
    margin-bottom: 2.5rem;
    overflow: hidden;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 6px
  }
}

._storeSection_1v3m9_75 h1 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  padding: 0 1.4rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_1v3m9_75 h1 {
    margin-bottom: 0
  }
}

._storeSection_1v3m9_75 h2 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  margin-bottom: .8rem;
  padding: 0 1.4rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_1v3m9_75 h2 {
    padding: 0
  }
}

._storeSection_1v3m9_75 p {
  font-size: 1.4rem;
  color: var(--clr-dark-400-50);
  font-weight: 400;
  padding: 0 1.4rem;
  padding-block: 1rem;
  padding-top: 0;
  padding-bottom: 1rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_1v3m9_75 p {
    padding-top: 1rem
  }
}

._storeSection_1v3m9_75 ._heading_1v3m9_132 {
  position: relative;
  padding: 1rem 0 1.5rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_1v3m9_75 ._heading_1v3m9_132 {
    padding: 1.6rem 0;
    background: var(--clr-light-200)
  }
}

._storeSection_1v3m9_75 ._heading_1v3m9_132 ._badge_1v3m9_142 {
  display: none;
  position: absolute
}

@media screen and (min-width: 1024px) {
  ._storeSection_1v3m9_75 ._heading_1v3m9_132 ._badge_1v3m9_142 {
    display: block;
    top: 0;
    inset-inline-end: 2rem
  }
}

._storeSection_1v3m9_75 ._input_1v3m9_153 {
  margin-bottom: 1rem
}

._storeSection_1v3m9_75 ._input_1v3m9_153 input {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._storeSection_1v3m9_75 ._input_1v3m9_153 label {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400-50)
}

._deliveryIns_1v3m9_167 {
  margin-top: 20px;
  background: white;
  padding: 1.5rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._deliveryIns_1v3m9_167 {
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 6px
  }
}

._deliveryIns_1v3m9_167:after {
  display: block;
  position: absolute;
  height: 2.8rem;
  width: .1rem;
  background: var(--clr-primary-400);
  top: 1.9rem
}

._deliveryIns_1v3m9_167 input {
  width: 100%;
  font-size: 1.4rem;
  padding: 10px;
  border: 0;
  background: transparent
}

._deliveryIns_1v3m9_167 input:focus {
  outline: none
}

._deliveryIns_1v3m9_167 ::placeholder {
  color: var(--clr-dark-400-50)
}

._example_1v3m9_205 {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-dark-400-50);
  border-top: 1px solid rgba(57, 63, 82, .16);
  margin-top: .5rem
}

._error_1v3m9_216 {
  display: flex;
  position: fixed;
  padding: 1rem;
  background: var(--clr-primary-400);
  color: var(--clr-light-100);
  bottom: 7.4rem;
  border-radius: 0 4px 4px 0;
  left: 0;
  font-size: 1.2rem;
  z-index: 9
}

._desktopHeader_1v3m9_229 {
  display: none;
  padding-block: 1.5rem .6rem;
  padding-inline: 2rem;
  margin-bottom: 3rem;
  position: sticky;
  top: 0;
  height: 100%;
  z-index: 99;
  background: white
}

@media screen and (min-width: 1024px) {
  ._desktopHeader_1v3m9_229 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--clr-dark-900-10)
  }

  ._desktopHeader_1v3m9_229 ._icon_1v3m9_246 {
    height: 4.2rem;
    aspect-ratio: 1/1
  }

  ._desktopHeader_1v3m9_229 ._icon_1v3m9_246 img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }

  ._desktopHeader_1v3m9_229 ._heading_1v3m9_132 {
    flex-basis: 66%;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--clr-dark-400);
    padding-inline-start: 1.8rem
  }

  ._desktopHeader_1v3m9_229 ._Closebutton_1v3m9_262 {
    flex-grow: 1;
    text-align: end
  }

  ._desktopHeader_1v3m9_229 ._Closebutton_1v3m9_262 button {
    font-size: 1.8rem;
    color: var(--clr-dark-400);
    padding: 0;
    min-width: auto
  }

  ._desktopHeader_1v3m9_229 ._Closebutton_1v3m9_262 button svg {
    font-size: 3.4rem
  }
}

._loaderRoot_1v3m9_277 {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  background: var(--clr-dark-800);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000
}

@media screen and (min-width: 1024px) {
  ._loaderRoot_1v3m9_277 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 999;
    background: var(--clr-dark-800);
    display: flex;
    align-items: center;
    justify-content: center
  }
}

._main_jt1id_1 {
  background: var(--clr-light-425);
  max-height: 90vh;
  height: auto;
  overflow: hidden
}

@media screen and (min-width: 1024px) {
  ._main_jt1id_1 {
    height: 100%;
    max-height: 100%;
    position: sticky
  }
}

._pageHeading_jt1id_15 {
  background: white;
  width: 100%;
  padding: 10px
}

._pageHeading_jt1id_15 h1 {
  font-size: 15px;
  font-weight: 700;
  padding-left: 30px
}

._back_jt1id_27 {
  position: absolute
}

._section_jt1id_31 {
  height: 100%
}

._addAddress_jt1id_35 {
  background: var(--clr-light-100);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-direction: column;
  height: 100%
}

._addAddress_jt1id_35 ._Map_jt1id_45 {
  width: 100%;
  background: grey;
  margin-bottom: 1rem;
  height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._addAddress_jt1id_35 ._Map_jt1id_45 {
    height: 42.3rem;
    max-height: 42.3rem
  }
}

._addAddress_jt1id_35 ._inputField_jt1id_60 {
  width: 50%;
  margin-bottom: 1rem;
  margin-right: 23px
}

._addAddress_jt1id_35 ._locationInput_jt1id_65 {
  width: 100%;
  margin-bottom: 1rem
}

._addAddress_jt1id_35 ._button_jt1id_69 {
  width: 100%;
  padding: 12px;
  color: var(--clr-light-100);
  font-size: 1.4rem;
  font-weight: 700
}

._inputField_jt1id_60 {
  width: 50%;
  margin-bottom: 1rem;
  margin-right: 23px
}

._howToField_jt1id_83 {
  width: 100%
}

._howToField_jt1id_83 input {
  border: 0
}

.MuiFormHelperText-filled {
  position: absolute;
  bottom: -1.3rem
}

._subInp_jt1id_95 {
  position: relative;
  width: 50%
}

._errorInput_jt1id_100 {
  border-bottom: 1px solid var(--clr-primary-400) !important
}

._flatError_jt1id_104 {
  position: absolute;
  color: var(--clr-primary-400);
  width: 100%;
  left: 0;
  bottom: -12px
}

._removeBord_jt1id_112 input {
  border-bottom: 0
}

._search_jt1id_116 {
  position: absolute;
  top: 2rem;
  left: 5%;
  width: 90%;
  max-width: 100%;
  z-index: 10
}

._search_jt1id_116 input {
  width: 100%;
  font-size: 1.6rem;
  padding: 2rem;
  padding-inline-start: 4rem;
  background: var(--clr-light-100);
  border: 1px solid rgba(57, 63, 82, .2);
  box-sizing: border-box;
  box-shadow: 0 10px 10px #0000001a;
  border-radius: 2px;
  height: 5.6rem
}

._addressForm_jt1id_139 {
  padding: 1rem;
  position: sticky;
  width: 100%;
  background: white;
  bottom: 0
}

@media screen and (min-width: 1024px) {
  ._addressForm_jt1id_139 {
    position: absolute;
    display: flex;
    align-items: center
  }
}

._addressForm_jt1id_139 input {
  width: 100%
}

._searchSugg_jt1id_157 {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7rem;
  background: var(--clr-light-100);
  list-style: none;
  z-index: 1440;
  padding: 1rem 0;
  color: var(--clr-dark-400)
}

._searchSugg_jt1id_157 li {
  margin-bottom: .5rem;
  padding: 1rem;
  cursor: pointer;
  z-index: 1500;
  margin-top: .5rem
}

._searchSugg_jt1id_157 li span {
  display: block;
  font-size: 1.2rem;
  color: var(--clr-dark-200);
  z-index: 1500
}

._nobg_jt1id_181 div {
  background-color: transparent;
  border: 0
}

._nobg_jt1id_181 ._errorDrawer_jt1id_185 {
  min-height: 100%;
  border-radius: 100px 100px 0 0;
  border: 1px solid var(--clr-light-100);
  display: flex;
  background-color: var(--clr-light-100);
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 30px 0
}

._nobg_jt1id_181 ._errorDrawer_jt1id_185 ._ErrorB_jt1id_198 {
  background: var(--clr-primary-375);
  color: #fff;
  font-size: 1.5rem;
  text-transform: uppercase;
  border-radius: 0;
  margin-top: 10px
}

._nobg_jt1id_181 ._errorDrawer_jt1id_185 ._error_jt1id_100 {
  margin-bottom: 30px;
  padding: 30px 0
}

._nobg_jt1id_181 ._topPos_jt1id_210 {
  display: flex;
  position: absolute;
  top: 1px
}

._nobg_jt1id_181 ._strip_jt1id_215 {
  background: var(--clr-primary-375);
  width: 20px;
  height: 50px;
  margin-right: 10px
}

._addressTags_jt1id_222 {
  display: flex;
  justify-content: space-around
}

._tagHeading_jt1id_227 {
  font-size: 1rem
}

._addressTags_jt1id_222 {
  margin-top: 10px;
  margin-bottom: 30px;
  align-items: center
}

._addressTags_jt1id_222 ._tags_jt1id_236 button {
  font-size: 1rem;
  background: var(--clr-light-625);
  color: var(--clr-secondary-425);
  border-radius: 0;
  padding: .3rem 1rem;
  margin: 2px 5px;
  font-weight: 700;
  text-transform: uppercase;
  min-width: 20px
}

._change_jt1id_248 {
  position: absolute;
  top: 0;
  right: 0;
  height: 2.2rem;
  width: 6.6rem;
  min-width: auto
}

._loc_jt1id_65 {
  display: flex;
  align-items: center;
  padding: 1rem
}

@media screen and (min-width: 1024px) {
  ._loc_jt1id_65 {
    flex-grow: 1;
    min-width: 65%;
    padding-inline-end: 3rem
  }
}

._locIcon_jt1id_270 {
  width: 50px;
  flex-grow: 0
}

._optionBox_jt1id_275 {
  justify-content: center
}

._optionBox_jt1id_275:hover {
  background: var(--clr-light-100);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e
}

._iconRight_jt1id_284 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._iconRight_jt1id_284 {
    display: block;
    margin-inline-start: auto;
    margin-inline-end: 1rem;
    width: 1rem;
    height: .9725rem;
    margin-top: .8rem
  }
}

._locTitle_jt1id_298 {
  margin: 0 .5rem
}

._selectedLoc_jt1id_302 {
  flex-grow: 1
}

._selectedLoc_jt1id_302 h4 {
  font-size: 1.4rem;
  color: var(--theme-button-disable-bg);
  font-weight: 700;
  margin: 0
}

._selectedLoc_jt1id_302 ._selectLocContainer_jt1id_311 {
  display: flex;
  justify-content: space-between;
  align-items: center
}

._addressForm_jt1id_139 ._selectedLoc_jt1id_302 input {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--clr-dark-400);
  background: transparent;
  border: 0;
  margin-top: 5px
}

@media screen and (min-width: 1024px) {
  ._addressForm_jt1id_139 ._button_jt1id_69 {
    width: 200px;
    height: 48px
  }
}

._addForm_jt1id_332 {
  display: flex;
  flex-direction: column;
  padding: 3rem 1rem
}

@media screen and (min-width: 1024px) {
  ._addForm_jt1id_332 {
    margin: 2rem;
    box-shadow: 0 2.17631px 7.61708px #9bccf43d;
    border-radius: 6px;
    padding: 0
  }
}

._addForm_jt1id_332 h3 {
  font-size: 1.8rem;
  margin-bottom: 3rem;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._addForm_jt1id_332 h3 {
    margin: 0;
    font-weight: 500
  }
}

._addForm_jt1id_332 input {
  width: 100%;
  background: transparent;
  border: 0;
  color: var(--clr-dark-400);
  font-weight: 500;
  margin: 3px 0;
  font-size: 1.4rem;
  padding: 5px
}

._addForm_jt1id_332 input:active {
  outline: none
}

._addForm_jt1id_332 input:focus {
  outline: none
}

._addForm_jt1id_332 ::placeholder {
  color: var(--clr-dark-400);
  opacity: .4;
  font-weight: 500;
  font-size: 1.4rem
}

._addForm_jt1id_332 :-ms-input-placeholder {
  color: var(--clr-dark-400-20)
}

._addForm_jt1id_332 ::-ms-input-placeholder {
  color: var(--clr-dark-400-20)
}

._addForm_jt1id_332 ._addressTags_jt1id_222 ._active_jt1id_387 {
  background: var(--clr-primary-375);
  color: var(--clr-light-100)
}

._addForm_jt1id_332 ._addressTags_jt1id_222 ._active_jt1id_387:focus {
  outline: none
}

._addForm_jt1id_332 ._addressTags_jt1id_222 ._active_jt1id_387:active {
  outline: none
}

._addForm_jt1id_332 button._confirm_jt1id_398 {
  position: absolute;
  bottom: 4px;
  width: 96%;
  color: var(--clr-light-100);
  left: 2%;
  padding: 10px;
  font-size: 1rem
}

@media screen and (min-width: 1024px) {
  ._addForm_jt1id_332 button._confirm_jt1id_398 {
    position: relative;
    width: 20rem;
    height: 4.8rem;
    left: auto;
    padding: 10px;
    font-size: 1.6rem
  }
}

._icon_jt1id_284 {
  position: absolute;
  top: 1.8rem;
  inset-inline-start: 1.1rem
}

._closeIcon_jt1id_424 {
  position: absolute;
  top: 1.8rem;
  inset-inline-end: 5rem;
  cursor: pointer
}

[dir=ltr] ._closeIcon_jt1id_424 {
  inset-inline-end: 5rem
}

._countryDrop_jt1id_435 {
  position: absolute;
  top: 1rem;
  inset-inline-end: -2rem
}

._addressDrawer_jt1id_441 {
  background: var(--clr-light-100);
  border-radius: 2rem 2rem 0 0;
  min-height: 30rem
}

@media screen and (min-width: 1024px) {
  ._addressDrawer_jt1id_441 {
    padding-top: 2rem;
    min-height: 35rem
  }
}

._building_jt1id_453 {
  width: 50%
}

._formInput_jt1id_457 {
  display: flex;
  gap: 2rem;
  margin: .2rem
}

._formInput_jt1id_457 input {
  border-bottom: 1px solid var(--clr-dark-400)
}

._formInput_jt1id_457 .Mui-disabled:before {
  display: none
}

._warning_jt1id_469 {
  color: var(--clr-orange-500);
  font-size: 1.2rem;
  animation: .8s _shake_jt1id_1 infinite alternate
}

._setLoc_jt1id_475 {
  cursor: pointer;
  position: absolute;
  background: var(--clr-light-100);
  width: 4rem;
  height: 4rem;
  display: flex;
  bottom: 3rem;
  right: 2rem;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  box-shadow: 0 5px 10px #00000026
}

@media screen and (min-width: 1024px) {
  ._setLoc_jt1id_475 {
    bottom: 12rem
  }
}

._setLoc_jt1id_475 svg {
  font-size: 2rem;
  color: var(--clr-dark-blue-200)
}

._loginBar_jt1id_499 {
  background-color: var(--clr-light-300);
  padding: 1rem 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  width: 100%;
  left: 0;
  top: -5rem
}

._selectLocContainer_jt1id_311 button._change_jt1id_248 {
  color: var(--clr-dark-400);
  min-width: auto;
  border: 1px solid var(--clr-primary-400);
  padding: .4rem .8rem;
  border-radius: .2rem;
  top: -2px;
  inset-inline-end: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._selectLocContainer_jt1id_311 button._change_jt1id_248 {
    inset-inline-end: 0
  }
}

._comboPop_jt1id_526 {
  z-index: 1400
}

@media screen and (min-width: 1024px) {
  ._comboPop_jt1id_526 {
    overflow-y: scroll;
    max-height: 24rem
  }
}

._optionItem_jt1id_536 {
  display: flex
}

._iicon_jt1id_540 {
  padding-inline-end: .5rem
}

._openDrawerInfo_jt1id_544 {
  display: none;
  position: absolute;
  z-index: 10;
  bottom: 0;
  width: 100%;
  padding: 0
}

._activeDrawer_jt1id_553 {
  display: block
}

._activeDrawer_jt1id_553:before {
  content: "";
  width: 100%;
  height: 200vh;
  background: var(--clr-dark-700);
  z-index: -1;
  display: block;
  position: absolute;
  top: -100vh;
  left: 0
}

._closeButton_jt1id_568 {
  position: absolute;
  width: 4.2rem;
  height: 4.2rem;
  display: flex;
  font-size: 2.5rem;
  background: var(--clr-light-100);
  border-radius: 1rem;
  color: var(--clr-dark-400);
  justify-content: center;
  align-items: center;
  left: 50%;
  transform: translate(-50%, calc(-100% - 3rem));
  cursor: pointer
}

._noAddressFound_jt1id_584 {
  background: var(--clr-light-100);
  padding: 1rem;
  font-size: 1.2rem;
  display: block;
  width: 100%
}

._customMarker_jt1id_592 {
  position: absolute;
  z-index: 9;
  pointer-events: none
}

._desktopHeader_jt1id_598 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._desktopHeader_jt1id_598 {
    display: block;
    font-size: 1.8rem;
    color: var(--clr-dark-400);
    font-weight: 500;
    padding: 2.5rem;
    border-bottom: 1px solid var(--clr-dark-900-10);
    min-width: 54rem
  }
}

._desktopHeader_jt1id_598 {
  display: none;
  padding-block: 2rem .6rem;
  padding-inline: 2rem;
  position: sticky;
  top: 0;
  height: 100%;
  z-index: 99;
  background: white;
  padding-bottom: 2rem
}

@media screen and (min-width: 1024px) {
  ._desktopHeader_jt1id_598 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--clr-dark-900-10)
  }

  ._desktopHeader_jt1id_598 ._icon_jt1id_284 {
    height: 4.2rem;
    aspect-ratio: 1/1
  }

  ._desktopHeader_jt1id_598 ._icon_jt1id_284 img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }

  ._desktopHeader_jt1id_598 ._heading_jt1id_639 {
    flex-basis: 66%;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--clr-dark-400);
    padding-inline-start: 4rem;
    padding-block: 0
  }

  ._desktopHeader_jt1id_598 ._Closebutton_jt1id_647 {
    flex-grow: 1;
    text-align: end
  }

  ._desktopHeader_jt1id_598 ._Closebutton_jt1id_647 button {
    font-size: 1.8rem;
    color: var(--clr-dark-400);
    padding: 0;
    min-width: auto
  }

  ._desktopHeader_jt1id_598 ._Closebutton_jt1id_647 button svg {
    font-size: 3.4rem
  }
}

._headingDrawer_jt1id_662 {
  display: flex
}

@media screen and (min-width: 1024px) {
  ._headingDrawer_jt1id_662 {
    background: rgba(224, 240, 255, .7);
    border-radius: 6px 6px 0 0;
    padding: 1.3rem 2rem;
    margin-bottom: 1.8rem
  }
}

button._disabledButton_jt1id_674 {
  color: #fff !important
}

._main_13gsi_1 {
  background: var(--theme-backgroud-page);
  min-height: 100vh;
  height: auto;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._main_13gsi_1 {
    min-height: auto;
    min-width: 64rem;
    background: var(--clr-light-100)
  }
}

._addButton_13gsi_15 {
  position: fixed;
  display: flex;
  justify-content: center;
  width: 100%;
  background: var(--clr-light-100);
  color: #fff;
  bottom: 0;
  box-shadow: 0 -6px 20px #0000001a;
  padding: 1rem 0
}

@media screen and (min-width: 1024px) {
  ._addButton_13gsi_15 {
    position: sticky;
    margin-top: 2rem
  }
}

._addButton_13gsi_15 button {
  width: 90%;
  padding: 1rem;
  font-size: 1.5rem
}

._addButton_13gsi_15 button:disabled {
  color: #fff !important
}

@media screen and (min-width: 1024px) {
  ._addButton_13gsi_15 button {
    width: 50%
  }
}

._dMode_13gsi_51,
._dMode_13gsi_51 ._modeList_13gsi_54 {
  padding: 0
}

._modeList_13gsi_54 {
  list-style: none;
  width: 100%;
  display: flex;
  padding: 0
}

._modeList_13gsi_54 ._modeItem_13gsi_64 {
  float: left;
  display: flex;
  flex-direction: column;
  padding: 0;
  align-items: center
}

._modeList_13gsi_54 ._modeImage_13gsi_71 {
  width: 30px;
  height: 30px
}

._storeSection_13gsi_76 {
  padding: 1rem 0;
  margin-bottom: 7rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_13gsi_76 {
    margin: 0 2rem 2rem;
    background: var(--clr-light-100);
    padding: 0
  }
}

@media screen and (min-width: 1024px) {
  ._storeSection_13gsi_76 ._cityStoreSelector_13gsi_88 {
    background: var(--clr-light-100);
    margin-bottom: 2.5rem;
    overflow: hidden;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 6px
  }
}

._storeSection_13gsi_76 h1 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  padding: 0 1.4rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_13gsi_76 h1 {
    margin-bottom: 0
  }
}

._storeSection_13gsi_76 h2 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  margin-bottom: .8rem;
  padding: 0 1.4rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_13gsi_76 h2 {
    padding: 0
  }
}

._storeSection_13gsi_76 p {
  font-size: 1.4rem;
  color: var(--clr-dark-400-50);
  font-weight: 400;
  padding: 0 1.4rem;
  padding-block: 1rem;
  padding-top: 0
}

._storeSection_13gsi_76 ._heading_13gsi_127 {
  position: relative;
  padding: 1rem 0 1.5rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_13gsi_76 ._heading_13gsi_127 {
    padding: 1.6rem 0;
    background: var(--clr-light-200)
  }
}

._storeSection_13gsi_76 ._heading_13gsi_127 ._badge_13gsi_137 {
  display: none;
  position: absolute
}

@media screen and (min-width: 1024px) {
  ._storeSection_13gsi_76 ._heading_13gsi_127 ._badge_13gsi_137 {
    display: block;
    top: 0;
    inset-inline-end: 2rem
  }
}

._storeSection_13gsi_76 ._input_13gsi_148 {
  margin-bottom: 1rem
}

._storeSection_13gsi_76 ._input_13gsi_148 input {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._storeSection_13gsi_76 ._input_13gsi_148 label {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400-50)
}

._deliveryIns_13gsi_162 {
  margin-top: 20px;
  background: white;
  padding: 1.5rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._deliveryIns_13gsi_162 {
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 6px
  }
}

._deliveryIns_13gsi_162:after {
  display: block;
  position: absolute;
  height: 2.8rem;
  width: .1rem;
  background: var(--clr-primary-400);
  top: 1.9rem
}

._deliveryIns_13gsi_162 input {
  width: 100%;
  font-size: 1.4rem;
  padding: 10px;
  border: 0;
  background: transparent
}

._deliveryIns_13gsi_162 input:focus {
  outline: none
}

._deliveryIns_13gsi_162 ::placeholder {
  color: var(--clr-dark-400-50)
}

._example_13gsi_200 {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-dark-400-50);
  border-top: 1px solid rgba(57, 63, 82, .16);
  margin-top: .5rem
}

._error_13gsi_211 {
  display: flex;
  position: fixed;
  padding: 1rem;
  background: var(--clr-primary-400);
  color: var(--clr-light-100);
  bottom: 7.4rem;
  border-radius: 0 4px 4px 0;
  left: 0;
  font-size: 1.2rem;
  z-index: 9
}

._desktopHeader_13gsi_224 {
  display: none;
  padding-block: 1.5rem .6rem;
  padding-inline: 2rem;
  margin-bottom: 3rem;
  position: sticky;
  top: 0;
  height: 100%;
  z-index: 99;
  background: white
}

@media screen and (min-width: 1024px) {
  ._desktopHeader_13gsi_224 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--clr-dark-900-10)
  }

  ._desktopHeader_13gsi_224 ._icon_13gsi_241 {
    height: 4.2rem;
    aspect-ratio: 1/1
  }

  ._desktopHeader_13gsi_224 ._icon_13gsi_241 img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }

  ._desktopHeader_13gsi_224 ._heading_13gsi_127 {
    flex-basis: 66%;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--clr-dark-400);
    padding-inline-start: 1.8rem
  }

  ._desktopHeader_13gsi_224 ._Closebutton_13gsi_257 {
    flex-grow: 1;
    text-align: end
  }

  ._desktopHeader_13gsi_224 ._Closebutton_13gsi_257 button {
    font-size: 1.8rem;
    color: var(--clr-dark-400);
    padding: 0;
    min-width: auto
  }

  ._desktopHeader_13gsi_224 ._Closebutton_13gsi_257 button svg {
    font-size: 3.4rem
  }
}

._loaderRoot_13gsi_272 {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  background: var(--clr-dark-800);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000
}

@media screen and (min-width: 1024px) {
  ._loaderRoot_13gsi_272 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 999;
    background: var(--clr-dark-800);
    display: flex;
    align-items: center;
    justify-content: center
  }
}

._main_rk9gi_1 {
  background: var(--theme-backgroud-page);
  min-height: 100vh;
  height: auto;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._main_rk9gi_1 {
    min-height: auto;
    min-width: 64rem;
    background: var(--clr-light-100)
  }
}

._addButton_rk9gi_15 {
  position: fixed;
  display: flex;
  justify-content: center;
  width: 100%;
  background: var(--clr-light-100);
  bottom: 0;
  box-shadow: 0 -6px 20px #0000001a;
  padding: 1rem 0
}

@media screen and (min-width: 1024px) {
  ._addButton_rk9gi_15 {
    position: sticky;
    margin-top: 2rem
  }
}

._addButton_rk9gi_15 button {
  width: 90%;
  padding: 1rem;
  font-size: 1.5rem
}

._addButton_rk9gi_15 button:disabled {
  color: #fff !important
}

@media screen and (min-width: 1024px) {
  ._addButton_rk9gi_15 button {
    width: 50%
  }
}

.MuiButton-contained:hover.Mui-disabled {
  background-color: var(--theme-button-disable-bg) !important
}

._dMode_rk9gi_50,
._dMode_rk9gi_50 ._modeList_rk9gi_53 {
  padding: 0
}

._modeList_rk9gi_53 {
  list-style: none;
  width: 100%;
  display: flex;
  padding: 0
}

._modeList_rk9gi_53 ._modeItem_rk9gi_63 {
  float: left;
  display: flex;
  flex-direction: column;
  padding: 0;
  align-items: center
}

._modeList_rk9gi_53 ._modeImage_rk9gi_70 {
  width: 30px;
  height: 30px
}

._storeSection_rk9gi_75 {
  padding: 1rem 0;
  margin-bottom: 7rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_rk9gi_75 {
    margin: 0 2rem 2rem;
    background: var(--clr-light-100);
    padding: 0
  }
}

@media screen and (min-width: 1024px) {
  ._storeSection_rk9gi_75 ._cityStoreSelector_rk9gi_87 {
    background: var(--clr-light-100);
    margin-bottom: 2.5rem;
    overflow: hidden;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 6px
  }
}

._storeSection_rk9gi_75 h1 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  padding: 0 1.4rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_rk9gi_75 h1 {
    margin-bottom: 0
  }
}

._storeSection_rk9gi_75 h2 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  margin-bottom: .8rem;
  padding: 0 1.4rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_rk9gi_75 h2 {
    padding: 0
  }
}

._storeSection_rk9gi_75 p {
  font-size: 1.4rem;
  color: var(--clr-dark-400-50);
  font-weight: 400;
  padding: 0 1.4rem;
  padding-block: 1rem;
  padding-top: 0
}

._storeSection_rk9gi_75 ._heading_rk9gi_126 {
  position: relative;
  padding: 1rem 0 1.5rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_rk9gi_75 ._heading_rk9gi_126 {
    padding: 1.6rem 0;
    background: var(--clr-light-200)
  }
}

._storeSection_rk9gi_75 ._heading_rk9gi_126 ._badge_rk9gi_136 {
  display: none;
  position: absolute
}

@media screen and (min-width: 1024px) {
  ._storeSection_rk9gi_75 ._heading_rk9gi_126 ._badge_rk9gi_136 {
    display: block;
    top: 0;
    inset-inline-end: 2rem
  }
}

._storeSection_rk9gi_75 ._input_rk9gi_147 {
  margin-bottom: 1rem
}

._storeSection_rk9gi_75 ._input_rk9gi_147 input {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._storeSection_rk9gi_75 ._input_rk9gi_147 label {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400-50)
}

._deliveryIns_rk9gi_161 {
  margin-top: 20px;
  background: white;
  padding: 1.5rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._deliveryIns_rk9gi_161 {
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 6px
  }
}

._deliveryIns_rk9gi_161:after {
  display: block;
  position: absolute;
  height: 2.8rem;
  width: .1rem;
  background: var(--clr-primary-400);
  top: 1.9rem
}

._deliveryIns_rk9gi_161 input {
  width: 100%;
  font-size: 1.4rem;
  padding: 10px;
  border: 0;
  background: transparent
}

._deliveryIns_rk9gi_161 input:focus {
  outline: none
}

._deliveryIns_rk9gi_161 ::placeholder {
  color: var(--clr-dark-400-50)
}

._example_rk9gi_199 {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-dark-400-50);
  border-top: 1px solid rgba(57, 63, 82, .16);
  margin-top: .5rem
}

._error_rk9gi_210 {
  display: flex;
  position: fixed;
  padding: 1rem;
  background: var(--clr-primary-400);
  color: var(--clr-light-100);
  bottom: 7.4rem;
  border-radius: 0 4px 4px 0;
  left: 0;
  font-size: 1.2rem;
  z-index: 9
}

._desktopHeader_rk9gi_223 {
  display: none;
  padding-block: 1.5rem .6rem;
  padding-inline: 2rem;
  margin-bottom: 3rem;
  position: sticky;
  top: 0;
  height: 100%;
  z-index: 99;
  background: white
}

@media screen and (min-width: 1024px) {
  ._desktopHeader_rk9gi_223 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--clr-dark-900-10)
  }

  ._desktopHeader_rk9gi_223 ._icon_rk9gi_240 {
    height: 4.2rem;
    aspect-ratio: 1/1
  }

  ._desktopHeader_rk9gi_223 ._icon_rk9gi_240 img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }

  ._desktopHeader_rk9gi_223 ._heading_rk9gi_126 {
    flex-basis: 66%;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--clr-dark-400);
    padding-inline-start: 1.8rem
  }

  ._desktopHeader_rk9gi_223 ._Closebutton_rk9gi_256 {
    flex-grow: 1;
    text-align: end
  }

  ._desktopHeader_rk9gi_223 ._Closebutton_rk9gi_256 button {
    font-size: 1.8rem;
    color: var(--clr-dark-400);
    padding: 0;
    min-width: auto
  }

  ._desktopHeader_rk9gi_223 ._Closebutton_rk9gi_256 button svg {
    font-size: 3.4rem
  }
}

._loaderRoot_rk9gi_271 {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  background: var(--clr-dark-800);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000
}

@media screen and (min-width: 1024px) {
  ._loaderRoot_rk9gi_271 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 999;
    background: var(--clr-dark-800);
    display: flex;
    align-items: center;
    justify-content: center
  }
}

._root_4xl3b_1 {
  padding-inline-start: 1.6rem;
  font-weight: 500
}

._root_4xl3b_1 ._tab_4xl3b_5 {
  width: 7.2rem;
  min-width: 7.2rem;
  padding: 0;
  color: var(--clr-dark-400-50)
}

@media screen and (min-width: 1024px) {
  ._root_4xl3b_1 ._tab_4xl3b_5 {
    color: var(--clr-dark-400-80)
  }
}

._root_4xl3b_1 ._selectedTab_4xl3b_16:after {
  content: "";
  width: 4rem;
  height: 90%;
  background: var(--clr-primary-400);
  opacity: .05;
  position: absolute;
  inset-inline-start: 0;
  border-start-end-radius: 5rem;
  border-end-end-radius: 5rem;
  display: none
}

@media screen and (min-width: 1024px) {
  ._root_4xl3b_1 ._selectedTab_4xl3b_16:after {
    display: none
  }
}

@media screen and (min-width: 1366px) {
  ._root_4xl3b_1 ._selectedTab_4xl3b_16:after {
    display: block
  }
}

._root_4xl3b_1 ._selectedLabel_4xl3b_38 {
  display: flex;
  align-items: baseline;
  gap: .2rem
}

._root_4xl3b_1 ._selectedLabel_4xl3b_38 span {
  color: var(--clr-hrd-dark-400)
}

._root_4xl3b_1 .MuiTabs-indicator {
  height: .4rem;
  border-radius: .2rem .2rem 0 0
}

._root_4xl3b_1._isDesktopHeader_4xl3b_50 {
  padding-inline-start: unset
}

._root_4xl3b_1._isDesktopHeader_4xl3b_50 .MuiTabs-scroller {
  display: flex
}

._root_4xl3b_1._isDesktopHeader_4xl3b_50 ._tab_4xl3b_5 {
  font-size: 1.2rem;
  margin-bottom: 17px;
  width: auto;
  min-width: auto;
  min-height: auto
}

._root_4xl3b_1._isDesktopHeader_4xl3b_50 .MuiTab-root {
  flex-direction: row;
  height: 4rem;
  border: 2px solid rgba(106, 110, 123, .1);
  padding: 0 1rem;
  border-radius: 1rem;
  font-size: 1.2rem;
  text-transform: none
}

@media screen and (min-width: 1024px) {
  ._root_4xl3b_1._isDesktopHeader_4xl3b_50 .MuiTab-root {
    padding: 0 .6rem
  }
}

._root_4xl3b_1._isDesktopHeader_4xl3b_50 .MuiTab-root:hover {
  border: .2rem solid rgba(57, 63, 82, .8)
}

._root_4xl3b_1._isDesktopHeader_4xl3b_50 .MuiTabs-flexContainer {
  gap: clamp(.8rem, 2.73vw + -2rem, 1.5rem)
}

._root_4xl3b_1._isDesktopHeader_4xl3b_50 ._orderModeButton_4xl3b_83 {
  margin-bottom: 0 !important;
  width: 2.8rem;
  height: 2.8rem;
  border: none;
  border-radius: 0;
  padding: 0
}

._root_4xl3b_1._isDesktopHeader_4xl3b_50 ._selectedLabel_4xl3b_38 {
  gap: .5rem;
  line-height: 1;
  align-items: center;
  padding-inline-start: .5rem
}

._root_4xl3b_1._isDesktopHeader_4xl3b_50 .MuiTabs-indicator {
  display: none;
  bottom: .5rem
}

._root_4xl3b_1._isDesktopHeader_4xl3b_50 .MuiTabs-indicator:after {
  content: "";
  position: absolute;
  border-radius: 0;
  width: 0;
  height: 0;
  margin-left: -.5em;
  bottom: -7px;
  left: 50%;
  box-sizing: border-box;
  border: 4px solid var(--clr-primary-400);
  border-color: transparent transparent var(--clr-primary-400) var(--clr-primary-400);
  transform-origin: 0 0;
  transform: rotate(-45deg)
}

._root_4xl3b_1 .MuiTab-textColorPrimary.Mui-disabled {
  opacity: .3
}

@media screen and (min-width: 1024px) {
  ._root_4xl3b_1 .MuiTab-root.Mui-selected {
    border: .2rem solid rgb(255, 198, 39)
  }
}

._root_4xl3b_1 .MuiTab-root.Mui-selected:hover {
  border: .2rem solid rgb(255, 198, 39)
}

._root_4xl3b_1 ._checkIcon_4xl3b_128 {
  color: var(--clr-primary-400)
}

._popRoot_4xl3b_132 {
  top: 7.2rem !important;
  background: var(--clr-dark-400-50);
  max-height: 504
}

._popRoot_4xl3b_132 .MuiPaper-root {
  background: var(--clr-light-100);
  border-radius: 0 0 40px 40px;
  margin-top: -1.8rem;
  box-shadow: none !important
}

._popRoot_4xl3b_132>div:first-child {
  top: 70px !important
}

._popoverMain_4xl3b_147 {
  max-width: 64rem;
  min-width: 60rem;
  background: var(--clr-light-100);
  border-radius: 0 0 4rem 4rem
}

.delivery {
  max-height: 52rem
}

._activeMode_4xl3b_158 .MuiTabs-indicator {
  display: block !important;
  min-width: 9rem
}

._root_163ho_1 {
  display: flex;
  flex-direction: row;
  gap: .4rem;
  min-width: 0;
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  ._root_163ho_1 {
    padding: .8rem 1rem;
    border: .1rem solid var(--theme-button-color);
    border-radius: .6rem;
    width: 100%
  }
}

@media screen and (min-width: 1280px) {
  ._root_163ho_1 {
    width: auto
  }
}

@media screen and (min-width: 1280px) {
  ._active_163ho_23 {
    max-width: 100%;
    min-width: inherit
  }
}

._titleArea_163ho_29 {
  display: flex;
  gap: .8rem;
  align-items: flex-end;
  justify-content: space-between;
  min-width: 0
}

._titleLabel_163ho_37 {
  display: flex;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  min-width: 0
}

._titleLabelPrefix_163ho_45 {
  flex-shrink: 0;
  color: var(--clr-dark-400)
}

._addressTag_163ho_50 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

._addressTag_163ho_50:before {
  content: "-";
  margin-inline: .5ch
}

._selectButton_163ho_60 {
  display: flex;
  gap: .4rem;
  color: var(--clr-hrd-dark-400);
  border-radius: .2rem;
  background: var(--theme-product-blue-color);
  align-items: center;
  height: 1.6rem;
  padding-inline: .6rem
}

._selectLabel_163ho_71 {
  font-size: .8rem;
  font-weight: 400
}

@media screen and (min-width: 1024px) {
  ._selectLabel_163ho_71 {
    font-size: 1rem
  }
}

._selectIcon_163ho_81 {
  display: flex
}

._selectIcon_163ho_81 svg {
  font-size: .8rem;
  stroke-width: 1
}

._description_163ho_89 {
  font-size: 1rem;
  font-weight: 400;
  color: var(--clr-dark-400-70)
}

@media screen and (min-width: 1024px) {
  ._description_163ho_89 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 15rem;
    font-size: 1.2rem
  }
}

._icon_163ho_104 {
  display: flex;
  padding-top: .2rem;
  display: none
}

@media screen and (min-width: 1024px) {
  ._icon_163ho_104 {
    display: none
  }
}

@media screen and (min-width: 1280px) {
  ._icon_163ho_104 {
    display: flex
  }
}

._content_163ho_120 {
  display: flex;
  flex-direction: column;
  grid-gap: .4rem;
  gap: .4rem;
  min-width: 0;
  cursor: pointer
}

._root_1shun_1 {
  position: relative;
  display: flex;
  color: var(--clr-primary-400);
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  ._root_1shun_1 {
    color: var(--clr-dark-400)
  }
}

._root_1shun_1 ._cartIcon_1shun_12 {
  font-size: 2.6rem
}

._root_1shun_1 ._cartCount_1shun_15 {
  position: absolute;
  inset: auto auto 50% 50%;
  display: grid;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  font-size: 1.2rem;
  font-weight: 500;
  background-color: var(--clr-primary-400);
  color: var(--clr-light-100)
}

@media screen and (min-width: 1024px) {
  ._root_1shun_1 ._cartCount_1shun_15 {
    color: var(--clr-dark-400)
  }
}

._root_1shun_1._floating_1shun_33 {
  position: fixed;
  bottom: 2rem;
  inset-inline-end: 1.6rem;
  z-index: 999;
  display: grid;
  place-items: center;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  background-color: var(--clr-primary-400);
  color: var(--clr-hrd-dark-400);
  box-shadow: 0 .4rem .6rem var(--clr-dark-900-30)
}

._root_1shun_1._floating_1shun_33 ._cartIcon_1shun_12 {
  font-size: 2.4rem
}

._root_1shun_1._floating_1shun_33 ._cartCount_1shun_15 {
  width: 2rem;
  height: 2rem;
  background-color: var(--clr-light-100);
  color: var(--clr-dark-400)
}

._none_1shun_57 {
  display: none
}

._dropdown_1shun_61 {
  position: relative;
  display: inline-block
}

._dropdownContent_1shun_66 {
  display: none;
  position: absolute;
  top: 2.5rem;
  right: 0;
  min-width: 31rem;
  z-index: 1
}

._dropdown_1shun_61:hover ._dropdownContent_1shun_66 {
  display: block
}

._emptyContainer_1shun_79 {
  background-color: var(--clr-light-100);
  padding: 2rem;
  border-radius: .6rem;
  box-shadow: 0 6px 10px #0003
}

._noItem_1shun_86>h5 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._noItem_1shun_86>h6 {
  margin-top: .625rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--clr-dark-400)
}

._noItem_1shun_86>button {
  margin-top: 1rem
}

._main_71cus_1 {
  background: var(--theme-backgroud-page)
}

@media screen and (min-width: 1024px) {
  ._main_71cus_1 {
    max-width: 37.5rem;
    min-width: 37.5rem
  }
}

._main_71cus_1 ._white_71cus_10 a {
  color: var(--theme-hrd_button-color);
  border-color: var(--theme-hrd_button-color)
}

._mobileHeader_71cus_15 {
  background-color: var(--clr-light-100)
}

._mobileHeader_71cus_15 hr {
  width: 92.5%;
  margin: auto;
  border: .1rem solid var(--theme-backgroud-page)
}

._headerArea_71cus_24 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--clr-light-100);
  padding-inline: 1.6rem;
  padding-block: .9rem;
  color: var(--theme-hrd_button-color)
}

._headerArea_71cus_24 ._headerText_71cus_33 {
  font-size: 1.6rem;
  font-weight: 500
}

._headerArea_71cus_24 ._langButton_71cus_37 button {
  color: var(--clr-light-100);
  border-color: var(--clr-light-100)
}

._loginBannerLogo_71cus_42 {
  grid-area: loginBannerLogo;
  padding-inline-start: 2.4rem
}

._loginBannerBurger_71cus_47 {
  grid-area: loginBannerBurger;
  justify-self: center
}

._loginBannerText_71cus_52 {
  grid-area: loginBannerText;
  padding: 1.2rem 0 2.4rem;
  padding-inline-start: 2.4rem
}

._loginBannerText_71cus_52 p {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 400
}

._loginBannerText_71cus_52 span {
  font-weight: 600
}

._loginBannerText_71cus_52 hr {
  width: 3.5rem;
  border: .1rem solid var(--clr-dark-900);
  margin-block-start: .5rem
}

._bannerImageContainer_71cus_71 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background-color: var(--clr-light-100);
  grid-template-areas: "loginBannerLogo  loginBannerBurger" "loginBannerText loginBannerBurger" "loginBannerText loginBannerBurger";
  align-items: center;
  padding-top: 1.5rem
}

._bannerFeatureContainer_71cus_80 {
  display: flex;
  flex-direction: row !important;
  background-color: var(--clr-light-100);
  justify-content: space-around;
  align-items: center;
  padding-bottom: 2rem;
  padding-top: 2rem
}

._bannerFeatureContainer_71cus_80 ._loginBannerFeature_71cus_89 {
  display: flex;
  justify-content: center;
  align-items: center
}

._bannerFeatureContainer_71cus_80 ._loginBannerFeature_71cus_89 img {
  width: fit-content
}

._bannerFeatureContainer_71cus_80 ._loginBannerFeature_71cus_89 p {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2rem;
  padding-inline-start: .5rem
}

._mainContainer_71cus_104 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

._loginContainer_71cus_110 {
  padding-inline: 1.6rem;
  padding-block: 1.5rem;
  color: var(--clr-dark-400)
}

._loginContainer_71cus_110 ._headerText_71cus_33 {
  margin-block-end: .5rem
}

._loginContainer_71cus_110 ._headerText_71cus_33 p {
  font-size: 1.6rem;
  font-weight: 500
}

._loginContainer_71cus_110 ._mobileInput_71cus_122 {
  display: flex;
  align-items: baseline;
  direction: ltr
}

._loginContainer_71cus_110 ._mobileInput_71cus_122 label {
  font-weight: 500;
  font-size: 1.4rem
}

._loginContainer_71cus_110 ._exampleNo_71cus_131 {
  margin-left: 10rem;
  padding-block: .5rem;
  margin-block-start: 1rem
}

._loginContainer_71cus_110 ._exampleNo_71cus_131 p {
  font-size: 1.2rem;
  font-weight: 500;
  opacity: .4
}

._loginContainer_71cus_110 ._exampleNo_71cus_131 ._warningText_71cus_141 {
  color: var(--theme-user-icon-bg);
  opacity: 1
}

._loginContainer_71cus_110 ._disableButton_71cus_145,
._loginContainer_71cus_110 ._loginButton_71cus_145 {
  background-color: var(--theme-button-disable-bg);
  border-radius: .4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .8rem;
  pointer-events: none
}

._loginContainer_71cus_110 ._disableButton_71cus_145 ._button_71cus_154,
._loginContainer_71cus_110 ._loginButton_71cus_145 ._button_71cus_154 {
  font-size: 1.6rem;
  color: var(--clr-light-100)
}

._loginContainer_71cus_110 ._loginButton_71cus_145 {
  background-color: var(--clr-primary-400);
  pointer-events: auto
}

._socialMediaContainer_71cus_163 {
  padding-inline: 1.6rem;
  padding-block: 1.5rem;
  color: var(--clr-dark-400);
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

._socialMediaContainer_71cus_163 ._headerText_71cus_33 p {
  font-size: 1.6rem;
  font-weight: 500
}

._socialMediaContainer_71cus_163 ._mediaButtonContainer_71cus_175 {
  display: flex;
  justify-content: space-between;
  align-items: center
}

._socialMediaContainer_71cus_163 ._mediaButtonContainer_71cus_175 ._button_71cus_154 {
  border: 1.04167px solid rgba(242, 242, 242, .711156);
  box-shadow: 0 2px 7px #9bccf43e;
  border-radius: .4rem;
  width: 16rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: 1rem
}

._socialMediaContainer_71cus_163 ._mediaButtonContainer_71cus_175 ._typography_71cus_190 {
  opacity: .6;
  font-size: 1.4rem;
  font-weight: 500;
  padding-inline: 1.2rem
}

._socialMediaContainer_71cus_163 ._appleButtonContainer_71cus_196 {
  background-color: var(--clr-dark-900);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .4rem;
  padding-block: 1rem;
  width: 100%
}

._socialMediaContainer_71cus_163 ._appleButtonContainer_71cus_196 ._typography_71cus_190 {
  color: var(--clr-light-100);
  font-size: 1.4rem;
  font-weight: 500;
  padding-inline: 1.2rem
}

._footerContainer_71cus_212 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: 1.6rem;
  padding-block: 2rem
}

._footerContainer_71cus_212 ._terms_71cus_219 {
  font-size: 1.4rem;
  cursor: pointer;
  font-weight: 500;
  color: #007aff
}

._footerContainer_71cus_212 ._skipLogin_71cus_225 {
  font-size: 1.4rem;
  font-weight: 500;
  cursor: pointer;
  opacity: .7
}

._banner_71cus_71 {
  min-height: 76.9230769231vw
}

._languageSelector_71cus_241 {
  padding-bottom: 15px
}

._languageGroupContainer_71cus_245 {
  width: 100%
}

._languageGroup_71cus_245 {
  display: flex;
  align-items: center
}

._languageItem_71cus_254 {
  width: 50%;
  margin: 0
}

._languageItem_71cus_254 .MuiFormControlLabel-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-dark-450);
  margin-right: auto;
  margin-block-start: -.7rem
}

._divider_71cus_266 {
  width: 1px;
  height: 25px;
  background: rgba(204, 235, 255, .5);
  margin: 0 10px 0 25px
}

._phoneFieldset_71cus_273 {
  width: 100%
}

._phoneContainer_71cus_277 {
  display: flex;
  align-items: center;
  justify-content: space-between
}

._phoneContainer_71cus_277 .MuiTextField-root {
  margin: 0 15px
}

._countryCode_71cus_286.MuiFormLabel-root {
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-dark-450)
}

._submit_71cus_292 button {
  width: 100%;
  padding: 1.5rem 0;
  font-size: 1.6rem;
  font-weight: 500
}

._disabled_71cus_299 button {
  color: var(--clr-light-100) !important
}

._badge_71cus_303 {
  display: none;
  position: absolute;
  top: 0;
  left: 42.4%
}

@media screen and (min-width: 1024px) {
  ._badge_71cus_303 {
    display: block
  }
}

._termsCondition_71cus_315 {
  flex-direction: row !important;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: var(--clr-light-100)
}

@media screen and (min-width: 1024px) {
  ._termsCondition_71cus_315 {
    position: inherit;
    background: var(--clr-light-100)
  }
}

._main_j071b_1 {
  background: var(--theme-backgroud-page);
  height: auto
}

@media (min-width: 992px) {
  ._main_j071b_1 {
    width: 40rem
  }
}

@media (min-width: 992px) {
  ._main_j071b_1 ._viewProfileCard_j071b_11 {
    display: flex;
    justify-content: space-between
  }
}

._back_j071b_17 {
  position: absolute
}

._attentionIcon_j071b_21 {
  position: relative;
  z-index: 1
}

._actionContainerDelete_j071b_26 {
  margin-top: 2rem;
  width: 100%
}

._actionContainerDelete_j071b_26 ._deleteBtn_j071b_30 {
  width: inherit;
  height: 5rem;
  margin-bottom: 2rem
}

._actionContainerDelete_j071b_26 ._cancelBtn_j071b_35 {
  width: inherit;
  height: 5rem
}

._actionContainerFeedback_j071b_40 {
  margin-top: 2rem;
  width: 100%
}

._actionContainerFeedback_j071b_40 ._submitBtn_j071b_44 {
  width: inherit;
  height: 5rem
}

._actionContainerFeedback_j071b_40 ._skipBtn_j071b_48 {
  width: inherit;
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 2rem;
  text-align: center;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: var(--clr-dark-400);
  margin: 2rem 0
}

._deleteAccountContainer_j071b_62 {
  background: #fdf5f5;
  border-radius: .5rem;
  padding: 5rem 2.5rem 1.3rem;
  margin-top: -3.5rem;
  position: relative;
  z-index: 0
}

._deleteAccountContainer_j071b_62 ._heading_j071b_70 {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: center;
  color: var(--clr-primary-400);
  margin-bottom: 1rem
}

._deleteAccountContainer_j071b_62 ._message_j071b_80 {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 2rem;
  text-align: center;
  color: var(--clr-dark-400)
}

._deleteAccountContainer_j071b_62 ._warning_j071b_89 {
  text-align: center;
  padding: 8px 20px;
  gap: 10px;
  background: var(--theme-warning-color);
  color: var(--clr-light-100);
  border-radius: 3px;
  margin: 1rem 2rem
}

._profileName_j071b_99,
._profilePhone_j071b_100,
._profileEmail_j071b_101 {
  margin: 1rem .2rem 0rem 0rem
}

._profileName_j071b_99 {
  font-size: 1.6rem;
  width: 100%;
  font-weight: 700;
  margin: .2rem .3rem;
  color: var(--theme-profile-color)
}

@media screen and (min-width: 1024px) {
  ._profileName_j071b_99 {
    width: 98%;
    line-height: 1.15
  }
}

._profilePhone_j071b_100,
._profileEmail_j071b_101 {
  font-size: 1.4rem;
  color: var(--theme-profile-color);
  opacity: .8;
  direction: ltr;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

._profilePhone_j071b_100 ._profilePhoneStyle_j071b_128,
._profileEmail_j071b_101 ._profilePhoneStyle_j071b_128 {
  display: flex;
  justify-content: center;
  align-items: center
}

._profilePhone_j071b_100 ._profilePhoneStyle_j071b_128 img,
._profileEmail_j071b_101 ._profilePhoneStyle_j071b_128 img {
  padding-inline-end: 1rem;
  max-width: 3rem;
  min-width: 3rem;
  object-fit: contain
}

[dir=rtl] ._profileEmail_j071b_101 {
  direction: rtl
}

._noPadding_j071b_144 {
  padding: 0
}

._editProfile_j071b_148,
._profileLink_j071b_154 {
  background: var(--clr-light-100);
  padding: 1rem 0;
  margin-bottom: 1rem
}

._staticLink_j071b_160 span {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._formattedHeading_j071b_166 {
  font-size: 1.6rem;
  font-weight: 500
}

._profileList_j071b_171 {
  padding: 1.8rem
}

._flexbox_j071b_175,
._circleArea_j071b_175,
._listLinkItem_j071b_175 ._circleArea2_j071b_175 {
  display: flex;
  justify-content: center;
  align-items: center
}

._iconArea_j071b_181 {
  width: 1.6rem;
  height: 1.6rem
}

._profileCardArea_j071b_186 {
  padding: 1.5rem;
  transition: max-height .15s ease-out
}

._innerProfileCard_j071b_191 {
  display: flex;
  flex-direction: row !important
}

._profileTextArea_j071b_196 {
  padding-left: 1.2rem
}

._inputArea_j071b_200 {
  padding-bottom: 1rem;
  margin-block: 1rem
}

._inputArea_j071b_200 label {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: rubik
}

._inputArea_j071b_200 input {
  font-size: 1.4rem;
  font-weight: 500;
  font-family: rubik
}

._inputArea_j071b_200 ._editEmailField_j071b_214 {
  pointer-events: none
}

._buttonArea_j071b_218 {
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  align-items: center;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  gap: 1.4rem
}

@media screen and (min-width: 1024px) {
  ._buttonArea_j071b_218 {
    gap: 1.4rem
  }

  ._buttonArea_j071b_218 button {
    width: 10rem !important
  }
}

._buttonArea_j071b_218 ._saveButton_j071b_235,
._buttonArea_j071b_218 ._disableSaveButton_j071b_235 {
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {

  ._buttonArea_j071b_218 ._saveButton_j071b_235,
  ._buttonArea_j071b_218 ._disableSaveButton_j071b_235 {
    height: 3.8rem
  }
}

._buttonArea_j071b_218 ._disableSaveButton_j071b_235 {
  background-color: var(--theme-button-disable-bg);
  box-shadow: var(--clr-light-100)
}

._buttonArea_j071b_218 ._cancelButton_j071b_247,
._buttonArea_j071b_218 ._saveButton_j071b_235,
._buttonArea_j071b_218 ._disableSaveButton_j071b_235 {
  font-size: 1.6rem;
  font-weight: 700;
  height: 4.8rem;
  width: 16rem
}

@media screen and (min-width: 1024px) {

  ._buttonArea_j071b_218 ._cancelButton_j071b_247,
  ._buttonArea_j071b_218 ._saveButton_j071b_235,
  ._buttonArea_j071b_218 ._disableSaveButton_j071b_235 {
    height: 3.8rem
  }
}

._buttonArea_j071b_218 ._verifyButton_j071b_258 {
  font-size: 1.6rem;
  font-weight: 700;
  height: 4.8rem;
  width: 16rem;
  outline: none
}

@media screen and (min-width: 1024px) {
  ._buttonArea_j071b_218 ._verifyButton_j071b_258 {
    height: 3.8rem
  }
}

._listLinkItem_j071b_175 {
  height: 5.7rem
}

._listLinkItem_j071b_175 ._staticLink_j071b_160 {
  flex: 0 1 auto
}

._listLinkItem_j071b_175 ._iconImage_j071b_277 {
  min-width: 3.6rem
}

._listLinkItem_j071b_175 ._iconImage2_j071b_280 {
  min-width: 3.6rem;
  float: right
}

._listLinkItem_j071b_175 ._circleArea2_j071b_175 {
  height: 3rem;
  width: 3rem;
  background-color: var(--clr-light-100);
  color: var(--theme-order-success-color);
  border-radius: 50%;
  border: .2rem solid var(--theme-order-success-color);
  font-weight: 500;
  font-size: 1.8rem
}

._listLinkItem_j071b_175 ._supportLink_j071b_294 {
  display: flex;
  justify-content: space-between;
  align-items: center
}

._listLinkItem_j071b_175 ._supportLink_j071b_294 ._supportTextArea_j071b_299 {
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  align-items: center
}

._countryCode_j071b_306 {
  font-weight: 500;
  font-size: 1.4rem;
  margin-inline: .8rem;
  direction: ltr
}

._profileBox_j071b_313 {
  margin-top: 1.5rem;
  position: relative
}

._profileBox_j071b_313 hr {
  margin-left: 1.6rem;
  margin-right: 1.6rem
}

._buttonGridArea_j071b_322 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .9rem
}

@media screen and (min-width: 1024px) {
  ._buttonGridArea_j071b_322 {
    display: flex;
    justify-content: center;
    position: absolute;
    inset-inline-end: 1rem;
    top: 1rem
  }
}

._buttonGridArea_j071b_322 button {
  color: var(--clr-dark-400);
  font-size: 1.4rem;
  font-weight: 500
}

._newNumber_j071b_343 {
  justify-content: space-between;
  position: relative;
  top: auto;
  inset-inline-end: auto;
  left: auto
}

._circleArea_j071b_175 {
  height: 4.8rem;
  width: 4.8rem;
  background-color: var(--theme-search-fg);
  color: var(--clr-light-100);
  border-radius: 50%;
  font-weight: 500;
  font-size: 1.8rem
}

._routeCardMargin_j071b_361 {
  margin-top: 1.5rem
}

._routeCardMargin_j071b_361 hr {
  margin-left: 1.6rem;
  margin-right: 1.6rem
}

._redWidget_j071b_369 {
  height: 2rem;
  width: 1.2rem;
  background-color: var(--theme-button-color);
  margin-inline: .3rem
}

@media (min-width: 992px) {
  ._redWidget_j071b_369 {
    height: 1.7rem;
    width: 1.56rem
  }
}

._inputField_j071b_382 label {
  color: var(--theme-search-fg)
}

._mobileInput_j071b_386,
._enView_j071b_386,
._arabicView_j071b_386 {
  display: flex;
  align-items: baseline;
  position: relative;
  direction: ltr;
  width: 100%
}

._mobileInput_j071b_386 input,
._enView_j071b_386 input,
._arabicView_j071b_386 input {
  font-weight: 500;
  font-size: 1.4rem
}

[dir=rtl] ._mobileInput_j071b_386 input,
[dir=rtl] ._enView_j071b_386 input,
[dir=rtl] ._arabicView_j071b_386 input {
  direction: rtl
}

._mobileInput_j071b_386 label,
._enView_j071b_386 label,
._arabicView_j071b_386 label {
  font-size: 1.2rem;
  font-weight: 500
}

._cardsSection_j071b_405 {
  margin-top: 15px
}

._cardItem_j071b_409 {
  display: flex;
  height: 11rem;
  background-color: #fff;
  align-items: center
}

._cardItem_j071b_409 ._deleteCard_j071b_415 {
  background-color: var(--clr-light-175);
  height: 100%
}

._cardItem_j071b_409 ._deleteCard_j071b_415 ._deleteIcon_j071b_419 {
  padding: .8rem;
  background-color: var(--clr-light-100);
  border-radius: .4rem
}

._cardItem_j071b_409 ._detail_j071b_424 {
  display: flex;
  flex-direction: column;
  gap: .9rem
}

._cardItem_j071b_409 ._detail_j071b_424 p {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._cardItem_j071b_409 ._fgImage_j071b_434 {
  width: 4.1rem;
  height: 2rem
}

._cardItem_j071b_409 ._cardWrapper_j071b_438 {
  width: 100%
}

._cardItem_j071b_409 ._cardWrapper_j071b_438 ._toggleContainer_j071b_441 {
  margin-inline-start: 1.5rem;
  margin-top: .8rem
}

._cardItem_j071b_409 ._cardWrapper_j071b_438 ._cardContainer_j071b_445 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-inline: 1.6rem;
  width: 100%
}

._cardsMain_j071b_453 {
  background: var(--theme-backgroud-page);
  height: auto;
  padding-bottom: 2rem
}

._addCardSection_j071b_459 {
  padding-bottom: 1px
}

._addCardSection_j071b_459 ._addCard_j071b_459 {
  border: 1px dotted blue;
  height: 200px;
  margin: 16px;
  line-height: 18px;
  text-align: center
}

._addCardSection_j071b_459 ._addCard_j071b_459 ._addCardHeader_j071b_469 {
  font-weight: 500;
  font-size: 16px
}

._addCardSection_j071b_459 ._addCard_j071b_459 ._addCardText_j071b_473 {
  font-weight: 400;
  font-size: 14px;
  margin: 15px 25px
}

._button_j071b_218 {
  width: 80%;
  height: 48px;
  color: var(--clr-dark-400) !important;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  background: var(--clr-primary-400) !important;
  box-shadow: 0 6px 10px #de000033;
  border-radius: 4px
}

._menuList_j071b_491 {
  background: white;
  height: 237px;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  align-items: center
}

._menuList_j071b_491 h3 {
  color: var(--theme-drawer-menu-heading-color);
  font-size: 1.6rem;
  font-weight: 400;
  font-weight: 500;
  background: var(--theme-drawer-menu-heading-bg);
  padding: 18px
}

._menuList_j071b_491 ul li {
  padding: 18px;
  font-size: 1.5rem;
  color: var(--theme-drawer-menu-heading-color);
  font-weight: 500;
  border-bottom: 1px solid rgba(57, 63, 82, .2)
}

._menuList_j071b_491 ul li a {
  text-decoration: none
}

._menuList_j071b_491 ._tab_j071b_516 {
  display: flex;
  justify-content: space-between
}

._menuList_j071b_491 ._tab_j071b_516 ._icon_j071b_181 {
  justify-content: flex-end
}

[dir=rtl] ._menuList_j071b_491 ._tab_j071b_516 ._icon_j071b_181 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  justify-content: flex-start
}

._inner_j071b_191 {
  background: white;
  height: 200px;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 17px;
  text-align: center
}

._inner_j071b_191 ._smdialogWidget_j071b_540 {
  display: flex;
  justify-content: center;
  padding-inline: 1.8rem
}

._inner_j071b_191 ._smdialogWidget_j071b_540 ._redWidget_j071b_369 {
  height: 2rem;
  width: 1.2rem;
  background-color: var(--theme-button-color);
  margin-inline: .3rem
}

@media (min-width: 992px) {
  ._inner_j071b_191 ._smdialogWidget_j071b_540 ._redWidget_j071b_369 {
    height: 1.7rem;
    width: 1.56rem
  }
}

._inner_j071b_191 ._heading_j071b_70 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--theme-primary-black);
  padding: 17px
}

._inner_j071b_191 ._content_j071b_563 {
  font-size: 14px;
  line-height: 25px;
  line-height: 151%;
  align-items: center;
  vertical-align: top;
  padding: 10px 90px
}

._inner_j071b_191 ._submit_j071b_44 {
  background: var(--clr-primary-400);
  box-shadow: 0 6px 10px #de000033;
  border-radius: 4px;
  color: var(--clr-dark-400);
  padding: 8px 25px;
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 700
}

._inner_j071b_191 ._close_j071b_581 {
  background: var(--clr-light-100);
  border: 1px solid rgba(57, 63, 82, .3);
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: none;
  color: var(--theme-primary-black);
  padding: 8px 25px;
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 700;
  width: 180px
}

._deleteInner_j071b_595 {
  background: white;
  height: 100%;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 17px;
  text-align: center
}

._deleteInner_j071b_595 ._smdialogWidget_j071b_540 {
  display: flex;
  justify-content: center;
  padding-inline: 1.8rem
}

._deleteInner_j071b_595 ._smdialogWidget_j071b_540 ._redWidget_j071b_369 {
  height: 2rem;
  width: 1.2rem;
  background-color: var(--theme-button-color);
  margin-inline: .3rem
}

@media (min-width: 992px) {
  ._deleteInner_j071b_595 ._smdialogWidget_j071b_540 ._redWidget_j071b_369 {
    height: 1.7rem;
    width: 1.56rem
  }
}

._deleteInner_j071b_595 ._heading_j071b_70 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--theme-primary-black);
  padding: 17px
}

._deleteInner_j071b_595 ._content_j071b_563 {
  font-size: 14px;
  line-height: 25px;
  line-height: 151%;
  align-items: center;
  vertical-align: top;
  padding: 10px 90px
}

._deleteInner_j071b_595 ._submit_j071b_44 {
  background: var(--clr-primary-400);
  box-shadow: 0 6px 10px #de000033;
  border-radius: 4px;
  color: var(--clr-dark-400);
  padding: 8px 25px;
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 700
}

._deleteInner_j071b_595 ._close_j071b_581 {
  background: var(--clr-light-100);
  border: 1px solid rgba(57, 63, 82, .3);
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: none;
  color: var(--theme-primary-black);
  padding: 8px 25px;
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 700;
  width: 180px
}

._deleteInner_j071b_595 ._buttons_j071b_660 {
  display: flex;
  align-items: center;
  justify-content: center
}

._deleteInner_j071b_595 ._buttons_j071b_660 ._close_j071b_581 {
  flex-basis: 40%
}

._deleteInner_j071b_595 ._buttons_j071b_660 button {
  font-size: 1.5rem;
  padding: 1rem
}

._image_j071b_673 {
  margin: auto
}

._image_j071b_673 img {
  object-fit: contain
}

._warningText_j071b_680 {
  color: var(--theme-warning-text-color);
  padding-block: 1rem;
  font-size: 1.2rem;
  font-weight: 500
}

._check_j071b_687 {
  position: absolute;
  font-size: 2rem;
  right: 2rem;
  top: 1.6rem;
  display: contents
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[type=number] {
  -moz-appearance: textfield
}

._arabicView_j071b_386 {
  display: flex;
  align-items: center
}

._mobileInputArea_j071b_711 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

[dir=rtl] ._mobileInputArea_j071b_711 {
  direction: rtl
}

._mobileInputArea_j071b_711 label {
  font-weight: 700;
  margin-block-start: -.7rem
}

._activeDiv_j071b_725 {
  pointer-events: none
}

._enView_j071b_386 {
  direction: ltr
}

._header_j071b_733 ._mainHeading_j071b_745 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem
}

._deleteAccount_j071b_62 {
  text-align: center
}

@media screen and (min-width: 1024px) {
  ._deleteAccount_j071b_62 ._badge_j071b_756 {
    background: var(--clr-light-100)
  }
}

._deleteAccount_j071b_62 ._main_j071b_1 {
  padding: 3rem 2rem;
  background: var(--clr-light-100)
}

._deletePop_j071b_774 {
  z-index: 1;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0
}

._deletePop_j071b_774 ._buttons_j071b_660 {
  gap: 1rem;
  display: flex
}

._deletePop_j071b_774:before {
  content: "";
  width: 100%;
  height: 200vh;
  background: var(--clr-dark-700);
  z-index: -1;
  display: block;
  position: absolute;
  top: -100vh;
  left: 0
}

._closeButton_j071b_798 {
  position: absolute;
  width: 4.2rem;
  height: 4.2rem;
  display: flex;
  font-size: 2.5rem;
  background: var(--clr-light-100);
  border-radius: 1rem;
  color: var(--clr-dark-400);
  justify-content: center;
  align-items: center;
  left: 50%;
  transform: translate(-50%, calc(-100% - 3rem));
  cursor: pointer
}

._header_j071b_733 {
  background: var(--clr-light-100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 4px var(--clr-light-450);
  color: var(--clr-dark-400);
  padding-inline: 4rem;
  padding-top: 4rem;
  padding-bottom: 2rem
}

._header_j071b_733 ._mainHeading_j071b_745 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem
}

._header_j071b_733 ._mainHeading_j071b_745:after {
  content: "";
  display: block;
  position: absolute;
  width: 3rem;
  height: .4rem;
  bottom: -1rem;
  background: var(--clr-primary-450);
  border-radius: 73.1034px
}

._header_j071b_733 ._subHeading_j071b_751 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem
}

._header_j071b_733 ._badge_j071b_756 {
  position: absolute;
  top: 0
}

._cardNumber_j071b_857 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

[dir=rtl] ._cardNumber_j071b_857 {
  direction: ltr
}

._errorNotification_j071b_866 {
  margin: 2rem 0;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-orange-600);
  display: flex;
  align-items: center
}

._feedbackContainer_j071b_875 {
  padding: 0 2.5rem
}

._feedbackContainer_j071b_875 ._message_j071b_80 {
  font-family: Rubik;
  font-style: normal;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--clr-dark-400)
}

._feedbackContainer_j071b_875 ._heading_j071b_70 {
  font-family: Rubik;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 1.5rem 0;
  color: var(--clr-dark-400)
}

._feedbackList_j071b_896 {
  margin-bottom: 2rem;
  display: flex;
  width: 100%;
  flex-wrap: wrap
}

._feedbackList_j071b_896 ._listItem_j071b_903 {
  background: var(--clr-light-100);
  justify-content: center;
  align-items: center;
  padding: 1.3rem .7rem;
  gap: 8px;
  width: 8rem;
  margin-inline-end: .5rem;
  box-shadow: 2px 2px 5px #0000001a;
  border-radius: 10px;
  margin-bottom: 1.5rem;
  font-family: Rubik;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--clr-dark-400);
  cursor: pointer
}

._feedbackList_j071b_896 ._active_j071b_725 {
  border: 1px solid var(--clr-primary-400)
}

._feedbackTextArea_j071b_926 {
  width: 100%;
  border-radius: .4rem;
  padding: 1.1rem 1rem .9rem 1.1rem;
  font-family: var(--theme-font-family);
  background: var(--clr-light-100);
  border: none
}

._accountDeletedContainer_j071b_935 {
  text-align: center;
  padding: 0 3rem;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._accountDeletedContainer_j071b_935 {
    background: var(--clr-light-100)
  }
}

@media screen and (max-width: 1023px) {
  ._accountDeletedContainer_j071b_935 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
}

._accountDeletedContainer_j071b_935 ._heading_j071b_70 {
  font-family: Rubik;
  font-style: normal;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--clr-primary-400);
  margin-top: 2rem
}

._accountDeletedContainer_j071b_935 ._message_j071b_80 {
  font-family: Rubik;
  font-style: normal;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--clr-dark-400);
  margin-top: 2rem
}

._accountDeletedContainer_j071b_935 ._actionContainer_j071b_26 {
  padding: 3rem 0 4rem;
  width: 100%
}

._accountDeletedContainer_j071b_935 ._actionContainer_j071b_26 ._exitBtn_j071b_975 {
  width: 100%;
  height: 5rem
}

._deleteAccountFailContainer_j071b_980 {
  border-radius: .5rem;
  padding: 1.3rem 0;
  margin-top: .5rem
}

._deleteAccountFailContainer_j071b_980 ._heading_j071b_70 {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: center;
  color: var(--clr-primary-400);
  margin-bottom: 1rem
}

._deleteAccountFailContainer_j071b_980 ._warning_j071b_89 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  background: #fdf5f5;
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 2rem;
  text-align: center;
  color: var(--clr-dark-400);
  margin-top: 1.5rem
}

._trackOrderLabel_j071b_1012 label {
  top: -.2rem
}

@media screen and (min-width: 1024px) {
  button._root_1tl31_2 {
    border-radius: 10px;
    box-shadow: none;
    height: 4.2rem;
    font-weight: 700 !important
  }

  [dir=rtl] button._root_1tl31_2 {
    min-width: 11rem
  }
}

._loggedUser_1tl31_12 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  cursor: pointer
}

._avatar_1tl31_20 {
  height: 4rem;
  width: 4rem;
  background-color: var(--theme-button-disable-bg);
  color: var(--clr-light-100);
  border-radius: 50%;
  font-weight: 500;
  font-size: 1.8rem;
  display: flex;
  justify-content: center;
  align-items: center
}

._title_1tl31_33 {
  color: var(--clr-dark-400);
  font-size: 1.5rem;
  font-weight: 500;
  white-space: nowrap
}

@media screen and (min-width: 1024px) {
  ._title_1tl31_33 {
    display: none
  }
}

@media screen and (min-width: 1280px) {
  ._title_1tl31_33 {
    display: block
  }
}

._Skeleton_1tl31_50 {
  height: 4.2rem;
  width: 6rem;
  border-radius: 1rem
}

._root_1055k_1 {
  position: fixed;
  inset: 0 0 auto 0;
  display: flex;
  justify-content: center;
  z-index: 1250;
  background: var(--clr-light-100);
  box-shadow: 0 .3rem .9rem #0000001a
}

._innerWrapper_1055k_11 {
  max-width: 144rem;
  width: 100%;
  height: 7rem;
  display: flex;
  gap: 3rem;
  padding: 1rem 3rem
}

@media screen and (min-width: 1024px) {
  ._innerWrapper_1055k_11 {
    gap: clamp(1rem, 3.91vw + -3rem, 2rem)
  }
}

._iconSection_1055k_25 {
  display: grid;
  place-items: center;
  font-size: 2.4rem
}

[dir=rtl] ._iconSection_1055k_25 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

._logoSection_1055k_35 {
  display: grid;
  place-items: center;
  cursor: pointer
}

@media screen and (min-width: 1280px) {
  ._logoSection_1055k_35 {
    margin-inline-start: clamp(-3rem, 7.81vw + -11rem, -1rem)
  }
}

._orderModesSection_1055k_46 {
  flex-shrink: 0
}

._dividerSection_1055k_50 {
  margin-block: -1rem
}

._addressSelectorSection_1055k_54 {
  display: grid;
  place-items: start;
  flex-grow: 1;
  min-width: 18rem;
  max-width: clamp(24rem, 140.63vw + -120rem, 60rem)
}

@media screen and (min-width: 1024px) {
  ._addressSelectorSection_1055k_54 {
    min-width: 20rem
  }
}

@media screen and (min-width: 1280px) {
  ._addressSelectorSection_1055k_54 {
    min-width: 20rem
  }
}

._actionButtonSection_1055k_72 {
  margin-inline-start: auto;
  display: flex;
  gap: 2.5rem;
  align-items: center
}

._actionButton_1055k_72 {
  display: grid;
  place-items: center
}

@media screen and (min-width: 1024px) {
  ._actionButton_1055k_72 button {
    border-radius: 10px !important;
    border: 2px solid;
    line-height: 0;
    padding: 1.2rem 2rem;
    display: flex;
    font-size: 1.6rem;
    box-shadow: none
  }
}

._root_4u17l_1 {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 999;
  background: white;
  box-shadow: 0 .3rem .9rem var(--clr-dark-800)
}

._primaryBar_4u17l_10 {
  display: flex;
  gap: .8rem;
  padding: 1.4rem 1.6rem;
  width: 100%
}

._iconSection_4u17l_17 {
  display: grid;
  place-items: center;
  font-size: 2rem;
  cursor: pointer
}

[dir=rtl] ._iconSection_4u17l_17 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

._titleSection_4u17l_28 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
  font-size: 1.6rem;
  font-weight: 700
}

._titleSection_4u17l_28 a {
  color: inherit
}

._actionButtonSection_4u17l_40 {
  margin-inline-start: auto;
  display: flex;
  gap: 1.5rem;
  align-items: center;
  font-size: 1.6rem
}

._actionButton_4u17l_40 {
  display: flex
}

._searchBarSection_4u17l_52 {
  flex-grow: 1;
  display: block
}

._root_1thf8_1 {
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid rgba(106, 110, 123, .1);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: .6rem;
  padding: 1.5rem;
  gap: 1.5rem;
  flex-grow: 0;
  flex-basis: 0
}

._desc_1thf8_15 {
  display: flex;
  flex-direction: column;
  gap: .6rem
}

._desc_1thf8_15 h3 {
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  font-weight: 500
}

._desc_1thf8_15 p {
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  font-weight: 400
}

._desc_1thf8_15 h5 {
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  font-weight: 500
}

._inner_1thf8_36 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem
}

._actionButton_1thf8_43 {
  display: flex;
  justify-content: space-between;
  flex-direction: row
}

._actionButton_1thf8_43 ._viewStore_1thf8_48 {
  border: 0;
  color: var(--clr-dark-400);
  text-transform: none;
  background: transparent;
  border: .1rem solid var(--clr-primary-400)
}

._actionButton_1thf8_43 ._viewStore_1thf8_48 .MuiButton-endIcon {
  margin-left: 2px
}

._actionButton_1thf8_43 ._viewStore_1thf8_48 svg {
  font-size: 1.4rem
}

[dir=rtl] ._actionButton_1thf8_43 ._viewStore_1thf8_48 svg {
  margin-inline-start: .5rem;
  transform: rotate(180deg)
}

._actionButton_1thf8_43 ._viewStore_1thf8_48:hover {
  color: var(--clr-secondary-400);
  box-shadow: 0 .4rem .4rem #0000001a;
  border-color: #393f5229
}

._root_11gzy_1 {
  width: 100%;
  background: var(--clr-light-100);
  display: flex;
  flex-flow: column;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._root_11gzy_1 {
    min-width: 40rem;
    max-width: 46rem;
    min-height: 33rem
  }
}

._root_11gzy_1 ._head_11gzy_15 {
  display: flex;
  flex-flow: column;
  align-items: center
}

._root_11gzy_1 ._head_11gzy_15 h3 {
  margin-top: 3rem;
  font-weight: 500;
  font-size: 18px
}

._root_11gzy_1 ._modesWrapper_11gzy_25 {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  margin: 3rem;
  align-items: center;
  gap: 2rem;
  justify-content: center;
  min-width: 100%
}

._root_11gzy_1 ._modesWrapper_11gzy_25 ._itm_11gzy_35 {
  width: 50%;
  max-width: 15rem;
  display: flex;
  flex-flow: row;
  flex-grow: 1;
  align-items: center;
  gap: .4rem;
  border: 2px solid rgba(106, 110, 123, .1);
  border-radius: 1rem;
  overflow: hidden;
  cursor: pointer;
  padding: .4rem
}

@media screen and (min-width: 1024px) {
  ._root_11gzy_1 ._modesWrapper_11gzy_25 ._itm_11gzy_35 {
    padding: 1rem;
    max-width: 19rem;
    min-width: 17rem
  }
}

._root_11gzy_1 ._modesWrapper_11gzy_25 ._itm_11gzy_35:hover,
._root_11gzy_1 ._modesWrapper_11gzy_25 ._itm_11gzy_35._active_11gzy_56 {
  border: 2px solid var(--clr-primary-400)
}

._root_11gzy_1 ._typeTitle_11gzy_59 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  white-space: nowrap
}

@media screen and (min-width: 1024px) {
  ._root_11gzy_1 ._typeTitle_11gzy_59 {
    font-size: 1.4rem
  }
}

._root_11gzy_1 ._typeIcon_11gzy_70 img {
  width: 5rem
}

@media screen and (min-width: 1024px) {
  ._root_11gzy_1 ._typeIcon_11gzy_70 img {
    width: 5rem
  }
}

._root_11gzy_1 ._selectTick_11gzy_78 {
  color: var(--clr-primary-400);
  font-size: 1.4rem
}

._root_11gzy_1 ._action_11gzy_82 {
  padding: 3rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

._root_11gzy_1 ._action_11gzy_82 button {
  padding: 1.5rem;
  width: 100%;
  font-weight: 700;
  font-size: 1.6rem
}

._deliveryIns_11gzy_96 {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-flow: column;
  padding: 0 2rem
}

._deliveryIns_11gzy_96 ._heading_11gzy_103 {
  font-weight: 500;
  font-size: 16px;
  color: var(--clr-dark-400);
  margin-bottom: 1rem
}

._deliveryIns_11gzy_96 ._input_11gzy_109 {
  gap: 1rem;
  display: flex;
  flex-flow: column
}

._deliveryIns_11gzy_96 ._input_11gzy_109 input {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  width: 100%;
  padding: 1rem 0;
  border: 0;
  background: transparent;
  border-bottom: 1px solid rgba(56, 62, 81, .48)
}

._deliveryIns_11gzy_96 ._input_11gzy_109 input:focus {
  outline: none
}

._deliveryIns_11gzy_96 ._example_11gzy_127 {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-dark-400-50);
  margin-top: .5rem
}

._warningText_11gzy_137 {
  color: var(--theme-warning-color);
  padding-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 1.4rem;
  align-items: center;
  justify-content: center;
  display: flex
}

._warningText_11gzy_137 span {
  display: flex;
  align-items: center
}

._warningText_11gzy_137 span img {
  margin-right: .5rem;
  cursor: pointer
}

._disabledButton_11gzy_156 button {
  color: #fff !important
}

._root_5q3ck_1 {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--clr-light-100)
}

@media screen and (min-width: 1024px) {
  ._root_5q3ck_1 {
    gap: 1.5rem;
    background: none
  }
}

._root_5q3ck_1 .active span {
  color: var(--theme-category-tab-active-color);
  font-weight: 700
}

._root_5q3ck_1 .MuiButton-outlinedPrimary:hover {
  color: var(--clr-dark-400)
}

._pageHeading_5q3ck_22 {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--clr-dark-400);
  margin-bottom: 2.5rem;
  padding-bottom: 1.3rem;
  border-bottom: 1px solid var(--clr-dark-400-20);
  position: relative
}

._pageHeading_5q3ck_22:after {
  display: block;
  content: "";
  width: 8rem;
  height: 3px;
  background: var(--clr-primary-400);
  position: absolute;
  bottom: 0;
  border-radius: 20px
}

@media screen and (min-width: 1024px) {
  ._wrapper_5q3ck_43 {
    padding: 2rem 13rem
  }
}

._storeWrapper_5q3ck_48 {
  display: flex;
  background: var(--clr-light-100);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 10px;
  min-height: 77vh;
  flex-direction: column;
  flex-wrap: nowrap
}

@media screen and (min-width: 1024px) {
  ._storeWrapper_5q3ck_48 {
    flex-direction: row
  }
}

._storeList_5q3ck_63 {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  flex-basis: 100%
}

@media screen and (min-width: 1024px) {
  ._storeList_5q3ck_63 {
    max-width: 55rem;
    width: 50%
  }
}

._storeList_5q3ck_63 ._listHeader_5q3ck_75 {
  display: flex;
  flex-direction: row;
  padding: 2rem;
  height: 10.2rem;
  gap: 3.2rem;
  align-items: center
}

._storeList_5q3ck_63 ._inputSearch_5q3ck_83 {
  border: 1px solid rgba(57, 63, 82, .2);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: .6rem;
  height: 5.5rem;
  flex-grow: 1;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (min-width: 1024px) {
  ._storeList_5q3ck_63 ._inputSearch_5q3ck_83 {
    min-width: clamp(15rem, 36.06vw + -21.92rem, 30rem)
  }
}

._storeList_5q3ck_63 ._inputSearch_5q3ck_83 input {
  font-size: 1.6rem
}

._storeList_5q3ck_63 ._inputSearch_5q3ck_83 ._iconButton_5q3ck_102 {
  font-size: 2rem
}

._storeMap_5q3ck_106 {
  background: var(--clr-light-100);
  width: 55rem;
  height: 85vh;
  padding: 2rem;
  border-radius: 1rem;
  overflow: hidden;
  display: none
}

@media screen and (min-width: 1024px) {
  ._storeMap_5q3ck_106 {
    display: block;
    width: clamp(60rem, 48.08vw + 10.77rem, 80rem)
  }
}

._storeMap_5q3ck_106._activeMap_5q3ck_121 {
  display: block;
  width: 100%;
  height: 62vh;
  padding: 0 2rem
}

@media screen and (min-width: 1024px) {
  ._citySearch_5q3ck_129 {
    width: 100%
  }
}

._citySearch_5q3ck_129 .MuiInput-root {
  min-width: 13rem
}

@media screen and (min-width: 1024px) {
  ._citySearch_5q3ck_129 .MuiInput-root {
    min-width: clamp(15rem, 12.02vw + 2.69rem, 20rem)
  }
}

._citySearch_5q3ck_129 ._citySelect_5q3ck_141 {
  font-size: 1.4rem;
  height: 4rem;
  width: 100%
}

._citySearch_5q3ck_129 ._citySelect_5q3ck_141 .MuiSelect-icon {
  font-size: 2rem
}

._storeListing_5q3ck_150 {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  gap: 1rem;
  min-height: 100vh
}

@media screen and (min-width: 1024px) {
  ._storeListing_5q3ck_150 {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 66vh;
    min-height: 66vh
  }
}

._tabsContainer_5q3ck_167 {
  display: flex;
  flex: 0 0 auto;
  background-color: var(--clr-light-100);
  border-bottom: 1px solid rgba(57, 63, 82, .1)
}

._tabsBar_5q3ck_174 {
  flex-grow: 1;
  display: grid;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  will-change: transform;
  padding-inline-start: 1rem;
  align-content: center;
  overflow-x: auto;
  margin-inline-start: 5px;
  scroll-snap-coordinate: 0 0;
  scroll-snap-points-x: repeat(100%);
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch
}

._tabsBar_5q3ck_174 ._tab_5q3ck_167 {
  display: block;
  line-height: 40px;
  border-top: solid 3px transparent;
  border-bottom: solid 3px transparent;
  white-space: nowrap;
  font-weight: 500;
  font-size: 14px;
  color: #6a6e7b66;
  padding: 0 .5rem;
  text-transform: capitalize;
  opacity: 1;
  min-width: auto
}

._selectBoxItem_5q3ck_204 {
  font-size: 1.4rem !important;
  padding: .8rem !important
}

._mobileMapViewAction_5q3ck_209 {
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 2rem 2rem 0;
  justify-content: space-between
}

@media screen and (min-width: 1024px) {
  ._mobileMapViewAction_5q3ck_209 {
    display: none
  }
}

._mobileMapViewAction_5q3ck_209 ._resultList_5q3ck_221 {
  font-weight: 500;
  font-size: 1.4rem
}

._mobileMapViewAction_5q3ck_209 ._showMapButton_5q3ck_225 {
  border: .1rem solid var(--clr-primary-400);
  border-radius: .2rem;
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  padding: .2rem .8rem;
  box-shadow: none
}

._mobileMapViewAction_5q3ck_209 ._showMapButton_5q3ck_225 .MuiButton-startIcon {
  margin-left: 1px;
  width: 17px
}

._hideList_5q3ck_239 {
  display: none
}

._stickyMobileView_5q3ck_243 {
  position: fixed;
  bottom: 0;
  background: var(--clr-light-100);
  width: 100%;
  z-index: 10;
  padding: 1rem;
  box-shadow: 0 -10px 20px #0000001a;
  border-radius: 20px 20px 0 0
}

@media screen and (min-width: 1024px) {
  ._stickyMobileView_5q3ck_243 {
    display: none
  }
}

._resultList_5q3ck_221 {
  font-weight: 500;
  font-size: 1.4rem
}

@media screen and (min-width: 1024px) {
  ._resultList_5q3ck_221 {
    padding: 1rem 2rem
  }
}

.Mui-selected {
  color: #000 !important
}

._root_1s1i3_1 {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

._pageHeading_1s1i3_8 {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--clr-dark-400);
  margin-bottom: 2.5rem;
  padding-bottom: 1.3rem;
  border-bottom: 1px solid var(--clr-dark-400-20);
  position: relative
}

._pageHeading_1s1i3_8:after {
  display: block;
  content: "";
  width: 8rem;
  height: 3px;
  background: var(--clr-primary-400);
  position: absolute;
  bottom: 0;
  border-radius: 20px
}

@media screen and (min-width: 1024px) {
  ._wrapper_1s1i3_29 {
    padding: 2rem 13rem
  }
}

._map_1s1i3_34 {
  background: var(--clr-light-100);
  width: 100%;
  height: 22rem;
  border-radius: 1rem;
  overflow: hidden
}

._mapContainer_1s1i3_42 {
  background: var(--clr-light-100);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  padding: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._mapContainer_1s1i3_42 {
    border-radius: 1rem;
    padding: 2rem
  }
}

._storeWrapper_1s1i3_54 {
  display: flex;
  flex-flow: row;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  flex-wrap: wrap
}

@media screen and (min-width: 1024px) {
  ._storeWrapper_1s1i3_54 {
    min-height: 100vh;
    flex-wrap: nowrap;
    gap: 4rem
  }
}

._innerWrapper_1s1i3_69 {
  display: flex;
  gap: 1rem;
  flex-flow: column;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._innerWrapper_1s1i3_69 {
    gap: 2rem;
    width: 70%;
    flex-basis: 100%;
    border-radius: 1rem;
    overflow: hidden;
    min-width: 53rem
  }
}

._mapHeading_1s1i3_86 {
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem
}

._mapHeading_1s1i3_86 ._icon_1s1i3_93 {
  display: flex;
  align-items: center;
  width: 6rem
}

._mapHeading_1s1i3_86 ._icon_1s1i3_93 svg {
  width: 100%
}

._mapHeading_1s1i3_86 ._desc_1s1i3_101 {
  display: flex;
  flex-direction: column;
  grid-gap: .6rem;
  gap: .6rem;
  margin-bottom: 2rem
}

._mapHeading_1s1i3_86 ._storeTitle_1s1i3_108 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._mapHeading_1s1i3_86 ._storeSubtitle_1s1i3_113 {
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._mapHeading_1s1i3_86 ._storeSubtitle_1s1i3_113 {
    font-size: 1.4rem
  }
}

._mapHeading_1s1i3_86 ._storeOpeningHours_1s1i3_123 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._mapHeading_1s1i3_86 ._storeOpeningHours_1s1i3_123 {
    font-size: 1.4rem
  }
}

._services_1s1i3_134 {
  background: var(--clr-light-100);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e
}

@media screen and (min-width: 1024px) {
  ._services_1s1i3_134 {
    border-radius: 1rem
  }
}

._services_1s1i3_134 ._storeSectionHeading_1s1i3_143 {
  font-weight: 500;
  font-size: 1.2rem;
  padding: 1.5rem 2rem .5rem
}

@media screen and (min-width: 1024px) {
  ._services_1s1i3_134 ._storeSectionHeading_1s1i3_143 {
    padding: 1.5rem 2rem;
    font-size: 1.6rem
  }
}

._types_1s1i3_155 {
  display: flex;
  flex-flow: row;
  gap: .5rem;
  padding: .3em 2rem .5rem;
  flex-wrap: wrap
}

@media screen and (min-width: 1024px) {
  ._types_1s1i3_155 {
    gap: 2rem;
    padding: 2rem
  }
}

._types_1s1i3_155 ._itm_1s1i3_168 {
  display: flex;
  flex-flow: row;
  align-items: center
}

._types_1s1i3_155 ._typeTitle_1s1i3_173 {
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._types_1s1i3_155 ._typeTitle_1s1i3_173 {
    font-size: 1.4rem
  }
}

._openingHours_1s1i3_184 {
  background: var(--clr-light-100);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  padding: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._openingHours_1s1i3_184 {
    padding: 2rem;
    border-radius: 1rem
  }
}

._heading_1s1i3_196 {
  font-weight: 500;
  font-size: 1.2rem;
  display: flex;
  flex-flow: row;
  gap: 1rem;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._heading_1s1i3_196 {
    font-size: 1.6rem
  }
}

._heading_1s1i3_196 ._storeSectionHeading_1s1i3_143 {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.4rem
}

@media screen and (min-width: 1024px) {
  ._heading_1s1i3_196 ._storeSectionHeading_1s1i3_143 {
    font-size: 1.6rem
  }
}

._hoursWrapper_1s1i3_220 {
  padding-inline-start: 3rem;
  margin-top: .3rem
}

._hoursWrapper_1s1i3_220 ._storeSectionHeading_1s1i3_143 {
  font-weight: 500;
  font-size: 1.2rem
}

@media screen and (min-width: 1024px) {
  ._hoursWrapper_1s1i3_220 ._storeSectionHeading_1s1i3_143 {
    font-size: 1.6rem
  }
}

._hoursWrapper_1s1i3_220 ._storeSectionHeading_1s1i3_143 span {
  font-weight: 400;
  opacity: .8;
  margin-inline-start: .8rem
}

._days_1s1i3_239 {
  display: flex;
  flex-flow: column;
  margin-top: 2rem;
  gap: 1.5rem
}

._days_1s1i3_239 ._row_1s1i3_245 {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  font-size: 1.2rem;
  line-height: 17px
}

@media screen and (min-width: 1024px) {
  ._days_1s1i3_239 ._row_1s1i3_245 {
    font-size: 1.4rem
  }
}

._days_1s1i3_239 ._row_1s1i3_245:first-child {
  font-weight: 500
}

._days_1s1i3_239 ._row_1s1i3_245 ._day_1s1i3_239 {
  text-align: left
}

@media screen and (min-width: 1024px) {
  ._days_1s1i3_239 ._row_1s1i3_245 ._day_1s1i3_239 {
    min-width: 13rem
  }
}

._days_1s1i3_239 ._row_1s1i3_245 ._hour_1s1i3_220 {
  text-align: left
}

@media screen and (min-width: 1024px) {
  ._days_1s1i3_239 ._row_1s1i3_245 ._hour_1s1i3_220 {
    min-width: 13rem
  }
}

._innerOuter_1s1i3_277 {
  padding: 1.5rem;
  background: var(--clr-light-100)
}

@media screen and (min-width: 1024px) {
  ._innerOuter_1s1i3_277 {
    padding: 2rem;
    border-radius: 1rem
  }
}

._contentSection_1s1i3_288 {
  display: flex;
  flex-flow: column;
  gap: 1.5rem;
  padding-top: 2rem;
  border-top: 1px dashed rgba(57, 63, 82, .2);
  margin-top: 2rem
}

._instItem_1s1i3_297 {
  display: flex;
  flex-flow: row;
  gap: 1rem;
  align-items: center
}

._instItem_1s1i3_297 ._text_1s1i3_303 {
  font-weight: 500;
  font-size: 1.4rem
}

@media screen and (min-width: 1024px) {
  ._instItem_1s1i3_297 ._text_1s1i3_303 {
    font-size: 1.6rem
  }
}

._outerWrapper_1s1i3_313 {
  width: 100%;
  height: 100%;
  flex-shrink: 0
}

@media screen and (min-width: 1024px) {
  ._outerWrapper_1s1i3_313 {
    width: clamp(37rem, 12.02vw + 24.69rem, 42rem);
    position: sticky;
    top: 8rem
  }
}

._icon_1s1i3_93 img {
  width: 100%
}

._placeOrder_1s1i3_330 {
  box-shadow: 0 -.6rem 2rem var(--clr-dark-900-10);
  display: flex;
  cursor: pointer;
  bottom: 0;
  padding: 1rem 1.6rem;
  gap: .8rem;
  position: sticky;
  width: 100%;
  background-color: var(--clr-light-100);
  border-radius: 0 0 1rem 1rem
}

@media screen and (min-width: 1024px) {
  ._placeOrder_1s1i3_330 {
    padding: 0 0 3rem
  }
}

._disablePlaceOrder_1s1i3_349 {
  pointer-events: none
}

._checkoutButton_1s1i3_353 {
  padding: 1.3rem 2rem;
  border-radius: 1rem 1rem 0 0;
  margin-inline: -1rem;
  max-width: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .8rem;
  flex-grow: 1;
  cursor: pointer;
  min-height: 6rem;
  text-transform: uppercase;
  background: var(--theme-cartbar-button-bg);
  border-radius: .4rem;
  box-shadow: 0 .2rem 2rem var(--clr-dark-400-20)
}

._checkoutButton_1s1i3_353:before {
  position: absolute;
  width: 0;
  height: 0;
  inset: auto 0 -1rem auto;
  border-left: 10px solid var(--clr-primary-750);
  border-bottom: 10px solid transparent
}

@media screen and (min-width: 1024px) {
  ._checkoutButton_1s1i3_353:before {
    content: ""
  }
}

._checkoutButton_1s1i3_353:after {
  position: absolute;
  width: 0;
  height: 0;
  inset: auto auto -1rem 0;
  border-right: 10px solid var(--clr-primary-750);
  border-bottom: 10px solid transparent
}

@media screen and (min-width: 1024px) {
  ._checkoutButton_1s1i3_353:after {
    content: ""
  }
}

._disablePlaceOrderButton_1s1i3_398 {
  background: #a9bdd0
}

._label_1s1i3_402 {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: var(--clr-dark-400)
}

._chevron_1s1i3_409 {
  height: 3.3rem;
  aspect-ratio: 1/1;
  place-items: center;
  background: var(--clr-light-100);
  color: var(--clr-dark-900);
  border-radius: 50%;
  font-size: 2rem;
  stroke-width: .1rem;
  position: absolute;
  inset-inline-end: 4rem;
  display: none
}

[dir=rtl] ._chevron_1s1i3_409 {
  transform: rotate(180deg)
}

@media screen and (min-width: 1024px) {
  ._chevron_1s1i3_409 {
    display: grid
  }
}

._root_1r60v_1 {
  text-align: center;
  background: var(--clr-light-100);
  height: 100vh;
  padding-top: 10rem
}

@media screen and (min-width: 1024px) {
  ._root_1r60v_1 {
    width: 33rem;
    height: 45rem;
    padding-top: 0rem
  }
}

._root_1r60v_1 ._kfcLogo_1r60v_14 {
  margin-top: 3rem;
  margin-bottom: 2.5rem
}

._root_1r60v_1 ._processingText_1r60v_18 {
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  text-align: center;
  color: var(--clr-primary-400)
}

._root_1r60v_1 ._descriptionText_1r60v_25 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  margin-top: 1.2rem
}

._root_1r60v_1 ._warningContainer_1r60v_32 {
  border: 1px dashed #e0e0e0;
  position: relative;
  border-radius: 1rem;
  padding: 2.8rem 1.9rem;
  text-align: center;
  margin-inline: auto;
  width: 22rem;
  margin-top: 5rem
}

._root_1r60v_1 ._warningContainer_1r60v_32 ._warningIcon_1r60v_42 {
  position: absolute;
  color: #007aff;
  top: -1.2rem;
  left: 0;
  width: 100%;
  text-align: center
}

._root_1r60v_1 ._warningContainer_1r60v_32 ._warningText_1r60v_50 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.8rem;
  text-align: center;
  color: var(--clr-dark-300)
}

._loader_1r60v_59 {
  width: 13rem;
  height: 13rem
}

.lazy-load-image-background.blur {
  filter: blur(15px)
}

.lazy-load-image-background.blur.lazy-load-image-loaded {
  filter: blur(0);
  transition: filter .3s
}

.lazy-load-image-background.blur>img {
  opacity: 0
}

.lazy-load-image-background.blur.lazy-load-image-loaded>img {
  opacity: 1;
  transition: opacity .3s
}

._root_ywvx8_1 {
  overflow-x: hidden;
  margin-inline-end: -1.6rem;
  position: relative
}

@media only screen and (min-width: 1024px) {
  ._root_ywvx8_1 {
    margin-inline-end: 0
  }
}

._root_ywvx8_1 .carousel-indicators li {
  display: none
}

._root_ywvx8_1 .react-swipeable-view-container {
  width: 100%
}

._container_ywvx8_18 {
  overflow-x: visible !important;
  height: clamp(9rem, 23vh, 16.8rem);
  max-width: 100%;
  aspect-ratio: 285/148;
  display: flex
}

@media screen and (min-width: 1024px) {
  ._container_ywvx8_18 {
    height: clamp(30rem, 47vh, 42rem);
    width: 100%;
    aspect-ratio: 8
  }
}

._bannerItemContainer_ywvx8_33 {
  display: flex
}

html[dir=rtl] ._bannerItemContainer_ywvx8_33 {
  direction: rtl
}

._bannerItem_ywvx8_33 {
  margin-inline-end: 1.2rem;
  overflow: hidden;
  border-radius: clamp(.9rem, 2.5vh, 1.6rem);
  display: flex;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._bannerItem_ywvx8_33 {
    border-radius: 0;
    margin-inline-end: 0;
    width: 100%
  }
}

._bannerItem_ywvx8_33 img,
._bannerItem_ywvx8_33 video {
  object-fit: cover;
  height: 100%;
  width: 100%;
  object-position: center
}

._lazyContainer_ywvx8_63 {
  display: flex
}

@media screen and (min-width: 1024px) {
  ._lazyContainer_ywvx8_63 {
    width: 100%
  }
}

._pagination_ywvx8_72 {
  display: none;
  position: absolute;
  left: 48%;
  bottom: 20px;
  z-index: 10;
  gap: 1rem
}

._pagination_ywvx8_72 ._point_ywvx8_80 {
  background: var(--clr-dark-100);
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  cursor: pointer
}

._pagination_ywvx8_72 ._currentPoint_ywvx8_87 {
  width: 2.1rem;
  border-radius: 1rem;
  background: var(--clr-light-100)
}

@media screen and (min-width: 1024px) {
  ._pagination_ywvx8_72 {
    display: flex
  }
}

._root_192qc_1 {
  display: grid;
  position: relative;
  grid-gap: clamp(.5rem, .3rem + .5vmin, 1rem);
  grid-template-areas: "first second third" "first fourth fifth"
}

@media screen and (min-width: 1024px) {
  ._root_192qc_1 {
    display: flex;
    padding-top: 0;
    column-gap: 5rem
  }
}

._root_192qc_1 .react-swipeable-view-container {
  gap: 2.4vw;
  width: 24rem
}

._tileWrapper_192qc_19 {
  position: relative;
  max-height: calc(15vh - .5rem);
  direction: ltr
}

._tileWrapper_192qc_19 ._headingTitle_192qc_24 {
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  line-height: 1.7rem;
  font-weight: 700;
  position: absolute;
  inset-inline-end: 1rem;
  top: 1rem;
  text-align: right
}

._tileWrapper_192qc_19:nth-child(1) {
  grid-area: first;
  max-height: 30vh;
  min-height: 18rem
}

._tileWrapper_192qc_19:nth-child(1) ._image_192qc_39 {
  width: 82%
}

._tileWrapper_192qc_19:nth-child(1) ._headingTitle_192qc_24 {
  top: 3rem
}

._tileWrapper_192qc_19:nth-child(2) {
  grid-area: second
}

._tileWrapper_192qc_19:nth-child(3) {
  grid-area: third
}

._tileWrapper_192qc_19:nth-child(4) {
  grid-area: fourth
}

._tileWrapper_192qc_19:nth-child(5) {
  grid-area: fifth
}

._tile_192qc_19 {
  overflow: hidden;
  display: flex;
  border-radius: .4rem;
  background-color: var(--clr-light-100);
  box-shadow: 0 .2rem .76rem #9bccf43e;
  width: 100%;
  height: 100%
}

._tile_192qc_19 ._header_192qc_67 {
  position: absolute;
  text-align: end;
  inset-inline-end: .8rem;
  inset-block-start: .6rem;
  font-size: clamp(1.2rem, 1rem + .5vw + .1vh, 2rem);
  font-weight: 500;
  color: var(--clr-dark-500)
}

[dir=rtl] ._tile_192qc_19 ._header_192qc_67 {
  text-align: start;
  inset-inline-start: .8rem
}

._lazy_192qc_81 {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%
}

._image_192qc_39 {
  position: relative;
  width: 62%;
  height: 100%;
  object-fit: contain;
  object-position: bottom center
}

._ribbon_192qc_96 {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  max-width: 70%;
  max-height: 50%;
  transform: translate(-5%, -6%)
}

@media screen and (min-width: 1024px) {
  ._ribbon_192qc_96 {
    display: none
  }
}

._mContainer_192qc_110 {
  overflow-x: visible !important;
  height: 19.3rem;
  max-width: 100%;
  aspect-ratio: .1;
  display: flex;
  width: 100%
}

._mInner_192qc_119 {
  width: 30rem
}

._mediaContainer_192qc_123 {
  width: 100%;
  z-index: 1
}

._blockItem_192qc_128 {
  width: 19.6rem !important;
  padding-top: 3.2rem;
  margin-left: 1rem;
  overflow: inherit !important
}

._pagination_192qc_135 {
  position: absolute;
  display: none;
  width: 110%;
  justify-content: space-between;
  left: -5%;
  flex-direction: row-reverse;
  top: 50%;
  z-index: 0
}

@media screen and (min-width: 1024px) {
  ._pagination_192qc_135 {
    display: flex
  }
}

._pagination_192qc_135 button {
  font-size: 2rem;
  min-width: auto;
  color: var(--clr-dark-400)
}

[dir=rtl] ._pagination_192qc_135 button {
  transform: scaleX(-1)
}

._root_16fk1_1 {
  display: flex;
  position: relative;
  flex-direction: column;
  background: var(--clr-light-100);
  min-width: 19.6rem;
  height: 19.4rem;
  align-items: center;
  box-shadow: 0 3.42907px 12.0018px #9bccf43e;
  border-radius: 100% 100% 10%/90% 90% 10%;
  padding-bottom: 1.8rem;
  cursor: pointer;
  transition: .3s
}

._root_16fk1_1 ._thumb_16fk1_15 {
  max-width: 16rem;
  min-height: 13rem;
  transform: translateY(-2rem)
}

._root_16fk1_1 ._thumb_16fk1_15 img {
  width: 100%;
  max-height: 13rem
}

._root_16fk1_1:before {
  display: block;
  content: "";
  position: absolute;
  width: 1.7rem;
  height: 1.7rem;
  margin: 10px auto 0;
  right: 10px;
  bottom: 8px;
  background: var(--clr-light-300);
  border: 1px solid var(--clr-light-525);
  box-shadow: inset 0 3.42907px 12.0018px #91c0e74d;
  border-radius: 40px
}

._root_16fk1_1:hover {
  box-shadow: 0 20px 40px #9bccf43d;
  transform: translateY(-1.5rem)
}

._title_16fk1_45 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--clr-dark-400);
  position: relative
}

._title_16fk1_45:after {
  display: block;
  content: "";
  position: relative;
  max-width: 4rem;
  height: 4px;
  background: var(--clr-grass-green-900);
  border-radius: 16.9437px;
  margin: 10px auto 0
}

._ribon_16fk1_63 {
  background: var(--clr-orange-500);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: var(--clr-light-100);
  position: absolute;
  width: 20.8rem;
  left: -.4rem;
  display: flex;
  justify-content: center;
  top: 9.9rem;
  padding: .5rem;
  gap: 1rem;
  align-items: center
}

._ribon_16fk1_63:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  inset: auto auto -6px 0;
  border-right: 8px solid var(--clr-orange-800);
  border-bottom: 6px solid transparent
}

._ribon_16fk1_63:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  inset: auto 0 -6px auto;
  border-left: 8px solid var(--clr-orange-800);
  border-bottom: 6px solid transparent
}

._root_l7t1l_1 {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 2rem;
  overflow-y: hidden
}

._mediaTile_l7t1l_9 {
  width: 35vw;
  flex: 0 0 auto;
  background: var(--clr-light-100);
  border-radius: 1rem;
  text-align: center;
  display: flex;
  padding: 6px;
  flex-direction: column;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._mediaTile_l7t1l_9 {
    width: 11vw;
    padding: 1.6rem;
    text-align: center;
    justify-content: center
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  ._mediaTile_l7t1l_9 {
    width: 14vw
  }
}

._mediaTile_l7t1l_9:first-child {
  width: 45vw;
  padding: 0
}

._mediaTile_l7t1l_9:first-child ._title_l7t1l_37 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._mediaTile_l7t1l_9:first-child {
    width: 17vw;
    padding: 0;
    border-radius: 10px;
    overflow: hidden
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  ._mediaTile_l7t1l_9:first-child {
    width: 26vw
  }
}

._mediaTile_l7t1l_9:first-child img {
  width: 100%;
  object-fit: cover;
  height: 100%
}

._media_l7t1l_9 {
  object-fit: cover;
  min-height: 4.2rem
}

._media_l7t1l_9 img {
  width: 3.5rem
}

@media screen and (min-width: 1024px) {
  ._media_l7t1l_9 img {
    width: 5.6rem
  }
}

._title_l7t1l_37 {
  position: relative;
  font-size: 1rem;
  color: var(--clr-dark-400);
  line-height: normal;
  padding-top: 10px
}

@media screen and (min-width: 1024px) {
  ._title_l7t1l_37 {
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 400
  }
}

._root_k82wn_1 {
  display: flex;
  flex-direction: column
}

@media screen and (min-width: 1024px) {
  ._root_k82wn_1 {
    flex-basis: 47.8%;
    max-height: 37rem;
    overflow: hidden;
    aspect-ratio: 566/350;
    height: fit-content
  }
}

._banner_k82wn_15 {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 1.6rem;
  overflow: hidden;
  height: 100%
}

@media screen and (min-width: 1024px) {
  ._banner_k82wn_15 {
    border-radius: 1rem
  }
}

._banner_k82wn_15 img {
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._banner_k82wn_15 img {
    object-fit: cover;
    height: 100%
  }
}

.fullWidth ._banner_k82wn_15 {
  border-radius: 0
}

._imageflex_k82wn_43 {
  display: flex
}

._content_k82wn_47 {
  font-size: 1.9rem;
  line-height: 2rem;
  color: var(--clr-dark-400);
  font-weight: 500;
  letter-spacing: .03328rem;
  margin-block-end: 2.5rem;
  color: var(--clr-light-100);
  display: flex;
  justify-content: center
}

._content_k82wn_47 span {
  min-width: 11rem;
  text-align: center
}

._root_16g0j_1 {
  display: flex;
  overflow-x: auto
}

._root_16g0j_1 ._main_16g0j_5 {
  width: 30rem;
  margin-inline-end: 1.6rem;
  background-color: var(--clr-light-100);
  display: inline-block;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 4px
}

._order_16g0j_14 {
  background-color: var(--clr-light-100);
  padding: 0 10px;
  width: 31.5rem;
  border-radius: 4px
}

._orderMain_16g0j_21 {
  display: flex;
  flex-direction: row
}

._orderMain_16g0j_21 ._itmImg_16g0j_25 img {
  object-fit: contain;
  border: 1px solid white;
  border-radius: 70px;
  box-shadow: 0 0 2px gray;
  margin-top: 10px;
  height: 4rem
}

._orderDetail_16g0j_34 {
  padding: 1rem .9rem 0 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .5rem
}

._orderDetail_16g0j_34 h4 {
  font-size: 1rem;
  color: var(--clr-dark-400);
  font-weight: 500;
  opacity: .6;
  direction: ltr;
  flex-grow: 1
}

._orderDetail_16g0j_34 h5 {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 500;
  background: var(--clr-green-400);
  color: var(--clr-light-400);
  padding: .5rem;
  width: 14rem;
  flex-grow: 1;
  border-radius: .2rem
}

._orderDetail_16g0j_34 h5 span {
  white-space: nowrap
}

._orderDetail_16g0j_34 p {
  font-size: 1.1rem;
  color: var(--clr-dark-300);
  font-weight: 500;
  margin-top: 1rem;
  width: 100%
}

._bottomSec_16g0j_72 {
  display: flex;
  justify-content: space-between;
  box-shadow: 0 -1px 0 0 var(--clr-dark-350);
  margin-top: 7px;
  align-items: center
}

._bottomSec_16g0j_72 ._amount_16g0j_79 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  direction: ltr
}

._button_16g0j_86 button {
  padding: .4rem 1rem;
  margin: .6rem 0;
  font-size: 1.2rem;
  border: 1px solid rgba(57, 63, 82, .3);
  border-radius: .4rem
}

._root_1j8n5_1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "thumbnail title title" "thumbnail description description" "thumbnail price cta";
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: .4rem;
  background-color: var(--clr-light-100)
}

@media screen and (min-width: 1024px) {
  ._root_1j8n5_1 {
    grid-template-columns: 100%;
    grid-template-rows: min-content auto min-content min-content min-content;
    grid-template-areas: "thumbnail" "title" "description " "customize" "price" "cta";
    justify-items: center;
    align-items: center;
    justify-content: center;
    box-shadow: 0 .8rem 1.6rem var(--clr-dark-300-10);
    position: relative;
    text-align: center;
    border-radius: 2rem 2rem 0 0;
    grid-gap: 1.5rem;
    gap: 1.5rem
  }
}

._root_1j8n5_1 button {
  grid-area: cta;
  border: 1px solid rgba(73, 97, 171, .2);
  border-radius: 4px;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 2px 15px;
  width: fit-content;
  margin-inline-start: auto;
  margin-inline-end: 10px;
  margin-block-end: 1rem
}

@media screen and (min-width: 1024px) {
  ._root_1j8n5_1 button {
    margin: 0;
    border: 2px solid var(--clr-primary-400);
    box-shadow: 0 11.5338px 11.5338px #e4002b1a;
    border-radius: 10px;
    min-width: 13rem;
    padding: .6rem
  }
}

._thumbnail_1j8n5_49 {
  grid-area: thumbnail;
  padding: 1rem 0;
  border-inline-end: 1px solid var(--clr-dark-900-10)
}

@media screen and (min-width: 1024px) {
  ._thumbnail_1j8n5_49 {
    width: 50%;
    border: 0
  }
}

._title_1j8n5_61 {
  grid-area: title;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  margin: 5px 10px 0
}

@media screen and (min-width: 1024px) {
  ._title_1j8n5_61 {
    font-size: 1.6rem
  }
}

._description_1j8n5_74 {
  grid-area: description;
  font-size: 1.1rem;
  font-weight: 500;
  color: var(--clr-dark-300);
  padding: .6rem 0 0;
  margin: .5rem 1rem 1rem;
  border-block-end: 1px solid var(--clr-dark-900-10)
}

@media screen and (min-width: 1024px) {
  ._description_1j8n5_74 {
    border: 0;
    font-size: 1.4rem;
    line-height: 1.6rem
  }
}

._price_1j8n5_91 {
  grid-area: price;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  margin-left: 10px;
  display: flex;
  align-items: center;
  margin-block-end: 1.3rem
}

._root_1vlbm_1 {
  display: grid;
  grid-template-columns: auto min-content min-content;
  grid-template-rows: auto 1fr auto auto;
  grid-template-areas: "title favourite thumbnail" "description description thumbnail" "customize customize thumbnail" "price price addtocart";
  padding: 1.2rem 1.6rem;
  background-color: var(--clr-light-100);
  width: 100%;
  gap: 1rem;
  box-shadow: 0 .22rem .76rem 0 var(--clr-dark-200-20)
}

[dir=rtl] ._root_1vlbm_1 {
  direction: rtl
}

@media screen and (min-width: 1024px) {
  ._root_1vlbm_1 {
    grid-template-columns: 100%;
    grid-template-rows: min-content auto auto min-content min-content;
    grid-template-areas: "title" "description " "customize" "price" "addtocart";
    justify-items: center;
    align-items: center;
    box-shadow: 0 4px 2px #d9dde6cc;
    position: relative;
    text-align: start;
    min-width: 23rem;
    max-width: 23rem;
    padding: 9rem 1rem 2rem;
    margin-block-start: 13.5rem;
    border-radius: 2rem 2rem .6rem .6rem;
    gap: 0rem
  }
}

._root_1vlbm_1.cartItem {
  grid-template-columns: 70% auto;
  grid-template-rows: auto auto auto;
  grid-template-areas: "title thumbnail" "description  thumbnail" "customize thumbnail" "actionContainer  actionContainer";
  padding: 0 1rem 0 1.6rem;
  box-shadow: none;
  gap: .3rem;
  margin-block-end: 0;
  border-block-end: .1rem solid var(--clr-dark-blue-900);
  flex-grow: 0;
  flex-basis: auto;
  min-width: auto
}

._root_1vlbm_1.cartItem ._thumbnail_1vlbm_47 img {
  width: 60%
}

._root_1vlbm_1.cartItem ._thumbnail_1vlbm_47 {
  min-height: 4.6rem;
  min-width: 4.6rem
}

._thumbnail_1vlbm_47 {
  grid-area: thumbnail;
  width: 14.5rem;
  aspect-ratio: 1/1;
  margin-inline-end: -1.6rem;
  padding: 1rem
}

@media screen and (min-width: 1024px) {
  ._thumbnail_1vlbm_47 {
    width: 21rem;
    position: absolute;
    margin: 0;
    padding: 0;
    inset: 0 auto auto auto;
    transform: translateY(-12.5rem)
  }
}

._thumbnail_1vlbm_47 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  cursor: pointer
}

@media screen and (max-width: 1023px) {
  ._ltoImagePadding_1vlbm_80 {
    position: relative
  }
}

._favourite_1vlbm_85 {
  grid-area: favourite;
  display: flex;
  justify-self: flex-end;
  align-self: flex-start;
  width: 1.7rem;
  cursor: pointer
}

[dir=rtl] ._favourite_1vlbm_85 {
  justify-self: flex-start
}

._favourite_1vlbm_85 img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

@media screen and (min-width: 1024px) {
  ._favourite_1vlbm_85 {
    position: absolute;
    inset: 9rem 2rem auto auto;
    aspect-ratio: 1/1;
    inset-inline-end: 1rem;
    inset-inline-start: auto
  }
}

._title_1vlbm_111 {
  grid-area: title
}

@media screen and (min-width: 1024px) {
  ._title_1vlbm_111 {
    border-bottom: 1px solid rgba(57, 63, 82, .2)
  }
}

._title_1vlbm_111 h3 {
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-weight: 700;
  color: var(--theme-product-h-color)
}

@media screen and (min-width: 1024px) {
  ._title_1vlbm_111 h3 {
    font-size: 1.5rem;
    text-align: start;
    padding-bottom: 1rem;
    padding-inline-end: 2rem
  }
}

[dir=rtl] ._title_1vlbm_111 {
  text-align: -webkit-right
}

@media screen and (min-width: 1024px) {

  ._title_1vlbm_111,
  ._title_1vlbm_111 h3 {
    width: 100%
  }
}

._description_1vlbm_145 {
  grid-area: description;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--theme-body-p-color);
  margin: 0;
  line-height: 1.4rem;
  font-style: normal
}

[dir=rtl] ._description_1vlbm_145 {
  text-align: -webkit-right
}

@media screen and (min-width: 1024px) {
  ._description_1vlbm_145 {
    font-size: 1.2rem;
    line-height: 1.4rem;
    align-self: flex-start;
    text-align: center;
    text-align: start;
    width: 100%;
    margin: 1rem 0
  }
}

._description_1vlbm_145 ._sizeButtons_1vlbm_168 {
  margin-top: 1.3rem;
  text-align: start
}

@media screen and (min-width: 1024px) {
  ._description_1vlbm_145 ._sizeButtons_1vlbm_168 {
    text-align: center !important
  }
}

._description_1vlbm_145 ._sizeButtons_1vlbm_168 button._sizes_1vlbm_177:hover {
  border-color: #0000003b !important
}

._description_1vlbm_145 ._sizeButtons_1vlbm_168 button._sizesActive_1vlbm_180:hover {
  border-color: var(--clr-primary-400) !important
}

._description_1vlbm_145 ._sizeButtons_1vlbm_168 ._sizes_1vlbm_177 {
  margin: 0 .8rem .8rem 0;
  height: 3rem;
  font-size: 1rem;
  font-weight: 500;
  border-radius: .6rem;
  border-color: #0000003b
}

[dir=rtl] ._description_1vlbm_145 ._sizeButtons_1vlbm_168 ._sizes_1vlbm_177 {
  margin: 0 0 .8rem .8rem
}

._description_1vlbm_145 ._sizeButtons_1vlbm_168 ._sizesActive_1vlbm_180 {
  margin: 0 .8rem .8rem 0;
  height: 3rem;
  color: var(--theme-primary-black);
  background-color: var(--theme-lang-button-color);
  font-size: 1rem;
  font-weight: 500;
  border-radius: .6rem;
  border-color: var(--clr-primary-400)
}

[dir=rtl] ._description_1vlbm_145 ._sizeButtons_1vlbm_168 ._sizesActive_1vlbm_180 {
  margin: 0 0 .8rem .8rem
}

._description_1vlbm_145 ._sizeButtons_1vlbm_168 ._sizesActive_1vlbm_180 .MuiButton-startIcon {
  margin: 0;
  margin-inline-end: .8rem
}

._customizedBox_1vlbm_212 {
  grid-area: description;
  background: var(--clr-light-200);
  padding: 1.6rem;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._customizedBox_1vlbm_212 {
    width: 100%;
    align-self: flex-start;
    padding: 1rem;
    background: rgba(207, 217, 227, .1)
  }

  ._customizedBox_1vlbm_212 ._resetBtn_1vlbm_225 {
    color: var(--clr-primary-400);
    font-size: 1.2rem
  }

  ._customizedBox_1vlbm_212 ._customizedBtnWrapper_1vlbm_229 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
  }
}

._customizedBox_1vlbm_212 h4 {
  text-transform: uppercase;
  color: var(--clr-secondary-400) !important;
  font-style: normal;
  margin-inline-end: .4rem;
  font-size: 1.4rem
}

@media screen and (min-width: 1024px) {
  ._customizedBox_1vlbm_212 h4 {
    font-weight: 700
  }
}

._customizedBox_1vlbm_212 p {
  font-size: 1.1rem;
  line-height: 1.4rem;
  color: var(--clr-dark-300);
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._customizedBox_1vlbm_212 p {
    font-size: 1.2rem;
    line-height: 1.4rem;
    padding-block-end: 0
  }
}

._customizedBox_1vlbm_212 p em {
  text-transform: uppercase;
  color: var(--clr-secondary-400);
  font-style: normal;
  margin-inline-end: .4rem
}

@media screen and (min-width: 1024px) {
  ._customizedBox_1vlbm_212 p em {
    font-weight: 700
  }
}

._customizedBox_1vlbm_212 p span {
  text-transform: uppercase;
  color: var(--clr-secondary-400);
  font-weight: 700;
  font-size: 1.2rem;
  margin-inline-start: .4rem;
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  ._customizedBox_1vlbm_212 p span {
    font-size: 1.4rem
  }
}

._customizeButton_1vlbm_286 {
  width: auto;
  grid-area: customize;
  text-decoration: none;
  color: var(--clr-hrd-dark-400);
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: .4rem;
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  ._customizeButton_1vlbm_286 {
    background: var(--clr-light-100);
    border-radius: 1rem;
    padding: .7rem .5rem;
    font-size: 1.1rem
  }
}

._customizeButton_1vlbm_286 ._arrow_1vlbm_307 {
  display: flex;
  color: var(--clr-hrd-dark-400);
  background-color: var(--clr-primary-400);
  border: solid .1rem var(--clr-primary-400);
  border-radius: .6rem
}

._customizeButton_1vlbm_286 ._icon_1vlbm_314 {
  font-size: 1.8rem;
  color: var(--clr-hrd-dark-400);
  padding: 1px
}

[dir=rtl] ._customizeButton_1vlbm_286 ._icon_1vlbm_314 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

._customizeButton_1vlbm_286 ._icon_1vlbm_314 path {
  color: var(--clr-hrd-dark-400)
}

._price_1vlbm_327 {
  grid-area: price;
  display: flex;
  align-items: center;
  font-weight: 700;
  flex-wrap: wrap;
  gap: .5rem;
  justify-self: start
}

@media screen and (min-width: 1024px) {
  ._price_1vlbm_327 {
    justify-self: center;
    margin-bottom: -1.5rem;
    background: var(--clr-primary-light);
    width: 100%;
    padding: .5rem;
    border-radius: .6rem;
    margin-bottom: 1.5rem;
    white-space: nowrap
  }
}

._price_1vlbm_327 ._cost_1vlbm_348 {
  font-size: 1.3rem;
  color: var(--theme-procuct-price-color)
}

@media screen and (min-width: 1024px) {
  ._price_1vlbm_327 ._cost_1vlbm_348 {
    font-size: 1.2rem;
    display: flex;
    gap: .5rem;
    align-items: flex-end;
    white-space: nowrap
  }
}

._price_1vlbm_327 ._strikeOut_1vlbm_361 {
  font-size: 1rem;
  color: var(--theme-procuct-price-color);
  opacity: .7;
  text-decoration: line-through
}

@media screen and (min-width: 1024px) {
  ._price_1vlbm_327 ._strikeOut_1vlbm_361 {
    font-size: 1rem;
    font-weight: 500;
    white-space: nowrap
  }
}

._price_1vlbm_327 ._percentage_1vlbm_374 {
  border-inline-start: .1rem solid var(--clr-dark-300);
  font-size: 1.3rem;
  font-weight: 700;
  padding-inline-start: .5rem;
  color: var(--theme-button-color)
}

@media screen and (min-width: 1024px) {
  ._price_1vlbm_327 ._percentage_1vlbm_374 {
    font-size: 1rem;
    font-weight: 700;
    margin-inline-start: -.5rem;
    border-inline-start: 0;
    white-space: nowrap
  }
}

._addToCart_1vlbm_391 {
  grid-area: addtocart;
  width: 11.5rem;
  height: 3.5rem;
  justify-self: flex-end
}

[dir=rtl] ._addToCart_1vlbm_391 {
  justify-self: flex-start
}

@media screen and (min-width: 1024px) {
  ._addToCart_1vlbm_391 {
    width: 14rem;
    height: 3.6rem;
    justify-self: center !important;
    transform: translateY(50%);
    position: absolute
  }
}

._addToCart_1vlbm_391 .MuiButton-root {
  height: 100%;
  background-color: var(--clr-primary-400);
  white-space: nowrap;
  font-weight: 700 !important
}

@media screen and (min-width: 1024px) {
  ._addToCart_1vlbm_391 .MuiButton-root {
    border-radius: 1rem
  }
}

._addToCart_1vlbm_391._added_1vlbm_420 {
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media screen and (min-width: 1024px) {
  ._addToCart_1vlbm_391._added_1vlbm_420 {
    background: var(--clr-light-100);
    box-shadow: 0 .85rem .85rem var(--clr-light-500);
    border-radius: 1rem;
    padding: .3rem
  }
}

._addToCart_1vlbm_391._added_1vlbm_420 span {
  font-weight: 700;
  font-size: 1.6rem
}

._addToCart_1vlbm_391._added_1vlbm_420 .MuiButton-root {
  font-size: 1.6rem;
  min-width: auto;
  aspect-ratio: 1/1;
  padding: 0
}

@media screen and (min-width: 1024px) {
  ._addToCart_1vlbm_391 button:hover {
    background-color: var(--clr-primary-300)
  }

  ._addToCart_1vlbm_391 button:hover ._deleteButton_1vlbm_447 path {
    color: var(--clr-light-100);
    stroke: var(--clr-light-100)
  }
}

._wordText_1vlbm_453 {
  font-size: 1.4rem
}

._priceWrapper_1vlbm_457 {
  display: flex;
  flex-direction: row;
  gap: .5rem;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._priceWrapper_1vlbm_457 {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    min-height: 3rem;
    justify-content: space-between
  }
}

._noCTA_1vlbm_474 {
  justify-content: center
}

._mobilePrice_1vlbm_478 {
  display: flex;
  flex-direction: row;
  gap: .5rem;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._mobilePrice_1vlbm_478 {
    flex-direction: column;
    align-items: start
  }
}

._drawerInner_1vlbm_491 {
  position: relative;
  border-radius: 2rem 2rem 0 0;
  background: var(--clr-light-150);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 2rem 1rem;
  gap: 2rem;
  max-width: 100%;
  min-height: 10rem
}

@media screen and (min-width: 1024px) {
  ._drawerInner_1vlbm_491 {
    max-width: 20rem;
    padding-bottom: 2rem
  }
}

._drawerInner_1vlbm_491 ._badge_1vlbm_509 {
  position: absolute
}

._drawerInner_1vlbm_491 h3 {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: var(--clr-dark-400);
  text-align: center;
  margin-top: 1rem
}

._drawerInner_1vlbm_491 ._buttons_1vlbm_520 {
  display: flex;
  gap: 1rem
}

._drawerInner_1vlbm_491 button._close_1vlbm_524 {
  background: var(--clr-light-100);
  border: 1px solid rgba(57, 63, 82, .3)
}

._confirmDailogContent_1vlbm_529 {
  padding: 0 5rem 1.5rem;
  max-width: 45rem;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

._confirmDailogContent_1vlbm_529 ._BadgeWrapper_1vlbm_538 {
  text-align: center;
  margin-bottom: 4rem
}

._confirmDailogContent_1vlbm_529 h3 {
  font-weight: 500;
  color: var(--clr-dark-400);
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.8rem;
  margin-bottom: 2rem
}

._confirmDailogContent_1vlbm_529 button {
  border-radius: .4rem;
  color: var(--clr-light-100);
  padding: .8rem 2.5rem;
  margin: 1rem;
  font-size: 1.6rem;
  font-weight: 700
}

._confirmDailogContent_1vlbm_529 button._close_1vlbm_524 {
  background: var(--clr-light-100);
  border: 1px solid rgba(57, 63, 82, .3);
  box-sizing: border-box;
  border-radius: .4rem;
  box-shadow: none;
  color: var(--theme-primary-black)
}

._previousOrderTag_1vlbm_567 {
  justify-content: center;
  display: flex
}

@media screen and (min-width: 1024px) {
  ._previousOrderTag_1vlbm_567 {
    margin-top: -2.5rem
  }
}

._previousOrderTag_1vlbm_567 ._leftSideTick_1vlbm_576 {
  margin-inline-end: -.8rem;
  position: relative;
  z-index: 2
}

._previousOrderTag_1vlbm_567 ._rightSideTick_1vlbm_581 {
  margin-inline-start: -.8rem;
  position: relative;
  z-index: 2
}

._previousOrderTag_1vlbm_567 ._mainBackground_1vlbm_586 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 2.15rem;
  gap: 1rem;
  width: 13rem;
  background: #ec8262
}

._previousOrderTag_1vlbm_567 ._mainBackground_1vlbm_586 ._textContent_1vlbm_596 {
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1rem;
  color: #fff
}

._ltoExpireOverLay_1vlbm_604 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #393f52e9;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._ltoExpireOverLay_1vlbm_604 {
    height: 41rem;
    margin-top: -12.5rem;
    border-radius: .4rem
  }
}

._ltoExpireOverLay_1vlbm_604 p {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: center;
  line-height: 2rem
}

._ltoExpireOverLay_1vlbm_604 p span {
  color: #e7da82;
  text-decoration: underline;
  margin-inline: .3rem;
  cursor: pointer
}

._moreButton_1vlbm_637 {
  color: var(--red-color) !important;
  cursor: pointer !important;
  margin-inline-start: 1rem !important;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  text-transform: lowercase !important
}

._addButton_1vlbm_646 {
  border-width: 0 !important
}

._addButton_1vlbm_646:hover {
  background-color: var(--clr-primary-300) !important;
  border-width: 0 !important
}

._addButton_1vlbm_646:focus {
  background-color: var(--clr-primary-300) !important;
  border-width: 0 !important
}

._root_wnuy5_1 {
  display: flex;
  flex-direction: column
}

._root_wnuy5_1 .MuiAvatar-root {
  width: 6rem;
  height: 6rem
}

._root_wnuy5_1 ._listTitle_wnuy5_9 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  margin: 1.5rem 0
}

._root_wnuy5_1 ._styleDesktop_wnuy5_15 {
  margin: 1.5rem 0rem 1.7rem
}

._root_wnuy5_1 ._listContainer_wnuy5_18 {
  background-color: var(--clr-light-100);
  border-radius: 1rem;
  box-shadow: 0 2px 7px 0 rgba(var(--clr-secondary-450-25), .04);
  margin: 0
}

._root_wnuy5_1 ._currentActiveLink_wnuy5_24 {
  color: var(--clr-primary-400)
}

._image_wnuy5_28 {
  width: 60px;
  height: 60px;
  margin-right: 15px
}

._title_wnuy5_34 span {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

.MuiAvatar-root {
  width: 6rem;
  height: 6rem
}

html[dir=rtl] ._radio_wnuy5_45 {
  left: 16px;
  right: auto
}

html[dir=rtl] ._listItem_wnuy5_50 {
  padding-left: 48px;
  padding-right: 16px
}

html[dir=rtl] ._title_wnuy5_34 {
  text-align: start;
  padding-right: 16px
}

html[dir=rtl] ._image_wnuy5_28 {
  margin-right: 0
}

._root_ddrxz_1 {
  display: flex;
  flex-flow: row
}

._root_ddrxz_1 .MuiSvgIcon-root {
  font-size: 2rem
}

._root_ddrxz_1 .MuiAvatar-root {
  width: 6rem;
  height: 6rem
}

._image_ddrxz_14 {
  width: 60px;
  height: 60px;
  margin-right: 15px
}

[dir=rtl] ._image_ddrxz_14 {
  margin-right: 0
}

._image_ddrxz_14:hover {
  background: transparent
}

._title_ddrxz_26 span {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

[dir=rtl] ._title_ddrxz_26 span {
  text-align: -webkit-right;
  padding-right: 1.6rem;
  padding-left: 3rem
}

html[dir=rtl] ._root_ddrxz_1>label {
  padding-right: 16px
}

html[dir=rtl] ._radioCheck_ddrxz_41 {
  left: 16px;
  right: auto
}

._condTitle_uhr9b_1 span {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

html[dir=rtl] ._radio_uhr9b_7 {
  left: 16px;
  right: auto
}

html[dir=rtl] ._listItem_uhr9b_12 {
  padding-left: 48px;
  padding-right: 16px
}

html[dir=rtl] ._condTitle_uhr9b_1 {
  text-align: start;
  padding-right: 16px
}

._main_1c0n3_1 {
  width: 100%;
  background: var(--clr-light-100);
  margin-bottom: 1rem;
  box-shadow: 0 2.17631px 7.61708px var(--clr-dark-200-20);
  border-radius: 1rem
}

._root_1c0n3_9 {
  display: flex;
  flex-direction: column
}

._root_1c0n3_9:last-child {
  margin-bottom: 20px
}

._root_1c0n3_9 ._listTitle_1c0n3_16 {
  font-size: 13px;
  font-weight: 700;
  color: var(--clr-dark-blue-700);
  margin: 20px 0 10px
}

._root_1c0n3_9 ._listContainer_1c0n3_22 {
  background-color: var(--clr-light-100);
  border-radius: 2px;
  box-shadow: 0 2px 7px 0 rgba(var(--clr-secondary-450-25), .04)
}

._image_1c0n3_28 {
  width: 60px;
  height: 60px;
  margin-right: 15px
}

._title_1c0n3_34 span {
  font-size: 14px;
  font-weight: 500;
  color: var(--clr-dark-blue-700)
}

[dir=rtl] ._title_1c0n3_34 span {
  text-align: right;
  padding-right: 16px
}

._subItems_1c0n3_44 {
  width: 100%;
  display: none
}

._show_1c0n3_49 {
  display: block
}

html[dir=rtl] ._checkbox_1c0n3_53 {
  left: 16px;
  right: auto
}

html[dir=rtl] ._root_1c0n3_9>label {
  padding-left: 48px;
  padding-right: 16px
}

html[dir=rtl] ._image_1c0n3_28 {
  margin-right: 0
}

._root_1fcsp_1 {
  display: flex;
  flex-flow: row
}

._root_1fcsp_1 .MuiAvatar-root {
  width: 6rem;
  height: 6rem;
  background: transparent
}

._root_1fcsp_1 ._actionButton_1fcsp_10 ._value_1fcsp_10 {
  min-width: 2.6rem;
  background: transparent
}

._root_1fcsp_1 ._actionButton_1fcsp_10 ._value_1fcsp_10:active {
  outline: none
}

._root_1fcsp_1 ._actionButton_1fcsp_10 ._value_1fcsp_10:focus {
  outline: none
}

._root_1fcsp_1 ._actionButton_1fcsp_10 ._value_1fcsp_10 span {
  color: var(--clr-dark-400);
  font-size: 1.3rem;
  font-weight: 700
}

._image_1fcsp_26 {
  width: 60px;
  height: 60px;
  margin-inline-end: 15px;
  background: transparent
}

._title_1fcsp_33 span {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  max-width: calc(100% - 9rem)
}

[dir=rtl] ._title_1fcsp_33 span {
  text-align: right;
  padding-right: 16px
}

._addToCart_1fcsp_44 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 10.5rem;
  height: 3.9rem;
  justify-self: flex-end
}

._addToCart_1fcsp_44 span {
  font-weight: 500;
  font-size: 1.4rem
}

._addToCart_1fcsp_44 .MuiButton-root {
  height: 100%;
  font-size: 1.4rem;
  min-width: auto;
  aspect-ratio: 1/1;
  padding: 0;
  box-shadow: none
}

._addToCart_1fcsp_44 .MuiButton-root:hover {
  box-shadow: none
}

._addToCart_1fcsp_44 button {
  text-transform: capitalize
}

html[dir=rtl] ._root_1fcsp_1>label {
  padding-right: 16px
}

html[dir=rtl] ._actionButton_1fcsp_10 {
  left: 16px;
  right: auto
}

._root_1x71d_1 {
  margin: 0;
  display: flex;
  flex-direction: column
}

._root_1x71d_1 ._main_1x71d_6 {
  box-shadow: 0 2.17631px 7.61708px var(--clr-dark-200-20)
}

._root_1x71d_1:last-child {
  margin-bottom: 20px
}

._root_1x71d_1 ._listTitle_1x71d_12 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  margin: 1.5rem 1.7rem
}

@media screen and (min-width: 1024px) {
  ._root_1x71d_1 ._listTitle_1x71d_12 {
    margin: 1.5rem 0
  }
}

._root_1x71d_1 ._listContainer_1x71d_23 {
  background-color: var(--clr-light-100)
}

@media screen and (min-width: 1024px) {
  ._root_1x71d_1 ._listWrapper_1x71d_27 {
    border-radius: 1rem;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    overflow: hidden
  }
}

._root_1x71d_1 ._listContainerCheck_1x71d_33 {
  border-radius: 2px;
  box-shadow: 0 2px 7px 0 rgba(var(--clr-secondary-450-25), .04)
}

._root_1x71d_1 ._moreBtnCss_1x71d_37 {
  background: var(--clr-light-100);
  padding: 1rem;
  box-shadow: 0 .136019375rem .4760675rem var(--clr-dark-200-20)
}

._root_1x71d_1 ._moreBtn_1x71d_37 {
  color: var(--clr-hrd-dark-400);
  font-weight: 500;
  font-size: 1.2rem;
  border: 0;
  background: transparent;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: .625rem;
  cursor: pointer
}

._root_1x71d_1 ._moreBtn_1x71d_37 ._currentActiveLink_1x71d_53 {
  color: var(--clr-primary-400)
}

._root_edlva_1 {
  box-shadow: 0 -.6rem 2rem var(--clr-dark-900-10);
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.6rem;
  background-color: var(--clr-light-100);
  gap: .8rem
}

@media screen and (min-width: 1024px) {
  ._root_edlva_1 {
    padding: 0;
    gap: 0;
    background: transparent;
    box-shadow: none;
    transform: translateY(2.2rem);
    justify-content: center
  }
}

._itemsCount_edlva_23 {
  display: flex;
  align-items: center;
  gap: .8rem;
  flex: 0 0 30%
}

._countIcon_edlva_30 {
  width: 4.8rem;
  aspect-ratio: 48/44;
  background-color: var(--clr-light-200);
  border-radius: .4rem;
  overflow: hidden
}

._countIcon_edlva_30 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex
}

._counter_edlva_44 {
  flex-grow: 1;
  direction: ltr
}

._counter_edlva_44 h5 {
  font-weight: 700;
  font-size: 1.6rem;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap
}

._counter_edlva_44 h5 span:first-child {
  margin-inline-end: .8rem
}

._checkoutSection_edlva_59 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: .8rem;
  flex-grow: 1;
  cursor: pointer;
  background: var(--theme-cartbar-button-bg);
  border-radius: .4rem;
  box-shadow: 0 .2rem 2rem var(--clr-dark-400-20);
  max-width: 30rem;
  padding: .8rem;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._checkoutSection_edlva_59 {
    box-shadow: 0 20px 20px -10px #e4002b33;
    height: 4.8rem
  }
}

._cartAmount_edlva_80 {
  display: flex;
  flex-flow: column;
  gap: .6rem;
  justify-content: center
}

._cartAmount_edlva_80 h5 {
  color: var(--clr-hrd-dark-400);
  font-size: 1.4rem;
  font-weight: 700;
  display: flex;
  gap: 4px
}

._cartAmount_edlva_80 p {
  font-size: .8rem;
  color: var(--clr-hrd-dark-400);
  margin: 0;
  padding: 0;
  font-weight: 400
}

._checkoutButton_edlva_101 {
  color: var(--clr-hrd-dark-400);
  font-weight: 700;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end
}

._label_edlva_110 {
  font-size: 1.6rem;
  white-space: nowrap
}

._chevron_edlva_115 {
  font-size: 2.3rem
}

[dir=rtl] ._chevron_edlva_115 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

@media screen and (min-width: 1024px) {
  ._chevron_edlva_115 {
    background: white;
    color: #000;
    border-radius: 30px;
    margin-left: 7px
  }
}

._miniViewCart_edlva_131 {
  padding: 0;
  background-color: transparent;
  background: transparent
}

._miniViewCart_edlva_131 ._checkoutSection_edlva_59 {
  max-width: 100%;
  padding: 1.3rem 2rem;
  border-radius: 1rem 1rem 0 0
}

._miniViewCart_edlva_131 :after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  bottom: -10px;
  right: 0;
  border-right: 10px solid var(--clr-primary-750);
  border-bottom: 10px solid transparent
}

._miniViewCart_edlva_131 :before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -10px;
  right: 0;
  border-left: 10px solid var(--clr-primary-750);
  border-bottom: 10px solid transparent
}

@media screen and (min-width: 1024px) {
  img._noImgFound_edlva_166 {
    width: 17rem
  }
}

._ltoOverlay_edlva_171 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #393f52e9;
  border-radius: .4rem;
  cursor: pointer
}

._ltoDisabled_edlva_182 {
  filter: grayscale(1)
}

._root_27o3s_1 {
  height: 100%;
  margin-bottom: 70px;
  min-height: 100vh;
  scroll-behavior: smooth
}

._pageNav_27o3s_8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 12px;
  box-shadow: 0 2px 11px 0 var(--clr-light-700);
  position: sticky;
  top: 0;
  background-color: var(--clr-light-100);
  z-index: 1
}

._resetBtn_27o3s_20.MuiButton-root {
  font-size: 1.4rem;
  font-weight: 500;
  background: var(--clr-light-100);
  border-radius: .4rem;
  border: .1rem solid var(--clr-primary-400);
  padding-inline: 1.4rem;
  height: 3rem
}

._resetBtn_27o3s_20.MuiButton-root span {
  color: var(--clr-hrd-dark-400)
}

._showMoreBtn_27o3s_33.MuiButton-root {
  margin-inline-start: .5rem;
  font-size: .8rem;
  font-weight: 500;
  background: var(--clr-light-100);
  border-radius: .4rem;
  border: .1rem solid var(--clr-primary-400);
  padding-inline: .4rem;
  height: 2rem
}

._showMoreBtn_27o3s_33.MuiButton-root span {
  color: var(--clr-hrd-dark-400)
}

._showMoreBtn_27o3s_33 {
  color: var(--red-color);
  margin-inline-start: 1rem;
  cursor: pointer
}

._title_27o3s_53 {
  flex-grow: 1;
  padding: 0 1.5rem;
  font-size: 18px;
  font-weight: 700
}

._productImage_27o3s_60 {
  height: 200px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  padding: 1.5rem 0;
  background: var(--clr-light-100);
  box-shadow: 0 2px 11px 0 var(--clr-light-700)
}

@media screen and (min-width: 1024px) {
  ._productImage_27o3s_60 {
    order: 3;
    position: sticky;
    top: 7.9rem;
    min-height: 23rem;
    min-width: 33.3rem;
    max-width: 33.3rem;
    box-shadow: none;
    background: transparent;
    flex-direction: column;
    height: 100%;
    align-items: center;
    margin-inline-end: 4rem;
    overflow: visible;
    transform: translateY(-9.5rem)
  }

  ._productImage_27o3s_60 ._productDetail_27o3s_86 {
    background: var(--clr-light-100);
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 10rem 1.6rem 0;
    border-radius: 10px;
    z-index: 0
  }

  ._productImage_27o3s_60 ._productDetail_27o3s_86 ._heading_27o3s_98 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3rem
  }

  ._productImage_27o3s_60 ._productDetail_27o3s_86 ._heading_27o3s_98 h3 {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--clr-dark-400)
  }

  ._productImage_27o3s_60 ._productDetail_27o3s_86 ._heading_27o3s_98 ._horizontalWidget_27o3s_109 {
    height: 2.74px;
    width: 2rem;
    background-color: var(--clr-primary-400);
    margin-top: .5rem
  }

  ._productImage_27o3s_60 ._productDesc_27o3s_115 {
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    color: var(--clr-dark-300);
    margin-bottom: 0;
    line-height: 1.8rem;
    position: relative
  }

  ._productImage_27o3s_60 ._buttonDesktop_27o3s_124 {
    width: 100%
  }
}

._productImage_27o3s_60 img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

@media screen and (min-width: 1024px) {
  ._productImage_27o3s_60 img {
    width: 23.5rem;
    transform: translateY(9.5rem);
    z-index: 1;
    width: clamp(18rem, 22vmin, 23.5rem)
  }
}

@media screen and (min-width: 1024px) {
  ._productImage_27o3s_60 img._noImgFound_27o3s_142 {
    width: 17rem
  }
}

._contentContainer_27o3s_147 {
  background-color: var(--clr-light-300);
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

@media screen and (min-width: 1024px) {
  ._contentContainer_27o3s_147 {
    max-width: 55rem;
    padding: 1.5rem 2rem 0 4rem;
    margin-inline-end: 1.5rem;
    max-height: 74vh;
    overflow: auto
  }
}

._ctaBar_27o3s_163 {
  box-shadow: 0 -2px 11px 0 var(--clr-light-700);
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--clr-light-100)
}

._productImageThumbnail_27o3s_174 {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  margin-inline-end: 1.5rem
}

._productImageThumbnail_27o3s_174 img {
  object-fit: contain
}

._priceContainer_27o3s_186 {
  flex-grow: 1;
  width: 100%
}

._pricePrimary_27o3s_191 {
  font-size: 1.5rem;
  color: var(--clr-dark-450);
  font-weight: 700
}

._priceSecondary_27o3s_197 {
  font-size: 11px;
  color: var(--clr-primary-550);
  font-weight: 500
}

._addToCart_27o3s_203 {
  background: var(--clr-primary-350);
  color: var(--clr-light-100);
  display: flex;
  font-size: 1.4rem;
  font-weight: 700;
  flex-grow: 1;
  margin: 10px 4px;
  border-radius: 4px;
  align-items: center;
  color: #fff;
  height: 46px;
  justify-content: center;
  align-content: flex-end
}

._groupTitle_27o3s_219 {
  display: flex;
  position: sticky;
  top: 5.6rem;
  background: var(--clr-light-100);
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  z-index: 10;
  box-shadow: 0 2px 10px #0000001a;
  justify-content: flex-start
}

@media screen and (min-width: 1024px) {
  ._groupTitle_27o3s_219 {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    max-width: 23rem;
    background-color: var(--clr-light-100);
    justify-content: flex-end;
    position: sticky;
    top: 7.9rem;
    min-width: 17rem;
    box-shadow: none;
    overflow: auto;
    overflow-x: hidden;
    justify-content: center
  }
}

._desktopWrapper_27o3s_249 {
  min-width: 100%;
  display: flex
}

@media screen and (min-width: 1024px) {
  ._desktopWrapper_27o3s_249 {
    min-width: 90rem;
    max-height: 70vh
  }
}

@media screen and (min-width: 1024px) {
  ._groupTabs_27o3s_261 {
    height: 100%;
    padding-top: 1.8rem
  }
}

._groupTabs_27o3s_261 a {
  font-size: 1.4rem;
  text-align: end;
  align-items: flex-end;
  margin-inline-end: 1rem;
  color: var(--clr-dark-400-40)
}

._groupTabs_27o3s_261 .MuiTab-root.Mui-selected {
  color: #000
}

._header_27o3s_277 {
  background: var(--clr-light-100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 4px var(--clr-light-450);
  color: var(--clr-dark-400);
  padding-inline: 4rem;
  padding-top: 4rem;
  padding-bottom: 2rem;
  position: sticky;
  top: 0;
  height: 100%;
  z-index: 1
}

._header_27o3s_277 ._mainHeading_27o3s_293 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem
}

._header_27o3s_277 ._subHeading_27o3s_299 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem
}

._header_27o3s_277 ._badge_27o3s_304 {
  position: absolute;
  top: 0
}

._productDesc_27o3s_115 ._resetBtn_27o3s_20 {
  inset-block-end: 1.5rem;
  z-index: 10
}

._productDesc_27o3s_115 ._onlyDescription_27o3s_313 {
  font-size: 1.4rem;
  font-weight: 400;
  height: 6rem;
  overflow-y: auto
}

._groupTitle_27o3s_219 .MuiTabs-indicator {
  width: 4px;
  height: .4rem !important;
  margin-top: 1.2rem
}

@media screen and (min-width: 1024px) {
  ._groupTitle_27o3s_219 .MuiTabs-indicator {
    width: 100%;
    height: 2.5rem !important;
    background-color: transparent !important;
    border-inline-end: 3px solid var(--clr-primary-400);
    margin-inline-end: 5px
  }
}

._groupTitle_27o3s_219 .MuiTab-wrapper {
  font-weight: 500;
  font-size: 1.4rem;
  color: var(--clr-dark-400-40);
  text-transform: none
}

@media screen and (min-width: 1024px) {
  ._groupTitle_27o3s_219 .MuiTab-wrapper {
    justify-content: right;
    text-align: end;
    align-items: end;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-style: normal;
    margin-right: 1.5rem
  }

  ._groupTitle_27o3s_219 .MuiTab-wrapper:hover {
    font-weight: 500;
    color: var(--clr-dark-300)
  }
}

._groupTitle_27o3s_219 .Mui-selected .MuiTab-wrapper {
  color: var(--clr-dark-400)
}

._groupTitle_27o3s_219 .MuiTab-root {
  padding: 0;
  min-width: auto;
  max-width: 100%
}

@media screen and (min-width: 1024px) {
  ._groupTitle_27o3s_219 .MuiTab-root {
    padding: 12px;
    min-width: 21.5rem;
    max-width: 100%;
    flex-basis: auto
  }

  [dir=rtl] ._groupTitle_27o3s_219 .MuiTab-root {
    min-width: 19.5rem
  }
}

._groupTitle_27o3s_219 .MuiTabs-flexContainer {
  gap: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._groupTitle_27o3s_219 .MuiTabs-flexContainer {
    gap: inherit
  }
}

._groupTitle_27o3s_219 .MuiTabs-scroller.MuiTabs-scrollable {
  margin-inline-start: 1.6rem;
  margin-inline-end: 1.6rem
}

@media screen and (min-width: 1024px) {
  ._groupTitle_27o3s_219 .MuiTabs-scroller.MuiTabs-scrollable {
    margin: 0
  }
}

._groupTitle_27o3s_219 .MuiTabs-scrollable::-webkit-scrollbar {
  display: block
}

._ltoTimerDesktop_27o3s_402 {
  width: 100%;
  background-color: #fb8d451a;
  border-radius: .4rem;
  margin-bottom: -1rem;
  justify-content: center;
  display: flex;
  align-items: center;
  margin-top: .5rem
}

._ltoTimerMobile_27o3s_413 {
  z-index: 99;
  position: relative;
  width: 100%;
  background-color: #fb8d451a;
  border-radius: .4rem;
  height: 2.8rem;
  align-items: center;
  justify-content: center;
  display: flex
}

._ltoExpire_27o3s_425 {
  background-color: var(--clr-primary-300)
}

._cartLtoTimer_k58v0_1 {
  margin-inline-start: -2rem;
  position: absolute !important;
  top: 0
}

._ltoTimer_k58v0_7 {
  justify-content: center;
  display: flex;
  position: absolute;
  top: 0;
  min-width: 13.3rem
}

@media screen and (min-width: 1024px) {
  ._ltoTimer_k58v0_7 {
    margin-top: .3rem;
    position: relative
  }
}

._ltoTimer_k58v0_7 ._mainBackground_k58v0_20 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: .6rem;
  background: var(--clr-orange-500-10);
  border-radius: 2px;
  display: flex
}

._ltoTimer_k58v0_7 ._mainBackground_k58v0_20 ._textContent_k58v0_29 {
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  color: var(--clr-orange-500)
}

@media screen and (min-width: 1024px) {
  ._ltoTimer_k58v0_7 ._mainBackground_k58v0_20 ._textContent_k58v0_29 {
    font-size: 1.1rem;
    font-weight: 600
  }
}

._ltoTimer_k58v0_7 ._longTag_k58v0_41 {
  background: none;
  margin-block: .2rem
}

._timerExpire_k58v0_46 ._mainBackground_k58v0_20 {
  background: var(--clr-orange-500-10)
}

._timerExpire_k58v0_46 ._mainBackground_k58v0_20 ._textContent_k58v0_29 {
  color: var(--clr-light-100)
}

@media screen and (min-width: 1024px) {
  ._cartLtoTag_1bcft_2 {
    margin-inline-start: -2rem !important;
    margin-top: 0 !important
  }
}

._ltoTag_1bcft_8 {
  justify-content: center;
  display: flex;
  min-width: 13rem
}

@media screen and (max-width: 1023px) {
  ._ltoTag_1bcft_8 {
    margin-inline-start: -2.6rem
  }
}

@media screen and (min-width: 1024px) {
  ._ltoTag_1bcft_8 {
    margin-top: -5rem
  }
}

._ltoTag_1bcft_8 ._leftSideTick_1bcft_23 {
  margin-inline-end: -.8rem;
  position: relative
}

._ltoTag_1bcft_8 ._rightSideTick_1bcft_27 {
  margin-inline-start: -.8rem;
  position: relative
}

._ltoTag_1bcft_8 ._mainBackground_1bcft_31 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 2.15rem;
  gap: 1rem;
  width: 13rem;
  background: var(--clr-orange-500)
}

._ltoTag_1bcft_8 ._mainBackground_1bcft_31 ._textContent_1bcft_41 {
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1rem;
  color: var(--clr-light-100)
}

._root_13aks_1 {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto
}

@media screen and (min-width: 1024px) {
  ._root_13aks_1 {
    grid-gap: 4rem;
    gap: 4rem;
    padding: 2rem 0px
  }
}

._productCard_13aks_14 {
  width: 80vw;
  flex: 0 0 auto;
  margin-right: 10px;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e
}

@media screen and (min-width: 1024px) {
  ._productCard_13aks_14 {
    width: 25.7rem;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e
  }
}

._productTile_13aks_27 {
  width: 35vw;
  flex: 0 0 auto;
  margin-right: 1rem;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._productTile_13aks_27 {
    width: 23.5rem;
    margin-right: 0rem;
    border-radius: 1.7rem;
    overflow: hidden
  }
}

._productTile_13aks_27 h3 {
  position: absolute;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  bottom: 0;
  padding: 10px;
  width: 70%
}

._productTile_13aks_27 img {
  width: 100%
}

._title_13aks_54 {
  color: var(--clr-light-100);
  display: flex;
  width: 100%;
  align-items: center;
  position: absolute;
  bottom: 0;
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-weight: 500;
  padding-inline-start: 1rem;
  padding-block: .2rem
}

@media screen and (min-width: 1024px) {
  ._title_13aks_54 {
    bottom: auto;
    top: 9rem;
    font-size: 2.2rem;
    line-height: 3rem;
    font-weight: 400;
    padding-inline: 1.5rem
  }

  ._title_13aks_54:after {
    content: "";
    width: 4.5rem;
    height: .17rem;
    background: rgba(255, 255, 255, .3);
    border-radius: 1.7rem;
    position: absolute;
    bottom: -1rem
  }
}

._title_13aks_54 span {
  font-size: 2.7rem;
  margin-right: auto
}

@media screen and (min-width: 1024px) {
  ._title_13aks_54 span {
    display: none
  }
}

[dir=rtl] ._title_13aks_54 ._bsArrowAr_13aks_95 {
  transform: rotate(180deg)
}

@media screen and (min-width: 1024px) {
  ._extraPadding_13aks_100 {
    padding-bottom: 4rem
  }
}

._root_r6i5b_1 {
  display: flex;
  overflow-x: auto
}

@media screen and (min-width: 1024px) {
  ._root_r6i5b_1 {
    box-shadow: 0 .217631rem .761708rem #9bccf43e;
    overflow-x: hidden
  }
}

._root_r6i5b_1 ._main_r6i5b_11 {
  width: 30rem;
  background-color: #fff;
  display: inline-block;
  border-radius: 4px
}

@media screen and (min-width: 1024px) {
  ._root_r6i5b_1 {
    display: block;
    flex-direction: column;
    width: 100%
  }

  ._root_r6i5b_1 ._main_r6i5b_11 {
    width: 44rem;
    padding: 1rem 0
  }
}

._container_r6i5b_29 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  max-height: 45.3rem;
  height: auto;
  width: 50.2rem;
  position: fixed;
  bottom: 0;
  right: 3rem;
  z-index: 99;
  border-radius: 4rem 4rem 0 0;
  box-shadow: 0 -15px 20px #00000014;
  transition: .5s ease
}

._hidden_r6i5b_46 {
  display: none !important
}

._order_r6i5b_50 {
  background-color: #fff;
  padding: 1.5rem 1.4rem;
  width: 46rem;
  width: auto;
  margin-block-start: 2rem;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 6px
}

._order_r6i5b_50 ._bottomSec_r6i5b_59 {
  padding-block-start: 1rem
}

._orderMain_r6i5b_63 {
  display: flex;
  flex-direction: row
}

._orderMain_r6i5b_63 ._itmImg_r6i5b_67 img {
  object-fit: contain;
  border: 1px solid white;
  border-radius: 70px;
  box-shadow: 0 0 2px gray;
  margin-top: 10px;
  height: 4rem
}

._openContainer_r6i5b_76 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  max-height: 45.3rem;
  height: auto;
  width: 50.2rem;
  position: fixed;
  bottom: 0;
  right: 3rem;
  z-index: 99;
  border-radius: 4rem 4rem 0 0;
  box-shadow: 0 -15px 20px #00000014;
  transition: .5s ease
}

._btnContainer_r6i5b_93 {
  display: flex;
  align-items: center;
  padding: 2rem;
  height: 7.2rem;
  width: 100%;
  border-bottom: 1px solid rgba(57, 63, 82, .1);
  border-radius: inherit;
  cursor: pointer
}

._btnContainer_r6i5b_93 ._previousItem_r6i5b_103 {
  display: block;
  padding: .25rem 2rem;
  font-size: 2rem;
  font-weight: 700;
  color: var(--clr-dark-400)
}

._arrowupicon_r6i5b_111 {
  font-size: 2.6rem;
  margin-inline-start: auto;
  color: var(--clr-dark-400)
}

._arrowdownicon_r6i5b_117 {
  font-size: 2.6rem;
  transform: rotate(180deg);
  transition: .5s ease;
  margin-inline-start: auto;
  color: var(--clr-dark-400)
}

._ordercontainer_r6i5b_125 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-block-start: 2rem
}

._desktopButton_r6i5b_132 {
  display: block;
  margin: 1.5rem
}

._flexBox_r6i5b_137 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem
}

._orderDetail_r6i5b_144 {
  padding: 1rem .9rem 0 1rem;
  display: grid;
  grid-template-columns: 1fr auto;
  width: 40rem
}

._orderDetail_r6i5b_144 h4 {
  color: var(--clr-dark-400);
  font-weight: 500;
  opacity: .6;
  font-size: 1.2rem;
  flex-grow: 0;
  margin-inline-start: 2.4rem
}

._orderDetail_r6i5b_144 h5 {
  text-transform: uppercase;
  font-weight: 500;
  background: rgba(0, 122, 255, .07);
  color: var(--clr-dark-400);
  width: 14rem;
  font-size: 1.4rem;
  width: fit-content;
  flex-grow: 0;
  padding: .65rem;
  margin-inline-end: 2.2rem
}

._orderDetail_r6i5b_144 p {
  font-size: 1.1rem;
  color: #6a6e7b;
  font-weight: 500;
  margin-top: 1rem;
  font-size: 1.2rem;
  margin: 1rem 0
}

._bottomSec_r6i5b_59 {
  display: flex;
  justify-content: space-between;
  box-shadow: 0 -1px #80808030;
  margin-top: 7px;
  align-items: center
}

._bottomSec_r6i5b_59 ._amount_r6i5b_186 {
  font-weight: 500;
  color: var(--clr-dark-400);
  direction: ltr;
  font-size: 1.4rem
}

._button_r6i5b_193 button {
  padding: .4rem 1rem;
  margin: .6rem 0;
  border: 1px solid rgba(57, 63, 82, .3);
  border-radius: .4rem;
  border-width: .2rem;
  font-size: 1.4rem;
  font-weight: 500
}

._root_stre0_1 button {
  color: var(--clr-primary-400);
  border: 1px solid var(--clr-light-825);
  padding: 4px 15px;
  margin: 6px 0
}

._root_1xeua_1 {
  padding: 0 .5em;
  display: flex;
  overflow-x: auto
}

._root_1xeua_1 ._main_1xeua_6 {
  width: 30rem;
  margin-inline-end: 1.6rem;
  background-color: var(--clr-light-100);
  display: inline-block;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 4px
}

@media screen and (min-width: 1024px) {
  ._root_1xeua_1 {
    flex-direction: column;
    width: 100%
  }

  ._root_1xeua_1 ._main_1xeua_6 {
    width: auto;
    margin: 2rem;
    padding: 2rem 1rem
  }

  ._root_1xeua_1 ._main_1xeua_6 ._order_1xeua_25 {
    width: auto
  }

  ._root_1xeua_1 ._main_1xeua_6 ._order_1xeua_25 ._bottomSec_1xeua_28 {
    border-top: 1px solid var(--clr-primary-400);
    padding-block-start: 1.5rem
  }

  ._root_1xeua_1 ._main_1xeua_6 ._button_1xeua_32 button {
    border-width: .2rem
  }
}

._order_1xeua_25 {
  background-color: var(--clr-light-100);
  padding: 0 10px;
  width: 30rem;
  border-radius: 4px
}

._orderMain_1xeua_43 {
  display: flex;
  flex-direction: row
}

._orderMain_1xeua_43 ._itmImg_1xeua_47 img {
  object-fit: cover;
  border: 1px solid white;
  border-radius: 70px;
  box-shadow: 0 0 2px gray;
  margin-top: 10px
}

._orderDetail_1xeua_55 {
  padding: 1rem .9rem 0 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center
}

._orderDetail_1xeua_55 h4 {
  font-size: 1rem;
  color: var(--clr-dark-400);
  font-weight: 500;
  opacity: .6;
  direction: ltr;
  width: 6.5rem
}

._orderDetail_1xeua_55 h5 {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 500;
  background: rgba(0, 122, 255, .07);
  color: var(--clr-dark-400);
  padding: .5rem;
  width: 15rem
}

._orderDetail_1xeua_55 h5 span {
  white-space: nowrap
}

._orderDetail_1xeua_55 p {
  font-size: 1.1rem;
  color: var(--clr-dark-300);
  font-weight: 500;
  margin-top: 1rem
}

._bottomSec_1xeua_28 {
  display: flex;
  justify-content: space-between;
  box-shadow: 0 -1px 0 0 var(--clr-dark-350);
  margin-top: 7px;
  align-items: center
}

._bottomSec_1xeua_28 ._amount_1xeua_96 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  direction: ltr
}

._button_1xeua_32 button {
  padding: 4px 15px;
  margin: 6px 0;
  border: 1px solid var(--clr-primary-400);
  font-size: 1.2rem
}

._button_1xeua_32 ._warningText_1xeua_109 {
  color: var(--clr-primary-400);
  font-weight: 500;
  font-size: 1.2rem
}

._root_1woau_1 {
  display: flex;
  overflow-x: auto
}

@media screen and (min-width: 1024px) {
  ._root_1woau_1 {
    box-shadow: 0 .217631rem .761708rem #9bccf43e;
    overflow-x: hidden
  }
}

._root_1woau_1 ._main_1woau_11 {
  width: 30rem;
  margin-inline-end: 1.6rem;
  background-color: #fff;
  display: inline-block;
  border-radius: 4rem
}

@media screen and (min-width: 1024px) {
  ._root_1woau_1 {
    display: block;
    flex-direction: column;
    width: 100%
  }

  ._root_1woau_1 ._main_1woau_11 {
    width: 44rem;
    padding: 1rem 0;
    margin-block-start: 2rem
  }
}

._container_1woau_31 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  max-height: 45.3rem;
  height: auto;
  width: 50.2rem;
  position: fixed;
  bottom: 0;
  right: 3rem;
  z-index: 99;
  border-radius: 4rem 4rem 0 0;
  box-shadow: 0 -15px 20px #00000014;
  transition: .5s ease
}

._order_1woau_48 {
  padding: 1.5rem;
  width: 46rem;
  width: auto;
  margin-block-start: 2rem;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: .6rem
}

._order_1woau_48 ._bottomSec_1woau_56 {
  padding-block-start: 1rem
}

._orderMain_1woau_60 {
  display: flex;
  flex-direction: row
}

._orderMain_1woau_60 ._itmImg_1woau_64 img {
  object-fit: contain;
  border: 1px solid white;
  border-radius: 70rem;
  box-shadow: 0 0 2px gray;
  margin-top: 10rem;
  height: 4rem
}

._imageComponent_1woau_73 {
  margin-top: 1rem !important
}

._openContainer_1woau_77 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  max-height: 45.3rem;
  height: auto;
  width: 50.2rem;
  position: fixed;
  bottom: 0;
  right: 3rem;
  z-index: 99;
  border-radius: 4rem 4rem 0 0;
  box-shadow: 0 -15px 20px #00000014;
  transition: .5s ease
}

._hidden_1woau_94 {
  display: none !important
}

._btnContainer_1woau_98 {
  display: flex;
  align-items: center;
  padding: 2rem;
  height: 7.2rem;
  width: 100%;
  border-bottom: 1px solid rgba(57, 63, 82, .1);
  border-radius: inherit;
  cursor: pointer
}

._btnContainer_1woau_98 ._previousItem_1woau_108 {
  display: block;
  margin: 1rem .5rem;
  padding: .25rem 2rem;
  font-size: 2rem;
  font-weight: 700;
  color: var(--clr-orange-500)
}

._arrowupicon_1woau_117 {
  font-size: 2.6rem;
  margin-inline-start: auto;
  color: var(--clr-dark-400)
}

._arrowdownicon_1woau_123 {
  font-size: 2.6rem;
  transform: rotate(180deg);
  transition: .5s ease;
  margin-inline-start: auto;
  color: var(--clr-dark-400)
}

._ordercontainer_1woau_131 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-block-start: 2rem
}

._flexBox_1woau_138 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem auto
}

._flexBox_1woau_138 ._desktopButton_1woau_144 {
  display: block;
  margin: 1.5rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  width: 25rem;
  height: 4.8rem;
  border: 1px solid rgba(57, 63, 82, .16);
  border-radius: .4rem
}

._orderDetail_1woau_156 {
  padding: 1rem .9rem 0 1rem;
  display: grid;
  grid-template-columns: 1fr auto;
  height: max-content;
  width: 40rem
}

._orderDetail_1woau_156 h4 {
  color: var(--clr-dark-400);
  font-weight: 500;
  opacity: .6;
  font-size: 1.2rem;
  flex-grow: 0;
  margin-inline-start: 2.4rem
}

._orderDetail_1woau_156 h5 {
  text-transform: uppercase;
  font-weight: 500;
  background: rgba(0, 122, 255, .07);
  color: var(--clr-dark-400);
  width: 14rem;
  font-size: 1.4rem;
  width: fit-content;
  flex-grow: 0;
  padding: .65rem;
  margin-inline-end: 2.2rem
}

._orderDetail_1woau_156 p {
  font-size: 1.1rem;
  color: #6a6e7b;
  font-weight: 500;
  margin-top: 1rem;
  font-size: 1.2rem;
  margin: 1 rem 0
}

._bottomSec_1woau_56 {
  display: flex;
  justify-content: space-between;
  box-shadow: 0 -1px #80808030;
  margin-top: .7rem;
  align-items: center
}

._bottomSec_1woau_56 ._amount_1woau_199 {
  font-weight: 500;
  color: var(--clr-dark-400);
  direction: ltr;
  font-size: 1.4rem
}

._button_1woau_206 button {
  padding: .4rem 1rem;
  margin: .6rem 0;
  border: 1px solid rgba(57, 63, 82, .3);
  border-radius: .4rem;
  border-width: .2rem;
  font-size: 1.4rem;
  font-weight: 500
}

._root_1g7ur_1 {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto
}

@media screen and (min-width: 1024px) {
  ._root_1g7ur_1 {
    grid-gap: 4rem;
    gap: 4rem;
    padding: 2rem 0px
  }
}

._productCard_1g7ur_14 {
  width: 80vw;
  flex: 0 0 auto;
  margin-right: 10px;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e
}

@media screen and (min-width: 1024px) {
  ._productCard_1g7ur_14 {
    width: 25.7rem;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e
  }
}

._productTile_1g7ur_27 {
  width: 35vw;
  flex: 0 0 auto;
  margin-right: 1rem;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._productTile_1g7ur_27 {
    width: 23.5rem;
    margin-right: 0rem;
    border-radius: 1.7rem;
    overflow: hidden
  }
}

._productTile_1g7ur_27 h3 {
  position: absolute;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  bottom: 0;
  padding: 10px;
  width: 70%
}

._productTile_1g7ur_27 img {
  width: 100%
}

._title_1g7ur_54 {
  color: var(--clr-light-100);
  display: flex;
  width: 100%;
  align-items: center;
  position: absolute;
  bottom: 0;
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-weight: 500;
  padding-inline-start: 1rem;
  padding-block: .2rem;
  display: none
}

@media screen and (min-width: 1024px) {
  ._title_1g7ur_54 {
    bottom: auto;
    top: 9rem;
    font-size: 2.2rem;
    line-height: 3rem;
    font-weight: 400;
    padding-inline: 1.5rem
  }

  ._title_1g7ur_54:after {
    content: "";
    width: 4.5rem;
    height: .17rem;
    background: rgba(255, 255, 255, .3);
    border-radius: 1.7rem;
    position: absolute;
    bottom: -1rem
  }
}

._title_1g7ur_54 span {
  font-size: 2.7rem;
  margin-right: auto
}

@media screen and (min-width: 1024px) {
  ._title_1g7ur_54 span {
    display: none
  }
}

[dir=rtl] ._title_1g7ur_54 ._bsArrowAr_1g7ur_96 {
  transform: rotate(180deg)
}

@media screen and (min-width: 1024px) {
  ._extraPadding_1g7ur_101 {
    padding-bottom: 4rem
  }
}

@media screen and (min-width: 1024px) {
  ._root_7t2nu_2 {
    flex-basis: 47.8%;
    min-height: 37rem;
    box-shadow: 0 34.5333px 103.6px -8.63333px #0000000f;
    border-radius: 10px;
    overflow: hidden;
    display: flex
  }
}

._container_7t2nu_12 {
  position: relative
}

._container_7t2nu_12 svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

._thumbnail_7t2nu_22 {
  width: 100%;
  object-fit: cover;
  height: 100%
}

._playButton_7t2nu_28 {
  cursor: pointer
}

._root_16s6f_1 {
  padding: clamp(2.5rem, 2rem + .5vw + .1vh, 4rem) clamp(1.6rem, 1.5rem + .5vw + .1vh, 2rem) 0;
  overflow: hidden;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._root_16s6f_1 {
    padding: clamp(5rem, 5rem + .5vw + .1vh, 4rem) clamp(12.5rem, 12.5rem + .5vw + .1vh, 2rem) 0
  }
}

._root_16s6f_1.fullWidth {
  padding-inline: 0
}

@media screen and (min-width: 1024px) {
  ._root_16s6f_1.REORDER_BASIC {
    padding: 0
  }
}

@media screen and (min-width: 1024px) {
  ._root_16s6f_1.REORDER_BASIC ._titleArea_16s6f_20 {
    display: none
  }
}

@media screen and (min-width: 1024px) {
  ._root_16s6f_1.HOME_TRACKORDER_BASIC {
    padding: 0
  }
}

@media screen and (min-width: 1024px) {
  ._root_16s6f_1.HOME_TRACKORDER_BASIC ._titleArea_16s6f_20 {
    display: none
  }
}

._root_16s6f_1.BANNER_SMALL {
  background: #da3b3e;
  color: #fff;
  margin-top: 1rem
}

._titleArea_16s6f_20 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.2rem;
  align-items: center
}

._heading_16s6f_47 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative
}

._heading_16s6f_47 img {
  width: 1.8rem;
  aspect-ratio: 1/1
}

@media screen and (min-width: 1024px) {
  ._heading_16s6f_47 img {
    width: 2.3rem
  }
}

._title_16s6f_20 {
  font-size: clamp(1.4rem, 1.2rem + .5vw + .1vh, 2rem);
  font-weight: 500;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._title_16s6f_20 {
    font-size: 1.6rem;
    font-weight: 700
  }
}

._title_16s6f_20:after {
  content: "";
  height: clamp(2px, .14em, 3px);
  width: clamp(30px, 2.14em, 40px);
  background: var(--clr-primary-400);
  display: block;
  margin-top: clamp(3px, .22em, 6px);
  position: absolute;
  bottom: -.3rem
}

._title_16s6f_20 span {
  padding-inline-start: .5rem
}

._cta_16s6f_89 {
  font-size: clamp(1.2rem, 1rem + .5vw + .1vh, 1.8rem);
  text-transform: capitalize;
  font-weight: 500;
  color: var(--clr-green-400);
  display: flex;
  align-self: flex-start
}

@media screen and (min-width: 1024px) {
  ._cta_16s6f_89 {
    font-size: 1.6rem;
    color: var(--clr-green-400);
    cursor: pointer
  }
}

._arrowrighticon_16s6f_105 {
  margin-inline-start: .7rem
}

html[dir=rtl] ._arrowrighticon_16s6f_105 {
  transform: scaleX(-1)
}

@media screen and (min-width: 1024px) {
  .BANNER_LARGE_305x158 {
    padding: 0;
    order: 0;
    margin: 0
  }

  .BANNER_LARGE_305x158 ._titleArea_16s6f_20 {
    display: none
  }
}

@media screen and (min-width: 1024px) {
  .EXPLORE_MENU {
    order: 1;
    width: 100%
  }

  .EXPLORE_MENU ._title_16s6f_20 {
    text-transform: uppercase
  }
}

@media screen and (min-width: 1024px) {
  .GREAT_OFFER {
    order: 2;
    width: 100%
  }
}

.WHATS_NEW {
  width: 100%
}

@media screen and (min-width: 1024px) {
  .WHATS_NEW {
    order: 3
  }
}

@media screen and (min-width: 1024px) {
  .BEST_SELLERS {
    order: 2;
    width: 100%
  }
}

@media screen and (min-width: 1024px) {
  .CONTACTLESS_DELIVERY {
    order: 5;
    width: 100%
  }
}

._root_3vn2j_1 {
  background: var(--clr-dark-400);
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 2.5rem 2.5rem 4rem;
  gap: 2.5rem;
  position: relative
}

._availblity_3vn2j_12 {
  font-size: 1.6rem;
  color: var(--clr-light-100);
  opacity: .5;
  line-height: 1.9rem;
  font-weight: 400;
  width: 50%;
  margin: 0 auto
}

._footerMenu_3vn2j_22 ul {
  list-style: none
}

._footerMenu_3vn2j_22 a {
  color: var(--clr-light-100)
}

._footerMenu_3vn2j_22 li {
  display: inline-block;
  padding: 0 4.8rem;
  color: var(--clr-light-100);
  font-size: 1.6rem;
  font-weight: 400
}

._footerMenu_3vn2j_22 li a {
  cursor: pointer
}

._footerMenu_3vn2j_22 ._colorWhite_3vn2j_38 {
  color: var(--clr-light-100)
}

._soialMenu_3vn2j_42 ul {
  list-style: none
}

._soialMenu_3vn2j_42 li {
  display: inline-block;
  padding: 0 2.6rem;
  color: var(--clr-light-100);
  font-size: 1.9rem;
  font-weight: 500
}

._soialMenu_3vn2j_42 li a {
  cursor: pointer
}

._footerText_3vn2j_56 {
  color: var(--clr-light-100);
  font-size: 1.6rem;
  font-weight: 400;
  opacity: .5
}

._badge_3vn2j_63 {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: -.2rem;
  text-align: center
}

._cursor_3vn2j_73 {
  cursor: pointer
}

._root_1xzcp_1 {
  background: var(--clr-light-100)
}

._root_1xzcp_1 ._banner_1xzcp_4 {
  width: 100%
}

._root_1xzcp_1 ._banner_1xzcp_4 img {
  width: 100%;
  height: auto
}

._storeInfo_1xzcp_12 {
  display: flex;
  width: 90%;
  margin: 0 auto;
  gap: 2rem;
  border: 1px solid rgba(57, 63, 82, .1);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 4px;
  padding: .5rem;
  align-items: center
}

._storeInfo_1xzcp_12 h3 {
  font-size: 1.4rem;
  font-weight: 500;
  color: #000
}

._storeInfo_1xzcp_12 h5 {
  font-size: 1.2rem;
  font-weight: 500;
  color: #707070
}

._storeDetail_1xzcp_34 {
  padding: 1.6rem;
  border-top: .1rem dashed rgba(57, 63, 82, .2);
  margin-top: 1rem
}

._storeDetail_1xzcp_34 button {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 700
}

._instItem_1xzcp_45 {
  display: flex;
  align-items: center;
  gap: 1rem
}

._instItem_1xzcp_45 ._text_1xzcp_50 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._detailInfo_1xzcp_56 {
  background: var(--clr-light-100);
  padding: 2rem 1.2rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid rgba(57, 63, 82, .1);
  border-radius: 1rem;
  margin-bottom: 1.6rem
}

._lableInput_1xzcp_68 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  opacity: .8
}

._field_1xzcp_75 {
  border: 1px solid rgba(57, 63, 82, .3);
  border-radius: 4px;
  width: 100%;
  padding: .5rem .8rem;
  margin: 1rem 0
}

._field_1xzcp_75 ._input_1xzcp_82 {
  width: 100%
}

._field_1xzcp_75 ._input_1xzcp_82:before {
  display: none
}

._field_1xzcp_75 ._input_1xzcp_82 input {
  padding: 1rem;
  font-size: 1.2rem
}

._error_1xzcp_93 {
  font-size: 1.2rem;
  color: var(--clr-orange-500)
}

._SkeletonLoad_1xzcp_98 {
  margin-bottom: .5rem
}

._skeltonRoot_1xzcp_102 {
  background-color: var(--clr-light-100)
}

._carDetail_1xzcp_106 {
  display: flex;
  font-size: 1rem;
  font-weight: 500;
  color: var(--clr-dark-400-40);
  width: 100%;
  justify-content: space-between
}

._dropcart_1xzcp_115 {
  padding: 2rem 1rem;
  background: var(--clr-light-100);
  color: var(--clr-dark-400);
  font-size: 1.2rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

@media screen and (min-width: 1024px) {
  ._dropcart_1xzcp_115 {
    max-width: 30rem
  }
}

._content_1xzcp_134 {
  text-align: center;
  line-height: 1.4rem
}

._action_1xzcp_139 {
  margin-top: 2rem;
  display: flex;
  gap: 1rem
}

._action_1xzcp_139 button {
  padding: 1rem
}

._tableInfo_1xzcp_148 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .5rem
}

._tableInfo_1xzcp_148 span {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.659rem;
  color: #000
}

._root_p5q6v_1 {
  background: var(--clr-light-100);
  display: flex;
  flex-direction: column;
  flex-basis: 47.8%;
  max-height: 37rem;
  box-shadow: 0 34.5333px 103.6px -8.63333px #0000000f;
  border-radius: 1rem;
  align-items: center;
  padding-bottom: 3rem;
  padding-top: 1rem;
  aspect-ratio: 566/350;
  overflow: hidden;
  height: fit-content
}

._root_p5q6v_1 a {
  min-width: 20rem;
  line-height: 3rem;
  font-size: 1.4rem
}

._img_p5q6v_22 {
  width: 100%;
  padding-inline: 11rem
}

._img_p5q6v_22 img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

._content_p5q6v_32 {
  font-size: clamp(1.6rem, .96vw + .62rem, 2rem);
  line-height: clamp(1.8rem, 2.88vw + -1.15rem, 3rem);
  color: var(--clr-dark-400);
  font-weight: 700;
  padding: 1.5rem 5rem;
  text-align: center
}

._root_5galz_1 {
  color: var(--clr-dark-375);
  max-width: 100%;
  margin: 0 auto
}

@media screen and (min-width: 1024px) {
  ._root_5galz_1 {
    max-width: 100%
  }
}

._main_5galz_12 {
  background-color: var(--theme-backgroud-page);
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column
}

@media screen and (min-width: 1024px) {
  ._main_5galz_12 {
    flex-wrap: wrap;
    padding-bottom: 12rem
  }
}

._blt_5galz_26 {
  position: absolute;
  top: 50%
}

._desktopBanners_5galz_31 {
  order: 4;
  display: none;
  padding: clamp(5rem, 5rem + .5vw + .1vh, 4rem) clamp(12.5rem, 12.5rem + .5vw + .1vh, 2rem) 0;
  grid-column-gap: 5.2rem;
  column-gap: 3.2rem;
  grid-row-gap: 4rem;
  row-gap: 7rem;
  flex-wrap: wrap;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._desktopBanners_5galz_31 {
    display: flex;
    justify-content: space-between
  }
}

._root_2zlb7_1 {
  box-shadow: 0 -.6rem 2rem var(--clr-dark-900-10);
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.6rem;
  background-color: var(--clr-light-100);
  gap: .8rem;
  position: sticky;
  width: 100%;
  z-index: 1
}

._itemsCount_2zlb7_15 {
  display: flex;
  align-items: center;
  gap: .8rem;
  flex: 0 0 30%
}

._countIcon_2zlb7_22 {
  width: 4.8rem;
  aspect-ratio: 48/44;
  background-color: var(--clr-light-200);
  border-radius: .4rem;
  overflow: hidden
}

._countIcon_2zlb7_22 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex
}

._counter_2zlb7_36 {
  flex-grow: 1
}

._counter_2zlb7_36 h5 {
  font-weight: 700;
  font-size: 1.6rem;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap
}

._counter_2zlb7_36 h5 span:first-child {
  margin-inline-end: .8rem
}

._checkoutSection_2zlb7_50 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: .8rem;
  flex-grow: 1;
  cursor: pointer;
  background: var(--theme-cartbar-button-bg);
  border-radius: .4rem;
  box-shadow: 0 .2rem 2rem var(--clr-dark-400-20);
  max-width: 30rem;
  padding: .8rem
}

@media screen and (min-width: 1024px) {
  ._checkoutSection_2zlb7_50:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    inset: auto auto -1rem 0;
    border-right: 10px solid var(--clr-primary-750);
    border-bottom: 10px solid transparent
  }

  ._checkoutSection_2zlb7_50:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    inset: auto 0 -1rem auto;
    border-left: 10px solid var(--clr-primary-750);
    border-bottom: 10px solid transparent
  }
}

._cartAmount_2zlb7_86 {
  display: flex;
  flex-flow: column;
  gap: .6rem;
  align-items: flex-start;
  justify-content: center
}

._cartAmount_2zlb7_86 h5 {
  color: var(--theme-hrd_button-color);
  font-size: 1.4rem;
  font-weight: 700;
  display: flex;
  gap: 4px;
  direction: ltr
}

._cartAmount_2zlb7_86 p {
  font-size: .8rem;
  color: var(--theme-hrd_button-color);
  margin: 0;
  padding: 0;
  font-weight: 400
}

._checkoutButton_2zlb7_109 {
  color: var(--theme-hrd_button-color);
  font-weight: 700;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  white-space: nowrap
}

._label_2zlb7_119 {
  font-size: 1.6rem;
  text-align: end
}

._chevron_2zlb7_124 {
  font-size: 2rem;
  stroke-width: .1rem
}

[dir=rtl] ._chevron_2zlb7_124 {
  transform: scaleX(-1)
}

._miniViewCart_2zlb7_132 {
  padding: 0 0 3rem;
  background-color: var(--clr-light-100);
  border-radius: 0 0 1rem 1rem
}

._miniViewCart_2zlb7_132 ._checkoutSection_2zlb7_50 {
  padding: 1.3rem 2rem;
  border-radius: 1rem 1rem 0 0;
  margin-inline: -1rem;
  max-width: none;
  position: relative;
  cursor: pointer
}

._miniViewCart_2zlb7_132 ._cartAmount_2zlb7_86 h5 {
  font-size: 2rem
}

._miniViewCart_2zlb7_132 ._cartAmount_2zlb7_86 p {
  font-size: 1.3rem;
  color: var(--clr-dark-400);
  font-weight: 700
}

@media screen and (min-width: 1024px) {
  ._miniViewCart_2zlb7_132 ._cartAmount_2zlb7_86 p {
    color: var(--clr-dark-400)
  }
}

._miniViewCart_2zlb7_132 ._checkoutButton_2zlb7_109 {
  gap: 1.5rem
}

._miniViewCart_2zlb7_132 ._label_2zlb7_119 {
  font-size: 1.8rem;
  font-weight: 700
}

._miniViewCart_2zlb7_132 ._chevron_2zlb7_124 {
  display: grid;
  height: 3.3rem;
  aspect-ratio: 1/1;
  place-items: center;
  background: var(--clr-light-100);
  color: var(--clr-dark-900);
  border-radius: 50%
}

._root_13vp1_1 {
  position: relative;
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-template-rows: min-content 1fr min-content;
  grid-template-areas: "title thumbnail" "price thumbnail" "details addtocart";
  padding: 2rem 1.6rem;
  background-color: var(--clr-light-100);
  width: 100%;
  column-gap: 3%;
  row-gap: .5rem
}

@media screen and (min-width: 1024px) {
  ._root_13vp1_1 {
    position: relative;
    display: grid;
    grid-template-columns: 1fr min-content min-content;
    grid-template-rows: min-content 1fr;
    grid-template-areas: "title price thumbnail" "details addtocart thumbnail";
    padding: 2rem;
    background-color: var(--clr-light-100);
    width: 100%;
    column-gap: 4%;
    row-gap: 1.5rem;
    justify-items: flex-start
  }

  ._root_13vp1_1._handleMiniCart_13vp1_27 {
    grid-template-columns: 1fr min-content;
    grid-template-rows: min-content 1fr;
    grid-template-areas: "title price" "details addtocart"
  }

  ._root_13vp1_1._handleMiniCart_13vp1_27 ._thumbnail_13vp1_32 {
    display: none
  }
}

@media screen and (min-width: 1280px) {
  ._root_13vp1_1 {
    grid-template-columns: 1fr min-content min-content min-content;
    grid-template-rows: min-content 1fr;
    grid-template-areas: "title price addtocart thumbnail" "details price addtocart thumbnail"
  }
}

._thumbnail_13vp1_32 {
  grid-area: thumbnail;
  width: 9rem;
  aspect-ratio: 1/1;
  justify-self: flex-end;
  margin-block-start: -1.5rem
}

@media screen and (min-width: 1024px) {
  ._thumbnail_13vp1_32 {
    margin-block: -2rem;
    align-self: center
  }
}

@media screen and (min-width: 1280px) {
  ._thumbnail_13vp1_32 {
    margin-inline-start: 2rem
  }
}

._thumbnail_13vp1_32 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin-top: 1rem
}

._title_13vp1_69 {
  grid-area: title;
  color: var(--theme-product-h-color)
}

._title_13vp1_69 h3 {
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-weight: 700;
  text-align: start
}

@media screen and (min-width: 1024px) {
  ._title_13vp1_69 {
    position: relative
  }

  ._title_13vp1_69._titleSpan_13vp1_83 {
    grid-row-start: 1;
    grid-row-end: 3
  }
}

._sizeButtons_13vp1_89 {
  align-self: flex-start;
  text-align: start
}

@media screen and (min-width: 1024px) {
  ._sizeButtons_13vp1_89 {
    margin: 0
  }
}

._sizeButtons_13vp1_89 ._sizes_13vp1_98,
._sizeButtons_13vp1_89 ._sizesActive_13vp1_99 {
  height: 3rem;
  font-size: 1rem;
  font-weight: 500;
  border-radius: .6rem
}

._sizeButtons_13vp1_89 ._sizesActive_13vp1_99 {
  color: var(--clr-hrd-dark-400);
  background-color: var(--theme-lang-button-color);
  border-color: var(--clr-primary-400)
}

._price_13vp1_111 {
  grid-area: price;
  display: flex;
  align-items: baseline;
  font-weight: 500;
  gap: .6rem;
  align-self: flex-start;
  margin-top: 1rem;
  white-space: nowrap
}

@media screen and (min-width: 1024px) {
  ._price_13vp1_111 {
    width: 100%;
    align-self: flex-start;
    justify-content: flex-end;
    margin-top: 0
  }
}

@media screen and (min-width: 1024px) {
  ._price_13vp1_111 {
    width: 100%;
    align-self: flex-start;
    justify-content: flex-end
  }
}

@media screen and (min-width: 1280px) {
  ._price_13vp1_111 {
    white-space: nowrap;
    align-self: center
  }
}

._price_13vp1_111 ._cost_13vp1_148 {
  font-size: 1.4rem;
  color: var(--theme-procuct-price-color)
}

@media screen and (min-width: 1024px) {
  ._price_13vp1_111 ._cost_13vp1_148 {
    font-size: 1.6rem;
    font-weight: 600
  }
}

._price_13vp1_111 ._strikeOut_13vp1_158 {
  font-size: 1.2rem;
  color: var(--clr-dark-300-70);
  text-decoration: line-through
}

@media screen and (min-width: 1024px) {
  ._price_13vp1_111 ._strikeOut_13vp1_158 {
    font-size: 1.4rem;
    font-weight: 500
  }
}

._price_13vp1_111 ._percentage_13vp1_169 {
  border-inline-start: .1rem solid var(--clr-dark-300);
  font-size: 1.3rem;
  font-weight: 700;
  padding-inline-start: .5rem;
  color: var(--theme-button-color)
}

._detailsWrapper_13vp1_177 {
  grid-area: details;
  align-self: flex-end;
  display: flex;
  gap: 1.5rem
}

._detailsButton_13vp1_184.MuiButton-root {
  padding: .8rem .4rem .8rem 1rem;
  background-color: var(--clr-light-100);
  color: var(--clr-dark-400);
  margin-inline-end: auto;
  font-size: 1.4rem;
  box-shadow: none;
  max-height: 3.5rem;
  font-weight: 500
}

._detailsButton_13vp1_184.MuiButton-root:hover {
  background-color: #d5d5d5;
  box-shadow: 0 4px 5px #0000000d
}

._detailsButton_13vp1_184.MuiButton-root:active,
._detailsButton_13vp1_184.MuiButton-root:focus {
  box-shadow: none
}

._detailsButton_13vp1_184.MuiButton-root svg {
  font-size: 2.4rem;
  transform: rotate(0);
  transition: transform .2s ease-in
}

._detailsButton_13vp1_184.MuiButton-root svg.opened {
  transform: rotate(-180deg)
}

._detailsButton_13vp1_184 .MuiButton-endIcon {
  margin: 0
}

._addToCart_13vp1_213 {
  grid-area: addtocart;
  width: 11.5rem;
  height: 3.5rem;
  justify-self: flex-end
}

@media screen and (min-width: 1024px) {
  ._addToCart_13vp1_213 {
    width: 10rem;
    height: 3.6rem;
    justify-self: flex-end;
    align-self: flex-end
  }

  ._addToCart_13vp1_213 .MuiButton-root {
    border-radius: .4rem
  }
}

@media screen and (min-width: 1280px) {
  ._addToCart_13vp1_213 {
    align-self: center
  }
}

._addToCart_13vp1_213._added_13vp1_235 {
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media screen and (min-width: 1024px) {
  ._addToCart_13vp1_213._added_13vp1_235 {
    background: var(--clr-light-100);
    box-shadow: none
  }
}

._addToCart_13vp1_213._added_13vp1_235 span {
  font-weight: 700;
  font-size: 1.6rem
}

._addToCart_13vp1_213._added_13vp1_235 .MuiButton-root {
  font-size: 1.6rem;
  min-width: auto;
  aspect-ratio: 1/1;
  height: 100%;
  padding: 0
}

._customizedBox_13vp1_258 {
  grid-area: customize;
  margin-block-end: -.5rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height .2s ease-in
}

._customizedBox_13vp1_258.opened {
  max-height: 10rem
}

@media screen and (min-width: 1024px) {
  ._customizedBox_13vp1_258 {
    width: 100%;
    background: var(--clr-light-200);
    align-self: flex-start;
    position: relative;
    margin-bottom: 0;
    margin-left: 0;
    display: flex;
    align-items: center
  }
}

._customizedBox_13vp1_258 button {
  display: none
}

@media screen and (min-width: 1024px) {
  ._customizedBox_13vp1_258 button {
    display: block;
    background: var(--clr-light-200);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.7rem;
    display: flex;
    align-items: center;
    border: 1px solid rgba(73, 97, 171, .2);
    box-shadow: none;
    margin-inline-end: 2rem
  }
}

._customizedBox_13vp1_258 p {
  font-size: 1.1rem;
  line-height: 1.4rem;
  padding: 1rem 1.6rem;
  color: var(--clr-dark-300);
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._customizedBox_13vp1_258 p {
    font-size: 1.4rem;
    line-height: 1.7rem;
    padding: 1.6rem;
    flex-grow: 1
  }
}

._customizedBox_13vp1_258 p em {
  text-transform: uppercase;
  color: var(--clr-secondary-400);
  font-style: normal;
  margin-inline-end: .4rem
}

@media screen and (min-width: 1024px) {
  ._customizedBox_13vp1_258 p em {
    font-weight: 700
  }
}

._customizedBox_13vp1_258 p span {
  text-transform: uppercase;
  color: var(--clr-secondary-400);
  font-weight: 700;
  font-size: 1.2rem;
  margin-inline-start: .4rem;
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  ._customizedBox_13vp1_258 p span {
    font-size: 1.4rem
  }
}

._hideDesktop_13vp1_337 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._hideDesktop_13vp1_337 {
    display: inline-block
  }
}

._miniCartCustomize_13vp1_346 button {
  display: none
}

._freePrice_13vp1_350 {
  color: #1da81b
}

._offerAppliedContainer_13vp1_354 {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: end
}

._offerAppliedBox_13vp1_361 {
  color: var(--clr-light-400);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
  position: absolute;
  top: .3rem;
  left: 0;
  right: 0;
  bottom: 0;
  padding: .2rem
}

._offerTag_13vp1_375 {
  position: relative;
  align-items: center
}

._offerTag_13vp1_375 ._rotateBadge_13vp1_379 {
  transform: scaleX(-1)
}

._deleteFreeItem_13vp1_383 {
  margin-top: 1rem
}

._deleteFreeItem_13vp1_383 ._buttonContainer_13vp1_386 {
  padding: 1rem
}

._ltoOfferExpireLayer_13vp1_390 {
  background: rgba(57, 63, 82, .8);
  position: absolute;
  display: flex;
  width: 100%;
  color: #fff;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
  align-items: center;
  text-align: center
}

._ltoOfferExpireLayer_13vp1_390 h4 {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.9rem;
  margin-bottom: 1.5rem
}

._ltoOfferExpireLayer_13vp1_390 button {
  color: #fff;
  border-color: #fff
}

._root_z24sr_1 {
  display: flex;
  flex-flow: column
}

@media screen and (min-width: 1024px) {
  ._root_z24sr_1 {
    gap: 2rem
  }
}

._root_z24sr_1 ._cartItem_z24sr_10 {
  grid-template-columns: 70% auto;
  grid-template-rows: auto auto auto;
  grid-template-areas: "title thumbnail" "description  thumbnail" "customize thumbnail" "actionContainer  actionContainer";
  padding: 0 10px 0 16px;
  box-shadow: none;
  gap: 3px;
  margin-bottom: 0;
  border-bottom: 1px solid var(--clr-dark-blue-900);
  flex-grow: 0;
  flex-basis: auto;
  min-width: auto
}

._root_z24sr_1 ._cartItem_z24sr_10 ._thumbnail_z24sr_23 img {
  width: 60%
}

._root_z24sr_1 ._cartItem_z24sr_10 ._thumbnail_z24sr_23 {
  min-height: 46px;
  min-width: 46px
}

._editCart_z24sr_31 {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  background: var(--clr-light-175);
  padding: 10px
}

._editCart_z24sr_31 button {
  min-width: 28px;
  background: var(--clr-light-100);
  border-radius: 4px
}

._inner_z24sr_46 {
  background: var(--clr-light-100);
  height: 100%;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center
}

@media screen and (min-width: 1024px) {
  ._inner_z24sr_46 {
    max-width: 39rem;
    padding-bottom: 2rem
  }
}

._inner_z24sr_46 ._badge_z24sr_62 {
  position: absolute
}

._inner_z24sr_46 h3 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--theme-primary-black)
}

._inner_z24sr_46 button {
  border-radius: 4px;
  color: var(--clr-dark-400);
  padding: 8px 25px;
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 700
}

._inner_z24sr_46 button._close_z24sr_78 {
  background: var(--clr-light-100);
  border: 1px solid rgba(57, 63, 82, .3);
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: none;
  color: var(--theme-primary-black)
}

._cartItemData_z24sr_87 {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

@media screen and (min-width: 1024px) {
  ._cartItemData_z24sr_87 {
    border-radius: 6px;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    overflow: hidden
  }
}

._cartItemWrapper_z24sr_100 {
  display: flex;
  flex-direction: row;
  position: relative
}

._cartItemWrapper_z24sr_100:after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  border: solid 2rem white;
  border-width: 0 2rem;
  position: absolute;
  inset-block-end: 0;
  background-color: var(--clr-dark-400);
  opacity: .1;
  z-index: 1
}

@media screen and (min-width: 1024px) {
  ._cartItemWrapper_z24sr_100:after {
    display: none
  }
}

._smallHeading_z24sr_124 {
  margin-top: 4rem;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.1rem;
  color: var(--clr-dark-400);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 1rem
}

._smallHeading_z24sr_124:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  background: var(--clr-primary-400);
  border-radius: 73.1034px;
  height: .2rem;
  width: 2.8rem
}

._notAvail_z24sr_148 {
  background: rgba(57, 63, 82, .58);
  position: absolute;
  display: flex;
  width: 100%;
  color: var(--clr-light-100);
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

._notAvail_z24sr_148 h4 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1.5rem
}

._notAvail_z24sr_148 button {
  color: #000;
  border-color: var(--clr-light-100)
}

._root_jj2w2_1 {
  padding: 1.6rem 2.6rem 2.6rem 1.6rem;
  overflow-x: auto
}

._root_jj2w2_1 h4 {
  text-transform: capitalize;
  font-size: 1.6rem;
  color: var(--clr-dark-400);
  font-weight: 500;
  margin-bottom: 1rem
}

._upsellList_jj2w2_13 {
  display: flex;
  gap: 12px;
  max-width: 90rem
}

._upsellItem_jj2w2_19 {
  display: flex;
  flex-direction: column;
  background: var(--clr-light-100);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 4px;
  padding: 8px
}

._buttons_jj2w2_28 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 8px
}

._buttons_jj2w2_28 button {
  color: var(--clr-hrd-dark-400);
  font-weight: 500;
  font-size: 12px;
  background: rgba(255, 255, 255, .03);
  border: 1px solid var(--clr-primary-400);
  min-width: 40px;
  min-height: 22px;
  padding: 4px;
  border-radius: 4px
}

._img_jj2w2_46 {
  width: 120px
}

._title_jj2w2_50 {
  font-size: 1.2rem;
  color: var(--theme-primary-black);
  font-weight: 400
}

._price_jj2w2_56 {
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--theme-primary-black)
}

._root_1xp7z_1 {
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 6px;
  margin-block-end: 3rem
}

@media screen and (min-width: 1024px) {
  ._root_1xp7z_1 {
    margin-block-end: 0
  }
}

._addressBox_1xp7z_12 {
  display: flex;
  padding: 15px 16px;
  flex-direction: column
}

._addressTitle_1xp7z_18 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between
}

._addressTitle_1xp7z_18 h4 {
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--clr-dark-400)
}

._addressTitle_1xp7z_18 button {
  color: var(--clr-dark-400);
  border: .1rem solid var(--clr-primary-400)
}

._addressList_1xp7z_34 {
  display: flex
}

._addressList_1xp7z_34 ._houseIcon_1xp7z_37 {
  flex-grow: 0;
  width: 14%;
  display: flex;
  align-content: flex-start;
  padding: 0 6px;
  flex-direction: column
}

._addressList_1xp7z_34 ._addressListItem_1xp7z_45 {
  overflow: hidden
}

._addressList_1xp7z_34 ._addressListItem_1xp7z_45 ._addressLable_1xp7z_48 {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  margin-bottom: .8rem
}

._addressList_1xp7z_34 ._addressListItem_1xp7z_45 ._addressLable_1xp7z_48 ._button_1xp7z_54 {
  background-color: var(--clr-primary-400);
  color: var(--clr-dark-400);
  min-width: 20px;
  text-align: center;
  text-transform: uppercase;
  padding-inline: 1rem;
  padding-block: 0;
  margin-block: 0;
  line-height: 3rem;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 4px;
  flex-shrink: 0
}

._addressList_1xp7z_34 ._addressListItem_1xp7z_45 ._addressText_1xp7z_69 {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  overflow: hidden;
  text-overflow: ellipsis
}

._addressList_1xp7z_34 ._addressListItem_1xp7z_45 ._addressDescription_1xp7z_77 {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 400;
  color: var(--clr-dark-400-80)
}

._noAddress_1xp7z_84 {
  display: flex;
  flex: 1 70rem 1;
  background: var(--clr-light-100);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 6px;
  padding: 1.5rem;
  align-items: center;
  margin-bottom: 3rem;
  cursor: pointer
}

._noAddress_1xp7z_84 ._icon_1xp7z_95 {
  padding: .5rem
}

._noAddress_1xp7z_84 ._title_1xp7z_98 {
  flex-grow: 1;
  font-size: 1.6rem;
  cursor: pointer;
  color: var(--clr-dark-400);
  font-weight: 500;
  padding-left: 2rem
}

._noAddress_1xp7z_84 ._arrow_1xp7z_106 {
  font-size: 1.5rem
}

[dir=rtl] ._noAddress_1xp7z_84 ._arrow_1xp7z_106 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

._removeSpace_1xp7z_114 {
  margin-bottom: 0
}

._root_2asws_1 {
  background: var(--theme-backgroud-page);
  height: 100%;
  min-height: 100%;
  padding-bottom: 80px
}

._root_2asws_1 ._cartItemsList_2asws_7 {
  background: var(--clr-light-100)
}

._emptyRoot_2asws_11 {
  background: var(--clr-light-100);
  height: auto;
  min-height: 100vh;
  padding-bottom: 80px;
  margin-top: 10px
}

._noItem_2asws_19 {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 70vh;
  justify-content: center;
  margin-inline: 1.6rem
}

._noItem_2asws_19 h4 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--theme-primary-black);
  padding: 10px 0
}

._noItem_2asws_19 p {
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--theme-primary-black);
  padding: 10px 0
}

._noItem_2asws_19 button {
  max-width: 34rem
}

._widgets_2asws_43 {
  display: flex;
  flex-flow: row;
  gap: 1.5rem;
  padding-block: 1.5rem;
  flex-wrap: wrap
}

@media screen and (max-width: 768px) {
  ._widgets_2asws_43 {
    gap: 0
  }
}

@media screen and (min-width: 1024px) {
  ._widgets_2asws_43 {
    min-height: 100vh;
    flex-wrap: nowrap;
    gap: 4rem;
    padding-block: 4rem;
    padding-inline: clamp(3rem, 9.62vw + -6.85rem, 7rem)
  }

  ._widgets_2asws_43 ._firstWidget_2asws_63 {
    flex-basis: 100%;
    background: var(--clr-light-100);
    padding: 1.5rem 2rem;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 1rem;
    overflow: hidden
  }

  ._widgets_2asws_43 ._firstWidget_2asws_63 ._cartHeading_2asws_71 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-block-start: -1.5rem;
    margin-inline: -2rem;
    padding: 0 2rem;
    line-height: 5rem;
    border-bottom: 1px solid rgba(57, 63, 82, .1)
  }

  ._widgets_2asws_43 ._firstWidget_2asws_63 ._cartItemsList_2asws_7 {
    margin: 2rem 0 2.5rem;
    padding: 2rem;
    box-shadow: none;
    background: rgba(169, 189, 208, .2);
    border-radius: 6px;
    display: flex;
    flex-flow: column;
    gap: 2rem
  }

  ._widgets_2asws_43 ._secondWidget_2asws_90 {
    width: clamp(37rem, 12.02vw + 24.69rem, 42rem);
    position: sticky;
    top: 8rem;
    height: 100%;
    flex-shrink: 0
  }
}

._secondWidget_2asws_90,
._firstWidget_2asws_63 {
  width: 100%
}

@media screen and (min-width: 1024px) {

  ._secondWidget_2asws_90,
  ._firstWidget_2asws_63 {
    width: 70%
  }
}

._widget_2asws_43 {
  box-shadow: 0 .22rem .76rem #9bccf43e
}

@media screen and (min-width: 1024px) {
  ._widget_2asws_43 {
    background: rgba(169, 189, 208, .2);
    border-radius: 6px;
    padding-bottom: 2rem
  }
}

._section_2asws_121 {
  padding: 1.6rem;
  background: var(--clr-light-100);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: .6rem
}

._warningTypo_2asws_128 {
  color: var(--theme-warning-text-color);
  font-style: italic
}

._alertError_2asws_133 {
  background: var(--clr-dark-400);
  padding: 0;
  position: fixed;
  bottom: 6.5rem;
  width: 100%;
  text-align: center
}

._alertError_2asws_133 p {
  font-size: 1.4rem;
  color: var(--clr-light-100);
  font-weight: 400;
  margin: 0;
  padding: .8rem
}

._alertError_2asws_133 p span {
  padding: 0 .5rem;
  color: var(--clr-orange-500)
}

@media screen and (min-width: 1024px) {
  ._alertError_2asws_133 {
    position: sticky;
    bottom: 9.5rem;
    width: 100%
  }
}

._amount_2asws_160 {
  display: flex;
  flex-flow: column;
  gap: 1.2rem;
  padding: 1rem 0
}

@media screen and (min-width: 1024px) {
  ._amount_2asws_160 {
    gap: 1.5rem
  }
}

._amount_2asws_160 ._amountItem_2asws_171 {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

._amountTitle_2asws_177 {
  font-size: 1.4rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  color: var(--clr-dark-400)
}

._amountTitle_2asws_177 button {
  color: var(--clr-dark-400) !important
}

._amountItem_2asws_171 {
  align-items: center
}

._amountItem_2asws_171:last-child ._amountTitle_2asws_177 {
  color: var(--clr-dark-400)
}

._amountPrice_2asws_195 {
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--clr-dark-400)
}

._discountItem_2asws_201 ._amountTitle_2asws_177,
._discountItem_2asws_201 ._amountPrice_2asws_195 {
  color: var(--clr-grass-green-700)
}

._sideHeading_2asws_206 {
  background: var(--clr-light-375);
  font-size: 1.8rem;
  font-weight: 600;
  padding: 1.4rem 2rem;
  position: relative;
  border-radius: 1rem 1rem 0 0
}

._badgeIcon_2asws_215 {
  position: absolute;
  inset-inline: auto 2rem;
  inset-block: 0 auto
}

._desktopWrapper_2asws_221 {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._desktopWrapper_2asws_221 {
    padding: 2rem;
    background: var(--clr-light-100);
    border-radius: 0 0 1rem 1rem;
    gap: 2rem
  }
}

._editBtn_2asws_236.MuiButton-root {
  font-size: 1.4rem;
  font-weight: 500;
  background: var(--clr-light-100);
  border-radius: .4rem;
  border: .1rem solid var(--clr-primary-400);
  padding-inline: 1.4rem;
  height: 3rem
}

._editBtn_2asws_236.MuiButton-root span {
  color: var(--clr-hrd-dark-400)
}

._reviewCart_2asws_249 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 25rem;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._reviewCart_2asws_249 {
    max-width: 40rem;
    background: var(--clr-light-100)
  }
}

._reviewCart_2asws_249 ._badge_2asws_215 {
  top: -1px;
  position: absolute
}

._reviewCart_2asws_249 p {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.5rem;
  color: var(--clr-dark-400);
  text-align: center;
  width: 90%
}

._reviewCart_2asws_249 button {
  border-radius: 4px;
  color: var(--clr-light-100);
  padding: 8px 25px;
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 700
}

._reviewCart_2asws_249 button._close_2asws_283 {
  background: var(--clr-light-100);
  border: 1px solid rgba(57, 63, 82, .3);
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: none;
  color: var(--theme-primary-black)
}

._amountTitle_2asws_177 ._buttonTolltip_2asws_292 {
  min-width: 0;
  font-size: 2rem
}

._tolltip_2asws_297 {
  background: var(--clr-light-100);
  border-radius: .4rem;
  border: .1rem solid rgba(57, 63, 82, .15);
  box-shadow: 0 -.2rem 2rem #00000040;
  padding: 1.2rem;
  display: flex;
  flex-flow: column;
  min-width: 32rem;
  max-width: 32rem
}

._tolltip_2asws_297 ._closeIcon_2asws_308 {
  display: flex;
  flex-direction: row;
  position: absolute;
  inset-inline-end: 1rem;
  top: .8rem;
  z-index: 1;
  cursor: pointer;
  background-color: #000;
  border-radius: 50%
}

._tolltip_2asws_297 ._closeIcon_2asws_308 svg {
  width: 1.8rem;
  height: 1.8rem
}

._tolltip_2asws_297 h4 {
  font-weight: 800;
  font-size: 1.4rem;
  padding-bottom: 1.2rem;
  position: relative;
  width: 90%
}

._tolltip_2asws_297 h4:after {
  content: "";
  width: 5rem;
  height: .2rem;
  background: var(--clr-primary-400);
  position: absolute;
  bottom: 1px;
  display: block
}

._tolltip_2asws_297 h5 {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.6rem;
  padding-bottom: 1.2rem;
  position: relative;
  width: 90%
}

._tolltip_2asws_297 ._dpodValues_2asws_347 {
  margin-top: 1.5rem;
  display: flex;
  gap: 1.5rem;
  flex-flow: column
}

._tolltip_2asws_297 ._dpodValues_2asws_347 ._valItm_2asws_353 {
  font-weight: 500;
  font-size: 1.4rem;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center
}

._tolltip_2asws_297 ._dpodValues_2asws_347 ._valItm_2asws_353 ._valLabel_2asws_361 {
  opacity: .5
}

._tolltip_2asws_297 ._dpodValues_2asws_347 ._discountVal_2asws_364 ._valueAmount_2asws_364 {
  color: var(--clr-grass-green-700)
}

#transitions-popper {
  z-index: 1500
}

._amountPrice_2asws_195 {
  direction: ltr
}

._amountPrice_2asws_195 span {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .5rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--clr-dark-900);
  direction: ltr
}

._dropcart_2asws_386 {
  padding: 2rem 1rem;
  background: #fff;
  color: var(--clr-dark-400);
  font-size: 1.2rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

@media screen and (min-width: 1024px) {
  ._dropcart_2asws_386 {
    max-width: 30rem
  }
}

._dropcart_2asws_386 ._content_2asws_404 {
  text-align: center;
  line-height: 1.4rem
}

._dropcart_2asws_386 ._action_2asws_408 {
  margin-top: 2rem;
  display: flex;
  gap: 1rem
}

._dropcart_2asws_386 ._action_2asws_408 button {
  padding: 1rem
}

._smallCartFee_2asws_417 {
  color: #58637c
}

._smallCartFee_2asws_417 ._redText_2asws_420 {
  color: #e02020;
  margin-inline-end: .5rem
}

._root_1psdu_1 {
  display: flex;
  flex-flow: column;
  padding-block: 2rem;
  padding-inline: 1.6rem
}

@media screen and (min-width: 1024px) {
  ._root_1psdu_1 {
    background: white;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 6px
  }
}

h4._title_1psdu_15 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  display: flex
}

h4._title_1psdu_15 ._titleSpan_1psdu_21 {
  direction: ltr
}

._inputWrapper_1psdu_25 {
  display: flex;
  margin-block-start: .8rem;
  align-items: center;
  justify-content: center;
  gap: .4rem
}

._icon_1psdu_33 {
  height: 2.2rem;
  align-self: flex-start
}

._icon_1psdu_33 img {
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: contain
}

._input_1psdu_25 {
  flex-grow: 1;
  height: 100%
}

._input_1psdu_25 .MuiInput-underline:before,
._input_1psdu_25 .MuiInput-underline:after {
  content: none
}

._input_1psdu_25 input.MuiInput-input {
  font-size: 1.2rem;
  font-weight: 500;
  caret-color: var(--clr-primary-400);
  padding: .3rem
}

@media screen and (min-width: 1024px) {
  ._input_1psdu_25 input.MuiInput-input {
    font-size: 1.4rem
  }
}

._input_1psdu_25 input.MuiInput-input::placeholder {
  font-weight: 400;
  opacity: .4
}

._characterCount_1psdu_68 {
  display: flex;
  font-size: 1.2rem;
  font-weight: 400;
  text-align: end;
  padding-block: .5rem;
  border-bottom: 1px dashed rgba(57, 63, 82, .3)
}

._note_1psdu_77 {
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-orange-500);
  display: flex;
  align-items: center
}

._note_1psdu_77 span {
  direction: ltr
}

._actionBar_1psdu_88 {
  margin-block-start: .5rem
}

@media screen and (min-width: 1024px) {
  ._actionBar_1psdu_88 {
    display: flex;
    justify-content: space-between;
    align-items: center
  }
}

._actionBar_1psdu_88 ._done_1psdu_98 {
  width: 10rem;
  height: 3.3rem;
  float: right
}

._actionBar_1psdu_88 .MuiFormControlLabel-label {
  font-size: 1.2rem;
  font-weight: 500
}

._countText_1psdu_108 {
  margin-top: .7rem;
  opacity: .5
}

@media screen and (min-width: 1024px) {
  ._noteAndButtonBox_1psdu_114 {
    display: flex;
    justify-content: space-between;
    align-items: baseline
  }
}

._arabic_1psdu_121 {
  direction: ltr;
  text-align: end
}

._root_cvna3_1 {
  border-inline-start: solid .4rem #bddb46;
  padding: 1.5rem;
  background-color: var(--clr-light-100)
}

@media screen and (max-width: 768px) {
  ._root_cvna3_1 {
    margin: 1.5rem 0 0
  }
}

._root_cvna3_1 ._title_cvna3_11 {
  font-size: 1.6rem;
  font-weight: 500;
  margin-block-end: .8rem;
  color: var(--clr-dark-400)
}

._root_cvna3_1 ._description_cvna3_17 {
  margin-block-end: 1.5rem;
  font-size: 1.4rem;
  font-weight: 400
}

._root_cvna3_1 ._options_cvna3_22 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem
}

._root_cvna3_1 ._options_cvna3_22 .MuiFormControlLabel-label {
  font-size: 1.4rem;
  font-weight: 500
}

._root_cvna3_1 ._options_cvna3_22 ._checkboxContainer_cvna3_32 {
  border: 1px solid var(--clr-hrd-dark-400);
  border-radius: .4rem;
  padding-inline-end: 1.2rem;
  min-width: 13rem;
  box-sizing: border-box;
  box-shadow: 0 .4rem .4rem #0000000a
}

._root_cvna3_1 ._options_cvna3_22 ._checkboxContainer_cvna3_32 label {
  margin-inline: 0
}

._root_cvna3_1 ._options_cvna3_22 ._checkboxContainer_cvna3_32 span {
  color: #000
}

._root_cvna3_1 ._headerText_cvna3_46 {
  display: flex;
  align-items: flex-start
}

._deActive_cvna3_51 {
  opacity: .3;
  pointer-events: none
}

._root_1ugsy_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.6rem;
  background: var(--clr-light-100);
  margin: 1.5rem 0;
  cursor: pointer
}

._root_1ugsy_1 h3 {
  font-weight: 500
}

._root_1ugsy_1 p {
  padding-top: 4px;
  font-size: 1.2rem;
  color: var(--clr-dark-200)
}

._menuHeading_1ugsy_19 {
  display: flex;
  flex-direction: column
}

._menuHeading_1ugsy_19 h3 {
  font-size: 1.6rem;
  font-weight: 500
}

._menuHeading_1ugsy_19 p {
  font-size: 1.2rem;
  font-weight: 400
}

._actionBar_1ugsy_32 {
  font-size: 1.5rem
}

[dir=rtl] ._actionBar_1ugsy_32 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

._root_1n3jy_1 {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1.5rem;
  background: var(--clr-light-100);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e
}

@media screen and (min-width: 1024px) {
  ._root_1n3jy_1 {
    border-radius: .6rem;
    overflow: hidden
  }
}

._root_1n3jy_1._noCoupon_1n3jy_16 {
  cursor: pointer;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._root_1n3jy_1._noCoupon_1n3jy_16 {
    border-inline-start: solid .5rem var(--clr-dark-400)
  }
}

._root_1n3jy_1._errorCoupon_1n3jy_25:before,
._root_1n3jy_1._appliedCoupon_1n3jy_25:before {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  left: -1px
}

@media screen and (min-width: 1024px) {

  ._root_1n3jy_1._errorCoupon_1n3jy_25:before,
  ._root_1n3jy_1._appliedCoupon_1n3jy_25:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: .6rem
  }
}

._root_1n3jy_1._errorCoupon_1n3jy_25:before {
  border: 1px dashed var(--theme-warning-text-color)
}

._root_1n3jy_1._errorCoupon_1n3jy_25 ._subHeading_1n3jy_39 {
  color: var(--theme-warning-text-color)
}

._root_1n3jy_1._appliedCoupon_1n3jy_25:before {
  border: 1px dashed var(--theme-order-success-color)
}

._root_1n3jy_1._appliedCoupon_1n3jy_25 ._subHeading_1n3jy_39 {
  color: var(--theme-order-success-color)
}

._root_1n3jy_1._loading_1n3jy_48>* {
  flex: 1 1 100%
}

._couponHeading_1n3jy_52 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-inline-end: .6rem;
  row-gap: .8rem
}

._couponHeading_1n3jy_52 ._heading_1n3jy_59 {
  font-size: 1.6rem;
  color: var(--clr-dark-400);
  font-weight: 500;
  padding-inline: 1rem
}

._couponHeading_1n3jy_52 ._subHeading_1n3jy_39 {
  display: block;
  flex-basis: 100%;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-dark-200)
}

._iconRight_1n3jy_73 {
  display: flex;
  flex-direction: column;
  gap: .8rem
}

._iconRight_1n3jy_73 button {
  padding-block: 0;
  align-items: flex-end;
  white-space: nowrap;
  align-items: center
}

._iconRight_1n3jy_73 button._buttonViewTC_1n3jy_84 {
  color: var(--clr-secondary-400);
  font-weight: 500;
  font-size: 1.2rem;
  font-style: italic;
  text-decoration: underline
}

._iconRight_1n3jy_73 button._buttonViewTC_1n3jy_84 ._infoIcon_1n3jy_91 {
  margin-inline-end: .2rem
}

._iconRight_1n3jy_73 button._remove_1n3jy_94 {
  color: var(--theme-dark-color);
  font-weight: 500;
  font-size: 1.4rem
}

[dir=rtl] ._iconRight_1n3jy_73 ._rightIcon_1n3jy_99 {
  transform: scaleX(-1)
}

._iconRight_1n3jy_73 svg {
  font-size: 1.5rem
}

._termsContainer_1n3jy_106 {
  padding: 0rem 2rem
}

._termsContainer_1n3jy_106 ul {
  padding-inline-start: .2rem !important;
  padding-inline-end: .5rem !important
}

._termsContainer_1n3jy_106 p {
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--clr-dark-400);
  padding-left: 0 !important;
  -webkit-padding-start: 0 !important;
  padding-inline-start: 0 !important;
  line-height: 2.2rem
}

._termsContainer_1n3jy_106 ul li {
  margin-left: 2rem !important
}

._inner_1n3jy_127 {
  background: white;
  height: 100%;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding-bottom: 2rem
}

@media screen and (min-width: 1024px) {
  ._inner_1n3jy_127 {
    max-width: 39rem;
    padding-bottom: 2rem;
    min-width: 33rem
  }
}

._inner_1n3jy_127 ._badge_1n3jy_143 {
  background: var(--clr-light-400);
  padding: 1.8rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: var(--clr-dark-400);
  margin-bottom: 2rem
}

._inner_1n3jy_127 h3 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--theme-primary-black)
}

._inner_1n3jy_127 button {
  border-radius: 4px;
  color: var(--clr-light-100);
  padding: 8px 25px;
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 700
}

._inner_1n3jy_127 button._close_1n3jy_165 {
  background: var(--clr-light-100);
  border: 1px solid rgba(57, 63, 82, .3);
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: none;
  color: var(--theme-primary-black)
}

._couponCode_1n3jy_174 {
  border: 1px dashed var(--clr-primary-400);
  border-radius: .6rem;
  background: #ffffff;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  opacity: .7;
  padding-inline: 1.2rem;
  margin-bottom: 1.2rem;
  padding-top: .8rem;
  padding-bottom: .8rem;
  width: fit-content
}

._container_tf00y_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 25rem;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._container_tf00y_1 {
    max-width: 40rem;
    background: #fff
  }
}

._container_tf00y_1 ._buttons_tf00y_15 {
  display: flex
}

._container_tf00y_1 ._badge_tf00y_18 {
  top: -1px;
  position: absolute
}

._container_tf00y_1 p {
  margin-block-end: 2.5rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.5rem;
  color: var(--clr-dark-400);
  text-align: center;
  width: 80%
}

@media screen and (min-width: 1024px) {
  ._container_tf00y_1 p span {
    color: var(--clr-primary-400)
  }
}

._container_tf00y_1 button {
  border-radius: 4px;
  color: #fff;
  padding: 1.5rem 2rem;
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 700;
  height: 4.8rem;
  width: 17rem
}

._container_tf00y_1 button._close_tf00y_46 {
  background: #ffffff;
  border: 1px solid rgba(57, 63, 82, .3);
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: none;
  color: var(--theme-primary-black)
}

._container_tf00y_1 ._smallHeading_tf00y_54 {
  margin-block-start: 1.5rem;
  margin-block-end: 3.5rem;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.3rem;
  color: var(--clr-dark-400);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 1rem
}

._container_tf00y_1 ._smallHeading_tf00y_54:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  background: #e4002b;
  border-radius: 73.1034px;
  height: .2rem;
  width: 2.8rem
}

._badge_1pqe9_1 {
  display: flex;
  justify-content: flex-end;
  padding-inline: 3rem;
  border-radius: 1rem
}

._warningHeadText_1pqe9_8 p {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._rewardApplyDesc_1pqe9_14 {
  text-align: center;
  padding-inline: 2rem
}

._rewardApplyDesc_1pqe9_14 p {
  font-size: 1.2rem;
  font-weight: 500
}

._confettiBody_1pqe9_23 {
  padding-top: 2.5rem;
  gap: 1.3rem;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._confettiBody_1pqe9_23 {
    max-width: 25.5rem
  }
}

._circle_1pqe9_36 {
  height: 7.6rem;
  width: 7.6rem;
  border-radius: 50%;
  background-color: var(--clr-green-400-light);
  display: flex;
  justify-content: center;
  align-items: center
}

._circle_1pqe9_36 ._icon_1pqe9_45 {
  height: 3.6rem;
  width: 4.8rem;
  color: var(--clr-light-400)
}

._buttonContainer_1pqe9_51 {
  width: 100%;
  height: 4rem;
  background-color: var(--clr-primary-400);
  display: flex;
  justify-content: center;
  align-items: center
}

._buttonContainer_1pqe9_51 ._button_1pqe9_51 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  text-align: center
}

._main_z42ue_1 {
  background: var(--theme-backgroud-page);
  height: auto
}

@media (min-width: 992px) {
  ._main_z42ue_1 {
    width: 40rem
  }
}

@media (min-width: 992px) {
  ._main_z42ue_1 ._viewProfileCard_z42ue_11 {
    display: flex;
    justify-content: space-between
  }
}

._root_z42ue_17 {
  text-align: center;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._root_z42ue_17 ._badge_z42ue_22 {
    background: var(--clr-light-100)
  }
}

._root_z42ue_17 ._main_z42ue_1 {
  padding: 3rem 2rem;
  background: var(--clr-light-100)
}

@media screen and (min-width: 1024px) {
  ._root_z42ue_17 ._main_z42ue_1 {
    padding: 1rem 2rem
  }
}

._rightPopper_z42ue_36 {
  transform: scaleX(-1)
}

._popperContainer_z42ue_40 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between
}

._circle_z42ue_49 {
  height: 6rem;
  width: 6rem;
  border-radius: 50%;
  background-color: var(--clr-primary-400);
  display: flex;
  justify-content: center;
  align-items: center
}

._circle_z42ue_49 ._icon_z42ue_58 {
  height: 3.6rem;
  width: 4.8rem;
  color: var(--clr-light-100)
}

._titleHeadText_z42ue_64 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--clr-primary-400)
}

._subtitleText_z42ue_70 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 3rem;
  text-align: center;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._subtitleText_z42ue_70 {
    font-size: 1.8rem
  }
}

._productList_z42ue_84 {
  margin-top: 2.2rem;
  display: block;
  text-align: start;
  padding: 1rem
}

._productList_z42ue_84 ._titleText_z42ue_90 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.5rem;
  color: var(--clr-dark-300);
  margin-bottom: .5rem
}

@media screen and (min-width: 1024px) {
  ._productList_z42ue_84 ._productSelection_z42ue_99 {
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    border: .1rem dashed #D9DAEC;
    border-radius: .4rem;
    background: #FAFAFB
  }
}

@media screen and (min-width: 1024px) {
  ._productList_z42ue_84 ._productSelection_z42ue_99 ._productItem_z42ue_109:not(:last-child) {
    border-bottom: .1rem solid rgba(57, 63, 82, .2);
    padding-bottom: 1rem
  }
}

._productList_z42ue_84 ._productSelection_z42ue_99 ._productItem_z42ue_109 {
  cursor: pointer;
  display: flex;
  position: relative;
  justify-content: space-between;
  padding: .5rem 1rem;
  margin-bottom: .5rem;
  border: .1rem dashed #D9DAEC;
  border-radius: .4rem;
  background: #FAFAFB
}

@media screen and (min-width: 1024px) {
  ._productList_z42ue_84 ._productSelection_z42ue_99 ._productItem_z42ue_109 {
    margin: 1rem 1.5rem;
    border: none;
    border-radius: 0
  }
}

._productList_z42ue_84 ._productSelection_z42ue_99 ._productItem_z42ue_109 ._product_z42ue_84 {
  display: flex
}

._productList_z42ue_84 ._productSelection_z42ue_99 ._productItem_z42ue_109 ._product_z42ue_84 ._productTextContainer_z42ue_135 {
  padding: 1rem 2rem
}

._productList_z42ue_84 ._productSelection_z42ue_99 ._productItem_z42ue_109 ._product_z42ue_84 ._productTextContainer_z42ue_135 ._productName_z42ue_138 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--clr-dark-400)
}

._productList_z42ue_84 ._productSelection_z42ue_99 ._productItem_z42ue_109 ._product_z42ue_84 ._productTextContainer_z42ue_135 ._productPriceContainer_z42ue_145 {
  margin-top: .2rem;
  display: flex
}

._productList_z42ue_84 ._productSelection_z42ue_99 ._productItem_z42ue_109 ._product_z42ue_84 ._productTextContainer_z42ue_135 ._productPriceContainer_z42ue_145 ._originalPrice_z42ue_149 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 2rem;
  text-align: center;
  text-decoration-line: line-through;
  color: #8f8f8e;
  margin-inline-end: .5rem
}

._productList_z42ue_84 ._productSelection_z42ue_99 ._productItem_z42ue_109 ._product_z42ue_84 ._productTextContainer_z42ue_135 ._productPriceContainer_z42ue_145 ._discountPrice_z42ue_159 {
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: center;
  color: #1da81b
}

._productList_z42ue_84 ._productSelection_z42ue_99 ._productItem_z42ue_109 ._productImage_z42ue_167 {
  width: 6.5rem;
  height: 6.5rem
}

._productList_z42ue_84 ._productSelection_z42ue_99 ._productItem_z42ue_109 ._selectorContainer_z42ue_171 {
  align-self: center
}

._actionContainer_z42ue_175 {
  width: 100%;
  display: flex;
  padding: 1rem
}

._actionContainer_z42ue_175 ._addBtn_z42ue_180 {
  width: inherit;
  height: 5rem
}

@media screen and (min-width: 1024px) {
  ._actionContainer_z42ue_175 ._addBtn_z42ue_180 {
    margin-bottom: 2rem
  }
}

._actionContainer_z42ue_175 ._removeBtn_z42ue_189 {
  width: inherit;
  height: 5rem;
  margin-inline-end: 1.5rem
}

._root_1nkfm_1 {
  display: flex;
  flex-direction: column;
  padding-inline: 1.6rem;
  padding-block: 1.5rem;
  color: var(--clr-dark-400)
}

._header_1nkfm_9 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row !important
}

._header_1nkfm_9 ._headerText_1nkfm_15 {
  font-size: 1.6rem;
  font-weight: 500;
  max-width: 85%
}

._header_1nkfm_9 ._icon_1nkfm_20 {
  height: 2.5rem;
  width: 2.5rem
}

._divider_1nkfm_25 {
  padding-top: 1.5rem;
  transition: transform .6s ease
}

._accordion__section_1nkfm_30 {
  display: flex;
  flex-direction: column;
  background-color: var(--clr-background)
}

._accordion_1nkfm_30 {
  cursor: pointer;
  padding: 18px;
  display: flex;
  align-items: center;
  border: none;
  outline: none;
  transition: background-color .6s ease
}

._accordion__icon_1nkfm_46 {
  margin-left: auto;
  transition: transform .6s ease;
  height: 2rem;
  width: 2rem
}

._accordion__icon_rotate_1nkfm_53 {
  transform: rotate(90deg);
  transition: transform .6s ease;
  height: 2rem;
  width: 2rem
}

[dir=rtl] ._accordion__icon_1nkfm_46 {
  transform: scaleX(-1)
}

._accordion__content_1nkfm_64 {
  background-color: var(--clr-light-100);
  overflow: auto;overflow-y: hidden;
  transition: max-height .6s ease
}

._accordion__text_1nkfm_70 {
  padding-top: 1.5rem
}

._accordion__text_1nkfm_70 p {
  font-weight: 400;
  font-size: 1.2rem;
  transition: transform .6s ease;
  opacity: .8
}

._root_izgj4_1 {
  background: var(--clr-background);
  min-height: 100vh;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 1.5rem;
  gap: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._root_izgj4_1 {
    background: var(--clr-light-100)
  }
}

._toolBar_izgj4_16 {
  display: flex;
  justify-content: space-around;
  align-items: center
}

._toolBar_izgj4_16 ._tabItem_izgj4_21,
._toolBar_izgj4_16 ._notActive_izgj4_21 {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--clr-dark-400);
  display: flex;
  flex-direction: column;
  gap: .8rem
}

._toolBar_izgj4_16 ._tabItem_izgj4_21 ._active_izgj4_29,
._toolBar_izgj4_16 ._notActive_izgj4_21 ._active_izgj4_29 {
  height: .4rem;
  background-color: var(--clr-primary-400);
  border-radius: .2rem .2rem 0 0
}

._toolBar_izgj4_16 ._notActive_izgj4_21 {
  color: var(--clr-light-600)
}

._desktopContainer_izgj4_38 {
  padding-inline: 13rem;
  padding-block: 2.5rem;
  background-color: var(--clr-background)
}

._desktopContainer_izgj4_38 ._desktopView_izgj4_43 {
  background-color: #fff;
  padding-inline: 2rem;
  border-radius: 8px
}

._desktopContainer_izgj4_38 ._paper_izgj4_48 {
  padding-inline: 1.6rem;
  padding-block: 1.5rem
}

._desktopContainer_izgj4_38 ._header_izgj4_52 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

._desktopContainer_izgj4_38 ._header_izgj4_52 ._headerText_izgj4_57 {
  font-size: 1.6rem;
  font-weight: 500;
  max-width: 85%
}

._desktopContainer_izgj4_38 ._header_izgj4_52 ._icon_izgj4_62 {
  height: 2.5rem;
  width: 2.5rem
}

._pageHeading_izgj4_67 {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--clr-dark-400);
  margin-bottom: 2.5rem;
  padding-bottom: 1.3rem;
  border-bottom: 1px solid var(--clr-dark-400-20);
  position: relative
}

._pageHeading_izgj4_67:after {
  display: block;
  content: "";
  width: 8rem;
  height: 3px;
  background: var(--clr-primary-400);
  position: absolute;
  bottom: 0;
  border-radius: 20px
}

._Skeleton_izgj4_87 {
  margin-bottom: 1rem
}

._root_1pnie_1 {
  background: var(--clr-background);
  height: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

._pageHeading_1pnie_10 {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--clr-dark-400);
  margin-bottom: 2.5rem;
  padding-bottom: 1.3rem;
  border-bottom: 1px solid var(--clr-dark-400-20);
  position: relative
}

._pageHeading_1pnie_10:after {
  display: block;
  content: "";
  width: 8rem;
  height: 3px;
  background: var(--clr-primary-400);
  position: absolute;
  bottom: 0;
  border-radius: 20px
}

@media screen and (min-width: 1024px) {
  ._wrapper_1pnie_31 {
    padding: 2rem 13rem
  }
}

._root_1ngra_1 {
  background-color: var(--clr-light-300);
  height: 100%;
  min-height: 100vh
}

@media screen and (min-width: 1024px) {
  ._root_1ngra_1 {
    min-height: auto;
    max-width: 40rem
  }
}

._root_1ngra_1 ._textContainer_1ngra_12 {
  padding-inline: 1.6rem;
  padding-block: 2rem;
  display: flex
}

._root_1ngra_1 ._textContainer_1ngra_12 ._badge_1ngra_17 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._root_1ngra_1 ._textContainer_1ngra_12 {
    background: #fff;
    margin-bottom: 2rem;
    padding-block: 0 0;
    flex-direction: column;
    align-items: center;
    min-width: 40rem;
    gap: 10px
  }

  ._root_1ngra_1 ._textContainer_1ngra_12 ._badge_1ngra_17 {
    display: block;
    position: absolute;
    left: 42%
  }

  ._root_1ngra_1 ._textContainer_1ngra_12 ._title_1ngra_35 {
    padding-top: 2.9rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--clr-dark-400)
  }
}

._root_1ngra_1 ._textContainer_1ngra_12 ._headerText_1ngra_42 {
  font-size: 1.4rem;
  font-weight: 500;
  display: grid !important;
  padding-block-end: 0
}

[dir=rtl] ._root_1ngra_1 ._textContainer_1ngra_12 ._headerText_1ngra_42 {
  direction: rtl;
  padding-inline-start: 1rem;
  display: block !important
}

@media screen and (min-width: 1024px) {
  ._root_1ngra_1 ._textContainer_1ngra_12 ._headerText_1ngra_42 {
    font-size: 1.6rem;
    width: 30rem;
    text-align: center
  }
}

[dir=rtl] ._root_1ngra_1 ._textContainer_1ngra_12 ._headerText_1ngra_42 span {
  direction: ltr;
  padding-inline-start: .3rem;
  display: inline-block
}

._otpContainer_1ngra_66 {
  padding: 1.6rem
}

@media screen and (min-width: 1024px) {
  ._otpContainer_1ngra_66 {
    margin: 3.5rem 1.2rem 4rem;
    padding: 2.5rem 1.5rem
  }
}

._otpContainer_1ngra_66 ._buttons_1ngra_75 {
  display: flex;
  justify-content: center;
  padding-block: 2.5rem;
  flex-direction: row !important
}

._otpContainer_1ngra_66 ._buttons_1ngra_75 ._requestDisable_1ngra_81 {
  font-size: 1.4rem;
  font-weight: 500;
  opacity: .3;
  padding-inline: .8rem;
  pointer-events: none
}

._otpContainer_1ngra_66 ._buttons_1ngra_75 ._requestEnable_1ngra_88 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-secondary-400);
  padding-inline: .8rem;
  pointer-events: all
}

._otpContainer_1ngra_66 ._verifyButton_1ngra_95,
._otpContainer_1ngra_66 ._verifyBgClr1_1ngra_95,
._otpContainer_1ngra_66 ._verifyBgClr2_1ngra_95 {
  border-radius: .4rem;
  display: flex;
  justify-content: center;
  align-items: center
}

._otpContainer_1ngra_66 ._verifyButton_1ngra_95 ._button_1ngra_75,
._otpContainer_1ngra_66 ._verifyBgClr1_1ngra_95 ._button_1ngra_75,
._otpContainer_1ngra_66 ._verifyBgClr2_1ngra_95 ._button_1ngra_75 {
  font-size: 1.6rem;
  font-weight: 700;
  width: 100%;
  padding-block: 1rem
}

._warningText_1ngra_108 {
  color: var(--theme-warning-color);
  margin: 1.4rem auto;
  align-items: flex-start;
  justify-content: flex-start;
  display: flex
}

._warningText_1ngra_108 p {
  font-size: 1.2rem
}

._main_ad101_1 {
  background: var(--theme-backgroud-page);
  height: auto
}

._root_ad101_6 {
  background-color: var(--theme-backgroud-page);
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._root_ad101_6 {
    min-width: 37.5rem;
    padding-bottom: 1rem;
    max-width: 37.5rem
  }
}

._root_ad101_6 ._couponPaper_ad101_19 {
  border-radius: 1rem;
  margin-inline: 1.6rem
}

._root_ad101_6 ._pageHeadText_ad101_23 {
  padding-inline: 1.6rem
}

._root_ad101_6 ._pageHeadText_ad101_23 p {
  font-size: 1.4rem;
  font-weight: 500
}

._badge_ad101_31 {
  display: flex;
  justify-content: flex-end;
  padding-inline: 3rem;
  border-radius: 1rem;
  z-index: 2
}

._couponContainer_ad101_39 {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  padding-inline: 1rem;
  position: relative
}

._couponContainer_ad101_39 ._couponHeader_ad101_46 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  z-index: 2
}

._couponContainer_ad101_39 ._couponHeader_ad101_46 ._headerText_ad101_53 {
  display: flex;
  flex-direction: row;
  gap: 2rem
}

._couponContainer_ad101_39 ._couponHeader_ad101_46 ._headerText_ad101_53 img {
  margin-block-start: -1rem;
  height: 4rem
}

._couponContainer_ad101_39 ._couponHeader_ad101_46 ._headerText_ad101_53 p {
  font-size: 1.4rem;
  font-weight: 500
}

._couponContainer_ad101_39 ._couponCode_ad101_66 {
  border: 1px dashed var(--clr-primary-400);
  border-radius: .6rem;
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--clr-dark-900);
  opacity: .7;
  padding-inline: 1.2rem;
  padding-block: 1.2rem .8rem;
  position: relative;
  min-width: 11.2rem;
  text-align: center
}

._couponContainer_ad101_39 ._couponCode_ad101_66 span {
  position: absolute;
  top: -.6rem;
  left: 1.5rem;
  color: #707070;
  font-weight: 400
}

._couponContainer_ad101_39 ._couponDesc_ad101_86 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  justify-content: space-around;
  margin-inline-start: 1rem;
  z-index: 2
}

._couponContainer_ad101_39 ._couponDesc_ad101_86 p {
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-dark-400);
  opacity: .9
}

._couponContainer_ad101_39 ._couponDesc_ad101_86 ._termsContainer_ad101_101 {
  padding-bottom: .5rem;
  z-index: 2
}

._couponContainer_ad101_39 ._termsContainer_ad101_101 {
  z-index: 2;
  display: flex;
  justify-content: space-between;
  margin-bottom: .5rem;
  cursor: pointer;
  flex-direction: row
}

._couponContainer_ad101_39 ._termsContainer_ad101_101 ._terms_ad101_101 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row
}

._couponContainer_ad101_39 ._termsContainer_ad101_101 ._terms_ad101_101 p {
  color: #007aff;
  font-size: 1.4rem;
  font-weight: 400;
  padding-left: .3rem
}

._couponContainer_ad101_39 ._termsContainer_ad101_101 ._terms_ad101_101 ._iconArea_ad101_125 ._icon_ad101_125 {
  height: 1.2rem;
  width: 1.2rem;
  color: var(--theme-hrd_button-color)
}

._couponContainer_ad101_39 ._termsContainer_ad101_101 ._applyButton_ad101_130,
._couponContainer_ad101_39 ._termsContainer_ad101_101 ._disableButton_ad101_130 {
  background-color: var(--clr-primary-400);
  border-radius: .4rem;
  font-size: 1.3rem;
  font-weight: 700;
  padding-inline: 1.5rem;
  padding-block: 1rem;
  color: var(--theme-hrd_button-color);
  box-shadow: 0 6px 10px #de000033
}

._couponContainer_ad101_39 ._termsContainer_ad101_101 ._disableButton_ad101_130 {
  background-color: var(--theme-button-disable-bg);
  box-shadow: 0 6px 10px #dfd5d533;
  pointer-events: none
}

._couponContainer_ad101_39 ._line_ad101_145 {
  margin: .5rem 0;
  height: .09rem;
  margin-inline: -1rem;
  z-index: 1;
  width: 100%;
  border: .05rem dashed rgba(57, 63, 82, .3);
  border: none none
}

._couponContainer_ad101_39 ._halfCircle_ad101_154 {
  border-radius: 50%;
  background-color: var(--clr-light-300);
  height: 2.6rem;
  width: 2.6rem;
  z-index: 2
}

._couponContainer_ad101_39 ._dashedArea_ad101_161 {
  z-index: 2;
  display: flex;
  grid-template-columns: 1fr 12fr 1fr;
  align-items: center;
  margin-inline: -2.3rem;
  flex-direction: row
}

._warningHeadText_ad101_170 p {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--clr-primary-400)
}

._rewardApplyDesc_ad101_176 {
  text-align: center;
  padding-inline: 2rem
}

._rewardApplyDesc_ad101_176 p {
  font-size: 1.2rem;
  font-weight: 500
}

._confettiBody_ad101_185 {
  padding-top: 2.5rem;
  gap: 1.3rem;
  display: flex;
  flex-direction: column;
  align-items: center
}

._circle_ad101_193 {
  height: 7.6rem;
  width: 7.6rem;
  border-radius: 50%;
  background-color: var(--clr-primary-400);
  display: flex;
  justify-content: center;
  align-items: center
}

._circle_ad101_193 ._icon_ad101_125 {
  height: 3.6rem;
  width: 4.8rem;
  color: var(--clr-light-100)
}

._buttonContainer_ad101_208 {
  width: 100%;
  height: 4rem;
  background-color: var(--clr-primary-400);
  display: flex;
  justify-content: center;
  align-items: center
}

._buttonContainer_ad101_208 ._button_ad101_208 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-light-100);
  text-align: center
}

._noOfferContainer_ad101_223 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-inline: 1.6rem;
  gap: 1.5rem
}

._noOfferContainer_ad101_223 ._exploreMenu_ad101_231 {
  background-color: var(--clr-primary-400);
  box-shadow: 0 6px 10px #de000033;
  border-radius: .4rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

._noOfferContainer_ad101_223 ._exploreMenu_ad101_231 ._button_ad101_208 {
  color: var(--clr-dark-400);
  padding-block: 1.5rem;
  font-weight: 700 !important
}

._noOfferContainer_ad101_223 ._text_ad101_245 p {
  font-weight: 500;
  font-size: 1.8rem
}

._input_ad101_250 {
  display: flex;
  width: 100%;
  background: var(--clr-light-100);
  padding: 1.6rem 1.2rem;
  position: relative;
  flex-wrap: wrap
}

._input_ad101_250 input {
  width: 100%;
  background: rgba(169, 189, 208, .1);
  border: 1px dashed rgba(57, 63, 82, .4);
  border-radius: .4rem;
  padding: 1.5rem 1rem
}

._input_ad101_250 ._apply_ad101_130 button {
  position: absolute;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: var(--clr-hrd-dark-400);
  font-weight: 500;
  top: 2rem;
  inset-inline-end: 2rem
}

._input_ad101_250 button._close_ad101_274 {
  position: absolute;
  font-size: 1.3rem;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: var(--clr-dark-400);
  opacity: .6;
  color: var(--clr-light-100);
  min-width: auto;
  inset-inline-end: 8.9rem;
  top: 2.7rem;
  font-weight: 500
}

._error_ad101_289 {
  display: flex;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.7rem;
  padding: 1rem 0;
  color: var(--clr-orange-500);
  align-items: center;
  justify-content: center;
  gap: .5rem
}

._errorPopup_ad101_301 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 25rem;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._errorPopup_ad101_301 {
    max-width: 40rem
  }
}

._errorPopup_ad101_301 ._badge_ad101_31 {
  top: -1px;
  position: absolute;
  z-index: 2
}

._errorPopup_ad101_301 p {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.5rem;
  color: var(--clr-dark-400);
  text-align: center;
  width: 90%
}

._errorPopup_ad101_301 button {
  border-radius: 4px;
  color: var(--clr-dark-400);
  padding: 8px 25px;
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 700
}

._errorPopup_ad101_301 button._close_ad101_274 {
  background: var(--clr-light-100);
  border: 1px solid rgba(57, 63, 82, .3);
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: none;
  color: var(--theme-primary-black)
}

._header_ad101_53 {
  background: var(--clr-light-100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 4px var(--clr-light-450);
  color: var(--clr-dark-400);
  padding-inline: 4rem;
  padding-top: 4rem;
  padding-bottom: 2rem
}

._header_ad101_53 ._mainHeading_ad101_356 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem
}

._header_ad101_53 ._mainHeading_ad101_356:after {
  content: "";
  display: block;
  position: absolute;
  width: 3rem;
  height: .4rem;
  bottom: -1rem;
  background: var(--clr-primary-450);
  border-radius: 73.1034px
}

._header_ad101_53 ._subHeading_ad101_377 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem
}

._header_ad101_53 ._badge_ad101_31 {
  position: absolute;
  top: 0;
  z-index: 2
}

._userSpecificCouponBg_ad101_388 {
  position: absolute;
  top: 1.5%;
  left: 1.5%;
  width: 97%;
  height: 97%;
  background: linear-gradient(253.31deg, #FFE999, #FFFFFE);
  z-index: 1;
  border-radius: 1rem
}

._couponSpecialInstructions_ad101_399 {
  z-index: 2
}

._couponSpecialInstructions_ad101_399 span {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .5rem;
  font-size: 500
}

._main_1ol10_1 {
  background: var(--theme-backgroud-page);
  min-width: 37.5rem;
  height: auto
}

._pageHeading_1ol10_7 {
  background: white;
  width: 100%;
  padding: 10px
}

._pageHeading_1ol10_7 h1 {
  font-size: 15px;
  font-weight: 700;
  padding-left: 30px
}

._back_1ol10_19 {
  position: absolute
}

main {
  background: var(--clr-light-425);
  height: 100vh
}

._section_1ol10_28 {
  padding: 20px 16px
}

._historyHeading_1ol10_32 h2 {
  font-size: 1em;
  font-weight: 700;
  text-align: left;
  margin-bottom: 10px
}

._historySection_1ol10_39 {
  background: white;
  margin-bottom: 10px;
  box-shadow: 0 0 4px var(--clr-dark-150)
}

._login_1ol10_45 {
  display: flex;
  flex-direction: column;
  min-height: 60vh;
  align-items: center;
  justify-content: center;
  gap: 1.2rem
}

@media screen and (min-width: 1024px) {
  ._login_1ol10_45 {
    min-height: 40vh
  }
}

._login_1ol10_45 ._headerText_1ol10_58 {
  font-weight: 500;
  font-size: 1.8rem
}

._login_1ol10_45 ._descText_1ol10_62 {
  font-weight: 400;
  font-size: 1.4rem;
  opacity: .8
}

._login_1ol10_45 ._loginButton_1ol10_67 {
  color: var(--clr-light-400);
  padding-inline: 14.5rem;
  padding-block: 1.4rem;
  margin-top: 1.5rem;
  font-size: 1.6rem;
  font-weight: 700;
  background-color: var(--theme-user-icon-bg)
}

._container_sr3gn_1 {
  gap: 1.5rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
  cursor: pointer
}

._root_sr3gn_9 {
  padding: 1.6rem 1.5rem;
  font-family: var(--theme-font-family);
  color: var(--clr-dark-400)
}

._root_sr3gn_9 ._dividerArea_sr3gn_14 {
  margin-top: 1.5rem
}

._root_sr3gn_9 ._orderCard_sr3gn_17 {
  display: flex;
  justify-content: space-between;
  align-items: center
}

._textBackground_sr3gn_23 {
  background: var(--theme-order-text-bg);
  padding: .6rem .4rem;
  width: 100%;
  font-size: 1.2rem;
  display: flex;
  flex-direction: row !important
}

._textBackground_sr3gn_23 span {
  font-weight: 700;
  padding-block: 1rem;
  padding-inline-start: .2rem
}

._textBackground_sr3gn_23 ._dateFormatter_sr3gn_36 {
  direction: ltr;
  padding-inline: .2rem
}

@media screen and (min-width: 1024px) {
  ._textBackground_sr3gn_23 {
    width: 100%
  }
}

._orderCount_sr3gn_46 {
  font-weight: 500;
  font-size: 1.1rem;
  padding-top: .5rem
}

@media screen and (min-width: 1024px) {
  ._orderCount_sr3gn_46 {
    font-size: 1.2rem
  }
}

._itemDescription_sr3gn_57 {
  font-weight: 500;
  font-size: 1.1rem;
  padding-top: .5rem;
  color: var(--clr-dark-400);
  opacity: .4
}

@media screen and (min-width: 1024px) {
  ._itemDescription_sr3gn_57 {
    font-size: 1.2rem
  }
}

._flexBox_sr3gn_70 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  ._flexBox_sr3gn_70 {
    padding-top: .8rem
  }
}

._flexBox_sr3gn_70 ._amountTypo_sr3gn_82,
._flexBox_sr3gn_70 ._orderStatus_sr3gn_82,
._flexBox_sr3gn_70 ._warningColor_sr3gn_82 {
  font-weight: 500;
  font-size: 1.2rem;
  direction: ltr
}

._orderStatus_sr3gn_82,
._warningColor_sr3gn_82 {
  color: var(--theme-order-success-color)
}

._warningColor_sr3gn_82 {
  color: var(--clr-dark-400)
}

._flexBox_sr3gn_70 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center
}

._advance_sr3gn_103 {
  margin-top: .5rem;
  color: var(--clr-secondary-400);
  display: flex;
  grid-gap: .5rem;
  gap: .5rem;
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.3rem;
  align-items: center
}

._root_adane_1 {
  background: var(--theme-backgroud-page);
  color: var(--clr-dark-400)
}

._flexBox_adane_6 {
  display: flex;
  justify-content: center;
  align-items: center
}

._flexBox_adane_6 ._desktopButton_adane_11 {
  margin-bottom: 1.5rem
}

._container_adane_15 {
  padding-block: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._container_adane_15 {
    min-width: 40rem;
    max-width: 40rem
  }
}

._container_adane_15 ._headerText_adane_24 {
  font-size: 1.4rem;
  font-weight: 500;
  padding-bottom: 1rem;
  padding-inline: 1.7rem
}

.MuiDialogContent-dividers {
  padding: 0rem !important
}

._noOfferContainer_adane_35 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-inline: 1.6rem;
  gap: 1.5rem
}

._noOfferContainer_adane_35 ._exploreMenu_adane_43 {
  background-color: var(--clr-primary-400);
  box-shadow: 0 6px 10px #de000033;
  border-radius: .4rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

._noOfferContainer_adane_35 ._exploreMenu_adane_43 ._button_adane_52 {
  color: var(--clr-hrd-dark-400);
  padding-block: 1.5rem;
  font-weight: 700 !important
}

._noOfferContainer_adane_35 ._text_adane_57 p {
  font-weight: 500;
  font-size: 1.8rem;
  text-align: center
}

._noOfferContainer_adane_35 ._textDesc_adane_62 p {
  font-size: 1.4rem;
  font-weight: 400
}

._Skeleton_adane_67 {
  height: 15.6rem;
  width: 100%;
  border-radius: 1rem;
  margin-bottom: 1rem
}

._header_adane_24 {
  background: var(--clr-light-100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 4px var(--clr-light-450);
  color: var(--clr-dark-400);
  padding-inline: 4rem;
  padding-top: 4rem;
  padding-bottom: 2rem
}

@media screen and (min-width: 1024px) {
  ._header_adane_24 {
    position: sticky;
    top: 0;
    z-index: 1
  }
}

._header_adane_24 ._mainHeading_adane_93 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem
}

._header_adane_24 ._subHeading_adane_99 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem
}

._header_adane_24 ._badge_adane_104 {
  position: absolute;
  top: 0
}

._root_dc7zy_1 {
  padding: 2.5rem 1.8rem;
  color: var(--clr-dark-400)
}

._root_dc7zy_1 ._requestText_dc7zy_5 {
  font-weight: 500;
  font-size: 1.4rem
}

._root_dc7zy_1 ._formControl_dc7zy_9 {
  width: 100%
}

._root_dc7zy_1 ._formControl_dc7zy_9 ._provideReason_dc7zy_12 {
  font-weight: 500;
  color: var(--theme-warning-text-color);
  font-size: 1rem
}

._root_dc7zy_1 ._formControl_dc7zy_9 ._warningText_dc7zy_17 {
  visibility: hidden
}

._root_dc7zy_1 ._dropDown_dc7zy_20 {
  padding-top: 1.1rem
}

._root_dc7zy_1 ._reasonHeader_dc7zy_23 {
  font-weight: 500;
  font-size: 1.2rem;
  opacity: .4
}

._root_dc7zy_1 ._selectReason_dc7zy_28 {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._root_dc7zy_1 ._selectReason_dc7zy_28 svg {
  font-size: 1.5rem;
  color: var(--clr-dark-400);
  margin-inline-end: .5rem
}

._root_dc7zy_1 ._descriptionArea_dc7zy_39 {
  padding-top: 3rem
}

._root_dc7zy_1 ._description_dc7zy_39 {
  font-weight: 500;
  font-size: 1.2rem
}

._root_dc7zy_1 ._descInput_dc7zy_46 {
  padding-top: .5rem
}

._root_dc7zy_1 ._descInput_dc7zy_46 ._feedbackTextArea_dc7zy_49,
._root_dc7zy_1 ._descInput_dc7zy_46 ._disablefeedbackText_dc7zy_49 {
  width: 100%;
  border: 1px solid var(--theme-product-h-color);
  border-radius: .4rem;
  opacity: .5;
  padding: 1.1rem 1rem .9rem 1.1rem;
  font-family: var(--theme-font-family)
}

._root_dc7zy_1 ._descInput_dc7zy_46 ._disablefeedbackText_dc7zy_49 {
  pointer-events: none
}

._root_dc7zy_1 ._feedbackSubmit_dc7zy_60 {
  padding-top: .7rem
}

._root_dc7zy_1 ._feedbackSubmit_dc7zy_60 ._feedbackButton_dc7zy_63,
._root_dc7zy_1 ._feedbackSubmit_dc7zy_60 ._fbdisableButton_dc7zy_63 {
  padding-block: 1.4rem;
  width: 100%;
  background-color: var(--theme-button-color);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--clr-hrd-dark-400);
  box-shadow: var(--theme-button-shadow-color)
}

._root_dc7zy_1 ._feedbackSubmit_dc7zy_60 ._fbdisableButton_dc7zy_63 {
  background-color: var(--theme-button-disable-bg);
  box-shadow: var(--clr-light-100);
  pointer-events: none
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

._starsRadio_1em7s_7 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px)
}

._star_1em7s_7,
._starLabels_1em7s_16,
._firstStarLabel_1em7s_16 {
  position: relative;
  cursor: pointer
}

._firstStarLabel_1em7s_16 {
  padding-inline-start: 0
}

._starClass_1em7s_25 {
  font-size: 3.2rem
}

._main_6b779_1 {
  background: var(--theme-backgroud-page);
  height: auto;
  padding-bottom: 9rem;
  padding-top: 1px;
  display: flex;
  flex-wrap: wrap
}

@media screen and (min-width: 1024px) {
  ._main_6b779_1 {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2rem clamp(3rem, 9.62vw + -6.85rem, 7rem);
    border-radius: 1rem
  }
}

._firstWidget_6b779_19 {
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._firstWidget_6b779_19 {
    width: auto;
    background: var(--clr-light-100);
    border-radius: 1rem;
    flex-grow: 1
  }

  ._firstWidget_6b779_19 h2 {
    font-size: 1.8rem;
    font-weight: 600;
    padding: 1.5rem 2rem;
    border-bottom: 1px solid var(--clr-dark-400-10)
  }
}

._wrapperCartValues_6b779_37 {
  margin: 1.5rem 0
}

@media screen and (min-width: 1024px) {
  ._wrapperCartValues_6b779_37 {
    margin: 0
  }
}

@media screen and (min-width: 1024px) {
  ._wrapper_6b779_37 {
    background: var(--theme-backgroud-page);
    padding: 2rem;
    border-radius: .6rem;
    margin: 2rem;
    flex-flow: column;
    display: flex;
    gap: 2rem
  }
}

._secondWidget_6b779_58 {
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._secondWidget_6b779_58 {
    width: auto;
    margin-inline-start: 2.1rem;
    padding: 0 1rem;
    position: sticky;
    top: 8rem;
    height: 100%
  }
}

@media screen and (min-width: 1024px) {
  ._orderSummery_6b779_73 {
    width: clamp(37rem, 28.85vw + 7.46rem, 49rem);
    border-radius: 1rem;
    background: white;
    box-shadow: 0 2.17631px 7.61708px var(--clr-dark-200-20);
    min-height: 35rem;
    position: relative;
    padding-bottom: 11rem
  }
}

._sideHeading_6b779_84 {
  background: var(--clr-light-350);
  font-size: 1.8rem;
  font-weight: 600;
  padding: 1.4rem 2rem;
  position: relative
}

._badgeIcon_6b779_92 {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 3rem
}

._section_6b779_98 {
  margin: 15px 0;
  box-shadow: 0 2.17631px 7.61708px var(--clr-dark-200-20);
  background: var(--clr-light-100)
}

@media screen and (min-width: 1024px) {
  ._section_6b779_98 {
    border-radius: .6rem;
    overflow: hidden;
    margin: 0
  }
}

._section_6b779_98 button._buttonAddress_6b779_111 {
  color: var(--clr-dark-400);
  text-transform: uppercase;
  border: 1px solid var(--clr-primary-400);
  border-radius: 4px;
  font-size: 1.4rem;
  font-weight: 500;
  min-width: 80px;
  padding: 6px 12px
}

._editProfile_6b779_122 {
  background: var(--clr-light-100);
  padding: 1.5rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center
}

._editProfile_6b779_122 ._profileName_6b779_129 {
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--clr-dark-400);
  display: flex;
  flex-direction: column;
  gap: .8rem
}

@media screen and (min-width: 1024px) {
  ._editProfile_6b779_122 ._profileName_6b779_129 {
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
    margin-inline-end: 1.5rem;
    flex-direction: row
  }
}

._editProfile_6b779_122 ._profileName_6b779_129 ._mobileArea_6b779_147 {
  display: flex;
  align-items: center;
  opacity: .6
}

[dir=rtl] ._editProfile_6b779_122 ._profileName_6b779_129 ._mobileArea_6b779_147 {
  direction: ltr
}

._editProfile_6b779_122 ._profileName_6b779_129 ._mobileArea_6b779_147 ._mobileIcon_6b779_155 {
  margin-inline: .5rem
}

._editProfile_6b779_122 ._profilePhone_6b779_158 {
  font-size: 1.2rem
}

._editProfile_6b779_122 button {
  border: 1px solid rgba(73, 97, 171, .2);
  box-shadow: none;
  padding: .6rem 1.2rem;
  font-size: 1.4rem;
  font-weight: 500;
  border-radius: .4rem
}

._editProfile_6b779_122 button:hover,
._editProfile_6b779_122 button:active,
._editProfile_6b779_122 button:focus {
  border-width: .1rem
}

._deliveryMod_6b779_173 {
  background: var(--clr-light-100);
  padding-inline: 1.6rem;
  padding-block: 1.5rem;
  display: flex;
  align-items: flex-start
}

@media screen and (min-width: 1024px) {
  ._deliveryMod_6b779_173 {
    padding: 0
  }
}

._deliveryMod_6b779_173 ._iconCol_6b779_185 {
  width: 8rem;
  flex-shrink: 0;
  border-radius: 50%;
  padding: 1rem;
  overflow: hidden;
  aspect-ratio: 1/1;
  background-color: var(--clr-light-150)
}

@media screen and (min-width: 1024px) {
  ._deliveryMod_6b779_173 ._iconCol_6b779_185 {
    width: 14rem;
    margin-block-start: -2rem;
    margin-inline-start: -3rem;
    padding-block: 3rem;
    padding-inline: 4rem 2rem
  }
}

._deliveryMod_6b779_173 ._iconCol_6b779_185 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply
}

._modCol_6b779_210 {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

@media screen and (min-width: 1024px) {
  ._modCol_6b779_210 h3 {
    font-size: 1.6rem;
    color: var(--clr-dark-400);
    font-weight: 500;
    border-bottom: 1px solid var(--clr-dark-400-10);
    padding: 1.3rem 1rem
  }
}

._orderModes_6b779_225 {
  display: flex;
  flex-flow: column;
  gap: 0;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._orderModes_6b779_225 {
    flex-flow: row;
    gap: 2rem;
    padding-inline-end: 2rem
  }
}

._orderModes_6b779_225 hr {
  width: 100%;
  height: 2px;
  background-color: var(--clr-dark-400-10);
  border: 0 none;
  margin: 0
}

@media screen and (min-width: 1024px) {
  ._orderModes_6b779_225 hr {
    width: 1px;
    height: auto
  }
}

._deliveryOption_6b779_252 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-grow: 1;
  padding-inline-start: 1rem
}

@media screen and (min-width: 1024px) {
  ._deliveryOption_6b779_252 {
    align-items: flex-start;
    padding-block-start: 1.3rem
  }

  ._deliveryOption_6b779_252:first-child {
    min-width: 40%
  }

  ._deliveryOption_6b779_252:last-child {
    padding-inline-start: 0
  }
}

._deliveryOption_6b779_252 ._modTitle_6b779_271 {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.2rem;
  color: var(--clr-dark-400);
  flex-grow: 1;
  cursor: pointer;
  display: flex;
  flex-flow: column;
  margin-block-start: 1rem
}

@media screen and (min-width: 1024px) {
  ._deliveryOption_6b779_252 ._modTitle_6b779_271 {
    margin-block-start: 0
  }
}

._deliveryOption_6b779_252 ._radioButton_6b779_287 {
  float: right
}

@media screen and (min-width: 1024px) {
  ._deliveryOption_6b779_252 ._radioButton_6b779_287 {
    padding: 0
  }
}

._deliveryOption_6b779_252:nth-child(2) {
  border-bottom: 0
}

._contactLess_6b779_300 span {
  color: #000 !important
}

._contactLess_6b779_300 label {
  margin-inline: 0
}

@media screen and (min-width: 1024px) {
  ._contactLess_6b779_300 {
    padding: 1rem 0 0
  }

  ._contactLess_6b779_300 span {
    font-size: 1.4rem;
    font-weight: 600
  }
}

._checkoutCooking_6b779_316 {
  margin: 0
}

._addressList_6b779_320 {
  display: flex
}

@media screen and (min-width: 1024px) {
  ._addressList_6b779_320 {
    padding-bottom: 1.4rem;
    border-bottom: 1px solid var(--clr-dark-400-10)
  }
}

._addressList_6b779_320 ._houseIcon_6b779_329 {
  flex-grow: 0;
  width: 14%;
  display: flex;
  align-content: flex-start;
  flex-direction: column;
  margin-inline-end: 1.2rem
}

@media screen and (min-width: 1024px) {
  ._addressList_6b779_320 ._houseIcon_6b779_329 {
    width: 3.2rem
  }
}

@media screen and (min-width: 1024px) {
  ._addressList_6b779_320 ._addressListItem_6b779_343 ._addressLable_6b779_343 {
    display: flex;
    gap: 1rem;
    align-items: center
  }

  ._addressList_6b779_320 ._addressListItem_6b779_343 ._addressLable_6b779_343 h3 {
    font-size: 1.4rem;
    color: var(--clr-dark-400);
    font-weight: 500
  }
}

._addressList_6b779_320 ._addressListItem_6b779_343 ._addressLable_6b779_343 button {
  background-color: var(--theme-button-color);
  color: #fff;
  font-size: .9rem;
  min-width: 20px;
  text-align: center;
  padding: .6rem 1.6rem;
  border-radius: 2px;
  margin-bottom: .8rem;
  text-transform: uppercase;
  font-weight: 500;
  cursor: default
}

._addressList_6b779_320 ._addressListItem_6b779_343 ._addressTitle_6b779_367 {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-bottom: .5rem;
  color: var(--clr-dark-400);
  gap: .5rem;
  flex-direction: column
}

@media screen and (min-width: 1024px) {
  ._addressList_6b779_320 ._addressListItem_6b779_343 ._addressTitle_6b779_367 {
    align-items: center;
    flex-direction: row
  }
}

._addressList_6b779_320 ._addressListItem_6b779_343 ._addressDescription_6b779_382 {
  font-size: 1.2rem;
  line-height: 2.2rem;
  font-weight: 400;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._addressList_6b779_320 ._addressListItem_6b779_343 ._addressDescription_6b779_382 {
    font-size: 1.4rem
  }
}

._addressList_6b779_320 ._addressListItem_6b779_343 ._addressDescription_6b779_382 span {
  display: block;
  font-weight: 600;
  word-break: break-all
}

._orderDetail_6b779_399 {
  background: white;
  padding: 16px;
  box-shadow: 0 0 4px 0 var(--clr-light-100);
  gap: 10px
}

@media screen and (min-width: 1024px) {
  ._orderDetail_6b779_399 {
    background: var(--clr-light-100);
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 6px 6px 0 0;
    margin: 2rem;
    padding: 0
  }
}

._orderDetail_6b779_399 ._orderTotal_6b779_414 {
  background: var(--clr-light-650);
  border: 1px dashed var(--clr-secondary-300);
  border-radius: 6px !important;
  overflow: hidden;
  box-shadow: none
}

@media screen and (min-width: 1024px) {
  ._orderDetail_6b779_399 ._orderTotal_6b779_414 {
    border-radius: 0 0 6px 6px !important
  }
}

._orderDetail_6b779_399 ._orderItem_6b779_426 {
  flex-grow: 0;
  gap: 10px;
  display: flex;
  padding-block-end: 2rem
}

@media screen and (min-width: 1024px) {
  ._orderDetail_6b779_399 ._orderItem_6b779_426 {
    padding-inline: 2rem;
    padding-block: 2rem 1.5rem
  }
}

._orderDetail_6b779_399 ._orderItem_6b779_426 ._vericalBar_6b779_439 {
  border-left: .1rem solid var(--clr-dark-400-40)
}

._orderDetail_6b779_399 ._itemCount_6b779_442 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
  white-space: nowrap
}

._orderDetail_6b779_399 ._itemDetail_6b779_448 {
  font-weight: 400;
  font-size: 1.6rem;
  color: var(--clr-dark-400-80);
  line-height: 2rem
}

._orderDetail_6b779_399 ._orderInfo_6b779_454 {
  display: flex;
  background-color: var(--clr-light-650);
  padding: 16 15px;
  flex-direction: column;
  align-items: stretch
}

._orderDetail_6b779_399 ._orderInfo_6b779_454 ._vatInfo_6b779_461 {
  color: var(--clr-orange-650);
  font-size: .9rem;
  font-style: italic
}

._amountText_6b779_467 {
  font-size: 1.6rem;
  font-weight: 500;
  flex-grow: 1;
  color: var(--clr-dark-400)
}

._amountValue_6b779_474 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  direction: ltr
}

._orderTotal_6b779_414 ._orderSummary_6b779_481 {
  gap: .5rem;
  background-color: var(--clr-light-650)
}

._orderTotal_6b779_414 ._orderSummary_6b779_481.MuiAccordionSummary-root.Mui-expanded {
  min-height: 48px
}

._orderTotal_6b779_414 ._orderSummary_6b779_481 .MuiAccordionSummary-content.Mui-expanded {
  margin: 12px 0
}

._orderTotal_6b779_414 ._listItem_6b779_491 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px
}

._orderTotal_6b779_414 ._listItem_6b779_491:last-child {
  border-top: 1px solid var(--clr-dark-42);
  padding-top: 10px
}

._orderTotal_6b779_414 ._listItem_6b779_491:last-child ._textDetail_6b779_500 {
  opacity: 1
}

._orderTotal_6b779_414 ._textDetail_6b779_500 {
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--clr-dark-400);
  opacity: .5
}

._orderTotal_6b779_414 ._amountDetail_6b779_509 {
  font-size: 1.1rem;
  text-align: right;
  color: var(--clr-dark-400);
  font-size: 1.4rem
}

._orderTotal_6b779_414.MuiAccordion-root.Mui-expanded {
  margin-block: 0
}

._nobg_6b779_519 {
  padding-inline: 1.6rem;
  padding-block: 2rem
}

._nobg_6b779_519 div {
  background-color: transparent;
  border: 0
}

._nobg_6b779_519 ._errorDrawer_6b779_527 {
  min-height: 40vh;
  border-radius: 100px 100px 0 0;
  border: 1px solid var(--clr-light-100);
  display: flex;
  background-color: var(--clr-light-300);
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  box-shadow: 0 0 20px gray;
  margin-top: 50px
}

._nobg_6b779_519 ._errorDrawer_6b779_527 ._ErrorB_6b779_541 {
  background: var(--clr-primary-375);
  color: #fff;
  font-size: 1.5rem;
  text-transform: uppercase;
  border-radius: .4rem;
  width: 16.35rem;
  height: 4.8rem;
  margin: 1rem 1.45rem 0
}

._nobg_6b779_519 ._errorDrawer_6b779_527 ._error_6b779_527 {
  margin-top: 3rem;
  height: 10rem;
  width: 34.1rem;
  left: 1.7rem;
  top: 5rem;
  font-family: Rubik;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.5rem;
  letter-spacing: 0rem;
  text-align: center
}

._nobg_6b779_519 ._errorDrawer_6b779_527 ._notNow_6b779_566 {
  background-color: var(--clr-light-100);
  color: var(--clr-secondary-400)
}

._nobg_6b779_519 ._paymentDrawer_6b779_570 {
  min-height: 60vh;
  border-radius: 100px 100px 0 0;
  border: 1px solid var(--clr-light-100);
  display: flex;
  background-color: var(--clr-light-100);
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  box-shadow: 0 0 20px gray;
  margin-top: 50px
}

._nobg_6b779_519 ._paymentDrawer_6b779_570 ._madePayment_6b779_584 {
  background: var(--clr-primary-375);
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0;
  margin-top: 10px;
  border: 0;
  padding: 10px
}

._nobg_6b779_519 ._paymentDrawer_6b779_570 ._cancelB_6b779_595 {
  background: var(--clr-light-100);
  color: var(--clr-dark-900);
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0;
  margin-top: 10px;
  border: 1px solid grey;
  margin-right: 15px;
  padding: 10px
}

._nobg_6b779_519 ._paymentDrawer_6b779_570 ._image_6b779_607 {
  margin-left: -40px
}

._nobg_6b779_519 ._paymentDrawer_6b779_570 ._image_6b779_607 img {
  width: 26px;
  height: 25px
}

._nobg_6b779_519 ._paymentDrawer_6b779_570 ._paymentItem_6b779_614 {
  padding-top: 4px;
  padding-bottom: 2px
}

._nobg_6b779_519 ._topPos_6b779_618 {
  display: flex;
  position: absolute;
  top: 50px
}

._nobg_6b779_519 ._strip_6b779_623 {
  background: var(--clr-primary-375);
  width: 20px;
  height: 50px;
  margin-right: 10px
}

._futureDateBadge_6b779_630 {
  display: flex;
  justify-content: center;
  align-items: center
}

._methodTitle_6b779_636 span {
  font-size: 1.3rem;
  font-weight: 700
}

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

._futureList_6b779_647 {
  display: flex;
  height: 32rem;
  overflow-y: scroll;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 80%;
  margin-block-start: 1rem
}

._date_6b779_658,
._slots_6b779_659 {
  font-size: 1.6rem;
  font-weight: 400;
  margin-inline-start: 1rem;
  padding-block-end: 2rem;
  gap: 1.8rem
}

._date_6b779_658 .MuiFormControlLabel-label,
._slots_6b779_659 .MuiFormControlLabel-label {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8rem
}

._timeSlots_6b779_673 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex-grow: 1;
  overflow: hidden
}

._dateList_6b779_681 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  flex-grow: 0;
  position: sticky;
  top: 0;
  width: 50%
}

._mainFuture_6b779_692 {
  width: 100%;
  border-radius: 20px 20px 0 0;
  background: var(--clr-light-100);
  display: flex;
  flex-direction: column;
  align-items: center
}

._mainFuture_6b779_692 h3 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  padding-block: 1.5rem;
  padding-inline: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative
}

._mainFuture_6b779_692 h3:after {
  content: "";
  width: 3rem;
  display: block;
  height: .3rem;
  background: var(--clr-primary-450);
  border-radius: 7rem;
  position: absolute;
  bottom: .5rem
}

._placeFuture_6b779_722 {
  padding-block: 2rem;
  padding-inline: 1rem;
  box-shadow: 0 0 3rem 1.5rem var(--clr-light-100);
  z-index: 1
}

@media screen and (min-width: 1024px) {
  ._placeFuture_6b779_722 {
    padding-block: 2rem 3rem;
    white-space: nowrap
  }
}

._placeFuture_6b779_722 .MuiButton-root {
  padding-inline: 1rem .5rem
}

@media screen and (min-width: 1024px) {
  ._placeFuture_6b779_722 .MuiButton-root {
    padding-inline: 1.5rem .5rem
  }
}

@media screen and (min-width: 1024px) {
  ._placeFuture_6b779_722 button {
    height: 5rem
  }
}

._placeFuture_6b779_722 ._dateTime_6b779_747,
._placeFuture_6b779_722 ._place_6b779_722 {
  font-size: 1.5rem;
  font-weight: 500;
  text-transform: none;
  letter-spacing: normal
}

@media screen and (min-width: 1024px) {

  ._placeFuture_6b779_722 ._dateTime_6b779_747,
  ._placeFuture_6b779_722 ._place_6b779_722 {
    font-size: 1.6rem;
    letter-spacing: .02857em
  }
}

._placeFuture_6b779_722 ._dateTime_6b779_747 {
  display: flex;
  flex-grow: 1;
  width: 72%;
  border-inline-end: 1px solid rgba(255, 255, 255, .35);
  padding-inline-end: 1rem
}

._placeFuture_6b779_722 ._dateTime_6b779_747 svg {
  margin-inline-end: .6rem;
  margin-top: .5rem
}

@media screen and (min-width: 1024px) {
  ._placeFuture_6b779_722 ._dateTime_6b779_747 span {
    margin-top: .5rem
  }
}

@media screen and (min-width: 1024px) {
  ._placeFuture_6b779_722 ._dateTime_6b779_747 {
    padding-block: 2rem 3rem;
    padding-inline-end: 1.5rem;
    align-items: center
  }
}

._placeFuture_6b779_722 ._place_6b779_722 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 1rem 0
}

@media screen and (min-width: 1024px) {
  ._placeFuture_6b779_722 ._place_6b779_722 {
    padding-inline: 1.5rem 0
  }
}

._placeFuture_6b779_722 ._place_6b779_722 svg {
  font-size: 2.1rem;
  margin-inline-start: .5rem
}

._futureValueDisktop_6b779_800 {
  font-size: 1.2rem;
  background: var(--theme-product-bg-blue-color);
  border-radius: 4px;
  font-weight: 400;
  color: var(--theme-product-blue-color);
  line-height: 1.4rem;
  width: 100%;
  margin: 1rem 0
}

._futureValueDisktop_6b779_800 ._title_6b779_810 {
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-secondary-400-70);
  display: inline-block;
  width: auto;
  background: rgba(0, 122, 255, .04);
  border-radius: .4rem;
  padding: 1rem .6rem
}

._futureValueDisktop_6b779_800 ._subTitle_6b779_821 {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-dark-400);
  background: var(--clr-dark-425-50);
  padding: .3rem 1rem;
  gap: 1rem;
  white-space: nowrap
}

._futureValueDisktop_6b779_800 ._subTitle_6b779_821 ._icon_6b779_185 {
  width: 2rem;
  height: 2rem;
  background: var(--clr-light-600);
  color: var(--clr-light-100);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4rem
}

._addressBox_6b779_843 {
  display: flex;
  padding-inline: 2rem;
  padding-block: 1.5rem;
  flex-direction: column
}

._addressTitleMain_6b779_850 {
  display: flex;
  justify-content: space-between;
  align-items: center
}

._addressTitleMain_6b779_850 h4 {
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--clr-dark-400)
}

._addressTitleMain_6b779_850 ._storeAddressText_6b779_860 {
  color: var(--clr-dark-400);
  opacity: .7;
  font-weight: 500;
  font-size: 1.2rem
}

._addressTitleMain_6b779_850 .MuiButton-root:hover {
  background-color: var(--clr-primary-400);
  color: var(--clr-dark-400)
}

._addressTitle_6b779_367 {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem
}

._addressTitle_6b779_367 h4 {
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--clr-dark-400)
}

._addressTitle_6b779_367 ._storeAddressText_6b779_860 {
  color: var(--clr-dark-400);
  opacity: .7;
  font-weight: 500;
  font-size: 1.2rem
}

._addressTitle_6b779_367 ._adDlvryLabel_6b779_887 {
  background: var(--clr-primary-400);
  padding-inline: 1rem;
  border-radius: .4rem;
  color: var(--clr-dark-400);
  font-size: 1rem;
  font-weight: 700;
  line-height: 3rem;
  text-transform: uppercase
}

._addressDrawer_6b779_898 {
  background: var(--clr-light-100);
  border-radius: 20px 20px 0 0;
  min-height: 220px
}

._bottomNav_6b779_904 {
  position: fixed;
  width: 100%;
  padding: 1rem 1.6rem;
  bottom: 0;
  background: white;
  box-shadow: 0 -6px 20px #0000001a
}

._bottomNav_6b779_904 button {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 1.5rem;
  box-shadow: 0 6px 10px #de000033;
  border-radius: 4px
}

._placeButton_6b779_921 {
  width: 100%;
  bottom: 0;
  position: absolute
}

._spacing_6b779_927 {
  margin-bottom: 1.4rem
}

._desktopContainer_6b779_931 {
  padding-inline: clamp(3rem, 9.62vw + -6.85rem, 7rem);
  padding-top: 3rem
}

._pageHeading_6b779_936 {
  font-size: 2.4rem;
  font-weight: 700;
  padding-bottom: 1.3rem;
  border-bottom: 1px solid var(--clr-dark-400-20);
  position: relative
}

._pageHeading_6b779_936:after {
  display: block;
  content: "";
  width: 8rem;
  height: 3px;
  background: var(--clr-primary-400);
  position: absolute;
  bottom: 0;
  border-radius: 20px
}

._Skeleton_6b779_954 {
  margin-bottom: 1rem
}

._disableGrid_6b779_958 {
  opacity: .6;
  pointer-events: none
}

._savedMethod_6b779_963 {
  display: flex;
  width: 100%;
  justify-content: space-between
}

._savedMethod_6b779_963 ._payMethod_6b779_968 {
  flex-basis: 30%;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  justify-content: center
}

._savedMethod_6b779_963 ._payButton_6b779_975 {
  flex-basis: 72%
}

._payHeading_6b779_979 {
  display: flex;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2rem;
  gap: 2rem;
  text-transform: uppercase
}

._cardInfo_6b779_988 {
  display: flex;
  align-items: center;
  gap: 1rem
}

._cardInfo_6b779_988 ._title_6b779_810 span {
  background: var(--clr-grass-green-700);
  color: var(--clr-light-100);
  font-size: 1rem;
  padding: .3rem;
  border-radius: .4rem
}

._latestPayment_6b779_1001 {
  display: flex;
  width: 100%;
  position: relative;
  flex-direction: column;
  height: 100%;
  border-top: none
}

@media screen and (min-width: 1024px) {
  ._latestPayment_6b779_1001 {
    border-top: solid 1px var(--clr-dark-400-10)
  }
}

._latestPayment_6b779_1001 h3 {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: var(--clr-dark-400);
  padding: 0 2rem 1rem
}

@media screen and (min-width: 1024px) {
  ._latestPayment_6b779_1001 h3 {
    padding: 2rem 2rem 0
  }
}

._latestPayment_6b779_1001 ._method_6b779_636 {
  background: var(--clr-light-100);
  padding: 1.5rem 2rem 0;
  box-shadow: 0 0 4px 0 var(--clr-light-100)
}

@media screen and (min-width: 1024px) {
  ._latestPayment_6b779_1001 ._method_6b779_636 {
    box-shadow: none
  }
}

._latestPayment_6b779_1001 ._payImage_6b779_1036 {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: var(--clr-dark-400);
  background: #f5f5f5;
  border: 1px solid rgba(57, 63, 82, .1);
  border-radius: 6px;
  padding: 1rem 1.8rem
}

._latestPayment_6b779_1001 ._payImage_6b779_1036 img,
._latestPayment_6b779_1001 ._payImage_6b779_1036 span {
  flex-grow: 0
}

._latestPayment_6b779_1001 ._payImage_6b779_1036 ._title_6b779_810 {
  flex-grow: 1
}

._latestPayment_6b779_1001 ._change_6b779_1055 {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: var(--clr-dark-400);
  padding-top: 1.5rem;
  display: flex;
  align-items: center;
  cursor: pointer
}

._latestPayment_6b779_1001 ._change_6b779_1055 span {
  padding-inline: 1rem 0;
  font-size: 3rem
}

[dir=rtl] ._latestPayment_6b779_1001 ._change_6b779_1055 span {
  padding-inline: 0 1rem;
  transform: scaleX(-1)
}

._errorDrawer_6b779_527 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%
}

@media screen and (min-width: 1024px) {
  ._errorDrawer_6b779_527 {
    max-width: 45rem
  }
}

._errorDrawer_6b779_527 ._heading_6b779_1086 {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.8rem;
  color: var(--clr-dark-400);
  padding: 1.5rem
}

._errorDrawer_6b779_527 ._error_6b779_527 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.5rem;
  padding: 0 1.8rem;
  color: var(--clr-dark-400)
}

._errorDrawer_6b779_527 ._buttons_6b779_1104 {
  display: flex;
  gap: 1.5rem;
  padding: 2.5rem
}

._errorDrawer_6b779_527 ._buttons_6b779_1104 button {
  font-size: 1.3rem;
  font-weight: 500;
  white-space: nowrap
}

._futureDrawerMain_6b779_1115 {
  min-width: 100%;
  background: var(--clr-light-100)
}

@media screen and (min-width: 1024px) {
  ._futureDrawerMain_6b779_1115 {
    min-width: 41.5rem
  }
}

._clockIcon_6b779_1125 {
  display: inline-flex;
  margin-inline-start: 1rem
}

._errorNote_6b779_1130 {
  margin-top: 1rem;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 2.5rem;
  padding: 0 1.8rem;
  color: var(--clr-dark-400)
}

._lightningPayToggle_6b779_1139 {
  margin-top: 1.5rem;
  margin-bottom: .6rem
}

._lightningPayWarningConainer_6b779_1144 {
  display: flex;
  align-items: center;
  margin-top: .8rem
}

._lightningPayWarningConainer_6b779_1144 ._lightningPayWarningText_6b779_1149 {
  font-style: normal;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #fb8d45;
  flex: none;
  order: 0;
  flex-grow: 0
}

._lightningPayWarningConainer_6b779_1144 ._warningIcon_6b779_1159 {
  color: #007aff;
  font-size: 1.2rem;
  cursor: pointer
}

._dropcart_6b779_1165 {
  padding: 2rem 1rem;
  background: #fff;
  color: var(--clr-dark-400);
  font-size: 1.2rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

@media screen and (min-width: 1024px) {
  ._dropcart_6b779_1165 {
    max-width: 30rem
  }
}

._dropcart_6b779_1165 ._content_6b779_1183 {
  text-align: center;
  line-height: 1.4rem
}

._dropcart_6b779_1165 ._action_6b779_1187 {
  margin-top: 2rem;
  display: flex;
  gap: 1rem
}

._dropcart_6b779_1165 ._action_6b779_1187 button {
  padding: 1rem
}

._radioButton_6b779_287 span {
  color: #000
}

._dineInPopupRoot_6b779_1200 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

._dineInPopupRoot_6b779_1200 ._topImg_6b779_1206 {
  width: 100%;
  height: auto
}

._dineInPopupRoot_6b779_1200 ._inputDiv_6b779_1210 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: calc(100% - 3rem);
  margin-block: 1rem;
  padding-inline: 1.5rem;
  border: .1rem solid rgba(57, 63, 82, .1);
  border-radius: 1rem;
  background-color: #fafafa
}

._dineInPopupRoot_6b779_1200 ._inputDiv_6b779_1210 ._heading_6b779_1086 {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.659rem;
  margin-block-start: 2rem
}

._dineInPopupRoot_6b779_1200 ._inputDiv_6b779_1210 ._inputField_6b779_1229 {
  border: .1rem solid #000000;
  background-color: #fff;
  width: 100%;
  border-radius: .4rem;
  height: 4.8rem;
  padding-inline: .5rem
}

._dineInPopupRoot_6b779_1200 ._inputDiv_6b779_1210 ._dineInfooter_6b779_1237 {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between
}

._dineInPopupRoot_6b779_1200 ._inputDiv_6b779_1210 ._dineInfooter_6b779_1237 ._dineInExample_6b779_1243 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.185rem;
  color: #a9bdd0
}

._dineInPopupRoot_6b779_1200 ._inputDiv_6b779_1210 ._dineInfooter_6b779_1237 ._mandatory_6b779_1249 {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.422rem;
  color: #c8102e
}

._dineInPopupRoot_6b779_1200 ._proceedButton_6b779_1256 {
  width: calc(100% - 3rem);
  height: 5rem;
  margin-block: 1.5rem;
  font-size: 1.6rem
}

._nobg_a1iqj_1 div {
  background-color: transparent;
  border: 0
}

._nobg_a1iqj_1 ._errorDrawer_a1iqj_5 {
  min-height: 40vh;
  border-radius: 100px 100px 0 0;
  border: 1px solid var(--clr-light-100);
  display: flex;
  background-color: var(--clr-light-100);
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  box-shadow: 0 0 20px gray;
  margin-top: 50px
}

._nobg_a1iqj_1 ._errorDrawer_a1iqj_5 ._ErrorB_a1iqj_19 {
  background: var(--clr-primary-375);
  color: #fff;
  font-size: 1.5rem;
  text-transform: uppercase;
  border-radius: 0;
  margin-top: 10px
}

._nobg_a1iqj_1 ._errorDrawer_a1iqj_5 ._error_a1iqj_5 {
  margin-top: 30px;
  text-align: center
}

._nobg_a1iqj_1 ._paymentDrawer_a1iqj_31,
._nobg_a1iqj_1 ._paymentDrawerNocard_a1iqj_31 {
  min-height: 60vh;
  max-height: 90vh;
  border-radius: 100px 100px 0 0;
  border: 1px solid var(--clr-light-10);
  display: flex;
  background-color: var(--clr-light-100);
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  box-shadow: 0 0 20px gray;
  margin-top: 50px
}

._nobg_a1iqj_1 ._paymentDrawer_a1iqj_31 ._madePayment_a1iqj_46,
._nobg_a1iqj_1 ._paymentDrawerNocard_a1iqj_31 ._madePayment_a1iqj_46 {
  background: var(--clr-primary-375);
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0;
  margin-top: 10px;
  border: 0;
  padding: 10px
}

._nobg_a1iqj_1 ._paymentDrawer_a1iqj_31 ._cancelB_a1iqj_57,
._nobg_a1iqj_1 ._paymentDrawerNocard_a1iqj_31 ._cancelB_a1iqj_57 {
  background: var(--clr-light-100);
  color: var(--clr-dark-900);
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0;
  margin-top: 10px;
  border: 1px solid grey;
  margin-right: 15px;
  padding: 10px
}

._nobg_a1iqj_1 ._paymentDrawer_a1iqj_31 ._image_a1iqj_69,
._nobg_a1iqj_1 ._paymentDrawerNocard_a1iqj_31 ._image_a1iqj_69 {
  margin-left: -40px
}

._nobg_a1iqj_1 ._paymentDrawer_a1iqj_31 ._image_a1iqj_69 img,
._nobg_a1iqj_1 ._paymentDrawerNocard_a1iqj_31 ._image_a1iqj_69 img {
  width: 26px;
  height: 25px;
  object-fit: contain
}

._nobg_a1iqj_1 ._paymentDrawer_a1iqj_31 ._paymentItem_a1iqj_77,
._nobg_a1iqj_1 ._paymentDrawerNocard_a1iqj_31 ._paymentItem_a1iqj_77 {
  padding-top: 4px;
  padding-bottom: 2px
}

._nobg_a1iqj_1 ._topPos_a1iqj_81 {
  display: flex;
  position: absolute;
  top: 50px
}

._nobg_a1iqj_1 ._strip_a1iqj_86 {
  background: var(--clr-primary-375);
  width: 20px;
  height: 50px;
  margin-right: 10px
}

._methods_a1iqj_93 {
  display: flex;
  flex-direction: column
}

._methods_a1iqj_93 ._badge_a1iqj_97 {
  position: absolute;
  inset: 0 auto auto 50%;
  transform: translate(-50%)
}

._paymentDrawer_a1iqj_31,
._paymentDrawerNocard_a1iqj_31 {
  padding-top: 3.5rem
}

@media screen and (min-width: 1024px) {

  ._paymentDrawer_a1iqj_31,
  ._paymentDrawerNocard_a1iqj_31 {
    width: 72rem;
    background-color: var(--clr-light-100)
  }
}

._paymentDrawer_a1iqj_31 ._paymentContainer_a1iqj_112,
._paymentDrawerNocard_a1iqj_31 ._paymentContainer_a1iqj_112 {
  display: flex;
  flex-direction: column
}

@media screen and (min-width: 1024px) {

  ._paymentDrawer_a1iqj_31 ._paymentContainer_a1iqj_112,
  ._paymentDrawerNocard_a1iqj_31 ._paymentContainer_a1iqj_112 {
    flex-direction: row-reverse
  }
}

._paymentDrawer_a1iqj_31 ._paymentContainer_a1iqj_112 ._savedCardsText_a1iqj_121,
._paymentDrawerNocard_a1iqj_31 ._paymentContainer_a1iqj_112 ._savedCardsText_a1iqj_121 {
  padding-top: 2rem;
  padding-bottom: .8rem;
  padding-inline: 1.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  opacity: .6;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {

  ._paymentDrawer_a1iqj_31 ._paymentContainer_a1iqj_112 ._savedCardsText_a1iqj_121,
  ._paymentDrawerNocard_a1iqj_31 ._paymentContainer_a1iqj_112 ._savedCardsText_a1iqj_121 {
    padding-block: 0 1.5rem
  }
}

@media screen and (max-width: 768px) {

  ._paymentDrawer_a1iqj_31 .MuiDivider-root,
  ._paymentDrawerNocard_a1iqj_31 .MuiDivider-root {
    margin-block: 1.5rem 2rem
  }
}

._paymentDrawer_a1iqj_31 h3,
._paymentDrawerNocard_a1iqj_31 h3 {
  font-size: 1.6rem;
  color: var(--clr-dark-400);
  font-weight: 500
}

._paymentDrawer_a1iqj_31 ._paymentList_a1iqj_145,
._paymentDrawerNocard_a1iqj_31 ._paymentList_a1iqj_145 {
  width: 100%
}

@media screen and (min-width: 1024px) {

  ._paymentDrawer_a1iqj_31 ._paymentList_a1iqj_145,
  ._paymentDrawerNocard_a1iqj_31 ._paymentList_a1iqj_145 {
    height: auto
  }
}

._paymentDrawer_a1iqj_31 ._paymentList_a1iqj_145 h2,
._paymentDrawerNocard_a1iqj_31 ._paymentList_a1iqj_145 h2 {
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0 2rem;
  text-transform: uppercase;
  color: var(--clr-dark-300-60)
}

@media screen and (min-width: 1024px) {

  ._paymentDrawer_a1iqj_31 ._savedCards_a1iqj_121,
  ._paymentDrawerNocard_a1iqj_31 ._savedCards_a1iqj_121 {
    width: 100%
  }

  ._paymentDrawer_a1iqj_31 ._savedCards_a1iqj_121 h2,
  ._paymentDrawerNocard_a1iqj_31 ._savedCards_a1iqj_121 h2 {
    font-size: 1.4rem;
    padding: 0 2rem;
    color: var(--clr-dark-300-60)
  }
}

._paymentDrawer_a1iqj_31 ._payment_a1iqj_31,
._paymentDrawerNocard_a1iqj_31 ._payment_a1iqj_31 {
  width: 100%;
  display: flex;
  flex-wrap: wrap
}

@media screen and (min-width: 1024px) {

  ._paymentDrawer_a1iqj_31 ._payment_a1iqj_31,
  ._paymentDrawerNocard_a1iqj_31 ._payment_a1iqj_31 {
    flex-wrap: nowrap;
    min-width: 36rem
  }
}

._paymentDrawer_a1iqj_31 ul,
._paymentDrawerNocard_a1iqj_31 ul {
  padding: 1.5rem 1.5rem 0
}

._paymentDrawer_a1iqj_31 li,
._paymentDrawerNocard_a1iqj_31 li {
  background: var(--clr-light-100);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 6px;
  border: 1px solid rgba(57, 63, 82, .1);
  margin-bottom: 1.6rem
}

._paymentDrawer_a1iqj_31 ._methodTitle_a1iqj_191 span,
._paymentDrawerNocard_a1iqj_31 ._methodTitle_a1iqj_191 span {
  font-size: 1.6rem;
  color: var(--clr-dark-400);
  padding-left: 1.4rem;
  font-weight: 500
}

._paymentDrawer_a1iqj_31 ._paymentButton_a1iqj_197,
._paymentDrawerNocard_a1iqj_31 ._paymentButton_a1iqj_197 {
  padding: 2rem;
  margin-block-start: 2rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
  border-block-start: 1px solid var(--clr-dark-400-10);
  position: sticky;
  bottom: 0;
  background-color: var(--clr-light-100);
  box-shadow: 0 -6px 20px #0000001a
}

._paymentDrawer_a1iqj_31 ._paymentButton_a1iqj_197 ._contactLess_a1iqj_212 label,
._paymentDrawerNocard_a1iqj_31 ._paymentButton_a1iqj_197 ._contactLess_a1iqj_212 label {
  padding-inline: 0;
  margin-inline-start: 0
}

._paymentDrawer_a1iqj_31 ._paymentButton_a1iqj_197 ._contactLess_a1iqj_212 label .MuiCheckbox-root,
._paymentDrawerNocard_a1iqj_31 ._paymentButton_a1iqj_197 ._contactLess_a1iqj_212 label .MuiCheckbox-root {
  padding-block: 0;
  padding-inline-start: 0
}

._paymentDrawer_a1iqj_31 ._paymentButton_a1iqj_197 ._contactLess_a1iqj_212 label .MuiFormControlLabel-label,
._paymentDrawerNocard_a1iqj_31 ._paymentButton_a1iqj_197 ._contactLess_a1iqj_212 label .MuiFormControlLabel-label {
  font-size: 1.4rem
}

._paymentDrawer_a1iqj_31 ._paymentButton_a1iqj_197 button,
._paymentDrawerNocard_a1iqj_31 ._paymentButton_a1iqj_197 button {
  flex: 1 1 40%
}

._paymentDrawer_a1iqj_31 ._paymentButton_a1iqj_197 button:last-child,
._paymentDrawerNocard_a1iqj_31 ._paymentButton_a1iqj_197 button:last-child {
  flex: 1 1 60%
}

._paymentDrawer_a1iqj_31 ._Skeleton_a1iqj_229,
._paymentDrawerNocard_a1iqj_31 ._Skeleton_a1iqj_229 {
  margin-bottom: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._paymentDrawerNocard_a1iqj_31 {
    width: 39rem
  }
}

._paymentDrawerNocard_a1iqj_31 button {
  flex: 1 1 40%
}

._paymentDrawerNocard_a1iqj_31 button:last-child {
  flex: 1 1 60%
}

._paymentDrawerNocard_a1iqj_31 ul {
  padding: 2rem 2rem 0
}

@media screen and (min-width: 1024px) {
  ._paymentDrawerNocard_a1iqj_31 ._paymentContainer_a1iqj_112 {
    display: flex;
    flex-direction: initial
  }
}

._submitButton_a1iqj_254 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1rem;
  flex-grow: 1
}

@media screen and (min-width: 1024px) {
  ._submitButton_a1iqj_254 {
    display: flex;
    justify-content: flex-start
  }
}

._submitButton_a1iqj_254 button {
  font-weight: 600 !important
}

html[dir=rtl] ._radio_a1iqj_271 {
  left: .4rem;
  right: auto
}

html[dir=rtl] ._paymentItem_a1iqj_77 {
  padding-left: 48px;
  padding-right: 16px
}

html[dir=rtl] ._methodTitle_a1iqj_191 {
  text-align: start;
  padding-right: 16px
}

._cardsRoot_a1iqj_286 {
  overflow-x: auto;
  display: flex;
  flex-direction: row;
  gap: 1.6rem;
  padding-inline: 1.6rem
}

@media screen and (min-width: 1024px) {
  ._cardsRoot_a1iqj_286 {
    width: 36rem;
    flex-direction: column;
    overflow-x: hidden
  }
}

._cardsRoot_a1iqj_286 ._cardContainerArea_a1iqj_300 {
  flex: none;
  cursor: pointer;
  max-width: 90%
}

._cardProps_a1iqj_306 {
  border-radius: 11.24px;
  position: relative;
  height: 11rem;
  overflow: hidden
}

@media screen and (min-width: 1024px) {
  ._cardProps_a1iqj_306 {
    width: 100%;
    height: 12rem
  }
}

._cardProps_a1iqj_306 ._cardName_a1iqj_318 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-light-100)
}

._cardProps_a1iqj_306 ._cardNumber_a1iqj_323 {
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--clr-light-100);
  padding-bottom: .7rem;
  padding-inline: 1.1rem;
  padding-top: .5rem
}

[dir=rtl] ._cardProps_a1iqj_306 ._cardNumber_a1iqj_323 {
  direction: ltr
}

._cardProps_a1iqj_306 ._cardSelector_a1iqj_334 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
  padding-inline: 1.1rem
}

._cardProps_a1iqj_306 ._cardRadio_a1iqj_341 input {
  height: 2rem;
  width: 2rem
}

._cardProps_a1iqj_306 ._bgImage_a1iqj_345 {
  aspect-ratio: 723/321;
  width: 100%;
  height: 100%;
  object-fit: cover
}

._cardProps_a1iqj_306 ._fgImage_a1iqj_351 {
  height: 2rem
}

._cardProps_a1iqj_306 ._cardProperties_a1iqj_354 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

._cardProps_a1iqj_306 ._fgContainer_a1iqj_358 {
  padding: 1.1rem;
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: 0;
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  width: 100%;
  padding-inline-end: 3rem
}

._rootpod_a1iqj_370,
._rootpod1_a1iqj_370 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  border-radius: .6rem;
  border: 1px solid var(--clr-primary-400);
  background-color: var(--clr-light-100);
  padding-block: 1rem;
  padding-inline-start: 2.4rem;
  padding-inline-end: .4rem;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e
}

._rootpod_a1iqj_370 ._headerArea_a1iqj_382,
._rootpod1_a1iqj_370 ._headerArea_a1iqj_382 {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  cursor: pointer
}

._rootpod_a1iqj_370 ._headerArea_a1iqj_382 ._heading_a1iqj_388,
._rootpod1_a1iqj_370 ._headerArea_a1iqj_382 ._heading_a1iqj_388 {
  font-weight: 500;
  font-size: 1.6rem;
  color: var(--clr-dark-400);
  padding-inline-start: 1.6rem
}

._rootpod_a1iqj_370 ._headerArea_a1iqj_382 ._selectedRadio_a1iqj_394,
._rootpod1_a1iqj_370 ._headerArea_a1iqj_382 ._selectedRadio_a1iqj_394 {
  flex-grow: 1;
  padding-inline: .6rem
}

._rootpod_a1iqj_370 ._headerArea_a1iqj_382 ._selectedRadio_a1iqj_394 ._radioTag_a1iqj_398,
._rootpod1_a1iqj_370 ._headerArea_a1iqj_382 ._selectedRadio_a1iqj_394 ._radioTag_a1iqj_398 {
  font-size: 1rem;
  font-weight: 500;
  padding-inline: .6rem;
  padding-block: .4rem;
  background-color: var(--clr-grass-green-700);
  border-radius: .4rem;
  color: var(--clr-light-100)
}

._rootpod_a1iqj_370 ._headerArea_a1iqj_382 img,
._rootpod1_a1iqj_370 ._headerArea_a1iqj_382 img {
  width: 4rem
}

._rootpod_a1iqj_370 ._radioContainer_a1iqj_410,
._rootpod1_a1iqj_370 ._radioContainer_a1iqj_410 {
  display: flex;
  justify-content: space-between
}

._rootpod_a1iqj_370 ._radioContainer_a1iqj_410 ._buttonArea_a1iqj_414,
._rootpod1_a1iqj_370 ._radioContainer_a1iqj_410 ._buttonArea_a1iqj_414,
._rootpod_a1iqj_370 ._radioContainer_a1iqj_410 ._buttonAreaDisable_a1iqj_414,
._rootpod1_a1iqj_370 ._radioContainer_a1iqj_410 ._buttonAreaDisable_a1iqj_414 {
  background: var(--clr-light-650);
  display: flex;
  align-items: center;
  border-radius: .4rem;
  width: 14rem
}

._rootpod_a1iqj_370 ._radioContainer_a1iqj_410 ._buttonAreaDisable_a1iqj_414,
._rootpod1_a1iqj_370 ._radioContainer_a1iqj_410 ._buttonAreaDisable_a1iqj_414 {
  opacity: .6;
  pointer-events: none
}

._rootpod_a1iqj_370 ._radioContainer_a1iqj_410 ._radioText_a1iqj_425,
._rootpod1_a1iqj_370 ._radioContainer_a1iqj_410 ._radioText_a1iqj_425 {
  flex-grow: 1;
  font-size: 1.2rem;
  font-weight: 500
}

._rootpod_a1iqj_370 ._codWarningContainer_a1iqj_430,
._rootpod1_a1iqj_370 ._codWarningContainer_a1iqj_430 {
  padding-block-start: 1rem
}

._rootpod_a1iqj_370 ._codWarningText_a1iqj_433,
._rootpod1_a1iqj_370 ._codWarningText_a1iqj_433 {
  font-size: .9rem;
  font-weight: 500;
  color: var(--clr-primary-400)
}

._rootpod_a1iqj_370 ._verifyButton_a1iqj_438,
._rootpod1_a1iqj_370 ._verifyButton_a1iqj_438 {
  color: var(--clr-secondary-400);
  margin: .5rem;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600
}

._rootpod_a1iqj_370 ._disabledText_a1iqj_445,
._rootpod1_a1iqj_370 ._disabledText_a1iqj_445 {
  color: var(--clr-dark-200) !important
}

._rootpod_a1iqj_370 ._warningText_a1iqj_448,
._rootpod1_a1iqj_370 ._warningText_a1iqj_448 {
  color: var(--clr-orange-500);
  margin-inline-start: 1.6rem;
  margin-top: .5rem;
  font-size: 1rem;
  font-weight: 500
}

._rootpod_a1iqj_370 ._warningContainer_a1iqj_455,
._rootpod1_a1iqj_370 ._warningContainer_a1iqj_455 {
  display: flex;
  align-items: center
}

._rootpod_a1iqj_370 ._warningContainer_a1iqj_455 ._warningText_a1iqj_448,
._rootpod1_a1iqj_370 ._warningContainer_a1iqj_455 ._warningText_a1iqj_448 {
  color: var(--clr-orange-500);
  font-size: 1.2rem;
  font-weight: 400;
  padding-inline: .5rem
}

._rootpod_a1iqj_370 ._warningContainer_a1iqj_455 ._warningText_a1iqj_448 svg,
._rootpod1_a1iqj_370 ._warningContainer_a1iqj_455 ._warningText_a1iqj_448 svg {
  cursor: pointer
}

._rootpod1_a1iqj_370 {
  border: 1px solid transparent
}

._hideContent_a1iqj_473 {
  display: none
}

._invsbleContent_a1iqj_477 {
  visibility: hidden
}

._paymentItem_a1iqj_77 ._image_a1iqj_69 img {
  object-fit: contain
}

._lightningPayWarningConainer_a1iqj_485 {
  display: flex;
  align-items: center;
  margin-top: .8rem;
  margin-bottom: .8rem
}

._lightningPayWarningConainer_a1iqj_485 ._lightningPayWarningText_a1iqj_491 {
  font-style: normal;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #fb8d45;
  flex: none;
  order: 0;
  flex-grow: 0
}

._lightningPayWarningConainer_a1iqj_485 ._warningIcon_a1iqj_501 {
  color: #007aff;
  font-size: 1.2rem;
  cursor: pointer
}

._root_1paby_1 {
  display: flex;
  background: rgba(0, 0, 0, .3);
  border-radius: 5.25424px;
  height: 3rem;
  max-width: 15rem;
  padding-inline: .3rem
}

._root_1paby_1 ._icon_1paby_9 {
  margin-top: .2rem
}

._root_1paby_1 ._text_1paby_12 {
  min-width: fit-content;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--clr-light-100);
  margin-inline-start: .4rem;
  margin-inline-end: .6rem;
  display: flex;
  align-items: center
}

._root_1paby_1 ._toggle_1paby_23 {
  zoom: 1.2;
  margin-top: -.9rem;
  margin-inline-end: -3rem
}

._root_1paby_1 ._warningIcon_1paby_28 {
  color: #007aff;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 1.2rem
}

.MuiSwitch-track {
  background-color: #39393d
}

._root_8gkys_1 {
  background: #fff;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap
}

@media screen and (min-width: 1024px) {
  ._root_8gkys_1 {
    height: 100%;
    width: 31rem
  }
}

._root_8gkys_1 ._img_8gkys_16,
._root_8gkys_1 ._img_8gkys_16 img {
  width: 100%
}

._root_8gkys_1 ._couponText_8gkys_22 {
  width: 100%;
  padding: 2rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  text-align: center
}

._root_8gkys_1 ._couponText_8gkys_22 span {
  color: var(--clr-primary-400)
}

._root_8gkys_1 ._cta_8gkys_34 {
  width: 100%;
  padding: 0 2rem
}

._root_8gkys_1 ._cta_8gkys_34 button {
  width: 100%
}

._root_8gkys_1 ._cta_8gkys_34 button span {
  display: flex;
  flex-direction: column
}

._root_8gkys_1 ._ctaSecondry_8gkys_45 {
  width: 100%;
  margin: 2rem 0 1rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500;
  text-align: center;
  color: var(--clr-dark-400);
  background: var(--clr-light-250)
}

@media screen and (min-width: 1024px) {
  ._root_8gkys_1 ._ctaSecondry_8gkys_45 {
    margin-bottom: 2rem
  }
}

._addressDrawer_1oevb_1 {
  background: var(--clr-light-100);
  min-height: 25rem
}

._root_1cvor_1 {
  width: 30rem;
  height: 52rem;
  text-align: center;
  position: relative;
  background-color: var(--clr-light-100)
}

._root_1cvor_1 ._titleSection_1cvor_8 {
  cursor: pointer;
  background: var(--clr-dark-400);
  padding: 1rem;
  margin-top: 1rem;
  width: 100%;
  font-style: normal;
  font-weight: 500;
  font-size: 2.5rem;
  text-align: center;
  color: var(--clr-light-400);
  text-transform: uppercase
}

._root_1cvor_1 ._descriptionSection_1cvor_21 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 150%;
  text-align: center;
  padding-inline: 1rem;
  margin-top: 2rem;
  color: var(--clr-dark-400)
}

._root_1cvor_1 ._descriptionSection_1cvor_21 ._heightLight_1cvor_31 {
  color: var(--clr-orange-500)
}

._root_1cvor_1 ._enableLightingPay_1cvor_34 {
  width: 25rem;
  background: var(--theme-cartbar-button-bg);
  border-radius: 5px;
  margin-inline: auto;
  margin-top: 1rem;
  text-align: center;
  padding: 1rem
}

._root_1cvor_1 ._enableLightingPay_1cvor_34 ._title_1cvor_8 {
  font-style: normal;
  font-weight: 700;
  font-size: 1.6rem;
  text-transform: uppercase;
  color: var(--clr-dark-400)
}

._root_1cvor_1 ._enableLightingPay_1cvor_34 ._description_1cvor_21 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  margin-top: .3rem
}

._root_1cvor_1 ._maybeLaterSection_1cvor_57 {
  width: 100%;
  padding: 1rem;
  background: var(--clr-primary-light);
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  text-align: center;
  text-transform: capitalize;
  color: var(--clr-dark-400);
  margin-top: 1.5rem
}

._root_1cvor_1 ._doNotRemindSection_1cvor_69 {
  font-style: italic;
  font-weight: 500;
  font-size: 1.2rem;
  text-align: center;
  text-decoration-line: underline;
  color: #666;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin-top: 1.4rem
}

._root_1cvor_1 ._warningIcon_1cvor_81 {
  color: #007aff
}

._root_1gg5j_1 {
  height: 30rem;
  width: 100%;
  border-radius: 1rem;
  text-align: center;
  position: relative;
  background-color: var(--clr-light-100)
}

@media screen and (min-width: 1024px) {
  ._root_1gg5j_1 {
    width: 38rem
  }
}

._root_1gg5j_1 ._titlePay_1gg5j_14 {
  direction: ltr;
  margin-inline-end: .5rem
}

._root_1gg5j_1 ._modalTitle_1gg5j_18 {
  display: flex;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: var(--clr-dark-400);
  justify-content: center;
  margin-top: 1.5rem
}

._root_1gg5j_1 ._titleDivider_1gg5j_29 {
  width: 2.2rem;
  height: .3rem;
  background: var(--clr-primary-400);
  margin-inline: auto;
  border-radius: 1rem;
  margin-top: .8rem;
  margin-bottom: 3rem
}

._root_1gg5j_1 ._timerSection_1gg5j_38 {
  padding: 1.3rem;
  display: flex;
  vertical-align: middle;
  justify-content: space-between;
  background: #eaf3fd;
  border-radius: 1.5rem;
  width: 34rem;
  margin-inline: auto;
  text-align: start
}

._root_1gg5j_1 ._timerSection_1gg5j_38 ._text_1gg5j_49 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  color: var(--clr-dark-400);
  direction: ltr
}

._root_1gg5j_1 ._timerSection_1gg5j_38 ._icon_1gg5j_58 {
  margin-top: 1rem;
  margin-inline-end: 1.3rem;
  width: 6rem
}

._root_1gg5j_1 ._timerSection_1gg5j_38 ._icon_1gg5j_58 svg {
  width: 100%
}

._root_1gg5j_1 ._footerSection_1gg5j_66 {
  display: flex;
  width: 34rem;
  margin-inline: auto;
  justify-content: space-between;
  margin-top: 2rem
}

._root_1gg5j_1 ._footerSection_1gg5j_66 ._priceSection_1gg5j_73 {
  text-align: start;
  margin-top: 1rem
}

._root_1gg5j_1 ._footerSection_1gg5j_66 ._priceSection_1gg5j_73 ._price_1gg5j_73 {
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  text-transform: uppercase
}

._root_1gg5j_1 ._footerSection_1gg5j_66 ._priceSection_1gg5j_73 ._text_1gg5j_49 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  text-transform: uppercase
}

._root_1gg5j_1 ._footerSection_1gg5j_66 ._cancelButton_1gg5j_89 {
  width: 20rem;
  height: 5rem;
  font-style: normal;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
  text-transform: uppercase
}

._timerContent_o8ead_1 {
  text-align: center
}

._timerContent_o8ead_1 ._time_o8ead_1 {
  font-style: normal;
  font-weight: 600;
  font-size: 2.4rem;
  text-transform: uppercase;
  color: var(--clr-dark-900)
}

._timerContent_o8ead_1 ._text_o8ead_11 {
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  color: var(--clr-dark-900)
}

._root_1f5ty_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25rem
}

._badge_1f5ty_8 {
  display: flex;
  justify-content: flex-end;
  padding-inline: 3rem;
  border-radius: 1rem
}

._warningHeadText_1f5ty_15 p {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--clr-primary-400)
}

._description_1f5ty_21 {
  text-align: center;
  padding-inline: 2rem
}

._description_1f5ty_21 p {
  font-size: 1.2rem;
  font-weight: 500
}

._subDescription_1f5ty_30 {
  text-align: center;
  padding-inline: 2rem
}

._subDescription_1f5ty_30 p {
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  text-align: center;
  color: #6a6e7b
}

._confettiBody_1f5ty_42 {
  padding-top: 2.5rem;
  gap: 1.3rem;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._confettiBody_1f5ty_42 {
    max-width: 25.5rem
  }
}

._circle_1f5ty_55 {
  height: 7.6rem;
  width: 7.6rem;
  border-radius: 50%;
  background-color: var(--clr-primary-400);
  display: flex;
  justify-content: center;
  align-items: center
}

._circle_1f5ty_55 ._icon_1f5ty_64 {
  height: 3.6rem;
  width: 4.8rem;
  color: var(--clr-light-100)
}

._circleFail_1f5ty_70 {
  background-color: var(--theme-warning-color)
}

._buttonContainer_1f5ty_74 {
  width: 100%;
  height: 4rem;
  background-color: var(--clr-primary-400);
  display: flex;
  justify-content: center;
  align-items: center
}

._buttonContainer_1f5ty_74 ._button_1f5ty_74 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-light-100);
  text-align: center
}

._tryAnotherMethod_1f5ty_89 {
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 700;
  text-decoration: underline
}

._root_18mq9_1 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(34rem, 1fr));
  gap: 1.5rem;
  padding: 1.5rem 0 6rem;
  height: auto
}

@media screen and (min-width: 1024px) {
  ._root_18mq9_1 {
    padding: 0;
    grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr));
    gap: 4rem 3rem;
    overflow: hidden;
    height: auto;
    padding-bottom: 6rem
  }
}

._noItem_18mq9_20 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 75vh;
  justify-content: center
}

._noItem_18mq9_20 h2 {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--clr-dark-400)
}

._noItem_18mq9_20 p {
  color: gray
}

._noItem_18mq9_20 button {
  padding: 1rem 4rem
}

._favtCat_18mq9_39 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  padding: 0 1.6rem
}

._favtCat_18mq9_39 h2 {
  font-size: 1.8rem;
  color: var(--clr-dark-900)
}

._favtCat_18mq9_39 p {
  font-size: 1.4rem;
  color: var(--clr-dark-900)
}

._favtCat_18mq9_39 button {
  font-size: 1.6rem;
  font-weight: 500;
  width: 100%;
  max-width: 34rem
}

._root_1sxx8_1 {
  position: relative;
  display: flex;
  color: var(--clr-light-100);
  background: var(--clr-dark-900);
  width: 65px;
  height: 50px;
  flex-direction: column;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  justify-content: center;
  text-transform: uppercase
}

@media screen and (min-width: 1024px) {
  ._root_1sxx8_1 {
    display: none
  }
}

._root_1sxx8_1 ._menuIcon_1sxx8_20 {
  width: 50px;
  height: 22px
}

._menuList_1sxx8_25 {
  background: white;
  height: 100%;
  max-height: 75vh;
  overflow-y: scroll;
  border-radius: 20px 20px 0 0
}

._menuList_1sxx8_25 h3 {
  color: var(--theme-drawer-menu-heading-color);
  font-size: 1.6rem;
  font-weight: 400;
  font-weight: 500;
  background: var(--theme-drawer-menu-heading-bg);
  padding: 18px
}

._menuList_1sxx8_25 ul li {
  padding: 18px;
  font-size: 1.5rem;
  color: var(--theme-drawer-menu-heading-color);
  font-weight: 500;
  border-bottom: 1px solid rgba(57, 63, 82, .2)
}

._menuList_1sxx8_25 ul li a {
  text-decoration: none
}

._menuList_1sxx8_25 ._tab_1sxx8_50 {
  display: flex;
  justify-content: space-between
}

._menuList_1sxx8_25 ._tab_1sxx8_50 ._icon_1sxx8_54 {
  justify-content: flex-end
}

[dir=rtl] ._menuList_1sxx8_25 ._tab_1sxx8_50 ._icon_1sxx8_54 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  justify-content: start
}

._cartInfo_1sxx8_63 {
  display: flex
}

._root_7nq8c_1 {
  position: sticky;
  top: 10rem;
  width: 33%;
  min-width: 37rem;
  max-width: 40rem;
  padding: 0;
  border-radius: 1rem 1rem 0 0;
  margin-block-start: 6.5rem;
  height: calc(100vh - 10rem);
  display: flex;
  flex-direction: column
}

._root_7nq8c_1 :where([class*=CartBar_miniViewCart]) {
  border-radius: 0
}

._wrapper_7nq8c_18 {
  background: var(--clr-light-100);
  flex-direction: column;
  flex-wrap: nowrap;
  display: flex;
  flex-grow: 1;
  max-height: 100%;
  border-radius: 1rem 1rem 0 0
}

._cartHeading_7nq8c_28 {
  background: var(--clr-light-350);
  font-size: 1.8rem;
  font-weight: 600;
  padding: 1.4rem 2rem
}

._miniCartList_7nq8c_35 {
  max-height: 100%;
  padding: 2rem 2rem 11rem;
  overflow-x: hidden;
  overflow-y: auto;
  flex-grow: 1
}

._badgeIcon_7nq8c_43 {
  position: absolute;
  top: 0;
  right: 3rem
}

[dir=rtl] ._badgeIcon_7nq8c_43 {
  right: auto;
  left: 3rem
}

._noItem_7nq8c_53 {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
  margin-block-start: -5rem
}

._noItem_7nq8c_53 h4 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--theme-primary-black);
  padding: 1rem 0
}

._noItem_7nq8c_53 p {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--theme-primary-black);
  padding: 1rem 0;
  margin-inline: 1rem;
  text-align: center
}

._applyCoupon_7nq8c_76 {
  width: 100%;
  display: flex;
  justify-content: space-around;
  background: white;
  margin: 2rem 2rem 2rem 0;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 10px;
  padding: 1.4rem 2rem;
  align-items: center
}

._applyCoupon_7nq8c_76 h3 {
  font-size: 1.4rem;
  font-weight: 700
}

._applyCoupon_7nq8c_76 p {
  color: var(--clr-grass-green-700);
  font-size: 1rem;
  font-weight: 500
}

._applyCoupon_7nq8c_76 ._icon_7nq8c_96 {
  flex-grow: 0;
  width: 50px
}

._applyCoupon_7nq8c_76 ._title_7nq8c_100 {
  flex-grow: 1
}

._Skeleton_7nq8c_104 {
  margin-bottom: 1rem;
  width: 31.2rem;
  height: 41.2rem
}

._applySkeleton_7nq8c_110 {
  height: 7.7rem;
  width: 27.8rem
}

._root_c25gz_1 {
  color: var(--clr-dark-375);
  max-width: 100%;
  display: flex;
  flex-flow: column;
  height: auto;
  flex-grow: 1;
  background: var(--theme-backgroud-page)
}

@media screen and (min-width: 1024px) {
  ._root_c25gz_1 {
    padding: 0 7rem;
    padding: 0 clamp(3rem, 3rem + (100vw - 100rem) * .1, 7rem)
  }
}

._main_c25gz_17 {
  background: var(--theme-backgroud-page);
  flex-grow: 1;
  min-height: auto;
  height: 100%
}

._searchInput_c25gz_24 {
  display: flex;
  background: var(--clr-light-375);
  padding: .5rem
}

@media screen and (min-width: 1024px) {
  ._searchInput_c25gz_24 {
    padding: 0;
    border-radius: .4rem;
    height: 3.6rem;
    overflow: hidden;
    flex-basis: 14rem;
    min-width: 14.3rem;
    margin-inline-start: auto;
    z-index: 99
  }

  ._searchInput_c25gz_24 .MuiInputBase-input {
    color: var(--clr-dark-400);
    font-size: 1.4rem;
    font-weight: 500;
    margin: 0 1rem
  }

  ._searchInput_c25gz_24 .MuiInputBase-input::placeholder {
    color: var(--theme-search-fg)
  }

  ._searchInput_c25gz_24 .MuiIconButton-root {
    padding: 0 .8rem;
    margin: .2rem;
    color: var(--theme-search-fg)
  }

  ._searchInput_c25gz_24 .MuiIconButton-root svg {
    stroke-width: .1rem
  }
}

._tabsContainer_c25gz_59 {
  display: flex;
  flex: 0 0 auto;
  background-color: var(--clr-light-100)
}

@media screen and (min-width: 1024px) {
  ._tabsContainer_c25gz_59 {
    width: min-content;
    min-width: 100%;
    max-width: 96rem;
    margin: 0 auto;
    margin-top: 3rem;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 10px;
    padding: .5rem 2rem;
    align-items: center;
    position: relative;
    z-index: 1
  }
}

._menuBtn_c25gz_80 {
  display: flex;
  flex-flow: column;
  align-items: center;
  flex: 0 0 auto;
  font-size: 7px;
  width: 55px;
  text-transform: uppercase;
  font-weight: 800;
  color: var(--clr-light-100);
  background-color: var(--clr-primary-400);
  padding: 5px 0
}

._menuBtnIcon_c25gz_94 {
  flex-grow: 1
}

._tabsBar_c25gz_98,
._tab_c25gz_59 {
  margin: 0;
  padding: 0;
  list-style-type: none
}

._tabsBar_c25gz_98 {
  display: grid;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  will-change: transform;
  align-content: center;
  overflow-x: auto;
  margin-inline-start: 5px;
  scroll-snap-coordinate: 0 0;
  scroll-snap-points-x: repeat(100%);
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  direction: ltr
}

@media screen and (min-width: 1024px) {
  ._tabsBar_c25gz_98 {
    direction: ltr;
    margin-inline-start: 0;
    max-width: 109.5rem;
    padding-inline-end: 6rem
  }

  ._tabsBar_c25gz_98 .MuiTabs-scrollable {
    overflow-x: scroll
  }

  ._tabsBar_c25gz_98 .MuiTabScrollButton-root {
    opacity: 1;
    display: block;
    height: 4.8rem;
    width: 5.3rem;
    z-index: 2;
    background: linear-gradient(270deg, var(--clr-light-100) 23.93%, rgba(255, 255, 255, 0) 92.86%);
    position: absolute;
    inset-inline-start: 92.5%
  }

  ._tabsBar_c25gz_98 .MuiTabScrollButton-root svg {
    display: inline;
    position: absolute;
    top: 1rem;
    color: var(--clr-dark-400);
    border: 1px solid;
    border-radius: 50%;
    height: 3rem;
    width: 3rem;
    cursor: pointer;
    z-index: 3;
    inset-inline-start: 2rem
  }

  ._tabsBar_c25gz_98 .MuiTabs-flexContainer {
    gap: 0;
    cursor: pointer
  }

  ._tabsBar_c25gz_98 .MuiTabs-indicator {
    display: none
  }
}

._tabsBar_c25gz_98 ._tab_c25gz_59 {
  display: block;
  line-height: 40px;
  border-top: solid 3px transparent;
  border-bottom: solid 3px transparent;
  white-space: nowrap;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--theme-category-tab-color);
  padding: 0 .5rem;
  text-transform: capitalize;
  opacity: 1;
  min-width: auto
}

@media screen and (min-width: 1024px) {
  ._tabsBar_c25gz_98 ._tab_c25gz_59 {
    padding: 1.5rem 1.2rem;
    line-height: unset;
    color: var(--clr-dark-300-60);
    margin-block: 0;
    border: 0 none;
    min-width: auto;
    height: 4.8rem;
    transition: .5s ease
  }
}

._tabsBar_c25gz_98 ._tab_c25gz_59.active span {
  color: var(--theme-category-tab-active-color);
  font-weight: 700
}

@media screen and (min-width: 1024px) {
  ._tabsBar_c25gz_98 ._tab_c25gz_59.active {
    background: rgba(255, 198, 39, .15);
    border-bottom: solid 3px transparent;
    border-radius: 1rem
  }

  ._tabsBar_c25gz_98 ._tab_c25gz_59.active span {
    color: var(--clr-dark-400);
    font-weight: 500
  }
}

@media screen and (min-width: 1024px) {
  ._tabsBar_c25gz_98 ._tab_c25gz_59:focus-within {
    border-radius: 1rem
  }
}

._tabsBar_c25gz_98 ._tab_c25gz_59:hover span {
  color: var(--theme-category-tab-active-color);
  font-weight: 700
}

@media screen and (min-width: 1024px) {
  ._tabsBar_c25gz_98 ._tab_c25gz_59:hover span {
    color: var(--clr-primary-400);
    font-weight: 500
  }
}

._tabContentContainer_c25gz_231,
._tabContentContainerwithCart_c25gz_236 {
  display: block;
  min-height: 74vh
}

._tabContentContainerwithCart_c25gz_236>div {
  height: 74vh
}

._productList_c25gz_245 {
  display: flex;
  flex-flow: column
}

._noItem_c25gz_250 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 75vh;
  justify-content: center
}

._noItem_c25gz_250 h2 {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--clr-dark-900)
}

._noItem_c25gz_250 p {
  color: gray
}

._noItem_c25gz_250 button {
  background: red;
  color: var(--clr-light-100);
  text-transform: uppercase
}

._desktopWrapper_c25gz_271 {
  display: flex;
  margin-top: 2.8rem;
  gap: 4rem
}

._desktopWrapper_c25gz_271 ._tabContentContainer_c25gz_231,
._desktopWrapper_c25gz_271 ._tabContentContainerwithCart_c25gz_236 {
  width: 70%
}

._desktopWrapper_c25gz_271 ._Skeleton_c25gz_282 {
  margin-bottom: 1rem;
  width: 31.2rem;
  height: 41.2rem
}

._active_c25gz_186 {
  width: 90%;
  flex-grow: 1;
  position: absolute;
  background: var(--clr-light-650);
  left: 4%;
  opacity: 1
}

._active_c25gz_186 ._searchOpened_c25gz_296 {
  width: 90%
}

._active_c25gz_186 ._searchOpened_c25gz_296 input {
  opacity: 1;
  width: 100%
}

._content_c25gz_308 {
  display: none
}

._contentActive_c25gz_312 {
  display: block
}

@media screen and (min-width: 1024px) {
  ._reverse_c25gz_317 .MuiTabScrollButton-root {
    inset-inline-start: 0% !important
  }

  ._reverse_c25gz_317 .MuiTabs-scrollable {
    margin-inline-start: 6rem
  }
}

._hiddenTab_c25gz_325 {
  display: none !important
}

._ltoTermsContainer_c25gz_329 {
  width: 100%;
  height: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #007bff2a;
  font-size: 1rem;
  font-weight: 400;
  padding-inline: 1rem
}

._ltoTermsContainer_c25gz_329 span {
  font-weight: 500;
  font-size: 1.1rem;
  color: var(--clr-secondary-400);
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  ._ltoTermsContainer_c25gz_329 {
    position: relative;
    width: 30rem;
    left: 60%;
    top: -2.8rem;
    border-radius: 0px 0px .6rem .6rem
  }
}

._root_cg6ad_1 {
  color: var(--clr-dark-300);
  max-width: 100%;
  margin: auto;
  display: flex;
  flex-flow: column;
  height: auto;
  flex-grow: 1;
  background: var(--theme-backgroud-page)
}

@media screen and (min-width: 1024px) {
  ._root_cg6ad_1 {
    padding: 0 7rem;
    padding: 0 clamp(3rem, 3rem + (100vw - 100rem) * .1, 7rem)
  }
}

._main_cg6ad_18 {
  background: var(--theme-backgroud-page);
  flex-grow: 1;
  min-height: auto;
  height: 100%
}

._searchInput_cg6ad_25 {
  display: flex;
  background: var(--clr-light-400);
  padding: .5rem
}

@media screen and (min-width: 1024px) {
  ._searchInput_cg6ad_25 {
    padding: 0;
    border-radius: .4rem;
    height: 3.6rem;
    overflow: hidden;
    flex-basis: 14rem
  }

  ._searchInput_cg6ad_25 .MuiInputBase-input {
    color: var(--theme-procuct-price-color);
    font-size: 1.4rem;
    font-weight: 500;
    margin: 0 1rem;
    border: 0
  }

  ._searchInput_cg6ad_25 .MuiInputBase-input::placeholder {
    color: var(--theme-search-fg)
  }

  ._searchInput_cg6ad_25 .MuiIconButton-root {
    padding: 0 .4rem;
    margin: .2rem;
    color: var(--clr-dark-300);
    font-size: 2.5rem
  }
}

._tabsContainer_cg6ad_56 {
  display: flex;
  flex: 0 0 auto;
  background-color: var(--clr-light-100)
}

@media screen and (min-width: 1024px) {
  ._tabsContainer_cg6ad_56 {
    min-width: 88rem;
    width: 70%;
    margin: 0 auto;
    margin-top: 3rem;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 10px;
    padding: .5rem 2rem;
    height: 5.8rem;
    align-items: center
  }
}

._menuBtn_cg6ad_75 {
  display: flex;
  flex-flow: column;
  align-items: center;
  flex: 0 0 auto;
  font-size: 7px;
  width: 55px;
  text-transform: uppercase;
  font-weight: 800;
  color: var(--clr-light-100);
  background-color: var(--clr-primary-400);
  padding: 5px 0
}

._menuBtnIcon_cg6ad_89 {
  flex-grow: 1
}

._tabsBar_cg6ad_93,
._tab_cg6ad_56 {
  margin: 0;
  padding: 0;
  list-style-type: none
}

._tabsBar_cg6ad_93 {
  flex-grow: 1;
  display: grid;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  will-change: transform;
  align-content: center;
  overflow-x: auto;
  margin-inline-start: 5px;
  scroll-snap-coordinate: 0 0;
  scroll-snap-points-x: repeat(100%);
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch
}

@media screen and (min-width: 1024px) {
  ._tabsBar_cg6ad_93 {
    margin-inline-start: 0
  }

  ._tabsBar_cg6ad_93 .MuiTabs-flexContainer {
    gap: 1.4rem
  }

  ._tabsBar_cg6ad_93 .MuiTabs-indicator {
    display: none
  }
}

._tabsBar_cg6ad_93 ._tab_cg6ad_56 {
  display: block;
  line-height: 40px;
  border-top: solid 3px transparent;
  border-bottom: solid 3px transparent;
  white-space: nowrap;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--theme-category-tab-color);
  padding: 0 5px;
  text-transform: capitalize;
  opacity: 1;
  min-width: auto
}

._tabsBar_cg6ad_93 ._tab_cg6ad_56.active span {
  color: var(--theme-category-tab-active-color);
  font-weight: 700
}

@media screen and (min-width: 1024px) {
  ._tabsBar_cg6ad_93 ._tab_cg6ad_56.active {
    background: rgba(228, 0, 43, .05);
    border-radius: 1rem;
    padding: 0 1rem;
    line-height: 4.8rem;
    margin-block: 0;
    border: 0 none
  }

  ._tabsBar_cg6ad_93 ._tab_cg6ad_56.active span {
    color: var(--clr-primary-400);
    font-weight: 700
  }
}

.PrivateTabIndicator-colorSecondary-3 {
  display: none
}

.MuiTabs-flexContainer {
  gap: 10px
}

.MuiTabs-indicator {
  background-color: var(--theme-button-color) !important;
  height: 4px !important;
  border-radius: 2px 2px 0 0
}

._tabContentContainer_cg6ad_172,
._tabContentContainerwithCart_cg6ad_177 {
  display: block;
  min-height: 74vh
}

._tabContentContainerwithCart_cg6ad_177>div {
  height: 74vh
}

._productList_cg6ad_186 {
  display: flex;
  flex-flow: column
}

._noItem_cg6ad_191 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 75vh;
  justify-content: center
}

._noItem_cg6ad_191 h2 {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--clr-dark-900)
}

._noItem_cg6ad_191 p {
  color: gray
}

._noItem_cg6ad_191 button {
  background: red;
  color: var(--clr-light-100);
  text-transform: uppercase
}

._desktopWrapper_cg6ad_212 {
  display: flex;
  margin-top: 2.8rem;
  grid-gap: 4rem;
  gap: 4rem
}

._desktopWrapper_cg6ad_212 ._tabContentContainer_cg6ad_172,
._desktopWrapper_cg6ad_212 ._tabContentContainerwithCart_cg6ad_177 {
  width: 70%
}

._desktopWrapper_cg6ad_212 ._Skeleton_cg6ad_224 {
  margin-bottom: 1rem;
  width: 31.2rem;
  height: 41.2rem
}

._active_cg6ad_139 {
  width: 90%;
  flex-grow: 1;
  position: absolute;
  background: var(--clr-light-650);
  left: 4%;
  opacity: 1
}

._active_cg6ad_139 ._searchOpened_cg6ad_238 {
  width: 90%
}

._active_cg6ad_139 ._searchOpened_cg6ad_238 input {
  opacity: 1;
  width: 100%
}

.react-swipeable-view-container>div {
  transform: translateZ(0)
}

.MuiInputBase-root {
  flex-grow: 1
}

._searchI_cg6ad_25 input {
  width: 100%;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.9rem;
  padding: 1rem 1.4rem;
  border: 1px solid var(--clr-light-475);
  border-radius: 4px
}

._searchI_cg6ad_25 input:focus {
  outline: none
}

._SearchBar_cg6ad_267 {
  display: flex
}

._SearchBar_cg6ad_267 ._actionButtonSection_cg6ad_270 {
  flex-grow: 1
}

._searchInput_cg6ad_25 {
  position: relative
}

@media screen and (min-width: 1024px) {
  ._searchInput_cg6ad_25 {
    width: 100%;
    flex-grow: 1
  }
}

@media screen and (min-width: 1024px) {
  ._searchList_cg6ad_285 {
    width: 70%
  }
}

._SearchBar_cg6ad_267 ._iconButton_cg6ad_290 {
  position: absolute;
  inset-inline-end: 15px
}

._main_1dmmd_1 {
  background: var(--clr-light-425);
  height: auto;
  min-height: 100vh
}

._main_1dmmd_1 ._paymentModeButton_1dmmd_6 {
  position: fixed;
  width: 100%;
  background: var(--clr-primary-375);
  color: #fff;
  font-size: 1.5rem;
  text-transform: uppercase;
  border-radius: 0;
  bottom: 0
}

iframe {
  width: 100%;
  height: 100vh
}

._cancel_1dmmd_22 {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem
}

._root_rxiyz_1 {
  width: 100%;
  height: 100%;
  overflow: hidden
}

@media screen and (min-width: 1024px) {
  ._root_rxiyz_1 {
    max-width: 38rem
  }
}

._header_rxiyz_12 {
  background: var(--clr-light-100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 4px var(--clr-light-450);
  color: var(--clr-dark-400);
  padding-inline: 4rem;
  padding-top: 4rem;
  padding-bottom: 2rem
}

._header_rxiyz_12 ._mainHeading_rxiyz_24 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem
}

._header_rxiyz_12 ._subHeading_rxiyz_30 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem
}

._header_rxiyz_12 ._badge_rxiyz_35 {
  position: absolute;
  top: 0
}

._headerText_rxiyz_40 {
  color: var(--clr-primary-400);
  font-size: 1.6rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  padding-block: 1.5rem
}

._errorDrawer_rxiyz_49 {
  background: white;
  border-radius: 1rem 1rem 0 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-block: 5rem;
  justify-content: center;
  gap: 1.5rem
}

._errorDrawer_rxiyz_49 ._proceedB_rxiyz_59 {
  background: var(--clr-primary-400);
  color: #fff;
  font-size: 1rem
}

._errorDrawer_rxiyz_49 ._error_rxiyz_49 {
  font-size: 1.4rem;
  font-weight: 500;
  padding-inline: 3rem;
  text-align: center
}

._errorDrawer_rxiyz_49 ._buttonContainer_rxiyz_70 {
  display: flex;
  align-items: center;
  gap: 1rem
}

._topPos_rxiyz_76 {
  display: flex;
  justify-content: center;
  align-items: center
}

._topPos_rxiyz_76 ._strip_rxiyz_81 {
  background: var(--clr-primary-375);
  width: 20px;
  height: 50px;
  margin-right: 10px
}

@media screen and (min-width: 1024px) {
  ._dialogInner_rxiyz_89 {
    max-width: 38rem
  }
}

._root_1vp24_1 {
  background: var(--clr-light-300);
  min-width: 37.5rem;
  padding: 1.2rem
}

._root_1vp24_1 ._headerText_1vp24_6 {
  font-size: 1.6rem;
  opacity: .7;
  font-weight: 500;
  padding-block-start: 2rem;
  padding-inline: 1.6rem;
  padding-block-end: 1.5rem
}

._root_1vp24_1 .MuiGrid-spacing-xs-3 {
  width: auto;
  margin: auto
}

._root_1vp24_1 ._actionRow_1vp24_18 {
  padding: 0 1.6rem 1.6rem;
  justify-content: center
}

._root_1vp24_1 ._actionRow_1vp24_18 button {
  max-width: 34rem
}

._root_1vp24_1 ._emailField_1vp24_25 input,
._root_1vp24_1 ._nameField_1vp24_26 input {
  font-size: 1.4rem;
  font-weight: 500
}

._root_1vp24_1 ._emailField_1vp24_25 label,
._root_1vp24_1 ._nameField_1vp24_26 label {
  font-size: 1.2rem;
  font-weight: 500
}

._marg_1vp24_36 {
  margin: 10px
}

.MuiGrid-container {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
  flex-direction: column
}

._countryDropdown_1vp24_48 .dial-code {
  margin-left: auto
}

._loginContainer_1vp24_52 {
  display: flex;
  background: var(--clr-light-200);
  padding: 10px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  width: 100%
}

._loginContainer_1vp24_52 ._checkOut_1vp24_62 {
  font-size: 1.4rem;
  font-weight: 500
}

._loginContainer_1vp24_52 ._buttonLogin_1vp24_66 {
  flex-grow: 1;
  text-align: end
}

._loginContainer_1vp24_52 ._buttonLogin_1vp24_66 button {
  background: var(--clr-primary-400);
  color: var(--clr-dark-400);
  font-size: 1.2rem;
  font-weight: 500
}

._loginContainer_1vp24_52 .MuiButton-label {
  color: var(--clr-dark-400)
}

._center_1vp24_80 {
  text-align: center;
  padding-block-start: 1.5rem;
  color: gray;
  font-size: 1.4rem;
  font-weight: 500;
  opacity: .6
}

._gridLayout_1vp24_89 {
  display: flex;
  align-items: center
}

._logMeInText_1vp24_94 {
  font-weight: 500;
  font-size: 12px;
  color: #a9bdd0;
  margin-left: 1rem
}

._profileCard_1vp24_101 ._logMeInSection_1vp24_101 {
  display: flex;
  justify-content: space-between;
  padding: 0px 1.6rem 0 .6rem
}

._profileCard_1vp24_101 ._logMeInSection_1vp24_101 .MuiCheckbox-root {
  color: #a9bdd0
}

._termsConditionText_1vp24_110 {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  color: #007aff;
  cursor: pointer
}

._root_1f7m7_1 {
  background-color: var(--clr-background);
  height: 100%;
  min-height: 100vh
}

@media screen and (min-width: 1024px) {
  ._root_1f7m7_1 {
    min-height: auto
  }
}

._root_1f7m7_1 ._textContainer_1f7m7_11 {
  padding-inline: 1.6rem;
  padding-block: 2rem;
  display: flex
}

._root_1f7m7_1 ._textContainer_1f7m7_11 ._badge_1f7m7_16 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._root_1f7m7_1 ._textContainer_1f7m7_11 {
    background: var(--clr-light-100);
    margin-bottom: 2rem;
    padding-block: 0 0;
    flex-direction: column;
    align-items: center;
    min-width: 40rem;
    gap: 10px
  }

  ._root_1f7m7_1 ._textContainer_1f7m7_11 ._badge_1f7m7_16 {
    display: block;
    position: absolute;
    left: 42%
  }

  ._root_1f7m7_1 ._textContainer_1f7m7_11 ._title_1f7m7_34 {
    padding-top: 2.9rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--clr-dark-400)
  }
}

._root_1f7m7_1 ._textContainer_1f7m7_11 ._headerText_1f7m7_41 {
  font-size: 1.6rem;
  font-weight: 500;
  display: grid !important
}

[dir=rtl] ._root_1f7m7_1 ._textContainer_1f7m7_11 ._headerText_1f7m7_41 {
  direction: rtl;
  padding-inline-start: 1rem;
  display: block !important
}

@media screen and (min-width: 1024px) {
  ._root_1f7m7_1 ._textContainer_1f7m7_11 ._headerText_1f7m7_41 {
    font-size: 1.4rem
  }
}

[dir=rtl] ._root_1f7m7_1 ._textContainer_1f7m7_11 ._headerText_1f7m7_41 span {
  direction: ltr;
  padding-inline-start: .3rem;
  display: inline-block
}

._otpContainer_1f7m7_62 {
  padding-block: 4rem
}

@media screen and (min-width: 1024px) {
  ._otpContainer_1f7m7_62 {
    margin: 1.5rem 1.5rem 2.5rem
  }
}

._otpContainer_1f7m7_62 ._timeLimit_1f7m7_71 {
  font-size: 1.4rem;
  font-weight: 500
}

._otpContainer_1f7m7_62 ._buttons_1f7m7_75 {
  display: flex;
  justify-content: center;
  padding-block: 2.5rem;
  flex-direction: row !important
}

._otpContainer_1f7m7_62 ._buttons_1f7m7_75 ._requestDisable_1f7m7_81 {
  font-size: 1.4rem;
  font-weight: 500;
  opacity: .3;
  padding-inline: .8rem;
  pointer-events: none
}

._otpContainer_1f7m7_62 ._buttons_1f7m7_75 ._requestEnable_1f7m7_88 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-secondary-400);
  padding-inline: .8rem;
  pointer-events: all
}

._otpContainer_1f7m7_62 ._verifyBgClr1_1f7m7_95 {
  background-color: var(--clr-primary-400)
}

._otpContainer_1f7m7_62 ._verifyBgClr2_1f7m7_98 {
  background-color: var(--theme-button-disable-bg)
}

._otpContainer_1f7m7_62 ._verifyButton_1f7m7_101,
._otpContainer_1f7m7_62 ._verifyBgClr1_1f7m7_95,
._otpContainer_1f7m7_62 ._verifyBgClr2_1f7m7_98 {
  margin-inline: 1.6rem;
  border-radius: .4rem;
  display: flex;
  justify-content: center;
  align-items: center
}

._otpContainer_1f7m7_62 ._verifyButton_1f7m7_101 ._button_1f7m7_75,
._otpContainer_1f7m7_62 ._verifyBgClr1_1f7m7_95 ._button_1f7m7_75,
._otpContainer_1f7m7_62 ._verifyBgClr2_1f7m7_98 ._button_1f7m7_75 {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--clr-light-100);
  width: 100%;
  padding-block: 1rem
}

._otpField_1f7m7_116 {
  display: flex;
  justify-content: space-between;
  padding-inline: 1.6rem;
  direction: ltr
}

._otpField_1f7m7_116 input {
  font-size: 3rem;
  border: none;
  border-bottom: solid .1rem rgba(61, 155, 204, .43);
  margin: 0 1rem;
  outline: none;
  transition: border .2s;
  width: 4rem !important
}

._otpField_1f7m7_116 input:focus {
  border-bottom-color: var(--clr-primary-325)
}

._otpField_1f7m7_116 input::-webkit-outer-spin-button,
._otpField_1f7m7_116 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

._otpField_1f7m7_116 input[type=number] {
  -moz-appearance: textfield
}

._warningText_1f7m7_145 {
  color: var(--theme-user-icon-bg);
  text-align: center;
  padding-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500
}

._warningText_1f7m7_145 img {
  cursor: pointer
}

._timer_1f7m7_156 {
  color: var(--clr-primary-500);
  font-weight: 700
}

._verifyOtpBtn_1f7m7_161 {
  text-align: right
}

._buttons_1f7m7_75 {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 0% 10%
}

._buttons_1f7m7_75 ._timer_1f7m7_156 {
  color: red
}

._reqEmail_1f7m7_175 {
  display: flex;
  justify-content: center;
  margin-block-end: 2.5rem
}

._reqEmail_1f7m7_175 ._emailBtn_1f7m7_180 {
  color: var(--clr-secondary-400);
  font-weight: 500;
  font-size: 1.4rem
}

._log_mqzfi_1 {
  background: var(--theme-backgroud-page)
}

._main_mqzfi_5 {
  background: var(--theme-backgroud-page);
  height: auto
}

@media screen and (min-width: 1024px) {
  ._main_mqzfi_5 {
    max-width: 40rem;
    padding-bottom: 2rem;
    min-height: 30vh
  }
}

._main_mqzfi_5 ._addButton_mqzfi_16 {
  position: fixed;
  bottom: 10px;
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 99
}

._main_mqzfi_5 ._addButton_mqzfi_16 button {
  background: var(--clr-primary-350);
  color: #fff;
  width: 90%;
  padding: 1rem;
  font-size: 1.5rem;
  border-radius: 2px;
  box-shadow: 0 0 4px gray
}

._main_mqzfi_5 ._addButton_mqzfi_16 button:disabled {
  color: #fff !important
}

._main_mqzfi_5 h1 {
  font-size: 1.3rem;
  font-weight: 700;
  margin: 10px
}

._noaddButton_mqzfi_42 {
  bottom: 10px;
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 99
}

._noaddButton_mqzfi_42 button {
  background: var(--clr-primary-350);
  color: #fff;
  width: 50%;
  padding: 1rem;
  font-size: 1.5rem;
  border-radius: 2px;
  box-shadow: 0 0 4px gray
}

._noShadow_mqzfi_59 {
  border: 0
}

._header_mqzfi_63 {
  background: var(--clr-light-100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 4px var(--clr-light-450);
  color: var(--clr-dark-400);
  padding-inline: 4rem;
  padding-top: 4rem;
  padding-bottom: 2rem;
  position: sticky;
  top: 0;
  z-index: 9
}

._header_mqzfi_63 ._mainHeading_mqzfi_78 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem
}

._header_mqzfi_63 ._subHeading_mqzfi_84 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem
}

._header_mqzfi_63 ._badge_mqzfi_89 {
  position: absolute;
  top: 0
}

._root_subjx_1 {
  background-color: var(--clr-background);
  height: 100%;
  min-height: 100vh
}

@media screen and (min-width: 1024px) {
  ._root_subjx_1 {
    min-height: auto
  }
}

._root_subjx_1 ._textContainer_subjx_11 {
  padding-inline: 1.6rem;
  padding-block: 2rem;
  display: flex
}

._root_subjx_1 ._textContainer_subjx_11 ._badge_subjx_16 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._root_subjx_1 ._textContainer_subjx_11 {
    background: var(--clr-light-100);
    margin-bottom: 2rem;
    padding-block: 0 0;
    flex-direction: column;
    align-items: center;
    min-width: 40rem;
    gap: 10px
  }

  ._root_subjx_1 ._textContainer_subjx_11 ._badge_subjx_16 {
    display: block;
    position: absolute;
    left: 42%
  }

  ._root_subjx_1 ._textContainer_subjx_11 ._title_subjx_34 {
    padding-top: 2.9rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--clr-dark-400)
  }
}

._root_subjx_1 ._textContainer_subjx_11 ._headerText_subjx_41 {
  font-size: 1.6rem;
  font-weight: 500;
  display: grid !important
}

[dir=rtl] ._root_subjx_1 ._textContainer_subjx_11 ._headerText_subjx_41 {
  direction: rtl;
  padding-inline-start: 1rem;
  display: block !important
}

@media screen and (min-width: 1024px) {
  ._root_subjx_1 ._textContainer_subjx_11 ._headerText_subjx_41 {
    font-size: 1.4rem
  }
}

[dir=rtl] ._root_subjx_1 ._textContainer_subjx_11 ._headerText_subjx_41 span {
  direction: ltr;
  padding-inline-start: .3rem;
  display: inline-block
}

._root_subjx_1 ._otpContainer_subjx_62 {
  border-radius: 0
}

@media screen and (min-width: 1024px) {
  ._root_subjx_1 ._otpContainer_subjx_62 {
    border-radius: .4rem
  }
}

._reqEmail_subjx_71 {
  display: flex;
  justify-content: center;
  margin-block-end: 2.5rem
}

._reqEmail_subjx_71 ._emailBtn_subjx_76 {
  color: var(--clr-secondary-400);
  font-weight: 500;
  font-size: 1.4rem
}

._otpContainer_subjx_62 {
  padding-block: 4rem
}

@media screen and (min-width: 1024px) {
  ._otpContainer_subjx_62 {
    margin: 1.5rem 1.5rem 2.5rem
  }
}

._otpContainer_subjx_62 ._timeLimit_subjx_91 {
  font-size: 1.4rem;
  font-weight: 500
}

._otpContainer_subjx_62 ._buttons_subjx_95 {
  display: flex;
  justify-content: center;
  padding-block: 2.5rem;
  flex-direction: row !important
}

._otpContainer_subjx_62 ._buttons_subjx_95 ._requestDisable_subjx_101 {
  font-size: 1.4rem;
  font-weight: 500;
  opacity: .3;
  padding-inline: .8rem;
  pointer-events: none
}

._otpContainer_subjx_62 ._buttons_subjx_95 ._requestEnable_subjx_108 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-secondary-400);
  padding-inline: .8rem;
  pointer-events: all
}

._otpContainer_subjx_62 ._verifyBgClr1_subjx_115 {
  background-color: var(--clr-primary-400)
}

._otpContainer_subjx_62 ._verifyBgClr2_subjx_118 {
  background-color: var(--theme-button-disable-bg)
}

._otpContainer_subjx_62 ._verifyButton_subjx_121,
._otpContainer_subjx_62 ._verifyBgClr1_subjx_115,
._otpContainer_subjx_62 ._verifyBgClr2_subjx_118 {
  margin-inline: 1.6rem;
  border-radius: .4rem;
  display: flex;
  justify-content: center;
  align-items: center
}

._otpContainer_subjx_62 ._verifyButton_subjx_121 ._button_subjx_95,
._otpContainer_subjx_62 ._verifyBgClr1_subjx_115 ._button_subjx_95,
._otpContainer_subjx_62 ._verifyBgClr2_subjx_118 ._button_subjx_95 {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--clr-dark-400);
  width: 100%;
  padding-block: 1rem
}

._otpField_subjx_136 {
  display: flex;
  justify-content: space-between;
  padding-inline: 1.6rem;
  direction: ltr
}

._otpField_subjx_136 input {
  font-size: 3rem;
  border: none;
  border-bottom: solid .1rem rgba(61, 155, 204, .43);
  margin: 0 1rem;
  outline: none;
  transition: border .2s;
  width: 4rem !important
}

._otpField_subjx_136 input:focus {
  border-bottom-color: var(--clr-primary-325)
}

._otpField_subjx_136 input::-webkit-outer-spin-button,
._otpField_subjx_136 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

._otpField_subjx_136 input[type=number] {
  -moz-appearance: textfield
}

._warningText_subjx_165 {
  color: var(--theme-warning-color);
  padding-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 14px;
  align-items: center;
  justify-content: center;
  display: flex
}

._warningText_subjx_165 span {
  display: flex;
  align-items: center
}

._warningText_subjx_165 span img {
  margin-right: 5px;
  cursor: pointer
}

._phoneNumberText_subjx_184 {
  color: var(--clr-dark-400);
  text-align: center;
  padding-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  align-items: center;
  justify-content: center;
  display: flex
}

._phoneNumberText_subjx_184 img {
  margin-left: 5px;
  cursor: pointer
}

._timer_subjx_199 {
  color: var(--clr-primary-500);
  font-weight: 700
}

._verifyOtpBtn_subjx_204 {
  text-align: right
}

._buttons_subjx_95 {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 0% 10%
}

._buttons_subjx_95 ._timer_subjx_199 {
  color: red
}

._root_6hjrv_1 {
  background: var(--clr-light-100);
  padding-inline: 1.6rem;
  padding-block: 1.5rem;
  color: var(--clr-dark-400)
}

._root_6hjrv_1 ._imgProps_6hjrv_7 {
  height: 6rem;
  width: 8rem;
  max-height: 7em
}

._root_6hjrv_1 ._imgProps_6hjrv_7 img {
  width: 6rem
}

._root_6hjrv_1 ._descProps_6hjrv_15 {
  padding-left: 1.8rem;
  flex: grid;
  flex-grow: 1
}

._root_6hjrv_1 ._descProps_6hjrv_15 ._title_6hjrv_20 {
  font-size: 1.8rem;
  font-weight: 500
}

._root_6hjrv_1 ._descProps_6hjrv_15 ._desc_6hjrv_15 {
  font-size: 1.2rem;
  opacity: .5
}

._root_6hjrv_1 ._descProps_6hjrv_15 ._succdesc_6hjrv_28 {
  font-size: 1.4rem;
  font-weight: 500
}

._root_6hjrv_1 ._descProps_6hjrv_15 ._orderNoContainer_6hjrv_32 {
  display: flex
}

._root_6hjrv_1 ._descProps_6hjrv_15 ._pendingDescText_6hjrv_35 {
  font-size: 1.3rem;
  opacity: .5;
  font-weight: 400;
  color: var(--clr-dark-400)
}

._root_6hjrv_1 ._descProps_6hjrv_15 ._pendingConfirmContainer_6hjrv_41 {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  position: relative
}

._root_6hjrv_1 ._descProps_6hjrv_15 ._spinnerImg_6hjrv_47 {
  height: 4rem;
  width: 4rem
}

._root_6hjrv_1 ._deviderProps_6hjrv_51 {
  padding-block: 1.5rem
}

._root_6hjrv_1 ._timeProps_6hjrv_54 {
  background-color: var(--theme-time-area-bg);
  border-radius: .4rem;
  display: inline-block
}

._root_6hjrv_1 ._timeProps_6hjrv_54 p {
  padding-block: .3rem;
  padding-inline: .8rem;
  font-size: 1.2rem;
  font-weight: 500;
  direction: ltr
}

._root_6hjrv_1 ._orderStatusFooter_6hjrv_66 {
  display: flex;
  justify-content: space-between;
  width: max-content
}

._root_6hjrv_1 ._smsText_6hjrv_71 {
  color: var(--clr-secondary-400);
  font-weight: 500;
  font-size: 1.2rem
}

._flexBox_6hjrv_77 {
  display: flex;
  flex-direction: row !important;
  justify-content: flex-start;
  align-items: center;
  gap: .8rem;
  font-size: 1.4rem
}

._pendingLoader_6hjrv_86 {
  height: 4rem
}

._pendingConfirmContainer_6hjrv_41 button {
  position: absolute;
  inset-inline-end: 0
}

._root_1fmz0_1 {
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._root_1fmz0_1 {
    min-width: 30rem
  }
}

._root_1fmz0_1 ._container_1fmz0_9 {
  padding-inline: 1.6rem
}

._root_1fmz0_1 ._container_1fmz0_9 ._paymentMode_1fmz0_12 {
  padding-block: 1.2rem
}

._root_1fmz0_1 ._container_1fmz0_9 ._paymentMode_1fmz0_12 p {
  font-size: 1.2rem;
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._root_1fmz0_1 ._container_1fmz0_9 ._paymentMode_1fmz0_12 p {
    font-size: 1.4rem
  }
}

._root_1fmz0_1 ._container_1fmz0_9 ._paymentMode_1fmz0_12 ._opacity_1fmz0_24 {
  opacity: .6
}

._root_1fmz0_1 ._container_1fmz0_9 ._accordion_1fmz0_27 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
  padding-block: 1.5rem
}

._root_1fmz0_1 ._container_1fmz0_9 ._accordion_1fmz0_27 p {
  font-size: 1.2rem;
  font-weight: 500;
  direction: ltr
}

@media screen and (min-width: 1024px) {
  ._root_1fmz0_1 ._container_1fmz0_9 ._accordion_1fmz0_27 p {
    font-size: 1.4rem
  }
}

._root_1fmz0_1 ._container_1fmz0_9 ._accordion_1fmz0_27 ._circle_1fmz0_44 {
  height: 2rem;
  width: 2rem;
  background: var(--clr-light-450-25);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-start: .8rem
}

._root_1fmz0_1 ._container_1fmz0_9 ._accordion_1fmz0_27 ._circle_1fmz0_44 svg {
  font-size: 1.8rem;
  color: var(--clr-primary-500)
}

._root_1fmz0_1 ._container_1fmz0_9 ._accordionData_1fmz0_58 {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out
}

._root_1fmz0_1 ._container_1fmz0_9 ._accordionData_1fmz0_58 ._accordionDataProps_1fmz0_66 {
  display: flex;
  justify-content: space-between;
  align-items: center
}

._root_1fmz0_1 ._container_1fmz0_9 ._accordionData_1fmz0_58 ._accordionDataProps_1fmz0_66 p {
  font-size: 1.2rem;
  font-weight: 400
}

._root_1fmz0_1 ._container_1fmz0_9 ._accordionData_1fmz0_58 ._accordionDataProps_1fmz0_66 ._warningTypo_1fmz0_75 {
  color: var(--theme-warning-text-color);
  padding-bottom: 1.5rem
}

._root_1fmz0_1 ._title_1fmz0_79 {
  background: var(--clr-light-350);
  padding-block: 1.3rem;
  padding-inline: 1.6rem;
  position: relative
}

._root_1fmz0_1 ._title_1fmz0_79 p {
  color: var(--clr-dark-400);
  font-size: 1.6rem;
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._root_1fmz0_1 ._title_1fmz0_79 p {
    font-size: 1.8rem
  }
}

._root_1fmz0_1 ._DeliveryArea_1fmz0_95 {
  padding-top: 1.2rem
}

._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressTitle_1fmz0_98,
._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 ._addressListItem_1fmz0_98 ._addressTitle_1fmz0_98 ._storeAddressText_1fmz0_98 {
  font-size: 1.6rem;
  font-weight: 500
}

._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressDesc_1fmz0_102 {
  font-size: 1.4rem;
  opacity: .8;
  padding-bottom: 1rem
}

._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._carhopTitle_1fmz0_107 {
  font-size: 1.2rem;
  font-weight: 500;
  opacity: .7
}

._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._carNo_1fmz0_112 {
  font-weight: 500;
  font-size: 1.2rem
}

._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.2rem
}

@media screen and (min-width: 1024px) {
  ._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 {
    padding-bottom: 1.4rem;
    border-bottom: 1px solid var(--clr-dark-300-10)
  }
}

._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 ._houseIcon_1fmz0_127 {
  flex-grow: 0;
  width: 14%;
  display: flex;
  align-content: flex-start;
  flex-direction: column;
  margin-inline-end: 1.2rem;
  justify-content: center;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 ._houseIcon_1fmz0_127 {
    width: 3.2rem;
    margin-top: 1rem
  }
}

@media screen and (min-width: 1024px) {
  ._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 ._addressListItem_1fmz0_98 ._addressLable_1fmz0_144 {
    display: flex;
    gap: 1rem;
    align-items: center
  }

  ._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 ._addressListItem_1fmz0_98 ._addressLable_1fmz0_144 h3 {
    font-size: 1.4rem;
    color: var(--clr-dark-400);
    font-weight: 500
  }
}

._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 ._addressListItem_1fmz0_98 ._addressLable_1fmz0_144 button {
  background-color: var(--theme-button-color);
  color: #fff;
  font-size: .9rem;
  min-width: 20px;
  text-align: center;
  padding: .6rem 1.6rem;
  border-radius: 2px;
  margin-bottom: .8rem;
  text-transform: uppercase;
  font-weight: 500;
  cursor: default
}

._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 ._addressListItem_1fmz0_98 ._addressTitle_1fmz0_98,
._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 ._addressListItem_1fmz0_98 ._addressTitle_1fmz0_98 ._storeAddressText_1fmz0_98 {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 22px;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {

  ._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 ._addressListItem_1fmz0_98 ._addressTitle_1fmz0_98,
  ._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 ._addressListItem_1fmz0_98 ._addressTitle_1fmz0_98 ._storeAddressText_1fmz0_98 {
    font-size: 1.4rem
  }
}

._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 ._addressListItem_1fmz0_98 ._addressTitle_1fmz0_98 ._storeAddressText_1fmz0_98 {
  opacity: .7
}

@media screen and (min-width: 1024px) {
  ._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 ._addressListItem_1fmz0_98 ._addressTitle_1fmz0_98 ._storeAddressText_1fmz0_98 {
    font-size: 1.4rem
  }
}

._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 ._addressListItem_1fmz0_98 ._addressDescription_1fmz0_187 {
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 ._addressListItem_1fmz0_98 ._addressDescription_1fmz0_187 {
    opacity: .8;
    font-size: 1.4rem
  }
}

._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 ._iconContainer_1fmz0_198 {
  height: 4.2rem;
  width: 4.2rem;
  border-radius: 50%;
  background-color: var(--theme-order-success-color);
  color: var(--clr-light-100);
  display: flex;
  justify-content: center;
  align-items: center
}

._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 ._iconContainer_1fmz0_198 a,
._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 ._iconContainer_1fmz0_198 a:visited {
  color: var(--clr-light-100)
}

._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 ._iconContainer_1fmz0_198 ._iconSize_1fmz0_214 {
  height: 2rem;
  width: 2rem
}

._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._addressList_1fmz0_98 ._storeAddressArea_1fmz0_218 {
  display: flex;
  width: 100%
}

._root_1fmz0_1 ._DeliveryArea_1fmz0_95 ._vehicleNoContainer_1fmz0_222 {
  display: flex;
  gap: 1.5rem;
  padding-block: 1.2rem
}

._root_1fmz0_1 ._orderItemContainer_1fmz0_227 {
  padding-block: 1.2rem
}

._root_1fmz0_1 ._orderItemContainer_1fmz0_227 :first-child {
  font-size: 1.2rem;
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._root_1fmz0_1 ._orderItemContainer_1fmz0_227 :first-child {
    font-size: 1.6rem
  }
}

._root_1fmz0_1 ._orderItemContainer_1fmz0_227 ._orderItems_1fmz0_239 {
  display: flex;
  flex-direction: row !important;
  padding-block: .6rem;
  justify-content: space-between;
  align-items: center
}

._root_1fmz0_1 ._orderItemContainer_1fmz0_227 ._orderItems_1fmz0_239 ._nameArea_1fmz0_246 {
  width: 12rem;
  color: var(--clr-primary-600)
}

._root_1fmz0_1 ._orderItemContainer_1fmz0_227 ._orderItems_1fmz0_239 p {
  font-size: 1.2rem;
  font-weight: 400;
  direction: ltr
}

@media screen and (min-width: 1024px) {
  ._root_1fmz0_1 ._orderItemContainer_1fmz0_227 ._orderItems_1fmz0_239 p {
    font-size: 1.4rem
  }
}

._root_1fmz0_1 ._orderItemContainer_1fmz0_227 ._orderItems_1fmz0_239 ._qtyArea_1fmz0_260 {
  text-align: right
}

._root_1fmz0_1 ._orderItemContainer_1fmz0_227 ._orderItems_1fmz0_239 ._price_1fmz0_263 {
  text-align: right;
  width: 8rem
}

._flexBox_1fmz0_268 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
  cursor: pointer
}

._badge_1fmz0_276 {
  position: absolute;
  inset-inline-end: 1rem;
  top: 0
}

._paymentmode_1fmz0_282 span {
  font-size: 1.4rem;
  font-weight: 500;
  padding-inline: .6rem;
  padding-block: .4rem;
  background-color: var(--clr-grass-green-700);
  border-radius: .4rem;
  color: var(--clr-light-100);
  margin-inline-start: .5rem
}

._root_1m54q_1 {
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._root_1m54q_1 {
    min-width: 30rem
  }
}

._root_1m54q_1 ._container_1m54q_9 ._paymentMode_1m54q_9 {
  padding-block: 1.2rem
}

._root_1m54q_1 ._container_1m54q_9 ._paymentMode_1m54q_9 p {
  font-size: 1.2rem;
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._root_1m54q_1 ._container_1m54q_9 ._paymentMode_1m54q_9 p {
    font-size: 1.4rem
  }
}

._root_1m54q_1 ._container_1m54q_9 ._paymentMode_1m54q_9 ._opacity_1m54q_21 {
  opacity: .6
}

._root_1m54q_1 ._container_1m54q_9 ._accordion_1m54q_24 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 1.5rem
}

._root_1m54q_1 ._container_1m54q_9 ._accordion_1m54q_24 p {
  font-size: 1.2rem;
  font-weight: 500;
  direction: ltr
}

@media screen and (min-width: 1024px) {
  ._root_1m54q_1 ._container_1m54q_9 ._accordion_1m54q_24 p {
    font-size: 1.4rem
  }
}

._root_1m54q_1 ._container_1m54q_9 ._accordion_1m54q_24 ._circle_1m54q_40 {
  height: 2rem;
  width: 2rem;
  background: #e0e9f1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-start: .8rem
}

._root_1m54q_1 ._container_1m54q_9 ._accordion_1m54q_24 ._circle_1m54q_40 svg {
  font-size: 1.8rem;
  color: var(--clr-primary-500)
}

._root_1m54q_1 ._container_1m54q_9 ._accordionData_1m54q_54 {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out
}

._root_1m54q_1 ._container_1m54q_9 ._accordionData_1m54q_54 ._accordionDataProps_1m54q_62 {
  display: flex;
  justify-content: space-between;
  align-items: center
}

._root_1m54q_1 ._container_1m54q_9 ._accordionData_1m54q_54 ._accordionDataProps_1m54q_62 p {
  font-size: 1.2rem;
  font-weight: 400
}

._root_1m54q_1 ._container_1m54q_9 ._accordionData_1m54q_54 ._accordionDataProps_1m54q_62 ._warningTypo_1m54q_71 {
  font-style: italic;
  font-weight: 400;
  font-size: 1rem;
  color: var(--theme-warning-text-color);
  padding-bottom: 1.5rem
}

._root_o52l6_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  flex-direction: column;
  padding-block: 2rem;
  color: var(--clr-dark-400);
  padding-inline: 1.6rem
}

._root_o52l6_1 ._headerText_o52l6_11 p {
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center
}

._root_o52l6_1 ._descText_o52l6_16 p {
  font-size: 1.4rem;
  font-weight: 400;
  opacity: .8;
  text-align: center
}

._refundArea_o52l6_23 {
  background: var(--clr-light-650);
  border: 1px dashed var(--clr-secondary-300);
  border-radius: .2rem;
  padding-block: 1.5rem;
  padding-inline: 1.6rem;
  box-shadow: none
}

._refundArea_o52l6_23 ._headerText_o52l6_11 p {
  text-align: start;
  font-size: 1.4rem;
  font-weight: 500
}

._refundArea_o52l6_23 ._descText_o52l6_16 p {
  text-align: start;
  font-size: 1.2rem
}

._root_1g590_1 {
  background: var(--theme-backgroud-page);
  height: auto;
  min-height: 100vh;
  color: var(--clr-dark-400)
}

._root_1g590_1 ._container_1g590_7 {
  display: flex;
  flex-direction: column
}

._root_1g590_1 ._container_1g590_7 :first-child {
  gap: 1.5rem
}

._root_1g590_1 ._homeIcon_1g590_14 {
  border: 0;
  min-width: 0;
  padding: 0;
  width: 3rem;
  font-size: 2rem;
  background-color: transparent
}

._root_1g590_1 ._feedbackContainer_1g590_22 {
  padding-block: 1.5rem
}

._root_1g590_1 ._feedbackContainer_1g590_22 ._feedbackClick_1g590_25 {
  padding-inline: 1.6rem;
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center
}

._root_1g590_1 ._feedbackContainer_1g590_22 p {
  font-size: 1.6rem;
  font-weight: 500;
  margin-inline: .9rem
}

._root_1g590_1 ._feedbackContainer_1g590_22 ._icon_1g590_37 {
  height: 1.6rem;
  width: 1.6rem
}

._root_1g590_1 ._feedbackContainer_1g590_22 ._iconText_1g590_41 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center
}

._root_1g590_1 ._feedbackContainer_1g590_22 ._feedbackDesc_1g590_47 {
  font-size: 1.2rem;
  font-weight: 400;
  opacity: .7;
  padding-inline: 2.5rem
}

._root_1g590_1 ._feedbackContainer_1g590_22 ._formDivider_1g590_53 {
  margin-inline: 1.6rem;
  margin-top: 1.5rem
}

._root_1g590_1 ._disableGrid_1g590_57 {
  opacity: .1;
  pointer-events: none
}

._root_1g590_1 ._enableGrid_1g590_61 {
  opacity: 1;
  pointer-events: all;
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center
}

._trackOrder_1g590_70 {
  padding-inline: 1.6rem;
  display: inline;
  justify-content: space-between;
  align-items: center;
  padding-block: 1.6rem
}

._trackOrder_1g590_70 :first-child {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  font-size: 1.6rem
}

._trackOrder_1g590_70 :first-child p {
  font-size: 1.6rem;
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._trackOrder_1g590_70 :first-child p {
    padding-inline-start: 1rem
  }
}

[dir=rtl] ._trackOrder_1g590_70 ._forwardArrow_1g590_92 {
  transform: rotate(180deg)
}

._restraContainer_1g590_96 {
  padding-inline: 1.6rem;
  padding-block: 1.5rem
}

._restraContainer_1g590_96 ._header_1g590_100 {
  font-size: 1.6rem;
  font-weight: 500
}

._restraContainer_1g590_96 ._descContainer_1g590_104 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center
}

._restraContainer_1g590_96 ._descContainer_1g590_104 ._restaudesc_1g590_110 {
  font-weight: 400;
  font-size: 1.2rem;
  opacity: .7
}

._restraContainer_1g590_96 ._iconContainer_1g590_115 {
  height: 4.2rem;
  width: 4.2rem;
  border-radius: 50%;
  background-color: var(--theme-order-success-color);
  color: var(--clr-light-100)
}

._restraContainer_1g590_96 ._iconContainer_1g590_115 a,
._restraContainer_1g590_96 ._iconContainer_1g590_115 a:visited {
  color: var(--clr-light-100)
}

._restraContainer_1g590_96 ._iconContainer_1g590_115 ._iconSize_1g590_128 {
  height: 2rem;
  width: 2rem
}

._flexBox_1g590_133,
._restraContainer_1g590_96 ._iconContainer_1g590_115 {
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  align-items: center
}

._desktopContainer_1g590_140 {
  display: flex;
  flex-direction: row !important;
  gap: 3rem;
  justify-content: center;
  align-items: flex-start
}

@media screen and (min-width: 1024px) {
  ._desktopContainer_1g590_140 {
    padding-top: 2rem
  }
}

._firstContainer_1g590_153 {
  gap: 1.5rem;
  display: flex;
  flex-direction: column
}

@media screen and (min-width: 1024px) {
  ._firstContainer_1g590_153 {
    width: 44%
  }
}

._sideHeading_1g590_164 {
  background: var(--clr-light-350);
  font-size: 1.8rem;
  font-weight: 600;
  padding: 1.4rem 2rem;
  position: relative;
  border-radius: 1rem 1rem 0 0
}

._badgeIcon_1g590_173 {
  position: absolute;
  top: 0;
  right: 3rem
}

[dir=rtl] ._badgeIcon_1g590_173 {
  right: auto;
  left: 3rem
}

._writeusContainer_1g590_183 {
  padding-inline: 1.6rem;
  padding-block: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

._writeusContainer_1g590_183 ._headerText_1g590_190 p {
  font-size: 1.6rem;
  font-weight: 500
}

._writeusContainer_1g590_183 ._descText_1g590_194 p {
  font-size: 1.2rem;
  font-weight: 400;
  opacity: .7
}

._writeusContainer_1g590_183 ._supportButton_1g590_199 {
  border: 1px solid var(--clr-secondary-400);
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 1.4rem;
  font-weight: 500;
  width: 100%;
  text-transform: lowercase
}

._marginClass_1g590_209,
._skelton6_1g590_209,
._skelton5_1g590_209,
._skelton4_1g590_209,
._skelton3_1g590_209,
._skelton2_1g590_209,
._skelton1_1g590_209 {
  margin-bottom: 1.5rem
}

._skelton1_1g590_209 {
  height: 13.8rem
}

._skelton2_1g590_209 {
  height: 5.6rem
}

._skelton3_1g590_209 {
  height: 32rem
}

._skelton4_1g590_209 {
  height: 10rem
}

._skelton5_1g590_209 {
  height: 7rem
}

._skelton6_1g590_209 {
  height: 12.3rem
}

._feedbackArea_9ipa6_1 {
  margin-top: 1.5rem;
  margin-bottom: 8rem;
  border-radius: 1rem
}

._feedbackArea_9ipa6_1 ._ratingHeader_9ipa6_6 {
  padding-inline: 1.8rem;
  padding-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: center
}

._feedbackArea_9ipa6_1 ._ratingHeader_9ipa6_6 p {
  font-size: 1.6rem;
  font-weight: 500;
  padding-inline: .8rem;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._feedbackArea_9ipa6_1 ._ratingHeader_9ipa6_6 p {
    font-size: 1.8rem
  }
}

._feedbackContainer_9ipa6_25 {
  padding-block: 1.5rem;
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  align-items: center;
  gap: 1.2rem
}

._feedbackContainer_9ipa6_25 ._feedbackClick_9ipa6_33 {
  padding-inline: 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center
}

._feedbackContainer_9ipa6_25 p {
  font-size: 1.6rem;
  font-weight: 500
}

._feedbackContainer_9ipa6_25 ._icon_9ipa6_43 {
  height: 2.6rem;
  width: 2.6rem
}

._feedbackContainer_9ipa6_25 ._icon_9ipa6_43 ._text_9ipa6_47 {
  padding-inline-start: .9rem
}

._feedbackContainer_9ipa6_25 ._iconText_9ipa6_50 {
  display: flex;
  justify-content: space-between;
  align-items: center
}

._feedbackContainer_9ipa6_25 ._feedbackDesc_9ipa6_55 {
  font-size: 1.2rem;
  font-weight: 400;
  opacity: .7;
  padding-inline-start: 2.5rem
}

._feedbackContainer_9ipa6_25 ._formDivider_9ipa6_61 {
  margin-inline: 1.6rem;
  margin-top: 1.5rem
}

._main_i074m_1 {
  background: var(--theme-backgroud-page);
  color: var(--clr-dark-400);
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-top: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._main_i074m_1 {
    min-width: 37.5rem;
    max-width: 37.5rem;
    padding-bottom: 1rem
  }
}

._orderInfo_i074m_18 {
  display: flex;
  flex-direction: column;
  padding-inline: 1.6rem;
  padding-block: 1.5rem;
  gap: 1.5rem
}

._orderInfo_i074m_18 ._id_i074m_25 {
  font-size: 1.4rem;
  font-weight: 400;
  background-color: var(--theme-order-text-bg);
  padding-block: .4rem;
  padding-inline: .6rem;
  display: flex;
  flex-direction: row !important;
  gap: .4rem;
  width: 100%
}

._orderInfo_i074m_18 ._id_i074m_25 span {
  font-weight: 500
}

._orderInfo_i074m_18 ._status_i074m_39 {
  font-weight: 500;
  font-size: 1.4rem;
  display: flex;
  flex-direction: row !important;
  justify-content: flex-start;
  align-items: center
}

._orderInfo_i074m_18 ._status_i074m_39 img {
  height: 3rem;
  width: 3rem
}

._orderInfo_i074m_18 ._status_i074m_39 ._statusText_i074m_51 {
  padding-inline: .9rem
}

._amount_i074m_55 {
  display: flex;
  justify-content: space-between;
  align-items: center
}

._amount_i074m_55 p {
  font-size: 1.2rem;
  font-weight: 400
}

._tax_i074m_65 {
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-orange-650)
}

._address_i074m_71 {
  display: flex;
  align-items: center;
  align-content: center;
  padding-block: 1.5rem;
  padding-inline: 1.6rem
}

._address_i074m_71 ._icon_i074m_78 {
  width: 40px
}

._address_i074m_71 svg {
  width: 100%
}

._DeliveryAddress_i074m_85 ._headerText_i074m_85 {
  font-size: 1.4rem;
  font-weight: 400
}

._DeliveryAddress_i074m_85 ._descText_i074m_89 {
  font-size: 1.2rem;
  font-weight: 400;
  opacity: .8
}

._noItemsHeader_i074m_95 {
  font-size: 1.4rem;
  font-weight: 500;
  padding-inline: 1.6rem
}

._heading_i074m_101 {
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 0
}

._itemList_i074m_108 {
  padding-block: 1.5rem;
  padding-inline: 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

._itemList_i074m_108 ._item_i074m_108 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center
}

._itemList_i074m_108 ._item_i074m_108 ._itemDetail_i074m_121 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

._itemList_i074m_108 ._item_i074m_108 ._itemDetail_i074m_121 ._headerText_i074m_85 p {
  font-weight: 700;
  font-size: 1.5rem
}

._itemList_i074m_108 ._item_i074m_108 ._itemDetail_i074m_121 ._descText_i074m_89 p {
  font-size: 1.2rem;
  font-weight: 500;
  opacity: .5
}

._itemList_i074m_108 ._itemAmountArea_i074m_135 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center
}

._itemList_i074m_108 ._itemAmountArea_i074m_135 ._itemAmount_i074m_135 {
  font-size: 1.3rem;
  font-weight: 700
}

._itemList_i074m_108 ._itemAmountArea_i074m_135 ._qty_i074m_145 {
  font-weight: 500;
  font-size: 1.3rem;
  opacity: .7
}

._header_i074m_85 {
  background: var(--clr-light-100);
  flex-direction: column;
  box-shadow: 0 4px 4px var(--clr-light-450);
  color: var(--clr-dark-400);
  padding-inline: 2.4rem;
  padding-bottom: 2rem
}

._header_i074m_85 ._mainHeading_i074m_159 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem
}

._header_i074m_85 ._subHeading_i074m_165 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem
}

._header_i074m_85 ._badge_i074m_170 {
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center
}

._header_i074m_85 ._iconSection_i074m_176 {
  display: grid;
  place-items: center;
  font-size: 1.6rem;
  padding-right: 11rem;
  cursor: pointer
}

[dir=rtl] ._header_i074m_85 ._iconSection_i074m_176 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

._header_i074m_85 ._headerBackArrow_i074m_187 {
  display: flex;
  padding-top: 1.7rem;
  align-items: baseline
}

._orderDate_i074m_193 {
  direction: ltr;
  display: inline-block
}

._root_a2g8s_1 ._resetBtn_a2g8s_1 {
  width: 6.9rem;
  height: 3rem;
  font-size: 1.2rem;
  font-weight: 500;
  border-radius: .6rem
}

._root_a2g8s_1 ._wrapContent_a2g8s_8 ._storeArea_a2g8s_8 ._noShadow_a2g8s_8 {
  box-shadow: none !important
}

._main_a2g8s_12 {
  background: var(--theme-backgroud-page);
  height: auto;
  min-height: 100vh;
  position: relative
}

._main_a2g8s_12 ._disableGrid_a2g8s_18 {
  opacity: .1;
  pointer-events: none
}

._main_a2g8s_12 ._orderStatusGrid_a2g8s_22 {
  z-index: 10000
}

._map_a2g8s_26 {
  height: 23.9rem;
  background-color: var(--clr-background);
  position: relative
}

._icon_a2g8s_32 {
  flex-grow: 0;
  padding-inline-end: 1rem
}

._status_a2g8s_37 {
  padding-top: 2rem
}

._status_a2g8s_37 p {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  text-transform: uppercase
}

@media screen and (min-width: 1024px) {
  ._status_a2g8s_37 p {
    font-size: 1.6rem
  }
}

._statusCenter_a2g8s_52 {
  padding-top: 2rem
}

._statusCenter_a2g8s_52 p {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-primary-400);
  text-transform: uppercase
}

@media screen and (min-width: 1024px) {
  ._statusCenter_a2g8s_52 p {
    font-size: 1.6rem;
    text-align: center
  }
}

._orderIdContainer_a2g8s_68 {
  padding-inline: 1.6rem;
  padding-top: 1.9rem
}

@media screen and (min-width: 1024px) {
  ._orderIdContainer_a2g8s_68 {
    padding-inline: 2rem
  }
}

._orderIdContainer_a2g8s_68 ._orderIdDetails_a2g8s_77 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  background: var(--clr-primary-light);
  padding: 2rem;
  border-radius: .4rem
}

._orderIdContainer_a2g8s_68 ._orderIdDetails_a2g8s_77 img {
  width: 3.6rem;
  height: 3.6rem
}

@media screen and (min-width: 1024px) {
  ._orderIdContainer_a2g8s_68 ._orderIdDetails_a2g8s_77 img {
    width: 4.2rem;
    height: 4.2rem
  }
}

._orderIdContainer_a2g8s_68 ._orderIdDetails_a2g8s_77 ._orderNoContainer_a2g8s_95 {
  padding-inline-start: 1.2rem
}

._orderIdContainer_a2g8s_68 ._orderIdDetails_a2g8s_77 ._orderNoText_a2g8s_98 p {
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._orderIdContainer_a2g8s_68 ._orderIdDetails_a2g8s_77 ._orderNoText_a2g8s_98 p {
    font-size: 1.6rem;
    color: var(--clr-dark-400)
  }
}

._orderIdContainer_a2g8s_68 ._orderIdDetails_a2g8s_77 ._orderNoText_a2g8s_98 span {
  white-space: nowrap;
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._orderIdContainer_a2g8s_68 ._orderIdDetails_a2g8s_77 ._orderNoText_a2g8s_98 span {
    font-weight: 500;
    font-size: 1.6rem;
    color: var(--clr-dark-400)
  }
}

._orderIdContainer_a2g8s_68 ._orderIdDetails_a2g8s_77 ._amountText_a2g8s_122 p {
  font-size: 1.2rem;
  font-weight: 400
}

@media screen and (min-width: 1024px) {
  ._orderIdContainer_a2g8s_68 ._orderIdDetails_a2g8s_77 ._amountText_a2g8s_122 p {
    font-size: 1.6rem
  }
}

._orderIdContainer_a2g8s_68 ._orderIdDetails_a2g8s_77 ._amountText_a2g8s_122 span {
  font-weight: 500;
  margin-inline-start: .5rem
}

@media screen and (min-width: 1024px) {
  ._orderIdContainer_a2g8s_68 ._orderIdDetails_a2g8s_77 ._amountText_a2g8s_122 span {
    font-weight: 500;
    font-size: 1.6rem
  }
}

._orderIdContainer_a2g8s_68 ._detailsButton_a2g8s_141 {
  border-radius: .4rem;
  border: 1px solid var(--clr-dark-100);
  padding-inline: .8rem;
  padding-bottom: .4rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._orderConfirmRoot_a2g8s_151 {
  padding-inline-start: 1.6rem
}

@media screen and (min-width: 1024px) {
  ._orderConfirmRoot_a2g8s_151 {
    margin-top: 1.6rem
  }
}

._orderStatusContainer_a2g8s_160 {
  padding-inline: 1.6rem;
  padding-bottom: 1.5rem;
  border-radius: 0rem
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_a2g8s_160 {
    padding-inline: 2rem;
    border-radius: 0 0 1rem 1rem
  }
}

._orderStatusContainer_a2g8s_160 ._orderConfirmed_a2g8s_171 {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  padding-top: 1.2rem
}

._orderStatusContainer_a2g8s_160 ._orderConfirmed_a2g8s_171 ._headerText_a2g8s_177 {
  font-size: 1.4rem;
  font-weight: 500
}

._orderStatusContainer_a2g8s_160 ._orderConfirmed_a2g8s_171 ._descText_a2g8s_181 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  opacity: .4
}

._orderStatusContainer_a2g8s_160 ._orderConfirmed_a2g8s_171 ._centerText_a2g8s_187 {
  padding-inline: 1.2rem
}

._orderStatusContainer_a2g8s_160 ._icon_a2g8s_32 {
  height: 4.3rem;
  width: 2.9rem;
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_a2g8s_160 ._icon_a2g8s_32 {
    width: 3.8rem;
    height: 3.8rem
  }
}

._orderStatusContainer_a2g8s_160 ._orderDesc_a2g8s_204 {
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  opacity: .5
}

._orderStatusContainer_a2g8s_160 ._content_a2g8s_209 {
  padding-inline: 1.3rem;
  display: flex;
  flex-direction: column;
  gap: .8rem;
  color: var(--clr-dark-400)
}

._orderStatusContainer_a2g8s_160 ._content_a2g8s_209 p {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_a2g8s_160 ._content_a2g8s_209 p {
    font-size: 1.6rem;
    font-weight: 500
  }
}

._orderStatusContainer_a2g8s_160 ._content_a2g8s_209 ._doneButton_a2g8s_227 {
  position: static;
  padding: .2rem .6rem;
  height: 1.6rem;
  left: 0rem;
  top: .2rem;
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  text-transform: uppercase;
  background: var(--clr-primary-400);
  color: var(--clr-dark-400);
  border-radius: .2rem;
  flex: none;
  order: 0;
  flex-grow: 0;
  min-width: auto
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_a2g8s_160 ._content_a2g8s_209 ._doneButton_a2g8s_227 {
    min-width: 4.5rem;
    height: 1.8rem
  }
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_a2g8s_160 ._content_a2g8s_209 ._doneButton_a2g8s_227 p {
    padding: .2rem .6rem;
    font-size: 1.2rem;
    font-weight: 500
  }
}

._orderStatusContainer_a2g8s_160 ._laterButton_a2g8s_263 {
  position: static;
  height: 1.6rem;
  left: 0rem;
  top: .2rem;
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  padding: .2rem .6rem;
  text-transform: uppercase;
  background: var(--theme-button-disable-bg);
  color: var(--clr-light-100);
  border-radius: .2rem;
  flex: none;
  order: 0;
  flex-grow: 0;
  pointer-events: none;
  min-width: auto
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_a2g8s_160 ._laterButton_a2g8s_263 {
    width: 5.6rem;
    height: 2.1rem;
    color: var(--clr-light-100);
    padding: .2rem .6rem;
    margin: 0;
    display: flex;
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
    border-radius: .2rem;
    font-size: 1.4rem;
    background: var(--theme-button-disable-bg)
  }
}

._orderStatusContainer_a2g8s_160 ._divider_a2g8s_303,
._orderStatusContainer_a2g8s_160 ._divider3_a2g8s_303 {
  margin-inline-start: 5.1rem;
  margin-top: 1.2rem
}

._orderStatusContainer_a2g8s_160 ._divider3_a2g8s_303 {
  margin-bottom: 2.5rem
}

._feedbackArea_a2g8s_311 {
  margin-top: 1.5rem
}

._feedbackArea_a2g8s_311 ._ratingHeader_a2g8s_314 {
  padding-inline: 1.6rem;
  padding-top: 2rem;
  display: flex;
  flex-direction: row !important
}

._feedbackArea_a2g8s_311 ._ratingHeader_a2g8s_314 p {
  font-size: 1.6rem;
  font-weight: 500;
  padding-inline: .8rem
}

._feedbackContainer_a2g8s_326 {
  padding-block: 1.5rem
}

._feedbackContainer_a2g8s_326 ._feedbackClick_a2g8s_329 {
  padding-inline: 1.6rem;
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center
}

._feedbackContainer_a2g8s_326 ._feedbackClick_a2g8s_329 ._arrow_a2g8s_336 {
  font-size: 3rem;
  color: var(--clr-dark-400)
}

._feedbackContainer_a2g8s_326 p {
  font-size: 1.6rem;
  font-weight: 500
}

._feedbackContainer_a2g8s_326 ._icon_a2g8s_32 {
  height: 2.6rem;
  width: 4rem
}

._feedbackContainer_a2g8s_326 ._icon_a2g8s_32 ._text_a2g8s_348 {
  padding-inline-start: .9rem
}

._feedbackContainer_a2g8s_326 ._iconText_a2g8s_351 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center
}

._feedbackContainer_a2g8s_326 ._feedbackDesc_a2g8s_357 {
  font-size: 1.4rem;
  font-weight: 400;
  opacity: .7;
  padding-inline-start: 5.6rem
}

._feedbackContainer_a2g8s_326 ._formDivider_a2g8s_363 {
  margin-inline: 1.6rem;
  margin-top: 1.5rem
}

._storeArea_a2g8s_8 {
  background-color: var(--clr-light-100);
  height: 100%;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._storeArea_a2g8s_8 {
    position: relative;
    height: auto;
    z-index: 0;
    border-radius: 1rem 1rem 0 0
  }
}

._storeContainer_a2g8s_382 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: flex-start;
  padding-inline: 1.6rem;
  padding-block: 1.5rem
}

._storeContainer_a2g8s_382 ._headerText_a2g8s_177 {
  font-size: 1.4rem;
  font-weight: 500
}

._storeContainer_a2g8s_382 ._descText_a2g8s_181 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  opacity: .4
}

._storeContainer_a2g8s_382 ._centerText_a2g8s_187 {
  padding-inline: 1.2rem
}

._flexbox_a2g8s_404,
._circleArea2_a2g8s_404 {
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  align-items: center
}

._circleArea2_a2g8s_404 {
  height: 3rem;
  width: 3rem;
  background-color: var(--clr-grass-green-700);
  color: var(--clr-light-100);
  border-radius: 50%;
  font-weight: 500;
  font-size: 1.8rem
}

._futureOrderContainer_a2g8s_421 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding-top: 1.5rem
}

._futureOrderContainer_a2g8s_421 ._headerText_a2g8s_177 {
  font-size: 1.6rem;
  font-weight: 500
}

._futureOrderContainer_a2g8s_421 ._descText_a2g8s_181 {
  font-size: 1.4rem;
  font-weight: 500;
  padding-inline: 4rem;
  padding-block: .6rem
}

._futureOrderContainer_a2g8s_421 ._descContainer_a2g8s_439 {
  background-color: var(--clr-background);
  border-radius: .4rem
}

._futureDivider_a2g8s_444 {
  padding-inline: 5.4rem;
  padding-block: 1.2rem
}

._futureOrderWarn_a2g8s_449 {
  justify-content: space-between;
  display: flex;
  flex-direction: row !important;
  padding-inline: 6.6rem;
  margin: 0 25px;
  align-items: center;
  padding-bottom: 2rem
}

@media screen and (min-width: 1024px) {
  ._futureOrderWarn_a2g8s_449 {
    margin: 0 25%
  }
}

._futureOrderWarn_a2g8s_449 ._descText_a2g8s_181 {
  font-size: 1.2rem;
  font-weight: 500;
  padding-inline-start: 1.1rem
}

._desktopContainer_a2g8s_469 {
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  padding-inline: 13rem;
  padding-top: 2rem
}

._desktopGrid2_a2g8s_477 {
  padding-inline-start: 3rem;
  width: 49rem
}

._disabled_a2g8s_482 {
  opacity: .5
}

._disabled_a2g8s_482 ._content_a2g8s_209 {
  color: var(--theme-button-disable-bg)
}

._storeNameHeader_a2g8s_489 p {
  font-size: 1.4rem;
  font-weight: 500;
  padding-inline: .8rem
}

._descContainer_a2g8s_439 {
  display: flex;
  flex-direction: column;
  gap: .5rem
}

._descContainer_a2g8s_439 ._restaudesc_a2g8s_500 {
  font-weight: 400;
  font-size: 1.2rem;
  opacity: .7;
  padding-inline: .8rem
}

._StoreContainer_a2g8s_507 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: flex-start;
  padding-inline: 1.6rem;
  padding-block: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._StoreContainer_a2g8s_507 {
    display: none
  }
}

._StoreContainer_a2g8s_507 ._storeAddress_a2g8s_520 {
  display: flex;
  flex-direction: row !important
}

._StoreContainer_a2g8s_507 ._iconContainer_a2g8s_524 {
  float: right;
  display: flex;
  flex-direction: row !important;
  height: 4.2rem;
  width: 4.2rem;
  border-radius: 50%;
  background-color: var(--theme-order-success-color);
  color: var(--clr-light-100)
}

._StoreContainer_a2g8s_507 ._iconContainer_a2g8s_524 a {
  color: var(--clr-light-100)
}

._StoreContainer_a2g8s_507 ._iconContainer_a2g8s_524 ._iconSize_a2g8s_537 {
  height: 2rem;
  width: 2rem
}

._flexBox_a2g8s_542,
._StoreContainer_a2g8s_507 ._iconContainer_a2g8s_524 {
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  align-items: center
}

._getDirection_a2g8s_549 {
  position: absolute;
  background: var(--clr-secondary-400);
  min-width: 5.6rem;
  display: flex;
  flex-direction: row !important;
  height: 3.2rem;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  color: var(--clr-dark-400);
  bottom: 10px;
  padding: 0 1rem;
  inset-inline-end: 1.6rem
}

._getDirection_a2g8s_549 span {
  display: none;
  text-transform: uppercase;
  padding: 0 1rem
}

._getDirection_a2g8s_549 span a {
  color: var(--clr-light-100)
}

._getDirection_a2g8s_549:hover span {
  display: block
}

._desktopHeader_a2g8s_576 {
  padding-inline: 13rem;
  padding-top: 2rem;
  position: relative
}

._desktopHeader_a2g8s_576 h1 {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: var(--clr-dark-400);
  margin-bottom: 1.6rem;
  position: relative
}

._desktopHeader_a2g8s_576 h1:before {
  content: "";
  display: block;
  border: .15rem solid var(--clr-primary-400);
  background: var(--clr-primary-400);
  border-radius: 2rem;
  height: .3rem;
  position: absolute;
  bottom: -1.8rem;
  inset-inline-start: 0;
  width: 6rem
}

._desktopHeader_a2g8s_576:after {
  content: "";
  display: block;
  border: 1px solid var(--clr-dark-400);
  opacity: .2;
  width: 100%
}

._desktopOrderLine_a2g8s_609 {
  position: relative
}

._desktopOrderLine_a2g8s_609:before {
  content: "";
  display: block;
  border: .15rem solid var(--clr-primary-400);
  background: var(--clr-primary-400);
  border-radius: 2rem;
  height: .3rem;
  position: absolute;
  inset-inline-start: 2rem;
  width: 3rem
}

._trackHeader_a2g8s_624 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 2.1rem
}

._trackHeader_a2g8s_624 ._back_a2g8s_631 {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.1rem;
  display: flex;
  flex-direction: row !important;
  align-items: center;
  gap: 1.6rem
}

[dir=rtl] ._trackHeader_a2g8s_624 ._back_a2g8s_631 svg {
  transform: rotate(180deg)
}

._trackHeader_a2g8s_624 button._resetBtn_a2g8s_1 {
  border-radius: 4px;
  width: 9rem
}

._subMode_a2g8s_648 {
  font-size: 1rem;
  font-weight: 500;
  padding-inline: .6rem;
  padding-block: .4rem;
  background-color: var(--clr-grass-green-700);
  border-radius: .4rem;
  color: var(--clr-light-100);
  margin-inline-start: .5rem
}

._wrapContent_a2g8s_8 {
  flex-grow: 1;
  border-radius: 1rem
}

._orderStatusGrid_a2g8s_22 {
  flex-grow: 1
}

._orderStatusGrid_a2g8s_22 ._orderStatusContainer_a2g8s_160 {
  border-radius: 0
}

@media screen and (min-width: 1024px) {
  ._orderStatusGrid_a2g8s_22 ._orderStatusContainer_a2g8s_160 {
    border-radius: 0 0 1rem 1rem
  }
}

._orderStatusGrid_a2g8s_22 ._feedbackArea_a2g8s_311 {
  border-radius: 0
}

@media screen and (min-width: 1024px) {
  ._orderStatusGrid_a2g8s_22 ._feedbackArea_a2g8s_311 {
    border-radius: 1rem
  }
}

._orderStatusGrid_a2g8s_22 ._feedbackContainer_a2g8s_326 {
  border-radius: 0;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._orderStatusGrid_a2g8s_22 ._feedbackContainer_a2g8s_326 {
    border-radius: 1rem
  }
}

@media screen and (min-width: 1024px) {
  ._shadowArea_a2g8s_694 {
    box-shadow: 0 2.17631px 7.61708px #9bccf43d;
    border-radius: 1rem
  }
}

._root_buy7f_1 ._resetBtn_buy7f_1 {
  width: 6.9rem;
  height: 3rem;
  font-size: 1.2rem;
  font-weight: 500;
  border-radius: .6rem
}

._root_buy7f_1 ._wrapContent_buy7f_8 ._storeArea_buy7f_8 ._noShadow_buy7f_8 {
  box-shadow: none !important
}

._main_buy7f_12 {
  background: var(--theme-backgroud-page);
  height: auto;
  min-height: 100vh;
  position: relative
}

._main_buy7f_12 ._disableGrid_buy7f_18 {
  opacity: .1;
  pointer-events: none
}

._main_buy7f_12 ._orderStatusGrid_buy7f_22 {
  z-index: 10000
}

._map_buy7f_26 {
  height: 23.9rem;
  background-color: var(--clr-background);
  position: relative
}

._icon_buy7f_32 {
  flex-grow: 0;
  padding-inline-end: 1rem
}

._status_buy7f_37 {
  padding-top: 2rem
}

._status_buy7f_37 p {
  font-size: 1.2rem;
  font-weight: 500;
  color: #231f20;
  text-transform: uppercase
}

@media screen and (min-width: 1024px) {
  ._status_buy7f_37 p {
    font-size: 1.6rem
  }
}

._statusCenter_buy7f_52 {
  padding-top: 2rem
}

._statusCenter_buy7f_52 p {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-primary-400);
  text-transform: uppercase
}

@media screen and (min-width: 1024px) {
  ._statusCenter_buy7f_52 p {
    font-size: 1.6rem;
    text-align: center
  }
}

._orderIdContainer_buy7f_68 {
  padding: 1.6rem;
  box-shadow: 0 2.1800000668px 7.6199998856px #9bccf43e
}

._orderIdContainer_buy7f_68 ._tokenContainer_buy7f_72 {
  padding: 1.6rem;
  background-color: #f2f9ff
}

._orderIdContainer_buy7f_68 ._tokenContainer_buy7f_72 ._tokenDetail_buy7f_76 {
  width: 100%;
  justify-content: space-between;
  margin-bottom: 1.6rem
}

._orderIdContainer_buy7f_68 ._tokenContainer_buy7f_72 ._tokenDetail_buy7f_76 ._sectionOne_buy7f_81 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  margin-bottom: 1rem
}

._orderIdContainer_buy7f_68 ._tokenContainer_buy7f_72 ._tokenDetail_buy7f_76 ._sectionTwo_buy7f_89 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  width: 100%;
  align-items: center
}

._orderIdContainer_buy7f_68 ._tokenContainer_buy7f_72 ._tokenDetail_buy7f_76 ._orderTypeText_buy7f_96 {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: left
}

._orderIdContainer_buy7f_68 ._tokenContainer_buy7f_72 ._tokenDetail_buy7f_76 ._orderDateText_buy7f_101 {
  font-size: 1.2rem;
  font-weight: 400;
  text-align: left;
  direction: ltr
}

._orderIdContainer_buy7f_68 ._tokenContainer_buy7f_72 ._tokenDetail_buy7f_76 ._paymentTypeContainer_buy7f_107 {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  margin-bottom: .6rem
}

._orderIdContainer_buy7f_68 ._tokenContainer_buy7f_72 ._tokenDetail_buy7f_76 ._paymentTypeContainer_buy7f_107 ._cashImg_buy7f_113 {
  width: 3.1rem;
  height: 2.2rem
}

._orderIdContainer_buy7f_68 ._tokenContainer_buy7f_72 ._tokenDetail_buy7f_76 ._paymentTypeContainer_buy7f_107 ._cardImg_buy7f_117 {
  width: 3.1rem;
  height: 1.7rem;
  margin-inline-end: .2rem
}

._orderIdContainer_buy7f_68 ._tokenContainer_buy7f_72 ._tokenDetail_buy7f_76 ._orderPrice_buy7f_122 {
  font-size: 1.2rem;
  font-weight: 500
}

._orderIdContainer_buy7f_68 ._tokenContainer_buy7f_72 ._tokenIdContainer_buy7f_126 {
  width: 100%;
  height: 7.2rem;
  padding: 1.8rem 2.6rem;
  border-radius: 1.2rem;
  border: .2rem dashed rgb(196, 197, 203);
  background: #FFF9E9;
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center
}

._orderIdContainer_buy7f_68 ._tokenContainer_buy7f_72 ._tokenIdContainer_buy7f_126 ._tokenIdLabel_buy7f_138 {
  font-size: 2.6rem;
  font-weight: 700
}

._orderIdContainer_buy7f_68 ._tokenContainer_buy7f_72 ._tokenIdContainer_buy7f_126 ._generatingTokenText_buy7f_142 {
  font-size: 2rem;
  font-weight: 600;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  align-items: center
}

._orderIdContainer_buy7f_68 ._tokenContainer_buy7f_72 ._tokenIdContainer_buy7f_126 ._cancelledOrderText_buy7f_152 {
  font-size: 3rem;
  font-weight: 700;
  width: 100%;
  text-align: center
}

._orderIdContainer_buy7f_68 ._tokenContainer_buy7f_72 ._tokenIdContainer_buy7f_126 ._tokenIdValue_buy7f_158 {
  font-size: 2.6rem;
  font-weight: 700;
  color: #e4002b
}

._orderIdContainer_buy7f_68 ._tokenContainer_buy7f_72 ._orderCanceled_buy7f_163 {
  background: var(--clr-light-100)
}

._orderIdContainer_buy7f_68 ._detailsButton_buy7f_166 {
  border-radius: .4rem;
  border: 1px solid var(--clr-primary-400);
  background: #FFF9E9;
  padding-inline: .8rem;
  padding-bottom: .4rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400) !important
}

._orderConfirmRoot_buy7f_177 {
  padding-inline-start: 1.6rem
}

@media screen and (min-width: 1024px) {
  ._orderConfirmRoot_buy7f_177 {
    margin-top: 1.6rem
  }
}

._orderStatusContainer_buy7f_186 {
  padding-inline: 1.6rem;
  padding-bottom: 1.5rem;
  border-radius: 0rem;
  padding-top: 1.6rem;
  margin-top: 1.8rem;
  box-shadow: 0 2.1800000668px 7.6199998856px #9bccf43e
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_buy7f_186 {
    padding-inline: 2rem;
    border-radius: 0 0 1rem 1rem
  }
}

._orderStatusContainer_buy7f_186 ._orderConfirmed_buy7f_200 {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  padding-top: 1.2rem
}

._orderStatusContainer_buy7f_186 ._orderConfirmed_buy7f_200 ._headerText_buy7f_206 {
  font-size: 1.4rem;
  font-weight: 500
}

._orderStatusContainer_buy7f_186 ._orderConfirmed_buy7f_200 ._descText_buy7f_210 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  opacity: .4
}

._orderStatusContainer_buy7f_186 ._orderConfirmed_buy7f_200 ._centerText_buy7f_216 {
  padding-inline: 1.2rem
}

._orderStatusContainer_buy7f_186 ._icon_buy7f_32 {
  height: 4.3rem;
  width: 2.9rem;
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_buy7f_186 ._icon_buy7f_32 {
    width: 3.8rem;
    height: 3.8rem
  }
}

._orderStatusContainer_buy7f_186 ._orderDesc_buy7f_233 {
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  opacity: .5
}

._orderStatusContainer_buy7f_186 ._content_buy7f_238 {
  padding-inline: 1.3rem;
  display: flex;
  flex-direction: column;
  gap: .8rem;
  color: var(--clr-dark-400)
}

._orderStatusContainer_buy7f_186 ._content_buy7f_238 p {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_buy7f_186 ._content_buy7f_238 p {
    font-size: 1.6rem;
    font-weight: 500
  }
}

._orderStatusContainer_buy7f_186 ._content_buy7f_238 ._doneButton_buy7f_256 {
  position: static;
  padding: .2rem .6rem;
  height: 1.6rem;
  left: 0rem;
  top: .2rem;
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  text-transform: uppercase;
  background: var(--clr-primary-400);
  color: #fff;
  border-radius: .2rem;
  flex: none;
  order: 0;
  flex-grow: 0;
  min-width: auto
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_buy7f_186 ._content_buy7f_238 ._doneButton_buy7f_256 {
    min-width: 4.5rem;
    height: 1.8rem
  }
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_buy7f_186 ._content_buy7f_238 ._doneButton_buy7f_256 p {
    padding: .2rem .6rem;
    font-size: 1.2rem;
    font-weight: 500
  }
}

._orderStatusContainer_buy7f_186 ._laterButton_buy7f_292 {
  position: static;
  height: 1.6rem;
  left: 0rem;
  top: .2rem;
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  padding: .2rem .6rem;
  text-transform: uppercase;
  background: var(--theme-button-disable-bg);
  color: var(--clr-light-100);
  border-radius: .2rem;
  flex: none;
  order: 0;
  flex-grow: 0;
  pointer-events: none;
  min-width: auto
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_buy7f_186 ._laterButton_buy7f_292 {
    width: 5.6rem;
    height: 2.1rem;
    color: #fff;
    padding: .2rem .6rem;
    margin: 0;
    display: flex;
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
    border-radius: .2rem;
    font-size: 1.4rem;
    background: var(--theme-button-disable-bg)
  }
}

._orderStatusContainer_buy7f_186 ._divider_buy7f_332,
._orderStatusContainer_buy7f_186 ._divider3_buy7f_332 {
  margin-inline-start: 5.1rem;
  margin-top: 1.2rem
}

._orderStatusContainer_buy7f_186 ._divider3_buy7f_332 {
  margin-bottom: 2.5rem
}

._feedbackArea_buy7f_340 {
  margin-top: 1.5rem
}

._feedbackArea_buy7f_340 ._ratingHeader_buy7f_343 {
  padding-inline: 1.6rem;
  padding-top: 2rem;
  display: flex;
  flex-direction: row !important
}

._feedbackArea_buy7f_340 ._ratingHeader_buy7f_343 p {
  font-size: 1.6rem;
  font-weight: 500;
  padding-inline: .8rem
}

._feedbackContainer_buy7f_355 {
  padding-block: 1.5rem
}

._feedbackContainer_buy7f_355 ._feedbackClick_buy7f_358 {
  padding-inline: 1.6rem;
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center
}

._feedbackContainer_buy7f_355 ._feedbackClick_buy7f_358 ._arrow_buy7f_365 {
  font-size: 3rem;
  color: var(--clr-dark-400)
}

._feedbackContainer_buy7f_355 p {
  font-size: 1.6rem;
  font-weight: 500
}

._feedbackContainer_buy7f_355 ._icon_buy7f_32 {
  height: 2.6rem;
  width: 4rem
}

._feedbackContainer_buy7f_355 ._icon_buy7f_32 ._text_buy7f_377 {
  padding-inline-start: .9rem
}

._feedbackContainer_buy7f_355 ._iconText_buy7f_380 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center
}

._feedbackContainer_buy7f_355 ._feedbackDesc_buy7f_386 {
  font-size: 1.4rem;
  font-weight: 400;
  opacity: .7;
  padding-inline-start: 5.6rem
}

._feedbackContainer_buy7f_355 ._formDivider_buy7f_392 {
  margin-inline: 1.6rem;
  margin-top: 1.5rem
}

._storeArea_buy7f_8 {
  background-color: var(--clr-light-100);
  height: 100%;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._storeArea_buy7f_8 {
    position: relative;
    height: auto;
    z-index: 0;
    border-radius: 1rem 1rem 0 0
  }
}

._storeContainer_buy7f_411 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: flex-start;
  padding-inline: 1.6rem;
  padding-block: 1.5rem
}

._storeContainer_buy7f_411 ._headerText_buy7f_206 {
  font-size: 1.4rem;
  font-weight: 500
}

._storeContainer_buy7f_411 ._descText_buy7f_210 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  opacity: .4
}

._storeContainer_buy7f_411 ._centerText_buy7f_216 {
  padding-inline: 1.2rem
}

._flexbox_buy7f_433,
._circleArea2_buy7f_433 {
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  align-items: center
}

._circleArea2_buy7f_433 {
  height: 3rem;
  width: 3rem;
  background-color: var(--clr-grass-green-700);
  color: var(--clr-light-100);
  border-radius: 50%;
  font-weight: 500;
  font-size: 1.8rem
}

._futureOrderContainer_buy7f_450 {
  display: flex;
  flex-direction: row !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding-top: 1.5rem
}

._futureOrderContainer_buy7f_450 ._headerText_buy7f_206 {
  font-size: 1.6rem;
  font-weight: 500
}

._futureOrderContainer_buy7f_450 ._descText_buy7f_210 {
  font-size: 1.4rem;
  font-weight: 500;
  padding-inline: 4rem;
  padding-block: .6rem
}

._futureOrderContainer_buy7f_450 ._descContainer_buy7f_469 {
  background-color: var(--clr-background);
  border-radius: .4rem
}

._futureDivider_buy7f_474 {
  padding-inline: 5.4rem;
  padding-block: 1.2rem
}

._futureOrderWarn_buy7f_479 {
  justify-content: space-between;
  display: flex;
  flex-direction: row !important;
  padding-inline: 6.6rem;
  margin: 0 25px;
  align-items: center;
  padding-bottom: 2rem
}

@media screen and (min-width: 1024px) {
  ._futureOrderWarn_buy7f_479 {
    margin: 0 25%
  }
}

._futureOrderWarn_buy7f_479 ._descText_buy7f_210 {
  font-size: 1.2rem;
  font-weight: 500;
  padding-inline-start: 1.1rem
}

._desktopContainer_buy7f_499 {
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  padding-inline: 13rem;
  padding-top: 2rem
}

._desktopGrid2_buy7f_507 {
  padding-inline-start: 3rem;
  width: 49rem
}

._disabled_buy7f_512 {
  opacity: .5
}

._disabled_buy7f_512 ._content_buy7f_238 {
  color: var(--theme-button-disable-bg)
}

._storeNameHeader_buy7f_519 p {
  font-size: 1.4rem;
  font-weight: 500;
  padding-inline: .8rem
}

._descContainer_buy7f_469 {
  display: flex;
  flex-direction: column;
  gap: .5rem
}

._descContainer_buy7f_469 ._restaudesc_buy7f_530 {
  font-weight: 400;
  font-size: 1.2rem;
  opacity: .7;
  padding-inline: .8rem
}

._StoreContainer_buy7f_537 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: flex-start;
  padding-inline: 1.6rem;
  padding-block: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._StoreContainer_buy7f_537 {
    display: none
  }
}

._StoreContainer_buy7f_537 ._storeAddress_buy7f_550 {
  display: flex;
  flex-direction: row !important
}

._StoreContainer_buy7f_537 ._iconContainer_buy7f_554 {
  float: right;
  display: flex;
  flex-direction: row !important;
  height: 4.2rem;
  width: 4.2rem;
  border-radius: 50%;
  background-color: var(--theme-order-success-color);
  color: var(--clr-light-100)
}

._StoreContainer_buy7f_537 ._iconContainer_buy7f_554 a {
  color: var(--clr-light-100)
}

._StoreContainer_buy7f_537 ._iconContainer_buy7f_554 ._iconSize_buy7f_567 {
  height: 2rem;
  width: 2rem
}

._flexBox_buy7f_572,
._StoreContainer_buy7f_537 ._iconContainer_buy7f_554 {
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  align-items: center
}

._getDirection_buy7f_579 {
  position: absolute;
  background: #007aff;
  min-width: 5.6rem;
  display: flex;
  flex-direction: row !important;
  height: 3.2rem;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  color: #fff;
  bottom: 10px;
  padding: 0 1rem;
  inset-inline-end: 1.6rem
}

._getDirection_buy7f_579 span {
  display: none;
  text-transform: uppercase;
  padding: 0 1rem
}

._getDirection_buy7f_579 span a {
  color: #fff
}

._getDirection_buy7f_579:hover span {
  display: block
}

._desktopHeader_buy7f_606 {
  padding-inline: 13rem;
  padding-top: 2rem;
  position: relative
}

._desktopHeader_buy7f_606 h1 {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: var(--clr-dark-400);
  margin-bottom: 1.6rem;
  position: relative
}

._desktopHeader_buy7f_606 h1:before {
  content: "";
  display: block;
  border: .15rem solid #e4002b;
  background: var(--clr-primary-400);
  border-radius: 2rem;
  height: .3rem;
  position: absolute;
  bottom: -1.8rem;
  inset-inline-start: 0;
  width: 6rem
}

._desktopHeader_buy7f_606:after {
  content: "";
  display: block;
  border: 1px solid var(--clr-dark-400);
  opacity: .2;
  width: 100%
}

._desktopOrderLine_buy7f_639 {
  position: relative
}

._desktopOrderLine_buy7f_639:before {
  content: "";
  display: block;
  border: .15rem solid var(--clr-primary-400);
  background: var(--clr-primary-400);
  border-radius: 2rem;
  height: .3rem;
  position: absolute;
  inset-inline-start: 2rem;
  width: 3rem
}

._trackHeader_buy7f_654 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 2.1rem
}

._trackHeader_buy7f_654 ._back_buy7f_661 {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.1rem;
  display: flex;
  flex-direction: row !important;
  align-items: center;
  gap: 1.6rem
}

[dir=rtl] ._trackHeader_buy7f_654 ._back_buy7f_661 svg {
  transform: rotate(180deg)
}

._trackHeader_buy7f_654 button._resetBtn_buy7f_1 {
  border-radius: 4px;
  width: 9rem
}

._subMode_buy7f_678 {
  font-size: 1.2rem;
  font-weight: 400;
  text-align: right;
  text-transform: uppercase
}

._wrapContent_buy7f_8 {
  flex-grow: 1;
  border-radius: 1rem
}

._orderStatusGrid_buy7f_22 {
  flex-grow: 1
}

._orderStatusGrid_buy7f_22 ._orderStatusContainer_buy7f_186 {
  border-radius: 0
}

@media screen and (min-width: 1024px) {
  ._orderStatusGrid_buy7f_22 ._orderStatusContainer_buy7f_186 {
    border-radius: 0 0 1rem 1rem
  }
}

._orderStatusGrid_buy7f_22 ._feedbackArea_buy7f_340 {
  border-radius: 0
}

@media screen and (min-width: 1024px) {
  ._orderStatusGrid_buy7f_22 ._feedbackArea_buy7f_340 {
    border-radius: 1rem
  }
}

._orderStatusGrid_buy7f_22 ._feedbackContainer_buy7f_355 {
  border-radius: 0;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._orderStatusGrid_buy7f_22 ._feedbackContainer_buy7f_355 {
    border-radius: 1rem
  }
}

@media screen and (min-width: 1024px) {
  ._shadowArea_buy7f_720 {
    box-shadow: 0 2.17631px 7.61708px #9bccf43d;
    border-radius: 1rem
  }
}

._earnWrapper_buy7f_726 {
  margin-top: 2rem
}

._orderIdDetails_buy7f_730 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  background: rgba(223, 239, 255, .4);
  padding: 1.2rem;
  border-radius: .4rem
}

._orderIdDetails_buy7f_730 ._loadingSkeleton_buy7f_739 {
  margin-top: .8rem
}

._orderIdDetails_buy7f_730 img {
  width: 3.6rem;
  height: 3.6rem
}

@media screen and (min-width: 1024px) {
  ._orderIdDetails_buy7f_730 img {
    width: 4.2rem;
    height: 4.2rem
  }
}

._orderIdDetails_buy7f_730 ._orderNoContainer_buy7f_752 {
  padding-inline-start: 1.2rem
}

._orderIdDetails_buy7f_730 ._orderNoText_buy7f_755 p {
  font-size: 1.2rem;
  font-weight: 300;
  color: #7d7d7d
}

._orderIdDetails_buy7f_730 ._amountText_buy7f_760 p {
  font-size: 1.2rem;
  font-weight: 400
}

@media screen and (min-width: 1024px) {
  ._orderIdDetails_buy7f_730 ._amountText_buy7f_760 p {
    font-size: 1.6rem
  }
}

._orderIdDetails_buy7f_730 ._amountText_buy7f_760 span {
  font-weight: 500;
  margin-inline-start: .5rem
}

@media screen and (min-width: 1024px) {
  ._orderIdDetails_buy7f_730 ._amountText_buy7f_760 span {
    font-weight: 500;
    font-size: 1.6rem
  }
}

._detailsButton_buy7f_166 {
  border-radius: .4rem;
  border: 1px solid var(--clr-primary-400) !important;
  background: #FFF9E9 !important;
  padding-inline: .8rem;
  padding-bottom: .4rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400) !important
}

._orderSteps_buy7f_791 ._stepsTitle_buy7f_791 {
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 2rem;
  text-transform: uppercase
}

._orderSteps_buy7f_791 ._stepsContainer_buy7f_797 ._step_buy7f_791 {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  margin-block: 1.2rem
}

._orderSteps_buy7f_791 ._stepsContainer_buy7f_797 ._step_buy7f_791 img {
  width: 2rem;
  height: 2rem;
  margin-inline-end: .8rem
}

._orderSteps_buy7f_791 ._stepsContainer_buy7f_797 ._step_buy7f_791 p {
  font-size: 1.2rem;
  font-weight: 400
}

._contactInfoGrid_buy7f_813 {
  margin-top: 1.8rem;
  box-shadow: 0 2.1800000668px 7.6199998856px #9bccf43e;
  margin-bottom: 2.8rem
}

._contactInfoGrid_buy7f_813 ._contactInfoContainer_buy7f_818 {
  padding: 1.8rem
}

._contactInfoGrid_buy7f_813 ._contactInfoContainer_buy7f_818 ._contactInfoTitle_buy7f_821 {
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: .8rem
}

._contactInfoGrid_buy7f_813 ._contactInfoContainer_buy7f_818 ._contactInfoSubTitle_buy7f_826 {
  font-size: 1.2rem;
  font-weight: 400;
  margin-bottom: 1rem;
  color: #393f52;
  opacity: .7
}

._contactInfoGrid_buy7f_813 ._contactInfoContainer_buy7f_818 ._contactInfoButton_buy7f_833 {
  margin-top: 2.8rem
}

._contactInfoGrid_buy7f_813 ._contactInfoContainer_buy7f_818 ._inputContainer_buy7f_836 {
  position: relative;
  display: flex;
  flex-direction: row !important;
  align-items: center;
  width: 100%
}

._contactInfoGrid_buy7f_813 ._contactInfoContainer_buy7f_818 ._inputContainer_buy7f_836 ._optionalText_buy7f_843 {
  font-size: 1.2rem;
  font-weight: 400;
  justify-content: flex-end;
  position: absolute;
  top: 2.5rem;
  margin-inline-end: 1rem;
  opacity: .4;
  color: #393f52
}

._contactInfoGrid_buy7f_813 ._contactInfoContainer_buy7f_818 ._inputContainer_buy7f_836 ._rtlText_buy7f_853 {
  left: 0
}

._contactInfoGrid_buy7f_813 ._contactInfoContainer_buy7f_818 ._inputContainer_buy7f_836 ._ltrText_buy7f_856 {
  right: 0
}

._contactInfoGrid_buy7f_813 ._contactInfoContainer_buy7f_818 ._inputContainer_buy7f_836 ._rtlTextMobileInput_buy7f_859 {
  left: 9rem;
  top: 2rem
}

._contactInfoGrid_buy7f_813 ._contactInfoContainer_buy7f_818 ._nameField_buy7f_863 input {
  font-size: 1.4rem;
  font-weight: 500;
  padding-block: .9rem
}

._contactInfoGrid_buy7f_813 ._contactInfoContainer_buy7f_818 ._labelText_buy7f_868 {
  font-size: 1.4rem;
  font-weight: 500;
  color: #393f52;
  opacity: .4
}

._contactInfoSubmittedGrid_buy7f_875 {
  margin-top: 1.8rem;
  margin-bottom: 2.8rem;
  box-shadow: 0 2.1800000668px 7.6199998856px #9bccf43e
}

._contactInfoSubmittedGrid_buy7f_875 ._contactInfoSubmittedContainer_buy7f_880 {
  padding: 1.6rem
}

._contactInfoSubmittedGrid_buy7f_875 ._contactInfoSubmittedContainer_buy7f_880 ._titleContainer_buy7f_883 {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  margin-bottom: .7rem
}

._contactInfoSubmittedGrid_buy7f_875 ._contactInfoSubmittedContainer_buy7f_880 ._titleContainer_buy7f_883 img {
  width: 1.6rem;
  height: 1.6rem
}

._contactInfoSubmittedGrid_buy7f_875 ._contactInfoSubmittedContainer_buy7f_880 ._titleContainer_buy7f_883 p {
  font-size: 1.2rem;
  font-weight: 500;
  color: #231f20;
  margin-inline-start: .8rem
}

._contactInfoSubmittedGrid_buy7f_875 ._contactInfoSubmittedContainer_buy7f_880 ._successMessage_buy7f_899 {
  font-size: 12px;
  font-weight: 400;
  color: #393f52;
  opacity: .7;
  line-height: 1.8rem
}

._downloadReceipt_buy7f_907 {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  margin-top: 1.5rem;
  border: none;
  background: transparent
}

._downloadReceipt_buy7f_907 span {
  margin-top: .3rem;
  text-transform: uppercase;
  color: #e4002b;
  font-weight: 600;
  font-size: 1.3rem
}

._downloadReceipt_buy7f_907 img {
  width: 1.7rem;
  height: 1.7rem;
  margin-inline-end: .6rem
}

._cancelOrderNoteWrapper_buy7f_931 {
  padding-inline: 1.7rem;
  padding-block: 1.3rem;
  margin-top: 1.5rem
}

._cancelOrderNoteWrapper_buy7f_931 ._cancelOrderNoteContainer_buy7f_936 {
  border: 1px dashed #979797;
  padding-inline: 1.6rem;
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
  text-align: center;
  background: #F1F9FF;
  border-radius: 1rem
}

._cancelOrderNoteWrapper_buy7f_931 ._cancelOrderNoteContainer_buy7f_936 p {
  color: #383f50;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2.1rem
}

._contactForm_buy7f_952 {
  padding-inline: 1.6rem;
  padding-block: 1.5rem;
  color: var(--clr-dark-400);
  width: 100%
}

._contactForm_buy7f_952 form {
  width: 100%
}

._contactForm_buy7f_952 ._headerText_buy7f_206 p {
  font-size: 1.6rem;
  font-weight: 500
}

._contactForm_buy7f_952 ._mobileInput_buy7f_965 {
  display: flex;
  flex-direction: row !important;
  align-items: baseline;
  direction: ltr
}

._contactForm_buy7f_952 ._mobileInput_buy7f_965 label {
  font-size: 1.2rem;
  font-weight: 500
}

._contactForm_buy7f_952 ._exampleNo_buy7f_975 {
  margin-left: 10rem;
  padding-block: .5rem
}

._contactForm_buy7f_952 ._exampleNo_buy7f_975 p {
  font-size: 1.2rem;
  font-weight: 500;
  opacity: .4
}

._contactForm_buy7f_952 ._exampleNo_buy7f_975 ._warningText_buy7f_984 {
  color: var(--theme-user-icon-bg);
  opacity: 1
}

._contactForm_buy7f_952 ._disableButton_buy7f_988,
._contactForm_buy7f_952 ._loginButton_buy7f_988 {
  background-color: var(--theme-button-disable-bg);
  border-radius: .4rem;
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  align-items: center;
  margin-top: .8rem;
  pointer-events: none
}

._contactForm_buy7f_952 ._disableButton_buy7f_988 ._button_buy7f_998,
._contactForm_buy7f_952 ._loginButton_buy7f_988 ._button_buy7f_998 {
  font-size: 1.6rem;
  color: var(--clr-light-100)
}

._contactForm_buy7f_952 ._loginButton_buy7f_988 {
  background-color: var(--clr-primary-400);
  pointer-events: auto
}

._submit_buy7f_1007 {
  margin-top: 2rem
}

._submit_buy7f_1007 button {
  width: 100%;
  padding: 1.5rem 0;
  font-size: 1.6rem;
  font-weight: 500
}

._spinner_buy7f_1017 {
  border: .4rem solid #F9C940;
  border-top: .4rem solid transparent;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: _spin_buy7f_1017 2s linear infinite;
  margin-inline-end: 1rem
}

@keyframes _spin_buy7f_1017 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

._loadingTokenDetail_buy7f_1035 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center
}

._loadingTokenDetail_buy7f_1035 ._loadingSkeleton_buy7f_739 {
  margin-top: 1rem;
  margin-bottom: 2rem
}

._root_1yenc_1 {
  background: var(--clr-light-300);
  min-width: 37.5rem
}

@media screen and (min-width: 1024px) {
  ._root_1yenc_1 {
    min-width: 40rem;
    max-width: 40rem;
    padding-bottom: 2rem
  }
}

._root_1yenc_1 h4 {
  margin-top: 1rem
}

._root_1yenc_1 .MuiGrid-spacing-xs-3 {
  width: auto;
  margin: auto
}

._root_1yenc_1 ._container_1yenc_19 {
  background-color: var(--clr-light-100)
}

._root_1yenc_1 ._inputContainer_1yenc_22 {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem 1.6rem;
  background: var(--clr-light-100);
  box-shadow: 0 .217631rem .761708rem var(--theme-paper-box-shadow)
}

@media screen and (min-width: 1024px) {
  ._root_1yenc_1 ._inputContainer_1yenc_22 {
    margin: 2rem
  }
}

._root_1yenc_1 ._inputContainer_1yenc_22 ._errorMessage_1yenc_36 {
  margin: 2rem 0;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-orange-600);
  display: flex;
  align-items: center
}

._root_1yenc_1 ._inputContainer_1yenc_22 ._errorMessage_1yenc_36 ._errorIcon_1yenc_44 {
  vertical-align: middle;
  margin-inline-end: 1rem
}

._root_1yenc_1 ._inputContainer_1yenc_22 ._box_1yenc_48 {
  display: flex;
  justify-content: center;
  align-items: baseline;
  direction: ltr
}

._root_1yenc_1 ._inputContainer_1yenc_22 ._box_1yenc_48 ._mobileInputText_1yenc_54 {
  color: var(--clr-dark-400);
  width: 3.2rem;
  height: 2.2rem;
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem;
  padding-bottom: .6rem
}

._root_1yenc_1 ._inputContainer_1yenc_22 ._box_1yenc_48 ._mobileInput_1yenc_54 {
  border-bottom: 1px solid var(--clr-dark-400)
}

[dir=rtl] ._root_1yenc_1 ._inputContainer_1yenc_22 ._box_1yenc_48 ._mobileInput_1yenc_54 {
  direction: rtl;
  margin-inline-end: 1.6rem
}

[dir=ltr] ._root_1yenc_1 ._inputContainer_1yenc_22 ._box_1yenc_48 ._mobileInput_1yenc_54 {
  margin-inline-start: 1.6rem
}

._root_1yenc_1 ._inputContainer_1yenc_22 ._GridSubmit_1yenc_75 {
  padding-top: .7rem
}

._root_1yenc_1 ._inputContainer_1yenc_22 ._GridSubmit_1yenc_75 ._Button_1yenc_78,
._root_1yenc_1 ._inputContainer_1yenc_22 ._GridSubmit_1yenc_75 ._disableButton_1yenc_78 {
  margin: 1.5rem 0rem;
  padding: 1.4rem 1.5rem;
  padding-block: 1.4rem;
  width: 100%;
  background-color: var(--theme-button-color);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--clr-dark-400);
  box-shadow: var(--theme-button-shadow-color)
}

._root_1yenc_1 ._inputContainer_1yenc_22 ._GridSubmit_1yenc_75 ._disableButton_1yenc_78 {
  background-color: var(--theme-button-disable-bg);
  box-shadow: var(--clr-dark-100)
}

._root_1yenc_1 ._inputContainer_1yenc_22 ._submit_1yenc_93 {
  background-color: var(--clr-primary-400);
  position: static;
  width: 95%;
  border-radius: .4rem;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 1.5rem 2.5%;
  padding: 1rem;
  color: var(---clr-dark-400);
  box-shadow: 0 .6rem 1rem var(--theme-button-shadow-color);
  font-family: Rubik;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase
}

._paper_1yenc_114 {
  overflow-x: hidden;
  margin-top: 0rem
}

._orderIdInput_1yenc_119 {
  margin-block-start: 1.5rem !important
}

._orderIdInput_1yenc_119 label {
  margin-block-start: -.5rem !important
}

._main_zpjwo_1 {
  background: var(--theme-backgroud-page);
  height: auto
}

@media (min-width: 992px) {
  ._main_zpjwo_1 {
    width: 40rem;
    padding: 1.5rem
  }
}

._profileBox_zpjwo_12 {
  margin-top: 1.5rem;
  position: relative;
  padding: 2rem 1.6rem;
  background: var(--clr-light-100)
}

._profileBox_zpjwo_12 h3 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem;
  position: relative;
  padding-bottom: 1rem
}

._profileBox_zpjwo_12 h3:after {
  content: "";
  display: block;
  width: 60px;
  height: 0px;
  border: 1px solid var(--clr-primary-400);
  position: absolute;
  bottom: 0
}

._button_zpjwo_35 {
  padding-top: 2rem
}

._header_zpjwo_39 {
  background: var(--clr-light-100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 4px var(--clr-light-450);
  color: var(--clr-dark-400);
  padding-inline: 4rem;
  padding-top: 4rem;
  padding-bottom: 2rem
}

._header_zpjwo_39 ._mainHeading_zpjwo_51 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem
}

._header_zpjwo_39 ._mainHeading_zpjwo_51:after {
  content: "";
  display: block;
  position: absolute;
  width: 3rem;
  height: .4rem;
  bottom: -1rem;
  background: var(--clr-primary-450);
  border-radius: 73.1034px
}

._header_zpjwo_39 ._subHeading_zpjwo_72 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem
}

._header_zpjwo_39 ._badge_zpjwo_77 {
  position: absolute;
  top: 0
}

._cardNumber_zpjwo_82 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

[dir=rtl] ._cardNumber_zpjwo_82 {
  direction: ltr
}

._error_zpjwo_91 {
  padding: 1rem 0;
  font-size: 1.2rem;
  line-height: 2.2rem;
  color: var(--clr-orange-500);
  font-weight: 500
}

._root_epoqd_1 {
  background-color: var(--clr-background);
  height: 100%;
  min-height: 100vh
}

@media screen and (min-width: 1024px) {
  ._root_epoqd_1 {
    min-height: auto
  }
}

._root_epoqd_1 ._textContainer_epoqd_11 {
  padding-inline: 1.6rem;
  padding-block: 2rem;
  display: flex
}

._root_epoqd_1 ._textContainer_epoqd_11 ._badge_epoqd_16 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._root_epoqd_1 ._textContainer_epoqd_11 {
    background: var(--clr-light-100);
    margin-bottom: 2rem;
    padding-block: 0 0;
    flex-direction: column;
    align-items: center;
    min-width: 40rem;
    gap: 10px
  }

  ._root_epoqd_1 ._textContainer_epoqd_11 ._badge_epoqd_16 {
    display: block;
    position: absolute;
    left: 42%
  }

  ._root_epoqd_1 ._textContainer_epoqd_11 ._title_epoqd_34 {
    padding-top: 2.9rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--clr-dark-400)
  }
}

._root_epoqd_1 ._textContainer_epoqd_11 ._headerText_epoqd_41 {
  font-size: 1.6rem;
  font-weight: 500;
  display: grid !important
}

[dir=rtl] ._root_epoqd_1 ._textContainer_epoqd_11 ._headerText_epoqd_41 {
  direction: rtl;
  padding-inline-start: 1rem;
  display: block !important
}

@media screen and (min-width: 1024px) {
  ._root_epoqd_1 ._textContainer_epoqd_11 ._headerText_epoqd_41 {
    font-size: 1.4rem
  }
}

[dir=rtl] ._root_epoqd_1 ._textContainer_epoqd_11 ._headerText_epoqd_41 span {
  direction: ltr;
  padding-inline-start: .3rem;
  display: inline-block
}

._otpContainer_epoqd_62 {
  padding-block: 4rem
}

@media screen and (min-width: 1024px) {
  ._otpContainer_epoqd_62 {
    margin: 1.5rem 1.5rem 2.5rem
  }
}

._otpContainer_epoqd_62 ._timeLimit_epoqd_71 {
  font-size: 1.4rem;
  font-weight: 500
}

._otpContainer_epoqd_62 ._buttons_epoqd_75 {
  display: flex;
  justify-content: center;
  padding-block: 2.5rem;
  flex-direction: row !important
}

._otpContainer_epoqd_62 ._buttons_epoqd_75 ._requestDisable_epoqd_81 {
  font-size: 1.4rem;
  font-weight: 500;
  opacity: .3;
  padding-inline: .8rem;
  pointer-events: none
}

._otpContainer_epoqd_62 ._buttons_epoqd_75 ._requestEnable_epoqd_88 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-secondary-400);
  padding-inline: .8rem;
  pointer-events: all
}

._otpContainer_epoqd_62 ._verifyBgClr1_epoqd_95 {
  background-color: var(--clr-primary-400)
}

._otpContainer_epoqd_62 ._verifyBgClr2_epoqd_98 {
  background-color: var(--theme-button-disable-bg)
}

._otpContainer_epoqd_62 ._verifyButton_epoqd_101,
._otpContainer_epoqd_62 ._verifyBgClr1_epoqd_95,
._otpContainer_epoqd_62 ._verifyBgClr2_epoqd_98 {
  margin-inline: 1.6rem;
  border-radius: .4rem;
  display: flex;
  justify-content: center;
  align-items: center
}

._otpContainer_epoqd_62 ._verifyButton_epoqd_101 ._button_epoqd_75,
._otpContainer_epoqd_62 ._verifyBgClr1_epoqd_95 ._button_epoqd_75,
._otpContainer_epoqd_62 ._verifyBgClr2_epoqd_98 ._button_epoqd_75 {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--clr-light-100);
  width: 100%;
  padding-block: 1rem
}

._otpField_epoqd_116 {
  display: flex;
  justify-content: space-between;
  padding-inline: 1.6rem;
  direction: ltr
}

._otpField_epoqd_116 input {
  font-size: 3rem;
  border: none;
  border-bottom: solid .1rem rgba(61, 155, 204, .43);
  margin: 0 1rem;
  outline: none;
  transition: border .2s;
  width: 4rem !important
}

._otpField_epoqd_116 input:focus {
  border-bottom-color: var(--clr-primary-325)
}

._otpField_epoqd_116 input::-webkit-outer-spin-button,
._otpField_epoqd_116 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

._otpField_epoqd_116 input[type=number] {
  -moz-appearance: textfield
}

._warningText_epoqd_145 {
  color: var(--theme-user-icon-bg);
  text-align: center;
  padding-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500
}

._warningText_epoqd_145 img {
  cursor: pointer
}

._timer_epoqd_156 {
  color: var(--clr-primary-500);
  font-weight: 700
}

._verifyOtpBtn_epoqd_161 {
  text-align: right
}

._buttons_epoqd_75 {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 0% 10%
}

._buttons_epoqd_75 ._timer_epoqd_156 {
  color: red
}

._header_17xme_1 {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 .4rem .4rem #e7ecf3;
  color: var(--clr-dark-400);
  padding-inline: 2rem 2rem;
  padding-block: 2rem 2rem
}

@media screen and (min-width: 1024px) {
  ._header_17xme_1 {
    position: sticky;
    top: 0;
    z-index: 1
  }
}

._badge_17xme_20 {
  position: absolute;
  top: 0
}

._successIcon_17xme_25 {
  width: 10.3rem
}

._successHeading_17xme_29 {
  font-weight: 500;
  font-size: 1.6rem;
  text-align: center;
  color: var(--clr-dark-400);
  max-width: 29rem;
  line-height: 2.5rem;
  margin-block: .5rem 2.2rem
}

._btnSuccess_17xme_39 {
  background: var(--clr-primary-400);
  box-shadow: 0 .6rem 1rem #de000033;
  border-radius: .4rem;
  width: 17rem;
  height: 4.6rem;
  margin-block-start: 2rem
}

._formWrapper_qv2pm_1 {
  position: relative;
  max-width: 57rem;
  background: var(--clr-light-100);
  box-shadow: var(--clr-dark-900-20);
  border-radius: 1rem;
  margin-inline: auto;
  padding-inline: 2rem 2rem;
  padding-block: 0 2rem;
  margin-block: -45rem 0
}

@media screen and (max-width: 374px) {
  ._formWrapper_qv2pm_1 {
    margin-block: -38rem 0
  }
}

@media (min-width: 375px) and (max-width: 768px) {
  ._formWrapper_qv2pm_1 {
    margin-block: -42rem 0
  }
}

@media screen and (min-width: 375px) {
  ._formWrapper_qv2pm_1 {
    margin-block: -40rem 0
  }
}

@media screen and (min-width: 768px) {
  ._formWrapper_qv2pm_1 {
    margin-block: -46rem 0
  }
}

._containerRow_qv2pm_33 .MuiGrid-container {
  flex-direction: row
}

._formMainHeading_qv2pm_37 {
  font-size: 1.6rem;
  line-height: 2.1rem;
  font-weight: 600;
  text-align: center;
  color: var(--clr-dark-400);
  margin-block: 1rem 0
}

@media screen and (min-width: 1024px) {
  ._formMainHeading_qv2pm_37 {
    font-size: 1.8rem;
    margin-inline: 4rem 4rem
  }
}

._fullWidth_qv2pm_52 {
  width: 100%
}

._inputCommonPadding_qv2pm_56 {
  padding-block-start: 2rem
}

._dateTimeInput_qv2pm_60 {
  margin-block: 2rem 0
}

._formSubText_qv2pm_64 {
  font-weight: 600;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: var(--clr-dark-400)
}

._exampleWrapper_qv2pm_71 {
  margin-inline: 4.5rem 0;
  padding-block-start: 1rem
}

._exampleWrapper_qv2pm_71 ._phoneExmp_qv2pm_75 {
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  opacity: .4
}

._bulkText_qv2pm_82 {
  font-weight: 600;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: var(--clr-dark-400);
  padding-block: 2rem .5rem
}

._submitWrapper_qv2pm_90 {
  padding-block: 2rem 0;
  text-align: center
}

._submitWrapper_qv2pm_90 ._button_qv2pm_94 {
  width: 17rem;
  height: 4.6rem
}

._headingUnderLine_qv2pm_99 {
  height: .3rem;
  width: 2rem;
  margin-block: 1rem 2.5rem;
  margin-inline: auto;
  background: var(--clr-primary-400)
}

._textUnderLine_qv2pm_107 {
  position: relative;
  margin-block: .5rem .5rem
}

._textUnderLine_qv2pm_107:before {
  content: "";
  position: absolute;
  inset: 100% auto;
  height: .2rem;
  width: 2rem;
  margin-block-start: .5rem;
  background-color: var(--clr-primary-400)
}

._badge_qv2pm_121 {
  display: flex;
  justify-content: center;
  padding-inline: 3rem;
  border-radius: 1rem
}

._rtlInput_qv2pm_128 input[type=datetime-local] {
  direction: ltr
}

[lang=ar] ._rtlInput_qv2pm_128 input[type=datetime-local] {
  text-align: end
}

._bulkWrapper_she92_1 {
  background: url(/assets/bulkOrderBg-4329ef43.svg) no-repeat top center;
  padding-block-start: 3.5rem;
  overflow: hidden
}

._fullWidth_she92_7 {
  width: 100%
}

._bodyWrapper_she92_11 {
  text-align: center;
  margin-inline: auto
}

._bodyWrapper_she92_11 img {
  max-width: 100%;
  height: auto
}

._gridBodyContainer_she92_20 ._bgImage_she92_20 {
  display: flex;
  justify-content: space-between
}

._gridBodyContainer_she92_20 ._bgImgStyle1_she92_24 {
  margin-inline-start: 3.5rem
}

._gridBodyContainer_she92_20 ._bgImgStyle2_she92_27 {
  margin-block-start: -12rem
}

@media screen and (max-width: 768px) {
  ._gridBodyContainer_she92_20 {
    padding-inline: 1.5rem
  }
}

._gridBodyContainer_she92_20 .MuiGrid-container,
._containerRow_she92_40 .MuiGrid-container {
  flex-direction: row
}

._subtext_she92_44 {
  font-weight: 500;
  font-size: 1.2rem;
  text-align: center;
  color: var(--clr-light-100);
  margin-inline: 2rem;
  line-height: 1.7rem
}

@media screen and (min-width: 1024px) {
  ._subtext_she92_44 {
    font-size: 1.8rem;
    line-height: normal
  }
}

._headerText_she92_59 {
  font-style: italic;
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
  text-transform: uppercase;
  color: var(--clr-light-100);
  margin-bottom: 1.6rem
}

@media screen and (min-width: 1024px) {
  ._headerText_she92_59 {
    font-size: 2.8rem
  }
}

._introducingSection_she92_74 {
  margin-block-start: 4rem;
  background: #f9f9fa
}

._introducingSection_she92_74 .MuiGrid-container {
  flex-direction: row
}

._bulkOrderIntroTitle_she92_82 {
  font-weight: 600;
  font-size: 1.6rem;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._bulkOrderIntroTitle_she92_82 {
    font-size: 2rem
  }
}

._bulkOrderIntroHeading_she92_93 {
  font-weight: 500;
  font-size: 1.4rem;
  margin-block: 1.5rem;
  color: var(--clr-dark-400);
  line-height: 2.1rem
}

@media screen and (min-width: 1024px) {
  ._bulkOrderIntroHeading_she92_93 {
    line-height: normal;
    font-size: 1.8rem
  }
}

._listSectionWrapper_she92_107 ul {
  list-style: none
}

._listSectionWrapper_she92_107 li:last-child {
  margin-block-end: 2rem
}

._listSectionWrapper_she92_107 ._listStyle_she92_113 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
  padding-block: 1rem 1rem;
  color: var(--clr-dark-400);
  font-size: 1.4rem;
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._listSectionWrapper_she92_107 ._listStyle_she92_113 {
    font-size: 1.8rem
  }
}

._imgContainer_she92_130 img {
  max-width: 100%;
  height: auto
}

._textSection_she92_135 {
  padding-block-start: 2rem;
  margin-inline-start: -4rem
}

@media screen and (max-width: 768px) {
  ._textSection_she92_135 {
    margin-inline-start: 2rem
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  ._textSection_she92_135 {
    margin-inline-start: -1rem
  }
}

._peopleImgStyle_she92_150 {
  width: 24rem;
  height: 17rem
}

._restrauImgStyle_she92_155 {
  width: 18rem;
  height: 16rem
}

._imgStyle_she92_160 {
  width: 2.8rem
}

._mobileFooter_she92_164 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.5rem;
  width: auto;
  background-color: var(--clr-light-300)
}

._mobileFooter_she92_164 p {
  color: var(--clr-dark-400);
  font-size: 1.4rem;
  text-align: center;
  font-weight: 400;
  mix-blend-mode: normal;
  opacity: .5
}

._root_1ibb2_1 {
  color: var(--clr-dark-400);
  min-width: 37.5rem;
  height: auto
}

@media screen and (min-width: 1024px) {
  ._root_1ibb2_1 {
    max-width: 37.5rem
  }
}

._headerContainer_1ibb2_12 {
  padding-inline: 1.6rem;
  padding-top: 2rem;
  padding-bottom: 1.5rem
}

._headerContainer_1ibb2_12 ._headerText_1ibb2_17 {
  font-size: 1.6rem;
  font-weight: 500
}

._check_1ibb2_22 {
  position: relative
}

._check_1ibb2_22 svg {
  position: absolute;
  font-size: 2rem;
  inset-inline-end: 0;
  top: -3rem
}

._profileCardArea_1ibb2_32 {
  padding: 1.5rem
}

._profileCardArea_1ibb2_32 ._mobileInput_1ibb2_35 {
  display: flex;
  align-items: baseline
}

._profileCardArea_1ibb2_32 ._mobileInput_1ibb2_35 label {
  opacity: .4;
  font-size: 1.2rem;
  font-weight: 700;
  font-family: rubik
}

._profileCardArea_1ibb2_32 ._buttonArea_1ibb2_45 {
  width: 100%;
  padding-block: 2.2rem
}

._profileCardArea_1ibb2_32 ._buttonArea_1ibb2_45 ._button_1ibb2_45 {
  padding-block: 1.4rem;
  font-size: 1.6rem;
  background-color: var(--clr-primary-400);
  color: var(--clr-dark-400)
}

._profileCardArea_1ibb2_32 ._buttonArea_1ibb2_45 ._button_1ibb2_45:disabled {
  background-color: var(--theme-category-tab-color)
}

._inputArea_1ibb2_59 {
  padding-bottom: 1rem
}

._inputArea_1ibb2_59 label {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: rubik;
  opacity: .4
}

._inputArea_1ibb2_59 input {
  font-size: 1.4rem;
  font-weight: 500
}

._dividerContent_1ibb2_73 {
  margin-block: 3.5rem;
  margin-inline: 1.2rem;
  width: 40rem
}

._countryDropdown_1ibb2_79 .dial-code,
._actionRow_1ibb2_83 button {
  margin-left: auto
}

._errorMessage_1ibb2_87 {
  margin-bottom: 2rem;
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--clr-orange-600);
  display: flex
}

._errorMessage_1ibb2_87 ._errorIcon_1ibb2_94 {
  vertical-align: middle;
  margin-right: 1rem
}

._root_1flx7_1 {
  height: 100%;
  margin-bottom: 70px;
  min-height: 100vh;
  scroll-behavior: smooth
}

._pageNav_1flx7_8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 12px;
  box-shadow: 0 2px 11px 0 var(--clr-light-700);
  position: sticky;
  top: 0;
  background-color: var(--clr-light-100);
  z-index: 1
}

._resetBtn_1flx7_20.MuiButton-root {
  font-size: 1.4rem;
  font-weight: 500;
  background: var(--clr-light-100);
  border-radius: .4rem;
  border: .1rem solid var(--clr-dark-400-20);
  padding-inline: 1.4rem;
  height: 3rem
}

._resetBtn_1flx7_20.MuiButton-root span {
  color: var(--clr-primary-400)
}

._title_1flx7_33 {
  flex-grow: 1;
  padding: 0 1.5rem;
  font-size: 18px;
  font-weight: 700
}

._productImage_1flx7_40 {
  height: 200px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  padding: 1.5rem 0;
  background: var(--clr-light-100);
  box-shadow: 0 2px 11px 0 var(--clr-light-700)
}

@media screen and (min-width: 1024px) {
  ._productImage_1flx7_40 {
    order: 3;
    position: sticky;
    top: 7.9rem;
    min-height: 23rem;
    min-width: 33.3rem;
    max-width: 33.3rem;
    box-shadow: none;
    background: transparent;
    flex-direction: column;
    height: 100%;
    align-items: center;
    margin-inline-end: 4rem;
    overflow: visible;
    transform: translateY(-9.5rem)
  }

  ._productImage_1flx7_40 ._productDetail_1flx7_66 {
    background: var(--clr-light-100);
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 10rem 1.6rem 0;
    border-radius: 10px;
    z-index: 0
  }

  ._productImage_1flx7_40 ._productDetail_1flx7_66 ._heading_1flx7_78 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3rem
  }

  ._productImage_1flx7_40 ._productDetail_1flx7_66 ._heading_1flx7_78 h3 {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--clr-dark-400)
  }

  ._productImage_1flx7_40 ._productDetail_1flx7_66 ._heading_1flx7_78 ._horizontalWidget_1flx7_89 {
    height: 2.74px;
    width: 2rem;
    background-color: var(--clr-primary-400);
    margin-top: .5rem
  }

  ._productImage_1flx7_40 ._productDesc_1flx7_95 {
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    color: var(--clr-dark-300);
    margin-bottom: 0;
    line-height: 1.8rem;
    position: relative
  }

  ._productImage_1flx7_40 ._buttonDesktop_1flx7_104 {
    width: 100%
  }
}

._productImage_1flx7_40 img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

@media screen and (min-width: 1024px) {
  ._productImage_1flx7_40 img {
    width: 23.5rem;
    transform: translateY(9.5rem);
    z-index: 1;
    width: clamp(18rem, 22vmin, 23.5rem)
  }
}

@media screen and (min-width: 1024px) {
  ._productImage_1flx7_40 img._noImgFound_1flx7_122 {
    width: 17rem
  }
}

._contentContainer_1flx7_127 {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

@media screen and (min-width: 1024px) {
  ._contentContainer_1flx7_127 {
    max-width: 55rem;
    padding: 1.5rem 2rem 0 4rem;
    min-width: 55rem;
    margin-inline-end: 1.5rem;
    max-height: 74vh;
    overflow: auto
  }
}

._ctaBar_1flx7_143 {
  box-shadow: 0 -2px 11px 0 var(--clr-light-700);
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--clr-light-100)
}

._productImageThumbnail_1flx7_154 {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  margin-inline-end: 1.5rem
}

._productImageThumbnail_1flx7_154 img {
  object-fit: contain
}

._priceContainer_1flx7_166 {
  flex-grow: 1
}

._pricePrimary_1flx7_170 {
  font-size: 1.5rem;
  color: var(--clr-dark-450);
  font-weight: 700
}

._priceSecondary_1flx7_176 {
  font-size: 11px;
  color: var(--clr-primary-550);
  font-weight: 500
}

._addToCart_1flx7_182 {
  background: var(--clr-primary-350);
  color: var(--clr-light-100);
  display: flex;
  font-size: 1.4rem;
  font-weight: 700;
  flex-grow: 1;
  margin: 10px 4px;
  border-radius: 4px;
  align-items: center;
  color: #fff;
  height: 46px;
  justify-content: center;
  align-content: flex-end
}

._groupTitle_1flx7_198 {
  display: flex;
  position: sticky;
  top: 5.6rem;
  background: var(--clr-light-100);
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  z-index: 10;
  box-shadow: 0 2px 10px #0000001a;
  justify-content: flex-start
}

@media screen and (min-width: 1024px) {
  ._groupTitle_1flx7_198 {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    max-width: 23rem;
    background-color: var(--clr-light-100);
    justify-content: flex-end;
    position: sticky;
    top: 7.9rem;
    min-width: 17rem;
    box-shadow: none;
    overflow: auto;
    overflow-x: hidden;
    justify-content: center
  }
}

._desktopWrapper_1flx7_228 {
  min-width: 100%;
  display: flex
}

@media screen and (min-width: 1024px) {
  ._desktopWrapper_1flx7_228 {
    min-width: 90rem;
    max-height: 70vh
  }
}

@media screen and (min-width: 1024px) {
  ._groupTabs_1flx7_240 {
    height: 100%;
    padding-top: 1.8rem
  }
}

._header_1flx7_246 {
  background: var(--clr-light-100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 4px var(--clr-light-450);
  color: var(--clr-dark-400);
  padding-inline: 4rem;
  padding-top: 4rem;
  padding-bottom: 2rem;
  position: sticky;
  top: 0;
  height: 100%;
  z-index: 1
}

._header_1flx7_246 ._mainHeading_1flx7_262 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem
}

._header_1flx7_246 ._subHeading_1flx7_268 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem
}

._header_1flx7_246 ._badge_1flx7_273 {
  position: absolute;
  top: 0
}

._productDesc_1flx7_95 ._resetBtn_1flx7_20 {
  inset-block-end: 1.5rem;
  z-index: 10
}

._productDesc_1flx7_95 ._onlyDescription_1flx7_282 {
  font-size: 1.4rem;
  font-weight: 400
}

._groupTitle_1flx7_198 .MuiTabs-indicator {
  width: 4px;
  height: .4rem !important;
  margin-top: 1.2rem
}

@media screen and (min-width: 1024px) {
  ._groupTitle_1flx7_198 .MuiTabs-indicator {
    width: 100%;
    height: 2.5rem !important;
    background-color: transparent !important;
    border-inline-end: 3px solid var(--clr-primary-400);
    margin-inline-end: 5px
  }
}

.MuiButtonBase-root {
  font-weight: 500 !important
}

._groupTitle_1flx7_198 .MuiTab-wrapper {
  font-weight: 500;
  font-size: 1.6rem;
  color: var(--clr-dark-400-40);
  text-transform: none
}

@media screen and (min-width: 1024px) {
  ._groupTitle_1flx7_198 .MuiTab-wrapper {
    justify-content: right;
    text-align: end;
    align-items: end;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-style: normal;
    margin-right: 1.5rem
  }

  ._groupTitle_1flx7_198 .MuiTab-wrapper:hover {
    font-weight: 500;
    color: var(--clr-dark-300)
  }
}

._groupTitle_1flx7_198 .Mui-selected .MuiTab-wrapper {
  color: var(--clr-dark-400)
}

._groupTitle_1flx7_198 .MuiTab-root {
  padding: 0;
  min-width: auto;
  max-width: 100%
}

@media screen and (min-width: 1024px) {
  ._groupTitle_1flx7_198 .MuiTab-root {
    padding: 12px;
    min-width: 21.5rem;
    max-width: 100%;
    flex-basis: auto
  }

  [dir=rtl] ._groupTitle_1flx7_198 .MuiTab-root {
    min-width: 19.5rem
  }
}

._groupTitle_1flx7_198 .MuiTabs-flexContainer {
  gap: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._groupTitle_1flx7_198 .MuiTabs-flexContainer {
    gap: inherit
  }
}

._groupTitle_1flx7_198 .MuiTabs-scroller.MuiTabs-scrollable {
  margin-inline-start: 1.6rem;
  margin-inline-end: 1.6rem
}

@media screen and (min-width: 1024px) {
  ._groupTitle_1flx7_198 .MuiTabs-scroller.MuiTabs-scrollable {
    margin: 0
  }
}

._groupTitle_1flx7_198 .MuiTabs-scrollable::-webkit-scrollbar {
  display: block
}

._loader_1ij23_1 {
  display: flex;
  position: absolute;
  z-index: -1
}

._root_1y4q3_1 {
  background: var(--clr-background);
  height: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

._pageHeading_1y4q3_10 {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--clr-dark-400);
  margin-bottom: 2.5rem;
  padding-bottom: 1.3rem;
  border-bottom: 1px solid var(--clr-dark-400-20);
  position: relative
}

._pageHeading_1y4q3_10:after {
  display: block;
  content: "";
  width: 8rem;
  height: 3px;
  background: var(--clr-primary-400);
  position: absolute;
  bottom: 0;
  border-radius: 20px
}

@media screen and (min-width: 1024px) {
  ._wrapper_1y4q3_31 {
    padding: 2rem 13rem
  }
}

._effective_1y4q3_36 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  position: relative;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._effective_1y4q3_36 {
    width: 50%;
    margin: 0 auto
  }
}

._effective_1y4q3_36 p {
  background: var(--clr-light-550);
  position: absolute;
  z-index: 1;
  padding: 0 1.5rem
}

._effective_1y4q3_36:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  display: block;
  border: 1px solid var(--clr-primary-400)
}

._contactUsContainer_1rmag_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  background-color: var(--clr-light-100);
  margin-block: 1.5rem;
  padding-block: 1.5rem;
  margin-top: 4rem
}

@media screen and (min-width: 1024px) {
  ._contactUsContainer_1rmag_1 {
    margin-inline: 27rem
  }
}

._contactUsContainer_1rmag_1 ._headerText_1rmag_16 {
  font-weight: 500;
  font-size: 1.8rem;
  color: var(--clr-primary-400)
}

._contactUsContainer_1rmag_1 ._descText_1rmag_21 {
  padding-inline: 1.6rem;
  text-align: center
}

._contactUsContainer_1rmag_1 ._descText_1rmag_21 p {
  font-size: 1.4rem;
  font-weight: 400
}

._contactUsContainer_1rmag_1 ._reachUsHeading_1rmag_29 {
  width: 100%;
  text-align: center;
  position: relative;
  padding: 0 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block: 1.5rem
}

._contactUsContainer_1rmag_1 ._reachUsHeading_1rmag_29 p {
  font-weight: 600;
  font-size: 1.4rem;
  background: var(--clr-light-100);
  position: absolute;
  top: -8px;
  padding: 0 14px
}

._contactUsContainer_1rmag_1 ._reachUsHeading_1rmag_29:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  border: 1px solid var(--clr-primary-400)
}

._contactUsContainer_1rmag_1 ._callUsContainer_1rmag_54 {
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._contactUsContainer_1rmag_1 ._callUsContainer_1rmag_54 {
    width: 34.5rem
  }
}

._contactUsContainer_1rmag_1 ._callUsContainer_1rmag_54 ._callContainer_1rmag_62 {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  padding-inline: 1.6rem;
  padding-block: .8rem;
  height: 4.8rem;
  width: 100%
}

._contactUsContainer_1rmag_1 ._callUsContainer_1rmag_54 ._callContainer_1rmag_62 ._callIcon_1rmag_71 svg {
  height: 2.1rem;
  width: 2.1rem;
  color: var(--clr-primary-400)
}

._contactUsContainer_1rmag_1 ._callUsContainer_1rmag_54 ._callContainer_1rmag_62 ._customerCare_1rmag_76 {
  flex-grow: 1
}

._contactUsContainer_1rmag_1 ._callUsContainer_1rmag_54 ._callContainer_1rmag_62 ._customerCare_1rmag_76 a {
  color: var(--clr-dark-400)
}

._contactUsContainer_1rmag_1 ._callUsContainer_1rmag_54 ._callContainer_1rmag_62 ._customerCare_1rmag_76 p {
  font-size: 1.6rem;
  font-weight: 500;
  padding-inline: 1.5rem
}

._contactUsContainer_1rmag_1 ._emailusContainer_1rmag_87 {
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._contactUsContainer_1rmag_1 ._emailusContainer_1rmag_87 {
    width: 34.5rem
  }
}

._contactUsContainer_1rmag_1 ._emailusContainer_1rmag_87 ._emailContainer_1rmag_95 {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  padding-inline: 1.6rem;
  padding-block: .8rem;
  height: 4.8rem;
  width: 100%
}

._contactUsContainer_1rmag_1 ._emailusContainer_1rmag_87 ._emailContainer_1rmag_95 ._customerCare_1rmag_76 {
  flex-grow: 1
}

._contactUsContainer_1rmag_1 ._emailusContainer_1rmag_87 ._emailContainer_1rmag_95 ._customerCare_1rmag_76 a {
  color: var(--clr-dark-400)
}

._contactUsContainer_1rmag_1 ._emailusContainer_1rmag_87 ._emailContainer_1rmag_95 ._customerCare_1rmag_76 p {
  font-size: 1.6rem;
  font-weight: 500;
  padding-inline: 1.5rem
}

._contactUsContainer_1rmag_1 ._emailusContainer_1rmag_87 ._emailContainer_1rmag_95 ._callIcon_1rmag_71 svg {
  height: 2.1rem;
  width: 2.1rem;
  color: var(--clr-primary-400)
}

._flexBox_1rmag_121 {
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._wrapper_1rmag_128 {
    max-width: 50rem;
    display: flex;
    flex-direction: column;
    grid-gap: 1.5rem;
    gap: 1.5rem;
    align-items: center;
    background-color: var(--clr-light-100);
    margin-block: 1.5rem;
    padding-block: 1.5rem
  }
}

._root_1q4ps_1 {
  position: relative;
  border-radius: 2rem 2rem 0 0;
  background: var(--clr-light-150);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1.5rem;
  gap: 1rem
}

._root_1q4ps_1 ._topPos_1q4ps_11 {
  display: flex
}

._root_1q4ps_1 ._strip_1q4ps_14 {
  background: var(--clr-primary-400);
  width: 2rem;
  height: 5rem;
  margin-right: 1rem
}

._root_1q4ps_1 h3 {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.8rem;
  color: var(--clr-dark-400)
}

._root_1q4ps_1 p {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: var(--clr-dark-400)
}

._root_1q4ps_1 h5 {
  font-size: .8rem;
  text-align: center
}

._root_1q4ps_1 ._countryCheckBox_1q4ps_36 {
  padding: 1.5rem 0;
  position: relative;
  width: 100%;
  flex-direction: column;
  min-width: 30rem
}

._root_1q4ps_1 ._countryCheckBox_1q4ps_36 ._gridView_1q4ps_43 {
  width: 100%;
  display: flex;
  width: 35rem;
  flex-wrap: wrap;
  margin: auto;
  position: relative;
  border-radius: 1.5rem
}

._root_1q4ps_1 ._countryCheckBox_1q4ps_36 ._gridView_1q4ps_43 ._listItem_1q4ps_52 {
  width: 11rem;
  margin-bottom: 2rem;
  margin-inline-end: .65rem;
  border-radius: 1.5rem;
  box-shadow: 0 .6rem 1rem #0000000d
}

._root_1q4ps_1 ._countryCheckBox_1q4ps_36 ._gridView_1q4ps_43 ._listItem_1q4ps_52 ._activeBar_1q4ps_59 {
  background: var(--clr-primary-400);
  border-radius: .3rem .3rem 0 0;
  height: .5rem;
  position: absolute;
  bottom: 0;
  left: 1rem;
  width: 9rem
}

._root_1q4ps_1 ._countryCheckBox_1q4ps_36 ._gridView_1q4ps_43 ._listItem_1q4ps_52 ._checkbox_1q4ps_68 {
  position: absolute;
  top: 0rem;
  left: 3.7rem
}

._root_1q4ps_1 ._countryCheckBox_1q4ps_36 ._gridView_1q4ps_43 ._listItem_1q4ps_52 label {
  display: block;
  padding: 1rem;
  border-radius: 1.5rem;
  height: 100%
}

._root_1q4ps_1 ._countryCheckBox_1q4ps_36 ._gridView_1q4ps_43 ._listItem_1q4ps_52 label div {
  margin: auto;
  text-align: center;
  margin-top: 1rem
}

._root_1q4ps_1 ._countryCheckBox_1q4ps_36 ._gridView_1q4ps_43 ._listItem_1q4ps_52 label div span {
  padding: 0;
  margin-top: .5rem
}

._root_1q4ps_1 ._countryCheckBox_1q4ps_36 ._gridView_1q4ps_43 ._countryCodeText_1q4ps_88 span {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1rem;
  text-align: center;
  color: var(--clr-dark-300)
}

._root_1q4ps_1 ._title_1q4ps_97 span {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: var(--clr-dark-400);
  padding-inline-start: 1rem
}

._root_1q4ps_1 button {
  width: 80%;
  font-size: 1.1rem;
  padding: 1rem 3rem;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 1.6rem
}

._root_1q4ps_1 .MuiAvatar-root {
  width: 3.6rem;
  height: 2.3rem
}

._root_1q4ps_1 .MuiListItem-secondaryAction {
  padding: 0
}

._root_1q4ps_1 ._listItem_1q4ps_52 {
  background: var(--clr-light-100);
  margin-bottom: 1rem;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: .6rem
}

._root_1q4ps_1 ._listItem_1q4ps_52 label {
  padding: 2.3rem 2rem;
  direction: ltr
}

._displayPhoneNumber_1q4ps_130 {
  font-size: 1.2rem;
  color: #393f5280
}

._cartItemCondition_1q4ps_135 {
  color: var(--clr-orange-500);
  font-size: 1.2rem;
  margin-bottom: 1rem
}

._subtractIconCss_1q4ps_141 {
  margin-right: .3rem
}

._actionContainer_1q4ps_145 {
  width: 100%;
  position: sticky;
  text-align: center;
  background-color: var(--clr-light-100);
  bottom: 0;
  padding: 1.5rem 0
}

._actionContainer_1q4ps_145 ._actionButton_1q4ps_153 {
  width: 80%;
  font-size: 1.1rem;
  padding: 1rem 3rem;
  font-weight: 700;
  font-size: 1.6rem
}

html,
body {
  overscroll-behavior-x: none;
  overscroll-behavior-y: contain
}

*,
*:before,
*:after {
  box-sizing: border-box
}

html {
  font-family: sans-serif;
  font-size: 62.5%;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a {
  text-decoration: none
}

@-ms-viewport {
  width: device-width
}

.largeControls .MuiRadio-root .MuiSvgIcon-root {
  width: 1.4em;
  height: 1.4em
}

.BANNER_LARGE_305x158 video::-webkit-media-controls-play-button {
  display: none
}

.BANNER_LARGE_305x158 video::-webkit-media-controls {
  display: none !important
}

.BANNER_LARGE_305x158 video::-webkit-media-controls-volume-slider {
  display: none
}

.BANNER_LARGE_305x158 video::-webkit-media-controls-enclosure {
  display: none !important
}

.BANNER_LARGE_305x158 .media-controls-container {
  display: none !important
}

.BANNER_LARGE_305x158 video::-webkit-media-controls-timeline {
  display: none
}

.BANNER_LARGE_305x158 video::-webkit-media-controls-current-time-display {
  display: none
}

.BANNER_LARGE_305x158 video {
  pointer-events: none;
  height: 100%;
  width: 100%
}

.BANNER_LARGE_305x158 video::-webkit-media-controls-start-playback-button {
  display: none !important
}

#root {
  max-width: 144rem;
  margin: auto
}
.MuiPaper-root {
  background-color: #FFF;
}