@charset "UTF-8";
/*
ELX - XP landing page
Author: Dadostudio
Author URI: https://dadostudio.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,600&display=swap");
#new-category-pages {
  --white: white;
  --gold: #cea941;
  --green: #c3d59a;
  --gray: #a6a6a6;
  --gray-light: #d9d9d9;
  --beige: #f8f5eb;
  --blue-elx: #14133b;
  --blue-elx-alt: #011e41;
  --blue-elx-light: #808ea0;
  --blue-elx-extra-light: #b3bcc6;
  --blue-elx-ultra-light: #e9eff4;
  --azure: #dfe7ea;
}

.prevent-selection, .lateral-popup-button----PREV, .lateral-popup-button span, .plus-button, .arrow-button-left,
.arrow-button-right, #new-category-pages .button, #new-category-pages .cards-cta .pill, .cards-cta #new-category-pages .pill, #new-category-pages .story-steps .story-inner .pill, .story-steps .story-inner #new-category-pages .pill {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

body {
  margin: 0;
  padding: 0;
}

#new-category-pages {
  word-break: normal;
  overflow-wrap: normal;
  white-space: normal;
}
#new-category-pages ol,
#new-category-pages ul {
  margin: 0;
  margin-left: 0.5em;
}

/* Electrolux Sans Thin */
@font-face {
  font-family: "Electrolux Sans";
  src: url("assets/fonts/electrolux-sans/Electrolux Sans Thin.otf ") format("opentype");
  font-style: normal;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}
/* Electrolux Sans Thin Oblique */
@font-face {
  font-family: "Electrolux Sans";
  src: url("assets/fonts/electrolux-sans/Electrolux Sans Thin Oblique.otf ") format("opentype");
  font-style: italic;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}
/* Electrolux Sans Light */
@font-face {
  font-family: "Electrolux Sans";
  src: url("assets/fonts/electrolux-sans/Electrolux Sans Light.otf ") format("opentype");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
/* Electrolux Sans Light Oblique */
@font-face {
  font-family: "Electrolux Sans";
  src: url("assets/fonts/electrolux-sans/Electrolux Sans Light Oblique.otf ") format("opentype");
  font-style: italic;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
/* Electrolux Sans */
@font-face {
  font-family: "Electrolux Sans";
  src: url("assets/fonts/electrolux-sans/Electrolux Sans.otf ") format("opentype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
/* Electrolux Sans Oblique */
@font-face {
  font-family: "Electrolux Sans";
  src: url("assets/fonts/electrolux-sans/Electrolux Sans Oblique.otf ") format("opentype");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
/* Electrolux Sans Semibold */
@font-face {
  font-family: "Electrolux Sans";
  src: url("assets/fonts/electrolux-sans/Electrolux Sans Semibold.otf ") format("opentype");
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}
/* Electrolux Sans Semibold Oblique */
@font-face {
  font-family: "Electrolux Sans";
  src: url("assets/fonts/electrolux-sans/Electrolux Sans Semibold Oblique.otf ") format("opentype");
  font-style: italic;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}
/* Electrolux Sans Bold */
@font-face {
  font-family: "Electrolux Sans";
  src: url("assets/fonts/electrolux-sans/Electrolux Sans Bold.otf ") format("opentype");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
/* Electrolux Sans Bold Oblique */
@font-face {
  font-family: "Electrolux Sans";
  src: url("assets/fonts/electrolux-sans/Electrolux Sans Bold Oblique.otf ") format("opentype");
  font-style: italic;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
#new-category-pages .h0,
#new-category-pages .heading-0,
#new-category-pages h1,
#new-category-pages .h1,
#new-category-pages .heading-1,
#new-category-pages h2,
#new-category-pages .h2,
#new-category-pages .hero-img-title,
#new-category-pages .story-steps .story-inner .thumbs figure figcaption .thumb-title-number,
.story-steps .story-inner .thumbs figure figcaption #new-category-pages .thumb-title-number,
#new-category-pages .clip-reveal .clip-reveal-text p,
.clip-reveal .clip-reveal-text #new-category-pages p,
#new-category-pages .heading-2,
#new-category-pages h3,
#new-category-pages .h3,
#new-category-pages section#overview .overview-title-spacer::before,
#new-category-pages .heading-3,
#new-category-pages h4,
#new-category-pages .h4,
#new-category-pages .heading-4,
#new-category-pages h5,
#new-category-pages .h5,
#new-category-pages .xp-tabs .xp-layout .xp-nav .xp-intro,
.xp-tabs .xp-layout .xp-nav #new-category-pages .xp-intro,
#new-category-pages .xp-tabs .xp-layout .xp-nav .xp-intro *,
.xp-tabs .xp-layout .xp-nav .xp-intro #new-category-pages *,
#new-category-pages section#overview .overview-title-spacer::after,
#new-category-pages .heading-5,
#new-category-pages .button,
#new-category-pages .story-steps .story-inner .pill,
.story-steps .story-inner #new-category-pages .pill,
#new-category-pages .cards-cta .pill,
.cards-cta #new-category-pages .pill {
  font-family: "Electrolux Sans";
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#new-category-pages .caption-1, #new-category-pages .story-steps .story-inner .story-label, .story-steps .story-inner #new-category-pages .story-label,
#new-category-pages .caption-2,
#new-category-pages .small-notes,
#new-category-pages .paragraph,
#new-category-pages section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text,
section#horizontal-carousel .horizontal-carousel-media #new-category-pages .horizontal-carousel-card-text,
#new-category-pages section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text *,
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages *,
section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text *,
#new-category-pages .--download-main .--download-text,
.--download-main #new-category-pages .--download-text,
#new-category-pages section#overview .overview-caption .--download-main .--download-text,
.--download-main #new-category-pages section#overview .overview-caption .--download-text,
#new-category-pages section#overview .overview-caption .--download-main .--download-text *,
.--download-main #new-category-pages section#overview .overview-caption .--download-text *,
#new-category-pages .cc-text,
#new-category-pages section#overview .overview-caption .cc-text,
#new-category-pages section#overview .overview-caption .cc-text *,
#new-category-pages section#overview .overview-caption .paragraph,
#new-category-pages section#overview .overview-caption .tile-text .tile-caption,
#new-category-pages .tile-text section#overview .overview-caption .tile-caption,
#new-category-pages .tile-text .tile-caption section#overview .overview-caption p,
#new-category-pages section#overview .overview-caption .paragraph *,
#new-category-pages section#overview .overview-caption .tile-text .tile-caption *,
#new-category-pages .tile-text section#overview .overview-caption .tile-caption *,
#new-category-pages .tile-text .tile-caption section#overview .overview-caption p *,
#new-category-pages .tile-text .tile-caption,
#new-category-pages .tile-text .tile-caption p {
  font-weight: 400;
  font-family: "Noto Sans";
  font-style: normal;
  line-height: normal;
}
#new-category-pages .caption-1 ul, #new-category-pages .story-steps .story-inner .story-label ul, .story-steps .story-inner #new-category-pages .story-label ul,
#new-category-pages .caption-2 ul,
#new-category-pages .small-notes ul,
#new-category-pages .paragraph ul,
#new-category-pages section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text ul,
section#horizontal-carousel .horizontal-carousel-media #new-category-pages .horizontal-carousel-card-text ul,
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages * ul,
#new-category-pages .--download-main .--download-text ul,
.--download-main #new-category-pages .--download-text ul,
#new-category-pages section#overview .overview-caption .--download-main .--download-text ul,
.--download-main #new-category-pages section#overview .overview-caption .--download-text ul,
#new-category-pages .cc-text ul,
#new-category-pages section#overview .overview-caption .cc-text ul,
#new-category-pages section#overview .overview-caption .paragraph ul,
#new-category-pages section#overview .overview-caption .tile-text .tile-caption ul,
#new-category-pages .tile-text section#overview .overview-caption .tile-caption ul,
#new-category-pages .tile-text .tile-caption section#overview .overview-caption p ul,
#new-category-pages .tile-text .tile-caption ul {
  list-style-type: disc;
}
#new-category-pages .elx-sans {
  font-family: "Electrolux Sans" !important;
}
#new-category-pages .light {
  font-weight: 350;
}
#new-category-pages .regular, #new-category-pages .xp-tabs .xp-layout .xp-nav .xp-intro, .xp-tabs .xp-layout .xp-nav #new-category-pages .xp-intro,
#new-category-pages .xp-tabs .xp-layout .xp-nav .xp-intro *,
.xp-tabs .xp-layout .xp-nav .xp-intro #new-category-pages * {
  font-weight: 400 !important;
}
#new-category-pages b,
#new-category-pages b *,
#new-category-pages strong,
#new-category-pages strong *,
#new-category-pages .bold,
#new-category-pages .--download-main .--download-cta .--download-label,
.--download-main .--download-cta #new-category-pages .--download-label,
#new-category-pages .bold *,
#new-category-pages .--download-main .--download-cta .--download-label *,
.--download-main .--download-cta #new-category-pages .--download-label * {
  font-weight: 600 !important;
}
#new-category-pages .semibold, #new-category-pages .--download-main .--download-text, .--download-main #new-category-pages .--download-text, #new-category-pages .story-steps .story-inner .story-label, .story-steps .story-inner #new-category-pages .story-label {
  font-weight: 600;
}
#new-category-pages .noto-regular, #new-category-pages .xp-card .xp-card-header, .xp-card #new-category-pages .xp-card-header {
  font-family: "Noto Sans";
  font-weight: 400;
}
#new-category-pages .noto-semibold, #new-category-pages .cta-button .btn, .cta-button #new-category-pages .btn {
  font-family: "Noto Sans";
  font-weight: 600;
}
@media (min-width: 0px) {
  #new-category-pages .h0,
  #new-category-pages .heading-0 {
    font-size: 44px;
  }
  #new-category-pages h1,
  #new-category-pages .h1,
  #new-category-pages .heading-1 {
    font-size: 32px;
  }
  #new-category-pages h2,
  #new-category-pages .h2,
  #new-category-pages .hero-img-title,
  #new-category-pages .story-steps .story-inner .thumbs figure figcaption .thumb-title-number,
  .story-steps .story-inner .thumbs figure figcaption #new-category-pages .thumb-title-number,
  #new-category-pages .clip-reveal .clip-reveal-text p,
  .clip-reveal .clip-reveal-text #new-category-pages p,
  #new-category-pages .heading-2 {
    font-size: 24px;
  }
  #new-category-pages h3,
  #new-category-pages .h3,
  #new-category-pages section#overview .overview-title-spacer::before,
  #new-category-pages .heading-3 {
    font-size: 20px;
  }
  #new-category-pages h4,
  #new-category-pages .h4,
  #new-category-pages .heading-4 {
    font-size: 16px;
  }
  #new-category-pages h5,
  #new-category-pages .h5,
  #new-category-pages .xp-tabs .xp-layout .xp-nav .xp-intro,
  .xp-tabs .xp-layout .xp-nav #new-category-pages .xp-intro,
  #new-category-pages .xp-tabs .xp-layout .xp-nav .xp-intro *,
  .xp-tabs .xp-layout .xp-nav .xp-intro #new-category-pages *,
  #new-category-pages section#overview .overview-title-spacer::after,
  #new-category-pages .heading-5 {
    font-size: 14px;
  }
  #new-category-pages .paragraph, #new-category-pages section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text, section#horizontal-carousel .horizontal-carousel-media #new-category-pages .horizontal-carousel-card-text,
  #new-category-pages section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text *,
  section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages *,
  section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text *, #new-category-pages .--download-main .--download-text, .--download-main #new-category-pages .--download-text, #new-category-pages section#overview .overview-caption .--download-main .--download-text, .--download-main #new-category-pages section#overview .overview-caption .--download-text,
  #new-category-pages section#overview .overview-caption .--download-main .--download-text *,
  .--download-main #new-category-pages section#overview .overview-caption .--download-text *, #new-category-pages .cc-text, #new-category-pages section#overview .overview-caption .cc-text,
  #new-category-pages section#overview .overview-caption .cc-text *, #new-category-pages section#overview .overview-caption .paragraph, #new-category-pages section#overview .overview-caption .tile-text .tile-caption, #new-category-pages .tile-text section#overview .overview-caption .tile-caption,
  #new-category-pages .tile-text .tile-caption section#overview .overview-caption p,
  #new-category-pages section#overview .overview-caption .paragraph *,
  #new-category-pages section#overview .overview-caption .tile-text .tile-caption *,
  #new-category-pages .tile-text section#overview .overview-caption .tile-caption *,
  #new-category-pages .tile-text .tile-caption section#overview .overview-caption p *, #new-category-pages .tile-text .tile-caption,
  #new-category-pages .tile-text .tile-caption p {
    font-size: 14px;
  }
  #new-category-pages .caption-1, #new-category-pages .story-steps .story-inner .story-label, .story-steps .story-inner #new-category-pages .story-label {
    font-size: 10px;
  }
  #new-category-pages .caption-2, #new-category-pages .small-notes {
    font-size: 9px;
  }
  #new-category-pages .button, #new-category-pages .story-steps .story-inner .pill, .story-steps .story-inner #new-category-pages .pill, #new-category-pages .cards-cta .pill, .cards-cta #new-category-pages .pill {
    font-size: 16px;
  }
}
@media (min-width: 769px) {
  #new-category-pages .h0,
  #new-category-pages .heading-0 {
    font-size: 64px;
  }
  #new-category-pages h1,
  #new-category-pages .h1,
  #new-category-pages .heading-1 {
    font-size: 40px;
  }
  #new-category-pages h2,
  #new-category-pages .h2,
  #new-category-pages .hero-img-title,
  #new-category-pages .story-steps .story-inner .thumbs figure figcaption .thumb-title-number,
  .story-steps .story-inner .thumbs figure figcaption #new-category-pages .thumb-title-number,
  #new-category-pages .clip-reveal .clip-reveal-text p,
  .clip-reveal .clip-reveal-text #new-category-pages p,
  #new-category-pages .heading-2 {
    font-size: 36px;
  }
  #new-category-pages h3,
  #new-category-pages .h3,
  #new-category-pages section#overview .overview-title-spacer::before,
  #new-category-pages .heading-3 {
    font-size: 24px;
  }
  #new-category-pages h4,
  #new-category-pages .h4,
  #new-category-pages .heading-4 {
    font-size: 20px;
  }
  #new-category-pages h5,
  #new-category-pages .h5,
  #new-category-pages .xp-tabs .xp-layout .xp-nav .xp-intro,
  .xp-tabs .xp-layout .xp-nav #new-category-pages .xp-intro,
  #new-category-pages .xp-tabs .xp-layout .xp-nav .xp-intro *,
  .xp-tabs .xp-layout .xp-nav .xp-intro #new-category-pages *,
  #new-category-pages section#overview .overview-title-spacer::after,
  #new-category-pages .heading-5 {
    font-size: 18px;
  }
  #new-category-pages .paragraph, #new-category-pages section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text, section#horizontal-carousel .horizontal-carousel-media #new-category-pages .horizontal-carousel-card-text,
  #new-category-pages section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text *,
  section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages *,
  section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text *, #new-category-pages .--download-main .--download-text, .--download-main #new-category-pages .--download-text, #new-category-pages section#overview .overview-caption .--download-main .--download-text, .--download-main #new-category-pages section#overview .overview-caption .--download-text,
  #new-category-pages section#overview .overview-caption .--download-main .--download-text *,
  .--download-main #new-category-pages section#overview .overview-caption .--download-text *, #new-category-pages .cc-text, #new-category-pages section#overview .overview-caption .cc-text,
  #new-category-pages section#overview .overview-caption .cc-text *, #new-category-pages section#overview .overview-caption .paragraph, #new-category-pages section#overview .overview-caption .tile-text .tile-caption, #new-category-pages .tile-text section#overview .overview-caption .tile-caption,
  #new-category-pages .tile-text .tile-caption section#overview .overview-caption p,
  #new-category-pages section#overview .overview-caption .paragraph *,
  #new-category-pages section#overview .overview-caption .tile-text .tile-caption *,
  #new-category-pages .tile-text section#overview .overview-caption .tile-caption *,
  #new-category-pages .tile-text .tile-caption section#overview .overview-caption p *, #new-category-pages .tile-text .tile-caption,
  #new-category-pages .tile-text .tile-caption p {
    font-size: 16px;
  }
  #new-category-pages .caption-1, #new-category-pages .story-steps .story-inner .story-label, .story-steps .story-inner #new-category-pages .story-label {
    font-size: 12px;
  }
  #new-category-pages .button, #new-category-pages .story-steps .story-inner .pill, .story-steps .story-inner #new-category-pages .pill, #new-category-pages .cards-cta .pill, .cards-cta #new-category-pages .pill {
    font-size: 14px;
  }
}
@media (min-width: 769px) {
  #new-category-pages .h0,
  #new-category-pages .heading-0 {
    font-size: 64px;
  }
  #new-category-pages h1,
  #new-category-pages .h1,
  #new-category-pages .heading-1 {
    font-size: 40px;
  }
  #new-category-pages h2,
  #new-category-pages .h2,
  #new-category-pages .hero-img-title,
  #new-category-pages .story-steps .story-inner .thumbs figure figcaption .thumb-title-number,
  .story-steps .story-inner .thumbs figure figcaption #new-category-pages .thumb-title-number,
  #new-category-pages .clip-reveal .clip-reveal-text p,
  .clip-reveal .clip-reveal-text #new-category-pages p,
  #new-category-pages .heading-2 {
    font-size: 36px;
  }
  #new-category-pages h3,
  #new-category-pages .h3,
  #new-category-pages section#overview .overview-title-spacer::before,
  #new-category-pages .heading-3 {
    font-size: 24px;
  }
  #new-category-pages h4,
  #new-category-pages .h4,
  #new-category-pages .heading-4 {
    font-size: 20px;
  }
  #new-category-pages h5,
  #new-category-pages .h5,
  #new-category-pages .xp-tabs .xp-layout .xp-nav .xp-intro,
  .xp-tabs .xp-layout .xp-nav #new-category-pages .xp-intro,
  #new-category-pages .xp-tabs .xp-layout .xp-nav .xp-intro *,
  .xp-tabs .xp-layout .xp-nav .xp-intro #new-category-pages *,
  #new-category-pages section#overview .overview-title-spacer::after,
  #new-category-pages .heading-5 {
    font-size: 18px;
  }
  #new-category-pages .paragraph, #new-category-pages section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text, section#horizontal-carousel .horizontal-carousel-media #new-category-pages .horizontal-carousel-card-text,
  #new-category-pages section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text *,
  section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages *,
  section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text *, #new-category-pages .--download-main .--download-text, .--download-main #new-category-pages .--download-text, #new-category-pages section#overview .overview-caption .--download-main .--download-text, .--download-main #new-category-pages section#overview .overview-caption .--download-text,
  #new-category-pages section#overview .overview-caption .--download-main .--download-text *,
  .--download-main #new-category-pages section#overview .overview-caption .--download-text *, #new-category-pages .cc-text, #new-category-pages section#overview .overview-caption .cc-text,
  #new-category-pages section#overview .overview-caption .cc-text *, #new-category-pages section#overview .overview-caption .paragraph, #new-category-pages section#overview .overview-caption .tile-text .tile-caption, #new-category-pages .tile-text section#overview .overview-caption .tile-caption,
  #new-category-pages .tile-text .tile-caption section#overview .overview-caption p,
  #new-category-pages section#overview .overview-caption .paragraph *,
  #new-category-pages section#overview .overview-caption .tile-text .tile-caption *,
  #new-category-pages .tile-text section#overview .overview-caption .tile-caption *,
  #new-category-pages .tile-text .tile-caption section#overview .overview-caption p *, #new-category-pages .tile-text .tile-caption,
  #new-category-pages .tile-text .tile-caption p {
    font-size: 16px;
  }
  #new-category-pages .caption-1, #new-category-pages .story-steps .story-inner .story-label, .story-steps .story-inner #new-category-pages .story-label {
    font-size: 12px;
  }
  #new-category-pages .button, #new-category-pages .story-steps .story-inner .pill, .story-steps .story-inner #new-category-pages .pill, #new-category-pages .cards-cta .pill, .cards-cta #new-category-pages .pill {
    font-size: 16px;
  }
}
@media (min-width: 1537px) {
  #new-category-pages .h0,
  #new-category-pages .heading-0 {
    font-size: 84px;
  }
  #new-category-pages h1,
  #new-category-pages .h1,
  #new-category-pages .heading-1 {
    font-size: 54px;
  }
  #new-category-pages h2,
  #new-category-pages .h2,
  #new-category-pages .hero-img-title,
  #new-category-pages .story-steps .story-inner .thumbs figure figcaption .thumb-title-number,
  .story-steps .story-inner .thumbs figure figcaption #new-category-pages .thumb-title-number,
  #new-category-pages .clip-reveal .clip-reveal-text p,
  .clip-reveal .clip-reveal-text #new-category-pages p,
  #new-category-pages .heading-2 {
    font-size: 46px;
  }
  #new-category-pages h3,
  #new-category-pages .h3,
  #new-category-pages section#overview .overview-title-spacer::before,
  #new-category-pages .heading-3 {
    font-size: 32px;
  }
  #new-category-pages h4,
  #new-category-pages .h4,
  #new-category-pages .heading-4 {
    font-size: 28px;
  }
  #new-category-pages h5,
  #new-category-pages .h5,
  #new-category-pages .xp-tabs .xp-layout .xp-nav .xp-intro,
  .xp-tabs .xp-layout .xp-nav #new-category-pages .xp-intro,
  #new-category-pages .xp-tabs .xp-layout .xp-nav .xp-intro *,
  .xp-tabs .xp-layout .xp-nav .xp-intro #new-category-pages *,
  #new-category-pages section#overview .overview-title-spacer::after,
  #new-category-pages .heading-5 {
    font-size: 22px;
    font-family: "Noto Sans";
  }
  #new-category-pages .paragraph, #new-category-pages section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text, section#horizontal-carousel .horizontal-carousel-media #new-category-pages .horizontal-carousel-card-text,
  #new-category-pages section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text *,
  section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages *,
  section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text *, #new-category-pages .--download-main .--download-text, .--download-main #new-category-pages .--download-text, #new-category-pages section#overview .overview-caption .--download-main .--download-text, .--download-main #new-category-pages section#overview .overview-caption .--download-text,
  #new-category-pages section#overview .overview-caption .--download-main .--download-text *,
  .--download-main #new-category-pages section#overview .overview-caption .--download-text *, #new-category-pages .cc-text, #new-category-pages section#overview .overview-caption .cc-text,
  #new-category-pages section#overview .overview-caption .cc-text *, #new-category-pages section#overview .overview-caption .paragraph, #new-category-pages section#overview .overview-caption .tile-text .tile-caption, #new-category-pages .tile-text section#overview .overview-caption .tile-caption,
  #new-category-pages .tile-text .tile-caption section#overview .overview-caption p,
  #new-category-pages section#overview .overview-caption .paragraph *,
  #new-category-pages section#overview .overview-caption .tile-text .tile-caption *,
  #new-category-pages .tile-text section#overview .overview-caption .tile-caption *,
  #new-category-pages .tile-text .tile-caption section#overview .overview-caption p *, #new-category-pages .tile-text .tile-caption,
  #new-category-pages .tile-text .tile-caption p {
    font-size: 18px;
    font-family: "Noto Sans";
  }
  #new-category-pages .caption-1, #new-category-pages .story-steps .story-inner .story-label, .story-steps .story-inner #new-category-pages .story-label {
    font-size: 16px;
    font-family: "Noto Sans";
  }
  #new-category-pages .caption-2, #new-category-pages .small-notes {
    font-size: 14px;
    font-family: "Noto Sans";
  }
  #new-category-pages .button, #new-category-pages .story-steps .story-inner .pill, .story-steps .story-inner #new-category-pages .pill, #new-category-pages .cards-cta .pill, .cards-cta #new-category-pages .pill {
    font-family: "Noto Sans";
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #new-category-pages .h0,
  #new-category-pages .heading-0 {
    font-size: 84px;
  }
  #new-category-pages h1,
  #new-category-pages .h1,
  #new-category-pages .heading-1 {
    font-size: 54px;
  }
  #new-category-pages h2,
  #new-category-pages .h2,
  #new-category-pages .hero-img-title,
  #new-category-pages .story-steps .story-inner .thumbs figure figcaption .thumb-title-number,
  .story-steps .story-inner .thumbs figure figcaption #new-category-pages .thumb-title-number,
  #new-category-pages .clip-reveal .clip-reveal-text p,
  .clip-reveal .clip-reveal-text #new-category-pages p,
  #new-category-pages .heading-2 {
    font-size: 46px;
  }
  #new-category-pages h3,
  #new-category-pages .h3,
  #new-category-pages section#overview .overview-title-spacer::before,
  #new-category-pages .heading-3 {
    font-size: 32px;
  }
  #new-category-pages h4,
  #new-category-pages .h4,
  #new-category-pages .heading-4 {
    font-size: 28px;
  }
  #new-category-pages h5,
  #new-category-pages .h5,
  #new-category-pages .xp-tabs .xp-layout .xp-nav .xp-intro,
  .xp-tabs .xp-layout .xp-nav #new-category-pages .xp-intro,
  #new-category-pages .xp-tabs .xp-layout .xp-nav .xp-intro *,
  .xp-tabs .xp-layout .xp-nav .xp-intro #new-category-pages *,
  #new-category-pages section#overview .overview-title-spacer::after,
  #new-category-pages .heading-5 {
    font-size: 22px;
    font-family: "Noto Sans";
  }
  #new-category-pages .paragraph, #new-category-pages section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text, section#horizontal-carousel .horizontal-carousel-media #new-category-pages .horizontal-carousel-card-text,
  #new-category-pages section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text *,
  section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages *,
  section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text *, #new-category-pages .--download-main .--download-text, .--download-main #new-category-pages .--download-text, #new-category-pages section#overview .overview-caption .--download-main .--download-text, .--download-main #new-category-pages section#overview .overview-caption .--download-text,
  #new-category-pages section#overview .overview-caption .--download-main .--download-text *,
  .--download-main #new-category-pages section#overview .overview-caption .--download-text *, #new-category-pages .cc-text, #new-category-pages section#overview .overview-caption .cc-text,
  #new-category-pages section#overview .overview-caption .cc-text *, #new-category-pages section#overview .overview-caption .paragraph, #new-category-pages section#overview .overview-caption .tile-text .tile-caption, #new-category-pages .tile-text section#overview .overview-caption .tile-caption,
  #new-category-pages .tile-text .tile-caption section#overview .overview-caption p,
  #new-category-pages section#overview .overview-caption .paragraph *,
  #new-category-pages section#overview .overview-caption .tile-text .tile-caption *,
  #new-category-pages .tile-text section#overview .overview-caption .tile-caption *,
  #new-category-pages .tile-text .tile-caption section#overview .overview-caption p *, #new-category-pages .tile-text .tile-caption,
  #new-category-pages .tile-text .tile-caption p {
    font-size: 19px;
    font-family: "Noto Sans";
  }
  #new-category-pages .caption-1, #new-category-pages .story-steps .story-inner .story-label, .story-steps .story-inner #new-category-pages .story-label {
    font-size: 16px;
    font-family: "Noto Sans";
  }
  #new-category-pages .caption-2, #new-category-pages .small-notes {
    font-size: 14px;
    font-family: "Noto Sans";
  }
  #new-category-pages .button, #new-category-pages .story-steps .story-inner .pill, .story-steps .story-inner #new-category-pages .pill, #new-category-pages .cards-cta .pill, .cards-cta #new-category-pages .pill {
    font-family: "Noto Sans";
    font-size: 18px;
  }
}
@media (min-width: 2561px) {
  #new-category-pages .h0,
  #new-category-pages .heading-0 {
    font-size: 112px;
  }
  #new-category-pages h1,
  #new-category-pages .h1,
  #new-category-pages .heading-1 {
    font-size: 64px;
  }
  #new-category-pages h2,
  #new-category-pages .h2,
  #new-category-pages .hero-img-title,
  #new-category-pages .story-steps .story-inner .thumbs figure figcaption .thumb-title-number,
  .story-steps .story-inner .thumbs figure figcaption #new-category-pages .thumb-title-number,
  #new-category-pages .clip-reveal .clip-reveal-text p,
  .clip-reveal .clip-reveal-text #new-category-pages p,
  #new-category-pages .heading-2 {
    font-size: 54px;
  }
  #new-category-pages h3,
  #new-category-pages .h3,
  #new-category-pages section#overview .overview-title-spacer::before,
  #new-category-pages .heading-3 {
    font-size: 40px;
  }
  #new-category-pages h4,
  #new-category-pages .h4,
  #new-category-pages .heading-4 {
    font-size: 32px;
  }
  #new-category-pages h5,
  #new-category-pages .h5,
  #new-category-pages .xp-tabs .xp-layout .xp-nav .xp-intro,
  .xp-tabs .xp-layout .xp-nav #new-category-pages .xp-intro,
  #new-category-pages .xp-tabs .xp-layout .xp-nav .xp-intro *,
  .xp-tabs .xp-layout .xp-nav .xp-intro #new-category-pages *,
  #new-category-pages section#overview .overview-title-spacer::after,
  #new-category-pages .heading-5 {
    font-size: 24px;
  }
  #new-category-pages .paragraph, #new-category-pages section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text, section#horizontal-carousel .horizontal-carousel-media #new-category-pages .horizontal-carousel-card-text,
  #new-category-pages section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text *,
  section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages *,
  section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text *, #new-category-pages .--download-main .--download-text, .--download-main #new-category-pages .--download-text, #new-category-pages section#overview .overview-caption .--download-main .--download-text, .--download-main #new-category-pages section#overview .overview-caption .--download-text,
  #new-category-pages section#overview .overview-caption .--download-main .--download-text *,
  .--download-main #new-category-pages section#overview .overview-caption .--download-text *, #new-category-pages .cc-text, #new-category-pages section#overview .overview-caption .cc-text,
  #new-category-pages section#overview .overview-caption .cc-text *, #new-category-pages section#overview .overview-caption .paragraph, #new-category-pages section#overview .overview-caption .tile-text .tile-caption, #new-category-pages .tile-text section#overview .overview-caption .tile-caption,
  #new-category-pages .tile-text .tile-caption section#overview .overview-caption p,
  #new-category-pages section#overview .overview-caption .paragraph *,
  #new-category-pages section#overview .overview-caption .tile-text .tile-caption *,
  #new-category-pages .tile-text section#overview .overview-caption .tile-caption *,
  #new-category-pages .tile-text .tile-caption section#overview .overview-caption p *, #new-category-pages .tile-text .tile-caption,
  #new-category-pages .tile-text .tile-caption p {
    font-size: 20px;
  }
  #new-category-pages .caption-1, #new-category-pages .story-steps .story-inner .story-label, .story-steps .story-inner #new-category-pages .story-label {
    font-family: "LElectrolux Sansato";
    font-size: 0.18px;
  }
  #new-category-pages .caption-2, #new-category-pages .small-notes {
    font-family: "LElectrolux Sansato";
    font-size: 0.16px;
  }
  #new-category-pages .button, #new-category-pages .story-steps .story-inner .pill, .story-steps .story-inner #new-category-pages .pill, #new-category-pages .cards-cta .pill, .cards-cta #new-category-pages .pill {
    font-size: 24px;
  }
}

