/* line 1, app/assets/stylesheets/customers/custom.css.scss */
img.mfp-img {
  background-color: white;
}

/* line 6, app/assets/stylesheets/customers/custom.css.scss */
p {
  color: #4B5563;
}

/* line 12, app/assets/stylesheets/customers/custom.css.scss */
header .shopping-cart .badge {
  color: white;
  position: absolute;
  margin-right: -41px;
  margin-top: -27px;
  font-size: 10px;
  border-radius: 20px;
  padding: 2px 7px;
  background: red;
}

@media screen and (max-width: 768px) {
  /* line 12, app/assets/stylesheets/customers/custom.css.scss */
  header .shopping-cart .badge {
    margin-right: -29px;
  }
}

/* line 28, app/assets/stylesheets/customers/custom.css.scss */
header button#hamburger {
  background: none;
}

/* line 32, app/assets/stylesheets/customers/custom.css.scss */
header .nav-menu {
  z-index: 1000;
}

@media screen and (max-width: 768px) {
  /* line 39, app/assets/stylesheets/customers/custom.css.scss */
  .product_cart_delete svg {
    width: 1rem;
    height: 1rem;
  }
}

/* layout */
/* line 47, app/assets/stylesheets/customers/custom.css.scss */
.overflow-x-auto {
  overflow-x: auto;
}

/* line 51, app/assets/stylesheets/customers/custom.css.scss */
#stripe_error {
  color: red;
}

/* line 56, app/assets/stylesheets/customers/custom.css.scss */
.home.index .banner {
  position: relative;
}

/* line 60, app/assets/stylesheets/customers/custom.css.scss */
.home.index .header-image {
  position: absolute;
  top: 0px;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

/* line 68, app/assets/stylesheets/customers/custom.css.scss */
.home.index .header-image svg {
  float: right;
  width: 99.5%;
}

/* line 75, app/assets/stylesheets/customers/custom.css.scss */
.k-popup.k-calendar-container {
  border-radius: 12px;
  padding: 0 !important;
  border-color: var(--secondary-color);
  border-radius: 12px;
  background: white;
  box-shadow: none;
}

/* line 83, app/assets/stylesheets/customers/custom.css.scss */
.k-popup.k-calendar-container .k-widget.k-calendar {
  border-color: #ddd;
  border-radius: 9px;
}

/* line 88, app/assets/stylesheets/customers/custom.css.scss */
.k-popup.k-calendar-container .k-state-selected, .k-popup.k-calendar-container .k-state-focused {
  padding: 2px;
  background: none;
}

/* line 92, app/assets/stylesheets/customers/custom.css.scss */
.k-popup.k-calendar-container .k-state-selected a, .k-popup.k-calendar-container .k-state-focused a {
  background: var(--secondary-color);
  color: white;
  text-align: center;
  padding-left: 6px;
}

/* line 100, app/assets/stylesheets/customers/custom.css.scss */
.k-popup.k-calendar-container .k-header {
  background: var(--secondary-color);
}

/* line 103, app/assets/stylesheets/customers/custom.css.scss */
.k-popup.k-calendar-container .k-header a {
  color: white;
}

/* line 108, app/assets/stylesheets/customers/custom.css.scss */
.k-popup.k-calendar-container .k-content thead th {
  background: var(--secondary-color);
  color: white;
}

/* line 113, app/assets/stylesheets/customers/custom.css.scss */
.k-popup.k-calendar-container .k-state-hover {
  background: none;
}

/* line 116, app/assets/stylesheets/customers/custom.css.scss */
.k-popup.k-calendar-container .k-state-hover a {
  background: var(--primary-color);
  color: white;
  text-align: center;
  padding-left: 6px;
}

/* line 125, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container {
  /* Remove default reset styling spacing */
  /* Each time item */
  /* Hover effect */
  /* Selected time */
  /* Focused item */
  /* Scrollbar modern */
}

/* line 126, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container .k-list-container {
  border: none;
  background: none;
  box-shadow: none;
}

/* line 132, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container .k-list {
  background: white;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 8px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45);
}

/* line 141, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container .k-list.k-reset {
  margin: 0;
}

/* line 146, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container .k-list .k-item {
  border-radius: 10px;
  padding: 5px 14px;
  font-size: 14px;
  transition: all 0.15s ease;
  cursor: pointer;
  border: none;
}

/* line 156, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container .k-list .k-item:hover {
  background: var(--secondary-color);
  color: #fff;
  border: none;
}

/* line 163, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container .k-list .k-item.k-state-selected {
  background: var(--secondary-color);
  /* slate-900 */
  color: white;
  font-weight: 500;
}

/* line 170, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container .k-list .k-item.k-state-focused {
  background: rgba(59, 130, 246, 0.25);
}

/* line 175, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container .k-list::-webkit-scrollbar {
  width: 6px;
}

/* line 179, app/assets/stylesheets/customers/custom.css.scss */
.k-animation-container .k-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
}

/* Pay in full toggle */
/* line 186, app/assets/stylesheets/customers/custom.css.scss */
.theme-pay-amount-block {
  margin-top: 14px;
  padding: 18px;
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.02);
}

/* line 193, app/assets/stylesheets/customers/custom.css.scss */
.theme-pay-amount-block.hidden {
  display: none;
}

