*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::-ms-backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
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-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  -webkit-font-feature-settings: normal;
          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]) {
  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 */
  -webkit-font-feature-settings: normal;
          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 */
  -webkit-font-feature-settings: inherit;
          font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: 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,
input:where([type='button']),
input:where([type='reset']),
input:where([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::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::-ms-input-placeholder, textarea::-ms-input-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]:where(:not([hidden="until-found"])) {
  display: none;
}
.\!container {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}
@media (min-width: 640px) {

  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.visible {
  visibility: visible;
}
.collapse {
  visibility: collapse;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.bottom-8 {
  bottom: 2rem;
}
.left-0 {
  left: 0px;
}
.right-0 {
  right: 0px;
}
.right-1\/2 {
  right: 50%;
}
.top-0 {
  top: 0px;
}
.top-40 {
  top: 10rem;
}
.top-8 {
  top: 2rem;
}
.z-10 {
  z-index: 10;
}
.z-50 {
  z-index: 50;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[9999\] {
  z-index: 9999;
}
.m-0 {
  margin: 0px;
}
.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-8 {
  margin-left: -2rem;
  margin-right: -2rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.\!mb-0 {
  margin-bottom: 0px !important;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-32 {
  margin-bottom: 8rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-8 {
  margin-left: 2rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.\!flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.list-item {
  display: list-item;
}
.hidden {
  display: none;
}
.h-12 {
  height: 3rem;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[25px\] {
  height: 25px;
}
.h-\[40px\] {
  height: 40px;
}
.h-full {
  height: 100%;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-1\/4 {
  width: 25%;
}
.w-12 {
  width: 3rem;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-24 {
  width: 6rem;
}
.w-3\/4 {
  width: 75%;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[22px\] {
  width: 22px;
}
.w-\[25px\] {
  width: 25px;
}
.w-\[40px\] {
  width: 40px;
}
.w-full {
  width: 100%;
}
.min-w-\[100px\] {
  min-width: 100px;
}
.min-w-\[320px\] {
  min-width: 320px;
}
.min-w-\[70px\] {
  min-width: 70px;
}
.flex-shrink-0 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.table-auto {
  table-layout: auto;
}
.border-collapse {
  border-collapse: collapse;
}
.translate-x-1\/2 {
  --tw-translate-x: 50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@-webkit-keyframes blink-bounce {

  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  50% {
    background: rgba(244, 68, 68, 0.8);
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
}
@keyframes blink-bounce {

  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  50% {
    background: rgba(244, 68, 68, 0.8);
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
}
.animate-blink-bounce {
  -webkit-animation: blink-bounce 0.7s ease-in-out 2;
          animation: blink-bounce 0.7s ease-in-out 2;
}
.cursor-pointer {
  cursor: pointer;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-col-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-16 {
  gap: 4rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[25px\] {
  border-radius: 25px;
}
.rounded-\[var\(--border-radius-l\)\] {
  border-radius: var(--border-radius-l);
}
.rounded-full {
  border-radius: 9999px;
}
.border {
  border-width: 1px;
}
.border-4 {
  border-width: 4px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-\[\#cccccc\] {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-danger {
  --tw-border-opacity: 1;
  border-color: rgb(247 60 12 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.border-grey {
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity, 1));
}
.border-stone-500 {
  --tw-border-opacity: 1;
  border-color: rgb(120 113 108 / var(--tw-border-opacity, 1));
}
.border-success {
  --tw-border-opacity: 1;
  border-color: rgb(75 181 67 / var(--tw-border-opacity, 1));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/10 {
  background-color: rgb(0 0 0 / 0.1);
}
.bg-black\/5 {
  background-color: rgb(0 0 0 / 0.05);
}
.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.bg-grey\/50 {
  background-color: rgb(238 238 238 / 0.5);
}
.bg-grey\/80 {
  background-color: rgb(238 238 238 / 0.8);
}
.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/70 {
  background-color: rgb(255 255 255 / 0.7);
}
.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-\[\#17395b\] {
  --tw-gradient-from: #17395b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(23 57 91 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#2d63c9\] {
  --tw-gradient-from: #2d63c9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 99 201 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#3b5b4e\] {
  --tw-gradient-from: #3b5b4e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 91 78 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#3d9ef1\] {
  --tw-gradient-from: #3d9ef1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(61 158 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#494949\] {
  --tw-gradient-from: #494949 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(73 73 73 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#4a6468\] {
  --tw-gradient-from: #4a6468 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 100 104 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#777777\] {
  --tw-gradient-from: #777777 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 119 119 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#92ddfe\] {
  --tw-gradient-from: #92ddfe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(146 221 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#98ffb3\] {
  --tw-gradient-from: #98ffb3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(152 255 179 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#aaaaaa\]\/70 {
  --tw-gradient-from: rgb(170 170 170 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(170 170 170 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ff0037\] {
  --tw-gradient-from: #ff0037 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 0 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ff7241\] {
  --tw-gradient-from: #ff7241 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 114 65 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ff8080\] {
  --tw-gradient-from: #ff8080 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 128 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ffb2c2\] {
  --tw-gradient-from: #ffb2c2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 178 194 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ffc07b\] {
  --tw-gradient-from: #ffc07b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 192 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ffffff\] {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-\[\#0066cc\] {
  --tw-gradient-to: #0066cc var(--tw-gradient-to-position);
}
.to-\[\#2d63c9\] {
  --tw-gradient-to: #2d63c9 var(--tw-gradient-to-position);
}
.to-\[\#4789bf\] {
  --tw-gradient-to: #4789bf var(--tw-gradient-to-position);
}
.to-\[\#4cb136\] {
  --tw-gradient-to: #4cb136 var(--tw-gradient-to-position);
}
.to-\[\#5dc0ae\] {
  --tw-gradient-to: #5dc0ae var(--tw-gradient-to-position);
}
.to-\[\#869da3\] {
  --tw-gradient-to: #869da3 var(--tw-gradient-to-position);
}
.to-\[\#92ddfe\] {
  --tw-gradient-to: #92ddfe var(--tw-gradient-to-position);
}
.to-\[\#aaaaaa\] {
  --tw-gradient-to: #aaaaaa var(--tw-gradient-to-position);
}
.to-\[\#bababe\] {
  --tw-gradient-to: #bababe var(--tw-gradient-to-position);
}
.to-\[\#f2f2f2\] {
  --tw-gradient-to: #f2f2f2 var(--tw-gradient-to-position);
}
.to-\[\#f44444\] {
  --tw-gradient-to: #f44444 var(--tw-gradient-to-position);
}
.to-\[\#ff7241\] {
  --tw-gradient-to: #ff7241 var(--tw-gradient-to-position);
}
.to-\[\#ff9b85\] {
  --tw-gradient-to: #ff9b85 var(--tw-gradient-to-position);
}
.to-\[\#ffc07b\] {
  --tw-gradient-to: #ffc07b var(--tw-gradient-to-position);
}
.to-\[var\(--mainLightGrey\)\] {
  --tw-gradient-to: var(--mainLightGrey) var(--tw-gradient-to-position);
}
.to-black\/55 {
  --tw-gradient-to: rgb(0 0 0 / 0.55) var(--tw-gradient-to-position);
}
.fill-current {
  fill: currentColor;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[0\.2rem\] {
  padding: 0.2rem;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pt-4 {
  padding-top: 1rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-\[1\.3rem\] {
  font-size: 1.3rem;
}
.text-\[1\.9rem\] {
  font-size: 1.9rem;
}
.text-h3 {
  font-size: 2.2rem;
}
.text-h4 {
  font-size: 2rem;
}
.text-medium {
  font-size: 1.6rem;
}
.text-small {
  font-size: 1.5rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.leading-\[1\.3\] {
  line-height: 1.3;
}
.leading-none {
  line-height: 1;
}
.text-\[var\(--mainRed\)\] {
  color: var(--mainRed);
}
.text-black\/80 {
  color: rgb(0 0 0 / 0.8);
}
.text-danger {
  --tw-text-opacity: 1;
  color: rgb(247 60 12 / var(--tw-text-opacity, 1));
}
.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-primary {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.text-secondary {
  --tw-text-opacity: 1;
  color: rgb(108 189 0 / var(--tw-text-opacity, 1));
}
.text-stone-600 {
  --tw-text-opacity: 1;
  color: rgb(87 83 78 / var(--tw-text-opacity, 1));
}
.text-success {
  --tw-text-opacity: 1;
  color: rgb(75 181 67 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.shadow-glass {
  --tw-shadow: 0 0 12px rgba(0, 0, 0, 0.15), var(--glassShadow);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color), var(--glassShadow);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-glassIcon {
  --tw-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
  --tw-shadow-colored: 0 0 11px var(--tw-shadow-color), var(--glassShadowCorners);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.invert {
  --tw-invert: invert(100%);
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-\[10px\] {
  --tw-backdrop-blur: blur(10px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-saturate-\[180\%\] {
  --tw-backdrop-saturate: saturate(180%);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}
.transition-all {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}
.transition-colors {
  -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}
.transition-opacity {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}
.duration-200 {
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.duration-300 {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.will-change-transform {
  will-change: transform;
}

:root {
	--mainLightGrey: #f2f2f2;
	--mainGrey: #dedede;
	--mainRed: #f44444;
	--mainGreen: #28CD41;
	--mainBlue: #3d9ef1;
	--mainDarkBlue: #06c;
	--btn-blue: #0071e3;
	--mainDarkGrey: #494949;
	--mainBlack: #222;
	--menu-bg: linear-gradient(rgba(237, 237, 237, 0.82), rgba(237, 237, 237, 0.7));
	--menu-shadow: 0 1px 20px rgba(0, 0, 0, 0.2), var(--glassShadowCorners);
	--menu-search-bg: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.35));

	--border-radius-s: 17px;
	--border-radius-m: 20px;
	--border-radius-l: 25px;
	
	--glassShadow: 0 0 20px -5px rgba(255, 255, 255, 1) inset;
	--glassShadowCorners: 
		inset 0.5px 0.5px 1.5px rgba(255, 255, 255, 0.9),    /* Top-left corner */
		inset -0.5px 0.5px 1px rgba(255, 255, 255, 0.1),   /* Top-right corner */
		inset 0.5px 0.5px 1px rgba(255, 255, 255, 0.1),   /* Bottom-left corner */
		inset -0.5px -0.5px 1px rgba(255, 255, 255, 0.75);  /* Bottom-right corner */

	--fancy-blur: saturate(170%) blur(12px);
	--blur: saturate(180%) blur(20px);
}

/*@layer components {
  .fancy-blur {
    backdrop-filter: var(--fancy-blur);
    -webkit-backdrop-filter: var(--fancy-blur);
  }
}*/

html,
body {
	font-family: "Geologica", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10px;
	-webkit-font-smoothing: antialiased;
	font-optical-sizing: auto;
}

body {
	font-weight: 300;
	letter-spacing: -0.1px;
	font-size: 1.6rem;
	line-height: 1.625;
	font-variation-settings:
    "slnt" 0,
    "CRSV" 0,
    "SHRP" 0;
}


/* countries VAT price workaround fpr products slider */
.app-en .hp.productSliderBox .product-box--price {
	display: none;
}



/* Extended warranty banner */
.product-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.hp.section.advisor .product-banner {padding: 0 1.5rem;}
.w-full.lg\:w-3\/4.product-banner.select-container {
	margin-bottom: 10px;
}
.product-banner.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media (max-width: 768px) {

	.hp.section.advisor .product-banner {padding: 0 1rem;}
}
.product-banner {
	min-width: 0;
	background-color: var(--mainLightGrey);
	border-radius: var(--border-radius-m);
	text-decoration: none;
	color: var(--mainDarkGrey);
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
	will-change: transform;
}
.product-banner:hover {
  	-webkit-transform: scale(1.03);
  	    -ms-transform: scale(1.03);
  	        transform: scale(1.03);
}

.product-banner-icon {
  background-color: rgb(255 255 255 / 0.5);
  --tw-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
  --tw-shadow-colored: 0 0 11px var(--tw-shadow-color), var(--glassShadowCorners);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.product-banner-text {
  	line-height: 1.3;
}

.product-banner-badge {
  background-color: rgb(255 255 255 / 0.5);
  --tw-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
  --tw-shadow-colored: 0 0 11px var(--tw-shadow-color), var(--glassShadowCorners);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  	border-radius: 50px;
  	text-transform: uppercase;
	text-wrap: nowrap;
}



/* General */
a {-webkit-transition: color 0.15s;transition: color 0.15s;}

b,
strong {
  font-weight: 700;
}


p,
ul {
  margin-bottom: 2rem;
}


.specsBikes divp,.specsBikes div
ul {
	background: var(--mainGrey);
	border-radius: var(--border-radius-l);
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
	        box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
}


.specsBikes p table,.specsBikes 
ul table {
	background: rgba(255, 255, 255, 0.75);
}


.specsBikes p.main,.specsBikes 
ul.main {
	background: -webkit-gradient(linear, left top, right top, from(#777777), to(#bababe));
	background: linear-gradient(to right, #777777, #bababe);
}


.specsBikes p.motor,.specsBikes 
ul.motor {
	background: -webkit-gradient(linear, left top, right top, from(#762b00), to(#ff9b3b));
	background: linear-gradient(to right, #762b00, #ff9b3b);
}


.specsBikes p.battery,.specsBikes 
ul.battery {
	background: -webkit-gradient(linear, left top, right top, from(#3b5b4e), to(#5dc080));
	background: linear-gradient(to right, #3b5b4e, #5dc080);
}


.specsBikes p.suspension,.specsBikes 
ul.suspension {
	background: -webkit-gradient(linear, left top, right top, from(#4d506b), to(#8489a0));
	background: linear-gradient(to right, #4d506b, #8489a0);
}


.specsBikes p.others,.specsBikes 
ul.others {
	background: -webkit-gradient(linear, left top, right top, from(#4a6468), to(#869da3));
	background: linear-gradient(to right, #4a6468, #869da3);
}


.specsBikes p.shifter,.specsBikes 
ul.shifter {
	background: -webkit-gradient(linear, left top, right top, from(#17395b), to(#4789bf));
	background: linear-gradient(to right, #17395b, #4789bf);
}


.specsBikes p.brakes,.specsBikes 
ul.brakes {
	background: -webkit-gradient(linear, left top, right top, from(#881b1b), to(#e63a3a));
	background: linear-gradient(to right, #881b1b, #e63a3a);
}

ol,
ul {
  padding-left: 2rem;
  padding-right: 2rem;
}

.regular--link:hover {text-decoration: underline;}
.regular--link {
	color: #4267B2;
	font-weight: 500;
}

.category-desc a {text-decoration: underline;}

img,
video {
	height: auto !important;
}

iframe {
  width: 100%;
}

iframe.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}

.animate-spin {
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
	from {
	  -webkit-transform: rotate(0deg);
	          transform: rotate(0deg);
	}
	to {
	  -webkit-transform: rotate(-360deg);
	          transform: rotate(-360deg);
	}
}
@keyframes spin {
	from {
	  -webkit-transform: rotate(0deg);
	          transform: rotate(0deg);
	}
	to {
	  -webkit-transform: rotate(-360deg);
	          transform: rotate(-360deg);
	}
}


@-webkit-keyframes fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}


@keyframes fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}



.tooltip {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    background: #eee;
    color: #555!important;
	text-decoration: none!important;
    border-radius: 9999px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    margin-left: 0.5rem;
    -webkit-transition: -webkit-transform 200ms ease;
    transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease;
	pointer-events: auto;
}
.tooltip:hover {
	background: var(--mainDarkGrey);
	color: #fff!important;
	-webkit-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);
}

.tooltip.tooltip-small {
	width: 1.75rem;
	height: 1.75rem;
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.tooltip div {
  position: absolute;
  display: block;
  padding: 1rem;
  text-align: center;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	opacity: 0;
	visibility: hidden;
	background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.7)));
	background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));
	backdrop-filter: saturate(180%) blur(10px);
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	color: #fff;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.3;
	border-radius: var(--border-radius-m);
	z-index: 1;
 	white-space: wrap;
	bottom: 135%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	min-width: 230px;
}
.tooltip div:after {
  position: absolute;
	content: "";
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
}
.tooltip:hover div {
	opacity: 1;
	visibility: visible;
}


li {
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.list-name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	border-radius: var(--border-radius-l);
	cursor: pointer;
	opacity: 1;
	font-weight: 400;
	padding: 1rem 1.5rem;
	-webkit-transition: opacity .2s, border-radius 0.2s;
	transition: opacity .2s, border-radius 0.2s;
}
.list-name:hover {opacity: .85;}
.list-name.expanded {border-radius: 15px 15px 0 0;}

.list-name:after {
	background: url(/images/icons/nav_arrow_down.svg) no-repeat 50%;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 22px;
	margin-left: auto;
	margin-right: -5px;
	opacity: .8;
	-webkit-transition: all .2s;
	transition: all .2s;
	width: 22px;
}
.list-name.expanded:after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

.list-item--radio {
  margin-right: 1rem;
}

.list-item--label {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.hp.section.advisor .list-item--label {padding: 0 1.5rem;}

.list-item--label.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}

.list-item--label.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .list-item--label {padding: 0 1rem;}
}

.list-item--label---column {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.list-values {
	border-radius: 0 0 15px 15px;
}

.rangeSliderTicks {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 0 12px;
}
.rangeSliderTicks span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	white-space: nowrap;
	width: 1px;
	height: 5px;
	background: #888;
	color: #888;
	font-weight: 300;
	font-size: 1.2rem;
	line-height: 30px;
}


.hidden {display: none;}

.std-link {
	color: #888;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.std-link:hover {
	text-decoration: underline;
	color: var(--mainBlack);
}


.text-end {text-align: end;}
.mx-1 {
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}
.mx-2 {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}
.mx-4 {
	margin-left: 1rem;
	margin-right: 1rem;
}

.-mx2 {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}
.px-2 {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.ml-8 {margin-left: 2rem;}
.mr-8 {margin-right: 2rem;}


/* Colours and gradients classes */
.color-red {color: var(--mainRed)!important;}
.text-grey {color: var(--mainDarkGrey);}
.bg-gradient-blue {background: -webkit-gradient(linear, left top, left bottom, from(#9090ff), to(#3a87c5));background: linear-gradient(#9090ff, #3a87c5);}
.bg-gradient-grey {background: -webkit-gradient(linear, left top, left bottom, from(#c6c6cc), to(#5f5f63));background: linear-gradient(#c6c6cc, #5f5f63);}
.bg-gradient-green {background: -webkit-gradient(linear, left top, left bottom, from(#46e99b), to(#3ac544));background: linear-gradient(#46e99b, #3ac544);}
.bg-gradient-orange {background: -webkit-gradient(linear, left top, left bottom, from(#ebc559), to(#f69f58));background: linear-gradient(#ebc559, #f69f58);}



#video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#video-container iframe {
	width: 100%;
	height: 100%;
}


.big-banner .container {
	height: 100%;
	/* Make the container take up the full height of the banner */
}

/*
.big-banner::before {
	background: linear-gradient(90deg, #000, transparent);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
	opacity: 0.8;
}
*/

.big-banner .h1
.big-banner .button {
	position: relative;
	z-index: 2;
}

.big-banner .h1 {
	color: var(--mainBlack);
	font-size: 4rem;
}
.big-banner .h3 {color: var(--mainDarkGrey);}

/* PROBLEM with height
.content {
    min-height: calc(100vh - 409.187px);
}
*/

.section {
	padding-top: 1rem;
	padding-bottom: 2rem;
}

.wysiwyg-content ul,
.wysiwyg-content ol {
  padding-left: 2rem;
  margin-bottom: 2rem;
}

.specsBikes div.wysiwyg-content ul,.specsBikes div
.wysiwyg-content ol {
	background: var(--mainGrey);
	border-radius: var(--border-radius-l);
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
	        box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
}

.specsBikes .wysiwyg-content ul table,.specsBikes 
.wysiwyg-content ol table {
	background: rgba(255, 255, 255, 0.75);
}

.specsBikes .wysiwyg-content ul.main,.specsBikes 
.wysiwyg-content ol.main {
	background: -webkit-gradient(linear, left top, right top, from(#777777), to(#bababe));
	background: linear-gradient(to right, #777777, #bababe);
}

.specsBikes .wysiwyg-content ul.motor,.specsBikes 
.wysiwyg-content ol.motor {
	background: -webkit-gradient(linear, left top, right top, from(#762b00), to(#ff9b3b));
	background: linear-gradient(to right, #762b00, #ff9b3b);
}

.specsBikes .wysiwyg-content ul.battery,.specsBikes 
.wysiwyg-content ol.battery {
	background: -webkit-gradient(linear, left top, right top, from(#3b5b4e), to(#5dc080));
	background: linear-gradient(to right, #3b5b4e, #5dc080);
}

.specsBikes .wysiwyg-content ul.suspension,.specsBikes 
.wysiwyg-content ol.suspension {
	background: -webkit-gradient(linear, left top, right top, from(#4d506b), to(#8489a0));
	background: linear-gradient(to right, #4d506b, #8489a0);
}

.specsBikes .wysiwyg-content ul.others,.specsBikes 
.wysiwyg-content ol.others {
	background: -webkit-gradient(linear, left top, right top, from(#4a6468), to(#869da3));
	background: linear-gradient(to right, #4a6468, #869da3);
}

.specsBikes .wysiwyg-content ul.shifter,.specsBikes 
.wysiwyg-content ol.shifter {
	background: -webkit-gradient(linear, left top, right top, from(#17395b), to(#4789bf));
	background: linear-gradient(to right, #17395b, #4789bf);
}

.specsBikes .wysiwyg-content ul.brakes,.specsBikes 
.wysiwyg-content ol.brakes {
	background: -webkit-gradient(linear, left top, right top, from(#881b1b), to(#e63a3a));
	background: linear-gradient(to right, #881b1b, #e63a3a);
}

.wysiwyg-content ul {
  list-style-type: disc;
}

.wysiwyg-content ol {
  list-style-type: decimal;
}

.reading-content a,
.post-item-detail a,
.wysiwyg-content a {
	text-decoration: none;
}


.reading-content a:hover,
.post-item-detail a:hover,
.wysiwyg-content a:hover,
.benefits a:hover {
	text-decoration: underline;
}

.reading-content a,
.post-item-detail a,
.wysiwyg-content a,
.wysiwyg-content a:hover,
.benefits a {
	color: var(--mainDarkBlue);
}

.reading-content {
  max-width: 102.4rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8rem;
}

/* Text page wrapper styling */
.section.text-page .reading-content {
	border-radius: var(--border-radius-l);
	padding: 2.5rem;
}

.spacer {
  border-top-width: 1px;
	border-color: rgba(0, 0, 0, .1);
}


footer.footer {
	background-color: #ededed;
	color: var(--mainBlack);
	padding-top: 1rem;
	font-size: 1.6rem;
}


.footer ul li {
  margin-bottom: 1rem;
}


.footer-end {
	background: #717171;
	color: #fff;
	padding: 1.25rem 0 0.25rem;
	margin-top: 1rem;
}

.footer-end div p {
  margin-bottom: 1rem;
}


h1,
.h1 {
	font-size: 3.7rem;
	font-weight: 600;
	margin-bottom: 2rem;
}


.specsBikes divh1,.specsBikes div
.h1 {
	background: var(--mainGrey);
	border-radius: var(--border-radius-l);
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
	        box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
}


.specsBikes h1 table,.specsBikes 
.h1 table {
	background: rgba(255, 255, 255, 0.75);
}


.specsBikes h1.main,.specsBikes 
.h1.main {
	background: -webkit-gradient(linear, left top, right top, from(#777777), to(#bababe));
	background: linear-gradient(to right, #777777, #bababe);
}


.specsBikes h1.motor,.specsBikes 
.h1.motor {
	background: -webkit-gradient(linear, left top, right top, from(#762b00), to(#ff9b3b));
	background: linear-gradient(to right, #762b00, #ff9b3b);
}


.specsBikes h1.battery,.specsBikes 
.h1.battery {
	background: -webkit-gradient(linear, left top, right top, from(#3b5b4e), to(#5dc080));
	background: linear-gradient(to right, #3b5b4e, #5dc080);
}


.specsBikes h1.suspension,.specsBikes 
.h1.suspension {
	background: -webkit-gradient(linear, left top, right top, from(#4d506b), to(#8489a0));
	background: linear-gradient(to right, #4d506b, #8489a0);
}


.specsBikes h1.others,.specsBikes 
.h1.others {
	background: -webkit-gradient(linear, left top, right top, from(#4a6468), to(#869da3));
	background: linear-gradient(to right, #4a6468, #869da3);
}


.specsBikes h1.shifter,.specsBikes 
.h1.shifter {
	background: -webkit-gradient(linear, left top, right top, from(#17395b), to(#4789bf));
	background: linear-gradient(to right, #17395b, #4789bf);
}


.specsBikes h1.brakes,.specsBikes 
.h1.brakes {
	background: -webkit-gradient(linear, left top, right top, from(#881b1b), to(#e63a3a));
	background: linear-gradient(to right, #881b1b, #e63a3a);
}

h2,
.h2 {
	font-size: 2.8rem;
	font-weight: 600;
	margin-bottom: 2rem;
}

.specsBikes divh2,.specsBikes div
.h2 {
	background: var(--mainGrey);
	border-radius: var(--border-radius-l);
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
	        box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
}

.specsBikes h2 table,.specsBikes 
.h2 table {
	background: rgba(255, 255, 255, 0.75);
}

.specsBikes h2.main,.specsBikes 
.h2.main {
	background: -webkit-gradient(linear, left top, right top, from(#777777), to(#bababe));
	background: linear-gradient(to right, #777777, #bababe);
}

.specsBikes h2.motor,.specsBikes 
.h2.motor {
	background: -webkit-gradient(linear, left top, right top, from(#762b00), to(#ff9b3b));
	background: linear-gradient(to right, #762b00, #ff9b3b);
}

.specsBikes h2.battery,.specsBikes 
.h2.battery {
	background: -webkit-gradient(linear, left top, right top, from(#3b5b4e), to(#5dc080));
	background: linear-gradient(to right, #3b5b4e, #5dc080);
}

.specsBikes h2.suspension,.specsBikes 
.h2.suspension {
	background: -webkit-gradient(linear, left top, right top, from(#4d506b), to(#8489a0));
	background: linear-gradient(to right, #4d506b, #8489a0);
}

.specsBikes h2.others,.specsBikes 
.h2.others {
	background: -webkit-gradient(linear, left top, right top, from(#4a6468), to(#869da3));
	background: linear-gradient(to right, #4a6468, #869da3);
}

.specsBikes h2.shifter,.specsBikes 
.h2.shifter {
	background: -webkit-gradient(linear, left top, right top, from(#17395b), to(#4789bf));
	background: linear-gradient(to right, #17395b, #4789bf);
}

.specsBikes h2.brakes,.specsBikes 
.h2.brakes {
	background: -webkit-gradient(linear, left top, right top, from(#881b1b), to(#e63a3a));
	background: linear-gradient(to right, #881b1b, #e63a3a);
}

h2,
.h2 {
	line-height: 1.3;
}

h3,
.h3 {
	font-size: 2rem;
	font-weight: 400;
	margin-bottom: 2rem;
}

.specsBikes divh3,.specsBikes div
.h3 {
	background: var(--mainGrey);
	border-radius: var(--border-radius-l);
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
	        box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
}

.specsBikes h3 table,.specsBikes 
.h3 table {
	background: rgba(255, 255, 255, 0.75);
}

.specsBikes h3.main,.specsBikes 
.h3.main {
	background: -webkit-gradient(linear, left top, right top, from(#777777), to(#bababe));
	background: linear-gradient(to right, #777777, #bababe);
}

.specsBikes h3.motor,.specsBikes 
.h3.motor {
	background: -webkit-gradient(linear, left top, right top, from(#762b00), to(#ff9b3b));
	background: linear-gradient(to right, #762b00, #ff9b3b);
}

.specsBikes h3.battery,.specsBikes 
.h3.battery {
	background: -webkit-gradient(linear, left top, right top, from(#3b5b4e), to(#5dc080));
	background: linear-gradient(to right, #3b5b4e, #5dc080);
}

.specsBikes h3.suspension,.specsBikes 
.h3.suspension {
	background: -webkit-gradient(linear, left top, right top, from(#4d506b), to(#8489a0));
	background: linear-gradient(to right, #4d506b, #8489a0);
}

.specsBikes h3.others,.specsBikes 
.h3.others {
	background: -webkit-gradient(linear, left top, right top, from(#4a6468), to(#869da3));
	background: linear-gradient(to right, #4a6468, #869da3);
}

.specsBikes h3.shifter,.specsBikes 
.h3.shifter {
	background: -webkit-gradient(linear, left top, right top, from(#17395b), to(#4789bf));
	background: linear-gradient(to right, #17395b, #4789bf);
}

.specsBikes h3.brakes,.specsBikes 
.h3.brakes {
	background: -webkit-gradient(linear, left top, right top, from(#881b1b), to(#e63a3a));
	background: linear-gradient(to right, #881b1b, #e63a3a);
}

.h4 {
  font-size: 2rem;
	font-weight: 600;
	margin-bottom: 2rem;
}

.specsBikes div.h4 {
	background: var(--mainGrey);
	border-radius: var(--border-radius-l);
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
	        box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
}

.specsBikes .h4 table {
	background: rgba(255, 255, 255, 0.75);
}

.specsBikes .h4.main {
	background: -webkit-gradient(linear, left top, right top, from(#777777), to(#bababe));
	background: linear-gradient(to right, #777777, #bababe);
}

.specsBikes .h4.motor {
	background: -webkit-gradient(linear, left top, right top, from(#762b00), to(#ff9b3b));
	background: linear-gradient(to right, #762b00, #ff9b3b);
}

.specsBikes .h4.battery {
	background: -webkit-gradient(linear, left top, right top, from(#3b5b4e), to(#5dc080));
	background: linear-gradient(to right, #3b5b4e, #5dc080);
}

.specsBikes .h4.suspension {
	background: -webkit-gradient(linear, left top, right top, from(#4d506b), to(#8489a0));
	background: linear-gradient(to right, #4d506b, #8489a0);
}

.specsBikes .h4.others {
	background: -webkit-gradient(linear, left top, right top, from(#4a6468), to(#869da3));
	background: linear-gradient(to right, #4a6468, #869da3);
}

.specsBikes .h4.shifter {
	background: -webkit-gradient(linear, left top, right top, from(#17395b), to(#4789bf));
	background: linear-gradient(to right, #17395b, #4789bf);
}

.specsBikes .h4.brakes {
	background: -webkit-gradient(linear, left top, right top, from(#881b1b), to(#e63a3a));
	background: linear-gradient(to right, #881b1b, #e63a3a);
}

.h5 {
  font-size: 1.8rem;
	font-weight: 600;
	margin-bottom: 2rem;
}

.specsBikes div.h5 {
	background: var(--mainGrey);
	border-radius: var(--border-radius-l);
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
	        box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
}

.specsBikes .h5 table {
	background: rgba(255, 255, 255, 0.75);
}

.specsBikes .h5.main {
	background: -webkit-gradient(linear, left top, right top, from(#777777), to(#bababe));
	background: linear-gradient(to right, #777777, #bababe);
}

.specsBikes .h5.motor {
	background: -webkit-gradient(linear, left top, right top, from(#762b00), to(#ff9b3b));
	background: linear-gradient(to right, #762b00, #ff9b3b);
}

.specsBikes .h5.battery {
	background: -webkit-gradient(linear, left top, right top, from(#3b5b4e), to(#5dc080));
	background: linear-gradient(to right, #3b5b4e, #5dc080);
}

.specsBikes .h5.suspension {
	background: -webkit-gradient(linear, left top, right top, from(#4d506b), to(#8489a0));
	background: linear-gradient(to right, #4d506b, #8489a0);
}

.specsBikes .h5.others {
	background: -webkit-gradient(linear, left top, right top, from(#4a6468), to(#869da3));
	background: linear-gradient(to right, #4a6468, #869da3);
}

.specsBikes .h5.shifter {
	background: -webkit-gradient(linear, left top, right top, from(#17395b), to(#4789bf));
	background: linear-gradient(to right, #17395b, #4789bf);
}

.specsBikes .h5.brakes {
	background: -webkit-gradient(linear, left top, right top, from(#881b1b), to(#e63a3a));
	background: linear-gradient(to right, #881b1b, #e63a3a);
}

.button {
  display: block;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 2rem;
	padding-right: 2rem;
	text-align: center;
	font-weight: 700;
	width: 100%;
}

.button.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}

.button--primary {
	background-color: var(--mainBlack);
	border-radius: 50px;
	padding: 1rem 2rem;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.product-box--cta.button.button--primary {
	display: none;
	width: auto;
	margin: 0 auto;
	padding: 1rem 2rem;
	font-size: 1.15rem;
}

.order-summary .button--primary {
	padding: 1.25rem 2rem;
	border-radius: 999px;
	-webkit-box-shadow: 0 0 11px rgba(0,0,0,0), var(--glassShadowCorners);
	        box-shadow: 0 0 11px rgba(0,0,0,0), var(--glassShadowCorners);
	background: var(--btn-blue);
	-webkit-transition:
		opacity 0.25s ease,
		-webkit-transform 0.35s cubic-bezier(0.22, 0.7, 0.3, 1),
		-webkit-box-shadow 0.45s cubic-bezier(0.22, 0.7, 0.3, 1),
		-webkit-filter 0.25s ease;
	transition:
		opacity 0.25s ease,
		-webkit-transform 0.35s cubic-bezier(0.22, 0.7, 0.3, 1),
		-webkit-box-shadow 0.45s cubic-bezier(0.22, 0.7, 0.3, 1),
		-webkit-filter 0.25s ease;
	transition:
		transform 0.35s cubic-bezier(0.22, 0.7, 0.3, 1),
		box-shadow 0.45s cubic-bezier(0.22, 0.7, 0.3, 1),
		opacity 0.25s ease,
		filter 0.25s ease;
	transition:
		transform 0.35s cubic-bezier(0.22, 0.7, 0.3, 1),
		box-shadow 0.45s cubic-bezier(0.22, 0.7, 0.3, 1),
		opacity 0.25s ease,
		filter 0.25s ease,
		-webkit-transform 0.35s cubic-bezier(0.22, 0.7, 0.3, 1),
		-webkit-box-shadow 0.45s cubic-bezier(0.22, 0.7, 0.3, 1),
		-webkit-filter 0.25s ease;
	will-change: transform, box-shadow;
}

/* DISABLED STATE */
.order-summary .button--primary:disabled {
	background: var(--mainBlack);
	opacity: 0.45;
	-webkit-filter: grayscale(0.6);
	        filter: grayscale(0.6);
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	        box-shadow: 0 0 0 rgba(0,0,0,0);
}


/* HOVER */
.order-summary .button--primary:not(:disabled):hover {
	background: var(--btn-blue);
	-webkit-transform: scale(1.025);
	    -ms-transform: scale(1.025);
	        transform: scale(1.025);
	-webkit-box-shadow: var(--menu-shadow);
	        box-shadow: var(--menu-shadow);
}



.button--ghost {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.button--primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(108 189 0 / var(--tw-bg-opacity, 1));
}

.button--secondary {
	background-color: var(--mainBlack);
	border-radius: 50px;
	font-size: 1.25rem;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	padding-left: 2rem;
	padding-right: 2rem;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


.button--primary,
.button--secondary {
	-webkit-transition: background-color .2s;
	transition: background-color .2s;
}

.button--primary:hover,
.button--secondary:hover {
	background-color: #494949;
}

.button--inline {
  display: inline-block;
  width: auto;
}

.button--lg {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.button--sm {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.w-full.lg\:w-3\/4.button--sm.select-container {
	margin-bottom: 10px;
}

.product-summary {
  margin-bottom: 2rem;
  padding: 2rem;
  --tw-shadow: 0 0 12px rgba(0, 0, 0, 0.15), var(--glassShadow);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color), var(--glassShadow);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.specsBikes div.product-summary {
	background: var(--mainGrey);
	border-radius: var(--border-radius-l);
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
	        box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
}

.specsBikes .product-summary table {
	background: rgba(255, 255, 255, 0.75);
}

.specsBikes .product-summary.main {
	background: -webkit-gradient(linear, left top, right top, from(#777777), to(#bababe));
	background: linear-gradient(to right, #777777, #bababe);
}

.specsBikes .product-summary.motor {
	background: -webkit-gradient(linear, left top, right top, from(#762b00), to(#ff9b3b));
	background: linear-gradient(to right, #762b00, #ff9b3b);
}

.specsBikes .product-summary.battery {
	background: -webkit-gradient(linear, left top, right top, from(#3b5b4e), to(#5dc080));
	background: linear-gradient(to right, #3b5b4e, #5dc080);
}

.specsBikes .product-summary.suspension {
	background: -webkit-gradient(linear, left top, right top, from(#4d506b), to(#8489a0));
	background: linear-gradient(to right, #4d506b, #8489a0);
}

.specsBikes .product-summary.others {
	background: -webkit-gradient(linear, left top, right top, from(#4a6468), to(#869da3));
	background: linear-gradient(to right, #4a6468, #869da3);
}

.specsBikes .product-summary.shifter {
	background: -webkit-gradient(linear, left top, right top, from(#17395b), to(#4789bf));
	background: linear-gradient(to right, #17395b, #4789bf);
}

.specsBikes .product-summary.brakes {
	background: -webkit-gradient(linear, left top, right top, from(#881b1b), to(#e63a3a));
	background: linear-gradient(to right, #881b1b, #e63a3a);
}

@media (min-width: 1024px) {

  .product-summary {
    margin-top: -1rem;
  }
}

.product-summary {
	background: #fff;
	border-radius: var(--border-radius-l);
}

.product-summary .perex {
  margin-bottom: 2rem;
}

.specsBikes div.product-summary .perex {
	background: var(--mainGrey);
	border-radius: var(--border-radius-l);
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
	        box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
}

.specsBikes .product-summary .perex table {
	background: rgba(255, 255, 255, 0.75);
}

.specsBikes .product-summary .perex.main {
	background: -webkit-gradient(linear, left top, right top, from(#777777), to(#bababe));
	background: linear-gradient(to right, #777777, #bababe);
}

.specsBikes .product-summary .perex.motor {
	background: -webkit-gradient(linear, left top, right top, from(#762b00), to(#ff9b3b));
	background: linear-gradient(to right, #762b00, #ff9b3b);
}

.specsBikes .product-summary .perex.battery {
	background: -webkit-gradient(linear, left top, right top, from(#3b5b4e), to(#5dc080));
	background: linear-gradient(to right, #3b5b4e, #5dc080);
}

.specsBikes .product-summary .perex.suspension {
	background: -webkit-gradient(linear, left top, right top, from(#4d506b), to(#8489a0));
	background: linear-gradient(to right, #4d506b, #8489a0);
}

.specsBikes .product-summary .perex.others {
	background: -webkit-gradient(linear, left top, right top, from(#4a6468), to(#869da3));
	background: linear-gradient(to right, #4a6468, #869da3);
}

.specsBikes .product-summary .perex.shifter {
	background: -webkit-gradient(linear, left top, right top, from(#17395b), to(#4789bf));
	background: linear-gradient(to right, #17395b, #4789bf);
}

.specsBikes .product-summary .perex.brakes {
	background: -webkit-gradient(linear, left top, right top, from(#881b1b), to(#e63a3a));
	background: linear-gradient(to right, #881b1b, #e63a3a);
}

.h1.productName {
  margin-bottom: 1rem;
  font-weight: 700;
	line-height: 1;
}

#toggleButton {
	color: #888;
	font-size: 1.5rem;
	font-weight: 300;
	padding: 5px 12px;
	margin-bottom: 10px;
	border-radius: 10px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer;
}

#toggleButton:hover {
	background-color: #eeeeee;
	color: var(--mainDarkGrey);
}

#hiddenContent {
	opacity: 0;
	height: 0;
	overflow: hidden;
	-webkit-transition: opacity 0.5s, height 0.5s;
	transition: opacity 0.5s, height 0.5s;
}

#hiddenContent.show {
	opacity: 1;
	height: auto;
}


.products--not-present {
	margin-top: 7rem;
	padding: 4rem 2rem;
}

.alert {
  text-align: center;
  font-size: 1.6rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
	padding: 0.5rem;
}

.alert--danger {
  --tw-bg-opacity: 1;
  background-color: rgb(247 60 12 / var(--tw-bg-opacity, 1));
}

.alert--primary {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}

.alert--success {
  --tw-bg-opacity: 1;
  background-color: rgb(75 181 67 / var(--tw-bg-opacity, 1));
}

.separator {
  width: 100%;
}

.separator.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}

.separator {
  height: 1px;
  margin-top: 2rem;
  margin-bottom: 2rem;
	background-color: #aaa;
}

.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999; 
}


/*main nav*/
.sentinel {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
}

.all-nav {z-index: 999;}


/*top nav*/
.top-nav {
	background: var(--menu-bg);
	/*border-bottom: 1px solid var(--mainGrey);*/
	color: #fff;
	padding-bottom: .5rem;
	padding-top: .5rem;
	font-size: 1.5rem;
	text-align: right;
}

.top-nav a {color: var(--mainDarkGrey);}
.top-nav a:hover {text-decoration: none;}

.top-nav ul {padding: 0;}

.top-nav ul:hover li {opacity: 0.5; /* Fade all items */}

.top-nav ul li:hover {opacity: 1; /* Keep hovered item fully visible */}

.top-nav--menu {display: none;}


.flash-news {
	text-align: start;
}

.all-nav.stuck .flash-news {background-color: rgba(210, 210, 210, 0.8);}


.flash-news  p,
.flash-news  p a {
	font-weight: 400 !important;
	margin-bottom: 0;
	color: var(--mainDarkGrey) !important;
	line-height: 1.5;
}
/* END flash news */



/* lang-menu */
.lang-menu::after {
	bottom: 100%;
	right: 20px;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	border-bottom-color: #aaa;
	border-width: 10px;
	margin-left: -12px;
}

.lang-menu.open {
	-webkit-animation: fade-in 0.3s ease;
	        animation: fade-in 0.3s ease;
	display: block;
  	backdrop-filter: var(--fancy-blur);
	-webkit-backdrop-filter: var(--fancy-blur);
}

.lang-menu .country-list.expanded {
	background: rgba(255, 255, 255, 0.2);
	max-height: 180px;
	overflow-y: scroll;
}

.lang-menu .list-name {
	background-color: var(--mainLightGrey);
	color: var(--mainBlack)!important;
}

.lang-menu .list-name.expanded {
	background-color: var(--mainGrey);
}


.currency-switch-label {
	position: relative;
	display: inline-block;
	width: 56px;
	height: 28px;
}
.currency-switch-input {display: none;}
.currency-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	letter-spacing: -0.5px;
	background-color: #494949;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	border-radius: 34px;
}
.currency-slider:before {
	content: "";
	position: absolute;
	height: 20px;
	width: 20px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	border-radius: 50%;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.currency-slider:after {
	font-size: 1.3rem;
	content: "EUR";
	position: absolute;
	right: 5px;
	bottom: 3px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.currency-switch-input:checked + .currency-slider {background-color: #64c45c;}
.currency-switch-input:checked + .currency-slider:after {
	font-weight: 600;
	left: 5px;
	right: unset;
}
.currency-switch-input:checked + .currency-slider:before {
	-webkit-transform: translateX(28px);
	-ms-transform: translateX(28px);
	    transform: translateX(28px);
}


.main-nav {-webkit-transition: background 0.4s;transition: background 0.4s;}
.main-nav::before {
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	backdrop-filter: var(--fancy-blur);
	-webkit-backdrop-filter: var(--fancy-blur);
	z-index: -1;
	background: var(--menu-bg);
	-webkit-box-shadow: var(--glassShadowCorners);
	        box-shadow: var(--glassShadowCorners);
}

.main-nav > .container {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	position: relative;
}

.app-cs .main-nav--logo img {
	margin-top: -5px;
}
.app-en .main-nav--logo img {
	max-width: 145px;
}

.main-nav--mobile .category-list--item img {
	width: 52px;
}
.main-nav--mobile.is-open .dropdown-content {
	padding: 1rem;
	margin-bottom: 0;
    overflow: hidden;
    -webkit-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
}

.main-nav--mobile.is-open .dropdown .dropbtn.expanded {
	background: rgba(0, 0, 0, 0.15);
	border-radius: 20px 20px 0 0;
}

.main-nav--mobile.is-open .dropdown .dropbtn.expanded + .dropdown-content {
	background: rgba(0, 0, 0, 0.05);
	border-radius: 0 0 20px 20px;
}

.main-nav--mobile.is-open .dropdown-content li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: 0;
}
.main-nav--mobile.is-open .dropdown-content li a:hover {
	background: rgba(0, 0, 0, 0.07);
	border-radius: 20px;
}

.main-nav--mobile.is-open a {
	width: 100%;
	padding: 1rem;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.main-nav--mobile.is-open .dropdown {
	margin-bottom: 0.5rem;
}
.main-nav--mobile.is-open .dropdown a:hover {
	text-decoration: none;
}
.main-nav--mobile.is-open a:hover {
	text-decoration: underline;
}


.all-nav.stuck .main-nav--mobile {padding: 1.5rem 2rem;}
.main-nav--mobile {
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: saturate(180%) blur(10px);
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	-webkit-box-shadow: 5px 0 10px 0 rgba(0, 0, 0, 0.2);
	        box-shadow: 5px 0 10px 0 rgba(0, 0, 0, 0.2);
	position: fixed;
	top: 0px;
	width: 100%;
	/*@apply left-[-300px];
	@apply w-[300px];
	@apply h-full;*/
	visibility: hidden;
	overflow-y: auto;
  	-webkit-overflow-scrolling: touch;
  	opacity: 0;
	z-index: 10000;
	padding: 4rem 2rem;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition-duration: 300ms;
	        transition-duration: 300ms;
}

.main-nav--mobile .title {
	font-size: 2.5rem;
	font-weight: 600;
	margin-bottom: 0;
}

.main-nav--mobile.is-open {
  visibility: visible;
}

.variant-button.main-nav--mobile.is-open {
	opacity: 1;
}

.main-nav--mobile.is-open {
  right: 0px;
  left: auto;
  opacity: 1;
	max-height: 100vh;
}
/* When the mobile menu is open, show the overlay */
.main-nav--mobile.is-open + .overlay {display: block;}
.all-nav.stuck:has(.main-nav--mobile.is-open) {
	/* styles .all-nav.stuck when the child .main-nav--mobile has .is-open, menu opening failure bug fix*/
	backdrop-filter: unset;
	-webkit-backdrop-filter: unset;
}

.main-nav--mobile li a {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
	/* @apply uppercase; */
	font-size: 2rem;
}
.main-nav--mobile li.addMenu--item a {
	color: var(--mainDarkGrey);
	text-transform: capitalize;
	padding: 0.5rem 1rem;
}

.main-nav--menu {
  margin-bottom: 0px;
}

.main-nav--menu li:last-child {
  margin-right: 0px;
}

.main-nav--menu li.dropdown > a {
	white-space: nowrap;
}

.main-nav--menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}

.hp.section.advisor .main-nav--menu li a {padding: 0 1.5rem;}

.main-nav--menu li a.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .main-nav--menu li a {padding: 0 1rem;}
}

.main-nav--menu li a {
	padding: 1.75rem;
	font-size: 1.6rem;
	line-height: normal;
	will-change: opacity; /* Safari GPU repaint */
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.main-nav--menu:hover li a {opacity: 0.5;}
.main-nav--menu:hover li:hover a {opacity: 1;}


/*drop down menu style*/
.dropdown {overflow: hidden;}


.dropbtn::after {
	background: url(/images/icons/nav_arrow_down.svg) no-repeat 50%;
	background-size: contain;
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-left: auto;
	margin-right: -5px;
	opacity: .8;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}
.dropbtn.expanded::after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

.dropdown .dropbtn img {margin-top: 0.25rem;}

.dropdown-content a {
  width: 100%;
  gap: 1rem;
  font-size: 1.5rem;
}

.dropdown-content a.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}

.dropdown-content a {
	width: 100%;
	min-height: 60px;
	float: none;
	color: var(--mainDarkGrey);
	padding: 0.5rem!important;
	text-decoration: none;
	text-align: left;
	word-break: break-word;
	-ms-hyphens: auto;
	    hyphens: auto;
	border-radius: var(--border-radius-m);
	-webkit-transition: all 0.2s!important;
	transition: all 0.2s!important;
	will-change: transform;
}
.dropdown-content a:hover {
  --tw-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
  --tw-shadow-colored: 0 0 11px var(--tw-shadow-color), var(--glassShadowCorners);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	background: var(--menu-search-bg);
	-webkit-transform: scale(1.03);
	    -ms-transform: scale(1.03);
	        transform: scale(1.03);
}

.dropdown-content a img {
	aspect-ratio: 1.25/1;
	border-radius: var(--border-radius-l);
	-o-object-fit: cover;
	object-fit: cover;
	width: 72px;
}
/*  END  ——> drop down menu style <——  END  */



/* Search Bar */
.main-search {
  position: relative;
	will-change: transform;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.main-search input {
  --tw-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
  --tw-shadow-colored: 0 0 11px var(--tw-shadow-color), var(--glassShadowCorners);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  width: 100%;
  max-width: 215px;
  height: 37px;
  padding: 0 1rem 0 2.75rem;
  background: var(--menu-search-bg);
  border-radius: 9999px;
  font-size: 1.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  outline: none;
  border: none;
}
.main-search:hover {
	-webkit-transform: scale(1.025);
	    -ms-transform: scale(1.025);
	        transform: scale(1.025);
}

/* Placeholder */
.main-search input::-webkit-input-placeholder {
  font-size: 1.4rem;
  font-weight: 300;
  color: var(--mainBlack);
}
.main-search input::-moz-placeholder {
  font-size: 1.4rem;
  font-weight: 300;
  color: var(--mainBlack);
}
.main-search input:-ms-input-placeholder {
  font-size: 1.4rem;
  font-weight: 300;
  color: var(--mainBlack);
}
.main-search input::-ms-input-placeholder {
  font-size: 1.4rem;
  font-weight: 300;
  color: var(--mainBlack);
}
.main-search input::placeholder {
  font-size: 1.4rem;
  font-weight: 300;
  color: var(--mainBlack);
}

.main-search .searchInput--submit {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
}

.hp.section.advisor .main-search .searchInput--submit {padding: 0 1.5rem;}

.main-search .searchInput--submit.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .main-search .searchInput--submit {padding: 0 1rem;}
}

.main-search .searchInput--submit {
	left: 0.3rem;
	padding: 0.15rem;
	text-transform: none;
	color: var(--mainBlack);
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}
.main-search .searchInput--submit:hover {
	background: rgba(0, 0, 0, 0.1);
}
/* END Search Bar */


/* END — Header — END */


/*categories*/
.category-container {
  margin-left: -1rem;
  margin-right: -1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hp.section.advisor .category-container {padding: 0 1.5rem;}
.category-container.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media (max-width: 768px) {

	.hp.section.advisor .category-container {padding: 0 1rem;}
}
.category-container {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex.category-container.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.category-container>div {
  padding: 1rem;
}

.category-box {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hp.section.advisor .category-box {padding: 0 1.5rem;}

.category-box.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .category-box {padding: 0 1rem;}
}

.category-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.category-box--image {
  width: 100%;
}

.category-box--image.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}

.category-box--image {
  height: 125px;
}

@media (min-width: 1024px) {
	.category-box--image {
    height: 250px;
  }
}

.category-box--image img {
  width: 100%;
}

.category-box--image img.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}

.category-box--image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.category-box--name {
  padding-top: 1rem;
  padding-bottom: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


.category-list--container>div {
  padding: 0.5rem;
  display: grid;
}

.category-list--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1rem;
  padding: 1rem;
  font-weight: 400;
}

.hp.section.advisor .category-list--item {padding: 0 1.5rem;}

.category-list--item.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .category-list--item {padding: 0 1rem;}
}

.category-list--item {
	margin: 0;
	min-height: 60px;
	font-size: 1.6rem;
	line-height: 1.5;
	background: var(--menu-search-bg);
	-webkit-box-shadow: var(--menu-shadow);
	        box-shadow: var(--menu-shadow);
	backdrop-filter: var(--fancy-blur);
	-webkit-backdrop-filter: var(--fancy-blur);
	border-radius: var(--border-radius-l);
	will-change: transform;
	color: var(--mainDarkGrey);
	-webkit-transition: all 0.2s!important;
	transition: all 0.2s!important;
}
.category-list--item:hover {
	color: var(--mainBlack);
	-webkit-transform: scale(1.03);
	    -ms-transform: scale(1.03);
	        transform: scale(1.03);
}


.category-list--item h3 {
	font-size: inherit;
	font-weight: inherit;
	margin: inherit;
}

.category-list--item.active {
  font-weight: 700;
}

.category-list--item img {
	width: 78px;
	aspect-ratio: 1.25 / 1;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: var(--border-radius-l);
	/*
    @apply w-[50px];
    @apply h-[50px];
    @apply object-cover;
    @apply rounded-full;
    @apply mr-4;
*/
}
/* END categories*/




/* homepage */
.hp-menu {display: -webkit-box;display: -ms-flexbox;display: flex;}
.hp-menu-item {
	height: 100%;
    position: relative;
	overflow: hidden;
	border-radius: var(--border-radius-l);
    -webkit-transition: all .3s cubic-bezier(0, 0, .5, 1);
    transition: all .3s cubic-bezier(0, 0, .5, 1);
}
.hp-menu-item:hover {
    -webkit-transform: scale3d(1.01, 1.01, 1.01);
}
.hp-menu-item .text {
    width: 80%;
    line-height: 1.5;
    position: absolute;
    left: 0%;
    z-index: 3;
}
.hp-menu-item .text h3 {
    font-weight: 500;
	line-height: 1.3;
}

.hp-menu-item-image::before {
    content: "";
    width: 100%;
    background: linear-gradient(20deg, #000 15%, transparent);
    opacity: 0.1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 1;
    border-radius: var(--border-radius-l);
}
.hp-menu-item:hover .hp-menu-item-image::before {
    opacity: 0;
}

.hp-menu-item-image {z-index: 2;}
.hp-menu-item-image img {
    max-height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
	height: 100%!important;
}


.hp .h2 {color: var(--mainDarkGrey);}

.hp .h2 a {color: var(--mainDarkGrey);}



.productSlider .swiper-slide {-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}

.swiper-container {
	max-width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.swiper-container.hpSlider {height: 310px;}

.swiper-container.productSlider {height: auto;}


.swiper-container.productSlider .swiper-slide {padding: 2rem 0.5rem;}


.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

.slide-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%!important;
	background-size: cover;
	background-position: center;
}

.slide-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.slide-content {
	margin-top: 5rem;
	z-index: 2;
	color: #fff;
}
.slide-content h3 {margin-bottom: 1rem;}


.swiper-container.hpSlider .swiper-slide:before {
	content: "";
	background: -webkit-gradient(linear, left top, right top, from(#000), to(transparent));
	background: linear-gradient(90deg, #000, transparent);
	opacity: 0.7;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 84%;
	z-index: 1;
}

.swiper-container.hpSlider .swiper-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: unset;
	padding: 1rem;
	bottom: 1.5rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	border-radius: 50px;
	background: rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 11px rgba(0,0,0,.07), 
				var(--glassShadowCorners);
	        box-shadow: 0 0 11px rgba(0,0,0,.07), 
				var(--glassShadowCorners);
	backdrop-filter: var(--fancy-blur);
	-webkit-backdrop-filter: var(--fancy-blur);
}

.swiper-pagination-bullet {
	background: #fff;
	width: 1rem;
	height: 1rem;
	opacity: 0.25;
}
.swiper-pagination-bullet-active {opacity: 1;}

.swiper-container.productSlider .swiper-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.swiper-container.productSlider .swiper-pagination-bullet-active {background-color: var(--mainDarkGrey);}

.swiper-button-next,
.swiper-button-prev {
	color: white;
	padding: 80px 30px;
	margin-top: -80px;
}

.swiper-button-next.dark,
.swiper-button-prev.dark {
	color: var(--mainBlack);
	margin: -80px -20px 0;
}


.hp.section.productCategories {padding: 4rem 0;}

.hp.productCategories .category-container {
	margin: 0;
	padding: 0 1.5rem;
}

.hp.productCategories .category-container>div,
.hp.articles .article-container>div {
	padding: 0.5rem;
}


.hp.productCategories .category-box {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
	        box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
	border-radius: var(--border-radius-l);
	-webkit-transition: all .3s cubic-bezier(0, 0, .5, 1);
	transition: all .3s cubic-bezier(0, 0, .5, 1);
	position: relative;
	overflow: hidden;
}

.hp.productCategories .category-box:hover {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	        box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	transform: scale3d(1.01, 1.01, 1.01);
	-webkit-transform: scale3d(1.01, 1.01, 1.01);
	border-color: none;
}

.hp.productCategories .category-box:hover .category-box--image img {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	    transform: scale(1.02);
}

.hp.productCategories .category-box:hover .category-box--image {opacity: 1;}

.hp.productCategories .category-box:hover .category-box--image::before {-webkit-transition: all .3s;transition: all .3s;}

.hp.productCategories .category-box--image {
	height: unset;
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.hp.productCategories .category-box--image img {
	border-radius: var(--border-radius-l);
	aspect-ratio: 1.3 / 1;
	-webkit-transition: -webkit-transform 0.3s ease-out;
	transition: -webkit-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.hp.productCategories .category-box:hover .category-box--image::before {opacity: .4;}

.hp.productCategories .category-box--image::before {
	background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(75%, transparent));
	background: linear-gradient(to top, #000, transparent 75%);
	bottom: 0;
	content: "";
	height: 70%;
	left: 0;
	opacity: .7;
	position: absolute;
	right: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: 1;
	border-radius: var(--border-radius-l);
}

.hp.productCategories .category-box--name {
	background-color: transparent;
	border-radius: 50px;
	color: #fff;
	font-size: 1.7rem;
	font-weight: 600;
	position: absolute;
	bottom: 15%;
	padding: 0.75rem 1.5rem;
	border: 2px solid #fff;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	white-space: nowrap;
	z-index: 2;
	-webkit-transition: all .2s;
	transition: all .2s;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.hp.productCategories .category-box:hover .category-box--name {
	background-color: #fff;
	border-color: #fff;
	color: var(--mainBlack);
}


.hp.section.advisor .flex {padding: 0 1.5rem;}


.hp.section.advisor .hp-banner .content {
	background-color: #fff;
	border-radius: var(--border-radius-l);
	margin: 1rem 0.5rem;
	position: relative;
	-webkit-transition: all .3s cubic-bezier(0, 0, .5, 1);
	transition: all .3s cubic-bezier(0, 0, .5, 1);
}

.hp.section.advisor .content:hover {
	-webkit-transform: scale3d(1.01, 1.01, 1.01);
}

.hp.section.advisor .content .category-box--image {
	overflow: hidden;
	position: relative;
	border-radius: var(--border-radius-l);
	aspect-ratio: 2.25 / 1;
	height: unset;
}

.hp.section.advisor .content:hover .category-box--image::before {
	opacity: 0.4;
}

.hp.section.advisor .content:hover .category-box--image img {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	    transform: scale(1.02);
}

.hp.section.advisor .content:hover .button.button--primary {
	background-color: #fff;
	border-color: #fff;
	color: var(--mainBlack);
}



.hp.section.advisor .content .category-box--image img {-webkit-transition: -webkit-transform 0.3s ease-out;transition: -webkit-transform 0.3s ease-out;transition: transform 0.3s ease-out;transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;}


.hp.section.advisor .category-box--image::before {
	content: "";
	width: 100%;
	background: linear-gradient(20deg, #000 15%, transparent);
	/*width: 84%;*/
	/*background: linear-gradient(to right, #000 15%, transparent);*/
	opacity: 0.7;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: 1;
	border-radius: var(--border-radius-l);
}

.hp.section.advisor .content .buttonBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: end;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 40px 3rem;
	right: 0;
	z-index: 1;
}

.hp.section.advisor .content .text {
	color: #fff;
	position: absolute;
	padding: 1rem 2rem 0;
	top: 50%;
	left: 0%;
	-webkit-transform: translate(0%, -50%);
	    -ms-transform: translate(0%, -50%);
	        transform: translate(0%, -50%);
	z-index: 3;
}


.hp.section.advisor .content .text h1,
.hp.section.advisor .content .text h3 {
	margin-bottom: 1rem;
	font-size: 2rem;
}

.hp.section.advisor .content .text h2 {font-size: 3.75rem;}

.hp.section.advisor .content .button.button--primary {
	text-transform: none;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	background-color: transparent;
	color: #fff;
	font-size: 1.7rem;
	font-weight: 600;
	padding: 0.75rem 1.5rem;
	border: 2px solid #fff;
	-webkit-transition: all .2s;
	transition: all .2s;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

/* END  -  Luigis Recommender  -  END */
#lbx-recommender-homepage {height: 200px;}
.recommender-loading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border: 1px solid #bbb;
	background: #eee;
}
.spinner {
	display: inline-block;
	width: 80px;
	height: 80px;
}
.spinner:after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid #fff;
	border-color: #000 transparent #000 transparent;
	-webkit-animation: spinner 2.2s linear infinite;
	        animation: spinner 2.2s linear infinite;
}
@-webkit-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	          transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	          transform: rotate(360deg);
	}
}
@keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	          transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	          transform: rotate(360deg);
	}
}
/* START  -  Luigis Recommender  -  START */

.hp.section.productManufacturers {
	background: #f5f5f5;
}

.productManufacturers-scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 5px;
}

.productManufacturers-scroll::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
          box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.productManufacturer {
	width: 145px;
	min-width: 145px;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	overflow: hidden;
	border-radius: var(--border-radius-l);
	padding: 0.5rem;
	-webkit-transition: 0.3s cubic-bezier(0, 0, 0.5, 1);
	transition: 0.3s cubic-bezier(0, 0, 0.5, 1);
}
.productManufacturer:hover {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	        transform: scale3d(1.1, 1.1, 1.1);
}

.productManufacturer img {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
	-webkit-filter: grayscale(80%);
	        filter: grayscale(80%);
	opacity: 0.75;
	-webkit-transition: opacity 0.2s ease, -webkit-filter 0.2s ease;
	transition: opacity 0.2s ease, -webkit-filter 0.2s ease;
	transition: filter 0.2s ease, opacity 0.2s ease;
	transition: filter 0.2s ease, opacity 0.2s ease, -webkit-filter 0.2s ease;
}

.productManufacturer:hover img {
	-webkit-filter: grayscale(0%);
	        filter: grayscale(0%);
	opacity: 1;
}

.hp.section.productSliderBox .button--primary {
	background: var(--mainLightGrey);
	color: #494949;
	font-weight: 600;
	line-height: 1.5;
	padding: 1rem 1.5rem;
	text-transform: none;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}
.hp.section.productSliderBox .button--primary:hover {
	background: var(--mainGrey);
}

.hp.section.productSliderBox .button--primary:last-of-type {margin-left: 1rem;}

.hp.section.productSliderBox .button--primary.active {
	background-color: #494949;
	color: #fff;
}
.hp.section.productSliderBox .product-box {display: inline-grid;}


.hp.section {padding: 4rem 0;}
.hp.section.advisor {padding: 2rem 0;}

.benefits .benefits--desc h3 {
	font-size: 1.9rem;
	font-weight: 500;
	text-align: center;
	color: var(--mainDarkGrey);
}
.benefits .benefits--icon {
	border-radius: var(--border-radius-m);
	-webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.07), var(--glassShadowCorners);
	        box-shadow: 0 0 11px rgba(0, 0, 0, 0.07), var(--glassShadowCorners);
}
.benefits .benefits--icon svg {margin: 1rem;}


/* contact page */
.contactPage--include {
	background-color: var(--mainLightGrey);
	border-radius: var(--border-radius-l);
}
.contactPage--include a {color: #222;}

.flex-container.contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.flex-container.contact .flex-item {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding: 1.5rem;
	margin: 15px 5px 15px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
	        box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

.flex-container.contact .flex-item.second,
.flex-container.contact .flex-item.third {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.flex-container.contact .flex-item h3 {
	font-size: 18px;
}

.flex-container.contact .flex-item.big {
	-webkit-box-flex: 2;
	    -ms-flex: 2;
	        flex: 2;
}

.flex-container.contact .flex-item.medium {
	-webkit-box-flex: 1.5;
	    -ms-flex: 1.5;
	        flex: 1.5;
}

.flex-container.contact .flex-item.small {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

/* END contact page */


/*shop*/


/* CSS for cart preview */
.cart-btn {
  position: relative;
  margin-left: 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 9999px;
  padding: 0.25rem;
}
@media (min-width: 1024px) {

  .cart-btn {
    padding: 0.7rem;
    --tw-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
    --tw-shadow-colored: 0 0 11px var(--tw-shadow-color), var(--glassShadowCorners);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
.cart-btn {
	cursor: not-allowed;
}
.cart-btn.active {
	will-change: transform;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer;
}
.cart-btn.active:hover {
	-webkit-transform: scale(1.07);
	    -ms-transform: scale(1.07);
	        transform: scale(1.07);
}

.cart-btn--icon {
  display: block;
}

.cart-btn--badge {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  --tw-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
  --tw-shadow-colored: 0 0 11px var(--tw-shadow-color), var(--glassShadowCorners);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hp.section.advisor .cart-btn--badge {padding: 0 1.5rem;}

.cart-btn--badge.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .cart-btn--badge {padding: 0 1rem;}
}

.cart-btn--badge {
	top: -7px;
	right: -5px;
	width: 20px;
	height: 20px;
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: var(--fancy-blur);
	-webkit-backdrop-filter: var(--fancy-blur);
	color: var(--mainDarkGrey);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
  	-webkit-transform: translateZ(0) scale(1);
  	        transform: translateZ(0) scale(1);
  	will-change: transform, background-color;
}

.cart-btn.active .cart-btn--badge {
	-webkit-animation: cartNotification 1s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	        animation: cartNotification 1s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	color: #fff;
}

@-webkit-keyframes cartNotification {
  0% {
    -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1);
    background-color: rgba(255, 255, 255, 0.2);
  }

  40% {
    -webkit-transform: translateZ(0) scale(1.17);
            transform: translateZ(0) scale(1.17);
    background-color: rgba(244, 68, 68, 0.7);
  }

  100% {
    -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1);
    background-color: rgba(244, 68, 68, 0.92);
  }
}

@keyframes cartNotification {
  0% {
    -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1);
    background-color: rgba(255, 255, 255, 0.2);
  }

  40% {
    -webkit-transform: translateZ(0) scale(1.17);
            transform: translateZ(0) scale(1.17);
    background-color: rgba(244, 68, 68, 0.7);
  }

  100% {
    -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1);
    background-color: rgba(244, 68, 68, 0.92);
  }
}

.main-nav:has(.cart-preview.show) .cart-btn.active {
    -webkit-box-shadow:
	0 0 10px rgba(90, 170, 255, 0.35),
	0 0 10px rgba(90, 170, 255, 0.20);
            box-shadow:
	0 0 10px rgba(90, 170, 255, 0.35),
	0 0 10px rgba(90, 170, 255, 0.20);
  	-webkit-transform: scale(1.15);
  	    -ms-transform: scale(1.15);
  	        transform: scale(1.15);
	will-change: transform;
  	-webkit-transition: -webkit-transform 0.2s ease;
  	transition: -webkit-transform 0.2s ease;
  	transition: transform 0.2s ease;
  	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.cart-preview {
	position: absolute;
	top: 5.75rem;
	right: 0;
	background: var(--menu-bg);
	-webkit-box-shadow: var(--menu-shadow);
	        box-shadow: var(--menu-shadow);
	display: none;
	border-radius: var(--border-radius-l);
	min-width: 310px;
	backdrop-filter: var(--blur);
	-webkit-backdrop-filter: var(--blur);
	z-index: 3;
}


.cart-preview--container::-webkit-scrollbar {
	width: 5px;
	border-radius: 10px;
}

.cart-preview--container::-webkit-scrollbar-thumb {
	background-color: #222;
	/* semi-transparent black */
	border-radius: 10px;
}

.cart-preview--container::-webkit-scrollbar-track {
	background-color: #ededed;
	/* light gray */
	border-radius: 10px;
}

.cart-preview--container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 1.5rem;
	max-height: 300px;
	overflow-y: auto;
	padding: 1.5rem 1.5rem 0;
}


.cart-preview.show {
	-webkit-animation: fade-in 0.3s ease;
	        animation: fade-in 0.3s ease;
	display: block;
}

.cart-preview--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.hp.section.advisor .cart-preview--item {padding: 0 1.5rem;}

.cart-preview--item.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .cart-preview--item {padding: 0 1rem;}
}

.cart-preview--item {
	padding-bottom: 1.5rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.cart-preview--item:last-of-type {
	border: unset;
}

.cart-preview--item-img {
	background-color: #fff;
	padding: 0.5rem;
	border-radius: var(--border-radius-s);
}
.cart-preview img {
	width: 82px;
	-o-object-fit: cover;
	object-fit: cover;
	aspect-ratio: 1.5 / 1;
}

.cart-preview--item-title {
	font-size: 1.5rem;
	line-height: 1.5;
}
.cart-preview .product-box--item-name {
	font-weight: 500;
}
.cart-preview .cartItemDelete {
  --tw-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
  --tw-shadow-colored: 0 0 11px var(--tw-shadow-color), var(--glassShadowCorners);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	background: rgba(255, 255, 255, 0.7);
}

.cart-preview .priceBox {
	padding-top: 0.75rem;
}

.cart-preview--quantity {
	color: var(--mainDarkGrey);
}

.cart-preview--price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #222;
	font-weight: 700;
}

.cart-preview .button--primary {
	text-transform: none;
	width: unset;
	font-size: 1.5rem;
}

.cart-preview--bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hp.section.advisor .cart-preview--bottom {padding: 0 1.5rem;}

.cart-preview--bottom.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .cart-preview--bottom {padding: 0 1rem;}
}

.cart-preview--bottom {
	padding: 1.5rem;
}


.empty-cart {
	color: #888;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
.empty-cart:hover {
	color: var(--mainBlack);
}

.section.cart h1 {
	margin-bottom: 1rem;
}

.cart-total--price {
	margin-bottom: 0;
}

.cart.cart--checkout .button.cartCheckout {
	background-color: #4d90fe;
}

.cart.cart--checkout .button.cartCheckout:hover {
	background-color: #3c75d1;
}

.button.cartContinue {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-ms-flex-item-align: end;
	    align-self: end;
}

.cart .button.cartContinue::after {
	content: "→";
	padding-left: 0.25rem;	
}

.button.cartReturn::before {
	content: "←";
	padding-right: 0.25rem;
}

.button.cartReturn {
	border-radius: 50px;
	font-weight: 600;
	border: none;
	color: #888;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	padding: 0;
}

.button.cartReturn:hover {
	color: var(--mainBlack);
}

.cart-steps {
	background-color: unset;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.cart-step {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
    position: relative;
	pointer-events: none;
	text-align: center;
	padding-left: 2rem;
	padding-right: 2rem;
	width: 100%;
}

.cart-step.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}

.cart-step {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  font-size: 1.5rem;
	line-height: 1.2;
}

.cart-step.completed,
.cart-step.active {
	pointer-events: auto;
}

.cartItems {
  padding: 2rem;
  --tw-shadow: 0 0 12px rgba(0, 0, 0, 0.15), var(--glassShadow);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color), var(--glassShadow);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	border-radius: var(--border-radius-l);
}

.cartQuantityWrap,
.cartPriceWrap {
	width: 50%;
}

.cartItems div a img {
	max-width: 140px;
	-o-object-fit: cover;
	object-fit: cover;
	aspect-ratio: 1.5 / 1;
}

.cartItemDelete {
	background: var(--mainLightGrey);
	color: var(--mainDarkGrey);
	width: 32px;
	height: 32px;
	border-radius: 50px;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

.cartItemDelete:hover {
	background: var(--mainGrey);
}

.cartItemDelete svg.icon {
	width: 19px;
}

.cartDiscountAlert {
	background-color: var(--mainLightGrey);
	border-radius: 5px;
}

.cartItemPriceTotal {
	color: var(--mainBlack);
	font-size: 1.6rem;
	font-weight: 600;
	margin: 0;
	text-wrap: nowrap;
}

.cartItemPrice {
	display: none;
	color: var(--mainDarkGrey);
	font-size: 1.5rem;
	font-weight: 400;
	margin: 0;
}

.cartQuantityButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hp.section.advisor .cartQuantityButtons {padding: 0 1.5rem;}

.cartQuantityButtons.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .cartQuantityButtons {padding: 0 1rem;}
}

.cartQuantityButtons {
	background-color: var(--mainLightGrey);
	color: var(--mainDarkGrey);
	border-radius: 34px;
	width: 32px;
	height: 32px;
	line-height: 1;
	border: none;
	-webkit-transition: all .1s;
	transition: all .1s;
}

.cartQuantityButtons:hover {
	background-color: var(--mainGrey);
}
.cartQuantityButtons svg.icon {
	width: 19px;
}

.cartQuantityCount {
	color: var(--mainDarkGrey);
}

.voucherWrap {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

input[name="voucher_code"],
.voucher_codeSubmit {
	border-radius: var(--border-radius-s);
}
input[name="voucher_code"] {
	min-width: 100%;
	border: 1px solid var(--mainLightGrey);
	border-right: 0;
}

.voucher_codeSubmit {
	height: 100%;
	text-transform: none;
	padding: 0 3rem;
	border: 1px solid var(--mainLightGrey);
	background-color: var(--mainGrey);
	color: var(--mainBlack);
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.voucher_codeSubmit:hover {
	background-color: #ccc;
}


.hideInCart {
	visibility: hidden;
}

.tac {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 1.5rem;
}

.tac input[type=checkbox] {
	width: 20px;
	height: 20px;
}



.checkout-form--label {
	color: var(--mainDarkGrey);
	font-size: 1.5rem;
	display: block;
}

.checkout-form--input {
  width: 100%;
}

.checkout-form--input.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}

.checkout-form--input {
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity, 1));
  padding: 1rem;
  font-size: 1.6rem;
	border: none;
	background: var(--mainLightGrey);
	border-radius: 15px;
}

.checkout-form--input:disabled {
	background: var(--mainGrey);
	cursor: not-allowed;
}

#checkout-form .company_country--select {
	position: relative;
	width: 100%;
}
#checkout-form .company_country--select::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 2rem;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #555;
	pointer-events: none;
}
#checkout-form #company_country {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	background-color: var(--mainLightGrey);
	border-radius: var(--border-radius-l);
	color: var(--mainDarkGrey);
	font-weight: 600;
	cursor: pointer;
	padding: 1rem;
	width: 100%;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

#checkout-form input[type=checkbox] {
	width: 20px;
	height: 20px;
	min-width: 20px;
}
#checkout-form input[type=checkbox] + label[for="heureka_allowed"]{
	color: var(--mainBlack);
} 

#checkout-form .country-info {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	color: #888;
}

#checkout-form textarea#notes {
	min-height: 75px;
	border-radius: 25px 25px 0 25px;
}

#checkout-form textarea#notes::-webkit-resizer {
	border-width: 8px;
	border-style: solid;
	border-color: transparent #888 #888 transparent;
}



.order-summary {
  padding: 2rem;
}



@media (min-width: 768px) {

  .order-summary {
    padding: 3rem;
  }
}



.order-summary {
	border-radius: var(--border-radius-l);
	background: var(--mainLightGrey);
}
.order-summary textarea {
	background: #fff;
}

.order-summary label[for="toc"] a {
	color: var(--mainDarkBlue);
}
.order-summary label[for="toc"] a:hover {
	text-decoration: underline;
}

.order-summary .collapseVoucher {
	color: var(--mainDarkGrey);
	font-weight: 600;
	opacity: 0.7;
	-webkit-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}

.order-summary .collapseVoucher:hover {
	opacity: 1;
}

.order-summary .collapseVoucher::after {
	content: "";
	background: url(/images/icons/nav_arrow_down.svg) no-repeat 50%;
	background-size: contain;
	width: 22px;
	height: 22px;
	margin-left: auto;
	margin-right: -5px;
	opacity: .8;
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease;
	-webkit-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	        transform: rotate(0deg);
}

.order-summary .collapseVoucher[aria-expanded="true"]::after {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}
/* Upsell section in cart */
.upsell h2 {
	margin-bottom: 0.5rem;
	font-weight: 500;
}
.upsell .product-container {
	padding: 0 0.5rem;
}
.upsell .product-box--image img {
	aspect-ratio: 1.2 / 1;
}

.upsell .tags {
	display: none;
}
.upsell .perex {
	font-size: 1.4rem;
	margin-top: 1rem;
}

.upsell .quickAddToCart--wrap {
	margin-bottom: 1.5rem;
}

.upsell .quickAddToCart--wrap .product-box--cta.button.button--primary {
	display: inline-block;
	font-size: 1.25rem;
	font-weight: 600;
}
.upsell .quickAddToCart--wrap a.product-box--cta.button.button--primary {
	background-color: var(--mainLightGrey);
	color: var(--mainBlack);
}
.upsell .quickAddToCart--wrap a.product-box--cta.button.button--primary:hover {
	background-color: var(--mainGrey);
}
/* END Upsell section in cart */


/* END |  shopping cart   | END */



@media (min-width: 1024px) {
	.cart-step {
    width: 33.333333%;
    font-size: 1.6rem;
  }
}

.cart-step--number {
	background-color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 9999px;
    color: #222;
    font-weight: 600!important;
    border: 4px solid #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hp.section.advisor .cart-step--number {padding: 0 1.5rem;}

.cart-step--number.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .cart-step--number {padding: 0 1rem;}
}

.cart-step--number {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}
.cart-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 15px;
    width: 100%;
    height: 10px;
    background-color: #f5f5f5;
    z-index: -1;
}

.cart-step.completed:not(:last-child)::after {
    background-color: #222;
}

/* Style for completed steps circle & text */
.cart-step.completed .cart-step--number {
    background-color: #222;
    border-color: #222;
}
.cart-step.completed div {
    color: #222;
    font-weight: 400;
}

/* Style for active step circle & text */
.cart-step.active .cart-step--number {
    background-color: #fff;
    color: #222;
    border-color: #222;
    font-weight: 700!important;
}
.cart-step.active div {
    color: #222;
    font-weight: 700;
}

/* Style for uncompleted step text */
.cart-step:not(.completed):not(.active) div {
    color: #888;
    font-weight: 400;
}

.cart-step.completed .cart-step--number svg {
    fill: #fff;
}


.cartThankYouWrap img {
	width: 130px !important;
	height: 130px !important;
	overflow: hidden;
	border-radius: 100%;
}

.cartThankYouWrap .description {
	width: calc(100% - 130px);
	padding-left: 30px;
}

.cartThankYouWrap .description p {
	margin: 0;
	line-height: 1.4;
}



/* basic tables */
div.table {
	margin: 0 auto;
}

table.table thead tr th {
	background: var(--mainBlack);
	color: #fff;
}

table.table thead tr th,
table.table tbody tr td {
	padding: 10px 20px;
}

table.table tbody tr td {
	color: var(--mainBlack);
}

table.table tbody tr td a {
	color: var(--mainRed);
}

table.table tbody tr:nth-child(even) td {
	background: #f8f8f8;
}


/*products*/

.product-container {
  margin-left: -1rem;
  margin-right: -1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hp.section.advisor .product-container {padding: 0 1.5rem;}

.product-container.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .product-container {padding: 0 1rem;}
}

.product-container {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex.product-container.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.product-container>div {
  padding: 0.5rem;
}

.product-container .w-1\/2.lg\:w-1\/3 {
	-webkit-transition: all .3s cubic-bezier(0, 0, .5, 1);
	transition: all .3s cubic-bezier(0, 0, .5, 1);
	position: relative;
}

.product-box {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hp.section.advisor .product-box {padding: 0 1.5rem;}

.product-box.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .product-box {padding: 0 1rem;}
}

.product-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
	        box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
	-webkit-transition: all .3s cubic-bezier(0, 0, .5, 1);
	transition: all .3s cubic-bezier(0, 0, .5, 1);
	padding: 0 0.5rem 0.5rem;
	border-radius: var(--border-radius-l);
	position: relative;
}

.product-box:hover {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	transform: scale3d(1.01, 1.01, 1.01);
	-webkit-transform: scale3d(1.01, 1.01, 1.01);
	border-color: none;
	-webkit-transition: all .3s cubic-bezier(0, 0, .5, 1);
	transition: all .3s cubic-bezier(0, 0, .5, 1);
}

.product-box .product-box--image img{
	-webkit-transition: opacity .3s cubic-bezier(0, 0, .5, 1);
	transition: opacity .3s cubic-bezier(0, 0, .5, 1);
}
.product-box:hover .product-box--image img {
	opacity: 0.8;
}

.product-box .variants-preview {
    position: absolute;
    bottom: 5%;
    opacity: 0;
    gap: 0.5rem;
}
.product-box:hover .variants-preview {
    opacity: 1;
}

.product-box .variants-preview span {
  	opacity: 0;
  	-webkit-transform: translateY(4px);
  	    -ms-transform: translateY(4px);
  	        transform: translateY(4px);
  	-webkit-transition:
    	opacity .3s cubic-bezier(0,0,.5,1),
    	-webkit-transform .3s cubic-bezier(0,0,.5,1);
  	transition:
    	opacity .3s cubic-bezier(0,0,.5,1),
    	-webkit-transform .3s cubic-bezier(0,0,.5,1);
  	transition:
    	opacity .3s cubic-bezier(0,0,.5,1),
    	transform .3s cubic-bezier(0,0,.5,1);
  	transition:
    	opacity .3s cubic-bezier(0,0,.5,1),
    	transform .3s cubic-bezier(0,0,.5,1),
    	-webkit-transform .3s cubic-bezier(0,0,.5,1);
  	will-change: opacity, transform;
  	-webkit-box-flex: 0;
  	    -ms-flex: 0 1 auto;
  	        flex: 0 1 auto;
  	padding: 0.25rem 0.7rem;
  	font-size: 1.2rem;
  	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: var(--fancy-blur);
	-webkit-backdrop-filter: var(--fancy-blur);
  	-webkit-box-shadow: var(--menu-shadow);
  	        box-shadow: var(--menu-shadow);
  	color: #222;
  	border-radius: 50px;
  	max-width: 120px;
  	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}
.product-box:hover .variants-preview span {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.wishlist-compare {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}

.hp.section.advisor .wishlist-compare {padding: 0 1.5rem;}

.wishlist-compare.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .wishlist-compare {padding: 0 1rem;}
}

.wishlist-compare {
  padding: 0.5rem;
  border-radius: 9999px;
  border: 2.5px solid #eee;
  background: unset;
  /* Gradient border
  border: 2px solid transparent;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, var(--mainRed), var(--mainBlue)) border-box;
  */
}

.wishlist-compare button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
}

.hp.section.advisor .wishlist-compare button {padding: 0 1.5rem;}

.wishlist-compare button.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .wishlist-compare button {padding: 0 1rem;}
}

.wishlist-compare button {
	background: #eee;
	width: 32px;
	height: 32px;
	will-change: transform;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.wishlist-compare button:hover {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

.wishlist-btn.active {
    background: linear-gradient(#ff8080, var(--mainRed));
}
.compare-btn.active {
	background: linear-gradient(var(--mainBlue), var(--mainDarkBlue));
}

.wishlist-btn.active img,
.compare-btn.active img {
	-webkit-filter: unset;
	        filter: unset;
}
.wishlist-btn img,
.compare-btn img {
	-webkit-filter: invert();
	        filter: invert();
}

.product-box:hover .wishlist-compare {
	opacity: 1;
}


/* Old style
.tags .showroom {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	background: url("https://storage-ekolo.fra1.cdn.digitaloceanspaces.com/images/tags/displayed_ico.svg");
	background-size: 60px auto;
	background-repeat: no-repeat;
	background-position: center;
	height: 30px;
	width: 60px;
	margin: 1rem;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	color: transparent;
}
*/

/* Bottom tags */

.tags {
	gap: 0.5rem;
}
.tags a {
	display: none;
	pointer-events: none;
}
.tags .badge::before {
	display: inline-block;
	opacity: 1;
	font-size: 1.5rem;
	line-height: 1.25;
	width: 18px;
	height: 18px;
	margin-right: 0.35rem;
}
.tags .badge {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: -webkit-gradient(linear, left top, right top, from(#ccc), to(#888));
	background: linear-gradient(to right, #ccc, #888);
	-webkit-box-shadow: 0 0 11px rgba(0,0,0,.07), 
				 var(--glassShadowCorners);
	        box-shadow: 0 0 11px rgba(0,0,0,.07), 
				 var(--glassShadowCorners);
	color: #fff;
	font-size: 1.2rem;
	font-weight: 400;
	padding: 0.4rem 0.5rem;
	border-radius: 50px;
	text-decoration: none;
	will-change: transform;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}

.tags.inside {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
}
.tags.inside a { 
	position: unset!important;
	padding: 0.5rem 0.75rem!important;
	border-radius: 50px!important;
	font-weight: 600!important;
}
.tags span {
	display: none;
}

.tags .badge.delivery:hover,
.tags .badge.rental:hover,
.tags .badge.torque-upgrade:hover,
.tags .badge.black-friday:hover {
	opacity: 0.85;
	-webkit-transform: scale(1.03);
	    -ms-transform: scale(1.03);
	        transform: scale(1.03);
}

.tags .badge.motor,
.tags .badge.discount-badge,
.tags .badge.black-friday {
	position: absolute;
	top: 0;
	padding: 0.5rem 1rem;
	font-weight: 600;
}
.tags .badge.motor::before {
    content: "\2699\FE0F";
}
.tags .badge.motor {
	background: -webkit-gradient(linear, left top, right top, from(#d9d9d9), to(#eee));
	background: linear-gradient(to right, #d9d9d9, #eee);
	color: #5f666c;
	-webkit-box-ordinal-group: -2;
	    -ms-flex-order: -3;
	        order: -3;
	left: 0;
	border-radius: 25px 0 25px;
}
.tags .badge.discount-badge::before {
    content: unset;
}
.tags .badge.discount-badge {
	right: 0;
	background: linear-gradient(to right, #ff7e61, var(--mainRed));
	border-radius: 0 25px 0;
}

.tags .badge.modelYear::before  {
    content: "\1F5D3";
}
.tags .badge.modelYear {
	background: -webkit-gradient(linear, left top, right top, from(#ff9a80), to(#f4622c));
	background: linear-gradient(to right, #ff9a80, #f4622c);
	-webkit-box-ordinal-group: -3;
	    -ms-flex-order: -4;
	        order: -4;
}

.tags .badge.showroom::before {
    content: "\1F440";
}
.tags .badge.showroom {
	background: -webkit-gradient(linear, left top, right top, from(rgba(154, 207, 255, 1)), to(rgb(57, 130, 217)));
	background: linear-gradient(to right, rgba(154, 207, 255, 1), rgb(57, 130, 217));
	-webkit-box-ordinal-group: -1;
	    -ms-flex-order: -2;
	        order: -2;
	display: none;
}
.app-cs .badge.showroom {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}


.tags .badge.delivery::before {
    content: "\1F69A";
}
.tags .badge.delivery {
	background: -webkit-gradient(linear, left top, right top, from(#7296c2), to(#9c6cc0));
	background: linear-gradient(to right, #7296c2, #9c6cc0);
	pointer-events: auto;
	-webkit-box-ordinal-group: 0;
	    -ms-flex-order: -1;
	        order: -1;
	display: none;
}
.app-cs .badge.delivery,
.app-sk .badge.delivery,
.app-pl .badge.delivery {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}



.tags .badge.torque-upgrade::before {
    content: "\1F680";
}
.tags .badge.torque-upgrade {
	background: -webkit-gradient(linear, left top, right top, from(#ffb877), to(#ff731d));
	background: linear-gradient(to right, #ffb877, #ff731d);
	pointer-events: auto;
}

.tags .badge.black-friday::before {
    content: "\1F4A3";
}
.tags .badge.black-friday {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	border-radius: 0 0 15px 15px;
	background: linear-gradient(to right, #888, var(--mainBlack));
	pointer-events: auto;
}

.tags .badge.rental::before {
	content: "\1f6b4";
}
.tags .badge.rental {
	background: -webkit-gradient(linear, left top, right top, from(#ffaa83), to(#eb7171));
	background: linear-gradient(to right, #ffaa83, #eb7171);
	pointer-events: auto;
}




.product-box--image {
  width: 100%;
}




.product-box--image.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}




.product-box--image {
	height: auto;
	overflow: hidden;
}

/*
@screen lg {
    .product-box--image {
        @apply h-[235px];
    }
}
*/
.product-box--image img {
  width: 100%;
}
.product-box--image img.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}
.product-box--image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
	aspect-ratio: 1.35 / 1;
}

.product-box--name {
	font-weight: 500;
	color: var(--mainBlack);
	height: 40px;
	line-height: 1.2;
	margin-top: 1rem;
}

/*perex*/
.perex {
	display: -webkit-box;
	color: var(--mainDarkGrey);
	font-size: 1.5rem;
	font-weight: 200;
	line-height: 1.5;
}

.outer {
  margin-bottom: 1rem;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*perex END*/

.priceAvail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	margin: 0 0.8rem;
	padding: 1rem 0.2rem 0.5rem;
	border-top: 1px solid var(--mainGrey);
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
}

.product-box--price {
  font-weight: 700;
	color: var(--mainBlack);
	margin-bottom: 0px;
	font-size: 1.875rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.hp.section.advisor .product-box--price {padding: 0 1.5rem;}

.product-box--price.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .product-box--price {padding: 0 1rem;}
}

.product-box--price {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
	-webkit-box-orient: vertical!important;
	-webkit-box-direction: normal!important;
	    -ms-flex-direction: column!important;
	        flex-direction: column!important;
	line-height: 1.1;
}

.product-box--price-new {
	color: var(--mainRed);
}


.product-img--wrap {
	position: relative;
}

.product-box--price-old {
	color: var(--mainDarkGrey);
}

@media (min-width: 1024px) {
	.product-box--price {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.product-box--price-old {
  font-weight: 300;
  font-size: 1.6rem;
  text-decoration-line: line-through;
}

.product-box--cta {
  margin-top: auto;
}


.stock_info {
	margin: 0;
}
.variants-container .stock_info {
	text-transform: lowercase;
	font-size: 1.5rem;
}


.product-box.outOfStock {
	-webkit-filter: grayscale(100%);
	        filter: grayscale(100%);
	opacity: 0.6;
}


.stock_info.available {
	color: var(--mainGreen);
}
.stock_info.stock_supplier {
	color: #6cbd00;
}

.stock_info.toOrder {
	color: #e3ac09;
}

.stock_info.outOfStock {
	color: var(--mainRed);
}

.stock_info.outOfStockGrey {
	color: #919191;
}

.stock_info.unknownStock {
	color: #888;
}


/* Key Specs Start */
.mainParts {
	display: block;
	width: 100%;
	border-radius: var(--border-radius-l);
	height: 370px;
	overflow: hidden;
	padding: 0.5rem;
}
@media (min-width: 640px) {

  .mainParts {
    padding: 1rem;
  }
}

.mainParts .outer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin: 0;
	padding: 0;
}

.mainParts .outer .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}

.mainParts .outer .row .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	color: var(--mainLightGrey);
	line-height: 1.2;
	text-align: center;
	gap: 0.5rem;
	border-radius: var(--border-radius-l);
	margin: 0.5rem;
	padding: 0.25rem;
	font-size: 1.125rem;
	line-height: 1.75rem;
	--tw-shadow: 0 0 12px rgba(0, 0, 0, 0.15), var(--glassShadow);
	--tw-shadow-colored: 0 0 12px var(--tw-shadow-color), var(--glassShadow);
	-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 640px) {

  .mainParts .outer .row .item {
    margin: 1rem;
    padding: 0.5rem;
    font-size: 1.6rem;
  }
}

.mainParts .outer .row .item .info {
	margin: 0;
	font-weight: 600;
	color: #fff;
}

.mainParts .outer .item::before {
	content: "";
	display: inline-block;
	width: auto;
	height: auto;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70%, cover;
	background-blend-mode: normal;
	padding: 2.5rem;
	border-radius: 50px;
	opacity: 0.95;
	margin-bottom: 0.25rem;
	--tw-shadow: 0 0 12px rgba(0, 0, 0, 0.15), var(--glassShadow);
	--tw-shadow-colored: 0 0 12px var(--tw-shadow-color), var(--glassShadow);
	-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.item.Engine::before {
	background: url('/images/icons/motor_white.svg'), -webkit-gradient(linear, left top, right top, from(#762b00), to(#ff9b3b));
	background: url('/images/icons/motor_white.svg'), linear-gradient(to right, #762b00, #ff9b3b);
}
.item.Engine {
	background: -webkit-gradient(linear, left top, right top, from(#762b00), to(#ff9b3b));
	background: linear-gradient(to right, #762b00, #ff9b3b);
}

.item.Power::before {
	background: url('/images/icons/bolt_white.svg'), linear-gradient(to right, #777, var(--mainDarkGrey));
}
.item.Power {
	background: linear-gradient(to right, #777, var(--mainDarkGrey));
}

.item.Battery::before {
	background: url('/images/icons/battery_white.svg'), -webkit-gradient(linear, left top, right top, from(#3b5b4e), to(#5dc080));
	background: url('/images/icons/battery_white.svg'), linear-gradient(to right, #3b5b4e, #5dc080);
}
.item.Battery {
	background: -webkit-gradient(linear, left top, right top, from(#3b5b4e), to(#5dc080));
	background: linear-gradient(to right, #3b5b4e, #5dc080);
}

.item.Wheels::before {
	background: url('/images/icons/wheel_white.svg'), -webkit-gradient(linear, left top, right top, from(#4a6468), to(#869da3));
	background: url('/images/icons/wheel_white.svg'), linear-gradient(to right, #4a6468, #869da3);
}
.item.Wheels {
	background: -webkit-gradient(linear, left top, right top, from(#4a6468), to(#869da3));
	background: linear-gradient(to right, #4a6468, #869da3);
}

.item.Shifter::before {
	background: url('/images/icons/shifter_white.svg'), -webkit-gradient(linear, left top, right top, from(#17395b), to(#4789bf));
	background: url('/images/icons/shifter_white.svg'), linear-gradient(to right, #17395b, #4789bf);
}
.item.Shifter {
	background: -webkit-gradient(linear, left top, right top, from(#17395b), to(#4789bf));
	background: linear-gradient(to right, #17395b, #4789bf);
}

.item.Fork::before {
	background: url('/images/icons/suspension_white.svg'), -webkit-gradient(linear, left top, right top, from(#4d506b), to(#8489a0));
	background: url('/images/icons/suspension_white.svg'), linear-gradient(to right, #4d506b, #8489a0);
}
.item.Fork {
	background: -webkit-gradient(linear, left top, right top, from(#4d506b), to(#8489a0));
	background: linear-gradient(to right, #4d506b, #8489a0);
}
/* Key Specs END */


.zig-zag p:has(iframe),
.zig-zag p:has(img) {
  margin-bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}


.hp.section.advisor .zig-zag p:has(iframe),.hp.section.advisor 
.zig-zag p:has(img) {padding: 0 1.5rem;}


.zig-zag p:has(iframe).flex-wrap.first,
.zig-zag p:has(img).flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}


@media (max-width: 768px) {

	.hp.section.advisor .zig-zag p:has(iframe),.hp.section.advisor 
.zig-zag p:has(img) {padding: 0 1rem;}
}
.zig-zag iframe,
.zig-zag img {
	width: 100%!important;
	height: auto!important;
	border-radius: var(--border-radius-l);
}
.zig-zag iframe {
	min-height: 370px;
}
.zig-zag img {
  -o-object-fit: cover;
     object-fit: cover;
	-webkit-filter: drop-shadow(0 0 50px rgba(255,255,255,.5)) drop-shadow(0 2px 40px rgba(0,0,0,.1));
	        filter: drop-shadow(0 0 50px rgba(255,255,255,.5)) drop-shadow(0 2px 40px rgba(0,0,0,.1));
}


/*parametry*/
.specsBikes div.mb-8 {
	background: var(--mainGrey);
	border-radius: var(--border-radius-l);
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
	        box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
}
.specsBikes .mb-8 table {
	background: rgba(255, 255, 255, 0.75);
}

.specsBikes .mb-8.main {
	background: -webkit-gradient(linear, left top, right top, from(#777777), to(#bababe));
	background: linear-gradient(to right, #777777, #bababe);
}
.specsBikes .mb-8.motor {
	background: -webkit-gradient(linear, left top, right top, from(#762b00), to(#ff9b3b));
	background: linear-gradient(to right, #762b00, #ff9b3b);
}

.specsBikes .mb-8.battery {
	background: -webkit-gradient(linear, left top, right top, from(#3b5b4e), to(#5dc080));
	background: linear-gradient(to right, #3b5b4e, #5dc080);
}
.specsBikes .mb-8.suspension {
	background: -webkit-gradient(linear, left top, right top, from(#4d506b), to(#8489a0));
	background: linear-gradient(to right, #4d506b, #8489a0);
}

.specsBikes .mb-8.others {
	background: -webkit-gradient(linear, left top, right top, from(#4a6468), to(#869da3));
	background: linear-gradient(to right, #4a6468, #869da3);
}
.specsBikes .mb-8.shifter {
	background: -webkit-gradient(linear, left top, right top, from(#17395b), to(#4789bf));
	background: linear-gradient(to right, #17395b, #4789bf);
}
.specsBikes .mb-8.brakes {
	background: -webkit-gradient(linear, left top, right top, from(#881b1b), to(#e63a3a));
	background: linear-gradient(to right, #881b1b, #e63a3a);
}

.specsBikes table td {
	background-color: unset!important;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.specsBikes table td:first-of-type {
	width: 35%;
	padding-right: 0;
	padding-left: 4rem;
}
.specsBikes table td:last-of-type {
	width: 65%;
}

.specsBikes--title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	background: rgba(150, 150, 150, 0.18);
	border-radius: 15px 15px 0 0;
	padding: 0.5rem 1rem;
}

.specsBikes--title h3 {
	margin-bottom: 0!important;
	padding-left: 0.5rem;
}

.parameters h3 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}

.parameters table {
	width: 100%;
	border-collapse: collapse;
}

.parameters table td {
	padding: 0.5rem 1rem;
	font-size: 15px;
}

.parameters table tr:nth-child(even) td {
	background-color: #f8f8f8;
}

.parameters table td:first-child {
	font-weight: 500;
	color: var(--mainBlack);
}

.parameters table td:last-child {
	font-weight: 300;
	color: var(--mainDarkGrey);
}
/*parametry END*/




/* Contact - Form start */
.contact-form {
  --tw-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
  --tw-shadow-colored: 0 0 11px var(--tw-shadow-color), var(--glassShadowCorners);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	max-width: 600px;
	backdrop-filter: var(--fancy-blur);
	-webkit-backdrop-filter: var(--fancy-blur);
	background-color: rgba(235, 235, 235, 0.8);
	border-radius: var(--border-radius-l);
	padding: 4rem;
	margin: 0 auto;
}

.contact-form label {
	color: var(--mainDarkGrey);
	font-weight: 500;
}

.contact-form textarea {
	height: 120px;
}

.contact-form.service label[for=message] {
	color: #888;
}

.contact-form small {
	color: var(--mainDarkGrey);
}


.contact-form.service textarea {
	height: 100px;
}

.contact-form input,
.contact-form textarea {
  --tw-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
  --tw-shadow-colored: 0 0 11px var(--tw-shadow-color), var(--glassShadowCorners);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	background: rgba(255, 255, 255, 0.8);
	width: 100%;
	padding: 1rem;
	border: none !important;
	border-radius: var(--border-radius-s) !important;
}

.contact-form button {
	width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	text-transform: capitalize;
}

/* Contact Inactivity — START */
.contact-form--popup {
	display: none;
	max-width: unset;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	backdrop-filter: var(--blur);
	-webkit-backdrop-filter: var(--blur);
	border-radius: unset;
	padding: 0;
	margin: 0;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	z-index: 999999999;
}

.contact-form--popup .popup-content {
  --tw-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
  --tw-shadow-colored: 0 0 11px var(--tw-shadow-color), var(--glassShadowCorners);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	position: relative;
	background: var(--menu-bg);
	color: #494949;
	max-width: 420px;
	margin: 0 1rem;
	padding: 2rem 2rem 1rem;
	border-radius: var(--border-radius-l);
	line-height: 1.5;
}
.contact-form--popup .popup-content h3 {
	margin-bottom: 0.5rem;
	font-weight: 600;
}

.contact-form--popup .close-btn {
  --tw-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
  --tw-shadow-colored: 0 0 11px var(--tw-shadow-color), var(--glassShadowCorners);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	position: absolute;
	color: #888;
	top: 7px;
	right: 7px;
	cursor: pointer;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 1rem;
	display: inline-block;
	border-radius: 50px;
}
.contact-form--popup .close-btn:hover {
	background-color: #cecece;
}
.contact-form--popup input {
  --tw-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
  --tw-shadow-colored: 0 0 11px var(--tw-shadow-color), var(--glassShadowCorners);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	background: var(--menu-search-bg);
}
.contact-form--popup .spacer {
	border-color: rgba(0, 0, 0, 0.1);
}

/* Servis START */

.servis-menu--wrapper div {
	padding: 0.5rem;
}
.servis-menu--wrapper a.servis-menu--item {
	background: var(--mainLightGrey);
	color: var(--mainDarkGrey);
	border-radius: var(--border-radius-l);
	text-decoration: none;
	-webkit-transition: background .2s cubic-bezier(0, 0, .5, 1), color .2s cubic-bezier(0, 0, .5, 1);
	transition: background .2s cubic-bezier(0, 0, .5, 1), color .2s cubic-bezier(0, 0, .5, 1);
}
.servis-menu--wrapper a.servis-menu--item:hover {
	background: #ededed;
	color: var(--mainBlack);
}
.servis-menu--wrapper a.servis-menu--item svg {
	opacity: 0.8;
	-webkit-transition: opacity .2s cubic-bezier(0, 0, .5, 1);
	transition: opacity .2s cubic-bezier(0, 0, .5, 1);
}
.servis-menu--wrapper a.servis-menu--item:hover svg {
	opacity: 1;
}

.servis-offer--wrapper .servis-offer--item {
	background: var(--mainLightGrey);
	border-radius: var(--border-radius-l);
}
.servis-offer--wrapper .servis-offer--item img {
	border-radius: 25px 25px 0 0;
}
.servis-offer--wrapper .servis-offer--item li {
	color: var(--mainDarkGrey);
}

.servis.intro {
	text-align: center;
	display: block;
}

.servis.intro a.button--secondary {
	color: #fff;
	background-color: var(--mainRed);
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
	font-size: 1.6rem;
	margin: 0.5rem;
}

.servis.intro a.button--secondary:hover {
	color: #fff;
	background-color: #db272b;
}

.servis.intro .engines {
	width: 100%;
	background: rgba(255, 255, 255, 0.73);
	backdrop-filter: blur(10px);
	height: 60px;
	margin: 25px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.servis.intro .engines img {
	max-width: 80px;
	margin: 0 10px;
}

.servis.intro .engines img.smallOli {
	max-width: 130px;
}

.servis.intro .desc {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 10px 20px 5px 20px;
	border-radius: var(--border-radius-l);
	background: #f8f8f8;
	margin: 10px 0;
}

.servis.intro .desc ul {
	padding: 5px 0;
}

.servis.intro .desc ul li {
	display: inline-block;
	margin: 0 15px;
}

.servis.intro .desc ul li a {
	color: var(--mainBlack);
	font-weight: 600;
}


.servis.intro .desc h2 {
	font-size: 20px;
}

/* includeVer2 START */
.includeVer2 {
	display: inline-block;
	position: relative;
	overflow: hidden;
	background-color: #f8f8f8;
	padding: 2.5rem 2.5rem 2.25rem;
	margin-top: 1rem;
	border-radius: var(--border-radius-l);
	-webkit-box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.15);
}

.includeVer2.theme::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	border-radius: var(--border-radius-l);
	-webkit-box-shadow: var(--glassShadow);
	        box-shadow: var(--glassShadow);
	background-color: rgba(255,255,255, 0.04);
}
.includeVer2.theme {
	position: relative;
	background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#333));
	background-image: linear-gradient(to right, #777, #333);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.includeVer2.theme .content,
.includeVer2.theme .readMore {
	position: relative;
	z-index: 1;
}

.includeVer2.theme.brand-bafang {
	background-image: -webkit-gradient(linear, left top, right top, from(#ff9b3b), to(#762b00));
	background-image: linear-gradient(to right, #ff9b3b, #762b00)
}
.includeVer2.theme.brand-bosch {
	background-image: -webkit-gradient(linear, left top, right top, from(#e52727), to(#5f1010));
	background-image: linear-gradient(to right, #e52727, #5f1010);
}

.includeVer2.theme.brand-brose {
	background-image: -webkit-gradient(linear, left top, right top, from(#c60c3e), to(#590018));
	background-image: linear-gradient(to right, #c60c3e, #590018);
}

.includeVer2.theme.brand-giant {
	background-image: -webkit-gradient(linear, left top, right top, from(#3b548f), to(#28324f));
	background-image: linear-gradient(to right, #3b548f, #28324f);
}

.includeVer2.theme.brand-shimano {
	background-image: -webkit-gradient(linear, left top, right top, from(#00a0e9), to(#004260));
	background-image: linear-gradient(to right, #00a0e9, #004260);
}

.includeVer2.theme.brand-panasonic {
	background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#333));
	background-image: linear-gradient(to right, #777, #333);
}

.includeVer2.theme.brand-oli {
	background-image: -webkit-gradient(linear, left top, right top, from(#003361), to(#001a33));
	background-image: linear-gradient(to right, #003361, #001a33);
}

.includeVer2.theme.brand-dapu {
	background-image: -webkit-gradient(linear, left top, right top, from(#79bd7b), to(#001a01));
	background-image: linear-gradient(to right, #79bd7b, #001a01);
}

.includeVer2.service {
	background: var(--mainLightGrey);
	-webkit-box-shadow: unset;
	        box-shadow: unset;
}

.includeVer2.inverted .content {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}
.includeVer2.inverted .content .desc{
	padding-left: 0;
	padding-right: 2rem;
}
.includeVer2.inverted a.readMore {
	float: left;
}

.includeVer2.service .content .imgWrap {
	max-width: 300px;
}

.includeVer2.service .content .imgWrap img {
	max-width: 300px;
	aspect-ratio: 1.25 / 1;
	-o-object-fit: cover;
	object-fit: cover;
}


.includeVer2 a {
	color: var(--mainDarkBlue);
	text-decoration: none;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
.includeVer2 a:hover {
	text-decoration: underline;
}

.includeVer2.theme a {
	color: #fff;
	font-weight: 600;
}
.includeVer2.theme a:hover {
	color: #fff;
}

.includeVer2 .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: justify;
	    align-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.includeVer2 .content .imgWrap {
	max-width: 250px;
}

.includeVer2 .content .imgWrap img {
	max-width: 250px;
	border-radius: var(--border-radius-l);
	-webkit-filter: 
			drop-shadow(0 0 50px rgba(255, 255, 255, 0.2))
			drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25));
	        filter: 
			drop-shadow(0 0 50px rgba(255, 255, 255, 0.2))
			drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25));
}

.includeVer2 .content .desc {
	padding-left: 2rem;
	font-size: 18px;
}

.includeVer2 .content .desc h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 13px;
}

.includeVer2 .content .desc p {
	color: #505050
}

.includeVer2.theme .content p,
.includeVer2.theme .content .desc {
	color: rgba(255, 255, 255, 0.8);
}
.includeVer2.theme .content h3 {
	color: #fff;
}
.includeVer2.theme .content strong {
	font-weight: 600;
}

.includeVer2 a.readMore {
	float: right;
	position: relative;
	margin-top: -0.5rem;
	text-decoration: none;
	background-color: var(--mainRed);
	color: #fff;
	padding: 10px 17px;
	font-size: 16px;
	border-radius: 50px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.includeVer2 a.readMore:hover {
	color: #fff;
	background-color: #db272b;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	text-decoration: none;
}

.includeVer2.theme a.readMore {
	background: rgba(255, 255, 255, 0.25);
	backdrop-filter: var(--fancy-blur);
	-webkit-backdrop-filter: var(--fancy-blur);
	-webkit-box-shadow: 0 0 11px rgba(0,0,0,.07), 
				var(--glassShadowCorners);
	        box-shadow: 0 0 11px rgba(0,0,0,.07), 
				var(--glassShadowCorners);
	border: none;
	color: #fff;
}
.includeVer2.theme a.readMore:hover {
	background: #fff;
	color: var(--mainBlack);
}

.includeVer2.service a.readMore {
	background: transparent;
	border: 2px solid var(--mainBlack);
	color: var(--mainBlack);
}
.includeVer2.service a.readMore:hover {
	background: var(--mainBlack);
	border: 2px solid transparent;
	color: #fff;
}

/* includeVer2 categories */
.includeVer2.categories {
	display: inline-block;
	background-color: unset;
	padding: 2rem;
	margin-top: 10px;
	-webkit-box-shadow: unset!important;
	        box-shadow: unset!important;
}
.includeVer2.categories .content .desc p {
	color: var(--mainDarkGrey);
}

section.has-blur-bg {
  position: relative;
  overflow: hidden;
}


section.has-blur-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(transparent)), var(--bg-url);
    background-image: linear-gradient(rgba(255, 255, 255, 1), transparent), var(--bg-url);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-filter: blur(5px);
            filter: blur(5px);
    z-index: 0;
    pointer-events: none;
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
}
section.has-blur-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  pointer-events: none;
}

/* make sure section content is on top */
section.has-blur-bg > * {
  position: relative;
  z-index: 2;
}



.includeVer2.categories .content .imgWrap {
	max-width: 250px;
}

.includeVer2.categories .content .imgWrap img {
	max-width: 250px;
}

.includeVer2.categories .content .desc {
	margin-top: 0px;
	padding-bottom: 0px;
	text-align: justify;
}

.includeVer2.categories .content .desc p:last-child {
	margin-bottom: 0px;
}



.includeVer2.ebikesMainPage.mobile {
	display: none;
}

/* includeVer2 END */
.addArticles-banner {
	border-radius: var(--border-radius-l);
	overflow: hidden;
	position: relative;
	-webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .3, 1);
	transition: -webkit-transform .3s cubic-bezier(0, 0, .3, 1);
	transition: transform .3s cubic-bezier(0, 0, .3, 1);
	transition: transform .3s cubic-bezier(0, 0, .3, 1), -webkit-transform .3s cubic-bezier(0, 0, .3, 1);
}
.addArticles-banner::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	border-radius: var(--border-radius-l);
	-webkit-box-shadow: var(--glassShadow);
	        box-shadow: var(--glassShadow);
	background-color: rgba(255,255,255, 0.04);
}
.addArticles-banner:hover {
	-webkit-transform: scale(1.005);
	    -ms-transform: scale(1.005);
	        transform: scale(1.005);
}



/* Blog and post styles */
.post-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  aspect-ratio: 4/5;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  border-radius: 25px;
  background-size: cover;
  background-position: center;
  --tw-shadow: 0 0 12px rgba(0, 0, 0, 0.15), var(--glassShadow);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color), var(--glassShadow);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.hp.section.advisor .post-item {padding: 0 1.5rem;}
.post-item.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media (max-width: 768px) {

	.hp.section.advisor .post-item {padding: 0 1rem;}
}
.post-item:hover {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

  .post-overlay-gradient {
  position: absolute;
  inset: 0px;
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: rgb(0 0 0 / 0.45) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

  .post-content {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background-color: rgb(238 238 238 / 0.2);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-backdrop-blur: blur(20px);
  --tw-backdrop-saturate: saturate(180%);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

  .post-content.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}

  .post-content {
	
	backdrop-filter: var(--fancy-blur);
	-webkit-backdrop-filter: var(--fancy-blur);
  }

  .post-content-inner {
  position: relative;
  display: block;
  padding: 2rem;
}

  .post-title {
  margin-bottom: 0px;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

  @media (min-width: 1024px) {

  .post-title {
    margin-bottom: 1rem;
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

  .post-title {
	display: -webkit-box;
  }

  .post-perex {
  margin-bottom: 0.5rem;
  line-height: 1.3;
  --tw-text-opacity: 1;
  color: rgb(238 238 238 / var(--tw-text-opacity, 1));display: none;
}

  @media (min-width: 768px) {

  .post-perex {
    display: block;
  }
}

  .post-link-overlay {
  position: absolute;
  inset: 0px;
	z-index: 1;
}

  .post-category-wrapper {
  position: absolute;
  padding: 2rem;
	z-index: 2;
}

  .post-category {
  position: relative;
  z-index: 0;
  margin-bottom: 0.5rem;
  display: inline-block;
  overflow: hidden;
  border-radius: 1.5rem;
}

  .post-category-label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 1.5rem;
  background-color: rgb(85 85 85 / 0.5);
  padding: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
  --tw-shadow-colored: 0 0 11px var(--tw-shadow-color), var(--glassShadowCorners);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-backdrop-blur: blur(10px);
  --tw-backdrop-saturate: saturate(180%);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

  .hp.section.advisor .post-category-label {padding: 0 1.5rem;}

  .w-full.lg\:w-3\/4.post-category-label.select-container {
	margin-bottom: 10px;
}

  .post-category-label.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

  @media (max-width: 768px) {

	.hp.section.advisor .post-category-label {padding: 0 1rem;}
}

  .post-category-label:hover {
  background-color: rgb(170 170 170 / 0.5);
}

  @media (min-width: 1024px) {

  .post-category-label {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

  .post-category-label {
	backdrop-filter: var(--fancy-blur);
	-webkit-backdrop-filter: var(--fancy-blur);
  }





.post-item-detail .post-image {
	aspect-ratio: 2.75/1;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	border-radius: 25px 25px 0 0;
}

.post-item-detail .post-description h1 {
	line-height: 1.5;
}
.article-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
/* END — Blog and post styles - END */

/* breadcrumbs */

.breadcrumbs {
	padding: 1rem 0;
	font-size: 1.3rem;
	font-weight: 400;
}

.breadcrumbs--item {
  margin-right: 0.5rem;
}

@media (max-width: 450px) {
	.breadcrumbs--item {margin-right: 0.75rem;}
}

.breadcrumbs--item {
	color: #888;
}

.breadcrumbs--item:last-child {
  margin-right: 0px;
}

.breadcrumbs--item a:hover {
  text-decoration-line: underline;
}


/* forms */

.form--input {
  width: 100%;
}

.form--input.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}

.form--input {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity, 1));
  padding: 1rem;
  font-size: 1.6rem;
}

.form--input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.select-container {
	position: relative;
	width: 100%;
}


.w-full.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}

/* product view */
.fotorama--fullscreen,
.fotorama--fullscreen .fotorama__nav,
.fotorama--fullscreen .fotorama__stage {
	background: #fff;
	border-radius: unset;
}

.fotorama__stage {
	/*border-radius: var(--border-radius-l);*/
	overflow: hidden;
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama--fullscreen .fotorama__fullscreen-icon {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 32px auto;
	background-color: rgba(230, 230, 230, 0.8);
	-webkit-box-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
	        box-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
	height: 40px;
	width: 40px;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	border-radius: 50px;
	backdrop-filter: saturate(180%) blur(5px);
	-webkit-backdrop-filter: saturate(180%) blur(5px);
	will-change: transform;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
	transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
	transition: transform 0.2s ease, background-color 0.2s ease;
	transition: transform 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease;

}

.fotorama__arr:hover,
.fotorama__fullscreen-icon:hover,
.fotorama--fullscreen .fotorama__fullscreen-icon:hover {
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);

}

.fotorama__arr--prev {
	background-image: url("/images/icons/nav_arrow_left.svg") !important;
}
.fotorama__arr--next {
	background-image: url("/images/icons/nav_arrow_right.svg") !important;
}

.fotorama__fullscreen-icon {
	background-size: 18px auto;
	background-image: url("/images/icons/fullscreen.svg") !important;
	margin: 0.5rem;
}
.fotorama--fullscreen .fotorama__fullscreen-icon {
	background-size: 18px auto;
	background-image: url("/images/icons/fullscreen_exit.svg") !important;
}


.fotorama__nav.fotorama__nav--thumbs {
	border-radius: var(--border-radius-l);
}

.fotorama__thumb.fotorama__loaded {
	border-radius: var(--border-radius-l);
	background-image: -webkit-gradient(linear,left top, right bottom,from(rgba(255,255,255,.25)),to(rgba(64,64,64,.1)));
	background-image: linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1));
}

.fotorama__thumb.fotorama__loaded.fotorama__loaded--img {
	opacity: 0.59;
	-webkit-transition: opacity 0.2s, -webkit-filter 0.2s;
	transition: opacity 0.2s, -webkit-filter 0.2s;
	transition: opacity 0.2s, filter 0.2s;
	transition: opacity 0.2s, filter 0.2s, -webkit-filter 0.2s;
	-webkit-filter: brightness(85%) grayscale(50%);
	        filter: brightness(85%) grayscale(50%);
}
.fotorama__thumb.fotorama__loaded.fotorama__loaded--img:hover {
	opacity: 1;
	-webkit-filter: unset;
	        filter: unset;
}

.fotorama__active .fotorama__thumb.fotorama__loaded.fotorama__loaded--img {
	opacity: 1;
	background-image: unset;
	-webkit-filter: unset;
	        filter: unset;
}


.fotorama__thumb-border {
	border-color: var(--mainBlue);
	border-radius: var(--border-radius-l);
}

.variant-selection {
  margin-bottom: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.hp.section.advisor .variant-selection {padding: 0 1.5rem;}

.variant-selection.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.flex.variant-selection.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .variant-selection {padding: 0 1rem;}
}

.variant-selection__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}

.hp.section.advisor .variant-selection__label {padding: 0 1.5rem;}

.variant-selection__label.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .variant-selection__label {padding: 0 1rem;}
}

.variant-selection__label {
	width: inherit;
	color: var(--mainDarkGrey);
	font-weight: 500;
}
.variant-selection__icon {
/*	display: inline-flex;
	justify-content: center;
	border: 2px solid var(--mainBlack);
	border-radius: 10px;
	padding: 0.1rem; */
	opacity: 0.8;
}

.variants-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.hp.section.advisor .variants-container {padding: 0 1.5rem;}

.variants-container.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.flex.variants-container.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .variants-container {padding: 0 1rem;}
}

.variant-button {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
	margin-bottom: 0.75rem;
    cursor: pointer;
    border-radius: var(--border-radius-l);
    color: var(--mainDarkGrey);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.sizeFrameCalc,
.variant-button,
#showMoreButton,
.related-products label {
	border: 3px solid #eeeeee;
}

.variant-button:hover,
#showMoreButton:hover,
.related-products label:hover {
    border-color: #888;
	-webkit-transition: border-color 0.2s;
	transition: border-color 0.2s;
}

.variant-name {
	background: #eeeeee;
	border-radius: 22px 0 23px 0;
	padding: 0.1rem 1.2rem;
	font-size: 1.5rem;
	font-weight: 500;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.variant-button:hover .variant-name {
	background: #888;
	color: #fff;
}

.variants-container input[type="radio"]:checked + .variant-button {
    border-color: var(--mainBlack);
    background: none;
    color: var(--mainBlack);
}

.variants-container input[type="radio"]:checked + .variant-button .variant-name {
	background: var(--mainBlack);
	color: #fff;
}

.variant-button:last-of-type {
    margin-bottom: 0;
}

.variant-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.hp.section.advisor .variant-content {padding: 0 1.5rem;}

.variant-content.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}

.variant-content.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .variant-content {padding: 0 1rem;}
}


.variant-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}


.hp.section.advisor .variant-group {padding: 0 1.5rem;}


.variant-group.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}


.variant-group.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}


@media (max-width: 768px) {

	.hp.section.advisor .variant-group {padding: 0 1rem;}
}


.variant-group {
	padding: 0.2rem 1.2rem 0.75rem;
}

.variant-left--content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	line-height: 1.5;
}

.variant-right--content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    text-align: right;
	line-height: 1.3;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	white-space: nowrap;
	padding-left: 1rem;
}

.variant-price {
    font-weight: 600;
}

.variant-ean {
	font-weight: 400;
	color: #aaa;
	font-size: 1.2rem;
}

.variant--price-old {
	font-size: 1.4rem;
    color: #888;
    font-weight: 400;
    text-decoration: line-through;
}
.variant--price-new {
    color: var(--mainRed);
}
.variant--unavail,
.variant--unavail .variant--price-old,
.variant--unavail .variant--price-new,
.variant--unavail .variant-ean {
    color: #aaa;
}

.variant--unavail .variant-right--content {
	display: none;
}



.variants-container input[type="radio"] {
    display: none;
}


.select-container.variants {
	width: 100%;
	margin-bottom: 10px;
}

.select-container.variants select {
	margin-bottom: 0px;
	background-color: unset;
	border: 2px solid #eeeeee;
}


.variant-button {
	opacity: 0;
	-webkit-transition: background 0.2s, opacity 0.5s ease-in-out;
	transition: background 0.2s, opacity 0.5s ease-in-out;
}

.variant-button.visible {
	opacity: 1;
}

input.variant-radio:disabled + label.variant-button {
    cursor: not-allowed;
	opacity: 0.55;
}

#showMoreButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}

.hp.section.advisor #showMoreButton {padding: 0 1.5rem;}

#showMoreButton.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}

#showMoreButton.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor #showMoreButton {padding: 0 1rem;}
}

#showMoreButton {
	padding: 0.5rem 1.2rem;
	border-radius: var(--border-radius-s);
	font-weight: 600;
	color: #555;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.hide-pulldown-arrow::after {
	display: none !important;
}

.hide-pulldown-arrow select {
	pointer-events: none;
}

.related-products-wrapper {
	padding: 0;
	background: unset;
}

.related-products--item {
	font-size: 1.4rem;
	line-height: 1.5;
}
.related-products--item .variant-right--content {
	font-weight: 600;
}

.related-products--item:not(:last-of-type) {
	margin-bottom: 0.75rem;
}
input[type="checkbox"]:not(:checked) + label {
	color: #636363;
	font-weight: 400;
}
input[type="checkbox"] + label {
	color: var(--mainBlack);
	font-weight: 400;
}

.related-products label {
	padding: 0.5rem 1.25rem 0.5rem 0.5rem;
	border-radius: 50px;
	-webkit-transition: all .2s;
	transition: all .2s;
	line-height: 1.3;
}
.related-products label:hover {
	cursor: pointer;
}
.related-products label img {
  --tw-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
  --tw-shadow-colored: 0 0 11px var(--tw-shadow-color), var(--glassShadowCorners);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	aspect-ratio: 1/1;
	border-radius: 50px;
	-o-object-fit: cover;
	object-fit: cover;
}
.related-products input[type="checkbox"]:checked + label {
    color: var(--mainBlack);
	background: rgba(29,130,240,.13);
	border-color: rgba(29,130,240,.13);
}

.related-products input[type="checkbox"] {
	display: none;
	accent-color: var(--mainBlue);
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 4px;
}


/* addToCart style */
.addToCart-wrapper {
	display: block;
	clear: both;
	border-radius: var(--border-radius-l);
}

.addToCart-wrapper .related-products-wrapper,
.addToCart-wrapper .addToCart,
.addToCart-wrapper.unavail .addToCart {
	display: none;
}
.addToCart-wrapper .addToCart,
.addToCart-wrapper.unavail .addToCart {
	display: none;
}

.addToCart-wrapper.active {
  margin-top: 1rem;
}

.addToCart-wrapper.active .related-products-wrapper,
.addToCart-wrapper.no-options .addToCart,
.addToCart-wrapper.active .addToCart {
	display: block;
	-webkit-animation: fadeSlideIn 0.5s ease forwards;
	        animation: fadeSlideIn 0.5s ease forwards;
}

.addToCart.payment-options {
	padding: 0!important;
	background: unset!important;
	background-color: unset!important;
}
.addToCart.payment-options a {
	border: 3px solid transparent;
	border-radius: var(--border-radius-l);
	padding: 0.5rem;
	background: transparent;
	-webkit-transition: background .2s, color .2s;
	transition: background .2s, color .2s;
	color: var(--mainDarkGrey);
	font-weight: 200;
	-webkit-transition: border-color .2s;
	transition: border-color .2s;
}
.addToCart.payment-options a:hover {
	border-color: var(--mainGrey);
	color: var(--mainBlack);
}
.addToCart.payment-options a:hover b {
	text-decoration: underline;
	color: var(--mainDarkBlue);
}
.addToCart.payment-options a span {line-height: 1.5;}
.addToCart.payment-options a span b { 
	color: #1d82f0;
	font-weight: 600;
}


.addToCart-wrapper.no-options .addToCart,
.addToCart-wrapper.active .addToCart {
	padding: 2rem;
	background: var(--mainLightGrey);
	border-radius: var(--border-radius-l);
}


.product-benefit {
	color: var(--mainDarkGrey);
	font-weight: 600;
	font-size: 1.3rem;
	line-height: 1.3;
	padding: 0.5rem 0.7rem;
	min-height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;      /* vertical center everything */
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.product-benefit:hover {
	z-index: 1;
}

.product-benefit p {
	gap: 0.25rem;
	font-weight: 900;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.product-benefit .icon {
	/*
	@apply flex justify-center items-center shadow-glassIcon relative text-white;
	background: rgba(255, 255, 255, 0.8);
	padding: 1.5rem;
	border-radius: 50px;
	*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;

}

.hp.section.advisor .product-benefit .icon {padding: 0 1.5rem;}

.product-benefit .icon.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .product-benefit .icon {padding: 0 1rem;}
}

.product-benefit .icon {
	margin-right: 0.2rem;
	width: 1em;
	height: 1em;
	line-height: 1;
	-ms-flex-negative: 0;
	    flex-shrink: 0;

}

.product-benefit .icon span  {
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
}

.product-benefit.authorized-seller .icon span {
	background-image: linear-gradient(120deg, var(--mainGreen), #1a9b2b);
}

.product-benefit.sale-two .icon span {
	background-image: linear-gradient(120deg, #ff7b3e, #ff2626);
}


@-webkit-keyframes fadeSlideIn {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10px);
		        transform: translateY(10px); /* Start lower */
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0); /* End in the correct position */
	}
}


@keyframes fadeSlideIn {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10px);
		        transform: translateY(10px); /* Start lower */
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0); /* End in the correct position */
	}
}

/* START product detail */
.product-detail--price {
  font-weight: 700;
  margin-bottom: 0.5rem;
  font-size: 3.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hp.section.advisor .product-detail--price {padding: 0 1.5rem;}
.product-detail--price.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media (max-width: 768px) {

	.hp.section.advisor .product-detail--price {padding: 0 1rem;}
}
.product-detail--price {
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: reverse !important;
	    -ms-flex-direction: column-reverse !important;
	        flex-direction: column-reverse !important;
	color: var(--mainBlack);
	line-height: 1.1;
}


.product-detail--leasing--wrapper a,
.product-detail--instalment--wrapper a {
	font-weight: 500;
	color: #636363;
	line-height: 1.5;
	font-size: 1.5rem;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
.product-detail--leasing--wrapper a:hover,
.product-detail--instalment--wrapper a:hover {
	color: var(--mainBlack);
}

#product-detail-recommender {
	overflow-x: hidden;
}
#product-detail-recommender .product-box {
	border-radius: var(--border-radius-m)!important;
}

.item-description--video  iframe {
	border-radius: var(--border-radius-l);
}
/* END product detail */


.product-quantity {
	display: none;
}

.addToCartPriceDetail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.addToCart-wrapper.unavail .addToCartPriceDetail {
	display: none;
}

.product-detail--price--without--vat--wrapper {
	color: #888;
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
}

.addToCart-wrapper.no-options .product-detail--price-old--wrapper , 
.addToCart-wrapper.no-options .product-box--price-diff--wrapper {
  font-size: 1.6rem;
	color: #636363;
	margin-bottom: 0.5rem;
}
.addToCart-wrapper.no-options .product-detail--price-old--wrapper {
	font-weight: 400;
}
.addToCart-wrapper.no-options .product-box--price-diff--wrapper {
	font-weight: 500;
}

.product-detail--price:has(.product-detail--price-old) {
	color: var(--mainRed);
}

.product-detail--price-old {
  text-decoration-line: line-through;
}

.price-sale {
	color: var(--mainRed);
}

.product-detail--separator {
  width: 100%;
}

.product-detail--separator.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}

.product-detail--separator {
  height: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.addToCart-wrapper.unavail #addToCartButton,
.addToCart-wrapper.unavail .product-detail--leasing--wrapper a,
.addToCart-wrapper.unavail .product-detail--instalment--wrapper {
	display: none;
}

.addToCart-wrapper .product-detail--price-old--wrapper,
.addToCart-wrapper .product-box--price-diff--wrapper {
	display: none;
}

.addToCart-wrapper.sale-view .product-detail--price-old--wrapper, 
.addToCart-wrapper.sale-view .product-box--price-diff--wrapper {
	display: block;
	font-size: 1.6rem;
	color: #222;
	margin-bottom: 0.5rem;
}
.addToCart-wrapper .product-detail--price {
	color: var(--mainBlack);
}
.addToCart-wrapper.unavail .product-detail--price-old--wrapper,
.addToCart-wrapper.unavail .product-detail--price,
.addToCart-wrapper.unavail .product-box--price-diff--wrapper {
	color: #888!important;
}
.addToCart-wrapper.sale-view .product-detail--price {
	color: var(--mainRed);
}
.addToCart-wrapper.sale-view .product-detail--price-old--wrapper {
	color: #888;
	font-size: 1.5rem;
}
.addToCart-wrapper.sale-view .product-box--price-diff--wrapper {
	font-weight: 600;
}

.addToCart button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}

.hp.section.advisor .addToCart button {padding: 0 1.5rem;}

.addToCart button.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .addToCart button {padding: 0 1rem;}
}

.addToCart button {
	/*
	width: fit-content;
	*/
	text-transform: none;
	cursor: pointer;
	opacity: unset;
}


button[disabled] {
	cursor: not-allowed;
	opacity: 0.5;
}

.addToCart button[disabled]:hover {
	background-color: var(--mainBlack);
	cursor: not-allowed;
	opacity: 0.4;
}


.weHelp-wrapper {
  --tw-shadow: 0 0 12px rgba(0, 0, 0, 0.15), var(--glassShadow);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color), var(--glassShadow);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	position: relative;
	color: #fff;
	padding: 1rem;
	border-radius: 25px;
	background: transparent;
	
	/*
	box-shadow:
    0 0 5px #fff,
	-1px 0 8px rgba(36, 200, 62, 0.5),
	1px 0 8px rgba(255, 206, 0, 0.5);
	*/
}

/*
.weHelp-wrapper::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 3px;
	border-radius: inherit;
	pointer-events: none;
	background: linear-gradient(to right, #7296c2, #9c6cc0);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
			mask-composite: exclude;
}
*/

.weHelp {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
}

.hp.section.advisor .weHelp {padding: 0 1.5rem;}

.weHelp.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}

.w-full.lg\:w-3\/4.weHelp.select-container {
	margin-bottom: 10px;
}

.weHelp.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .weHelp {padding: 0 1rem;}
}

.weHelp {
	line-height: 1.5;
}
.weHelp img {
	border-radius: 50px;
}
.weHelp p {
	margin-bottom: 0;
	color: #888;
}
.weHelp .h3 {
	color: var(--mainDarkGrey);
	font-weight: 400;
	margin-bottom: 0;
	font-size: 1.6rem;
}

/* Contact priceGuarantee */
.weHelp a {
	color: #888;
	font-weight: 400;
	font-size: 1.5rem;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
.weHelp a:hover {
	color: var(--mainDarkBlue);
}

.weHelp .contacts a {
	color: #888;
	font-weight: 400;
	font-size: 1.5rem;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	padding: 0.25rem 0;
}
.weHelp .contacts a:hover {
	color: var(--mainDarkGrey);
}


#order-loading-wrapper {display: none;width: 100vw;height: 100vh;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;z-index: 40;position: fixed;top: 0px;left: 0px;
	background-color: rgba(0, 0, 0, 0.15);
	/* @apply bg-primary; */
	--tw-bg-opacity: 0.75;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
	font-size: 3.2rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	text-align: center;

	backdrop-filter: var(--fancy-blur);
	-webkit-backdrop-filter: var(--fancy-blur);
}

.animate-loader {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: 
	  radial-gradient(farthest-side,#fff 94%,#0000) top/8px 8px no-repeat,
	  conic-gradient(#0000 32%,#fff);
	-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#fff 0);
	-webkit-animation: animate-loading 1.5s infinite linear;
	        animation: animate-loading 1.5s infinite linear;
  }
  
  @-webkit-keyframes animate-loading { 
	100%{-webkit-transform: rotate(1turn);transform: rotate(1turn)}
  }
  
  @keyframes animate-loading { 
	100%{-webkit-transform: rotate(1turn);transform: rotate(1turn)}
  }

  

.ShippingCountrySelectWrap a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

  

.hp.section.advisor .ShippingCountrySelectWrap a {padding: 0 1.5rem;}

  

.ShippingCountrySelectWrap a.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

  

@media (max-width: 768px) {

	.hp.section.advisor .ShippingCountrySelectWrap a {padding: 0 1rem;}
}

  

.ShippingCountrySelectWrap a {
	padding: 1rem 1.5rem;
	background-color: var(--mainGrey);
	border-radius: 15px 15px 0 0;
	color: var(--mainBlack);
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
	font-weight: 500;
}
.ShippingCountrySelectWrap a.collapsed {
	background-color: var(--mainLightGrey);
	color: var(--mainBlack);
	border-radius: var(--border-radius-l);
}
.ShippingCountrySelectWrap a.collapsed:hover {
	border-radius: var(--border-radius-l);
	background-color: var(--mainGrey);
	text-decoration: none;
}
.ShippingCountrySelectWrap a.collapsed::after {
	-webkit-transform: unset;
	    -ms-transform: unset;
	        transform: unset;
}
.ShippingCountrySelectWrap a::after {
	background: url(/images/icons/nav_arrow_down.svg) no-repeat 50%;
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
	background-size: contain;
	content: "";
	display: inline-block;
	height: 22px;
	width: 22px;
	margin-left: auto;
	margin-right: -5px;
	opacity: .8;
	-webkit-transition: all .2s;
	transition: all .2s;
}
#collapseShippingCountry .list-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0.5rem 1rem;
	background-color: var(--mainLightGrey);
	color: var(--mainDarkGrey);
}
#collapseShippingCountry .list-item:last-of-type {
	border-radius: 0 0 15px 15px;
}
#collapseShippingCountry .list-item:hover {
	background-color: #e5e5e5;
}

.cart--shipping .h2 {
  margin-bottom: 1rem;
	font-weight: 400;
}
#selectShippingTypeForm,
#selectPaymentTypeForm {
	background: var(--mainLightGrey);
	padding: 1rem;
}
@media (min-width: 768px) {

  #selectShippingTypeForm,
#selectPaymentTypeForm {
    padding: 2rem;
  }
}
#selectShippingTypeForm,
#selectPaymentTypeForm {
	border-radius: var(--border-radius-l);
}
#selectShippingTypeForm .list-item,
#selectPaymentTypeForm .list-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: var(--border-radius-l);
	padding: 1rem;
	min-height: 65px;
	background: var(--mainLightGrey);
	-webkit-transition: background-color .2s;
	transition: background-color .2s;
}

#selectShippingTypeForm .list-item:not(:last-child)::after,
#selectPaymentTypeForm .list-item:not(:last-child)::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	background: var(--mainGrey);
	bottom: -6px;
	margin: 0rem 1rem;
}

#selectShippingTypeForm .list-item:not(:last-child),
#selectPaymentTypeForm .list-item:not(:last-child) {
  margin-bottom: 1rem;
}

#selectShippingTypeForm .list-item:hover,
#selectPaymentTypeForm .list-item:hover {
	background-color: var(--mainGrey);
}
#selectShippingTypeForm .list-item:hover .list-item--radio,
#selectPaymentTypeForm .list-item:hover .list-item--radio {
	border-color: var(--mainDarkGrey);
}

#selectShippingTypeForm .list-item.cursor-pointer.active,
#selectPaymentTypeForm .list-item.cursor-pointer.active,
#selectShippingTypeForm .list-item.cursor-pointer.active:hover,
#selectPaymentTypeForm .list-item.cursor-pointer.active:hover {
  --tw-shadow: 0 0 12px rgba(0, 0, 0, 0.15), var(--glassShadow);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color), var(--glassShadow);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	background-color: #fff;
}

#selectShippingTypeForm .list-item.cursor-pointer.active .shipping-payment--label,
#selectPaymentTypeForm .list-item.cursor-pointer.active .shipping-payment--label {
	color: var(--mainDarkGrey);
}

.shipping-payment--title,
.shipping-payment--price {
	color: var(--mainBlack);
	font-weight: 600;
	font-size: 1.6rem;
	margin: 0;
}

.delivery-offer .shipping-payment--title,
.delivery-offer .shipping-payment--price {
	color: var(--mainRed)!important;
}

#selectShippingTypeForm .list-item .list-item--radio,
#selectPaymentTypeForm .list-item .list-item--radio {
	width: 15px;
	height: 15px;
	padding: 8px;
	margin-top: 0;
	/* Hide the default browser appearance */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 2px solid var(--mainGrey);
	background-color: #fff;
	border-radius: 50%;
	-webkit-transition: border-color .2s;
	transition: border-color .2s;
}

#selectShippingTypeForm .list-item .list-item--radio:checked,
#selectPaymentTypeForm .list-item .list-item--radio:checked {
	background-color: transparent;
	border-color: var(--mainBlack);
	position: relative;
}

#selectShippingTypeForm .list-item .list-item--radio:checked::before,
#selectPaymentTypeForm .list-item .list-item--radio:checked::before {
	content: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' height='10px' viewBox='2 4 20 16' width='10px' fill='%23000000'><path d='M0 0h24v24H0z' fill='none'/><path d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z' stroke='black' stroke-width='2'/></svg>");
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
}


.shipping-payment--label {
	color: #888;
	font-size: 1.5rem;
	margin: 0;
	line-height: 1.5;
}
.shipping-payment--label .std-link {
	color: hsl(211 88% 53%);
}

.shipping-payment-branch {
	font-size: 1.3rem;
	font-weight: 500;
	color: var(--mainDarkBlue);
}

.collapse {
	display: none
}

.collapse.show {
	display: block;
	visibility: unset;
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height .3s ease;
	transition: height .3s ease;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hp.section.advisor .pagination {padding: 0 1.5rem;}

.pagination.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .pagination {padding: 0 1rem;}
}

.pagination {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 2rem 0;
}

.pagination li span,
.pagination li a {
	background-color: var(--mainLightGrey);
	padding-left: 1rem;
	padding-right: 1rem;
}

.w-full.lg\:w-3\/4.pagination li span.select-container,.w-full.lg\:w-3\/4
.pagination li a.select-container {
	margin-bottom: 10px;
}

.pagination li span,
.pagination li a {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.pagination li a {color: #888;}
.pagination li span {color: #888;}

.pagination li:first-of-type a {
	border-radius: 15px 0 0 15px;
}

.pagination li:last-of-type a {
	border-radius: 0 15px 15px 0;
}

.pagination li a:hover {
	background-color: var(--mainGrey);
	color: var(--mainDarkGrey);
}

.pagination li a.active {
	background-color: #888;
	color: #fff;
	font-weight: 700;
}

.pagination .arr-previous,
.pagination .arr-next {
	background-color: var(--mainLightGrey);
}

.hidden-attribute-values {display: none;}

.show-hidden-values {display: block;}


.show-hide-button {
	color: #888;
	font-size: 14px;
	font-weight: 300;
	background: none;
	border: none;
	cursor: pointer;
	text-decoration: none;
	padding: 0;
}

.show-hide-button:hover {
	color: #494949;
	font-weight: 300;
}

/* START - Filter V2 design */
.mainFilter {
	padding: 0 1.5rem;
}

.filterHeader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	line-height: 1.70;
}

.filterHeader .h4,
.filterClear {
	margin: 0;
}

.mainFilter .filter-form--content {
	background-color: var(--mainLightGrey);
	padding: 1.5rem;
	border-radius: var(--border-radius-l);
	-moz-user-select: none;
	     user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.mainFilter .h5 {
	font-size: 16px;
}

.filterClear {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #888;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.filterClear svg {
	margin-right: -0.25rem;
}

.filterClear:hover {
	color: var(--mainRed);
}
.filterClear:hover svg {
	fill: var(--mainRed);
}

.filter-form--sort .select-container select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #f2f2f2;
	border-radius: 50px;
	color: var(--mainDarkGrey);
	font-weight: 600;
	cursor: pointer;
	/* font-size: 14px; */
	padding: 0.75rem 2rem;
	width: 100%;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.filter-form--sort .select-container::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 2rem;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #555;
	pointer-events: none;
}

.filter--price .h5 {
	margin: 0;
}
.filter--price {
	font-size: 15px;
	color: var(--mainDarkGrey);
	padding: 0 0.5rem;
}
/* range slider - https://codepen.io/ChrisSargent/pen/meMMye */
input[type=range] {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 10px;
	margin: 0;
	border: 0;
	border-radius: var(--border-radius-l);
	outline: none;
	background: -webkit-gradient(linear, left top, right top, from(#eeeeee), to(#aaa)) no-repeat center;
	background: linear-gradient(to right, #eeeeee, #aaa) no-repeat center;
	/* Use a linear gradient to generate only the 2px height background */
	pointer-events: none;
}


input[type=range]:active,
input[type=range]:focus {
	outline: none;
}

input[type=range]::-webkit-slider-thumb {
	position: absolute;
	height: 25px;
	width: 25px;
	border-radius: 28px;
	background-color: #fff;
	position: relative;
	border: 2px solid var(--mainBlack);
	cursor: pointer;
	margin: 5px 0;
	-webkit-appearance: none;
	appearance: none;
	pointer-events: all;
	-webkit-transition: -webkit-transform 0.05s;
	transition: -webkit-transform 0.05s;
	transition: transform 0.05s;
	transition: transform 0.05s, -webkit-transform 0.05s;
}

input[type=range]::-webkit-slider-thumb:hover {
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
	-webkit-transition: 0.05s;
	transition: 0.05s;
}

input[type=range]::-webkit-slider-thumb::before {
	content: ' ';
	display: block;
	position: absolute;
	top: 13px;
	left: 100%;
	width: 2000px;
	height: 2px;
}

.multi-range {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	position: relative;
	height: 35px;
}

.multi-range input[type=range] {
	position: absolute;
}

.multi-range input[type=range]:nth-child(2) {
	background: none;
}

.attribute-name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
    width: 100%;
    padding: 1rem;
	border-radius: var(--border-radius-l);
    background-color: var(--mainLightGrey);
	color: var(--mainDarkGrey);
    cursor: pointer;
	margin-top: 1.25rem;
	margin-bottom: 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.filter-form--sort .select-container select:hover,
.attribute-name:hover {
	background-color: var(--mainGrey);
	color: var(--mainBlack);
}
.attribute-name:hover::after {
	opacity: 1;
}

.attribute-name.expanded:hover {
	background-color: var(--mainGrey);
}
.attribute-name.expanded {
	background-color: #e5e5e5;
	color: var(--mainBlack);
	border-radius: 15px 15px 0 0;
	margin-bottom: 0;
}
.attribute-values.expanded div:last-of-type {
	margin-bottom: 2rem;
}
.attribute-values {
	max-height: 0;
	padding-left: 1rem;
	overflow: hidden;
	-webkit-transition: max-height 0.3s ease;
	transition: max-height 0.3s ease;
}
.attribute-values.expanded {
	max-height: none;
	background-color: #ededed;
	border-radius: 0px 0px 15px 15px;
}
/* END - Filter V2 design */

.flex.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.newsletterField {
 	gap: 0.75rem;
}
.newsletterField input {
  width: 100%;
  --tw-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
  --tw-shadow-colored: 0 0 11px var(--tw-shadow-color), var(--glassShadowCorners);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.newsletterField input.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}
.newsletterField input {
	background-color: rgba(255, 255, 255, 0.8);
	padding: .8rem 1rem;
	border-radius: var(--border-radius-l);
}
.newsletterField button::before {
	content: "📬";
}
.newsletterField button {
  --tw-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
  --tw-shadow-colored: 0 0 11px var(--tw-shadow-color), var(--glassShadowCorners);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	width: auto;
	text-wrap: nowrap;
	padding: 0.85rem;
	background-color: rgba(255, 255, 255, 0.8);
	color: var(--mainDarkGrey);
	border-radius: var(--border-radius-l);
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
	line-height: 1.3;
	font-weight: 400;
}
.newsletterField button:hover {
	background-color: var(--mainGrey);
}



.footer .motto {
	color: var(--mainDarkGrey);
	border-radius: var(--border-radius-l);
}

.footer .motto p {
	color: var(--mainDarkGrey);
	font-size: 1.5rem;
	margin: 0;
	font-style: italic;
}

.footer .motto a {
	color: var(--mainBlack);
	font-weight: 600;
}

.footer .motto a:hover {
	text-decoration: underline;
}

.footer hr {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
}


.footer.links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 2rem;
	color: var(--mainDarkGrey);
}

.footer-badges .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding-top: 0;
	max-width: 225px;
}

.footer-contact li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hp.section.advisor .footer-contact li {padding: 0 1.5rem;}

.footer-contact li.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .footer-contact li {padding: 0 1rem;}
}

.footer-contact li {
	margin-bottom: 1.25rem;
}
.footer-contact li:last-child {
  	margin-bottom: 0!important;
}

.footer-contact li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-wrap: nowrap;
}

.hp.section.advisor .footer-contact li a {padding: 0 1.5rem;}

.footer-contact li a.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .footer-contact li a {padding: 0 1rem;}
}

.footer a:hover,
.footer-contact li a:hover span {
	text-decoration: underline;
}

.footer-contact li a:hover {
	text-decoration: none;
}

.footer-contact li a span {
	padding-left: 7px;
}


.footerCatTitle {
	font-weight: 500;
	color: var(--mainBlack);
}

footer .payments-wrapper {
  margin-bottom: 1rem;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2,-webkit-max-content);
  grid-template-columns: repeat(2,max-content);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}

footer .payments-wrapper.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}

footer .payments-wrapper > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  width: 92px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 1.5rem;
  background-color: rgb(255 255 255 / 0.5);
  padding: 0.75rem;
}

.hp.section.advisor footer .payments-wrapper > div {padding: 0 1.5rem;}

footer .payments-wrapper > div.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor footer .payments-wrapper > div {padding: 0 1rem;}
}

footer .payments-wrapper img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.sizeFrameCalc {
	display: none;
	max-width: 100%;
	padding: 7px 15px;
	border-radius: var(--border-radius-l);
	margin-bottom: 10px;
}

.sizeFrameCalcInside {
	display: block;
	padding-top: 5px;
}

#sizeInputId {
	width: 100%;
}

.heightData {
	padding-bottom: 4px;
}

.sizeMin {
	float: left;
}

.sizeMax {
	float: right;
}

.sizeMin,
.sizeMax {
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: 300;
}

.sizeFrameCalc input[type=range] {
	width: 100%;
	margin: 8px 0;
	background: transparent;
	-webkit-appearance: none;
	overflow: visible;
}

.sizeFrameCalc input[type=range]::-webkit-slider-thumb {
	margin-top: -8px;
	width: 25px;
	height: 25px;
	background-color: #fff;
	border: 2px solid var(--mainBlack);
	border-radius: 50px;
	cursor: pointer;
	-webkit-appearance: none;
}

.sizeFrameCalc input[type=range]::-webkit-slider-thumb:hover {
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
	-webkit-transition: 0.05s;
	transition: 0.05s;
}

.sizeFrameCalc input[type=range]::-webkit-slider-runnable-track {
	background-image: linear-gradient(to right, var(--mainLightGrey), var(--mainGrey), #aaa);
	border-radius: var(--border-radius-l);
	width: 100%;
	height: 10px;
	cursor: pointer;
	-webkit-appearance: none;
}

.heightData,
.sizeMin,
.sizeMax {
	color: #494949;
}

.sizeCalculated {
	font-size: 16px;
	font-weight: 600;
	color: var(--mainBlack);
}

.sizeFrameCalcInside .sizeCalculated {
	padding-top: 10px;
}

.heightData,
#sizeOutputId {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0.5rem;
	font-size: 16px;
}

#sizeOutputId,
#slideval {
	font-weight: 600;
	color: var(--mainDarkGrey);
	display: inline-block;
}

#sizeIdle {
	font-weight: 700;
	color: var(--mainBlack);
	display: inline-block;
	padding-left: 4px;
}

.sizeWarning {
	color: #797979;
	font-size: 12px;
	margin-bottom: 3px;
}

/* Scroll To sections */
.scrollTo-menu {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hp.section.advisor .scrollTo-menu {padding: 0 1.5rem;}
.specsBikes div.scrollTo-menu {
	background: var(--mainGrey);
	border-radius: var(--border-radius-l);
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
	        box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
}
.specsBikes .scrollTo-menu table {
	background: rgba(255, 255, 255, 0.75);
}
.specsBikes .scrollTo-menu.main {
	background: -webkit-gradient(linear, left top, right top, from(#777777), to(#bababe));
	background: linear-gradient(to right, #777777, #bababe);
}
.specsBikes .scrollTo-menu.motor {
	background: -webkit-gradient(linear, left top, right top, from(#762b00), to(#ff9b3b));
	background: linear-gradient(to right, #762b00, #ff9b3b);
}
.specsBikes .scrollTo-menu.battery {
	background: -webkit-gradient(linear, left top, right top, from(#3b5b4e), to(#5dc080));
	background: linear-gradient(to right, #3b5b4e, #5dc080);
}
.specsBikes .scrollTo-menu.suspension {
	background: -webkit-gradient(linear, left top, right top, from(#4d506b), to(#8489a0));
	background: linear-gradient(to right, #4d506b, #8489a0);
}
.specsBikes .scrollTo-menu.others {
	background: -webkit-gradient(linear, left top, right top, from(#4a6468), to(#869da3));
	background: linear-gradient(to right, #4a6468, #869da3);
}
.specsBikes .scrollTo-menu.shifter {
	background: -webkit-gradient(linear, left top, right top, from(#17395b), to(#4789bf));
	background: linear-gradient(to right, #17395b, #4789bf);
}
.specsBikes .scrollTo-menu.brakes {
	background: -webkit-gradient(linear, left top, right top, from(#881b1b), to(#e63a3a));
	background: linear-gradient(to right, #881b1b, #e63a3a);
}
.scrollTo-menu.lg\:w-3\/4.px-4.select-container {
	margin-bottom: 10px;
}
.scrollTo-menu.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media (max-width: 768px) {

	.hp.section.advisor .scrollTo-menu {padding: 0 1rem;}
}
.scrollTo-menu {
	position: sticky;
	top: 100px;
	z-index: 10;
}

.scrollTo-menu .scrollTo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.25rem;
  padding: 0.5rem;
}

.hp.section.advisor .scrollTo-menu .scrollTo {padding: 0 1.5rem;}

.scrollTo-menu .scrollTo.flex-wrap.first {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 768px) {

	.hp.section.advisor .scrollTo-menu .scrollTo {padding: 0 1rem;}
}

@media (min-width: 640px) {

  .scrollTo-menu .scrollTo {
    gap: 0.5rem;
  }
}

.scrollTo-menu .scrollTo {
	background: var(--mainLightGrey);
	border-radius: var(--border-radius-s);
	-webkit-transition: all .2s cubic-bezier(0, 0, .5, 1);
	transition: all .2s cubic-bezier(0, 0, .5, 1);
}
.scrollTo-menu.stuck .scrollTo {
	background: var(--menu-bg);
	backdrop-filter: var(--blur);
	-webkit-backdrop-filter: var(--blur);
	-webkit-box-shadow: var(--menu-shadow);
	        box-shadow: var(--menu-shadow);
}

.scrollTo-menu .scrollTo a {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media (min-width: 768px) {

  .scrollTo-menu .scrollTo a {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.scrollTo-menu .scrollTo a {
	color: var(--mainBlack);
	border-radius: 14px;
	-webkit-transition: all .2s cubic-bezier(0, 0, .5, 1);
	transition: all .2s cubic-bezier(0, 0, .5, 1);
}
.scrollTo-menu .scrollTo a:hover {
	background: var(--mainGrey);
}

.scrollTo-menu.stuck .scrollTo a:hover {
	background: rgba(0, 0, 0, 0.1);
}
/* END Scroll To sections */


.section.section-zigZag,
.section.section-attributes,
.section.section-description {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: linear-gradient(#fff, #ededed);
}


/*liquid glass design lang */
.hp-menu-item,
.rangeCalc--wrapper,
.product-box,
.mainFilter .filter-form--content,
.filter-form--sort .select-container select,
.includeVer2.categories,
.includeVer2.categories .content .imgWrap img {
	position: relative;
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15), var(--glassShadow);
	        box-shadow: 0 0 12px rgba(0, 0, 0, 0.15), var(--glassShadow);
	z-index: 0;
}

/* START Range Calculator */
.rangeCalc--wrapper {
	border-radius: var(--border-radius-l);
	background: linear-gradient(to right, #777, var(--mainDarkGrey));
	overflow: hidden;
}

.rangeCalc {
	background: rgba(255, 255, 255, 0.8);
}

.rangeCalc--wrapper h3 {
	color: #fff;
	margin: 0;
	padding: 0.75rem;
	text-align: center;
	border-radius: 25px 25px 0 0;
}

#terrainOptions {
	margin: 0;
	white-space: nowrap;

}

#terrainOptions .image-option {
	cursor: pointer;
	text-align: center;
}

#terrainOptions .image-option img {
	width: 50px;
	height: 50px;
	border-radius: var(--border-radius-s);
	background: #ccc;
	-webkit-transition: border-color 0.2s;
	transition: border-color 0.2s;
	opacity: 0.4;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
#terrainOptions .image-option:hover img,
#terrainOptions .image-option:hover p {
	opacity: 0.7;
}

#terrainOptions .image-option.selected img {
	background: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
	        box-shadow: 0 0 10px rgba(0,0,0,.2);
	opacity: 1;
}

#terrainOptions .image-option p {
	font-size: 1.4rem;
	font-weight: 500;
	margin: 0.2rem 0 0;
	position: relative;
	opacity: 0.4;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

#terrainOptions .image-option.selected p {
	color: var(--mainBlack);
	opacity: 1;
}

#terrainOptions .terrain {
	color: var(--mainBlack);
	font-weight: 400;
}


.rangeCalc-values label {
	color: var(--mainBlack);
	white-space: nowrap;
	font-weight: 400;
}

.rangeCalc-values .values {
	font-weight: 600;
	color: var(--mainBlack);
	margin-left: 0.5rem;
}

@media (max-width: 450px) {
	.rangeCalc-values .values {margin-left: 0.75rem;}
}

.rangeCalc-values .values {
	min-width: 80px;
}

.rangeCalc-values .slider-container input[type="range"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	     appearance: none;
	height: 0px;
	border-radius: var(--border-radius-l);
	background: unset;
	outline: none;
	z-index: 0;
	position: relative;
	padding: 10px 0px;
}

/* Styling the track */
.rangeCalc-values .slider-container input[type="range"]::-webkit-slider-runnable-track {
	width: 100%;
	height: 10px;
	background: linear-gradient(to right, var(--mainLightGrey), var(--mainGrey));
	border-radius: 5px;
}
.rangeCalc-values .slider-container input[type="range"]#batteryCapacity::-webkit-slider-runnable-track {
	background: -webkit-gradient(linear, left top, right top, from(#00000010), to(#62d669)) no-repeat center;
	background: linear-gradient(to right, #00000010, #62d669) no-repeat center;
}
.rangeCalc-values .slider-container input[type="range"]#riderWeight::-webkit-slider-runnable-track {
	background: -webkit-gradient(linear, left top, right top, from(#00000010), color-stop(#f1c953), to(#f45353)) no-repeat center;
	background: linear-gradient(to right, #00000010, #f1c953, #f45353) no-repeat center;
}
.rangeCalc-values .slider-container input[type="range"]#assistanceLevel::-webkit-slider-runnable-track {
	background: linear-gradient(to right, #00000010, var(--mainBlue), #005aa3) no-repeat center;
}

/* Styling the thumb */
.rangeCalc-values .slider-container input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	cursor: pointer;
	border-radius: 50%;
	border: none;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	background-color: #fff;
	border: 2px solid #333;
	margin-top: -8px;
	position: relative;
	z-index: 2;
}

/* Changing the thumb color when active */
.rangeCalc-values .slider-container input[type="range"]::-moz-range-thumb {
	width: 20px;
	height: 20px;
	background-color: #fff;
	border: 2px solid #333;
	border-radius: 50%;
	cursor: pointer;
	border: none;
}

/* Changing the thumb color when active in IE */
.rangeCalc-values .slider-container input[type="range"]::-ms-thumb {
	width: 20px;
	height: 20px;
	background-color: #fff;
	border: 2px solid #333;
	border-radius: 50%;
	cursor: pointer;
	border: none;
}


.rangeCalc .rangeCalc-result {
	background: rgba(0, 0, 0, 0.05);
	border-radius: var(--border-radius-m);
}
.rangeCalc .rangeCalc-result-title {
	color: var(--mainBlack);
	margin-bottom: 0.25rem;
	font-size: 1.7rem;
	font-weight: 600;
}

.rangeCalc .rangeCalc-result-title #result {
	background: var(--mainDarkGrey);
	padding: 0.3rem 0.75rem;
	border-radius: 50px;
	color: #fff;
	text-shadow: 0 0 0.5px;
	text-wrap: nowrap;
}

.rangeCalc .rangeCalc-result-desc {
	color: #888;
	font-size: 14px;
	font-style: italic;
}
/* END Range Calculator */



.offer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	background: #2b2b2b;
	border-radius: var(--border-radius-l);
	max-width: 708px;
	margin: 0 auto;
}

.offer.WhyUs:hover {
	background-color: var(--mainLightGrey);
	-webkit-transform: scale(1.007);
	    -ms-transform: scale(1.007);
	        transform: scale(1.007);
	-webkit-transition: all .3s cubic-bezier(0, 0, .5, 1);
	transition: all .3s cubic-bezier(0, 0, .5, 1);
}

.offer.WhyUs {
	max-width: unset;
	background-color: unset;
	margin-bottom: 2rem;
}

.specsBikes div.offer.WhyUs {
	background: var(--mainGrey);
	border-radius: var(--border-radius-l);
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
	        box-shadow: 0 0 10px rgba(0,0,0,.07), var(--glassShadow);
}

.specsBikes .offer.WhyUs table {
	background: rgba(255, 255, 255, 0.75);
}

.specsBikes .offer.WhyUs.main {
	background: -webkit-gradient(linear, left top, right top, from(#777777), to(#bababe));
	background: linear-gradient(to right, #777777, #bababe);
}

.specsBikes .offer.WhyUs.motor {
	background: -webkit-gradient(linear, left top, right top, from(#762b00), to(#ff9b3b));
	background: linear-gradient(to right, #762b00, #ff9b3b);
}

.specsBikes .offer.WhyUs.battery {
	background: -webkit-gradient(linear, left top, right top, from(#3b5b4e), to(#5dc080));
	background: linear-gradient(to right, #3b5b4e, #5dc080);
}

.specsBikes .offer.WhyUs.suspension {
	background: -webkit-gradient(linear, left top, right top, from(#4d506b), to(#8489a0));
	background: linear-gradient(to right, #4d506b, #8489a0);
}

.specsBikes .offer.WhyUs.others {
	background: -webkit-gradient(linear, left top, right top, from(#4a6468), to(#869da3));
	background: linear-gradient(to right, #4a6468, #869da3);
}

.specsBikes .offer.WhyUs.shifter {
	background: -webkit-gradient(linear, left top, right top, from(#17395b), to(#4789bf));
	background: linear-gradient(to right, #17395b, #4789bf);
}

.specsBikes .offer.WhyUs.brakes {
	background: -webkit-gradient(linear, left top, right top, from(#881b1b), to(#e63a3a));
	background: linear-gradient(to right, #881b1b, #e63a3a);
}

.offer.WhyUs {
	padding: 1rem 0.25rem;
	-webkit-transition: all .3s cubic-bezier(0, 0, .5, 1);
	transition: all .3s cubic-bezier(0, 0, .5, 1);
}

.offer.WhyUs svg {
	min-width: 72px;
}

.offer.WhyUs .desc .name {
	color: var(--mainBlack);
	font-weight: 600;
}

.offer.WhyUs .desc p {
	color: var(--mainDarkGrey);
	font-weight: 400;
}

.offer img {
	padding: 10px;
	border-radius: var(--border-radius-l);
}

.offer p {
	font-weight: 600;
	margin: 0;
	color: #fff;
}


.aboutUS_include {
	display: unset;
}

.aboutUS_include .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: justify;
	    align-content: space-between;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}


.aboutUS_include .content a {
	position: relative;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.aboutUS_include .content a.fancybox {
	padding: 0 2rem;
}

.aboutUS_include .content .descImgLink:hover img {
	opacity: 0.4;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	-webkit-transform: scale(1.01);
	    -ms-transform: scale(1.01);
	        transform: scale(1.01);
}

.aboutUS_include.servis .content img:hover {
	-webkit-transition: 0.2s;
	transition: 0.2s;
	-webkit-transform: scale(1.01);
	    -ms-transform: scale(1.01);
	        transform: scale(1.01);
}

.aboutUS_include .content img {
	-o-object-fit: cover;
	   object-fit: cover;
	aspect-ratio: 1.8 / 1;
	width: 100%!important;
	border-radius: var(--border-radius-l);
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.aboutUS_include.servis .content img {
	max-width: 500px !important;
	border-radius: var(--border-radius-l);
	-webkit-transition: 0.2s;
	transition: 0.2s;
	padding: 0 2rem;
}

.aboutUS_include.servis .content p {
	padding: 0;
}

.aboutUS_include.servis.main .content {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.aboutUS_include .content .desc {
	padding: 0 2rem;
}

.aboutUS_include.servis .content .desc {
	padding: 20px 3% 0px 0px;
}

.aboutUS_include.servis.left .content .desc {
	padding: 20px 0 0px 3%;
}


svg.icon {
	display: block;
	fill: currentColor;
	color: inherit;
}



@media (min-width: 1024px) {
	.lg\:w-1\/6 {width: 16.66666667%;}
	
	.lg\:w-1\/5 {width: 20%;}
	.lg\:w-2\/5 {width: 40%;}
	.lg\:w-3\/5 {width: 60%;}
	.lg\:w-4\/5 {width: 80%;}

	.lg\:w-2\/4 {width: 50%;}

	.main-nav {
		background: unset;
		backdrop-filter: unset;
		-webkit-backdrop-filter: unset;
	}

	.main-nav .container::before,
	.all-nav .main-nav .dropdown:hover .dropdown-content::before {
		content: "";
		display: block;
		height: 100%;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		backdrop-filter: var(--blur);
		-webkit-backdrop-filter: var(--blur);
		z-index: -1;
		background: var(--menu-bg);
	}
	.top-nav--menu {display: -webkit-box;display: -ms-flexbox;display: flex;}

	.main-nav > .container {
		padding-top: 0;
		padding-bottom: 0;
	}

	.swiper-container.hpSlider {height: 450px;}

	.main-nav {padding-top: 1.25rem;}
	.main-nav::before {content: unset;}
	
	.main-nav .container {
		z-index: 1;
	}

	.main-nav .container,
	.main-nav .container::before {
		border-radius: 9999px;
	}

	.all-nav .main-nav .container::before {
		-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0), var(--glassShadowCorners);
		        box-shadow: 0 0 0 rgba(0, 0, 0, 0), var(--glassShadowCorners);
    	-webkit-transition: -webkit-box-shadow 0.3s ease;
    	transition: -webkit-box-shadow 0.3s ease;
    	transition: box-shadow 0.3s ease;
    	transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
	}
	
	.all-nav.stuck .main-nav .container::before {
		-webkit-box-shadow: var(--menu-shadow);
		        box-shadow: var(--menu-shadow);
	}


	.main-nav .dropdown .dropbtn img {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.main-nav .dropdown .dropdown-content {
		display: grid;
		gap: 1.5rem;
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		max-width: 100%; /* or a fixed container width */
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: start;
		width: 70%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		position: absolute;
		overflow-x: hidden;
		overflow-y: auto;
		visibility: hidden;
		border-radius: 0 0 25px 25px;
		opacity: 0;
		padding: 1.5rem;
		-webkit-transition: visibility 3s;
		transition: visibility 3s;
		z-index: 1;
	}

	.main-nav .dropdown:hover .dropdown-content {
		-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
		        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
		visibility: visible;
		opacity: 1;
		z-index: 3;
	}

	.main-search.lg\:block {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.cart-btn {
		background: var(--menu-search-bg);
	}

	.category-box--image {
		height: auto;
	}

	.main-nav--menu.lg\:block {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 0;
	}

	.lg\:text-\[160px\] {
		font-size: 80px !important;
	}

	.flash-newsMain {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important;
	}

	.hp.section.advisor .content .category-box--image {
		aspect-ratio: 2.25 / 1;
	}	

	.flex-container.contact {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.flex-container.contact .flex-item {
		margin: 30px 5px 30px;
	}

	.footer.badges .container {
		max-width: 280px;
		margin-right: 2rem;
	}

	.slide-content h3 {
		margin-bottom: unset;
	}

	.swiper-container.hpSlider {
		height: 520px;
	}

	.slide-content h3 {
		font-size: 4.5rem;
		font-weight: 600;
		margin-bottom: 0;
	}

	.slide-content p {
		font-size: 3rem;
		margin-bottom: 0;
		font-weight: 300;
	}

	.hp-menu {
		background: #f5f5f5;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.hp-menu-item-image img {
		max-height: 285px;
	}
	.hp-menu-item .text h3 {
    	font-size: 2.5rem;
	}


	footer.footer {
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#888));
		background: linear-gradient(#fff, #888);
		padding-top: 2.5rem;
	}
	footer.footer > .container {
		background: rgba(237, 237, 237, 0.53);
		border-radius: var(--border-radius-l);
		--tw-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
		--tw-shadow-colored: 0 0 11px var(--tw-shadow-color), var(--glassShadowCorners);
		-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
		        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
		-webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .3, 1);
		transition: -webkit-transform .3s cubic-bezier(0, 0, .3, 1);
		transition: transform .3s cubic-bezier(0, 0, .3, 1);
		transition: transform .3s cubic-bezier(0, 0, .3, 1), -webkit-transform .3s cubic-bezier(0, 0, .3, 1);
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		-webkit-transition-duration: 200ms;
		        transition-duration: 200ms;
		will-change: transform;
	}

	footer.footer > .container:hover {
    --tw-scale-x: 1.003;
    --tw-scale-y: 1.003;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
	.footer-end {
		margin-top: 0;
		background: unset;
	}

}

@media (max-width: 1280px) {
	.top-nav--item,
	.form--input.searchInput,
	.main-nav--menu li a,
	.dropdown-content a {
		font-size: 1.4rem;
	}
	.main-nav--menu ul {
		padding: 0;
	}
	
	/* Scroll To sections */
	.scrollTo-menu {
		top: calc(8% + 2vw);
	}
}


@media (max-width: 768px) {
	.h1 {font-size: 2.5rem;}

	.h2 {font-size: 2.5rem;}

    .hp.section.advisor {padding: 1rem 0;}

	.hp.section.advisor .content svg {display: none;}

	.hp.section.benefits .benefits--list {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}

	.aboutUS_include .content {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		-ms-flex-line-pack: center;
		    align-content: center;
	}

	.aboutUS_include.servis.left .content {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}

	.aboutUS_include .content img {
		max-width: 100% !important;
		border-radius: 0px;
	}

	.aboutUS_include .content p {text-align: justify;}

	.hp.section.advisor .flex {padding: 0 1rem;}
	.hp.section.advisor .content .text h3 {
		font-size: 1.6rem;
		line-height: 1.5;
	}
	.hp.section.advisor .content .text h2 {font-size: 2.3rem;}
	.hp.section.advisor .content .text h1 {font-size: 1.6rem;}
	.hp.section.advisor .content .buttonBox {display: none;}

	.includeVer2.ebikesMainPage {display: none;}

	.includeVer2.ebikesMainPage.mobile {
		display: inline-block;
		padding: 15px 20px;
	}

	.includeVer2.ebikesMainPage h3 {margin-top: 5px !important;}

	.includeVer2.ebikesMainPage p {margin: 0 0 5px;}

	.includeVer2.review {padding: 25px;}

	.includeVer2 .content .imgWrap {max-width: 200px;}

	.includeVer2 .content .imgWrap img {max-width: 200px;}

	.includeVer2.review .content .imgWrap {max-width: 300px;}

	.includeVer2.review .content .imgWrap img {max-width: 300px;}

	.includeVer2.review .content .desc a.readMore {margin-top: 5px;}

	.comment-form-wrap {padding: 25px;}

	.includeVer2 .content {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-ms-flex-line-pack: center;
		    align-content: center;
	}

	.includeVer2.inverted .content {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	.includeVer2.inverted a.readMore {float: right;}

	.includeVer2 .content .desc {
		padding-left: 0px;
		padding-top: 1rem;
	}

	.includeVer2 .content .desc h3 {margin-bottom: 10px !important;}

	.includeVer2 a.readMore {
		padding: 10px 15px;
		font-size: 15px;
		margin-top: 0rem;
	}

	/* manufacturers upd */
	.includeVer2.manufacturers {padding: 20px 17px 10px 17px;}

	.includeVer2.manufacturers .content .desc {padding: 25px 0 0 0;}

	.includeVer2 .content .desc p {
		text-align: justify;
		line-height: 1.35;
	}


	.hp.productCategories .category-box--image img {border-radius: 15px 15px 0 0;}
	.hp.productCategories .category-box--name {
		border-radius: 0 0 15px 15px;
		border: none;
		bottom: 0;
		width: 100%;
	}
}


@media (max-width: 450px) {
	.ml-2 {margin-left: 0.75rem;}
	.mr-2 {margin-right: 0.75rem;}

	.hp.section.productCategories .w-1\/2 {width: 100%;} 
	
	.hp.productCategories .category-box--image img {aspect-ratio: 1.35 / 1;}
	.top-nav--item {font-size: 1.4rem;}
	.btn-lang img {width: 25px;}
	.tags .badge {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		font-size: 1rem;
		padding: 4px 5px;
	}
	.product-box--name {
		margin-bottom: 0.5rem;
		height: auto;
	}

	.upsell .quickAddToCart--wrap .product-box--cta.button.button--primary {
		padding: 0.75rem 1rem;
	}
}


.before\:pointer-events-none::before {
  content: var(--tw-content);
  pointer-events: none;
}


.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}


.before\:inset-0::before {
  content: var(--tw-content);
  inset: 0px;
}


.before\:z-\[0\]::before {
  content: var(--tw-content);
  z-index: 0;
}


.before\:rounded-\[25px\]::before {
  content: var(--tw-content);
  border-radius: 25px;
}


.before\:shadow-glassIcon::before {
  content: var(--tw-content);
  --tw-shadow: 0 0 11px rgba(0,0,0,.07), var(--glassShadowCorners);
  --tw-shadow-colored: 0 0 11px var(--tw-shadow-color), var(--glassShadowCorners);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


.before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}


.hover\:scale-101:hover {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}


.hover\:scale-\[1\.01\]:hover {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}


.hover\:bg-black\/20:hover {
  background-color: rgb(0 0 0 / 0.2);
}


.hover\:bg-grey\/70:hover {
  background-color: rgb(238 238 238 / 0.7);
}


.hover\:bg-stone-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1));
}


.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}


.hover\:underline:hover {
  text-decoration-line: underline;
}


.hover\:opacity-70:hover {
  opacity: 0.7;
}


@media (min-width: 640px) {

  .sm\:w-1\/2 {
    width: 50%;
  }

  .sm\:w-1\/4 {
    width: 25%;
  }

  .sm\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .sm\:items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}


@media (min-width: 768px) {

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .md\:items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .md\:justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .md\:gap-32 {
    gap: 8rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}


@media (min-width: 1024px) {

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-1\/3 {
    width: 33.333333%;
  }

  .lg\:w-1\/4 {
    width: 25%;
  }

  .lg\:w-1\/5 {
    width: 20%;
  }

  .lg\:w-2\/3 {
    width: 66.666667%;
  }

  .lg\:w-2\/4 {
    width: 50%;
  }

  .lg\:w-2\/5 {
    width: 40%;
  }

  .lg\:w-3\/4 {
    width: 75%;
  }

  .lg\:w-3\/5 {
    width: 60%;
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .lg\:flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .lg\:justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .lg\:justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .lg\:justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .lg\:gap-12 {
    gap: 3rem;
  }

  .lg\:gap-3 {
    gap: 0.75rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:text-left {
    text-align: left;
  }
}