*, ::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:  ;
}

::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.14 | 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 {
  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 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  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::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

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

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
  :target {
  scroll-margin-top: 8rem;
}
  @media (min-width: 1024px) {

  :target {
    scroll-margin-top: 12rem;
  }
}
  button {
    text-align: inherit;
  }
  [x-cloak] {
    display: none !important;
  }
  [data-theme=verso-natura] {
    --color-primary1: #00592c;
    --color-neutral: #f8f6ef;
  }
  [data-theme=piacersi] {
    --color-primary1: #194a5b;
    --color-neutral: #f8f6ef;
  }
  [data-theme=baby] {
    --color-primary1: #8f993e;
    --neutral: #f8f6ef;
  }
  [data-theme=conad] {
    --color-primary1: #da291c;
    --color-neutral: #f8f6ef;
  }
  [data-theme=sapori-e-idee] {
    --color-primary1: #81272c;
    --color-neutral: #f8f6ef;
  }
  [data-theme="11-paralleli"] {
    --color-primary1: #435c59;
    --color-neutral: #f8f6ef;
  }
  [data-theme=essentiaelab] {
    --color-primary1: #3e4827;
    --color-neutral: #f8f6ef;
  }
  [data-theme=alimentum] {
    --color-primary1: #978c87;
    --color-neutral: #f8f6ef;
  }
  [data-theme=pet-friends] {
    --color-primary1: #594747;
    --color-neutral: #f8f6ef;
  }
  [data-theme=parafarmacia] {
    --color-primary1: #12727b;
    --color-neutral: #f8f6ef;
  }
  [data-theme=essentiae] {
    --color-primary1: #3e4827;
    --color-neutral: #f8f6ef;
  }
  [data-theme=sapori-e-dintorni] {
    --color-primary1: #003663;
    --color-neutral: #f8f6ef;
  }
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@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;
  }
}
.\!container {
  width: 100%;
}
@media (min-width: 768px) {

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

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

  .\!container {
    max-width: 1384px;
  }
}
.container {
  width: 100%;
}
@media (min-width: 768px) {

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

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

  .container {
    max-width: 1384px;
  }
}
.btn-primary {
  height: 52px;
  width: 100%;
  cursor: pointer;
  border-radius: 0.75rem;
  background-color: var(--color-brown);
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  line-height: 52px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn-primary:hover {
  background-color: var(--color-brown);
  opacity: 0.9;
}
.btn-primary:focus-visible {
  background-color: var(--color-brown);
  opacity: 0.9;
}
@media (min-width: 1024px) {

  .btn-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.btn-tertiary {
  height: 56px;
  width: 100%;
  cursor: pointer;
  border-radius: 0.75rem;
  border-width: 2px;
  border-style: solid;
  border-color: var(--color-light-brown);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  line-height: 52px;
  color: var(--color-brown);
}
.btn-tertiary:hover {
  color: var(--color-light-brown);
}
.btn-tertiary:focus-visible {
  color: var(--color-light-brown);
}
@media (min-width: 1024px) {

  .btn-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.btn-tag {
  display: inline-block;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(60 13 30 / var(--tw-bg-opacity));
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(248 250 252 / var(--tw-text-opacity));
}
.separator {
  height: 0.25rem;
  width: 2rem;
  border-radius: 0.25rem;
  border-style: none;
  background-color: var(--color-yellow);
}
.btn-reset {
  margin: 0px;
  width: auto;
  overflow: auto;
  border-radius: 0px;
  border-style: none;
  background-color: transparent;
  padding: 0px;
  line-height: 1.5;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.bottom-32 {
  bottom: 8rem;
}
.left-1\/2 {
  left: 50%;
}
.m-0 {
  margin: 0px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.-ml-5 {
  margin-left: -1.25rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.mb-\[10px\] {
  margin-bottom: 10px;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-4 {
  margin-left: 1rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.mt-\[5px\] {
  margin-top: 5px;
}
.box-content {
  box-sizing: content-box;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.contents {
  display: contents;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.h-\[5px\] {
  height: 5px;
}
.h-\[600px\] {
  height: 600px;
}
.h-\[64px\] {
  height: 64px;
}
.h-\[77px\] {
  height: 77px;
}
.h-\[var\(--topbar-height\)\] {
  height: var(--topbar-height);
}
.h-full {
  height: 100%;
}
.\!w-full {
  width: 100% !important;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[254px\] {
  width: 254px;
}
.w-\[309px\] {
  width: 309px;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[calc\(100\%\+40px\)\] {
  width: calc(100% + 40px);
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.min-w-28 {
  min-width: 7rem;
}
.max-w-\[113px\] {
  max-width: 113px;
}
.max-w-\[254px\] {
  max-width: 254px;
}
.max-w-\[304px\] {
  max-width: 304px;
}
.max-w-\[5\.063rem\] {
  max-width: 5.063rem;
}
.max-w-\[74\%\] {
  max-width: 74%;
}
.flex-\[1_1_auto\] {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  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));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  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));
}
.rotate-180 {
  --tw-rotate: 180deg;
  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));
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-center {
  align-items: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.self-start {
  align-self: flex-start;
}
.self-center {
  align-self: center;
}
.justify-self-center {
  justify-self: center;
}
.overflow-hidden {
  overflow: hidden;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[50\%\] {
  border-radius: 50%;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.border {
  border-width: 1px;
}
.border-r {
  border-right-width: 1px;
}
.border-solid {
  border-style: solid;
}
.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.border-r-white {
  --tw-border-opacity: 1;
  border-right-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-brown {
  background-color: var(--color-brown);
}
.bg-primary1 {
  background-color: var(--color-primary1);
}
.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-opacity-20 {
  --tw-bg-opacity: 0.2;
}
.bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.p-0 {
  padding: 0px;
}
.p-2 {
  padding: 0.5rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-25px {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pt-4 {
  padding-top: 1rem;
}
.text-center {
  text-align: center;
}
.align-text-bottom {
  vertical-align: text-bottom;
}
.font-body {
  font-family: "DM Sans", system-ui, sans-serif;
}
.font-display {
  font-family: "DM Sans", system-ui, sans-serif;
}
.font-roboto {
  font-family: "Roboto Slab", system-ui, sans-serif;
}
.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-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.text-\[1rem\] {
  font-size: 1rem;
}
.text-\[25px\] {
  font-size: 25px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[40px\] {
  font-size: 40px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-semibold {
  font-weight: 600;
}
.capitalize {
  text-transform: capitalize;
}
.leading-4 {
  line-height: 1rem;
}
.leading-\[1\.33em\] {
  line-height: 1.33em;
}
.leading-\[1\.43em\] {
  line-height: 1.43em;
}
.leading-\[30px\] {
  line-height: 30px;
}
.leading-normal {
  line-height: 1.5;
}
.text-\[\#333333\] {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-darkCharcoal {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}
.text-darkYellow {
  --tw-text-opacity: 1;
  color: rgb(247 194 96 / var(--tw-text-opacity));
}
.text-neutral {
  color: var(--color-neutral);
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.opacity-50 {
  opacity: 0.5;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-card {
  --tw-shadow: 0 4px 8px -2px rgba(51,51,51,0.15), 0 0 1px 0 rgba(51,51,51,0.2);
  --tw-shadow-colored: 0 4px 8px -2px var(--tw-shadow-color), 0 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-saporie {
  --tw-shadow: 7px 0 0 rgba(255,255,255, 0.6), -7px 0 0 rgba(255,255,255, 0.6);
  --tw-shadow-colored: 7px 0 0 var(--tw-shadow-color), -7px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\!filter {
  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) !important;
}
.filter {
  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);
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.after\:block::after {
  content: var(--tw-content);
  display: block;
}
.after\:h-\[10px\]::after {
  content: var(--tw-content);
  height: 10px;
}
.after\:w-4::after {
  content: var(--tw-content);
  width: 1rem;
}
.after\:bg-\[url\(\'\~\/src\/main\/webpack\/resources\/saporie\/icons\/next\.svg\'\)\]::after {
  content: var(--tw-content);
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/next-cec597ee50fcc021789c.svg);
}
.after\:bg-\[length\:16px_16px\]::after {
  content: var(--tw-content);
  background-size: 16px 16px;
}
.after\:bg-center::after {
  content: var(--tw-content);
  background-position: center;
}
.after\:bg-no-repeat::after {
  content: var(--tw-content);
  background-repeat: no-repeat;
}
.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}
.last-of-type\:border-r-0:last-of-type {
  border-right-width: 0px;
}
.last-of-type\:pr-0:last-of-type {
  padding-right: 0px;
}
.group[data-variant="C"] .group-data-\[variant\=C\]\:block {
  display: block;
}
.group[data-variant="C"] .group-data-\[variant\=C\]\:flex-grow {
  flex-grow: 1;
}
.group[data-variant="C"] .group-data-\[variant\=C\]\:flex-row-reverse {
  flex-direction: row-reverse;
}
.group[data-variant="B"] .group-data-\[variant\=B\]\:flex-col {
  flex-direction: column;
}
.group[data-variant="C"] .group-data-\[variant\=C\]\:flex-col {
  flex-direction: column;
}
@media (min-width: 768px) {

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:ml-\[87px\] {
    margin-left: 87px;
  }

  .md\:block {
    display: block;
  }

  .md\:w-\[304px\] {
    width: 304px;
  }

  .md\:w-\[67\%\] {
    width: 67%;
  }

  .md\:max-w-full {
    max-width: 100%;
  }

  .md\:p-\[unset\] {
    padding: unset;
  }

  .md\:text-\[32px\] {
    font-size: 32px;
  }

  .md\:leading-10 {
    line-height: 2.5rem;
  }
}
@media (min-width: 1024px) {

  .lg\:m-0 {
    margin: 0px;
  }

  .lg\:mb-25px {
    margin-bottom: 1.5625rem;
  }

  .lg\:ml-0 {
    margin-left: 0px;
  }

  .lg\:mr-\[54px\] {
    margin-right: 54px;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:\!block {
    display: block !important;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-\[unset\] {
    height: unset;
  }

  .lg\:min-h-72 {
    min-height: 18rem;
  }

  .lg\:\!w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }

  .lg\:w-56 {
    width: 14rem;
  }

  .lg\:w-\[26\%\] {
    width: 26%;
  }

  .lg\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:max-w-\[192px\] {
    max-width: 192px;
  }

  .lg\:max-w-\[7\.5rem\] {
    max-width: 7.5rem;
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:gap-2 {
    gap: 0.5rem;
  }

  .lg\:gap-4 {
    gap: 1rem;
  }

  .lg\:gap-5 {
    gap: 1.25rem;
  }

  .lg\:self-center {
    align-self: center;
  }

  .lg\:p-0 {
    padding: 0px;
  }

  .lg\:\!px-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
  }

  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:py-\[30px\] {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .lg\:text-left {
    text-align: left;
  }

  .group[data-variant="C"] .group-data-\[variant\=C\]\:lg\:hidden {
    display: none;
  }
}
.\[\&\>img\]\:max-h-\[90px\]>img {
  max-height: 90px;
}
@media (min-width: 1024px) {

  .lg\:\[\&\>img\]\:max-h-\[119px\]>img {
    max-height: 119px;
  }
}
/*///////////////////////GLOBAL*/
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

[class^=sc-icon-],
[class*=" sc-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "saporie-v2" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* dm-sans-regular - latin-ext_latin */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  src: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-regular-b1c855b0d13974c5312d.eot); /* IE9 Compat Modes */
  src: local(""), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-regular-b1c855b0d13974c5312d.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-regular-301bcd64acbb220a104e.woff2) format("woff2"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-regular-d3fef4180d6a0116d786.woff) format("woff"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-regular-115562aa363d916a2c62.ttf) format("truetype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-regular-e8229917255023bd5246.svg#DMSans) format("svg"); /* Legacy iOS */
}
/* dm-sans-italic - latin-ext_latin */
@font-face {
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 400;
  src: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-italic-407cc183287005c1791f.eot); /* IE9 Compat Modes */
  src: local(""), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-italic-407cc183287005c1791f.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-italic-4f9eab94075bd8b16166.woff2) format("woff2"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-italic-0df291c2cdaf78cf4396.woff) format("woff"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-italic-f18055fa952fc52ddd60.ttf) format("truetype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-italic-4e7fe004310be80692ec.svg#DMSans) format("svg"); /* Legacy iOS */
}
/* dm-sans-500 - latin-ext_latin */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 500;
  src: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-500-834aa9de03ff108ad2b2.eot); /* IE9 Compat Modes */
  src: local(""), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-500-834aa9de03ff108ad2b2.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-500-56a8061edc58ac6a11a3.woff2) format("woff2"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-500-3bd046f90ab4995e2205.woff) format("woff"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-500-ad843c0dc62021709f1a.ttf) format("truetype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-500-4e7fe004310be80692ec.svg#DMSans) format("svg"); /* Legacy iOS */
}
/* dm-sans-500italic - latin-ext_latin */
@font-face {
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 500;
  src: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-500italic-a212f912b3f616fd16a3.eot); /* IE9 Compat Modes */
  src: local(""), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-500italic-a212f912b3f616fd16a3.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-500italic-cd6a849e163cde4bb3df.woff2) format("woff2"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-500italic-50d722a56c7c9e2dd081.woff) format("woff"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-500italic-8c3681ae18a2946de09e.ttf) format("truetype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-500italic-4e7fe004310be80692ec.svg#DMSans) format("svg"); /* Legacy iOS */
}
/* dm-sans-700 - latin-ext_latin */
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  src: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-700-c0099a91d2ad2267ccb5.eot); /* IE9 Compat Modes */
  src: local(""), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-700-c0099a91d2ad2267ccb5.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-700-778cbc3713538da5f5e1.woff2) format("woff2"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-700-3def16b6311f6ffaaed0.woff) format("woff"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-700-ff74b928fabb80bbc0fa.ttf) format("truetype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-700-4e7fe004310be80692ec.svg#DMSans) format("svg"); /* Legacy iOS */
}
/* dm-sans-700italic - latin-ext_latin */
@font-face {
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 700;
  src: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-700italic-7355af0631c46137c368.eot); /* IE9 Compat Modes */
  src: local(""), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-700italic-7355af0631c46137c368.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-700italic-1d60d69cdb2527052abb.woff2) format("woff2"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-700italic-ad0701f8a462f3ccd167.woff) format("woff"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-700italic-db74ebc49b229f275890.ttf) format("truetype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dm-sans-v6-latin-ext_latin-700italic-4e7fe004310be80692ec.svg#DMSans) format("svg"); /* Legacy iOS */
}
/* roboto-slab-100 - latin-ext_latin */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 100;
  src: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-100-8d0abda5c7e45921a397.eot); /* IE9 Compat Modes */
  src: local(""), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-100-8d0abda5c7e45921a397.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-100-cddabd2ad116d0774dd9.woff2) format("woff2"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-100-0b3b7052ae1c9ae8db2d.woff) format("woff"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-100-1969ffe26bf99efeba73.ttf) format("truetype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-100-4e7fe004310be80692ec.svg#RobotoSlab) format("svg"); /* Legacy iOS */
}
/* roboto-slab-200 - latin-ext_latin */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 200;
  src: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-200-c28235d2c4d855112748.eot); /* IE9 Compat Modes */
  src: local(""), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-200-c28235d2c4d855112748.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-200-be4dd4e1fa575c7339fc.woff2) format("woff2"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-200-8e58292db1e3bb6669d5.woff) format("woff"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-200-7be1c1732274bc5c4e70.ttf) format("truetype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-200-341e7964a4cf7348347c.svg#RobotoSlab) format("svg"); /* Legacy iOS */
}
/* roboto-slab-regular - latin-ext_latin */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  src: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-regular-0b8b518776079676088f.eot); /* IE9 Compat Modes */
  src: local(""), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-regular-0b8b518776079676088f.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-regular-b2fac52e9c8dd274f266.woff2) format("woff2"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-regular-80e0166cbf017d7e86d1.woff) format("woff"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-regular-01574628ac2cd6cfd4af.ttf) format("truetype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-regular-4e7fe004310be80692ec.svg#RobotoSlab) format("svg"); /* Legacy iOS */
}
/* roboto-slab-300 - latin-ext_latin */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 300;
  src: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-300-87b0a4ca71ccd5ab39f1.eot); /* IE9 Compat Modes */
  src: local(""), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-300-87b0a4ca71ccd5ab39f1.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-300-dcceece0733eb87381e3.woff2) format("woff2"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-300-41cbe695a7e8b59434c9.woff) format("woff"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-300-40f44b4903677cc09431.ttf) format("truetype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-300-4e7fe004310be80692ec.svg#RobotoSlab) format("svg"); /* Legacy iOS */
}
/* roboto-slab-500 - latin-ext_latin */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 500;
  src: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-500-2d451832f4456d8d6a96.eot); /* IE9 Compat Modes */
  src: local(""), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-500-2d451832f4456d8d6a96.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-500-998ffcbbbb51d2d69f50.woff2) format("woff2"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-500-dd1f7c954a00581e86a1.woff) format("woff"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-500-fa899461825677d1e1cc.ttf) format("truetype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-500-4e7fe004310be80692ec.svg#RobotoSlab) format("svg"); /* Legacy iOS */
}
/* roboto-slab-600 - latin-ext_latin */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 600;
  src: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-600-4603504956f6e9dbe869.eot); /* IE9 Compat Modes */
  src: local(""), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-600-4603504956f6e9dbe869.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-600-522c25732b65c48da101.woff2) format("woff2"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-600-9383249cb6a67b8c15b8.woff) format("woff"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-600-faaf2e3e55a6e552b179.ttf) format("truetype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-600-9c895f6da5e6c0005423.svg#RobotoSlab) format("svg"); /* Legacy iOS */
}
/* roboto-slab-700 - latin-ext_latin */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 700;
  src: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-700-170275f3d52e5f32fde4.eot); /* IE9 Compat Modes */
  src: local(""), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-700-170275f3d52e5f32fde4.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-700-a6629bbeea65f983c756.woff2) format("woff2"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-700-fe21af3bcf9494ef2d57.woff) format("woff"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-700-6cd90a74053dfcc99ab7.ttf) format("truetype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-700-4e7fe004310be80692ec.svg#RobotoSlab) format("svg"); /* Legacy iOS */
}
/* roboto-slab-800 - latin-ext_latin */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 800;
  src: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-800-78a89306cb1e00858116.eot); /* IE9 Compat Modes */
  src: local(""), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-800-78a89306cb1e00858116.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-800-e8cc390c04bb71f73fcc.woff2) format("woff2"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-800-b2304d38a0d091125497.woff) format("woff"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-800-395ad8a454d4dd3ca1ae.ttf) format("truetype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-800-4e7fe004310be80692ec.svg#RobotoSlab) format("svg"); /* Legacy iOS */
}
/* roboto-slab-900 - latin-ext_latin */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 900;
  src: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-900-d74261666c579905afc4.eot); /* IE9 Compat Modes */
  src: local(""), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-900-d74261666c579905afc4.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-900-9fe446ff83ec01601983.woff2) format("woff2"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-900-8fc8f0f31c547be69c98.woff) format("woff"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-900-9523abf10a9df25cd3b6.ttf) format("truetype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/roboto-slab-v13-latin-ext_latin-900-4e7fe004310be80692ec.svg#RobotoSlab) format("svg"); /* Legacy iOS */
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes exitLeft {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(-2.5rem);
  }
}
@keyframes enterRight {
  from {
    opacity: 0;
    transform: translateX(2.5rem);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeLeft {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(-2.5rem);
  }
}
@keyframes slideRight {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes slideLeft {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes loading {
  100% {
    transform: translateX(100%);
  }
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
@keyframes opacityOnOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@font-face {
  font-family: "saporie-v2";
  src: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/saporie-v2-70992925d998b96ae10f.eot?5x1nwu);
  src: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/saporie-v2-70992925d998b96ae10f.eot?5x1nwu#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/saporie-v2-ff354e843a7e2b3b5aa2.ttf?5x1nwu) format("truetype"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/saporie-v2-c1285e3e29629a6aa8fa.woff?5x1nwu) format("woff"), url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/saporie-v2-c48d21447344d74d0529.svg?5x1nwu#saporie-v2) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.sc-icon-fb .path1:before {
  content: "\e900";
  color: rgb(255, 255, 255);
}

.sc-icon-fb .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sc-icon-google .path1:before {
  content: "\e902";
  color: rgb(255, 255, 255);
}

.sc-icon-google .path2:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sc-icon-google .path3:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sc-icon-instagram .path1:before {
  content: "\e905";
  color: rgb(255, 255, 255);
}

.sc-icon-instagram .path2:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sc-icon-pinterest .path1:before {
  content: "\e907";
  color: rgb(255, 255, 255);
}

.sc-icon-pinterest .path2:before {
  content: "\e908";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sc-icon-twitter .path1:before {
  content: "\e909";
  color: rgb(255, 255, 255);
}

.sc-icon-twitter .path2:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sc-icon-youtube .path1:before {
  content: "\e90b";
  color: rgb(255, 255, 255);
}

.sc-icon-youtube .path2:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sc-icon-alert:before {
  content: "\e90d";
}

.sc-icon-autumn:before {
  content: "\e90e";
}

.sc-icon-calorie:before {
  content: "\e90f";
}

.sc-icon-cancel:before {
  content: "\e910";
}

.sc-icon-casserole:before {
  content: "\e911";
}

.sc-icon-chef:before {
  content: "\e912";
}

.sc-icon-fruit:before {
  content: "\e913";
}

.sc-icon-groceries:before {
  content: "\e914";
}

.sc-icon-italy:before {
  content: "\e915";
}

.sc-icon-oven:before {
  content: "\e916";
}

.sc-icon-party:before {
  content: "\e917";
}

.sc-icon-pasta:before {
  content: "\e918";
}

.sc-icon-people:before {
  content: "\e919";
}

.sc-icon-plate:before {
  content: "\e91a";
}

.sc-icon-search:before {
  content: "\e91b";
}

.sc-icon-see:before {
  content: "\e91c";
}

.sc-icon-see_cross:before {
  content: "\e91d";
}

.sc-icon-spring:before {
  content: "\e91e";
}

.sc-icon-summer:before {
  content: "\e91f";
}

.sc-icon-tick:before {
  content: "\e920";
}

.sc-icon-time:before {
  content: "\e921";
}

.sc-icon-user:before {
  content: "\e922";
}

.sc-icon-video:before {
  content: "\e923";
}

.sc-icon-winter:before {
  content: "\e924";
}

.sc-icon-bookmark .path1:before {
  content: "\e925";
  color: #f3b136;
}

.sc-icon-bookmark .path2:before {
  content: "\e926";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sc-icon-bookmark_light .path1:before {
  content: "\e927";
  color: #fdf3df;
}

.sc-icon-bookmark_light .path2:before {
  content: "\e928";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sc-icon-gallery .path1:before {
  content: "\e929";
  color: rgb(247, 194, 96);
}

.sc-icon-gallery .path2:before {
  content: "\e92a";
  margin-left: -1em;
  color: rgb(247, 194, 96);
}

.sc-icon-gallery .path3:before {
  content: "\e92b";
  margin-left: -1em;
  color: rgb(247, 194, 96);
}

.sc-icon-gallery .path4:before {
  content: "\e92c";
  margin-left: -1em;
  color: rgb(247, 194, 96);
}

.sc-icon-gallery .path5:before {
  content: "\e92d";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-gallery .path6:before {
  content: "\e92e";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-gallery .path7:before {
  content: "\e92f";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-gallery .path8:before {
  content: "\e930";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-gallery_light .path1:before {
  content: "\e931";
  color: rgb(247, 194, 96);
  opacity: 0.5;
}

.sc-icon-gallery_light .path2:before {
  content: "\e932";
  margin-left: -1em;
  color: rgb(247, 194, 96);
  opacity: 0.5;
}

.sc-icon-gallery_light .path3:before {
  content: "\e933";
  margin-left: -1em;
  color: rgb(247, 194, 96);
  opacity: 0.5;
}

.sc-icon-gallery_light .path4:before {
  content: "\e934";
  margin-left: -1em;
  color: rgb(247, 194, 96);
  opacity: 0.5;
}

.sc-icon-gallery_light .path5:before {
  content: "\e935";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-gallery_light .path6:before {
  content: "\e936";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-gallery_light .path7:before {
  content: "\e937";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-gallery_light .path8:before {
  content: "\e938";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-glossary .path1:before {
  content: "\e939";
  color: rgb(247, 194, 96);
}

.sc-icon-glossary .path2:before {
  content: "\e93a";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-glossary .path3:before {
  content: "\e93b";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-glossary .path4:before {
  content: "\e93c";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-glossary_light .path1:before {
  content: "\e93d";
  color: rgb(247, 194, 96);
  opacity: 0.5;
}

.sc-icon-glossary_light .path2:before {
  content: "\e93e";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-glossary_light .path3:before {
  content: "\e93f";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-glossary_light .path4:before {
  content: "\e940";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-glossary_transparent:before {
  content: "\e941";
}

.sc-icon-share .path1:before {
  content: "\e942";
  color: rgb(247, 194, 96);
}

.sc-icon-share .path2:before {
  content: "\e943";
  margin-left: -1em;
  color: rgb(247, 194, 96);
}

.sc-icon-share .path3:before {
  content: "\e944";
  margin-left: -1em;
  color: rgb(247, 194, 96);
}

.sc-icon-share .path4:before {
  content: "\e945";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sc-icon-share_light .path1:before {
  content: "\e946";
  color: rgb(247, 194, 96);
  opacity: 0.5;
}

.sc-icon-share_light .path2:before {
  content: "\e947";
  margin-left: -1em;
  color: rgb(247, 194, 96);
  opacity: 0.5;
}

.sc-icon-share_light .path3:before {
  content: "\e948";
  margin-left: -1em;
  color: rgb(247, 194, 96);
  opacity: 0.5;
}

.sc-icon-share_light .path4:before {
  content: "\e949";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.sc-icon-barrel:before {
  content: "\e94a";
}

.sc-icon-beverage:before {
  content: "\e94b";
}

.sc-icon-bowl:before {
  content: "\e94c";
}

.sc-icon-cheese:before {
  content: "\e94d";
}

.sc-icon-cook:before {
  content: "\e94e";
}

.sc-icon-dish:before {
  content: "\e94f";
}

.sc-icon-herbs:before {
  content: "\e950";
}

.sc-icon-leaf:before {
  content: "\e951";
}

.sc-icon-location:before {
  content: "\e952";
}

.sc-icon-menu:before {
  content: "\e953";
}

.sc-icon-preserves:before {
  content: "\e954";
}

.sc-icon-recipe:before {
  content: "\e955";
}

.sc-icon-recycle:before {
  content: "\e956";
}

.sc-icon-soup:before {
  content: "\e957";
}

.sc-icon-table_cut:before {
  content: "\e958";
}

.sc-icon-whip:before {
  content: "\e959";
}

.sc-icon-wine:before {
  content: "\e95a";
}

.sc-icon-binoculars:before {
  content: "\e95b";
}

.sc-icon-cheese1:before {
  content: "\e95c";
}

.sc-icon-chef1 .path1:before {
  content: "\e95d";
  color: rgb(255, 255, 255);
}

.sc-icon-chef1 .path2:before {
  content: "\e95e";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-chef1 .path3:before {
  content: "\e95f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.sc-icon-chef1 .path4:before {
  content: "\e960";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.sc-icon-chef1 .path5:before {
  content: "\e961";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.sc-icon-chef1 .path6:before {
  content: "\e962";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.sc-icon-chef1 .path7:before {
  content: "\e963";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-chef1 .path8:before {
  content: "\e964";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-chef1 .path9:before {
  content: "\e965";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-chef1 .path10:before {
  content: "\e966";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-chef1 .path11:before {
  content: "\e967";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-chef1 .path12:before {
  content: "\e968";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-chef1 .path13:before {
  content: "\e969";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-chef1 .path14:before {
  content: "\e96a";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-chef1 .path15:before {
  content: "\e96b";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-chef1 .path16:before {
  content: "\e96c";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-hat .path1:before {
  content: "\e96d";
  color: rgb(255, 255, 255);
}

.sc-icon-hat .path2:before {
  content: "\e96e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.sc-icon-hat .path3:before {
  content: "\e96f";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-hat_and_barilla:before {
  content: "\e970";
}

.sc-icon-italy1:before {
  content: "\e971";
}

.sc-icon-location1 .path1:before {
  content: "\e972";
  color: rgb(255, 255, 255);
}

.sc-icon-location1 .path2:before {
  content: "\e973";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-location1 .path3:before {
  content: "\e974";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-mail:before {
  content: "\e975";
}

.sc-icon-map .path1:before {
  content: "\e976";
  color: rgb(255, 255, 255);
}

.sc-icon-map .path2:before {
  content: "\e977";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-map .path3:before {
  content: "\e978";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-map .path4:before {
  content: "\e979";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-night .path1:before {
  content: "\e97a";
  color: rgb(255, 255, 255);
}

.sc-icon-night .path2:before {
  content: "\e97b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.sc-icon-night .path3:before {
  content: "\e97c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.sc-icon-night .path4:before {
  content: "\e97d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.sc-icon-night .path5:before {
  content: "\e97e";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-night .path6:before {
  content: "\e97f";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-night .path7:before {
  content: "\e980";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-night .path8:before {
  content: "\e981";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-search1:before {
  content: "\e982";
}

.sc-icon-sight .path1:before {
  content: "\e983";
  color: rgb(255, 255, 255);
}

.sc-icon-sight .path2:before {
  content: "\e984";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.sc-icon-sight .path3:before {
  content: "\e985";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-sight .path4:before {
  content: "\e986";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-table .path1:before {
  content: "\e987";
  color: rgb(255, 255, 255);
}

.sc-icon-table .path2:before {
  content: "\e988";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.sc-icon-table .path3:before {
  content: "\e989";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.sc-icon-table .path4:before {
  content: "\e98a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.sc-icon-table .path5:before {
  content: "\e98b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.sc-icon-table .path6:before {
  content: "\e98c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.sc-icon-table .path7:before {
  content: "\e98d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.sc-icon-table .path8:before {
  content: "\e98e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.sc-icon-table .path9:before {
  content: "\e98f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.sc-icon-table .path10:before {
  content: "\e990";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-table .path11:before {
  content: "\e991";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-table .path12:before {
  content: "\e992";
  margin-left: -1em;
  color: rgb(75, 58, 51);
}

.sc-icon-user1:before {
  content: "\e993";
}

.sc-icon-wine1:before {
  content: "\e994";
}

.sc-icon-broth_spoon:before {
  content: "\e995";
}

.sc-icon-butter_knife:before {
  content: "\e996";
}

.sc-icon-dessert_fork:before {
  content: "\e997";
}

.sc-icon-dessert_knife:before {
  content: "\e998";
}

.sc-icon-dessert_spoon:before {
  content: "\e999";
}

.sc-icon-fish_fork:before {
  content: "\e99a";
}

.sc-icon-fish_knife:before {
  content: "\e99b";
}

.sc-icon-meat_knife:before {
  content: "\e99c";
}

.sc-icon-pasta_fork:before {
  content: "\e99d";
}

.sc-icon-soup_spoon:before {
  content: "\e99e";
}

.sc-icon-steak_knife:before {
  content: "\e99f";
}

.sc-icon-ballon:before {
  content: "\e9a0";
}

.sc-icon-borgagna:before {
  content: "\e9a1";
}

.sc-icon-coppa:before {
  content: "\e9a2";
}

.sc-icon-flute:before {
  content: "\e9a3";
}

.sc-icon-gran_ballon:before {
  content: "\e9a4";
}

.sc-icon-renato:before {
  content: "\e9a5";
}

.sc-icon-sautern:before {
  content: "\e9a6";
}

.sc-icon-tulipano:before {
  content: "\e9a7";
}

.sc-icon-tulipano_piccolo:before {
  content: "\e9a8";
}

.sc-icon-eggs:before {
  content: "\e9a9";
}

.sc-icon-fruits:before {
  content: "\e9aa";
}

.sc-icon-gluten:before {
  content: "\e9ab";
}

.sc-icon-lacteal:before {
  content: "\e9ac";
}

.sc-icon-shelfish:before {
  content: "\e9ad";
}

/* ICONS LIBRARY */
/*Allergy*/
.allergy-icons {
  width: 30px;
  height: 30px;
  background-size: 100% 100%;
  margin: auto;
}

.allergy-icons.eggs-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/eggs-817bdbde4e7f3bf690bd.svg);
}

.allergy-icons.fruits-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/fruits-d148e06c768af3f367cf.svg);
}

.allergy-icons.gluten-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/gluten-25d19f722212af5f0627.svg);
}

.allergy-icons.lacteal-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/lacteal-4713ccff5c46d2bee72c.svg);
}

.allergy-icons.shelfish-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/shelfish-480c89dd4cabf47c1a63.svg);
}

/*Summary*/
.summary-icons {
  width: 24px;
  height: 24px;
  background-size: 100% 100%;
  margin: auto;
}

.summary-icons.alert-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/alert-1f88ad87094b682ac7f5.svg);
}

.summary-icons.autumn-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/autumn-74f18a82a895d16db8e2.svg);
}

.summary-icons.casserole-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/casserole-29d1de586fe07085b381.svg);
}

.summary-icons.chef-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/chef-80a7433578448b504dc5.svg);
}

.summary-icons.fruit-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/fruit-cfb9112ba49e4698d085.svg);
}

.summary-icons.calorie-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/calorie-798d92a107042dcfcc85.svg);
}

.summary-icons.italy-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/italy-4413a494d10cbed278d2.svg);
}

.summary-icons.oven-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/oven-ca8b2f12bab217864759.svg);
}

.summary-icons.party-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/party-e7de5e5878e5cfe412e1.svg);
}

.summary-icons.pasta-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/pasta-1501946ee2ba76b16293.svg);
}

.summary-icons.people-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/people-085e9ca829b5d6ffbdac.svg);
}

.summary-icons.plate-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/plate-d0abe2289d2b4c845866.svg);
}

.summary-icons.spring-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/spring-9dcdef8242afc0c125c3.svg);
}

.summary-icons.summer-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/summer-e236dd9006ebb1cf1f8a.svg);
}

.summary-icons.time-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/time-2b7a5fb477e4363a52d0.svg);
}

.summary-icons.winter-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/winter-97591b359759bc6c9590.svg);
}

.summary-icons.search-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/search-2c9e2018fc5f3b54ee25.svg);
}

.summary-icons.user-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/user-05b39196dc15215fc0e6.svg);
}

.summary-icons.user_light-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/user_light-4d93e38bb2b14a3621a2.svg);
}

.summary-icons.cancel-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/cancel-52d50b75a0027fd986a0.svg);
}

.summary-icons.cancel_light-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/cancel_light-1e2d0683c5eec11c0bf2.svg);
}

.summary-icons.tick-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/tick-4f9664c2e61a85afe07b.svg);
}

