/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-ecommerce/04-templates/cms_page/cms_page.scss ***!
  \************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Templates / CMS page
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Ecommerce / Templates / CMS page
 *************************************************************************** */
/* This is useful to use variables in JS files */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

body {
  --cn-c-cms_page--MaxContentWidth: 90rem;
  /**
   * Heading
   */
  --cn-c-page__heading--paragraph--FirstLineMarginBlockEnd: 1.875rem; /* 30px */
  /**
   * Main content
   */
  --cn-c-page__main--FontSize: var(--cn-global--FontSize-paragraph--sm);
  --cn-c-page__main--PaddingBlockEnd: 2.22em;
  --cn-c-page__main--column-size: 1fr;
  --cn-c-page__main--TemplateColumns:
    var(--cn-c-page__main--offsetsize)
    repeat(calc(var(--cn-global--content-grid--columncount) - 1), var(--cn-c-page__main--column-size) var(--cn-c-page--Grid-Gap))
    var(--cn-c-page__main--column-size)
    var(--cn-c-page__main--offsetsize);
  --cn-c-page__main--offsetsize: var(--cn-global--content-grid--offsetsize);
  --cn-c-page__main-content--GridColumn: 2 / -2;
  --cn-c-page__main-content--MarginBlockStart: 2.44rem; /* standard margin, 39px */
  /**
   * Paragraph
   */
  --cn-c-page__paragraph--GridColumn: 2 / -2;
  --cn-c-page__paragraph--m-lead--FontSize: inherit;
  --cn-c-page__paragraph--m-lead--FontWeight: inherit;
  --cn-c-page__lead--MarginblockEnd: 2.875rem;
  /**
   * Section plugin
   */
  --cn-c-page__section--contentGridColumn: 2 / -2;
  --cn-c-page__section--titleGridColumn: 2 / -2;
  /* h2 */
  --cn-c-page__section-title--FontSize: var(--cn-global--FontSize-title--lg); /* 26px */
  --cn-c-page__section--FirstParagraphMarginBlockStart: 1.875rem; /* 30px */
  --cn-c-page__section--FirstSectionMarginBlockStart: 1rem; /* 16px */
  /* h3 */
  --cn-c-page__section-section-title--FontSize: var(--cn-global--FontSize-title--md); /* 20px */
  --cn-c-page__section-section--FirstParagraphMarginBlockStart: 0.94rem; /* 15px */
  --cn-c-page__section-section--FirstSectionMarginBlockStart: 1rem; /* 16px */
  /* h4, h5, h6 */
  --cn-c-page__section-section-section-title--FontSize: var(--cn-c-page__section-section-title--FontSize);
  --cn-c-page__section-section-section--FirstParagraphMarginBlockStart: var(--cn-c-page__section-section--FirstParagraphMarginBlockStart);
  /**
   * Picture plugin
   */
  --cn-c-page__picture--BorderRadius: 0.25rem;
  --cn-c-page__picture--GridColumn: 2 / -2;
  --cn-c-page__picture--MarginBlock: var(--cn-c-page__main-content--MarginBlockStart);
  --cn-c-page__section__picture--first--MarginBlockStart: 3.25rem;
  /**
   * Video player plugin
   */
  --cn-c-page__video--videoGridColumn: 1 / -1;
  /**
   * Plain CTA plugin
   */
  --cn-c-page__cta--FontSize: 1em; /* 18px */
  --cn-c-page__cta--GridColumn: 2 / -2;
  /**
   * Double CTA plugin
   */
  --cn-c-page__cta_double--FontSize: 1em; /* 18px */
  --cn-c-page__cta_double--GridColumn: 2 / -2;
  --cn-c-page__cta_double--MarginBlock: var(--cn-c-page__main-content--MarginBlockStart);
  /**
   * Picture CTA plugin
   */
  --cn-c-page__cta_picture--FontSize: 1em; /* 18px */
  --cn-c-page__cta_picture--GridColumn: 2 / -2;
  /**
   * Accordion plugin
   */
  --cn-c-page__accordion--MarginBlock: 3.69rem; /* 59px */
  /**
   * Catalog CTA plugin
   */
  --cn-c-page__catalog_cta--ColumnGap: var(--cn-c-page--Grid-Gap);
  --cn-c-page__catalog_cta--GridColumn: 1 / -1;
  --cn-c-page__catalog_cta--TemplateColumns: repeat(var(--cn-global--content-grid--columncount), 1fr);
  /** small: 600px */
  /** medium: 768px */
  /** Extra extra large: 1440px */
}
@media all and (min-width: 37.5rem) {
  body {
    --cn-c-page__accordion--MarginBlock: var(--cn-c-page__main-content--MarginBlockStart); /* 59px */
    --cn-c-page__cta--FontSize: 1.33em; /* 24px */
    --cn-c-page__cta_double--FontSize: 1.33em; /* 24px */
    --cn-c-page__cta_double--MarginBlock: 4.875rem; /* 78px */
    --cn-c-page__cta_picture--FontSize: 1.33em; /* 24px */
    --cn-c-page__heading--paragraph--FirstLineMarginBlockEnd: 2.875rem; /* 46px */
    --cn-c-page__main-content--MarginBlockStart: 8rem; /* 128px */
    --cn-c-page__paragraph--m-lead--FontSize: 1.33em; /* 24px */
    --cn-c-page__section--FirstParagraphMarginBlockStart: 2.875rem; /* 46px */
    --cn-c-page__section--FirstSectionMarginBlockStart: 2.875rem; /* 46px */
    --cn-c-page__section-section--FirstParagraphMarginBlockStart: 1.875rem; /* 30px */
    --cn-c-page__section-section--FirstSectionMarginBlockStart: 1.875rem; /* 30px */
  }
}
@media all and (min-width: 48rem) {
  body {
    --cn-c-page__cta--GridColumn: 6 / -8;
    --cn-c-page__main--PaddingBlockEnd: 6.42em;
    --cn-c-page__paragraph--GridColumn: 8 / -8;
    --cn-c-page__picture--GridColumn: 4 / -4;
    --cn-c-page__section--contentGridColumn: 6 / -3;
    --cn-c-page__section--titleGridColumn: 4 / -4;
    --cn-c-page__section-title--FontSize: var(--cn-global--FontSize-title--2xl);
  }
}
@media all and (min-width: 90rem) {
  body {
    --cn-c-page__main--column-size: 4.5rem; /* 72px */
    --cn-c-page__main--offsetsize: 1fr;
  }
}