.bg-blue-elx {
  background-color: #14133b !important;
}

.text-white {
  color: #fff !important;
}

.bg-green-elx {
  background-color: var(--green) !important;
}

.bg-azure-elx {
  background-color: var(--azure) !important;
}

.bg-gray-light-elx {
  background-color: var(--gray-light) !important;
}

.text-blu {
  color: #14133b !important;
}

.text-ocra {
  color: var(--gold) !important;
}

.bg-dark-elx {
  background-color: #050405 !important;
}

.stacked-reveal {
  position: relative;
  height: 100vh; /* base, il pin si espande in JS */
  overflow: visible;
}

.reveal-card {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.reveal-card.with-carousel {
  justify-content: space-around;
}

.reveal-card .reveal-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reveal-card .card-text {
  display: flex;
  position: relative;
  justify-content: center;
  margin-top: 4vh;
  flex: 1;
  flex-direction: column;
  color: #fff;
  text-align: center;
}

.reveal-card .card-text h2 {
  margin-bottom: 0.3em;
  display: inline-block;
}

.reveal-card .card-text p {
  max-width: 80ch;
}

.reveal-card.with-carousel {
  background: linear-gradient(0deg, var(--azure) 0%, #c8d2d6 100%);
}
.reveal-card.with-carousel .card-text {
  justify-content: space-between;
  padding: 0;
  margin-top: auto;
  margin-bottom: auto;
}
.reveal-card.card-award {
  background-color: #fff;
}
.reveal-card.card-award .card-award-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  gap: 5vw;
}
@media (max-width: 768.98px) {
  .reveal-card.card-award .card-award-inner {
    flex-direction: column;
    align-items: stretch;
  }
}
.reveal-card.card-award .card-award-inner .reveal-img {
  width: 50%;
  object-fit: cover;
  bottom: 0;
  position: static;
}
@media (max-width: 768.98px) {
  .reveal-card.card-award .card-award-inner .reveal-img {
    order: 2;
    width: 100%;
  }
}
.reveal-card.card-award .card-award-inner .card-text {
  margin-top: 0;
  color: #14133b;
  text-align: left;
  height: 100%;
}
@media (max-width: 768.98px) {
  .reveal-card.card-award .card-award-inner .card-text {
    order: 1;
    padding: 6vh 20px;
  }
}
.reveal-card.card-award .card-award-inner .card-text .card-text-title {
  display: flex;
  flex-direction: column;
}
.reveal-card.card-award .card-award-inner .card-text p {
  text-align: left;
  max-width: 45ch;
  flex-grow: 3;
}
.reveal-card.card-award .card-award-inner .card-text .reddot {
  max-height: 100px;
}
.reveal-card.card-award .card-award-inner .card-text .reddot > img {
  object-fit: contain;
  object-position: left;
}
@media (max-width: 768.98px) {
  .reveal-card.card-award .card-award-inner .card-text .reddot {
    position: absolute;
    bottom: -90px;
    right: 25px;
    z-index: 99;
    height: auto;
    width: 130px;
  }
}

#products-grid,
#products-grid-compact {
  padding: 0 16px;
  margin-bottom: 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
@media (max-width: 768.98px) {
  #products-grid,
  #products-grid-compact {
    padding: 0;
  }
}
#products-grid .cards-inner,
#products-grid-compact .cards-inner {
  grid-column: 2/span 10;
}
@media (max-width: 1536.98px) {
  #products-grid .cards-inner,
  #products-grid-compact .cards-inner {
    grid-column: 1/span 12;
  }
}

