/*
	Theme Name: Dong Sushi
	Theme URI: https://boostmonitor.com
	Description: Dong Sushi Wordpress Theme
	Version: 2.0
	Author: Hector Felan @felanhector
	Author URI: https://boostmonitor.com
	Tags: HTML5, CSS3, PHP, JavaScript, AJAX, jQuery, MySQL, AWS, EC2, Node

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
::-webkit-scrollbar-corner { 
	background: none;
}
* {
	scrollbar-width: none !important;
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}
*::-webkit-scrollbar-track {
	background: none;
}
*::-webkit-scrollbar-thumb {
	background-color: var(--scroll-bar-color);
	border-radius: 20px;
	border: none;
}
input:focus,
input:active,
input:visited,
textarea:focus,
textarea:active,
textarea:visited {
	outline: none;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	width: 100%;
	margin: 0;
	font-size: 16px;
	font-family: 'SSP-Regular', sans-serif;
	background-color: var(--dark-color-1);
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	-webkit-tap-highlight-color: transparent;
}
.modal-open {
	overflow: hidden !important;
	overflow-y: none !important;
	overflow-x: none !important;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	text-decoration:none;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
i {
	padding: 0;
	line-height: 0;
}

/*------------------------------------*\
    ACCOUNT SUSPENDED
\*------------------------------------*/

.account-suspended {
	position: relative;
	max-width: 250px;
	width: 100%;
	margin: 50px auto;
}
.account-suspended span {
	letter-spacing: 5px;
}

/*------------------------------------*\
    ROOT
\*------------------------------------*/
:root {
	--error-color: #F20E19;
	--error-color-contrast: #ffffff;
	--error-color-banner: #ffe6e8;
	--error-color-banner-contrast: #F20E19;
	--success-icon-background: #0CC60C;
	--success-container-background: #d7ffd7;
	--success-color: #0CC60C;
	--spinner-background-color: #FFFFFF;
	--default-clear-color: #ffffff;
	--default-clear-color-semitrans: rgba(255, 255, 255, 0.9);
	--dark-text: #ababab;
	--right-popup-background-color: var(--dark-color-1);
	--date-time-picker-button-color: #fad4c5;
	--regular-anchor-color: #4a7bc6;
	--review-star-color: #ffbf1d;
	--wishlist-selected: #fd133a;
	--visa-card-color: #015198;
	--visa-card-color-contrast: #ffffff;
	--mastercard-card-color: #000000;
	--mastercard-card-color-contrast: #ffffff;
	--amex-card-color: #016FD0;
	--amex-card-color-contrast: #ffffff;
	--kitchen-order-preparation: #FFC107;
	--kitchen-order-preparation-contrast: #000000;
	--kitchen-order-transit: #2196F3;
	--kitchen-order-transit-contrast: #ffffff;
	--kitchen-order-delivered: #9E9E9E;
	--kitchen-order-delivered-contrast: #000000;
}
/*------------------------------------*\
    MARGINS
\*------------------------------------*/
.vertical-margin-small {
	margin-top: 0px;
	margin-bottom: 15px;
}
/*------------------------------------*\
    COLORS
\*------------------------------------*/
.primary-color {
	color: var(--primary-color);
}
.clear-text-color {
	color: var(--clear-text-color);
}
.secondary-color {
	color: var(--secondary-color);
}
.success-color {
	color: var(--success-color);
}
.error-color {
	color: var(--error-color) !important;
}
.tertiary-color {
	color: var(--tertiary-color);
}
.anchor-color {
	color: var(--regular-anchor-color);
}
.clear-color {
	color: var(--default-clear-color);
}
.background-success-color {
	background-color: var(--success-color) !important;
}
.background-error-color {
	background-color: var(--error-color) !important;
}
.review-star-color {
	color: var(--review-star-color);
}
.placeholder-color {
	color: var(--placeholder-color);
}
/*------------------------------------*\
    TEXT STYLES
\*------------------------------------*/
.primary-text {
	font-family: 'SSP-Bold', sans-serif;
	font-size: 20px;
	display: block;
}
.secondary-text {
	font-family: 'SSP-Bold', sans-serif;
	font-size: 18px;
	display: block;
}
.tertiary-text-regular {
	font-family: 'SSP-Regular', sans-serif;
	font-size: 16px;
	display: block;
}
.tertiary-text-semibold {
	font-family: 'SSP-SemiBold', sans-serif;
	font-size: 16px;
	display: block;
}
.tertiary-text-bold {
	font-family: 'SSP-Bold', sans-serif;
	font-size: 16px;
	display: block;
}
.small-text-regular-policy {
	font-family: 'SSP-Regular', sans-serif;
	font-size: 13px;
	line-height: 16px;
	display: block;
	margin: 7.5px 0;
}
.small-text-regular-policy a {
	color: var(--amex-card-color);
}
.text-regular {
	font-family: 'SSP-Regular', sans-serif;
}
.text-semibold {
	font-family: 'SSP-SemiBold', sans-serif;
}
.text-bold {
	font-family: 'SSP-Bold', sans-serif;
}
.text-monospace-bold {
	font-family: 'Code_New_B', monospace;
}
label {
	font-family: 'SSP-Bold', sans-serif;
	font-size: 16px;
	display: block;
}
.bm-template-section-description {
	padding-top: 10px;
	padding-bottom: 10px;
}
.text-line-through {
	text-decoration: line-through;
}
.text-capital {
	text-transform: capitalize;
}
.text-uppercase {
	text-transform: uppercase;
}
/*------------------------------------*\
	BUTTONS
\*------------------------------------*/
.button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	font-size: 16px;
	font-family: 'SSP-Bold', sans-serif;
	border: none;
	outline: none;
	border-radius: var(--default-border-radius);
	cursor: pointer;
}
.button-disabled {
	opacity: 0.5;
	pointer-events: none;
}
.button-primary {
	background-color: var(--dark-semitransparent-color);
	color: var(--clear-text-color);
}
.button-secondary {
	background-color: var(--secondary-color);
	color: var(--secondary-color-contrast);
}
.button-tertiary {
	/* background-color: var(--default-clear-color);
	border: 1.5px solid var(--primary-border-color); */
	color: var(--placeholder-color);
}
.button-alert {
	background-color: var(--error-color);
	color: var(--error-color-contrast);
}
.clear-button {
	background-color: var(--date-time-picker-button-color);
	color: var(--secondary-color);
}
.button-kitchen-order-preparation {
	background-color: var(--kitchen-order-preparation);
	color: var(--kitchen-order-preparation-contrast);
}
.button-kitchen-no-show-button {
	margin-top: 10px;
	background-color: var(--error-color);
	color: var(--error-color-contrast);
}
.button-kitchen-order-ready {
	background-color: var(--success-color);
	color: var(--default-clear-color);
}
.button-kitchen-order-transit {
	background-color: var(--kitchen-order-transit);
	color: var(--kitchen-order-transit-contrast);
}
.button-ready-disabled {
	opacity: 0.5;
	pointer-events: none;
}
.button-medium {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	font-size: 13px;
	font-family: 'SSP-Bold', sans-serif;
	border: none;
	outline: none;
	border-radius: 5px;
	cursor: pointer;
	margin: 10px 0;
}
.product-page-footer-option-add-to-cart {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 400px;
	width: 100%;
	height: 50px;
	font-size: 18px;
	font-family: 'SSP-Bold', sans-serif;
	border: none;
	outline: none;
	border-radius: var(--default-border-radius);
	cursor: pointer;
	background-color: var(--success-color);
	color: var(--default-clear-color);
	white-space: nowrap;
}
.arrow-left::before {
	content: '\f177';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 10px;
	font-weight: 400;
}
.arrow-right::after {
	content: '\f178';
	font-family: 'Font Awesome 6 Pro';
	margin-left: 10px;
	font-weight: 400;
}
.trash-left::before {
	content: '\f1f8';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 10px;
	font-weight: 400;
}
.trash-right::after {
	content: '\f1f8';
	font-family: 'Font Awesome 6 Pro';
	margin-left: 10px;
	font-weight: 400;
}
.calendar-left::before {
	content: '\e472';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 10px;
	font-weight: 400;
	font-size: 16px;
}
.calendar-right::after {
	content: '\e472';
	font-family: 'Font Awesome 6 Pro';
	margin-left: 10px;
	font-weight: 400;
	font-size: 16px;
}
.edit-right::after {
	content: '\f044';
	font-family: 'Font Awesome 6 Pro';
	margin-left: 10px;
	font-weight: 400;
	font-size: 16px;
}
.edit-left::before {
	content: '\f044';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 10px;
	font-weight: 400;
	font-size: 16px;
}
.button-right-card-plus::after {
	content: '\e4a3';
	font-family: 'Font Awesome 6 Pro';
	margin-left: 10px;
	font-weight: 400;
	font-size: 16px;
}
.button-left-card-plus::before {
	content: '\e4a3';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 10px;
	font-weight: 400;
	font-size: 16px;
}
.button-right-hand::after {
	content: '\f0a6';
	font-family: 'Font Awesome 6 Pro';
	margin-left: 10px;
	font-weight: 400;
	font-size: 16px;
}
.button-left-hand::before {
	content: '\f0a6';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 10px;
	font-weight: 400;
	font-size: 16px;
}
.button-right-plus::after {
	content: '\f055';
	font-family: 'Font Awesome 6 Pro';
	margin-left: 10px;
	font-weight: 400;
	font-size: 16px;
}
.button-left-plus::before {
	content: '\f055';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 10px;
	font-weight: 400;
	font-size: 16px;
}
.logout-right::after {
	content: '\f2f5';
	font-family: 'Font Awesome 6 Pro';
	margin-left: 10px;
	font-weight: 400;
	font-size: 16px;
}
.logout-left::before {
	content: '\f2f5';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 10px;
	font-weight: 400;
	font-size: 16px;
}
.send-right::after {
	content: '\e20a';
	font-family: 'Font Awesome 6 Pro';
	margin-left: 10px;
	font-weight: 400;
	font-size: 16px;
}
.send-left::before {
	content: '\e20a';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 10px;
	font-weight: 400;
	font-size: 16px;
}
.view-menu-as-guest-button::after {
	content: '\e0c0';
	font-family: 'Font Awesome 6 Pro';
	margin-left: 10px;
	font-weight: 400;
}
.right-external-link::after {
	content: '\f08e';
	font-family: 'Font Awesome 6 Pro';
	margin-left: 10px;
	font-weight: 400;
	font-size: 16px;
}
.left-external-link::before {
	content: '\f08e';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 10px;
	font-weight: 400;
	font-size: 16px;
}
.button-right-check::after {
	content: '\f00c';
	font-family: 'Font Awesome 6 Pro';
	margin-left: 10px;
	font-weight: 400;
	font-size: 16px;
}
.button-left-check::before {
	content: '\f00c';
	font-family: 'Font Awesome 6 Pro';
	margin-right: 10px;
	font-weight: 400;
	font-size: 16px;
}
.button-right-icon i {
	margin-left: 10px;
}
.button-left-icon i {
	margin-right: 10px;
}
.button-disabled {
	opacity: 0.5;
}
.text-popup-link {
	color: #1c6ca1;
}
.text-popup-link::after {
	content: '\f08e';
	font-size: 13px;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 400;
	margin-left: 5px;
	color: #1c6ca1;
}
.note-text {
	display: block;
	margin: 15px 0;
}
.bm-toggle-button-big {
	position: relative;
	padding-bottom: 10px;
}
.bm-toggle-button-big .bm-toggle-button-container {
	width: 60px;
	height: 30px;
	padding: 5px;
	border-radius: 33px;
	background-color: var(--date-time-picker-button-color);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
	transition: 0.15s ease-out;
}
.bm-toggle-button-big .bm-toggle-button-switch {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: var(--default-clear-color);
	position: absolute;
	z-index: 1;
	margin: 0 3px;
	left: 0;
	transition: 0.15s ease-out;
}
.toggle-label-left {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.bm-toggle-button-big.toggle-label-left .toggle-label {
	width: calc(100% - 70px);
}
.bm-toggle-button-container-active {
	background-color: var(--secondary-color) !important;	
}
.bm-toggle-button-container-active .bm-toggle-button-switch {
	left: calc(100% - 31px);
}
.delete-stored-address-button {
	cursor: pointer;
}
.delete-confirmation-container {
	display: none;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 20px;
	border-radius: var(--default-border-radius);
}
.delete-confirmation-center-content {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.delete-confirmation-content {
	position: relative;
	width: 100%;
	padding: 20px;
	background-color: var(--default-clear-color);
	border-radius: var(--default-border-radius);
}
.delete-confirmation-button > * {
	margin: 10px 0;
}
.delete-confirmation-deletion-confirmation {
	display: none;
	position: relative;
	width: 100%;
	padding: 20px;
	background-color: var(--default-clear-color);
	border-radius: var(--default-border-radius);
}
.kitchen-cancel-order-button {
	margin-top: 10px;
}
/*------------------------------------*\
	TOGGLE SWITCH
\*------------------------------------*/
.toggle-button-row {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: stretch;
	margin: 0;
	padding: 7.5px 0 0 0;
}
.togle-button-title {
	display: block;
	width: calc(100% - 70px);
}
.toggle-button,
.assign-name-toggle-button {
	width: 60px;
	height: 30px;
	padding: 5px;
	border-radius: 33px;
	background-color: var(--date-time-picker-button-color);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
	transition: 0.15s ease-out;
}
.toggle-button-active,
.assign-name-toggle-button-active {
	background-color: var(--secondary-color) !important;
}
.toggle-button-switch,
.assign-name-toggle-button-switch {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: var(--default-clear-color);
	position: absolute;
	z-index: 1;
	margin: 0 3px;
	left: 0;
	transition: 0.15s ease-out;
}
.toggle-button-active .toggle-button-switch,
.assign-name-toggle-button-active .assign-name-toggle-button-switch {
	left: calc(100% - 31px)
}
.toggle-button-switch-options,
.assign-name-toggle-button-switch-options {
	display: flex;
	justify-content: stretch;
}
.toggle-button-switch-options > *,
.assign-name-toggle-button-switch-options > * {
	display: block;
	font-size: 13px;
	font-family: 'SSP-Semibold', sans-serif;
	color: var(--primary-color);
	margin: 0 8px;
}
.toggle-button-active .toggle-button-switch-options > *,
.assign-name-toggle-button-active .assign-name-toggle-button-switch-options > * {
	color: var(--secondary-color-contrast);
}
/*------------------------------------*\
	FORM ELEMENTS
\*------------------------------------*/
.form-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	position: relative;
	margin-bottom: 10px;
}
.form-input {
	position: relative;
	margin-top: 10px;
  	margin-bottom: 10px;
}
.bm-prefix-selector {
	position: relative;
	display: flex;
	align-items: center;
	width: 104px;
	height: 50px;
	border: 1.5px solid var(--primary-border-color);
	border-radius: var(--default-border-radius);
	cursor: pointer;
	background-color: var(--default-clear-color);
}
input {
	font-family: 'SSP-Regular', sans-serif;
}
input[type="number"],
input[type="password"],
input[type="text"],
input[type="email"],
input[type="date"],
input[type="time"],
input[type="tel"] {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 54px;
	border: 1.5px solid var(--primary-border-color);
	outline: none;
	border-radius: var(--default-border-radius);
	padding-left: 17px;
	padding-right: 17px;
	-moz-appearance: textfield;
	font-size: 16px;
	padding-top: 13px;
}
input[type="time"] {
	-webkit-appearance: none;
	appearance: none;
	background: none;
	width: 100% !important;
	height: 50px !important;
	padding-left: 17px !important;
	padding-right: 17px !important;
	box-sizing: border-box;
	font-size: 16px;
	border-radius: var(--default-border-radius);
	border: 1.5px solid var(--primary-border-color);
  }
textarea {
	position: relative;
	display: block;
	align-items: center;
	width: 100%;
	border: 1.5px solid var(--primary-border-color);
	outline: none;
	border-radius: var(--default-border-radius);
	margin: 15px 0;
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: 'SSP-Regular', sans-serif;
	resize: none;
	-moz-appearance: textfield;
	font-size: 16px;
	padding-top: 20px;
}
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.animated-input-placeholder {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 17px;
	padding: 0px;
	/* background-color: var(--default-clear-color); */
	transform: translateY(-50%);
	color: var(--placeholder-color);
	transition: all 0.15s ease-in-out;
	pointer-events: none;
	font-family: 'SSP-Semibold', sans-serif;
	white-space: nowrap;
	/* border-top-left-radius: 10px;
	border-top-right-radius: 10px; */
}
input:focus + .animated-input-placeholder,
input:not(:placeholder-shown) + .animated-input-placeholder,
textarea:focus + .animated-input-placeholder,
textarea:not(:placeholder-shown) + .animated-input-placeholder {
	top: 12px;
	left: 20px;
    font-size: 13px;
    color: var(--secondary-color);
	/* background: linear-gradient(0deg, var(--default-clear-color) 50%, var(--dark-color-1) 50%); */
}
.toggle-password .fa-eye {
	position: absolute;
	font-size: 18px;
	right: 15px;
	top: 15px;
	color: var(--placeholder-color);
	cursor: pointer;
}
.toggle-password .fa-eye-slash {
	position: absolute;
	font-size: 18px;
	right: 14px;
	top: 15px;
	color: var(--placeholder-color);
	cursor: pointer;
}
.bm-input-error {
	border: 1.5px solid var(--error-color) !important;
}
.bm-input-error-tooltip {
	display: none;
	position: absolute;
	z-index: 1;
	bottom: calc(100% + 6px);
	left: 50%;
	transform: translateX(-50%);
	padding: 3px 10px;
	background-color: var(--error-color);
	color: var(--error-color-contrast);
	border-radius: var(--default-border-radius);
	font-family: 'SSP-SemiBold', sans-serif;
	white-space: nowrap;
}
.bm-input-error-tooltip::after {
	content: '';
	position: absolute;
	bottom: calc(100% - 38px);
	left: calc(50% - 8px);
	transform: translateY(-50%);
	border-left: 7.5px solid transparent;
	border-right: 7.5px solid transparent;
	border-top: 10px solid var(--error-color);
}
.bm-policy-small-text {
	font-size: 13px;
	display: block;
	margin: 10px 0;
	color: var(--placeholder-color);
}
.bm-required-fields-title {
	margin-top: 15px;
}
.bm-name-val,
.bm-surname-val {
	text-transform: capitalize;
}
.round-button {
	display: flex;
	width: 25px;
  	height: 25px;
	align-items: center;
	justify-content: center;
	border: 1.5px solid var(--primary-border-color);
	border-radius: 50%;
	color: var(--default-clear-color);
	background-color: var(--default-clear-color);
	cursor: pointer
}
.round-button-active {
	border-color: var(--secondary-color);
	background-color: var(--secondary-color);
}
/* COMPLETE REGISTRATION BIRTHDAY FIELDS */
.complete-registration-birthday .form-input:nth-of-type(1) {
	width: 130px;
}
.complete-registration-birthday .form-input:nth-of-type(2) {
	
}
.complete-registration-birthday .form-input:nth-of-type(3) {
	width: 170px;
}
.bm-birthday-selector {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	border-radius: var(--default-border-radius);
	cursor: pointer;
}
.bm-birthday-selector-active {
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}
.bm-birthday-selector-input-active {
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}
.bm-birthday-selector > span > i {
	position: absolute;
	font-size: 13px;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.bm-birthday-options {
	display: none;
	position: absolute;
	z-index: 3;
	top: 37px;
	left: 0;
	width: 100%;
	height: 255px;
	overflow-y: auto;
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: var(--default-clear-color);
	border: 1.5px solid var(--primary-border-color);
	border-top: none;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: var(--default-border-radius);
	border-bottom-right-radius: var(--default-border-radius);
}
.bm-birthday-options li {
	cursor: pointer;
	display: block;
	padding: 10px 17px;
  	border-bottom: 1px solid var(--primary-border-color);
}
.bm-birthday-options li:first-child {
	margin-top: 17px;
	border-top: 1px solid var(--primary-border-color);
}
.bm-birthday-options li:last-child {
	border-bottom: none;
}
/* SCHEDULE AND RESERVATION FORMS */
.reservation-form {
	display: block;
}
.schedule-form {
	display: none;
}
.reservation-form,
.schedule-form {
	position: relative;
	max-width: 400px;
	width: 100%;
	margin: 0 auto;
}
.reservation-form .form-row,
.schedule-form .form-row,
.new-address-form .form-row,
.stored-address-information-form .form-row {
	justify-content: space-between;
	margin-top: 10px;
	margin-bottom: 10px;
}
.new-address-form input::first-letter {
	text-transform: uppercase;
}
.toggle-number-quantity-1 {
	position: relative;
	width: 110px !important;
	height: 40px;
	border-radius: 25px;
	background-color: var(--date-time-picker-button-color);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px;
}
.toggle-number-quantity-1 .guests-number {
	background-color: transparent;
	border: none;
	width: 30px;
	display: block;
	text-align: center;
	color: var(--secondary-color);
	padding: 0 !important
}
.minus-button-quantity-1,
.plus-button-quantity-1 {
	width: 32.5px;
	height: 32.5px;
	color: var(--secondary-color);
	background-color: var(--default-clear-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.date-time-picker-button {
	display: block;
	width: 100%;
	height: 50px;
	background-color: var(--date-time-picker-button-color);
	border-radius: var(--default-border-radius);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.date-time-picker-button i {
	font-size: 20px;
	margin-right: 5px;
	color: var(--secondary-color);
}
.reservation-form input[type="text"],
.reservation-form input[type="time"],
.schedule-form input[type="text"],
.schedule-form input[type="time"] {
	padding-left: 50px !important;
	text-align: center !important;
}
.reservation-form input[type="text"]::placeholder,
.reservation-form input[type="time"]::placeholder,
.schedule-form input[type="text"]::placeholder,
.schedule-form input[type="time"]::placeholder {
	opacity: 1 !important;
}
.input-left-icon i {
	font-size: 20px;
	color: var(--secondary-color);
	position: absolute;
	z-index: 1;
	top: 15px;
	left: 15px;
}
.submit-success-message-container {
	display: none;
	width: 100%;
	border-radius: var(--default-border-radius);
	background-color: var(--success-container-background);
	padding: 20px;
}
.submit-success-message {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin: 15px 0;
}
.submit-success-message i {
	font-size: 40px;
	margin-bottom: 15px;
}
.schedule-re-schedule-form {
	display: none;
}
.schedule-error-message {
	display: none;
}
.submit-success-message-container .button-primary {
	background-color: var(--primary-color) !important;
}
/* ADD NEW ADDRESS FORM */
#new-address-map-container {
	position: relative;
	border-radius: var(--default-border-radius);
	overflow: hidden;
	height: 380px;
	border: 1.5px solid var(--primary-border-color);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}
#new-address-map-container i {
	position: absolute;
	z-index: 1;
	left: 50%;
	top: calc(50% - 19px);
	transform: translateX(-50%) translateY(-50%);
	color: var(--error-color);
	font-size: 37px;
}
#new-address-map-container #new-address-map-container-marker {
	position: absolute;
	z-index: 2;
	left: 50%;
	top: calc(50% - 34px);
	transform: translateX(-50%) translateY(-50%);
	color: var(--error-color);
	height: 70px;
	width: auto;
	object-fit: contain;
}
#new-address-map {
	height: 400px;
	width: 100%;
	display:block;
	position: relative;
	margin-top: 0;
	margin-bottom: 0px;
}
.add-new-address-manual {
	/* display: none; */
}
.add-address-manual-text {
	padding-top: 15px;
	padding-bottom: 15px;
}
.form-row .form-input {
	margin-top: 0;
	margin-bottom: 0;
}
.search-address-input {
	width: calc(100% - 90px);
}
.input-numint {
	width: 100px !important;
}
.input-city {
	width: 50%;
}
.input-zip-code {
	width: 50%;
}
/* STORED ADDRESSES */
.stored-address-list {
	padding: 0;
	margin: 15px 0;
	border: 1.5px solid var(--primary-border-color);
	border-radius: var(--default-border-radius);
	list-style: none;
	overflow: hidden;
}
.stored-address-list-option {
	display: block;
	position: relative;
	padding: 10px 15px;
	border-bottom: 1px solid var(--primary-border-color);
}
.stored-address-list-option:last-child {
	border-bottom: none;
}
.stored-address-list-option-header {
	display: flex;
	align-items: center;
	cursor: pointer;
}
.stored-address-list-option-header-icon i {
	font-size: 25px;
	color: var(--secondary-color);
	margin-right: 10px;
}
.stored-address-list-option-header-chevron {
	position: absolute;
	right: 15px;
	font-size: 13px;
	color: var(--clear-text-color);
}
.stored-address-list-option-body {
	display: none;
}
/* GOOGLE MAPS */
.pac-container {
	width: calc(100% - 53px) !important;
	border: 1.5px solid var(--primary-border-color);
	border-radius: var(--default-border-radius);
	margin-top: 5px;
	cursor: pointer;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}
.pac-container > * {
	padding: 10px 13px;
}
.pac-item {
	font-size: 13px;
	font-family: 'SSP-Regular', sans-serif;
	color: var(--dark-text);
	cursor: pointer !important;
}
.pac-item:first-of-type {
	border-top: none;
}
.pac-item::before {
	content: '\f3c5';
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	margin-right: 10px;
	color: var(--secondary-color);
}
.pac-matched {
	font-size: 13px;
	font-family: 'SSP-Semibold', sans-serif;
	color: var(--primary-color);
}
.pac-container.pac-logo.hdpi::after {
	display: none !important;
}
.pac-icon.pac-icon-marker {
	display: none;
}
/*------------------------------------*\
    MODIFIED CART ALERT
\*------------------------------------*/
#modified-cart-alert {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 101;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.95);
}
#modified-cart-alert > .flex {
	width: 100%;
	height: 100%;
}
#modified-cart-alert-container {
	max-width: 300px;
	width: 100%;
	padding: 20px;
	position: relative;
	background: linear-gradient(0deg, var(--dark-color-1) 0%, var(--dark-semitransparent-color) 100%);
	border-radius: var(--default-border-radius);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 1);
	opacity: 0;
	transform: translateY(50px);
	transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.modified-cart-alert-container-visible {
	opacity: 1 !important;
	transform: translateY(0px) !important;
}
#modified-cart-alert-container .fa-circle-xmark {
	position: absolute;
	z-index: 1;
	top: 10px;
	right: 10px;
	color: var(--clear-text-color);
	font-size: 24px;
	cursor: pointer;
}
/*------------------------------------*\
    CENTERED LOADING SPINNER
\*------------------------------------*/
.screen-overlay-left-slider {
	display: none;
	position: fixed;
	z-index: 100;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}