.summary-icons.see-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/see-882d9981f98b9589cc49.svg);
}

.summary-icons.see_cross-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/see_cross-75a4ac4f5405d32fb9a1.svg);
}

.summary-icons.groceries-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/groceries-b94cbc869a19f6fd399a.svg);
}

.summary-icons.video-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/video-0ccff3069d80e910c251.svg);
}

/*Options*/
.options-icons {
  width: 24px;
  height: 24px;
  background-size: 100% 100%;
  margin: auto;
}

.options-icons.bookmark-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/bookmark-9c864d4562df39b50d3b.svg);
}

.options-icons.bookmark_light-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/bookmark_light-e8bb3189c0872ec12c75.svg);
}

.options-icons.bookmark_light-icon:hover {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/bookmark-9c864d4562df39b50d3b.svg);
}

.options-icons.gallery-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/gallery-4b610dccbbba5bcbdcac.svg);
}

.options-icons.gallery_light-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/gallery_light-b50f91967ebab966f4d7.svg);
}

.options-icons.gallery_light-icon:hover {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/gallery-4b610dccbbba5bcbdcac.svg);
}

.options-icons.glossary_transparent-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/glossary_transparent-51536b54a4ec9406a598.svg);
}

.options-icons.glossary-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/glossary-074b75a2c1ffe22f1e1e.svg);
}

.options-icons.glossary_light-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/glossary_light-9c27f71bad83e6d81a45.svg);
}

.options-icons.glossary_light-icon:hover {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/glossary-074b75a2c1ffe22f1e1e.svg);
}

.options-icons.share-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/share-c09a8f132ceee13350e0.svg);
}

.options-icons.share_light-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/share_light-a8a3593c98400bbfca20.svg);
}

.options-icons.share_light-icon:hover {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/share-c09a8f132ceee13350e0.svg);
}

/*Social*/
.social-icons {
  width: 50px;
  height: 50px;
  background-size: 100% 100%;
  margin: auto;
}

.social-icons.fb-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/fb-2f277dc8ebfca9ca12c6.svg);
}

.social-icons.google-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/google-4a8cbf67089c174e701b.svg);
}

.social-icons.instagram-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/instagram-dbed3b44ecf0c59bbd61.svg);
}

.social-icons.pinterest-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/pinterest-765380080df08678c8ae.svg);
}

.social-icons.twitter-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/twitter-33bfdee2adb46e2bd743.svg);
}

.social-icons.youtube-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/youtube-ec37ea983c44b1e19abb.svg);
}

/*Head*/
.head-icons {
  width: 90px;
  height: 90px;
  background-size: 100% 100%;
  margin: auto;
}

.head-icons.binoculars-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/binoculars-9352dc14c0dc5d6de6cd.svg);
}

.head-icons.cheese-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/cheese-9cecfc315e5a0ffce492.svg);
}

.head-icons.chef-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/chef-7ec7f51f96be1c53c178.svg);
}

.head-icons.hat-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/hat-bb8a0ec000cf20c5a68c.svg);
}

.head-icons.hat_and_barilla-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/hat_and_barilla-40c278dcbba1e2831071.svg);
}

.head-icons.italy-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/italy-693c4b933fa34071bdd2.svg);
}

.head-icons.italy_invert-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/italy_invert-15f89fccb1d1c882a0f6.svg);
}

.head-icons.location-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/location-94f5e9cce80d4105e650.svg);
}

.head-icons.mail-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/mail-48917d32e33bab54ae98.svg);
}

.head-icons.map-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/map-c4f1a5abb43bd7b9ab24.svg);
}

.head-icons.map_invert-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/map_invert-2129c2056b23cf6df867.svg);
}

.head-icons.night-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/night-69b4eea6485eea8c2978.svg);
}

.head-icons.restaurant_invert-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/restaurant_invert-b31e1cfdf3b5ac5e9150.svg);
}

.head-icons.search-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/search-2c9e2018fc5f3b54ee25.svg);
}

.head-icons.sight-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/sight-50af03b8e22780c18200.svg);
}

.head-icons.table-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/table-a757d7c140b6ab5e38bb.svg);
}

.head-icons.user-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/user-05b39196dc15215fc0e6.svg);
}

.head-icons.user_invert-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/user_invert-f405e8d6ce5d706a4faf.svg);
}

.head-icons.wine-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/wine-3afc4b7d5c1e33c1950d.svg);
}

.head-icons.pointer-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/pointer-af3e9088d8b2eb3ff577.svg);
}

/*Spoted icons*/
.spoted-icons {
  width: 90px;
  height: 90px;
  background-size: 100% 100%;
  margin: auto;
}

.spoted-icons.barrel-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/barrel-dd3c46bd45024d42a622.svg);
}

.spoted-icons.beverage-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/beverage-0d7fd8e2249edf866966.svg);
}

.spoted-icons.bowl-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/bowl-fae83b53620229d0afdd.svg);
}

.spoted-icons.cheese-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/cheese-fb6618cdd83a33857e15.svg);
}

.spoted-icons.cook-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/cook-8520edb8b8a3cd628b3c.svg);
}

.spoted-icons.dish-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dish-62be6a1d64fc4bbf986c.svg);
}

.spoted-icons.herbs-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/herbs-791c447614028a444501.svg);
}

.spoted-icons.leaf-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/leaf-fa68a415f2f59229322f.svg);
}

.spoted-icons.location-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/location-f33d17280c8479788802.svg);
}

.spoted-icons.menu-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/menu-3946720f3f29dfd2ca09.svg);
}

.spoted-icons.preserves-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/preserves-110a424f8b573d69c5aa.svg);
}

.spoted-icons.recipe-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/recipe-7ae5a916b24ec25337ff.svg);
}

.spoted-icons.recycle-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/recycle-af92e37db4def59000fa.svg);
}

.spoted-icons.soup-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/soup-fc6afb4294cb43a3af7d.svg);
}

.spoted-icons.table_cut-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/table_cut-a87c2d7514fd9e922095.svg);
}

.spoted-icons.whip-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/whip-bda7e59c8f92bb475cb5.svg);
}

.spoted-icons.wine-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/wine-08f03d50900d0eb3d1ad.svg);
}

/*Cups*/
.cups-icons {
  width: 100px;
  height: 100px;
  background-size: 100% 100%;
  margin: auto;
}

.cups-icons.ballon-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/ballon-d9d6ece1148c063f96cc.svg);
}

.cups-icons.borgagna-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/borgagna-698a4114616042ae3608.svg);
}

.cups-icons.coppa-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/coppa-19b2f1cc58037dc9f4e8.svg);
}

.cups-icons.flute-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/flute-99d509ffc55a9e7af68f.svg);
}

.cups-icons.gran_ballon-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/gran_ballon-46216c75137396fc63ca.svg);
}

.cups-icons.renato-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/renato-1b9cfad6409b6c91b95c.svg);
}

.cups-icons.sautern-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/sautern-4599e1cab8106c1c12b5.svg);
}

.cups-icons.tulipano-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/tulipano-7c80e5f2999ca19006fd.svg);
}

.cups-icons.tulipano_piccolo-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/tulipano_piccolo-d784e2015e071cf17696.svg);
}

/*Cutlery*/
.cutlery-icons {
  width: 160px;
  height: 160px;
  background-size: 100% 100%;
  margin: auto;
}

.cutlery-icons.broth_spoon-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/broth_spoon-fb578c78ff31631b42d1.svg);
}

.cutlery-icons.butter_knife-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/butter_knife-88525226cd4c89bacfee.svg);
}

.cutlery-icons.dessert_fork-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dessert_fork-a9bbe023203bceb8f9e1.svg);
}

.cutlery-icons.dessert_knife-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dessert_knife-0a571f8e5d59cf812ee9.svg);
}

.cutlery-icons.dessert_spoon-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dessert_spoon-38628805d62fea1f857e.svg);
}

.cutlery-icons.fish_fork-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/fish_fork-4d5510f2d4f772bb4a99.svg);
}

.cutlery-icons.fish_knife-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/fish_knife-3cc339092634d37be788.svg);
}

.cutlery-icons.meat_knife-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/meat_knife-3142b2599fcde1b68929.svg);
}

.cutlery-icons.pasta_fork-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/pasta_fork-2b098c01c167589e6b92.svg);
}

.cutlery-icons.soup_spoon-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/pasta_fork-2b098c01c167589e6b92.svg);
}

.cutlery-icons.steak_knife-icon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/pasta_fork-2b098c01c167589e6b92.svg);
}

/* COLOR MASKING */
/*Allergy*/
.allergy-icons.svg-mask.eggs-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/eggs-817bdbde4e7f3bf690bd.svg);
}

.allergy-icons.svg-mask.fruits-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/fruits-d148e06c768af3f367cf.svg);
}

.allergy-icons.svg-mask.gluten-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/gluten-25d19f722212af5f0627.svg);
}

.allergy-icons.svg-mask.lacteal-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/lacteal-4713ccff5c46d2bee72c.svg);
}

.allergy-icons.svg-mask.shelfish-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/shelfish-480c89dd4cabf47c1a63.svg);
}

/*Summary*/
.summary-icons.svg-mask.alert-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/alert-1f88ad87094b682ac7f5.svg);
}

.summary-icons.svg-mask.autumn-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/autumn-74f18a82a895d16db8e2.svg);
}

.summary-icons.svg-mask.casserole-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/casserole-29d1de586fe07085b381.svg);
}

.summary-icons.svg-mask.chef-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/chef-80a7433578448b504dc5.svg);
}

.summary-icons.svg-mask.fruit-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/fruit-cfb9112ba49e4698d085.svg);
}

.summary-icons.svg-mask.calorie-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/calorie-798d92a107042dcfcc85.svg);
}

.summary-icons.svg-mask.italy-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/italy-4413a494d10cbed278d2.svg);
}

.summary-icons.svg-mask.oven-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/oven-ca8b2f12bab217864759.svg);
}

.summary-icons.svg-mask.party-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/party-e7de5e5878e5cfe412e1.svg);
}

.summary-icons.svg-mask.pasta-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/pasta-1501946ee2ba76b16293.svg);
}

.summary-icons.svg-mask.people-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/people-085e9ca829b5d6ffbdac.svg);
}

.summary-icons.svg-mask.plate-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/plate-d0abe2289d2b4c845866.svg);
}

.summary-icons.svg-mask.spring-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/spring-9dcdef8242afc0c125c3.svg);
}

.summary-icons.svg-mask.summer-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/summer-e236dd9006ebb1cf1f8a.svg);
}

.summary-icons.svg-mask.time-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/time-2b7a5fb477e4363a52d0.svg);
}

.summary-icons.svg-mask.winter-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/winter-97591b359759bc6c9590.svg);
}

.summary-icons.svg-mask.search-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/search-2c9e2018fc5f3b54ee25.svg);
}

.summary-icons.svg-mask.user-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/user-05b39196dc15215fc0e6.svg);
}

.summary-icons.svg-mask.cancel-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/cancel-52d50b75a0027fd986a0.svg);
}

.summary-icons.svg-mask.tick-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/tick-4f9664c2e61a85afe07b.svg);
}

.summary-icons.svg-mask.cancel_light-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/cancel_light-1e2d0683c5eec11c0bf2.svg);
}

.summary-icons.svg-mask.user_light-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/user_light-4d93e38bb2b14a3621a2.svg);
}

.summary-icons.svg-mask.groceries-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/groceries-b94cbc869a19f6fd399a.svg);
}

.summary-icons.svg-mask.video-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/video-0ccff3069d80e910c251.svg);
}

/*Options*/
.options-icons.svg-mask.bookmark-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/bookmark-9c864d4562df39b50d3b.svg);
}

.options-icons.svg-mask.bookmark_light-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/bookmark_light-e8bb3189c0872ec12c75.svg);
}

.options-icons.svg-mask.gallery-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/gallery-4b610dccbbba5bcbdcac.svg);
}

.options-icons.svg-mask.gallery_light-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/gallery_light-b50f91967ebab966f4d7.svg);
}

.options-icons.svg-mask.glossary-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/glossary-074b75a2c1ffe22f1e1e.svg);
}

.options-icons.svg-mask.glossary_light-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/glossary_light-9c27f71bad83e6d81a45.svg);
}

.options-icons.svg-mask.share-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/share-c09a8f132ceee13350e0.svg);
}

.options-icons.svg-mask.share_light-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/share_light-a8a3593c98400bbfca20.svg);
}

/*Head*/
.head-icons.svg-mask.binoculars-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/binoculars-9352dc14c0dc5d6de6cd.svg);
}

.head-icons.svg-mask.cheese-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/cheese-9cecfc315e5a0ffce492.svg);
}

.head-icons.svg-mask.chef-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/chef-7ec7f51f96be1c53c178.svg);
}

.head-icons.svg-mask.hat-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/hat-bb8a0ec000cf20c5a68c.svg);
}

.head-icons.svg-mask.hat_and_barilla-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/hat_and_barilla-40c278dcbba1e2831071.svg);
}

.head-icons.svg-mask.italy-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/italy-693c4b933fa34071bdd2.svg);
}

.head-icons.svg-mask.italy_invert-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/italy_invert-15f89fccb1d1c882a0f6.svg);
}

.head-icons.svg-mask.location-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/location-94f5e9cce80d4105e650.svg);
}

.head-icons.svg-mask.mail-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/mail-48917d32e33bab54ae98.svg);
}

.head-icons.svg-mask.map-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/map-c4f1a5abb43bd7b9ab24.svg);
}

.head-icons.svg-mask.map_invert-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/map_invert-2129c2056b23cf6df867.svg);
}

.head-icons.svg-mask.night-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/night-69b4eea6485eea8c2978.svg);
}

.head-icons.svg-mask.restaurant_invert-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/restaurant_invert-b31e1cfdf3b5ac5e9150.svg);
}

.head-icons.svg-mask.search-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/search-2c9e2018fc5f3b54ee25.svg);
}

.head-icons.svg-mask.sight-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/sight-50af03b8e22780c18200.svg);
}

.head-icons.svg-mask.table-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/table-a757d7c140b6ab5e38bb.svg);
}

.head-icons.svg-mask.user-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/user-05b39196dc15215fc0e6.svg);
}

.head-icons.svg-mask.user_invert-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/user_invert-f405e8d6ce5d706a4faf.svg);
}

.head-icons.svg-mask.wine-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/wine-3afc4b7d5c1e33c1950d.svg);
}

.head-icons.svg-mask.pointer-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/pointer-af3e9088d8b2eb3ff577.svg);
}

/*Spoted icons*/
.spoted-icons.svg-mask.barrel-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/barrel-dd3c46bd45024d42a622.svg);
}

.spoted-icons.svg-mask.beverage-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/beverage-0d7fd8e2249edf866966.svg);
}

.spoted-icons.svg-mask.bowl-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/bowl-fae83b53620229d0afdd.svg);
}

.spoted-icons.svg-mask.cheese-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/cheese-fb6618cdd83a33857e15.svg);
}

.spoted-icons.svg-mask.cook-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/cook-8520edb8b8a3cd628b3c.svg);
}

.spoted-icons.svg-mask.dish-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dish-62be6a1d64fc4bbf986c.svg);
}

.spoted-icons.svg-mask.herbs-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/herbs-791c447614028a444501.svg);
}

.spoted-icons.svg-mask.leaf-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/leaf-fa68a415f2f59229322f.svg);
}

.spoted-icons.svg-mask.location-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/location-f33d17280c8479788802.svg);
}

.spoted-icons.svg-mask.menu-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/menu-3946720f3f29dfd2ca09.svg);
}

.spoted-icons.svg-mask.preserves-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/preserves-110a424f8b573d69c5aa.svg);
}

.spoted-icons.svg-mask.recipe-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/recipe-7ae5a916b24ec25337ff.svg);
}

.spoted-icons.svg-mask.recycle-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/recycle-af92e37db4def59000fa.svg);
}

.spoted-icons.svg-mask.soup-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/soup-fc6afb4294cb43a3af7d.svg);
}

.spoted-icons.svg-mask.table_cut-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/table_cut-a87c2d7514fd9e922095.svg);
}

.spoted-icons.svg-mask.whip-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/whip-bda7e59c8f92bb475cb5.svg);
}

.spoted-icons.svg-mask.wine-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/wine-08f03d50900d0eb3d1ad.svg);
}

/*Cups*/
.cups-icons.svg-mask.ballon-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/ballon-d9d6ece1148c063f96cc.svg);
}

.cups-icons.svg-mask.borgagna-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/borgagna-698a4114616042ae3608.svg);
}

.cups-icons.svg-mask.coppa-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/coppa-19b2f1cc58037dc9f4e8.svg);
}

.cups-icons.svg-mask.flute-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/flute-99d509ffc55a9e7af68f.svg);
}

.cups-icons.svg-mask.gran_ballon-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/gran_ballon-46216c75137396fc63ca.svg);
}

.cups-icons.svg-mask.renato-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/renato-1b9cfad6409b6c91b95c.svg);
}

.cups-icons.svg-mask.sautern-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/sautern-4599e1cab8106c1c12b5.svg);
}

.cups-icons.svg-mask.tulipano-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/tulipano-7c80e5f2999ca19006fd.svg);
}

.cups-icons.svg-mask.tulipano_piccolo-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/tulipano_piccolo-d784e2015e071cf17696.svg);
}

/*Cutlery*/
.cutlery-icons.svg-mask.broth_spoon-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/broth_spoon-fb578c78ff31631b42d1.svg);
}

.cutlery-icons.svg-mask.butter_knife-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/butter_knife-88525226cd4c89bacfee.svg);
}

.cutlery-icons.svg-mask.dessert_fork-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dessert_fork-a9bbe023203bceb8f9e1.svg);
}

.cutlery-icons.svg-mask.dessert_knife-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dessert_knife-0a571f8e5d59cf812ee9.svg);
}

.cutlery-icons.svg-mask.dessert_spoon-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dessert_spoon-38628805d62fea1f857e.svg);
}

.cutlery-icons.svg-mask.fish_fork-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/fish_fork-4d5510f2d4f772bb4a99.svg);
}

.cutlery-icons.svg-mask.fish_knife-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/fish_knife-3cc339092634d37be788.svg);
}

.cutlery-icons.svg-mask.meat_knife-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/meat_knife-3142b2599fcde1b68929.svg);
}

.cutlery-icons.svg-mask.pasta_fork-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/pasta_fork-2b098c01c167589e6b92.svg);
}

.cutlery-icons.svg-mask.soup_spoon-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/pasta_fork-2b098c01c167589e6b92.svg);
}

.cutlery-icons.svg-mask.steak_knife-icon {
  background-image: none;
  -webkit-mask-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/pasta_fork-2b098c01c167589e6b92.svg);
}

@media screen and (max-width: 1024px) {
  .social-icons {
    width: 33px;
    height: 33px;
    background-size: 100% 100%;
    margin: auto;
  }
}
/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}


