@charset "UTF-8";

/* CSS Document

Stargate

╔═══╦╗░░░░░░░╔╗░░░░░░░░░░░░╔═══╦═══╦═══╗
║╔═╗║║░╔╗░░░░║║░░░░░░░░░░░░║╔═╗║╔═╗║╔═╗║
║║░║║╚═╬╬══╦═╝╠═╗╔══╦╗╔╦══╗║║░╚╣╚══╣╚══╗
║║░║║╔╗╠╣║═╣╔╗║╔╗╣╔╗║╚╝║║═╣║║░╔╬══╗╠══╗║
║╚═╝║╚╝║║║═╣╚╝║║║║╔╗║║║║║═╣║╚═╝║╚═╝║╚═╝║
╚═══╩══╣╠══╩══╩╝╚╩╝╚╩╩╩╩══╝╚═══╩═══╩═══╝
░░░░░░╔╝║░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░╚═╝░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░

>>>>>>>>>>>> Phoenix 1.0.0 <<<<<<<<<<<<<<<

*/

:root {
  /* Colors */
  --color-white: #FFFFFF;
  --color-gray-100: #F8F8F8;
  --color-gray-200: #EAEAEA;
  --color-gray-300: #E0E0E0;
  --color-gray-400: #CCCCCC;
  --color-gray-500: #9C9C9C;
  --color-gray-600: #676767;
  --color-gray-700: #4F4F4F;
  --color-gray-800: #313030;
  --color-gray-900: #212121;
  --color-primary-500: #fbe90b;
  --color-primary-600: #fbe90b;
  --color-dark-600: #444444;
  --color-dark-700: #B5021C;
  --color-dark-800: #B5021C;
  --color-dark-900: #B5021C;
  --color-black: #B5021C;
  --color-error-500: #EC1C2E;
  --color-info-500: var(--color-primary-500);
  --color-success-500: #4BB75A;
  --color-sticker-green-bg: rgba(75, 183, 90, 0.8);
  --color-sticker-green-text: #FFFFFF;
  --color-sticker-red-bg: rgba(184, 76, 76, 0.8);
  --color-sticker-red-text: #FFFFFF;
  --color-sticker-blue-bg: rgba(82, 165, 187, 0.8);
  --color-sticker-blue-text: #FFFFFF;
  --color-sticker-yellow-bg: rgba(167, 183, 70, 0.8);
  --color-sticker-yellow-text: #FFFFFF;
  /* Icons */
  --icon-magnify-gray: url('/ui/system/icons/gray/magnify.svg');
  --icon-menu_list-white: url('/ui/system/icons/white/menu_list.svg');
  --icon-pointer-white: url('/ui/system/icons/white/pointer.svg');
  --icon-pointer-gray: url('/ui/system/icons/gray/pointer.svg');
  --icon-transport-gray: url('/ui/system/icons/gray/transport.svg');
  --icon-card-gray: url('/ui/system/icons/gray/credit_card.svg');
  --icon-cash-gray: url('/ui/system/icons/gray/cash.svg');
  --icon-wallet-gray: url('/ui/system/icons/gray/wallet.svg');
  --icon-eco-white: url('/ui/system/icons/white/eco.png');
  --icon-eco-green: url('/ui/system/icons/green/eco.png');
  --icon-mobile-white: url('/ui/system/icons/white/mobile.svg');
  --icon-mobile-gray: url('/ui/system/icons/gray/mobile.svg');
  --icon-orders-white: url('/ui/system/icons/white/orders.svg');
  --icon-orders-gray: url('/ui/system/icons/gray/orders.svg');
  --icon-heart-white: url('/ui/system/icons/white/heart.svg');
  --icon-heart-gray: url('/ui/system/icons/gray/heart.svg');
  --icon-heart_active-white: url('/ui/system/icons/white/heart_active.svg');
  --icon-heart_active-gray: url('/ui/system/icons/gray/heart_active.svg');
  --icon-cart_empty-white: url('/ui/system/icons/white/cart_empty.svg');
  --icon-cart_empty-gray: url('/ui/system/icons/gray/cart_empty.svg');
  --icon-cart-white: url('/ui/system/icons/white/cart.svg');
  --icon-cart-gray: url('/ui/system/icons/gray/cart.svg');
  --icon-customer-white: url('/ui/system/icons/white/customer.svg');
  --icon-customer-gray: url('/ui/system/icons/gray/customer.svg');
  --icon-delete-white: url('/ui/system/icons/white/delete.svg');
  --icon-delete-gray: url('/ui/system/icons/gray/delete.svg');
  --icon-delete-red: url('/ui/system/icons/red/delete.svg');
  --icon-offer-white: url('/ui/system/icons/white/offer.svg');
  --icon-table-white: url('/ui/system/icons/white/table.svg');
  --icon-fire-white: url('/ui/system/icons/white/fire.svg');
  --icon-email-gray: url('/ui/system/icons/gray/email.svg');
  --icon-calculator-gray: url('/ui/system/icons/gray/calculator.svg');
  --icon-photo-white: url('/ui/system/icons/white/photo.svg');
  --icon-training-gray: url('/ui/system/icons/gray/training.svg');
  --icon-pencil-gray: url('/ui/system/icons/gray/pencil.svg');
  --icon-time-gray: url('/ui/system/icons/gray/time.svg');
  --icon-calendar-gray: url('/ui/system/icons/gray/calendar.svg');
  --icon-weight-gray: url('/ui/system/icons/gray/weight.svg');
  --icon-information-gray: url('/ui/system/icons/gray/information.svg');
  --icon-package-gray: url('/ui/system/icons/gray/package.svg');
  --icon-wheat-gray: url('/ui/system/icons/gray/wheat.svg');
  --icon-star-gray: url('/ui/system/icons/gray/star.svg');
  --icon-star-green: url('/ui/system/icons/green/star.svg');
  --icon-star_active-green: url('/ui/system/icons/green/star_active.svg');
  --icon-salad-white: url('/ui/system/icons/white/salad.svg');
  --icon-terms-white: url('/ui/system/icons/white/terms.svg');
  --icon-plus-white: url('/ui/system/icons/white/plus.svg');
  --icon-plus-gray: url('/ui/system/icons/gray/plus.svg');
  --icon-minus-white: url('/ui/system/icons/white/minus.svg');
  --icon-minus-gray: url('/ui/system/icons/gray/minus.svg');
  --icon-repeat_arrow-white: url('/ui/system/icons/white/repeat_arrow.svg');
  --icon-arrow_bottom-white: url('/ui/system/icons/white/arrow_bottom.svg');
  --icon-arrow_bottom-gray: url('/ui/system/icons/gray/arrow_bottom.svg');
  --icon-arrow_left-white: url('/ui/system/icons/white/arrow_left.svg');
  --icon-arrow_left-gray: url('/ui/system/icons/gray/arrow_left.svg');
  --icon-social-facebook-white: url('/ui/system/icons/white/facebook.svg');
  --icon-social-instagram-white: url('/ui/system/icons/white/instagram.svg');
  --icon-social-twitter-white: url('/ui/system/icons/white/twitter.svg');
  --icon-social-google_companies-white: url('/ui/system/icons/white/google_companies.svg');
  --icon-social-seznam_firmy-white: url('/ui/system/icons/white/seznam_firmy.svg');
  --icon-payment-type-mastercard-white: url('/ui/system/icons/white/mastercard-accepted-payment.png');
  --icon-payment-type-visa-white: url('/ui/system/icons/white/visa-accepted-payment.png');
  --icon-payment-type-gpwebpay-white: url('/ui/system/icons/white/gpwebpay-accepted-payment.png');
  --icon-payment-type-maestro-white: url('/ui/system/icons/white/maestro-accepted-payment.png');
  --icon-payment-type-b-payment-white: url('/ui/system/icons/white/b-payment-accepted-payment.png');
  --icon-payment-type-gopay-white: url('/ui/system/icons/white/gopay-accepted-payment.png');
  --icon-payment-type-ticket-white: url('/ui/system/icons/white/ticket-accepted-payment.png');
  --icon-payment-type-nase-stravenka-white: url('/ui/system/icons/white/nase-stravenka-accepted-payment.png');
  --icon-payment-type-sodexo-white: url('/ui/system/icons/white/sodexo-accepted-payment.png');
  --icon-payment-type-edenred-white: url('/ui/system/icons/white/edenred-accepted-payment.png');
  --icon-payment-type-up-white: url('/ui/system/icons/white/up-accepted-payment.png');
  --icon-points-gray: url('/ui/system/icons/gray/points.svg');
  --icon-coupons-gray: url('/ui/system/icons/gray/cupons.svg');
  --icon-store-app_store-white: url('/ui/system/icons/white/app_store.png');
  --icon-store-google_play-white: url('/ui/system/icons/white/google_play.png');
  --icon-no_photos-gray: url('/ui/system/images/photos/no_photos.png');
  --icon-no_cart-gray: url('/ui/system/images/photos/no_cart.png');
  --icon-no_news-gray: url('/ui/system/images/photos/no_news.png');
  --icon-no_orders-gray: url('/ui/system/images/photos/no_history.png');
  --icon-no_favorite-gray: url('/ui/system/images/photos/no_favorite.png');
  --icon-order_new-gray: url('/ui/system/icons/gray/order_new.svg');
  --icon-order_confirmed-green: url('/ui/system/icons/green/order_confirmed.svg');
  --icon-order_on_way-green: url('/ui/system/icons/green/order_on_way.svg');
  --icon-order_delivered-green: url('/ui/system/icons/green/order_delivered.svg');
  --icon-order_cancelled-red: url('/ui/system/icons/red/order_cancelled.svg');
  --icon-cheese-gray: url('/ui/system/icons/gray/cheese.svg');
  --icon-meat-gray: url('/ui/system/icons/gray/meat.svg');
  --icon-vegetable-gray: url('/ui/system/icons/gray/vegetable.svg');
  --icon-attachments-gray: url('/ui/system/icons/gray/attachments.svg');
  --icon-fruits-gray: url('/ui/system/icons/gray/fruits.svg');
  --icon-pizza_base-gray: url('/ui/system/icons/gray/base.svg');
  --icon-fish-gray: url('/ui/system/icons/gray/fish.svg');
  /* Border Radius */
  --border-radius-sm: 0.25rem;
  --border-radius-md: 0.5rem;
  --border-radius-lg: 0.75rem;
  --border-radius-xl: 1.5rem;
  --border-radius-max: 22.5rem;
  --border-radius-rounded: 50%;
}
@font-face {
  font-family: Primary;
  src: url('/ui/system/font/OpenSans-Light.ttf');
  font-weight: 400;
}
@font-face {
  font-family: Primary;
  src: url('/ui/system/font/OpenSans-Semibold.ttf');
  font-weight: 500;
}
* {
  background-repeat: no-repeat;
}
html {
  font-family: 'Primary';
  max-width: 100%;
  overflow-x: hidden;
}
button {
  background-color: transparent;
}
.cleaner,
.clear,
.dummy,
.js-template {
  display: none !important;
}
.invisible {
  display: none;
}
.sticker-red {
  background-color: var(--color-sticker-red-bg);
  color: var(--color-sticker-red-text);
}
.sticker-green {
  background-color: var(--color-sticker-green-bg);
  color: var(--color-sticker-red-text);
}
.sticker-blue {
  background-color: var(--color-sticker-blue-bg);
  color: var(--color-sticker-red-text);
}
.sticker-yellow {
  background-color: var(--color-sticker-yellow-bg);
  color: var(--color-sticker-red-text);
}
.sticker-timed {
  background-color: var(--color-brand-500);
  color: var(--color-sticker-red-text);
}
.sticker-custom {
  color: var(--color-sticker-red-text);
}
.body-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.slide {
  display: none;
  padding: 3.5rem 0 7.5rem 0;
  min-height: 60vh;
}
#home {
  padding-top: 6rem;
}
@media (min-width: 640px) {
  .slide,
  #home {
    padding-top: 5rem;
    min-height: 75vh;
  }
}
.tutorial-box {
  display: none;
}
.ui-helper-hidden-accessible {
  display: none;
}
.ui-autocomplete {
  position: absolute !important;
  background-color: var(--color-white);
  border-right: 1px;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: var(--color-gray-200);
  border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
  padding: 0.5rem;
}
.ui-menu-item > div {
  padding: 0.5rem;
  cursor: pointer;
  border-radius: var(--border-radius-md);
}
.ui-state-hover,
.ui-state-active {
  background-color: color-mix(in srgb, var(--color-black) 10%, transparent);
}
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
  tab-size: 4; /* 3 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role='button'] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
/* --- Animations --- */
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes cart-scale {
  0% {
    transform: scale(1) translateY(50%);
  }
  50% {
    transform: scale(1.15) translateY(50%);
  }
  100% {
    transform: scale(1) translateY(50%);
  }
}
/* --- Text Input --- */
/* Don't show autocomplete background */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
input[type='date']::-webkit-inner-spin-button,
input[type='date']::-webkit-calendar-picker-indicator,
input[type='time']::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
input[type='text'],
input[type='number'],
input[type='tel'],
input[type='email'],
input[type='password'],
input[type='time'],
input[type='date'],
select,
textarea {
  width: 100%;
  min-height: 2.625rem;
  color: var(--color-gray-700);
  border-bottom: 1px solid var(--color-gray-300);
  padding: 0.5rem 0.75rem;
  outline: none;
  transition: border-color 0.2s;
  background-position: center right 0.75rem;
  background-size: 1.25rem;
}
input[type='text']:focus-visible,
input[type='number']:focus-visible,
input[type='tel']:focus-visible,
input[type='email']:focus-visible,
input[type='password']:focus-visible,
input[type='time']:focus-visible,
input[type='date']:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: none;
}
input[type='text']:hover,
input[type='number']:hover,
input[type='tel']:hover,
input[type='email']:hover,
input[type='password']:hover,
input[type='time']:hover,
input[type='date']:hover,
select:hover,
textarea:hover {
  border-color: var(--color-gray-500);
}
input[type='text']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='time']:focus,
input[type='date']:focus,
select:focus,
textarea:focus {
  border-bottom: 2px solid var(--color-info-500);
}
/* --- Text Input Field --- */
.field {
  position: relative;
  padding-top: 1rem;
}
.field > input::-moz-placeholder,
.field > textarea::-moz-placeholder {
  color: transparent;
}
.field > input::placeholder,
.field > textarea::placeholder {
  color: transparent;
}
.field > label {
  position: absolute;
  top: 0.5rem;
  left: 0;
  padding: 0.5rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: 0.2s;
}
.field > input:not(:-moz-placeholder-shown) ~ label,
.field > textarea:not(:-moz-placeholder-shown) ~ label {
  transform: scale(0.85) translateY(-0.75rem) translateX(0.1rem);
}
.field > input:focus ~ label,
.field > input:not(:placeholder-shown) ~ label,
.field > textarea:focus ~ label,
.field > textarea:not(:placeholder-shown) ~ label {
  transform: scale(0.85) translateY(-0.75rem) translateX(0.1rem);
}
.field > input:focus ~ label,
.field > textarea:focus ~ label {
  color: var(--color-info-500);
}
/* --- Select --- */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: var(--icon-arrow_bottom-gray);
  padding-right: 2.25rem;
  background-color: transparent;
}
/* --- Toggle --- */
.toggle .toggle-control {
  position: relative;
  width: 4.5rem;
  height: 1.75rem;
  border-radius: var(--border-radius-max);
  cursor: pointer;
  border: 1px solid var(--color-gray-700);
  background-color: rgba(0, 0, 0, 0.06);
  transition: 0.4s;
  background-position: center left 0.75rem;
  background-size: 0;
  background-image: url('/ui/system/icons/white/correct.svg');
  overflow: hidden;
}
.toggle .toggle-control::after {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  border-radius: var(--border-radius-rounded);
  position: absolute;
  top: 50%;
  left: 1px;
  background-color: #ffffff;
  transform: translateY(-50%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: 0.4s;
}
.toggle input:checked + .toggle-control::after {
  left: calc(100% - 1.5rem - 1px);
}
.toggle input {
  display: none;
}
.toggle input:checked + .toggle-control {
  background-size: 1rem;
  border-color: var(--color-success-500);
  background-color: var(--color-success-500);
}
/* --- Buttons --- */
input[type='submit'],
input[type='button'],
a.gradient-btn,
a.back-btn,
.cart-back-btn > a,
.cart-pay-btn > a,
.set-coupon-btn,
.edit-cookies-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 3.125rem;
  border-radius: var(--border-radius-lg);
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-weight: 500;
}
.gradient-btn,
input[type='submit'].gradient-btn,
input[type='button'],
.recomend-product-icon::before,
.item-buy-now::before,
.bottom-panel .bottom-btn-cart > h4,
.bottom-panel .bottom-btn-cart > h4::before,
.cart-sum .cart-bottom-btns .cart-pay-btn > a,
.menu .menu-btn.account-menu .menu-btn-content::before,
.call-button::before,
.review-user-img::before,
.cart-pay-btn a,
.overlay-enhancement-content .delete-btn::before,
.configurator-render-box .delete-btn::before,
.review-content-reply,
.account-info-center,
.account-info-center::before,
.items-title h2,
.items-title h2::before,
.items-title h2::after,
.daily-menu-day,
.daily-menu-day::before,
.daily-menu-day::after,
.timed-order-wrapper .time-select-container > div:hover:not(.disabled),
.timed-order-wrapper .time-select-container > div.active,
.timed-order-wrapper > .day-select-row > .day-select-row > .day.active,
.item-sale-date,
.sticker-timed {
  color: var(--color-white);
  background-image: linear-gradient(to top right, var(--color-primary-500), var(--color-primary-600));
}
a.back-btn {
  background-color: var(--color-white);
  color: var(--color-gray-700);
  border-radius: var(--border-radius-xl);
  border: 1px solid var(--color-gray-500);
  font-weight: 300;
  z-index: 100;
}
a.back-btn:hover {
  background-color: var(--color-gray-100);
}
.cart-sum .cart-bottom-btns .cart-pay-btn > a.require-consent,
input[type='button'].add-to-cart-unavailable {
  background-image: none;
  background-color: var(--color-gray-500) !important;
  cursor: not-allowed;
}
/* --- Banners --- */
.app-banner-content {
  max-width: 2560px;
  margin: 0 auto;
}
.app-banner-content.banner-version-eshop,
.app-banner-content.banner-version-eshop_multiapp {
  display: none;
}
.app-banner-content .swiper-slide > img {
  width: 100%;
}
.app-banner-content .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  background-color: var(--color-brand-500);
}
@media (min-width: 1024px) {
  .app-banner-content.banner-version-app,
  .app-banner-content.banner-version-app_multiapp {
    display: none;
  }
  .app-banner-content.banner-version-eshop,
  .app-banner-content.banner-version-eshop_multiapp {
    display: block;
  }
}
/* --- Bottom Panel --- */
.bottom-panel {
  z-index: 100;
  display: flex;
  position: fixed;
  left: 0;
  bottom: 0;
  height: 2.5rem;
  width: 100%;
}
.bottom-panel::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--color-white);
  opacity: 0.9;
}
.bottom-panel .bottom-btn,
.bottom-panel .bottom-btn-cart {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-position: center;
  background-size: auto 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 20%;
}
.bottom-panel .bottom-btn.orders-icon {
  background-image: var(--icon-orders-gray);
}
.bottom-panel .bottom-btn.favorite-food {
  background-image: var(--icon-heart-gray);
}
.bottom-panel .bottom-btn.favorite-food:hover {
  background-image: var(--icon-heart_active-gray);
}
.bottom-panel .bottom-btn-cart {
  z-index: 1;
  position: relative;
  border-radius: 50%;
}
.bottom-panel .bottom-btn-cart::before {
  content: '';
  width: 4.75rem;
  height: 4.75rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  border-radius: 50%;
  z-index: -2;
}
.bottom-panel .bottom-btn-cart::after {
  content: '';
  width: 4.75rem;
  height: 4.75rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: var(--icon-cart_empty-gray);
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.bottom-panel .bottom-btn-cart > h4 {
  margin-left: 30px;
  margin-bottom: 12px;
  width: 18px;
  height: 18px;
  font-size: 13px;
  border-radius: 4px;
  font-weight: 500;
  color: var(--color-white);
}
.bottom-panel .bottom-btn-cart > h4::before {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: 15px;
  bottom: 39%;
  width: 22px;
  height: 21px;
  border-radius: 4px;
  z-index: -1;
  transform: translateX(-50%);
}
.bottom-panel .bottom-btn-cart.empty h4 {
  display: none;
}
.bottom-panel .bottom-btn.customer-icon {
  background-image: var(--icon-customer-gray);
}
.bottom-panel .bottom-btn.points .bottom-btn-center {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  line-height: 1;
}
.bottom-panel .bottom-btn.points .bottom-btn-center > h4 {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-primary-500);
}
.bottom-panel .bottom-btn.points .bottom-btn-center > label {
  font-size: 12px;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .bottom-panel {
    bottom: unset;
    left: unset;
    top: 1.25rem;
    right: 12rem;
    z-index: 101;
    width: 14rem;
    justify-content: flex-end;
  }
  .bottom-panel::before {
    content: unset;
  }
  .bottom-panel .bottom-btn {
    max-width: 25%;
  }
  .bottom-panel .bottom-btn.orders-icon {
    background-image: var(--icon-orders-white);
  }
  .bottom-panel .bottom-btn.favorite-food {
    background-image: var(--icon-heart-white);
    transition: 0.1s;
  }
  .bottom-panel .bottom-btn.favorite-food:hover {
    background-image: var(--icon-heart_active-white);
  }
  .bottom-panel .bottom-btn-cart {
    position: absolute;
    right: -9rem;
    top: 0;
    transform: translateY(50%);
  }
  .bottom-panel .bottom-btn-cart.animation {
    animation: cart-scale 1s;
  }
  .bottom-panel .bottom-btn-cart::before {
    content: unset;
  }
  .bottom-panel .bottom-btn-cart::after {
    background-image: var(--icon-cart_empty-white);
  }
  .bottom-panel .bottom-btn.customer-icon {
    background-image: var(--icon-customer-white);
  }
  .bottom-panel .bottom-btn.points .bottom-btn-center > h4,
  .bottom-panel .bottom-btn.points .bottom-btn-center > label {
    color: var(--color-white);
  }
}
@media (min-width: 1920px) {
  .bottom-panel {
    right: unset;
    left: calc(50% + 41rem);
    transform: translateX(-50%);
  }
}
/* --- Food Types --- */
.extended-menu {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
}
.extended-menu .food-types {
  display: flex;
  max-width: 1024px;
  overflow: auto;
  padding: 0 1.5rem;
  -webkit-overflow-scrolling: touch;
}
.extended-menu .food-types .food-type-button.invisible {
  display: flex;
}
.extended-menu .food-type-button.show-extra,
.extended-menu .food-type-button.show-extra.invisible,
.extended-menu .food-type-button.hide-extra,
.extended-menu .food-type-button.hide-extra.invisible {
  display: none !important;
}
.extended-menu .food-types .food-type-button {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 0.25rem;
  padding: 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.extended-menu .food-types .food-type-button::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: calc(100% - 1rem);
  height: 2px;
  background-color: var(--color-primary-500);
  opacity: 0;
  transform: translateX(-50%);
  transition: 0.3s ease;
}
.extended-menu .food-types .food-type-button:hover::before,
.extended-menu .food-types .food-type-button.active::before {
  opacity: 1;
}
.extended-menu .food-types .food-type-button.show-extra,
.extended-menu .food-types .food-type-button.hide-extra {
  display: none !important;
}
.extended-menu .food-types .food-type-button > img {
  width: 1.75rem;
}
.extended-menu .food-types.js-item-type-sub .food-type-button {
  padding: 0.5rem 1rem;
}
@media (min-width: 640px) {
  .extended-menu {
    align-items: center;
  }
  .extended-menu .food-types {
    justify-content: center;
    flex-wrap: wrap;
  }
}
/* --- Footer --- */
footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--color-dark-900);
  color: var(--color-white);
  margin-top: auto;
}
footer .footer-box {
  width: 100%;
  max-width: 1280px;
  display: flex;
  flex-direction: column;
}
footer .footer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1rem;
}
footer .footer-logo {
  height: 12rem;
  width: 100%;
  max-width: 16rem;
  background-position: center;
  background-size: 100% auto;
  margin: 1rem 0;
}
footer .footer-column {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
footer .footer-33-col {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer .footer-33-col > h4,
footer .footer-payment-box > h4 {
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
}
footer .footer-33-col > p {
  text-align: center;
}
footer .footer-payment-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
footer .footer-payment-type {
  width: 2.5rem;
  height: 2.5rem;
  background-size: 100%;
  background-position: center;
}
footer .footer-info-btn {
  font-weight: 500;
  font-size: 1.75rem;
}
footer .social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
footer .social-link {
  background-position: center;
  height: 1.75rem;
  padding: 0 1.125rem;
}
footer .footer-factory-select-content {
  margin-top: 1rem;
}
footer .footer-select-factory {
  display: flex;
  padding: 0.5rem 1rem;
  border: 1px solid var(--color-white);
  border-radius: var(--border-radius-lg);
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
footer .footer-select-factory-icon {
  background-image: var(--icon-arrow_bottom-white);
  background-size: auto 100%;
  background-position: center;
  width: 1rem;
  height: 1.5rem;
  transform: rotate(-90deg);
  transition: 0.3s ease;
}
footer .footer-select-factory:hover .footer-select-factory-icon {
  transform: rotate(0deg);
}
footer .open-hours-content {
  width: 100%;
  max-width: 20rem;
  display: flex;
  justify-content: space-between;
}
footer .open-hours-content:first-of-type {
  margin-top: 0.5rem;
}
footer .footer-app-content {
  display: none;
}
footer .footer-author {
  text-align: center;
  margin: 2rem 1rem 7rem 1rem;
}
footer .footer-author > a {
  opacity: 0.5;
  transition: 0.2s ease;
}
footer .footer-author > a:hover {
  opacity: 1;
}
@media (min-width: 640px) {
  footer {
    display: flex;
  }
  footer .footer-column {
    flex-direction: row;
    justify-content: center;
  }
  footer .footer-info-btn {
    font-size: 1.5rem;
  }
  footer .footer-factory-select-content {
    margin-top: 3rem;
    align-self: center;
  }
}
@media (min-width: 1280px) {
  footer .footer-logo {
    width: 20rem;
  }
  footer .footer-content {
    position: relative;
    flex-direction: row;
    padding-top: 4rem;
    gap: 2rem;
  }
  footer .footer-33-col {
    align-items: flex-start;
    max-width: unset;
  }
  footer .footer-payment-box > h4 {
    text-align: start;
  }
  footer .footer-app-content {
    width: 20rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }
  footer .footer-app-content > a {
    width: 8rem;
    height: 2.75rem;
    background-size: auto 100%;
    background-position: center;
  }
  footer .footer-author {
    text-align: end;
    margin-bottom: 1.5rem;
  }
}
/* Payment Types Icons */
.mastercard-accepted-payment {
  background-image: var(--icon-payment-type-mastercard-white);
}
.visa-accepted-payment {
  background-image: var(--icon-payment-type-visa-white);
}
.gpwebpay-accepted-payment {
  background-image: var(--icon-payment-type-gpwebpay-white);
}
.maestro-accepted-payment {
  background-image: var(--icon-payment-type-maestro-white);
}
.b-payment-accepted-payment {
  background-image: var(--icon-payment-type-b-payment-white);
}
.gopay-accepted-payment {
  background-image: var(--icon-payment-type-gopay-white);
}
.ticket-restaurant-accepted-payment {
  background-image: var(--icon-payment-type-ticket-white);
}
.nase-stravenka-accepted-payment {
  background-image: var(--icon-payment-type-nase-stravenka-white);
}
.sodexo-accepted-payment {
  background-image: var(--icon-payment-type-sodexo-white);
}
.edenred-accepted-payment {
  background-image: var(--icon-payment-type-edenred-white);
}
.up-accepted-payment {
  background-image: var(--icon-payment-type-up-white);
}
/* Social Icons */
.social-icon-fb {
  background-image: var(--icon-social-facebook-white);
}
.social-icon-instagram {
  background-image: var(--icon-social-instagram-white);
}
.social-icon-twitter {
  background-image: var(--icon-social-twitter-white);
}
.social-icon-google_companies {
  background-image: var(--icon-social-google_companies-white);
}
.social-icon-seznam_firmy {
  background-image: var(--icon-social-seznam_firmy-white);
}
/* App Store Icons */
.appstore {
  background-image: var(--icon-store-app_store-white);
}
.googleplay {
  background-image: var(--icon-store-google_play-white);
}
/* --- Tracking Box --- */
.order-tracking-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  z-index: 99;
  padding: 1rem;
}
.order-tracking-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 18rem;
  background-color: color-mix(in srgb, var(--color-white) 90%, transparent);
  border: 1px solid var(--color-gray-400);
  border-radius: var(--border-radius-lg);
  padding: 1rem 0.5rem;
  text-align: center;
  font-size: 0.75rem;
}
.order-tracking-content > br {
  display: none;
}
.order-tracking-content .paragon {
  font-size: 1rem;
  margin-top: 1rem;
}
.order-tracking-content > h3 {
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
}
.order-tracking-icon {
  width: 3rem;
  height: 3rem;
  margin: 0.5rem auto 0 auto;
}
.order-tracking-new .order-tracking-icon {
  background-image: var(--icon-order_new-gray);
  animation: rotate 1s infinite;
}
.order-tracking-new > h3 {
  color: var(--color-gray-700);
}
.order-tracking-confirmed .order-tracking-icon {
  background-image: var(--icon-order_confirmed-green);
}
.order-tracking-confirmed > h3 {
  color: var(--color-success-500);
}
.order-tracking-indelivery .order-tracking-icon {
  background-image: var(--icon-order_on_way-green);
}
.order-tracking-indelivery > h3 {
  color: var(--color-success-500);
}
.order-tracking-delivered .order-tracking-icon {
  background-image: var(--icon-order_delivered-green);
}
.order-tracking-delivered > h3 {
  color: var(--color-success-500);
}
.order-tracking-cancelled .order-tracking-icon {
  background-image: var(--icon-order_cancelled-red);
}
.order-tracking-cancelled > h3 {
  color: var(--color-error-500);
}
@media (min-width: 1024px) {
  .order-tracking-box {
    position: absolute;
    top: 9rem;
    left: 50%;
    flex-direction: column;
    transform: translateX(-50%);
    pointer-events: none;
    width: 100%;
    max-width: 2560px;
  }
  .order-tracking-content {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }
}
@media (min-width: 1536px) {
  .order-tracking-box {
    position: fixed;
  }
}
/* --- Items --- */
.items {
  display: flex;
  flex-wrap: wrap;
  max-width: 1280px;
  margin: 0 auto 5rem auto;
  gap: 1rem;
  padding: 2rem 1rem;
}
.items .items-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.items .items-title h2,
.items .daily-menu-day {
  display: flex;
  width: 100%;
  position: relative;
  text-align: center;
  align-items: center;
  z-index: 1;
  margin: 1rem 0 0.25rem 0;
  overflow: hidden;
  font-size: 1.625rem;
  font-weight: 500;
  color: var(--color-primary-500);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  gap: 1rem;
  flex-wrap: wrap;
}
.items .daily-menu-day {
  margin-bottom: 0.5rem;
}
.items .items-title > h2::before,
.items .items-title > h2::after,
.items .daily-menu-day::before,
.items .daily-menu-day::after {
  content: '';
  display: block;
  height: 3px;
  border-radius: 4px;
  flex-grow: 1;
  transform: translateY(2px);
}
.items .items-title p {
  padding: 0 0.75rem 1rem 0.75rem;
}
.items .item {
  position: relative;
  width: calc(48vw - 1.75rem);
  max-width: 49%;
  flex-grow: 0.5;
  padding-bottom: 1rem;
}
.items .item .content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.items .item .item-photo-content {
  position: relative;
  width: 100%;
  background-size: 0;
}
.items .item .item-photo-content::before {
  content: '';
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-image: inherit;
  background-size: 100%;
  background-position: center;
  border-radius: var(--border-radius-lg);
}
.items .item .item-photo-content .stickers-content {
  position: absolute;
  top: 0rem;
  left: 0rem;
  padding: 0.5rem;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.25rem;
}
.items .item .item-photo-content .stickers-content .sticker {
  font-size: 0.75rem;
  padding: 0.125rem 0.5rem;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: var(--border-radius-sm);
}
.items .item .item-photo-content-bottom {
  margin: 0.5rem 0;
}
.items .item .item-photo-content-bottom > h4 {
  font-weight: 500;
}
.items .item .item-photo-content-bottom > p {
  font-size: 0.75rem;
  opacity: 0.75;
}
.items .item .item-info-panel {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.items .item .item-info-panel .item-info-btn:nth-child(1) {
  display: flex;
  justify-content: center;
}
.items .item .item-info-panel .item-info-btn:nth-child(1) > select {
  width: 100%;
  border: 1px solid var(--color-gray-300);
  border-radius: var(--border-radius-lg);
}
.items .item .item-info-panel .item-info-btn:nth-child(1) > select:hover {
  border-color: var(--color-gray-500);
}
.items .item .item-info-panel .item-info-btn:nth-child(1) > select:focus {
  border: 1px solid var(--color-info-500);
}
.items .item .item-info-panel .item-info-btn:nth-child(2) {
  height: 1.5rem;
}
.items .item .item-info-panel .item-info-btn:nth-child(2) > h4 {
  font-weight: 500;
  font-size: 1.125rem;
}
.items .item .item-info-panel .item-info-btn:nth-child(3) {
  position: absolute;
  top: 0;
  right: 0;
}
.items .item .item-buy-now {
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-white);
  background-image: var(--icon-plus-white);
  background-size: 60%;
  background-position: center;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.9rem;
  overflow: hidden;
}
.items .item .item-buy-now::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
}
.items .item .item-buy-btn {
  display: none;
}
.items .item[data-food-type*='daily_menu'] .item-photo-content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.25rem;
}
.items .item[data-food-type*='daily_menu'] .stickers-content {
  display: contents;
}
.items .item[data-food-type*='daily_menu'] .item-photo-content::before {
  content: unset;
}
.items .item[data-food-type*='daily_menu'] .item-sale-date {
  display: flex;
  gap: 0.25rem;
  text-align: center;
  border-radius: var(--border-radius-sm);
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.125rem 0.5rem;
  text-transform: uppercase;
}
.items .item[data-food-type*='daily_menu'] .item-photo-content-bottom {
  width: 100%;
  margin-top: 0;
}
@media (min-width: 470px) {
  .items .item .item-buy-now {
    width: auto;
    height: 2.75rem;
    bottom: 0.25rem;
    background-image: none;
    border-radius: 0.75rem;
    padding: 0 0.5rem;
  }
  .items .item .item-buy-now::after {
    content: 'Přidat do košíku';
  }
}
@media (min-width: 640px) {
  .items {
    justify-content: center;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }
  .items .item {
    flex-grow: 0;
    max-width: 16rem;
  }
  .items .item .item-buy-now {
    font-size: 1rem;
    padding: 0 1.75rem;
  }
}
/* --- Menu --- */
.menu {
  display: flex;
  pointer-events: none;
  opacity: 0;
  position: fixed;
  flex-direction: column;
  align-items: center;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 102;
  padding: 1rem;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: color-mix(in srgb, var(--color-black) 85%, transparent);
  transform: scale(0);
  transition: 0.3s;
}
.menu.active {
  transform: scale(1);
  opacity: 1;
  pointer-events: all;
}
.menu .menu-hide-btn {
  width: 2.5rem;
  height: 2.5rem;
  background-image: var(--icon-delete-white);
  background-size: 80%;
  background-position: center;
  align-self: flex-end;
  cursor: pointer;
  z-index: 1;
}
.menu .menu-image-top {
  display: none;
}
.menu .menu-content {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  align-content: flex-start;
  position: relative;
  padding-bottom: 5rem;
  gap: 0.75rem;
  margin-top: 3.5rem;
  max-width: 1024px;
  width: 100%;
}
.menu .menu-btn {
  display: flex;
  width: calc(50% - 0.625rem);
  cursor: pointer;
}
.menu .menu-btn .menu-btn-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.5rem 0.5rem 0.5rem 2.75rem;
  min-height: 3.5rem;
  width: 100%;
  background-size: 1.5rem;
  background-position: center left 0.5rem;
  color: var(--color-white);
  line-height: 1.1;
  font-weight: 500;
}
.menu .menu-btn .menu-btn-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-md);
  background-color: var(--color-black);
  opacity: 0;
  z-index: -1;
  transition: 0.2s ease;
}
.menu .menu-btn:hover .menu-btn-content::before {
  opacity: 0.5;
}
.menu .menu-btn.selected .menu-btn-content::before {
  opacity: 1;
}
.menu .menu-btn .menu-btn-content.offer-icon {
  background-image: var(--icon-offer-white);
}
.menu .menu-btn .menu-btn-content.cart-icon {
  background-image: var(--icon-cart-white);
}
.menu .menu-btn .menu-btn-content.reservation-icon-tables_form {
  background-image: var(--icon-table-white);
}
.menu .menu-btn .menu-btn-content.fire-icon {
  background-image: var(--icon-fire-white);
}
.menu .menu-btn .menu-btn-content.pointer-icon {
  background-image: var(--icon-pointer-white);
}
.menu .menu-btn .menu-btn-content.photo-icon {
  background-image: var(--icon-photo-white);
}
.menu .menu-btn .menu-btn-content.salad-icon {
  background-image: var(--icon-salad-white);
}
.menu .menu-btn .menu-btn-content.terms-icon {
  background-image: var(--icon-terms-white);
}
.menu .menu-btn.account-menu {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: none;
}
.menu .menu-btn.account-menu .menu-btn-content {
  padding: 0.5rem;
  font-weight: 500;
  border-radius: var(--border-radius-md);
}
.menu .menu-btn.account-menu .menu-btn-content::before {
  opacity: 1;
}
.menu .menu-signature {
  margin-top: 1rem;
  color: var(--color-white);
  background-size: 1.5rem;
  background-position: center left;
  padding-left: 2rem;
  opacity: 0.5;
}
@media (min-width: 768px) {
  .menu .menu-hide-btn {
    position: absolute;
    top: 5.5rem;
    right: 2rem;
  }
  .menu .menu-content {
    margin-top: 0;
    align-content: center;
    justify-content: center;
    gap: 3rem;
  }
  .menu .menu-btn {
    width: auto;
    font-size: 1.5rem;
  }
  .menu .menu-btn .menu-btn-content {
    background-size: 2.5rem;
    background-position: center left 1rem;
    padding: 1.25rem 1.25rem 1.25rem 4.5rem;
  }
  .menu .menu-btn.account-menu {
    width: auto;
    min-width: 12rem;
    left: 50%;
    bottom: unset;
    top: 75%;
    transform: translateX(-50%);
  }
}
/* --- Minibanners --- */
.mini-banners-box {
  margin: 0 auto;
  max-width: 1920px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.mini-banners-box .minibanner {
  width: 100%;
}
@media (min-width: 768px) {
  .mini-banners-box .minibanner {
    width: 25%;
  }
}
/* --- Top Panel --- */
.toppanel {
  position: fixed;
  z-index: 101;
  display: grid;
  grid-template-areas: 'translator-box translator-box translator-box' 'logo multiapp menu';
  grid-template-columns: 1fr auto auto;
  grid-template-rows: 2.5rem 3.5rem;
  top: 0;
  width: 100%;
  max-width: 1920px;
  left: 50%;
  transform: translateX(-50%);
  align-content: center;
  transition: 0.4s ease;
}
.toppanel::before {
  content: '';
  position: fixed;
  top: 0;
  left: -200%;
  width: 300vw;
  height: 100%;
  background-color: var(--color-dark-800);
  z-index: -1;
}
.toppanel.mini-menu {
  grid-template-rows: 0 3.5rem;
}
.toppanel .multiapp-back {
  grid-area: multiapp;
  background-image: var(--icon-pointer-white);
  background-position: center;
  background-size: 50%;
  width: 3.75rem;
  height: 100%;
  cursor: pointer;
  margin: 0 0.125rem 0 auto;
}
.toppanel .toppanel-btn {
  grid-area: menu;
  background-image: var(--icon-menu_list-white);
  background-position: center;
  background-size: 50%;
  width: 3.75rem;
  height: 100%;
}
.toppanel .translator-box {
  grid-area: translator-box;
  background-color: var(--color-gray-800);
  overflow: hidden;
}
.toppanel .skiptranslate.goog-te-gadget {
  display: block;
  color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.toppanel .goog-te-gadget > span {
  display: none;
}
.toppanel .goog-te-gadget select.goog-te-combo {
  height: 2.5rem;
  width: 100%;
  display: block;
  background-color: transparent;
  background-image: var(--icon-arrow_bottom-white);
  color: var(--color-white);
  outline: none;
  border: none;
  padding: 0.5rem 2.25rem 0.5rem 0.75rem;
  background-size: 1.25rem;
}
.toppanel .goog-te-gadget select.goog-te-combo option {
  color: var(--color-gray-700);
}
.toppanel > a {
  grid-area: logo;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0.625rem;
  max-width: 22rem;
}
.toppanel > a > img {
  cursor: pointer;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  max-height: 90%;
}
@media (min-width: 640px) {
  .toppanel {
    grid-template-areas: 'multiapp logo translator-box menu';
    grid-template-columns: auto auto 1fr auto;
    grid-template-rows: 5rem;
    height: 5rem;
    padding: 0 1rem;
  }
  .toppanel.mini-menu {
    grid-template-rows: 5rem;
  }
  .toppanel .multiapp-back {
    margin: 0 0.5rem 0 0;
    width: 4rem;
  }
  .toppanel .toppanel-btn {
    width: 4rem;
  }
  .toppanel .translator-box {
    background-color: transparent;
    display: flex;
    align-items: center;
  }
  .toppanel .skiptranslate.goog-te-gadget {
    display: flex;
    align-items: center;
  }
  .toppanel .goog-te-gadget select.goog-te-combo {
    height: 2.5rem;
    display: block;
    background-color: transparent;
    outline: none;
    margin-left: 0.5rem;
  }
}
@media (min-width: 1024px) {
  .toppanel .toppanel-btn {
    margin: 0 7rem 0 0;
  }
}
.skiptranslate {
  display: none;
}
/* --- Filter Products --- */
.filter-products-box {
  position: relative;
  padding: 1rem;
  max-width: 1280px;
  margin: 0 auto;
}
.js-toggle-list-view {
  display: none;
}
button.filter-products-btn {
  position: absolute;
  right: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0px;
  background-image: var(--icon-magnify-gray);
  background-color: var(--color-gray-100);
  background-size: 60%;
  background-position: center;
  border-radius: var(--border-radius-md);
  border: 1px solid var(--color-gray-600);
  transition: 0.2s;
  z-index: 1;
}
button.filter-products-btn:hover {
  background-color: var(--color-gray-200);
}
.filter-products-content {
  display: flex;
  height: 0;
  opacity: 0;
  overflow: hidden;
  flex-direction: column;
  gap: 1rem;
  transform: scale(0);
  transform-origin: top right;
  transition: 0.2s;
}
.filter-products-content.active {
  height: 12rem;
  opacity: 1;
  transform: scale(1);
}
.filter-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.search-box input {
  background-image: var(--icon-magnify-gray);
  padding-right: 2.25rem;
}
.filter-title {
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--color-gray-600);
}
@media (min-width: 640px) {
  .filter-products-content {
    flex-direction: row;
    justify-content: center;
    transform: none;
    max-width: 768px;
    margin: 0 auto;
  }
  .filter-products-content.active {
    height: 5.5rem;
    transform: none;
  }
  .filter-content {
    width: 100%;
  }
  .filter-content:nth-child(2) {
    gap: 1rem;
  }
}
/* --- Alergens --- */
.alergens-box {
  max-width: 1024px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 2rem;
  margin: 0 auto;
  padding: 0 1rem;
}
.alergens-box > h4 {
  margin-top: 1rem;
  font-size: 2rem;
  font-weight: 500;
  grid-column: 1/-1;
}
.alergen-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: center;
  border: 1px solid var(--color-gray-200);
  border-radius: var(--border-radius-md);
  padding: 3.5rem 1rem 1.5rem 1rem;
}
.alergen-content > h1 {
  position: relative;
  font-size: 2.5rem;
  font-weight: 500;
  margin-bottom: 2rem;
  color: var(--color-primary-500);
}
.alergen-content > h1::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8rem;
  height: 8rem;
  border-radius: var(--border-radius-rounded);
  border: 1px solid var(--color-primary-500);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.alergen-content > h3 {
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--color-primary-500);
}
/* --- Company Terms --- */
.slide#company-terms {
  max-width: 1024px;
  margin: 0 auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