.screen-overlay {
	display: none;
	position: fixed;
	z-index: 98;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}
.screen-overlay-2 {
	display: none;
	position: fixed;
	z-index: 100;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}
/*------------------------------------*\
    CENTERED LOADING SPINNER
\*------------------------------------*/
.bm-loading-spinner {
	display: none;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: var(--dark-color-1);
}
.bm-center-loading-spinner {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	position: relative;
}
.bm-center-loading-spinner img {
	width: 67px;
	height: auto;
	margin-top: -6px;
}
.bm-center-loading-spinner span {
	display: block;
	text-align: center;
	font-size: 80px;
	color: var(--clear-text-color);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
/*------------------------------------*\
    ANIMATIONS
\*------------------------------------*/
.animate__animated {
	animation-duration: 0.65s !important;	
}
.right-popup-slide {
	position: fixed;
	z-index: 101;
	top: 0;
	right: -100%;
	max-width: 500px;
	width: 100%;
	height: 100%;
	background-color: var(--dark-color-1);
	padding-top: 45px;
	padding-bottom: 60px;
}
.right-popup-slide-show {
	right: 0;
}
.right-popup-content {
	position: fixed;
	height: 100%;
	width: 100%;
	overflow-y: auto;
	padding-left: 13px;
	padding-right: 13px;
	overflow-x: hidden;
	overflow-y: auto;
}
.right-popup-header,
.bottom-popup-header {
	position: fixed;
	z-index: 105;
	top: 0;
	/* left: 50%; */
	/* transform: translateX(-50%); */
	max-width: 980px;
	width: 100%;
	padding: 10px 13px;
	display: flex;
	gap: 15px;
	align-items: center;
	flex-wrap: nowrap;
	background-color: var(--dark-color-1);
	overflow: hidden;
}
.bottom-popup-slide {
	display: none;
	position: fixed;
	z-index: 101;
	bottom: 0;
	left: 0;
	max-width: 500px;
	width: 100%;
	height: 100%;
	background-color: var(--dark-color-1);
	padding-top: 45px;
	padding-bottom: 60px;
}
.product-page-popup-header {
	background-color: transparent !important;
}
.bottom-popup-content {
	position: fixed;
	height: 100%;
	width: 100%;
	overflow-y: auto;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 65px;
}
.close-right-popup-slide {
	font-family: 'Font Awesome 6 Pro';
	font-size: 18px;
	font-weight: 400;
	cursor: pointer;
	width: 40px;
	height: 40px;
	border: 1.5px solid var(--primary-border-color);
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.9);
	color: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
}
.close-bottom-popup-slide {
	font-family: 'Font Awesome 6 Pro';
	font-size: 18px;
	font-weight: 400;
	cursor: pointer;
	width: 40px;
	height: 40px;
	border: 1.5px solid var(--primary-border-color);
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.9);
	color: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
}
.product-page-popup-header .close-right-popup-slide {
	width: 50px;
	height: 50px;
}
.left-popup-slide {
	position: fixed;
	z-index: 101;
	top: 0;
	left: -300px;
	width: 300px;
	height: 100%;
	background-color: var(--dark-color-1);
}
.left-popup-slide-show {
	left: 0;
}
.left-popup-close {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 20px;
	color: var(--primary-border-color);
	cursor: pointer;
	z-index: 2;
}
.text-popup-overlay {
	display: none;
	position: fixed;
	z-index: 110;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--dark-color-1);
}
.text-popup-container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 20px;
}
.text-popup-content {
	position: relative;
	display: block;
	max-width: 300px;
	width: 100%;
	/* padding: 20px;
	background-color: var(--default-clear-color);
	border-radius: var(--default-border-radius);
	border: 1.5px solid var(--primary-border-color); */
}
.close-text-popup {
	position: absolute;
	top: -20px;
	right: -20px;
	font-size: 25px;
	color: var(--clear-text-color);
	cursor: pointer;
}
/* Square popup */
.bm-sq-center-popup {
	display: none;
	position: fixed;
	z-index: 120;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
}
.bm-sq-center-popup-container {
	width: 100%;
	height: 100%;
}
.bm-sq-popup-content {
	position: relative;
	max-width: 300px;
	width: 100%;
	padding: 34px 17px 17px;
	background: linear-gradient(0deg, var(--dark-color-1) 0%, var(--dark-semitransparent-color) 100%);
	border-radius: var(--default-border-radius);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 1);
	opacity: 0;
	transform: translateY(50px);
	transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.bm-sq-popup-content-visible {
	opacity: 1;
	transform: translateY(0px);
}
.bm-sq-popup-content .fa-circle-xmark {
	position: absolute;
	z-index: 1;
	top: 10px;
	right: 10px;
	color: var(--clear-text-color);
	font-size: 24px;
	cursor: pointer;
}
.bm-sq-popup-content span:nth-of-type(1),
.bm-sq-popup-content span:nth-of-type(2) {
	margin-bottom: 10px !important;
}
.bm-sq-popup-content span:nth-of-type(3) {
	margin-bottom: 17px !important;
}
/* Simple calendar */
.bm-simple-calendar-container {
	padding-top: 15px;
}
.bm-simple-calendar {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	margin: 5px 0;
	border: 1.5px solid var(--primary-border-color);
	border-radius: var(--default-border-radius);
	overflow: hidden;
}
.bm-simple-calendar-row {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	width: 100%;
}
.bm-simple-calendar-head-col {
	border: 0.5px solid var(--primary-border-color);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 50px;
	cursor: pointer;
	color: var(--clear-text-color);
	font-family: 'SSP-Semibold', sans-serif;
	/* background-color: var(--default-clear-color); */
}
.bm-simple-calendar-col {
	border: 0.5px solid var(--primary-border-color);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 50px;
	cursor: pointer;
	color: var(--secondary-color);
	font-family: 'SSP-Semibold', sans-serif;
	/* background-color: var(--default-clear-color); */
}
.bm-simple-calendar-col:hover {
	background-color: var(--date-time-picker-button-color);
}
.bm-simple-calendar-col-active {
	color: var(--secondary-color-contrast) !important;
	background-color: var(--secondary-color) !important;
}
.bm-simple-calendar-col-disabled {
	color: var(--placeholder-color);
	pointer-events: none !important;
	font-family: 'SSP-Regular', sans-serif;
}
.bm-simple-calendar-null {
	pointer-events: none !important;
}
.bm-simple-calendar-col-inactive {
	background-color: var(--date-time-picker-button-color);
	pointer-events: none !important;
	color: var(--placeholder-color);
	font-family: 'SSP-Regular', sans-serif;
	background-image: 
		repeating-linear-gradient(
			45deg,
			var(--primary-border-color),
			var(--primary-border-color) 1px,
			var(--dark-color-1) 1px,
			var(--dark-color-1) 5px
		);
}
.bm-simple-calendar-month-name {
   	display: flex;
	width: 100%;
	height: 50px;
	align-items: center;
	justify-content: center;
}
.bm-simple-calendar-prev-slide, .bm-simple-calendar-next-slide {
    display: block;
    margin: 10px auto;
    padding: 5px 10px;
    font-size: 16px;
    cursor: pointer;
}
.bm-simple-calendar-nav-buttons > * {
	width: 40px;
	height: 40px;
	color: var(--secondary-color);
	background-color: var(--date-time-picker-button-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: absolute;
	top: -5px;
}
.bm-simple-calendar-prev-slide {
    left: 10px;
}
.bm-simple-calendar-next-slide {
    right: 10px;
}
.bm-simple-calendar-indicator-closed {
	display: flex;
	align-items: center;
	margin: 10px 0;
	font-size: 13px;
	color: var(--tertiary-color);
}
.bm-simple-calendar-indicator-closed::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	position: relative;
	margin-right: 7px;
	background-color: var(--default-clear-color);
	background-image: 
		repeating-linear-gradient(
			45deg,
			var(--primary-border-color),
			var(--primary-border-color) 1px,
			var(--dark-color-1) 1px,
			var(--dark-color-1) 5px
		);
	border: 1px solid var(--primary-border-color);
	border-radius: 5px;
}
.bm-simple-calendar-container input[name="date"],
.bm-simple-calendar-container input[name="time"] {
	padding-left: 50px !important;
	padding-top: 0 !important;
	height: 50px;
	background-color: var(--default-clear-color);
}
.bm-simple-calendar-container input[name="date"]::placeholder,
.bm-simple-calendar-container input[name="time"]::placeholder {
	opacity: 1 !important;
}
/*------------------------------------*\
    LAUNCH APP PROMOTION
\*------------------------------------*/
.launch-promotion-container {
	display: none;
	position: fixed;
	z-index: 111;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 20px;
}
.launch-promotion-container .flex {
	width: 100%;
	height: 100%;
}
.launch-promotion-content {
	max-width: 300px;
	width: 100%;
	padding: 17px;
	background-color: var(--default-clear-color);
	border: 3px solid var(--secondary-color);
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
	border-radius: var(--default-border-radius);
	overflow: hidden;
}
.launch-promotion-number-container {
	display: block;
	margin: 17px 0 17px 0;
	width: calc(100% + 40px);
	position: relative;
	left: 50%;
	transform: translateX(-50%) rotate(-2deg);
	background-color: var(--secondary-color);
}
.launch-promotion-content .primary-text {
	margin-top: 17px;
}
.launch-promotion-content .secondary-text {
	margin-top: 10px;
}
.launch-promotion-number {
	padding: 0;
	margin: 0;
	font-size: 60px;
	color: var(--secondary-color-contrast);
	display: block;
	text-align: center;
	transform:skewX(-5deg);
	font-family: 'SSP-Bold', sans-serif;
}
.launch-promotion-content.animate__animated {
	animation-duration: 1s !important;
}
.launch-prize-product-text {
	display: block;
	max-width: 64%;
	text-align: left;
	color: var(--default-clear-color);
}
#launch-promotion-product-img {
	position: absolute;
	bottom: -19px;
	right: -20px;
	z-index: -1;
	width: 140px;
	height: auto;
	object-fit: contain;
}
#confetti-canvas {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
#close-launch-promotion {
	position: absolute;
	right: 8px;
	top: 0;
	font-size: 30px;
	z-index: 1;
	cursor: pointer;
	background-color: var(--default-clear-color);
	border-radius: 50%;
}
.launch-prize-product-add-to-cart {
	display: block;
	margin-top: 10px;
	width: fit-content;
	padding: 5px 10px;
	background: linear-gradient(0deg, rgba(189,88,33,1) 0%, rgba(255,120,46,1) 100%);
	border-radius: var(--default-border-radius);
	cursor: pointer;
}
.launch-promotion-bottom-background {
	position: absolute;
	z-index: -2;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 150px;
	background-color: #2e2e2e;
}
/*------------------------------------*\
    BIRTHDAY MESSAGE
\*------------------------------------*/
.birthday-promotion-container {
	display: none;
	position: fixed;
	z-index: 111;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 20px;
}
.birthday-promotion-container .flex {
	width: 100%;
	height: 100%;
}
.birthday-promotion-content {
	max-width: 300px;
	width: 100%;
	padding: 17px;
	background-color: var(--default-clear-color);
	border: 3px solid var(--secondary-color);
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
	border-radius: var(--default-border-radius);
	overflow: hidden;
}
.birthday-promotion-content .primary-text {
	margin-top: 17px;
}
.birthday-promotion-content .secondary-text {
	margin-top: 10px;
}
.birthday-promotion-content.animate__animated {
	animation-duration: 1s !important;
}
#birthday-confetti-canvas {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
#close-birthday-promotion {
	position: absolute;
	right: 8px;
	top: 0;
	font-size: 30px;
	z-index: 1;
	cursor: pointer;
	background-color: var(--default-clear-color);
	border-radius: 50%;
}