.cards-gallery {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-rows: clamp(240px, 40vh, 400px);
  gap: clamp(14px, 2vw, 24px);
}

/* posizioni */
.tile--1 {
  grid-column: 1/span 3;
  grid-row: 1/span 1;
}
@media (max-width: 1650px) {
  .tile--1 {
    grid-column: 1/span 4;
  }
}
@media (max-width: 1200px) {
  .tile--1 {
    grid-column: 1/span 4;
  }
}

.tile--2 {
  grid-column: 4/span 6;
  grid-row: 1/span 1;
}
@media (max-width: 1650px) {
  .tile--2 {
    grid-column: 5/span 5;
  }
}
@media (max-width: 1200px) {
  .tile--2 {
    grid-column: 5/span 4;
  }
}

.tile--3 {
  grid-column: 10/span 3;
  grid-row: 1/span 2;
}
@media (max-width: 1200px) {
  .tile--3 {
    grid-column: 9/span 4;
  }
}

.tile--4 {
  grid-column: 1/span 6;
  grid-row: 2/span 1;
}
@media (max-width: 1650px) {
  .tile--4 {
    grid-column: 1/span 5;
  }
}
@media (max-width: 1200px) {
  .tile--4 {
    grid-column: 1/span 4;
  }
  .tile--4 .tile-stats {
    padding-right: unset;
  }
}

/* 1/4 */
.tile--5 {
  grid-column: 7/span 3;
  grid-row: 2/span 1;
}
@media (max-width: 1650px) {
  .tile--5 {
    grid-column: 6/span 4;
  }
}
@media (max-width: 1200px) {
  .tile--5 {
    grid-column: 5/span 4;
  }
}

/* 2/4 */
/* tile base */
.tile {
  position: relative;
  overflow: hidden;
  display: flex;
}

#products-grid .tile::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0) 80%);
  opacity: 0.7;
  z-index: 1;
}

.tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#products-grid {
  --caption-size: 14px;
  --justify-content: flex-end;
}

#products-grid-compact {
  --caption-size: 22px;
  --justify-content: space-between;
}
@media (max-width: 1199.98px) {
  #products-grid-compact {
    --caption-size: 18px;
  }
}

/* caption overlay */
#new-category-pages .tile-text {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  max-width: 100%;
  display: flex;
  aspect-ratio: 2/1;
  justify-content: var(--justify-content);
  flex-direction: column;
  z-index: 2;
  --p-tile: 2.5em;
  padding: var(--p-tile);
}
@media (max-width: 768.98px) {
  #new-category-pages .tile-text {
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  #new-category-pages .tile-text {
    --p-tile: 2em;
  }
}
#new-category-pages .tile-text:has(.eco-badge) {
  --eco-w: 130px;
  --eco-h: calc(var(--eco-w) * (91 / 123));
  padding-right: calc(var(--p-tile) + var(--eco-w));
}
@media (max-width: 1200px) {
  #new-category-pages .tile-text:has(.eco-badge) {
    padding-right: var(--p-tile);
  }
}
#new-category-pages .tile-text:has(.eco-badge) .eco-badge {
  width: var(--eco-w);
  height: var(--eco-h);
  position: absolute;
  right: 0;
  bottom: 30px;
}
@media (max-width: 1200px) {
  #new-category-pages .tile-text:has(.eco-badge) .eco-badge {
    bottom: unset;
    top: 30px;
  }
}
@media (max-width: 900px) {
  #new-category-pages .tile-text:has(.eco-badge) .eco-badge {
    bottom: unset;
    top: calc(0px - var(--eco-h));
  }
}
#new-category-pages .tile-text.tile-stats {
  height: 100%;
  width: 100%;
  aspect-ratio: unset;
  padding-right: 20%;
  background-color: var(--blue-elx-ultra-light);
}
#new-category-pages .tile-text.tile-stats .cards-cta {
  display: none;
}
#new-category-pages .tile-text.tile-stats .tile-title-number {
  font-size: 64px;
}
#new-category-pages .tile-text .tile-title {
  margin: 0;
}
#new-category-pages .tile-text .tile-title-center {
  flex-grow: 2;
  display: flex;
  justify-self: flex-end;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 768.98px) {
  #new-category-pages .tile-text .tile-title-center {
    flex-grow: unset;
  }
}
#new-category-pages .tile-text .tile-caption,
#new-category-pages .tile-text .tile-caption p {
  font-weight: 400;
  font-family: "Noto Sans" !important;
  font-size: var(--caption-size);
  margin: 0;
  margin-top: 0.5em;
  min-height: 3em;
}
@media (max-width: 991.98px) {
  #new-category-pages .tile-text .tile-caption br,
  #new-category-pages .tile-text .tile-caption p br {
    display: none;
  }
}

/* stat tile */
/* CTA */
.cards-cta {
  display: flex;
  justify-content: center;
  margin-top: clamp(18px, 10vh, 50px);
  margin-left: auto;
  margin-right: auto;
}

.cards-cta .pill {
  outline: none;
  border: none;
  background: none !important;
}
@media not all and (pointer: coarse) {
  .cards-cta .pill:hover {
    color: white;
    background: var(--blue-elx) !important;
  }
}
.cards-cta .pill:active {
  color: white !important;
  background: var(--blue-elx) !important;
}
.cards-cta .pill:active {
  scale: 0.98;
}

/* frecce: di default nascoste */
.cards-arrows {
  display: none;
}

/* mobile: visibili e centrate */
@media (max-width: 900px) {
  .cards-arrows {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: clamp(18px, 3vh, 28px);
  }
  .cards-arrows .arrow {
    background: #fff;
    border: 1px solid #0b1b3d;
    color: #0b1b3d;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .cards-arrows .arrow:disabled {
    opacity: 0.4;
    pointer-events: none;
  }
}
/* mobile */
@media (max-width: 900px) {
  .cards-gallery {
    display: flex;
    overflow-x: auto;
    gap: 16px;
    padding: 0 16px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .cards-gallery::-webkit-scrollbar {
    display: none;
  }
  .tile {
    flex: 0 0 88vw;
    height: 56vh;
    scroll-snap-align: center;
  }
  #products-grid .tile .tile-text {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 150px;
    width: 100%;
    background-color: var(--blue-elx-ultra-light);
    color: var(--blue-elx) !important;
  }
  #products-grid .tile .tile-text.tile-stats {
    order: 999;
    height: 100%;
    padding: 2.5em;
  }
  #products-grid .tile .tile-text.tile-stats .tile-title-number {
    font-size: 96px;
  }
  #products-grid .tile .tile-text.tile-stats .cards-cta {
    display: block;
  }
  #products-grid .tile:has(> .tile-stats) {
    order: 999;
  }
  #products-grid .cards-cta {
    display: none;
  }
}
@media (max-width: 900px) and (max-width: 768.98px) {
  #products-grid-compact .tile-title {
    font-size: 46px;
  }
}
#products-grid *,
#products-grid-compact * {
  will-change: transform;
}

/* posizionamento esatto */
#products-grid-compact .t4--1 {
  grid-column: 1/span 5;
  grid-row: 1/span 1;
}
@media (min-width: 1400px) {
  #products-grid-compact .t4--1 {
    grid-column: 1/span 4;
  }
}

/* 1/4 */
#products-grid-compact .t4--2 {
  grid-column: 6/span 7;
  grid-row: 1/span 1;
}
#products-grid-compact .t4--2 figcaption {
  display: none;
}
@media (min-width: 1400px) {
  #products-grid-compact .t4--2 {
    grid-column: 5/span 8;
  }
}

/* 3/4 */
#products-grid-compact .t4--3 {
  grid-column: 1/span 6;
  grid-row: 2/span 1;
} /* 2/4 */
#products-grid-compact .t4--4 {
  grid-column: 7/span 6;
  grid-row: 2/span 1;
} /* 2/4 */
/* #products-grid-compact .caption--dark {
  color: #0b1b3d;
  text-shadow: none;
} */
/* frecce: solo mobile */
#products-grid-compact .cards-arrows {
  display: none;
}

/* MOBILE: carosello 1 card (scroll-snap) */
@media (max-width: 900px) {
  #products-grid-compact .cards-gallery {
    display: flex;
    overflow-x: auto;
    gap: 16px;
    padding: 0 16px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  #products-grid-compact .cards-gallery::-webkit-scrollbar {
    display: none;
  }
  #products-grid-compact .tile {
    flex: 0 0 88vw;
    height: 56vh;
    scroll-snap-align: center;
  }
  #products-grid-compact .cards-arrows {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: clamp(18px, 3vh, 28px);
  }
  #products-grid-compact .cards-arrows .arrow {
    background: #fff;
    border: 1px solid #0b1b3d;
    color: #0b1b3d;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #products-grid-compact .cards-arrows .arrow:disabled {
    opacity: 0.4;
    pointer-events: none;
  }
}
#products-grid-compact .tile-text .cards-cta {
  position: absolute;
  margin: auto;
  bottom: 32px;
  left: 0;
  right: 0;
}
@media (min-width: 769px) {
  #products-grid-compact .tile-text .cards-cta {
    display: none;
  }
}

/* aaeeeee */
:root {
  --white: white;
  --gold: #cea941;
  --green: #c3d59a;
  --gray: #a6a6a6;
  --gray-light: #d9d9d9;
  --beige: #f8f5eb;
  --blue-elx: #14133b;
  --blue-elx-alt: #011e41;
  --blue-elx-light: #808ea0;
  --blue-elx-extra-light: #b3bcc6;
  --blue-elx-ultra-light: #e9eff4;
}

.site-header.force-hide-header {
  top: -136px;
}
@media (max-width: 768.98px) {
  .site-header.force-hide-header {
    top: -107px;
  }
}

h1.hero-text {
  margin-top: 0;
  margin-bottom: 0;
}

.hero-text {
  height: fit-content;
  padding: 10vh 0 6vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  will-change: transform;
  gap: 0;
  text-align: center;
}
.hero-text * {
  margin: 0 !important;
}
@media (max-width: 768.98px) {
  .hero-text {
    margin: 0 24px;
    height: fit-content;
    padding: 52px 0 36px;
  }
}
.hero-text * {
  margin: 0;
}
.hero-text.hero-text-left {
  width: 83.33333333%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  text-align: left;
}
.hero-text.hero-text-left * {
  text-align: left !important;
}
.hero-text h1 > *:nth-child(1),
.hero-text h2 > *:nth-child(1) {
  font-weight: 600 !important;
}
.hero-text h1 > *:nth-child(2),
.hero-text h2 > *:nth-child(2) {
  font-weight: 400 !important;
}

/* Kitchen + sezioni riutilizzabili con clip reveal */
section.clip-reveal,
.clip-reveal {
  position: relative; /* per ancorare l'immagine assoluta */
  display: flex;
  height: 110vh;
  margin-top: -10vh;
  align-items: flex-end;
  justify-content: center;
  pointer-events: none;
}
section.clip-reveal .clip-reveal-img,
.clip-reveal .clip-reveal-img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0; /* niente negativo, o le successive restano "dietro" */
}
section.clip-reveal .clip-reveal-img > img,
.clip-reveal .clip-reveal-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
section.clip-reveal:has(.clip-reveal-text) .clip-reveal-img::after,
.clip-reveal:has(.clip-reveal-text) .clip-reveal-img::after {
  all: inherit;
  content: "";
  background-image: linear-gradient(rgba(0, 0, 0, 0), var(--blue-elx));
}
section.clip-reveal .clip-reveal-text,
.clip-reveal .clip-reveal-text {
  position: relative;
  z-index: 1; /* testo sopra immagine */
  width: 80vw;
  min-width: 670px;
  margin-bottom: 8vh;
  padding: 1.5em 1.5em;
  border-radius: 4px;
}
@media (max-width: 768.98px) {
  section.clip-reveal .clip-reveal-text,
  .clip-reveal .clip-reveal-text {
    min-width: revert;
    width: calc(100vw - 10px);
    max-width: 90vw;
    padding: 22px 22px;
  }
}
@media (min-width: 2561px) {
  section.clip-reveal .clip-reveal-text,
  .clip-reveal .clip-reveal-text {
    max-width: 60vw;
  }
}
section.clip-reveal .clip-reveal-text p,
.clip-reveal .clip-reveal-text p {
  color: var(--white);
  font-weight: 400 !important;
  text-align: center;
}
@media (max-width: 768.98px) {
  section.clip-reveal .clip-reveal-text p,
  .clip-reveal .clip-reveal-text p {
    font-size: 20px !important;
  }
}
section.clip-reveal .clip-reveal-text p b,
section.clip-reveal .clip-reveal-text p strong,
.clip-reveal .clip-reveal-text p b,
.clip-reveal .clip-reveal-text p strong {
  color: #fff;
  font-weight: 600 !important;
}
section.clip-reveal .clip-reveal-text *,
.clip-reveal .clip-reveal-text * {
  will-change: transform;
}

/* piccolo hint performance per la clip */
section#kitchen .clip-reveal-img,
section.clip-reveal .clip-reveal-img,
.clip-reveal .clip-reveal-img {
  will-change: clip-path;
}