.slide#company-terms .edit-cookies-btn {
  margin-top: 1rem;
}
.slide#company-terms .edit-cookies-btn:hover {
  background-color: var(--color-primary-600);
}
.slide#company-terms > h4 {
  font-size: 2rem;
  font-weight: 500;
  margin: 0.5rem 0;
}
.slide#company-terms > h4 + div {
  white-space: pre-wrap;
}
/* --- Gallery --- */
.gallery-box {
  width: 100%;
  max-width: 1024px;
  margin: 2rem auto 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  gap: 1rem;
  justify-items: center;
  align-items: start;
  padding: 0 1rem;
}
.gallery-box .no-content {
  width: 100%;
  text-align: center;
  background-image: var(--icon-no_photos-gray);
  background-size: 13.5rem;
  background-position: center top;
  padding-top: 13.5rem;
  margin: 8rem auto 0 auto;
}
.gallery-box > a {
  width: 100%;
  border-radius: var(--border-radius-lg);
  overflow: hidden;
}
.gallery-content {
  display: flex;
  flex-direction: column;
  aspect-ratio: 16/9;
  background-size: cover;
  background-position: center;
}
.gallery-date {
  margin: 0.5rem auto 0 auto;
  border-radius: var(--border-radius-md);
  padding: 0.25rem 0.5rem;
  font-size: 0.8rem;
  color: var(--color-white);
}
.gallery-bottom-content {
  display: flex;
  flex-wrap: wrap;
  margin-top: auto;
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
  padding: 0.5rem;
  color: var(--color-white);
  position: relative;
}
.gallery-bottom-content::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  pointer-events: none;
}
.gallery-bottom-content > h4 {
  width: 100%;
  font-size: 1.5rem;
  font-weight: 500;
  z-index: 1;
}
.gallery-bottom-content > label {
  background-size: 1rem;
  background-position: center left;
  padding-left: 1.25rem;
  z-index: 1;
  cursor: pointer;
}
.photo-icon {
  background-image: var(--icon-photo-white);
}
.movie-icon {
  background-image: var(--icon-movie-white);
}
/* --- Gallery Details --- */
.gallery-photo-detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  max-width: 1024px;
  margin: 0 auto;
}
.gallery-photo-detail .back-btn {
  position: sticky;
  top: 5rem;
  left: 0;
  font-size: 1rem;
  padding: 0 1.5rem 0 2.5rem;
  background-image: var(--icon-arrow_left-gray);
  background-position: center left 1rem;
  background-size: 1rem;
  margin-right: auto;
  margin-left: 1rem;
  min-height: 2.5rem;
}
.gallery-name-title {
  width: 100%;
  order: 1;
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
  margin-top: 1rem;
}
.photo-content-left,
.photo-content-right {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0 1rem;
}
.photo-content-left > a,
.photo-content-right > a {
  border-radius: var(--border-radius-lg);
  overflow: hidden;
}
.photo-content-left a,
.photo-content-left img,
.photo-content-left iframe,
.photo-content-right a,
.photo-content-right img,
.photo-content-right iframe {
  width: 100%;
}
.photo-content-left iframe,
.photo-content-right iframe {
  aspect-ratio: 16/9;
}
.photo-content-left {
  order: 2;
}
.photo-content-right {
  order: 3;
}
@media (min-width: 640px) {
  .gallery-photo-detail .back-btn {
    top: 7rem;
  }
}
@media (min-width: 768px) {
  .photo-content-left {
    padding-right: 0;
  }
  .photo-content-right {
    padding-left: 0;
  }
  .photo-content-left,
  .photo-content-right {
    width: 49%;
  }
}
/* --- Login --- */
.login-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  gap: 1.5rem;
}
.login-wrapper .bottom-href {
  font-weight: 500;
}
.login-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.5rem;
  padding: 0 1rem;
  max-width: 20rem;
}
.login-content > h3 {
  font-size: 1.5rem;
  font-weight: 500;
}
.login-content .login-frm,
.login-content .pair-frm {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.login-content .login-frm input[type='submit']:hover,
.login-content .pair-frm input[type='submit']:hover {
  background-color: var(--color-primary-600);
}
.login-content .login-frm input.email-icon {
  background-image: var(--icon-email-gray);
  padding-right: 2.25rem;
}
.login-content .pair-frm input.calculator-icon {
  background-image: var(--icon-calculator-gray);
  padding-right: 2.25rem;
}
.login-article-column {
  display: none;
}
/* --- Account --- */
.account-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0 1rem;
}
.account-info-circle {
  background: none;
}
.account-info-center {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 500;
  color: var(--color-primary-500);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 2rem 0;
}
.account-info-center > h4 {
  font-size: 2.75rem;
  line-height: 2.75rem;
}
.account-info-center > label {
  cursor: text;
}
.account-info-center::before {
  content: '';
  width: 8rem;
  height: 8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: var(--border-radius-rounded);
  pointer-events: none;
  z-index: -2;
}
.account-info-center::after {
  content: '';
  position: absolute;
  inset: 0.5rem;
  width: 7.5rem;
  height: 7.5rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-white);
  border-radius: var(--border-radius-rounded);
  z-index: -1;
}
.account-form-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}
.account-form-box > a:hover {
  background-color: var(--color-primary-600);
}
/* --- Contact --- */
.map-container {
  overflow: hidden;
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}
.map-container a.back-btn {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 101;
}
.map-container a.back-btn.js-back-to-contact {
  font-family: 'Primary';
  z-index: 100;
  transform: translateY(55vh);
}
.map-container .hud .noprint + div > div:first-child {
  position: static !important;
}
.map-content {
  width: 100%;
  height: calc(100vh - 3.5rem);
  transform: translateY(-55vh);
}
.map-info-box {
  position: relative;
  margin-top: -65vh;
  background-color: var(--color-white);
  z-index: 1;
}
.map-info-box > * {
  padding: 0 1rem;
}
.map-info-box > h4,
.map-info-box .open-hours-box > h4,
.map-info-box .contact-form-container > h4 {
  font-size: 1.25rem;
  font-weight: 500;
  border-bottom: 1px solid var(--color-gray-400);
  margin: 0.5rem 0;
}
.map-info-box > h4 {
  padding: 0;
  margin: 0.5rem 1rem;
}
.map-info-box .open-hours-content {
  display: flex;
  justify-content: space-between;
}
#mapInfoContent {
  padding: 0;
}
.map-content-image {
  background-size: 0;
}
.map-content-title {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  padding: 1rem 1rem 0.5rem 1rem;
}
.map-bottom-panel,
.call-button-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.map-bottom-panel h3.js-contact-telephone,
.call-button-content h3.js-contact-telephone {
  font-weight: 500;
}
.map-bottom-panel .call-button,
.call-button-content .call-button {
  position: relative;
  font-size: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--border-radius-lg);
  background-position: center;
  background-size: 50%;
  cursor: pointer;
  overflow: hidden;
}
.map-bottom-panel .call-button::before,
.call-button-content .call-button::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
}
.map-bottom-panel {
  padding: 0 1rem;
  margin-top: 0.5rem;
}
.map-bottom-panel .call-button {
  background-image: var(--icon-pointer-white);
}
.call-button-content .call-button {
  background-image: var(--icon-mobile-white);
}
#contact-form {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1rem;
}
#contact-form > .field {
  width: 100%;
}
#contact-form input[type='submit']:hover {
  background-color: var(--color-primary-600);
}
.contact-bottom-panel {
  flex-grow: 1;
}
.message-responce-time-comment {
  text-align: center;
  margin-top: 1rem;
}
#legend {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 3rem;
  padding: 0.5rem;
  border-radius: var(--border-radius-sm);
  overflow: hidden;
  z-index: 1;
}
#legend::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  opacity: 0.75;
  z-index: -1;
}
#legend > h3 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
  color: var(--color-gray-700);
}
#legend > div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#legend .legend-color-box {
  width: 1rem;
  height: 1rem;
}
.smap img {
  max-width: unset;
}
@media (min-width: 1024px) {
  #contact {
    padding-bottom: 0;
  }
  .map-content {
    height: calc(100vh - 4.5rem);
    transform: none;
  }
  .map-container {
    display: flex;
    flex-direction: row-reverse;
  }
  .map-container .back-btn {
    display: none;
  }
  .map-info-box {
    margin-top: 0;
    padding: 0;
    min-width: 32rem;
  }
  .map-content-image {
    background-size: cover;
    aspect-ratio: 16/9;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .map-content-title {
    color: var(--color-white);
    margin-bottom: 0rem;
    background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  }
  .map-bottom-panel,
  .call-button-content {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .map-bottom-panel .call-button, 
  .call-button-content .call-button {
    pointer-events: none;
    border-radius: var(--border-radius-rounded);
  }
}
/* --- Item Detail --- */
.item-detail-box {
  position: relative;
}
.item-detail-box .back-btn {
  top: 1rem;
  left: 1rem;
  position: absolute;
  font-size: 0;
  background-image: var(--icon-arrow_left-gray);
  background-size: 40%;
  background-position: center;
  width: 3.5rem;
  min-height: 3.5rem;
  border-radius: var(--border-radius-rounded);
  z-index: 1;
}
.item-detail-box .cart-recomend-box {
  grid-area: recommended;
  margin-top: 2rem;
}
.item-detail-box .cart-recomend-box > h4 {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  font-weight: 500;
}
.product-detail {
  position: relative;
  display: grid;
  grid-template-areas: 'photo' 'stickers' 'name' 'description' 'info' 'add-to-cart' 'social' 'recommended';
  grid-template-columns: 100%;
  max-width: 1024px;
  margin: 0 auto;
}
.item-detail-photo-content {
  display: contents;
}
.item-detail-photo-content::before {
  content: '';
  grid-area: photo;
  display: block;
  width: 100%;
  max-width: 100vw;
  aspect-ratio: 1/1;
  background-image: inherit;
  background-size: 100%;
  background-position: center;
  transition: 0.3s;
  cursor: zoom-in;
}
.stickers-detail-content {
  grid-area: stickers;
  display: flex;
  flex-wrap: wrap;
  align-self: start;
  gap: 0.25rem;
  padding: 0.5rem 1rem;
  pointer-events: none;
}
.stickers-detail-content:empty {
  padding: 0;
}
.stickers-detail-content .sticker {
  border-radius: var(--border-radius-sm);
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 500;
}
.item-detail-name {
  grid-area: name;
  font-size: 1.75rem;
  font-weight: 500;
  padding: 0 1rem;
  pointer-events: none;
}
.favorite-food-box {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.favorite-food-box button {
  height: 3.5rem;
  min-height: unset;
  width: 3.5rem;
  background-image: var(--icon-heart-gray);
  background-size: 50%;
  background-position: center;
  background-color: var(--color-white);
  border-radius: var(--border-radius-rounded);
  border: 1px solid var(--color-gray-500);
}
.favorite-food-box button:hover {
  background-color: var(--color-gray-100);
}
.favorite-food-box button.active {
  background-image: var(--icon-heart_active-gray);
}
.content-detail {
  display: contents;
}
.content-detail .item-info-panel {
  grid-area: info;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 1rem 1rem 1rem;
}
.content-detail .item-info-panel .item-info-btn:nth-child(1) {
  order: 1;
  width: 100%;
  margin: 0.25rem 0 0.5rem 0;
}
.content-detail .item-info-panel .item-info-btn:nth-child(1) > span {
  display: block;
  padding-left: 2rem;
  background-image: var(--icon-weight-gray);
  background-size: 1.5rem;
  min-height: 1.5rem;
}
.content-detail .item-info-panel .item-info-btn:nth-child(2) {
  order: 2;
  font-size: 1.5rem;
  font-weight: 500;
  flex-grow: 1;
}
.content-detail .item-info-panel .item-info-btn:nth-child(3) {
  order: 3;
  display: flex;
  gap: 0.25rem;
}
.content-detail .item-info-panel .item-info-btn:nth-child(3) > .review-star {
  width: 1.5rem;
  height: 1.5rem;
  background-image: var(--icon-star-green);
}
.content-detail .item-info-panel .item-info-btn:nth-child(3) > .review-star.active {
  background-image: var(--icon-star_active-green);
}
.item-detail-desc-box {
  grid-area: description;
  display: flex;
  flex-direction: column;
}
.item-detail-label {
  padding-left: 3rem;
  padding-bottom: 0.375rem;
  padding-top: 0.375rem;
  background-size: 1.5rem;
  background-position: top 0.25rem left 1rem;
  line-height: 1.25;
  min-height: 2rem;
  display: flex;
  align-items: center;
}
.item-detail-label.item-detail-alergens {
  display: flex;
  gap: 1.25rem;
  padding-left: 3.5rem;
}
.item-detail-label.item-detail-alergens .alergen-type {
  position: relative;
}
.item-detail-label.item-detail-alergens .alergen-type::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--border-radius-rounded);
  border: 1px solid var(--color-gray-500);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.add-cart-column {
  grid-area: add-to-cart;
  padding: 0 1rem;
}
.add-cart-column .add-cart-quantity {
  display: none !important;
}
.add-cart-column .add-to-cart,
.add-cart-column .add-to-cart-unavailable {
  width: 100%;
}
.social-box {
  grid-area: social;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
  gap: 0.25rem;
  padding: 1rem;
  width: 100%;
  margin: 0 auto;
  display: none;
}
.social-box > span {
  width: 100%;
}
.social-btn {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--border-radius-rounded);
  background-color: var(--color-primary-500);
  background-position: center;
  background-size: 60%;
  cursor: pointer;
}
.social-btn.js-facebook-share {
  background-image: var(--icon-social-facebook-white);
}
.social-btn.js-twitter-share {
  background-image: var(--icon-social-twitter-white);
}
.item-review-form {
  padding: 0 1rem;
  gap: 0.5rem;
}
.item-review-form > h4 {
  font-size: 1.25rem;
  font-weight: 500;
}
.item-review-form > form {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.review-stars {
  display: flex;
  cursor: pointer;
}
.review-stars-0,
.review-stars-1,
.review-stars-2,
.review-stars-3,
.review-stars-4,
.review-stars-5 {
  box-sizing: content-box;
  width: 2rem;
  height: 2rem;
  background-image: var(--icon-star-green);
  padding: 0 0.125rem;
  transition: 0.2s;
}
.review-stars-0.active,
.review-stars-1.active,
.review-stars-2.active,
.review-stars-3.active,
.review-stars-4.active,
.review-stars-5.active {
  background-image: var(--icon-star_active-green);
}
.item-review-plogin {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1rem;
  gap: 0.5rem;
}
.item-review-plogin .btn-href:hover {
  background-color: var(--color-primary-600);
}
.item-reviews-box {
  max-width: 1024px;
  margin: 0 auto;
}
.review-box {
  margin-top: 1rem;
  padding: 0 1rem;
}
.review-box > h4 {
  font-size: 1.25rem;
  font-weight: 500;
}
input[type='submit'].review-submit:hover {
  background-color: var(--color-primary-600);
}
.reviews-info-column {
  position: relative;
}
.reviews-info-column .tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted var(--color-black);
  cursor: help;
}
.reviews-info-column .tooltiptext {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  max-width: clamp(4rem, 24rem, 100vw - 2rem);
  bottom: 100%;
  left: 0;
  background-color: var(--color-black);
  color: var(--color-white);
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius-sm);
  opacity: 0;
  transition: 0.2s;
  pointer-events: none;
}
.reviews-info-column .tooltip:hover .tooltiptext {
  opacity: 1;
  pointer-events: unset;
}
.reviews-container {
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
}
.review {
  padding-bottom: 0.5rem;
  background-color: var(--color-white);
  border-radius: var(--border-radius-md);
  padding: 0.5rem;
}
.review-content {
  display: flex;
  flex-wrap: wrap;
}
.review-user-img {
  position: relative;
  order: 1;
  width: 3rem;
  height: 3rem;
  background-image: var(--icon-customer-white);
  background-size: 50%;
  background-position: center;
  border-radius: var(--border-radius-rounded);
  overflow: hidden;
  z-index: 1;
}
.review-user-img::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
}
.review-user-icon {
  width: 100%;
  height: 100%;
  background-size: 50%;
  background-position: center;
}
.review-date {
  order: 3;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  min-width: -moz-max-content;
  min-width: max-content;
}
.review-stars-box {
  order: 2;
  display: flex;
  flex-grow: 1;
  padding-left: 0.5rem;
}
.review-stars-box > div {
  width: 1.25rem;
  height: 1.25rem;
}
.review-text {
  order: 4;
  width: 100%;
  padding-left: 3.5rem;
  margin-top: -1.5rem;
}
.review-content-reply {
  display: flex;
  color: var(--color-white);
  border-radius: var(--border-radius-sm);
  padding: 0 0.5rem;
}
.review-content-reply .review-company-img {
  width: 3rem;
  padding-left: 0.5rem;
}
.review-content-reply .review-company-icon {
  height: 100%;
}
.review-content-reply .review-date {
  order: 2;
  padding: 0.5rem;
}
.review-content-reply .review-text {
  order: 1;
  margin-top: 0;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}
