:root {
  --irca-red: #B11F2A;
  --irca-dark-red: #2A0000;
  --irca-bright-red: #E40032;
  --irca-cream: #F3F2EE;
  --white: #FFFFFF;
  --irca-dark-red-56: #887070;
  --placeholder-image: #D5D5D5;
  --background--background: var(--white);
  --background--background-light: var(--irca-cream);
  --background--background-primary: var(--irca-red);
  --background--background-dark: var(--irca-dark-red);
  --background--background-highlight: var(--irca-bright-red);
  --background--background-error: #DA1E281A;
  --bg-ext-color: var(--c--white);
  --text--button: var(--irca-red);
  --text--active: var(--irca-red);
  --text--primary: var(--irca-dark-red);
  --text--secondary: var(--irca-dark-red-56);
  --text--inverse: var(--white);
  --text--error: #DA1E28;
  --button--primary: var(--irca-red);
  --button--primary-hover: var(--irca-bright-red);
  --button--primary--active: var(--background--background-primary);
  --button--danger: #DA1E28;
  --button--danger-hover: #BA1B23;
  --button--danger-active: #750E13;
  --button--success: #24A148;
  --button--warning: #F4A700;
  --link--primary: var(--irca-red);
  --link--primary-hover: var(--irca-bright-red);
  --link--visited: var(--background--background-dark);
  --link--invert: var(--white);
  --link--invert-hover: var(--irca-cream);
  --link--success: #24A148;
  --state--focus: var(--irca-bright-red);
  --state--focus-invert: var(--white);
  --state--focus-bg-02: rgba(177, 31, 42, 0.2);
  --state--hover-bg-02: rgba(177, 31, 42, 0.2);
  --state--focus-stroke: var(--irca-red);
  --state--focus-invert-stroke: var(--white);
  --icon--button: var(--irca-red);
  --icon--primary: var(--irca-dark-red);
  --icon--secondary: var(--irca-dark-red-56);
  --icon--inverse: var(--white);
  --icon--error: #DA1E28;
  --icon--link-visited: #7B42F6;
  --stroke--invert: var(--white);
  --stroke--light: var(--irca-cream);
  --stroke--error: #DA1E28;
  --stroke--secondary: var(--irca-dark-red-56);
  --stroke--black: var(--irca-dark-red);
  --stroke--primary: var(--irca-red);
  --brands--joygelato-yellow: #F0C237;
  --brands--joygelato-beige: #F6F3EB;
  --brands--joygelato-brown: #70483F;
  --brands--domori-purple: #8B1D41;
  --brands--domori-yellow: #D9C27A;
  --brands--domori-brown: #835030;
  --brands--domori-dark: #201519;
  --brands--domori-beige: #E7D5D1;
  --brands--dobla-brown: #512F2E;
  --brands--dobla-green: #A8AD00;
  --brands--dobla-diamond-white: #E1DFDE;
  --brands--cesarin-red: #C0302D;
  --brands--cesarin-light-red: #F9EAEA;
  --brands--cesarin-dark-red: #742429;
  --brands--irca-since-grey: #CBC3BB;
  --brands--maestro-circle-grey: #2B292A;
  --brands--maestro-circle-black: #201E1F;
  --brands-graffiti-sprinkles-pink: #C8158C;
  --brands-graffiti-sprinkles-blue: #25BFDD;
  --brands-graffiti-sprinkles-light-blue: #E1F1FC;
  --brands-graffiti-sprinkles-dark: #3D271F;
  --brands--ravifruit-green: #3C5224;
  --brands--ravifruit-beige: #F2ECE3;
  --brands--ravifruit-bright-green: #B8B200;
  --brands--ravifruit-yellow: #FFD658;
  --brands--ravifruit-orange: #FFAD46;
  --brands--ravifruit-purple: #8F6D96;
  --spacing--0: 0;
  --spacing--05: .4rem;
  --spacing--1: .8rem;
  --spacing--2: 1.6rem;
  --spacing--3: 2.4rem;
  --spacing--4: 3.2rem;
  --spacing--5: 4.8rem;
  --spacing--6: 6.4rem;
  --spacing--7: 9.6rem;
  --spacing--8: 11.2rem;
  --spacing--9: 12.8rem;
  --spacing--10: 14.4rem;
  --spacing--11: 17.6rem;
  --radius--0: 0rem;
  --radius--1: .8rem;
  --radius--2: 1.6rem;
  --radius--3: 2.4rem;
  --radius--4: 3.2rem;
  --radius--5: 4rem;
  --radius--6: 4.8rem;
  --radius--7: 6.4rem;
  --radius--8: 8rem;
  --radius--9: 9.6rem;
  --radius--10: 11.2rem;
  --shadows--shadows-1: .8rem;
  --shadows--shadows-2: 1.6rem;
  --shadows--shadows-3: 2.4rem;
  --shadows--shadows-4: 3.6rem;
  --typography--font-family--title-hero: "Bebas Neue", sans-serif;
  --typography--font-family--title-h1: "Bebas Neue", sans-serif;
  --typography--font-family--title: "Montserrat", sans-serif;
  --typography--font-family--btn: "Montserrat", sans-serif;
  --typography--font-family--bodycopy: "Montserrat", sans-serif;
  --typography--font-family--joygelato: "Birthstone", sans-serif;
  --typography--font-family--cesarin: "Nantes", sans-serif;
  --typography--font-family--domori: "Canela", sans-serif;
  --typography--font-family--irca-since: "Enzo OT", sans-serif;
  --typography--font-family--graffiti-sprinkles: "Poppins", sans-serif;
  --typography--font-weight--regular: 400;
  --typography--font-weight--semibold: 600;
  --typography--font-weight--bold: 700;
  --typography--font-size--xxs: 1.1rem;
  --typography--font-size--xs: 1.2rem;
  --typography--font-size--sm: 1.4rem;
  --typography--font-size--md: 1.6rem;
  --typography--font-size--lg: 2rem;
  --typography--font-size--xl: 2.4rem;
  --typography--font-size--h4: clamp(2.8rem, 3.2vw, 3.2rem);
  --typography--font-size--h3: clamp(3.2rem, 3.6vw, 3.6rem);
  --typography--font-size--h2: clamp(3.6rem, 4.4vw, 4.4rem);
  --typography--font-size--h1: clamp(5rem, 6.4vw, 6.4rem);
  --typography--font-size--hero: clamp(6.4rem, 8vw, 8rem);
  --typography--font-size--h1-joygelato: clamp(4.2rem, 5.6vw, 5.6rem);
  --typography--font-size--h1-dobla: clamp(6.4rem, 8.8vw, 8.8rem);
  --typography--font-size--h2-dobla: clamp(5.8rem, 7.2vw, 7.2rem);
  --typography--font-size--h1-irca-since: clamp(4.2rem, 5.6vw, 5.6rem);
  --typography--font-size--h1-cesarin: clamp(4.2rem, 5.6vw, 5.6rem);
  --typography--font-size--h1-domori: clamp(4.6rem, 5.6vw, 5.6rem);
  --typography--font-size--h1-graffiti-sprinkles: clamp(3.6rem, 5.6vw, 5.6rem);
  --input-height: 5.3rem;
  --header-height: clamp(8rem, 10vw, 12.8rem);
  --menu--font-size: clamp(2rem, 3vw, 2.4rem);
  --c--black: var(--irca-dark-red);
  --c--white: var(--white);
  --c--primary: var(--irca-red);
  --c--primary--light: var(--irca-cream);
  --c--primary--dark: var(--irca-dark-red);
  --c--secondary: var(--irca-dark-red-56);
  --c--secondary--dark: var(--irca-dark-red);
  --c--gray--light--ultra: #e5e7ed;
  --c--gray--light: #F3F2EE;
  --c--gray: #F6F7F9;
  --c--gray--medium: #ADAFB5;
  --c--gray--dark: #4c4c4c;
  --c--red: var(--irca-red);
  --c--red--dark: var(--irca-dark-red);
}

@font-face {
  font-family: "irca";
  src: url("../../fonts/irca-font/fonts/irca.eot?ucni25");
  src: url("../../fonts/irca-font/fonts/irca.eot?ucni25#iefix") format("embedded-opentype"), url("../../fonts/irca-font/fonts/irca.ttf?ucni25") format("truetype"), url("../../fonts/irca-font/fonts/irca.woff?ucni25") format("woff"), url("../../fonts/irca-font/fonts/irca.svg?ucni25#irca") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "irca" !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;
}

.icon-filter:before {
  content: "\e96d";
}

.icon-info:before {
  content: "\e969";
}

.icon-pinterest:before {
  content: "\e96a";
}

.icon-upload:before {
  content: "\e96b";
}

.icon-wechat:before {
  content: "\e96c";
}

.icon-quote:before {
  content: "\e968";
}

.icon-love-full:before {
  content: "\e901";
}

.icon-bread-sticks:before {
  content: "\e915";
}

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

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

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

.icon-burger-buns:before {
  content: "\e94c";
}

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

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

.icon-choux-buns:before {
  content: "\e94f";
}

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

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

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

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

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

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

.icon-flat-bread:before {
  content: "\e956";
}

.icon-hot-dog:before {
  content: "\e957";
}

.icon-ice-cream:before {
  content: "\e958";
}

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

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

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

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

.icon-musli:before {
  content: "\e95d";
}

.icon-panettone:before {
  content: "\e95e";
}

.icon-pizza:before {
  content: "\e95f";
}

.icon-pralines:before {
  content: "\e960";
}

.icon-semifreddo:before {
  content: "\e961";
}

.icon-shortcrust-pastry:before {
  content: "\e962";
}

.icon-small-pastries:before {
  content: "\e963";
}

.icon-sorbet:before {
  content: "\e964";
}

.icon-swirls:before {
  content: "\e965";
}

.icon-truffles:before {
  content: "\e966";
}

.icon-vanilla:before {
  content: "\e967";
}

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

.icon-arrow-back:before {
  content: "\e902";
}

.icon-arrow-down:before {
  content: "\e903";
}

.icon-arrow-forward:before {
  content: "\e904";
}

.icon-arrow-up:before {
  content: "\e905";
}

.icon-bookmark-full:before {
  content: "\e906";
}

.icon-bookmark:before {
  content: "\e907";
}

.icon-box:before {
  content: "\e908";
}

.icon-calendar:before {
  content: "\e909";
}

.icon-car:before {
  content: "\e90a";
}

.icon-card:before {
  content: "\e90b";
}

.icon-catalogue:before {
  content: "\e90c";
}

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

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

.icon-chef-hat:before {
  content: "\e90f";
}

.icon-chevron-down:before {
  content: "\e910";
}

.icon-chevron-left:before {
  content: "\e911";
}

.icon-chevron-right:before {
  content: "\e912";
}

.icon-chevron-up:before {
  content: "\e913";
}

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

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

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

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

.icon-course-type:before {
  content: "\e919";
}

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

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

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

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

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

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

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

.icon-gluten-free:before {
  content: "\e921";
}

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

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

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

.icon-language:before {
  content: "\e925";
}

.icon-linkedin:before {
  content: "\e926";
}

.icon-lock:before {
  content: "\e927";
}

.icon-love:before {
  content: "\e928";
}

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

.icon-maintenance-big:before {
  content: "\e92a";
}

.icon-maintenance:before {
  content: "\e92b";
}

.icon-map-pin:before {
  content: "\e92c";
}

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

.icon-milk:before {
  content: "\e92e";
}

.icon-minus:before {
  content: "\e92f";
}

.icon-online:before {
  content: "\e930";
}

.icon-other:before {
  content: "\e931";
}

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

.icon-phone:before {
  content: "\e933";
}

.icon-plane:before {
  content: "\e934";
}

.icon-play:before {
  content: "\e935";
}

.icon-plus:before {
  content: "\e936";
}

.icon-print:before {
  content: "\e937";
}

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

.icon-route:before {
  content: "\e939";
}

.icon-school:before {
  content: "\e93a";
}

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

.icon-share:before {
  content: "\e93c";
}

.icon-soy:before {
  content: "\e93d";
}

.icon-star:before {
  content: "\e93e";
}

.icon-sustainability:before {
  content: "\e93f";
}

.icon-tiktok:before {
  content: "\e940";
}

.icon-train:before {
  content: "\e942";
}

.icon-truck:before {
  content: "\e943";
}

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

.icon-vegan-ok:before {
  content: "\e945";
}

.icon-view:before {
  content: "\e946";
}

.icon-wallet:before {
  content: "\e947";
}

.icon-workshop:before {
  content: "\e948";
}

.icon-youtube:before {
  content: "\e949";
}

@font-face {
  font-family: "irca-proposal";
  src: url("../../fonts/irca-proposal-v1.0/fonts/irca-proposal.eot?5w4lkr");
  src: url("../../fonts/irca-proposal-v1.0/fonts/irca-proposal.eot?5w4lkr#iefix") format("embedded-opentype"), url("../../fonts/irca-proposal-v1.0/fonts/irca-proposal.ttf?5w4lkr") format("truetype"), url("../../fonts/irca-proposal-v1.0/fonts/irca-proposal.woff?5w4lkr") format("woff"), url("../../fonts/irca-proposal-v1.0/fonts/irca-proposal.svg?5w4lkr#irca-proposal") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-proposal-], [class*=" icon-proposal-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "irca-proposal" !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;
}

.icon-proposal-bakery:before {
  content: "\e900";
}

.icon-proposal-bases:before {
  content: "\e901";
}

.icon-proposal-cacao-mass:before {
  content: "\e902";
}

.icon-proposal-candied-fruit:before {
  content: "\e903";
}

.icon-proposal-chocolate-cacao:before {
  content: "\e904";
}

.icon-proposal-chocolates-alternatives:before {
  content: "\e905";
}

.icon-proposal-compotees:before {
  content: "\e906";
}

.icon-proposal-couverture:before {
  content: "\e907";
}

.icon-proposal-creams:before {
  content: "\e908";
}

.icon-proposal-decor-dobla:before {
  content: "\e909";
}

.icon-proposal-fillables:before {
  content: "\e90a";
}

.icon-proposal-fillings-cesarin:before {
  content: "\e90b";
}

.icon-proposal-fillings:before {
  content: "\e90c";
}

.icon-proposal-frozen-fruit:before {
  content: "\e90d";
}

.icon-proposal-fruit-fillings:before {
  content: "\e90e";
}

.icon-proposal-fruit-purees:before {
  content: "\e90f";
}

.icon-proposal-gourmet-isb:before {
  content: "\e910";
}

.icon-proposal-graffiti:before {
  content: "\e911";
}

.icon-proposal-ice-cream:before {
  content: "\e912";
}

.icon-proposal-iqf:before {
  content: "\e913";
}

.icon-proposal-jelly:before {
  content: "\e914";
}

.icon-proposal-kits:before {
  content: "\e915";
}

.icon-proposal-pastes-flavourings:before {
  content: "\e916";
}

.icon-proposal-pastes:before {
  content: "\e917";
}

.icon-proposal-pastry-creams:before {
  content: "\e918";
}

.icon-proposal-pistachio:before {
  content: "\e919";
}

.icon-proposal-semi-candied-fruit:before {
  content: "\e91a";
}

.icon-proposal-sorbet:before {
  content: "\e91b";
}

.icon-proposal-stabilized-fruit:before {
  content: "\e91c";
}

.icon-proposal-technical-products:before {
  content: "\e91d";
}

.icon-proposal-toppings-dobla:before {
  content: "\e91e";
}

.icon-proposal-toppings-joygelato:before {
  content: "\e91f";
}

.icon-proposal-truffles:before {
  content: "\e920";
}

.icon-proposal-variegates:before {
  content: "\e921";
}

.bg-image-cover, .slider-bg-mobile, .slider-bg-desktop, .bg-dynamic, .slide-bg, .content-horizontal-bg, .location-card-bg, .concept-solutions-bg, .textual-with-image-bg, .people-card-bg, .vertical-slide-bg, .recipe-teaser-bg {
  background-size: cover;
  background-position: center;
}

.bg-image-contain {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.vertical-slide-bg {
  background-image: var(--bg-image);
}

.bg-dynamic {
  background-image: var(--bg-image);
}

.slider-bg-desktop {
  background-image: var(--bg-desktop);
}

.slider-bg-mobile {
  background-image: var(--bg-mobile);
}

.pt-sm {
  padding-top: clamp(var(--spacing--2), 3vw, var(--spacing--3)) !important;
}

.pt-lg {
  padding-top: clamp(var(--spacing--7), 11vw, var(--spacing--8)) !important;
}

.pb-sm {
  padding-bottom: clamp(var(--spacing--2), 3vw, var(--spacing--3)) !important;
}

.pb-lg {
  padding-bottom: clamp(var(--spacing--7), 11vw, var(--spacing--8)) !important;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: 400;
  line-height: 1.1;
}

h1, .h1 {
  font-size: clamp(5rem, 5.8vw, 6.4rem);
  font-family: var(--typography--font-family--title-h1);
  line-height: 1;
}

h2, .h2 {
  font-weight: bold;
  font-size: var(--typography--font-size--h2);
}

h3, .h3 {
  font-size: clamp(3.2rem, 3.4vw, 3.6rem);
}

h4, .h4 {
  font-size: clamp(2.8rem, 3vw, 3.2rem);
}

.font--regular {
  font-weight: 400;
}

.font--hero {
  font-size: clamp(6.4rem, 7.2vw, 8rem);
}

.font--size--xs {
  font-size: 1.2rem;
  line-height: 1.4;
}

.font--size--sm {
  font-size: 1.4rem;
  line-height: 1.4;
}

.font--size--md {
  font-size: 1.6rem;
  line-height: 1.4;
}

.font--size--lg {
  font-size: 2rem;
  line-height: 1.4;
}

.font--size--xl {
  font-size: 2.4rem;
  line-height: 1.4;
}

p {
  margin: 0;
  overflow-wrap: break-word;
}

a {
  color: var(--c--primary);
  text-decoration: underline;
  transition: 0.3s ease color;
  cursor: pointer;
}
a:hover, a:active {
  color: var(--background--background-highlight);
}

.text-color-primary {
  color: var(--c--primary);
}

.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.bg--dark .title-bordered {
  --c--title--border-1: var(--c--black);
  --c--title--border-2: var(--c--primary);
}

.title-bordered {
  --c--title--border-1: var(--c--primary);
  --c--title--border-2: var(--c--black);
  position: relative;
  color: var(--text--primary);
  z-index: 1;
  font-family: "Bebas Neue", sans-serif;
}
.title-bordered::before {
  content: attr(data-title);
  position: absolute;
  top: 35%;
  transform: translateY(-50%);
  left: -20%;
  white-space: nowrap;
  text-align: center;
  z-index: -1;
  color: var(--bg-color);
  font-size: 20rem;
  text-transform: uppercase;
  text-shadow: -1px -1px 0 var(--c--title--border-2), 1px -1px 0 var(--c--title--border-2), -1px 1px 0 var(--c--title--border-2), 1px 1px 0 var(--c--title--border-2);
}
@media (max-width: 767px) {
  .title-bordered::before {
    font-size: 17.6rem;
  }
}

.angle-rounded {
  border-top-right-radius: clamp(var(--radius--8), 10vw, var(--radius--10));
  overflow: hidden;
}

.alert {
  --bg: var(--irca-dark-red-56);
  --color: var(--c--white);
  display: flex-inline;
  align-items: center;
  gap: var(--spacing--1);
  padding: var(--spacing--05) var(--spacing--1);
  background-color: var(--bg);
  border-radius: var(--radius--1);
  color: var(--color);
  font-size: var(--typography--font-size--sm);
}
button * {
  pointer-events: none;
}

.btn, .btn-icon, .btn-black, .btn-white--red--black, .btn-white--red, .btn-white, .btn-transparent, .btn-light--primary, .btn-light, .btn-dark, .btn-outline-light, .btn-outline, .btn-icon-transparent, .btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: var(--spacing--4);
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: var(--typography--font-size--md);
  border-radius: 6rem;
  font-weight: 600;
  font-family: var(--typography--font-family--btn);
  gap: var(--spacing--1);
  text-align: center;
  --btn-height: 5.4rem;
  --btn-bg: var(--c--primary);
  --btn-color: #fff;
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--button--primary-hover);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--button--primary-hover);
  background-color: var(--btn-bg);
  color: var(--btn-color);
  border-color: var(--btn-border);
  height: var(--btn-height);
  border-radius: var(--btn-height);
}
.btn:hover, .btn-icon:hover, .btn-black:hover, .btn-white--red--black:hover, .btn-white--red:hover, .btn-white:hover, .btn-transparent:hover, .btn-light--primary:hover, .btn-light:hover, .btn-dark:hover, .btn-outline-light:hover, .btn-outline:hover, .btn-icon-transparent:hover, .btn-secondary:hover, .btn:active, .btn-icon:active, .btn-black:active, .btn-white--red--black:active, .btn-white--red:active, .btn-white:active, .btn-transparent:active, .btn-light--primary:active, .btn-light:active, .btn-dark:active, .btn-outline-light:active, .btn-outline:active, .btn-icon-transparent:active, .btn-secondary:active {
  background-color: var(--btn-hover-bg);
  color: var(--btn-hover-color);
  border-color: var(--btn-hover-border);
}
.btn.btn-lg, .btn-lg.btn-icon, .btn-lg.btn-black, .btn-lg.btn-white--red--black, .btn-lg.btn-white--red, .btn-lg.btn-white, .btn-lg.btn-transparent, .btn-lg.btn-light--primary, .btn-lg.btn-light, .btn-lg.btn-dark, .btn-lg.btn-outline-light, .btn-lg.btn-outline, .btn-lg.btn-icon-transparent, .btn-lg.btn-secondary {
  --btn-height: 5.4rem;
}
.btn.btn-sm, .btn-sm.btn-icon, .btn-sm.btn-black, .btn-sm.btn-white--red--black, .btn-sm.btn-white--red, .btn-sm.btn-white, .btn-sm.btn-transparent, .btn-sm.btn-light--primary, .btn-sm.btn-light, .btn-sm.btn-dark, .btn-sm.btn-outline-light, .btn-sm.btn-outline, .btn-sm.btn-icon-transparent, .btn-sm.btn-secondary {
  --btn-height: 3.6rem;
  --btn-font-size: var(--typography--font-size--sm);
  padding-right: var(--spacing--1);
  padding-left: var(--spacing--1);
}
.btn[disabled], [disabled].btn-icon, [disabled].btn-black, [disabled].btn-white--red--black, [disabled].btn-white--red, [disabled].btn-white, [disabled].btn-transparent, [disabled].btn-light--primary, [disabled].btn-light, [disabled].btn-dark, [disabled].btn-outline-light, [disabled].btn-outline, [disabled].btn-icon-transparent, [disabled].btn-secondary {
  opacity: 0.2;
  cursor: not-allowed;
  pointer-events: none;
}

.btn-secondary {
  --btn-bg: var(--c--secondary);
  --btn-border: var(--c--secondary);
  --btn-hover-bg: var(--button--primary-hover);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--button--primary-hover);
}

.btn-icon-transparent {
  --btn-bg: transparent;
  --btn-color: var(--c--black);
  --btn-border: transparent;
  --btn-hover-bg: transparent;
  --btn-hover-color: var(--c--primary);
  --btn-hover-border: transparent;
}

.btn-outline {
  --btn-bg: transparent;
  --btn-color: var(--c--primary);
  --btn-border: var(--c--primary);
  --btn-hover-bg: var(--button--primary-hover);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--button--primary-hover);
}

.btn-outline-light {
  --btn-bg: #fff;
  --btn-color: var(--c--black);
  --btn-border: var(--background--background-light);
  --btn-hover-bg: var(--button--primary-hover);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--button--primary-hover);
}

.btn-dark {
  --btn-bg: var(--c--black);
  --btn-border: var(--c--black);
  --btn-hover-bg: var(--button--primary-hover);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--button--primary-hover);
}

.btn-light {
  --btn-bg: var(--background--background-light);
  --btn-color: var(--icon--primary);
  --btn-border: var(--background--background-light);
  --btn-hover-bg: var(--button--primary-hover);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--button--primary-hover);
}

.btn-light--primary {
  --btn-bg: var(--background--background-light);
  --btn-color: var(--c--primary);
  --btn-border: var(--background--background-light);
  --btn-hover-bg: var(--button--primary-hover);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--button--primary-hover);
}

.btn-transparent {
  --btn-bg: transparent;
  --btn-color: var(--c--primary);
  --btn-border: transparent;
  --btn-hover-bg: transparent;
  --btn-hover-color: var(--button--primary-hover);
  --btn-hover-border: transparent;
  text-decoration: underline;
}

.btn-white {
  --btn-bg: var(--c--white);
  --btn-color: var(--c--primary);
  --btn-border: var(--c--white);
  --btn-hover-bg: var(--button--primary-hover);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--button--primary-hover);
}