#new-category-pages section#overview {
  height: 100vh;
  overflow: hidden;
  margin: 5vh auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  padding: 0 8.5%;
  padding: 0 0;
  --machine-w: 60%;
  --panel-w: calc(100% - var(--machine-w));
  /* l’immagine grande a sinistra ereditava già .overview-img
     la lasciamo uguale. Attenzione: anche la card destra usa .overview-img,
     quindi sotto gestiamo differenze con > selector.
  */
  /* hotspot sul prodotto */
}
@media (max-width: 1399.98px) {
  #new-category-pages section#overview {
    padding: 0;
  }
}
@media (max-width: 1199.98px) {
  #new-category-pages section#overview {
    --machine-w: 55%;
  }
}
@media (max-width: 991.98px) {
  #new-category-pages section#overview {
    flex-direction: column;
    height: fit-content;
    --machine-w: 100%;
    --panel-w: 100%;
    gap: 0;
    padding: 16px;
  }
}
#new-category-pages section#overview .overview-machine {
  position: relative;
  display: flex;
  justify-content: center;
  margin: auto 0;
  width: var(--machine-w);
}
#new-category-pages section#overview .overview-machine > .overview-img {
  width: 100%;
  max-width: 1080px;
  object-fit: contain;
  height: auto;
  display: block;
}
@media (max-width: 991.98px) {
  #new-category-pages section#overview .overview-machine > .overview-img {
    height: auto;
  }
}
#new-category-pages section#overview .overview-machine > .overview-img.feature-img {
  display: none;
}
#new-category-pages section#overview .overview-machine > .overview-img.feature-img.is-active {
  display: block;
}
#new-category-pages section#overview .overview-machine.with-hotspots .feature-img {
  display: none !important;
}
#new-category-pages section#overview .overview-machine.with-images .hotspots-img,
#new-category-pages section#overview .overview-machine.with-images .overview-hotspot {
  display: none !important;
}
#new-category-pages section#overview .overview-panel {
  position: relative;
  height: 100vh;
  max-width: 600px;
  display: flex;
  align-items: center;
  width: var(--panel-w);
  --content-pad: 40px;
  will-change: transform;
}
@media (max-width: 991.98px) {
  #new-category-pages section#overview .overview-panel {
    flex-grow: 2;
    --content-pad: 20px;
    max-width: unset;
    margin: 0 10px 0;
    max-height: 850px;
    align-items: flex-start;
  }
}
#new-category-pages section#overview .overview-panel-content {
  position: absolute;
  display: flex;
  will-change: transform;
  background: var(--blue-elx-ultra-light);
  height: auto;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--content-pad);
  color: #001b36;
  will-change: transform;
  gap: 3.5vh;
}
@media (max-width: 991.98px) {
  #new-category-pages section#overview .overview-panel-content {
    gap: 2vh;
  }
}
#new-category-pages section#overview .overview-title-spacer {
  opacity: 0;
}
#new-category-pages section#overview .overview-title-spacer::before {
  content: ".";
  display: block;
  margin: 0.8em 0 0;
}
#new-category-pages section#overview .overview-title-spacer::after {
  content: ".";
  display: block;
  margin: 0.5em 0 1vh;
  height: 1em;
}
#new-category-pages section#overview .overview-title {
  position: absolute;
  z-index: 2;
  margin: var(--content-pad) 0 0 var(--content-pad);
  top: 0;
  left: 0;
}
#new-category-pages section#overview .overview-title .h3, #new-category-pages section#overview .overview-title .overview-title-spacer::before {
  color: #001b36;
  margin: 0.8em 0 0;
}
#new-category-pages section#overview .overview-title .h5, #new-category-pages section#overview .overview-title .xp-tabs .xp-layout .xp-nav .xp-intro, .xp-tabs .xp-layout .xp-nav #new-category-pages section#overview .overview-title .xp-intro,
#new-category-pages section#overview .overview-title .xp-tabs .xp-layout .xp-nav .xp-intro *,
.xp-tabs .xp-layout .xp-nav .xp-intro #new-category-pages section#overview .overview-title *, #new-category-pages section#overview .overview-title .overview-title-spacer::after {
  font-family: "Electrolux Sans" !important;
  color: #001b36;
  margin: 0.5em 0 1vh;
  display: block;
  height: 1em;
}
#new-category-pages section#overview .overview-panel .video-wrapper,
#new-category-pages section#overview .overview-panel .img-wrapper {
  width: 100%;
  height: 25vh;
  margin: 0;
}
@media (max-width: 768.98px) {
  #new-category-pages section#overview .overview-panel .video-wrapper,
  #new-category-pages section#overview .overview-panel .img-wrapper {
    height: 23vh;
  }
}
#new-category-pages section#overview .overview-panel .video-wrapper > .overview-video, #new-category-pages section#overview .overview-panel .video-wrapper > .overview-img,
#new-category-pages section#overview .overview-panel .img-wrapper > .overview-video,
#new-category-pages section#overview .overview-panel .img-wrapper > .overview-img {
  /* immagine piccola nella card a destra */
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  display: block;
  will-change: transform;
}
#new-category-pages section#overview .overview-caption {
  margin-bottom: 2vh;
}
@media (max-width: 768.98px) {
  #new-category-pages section#overview .overview-caption {
    margin-bottom: 2vh;
  }
}
#new-category-pages section#overview .overview-caption .h2, #new-category-pages section#overview .overview-caption .hero-img-title, #new-category-pages section#overview .overview-caption .story-steps .story-inner .thumbs figure figcaption .thumb-title-number, .story-steps .story-inner .thumbs figure figcaption #new-category-pages section#overview .overview-caption .thumb-title-number,
#new-category-pages section#overview .overview-caption .clip-reveal .clip-reveal-text p,
.clip-reveal .clip-reveal-text #new-category-pages section#overview .overview-caption p {
  margin: 0;
  margin-bottom: 36px;
  margin-bottom: 12px;
}
#new-category-pages section#overview .overview-caption .paragraph, #new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text, section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text,
#new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text *,
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages section#overview .overview-caption *,
section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text *, #new-category-pages section#overview .overview-caption .--download-main .--download-text, .--download-main #new-category-pages section#overview .overview-caption .--download-text,
#new-category-pages section#overview .overview-caption .--download-main .--download-text *,
.--download-main #new-category-pages section#overview .overview-caption .--download-text *, #new-category-pages section#overview .overview-caption .cc-text,
#new-category-pages section#overview .overview-caption .cc-text *, #new-category-pages section#overview .overview-caption .tile-text .tile-caption, #new-category-pages .tile-text section#overview .overview-caption .tile-caption,
#new-category-pages .tile-text .tile-caption section#overview .overview-caption p,
#new-category-pages section#overview .overview-caption .paragraph *,
#new-category-pages section#overview .overview-caption .tile-text .tile-caption *,
#new-category-pages .tile-text section#overview .overview-caption .tile-caption *,
#new-category-pages .tile-text .tile-caption section#overview .overview-caption p * {
  margin: 0;
}
#new-category-pages section#overview .overview-caption .paragraph, #new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text, section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text,
#new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text *,
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages section#overview .overview-caption *,
section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text *, #new-category-pages section#overview .overview-caption .--download-main .--download-text, .--download-main #new-category-pages section#overview .overview-caption .--download-text,
#new-category-pages section#overview .overview-caption .--download-main .--download-text *,
.--download-main #new-category-pages section#overview .overview-caption .--download-text *, #new-category-pages section#overview .overview-caption .cc-text,
#new-category-pages section#overview .overview-caption .cc-text *, #new-category-pages section#overview .overview-caption .tile-text .tile-caption, #new-category-pages .tile-text section#overview .overview-caption .tile-caption,
#new-category-pages .tile-text .tile-caption section#overview .overview-caption p,
#new-category-pages section#overview .overview-caption .tile-text .tile-caption *,
#new-category-pages .tile-text section#overview .overview-caption .tile-caption *,
#new-category-pages .tile-text .tile-caption section#overview .overview-caption p *,
#new-category-pages section#overview .overview-caption .paragraph * {
  font-weight: 400;
}
#new-category-pages section#overview .overview-caption .paragraph ul, #new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text ul, section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text ul,
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages section#overview .overview-caption * ul, #new-category-pages section#overview .overview-caption .--download-main .--download-text ul, .--download-main #new-category-pages section#overview .overview-caption .--download-text ul, #new-category-pages section#overview .overview-caption .cc-text ul, #new-category-pages section#overview .overview-caption .tile-text .tile-caption ul, #new-category-pages .tile-text section#overview .overview-caption .tile-caption ul,
#new-category-pages .tile-text .tile-caption section#overview .overview-caption p ul {
  padding: 0;
  margin: 0;
  padding-left: 1.5em;
}
#new-category-pages section#overview .overview-caption .paragraph li, #new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text li, section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text li,
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages section#overview .overview-caption * li, #new-category-pages section#overview .overview-caption .--download-main .--download-text li, .--download-main #new-category-pages section#overview .overview-caption .--download-text li, #new-category-pages section#overview .overview-caption .cc-text li, #new-category-pages section#overview .overview-caption .tile-text .tile-caption li, #new-category-pages .tile-text section#overview .overview-caption .tile-caption li,
#new-category-pages .tile-text .tile-caption section#overview .overview-caption p li {
  margin: 0;
}
#new-category-pages section#overview .overview-caption .paragraph li + li, #new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text li + li, section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text li + li,
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages section#overview .overview-caption * li + li, #new-category-pages section#overview .overview-caption .--download-main .--download-text li + li, .--download-main #new-category-pages section#overview .overview-caption .--download-text li + li, #new-category-pages section#overview .overview-caption .cc-text li + li, #new-category-pages section#overview .overview-caption .tile-text .tile-caption li + li, #new-category-pages .tile-text section#overview .overview-caption .tile-caption li + li,
#new-category-pages .tile-text .tile-caption section#overview .overview-caption p li + li {
  margin-top: 0.5em;
}
#new-category-pages section#overview .overview-arrow-buttons {
  margin-top: auto;
  display: flex;
  gap: 12px;
  margin-bottom: 8px;
}
#new-category-pages section#overview .overview-arrow-buttons .arrow-button-left,
#new-category-pages section#overview .overview-arrow-buttons .arrow-button-right {
  margin: 0;
}
#new-category-pages section#overview .overview-hotspot {
  --size: 60px;
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  border: 0;
  padding: 0;
  background: rgba(0, 32, 64, 0.7);
  color: white;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: box-shadow 0.2s ease, scale 0.1s ease, opacity 0.2s ease;
  opacity: 0.5;
}
@media (max-width: 768.98px) {
  #new-category-pages section#overview .overview-hotspot {
    --size: 30px;
  }
}
#new-category-pages section#overview .overview-hotspot:active {
  scale: 0.95;
  opacity: 0.8;
}
#new-category-pages section#overview .overview-hotspot .front,
#new-category-pages section#overview .overview-hotspot .back {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 100%;
}
#new-category-pages section#overview .overview-hotspot .front {
  background-color: #011e41;
  z-index: 1;
}
#new-category-pages section#overview .overview-hotspot .back {
  background-color: #011e41;
  opacity: 0.4;
  transition: scale 0.2s ease;
}
#new-category-pages section#overview .overview-hotspot.is-active {
  opacity: 1;
}
@media not all and (pointer: coarse) {
  #new-category-pages section#overview .overview-hotspot:hover.is-active .back {
    scale: 1.35;
  }
}
#new-category-pages section#overview .overview-hotspot.is-active .back {
  scale: 1.35;
}
#new-category-pages section#overview .overview-hotspot i {
  z-index: 2;
  scale: calc(var(--size) / 60 * 1.6);
}

/* HERO */
#hero .hero-text {
  position: relative;
  overflow: hidden;
}

#hero .hero-text .line {
  display: block;
  overflow: hidden;
  will-change: transform, opacity;
}

.hero-banner .line {
  will-change: transform, opacity;
}

section#kitchen {
  position: relative;
  display: flex;
  height: 100vh;
  align-items: end;
  justify-items: center;
  justify-content: center;
  color: var(--white);
}

section#kitchen .clip-reveal-img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  /* maschera iniziale: completamente chiusa sul fondo */
  /* È un rettangolo che parte dal 100% in basso, quindi invisibile */
  clip-path: inset(100% 0% 0% 0%);
  will-change: clip-path;
}

section#kitchen .clip-reveal-img > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}

section#kitchen .clip-reveal-text {
  width: 65vw;
  margin-bottom: 8vh;
}

section#kitchen .clip-reveal-text .line {
  display: block;
  overflow: hidden;
  will-change: transform, opacity;
}

.bold, .--download-main .--download-cta .--download-label {
  font-weight: bold !important;
}

.will-change-transform {
  will-change: transform;
}

.d-flex {
  display: flex !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.d-block {
  display: block !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.text-left {
  text-align: left !important;
}

.h-100 {
  height: 100% !important;
}

.h-100-vh {
  height: 100vh !important;
}

.respimg {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}

.container-fluid.left {
  padding-left: 0;
}
@media (max-width: 768.98px) {
  .container-fluid.left {
    padding-right: 0;
  }
}
.container-fluid.right {
  padding-right: 0;
}
@media (max-width: 768.98px) {
  .container-fluid.right {
    padding-left: 0;
  }
}

.--fullscreen-sections .row {
  display: flex;
}
@media (max-width: 768.98px) {
  .--fullscreen-sections .row {
    display: block;
  }
}
.--fullscreen-sections .--fullscreen-text-container {
  flex: 1;
  flex-direction: column;
  justify-content: center;
}

.add-section-spacer, section#horizontal-carousel {
  --section-spacer-h: 20vh;
  margin-top: calc(2 * var(--section-spacer-h));
}
.add-section-spacer::before, section#horizontal-carousel::before, .add-section-spacer::after, section#horizontal-carousel::after {
  content: "";
  height: var(--section-spacer-h);
  width: 100%;
  position: absolute;
  display: block;
  left: 0;
  background: inherit;
}
.add-section-spacer::before, section#horizontal-carousel::before {
  top: calc(0vh - var(--section-spacer-h));
}
.add-section-spacer::after, section#horizontal-carousel::after {
  bottom: calc(0vh - var(--section-spacer-h));
}

@media (max-width: 768.98px) {
  #new-category-pages .only-desktop {
    display: none !important;
  }
}
@media (min-width: 769px) {
  #new-category-pages .only-mobile {
    display: none !important;
  }
}

.rest-of-page-content {
  padding: 5vh 0;
}

#new-category-pages em {
  font-style: italic !important;
  font-family: inherit;
}

/* container */
.carousel-container {
  padding: 0;
}

.simple-carousel {
  --slides: 3;
  --gap: 16px;
  --padding: 10vw;
  overflow: hidden;
  padding-left: var(--padding);
  padding-right: var(--padding);
  height: fit-content;
}
@media (max-width: 768.98px) {
  .simple-carousel {
    --padding: 26px;
    margin-left: -16px;
  }
}
.simple-carousel .sc-viewport {
  width: 100%;
}
.simple-carousel .sc-track {
  flex-wrap: nowrap;
  max-width: 100%;
}

/* layout responsivo: 3 per vista desktop, 1 per mobile */
.cards-carousel {
  --slides: 3;
  --gap: 24px;
  --card-width: 40vw;
  --padding: 10vw;
}
@media (max-width: 991.98px) {
  .cards-carousel {
    --slides: 1;
    --gap: 24px;
    --card-width: 90vw;
    --padding: 5vw;
  }
}
.cards-carousel .sc-viewport {
  overflow: hidden;
  padding-left: var(--padding);
  padding-right: var(--padding);
}
.cards-carousel .sc-track {
  flex-wrap: nowrap;
  max-width: 100%;
  overflow: visible;
}
.cards-carousel .cc-card {
  min-width: --card-width;
}

.sc-arrows {
  --padding: 10vw;
  margin-top: 4vh;
  gap: 26px;
  margin-left: var(--padding);
}
@media (max-width: 991.98px) {
  .sc-arrows {
    width: 100%;
    margin-left: 0;
    display: flex;
    justify-content: center;
    gap: 16px;
  }
}
.sc-arrows.--theme-dark .arrow-button-left,
.sc-arrows.--theme-dark .arrow-button-right {
  background: var(--blue-elx, #011e41);
}
.sc-arrows.--theme-dark .arrow-button-left i,
.sc-arrows.--theme-dark .arrow-button-right i {
  color: #fff !important;
  filter: none;
}
.sc-arrows .arrow-button-left,
.sc-arrows .arrow-button-right {
  background: var(--white, #fff);
  transition: scale 0.2s ease, opacity 0.2s ease;
}
.sc-arrows .arrow-button-left:active,
.sc-arrows .arrow-button-right:active {
  opacity: 0.6;
  scale: 0.95;
}
.sc-arrows .arrow-button-left i,
.sc-arrows .arrow-button-right i {
  filter: invert(87%) sepia(22%) saturate(1640%) hue-rotate(202deg) brightness(91%) contrast(109%);
}
.sc-arrows .arrow-button-left.disabled,
.sc-arrows .arrow-button-right.disabled {
  opacity: 0.3;
}
.sc-arrows .arrow-button-left.disabled:active,
.sc-arrows .arrow-button-right.disabled:active {
  opacity: 0.3 !important;
  scale: unset !important;
}

/* mobile: 1 card per volta */
@media (max-width: 900px) {
  .simple-carousel {
    --slides: 1;
  }
}
/* viewport e track */
.sc-viewport {
  width: 100%;
  touch-action: pan-y; /* noi gestiamo l'asse X, il browser quello Y */
  -webkit-user-select: none;
  user-select: none;
  cursor: grab;
}

.sc-viewport.is-dragging {
  cursor: grabbing;
}

.sc-track {
  display: flex;
  transition: transform 0.35s ease;
  will-change: transform;
  gap: var(--gap);
}

.simple-carousel .sc-slide {
  height: clamp(180px, 25vh, 260px);
}

/* ogni slide occupa 1/N della larghezza (senza calcoli strani) */
.sc-slide {
  overflow: hidden;
}

.sc-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: relative;
}

/* riusa le regole del simple-carousel:
   .sc-viewport, .sc-track, .sc-slide, .sc-arrows, .sc-arrow ... */
/* ----- CARD ----- */
.cc-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: transparent; /* sfondo page */
}

.cc-media {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  margin: 0;
}

.cc-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cc-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-grow: 2;
}

.cc-title {
  margin: 0;
  font-weight: 800;
  color: var(--blue-elx);
}

.cc-text {
  font-weight: 400;
  margin: 0;
  color: var(--blue-elx);
  opacity: 0.9;
  line-height: 1.45;
  max-width: 52ch;
}

.cc-button {
  margin-top: auto;
}

.cc-cta {
  display: inline-block;
  align-self: flex-start;
  margin-top: 8px;
  padding: 0.6rem 1.1rem;
  border-radius: 999px;
  border: 2px solid var(--blue-elx);
  color: var(--blue-elx);
  font-weight: 700;
  text-decoration: none;
}

/* spacing della sezione (opzionale) */
.cards-section {
  margin: 0vh 0;
}

/* --- SOLO per lo slider semplice --- */
.simple-carousel .sc-track {
  align-items: center; /* allinea verticalmente le immagini */
}

.simple-carousel .sc-slide {
  display: flex;
  align-items: center;
  justify-content: center; /* centra l'immagine orizzontalmente */
  height: clamp(370px, 50vh, 629px);
  align-items: stretch;
  width: auto;
  /* la larghezza della slide resta quella calcolata da --slides */
}
@media (max-width: 768.98px) {
  .simple-carousel .sc-slide {
    width: 88vw;
    align-items: normal;
    height: 44vh;
  }
}

/* immagine: altezza fissa, larghezza naturale */
.simple-carousel .sc-slide img {
  height: 100%;
  width: auto; /* <-- non adattare in larghezza */
  object-fit: contain; /* nessun crop */
  display: block;
  margin: 0 auto; /* centro orizzontalmente */
  /* opzionale: rimuovi il bordo di debug */
  /* border: none; */
  width: unset;
  height: unset;
  min-height: unset;
  max-width: unset;
}
@media (max-width: 768.98px) {
  .simple-carousel .sc-slide img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}