.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.akt-video {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: black;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.akt-video__placeholder {
  width: 100%;
}
.akt-video__video {
  max-height: 100%;
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.akt-recipes-author__info--prefix, .button-tertiary, .button-primary {
  font-family: "DM Sans";
}

.button-tertiary, .button-primary {
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.akt-recipes-author {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.875rem;
}
@media (min-width: 1024px) {
  .akt-recipes-author {
    margin-top: 1.4375rem;
  }
}
.akt-recipes-author a {
  text-decoration: underline;
}
.akt-recipes-author__avatar {
  margin-right: 0.6875rem;
  width: 2rem;
  height: 2rem;
}
.akt-recipes-author__image {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.akt-recipes-author__info--prefix {
  display: block;
  font-size: 1.25rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4375rem;
  letter-spacing: normal;
  margin-bottom: 0;
}
.akt-recipes-author__info--fullName {
  margin-bottom: 0;
}
.akt-recipes-author__info--fullNameText {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.125rem;
  letter-spacing: normal;
  color: #000000;
  margin-bottom: 0;
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.akt-recipes-banner-wide {
  margin-top: 40px;
}
.akt-recipes-banner-wide__image img {
  width: 100%;
  max-height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.akt-recipes-bottom-text {
  margin-top: 21px;
  margin-bottom: 67px;
}
.akt-recipes-bottom-text__title {
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.akt-recipes-bottom-text__description {
  position: relative;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: 0.2px;
  margin-top: 8px;
  padding-bottom: 40px;
}
.akt-recipes-bottom-text__description a {
  text-decoration: underline;
  color: var(--color-light-brown);
}
.akt-recipes-bottom-text__description ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 2.5rem;
  unicode-bidi: isolate;
  margin-bottom: 1rem;
}
.akt-recipes-bottom-text__description ul:last-child {
  margin-bottom: 0;
}
.akt-recipes-bottom-text__description h1 {
  font-size: 2.5rem;
}
.akt-recipes-bottom-text__description h2 {
  font-size: 2rem;
}
.akt-recipes-bottom-text__description h3 {
  font-size: 1.75rem;
}
.akt-recipes-bottom-text__description h4 {
  font-size: 1.5rem;
}
.akt-recipes-bottom-text__description h5 {
  font-size: 1.25rem;
}
.akt-recipes-bottom-text__description h6 {
  font-size: 1rem;
}
.akt-recipes-bottom-text__description h1,
.akt-recipes-bottom-text__description h2,
.akt-recipes-bottom-text__description h3,
.akt-recipes-bottom-text__description h4,
.akt-recipes-bottom-text__description h5,
.akt-recipes-bottom-text__description h6 {
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
  margin-bottom: 0.5rem;
}
.akt-recipes-bottom-text__description h1:last-child,
.akt-recipes-bottom-text__description h2:last-child,
.akt-recipes-bottom-text__description h3:last-child,
.akt-recipes-bottom-text__description h4:last-child,
.akt-recipes-bottom-text__description h5:last-child,
.akt-recipes-bottom-text__description h6:last-child {
  margin-bottom: 0;
}
.akt-recipes-bottom-text__description p {
  margin-bottom: 1rem;
}
.akt-recipes-bottom-text__description p:last-child {
  margin-bottom: 0;
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.akt-recipes-box-cta__text--support, .button-tertiary, .button-primary {
  font-family: "DM Sans";
}

.button-tertiary, .button-primary {
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.akt-recipes-box-cta {
  margin-top: 4.25rem;
}
@media (min-width: 1024px) {
  .akt-recipes-box-cta {
    margin-top: 1.875rem;
    margin-bottom: 4.1875rem;
  }
}
.akt-recipes-box-cta__title {
  font-size: 1.25rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
}
.akt-recipes-box-cta__list {
  list-style: none;
  padding-inline-start: 0;
  margin-bottom: 0;
  margin-top: 0.5625rem;
}
.akt-recipes-box-cta__list--item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.akt-recipes-box-cta__list--item:not(:first-child) {
  margin-top: 0.5rem;
}
.akt-recipes-box-cta__text {
  margin-left: 1.0625rem;
}
.akt-recipes-box-cta__text--link:hover .akt-recipes-box-cta__text--title {
  color: #f7c260;
}
.akt-recipes-box-cta__text--support {
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
}
.akt-recipes-box-cta__text--title {
  font-size: 1rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  margin-top: 0.25rem;
  transition: color 0.2s ease-in-out;
}
.akt-recipes-box-cta__text p {
  margin-bottom: 0;
}
.akt-recipes-box-cta__text a {
  text-decoration: none;
  color: var(--color-black);
}
.akt-recipes-box-cta__iconBg {
  background: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/dot_icon-19873d167207aaf4f40b.svg);
  background-position: top center;
  background-size: 5.625rem 5.625rem;
}
.akt-recipes-hero__topBar {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .akt-recipes-hero__topBar {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .akt-recipes-hero__topBar {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .akt-recipes-hero__topBar {
    max-width: 86.5rem;
  }
}

.akt-recipes-hero__title {
  margin-bottom: 0;
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.akt-recipes-hero__title {
  font-family: "Roboto Slab";
  font-size: 3rem;
  line-height: 3.25rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.akt-recipes-hero {
  width: 100%;
  /* embedded youtube video height */
}
.akt-recipes-hero__topBar {
  display: block;
  margin-bottom: 1.25rem;
}
@media (min-width: 1024px) {
  .akt-recipes-hero__topBar {
    display: flex;
    justify-content: space-between;
  }
}
.akt-recipes-hero__title {
  display: block;
  margin: 1.3125rem 3rem 0 0;
  font-size: 1.5rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
@media (min-width: 1024px) {
  .akt-recipes-hero__title {
    margin: 0;
    font-size: 3rem;
    line-height: 3rem;
    width: 80%;
  }
}
.akt-recipes-hero__ctaWrapper {
  display: flex;
  flex-direction: row;
  margin-top: 0.875rem;
}
@media (min-width: 1024px) {
  .akt-recipes-hero__ctaWrapper {
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0;
  }
}
.akt-recipes-hero__cta {
  position: relative;
}
.akt-recipes-hero__cta:nth-child(2) {
  margin-left: 1.25rem;
}
.akt-recipes-hero__ctaIconText {
  display: flex;
  justify-content: flex-start;
}
.akt-recipes-hero__ctaIconText--text {
  height: 1.125rem;
  margin: 0 0 0.0625rem 0.125rem;
  font-size: 0.75rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.125rem;
  letter-spacing: normal;
}
.akt-recipes-hero__ctaIconText--icon {
  margin-right: 0.25rem;
  width: 1.125rem;
  height: 1.125rem;
}
.akt-recipes-hero__ctaIconText--icon:hover {
  cursor: pointer;
}
.akt-recipes-hero__shareContent {
  position: absolute;
  top: 1.0625rem;
  left: -1.0625rem;
}
@media (min-width: 1024px) {
  .akt-recipes-hero__shareContent {
    left: -7.75rem;
  }
}
.akt-recipes-hero__heroMedia {
  height: 13.1875rem;
}
@media (min-width: 1024px) {
  .akt-recipes-hero__heroMedia {
    height: 31.25rem;
  }
}
.akt-recipes-hero__heroImage, .akt-recipes-hero__heroVideo {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 13.1875rem;
}
@media (min-width: 1024px) {
  .akt-recipes-hero__heroImage, .akt-recipes-hero__heroVideo {
    height: 31.25rem;
  }
}
.akt-recipes-hero__heroVideo {
  height: 13.1875rem;
}
@media (min-width: 1024px) {
  .akt-recipes-hero__heroVideo {
    height: 31.25rem;
  }
}
.akt-recipes-hero__ctas {
  display: flex;
  flex-direction: row;
}
.akt-recipes-ingredients--container {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .akt-recipes-ingredients--container {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .akt-recipes-ingredients--container {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .akt-recipes-ingredients--container {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.akt-recipes-ingredients {
  margin-top: 1.375rem;
  overflow: visible;
}
@media (min-width: 1024px) {
  .akt-recipes-ingredients {
    margin-top: 2.375rem;
  }
}
.akt-recipes-ingredients__background {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/bg-square-f54ebfcb54cf40073b50.png);
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
  overflow: visible;
  padding-left: 20px;
  margin-left: -20px;
  padding-right: 20px;
  margin-right: -20px;
}
@media (min-width: 1024px) {
  .akt-recipes-ingredients__background {
    padding-left: 70%;
    margin-left: -70%;
    padding-right: unset;
    margin-right: unset;
    padding-top: 1.875rem;
    padding-bottom: 3.4375rem;
  }
}
.akt-recipes-ingredients__title {
  font-size: 1.5rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.akt-recipes-ingredients__carousel {
  overflow: hidden;
  margin-top: 1.875rem;
  max-width: 20.9375rem;
}
@media (min-width: 768px) {
  .akt-recipes-ingredients__carousel {
    max-width: 100%;
  }
}
.akt-recipes-ingredients__track {
  display: flex;
  flex-wrap: nowrap;
  transition-property: transform;
  box-sizing: content-box;
}
@media (min-width: 1024px) {
  .akt-recipes-ingredients__track {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.akt-recipes-ingredients__slide {
  position: relative;
  max-width: 33%;
  flex-shrink: 0;
  transition-property: transform;
}
@media (min-width: 1024px) {
  .akt-recipes-ingredients__slide:not(:last-child) {
    margin-right: 1.25rem;
  }
}
.akt-recipes-ingredients__slideContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.akt-recipes-ingredients__allergenicText {
  font-size: 0.75rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 0;
  margin-top: 0.3125rem;
}
.akt-recipes-ingredients__pagination {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}
@media (min-width: 1024px) {
  .akt-recipes-ingredients__pagination {
    display: none;
  }
}
.akt-recipes-ingredients__pagination--hidden {
  display: none;
}
.akt-recipes-ingredients__bullet {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  opacity: 0.39;
  background-color: rgba(76, 58, 51, 0.5);
}
.akt-recipes-ingredients__bullet:not(:last-child) {
  margin-right: 0.625rem;
}
.akt-recipes-ingredients__bullet--active {
  opacity: 1;
  background-color: #4c3a33;
}
.akt-recipes-ingredients__list {
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.57em;
  letter-spacing: 0.0125rem;
  margin-top: 2.5rem;
}
.akt-recipes-ingredients__list ul {
  list-style: none;
  margin-bottom: 0;
  padding-inline-start: 0;
}
.akt-recipes-ingredients__list a {
  text-decoration: none;
  color: var(--color-light-brown);
}
@media (min-width: 1024px) {
  .akt-recipes-ingredients__list {
    display: flex;
    justify-content: space-evenly;
  }
  .akt-recipes-ingredients__list--left, .akt-recipes-ingredients__list--right {
    width: 50%;
  }
}

/* when no banner in between is set */
.akt-recipes-ingredients + .akt-recipes-procedure {
  margin-top: 1.875rem;
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.akt-recipes-intro {
  margin-top: 1.1875rem;
}
.akt-recipes-intro__richtext {
  position: relative;
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57rem;
  letter-spacing: 0.0125rem;
  padding-bottom: 1.25rem;
}
.akt-recipes-intro__richtext a {
  text-decoration: underline;
  color: var(--color-light-brown);
}
.akt-recipes-intro__richtext ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 2.5rem;
  unicode-bidi: isolate;
  margin-bottom: 1rem;
}
.akt-recipes-intro__richtext ul:last-child {
  margin-bottom: 0;
}
.akt-recipes-intro__richtext h1 {
  font-size: 2.5rem;
}
.akt-recipes-intro__richtext h2 {
  font-size: 2rem;
}
.akt-recipes-intro__richtext h3 {
  font-size: 1.75rem;
}
.akt-recipes-intro__richtext h4 {
  font-size: 1.5rem;
}
.akt-recipes-intro__richtext h5 {
  font-size: 1.25rem;
}
.akt-recipes-intro__richtext h6 {
  font-size: 1rem;
}
.akt-recipes-intro__richtext h1,
.akt-recipes-intro__richtext h2,
.akt-recipes-intro__richtext h3,
.akt-recipes-intro__richtext h4,
.akt-recipes-intro__richtext h5,
.akt-recipes-intro__richtext h6 {
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}
.akt-recipes-intro__richtext p {
  margin-bottom: 1rem;
}
.akt-recipes-intro__richtext p:last-child {
  margin-bottom: 0;
}
.akt-recipes-intro a {
  text-decoration: underline;
  font-size: 1rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: 0.0125rem;
}
.akt-recipes-procedure--container {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .akt-recipes-procedure--container {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .akt-recipes-procedure--container {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .akt-recipes-procedure--container {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.akt-recipes-procedure__title {
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1.625rem;
}
.akt-recipes-procedure__stepsList {
  list-style: none;
  padding-left: 0;
}
.akt-recipes-procedure__step {
  margin-top: 1.3125rem;
  padding-bottom: 1.3125rem;
  border-bottom: 0.0625rem solid #fceac8;
}
.akt-recipes-procedure__step--roseSep {
  border-bottom: 0.0625rem solid var(--color-salmon-rose);
}
.akt-recipes-procedure__step:first-child {
  margin-top: 0;
}
.akt-recipes-procedure__step p {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .akt-recipes-procedure__step {
    margin-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }
  .akt-recipes-procedure__step:last-child {
    border-bottom: unset;
  }
}
.akt-recipes-procedure__stepMedia {
  height: 13.9375rem;
  margin-bottom: 0.625rem;
  /* embedded youtube video height */
}
@media (min-width: 1024px) {
  .akt-recipes-procedure__stepMedia {
    height: 29.9375rem;
    margin-bottom: 0.9375rem;
  }
}
.akt-recipes-procedure__stepMedia--image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  border-radius: 0.625rem;
}
.akt-recipes-procedure__stepMedia--video {
  height: 13.9375rem;
}
@media (min-width: 1024px) {
  .akt-recipes-procedure__stepMedia--video {
    height: 29.9375rem;
  }
  .akt-recipes-procedure__stepText {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.akt-recipes-procedure__stepText--title {
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  font-size: 1.125rem;
  font-weight: 600;
  width: 19.5906432749%;
}
.akt-recipes-procedure__stepText--description {
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3125rem;
  letter-spacing: 0.0125rem;
  margin-top: 0.625rem;
  margin-right: 2.3125rem;
  width: 80.4093567251%;
}
@media (min-width: 1024px) {
  .akt-recipes-procedure__stepText--description {
    margin-top: 0;
    margin-right: 0;
  }
}
.akt-recipes-procedure__preparationText {
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5rem;
  letter-spacing: 0.0125rem;
}

/* vertical spacing above tags */
.akt-recipes-procedure + .akt-recipes-tags {
  margin-top: 1.875rem;
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.akt-recipes-related-articles {
  overflow: hidden;
  margin-top: 3.25rem;
  margin-right: -1.25rem;
  /* st12-picture fix on mobile */
}
@media (min-width: 1024px) {
  .akt-recipes-related-articles {
    margin-top: 1.4375rem;
    margin-right: 0;
  }
}
.akt-recipes-related-articles__title {
  font-size: 1.25rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  margin-bottom: 0;
}
.akt-recipes-related-articles__slideContainer {
  width: 16.125rem;
  display: flex;
  flex-flow: column;
  margin: 0 auto;
  height: 100%;
}
@media (min-width: 1024px) {
  .akt-recipes-related-articles__slideContainer {
    width: 21.9375rem;
    margin: 0;
  }
  .akt-recipes-related-articles__slideContainer:not(:first-child) {
    margin-top: 1.0625rem;
  }
}
.akt-recipes-related-articles__slideImage {
  -o-object-fit: cover;
     object-fit: cover;
  width: 15.375rem;
  height: 10.375rem;
}
@media (min-width: 1024px) {
  .akt-recipes-related-articles__slideImage {
    width: 21.9375rem;
    height: 11.3125rem;
  }
}
.akt-recipes-related-articles__slideText {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  max-width: 13.375rem;
  margin-left: 1rem;
  margin-top: 0.875rem;
}
@media (min-width: 1024px) {
  .akt-recipes-related-articles__slideText {
    max-width: 17rem;
    margin-left: 0;
    margin-top: 1rem;
  }
}
.akt-recipes-related-articles__slideTop {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  flex-grow: 1;
  padding-bottom: 1.875rem;
  border-bottom: 0.0625rem solid rgba(75, 58, 51, 0.16);
}
@media (min-width: 1024px) {
  .akt-recipes-related-articles__slideTop {
    padding-bottom: 0;
    border-bottom: unset;
  }
}
.akt-recipes-related-articles__slide {
  overflow: visible;
  width: 100%;
  transition-property: transform;
  font-stretch: normal;
  font-style: normal;
}
@media (min-width: 1024px) {
  .akt-recipes-related-articles__slide {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .akt-recipes-related-articles__slide:not(:first-child) {
    margin-top: 1.0625rem;
  }
}
.akt-recipes-related-articles__slide:not(:last-child) {
  margin-right: 0.75rem;
}
@media (min-width: 1024px) {
  .akt-recipes-related-articles__slide:not(:last-child) {
    margin-right: 0;
  }
}
.akt-recipes-related-articles__slide p {
  margin-bottom: 0;
}
.akt-recipes-related-articles__slide--category {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: normal;
}
.akt-recipes-related-articles__slide--title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.38;
  letter-spacing: 0.0125rem;
  text-decoration: none;
  color: #000000;
  margin-top: 0.3125rem;
}
@media (min-width: 1024px) {
  .akt-recipes-related-articles__slide--title {
    margin-top: 0.5625rem;
  }
}
.akt-recipes-related-articles__slide--description {
  font-size: 0.8125rem;
  font-weight: normal;
  line-height: 1.3125rem;
  letter-spacing: 0.011875rem;
  color: var(--color-brillant-grey);
  margin-top: 0.3125rem;
  flex-grow: 1;
}
@media (min-width: 1024px) {
  .akt-recipes-related-articles__slide--description {
    margin-top: 0.5625rem;
  }
}
.akt-recipes-related-articles__slideBottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.125rem;
  margin-bottom: 0.9375rem;
}
@media (min-width: 1024px) {
  .akt-recipes-related-articles__slideBottom {
    margin-top: 1.625rem;
    margin-bottom: 2.25rem;
  }
}
.akt-recipes-related-articles__slideBottom--link {
  font-size: 0.75rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-decoration: underline;
  color: #f7c260;
}
@media (min-width: 1024px) {
  .akt-recipes-related-articles__slideBottom--link {
    display: none;
  }
}
.akt-recipes-related-articles__slideBottom--cta {
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.akt-recipes-related-articles__slideBottom--ctaIcon:hover {
  cursor: pointer;
}
.akt-recipes-related-articles__slideBottom--ctaIcon:not(:last-child) {
  margin-right: 1.25rem;
}
.akt-recipes-related-articles__shareContent {
  position: absolute;
  top: 1.3125rem;
  left: -10.125rem;
}
@media (min-width: 1024px) {
  .akt-recipes-related-articles__shareContent {
    top: -1.3125rem;
    left: 1rem;
  }
}
.akt-recipes-related-articles__carousel {
  max-width: 16.125rem;
  margin-top: 1.4375rem;
}
@media (min-width: 1024px) {
  .akt-recipes-related-articles__carousel {
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
.akt-recipes-related-articles__track {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  transition-property: transform;
}
@media (min-width: 1024px) {
  .akt-recipes-related-articles__track {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.akt-recipes-related-articles__pagination {
  margin-top: 3.875rem;
  display: flex;
  justify-content: center;
  /* margin-right needed for adjusting centering */
  margin-right: 1.25rem;
}
@media (min-width: 1024px) {
  .akt-recipes-related-articles__pagination {
    display: none;
  }
}
.akt-recipes-related-articles__bullet {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  opacity: 0.39;
  background-color: rgba(76, 58, 51, 0.5);
}
.akt-recipes-related-articles__bullet:not(:last-child) {
  margin-right: 0.625rem;
}
.akt-recipes-related-articles__bullet--active {
  opacity: 1;
  background-color: #4c3a33;
}
@media (max-width: 1023px) {
  .akt-recipes-related-articles__slideContainer .st12-picture--cover, .akt-recipes-related-articles__slideContainer .st12-picture--contain {
    max-width: 246px;
    max-height: 166px;
  }
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.akt-recipes-save-share {
  margin-top: 70px;
  display: none;
  flex-flow: row nowrap;
  justify-content: space-evenly;
}
.akt-recipes-save-share--mobile {
  display: flex;
}
@media (min-width: 768px) {
  .akt-recipes-save-share--mobile {
    display: none;
  }
}
.akt-recipes-save-share__save, .akt-recipes-save-share__share {
  padding: 17px 43px 19px 43px;
  position: relative;
  background-color: #fdebc9;
  height: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.5px;
}
.akt-recipes-save-share__save > div:first-of-type, .akt-recipes-save-share__share > div:first-of-type {
  display: flex;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  height: inherit;
  position: absolute;
  top: -7px;
  right: -7px;
  background-color: #f7c260;
}
.akt-recipes-save-share__save {
  max-width: 180px;
  width: 100%;
}
.akt-recipes-save-share__share {
  width: 81px;
}
.akt-recipes-save-share__saveCta, .akt-recipes-save-share__shareCta {
  cursor: pointer;
}
.akt-recipes-save-share__shareContent {
  position: absolute;
  top: 90%;
  left: -113px;
}
@media (min-width: 1024px) {
  .akt-recipes-save-share__shareContent {
    top: -21px;
    left: 16px;
  }
}

/* vertical spacing above tags */
.akt-recipes-save-share ~ .akt-recipes-tags {
  margin-top: 1.875rem;
}
.akt-recipes-similar {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .akt-recipes-similar {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .akt-recipes-similar {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .akt-recipes-similar {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.akt-recipes-similar {
  z-index: 30;
  background: var(--color-white);
}
.akt-recipes-similar--desktop {
  display: none;
  margin-top: 1.4375rem;
  margin-bottom: 2.0625rem;
}
.akt-recipes-similar--mobile {
  display: block;
  position: fixed;
  bottom: 0;
  opacity: 1;
  z-index: 9;
  transition: bottom 0.3s ease-in, opacity 0.4s ease-in;
  box-shadow: 0 -0.1875rem 0.25rem 0 rgba(0, 0, 0, 0.1);
}
.akt-recipes-similar--mobile__box {
  position: relative;
  transition: all 0.5s ease-in-out;
}
.akt-recipes-similar--mobile__box--header {
  display: flex;
  justify-content: space-between;
  pointer-events: all;
  cursor: pointer;
  height: 3.75rem;
}
.akt-recipes-similar--mobile__box--content {
  display: block;
  width: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
  transition: height 0.3s ease-out, opacity 0.3s linear;
  margin-bottom: 0.625rem;
  height: 21.6875rem;
}
.akt-recipes-similar--mobile__box--close {
  position: absolute;
  height: 3.75rem;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  margin-bottom: 0;
  /* INITIAL STATE OF CLOSE INPUT */
  opacity: 0;
  pointer-events: none;
}
.akt-recipes-similar--mobile__box--arrowOpen {
  transform: rotate(180deg);
}
.akt-recipes-similar--mobile__box--arrow {
  display: inline-block;
  content: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/down_arrow-b78bfe62ab5f7303091d.svg);
  width: 0.875rem;
}
@media (min-width: 1024px) {
  .akt-recipes-similar--desktop {
    display: block;
    padding: 0;
  }
  .akt-recipes-similar--mobile {
    display: none;
  }
  .akt-recipes-similar__title {
    font-size: 1.25rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3em;
    letter-spacing: normal;
    color: var(--color-black);
  }
}
.akt-recipes-similar__box {
  position: relative;
  transition: all 0.5s ease-in-out;
}
.akt-recipes-similar__box--title {
  font-size: 1.25rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3em;
  letter-spacing: normal;
  color: var(--color-black);
  margin-bottom: 0;
  width: 11.25rem;
  display: inline-block;
  cursor: pointer;
  padding: 0.9375rem 0 1rem 0;
}
.akt-recipes-similar__recipe {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.akt-recipes-similar__recipe:not(:last-child) {
  padding-bottom: 0.625rem;
  border-bottom: 0.0625rem solid var(--color-salmon-rose);
}
.akt-recipes-similar__recipe:not(:first-child) {
  margin-top: 0.625rem;
}
.akt-recipes-similar__recipe--right {
  display: flex;
  flex-direction: column;
  width: 11rem;
}
.akt-recipes-similar__recipe--left {
  width: 155px;
  height: 80px;
  margin-right: 1.1875rem;
}
.akt-recipes-similar--desktop .akt-recipes-similar__recipe:not(:first-child) {
  margin-top: 2rem;
}
.akt-recipes-similar--desktop .akt-recipes-similar__recipe:first-child {
  margin-top: 1.6875rem;
}
.akt-recipes-similar--desktop .akt-recipes-similar__recipe:not(:last-child) {
  padding-bottom: 2rem;
}
.akt-recipes-similar--desktop .akt-recipes-similar__recipe--left {
  width: 9.6875rem;
  height: 5rem;
}
.akt-recipes-similar__recipeLink {
  font-size: 1rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: var(--color-black);
  margin-top: 0.25rem;
}
.akt-recipes-similar__recipeLink span {
  height: 2.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.akt-recipes-similar__recipeCollection {
  font-size: 0.75rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--color-black);
}
.akt-recipes-similar__recipeCollection--link {
  color: var(--color-black) !important;
  text-decoration: underline;
  padding-left: 0.1875rem;
  border-left: 0.0625rem solid var(--color-light-brown);
}
.akt-recipes-similar__recipeCollection--link:hover {
  color: var(--color-light-brown) !important;
  text-decoration: underline;
}
.akt-recipes-similar__image {
  -o-object-fit: cover;
     object-fit: cover;
  height: 4.5rem;
  width: 8.6875rem;
}
@media (min-width: 1024px) {
  .akt-recipes-similar__image {
    width: 9.4375rem;
  }
}
.akt-recipes-similar--fadeOut {
  pointer-events: none;
  opacity: 0;
  bottom: -3.4375rem;
  transition: bottom 0.5s ease-out, opacity 0.7s ease-out;
}
.akt-recipes-similar__accordion {
  display: block;
}
@media (min-width: 1024px) {
  .akt-recipes-similar__accordion {
    display: none;
  }
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.akt-recipes-summary {
  margin-top: 30px;
}
.akt-recipes-summary__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .akt-recipes-summary__list {
    justify-content: flex-start;
  }
}
.akt-recipes-summary__item {
  text-align: center;
  margin-bottom: 10px;
}
.akt-recipes-summary__item:not(:last-child) {
  margin-right: 25px;
}
@media (min-width: 1024px) {
  .akt-recipes-summary__item:not(:last-child) {
    margin-right: 45px;
  }
}
.akt-recipes-summary__label {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 18px;
  letter-spacing: normal;
}
.akt-recipes-summary__iconsDifficultyWrapper {
  line-height: 12px;
}
.akt-recipes-summary__iconDifficulty {
  width: 0.875rem;
  height: 0.875rem;
}
.akt-recipes-summary__iconDifficulty--faded {
  opacity: 30%;
}
.akt-recipes-summary__iconDifficulty > span {
  font-size: 1rem;
}
.akt-recipes-tags--container {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .akt-recipes-tags--container {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .akt-recipes-tags--container {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .akt-recipes-tags--container {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.akt-recipes-tags__listWrapper {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  border-top: 1px solid #f49984;
  flex-flow: column;
  padding-top: 17px;
}
@media (min-width: 1024px) {
  .akt-recipes-tags__listWrapper {
    flex-flow: row;
    padding-top: 37px;
  }
}
.akt-recipes-tags__label {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 0;
  display: none;
}
@media (min-width: 1024px) {
  .akt-recipes-tags__label {
    margin-right: 14px;
    display: unset;
  }
}
.akt-recipes-tags__list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
  margin-top: 10px;
}
@media (min-width: 1024px) {
  .akt-recipes-tags__list {
    margin-top: 0;
  }
}
.akt-recipes-tags__item {
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 15px 3px 15px;
  border-radius: 16px;
  border: solid 2px #f49984;
  background-color: rgba(255, 255, 255, 0.82);
  margin-bottom: 16px;
}
.akt-recipes-tags__item:not(:last-child) {
  margin-right: 10px;
}
.akt-recipes-tags__item--link {
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 18px;
  letter-spacing: normal;
  color: #000000;
}
.akt-recipes-tags__item a:focus, .akt-recipes-tags__item a:active {
  color: #000000;
}
.akt-recipes-tags__item a:hover {
  color: #F7C260;
}
.sc1-separator {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .sc1-separator {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .sc1-separator {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .sc1-separator {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc1-separator__hr {
  border-top: solid 1px var(--color-salmon-rose);
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.sc2-recipe-in-evi__recTitle, .sc2-recipe-in-evi__recTitle > a > h3 {
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.sc2-recipe-in-evi__label, .sc2-recipe-in-evi__chipText {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc2-recipe-in-evi {
  overflow: hidden;
  border-radius: 0.75rem;
}
.sc2-recipe-in-evi__container {
  position: relative;
}
.sc2-recipe-in-evi__media {
  height: 23.75rem;
}
@media (min-width: 1024px) {
  .sc2-recipe-in-evi__media {
    width: 100%;
    height: 31.125rem;
  }
}
.sc2-recipe-in-evi__media--video > a, .sc2-recipe-in-evi__media--picture > a {
  display: block;
  height: 100%;
}
.sc2-recipe-in-evi__media--video .st16-video {
  height: inherit;
}
.sc2-recipe-in-evi__media--picture .st12-picture {
  height: inherit;
}
.sc2-recipe-in-evi__recTitle {
  position: absolute;
  bottom: auto;
  right: 3.75rem;
  bottom: 2.8125rem;
  left: 2rem;
  line-height: 1.7;
  min-height: 2.0625rem;
}
.sc2-recipe-in-evi__recTitle > a > h3 {
  color: var(--color-black);
  line-height: 1.7;
  font-weight: 600;
  display: inline;
  background: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.8);
  box-shadow: 10px 0 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.8), -10px 0 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.8);
}
@media (min-width: 1024px) {
  .sc2-recipe-in-evi__recTitle > a > h3 {
    font-size: 1.5rem;
  }
  .sc2-recipe-in-evi__recTitle {
    font-size: 1.5rem;
    right: 16.875rem;
    bottom: 3.9375rem;
  }
}
.sc2-recipe-in-evi__item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sc2-recipe-in-evi__label {
  margin: 0 0.625rem;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
}
.sc2-recipe-in-evi__infos {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: absolute;
  left: 0.75rem;
  bottom: 1.125rem;
  top: auto;
  right: auto;
  color: var(--color-white);
}
@media (min-width: 1024px) {
  .sc2-recipe-in-evi__infos {
    left: 1.9375rem;
    bottom: 2.0625rem;
    top: auto;
    right: auto;
  }
}
.sc2-recipe-in-evi__icon {
  width: 1.1875rem;
  height: 1.1875rem;
}
.sc2-recipe-in-evi__chips {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: absolute;
  top: 2rem;
  left: 2rem;
  bottom: 27.125rem;
  right: auto;
}
.sc2-recipe-in-evi__chip {
  min-height: 1.5625rem;
  margin: 0.25rem 0.4375rem 0.25rem 0.3125rem;
  padding: 0.125rem 1.0625rem 0.5rem 1rem;
  border-radius: 1rem;
  border: solid 2px var(--color-salmon-rose);
  background-color: var(--color-white);
}
.sc2-recipe-in-evi__chipText {
  color: var(--color-black);
  text-decoration: none;
  display: flex;
}
.sc2-recipe-in-evi__ctas {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 0.875rem;
  position: absolute;
  top: 1.75rem;
  right: 0.25rem;
  left: auto;
  bottom: auto;
}
@media (min-width: 1024px) {
  .sc2-recipe-in-evi__ctas {
    flex-direction: row;
    right: 1rem;
  }
}
.sc3-widget-recipe {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .sc3-widget-recipe {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .sc3-widget-recipe {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .sc3-widget-recipe {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.sc3-widget-recipe__title, .button-tertiary, .button-primary {
  font-family: "DM Sans";
}

.button-tertiary, .button-primary {
  font-weight: 700;
}

.sc3-widget-recipe__description {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.sc3-widget-recipe__title {
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc3-widget-recipe {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  .sc3-widget-recipe {
    flex-direction: row;
  }
}
.sc3-widget-recipe__recipe {
  width: 100%;
  height: 23.75rem;
}
@media (min-width: 1024px) {
  .sc3-widget-recipe__recipe {
    width: 100%;
    height: 31.125rem;
  }
}
.sc3-widget-recipe__texts {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  .sc3-widget-recipe__texts {
    margin-right: 6.8125rem;
  }
}
.sc3-widget-recipe__title {
  font-size: 1.5rem;
  font-weight: 600;
  min-height: 10rem;
  width: 19.375rem;
}
.sc3-widget-recipe__description {
  width: 19.375rem;
  min-height: 10rem;
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc4-picture--normal {
  width: inherit;
  height: inherit;
}
.sc4-picture--banner {
  height: 13.1875rem;
}
@media (min-width: 1024px) {
  .sc4-picture--banner {
    height: 31.25rem;
  }
}
.sc4-picture--h600 {
  height: 13.1875rem;
}
@media (min-width: 1024px) {
  .sc4-picture--h600 {
    height: 37.5rem;
  }
}
.sc5-card-carousel-article {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .sc5-card-carousel-article {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .sc5-card-carousel-article {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .sc5-card-carousel-article {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.sc5-card-carousel-article__title--cursive, .button-tertiary, .button-primary {
  font-family: "DM Sans";
}

.button-tertiary, .button-primary {
  font-weight: 700;
}

.sc5-card-carousel-article__title {
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.sc5-card-carousel-article__description {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.sc5-card-carousel-article__title--cursive {
  font-size: 2rem;
  line-height: 2.25rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc5-card-carousel-article__title {
  font-weight: 600;
  margin-bottom: 1.75rem;
}
@media (min-width: 1024px) {
  .sc5-card-carousel-article__title {
    margin-bottom: 0.75rem;
  }
}
.sc5-card-carousel-article__title--cursive {
  font-weight: normal;
  margin-bottom: 1.75rem;
}
@media (min-width: 1024px) {
  .sc5-card-carousel-article__title--cursive {
    margin-bottom: 0.75rem;
  }
}
.sc5-card-carousel-article__texts {
  margin-bottom: 1.75rem;
}
@media (min-width: 1024px) {
  .sc5-card-carousel-article__texts {
    margin-bottom: 2.5rem;
  }
}
.sc5-card-carousel-article__description {
  font-size: 1rem;
  font-weight: normal;
}
.sc5-card-carousel-article__slider {
  margin-left: -1.25rem;
  width: calc(100% + 2.5rem);
}
@media (min-width: 1024px) {
  .sc5-card-carousel-article__slider {
    margin-left: 0;
    width: 100%;
  }
}
.sc5-card-carousel-article__slider .st6-slider__btn--prev {
  left: -3.5625rem;
}
.sc5-card-carousel-article__slider .st6-slider__btn--next {
  right: -3.5625rem;
}
.sc6-banner--container {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .sc6-banner--container {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .sc6-banner--container {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .sc6-banner--container {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc6-banner__pic {
  width: 100%;
}
.sc6-banner__banner--small {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 17.5rem;
}
.sc6-banner__banner {
  width: 100%;
  height: 6.25rem;
}
@media (min-width: 1024px) {
  .sc6-banner__banner {
    height: 12.5rem;
  }
}
.sc6-banner__banner--withoutHeightLimit {
  height: unset;
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.sc7-richtext, .sc7-richtext .font-txt {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.sc7-richtext .font-18Fix {
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.sc7-richtext .font-20Fix {
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.sc7-richtext .font-20Resp {
  font-size: 1rem;
  line-height: 1.25rem;
}
@media (min-width: 1024px) {
  .sc7-richtext .font-20Resp {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.sc7-richtext .font-24Resp {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
@media (min-width: 1024px) {
  .sc7-richtext .font-24Resp {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.sc7-richtext .font-26Resp {
  font-size: 1.5rem;
  line-height: 1.75rem;
}
@media (min-width: 1024px) {
  .sc7-richtext .font-26Resp {
    font-size: 1.625rem;
    line-height: 1.875rem;
  }
}

.sc7-richtext .font-32Resp {
  font-size: 1.75rem;
  line-height: 2rem;
}
@media (min-width: 1024px) {
  .sc7-richtext .font-32Resp {
    font-size: 2rem;
    line-height: 2.25rem;
  }
}

.sc7-richtext .font-32Resp24 {
  font-size: 1.5rem;
  line-height: 1.75rem;
}
@media (min-width: 1024px) {
  .sc7-richtext .font-32Resp24 {
    font-size: 2rem;
    line-height: 2.25rem;
  }
}

.sc7-richtext .font-48Resp {
  font-size: 2rem;
  line-height: 2.25rem;
}
@media (min-width: 1024px) {
  .sc7-richtext .font-48Resp {
    font-size: 3rem;
    line-height: 3.25rem;
  }
}

.sc7-richtext .font-120Resp {
  font-size: 4.5rem;
  line-height: 4.5rem;
}
@media (min-width: 1024px) {
  .sc7-richtext .font-120Resp {
    font-size: 7.5rem;
    line-height: 7.5rem;
  }
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

@media (min-width: 1024px) {
  .sc7-richtext--dsksmall {
    margin-left: auto;
    margin-right: auto;
    max-width: 45rem;
  }
}
.sc7-richtext b,
.sc7-richtext strong {
  font-weight: bold;
}
.sc7-richtext u {
  text-decoration: underline;
}
.sc7-richtext i {
  font-style: italic;
}
.sc7-richtext a,
.sc7-richtext span[data-modal] {
  cursor: pointer;
  text-decoration: underline;
}
.sc7-richtext a {
  color: var(--color-light-brown);
}
.sc7-richtext h1,
.sc7-richtext h2,
.sc7-richtext h3,
.sc7-richtext h4,
.sc7-richtext h5,
.sc7-richtext h6 {
  margin-bottom: 0.5rem;
}
.sc7-richtext h1:last-child,
.sc7-richtext h2:last-child,
.sc7-richtext h3:last-child,
.sc7-richtext h4:last-child,
.sc7-richtext h5:last-child,
.sc7-richtext h6:last-child {
  margin-bottom: 0;
}
.sc7-richtext p {
  margin-bottom: 1rem;
}
.sc7-richtext p:last-child {
  margin-bottom: 0;
}
.sc7-richtext .color-white {
  color: var(--color-white);
}
.sc7-richtext .color-darkGrey {
  color: var(--color-steamy-smoke);
}
.sc7-richtext .color-black {
  color: var(--color-black);
}
.sc7-richtext ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 2.5rem;
  unicode-bidi: isolate;
  margin-bottom: 1rem;
}
.sc7-richtext ul:last-child {
  margin-bottom: 0;
}
.sc7-richtext h1 {
  font-size: 2.5rem;
}
.sc7-richtext h2 {
  font-size: 2rem;
}
.sc7-richtext h3 {
  font-size: 1.75rem;
}
.sc7-richtext h4 {
  font-size: 1.5rem;
}
.sc7-richtext h5 {
  font-size: 1.25rem;
}
.sc7-richtext h6 {
  font-size: 1rem;
}
.sc7-richtext h1,
.sc7-richtext h2,
.sc7-richtext h3,
.sc7-richtext h4,
.sc7-richtext h5,
.sc7-richtext h6 {
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}
.sc8-widget-territory__innerContent {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .sc8-widget-territory__innerContent {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .sc8-widget-territory__innerContent {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .sc8-widget-territory__innerContent {
    max-width: 86.5rem;
  }
}

.sc8-widget-territory__button, .button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.sc8-widget-territory__button:focus, .button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.sc8-widget-territory__button::-moz-focus-inner, .button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.sc8-widget-territory__cursive, .sc8-widget-territory__button, .button-tertiary, .button-primary {
  font-family: "DM Sans";
}

.sc8-widget-territory__button, .button-tertiary, .button-primary {
  font-weight: 700;
}

.sc8-widget-territory__breadcrumb {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.sc8-widget-territory__cursive {
  font-size: 2rem;
  line-height: 2.25rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc8-widget-territory__innerContent {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
@media (min-width: 1024px) {
  .sc8-widget-territory__innerContent {
    flex-direction: row-reverse;
  }
}
.sc8-widget-territory__innerContent--flipContent {
  flex-direction: column;
}
@media (min-width: 1024px) {
  .sc8-widget-territory__innerContent--flipContent {
    flex-direction: row;
  }
}
.sc8-widget-territory__cursive {
  line-height: 2.25rem;
  max-width: 21.3125rem;
  margin-bottom: 1.8125rem;
}
.sc8-widget-territory__media {
  width: 100%;
  height: 20.375rem;
  margin-bottom: 6.25rem;
}
@media (min-width: 1024px) {
  .sc8-widget-territory__media {
    width: 100%;
    height: 27.5rem;
    margin-bottom: 0;
  }
}
.sc8-widget-territory__media--flipContent {
  margin-bottom: 0;
}
.sc8-widget-territory__texts {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .sc8-widget-territory__texts {
    margin-left: 6.8125rem;
  }
}
.sc8-widget-territory__texts--flipContent {
  margin-bottom: 6.25rem;
}
@media (min-width: 1024px) {
  .sc8-widget-territory__texts--flipContent {
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 6.8125rem;
  }
}
.sc8-widget-territory__breadcrumb {
  font-weight: 500;
  margin: 0 0 1rem 0;
  text-align: left;
}
.sc8-widget-territory__title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: normal;
  width: 21.3125rem;
}
@media (min-width: 1024px) {
  .sc8-widget-territory__title {
    font-size: 2rem;
    line-height: 1.13;
  }
}
.sc8-widget-territory__description {
  margin-top: 1.25rem;
  margin-bottom: 0;
  width: 21.3125rem;
}
.sc8-widget-territory__button {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
  width: 20.5rem;
  height: 3.1875rem;
  margin: 2.5rem 0 0.4375rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (min-width: 1024px) {
  .sc8-widget-territory__button {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.sc8-widget-territory__button:hover, .sc8-widget-territory__button:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}
@media (min-width: 1024px) {
  .sc8-widget-territory__button {
    width: 16rem;
  }
}
.sc8-widget-territory__buttonLabel {
  font-size: 1rem;
  font-weight: 600;
  line-height: 0.875rem;
  text-decoration: none;
  color: var(--color-white);
  text-align: center;
  letter-spacing: 0.03125rem;
}
.sc10-card-carousel-collection {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .sc10-card-carousel-collection {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .sc10-card-carousel-collection {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .sc10-card-carousel-collection {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.sc10-card-carousel-collection__title {
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc10-card-carousel-collection__title {
  font-weight: 600;
}
.sc10-card-carousel-collection__slider .st6-slider__pagination {
  display: flex;
}
@media (min-width: 1024px) {
  .sc10-card-carousel-collection__slider .st6-slider__pagination {
    display: none;
  }
}
.sc11-widget-products {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .sc11-widget-products {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .sc11-widget-products {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .sc11-widget-products {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.sc11-widget-products__title {
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.sc11-widget-products__description {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc11-widget-products__texts {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  .sc11-widget-products__texts {
    margin-bottom: 2.5rem;
  }
}
.sc11-widget-products__inner-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.sc11-widget-products__cards {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .sc11-widget-products__cards {
    flex-direction: row;
  }
}
.sc11-widget-products__card-container {
  margin-bottom: 0.625rem;
}
@media (min-width: 1024px) {
  .sc11-widget-products__card-container {
    margin-bottom: 0;
  }
}
.sc12-video--limitsToContainer {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .sc12-video--limitsToContainer {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .sc12-video--limitsToContainer {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .sc12-video--limitsToContainer {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc12-video--normal {
  width: inherit;
  height: inherit;
}
.sc12-video--banner {
  height: 13.1875rem;
}
@media (min-width: 1024px) {
  .sc12-video--banner {
    height: 31.25rem;
  }
}
.sc12-video--h600 {
  height: 13.1875rem;
}
@media (min-width: 1024px) {
  .sc12-video--h600 {
    height: 37.5rem;
  }
}
.sc13-widget-hp-2 {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .sc13-widget-hp-2 {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .sc13-widget-hp-2 {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .sc13-widget-hp-2 {
    max-width: 86.5rem;
  }
}

.sc13-widget-hp-2__button, .button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.sc13-widget-hp-2__button:focus, .button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.sc13-widget-hp-2__button::-moz-focus-inner, .button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.sc13-widget-hp-2__title, .sc13-widget-hp-2__button, .button-tertiary, .button-primary {
  font-family: "DM Sans";
}

.sc13-widget-hp-2__button, .button-tertiary, .button-primary {
  font-weight: 700;
}

.sc13-widget-hp-2__description {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.sc13-widget-hp-2__breadcrumb {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.sc13-widget-hp-2__title {
  font-size: 2rem;
  line-height: 2.25rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc13-widget-hp-2__innerContentTop {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
@media (min-width: 768px) {
  .sc13-widget-hp-2__innerContentTop {
    flex-direction: row;
  }
}
.sc13-widget-hp-2__media {
  width: 100%;
  height: 20.375rem;
  margin-bottom: 1.875rem;
}
@media (min-width: 768px) {
  .sc13-widget-hp-2__media {
    width: 100%;
    height: 27.5rem;
    margin-bottom: 0;
  }
}
.sc13-widget-hp-2__texts {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .sc13-widget-hp-2__texts {
    margin-right: 3.125rem;
  }
}
.sc13-widget-hp-2__slider {
  padding-top: 5.875rem;
}
@media (min-width: 1024px) {
  .sc13-widget-hp-2__slider {
    padding-top: 3.625rem;
  }
}
.sc13-widget-hp-2__slider .st6-slider__pagination {
  display: flex;
}
@media (min-width: 1024px) {
  .sc13-widget-hp-2__slider .st6-slider__pagination {
    display: none;
  }
}
.sc13-widget-hp-2__slider .st6-slider__btn--prev {
  display: none;
}
.sc13-widget-hp-2__slider .st6-slider__btn--next {
  display: none;
}
.sc13-widget-hp-2__breadcrumb {
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: var(--color-salmon-rose);
  text-decoration-thickness: 0.125rem;
  text-underline-offset: 0.21875rem;
  margin-bottom: 1.25rem;
}
.sc13-widget-hp-2__title {
  font-size: 2.25rem;
  font-weight: normal;
  width: 21.3125rem;
  margin-bottom: 1rem;
}
.sc13-widget-hp-2__description {
  width: 19.375rem;
  min-height: 8rem;
}
.sc13-widget-hp-2__button {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
  width: 20.5rem;
  height: 3.1875rem;
  margin: 0 0 0.4375rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (min-width: 1024px) {
  .sc13-widget-hp-2__button {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.sc13-widget-hp-2__button:hover, .sc13-widget-hp-2__button:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}
@media (min-width: 1024px) {
  .sc13-widget-hp-2__button {
    width: 16rem;
  }
}
.sc13-widget-hp-2__buttonLabel {
  font-size: 1rem;
  font-weight: 600;
  line-height: 0.875rem;
  text-decoration: none;
  color: var(--color-white);
  text-align: center;
  letter-spacing: 0.03125rem;
}
.sc13-widget-hp-2__cards {
  display: flex;
  flex-direction: row;
}
.sc14-hero__slider .st6-slider__pagination {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .sc14-hero__slider .st6-slider__pagination {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .sc14-hero__slider .st6-slider__pagination {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .sc14-hero__slider .st6-slider__pagination {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc14-hero__slider {
  position: relative;
}
.sc14-hero__slider .st6-slider__slideContainer {
  display: block;
}
.sc14-hero__slider .st6-slider__bullet {
  width: 0.25rem;
  height: 0.25rem;
  background-color: #fffffe;
}
.sc14-hero__slider .st6-slider__bullet--active {
  width: 1rem;
  height: 1rem;
  background-color: var(--color-primary2);
}
.sc14-hero__slider .st6-slider__pagination {
  position: absolute;
  inset-inline: 0;
  bottom: 1.25rem;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 1024px) {
  .sc14-hero__slider .st6-slider__pagination {
    bottom: 1.5rem;
  }
}
.sc14-hero__slider .st6-slider__btn--prev {
  left: 2.5rem;
}
.sc14-hero__slider .st6-slider__btn--next {
  right: 2.5rem;
}
.sc14-hero__slider .st6-slider__btn::after {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/white_left_arrow-21185e0d999f13a0cec7.svg);
  width: 1.0625rem;
  height: 2.125rem;
}
.sc15-inspiration {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .sc15-inspiration {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .sc15-inspiration {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .sc15-inspiration {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.sc15-inspiration__subtitle, .sc15-inspiration__title, .button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc15-inspiration__subtitle {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--color-light-brown);
  margin-bottom: 0.5rem;
}
.sc15-inspiration__title {
  font-size: 2rem;
  line-height: 2.25rem;
  color: var(--color-black);
  margin-bottom: 3.125rem;
}
.sc15-inspiration__slider .st6-slider__btn--prev {
  left: -3.5625rem;
}
.sc15-inspiration__slider .st6-slider__btn--next {
  right: -3.5625rem;
}
.sc15-inspiration__slider .st6-slider__pagination {
  display: flex;
}
@media (min-width: 1024px) {
  .sc15-inspiration__slider .st6-slider__pagination {
    display: none;
  }
}
.sc15-inspiration__slider .st6-slider__track {
  margin-left: 0;
}
@media (min-width: 768px) {
  .sc15-inspiration__slider .st6-slider__slideContainer {
    flex: 0 0 32.48%;
    max-width: 32.48%;
  }
}
.sc16-travels, .sc16-travels__card {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .sc16-travels, .sc16-travels__card {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .sc16-travels, .sc16-travels__card {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .sc16-travels, .sc16-travels__card {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.sc16-travels__description, .button-tertiary, .button-primary {
  font-family: "DM Sans";
}

.button-tertiary, .button-primary {
  font-weight: 700;
}

.sc16-travels__title {
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.sc16-travels__artContainer--cardTitle, .sc16-travels__artContainer--cardTitle > a > h3 {
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.sc16-travels__cardsTitle, .sc16-travels__cardsDescription {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.sc16-travels__artContainer--chipText, .sc16-travels__cardsBreadcrumb, .sc16-travels__cardsAppr {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc16-travels {
  position: relative;
}
.sc16-travels__texts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1.8125rem;
}
.sc16-travels__innerContent {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  .sc16-travels__innerContent {
    flex-direction: row;
  }
}
.sc16-travels__artContainer {
  width: 100%;
  height: 23.75rem;
  position: relative;
}
@media (min-width: 1024px) {
  .sc16-travels__artContainer {
    width: 100%;
    height: 27rem;
  }
}
.sc16-travels__artContainer--media {
  height: 23.75rem;
}
@media (min-width: 1024px) {
  .sc16-travels__artContainer--media {
    width: 100%;
    height: 27rem;
  }
}
.sc16-travels__artContainer--cardTitle {
  min-height: 2.0625rem;
  margin-bottom: 0;
  position: absolute;
  bottom: 2.9375rem;
  right: 8.875rem;
  left: 2rem;
  line-height: 1.7;
}
.sc16-travels__artContainer--cardTitle > a > h3 {
  color: var(--color-black);
  line-height: 1.7;
  font-weight: 600;
  display: inline;
  background: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.8);
  box-shadow: 10px 0 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.8), -10px 0 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.8);
}
@media (min-width: 1024px) {
  .sc16-travels__artContainer--cardTitle > a > h3 {
    font-size: 1.5rem;
  }
  .sc16-travels__artContainer--cardTitle {
    bottom: 2.9375rem;
    right: 8.875rem;
    font-size: 1.5rem;
  }
}
.sc16-travels__artContainer--chips {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: absolute;
  top: 2rem;
  left: 2rem;
  bottom: 27.125rem;
  right: auto;
}
.sc16-travels__artContainer--chip {
  min-height: 1.5625rem;
  margin: 0.25rem 0.4375rem 0.25rem 0.3125rem;
  padding: 0.125rem 1.0625rem 0.5rem 1rem;
  border-radius: 1rem;
  border: solid 2px var(--color-salmon-rose);
  background-color: var(--color-white);
}
.sc16-travels__artContainer--chipText {
  color: var(--color-black);
  text-decoration: none;
  display: flex;
}
.sc16-travels__artContainer--ctas {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 1.75rem;
  right: 0.25rem;
  left: auto;
  bottom: auto;
}
@media (min-width: 1024px) {
  .sc16-travels__artContainer--ctas {
    flex-direction: row;
  }
}
.sc16-travels__title {
  font-size: 1.5rem;
  font-weight: 600;
  max-width: 22.375rem;
}
@media (min-width: 768px) {
  .sc16-travels__title {
    max-width: 45rem;
  }
}
.sc16-travels__description {
  line-height: 1.875rem;
  font-size: 2rem;
  max-width: 19.375rem;
  background-color: hsla(var(--color-dark-yellow-h), var(--color-dark-yellow-s), var(--color-dark-yellow-l), 0.28);
  padding: 0.4rem;
}
@media (min-width: 768px) {
  .sc16-travels__description {
    max-width: 45rem;
  }
}
.sc16-travels__cards {
  display: flex;
  flex-direction: column;
  margin-top: 1.875rem;
}
@media (min-width: 1024px) {
  .sc16-travels__cards {
    margin-top: 0;
    margin-left: 1.25rem;
  }
}
.sc16-travels__card {
  background-color: var(--color-white);
  width: 100%;
  height: 14.0625rem;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: space-evenly;
}
@media (min-width: 1024px) {
  .sc16-travels__card {
    width: 27.75rem;
    height: 12.6875rem;
  }
}
.sc16-travels__card--last {
  margin-top: 1.5625rem;
}
.sc16-travels__cardsBreadcrumb {
  font-weight: 500;
}
.sc16-travels__cardsTitle {
  font-size: 16px;
  font-weight: 600;
  width: 18.125rem;
  color: var(--color-black);
}
@media (min-width: 1024px) {
  .sc16-travels__cardsTitle {
    width: 23.9375rem;
  }
}
.sc16-travels__cardsDescription {
  font-weight: 500;
  text-align: left;
  color: var(--color-brillant-grey);
}
.sc16-travels__cardsBottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .sc16-travels__cardsBottom {
    justify-content: space-between;
    align-items: center;
  }
}
.sc16-travels__cardsAppr {
  font-weight: 600;
  text-decoration: underline;
  color: var(--color-brown-red);
}
.sc16-travels__cardsAppr a {
  color: var(--color-brown-red);
}
.sc16-travels__cardsCtas {
  display: flex;
  flex-direction: row;
}
.sc17-widget-chef {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .sc17-widget-chef {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .sc17-widget-chef {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .sc17-widget-chef {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.sc17-widget-chef__title {
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.sc17-widget-chef__description {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc17-widget-chef__texts {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  .sc17-widget-chef__texts {
    margin-bottom: 2.5rem;
  }
}
.sc17-widget-chef__title {
  font-weight: 600;
}
.sc17-widget-chef__description {
  font-size: 1rem;
  font-weight: normal;
}
.sc17-widget-chef__card-container {
  margin-bottom: 0.625rem;
}
@media (min-width: 1024px) {
  .sc17-widget-chef__card-container {
    margin-bottom: 0;
  }
  .sc17-widget-chef__sliderCenter .st6-slider__track {
    justify-content: center;
  }
}
.sc18-widget-5-cards {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .sc18-widget-5-cards {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .sc18-widget-5-cards {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .sc18-widget-5-cards {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.sc18-widget-5-cards__title, .button-tertiary, .button-primary {
  font-family: "DM Sans";
}

.button-tertiary, .button-primary {
  font-weight: 700;
}

.sc18-widget-5-cards__title {
  font-size: 2rem;
  line-height: 2.25rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc18-widget-5-cards {
  width: 100%;
  overflow-x: auto;
  display: flex;
  flex-direction: column;
}
.sc18-widget-5-cards__title {
  font-weight: normal;
  margin-bottom: 1.75rem;
  line-height: 2.875rem;
}
@media (min-width: 1024px) {
  .sc18-widget-5-cards__title {
    margin-bottom: 0.75rem;
  }
}
.sc18-widget-5-cards__bottom {
  width: 62.5rem;
  height: 100%;
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  flex-wrap: nowrap;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}
.sc18-widget-5-cards__bottom::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
@media (min-width: 1024px) {
  .sc18-widget-5-cards__bottom {
    width: 100%;
  }
}
.sc18-widget-5-cards__top {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 0.625rem;
}
@media (max-width: 1023px) {
  .sc18-widget-5-cards__top {
    flex-direction: column;
  }
}
.sc18-widget-5-cards__card {
  margin-right: 1rem;
}
.sc18-widget-5-cards__card:last-child {
  margin-right: 0;
}
.sc18-widget-5-cards__recipe {
  width: 100%;
  height: 31.25rem;
}
@media (min-width: 1024px) {
  .sc18-widget-5-cards__recipe {
    width: 66%;
  }
}
.sc18-widget-5-cards__recipe .sc2-recipe-in-evi {
  width: 100%;
  height: 31.25rem;
}
.sc18-widget-5-cards__recipe .sc2-recipe-in-evi .sc2-recipe-in-evi__media {
  width: 100%;
  height: 31.25rem;
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st23-map-marker {
  max-width: 200px;
  position: relative;
  height: 42px;
  width: 32px;
}
.st23-map-marker__pin {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/icona-indicazioni-f001dcd81ea1a868ac80.svg);
  background-repeat: no-repeat;
  background-size: 32px;
  height: 42px;
  cursor: pointer;
}
.st23-map-marker__popup {
  position: absolute;
  top: 2.8125rem;
  left: -14.625rem;
  display: none;
  pointer-events: all;
  width: 21.375rem;
  height: 11.25rem;
  background: var(--color-brown);
  box-shadow: 0 8px 8px -4px var(--color-brown);
  z-index: 1;
}
@media (max-width: 1023px) {
  .st23-map-marker__popup {
    display: none !important;
    pointer-events: none !important;
  }
}
.st23-map-marker__popup--show {
  display: block;
  cursor: default;
}
.st23-map-marker__popup-anchor {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  display: block;
}
.st23-map-marker__popup-anchor::after {
  content: "";
  position: absolute;
  /* Center the tip horizontally. */
  bottom: 11.25rem;
  left: 15rem;
  transform: rotate(180deg);
  /* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
  width: 0;
  height: 0;
  /* The tip is 11px high, and 18px wide. */
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 11px solid var(--color-white);
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
}
.st23-map-marker--selected .st23-map-marker__pin {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/icona-indicazioni-black-f39a76e8868eee6b5b52.svg);
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st12-picture {
  position: relative;
  display: block;
  overflow: hidden;
}
.st12-picture__img {
  display: block;
  width: 100%;
  min-height: 100%;
  min-width: 100%;
}
.st12-picture--lazy .st12-picture__img {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.st12-picture--lazy .st12-picture__img--loaded {
  opacity: 1;
}
.st12-picture--lazy::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  background-color: var(--color-steamy-smoke);
  transition: opacity 0.3s ease-in-out;
}
.st12-picture--lazy::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  animation: loading 1.5s infinite;
}
.st12-picture--loaded::before {
  opacity: 0;
}
.st12-picture--loaded::after {
  display: none;
}
.st12-picture--cover, .st12-picture--contain, .st12-picture--scaledown {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.st12-picture--cover > img, .st12-picture--contain > img, .st12-picture--scaledown > img {
  position: relative;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
.st12-picture--cover > img {
  -o-object-fit: cover;
     object-fit: cover;
}
.st12-picture--contain > img {
  -o-object-fit: contain;
     object-fit: contain;
}
.st12-picture--scaledown > img {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.sc19-map__texts, .sc19-map__sliderDsk {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .sc19-map__texts, .sc19-map__sliderDsk {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .sc19-map__texts, .sc19-map__sliderDsk {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .sc19-map__texts, .sc19-map__sliderDsk {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.sc19-map__title {
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.sc19-map__description {
  font-size: 1rem;
  line-height: 1.375rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc19-map__title {
  font-weight: 600;
}
.sc19-map__description {
  line-height: 1.5rem;
  font-weight: normal;
}
.sc19-map__map {
  width: 100%;
  height: 100%;
}
.sc19-map__mapContainer {
  height: 28.875rem;
  display: block;
  width: 100%;
}
.sc19-map__mapContainer--preShow {
  display: block;
  opacity: 0;
  pointer-events: none;
}
.sc19-map__mapContainer--show {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.5s ease-in-out;
}
.sc19-map__slider {
  margin-left: 1.3125rem;
  margin-right: 1.3125rem;
  margin-top: 1.8125rem;
  visibility: visible;
  pointer-events: all;
}
@media (min-width: 1024px) {
  .sc19-map__slider {
    max-height: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
.sc19-map__sliderDsk {
  margin-top: 1.8125rem;
  visibility: visible;
  pointer-events: all;
}
@media (max-width: 1023px) {
  .sc19-map__sliderDsk {
    max-height: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
.sc20-glossary-item {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .sc20-glossary-item {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .sc20-glossary-item {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .sc20-glossary-item {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.sc20-glossary-item__title {
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.sc20-glossary-item__description {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc20-glossary-item__hr {
  border-top: solid 1px var(--color-salmon-rose);
}
.sc20-glossary-item__media {
  height: 12.5rem;
  margin-bottom: 0.625rem;
}
@media (min-width: 1024px) {
  .sc20-glossary-item__media {
    height: 31.25rem;
    margin-bottom: 0.9375rem;
  }
}
.sc20-glossary-item__texts {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .sc20-glossary-item__texts {
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 1.875rem;
  }
}
.sc20-glossary-item__title {
  font-weight: 600;
  width: 9.375rem;
  margin-bottom: 0.625rem;
}
@media (min-width: 1024px) {
  .sc20-glossary-item__title {
    margin-bottom: 0;
    margin-right: 1.375rem;
  }
}
.sc20-glossary-item__description {
  width: 100%;
}
@media (min-width: 1024px) {
  .sc20-glossary-item__description {
    width: 51.125rem;
  }
}
.sc20-glossary-item--hide {
  display: none;
}
.sc137-strillo-app__wrapper {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .sc137-strillo-app__wrapper {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .sc137-strillo-app__wrapper {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .sc137-strillo-app__wrapper {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.sc137-strillo-app__title, .button-tertiary, .button-primary, .sc137-strillo-app__text {
  font-family: "DM Sans";
}

.sc137-strillo-app__text {
  font-weight: 400;
}

.sc137-strillo-app__title, .button-tertiary, .button-primary {
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc137-strillo-app {
  background-color: var(--color-secondary1);
  /* title and text */
  /* links */
}
.sc137-strillo-app__wrapper {
  display: flex;
  flex-flow: column;
  gap: 0.5rem;
  padding-top: 1.5rem;
  padding-bottom: 2.625rem;
}
@media (min-width: 1024px) {
  .sc137-strillo-app__wrapper {
    flex-flow: row;
    gap: 1.5rem;
    padding-top: 2rem;
    padding-bottom: 1.875rem;
  }
  .sc137-strillo-app__wrapper > div:not(:last-child) {
    flex-grow: 1;
  }
}
.sc137-strillo-app__wrapper > div:last-child {
  display: flex;
  gap: 1rem;
}
@media (min-width: 1024px) {
  .sc137-strillo-app__wrapper > div:last-child {
    align-self: center;
  }
}
.sc137-strillo-app__icon {
  flex-shrink: 0;
  align-self: flex-start;
  display: inline-block;
  font-size: 2.625rem;
  color: var(--color-white);
  padding: 1.125rem;
}
.sc137-strillo-app__title {
  font-size: 1.75rem;
  line-height: 1.875rem;
  color: var(--color-white);
  padding-bottom: 1rem;
}
@media (min-width: 1024px) {
  .sc137-strillo-app__title {
    line-height: 2.25rem;
    padding-bottom: 0.5rem;
  }
}
.sc137-strillo-app__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--color-white);
  padding-bottom: 1rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1024px) {
  .sc137-strillo-app__text {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: unset;
    margin-bottom: unset;
  }
}
.sc137-strillo-app__cta img {
  width: 9.125rem;
  max-width: 9.125rem;
  max-height: 3rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.sc107-slider-mdd, .sc107-slider-mdd__left {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .sc107-slider-mdd, .sc107-slider-mdd__left {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .sc107-slider-mdd, .sc107-slider-mdd__left {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .sc107-slider-mdd, .sc107-slider-mdd__left {
    max-width: 86.5rem;
  }
}

.sc107-slider-mdd__btn, .button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.sc107-slider-mdd__btn:focus, .button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.sc107-slider-mdd__btn::-moz-focus-inner, .button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.sc107-slider-mdd__title, .button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sc107-slider-mdd {
  width: 100%;
  /* slider */
}
.sc107-slider-mdd__carousel {
  overflow: hidden;
  min-height: 8.5rem;
}
.sc107-slider-mdd__title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: var(--color-darkCharcoal);
}
@media (min-width: 1024px) {
  .sc107-slider-mdd__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.sc107-slider-mdd__separator {
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.25rem;
  border: none;
  background-color: var(--color-primary2);
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.sc107-slider-mdd__text {
  margin-bottom: 2rem;
}
.sc107-slider-mdd__left {
  width: 100%;
  flex: 0 0 auto;
}
@media (max-width: 1023px) {
  .sc107-slider-mdd__left {
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 1024px) {
  .sc107-slider-mdd__left {
    width: 34.1796875%;
    padding: 0;
    margin: 0;
    margin-right: 5rem;
  }
}
.sc107-slider-mdd__right {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  position: relative;
}
.sc107-slider-mdd__slideContainer {
  display: flex;
  position: relative;
  flex-shrink: 0;
  transition-property: transform;
}
.sc107-slider-mdd__slideContainer:not(:last-of-type) {
  margin-right: 16px;
}
.sc107-slider-mdd__track {
  width: 100%;
  height: 100%;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.sc107-slider-mdd__pagination {
  font-weight: 500;
}
@media (max-width: 1023px) {
  .sc107-slider-mdd__pagination {
    display: none;
  }
}
@media (min-width: 1024px) {
  .sc107-slider-mdd__pagination--hidden {
    display: none;
  }
}
.sc107-slider-mdd__slide {
  max-width: 15.875rem;
  min-height: 21rem;
}
@media (min-width: 1024px) {
  .sc107-slider-mdd__slide {
    max-width: 19rem;
  }
}
.sc107-slider-mdd__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}
.sc107-slider-mdd__prevNext {
  display: flex;
  flex-direction: row;
}
.sc107-slider-mdd__btn {
  cursor: pointer;
  transform: translateY(-50%);
}
.sc107-slider-mdd__btn--prev {
  display: none;
  transform: translateY(-50%) rotateZ(180deg);
}
@media (min-width: 1024px) {
  .sc107-slider-mdd__btn--prev {
    display: block;
    margin-right: 1.125rem;
    margin-left: 1.125rem;
    margin-top: 0.5rem;
  }
}
.sc107-slider-mdd__btn--next {
  display: none;
}
@media (min-width: 1024px) {
  .sc107-slider-mdd__btn--next {
    display: block;
    margin-top: 0.5rem;
  }
}
.sc107-slider-mdd__btn--hidden {
  display: none;
}
.sc107-slider-mdd__btn--disabled {
  opacity: 0.5;
}
.sc107-slider-mdd__btn::after {
  content: "";
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/next-cec597ee50fcc021789c.svg);
  display: block;
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 1rem;
  height: 0.625rem;
}
.sc107-slider-mdd__scrollbar {
  margin-top: 1.5rem;
  width: 45.5%;
  height: 0.3125rem;
  margin-left: 27.5%;
  border-radius: 0.625rem;
  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2);
}
@media (max-width: 1023px) {
  .sc107-slider-mdd__scrollbar {
    margin: 0;
    margin-top: 1.1875rem;
    width: 100%;
  }
}
.sc107-slider-mdd__scrollbarDrag {
  width: 100%;
  height: 100%;
  background-color: var(--color-black);
  border-radius: 0.625rem;
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sl1-layout__item--spacedTopNone {
  padding-top: 0;
}
.sl1-layout__item--spacedBottomNone {
  padding-bottom: 0;
}
.sl1-layout__item--spacedTop {
  padding-top: 1.5rem;
}
.sl1-layout__item--spacedTop2x {
  padding-top: 3rem;
}
.sl1-layout__item--spacedTop3x {
  padding-top: 4.5rem;
}
.sl1-layout__item--spacedBottom {
  padding-bottom: 1.5rem;
}
.sl1-layout__item--spacedBottom2x {
  padding-bottom: 3rem;
}
.sl1-layout__item--spacedBottom3x {
  padding-bottom: 4.5rem;
}
.sl1-layout__item--bgOffWhite {
  background-color: var(--color-ex-slight-off-white);
}
.sl1-layout__item--bgOffWhiteCut {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 54px, var(--color-ex-slight-off-white) 54px);
}
.sl1-layout__item--bgLightYellow {
  background-color: hsla(var(--color-dark-yellow-h), var(--color-dark-yellow-s), var(--color-dark-yellow-l), 0.15);
}
.sl1-layout__item--bgLightYellowCut {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 54px, hsla(var(--color-dark-yellow-h), var(--color-dark-yellow-s), var(--color-dark-yellow-l), 0.15) 54px);
}
.sl1-layout__item--bgNearlyWhite {
  background-color: var(--color-nearly-white);
}
.sl1-layout__item--bgNearlyWhiteCut {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 54px, var(--color-nearly-white) 54px);
}
.sl1-layout__item--bgLightRose {
  background-color: var(--color-light-rose);
}
.sl1-layout__item--bgLightRoseCut {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 54px, var(--color-light-rose) 54px);
}
.akt-content-double-column {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .akt-content-double-column {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .akt-content-double-column {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .akt-content-double-column {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.akt-content-double-column {
  display: grid;
  grid-template-areas: "left" "right" "bottom";
}
@media (min-width: 1024px) {
  .akt-content-double-column {
    grid-template-areas: "left right" "bottom right";
    grid-template-columns: 68% 100%;
  }
}
.akt-content-double-column__left {
  grid-area: left;
}
@media (min-width: 1024px) {
  .akt-content-double-column__left {
    width: 95.95%;
    display: inline-block;
  }
  .akt-content-double-column__left--top {
    height: -moz-fit-content;
    height: fit-content;
  }
}
.akt-content-double-column__bottom {
  grid-area: bottom;
}
@media (min-width: 1024px) {
  .akt-content-double-column__bottom {
    width: 95.95%;
    display: inline-block;
  }
}
.akt-content-double-column__right {
  grid-area: right;
}
@media (min-width: 1024px) {
  .akt-content-double-column__right {
    width: 32.2610294118%;
    display: inline-block;
  }
}
.akt-content-double-column__banner {
  margin: 30px 0;
}
@media (max-width: 1023px) {
  .akt-content-double-column__banner {
    width: 85vw;
  }
}
.akt-content-double-column__video-container {
  margin-bottom: 1.875rem;
  position: relative;
  width: 100%;
}
.akt-content-double-column__video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
  max-width: 100vw;
}

.akt-placeholder-text {
  padding: 15px 0 15px 0;
}

.akt-article-recipe__content {
  margin-top: 5.625rem;
}
@media (min-width: 1024px) {
  .akt-article-recipe__content {
    margin-top: 8.5rem;
  }
}

.akt-recipes-bottom-text__description iframe {
  width: 100%;
}

@media (min-width: 1024px) {
  .akt-article-recipe__breadcrumbstyle {
    margin-bottom: 1.9375rem;
  }
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

:root,
html, .button-tertiary, .button-primary {
  font-family: "DM Sans";
}

.button-tertiary, .button-primary {
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

:root,
html {
  --color-darkest: hsl(0, 0%, 0%);
  --color-darkest-h: 0;
  --color-darkest-s: 0%;
  --color-darkest-l: 0%;
  --color-secondary1: hsl(34.9180327869, 99.1869918699%, 48.2352941176%);
  --color-secondary1-h: 34.9180327869;
  --color-secondary1-s: 99.1869918699%;
  --color-secondary1-l: 48.2352941176%;
  --color-darkCharcoal: hsl(0, 0%, 20%);
  --color-darkCharcoal-h: 0;
  --color-darkCharcoal-s: 0%;
  --color-darkCharcoal-l: 20%;
  --color-primary1: hsl(20.347826087, 95.8333333333%, 47.0588235294%);
  --color-primary1-h: 20.347826087;
  --color-primary1-s: 95.8333333333%;
  --color-primary1-l: 47.0588235294%;
  --color-primary2: hsl(49.92, 99.2063492063%, 50.5882352941%);
  --color-primary2-h: 49.92;
  --color-primary2-s: 99.2063492063%;
  --color-primary2-l: 50.5882352941%;
  --color-black: hsl(0, 0%, 20%);
  --color-black-h: 0;
  --color-black-s: 0%;
  --color-black-l: 20%;
  --color-white: hsl(0, 0%, 100%);
  --color-white-h: 0;
  --color-white-s: 0%;
  --color-white-l: 100%;
  --color-blood-red: hsl(0, 86.8020304569%, 38.6274509804%);
  --color-blood-red-h: 0;
  --color-blood-red-s: 86.8020304569%;
  --color-blood-red-l: 38.6274509804%;
  --color-steamy-smoke: hsl(0, 0%, 59.6078431373%);
  --color-steamy-smoke-h: 0;
  --color-steamy-smoke-s: 0%;
  --color-steamy-smoke-l: 59.6078431373%;
  --color-tin: hsl(0, 0%, 56.862745098%);
  --color-tin-h: 0;
  --color-tin-s: 0%;
  --color-tin-l: 56.862745098%;
  --color-yellow: hsl(49.92, 99.2063492063%, 50.5882352941%);
  --color-yellow-h: 49.92;
  --color-yellow-s: 99.2063492063%;
  --color-yellow-l: 50.5882352941%;
  --color-dark-yellow: hsl(38.940397351, 90.4191616766%, 67.2549019608%);
  --color-dark-yellow-h: 38.940397351;
  --color-dark-yellow-s: 90.4191616766%;
  --color-dark-yellow-l: 67.2549019608%;
  --color-light-brown: hsl(20.9302325581, 57.8475336323%, 43.7254901961%);
  --color-light-brown-h: 20.9302325581;
  --color-light-brown-s: 57.8475336323%;
  --color-light-brown-l: 43.7254901961%;
  --color-brown: hsl(338.2978723404, 64.3835616438%, 14.3137254902%);
  --color-brown-h: 338.2978723404;
  --color-brown-s: 64.3835616438%;
  --color-brown-l: 14.3137254902%;
  --color-salmon-rose: hsl(11.25, 83.5820895522%, 73.7254901961%);
  --color-salmon-rose-h: 11.25;
  --color-salmon-rose-s: 83.5820895522%;
  --color-salmon-rose-l: 73.7254901961%;
  --color-ground-brown: hsl(338.2978723404, 64.3835616438%, 14.3137254902%);
  --color-ground-brown-h: 338.2978723404;
  --color-ground-brown-s: 64.3835616438%;
  --color-ground-brown-l: 14.3137254902%;
  --color-ex-slight-off-white: hsl(37.5, 88.8888888889%, 96.4705882353%);
  --color-ex-slight-off-white-h: 37.5;
  --color-ex-slight-off-white-s: 88.8888888889%;
  --color-ex-slight-off-white-l: 96.4705882353%;
  --color-sandy-beach: hsl(39.4736842105, 88.3720930233%, 83.137254902%);
  --color-sandy-beach-h: 39.4736842105;
  --color-sandy-beach-s: 88.3720930233%;
  --color-sandy-beach-l: 83.137254902%;
  --color-stuck-yellow: hsl(38.6842105263, 90.4761904762%, 83.5294117647%);
  --color-stuck-yellow-h: 38.6842105263;
  --color-stuck-yellow-s: 90.4761904762%;
  --color-stuck-yellow-l: 83.5294117647%;
  --color-light-rose: hsl(21.8181818182, 50%, 91.3725490196%);
  --color-light-rose-h: 21.8181818182;
  --color-light-rose-s: 50%;
  --color-light-rose-l: 91.3725490196%;
  --color-nearly-white: hsl(46.6666666667, 39.1304347826%, 95.4901960784%);
  --color-nearly-white-h: 46.6666666667;
  --color-nearly-white-s: 39.1304347826%;
  --color-nearly-white-l: 95.4901960784%;
  --color-light-yellow: hsl(39.1304347826, 92%, 95.0980392157%);
  --color-light-yellow-h: 39.1304347826;
  --color-light-yellow-s: 92%;
  --color-light-yellow-l: 95.0980392157%;
  --color-lighter-yellow: hsl(40, 85.7142857143%, 97.2549019608%);
  --color-lighter-yellow-h: 40;
  --color-lighter-yellow-s: 85.7142857143%;
  --color-lighter-yellow-l: 97.2549019608%;
  --color-brown-red: hsl(6.5060240964, 37.899543379%, 42.9411764706%);
  --color-brown-red-h: 6.5060240964;
  --color-brown-red-s: 37.899543379%;
  --color-brown-red-l: 42.9411764706%;
  --color-grey: hsl(0, 0%, 43.9215686275%);
  --color-grey-h: 0;
  --color-grey-s: 0%;
  --color-grey-l: 43.9215686275%;
  --color-brillant-grey: hsl(0, 0%, 32.9411764706%);
  --color-brillant-grey-h: 0;
  --color-brillant-grey-s: 0%;
  --color-brillant-grey-l: 32.9411764706%;
  --color-link-blue: hsl(206.1386138614, 100%, 39.6078431373%);
  --color-link-blue-h: 206.1386138614;
  --color-link-blue-s: 100%;
  --color-link-blue-l: 39.6078431373%;
  color: var(--color-black);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.0125rem;
  scroll-behavior: smooth;
}

.sp1-page {
  overflow-x: hidden;
  background-color: var(--color-white);
  color: var(--color-black);
  overflow-y: scroll;
}
.sp1-page__content {
  /** ONLY FOR HOMEPAGE */
}
.sp1-page__content--spaced {
  margin-top: 5.625rem;
}
@media (min-width: 1024px) {
  .sp1-page__content--spaced {
    margin-top: 11.9375rem;
  }
}
.sp1-page__content--spacedPerfect {
  margin-top: 4rem;
}
@media (min-width: 1024px) {
  .sp1-page__content--spacedPerfect {
    margin-top: 10.3125rem;
  }
}
.ss4-masthead--filters ~ .sp1-page__content--spaced {
  margin-top: 5.625rem;
}
@media (min-width: 1024px) {
  .ss4-masthead--filters ~ .sp1-page__content--spaced {
    margin-top: 15.9375rem;
  }
}
.ss4-masthead--filtersDouble ~ .sp1-page__content--spaced {
  margin-top: 9.625rem;
}
@media (min-width: 1024px) {
  .ss4-masthead--filtersDouble ~ .sp1-page__content--spaced {
    margin-top: 19.9375rem;
  }
  .ss4-masthead--search.ss4-masthead--filters ~ .sp1-page__content--spaced {
    margin-top: 28.6875rem;
  }
}
.ss4-masthead--search.ss4-masthead--filtersDouble ~ .sp1-page__content--spaced {
  margin-top: 13.75rem;
}
@media (min-width: 1024px) {
  .ss4-masthead--search.ss4-masthead--filtersDouble ~ .sp1-page__content--spaced {
    margin-top: 34.3125rem;
  }
}
.sp1-page.block-scroll {
  overflow-y: hidden;
}
.sp1-c-refresh__close, .button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.sp1-c-refresh__close:focus, .button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.sp1-c-refresh__close::-moz-focus-inner, .button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.sp1-c-refresh__title {
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.sp1-c-refresh__infoText {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

@media (min-width: 768px) {
  .sp1-c-refresh {
    max-width: 45rem;
    width: 45rem;
  }
}
@media (min-width: 1024px) {
  .sp1-c-refresh {
    max-width: 49.625rem;
    width: 49.625rem;
  }
}
.sp1-c-refresh__close {
  position: absolute;
  right: 1.4375rem;
  top: 1.6875rem;
  font-size: 1.25rem;
  cursor: pointer;
}
.sp1-c-refresh__content {
  padding-top: 3rem;
  padding-bottom: 2.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.sp1-c-refresh__title {
  font-weight: 600;
  margin: 0;
  text-align: left;
  max-width: 28.3125rem;
}
.sp1-c-refresh__separator {
  color: var(--color-dark-yellow);
  background-color: var(--color-dark-yellow);
}
.sp1-c-refresh__text a, .sp1-c-refresh__infoText a {
  color: var(--color-link-blue);
  font-weight: 600;
  text-decoration: underline;
}
.sp1-c-refresh__bottom {
  margin-top: 4.8125rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .sp1-c-refresh__bottom {
    flex-direction: row;
  }
}
.sp1-c-refresh__infoText {
  max-width: 24.0625rem;
  font-size: 1rem;
}
.sp1-c-refresh__button {
  width: 20.5rem;
  height: 3.1875rem;
  margin: 0 0 0.4375rem 0.625rem;
  color: var(--color-dark-yellow);
  background-color: var(--color-dark-yellow);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-shadow: -10px 7px 0px 0px hsla(var(--color-dark-yellow-h), var(--color-dark-yellow-s), var(--color-dark-yellow-l), 0.29);
}
@media (min-width: 1024px) {
  .sp1-c-refresh__button {
    width: 16rem;
  }
}
.sp1-c-refresh__buttonLabel {
  font-size: 1rem;
  font-weight: 600;
  line-height: 0.875rem;
  text-decoration: none;
  color: var(--color-black);
  text-align: center;
  letter-spacing: 0.03125rem;
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st16-video {
  position: relative;
  display: flex;
  overflow: hidden;
  background-color: black;
  align-items: center;
  width: 100%;
}
.st16-video__placeholder {
  width: 100%;
}
.st16-video__video {
  position: absolute;
  max-height: 100%;
}
.st16-video__thumbnail {
  position: absolute;
  z-index: 1;
  width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  cursor: pointer;
}
.sp2-recipes__close, .button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.sp2-recipes__close:focus, .button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.sp2-recipes__close::-moz-focus-inner, .button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.sp2-recipes__accTitle, .button-tertiary, .button-primary {
  font-family: "DM Sans";
}

.button-tertiary, .button-primary {
  font-weight: 700;
}

.sp2-recipes__accTitle {
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.sp2-recipes__title {
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.sp2-recipes {
  position: relative;
  max-height: 100%;
  height: 100%;
  width: calc(100% - 40px);
  overflow-y: hidden;
}
@media (min-width: 768px) {
  .sp2-recipes {
    width: 45rem;
  }
}
@media (min-width: 1024px) {
  .sp2-recipes {
    height: 44rem;
  }
}
.sp2-recipes .ps__rail-y {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0.75rem;
}
.sp2-recipes .ps__rail-x {
  display: none;
}
.sp2-recipes .ps__thumb-y {
  background-color: black;
}
.sp2-recipes .ps__rail-y {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-right: 0.25rem;
}
.sp2-recipes__close {
  position: absolute;
  right: 1.4375rem;
  top: 1.6875rem;
  font-size: 1.25rem;
}
.sp2-recipes__content {
  padding: 4.125rem 1.8125rem 1.9375rem 1.4375rem;
}
@media (min-width: 1024px) {
  .sp2-recipes__content {
    padding: 4.6875rem 2.625rem 4.6875rem 2.25rem;
  }
}
.sp2-recipes__title {
  font-weight: 600;
  margin: 0;
  text-align: left;
}
.sp2-recipes__separator {
  border-top: 1px solid var(--color-salmon-rose);
  margin-top: 0.9375rem;
  margin-bottom: 1.4375rem;
}
.sp2-recipes__accHeading {
  margin-top: 1.4375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sp2-recipes__accTitle {
  pointer-events: none;
}
.sp2-recipes__arrow {
  display: inline-block;
  content: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/down_arrow_black-ed46d5a5e8bc20699eeb.svg);
  width: 1rem;
  height: 0.5rem;
  transition: transform 0.25s ease-in-out;
  padding-left: 0.3rem;
  pointer-events: none;
}
.sp2-recipes__accordion--active .sp2-recipes__arrow {
  transform: rotate(-180deg);
}
.sp2-recipes__slider {
  padding-top: 1.3125rem;
}
@media (max-width: 767px) {
  .sp2-recipes__slider .st6-slider__slideContainer {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .sp2-recipes__slider .st6-slider__slideContainer {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.sp2-recipes__accordion .sp2-recipes__accContent {
  display: none;
}
.sp2-recipes__accordion--active .sp2-recipes__accContent {
  display: block;
}
.sp2-recipes__separatorTwo {
  border-top: 1px solid var(--color-dark-yellow);
  margin: 0;
  margin-top: 0.8125rem;
}
.akt-recipes-breadcrumb {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .akt-recipes-breadcrumb {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .akt-recipes-breadcrumb {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .akt-recipes-breadcrumb {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.akt-recipes-breadcrumb {
  height: 17px;
  margin-top: 88px;
  margin-bottom: 21px;
}
@media (min-width: 1024px) {
  .akt-recipes-breadcrumb {
    margin-top: 138px;
    margin-bottom: 40px;
  }
}
.akt-recipes-breadcrumb__navList {
  display: flex;
  justify-content: flex-start;
  list-style: none;
  padding-inline-start: 0;
  margin-bottom: 0;
  overflow-x: scroll;
}
@media (min-width: 1024px) {
  .akt-recipes-breadcrumb__navList {
    overflow-x: unset;
  }
}
.akt-recipes-breadcrumb__navItem {
  display: inline-block;
  white-space: nowrap;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.17px;
}
.akt-recipes-breadcrumb__navItem:not(:last-child)::after {
  content: ">";
  padding: 0 5px 0 3px;
}
.akt-recipes-breadcrumb__navItem--link {
  text-decoration: none;
  color: #000000;
}
.akt-recipes-breadcrumb__navItem--link:hover {
  color: #F7C260;
}
.akt-recipes-breadcrumb__navItem:last-child {
  color: #919191;
}
.akt-recipes-breadcrumb__navItem:last-child a {
  color: #919191;
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st3-loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6000;
  width: 100%;
  height: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.st3-loader--show {
  display: flex;
}
.st3-loader__backdrop {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.6);
}
.st3-loader__loader {
  display: inline-block;
  position: relative;
  width: 5rem;
  height: 5rem;
}
.st3-loader__loader div {
  position: absolute;
  border: 4px solid var(--color-black);
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.st3-loader__loader div:nth-child(2) {
  animation-delay: -0.5s;
}
.ss1-listing {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .ss1-listing {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .ss1-listing {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .ss1-listing {
    max-width: 86.5rem;
  }
}

.ss1-listing__title, .ss1-listing__readMoreTitle {
  margin-bottom: 0;
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.ss1-listing__title {
  font-family: "Roboto Slab";
  font-size: 3rem;
  line-height: 3.25rem;
}

.ss1-listing__readMoreTitle {
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.ss1-listing__description, .ss1-listing__readMoreText, .ss1-listing__readMoreLink {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.ss1-listing {
  /* adjust top right components style */
}
.ss1-listing__top--dish {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
}
@media (min-width: 1024px) {
  .ss1-listing__top--dish {
    flex-direction: row;
  }
}
.ss1-listing__top--dish picture {
  border-radius: 0.75rem;
}
.ss1-listing__topLeft--dish {
  max-height: 31.25rem;
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .ss1-listing__topLeft--dish {
    flex: 0 0 auto;
    width: 42.374%;
    padding: 0;
    margin: 0;
    margin-right: 5rem;
  }
}
.ss1-listing__topRight--dish {
  height: 14.375rem;
  min-width: 0;
  margin-top: 1.5rem;
}
@media (min-width: 1024px) {
  .ss1-listing__topRight--dish {
    height: 22rem;
    flex: 1 1 auto;
    margin-top: unset;
  }
}
.ss1-listing__topRight--dish .sc2-recipe-in-evi {
  height: inherit;
}
.ss1-listing__topRight--dish .sc2-recipe-in-evi .sc2-recipe-in-evi__container {
  height: inherit;
}
.ss1-listing__topRight--dish .sc2-recipe-in-evi .sc2-recipe-in-evi__container .sc2-recipe-in-evi__media {
  height: inherit !important;
}
.ss1-listing__topRight--dish .sc4-picture {
  height: inherit;
  width: 100%;
}
.ss1-listing__topRight--dish .sc12-video {
  height: inherit;
  width: 100%;
}
.ss1-listing__title {
  font-weight: 700;
}
.ss1-listing__description {
  margin-top: 0.6875rem;
  font-weight: 400;
}
.ss1-listing__description a {
  color: var(--color-light-brown);
  text-decoration: none;
}
.ss1-listing__filters {
  margin-top: 2rem;
}
.ss1-listing__content {
  margin-top: 0.6875rem;
}
@media (min-width: 1024px) {
  .ss1-listing__content {
    margin-top: 1.9375rem;
  }
}
.ss1-listing__cards {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 4px;
}
@media (min-width: 768px) {
  .ss1-listing__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .ss1-listing__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }
}
.ss1-listing__cards--dish {
  display: flex;
  flex-direction: row;
}
.ss1-listing__card-container--dish {
  grid-column: span 2;
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .ss1-listing__card-container--dish .st1-recipe-card__bottom {
    justify-content: flex-end;
  }
  .ss1-listing__card-container--dish .st1-recipe-card__chef {
    display: none;
  }
}
@media (min-width: 1024px) {
  .ss1-listing__card-container--dish {
    justify-content: center;
    grid-column: span 3;
  }
}
.ss1-listing__card-container {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
  .ss1-listing__card-container {
    justify-content: center;
  }
  .ss1-listing__card-container .st1-recipe-card__bottom {
    justify-content: flex-end;
  }
  .ss1-listing__card-container .st1-recipe-card__chef {
    display: none;
  }
}
@media (min-width: 1024px) {
  .ss1-listing__card-container {
    margin-bottom: 2rem;
  }
}
.ss1-listing__readMore {
  margin-top: 6rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-top: 1px solid var(--color-salmon-rose);
  border-bottom: 1px solid var(--color-salmon-rose);
  margin-bottom: 0.625rem;
}
.ss1-listing__readMoreTitle {
  font-weight: 600;
}
.ss1-listing__readMoreText {
  margin-top: 0.5rem;
  font-weight: 400;
  max-width: 38.3125rem;
}
.ss1-listing__readMoreLink {
  font-weight: 600;
  text-decoration: underline;
  color: var(--color-light-brown);
}
.ss1-listing__dishRecipes {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (max-width: 1023px) {
  .ss1-listing__dishRecipes {
    width: 100%;
  }
}
.ss2-breadcrumb {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .ss2-breadcrumb {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .ss2-breadcrumb {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .ss2-breadcrumb {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.ss2-breadcrumb__navItem {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.ss2-breadcrumb {
  margin-bottom: 1.3125rem;
  height: 1.0625rem;
}
@media (min-width: 1024px) {
  .ss2-breadcrumb {
    margin-bottom: 1.875rem;
  }
}
.ss2-breadcrumb__navList {
  display: flex;
  justify-content: flex-start;
  list-style: none;
  padding-inline-start: 0;
  margin-bottom: 0;
  overflow-x: auto;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}
@media (min-width: 1024px) {
  .ss2-breadcrumb__navList {
    overflow-x: unset;
  }
}
.ss2-breadcrumb__navList::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
.ss2-breadcrumb__navItem {
  display: inline-block;
  white-space: nowrap;
}
.ss2-breadcrumb__navItem:not(:last-child)::after {
  content: ">";
  padding: 0 5px 0 3px;
}
.ss2-breadcrumb__navItem:last-child {
  color: var(--color-tin);
}
.ss2-breadcrumb__navItemLink {
  text-decoration: none;
  color: var(--color-black);
}
.ss2-breadcrumb__navItemLink:hover {
  color: var(--color-light-brown);
}
.ss2-breadcrumb__navItem:last-child .ss2-breadcrumb__navItemLink {
  color: var(--color-tin);
}
.ss4-masthead__searchForm, .ss4-masthead__searchFound, .ss4-masthead__filters .st9-filters__form {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .ss4-masthead__searchForm, .ss4-masthead__searchFound, .ss4-masthead__filters .st9-filters__form {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .ss4-masthead__searchForm, .ss4-masthead__searchFound, .ss4-masthead__filters .st9-filters__form {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .ss4-masthead__searchForm, .ss4-masthead__searchFound, .ss4-masthead__filters .st9-filters__form {
    max-width: 86.5rem;
  }
}

.ss4-masthead__btn, .ss4-masthead__navItem, .ss4-masthead__searchSubmit, .button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.ss4-masthead__btn:focus, .ss4-masthead__navItem:focus, .ss4-masthead__searchSubmit:focus, .button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.ss4-masthead__btn::-moz-focus-inner, .ss4-masthead__navItem::-moz-focus-inner, .ss4-masthead__searchSubmit::-moz-focus-inner, .button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ss4-masthead__searchSubmit, .button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.ss4-masthead__searchFound {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.ss4-masthead__searchCancelLabel {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.ss4-masthead__searchSubmit {
  font-size: 1rem;
  line-height: 0.875rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.ss4-masthead {
  --topbar-height: 3rem;
  height: 4rem;
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  background-color: var(--color-white);
  z-index: 10;
  transition: top 0.8s ease-in-out;
  display: flex;
  flex-flow: column;
}
@media (min-width: 1024px) {
  .ss4-masthead {
    height: 10.3125rem;
  }
}
.ss4-masthead--scrolled {
  box-shadow: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2) 0px 3px 6px;
  opacity: 1;
}
.ss4-masthead--scrolled .ss4-masthead__filters {
  box-shadow: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2) 0px 3px 6px;
}
.ss4-masthead--hidden {
  top: -4rem;
  box-shadow: none;
}
@media (min-width: 1024px) {
  .ss4-masthead--hidden {
    top: -10.3125rem;
  }
}
.ss4-masthead--navOpened {
  box-shadow: none;
}
.ss4-masthead__topbar {
  transition: height 0.3s ease-in-out;
  overflow: hidden;
  height: var(--topbar-height);
  position: relative;
  order: 1;
}
@media (min-width: 1024px) {
  .ss4-masthead__topbar {
    order: 0;
  }
}
.ss4-masthead__hamburger {
  position: relative;
  left: -20px;
  height: 60px;
  width: 60px;
  overflow: hidden;
  cursor: pointer;
  transform: scale(0.6666666667);
}
.ss4-masthead__hamburger span {
  display: block;
  background: var(--color-ground-brown);
  border-radius: 3px;
  transition: all 0.4s ease-in-out;
}
.ss4-masthead__hamburger #hamburger {
  position: absolute;
  height: 100%;
  width: 100%;
}
.ss4-masthead__hamburger #hamburger span {
  width: 30px;
  height: 3px;
  position: relative;
  top: 18px;
  left: 15px;
  margin: 4px 0;
}
.ss4-masthead__hamburger #hamburger span:nth-child(1) {
  transition-delay: 0.5s;
}
.ss4-masthead__hamburger #hamburger span:nth-child(2) {
  transition-delay: 0.625s;
}
.ss4-masthead__hamburger #hamburger span:nth-child(3) {
  transition-delay: 0.75s;
}
.ss4-masthead__hamburger #cross {
  position: absolute;
  height: 100%;
  width: 100%;
}
.ss4-masthead__hamburger #cross span {
  width: 30px;
  height: 2px;
  position: absolute;
  margin: 4px 0;
}
.ss4-masthead__hamburger #cross span:nth-child(1) {
  left: -100px;
  top: -100px;
  transition-delay: 0s;
  transform: rotate(45deg);
}
.ss4-masthead__hamburger #cross span:nth-child(2) {
  left: -100px;
  bottom: -100px;
  transition-delay: 0.25s;
  transform: rotate(-45deg);
}
.ss4-masthead__hamburger--open #hamburger span {
  left: -100px;
}
.ss4-masthead__hamburger--open #hamburger span:nth-child(1) {
  transition-delay: 0s;
}
.ss4-masthead__hamburger--open #hamburger span:nth-child(2) {
  transition-delay: 0.125s;
}
.ss4-masthead__hamburger--open #hamburger span:nth-child(3) {
  transition-delay: 0.25s;
}
.ss4-masthead__hamburger--open #cross span:nth-child(1) {
  top: 24.5px;
  left: 15px;
  transition-delay: 0.625s;
}
.ss4-masthead__hamburger--open #cross span:nth-child(2) {
  bottom: 24.5px;
  left: 15px;
  transition-delay: 0.375s;
}
@media (min-width: 1024px) {
  .ss4-masthead__hamburger {
    display: none;
  }
}
.ss4-masthead__logo {
  text-align: center;
  height: 2.5rem;
}
.ss4-masthead__logo > a {
  display: block;
  height: 2.5rem;
}
.ss4-masthead__logo-icon {
  display: inline-block;
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/logo-7d450a3608b873475320.svg);
  width: 9.25rem;
  height: 2.5rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
}
@media (min-width: 1024px) {
  .ss4-masthead__logo-icon {
    left: -24px;
  }
}
.ss4-masthead__buttons {
  display: flex;
  align-items: center;
  z-index: 1;
}
.ss4-masthead__btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 0.25rem;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1024px) {
  .ss4-masthead__btn {
    justify-content: flex-end;
  }
}
.ss4-masthead__btn--hidden {
  display: none !important;
}
.ss4-masthead__btn .label, .ss4-masthead__btn .label-close {
  display: none;
}
@media (min-width: 1024px) {
  .ss4-masthead__btn .label, .ss4-masthead__btn .label-close {
    display: block;
  }
}
.ss4-masthead__btnOpen {
  display: block;
}
.ss4-masthead__btnClose {
  display: none;
}
.ss4-masthead__btnClose .label {
  color: var(--color-white);
}
.ss4-masthead--search .ss4-masthead__btn--search .ss4-masthead__btnOpen, .ss4-masthead__btn--opened .ss4-masthead__btnOpen {
  display: none;
}
.ss4-masthead--search .ss4-masthead__btn--search .ss4-masthead__btnClose, .ss4-masthead__btn--opened .ss4-masthead__btnClose {
  display: block;
}
.ss4-masthead__btn--search {
  display: none;
  margin-right: 2.125rem;
}
@media (min-width: 1024px) {
  .ss4-masthead__btn--search {
    display: flex;
  }
}
.ss4-masthead__btn--login {
  font-weight: bold;
  color: var(--color-light-brown);
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .ss4-masthead__btn--login {
    margin-right: 0;
  }
}
.ss4-masthead__btn--logged {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0;
}
.ss4-masthead__btn--logged .label {
  display: inline-block;
}
.ss4-masthead__btn--logged .label-close, .ss4-masthead__btn--logged .icon-close {
  display: none;
}
.ss4-masthead__btn--register {
  display: none;
  font-weight: bold;
  padding: 1.25rem 1.875rem;
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  text-align: center;
  line-height: 0.75rem;
  height: 3.5rem;
  margin-left: 1rem;
}
@media (min-width: 1024px) {
  .ss4-masthead__btn--register {
    display: block;
  }
}
.ss4-masthead__menuOpen .label, .ss4-masthead__menuOpen .icon {
  display: none;
}
.ss4-masthead__menuOpen .label-close {
  display: inline-block;
}
.ss4-masthead__menuOpen .icon-close {
  display: inline-block;
}
.ss4-masthead__navMenu {
  z-index: 2;
}
.ss4-masthead__nav {
  display: none;
}
@media (min-width: 1024px) {
  .ss4-masthead__nav {
    display: block;
  }
}
.ss4-masthead__navItems {
  list-style: none;
  margin-bottom: 0;
  display: flex;
}
.ss4-masthead__navItems > li {
  display: block;
  position: relative;
  margin-right: 1.25rem;
}
@media (min-width: 1280px) {
  .ss4-masthead__navItems > li {
    margin-right: 2.4375rem;
    font-size: 0.875rem;
  }
}
.ss4-masthead__navItems > li hr {
  border-top: 4px solid var(--color-light-brown);
  margin-top: 4px;
  margin-bottom: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.ss4-masthead__navItems > li:hover hr, .ss4-masthead__navItems > li.active hr, .ss4-masthead__navItems > li.selected hr {
  opacity: 1;
}
.ss4-masthead__navItems > li:last-child {
  margin-right: 0;
}
.ss4-masthead__navItem {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-black);
  text-align: center;
  letter-spacing: 0.2px;
  cursor: pointer;
}
.ss4-masthead__searchBar {
  display: none;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  background-color: var(--color-white);
  overflow: hidden;
  height: 4rem;
  transition: max-height 0.3s ease-in-out;
  pointer-events: none;
}
@media (min-width: 768px) {
  .ss4-masthead__searchBar {
    height: 14.375rem;
    max-height: 0;
  }
}
@media (min-width: 1024px) {
  .ss4-masthead__searchBar {
    display: flex;
    z-index: 1000;
    position: absolute;
    top: 10.3125rem;
    left: 0;
  }
}
.ss4-masthead__searchBar--open {
  max-height: 14.375rem;
  pointer-events: all;
}
.ss4-masthead--search .ss4-masthead__searchBar {
  display: flex;
  pointer-events: all;
}
@media (min-width: 768px) {
  .ss4-masthead--search .ss4-masthead__searchBar {
    max-height: 14.375rem;
  }
}
@media (min-width: 1024px) {
  .ss4-masthead--search .ss4-masthead__searchBar {
    z-index: 0;
  }
}
.ss4-masthead--search.ss4-masthead--scrolled .ss4-masthead__searchBar {
  display: none;
}
.ss4-masthead__searchForm {
  display: flex;
  max-width: 56.5rem;
}
.ss4-masthead__searchInputContainer {
  position: relative;
  flex: 1 0 auto;
}
.ss4-masthead__searchInput {
  font-weight: 400;
  height: 2rem;
  line-height: 1.375rem;
  background: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  color: var(--color-black);
  padding-bottom: 0.625rem;
  border-bottom: 1px solid var(--color-black);
  width: 100%;
}
@media (min-width: 768px) {
  .ss4-masthead__searchInput {
    display: block;
    font-size: 1.5rem;
    line-height: 2.0625rem;
    height: 2.625rem;
    padding-bottom: 0.5625rem;
  }
}
.ss4-masthead__searchCancelLabel {
  font-weight: 400;
  padding-left: 0.4375rem;
  line-height: 0;
  color: var(--color-black);
}
@media (min-width: 1024px) {
  .ss4-masthead__searchCancelLabel {
    display: none;
  }
}
.ss4-masthead__searchCancel {
  position: absolute;
  display: none;
  right: 0;
  top: 0;
  cursor: pointer;
  line-height: 1.375rem;
}
@media (min-width: 768px) {
  .ss4-masthead__searchCancel {
    line-height: 2.0625rem;
  }
}
.ss4-masthead__searchInput:not(:-moz-placeholder-shown) ~ .ss4-masthead__searchCancel {
  display: flex;
  align-items: center;
}
.ss4-masthead__searchInput:not(:placeholder-shown) ~ .ss4-masthead__searchCancel {
  display: flex;
  align-items: center;
}
.ss4-masthead__searchSubmit {
  display: none;
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  flex: 0 0 auto;
  font-weight: 600;
  text-align: center;
  min-width: 8.3125rem;
  margin-left: 1.9375rem;
  cursor: pointer;
}
@media (min-width: 768px) {
  .ss4-masthead__searchSubmit {
    display: block;
  }
}
@media (min-width: 1024px) {
  .ss4-masthead__searchSubmit {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.ss4-masthead__searchSubmit:hover, .ss4-masthead__searchSubmit:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}
.ss4-masthead__searchFound {
  max-width: 56.5rem;
  display: none;
}
.ss4-masthead--search .ss4-masthead__searchFound {
  display: none;
}
@media (min-width: 768px) {
  .ss4-masthead--search .ss4-masthead__searchFound {
    display: block;
  }
  .ss4-masthead__filters {
    position: absolute;
    top: 10.3125rem;
  }
}
.ss4-masthead__filters .st9-filters__form {
  justify-content: center;
  padding-block: 1rem;
}
@media (min-width: 768px) {
  .ss4-masthead--search .ss4-masthead__filters {
    top: 18.375rem;
  }
}
@media (min-width: 1024px) {
  .ss4-masthead--search .ss4-masthead__filters {
    top: 24.6875rem;
  }
}
@media (min-width: 768px) {
  .ss4-masthead--search.ss4-masthead--scrolled .ss4-masthead__filters {
    top: 4rem;
  }
}
@media (min-width: 1024px) {
  .ss4-masthead--search.ss4-masthead--scrolled .ss4-masthead__filters {
    top: 10.3125rem;
  }
}
.ss5-article__top {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .ss5-article__top {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .ss5-article__top {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .ss5-article__top {
    max-width: 86.5rem;
  }
}

.ss5-article__title {
  margin-bottom: 0;
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.ss5-article__title {
  font-size: 1.5rem;
  line-height: 1.875rem;
}
@media (min-width: 1024px) {
  .ss5-article__title {
    font-size: 3rem;
    line-height: 3.25rem;
  }
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.ss5-article__title {
  font-weight: 600;
  margin-bottom: 0.875rem;
  display: block;
  margin: 1.3125rem 3rem 0 0;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .ss5-article__title {
    margin: 0 0 0 0;
    font-size: 3rem;
    line-height: 3rem;
    width: 80%;
  }
}
.ss5-article__image, .ss5-article__video {
  height: 13.1875rem;
  margin-top: 1.4375rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 1024px) {
  .ss5-article__image, .ss5-article__video {
    height: 31.25rem;
  }
}
.ss5-article__top {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .ss5-article__top {
    flex-direction: row;
    align-items: center;
  }
}
.ss5-article__anchors {
  margin-bottom: 4.375rem;
}
.ss5-article__ctas {
  display: flex;
  flex-direction: row;
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.ss6-anchors {
  width: 100%;
  overflow-x: auto;
  flex-wrap: nowrap;
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid rgba(75, 58, 51, 0.32);
  transition: top 0.8s ease-in-out;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}
@media (min-width: 1024px) {
  .ss6-anchors {
    flex-direction: column;
    max-width: 86.5rem;
    padding: 0 1.25rem;
    margin: 0 auto;
  }
}
.ss6-anchors--fixed {
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 1.25rem;
  max-width: unset;
  width: 100vw;
  background-color: white;
  z-index: 9;
}
.ss6-anchors--belowHeader {
  top: 4rem;
}
@media (min-width: 1024px) {
  .ss6-anchors--belowHeader {
    top: 10.3125rem;
  }
}
.ss6-anchors::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
.ss6-anchors__list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}
.ss6-anchors__link {
  white-space: nowrap;
  display: inline;
  text-transform: uppercase;
  color: var(--color-black);
  opacity: 0.5;
  font-weight: 500;
  margin: 0 1.875rem;
}
.ss6-anchors__link:hover, .ss6-anchors__link:active, .ss6-anchors__link:visited, .ss6-anchors__link.active {
  text-decoration: underline;
  text-underline-offset: 1rem;
  text-decoration-color: var(--color-brown);
  text-decoration-thickness: 0.1875rem;
  color: var(--color-black);
  opacity: 1;
  font-weight: 600;
}
.ss6-anchors__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 0.3125rem;
}
@media (min-width: 1024px) {
  .ss6-anchors__item {
    margin-right: 0;
  }
}
.ss7-chef-expert__top {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .ss7-chef-expert__top {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .ss7-chef-expert__top {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .ss7-chef-expert__top {
    max-width: 86.5rem;
  }
}

.ss7-chef-expert__title {
  margin-bottom: 0;
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ss7-chef-expert__rol, .button-tertiary, .button-primary {
  font-family: "DM Sans";
}

.button-tertiary, .button-primary {
  font-weight: 700;
}

.ss7-chef-expert__title {
  font-size: 1.5rem;
  line-height: 1.875rem;
}
@media (min-width: 1024px) {
  .ss7-chef-expert__title {
    font-size: 3rem;
    line-height: 3.25rem;
  }
}

.ss7-chef-expert__rol {
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.ss7-chef-expert__title {
  font-weight: 600;
  margin-bottom: 0.875rem;
  display: block;
  margin: 1.3125rem 3rem 0 0;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .ss7-chef-expert__title {
    margin: 0 0 0 0;
    font-size: 3rem;
    line-height: 3rem;
    width: 80%;
  }
}
.ss7-chef-expert__image, .ss7-chef-expert__video {
  height: 13.1875rem;
  margin-top: 1.4375rem;
  margin-bottom: 4.375rem;
}
@media (min-width: 1024px) {
  .ss7-chef-expert__image, .ss7-chef-expert__video {
    height: 31.25rem;
  }
}
.ss7-chef-expert__top {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .ss7-chef-expert__top {
    flex-direction: column;
  }
}
.ss7-chef-expert__ctas {
  display: flex;
  flex-direction: row;
}
.ss8-poi {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .ss8-poi {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .ss8-poi {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .ss8-poi {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.ss8-poi__title {
  font-size: 2rem;
  line-height: 2.25rem;
}

.ss8-poi__text {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

@media (min-width: 1024px) {
  .ss8-poi {
    margin-top: 0;
  }
}
.ss8-poi__breadcrumbstyle {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .ss8-poi__breadcrumbstyle {
    margin-bottom: 1.9375rem;
  }
}
.ss8-poi__title {
  font-weight: 600;
  display: block;
  margin: 1.3125rem 3rem 0 0;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 1.6875rem;
}
@media (min-width: 1024px) {
  .ss8-poi__title {
    margin-top: 0;
    font-size: 3rem;
    line-height: 3rem;
    width: 80%;
  }
}
.ss8-poi__image, .ss8-poi__video {
  width: 100%;
  height: 12.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  .ss8-poi__image, .ss8-poi__video {
    width: 45rem;
    height: 31.25rem;
  }
}
.ss8-poi__ctas {
  display: flex;
  flex-direction: row;
}
@media (min-width: 1024px) {
  .ss8-poi__ctas {
    justify-content: flex-end;
    margin-bottom: 1.875rem;
  }
  .ss8-poi__text {
    max-width: 20.625rem;
    margin-right: 2.5rem;
  }
}
.ss8-poi__texts {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.875rem;
}
@media (min-width: 1024px) {
  .ss8-poi__texts {
    margin-bottom: 0;
  }
}
.ss8-poi__content {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .ss8-poi__content {
    flex-direction: row;
  }
}
.ss8-poi__info {
  justify-content: flex-end;
}
.ss9-poi__info, .ss9-poi__top {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .ss9-poi__info, .ss9-poi__top {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .ss9-poi__info, .ss9-poi__top {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .ss9-poi__info, .ss9-poi__top {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.ss9-poi__title {
  font-size: 2rem;
  line-height: 2.25rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

@media (min-width: 1024px) {
  .ss9-poi {
    margin-top: 0;
  }
}
.ss9-poi__breadcrumbstyle {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .ss9-poi__breadcrumbstyle {
    margin-bottom: 1.9375rem;
  }
}
.ss9-poi__title {
  font-weight: 600;
  display: block;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 1.6875rem;
}
@media (min-width: 1024px) {
  .ss9-poi__title {
    margin-top: 0;
    font-size: 3rem;
    line-height: 3rem;
  }
}
.ss9-poi__image, .ss9-poi__video {
  height: 13.1875rem;
  margin-top: 1.4375rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 1024px) {
  .ss9-poi__image, .ss9-poi__video {
    height: 31.25rem;
  }
}
.ss9-poi__ctas {
  display: flex;
  flex-direction: row;
}
@media (min-width: 1024px) {
  .ss9-poi__ctas {
    justify-content: flex-end;
    margin-bottom: 1.875rem;
  }
}
.ss9-poi__info {
  justify-content: center;
  margin-bottom: 1.875rem;
}
.ss9-poi__info .st21-poi-info__goto, .ss9-poi__info .st21-poi-info__location {
  display: flex;
  flex-direction: row;
}
@media (min-width: 1024px) {
  .ss9-poi__info {
    justify-content: flex-end;
  }
}
.ss9-poi__top {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .ss9-poi__top {
    flex-direction: row;
    align-items: center;
  }
}
.ss10-glossary {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .ss10-glossary {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .ss10-glossary {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .ss10-glossary {
    max-width: 86.5rem;
  }
}

.ss10-glossary__title {
  margin-bottom: 0;
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.ss10-glossary__title {
  font-family: "Roboto Slab";
  font-size: 3rem;
  line-height: 3.25rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

@media (min-width: 1024px) {
  .ss10-glossary {
    margin-top: 0;
  }
}
.ss10-glossary__breadcrumbstyle {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .ss10-glossary__breadcrumbstyle {
    margin-bottom: 1.9375rem;
  }
}
.ss10-glossary__title {
  display: block;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 1.6875rem;
}
@media (min-width: 1024px) {
  .ss10-glossary__title {
    margin-top: 0;
    font-size: 3rem;
    line-height: 3rem;
    margin-bottom: 3.25rem;
  }
}
.ss10-glossary__anchors {
  width: 100%;
  overflow-x: auto;
  flex-wrap: nowrap;
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid rgba(75, 58, 51, 0.32);
  transition: top 0.8s ease-in-out;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}
@media (min-width: 1280px) {
  .ss10-glossary__anchors {
    flex-direction: column;
    max-width: 86.5rem;
    padding: 0 1.25rem;
    margin: 0 auto;
  }
}
.ss10-glossary__anchors::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
.ss10-glossary__anchors--list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.ss10-glossary__anchors--link {
  white-space: nowrap;
  display: inline;
  text-transform: uppercase;
  color: var(--color-black);
  opacity: 0.5;
  font-weight: 500;
  margin: 0 0.9375rem;
}
@media (min-width: 1024px) {
  .ss10-glossary__anchors--link {
    margin: 0 0.9375rem;
  }
}
.ss10-glossary__anchors--link:hover, .ss10-glossary__anchors--link:active, .ss10-glossary__anchors--link:visited {
  color: var(--color-black);
  opacity: 1;
  font-weight: 600;
}
.ss10-glossary__anchors--item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 0.3125rem;
  padding-bottom: 1rem;
}
@media (min-width: 1024px) {
  .ss10-glossary__anchors--item {
    margin-right: 0;
  }
}
.ss10-glossary--fixed {
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 1.25rem;
  max-width: unset;
  width: 100vw;
  background-color: white;
  z-index: 9;
}
.ss10-glossary--belowHeader {
  top: 4rem;
}
@media (min-width: 1024px) {
  .ss10-glossary--belowHeader {
    top: 10.3125rem;
  }
}
.ss10-glossary--activeLink {
  color: var(--color-black);
  opacity: 1;
  font-weight: 600;
}
.ss10-glossary--active {
  border-bottom: 0.1875rem solid var(--color-black);
}
.ss11-collection__top, .ss11-collection__text {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .ss11-collection__top, .ss11-collection__text {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .ss11-collection__top, .ss11-collection__text {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .ss11-collection__top, .ss11-collection__text {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.ss11-collection__title {
  font-size: 2rem;
  line-height: 2.25rem;
}

.ss11-collection__text, .ss11-collection__partnershipText {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

@media (min-width: 1024px) {
  .ss11-collection {
    margin-top: 0;
  }
}
.ss11-collection__breadcrumbstyle {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .ss11-collection__breadcrumbstyle {
    margin-bottom: 1.9375rem;
  }
}
.ss11-collection__title {
  font-weight: 600;
  margin-bottom: 0.875rem;
  display: block;
  margin: 1.3125rem 3rem 0 0;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .ss11-collection__title {
    margin: 0 0 0 0;
    font-size: 3rem;
    line-height: 3rem;
    width: 80%;
  }
}
.ss11-collection__image, .ss11-collection__video {
  height: 13.1875rem;
  margin-top: 1.4375rem;
  margin-bottom: 4.375rem;
}
@media (min-width: 1024px) {
  .ss11-collection__image, .ss11-collection__video {
    height: 31.25rem;
  }
}
.ss11-collection__top {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .ss11-collection__top {
    flex-direction: row;
    align-items: center;
  }
}
.ss11-collection__text {
  width: 100%;
}
@media (min-width: 1024px) {
  .ss11-collection__text {
    width: 45rem;
  }
}
.ss11-collection__ctas {
  display: flex;
  flex-direction: row;
}
.ss11-collection__noNottomMargin {
  margin-bottom: 0;
}
.ss11-collection__partnershipText {
  max-width: 37.5rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5625rem 0.5625rem 0.5625rem 0.5625rem;
  text-align: left;
  margin-bottom: 0;
  color: var(--color-black);
  background-color: var(--color-salmon-rose);
  margin-bottom: 1.875rem;
}
@media (min-width: 1024px) {
  .ss11-collection__partnershipText {
    margin-left: 8.75rem;
    margin-right: auto;
  }
}
.ss11-collection__partnershipLabel {
  font-weight: 600;
  text-decoration: underline;
  color: var(--color-black);
}
.ss12-footer__topContainer, .ss12-footer__bottomContainer {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .ss12-footer__topContainer, .ss12-footer__bottomContainer {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .ss12-footer__topContainer, .ss12-footer__bottomContainer {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .ss12-footer__topContainer, .ss12-footer__bottomContainer {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ss12-footer__linkHeading, .ss12-footer__supportCta, .ss12-footer__about b, .button-tertiary, .button-primary, .ss12-footer__linkItem, .ss12-footer__about, .ss12-footer__socialLabel, .ss12-footer__app, .ss12-footer__copyright {
  font-family: "DM Sans";
}

.ss12-footer__about, .ss12-footer__socialLabel, .ss12-footer__app, .ss12-footer__copyright {
  font-weight: 400;
}

.ss12-footer__linkItem {
  font-weight: 500;
}

.ss12-footer__linkHeading, .ss12-footer__supportCta, .ss12-footer__about b, .button-tertiary, .button-primary {
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.ss12-footer {
  background-color: var(--color-brown);
  width: 100%;
  min-height: 300px;
  color: var(--color-white);
  padding-top: 1.5rem;
  padding-bottom: 2rem;
}
.ss12-footer__top {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
}
.ss12-footer__top::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
.ss12-footer__topLink {
  display: flex;
  flex-direction: column;
  padding: 2rem 0.5rem 0.75rem;
  border-radius: 0.75rem;
  width: 5.5rem;
  flex: 0 0 auto;
  justify-content: space-between;
  align-items: center;
  background-color: hsla(var(--color-darkest-h), var(--color-darkest-s), var(--color-darkest-l), 0.2);
  margin-right: 0.5rem;
}
.ss12-footer__topLink > span {
  letter-spacing: normal;
}
.ss12-footer__topLink:first-of-type {
  margin-left: 1rem;
}
.ss12-footer__topLink:last-of-type {
  margin-right: 1rem;
}
@media (min-width: 1024px) {
  .ss12-footer__topLink {
    width: 9rem;
    padding: 1.5rem 0.5rem 0.75rem;
  }
}
@media (min-width: 1280px) {
  .ss12-footer__topLink {
    width: 12.75rem;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 1.25rem 1.5rem 1.25rem 1.5rem;
  }
}
.ss12-footer__topLinkIcon {
  font-size: 1.5rem;
  color: var(--color-white);
  margin-bottom: 1.75rem;
}
@media (min-width: 1024px) {
  .ss12-footer__topLinkIcon {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1280px) {
  .ss12-footer__topLinkIcon {
    margin-bottom: 0;
    margin-right: 1.5rem;
  }
}
.ss12-footer__topLinkLabel {
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: var(--color-white);
}
@media (min-width: 1024px) {
  .ss12-footer__topLinkLabel {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
  .ss12-footer__links {
    display: flex;
    flex: 1 1 auto;
    margin-left: 5.3125rem;
  }
}
@media (min-width: 1280px) {
  .ss12-footer__links {
    margin-left: 23rem;
  }
}
.ss12-footer__linkContainer {
  margin-top: 2rem;
}
@media (min-width: 1024px) {
  .ss12-footer__linkContainer {
    margin-top: 0;
  }
}
.ss12-footer__linkHeading {
  cursor: pointer;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ss12-footer__linkHeading > span {
  color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.6);
  display: block;
}
.ss12-footer__linkOpener {
  font-size: 1.5rem;
}
.ss12-footer__linkOpener > span {
  pointer-events: none;
}
.ss12-footer__linkOpener > .close {
  display: none;
}
@media (min-width: 1024px) {
  .ss12-footer__linkOpener {
    display: none;
  }
}
.ss12-footer__linkContent {
  margin-top: 2rem;
  max-height: 0;
  height: auto;
  transition: max-height 0.3s ease-in-out;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .ss12-footer__linkContent {
    max-height: 15.625rem;
    transition: none;
  }
}
.ss12-footer__linkItem {
  display: block;
  margin-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  .ss12-footer__linkItem {
    width: 15.1875rem;
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
.ss12-footer__linkContainer--open .ss12-footer__linkContent {
  max-height: 15.625rem;
}
.ss12-footer__linkContainer--open .ss12-footer__linkOpener > .open {
  display: none;
}
.ss12-footer__linkContainer--open .ss12-footer__linkOpener > .close {
  display: block;
}
.ss12-footer__about {
  margin-top: 3.5rem;
}
@media (min-width: 1024px) {
  .ss12-footer__about {
    margin-top: 0;
  }
}
.ss12-footer__support {
  margin-top: 2rem;
}
.ss12-footer__supportCta {
  background-color: var(--color-white);
  color: var(--color-black);
  border-radius: 0.75rem;
  padding: 0.75rem 1.5rem;
  font-size: 0.875rem;
  line-height: 1rem;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  justify-content: center;
  text-align: center;
}
@media (min-width: 1024px) {
  .ss12-footer__supportCta {
    width: auto;
    display: inline-flex;
  }
}
.ss12-footer__supportCta:hover {
  background-color: var(--color-white);
}
.ss12-footer__supportCta:focus-visible {
  border: 1px solid var(--color-black);
}
.ss12-footer__about {
  font-size: 1rem;
  line-height: 1.5rem;
  color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.6);
}
.ss12-footer__about b {
  color: var(--color-white);
}
@media (min-width: 1024px) {
  .ss12-footer__about {
    width: 19.6875rem;
  }
  .ss12-footer__middle {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 4rem;
  }
}
.ss12-footer__middleAbout {
  flex: 0 0 auto;
}
.ss12-footer__bottomContainer {
  margin-top: 2.125rem;
}
@media (min-width: 1024px) {
  .ss12-footer__bottomContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
}
.ss12-footer__separator {
  border: 0;
  border-top: 1px solid hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.6);
  margin-bottom: 2rem;
  flex: 1 0 100%;
}
@media (min-width: 1024px) {
  .ss12-footer__separator {
    margin-bottom: 1.5rem;
  }
  .ss12-footer__social {
    display: flex;
    align-items: center;
  }
}
.ss12-footer__socialLabel {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.6);
}
.ss12-footer__socialItems {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
}
@media (min-width: 1024px) {
  .ss12-footer__socialItems {
    margin-top: 0;
    margin-left: 1.5rem;
  }
}
.ss12-footer__socialItem {
  margin-right: 1rem;
  height: 1.5rem;
  width: 1.5rem;
  display: inline-block;
}
.ss12-footer__socialItem:last-of-type {
  margin-right: 0;
}
.ss12-footer__app {
  margin-top: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.6);
}
@media (min-width: 1024px) {
  .ss12-footer__app {
    margin-top: 0;
    display: flex;
    align-items: center;
  }
}
.ss12-footer__appItems {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
}
@media (min-width: 1024px) {
  .ss12-footer__appItems {
    margin-top: 0;
    margin-left: 1.5rem;
  }
}
.ss12-footer__appItem {
  margin-right: 0.3125rem;
  display: inline-block;
  height: 2.0625rem;
}
.ss12-footer__appItem picture, .ss12-footer__appItem img {
  height: inherit;
  width: auto;
}
.ss12-footer__copyright {
  margin-top: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.6);
}
@media (min-width: 1024px) {
  .ss12-footer__copyright {
    margin-top: 0;
  }
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.st1-recipe-card__tag, .button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.st1-recipe-card__title, .st1-recipe-card__label, .st1-recipe-card__authInfo {
  font-size: 1rem;
  line-height: 1.375rem;
}

.st1-recipe-card__partnershipText, .st1-recipe-card__chef {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.st1-recipe-card__description {
  font-size: 0.8125rem;
  line-height: 1.54;
  letter-spacing: 0.011875rem;
}

.st1-recipe-card__breadcrumb {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st1-recipe-card {
  width: 100%;
  box-shadow: 0 4px 8px -2px rgba(171, 147, 67, 0.15), 0 0 1px 0 rgba(171, 147, 67, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
}
.st1-recipe-card__media-container {
  position: relative;
}
.st1-recipe-card__media {
  width: 100%;
  height: 6.9375rem;
}
@media (min-width: 768px) {
  .st1-recipe-card__media {
    height: 15rem;
  }
}
.st1-recipe-card__top {
  position: absolute;
  inset: 1rem 1rem auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.st1-recipe-card__tag {
  --_height: 2rem;
  height: var(--_height);
  font-size: 1rem;
  line-height: var(--_height);
  padding-inline: 0.5rem;
  color: var(--color-white);
  background-color: #003761;
  border-radius: 0.5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.st1-recipe-card__ctas {
  margin-left: auto;
  display: flex;
  flex-direction: row;
}
.st1-recipe-card__partnership {
  width: 100%;
  min-height: 2.5rem;
  padding: 0.5625rem 0 0.5625rem 1.125rem;
  background-color: var(--color-salmon-rose);
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1023px) {
  .st1-recipe-card__partnership {
    min-height: 0.25rem;
    padding: 0.125rem 0 0.125rem 0.875rem;
  }
}
.st1-recipe-card__partnershipText {
  margin-bottom: 0;
  color: var(--color-black);
}
@media (max-width: 1023px) {
  .st1-recipe-card__partnershipText {
    display: none;
  }
}
.st1-recipe-card__partnershipLabel {
  font-weight: 600;
  text-decoration: underline;
  color: var(--color-black);
}
@media (max-width: 1023px) {
  .st1-recipe-card__partnershipLabel {
    font-size: 0.75rem;
  }
}
.st1-recipe-card__collectionTitle {
  font-weight: 600;
}
.st1-recipe-card__collectionTitle::before {
  content: "| ";
}
.st1-recipe-card__content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  background-color: var(--color-white);
  padding-top: 1.0625rem;
  padding-bottom: 1.125rem;
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}
@media (min-width: 768px) {
  .st1-recipe-card__content {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.st1-recipe-card__texts {
  flex: 1 1 auto;
  color: var(--color-black);
  text-decoration: none;
  margin-bottom: 2.375rem;
}
.st1-recipe-card__title {
  font-size: 1rem;
  font-weight: 600;
  text-align: left;
  color: var(--color-black);
}
.st1-recipe-card__description {
  display: none;
  font-weight: normal;
  text-align: left;
  line-height: 1.54;
  letter-spacing: 0.19px;
  color: var(--color-brillant-grey);
  margin-bottom: 0;
  margin-top: 1rem;
}
@media (min-width: 1024px) {
  .st1-recipe-card__description {
    display: block;
  }
}
.st1-recipe-card__description--visible {
  display: block;
}
.st1-recipe-card__breadcrumb {
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: var(--color-light-brown);
}
.st1-recipe-card__label {
  font-size: 0.75rem;
  font-weight: normal;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .st1-recipe-card__label {
    font-size: 1rem;
  }
}
.st1-recipe-card__item {
  display: flex;
  flex-direction: column;
}
.st1-recipe-card__infos {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}
.st1-recipe-card__difficulty {
  display: inline-flex;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  align-items: center;
  height: 1.25rem;
}
.st1-recipe-card__icon {
  width: 0.875rem;
  height: 0.875rem;
}
.st1-recipe-card__icon--faded {
  opacity: 30%;
}
.st1-recipe-card__icon > span {
  font-size: 1rem;
}
.st1-recipe-card__authImage {
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.625rem;
}
.st1-recipe-card__authInfo {
  font-size: 0.75rem;
  font-weight: 700;
}
.st1-recipe-card__chef {
  display: flex;
  flex-direction: row;
  margin: 0.125rem 0.4375rem 0.0625rem 0.1875rem;
}
@media (min-width: 1024px) {
  .st1-recipe-card__chef {
    margin: 0.25rem 1rem 0.125rem 0.4375rem;
  }
}
.st1-recipe-card__bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .st1-recipe-card__bottom {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .st1-recipe-card--mobileLarge {
    height: 100%;
  }
  .st1-recipe-card--mobileLarge .st1-recipe-card__media-container {
    height: 12.3125rem;
  }
  .st1-recipe-card--mobileLarge .st1-recipe-card__media {
    width: 100%;
    height: 100%;
  }
  .st1-recipe-card--mobileLarge .st1-recipe-card__description {
    display: block;
  }
}
.st2-paginator__pageItem, .st2-paginator__pageBack, .st2-paginator__pageNext, .button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.st2-paginator__pageItem:focus, .st2-paginator__pageBack:focus, .st2-paginator__pageNext:focus, .button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.st2-paginator__pageItem::-moz-focus-inner, .st2-paginator__pageBack::-moz-focus-inner, .st2-paginator__pageNext::-moz-focus-inner, .button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.st2-paginator__pageItem {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st2-paginator {
  margin-top: 2.5625rem;
  margin-bottom: 2.625rem;
  display: flex;
  justify-content: center;
}
@media (min-width: 1024px) {
  .st2-paginator {
    margin-top: 5.9375rem;
  }
}
.st2-paginator__pageItems {
  display: flex;
  justify-content: center;
}
.st2-paginator__pageItem, .st2-paginator__pageBack, .st2-paginator__pageNext {
  display: block;
  cursor: pointer;
}
.st2-paginator__pageBack, .st2-paginator__pageNext {
  display: inline-flex;
  align-items: center;
  color: var(--color-light-brown);
}
.st2-paginator__pageBack > span, .st2-paginator__pageNext > span {
  font-size: 1.5rem;
}
.st2-paginator__pageBack {
  margin-right: 2.0625rem;
}
.st2-paginator__pageNext {
  margin-left: 2.0625rem;
}
.st2-paginator__pageItem {
  min-width: 1.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
  margin-right: 0.625rem;
  text-align: center;
  color: var(--color-black);
}
.st2-paginator__pageItem:last-child {
  margin-right: 0;
}
.st2-paginator__pageItem--active {
  font-weight: 700;
  border: none;
}
.st2-paginator__pageItem--active:hover {
  color: var(--color-black);
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.st4-article-card__title {
  font-size: 1rem;
  line-height: 1.375rem;
}

.st4-article-card__description {
  font-size: 0.8125rem;
  line-height: 1.54;
  letter-spacing: 0.011875rem;
}

.st4-article-card__breadcrumb, .st4-article-card__label {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.st4-article-card__appr {
  font-size: 1rem;
  line-height: 1.125rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st4-article-card {
  width: 100%;
  box-shadow: 0 4px 8px -2px rgba(171, 147, 67, 0.15), 0 0 1px 0 rgba(171, 147, 67, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
}
.st4-article-card__media {
  width: 100%;
  height: 6.9375rem;
}
@media (min-width: 768px) {
  .st4-article-card__media {
    height: 15rem;
  }
}
.st4-article-card__content {
  margin-top: 1.0625rem;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.st4-article-card__texts {
  flex: 1 1 auto;
  color: var(--color-black);
}
.st4-article-card__title {
  font-weight: 600;
  text-align: left;
  color: var(--color-black);
}
.st4-article-card__description {
  display: none;
  font-weight: normal;
  text-align: left;
  line-height: 1.54;
  letter-spacing: 0.19px;
  color: var(--color-brillant-grey);
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .st4-article-card__description {
    display: block;
  }
}
.st4-article-card__breadcrumb {
  font-weight: 500;
  color: var(--color-light-brown);
}
.st4-article-card__label {
  margin: 0 0.625rem;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
}
.st4-article-card__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  .st4-article-card__item {
    flex-direction: row;
  }
}
.st4-article-card__infos {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.st4-article-card__icon {
  width: 1.1875rem;
  height: 1.1875rem;
}
.st4-article-card__separator {
  width: 100%;
  height: 0.0625rem;
  margin-top: 1.3125rem;
  margin-bottom: 1.375rem;
  opacity: 0.16;
  background-color: var(--color-brown);
}
.st4-article-card__bottom {
  display: flex;
  flex-direction: row;
  margin-bottom: 1.625rem;
  justify-content: flex-end;
}
@media (min-width: 1024px) {
  .st4-article-card__bottom {
    justify-content: space-between;
    align-items: center;
  }
}
.st4-article-card__appr {
  font-weight: 600;
  text-decoration: underline;
  display: none;
}
.st4-article-card__appr a {
  color: #974D44;
}
@media (min-width: 1024px) {
  .st4-article-card__appr {
    display: block;
  }
}
.st4-article-card__ctas {
  display: flex;
  flex-direction: row;
}
@media (max-width: 767px) {
  .st4-article-card--mobileLarge {
    height: 100%;
  }
  .st4-article-card--mobileLarge .st4-article-card__media-container {
    height: 12.3125rem;
  }
  .st4-article-card--mobileLarge .st4-article-card__media {
    width: 100%;
    height: 100%;
  }
  .st4-article-card--mobileLarge .st4-article-card__description {
    display: block;
  }
  .st4-article-card--mobileLarge .st4-article-card__item {
    flex-direction: row;
  }
  .st4-article-card--mobileLarge .st4-article-card__label {
    margin: 0 0.5rem;
  }
  .st4-article-card--mobileLarge .st4-article-card__appr {
    display: block;
  }
  .st4-article-card--mobileLarge .st4-article-card__bottom {
    justify-content: space-between;
  }
}
.st6-slider__btn, .button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.st6-slider__btn:focus, .button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.st6-slider__btn::-moz-focus-inner, .button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st6-slider {
  position: relative;
}
.st6-slider__carousel {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.st6-slider__track {
  width: 100%;
  height: 100%;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.st6-slider__track--addPaddingBottom {
  padding-bottom: 5px;
  padding-left: 1px;
}
.st6-slider__slideContainer {
  position: relative;
  transition-property: transform;
  display: flex;
  flex: 0 0 50%;
  max-width: 50%;
}
.st6-slider__slideContainer--cardMaxWidthUnset {
  max-width: unset;
}
@media (min-width: 768px) {
  .st6-slider__slideContainer {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}
.st6-slider__slideContainer--full {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100%;
}
.st6-slider__pagination {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
}
@media (min-width: 1024px) {
  .st6-slider__pagination {
    display: flex;
  }
}
.st6-slider__pagination--hidden {
  display: none;
}
.st6-slider__bullet {
  flex: 0 0 auto;
  height: 0.5625rem;
  width: 0.5625rem;
  border-radius: 0.5625rem;
  background-color: hsla(var(--color-ground-brown-h), var(--color-ground-brown-s), var(--color-ground-brown-l), 0.5);
}
.st6-slider__bullet:not(:last-child) {
  margin-right: 0.875rem;
}
.st6-slider__bullet--active {
  background-color: var(--color-ground-brown);
}
.st6-slider__btn {
  position: absolute;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
}
.st6-slider__btn--prev {
  display: none;
  transform: translateY(-50%) rotateZ(180deg);
}
@media (min-width: 1024px) {
  .st6-slider__btn--prev {
    display: block;
    left: -1.4375rem;
  }
}
.st6-slider__btn--next {
  display: none;
}
@media (min-width: 1024px) {
  .st6-slider__btn--next {
    display: block;
    right: -1.4375rem;
  }
}
.st6-slider__btn--hidden {
  display: none;
}
.st6-slider__btn--disabled {
  visibility: hidden;
}
.st6-slider__btn::after {
  content: "";
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/black_left_arrow-feb52b950af044e24644.svg);
  display: block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 0.9375rem;
  height: 1.125rem;
}
.st6-slider__mapActiveCard .swiper-slide-active .st22-poi-map-card {
  border: solid 1.5px var(--color-brown);
}
.st7-nav-menu__container, .st7-nav-menu__evidenceSlider {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .st7-nav-menu__container, .st7-nav-menu__evidenceSlider {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .st7-nav-menu__container, .st7-nav-menu__evidenceSlider {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .st7-nav-menu__container, .st7-nav-menu__evidenceSlider {
    max-width: 86.5rem;
  }
}

.st7-nav-menu__slideImgTitle {
  margin-bottom: 0;
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.st7-nav-menu__linksList > li, .st7-nav-menu__linksMainList > li, .st7-nav-menu__slideImgTitle {
  font-size: 1rem;
  line-height: 1.375rem;
}

.st7-nav-menu__linksSubList > li, .st7-nav-menu__links--two .st7-nav-menu__linksSubList > li {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.st7-nav-menu__evidenceSlideTitle {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.st7-nav-menu__slideLink {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st7-nav-menu {
  position: absolute;
  top: 10.3125rem;
  width: 100%;
  height: calc(100vh - 10.3125rem);
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  .st7-nav-menu {
    display: block;
  }
}
.st7-nav-menu--open {
  pointer-events: all;
}
.st7-nav-menu__menu {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--color-white);
  max-height: 0;
  transition: all 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  overflow: hidden;
  height: auto;
}
.st7-nav-menu__menu--open {
  opacity: 1;
  max-height: 29.1875rem;
  pointer-events: all;
  box-shadow: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2) 0px 3px 6px;
}
.st7-nav-menu__container {
  padding-top: 1.875rem;
  display: flex;
  flex: 1 1 auto;
  padding-bottom: 2.1875rem;
  height: 22.375rem;
  justify-content: space-between;
}
.st7-nav-menu__links {
  flex: 1 1;
}
.st7-nav-menu__links a {
  color: var(--color-black);
}
.st7-nav-menu__linksList {
  list-style: none;
  padding-left: 0;
  display: flex;
  height: 100%;
}
.st7-nav-menu__linksList > li {
  width: 10.5rem;
  margin-right: 1.5rem;
  font-weight: 500;
}
.st7-nav-menu__linksList > li:first-child {
  border-right: 1px solid var(--color-salmon-rose);
  width: 13.125rem;
  padding-right: 1.5rem;
}
.st7-nav-menu__linksSubList {
  list-style: none;
  padding-left: 0;
}
.st7-nav-menu__linksSubList > li {
  width: 10.5rem;
  margin-top: 0.625rem;
  font-weight: 400;
}
.st7-nav-menu__linksSubList > li:first-child {
  margin-top: 0.8125rem;
}
.st7-nav-menu__linksMainList {
  list-style: none;
  padding-left: 0;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
}
.st7-nav-menu__linksMainList > li {
  font-weight: 500;
  margin-right: 0;
  width: 12rem;
  margin-bottom: 1rem;
  padding-right: 1.5rem;
}
.st7-nav-menu__links--two .st7-nav-menu__linksMainList {
  margin-top: -1rem;
  display: flex;
  height: 100%;
}
.st7-nav-menu__links--two .st7-nav-menu__linksMainList > li {
  margin-top: 1rem;
  margin-bottom: 0;
}
.st7-nav-menu__links--two .st7-nav-menu__linksSubList {
  margin-top: -0.625rem;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  flex-direction: column;
  width: 21rem;
}
.st7-nav-menu__links--two .st7-nav-menu__linksSubList > li {
  font-weight: 400;
  margin-top: 0.625rem;
  margin-bottom: 0;
  padding-right: 1.5rem;
}
.st7-nav-menu__linksList .st7-nav-menu__linkFirstPlus {
  width: 21rem;
}
.st7-nav-menu__evidence {
  flex: 0 0 auto;
  padding-top: 1.5625rem;
  padding-bottom: 1.5rem;
  background-color: var(--color-ex-slight-off-white);
  height: 6.8125rem;
}
.st7-nav-menu__evidenceSlide {
  display: flex;
  align-items: center;
}
.st7-nav-menu__evidenceSlideImg {
  width: 5.5625rem;
  height: 3.75rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 0.5625rem;
}
.st7-nav-menu__evidenceSlideTitle {
  font-weight: 600;
  width: 8.125rem;
  color: var(--color-black);
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 3.75rem;
}
.st7-nav-menu__sliderContainer {
  flex: 1 1 0;
  min-width: 0;
}
.st7-nav-menu__sliderContainer .st6-slider__paginator {
  display: none;
}
.st7-nav-menu__slide {
  width: 18.3125rem;
}
.st7-nav-menu__slideImg {
  width: 100%;
  height: 11.9375rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.st7-nav-menu__slideImgTitle {
  font-weight: 600;
  margin-top: 1.25rem;
}
.st7-nav-menu__slideLink {
  margin-top: 0.5rem;
  font-weight: 600;
  color: var(--color-light-brown);
  text-decoration: underline;
}
.st8-menu-mobile__topper, .st8-menu-mobile__linksBackCnt, .st8-menu-mobile__items {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .st8-menu-mobile__topper, .st8-menu-mobile__linksBackCnt, .st8-menu-mobile__items {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .st8-menu-mobile__topper, .st8-menu-mobile__linksBackCnt, .st8-menu-mobile__items {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .st8-menu-mobile__topper, .st8-menu-mobile__linksBackCnt, .st8-menu-mobile__items {
    max-width: 86.5rem;
  }
}

.st8-menu-mobile__slideImgTitle {
  margin-bottom: 0;
}

.st8-menu-mobile__searchSubmit, .st8-menu-mobile__linksBack, .st8-menu-mobile__linksNext, .button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.st8-menu-mobile__searchSubmit:focus, .st8-menu-mobile__linksBack:focus, .st8-menu-mobile__linksNext:focus, .button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.st8-menu-mobile__searchSubmit::-moz-focus-inner, .st8-menu-mobile__linksBack::-moz-focus-inner, .st8-menu-mobile__linksNext::-moz-focus-inner, .button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.st8-menu-mobile__slideImgTitle {
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.st8-menu-mobile__items li, .st8-menu-mobile__linksNext span {
  font-size: 1rem;
  line-height: 1.375rem;
}

.st8-menu-mobile__linksBack {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.st8-menu-mobile__evidenceSlideTitle {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st8-menu-mobile {
  position: absolute;
  top: 4rem;
  height: calc(100dvh - 4rem);
  background: var(--color-white);
  width: 100%;
  pointer-events: none;
  left: -100vw;
  transition: left 0.5s ease-in-out;
  padding-top: 1.0625rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .st8-menu-mobile {
    display: none;
  }
}
.st8-menu-mobile--open {
  left: 0;
  pointer-events: all;
}
.st8-menu-mobile__topper {
  margin-bottom: 3rem;
  padding-inline: 20px;
}
.st8-menu-mobile__searchForm {
  position: relative;
  display: block;
  border-bottom: solid 1px var(--color-ground-brown);
  max-width: 56.25rem;
  margin: 0px auto;
}
.st8-menu-mobile__searchSubmit {
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  position: absolute;
  border: none;
  cursor: pointer;
  bottom: 0;
  right: 0;
}
.st8-menu-mobile__searchSubmit > span[class^=ec-icon-] {
  font-size: 1.5rem;
}
.st8-menu-mobile__searchInput {
  font-weight: 300;
  width: 100%;
  height: 2.5rem;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
  text-align: center;
  background: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  color: var(--color-ground-brown);
  font-size: 1.125rem;
}
.st8-menu-mobile__links {
  left: -100vw;
  position: absolute;
  top: -4rem;
  bottom: 0;
  width: 100%;
  background-color: var(--color-white);
  transition: left 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 2;
}
.st8-menu-mobile__links--show {
  left: 0;
}
.st8-menu-mobile__links--root {
  left: 0;
  position: relative;
  top: 0;
}
.st8-menu-mobile__linksBackCnt {
  padding-left: 2.1875rem;
  padding-right: 2.1875rem;
  height: 4rem;
  width: 100%;
  display: flex;
  align-items: center;
  flex: 1 0 auto;
}
.st8-menu-mobile__linksBackCnt--scrolled {
  box-shadow: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2) 0px 3px 6px;
}
.st8-menu-mobile__scroller {
  height: calc(100% - 4rem);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.st8-menu-mobile__links--root .st8-menu-mobile__scroller {
  height: 100%;
}
.st8-menu-mobile__linksBack {
  font-weight: 600;
}
.st8-menu-mobile__linksBack::before {
  content: "";
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/black_left_arrow-feb52b950af044e24644.svg);
  display: inline-block;
  background-size: 100% 100%;
  transform: rotate(-180deg);
  margin-right: 1.25rem;
  background-repeat: no-repeat;
  background-position: center center;
  width: 0.9375rem;
  height: 1.125rem;
  vertical-align: text-bottom;
}
.st8-menu-mobile__slider .st6-slider__paginator {
  display: none;
}
.st8-menu-mobile__slide {
  display: block;
  width: 100%;
}
.st8-menu-mobile__slideImg {
  width: 100%;
  height: 11.9375rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.st8-menu-mobile__slideImgTitle {
  font-weight: 600;
  position: absolute;
  bottom: 0.875rem;
  left: 1.75rem;
  line-height: 1.875rem;
  color: var(--color-black);
  max-width: 17.375rem;
}
.st8-menu-mobile__slideImgTitle > span {
  background: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.8);
  box-shadow: 10px 0 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.8), -10px 0 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.8);
}
.st8-menu-mobile__linksBackCnt + .st8-menu-mobile__items {
  margin-top: 0.3125rem;
}
.st8-menu-mobile__slider + .st8-menu-mobile__items {
  margin-top: 1.5625rem;
}
.st8-menu-mobile__items {
  padding-inline: 20px;
  flex: 1 1 auto;
  list-style: none;
}
.st8-menu-mobile__items li {
  font-weight: 500;
  margin-bottom: 1.875rem;
}
.st8-menu-mobile__items a {
  color: var(--color-black);
  font-weight: 600;
}
.st8-menu-mobile__linksNext {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.st8-menu-mobile__linksNext span {
  font-weight: 500;
}
.st8-menu-mobile__arrow::after {
  content: "";
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/black_left_arrow-feb52b950af044e24644.svg);
  display: block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 0.9375rem;
  height: 1.125rem;
}
.st8-menu-mobile__evidence {
  padding-top: 1.0625rem;
  padding-bottom: 1.625rem;
  background-color: var(--color-ex-slight-off-white);
}
.st8-menu-mobile__evidenceSlide {
  display: flex;
  align-items: center;
}
.st8-menu-mobile__evidenceSlideImg {
  width: 5.5625rem;
  height: 3.75rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 0.5625rem;
}
.st8-menu-mobile__evidenceSlideTitle {
  font-weight: 600;
  width: 8.125rem;
  color: var(--color-black);
}
.st8-menu-mobile__sep {
  width: 100%;
  border-top: solid 1px var(--color-salmon-rose);
  margin-bottom: 1.875rem;
  margin-top: 0;
}
.st8-menu-mobile__liSep {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.st8-menu-mobile__item {
  display: flex;
  justify-content: space-between;
}
.st9-filters__tabsContainer, .st9-filters__titleMobile, .st9-filters__itemMobile, .st9-filters__mobCheckbox > span {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .st9-filters__tabsContainer, .st9-filters__titleMobile, .st9-filters__itemMobile, .st9-filters__mobCheckbox > span {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .st9-filters__tabsContainer, .st9-filters__titleMobile, .st9-filters__itemMobile, .st9-filters__mobCheckbox > span {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .st9-filters__tabsContainer, .st9-filters__titleMobile, .st9-filters__itemMobile, .st9-filters__mobCheckbox > span {
    max-width: 86.5rem;
  }
}

.st9-filters__label, .st9-filters__closeMobile, .st9-filters__backMobile, .st9-filters__itemMobile > button, .st9-filters__applyMobile, .st9-filters__applyMobileIn, .st9-filters__mobileBtn, .button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.st9-filters__label:focus, .st9-filters__closeMobile:focus, .st9-filters__backMobile:focus, .st9-filters__itemMobile > button:focus, .st9-filters__applyMobile:focus, .st9-filters__applyMobileIn:focus, .st9-filters__mobileBtn:focus, .button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.st9-filters__label::-moz-focus-inner, .st9-filters__closeMobile::-moz-focus-inner, .st9-filters__backMobile::-moz-focus-inner, .st9-filters__itemMobile > button::-moz-focus-inner, .st9-filters__applyMobile::-moz-focus-inner, .st9-filters__applyMobileIn::-moz-focus-inner, .st9-filters__mobileBtn::-moz-focus-inner, .button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.st9-filters__titleMobile {
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.st9-filters__label, .st9-filters__checkbox .label {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.st9-filters__applyMobile, .st9-filters__applyMobileIn {
  font-size: 1rem;
  line-height: 0.875rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st9-filters__checkbox .label::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "saporie-v2" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.st9-filters {
  --zindex: 9;
  --dropdown-height: 17.1875rem;
  width: 100%;
  background-color: var(--color-white);
}
.st9-filters__hidden {
  opacity: 0;
  height: 0;
}
.st9-filters__tabs {
  display: flex;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  border-bottom: 1px solid hsla(var(--color-ground-brown-h), var(--color-ground-brown-s), var(--color-ground-brown-l), 0.32);
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media (min-width: 1024px) {
  .st9-filters__tabs {
    overflow-y: hidden;
    justify-content: center;
  }
}
.st9-filters__tabs::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.st9-filters__tab {
  padding-bottom: 1rem;
  flex: 0 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 1.5rem;
}
.st9-filters__tab.active {
  border-bottom: 3px solid var(--color-ground-brown);
  font-weight: 700;
}
.st9-filters__tab:focus-visible {
  outline: 1px solid var(--color-black);
  outline-offset: -2px;
}
.st9-filters__tabsContent {
  display: none;
}
@media (min-width: 1024px) {
  .st9-filters__tabsContent {
    display: block;
  }
}
.st9-filters__form {
  align-items: center;
  padding-inline: 0;
  display: none;
}
.st9-filters__form.active {
  display: flex;
}
.st9-filters__form fieldset {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.st9-filters__filter {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  border-radius: 1rem;
  color: var(--color-black);
  border: 1px solid hsl(var(--color-black-h), var(--color-black-s), 70%);
}
.st9-filters__filter--active {
  border-color: var(--color-black);
}
.st9-filters__label {
  font-size: 1.0625rem;
  font-weight: 500;
  padding-left: 1.25rem;
  padding-right: 0.625rem;
  height: 3.5rem;
}
.st9-filters__label:focus-visible {
  border-radius: 1rem;
  outline: 1px solid var(--color-black);
}
.st9-filters__arrow {
  display: inline-block;
  content: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/down_arrow_black-ed46d5a5e8bc20699eeb.svg);
  width: 1rem;
  height: 0.5rem;
  transition: transform 0.25s ease-in-out;
  margin-left: 0.625rem;
}
.st9-filters__filter--active .st9-filters__arrow {
  display: inline-block;
  content: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/down_arrow_white-04badbc07e36b6331dd4.svg);
  width: 1rem;
  height: 0.5rem;
  transform: rotate(-180deg);
  filter: invert(1);
}
.st9-filters__dropdown {
  display: block;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  height: var(--dropdown-height);
  overflow: hidden;
  background-color: var(--color-white);
  color: var(--color-black);
  border-radius: 0.75rem;
  border: 1px solid var(--color-black);
  top: calc(100% + 8px);
  cursor: default;
  z-index: var(--zindex);
}
.st9-filters__dropdown--toRight {
  left: 0;
}
.st9-filters__dropdown--toLeft {
  right: 0;
}
.st9-filters__dropdown:focus-visible, .st9-filters__checkbox:focus-visible {
  outline: 1px solid var(--color-black);
}
.st9-filters__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex-wrap: wrap;
  height: var(--dropdown-height);
  padding: 1rem;
}
.st9-filters__item {
  font-weight: normal;
  width: 11.25rem;
}
.st9-filters__checkbox {
  cursor: pointer;
  position: relative;
  padding-left: 2rem;
  display: inline-block;
  line-height: 1rem;
  margin-bottom: 0;
}
.st9-filters__checkbox .checkbox {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.st9-filters__checkbox .label {
  --checkbox-size: 1.3125rem;
  font-weight: 500;
  line-height: var(--checkbox-size);
}
.st9-filters__checkbox .label::before {
  content: "";
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  border: 1px solid hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 30%);
  border-radius: 0.3125rem;
  background-color: var(--color-white);
  vertical-align: middle;
  left: 0;
  top: 0;
  display: inline-block;
}
.st9-filters__checkbox .label:hover::before {
  border-color: var(--color-light-brown);
}
.st9-filters__checkbox .label::after {
  display: none;
  content: "\e920";
  position: absolute;
  left: 1px;
  right: calc(100% - 20px);
  top: 1px;
  bottom: calc(100% - 20px);
  color: var(--color-white);
  font-size: 0.75rem;
  line-height: calc(var(--checkbox-size) - 1px);
  background-color: var(--color-light-brown);
  border-radius: 0.25rem;
  padding-left: 0.25rem;
}
.st9-filters__checkbox .checkbox:checked + .label::after {
  display: block;
}
.st9-filters__checkbox .checkbox:checked + .label::before {
  border-color: var(--color-light-brown);
}
.st9-filters__filter--active .st9-filters__dropdown {
  visibility: visible;
  pointer-events: all;
}
.st9-filters__drawer {
  position: fixed;
  z-index: calc(var(--zindex) + 1);
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  transition: right 0.3s ease-in-out;
  background-color: var(--color-white);
  overflow: hidden;
}
@media (min-width: 1024px) {
  .st9-filters__drawer {
    display: none;
  }
}
.st9-filters__drawer--open {
  right: 0;
}
.st9-filters__formMobile {
  height: 100%;
  width: 100%;
  display: none;
}
.st9-filters__formMobile.active {
  display: block;
}
.st9-filters__titleMobile {
  color: var(--color-white);
  background-color: var(--color-brown);
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  align-items: center;
}
.st9-filters__titleMobile--spaced {
  justify-content: space-between;
}
.st9-filters__closeMobile {
  font-size: 1.125rem;
}
.st9-filters__drawerRoot {
  background-color: var(--color-white);
  position: absolute;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  transition: right 0.3s ease-in-out;
  overflow-y: auto;
}
.st9-filters__drawerRoot--open {
  right: 0;
}
.st9-filters__listMobile {
  padding-bottom: 4.375rem;
  padding-left: 0;
  list-style: none;
}
.st9-filters__backMobile {
  margin-right: 1.25rem;
}
.st9-filters__backMobile::after {
  content: "";
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/black_left_arrow-feb52b950af044e24644.svg);
  filter: invert(1);
  display: block;
  transform: rotate(180deg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 0.9375rem;
  height: 1.125rem;
}
.st9-filters__itemMobile {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
  border-bottom: 1px solid hsla(var(--color-ground-brown-h), var(--color-ground-brown-s), var(--color-ground-brown-l), 0.16);
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.st9-filters__itemMobile > button::after {
  content: "";
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/black_left_arrow-feb52b950af044e24644.svg);
  display: block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 0.9375rem;
  height: 1.125rem;
}
.st9-filters__itemMobile--checkbox {
  padding: 0;
}
.st9-filters__itemMobile > span {
  pointer-events: none;
}
.st9-filters__mobCheckbox {
  margin-bottom: 0;
  display: block;
  width: 100%;
}
.st9-filters__mobCheckbox > input {
  opacity: 0;
  position: absolute;
}
.st9-filters__mobCheckbox > span {
  display: block;
  width: 100%;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}
.st9-filters__mobCheckbox .checkbox:checked + .label {
  color: var(--color-white);
  background-color: var(--color-light-brown);
}
.st9-filters__applyMobile, .st9-filters__applyMobileIn {
  position: absolute;
  height: 3.125rem;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 53px);
  max-width: 20.125rem;
  bottom: 1.6875rem;
  text-align: center;
  font-weight: 600;
  color: var(--color-black);
  background-color: var(--color-dark-yellow);
  box-shadow: -13px 7px 0px 0px hsla(var(--color-dark-yellow-h), var(--color-dark-yellow-s), var(--color-dark-yellow-l), 0.5);
  border: none;
}
.st9-filters__applyMobile:hover, .st9-filters__applyMobileIn:hover {
  color: var(--color-black);
}
.st9-filters__applyMobile--fixed, .st9-filters__applyMobileIn--fixed {
  position: fixed;
}
.st9-filters__applyMobile + .st9-filters__listMobile {
  padding-bottom: reM(57px);
}
.st9-filters__mobileBtn {
  position: fixed;
  right: 1.25rem;
  bottom: 0.625rem;
  z-index: var(--zindex);
  background-color: var(--color-brown);
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  transition: opacity 0.3s ease-in-out;
}
@media (min-width: 1024px) {
  .st9-filters__mobileBtn {
    display: none;
  }
}
.st9-filters__mobileBtn--hidden {
  display: none;
}
.st9-filters__mobileBtn--invisible {
  opacity: 0;
  pointer-events: none;
}
.st9-filters__mobileBtn > span:first-child:empty {
  display: inline-block;
  width: inherit;
  height: inherit;
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/icon-filtra-08872480c16267b8675d.png);
  background-repeat: no-repeat;
  background-position: center;
  filter: invert(1);
}
.st9-filters__nextMobile {
  pointer-events: none;
}
.st10-tag, .button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.st10-tag:focus, .button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.st10-tag::-moz-focus-inner, .button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.st10-tag {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st10-tag::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "saporie-v2" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.st10-tag {
  font-weight: 500;
  color: var(--color-black);
  height: 2rem;
  line-height: 1.75rem;
  padding-left: 1rem;
  padding-right: 2.25rem;
  border: 2px solid var(--color-ground-brown);
  margin-bottom: 0.625rem;
  border-radius: 1rem;
  margin-right: 0.625rem;
  position: relative;
  cursor: pointer;
}
.st10-tag:last-child {
  margin-bottom: 1.6875rem;
}
.st10-tag::after {
  content: "\e910";
  position: absolute;
  vertical-align: middle;
  right: 0.6875rem;
  font-size: 0.75rem;
  line-height: inherit;
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st26-sharelink {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  width: 10.25rem;
  padding: 1rem;
  background-color: white;
  box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.2), 0 0 1px 0 rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  top: 0;
}
.st26-sharelink--show {
  visibility: visible;
  pointer-events: all;
  z-index: 1;
}
.st26-sharelink > div:first-child {
  position: absolute;
  top: -9px;
  left: 30%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent white transparent;
}
.st26-sharelink__heading {
  margin-bottom: 1.25rem;
}
.st26-sharelink__heading, .st26-sharelink__shareOption > a {
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #333;
}
.st26-sharelink__shareOption {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.st26-sharelink__shareOption > div:first-child {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 20px;
}
.st26-sharelink__shareOption[data-sharer=facebook] > div:first-child {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/facebook-05759892d4c5a4fee500.svg);
}
.st26-sharelink__shareOption[data-sharer=twitter] > div:first-child {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/twitter_share-7e7d34b9a713b6ac86f6.svg);
}
.st26-sharelink__shareOption[data-sharer=linkedin] > div:first-child {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/linkedin-2f2e446de599759c231c.svg);
}
.st26-sharelink__shareOption[data-sharer=whatsapp] > div:first-child {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/whatsapp-e1eb679e90ae1e31d324.svg);
}
.st26-sharelink__shareOption[data-sharer=pinterest] > div:first-child {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/pinterest_share-15d8ac8fd2a81e96c4aa.svg);
}
.st26-sharelink__shareOption[data-sharer=email] > div:first-child {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/email-a91d749d1057c5f502cb.svg);
}
.st26-sharelink__shareOptions {
  display: flex;
  flex-flow: column;
  gap: 1.25rem;
}
.st11-actions__btn, .button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.st11-actions__btn:focus, .button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.st11-actions__btn::-moz-focus-inner, .button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.st11-actions__btnLabel {
  font-size: 1rem;
  line-height: 1.125rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st11-actions {
  font-size: 1.5rem;
}
.st11-actions__btn {
  background-color: var(--color-white);
  border-radius: 50%;
  box-shadow: 0 1px 1px 0 rgba(51, 51, 51, 0.15), 0 0 1px 0 rgba(51, 51, 51, 0.2);
  cursor: pointer;
}
.st11-actions__btn > span {
  font-size: 1rem;
  color: var(--color-light-brown);
  pointer-events: none;
}
.st11-actions__btn--circles {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.st11-actions__btn--share > span {
  font-weight: 700;
}
.st11-actions__btnLabel {
  margin-left: 0.3125rem;
}
.st11-actions__btnCnt {
  display: inline-block;
  position: relative;
  margin-right: 0.75rem;
}
.st11-actions__btnCnt:last-child {
  margin-right: 0;
}
.st11-actions__btnCnt--label {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.st11-actions__shares {
  font-size: 1rem;
  pointer-events: none;
  opacity: 0;
  border-radius: 5px;
  position: absolute;
  padding: 0 0.625rem;
  width: 12.3125rem;
  height: auto;
  background-color: var(--color-sandy-beach);
  z-index: 3000;
  box-shadow: 0px 1px 2px 0px var(--color-black);
  top: calc(100% + 5px);
  transition: opacity 0.3s ease-in-out;
}
.st11-actions__shares--show {
  pointer-events: all;
  opacity: 1;
}
.st11-actions__shares--toRight {
  left: 0;
}
.st11-actions__shares--toLeft {
  right: 0;
}
.st11-actions__shares--onTop {
  top: unset;
  bottom: calc(100% + 10px);
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.st13-collection-card__recTitle {
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.st13-collection-card__description {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st13-collection-card {
  margin-top: 2.5625rem;
  margin-bottom: 2.625rem;
}
.st13-collection-card__container {
  position: relative;
}
.st13-collection-card__pic, .st13-collection-card__media {
  width: 18.4375rem;
  height: 14.5625rem;
}
@media (min-width: 1024px) {
  .st13-collection-card__pic, .st13-collection-card__media {
    width: 33.4375rem;
    height: 23.0625rem;
  }
}
.st13-collection-card__texts {
  position: absolute;
  right: 3.75rem;
  bottom: 0.8125rem;
  left: 2rem;
  line-height: 1.3;
  min-height: 2.0625rem;
  color: var(--color-black);
}
@media (min-width: 1024px) {
  .st13-collection-card__texts {
    font-size: 1.5rem;
    right: 16.875rem;
    bottom: 3.9375rem;
  }
}
.st13-collection-card__recTitle {
  line-height: 1.8rem;
}
.st13-collection-card__recTitle > span {
  background: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.8);
  box-shadow: 10px 0 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.8), -10px 0 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.8);
}
.st13-collection-card__recTitle > span > a {
  color: var(--color-black);
}
.st13-collection-card__description > span {
  background: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.8);
  box-shadow: 10px 0 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.8), -10px 0 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.8);
}
.st13-collection-card__ctas {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 1.75rem;
  right: 1.25rem;
  left: auto;
  bottom: 26.875rem;
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.st14-product__category--chef, .button-tertiary, .button-primary {
  font-family: "DM Sans";
}

.button-tertiary, .button-primary {
  font-weight: 700;
}

.st14-product__title {
  font-size: 1rem;
  line-height: 1.375rem;
}

.st14-product__category {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st14-product {
  width: 17rem;
  min-height: 5rem;
}
.st14-product__pic {
  display: inline-block;
  overflow: hidden;
  border-radius: 100%;
  width: 5rem;
  height: 5rem;
}
.st14-product__media {
  margin-right: 0.625rem;
}
.st14-product__container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.st14-product__texts {
  display: flex;
  flex-direction: column;
  color: var(--color-black);
  text-decoration: none;
  padding-top: 0.9375rem;
}
.st14-product__title {
  font-size: 1rem;
  font-weight: 600;
  text-align: left;
}
.st14-product__category {
  font-weight: 600;
}
.st14-product__category--chef {
  font-size: 1rem;
  font-weight: normal;
}
.st15-loginpopup__close, .st15-loginpopup__btn, .st15-loginpopup__logo, .button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.st15-loginpopup__close:focus, .st15-loginpopup__btn:focus, .st15-loginpopup__logo:focus, .button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.st15-loginpopup__close::-moz-focus-inner, .st15-loginpopup__btn::-moz-focus-inner, .st15-loginpopup__logo::-moz-focus-inner, .button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.st15-loginpopup__hello, .button-tertiary, .button-primary {
  font-family: "DM Sans";
}

.button-tertiary, .button-primary {
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st15-loginpopup {
  position: fixed;
  width: 100%;
  height: 100%;
  right: -100%;
  pointer-events: none;
  z-index: 1000;
  background-color: var(--color-white);
  transition: right 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .st15-loginpopup {
    top: 0;
  }
}
@media (min-width: 1024px) {
  .st15-loginpopup {
    width: 20.6875rem;
    top: 10.3125rem;
    height: auto;
  }
}
.st15-loginpopup--open {
  right: 0;
  pointer-events: all;
}
.st15-loginpopup__close {
  position: absolute;
  right: 1.4375rem;
  top: 1.6875rem;
  font-size: 1.25rem;
}
@media (min-width: 1024px) {
  .st15-loginpopup__close {
    display: none;
  }
}
.st15-loginpopup__content {
  padding-top: 4.375rem;
  font-size: 1.5rem;
  line-height: 1em;
  padding-left: 1.375rem;
  padding-right: 1.375rem;
}
@media (min-width: 1024px) {
  .st15-loginpopup__content {
    padding-top: 1.25rem;
  }
}
.st15-loginpopup__item {
  margin-top: 1.6875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .st15-loginpopup__item {
    margin-top: 0.9375rem;
  }
}
.st15-loginpopup__item--first {
  margin-top: 0;
}
.st15-loginpopup__item::after {
  content: "";
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/black_left_arrow-feb52b950af044e24644.svg);
  display: block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 0.8125rem;
  height: 1rem;
}
.st15-loginpopup__btn {
  font-weight: 400;
  color: var(--color-ground-brown);
  font-size: 1rem;
  pointer-events: none;
}
.st15-loginpopup__btn--title {
  font-weight: 700;
  text-decoration: underline;
  font-size: 1.25rem;
}
.st15-loginpopup__btn:hover {
  color: var(--color-ground-brown);
}
.st15-loginpopup__hello {
  margin-bottom: 0;
}
.st15-loginpopup__logout {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding-left: 1.375rem;
  padding-right: 1.375rem;
  font-weight: 700;
  text-decoration: underline;
  padding-top: 2.1875rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 1024px) {
  .st15-loginpopup__logout {
    position: static;
  }
}
.st15-loginpopup__logo {
  background-color: var(--color-ground-brown);
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/exit-icon-1f14af66be64441151ae.png);
  background-size: 1.25rem;
  background-position: center;
  background-repeat: no-repeat;
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 50%;
  display: block;
  margin-right: 0.625rem;
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.st17-dish-card__title {
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st17-dish-card {
  box-shadow: 0 4px 8px -2px rgba(171, 147, 67, 0.15), 0 0 1px 0 rgba(171, 147, 67, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
  background-color: var(--color-white);
  width: 100%;
}
.st17-dish-card__container {
  width: inherit;
  display: flex;
  flex-direction: column;
}
.st17-dish-card__pic {
  width: auto;
  height: 7.4375rem;
}
@media (min-width: 1024px) {
  .st17-dish-card__pic {
    width: auto;
    height: 9.0625rem;
  }
}
.st17-dish-card__title {
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--color-black);
  padding: 1.0625rem 0.9375rem 1.125rem;
}
@media (min-width: 1024px) {
  .st17-dish-card__title {
    font-size: 1.5rem;
  }
}
.st18-hero-template__text {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .st18-hero-template__text {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .st18-hero-template__text {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .st18-hero-template__text {
    max-width: 86.5rem;
  }
}

.st18-hero-template__title > a > h2 {
  margin-bottom: 0;
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary, .st18-hero-template__category {
  font-family: "DM Sans";
}

.st18-hero-template__category {
  font-weight: 500;
}

.button-tertiary, .button-primary {
  font-weight: 700;
}

.st18-hero-template__title > a > h2 {
  font-family: "Roboto Slab";
  font-size: 3rem;
  line-height: 3.25rem;
}

.st18-hero-template__title {
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st18-hero-template__container {
  position: relative;
  overflow: hidden;
}
.st18-hero-template__container.has-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
}
.st18-hero-template__pic {
  width: 100%;
  height: 31.25rem;
}
.st18-hero-template__textWrapper {
  position: absolute;
  width: 100%;
  bottom: 3rem;
  z-index: 2;
}
@media (min-width: 1024px) {
  .st18-hero-template__textWrapper {
    bottom: 2.5rem;
  }
}
.st18-hero-template__title {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 2rem;
  margin-top: 0.25rem;
  margin-bottom: 0.75rem;
  max-width: 18.0625rem;
}
.st18-hero-template__title > a > h2 {
  display: inline;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 700;
  color: var(--color-white);
  /*background: alpha(--color-white, 0.6);
  box-shadow: 7px 0 0 alpha(--color-white, 0.6), -7px 0 0 alpha(--color-white, 0.6);*/
}
@media (min-width: 1024px) {
  .st18-hero-template__title > a > h2 {
    font-size: 3rem;
    line-height: 4.5rem;
  }
  .st18-hero-template__title {
    font-size: 2rem;
    line-height: 3.1875rem;
    font-weight: 500;
    max-width: 33.4375rem;
    margin-top: 0.25rem;
    margin-bottom: 1.5rem;
  }
}
.st18-hero-template__category {
  font-size: 0.875rem;
  line-height: 1.5rem;
  height: 1.5rem;
  padding: 0 1rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.75rem;
  color: var(--color-white);
  background-color: var(--color-light-brown);
  display: inline-flex;
  align-items: center;
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.st20-poi-card__title {
  font-size: 1rem;
  line-height: 1.375rem;
}

.st20-poi-card__description {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.st20-poi-card__address, .st20-poi-card__breadcrumb, .st20-poi-card__label, .st20-poi-card__appr {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st20-poi-card {
  width: 10rem;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .st20-poi-card {
    width: 22rem;
  }
}
.st20-poi-card__media {
  width: 100%;
  height: 6.9375rem;
}
@media (min-width: 768px) {
  .st20-poi-card__media {
    height: 15rem;
  }
}
.st20-poi-card__content {
  margin-top: 1.0625rem;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.st20-poi-card__texts {
  flex: 1 1 auto;
  color: var(--color-black);
}
.st20-poi-card__title {
  font-weight: 600;
  text-align: left;
  color: var(--color-black);
}
.st20-poi-card__address {
  font-weight: normal;
  margin-bottom: 0.1875rem;
}
.st20-poi-card__description {
  margin-bottom: 0;
  font-weight: normal;
  text-align: left;
  color: var(--color-brillant-grey);
}
.st20-poi-card__breadcrumb {
  font-weight: 500;
  color: var(--color-black);
}
.st20-poi-card__label {
  margin: 0 0.625rem;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
}
.st20-poi-card__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  .st20-poi-card__item {
    flex-direction: row;
  }
}
.st20-poi-card__infos {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.st20-poi-card__icon {
  width: 1.1875rem;
  height: 1.1875rem;
}
.st20-poi-card__separator {
  width: 100%;
  height: 0.0625rem;
  margin-top: 1.3125rem;
  margin-bottom: 1.375rem;
  opacity: 0.16;
  background-color: var(--color-brown);
}
.st20-poi-card__bottom {
  display: flex;
  flex-direction: row;
  margin-bottom: 1.625rem;
  justify-content: flex-end;
}
@media (min-width: 1024px) {
  .st20-poi-card__bottom {
    justify-content: space-between;
    align-items: center;
  }
}
.st20-poi-card__appr {
  font-weight: 600;
  text-decoration: underline;
  color: var(--color-brown-red);
  display: none;
}
@media (min-width: 1024px) {
  .st20-poi-card__appr {
    display: block;
  }
}
.st20-poi-card__appr a {
  color: var(--color-brown-red);
}
.st20-poi-card__ctas {
  display: flex;
  flex-direction: row;
}
@media (max-width: 767px) {
  .st20-poi-card--mobileLarge {
    width: 15.25rem;
  }
  .st20-poi-card--mobileLarge .st20-poi-card__media {
    height: 12.3125rem;
  }
  .st20-poi-card--mobileLarge .st20-poi-card__description {
    display: block;
  }
  .st20-poi-card--mobileLarge .st20-poi-card__item {
    flex-direction: row;
  }
  .st20-poi-card--mobileLarge .st20-poi-card__label {
    margin: 0 0.5rem;
  }
  .st20-poi-card--mobileLarge .st20-poi-card__appr {
    display: block;
  }
  .st20-poi-card--mobileLarge .st20-poi-card__bottom {
    justify-content: space-between;
  }
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.st21-poi-info__gotoSiteLabel, .st21-poi-info__locationLabel {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st21-poi-info {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.st21-poi-info__goto, .st21-poi-info__location {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .st21-poi-info__goto, .st21-poi-info__location {
    flex-direction: row;
  }
}
.st21-poi-info__gotoSiteLabel, .st21-poi-info__locationLabel {
  font-weight: 500;
  text-decoration: underline;
  text-decoration-thickness: 0.0625rem;
  color: var(--color-black);
}
.st21-poi-info__gotoSiteLabel {
  margin-right: 2.75rem;
}
.st21-poi-info__gotoSiteIcon, .st21-poi-info__locationIcon {
  width: 1.1875rem;
  height: 1.25rem;
  margin-right: 0.375rem;
}
.st21-poi-info__gotoSiteIcon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/icona-gotosite-6dedae8f6358d4a94547.svg);
}
.st21-poi-info__locationIcon {
  background-image: url(../../../etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/saporie/assets/icona-indicazioni-f001dcd81ea1a868ac80.svg);
}
.st22-poi-map-card {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .st22-poi-map-card {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .st22-poi-map-card {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .st22-poi-map-card {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.st22-poi-map-card__title {
  font-size: 1rem;
  line-height: 1.375rem;
}

.st22-poi-map-card__description {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.011875rem;
}

.st22-poi-map-card__address, .st22-poi-map-card__breadcrumb, .st22-poi-map-card__appr {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st22-poi-map-card {
  background-color: var(--color-white);
  width: 100%;
  min-height: 11.875rem;
  display: flex;
  flex-direction: column;
}
.st22-poi-map-card__selected {
  border: solid 1.5px var(--color-brown);
}
.st22-poi-map-card__pic {
  display: inline-block;
  overflow: hidden;
  border-radius: 100%;
  width: 5rem;
  height: 5rem;
}
.st22-poi-map-card__media {
  width: 100%;
  margin-right: 1.625rem;
}
.st22-poi-map-card__content {
  margin-top: 1.0625rem;
  margin-bottom: 1.0625rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.st22-poi-map-card__texts {
  color: var(--color-black);
}
.st22-poi-map-card__title {
  font-weight: 600;
  text-align: left;
  color: var(--color-black);
}
.st22-poi-map-card__address {
  font-weight: normal;
  margin-bottom: 0.1875rem;
}
.st22-poi-map-card__description {
  margin-bottom: 0;
  font-weight: normal;
  text-align: left;
  color: var(--color-brillant-grey);
}
.st22-poi-map-card__breadcrumb {
  font-weight: 500;
  color: var(--color-black);
}
.st22-poi-map-card__separator {
  width: 100%;
  height: 0.0625rem;
  margin-top: 1.3125rem;
  margin-bottom: 1.375rem;
  opacity: 0.16;
  background-color: var(--color-brown);
}
.st22-poi-map-card__appr {
  font-weight: 600;
  text-decoration: underline;
  color: var(--color-light-brown);
  margin-bottom: 1.625rem;
  justify-content: flex-start;
}
.st22-poi-map-card__info .st21-poi-info__goto, .st22-poi-map-card__info .st21-poi-info__location {
  flex-direction: row;
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.su001-popup {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5002;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.su001-popup__content {
  position: relative;
  background-color: var(--color-white);
  opacity: 0;
  margin: 0 auto;
  max-height: 100%;
  max-width: calc(100% - 20px);
}
.su001-popup__content--animate {
  animation: zoomIn 0.5s;
}
.su001-popup__backdrop {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: hsla(var(--color-ground-brown-h), var(--color-ground-brown-s), var(--color-ground-brown-l), 0.75);
  display: block;
  z-index: -1;
  opacity: 0;
}
.su001-popup__backdrop--unclosable {
  pointer-events: none;
}
.su001-popup--open {
  pointer-events: all;
}
.su001-popup--open .su001-popup__content {
  opacity: 1;
}
@media (min-width: 1024px) {
  .su001-popup--open .su001-popup__rightContent {
    display: block;
  }
}
.su001-popup--open .su001-popup__rightContent--forceShow {
  display: block;
}
.su001-popup--open .su001-popup__backdrop {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.su001-popup--noTransition .su001-popup__backdrop {
  transition: none;
}
.su001-popup--noTransition .su001-popup__content {
  transition: none;
}
.st024-strillo__container {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .st024-strillo__container {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .st024-strillo__container {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .st024-strillo__container {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.st024-strillo__title, .button-tertiary, .button-primary, .st024-strillo__text {
  font-family: "DM Sans";
}

.st024-strillo__text {
  font-weight: 500;
}

.st024-strillo__title, .button-tertiary, .button-primary {
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st024-strillo {
  position: relative;
}
.st024-strillo__container {
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  flex-direction: row;
}
@media (min-width: 1024px) {
  .st024-strillo__container {
    justify-content: center;
    flex-direction: column;
  }
}
.st024-strillo__top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.5rem;
}
@media (min-width: 1024px) {
  .st024-strillo__top {
    justify-content: center;
  }
}
.st024-strillo__img {
  margin-right: 0.5rem;
  height: 2rem;
  width: 2.5rem;
  display: none;
}
@media (min-width: 1024px) {
  .st024-strillo__img {
    display: block;
  }
}
.st024-strillo__imgMob {
  margin-right: 0.5rem;
  height: 2.375rem;
  width: 2.5rem;
  display: block;
  align-self: center;
  flex: 0 0 auto;
}
@media (min-width: 1024px) {
  .st024-strillo__imgMob {
    display: none;
  }
}
.st024-strillo__link {
  display: block;
  flex: 1 1 auto;
}
.st024-strillo__title {
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--color-darkCharcoal);
}
@media (min-width: 1024px) {
  .st024-strillo__title {
    font-size: 1.25rem;
  }
}
.st024-strillo__text {
  text-align: left;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--color-darkCharcoal);
}
@media (min-width: 1024px) {
  .st024-strillo__text {
    text-align: center;
  }
}
.st024-strillo--cta .st024-strillo__text {
  text-decoration: underline;
}
.st148-strillo-initiative {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .st148-strillo-initiative {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .st148-strillo-initiative {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .st148-strillo-initiative {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary, .st214-card-mdd__text {
  font-family: "DM Sans";
}

.st214-card-mdd__text {
  font-weight: 400;
}

.button-tertiary, .button-primary {
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st214-card-mdd {
  border-radius: 0.75rem;
  background-color: var(--color-white);
  padding: 1rem;
  width: 12.75rem;
  min-height: 8rem;
  box-shadow: 0 4px 8px -2px hsla(var(--color-darkCharcoal-h), var(--color-darkCharcoal-s), var(--color-darkCharcoal-l), 0.15), 0 0 1px 0 hsla(var(--color-darkCharcoal-h), var(--color-darkCharcoal-s), var(--color-darkCharcoal-l), 0.2);
}
@media (min-width: 1024px) {
  .st214-card-mdd {
    width: 14rem;
  }
}
.st214-card-mdd__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.st214-card-mdd__logo {
  width: 8.0625rem;
  height: 3rem;
  -o-object-fit: contain;
     object-fit: contain;
  align-self: center;
}
.st214-card-mdd__text {
  font-size: 0.75rem;
  line-height: 1rem;
  padding-top: 1rem;
  text-align: center;
  color: var(--color-darkCharcoal);
}
.st125-banner-carousel {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .st125-banner-carousel {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .st125-banner-carousel {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .st125-banner-carousel {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st125-banner-carousel {
  width: 100%;
}
.st125-banner-carousel__carousel {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
.st125-banner-carousel__track {
  width: 100%;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.st125-banner-carousel__slideContainer {
  width: 100%;
  position: relative;
  flex-shrink: 0;
  transition-property: transform;
}
.st125-banner-carousel__slide {
  height: 100%;
}
.st125-banner-carousel__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 1rem;
  left: 1rem;
}
@media (min-width: 1024px) {
  .st125-banner-carousel__pagination {
    top: 1.5rem;
    left: 1.5rem;
  }
}
.st125-banner-carousel__pagination--hidden {
  display: none;
}
.st125-banner-carousel__bullet {
  flex: 0 0 auto;
  height: 0.25rem;
  width: 0.25rem;
  border-radius: 0.5625rem;
  background-color: hsla(var(--color-darkCharcoal-h), var(--color-darkCharcoal-s), var(--color-darkCharcoal-l), 0.7);
  cursor: pointer;
}
.st125-banner-carousel__bullet:not(:last-child) {
  margin-right: 0.875rem;
}
.st125-banner-carousel__bullet--active {
  height: 1rem;
  width: 1rem;
  background-color: var(--color-primary2) !important; /* necessary to always override custom bg color set via js */
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.st217-card-banner__validity, .button-tertiary, .button-primary, .st217-card-banner__description {
  font-family: "DM Sans";
}

.st217-card-banner__description {
  font-weight: 400;
}

.st217-card-banner__validity, .button-tertiary, .button-primary {
  font-weight: 700;
}

.st217-card-banner__title {
  font-family: "Roboto Slab";
  font-weight: 500;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st217-card-banner {
  display: flex;
  flex-flow: column;
  border-radius: 0.75rem;
  overflow: hidden;
  /* variant "standard" = "large" = "big" */
  /* variant "small" */
}
@media (min-width: 1024px) {
  .st217-card-banner {
    flex-flow: row;
    justify-content: space-between;
  }
}
@media (max-width: 1023px) {
  .st217-card-banner > div:first-child {
    flex-grow: 1;
  }
}
@media (min-width: 1024px) {
  .st217-card-banner > div:first-child {
    max-width: 60%;
  }
}
.st217-card-banner__title {
  font-size: 2rem;
  line-height: 2.5rem;
  padding: 3rem 1rem 1rem;
  color: var(--color-darkCharcoal);
}
@media (min-width: 1024px) {
  .st217-card-banner__title {
    font-size: 2.5rem;
    line-height: 3rem;
    padding: 3.5rem 1.5rem 1rem;
  }
}
.st217-card-banner__description {
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0 1rem 1rem;
}
@media (min-width: 1024px) {
  .st217-card-banner__description {
    padding: 0 1.5rem 2rem;
  }
}
.st217-card-banner__validity {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0 1rem 1.375rem;
}
@media (min-width: 1024px) {
  .st217-card-banner__validity {
    padding: 0 1.5rem 1rem;
  }
}
.st217-card-banner__link {
  background-color: transparent;
  color: var(--color-black);
  border-color: var(--color-black);
  display: block;
  margin: 0 1rem 1.5rem;
}
@media (min-width: 1024px) {
  .st217-card-banner__link {
    margin: 0 1.5rem 1.5rem;
  }
}
.st217-card-banner__link:hover {
  color: var(--color-black);
  border-color: var(--color-black);
}
.st217-card-banner__title + .st217-card-banner__link {
  margin-top: 1.5rem;
}
.st217-card-banner[data-variant=standard] .st217-card-banner__image, .st217-card-banner[data-variant=large] .st217-card-banner__image, .st217-card-banner[data-variant=big] .st217-card-banner__image {
  max-width: 18.45rem;
  width: 100%;
  height: 16.3125rem;
  align-self: flex-end;
}
@media (min-width: 1024px) {
  .st217-card-banner[data-variant=standard] .st217-card-banner__image, .st217-card-banner[data-variant=large] .st217-card-banner__image, .st217-card-banner[data-variant=big] .st217-card-banner__image {
    max-width: 23.4375rem;
    width: 100%;
    height: 21.5625rem;
  }
}
.st217-card-banner[data-variant=small] .st217-card-banner__image {
  max-width: 18.4375rem;
  width: 100%;
  height: 11.75rem;
  align-self: flex-end;
}
@media (min-width: 1024px) {
  .st217-card-banner[data-variant=small] .st217-card-banner__image {
    max-width: 23.4375rem;
  }
}
.st217-card-banner[data-variant=small] .st217-card-banner__title {
  padding: 1.5rem 1rem 1rem;
}
@media (min-width: 1024px) {
  .st217-card-banner[data-variant=small] .st217-card-banner__title {
    padding: 1.5rem 1.5rem 1rem;
  }
}
.st103-categories-map {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .st103-categories-map {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .st103-categories-map {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .st103-categories-map {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.st103-categories-map__title, .st103-categories-map__columnTitle, .button-tertiary, .button-primary, .st103-categories-map__columnItem {
  font-family: "DM Sans";
}

.st103-categories-map__columnItem {
  font-weight: 400;
}

.st103-categories-map__title, .st103-categories-map__columnTitle, .button-tertiary, .button-primary {
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st103-categories-map {
  width: 100%;
}
.st103-categories-map__separator {
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.25rem;
  border: none;
  background-color: var(--color-primary2);
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.st103-categories-map__title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: var(--color-darkCharcoal);
}
@media (min-width: 1024px) {
  .st103-categories-map__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.st103-categories-map__columnTitle {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media (min-width: 1024px) {
  .st103-categories-map__columnTitle {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.st103-categories-map__columnItem {
  font-size: 0.75rem;
  line-height: 1rem;
  color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.8);
}
@media (min-width: 1024px) {
  .st103-categories-map__columnItem {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.st103-categories-map__columnItems {
  display: flex;
  flex-direction: column;
}
.st103-categories-map__container {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem 0.9375rem;
}
@media (min-width: 1024px) {
  .st103-categories-map__container {
    gap: 1.25rem 1rem;
  }
}
.st103-categories-map__column {
  width: 47.78555%;
}
@media (min-width: 1024px) {
  .st103-categories-map__column {
    margin-bottom: 1rem;
    width: 23.73%;
  }
}
.st115-ed-categories {
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .st115-ed-categories {
    max-width: 48rem;
  }
}
@media (min-width: 1024px) {
  .st115-ed-categories {
    max-width: 64rem;
  }
}
@media (min-width: 1280px) {
  .st115-ed-categories {
    max-width: 86.5rem;
  }
}

.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.st115-ed-categories__title, .button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st115-ed-categories {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding-top: 2.5rem;
}
@media (min-width: 1024px) {
  .st115-ed-categories {
    width: 100%;
  }
}
.st115-ed-categories__title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: var(--color-darkCharcoal);
}
@media (min-width: 1024px) {
  .st115-ed-categories__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.st115-ed-categories__slideContainer {
  display: flex;
  position: relative;
  flex-shrink: 0;
  transition-property: transform;
}
.st115-ed-categories__track {
  width: 100%;
  height: 100%;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  margin-top: 0.0625rem;
}
@media (min-width: 1024px) {
  .st115-ed-categories__track {
    margin: 0 auto;
    margin-top: 0.0625rem;
  }
}
.st115-ed-categories__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.5rem;
}
@media (min-width: 1024px) {
  .st115-ed-categories__pagination {
    display: flex;
  }
  .st115-ed-categories__pagination--hidden {
    display: none;
  }
}
.st115-ed-categories__bullet {
  flex: 0 0 auto;
  height: 0.25rem;
  width: 0.25rem;
  border-radius: 0.5625rem;
  background-color: hsla(var(--color-darkCharcoal-h), var(--color-darkCharcoal-s), var(--color-darkCharcoal-l), 0.7);
  cursor: pointer;
}
.st115-ed-categories__bullet:not(:last-child) {
  margin-right: 0.875rem;
}
.st115-ed-categories__bullet--active {
  height: 1rem;
  width: 1rem;
  background-color: var(--color-primary2);
}
.st115-ed-categories__separator {
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.25rem;
  border: none;
  background-color: var(--color-primary2);
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.button-tertiary, .button-primary {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  /* Blue outline removal (not very accessible) */
  /* Remove excess padding and border in Firefox 4+ */
}
.button-tertiary:focus, .button-primary:focus {
  outline: none;
}
.button-tertiary::-moz-focus-inner, .button-primary::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.st026-category__title, .button-tertiary, .button-primary {
  font-family: "DM Sans";
  font-weight: 700;
}

.button-primary {
  --btn-height: 3.25rem;
  font-size: 1rem;
  line-height: var(--btn-height);
  height: var(--btn-height);
  width: 100%;
  color: var(--color-white);
  background-color: var(--color-brown);
  border-radius: 0.75rem;
  padding-inline: 1.25rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-primary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-primary:hover, .button-primary:focus-visible {
  background-color: hsla(var(--color-brown-h), var(--color-brown-s), var(--color-brown-l), 90%);
}

.button-tertiary {
  --btn-height: 3.5rem;
  --border-width: 2px;
  font-size: 1rem;
  line-height: calc(var(--btn-height) - 2 * var(--border-width));
  height: var(--btn-height);
  width: 100%;
  color: var(--color-brown);
  background-color: var(--color-white);
  border: 2px solid var(--color-light-brown);
  border-radius: 0.75rem;
  padding-inline: 1.875rem;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .button-tertiary {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.button-tertiary:hover, .button-tertiary:focus-visible {
  color: var(--color-light-brown);
}

.st026-category {
  width: 9rem;
  cursor: pointer;
}
.st026-category__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.st026-category__media {
  border-radius: 50%;
  box-shadow: 0 1px 8px -1px hsla(var(--color-darkCharcoal-h), var(--color-darkCharcoal-s), var(--color-darkCharcoal-l), 0.15), 0 0 1px 0 hsla(var(--color-darkCharcoal-h), var(--color-darkCharcoal-s), var(--color-darkCharcoal-l), 0.2);
  width: 5.5rem;
  height: 5.5rem;
  position: relative;
}
.st026-category__image, .st026-category__icon {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: var(--color-white);
}
.st026-category__icon {
  font-size: 3.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-primary1);
}
.st026-category__input {
  display: none;
}
.st026-category__title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-top: 1.25rem;
  text-align: center;
  color: var(--color-darkCharcoal);
}

/*# sourceMappingURL=/etc.clientlibs/conad-saporie/clientlibs/clientlib-frontend-v2/resources/maps/style.css-125f0ae266c4c4905b009ea570585277.map*/