.item-detail-label.weight-icon {
  background-image: var(--icon-weight-gray);
}
.item-detail-label.info-icon {
  background-image: var(--icon-information-gray);
}
.item-detail-label.package-icon {
  background-image: var(--icon-package-gray);
}
.item-detail-label.wheat-icon {
  background-image: var(--icon-wheat-gray);
}
@media (min-width: 768px) {
  .item-detail-box {
    max-width: 1920px;
    margin: 0 auto;
  }
  .item-detail-box .back-btn {
    position: relative;
    top: unset;
    font-size: 1rem;
    padding: 0 1.5rem 0 2.5rem;
    background-position: center left 1rem;
    background-size: 1rem;
    margin: 1rem 0;
    width: auto;
    border-radius: var(--border-radius-xl);
    min-height: 2.5rem;
  }
  .product-detail {
    grid-template-areas: 'stickers photo' 'name photo' 'description photo' 'info photo' 'add-to-cart photo' 'social photo' 'recommended recommended';
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto auto auto 1fr auto auto;
  }
  .favorite-food-box {
    right: 2rem;
  }
  .favorite-food-box button {
    width: 2.5rem;
    height: 2.5rem;
    transition: 0.2s;
  }
  .item-detail-photo-content::before {
    border-radius: var(--border-radius-xl);
    width: calc(100% - 2rem);
    margin-left: 1rem;
  }
  .item-detail-photo-content.zoomed::before {
    background-size: 150% auto;
    cursor: zoom-out;
  }
  .item-detail-desc-box {
    padding-right: 1rem;
  }
  .item-review-plogin {
    align-items: flex-start;
  }
}
@media (min-width: 1280px) {
  .item-detail-box {
    margin-top: 2rem;
  }
  .item-detail-box .back-btn {
    position: sticky;
    top: 7.5rem;
    margin: 0 0 0 1rem;
  }
  .product-detail {
    margin-top: -2rem;
  }
}
/* --- Recommended Box --- */
.recomend-products-overflow {
  display: flex;
  width: 100%;
  overflow: auto;
  gap: 1rem;
  padding: 0 1rem 0.5rem 1rem;
  margin-bottom: 1rem;
}
.recomend-products-overflow > a {
  display: block;
  min-width: 12rem;
  width: 100%;
  max-width: 50vw;
}
.recomend-product {
  display: flex;
  flex-direction: column;
  position: relative;
  background-size: 0;
  height: 100%;
  padding-bottom: 0.25rem;
}
.recomend-product::before {
  content: '';
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-image: inherit;
  background-size: 100%;
  border-radius: var(--border-radius-lg);
}
.recomend-product-desc {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}
.recomend-product-desc > h4 {
  font-weight: 500;
}
button.recomend-product-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
}
.recomend-product-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 2rem;
  height: 2rem;
  border-radius: var(--border-radius-rounded);
  background-image: var(--icon-plus-white);
  background-size: 60%;
  background-position: center;
}
.recomend-product-icon::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: var(--border-radius-rounded);
  z-index: -1;
}
@media (min-width: 768px) {
  .recomend-products-overflow {
    gap: 1.5rem;
  }
}
/* --- Cart --- */
#order-customer-form {
  display: grid;
  grid-template-areas: 'delivery' 'heading' 'finalize' 'sum';
  grid-template-columns: 1fr;
  max-width: 1024px;
  margin: 0 auto;
  padding: 3.5rem 0 7.5rem 0;
}
@media (min-width: 640px) {
  #order-customer-form {
    padding-top: 5rem;
  }
}
@media (min-width: 1024px) {
  #order-customer-form {
    display: grid;
    grid-template-columns: 1fr 23.5rem;
    grid-template-areas: 'delivery sum' 'heading sum' 'finalize sum';
  }
}
.cart-box {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.cart-box > h4 {
  font-size: 1.5rem;
  font-weight: 500;
  padding: 0 1rem;
  margin-top: 1rem;
  width: 100%;
}
.cart-box .js-no-cart-items {
  width: 100%;
}
.cart-box .no-content {
  width: 100%;
  text-align: center;
  background-image: var(--icon-no_cart-gray);
  background-size: 13.5rem;
  background-position: center top;
  padding: 13.5rem 1rem 0 1rem;
  margin: 8rem auto 0 auto;
}
.cart-box .cart-recomend-box > h4 {
  padding: 0 1rem;
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  font-weight: 500;
}
.cart-items {
  width: 100%;
  margin-top: 1rem;
  padding: 0 1rem;
}
.cart-items .item {
  position: relative;
  display: grid;
  grid-template-areas: 'photo name name' 'photo variant variant' 'photo package package' 'photo price change-btn' 'addons addons addons';
  grid-template-columns: 8rem 1fr auto;
  grid-template-rows: auto auto auto 1fr;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
.cart-items .item .product-delete-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--border-radius-rounded);
  background-color: var(--color-gray-100);
  border: 1px solid var(--color-gray-300);
  background-image: var(--icon-delete-gray);
  background-size: 45%;
  background-position: center;
  transition: 0.2s;
}
.cart-items .item .product-delete-btn:hover {
  background-color: var(--color-gray-200);
}
.cart-items .item .content {
  display: contents;
}
.cart-items .item .item-photo-content {
  display: contents;
}
.cart-items .item .item-photo-content::before {
  content: '';
  grid-area: photo;
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-image: inherit;
  background-size: 100%;
  border-radius: var(--border-radius-lg);
}
.cart-items .item .item-photo-content-bottom {
  grid-area: name;
  font-size: 1.25rem;
  font-weight: 500;
  padding-right: 2.5rem;
}
.cart-items .item .stickers-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 0.25rem;
  width: 8rem;
  max-height: 8rem;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.25rem;
  overflow: hidden;
}
.cart-items .item .sticker {
  padding: 0.125rem 0.5rem;
  border-radius: var(--border-radius-sm);
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
}
.cart-items .item .item-info-panel {
  display: contents;
}
.cart-items .item .item-info-btn:nth-child(1) {
  grid-area: variant;
  color: var(--color-gray-700);
}
.cart-items .item .item-info-btn:nth-child(2) {
  grid-area: price;
  font-weight: 500;
  font-size: 1.25rem;
  align-self: end;
  margin-bottom: 0.125rem;
}
.cart-items .item .item-info-btn:nth-child(3) {
  grid-area: package;
  color: var(--color-gray-700);
  margin-top: 0.25rem;
}
.cart-items .item .item-info-btn .package-item-cart {
  background-image: var(--icon-package-gray);
  padding-left: 1.75rem;
}
.cart-items .item-change-btn {
  grid-area: change-btn;
  align-self: end;
  justify-self: end;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: row-reverse;
  border: 1px solid var(--color-gray-300);
  border-radius: var(--border-radius-md);
  background-color: var(--color-white);
  align-items: center;
  overflow: hidden;
}
.cart-items .item-change-btn > span {
  padding: 0 0.5rem;
}
.cart-items .item-change-btn .change-btn {
  width: 2rem;
  height: 2rem;
  background-color: var(--color-gray-100);
  background-size: 60%;
  background-position: center;
  cursor: pointer;
  transition: 0.2s;
}
.cart-items .item-change-btn .change-btn:hover {
  background-color: var(--color-gray-200);
}
.cart-items .item-change-btn .change-btn.plus-icon {
  background-image: var(--icon-plus-gray);
}
.cart-items .item-change-btn .change-btn.minus-icon {
  background-image: var(--icon-minus-gray);
}
.cart-items .item-taste-box {
  grid-area: addons;
  display: flex;
  flex-direction: column;
}
.cart-items .item-taste-box .ing-plus {
  color: var(--color-success-500);
}
.cart-items .item-taste-box .ing-minus {
  color: var(--color-error-500);
}
#cart .cart-items {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}
.cart-right-box {
  width: 100%;
  margin-top: 1rem;
  background-color: var(--color-white);
}
@media (min-width: 1024px) {
  .cart-box {
    flex-direction: row;
  }
  .cart-box .cart-items {
    padding: 0 1rem;
    width: 60%;
  }
  .cart-box .cart-items .item {
    grid-template-columns: 10rem 1fr auto;
  }
  .cart-box .cart-items .item .stickers-content {
    width: 10rem;
    max-height: 10rem;
  }
  .cart-box .cart-right-box {
    width: 23.5rem;
    margin-right: 1rem;
    position: sticky;
    top: 9rem;
  }
  .cart-box .cart-recomend-box {
    border: 1px solid var(--color-gray-500);
    border-radius: var(--border-radius-lg);
    margin-top: 1rem;
    padding-top: 0.5rem;
  }
  .cart-box .recomend-products-overflow {
    flex-wrap: wrap;
  }
  .cart-box .recomend-products-overflow > a {
    min-width: 8rem;
    width: calc(50% - 0.75rem);
  }
}
#cartOverlay-2 {
  grid-area: delivery;
  padding-bottom: 0;
  min-height: unset;
  padding-top: 0;
}
#cartOverlay-2 > h4 {
  order: 1;
}
#cartOverlay-2 .cart-items {
  order: 3;
  margin-top: 0.5rem;
  width: 100%;
}
#cartOverlay-2 .cart-items > h4 {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 1rem 0;
}
#cartOverlay-2 .select-content-box {
  border: 1px solid var(--color-gray-400);
  border-radius: var(--border-radius-lg);
  padding: 1rem;
  margin-bottom: 1rem;
}
#cartOverlay-2 .select-content-box.js-payment-container + .select-content-box {
  padding: 0;
  border: 0;
}
#cartOverlay-2 .select-content-box.js-payment-container + .select-content-box > .field {
  padding: 1rem;
  border: 1px solid var(--color-gray-400);
  border-radius: var(--border-radius-lg);
}
#cartOverlay-2 .select-address {
  display: none;
}
#cartOverlay-2 .address-error-box {
  color: var(--color-error-500);
  margin-bottom: 0.5rem;
}
#cartOverlay-2 .select-content {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 0 0.5rem 2.5rem;
  background-size: 1.75rem;
  background-position: center left;
}
#cartOverlay-2 .select-content.payment-icon-food_card {
  display: none;
}
#cartOverlay-2 .select-content .extended-title {
  flex-grow: 1;
}
#cartOverlay-2 .bonus-points-box .bonus-points-content {
  display: flex;
  flex-wrap: wrap;
}
#cartOverlay-2 .bonus-points-box .bonus-points-head {
  display: contents;
}
#cartOverlay-2 .bonus-points-box .bonus-points-head > h4 {
  font-size: 1.5rem;
  font-weight: 500;
  width: 100%;
}
#cartOverlay-2 .bonus-points-box .bonus-points-head > span {
  color: var(--color-gray-600);
}
#cartOverlay-2 .bonus-points-box .bonus-points-head > span:nth-child(2) {
  order: 2;
  width: 100%;
  margin-top: 0.25rem;
}
#cartOverlay-2 .bonus-points-box .bonus-points-head > span:nth-child(3) {
  order: 3;
}
#cartOverlay-2 .bonus-points-controller {
  order: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 1rem;
}
#cartOverlay-2 .bonus-points-remain {
  padding-left: 2rem;
  margin: 0.5rem 0;
}
#cartOverlay-2 .bonus-points-controll-panel {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  border: 1px solid var(--color-gray-300);
  border-radius: var(--border-radius-md);
  background-color: var(--color-white);
  overflow: hidden;
}
#cartOverlay-2 .bonus-points-btn {
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--color-gray-100);
  background-size: 60%;
  background-position: center;
  cursor: pointer;
  transition: 0.2s;
}
#cartOverlay-2 .bonus-points-btn:hover {
  background-color: var(--color-gray-200);
}
#cartOverlay-2 .bonus-points-btn.minus-icon {
  background-image: var(--icon-minus-gray);
}
#cartOverlay-2 .bonus-points-btn.plus-icon {
  background-image: var(--icon-plus-gray);
}
#cartOverlay-2 .bonus-points-value {
  display: flex;
  gap: 0.25rem;
  padding: 0 0.5rem;
}
#cartOverlay-2 .bonus-points-center-class {
  margin-top: 1rem;
}
#cartOverlay-2 .bonus-points-href-btn:hover {
  background-color: var(--color-primary-600);
}
#cartOverlay-2 .cart-right-box {
  order: 2;
  margin: 0 1rem;
  width: calc(100% - 2rem);
}
#cartOverlay-2 .cart-box {
  flex-direction: column;
}
#cartOverlay-2 .cart-sum {
  border-color: transparent;
  padding: 0;
}
#cartOverlay-2 .cart-sum > * {
  display: none !important;
}
#cartOverlay-2 .cart-sum > .cart-extras {
  display: flex !important;
  margin-top: 0.5rem;
}
#cartOverlay-2 .cart-sum > .cart-extras:empty {
  display: none !important;
}
@media (min-width: 1024px) {
  #cartOverlay-2 .cart-box .cart-right-box {
    position: static;
  }
}
.delivery-icon-factory {
  background-image: var(--icon-pointer-gray);
}
.delivery-icon-address {
  background-image: var(--icon-transport-gray);
}
.payment-icon-card {
  background-image: var(--icon-card-gray);
}
.payment-icon-cash {
  background-image: var(--icon-cash-gray);
}
.bonus-points-icon {
  background-image: var(--icon-wallet-gray);
}
.payment-icon-bonus_points {
  background-image: var(--icon-points-gray);
}
.payment-icon-gate {
  background-image: var(--icon-card-gray);
}
.payment-icon-cash_factory {
  background-image: var(--icon-cash-gray);
}
#cartOverlay-3 {
  display: contents !important;
  padding-top: 0;
  min-height: unset;
}
#cartOverlay-3 .cart-box {
  display: contents;
}
#cartOverlay-3 .cart-box > h4 {
  grid-area: heading;
  margin-top: 0;
}
#cartOverlay-3 .cart-items {
  display: contents;
}
#cartOverlay-3 .cart-form-box {
  grid-area: finalize;
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
}
#cartOverlay-3 .save-data-box {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
#cartOverlay-3 .cart-sum .cart-back-btn {
  display: none;
}
#cartOverlay-3 .cart-right-box {
  grid-area: sum;
}
@media (min-width: 1024px) {
  #cartOverlay-3 .cart-sum {
    position: sticky;
    top: 8.85rem;
    margin-top: 2.75rem;
  }
}
.js-time-order-container {
  max-width: calc(100vw - 2rem);
}
.timed-order-wrapper {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border: 1px solid var(--color-gray-400);
  border-radius: var(--border-radius-lg);
}
.timed-order-wrapper > .day-select-row {
  display: flex;
  align-items: center;
  border: 1px solid var(--color-gray-500);
  border-radius: var(--border-radius-lg);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  overflow: hidden;
}
.timed-order-wrapper > .day-select-row > .day-select-row {
  display: flex;
  height: 2rem;
  overflow: auto;
}
.timed-order-wrapper > .day-select-row > .day-select-row > .day {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  min-width: 7rem;
  text-align: center;
  height: 100%;
  flex: 0 0 7rem;
  transition: 0.2s;
}
.timed-order-wrapper > .day-select-row > .day-select-row > .day:hover {
  background-color: var(--color-gray-200);
}
.timed-order-wrapper .day-select-row > .btn {
  width: 2.5rem;
  height: 2rem;
  background-color: var(--color-gray-100);
  padding: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
}
.timed-order-wrapper .day-select-row > .btn:hover {
  background-color: var(--color-gray-200);
}
.timed-order-wrapper .day-select-row > .btn:nth-child(1) {
  border-right: 1px solid var(--color-gray-500);
}
.timed-order-wrapper .day-select-row > .btn:nth-child(3) {
  border-left: 1px solid var(--color-gray-500);
}
.timed-order-wrapper .day-select-row > .btn > img {
  max-height: 1rem;
}
.timed-order-wrapper .time-select-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr));
  gap: 0.5rem;
  margin-top: 1rem;
}
.timed-order-wrapper .time-select-container > div {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--color-white);
  min-height: 4rem;
  border-radius: var(--border-radius-lg);
  border: 1px solid var(--color-gray-500);
  cursor: pointer;
}
.timed-order-wrapper .time-select-container > div.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.timed-order-wrapper .time-select-container > div:hover:not(.disabled),
.timed-order-wrapper .time-select-container > div.active {
  border-color: transparent;
  color: var(--color-white);
}
.timed-order-wrapper .time-select-container > div.eco {
  border-color: var(--color-success-500);
  background-image: var(--icon-eco-green);
  background-size: 1.5rem;
  background-position: top 0.25rem right 0.5rem;
}
.timed-order-wrapper .time-select-container > div.eco:hover,
.timed-order-wrapper .time-select-container > div.eco.active {
  background-image: var(--icon-eco-white);
}
.timed-order-wrapper .time-select-container > div .availability {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.625rem;
  padding: 0.25rem;
}
.timed-order-wrapper .eco-message {
  margin-top: 1rem;
  background-image: var(--icon-eco-green);
  background-size: 1.5rem;
  padding-left: 2rem;
  background-position: center left;
}
/* --- Cart Summary --- */
.cart-sum {
  background-color: var(--color-white);
  padding: 1rem 0;
  border-radius: var(--border-radius-lg);
}
.cart-sum .cart-extras {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.cart-sum .cart-extras .cart-extras-info {
  color: var(--color-success-500);
  border: 1px solid var(--color-success-500);
  border-radius: var(--border-radius-md);
  padding: 0.5rem;
  font-weight: 500;
}
.cart-sum .cart-price-column {
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
  gap: 0.5rem;
}
.cart-sum .cart-price-column.cart-bonus,
.cart-sum .cart-price-column.cart-bonus .cart-col-name,
.cart-sum .cart-price-column.js-cart-bonus-payment,
.cart-sum .cart-price-column.js-cart-bonus-payment .cart-col-name {
  color: var(--color-success-500);
}
.cart-sum .cart-price-column.cart-price {
  font-weight: 500;
}
.cart-sum .cart-col-name {
  color: var(--color-gray-900);
}
.cart-sum .cart-bottom-btns {
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
  gap: 0.5rem;
  padding: 1rem 1rem 0 1rem;
}
.cart-sum .cart-bottom-btns > div,
.cart-sum .cart-bottom-btns > div > a {
  width: 100%;
}
.cart-sum .cart-bottom-btns .cart-back-btn > a {
  border: 1px solid var(--color-gray-700);
  background-color: var(--color-white);
}
.cart-sum .cart-bottom-btns .cart-back-btn > a:hover {
  background-color: var(--color-gray-100);
}
.cart-sum .coupon-box {
  padding: 0 1rem;
}
.cart-sum .coupon-content {
  display: flex;
  margin-top: 0.5rem;
}
.cart-sum .coupon-content > .field {
  flex-grow: 1;
}
.cart-sum .coupon-content > .set-coupon-btn {
  background-color: var(--color-success-500);
  color: var(--color-white);
}
.cart-sum .actions-container {
  background-color: var(--color-gray-100);
  margin: 0.5rem 0;
}
.cart-sum .actions-container .cart-price-column:first-child {
  border-top: 1px solid var(--color-gray-300);
}
.cart-sum .actions-container .cart-price-column {
  border-bottom: 1px solid var(--color-gray-300);
  padding: 0.5rem 1rem 0.5rem 3rem;
  background-size: 1.5rem;
  background-position: center left 1rem;
}
.cart-sum .actions-container .coupon-delete-btn {
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--color-white);
  border: 1px solid var(--color-gray-300);
  border-radius: var(--border-radius-rounded);
  background-image: var(--icon-delete-gray);
  background-size: 50%;
  background-position: center;
  position: absolute;
  left: 1rem;
  transition: 0.2s;
}
.cart-sum .actions-container .coupon-delete-btn:hover {
  background-color: var(--color-gray-100);
}
.cart-sum .actions-container .cart-price-column.cart-bonus {
  background-image: var(--icon-star-gray);
}
.cart-sum .actions-container .cart-price-column.cart-bonus,
.cart-sum .actions-container .cart-price-column.cart-bonus .cart-col-name {
  color: var(--color-gray-900);
}
@media (min-width: 640px) {
  .cart-sum .cart-bottom-btns {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .cart-sum {
    min-width: 23.5rem;
    border: 1px solid var(--color-gray-500);
  }
  .cart-sum .cart-price-column .cart-col-name {
    color: var(--color-black);
  }
}
/* --- News --- */
.news-box {
  max-width: 1024px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
.news-box > h4 {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 1rem 0;
  width: 100%;
}
.news-box .no-content {
  width: 100%;
  text-align: center;
  background-image: var(--icon-no_news-gray);
  background-size: 13.5rem;
  background-position: center top;
  padding: 13.5rem 1rem 0 1rem;
  margin: 8rem auto 0 auto;
}
.news-column,
.new-column {
  margin: 0 auto 1rem auto;
  max-width: 1024px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.news-content,
.new-content {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border: 1px solid var(--color-gray-400);
  border-radius: var(--border-radius-lg);
  background-color: var(--color-white);
}
.news-title,
.new-title {
  flex-grow: 1;
  font-weight: 500;
  font-size: 1.5rem;
  order: 2;
  max-width: calc(100% - 7rem);
}
.news-date,
.new-date {
  order: 1;
  font-size: 0.75rem;
}
.news-content > p,
.new-content > p {
  width: 100%;
  order: 3;
}
@media (min-width: 640px) {
  .news-content,
  .new-content {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .news-date,
  .new-date {
    margin-left: auto;
  }
  .news-title,
  .new-title,
  .news-date,
  .new-date,
  .news-content > p,
  .new-content > p {
    order: unset;
  }
}
/* --- News Modal --- */
.new-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 101;
}
.new-box .new-column .delete-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: default;
}
.new-box .new-column .delete-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-black);
  opacity: 0.85;
  z-index: -1;
}
.new-box .new-column .delete-btn::after {
  content: '';
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 3rem;
  height: 3rem;
  background-image: var(--icon-delete-white);
  background-size: 75%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.new-box .new-column .new-content {
  z-index: 1;
  margin: 5rem 1rem 0 1rem;
}
/* --- Favorite Items --- */
.favorite-items-box {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
.favorite-items-box > h4 {
  font-size: 1.5rem;
  font-weight: 500;
  margin-top: 1rem;
  width: 100%;
}
.favorite-items-box .no-content {
  text-align: center;
  background-image: var(--icon-no_favorite-gray);
  background-size: 13.5rem;
  background-position: center top;
  padding: 13.5rem 1rem 0 1rem;
  margin: 8rem auto 0 auto;
}
.favorite-items-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1280px;
  margin: 0 auto 5rem auto;
  gap: 1rem;
  padding: 2rem 0;
}
.favorite-items-container .item {
  position: relative;
  width: calc(48vw - 1.75rem);
  max-width: 49%;
  flex-grow: 0.5;
  padding-bottom: 1rem;
}
.favorite-items-container .content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.favorite-items-container .item-photo-content {
  position: relative;
  width: 100%;
  background-size: 0;
}
.favorite-items-container .item-photo-content::before {
  content: '';
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-image: inherit;
  background-size: 100%;
  border-radius: var(--border-radius-lg);
}
.favorite-items-container .item-photo-content .stickers-content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.25rem;
  padding-top: 0.75rem;
  padding-right: 3rem;
}
.favorite-items-container .item-photo-content .stickers-content .sticker {
  font-size: 0.8125rem;
  padding: 0.125rem 0.5rem;
  font-weight: 500;
  border-radius: var(--border-radius-sm);
  text-transform: uppercase;
}
.favorite-items-container .item-photo-content-bottom {
  margin-bottom: 1rem;
}
.favorite-items-container .item-photo-content-bottom > h4 {
  font-weight: 500;
}
.favorite-items-container .item-photo-content-bottom > p {
  font-size: 0.75rem;
  opacity: 0.75;
}
.favorite-items-container .item-info-panel {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.favorite-items-container .item-info-panel .item-info-btn:nth-child(1) {
  text-align: center;
  min-height: 2rem;
}
.favorite-items-container .item-info-panel .item-info-btn:nth-child(2) {
  height: 1.5rem;
}
.favorite-items-container .item-info-panel .item-info-btn:nth-child(2) > h4 {
  font-weight: 500;
  font-size: 1.125rem;
}
.favorite-items-container .item-info-panel .item-info-btn:nth-child(3) {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--border-radius-rounded);
  background-image: var(--icon-heart_active-gray);
  background-size: 50%;
  background-position: center;
  background-color: var(--color-white);
  border: 1px solid var(--color-gray-500);
  transition: 0.2s;
}
.favorite-items-container .item-info-panel .item-info-btn:nth-child(3):hover {
  background-color: var(--color-gray-100);
}
.favorite-items-container .item-info-panel .item-info-btn:nth-child(3) > a {
  display: block;
  width: 100%;
  height: 100%;
}
.favorite-items-container .item-buy-now {
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-white);
  background-image: var(--icon-plus-white);
  background-size: 60%;
  background-position: center;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.9rem;
  overflow: hidden;
}
.favorite-items-container .item-buy-now::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
}
.favorite-items-container .item-buy-btn {
  display: none;
}
@media (min-width: 470px) {
  .favorite-items-container .item .item-buy-now {
    width: auto;
    height: 2.75rem;
    bottom: 0.25rem;
    background-image: none;
    border-radius: 0.75rem;
    padding: 0 0.5rem;
  }
  .favorite-items-container .item .item-buy-now::after {
    content: 'Přidat do košíku';
  }
}
@media (min-width: 640px) {
  .favorite-items-container {
    justify-content: center;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }
  .favorite-items-container .item {
    flex-grow: 0;
    max-width: 16rem;
  }
  .favorite-items-container .item .item-buy-now {
    font-size: 1rem;
    padding: 0 1.75rem;
  }
}
/* --- Orders History --- */
.orders-history-box {
  max-width: 1024px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
.orders-history-box > h4 {
  font-size: 1.5rem;
  font-weight: 500;
  margin-top: 1rem;
  width: 100%;
}
.orders-history-box .no-content {
  grid-column: 1/-1;
  text-align: center;
  background-image: var(--icon-no_orders-gray);
  background-size: 13.5rem;
  background-position: center top;
  padding: 13.5rem 1rem 0 1rem;
  margin: 8rem auto 0 auto;
}
.js-orders-history-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}
.order-his-column {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-gray-400);
  border-radius: var(--border-radius-lg);
}
.order-his-top {
  display: flex;
  flex-wrap: wrap;
}
.order-his-top > div {
  padding: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
}
.order-his-date {
  width: 50%;
  border-right: 1px solid var(--color-gray-400);
}
.order-his-status {
  width: 50%;
}
.order-his-top .order-his-adress {
  text-align: left;
  width: 100%;
  border-top: 1px solid var(--color-gray-400);
  font-size: 1rem;
  background-image: var(--icon-pointer-gray);
  background-size: 1.5rem;
  background-position: left 0.5rem top 0.5rem;
  padding-left: 2.5rem;
}
.order-his-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.order-his-product {
  display: flex;
  flex-wrap: wrap;
  padding: 0.25rem 0.5rem;
}
.order-title {
  width: 50%;
}
.order-quantity {
  width: 20%;
  text-align: right;
}
.order-price {
  width: 30%;
  text-align: end;
  color: var(--color-success-500);
}
.order-extended {
  width: 100%;
  font-size: 0.75rem;
  color: var(--color-success-500);
}
.order-his-bottom {
  display: flex;
  margin-top: auto;
}
.order-his-price {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.order-his-price > h4 {
  color: var(--color-success-500);
}
.order-his-btn {
  margin: 0 0.5rem 0.5rem auto;
  overflow: hidden;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: var(--border-radius-lg);
}
.order-his-btn button {
  width: 100%;
  height: 100%;
  background-image: var(--icon-repeat_arrow-white);
  background-size: 60%;
  background-position: center;
  transition: 0.6s;
}
.order-his-btn:hover button {
  transform: rotate(90deg);
}
/* --- Notifications --- */
.notification-box {
  position: sticky;
  top: 3.5rem;
  background-color: var(--color-white);
  z-index: 100;
  width: 100%;
  text-align: center;
}
.notification-box::before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid var(--color-gray-400);
}
.notification-box:empty {
  display: none;
}
.notification-box > div {
  padding: 0.5rem;
}
.notf-success {
  color: var(--color-success-500);
}
.notf-info, .notf-inform {
  color: var(--color-info-500);
}
.notf-wrong {
  color: var(--color-error-500);
}
@media (min-width: 640px) {
  .notification-box {
    top: 5rem;
  }
}
/* --- Enhancement Box --- */
.overlay-enhancement-box {
  display: flex;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0 1rem;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  z-index: 102;
  background-color: color-mix(in srgb, var(--color-black) 85%, transparent);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  pointer-events: none;
  transition: opacity 0.3s, visibility 0.3s 0s;
  opacity: 0;
}
.overlay-enhancement-box.active {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.overlay-enhancement-content {
  position: relative;
  max-width: 470px;
  width: 100%;
  background-color: var(--color-white);
  border-radius: var(--border-radius-lg);
}
.overlay-enhancement-content .enhancement-header {
  display: none;
}
.overlay-enhancement-content .enhancement-box {
  padding: 0 1rem;
  height: 35vh;
  overflow: auto;
}
.overlay-enhancement-content .ingredient-types {
  display: flex;
  overflow: auto;
  padding: 0.75rem;
  gap: 0.25rem;
  border-bottom: 1px solid var(--color-gray-200);
}
.overlay-enhancement-content .ingredient-type-button {
  flex-shrink: 0;
  padding: 0.75rem 0.75rem 0.75rem 2.5rem;
  background-size: 1.5rem;
  background-position: center left 0.5rem;
  border-radius: var(--border-radius-lg);
  cursor: pointer;
  transition: 0.2s;
}
.overlay-enhancement-content .ingredient-type-button:hover {
  background-color: var(--color-gray-100);
}
.overlay-enhancement-content .ingredient-type-button.active {
  background-color: var(--color-gray-200);
}
.overlay-enhancement-content .extended-content-box {
  padding: 0.5rem 0;
}
.overlay-enhancement-content .extended-content-box > div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.overlay-enhancement-content .select-content,
.overlay-enhancement-content .extended-content-taste {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  position: relative;
  background-size: 0;
}
.overlay-enhancement-content .extended-column {
  display: contents;
}
.overlay-enhancement-content .extended-title {
  flex-grow: 1;
  max-width: calc(100% - 8.5rem);
  word-wrap: break-word;
  order: 1;
  margin-right: 1rem;
}
.overlay-enhancement-content .extended-price {
  width: 3.5rem;
  text-align: end;
  white-space: nowrap;
  margin-right: 1rem;
  order: 2;
}
.overlay-enhancement-content .select-btn {
  order: 3;
}
.overlay-enhancement-content .extended-quantity {
  order: 4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  border-top: 1px solid var(--color-gray-200);
  border-bottom: 1px solid var(--color-gray-200);
  padding: 0 0.5rem;
}
.overlay-enhancement-content .extend-qantity-btn {
  border: 1px solid var(--color-gray-200);
  background-color: var(--color-gray-100);
  background-size: 60%;
  background-position: center;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  transition: 0.2s;
}
.overlay-enhancement-content .extend-qantity-btn:hover {
  background-color: var(--color-gray-200);
}
.overlay-enhancement-content .extend-qantity-btn:first-of-type {
  order: 3;
  border-radius: var(--border-radius-md) 0 0 var(--border-radius-md);
  background-image: var(--icon-minus-gray);
}
.overlay-enhancement-content .extend-qantity-btn:last-of-type {
  order: 5;
  border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0;
  background-image: var(--icon-plus-gray);
}
.overlay-enhancement-content .cart-bottom-btns {
  display: flex;
  padding: 0.5rem;
  gap: 0.5rem;
}
.overlay-enhancement-content .cart-bottom-btns > div {
  width: 50%;
}
.overlay-enhancement-content .cart-bottom-btns > div > a {
  width: 100%;
  font-size: 0.875rem;
  height: 100%;
  transition: 0.2s;
}
.overlay-enhancement-content .cart-back-btn a {
  border: 1px solid var(--color-gray-700);
  background-color: var(--color-white);
}
.overlay-enhancement-content .cart-back-btn a:hover {
  background-color: var(--color-gray-100);
}
.overlay-enhancement-content .delete-btn,
.configurator-render-box .delete-btn {
  position: absolute;
  top: -3.5rem;
  right: 0;
  display: block;
  width: 3rem;
  height: 3rem;
  background-image: var(--icon-delete-white);
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: var(--border-radius-rounded);
  font-size: 0;
}
.overlay-enhancement-content .delete-btn::before,
.configurator-render-box .delete-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: var(--border-radius-rounded);
}
@media (min-width: 640px) {
  .overlay-enhancement-content .ingredient-types {
    flex-wrap: wrap;
    justify-content: center;
  }
  .overlay-enhancement-content .extended-title,
  .overlay-enhancement-content .extended-price {
    font-size: 1rem;
  }
}
.configurator-render-box {
  display: none;
  width: 100%;
  max-width: 470px;
  height: 30vh;
  max-height: 12rem;
  background-color: var(--color-white);
  position: relative;
  padding: 0.5rem 0;
  border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
}
.configurator-render-box .configurator-item-price {
  position: absolute;
  bottom: 0;
  right: 0.5rem;
  color: var(--color-success-500);
  font-size: 1.25rem;
  font-weight: 500;
  z-index: 2;
  padding: 0.25rem;
}
.configurator-render-box .configurator-item-price::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  opacity: 0.8;
  z-index: -1;
  border-radius: var(--border-radius-md);
}
.configurator-render-box .configurator-contain-ingredients {
  position: absolute;
  top: 0;
  left: 0;
  max-height: 100%;
  width: 50%;
  max-width: 15rem;
  overflow: auto;
  z-index: 2;
  border-radius: var(--border-radius-lg) 0 0 0;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.configurator-render-box .configurator-contain-ingredients::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  opacity: 0.8;
  z-index: -1;
  border-radius: var(--border-radius-lg);
  transition: 0.3s;
}
.configurator-render-box .configurator-contain-ingredients:hover::before {
  opacity: 1;
}
.configurator-render-box .contain-ingredient {
  display: flex;
  font-size: 0.75rem;
  gap: 0.25rem;
  border-bottom: 1px solid var(--color-gray-200);
  align-items: center;
}
.configurator-render-box .contain-ingredient:last-child {
  border-bottom: 0;
}
.configurator-render-box .contain-ingredient-title {
  width: 45%;
}
.configurator-render-box .contain-ingredient-quantity {
  width: 25%;
  text-align: right;
}
.configurator-render-box .contain-ingredient-price {
  width: 30%;
  margin-left: auto;
  text-align: right;
}
.configurator-render-box .contain-ingredient-delete-btn {
  height: 100%;
  min-height: auto;
  background-image: var(--icon-delete-red);
  background-size: 50%;
  background-position: center right;
  margin-left: auto;
}
.configurator-render-box .configurator-render-img {
  position: relative;
  height: 100%;
  overflow: hidden;
  aspect-ratio: 1/1;
  margin-left: auto;
  margin-right: 2rem;
  z-index: 1;
}
.configurator-render-box .configurator-render-img img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  left: 0;
}
.configurator-layout {
  display: none;
  flex-direction: column-reverse;
}
.configurator-layout.active {
  display: flex;
}
.configurator-layout .configurator-render-box {
  display: block;
}
.configurator-layout .overlay-enhancement-content {
  position: relative;
  border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);
}
.configurator-layout .overlay-enhancement-content .delete-btn {
  display: none;
}
.configurator-layout .overlay-enhancement-content .select-content {
  background-size: 3rem;
  background-position: center left;
  padding-left: 3.5rem;
  grid-column: 1/-1;
  min-height: 3rem;
}
.configurator-layout .overlay-enhancement-content .extended-content-box > div {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
}
.configurator-layout .overlay-enhancement-content .extended-content-taste {
  align-items: unset;
}
.configurator-layout .overlay-enhancement-content .extended-column {
  display: flex;
  flex-direction: column;
  background-size: 0;
  width: 100%;
}
.configurator-layout .overlay-enhancement-content .extended-column::before {
  content: '';
  background-image: inherit;
  width: 100%;
  aspect-ratio: 1/1;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.configurator-layout .overlay-enhancement-content .extended-column .extended-title {
  max-width: 100%;
  padding-bottom: 0.25rem;
  margin: 0;
  font-size: 0.75rem;
}
.configurator-layout .overlay-enhancement-content .extended-column .extended-quantity {
  position: absolute;
  bottom: 0;
  width: calc(100% - 3rem);
  left: 1.5rem;
  text-align: center;
}
.configurator-layout .overlay-enhancement-content .extended-column .extended-price {
  padding-bottom: 2.5rem;
  text-align: left;
}
.configurator-layout .overlay-enhancement-content .extend-qantity-btn:first-of-type {
  position: absolute;
  bottom: 0rem;
  left: 0;
}
.configurator-layout .overlay-enhancement-content .extend-qantity-btn:last-of-type {
  position: absolute;
  bottom: 0rem;
  right: 0;
}
@media (min-width: 1024px) {
  .configurator-layout {
    flex-direction: row;
  }
  .configurator-layout .overlay-enhancement-content {
    display: flex;
    flex-direction: column;
    height: clamp(0px, 50rem, 100vh - 8rem);
    border-radius: var(--border-radius-lg) 0 0 var(--border-radius-lg);
    max-width: 640px;
    border-right: 1px solid var(--color-gray-200);
  }
  .configurator-layout .overlay-enhancement-content .enhancement-box {
    flex-grow: 1;
    max-height: unset;
  }
  .configurator-layout .configurator-render-box {
    height: clamp(0px, 50rem, 100vh - 8rem);
    max-height: unset;
    border-radius: 0 var(--border-radius-lg) var(--border-radius-lg) 0;
    max-width: 768px;
  }
  .configurator-layout .configurator-render-img {
    width: calc(100% - 2rem);
    margin: 0 auto;
    aspect-ratio: unset;
  }
  .configurator-layout .configurator-item-price {
    width: 15rem;
    right: 0;
    bottom: 0.25rem;
    text-align: right;
    padding: 0.25rem 2.75rem;
  }
  .configurator-layout .configurator-contain-ingredients {
    bottom: 2.25rem;
    right: 0;
    left: unset;
    top: unset;
    max-height: calc(100% - 2.25rem);
    overflow: auto;
  }
  .configurator-layout .contain-ingredient:last-child {
    border-bottom: 1px solid var(--color-gray-200);
  }
}
@media (min-width: 1280px) {
  .configurator-layout .overlay-enhancement-content {
    display: grid;
    grid-template-areas: 'menu enhancements' 'menu buttons';
    grid-template-columns: 14rem 1fr;
    grid-template-rows: 1fr auto;
    max-width: 768px;
  }
  .configurator-layout .extended-menu-taste {
    grid-area: menu;
    border-right: 1px solid var(--color-gray-200);
  }
  .configurator-layout .ingredient-types {
    flex-direction: column;
    border-bottom: 0;
    padding: 0;
    gap: 0;
  }
  .configurator-layout .ingredient-type-button {
    padding-left: 3.5rem;
    background-position: center left 1rem;
  }
  .configurator-layout .enhancement-box {
    grid-area: enhancements;
    padding: 1rem;
    height: 100%;
  }
  .configurator-layout .cart-bottom-btns {
    grid-area: buttons;
    height: 4rem;
  }
}
/* INGREDIENTS */
.ingredient-type-cheese {
  background-image: var(--icon-cheese-gray);
}
.ingredient-type-meat {
  background-image: var(--icon-meat-gray);
}
.ingredient-type-vegetables {
  background-image: var(--icon-vegetable-gray);
}
.ingredient-type-others {
  background-image: var(--icon-attachments-gray);
}
.ingredient-type-fruits,
.ingredient-type-fruit {
  background-image: var(--icon-fruits-gray);
}
.ingredient-type-spices {
  background-image: var(--icon-attachments-gray);
}
.ingredient-type-base,
.ingredient-type-pizza-base {
  background-image: var(--icon-pizza_base-gray);
}
.ingredient-type-sauces {
  background-image: var(--icon-attachments-gray);
}
.ingredient-type-fish {
  background-image: var(--icon-fish-gray);
}
/* --- Multiapp Overlay --- */
#multiapp-home {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 102;
  overflow: auto;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: color-mix(in srgb, var(--color-black) 85%, transparent);
}
#multiapp-home.hide {
  display: none;
}
.multi-toppanel {
  display: flex;
  justify-content: center;
}
.multi-toppanel-logo {
  width: 5rem;
  height: 5rem;
  background-size: 75%;
  background-position: center;
}
.multiapp-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  max-width: 1280px;
  margin: 0 auto;
  gap: 0.5rem;
  padding: 2rem 1rem;
}
.multiapp-content > a {
  aspect-ratio: 1/1;
  position: relative;
  z-index: 1;
  background-color: var(--color-gray-800);
  border-radius: var(--border-radius-lg);
}
.multiapp-col > h4 {
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  visibility: hidden;
}
.multiapp-href-logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 90%;
  background-position: center;
  transition: 0.3s;
}
.multiapp-col:hover .multiapp-href-logo {
  background-size: auto 100%;
}
@media (min-width: 640px) {
  .multi-toppanel-logo {
    width: 3rem;
    height: 3rem;
  }
}
.reservation-form-box {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 1rem;
}
.reservation-form-box > form > div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
}
.reservation-form-box .customer-icon {
  background-image: var(--icon-customer-gray);
}
.reservation-form-box .mobile-icon {
  background-image: var(--icon-mobile-gray);
}
.reservation-form-box .email-icon {
  background-image: var(--icon-email-gray);
}
.reservation-form-box .time-icon {
  background-image: var(--icon-time-gray);
}
.reservation-form-box .calendar-icon {
  background-image: var(--icon-calendar-gray);
}
.reservation-form-box .people-icon {
  background-image: var(--icon-training-gray);
}
.reservation-form-box .pencil-icon {
  background-image: var(--icon-pencil-gray);
}
.reservation-form-box > form > div > p {
  margin: 1rem 0;
}
.reservation-form-box > form > div > input[type='submit'] {
  align-self: flex-start;
}
.reservation-header-tables_form > h4 {
  font-size: 1.5rem;
  font-weight: 500;
  margin-top: 1rem;
  width: 100%;
}
/* Payment Wrapper */
.online-payment-wrapper {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  background-color: color-mix(in srgb, var(--color-black) 85%, transparent);
  justify-content: center;
  align-items: center;
  z-index: 105;
  padding: 1rem;
}
.online-payment-content {
  display: flex;
  justify-content: center;
  max-width: 100%;
  width: 1024px;
}
.online-payment-content a {
  background-color: var(--color-success-500);
  color: var(--color-white);
  padding: 2rem;
  border-radius: var(--border-radius-lg);
  width: 1024px;
  text-align: center;
  font-size: 1.5rem;
}
/* Cookies */
#cc-main .pm__btn {
  --cc-btn-primary-bg: linear-gradient(to top right, var(--color-primary-500), var(--color-primary-600));
  --cc-btn-primary-hover-bg: linear-gradient(to top right, var(--color-primary-500), var(--color-primary-600));
  --cc-btn-secondary-bg: linear-gradient(to top right, var(--color-primary-500), var(--color-primary-600));
  --cc-btn-secondary-hover-bg: linear-gradient(to top right, var(--color-primary-500), var(--color-primary-600));
}
#cc-main .section__toggle:checked ~ .toggle__icon,
#cc-main .section__toggle:checked:disabled ~ .toggle__icon {
  --cc-toggle-readonly-bg: var(--color-primary-500);
  --cc-toggle-on-bg: var(--color-primary-500);
}
/**
 * Swiper 4.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 18, 2017
 */
