@charset "UTF-8";
:root {
  --extra-gap: 48px;
  --container-padding: var(--bq-spacing-xxl4);
  --submenu-drawer-padding: 145px;
  --nav-height: 96px;
  --nav-height-sticky: 84px;
}
@media only screen and (max-width: 1399.98px) {
  :root {
    --extra-gap: var(--bq-spacing-l);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  :root {
    --container-padding: var(--bq-spacing-xxl);
  }
}
@media only screen and (max-width: 991.98px) {
  :root {
    --submenu-drawer-padding: 125px;
    --container-padding: var(--bq-spacing-m);
    --nav-height: 80px;
    --nav-height-sticky: 74px;
  }
}

[bq-theme=alevia] {
  /* Colours */
  --bq-blue-100: color-mix(in srgb, var(--bq-blue-600), #fff 90%);
  --bq-blue-200: color-mix(in srgb, var(--bq-blue-600), #fff 80%);
  --bq-blue-300: color-mix(in srgb, var(--bq-blue-600), #fff 60%);
  --bq-blue-400: color-mix(in srgb, var(--bq-blue-600), #fff 40%);
  --bq-blue-500: color-mix(in srgb, var(--bq-blue-600), #fff 20%);
  --bq-blue-600: #166eeb;
  --bq-blue-700: color-mix(in srgb, var(--bq-blue-600), #000 20%);
  --bq-blue-800: color-mix(in srgb, var(--bq-blue-600), #000 40%);
  --bq-blue-900: color-mix(in srgb, var(--bq-blue-600), #000 60%);
  --bq-blue-1000: color-mix(in srgb, var(--bq-blue-600), #000 80%);
  --bq-corai-100: color-mix(in srgb, var(--bq-corai-600), #fff 90%);
  --bq-corai-200: color-mix(in srgb, var(--bq-corai-600), #fff 80%);
  --bq-corai-300: color-mix(in srgb, var(--bq-corai-600), #fff 60%);
  --bq-corai-400: color-mix(in srgb, var(--bq-corai-600), #fff 40%);
  --bq-corai-500: color-mix(in srgb, var(--bq-corai-600), #fff 20%);
  --bq-corai-600: #ff8084;
  --bq-corai-700: color-mix(in srgb, var(--bq-corai-600), #000 20%);
  --bq-corai-800: color-mix(in srgb, var(--bq-corai-600), #000 40%);
  --bq-corai-900: color-mix(in srgb, var(--bq-corai-600), #000 60%);
  --bq-corai-1000: color-mix(in srgb, var(--bq-corai-600), #000 80%);
  --bq-cyan-100: color-mix(in srgb, var(--bq-cyan-600), #fff 90%);
  --bq-cyan-200: color-mix(in srgb, var(--bq-cyan-600), #fff 80%);
  --bq-cyan-300: color-mix(in srgb, var(--bq-cyan-600), #fff 60%);
  --bq-cyan-400: color-mix(in srgb, var(--bq-cyan-600), #fff 40%);
  --bq-cyan-500: color-mix(in srgb, var(--bq-cyan-600), #fff 20%);
  --bq-cyan-600: #1eb3db;
  --bq-cyan-700: color-mix(in srgb, var(--bq-cyan-600), #000 20%);
  --bq-cyan-800: color-mix(in srgb, var(--bq-cyan-600), #000 40%);
  --bq-cyan-900: color-mix(in srgb, var(--bq-cyan-600), #000 60%);
  --bq-cyan-1000: color-mix(in srgb, var(--bq-cyan-600), #000 80%);
  --bq-gold-100: color-mix(in srgb, var(--bq-gold-600), #fff 90%);
  --bq-gold-200: color-mix(in srgb, var(--bq-gold-600), #fff 80%);
  --bq-gold-300: color-mix(in srgb, var(--bq-gold-600), #fff 60%);
  --bq-gold-400: color-mix(in srgb, var(--bq-gold-600), #fff 40%);
  --bq-gold-500: color-mix(in srgb, var(--bq-gold-600), #fff 20%);
  --bq-gold-600: #d99048;
  --bq-gold-700: color-mix(in srgb, var(--bq-gold-600), #000 20%);
  --bq-gold-800: color-mix(in srgb, var(--bq-gold-600), #000 40%);
  --bq-gold-900: color-mix(in srgb, var(--bq-gold-600), #000 60%);
  --bq-gold-1000: color-mix(in srgb, var(--bq-gold-600), #000 80%);
  --bq-green-100: color-mix(in srgb, var(--bq-green-600), #fff 90%);
  --bq-green-200: color-mix(in srgb, var(--bq-green-600), #fff 80%);
  --bq-green-300: color-mix(in srgb, var(--bq-green-600), #fff 60%);
  --bq-green-400: color-mix(in srgb, var(--bq-green-600), #fff 40%);
  --bq-green-500: color-mix(in srgb, var(--bq-green-600), #fff 20%);
  --bq-green-600: #1eb963;
  --bq-green-700: color-mix(in srgb, var(--bq-green-600), #000 20%);
  --bq-green-800: color-mix(in srgb, var(--bq-green-600), #000 40%);
  --bq-green-900: color-mix(in srgb, var(--bq-green-600), #000 60%);
  --bq-green-1000: color-mix(in srgb, var(--bq-green-600), #000 80%);
  --bq-grey-50: color-mix(in srgb, var(--bq-grey-600), #fff 95%);
  --bq-grey-100: color-mix(in srgb, var(--bq-grey-600), #fff 90%);
  --bq-grey-200: color-mix(in srgb, var(--bq-grey-600), #fff 80%);
  --bq-grey-300: color-mix(in srgb, var(--bq-grey-600), #fff 60%);
  --bq-grey-400: color-mix(in srgb, var(--bq-grey-600), #fff 40%);
  --bq-grey-500: color-mix(in srgb, var(--bq-grey-600), #fff 20%);
  --bq-grey-600: #6b7280;
  --bq-grey-700: color-mix(in srgb, var(--bq-grey-600), #000 20%);
  --bq-grey-800: color-mix(in srgb, var(--bq-grey-600), #000 40%);
  --bq-grey-900: color-mix(in srgb, var(--bq-grey-600), #000 60%);
  --bq-grey-1000: #000;
  --bq-indigo-100: color-mix(in srgb, var(--bq-indigo-600), #fff 90%);
  --bq-indigo-200: color-mix(in srgb, var(--bq-indigo-600), #fff 80%);
  --bq-indigo-300: color-mix(in srgb, var(--bq-indigo-600), #fff 60%);
  --bq-indigo-400: color-mix(in srgb, var(--bq-indigo-600), #fff 40%);
  --bq-indigo-500: color-mix(in srgb, var(--bq-indigo-600), #fff 20%);
  --bq-indigo-600: #4f46e5;
  --bq-indigo-700: color-mix(in srgb, var(--bq-indigo-600), #000 20%);
  --bq-indigo-800: color-mix(in srgb, var(--bq-indigo-600), #000 40%);
  --bq-indigo-900: color-mix(in srgb, var(--bq-indigo-600), #000 60%);
  --bq-indigo-1000: color-mix(in srgb, var(--bq-indigo-600), #000 80%);
  --bq-iris-100: color-mix(in srgb, var(--bq-iris-600), #fff 90%);
  --bq-iris-200: color-mix(in srgb, var(--bq-iris-600), #fff 80%);
  --bq-iris-300: color-mix(in srgb, var(--bq-iris-600), #fff 60%);
  --bq-iris-400: color-mix(in srgb, var(--bq-iris-600), #fff 40%);
  --bq-iris-500: color-mix(in srgb, var(--bq-iris-600), #fff 20%);
  --bq-iris-600: #c28533;
  --bq-iris-700: color-mix(in srgb, var(--bq-iris-600), #000 20%);
  --bq-iris-800: color-mix(in srgb, var(--bq-iris-600), #000 40%);
  --bq-iris-900: color-mix(in srgb, var(--bq-iris-600), #000 60%);
  --bq-iris-1000: color-mix(in srgb, var(--bq-iris-600), #000 80%);
  --bq-lime-100: color-mix(in srgb, var(--bq-lime-600), #fff 90%);
  --bq-lime-200: color-mix(in srgb, var(--bq-lime-600), #fff 80%);
  --bq-lime-300: color-mix(in srgb, var(--bq-lime-600), #fff 60%);
  --bq-lime-400: color-mix(in srgb, var(--bq-lime-600), #fff 40%);
  --bq-lime-500: color-mix(in srgb, var(--bq-lime-600), #fff 20%);
  --bq-lime-600: #9fd120;
  --bq-lime-700: color-mix(in srgb, var(--bq-lime-600), #000 20%);
  --bq-lime-800: color-mix(in srgb, var(--bq-lime-600), #000 40%);
  --bq-lime-900: color-mix(in srgb, var(--bq-lime-600), #000 60%);
  --bq-lime-1000: color-mix(in srgb, var(--bq-lime-600), #000 80%);
  --bq-magenta-100: color-mix(in srgb, var(--bq-magenta-600), #fff 90%);
  --bq-magenta-200: color-mix(in srgb, var(--bq-magenta-600), #fff 80%);
  --bq-magenta-300: color-mix(in srgb, var(--bq-magenta-600), #fff 60%);
  --bq-magenta-400: color-mix(in srgb, var(--bq-magenta-600), #fff 40%);
  --bq-magenta-500: color-mix(in srgb, var(--bq-magenta-600), #fff 20%);
  --bq-magenta-600: #ba378b;
  --bq-magenta-700: color-mix(in srgb, var(--bq-magenta-600), #000 20%);
  --bq-magenta-800: color-mix(in srgb, var(--bq-magenta-600), #000 40%);
  --bq-magenta-900: color-mix(in srgb, var(--bq-magenta-600), #000 60%);
  --bq-magenta-1000: color-mix(in srgb, var(--bq-magenta-600), #000 80%);
  --bq-orange-100: color-mix(in srgb, var(--bq-orange-600), #fff 90%);
  --bq-orange-200: color-mix(in srgb, var(--bq-orange-600), #fff 80%);
  --bq-orange-300: color-mix(in srgb, var(--bq-orange-600), #fff 60%);
  --bq-orange-400: color-mix(in srgb, var(--bq-orange-600), #fff 40%);
  --bq-orange-500: color-mix(in srgb, var(--bq-orange-600), #fff 20%);
  --bq-orange-600: #dc6726;
  --bq-orange-700: color-mix(in srgb, var(--bq-orange-600), #000 20%);
  --bq-orange-800: color-mix(in srgb, var(--bq-orange-600), #000 40%);
  --bq-orange-900: color-mix(in srgb, var(--bq-orange-600), #000 60%);
  --bq-orange-1000: color-mix(in srgb, var(--bq-orange-600), #000 80%);
  --bq-purple-100: color-mix(in srgb, var(--bq-purple-600), #fff 90%);
  --bq-purple-200: color-mix(in srgb, var(--bq-purple-600), #fff 80%);
  --bq-purple-300: color-mix(in srgb, var(--bq-purple-600), #fff 60%);
  --bq-purple-400: color-mix(in srgb, var(--bq-purple-600), #fff 40%);
  --bq-purple-500: color-mix(in srgb, var(--bq-purple-600), #fff 20%);
  --bq-purple-600: #8460cb;
  --bq-purple-700: color-mix(in srgb, var(--bq-purple-600), #000 20%);
  --bq-purple-800: color-mix(in srgb, var(--bq-purple-600), #000 40%);
  --bq-purple-900: color-mix(in srgb, var(--bq-purple-600), #000 60%);
  --bq-purple-1000: color-mix(in srgb, var(--bq-purple-600), #000 80%);
  --bq-red-100: color-mix(in srgb, var(--bq-red-600), #fff 90%);
  --bq-red-200: color-mix(in srgb, var(--bq-red-600), #fff 80%);
  --bq-red-300: color-mix(in srgb, var(--bq-red-600), #fff 60%);
  --bq-red-400: color-mix(in srgb, var(--bq-red-600), #fff 40%);
  --bq-red-500: color-mix(in srgb, var(--bq-red-600), #fff 20%);
  --bq-red-600: #e1172f;
  --bq-red-700: color-mix(in srgb, var(--bq-red-600), #000 20%);
  --bq-red-800: color-mix(in srgb, var(--bq-red-600), #000 40%);
  --bq-red-900: color-mix(in srgb, var(--bq-red-600), #000 60%);
  --bq-red-1000: color-mix(in srgb, var(--bq-red-600), #000 80%);
  --bq-sky-100: color-mix(in srgb, var(--bq-sky-600), #fff 90%);
  --bq-sky-200: color-mix(in srgb, var(--bq-sky-600), #fff 80%);
  --bq-sky-300: color-mix(in srgb, var(--bq-sky-600), #fff 60%);
  --bq-sky-400: color-mix(in srgb, var(--bq-sky-600), #fff 40%);
  --bq-sky-500: color-mix(in srgb, var(--bq-sky-600), #fff 20%);
  --bq-sky-600: #5e97db;
  --bq-sky-700: color-mix(in srgb, var(--bq-sky-600), #000 20%);
  --bq-sky-800: color-mix(in srgb, var(--bq-sky-600), #000 40%);
  --bq-sky-900: color-mix(in srgb, var(--bq-sky-600), #000 60%);
  --bq-sky-1000: color-mix(in srgb, var(--bq-sky-600), #000 80%);
  --bq-teal-100: color-mix(in srgb, var(--bq-teal-600), #fff 90%);
  --bq-teal-200: color-mix(in srgb, var(--bq-teal-600), #fff 80%);
  --bq-teal-300: color-mix(in srgb, var(--bq-teal-600), #fff 60%);
  --bq-teal-400: color-mix(in srgb, var(--bq-teal-600), #fff 40%);
  --bq-teal-500: color-mix(in srgb, var(--bq-teal-600), #fff 20%);
  --bq-teal-600: #00b49d;
  --bq-teal-700: color-mix(in srgb, var(--bq-teal-600), #000 20%);
  --bq-teal-800: color-mix(in srgb, var(--bq-teal-600), #000 40%);
  --bq-teal-900: color-mix(in srgb, var(--bq-teal-600), #000 60%);
  --bq-teal-1000: color-mix(in srgb, var(--bq-teal-600), #000 80%);
  --bq-volcano-100: color-mix(in srgb, var(--bq-volcano-600), #fff 90%);
  --bq-volcano-200: color-mix(in srgb, var(--bq-volcano-600), #fff 80%);
  --bq-volcano-300: color-mix(in srgb, var(--bq-volcano-600), #fff 60%);
  --bq-volcano-400: color-mix(in srgb, var(--bq-volcano-600), #fff 40%);
  --bq-volcano-500: color-mix(in srgb, var(--bq-volcano-600), #fff 20%);
  --bq-volcano-600: #f97146;
  --bq-volcano-700: color-mix(in srgb, var(--bq-volcano-600), #000 20%);
  --bq-volcano-800: color-mix(in srgb, var(--bq-volcano-600), #000 40%);
  --bq-volcano-900: color-mix(in srgb, var(--bq-volcano-600), #000 60%);
  --bq-volcano-1000: color-mix(in srgb, var(--bq-volcano-600), #000 80%);
  --bq-yellow-100: color-mix(in srgb, var(--bq-yellow-600), #fff 90%);
  --bq-yellow-200: color-mix(in srgb, var(--bq-yellow-600), #fff 80%);
  --bq-yellow-300: color-mix(in srgb, var(--bq-yellow-600), #fff 60%);
  --bq-yellow-400: color-mix(in srgb, var(--bq-yellow-600), #fff 40%);
  --bq-yellow-500: color-mix(in srgb, var(--bq-yellow-600), #fff 20%);
  --bq-yellow-600: #f2d412;
  --bq-yellow-700: color-mix(in srgb, var(--bq-yellow-600), #000 20%);
  --bq-yellow-800: color-mix(in srgb, var(--bq-yellow-600), #000 40%);
  --bq-yellow-900: color-mix(in srgb, var(--bq-yellow-600), #000 60%);
  --bq-yellow-1000: color-mix(in srgb, var(--bq-yellow-600), #000 80%);
  --bq-hover: #fff;
  --bq-active: #000;
  --bq-focus:var(--bq-iris-400);
  --bq-brand: var(--bq-iris-600);
  --bq-brand-light: var(--bq-iris-100);
  --bq-brand-disabled: var(--bq-iris-400);
  --bq-danger: var(--bq-red-600);
  --bq-success: var(--bq-green-600);
  --bq-warning: var(--bq-orange-600);
  --bq-background--primary: var(--bq-white);
  --bq-background--secondary: var(--bq-grey-200);
  --bq-background--tertiary: var(--bq-grey-600);
  --bq-background--inverse: var(--bq-grey-900);
  --bq-background--brand: var(--bq-brand);
  --bq-background--overlay: var(--bq-grey-900);
  --bq-icon--primary: var(--bq-grey-900);
  --bq-icon--secondary: var(--bq-grey-600);
  --bq-icon--secondary-disabled: var(--bq-grey-400);
  --bq-icon--inverse: var(--bq-white);
  --bq-icon--brand: var(--bq-brand);
  --bq-icon--brand-disabled: var(--bq-brand-disabled);
  --bq-icon--info: var(--bq-sky-600);
  --bq-icon--success: var(--bq-teal-600);
  --bq-icon--warning: var(--bq-gold-600);
  --bq-icon--danger: var(--bq-red-600);
  --bq-stroke--primary: var(--bq-grey-600);
  --bq-stroke--secondary: var(--bq-grey-200);
  --bq-stroke--tertiary: var(--bq-grey-900);
  --bq-stroke--inverse: var(--bq-white);
  --bq-stroke--brand: var(--bq-brand);
  --bq-stroke--success: var(--bq-green-600);
  --bq-stroke--warning: var(--bq-orange-600);
  --bq-stroke--danger: var(--bq-red-600);
  --bq-stroke--info: var(--bq-sky-600);
  --bq-text--primary: var(--bq-grey-900);
  --bq-text--primary-disabled: var(--bq-grey-600);
  --bq-text--secondary: var(--bq-grey-600);
  --bq-text--inverse: var(--bq-white);
  --bq-text--brand: var(--bq-brand);
  --bq-text--brand-hover: var(--bq-grey-500);
  --bq-text--info: var(--bq-sky-600);
  --bq-text--success: var(--bq-teal-800);
  --bq-text--warning: var(--bq-gold-800);
  --bq-text--danger: var(--bq-red-700);
  --bq-ui--primary: var(--bq-white);
  --bq-ui--primary-hover: var(--bq-grey-50);
  --bq-ui--primary-active: var(--bq-grey-200);
  --bq-ui--primary-disabled: var(--bq-grey-100);
  --bq-ui--primary-light:rgba(246, 246, 248, 1);
  --bq-ui--secondary: var(--bq-grey-200);
  --bq-ui--secondary-hover: var(--bq-grey-100);
  --bq-ui--secondary-active: var(--bq-grey-300);
  --bq-ui--secondary-disabled: var(--bq-grey-100);
  --bq-ui--secondary-alt: var(--bq-grey-50);
  --bq-ui--tertiary: var(--bq-grey-600);
  --bq-ui--tertiary-hover: var(--bq-grey-500);
  --bq-ui--tertiary-active: var(--bq-grey-700);
  --bq-ui--tertiary-disabled: var(--bq-grey-400);
  --bq-ui--inverse: var(--bq-grey-900);
  --bq-ui--brand: var(--bq-brand);
  --bq-ui--brand-hover: var(--bq-iris-500);
  --bq-ui--brand-active: var(--bq-iris-700);
  --bq-ui--brand-disabled: var(--bq-iris-400);
  --bq-ui--brand-light: var(--bq-brand-light);
  --bq-ui--success: var(--bq-teal-600);
  --bq-ui--success-hover: var(--bq-teal-500);
  --bq-ui--success-active: var(--bq-teal-700);
  --bq-ui--success-disabled: var(--bq-teal-400);
  --bq-ui--success-alt: var(--bq-green-100);
  --bq-ui--warning: var(--bq-gold-600);
  --bq-ui--warning-hover: var(--bq-gold-500);
  --bq-ui--warning-active: var(--bq-gold-700);
  --bq-ui--warning-disabled: var(--bq-gold-400);
  --bq-ui--warning-alt: var(--bq-gold-100);
  --bq-ui--danger: var(--bq-red-600);
  --bq-ui--danger-hover: var(--bq-red-500);
  --bq-ui--danger-active: var(--bq-red-700);
  --bq-ui--danger-disabled: var(--bq-red-400);
  --bq-ui--danger-alt: var(--bq-red-100);
  /* Spacing */
  --bq-spacing-xs3: 2px;
  --bq-spacing-xs2: 4px;
  --bq-spacing-xs: 8px;
  --bq-spacing-s: 12px;
  --bq-spacing-m: 16px;
  --bq-spacing-l: 24px;
  --bq-spacing-xl: 32px;
  --bq-spacing-xxl: 40px;
  --bq-spacing-xxl2: 56px;
  --bq-spacing-xxl3: 64px;
  --bq-spacing-xxl4: 96px;
  /* Radius*/
  --bq-radius--xs2: 2px;
  --bq-radius--xs: 4px;
  --bq-radius--s: 8px;
  --bq-radius--m: 12px;
  --bq-radius--l: 24px;
  /* Typography */
  --bq-font-family: SpiegelCdOT;
  --bq-font-size--s: 1rem;
  --bq-font-size--m: 1.125rem;
  --bq-font-size--l: 1.25rem;
  --bq-font-size--xxl5: 4.5rem;
  --bq-font-line-height--small: 1.2;
  --bq-font-line-height--regular: 1.5;
  --bq-font-line-height--large: 1.5;
  --bq-font-weight--semibold: 500;
  --swiper-pagination-bullet-size: 12px;
  --swiper-pagination-color: var(--bq-ui--brand);
  --swiper-pagination-bullet-inactive-color: var(--bq-white);
  --swiper-pagination-bullet-inactive-opacity: 1;
}
@media only screen and (max-width: 991.98px) {
  [bq-theme=alevia] {
    --bq-font-size--xxl5: 3.5rem;
  }
}

@font-face {
  font-family: SpiegelCdOT;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Spiegel/SpiegelCdOT-Regular.otf") format("opentype");
}
@font-face {
  font-family: SpiegelCdOT;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Spiegel/SpiegelCdOT-SemiBold.otf") format("opentype");
}
@font-face {
  font-family: SpiegelCdOT;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Spiegel/SpiegelCdOT-Bold.otf") format("opentype");
}
a {
  color: var(--bq-brand);
  text-decoration: none;
}

strong {
  font-weight: var(--bq-font-weight--bold);
}

h1:not(:last-child), h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child), h6:not(:last-child), p:not(:last-child), ul:not(:last-child),
.h1:not(:last-child), .h2:not(:last-child), .h3:not(:last-child), .h4:not(:last-child), .h5:not(:last-child), .h6:not(:last-child) {
  margin-bottom: var(--bq-spacing-l);
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  display: block;
}

p, ul, ol {
  font-size: var(--bq-font-size--m);
}

@media only screen and (max-width: 991.98px) {
  h1, .h1 {
    font-size: var(--bq-font-size--xxl);
  }
  h2, .h2 {
    font-size: var(--bq-font-size--xl);
  }
  h3, .h3 {
    font-size: var(--bq-font-size--l);
  }
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  padding-inline: var(--container-padding);
}

.grid {
  display: grid;
  grid-template-rows: repeat(1, 1fr);
  grid-template-columns: repeat(12, 1fr);
  gap: var(--bq-spacing-l);
}
.grid [class^=col-] {
  grid-column: auto/span 12;
}
.grid .col-1 {
  grid-column: auto/span 1;
}
.grid .col-2 {
  grid-column: auto/span 2;
}
.grid .col-3 {
  grid-column: auto/span 3;
}
.grid .col-4 {
  grid-column: auto/span 4;
}
.grid .col-5 {
  grid-column: auto/span 5;
}
.grid .col-6 {
  grid-column: auto/span 6;
}
.grid .col-7 {
  grid-column: auto/span 7;
}
.grid .col-8 {
  grid-column: auto/span 8;
}
.grid .col-9 {
  grid-column: auto/span 9;
}
.grid .col-10 {
  grid-column: auto/span 10;
}
.grid .col-11 {
  grid-column: auto/span 11;
}
.grid .col-12 {
  grid-column: auto/span 12;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .grid .col-sm-1 {
    grid-column: auto/span 1;
  }
  .grid .col-sm-2 {
    grid-column: auto/span 2;
  }
  .grid .col-sm-3 {
    grid-column: auto/span 3;
  }
  .grid .col-sm-4 {
    grid-column: auto/span 4;
  }
  .grid .col-sm-5 {
    grid-column: auto/span 5;
  }
  .grid .col-sm-6 {
    grid-column: auto/span 6;
  }
  .grid .col-sm-7 {
    grid-column: auto/span 7;
  }
  .grid .col-sm-8 {
    grid-column: auto/span 8;
  }
  .grid .col-sm-9 {
    grid-column: auto/span 9;
  }
  .grid .col-sm-10 {
    grid-column: auto/span 10;
  }
  .grid .col-sm-11 {
    grid-column: auto/span 11;
  }
  .grid .col-sm-12 {
    grid-column: auto/span 12;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399.98px) {
  .grid .col-md-1 {
    grid-column: auto/span 1;
  }
  .grid .col-md-2 {
    grid-column: auto/span 2;
  }
  .grid .col-md-3 {
    grid-column: auto/span 3;
  }
  .grid .col-md-4 {
    grid-column: auto/span 4;
  }
  .grid .col-md-5 {
    grid-column: auto/span 5;
  }
  .grid .col-md-6 {
    grid-column: auto/span 6;
  }
  .grid .col-md-7 {
    grid-column: auto/span 7;
  }
  .grid .col-md-8 {
    grid-column: auto/span 8;
  }
  .grid .col-md-9 {
    grid-column: auto/span 9;
  }
  .grid .col-md-10 {
    grid-column: auto/span 10;
  }
  .grid .col-md-11 {
    grid-column: auto/span 11;
  }
  .grid .col-md-12 {
    grid-column: auto/span 12;
  }
}
@media only screen and (min-width: 1400px) {
  .grid .col-lg-1 {
    grid-column: auto/span 1;
  }
  .grid .col-lg-2 {
    grid-column: auto/span 2;
  }
  .grid .col-lg-3 {
    grid-column: auto/span 3;
  }
  .grid .col-lg-4 {
    grid-column: auto/span 4;
  }
  .grid .col-lg-5 {
    grid-column: auto/span 5;
  }
  .grid .col-lg-6 {
    grid-column: auto/span 6;
  }
  .grid .col-lg-7 {
    grid-column: auto/span 7;
  }
  .grid .col-lg-8 {
    grid-column: auto/span 8;
  }
  .grid .col-lg-9 {
    grid-column: auto/span 9;
  }
  .grid .col-lg-10 {
    grid-column: auto/span 10;
  }
  .grid .col-lg-11 {
    grid-column: auto/span 11;
  }
  .grid .col-lg-12 {
    grid-column: auto/span 12;
  }
}

[appearance=primary]:not([disabled])::part(button):hover {
  background-color: var(--bq-ui--brand-hover);
}
[appearance=primary]:not([disabled])::part(button):active {
  background-color: var(--bq-ui--brand-active);
}
[appearance=primary][variant=ghost]:not([disabled])::part(button):hover {
  background-color: var(--bq-ui--primary-hover);
}
[appearance=primary][variant=ghost]:not([disabled])::part(button):active {
  background-color: transparent;
}

[appearance=secondary]:not([disabled])::part(button):hover,
[appearance=text]:not([disabled])::part(button):hover,
[appearance=link]:not([disabled])::part(button):hover {
  background-color: var(--bq-ui--secondary-hover);
}
[appearance=secondary]:not([disabled])::part(button):active,
[appearance=text]:not([disabled])::part(button):active,
[appearance=link]:not([disabled])::part(button):active {
  background-color: var(--bq-ui--secondary-active);
}
[appearance=secondary][variant=ghost]:not([disabled])::part(button):hover,
[appearance=text][variant=ghost]:not([disabled])::part(button):hover,
[appearance=link][variant=ghost]:not([disabled])::part(button):hover {
  background-color: var(--bq-ui--primary-hover);
}
[appearance=secondary][variant=ghost]:not([disabled])::part(button):active,
[appearance=text][variant=ghost]:not([disabled])::part(button):active,
[appearance=link][variant=ghost]:not([disabled])::part(button):active {
  background-color: transparent;
}

[appearance=danger]:not([disabled])::part(button):hover {
  background-color: var(--bq-ui--danger-hover);
}
[appearance=danger]:not([disabled])::part(button):active {
  background-color: var(--bq-ui--danger-active);
}

[size=small]::part(button) {
  --bq-button--border-radius: var(--bq-radius--s) ;
}

.button-white[appearance=primary]::part(button) {
  --bq-ui--brand: var(--bq-ui--primary);
  --bq-text--alt: var(--bq-text--primary);
}
.button-white[appearance=primary]:not([disabled])::part(button):hover {
  background-color: var(--bq-ui--primary-hover);
}
.button-white[appearance=primary]:not([disabled])::part(button):active {
  background-color: var(--bq-ui--primary-active);
}
.button-white[variant=ghost]::part(button) {
  --bq-stroke--brand: var(--bq-ui--primary);
  --bq-text--brand: var(--bq-ui--primary);
}
.button-white[variant=ghost]:not([disabled])::part(button):hover, .button-white[variant=ghost]:not([disabled])::part(button):focus, .button-white[variant=ghost]:not([disabled])::part(button):active {
  background-color: transparent;
}
.button-white[variant=ghost]:not([disabled])::part(button):hover {
  --bq-stroke--brand: var(--bq-ui--primary-hover);
  --bq-text--brand: var(--bq-ui--primary-hover);
}
.button-white[variant=ghost]:not([disabled])::part(button):focus {
  --bq-stroke--brand: var(--bq-ui--primary-focus);
  --bq-text--brand: var(--bq-ui--primary-focus);
}
.button-white[variant=ghost]:not([disabled])::part(button):active {
  --bq-stroke--brand: var(--bq-ui--primary-active);
  --bq-text--brand: var(--bq-ui--primary-active);
}
.button-white[appearance=text]:not([disabled])::part(button) {
  --bq-text--primary: var(--bq-ui--primary);
}
.button-white[appearance=text]:not([disabled])::part(button):hover, .button-white[appearance=text]:not([disabled])::part(button):active {
  background-color: transparent;
}

bq-button::part(button) {
  text-decoration: none;
}

.button-group {
  display: flex;
  align-items: center;
  gap: var(--bq-spacing-s) var(--bq-spacing-xs2);
  flex-wrap: wrap;
}

.button-icon-only::part(button) {
  background-color: transparent;
}
.button-icon-only[appearance=primary]::part(button) {
  color: var(--bq-icon--brand);
}
.button-icon-only[appearance=primary]:not([disabled])::part(button):hover {
  background-color: var(--bq-ui--secondary-hover);
}
.button-icon-only[appearance=primary]:not([disabled])::part(button):active {
  background-color: var(--bq-ui--secondary-active);
}
.button-icon-only[appearance=secondary]::part(button) {
  color: var(--bq-icon--primary);
}
.button-icon-only[appearance=secondary]:not([disabled])::part(button):hover {
  background-color: var(--bq-ui--secondary-hover);
}
.button-icon-only[appearance=secondary]:not([disabled])::part(button):active {
  background-color: var(--bq-ui--secondary-active);
}
.button-icon-only[variant=ghost]:not([disabled])::part(button):hover {
  background-color: var(--bq-ui--primary-hover);
}
.button-icon-only[variant=ghost]:not([disabled])::part(button):active {
  background-color: transparent;
}
.button-icon-only[size=small]::part(button) {
  --bq-button--small-paddingX: var(--bq-spacing-xs2);
}
.button-icon-only[size=medium]::part(button) {
  --bq-button--small-paddingX: var(--bq-spacing-s);
}
.button-icon-only[size=large]::part(button) {
  --bq-button--small-paddingX: var(--bq-spacing-m);
}

.button-split {
  display: flex;
}
.button-split > bq-button:first-of-type::part(button) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.button-split > bq-button:first-of-type[variant=ghost]::part(button):hover {
  background-color: var(--bq-ui--brand) !important;
  color: var(--bq-text--alt) !important;
}
.button-split bq-button + bq-button::part(button) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: var(--bq-stroke-m);
}
.button-split > button {
  background-color: transparent;
  border: var(--bq-stroke-s) solid var(--bq-stroke--brand);
  color: var(--bq-text--brand);
  padding: 10px 16px;
  block-size: 48px;
  line-height: 26px;
  border-radius: var(--bq-radius--m);
  font-weight: var(--bq-font-weight--medium);
  font-size: 1rem;
  transition-duration: 0.3s;
  transition-property: background-color, border-color, color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.button-split > button:hover {
  background-color: var(--bq-ui--brand);
  color: var(--bq-text--alt);
  border-left-color: #fff;
}

.button-input-number[size=small]::part(button) {
  width: var(--bq-button--small-height);
}
.button-input-number[size=medium]::part(button) {
  width: var(--bq-button--medium-height);
}
.button-input-number[size=large]::part(button) {
  width: var(--bq-button--large-height);
}

.custom-color[appearance=primary]:not([variant=ghost])::part(button) {
  background-color: var(--custom-color);
}
.custom-color[appearance=primary]:not([variant=ghost])::part(button):hover {
  background-color: color-mix(in srgb, var(--custom-color), #fff 20%);
}
.custom-color[appearance=primary]:not([variant=ghost])::part(button):active {
  background-color: color-mix(in srgb, var(--custom-color), #000 20%);
}
.custom-color[variant=ghost]::part(button) {
  --bq-stroke--brand: var(--custom-color);
  --bq-text--brand: var(--custom-color);
}

[appearance=custom]:not([variant=ghost])::part(button) {
  background-color: var(--custom-color);
}
[appearance=custom]:not([variant=ghost])::part(button):hover {
  background-color: color-mix(in srgb, var(--custom-color), #fff 20%);
}
[appearance=custom]:not([variant=ghost])::part(button):active {
  background-color: color-mix(in srgb, var(--custom-color), #000 20%);
}

[appearance=custom][variant=ghost]::part(button) {
  --bq-stroke--brand: var(--custom-color);
  --bq-text--brand: var(--custom-color);
}

swiper-container::part(bullet), swiper-container::part(bullet-active) {
  border: 1px solid var(--bq-ui--brand);
}

.section-swiper swiper-container::part(container) {
  overflow: unset;
  position: relative;
}
.section-swiper swiper-container::part(wrapper) {
  gap: var(--bq-spacing-l);
}
.section-swiper swiper-container::part(bullet) {
  border: 1px solid var(--bq-ui--brand);
}
.section-swiper swiper-slide {
  display: flex;
  height: auto;
  margin: 0px !important;
}
.section-swiper swiper-slide > * {
  flex: 1;
}

.swiper_navigation {
  display: flex;
}
.swiper_navigation .swiper-prev,
.swiper_navigation .swiper-next {
  cursor: pointer;
}
.swiper_navigation .swiper-prev.swiper-button-lock,
.swiper_navigation .swiper-next.swiper-button-lock {
  display: none;
}

.section-swiper {
  overflow: hidden;
  --swiper-items-visible: 1;
}
.section-swiper swiper-slide {
  width: calc(100% / var(--swiper-items-visible) - (var(--swiper-items-visible) - 1) / var(--swiper-items-visible) * var(--bq-spacing-l));
}
@media only screen and (min-width: 1400px) {
  .section-swiper swiper-slide {
    --swiper-items-visible: 4;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399.98px) {
  .section-swiper swiper-slide {
    --swiper-items-visible: 3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .section-swiper swiper-slide {
    --swiper-items-visible: 2;
  }
}
@media only screen and (min-width: 1400px) {
  .section-products swiper-slide {
    --swiper-items-visible: 5;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399.98px) {
  .section-products swiper-slide {
    --swiper-items-visible: 3;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .section-products swiper-slide {
    --swiper-items-visible: 4;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .section-products swiper-slide {
    --swiper-items-visible: 3;
  }
}
@media only screen and (max-width: 991.98px) {
  .section-products swiper-slide {
    --swiper-items-visible: 2;
  }
}

@media only screen and (min-width: 1400px) {
  .section-banners-3 swiper-slide {
    --swiper-items-visible: 3;
  }
}

@media only screen and (max-width: 991.98px) {
  .section-characteristics swiper-slide {
    --swiper-items-visible: 2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .section-characteristics swiper-slide {
    --swiper-items-visible: 3;
  }
}
@media only screen and (min-width: 1400px) {
  .section-characteristics swiper-slide {
    --swiper-items-visible: 6;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .section-ingredients {
    --swiper-items-visible: 2;
  }
}
@media only screen and (min-width: 1400px) {
  .section-ingredients {
    --swiper-items-visible: 6;
  }
}

@media only screen and (min-width: 1400px) {
  .product-upsell swiper-slide {
    --swiper-items-visible: 5;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399.98px) {
  .product-upsell swiper-slide {
    --swiper-items-visible: 3;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .product-upsell swiper-slide {
    --swiper-items-visible: 4;
  }
}
@media only screen and (max-width: 991.98px) {
  .product-upsell swiper-slide {
    --swiper-items-visible: 2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .product-upsell swiper-slide {
    --swiper-items-visible: 4;
  }
}
@media only screen and (min-width: 1920px) {
  .product-upsell swiper-slide {
    --swiper-items-visible: 6;
  }
}
@media only screen and (min-width: 2560px) {
  .product-upsell swiper-slide {
    --swiper-items-visible: 8;
  }
}

.header {
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
}
.header-notifications {
  background-color: var(--bq-brand-light);
  padding: var(--bq-spacing-s) 0;
  text-align: center;
}
.header-nav {
  background-color: #fff;
}
.header-notifications, .header-nav {
  z-index: 20;
  position: relative;
}

.nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--bq-spacing-xs);
  padding-block-start: var(--bq-spacing-xs);
  flex-wrap: wrap;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-toggle {
  display: none;
  cursor: pointer;
}
.nav-toggle > * {
  display: block;
}
.nav-logo {
  display: block;
}
.nav-logo img {
  max-height: 50px;
}
.nav-utils {
  display: flex;
  align-items: center;
  gap: var(--bq-spacing-m);
}
.nav-utils .button-icon-only::part(button) {
  color: var(--bq-text--secondary);
}
.nav-menu {
  width: 100%;
}
@media only screen and (min-width: 1400px) {
  .nav {
    justify-content: space-between;
  }
}
@media only screen and (min-width: 992px) {
  .nav-search {
    min-width: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .nav {
    gap: var(--bq-spacing-s) var(--bq-spacing-l);
  }
  .nav-utils {
    gap: var(--bq-spacing-xs2);
  }
}
@media only screen and (max-width: 1399.98px) {
  .nav {
    padding: var(--bq-spacing-xs) 0px;
    gap: var(--bq-spacing-s) var(--bq-spacing-m);
  }
  .nav-toggle {
    display: block;
    order: 4;
  }
  .nav-logo img {
    max-height: 50px;
  }
  .nav-utils {
    gap: var(--bq-spacing-s);
    margin-left: auto;
  }
  .nav-menu {
    display: none;
  }
  .nav-search {
    margin-left: auto;
  }
}
@media only screen and (max-width: 991.98px) {
  .nav-search {
    margin-left: auto;
  }
  .nav-search .search-form {
    display: none;
  }
  .nav-search .button-icon-only::part(button) {
    color: var(--bq-text--secondary);
  }
  .nav-utils {
    margin-left: 0;
  }
}
@media only screen and (max-width: 392.98px) {
  .nav {
    gap: var(--bq-spacing-xs2);
  }
  .nav-utils {
    gap: var(--bq-spacing-xs2);
  }
}

.nav-menu > ul {
  display: flex;
  list-style: none;
  padding: 0;
  gap: var(--bq-spacing-l);
}
.nav-menu > ul > li {
  position: relative;
}
.nav-menu > ul > li a {
  display: block;
  text-decoration: none;
  color: var(--bq-text--primary);
  font-size: var(--bq-font-size--l);
  line-height: var(--bq-font-line-height--regular);
  padding-bottom: var(--bq-spacing-s);
}
.nav-menu > ul > li::after {
  content: "";
  width: 90%;
  height: 4px;
  background-color: var(--bq-brand);
  left: 0;
  bottom: 0;
  position: absolute;
  display: none;
}
.nav-menu > ul > li.active::after {
  display: block;
}

.nav-submenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--bq-spacing-xs);
}
.nav-submenu ul li a {
  display: block;
  text-decoration: none;
  color: var(--bq-text--secondary);
  font-size: var(--bq-font-size--m);
  line-height: var(--bq-font-line-height--regular);
}
@media only screen and (max-width: 991.98px) {
  .nav-submenu {
    padding-inline: var(--container-padding);
  }
  .nav-submenu ul li {
    padding: var(--bq-spacing-s) 0;
  }
  .nav-submenu ul li a {
    font-size: var(--bq-font-size--l);
    line-height: var(--bq-font-line-height--regular);
  }
}

.nav-menu-mobile ul,
.nav-submenu-mobile ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-menu-mobile ul li,
.nav-submenu-mobile ul li {
  padding: var(--bq-spacing-s) 0;
}
.nav-menu-mobile ul li a,
.nav-submenu-mobile ul li a {
  color: var(--bq-text--secondary);
  font-size: var(--bq-font-size--l);
  line-height: var(--bq-font-line-height--regular);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav-menu-mobile ul li a bq-icon,
.nav-submenu-mobile ul li a bq-icon {
  padding: var(--bq-spacing-xs2);
}

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

.nav-submenu-mobile {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
  transition-property: all;
  transform: translateX(100%);
}

.show-nav-menu .nav-menu-mobile {
  display: block;
}
.show-nav-menu .nav-menu-mobile-back {
  display: none;
}
.show-nav-menu.show-nav-submenu-l1 .nav-submenu-mobile, .show-nav-menu.show-nav-submenu-l2 .nav-submenu-mobile {
  transform: translateX(0);
}
.show-nav-menu.show-nav-submenu-l1 .nav-menu-mobile-back, .show-nav-menu.show-nav-submenu-l2 .nav-menu-mobile-back {
  display: flex;
}
.show-nav-menu.show-nav-submenu-l1 .nav-menu-mobile, .show-nav-menu.show-nav-submenu-l2 .nav-menu-mobile {
  display: none;
}
.show-nav-menu.show-nav-submenu-l2 .nav-submenu-mobile-l1 {
  display: none;
}

.nav-menu-mobile-back {
  display: none;
  align-items: center;
  cursor: pointer;
  font-size: var(--bq-font-size--s);
  line-height: var(--bq-font-line-height--regular);
  color: var(--bq-text--secondary);
  font-weight: var(--bq-font-weight--regular);
}

.nav-menu-mobile-utility > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: var(--bq-spacing-s);
  border-top: 1px solid var(--bq-ui--secondary);
}
.nav-menu-mobile-utility > div span {
  color: var(--bq-text--secondary);
}
.nav-menu-mobile-utility > div > a {
  display: flex;
  flex: 1;
  justify-content: space-between;
}

.sticky-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  animation: slideDown 0.35s ease-out;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  height: var(--nav-height-sticky);
}
.sticky-top .nav {
  padding-block: var(--bq-spacing-s);
}
.sticky-top .nav-menu {
  display: none;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.nav-sticky-top {
  padding-top: var(--nav-height-sticky);
}

.nav-menu .nav-menu-submenu {
  opacity: 0;
  transform: translate(0, 10px);
  transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;
  animation: 0.3s ease 0s 1 normal none running fade-in;
  background-color: #fff;
  border-color: transparent;
  border-radius: 0 0 var(--bq-radius--s) var(--bq-radius--s);
  border-style: none;
  border-width: unset;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), var(--bq-box-shadow--l);
  z-index: 999;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 320px;
  width: max-content;
  display: flex;
}
.nav-menu .nav-menu-submenu .nav-menu-submenu {
  top: 0;
  left: 100%;
  border-radius: 0;
}
.nav-menu .nav-menu-submenu > div {
  flex: 1;
}
.nav-menu .nav-menu-submenu ul {
  padding: var(--bq-spacing-l) 0;
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
}
.nav-menu .nav-menu-submenu ul li {
  position: relative;
  padding-inline: var(--bq-spacing-l);
}
.nav-menu .nav-menu-submenu ul li:hover {
  background-color: var(--bq-brand-light);
}
.nav-menu .nav-menu-submenu ul li a, .nav-menu .nav-menu-submenu ul li bq-button {
  font-size: var(--bq-font-size--m);
  padding-block: var(--bq-spacing-xs);
}
.nav-menu ul li a {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: space-between;
}
.nav-menu ul li:hover > .nav-menu-submenu {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.nav-menu-mobile .nav-menu-submenu {
  display: none;
}

.nav-submenu-mobile .nav-menu-submenu .nav-menu-submenu {
  display: none;
}

.search-form bq-input::part(control) {
  padding-block: 6px;
}

footer {
  padding: var(--bq-spacing-xxl) 0;
  background-color: var(--bq-brand-light);
}
@media only screen and (min-width: 1400px) {
  footer .grid-footer {
    grid-template-areas: "left left left left . . right0 right0 right0 right1 right1 right1" "bottomL bottomL bottomL bottomL . . bottomR bottomR bottomR bottomR bottomR bottomR";
  }
  footer .grid-footer .col-footer-left {
    grid-area: left;
  }
  footer .grid-footer .col-footer-right-0 {
    grid-area: right0;
  }
  footer .grid-footer .col-footer-right-1 {
    grid-area: right1;
  }
  footer .grid-footer .col-footer-bottom-left {
    grid-area: bottomL;
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
  }
  footer .grid-footer .col-footer-bottom-right {
    grid-area: bottomR;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399.98px) {
  footer .grid-footer {
    grid-template-areas: "left left left left left left . . right0 right0 right0 right0" "left left left left left left . . right1 right1 right1 right1" "bottomR bottomR bottomR bottomR bottomR bottomR . . bottomL bottomL bottomL bottomL";
  }
  footer .grid-footer .col-footer-left {
    grid-area: left;
  }
  footer .grid-footer .col-footer-right-0 {
    grid-area: right0;
  }
  footer .grid-footer .col-footer-right-1 {
    grid-area: right1;
  }
  footer .grid-footer .col-footer-bottom-left {
    grid-area: bottomL;
  }
  footer .grid-footer .col-footer-bottom-right {
    grid-area: bottomR;
  }
}
footer p {
  margin: 0;
}
footer h5, footer .h5 {
  font-weight: var(--bq-font-weight--bold);
  margin-bottom: var(--bq-spacing-m);
}
footer .copyright p {
  font-size: var(--bq-font-size--s);
  line-height: var(--bq-font-line-height--regular);
  color: var(--bq-text--secondary);
}
footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer ul li {
  margin-bottom: var(--bq-spacing-xs);
}
footer ul li a {
  font-size: var(--bq-font-size--l);
  line-height: var(--bq-font-line-height--regular);
  color: var(--bq-text--primary);
}
footer .social-media {
  display: flex;
  align-items: center;
  gap: var(--bq-spacing-xs);
  margin-bottom: var(--bq-spacing-m);
}
footer .newsletter {
  margin-bottom: var(--bq-spacing-l);
}
footer .newsletter-form {
  display: flex;
  gap: var(--bq-spacing-m);
  align-items: center;
  margin: var(--bq-spacing-m) 0;
}
footer .newsletter-terms {
  font-size: var(--bq-font-size--s);
  line-height: var(--bq-font-line-height--regular);
  color: var(--bq-text--secondary);
}
footer .newsletter-terms a {
  font-size: var(--bq-font-size--s);
  line-height: var(--bq-font-line-height--regular);
  text-decoration: underline;
  cursor: pointer;
  color: var(--bq-text--secondary);
}
footer .legal {
  display: flex;
  flex-direction: column;
  gap: var(--bq-spacing-m);
}
footer .legal-top {
  gap: var(--bq-spacing-s);
  display: flex;
  flex-wrap: wrap;
}
footer .legal-top img {
  max-width: 250px;
}
footer .legal-bottom {
  display: flex;
  gap: var(--bq-spacing-m);
  margin-bottom: 0;
  flex-wrap: wrap;
}
footer .legal-bottom li {
  margin-bottom: 0;
}
footer .legal-bottom li a {
  font-size: var(--bq-font-size--s);
  line-height: var(--bq-font-line-height--regular);
  color: var(--bq-text--secondary);
}

.background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.background picture {
  width: 100%;
  height: 100%;
}
.background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.background::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 0;
  border-radius: var(--bq-radius--m);
}

.section_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--bq-spacing-l);
  padding-bottom: var(--bq-spacing-s);
  gap: var(--bq-spacing-s);
}
.section_title h1, .section_title h2, .section_title h3, .section_title h4, .section_title h5, .section_title h6, .section_title p,
.section_title .h1, .section_title .h2, .section_title .h3, .section_title .h4, .section_title .h5, .section_title .h6 {
  margin-bottom: 0;
}
.section_title_xxs {
  padding-top: 0;
}
.section_title_xs {
  padding-top: var(--bq-spacing-xs);
}
.section_title_xxl {
  padding-top: var(--bq-spacing-xxl);
}
@media only screen and (max-width: 1399.98px) {
  .section_title_xxl {
    padding-top: var(--bq-spacing-l);
  }
}
.section_title h4, .section_title h5,
.section_title .h4, .section_title .h5 {
  font-weight: var(--bq-font-weight--bold);
}

main section {
  margin-bottom: var(--bq-spacing-xxl);
}
@media only screen and (max-width: 991.98px) {
  main section {
    margin-bottom: var(--bq-spacing-l);
  }
}

.tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bq-radius--xs);
}
.tags bq-tag {
  --bq-tag--background-color: var(--bq-ui--brand-light);
}

@media only screen and (max-width: 991.98px) {
  .hide-mobile {
    display: none !important;
  }
}

.show-mobile {
  display: none;
}
@media only screen and (max-width: 991.98px) {
  .show-mobile {
    display: block !important;
  }
}

.section-products .section_title {
  padding-top: 0;
  padding-bottom: var(--bq-spacing-l);
}
.section-products .section_action {
  text-align: right;
  padding: 10px 0;
}

.section-intro {
  padding-top: var(--extra-gap);
}

.main_content {
  padding-top: 48px;
  display: flex;
  flex-direction: column;
  gap: var(--extra-gap);
}
@media only screen and (max-width: 991.98px) {
  .main_content {
    padding-top: var(--bq-spacing-l);
    gap: var(--bq-spacing-l);
  }
}

.section-breadcrumb {
  overflow: auto;
  margin-bottom: 0;
  padding: var(--bq-spacing-l) 0;
}
@media only screen and (max-width: 991.98px) {
  .section-breadcrumb {
    padding: var(--bq-spacing-s) 0;
  }
}
.section-breadcrumb bq-breadcrumb {
  margin: 0 calc(var(--bq-radius--xs) * -1);
}
.section-breadcrumb bq-breadcrumb::part(navigation) {
  white-space: nowrap;
}

.block_title {
  display: flex;
  align-items: center;
  gap: var(--extra-gap);
}
.block_title h1, .block_title h2, .block_title h3, .block_title h4, .block_title h5, .block_title h6, .block_title p,
.block_title .h1, .block_title .h2, .block_title .h3, .block_title .h4, .block_title .h5, .block_title .h6 {
  margin-bottom: 0;
}
@media only screen and (max-width: 991.98px) {
  .block_title {
    gap: var(--bq-spacing-l);
  }
}

.block_title_filters {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--bq-spacing-l);
}
.block_title_filters h1, .block_title_filters h2, .block_title_filters h3, .block_title_filters h4, .block_title_filters h5, .block_title_filters h6, .block_title_filters p,
.block_title_filters .h1, .block_title_filters .h2, .block_title_filters .h3, .block_title_filters .h4, .block_title_filters .h5, .block_title_filters .h6 {
  margin-bottom: 0;
}
.block_title_filters bq-button::part(button) {
  color: var(--bq-text--secondary);
}

.formatted_text h4 {
  color: var(--bq-text--secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1399.98px) {
  .formatted_text h1 {
    font-size: var(--bq-font-size--xxl2);
    line-height: var(--bq-font-line-height--small);
  }
}
@media only screen and (max-width: 991.98px) {
  .formatted_text h1 {
    font-size: var(--bq-font-size--xl);
    line-height: var(--bq-font-line-height--regular);
  }
}
@media only screen and (max-width: 1399.98px) {
  .formatted_text h4 {
    font-size: var(--bq-font-size--l);
    line-height: var(--bq-font-line-height--regular);
  }
}

.section-main-title {
  padding-top: var(--bq-spacing-xxl);
}
.section-main-title .main-title {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .section-main-title .main-title {
    font-size: var(--bq-font-size--xxl2);
    line-height: var(--bq-font-line-height--small);
    font-weight: var(--bq-font-weight--semibold);
  }
}

.card-light::part(wrapper) {
  --bq-card--padding: var(--bq-spacing-l);
  --bq-card--background: var(--bq-brand-light);
  --bq-card--borderRadius: 0;
}
@media only screen and (max-width: 991.98px) {
  .card-light::part(wrapper) {
    --bq-card--padding: var(--bq-spacing-m);
  }
}

.section-characteristics bq-card,
.section-characteristics bq-card::part(wrapper) {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 991.98px) {
  .section-characteristics .card {
    padding-top: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399.98px) {
  .section-characteristics .card {
    padding-top: 91.95%;
  }
}
@media only screen and (min-width: 1400px) {
  .section-characteristics .card {
    padding-top: 102%;
  }
}
.section-characteristics .card .card_caption {
  padding: 0;
}
.section-characteristics .card .card_label {
  font-weight: var(--bq-font-weight--bold);
  font-size: var(--bq-font-size--m);
  line-height: var(--bq-font-line-height--regular);
  color: var(--bq-text--secondary);
  text-transform: uppercase;
}

.card {
  position: relative;
  color: var(--bq-text--inverse);
  padding-top: 100%;
}
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card p,
.card .h1, .card .h2, .card .h3, .card .h4, .card .h5, .card .h6 {
  margin-bottom: 0;
}
.card_caption {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px;
  gap: var(--bq-spacing-s);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.card_link {
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.card .background img {
  border-radius: var(--bq-radius--s);
}
.card_wrapper .background img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card_action {
  padding: var(--bq-spacing-l);
  border-bottom-left-radius: var(--bq-radius--s);
  border-bottom-right-radius: var(--bq-radius--s);
  background-color: var(--bq-brand-light);
}

.section-cards-on {
  padding-bottom: 10px;
}
.section-cards-on .card .background {
  transition: 0.3s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.section-cards-on .card_caption_title {
  text-align: center;
  font-size: var(--bq-font-size--xxl);
  line-height: var(--bq-font-line-height--small);
  font-weight: var(--bq-font-weight--semibold);
}
@media only screen and (max-width: 991.98px) {
  .section-cards-on .card_caption_title {
    font-size: var(--bq-font-size--xl);
    line-height: var(--bq-font-line-height--regular);
  }
}
@media only screen and (min-width: 992px) {
  .section-cards-on .card_caption_title {
    transition: transform 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
    transform: translateY(28px);
  }
  .section-cards-on .card_caption bq-button {
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.38, 0.41, 0.27, 1), transform 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
    transform: translateY(28px);
  }
  .section-cards-on .card:hover .card_caption_title {
    transform: translateY(0);
  }
  .section-cards-on .card:hover .card_caption bq-button {
    opacity: 1;
    transform: translateY(0);
  }
  .section-cards-on .card:hover .background {
    transform: scale(1.04);
  }
}

.section-cards-hover .card .background::before {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.section-hero {
  box-shadow: 0px 20px 58px -16px rgba(0, 0, 0, 0.16);
  margin-bottom: 0;
}

.hero {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--bq-text--inverse);
  position: relative;
  /* 600 x 960  */
  /* 768 x 1024, 800 x 1280, 1024 x 768/1366 */
  /* 1280 x 800 */
  /* 1366 x 768 */
  /* 1440 x 900 */
  /* 1920 x 1080 */
}
.hero .background::before {
  border-radius: 0;
}
@media only screen and (max-width: 360px) {
  .hero {
    padding-top: 155%;
  }
}
@media only screen and (min-width: 361px) {
  .hero {
    padding-top: 150%;
  }
}
@media only screen and (min-width: 600px) {
  .hero {
    padding-top: 118%;
  }
}
@media only screen and (min-width: 768px) {
  .hero {
    padding-top: 70%;
  }
}
@media only screen and (min-width: 1280px) {
  .hero {
    padding-top: 45%;
  }
}
@media only screen and (min-width: 1366px) {
  .hero {
    padding-top: 40%;
  }
}
@media only screen and (min-width: 1440px) {
  .hero {
    padding-top: 38%;
  }
}
@media only screen and (min-width: 1920px) {
  .hero {
    padding-top: 37%;
  }
}

.hero_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 767.98px) {
  .hero_container {
    padding-block: var(--bq-spacing-l);
  }
}
@media screen and (min-width: 768px) and (max-width: 1199.98px) {
  .hero_container {
    padding-block: var(--bq-spacing-xl);
  }
}
@media screen and (min-width: 1200px) {
  .hero_container {
    padding-block: var(--bq-spacing-xxl);
  }
}

.hero_content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.hero_content bq-button::part(button) {
  --bq-button--medium-height: 38px;
  font-size: var(--bq-font-size--s);
}
.hero_content .headline, .hero_content .text, .hero_content p {
  margin-bottom: 0;
  line-height: 1 !important;
}
.hero_content .headline {
  font-weight: var(--bq-font-weight--bold);
}
@media screen and (max-width: 767.98px) {
  .hero_content .headline {
    font-size: 2.75rem;
  }
  .hero_content .text {
    margin-top: var(--bq-spacing-xs);
    margin-bottom: var(--bq-spacing-m);
  }
  .hero_content .text p:first-of-type {
    font-size: 1.25rem;
    margin-bottom: 30px;
  }
  .hero_content .text p:last-of-type {
    font-size: var(--bq-font-size--xs);
  }
}
@media screen and (min-width: 768px) and (max-width: 1199.98px) {
  .hero_content .headline {
    font-size: clamp(1.5rem, 4vw, 5rem);
  }
  .hero_content .text {
    margin-top: var(--bq-spacing-xs);
    margin-bottom: var(--bq-spacing-m);
  }
  .hero_content .text p:first-of-type {
    margin-bottom: 30%;
    font-size: clamp(1.5rem, 1.5vw, 2rem);
  }
  .hero_content .text p:last-of-type {
    font-size: var(--bq-font-size--m);
  }
}
@media screen and (min-width: 1200px) {
  .hero_content .headline {
    font-size: clamp(1.5rem, 4vw, 5rem);
  }
  .hero_content .text {
    margin-top: var(--bq-spacing-xs);
    margin-bottom: var(--bq-spacing-m);
  }
  .hero_content .text p:first-of-type {
    margin-bottom: 30%;
    font-size: clamp(1.5rem, 1.5vw, 2rem);
  }
  .hero_content .text p:last-of-type {
    font-size: var(--bq-font-size--m);
  }
}

.section-banners .card_caption {
  gap: var(--bq-spacing-s);
  align-items: flex-start;
  justify-content: flex-end;
}
@media only screen and (max-width: 991.98px) {
  .section-banners .card_caption {
    padding: 40px 24px;
    gap: var(--bq-spacing-xs);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399.98px) {
  .section-banners .card_caption {
    padding: 40px 60px;
    gap: var(--bq-spacing-xs);
  }
  .section-banners .card_caption .button-group {
    padding-top: var(--bq-spacing-s);
  }
}
@media only screen and (min-width: 1400px) {
  .section-banners .card_caption {
    padding: 60px;
  }
  .section-banners .card_caption .button-group {
    padding-top: var(--bq-spacing-l);
  }
}
.section-banners .card_caption .background img {
  border-radius: var(--bq-radius--m);
}
.section-banners-full .banner {
  position: relative;
  color: var(--bq-text--inverse);
}
.section-banners-full .banner h1, .section-banners-full .banner h2, .section-banners-full .banner h3, .section-banners-full .banner h4, .section-banners-full .banner h5, .section-banners-full .banner h6, .section-banners-full .banner p,
.section-banners-full .banner .h1, .section-banners-full .banner .h2, .section-banners-full .banner .h3, .section-banners-full .banner .h4, .section-banners-full .banner .h5, .section-banners-full .banner .h6 {
  margin-bottom: 0;
}
.section-banners-full .banner h4 {
  font-weight: var(--bq-font-weight--bold);
}
.section-banners-full .banner .background::before {
  border-radius: 0;
}
.section-banners-full .banner_caption {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  gap: var(--bq-spacing-s);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 60px 0;
}
@media only screen and (max-width: 991.98px) {
  .section-banners-full .banner {
    padding-top: 150%;
  }
  .section-banners-full .banner h1 {
    font-size: var(--bq-font-size--xxl3);
    line-height: var(--bq-font-line-height--small);
  }
}
@media only screen and (max-width: 392.98px) {
  .section-banners-full .banner {
    padding-top: 180%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399.98px) {
  .section-banners-full .banner {
    padding-top: 58.595%;
  }
  .section-banners-full .banner h1 {
    font-size: var(--bq-font-size--xxl3);
    line-height: var(--bq-font-line-height--small);
  }
}
@media only screen and (min-width: 1400px) {
  .section-banners-full .banner {
    padding-top: 52.91%;
  }
  .section-banners-full .banner .banner_caption {
    padding: 80px 0;
  }
}
.section-banners-full .banner .button-group {
  padding-top: var(--bq-spacing-l);
}
.section-banners-full .banner .banner_content {
  display: grid;
  gap: var(--bq-spacing-s);
}
.section-banners-full .banner .background img {
  border-radius: 0;
}
.section-banners-2-3 .grid {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "col-8 col-8 col-4-1" "col-8 col-8 col-4-2";
}
.section-banners-2-3 .col-8-0 {
  grid-area: col-8;
}
.section-banners-2-3 .col-4-1 {
  grid-area: col-4-1;
}
.section-banners-2-3 .col-4-2 {
  grid-area: col-4-2;
}
@media only screen and (max-width: 991.98px) {
  .section-banners-2-3 .grid {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "col-8" "col-4-1" "col-4-2";
  }
  .section-banners-2-3 h2, .section-banners-2-3 h3,
  .section-banners-2-3 .h2, .section-banners-2-3 .h3 {
    font-size: var(--bq-font-size--xxl);
    line-height: var(--bq-font-line-height--small);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399.98px) {
  .section-banners-2-3 .col-8-0 .card {
    padding-top: 97.99%;
  }
  .section-banners-2-3 .col-4-1 .card, .section-banners-2-3 .col-4-2 .card {
    padding-top: 0;
    max-height: none;
    height: 100%;
  }
  .section-banners-2-3 .col-4-1 .card_caption, .section-banners-2-3 .col-4-2 .card_caption {
    padding: 40px 24px;
  }
  .section-banners-2-3 h2, .section-banners-2-3 .h2 {
    font-size: var(--bq-font-size--xxl3);
    line-height: var(--bq-font-line-height--small);
  }
  .section-banners-2-3 h3, .section-banners-2-3 .h3 {
    font-size: var(--bq-font-size--xxl);
    line-height: var(--bq-font-line-height--small);
  }
}
@media only screen and (min-width: 1400px) {
  .section-banners-2-3 .col-4-1 .card, .section-banners-2-3 .col-4-2 .card {
    padding-top: 0;
    max-height: none;
    height: 100%;
  }
  .section-banners-2-3 .col-8-0 .card {
    padding-top: 81.86%;
  }
}
@media only screen and (max-width: 991.98px) {
  .section-banners-2 .card {
    padding-top: 79%;
  }
  .section-banners-2 .card h2, .section-banners-2 .card .h2 {
    font-size: var(--bq-font-size--xxl);
    line-height: var(--bq-font-line-height--small);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399.98px) {
  .section-banners-2 .card {
    padding-top: 132%;
  }
  .section-banners-2 .card h2, .section-banners-2 .card .h2 {
    font-size: var(--bq-font-size--xxl);
    line-height: var(--bq-font-line-height--small);
  }
}
@media only screen and (min-width: 1400px) {
  .section-banners-2 .card {
    padding-top: 110.2%;
  }
}
@media only screen and (max-width: 991.98px) {
  .section-banners-3 .card h2, .section-banners-3 .card .h2 {
    font-size: var(--bq-font-size--xxl);
    line-height: var(--bq-font-line-height--small);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399.98px) {
  .section-banners-3 .card {
    padding-top: 155.74%;
  }
  .section-banners-3 .card_caption {
    padding: 40px 24px;
  }
  .section-banners-3 .card h2, .section-banners-3 .card .h2 {
    font-size: var(--bq-font-size--xxl);
    line-height: var(--bq-font-line-height--small);
  }
}
@media only screen and (min-width: 1400px) {
  .section-banners-3 .card {
    padding-top: 125%;
  }
}
.section-banners-3 .swiper_navigation {
  gap: 10px;
  display: none;
  color: var(--bq-icon--primary);
  padding: 32px 0 18px 0;
  opacity: 48%;
}
@media only screen and (max-width: 991.98px) {
  .section-banners-3 .swiper_navigation {
    display: flex;
  }
}
.section-banners-auxiliary .banner {
  position: relative;
  padding-top: 0;
  min-height: 500px;
}
.section-banners-auxiliary .banner .background::before {
  border-radius: 0;
}

.section-banner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: 0px 20px 58px -16px rgba(0, 0, 0, 0.16);
  margin-bottom: 0;
  position: relative;
  display: flex;
  align-items: center;
  padding: 40px 0px;
  color: var(--bq-text--inverse);
  min-height: 200px;
}

.section-inner-banner {
  padding-top: var(--bq-spacing-l);
}
.section-inner-banner .banner {
  position: relative;
}
@media only screen and (max-width: 991.98px) {
  .section-inner-banner-homepage .banner {
    height: 600px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399.98px) {
  .section-inner-banner-homepage .banner {
    height: 504px;
  }
}
@media only screen and (min-width: 1400px) {
  .section-inner-banner-homepage .banner {
    height: 800px;
  }
}

.section-categories .card h4, .section-categories .card .h4 {
  font-weight: var(--bq-font-weight--semibold);
  text-align: center;
}

.product {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  position: relative;
  height: 100%;
}
.product_link {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.product_image {
  display: flex;
  position: relative;
  padding-inline: var(--bq-spacing-m);
  margin-bottom: var(--bq-spacing-m);
  justify-content: center;
}
@media only screen and (max-width: 767.98px) {
  .product_image {
    padding-inline: 0;
  }
}
.product_meta {
  display: flex;
  flex-direction: column;
  gap: var(--bq-spacing-xs);
  border-width: var(--bq-stroke-s) 0 var(--bq-stroke-s) 0;
  border-style: solid;
  border-color: var(--bq-stroke--brand);
  padding: var(--bq-spacing-m);
  padding-bottom: var(--bq-spacing-l);
  flex: 1 0 auto;
}
@media only screen and (max-width: 991.98px) {
  .product_meta {
    padding: var(--bq-spacing-m) var(--bq-spacing-xs);
    gap: 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .product_meta {
    padding-inline: 0;
    gap: 0;
  }
}
.product_label {
  font-size: var(--bq-font-size--s);
  line-height: var(--bq-font-line-height--regular);
  color: var(--bq-text--brand);
}
@media only screen and (max-width: 991.98px) {
  .product_name h6, .product_name .h6 {
    font-size: var(--bq-font-size--m);
    line-height: var(--bq-font-line-height--regular);
  }
}
.product_quantity {
  opacity: 0.6;
  font-size: var(--bq-font-size--m);
  line-height: var(--bq-font-line-height--regular);
}
@media only screen and (max-width: 991.98px) {
  .product_quantity {
    font-size: var(--bq-font-size--xs);
    line-height: var(--bq-font-line-height--regular);
    letter-spacing: 0.02em;
  }
}
.product_price {
  display: flex;
  align-items: center;
  gap: var(--bq-spacing-xs);
  margin-top: auto;
}
.product_price .price {
  font-weight: var(--bq-font-weight--semibold);
  font-size: var(--bq-font-size--l) !important;
  color: var(--bq-text--primary) !important;
}
.product_price .price_old {
  font-size: var(--bq-font-size--s);
  line-height: var(--bq-font-line-height--regular);
  text-decoration: line-through;
  color: var(--bq-text--primary-disabled);
}
.product_price .discount {
  color: var(--bq-text--secondary);
}
.product_actions {
  z-index: 2;
  position: relative;
}
@media only screen and (max-width: 991.98px) {
  .product_actions {
    margin-top: 8px;
  }
  .product_actions bq-button::part(button) {
    line-height: 1;
  }
}
@media only screen and (max-width: 767.98px) {
  .product_actions bq-button::part(button) {
    block-size: 40px;
  }
}
.product_wishlist {
  z-index: 2;
  position: absolute;
  top: 0px;
  right: 0;
}
.product_wishlist button {
  background-color: transparent;
  border: 0;
  width: 28px;
  height: 28px;
  padding: 2px;
  cursor: pointer;
}
.product_wishlist bq-icon::part(svg) {
  fill: var(--bq-ui--brand);
}
.product_tag {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  padding-inline: var(--bq-spacing-xs);
  padding-block: var(--bq-spacing-xs3);
  font-size: var(--bq-font-size--s);
  line-height: var(--bq-font-line-height--regular);
  background-color: var(--bq-ui--brand);
  border-radius: var(--bq-radius--s);
  color: var(--bq-text--inverse);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--bq-font-weight--bold);
}
.product-upsell {
  margin-top: var(--bq-spacing-xxl);
  display: flex;
  flex-direction: column;
  gap: var(--bq-spacing-xs2);
}
.product-upsell-title {
  font-weight: var(--bq-font-weight--semibold);
  display: flex;
  gap: var(--bq-spacing-m);
  justify-content: space-between;
}
.product-upsell-item {
  padding: var(--bq-spacing-s);
  border: 1px solid var(--bq-stroke--secondary);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--bq-spacing-xs);
  border-radius: var(--bq-radius--s);
}
.product-upsell-item img {
  transition: 0.5s cubic-bezier(0.38, 0.41, 0.27, 1);
}
.product-upsell-item span {
  color: var(--bq-text--primary);
}
.product-upsell-item span, .product-upsell-item p {
  font-size: var(--bq-font-size--s);
}
.product-upsell-item:hover {
  border-color: var(--bq-stroke--brand);
}
.product-upsell-item:hover img {
  transform: scale(1.1);
}
.product-upsell-item:hover span {
  color: var(--bq-text--brand);
}

bq-accordion::part(base) {
  --bq-accordion--medium-radius: var(--bq-radius--s);
  --bq-accordion--medium-gap: var(--bq-spacing-s);
}
bq-accordion::part(header) {
  font-weight: var(--bq-font-weight--semibold);
  --bq-icon--color: transparent;
  position: relative;
}
bq-accordion::part(header)::after {
  height: 24px;
  width: 24px;
  text-align: center;
  font-size: 18px;
  font-weight: var(--bq-font-weight--bold);
  color: var(--bq-icon--primary);
}
bq-accordion[appearance=filled]::part(header) {
  --bq-accordion--filled-collapsed-background: var(--bq-ui--primary-light);
  --bq-accordion--filled-expanded-background: var(--bq-ui--brand-light);
}
bq-accordion[appearance=filled]::part(header):hover {
  background-color: var(--bq-ui--secondary-hover);
}
bq-accordion[appearance=filled]::part(panel) {
  --bq-accordion--panel-filled-border-color: #E7E8EB;
}
bq-accordion[appearance=ghost]::part(header):hover {
  background-color: transparent;
  color: var(--bq-text--brand-hover);
}
bq-accordion[expanded]::part(header)::after {
  content: "–";
}
bq-accordion:not([expanded])::part(header)::after {
  content: "+";
}

.section-accordion-ghost {
  background-color: var(--bq-ui--brand-light);
  padding-top: var(--bq-spacing-xl);
  padding-bottom: var(--extra-gap);
}
@media only screen and (max-width: 1399.98px) {
  .section-accordion-ghost {
    padding-top: var(--bq-spacing-l);
    padding-bottom: var(--bq-spacing-xl);
  }
}

.accordion-ghost::part(base) {
  --bq-accordion-group--gap: 0;
}
.accordion-ghost bq-accordion {
  border-bottom: 1px solid var(--bq-ui--secondary);
}
.accordion-ghost bq-accordion::part(base) {
  --bq-accordion--medium-padding-end: 0;
  --bq-accordion--medium-padding-start: 0;
}
.accordion-ghost bq-accordion::part(panel) {
  --bq-accordion--panel-medium-ghost-padding-y: var(--bq-spacing-s);
  --bq-accordion--panel-medium-ghost-padding-start: 0;
  --bq-accordion--panel-medium-ghost-padding-end: 0;
}

.accordion-group {
  margin-bottom: var(--bq-spacing-xl);
}
.accordion-group p {
  font-weight: var(--bq-font-weight--bold);
}

.accordion-terms {
  display: flex;
  flex-direction: column;
  gap: var(--bq-spacing-xs);
}
.accordion-terms .accordion-header {
  background-color: var(--bq-ui--primary-light);
  border-radius: var(--bq-radius--s);
  font-weight: var(--bq-font-weight--semibold);
  --bq-icon--color: transparent;
  position: relative;
  padding: var(--bq-spacing-s) var(--bq-spacing-m);
  display: flex;
  gap: var(--bq-spacing-s);
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.accordion-terms .accordion-header::after {
  content: "+";
  height: 24px;
  width: 24px;
  text-align: center;
  font-size: 18px;
  font-weight: var(--bq-font-weight--bold);
  color: var(--bq-icon--primary);
}
.accordion-terms .accordion-header.active {
  border-end-end-radius: 0px;
  border-end-start-radius: 0px;
  background-color: var(--bq-ui--brand-light);
}
.accordion-terms .accordion-header.active::after {
  content: "–";
}
.accordion-terms .accordion-header h2 * {
  display: block;
  font-size: var(--bq-font-size--xl);
  line-height: var(--bq-font-line-height--regular);
  font-size: var(--bq-font-size--l) !important;
}
.accordion-terms .accordion-content {
  display: none;
  padding: var(--bq-spacing-m);
  border: 1px solid #E7E8EB;
  border-radius: var(--bq-radius--s);
  border-start-end-radius: 0px;
  border-start-start-radius: 0px;
}
.accordion-terms .accordion-content .accordion-header h3 {
  font-size: var(--bq-font-size--l);
  line-height: var(--bq-font-line-height--regular);
}

bq-input[type=number]::part(control) {
  --bq-input--paddingY: calc(var(--bq-spacing-s) - 1px);
}
bq-input[type=text]::part(control), bq-input[type=number]::part(control), bq-input[type=search]::part(control) {
  background-color: var(--bq-ui--primary);
  font-weight: var(--bq-font-weight--regular);
}

.input-number {
  display: flex;
  align-items: center;
  gap: var(--bq-spacing-s);
}
.input-number bq-input {
  --input-size: calc(var(--bq-input--icon-size) + var(--bq-input--paddingY) * 2);
}
.input-number bq-input::part(control) {
  width: var(--input-size);
  overflow: hidden;
  --bq-input--padding-end: var(--bq-spacing-xs2);
  --bq-input--padding-start: var(--bq-spacing-xs2);
}
.input-number bq-input::part(input) {
  text-align: center;
}
@media only screen and (min-width: 1400px) {
  .input-number bq-input::part(input) {
    width: calc(var(--input-size) + 8px);
    min-width: auto;
  }
}

bq-checkbox[background-on-hover]::part(base):hover {
  background-color: var(--bq-ui--secondary);
}
bq-checkbox:not([checked])::part(checkbox) {
  border-color: var(--bq-icon--secondary);
}

bq-drawer {
  --bq-drawer--width: 100%;
  --bq-drawer--backgroundBackdrop: #000;
  visibility: hidden;
}
bq-drawer::part(panel) {
  background-color: var(--bq-ui--brand-light);
  --bq-drawer--paddingY: var(--bq-spacing-xxl);
  --bq-drawer--paddingX: 0;
  z-index: 110;
}
bq-drawer::part(header) {
  padding-inline: var(--container-padding);
  align-items: center;
}
bq-drawer::part(backdrop) {
  opacity: 0.5;
}
bq-drawer .drawer-footer {
  text-align: center;
}
bq-drawer::part(button-close) {
  align-items: center;
}

.drawer-filters .filters {
  padding: 0;
}
.drawer-search::part(panel) {
  --bq-drawer--gap: 0;
}
.drawer-search .search-form {
  margin-bottom: var(--bq-spacing-xxl2);
  margin-top: calc(var(--bq-button--small-height) * -1);
}
@media only screen and (max-width: 991.98px) {
  .drawer-search .search-form {
    margin-bottom: var(--bq-spacing-xxl);
    max-width: 400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399.98px) {
  .drawer-search .search-form {
    max-width: 400px;
  }
}
@media only screen and (min-width: 1400px) {
  .drawer-search .search-form {
    max-width: 420px;
  }
}
.drawer-search .grid-search .col-md-8, .drawer-search .grid-search .col-lg-8 {
  grid-column-start: 3;
}
@media only screen and (max-width: 991.98px) {
  .drawer-search .grid-search .col-md-8, .drawer-search .grid-search .col-lg-8 {
    grid-column-start: auto;
  }
}
.drawer-search .search_results {
  display: flex;
  flex-wrap: wrap;
}
.drawer-search .search_results_items {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: var(--bq-spacing-xs);
  margin-bottom: var(--bq-spacing-xxl);
}
@media only screen and (max-width: 991.98px) {
  .drawer-search .search_results_items {
    width: 100%;
  }
}
.drawer-search .search_results_items p {
  font-weight: var(--bq-font-weight--bold);
  color: var(--bq-text--secondary);
  margin-bottom: 0;
}
.drawer-search .search_results_items ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--bq-spacing-xs);
}
.drawer-search .search_results_items ul li a {
  color: var(--bq-text--secondary);
}
.drawer-nav-menu::part(panel) {
  --bq-drawer--paddingY: var(--bq-spacing-xs);
}
.drawer-nav-menu::part(header) {
  padding-block: var(--bq-spacing-l);
}
.drawer-nav-menu bq-icon {
  color: var(--bq-icon--primary);
}
.drawer-nav-submenu bq-icon {
  color: var(--bq-icon--primary);
}
@media only screen and (min-width: 992px) {
  .drawer-nav-submenu::part(panel) {
    width: calc((100% - var(--container-padding) * 2) / 4 + var(--bq-spacing-l));
    padding-left: var(--container-padding);
    padding-top: var(--submenu-drawer-padding);
    z-index: 10;
  }
  .drawer-nav-submenu::part(backdrop) {
    z-index: 10;
  }
  .drawer-nav-submenu::part(header) {
    padding: 10px;
  }
}
@media only screen and (min-width: 1400px) {
  .drawer-nav-submenu::part(panel) {
    width: calc((100% - var(--container-padding) * 2) / 6 + var(--bq-spacing-l));
  }
}
@media only screen and (max-width: 991.98px) {
  .drawer-nav-submenu::part(panel) {
    z-index: 31;
  }
}

.hide-backdrop::part(backdrop) {
  display: none;
}

.sticky-nav {
  --submenu-drawer-padding: 100px;
}
@media only screen and (max-width: 991.98px) {
  .sticky-nav {
    --submenu-drawer-padding: 80px;
  }
}

.filters {
  padding: var(--bq-spacing-l);
  background-color: var(--bq-ui--brand-light);
  --filters-color: var(--bq-text--secondary);
}
.filters_title {
  font-size: var(--bq-font-size--m);
  line-height: var(--bq-font-line-height--regular);
  font-weight: var(--bq-font-weight--bold);
  display: flex;
  align-items: center;
  gap: var(--bq-spacing-xs2);
  padding: var(--bq-spacing-s) 0;
  border-bottom: 1px solid var(--bq-ui--secondary);
  text-transform: uppercase;
}
.filters_title span {
  color: var(--filters-color);
}
.filters .accordion-ghost bq-accordion::part(header) {
  font-weight: var(--bq-font-weight--regular);
}
.filters .accordion-ghost bq-accordion::part(text), .filters .accordion-ghost bq-accordion::part(panel) {
  color: var(--filters-color);
}
.filters .accordion-ghost bq-accordion:last-of-type[expanded] {
  border: 0;
}
.filters_action {
  padding: var(--bq-spacing-l) 0;
}
.filters bq-checkbox:not([checked])::part(checkbox) {
  border-color: var(--filters-color);
}
.filters bq-checkbox::part(label) {
  color: var(--filters-color);
  font-weight: var(--bq-font-weight--regular);
}
.filters_group {
  display: flex;
  flex-direction: column;
}
.filters_group_action {
  padding-top: var(--bq-spacing-m);
  padding-bottom: var(--bq-spacing-m)-var(--bq-accordion--panel-medium-ghost-padding-y);
  font-size: var(--bq-font-size--xs);
  line-height: var(--bq-font-line-height--regular);
  letter-spacing: 0.02em;
}
.filters_price {
  padding-top: var(--bq-spacing-m);
}
.filters_price_input {
  display: flex;
  justify-content: space-between;
  padding-top: var(--bq-spacing-l);
}
.filters_price_input > * {
  width: 100px;
}

.pagination {
  display: flex;
  gap: var(--bq-spacing-xs);
  padding-top: var(--bq-spacing-l);
}
.pagination bq-button::part(button) {
  min-width: var(--bq-button--small-height);
}

bq-tooltip {
  --bq-tooltip--background-color: var(--bq-ui--primary);
  --bq-tooltip--font-size: var(--bq-font-size--s);
  --bq-tooltip--text-color: var(--bq-text--primary);
  --bq-tooltip--paddingX: var(--bq-spacing-s);
  --bq-tooltip--paddingY: var(--bq-spacing-s);
  --bq-tooltip--border-color: var(--bq-ui--secondary);
  --bq-tooltip--border-style: solid;
  --bq-tooltip--border-width: 1px;
  z-index: 2;
  margin-left: -4px;
}
bq-tooltip::part(panel) {
  border-style: solid;
}
bq-tooltip:hover {
  cursor: pointer;
}
bq-tooltip bq-icon {
  --bq-icon--size: 14px !important;
  --bq-icon--color: var(--bq-text--secondary);
}
bq-tooltip p {
  font-size: var(--bq-font-size--s);
  margin-bottom: var(--bq-spacing-xs) !important;
}

.category_products {
  display: flex;
  gap: 40px;
  flex-direction: column;
}
@media only screen and (max-width: 991.98px) {
  .category_products {
    gap: var(--bq-spacing-l);
  }
}
@media only screen and (max-width: 991.98px) {
  .category_products .product_inner {
    padding-top: 111.85%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399.98px) {
  .category_products .product_inner {
    padding-top: 103.1%;
  }
}
@media only screen and (min-width: 1400px) {
  .category_products .product_inner {
    padding-top: 109.95%;
  }
}

.grid-products {
  gap: 40px var(--bq-spacing-l);
}
@media only screen and (max-width: 991.98px) {
  .grid-products {
    grid-template-columns: repeat(auto-fit, calc(50% - 20px));
    gap: var(--bq-spacing-l);
  }
  .grid-products [class^=col-] {
    grid-column: auto;
  }
}

@media only screen and (max-width: 991.98px) {
  .section-product .main_content {
    padding-top: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399.98px) {
  .section-product .main_content {
    padding-top: var(--bq-spacing-l);
  }
}
.section-product .main_content .block_breadcrumb:not(.hide-mobile) + .grid {
  margin-top: calc(var(--bq-spacing-l) * -1);
}
.section-product .block_breadcrumb {
  overflow: auto;
  padding: var(--bq-spacing-l) 0;
}
@media only screen and (max-width: 991.98px) {
  .section-product .block_breadcrumb {
    padding: var(--bq-spacing-s) 0;
  }
}
.section-product .block_breadcrumb bq-breadcrumb::part(navigation) {
  white-space: nowrap;
}
.section-product .product_gallery_wrapper {
  position: relative;
}
@media only screen and (max-width: 991.98px) {
  .section-product .product_gallery_wrapper {
    margin: 0 calc(var(--container-padding) * -1);
    min-height: 394px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399.98px) {
  .section-product .product_gallery_wrapper {
    padding-top: 90%;
  }
}
@media only screen and (min-width: 1400px) {
  .section-product .product_gallery_wrapper {
    padding-top: 86%;
  }
}
.section-product .product_gallery {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-width: var(--bq-stroke-s) 0 var(--bq-stroke-s) 0;
  border-style: solid;
  border-color: var(--bq-stroke--brand);
}
@media only screen and (max-width: 1399.98px) {
  .section-product .product_gallery {
    padding: var(--bq-spacing-m) var(--bq-spacing-xl);
  }
}
@media only screen and (min-width: 1400px) {
  .section-product .product_gallery {
    padding: 36px 72px;
  }
}
.section-product .product_gallery_image {
  height: 100%;
}
.section-product .product_gallery_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.section-product .product_gallery swiper-container {
  --swiper-theme-color: var(--bq-ui--brand);
  height: 100%;
}
.section-product .product_gallery swiper-container swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-product .product_gallery .swiper_navigation {
  z-index: 20;
  --bq-icon--size: 24px;
  color: var(--bq-icon--brand);
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: calc((var(--bq-icon--size) + var(--bq-spacing-s) * 2) / 2 * -1);
  justify-content: space-between;
}
@media only screen and (max-width: 392.98px) {
  .section-product .product_gallery .swiper_navigation {
    left: calc(var(--container-padding) * 0.5);
    right: calc(var(--container-padding) * 0.5);
  }
}
.section-product .product_gallery .swiper_navigation .swiper-next[aria-disabled=true] .button-icon-only::part(button),
.section-product .product_gallery .swiper_navigation .swiper-prev[aria-disabled=true] .button-icon-only::part(button) {
  color: var(--bq-icon--brand-disabled);
}
.section-product .product_gallery .swiper_navigation .swiper-next[aria-disabled=true] .button-icon-only::part(button):hover, .section-product .product_gallery .swiper_navigation .swiper-next[aria-disabled=true] .button-icon-only::part(button):active,
.section-product .product_gallery .swiper_navigation .swiper-prev[aria-disabled=true] .button-icon-only::part(button):hover,
.section-product .product_gallery .swiper_navigation .swiper-prev[aria-disabled=true] .button-icon-only::part(button):active {
  background-color: transparent;
}
@media only screen and (min-width: 1400px) {
  .section-product .product_gallery .swiper_navigation .swiper-next,
  .section-product .product_gallery .swiper_navigation .swiper-prev {
    padding: var(--bq-spacing-s) var(--bq-spacing-l);
  }
}
.section-product .product_intro {
  display: flex;
  flex-direction: column;
  gap: var(--bq-spacing-xs);
}
@media only screen and (max-width: 1399.98px) {
  .section-product .product_name h3 {
    font-size: var(--bq-font-size--xxl);
    line-height: var(--bq-font-line-height--small);
  }
}
.section-product .product_quantity {
  font-size: var(--bq-font-size--s);
  line-height: var(--bq-font-line-height--regular);
  opacity: 1;
  color: var(--bq-text--secondary);
}
.section-product .product_reviews {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--bq-spacing-xs);
  padding: var(--bq-spacing-m) 0;
}
@media only screen and (max-width: 1399.98px) {
  .section-product .product_reviews {
    padding: var(--bq-spacing-xs) 0;
  }
}
.section-product .product_reviews_num {
  font-size: var(--bq-font-size--s);
  line-height: var(--bq-font-line-height--regular);
  text-decoration: underline;
  cursor: pointer;
}
.section-product .product_rating_stars {
  position: relative;
}
.section-product .product_rating_stars::before, .section-product .product_rating_stars::after {
  content: "★★★★★";
}
.section-product .product_rating_stars::before {
  display: block;
  color: #626366;
}
.section-product .product_rating_stars::after {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--stars-width);
  color: #F6B527;
  overflow: hidden;
  min-height: 100%;
}
.section-product .product_rating_num {
  font-weight: var(--bq-font-weight--bold);
}
.section-product .product_info {
  display: flex;
  flex-direction: column;
  gap: var(--bq-spacing-xs);
}
.section-product .product_info_item {
  display: flex;
  align-items: center;
  gap: var(--bq-spacing-xs);
  font-size: var(--bq-font-size--s);
  line-height: var(--bq-font-line-height--regular);
}
.section-product .product_info_item bq-icon {
  color: var(--bq-icon--secondary-disabled);
}
.section-product .product_price {
  padding: var(--bq-spacing-l) 0;
}
@media only screen and (max-width: 1399.98px) {
  .section-product .product_price {
    padding: var(--bq-spacing-m) 0;
  }
}
.section-product .product_price .price {
  font-weight: var(--bq-font-weight--bold);
  font-size: var(--bq-font-size--xl) !important;
}
.section-product .product_price .price_old {
  font-size: var(--bq-font-size--l);
  line-height: var(--bq-font-line-height--regular);
  color: var(--bq-text--secondary);
}
.section-product .product_actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bq-spacing-xl);
}
.section-product .product_wishlist {
  right: 20px;
  top: 20px;
}
.section-product .product_tag {
  left: 15px;
  top: 20px;
}
.section-product .section_title {
  padding: 0;
}

.ingredient {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px;
  color: var(--bq-text--inverse);
}
.ingredient .background img {
  border-radius: var(--bq-radius--s);
}

@media only screen and (min-width: 1400px) {
  .section-ingredients .section_title {
    padding-top: 0;
  }
}
.section-ingredients .card_caption_description {
  display: none;
  padding-inline: var(--bq-spacing-m);
  text-align: center;
  transition: transform 0.4s cubic-bezier(0.38, 0.41, 0.27, 1);
  transform: translateY(28px);
}
.section-ingredients .card:hover .card_caption_description {
  display: block;
  transform: translateY(0);
}

.subsection_banner {
  position: relative;
}
@media only screen and (max-width: 991.98px) {
  .subsection_banner {
    height: auto;
  }
  .subsection_banner .background {
    position: relative;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399.98px) {
  .subsection_banner {
    min-height: 470px;
  }
}
@media only screen and (min-width: 1400px) {
  .subsection_banner {
    min-height: 740px;
  }
}
@media only screen and (min-width: 1400px) {
  .subsection .grid-subsection .col-lg-8 {
    grid-column-start: 3;
  }
}
.subsection_content {
  padding: var(--bq-spacing-xxl) 0;
}
.subsection_content h6 {
  color: var(--bq-text--secondary);
}
@media only screen and (min-width: 1400px) {
  .subsection_content {
    padding: calc(var(--bq-spacing-xl) + var(--bq-spacing-xxl)) 0;
  }
}
.subsection-centered .subsection_content {
  align-items: center;
  text-align: center;
}
@media only screen and (max-width: 991.98px) {
  .subsection-centered .subsection_content h3 {
    font-size: var(--bq-font-size--xl);
    line-height: var(--bq-font-line-height--regular);
  }
}

.iframe_wrapper,
.video_wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.iframe_wrapper iframe, .iframe_wrapper object, .iframe_wrapper embed,
.video_wrapper iframe,
.video_wrapper object,
.video_wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.faqs {
  padding-top: var(--bq-spacing-xl);
}
.faqs h5 {
  font-weight: var(--bq-font-weight--bold);
}

.grid-auxiliary {
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .grid-auxiliary .col-auxiliary-left {
    grid-column-start: 2;
  }
}
@media only screen and (min-width: 992px) {
  .grid-auxiliary .col-auxiliary-right {
    grid-column-start: 8;
  }
}
.grid-auxiliary p {
  font-size: var(--bq-font-size--l);
  line-height: var(--bq-font-line-height--regular);
}
@media only screen and (max-width: 991.98px) {
  .grid-auxiliary h2 {
    font-size: var(--bq-font-size--xxl);
    line-height: var(--bq-font-line-height--small);
  }
}

.section-auxiliary {
  margin-bottom: var(--bq-spacing-xxl3);
}
.section-auxiliary-title {
  text-align: center;
  margin-bottom: var(--bq-spacing-xxl2);
}
.section-auxiliary-title * {
  font-size: var(--bq-font-size--xxl3);
  line-height: var(--bq-font-line-height--small);
}
.section-auxiliary-image img {
  width: 100%;
}
.section-auxiliary-body h2 {
  margin-bottom: var(--bq-spacing-s);
  font-size: var(--bq-font-size--xxl);
  line-height: var(--bq-font-line-height--small);
}
.section-auxiliary-body p {
  margin-bottom: var(--bq-spacing-xl);
}

.section-partners {
  margin-bottom: var(--bq-spacing-xxl3);
}
.section-partners .grid {
  align-items: center;
}

.blog_intro {
  display: flex;
  flex-direction: column;
  gap: var(--bq-spacing-s);
}
.blog_intro h1, .blog_intro h2, .blog_intro h3, .blog_intro h4, .blog_intro h5, .blog_intro h6, .blog_intro p,
.blog_intro .h1, .blog_intro .h2, .blog_intro .h3, .blog_intro .h4, .blog_intro .h5, .blog_intro .h6 {
  margin-bottom: 0;
}
.blog_intro .button-group {
  padding-top: var(--bq-spacing-s);
}
.blog_intro h6 {
  color: var(--bq-text--secondary);
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .grid-articles .col-4 {
    grid-column: auto/span 6 !important;
  }
}

@media only screen and (min-width: 1400px) {
  .grid-article .col-lg-8 {
    grid-column-start: 3;
  }
}

.article_intro h4 {
  color: var(--bq-text--secondary);
}
@media only screen and (max-width: 991.98px) {
  .article_intro {
    padding-top: var(--bq-spacing-l);
  }
  .article_intro h1 {
    font-size: var(--bq-font-size--xl);
    line-height: var(--bq-font-line-height--regular);
  }
  .article_intro h4 {
    font-size: var(--bq-font-size--l);
    line-height: var(--bq-font-line-height--regular);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399.98px) {
  .article_intro h1 {
    font-size: var(--bq-font-size--xxl2);
    line-height: var(--bq-font-line-height--small);
  }
  .article_intro h4 {
    font-size: var(--bq-font-size--l);
    line-height: var(--bq-font-line-height--regular);
  }
}
@media only screen and (min-width: 1400px) {
  .article_intro {
    text-align: center;
  }
}
.article_banner {
  position: relative;
}
@media only screen and (max-width: 1399.98px) {
  .article_banner {
    min-height: 220px;
  }
}
@media only screen and (min-width: 1400px) {
  .article_banner {
    min-height: 500px;
  }
}
.article_banner .background::before {
  border-radius: 0;
}
.article_content div {
  max-width: 100%;
}
.article_content h2, .article_content h3, .article_content h4, .article_content h5, .article_content h6 {
  color: var(--bq-text--secondary);
  font-weight: var(--bq-font-weight--bold);
}
.article_content h2 {
  font-size: var(--bq-font-size--xl);
}
.article_content h3 {
  font-size: var(--bq-font-size--l);
}
.article_content p, .article_content ul {
  margin-bottom: var(--bq-spacing-m);
}
.article_content h2, .article_content h3, .article_content h4, .article_content h5, .article_content h6 {
  padding-top: var(--bq-spacing-l);
}
.article_content img {
  padding: var(--bq-spacing-m) 0;
}
.article_meta {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--bq-spacing-l);
  margin-bottom: var(--bq-spacing-xxl);
}
@media only screen and (max-width: 991.98px) {
  .article_meta {
    justify-content: flex-start;
    margin-bottom: var(--bq-spacing-l);
  }
}
.article_date {
  font-weight: var(--bq-font-weight--semibold);
}

.gallery-image {
  padding-top: 60%;
  position: relative;
}
@media only screen and (max-width: 991.98px) {
  .gallery-image {
    padding-top: 56%;
  }
}
.gallery-image-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.gallery-image-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.section-letters .letters {
  position: relative;
  padding-inline: 40px;
}
.section-letters .letters swiper-container {
  overflow: hidden;
}
.section-letters .letters .swiper_navigation .swiper-next,
.section-letters .letters .swiper_navigation .swiper-prev {
  position: absolute;
  top: 3px;
}
.section-letters .letters .swiper_navigation .swiper-next {
  right: 0px;
}
.section-letters .letters .swiper_navigation .swiper-prev {
  left: 0px;
}
.section-letters .letters swiper-slide {
  width: 40px;
  height: 40px;
}
.section-letters .letters .letter-item {
  height: 100%;
}
.section-letters .letters .letter-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--bq-text--secondary);
  font-size: var(--bq-font-size--m);
  position: relative;
}
.section-letters .letters .letter-item a:hover {
  background-color: var(--bq-ui--brand-light);
  border-radius: var(--bq-radius--s);
  color: var(--bq-text--primary);
}
.section-letters .letters .letter-item.active a {
  font-size: var(--bq-font-size--xxl);
  color: var(--bq-ui--brand);
}
.section-letters .letters .letter-item.active a::after {
  display: block;
  content: "";
  background: var(--bq-ui--brand);
  width: 20px;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
}

/*# sourceMappingURL=index.css.map */