.cards-carousel .sc-viewport .sc-track .cc-card {
  min-width: 40vw;
}
@media (max-width: 991.98px) {
  .cards-carousel .sc-viewport .sc-track .cc-card {
    min-width: 90vw;
  }
}
.cards-carousel .sc-viewport .sc-track .cc-card .cc-media {
  position: relative;
}
.cards-carousel .sc-viewport .sc-track .cc-card .cc-media .cert-badge {
  position: absolute;
  --pad: 30px;
  bottom: var(--pad);
  right: var(--pad);
  width: 120px;
  height: 200px;
  max-height: calc(100% - var(--pad) * 2);
}
.cards-carousel .sc-viewport .sc-track .cc-card .cc-media .cert-badge img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom right;
}
/* ===== STORY STEPS — layout a misura di viewport ===== */
body {
  --header-pin-offset: 0px;
}
body:has(.site-header) {
  --header-pin-offset: 136px;
}
@media (max-width: 767.98px) {
  body:has(.site-header) {
    --header-pin-offset: 107px;
  }
}
body:has(.site-header.hide-header) {
  --header-pin-offset: 0px;
}

.story-steps {
  position: relative;
  height: fit-content; /* pin full screen */
  background: #fff;
  color: #0b1b3d;
  height: 100%;
}
.story-steps .story-inner {
  /* colonna principale: nav + stage che occupa tutto */
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* NAV */
  /* STAGE occupa tutto lo spazio residuo */
  /* Ogni STEP riempie il viewport e contiene: head (auto) + grid (1fr) + cta (auto)  */
  --hero-padding-left: 77px;
  /* HEAD (label + subtitle + title) */
  /* GRID centrale che si adatta all'altezza disponibile (sempre tutto visibile)  */
  /* THUMBS (due immagini affiancate con testo sopra) */
  /* THUMBS: figure riempiono la riga, immagini si adattano al box */
  /* CTA sempre visibile in fondo */
  /* RESPONSIVE:
     - sotto 900px le due thumbs vanno a colonna (1 visibile per riga)
     - le proporzioni restano in viewport perché la grid riassegna l'altezza
  */
  /* Hard safety: evita overflow visivo in casi estremi di viewport bassi */
}
.story-steps .story-inner .story-nav {
  z-index: 99;
  position: relative;
  transition: translate 600ms ease-in-out;
  padding-top: 50px;
  padding-bottom: 24px;
  will-change: transform;
  background: var(--white, #fff);
}
@media (max-width: 1919.98px) {
  .story-steps .story-inner .story-nav {
    padding-top: 32px;
    padding-bottom: 18px;
  }
}
@media (max-width: 768.98px) {
  .story-steps .story-inner .story-nav {
    padding-top: 10px;
    padding-bottom: 12px;
  }
}
.story-steps .story-inner .story-nav.is-pinned {
  translate: 0 var(--header-pin-offset) !important;
}
.story-steps .story-inner .story-nav.is-pinned::after {
  --o: #00000035;
  filter: drop-shadow(0px 10px 5px var(--o));
}
.story-steps .story-inner .story-nav.is-pinned::before {
  content: "";
  position: absolute;
  top: calc(0px - var(--header-pin-offset));
  transition: top 600ms ease-in-out;
  height: inherit;
  background-color: #fff;
  outline: none;
  border: none;
  will-change: transform;
  width: 200vw;
  left: -50vw;
  z-index: -1;
}
.story-steps .story-inner .story-nav ul {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0 8px 8px;
  border-bottom: 1px solid #d6dce1;
  background-color: var(--white, #fff);
}
@media (max-width: 991.98px) {
  .story-steps .story-inner .story-nav ul {
    flex-direction: column;
    border: none;
  }
}
.story-steps .story-inner .story-nav li {
  cursor: pointer;
  text-align: center;
  opacity: 0.6;
  transition: 0.25s;
  white-space: nowrap;
  display: block;
  width: 100%;
  font-weight: 400;
}
@media (max-width: 768.98px) {
  .story-steps .story-inner .story-nav li {
    border-bottom: 1px solid #d6dce1;
    border-color: #d6dce1;
    transition: border-color 0.2s ease;
    margin-bottom: 0;
    padding-bottom: 4px;
  }
}
.story-steps .story-inner .story-nav li.is-active {
  opacity: 1;
  color: #1f2c57;
  font-weight: 600;
}
@media (max-width: 768.98px) {
  .story-steps .story-inner .story-nav li.is-active {
    border-color: var(--gold);
  }
}
.story-steps .story-inner .story-nav::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  background-color: var(--white);
  outline: none;
  border: none;
  will-change: transform;
  left: -50vw;
  width: 200vw;
  z-index: -1;
}
.story-steps .story-inner .story-underline {
  position: unset;
  left: 0;
  bottom: -1px;
  height: 3px;
  width: 120px;
  background: #d6aa17;
  display: block;
  transform: translateX(0);
  transition: transform 0.25s;
  margin-top: -3px;
}
@media (max-width: 768.98px) {
  .story-steps .story-inner .story-underline {
    display: none;
  }
}
.story-steps .story-inner .story-stage {
  position: relative;
  flex: 1; /* prende tutto il restante */
  will-change: transform;
  display: flex;
  gap: 120px;
  flex-direction: column;
}
.story-steps .story-inner .story-head {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.story-steps .story-inner .story-step {
  inset: 0;
  display: grid;
  grid-template-rows: auto 1fr auto; /* head / contenuto / CTA */
  gap: clamp(12px, 1.6vh, 20px);
  padding: 0; /* usa il padding della .story-inner */
  padding-top: clamp(12px, 2vh, 24px);
  transition: opacity 0.35s ease, transform 0.35s ease;
}
@media (max-width: 768.98px) {
  .story-steps .story-inner .story-step {
    padding-top: 0;
  }
}
@media (max-width: 768.98px) {
  .story-steps .story-inner {
    --hero-padding-left: 23px;
  }
}
.story-steps .story-inner .story-head {
  padding: 0;
  padding-left: var(--hero-padding-left);
  padding-top: 50px;
}
@media (max-width: 768.98px) {
  .story-steps .story-inner .story-head {
    padding-top: 23px;
  }
}
.story-steps .story-inner .story-label {
  font-family: "Electrolux Sans" !important;
  display: inline-block;
  letter-spacing: 0.08em;
  color: #fff;
  margin-bottom: 0.8em;
}
.story-steps .story-inner .story-subtitle {
  color: var(--blue-elx);
  margin: 0.25rem 0 0;
  display: block;
  background: var(--blue-elx-ultra-light);
  width: fit-content;
  padding: 3px 5px;
  margin-bottom: 0.5em;
}
.story-steps .story-inner .story-title {
  margin: 0.15rem 0 0;
  color: var(--white);
}
.story-steps .story-inner .story-title span {
  display: block;
}
.story-steps .story-inner .story-grid {
  min-height: 0; /* important per evitare overflow con grid */
  display: flex;
  gap: clamp(12px, 1.6vh, 20px);
  flex-wrap: wrap;
  /* HERO (immagine grande con overlay testo) */
}
.story-steps .story-inner .story-grid .hero {
  position: relative;
  background: #eee;
  min-height: 0;
  overflow: hidden;
  width: 100%;
  height: clamp(620px, 70vh, 800px);
  z-index: 10;
}
@media (max-width: 768.98px) {
  .story-steps .story-inner .story-grid .hero {
    height: clamp(350px, 50vh, 450px);
    aspect-ratio: unset;
  }
}
.story-steps .story-inner .story-grid .hero .main-card-content::before {
  content: "";
  width: 131%;
  height: 100%;
  position: absolute;
  background-image: linear-gradient(to right, #000, rgba(0, 0, 0, 0) 100%);
  opacity: 0.7;
}
.story-steps .story-inner .story-grid .hero img {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.story-steps .story-inner .story-caption {
  position: absolute;
  bottom: 0px;
  display: flex;
}
.story-steps .story-inner .story-caption > .paragraph, .story-steps .story-inner section#horizontal-carousel .horizontal-carousel-media .story-caption > .horizontal-carousel-card-text, section#horizontal-carousel .horizontal-carousel-media .story-steps .story-inner .story-caption > .horizontal-carousel-card-text,
.story-steps .story-inner section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .story-caption > *,
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .story-steps .story-inner .story-caption > *, .story-steps .story-inner #new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .story-caption > .horizontal-carousel-card-text, #new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .story-steps .story-inner .story-caption > .horizontal-carousel-card-text, .story-steps .story-inner section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .story-caption > .horizontal-carousel-card-text, section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .story-steps .story-inner .story-caption > .horizontal-carousel-card-text,
.story-steps .story-inner #new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .story-caption > *,
#new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .story-steps .story-inner .story-caption > *,
.story-steps .story-inner section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages section#overview .overview-caption .story-caption > *,
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages section#overview .overview-caption .story-steps .story-inner .story-caption > *,
.story-steps .story-inner section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text .story-caption > *,
section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text .story-steps .story-inner .story-caption > *, .story-steps .story-inner .--download-main .story-caption > .--download-text, .--download-main .story-steps .story-inner .story-caption > .--download-text, .story-steps .story-inner #new-category-pages section#overview .overview-caption .--download-main .story-caption > .--download-text, #new-category-pages section#overview .overview-caption .--download-main .story-steps .story-inner .story-caption > .--download-text, .story-steps .story-inner .--download-main #new-category-pages section#overview .overview-caption .story-caption > .--download-text, .--download-main #new-category-pages section#overview .overview-caption .story-steps .story-inner .story-caption > .--download-text,
.story-steps .story-inner #new-category-pages section#overview .overview-caption .--download-main .--download-text .story-caption > *,
#new-category-pages section#overview .overview-caption .--download-main .--download-text .story-steps .story-inner .story-caption > *,
.story-steps .story-inner .--download-main #new-category-pages section#overview .overview-caption .--download-text .story-caption > *,
.--download-main #new-category-pages section#overview .overview-caption .--download-text .story-steps .story-inner .story-caption > *, .story-steps .story-inner #new-category-pages .tile-text .story-caption > .tile-caption, #new-category-pages .tile-text .story-steps .story-inner .story-caption > .tile-caption,
.story-steps .story-inner #new-category-pages .tile-text .tile-caption .story-caption > p,
#new-category-pages .tile-text .tile-caption .story-steps .story-inner .story-caption > p, .story-steps .story-inner #new-category-pages section#overview .overview-caption .story-caption > .paragraph, section#horizontal-carousel .horizontal-carousel-media .story-steps .story-inner #new-category-pages section#overview .overview-caption .story-caption > .horizontal-carousel-card-text,
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .story-steps .story-inner #new-category-pages section#overview .overview-caption .story-caption > *,
section#horizontal-carousel .horizontal-carousel-media .story-steps .story-inner #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text .story-caption > *, .--download-main .story-steps .story-inner #new-category-pages section#overview .overview-caption .story-caption > .--download-text,
.--download-main .story-steps .story-inner #new-category-pages section#overview .overview-caption .--download-text .story-caption > *, #new-category-pages section#overview .overview-caption .story-steps .story-inner .story-caption > .paragraph, #new-category-pages section#overview .overview-caption .story-steps .story-inner section#horizontal-carousel .horizontal-carousel-media .story-caption > .horizontal-carousel-card-text,
#new-category-pages section#overview .overview-caption .story-steps .story-inner section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .story-caption > *,
section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .story-steps .story-inner .horizontal-carousel-card-text .story-caption > *, #new-category-pages section#overview .overview-caption .story-steps .story-inner .--download-main .story-caption > .--download-text,
#new-category-pages section#overview .overview-caption .story-steps .story-inner .--download-main .--download-text .story-caption > *,
.--download-main #new-category-pages section#overview .overview-caption .story-steps .story-inner .--download-text .story-caption > *, .story-steps .story-inner #new-category-pages section#overview .overview-caption .tile-text .story-caption > .tile-caption, #new-category-pages section#overview .overview-caption .tile-text .story-steps .story-inner .story-caption > .tile-caption, .story-steps .story-inner #new-category-pages .tile-text section#overview .overview-caption .story-caption > .tile-caption, #new-category-pages .tile-text section#overview .overview-caption .story-steps .story-inner .story-caption > .tile-caption,
.story-steps .story-inner #new-category-pages .tile-text .tile-caption section#overview .overview-caption .story-caption > p,
#new-category-pages .tile-text .tile-caption section#overview .overview-caption .story-steps .story-inner .story-caption > p,
.story-steps .story-inner #new-category-pages section#overview .overview-caption .paragraph .story-caption > *,
#new-category-pages section#overview .overview-caption .paragraph .story-steps .story-inner .story-caption > *,
.story-steps .story-inner #new-category-pages section#overview .overview-caption .tile-text .tile-caption .story-caption > *,
#new-category-pages section#overview .overview-caption .tile-text .tile-caption .story-steps .story-inner .story-caption > *,
.story-steps .story-inner #new-category-pages .tile-text section#overview .overview-caption .tile-caption .story-caption > *,
#new-category-pages .tile-text section#overview .overview-caption .tile-caption .story-steps .story-inner .story-caption > *,
.story-steps .story-inner #new-category-pages .tile-text .tile-caption section#overview .overview-caption p .story-caption > *,
#new-category-pages .tile-text .tile-caption section#overview .overview-caption p .story-steps .story-inner .story-caption > *, .story-steps .story-inner .story-caption > .cc-text, .story-steps .story-inner #new-category-pages section#overview .overview-caption .story-caption > .cc-text, #new-category-pages section#overview .overview-caption .story-steps .story-inner .story-caption > .cc-text,
.story-steps .story-inner #new-category-pages section#overview .overview-caption .cc-text .story-caption > *,
#new-category-pages section#overview .overview-caption .cc-text .story-steps .story-inner .story-caption > * {
  padding-left: var(--hero-padding-left);
  color: #fff;
  width: 50%;
  margin-right: auto;
  padding-top: 3em;
  padding-bottom: 50px;
}
@media (max-width: 991.98px) {
  .story-steps .story-inner .story-caption > .paragraph, .story-steps .story-inner section#horizontal-carousel .horizontal-carousel-media .story-caption > .horizontal-carousel-card-text, section#horizontal-carousel .horizontal-carousel-media .story-steps .story-inner .story-caption > .horizontal-carousel-card-text,
  .story-steps .story-inner section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .story-caption > *,
  section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .story-steps .story-inner .story-caption > *, .story-steps .story-inner #new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .story-caption > .horizontal-carousel-card-text, #new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .story-steps .story-inner .story-caption > .horizontal-carousel-card-text, .story-steps .story-inner section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .story-caption > .horizontal-carousel-card-text, section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .story-steps .story-inner .story-caption > .horizontal-carousel-card-text,
  .story-steps .story-inner #new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .story-caption > *,
  #new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .story-steps .story-inner .story-caption > *,
  .story-steps .story-inner section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages section#overview .overview-caption .story-caption > *,
  section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages section#overview .overview-caption .story-steps .story-inner .story-caption > *,
  .story-steps .story-inner section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text .story-caption > *,
  section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text .story-steps .story-inner .story-caption > *, .story-steps .story-inner .--download-main .story-caption > .--download-text, .--download-main .story-steps .story-inner .story-caption > .--download-text, .story-steps .story-inner #new-category-pages section#overview .overview-caption .--download-main .story-caption > .--download-text, #new-category-pages section#overview .overview-caption .--download-main .story-steps .story-inner .story-caption > .--download-text, .story-steps .story-inner .--download-main #new-category-pages section#overview .overview-caption .story-caption > .--download-text, .--download-main #new-category-pages section#overview .overview-caption .story-steps .story-inner .story-caption > .--download-text,
  .story-steps .story-inner #new-category-pages section#overview .overview-caption .--download-main .--download-text .story-caption > *,
  #new-category-pages section#overview .overview-caption .--download-main .--download-text .story-steps .story-inner .story-caption > *,
  .story-steps .story-inner .--download-main #new-category-pages section#overview .overview-caption .--download-text .story-caption > *,
  .--download-main #new-category-pages section#overview .overview-caption .--download-text .story-steps .story-inner .story-caption > *, .story-steps .story-inner #new-category-pages .tile-text .story-caption > .tile-caption, #new-category-pages .tile-text .story-steps .story-inner .story-caption > .tile-caption,
  .story-steps .story-inner #new-category-pages .tile-text .tile-caption .story-caption > p,
  #new-category-pages .tile-text .tile-caption .story-steps .story-inner .story-caption > p, .story-steps .story-inner #new-category-pages section#overview .overview-caption .story-caption > .paragraph, section#horizontal-carousel .horizontal-carousel-media .story-steps .story-inner #new-category-pages section#overview .overview-caption .story-caption > .horizontal-carousel-card-text,
  section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .story-steps .story-inner #new-category-pages section#overview .overview-caption .story-caption > *,
  section#horizontal-carousel .horizontal-carousel-media .story-steps .story-inner #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text .story-caption > *, .--download-main .story-steps .story-inner #new-category-pages section#overview .overview-caption .story-caption > .--download-text,
  .--download-main .story-steps .story-inner #new-category-pages section#overview .overview-caption .--download-text .story-caption > *, #new-category-pages section#overview .overview-caption .story-steps .story-inner .story-caption > .paragraph, #new-category-pages section#overview .overview-caption .story-steps .story-inner section#horizontal-carousel .horizontal-carousel-media .story-caption > .horizontal-carousel-card-text,
  #new-category-pages section#overview .overview-caption .story-steps .story-inner section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .story-caption > *,
  section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .story-steps .story-inner .horizontal-carousel-card-text .story-caption > *, #new-category-pages section#overview .overview-caption .story-steps .story-inner .--download-main .story-caption > .--download-text,
  #new-category-pages section#overview .overview-caption .story-steps .story-inner .--download-main .--download-text .story-caption > *,
  .--download-main #new-category-pages section#overview .overview-caption .story-steps .story-inner .--download-text .story-caption > *, .story-steps .story-inner #new-category-pages section#overview .overview-caption .tile-text .story-caption > .tile-caption, #new-category-pages section#overview .overview-caption .tile-text .story-steps .story-inner .story-caption > .tile-caption, .story-steps .story-inner #new-category-pages .tile-text section#overview .overview-caption .story-caption > .tile-caption, #new-category-pages .tile-text section#overview .overview-caption .story-steps .story-inner .story-caption > .tile-caption,
  .story-steps .story-inner #new-category-pages .tile-text .tile-caption section#overview .overview-caption .story-caption > p,
  #new-category-pages .tile-text .tile-caption section#overview .overview-caption .story-steps .story-inner .story-caption > p,
  .story-steps .story-inner #new-category-pages section#overview .overview-caption .paragraph .story-caption > *,
  #new-category-pages section#overview .overview-caption .paragraph .story-steps .story-inner .story-caption > *,
  .story-steps .story-inner #new-category-pages section#overview .overview-caption .tile-text .tile-caption .story-caption > *,
  #new-category-pages section#overview .overview-caption .tile-text .tile-caption .story-steps .story-inner .story-caption > *,
  .story-steps .story-inner #new-category-pages .tile-text section#overview .overview-caption .tile-caption .story-caption > *,
  #new-category-pages .tile-text section#overview .overview-caption .tile-caption .story-steps .story-inner .story-caption > *,
  .story-steps .story-inner #new-category-pages .tile-text .tile-caption section#overview .overview-caption p .story-caption > *,
  #new-category-pages .tile-text .tile-caption section#overview .overview-caption p .story-steps .story-inner .story-caption > *, .story-steps .story-inner .story-caption > .cc-text, .story-steps .story-inner #new-category-pages section#overview .overview-caption .story-caption > .cc-text, #new-category-pages section#overview .overview-caption .story-steps .story-inner .story-caption > .cc-text,
  .story-steps .story-inner #new-category-pages section#overview .overview-caption .cc-text .story-caption > *,
  #new-category-pages section#overview .overview-caption .cc-text .story-steps .story-inner .story-caption > * {
    width: 95%;
    padding-bottom: 50px;
    padding-right: var(--hero-padding-left);
  }
}
.story-steps .story-inner .story-eco-banner {
  width: 100%;
  padding: 1em 3em;
  background-color: var(--green);
  color: var(--white, #fff);
}
.story-steps .story-inner .story-eco-banner * {
  color: var(--blue-elx, #011e41);
}
.story-steps .story-inner .story-grid .story-caption > .story-eco-banner {
  display: block;
  width: 52%;
  max-width: 800px;
  margin-left: 31px;
}
@media (max-width: 991.98px) {
  .story-steps .story-inner .story-grid .story-caption > .story-eco-banner {
    display: none;
  }
}
.story-steps .story-inner .story-grid > .story-eco-banner {
  display: block;
}
@media (min-width: 992px) {
  .story-steps .story-inner .story-grid > .story-eco-banner {
    display: none;
  }
}
.story-steps .story-inner .thumbs {
  align-items: stretch;
  min-height: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(12px, 1.6vh, 20px);
  width: 100%;
}
.story-steps .story-inner .thumbs figure {
  position: relative;
  background: #eee;
  overflow: hidden;
  min-height: 0;
  height: 100%;
  height: clamp(400px, 48vh, 500px);
  display: flex;
  flex-direction: column;
}
@media (max-width: 768.98px) {
  .story-steps .story-inner .thumbs figure {
    height: 370px;
  }
}
.story-steps .story-inner .thumbs figure > img, .story-steps .story-inner .thumbs figure > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.story-steps .story-inner .thumbs figure figcaption {
  color: #14133b;
  bottom: 0;
  line-height: 1.35;
  background-color: #e9eff4;
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  padding: 18px 0;
}
@media (max-width: 768.98px) {
  .story-steps .story-inner .thumbs figure figcaption {
    height: 64px;
  }
}
.story-steps .story-inner .thumbs figure figcaption .thumb-title-number {
  text-wrap: wrap;
  margin: 0px 0.5em 0 0.8em;
}
@media (max-width: 768.98px) {
  .story-steps .story-inner .thumbs figure figcaption .thumb-title-number {
    margin: 0;
    width: 30%;
    text-align: center;
  }
}
.story-steps .story-inner .thumbs figure figcaption .thumb-title-word {
  text-wrap: wrap;
  font-size: 52px;
  margin: 0px 0.5em 0 0.8em;
}
@media (max-width: 768.98px) {
  .story-steps .story-inner .thumbs figure figcaption .thumb-title-word {
    font-size: 32px;
    margin: 0;
    width: 30%;
    text-align: center;
  }
}
.story-steps .story-inner .thumbs figure figcaption .thumb-caption {
  margin: 0;
  display: block;
  width: 75%;
  padding-right: 16px;
}
.story-steps .story-inner .thumbs figure figcaption .thumb-caption p {
  margin: 0;
}
@media (max-width: 768.98px) {
  .story-steps .story-inner .thumbs figure figcaption .thumb-caption {
    width: 60%;
  }
}
.story-steps .story-inner .story-cta {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: clamp(36px, 5vh, 56px);
  margin-top: 24px;
}
@media (max-width: 768.98px) {
  .story-steps .story-inner .story-cta {
    margin-top: 16px;
  }
}
.story-steps .story-inner .pill {
  text-decoration: none;
  border: 1px solid #0b1b3d;
  background: #fff;
  color: #0b1b3d;
  border-radius: 999px;
  padding: 0.55rem 1.25rem;
  font-weight: 700;
  scale: 1;
}
@media not all and (pointer: coarse) {
  .story-steps .story-inner .pill:hover {
    background: #0b1b3d;
    color: #fff;
  }
}
.story-steps .story-inner .pill:active {
  background: #0b1b3d;
  color: #fff;
}
.story-steps .story-inner .pill:active {
  scale: 0.98;
}
@media (max-width: 991.98px) {
  .story-steps .story-inner .story-grid {
    grid-template-rows: 3fr 2fr;
  }
  .story-steps .story-inner .thumbs {
    grid-template-columns: 1fr;
  }
}

.story-steps-mod {
  height: 100vh;
}
.story-steps-mod .story-inner .story-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 2px);
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
}
.story-steps-mod .story-inner .story-bg::before {
  background-color: var(--beige);
  content: "";
  position: absolute;
  top: 0;
  left: auto;
  height: 100%;
  width: 100vw;
  outline: none;
  border: none;
  will-change: transform;
}
.story-steps-mod .story-inner .story-step {
  display: none;
}
.story-steps-mod .story-inner .story-step.is-active {
  display: block;
}
.story-steps-mod .story-inner .story-step .story-mod-grid {
  display: flex;
  height: 80vh;
  align-items: center;
  justify-content: space-around;
}
.story-steps-mod .story-inner .story-step .story-mod-grid .story-mod-image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: min(40vh, 800px);
  width: min(55vw, 1200px);
  margin-right: 5vw;
}
@media (max-width: 991.98px) {
  .story-steps-mod .story-inner .story-step .story-mod-grid .story-mod-image {
    margin-top: 5vh;
  }
}
.story-steps-mod .story-inner .story-step .story-mod-grid .story-mod-image img {
  object-fit: contain;
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
}
.story-steps-mod .story-inner .story-step .story-mod-grid .story-mod-text {
  width: 35%;
}
.story-steps-mod .story-inner .story-step .story-mod-grid .story-mod-text .story-mod-title {
  color: var(--blue-elx-dark);
  margin-bottom: 1em;
}
.story-steps-mod .story-inner .story-step .story-mod-grid .story-mod-text .story-mod-caption {
  color: var(--blue-elx-dark);
}
@media (max-width: 991.98px) {
  .story-steps-mod .story-inner .story-step .story-mod-grid {
    flex-direction: column;
    text-align: center;
    height: fit-content;
  }
  .story-steps-mod .story-inner .story-step .story-mod-grid .story-mod-text {
    width: 100%;
    max-width: 75vw;
  }
  .story-steps-mod .story-inner .story-step .story-mod-grid .story-mod-text .story-mod-title {
    margin-top: 4em;
  }
  .story-steps-mod .story-inner .story-step .story-mod-grid .story-mod-text .story-mod-caption {
    margin-bottom: 3em;
  }
  .story-steps-mod .story-inner .story-step .story-mod-grid .story-mod-image {
    max-height: 300px;
    width: 100vw;
    padding: 0 10px;
    margin-left: 0;
    margin-right: 0;
  }
  .story-steps-mod .story-inner .story-step .story-mod-grid .story-mod-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

#new-category-pages .small-notes {
  font-family: "Electrolux Sans" !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#new-category-pages .button, #new-category-pages .cards-cta .pill, .cards-cta #new-category-pages .pill, #new-category-pages .story-steps .story-inner .pill, .story-steps .story-inner #new-category-pages .pill {
  text-decoration: none !important;
  display: inline-block;
  text-decoration: none;
  padding: 0.4em 1.5em;
  align-items: center;
  white-space: nowrap;
  border-radius: 9999px;
  border: 2px solid var(--blue-elx-alt);
  color: var(--blue-elx-alt);
  background-color: #fff;
  transition: background-color 0.2s ease, color 0.2s ease, scale 0.2s ease;
  cursor: pointer;
}
@media not all and (pointer: coarse) {
  #new-category-pages .button:hover, #new-category-pages .cards-cta .pill:hover, .cards-cta #new-category-pages .pill:hover, #new-category-pages .story-steps .story-inner .pill:hover, .story-steps .story-inner #new-category-pages .pill:hover {
    color: #fff !important;
    background-color: var(--blue-elx-alt);
  }
}
#new-category-pages .button.--theme-white, #new-category-pages .cards-cta .--theme-white.pill, .cards-cta #new-category-pages .--theme-white.pill, #new-category-pages .story-steps .story-inner .--theme-white.pill, .story-steps .story-inner #new-category-pages .--theme-white.pill {
  border: 2px solid #fff;
  color: #fff;
  background-color: var(--blue-elx-alt);
}