.swiper-container,.swiper-container-multi{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%; z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination,.swiper-pagination-multi{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{display:inline-block;border-radius:100%;}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
#cc-main{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background:transparent;color:var(--cc-primary-color);font-size:16px;font-weight:400;line-height:1.15;position:relative;position:fixed;text-rendering:optimizeLegibility;z-index:var(--cc-z-index)}#cc-main :after,#cc-main :before,#cc-main a,#cc-main button,#cc-main div,#cc-main h2,#cc-main input,#cc-main p,#cc-main span{all:unset;box-sizing:border-box}#cc-main .pm__badge,#cc-main button{all:initial;box-sizing:border-box;color:unset;visibility:unset}#cc-main .pm__badge,#cc-main a,#cc-main button,#cc-main input{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-size:100%;line-height:normal;margin:0;outline:revert;outline-offset:2px;overflow:hidden}#cc-main table,#cc-main tbody,#cc-main td,#cc-main th,#cc-main thead,#cc-main tr{all:revert;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}:root{--cc-modal-border-radius:.5rem;--cc-btn-border-radius:.4rem;--cc-modal-transition-duration:.25s;--cc-link-color:var(--cc-btn-primary-bg);--cc-modal-margin:1rem;--cc-z-index:2147483647;--cc-bg:#fff;--cc-primary-color:#2c2f31;--cc-secondary-color:#5e6266;--cc-btn-primary-bg:#30363c;--cc-btn-primary-color:#fff;--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#000;--cc-btn-primary-hover-color:#fff;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#d4dae0;--cc-btn-secondary-hover-color:#000;--cc-btn-secondary-hover-border-color:#d4dae0;--cc-separator-border-color:#f0f4f7;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#667481;--cc-toggle-on-knob-bg:#fff;--cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);--cc-toggle-enabled-icon-color:var(--cc-bg);--cc-toggle-disabled-icon-color:var(--cc-bg);--cc-toggle-readonly-bg:#d5dee2;--cc-toggle-readonly-knob-bg:#fff;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:var(--cc-cookie-category-block-bg);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-border:#f0f4f7;--cc-cookie-category-block-hover-bg:#e9eff4;--cc-cookie-category-block-hover-border:#e9eff4;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:#dee4e9;--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:var(--cc-btn-secondary-bg);--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#e4eaed;--cc-pm-toggle-border-radius:4em}#cc-main.cc--rtl{direction:rtl}#cc-main .cm__title,#cc-main a,#cc-main b,#cc-main em,#cc-main strong{font-weight:600}#cc-main button>span{pointer-events:none}#cc-main .cc__link,#cc-main a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;font-weight:600;position:relative;transition:background-size .25s,color .25s ease}#cc-main .cc__link:hover,#cc-main a:hover{background-size:100% 1px;color:var(--cc-primary-color)}#cc-main .cc__link{color:var(--cc-link-color)}#cc-main .cm__desc,#cc-main .pm__body{overscroll-behavior:auto contain;scrollbar-width:thin}@media screen and (min-width:640px){#cc-main ::-webkit-scrollbar,#cc-main ::-webkit-scrollbar-thumb,#cc-main ::-webkit-scrollbar-track{all:revert}#cc-main ::-webkit-scrollbar-thumb{-webkit-background-clip:padding-box;background-clip:padding-box;background:var(--cc-toggle-readonly-bg);border:.25rem solid var(--cc-bg);border-radius:1rem}#cc-main ::-webkit-scrollbar-thumb:hover{background:var(--cc-toggle-off-bg)}#cc-main ::-webkit-scrollbar{background:transparent;width:12px}}html.disable--interaction.show--consent,html.disable--interaction.show--consent body{height:auto!important;overflow:hidden!important}@media (prefers-reduced-motion){#cc-main{--cc-modal-transition-duration:0s}}.cc--darkmode{--cc-bg:#161a1c;--cc-primary-color:#ebf3f6;--cc-secondary-color:#aebbc5;--cc-btn-primary-bg:#c2d0e0;--cc-btn-primary-color:var(--cc-bg);--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#98a7b6;--cc-btn-primary-hover-color:#000;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#242c31;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#353d43;--cc-btn-secondary-hover-color:#fff;--cc-btn-secondary-hover-border-color:var(--cc-btn-secondary-hover-bg);--cc-separator-border-color:#222a30;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#525f6b;--cc-toggle-on-knob-bg:var(--cc-btn-primary-color);--cc-toggle-off-knob-bg:var(--cc-btn-primary-color);--cc-toggle-enabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-disabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-readonly-bg:#343e45;--cc-toggle-readonly-knob-bg:#5f6b72;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:#1e2428;--cc-cookie-category-block-bg:#1e2428;--cc-cookie-category-block-border:var(--cc-section-category-border);--cc-cookie-category-block-hover-bg:#242c31;--cc-cookie-category-block-hover-border:#232a2f;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:var(--cc-toggle-readonly-bg);--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:#0c0e0f;--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#060809}.cc--darkmode #cc-main{color-scheme:dark}#cc-main .cm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;max-width:24em;opacity:0;overflow:hidden;position:fixed;transform:translateY(1.6em);visibility:hidden;z-index:1}#cc-main .cm--top{top:var(--cc-modal-margin)}#cc-main .cm--middle{top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .cm--bottom{bottom:var(--cc-modal-margin)}#cc-main .cm--center{left:var(--cc-modal-margin);margin:0 auto;right:var(--cc-modal-margin);width:unset}#cc-main .cm--left{left:var(--cc-modal-margin);margin-right:var(--cc-modal-margin)}#cc-main .cm--right{margin-left:var(--cc-modal-margin);right:var(--cc-modal-margin)}#cc-main .cm__body{display:flex;flex-direction:column;justify-content:space-between;position:relative}#cc-main .cm__btns,#cc-main .cm__links{padding:1em 1.3em;width:unset}#cc-main .cm__texts{display:flex;flex:1;flex-direction:column;justify-content:center;padding:1em 0 0}#cc-main .cm__desc,#cc-main .cm__title{padding:0 1.3em}#cc-main .cm__title{font-size:1.05em}#cc-main .cm__title+.cm__desc{margin-top:1.1em}#cc-main .cm__desc{color:var(--cc-secondary-color);font-size:.9em;line-height:1.5;max-height:40vh;overflow-x:visible;overflow-y:auto;padding-bottom:1em}#cc-main .cm__btns{border-top:1px solid var(--cc-separator-border-color);display:flex;flex-direction:column;justify-content:center}#cc-main .cm__btn-group{display:grid;grid-auto-columns:minmax(0,1fr)}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin-top:.375rem}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .cm--inline .cm__btn+.cm__btn{margin-left:.375rem;margin-top:0}#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-right:0}#cc-main .cm--wide .cm__btn+.cm__btn,#cc-main .cm--wide .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-right:.375rem}#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,#cc-main .cm--wide .cm__btn-group--uneven{display:flex;flex:1;justify-content:space-between}#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,#cc-main .cm--wide.cm--flip .cm__btn-group--uneven{flex-direction:row-reverse}#cc-main .cm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);font-size:.82em;font-weight:600;min-height:42px;padding:.5em 1em;text-align:center}#cc-main .cm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .cm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close{border-radius:0;border-bottom-left-radius:var(--cc-btn-border-radius);border-right:none;border-top:none;display:none;font-size:1em;height:42px;min-width:auto!important;overflow:hidden;padding:0!important;position:absolute;right:0;top:0;width:42px}#cc-main .cm__btn--close svg{stroke:var(--cc-btn-primary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .cm__btn--close:hover svg{stroke:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--close.cm__btn--secondary svg{stroke:var(--cc-btn-secondary-color)}#cc-main .cm__btn--close.cm__btn--secondary:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close+.cm__texts .cm__title{padding-right:2em}#cc-main .cm--inline .cm__btn-group{grid-auto-flow:column}#cc-main .cm__footer{background:var(--cc-footer-bg);border-top:1px solid var(--cc-footer-border-color);color:var(--cc-footer-color);padding:.4em 0 .5em}#cc-main .cm__links{display:flex;flex-direction:row;padding-bottom:0;padding-top:0}#cc-main .cm__link-group{display:flex;flex-direction:row;font-size:.8em;width:100%}#cc-main .cm__link-group>*+*{margin-left:1.3em}#cc-main .cm--flip .cm__btn:last-child{grid-row:1}#cc-main .cm--inline.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--box .cm__btn--close{display:block}#cc-main .cm--box.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--box.cm--wide{max-width:36em}#cc-main .cm--box.cm--wide .cm__btns{flex-direction:row;justify-content:space-between}#cc-main .cm--box.cm--wide .cm__btn-group{grid-auto-flow:column}#cc-main .cm--box.cm--wide .cm__btn{min-width:120px;padding-left:1.8em;padding-right:1.8em}#cc-main .cm--box.cm--wide.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--cloud{max-width:54em;width:unset}#cc-main .cm--cloud .cm__body{flex-direction:row}#cc-main .cm--cloud .cm__texts{flex:1}#cc-main .cm--cloud .cm__desc{max-height:9.4em}#cc-main .cm--cloud .cm__btns{border-left:1px solid var(--cc-separator-border-color);border-top:none;max-width:23em}#cc-main .cm--cloud .cm__btn-group{flex-direction:column}#cc-main .cm--cloud .cm__btn{min-width:19em}#cc-main .cm--cloud.cm--flip .cm__btn-group,#cc-main .cm--cloud.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--cloud.cm--inline .cm__btn-group{flex-direction:row}#cc-main .cm--cloud.cm--inline .cm__btn{min-width:10em}#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group{flex-direction:row-reverse}#cc-main .cm--bar{--cc-modal-transition-duration:.35s;border-radius:0;left:0;margin:0;max-width:unset;opacity:1;right:0;transform:translateY(0);width:100vw}#cc-main .cm--bar.cm--top{top:0;transform:translateY(-100%)}#cc-main .cm--bar.cm--bottom{bottom:0;transform:translateY(100%)}#cc-main .cm--bar .cm__body,#cc-main .cm--bar .cm__links{margin:0 auto;max-width:55em;width:100%}#cc-main .cm--bar .cm__body{padding:.5em 0 .9em}#cc-main .cm--bar .cm__btns{border-top:none;flex-direction:row;justify-content:space-between}#cc-main .cm--bar .cm__btn-group{grid-auto-flow:column}#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--bar .cm__btn{min-width:120px;padding-left:2em;padding-right:2em}#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--bar.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--bar.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--bar.cm--inline .cm__body,#cc-main .cm--bar.cm--inline .cm__links{max-width:74em}#cc-main .cm--bar.cm--inline .cm__body{flex-direction:row;padding:0}#cc-main .cm--bar.cm--inline .cm__btns{flex-direction:column;justify-content:center;max-width:23em}#cc-main .cm--bar.cm--inline.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cc--anim .cm,#cc-main .cc--anim.cm-wrapper:before{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}#cc-main .cc--anim .cm__btn,#cc-main .cc--anim .cm__close{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.disable--interaction #cc-main .cm-wrapper:before{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:0}.show--consent #cc-main .cc--anim .cm{opacity:1;transform:translateY(0);visibility:visible!important}.show--consent #cc-main .cc--anim .cm--middle{transform:translateY(-50%)}.show--consent #cc-main .cc--anim .cm--bar{transform:translateY(0)}.show--consent #cc-main .cc--anim.cm-wrapper:before{opacity:1;visibility:visible}#cc-main.cc--rtl .cm__btn--close{border-bottom-left-radius:unset;border-bottom-right-radius:var(--cc-btn-border-radius);left:0;right:unset}#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title{padding-left:2em;padding-right:unset}#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm__link-group>*+*{margin-left:0;margin-right:1.3em}@media screen and (max-width:640px){#cc-main{--cc-modal-margin:.5em}#cc-main .cm{max-width:none!important;width:auto!important}#cc-main .cm__body{flex-direction:column!important;padding:0!important}#cc-main .cm__btns,#cc-main .cm__desc,#cc-main .cm__links,#cc-main .cm__title{padding-left:1.1em!important;padding-right:1.1em!important}#cc-main .cm__btns{border-left:none!important;border-top:1px solid var(--cc-separator-border-color)!important;flex-direction:column!important;max-width:none!important;min-width:auto!important}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin:.375rem 0 0!important}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .cm__btn-group{display:flex!important;flex-direction:column!important;min-width:auto!important}#cc-main .cm__btn{flex:auto!important}#cc-main .cm__link-group{justify-content:center!important}#cc-main .cm--flip .cm__btn-group,#cc-main .cm--flip .cm__btns{flex-direction:column-reverse!important}}#cc-main .pm-wrapper{position:relative;z-index:2}#cc-main .pm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;opacity:0;overflow:hidden;position:fixed;visibility:hidden;width:100%;width:unset;z-index:1}#cc-main svg{fill:none;width:100%}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:1em 1.4em}#cc-main .pm__header{align-items:center;border-bottom:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__title{align-items:center;display:flex;flex:1;font-weight:600;margin-right:2em}#cc-main .pm__close-btn{background:var(--cc-btn-secondary-bg);border:1px solid var(--cc-btn-secondary-border-color);border-radius:var(--cc-btn-border-radius);height:40px;position:relative;transition:all .15s ease;width:40px}#cc-main .pm__close-btn span{display:flex;height:100%;width:100%}#cc-main .pm__close-btn svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .pm__close-btn:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color)}#cc-main .pm__close-btn:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .pm__body{flex:1;overflow-y:auto;overflow-y:overlay}#cc-main .pm__section,#cc-main .pm__section--toggle{border-radius:var(--cc-btn-border-radius);display:flex;flex-direction:column;margin-bottom:.5em}#cc-main .pm__section--toggle .pm__section-desc-wrapper{border:1px solid var(--cc-cookie-category-block-border);border-radius:var(--cc-btn-border-radius);border-top:none;border-top-left-radius:0;border-top-right-radius:0;display:none;margin-top:0!important;overflow:hidden}#cc-main .pm__section{border:1px solid var(--cc-separator-border-color);padding:1em;transition:background-color .25s ease,border-color .25s ease}#cc-main .pm__section:first-child{border:none;margin-bottom:2em;margin-top:0;padding:0;transition:none}#cc-main .pm__section:not(:first-child):hover{background:var(--cc-cookie-category-block-bg);border-color:var(--cc-cookie-category-block-border)}#cc-main .pm__section-toggles+.pm__section{margin-top:2em}#cc-main .pm__section--toggle{background:var(--cc-cookie-category-block-bg);border-top:none;margin-bottom:.375rem}#cc-main .pm__section--toggle .pm__section-title{align-items:center;background:var(--cc-cookie-category-block-bg);border:1px solid var(--cc-cookie-category-block-border);display:flex;justify-content:space-between;min-height:58px;padding:1.1em 5.4em 1.1em 1.2em;position:relative;transition:background-color .25s ease,border-color .25s ease;width:100%}#cc-main .pm__section--toggle .pm__section-title:hover{background:var(--cc-cookie-category-block-hover-bg);border-color:var(--cc-cookie-category-block-hover-border)}#cc-main .pm__section--toggle .pm__section-desc{margin-top:0;padding:1em}#cc-main .pm__section--toggle.is-expanded{--cc-cookie-category-block-bg:var(--cc-cookie-category-expanded-block-bg);--cc-cookie-category-block-border:var(--cc-cookie-category-expanded-block-hover-bg)}#cc-main .pm__section--toggle.is-expanded .pm__section-title{border-bottom-left-radius:0;border-bottom-right-radius:0}#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg{transform:scale(.5) rotate(180deg)}#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper{display:flex}#cc-main .pm__section--expandable .pm__section-title{cursor:pointer;padding-left:3.4em}#cc-main .pm__section--expandable .pm__section-arrow{background:var(--cc-toggle-readonly-bg);border-radius:100%;display:flex;height:20px;justify-content:center;left:18px;pointer-events:none;position:absolute;width:20px}#cc-main .pm__section--expandable .pm__section-arrow svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5)}#cc-main .pm__section-title-wrapper{align-items:center;display:flex;position:relative}#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper{margin-top:.85em}#cc-main .pm__section-title{border-radius:var(--cc-btn-border-radius);font-size:.95em;font-weight:600}#cc-main .pm__badge{align-items:center;background:var(--cc-btn-secondary-bg);border-radius:5em;color:var(--cc-secondary-color);display:flex;flex:none;font-size:.8em;font-weight:600;height:23px;justify-content:center;margin-left:1em;min-width:23px;overflow:hidden;padding:0 .6em 1px;position:relative;text-align:center;white-space:nowrap;width:auto}#cc-main .pm__service-counter{background:var(--cc-btn-primary-bg);color:var(--cc-btn-primary-color);padding:0;width:23px}#cc-main .pm__service-counter[data-counterlabel]{padding:0 .6em 1px;width:auto}#cc-main .section__toggle,#cc-main .section__toggle-wrapper,#cc-main .toggle__icon,#cc-main .toggle__label{border-radius:var(--cc-pm-toggle-border-radius);height:23px;transform:translateZ(0);width:50px}#cc-main .section__toggle-wrapper{cursor:pointer;position:absolute;right:18px;z-index:1}#cc-main .toggle-service{height:19px;position:relative;right:0;width:42px}#cc-main .toggle-service .section__toggle,#cc-main .toggle-service .toggle__icon,#cc-main .toggle-service .toggle__label{height:19px;width:42px}#cc-main .toggle-service .toggle__icon{position:relative}#cc-main .toggle-service .toggle__icon-circle{height:19px;width:19px}#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(23px)}#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after{display:none!important}#cc-main .section__toggle{border:0;cursor:pointer;display:block;left:0;margin:0;position:absolute;top:0}#cc-main .section__toggle:disabled{cursor:not-allowed}#cc-main .toggle__icon{background:var(--cc-toggle-off-bg);box-shadow:0 0 0 1px var(--cc-toggle-off-bg);display:flex;flex-direction:row;pointer-events:none;position:absolute;transition:all .25s ease}#cc-main .toggle__icon-circle{background:var(--cc-toggle-off-knob-bg);border:none;border-radius:var(--cc-pm-toggle-border-radius);box-shadow:0 1px 2px rgba(24,32,3,.36);display:block;height:23px;left:0;position:absolute;top:0;transition:transform .25s ease,background-color .25s ease;width:23px}#cc-main .toggle__icon-off,#cc-main .toggle__icon-on{height:100%;position:absolute;transition:opacity .15s ease;width:100%}#cc-main .toggle__icon-on{opacity:0;transform:rotate(45deg)}#cc-main .toggle__icon-on svg{stroke:var(--cc-toggle-on-bg);transform:scale(.55) rotate(-45deg)}#cc-main .toggle__icon-off{opacity:1}#cc-main .toggle__icon-off svg{stroke:var(--cc-toggle-off-bg);transform:scale(.55)}#cc-main .section__toggle:checked~.toggle__icon{background:var(--cc-toggle-on-bg);box-shadow:0 0 0 1px var(--cc-toggle-on-bg)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle{background-color:var(--cc-toggle-on-knob-bg);transform:translateX(27px)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on{opacity:1}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off{opacity:0}#cc-main .section__toggle:checked:disabled~.toggle__icon{background:var(--cc-toggle-readonly-bg);box-shadow:0 0 0 1px var(--cc-toggle-readonly-bg)}#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle{background:var(--cc-toggle-readonly-knob-bg);box-shadow:none}#cc-main .section__toggle:checked:disabled~.toggle__icon svg{stroke:var(--cc-toggle-readonly-knob-icon-color)}#cc-main .toggle__label{opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:-1}#cc-main .pm__section-desc-wrapper{color:var(--cc-secondary-color);display:flex;flex-direction:column;font-size:.9em}#cc-main .pm__section-desc-wrapper>:not(:last-child){border-bottom:1px solid var(--cc-cookie-category-block-border)}#cc-main .pm__section-services{display:flex;flex-direction:column}#cc-main .pm__service{align-items:center;display:flex;justify-content:space-between;padding:.4em 1.2em;position:relative;transition:background-color .15s ease}#cc-main .pm__service:hover{background-color:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__service-header{align-items:center;display:flex;margin-right:1em;width:100%}#cc-main .pm__service-icon{border:2px solid;border-radius:100%;height:8px;margin-left:6px;margin-right:20px;margin-top:1px;min-width:8px}#cc-main .pm__service-title{font-size:.95em;width:100%;word-break:break-word}#cc-main .pm__section-desc{line-height:1.5em}#cc-main .pm__section-table{border-collapse:collapse;font-size:.9em;margin:0;overflow:hidden;padding:0;text-align:left;width:100%}#cc-main .pm__table-caption{text-align:left}#cc-main .pm__table-caption,#cc-main .pm__table-head>tr{border-bottom:1px dashed var(--cc-separator-border-color);color:var(--cc-primary-color);font-weight:600}#cc-main .pm__table-tr{transition:background-color .15s ease}#cc-main .pm__table-tr:hover{background:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th{padding:.625em .625em .625em 1.2em;vertical-align:top}#cc-main .pm__footer{border-top:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__btn-group{display:flex}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin-left:.375rem}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main .pm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);flex:auto;font-size:.82em;font-weight:600;min-height:42px;min-width:110px;padding:.5em 1.5em;text-align:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease}#cc-main .pm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .pm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .pm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .pm--box{height:calc(100% - 2em);left:var(--cc-modal-margin);margin:0 auto;max-height:37.5em;max-width:43em;right:var(--cc-modal-margin);top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .pm--box.pm--flip .pm__btn-group,#cc-main .pm--box.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm--bar{--cc-modal-transition-duration:.35s;border-radius:0;bottom:0;height:100%;margin:0;max-height:none;max-width:29em;opacity:1;top:0;width:100%}#cc-main .pm--bar .pm__section-table,#cc-main .pm--bar .pm__table-body,#cc-main .pm--bar .pm__table-td,#cc-main .pm--bar .pm__table-th,#cc-main .pm--bar .pm__table-tr{display:block}#cc-main .pm--bar .pm__table-head{display:none}#cc-main .pm--bar .pm__table-caption{display:block}#cc-main .pm--bar .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm--bar .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm--bar .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm--bar .pm__table-td>div{flex:3}#cc-main .pm--bar:not(.pm--wide) .pm__body,#cc-main .pm--bar:not(.pm--wide) .pm__footer,#cc-main .pm--bar:not(.pm--wide) .pm__header{padding:1em 1.3em}#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,#cc-main .pm--bar:not(.pm--wide) .pm__footer{flex-direction:column}#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin:.375rem 0 0}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer{flex-direction:column-reverse}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .pm--bar:not(.pm--wide) .pm__badge{display:none}#cc-main .pm--bar.pm--left{left:0;transform:translateX(-100%)}#cc-main .pm--bar.pm--right{right:0;transform:translateX(100%)}#cc-main .pm--bar.pm--wide{max-width:35em}#cc-main .pm--bar.pm--wide .pm__body,#cc-main .pm--bar.pm--wide .pm__footer,#cc-main .pm--bar.pm--wide .pm__header{padding:1em 1.4em}#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,#cc-main .pm--bar.pm--wide.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm-overlay{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:1}#cc-main .cc--anim .pm,#cc-main .cc--anim .pm-overlay{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}.show--preferences #cc-main .cc--anim .pm{opacity:1;visibility:visible!important}.show--preferences #cc-main .cc--anim .pm--box{transform:translateY(-50%)}.show--preferences #cc-main .cc--anim .pm--bar{transform:translateX(0)}.show--preferences #cc-main .cc--anim .pm-overlay{opacity:1;visibility:visible}#cc-main.cc--rtl .pm__service-header{margin-left:1em;margin-right:0}#cc-main.cc--rtl .pm__section-arrow{left:unset;right:18px}#cc-main.cc--rtl .section__toggle-wrapper{left:18px;right:unset;transform-origin:left}#cc-main.cc--rtl .toggle-service{left:0}#cc-main.cc--rtl .pm__service-icon{margin-left:20px;margin-right:5px}#cc-main.cc--rtl .pm__section--toggle .pm__section-title{padding-left:5.4em;padding-right:1.2em}#cc-main.cc--rtl .pm__section--expandable .pm__section-title{padding-right:3.4em}#cc-main.cc--rtl .pm__badge{margin-left:unset;margin-right:1em}#cc-main.cc--rtl .toggle__icon-circle{transform:translateX(27px)}#cc-main.cc--rtl .toggle-service .toggle__icon-circle{transform:translateX(23px)}#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(0)}#cc-main.cc--rtl .pm__table-td,#cc-main.cc--rtl .pm__table-th{padding-left:unset;padding-right:1.2em;text-align:right}#cc-main.cc--rtl .pm__table-td{padding-left:unset;padding-right:1.2em}#cc-main.cc--rtl .pm__table-td:before{padding-left:2em;padding-right:unset}#cc-main.cc--rtl .pm__btn+.pm__btn,#cc-main.cc--rtl .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin-left:0}@media screen and (max-width:640px){#cc-main .pm{border-radius:0;bottom:0;height:auto;left:0;max-height:100%;max-width:none!important;right:0;top:0;transform:translateY(1.6em)}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:.9em!important}#cc-main .pm__badge{display:none}#cc-main .pm__section-table,#cc-main .pm__table-body,#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th,#cc-main .pm__table-tr{display:block}#cc-main .pm__table-head{display:none}#cc-main .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm__table-td>div{flex:3}#cc-main .pm__btn-group,#cc-main .pm__footer{flex-direction:column!important}#cc-main .pm__btn-group{display:flex!important}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin:.375rem 0 0!important}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .pm--flip .pm__btn-group,#cc-main .pm--flip .pm__footer{flex-direction:column-reverse!important}.show--preferences #cc-main .cc--anim .pm{transform:translateY(0)!important}}

.show--consent #cc-main .cc--anim.cm-wrapper::before,
.show--preferences #cc-main .cc--anim .pm-overlay {
  display: none;
}

#cc-main {
  --cc-btn-primary-bg: linear-gradient(to top right, #F56E68, #DBA43B);
  --cc-btn-primary-hover-bg: linear-gradient(to top right, #F56E68, #DBA43B);
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-border-color: transparent;
  --cc-btn-primary-hover-border-color: transparent;
  --cc-btn-secondary-bg: var(--cc-btn-primary-bg);
  --cc-btn-secondary-color: var(--cc-btn-primary-color);
  --cc-btn-secondary-border-color: var(--cc-btn-primary-border-color);
  --cc-btn-secondary-hover-bg: var(--cc-btn-primary-hover-bg);
  --cc-btn-secondary-hover-color: var(--cc-btn-primary-hover-color);
  --cc-btn-secondary-hover-border-color: var(--cc-btn-primary-hover-border-color);
  --cc-separator-border-color: transparent;
  --cc-modal-border-radius: 24px;
  --cc-btn-border-radius: 12px;
  --cc-cookie-category-block-bg: transparent;
  --cc-cookie-category-block-border: transparent;
  --cc-cookie-category-block-hover-bg: transparent;
  --cc-cookie-category-block-hover-border: transparent;
  --cc-section-category-border: transparent;
  --cc-cookie-category-expanded-block-hover-bg: transparent;
  --cc-toggle-on-bg: #92eaad;
  --cc-toggle-off-bg: #eaeaea;
  --cc-toggle-readonly-bg: var(--cc-toggle-on-bg);
  --cc-pm-toggle-border-radius: 360px;
}

#cc-main .cm,
#cc-main .pm--box {
  max-width: 400px;
  width: 95%;
  border-radius: 12px 12px 0 0;
  max-height: 85%;
  bottom: 0;
  top: unset;
  overflow: visible;
  transform: none !important;
  background-color: rgba(255,255,255,0.8);
  backdrop-filter: blur(10px);
}

#cc-main .cm__title {
  font-size: 1.7rem;
  padding: 0 1.3rem !important;
  color: #676767;
}