.btn-white--red {
  --btn-bg: var(--c--white);
  --btn-color: var(--c--primary);
  --btn-border: var(--c--white);
  --btn-hover-bg: var(--button--primary-hover);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--button--primary-hover);
}

.btn-white--red--black {
  --btn-bg: var(--c--white);
  --btn-color: var(--c--primary);
  --btn-border: var(--c--white);
  --btn-hover-bg: var(--button--primary-hover);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--button--primary-hover);
}

.btn-black {
  --btn-bg: var(--c--black);
  --btn-color: var(--c--white);
  --btn-border: var(--c--black);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-color: var(--text--primary);
  --btn-hover-border: var(--background--background-light);
}

.btn-dark {
  --btn-bg: var(--icon--primary);
  --btn-color: var(--c--white);
  --btn-border: var(--icon--primary);
  --btn-hover-bg: var(--button--primary-hover);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--button--primary-hover);
}

.btn-icon {
  --btn-height: 4.4rem;
  min-width: var(--btn-height);
  width: var(--btn-height);
  padding: 0;
  border-radius: 50%;
}
.btn-icon i {
  font-size: 1.4rem;
}
.btn-icon.btn-icon-lg {
  --btn-height: 6.4rem;
}
.btn-icon.btn-icon-lg i {
  font-size: 1.8rem;
}
@media (max-width: 991px) {
  .btn-icon.btn-icon-lg {
    --btn-height: 4.8rem;
  }
}
.btn-icon.btn-icon-sm {
  --btn-height: 3.2rem;
}
.btn-icon.btn-icon-sm i {
  font-size: 1.4rem;
}

.btn-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  color: var(--c--primary);
  gap: 10px;
}
.btn-text span {
  text-decoration: underline;
}
.btn-text i {
  transform: rotate(180deg);
}

.btn--icon-text {
  --btn-bg: var(--c--primary);
  --btn-color: var(--text--inverse);
  --btn-hover-bg: var(--button--primary-hover);
  --btn-hover-color: var(--text--inverse);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  line-height: 1;
  text-decoration: none;
  gap: var(--spacing--1);
}
.btn--icon-text i {
  font-size: 1.4rem;
}
.btn--icon-text span:first-child {
  text-decoration: underline;
}
.btn--icon-text--icon-background {
  --d: 4.4rem;
  gap: 1.3rem;
}
.btn--icon-text--icon-background i {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: var(--d);
  width: var(--d);
  height: var(--d);
  font-size: 2.4rem;
  color: var(--btn-color);
  background-color: var(--btn-bg);
  border-radius: 100%;
  transition: background-color 0.45s ease;
}
.btn--icon-text--icon-background--small {
  font-weight: 600;
  gap: 0.8rem;
  --d: 2.4rem;
}
.btn--icon-text--icon-background--small i {
  font-size: 1.2rem;
}
.btn--icon-text--icon-background--alternate {
  color: var(--btn-color);
}
.btn--icon-text--icon-background--alternate i {
  color: var(--btn-bg);
  background-color: var(--btn-color);
}
.btn--icon-text--icon-background:hover i, .btn--icon-text--icon-background:active i {
  background-color: var(--btn-hover-bg);
}

.btn-row {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing--2);
  padding: var(--spacing--2) var(--spacing--2) var(--spacing--2) var(--spacing--3);
  border-radius: var(--radius--2);
  height: initial;
}
.btn-row span {
  font-size: var(--typography--font-size--lg);
  text-align: left;
}
.btn-row .icon {
  --d: 3.6rem;
  border: 1px solid var(--btn-color);
  border-radius: 50%;
  padding: 0.4rem;
  min-width: var(--d);
  height: var(--d);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.btn-row:hover .icon, .btn-row:active .icon {
  background-color: var(--c--white);
  color: var(--button--primary-hover);
}

.paragraph-content {
  background-color: var(--c--white);
}

[class*=bg--].section-boxed + section {
  background-color: var(--c--white);
}
[class*=bg--] .paragraph-content {
  background-color: var(--bg-color);
  color: var(--text-color);
}

.bg--grey {
  --bg-color: var(--background--background-light);
  --text-color: var(--c--black);
}
.bg--grey:not(.section-boxed) + section {
  background-color: var(--background--background-light);
}

.bg--white {
  --bg-color: var(--c--white);
  --text-color: var(--c--black);
}
.bg--white a:not(.btn) {
  color: var(--c--primary);
}
.bg--white a:not(.btn):hover, .bg--white a:not(.btn):active {
  color: var(--link--primary-hover);
}
.bg--white + section {
  background-color: var(--c--white);
}

.bg--primary {
  --bg-color: var(--c--primary);
  --text-color: var(--c--white);
}
.bg--primary a:not(.btn) {
  color: var(--c--white);
}
.bg--primary + section {
  background-color: var(--c--primary);
}
.bg--primary.paragraph--textual-with-image.layout--boxed_40_60 + section {
  background-color: var(--c--white);
}

.bg--secondary {
  --bg-color: var(--c--secondary);
  --text-color: var(--c--white);
}
.bg--secondary a:not(.btn) {
  color: var(--c--white);
}
.bg--secondary + section {
  background-color: var(--c--secondary);
}

.bg--dark {
  --bg-color: var(--c--black);
  --text-color: var(--c--white);
}
.bg--dark .btn-black {
  --btn-bg: var(--c--primary);
  --btn-color: #fff;
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--c--primary);
  --btn-hover-border: var(--c--primary--dark);
}
.bg--dark + section {
  background-color: var(--c--black);
}
.bg--dark a:not(.btn) {
  color: var(--c--white);
}

.bg--our_maestro {
  --bg-color: var(--brands--maestro-circle-grey);
  --text-color: var(--c--white);
}
.bg--our_maestro a:not(.btn) {
  color: var(--c--white);
}
.bg--our_maestro .btn-black {
  --btn-bg: var(--c--primary);
  --btn-color: #fff;
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--c--primary);
  --btn-hover-border: var(--c--primary--dark);
}
.bg--our_maestro + section {
  background-color: var(--c--black);
}
.bg--our_maestro a:not(.btn) {
  color: var(--c--white);
}

.bg--ext--white {
  --bg-ext-color: var(--c--white);
}
.bg--ext--white + section {
  background-color: var(--c--white);
}
.bg--ext--white + .paragraph--textual-with-image[class*=layout--boxed] {
  background-color: var(--c--white);
}

.bg--ext--grey {
  --bg-ext-color: var(--background--background-light);
}
.bg--ext--grey + section {
  background-color: var(--background--background-light);
}
.bg--ext--grey + .paragraph--textual-with-image[class*=layout--boxed] {
  background-color: var(--background--background-light);
}

.bg--ext--primary {
  --bg-ext-color: var(--c--primary);
}
.bg--ext--primary + section {
  background-color: var(--c--primary);
}
.bg--ext--primary + .paragraph--textual-with-image[class*=layout--boxed] {
  background-color: var(--c--primary);
}

.bg--ext--secondary {
  --bg-ext-color: var(--c--secondary);
}
.bg--ext--secondary + section {
  background-color: var(--c--secondary);
}
.bg--ext--secondary + .paragraph--textual-with-image[class*=layout--boxed] {
  background-color: var(--c--secondary);
}

.bg--ext--dark {
  --bg-ext-color: var(--c--black);
}
.bg--ext--dark + section {
  background-color: var(--c--black);
}
.bg--ext--dark + .paragraph--textual-with-image[class*=layout--boxed] {
  background-color: var(--c--black);
}

.bg--ext--our_maestro {
  --bg-ext-color: var(--brands--maestro-circle-grey);
}
.bg--ext--our_maestro + section {
  background-color: var(--brands--maestro-circle-grey);
}
.bg--ext--our_maestro + .paragraph--textual-with-image[class*=layout--boxed] {
  background-color: var(--brands--maestro-circle-grey);
}

.breadcrumbs ol {
  display: inline-flex;
  gap: var(--spacing--1);
  list-style-type: none;
  padding-left: unset;
}
.breadcrumbs ol li + li ::before {
  content: "/";
  padding-right: var(--spacing--1);
}
.breadcrumbs ol li:last-child a {
  font-weight: 600;
}
.breadcrumbs ol li a {
  color: unset;
  text-decoration: none;
}
@media (max-width: 767px) {
  .breadcrumbs ol li:not(li + li) {
    display: none;
  }
  .breadcrumbs ol li + li ::before {
    content: "";
  }
  .breadcrumbs ol li:last-child ::before {
    content: "<";
    padding-right: var(--spacing--1);
  }
}
@media (max-width: 575px) {
  .breadcrumbs ol li:not(:last-child) {
    display: none;
  }
}

.badge {
  border-radius: var(--radius--3);
  padding-top: var(--spacing--05);
  padding-right: var(--spacing--1);
  padding-bottom: var(--spacing--05);
  padding-left: var(--spacing--1);
  background-color: var(--c--black);
  color: var(--c--white);
  font-size: var(--typography--font-size--xs);
  font-weight: 700;
}

.js-form-item.form-item.form-item-upload-a-file {
  background-color: var(--c--gray--light);
  border-radius: var(--radius--2);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing--05);
}
.js-form-item.form-item.form-item-upload-a-file .description {
  font-size: var(--typography--font-size--xs);
  color: var(--c--gray--dark);
}
.js-form-item.form-item.form-item-upload-a-file > label.form-label {
  position: initial;
  background-color: var(--c--secondary);
  border-radius: var(--radius--2);
  padding: var(--spacing--1) var(--spacing--2) var(--spacing--1) var(--spacing--2);
  display: inline-flex;
  align-items: center;
  gap: var(--spacing--1);
  font-size: var(--typography--font-size--sm);
  color: var(--c--white);
  font-weight: 600;
  transition: background-color 0.45s ease;
}
.js-form-item.form-item.form-item-upload-a-file > label.form-label:after {
  content: "\e96b";
  font-family: "irca" !important;
  font-size: 1.2rem;
}
.js-form-item.form-item.form-item-upload-a-file > label.form-label:has(+ div > span.file) {
  display: none;
}
.js-form-item.form-item.form-item-upload-a-file > label.form-label:has(+ div > span.file) + .form-managed-file {
  padding: var(--spacing--1) var(--spacing--2);
  border-radius: var(--radius--1);
  background-color: var(--c--gray--light);
  border: 1px solid var(--c--gray--dark);
  display: flex;
  align-items: center;
  gap: var(--spacing--1);
  font-size: var(--typography--font-size--sm);
  position: relative;
  max-width: 100%;
  white-space: nowrap;
}
.js-form-item.form-item.form-item-upload-a-file > label.form-label:has(+ div > span.file) + .form-managed-file:after {
  --d: 3.2rem;
  content: "\e91a";
  font-family: "irca" !important;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--d);
  height: var(--d);
  background-color: var(--c--primary);
  border-radius: var(--radius--2);
  color: var(--c--white);
  transition: background-color 0.45s ease;
}
.js-form-item.form-item.form-item-upload-a-file > label.form-label:has(+ div > span.file) + .form-managed-file .file {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js-form-item.form-item.form-item-upload-a-file > label.form-label:has(+ div > span.file) + .form-managed-file input[value=Remove] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: 2;
}
.js-form-item.form-item.form-item-upload-a-file > label.form-label:has(+ div > span.file) + .form-managed-file:hover:after, .js-form-item.form-item.form-item-upload-a-file > label.form-label:has(+ div > span.file) + .form-managed-file:active:after {
  background-color: var(--irca-bright-red);
}
.js-form-item.form-item.form-item-upload-a-file input.form-file {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: 2;
}
.js-form-item.form-item.form-item-upload-a-file:hover > label.form-label, .js-form-item.form-item.form-item-upload-a-file:active > label.form-label {
  background-color: var(--c--primary);
}

.js-form-type-checkbox {
  display: flex;
  flex-direction: column;
}
.js-form-type-checkbox input {
  opacity: 0;
  position: absolute;
  left: -9999px;
  pointer-events: none;
}
.js-form-type-checkbox input:required + .checkbox-label .checkbox-label--text:after {
  content: "*";
}
.js-form-type-checkbox input:focus + .checkbox-label .checkbox-label--icon {
  outline: 2px solid var(--c--primary);
}
.js-form-type-checkbox input:checked ~ .checkbox-label .checkbox-label--icon {
  border-color: var(--c--primary);
  background-color: var(--c--primary);
}
.js-form-type-checkbox input:checked ~ .checkbox-label .checkbox-label--icon i {
  opacity: 1;
}
.js-form-type-checkbox .checkbox-label {
  --d: 1.6rem;
  font-size: var(--typography--font-size--sm);
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: var(--spacing--2);
}
.js-form-type-checkbox .checkbox-label .checkbox-label--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--d);
  min-height: var(--d);
  border: 1px solid var(--c--secondary);
  border-radius: 0.4rem;
  background-color: var(--c--white);
}
.js-form-type-checkbox .checkbox-label .checkbox-label--icon i {
  font-size: 1rem;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  color: var(--c--white);
}

.fieldset-legend {
  display: block;
  font-size: var(--typography--font-size--lg);
  font-weight: 600;
  margin-bottom: var(--spacing--2);
}
@media (max-width: 991px) {
  .fieldset-legend {
    margin-bottom: var(--spacing--3);
  }
}