.cn-c-header > .main_nav-container {
  background-color: transparent;
  position: relative;
  z-index: 8;
}

.cn-c-main_nav.heading-with-image {
  --cn-c-main_nav--BackgroundColor: transparent;
  --cn-c-main_nav--Color: var(--cn-c-page--BackgroundColor);
}
.cn-c-main_nav.heading-with-image .cn-c-label {
  color: var(--cn-c-page--BackgroundColor);
}

.cn-c-header.fixed-top .main_nav-container {
  background-color: var(--cn-c-page--BackgroundColor);
}
.cn-c-header.fixed-top .cn-c-main_nav {
  --cn-c-main_nav--BackgroundColor: var(--cn-c-page--BackgroundColor);
  --cn-c-main_nav--Color: var(--cn-c-page--Color);
}
.cn-c-header.fixed-top .cn-c-main_nav .cn-c-label {
  color: var(--cn-c-page--Color);
}

.cn-c-heading {
  --cn-c-heading__first_line--MarginBlockEnd: 1.4375rem; /* 23px */
  position: relative;
}
.cn-c-heading .cn-c-image_wrapper {
  margin-inline: auto;
}
@media all and (min-width: 80rem) {
  .E_COMMERCE .cn-c-heading .cn-c-image_wrapper {
    margin-block-start: calc(-1 * var(--cn-c-template_shared--main_nav--Height));
  }
}
@media all and (min-width: 90rem) {
  .cn-c-heading .cn-c-image_wrapper {
    margin-block-start: calc(-1 * var(--cn-c-template_shared--main_nav--Height));
  }
}
.cn-c-heading > .main-container {
  display: grid;
  grid-template-columns: var(--cn-c-page--Grid-Template);
  grid-gap: 0 var(--cn-c-page--Grid-Gap);
  padding-inline: var(--cn-global--content-grid--offsetsize);
  padding-block-start: 4.125rem;
  max-width: var(--cn-c-cms_page--MaxContentWidth, var(--cn-c-template_shared--content--MaxWidth));
  margin-inline: auto;
}
.cn-c-heading > .main-container .first-line {
  grid-column: 1/-1;
  display: flex;
  gap: 40px;
}
.cn-c-heading > .main-container .first-line .cn-c-breadcrumb {
  --cn-c-button--no-frame--Color: var(--cn-c-page--BackgroundColor);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  padding-inline: var(--cn-global--content-grid--offsetsize);
  padding-block: 17px;
  color: var(--cn-c-page--BackgroundColor);
  font-size: 1.125rem;
}
.cn-c-heading > .main-container .first-line .cn-c-breadcrumb .cn-c-button:not(:first-child) {
  border-block-end: 1px solid var(--cn-c-button--no-frame--Color);
}
.cn-c-heading > .main-container .first-line .cn-c-breadcrumb > .cn-c-button.is-last {
  --cn-c-button--no-frame--Color: var(--cn-c-page--BackgroundColor);
}
@media screen and (min-width: 64rem) {
  .cn-c-heading > .main-container .first-line .cn-c-breadcrumb {
    display: flex;
    position: unset;
    padding: unset;
    --cn-c-button--no-frame--Color: var(--cn-c-page--Color);
    color: var(--cn-c-page--Color);
  }
  .cn-c-heading > .main-container .first-line .cn-c-breadcrumb > .cn-c-button.is-last {
    --cn-c-button--no-frame--Color: var(--cn-c-page--Color);
  }
  .cn-c-heading > .main-container .first-line .cn-c-breadcrumb > .cn-c-button:first-child {
    display: none;
  }
}
.cn-c-heading > .main-container h1 {
  flex: 1;
}
.cn-c-heading > .main-container .first-line ~ * {
  grid-column: 1/-1;
  margin-block-end: unset;
}
@media screen and (min-width: 48rem) {
  .cn-c-heading > .main-container .first-line ~ * {
    grid-column: 3/-3;
  }
}
@media screen and (min-width: 64rem) {
  .cn-c-heading > .main-container .first-line ~ * {
    grid-column: 4/-3;
  }
}
@media screen and (min-width: 90rem) {
  .cn-c-heading > .main-container .first-line ~ * {
    grid-column: 4/-4;
  }
}
.cn-c-heading > .main-container .first-line + * {
  margin-block-start: 0;
}
@media screen and (min-width: 48rem) {
  .cn-c-heading > .main-container {
    padding-block-start: 5.5rem;
  }
}
.cn-c-heading:has(+ main > :is(p, .cn-m-lead):first-child) {
  --cn-c-heading__first_line--MarginBlockEnd: var(--cn-c-page__heading--paragraph--FirstLineMarginBlockEnd);
}
@media screen and (min-width: 48rem) {
  .cn-c-heading {
    --cn-c-heading__first_line--MarginBlockEnd: 3.25rem; /* 53px */
  }
}