#cc-main .cm__desc {
  padding: 0 1.3rem !important;
}

#cc-main .cm__title + .cm__desc {
  font-size: 1.15rem;
}

#cc-main .cm__btns {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: space-between;
  margin-top: 1rem;
}

#cc-main .cm__btn-group {
  display: contents !important;
}

#cc-main .cm__btn {
  flex: 1;
  min-width: 220px;
  padding: 1.4rem 0.5rem;
  font-size: 1.1rem;
}

#cc-main .cm__btn + .cm__btn {
  margin-top: 0 !important;
}

#cc-main .pm__header::before {
  content: "";
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
  height: 10rem;
  background-image: url("/ui/system/images/photos/cookies.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#cc-main .pm__header {
  padding-bottom: 0.5rem !important;
}

#cc-main .pm__title {
  font-size: 1.2rem;
  color: #676767;
}
#cc-main .pm__header .pm__title {
  margin: 7rem 0 0 0;
  text-align: center;
  display: inline;
}
#cc-main .pm__close-btn {
  display: none;
}
#cc-main .pm__section:first-child {
  margin-bottom: 0;
}
#cc-main .pm__section-desc {
  white-space: pre-wrap;
  font-size: .9rem;
}
#cc-main .pm__section-toggles {
  position: relative;
  display: block;
}
#cc-main .pm__section-toggles::before {
  content: "";
  position: absolute;
  top: 0;
  left: -0.5rem;
  width: calc(100% + 1rem);
  height: calc(100% + 1rem);
  background-color: rgba(0,0,0,0.1);
  border-radius: 0 0 12px 12px;
  display: block;
  z-index: -1;
}
#cc-main .pm__section--toggle .pm__section-desc-wrapper {
  display: flex;
}
#cc-main .pm__section--expandable .pm__section-arrow {
  display: none;
}
#cc-main .pm__section--toggle {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 1.5rem;
}
#cc-main .pm__section-title-wrapper {
  display: contents;
}
#cc-main .pm__title.pm__toggles__title {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 1rem 0 0 0;
}
#cc-main .pm__title.pm__toggles__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: -0.5rem;
  width: calc(100% + 1rem) !important;;
  height: 100%;
  background-color: rgba(0,0,0,0.1);
  width: 100%;
  padding: 0.25rem;
  z-index: -1;
  border-radius: 12px 12px 0 0;
}
#cc-main .pm__section--expandable .pm__section-title {
  cursor: auto;
  min-height: unset;
  padding: 0;
  border-radius: 0;
  font-size: 1rem;
}
#cc-main .pm__section--toggle .pm__section-desc-wrapper {
  border-radius: 0;
}
#cc-main .section__toggle-wrapper {
  position: static;
  order: 3;
  width: 80px;
}
#cc-main .section__toggle {
  width: 100%;
  height: 26px;
}
#cc-main .toggle__icon {
  border: 1px solid #8e8e93;
  box-shadow: none;
  padding: 11.5px;
  width: 100%;
}
#cc-main .toggle__icon-circle {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 3px 2px rgba(0, 0, 0, 0.1);
}
#cc-main .section__toggle:checked:disabled~.toggle__icon {
  border-color: var(--cc-toggle-readonly-bg);
}
#cc-main .section__toggle:checked ~ .toggle__icon {
  border-color: var(--cc-toggle-on-bg);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 3px 2px rgba(0, 0, 0, 0.1);
}
#cc-main .toggle__icon-circle > * {
  display: none;
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
  transform: translateX(55px);
}
#cc-main .pm__section--toggle .pm__section-desc {
  padding: 0;
}
#cc-main .pm__footer {
  gap: 0.5rem;
  flex-direction: row-reverse;
}
#cc-main .pm__footer .pm__btn-group {
  display: contents;
}
#cc-main .pm__btn-group + .pm__btn-group {
  margin-top: 0 !important;
}
#cc-main .pm__btn {
  padding: 0.75rem 0.5rem;
  font-size: .75rem;
}
#cc-main .pm__btn + .pm__btn {
  margin-left: 0;
}
#cc-main ::-webkit-scrollbar-thumb {
  background-color: #d5d5d5 !important;
}