/* line 197, app/assets/stylesheets/customers/custom.css.scss */
.theme-pay-amount-block .theme-pay-amount-title {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  opacity: 0.55;
  margin-bottom: 12px;
}

/* line 206, app/assets/stylesheets/customers/custom.css.scss */
.theme-pay-amount-block .theme-pay-amount-opt {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 13px 14px;
  border: 1.5px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  margin-bottom: 20px;
  position: relative;
  transition: all 0.15s;
}

/* line 219, app/assets/stylesheets/customers/custom.css.scss */
.theme-pay-amount-block .theme-pay-amount-opt:last-child {
  margin-bottom: 0;
}

/* line 223, app/assets/stylesheets/customers/custom.css.scss */
.theme-pay-amount-block .theme-pay-amount-opt:hover {
  border-color: rgba(0, 0, 0, 0.25);
}

/* line 227, app/assets/stylesheets/customers/custom.css.scss */
.theme-pay-amount-block .theme-pay-amount-opt.selected {
  border-color: var(--primary-color, #1976D2);
  background: rgba(0, 0, 0, 0.02);
}

/* line 231, app/assets/stylesheets/customers/custom.css.scss */
.theme-pay-amount-block .theme-pay-amount-opt.selected .theme-pay-amount-radio {
  border-color: var(--primary-color, #1976D2);
  background: var(--primary-color, #1976D2);
}

/* line 235, app/assets/stylesheets/customers/custom.css.scss */
.theme-pay-amount-block .theme-pay-amount-opt.selected .theme-pay-amount-radio::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
}

/* line 249, app/assets/stylesheets/customers/custom.css.scss */
.theme-pay-amount-block .theme-pay-amount-opt input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 255, app/assets/stylesheets/customers/custom.css.scss */
.theme-pay-amount-block .theme-pay-amount-opt.featured .theme-pay-amount-price {
  color: var(--primary-color, #1976D2);
}

/* line 260, app/assets/stylesheets/customers/custom.css.scss */
.theme-pay-amount-block .theme-pay-amount-radio {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid rgba(0, 0, 0, 0.2);
  flex-shrink: 0;
  margin-top: 2px;
  position: relative;
  background: #fff;
  transition: all 0.15s;
}

/* line 272, app/assets/stylesheets/customers/custom.css.scss */
.theme-pay-amount-block .theme-pay-amount-body {
  flex: 1;
  min-width: 0;
}

/* line 277, app/assets/stylesheets/customers/custom.css.scss */
.theme-pay-amount-block .theme-pay-amount-name {
  font-size: 14px;
  font-weight: 700;
  color: #111;
  margin-bottom: 4px;
}

/* line 284, app/assets/stylesheets/customers/custom.css.scss */
.theme-pay-amount-block .theme-pay-amount-price {
  font-size: 20px;
  font-weight: 900;
  color: #111;
  line-height: 1.05;
  margin-bottom: 4px;
}

/* line 292, app/assets/stylesheets/customers/custom.css.scss */
.theme-pay-amount-block .theme-pay-amount-price-sub {
  font-size: 12px;
  font-weight: 700;
  opacity: 0.55;
  color: #111;
}

/* line 299, app/assets/stylesheets/customers/custom.css.scss */
.theme-pay-amount-block .theme-pay-amount-sub {
  font-size: 12px;
  font-weight: 600;
  opacity: 0.55;
  color: #111;
}

/* line 306, app/assets/stylesheets/customers/custom.css.scss */
.theme-pay-amount-block .theme-pay-amount-badge {
  position: absolute;
  top: -9px;
  right: 12px;
  background: var(--secondary-color, #111);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 4px;
  white-space: nowrap;
}

/* line 322, app/assets/stylesheets/customers/custom.css.scss */
#deposit-row {
  background: #FFFBF5;
  border: 2px solid var(--primary-color, #FF5722);
  border-radius: 14px;
  padding: 14px 16px;
  margin-top: 12px;
  text-align: center;
}

/* line 330, app/assets/stylesheets/customers/custom.css.scss */
#deposit-row #deposit-label-text {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #888;
  margin-bottom: 4px;
}

/* line 339, app/assets/stylesheets/customers/custom.css.scss */
#deposit-row #deposit-amount {
  font-size: 32px;
  color: var(--primary-color, #FF5722);
}

/* line 344, app/assets/stylesheets/customers/custom.css.scss */
#deposit-row #deposit-percentage-wrap {
  font-size: 11px;
  color: #aaa;
  font-weight: 700;
  margin-top: 2px;
}

/* line 353, app/assets/stylesheets/customers/custom.css.scss */
.theme-text {
  color: var(--primary-color) !important;
}

/* line 356, app/assets/stylesheets/customers/custom.css.scss */
.theme-bg {
  background-color: var(--primary-color) !important;
}

/* line 359, app/assets/stylesheets/customers/custom.css.scss */
.theme-border {
  border-color: var(--primary-color) !important;
}

/* line 363, app/assets/stylesheets/customers/custom.css.scss */
#payAmountBlock .theme-pay-amount-opt.selected {
  border-color: var(--primary-color) !important;
}

/* line 365, app/assets/stylesheets/customers/custom.css.scss */
#payAmountBlock .theme-pay-amount-opt.selected .theme-pay-amount-radio {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}