.js-webform-checkboxes {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing--2);
}
.js-webform-checkboxes [class*=form-item-category-] {
  flex: 100%;
}
@media (min-width: 992px) {
  .js-webform-checkboxes [class*=form-item-category-] {
    flex: 0 0 calc(50% - var(--spacing--2) / 2);
  }
}
.js-webform-checkboxes [class*=form-item-category-] .checkbox-label {
  border-radius: var(--radius--1);
  border: 1px solid var(--c--gray--light);
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.js-webform-checkboxes [class*=form-item-category-] .checkbox-label:hover {
  border-color: var(--c--primary);
}
.js-webform-checkboxes [class*=form-item-category-] .checkbox-label:focus, .js-webform-checkboxes [class*=form-item-category-] .checkbox-label:active {
  outline: 2px solid var(--c--primary);
}
.js-webform-checkboxes [class*=form-item-category-] input:checked ~ .checkbox-label {
  outline: 2px solid var(--c--primary);
}
.js-webform-checkboxes [class*=form-item-category-] input:checked ~ .checkbox-label .checkbox-label--text:before {
  color: var(--c--primary);
}
.js-webform-checkboxes [class*=form-item-category-] .checkbox-label--text {
  order: 1;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.js-webform-checkboxes [class*=form-item-category-] .checkbox-label--text:before {
  content: "\e928";
  font-family: "irca" !important;
  font-size: 2.4rem;
  display: inline-block;
  padding: 1rem;
  background-color: var(--c--gray--light);
  border-radius: var(--radius--1);
  color: var(--c--black);
}
.js-webform-checkboxes [class*=form-item-category-] .checkbox-label--icon {
  order: 2;
}
.js-webform-checkboxes [for*=pastry] .checkbox-label--text:before {
  content: "\e963";
}
.js-webform-checkboxes [for*=icecream] .checkbox-label--text:before {
  content: "\e958";
}
.js-webform-checkboxes [for*=bakery] .checkbox-label--text:before {
  content: "\e941";
}

.js-form-type-checkbox .checkbox-label--text .tooltip {
  position: relative;
  cursor: pointer;
  text-decoration: underline;
}
.js-form-type-checkbox .tooltip-wrapper {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  z-index: 99;
  bottom: 100%;
  left: 50%;
  width: 37.5rem;
  max-width: 90vw;
  padding: var(--spacing--2) var(--spacing--3);
  background-color: #FEF6E6;
  border: 1px solid var(--button--warning);
  border-radius: var(--radius--2);
  transform: translateX(-50%);
  font-size: var(--typography--font-size--xs);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}
.js-form-type-checkbox .tooltip-wrapper h4 {
  font-size: var(--typography--font-size--sm);
  font-weight: 700;
}
.js-form-type-checkbox .tooltip-wrapper.show {
  opacity: 1;
  visibility: visible;
}

.js-form-type-radio input {
  opacity: 0;
  position: absolute;
  left: -9999px;
  pointer-events: none;
}
.js-form-type-radio input:focus + .radio-label .radio-label--icon {
  outline: 2px solid var(--c--primary);
}
.js-form-type-radio input:checked ~ .radio-label .radio-label--icon {
  border: calc(var(--d) / 2 - 4px) solid var(--c--gray--dark);
}
.js-form-type-radio .radio-label {
  --d: 2rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: var(--spacing--2);
  padding: 0.5rem 0;
}
.js-form-type-radio .radio-label .radio-label--icon {
  min-width: var(--d);
  min-height: var(--d);
  border: 2px solid var(--c--gray--dark);
  background-color: var(--c--white);
  border-radius: 100%;
  transition: border 0.25s ease-in-out;
}
.select2-dropdown {
  border: none;
  z-index: 99999;
  border: 1px solid var(--c--gray--light);
  margin: 1rem 0;
  border-radius: var(--radius--1) !important;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0);
  background-color: transparent !important;
}

.select2-results {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 2px 6px 2px rgba(42, 0, 0, 0.2);
  background-color: var(--c--white);
}
.select2-results .select2-results__option {
  font-size: var(--typography--font-size--sm);
  padding: var(--spacing--2) calc(var(--spacing--2) * 0.75);
}
.select2-results .select2-results__option + .select2-results__option {
  border-top: 1px solid var(--c--gray--light);
}
.select2-results .select2-results__option:not(:first-child) > span.opt--subcategory {
  padding-left: var(--spacing--2);
  display: block;
  color: var(--c--secondary);
}
.select2-results .select2-results__option.select2-results__option--selected {
  background-color: var(--background--background-light);
  color: var(--c--black);
  font-weight: 700;
}
.select2-results .select2-results__option.select2-results__option--selected > span {
  color: var(--c--black);
}
.select2-results .select2-results__option.select2-results__option--highlighted {
  background-color: var(--c--primary) !important;
  color: var(--c--white);
}
.select2-results .select2-results__option.select2-results__option--highlighted > span {
  color: var(--c--white);
}

fieldset.required .js-form-type-select .form-label:after {
  content: "*";
}

.select2-dropdown {
  border: none !important;
}
.select2-dropdown .select2-search--dropdown {
  padding-top: 0;
  background-color: var(--c--white) !important;
  padding-bottom: var(--spacing--1);
}
.select2-dropdown .select2-search {
  height: initial;
  line-height: var(--input-height);
  padding-left: 0;
  padding-right: 0;
}
.select2-dropdown .select2-search input {
  height: calc(var(--input-height) - 8px);
  line-height: calc(var(--input-height) - 8px);
  display: block;
  padding: 0 var(--spacing--1);
  border-color: var(--c--secondary);
}

.standard-header {
  padding: var(--spacing--4) 0 var(--spacing--2);
}
@media (max-width: 991px) {
  .standard-header {
    padding-bottom: 0;
  }
}

.brand--joygelato {
  --background--background-light: var(--brands--joygelato-beige);
  --background--background-primary: var(--brands--joygelato-yellow);
  --background--background-dark: var(--brands--joygelato-brown);
  --background--background-highlight: var(--brands--joygelato-beige);
  --c--primary: var(--brands--joygelato-yellow);
  --c--primary-light: var(--brands--joygelato-beige);
  --c--secondary: var(--brands--joygelato-brown);
}
.brand--joygelato h1 {
  color: var(--brands--joygelato-brown);
}
.brand--joygelato .btn {
  --btn-bg: var(--c--primary);
  --btn-color: var(--background--background-dark);
  --btn-border: var(--c--primary);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--background--background-dark);
}
.brand--joygelato .cards--cta--white .paragraph--card .btn {
  --btn-color: var(--background--background-dark);
  --btn-bg: var(--background--background-light);
  --btn-border: var(--background--background-light);
  --btn-hover-bg: var(--c--primary);
  --btn-hover-border: var(--c--primary);
  --btn-hover-color: var(--background--background-dark);
}
.brand--joygelato .bg--white .link,
.brand--joygelato .bg--grey .link {
  color: var(--c--secondary);
  transition: color 0.3s ease;
}
.brand--joygelato .bg--white .link:hover, .brand--joygelato .bg--white .link:active,
.brand--joygelato .bg--grey .link:hover,
.brand--joygelato .bg--grey .link:active {
  color: var(--c--black);
}
.brand--joygelato .bg--primary .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--joygelato .bg--primary .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-color: var(--c--white);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--background--background-dark);
}
.brand--joygelato .bg--primary .paragraph--type--chip {
  --c-hover: var(--c--black);
}
.brand--joygelato .bg--grey {
  --bg-color: var(--background--background-light);
}
.brand--joygelato .bg--grey .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--joygelato .bg--grey .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-bg: var(--background--background);
  --btn-border: var(--background--background);
  --btn-color: var(--background--background-dark);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-border: var(--background--background-dark);
  --btn-hover-color: var(--c--white);
}
.brand--joygelato .bg--grey.cards--cta--white .paragraph--card .btn {
  --btn-bg: var(--background--background);
  --btn-hover-border: var(--background--background);
}
.brand--joygelato .bg--dark,
.brand--joygelato .bg--secondary {
  --bg-color: var(--background--background-dark);
}
.brand--joygelato .bg--dark .btn,
.brand--joygelato .bg--secondary .btn {
  --btn-color: var(--background--background-dark);
  --btn-bg: var(--c--primary);
  --btn-border: var(--c--primary);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-color: var(--background--background-dark);
  --btn-hover-border: var(--background--background-dark);
}
.brand--joygelato .bg--dark.cards--cta--white .paragraph--card .btn,
.brand--joygelato .bg--secondary.cards--cta--white .paragraph--card .btn {
  --btn-color: var(--background--background-dark);
  --btn-bg: var(--background--background);
  --btn-border: var(--background--background);
  --btn-hover-bg: var(--c--primary);
  --btn-hover-border: var(--c--primary);
  --btn-hover-color: var(--background--background-dark);
}
.brand--joygelato .bg--dark .link,
.brand--joygelato .bg--secondary .link {
  color: var(--c--primary);
  transition: color 0.3s ease;
}
.brand--joygelato .bg--dark .link i,
.brand--joygelato .bg--secondary .link i {
  background-color: var(--c--primary);
  transition: 0.3s ease background-color;
  color: var(--background--background-dark);
}
.brand--joygelato .bg--dark .link:hover, .brand--joygelato .bg--dark .link:active,
.brand--joygelato .bg--secondary .link:hover,
.brand--joygelato .bg--secondary .link:active {
  color: var(--c--white);
}
.brand--joygelato .bg--dark .link:hover i, .brand--joygelato .bg--dark .link:active i,
.brand--joygelato .bg--secondary .link:hover i,
.brand--joygelato .bg--secondary .link:active i {
  background-color: var(--c--white);
}
.brand--joygelato .bg--dark .slider-navigation .btn.btn-icon.btn-white.js--slider-navigation__prev,
.brand--joygelato .bg--dark .slider-navigation .btn.btn-icon.btn-white.js--slider-navigation__next,
.brand--joygelato .bg--secondary .slider-navigation .btn.btn-icon.btn-white.js--slider-navigation__prev,
.brand--joygelato .bg--secondary .slider-navigation .btn.btn-icon.btn-white.js--slider-navigation__next {
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
}
.brand--joygelato .bg--dark .slider-navigation .btn.btn-icon.btn-black.js--slider-navigation__prev,
.brand--joygelato .bg--dark .slider-navigation .btn.btn-icon.btn-black.js--slider-navigation__next,
.brand--joygelato .bg--secondary .slider-navigation .btn.btn-icon.btn-black.js--slider-navigation__prev,
.brand--joygelato .bg--secondary .slider-navigation .btn.btn-icon.btn-black.js--slider-navigation__next {
  --btn-hover-border: var(--background--background);
  transition: all 0.3s ease;
}
.brand--joygelato .bg--primary {
  --bg-color: var(--c--primary);
  --text-color: var(--c--black);
}
.brand--joygelato .bg--primary .btn {
  --btn-color: var(--background--background);
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-hover-bg: var(--background--background);
  --btn-hover-border: var(--background--background);
  --btn-hover-color: var(--background--background-dark);
}
.brand--joygelato .bg--primary.cards--cta--white .paragraph--card .btn {
  --btn-color: var(--background--background-dark);
  --btn-bg: var(--background--background);
  --btn-border: var(--background--background);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-border: var(--background--background-dark);
  --btn-hover-color: var(--background--background);
}
.brand--joygelato .bg--primary .link {
  color: var(--text--primary);
  transition: 0.3s ease color;
}
.brand--joygelato .bg--primary .link i {
  background-color: var(--text--primary);
  transition: 0.3s ease background-color;
}
.brand--joygelato .bg--primary .link:hover, .brand--joygelato .bg--primary .link:active {
  color: var(--c--secondary);
}
.brand--joygelato .bg--primary .link:hover i, .brand--joygelato .bg--primary .link:active i {
  background-color: var(--c--secondary);
  transition: 0.3s ease background-color;
}
.brand--joygelato .bg--primary .swiper-pagination .swiper-pagination-bullet:before {
  background-color: var(--c--white);
  border-color: var(--c--white);
}
.brand--joygelato .bg--primary .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background-color: var(--c--black);
  border-color: var(--c--black);
}
.brand--joygelato .paragraph--bento {
  --background--1: var(--c--secondary);
  --background--2: var(--background--background-light);
  --background--3: var(--background--background-light);
  --background--4: var(--background--background-primary);
}
.brand--joygelato .paragraph--bento .paragraph--bento--card--1 .btn {
  --btn-color: var(--c--secondary);
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--c--black);
  --btn-hover-border: var(--c--white);
}
.brand--joygelato .paragraph--bento div .cta-wrapper .btn.btn-icon {
  --btn-color: var(--c--secondary);
  --btn-hover-bg: var(--background--background-primary);
  --btn-hover-color: var(--c--secondary);
  --btn-hover-border: var(--background--background-primary);
}
.brand--joygelato .paragraph--bento .paragraph--bento--cta .paragraph--bento--cta--inner:last-child {
  color: var(--c--black);
}
.brand--joygelato .paragraph--bento .paragraph--bento--cta .paragraph--bento--cta--inner:last-child .btn {
  --btn-hover-color: var(--c--white);
  --btn-hover-bg: var(--c--secondary);
  --btn-hover-border: var(--c--secondary);
}
.brand--joygelato .paragraph--bento .paragraph--bento--cta .paragraph--bento--cta--inner:first-child {
  color: var(--c--black);
}
.brand--joygelato .paragraph--bento div .cta-wrapper .btn.btn-icon {
  --btn-hover-color: var(--c--black);
  --btn-hover-bg: var(--background--background-primary);
  --btn-hover-border: var(--background--background-primary);
}
.brand--joygelato .paragraph--cards .card-display--boxed .paragraph--card .btn {
  --btn-bg: var(--c--primary);
  --btn-color: var(--background--background-dark);
  --btn-border: var(--c--primary);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--background--background-dark);
}
.brand--joygelato .paragraph--bento + .paragraph--type--textual .cta-wrapper > .btn {
  --btn-bg: var(--background--background-light);
  --btn-border: var(--background--background-light);
  --btn-hover-color: var(--c--white);
}
.brand--joygelato .paragraph--text-crosslink.bg--secondary {
  background-color: var(--background--background);
}
.brand--joygelato .paragraph--text-crosslink.bg--secondary .paragraph-content {
  background-color: var(--background--background-dark);
}
.brand--joygelato .paragraph--text-crosslink.bg--secondary .paragraph--card {
  background-color: var(--background--background-primary);
}
.brand--joygelato .paragraph--text-crosslink.bg--secondary .paragraph--card .card--inner-cta-text > .btn {
  --btn-bg: var(--background--background);
  --btn-color: var(--c--secondary);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--btn-color);
  --btn-hover-color: var(--btn-bg);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--joygelato #social-wall.paragraph--social-wall .paragraph-content {
  background-color: var(--background--color--1);
  color: var(--c--black);
}
.brand--joygelato #social-wall.paragraph--social-wall .paragraph-content .col-info div:first-child p {
  font-size: var(--typography--font-size--h2);
  font-weight: 600;
  color: var(--c--black);
}
.brand--joygelato #social-wall.paragraph--social-wall .paragraph-content .col-info div > a.btn {
  --btn-bg: var(--brands--joygelato-brown);
  --btn-color: var(--c--white);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--brands--joygelato-beige);
  --btn-hover-color: var(--brands--joygelato-brown);
  --btn-hover-border: var(--brands--joygelato-beige);
}
.brand--joygelato #social-wall.paragraph--social-wall + section {
  background-color: var(--background--color--1);
}
.brand--joygelato #social-wall.paragraph--social-wall .decoration--1 {
  --background--color--1: var(--c--secondary);
}
.brand--joygelato #social-wall.paragraph--social-wall .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  border-color: var(--background--background);
  background-color: var(--background--background);
}
.brand--joygelato .paragraph--cards.bg--primary .paragraph-cta-wrapper .btn {
  --btn-color: var(--background--background-dark);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--background--background-dark);
}
.brand--joygelato .paragraph--cards .card-display--boxed .paragraph--card .btn {
  --btn-bg: var(--c--primary);
  --btn-color: var(--background--background-dark);
  --btn-border: var(--c--primary);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--background--background-dark);
}
.brand--joygelato .paragraph--cards .decoration--2 {
  background-color: var(--background--background);
}
.brand--joygelato .paragraph--cards .decoration--3 {
  --background--color--1: var(--background--background-light);
}
.brand--joygelato .paragraph--socials {
  --bg-color: var(--c--secondary);
  --text-color: var(--c--white);
}
.brand--joygelato .paragraph--socials .paragraph-content li.social-cell a {
  color: var(--c--white);
  border-color: var(--c--white);
}
.brand--joygelato .paragraph--socials .paragraph-content li.social-cell a .btn-icon {
  background-color: var(--background--background);
  border-color: var(--background--background);
  color: var(--text--primary);
}
.brand--joygelato .paragraph--socials .paragraph-content li.social-cell a:hover, .brand--joygelato .paragraph--socials .paragraph-content li.social-cell a:active {
  color: var(--c--primary);
  border-color: var(--c--primary);
}
.brand--joygelato .paragraph--socials .paragraph-content li.social-cell a:hover .btn-icon, .brand--joygelato .paragraph--socials .paragraph-content li.social-cell a:active .btn-icon {
  background-color: var(--background--background-primary);
  border-color: var(--background--background-primary);
}
.brand--joygelato .paragraph--socials .paragraph-content li.social-cell a:hover h4,
.brand--joygelato .paragraph--socials .paragraph-content li.social-cell a:hover h3, .brand--joygelato .paragraph--socials .paragraph-content li.social-cell a:active h4,
.brand--joygelato .paragraph--socials .paragraph-content li.social-cell a:active h3 {
  color: var(--c--primary);
}
.brand--joygelato .views-view--news .more-link a {
  color: var(--brands--joygelato-brown);
}
.brand--joygelato .views-view--news .more-link a:hover {
  color: var(--c--black);
}
.brand--joygelato .views-view--news .more-link a:after {
  background-color: var(--brands--joygelato-brown);
}
.brand--joygelato .node--news--teaser .shared-card > .info > .cta-wrapper > .btn.btn-primary {
  --btn-bg: var(--background--background-primary);
  --btn-color: var(--c--black);
  --btn-border: var(--background--background-primary);
  --btn-hover-bg: var(--background--background);
  --btn-hover-color: var(--c--primary);
  --btn-hover-border: var(--c--primary);
}
.brand--joygelato .paragraph--contacts .contacts-wrapper > .paragraph--contacts-card-list .paragraph--type--contact-card,
.brand--joygelato .paragraph--contacts .paragraph--contacts-card-list > div > div:first-child .paragraph--contact-card a {
  color: var(--c--black);
}
.brand--joygelato .paragraph--contacts .contacts-wrapper form {
  background-color: var(--background--background-light);
}
.brand--joygelato .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div a {
  color: var(--c--secondary);
}
.brand--joygelato .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div a:hover, .brand--joygelato .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div a:active {
  color: var(--c--black);
}
.brand--joygelato .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div:first-child a:hover, .brand--joygelato .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div:first-child a:active {
  color: var(--c--secondary);
}
.brand--joygelato .paragraph--recipes a,
.brand--joygelato .paragraph--products a {
  color: var(--c--secondary);
  transition: color 0.3s ease;
}
.brand--joygelato .paragraph--recipes a:hover, .brand--joygelato .paragraph--recipes a:active,
.brand--joygelato .paragraph--products a:hover,
.brand--joygelato .paragraph--products a:active {
  color: var(--c--black);
}
.brand--joygelato .i-modal.i-modal--location .i-modal-wrapper .i-modal-content .js--i-modal-close {
  --btn-bg: var(--background--background-light);
  --btn-border: var(--background--background-light);
  --btn-hover-bg: var(--background--background-primary);
  --btn-hover-border: var(--background--background-primary);
}
.brand--joygelato .i-modal.i-modal--location .i-modal-wrapper .i-modal-content .i-modal-body .swiper .slider-navigation .btn-icon.btn-black {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-color: var(--text--inverse);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--text--primary);
}
.brand--joygelato .node--location-country--teaser .content .cta-wrapper .btn {
  --btn-color: var(--text--primary);
}
.brand--joygelato .node--location-country--teaser:hover .content .cta-wrapper .btn, .brand--joygelato .node--location-country--teaser:active .content .cta-wrapper .btn {
  background-color: var(--background--background-dark);
  border-color: var(--background--background-dark);
}
.brand--joygelato .paragraph--content-horizontal .swiper-pagination .swiper-pagination-bullet {
  --pagination-hover-color: var(--c--secondary);
}
.brand--joygelato .paragraph--content-horizontal .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  color: var(--c--black);
}
.brand--joygelato .paragraph--quote .cta-wrapper > span:last-child {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--background--background);
  --btn-hover-border: var(--btn-hover-bg);
  --btn-hover-color: var(--c--secondary);
}
.brand--joygelato .paragraph--quote .paragraph-content > .content > .container::before {
  color: var(--c--white);
}
.brand--joygelato .paragraph--reviews .reviews .paragraph--quote.bg--grey .paragraph-content > .content > .container::before,
.brand--joygelato .paragraph--reviews .reviews .paragraph--quote.bg--secondary .paragraph-content > .content > .container::before {
  color: var(--c--primary);
}
.brand--joygelato .paragraph--reviews .reviews .paragraph--quote.bg--primary .paragraph-content > .content > .container::before {
  color: var(--c--secondary);
}
.brand--joygelato .node--sustainability-reports--teaser .cta-wrapper .btn--icon-text > span {
  color: var(--c--primary);
  font-weight: 600;
}
.brand--joygelato .node--sustainability-reports--teaser:hover .cta-wrapper .btn--icon-text > i.icon-download, .brand--joygelato .node--sustainability-reports--teaser:active .cta-wrapper .btn--icon-text > i.icon-download {
  background-color: var(--c--secondary);
}
.brand--joygelato .node--sustainability-reports--teaser:hover .cta-wrapper .btn--icon-text > span, .brand--joygelato .node--sustainability-reports--teaser:active .cta-wrapper .btn--icon-text > span {
  color: var(--c--secondary);
}
.brand--joygelato .paragraph--downloads .paragraph--type--download {
  transition: 0.3s ease color;
}
.brand--joygelato .paragraph--downloads .paragraph--type--download.bg--bright-red, .brand--joygelato .paragraph--downloads .paragraph--type--download.bg--irca-red {
  color: var(--text--primary);
}
.brand--joygelato .paragraph--downloads .paragraph--type--download.bg--bright-red .cta-wrapper .btn--icon-text, .brand--joygelato .paragraph--downloads .paragraph--type--download.bg--irca-red .cta-wrapper .btn--icon-text {
  --btn-bg: var(--background--background-light);
  --btn-hover-bg: var(--btn-bg);
  --btn-color: var(--background--background-dark);
}
.brand--joygelato .paragraph--downloads .paragraph--type--download.bg--bright-red .cta-wrapper .btn--icon-text span, .brand--joygelato .paragraph--downloads .paragraph--type--download.bg--irca-red .cta-wrapper .btn--icon-text span {
  color: var(--background--background-dark);
}
.brand--joygelato .paragraph--downloads .paragraph--type--download.bg--irca-dark-red .cta-wrapper .btn--icon-text {
  --btn-bg: var(--background--background-dark);
  --btn-hover-bg: var(--background--background-dark);
  --btn-color: var(--background--background-primary);
}
.brand--joygelato .paragraph--downloads .paragraph--type--download.bg--irca-dark-red .cta-wrapper .btn--icon-text span {
  color: var(--c--primary);
}
.brand--joygelato .paragraph--downloads .paragraph--type--download:hover.bg--bright-red .cta-wrapper .btn--icon-text i, .brand--joygelato .paragraph--downloads .paragraph--type--download:hover.bg--irca-red .cta-wrapper .btn--icon-text i, .brand--joygelato .paragraph--downloads .paragraph--type--download:active.bg--bright-red .cta-wrapper .btn--icon-text i, .brand--joygelato .paragraph--downloads .paragraph--type--download:active.bg--irca-red .cta-wrapper .btn--icon-text i {
  background-color: var(--c--black);
}
.brand--joygelato .paragraph--downloads .paragraph--type--download:hover.bg--bright-red .cta-wrapper .btn--icon-text span, .brand--joygelato .paragraph--downloads .paragraph--type--download:hover.bg--irca-red .cta-wrapper .btn--icon-text span, .brand--joygelato .paragraph--downloads .paragraph--type--download:active.bg--bright-red .cta-wrapper .btn--icon-text span, .brand--joygelato .paragraph--downloads .paragraph--type--download:active.bg--irca-red .cta-wrapper .btn--icon-text span {
  color: var(--text--primary);
}
.brand--joygelato .paragraph--downloads .paragraph--type--download:hover.bg--irca-dark-red .cta-wrapper .btn--icon-text span, .brand--joygelato .paragraph--downloads .paragraph--type--download:active.bg--irca-dark-red .cta-wrapper .btn--icon-text span {
  color: var(--c--white);
}
.brand--joygelato .paragraph--downloads .paragraph--type--download:hover.bg--irca-dark-red .cta-wrapper .btn--icon-text i, .brand--joygelato .paragraph--downloads .paragraph--type--download:active.bg--irca-dark-red .cta-wrapper .btn--icon-text i {
  background-color: var(--background--background);
}
.brand--joygelato .paragraph--type--chip {
  --c-hover: initial;
}
.brand--joygelato .paragraph--type--chip .cta-wrapper .btn {
  --btn-bg: var(--background--background);
  --btn-border: var(--background--background);
}
.brand--joygelato .paragraph--quotes.bg--white .node--chef--token .btn--icon-text, .brand--joygelato .paragraph--quotes.bg--grey .node--chef--token .btn--icon-text {
  color: var(--background--background-dark);
}
.brand--joygelato .paragraph--quotes.bg--white .node--chef--token .btn--icon-text .btn-black, .brand--joygelato .paragraph--quotes.bg--grey .node--chef--token .btn--icon-text .btn-black {
  color: var(--c--white);
  border-color: var(--background--background-dark);
  background-color: var(--background--background-dark);
}
.brand--joygelato .paragraph--quotes.bg--white .node--chef--token .btn--icon-text:hover, .brand--joygelato .paragraph--quotes.bg--white .node--chef--token .btn--icon-text:active, .brand--joygelato .paragraph--quotes.bg--grey .node--chef--token .btn--icon-text:hover, .brand--joygelato .paragraph--quotes.bg--grey .node--chef--token .btn--icon-text:active {
  color: var(--text-color);
}
.brand--joygelato .paragraph--quotes.bg--white .node--chef--token .btn--icon-text:hover .btn-black, .brand--joygelato .paragraph--quotes.bg--white .node--chef--token .btn--icon-text:active .btn-black, .brand--joygelato .paragraph--quotes.bg--grey .node--chef--token .btn--icon-text:hover .btn-black, .brand--joygelato .paragraph--quotes.bg--grey .node--chef--token .btn--icon-text:active .btn-black {
  border-color: var(--text-color);
  background-color: var(--text-color);
}
.brand--joygelato .paragraph--quotes.bg--primary .node--chef--token .btn--icon-text {
  color: var(--text-color);
}
.brand--joygelato .paragraph--quotes.bg--primary .node--chef--token .btn--icon-text .btn-black {
  color: var(--c--white);
  border-color: var(--text-color);
  background-color: var(--text-color);
}
.brand--joygelato .paragraph--quotes.bg--primary .node--chef--token .btn--icon-text:hover, .brand--joygelato .paragraph--quotes.bg--primary .node--chef--token .btn--icon-text:active {
  color: var(--background--background-dark);
}
.brand--joygelato .paragraph--quotes.bg--primary .node--chef--token .btn--icon-text:hover .btn-black, .brand--joygelato .paragraph--quotes.bg--primary .node--chef--token .btn--icon-text:active .btn-black {
  border-color: var(--background--background-dark);
  background-color: var(--background--background-dark);
}
.brand--joygelato .paragraph--quotes.bg--secondary .node--chef--token .btn--icon-text, .brand--joygelato .paragraph--quotes.bg--dark .node--chef--token .btn--icon-text {
  color: var(--c--primary);
}
.brand--joygelato .paragraph--quotes.bg--secondary .node--chef--token .btn--icon-text .btn-black, .brand--joygelato .paragraph--quotes.bg--dark .node--chef--token .btn--icon-text .btn-black {
  color: var(--background--background-dark);
  border-color: var(--c--primary);
  background-color: var(--c--primary);
}
.brand--joygelato .paragraph--quotes.bg--secondary .node--chef--token .btn--icon-text:hover, .brand--joygelato .paragraph--quotes.bg--secondary .node--chef--token .btn--icon-text:active, .brand--joygelato .paragraph--quotes.bg--dark .node--chef--token .btn--icon-text:hover, .brand--joygelato .paragraph--quotes.bg--dark .node--chef--token .btn--icon-text:active {
  color: var(--c--white);
}
.brand--joygelato .paragraph--quotes.bg--secondary .node--chef--token .btn--icon-text:hover .btn-black, .brand--joygelato .paragraph--quotes.bg--secondary .node--chef--token .btn--icon-text:active .btn-black, .brand--joygelato .paragraph--quotes.bg--dark .node--chef--token .btn--icon-text:hover .btn-black, .brand--joygelato .paragraph--quotes.bg--dark .node--chef--token .btn--icon-text:active .btn-black {
  border-color: var(--c--white);
  background-color: var(--c--white);
}
.brand--joygelato .paragraph--quotes.bg--white .slider-navigation .btn {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-color: var(--c--white);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--background--background-dark);
}
.brand--joygelato .paragraph--quotes.bg--grey .swiper-pagination .swiper-pagination-bullet::before {
  background-color: var(--background--background-dark);
  border-color: var(--background--background-dark);
}
.brand--joygelato .shared-tabs,
.brand--joygelato .paragraph--type--faq {
  --c--active--text: var(--text--primary);
  --c--hover--text: var(--text--primary);
}
.brand--joygelato .paragraph--text-crosslink.bg--primary .cta-wrapper .btn, .brand--joygelato .paragraph--text-crosslink.bg--dark .cta-wrapper .btn {
  --btn-bg: var(--c--primary);
  --btn-color: var(--brands--joygelato-brown);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--brands--joygelato-brown);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--joygelato .paragraph--type--subscription.bg--secondary .btn, .brand--joygelato .paragraph--type--subscription.bg--dark .btn {
  --btn-bg: var(--c--primary);
  --btn-color: var(--brands--joygelato-brown);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--brands--joygelato-brown);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--joygelato .card-display--simple .paragraph--card .btn {
  --btn-bg: var(--background--background-primary);
  --btn-border: var(--background--background-primary);
  --btn-color: var(--c--secondary);
  --btn-hover-bg: var(--c--secondary);
  --btn-hover-border: var(--c--secondary);
  --btn-hover-color: var(--c--white);
}
.brand--joygelato .paragraph--featured-contents .featured-items > div > div:nth-child(2), .brand--joygelato .paragraph--featured-contents .featured-items > div > div:nth-child(4) {
  --featured-text-color: var(--text-color);
}
.brand--joygelato .paragraph--featured-contents .featured-items > div > div .btn {
  --btn-bg: var(--background--background);
  --btn-border: var(--background--background);
  --btn-hover-bg: var(--background--background-primary);
  --btn-hover-border: var(--background--background-primary);
  --btn-hover-color: var(--c--secondary);
}
.brand--joygelato .paragraph--featured-contents .featured-items > div > div:nth-child(4) .btn {
  --btn-hover-bg: var(--c--secondary);
  --btn-hover-border: var(--c--secondary);
  --btn-hover-color: var(--background--background);
}

.brand--dobla {
  --background--background-light: var(--brands--dobla-diamond-white);
  --background--background-primary: var(--brands--dobla-green);
  --background--background-dark: var(--brands--dobla-brown);
  --background--background-highlight: var(--background--background-light);
  --c--primary: var(--brands--dobla-green);
  --c--primary-light: var(--brands--dobla-diamond-white);
  --c--secondary: var(--brands--dobla-brown);
  --button--primary-hover: var(--brands--dobla-green);
}
.brand--dobla h1 {
  color: var(--brands--dobla-brown);
}
.brand--dobla .bg--white .link {
  color: var(--brands--dobla-brown);
}
.brand--dobla .bg--primary .btn, .brand--dobla .bg--primary input[type=submit].btn.btn-light,
.brand--dobla .bg--primary button.btn.btn-light,
.brand--dobla .bg--primary a.btn.btn-light {
  --btn-bg: var(--background--background);
  --btn-border: var(--background--background);
}
.brand--dobla .bg--secondary .btn, .brand--dobla .bg--secondary input[type=submit].btn.btn-light,
.brand--dobla .bg--secondary button.btn.btn-light,
.brand--dobla .bg--secondary a.btn.btn-light,
.brand--dobla .bg--dark .btn,
.brand--dobla .bg--dark input[type=submit].btn.btn-light,
.brand--dobla .bg--dark button.btn.btn-light,
.brand--dobla .bg--dark a.btn.btn-light {
  --btn-hover-bg: var(--background--background);
  --btn-hover-color: var(--c--secondary);
}
.brand--dobla .more-link a {
  color: var(--brands--dobla-brown);
}
.brand--dobla .more-link a:after {
  background-color: var(--brands--dobla-brown);
}
.brand--dobla input[type=submit].btn, .brand--dobla input[type=submit].btn.btn-light,
.brand--dobla button.btn,
.brand--dobla button.btn.btn-light,
.brand--dobla a.btn,
.brand--dobla a.btn.btn-light {
  --btn-bg: var(--c--primary);
  --btn-color: var(--brands--dobla-brown);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--brands--dobla-brown);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--dobla input[type=submit].btn.btn-secondary,