/**
 * Main content
 * 1: reset
 * 2: center horizontally
 */
main {
  display: grid;
  font-size: var(--cn-c-page__main--FontSize);
  grid-gap: 0;
  grid-template-columns: var(--cn-c-page__main--TemplateColumns);
  margin-inline: auto; /* 2 */
  max-inline-size: 100vw;
  padding-block-end: var(--cn-c-page__main--PaddingBlockEnd);
}
main .cn-c-video_section {
  grid-column: 2/-2;
  padding-inline: var(--cn-global--content-grid--offsetsize);
  max-width: var(--cn-c-cms_page--MaxContentWidth, var(--cn-c-template_shared--content--MaxWidth));
  margin-inline: auto;
  width: 100%;
}
main .cn-c-accordion_section {
  grid-column: 1/-1;
  padding-inline: var(--cn-global--content-grid--offsetsize);
  max-width: var(--cn-c-cms_page--MaxContentWidth, var(--cn-c-template_shared--content--MaxWidth));
  margin-inline: auto;
}
main .cn-c-accordion--cms_page {
  grid-column: 1/-1;
}
@media screen and (min-width: 48rem) {
  main .cn-c-accordion--cms_page {
    grid-column: 4/-2;
  }
}
main .cn-c-catalog_cta > .container {
  max-width: var(--cn-c-template_shared--content--MaxWidth);
  margin-inline: auto;
}