.arrow-button-left,
.arrow-button-right {
  display: block;
  align-items: center;
  border: 0;
  border-radius: 100%;
  cursor: pointer;
  padding: 0;
  aspect-ratio: 1/1;
  width: 2.6em;
  font-size: 22px;
  color: #fff;
  background-color: #808ea0;
}
@media (max-width: 768.98px) {
  .arrow-button-left,
  .arrow-button-right {
    width: 2em;
  }
}
.arrow-button-left:active,
.arrow-button-right:active {
  color: #fff;
  background-color: var(--blue-elx-alt);
}

.plus-button {
  display: block;
  margin: 0.5em;
  align-items: center;
  border: 0;
  border-radius: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  width: 28px;
  height: 28px;
  background-color: var(--blue-elx-alt);
  color: #fff;
  cursor: pointer;
  outline: 0px solid #808ea0;
  transition: background-color 0.2s ease;
}
.plus-button::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  z-index: -1;
  border-radius: 100%;
  background-color: #808ea0;
  scale: 1;
  transition: scale 0.2s ease, background-color 0.2s ease;
}
@media not all and (pointer: coarse) {
  .plus-button:hover::before {
    scale: 1.35;
  }
}
.plus-button:active {
  background-color: #808ea0;
}
.plus-button:active::before {
  background-color: #b3bcc6;
}

.lateral-popup-button {
  border: 0;
  padding: 0;
  border: 0;
  background: none;
  position: relative;
  overflow: hidden;
  cursor: unset !important;
}
.lateral-popup-button span {
  display: block;
  position: relative;
  left: calc(100% - 2.29em);
  padding: 0.679em 2.29em;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
  white-space: nowrap;
  background-color: var(--blue-elx-alt);
  color: #fff;
  cursor: pointer;
  transition: left 0.2s ease;
  will-change: left;
}
@media not all and (pointer: coarse) {
  .lateral-popup-button span:hover {
    left: 0;
  }
}

.lateral-popup-button----PREV {
  border-radius: 0;
  border: 0;
  background-color: var(--blue-elx-alt);
  color: #fff;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
  padding: 0.679em 0 0.679em 2.29em;
  max-width: 0;
  transition: max-width 0.2s ease, padding-right 0.2s ease;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.lateral-popup-button----PREV:active {
  max-width: fit-content;
  padding-right: 2.29em;
}
.lateral-popup-button----PREV span {
  width: fit-content;
}

#new-category-pages a.pill {
  font-family: "Noto Sans";
}

.--download-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0px 0 110px !important;
}
.--download-main:has(.--download-main-single) {
  padding: 32px 0 80px !important;
}
.--download-main .--download-main-single {
  align-items: flex-end;
}
.--download-main .--download-main-single .hero-text {
  min-width: 50%;
}
@media (max-width: 768.98px) {
  .--download-main .--download-main-single .hero-text {
    margin: 0;
  }
}
.--download-main .--download-main-single .--download-content .--download-item {
  flex: 0 0 100%;
  max-width: 500px;
}
@media screen and (min-width: 995px) {
  .--download-main .--download-main-single {
    display: flex;
    gap: 2vw;
  }
  .--download-main .--download-main-single .--download-content {
    flex: unset;
  }
}
@media screen and (min-width: 995px) and (max-width: 768.98px) {
  .--download-main .--download-main-single .--download-content {
    max-width: 500px;
  }
}
.--download-main .--download-item {
  position: relative;
  color: #fff;
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}
@media (max-width: 991.98px) {
  .--download-main .--download-item {
    margin-bottom: 46px;
  }
}
.--download-main .--download-item .--download-img {
  height: 140px;
  min-width: 104px;
  width: 104px;
  overflow: hidden;
  outline: 2px solid var(--gold);
}
.--download-main .--download-item .--download-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 995px) {
  .--download-main {
    flex: 0 0 calc(50% - 2rem);
  }
}
.--download-main .--download-text {
  padding-left: 2.5em;
  padding-bottom: 20px;
}
.--download-main .--download-cta {
  padding-top: 2rem;
  position: absolute;
  bottom: 0;
}
.--download-main .--download-cta span {
  height: 24px;
  display: inline-block;
  width: auto;
  margin-right: 6px;
}
.--download-main .--download-cta span img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 995px) {
  .--download-data {
    display: flex;
  }
  .--download-data .--download-content {
    flex: 0 0 calc(66.6667% - 2rem);
  }
  .--download-data .--download-accessories {
    flex: 0 0 calc(33.33333% - 2rem);
  }
  .--download-data .--download-accessories .--download-img {
    visibility: hidden !important;
    outline: none;
  }
  .--download-data .--download-accessories .--download-item {
    border-left: 1px solid var(--gold);
    padding-top: 5vh;
    padding-left: 5vh;
    padding-bottom: 5vh;
  }
  .--download-data .--download-accessories .--download-item .--download-cta {
    position: relative;
  }
}

.--download-accessories .--download-img {
  visibility: hidden !important;
  outline: none;
}

@media screen and (min-width: 995px) {
  .--download-content {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    padding: 0 16px;
  }
}

@media (max-width: 991.98px) {
  .--download-accessories .--download-cta {
    position: relative !important;
  }
}
.--ending-paragraph {
  margin: 10vh 0;
}

@media (min-width: 769px) {
  .ending-block .row {
    display: flex;
  }
}