@media (orientation: landscape) {
  
  #cc-main .pm--box {
    border-radius: 12px;
    transform: none !important;;
    max-height: 700px;
    height: 55vh;
    min-height: 400px;
    left: 1.5rem;
    bottom: 1.5rem;
    margin: 0;
  }
  
  #cc-main .pm__header::before {
    height: 12rem;
    background-size: contain;
  }
}@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600);
.foopicker {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 0 3px #bbb;
  color: #666;
  font-family: 'Source Sans Pro', sans-serif;
  margin-top: 10px;
  width: 245px;
}

.foopicker table {
  width: 100%;
}

.foopicker th,
.foopicker td {
  text-align: center;
}

.foopicker__calendar {
  font-size: 13px;
  padding: 5px;
}

.foopicker__day {
  border-radius: 100%;
  cursor: pointer;
  padding: 5px 2px;
  transition: all .2s ease-out;
  width: 22px;
}

.foopicker__day:hover {
  background: #1fbad6;
  color: #fff;
}

.foopicker__day--today {
  background: #e0f6fb;
  color: #666;
}

.foopicker__day--selected {
  background: #1fbad6;
  color: #fff;
}

.foopicker__day--disabled {
  background: #e6e6e6;
  color: #bfbfbf;
  cursor: not-allowed;
}