.brand--dobla button.btn.btn-secondary,
.brand--dobla button.btn-secondary.btn.btn-light,
.brand--dobla a.btn.btn-secondary,
.brand--dobla a.btn-secondary.btn.btn-light {
  --btn-bg: var(--brands--dobla-brown);
  --btn-color: var(--c--white);
  --btn-border: var(--brands--dobla-brown);
  --btn-hover-bg: var(--brands--dobla-diamond-white);
  --btn-hover-color: var(--c--black);
  --btn-hover-border: var(--brands--dobla-diamond-white);
}
.brand--dobla input[type=submit].btn.btn-light,
.brand--dobla button.btn.btn-light,
.brand--dobla button.btn-light.btn,
.brand--dobla a.btn.btn-light,
.brand--dobla a.btn-light.btn {
  --btn-bg: var(--background--background-light);
  --btn-color: var(--icon--primary);
  --btn-border: var(--background--background-light);
  --btn-hover-bg: var(--button--primary-hover);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--button--primary-hover);
}
.brand--dobla .js-form-item.form-item.form-item-upload-a-file > label.form-label:has(+ div > span.file) + .form-managed-file:hover:after, .brand--dobla .js-form-item.form-item.form-item-upload-a-file > label.form-label:has(+ div > span.file) + .form-managed-file:active:after {
  background-color: var(--brands--dobla-diamond-white);
  color: var(--c--black);
}
.brand--dobla .js-form-item.form-item.form-item-upload-a-file:hover > label.form-label, .brand--dobla .js-form-item.form-item.form-item-upload-a-file:active > label.form-label {
  background-color: var(--brands--dobla-diamond-white);
  color: var(--c--black);
}
.brand--dobla .paragraph--type--chips-v2 .paragraph--type--chip {
  --c-hover: initial;
}
.brand--dobla .paragraph--type--chips {
  --bg-hover: var(--background--background-dark);
}
.brand--dobla .paragraph--type--chips.bg--white .node--paragraphs-page--chip {
  --bg-color: var(--background--background-light);
}
.brand--dobla .paragraph--type--chips.bg--white .node--paragraphs-page--chip:hover, .brand--dobla .paragraph--type--chips.bg--white .node--paragraphs-page--chip:active {
  color: var(--text--primary);
}
.brand--dobla .paragraph--type--chips.bg--grey .node--paragraphs-page--chip .cta-wrapper .btn {
  --btn-bg: var(--background--background-light);
  --btn-border: var(--background--background-light);
}
.brand--dobla .paragraph--bento {
  --background--1: var(--brands--dobla-brown);
  --background--2: var(--background--background-light);
  --background--3: var(--background--background-light);
  --background--4: var(--background--background-primary);
}
.brand--dobla .paragraph--bento .paragraph--bento--card--1 .btn, .brand--dobla .paragraph--bento .paragraph--bento--card--1 input[type=submit].btn.btn-light,
.brand--dobla .paragraph--bento .paragraph--bento--card--1 button.btn.btn-light,
.brand--dobla .paragraph--bento .paragraph--bento--card--1 a.btn.btn-light {
  --btn-color: var(--c--black);
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--c--black);
  --btn-hover-border: var(--c--white);
}
.brand--dobla .paragraph--bento .paragraph--bento--cta .paragraph--bento--cta--inner:last-child {
  color: var(--c--black);
}
.brand--dobla .paragraph--bento .paragraph--bento--cta .paragraph--bento--cta--inner:last-child .btn {
  --btn-hover-color: var(--c--white);
  --btn-hover-bg: var(--c--secondary);
  --btn-hover-border: var(--c--secondary);
}
.brand--dobla .paragraph--bento .paragraph--bento--cta .paragraph--bento--cta--inner:first-child {
  color: var(--c--black);
}
.brand--dobla .paragraph--bento div .cta-wrapper .btn.btn-icon {
  --btn-hover-color: var(--c--black);
  --btn-hover-bg: var(--background--background-primary);
  --btn-hover-border: var(--background--background-primary);
}
.brand--dobla .paragraph--bento + .paragraph--type--textual .cta-wrapper > .btn {
  --btn-bg: var(--background--background-light);
  --btn-hover-color: var(--c--white);
}
.brand--dobla .paragraph--text-crosslink.bg--secondary {
  background-color: var(--background--background);
}
.brand--dobla .paragraph--text-crosslink.bg--secondary .paragraph-content {
  background-color: var(--background--background-dark);
}
.brand--dobla .paragraph--text-crosslink.bg--secondary .paragraph--card {
  background-color: var(--background--background-primary);
}
.brand--dobla .paragraph--text-crosslink.bg--secondary .paragraph--card .card--inner-cta-text > .btn {
  --btn-bg: var(--background--background);
  --btn-color: var(--c--secondary);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--btn-color);
  --btn-hover-color: var(--btn-bg);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--dobla .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper a > span.btn.btn-icon {
  --btn-hover-bg: var(--c--primary);
  --btn-hover-border: var(--c--black);
  --btn-hover-color: var(--c--black);
}
.brand--dobla .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper a .paragraph-content > .content > .container::before {
  color: var(--c--white);
}
.brand--dobla .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper a:hover > span:not(.btn), .brand--dobla .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper a:focus > span:not(.btn), .brand--dobla .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper a:active > span:not(.btn) {
  color: var(--c--white);
}
.brand--dobla .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper a > span:not(.btn) {
  transition: 0.45s ease color;
}
.brand--dobla .paragraph--quote .paragraph-content > .content > .container::before {
  color: var(--c--white);
}
.brand--dobla #social-wall.paragraph--social-wall .paragraph-content {
  background-color: var(--background--background-primary);
}
.brand--dobla #social-wall.paragraph--social-wall .paragraph-content .col-info div:first-child p {
  font-size: var(--typography--font-size--h2);
  font-weight: 600;
  color: var(--c--black);
}
.brand--dobla #social-wall.paragraph--social-wall .paragraph-content .col-info div > a.btn {
  --btn-bg: var(--brands--dobla-brown);
  --btn-color: var(--c--white);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--btn-bg);
  --btn-hover-border: var(--c--white);
}
.brand--dobla #social-wall.paragraph--social-wall + section {
  background-color: var(--background--background-primary);
}
.brand--dobla #social-wall.paragraph--social-wall .decoration--1 {
  --background--color--1: var(--c--secondary);
}
.brand--dobla #social-wall.paragraph--social-wall .decoration--2 {
  background-color: var(--background--background);
}
.brand--dobla #social-wall.paragraph--social-wall .decoration--3 {
  --background--color--1: var(--background--background-light);
}
.brand--dobla #social-wall.paragraph--social-wall .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  border-color: var(--background--background);
  background-color: var(--background--background);
}
.brand--dobla .views-view--news .more-link a:after {
  background-color: var(--brands--dobla-brown);
}
.brand--dobla .node--news--teaser .shared-card > .info > .cta-wrapper > .btn.btn-primary {
  --btn-bg: var(--background--background-primary);
  --btn-color: var(--c--black);
  --btn-border: var(--background--background-primary);
  --btn-hover-bg: var(--background--background);
  --btn-hover-color: var(--c--primary);
  --btn-hover-border: var(--c--primary);
}
.brand--dobla .paragraph--socials {
  --bg-color: var(--c--secondary);
  --text-color: var(--c--white);
}
.brand--dobla .paragraph--socials .paragraph-content li.social-cell a {
  color: var(--c--white);
  border-color: var(--c--white);
}
.brand--dobla .paragraph--socials .paragraph-content li.social-cell a .btn-icon {
  background-color: var(--background--background);
  border-color: var(--background--background);
  color: var(--text--primary);
}
.brand--dobla .paragraph--socials .paragraph-content li.social-cell a:hover, .brand--dobla .paragraph--socials .paragraph-content li.social-cell a:active {
  color: var(--c--primary);
  border-color: var(--c--primary);
}
.brand--dobla .paragraph--socials .paragraph-content li.social-cell a:hover .btn-icon, .brand--dobla .paragraph--socials .paragraph-content li.social-cell a:active .btn-icon {
  background-color: var(--background--background-primary);
  border-color: var(--background--background-primary);
}
.brand--dobla .bg--white .link,
.brand--dobla .bg--grey .link {
  color: var(--c--secondary);
  transition: color 0.3s ease;
}
.brand--dobla .bg--white .link:hover, .brand--dobla .bg--white .link:active,
.brand--dobla .bg--grey .link:hover,
.brand--dobla .bg--grey .link:active {
  color: var(--text--primary);
}
.brand--dobla .card-display--simple .paragraph--card .btn, .brand--dobla .card-display--simple .paragraph--card input[type=submit].btn.btn-light,
.brand--dobla .card-display--simple .paragraph--card button.btn.btn-light,
.brand--dobla .card-display--simple .paragraph--card a.btn.btn-light {
  --btn-bg: var(--background--background-primary);
  --btn-border: var(--background--background-primary);
  --btn-color: var(--background--background-dark);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-border: var(--background--background-dark);
  --btn-hover-color: var(--c--white);
}
.brand--dobla .bg--grey .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--dobla .bg--grey .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-bg: var(--background--background);
  --btn-border: var(--background--background);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-border: var(--background--background-dark);
  --btn-hover-color: var(--c--white);
}
.brand--dobla .bg--white .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--dobla .bg--white .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-color: var(--c--white);
}
.brand--dobla .bg--white .paragraph--type--chip {
  --c-hover: var(--c--black);
}
.brand--dobla .paragraph--locations .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--dobla .paragraph--locations .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-color: var(--c--white);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--text--primary);
}
.brand--dobla .bg--dark {
  --bg-color: var(--background--background-dark);
}
.brand--dobla .bg--dark .link {
  color: var(--c--primary);
  transition: color 0.3s ease;
}
.brand--dobla .bg--dark .link i {
  background-color: var(--c--primary);
  transition: 0.3s ease background-color;
  color: var(--background--background-dark);
}
.brand--dobla .bg--dark .link:hover, .brand--dobla .bg--dark .link:active {
  color: var(--c--white);
}
.brand--dobla .bg--dark .link:hover i, .brand--dobla .bg--dark .link:active i {
  background-color: var(--c--white);
}
.brand--dobla .bg--primary {
  --bg-color: var(--c--primary);
  --text-color: var(--c--black);
}
.brand--dobla .bg--primary .link {
  color: var(--background--background-dark);
  transition: color 0.3s ease;
}
.brand--dobla .bg--primary .link:hover, .brand--dobla .bg--primary .link:active {
  color: var(--c--dark);
}
.brand--dobla .bg--primary .swiper-pagination .swiper-pagination-bullet:before {
  background-color: var(--c--white);
}
.brand--dobla .bg--primary .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background-color: var(--c--black);
  border-color: var(--c--black);
}
.brand--dobla .bg--primary .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--dobla .bg--primary .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-color: var(--background--background);
}
.brand--dobla .paragraph--contacts .contacts-wrapper > .paragraph--contacts-card-list .paragraph--type--contact-card,
.brand--dobla .paragraph--contacts .paragraph--contacts-card-list > div > div:first-child .paragraph--contact-card a {
  color: var(--c--black);
}
.brand--dobla .paragraph--contacts .contacts-wrapper form {
  background-color: var(--background--background-light);
}
.brand--dobla .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div a {
  color: var(--c--secondary);
}
.brand--dobla .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div a:hover, .brand--dobla .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div a:active {
  color: var(--c--black);
}
.brand--dobla .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div:first-child a {
  color: var(--c--secondary);
}
.brand--dobla .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div:first-child a:hover, .brand--dobla .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div:first-child a:active {
  color: var(--c--black);
}
.brand--dobla .paragraph--recipes a,
.brand--dobla .paragraph--products a {
  color: var(--c--secondary);
  transition: color 0.3s ease;
}
.brand--dobla .paragraph--recipes a:hover, .brand--dobla .paragraph--recipes a:active,
.brand--dobla .paragraph--products a:hover,
.brand--dobla .paragraph--products a:active {
  color: var(--text--primary);
}
.brand--dobla .paragraph--datas .content .text-col .datas--icon {
  color: var(--c--white);
}
.brand--dobla .paragraph--datas .content .text-col h2 {
  color: var(--c--secondary);
}
.brand--dobla .paragraph--datas + .paragraph--type--textual > .paragraph-content .cta-wrapper:has(.btn + .btn, .brand--dobla input[type=submit].btn.btn-light + .btn,
.brand--dobla button.btn.btn-light + .btn,
.brand--dobla a.btn.btn-light + .btn, .brand--dobla .btn + input[type=submit].btn.btn-light,
.brand--dobla .btn + button.btn.btn-light,
.brand--dobla .btn + a.btn.btn-light) > .btn:first-child {
  --btn-bg: var(--c--white);
  --btn-border: var(--c--white);
  --btn-hover-border: var(--c--primary);
  --btn-hover-bg: var(--c--primary);
  --btn-hover-color: var(--brands--dobla-brown);
}
.brand--dobla .paragraph--datas + .paragraph--type--textual > .paragraph-content .cta-wrapper .btn {
  --btn-hover-border: var(--c--white);
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--c--secondary);
}
.brand--dobla .paragraph--content-horizontal .swiper-pagination .swiper-pagination-bullet {
  --pagination-hover-color: var(--c--secondary);
}
.brand--dobla .paragraph--content-horizontal .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  color: var(--c--black);
}
.brand--dobla .paragraph--downloads .paragraph--type--download {
  transition: 0.3s ease color;
}
.brand--dobla .paragraph--downloads .paragraph--type--download.bg--bright-red, .brand--dobla .paragraph--downloads .paragraph--type--download.bg--irca-red {
  color: var(--text--primary);
}
.brand--dobla .paragraph--downloads .paragraph--type--download.bg--bright-red .cta-wrapper .btn--icon-text, .brand--dobla .paragraph--downloads .paragraph--type--download.bg--irca-red .cta-wrapper .btn--icon-text {
  --btn-bg: var(--background--background-light);
  --btn-hover-bg: var(--btn-bg);
  --btn-color: var(--background--background-dark);
}
.brand--dobla .paragraph--downloads .paragraph--type--download.bg--bright-red .cta-wrapper .btn--icon-text span, .brand--dobla .paragraph--downloads .paragraph--type--download.bg--irca-red .cta-wrapper .btn--icon-text span {
  color: var(--background--background-dark);
}
.brand--dobla .paragraph--downloads .paragraph--type--download.bg--irca-dark-red .cta-wrapper .btn--icon-text {
  --btn-bg: var(--background--background-dark);
  --btn-hover-bg: var(--background--background-dark);
  --btn-color: var(--background--background-light);
}
.brand--dobla .paragraph--downloads .paragraph--type--download:hover.bg--bright-red .cta-wrapper .btn--icon-text i, .brand--dobla .paragraph--downloads .paragraph--type--download:hover.bg--irca-red .cta-wrapper .btn--icon-text i, .brand--dobla .paragraph--downloads .paragraph--type--download:active.bg--bright-red .cta-wrapper .btn--icon-text i, .brand--dobla .paragraph--downloads .paragraph--type--download:active.bg--irca-red .cta-wrapper .btn--icon-text i {
  background-color: var(--c--black);
}
.brand--dobla .paragraph--downloads .paragraph--type--download:hover.bg--bright-red .cta-wrapper .btn--icon-text span, .brand--dobla .paragraph--downloads .paragraph--type--download:hover.bg--irca-red .cta-wrapper .btn--icon-text span, .brand--dobla .paragraph--downloads .paragraph--type--download:active.bg--bright-red .cta-wrapper .btn--icon-text span, .brand--dobla .paragraph--downloads .paragraph--type--download:active.bg--irca-red .cta-wrapper .btn--icon-text span {
  color: var(--text--primary);
}
.brand--dobla .paragraph--downloads .paragraph--type--download:hover.bg--irca-dark-red .cta-wrapper .btn--icon-text span, .brand--dobla .paragraph--downloads .paragraph--type--download:active.bg--irca-dark-red .cta-wrapper .btn--icon-text span {
  color: var(--background--background-primary);
}
.brand--dobla .paragraph--downloads .paragraph--type--download:hover.bg--irca-dark-red .cta-wrapper .btn--icon-text i, .brand--dobla .paragraph--downloads .paragraph--type--download:active.bg--irca-dark-red .cta-wrapper .btn--icon-text i {
  background-color: var(--background--background-primary);
}
.brand--dobla .node--sustainability-reports--teaser .cta-wrapper .btn--icon-text > i.icon-download {
  background-color: var(--c--secondary);
}
.brand--dobla .node--sustainability-reports--teaser .cta-wrapper .btn--icon-text > span {
  color: var(--c--secondary);
}
.brand--dobla .node--sustainability-reports--teaser:hover .cta-wrapper .btn--icon-text > i.icon-download, .brand--dobla .node--sustainability-reports--teaser:active .cta-wrapper .btn--icon-text > i.icon-download {
  background-color: var(--c--black);
}
.brand--dobla .node--sustainability-reports--teaser:hover .cta-wrapper .btn--icon-text > span, .brand--dobla .node--sustainability-reports--teaser:active .cta-wrapper .btn--icon-text > span {
  color: var(--c--black);
}
.brand--dobla .i-modal.i-modal--location .i-modal-wrapper .i-modal-content .js--i-modal-close {
  --btn-hover-bg: var(--background--background-primary);
}
.brand--dobla .i-modal.i-modal--location .i-modal-wrapper .i-modal-content .i-modal-body .swiper .slider-navigation .btn-icon.btn-black {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-color: var(--text--inverse);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--text--primary);
}
.brand--dobla .node--location-country--teaser .content .cta-wrapper .btn {
  --btn-color: var(--text--primary);
}
.brand--dobla .node--location-country--teaser:hover .content .cta-wrapper .btn, .brand--dobla .node--location-country--teaser:active .content .cta-wrapper .btn {
  background-color: var(--background--background-dark);
  border-color: var(--background--background-dark);
  color: var(--text--inverse);
}
.brand--dobla .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text, .brand--dobla .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text {
  color: var(--background--background-dark);
}
.brand--dobla .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black, .brand--dobla .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black {
  color: var(--c--white);
  border-color: var(--background--background-dark);
  background-color: var(--background--background-dark);
}
.brand--dobla .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--dobla .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active, .brand--dobla .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--dobla .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active {
  color: var(--text-color);
}
.brand--dobla .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--dobla .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn), .brand--dobla .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--dobla .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn) {
  color: inherit;
}
.brand--dobla .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--dobla .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black, .brand--dobla .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--dobla .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black {
  border-color: var(--text-color);
  background-color: var(--text-color);
}
.brand--dobla .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text {
  color: var(--text-color);
}
.brand--dobla .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text span {
  color: inherit;
}
.brand--dobla .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black {
  color: var(--c--white);
  border-color: var(--text-color);
  background-color: var(--text-color);
}
.brand--dobla .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--dobla .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active {
  color: var(--background--background-dark);
}
.brand--dobla .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--dobla .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn) {
  color: inherit;
}
.brand--dobla .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--dobla .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black {
  border-color: var(--background--background-dark);
  background-color: var(--background--background-dark);
}
.brand--dobla .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text, .brand--dobla .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text {
  color: var(--c--primary);
}
.brand--dobla .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black, .brand--dobla .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black {
  color: var(--background--background-dark);
  border-color: var(--c--primary);
  background-color: var(--c--primary);
}
.brand--dobla .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--dobla .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active, .brand--dobla .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--dobla .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active {
  color: var(--c--white);
}
.brand--dobla .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--dobla .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn), .brand--dobla .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--dobla .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn) {
  color: inherit;
}
.brand--dobla .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--dobla .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black, .brand--dobla .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--dobla .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black {
  border-color: var(--c--white);
  background-color: var(--c--white);
}
.brand--dobla .paragraph--quotes.bg--grey .swiper-pagination .swiper-pagination-bullet::before {
  background-color: var(--background--background-dark);
  border-color: var(--background--background-dark);
}
.brand--dobla .shared-tabs,
.brand--dobla .paragraph--type--faq {
  --c--active--text: var(--text--primary);
  --c--hover--text: var(--text--primary);
}
.brand--dobla .paragraph--text-crosslink.bg--primary .cta-wrapper .btn, .brand--dobla .paragraph--text-crosslink.bg--dark .cta-wrapper .btn {
  --btn-bg: var(--c--primary);
  --btn-color: var(--brands--dobla-brown);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--brands--dobla-brown);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--dobla .paragraph--featured-contents .featured-items > div > div:nth-child(4) .btn {
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--dobla .paragraph--featured-contents .featured-items > div > div:nth-child(2) {
  --featured-text-color: var(--text-color);
}
.brand--dobla .paragraph--history .slider-navigation .btn.btn-black {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-color: var(--background--background);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--background--background-dark);
}
.brand--dobla .paragraph--cards.bg--primary .paragraph-cta-wrapper .btn {
  --btn-color: var(--background--background-dark);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--dobla .paragraph--cards.bg--primary.cards--cta--white .btn {
  --btn-color: var(--c--secondary);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-border: var(--btn-hover-bg);
  --btn-hover-color: var(--background--background);
}
.brand--dobla .paragraph--cards.cards--cta--primary .card .cta-wrapper .btn {
  --btn-bg: var(--background--background-primary);
  --btn-border: var(--btn-bg);
  --btn-color: var(--text--primary);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-border: var(--btn-hover-bg);
  --btn-hover-color: var(--background--background);
}

.brand--cesarin {
  --background--background-light: var(--brands--cesarin-light-red);
  --background--background-primary: var(--brands--cesarin-red);
  --background--background-dark: var(--brands--cesarin-dark-red);
  --background--background-highlight: var(--background--background-light);
  --c--primary: var(--brands--cesarin-red);
  --c--primary-light: var(--brands--cesarin-light-red);
  --c--secondary: var(--brands--cesarin-dark-red);
  --c--dark: var(--brands--cesarin-dark-red);
}
.brand--cesarin h1 {
  color: var(--brands--cesarin-dark-red);
}
.brand--cesarin .more-link a {
  color: var(--brands--cesarin-dark-red);
}
.brand--cesarin .more-link a:after {
  background-color: var(--brands--cesarin-dark-red);
}
.brand--cesarin button.btn,
.brand--cesarin a.btn {
  --btn-bg: var(--c--primary);
  --btn-color: var(--c--white);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--brands--cesarin-dark-red);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--cesarin .paragraph--textual-with-image.bg--secondary.layout--simple a.btn {
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--brands--cesarin-dark-red);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--cesarin .node--paragraphs-page--chip:hover, .brand--cesarin .node--paragraphs-page--chip:focus, .brand--cesarin .node--paragraphs-page--chip:active {
  color: var(--c--white);
}
.brand--cesarin .paragraph--bento {
  --background--1: var(--brands--cesarin-dark-red);
  --background--2: var(--background--background-light);
  --background--3: var(--background--background-light);
  --background--4: var(--background--background-primary);
}
.brand--cesarin .paragraph--bento .paragraph--bento--card--1 .btn {
  --btn-color: var(--c--white);
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--c--secondary);
  --btn-hover-border: var(--c--white);
}
.brand--cesarin .paragraph--bento .paragraph--bento--cta .paragraph--bento--cta--inner:last-child {
  color: var(--c--white);
}
.brand--cesarin .paragraph--bento .paragraph--bento--cta .paragraph--bento--cta--inner:last-child .btn {
  --btn-hover-bg: var(--c--secondary);
  --btn-hover-border: var(--c--secondary);
}
.brand--cesarin .paragraph--bento .paragraph--bento--cta .paragraph--bento--cta--inner:first-child {
  background-color: var(--background--background-light);
  color: var(--c--dark);
}
.brand--cesarin .paragraph--bento div .cta-wrapper .btn.btn-icon {
  --btn-hover-bg: var(--brands--cesarin-red);
  --btn-hover-border: var(--brands--cesarin-red);
}
.brand--cesarin .paragraph--bento + .paragraph--type--textual .cta-wrapper > .btn {
  --btn-bg: var(--background--background-light);
  --btn-hover-color: var(--c--white);
}
.brand--cesarin .paragraph--text-crosslink.bg--secondary {
  background-color: var(--background--background);
}
.brand--cesarin .paragraph--text-crosslink.bg--secondary .paragraph-content {
  background-color: var(--background--background-dark);
}
.brand--cesarin .paragraph--text-crosslink.bg--secondary .paragraph--card {
  background-color: var(--background--background-primary);
  color: var(--c--white);
}
.brand--cesarin .paragraph--text-crosslink.bg--secondary .paragraph--card .card--inner-cta-text > .btn {
  --btn-bg: var(--background--background);
  --btn-color: var(--c--secondary);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--btn-color);
  --btn-hover-color: var(--btn-bg);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--cesarin .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper a:hover > span:not(.btn), .brand--cesarin .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper a:focus > span:not(.btn), .brand--cesarin .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper a:active > span:not(.btn) {
  color: var(--c--white);
}
.brand--cesarin .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper a > span.btn.btn-icon {
  --btn-hover-bg: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
  --btn-hover-color: var(--c--dark);
}
.brand--cesarin .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper a > span:not(.btn) {
  transition: 0.45s ease color;
}
.brand--cesarin .paragraph--quote .paragraph-content > .content > .container::before {
  color: var(--c--secondary);
}
.brand--cesarin #social-wall.paragraph--social-wall .paragraph-content {
  background-color: var(--background--background-primary);
  color: var(--text--inverse);
}
.brand--cesarin #social-wall.paragraph--social-wall .paragraph-content .col-info div:first-child p {
  font-size: var(--typography--font-size--h2);
  font-weight: 600;
}
.brand--cesarin #social-wall.paragraph--social-wall .paragraph-content .col-info div > a.btn {
  --btn-bg: var(--c--dark);
  --btn-color: var(--c--white);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--btn-bg);
  --btn-hover-border: var(--c--white);
}
.brand--cesarin #social-wall.paragraph--social-wall + section {
  background-color: var(--background--background-primary);
}
.brand--cesarin #social-wall.paragraph--social-wall .decoration--1 {
  --background--color--1: var(--c--secondary);
}
.brand--cesarin #social-wall.paragraph--social-wall .decoration--2 {
  background-color: var(--background--background);
}
.brand--cesarin #social-wall.paragraph--social-wall .decoration--3 {
  --background--color--1: var(--background--background-light);
}
.brand--cesarin #social-wall.paragraph--social-wall .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  border-color: var(--background--background);
  background-color: var(--background--background);
}
.brand--cesarin .views-view--news .more-link a:after {
  background-color: var(--brands--cesarin-dark-red);
}
.brand--cesarin .paragraph--textual-with-image.bg--dark .paragraph-content .btn {
  --btn-bg: var(--c--primary);
  --btn-color: var(--c--white);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--c--dark);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--cesarin .paragraph--textual-with-image.bg--primary .paragraph-content .btn {
  --btn-bg: var(--c--dark);
  --btn-color: var(--c--white);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--c--secondary);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--cesarin .paragraph--textual-with-image.bg--grey .paragraph-content .btn {
  --btn-bg: var(--c--primary);
  --btn-color: var(--c--white);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--cesarin .paragraph--socials {
  --bg-color: var(--c--secondary);
  --text-color: var(--c--white);
}
.brand--cesarin .paragraph--socials .paragraph-content li.social-cell a {
  color: var(--c--white);
  border-color: var(--c--white);
}
.brand--cesarin .paragraph--socials .paragraph-content li.social-cell a .btn-icon {
  background-color: var(--background--background);
  border-color: var(--background--background);
  color: var(--text--primary);
}
.brand--cesarin .paragraph--socials .paragraph-content li.social-cell a:hover, .brand--cesarin .paragraph--socials .paragraph-content li.social-cell a:active {
  color: var(--c--primary-light);
  border-color: var(--c--primary-light);
}
.brand--cesarin .paragraph--socials .paragraph-content li.social-cell a:hover .btn-icon, .brand--cesarin .paragraph--socials .paragraph-content li.social-cell a:active .btn-icon {
  background-color: var(--background--background-light);
  border-color: var(--background--background-light);
}
.brand--cesarin .paragraph--socials .paragraph-content li.social-cell a:hover h4,
.brand--cesarin .paragraph--socials .paragraph-content li.social-cell a:hover h3, .brand--cesarin .paragraph--socials .paragraph-content li.social-cell a:active h4,
.brand--cesarin .paragraph--socials .paragraph-content li.social-cell a:active h3 {
  color: var(--c--primary-light);
}
.brand--cesarin .paragraph--contacts .contacts-wrapper form {
  background-color: var(--background--background-light);
}
.brand--cesarin .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div:first-child .paragraph--type--contact-card {
  background-color: var(--background--background-primary);
  border-color: var(--background--background-primary);
  color: var(--text--inverse);
}
.brand--cesarin .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div:first-child .paragraph--type--contact-card a {
  color: var(--c--white);
  transition: 0.3s ease color;
}
.brand--cesarin .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div:first-child .paragraph--type--contact-card a:hover, .brand--cesarin .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div:first-child .paragraph--type--contact-card a:active {
  color: var(--c--primary-light);
}
.brand--cesarin .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div .paragraph--type--contact-card:not(:first-child) {
  color: var(--text--primary);
}
.brand--cesarin .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div .paragraph--type--contact-card:not(:first-child) a {
  color: var(--c--primary);
  transition: 0.3s ease color;
}
.brand--cesarin .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div .paragraph--type--contact-card:not(:first-child) a:hover, .brand--cesarin .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div .paragraph--type--contact-card:not(:first-child) a:active {
  color: var(--c--dark);
}
.brand--cesarin .paragraph--recipes a,
.brand--cesarin .paragraph--products a {
  color: var(--c--primary);
  transition: 0.3s ease all;
}
.brand--cesarin .paragraph--recipes a:hover, .brand--cesarin .paragraph--recipes a:active,
.brand--cesarin .paragraph--products a:hover,
.brand--cesarin .paragraph--products a:active {
  color: var(--c--dark);
}
.brand--cesarin .paragraph--datas .content .text-col h2 {
  color: var(--c--white);
}
.brand--cesarin .paragraph--datas + .paragraph--type--textual > .paragraph-content .cta-wrapper:has(.btn + .btn) > .btn:first-child {
  --btn-bg: var(--c--white);
  --btn-border: var(--c--white);
  --btn-hover-border: var(--c--primary);
  --btn-hover-bg: var(--c--primary);
  --btn-hover-color: var(--c--white);
}
.brand--cesarin .paragraph--datas + .paragraph--type--textual > .paragraph-content .cta-wrapper .btn {
  --btn-hover-border: var(--c--white);
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--c--secondary);
}
.brand--cesarin .paragraph--datas + .paragraph--type--textual > .paragraph-content .cta-wrapper .btn:last-child {
  --btn-color: var(--c--white);
}
.brand--cesarin .paragraph--content-horizontal .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  color: var(--c--white);
}
.brand--cesarin .cards--cta--white .paragraph--card .btn {
  --btn-hover-bg: var(--c--primary);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--cesarin .bg--white a:not(.btn),
.brand--cesarin .bg--grey .link {
  color: var(--c--primary);
  transition: 0.3s ease all;
}
.brand--cesarin .bg--white a:not(.btn):hover, .brand--cesarin .bg--white a:not(.btn):active,
.brand--cesarin .bg--grey .link:hover,
.brand--cesarin .bg--grey .link:active {
  color: var(--c--dark);
}
.brand--cesarin .bg--primary {
  --bg-color: var(--c--primary);
  --text-color: var(--c--white);
}
.brand--cesarin .bg--primary .btn {
  --btn-color: var(--c--dark);
  --btn-bg: var(--background--background);
  --btn-hover-color: var(--c--white);
}
.brand--cesarin .bg--primary.cards--cta--white .paragraph--card .btn {
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--cesarin .bg--primary .link {
  color: var(--c--white);
  transition: 0.3s ease all;
}
.brand--cesarin .bg--primary .link:hover, .brand--cesarin .bg--primary .link:active {
  color: var(--c--primary-light);
}
.brand--cesarin .bg--primary .swiper-pagination .swiper-pagination-bullet:before {
  background-color: var(--c--white);
}
.brand--cesarin .bg--primary .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background-color: var(--c--dark);
  border-color: var(--c--dark);
}
.brand--cesarin .bg--primary .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--cesarin .bg--primary .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-color: var(--background--background);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--background--background-dark);
}
.brand--cesarin .bg--primary.paragraph--slider-images .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet:before {
  background-color: transparent;
}
.brand--cesarin .bg--primary.paragraph--slider-images .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: var(--background--background);
}
.brand--cesarin .bg--primary.paragraph--slider-images .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet:before, .brand--cesarin .bg--primary.paragraph--slider-images .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border-color: var(--c--white);
}
.brand--cesarin .bg--grey .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--cesarin .bg--grey .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-bg: var(--background--background);
  --btn-border: var(--background--background);
  --btn-color: var(--background--background-dark);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-border: var(--background--background-dark);
  --btn-hover-color: var(--background--background);
}
.brand--cesarin .bg--secondary .link:hover, .brand--cesarin .bg--secondary .link:active {
  color: var(--c--primary-light);
}
.brand--cesarin .bg--secondary .cta-wrapper .btn,
.brand--cesarin .bg--dark .cta-wrapper .btn {
  --btn-bg: var(--background--background-primary);
  --btn-border: var(--background--background-primary);
  --btn-color: var(--c--white);
  --btn-color: var(--c--white);
  --btn-hover-bg: var(--background--background);
  --btn-hover-color: var(--c--secondary);
}
.brand--cesarin .bg--dark {
  --bg-color: var(--background--background-dark);
}
.brand--cesarin .bg--dark .link {
  color: var(--test--inverse);
  transition: 0.3s ease all;
}
.brand--cesarin .bg--dark .link:hover, .brand--cesarin .bg--dark .link:active {
  color: var(--background--background-light);
}
.brand--cesarin .card-display--simple .paragraph--card .btn {
  --btn-bg: var(--background--background-primary);
  --btn-border: var(--background--background-primary);
  --btn-color: var(--c--white);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-border: var(--background--background-dark);
  --btn-hover-color: var(--c--white);
}
.brand--cesarin .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text, .brand--cesarin .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text {
  color: var(--c--primary);
}
.brand--cesarin .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black, .brand--cesarin .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black {
  color: var(--c--white);
  border-color: var(--c--primary);
  background-color: var(--c--primary);
}
.brand--cesarin .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--cesarin .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active, .brand--cesarin .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--cesarin .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active {
  color: var(--background--background-dark);
}
.brand--cesarin .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--cesarin .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn), .brand--cesarin .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--cesarin .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn) {
  color: inherit;
}
.brand--cesarin .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--cesarin .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black, .brand--cesarin .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--cesarin .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black {
  border-color: var(--background--background-dark);
  background-color: var(--background--background-dark);
}
.brand--cesarin .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text, .brand--cesarin .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text, .brand--cesarin .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text {
  color: var(--c--white);
}
.brand--cesarin .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black, .brand--cesarin .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black, .brand--cesarin .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black {
  color: var(--c--black);
  border-color: var(--c--white);
  background-color: var(--c--white);
}
.brand--cesarin .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--cesarin .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active, .brand--cesarin .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--cesarin .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active, .brand--cesarin .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--cesarin .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active {
  color: var(--background--background-light);
}
.brand--cesarin .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--cesarin .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn), .brand--cesarin .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--cesarin .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn), .brand--cesarin .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--cesarin .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn) {
  color: inherit;
}
.brand--cesarin .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--cesarin .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black, .brand--cesarin .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--cesarin .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black, .brand--cesarin .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--cesarin .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black {
  border-color: var(--background--background-light);
  background-color: var(--background--background-light);
}
.brand--cesarin .paragraph--quotes.bg--white .slider-navigation .btn.btn-icon {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-color: var(--background--background);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--background--background-dark);
}
.brand--cesarin .paragraph--quotes.bg--grey .swiper-pagination .swiper-pagination-bullet::before {
  background-color: var(--background--background-dark);
  border-color: var(--background--background-dark);
}
.brand--cesarin .paragraph--quotes.bg--primary .swiper-pagination .swiper-pagination-bullet::before {
  background-color: var(--c--white);
  border-color: var(--c--white);
}
.brand--cesarin .i-modal.i-modal--location .i-modal-wrapper .i-modal-content .js--i-modal-close {
  --btn-bg: var(--background--background-light);
  --btn-border: var(--background--background-light);
  --btn-color: var(--text--primary);
  --btn-hover-bg: var(--background--background-primary);
}
.brand--cesarin .i-modal.i-modal--location .i-modal-wrapper .i-modal-content .i-modal-body .swiper .slider-navigation .btn-icon.btn-black {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-color: var(--text--inverse);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--text--primary);
}
.brand--cesarin .node--location-country--teaser .content .cta-wrapper .btn {
  --btn-color: var(--text--inverse);
}
.brand--cesarin .node--location-country--teaser:hover .content .cta-wrapper .btn, .brand--cesarin .node--location-country--teaser:active .content .cta-wrapper .btn {
  background-color: var(--background--background-dark);
  border-color: var(--background--background-dark);
}
.brand--cesarin .paragraph--locations .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--cesarin .paragraph--locations .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-color: var(--c--white);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--text--primary);
}
.brand--cesarin .paragraph--downloads .paragraph--type--download {
  transition: 0.3s ease color;
}
.brand--cesarin .paragraph--downloads .paragraph--type--download.bg--bright-red {
  color: var(--text--primary);
}
.brand--cesarin .paragraph--downloads .paragraph--type--download.bg--bright-red .cta-wrapper .btn--icon-text {
  --btn-bg: var(--background--background-light);
  --btn-hover-bg: var(--btn-bg);
  --btn-color: var(--background--background-primary);
}
.brand--cesarin .paragraph--downloads .paragraph--type--download.bg--bright-red .cta-wrapper .btn--icon-text span {
  color: var(--background--background-primary);
}
.brand--cesarin .paragraph--downloads .paragraph--type--download.bg--irca-red .cta-wrapper .btn--icon-text, .brand--cesarin .paragraph--downloads .paragraph--type--download.bg--irca-dark-red .cta-wrapper .btn--icon-text {
  --btn-bg: var(--c--primary);
  --btn-hover-bg: var(--btn-bg);
  --btn-color: var(--background--background);
}
.brand--cesarin .paragraph--downloads .paragraph--type--download.bg--irca-red .cta-wrapper .btn--icon-text span, .brand--cesarin .paragraph--downloads .paragraph--type--download.bg--irca-dark-red .cta-wrapper .btn--icon-text span {
  color: var(--text--inverse);
}
.brand--cesarin .paragraph--downloads .paragraph--type--download:hover.bg--bright-red .cta-wrapper .btn--icon-text i, .brand--cesarin .paragraph--downloads .paragraph--type--download:active.bg--bright-red .cta-wrapper .btn--icon-text i {
  background-color: var(--background--background-dark);
}
.brand--cesarin .paragraph--downloads .paragraph--type--download:hover.bg--bright-red .cta-wrapper .btn--icon-text span, .brand--cesarin .paragraph--downloads .paragraph--type--download:active.bg--bright-red .cta-wrapper .btn--icon-text span {
  color: var(--c--dark);
}
.brand--cesarin .paragraph--downloads .paragraph--type--download:hover.bg--irca-red .cta-wrapper .btn--icon-text span, .brand--cesarin .paragraph--downloads .paragraph--type--download:hover.bg--irca-dark-red .cta-wrapper .btn--icon-text span, .brand--cesarin .paragraph--downloads .paragraph--type--download:active.bg--irca-red .cta-wrapper .btn--icon-text span, .brand--cesarin .paragraph--downloads .paragraph--type--download:active.bg--irca-dark-red .cta-wrapper .btn--icon-text span {
  color: var(--background--background-light);
}
.brand--cesarin .paragraph--downloads .paragraph--type--download:hover.bg--irca-red .cta-wrapper .btn--icon-text i, .brand--cesarin .paragraph--downloads .paragraph--type--download:hover.bg--irca-dark-red .cta-wrapper .btn--icon-text i, .brand--cesarin .paragraph--downloads .paragraph--type--download:active.bg--irca-red .cta-wrapper .btn--icon-text i, .brand--cesarin .paragraph--downloads .paragraph--type--download:active.bg--irca-dark-red .cta-wrapper .btn--icon-text i {
  background-color: var(--background--background-light);
}
.brand--cesarin .paragraph--text-crosslink.bg--primary .cta-wrapper .btn, .brand--cesarin .paragraph--text-crosslink.bg--dark .cta-wrapper .btn {
  --btn-bg: var(--c--primary);
  --btn-color: var(--c--white);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--brands--cesarin-dark-red);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--cesarin .paragraph--type--subscription.bg--secondary .btn, .brand--cesarin .paragraph--type--subscription.bg--dark .btn {
  --btn-color: var(--c--dark);
  --btn-bg: var(--background--background);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--c--primary);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--cesarin .paragraph--featured-contents .featured-items > div > div:nth-child(2) {
  --featured-text-color: var(--text-color);
}
.brand--cesarin .paragraph--featured-contents .featured-items > div > div .btn {
  --btn-hover-bg: var(--c--primary);
  --btn-hover-border: var(--c--primary);
}
.brand--cesarin .paragraph--featured-contents .featured-items > div > div:nth-child(4) .btn {
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--cesarin .paragraph--history .slider-navigation .btn.btn-black {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-color: var(--background--background);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--background--background-dark);
}
.brand--cesarin .paragraph--cards.bg--primary .paragraph-cta-wrapper .btn {
  --btn-color: var(--background--background-dark);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--cesarin .paragraph--cards.cards--cta--primary .card .cta-wrapper .btn {
  --btn-bg: var(--background--background-primary);
  --btn-border: var(--btn-bg);
  --btn-color: var(--text--inverse);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-border: var(--btn-hover-bg);
  --btn-hover-color: var(--text--inverse);
}

.brand--domori {
  --background--background-light: var(--brands--domori-beige);
  --background--background-primary: var(--brands--domori-brown);
  --background--background-dark: var(--brands--domori-dark);
  --background--background-highlight: var(--background--background-light);
  --c--primary: var(--brands--domori-brown);
  --c--primary-light: var(--brands--domori-beige);
  --c--black: var(--brands--domori-dark);
  --c--secondary: var(--c--black);
}
.brand--domori h1 {
  color: var(--brands--domori-dark);
}
.brand--domori .more-link a {
  color: var(--brands--domori-dark);
}
.brand--domori .more-link a:after {
  background-color: var(--brands--domori-dark);
}
.brand--domori button.btn,
.brand--domori a.btn {
  --btn-bg: var(--c--primary);
  --btn-color: var(--c--white);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--brands--domori-dark);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--domori .node--paragraphs-page--chip:hover, .brand--domori .node--paragraphs-page--chip:active {
  color: var(--c--white);
}
.brand--domori .paragraph--history .btn-black {
  --btn-bg: var(--brands--domori-dark);
  --btn-color: var(--c--white);
  --btn-border: var(--brands--domori-dark);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-color: var(--brands--domori-dark);
  --btn-hover-border: var(--background--background-light);
}
.brand--domori .paragraph--history .paragraph--history-slide-section.bg--secondary {
  --bg-color: var(--backgrou) ;
}
.brand--domori .paragraph--bento {
  --background--1: var(--brands--domori-dark);
  --background--2: var(--background--background-light);
  --background--3: var(--background--background-light);
  --background--4: var(--background--background-primary);
}
.brand--domori .paragraph--bento .paragraph--bento--card--1 {
  background-color: var(--brands--domori-dark);
}
.brand--domori .paragraph--bento .paragraph--bento--card--1 .btn {
  --btn-color: var(--c--white);
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--background--background-primary);
  --btn-hover-border: var(--c--white);
}
.brand--domori .paragraph--bento .paragraph--bento--cta .paragraph--bento--cta--inner:last-child {
  color: var(--c--white);
}
.brand--domori .paragraph--bento .paragraph--bento--cta .paragraph--bento--cta--inner:last-child .btn {
  --btn-hover-bg: var(--c--black);
  --btn-hover-border: var(--c--black);
}
.brand--domori .paragraph--bento .paragraph--bento--cta .paragraph--bento--cta--inner:first-child {
  color: var(--c--black);
}
.brand--domori .paragraph--bento div .cta-wrapper .btn.btn-icon {
  --btn-hover-bg: var(--background--background-primary);
  --btn-hover-border: var(--background--background-primary);
}
.brand--domori .paragraph--bento + .paragraph--type--textual .cta-wrapper > .btn {
  --btn-bg: var(--background--background-light);
  --btn-hover-color: var(--c--white);
}
.brand--domori .paragraph--text-crosslink.bg--secondary {
  background-color: var(--background--background);
}
.brand--domori .paragraph--text-crosslink.bg--secondary .paragraph-content {
  background-color: var(--background--background-dark);
}
.brand--domori .paragraph--text-crosslink.bg--secondary .paragraph--card {
  background-color: var(--background--background-primary);
  color: var(--c--white);
}
.brand--domori .paragraph--text-crosslink.bg--secondary .paragraph--card .card--inner-cta-text > .btn {
  --btn-bg: var(--background--background);
  --btn-color: var(--c--black);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--btn-color);
  --btn-hover-color: var(--btn-bg);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--domori .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper a:hover > span:not(.btn), .brand--domori .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper a:active > span:not(.btn) {
  color: var(--c--white);
}
.brand--domori .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper a > span.btn.btn-icon {
  --btn-hover-bg: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
  --btn-hover-color: var(--c--black);
}
.brand--domori .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper a > span:not(.btn) {
  transition: 0.45s ease color;
}
.brand--domori .paragraph--quote .paragraph-content > .content > .container::before {
  color: var(--c--black);
}
.brand--domori #social-wall.paragraph--social-wall .paragraph-content {
  background-color: var(--background--background-primary);
}
.brand--domori #social-wall.paragraph--social-wall .paragraph-content .col-info div:first-child p {
  font-size: var(--typography--font-size--h2);
  font-weight: 600;
  color: var(--c--black);
}
.brand--domori #social-wall.paragraph--social-wall .paragraph-content .col-info div > a.btn {
  --btn-bg: var(--c--black);
  --btn-color: var(--c--white);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--btn-bg);
  --btn-hover-border: var(--c--white);
}
.brand--domori #social-wall.paragraph--social-wall + section {
  background-color: var(--background--background-primary);
}
.brand--domori #social-wall.paragraph--social-wall .decoration--1 {
  --background--color--1: var(--c--black);
}
.brand--domori #social-wall.paragraph--social-wall .decoration--2 {
  background-color: var(--background--background);
}
.brand--domori #social-wall.paragraph--social-wall .decoration--3 {
  --background--color--1: var(--background--background-light);
}
.brand--domori #social-wall.paragraph--social-wall .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  border-color: var(--background--background);
  background-color: var(--background--background);
}
.brand--domori .views-view--news .more-link a:after {
  background-color: var(--brands--domori-dark);
}
.brand--domori .node--news--teaser .shared-card > .info > .cta-wrapper > .btn.btn-primary {
  --btn-bg: var(--background--background-primary);
  --btn-color: var(--c--black);
  --btn-border: var(--background--background-primary);
  --btn-hover-bg: var(--background--background);
  --btn-hover-color: var(--c--primary);
  --btn-hover-border: var(--c--primary);
}
.brand--domori .paragraph--textual-with-image.bg--dark .paragraph-content .btn {
  --btn-bg: var(--c--primary);
  --btn-color: var(--c--white);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--c--black);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--domori .paragraph--textual-with-image.bg--primary .paragraph-content .btn {
  --btn-bg: var(--c--black);
  --btn-color: var(--c--white);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--c--black);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--domori .paragraph--textual-with-image.bg--grey .paragraph-content .btn {
  --btn-bg: var(--c--primary);
  --btn-color: var(--c--white);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--domori .paragraph--textual-with-image[class*=layout--boxed].bg--primary .paragraph-content .btn {
  --btn-bg: var(--c--white);
  --btn-color: var(--c--primary);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--c--black);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--domori .paragraph--textual-with-image[class*=layout--boxed].bg--dark .paragraph-content .btn {
  --btn-bg: var(--c--white);
  --btn-color: var(--c--primary);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--c--primary);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--domori .paragraph--textual-with-image.layout--image_background.bg--dark .paragraph-content .btn {
  --btn-bg: var(--c--white);
  --btn-color: var(--c--primary);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--c--primary);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--domori .paragraph--socials {
  --bg-color: var(--c--black);
  --text-color: var(--c--white);
}
.brand--domori .paragraph--socials .paragraph-content li.social-cell a {
  color: var(--c--white);
  border-color: var(--c--white);
}
.brand--domori .paragraph--socials .paragraph-content li.social-cell a .btn-icon {
  background-color: var(--background--background);
  border-color: var(--background--background);
  color: var(--c--black);
}
.brand--domori .paragraph--socials .paragraph-content li.social-cell a:hover, .brand--domori .paragraph--socials .paragraph-content li.social-cell a:active {
  border-color: var(--c--primary-light);
}
.brand--domori .paragraph--socials .paragraph-content li.social-cell a:hover .btn-icon, .brand--domori .paragraph--socials .paragraph-content li.social-cell a:active .btn-icon {
  background-color: var(--background--background-light);
  border-color: var(--background--background-light);
}
.brand--domori .paragraph--socials .paragraph-content li.social-cell a:hover h4,
.brand--domori .paragraph--socials .paragraph-content li.social-cell a:hover h3, .brand--domori .paragraph--socials .paragraph-content li.social-cell a:active h4,
.brand--domori .paragraph--socials .paragraph-content li.social-cell a:active h3 {
  color: var(--c--primary-light);
}
.brand--domori .paragraph--contacts .contacts-wrapper form {
  background-color: var(--background--background-light);
}
.brand--domori .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div a {
  transition: 0.3s ease color;
}
.brand--domori .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div:first-child .paragraph--type--contact-card,
.brand--domori .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div:first-child .paragraph--contact-card a {
  color: var(--c--white);
}
.brand--domori .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div:not(div:first-child) a {
  color: var(--c--primary);
}
.brand--domori .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div:not(div:first-child) a:hover, .brand--domori .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div:not(div:first-child) a:active {
  color: var(--c--black);
}
.brand--domori .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div:first-child .paragraph--contact-card a:hover, .brand--domori .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div:first-child .paragraph--contact-card a:active {
  color: var(--c--primary-light);
}
.brand--domori .paragraph--recipes a,
.brand--domori .paragraph--products a {
  color: var(--c--primary);
  transition: 0.3s ease all;
}
.brand--domori .paragraph--recipes a:hover, .brand--domori .paragraph--recipes a:active,
.brand--domori .paragraph--products a:hover,
.brand--domori .paragraph--products a:active {
  color: var(--c--dark);
}
.brand--domori .paragraph--datas .content .text-col .datas--icon {
  color: var(--c--white);
}
.brand--domori .paragraph--datas .content .text-col h2 {
  color: var(--c--white);
}
.brand--domori .paragraph--datas + .paragraph--type--textual > .paragraph-content .cta-wrapper:has(.btn + .btn) > .btn:first-child {
  --btn-bg: var(--c--white);
  --btn-border: var(--c--white);
  --btn-hover-border: var(--c--primary);
  --btn-hover-bg: var(--c--primary);
  --btn-hover-color: var(--c--white);
}
.brand--domori .paragraph--datas + .paragraph--type--textual > .paragraph-content .cta-wrapper .btn {
  --btn-hover-border: var(--c--white);
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--c--black);
}
.brand--domori .paragraph--datas + .paragraph--type--textual > .paragraph-content .cta-wrapper .btn:last-child {
  --btn-color: var(--c--white);
}
.brand--domori .paragraph--content-horizontal .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  color: var(--c--white);
}
.brand--domori .paragraph--cards.bg--dark .paragraph-content {
  background-color: var(--background--background-dark);
}
.brand--domori .cards--cta--white .paragraph--card .btn {
  --btn-hover-bg: var(--c--primary);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--domori .node--sustainability-reports--teaser .cta-wrapper .btn--icon-text > span {
  color: var(--c--primary);
  font-weight: 600;
}
.brand--domori .node--sustainability-reports--teaser:hover .cta-wrapper .btn--icon-text > i.icon-download, .brand--domori .node--sustainability-reports--teaser:active .cta-wrapper .btn--icon-text > i.icon-download {
  background-color: var(--c--black);
}
.brand--domori .node--sustainability-reports--teaser:hover .cta-wrapper .btn--icon-text > span, .brand--domori .node--sustainability-reports--teaser:active .cta-wrapper .btn--icon-text > span {
  color: var(--c--black);
}
.brand--domori .bg--white .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--domori .bg--white .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
}
.brand--domori .bg--white .link {
  color: var(--c--primary);
  transition: 0.3s ease all;
}
.brand--domori .bg--white .link:hover, .brand--domori .bg--white .link:active {
  color: var(--c--dark);
}
.brand--domori .bg--primary {
  --bg-color: var(--c--primary);
  --text-color: var(--c--white);
}
.brand--domori .bg--primary .link {
  color: var(--c--white);
  transition: 0.3s ease all;
}
.brand--domori .bg--primary .link:hover, .brand--domori .bg--primary .link:active {
  color: var(--c--primary-light);
}
.brand--domori .bg--primary .btn {
  --btn-color: var(--c--primary);
  --btn-bg: var(--background--background);
  --btn-hover-color: var(--c--white);
}
.brand--domori .bg--primary.cards--cta--white .paragraph--card .btn {
  --btn-hover-bg: var(--brands--domori-dark);
}
.brand--domori .bg--primary .paragraph--type--chip {
  --bg-hover: var(--background--background-dark);
}
.brand--domori .bg--primary .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--domori .bg--primary .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-color: var(--background--background);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--background--background-dark);
}
.brand--domori .bg--grey .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--domori .bg--grey .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-bg: var(--background--background);
  --btn-border: var(--background--background);
  --btn-color: var(--background--background-dark);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-border: var(--background--background-dark);
  --btn-hover-color: var(--background--background);
}
.brand--domori .bg--grey .link {
  transition: 0.3s ease all;
}
.brand--domori .bg--grey .link:hover, .brand--domori .bg--grey .link:active {
  color: var(--c--dark);
}
.brand--domori .bg--secondary .btn,
.brand--domori .bg--dark .btn {
  --btn-color: var(--c--primary);
  --btn-bg: var(--c--white);
  --btn-border: var(--c--white);
  --btn-hover-color: var(--c--white);
  --btn-hover-bg: var(--c--primary);
  --btn-hover-border: var(--c--primary);
}
.brand--domori .bg--dark {
  --bg-color: var(--background--background-dark);
}
.brand--domori .bg--dark .link {
  transition: 0.3s ease all;
}
.brand--domori .bg--dark .link:hover, .brand--domori .bg--dark .link:active {
  color: var(--c--primary-light);
}
.brand--domori .i-modal.i-modal--location .i-modal-wrapper .i-modal-content .js--i-modal-close {
  --btn-bg: var(--background--background-light);
  --btn-border: var(--background--background-light);
  --btn-color: var(--text--primary);
  --btn-hover-bg: var(--background--background-primary);
}
.brand--domori .i-modal.i-modal--location .i-modal-wrapper .i-modal-content .i-modal-body .swiper .slider-navigation .btn-icon.btn-black {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-color: var(--text--inverse);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--text--primary);
}
.brand--domori .node--location-country--teaser .content .cta-wrapper .btn {
  --btn-color: var(--text--inverse);
}
.brand--domori .node--location-country--teaser:hover .content .cta-wrapper .btn, .brand--domori .node--location-country--teaser:active .content .cta-wrapper .btn {
  background-color: var(--background--background-dark);
  border-color: var(--background--background-dark);
}
.brand--domori .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text, .brand--domori .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text {
  color: var(--background--background-primary);
}
.brand--domori .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black, .brand--domori .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black {
  color: var(--c--white);
  border-color: var(--background--background-primary);
  background-color: var(--background--background-primary);
}
.brand--domori .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--domori .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active, .brand--domori .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--domori .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active {
  color: var(--text-color);
}
.brand--domori .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--domori .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn), .brand--domori .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--domori .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn) {
  color: inherit;
}
.brand--domori .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--domori .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black, .brand--domori .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--domori .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black {
  border-color: var(--text-color);
  background-color: var(--text-color);
}
.brand--domori .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text, .brand--domori .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text, .brand--domori .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text {
  color: var(--c--white);
}
.brand--domori .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black, .brand--domori .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black, .brand--domori .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black {
  color: var(--c--black);
  border-color: var(--c--white);
  background-color: var(--c--white);
}
.brand--domori .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--domori .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active, .brand--domori .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--domori .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active, .brand--domori .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--domori .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active {
  color: var(--background--background-light);
}
.brand--domori .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--domori .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn), .brand--domori .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--domori .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn), .brand--domori .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--domori .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn) {
  color: inherit;
}
.brand--domori .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--domori .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black, .brand--domori .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--domori .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black, .brand--domori .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--domori .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black {
  border-color: var(--background--background-light);
  background-color: var(--background--background-light);
}
.brand--domori .paragraph--quotes.bg--grey .swiper-pagination .swiper-pagination-bullet::before {
  background-color: var(--background--background-dark);
  border-color: var(--background--background-dark);
}
.brand--domori .paragraph--text-crosslink.bg--primary .cta-wrapper .btn, .brand--domori .paragraph--text-crosslink.bg--dark .cta-wrapper .btn,
.brand--domori .paragraph--cards.bg--primary .cta-wrapper .btn,
.brand--domori .paragraph--cards.bg--dark .cta-wrapper .btn {
  --btn-bg: var(--c--primary);
  --btn-color: var(--c--white);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--brands--domori-dark);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--domori .paragraph--text-crosslink.bg--primary .paragraph-cta-wrapper .btn,