main > *,
main .cn-c-section > * {
  grid-column: var(--cn-c-page__main-content--GridColumn);
  margin-block-end: 0; /* 1 */
  margin-block-start: var(--cn-c-page__main-content--MarginBlockStart);
}

main > :first-child {
  margin-block-start: 0;
}

main :is(h2, h3, h4, h5, h6) {
  line-height: inherit; /* 1 */
}

/**
 * Paragraph
 * 1: reset
 */
main p {
  font-size: inherit; /* 1 */
}

main > p,
main .cn-c-section > p {
  margin-block-start: 1em;
}

main .cn-m-lead {
  font-size: var(--cn-c-page__paragraph--m-lead--FontSize);
  font-weight: var(--cn-c-page__paragraph--m-lead--FontWeight);
  margin-block-end: var(--cn-c-page__lead--MarginblockEnd);
}
main .cn-m-lead + :is(p, .cn-m-lead, .cms-ckeditor-inline-wrapper) {
  margin-block-start: 0;
}

main > :is(p, .cn-m-lead, .cms-ckeditor-inline-wrapper),
main .cn-c-section > :is(p, .cn-m-lead, .cms-ckeditor-inline-wrapper) {
  grid-column: var(--cn-c-page__paragraph--GridColumn);
}

/**
 * Section plugin
 * 1: reset
 */
main .cn-c-section {
  --cn-c-section__content--GridColumn: var(--cn-c-page__section--contentGridColumn);
  --cn-c-section__picture--m-horizontal--GridColumn: var(--cn-c-page__picture--GridColumn);
  --cn-c-section__picture--m-vertical--GridColumn: var(--cn-c-page__picture--GridColumn);
  --cn-c-section__title--GridColumn: var(--cn-c-page__section--titleGridColumn);
  --cn-c-section__title--MarginBlockEnd: 0; /* 1 */
}
main .cn-c-section .cn-c-section {
  --cn-c-section__title--GridColumn: var(--cn-c-page__paragraph--GridColumn);
}

main .cn-c-section > header {
  display: contents;
}

main > .cn-c-section {
  --cn-c-section__first_paragraph--MarginBlockStart: var(--cn-c-page__section--FirstParagraphMarginBlockStart);
  --cn-c-section__first_section--MarginBlockStart: var(--cn-c-page__section--FirstSectionMarginBlockStart);
  --cn-c-section__title--FontSize: var(--cn-c-page__section-title--FontSize);
  margin-inline: 0; /* 1 */
  padding-inline: 0; /* 1 */
  grid-column: 1/-1; /* 1 */
  max-width: none; /* 1 */
}
main > .cn-c-section:first-child {
  margin-block-start: 0;
}

main > .cn-c-section > .cn-c-section {
  --cn-c-section__first_paragraph--MarginBlockStart: var(--cn-c-page__section-section--FirstParagraphMarginBlockStart);
  --cn-c-section__first_section--MarginBlockStart: var(--cn-c-page__section-section--FirstSectionMarginBlockStart);
  --cn-c-section__title--FontSize: var(--cn-c-page__section-section-title--FontSize);
}