.xp-card {
  display: flex;
  flex-direction: column;
  background-color: #e9eff4;
  color: #14133b;
  padding: 80px 40px 90px;
  width: 502px;
  height: 896px;
}
.xp-card .xp-card-header * {
  margin: 0;
}
.xp-card .xp-card-header .h5, .xp-card .xp-card-header .xp-tabs .xp-layout .xp-nav .xp-intro, .xp-tabs .xp-layout .xp-nav .xp-card .xp-card-header .xp-intro,
.xp-card .xp-card-header .xp-tabs .xp-layout .xp-nav .xp-intro *,
.xp-tabs .xp-layout .xp-nav .xp-intro .xp-card .xp-card-header *, .xp-card .xp-card-header #new-category-pages section#overview .overview-title-spacer::after, #new-category-pages section#overview .xp-card .xp-card-header .overview-title-spacer::after {
  margin-top: 1em;
}
.xp-card .xp-card-image,
.xp-card .xp-card-video {
  height: 335px;
  margin: 57px 0;
  background-color: rgb(250, 214, 124);
}
.xp-card .xp-card-image img,
.xp-card .xp-card-image video,
.xp-card .xp-card-video img,
.xp-card .xp-card-video video {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.xp-card .xp-card-description .h2, .xp-card .xp-card-description .hero-img-title,
.xp-card .xp-card-description .clip-reveal .clip-reveal-text p,
.clip-reveal .clip-reveal-text .xp-card .xp-card-description p, .xp-card .xp-card-description .story-steps .story-inner .thumbs figure figcaption .thumb-title-number, .story-steps .story-inner .thumbs figure figcaption .xp-card .xp-card-description .thumb-title-number {
  margin: 0;
  margin-bottom: 36px;
}
.xp-card .xp-card-description .paragraph, .xp-card .xp-card-description section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text, section#horizontal-carousel .horizontal-carousel-media .xp-card .xp-card-description .horizontal-carousel-card-text,
.xp-card .xp-card-description section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text *,
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .xp-card .xp-card-description *, .xp-card .xp-card-description #new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text, #new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .xp-card .xp-card-description .horizontal-carousel-card-text, .xp-card .xp-card-description section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text, section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .xp-card .xp-card-description .horizontal-carousel-card-text,
.xp-card .xp-card-description #new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text *,
#new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .xp-card .xp-card-description *,
.xp-card .xp-card-description section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages section#overview .overview-caption *,
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages section#overview .overview-caption .xp-card .xp-card-description *,
.xp-card .xp-card-description section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text *,
section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text .xp-card .xp-card-description *,
.xp-card #new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .xp-card-description *,
.xp-card section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages section#overview .overview-caption .xp-card-description *, .xp-card .xp-card-description #new-category-pages .tile-text .tile-caption, #new-category-pages .tile-text .xp-card .xp-card-description .tile-caption,
.xp-card .xp-card-description #new-category-pages .tile-text .tile-caption p,
#new-category-pages .tile-text .tile-caption .xp-card .xp-card-description p, .xp-card .xp-card-description #new-category-pages section#overview .overview-caption .paragraph, section#horizontal-carousel .horizontal-carousel-media .xp-card .xp-card-description #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text,
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .xp-card .xp-card-description #new-category-pages section#overview .overview-caption *,
section#horizontal-carousel .horizontal-carousel-media .xp-card .xp-card-description #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text *, #new-category-pages section#overview .overview-caption .xp-card .xp-card-description .paragraph, #new-category-pages section#overview .overview-caption .xp-card .xp-card-description section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text,
#new-category-pages section#overview .overview-caption .xp-card .xp-card-description section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text *,
section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .xp-card .xp-card-description .horizontal-carousel-card-text *,
#new-category-pages section#overview .overview-caption .xp-card section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .xp-card-description *, .xp-card .xp-card-description #new-category-pages section#overview .overview-caption .tile-text .tile-caption, #new-category-pages section#overview .overview-caption .tile-text .xp-card .xp-card-description .tile-caption, .xp-card .xp-card-description #new-category-pages .tile-text section#overview .overview-caption .tile-caption, #new-category-pages .tile-text section#overview .overview-caption .xp-card .xp-card-description .tile-caption,
.xp-card .xp-card-description #new-category-pages .tile-text .tile-caption section#overview .overview-caption p,
#new-category-pages .tile-text .tile-caption section#overview .overview-caption .xp-card .xp-card-description p,
.xp-card .xp-card-description #new-category-pages section#overview .overview-caption .paragraph *,
#new-category-pages section#overview .overview-caption .paragraph .xp-card .xp-card-description *,
.xp-card .xp-card-description #new-category-pages section#overview .overview-caption .tile-text .tile-caption *,
#new-category-pages section#overview .overview-caption .tile-text .tile-caption .xp-card .xp-card-description *,
.xp-card .xp-card-description #new-category-pages .tile-text section#overview .overview-caption .tile-caption *,
#new-category-pages .tile-text section#overview .overview-caption .tile-caption .xp-card .xp-card-description *,
.xp-card .xp-card-description #new-category-pages .tile-text .tile-caption section#overview .overview-caption p *,
#new-category-pages .tile-text .tile-caption section#overview .overview-caption p .xp-card .xp-card-description *, .xp-card .xp-card-description .cc-text, .xp-card .xp-card-description #new-category-pages section#overview .overview-caption .cc-text, #new-category-pages section#overview .overview-caption .xp-card .xp-card-description .cc-text,
.xp-card .xp-card-description #new-category-pages section#overview .overview-caption .cc-text *,
#new-category-pages section#overview .overview-caption .cc-text .xp-card .xp-card-description *, .xp-card .xp-card-description .--download-main .--download-text, .--download-main .xp-card .xp-card-description .--download-text, .xp-card .xp-card-description #new-category-pages section#overview .overview-caption .--download-main .--download-text, #new-category-pages section#overview .overview-caption .--download-main .xp-card .xp-card-description .--download-text, .xp-card .xp-card-description .--download-main #new-category-pages section#overview .overview-caption .--download-text, .--download-main #new-category-pages section#overview .overview-caption .xp-card .xp-card-description .--download-text,
.xp-card .xp-card-description #new-category-pages section#overview .overview-caption .--download-main .--download-text *,
#new-category-pages section#overview .overview-caption .--download-main .--download-text .xp-card .xp-card-description *,
.xp-card .xp-card-description .--download-main #new-category-pages section#overview .overview-caption .--download-text *,
.--download-main #new-category-pages section#overview .overview-caption .--download-text .xp-card .xp-card-description * {
  font-weight: 400;
  margin: 0;
}
.xp-card .xp-card-description .paragraph li + li, .xp-card .xp-card-description section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text li + li, section#horizontal-carousel .horizontal-carousel-media .xp-card .xp-card-description .horizontal-carousel-card-text li + li,
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .xp-card .xp-card-description * li + li, .xp-card .xp-card-description #new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text li + li, #new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .xp-card .xp-card-description .horizontal-carousel-card-text li + li, .xp-card .xp-card-description section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text li + li, section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .xp-card .xp-card-description .horizontal-carousel-card-text li + li,
#new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .xp-card .xp-card-description * li + li,
.xp-card .xp-card-description section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages section#overview .overview-caption * li + li,
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages section#overview .overview-caption .xp-card .xp-card-description * li + li,
section#horizontal-carousel .horizontal-carousel-media #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text .xp-card .xp-card-description * li + li,
.xp-card #new-category-pages section#overview .overview-caption section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .xp-card-description * li + li,
.xp-card section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text #new-category-pages section#overview .overview-caption .xp-card-description * li + li, .xp-card .xp-card-description #new-category-pages .tile-text .tile-caption li + li, #new-category-pages .tile-text .xp-card .xp-card-description .tile-caption li + li,
#new-category-pages .tile-text .tile-caption .xp-card .xp-card-description p li + li, .xp-card .xp-card-description #new-category-pages section#overview .overview-caption .paragraph li + li, section#horizontal-carousel .horizontal-carousel-media .xp-card .xp-card-description #new-category-pages section#overview .overview-caption .horizontal-carousel-card-text li + li,
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .xp-card .xp-card-description #new-category-pages section#overview .overview-caption * li + li, #new-category-pages section#overview .overview-caption .xp-card .xp-card-description .paragraph li + li, #new-category-pages section#overview .overview-caption .xp-card .xp-card-description section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text li + li,
#new-category-pages section#overview .overview-caption .xp-card section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text .xp-card-description * li + li, .xp-card .xp-card-description #new-category-pages section#overview .overview-caption .tile-text .tile-caption li + li, #new-category-pages section#overview .overview-caption .tile-text .xp-card .xp-card-description .tile-caption li + li, .xp-card .xp-card-description #new-category-pages .tile-text section#overview .overview-caption .tile-caption li + li, #new-category-pages .tile-text section#overview .overview-caption .xp-card .xp-card-description .tile-caption li + li,
.xp-card .xp-card-description #new-category-pages .tile-text .tile-caption section#overview .overview-caption p li + li,
#new-category-pages .tile-text .tile-caption section#overview .overview-caption .xp-card .xp-card-description p li + li,
#new-category-pages section#overview .overview-caption .paragraph .xp-card .xp-card-description * li + li,
#new-category-pages section#overview .overview-caption .tile-text .tile-caption .xp-card .xp-card-description * li + li,
#new-category-pages .tile-text section#overview .overview-caption .tile-caption .xp-card .xp-card-description * li + li,
#new-category-pages .tile-text .tile-caption section#overview .overview-caption p .xp-card .xp-card-description * li + li, .xp-card .xp-card-description .cc-text li + li, .xp-card .xp-card-description #new-category-pages section#overview .overview-caption .cc-text li + li, #new-category-pages section#overview .overview-caption .xp-card .xp-card-description .cc-text li + li,
#new-category-pages section#overview .overview-caption .cc-text .xp-card .xp-card-description * li + li, .xp-card .xp-card-description .--download-main .--download-text li + li, .--download-main .xp-card .xp-card-description .--download-text li + li, .xp-card .xp-card-description #new-category-pages section#overview .overview-caption .--download-main .--download-text li + li, #new-category-pages section#overview .overview-caption .--download-main .xp-card .xp-card-description .--download-text li + li, .xp-card .xp-card-description .--download-main #new-category-pages section#overview .overview-caption .--download-text li + li, .--download-main #new-category-pages section#overview .overview-caption .xp-card .xp-card-description .--download-text li + li,
#new-category-pages section#overview .overview-caption .--download-main .--download-text .xp-card .xp-card-description * li + li,
.--download-main #new-category-pages section#overview .overview-caption .--download-text .xp-card .xp-card-description * li + li {
  margin-top: 0.5em;
}
.xp-card .xp-card-arrows {
  margin-top: auto;
  display: flex;
}

section#horizontal-carousel {
  background-color: var(--blue-elx);
  color: #fff;
  position: relative;
  height: 100vh;
  overflow: hidden;
  transition: height 1s ease;
  display: flex;
  align-items: center;
  --padding: 10vw;
  will-change: transform;
  margin-top: -2px;
  --section-spacer-h: 20vh !important;
  /* QUI la parte importante */
  /* opzionale: se vuoi che su telefoni sia praticamente a tutta */
}
section#horizontal-carousel .horizontal-carousel-wrapper {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 768.98px) {
  section#horizontal-carousel .horizontal-carousel-wrapper {
    padding-bottom: 2vh;
  }
}
@media (max-width: 768.98px) {
  section#horizontal-carousel .row:has(.horizontal-carousel-title) {
    margin-top: auto;
  }
}
section#horizontal-carousel .horizontal-carousel-title {
  color: #fff;
  margin: 0;
  padding-left: var(--padding);
  padding-right: var(--padding);
}
section#horizontal-carousel .horizontal-carousel-title .h2, section#horizontal-carousel .horizontal-carousel-title .hero-img-title,
section#horizontal-carousel .horizontal-carousel-title .clip-reveal .clip-reveal-text p,
.clip-reveal .clip-reveal-text section#horizontal-carousel .horizontal-carousel-title p, section#horizontal-carousel .horizontal-carousel-title .story-steps .story-inner .thumbs figure figcaption .thumb-title-number, .story-steps .story-inner .thumbs figure figcaption section#horizontal-carousel .horizontal-carousel-title .thumb-title-number {
  margin: 0 !important;
  margin-left: 1rem;
  color: var(--white, #fff);
}
@media (max-width: 768.98px) {
  section#horizontal-carousel .horizontal-carousel-title .h2, section#horizontal-carousel .horizontal-carousel-title .hero-img-title,
  section#horizontal-carousel .horizontal-carousel-title .clip-reveal .clip-reveal-text p,
  .clip-reveal .clip-reveal-text section#horizontal-carousel .horizontal-carousel-title p, section#horizontal-carousel .horizontal-carousel-title .story-steps .story-inner .thumbs figure figcaption .thumb-title-number, .story-steps .story-inner .thumbs figure figcaption section#horizontal-carousel .horizontal-carousel-title .thumb-title-number {
    padding-bottom: 20px;
  }
}
section#horizontal-carousel .horizontal-carousel-container {
  flex: 1;
  display: flex;
  align-items: flex-start; /* ci serve top-align come nel mock che hai mandato ora */
  overflow: hidden;
  padding-left: var(--padding);
  padding-right: var(--padding);
}
section#horizontal-carousel .horizontal-carousel-track {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  will-change: transform;
  height: 60vh;
}
@media (max-width: 768.98px) {
  section#horizontal-carousel .horizontal-carousel-track {
    height: 67dvh;
    max-height: 500px;
  }
}
section#horizontal-carousel .horizontal-carousel-card {
  display: flex;
  flex-direction: column;
}
section#horizontal-carousel .horizontal-carousel-card.last {
  margin-right: calc(var(--padding) * 2.5);
}
@media (max-width: 768.98px) {
  section#horizontal-carousel .horizontal-carousel-card {
    width: 80vw;
    max-width: none;
  }
}
section#horizontal-carousel .horizontal-carousel-media {
  --margin-left: 64px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  scale: 0.95;
  transition: scale 0.2s ease;
  width: clamp(400px, 66vw, 960px);
  height: clamp(600px, 62vh, 700px);
  /* */
}
section#horizontal-carousel .horizontal-carousel-media.current {
  scale: 1;
}
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-media-img {
  z-index: -1;
}
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-media-img img,
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-media-img video {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
@media (max-width: 768.98px) {
  section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-media-img {
    position: relative;
    height: 27dvh;
    border-radius: 4px;
    max-height: 310px;
    width: 80vw;
  }
}
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-media-img::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  --a: 38%;
  --o: 64;
  background-image: radial-gradient(at 0% 100%, #000 var(--a), rgba(0, 0, 0, 0) var(--b));
  --a: 0%;
  --b: 100%;
  --o: 50;
  opacity: calc(var(--o) / 100);
  background-image: linear-gradient(to right, #000 var(--a), rgba(0, 0, 0, 0) var(--b));
}
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-media-badge {
  aspect-ratio: 1/1;
  width: 4em;
  border-radius: 100%;
  margin-left: var(--margin-left);
  position: absolute;
  top: 32px;
}
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-media-badge img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 768.98px) {
  section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-media-badge {
    margin: 22px;
    top: 0px;
    position: absolute;
    transition: scale 0.2s 0.1s ease;
    scale: 0.8;
  }
}
section#horizontal-carousel .horizontal-carousel-media.current .horizontal-carousel-media-badge {
  scale: 1;
}
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-media-title {
  color: var(--white, #fff);
  font-size: 46px;
  margin-top: auto;
  margin-left: var(--margin-left);
}
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-media-title * {
  font-size: inherit !important;
  margin: 0;
}
@media (max-width: 768.98px) {
  section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-media-title {
    margin: 1em 0 0;
    font-size: 30px;
    width: 80vw;
  }
  section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-media-title * {
    font-weight: 400 !important;
  }
}
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text {
  --self-padding: 22px;
  padding: var(--self-padding);
  width: 50%;
  max-width: 618px;
  margin-left: calc(var(--margin-left) - var(--self-padding));
  margin-bottom: calc(var(--margin-left) - var(--self-padding));
  margin-top: 5dvh;
  border-radius: 4px;
  position: relative;
  background: rgba(20, 19, 59, 0.6509803922);
  margin-top: 1.5dvh;
}
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text,
section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text * {
  color: var(--white, #fff);
  font-style: normal;
  font-weight: 400 !important;
  line-height: 1.4em !important;
}
@media (max-width: 768.98px) {
  section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text,
  section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text * {
    max-width: 80vw;
  }
}
@media (max-width: 768.98px) {
  section#horizontal-carousel .horizontal-carousel-media .horizontal-carousel-card-text {
    padding: 0;
    margin: 1em 0 0;
    border-radius: unset;
    width: 100%;
  }
}
section#horizontal-carousel .arrow-buttons {
  gap: 26px;
  margin-left: var(--padding);
}
@media (max-width: 768.98px) {
  section#horizontal-carousel .arrow-buttons {
    width: 100%;
    margin-left: 0;
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 36px;
    margin-bottom: auto;
  }
}
section#horizontal-carousel .arrow-buttons .arrow-button-left,
section#horizontal-carousel .arrow-buttons .arrow-button-right {
  background: var(--white, #fff);
  transition: scale 0.2s ease, opacity 0.2s ease;
}
@media not all and (pointer: coarse) {
  section#horizontal-carousel .arrow-buttons .arrow-button-left:hover,
  section#horizontal-carousel .arrow-buttons .arrow-button-right:hover {
    opacity: 0.6;
  }
}
section#horizontal-carousel .arrow-buttons .arrow-button-left:active,
section#horizontal-carousel .arrow-buttons .arrow-button-right:active {
  opacity: 0.6;
  scale: 0.95;
}
section#horizontal-carousel .arrow-buttons .arrow-button-left i,
section#horizontal-carousel .arrow-buttons .arrow-button-right i {
  filter: invert(87%) sepia(22%) saturate(1640%) hue-rotate(202deg) brightness(91%) contrast(109%);
}
section#horizontal-carousel .arrow-buttons .arrow-button-left.disabled,
section#horizontal-carousel .arrow-buttons .arrow-button-right.disabled {
  opacity: 0.3;
}
section#horizontal-carousel .arrow-buttons .arrow-button-left.disabled:active,
section#horizontal-carousel .arrow-buttons .arrow-button-right.disabled:active {
  opacity: 0.3 !important;
  scale: unset !important;
}

section#hero {
  height: 50vh;
  position: relative; /* per posizionare i pallini */
  overflow: hidden;
}
@media (max-width: 768.98px) {
  section#hero {
    height: 40vh;
  }
}

section#hero .hero-img {
  min-height: 100%;
  width: 100%;
}

/* immagini responsive */
section#hero .respimg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* quando ci sono più slide, le impiliamo e facciamo il crossfade */
section#hero.is-slider .hero-img {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.6s ease;
  cursor: pointer;
}

