/* line 28, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
* {
  box-sizing: border-box;
}

/* line 32, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
body {
  font-family: 'Rubik', sans-serif;
  background: #F7F7F7;
  font-size: 13px;
  line-height: 1.6;
  color: #000000;
  letter-spacing: 0.25px;
}

/* line 42, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
input.has-error {
  background-color: #fce4e4;
  border: 1px solid #cb0000 !important;
  outline: none;
}

/* line 49, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.error-message {
  color: #cb0000;
  margin-top: 5px;
}

/* line 54, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.alert {
  background-color: #fce4e4;
  border-radius: 3px;
  border: 1px solid #cb0000;
  position: relative;
  padding: .75rem 1rem;
  transition: visibility 0s, opacity 0.5s linear;
  z-index: 2;
  max-width: 300px;
}
/* line 64, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.alert.float {
  position: fixed;
  width: 300px;
  left: 50%;
  transform: translateX(-50%);
  top: 20px;
  margin: 0 auto;
}
/* line 73, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.alert.success {
  background-color: #F2FAF7;
  border: 1px solid #66A492;
}
/* line 78, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.alert.info {
  border: none;
  border-radius: 0;
  background-color: #a5d2f9;
}
/* line 84, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.alert.caution {
  background-color: #fef9e4;
  border: 1px solid #FFCC00;
}
/* line 89, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.alert.max {
  max-width: 100%;
}
/* line 93, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.alert .warning {
  display: inline;
}
/* line 97, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.alert .close {
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 0.1rem;
  padding-right: 0.25rem;
}

/* line 107, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.close {
  cursor: pointer;
}
/* line 110, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.close svg {
  fill: #cb0000;
  width: 1.5rem;
  height: 1.5rem;
}

/* line 119, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.store-info-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 14px;
  background: #f2f2f2 content-box;
  border: 6px solid transparent;
  color: #333;
  cursor: pointer;
}

/* line 134, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.modal-overlay {
  z-index: 3;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.45);
}
/* line 145, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.modal-overlay.open {
  width: 100vw;
}
/* line 149, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.modal-overlay.locations-backdrop {
  opacity: 1;
  transition: opacity 150ms linear;
}
/* line 153, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.modal-overlay.locations-backdrop.is-leaving {
  opacity: 0;
}

/* line 159, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.location-switch-toast {
  position: fixed;
  left: 50%;
  bottom: 32px;
  transform: translateX(-50%);
  z-index: 40;
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: calc(100vw - 32px);
  background: #23201C;
  color: #fff;
  border-radius: 999px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  opacity: 1;
  transition: opacity 200ms linear;
}
/* line 179, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.location-switch-toast .location-switch-toast-icon svg {
  display: block;
  width: 16px;
  height: 16px;
}
/* line 185, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.location-switch-toast.is-leaving {
  opacity: 0;
}

/* line 190, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.hidden {
  display: none !important;
  transition: 1000ms linear;
}

/* line 195, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.pointer {
  cursor: pointer;
}

/* line 199, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.svg-icon {
  display: inline-block;
  flex-shrink: 0;
  vertical-align: -0.125em;
}

/* line 205, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.store-info-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  color: #23201C;
  cursor: pointer;
  vertical-align: middle;
}

/* line 220, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal {
  width: 560px;
  max-width: calc(100vw - 48px);
  max-height: 85vh;
  padding: 0;
  border: 0;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  font-family: Helvetica, Arial, sans-serif;
  color: #23201C;
  text-align: left;
}
/* line 232, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal[open] {
  display: flex;
  flex-direction: column;
}
/* line 237, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal::backdrop {
  background: rgba(0, 0, 0, 0.45);
}
/* line 241, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-header {
  position: relative;
  padding: 16px 64px 14px 24px;
  border-bottom: 1px solid #e5e5e5;
}
/* line 247, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}
/* line 254, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-subtitle {
  margin: 2px 0 0;
  font-size: 13px;
  color: #6b6660;
}
/* line 260, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 14px 24px 8px;
}
/* line 267, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
}
/* line 277, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-status::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
}
/* line 285, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-status.is-open {
  background: #e8f6ec;
  color: #1d7a3a;
}
/* line 286, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-status.is-closed {
  background: #fdecec;
  color: #a1171d;
}
/* line 289, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-map {
  position: relative;
  display: block;
  height: 180px;
  margin: 14px 0 6px;
  border-radius: 10px;
  overflow: hidden;
  background: #eee;
}
/* line 298, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 305, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-pin {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -100%);
  color: #D3232A;
}
/* line 313, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-row {
  display: flex;
  gap: 12px;
  padding: 14px 0;
  font-size: 14px;
  line-height: 1.45;
}
/* line 320, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-row > svg {
  flex: 0 0 auto;
  margin: 2px 1px 0;
  color: #D3232A;
}
/* line 326, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-row + dialog.info-modal .store-info-row {
  border-top: 1px solid #f0f0f0;
}
/* line 329, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-label {
  font-size: 12px;
  font-weight: 600;
  color: #6b6660;
}
/* line 335, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-value {
  margin: 0;
}
/* line 337, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-phone {
  color: #23201C;
  font-weight: 700;
  text-decoration: none;
}
/* line 343, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-hours {
  margin-top: 4px;
}
/* line 346, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-hours th {
  min-width: 150px;
  padding: 4px 12px 4px 8px;
  font-weight: 400;
}
/* line 352, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-hours td {
  padding: 4px 8px;
}
/* line 354, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-hours .is-today > * {
  font-weight: 700;
  background: #fbeaea;
}
/* line 355, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-hours .is-today th {
  border-radius: 6px 0 0 6px;
}
/* line 356, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-hours .is-today td {
  border-radius: 0 6px 6px 0;
}
/* line 359, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-actions {
  display: flex;
  gap: 10px;
  padding: 14px 24px 20px;
  border-top: 1px solid #f0f0f0;
  background: #fff;
}
/* line 366, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-actions a {
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  border: 1.5px solid #D3232A;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
/* line 381, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-directions {
  background: #D3232A;
  color: #fff;
}
/* line 382, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.info-modal .store-info-call {
  background: #fff;
  color: #D3232A;
}
@media (max-width: 700px) {
  /* line 220, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  dialog.info-modal {
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    max-height: 100vh;
    margin: 0;
    border-radius: 0;
  }
  /* line 392, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  dialog.info-modal .store-info-header {
    padding: 16px 60px 14px 16px;
  }
  /* line 393, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  dialog.info-modal .store-info-body {
    padding: 14px 16px;
  }
  /* line 394, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  dialog.info-modal .store-info-map {
    height: 140px;
  }
  /* line 396, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  dialog.info-modal .store-info-actions {
    flex-direction: column;
    padding: 14px 16px 20px;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
  }
  /* line 401, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  dialog.info-modal .store-info-actions a {
    flex: none;
  }
}

/* line 406, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.ro-input {
  border: 1px solid #D8D8D8;
  width: 100%;
  border-radius: 3px;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 400;
  background: white;
  box-sizing: border-box;
}

/* line 417, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.row {
  margin-top: 10px;
  margin-left: -15px;
  margin-right: -15px;
}

/* line 423, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  float: left;
  box-sizing: border-box;
}

/* line 434, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.cards__header, .offers__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px;
  line-height: 1;
}
/* line 441, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.cards__header.spaced, .offers__header.spaced {
  margin-bottom: 20px;
}
/* line 445, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.cards__header .title, .offers__header .title {
  font-size: 20px;
  font-weight: 300;
}
/* line 450, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.cards__header .new_card, .offers__header .new_card {
  color: #00a8fa;
  cursor: pointer;
  line-height: 1;
  font-weight: 100;
}
/* line 459, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.cards__body .offer, .offers__body .offer {
  border: 1px solid #D8D8D8;
  border-radius: 3px;
  padding: 15px 10px;
  display: flex;
  justify-content: space-between;
}
/* line 467, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.cards__body .offer .content .title, .offers__body .offer .content .title {
  color: #333333;
  font-size: 19px;
  font-weight: 500;
}
/* line 473, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.cards__body .offer .content .description, .offers__body .offer .content .description {
  color: #333333;
  font-size: 15px;
}
/* line 480, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.cards__body .offer.yellow, .offers__body .offer.yellow {
  background-color: #fef9e4;
}
/* line 484, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.cards__body .offer.green, .offers__body .offer.green {
  background-color: #F2FAF7;
}
/* line 488, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.cards__body .offer.red, .offers__body .offer.red {
  background-color: #fce4e4;
}
/* line 494, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.cards__body .card, .offers__body .card {
  border: 1px solid #D8D8D8;
  border-radius: 3px;
  padding: 15px 10px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/* line 503, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.cards__body .card img, .offers__body .card img {
  height: 15px;
}

/* line 510, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 0;
  max-width: 320px;
  border: none;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  margin: 30px auto;
  padding: 30px 20px;
  background-color: #fff;
  outline: none;
  z-index: 5;
  text-align: center;
}
/* line 528, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.open {
  display: block;
  width: 100%;
  overflow: scroll;
  max-height: 600px;
}
/* line 535, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal {
  padding: 0;
  text-align: left;
  max-width: 600px;
}
/* line 540, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal.open {
  display: flex;
  flex-direction: column;
  width: 880px;
  max-width: calc(100vw - 48px);
  max-height: 85vh;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  padding: 0;
}
/* line 552, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-modal-header {
  flex: 0 0 auto;
  position: relative;
  padding: 18px 56px;
  border-bottom: 1px solid #ececec;
  text-align: center;
}
/* line 559, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-modal-header h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}
/* line 566, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .location-proximity {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  padding: 14px 20px;
  border-bottom: 1px solid #ececec;
}
/* line 576, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .location-proximity button {
  flex: 0 0 auto;
  background: transparent;
  border: 1.5px solid #D3232A;
  color: #D3232A;
  border-radius: 8px;
  padding: 8px 14px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}
/* line 587, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .location-proximity button:disabled {
  opacity: 0.6;
  cursor: default;
}
/* line 593, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .location-proximity .location-proximity-note {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  color: #333;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
}
/* line 605, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .location-proximity .location-try-again {
  border: none;
  background: none;
  color: #D3232A;
  font-weight: 700;
  padding: 0;
  border-radius: 0;
}
/* line 615, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .location-spinner {
  width: 14px;
  height: 14px;
  border: 2px solid #e5e5e5;
  border-top-color: #D3232A;
  border-radius: 50%;
  animation: location-spin 0.8s linear infinite;
}
/* line 624, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .location-switch-announcement {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* line 636, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 16px 20px 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: 20px;
  overflow: hidden;
}
/* line 645, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body a {
  text-decoration: none;
  color: inherit;
}
/* line 650, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body .locations-list {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
/* line 658, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body .location-switch-error {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 10px;
  padding: 10px 12px;
  background: #fdecec;
  border: 1px solid #f5c2c4;
  border-radius: 8px;
  color: #a1171d;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}
/* line 675, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body .location-switch-retry {
  flex: 0 0 auto;
  margin-left: auto;
  padding: 0;
  border: 0;
  background: none;
  color: #a1171d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: underline;
  cursor: pointer;
}
/* line 689, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body .select-location {
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}
/* line 697, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body .card {
  box-shadow: none;
  border: 1.5px solid #e2e2e2;
  border-radius: 10px;
  cursor: pointer;
  padding: 14px 16px;
  margin: 0 0 10px;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
/* line 710, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body .card.selected {
  border-color: #D3232A;
  box-shadow: 0 0 0 3px rgba(211, 35, 42, 0.12);
  outline: none;
}
/* line 716, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body .card .location-switching-label {
  margin-top: 2px;
  font-size: 13px;
  font-weight: 400;
  color: #777;
}
/* line 723, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body .card .location-card-main {
  min-width: 0;
}
/* line 727, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body .card .location-card-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
/* line 734, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body .card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  color: #222;
  overflow-wrap: anywhere;
}
/* line 743, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body .card .location-street {
  font-weight: 700;
}
/* line 747, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body .card .location-closest {
  font-size: 11px;
  font-weight: 700;
  color: #1d7a3a;
  background: #e8f6ec;
  border-radius: 999px;
  padding: 3px 8px;
  white-space: nowrap;
}
/* line 757, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body .card .location-distance {
  display: inline-block;
  margin: 0;
  color: #333;
  background: #f3f3f3;
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
/* line 770, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body .card .selected-icon {
  position: static;
  transform: none;
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
}
/* line 777, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body .card .selected-icon svg {
  display: block;
}
/* line 781, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body .card .selected-icon.is-busy {
  width: 20px;
  height: 20px;
}
/* line 787, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body .card .location-card-spinner {
  display: block;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid rgba(211, 35, 42, 0.25);
  border-top-color: #D3232A;
  border-radius: 50%;
  animation: location-spin 0.8s linear infinite;
}
/* line 799, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal .locations-body .locations-map {
  margin: 0;
  min-width: 0;
  min-height: 280px;
  border-radius: 10px;
  overflow: hidden;
}
/* line 808, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal.open {
  opacity: 1;
  transition: opacity 150ms linear;
}
/* line 813, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal.is-leaving {
  opacity: 0;
}
/* line 818, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal.is-switching .select-location a,
.restaurant-modal.locations-modal.is-switching .locations-map,
.restaurant-modal.locations-modal.is-switching .store-info-close {
  pointer-events: none;
}
/* line 824, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal.is-switching .card:not(.selected) {
  opacity: 0.5;
}
/* line 828, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal.is-switching.is-confirming .card {
  opacity: 1;
}
/* line 832, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal.locations-modal.is-switching .store-info-close,
.restaurant-modal.locations-modal.is-switching .location-proximity button {
  opacity: 0.4;
}
@media (max-width: 700px) {
  /* line 839, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .restaurant-modal.locations-modal.open {
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 0;
    margin: 0;
  }
  /* line 851, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .restaurant-modal.locations-modal .locations-modal-header,
  .restaurant-modal.locations-modal .location-proximity {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* line 857, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .restaurant-modal.locations-modal .location-proximity-note {
    flex-basis: 100%;
  }
  /* line 861, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .restaurant-modal.locations-modal .locations-body {
    grid-template-columns: minmax(0, 1fr);
    padding: 12px 16px;
  }
  /* line 865, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .restaurant-modal.locations-modal .locations-body .locations-map {
    order: -1;
    height: 160px;
    min-height: 160px;
  }
}
/* line 875, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal h2 {
  font-size: 17px;
  font-weight: 500;
}
/* line 880, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.restaurant-modal p {
  font-size: 14px;
}

@keyframes location-spin {
  to {
    transform: rotate(360deg);
  }
}
/* line 889, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.form-field {
  position: relative;
  width: 100%;
}

/* line 894, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.container {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  overflow: hidden;
  padding: 0;
}

/* line 905, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.special-offer {
  position: fixed;
  top: 2rem;
  left: 2rem;
  height: 300px;
  cursor: pointer;
  animation: move 6s infinite forwards;
}

@keyframes move {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-25px);
  }
  75% {
    transform: translateY(25px);
  }
  100% {
    transform: translateY(0px);
  }
}
/* line 921, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.flex {
  display: flex;
}

/* line 925, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.flex-row {
  flex-direction: row;
}

/* line 929, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.flex-col {
  flex-direction: column;
}

/* line 933, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.mx-auto {
  margin: 0 auto;
}

/* line 937, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.flex-wrap {
  flex-wrap: wrap;
}

/* line 941, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.items-center {
  align-items: center;
}

/* line 945, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.justify-end {
  justify-content: flex-end;
}

/* line 949, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.justify-between {
  justify-content: space-between;
}

/* line 953, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.justify-evenly {
  justify-content: space-evenly;
}

/* line 957, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.justify-center {
  justify-content: center;
}

/* line 961, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.text-right {
  text-align: right;
}

/* line 965, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.primary-color {
  color: #cb0000;
}

/* line 969, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.primary-color-bg {
  background-color: #cb0000;
}
/* line 972, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.primary-color-bg[disabled] {
  opacity: 0.5;
}

/* line 977, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.select-loc {
  font-size: 10px;
  margin-left: 3px;
  cursor: pointer;
}

/* line 983, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 300;
}

/* line 991, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.warning-text {
  color: #94000f;
}

/* line 996, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.clearfix:after {
  content: '';
  clear: both;
}
/* line 1001, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.clearfix:before {
  content: '';
  clear: both;
}

/* line 1006, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  max-width: 600px;
  height: 0;
  overflow-y: scroll;
  border: none;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  background-color: #fff;
  outline: none;
  position: relative;
  display: flex;
  flex-direction: column;
}
/* line 1007, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.open {
  width: 100%;
  max-height: 90vh;
  margin-top: 20px;
  height: auto;
}
/* line 1030, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.discover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

/* line 1038, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body {
  flex: 1 1 0%;
  overflow: auto;
}
/* line 1042, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .item-name {
  padding: 30px 20px 0 20px;
}
/* line 1046, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .item-image {
  height: 211px;
  width: 100%;
  object-fit: cover;
}
/* line 1052, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .item-description {
  padding: 0 20px;
}
/* line 1057, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .item-info h2 {
  font-size: 17px;
}
/* line 1062, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .category-options {
  padding: 10px 40px;
}
/* line 1066, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .category-name {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.1;
  color: #707070;
  background-color: #E8E8E8;
  padding: 10px 40px;
  margin: 0;
}
/* line 1076, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .pizza-option {
  margin-bottom: 1em;
}
/* line 1079, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .pizza-option .modifier-name {
  font-size: 15px;
}
/* line 1082, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .pizza-option .modifier-name.selected {
  font-weight: bold;
}
/* line 1088, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .option-name {
  margin-bottom: 5px;
  line-height: 20px;
}
/* line 1092, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .option-name button {
  position: relative;
  border: 1px solid #888888;
  cursor: pointer;
  background: none;
  padding: 0;
  line-height: 12px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 12px;
  margin-right: 10px;
}
/* line 1105, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .option-name button.is-checked {
  border-color: #cb0000;
}
@media (max-width: 480px) {
  /* line 1109, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal-edit .form-body .option-name button.is-checked ~ span {
    vertical-align: -3px;
  }
}
/* line 1114, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .option-name button.is-checked::before {
  content: '';
  background-color: #cb0000;
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 50%;
  margin-right: 10px;
}
/* line 1129, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .option-name span {
  color: #888888;
  display: inline-block;
  vertical-align: 6px;
}
/* line 1136, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .size-options {
  padding: 5px 20px;
  font-size: 15px;
}
/* line 1140, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .size-options .option {
  margin: 5px 0;
}
/* line 1144, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .size-options fieldset {
  border: none;
}
/* line 1149, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .note {
  padding: 0 40px;
}
/* line 1152, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .note label {
  width: 100%;
  display: block;
}
/* line 1157, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-body .note textarea {
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #707070;
  padding: 4px 8px;
  width: 100%;
}
/* line 1167, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-footer {
  flex-shrink: 0;
  border-top: solid 1px #F7F7F7;
  padding: 20px 40px 20px;
  box-shadow: 0px -4px 21px -16px rgba(84, 84, 84, 0.57);
  -webkit-box-shadow: 0px -4px 21px -16px rgba(84, 84, 84, 0.57);
  -moz-box-shadow: 0px -4px 21px -16px rgba(84, 84, 84, 0.57);
}
/* line 1176, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-footer .qty-wrapper .controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
}
/* line 1183, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-footer .qty-wrapper .controls button {
  background-color: #E0E0E0;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: none;
  color: white;
  font-size: 15px;
  font-weight: 500;
}
/* line 1195, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-footer .qty-wrapper .controls h3 {
  padding: 0 10px;
  font-size: 15px;
  margin: 0;
}
/* line 1203, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-footer .sub-total {
  color: white;
  width: 300px;
  height: 45px;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-family: 'Rubik', sans-serif;
  border-radius: 4px;
  border: none;
  justify-content: space-around;
  margin-left: 15px;
}
/* line 1217, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal-edit .form-footer .sub-total span {
  font-weight: 500;
}

@media (max-width: 480px) {
  /* line 1225, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal {
    margin: 0;
    left: 0;
    transform: none;
    max-width: 100%;
    height: 0;
    overflow-y: scroll;
  }
  /* line 1233, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal.open {
    height: 100%;
    margin-top: 0;
    max-height: 100vh;
  }

  /* line 1242, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal-edit .item-wrapper:hover {
    background-color: transparent;
  }
  /* line 1246, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal-edit .item-wrapper .item-data {
    display: flex;
    flex-direction: column;
    padding: 0;
    border-bottom: none;
  }
  /* line 1252, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal-edit .item-wrapper .item-data .item-info {
    order: 2;
  }
  /* line 1254, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal-edit .item-wrapper .item-data .item-info h2 {
    margin-bottom: 5px;
    font-size: 17px;
  }
  /* line 1259, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal-edit .item-wrapper .item-data .item-image {
    width: 100%;
    height: 200px;
    order: 1;
  }
  /* line 1264, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal-edit .item-wrapper .item-data .item-price {
    display: none;
  }
}
/* line 1273, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options {
  overflow: hidden;
  border-radius: 16px;
  box-shadow: none;
  color: #222;
  font-family: Montserrat, sans-serif;
  letter-spacing: normal;
}
/* line 1281, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .form-body {
  flex: 1 1 0%;
  overflow: auto;
}
/* line 1286, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .item-image-wrap {
  position: relative;
}
/* line 1290, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .item-image {
  display: block;
  width: 100%;
  height: 211px;
  object-fit: cover;
}
/* line 1297, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .item-name {
  padding: 20px 20px 0;
}
/* line 1300, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .item-name h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}
/* line 1307, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options.no-image .item-name {
  padding-right: 60px;
}
/* line 1311, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .item-description {
  margin: 6px 0 14px;
  padding: 0 20px;
  color: #666;
  font-size: 14px;
  line-height: 1.45;
}
/* line 1319, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .category-item,
.item-modal.item-options .size-group {
  border-top: 1px solid #eee;
}
/* line 1324, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .category-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0;
  padding: 10px 20px;
  background-color: #f6f6f6;
}
/* line 1333, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .category-name b {
  display: block;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
/* line 1341, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .category-name small {
  display: block;
  color: #666;
  font-size: 12px;
  line-height: 18px;
}
/* line 1349, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .req,
.item-modal.item-options .optl {
  flex: none;
  padding: 3px 8px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #fff;
  color: #666;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
/* line 1363, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .req {
  border-color: #222;
  color: #222;
}
/* line 1367, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .req.ok {
  border-color: #e9f6ee;
  background: #e9f6ee;
  color: #1e7a3c;
}
/* line 1372, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .req.ok::before {
  content: "\2713\00a0";
}
/* line 1379, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .invalid .category-name {
  background-color: #fdeeee;
}
/* line 1383, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .invalid .req {
  border-color: #cb0000;
  background: #cb0000;
  color: #fff;
}
/* line 1390, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .warning-text {
  margin: 8px 0 0;
  color: #cb0000;
  font-size: 13px;
  font-weight: 600;
}
/* line 1396, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .warning-text:empty {
  display: none;
}
/* line 1401, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .item-description.warning-text {
  margin: 0 0 14px;
  padding: 0 20px;
}
/* line 1406, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .category-options {
  padding: 4px 20px;
}
/* line 1410, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .form-group {
  margin: 0;
  border-bottom: 1px solid #f1f1f1;
}
/* line 1414, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .form-group:last-child {
  border-bottom: 0;
}
/* line 1419, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .option-name {
  display: flex;
  align-items: center;
  min-height: 44px;
  font-size: 15px;
}
/* line 1425, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .option-name button {
  position: relative;
  flex: none;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  padding: 0;
  border: 1.5px solid #9a9a9a;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}
/* line 1437, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .option-name button.is-checked {
  border-color: #cb0000;
}
/* line 1440, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .option-name button.is-checked::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #cb0000;
}
/* line 1452, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .option-name button.sq {
  border-radius: 5px;
}
/* line 1455, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .option-name button.sq.is-checked {
  background: #cb0000;
}
/* line 1458, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .option-name button.sq.is-checked::before {
  top: 3px;
  left: 7px;
  width: 6px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  background: none;
  transform: rotate(45deg);
}
/* line 1473, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .option-name span {
  flex: 1;
}
/* line 1477, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .option-name .mod-price {
  flex: none;
  color: #666;
  font-size: 14px;
}
/* line 1484, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .size-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 20px;
}
/* line 1490, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .size-options .option {
  flex: 1 1 calc(33.33% - 8px);
  min-width: 96px;
  margin: 0;
  cursor: pointer;
}
/* line 1497, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .size-options input {
  position: absolute;
  opacity: 0;
}
/* line 1501, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .size-options input:checked + .size-card {
  border-color: #cb0000;
  background: #fff5f5;
}
/* line 1505, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .size-options input:checked + .size-card b {
  color: #cb0000;
}
/* line 1510, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .size-options input:focus-visible + .size-card {
  outline: 2px solid #cb0000;
  outline-offset: 2px;
}
/* line 1516, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .size-options .size-card {
  display: block;
  height: 100%;
  padding: 8px 10px;
  border: 1.5px solid #ddd;
  border-radius: 10px;
  font-size: 14px;
  text-align: center;
}
/* line 1525, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .size-options .size-card b {
  display: block;
  font-weight: 600;
}
/* line 1530, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .size-options .size-card em {
  color: #666;
  font-size: 13px;
  font-style: normal;
}
/* line 1538, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .pizza-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 56px;
}
/* line 1546, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .modifier-name {
  font-size: 15px;
}
/* line 1549, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .modifier-name.selected {
  font-weight: 700;
}
/* line 1553, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .modifier-name em {
  display: block;
  color: #888;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
/* line 1560, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .modifier-name em.on {
  color: #18794e;
  font-weight: 600;
}
/* line 1567, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .pz-seg {
  display: flex;
  flex: none;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 10px;
}
/* line 1575, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .pz {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 58px;
  height: 50px;
  padding: 0;
  border: 0;
  border-left: 1px solid #ddd;
  background: #fff;
  color: #666;
  cursor: pointer;
  font: 600 11px Montserrat, sans-serif;
}
/* line 1591, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .pz:first-child {
  border-left: 0;
}
/* line 1595, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .pz svg {
  color: #888;
  stroke-width: 1.5;
}
/* line 1599, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .pz svg [fill="currentColor"] {
  fill-opacity: 0.4;
}
/* line 1604, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .pz.on {
  background: #e8f3ed;
  color: #18794e;
}
/* line 1608, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .pz.on svg {
  color: #18794e;
}
/* line 1611, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .pz.on svg [fill="currentColor"] {
  fill-opacity: 1;
}
/* line 1618, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .note {
  padding: 14px 20px 20px;
  border-top: 1px solid #eee;
}
/* line 1622, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .note label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
}
/* line 1628, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .note label span {
  color: #888;
  font-weight: 400;
}
/* line 1634, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .note textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font: 14px Montserrat, sans-serif;
}
/* line 1643, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .form-footer {
  flex-shrink: 0;
  padding: 12px 20px 16px;
  border-top: 1px solid #e5e5e5;
  background: #fff;
}
/* line 1650, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .add-reason {
  margin: 0 0 10px;
  color: #cb0000;
  font-size: 13px;
  font-weight: 600;
}
/* line 1656, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .add-reason:empty {
  display: none;
}
/* line 1661, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .ff-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
/* line 1667, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .controls {
  display: flex;
  align-items: center;
}
/* line 1671, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .controls button {
  width: 40px;
  height: 40px;
  border: 1.5px solid #ddd;
  border-radius: 50%;
  background: #fff;
  color: #222;
  cursor: pointer;
  font: 600 18px Montserrat, sans-serif;
}
/* line 1682, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .controls h3 {
  width: 32px;
  margin: 0;
  font-size: 16px;
  text-align: center;
}
/* line 1690, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .add-wrap {
  flex: 1;
  min-width: 0;
}
/* line 1695, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .sub-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 48px;
  padding: 0 20px;
  border: 0;
  border-radius: 24px;
  color: #fff;
  cursor: pointer;
  font: 700 15px Montserrat, sans-serif;
}
/* line 1709, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.item-modal.item-options .sub-total[disabled] {
  background: #e4e4e4;
  color: #777;
  cursor: default;
  opacity: 1;
  pointer-events: none;
}
@media (max-width: 480px) {
  /* line 1273, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal.item-options {
    border-radius: 0;
  }
  /* line 1721, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal.item-options .item-image {
    height: 200px;
  }
  /* line 1725, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal.item-options .category-options,
  .item-modal.item-options .category-name,
  .item-modal.item-options .size-options,
  .item-modal.item-options .note,
  .item-modal.item-options .form-footer {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* line 1734, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal.item-options .pz {
    width: 52px;
  }
}
@media (min-width: 900px) {
  /* line 1273, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal.item-options {
    max-width: 960px;
  }
  /* line 1742, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal.item-options.open {
    height: min(720px, 90vh);
    margin-top: calc((100vh - min(720px, 90vh)) / 2);
  }
  /* line 1747, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal.item-options .form-body {
    display: grid;
    grid-template-columns: 400px minmax(0, 1fr);
    align-content: start;
    background: linear-gradient(#eee, #eee) 399px 0/1px 100% no-repeat;
  }
  /* line 1755, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal.item-options .item-wrapper {
    grid-column: 1;
    grid-row: 1 / span 3;
    position: sticky;
    top: 0;
    align-self: start;
  }
  /* line 1763, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal.item-options .size-group,
  .item-modal.item-options .product-modifiers,
  .item-modal.item-options .note {
    grid-column: 2;
  }
  /* line 1769, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal.item-options .item-wrapper + .size-group,
  .item-modal.item-options .item-wrapper + .product-modifiers .category-item:first-child {
    border-top: 0;
  }
  /* line 1774, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal.item-options .item-image {
    height: 300px;
  }
  /* line 1779, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal.item-options.no-image .item-name {
    padding-top: 28px;
    padding-right: 20px;
  }
  /* line 1785, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal.item-options.no-image .item-wrapper + .size-group .category-name,
  .item-modal.item-options.no-image .item-wrapper + .product-modifiers .category-item:first-child .category-name {
    padding-right: 66px;
  }
  /* line 1791, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal.item-options .form-footer {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  /* line 1797, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal.item-options .add-reason {
    flex: 1;
    margin: 0;
  }
  /* line 1802, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .item-modal.item-options .ff-row {
    width: 540px;
    margin-left: auto;
  }
}

/* line 1809, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.desktop {
  display: none;
}

@media (min-width: 481px) {
  /* line 1814, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .desktop {
    display: block;
  }
}
@media (min-width: 481px) {
  /* line 1820, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .container {
    box-shadow: rgba(0, 0, 0, 0.05) 0 1px 2px 0;
    margin-top: 35px;
  }

  /* line 1825, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .mobile {
    display: none;
  }
}
/* line 1831, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.offer-wrapper {
  position: fixed;
  inset: 0;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.2);
  overflow: auto;
  padding: 10px;
  display: none;
  top: 0;
}
/* line 1841, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.offer-wrapper.open {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 1847, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.offer-wrapper .offer-modal {
  display: none;
  top: 0;
  left: auto;
  width: 100%;
  max-width: 500px;
  border: none;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  margin: 30px auto;
  padding: 30px 20px;
  background-color: #fff;
  outline: none;
}
/* line 1862, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.offer-wrapper .offer-modal .item-info h2 {
  position: relative;
  font-size: 22px;
  font-weight: 400;
  color: #cb0000;
  margin: 0 0 30px;
  text-align: center;
}
/* line 1870, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.offer-wrapper .offer-modal .item-info h2:after {
  position: absolute;
  content: '';
  border-bottom: 1px solid #d6d6d6;
  left: 50%;
  width: 80px;
  margin-left: -40px;
  top: 120%;
}
/* line 1882, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.offer-wrapper .offer-modal.open {
  display: block;
}
@media (max-width: 480px) {
  /* line 1847, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .offer-wrapper .offer-modal {
    margin: 0;
    max-width: 100%;
  }
}

/* line 1894, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.clover iframe {
  height: 3em !important;
  background-color: white;
}
/* line 1899, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.clover .form-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
/* line 1904, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.clover .form-row label {
  margin-bottom: 5px;
}
@media (min-width: 600px) {
  /* line 1899, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .clover .form-row {
    grid-template-columns: 1fr 1fr 1fr;
  }
  /* line 1910, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .clover .form-row.card-details {
    gap: 16px;
  }
}
/* line 1916, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.clover .top-row {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 600px) {
  /* line 1921, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .clover .top-row.with-customer {
    grid-template-columns: 1fr 100px;
  }
}
/* line 1927, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.clover .input-errors {
  color: red;
  font-size: 12px;
  margin-top: 4px;
}
/* line 1933, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.clover .field-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 0 !important;
}

/* line 1940, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.square {
  display: flex;
  flex-direction: column;
}
@media (min-width: 299px) {
  /* line 1940, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .square {
    display: grid;
    grid-template-columns: auto 75px;
  }
}

/* line 1951, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.offer-wrapper .btn {
  border: none;
  border-radius: 2em;
  color: white;
  width: 100%;
  padding: 10px 50px;
  font-size: 15px;
  font-weight: 600;
  bottom: 0;
  left: 0;
  background-color: #2a4467 !important;
}
/* line 1964, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.offer-wrapper .t-and-s {
  color: #888888;
  display: block;
  text-align: center;
  padding-top: 1em;
}
/* line 1971, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.offer-wrapper .offer-modal {
  position: relative;
}
/* line 1974, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.offer-wrapper .offer-modal .footer {
  margin-top: 20px;
  background-color: #f9fafb;
  bottom: 0;
  padding: 1rem 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

/* line 1991, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
body.menu-page {
  margin: 0;
  background: #f8f4ec;
}

/* line 1996, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page.container {
  max-width: 920px;
  min-height: 100vh;
  margin-top: 0;
  border: 1px solid #ece4d6;
  border-width: 0 1px;
  box-shadow: none;
  overflow: visible;
}

/* line 2006, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.badge {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 8px;
  background: #cb0000;
  color: #fff;
  font-family: Rubik, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
}

/* line 2025, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.page-header {
  position: sticky;
  top: calc(-1 * var(--header-collapse, 0px));
  z-index: 2;
  padding: 20px 24px 0;
  background: #fff;
}
/* line 2032, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.page-header .menu-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
/* line 2040, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.page-header .menu-identity {
  line-height: normal;
}
/* line 2044, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.page-header .title {
  margin: 0;
  font-family: Rubik, sans-serif;
  font-size: 26px;
  font-weight: 500;
  color: #222;
}
/* line 2052, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.page-header .address-line {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  color: #777;
  font-size: 14px;
}
/* line 2062, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.page-header .store-info-open {
  margin: -14px;
  color: #777;
}

/* line 2068, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-tools {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 6px;
}

/* line 2075, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.search-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 220px;
  height: 36px;
  padding: 0 12px;
  border: 1px solid #ddd;
  border-radius: 18px;
  color: #888888;
}
/* line 2086, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.search-bar input {
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 13px;
  color: #222;
  outline: none;
}

/* line 2098, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.icon-btn {
  position: relative;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 50%;
  background: #fff;
  color: #555;
  cursor: pointer;
}
/* line 2111, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.icon-btn turbo-frame {
  display: contents;
}

/* line 2116, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.navigation {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 16px 0 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-bottom: 1px solid #eee;
}
/* line 2125, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.navigation a {
  padding: 6px 14px;
  border: 1px solid #ddd;
  border-radius: 18px;
  color: #555;
  font-family: Rubik, sans-serif;
  font-size: 14px;
  text-decoration: none;
  white-space: nowrap;
}
/* line 2135, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.navigation a.active {
  border-color: #cb0000;
  background: #faf6ef;
  color: #cb0000;
  font-weight: 700;
}

/* line 2144, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.category-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 32px;
  align-items: start;
  padding: 0 24px 24px;
}

/* line 2152, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.category {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  grid-column: 1 / -1;
  margin: 24px 0 12px;
  color: #222;
  font-size: 20px;
  font-weight: 500;
  scroll-margin-top: var(--header-height, 140px);
}
/* line 2164, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.category .category-warning {
  padding: 2px 10px;
  border: 1px solid #ece4d6;
  border-radius: 12px;
  background: #faf6ef;
  color: #cb0000;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
}
/* line 2174, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.category .category-warning:empty {
  display: none;
}
/* line 2179, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.category .category-description {
  flex-basis: 100%;
  color: #777;
  font-size: 13px;
  font-weight: 400;
}

/* line 2187, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.category-wrapper .box {
  display: block;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
/* line 2192, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.category-wrapper .box .item-data {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 80px;
  gap: 14px;
  padding: 14px 0;
}
/* line 2199, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.category-wrapper .box .item-name-price {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 4px;
}
/* line 2207, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.category-wrapper .box .item-name,
.category-wrapper .box .item-price {
  margin: 0;
  color: #222;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}
/* line 2216, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.category-wrapper .box .item-description {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: #777;
  font-size: 13px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
/* line 2228, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.category-wrapper .box .item-image {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  object-fit: cover;
}
/* line 2235, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.category-wrapper .box .item-image-placeholder {
  display: grid;
  place-items: center;
  border: 1px solid #ece4d6;
  background: #faf6ef;
  color: #c9bca3;
}

/* line 2244, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.availability-label {
  margin: 4px 0 0;
  color: #cb0000;
  font-size: 12px;
}

/* line 2250, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer {
  inset: 0 0 0 auto;
  width: 420px;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-left: 1px solid #eee;
  color: #222;
}
/* line 2262, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer[open] {
  display: flex;
}
/* line 2266, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer::backdrop {
  background: rgba(0, 0, 0, 0.2);
}
/* line 2270, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer form[method="dialog"] {
  margin: 0;
}
/* line 2274, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer > turbo-frame,
dialog.cart-drawer .cart-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}
/* line 2282, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px 14px;
  border-bottom: 1px solid #eee;
}
/* line 2289, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-title h3 {
  margin: 0;
  font-family: Rubik, sans-serif;
  font-size: 20px;
  font-weight: 500;
}
/* line 2296, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-title h3 span {
  margin-left: 6px;
  color: #777;
  font-size: 13px;
  font-weight: 400;
}
/* line 2304, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .close-btn {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: none;
  color: #888888;
  cursor: pointer;
}
/* line 2316, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 0 20px;
}
/* line 2323, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  padding: 14px 0;
  border-bottom: 1px solid #eee;
  font-family: Rubik, sans-serif;
}
/* line 2331, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-item form {
  margin: 0;
}
/* line 2335, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-item .item-name,
dialog.cart-drawer .cart-item .price {
  min-width: 0;
  font-size: 15px;
  font-weight: 700;
}
/* line 2342, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-item .price {
  text-align: right;
}
/* line 2346, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-item .item-name-btn {
  padding: 0;
  border: 0;
  background: none;
  color: #222;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
/* line 2356, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-item .item-details {
  grid-column: 1 / -1;
  overflow: hidden;
  color: #777;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* line 2365, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-item .item-row {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
}
/* line 2374, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .stepper {
  display: flex;
  align-items: center;
  height: 32px;
  border: 1px solid #ccc;
  border-radius: 18px;
}
/* line 2381, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .stepper b {
  width: 24px;
  font-size: 14px;
  text-align: center;
}
/* line 2388, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .stepper-btn {
  display: grid;
  place-items: center;
  width: 32px;
  height: 30px;
  padding: 0;
  border: 0;
  background: none;
  color: #cb0000;
  font-size: 16px;
  cursor: pointer;
}
/* line 2401, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-remove,
dialog.cart-drawer .add-more {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
/* line 2412, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-remove {
  color: #777;
  font-size: 12px;
}
/* line 2417, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .add-more {
  margin: 14px 0;
  color: #cb0000;
  font-size: 14px;
  font-weight: 700;
}
/* line 2424, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-footer {
  padding: 12px 20px 16px;
  border-top: 1px solid #eee;
}
/* line 2429, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .fee {
  display: flex;
  justify-content: space-between;
  padding: 2px 0;
  color: #444;
  font-size: 13px;
}
/* line 2437, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-total {
  margin: 8px 0 10px;
  padding-top: 10px;
  border-top: 1px solid #eee;
  color: #222;
  font-family: Rubik, sans-serif;
  font-size: 17px;
  font-weight: 500;
}
/* line 2447, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .checkout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 48px;
  padding: 0 18px;
  border: 0;
  border-radius: 6px;
  color: #fff;
  font-family: Rubik, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
/* line 2464, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-empty {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 70px 30px;
  color: #666;
  text-align: center;
}
/* line 2474, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-empty > .svg-icon {
  color: #ccc;
}
/* line 2478, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-empty h4 {
  margin: 14px 0 6px;
  color: #333;
  font-family: Rubik, sans-serif;
  font-size: 18px;
  font-weight: 500;
}
/* line 2486, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-empty p {
  margin: 0;
  font-size: 14px;
}
/* line 2491, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
dialog.cart-drawer .cart-empty .checkout {
  justify-content: center;
  width: 220px;
  margin-top: 18px;
}

@media (max-width: 640px) {
  /* line 2500, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .menu-page.container {
    border: 0;
  }

  /* line 2504, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .navigation a.active {
    background: #cb0000;
    color: #fff;
  }

  /* line 2509, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .page-header {
    padding: 14px 16px 0;
  }
  /* line 2512, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .page-header .menu-top {
    flex-wrap: wrap;
  }
  /* line 2516, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .page-header .menu-identity,
  .page-header .menu-tools {
    width: 100%;
  }

  /* line 2522, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .menu-tools {
    margin-top: 12px;
  }

  /* line 2526, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .search-bar {
    flex: 1;
    width: auto;
  }

  /* line 2531, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .category-wrapper {
    grid-template-columns: 1fr;
    padding: 0 16px 16px;
  }

  /* line 2536, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  dialog.cart-drawer {
    width: 100%;
    border-left: 0;
  }
}
/* line 2544, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
html:has(#session-modal[open]) {
  overflow: hidden;
}

/* line 2549, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.account-dialog {
  width: 100%;
  max-width: 420px;
  max-height: calc(100% - 32px);
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: #fff;
  color: #333333;
  box-shadow: none;
}
/* line 2561, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.account-dialog button,
.menu-page dialog.account-dialog input {
  font-family: inherit;
}
/* line 2566, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.account-dialog::backdrop {
  background: rgba(0, 0, 0, 0.2);
}
/* line 2570, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.account-dialog .account-panel {
  max-height: inherit;
  overflow: auto;
  padding: 16px 24px 24px;
}
/* line 2576, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.account-dialog .account-titlebar {
  position: relative;
  min-height: 40px;
  margin: 0 0 8px;
}
/* line 2581, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.account-dialog .account-titlebar form {
  margin: 0;
}
/* line 2586, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.account-dialog .account-title {
  margin: 0;
  padding: 8px 44px 12px;
  color: #cb0000;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}
/* line 2595, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.account-dialog .account-title:after {
  content: "";
  display: block;
  width: 72px;
  margin: 8px auto 0;
  border-bottom: 2px solid #888888;
}
/* line 2604, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.account-dialog .account-x {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #333333;
  cursor: pointer;
}
/* line 2621, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.account-dialog .account-x:hover {
  background: #F7F7F7;
}
/* line 2626, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.account-dialog .account-back,
.menu-page dialog.account-dialog .account-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 32px;
  margin: 0;
  padding: 4px 2px;
  border: 0;
  background: none;
  color: #cb0000;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
/* line 2642, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.account-dialog .account-back {
  margin: 0 0 4px;
  padding: 0 2px;
}
/* line 2647, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.account-dialog .account-help {
  margin: 4px 0 0;
  color: #333333;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
}
/* line 2655, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.account-dialog .account-note,
.menu-page dialog.account-dialog .alert {
  max-width: none;
  width: 100%;
  margin: 8px 0 0;
}
/* line 2662, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.account-dialog .account-field {
  margin-top: 14px;
}
/* line 2665, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.account-dialog .account-field label {
  display: block;
  margin: 0 0 6px;
  color: #333333;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}
/* line 2675, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.account-dialog .account-forgot {
  display: flex;
  justify-content: flex-end;
  margin-top: 2px;
}
/* line 2681, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.account-dialog .account-switch {
  margin: 16px 0 0;
  padding-top: 14px;
  border-top: 1px solid #888888;
  color: #707070;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}
/* line 2691, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.account-dialog input.primary-color-bg {
  display: block;
  width: 100%;
  height: 48px;
  margin: 12px 0 0;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  appearance: none;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}
@media (max-width: 599px) {
  /* line 2708, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .menu-page dialog.account-dialog {
    max-width: none;
    max-height: 92vh;
    margin: auto 0 0;
    border-radius: 16px 16px 0 0;
  }
  /* line 2714, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .menu-page dialog.account-dialog .account-panel {
    padding: 12px 20px calc(28px + env(safe-area-inset-bottom));
  }
}

/* line 2721, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.store-bar {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 22px 28px 16px;
  border-bottom: 1px solid #f0e8dc;
  font-family: Montserrat, sans-serif;
}
/* line 2730, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.store-bar__name {
  color: #cc0000;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}
/* line 2738, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.store-bar__status {
  margin: 4px 0 0;
  color: #6d6d6d;
  font-size: 13px;
}
/* line 2744, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.store-bar__tools {
  display: flex;
  align-items: center;
  gap: 14px;
}
/* line 2750, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.store-bar__icon, .store-bar__account {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid #e4e4e4;
  border-radius: 50%;
  color: #444;
  text-decoration: none;
}
/* line 2764, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.store-bar__account {
  width: auto;
  padding: 0 12px 0 8px;
  gap: 6px;
  border-radius: 18px;
}
/* line 2771, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.store-bar__account-name {
  font-size: 14px;
  font-weight: 600;
  color: #1c1c1c;
}
/* line 2777, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.store-bar__badge {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 8px;
  background: #cc0000;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}

@media (max-width: 700px) {
  /* line 2795, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .store-bar {
    padding: 16px;
  }
  /* line 2798, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .store-bar__account {
    width: 36px;
    padding: 0;
  }
  /* line 2803, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .store-bar__account-name {
    display: none;
  }
}
/* line 2811, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
html:has(#password-reset[open]) {
  overflow: hidden;
}

/* line 2816, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.reset-dialog {
  position: relative;
  width: min(440px, calc(100vw - 32px));
  max-height: calc(100% - 32px);
  margin: auto;
  padding: 28px 28px 24px;
  border: 1px solid #ece4d6;
  border-radius: 16px;
  background: #fff;
  color: #222;
  font-family: Montserrat, sans-serif;
  text-align: center;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
  overflow: auto;
}
/* line 2831, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.reset-dialog::backdrop {
  background: rgba(0, 0, 0, 0.28);
}
/* line 2835, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.reset-dialog h2 {
  margin: 14px 0 0;
  color: #222;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
}
/* line 2843, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.reset-dialog p {
  margin: 8px 0 0;
  color: #6b6660;
  font-size: 14px;
  line-height: 1.45;
}
/* line 2850, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page dialog.reset-dialog form {
  margin: 0;
}
/* line 2855, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-close {
  margin: 0;
}
/* line 2859, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin: 8px auto 0;
  border-radius: 50%;
}
/* line 2868, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-icon.is-mail, .menu-page .reset-icon.is-lock {
  background: #fde8e8;
  color: #cb0000;
}
/* line 2874, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-icon.is-clock {
  background: #fff1dd;
  color: #b45309;
}
/* line 2879, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-icon.is-check {
  background: #e7f6ec;
  color: #1d7a3a;
}
/* line 2885, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-for {
  color: #6b6660;
}
/* line 2889, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-field {
  margin-top: 14px;
  text-align: left;
}
/* line 2893, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-field label {
  display: block;
  margin: 0 0 6px;
  color: #222;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}
/* line 2902, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-field input {
  height: 46px;
  border-radius: 8px;
  font-family: Montserrat, sans-serif;
}
/* line 2909, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-control {
  position: relative;
}
/* line 2912, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-control input {
  padding-right: 64px;
}
/* line 2917, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-show {
  position: absolute;
  top: 0;
  right: 8px;
  height: 46px;
  margin: 0;
  padding: 0 8px;
  border: 0;
  background: none;
  color: #cb0000;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
/* line 2933, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-rules {
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
/* line 2939, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-rules li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  color: #6b6660;
  font-size: 13px;
  line-height: 1.3;
}
/* line 2949, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-rules .reset-rule-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: 1.5px solid #c4bfb6;
  border-radius: 50%;
  flex-shrink: 0;
}
/* line 2959, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-rules .reset-rule-mark svg {
  display: none;
}
/* line 2964, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-rules li.is-met {
  color: #1d7a3a;
}
/* line 2967, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-rules li.is-met .reset-rule-mark {
  border-color: transparent;
  background: #e7f6ec;
}
/* line 2971, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-rules li.is-met .reset-rule-mark svg {
  display: block;
  color: #1d7a3a;
}
/* line 2979, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-errors {
  margin-top: 10px;
  color: #a1171d;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;
}
/* line 2986, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-errors p {
  margin: 4px 0 0;
  color: inherit;
  font-size: inherit;
}
/* line 2993, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page a.reset-submit,
.menu-page button.reset-submit,
.menu-page input.reset-submit {
  display: block;
  width: 100%;
  height: 48px;
  margin-top: 18px;
  padding: 0 16px;
  border: 0;
  border-radius: 8px;
  background: #cb0000;
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 48px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  appearance: none;
}
/* line 3015, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page a.reset-text-link,
.menu-page button.reset-text-link {
  display: inline-block;
  margin-top: 14px;
  padding: 0;
  border: 0;
  background: none;
  color: #cb0000;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  cursor: pointer;
}
/* line 3031, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-sent {
  font-family: Montserrat, sans-serif;
  text-align: center;
}
/* line 3035, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-sent h2 {
  margin: 8px 0 0;
  color: #222;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}
/* line 3045, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-sent .reset-copy strong {
  color: #222;
  font-weight: 700;
}
/* line 3051, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-note {
  margin-top: 14px;
  padding: 12px;
  border-radius: 10px;
  background: #f8f4ec;
  color: #5c574f;
  font-size: 13px;
  line-height: 1.45;
  text-align: left;
}
/* line 3062, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-resend {
  margin-top: 14px;
  color: #6b6660;
  font-size: 14px;
  line-height: 1.4;
}
/* line 3068, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .reset-resend form {
  display: inline;
}
/* line 3073, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page button.reset-inline {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #cb0000;
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
  cursor: pointer;
}
@media (max-width: 599px) {
  /* line 3086, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .menu-page dialog.reset-dialog {
    width: calc(100vw - 24px);
    padding: 24px 20px 20px;
  }
}

/* line 3093, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .ordering-notice {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin: 16px 24px 0;
  padding: 14px 16px;
  background: #faf6ef;
  border: 1px solid #ece4d6;
  border-left: 3px solid #cb0000;
  border-radius: 8px;
}
/* line 3104, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .ordering-notice .ordering-notice-icon {
  display: grid;
  flex: none;
  place-items: center;
  width: 36px;
  height: 36px;
  color: #cb0000;
  background: #fff;
  border: 1px solid #ece4d6;
  border-radius: 50%;
}
/* line 3116, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .ordering-notice .ordering-notice-title {
  margin: 0 0 2px;
  color: #333333;
  font-family: Rubik, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
}
/* line 3125, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .ordering-notice p {
  margin: 0;
  color: #707070;
  font-size: 13px;
  line-height: 1.5;
}
/* line 3132, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .ordering-notice .ordering-notice-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 8px;
  color: #333333;
  font-size: 13px;
}
/* line 3141, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .ordering-notice .ordering-notice-next b {
  color: #333333;
  font-weight: 700;
}
/* line 3146, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page .ordering-notice .ordering-notice-call {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  color: #cb0000;
  font-weight: 700;
  text-decoration: none;
}

/* line 3156, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page.ordering-paused .menu-tools .icon-btn[aria-label="Your order"] {
  opacity: 0.4;
  cursor: default;
}

/* line 3161, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page.ordering-paused .badge {
  display: none;
}

/* line 3165, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page.ordering-paused .item-wrapper[aria-disabled] {
  cursor: default;
}

/* line 3169, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page.ordering-paused .category-wrapper .box .item-data .item-name-price .item-price,
.menu-page.ordering-paused .category-wrapper .box:hover .item-data .item-name-price .item-price,
.menu-page.ordering-paused .category-wrapper .box:hover .item-price {
  color: #888888;
}

/* line 3175, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
.menu-page.ordering-paused .availability-label {
  display: inline-block;
  margin-top: 6px;
  padding: 2px 8px;
  border-radius: 10px;
  background: #F7F7F7;
  color: #888888;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 480px) {
  /* line 3188, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .menu-page .ordering-notice {
    margin: 12px 16px 0;
  }
  /* line 3191, /Users/carlos/RubymineProjects/clover_order_poster/app/assets/stylesheets/restaurants.scss */
  .menu-page .ordering-notice .ordering-notice-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}