main > .cn-c-section > .cn-c-section .cn-c-section {
  --cn-c-section__title--FontSize: var(--cn-c-page__section-section-section-title--FontSize);
  --cn-c-section__first_paragraph--MarginBlockStart: var(--cn-c-page__section-section-section--FirstParagraphMarginBlockStart);
}

main .cn-c-section > :is(.cn-c-picture, .cn-c-video_section) {
  padding-inline: 0; /* 1 */
}

main .cn-c-section > .cn-c-video_section {
  --cn-c-video_section__video--md--GridColumn: 1 / -1;
}

/**
 * Picture plugin
 */
main .cn-c-picture {
  --cn-c-picture__image--BorderRadius: var(--cn-c-page__picture--BorderRadius);
}

main > :is(.cn-c-picture, .cn-c-figure, .cn-c-video_section),
main .cn-c-section > :is(.cn-c-picture, .cn-c-figure, .cn-c-video_section) {
  grid-column: var(--cn-c-page__picture--GridColumn);
  margin-block-start: var(--cn-c-page__picture--MarginBlock);
}
main > :is(.cn-c-picture, .cn-c-figure, .cn-c-video_section) + *,
main .cn-c-section > :is(.cn-c-picture, .cn-c-figure, .cn-c-video_section) + * {
  margin-block-start: var(--cn-c-page__picture--MarginBlock);
}

main > .cn-m-lead + :is(.cn-c-picture, .cn-c-figure, .cn-c-video_section),
main .cn-c-section > .cn-m-lead + :is(.cn-c-picture, .cn-c-figure, .cn-c-video_section) {
  margin-block-start: calc(var(--cn-c-page__picture--MarginBlock) - var(--cn-c-page__lead--MarginblockEnd));
}

main .cn-c-section > :is(.cn-c-picture, .cn-c-figure, .cn-c-video_section):nth-child(2) {
  margin-block-start: var(--cn-c-page__section__picture--first--MarginBlockStart);
}

/**
 * Video player plugin
 */
main > .cn-c-video_section,
main .cn-c-section > .cn-c-video_section {
  --cn-c-video_section__video--GridColumn: var(--cn-c-page__video--videoGridColumn);
  grid-template-columns: repeat(var(--cn-global--content-grid--columncount), 1fr);
  grid-column-gap: var(--cn-global--content-grid--guttersize);
}

/**
 * Plain CTA plugin
 */
main > .cn-c-cta,
main .cn-c-section > .cn-c-cta {
  font-size: var(--cn-c-page__cta--FontSize);
  grid-column: var(--cn-c-page__cta--GridColumn);
}

/**
 * Double CTA plugin
 */
main .cn-c-cta_double {
  font-size: var(--cn-c-page__cta_double--FontSize);
  grid-column: var(--cn-c-page__cta_double--GridColumn);
  margin-block-start: var(--cn-c-page__cta_double--MarginBlock);
}
main .cn-c-cta_double + * {
  margin-block-start: var(--cn-c-page__cta_double--MarginBlock);
}

/**
 * Picture CTA plugin
 */
main .cn-c-cta_picture {
  font-size: var(--cn-c-page__cta_picture--FontSize);
  grid-column: var(--cn-c-page__cta_picture--GridColumn);
}

/**
 * Accordion plugin
 */
main .cn-c-accordion_section {
  margin-block-start: var(--cn-c-page__accordion--MarginBlock);
}
main .cn-c-accordion_section + * {
  margin-block-start: var(--cn-c-page__accordion--MarginBlock);
}

/**
 * Catalog CTA plugin
 */
main .cn-c-catalog_cta {
  grid-column-gap: var(--cn-c-page__catalog_cta--ColumnGap);
  grid-column: var(--cn-c-page__catalog_cta--GridColumn);
  grid-template-columns: var(--cn-c-page__catalog_cta--TemplateColumns);
}

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