.brand--domori .paragraph--cards.bg--primary .paragraph-cta-wrapper .btn {
  --btn-bg: var(--c--white);
  --btn-color: var(--background--background-dark);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--domori .paragraph--featured-contents .featured-items .paragraph--featured-content .cta-wrapper .btn {
  --btn-hover-bg: var(--background--background-primary);
  --btn-hover-border: var(--background--background-primary);
}
.brand--domori .paragraph--featured-contents .featured-items > div > div:nth-child(2) {
  --featured-text-color: var(--text-color);
}
.brand--domori .paragraph--featured-contents .featured-items > div > div:nth-child(4) .cta-wrapper .btn {
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-border: var(--background--background-dark);
}
.brand--domori .paragraph--downloads .paragraph--type--download {
  transition: 0.3s ease color;
}
.brand--domori .paragraph--downloads .paragraph--type--download.bg--bright-red {
  color: var(--text--primary);
}
.brand--domori .paragraph--downloads .paragraph--type--download.bg--bright-red .cta-wrapper .btn--icon-text {
  --btn-bg: var(--background--background-light);
  --btn-hover-bg: var(--btn-bg);
  --btn-color: var(--background--background-primary);
}
.brand--domori .paragraph--downloads .paragraph--type--download.bg--bright-red .cta-wrapper .btn--icon-text span {
  color: var(--background--background-primary);
}
.brand--domori .paragraph--downloads .paragraph--type--download.bg--irca-red .cta-wrapper .btn--icon-text {
  --btn-bg: var(--c--primary);
  --btn-hover-bg: var(--btn-bg);
  --btn-color: var(--background--background);
}
.brand--domori .paragraph--downloads .paragraph--type--download.bg--irca-red .cta-wrapper .btn--icon-text span {
  color: var(--text--inverse);
}
.brand--domori .paragraph--downloads .paragraph--type--download.bg--irca-dark-red .cta-wrapper .btn--icon-text {
  --btn-bg: var(--background--background-dark);
  --btn-hover-bg: var(--btn-bg);
  --btn-color: var(--background--background);
}
.brand--domori .paragraph--downloads .paragraph--type--download.bg--irca-dark-red .cta-wrapper .btn--icon-text span {
  color: var(--text--inverse);
}
.brand--domori .paragraph--downloads .paragraph--type--download:hover.bg--bright-red .cta-wrapper .btn--icon-text i, .brand--domori .paragraph--downloads .paragraph--type--download:active.bg--bright-red .cta-wrapper .btn--icon-text i {
  background-color: var(--background--background-dark);
}
.brand--domori .paragraph--downloads .paragraph--type--download:hover.bg--bright-red .cta-wrapper .btn--icon-text span, .brand--domori .paragraph--downloads .paragraph--type--download:active.bg--bright-red .cta-wrapper .btn--icon-text span {
  color: var(--text--primary);
}
.brand--domori .paragraph--downloads .paragraph--type--download:hover.bg--irca-red .cta-wrapper .btn--icon-text span, .brand--domori .paragraph--downloads .paragraph--type--download:active.bg--irca-red .cta-wrapper .btn--icon-text span {
  color: var(--background--background-light);
}
.brand--domori .paragraph--downloads .paragraph--type--download:hover.bg--irca-red .cta-wrapper .btn--icon-text i, .brand--domori .paragraph--downloads .paragraph--type--download:active.bg--irca-red .cta-wrapper .btn--icon-text i {
  background-color: var(--background--background-light);
}
.brand--domori .paragraph--downloads .paragraph--type--download:hover.bg--irca-dark-red .cta-wrapper .btn--icon-text span, .brand--domori .paragraph--downloads .paragraph--type--download:active.bg--irca-dark-red .cta-wrapper .btn--icon-text span {
  color: var(--background--background-light);
}
.brand--domori .paragraph--downloads .paragraph--type--download:hover.bg--irca-dark-red .cta-wrapper .btn--icon-text i, .brand--domori .paragraph--downloads .paragraph--type--download:active.bg--irca-dark-red .cta-wrapper .btn--icon-text i {
  background-color: var(--background--background-light);
}

.brand--ravifruit {
  --c--primary: var(--brands--ravifruit-green);
  --c--primary-light: var(--brands--ravifruit-beige);
  --c--secondary: var(--brands--ravifruit-orange);
  --background--background-primary: var(--brands--ravifruit-yellow);
  --background--background-light: var(--c--primary-light);
  --background--background-dark: var(--c--primary);
  --background--background-secondary: var(--c--secondary);
  --background--background-highlight: var(--background--background-light);
}
.brand--ravifruit .hero-full .content {
  background-color: var(--background--background-light);
}
.brand--ravifruit .hero-full .content h1 {
  color: var(--c--primary);
}
.brand--ravifruit .bg--secondary,
.brand--ravifruit .bg--primary {
  --text-color: var(--text--primary);
}
.brand--ravifruit .bg--secondary .link,
.brand--ravifruit .bg--primary .link {
  transition: 0.3s ease all;
  color: var(--c--primary);
}
.brand--ravifruit .bg--secondary .link i,
.brand--ravifruit .bg--primary .link i {
  background-color: var(--background--background-dark);
  transition: 0.3s ease background-color;
  color: var(--c--white);
}
.brand--ravifruit .bg--secondary .link:hover, .brand--ravifruit .bg--secondary .link:active,
.brand--ravifruit .bg--primary .link:hover,
.brand--ravifruit .bg--primary .link:active {
  color: var(--text--primary);
}
.brand--ravifruit .bg--secondary .link:hover i, .brand--ravifruit .bg--secondary .link:active i,
.brand--ravifruit .bg--primary .link:hover i,
.brand--ravifruit .bg--primary .link:active i {
  background-color: var(--text--primary);
}
.brand--ravifruit .bg--dark {
  --bg-color: var(--background--background-dark);
  --text-color: var(--text--inverse);
}
.brand--ravifruit .bg--dark .paragraph--card .btn {
  --btn-color: var(--text--primary);
  --btn-bg: var(--brands--ravifruit-bright-green);
  --btn-border: var(--brands--ravifruit-bright-green);
  --btn-hover-bg: var(--background--background);
  --btn-hover-color: var(--background--background-dark);
  --btn-hover-border: var(--background--background);
}
.brand--ravifruit .bg--dark.cards--cta--white .paragraph--card .btn {
  --btn-bg: var(--background--background);
  --btn-border: var(--background--background);
  --btn-color: var(--background--background-dark);
  --btn-hover-bg: var(--brands--ravifruit-bright-green);
  --btn-hover-border: var(--brands--ravifruit-bright-green);
  --btn-hover-color: var(--text--primary);
}
.brand--ravifruit .bg--dark a:not(.btn) {
  color: var(--background--background-light);
  transition: 0.3s ease all;
}
.brand--ravifruit .bg--dark a:not(.btn) i {
  background-color: var(--background--background-light);
  transition: 0.3s ease background-color;
  color: var(--text--primary);
}
.brand--ravifruit .bg--dark a:not(.btn):hover, .brand--ravifruit .bg--dark a:not(.btn):active {
  color: var(--background--background);
}
.brand--ravifruit .bg--dark a:not(.btn):hover i, .brand--ravifruit .bg--dark a:not(.btn):active i {
  background-color: var(--background--background);
}
.brand--ravifruit .bg--dark .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--ravifruit .bg--dark .slider-navigation .btn.btn-icon.js--slider-navigation__next,
.brand--ravifruit .bg--grey .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--ravifruit .bg--grey .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-color: var(--text--primary);
  --btn-hover-bg: var(--brands--ravifruit-bright-green);
  --btn-hover-border: var(--brands--ravifruit-bright-green);
  --btn-hover-color: var(--text--primary);
}
.brand--ravifruit .bg--white .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--ravifruit .bg--white .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-bg: var(--brands--ravifruit-bright-green);
  --btn-border: var(--brands--ravifruit-bright-green);
  --btn-color: var(--text--primary);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--text--primary);
}
.brand--ravifruit .bg--white .cta-wrapper .btn,
.brand--ravifruit .bg--grey .cta-wrapper .btn,
.brand--ravifruit .bg--primary .cta-wrapper .btn {
  --btn-hover-bg: var(--brands--ravifruit-bright-green);
  --btn-hover-border: var(--brands--ravifruit-bright-green);
  --btn-hover-color: var(--text--primary);
}
.brand--ravifruit .bg--dark .btn {
  --btn-bg: var(--background--background);
  --btn-border: var(--btn-bg);
  --btn-color: var(--background--background-dark);
  --btn-hover-bg: var(--brands--ravifruit-bright-green);
  --btn-hover-border: var(--btn-hover-bg);
  --btn-hover-color: var(--c--black);
}
.brand--ravifruit .card-display--simple .paragraph--card .btn,
.brand--ravifruit .cards--list.card-display--dynamic .paragraph--card .btn {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-color: var(--background--background);
  --btn-hover-bg: var(--brands--ravifruit-bright-green);
  --btn-hover-border: var(--brands--ravifruit-bright-green);
  --btn-hover-color: var(--c--black);
}
.brand--ravifruit .bg--primary .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--ravifruit .bg--primary .slider-navigation .btn.btn-icon.js--slider-navigation__next,
.brand--ravifruit .bg--secondary .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--ravifruit .bg--secondary .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-color: var(--background--background);
  --btn-hover-bg: var(--background--background);
  --btn-hover-border: var(--background--background);
  --btn-hover-color: var(--text--primary);
}
.brand--ravifruit .bg--white .swiper-pagination .swiper-pagination-bullet,
.brand--ravifruit .bg--grey .swiper-pagination .swiper-pagination-bullet {
  --background--background-primary: var(--c--primary);
}
.brand--ravifruit .bg--primary .swiper-pagination .swiper-pagination-bullet:before,
.brand--ravifruit .bg--secondary .swiper-pagination .swiper-pagination-bullet:before {
  background-color: var(--c--primary);
  border-color: var(--c--primary);
}
.brand--ravifruit .bg--primary .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,
.brand--ravifruit .bg--secondary .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background-color: var(--c--primary);
  border-color: var(--c--primary);
}
.brand--ravifruit .paragraph--locations .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--ravifruit .paragraph--locations .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-bg: var(--brands--ravifruit-bright-green);
  --btn-border: var(--brands--ravifruit-bright-green);
  --btn-color: var(--text--primary);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--text--primary);
}
.brand--ravifruit .paragraph--bento .paragraph--bento--card--small .cta-wrapper .btn,
.brand--ravifruit .paragraph--bento--cta .paragraph--bento--cta--inner .cta-wrapper .btn,
.brand--ravifruit .paragraph--datas + .paragraph--type--textual > .paragraph-content .cta-wrapper:has(.btn + .btn) > .btn:first-child {
  --btn-hover-bg: var(--c--primary);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--ravifruit .paragraph--bento .paragraph--bento--list {
  --background--1: var(--brands--ravifruit-orange);
  --background--2: var(--background--background-primary);
  --background--3: var(--background--background-primary);
  --background--4: var(--brands--ravifruit-green);
}
.brand--ravifruit .paragraph--bento .paragraph--bento--list .paragraph--bento--card--1 {
  color: initial;
}
.brand--ravifruit .paragraph--bento .paragraph--bento--list .paragraph--bento--card--1 strong {
  color: var(--c--white);
  background-color: var(--c--black);
}
.brand--ravifruit .paragraph--bento .paragraph--bento--list .paragraph--bento--card--1 .cta-wrapper .btn {
  --btn-bg: var(--c--primary);
  --btn-hover-bg: var(--background--background);
  --btn-hover-color: var(--c--primary);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--ravifruit .paragraph--bento .paragraph--bento--list .paragraph--bento--cta .paragraph--bento--cta--inner:last-child .btn {
  --btn-hover-bg: var(--brands--ravifruit-bright-green);
  --btn-hover-color: var(--c--black);
  --btn-hover-border: var(--brands--ravifruit-bright-green);
}
.brand--ravifruit .paragraph--bento .paragraph--bento--list .paragraph--bento--cta .paragraph--bento--cta--inner:first-child {
  color: initial;
}
.brand--ravifruit .i-modal.i-modal--location .i-modal-wrapper .i-modal-content .js--i-modal-close {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--background--background-dark);
  --btn-color: var(--text--inverse);
  --btn-hover-bg: var(--brands--ravifruit-bright-green);
  --btn-hover-border: var(--brands--ravifruit-bright-green);
}
.brand--ravifruit .i-modal.i-modal--location .i-modal-wrapper .i-modal-content .i-modal-body .swiper .slider-navigation .btn-icon.btn-black {
  --btn-bg: var(--brands--ravifruit-bright-green);
  --btn-border: var(--brands--ravifruit-bright-green);
  --btn-color: var(--text--primary);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--text--primary);
}
.brand--ravifruit .node--location-country--teaser .content .cta-wrapper .btn {
  background-color: var(--background--background-dark);
  border-color: var(--background--background-dark);
  color: var(--text--inverse);
}
.brand--ravifruit .node--location-country--teaser:hover .content .cta-wrapper .btn, .brand--ravifruit .node--location-country--teaser:active .content .cta-wrapper .btn {
  background-color: var(--brands--ravifruit-bright-green);
  border-color: var(--brands--ravifruit-bright-green);
  color: var(--text--primary);
}
.brand--ravifruit .paragraph--bento + .paragraph--type--textual .cta-wrapper > .btn {
  --btn-bg: var(--background--background-light);
  --btn-color: initial;
  --btn-hover-color: var(--c--white);
}
.brand--ravifruit .paragraph--cards.bg--primary .paragraph-content {
  --bg-color: var(--background--background-primary);
  color: var(--text--primary);
}
.brand--ravifruit .paragraph--cards.bg--secondary .paragraph-content {
  --bg-color: var(--background--background-secondary);
}
.brand--ravifruit .paragraph--cards.bg--primary.cards--cta--white .cta-wrapper .btn, .brand--ravifruit .paragraph--cards.bg--secondary.cards--cta--white .cta-wrapper .btn {
  --btn-bg: var(--background--background);
  --btn-border: var(--btn-bg);
  --btn-color: var(--c--primary);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-border: var(--btn-hover-bg);
  --btn-hover-color: var(--text--inverse);
}
.brand--ravifruit .paragraph--cards.cards--cta--primary .paragraph--card .cta-wrapper .btn {
  --btn-bg: var(--background--background-dark);
  --btn-border: var(--btn-bg);
  --btn-color: var(--text--inverse);
  --btn-hover-bg: var(--brands--ravifruit-bright-green);
  --btn-hover-border: var(--btn-hover-bg);
  --btn-hover-color: var(--text-primary);
}
.brand--ravifruit .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper a > span.btn.btn-icon {
  --btn-bg: var(--brands--ravifruit-yellow);
  --btn-border: var(--btn-bg);
  --btn-color: var(--brands--ravifruit-purple);
  --btn-hover-bg: var(--background--background);
  --btn-hover-color: var(--btn-color);
  --btn-hover-border: var(--background--background);
}
.brand--ravifruit .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper a:hover > span:not(.btn), .brand--ravifruit .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper a:active > span:not(.btn) {
  color: var(--c--white);
}
.brand--ravifruit .paragraph--quote .paragraph-content > .content > .container::before {
  color: var(--brands--ravifruit-yellow);
}
.brand--ravifruit .paragraph--quote .paragraph--cards.bg--primary .paragraph-cta-wrapper .btn {
  --btn-bg: var(--c--white);
  --btn-color: var(--background--background-dark);
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--ravifruit .paragraph--quote .paragraph--cards.bg--primary .paragraph-content {
  --bg-color: var(--background--background-primary);
  color: var(--text--primary);
}
.brand--ravifruit .paragraph--quote .paragraph--cards.bg--dark .blockquote-box-wrapper:before {
  color: var(--c--white);
}
.brand--ravifruit .paragraph--quote .paragraph--text-crosslink.bg--secondary .paragraph-content {
  background-color: var(--brands--ravifruit-yellow);
  color: initial;
}
.brand--ravifruit .paragraph--quote .paragraph--text-crosslink.bg--secondary .paragraph--card {
  background-color: var(--background--background-light);
}
.brand--ravifruit .paragraph--quote .paragraph--text-crosslink.bg--primary .cta-wrapper .btn, .brand--ravifruit .paragraph--quote .paragraph--text-crosslink.bg--secondary .cta-wrapper .btn {
  --btn-hover-bg: var(--brands--ravifruit-bright-green);
  --btn-hover-border: var(--btn-hover-bg);
  --btn-hover-color: var(--c--black);
}
.brand--ravifruit .paragraph--quote .paragraph--text-crosslink.bg--dark .cta-wrapper .btn {
  --btn-bg: var(--c--primary);
  --btn-color: var(--c--white);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--brands--ravifruit-bright-green);
  --btn-hover-border: var(--btn-hover-bg);
  --btn-hover-color: var(--c--black);
}
.brand--ravifruit .paragraph--quote #social-wall.paragraph--social-wall .paragraph-content {
  background-color: var(--background--background-light);
  color: initial;
}
.brand--ravifruit .paragraph--quote #social-wall.paragraph--social-wall .paragraph-content .col-info div:first-child p {
  font-size: var(--typography--font-size--h2);
  font-weight: 600;
  color: var(--c--black);
}
.brand--ravifruit .paragraph--quote #social-wall.paragraph--social-wall .paragraph-content .col-info div > a.btn {
  --btn-hover-bg: var(--brands--ravifruit-bright-green);
  --btn-hover-color: var(--c--black);
  --btn-hover-border: var(--brands--ravifruit-bright-green);
}
.brand--ravifruit .paragraph--quote #social-wall.paragraph--social-wall + section {
  background-color: var(--background--background-light);
}
.brand--ravifruit .paragraph--quote #social-wall.paragraph--social-wall .decoration--1 {
  background-color: var(--brands--ravifruit-bright-green);
}
.brand--ravifruit .paragraph--quote #social-wall.paragraph--social-wall .decoration--2 {
  background-color: var(--background--background);
}
.brand--ravifruit .paragraph--quote #social-wall.paragraph--social-wall .decoration--3 {
  background-color: var(--background--background-light);
}
.brand--ravifruit .paragraph--textual-with-image.bg--primary .col-text {
  --bg-color: var(--background--background-primary);
  color: initial;
}
.brand--ravifruit .paragraph--textual-with-image.bg--secondary .col-text {
  --bg-color: var(--background--background-secondary);
  color: initial;
}
.brand--ravifruit .paragraph--textual-with-image.bg--primary .cta-wrapper .btn, .brand--ravifruit .paragraph--textual-with-image.bg--secondary .cta-wrapper .btn {
  --btn-hover-bg: var(--background--background);
  --btn-hover-border: var(--btn-hover-bg);
  --btn-hover-color: var(--c--primary);
}
.brand--ravifruit .paragraph--socials {
  --bg-color: var(--brands--ravifruit-orange);
}
.brand--ravifruit .paragraph--socials .paragraph-content {
  color: var(--text--primary);
}
.brand--ravifruit .paragraph--socials .paragraph-content li.social-cell a {
  color: var(--text--primary);
  border-color: var(--c--white);
}
.brand--ravifruit .paragraph--socials .paragraph-content li.social-cell a .btn-icon {
  background-color: var(--background--background);
  border-color: var(--background--background);
  color: var(--text--primary);
}
.brand--ravifruit .paragraph--socials .paragraph-content li.social-cell a:hover, .brand--ravifruit .paragraph--socials .paragraph-content li.social-cell a:active {
  border-color: var(--brands--ravifruit-green);
}
.brand--ravifruit .paragraph--socials .paragraph-content li.social-cell a:hover .btn-icon, .brand--ravifruit .paragraph--socials .paragraph-content li.social-cell a:active .btn-icon {
  background-color: var(--c--primary);
  border-color: var(--c--primary);
  color: var(--background--background);
}
.brand--ravifruit .paragraph--socials .paragraph-content li.social-cell a:hover h4,
.brand--ravifruit .paragraph--socials .paragraph-content li.social-cell a:hover h3, .brand--ravifruit .paragraph--socials .paragraph-content li.social-cell a:active h4,
.brand--ravifruit .paragraph--socials .paragraph-content li.social-cell a:active h3 {
  color: var(--brands--ravifruit-green);
}
.brand--ravifruit .paragraph--contacts .contacts-wrapper form {
  background-color: var(--background--background-light);
}
.brand--ravifruit .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div:first-child .paragraph--type--contact-card {
  background-color: var(--background--background-primary);
  border-color: var(--background--background-primary);
}
.brand--ravifruit .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div .paragraph--type--contact-card {
  color: var(--text--primary);
}
.brand--ravifruit .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div .paragraph--type--contact-card a {
  color: var(--c--primary);
  transition: 0.3s ease color;
}
.brand--ravifruit .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div .paragraph--type--contact-card a:hover, .brand--ravifruit .paragraph--contacts .contacts-wrapper .paragraph--contacts-card-list > div > div .paragraph--type--contact-card a:active {
  color: var(--text--primary);
}
.brand--ravifruit .paragraph--datas .paragraph-content {
  background-color: var(--background--background-dark);
  color: var(--c--white);
}
.brand--ravifruit .paragraph--datas .content .text-col .datas--icon {
  color: var(--brands--ravifruit-yellow);
}
.brand--ravifruit .paragraph--datas + .paragraph--type--textual > .paragraph-content {
  background-color: var(--brands--ravifruit-yellow);
  color: initial;
}
.brand--ravifruit .paragraph--datas + .paragraph--type--textual > .paragraph-content .cta-wrapper:has(.btn + .btn) > .btn:first-child {
  --btn-bg: var(--c--white);
  --btn-border: var(--c--white);
  --btn-color: var(--text--primary);
}
.brand--ravifruit .paragraph--datas + .paragraph--type--textual > .paragraph-content .cta-wrapper .btn:last-child {
  --btn-color: var(--c--white);
}
.brand--ravifruit .node--sustainability-reports--teaser .cta-wrapper .btn--icon-text > span {
  color: var(--c--primary);
  font-weight: 600;
}
.brand--ravifruit .node--sustainability-reports--teaser:hover .cta-wrapper .btn--icon-text > i.icon-download, .brand--ravifruit .node--sustainability-reports--teaser:active .cta-wrapper .btn--icon-text > i.icon-download {
  background-color: var(--text--primary);
}
.brand--ravifruit .node--sustainability-reports--teaser:hover .cta-wrapper .btn--icon-text > span, .brand--ravifruit .node--sustainability-reports--teaser:active .cta-wrapper .btn--icon-text > span {
  color: var(--text--primary);
}
.brand--ravifruit .bg--white .paragraph--view-mode--chip {
  --bg: var(--background--background-primary);
  --bg-hover: var(--c--primary);
}
.brand--ravifruit .bg--grey .paragraph--view-mode--chip {
  --bg: var(--c--white);
  --bg-hover: var(--c--primary);
}
.brand--ravifruit .bg--primary {
  --text-color: initial;
  --bg-color: var(--background--background-primary);
}
.brand--ravifruit .bg--primary.paragraph--video .paragraph-content {
  --bg-color: var(--background--background-primary);
}
.brand--ravifruit .bg--primary.paragraph--slider-images .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet:before {
  background-color: transparent;
}
.brand--ravifruit .bg--primary.paragraph--slider-images .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: var(--background--background-dark);
}
.brand--ravifruit .paragraph--downloads .paragraph--type--download {
  transition: 0.3s ease color;
}
.brand--ravifruit .paragraph--downloads .paragraph--type--download.bg--bright-red, .brand--ravifruit .paragraph--downloads .paragraph--type--download.bg--irca-red {
  color: var(--text--primary);
}
.brand--ravifruit .paragraph--downloads .paragraph--type--download.bg--bright-red .cta-wrapper .btn--icon-text, .brand--ravifruit .paragraph--downloads .paragraph--type--download.bg--irca-red .cta-wrapper .btn--icon-text {
  --btn-bg: var(--background--background-light);
  --btn-hover-bg: var(--btn-bg);
  --btn-color: var(--background--background-dark);
}
.brand--ravifruit .paragraph--downloads .paragraph--type--download.bg--bright-red .cta-wrapper .btn--icon-text span, .brand--ravifruit .paragraph--downloads .paragraph--type--download.bg--irca-red .cta-wrapper .btn--icon-text span {
  color: var(--background--background-dark);
}
.brand--ravifruit .paragraph--downloads .paragraph--type--download.bg--irca-dark-red .cta-wrapper .btn--icon-text {
  --btn-bg: var(--background--background-dark);
  --btn-hover-bg: var(--btn-bg);
  --btn-color: var(--background--background-light);
}
.brand--ravifruit .paragraph--downloads .paragraph--type--download.bg--irca-dark-red .cta-wrapper .btn--icon-text span {
  color: var(--text--inverse-hover);
}
.brand--ravifruit .paragraph--downloads .paragraph--type--download:hover.bg--bright-red .cta-wrapper .btn--icon-text i, .brand--ravifruit .paragraph--downloads .paragraph--type--download:hover.bg--irca-red .cta-wrapper .btn--icon-text i, .brand--ravifruit .paragraph--downloads .paragraph--type--download:active.bg--bright-red .cta-wrapper .btn--icon-text i, .brand--ravifruit .paragraph--downloads .paragraph--type--download:active.bg--irca-red .cta-wrapper .btn--icon-text i {
  background-color: var(--c--black);
}
.brand--ravifruit .paragraph--downloads .paragraph--type--download:hover.bg--bright-red .cta-wrapper .btn--icon-text span, .brand--ravifruit .paragraph--downloads .paragraph--type--download:hover.bg--irca-red .cta-wrapper .btn--icon-text span, .brand--ravifruit .paragraph--downloads .paragraph--type--download:active.bg--bright-red .cta-wrapper .btn--icon-text span, .brand--ravifruit .paragraph--downloads .paragraph--type--download:active.bg--irca-red .cta-wrapper .btn--icon-text span {
  color: var(--c--black);
}
.brand--ravifruit .paragraph--downloads .paragraph--type--download:hover.bg--irca-dark-red .cta-wrapper .btn--icon-text span, .brand--ravifruit .paragraph--downloads .paragraph--type--download:active.bg--irca-dark-red .cta-wrapper .btn--icon-text span {
  color: var(--background--background);
}
.brand--ravifruit .paragraph--downloads .paragraph--type--download:hover.bg--irca-dark-red .cta-wrapper .btn--icon-text i, .brand--ravifruit .paragraph--downloads .paragraph--type--download:active.bg--irca-dark-red .cta-wrapper .btn--icon-text i {
  background-color: var(--background--background);
}
.brand--ravifruit .paragraph--type--chips-v2.bg--white .paragraph--type--chip {
  --bg: var(--background--background-primary);
}
.brand--ravifruit .paragraph--type--chips-v2.bg--grey .paragraph--type--chip {
  --bg: var(--background--background);
  --bg-hover: var(--background--background-dark);
}
.brand--ravifruit .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text, .brand--ravifruit .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text, .brand--ravifruit .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text, .brand--ravifruit .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text {
  color: var(--c--primary);
}
.brand--ravifruit .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text span:not(.btn), .brand--ravifruit .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text span:not(.btn), .brand--ravifruit .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text span:not(.btn), .brand--ravifruit .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text span:not(.btn) {
  color: inherit;
}
.brand--ravifruit .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black, .brand--ravifruit .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black, .brand--ravifruit .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black, .brand--ravifruit .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black {
  color: var(--c--white);
  border-color: var(--c--primary);
  background-color: var(--c--primary);
}
.brand--ravifruit .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--ravifruit .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active, .brand--ravifruit .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--ravifruit .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active, .brand--ravifruit .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--ravifruit .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active, .brand--ravifruit .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--ravifruit .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active {
  color: var(--c--black);
}
.brand--ravifruit .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--ravifruit .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn), .brand--ravifruit .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--ravifruit .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn), .brand--ravifruit .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--ravifruit .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn), .brand--ravifruit .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--ravifruit .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn) {
  color: inherit;
}
.brand--ravifruit .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--ravifruit .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black, .brand--ravifruit .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--ravifruit .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black, .brand--ravifruit .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--ravifruit .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black, .brand--ravifruit .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--ravifruit .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black {
  border-color: var(--c--black);
  background-color: var(--c--black);
}
.brand--ravifruit .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text {
  color: var(--background--background-light);
}
.brand--ravifruit .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text span:not(.btn) {
  color: inherit;
}
.brand--ravifruit .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black {
  color: var(--c--black);
  border-color: var(--background--background-light);
  background-color: var(--background--background-light);
}
.brand--ravifruit .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--ravifruit .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active {
  color: var(--c--white);
}
.brand--ravifruit .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--ravifruit .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn) {
  color: inherit;
}
.brand--ravifruit .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--ravifruit .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black {
  border-color: var(--c--white);
  background-color: var(--c--white);
}
.brand--ravifruit .paragraph--type--subscription .btn {
  --btn-hover-bg: var(--brands--ravifruit-bright-green);
  --btn-hover-color: var(--c--black);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--ravifruit .paragraph--type--subscription.bg--primary .btn {
  --btn-bg: var(--c--primary);
  --btn-color: var(--c--white);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--c--primary);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--ravifruit .paragraph--type--subscription.bg--secondary .btn {
  --btn-bg: var(--c--primary);
  --btn-color: var(--c--white);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--c--primary);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--ravifruit .paragraph--type--subscription.bg--dark .btn {
  --btn-bg: var(--c--white);
  --btn-color: var(--c--primary);
  --btn-border: var(--btn-bg);
}
.brand--ravifruit .paragraph--featured-contents .featured-items > div > div:nth-child(2) {
  --featured-text-color: var(--text-color);
}
.brand--ravifruit .paragraph--featured-contents .featured-items > div > div:nth-child(4) {
  --featured-background: var(--background--background-primary);
  --featured-text-color: var(--text-color);
}
.brand--ravifruit .paragraph--recipes a,
.brand--ravifruit .paragraph--products a {
  transition: 0.3s ease all;
}
.brand--ravifruit .paragraph--recipes a:hover, .brand--ravifruit .paragraph--recipes a:active,
.brand--ravifruit .paragraph--products a:hover,
.brand--ravifruit .paragraph--products a:active {
  color: var(--c--dark);
}
.brand--ravifruit .paragraph--recipes .btn-black,
.brand--ravifruit .paragraph--products .btn-black {
  --btn-bg: var(--brands--dobla-green);
  --btn-color: var(--c--black);
  --btn-border: var(--btn-bg);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-color: var(--c--black);
  --btn-hover-border: var(--btn-hover-bg);
}

.brand--ircasince .paragraph--bento .paragraph--bento--cta .paragraph--bento--cta--inner:first-child {
  background-color: var(--background--background-light);
  color: initial;
}
.brand--ircasince .paragraph--bento .paragraph--bento--cta .paragraph--bento--cta--inner:last-child {
  background-color: var(--background--background-primary);
  color: var(--text--inverse);
}
.brand--ircasince .paragraph--bento .paragraph--bento--cta .paragraph--bento--cta--inner .cta-wrapper .btn {
  --btn-hover-bg: var(--background--background-dark);
  --btn-hover-border: var(--background--background-dark);
}
.brand--ircasince .paragraph--text-crosslink .paragraph-content {
  color: var(--text--inverse);
}
.brand--ircasince .bg--secondary .paragraph-content {
  color: initial;
}
.brand--ircasince .bg--primary .paragraph--type--chip {
  --bg-hover: var(--background--background-dark);
}
.brand--ircasince .bg--primary .slider-navigation .btn {
  --btn-bg: var(--background--background--dark);
  --btn-border: var(--background--background--dark);
  --btn-color: var(--background--background);
}
.brand--ircasince .bg--dark a.link, .brand--ircasince .bg--primary a.link {
  transition: 0.3s ease color;
}
.brand--ircasince .bg--dark a.link:hover, .brand--ircasince .bg--dark a.link:active, .brand--ircasince .bg--primary a.link:hover, .brand--ircasince .bg--primary a.link:active {
  color: var(--link--invert-hover);
}
.brand--ircasince .bg--white a.link {
  transition: 0.3s ease color;
}
.brand--ircasince .bg--white a.link:hover, .brand--ircasince .bg--white a.link:active {
  color: var(--link--primary-hover);
}
.brand--ircasince .paragraph--type--chips .node--paragraphs-page--chip:hover, .brand--ircasince .paragraph--type--chips .node--paragraphs-page--chip:active {
  color: var(--c--white);
}
.brand--ircasince .paragraph--type--reviews .reviews .paragraph--quote.bg--primary {
  color: var(--c--white);
}
.brand--ircasince .paragraph--type--reviews .reviews .paragraph--quote.bg--dark :before {
  color: var(--background--background-primary);
}
.brand--ircasince .paragraph--quotes.bg--primary .slider-navigation .btn {
  --btn-bg: var(--c--black);
  --btn-border: var(--c--black);
  --btn-color: var(--c--white);
}
.brand--ircasince .paragraph--text-crosslink.bg--white .paragraph-content, .brand--ircasince .paragraph--text-crosslink.bg--grey .paragraph-content {
  color: var(--text-color);
}
.brand--ircasince .paragraph--featured-contents .featured-items > div > div:nth-child(2) .btn, .brand--ircasince .paragraph--featured-contents .featured-items > div > div:nth-child(4) .btn {
  --btn-hover-bg: var(--c--black);
  --btn-hover-border: var(--c--black);
  --btn-hover-color: var(--background--background);
}

.brand--graffitisprinkles {
  --c--primary: var(--brands-graffiti-sprinkles-blue);
  --c--primary-light: var(--brands-graffiti-sprinkles-light-blue);
  --c--secondary: var(--brands-graffiti-sprinkles-pink);
  --c--dark: var(--brands-graffiti-sprinkles-dark);
  --background--background-light: var(--c--primary-light);
  --background--background-primary: var(--c--primary);
  --background--background-secondary: var(--c--secondary);
  --background--background-dark: var(--c--dark);
  --background--background-highlight: var(--brands-graffiti-sprinkles-light-blue);
}
.brand--graffitisprinkles .hero-full .content {
  background-color: var(--c--primary-light);
}
.brand--graffitisprinkles .hero-full .content h1 {
  color: var(--c--dark);
}
.brand--graffitisprinkles .bg--primary {
  --text-color: var(--text--primary);
}
.brand--graffitisprinkles .bg--primary .paragraph--type--chip {
  --bg-hover: var(--background--background-dark);
}
.brand--graffitisprinkles .bg--primary .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--graffitisprinkles .bg--primary .slider-navigation .btn.btn-icon.js--slider-navigation__next,
.brand--graffitisprinkles .bg--white .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--graffitisprinkles .bg--white .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-bg: var(--background--background-secondary);
  --btn-border: var(--background--background-secondary);
}
.brand--graffitisprinkles .bg--white .paragraph--type--chip,
.brand--graffitisprinkles .bg--grey .paragraph--type--chip {
  --c-hover: var(--c--black);
}
.brand--graffitisprinkles .paragraph--bento {
  --background--1: var(--c--secondary);
  --background--2: var(--c--primary-light);
  --background--3: var(--c--primary-light);
  --background--4: var(--c--primary);
}
.brand--graffitisprinkles .paragraph--bento .paragraph--bento--card--1 strong {
  color: var(--c--black);
  background-color: var(--c--white);
}
.brand--graffitisprinkles .paragraph--bento .paragraph--bento--list .paragraph--bento--cta > .paragraph--bento--cta--inner {
  color: var(--text--primary);
}
.brand--graffitisprinkles .paragraph--quote.bg--primary .paragraph-content {
  color: var(--text--primary);
}
.brand--graffitisprinkles .paragraph--quote.bg--primary .paragraph-content a {
  color: var(--text--primary);
  font-weight: 600;
  transition: 0.3s ease color;
}
.brand--graffitisprinkles .paragraph--quote.bg--primary .paragraph-content a:hover, .brand--graffitisprinkles .paragraph--quote.bg--primary .paragraph-content a:active {
  color: var(--c--secondary);
}
.brand--graffitisprinkles .paragraph--quote.bg--primary .paragraph-content .container:before {
  color: var(--c--secondary);
}
.brand--graffitisprinkles .js-form-type-checkbox .checkbox-label .checkbox-label--icon,
.brand--graffitisprinkles input[type=text],
.brand--graffitisprinkles input[type=email],
.brand--graffitisprinkles input[type=tel],
.brand--graffitisprinkles input[type=number],
.brand--graffitisprinkles input[type=date],
.brand--graffitisprinkles input[type=time],
.brand--graffitisprinkles input[type=search],
.brand--graffitisprinkles input[type=password],
.brand--graffitisprinkles input[type=url],
.brand--graffitisprinkles input[type=color],
.brand--graffitisprinkles input[type=range],
.brand--graffitisprinkles .select2-container .select2-selection--single,
.brand--graffitisprinkles textarea {
  border-color: var(--stroke--secondary);
}
.brand--graffitisprinkles .js-form-type-checkbox .checkbox-label .checkbox-label--icon:hover, .brand--graffitisprinkles .js-form-type-checkbox .checkbox-label .checkbox-label--icon:active,
.brand--graffitisprinkles input[type=text]:hover,
.brand--graffitisprinkles input[type=text]:active,
.brand--graffitisprinkles input[type=email]:hover,
.brand--graffitisprinkles input[type=email]:active,
.brand--graffitisprinkles input[type=tel]:hover,
.brand--graffitisprinkles input[type=tel]:active,
.brand--graffitisprinkles input[type=number]:hover,
.brand--graffitisprinkles input[type=number]:active,
.brand--graffitisprinkles input[type=date]:hover,
.brand--graffitisprinkles input[type=date]:active,
.brand--graffitisprinkles input[type=time]:hover,
.brand--graffitisprinkles input[type=time]:active,
.brand--graffitisprinkles input[type=search]:hover,
.brand--graffitisprinkles input[type=search]:active,
.brand--graffitisprinkles input[type=password]:hover,
.brand--graffitisprinkles input[type=password]:active,
.brand--graffitisprinkles input[type=url]:hover,
.brand--graffitisprinkles input[type=url]:active,
.brand--graffitisprinkles input[type=color]:hover,
.brand--graffitisprinkles input[type=color]:active,
.brand--graffitisprinkles input[type=range]:hover,
.brand--graffitisprinkles input[type=range]:active,
.brand--graffitisprinkles .select2-container .select2-selection--single:hover,
.brand--graffitisprinkles .select2-container .select2-selection--single:active,
.brand--graffitisprinkles textarea:hover,
.brand--graffitisprinkles textarea:active {
  border-color: var(--c--secondary);
  outline: var(--c--secondary);
}
.brand--graffitisprinkles .js-form-type-checkbox input:checked ~ .checkbox-label .checkbox-label--icon {
  background-color: var(--background--background-secondary);
  border-color: var(--background--background-secondary);
}
.brand--graffitisprinkles .form-element--webform-select .select2 .select2-selection__arrow:before {
  color: var(--stroke--secondary);
}
.brand--graffitisprinkles .paragraph--contacts.bg--white .contacts-wrapper > div:first-child #block-irca-webform form.webform-submission-form {
  background-color: var(--background--background-light);
}
.brand--graffitisprinkles .paragraph--contacts.bg--white .contacts-wrapper .paragraph--contacts-card-list > div > div:first-child .paragraph--type--contact-card {
  background-color: var(--background--background-primary);
  border-color: var(--background--background-primary);
}
.brand--graffitisprinkles .paragraph--contacts.bg--white .contacts-wrapper .paragraph--contacts-card-list > div > div .paragraph--type--contact-card {
  color: var(--text--primary);
}
.brand--graffitisprinkles .paragraph--contacts.bg--white .contacts-wrapper .paragraph--contacts-card-list > div > div .paragraph--type--contact-card a {
  color: var(--text--primary);
  transition: 0.3s ease color;
}
.brand--graffitisprinkles .paragraph--contacts.bg--white .contacts-wrapper .paragraph--contacts-card-list > div > div .paragraph--type--contact-card a:hover, .brand--graffitisprinkles .paragraph--contacts.bg--white .contacts-wrapper .paragraph--contacts-card-list > div > div .paragraph--type--contact-card a:active {
  color: var(--c--dark);
}
.brand--graffitisprinkles .paragraph--socials {
  --bg-color: var(--c--secondary);
  --text-color: var(--c--white);
}
.brand--graffitisprinkles .paragraph--socials .paragraph-content li.social-cell a {
  color: var(--c--white);
  border-color: var(--c--white);
}
.brand--graffitisprinkles .paragraph--socials .paragraph-content li.social-cell a .btn-icon {
  background-color: var(--background--background);
  border-color: var(--background--background);
  color: var(--c--secondary);
}
.brand--graffitisprinkles .paragraph--socials .paragraph-content li.social-cell a:hover, .brand--graffitisprinkles .paragraph--socials .paragraph-content li.social-cell a:active {
  border-color: var(--c--primary-light);
}
.brand--graffitisprinkles .paragraph--socials .paragraph-content li.social-cell a:hover .btn-icon, .brand--graffitisprinkles .paragraph--socials .paragraph-content li.social-cell a:active .btn-icon {
  background-color: var(--background--background-light);
  border-color: var(--background--background-light);
}
.brand--graffitisprinkles .paragraph--socials .paragraph-content li.social-cell a:hover h4,
.brand--graffitisprinkles .paragraph--socials .paragraph-content li.social-cell a:hover h3, .brand--graffitisprinkles .paragraph--socials .paragraph-content li.social-cell a:active h4,
.brand--graffitisprinkles .paragraph--socials .paragraph-content li.social-cell a:active h3 {
  color: var(--c--primary-light);
}
.brand--graffitisprinkles .paragraph--datas .content {
  color: initial;
}
.brand--graffitisprinkles .paragraph--datas .content .text-col .datas--icon {
  color: var(--icon--inverse);
}
.brand--graffitisprinkles .paragraph--datas + .paragraph--type--textual > .paragraph-content .cta-wrapper:has(.btn + .btn) > .btn:first-child {
  --btn-bg: var(--c--white);
  --btn-border: var(--c--white);
  --btn-hover-color: var(--text--primary);
  --btn-hover-bg: var(--c--primary);
  --btn-hover-border: var(--c--primary);
}
.brand--graffitisprinkles .paragraph--datas + .paragraph--type--textual > .paragraph-content .cta-wrapper:has(.btn + .btn) > .btn:last-child {
  --btn-hover-bg: var(--c--white);
  --btn-hover-border: var(--c--white);
  --btn-hover-color: var(--text--primary);
}
.brand--graffitisprinkles .paragraph--textual-with-image.bg--primary.layout--boxed_40_60 .col-text {
  color: initial;
}
.brand--graffitisprinkles .paragraph--textual-with-image.bg--primary.layout--boxed_40_60 .col-text .cta-wrapper a {
  --btn-color: var(--c--white);
  --btn-bg: var(--c--secondary);
  --btn-border: var(--c--secondary);
  --btn-hover-color: var(--c--secondary);
  --btn-hover-bg: var(--c--white);
  --btn-hover-border: var(--c--white);
}
.brand--graffitisprinkles .paragraph--downloads .paragraph--type--download {
  transition: 0.3s ease color;
}
.brand--graffitisprinkles .paragraph--downloads .paragraph--type--download.bg--bright-red, .brand--graffitisprinkles .paragraph--downloads .paragraph--type--download.bg--irca-red {
  color: var(--text--primary);
}
.brand--graffitisprinkles .paragraph--downloads .paragraph--type--download.bg--bright-red .cta-wrapper .btn--icon-text, .brand--graffitisprinkles .paragraph--downloads .paragraph--type--download.bg--irca-red .cta-wrapper .btn--icon-text {
  --btn-bg: var(--background--background-light);
  --btn-hover-bg: var(--btn-bg);
  --btn-color: var(--background--background-secondary);
}
.brand--graffitisprinkles .paragraph--downloads .paragraph--type--download.bg--bright-red .cta-wrapper .btn--icon-text span, .brand--graffitisprinkles .paragraph--downloads .paragraph--type--download.bg--irca-red .cta-wrapper .btn--icon-text span {
  color: var(--background--background-secondary);
}
.brand--graffitisprinkles .paragraph--downloads .paragraph--type--download.bg--irca-dark-red .cta-wrapper .btn--icon-text {
  --btn-bg: var(--background--background-dark);
  --btn-hover-bg: var(--btn-bg);
  --btn-color: var(--background--background);
}
.brand--graffitisprinkles .paragraph--downloads .paragraph--type--download.bg--irca-dark-red .cta-wrapper .btn--icon-text span {
  color: var(--text--inverse);
}
.brand--graffitisprinkles .paragraph--downloads .paragraph--type--download:hover.bg--bright-red .cta-wrapper .btn--icon-text i, .brand--graffitisprinkles .paragraph--downloads .paragraph--type--download:hover.bg--irca-red .cta-wrapper .btn--icon-text i, .brand--graffitisprinkles .paragraph--downloads .paragraph--type--download:active.bg--bright-red .cta-wrapper .btn--icon-text i, .brand--graffitisprinkles .paragraph--downloads .paragraph--type--download:active.bg--irca-red .cta-wrapper .btn--icon-text i {
  background-color: var(--background--background-dark);
}
.brand--graffitisprinkles .paragraph--downloads .paragraph--type--download:hover.bg--bright-red .cta-wrapper .btn--icon-text span, .brand--graffitisprinkles .paragraph--downloads .paragraph--type--download:hover.bg--irca-red .cta-wrapper .btn--icon-text span, .brand--graffitisprinkles .paragraph--downloads .paragraph--type--download:active.bg--bright-red .cta-wrapper .btn--icon-text span, .brand--graffitisprinkles .paragraph--downloads .paragraph--type--download:active.bg--irca-red .cta-wrapper .btn--icon-text span {
  color: var(--text--primary);
}
.brand--graffitisprinkles .paragraph--downloads .paragraph--type--download:hover.bg--irca-dark-red .cta-wrapper .btn--icon-text span, .brand--graffitisprinkles .paragraph--downloads .paragraph--type--download:active.bg--irca-dark-red .cta-wrapper .btn--icon-text span {
  color: var(--background--background-light);
}
.brand--graffitisprinkles .paragraph--downloads .paragraph--type--download:hover.bg--irca-dark-red .cta-wrapper .btn--icon-text i, .brand--graffitisprinkles .paragraph--downloads .paragraph--type--download:active.bg--irca-dark-red .cta-wrapper .btn--icon-text i {
  background-color: var(--background--background-light);
}
.brand--graffitisprinkles .paragraph--content-horizontal .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.brand--graffitisprinkles #social-wall.paragraph--social-wall .paragraph-content {
  background-color: var(--background--background-secondary);
}
.brand--graffitisprinkles .paragraph--content-horizontal .swiper-pagination .swiper-pagination-bullet {
  --pagination-hover-color: var(--c--secondary);
}
.brand--graffitisprinkles .btn:not(.btn-black),
.brand--graffitisprinkles .paragraph--text-crosslink .paragraph--card .btn {
  --btn-color: var(--text--primary);
}
.brand--graffitisprinkles .bg--white .btn,
.brand--graffitisprinkles .bg--primary .btn,
.brand--graffitisprinkles .bg--grey .btn,
.brand--graffitisprinkles .btn.btn-icon,
.brand--graffitisprinkles .paragraph--bento .paragraph--bento--cta > div .cta-wrapper .btn,
.brand--graffitisprinkles .paragraph--bento .paragraph--bento--card--small .cta-wrapper .btn {
  --btn-hover-bg: var(--c--secondary);
  --btn-hover-border: var(--c--secondary);
}
.brand--graffitisprinkles .bg--primary {
  --text-color: var(--text--primary);
}
.brand--graffitisprinkles .bg--primary .paragraph--type--chip {
  --bg-hover: var(--background--background-dark);
}
.brand--graffitisprinkles .bg--primary .link {
  color: var(--text--primary);
  transition: 0.3s ease color;
}
.brand--graffitisprinkles .bg--primary .link i {
  background-color: var(--text--primary);
  transition: 0.3s ease background-color;
}
.brand--graffitisprinkles .bg--primary .link:hover, .brand--graffitisprinkles .bg--primary .link:active {
  color: var(--c--dark);
}
.brand--graffitisprinkles .bg--primary .link:hover i, .brand--graffitisprinkles .bg--primary .link:active i {
  background-color: var(--c--dark);
}
.brand--graffitisprinkles .bg--primary .btn {
  --btn-color: var(--c--secondary);
  --btn-bg: var(--background--background);
  --btn-border: var(--background--background);
  --btn-hover-color: var(--text--inverse);
  --btn-hover-bg: var(--background--background-secondary);
  --btn-hover-border: var(--background--background-secondary);
}
.brand--graffitisprinkles .bg--primary.cards--cta--white .paragraph--card .btn {
  --btn-color: var(--c--secondary);
  --btn-bg: var(--background--background);
  --btn-border: var(--background--background);
  --btn-hover-color: var(--background--background);
  --btn-hover-bg: var(--c--secondary);
  --btn-hover-border: var(--c--secondary);
}
.brand--graffitisprinkles .paragraph--cards.cards--cta--primary .cta-wrapper .btn {
  --btn-bg: var(--background--background-primary);
  --btn-border: var(--btn-bg);
  --btn-color: var(--text--primary);
  --btn-hover-bg: var(--background--background-secondary);
  --btn-hover-border: var(--btn-hover-bg);
  --btn-hover-color: var(--text--inverse);
}
.brand--graffitisprinkles .paragraph--cards.cards--cta--white.bg--secondary .cta-wrapper .btn {
  --btn-bg: var(--background--background);
  --btn-border: var(--btn-bg);
  --btn-color: var(--c--secondary);
  --btn-hover-bg: var(--background--background-primary);
  --btn-hover-border: var(--btn-hover-bg);
  --btn-hover-color: var(--text--primary);
}
.brand--graffitisprinkles .paragraph--cards.cards--cta--white .cta-wrapper .btn {
  --btn-bg: var(--background--background);
  --btn-border: var(--btn-bg);
  --btn-color: var(--c--secondary);
  --btn-hover-bg: var(--background--background-secondary);
  --btn-hover-border: var(--btn-hover-bg);
  --btn-hover-color: var(--text--inverse);
}
.brand--graffitisprinkles .bg--primary .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--graffitisprinkles .bg--primary .slider-navigation .btn.btn-icon.js--slider-navigation__next,
.brand--graffitisprinkles .bg--white .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--graffitisprinkles .bg--white .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-bg: var(--background--background-secondary);
  --btn-border: var(--background--background-secondary);
}
.brand--graffitisprinkles .bg--white .btn {
  --btn-color: var(--text--primary);
  --btn-bg: var(--c--primary);
  --btn-border: var(--c--primary);
  --btn-hover-color: var(--background--background);
  --btn-hover-bg: var(--c--secondary);
  --btn-hover-border: var(--c--secondary);
}
.brand--graffitisprinkles .bg--white.cards--cta--white .paragraph--card .btn {
  --btn-color: var(--text--primary);
  --btn-bg: var(--background--background-light);
  --btn-border: var(--background--background-light);
  --btn-hover-color: var(--background--background);
  --btn-hover-bg: var(--c--secondary);
  --btn-hover-border: var(--c--secondary);
}
.brand--graffitisprinkles .bg--white.link, .brand--graffitisprinkles .bg--white a:not(.btn) {
  color: var(--c--secondary);
  transition: 0.3s ease color;
}
.brand--graffitisprinkles .bg--white.link i, .brand--graffitisprinkles .bg--white a:not(.btn) i {
  background-color: var(--background--background-secondary);
  transition: 0.3s ease background-color;
}
.brand--graffitisprinkles .bg--white.link:hover, .brand--graffitisprinkles .bg--white.link:active, .brand--graffitisprinkles .bg--white a:not(.btn):hover, .brand--graffitisprinkles .bg--white a:not(.btn):active {
  color: var(--c--dark);
}
.brand--graffitisprinkles .bg--white.link:hover i, .brand--graffitisprinkles .bg--white.link:active i, .brand--graffitisprinkles .bg--white a:not(.btn):hover i, .brand--graffitisprinkles .bg--white a:not(.btn):active i {
  background-color: var(--c--dark);
}
.brand--graffitisprinkles .paragraph--locations .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--graffitisprinkles .paragraph--locations .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-bg: var(--background--background-secondary);
  --btn-border: var(--background--background-secondary);
  --btn-color: var(--c--white);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--text--primary);
}
.brand--graffitisprinkles .paragraph--cards.cards--cta--primary .cta-wrapper .btn {
  --btn-bg: var(--background--background-primary);
  --btn-border: var(--btn-bg);
  --btn-color: var(--text--primary);
  --btn-hover-bg: var(--background--background-secondary);
  --btn-hover-border: var(--btn-hover-bg);
  --btn-hover-color: var(--text--inverse);
}
.brand--graffitisprinkles .paragraph--cards.bg--primary .paragraph-cta-wrapper .btn {
  --btn-bg: var(--c--white);
  --btn-color: var(--background--background-secondary);
  --btn-hover-bg: var(--background--background-secondary);
  --btn-hover-color: var(--c--white);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--graffitisprinkles .bg--dark .btn {
  --btn-bg: var(--background--background);
  --btn-border: var(--background--background);
  --btn-color: var(--background--background-dark);
  --btn-hover-bg: var(--c--primary);
  --btn-hover-border: var(--c--primary);
  --btn-hover-color: var(--background--background-dark);
}
.brand--graffitisprinkles .bg--dark .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--graffitisprinkles .bg--dark .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-hover-bg: var(--background--background-primary);
  --btn-hover-border: var(--background--background-primary);
}
.brand--graffitisprinkles .bg--dark .link {
  color: var(--c--white);
  transition: 0.3s ease all;
}
.brand--graffitisprinkles .bg--dark .link i {
  background-color: var(--background--background);
  transition: 0.3s ease all;
  color: var(--text--primary);
}
.brand--graffitisprinkles .bg--dark .link:hover, .brand--graffitisprinkles .bg--dark .link:active {
  color: var(--c--primary);
}
.brand--graffitisprinkles .bg--dark .link:hover i, .brand--graffitisprinkles .bg--dark .link:active i {
  background-color: var(--background--background-primary);
  color: var(--c--white);
}
.brand--graffitisprinkles .bg--grey .slider-navigation .btn.btn-icon.js--slider-navigation__prev,
.brand--graffitisprinkles .bg--grey .slider-navigation .btn.btn-icon.js--slider-navigation__next {
  --btn-bg: var(--background--background);
  --btn-border: var(--background--background);
  --btn-color: var(--background--background-dark);
  --btn-hover-bg: var(--background--background-secondary);
  --btn-hover-border: var(--background--background-secondary);
  --btn-hover-color: var(--background--background);
}
.brand--graffitisprinkles .bg--grey .link {
  color: var(--c--secondary);
  transition: 0.3s ease all;
}
.brand--graffitisprinkles .bg--grey .link:hover, .brand--graffitisprinkles .bg--grey .link:active {
  color: var(--c--dark);
}
.brand--graffitisprinkles .bg--secondary .cta-wrapper .btn {
  --btn-bg: var(--background--background);
  --btn-border: var(--background--background);
  --btn-color: var(--c--secondary);
  --btn-hover-bg: var(--c--primary);
  --btn-hover-border: var(--c--primary);
  --btn-hover-color: var(--background--background-dark);
}
.brand--graffitisprinkles .bg--secondary .link {
  transition: 0.3s ease all;
}
.brand--graffitisprinkles .bg--secondary .link i {
  background-color: var(--background--background);
  transition: 0.3s ease background-color;
  color: var(--text--primary);
}
.brand--graffitisprinkles .bg--secondary .link:hover, .brand--graffitisprinkles .bg--secondary .link:active {
  color: var(--background--background-light);
}
.brand--graffitisprinkles .bg--secondary .link:hover i, .brand--graffitisprinkles .bg--secondary .link:active i {
  background-color: var(--background--background-light);
}
.brand--graffitisprinkles .card-display--simple .paragraph--card .btn {
  --btn-bg: var(--background--background-primary);
  --btn-border: var(--background--background-primary);
  --btn-color: var(--c--white);
  --btn-hover-bg: var(--c--secondary);
  --btn-hover-border: var(--c--secondary);
  --btn-hover-color: var(--c--white);
}
.brand--graffitisprinkles #social-wall.paragraph--social-wall .paragraph-content .btn,
.brand--graffitisprinkles .paragraph--bento--card--1 .btn {
  --btn-hover-color: var(--text--primary);
  --btn-hover-bg: var(--c--white);
  --btn-hover-border: var(--c--white);
}
.brand--graffitisprinkles .paragraph--type--chips-v2.bg--white .paragraph--type--chip {
  --bg: var(--background--background-light);
}
.brand--graffitisprinkles .paragraph--type--chips-v2.bg--grey .paragraph--type--chip {
  --bg: var(--background--background);
}
.brand--graffitisprinkles .paragraph--type--chip {
  --c-hover: var(--text--primary);
}
.brand--graffitisprinkles .shared-tabs,
.brand--graffitisprinkles .paragraph--type--faq {
  --c--active--text: var(--brands-graffiti-sprinkles-pink);
}
.brand--graffitisprinkles .paragraph--type--where-we-are {
  --c--hover--text: var(--c--white);
}
.brand--graffitisprinkles .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text, .brand--graffitisprinkles .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text {
  color: var(--background--background-secondary);
}
.brand--graffitisprinkles .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black, .brand--graffitisprinkles .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black {
  color: var(--c--white);
  border-color: var(--background--background-secondary);
  background-color: var(--background--background-secondary);
}
.brand--graffitisprinkles .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--graffitisprinkles .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active, .brand--graffitisprinkles .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--graffitisprinkles .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active {
  color: var(--text-color);
}
.brand--graffitisprinkles .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--graffitisprinkles .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn), .brand--graffitisprinkles .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--graffitisprinkles .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn) {
  color: inherit;
}
.brand--graffitisprinkles .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--graffitisprinkles .paragraph--quotes.bg--white .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black, .brand--graffitisprinkles .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--graffitisprinkles .paragraph--quotes.bg--grey .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black {
  border-color: var(--text-color);
  background-color: var(--text-color);
}
.brand--graffitisprinkles .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text {
  color: var(--c--black);
}
.brand--graffitisprinkles .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black {
  color: var(--c--white);
  border-color: var(--c--black);
  background-color: var(--c--black);
}
.brand--graffitisprinkles .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--graffitisprinkles .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active {
  color: var(--c--dark);
}
.brand--graffitisprinkles .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--graffitisprinkles .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn) {
  color: inherit;
}
.brand--graffitisprinkles .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--graffitisprinkles .paragraph--quotes.bg--primary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black {
  border-color: var(--c--dark);
  background-color: var(--c--dark);
}
.brand--graffitisprinkles .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text {
  color: var(--c--white);
}
.brand--graffitisprinkles .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black {
  color: var(--c--black);
  border-color: var(--c--white);
  background-color: var(--c--white);
}
.brand--graffitisprinkles .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--graffitisprinkles .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active {
  color: var(--background--background-light);
}
.brand--graffitisprinkles .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--graffitisprinkles .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn) {
  color: inherit;
}
.brand--graffitisprinkles .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--graffitisprinkles .paragraph--quotes.bg--secondary .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black {
  border-color: var(--background--background-light);
  background-color: var(--background--background-light);
}
.brand--graffitisprinkles .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text {
  color: var(--c--white);
}
.brand--graffitisprinkles .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text .btn-black {
  color: var(--c--black);
  border-color: var(--c--white);
  background-color: var(--c--white);
}
.brand--graffitisprinkles .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover, .brand--graffitisprinkles .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active {
  color: var(--c--primary);
}
.brand--graffitisprinkles .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover span:not(.btn), .brand--graffitisprinkles .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active span:not(.btn) {
  color: inherit;
}
.brand--graffitisprinkles .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:hover .btn-black, .brand--graffitisprinkles .paragraph--quotes.bg--dark .paragraph--quote .chefs--list > .node--chef--token > .cta-wrapper .btn--icon-text:active .btn-black {
  border-color: var(--c--primary);
  background-color: var(--c--primary);
}
.brand--graffitisprinkles .paragraph--quotes.bg--grey .swiper-pagination .swiper-pagination-bullet::before {
  background-color: var(--background--background-secondary);
  border-color: var(--background--background-secondary);
}
.brand--graffitisprinkles .paragraph--quotes.bg--dark .slider-navigation .btn.btn-icon {
  --btn-bg: var(--c--white);
  --btn-color: var(--c--black);
  --btn-border: var(--c--white);
  --btn-hover-bg: var(--c--primary);
  --btn-hover-color: var(--c--black);
  --btn-hover-border: var(--c--primary);
}
.brand--graffitisprinkles .paragraph--text-crosslink.bg--secondary .cta-wrapper .btn {
  --btn-hover-color: var(--c--white);
  --btn-hover-bg: var(--c--secondary);
  --btn-hover-border: var(--c--secondary);
}
.brand--graffitisprinkles .paragraph--type--subscription.bg--secondary .btn {
  --btn-hover-bg: var(--c--white);
  --btn-hover-color: var(--text--primary);
  --btn-hover-border: var(--btn-hover-bg);
}
.brand--graffitisprinkles .paragraph--featured-contents .featured-items > div > div:nth-child(2), .brand--graffitisprinkles .paragraph--featured-contents .featured-items > div > div:nth-child(4) {
  --featured-text-color: var(--text-color);
}
.brand--graffitisprinkles .i-modal.i-modal--location .i-modal-wrapper .i-modal-content .js--i-modal-close {
  --btn-bg: var(--background--background-light);
  --btn-border: var(--background--background-light);
  --btn-color: var(--text--primary);
  --btn-hover-bg: var(--background--background-secondary);
  --btn-hover-border: var(--background--background-secondary);
  --btn-hover-color: var(--text--inverse);
}
.brand--graffitisprinkles .i-modal.i-modal--location .i-modal-wrapper .i-modal-content .i-modal-body .swiper .slider-navigation .btn-icon.btn-black {
  --btn-bg: var(--background--background-secondary);
  --btn-border: var(--background--background-secondary);
  --btn-color: var(--text--inverse);
  --btn-hover-bg: var(--background--background-light);
  --btn-hover-border: var(--background--background-light);
  --btn-hover-color: var(--text--primary);
}
.brand--graffitisprinkles .node--location-country--teaser .content .cta-wrapper .btn {
  --btn-color: var(--text--inverse);
}
.brand--graffitisprinkles .node--location-country--teaser:hover .content .cta-wrapper .btn, .brand--graffitisprinkles .node--location-country--teaser:active .content .cta-wrapper .btn {
  background-color: var(--background--background-secondary);
  border-color: var(--background--background-secondary);
}
.brand--graffitisprinkles .paragraph--recipes a,
.brand--graffitisprinkles .paragraph--products a {
  color: var(--c--secondary);
  transition: 0.3s ease color;
}
.brand--graffitisprinkles .paragraph--recipes a:hover, .brand--graffitisprinkles .paragraph--recipes a:active,
.brand--graffitisprinkles .paragraph--products a:hover,
.brand--graffitisprinkles .paragraph--products a:active {
  color: var(--c--dark);
}