.foopicker__day--disabled:hover {
  background: #e6e6e6;
  color: #bfbfbf;
}

.foopicker__week {
  font-size: 1em;
  font-weight: 600;
}

.foopicker__header {
  background: #f2f2f4;
  padding: 15px;
  text-align: center;
}

.foopicker__header div {
  display: inline-block;
}

.foopicker__arrow {
  background-repeat: no-repeat;
  cursor: pointer;
  height: 24px;
  outline: 0;
  position: absolute;
  top: 31px;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 14px;
}

.foopicker__arrow--next {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN5wAADecBmRSqJgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADWSURBVBiVfY8xSkNBFEXPe0njxGB24R4srM1YjFhMGYjYuRxLMWI7lZ8EDAqKiN8mC7B2BULMiPh/noUYvoW57Tncy5Xx+OZZhFfVauC9/6QRFeEFiMtl6yqlcuMPzPntGLgE2XPufZrS/eYKxhjr2aw8EuEC2HXu67ooii6A/FpmJpPJ7akIJ0CpWvWludEUzLhT1uS/2ifVygtASqnV6fTOzBiCPNZ13g8hzPUHbI3MGIrwkHPbhxDmAG3neudmDMCmi0X3MMadj9VPM7aBpFofNAHAN0NkW9nLdIQRAAAAAElFTkSuQmCC);
  right: 14px;
}