/*------------------------------------*\
    REVIEW LAST ORDER
\*------------------------------------*/
.review-order-page-content > .bm-inner-section {
	padding-bottom: 0;
}
.review-order-template-logo img {
	max-width: 180px;
	width: 100%;
	object-fit: contain;
	margin-bottom: 17px;
}
.review-order-form .bm-row > * .review-order-product-row {
	margin-bottom: 10px;
	padding-bottom: 17px;
	border-bottom: 1.5px solid var(--primary-border-color);
}
.review-order-form .bm-row > *:last-of-type .review-order-product-row {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}
.review-order-product-img {
	margin-right: 10px;
}
.review-order-product-review {
	position: relative;
	width: calc(100% - 110px);
}
.review-order-product-img img {
	max-width: 100px;
	width: 100%;
	height: 158px;
	object-fit: cover;
	object-position: center center;
	border-radius: var(--default-border-radius);
	overflow: hidden;
	margin-right: 10px;
}
.review-order-stars {
	position: relative;
	display: flex;
	gap: 10px;
	width: 100%;
}
.review-order-star {
	font-size: 34px;
	padding: 0;
	margin: 0;
	display: inline-block;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
	color: var(--tertiary-color);
	z-index: 2;
	cursor: pointer;
	/* transition: 0.2s ease-in-out; */
}
.review-order-star-filled,
.review-order-star:hover {
	color: var(--review-star-color);
	/* -webkit-text-fill-color: var(--review-star-color) !important;
	-webkit-text-stroke-color: var(--review-star-color) !important; */
}
.review-order-message {
	width: 100%;
	border: 1.5px solid var(--primary-border-color);
	border-radius: calc(var(--default-border-radius) - 10px);
	outline: none;
	display: block;
	resize: none;
	margin: 0;
	padding: 7px 10px !important;
}
.review-order-cancel-submit {
	margin-top: 17px;
	cursor: pointer;
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
/* header */
.header {
	
}
.bm-section {
	margin-bottom: 10px;
	/* background-color: var(--default-clear-color); */
}
.bm-template-section {
	display: block;
	margin: 15px 0;
	padding: 20px 13px;
	background: linear-gradient(0deg, var(--dark-color-1) 0%, var(--dark-semitransparent-color) 100%);
	border-radius: var(--default-border-radius);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
}
.bm-inner-template-section {
	display: block;
	position: relative;
	padding: 15px 0;
}
.bm-inner-template-section > span {
	margin: 5px 0;
}
.bm-inner-template-section-title {
	display: flex;
	align-items: center;
	gap: 6px;
}
.bm-inner-template-section-title i {
	color: var(--secondary-color) !important;
	font-size: 18px;
}
.template-section-description {
	padding: 10px 0;
}
/*------------------------------------*\
	ONBOARDING-TEMPLATE
\*------------------------------------*/
.bm-onboarding {
	position: relative;
	width: 100%;
	background-color: var(--default-clear-color);
	margin: 0 auto;
	padding: 36px;
}
.bm-onboarding-1 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: 500px;
	width: 100%;
	height: 100%;
}
.bm-onboarding-logo {
	display: block;
	text-align: center;
	margin-bottom: 30px;
}
.bm-onboarding-logo > img {
	max-width: 400px;
	height: auto;
}
.bm-onboarding .primary-text,
.bm-onboarding .tertiary-text-semibold {
	margin-bottom: 17px;
}
.bm-onboarding ul.onboarding-features {
	padding: 0;
	margin: 0 0 30px 0;
}
/*------------------------------------*\
	LOGIN.PHP & REGISTER.PHP
\*------------------------------------*/
.bm-login-template {
	display: none;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: transparent;
}
.bm-login-template-container {
	position: relative;
	max-width: 400px;
	width: 100%;
	margin: 0 auto;
	padding: 36px 20px;
}
.bm-login-logo {
	display: block;
	text-align: center;
	margin-bottom: 0px;
}
.bm-login-logo > img {
	width: 220px;
	height: auto;
}
.bm-login-form .secondary-text,
.bm-to-register-form .secondary-text {
	margin-top: 0px;
}
form {
	position: relative;
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
}
.bm-phone-prefix-button {
	padding-left: 15px;
	padding-right: 15px;
	white-space: nowrap;
	width: 100px;
}
.bm-phone-prefix-button > i {
	position: absolute;
	right: 15px;
	top: 15px;
}
.bm-phone-number-input {
	width: calc(100% - 110px);
}
.bm-user-login-form button[type='submit'],
.bm-to-register-form .register-button {
	margin-top: 15px;
}
.register-button {
	width: 250px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.bm-user-send-verification-form button[type='submit'] {
	margin-top: 7px
}
.bm-view-menu-guest {
	display: block;
	margin-top: 20px;
}
.bm-prefix-options {
	display: none;
	position: absolute;
	z-index: 2;
	top: 60px;
	max-width: 400px;
	width: 100%;
	max-height: 326px;
	overflow-y: auto;
	background-color: #ffffff;
	border: 1.5px solid var(--primary-border-color);
	border-radius: var(--default-border-radius);
}
.bm-prefix-options ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.bm-prefix-options ul li {
	padding: 10px 15px;
	border-bottom: 1px solid var(--primary-border-color);
	cursor: pointer;
}
.bm-prefix-options ul li:last-child {
	border-bottom: none;
}
.bm-login-success {
	display: none;
	margin-top: 30px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.stored-address-list-option .bm-login-success {
	margin-top: 15px;
}
.bm-login-success-icon {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--success-icon-background);
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
}
.bm-check-mark {
	width: 40px;
	height: 40px;
	fill: none;
}
.bm-check-mark-animate {
	stroke: #FFFFFF;
	stroke-width: 20;
	fill: none;
	stroke-linecap: round;
	stroke-dasharray: 1300;
	stroke-dashoffset: 1300;
	animation: draw 0.5s ease forwards, fill 0.5s ease 0.5s forwards;
}
@keyframes draw {
	to {
		stroke-dashoffset: 0;
	}
}
@keyframes fill {
	from {
		opacity: 0;
		fill: none;
	}
	to {
		opacity: 1;
		fill: #FFFFFF;
	}
}
.bm-login-welcome-message .secondary-text {
	margin-top: 30px;
}
.bm-login-redirecting {
	display: none;
}
.bm-login-redirecting .tertiary-text-regular {
	margin-top: 15px;
}
.bm-login-error-container {
	display: none;
	margin-top: 15px;
	border: none;
	border-radius: var(--default-border-radius);
	background-color: var(--error-color-banner);
	padding: 15px;
	margin-bottom: 15px;
}
.bm-login-error-columns {
	display: flex;
	gap: 15px;
	align-items: center;
}
.bm-login-error-icon {
	width: 25px;
	color: var(--error-color-banner-contrast);
	font-size: 25px;
}
.bm-login-error-message {
	font-size: 16px;
	display: block;
	color: var(--error-color-banner-contrast);
	font-family: 'SSP-Regular', sans-serif
}
/*------------------------------------*\
	VERIFY-CODE-PHP
\*------------------------------------*/
.bm-verify-code-template {
	position: relative;
	max-width: 230px;
	width: 100%;
	margin: 0 auto;
}
.bm-verify-code-template .bm-login-template-container {
	padding: 36px 0;
}
.bm-verify-code-form > .form-row {
	justify-content: stretch;
	gap: 10px;
	margin-top: 15px;
	width: 100%;
}
.bm-verify-code-form > .form-row span {
	width: 50px;
	height: 65px;
	border: 1.5px solid var(--dark-text);
	border-radius: var(--default-border-radius);
}
.bm-verify-code-form > .form-row input {
	border: none;
	width: 300px;
	height: 80px;
	position: absolute;
	top: -6px;
	left: 0;
	background-color: transparent;
	font-size: 30px;
	font-family: 'Code_New_B', monospace;
	padding-left: 17px;
	letter-spacing: 43px;
	white-space: nowrap;
	color: var(--clear-text-color);
	padding-top: 0 !important;
}
.bm-verify-code-form > .form-row input:focus {
	caret-color: transparent;
}
.bm-verify-code-form .tertiary-text-semibold {
	margin-top: 15px;
}
/*------------------------------------*\
	RESET-PASSWORD.PHP
\*------------------------------------*/
.reset-password-button {
	margin-top: 15px;
}
/*------------------------------------*\
	PRODUCTS SECTION (INDEX.PHP)
\*------------------------------------*/
#home-all-products-reload-overlay {
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--dark-color-1);
	display: none;
}
#home-all-products-reload-overlay .bm-loading-spinner {
	display: block !important;
}
.home-page-products-section {
	background: linear-gradient(0deg, var(--dark-color-2) 0%, var(--dark-color-1) 100%);
	padding-left: 13px;
	padding-right: 13px;
}
/*------------------------------------*\
	HOME-PRODUCT-SEARCH.PHP
\*------------------------------------*/
.home-page-fixed-top-section {
	display: none;
	position: fixed;
	z-index: 5;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	padding-left: 13px;
  	padding-right: 13px;
	padding-bottom: 10px;
	max-width: 980px;
	width: 100%;
	background-color: var(--dark-color-1);
}
/*------------------------------------*\
	HOME-USER-SECTION.PHP
\*------------------------------------*/
.home-user-section {
	position: relative;
	z-index: 2;
}
.user-top-navigation-bar {
	display: flex;
	align-items: center;
	width: 100%;
	position: relative;
}
.main-dots-menu {
	width: 20px;
	padding: 5px 0px 5px 0;
	font-size: 25px;
	color: var(--dark-text);
	cursor: pointer;
}
.main-address-menu {
	min-width: calc(100% - 83px);
	max-width: calc(100% - 83px);
	cursor: pointer;
	border: 1.5px solid transparent;
	padding: 5px 15px;
	position: relative;
}
.main-address-menu-active {
	border: 1.5px solid var(--primary-border-color);
	border-top-left-radius: var(--default-border-radius);
	border-top-right-radius: var(--default-border-radius);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.main-address-selector {
	position: relative;
	display: flex;
	align-items: center;
	gap: 5px;
}
.main-address-selector > i {
	font-size: 30px;
	margin-right: 5px;
	color: var(--secondary-color);
}
.location-and-address-labels {
	min-width: 100%;
}
.location-label {
	width: calc(100% - 66px);
	white-space: nowrap;
	overflow: hidden;
}
.location-label i {
	position: absolute;
	top: 2px;
	right: 0px;
}
.address-label {
	display: block;
	font-size: 16px;
	font-family: 'SSP-Regular', sans-serif;
	color: var(--dark-text);
	width: calc(100% - 48px);
	white-space: nowrap;
	overflow: hidden;
}
.main-user-avatar {
	width: 50px;
	margin-left: 15px;
	cursor: pointer;
}
.main-user-avatar img {
	width: 50px;
	height: 50px;
	/* border-radius: 50%; */
	object-fit: cover;
	object-position: center center;
	overflow: hidden;
}
.main-user-avatar > svg {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
	object-position: center center;
	overflow: hidden;
	fill: var(--primary-border-color);
}
.main-address-options {
	display: none;
	position: absolute;
	left: 0px;
	width: calc(100% + 4px);
  	margin-left: -2px;
	margin-top: 5px;
	border: 1.5px solid var(--primary-border-color);
	background-color: var(--default-clear-color);
	border-bottom-left-radius: var(--default-border-radius);
	border-bottom-right-radius: var(--default-border-radius);
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}
.main-address-list {
	padding: 0;
	margin: 0;
	list-style: none;
	max-height: 260px;
  	overflow-y: auto;
}
.main-address-list li {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 9px 15px;
	border-bottom: 1px solid var(--primary-border-color);
	cursor: pointer;
	position: relative;
}
.main-address-list li:last-child {
	border-bottom: none;
}
.main-address-add-new {
	padding: 9px 15px 9px 35px;
	cursor: pointer;
	position: relative;
	border-top: 1px solid var(--primary-border-color);
	background-color: var(--success-container-background);
	color: var(--success-color);
}
.main-address-add-new i {
	position: absolute;
	left: 15px;
	top: 11px;
}
.select-branch-arrow {
	position: absolute;
	right: 15px;
	font-size: 16px;
	color: var(--placeholder-color);
}
.main-address-no-address-option {
	background-color: var(--date-time-picker-button-color);
}
/* ORDER STRAIGHT TO TABLE */
.order-straight-to-table {
	display: none;
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 100%;
	height: 52px;
	border-radius: calc(var(--default-border-radius) - 15px);
	background-color: var(--success-color);
	padding: 0;
	overflow: hidden;
}
.order-straight-to-table img {
	position: absolute;
	left: 0;
	top: -7px;
	width: auto;
	height: 72px;
	object-fit: contain;
}
.order-straight-to-table > span {
	padding-left: 70px;
	padding-right: 46px;
	line-height: 1.2;
  	margin: 3px 0 0 0;
}
.order-straight-to-table > span:nth-of-type(1) {
	padding-top: 3px;
}
.order-straight-to-table > span:nth-of-type(2) {
	padding-bottom: 3px;
}
.order-straight-to-table i {
	position: absolute;
	z-index: 2;
	top: calc(50% - 10px);
	right: 15px;
	color: var(--clear-text-color);
	font-size: 20px;
	cursor: pointer;
}
/*------------------------------------*\
	HOME-PRODUCT-SEARCH.PHP
\*------------------------------------*/
.home-product-search {
	position: relative;
	z-index: 1;
}
.product-search-form,
.product-search-input {
	margin: 0;
	padding-top: 0 !important;
}
.product-search-form .form-input {
	margin-top: 0;
	margin-bottom: 0;
}
.product-search-form {
	position: relative;
	z-index: 2;
	border-radius: var(--default-border-radius);
	overflow: hidden;
}
.product-search-form:focus-within {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.product-search-input {
	padding-left: 50px !important;
	padding-right: 68px !important;
	height: 48px !important;
	font-family: 'SSP-Semibold', sans-serif !important;
}
.product-search-form .search-icon {
	position: absolute;
	top: 10px;
	left: 20px;
	font-size: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: var(--dark-text);
}
.product-search-form button[type='submit'] {
	position: absolute;
	top: 8px;
	right: 15px;
	font-size: 20px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: var(--secondary-color);
	border: none;
	outline: none;
	border-left: 1.5px solid var(--primary-border-color);
	background-color: transparent;
	cursor: pointer;
}
.product-search-form button[type='reset'] {
	display: none;
	position: absolute;
	top: 8px;
	right: 65px;
	font-size: 20px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: var(--dark-text);
	border: none;
	outline: none;
	background-color: transparent;
	cursor: pointer;
}
.product-search-input-active {
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}
.suggestions-list {
	display: none;
	padding: 0;
	margin: 0;
	margin-top: -1.5px;
	border: 1.5px solid var(--primary-border-color);
	background-color: var(--default-clear-color);
	list-style: none;
	border-bottom-left-radius: var(--default-border-radius);
  	border-bottom-right-radius: var(--default-border-radius);
	max-height: 340px;
	overflow-y: auto;
	position: relative;
	z-index: 1;
}
.suggestions-list li {
	padding: 10px 15px;
	border-bottom: 1px solid var(--primary-border-color);
	cursor: pointer;
}
.suggestions-list li:last-child {
	border-bottom: none;
}
.suggestion-product-details {
	display: flex;
	align-items: center;
	gap: 10px;
}
.suggestion-product-image img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	object-position: center center;
	border-radius: 10px;
	overflow: hidden;
}
.suggestion-product-title {
	display: block;
	font-size: 16px;
	color: var(--primary-color);
	font-family: 'SSP-SemiBold', sans-serif;
}
.suggestion-product-short-description {
	display: block;
	font-size: 16px;
	color: var(--tertiary-color);
	font-family: 'SSP-Regular', sans-serif;
}
.suggestion-product-arrow {
	position: absolute;
	right: 15px;
	font-size: 16px;
	color: var(--placeholder-color);
}
/*------------------------------------*\
	PRODUCT-SEARCH-RESULTS.PHP
\*------------------------------------*/
.product-search-results-container {
	display: none;
}
.product-search-results {
	position: relative;
}
/*------------------------------------*\
	HOME DISPLAY TODAY'S PROMOTIONALS
\*------------------------------------*/
.home-todays-specials {
	display: none;
	/* background-color: var(--default-clear-color); */
	/* padding-top: 10px;
	padding-bottom: 10px;
  	margin-bottom: 10px; */
	margin-top: 8px;
}
.home-promotional-products-carousel {
	position: relative;
	width: 100%;
	/* height: 160px; */
	z-index: 0;
	overflow: hidden;
	/* padding-top: 10px;
	padding-bottom: 10px; */
}
.home-promotional-products .item {
	width: 100%;
	position: relative;
	margin-top: 5px;
	margin-bottom: 15px;
	height: 124px;
	border-radius: var(--default-border-radius);
	/* background: rgb(189,88,33);
	background: linear-gradient(0deg, rgba(189,88,33,1) 0%, rgba(255,120,46,1) 100%);  */
	overflow: hidden;
}
.item-overlay {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 200px;
	background-repeat: repeat;
	opacity: 0.05;
}
.banner-right-img {
	position: absolute;
	z-index: 3;
	width: 220px !important;
	height: auto;
	right: -26px;
	bottom: -22px;
}
.banner-overlay {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.banner-full-img {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: center center;
}
.item-details {
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	padding: 20px;
}
.item-product-name {
	max-width: 200px;
}
.item-product-button {
	display: block;
	width: fit-content;
	margin-top: 15px;
	padding: 5px 10px;
	/* background-color: var(--default-clear-color); */
	color: var(--secondary-color);
	border-radius: var(--default-border-radius);
	cursor: pointer;
}
.item.item-product-button {
	margin-top: 5px !important;
}
.item-loading-spinner {
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: var(--default-clear-color);
	visibility: hidden;
}
.item-loading-spinner-show {
	visibility: visible;
}
.owl-dots {
	text-align: center;
  	/* padding: 5px 0 0 0; */
  	margin-bottom: 0px;
  	margin-top: -10px;
}
.owl-dots span {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: var(--primary-border-color);
	margin: 0 2.5px;
	transition: 0.3s ease-in-out
}
.owl-dot.active span {
	width: 20px;
	background-color: var(--secondary-color);
}
/*------------------------------------*\
	HOME PRODUCT CATEGORIES
\*------------------------------------*/
.home-top-selling-products {
	display: none;
	margin-bottom: -1px;
}
.home-product-categories {
	display: none;
	background-color: var(--dark-color-1);
	padding-bottom: 10px;
	margin-top: 24px;
}
.home-product-categories-list {
	padding: 0;
	margin: 15px 0 0 0;
	list-style: none;
	display: flex;
	align-items: flex-start;
	gap: 15px;
	width: 100%;
	position: relative;
	overflow-x: auto;
}
.home-product-category {
	position: relative;
	z-index: 0;
}
.home-product-current-cat {
	position: absolute;
	z-index: 0;
	width: 83px;
	height: 83px;
	border-radius: var(--default-border-radius);
	background-color: var(--default-clear-color);
	left: 50%;
	transform: translateX(-50%)
}
.home-product-category a {
	position: relative;
	z-index: 1;
}
.home-product-cat-content {
	display: block;
	width: 100%;
	text-align: center;
}
.home-product-cat-image {
	max-width: 110px;
  	width: 110px;
	height: 83px;
	position: relative;
	object-fit: contain;
}
.home-product-cat-name {
	display: block;
	font-size: 20px;
	font-family: 'SSP-Bold', sans-serif;
	white-space: nowrap;
	padding-right: 5px;
	/* border-radius: var(--default-border-radius); */
  	color: var(--tertiary-color);
	/* background-color: var(--dark-text);
	border: 2px solid var(--dark-text); */
}
.home-product-current-cat-active {
	/* border-bottom: 3px solid var(--secondary-color); */
	/* background-color: var(--secondary-color); */
	color: var(--secondary-color);
}
/*------------------------------------*\
	HOME RIBBON MENU
\*------------------------------------*/
.right-ribbon-container {
	position: fixed;
	z-index: 5;
	left: 100%;
	max-width: calc(500px);
	width: 100%;
	padding: 5px 13px;
	background-color: var(--default-clear-color);
	transform: translateX(0%);
	transition: 0.4s ease-in-out;
}
.right-ribbon-container-show {
	left: 100%;
	transform: translateX(-100%);
}
.right-ribbon-container > .flex {
	height: 100%;
	position: relative;
}
.right-ribbon-button {
	position: absolute;
	z-index: 6;
	top: 83%;
	left: -61px;
	height: 100%;
	cursor: pointer;
}
.right-ribbon-button img {
	height: auto;
	width: 50px;
	object-fit: contain;
}
.right-ribbon-content {
	position: relative;
	display: block;
	height: 100%;
	/* border: 3px solid #ff3b00; */
	/* border: 3px solid #000; */
	border-top-left-radius: var(--default-border-radius);
	border-top-right-radius: var(--default-border-radius);
	overflow: hidden;
}
#right-ribbon-content-header-img {
	width: 100%;
	height: auto;
	object-fit: contain;
	border-top-left-radius: calc(var(--default-border-radius) - 5px);
	border-top-right-radius: calc(var(--default-border-radius) - 5px);
	overflow: hidden;
}
.right-ribbon-content-header-text {
	display: block;
	text-align: center;
	padding: 10px 13px 5px 13px;
	background-color: #fee800;
	color: var(--primary-color);
	text-transform: uppercase;
	font-family: 'Subscriber', sans-serif;
	font-size: 16px;
	line-height: 1.3;
}
.right-ribbon-content-menu {
	position: relative;
	height: 100%;
	overflow-y: auto;
	padding-top: 0px;
	/* padding-left: 13px;
	padding-right: 13px;
	border-radius: var(--default-border-radius); */
}
.right-ribbon-content-menu > .flex {
	width: 100%;
	height: 100%;
	font-size: 22px;
}
.right-ribbon-content-close-button {
	position: absolute;
	top: 8px;
	left: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	color: var(--primary-color);
	background-color: var(--default-clear-color);
	border-radius: 50%;
	cursor: pointer;
	opacity: 0.8;
}
.ribbon-cover-image {
	display: block;
	width: 100%;
	height: 150px;
	object-fit: cover;
	object-position: center center;
	margin-bottom: 13px;
	border-bottom-left-radius: var(--default-border-radius);
	border-bottom-right-radius: var(--default-border-radius);
	overflow: hidden;
}
.right-ribbon-content-menu .products-list-product {
	width: 100% !important;
}
.right-ribbon-content-menu .product-list-view-details-button {
	background-color: #ff3b00;
	border: 3px solid var(--default-clear-color);
}
/*------------------------------------*\
	HOME PRODUCT DISPLAY
\*------------------------------------*/
.home-all-products {
	display: none;
	position: relative;
	z-index: 0;
}
.product-row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	flex-wrap: nowrap;
	padding: 3px 0;
	margin: 0 0 15px 0;
	list-style: none;
	overflow-x: auto;
	overflow-y: hidden;
}
.product-item {
	min-width: 124px;
	max-width: 124px;
  	height: auto;
	padding-top: 10px;
	position: relative;
}
.wishlist-product-button {
	position: absolute;
	z-index: 1;
	font-size: 24px;
	top: 15px;
	left: 10px;
	color: var(--default-clear-color);
	cursor: pointer;
}
.wishlist-all-product-button {
	position: absolute;
	z-index: 1;
	font-size: 24px;
	top: 5px;
	left: 8px;
	color: var(--clear-text-color);
	cursor: pointer;
	text-shadow: 0px 2px 5px black;
}
.wishlist-product-button-selected {
	color: var(--wishlist-selected) !important;
}
.product-item-image-container {
	position: relative;
	width: 124px;
	height: 124px;
}
.product-item-image {
	width: 124px;
	height: 124px;
	object-fit: cover;
	object-position: center center;
	border-radius: var(--default-border-radius);
	overflow: hidden;
	cursor: pointer;
}
.product-item-plus {
	position: absolute;
	z-index: 2;
	right: -10px;
	bottom: -10px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	color: var(--default-clear-color);
	background-color: var(--secondary-color);
	border: 5px solid var(--dark-color-1);
	border-radius: 50%;
}
.product-item-loading-spinner {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 124px;
	height: 124px;
	background-color: rgba(0, 0, 0, 0.2);
	color: var(--default-clear-color);
	border-radius: var(--default-border-radius);
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.product-item-loading-spinner-show {
	visibility: visible;
}
.product-item-details {
	cursor: pointer;
}
.product-item-title {
	display: block;
	font-size: 16px;
	font-family: 'SSP-Regular', sans-serif;
	line-height: 18px;
	color: var(--dark-text);
	padding-top: 5px;
}
.product-item-price {
	display: block;
	font-size: 18px;
	font-family: 'SSP-Bold', sans-serif;
	line-height: 18px;
	color: var(--clear-text-color);
	padding-top: 5px;
}
.home-product-list {
	display: block;
	padding-top: 5px;
}
.home-product-category-title {
	margin: 0px 0 15px 0;
	padding: 7.5px 10px;
	background: linear-gradient(0deg, var(--dark-color-1) 0%, var(--dark-semitransparent-color) 100%);
	border-radius: var(--default-border-radius);
	text-align: center;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
}
.products-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}
.products-list-product {
	display: flex;
	gap: 15px;
	align-items: center;
	width: 100%;
	padding: 0px 0px 13px 0px;
	border-bottom: 1px solid var(--dark-semitransparent-color);
	position: relative;
}
.products-list-product-not-available {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(33, 33, 33, 0.9);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--default-clear-color);
}
.products-list-product:last-child {
	border-bottom: none;
}
.product-list-image-container {
	position: relative;
	width: 124px;
	height: 124px;
}
.product-list-image {
	width: 124px;
	height: 124px;
	object-fit: cover;
	object-position: center center;
	border-radius: var(--default-border-radius);
	overflow: hidden;
	cursor: pointer;
}
.product-list-view-details-button {
	position: absolute;
	z-index: 2;
	right: -10px;
	bottom: -10px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--secondary-color);
	color: var(--default-clear-color);
	border: 5px solid var(--dark-color-2);
	cursor: pointer;
}
.product-list-view-details-button i {
	position: relative;
	top: 41%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.product-list-loading-spinner {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 124px;
	height: 124px;
	background-color: rgba(0, 0, 0, 0.2);
	color: var(--default-clear-color);
	border-radius: var(--default-border-radius);
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.product-list-loading-spinner-show {
	visibility: visible;
}
.product-list-details {
	position: relative;
	width: calc(100% - 139px);
	cursor: pointer;
}
.product-list-title {
	font-size: 18px;
	width: 100%;
	display: block;
	margin-bottom: 3px;
	font-family: 'SSP-Semibold', sans-serif;
}
.product-list-description {
	font-size: 16px;
	display: block;
	margin: 0px 0px 7.5px 0;
	font-family: 'SSP-Regular', sans-serif;
}
.price-options {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	list-style: none;
	margin-left: -3px;
}
.price-option {
	display: flex;
	align-items: center;
}
.price-option-title {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 23px;
	background-color: var(--secondary-color);
	color: var(--clear-text-color);
	font-size: 11px;
	border-radius: 50%;
	border: 4px solid var(--dark-color-1);
	margin-right: -7px;
	z-index: 1;
	color: var(--dark-color-1);
	font-family: 'SSP-Bold', sans-serif;
}
.price-option-price {
	display: block;
	width: 100%;
	padding: 1px 5px 1px 10px;
	color: var(--clear-text-color);
	background-color: var(--primary-color);
	border-radius: 20px;
	font-size: 13px;
	text-align: center;
	font-family: 'SSP-Bold', sans-serif;
}
/*------------------------------------*\
	HOME-USERS-MENU.PHP
\*------------------------------------*/

/*------------------------------------*\
	PRODUCT-PAGE.PHP
\*------------------------------------*/
.home-product-page {
	position: relative;
	background-color: transparent;
}
.wishlist-product-page-button {
	font-size: 18px;
	font-weight: 400;
	cursor: pointer;
	width: 50px;
	height: 50px;
	border: 1.5px solid var(--primary-border-color);
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.9);
	color: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 20px;
}
.product-page-image {
	position: fixed;
	z-index: 103;
	top: -40px;
	left: 0;
	width: 100%;
	height: 430px;
}
.product-page-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
.product-page-container {
	position: relative;
	z-index: 104;
	top: 26px;
	width: 100%;
	height: 100vh;
	background-color: transparent;
	border-top-left-radius: calc(var(--default-border-radius) + 5px);
	border-top-right-radius: calc(var(--default-border-radius) + 5px);
	overflow-y: auto;
	overflow-x: hidden;
}
.product-page-container-top-space {
	display: block;
	position: relative;
	width: 100%;
	height: 290px;
}
.product-page-information {
	display: block;
	position: relative;
	width: 100%;
	padding: 20px 13px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	background-color: var(--dark-color-2);
}
.product-page-information-top-container {
	position: relative;
	background-color: var(--dark-color-2);
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	padding-bottom: 15px;
}
.product-page-information-top,
.product-page-ratings-points {
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: space-between;
	width: 100%;
}
.product-icon-label {
	position: absolute;
	top: -40px;
	left: 0;
	padding: 5px 10px;
	border-radius: 10px;
	/* background-color: var(--secondary-color); */
	color: var(--clear-text-color);
	text-transform: uppercase;
	font-family: 'SSP-Bold', sans-serif;
	font-size: 13px;
	width: fit-content !important;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
	display: flex;
	align-items: center;
}
.product-icon-label i {
	font-size: 20px;
	margin-right: 5px;
}
.product-page-information-top > span {
	width: calc(100% - 145px);
}
.product-page-quantity-form {
	width: 130px;
	height: 50px;
	background-color: var(--date-time-picker-button-color);
	border-radius: 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: nowrap;
}
.product-page-quantity-form input,
.bm-product-option-quantity input,
.cart-item-quantity-form input {
	padding-top: 1px !important;
}
.minus-product-page-button,
.plus-product-page-button {
	width: 40px;
	height: 40px;
	background-color: var(--default-clear-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: var(--primary-color);
	cursor: pointer;
}
.minus-product-page-button {
	margin-left: 5px;
}
.plus-product-page-button {
	margin-right: 5px;
}
.number-product-page-input {
	display: block;
	width: calc(100% - 90px) !important;
	text-align: center;
	border: none !important;
	background-color: transparent !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.product-page-ratings-points {
	margin-top: 10px;
}
.product-page-points-amount {
	padding: 3px 8px;
	font-size: 16px;
	background-color: var(--secondary-color);
	color: var(--default-clear-color);
	border-radius: 30px;
}
.product-page-inner-container {
	position: relative;
	width: 100%;
	background-color: var(--dark-color-2);
	padding-bottom: 120px;
}
.product-page-inner-container p {
	color: var(--clear-text-color);
}
/* PORCIONES */
.product-page-inner-section-description {
	margin: 0 0 7.5px 0;
}
.product-page-portion-list {
	display: flex;
	position: relative;
	/* gap: 30px; */
	list-style: none;
	padding: 0;
	margin: 17px 0;
	padding-left: 17px;
}
.product-page-portion {
	display: block;
	width: 100%;
	margin-left: auto;
	/* padding: 3px; */
	background-color: var(--date-time-picker-button-color);
	border-radius: var(--default-border-radius);
	cursor: pointer;
	position: relative;
}
.product-page-portion.animate__animated {
	animation-duration: 1s !important;
}
.product-page-portion::before {
	content: '\f00c';
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	width: 45px;
	height: 45px;
	background-color: var(--date-time-picker-button-color);
	color: var(--date-time-picker-button-color);
	border-radius: 50%;
	border: 6px solid var(--dark-color-1);
	position: absolute;
	left: -22px;
  	top: 50%;
  	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.portion-selected,
.product-page-portion.portion-selected::before {
	background-color: var(--secondary-color);
	color: var(--clear-text-color);
}
.portion-title {
	padding: 1px;
	color: var(--primary-color);
}
.portion-selected .portion-title {
	color: var(--secondary-color-contrast);
}
.product-page-portion-price {
	display: block;
	width: 100%;
	text-align: center;
	padding: 1px;
	width: 100%;
	color: var(--primary-color);
	background-color: var(--default-clear-color);
	border-bottom-left-radius: calc(var(--default-border-radius) - 3px);
  	border-bottom-right-radius: calc(var(--default-border-radius) - 3px);
}
/* PRODUCT VARIATIONS */
.bm-product-option-section {
	display: block;
	padding: 13px;
	/* background-color: var(--dark-semitransparent-color);
	border-radius: var(--default-border-radius); */
	margin: 17px 0 17px 0;
	background: linear-gradient(0deg, var(--dark-color-1) 0%, var(--dark-semitransparent-color) 100%);
	border-radius: var(--default-border-radius);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
}
.product-page-inner-section-title {
	position: relative;
	display: block;
}
.bm-product-list {
	padding: 0;
	margin: 7.5px 0 0 0;
	list-style: none;
}
.bm-product-list-option {
	display: flex;
	align-items: center;
	gap: 10px;
	border-bottom: 0.5px solid var(--primary-border-color);
	padding: 10px 0;
}
.bm-product-list-option:last-child {
	border-bottom: none;
}
.bm-product-option-unavailable {
	pointer-events: none;
}
.bm-product-option-unavailable-badge {
	padding: 3px 5px;
	background-color: var(--secondary-color);
	color: var(--secondary-color-contrast);
	border-radius: 30px;
	display: inine-block;
	text-align: center;
	white-space: nowrap;
}
.product-page-badges-symbiols {
	gap: 17px;
	font-size: 13px;
	color: var(--tertiary-color);
	margin-top: 17px;
	font-family: 'SSP-Semibold', sans-serif;
}
.product-page-badges-symbiols > * {
	display: flex;
	align-self: center;
}
.bm-product-select-required-badge,
.bm-product-select-optional-badge {
	margin-left: 8px;
	display: inline-block;
	width: fit-content;
	border-radius: 50px;
	width: 15px;
	height: 15px;
	position: relative;
	top: 5px;
	/* font-size: 10px; */
	/* padding: 2px 4px; */
}
.product-page-inner-section-title .bm-product-select-required-badge,
.product-page-inner-section-title .bm-product-select-optional-badge {
	position: absolute;
  	right: 0;
}
.product-page-badges-symbiols .bm-product-select-required-badge,
.product-page-badges-symbiols .bm-product-select-optional-badge {
	margin-left: 4px;
	top: 1px;
}
.bm-product-select-required-badge {
	border: 2px solid var(--error-color);
	background-color: var(--error-color);
	color: var(--clear-text-color);
}
.bm-product-select-optional-badge {
	border: 2px solid var(--clear-text-color);
	background-color: transparent;
	color: var(--clear-text-color);
}
.bm-product-select-required-badge-selected {
	border: 2px solid var(--success-color);
	background-color: var(--success-color);
}
.bm-product-option-unavailable .bm-product-list-option-select {
	opacity: 0.5;
	filter: grayscale(100);
}
.bm-product-list-option-select {
	display: flex;
	align-items: center;
	gap: 10px;
	width: calc(100% - 36px);
	cursor: pointer;
}
.bm-product-option-thumbnail {
	width: 40px;
	height: 40px;
	object-fit: cover;
	object-position: center center;
	/* border-radius: 50%; */
	overflow: hidden;
}
.bm-product-list-option-details {
	width: calc(100% - 80px);
}
.bm-product-option-container {
	width: 110px;
}
.bm-product-option-quantity-form {
	display: none;
}
.bm-product-option-quantity {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 88px;
	height: 34px;
	border-radius: 26px;
	/* padding: 3px; */
	/* background-color: var(--date-time-picker-button-color); */
}
.option-minus,
.option-plus {
	display: flex;
  	align-items: center;
  	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid var(--primary-border-color);
	background-color: var(--default-clear-color);
	cursor: pointer;
	opacity: 1;
	color: var(--primary-color);
}
.option-button-disabled {
	pointer-events: none !important;
	opacity: 0.5;
}
.bm-product-option-quantity input[type="number"] {
	display: block;
	width: calc(100% - 70px) !important;
	text-align: center;
	border: none !important;
	background-color: transparent !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.product-page-reviews {
	display: block;
	padding: 17px 0;
	margin: 0;
}
.bm-product-page-reviews {
	padding: 0;
	margin: 0;
	list-style: none;
}
.bm-product-page-review {
	position: relative;
	padding: 10px 0;
	border-top: 1.5px solid var(--primary-border-color);
	/* border-radius: var(--default-border-radius); */
	display: block;
	margin-top: 10px;
}
.review_star_yellow {
	color: var(--review-star-color);
}
.review_star_grey {
	color: var(--primary-border-color);
}
.review-likes {
	position: absolute;
	top: 10px;
	right: 0;
	display: flex;
	align-items: center;
	z-index: 1;
}
.dislike-review-button {
	margin-right: 5px;
}
.like-review-button,
.dislike-review-button {
	background: none;
	outline: none;
	border: none;
	display: flex;
	align-items: flex-end;
	cursor: pointer;
	font-size: 13px;
	font-family: 'SSP-Semibold', sans-serif;
	padding: 0 !important;
}
.like-review-button i,
.dislike-review-button i {
	font-size: 25px;
	margin-right: 5px;
}
.like-review-button i.fa-light,
.dislike-review-button i.fa-light {
	color: var(--dark-text);
}
.like-review-button i.fa-solid,
.dislike-review-button i.fa-solid {
	color: var(--tertiary-color);
}
/* PRODUCT PAGE FOOTER */
.product-page-footer {
	position: fixed;
	z-index: 105;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: var(--dark-color-1);
	padding: 15px 20px 15px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#product-page-footer-price {
	display: block;
	width: 160px;
}
#product-page-footer-add-to-cart-price {
	margin-left: 5px;
}
/*------------------------------------*\
	SELECT-BRANCH.PHP
\*------------------------------------*/
.select-branch-cities {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1.5px solid var(--primary-border-color);
	border-radius: var(--default-border-radius);
	overflow: hidden;
}
.select-branch-city-dropdown {
	display: block;
	position: relative;
	border-bottom: 1px solid var(--primary-border-color);
}
.select-branch-city-dropdown:last-of-type {
	border-bottom: none;
}
.select-branch-title {
	padding: 10px 20px;
	cursor: pointer;
	background-color: var(--dark-color-1);
	color: var(--clear-text-color) !important;
	transition: 0.3s;
}
.select-branch-title-active {
	background-color: var(--secondary-color);
	color: var(--secondary-color-contrast);
}
.select-branch-title i {
	position: absolute;
	right: 20px;
}
.select-branch-list {
	display: none;
	padding: 0;
	margin: 0;
	list-style: none;
}
.select-branch-option {
	padding: 9px 15px;
	border-bottom: 1px solid var(--primary-border-color);
}
.select-branch-option-button {
	display: flex;
	align-items: center;
	gap: 15px;
	cursor: pointer;
}
.select-branch-option:last-child {
	border-bottom: none;
}
.select-branch-option-button .main-address-details {
	width: calc(100% - 40px);
}
.main-address-details.custom-address {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.main-address-details-reservation-message {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 35px;
}
.main-address-details-reservation-message i {
	margin-right: 5px;
	color: var(--secondary-color);
}
.main-address-details-contact-buttons {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-left: 35px;
}
.main-address-details-contact-button {
	display: block;
	font-size: 20px;
	padding: 5px 10px;
	border: 1px solid var(--primary-border-color);
	color: var(--tertiary-color);
	border-radius: 10px;
}
/*------------------------------------*\
	FOOTER.PHP
\*------------------------------------*/
.footer-notification {
	display: none;
	position: fixed;
	z-index: 99;
	bottom: 60px;
	left: 0;
	width: 100%;
	padding: 5px 20px;
	font-size: 13px;
	font-family: 'SSP-Bold', sans-serif;
}
.product-added-to-cart {
	background-color: var(--success-color);
	color: var(--default-clear-color);
}
.bm-apps-menu {
	display: none;
	position: fixed;
	z-index: 100;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 60px;
	background-color: var(--dark-color-2);
}
.bm-apps-menu-container {
	position: relative;
	max-width: 500px;
	width: 100%;
	padding: 15px 10px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}
.bm-apps-menu-option {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: var(--tertiary-color);
	width: 100%;
	position: relative;
	cursor: pointer;
}
.bm-apps-menu-option-title {
	font-size: 10px;
	display: block;
	margin-top: 5px;
}
.bm-apps-menu-option > i {
	font-size: 23px;
}
.bm-apps-menu-option-active > * {
	color: var(--secondary-color);
}
.new-orders-count,
.wishlist-count,
.cart-items-count {
	position: absolute;
	z-index: 1;
	width: 23px;
	height: 23px;
	background-color: var(--wishlist-selected);
	border-radius: var(--default-border-radius);
	top: -10px;
	right: 13px;
	border: 3px solid var(--dark-color-2);
}
.new-orders-count-number,
.wishlist-count-number,
.cart-items-count-number {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	color: var(--default-clear-color);
}
.general-button-disabled {
	pointer-events: none !important;
}
/* BUSINESS HOURS */
.business-hours-header-logo {
	display: block;
	width: 100%;
	height: auto;
	/* border-radius: var(--default-border-radius);
	overflow: hidden; */
	margin-bottom: 15px;
}
.business-hours .secondary-text {
	margin-bottom: 10px;
}
.busines-hours-row {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}
.busines-hours-row > * {
	margin: 5px 0;
}
.is-not-within-business-hours {
	display: none;
	margin: 20px 0;
	padding: 0 0 0 10px;
	border-left: 4px solid var(--error-color);
}
.is-not-within-business-hours span:nth-child(1) {
	margin-bottom: 10px;
}
/*------------------------------------*\
	CART PAGE
\*------------------------------------*/
.cart-page-content .bm-inner-section {
	padding-bottom: 0px;
}
.order-button-container {
	display: none;
	position: relative;
	width: 100%;
	/* height: 70px; */
	/* padding: 0 20px; */
	/* background-color: var(--default-clear-color); */
}
.order-button-content {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: relative;
}
.order-button-slide-container {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 50px;
	top: 0px;
	left: 0;
	background-color: transparent;
}
.order-button-switch {
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 0;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--default-clear-color);
	background-color: var(--success-color);
	border-radius: var(--default-border-radius);
	font-size: 20px;
}
.preorder-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	font-size: 18px;
	font-family: 'SSP-Bold', sans-serif;
	border: none;
	outline: none;
	border-radius: var(--default-border-radius);
	cursor: pointer;
	background-color: var(--success-color);
	color: var(--default-clear-color);
}
.preorder-cancel-button.animate__animated,
.order-button.animate__animated {
	animation-duration: 1s !important;
}
#preorder-cancel-confirm-buttons-overlay {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--dark-color-1);
	opacity: 1;
	border-radius: var(--default-border-radius);
	overflow: hidden;
	transition: 0.3s ease-in-out;
}
#preorder-cancel-confirm-buttons {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#preorder-cancel-confirm-buttons .flex {
	position: relative;
	z-index: 3;
	gap: 10px;
}
#preorder-cancel-confirm-buttons span {
	position: relative;
	z-index: 1;
	display: block;
	justify-content: space-between;
	text-align: center;
	border-radius: var(--default-border-radius);
	padding: 13px 20px;
	cursor: pointer;
}
#preorder-cancel-confirm-buttons span.preorder-cancel-button {
	width: fit-content;
	background-color: var(--secondary-color) !important;
	color: var(--secondary-color-contrast);
}
#preorder-cancel-confirm-buttons span.order-button {
	color: var(--default-clear-color);
	background-color: var(--success-color);
	width: 100%;
}
.order-button-disabled {
	pointer-events: none !important;
}
.order-button-total {
	margin-left: 10px;
}
.cart-earn-points-container {
	overflow: hidden;
}
.cart-earn-points-message {
	position: relative;
	margin: 5px 0;
}
.cart-earn-points-message i {
	position: absolute;
	bottom: -40px;
	right: -20px;
	transform: rotate(-20deg);
	font-size: 80px;
	color: var(--secondary-color);
	opacity: 0.2;
}
.cart-earned-points {
	padding: 3px 3px;
	background-color: var(--secondary-color);
	color: var(--default-clear-color);
	border-radius: 3px;
}
/* CART-ITEMS.PHP */
.empty-cart-img {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}
.empty-cart-img img {
	max-width: 200px;
	width: 100%;
	height: auto;
	object-fit: contain;
}
.cart-items-list {
	padding: 0;
	margin: 0;
	list-style: none;
}
.cart-item {
	position: relative;
	padding: 5px 0;
	border-bottom: 1px solid var(--primary-border-color);
}
.cart-item:last-child {
	border-bottom: none;
}
.cart-item-header {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}
.cart-item-thumbnail {
	display: block;
	width: 50px;
}
.cart-item-thumbnail img {
	width: 50px;
	height: 50px;
	border-radius: 10px;
	object-fit: cover;
	object-position: center center;
	overflow: hidden;
}
.cart-item-name {
	display: block;
	width: calc(100% - 160px);
}
.cart-item-variation-selector {
	white-space: nowrap;
	display: block;
	font-size: 13px;
}
.cart-item-price {
	display: block;
	width: 88px;
	text-align: right;
}
.cart-item-quantity-form {
	display: flex;
	width: 90px;
	height: 30px;
	align-items: center;
	justify-content: space-evenly;
	padding: 3px;
	margin-bottom: 10px;
	/* background-color: var(--date-time-picker-button-color); */
	border-radius: 25px;
}
.cart-item-quantity-minus-button,
.cart-item-quantity-plus-button {
	width: 24px;
	height: 24px;
	color: var(--primary-color);
	background-color: var(--default-clear-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.cart-item-quantity-input {
	display: block;
	width: 36px !important;
	text-align: center;
	border: none !important;
	background-color: transparent !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.cart-item-delete-button {
	font-size: 16px;
	color: var(--error-color);
}
.cart-item-variations {
	display: none;
	padding: 0px;
}
.cart-item-variations-header {
	display: flex;
	width: 100%;
	gap: 10px;
	padding: 10px 0 5px 0;
	border-bottom: 1px solid var(--primary-border-color);
}
.cart-item-variations-header span:nth-child(1),
.cart-item-variation span:nth-child(1) {
	display: block;
	width: 30px;
}
.cart-item-variations-header span:nth-child(2),
.cart-item-variation span:nth-child(2) {
	display: block;
	width: calc(100% - 170px);
}
.cart-item-variations-header span:nth-child(3),
.cart-item-variation span:nth-child(3) {
	display: block;
	width: 50px;
	white-space: nowrap;
}
.cart-item-variations-header span:nth-child(4),
.cart-item-variation span:nth-child(4) {
	display: block;
	width: 60px;
	white-space: nowrap;
}
.cart-item-variations-list {
	padding: 0;
	margin: 0;
	list-style: none;
}
.cart-item-variation {
	display: flex;
	gap: 10px;
	padding: 6px 0;
	border-bottom: 1px solid var(--primary-border-color);
}
.cart-item-variation:last-child {
	border-bottom: none;
}
.cart-item-deletion {
	display: none;
	position: fixed;
	z-index: 101;
	top: 0;
	left: 0;
	max-width: 500px;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.7);
}
.cart-item-deletion-container {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}
.cart-item-deletion-content {
	position: relative;
	display: none;
	max-width: 400px;
	width: 100%;
	padding: 20px;
	background-color: var(--default-clear-color);
	border-radius: var(--default-border-radius);
	border: 1.5px solid var(--primary-border-color);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}
.cart-item-deletion-buttons {
	display: flex;
	margin-top: 15px;
	gap: 10px;
	align-items: center;
}
/* DELIVERY-MODE.PHP */
.delivery-mode-delivery {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: stretch;
}
.delivery-mode-edit-button {
	padding: 10px 0px 10px 10px;
	font-size: 20px;
	color: var(--secondary-color);
	cursor: pointer;
}
.delivery-mode-schedule-form-header {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: stretch;
	margin: 0;
	padding: 7.5px 0 0 0;
}
.delivery-mode-schedule-form-title {
	display: block;
	width: calc(100% - 70px);
}
.delivery-mode-schedule-form-toggle-button {
	width: 60px;
	height: 30px;
	padding: 5px;
	border-radius: 33px;
	background-color: var(--date-time-picker-button-color);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
	transition: 0.15s ease-out;
}
.toggle-button-active {
	background-color: var(--secondary-color) !important;
}
.delivery-mode-schedule-form-toggle-switch {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: var(--default-clear-color);
	position: absolute;
	z-index: 1;
	margin: 0 3px;
	left: 0;
	transition: 0.15s ease-out;
}
.toggle-button-active .delivery-mode-schedule-form-toggle-switch {
	left: calc(100% - 31px)
}
.delivery-mode-schedule-form-switch-options {
	display: flex;
	justify-content: stretch;
}
.delivery-mode-schedule-form-switch-options > * {
	display: block;
	font-size: 13px;
	font-family: 'SSP-Semibold', sans-serif;
	color: var(--primary-color);
	margin: 0 8px;
}
.toggle-button-active .delivery-mode-schedule-form-switch-options > * {
	color: var(--secondary-color-contrast);
}
.delivery-mode-schedule-calendar-form {
	display: none;
}
.delivery-mode-schedule-date {
	padding-left: 23px;
	margin: 5px 0;
}
.cart-schedule-buttons {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	width: 100%;
	gap: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.cart-re-schedule-form,
.cart-re-reserve-form {
	display: none;
}
.cancel-re-schedule-order-button,
.cancel-re-reserve-order-button {
	display: block;
	text-align: center;
	padding: 10px 15px;
	background-color: var(--date-time-picker-button-color);
	border-radius: var(--default-border-radius);
	cursor: pointer;
}
.cart-schedule-error-message {
	display: none;
}
.cart-delivery-mode-no-mode {
	gap: 10px;
	align-items: flex-end;
}
.cart-delivery-mode-no-mode .form-col:first-of-type {
	width: calc(100% - 110px);
}
.cart-delivery-mode-no-mode .form-col:last-of-type {
	width: 100px;
}
.cart-delivery-mode-no-mode img {
	width: 100px;
	height: 115px;
	object-fit: cover;
	object-position: top left;
	border-bottom: 1.5px solid var(--secondary-color);
	border-right: 1.5px solid var(--secondary-color);
	border-bottom-right-radius: var(--default-border-radius);
}
.branch-missing {
	margin-bottom: 10px;
}
/* TIP OPTIONS */
.tip-options-header {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.tip-options-header-text {
	width: calc(100% - 110px);
}
.tip-options-header-image {
	width: 100px;
}
.tip-options-header-image img {
	width: 100px;
	height: 87px;
	object-fit: cover;
	object-position: top left;
	border-bottom: 2px solid var(--secondary-color);
	/* border-right: 1.5px solid var(--secondary-color); */
	border-bottom-right-radius: var(--default-border-radius);
}
.tip-options-list {
	max-width: 500px;
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	gap: 10px;
	flex-wrap: nowrap;
	padding: 0;
	margin: 0;
}
.tip-option {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
	border: 1.5px solid var(--secondary-color);
	border-radius: calc(var(--default-border-radius) - 10px);
	background-color: var(--default-clear-color);
	cursor: pointer;
}
.tip-option-percentage {
	font-size: 16px;
	padding: 3px 10px 0px 10px;
	font-family: 'SSP-Semibold', sans-serif;
	color: var(--secondary-color);
}
.tip-option-total {
	font-size: 16px;
	font-family: 'SSP-Bold', sans-serif;
	color: var(--primary-color);
	padding: 0px 10px 3px 10px;
}
.tip-option-popular-label {
	display: block;
	padding: 3px 10px;
	background-color: var(--secondary-color);
	color: var(--secondary-color-contrast);
	font-family: 'SSP-Semibold', sans-serif;
	font-size: 10px;
	white-space: nowrap;
	border-bottom-left-radius: calc(var(--default-border-radius) - 11px);
	border-bottom-right-radius: calc(var(--default-border-radius) - 11px);
	margin-bottom: 0;
}
.tip-option-selected {
	border: 1.5px solid var(--secondary-color);
	background-color: var(--secondary-color);
}
.tip-option-selected > * {
	color: var(--secondary-color-contrast) !important;
}
.tip-option-selected::after {
	content: '\f056';
	position: absolute;
	top: -8px;
  	right: -6px;
	font-size: 20px;
	color: var(--primary-color);
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	background-color: var(--default-clear-color);
  	border-radius: 50%;
  	border: 2px solid var(--default-clear-color);
}
.tip-option-selected .tip-option-popular-label {
	background-color: var(--secondary-color-contrast) !important;
	color: var(--secondary-color) !important;
}
/* PAYMENT METHODS */
.cart-payment-options-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
}
.edit-payment-options-button {
	font-size: 20px;
	cursor: pointer;
}
.cart-payment-methods-list {
	margin: 10px 0;
}
.cart-payment-methods-list .owl-stage-outer {
	margin-bottom: 10px;
}
.cart-payment-methods-list .item {
	position: relative;
	padding: 5px;
	overflow: hidden;
	border-radius: var(--default-border-radius);
	cursor: pointer;
}
.cart-payment-method-container {
	position: relative;
	width: 100%;
    padding-bottom: 63.1%; /* Keep 1.585 aspect ratio */
    position: relative;
	border-radius: 12px;
}
.cart-payment-method-container-disabled {
	position: absolute;
	z-index: 5;
	top: -5px;
	left: -5px;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	background-color: var(--default-clear-color-semitrans);
	border: 2px solid var(--primary-border-color);
	border-radius: var(--default-border-radius);
	padding: 17px;
}
.cart-payment-method-container-disabled > .flex {
	width: 100%;
	height: 100%;
}
.payment-type-disabled {
	pointer-events: none !important;
}
.cash-payment-type {
	background-color: #eeeeee;
}
.points-payment-type {
	background-color: var(--secondary-color);
}
.cart-cash-payment-method-img {
	position: absolute;
	bottom: -30px;
	right: -30px;
	width: 200px !important;
	height: auto;
	object-fit: cover;
	object-position: top left;
}
.card-type-visa {
	background-color: var(--visa-card-color);
	color: var(--visa-card-color-contrast);
}
.card-type-mastercard {
	background-color: var(--mastercard-card-color);
	color: var(--mastercard-card-color-contrast);
}
.card-type-amex {
	background-color: var(--amex-card-color);
	color: var(--amex-card-color-contrast);
}
.cart-payment-method-icon {
	position: absolute;
	display: block !important;
	top: 20px;
	left: 20px;
	font-size: 35px;
	color: var(--primary-color);
}
.cart-payment-method-card-brand {
	position: absolute;
	display: block !important;
	top: 20px;
	left: 20px;
	height: 35px !important;
	width: auto !important;
}
.cart-payment-method-cash {
	position: absolute;
	bottom: 50px;
	left: 20px;
	font-size: 18px;
	font-family: 'SSP-Semibold', monospace;
	color: var(--secondary-color);
}
.cart-user-awarded-points {
	position: absolute;
	z-index: 1;
	bottom: 67px;
	right: 32px;
	font-size: 16px;
	font-family: 'SSP-Semibold', monospace;
	color: var(--secondary-color-contrast);
	width: 138px;
	background: var(--success-color);
	text-align: center;
	padding: 10px 0;
}
.cart-payment-method-points {
	position: absolute;
	bottom: 50px;
	left: 20px;
	font-size: 18px;
	font-family: 'SSP-Semibold', monospace;
	color: var(--default-clear-color);
}
.cart-payment-method-name,
.cart-payment-method-last4,
.cart-payment-method-expiration {
	position: absolute;
	font-size: 16px;
	font-family: 'Code_New_B', monospace;
	text-transform: uppercase;
}
.cart-payment-method-name {
	bottom: 50px;
	left: 20px;
}
.cart-payment-method-last4 {
	bottom: 20px;
	left: 20px;
}
.cart-payment-method-expiration {
	bottom: 20px;
	right: 20px;
}
.expired-card {
	opacity: 0.5;
	pointer-events: none;
	filter: grayscale(100);
}
.payment-round-button {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--default-clear-color);
	border: 3px solid var(--default-clear-color);
	color: var(--default-clear-color);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}
.payment-round-button-selected {
	background-color: var(--secondary-color);
	color:  var(--secondary-color-contrast);
}
.payment-method-selected-container > * {
	display: none;
}
.payment-method-selected-container .small-text-regular-policy {
	margin: 0 !important;
}
.card-payment-method-selected-brand {
	text-transform: uppercase;
}
.cash-change-form {
	display: none;
}
.cash-bills-options {
	display: none;
	margin-top: 15px;
}
.cash-bills-list {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	padding: 15px 0;
	margin: 0;
	list-style: none;
}
.cash-bills-option {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 5px;
	width: calc(33.333% - 8px);
	border-radius: 10px;
	cursor: pointer;
	padding: 8px;
}
.cash-bills-option-selected {
	background-color: rgba(255, 119, 46, 0.3);
}
.cash-bills-option img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	overflow: hidden;
}
.cash-bills-option span {
	font-size: 13px;
	font-family: 'SSP-Semibold', sans-serif;
	color: var(--tertiary-color);
}
.cash-bills-option-selected span {
	color: var(--dark-text);
}
.cash-bills-custom-option {
	font-size: 16px;
	font-family: 'SSP-Semibold', sans-serif;
}
.cash-bills-custom-option-selected {
	background-color: var(--primary-border-color);
}
/* CART-TOTALS.PHP */
.cart-totals-list {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	/* border: 1.5px solid var(--primary-border-color);
	border-radius: var(--default-border-radius); */
}
.cart-total-row {
	padding: 10px 0px;
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	position: relative;
	border-bottom: 1px solid var(--primary-border-color);
}
.cart-total-row:nth-last-child(4) {
	border-bottom: none;
}
.cart-total-row:nth-last-child(3) {
	border-top: 1px solid var(--primary-border-color);
	border-bottom: none;
}
.cart-total-row:nth-last-child(2) {
	border-top: 1px solid var(--primary-border-color);
}
.cart-total-row:last-child {
	border-bottom: none;
}
.cart-total-row > * {
	display: block;
}
.cart-total-row span:nth-child(1) {
	width: calc(100% - 160px);
}
.cart-total-row span:nth-child(2) {
	width: 150px;
}
.cart-totals-error-container {
	display: none;
}
.cart-totals-error-content {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 20px;
	background-color: var(--error-color-banner);
	border-radius: var(--default-border-radius);
	color: var(--error-color);
}
.cart-totals-error-container i {
	font-size: 20px;
}
/* ASSIGN NAME TO ORDER */
#cart-assign-name {
	display: none;
	text-transform: capitalize;
}
#cart-assign-name input {
	font-family: 'SSP-Regular', sans-serif;
}
/* PAYMENT ERROR MESSAGE */
/* THANK-YOU.PHP */
.cart-payment-error-message-container,
.cart-thank-you-container {
	display: none;
	position: fixed;
	z-index: 105;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--dark-color-1);
	padding: 40px;
}
.cart-payment-error-message-content,
.cart-thank-you-content {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.cart-thank-you-image {
	max-width: 215px;
	width: 100%;
	height: auto;
}
.cart-payment-error-icon {
	font-size: 50px;
	color: var(--error-color);
}
.cart-payment-error-main-text {
	display: block;
	margin: 15px 0 10px 0;
	font-size: 18px;
	font-family: 'SSP-Semibold', sans-serif;
}
.cart-payment-error-message-text {
	display: block;
	margin-bottom: 17px;
	border-radius: var(--default-border-radius);
	background-color: var(--error-color-banner);
	padding: 17px;
}
.cart-thank-you-main-text {
	display: block;
	margin: 15px 0 10px 0;
	font-size: 24px;
	font-family: 'SSP-Bold', sans-serif;
}
.cart-thank-you-order-id::before {
	content:'#';
}
.cart-thank-you-buttons {
	display: block;
	margin-top: 17px;
	width: 100%;
	text-align: center;
}
.cart-thankyou-view-progress-button-container {
	display: none;
}
.cart-thankyou-view-progress-button {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 250px;
	height: 50px;
	font-size: 18px;
	font-family: 'SSP-Bold', sans-serif;
	color: var(--secondary-color-contrast);
	background-color: var(--secondary-color);
	text-align: center;
	border-radius: var(--default-border-radius);
	position: relative;
  	margin: 0 auto 15px auto;
	cursor: pointer;
}
.cart-payment-error-exit-button,
.cart-thank-you-go-back {
	cursor: pointer;
}
/*------------------------------------*\
	USER-PAYMENT-METHODS.PHP
\*------------------------------------*/
.stored-cards-list {
	padding: 0;
	margin: 15px 0 0 0;
	border: 1.5px solid var(--primary-border-color);
	border-radius: var(--default-border-radius);
	list-style: none;
	overflow: hidden;
}
.stored-cards-list-option {
	display: block;
	position: relative;
	padding: 10px 15px;
	border-bottom: 1px solid var(--primary-border-color);
}
.stored-cards-list-option:last-child {
	border-bottom: none;
}
.stored-cards-list-option-header {
	display: flex;
	align-items: center;
}
.stored-cards-list-option-header-icon img {
	width: 45px;
	height: auto;
	color: var(--secondary-color);
	margin-right: 10px;
	border: 1.5px solid var(--primary-border-color);
	border-radius: 10px;
	overflow: hidden;
}
.stored-cards-list-option-details {
	display: block;
  	width: calc(100% - 85px);
}
.stored-cards-list-option-delete-button {
	width: 30px;
	font-size: 20px;
	color: var(--secondary-color);
	display: block;
	text-align: right;
	padding: 10px 0;
	cursor: pointer;
}
.card-element {
	position: relative;
	width: 100%;
	height: 50px;
	border: 1.5px solid var(--primary-border-color);
	outline: none;
	border-radius: var(--default-border-radius);
	padding-left: 15px;
	padding-right: 15px;
	-moz-appearance: textfield;
	font-family: 'SSP-Regular', sans-serif !important;
	margin-bottom: 10px;
	background: var(--default-clear-color);
}
/*------------------------------------*\
	ORDERS.PHP
\*------------------------------------*/
.tab-container {
	display: block;
	margin: 7.5px 0;
}
.tab-nav {
	display: flex;
	gap: 5px;
	width: 100%;
	flex-wrap: nowrap;
	overflow-x: auto;
	padding: 0;
	margin: 0;
	list-style: none;
}
.tab-item {
	position: relative;
	padding: 0 10px;
	height: 35px;
	font-size: 16px;
	font-family: 'SSP-Semibold', sans-serif;
	color: var(--secondary-color);
	background-color: var(--date-time-picker-button-color);
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	white-space: nowrap;
	cursor: pointer;
}
.tab-item i {
	font-size: 18px;
	margin-right: 8px;
}
.tab-item-active {
	background-color: var(--secondary-color);
	color: var(--secondary-color-contrast);
}
.tab-pane {
	display: none;
	position: relative;
}
.tab-pane-active {
	display: block;
}
/* ORDER ITEMS */
.orders-list {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
}
.order-item {
	display: block;
	padding: 10px 0px;
	border-bottom: 1px solid var(--primary-border-color);
	cursor: pointer;
}
.order-item:last-child {
	border-bottom: none;
}
.order-item-row {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: space-evenly;
}
.order-item-icon {
	display: block;
	font-size: 20px;
	color: var(--secondary-color);
}
.order-item-header {
	display: block;
	white-space: nowrap;
	width: calc(100% - 165px);
}
.order-item-total {
	display: block;
	width: 90px;
	white-space: nowrap;
}
.order-item-arrow-row {
	font-size: 16px;
	color: var(--placeholder-color);
	width: 25px;
  	text-align: right;
}
.order-template-loading-spinner {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
.order-progress-bar-container {
	position: relative;
	width: 100%;
	height: 15px;
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 20px;
}
.order-progress-bar {
	position: absolute;
	z-index: 1;
	top: 0;
	left: -20px; /* Start slightly off-screen */
	width: calc(100% + 40px); /* Extend past both edges */
	height: 15px;
	background-image: repeating-linear-gradient(
		45deg,
		var(--secondary-color) 0px,
		var(--secondary-color) 10px,
		var(--primary-border-color) 10px,
		var(--primary-border-color) 20px
	);
	animation: slide 0.5s linear infinite;
}
.order-progress-bar-overlay {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 15px;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%); 
}
@keyframes slide {
	0% {
	  transform: translateX(-8px);
	}
	100% {
	  transform: translateX(20px); /* Move exactly one pattern repeat */
	}
}
.tracking-order-steps {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	padding: 5px 0;
	filter: grayscale(100);
	opacity: 0.3;
}
.tracking-order-steps.order-step-active {
	filter: grayscale(0);
	opacity: 1;
}
.tracking-order-step-icon {
	color: var(--secondary-color);
}
.tracking-order-step-icon i {
	font-size: 13px;
	line-height: 13px;
	display: block;
	width: 38px;
	text-align: center;
	margin-bottom: 0;
}
.tracking-order-step-icon i:first-of-type {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 5px;
}
.tracking-order-step-details {
	width: calc(100% - 45px);
}
.tracking-order-steps:last-of-type .tracking-order-step-icon {
	color: var(--success-color);
}
.order-note-description {
	display: flex;
	gap: 10px;
	align-items: center;
	margin: 10px 0;
}
.order-note-icon {
	color: var(--secondary-color);
	font-size: 25px;
}
.order-single-details-list {
	display: block;
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
.order-single-row {
	display: flex;
	align-content: center;
	gap: 10px;
	padding: 5px 0;
	border-top: 1.5px solid var(--primary-border-color);
}
.order-single-row span:nth-child(1) {
	display: block;
  	width: 30px;
}
.order-single-row span:nth-child(2) {
	display: block;
  	width: calc(100% - 170px);
}
.order-single-row span:nth-child(3) {
	display: block;
	width: 50px;
	white-space: nowrap;
}
.order-single-row span:nth-child(4) {
	display: block;
	width: 60px;
	white-space: nowrap;
}
.order-single-details-list li:first-child {
	border-bottom: 1.5px solid var(--primary-border-color);
}
.order-single-details-list li:last-child {
	border-bottom: none;
}
.order-single-item-variations {
	display: block;
	margin: 0;
	padding: 0 0 0 5px;
	list-style: none;
}
.order-single-item-variation {
	display: flex;
	align-content: center;
	gap: 10px;
	padding: 3px 0;
	border-bottom: 1px solid var(--primary-border-color);
}
.order-single-item-variation span:nth-child(1) {
	display: block;
  	width: 30px;
}
.order-single-item-variation span:nth-child(2) {
	display: block;
  	width: calc(100% - 170px);
}
.order-single-item-variation span:nth-child(3) {
	display: block;
	width: 50px;
	white-space: nowrap;
}
.order-single-item-variation span:nth-child(4) {
	display: block;
	width: 60px;
	white-space: nowrap;
}
.order-single-item-variations li:first-child {
	border-bottom: 1.5px solid var(--primary-border-color);
}
.order-single-item-variations li:last-child {
	border-bottom: none;
}
.order-single-totals-row {
	display: flex;
	align-content: center;
	gap: 10px;
	padding: 5px 0;
	border-top: 1.5px solid var(--primary-border-color);
}
.order-single-totals-row > *:nth-child(1) {
	width: calc(100% - 80px);
	display: block;
}
.order-single-totals-row > *:nth-child(2) {
	display: block;
	width: 70px;
	white-space: nowrap;
}
/*------------------------------------*\
	WISHLIST.PHP
\*------------------------------------*/
.wishlist-template .products-list-product {
	padding: 10px 0px 10px 0px;
}
.wishlist-template .products-list-product:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.wishlist-template .product-list-image-container {
	width: 100px;
	height: 100px;
}
.wishlist-template .product-list-image {
	width: 100px;
  	height: 100px;
}
.wishlist-template .product-list-view-details-button {
	display: none;
}
.wishlist-template .product-list-loading-spinner {
	width: 100px;
  	height: 100px;
}
.wishlist-template .wishlist-all-product-button {
	top: 10px;
}
.wishlist-template .product-list-title {
	font-size: 16px;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
}
.wishlist-template .price-option-price,
.wishlist-template .product-list-price {
	font-size: 16px;
}
.wishlist-template .bm-simple-product-rating {
	margin-top: 0;
}
.wishlist-template .price-options {
	margin-top: 5px;
}
/*------------------------------------*\
	ACCOUNT.PHP
\*------------------------------------*/
.confirm-account-deletion {
	display: none;
	position: fixed;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--dark-color-1);
}
.confirm-account-deletion-container {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 400px;
	width: 100%;
	height: 100%;
	padding: 40px;
}
/*------------------------------------*\
	LEFT USER MENU
\*------------------------------------*/
.left-popup-content {
	position: relative;
	padding: 20px;
	width: 100%;
	height: 100vh;
}
.left-popup-app-logo {
	position: absolute;
	bottom: 0;
	left: 20px;
	padding: 15px 0;
	display: flex;
	gap: 10px;
	align-items: center;
}
.left-popup-app-logo img {
	width: 100px;
	height: auto;
}
.poweredby {
	width: 100%;
	font-size: 9px;
	font-family: 'SSP-Bold', sans-serif;
	color: var(--tertiary-color);
	padding-left: 10px;
	border-left: 1px solid var(--primary-border-color);
}
.poweredby svg {
	height: 12px;
	width: auto;
	fill: var(--amex-card-color);
}
.left-user-menu-avatar-name {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: nowrap;
}
.left-user-menu-avatar {
	width: 70px;
}
.left-user-menu-avatar img {
	width: 70px;
	height: 70px;
	/* border-radius: 50%; */
	object-fit: cover;
	object-position: center center;
	overflow: hidden;
}
.left-user-menu-avatar svg {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	overflow: hidden;
	fill: var(--primary-border-color);
}
.left-user-menu-name {
	width: calc(100% - 80px);
}
.left-user-menu-rewarded-points-container {
	/* padding: 1px 5px;
	border-radius: 8px;
	background-color: var(--secondary-color); */
	color: var(--secondary-color);
	/* width: fit-content;
	margin-top: 3px; */
}
.user-avatar-action-button,
.user-avatar-delete-button {
	display: block;
	width: 100%;
	font-size: 13px;
	font-family: 'SSP-Semibold', sans-serif;
	color: var(--secondary-color);
	white-space: nowrap;
	cursor: pointer;
	padding: 0;
	margin: 0
}
.left-user-menu-list {
	display: block;
	padding: 0;
	margin: 40px 0 0 0;
	list-style: none;
}
.left-user-menu-option {
	display: flex;
	align-items: center;
	position: relative;
	padding: 17px 0;
	/* border-bottom: 1px solid var(--primary-border-color); */
	cursor: pointer;
}
.left-user-menu-option:last-child {
	border-bottom: none
}
.left-user-menu-option i {
	position: absolute;
	left: 0;
	color: var(--secondary-color);
	font-size: 24px;
}
.left-user-menu-option span {
	padding-left: 42px;
}
.user-avatar-form {
	margin: 0;
}
#user-avatar-input {
	display: none;
}
/*------------------------------------*\
	HELP-CENTER.PHP
\*------------------------------------*/
.faq-container {
	display: block;
	margin: 15px 0;
	border-bottom: 1px solid var(--primary-border-color);
	/* border-radius: var(--default-border-radius); */
	cursor: pointer;
	transition: 0.3s ease-in-out;
	overflow: hidden;
}
.faq-container:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
}
.faq-header {
	display: flex;
	align-items: center;
	position: relative;
	gap: 10px;
	justify-content: stretch;
	padding: 10px 0px;
}
.faq-header > span {
	width: 100%;
	color: var(--clear-text-color);
}
.faq-header i {
	color: var(--clear-text-color);
}
.faq-answer {
	display: none;
	padding: 10px 0px;
	margin: 0;
}
.faq-answer p {
	padding: 0 0 10px 0;
	margin: 0;
	color: var(--tertiary-color);
}
.faq-container-active {
	border-color: var(--secondary-color);
}
.faq-container-active .faq-header > span {
	color: var(--secondary-color) !important;
}
#help-center-contact-us-form button[type="submit"] {
	margin-top: 15px;
}
.help-center-sent-success {
	display: none;
	padding: 10px 15px 10px 20px;
	border-left: 5px solid var(--success-color);
	background-color: var(--success-container-background);
	border-radius: var(--default-border-radius);
}
.faq-answer p a {
	color: var(--amex-card-color);
}
/*------------------------------------*\
	LEGAL
\*------------------------------------*/
.terms-conditions-content,
.privacy-policy-content {
	color: var(--clear-text-color);
}
.terms-conditions-content a,
.privacy-policy-content a {
	color: var(--amex-card-color);
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'SSP-Regular';
	src:url('../../fonts/ginto/GintoNormal-Regular.otf');
}
@font-face {
	font-family:'SSP-SemiBold';
	src:url('../../fonts/ginto/GintoNormal-Medium.otf');
}
@font-face {
	font-family:'SSP-Bold';
	src:url('../../fonts/ginto/GintoNormal-Bold.otf');
}
@font-face {
	font-family:'Code_New_B';
	src:url('../../fonts/code_new_roman/Code-New-Roman-b.otf');
}
@font-face {
	font-family:'Code_New_R';
	src:url('../../fonts/code_new_roman/Code-New-Roman.otf');
}
@font-face {
	font-family:'Star';
	src:url('../../fonts/r3_decals.ttf');	
}
@font-face {
	font-family:'Subscriber';
	src:url('../../fonts/Big\ Harvest.ttf');	
}
/*------------------------------------*\
    KITCHEN AND POS STYLES AND REPARTIDOR
\*------------------------------------*/
.kitchen-template,
.pos-template,
.kiosk-templat,
.repartidor-template {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	margin: 0 auto;
}
.kitchen-login-container,
.pos-login-container,
.kiosk-login-container,
.repartidor-login-container {
	max-width: 370px;
	width: 100%;
	height: 100vh;
	padding: 50px 20px;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.kitchen-login-logo,
.pos-login-logo,
.kiosk-login-logo,
.repartidor-login-logo {
	display: block;
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}
.kitchen-login-logo img,
.pos-login-logo img,
.kiosk-login-logo img,
.repartidor-login-logo img {
	width: 250px;
	height: auto;
	display: block;
	position: relative;
	margin: 0 auto;
}
.kitchen-login-branch-selector,
.pos-login-user-selector,
.pos-login-branch-selector,
.kiosk-login-branch-selector,
.repartidor-login-branch-selector {
	position: relative;
}
.kitchen-login-branch-header,
.pos-login-user-header,
.pos-login-branch-header,
.kiosk-login-branch-header,
.repartidor-login-branch-header {
	position: relative;
	z-index: 4;
	display: flex;
	align-items: center;
	width: 100%;
	height: 50px;
	border: 1.5px solid var(--primary-border-color);
	outline: none;
	border-radius: var(--default-border-radius);
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 10px;
	-moz-appearance: textfield;
	cursor: pointer;
	background-color: var(--default-clear-color);
}
.kitchen-login-branch-header-active {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.pos-login-user-header {
	z-index: 5;
}
.kitchen-login-branch-header i,
.pos-login-user-header i,
.pos-login-branch-header i,
.kiosk-login-branch-header i,
.repartidor-login-branch-header i {
	position: absolute;
	right: 15px;
}
.kitchen-login-form,
.pos-login-form,
.kiosk-login-form,
.repartidor-login-form {
	position: relative;
}
.kitchen-login-branch-list,
.kiosk-login-branch-list,
.repartidor-login-branch-list {
	display: none;
	position: absolute;
	top: 32px;
	z-index: 1;
	width: 100%;
	padding: 16px 0 0 0;
	margin: 0;
	border-left: 1.5px solid var(--primary-border-color); 
	border-right: 1.5px solid var(--primary-border-color); 
	border-bottom: 1.5px solid var(--primary-border-color); 
	border-bottom-left-radius: var(--default-border-radius);
	border-bottom-right-radius: var(--default-border-radius);
	background-color: var(--default-clear-color);
	list-style: none;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
}
.pos-login-user-list,
.pos-login-branch-list {
	display: none;
	position: absolute;
	top: 32px;
	left: -1.5px;
	z-index: 2px;
	width: calc(100% + 3px);
	padding: 16px 0 0 0;
	margin: 0;
	border-left: 1.5px solid var(--primary-border-color); 
	border-right: 1.5px solid var(--primary-border-color); 
	border-bottom: 1.5px solid var(--primary-border-color); 
	border-bottom-left-radius: var(--default-border-radius);
	border-bottom-right-radius: var(--default-border-radius);
	background-color: var(--default-clear-color);
	list-style: none;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
}
.kitchen-login-branch,
.pos-login-user,
.pos-login-branch,
.kiosk-login-branch,
.repartidor-login-branch {
	padding: 10px 15px;
	border-bottom: 1px solid var(--primary-border-color);
	cursor: pointer;
}
.kitchen-login-branch:first-child,
.pos-login-user:first-child,
.pos-login-branch:first-child,
.kiosk-login-branch:first-child,
.repartidor-login-branch:first-child {
	border-top: 1px solid var(--primary-border-color);
}
.kitchen-login-branch:last-child,
.pos-login-user:last-child,
.pos-login-branch:last-child,
.kiosk-login-branch:last-child,
.repartidor-login-branch:last-child {
	border-bottom: none;
}
.kitchen-login-form input[type="password"]::placeholder {
	color: var(--primary-color);
	opacity: 1;
}
/* MANAGING ORDERS */
.kitchen-header,
.repartidor-header {
	position: fixed;
	z-index: 3;
	top: 0;
	left: 40px;
  	width: calc(100% - 40px);
	padding: 5px 15px;
	background-color: var(--right-popup-background-color);
}
.kitchen-header > span,
.repartidor-header > span {
	display: block;
	font-size: 13px;
}
.kitchen-order-canvas,
.repartidor-order-canvas {
	display: flex;
	flex-direction: row;
}
.kitchen-left-nav,
.repartidor-left-nav {
	width: 40px;
	height: 100vh;
	background-color: var(--right-popup-background-color);
	position: fixed;
	top: 0;
	left: 0;
}
.kitchen-nav-list,
.repartidor-nav-list {
	padding: 10px 5px;
	margin: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.kitchen-nav-list > li > img,
.repartidor-nav-list > li > img {
	margin-bottom: 17px;
}
.kitchen-nav-option,
.repartidor-nav-option {
	position: relative;
	width: 100%;
	margin: 6px 0;
	padding: 6px 0;
}
.kitchen-nav-option a,
.repartidor-nav-option a {
	display: block;
	width: 100%;
	text-align: center;
}
.kitchen-nav-option i,
.repartidor-nav-option i {
	display: block;
	font-size: 25px;
	margin-bottom: 5px;
	color: var(--tertiary-color);
}
.kitchen-nav-option-active i,
.repartidor-nav-option-active i {
	color: var(--secondary-color);
}
.kitchen-nav-option span,
.repartidor-nav-option span {
	display: block;
	font-size: 8px;
	color: var(--tertiary-color);
}
.kitchen-logout-option,
.repartidor-logout-option {
	position: absolute;
	bottom: 17px;
	left: 0;
}
.kitchen-logout-option i,
.repartidor-logout-option i {
	color: var(--error-color);
}
.kitchen-right-container,
.repartidor-right-container {
	position: relative;
	display: block;
	width: calc(100% - 60px);
	margin-left: 50px;
	margin-top: 40px;
}
.kitchen-order-container,
.repartidor-order-container {
	position: relative;
	display: block;
	border: 1.5px solid var(--default-clear-color);
	border-radius: var(--default-border-radius);
	width: 100%;
	height: calc(100vh - 55px);
	margin-bottom: 15px;
	overflow: hidden;
}
.kitchen-order-conainer-title,
.repartidor-order-conainer-title {
	display: block;
	width: 100%;
	padding: 10px 15px;
	font-size: 13px;
	background-color: var(--default-clear-color);
	color: var(--dark-color-1);
}
.kitchen-order-content,
.repartidor-order-content {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 15px 15px 50px 15px;
	overflow-y: auto;
}
.kitchen-orders-count,
.repartidor-orders-count {
	position: absolute;
	top: -2px;
	right: -3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background-color: var(--error-color);
	color: var(--default-clear-color) !important;
	font-size: 10px !important;
	font-family: 'SSP-Semibold', sans-serif;
	visibility: hidden;
}
.kitchen-volumen-up-container {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 17px;
	background-color: rgba(255, 255, 255, 0.9);
}
.kitchen-volumen-up-container .flex {
	width: 100%;
	height: 100%;
}
.kitchen-volumen-up-content {
	max-width: 300px;
	width: 100%;
	border: 1.5px solid var(--primary-border-color);
	border-radius: var(--default-border-radius);
	background-color: var(--default-clear-color);
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
	padding: 17px;
	transition: 0.3s ease-in-out;
	opacity: 1;
}
.kitchen-volumen-up-content-hide {
	transform: translateY(-10px);
	opacity: 0;
}
.kitchen-volumen-up-content .button {
	margin-top: 17px;
}
/* KITCHEN ORDERS */
.kitchen-order-list,
.repartidor-order-list {
	column-count: 1;
	gap: 10px;
  	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
.kitchen-order-list span,
.repartidor-order-list span,
.kitchen-order-list button,
.repartidor-order-list button,
.kitchen-order-list a,
.repartidor-order-list a {
	font-size: 13px !important;
}
.kitchen-order,
.repartidor-order {
	margin-bottom: 10px;
	border-radius: var(--default-border-radius);
	display: block;
	break-inside: avoid;
	position: relative;
	overflow: hidden;
}
.kitchen-order-header,
.repartidor-order-header {
	display: flex;
	justify-content: space-between;
	padding: 10px 15px;
}
.kitchen-order-new,
.repartidor-order-new {
	border: 1px solid var(--secondary-color);
}
.kitchen-order-new .kitchen-order-header {
	background-color: var(--secondary-color);
	color: var(--secondary-color-contrast);
}
.kitchen-order-scheduled {
	border: 1px solid var(--secondary-color);
}
.kitchen-order-scheduled .kitchen-order-header {
	background-color: var(--secondary-color);
	color: var(--secondary-color-contrast);
}
.kitchen-order-preparation {
	border: 1px solid var(--kitchen-order-preparation);
}
.kitchen-order-preparation .kitchen-order-header {
	background-color: var(--kitchen-order-preparation);
	color: var(--kitchen-order-preparation-contrast);
}
.kitchen-order-ready {
	border: 1px solid var(--success-color);
}
.kitchen-order-ready .kitchen-order-header {
	background-color: var(--success-color);
	color: var(--default-clear-color);
}
.kitchen-order-transit,
.repartidor-order-transit {
	border: 1px solid var(--kitchen-order-transit);
}
.kitchen-order-transit .kitchen-order-header,
.repartidor-order-transit .repartidor-order-header {
	background-color: var(--kitchen-order-transit);
	color: var(--kitchen-order-transit-contrast);
}
.kitchen-order-delivered,
.repartidor-order-delivered {
	border: 1px solid var(--kitchen-order-delivered);
}
.kitchen-order-delivered .kitchen-order-header,
.repartidor-order-delivered .repartidor-order-header {
	background-color: var(--kitchen-order-delivered);
	color: var(--kitchen-order-delivered-contrast);
}
.kitchen-order-details,
.repartidor-order-details {
	padding: 10px 10px;
	background-color: var(--default-clear-color);
}
.kitchen-order-action-button,
.repartidor-order-action-button {
	padding: 10px;
	background-color: var(--default-clear-color);
}
.kitchen-order-no-orders,
.repartidor-order-no-orders {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--dark-color-1);
}
.kitchen-orders-no-orders-centered,
.repartidor-orders-no-orders-centered {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.kitchen-orders-no-orders-content,
.repartidor-orders-no-orders-content {
	max-width: 400px;
	width: 100%;
	padding: 20px;
}
.kitchen-order-select-delivery-guy {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: 50px;
	border: 1.5px solid var(--primary-border-color);
	border-radius: var(--default-border-radius);
	padding: 0 20px;
	margin-top: 10px;
	margin-bottom: 15px;
	cursor: pointer;
}
.kitchen-order-select-delivery-guy i {
	position: absolute;
	right: 20px;
}
.kitchen-order-delivery-guys-list {
	position: relative;
	z-index: 1;
	display: none;
	padding: 17px 0 0 0;
	margin: -30px 0 0 0;
	list-style: none;
	background-color: var(--default-clear-color);
	border-left: 1.5px solid var(--primary-border-color);
	border-right: 1.5px solid var(--primary-border-color);
	border-bottom: 1.5px solid var(--primary-border-color);
	border-bottom-left-radius: var(--default-border-radius);
	border-bottom-right-radius: var(--default-border-radius);
	margin-bottom: 15px;
}
.kitchen-order-delivery-guy {
	font-size: 13px;
	padding: 10px 20px;
	border-bottom: 1px solid var(--primary-border-color);
	cursor: pointer;
}
.kitchen-order-delivery-guy:first-child {
	border-top: 1px solid var(--primary-border-color);
}
.kitchen-order-delivery-guy:last-child {
	border-bottom: none;
}
.kitchen-confirm-send-whatsapp-container {
	display: none;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 17px;
}
.kitchen-confirm-send-whatsapp-container > .flex {
	width: 100%;
	height: 100%;
}
.kitchen-confirm-send-whatsapp-content {
	position: relative;
	max-width: 300px;
	width: 100%;
	padding: 17px;
	background-color: var(--default-clear-color);
	border: 1.5px solid var(--success-color);
	border-radius: var(--default-border-radius);
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
}
.kitchen-confirm-send-whatsapp-content > * {
	margin: 10px 0;
}
.button-set-whatsapp-order-in-transit {
	display: none;
}
.kitchen-no-show-policy-confirmation-container,
.repartidor-no-show-policy-confirmation-container {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 17px;
	background-color: var(--default-clear-color-semitrans);
}
.kitchen-no-show-policy-confirmation-container > .flex,
.repartidor-no-show-policy-confirmation-container > .flex {
	width: 100%;
	height: 100%;
}
.kitchen-no-show-policy-content,
.repartidor-no-show-policy-content {
	max-width: 300px;
	padding: 17px;
	border: 1.5px solid var(--primary-border-color);
	border-radius: var(--default-border-radius);
	background-color: var(--default-clear-color);
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
	opacity: 0;
	transform: translateY(10px);
	transition: 0.3s ease-in-out;
}
.kitchen-no-show-policy-content-show,
.repartidor-no-show-policy-content-show {
	opacity: 1;
	transform: translateY(0px);
}
.kitchen-no-show-policy-buttons,
.repartidor-no-show-policy-buttons {
	display: block;
	margin-top: 17px;
}
.kitchen-no-show-policy-buttons button:last-of-type,
.repartidor-no-show-policy-buttons button:last-of-type {
	margin-top: 10px;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {
	.products-list-product {
		width: calc(50% - 15px);
	}
	.kitchen-order-list,
	.repartidor-order-list  {
		column-count: 2;
	}
}
@media only screen and (min-width:1024px) {
	.products-list-product {
		width: calc(50% - 15px);
	}
	.kitchen-order-list,
	.repartidor-order-list {
		column-count: 3;
	}
}
@media only screen and (min-width:1140px) {
	.products-list-product {
		width: calc(33.333% - 15px);
	}
	.kitchen-order-list,
	.repartidor-order-list {
		column-count: 3;
	}
}
@media only screen and (min-width:1280px) {
	.products-list-product {
		width: calc(33.333% - 15px);
	}
	.kitchen-order-list,
	.repartidor-order-list {
		column-count: 4;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
	Product Rating Chart
\*------------------------------------*/
.ratings-title {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1.5px solid var(--primary-border-color);
}
.rating_statistics {
	gap: 10px;
	margin-top: 0;
}
.sp_rating_average_number {
	font-size: 30px;
	color: var(--review-star-color);
	font-family: 'SSP-Bold', sans-serif;
}
.sp_rating_stars_and_ratings {
	display: block;
	text-align: center;
	color: var(--tertiary-color);
	white-space: nowrap;
	margin-top: -9px;
}
.sp_rating_pr_text {

}
.rating_chart {
	display: block;
	margin-top: 10px;
}
.rating_chart > .flex {
	gap: 10px;
}
.rating_chart > .flex > * {
	white-space: nowrap;
}
.rating_chart i {
	color: var(--review-star-color);
}
.rating_chart_title,
.rating_chart_totals {
	margin: 0;
}
.ratings_data {
	display: block;
	margin-bottom: 10px;
}
.rating_chart_bar {
	width: calc(100% - 100px);
	height: 12px;
	background-color: var(--tertiary-color);
	border-radius: 24px;
  	overflow: hidden;
}
.rating_chart_bar_overlay {
	position: absolute;
	left: 0;
	top: 0;
	height: 12px;
	background-color: var(--review-star-color);
	border-radius: 24px;
}
.rating_chart_title {
	width: 100px;
}
.rating_chart_totals {
	width: 72px;
	color: var(--tertiary-color) !important;
}
.rating_chart_title i {
	margin-right: 1px;
}
.rating_chart_title i:last-of-type {
	margin-right: 0;
}
.review_star_yellow,
.review_star_grey {
	margin-right: 1px;
}
.review_star_yellow:last-of-type,
.review_star_grey:last-of-type {
	margin-right: 0px;
}

/*------------------------------------*\
    Viewport Effects
\*------------------------------------*/
/* .viewport-top-effect {
	opacity: 0;
	transform: translateY(-50px);
	transition: 2s cubic-bezier(0.19, 1, 0.22, 1);
}
.viewport-bottom-effect {
	opacity: 0;
	transform: translateY(50px);
	transition: 2s cubic-bezier(0.19, 1, 0.22, 1);
}
.viewport-left-effect {
	opacity: 0;
	transform: translateX(-50px);
	transition: 2s cubic-bezier(0.19, 1, 0.22, 1);
}
.viewport-right-effect {
	opacity: 0;
	transform: translateX(50px);
	transition: 2s cubic-bezier(0.19, 1, 0.22, 1);
}
.viewport-fadein-effect {
	opacity: 0;
	transition: 2s cubic-bezier(0.19, 1, 0.22, 1);
}
.viewport-top-effect.entering-viewport {
	opacity: 1;
	transform: translateY(0px);
}
.viewport-bottom-effect.entering-viewport {
	opacity: 1;
	transform: translateY(0px);
}
.viewport-left-effect.entering-viewport {
	opacity: 1;
	transform: translateX(0px);
}
.viewport-right-effect.entering-viewport {
	opacity: 1;
	transform: translateX(0px);
}
.viewport-fadein-effect.entering-viewport {
	opacity: 1;
}
.viewport-wrapper {
	overflow: hidden;
} */

/*------------------------------------*\
    BOOSTMONITOR RATING SYSTEM
\*------------------------------------*/
.bm-simple-product-rating {
	display: flex;
	gap: 5px;
}
.bm-simple-product-rating-star-canvas {
	position: relative;
	font-size: 13px;
	line-height: 1;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.bm-simple-product-rating-star {
	position: relative;
	z-index: 0;
	top: 4px;
	line-height: 0;
}
.bm-simple-product-rating-star-overlay {
	position: absolute;
	z-index: 1;
	color: var(--review-star-color);
	overflow: hidden;
	top: 4px;
	left: 0px;
}
.bm-simple-product-rating-star,
.bm-simple-product-rating-star-overlay {
	/* font-family: 'Star'; */
	font-size: 14px;
	display: flex;
	gap: 2px;
}
.bm-simple-product-rating-count {
	/* margin-left: -5px; */
}
/* PRODUCT PAGE RATING STARS */
.product-page-rating {
	display: block;
	position: relative;
}
.product-page-rating-star-canvas {
	position: relative;
	white-space: nowrap;
}
.product-page-rating-star {
	position: relative;
	z-index: 0;
	top: 0px;
	left: 0px;
	color: var(--dark-text);
	/* -webkit-text-fill-color: var(--dark-text);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--dark-text); */
	line-height: 0px;
	display: flex;
	gap: 3px;
}
.product-page-rating-star > * {
	
}
.product-page-rating-star-overlay {
	position: absolute;
	z-index: 1;
	/* -webkit-text-fill-color: var(--review-star-color) !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--review-star-color) !important; */
	overflow: hidden;
	top: 0px;
	left: 0px;
	/* line-height: 58px; */
	gap: 3px;
	top: 0px;
	left: 0px;
	display: flex;
	color: var(--review-star-color);
	white-space: nowrap;
}
.product-page-rating-star,
.product-page-rating-star-overlay {
	/* font-family: 'Star'; */
	font-size: 30px;
}
.product-page-rating-count {
	position: absolute;
	left: 150px;
	top: 5px;
	white-space: nowrap;
}
.product-page-rating-count small {
	font-size: 13px;
}
/*------------------------------------*\
    MISC
\*------------------------------------*/
.block_element {
	display: block;
}
strong {
	font-family: 'SSP-Bold', sans-serif;
	font-weight: 100;
}
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border: 1px solid var(--right-popup-background-color);
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}