.cta-wrapper {
  display: flex;
  width: 100%;
  gap: var(--spacing--1);
  justify-content: flex-start;
}
.cta-wrapper.right {
  justify-content: flex-end;
}
.cta-wrapper.center {
  justify-content: center;
}
.cta-wrapper.full {
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
@media (max-width: 767px) {
  .cta-wrapper.mb-full {
    flex-direction: column;
    align-items: stretch;
  }
}
.cta-wrapper.double-btn {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing--2);
  justify-content: center;
}

.section-boxed {
  padding: var(--spacing--3) clamp(1.6rem, 2vw, var(--spacing--3));
  overflow: hidden;
}
.section-boxed .content {
  padding: var(--spacing--7) var(--spacing--8);
  border-top-right-radius: var(--radius--5);
  border-bottom-left-radius: var(--radius--5);
}
@media (max-width: 991px) {
  .section-boxed .content {
    padding: var(--spacing--4) clamp(var(--spacing--4), 4vw, var(--spacing--8)) var(--spacing--5);
    border-top-right-radius: var(--radius--6);
    border-bottom-left-radius: var(--radius--6);
  }
}

.section-boxed--full {
  --bg-color: var(--c--white) !default;
  background-color: var(--bg-color);
  padding: var(--spacing--3) 0;
}
.section-boxed--full .content {
  padding: var(--spacing--8) 0;
  border-top-right-radius: var(--radius--10);
}
@media (max-width: 991px) {
  .section-boxed--full .content {
    padding: var(--spacing--6) 0;
  }
}