.foopicker__arrow--prev {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN5wAADecBmRSqJgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADXSURBVBiVXZAxTsNAFETfmMRWvL4C3GVRIlFElFRYHABxB1+CBlFEFBFsgQJrWTIIQRWq9NyDLrG8FGDkeNqn+TPzxUBVVSVtO7oLgaOoD5xbT9r2YAWcSXypA977VIqfQFPg3phxHgHUdW0g8aBpCGFpzDi31jaRc+/ZbqdS4jgEbjebz9xa2wDI+5e3P3A9n8+uJIUuaq/QUFEch1PgQ+KyLF9viqL4N6grtN3q+fd8WGZZfGGtbQZTkhUwk/SQpqNz9TOcW0/S9PsRdAIs9mD/fRAOfwCC1k8eHoJobwAAAABJRU5ErkJggg==);
  left: 18px;
}

.foopicker__month {
  font-size: .875em;
  font-weight: 600;
  text-transform: uppercase;
}

.foopicker__date--month,
.foopicker__date--year {
  background: none;
  border: 0;
  color: #666;
  font-size: 13px;
  height: 20px;
}
.lb-loader,.lightbox{text-align:center;line-height:0}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/ui/system/images/lightbox/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/ui/system/images/lightbox/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/ui/system/images/lightbox/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/ui/system/images/lightbox/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
/* CSS Document */

/**********************************************  TOP PANEL  **********************************************/
.tutorial-top-panel {
	width: 100%;
	display: block;
	position: relative;
	z-index: 100;
}
.tutorial-top-column, .tutorial-top-btn {
	height: 10vw;
	line-height: 10vw;
	display: block;
	float: left;
	text-align: center;
}
.tutorial-top-column {
	width: 70%;
	background-color: #313030;
}
label.tutorial-top {
	width: 4vw;
	height: 4vw;
	border-radius: 360vw;
	border: 0.3vw solid #FFFFFF;
	display: inline-block;
	padding: 0.7vw;
	margin: 2vw 0.3vw;
}
label.tutorial-top.active {
}
.tutorial-top-btn {
	width: 30%;
	text-transform: uppercase;
	color: #FFFFFF;
	cursor: pointer;
}

/**********************************************  GENERAL  **********************************************/

.tutorial-box {
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 999;
	overflow-y: auto;
	overflow-x: hidden;
	background-image: url('/ui/system/images/photos/login_screen.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.tutorial-box::after {
	content: '';
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background: -webkit-linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.9) 100%);
    background: linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.9) 100%);
}
.tutorial-box-steps {
}
.tutorial-body {
	height: 100%;
	text-align: center;
	width: 80%;
	padding: 0 10%;
	position: fixed;
	z-index: 10;
}
.tutorial-center {
	z-index: 10;
	display: block;
	position: relative;
	top: 40%;
	transform: translateY(-40%);
}
a.tutorial-btn {
	padding: 2vw 0;
	width: 50vw;
	display: inline-block;
	border-radius: 360vw;
	color: #FFFFFF;
}
.tutorial-50-box {
	float: left;
	width: 50%;
	text-align: center;
}
.tutorial-m3 {
	margin: 0 0 3vw 0;
}
.tutorial-m4 {
	margin: 0 0 4vw 0;
}
.tutorial-m6 {
	margin: 0 0 6vw 0;
}
.tutorial-m8 {
	margin: 0 0 8vw 0;
}
.tutorial-m13 {
	margin: 0 0 13vw 0;
}
.tutorial-m20 {
	margin: 0 0 20vw 0;
}
.tutorial-m30 {
	margin: 0 0 30vw 0;
}
.tutorial-tm3 {
	margin: 3vw 0 0 0;
}
.tutorial-tm4 {
	margin: 4vw 0 0 0;
}
.tutorial-tm6 {
	margin: 6vw 0 0 0;
}
.tutorial-tm8 {
	margin: 8vw 0 0 0;
}
.tutorial-tm13 {
	margin: 13vw 0 0 0;
}
.tutorial-tm20 {
	margin: 20vw 0 0 0;
}
.tutorial-tm30 {
	margin: 30vw 0 0 0;
}

/**********************************************  GLOBAL PADDING  **********************************************/

.top-padding {
	padding: 8vw 0 0 0;
}
.bottom-padding {
	padding: 0 0 8vw 0;
}
.right-padding {
	padding: 0 8vw 0 0;
}
.left-padding {
	padding: 0 0 0 8vw;
}

/**********************************************  ANIMATIONS  **********************************************/

.arrow-upping {
	background-image: url('/ui/system/icons/white/arrow_up.svg');
	background-repeat: no-repeat;
	background-size: auto 7vw;
	-webkit-animation: arrow-up 1s infinite;
	animation: arrow-up 1s infinite;
}
@-webkit-keyframes arrow-up {
    0% {
		background-position: center top 1vw;
	}
    50% {
		background-position: center top 0vw;
	}
	 100% {
		background-position: center top 1vw;
	}
}
@keyframes arrow-up {
    0% {
		background-position: center top 1vw;
	}
    50% {
		background-position: center top 0vw;
	}
	 100% {
		background-position: center top 1vw;
	}
}
.arrow-botting {
	background-image: url('/ui/system/icons/white/arrow_bottom.svg');
	background-repeat: no-repeat;
	background-size: auto 7vw;
	background-position: center bottom 0vw;
	-webkit-animation: arrow-bottom 1s infinite;
	animation: arrow-bottom 1s infinite;
}
@-webkit-keyframes arrow-bottom {
    0% {
		background-position: center bottom 0vw;
	}
    50% {
		background-position: center bottom 1vw;
	}
	 100% {
		background-position: center bottom 0vw;
	}
}
@keyframes arrow-bottom {
    0% {
		background-position: center bottom 0vw;
	}
    50% {
		background-position: center bottom 1vw;
	}
	 100% {
		background-position: center bottom 0vw;
	}
}
.arrow-right {
	background-image: url('/ui/system/icons/white/arrow_right.svg');
	background-repeat: no-repeat;
	background-size: auto 7vw;
	background-position: center right 0vw;
	-webkit-animation: arrow-right 1s infinite;
	animation: arrow-right 1s infinite;
}
@-webkit-keyframes arrow-right {
    0% {
		background-position: center right 1vw;
	}
    50% {
		background-position: center right 0vw;
	}
	 100% {
		background-position: center right 1vw;
	}
}
@keyframes arrow-right {
    0% {
		background-position: center right 1vw;
	}
    50% {
		background-position: center right 0vw;
	}
	 100% {
		background-position: center right 1vw;
	}
}

/**********************************************  TUTORIAL-1,2,3,4...  **********************************************/

.data-tutorial-priority-1, .data-tutorial-priority-2, .data-tutorial-priority-3, .data-tutorial-priority-4, .data-tutorial-priority-5, .data-tutorial-priority-6, .data-tutorial-priority-7, .data-tutorial-priority-8, .data-tutorial-priority-9, .data-tutorial-priority-10 {
	display: none;
	opacity: 0;
	transition: ease-out 1s;
}
.data-tutorial-priority-1.active, .data-tutorial-priority-2.active, .data-tutorial-priority-3.active, .data-tutorial-priority-4.active, .data-tutorial-priority-5.active, .data-tutorial-priority-6.active, .data-tutorial-priority-7.active, .data-tutorial-priority-8.active, .data-tutorial-priority-9.active, .data-tutorial-priority-10.active {
	display: block;
	opacity: 1;
	transition: ease-out 1s;
	transform: none;
}
.white, .tutorial-desc-2-1, .tutorial-desc-2-2, .tutorial-desc-2-3, .tutorial-desc-2-4, .tutorial-desc-2-5, .tutorial-desc-2-6, .tutorial-desc-3-1, .tutorial-desc-3-2, .tutorial-desc-3-3, .tutorial-desc-3-4, .tutorial-desc-3-5, .tutorial-desc-3-6, .tutorial-desc-4-1, .tutorial-desc-4-2, .tutorial-desc-4-3, .tutorial-desc-4-4, .tutorial-desc-4-5, .tutorial-desc-4-6, .tutorial-desc-5-1, .tutorial-desc-5-2, .tutorial-desc-5-3, .tutorial-desc-5-4, .tutorial-desc-5-5, .tutorial-desc-5-6, .tutorial-desc-6-1, .tutorial-desc-6-2, .tutorial-desc-6-3, .tutorial-desc-6-4, .tutorial-desc-6-5, .tutorial-desc-6-6, .tutorial-desc-7-1, .tutorial-desc-7-2, .tutorial-desc-7-3, .tutorial-desc-7-4, .tutorial-desc-7-5, .tutorial-desc-7-6, .tutorial-desc-8-1, .tutorial-desc-8-2, .tutorial-desc-8-3, .tutorial-desc-8-4, .tutorial-desc-8-5, .tutorial-desc-8-6, .tutorial-desc-9-1, .tutorial-desc-9-2, .tutorial-desc-9-3, .tutorial-desc-9-4, .tutorial-desc-9-5, .tutorial-desc-9-6 {
	color: #FFFFFF;
}

/**********************************************  TUTORIAL-1  **********************************************/

h4.tutorial-logo {
	padding: 25vw 0 0 0;
	background-repeat: no-repeat;
	background-size: auto 23vw;
	background-position: center top;
}

/**********************************************  TUTORIAL-2  **********************************************/

.data-tutorial-priority-2 .bottom-panel {
	position: relative;
}
.data-tutorial-priority-2 .bottom-btn {
	width: 20%;
}
.data-tutorial-priority-2 .bottom-btn label {
	line-height: 6vw;
}

.tutorial-desc-2-1 {
	position: absolute;
	bottom: 22vw;
	left: -5vw;
}
.tutorial-desc-2-2 {
	position: absolute;
	bottom: 22vw;
	left: 17vw;
}
.tutorial-desc-2-3 {
	position: absolute;
	top: 18vw;
	left: 35vw;
	display: inline-block;
}
.tutorial-desc-2-4 {
	position: absolute;
	bottom: 22vw;
	right: 23vw;
}
.tutorial-desc-2-5 {
	position: absolute;
	bottom: 22vw;
	right: 0vw;
}

/**********************************************  TUTORIAL-3  **********************************************/

.data-tutorial-priority-3 .toppanel {
	position: relative;
}
.data-tutorial-priority-3 .toppanel.mini-menu img {
	position: absolute;
    left: 3vw;
    right: auto;
}
.tutorial-desc-3-1 {
	position: absolute;
	bottom: 22vw;
	left: 4vw;
}
.tutorial-desc-3-2 {
	position: absolute;
	bottom: 22vw;
	right: 4vw;
}

/**********************************************  TUTORIAL-4  **********************************************/

.data-tutorial-priority-4 .item-buy-btn {
	display: inline-block;
	width: 20vw;
	float: none;
}
.tutorial-desc-4-1 {
	position: absolute;
	bottom: 20vw;
	width: 100%;
}

/**********************************************  TUTORIAL-5  **********************************************/

.data-tutorial-priority-5 .add-cart-column {
	margin: 3vw 0 0 0;
}
.tutorial-desc-5-1 {
	position: absolute;
	top: 27vw;
	left: 4vw;
}
.tutorial-desc-5-2 {
	position: absolute;
	top: 27vw;
	left: 35vw;
}
.tutorial-desc-5-3 {
	position: absolute;
	top: 27vw;
	right: 4vw;
}
.tutorial-desc-5-4 {
	position: absolute;
	bottom: 16vw;
	left: 7vw;
}
.tutorial-desc-5-5 {
	position: absolute;
	bottom: 16vw;
	right: 10vw;
}
.tutorial-body .item-info-btn {
	border: 0px solid #FFFFFF;
}

/**********************************************  TUTORIAL-6  **********************************************/

.data-tutorial-priority-6 .cart-col-name {
	text-align: left;
}
.tutorial-desc-6-1 {
	position: absolute;
	top: 23vw;
	width: 100%;
}
.tutorial-desc-6-2 {
	position: absolute;
	bottom: 15vw;
	left: 4vw;
}
.tutorial-desc-6-3 {
	position: absolute;
	bottom: 15vw;
	right: 0vw;
}

/**********************************************  TUTORIAL-7  **********************************************/

.data-tutorial-priority-7 .extended-title {
	text-align: left;
}
.data-tutorial-priority-7 .extended-price {
	text-align: right;
}
.tutorial-desc-7-1 {
	position: absolute;
	top: 22vw;
	width: 100%;
}
.tutorial-desc-7-2 {
	position: absolute;
	bottom: 18vw;
	left: -5vw;
}
.tutorial-desc-7-3 {
	position: absolute;
	bottom: 18vw;
	right: -5vw;
}
.data-tutorial-priority-7 .product, .data-tutorial-priority-7 .item {
	position: relative;
	margin: 5vw 1%;
	width: 98%;
	float: left;
}

/**********************************************  TUTORIAL-8  **********************************************/

.data-tutorial-priority-8 .select-title {
	text-align: left;
}
.tutorial-desc-8-1 {
	position: absolute;
	top: 7vw;
	width: 100%;
}
.tutorial-desc-8-2 {
	position: absolute;
	bottom: 12vw;
	width: 100%;
}
.data-tutorial-priority-8 .cart-items {
	background-color: #FFFFFF;
}
.tutorial-body .extended-title {
	width: 35%;
	padding: 0 0 0 15%;
	background-repeat: no-repeat;
}

/**********************************************  TUTORIAL-9  **********************************************/

.data-tutorial-priority-9 .cart-form-box {
	text-align: left;
	color: #FFFFFF;
}
.tutorial-desc-9-1 {
	position: absolute;
	top: 7vw;
	width: 100%;
}
.tutorial-desc-9-2 {
	position: absolute;
	top: 7vw;
	width: 100%;
}

/**********************************************  TUTORIAL-10  **********************************************/

button.tutorial-replay {
	width: 10vw;
	height: 10vw;
	display: inline-block;
	border: none;
	line-height: 10vw;
	border-radius: 360vw;
	cursor: pointer;
}
.tutorial-replay-icon {
	width: 10vw;
	height: 10vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 60%;
}

/************************************************************ RESPONZIVE PC ********************************************************/

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

.tutorial-box {
	display: none;
}
	
}

	.loading{
		display:none;
	}
	/* Patička */
footer {
  background-color: #000000;
}
/* Hlavička */
.toppanel, .toppanel.mini-menu, .toppanel::before {
  background-color: #fbe90b;
}
/*Skryje cookies pro Apple*/
@supports (-webkit-touch-callout: none) {
  #cc-main{
   display: none;
 }
}