section#hero.is-slider .hero-img.is-active {
  opacity: 1;
}

.hero-img-title {
  font-size: 30px !important;
  translate: 0 -50px;
  position: absolute;
  display: block;
  margin-top: 20vh;
  letter-spacing: 0.4em;
  font-weight: 600 !important;
  width: calc(100vw - 48px);
  margin: 20vh 24px;
  color: #fff;
  text-align: center;
}
@media (max-width: 1536.98px) {
  .hero-img-title {
    font-size: 22px !important;
  }
}
@media (max-width: 991.98px) {
  .hero-img-title {
    font-size: 20px !important;
    text-align: right !important;
    padding-left: 25px;
  }
}
.hero-img-title .line {
  width: 100%;
  text-align: center;
}

/* pallini di navigazione */
.hero-dots {
  position: absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 2;
}
.hero-dots .hero-dot {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.15);
  cursor: pointer;
  display: block;
  padding: 0;
  scale: 0.6;
  transition: scale 0.2s ease;
}
.hero-dots .hero-dot.is-active {
  background: #fff;
  scale: 1;
}

.hero-banner {
  height: 100vh;
}
@media (max-width: 767.98px) {
  .hero-banner {
    margin: 0;
    margin: 0 0;
    height: 100vh;
  }
}
.hero-banner .hero-img {
  position: absolute;
  z-index: -1;
  width: 100vw;
  height: 100vh;
}
@media (max-width: 767.98px) {
  .hero-banner .hero-img {
    height: 100vh;
  }
}
.hero-banner .hero-img > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.hero-banner .hero-banner-text {
  text-align: left;
  z-index: 99;
  max-width: 700px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: fit-content;
  height: 100vh;
  text-align: left;
}
.hero-banner .hero-banner-text .hero-banner-subtitle {
  color: #fff;
  /* Heading 4/Regular */
  font-weight: 350 !important;
}
@media (max-width: 767.98px) {
  .hero-banner .hero-banner-text .hero-banner-subtitle {
    font-size: 16px;
  }
}
.hero-banner .hero-banner-text .hero-banner-title {
  color: var(--white, #fff);
  margin: 4px 0 0;
  /* Heading 2/Light */
}
@media (max-width: 767.98px) {
  .hero-banner .hero-banner-text {
    text-align: center;
    height: fit-content;
    max-width: calc(100% - 40px);
    margin-top: 0;
    margin: 10vh auto 0;
    justify-content: start;
  }
}

.xp-tabs {
  position: relative;
  isolation: isolate;
  padding: clamp(24px, 5vw, 48px) 0 0;
  background: linear-gradient(180deg, rgba(125, 125, 125, 0.4) 0%, rgba(20, 20, 20, 0.4) 100%), linear-gradient(180deg, rgba(125, 125, 125, 0.4) 0%, rgba(125, 125, 125, 0.4) 100%);
}
@media (max-width: 991.98px) {
  .xp-tabs {
    padding-bottom: 100px;
  }
}
.xp-tabs * {
  will-change: transform;
}
.xp-tabs .xp-header {
  height: fit-content;
  margin-top: 22px;
  margin-bottom: 52px;
  color: #fff;
}
.xp-tabs .xp-header * {
  text-align: center;
}
@media (max-width: 991.98px) {
  .xp-tabs .xp-header {
    margin-bottom: 3vh;
  }
}
.xp-tabs .xp-layout {
  position: relative;
  display: grid;
  align-items: center;
  min-height: clamp(320px, 55vh, 800px);
  overflow: visible;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 8px;
}
@media (max-width: 1199.98px) {
  .xp-tabs .xp-layout {
    min-height: clamp(320px, 45vh, 800px);
  }
}
@media (max-width: 991.98px) {
  .xp-tabs .xp-layout {
    display: flex;
    flex-direction: column;
    height: fit-content;
  }
}
.xp-tabs .xp-layout .xp-background {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
}
@media (max-width: 991.98px) {
  .xp-tabs .xp-layout .xp-background {
    background: none;
    height: calc(100vw - 50px) !important;
    top: unset;
    bottom: 0;
  }
}
.xp-tabs .xp-layout .xp-background .xp-background-gradient {
  position: absolute;
  top: 0;
  left: 0;
  height: inherit;
  background: linear-gradient(to left, rgba(0, 0, 0, 0), var(--gray) 75%);
  width: 70%;
  z-index: 1;
}
@media (max-width: 991.98px) {
  .xp-tabs .xp-layout .xp-background .xp-background-gradient {
    display: none;
  }
}
.xp-tabs .xp-layout .xp-background img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.xp-tabs .xp-layout .xp-nav {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 3vh, 28px);
  align-self: stretch;
  justify-content: center;
  position: relative;
  z-index: 2;
  grid-column: 2/span 4;
  max-width: 450px;
}
@media (max-width: 1199.98px) {
  .xp-tabs .xp-layout .xp-nav {
    grid-column: 1/span 5;
    padding: 0 50px;
  }
}
@media (max-width: 768.98px) {
  .xp-tabs .xp-layout .xp-nav {
    width: 100%;
    max-width: unset;
    gap: 0;
    text-align: center;
    padding: 0 25px;
    margin-bottom: 4vh;
  }
  .xp-tabs .xp-layout .xp-nav .xp-intro {
    margin-bottom: 2vh;
  }
}
.xp-tabs .xp-layout .xp-nav .xp-tab {
  appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 12px 0;
  color: var(--gray-light);
  opacity: 0.85;
  text-align: left;
  font-weight: 700;
  font-size: clamp(14px, 1.4vw, 18px);
  position: relative;
}
@media (max-width: 991.98px) {
  .xp-tabs .xp-layout .xp-nav .xp-tab {
    text-align: center;
  }
}
.xp-tabs .xp-layout .xp-nav .xp-tab::before, .xp-tabs .xp-layout .xp-nav .xp-tab::after {
  content: "";
  position: absolute;
  left: 0;
  right: clamp(16px, 2vw, 24px);
  height: 2px;
  bottom: -2px;
  border-radius: 2px;
}
.xp-tabs .xp-layout .xp-nav .xp-tab::before {
  background: var(--gray);
}
.xp-tabs .xp-layout .xp-nav .xp-tab::after {
  background: var(--gold);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
}
.xp-tabs .xp-layout .xp-nav .xp-tab.is-active {
  color: #fff;
  opacity: 1;
}
.xp-tabs .xp-layout .xp-nav .xp-tab.is-active::after {
  transform: scaleX(1);
}
.xp-tabs .xp-layout .xp-stage {
  grid-column: 6/span 6;
  height: 100%;
  overflow: hidden;
  align-self: stretch;
  position: relative;
}
@media (max-width: 1199.98px) {
  .xp-tabs .xp-layout .xp-stage {
    grid-column: 6/span 7;
  }
}
@media (max-width: 991.98px) {
  .xp-tabs .xp-layout .xp-stage {
    height: calc(100vw - 50px);
  }
}
.xp-tabs .xp-layout .xp-stage .xp-panel-bg,
.xp-tabs .xp-layout .xp-stage .xp-panel {
  position: absolute !important;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%;
  width: 100%;
}
.xp-tabs .xp-layout .xp-stage .xp-panel-bg.is-active,
.xp-tabs .xp-layout .xp-stage .xp-panel.is-active {
  opacity: 1;
  pointer-events: auto;
  position: relative;
}
.xp-tabs .xp-layout .xp-stage .xp-panel-bg img,
.xp-tabs .xp-layout .xp-stage .xp-panel img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.xp-tabs .xp-layout .xp-stage .xp-panel-bg {
  opacity: 1 !important;
}

.cta-button {
  position: fixed;
  right: 0; /* resta a destra */
  bottom: 2rem;
  z-index: 20;
  /* inizialmente nascosta: taglio dal lato SINISTRO → reveal L→R */
  clip-path: inset(0 0 0 100%);
  transform-origin: left center;
}
@media (max-width: 768.98px) {
  .cta-button {
    display: block;
    width: 100%;
    left: 0; /* su mobile full width come già avevi */
    right: auto;
    clip-path: none; /* niente animazione su mobile (se vuoi mantenerla: rimuovi questa riga) */
  }
}

.cta-button .btn {
  display: block;
  text-align: center;
  border: 1px solid white;
  padding: 20px 40px;
  border-radius: 0;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px; /* bordi arrotondati a sinistra: ok col posizionamento a destra */
  background-color: #14133b !important;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.6px;
  font-weight: 600;
  font-family: "Noto Sans" !important;
}
@media (max-width: 768.98px) {
  .cta-button .btn {
    margin-left: 24px;
    margin-right: 24px;
    border-radius: 30px;
    padding: 14px 28px;
  }
}
@media (min-width: 769px) {
  .cta-button .btn {
    border-right: 0;
  }
}

#new-category-pages a.button, #new-category-pages a.pill {
  font-family: "Noto Sans" !important;
}
#new-category-pages .request-info-button,
#new-category-pages .request-info-button * {
  font-family: "Noto Sans" !important;
}

.youtube-video {
  background: var(--azure);
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 991.98px) {
  .youtube-video {
    height: 75vh;
  }
}
@media (max-width: 575.98px) {
  .youtube-video {
    height: 50vh;
  }
}
.youtube-video .iframe-container {
  aspect-ratio: 16/10;
  margin: 0 auto;
  width: clamp(900px, 57vw, 1300px);
  max-height: 65vh;
}
@media (max-width: 991.98px) {
  .youtube-video .iframe-container {
    width: calc(100% - 24px);
  }
}
@media (max-width: 768.98px) {
  .youtube-video .iframe-container {
    width: calc(100% - 15px);
  }
}
.youtube-video .iframe-container iframe {
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  display: block;
  border: 0;
}
.youtube-video::before {
  content: "";
  position: absolute;
  height: 4px;
  background-color: inherit;
  width: 100%;
  top: -2px;
  left: 0;
  z-index: 9;
}

.loading-wrapper {
  width: 100vw;
  height: 100vh;
  background: #ffffff;
  position: fixed;
  top: 0;
  z-index: 9999;
}
.loading-wrapper.hide {
  display: none;
}

#new-category-pages {
  --spacer-exp-ind-hero: 0px;
  --spacer-exp-ind-clip-reveal: 0px;
  --spacer-exp-ind-horizontal-carousel: 0px;
  --spacer-exp-ind-overview: 0px;
  --spacer-exp-ind-hero-banner: 120px;
  --spacer-exp-ind-products-grid-compact: 140px;
  --spacer-exp-ind-download: 0px;
  --spacer-exp-hero: 0px;
  --spacer-exp-clip-reveal: 0px;
  --spacer-exp-overview: 0px;
  --spacer-exp-horizontal-carousel: 0px;
  --spacer-exp-story-steps: 120px;
  --spacer-exp-hero-banner: 0px;
  --spacer-exp-products-grid: 0px;
  --spacer-exp-carousel: 0px;
  --spacer-exp-clip-reveal2: 0px;
  --spacer-exp-story-steps-mod: 0px;
  --spacer-exp-download: 0px;
  --spacer-thermaline-ind-hero: 0px;
  --spacer-thermaline-ind-clip-reveal: 0px;
  --spacer-thermaline-ind-horizontal-carousel: 0px;
  --spacer-thermaline-ind-overview: 0px;
  --spacer-thermaline-ind-hero-banner: 0px;
  --spacer-thermaline-ind-induction-configurations: 40px;
  --spacer-thermaline-ind-products-grid-compact: 120px;
  --spacer-thermaline-ind-download: 0px;
  --spacer-thermaline-hero: 0px;
  --spacer-thermaline-clip-reveal: 0px;
  --spacer-thermaline-overview: 0px;
  --spacer-thermaline-horizontal-carousel: 0px;
  --spacer-thermaline-story-steps: 120px;
  --spacer-thermaline-hero-banner: 0px;
  --spacer-thermaline-card-reveal: 0px;
  --spacer-thermaline-card-reveal-hero: 0px;
  --spacer-thermaline-products-grid: 0px;
  --spacer-thermaline-carousel: 0px;
  --spacer-thermaline-ending-block: 0px;
  --spacer-thermaline-download: 0px;
}
@media (max-width: 768.98px) {
  #new-category-pages {
    --spacer-exp-ind-hero-banner: 45px;
    --spacer-exp-ind-products-grid-compact: 100px;
    --spacer-exp-story-steps: 80px;
    --spacer-exp-horizontal-carousel: 45px;
    --spacer-exp-products-grid: 45px;
    --spacer-exp-horizontal-carousel: 45px;
    --spacer-thermaline-ind-induction-configurations: 45px;
    --spacer-thermaline-ind-products-grid-compact: 80px;
    --spacer-thermaline-hero-banner: 55px;
    --spacer-thermaline-card-reveal: 45px;
    --spacer-thermaline-card-reveal-hero: 0px;
    --spacer-thermaline-products-grid: 45px;
    --spacer-thermaline-carousel: 45px;
    --spacer-thermaline-story-steps: 80px;
  }
}

#spacer-exp-ind-hero {
  height: var(--spacer-exp-ind-hero);
}

#spacer-exp-ind-clip-reveal {
  height: var(--spacer-exp-ind-clip-reveal);
}

#spacer-exp-ind-horizontal-carousel {
  height: var(--spacer-exp-ind-horizontal-carousel);
}

#spacer-exp-ind-overview {
  height: var(--spacer-exp-ind-overview);
}

#spacer-exp-ind-hero-banner {
  height: var(--spacer-exp-ind-hero-banner);
}

#spacer-exp-ind-products-grid-compact {
  height: var(--spacer-exp-ind-products-grid-compact);
}

#spacer-exp-ind-download {
  height: var(--spacer-exp-ind-download);
}

#spacer-exp-hero {
  height: var(--spacer-exp-hero);
}

#spacer-exp-clip-reveal {
  height: var(--spacer-exp-clip-reveal);
}

#spacer-exp-overview {
  height: var(--spacer-exp-overview);
}

#spacer-exp-horizontal-carousel {
  height: var(--spacer-exp-horizontal-carousel);
}

#spacer-exp-story-steps {
  height: var(--spacer-exp-story-steps);
}

#spacer-exp-hero-banner {
  height: var(--spacer-exp-hero-banner);
}

#spacer-exp-products-grid {
  height: var(--spacer-exp-products-grid);
}

#spacer-exp-carousel {
  height: var(--spacer-exp-carousel);
}

#spacer-exp-clip-reveal2 {
  height: var(--spacer-exp-clip-reveal2);
}

#spacer-exp-story-steps-mod {
  height: var(--spacer-exp-story-steps-mod);
}

#spacer-exp-download {
  height: var(--spacer-exp-download);
}

#spacer-thermaline-ind-hero {
  height: var(--spacer-thermaline-ind-hero);
}

#spacer-thermaline-ind-clip-reveal {
  height: var(--spacer-thermaline-ind-clip-reveal);
}

#spacer-thermaline-ind-horizontal-carousel {
  height: var(--spacer-thermaline-ind-horizontal-carousel);
}

#spacer-thermaline-ind-overview {
  height: var(--spacer-thermaline-ind-overview);
}

#spacer-thermaline-ind-hero-banner {
  height: var(--spacer-thermaline-ind-hero-banner);
}

#spacer-thermaline-ind-induction-configurations {
  height: var(--spacer-thermaline-ind-induction-configurations);
}

#spacer-thermaline-ind-products-grid-compact {
  height: var(--spacer-thermaline-ind-products-grid-compact);
}

#spacer-thermaline-ind-download {
  height: var(--spacer-thermaline-ind-download);
}

#spacer-thermaline-hero {
  height: var(--spacer-thermaline-hero);
}

#spacer-thermaline-clip-reveal {
  height: var(--spacer-thermaline-clip-reveal);
}

#spacer-thermaline-overview {
  height: var(--spacer-thermaline-overview);
}
@media (max-width: 768.98px) {
  #spacer-thermaline-overview {
    margin-top: 40px;
    translate: 0px 2px;
    height: 60px;
    background-color: var(--blue-elx);
  }
}

#spacer-thermaline-horizontal-carousel {
  height: var(--spacer-thermaline-horizontal-carousel);
}
@media (max-width: 768.98px) {
  #spacer-thermaline-horizontal-carousel {
    margin-bottom: 40px;
    translate: 0px -2px;
    height: 60px;
    background-color: var(--blue-elx);
  }
}

#spacer-thermaline-story-steps {
  height: var(--spacer-thermaline-story-steps);
}

#spacer-thermaline-hero-banner {
  height: var(--spacer-thermaline-hero-banner);
}

#spacer-thermaline-card-reveal {
  height: var(--spacer-thermaline-card-reveal);
}

#spacer-thermaline-card-reveal-hero {
  height: var(--spacer-thermaline-card-reveal-hero);
}

#spacer-thermaline-products-grid {
  height: var(--spacer-thermaline-products-grid);
}

#spacer-thermaline-carousel {
  height: var(--spacer-thermaline-carousel);
}

#spacer-thermaline-ending-block {
  height: var(--spacer-thermaline-ending-block);
}

#spacer-thermaline-download {
  height: var(--spacer-thermaline-download);
}

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