.highlighted-section {
  background-color: var(--c--primary);
  color: var(--c--white);
}

.actions-hover .actions {
  --btn-size: 3rem;
  position: absolute;
  top: var(--spacing--1);
  right: var(--spacing--1);
  bottom: calc(100% - var(--btn-size) - var(--spacing--1));
  left: calc(100% - var(--btn-size) - var(--spacing--1));
  z-index: 10;
  border-radius: var(--radius--2);
  overflow: hidden;
  transition: all 0.45s ease-in-out;
  cursor: pointer;
}
.actions-hover .actions ul {
  position: absolute;
  top: 0;
  right: 0;
  list-style: none;
  padding-left: 0;
  margin-block: 0;
  overflow: hidden;
  background-color: var(--c--white);
  border-radius: var(--radius--2);
  box-shadow: 0 0 0 0 rgba(42, 0, 0, 0.2);
  transition: box-shadow 0.25s ease-in-out;
}
.actions-hover .actions ul > li {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}
.actions-hover .actions:before {
  content: "\e91b";
  font-family: "irca" !important;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  font-size: 1.5rem;
  display: inline-block;
  line-height: var(--btn-size);
  min-width: var(--btn-size);
  text-align: center;
  color: var(--c--black);
  border-radius: var(--radius--2);
  min-height: var(--btn-size);
  min-width: var(--btn-size);
  transition: opacity 0.25s ease-in-out;
  transition-delay: 0.35s;
}
.actions-hover .actions a,
.actions-hover .actions button {
  all: unset;
  padding: var(--spacing--1) var(--spacing--2);
  text-decoration: none;
  color: var(--c--black);
  display: inline-block;
  width: 100%;
}
.actions-hover .actions a:hover,
.actions-hover .actions button:hover {
  background-color: var(--background--background-light);
}
.actions-hover .actions a:active,
.actions-hover .actions button:active {
  color: var(--c--white);
  background-color: var(--c--black);
}
.actions-hover .actions li + li {
  border-top: 1px solid var(--background--background-light);
}
.actions-hover:hover .actions, .actions-hover:active .actions {
  bottom: var(--spacing--1);
  left: var(--spacing--1);
  border-radius: 0;
  transition-delay: 0.25s;
}
.actions-hover:hover .actions:before, .actions-hover:active .actions:before {
  opacity: 0;
  transition-delay: 0s;
}
.actions-hover:hover .actions ul, .actions-hover:active .actions ul {
  box-shadow: 0px 2px 6px 0px rgba(42, 0, 0, 0.2);
}
.actions-hover:hover .actions ul > li, .actions-hover:active .actions ul > li {
  opacity: 1;
  transition-delay: 0.45s;
}

.section-breadcrumbs {
  background-color: var(--c--white);
  padding: var(--spacing--5) 0 var(--spacing--2);
}

*, *:before, *:after {
  outline: none;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  background: var(--c--white);
  color: var(--text--primary);
  font-family: "Montserrat", sans-serif !important;
  font-size: var(--typography--font-size--md);
  font-weight: regular;
  line-height: 1.4;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.layout-container {
  padding-top: var(--header-height);
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}
.layout-container main {
  flex: 1 1;
}

::selection {
  background: var(--button--primary-hover);
  color: var(--c--white) !important;
  filter: invert(1);
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: initial;
}

::-moz-selection {
  background: var(--button--primary-hover);
  color: var(--c--white) !important;
  filter: invert(1);
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: initial;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
}

.container {
  --bs-gutter-x: 3rem;
  --bs-gutter-y: 0;
  display: block;
}
@media (max-width: 991px) {
  .container {
    --bs-gutter-x: 5rem;
    max-width: 100%;
  }
}
/*# sourceMappingURL=app.css.map */