/*!**************************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/site_navigation/site_navigation.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / Site navigation
 *************************************************************************** */
.cn-c-nav {
  --cn-c-nav--BackgroundColor: var(--cn-global--palette-dark-blue);
  --cn-c-nav--PaddingInlineEnd: .625rem; /* 10px */
  --cn-c-nav--PaddingInlineStart: 1.563rem; /* 25px */
  --cn-c-nav--PaddingBlock: .625rem; /* 10px */
  --cn-c-nav--PaddingBlock--landscape: .938rem; /* 15px */
  --cn-c-nav--PaddingInline--landscape: .938rem; /* 15px */
}

/**
 * Component - default view PORTRAIT
 */
.cn-c-nav {
  align-items: center;
  background-color: var(--cn-c-nav--BackgroundColor);
  display: flex;
  height: var(--cn-c-nav--Height);
  justify-content: space-between;
  padding-block: var(--cn-c-nav--PaddingBlock);
  padding-inline: var(--cn-c-nav--PaddingInlineStart) var(--cn-c-nav--PaddingInlineEnd);
  width: auto;
}
.cn-c-nav .logo {
  width: 5rem;
}
.cn-c-nav .logo > svg {
  vertical-align: middle;
}
@media (orientation: landscape) {
  .cn-c-nav .logo {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 50rem) {
  .cn-c-nav .logo {
    display: block;
    padding: 1.5rem 0.375rem;
    width: 100%;
  }
}
.cn-c-nav .nav-items {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex: 1 1 0;
  height: 100%;
  justify-content: flex-end;
  max-width: 60%;
}
.cn-c-nav .nav-items .position-start {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex: 2 1 0;
  width: 100%;
}
@media (orientation: portrait) {
  .cn-c-nav .nav-items .position-start > div {
    position: relative;
    width: 100%;
  }
  .cn-c-nav .nav-items .position-start > div .cn-c-button.cn-m-navigation {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 10px;
    border-left: 1px solid rgba(216, 216, 216, 0.36);
  }
  .cn-c-nav .nav-items .position-start > div .cn-c-button.cn-m-navigation:after {
    bottom: -0.625rem;
  }
}
@media (orientation: landscape) {
  .cn-c-nav .nav-items .position-start {
    flex-direction: column;
    flex: unset;
    gap: unset;
  }
  .cn-c-nav .nav-items .position-start > div:before {
    content: unset;
  }
  .cn-c-nav .nav-items .position-start > div:not(:first-child) {
    border-top: 1px solid rgba(216, 216, 216, 0.36);
    margin-top: 1.125rem;
    padding-top: 0.5rem;
    width: 100%;
  }
}
.cn-c-nav .nav-items .position-end {
  flex: 1 1 0;
}
@media (orientation: portrait) {
  .cn-c-nav .nav-items .position-end > div {
    position: relative;
    width: 100%;
  }
  .cn-c-nav .nav-items .position-end > div .cn-c-button.cn-m-navigation {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 10px;
    border-left: 1px solid rgba(216, 216, 216, 0.36);
  }
  .cn-c-nav .nav-items .position-end > div .cn-c-button.cn-m-navigation:after {
    bottom: -0.625rem;
  }
}
@media (orientation: landscape) {
  .cn-c-nav .nav-items {
    flex-direction: column;
    flex: unset;
    max-width: none;
    justify-content: space-between;
  }
  .cn-c-nav .nav-items .position-end {
    flex: unset;
    border-top: 1px solid var(--cn-global--palette-dusty-blue--51);
    width: 100%;
  }
  .cn-c-nav .nav-items .position-end > div:before {
    content: unset;
  }
}
@media (orientation: landscape) and (max-width: 50rem) {
  .cn-c-nav .nav-items .position-end {
    border-top: none;
    padding-top: 0;
  }
  .cn-c-nav .nav-items .position-end > div {
    border-top: 1px solid var(--cn-global--palette-dusty-blue--51);
    padding-top: 0.625rem;
  }
}
@media (orientation: landscape) and (max-width: 50rem) {
  .cn-c-nav .nav-items {
    max-width: 100%;
    height: unset;
  }
}
@media (orientation: landscape) {
  .cn-c-nav {
    display: block;
    width: var(--cn-c-page__navigation--sm--InlineSize);
    height: 100%;
    padding-block: unset;
    padding-inline: unset;
  }
  .cn-c-nav .position-start,
  .cn-c-nav .position-end {
    padding-block: var(--cn-c-nav--PaddingBlock--landscape);
    padding-inline: var(--cn-c-nav--PaddingInline--landscape);
  }
}
@media (orientation: landscape) and (max-width: 50rem) {
  .cn-c-nav {
    display: flex;
    flex-direction: column-reverse;
  }
}

/**
 * Top button
 */
#sm-c-app-status__map:checked ~ .cn-c-nav .cn-c-button[for=sm-c-app-status__map],
#sm-c-app-status__roadmap:checked ~ .cn-c-nav .cn-c-button[for=sm-c-app-status__roadmap],
#sm-c-app-status__profile:checked ~ .cn-c-nav .cn-c-button[for=sm-c-app-status__profile] {
  --cn-c-button--Color: var(--cn-global--palette-white);
}
#sm-c-app-status__map:checked ~ .cn-c-nav .cn-c-button[for=sm-c-app-status__map]::after,
#sm-c-app-status__roadmap:checked ~ .cn-c-nav .cn-c-button[for=sm-c-app-status__roadmap]::after,
#sm-c-app-status__profile:checked ~ .cn-c-nav .cn-c-button[for=sm-c-app-status__profile]::after {
  transform: scaleX(1);
}
#sm-c-app-status__map:checked ~ .cn-c-nav .cn-c-button[for=sm-c-app-status__map] > svg,
#sm-c-app-status__roadmap:checked ~ .cn-c-nav .cn-c-button[for=sm-c-app-status__roadmap] > svg,
#sm-c-app-status__profile:checked ~ .cn-c-nav .cn-c-button[for=sm-c-app-status__profile] > svg {
  color: var(--cn-global--palette-bright-light-blue);
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/related_products/related_products.scss ***!
  \****************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / Related Products
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Ecommerce / Organisms / Related Products
 *************************************************************************** */
/* 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;
}

.cn-c-related_products > .container > h2 {
  grid-column: 1/-1;
  margin-block-end: 2.8125rem;
}
.cn-c-related_products .subtitle {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
  margin-block-end: 3.1875rem;
}
@media all and (min-width: 80rem) {
  .E_COMMERCE .cn-c-related_products .subtitle {
    margin-block-end: 5.25rem;
  }
}
@media all and (min-width: 90rem) {
  .cn-c-related_products .subtitle {
    margin-block-end: 5.25rem;
  }
}
.cn-c-related_products .product-list {
  grid-column: 1/-1;
  overflow-x: auto;
}
.cn-c-related_products .product-list article:last-child {
  padding-inline-end: var(--cn-global--content-grid--offsetsize);
}
.cn-c-related_products .product-list article > div {
  min-width: 16.4375rem;
}
@media all and (min-width: 80rem) {
  .E_COMMERCE .cn-c-related_products .product-list article {
    grid-column: span 3;
  }
  .E_COMMERCE .cn-c-related_products .product-list article:last-child {
    padding-inline-end: unset;
  }
}
@media all and (min-width: 90rem) {
  .cn-c-related_products .product-list article {
    grid-column: span 3;
  }
  .cn-c-related_products .product-list article:last-child {
    padding-inline-end: unset;
  }
}
@media all and (pointer: coarse) {
  .cn-c-related_products .product-list {
    scrollbar-width: none;
  }
}
.cn-c-related_products .images-slider {
  display: grid;
  grid-template-columns: repeat(var(--cn-global--content-grid--md--columncount), 1fr);
  grid-gap: 0 var(--cn-c-page--Grid-Gap);
  margin-inline-end: calc(-1 * var(--cn-global--content-grid--offsetsize));
  padding-block-end: 0.625rem;
}
@media all and (min-width: 1200px) {
  .cn-c-related_products .images-slider {
    margin-inline-end: 0;
  }
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/products_slider/products_slider.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / Products Slider
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Ecommerce / Organisms / Products Slider
 *************************************************************************** */
/* 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;
}

.cn-c-products_slider {
  --cn-c-products_slider--MarginBottom: 2.8125rem;
}
.cn-c-products_slider .splide.homepage > * {
  grid-column: 1/-1;
}
.cn-c-products_slider .splide.homepage .splide__track {
  margin-block-end: unset;
}
.cn-c-products_slider .splide.homepage .splide__slide {
  height: calc(100vh - var(--cn-c-template_shared--top_nav--PositionY));
  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);
  align-items: end;
  color: var(--cn-c-page--BackgroundColor);
}
.cn-c-products_slider .splide.homepage .splide__slide .main-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: space-between;
  gap: 1.5rem;
  width: unset;
  grid-column: 1/-1;
  margin-block-end: calc(var(--cn-c-products_slider--MarginBottom) + 0.5rem);
}
.cn-c-products_slider .splide.homepage .splide__slide .main-content > div:first-child {
  flex: 1;
}
.cn-c-products_slider .splide.homepage .splide__slide .main-content .content-wrapper {
  overflow: hidden;
}
.cn-c-products_slider .splide.homepage .splide__slide .main-content h1 {
  font-size: 3.125rem;
  line-height: 3.25rem;
  margin-block-end: 1.0625rem;
  will-change: transform;
  transform: translateY(120%);
  transition: transform 500ms;
  transition-delay: 500ms;
}
@media all and (min-width: 48rem) {
  .cn-c-products_slider .splide.homepage .splide__slide .main-content h1 {
    font-size: 4.375rem;
    line-height: 4rem;
  }
}
.cn-c-products_slider .splide.homepage .splide__slide .main-content h2 {
  font-size: 1.25rem;
  font-weight: var(--cn-global--FontWeight-medium);
  letter-spacing: 0.34px;
  will-change: transform;
  transform: translateY(110%);
  transition: transform 500ms;
  transition-delay: 650ms;
}
@media all and (min-width: 48rem) {
  .cn-c-products_slider .splide.homepage .splide__slide .main-content h2 {
    font-size: 1.5rem;
  }
}
.cn-c-products_slider .splide.homepage .splide__slide .main-content .cn-c-button {
  --cn-c-button--BackgroundColor: var(--cn-c-page--AccentColor);
  --cn-c-button--hover--Color: var(--cn-c-page--Color);
  --cn-c-button--hover--BackgroundColor: var(--cn-c-page--BackgroundColor);
  margin-block-start: unset;
  will-change: transform;
  transform: translateY(110%);
  transition: transform 500ms;
  transition-delay: 650ms;
}
@media screen and (min-width: 48rem) {
  .cn-c-products_slider .splide.homepage .splide__slide .main-content {
    grid-column: 2/-2;
    text-align: unset;
    align-items: flex-start;
    margin-block-end: calc(var(--cn-c-products_slider--MarginBottom) + 3.75rem);
  }
}
@media screen and (min-width: 64rem) {
  .cn-c-products_slider .splide.homepage .splide__slide .main-content {
    flex-direction: row;
    align-items: flex-end;
    margin-block-end: calc(var(--cn-c-products_slider--MarginBottom) + 5.375rem);
  }
}
.cn-c-products_slider .splide.homepage .splide__slide .cn-c-image_wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  width: auto;
  height: auto;
  z-index: -1;
}
.cn-c-products_slider .splide.homepage .splide__slide .cn-c-image_wrapper .mask-on-image {
  display: block;
}
.cn-c-products_slider .splide.homepage .splide__slide .cn-c-image_wrapper img {
  height: 100%;
  font-family: "object-fit:cover";
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 100%;
}
.cn-c-products_slider .splide.homepage .splide__slide.will-active h1, .cn-c-products_slider .splide.homepage .splide__slide.will-active h2, .cn-c-products_slider .splide.homepage .splide__slide.will-active .cn-c-button, .cn-c-products_slider .splide.homepage .splide__slide.is-active h1, .cn-c-products_slider .splide.homepage .splide__slide.is-active h2, .cn-c-products_slider .splide.homepage .splide__slide.is-active .cn-c-button {
  transform: translateY(0);
}
.cn-c-products_slider .splide.homepage .splide__arrows {
  position: relative;
  bottom: var(--cn-c-products_slider--MarginBottom);
}
.cn-c-products_slider .splide.homepage .splide__arrows .splide__arrow {
  bottom: 3.125rem;
}
.cn-c-products_slider .splide.homepage .splide__arrows .splide__arrow--prev {
  left: 0;
}
.cn-c-products_slider .splide.homepage .splide__arrows .splide__arrow--next {
  right: 0;
}
.cn-c-products_slider .splide.homepage .thumbnails {
  position: absolute;
  left: 0;
  right: 0;
  grid-column: 1/-1;
  bottom: 0;
  max-width: 14.25rem;
  color: var(--cn-c-page--BackgroundColor);
  border-block-color: var(--cn-global--palette-white--60);
}
.cn-c-products_slider .splide.homepage .thumbnails .thumbnail {
  height: 4rem;
}
.cn-c-products_slider .splide.homepage .thumbnails .text {
  display: flex;
  align-items: baseline;
  gap: 0.3125rem;
}
.cn-c-products_slider .splide.homepage .thumbnails .text .counter {
  margin-block-start: unset;
}
.cn-c-products_slider .splide.homepage .thumbnails .text .cn-c-label.semibold {
  display: none;
  font-size: 1rem;
}
@media screen and (min-width: 64rem) {
  .cn-c-products_slider .splide.homepage .thumbnails .text .cn-c-label.semibold {
    display: block;
  }
}
.cn-c-products_slider .splide.homepage .thumbnails .my_splide__progress__bar {
  background: var(--cn-global--palette-white);
}
@media screen and (min-width: 37.5rem) {
  .cn-c-products_slider .splide.homepage .thumbnails {
    max-width: 22.75rem;
  }
}
@media screen and (min-width: 48rem) {
  .cn-c-products_slider .splide.homepage .thumbnails {
    grid-column: 2/-2;
    bottom: var(--cn-c-products_slider--MarginBottom);
    margin: unset;
    max-width: unset;
  }
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/payment_method/payment_method.scss ***!
  \************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / Payment Method
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Ecommerce / Organisms / Payment Method
 *************************************************************************** */
/* 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;
}

.cn-c-payment_method .form-fields {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  align-items: flex-start;
  margin-block-end: 2.5rem;
}
.cn-c-payment_method .cn-c-button[type=submit] {
  grid-column: 1/-1;
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/heading/heading.scss ***!
  \**********************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / Heading
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Ecommerce / Organisms / Heading
 *************************************************************************** */
/* 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;
}

.cn-c-heading {
  --cn-c-heading__first_line--MarginBlockEnd: 1.875rem; /* 30px */
}
@media screen and (min-width: 48rem) {
  .cn-c-heading {
    --cn-c-heading__first_line--MarginBlockEnd: 2.9375rem; /* 47px */
  }
}

.cn-c-heading img {
  height: 21.875rem;
}
@media screen and (min-width: 37.5rem) {
  .cn-c-heading img {
    height: 29.8125rem;
  }
}
@media screen and (min-width: 120rem) {
  .cn-c-heading img {
    height: 36.25rem;
  }
}
.cn-c-heading .first-line {
  margin-block-end: var(--cn-c-heading__first_line--MarginBlockEnd);
}
.cn-c-heading h1 {
  font-size: 2.8125rem;
  line-height: 3.125rem;
  margin-block-end: unset;
}
@media screen and (min-width: 37.5rem) {
  .cn-c-heading h1 {
    font-size: 3.125rem;
    line-height: 3.375rem;
  }
}
@media screen and (min-width: 48rem) {
  .cn-c-heading h1 {
    font-size: 3.75rem;
    line-height: 4rem;
  }
}
@media screen and (min-width: 90rem) {
  .cn-c-heading h1 {
    font-size: 4.375rem;
    line-height: 4.625rem;
  }
}
.cn-c-heading .first-line ~ * {
  font-size: 1.125rem;
  line-height: var(--cn-global--LineHeight-xs);
  font-weight: var(--cn-global--FontWeight-regular);
}
@media screen and (min-width: 48rem) {
  .cn-c-heading .first-line ~ * {
    font-size: 1.5rem;
    line-height: var(--cn-global--LineHeight-md);
  }
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/featured_products/featured_products.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / Featured Products
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Ecommerce / Organisms / Featured Products
 *************************************************************************** */
/* 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;
}

.cn-c-featured_products > .container > h2 {
  grid-column: 1/-1;
  margin-block-end: 2.8125rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 8px;
  background-image: linear-gradient(to bottom right, white 60%, transparent);
  z-index: 3;
}
@media all and (min-width: 80rem) {
  .cn-c-featured_products > .container > h2 {
    margin-block-end: 5.9375rem;
  }
}
.cn-c-featured_products .subtitle {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
  margin-block-end: 5.25rem;
}
.cn-c-featured_products .product-list {
  grid-column: 1/-1;
  overflow-x: auto;
}
.cn-c-featured_products .product-list article:last-child {
  padding-inline-end: var(--cn-global--content-grid--offsetsize);
}
.cn-c-featured_products .product-list article > div {
  min-width: 16.4375rem;
  box-shadow: var(--cn-global--BoxShadow--default);
}
@media all and (min-width: 80rem) {
  .E_COMMERCE .cn-c-featured_products .product-list article {
    grid-column: span 3;
  }
  .E_COMMERCE .cn-c-featured_products .product-list article:last-child {
    padding-inline-end: unset;
  }
}
@media all and (min-width: 90rem) {
  .cn-c-featured_products .product-list article {
    grid-column: span 3;
  }
  .cn-c-featured_products .product-list article:last-child {
    padding-inline-end: unset;
  }
}
@media all and (pointer: coarse) {
  .cn-c-featured_products .product-list {
    scrollbar-width: none;
  }
}
@media all and (min-width: 80rem) {
  .cn-c-featured_products .product-list {
    overflow: visible;
  }
}
.cn-c-featured_products .images-slider {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(var(--cn-global--content-grid--md--columncount), 1fr);
  grid-gap: 0 var(--cn-c-page--Grid-Gap);
  grid-auto-flow: column;
  margin-inline-end: calc(-1 * var(--cn-global--content-grid--offsetsize));
  padding-block-end: 0.625rem;
}
@media all and (min-width: 1200px) {
  .cn-c-featured_products .images-slider {
    margin-inline-end: 0;
  }
}
@media all and (min-width: 80rem) {
  .cn-c-featured_products .images-slider {
    display: none;
  }
}
.cn-c-featured_products .cn-c-products_slider {
  display: none;
}
.cn-c-featured_products .cn-c-products_slider .cn-c-image_wrapper img {
  width: unset;
}
@media all and (min-width: 80rem) {
  .cn-c-featured_products .cn-c-products_slider {
    display: block;
    grid-column: 2/-2;
  }
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/delivery_method/delivery_method.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / Delivery Method
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Ecommerce / Organisms / Delivery Method
 *************************************************************************** */
/* 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;
}

.cn-c-delivery_method .form-fields {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  align-items: flex-start;
  margin-block-end: 2.5rem;
}
.cn-c-delivery_method .cn-c-button[type=submit] {
  grid-column: 1/-1;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/delivery_address_section/delivery_address_section.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / Delivery Address Section
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Ecommerce / Organisms / Delivery Address Section
 *************************************************************************** */
/* 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;
}

.cn-c-delivery_address_section h3 {
  margin-block-end: 1.8125rem;
}
.cn-c-delivery_address_section h4 {
  margin-block-start: 5.375rem;
}
.cn-c-delivery_address_section .current-addresses {
  grid-gap: var(--cn-c-page--Grid-Gap);
}
/*!*********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@splidejs/splide/dist/css/splide.min.css ***!
  \*********************************************************************************************************/
.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/cms_plugins/member_slider/member_slider.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / CMS plugins / Member slider
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Ecommerce / Organisms / CMS plugins / Member slider
 *************************************************************************** */
/* 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;
}

.cn-c-members {
  grid-column: 1/-1;
  align-items: center;
  position: relative;
}
.cn-c-members h2 {
  grid-column: span 3;
}
@media screen and (min-width: 48rem) {
  .cn-c-members h2 {
    margin-block-start: 10.3125rem;
  }
}
.cn-c-members .cn-c-member_slider {
  grid-column: span 9;
}

.cn-c-member_slider > .splide {
  --fluid-21-30: clamp(1.3125rem, 0.375rem + 4vw, 1.875rem);
  --splide-items-gap: var(--fluid-21-30);
  position: initial;
  margin-right: calc(-1 * var(--cn-global--content-grid--offsetsize)) !important;
}
.cn-c-member_slider > .splide .splide__track {
  overflow-y: visible;
  overflow-x: visible;
  margin-block-end: unset;
  clip-path: inset(-100vw -100vw -100vw 0);
}
.cn-c-member_slider > .splide .splide__list {
  align-items: flex-start;
}
.cn-c-member_slider > .splide .splide__slide {
  background-color: unset;
  border-radius: 4px;
  padding-block: unset;
  padding-inline: unset;
}
.cn-c-member_slider > .splide .splide__slide:last-child {
  padding-inline-end: var(--cn-global--content-grid--offsetsize);
}
.cn-c-member_slider > .splide .splide__slide .main-content {
  width: unset;
  display: flex;
  flex-direction: column;
  gap: 1.375rem;
}
.cn-c-member_slider > .splide .splide__slide .main-content .cn-c-button {
  margin-block-start: unset;
}
.cn-c-member_slider > .splide .splide__slide .cn-c-image_wrapper {
  position: initial;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 18.4375rem;
  height: 24.375rem;
}
.cn-c-member_slider > .splide .splide__slide .cn-c-image_wrapper .mask-on-image {
  display: none;
}
.cn-c-member_slider > .splide .splide__slide .cn-c-image_wrapper img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 24px;
  height: 100%;
}
@media screen and (min-width: 48rem) {
  .cn-c-member_slider > .splide .splide__slide .cn-c-image_wrapper {
    width: 21.0625rem;
    height: 28.0625rem;
  }
}
.cn-c-member_slider > .splide .splide__slide .infos {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.cn-c-member_slider > .splide .splide__slide .member-name {
  font: var(--cn-global--FontWeight-semibold) 1.375rem/1.136 var(--cn-global--FontFamily-default);
}
.cn-c-member_slider > .splide .splide__slide .member-email {
  --cn-c-button--PaddingInline: unset;
  --cn-c-button--outline--Color: var(--cn-c-page--BackgroundColor);
  --cn-c-button--outline--BackgroundColor: var(--cn-c-page--Color);
  --cn-c-button--BorderColor: var(--cn-c-page--Color);
  --cn-c-button--hover--Color: var(--cn-c-page--BackgroundColor);
  --cn-c-button--hover--BackgroundColor: var(--cn-c-page--AccentColor);
  width: 1.9375rem;
  height: 1.9375rem;
}
.cn-c-member_slider > .splide .splide__slide .member-email > svg {
  block-size: 0.875rem;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.cn-c-member_slider > .splide .splide__arrows {
  display: flex;
  gap: 5rem;
  margin-block-start: 2.8125rem;
}
.cn-c-member_slider > .splide .splide__arrows .splide__arrow {
  --fluid-10-14: clamp(0.625rem, 0.0096rem + 0.9615vw, 0.875rem);
  --fluid-65-91: clamp(4.0625rem, 0.0625rem + 6.25vw, 5.6875rem);
  position: initial;
  opacity: 1;
  border: 1px solid var(--cn-c-page--BackgroundColor);
  background-color: var(--cn-c-page--BackgroundColor);
  color: var(--cn-c-page--Color);
  width: 1.9375rem;
  height: 1.9375rem;
  top: unset;
  bottom: 4rem;
  transform: none;
}
.cn-c-member_slider > .splide .splide__arrows .splide__arrow svg {
  z-index: 1;
  width: 1.25rem;
  height: 1.25rem;
}
.cn-c-member_slider > .splide .splide__arrows .splide__arrow:hover {
  background-color: var(--cn-c-page--BackgroundColor);
  border-color: var(--cn-c-page--BackgroundColor);
  color: var(--cn-c-page--Color);
}
.cn-c-member_slider > .splide .splide__arrows .splide__arrow:disabled {
  background-color: transparent;
  color: var(--cn-global--palette-black--40);
}
@media screen and (min-width: 48rem) {
  .cn-c-member_slider > .splide .splide__arrows {
    position: absolute;
    left: 0;
    top: 9.375rem;
    margin-block-start: unset;
  }
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/cms_plugins/iubenda_policy/iubenda_policy.scss ***!
  \************************************************************************************************************************************************************************************************************************/

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/cms_plugins/form/b2b_signup/b2b_signup.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.cn-c-form_plugin.cn-m-b2b_signup > .newsletter {
  grid-column: 1/-1;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/cms_plugins/form/00-base/base.scss ***!
  \************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / CMS plugins / Form
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* 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;
}

.cn-c-form_plugin {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 37.5rem) {
  .cn-c-form_plugin {
    grid-template-columns: 1fr 1fr;
  }
}

/**
 * Textarea
 */
.cn-c-form_plugin > :has(textarea),
.cn-c-form_plugin > .cn-m-textarea {
  grid-column: 1/-1;
}

/**
 * Submit button
 */
.cn-c-form_plugin > button {
  font-size: 1em;
  grid-column: 1/-1;
  justify-self: center;
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/cms_plugins/contact_info/contact_info.scss ***!
  \********************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / CMS plugins / Contact information
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* 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;
}

.cn-c-contact_info {
  padding-block: 2.625rem;
  margin-block-end: 2.5rem;
}
.cn-c-contact_info.card {
  background-color: var(--cn-global--palette-white-smoke);
  border-radius: 4px;
}
.cn-c-contact_info > div {
  grid-column: 1/-1;
  padding-inline: var(--cn-global--content-grid--offsetsize);
}
@media screen and (min-width: 48rem) {
  .cn-c-contact_info > div {
    grid-column: 2/-2;
    padding-inline: unset;
  }
}
.cn-c-contact_info h2 {
  grid-column: 1/-1;
}
.cn-c-contact_info .socials-line {
  grid-column: 1/-1;
  display: flex;
  gap: 1.5625rem;
}
.cn-c-contact_info .text-line {
  grid-column: 1/-1;
  margin-block-start: 2.4375rem;
}
.cn-c-contact_info .columns-line {
  grid-column: 1/-1;
  grid-row-gap: 2.75rem;
  margin-block-start: 3.875rem;
  /**
   * Column title
   * 1: simulate H4
   */
}
.cn-c-contact_info .columns-line h3 {
  font: var(--cn-global--Font-title--md-semibold); /* 1 */
  line-height: var(--cn-global--LineHeight-xs); /* 1 */
  margin-block-end: 0.875rem; /* 1 */
  margin-block-end: 1.1875rem;
  margin-block-start: 0; /* 1 */
}
.cn-c-contact_info .columns-line > div {
  grid-column: 1/-1;
}
@media screen and (min-width: 37.5rem) {
  .cn-c-contact_info .columns-line > div {
    grid-column: span 6;
  }
}
@media screen and (min-width: 80rem) {
  .cn-c-contact_info .columns-line > div {
    grid-column: span 3;
  }
}
.cn-c-contact_info .columns-line .address-button {
  font-size: 0.8125rem;
  margin-block-start: 1.1875rem;
}
.cn-c-contact_info .columns-line .cn-c-email_address:nth-of-type(n+2) {
  margin-block-start: 1.6875rem;
}
.cn-c-contact_info .columns-line a:not(.cn-c-button) {
  text-decoration: underline;
  font-size: 1rem;
  line-height: 1.563;
}
@media screen and (min-width: 64rem) {
  .cn-c-contact_info {
    padding-block: 4.5rem;
    margin-block-end: 11.25rem;
  }
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/cms_plugins/channels/channels.scss ***!
  \************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / Channels
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Ecommerce / Organisms / Channels
 *************************************************************************** */
/* 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;
}

.cn-c-channels > .container {
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  justify-content: space-evenly;
}
.cn-c-channels > .container > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 33%;
  gap: 1.125rem;
}
.cn-c-channels > .container > *:hover .arrow-button {
  opacity: 1;
}
.cn-c-channels > .container img {
  block-size: 5rem;
}
.cn-c-channels > .container .cn-c-label {
  text-align: center;
  letter-spacing: 0.2285714298px;
}
.cn-c-channels > .container .cn-c-label.semibold {
  font-size: 1.375rem;
  letter-spacing: 0.3142857254px;
}
.cn-c-channels > .container .arrow-button {
  --cn-c-button--icon-only--Dimension: 1.9375rem;
  --cn-c-button--icon-only--Padding: 0.3125rem;
  opacity: 0;
  transition: opacity var(--cn-global--Duration--xs) ease-in-out;
  display: none;
}
.cn-c-channels > .container .arrow-button svg {
  block-size: 1.25rem;
}
@media screen and (min-width: 48rem) {
  .cn-c-channels > .container .arrow-button {
    display: block;
  }
}
@media screen and (min-width: 48rem) {
  .cn-c-channels > .container {
    flex-direction: row;
  }
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/cms_plugins/catalog_cta/catalog_cta.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / Catalog CTA
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Ecommerce / Organisms / Catalog CTA
 *************************************************************************** */
/* 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;
}

.cn-c-catalog_cta {
  --cn-c-catalog_cta--BackgroundColor: var(--cn-c-page--Color);
  --cn-c-catalog_cta--Color: var(--cn-c-page--BackgroundColor);
  background-color: var(--cn-c-catalog_cta--BackgroundColor);
  color: var(--cn-c-catalog_cta--Color);
  grid-column: 1/-1;
  position: relative;
}
.cn-c-catalog_cta .cn-c-image_wrapper {
  grid-column: 1/-1;
}
.cn-c-catalog_cta img {
  width: 100%;
  font-family: "object-fit:cover";
  -o-object-fit: cover;
     object-fit: cover;
  height: 29.8125rem;
}
.cn-c-catalog_cta .container {
  position: absolute;
  top: 4.6875rem;
  left: 0;
  right: 0;
  bottom: 0;
  align-content: center;
  justify-items: center;
  align-items: center;
  padding-block: 0.75rem;
  padding-inline: var(--cn-global--content-grid--offsetsize);
}
.cn-c-catalog_cta .container .text {
  grid-column: 1/-1;
  grid-row: 1;
  text-align: center;
  width: 100%;
}
.cn-c-catalog_cta .container .text h1 {
  grid-column: 1/-1;
  justify-self: center;
  margin-block-end: 0.3125rem;
  font-size: 2.8125rem;
  line-height: 3.125rem;
}
@media screen and (min-width: 37.5rem) {
  .cn-c-catalog_cta .container .text h1 {
    font-size: 3.125rem;
    line-height: 3.375rem;
  }
}
@media screen and (min-width: 48rem) {
  .cn-c-catalog_cta .container .text h1 {
    font-size: 3.75rem;
    line-height: 4rem;
  }
}
@media screen and (min-width: 64rem) {
  .cn-c-catalog_cta .container .text h1 {
    grid-column: 1/6;
  }
}
@media screen and (min-width: 90rem) {
  .cn-c-catalog_cta .container .text h1 {
    font-size: 4.375rem;
    line-height: 4.625rem;
  }
}
.cn-c-catalog_cta .container .text h1 + h1 {
  grid-column: 1/-1;
  justify-self: center;
  font-weight: var(--cn-global--FontWeight-regular);
  margin-block-end: 1.375rem;
}
@media screen and (min-width: 64rem) {
  .cn-c-catalog_cta .container .text h1 + h1 {
    grid-column: 4/7;
    justify-self: start;
    margin-block-end: 3.0625rem;
  }
}
.cn-c-catalog_cta .container .text .cn-c-header_heading {
  grid-column: 1/-1;
  padding-inline-start: unset;
  display: flex;
  flex-direction: row;
  gap: 0.3125rem;
  justify-content: center;
  margin-block-end: 1.25rem;
}
@media screen and (min-width: 64rem) {
  .cn-c-catalog_cta .container .text .cn-c-header_heading {
    grid-column: 4/7;
    justify-content: start;
  }
}
@media screen and (min-width: 64rem) {
  .cn-c-catalog_cta .container .text {
    text-align: unset;
  }
}
.cn-c-catalog_cta .container .action {
  grid-column: 1/-1;
  grid-row: 2;
  align-self: end;
}
.cn-c-catalog_cta .container .action > .cn-c-label {
  grid-column: 1/-1;
  padding-inline-start: unset;
  display: flex;
  flex-direction: row;
  gap: 0.3125rem;
  justify-content: center;
  font-size: 1.125rem;
  margin-block-end: 1.875rem;
  text-align: center;
  font: var(--cn-global--FontWeight-medium) 1.5rem var(--cn-global--FontFamily-default);
  letter-spacing: 0.34px;
  line-height: 1.8125rem;
}
@media screen and (min-width: 64rem) {
  .cn-c-catalog_cta .container .action > .cn-c-label {
    grid-column: 4/7;
    text-align: start;
  }
}
@media screen and (min-width: 64rem) {
  .cn-c-catalog_cta .container .action {
    grid-column: 9/span 3;
    grid-row: 1;
    margin-block-end: -1.75rem;
  }
}
.cn-c-catalog_cta .cn-c-button {
  --cn-c-button--hover--BackgroundColor: var(--cn-c-page--BackgroundColor);
  --cn-c-button--hover--Color: var(--cn-c-page--Color);
  font: var(--cn-global--Font-label--sm-semibold);
  display: block;
  margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
@media screen and (min-width: 64rem) {
  .cn-c-catalog_cta .cn-c-button {
    grid-column: 9/span 3;
    grid-row: 1;
    margin-inline: unset;
  }
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/cms_plugins/accordion/accordion.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / Accordion Section
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Ecommerce / Organisms / Accordion Section
 *************************************************************************** */
/* 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;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/cart_summary/cart_summary.scss ***!
  \********************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / Cart Summary
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Ecommerce / Organisms / Cart Summary
 *************************************************************************** */
/* 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;
}

.cn-c-cart_summary {
  grid-column: 1/-1;
  background-color: var(--cn-global--palette-white-smoke);
  padding-block: 3.3125rem 2.3125rem;
  padding-inline: var(--cn-global--content-grid--offsetsize);
  border-radius: 4px;
  height: -moz-fit-content;
  height: fit-content;
  position: sticky;
  top: 3.125rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
.cn-c-cart_summary .promotional-code {
  text-decoration: underline;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
.cn-c-cart_summary .promotional-code.is-open {
  text-decoration: none;
  cursor: default;
}
.cn-c-cart_summary h3 {
  margin-block: 0 !important;
}
.cn-c-cart_summary form {
  display: none;
}
.cn-c-cart_summary form.is-open {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
.cn-c-cart_summary form input {
  margin-block-start: 1.4375rem;
  padding-block: 1.125rem;
  padding-inline: 1.25rem;
  background-color: transparent;
  border: 1px solid var(--cn-c-page--Color);
  border-radius: 12px;
}
.cn-c-cart_summary form input:focus {
  outline: none;
}
.cn-c-cart_summary form .action-buttons {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}
.cn-c-cart_summary form .action-buttons .cancel {
  --cn-c-button--PaddingInline: 0;
  --cn-c-button--PaddingBlock: 0;
  --cn-c-button--no-frame--Color: var(--cn-c-page--Color);
  --cn-c-button--hover--Color: var(--cn-c-page--Color);
  font: var(--cn-global--Font-label--xs-regular);
  text-decoration: underline;
}
.cn-c-cart_summary .cn-u-separator {
  height: 1px;
  background-color: var(--cn-c-page--Color);
}
.cn-c-cart_summary .price-detail {
  display: flex;
  justify-content: space-between;
  gap: 0.9375rem;
}
.cn-c-cart_summary .price-detail .info {
  flex: 1;
}
.cn-c-cart_summary .price-detail .message {
  margin-block-start: 0.625rem;
}
.cn-c-cart_summary .cn-c-label a {
  text-decoration: underline;
}
.cn-c-cart_summary .pill {
  font-size: 0.6875rem;
  letter-spacing: normal;
  height: 1.0625rem;
}
.cn-c-cart_summary .entries {
  display: flex;
  flex-direction: column;
  gap: 1.3125rem;
}
.cn-c-cart_summary .terms {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  opacity: 0.7;
}
@media screen and (min-width: 80rem) {
  .cn-c-cart_summary {
    grid-column: 8/span 5;
    padding-inline: 5.4375rem;
  }
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/cart_list/cart_list.scss ***!
  \**************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / Cart List
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Ecommerce / Organisms / Cart List
 *************************************************************************** */
/* 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;
}

.cn-c-cart_list {
  grid-column: 1/-1;
  padding-inline: var(--cn-global--content-grid--offsetsize);
  margin-block-end: 1.6875rem;
}
.cn-c-cart_list .cn-c-cart_item:first-child {
  padding-block-start: unset;
}
@media screen and (min-width: 80rem) {
  .cn-c-cart_list {
    grid-column: 1/span 7;
    padding-inline: unset;
    margin-block-end: unset;
  }
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/billing_address_section/billing_address_section.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / Billing Address Section
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Ecommerce / Organisms / Billing Address Section
 *************************************************************************** */
/* 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;
}

.cn-c-billing_address_section h3 {
  margin-block-end: 1.8125rem;
}
.cn-c-billing_address_section h4 {
  margin-block-start: 5.375rem;
}
.cn-c-billing_address_section .same-delivery-button {
  grid-column: 1/-1;
  margin-block-end: 2.5rem;
}
.cn-c-billing_address_section .current-addresses {
  grid-gap: var(--cn-c-page--Grid-Gap);
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/auth/navigation/navigation.scss ***!
  \*********************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / Auth / Navigation
 *************************************************************************** */
.cn-c-auth-nav {
  --cn-c-auth-nav--BackgroundColor: var(--cn-global--palette-dusty-blue--40);
  --cn-c-auth-nav--ColumnGap: 2.75em; /* 55px */
  --cn-c-auth-nav--Font: var(--cn-global--Font-title--lg-bold);
  --cn-c-auth-nav--PaddingBlock: 3.5rem; /* 56px, eyeballed */
  /**
    * Close button
    */
  --cn-c-auth-nav__close--BorderColor: var(--cn-global--palette-white--49);
  --cn-c-auth-nav__close--Size: 1rem; /* 16px */
  /**
    * Navigation items
    */
  --cn-c-auth-nav__items--MarginBlockStart: 1.5rem;
  --cn-c-auth-nav__language--MarginBlockStart: 2.5rem; /* 40px */
  --cn-c-auth-nav__items--RowGap: 1.5rem; /* 24px */
  /**
    * auth-nav item
    */
  --cn-c-auth-nav__item--Color: var(--cn-global--palette-dark-blue);
  --cn-c-auth-nav__item--RowGap: .65em; /* 13px */
  --cn-c-auth-nav__item-decoration--BackgroundColor: currentcolor;
  --cn-c-auth-nav__item--m-current--Color: var(--cn-global--palette-white);
  /**
    * Logo
    */
  --cn-c-auth-nav__logo--Height: 3.813rem; /* 61px */
}
@media all and (min-width: 48rem) {
  .cn-c-auth-nav {
    --cn-c-auth-nav--BackgroundColor: transparent;
    --cn-c-auth-nav--Font: var(--cn-global--Font-title--md-regular);
  }
}
@media all and (min-width: 48rem) {
  .cn-c-auth-nav {
    /* --cn-c-auth-nav__item--Color: var(--cn-global--palette-white); */
    --cn-c-auth-nav__item--m-current--Color: var(--cn-c-auth-nav__item--Color);
    --cn-c-auth-nav__item--RowGap: .5em; /* 7px */
    --cn-c-auth-nav__item-decoration--BackgroundColor: var(--cn-global--palette-dark-blue);
  }
}

#cn-c-auth-header__toggle:not(:checked) ~ .cn-c-auth-nav {
  opacity: 0;
  pointer-events: none;
  transition: none;
}
@media all and (min-width: 48rem) {
  #cn-c-auth-header__toggle:not(:checked) ~ .cn-c-auth-nav {
    opacity: 1;
    pointer-events: initial;
  }
}

.cn-c-auth-nav {
  background-color: var(--cn-c-auth-nav--BackgroundColor);
  color: var(--cn-global--palette-dark-blue);
  display: grid;
  font: var(--cn-c-auth-nav--Font);
  grid-template-rows: 4fr auto 10fr;
  inset: 0;
  overflow: auto;
  padding-block: var(--cn-c-auth-nav--PaddingBlock);
  place-items: center;
  position: fixed;
  text-align: center;
  transition: opacity 0.15s linear;
  z-index: 9;
  /**
    * Close button
    * 1: reset
    */
  /**
    * auth-nav items
    * 1: reset
    */
  /**
    * auth-nav item
    * 1: reset
    * 2: contain decoration
    */
  /**
    * Logo
    */
}
@media all and (min-width: 48rem) {
  .cn-c-auth-nav {
    -moz-column-gap: var(--cn-c-auth-nav--ColumnGap);
         column-gap: var(--cn-c-auth-nav--ColumnGap);
    display: flex;
    flex-direction: row;
    padding-block: 0;
    position: static;
  }
}
@supports not (inset: 0) {
  .cn-c-auth-nav {
    bottom: 0;
    left: 0;
    padding-top: var(--cn-c-auth-nav--PaddingBlock);
    right: 0;
    top: 0;
  }
  @media all and (min-width: 48rem) {
    .cn-c-auth-nav {
      padding-top: 0;
    }
  }
}
.cn-c-auth-nav > label {
  align-self: end;
  border-radius: 50%;
  /* border: 1px solid var(--cn-c-auth-nav__close--BorderColor); */
  box-sizing: content-box; /* 1 */
  display: inline-block;
  /* height: var(--cn-c-auth-nav__close--Size); */
  padding: calc(var(--cn-c-auth-nav__close--Size) * 1.125);
  /* width: var(--cn-c-auth-nav__close--Size); */
}
.cn-c-auth-nav > label .cn-c-button.close-button {
  --cn-c-button--m-close--Background-Color: transparent;
  --cn-c-button--m-close--Color: var(--cn-global--palette-dark-grey);
  border-color: var(--cn-global--palette-dark-grey--49);
  padding: 0.93rem;
  border-radius: 50%;
  pointer-events: none;
}
.cn-c-auth-nav > label .cn-c-button.close-button svg {
  width: 1.2rem;
}
.cn-c-auth-nav > label svg {
  display: block; /* 1 */
}
@media all and (min-width: 48rem) {
  .cn-c-auth-nav > label {
    display: none;
  }
}
.cn-c-auth-nav .content-wrapper {
  --fluid-10-13: clamp(0.625rem, 0.4107rem + 0.4464vw, 0.8125rem);
  --fluid-13-18: clamp(0.8125rem, 0.4554rem + 0.744vw, 1.125rem);
}
@media all and (min-width: 48rem) {
  .cn-c-auth-nav .content-wrapper {
    display: flex;
    flex-direction: row-reverse;
  }
}
.cn-c-auth-nav ul {
  display: flex;
  flex-direction: column;
  list-style-type: none; /* 1 */
  margin-block: var(--cn-c-auth-nav__items--MarginBlockStart) 0;
  margin-inline: 0; /* 1 */
  padding: 0; /* 1 */
  gap: var(--cn-c-auth-nav__items--RowGap);
}
@media all and (min-width: 48rem) {
  .cn-c-auth-nav ul {
    flex-direction: row;
    gap: var(--fluid-10-13);
    margin-block: 0;
    padding-inline-start: var(--fluid-13-18);
  }
}
@supports not (margin-block: 0 0) {
  .cn-c-auth-nav ul {
    margin: var(--cn-c-auth-nav__items--MarginBlockStart) 0 0 0;
  }
}
.cn-c-auth-nav li {
  color: var(--cn-c-auth-nav__item--Color);
}
.cn-c-auth-nav li.cn-m-current {
  color: var(--cn-c-auth-nav__item--m-current--Color);
  pointer-events: none;
}
@media all and (min-width: 48rem) {
  .cn-c-auth-nav li.cn-m-current a::after {
    transform: scaleX(1);
  }
}
.cn-c-auth-nav li:first-child a {
  background-color: var(--cn-global--palette-light-blue);
  color: var(--cn-global--palette-white);
}
.cn-c-auth-nav li a {
  display: inline-block;
  border-color: var(--cn-global--palette-light-blue);
  font-size: 1.125rem;
  color: var(--cn-c-auth-nav__item--Color);
}
@supports not (padding-block-end: 0) {
  .cn-c-auth-nav li a {
    padding-bottom: var(--cn-c-auth-nav__item--RowGap);
  }
}
.cn-c-auth-nav li a:hover {
  background-color: var(--cn-global-common--palette-kiss);
  border-color: var(--cn-global-common--palette-kiss);
}
@media all and (min-width: 48rem) {
  .cn-c-auth-nav li a {
    font: var(--cn-global--Font-label--md-medium);
  }
}
.cn-c-auth-nav > svg {
  height: var(--cn-c-auth-nav__logo--Height);
  display: inline-block;
  align-self: end;
}
@media all and (min-width: 48rem) {
  .cn-c-auth-nav > svg {
    display: none;
  }
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/auth/header/header.scss ***!
  \*************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / Auth / Header
 *************************************************************************** */
header.cn-c-auth-header {
  --fluid-60-84: clamp(3.75rem, 2.4154rem + 3.1496vw, 5.25rem);
  --cn-c-auth-header__logo--Height: var(--fluid-60-84);
  --cn-c-auth-header__hamburger--Width: 1.625rem; /* 26px */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  /**
    * Logo
    */
  /**
    * Hamburger
    */
  /**
    * Navigation
    */
}
@media all and (min-width: 48rem) {
  header.cn-c-auth-header {
    align-items: flex-start;
  }
}
header.cn-c-auth-header > a svg {
  height: var(--cn-c-auth-header__logo--Height);
}
header.cn-c-auth-header > label {
  width: var(--cn-c-auth-header__hamburger--Width);
}
@media all and (min-width: 48rem) {
  header.cn-c-auth-header > label {
    display: none;
  }
}
header.cn-c-auth-header > .cn-c-navigation {
  z-index: 999;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** 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/03-organisms/address_form/address_form.scss ***!
  \********************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Organisms / Address Form
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Ecommerce / Organisms / Address Form
 *************************************************************************** */
/* 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;
}

.cn-c-address_form {
  grid-column: 1/-1;
}
.cn-c-address_form .form-fields {
  row-gap: 0.5rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.cn-c-address_form .form-fields > * {
  grid-column: 1/-1;
}
@media screen and (min-width: 48rem) {
  .cn-c-address_form .form-fields .first_name, .cn-c-address_form .form-fields .last_name {
    grid-column: span 6;
  }
  .cn-c-address_form .form-fields .line1, .cn-c-address_form .form-fields .line2, .cn-c-address_form .form-fields .line3, .cn-c-address_form .form-fields .country, .cn-c-address_form .form-fields .state, .cn-c-address_form .form-fields .phone_number, .cn-c-address_form .form-fields .notes {
    grid-column: span 12;
  }
  .cn-c-address_form .form-fields .country {
    z-index: 2;
  }
  .cn-c-address_form .form-fields .postcode {
    grid-column: span 4;
  }
  .cn-c-address_form .form-fields .line4 {
    grid-column: span 8;
  }
}
.cn-c-address_form .cn-c-button[type=submit] {
  grid-column: 1/-1;
  margin-block-start: 1.25rem;
}
@media screen and (min-width: 48rem) {
  .cn-c-address_form .cn-c-button[type=submit] {
    margin-block-start: 2.5rem;
  }
}
.cn-c-address_form .cn-c-custom_select .custom_select-inner {
  border: none;
  font: var(--cn-global--Font-label--sm-medium);
}
.cn-c-address_form .cn-c-custom_select .custom_select-inner label {
  font: var(--cn-global--Font-label--xs-regular);
  color: var(--cn-global--palette-black--70);
  letter-spacing: 0.2px;
}
.cn-c-address_form .cn-c-custom_select .custom_select-inner .selected-option {
  padding: unset;
}
.cn-c-address_form .cn-c-custom_select .custom_select-inner .dropdown {
  border: 1px solid #ccc;
  background-color: #fff;
  width: calc(100% - 2.5rem);
  top: 2.5rem;
}
.cn-c-address_form .cn-c-custom_select .custom_select-inner .option-title {
  font-weight: var(--cn-global--FontWeight-medium);
}
.cn-c-address_form .cn-c-custom_select .custom_select-inner .option:hover {
  background-color: #f1f1f1;
}
.cn-c-address_form .cn-c-custom_select .custom_select-inner::after {
  right: 1.4375rem;
}
@media screen and (min-width: 64rem) {
  .cn-c-address_form {
    grid-column: span 9;
  }
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** 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/02-molecules/variant/variant.scss ***!
  \**********************************************************************************************************************************************************************************************/
/******************************************************************************
 * Ecommerce / Molecules / Variant
 *****************************************************************************/
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/******************************************************************************
 * Ecommerce / Molecules / Variant
 *****************************************************************************/
/* 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;
}

.cn-c-variant > p {
  margin-block: 0;
}
.cn-c-variant .options {
  display: flex;
  flex-wrap: wrap;
  gap: 1.375rem;
  margin-block-start: 0.3125rem;
  padding-block: 0.75rem;
  border-block: 1px solid var(--cn-global--palette-black--30);
}
.cn-c-variant .options .cn-c-button {
  font: var(--cn-global--Font-label--xs-book);
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** 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/02-molecules/stock_alert/stock_alert.scss ***!
  \******************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Ecommerce / Molecules / Stock Alert
 *****************************************************************************/
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/*!**********************************************************************************************************************************************************************************************!*\
  !*** 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/02-molecules/stepper/stepper.scss ***!
  \**********************************************************************************************************************************************************************************************/
/******************************************************************************
 * Ecommerce / Molecules / Cart Item
 *****************************************************************************/
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/******************************************************************************
 * Ecommerce / Molecules / Cart Item
 *****************************************************************************/
/* 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;
}

.cn-c-stepper {
  border-block: 1px solid var(--cn-global--palette-black--40);
  margin-block-end: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  row-gap: 5px;
}
.cn-c-stepper .step {
  --cn-c-button--PaddingBlock: 0.875rem;
  --cn-c-button--PaddingInline: unset;
  --cn-c-button--no-frame--Color: var(--cn-c-page--Color);
  --cn-c-button--hover--Color: var(--cn-c-button--no-frame--Color);
  font: var(--cn-global--Font-label--sm-semibold);
  opacity: 0.5;
}
.cn-c-stepper .step.is-disabled, .cn-c-stepper .step.is-current {
  pointer-events: none;
}
.cn-c-stepper .step.is-active {
  opacity: 1;
}
.cn-c-stepper .step.is-current span {
  position: relative;
}
.cn-c-stepper .step.is-current span::after {
  content: "";
  display: block;
  height: 3px;
  background-color: var(--cn-c-page--Color);
  border-radius: 3px;
  position: absolute;
  bottom: -13px;
  left: 0;
  right: 0;
}
@media screen and (min-width: 48rem) {
  .cn-c-stepper .step.is-current span::after {
    bottom: -29px;
  }
}
@media screen and (min-width: 48rem) {
  .cn-c-stepper .step {
    --cn-c-button--PaddingBlock: 1.6875rem;
  }
}
@media screen and (min-width: 48rem) {
  .cn-c-stepper {
    flex-direction: row;
    justify-content: space-between;
    gap: 2rem;
    row-gap: 11px;
    margin-block-end: 4.3125rem;
  }
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** 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/02-molecules/slider/slider/slider.scss ***!
  \***************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Molecules / Slider / Slider
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
.splide {
  --fluid-45-85: clamp(2.8125rem, 1.9322rem + 3.7559vw, 5.3125rem);
  --splide-items-gap: var(--fluid-45-85);
}
.splide__track {
  overflow-y: visible;
  overflow-x: clip;
  margin-block-end: 3.25rem;
}
.splide__list {
  align-items: center;
}
.splide__slide {
  background-color: var(--cn-global--palette-black--03);
  border-radius: 4px;
  padding-block: 2.0625rem;
  padding-inline: 1.875rem;
}
.splide__slide .main-content {
  width: 18.5rem;
}
.splide__slide .main-content h1 {
  font: var(--cn-global--Font-title--sm-semibold);
  line-height: normal;
  margin-block-end: 0.1875rem;
}
.splide__slide .main-content h2 {
  font-size: 0.9375rem;
  font-weight: var(--cn-global--FontWeight-regular);
  line-height: normal;
  margin-block-end: 0.4375rem;
}
.splide__slide .main-content .cn-c-button {
  --cn-c-button--PaddingBlock: 0.723em;
  --cn-c-button--PaddingInline: 1.515em;
  --cn-c-button--BackgroundColor: var(--cn-c-page--Color);
  --cn-c-button--hover--BackgroundColor: var(--cn-c-page--AccentColor);
  font-size: 1rem;
  font-weight: var(--cn-global--FontWeight-semibold);
  display: inline-flex;
  margin-block-start: 1.1875rem;
}
.splide__slide .main-content .cn-c-price_wrapper .period {
  font-size: 0.75rem;
  line-height: 1.375rem;
}
.splide__slide .main-content .cn-c-price {
  position: relative;
}
.splide__slide .main-content .cn-c-price:nth-child(1):not(:only-child)::before {
  height: 1px;
}
.splide__slide .main-content .cn-c-price .cn-c-label.semibold.extralarge {
  font-size: 1rem;
}
.splide__slide .main-content .cn-c-price .cn-c-label.decimal {
  font-size: 0.6875rem;
}
.splide__slide .main-content .cn-c-price .cn-c-label.currency {
  font-size: 0.75rem;
}
.splide__slide .main-content .cn-c-variant {
  margin-block-start: 0.75rem;
}
.splide__slide .main-content .cn-c-variant .options {
  border-block: none;
  gap: 0.4375rem;
  padding-block: 0;
}
.splide__slide .main-content .cn-c-variant .options .cn-c-button {
  --cn-c-button--PaddingInline: 0.625rem;
  font-size: 0.6875rem;
  letter-spacing: 0;
  height: 1.0625rem;
}
.splide__slide .cn-c-image_wrapper {
  position: absolute;
  bottom: 0;
  right: 5.6875rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 35.5625rem;
  height: 24.6875rem;
}
.splide__slide .cn-c-image_wrapper .mask-on-image {
  display: none;
}
.splide__slide .cn-c-image_wrapper img {
  max-width: 100%;
  max-height: 100%;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.splide__arrows .splide__arrow {
  --fluid-10-14: clamp(0.625rem, 0.0096rem + 0.9615vw, 0.875rem);
  --fluid-65-91: clamp(4.0625rem, 0.0625rem + 6.25vw, 5.6875rem);
  opacity: 1;
  border: 1px solid var(--cn-c-page--AccentColor);
  background-color: var(--cn-c-page--AccentColor);
  color: var(--cn-c-page--BackgroundColor);
  width: 1.9375rem;
  height: 1.9375rem;
  top: unset;
  bottom: 4rem;
  transform: none;
}
.splide__arrows .splide__arrow svg {
  z-index: 1;
  width: 1.25rem;
  height: 1.25rem;
}
.splide__arrows .splide__arrow--prev {
  left: -6.9375rem;
}
.splide__arrows .splide__arrow--next {
  right: -6.9375rem;
}
.splide__arrows .splide__arrow:hover {
  background-color: var(--cn-c-page--BackgroundColor);
  border-color: var(--cn-c-page--BackgroundColor);
  color: var(--cn-c-page--Color);
}
.splide__arrows .splide__arrow:disabled {
  background-color: transparent;
  color: var(--cn-c-page--AccentColor);
}
@media (min-width: 64rem) {
  .splide__arrows {
    display: block;
  }
}
.splide .splide__pagination {
  --fluid-10-14: clamp(0.625rem, 0.0096rem + 0.9615vw, 0.875rem);
  --fluid-17-24: clamp(1.0625rem, -0.0144rem + 1.6827vw, 1.5rem);
  --fluid-26-36: clamp(1.625rem, 0.0865rem + 2.4038vw, 2.25rem);
  counter-reset: pagination-num;
  background-color: transparent;
  position: relative;
  margin-block-start: var(--fluid-26-36);
}
.splide .splide__pagination__page {
  color: currentColor;
  background-color: transparent;
  opacity: 1;
  width: var(--fluid-17-24);
  height: var(--fluid-17-24);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: none;
}
.splide .splide__pagination__page.is-active {
  color: var(--cn-global--palette-white);
  background-color: var(--cn-c-page--AccentColor);
  transform: none;
}
.splide .splide__pagination__page:before {
  counter-increment: pagination-num;
  content: counter(pagination-num);
  font-size: var(--fluid-10-14);
}
.splide .splide__pagination__page:hover {
  color: var(--cn-global--palette-white);
  background-color: var(--cn-c-page--AccentColor);
}
.splide .my_splide__progress__bar {
  position: absolute;
  top: -2px;
  height: 3px;
  background: var(--cn-c-page--Color);
  border-radius: 3px;
}
.splide .thumbnails {
  display: flex;
  margin: 1rem auto 0;
  padding: 0;
  justify-content: center;
  border-block-start: 1px solid var(--cn-global--palette-black--60);
}
.splide .thumbnails .thumbnail {
  position: relative;
  flex: 1;
  height: 5rem;
  list-style: none;
  margin: 0;
  cursor: pointer;
  padding-block-start: 1.5625rem;
}
.splide .thumbnails .thumbnail img {
  width: 100%;
  height: auto;
}
.splide .thumbnails .counter {
  margin-block-start: 0.625rem;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** 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/02-molecules/product_card/product_card.scss ***!
  \********************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Ecommerce / Molecules / Product Card
 *****************************************************************************/
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/******************************************************************************
 * Ecommerce / Molecules / Product Card
 *****************************************************************************/
/* 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;
}

.cn-c-product_card .cn-c-label.book.author {
  font-family: "PPNeueMontreal Book Italic";
  font-style: italic;
  font-size: 0.9375rem;
}
.cn-c-product_card .cn-c-price_wrapper .period {
  font-size: 0.75rem;
  line-height: 1.375rem;
}
.cn-c-product_card .cn-c-price {
  position: relative;
}
.cn-c-product_card .cn-c-price:nth-child(1):not(:only-child)::before {
  height: 1px;
}
.cn-c-product_card .cn-c-price .cn-c-label.semibold.extralarge {
  font-size: 1rem;
}
.cn-c-product_card .cn-c-price .cn-c-label.decimal {
  font-size: 0.6875rem;
}
.cn-c-product_card .cn-c-price .cn-c-label.currency {
  font-size: 0.75rem;
}
.cn-c-product_card .isbn-wrapper {
  display: flex;
  align-items: baseline;
  gap: 0.1875rem;
  margin-block: 0.8125rem 0.9375rem;
}
.cn-c-product_card .cn-c-add_to_cart_cta {
  --cn-c-add_to_cart--Color: var(--cn-c-page--Color);
  background-color: var(--cn-c-page--BackgroundColor);
  width: unset;
  border-radius: 0.25rem;
  margin-block-start: 0.5625rem;
  height: 2.5625rem;
  padding-block: 0.5rem;
  padding-inline-start: 0.6875rem;
  padding-inline-end: unset;
  box-shadow: var(--cn-global--BoxShadow--CardButton);
}
.cn-c-product_card .cn-c-add_to_cart_cta .cn-c-button {
  font-size: 0.875rem;
}
.cn-c-product_card .cn-c-add_to_cart_cta .vertical-separator {
  background-color: var(--cn-global--border--Color);
}
.cn-c-product_card .cn-c-add_to_cart_cta:hover {
  --cn-c-add_to_cart--Color: var(--cn-c-page--BackgroundColor);
  background-color: var(--cn-c-page--AccentColor);
}
.cn-c-product_card .cn-c-add_to_cart_cta:hover .vertical-separator {
  background-color: var(--cn-global--border--Color--DarkTheme);
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** 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/02-molecules/price/price.scss ***!
  \******************************************************************************************************************************************************************************************/
/******************************************************************************
 * Ecommerce / Molecules / Price
 *****************************************************************************/
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
.cn-c-price {
  display: flex;
  align-items: baseline;
}
.cn-c-price .cn-c-label.decimal {
  font-size: 1.25rem;
}
.cn-c-price .cn-c-label.currency {
  font-size: 1.375rem;
  margin-left: 0.125rem;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** 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/02-molecules/iclimbing_cta/iclimbing_cta.scss ***!
  \**********************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Ecommerce / Molecules / iClimbing CTA
 *****************************************************************************/
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
.cn-c-iClimbing_cta {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
.cn-c-iClimbing_cta > p {
  margin: 0;
  flex: 1;
}
.cn-c-iClimbing_cta > img {
  block-size: 2.75rem;
  inline-size: auto;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** 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/02-molecules/digital_cta/digital_cta.scss ***!
  \******************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Ecommerce / Molecules / Digital CTA
 *****************************************************************************/
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
.cn-c-digital_cta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.cn-c-digital_cta > p {
  margin-block: 1rem;
}
.cn-c-digital_cta > a {
  display: flex;
  align-items: center;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.cn-c-digital_cta .cn-c-header_heading {
  display: flex;
  gap: 0.3125rem;
  padding-inline-start: 0;
}
.cn-c-digital_cta .cn-c-header_heading .context-label {
  font-weight: var(--cn-global--FontWeight-medium);
  color: var(--cn-c-page--AccentColor);
}
.cn-c-digital_cta .cn-c-button--icon-only {
  --cn-c-button--icon-only--Dimension: 1.9375rem;
  --cn-c-button--icon-only--Padding: 0.3125rem;
}
.cn-c-digital_cta .cn-c-button--icon-only svg {
  block-size: 1.25rem;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** 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/02-molecules/cms_plugins/accordion/accordion.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Ecommerce / Molecules / Accordion / CMS Page
 *****************************************************************************/
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/******************************************************************************
 * Ecommerce / Molecules / Accordion / 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;
}

.cn-c-accordion.cn-c-accordion--cms_page .accordion-group {
  border-block-end: unset;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.cn-c-accordion.cn-c-accordion--cms_page .accordion-group > div {
  grid-column: span 11;
  border-block-end: var(--cn-global--border);
}
@media screen and (min-width: 64rem) {
  .cn-c-accordion.cn-c-accordion--cms_page .accordion-group {
    display: grid;
    grid-template-columns: var(--cn-c-page--Grid-Template);
    grid-gap: 0 var(--cn-c-page--Grid-Gap);
  }
}
.cn-c-accordion.cn-c-accordion--cms_page .cn-c-button.plus {
  --cn-c-button--icon-only--Padding: 0.1875rem;
  margin-block: 2.125rem;
  background-color: transparent;
  color: var(--cn-c-page--Color);
  border: 2px solid var(--cn-c-page--Color);
  block-size: 1.875rem;
  transition: all var(--cn-global--Duration--xs) ease;
}
.cn-c-accordion.cn-c-accordion--cms_page .cn-c-button.plus.hoverized {
  background-color: var(--cn-c-page--AccentColor);
  color: var(--cn-c-page--BackgroundColor);
  border-color: var(--cn-c-page--AccentColor);
}
.cn-c-accordion.cn-c-accordion--cms_page .accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.cn-c-accordion.cn-c-accordion--cms_page .accordion-header .cn-c-button--outline {
  font-size: 0.6875rem;
  letter-spacing: 0;
  height: 1.0625rem;
}
.cn-c-accordion.cn-c-accordion--cms_page .cn-c-button--no-frame {
  --cn-c-accordion--Font-title: var(--cn-global--FontWeight-semibold) 1.5rem/1.875rem var(--cn-global--FontFamily-default);
  --cn-c-button--PaddingBlock: 2.125rem;
  --cn-c-button--PaddingInline: unset;
  --cn-c-button--hover--Color: var(--cn-c-page--AccentColor);
}
.cn-c-accordion.cn-c-accordion--cms_page .cn-c-accordion__item {
  margin-inline: unset;
}
.cn-c-accordion.cn-c-accordion--cms_page input[name=cn-c-accordion__item]:checked ~ div {
  padding-block-end: 1rem;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** 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/02-molecules/cart_item/cart_item.scss ***!
  \**************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Ecommerce / Molecules / Cart Item
 *****************************************************************************/
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/******************************************************************************
 * Ecommerce / Molecules / Cart Item
 *****************************************************************************/
/* 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;
}

.cn-c-cart_item {
  padding-block: 1.6875rem 0.5625rem;
  border-block-end: 1px solid var(--cn-global--palette-black--15);
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  row-gap: 11px;
}
.cn-c-cart_item img {
  height: 9.1875rem;
  width: 6.625rem;
  font-family: "object-fit:cover";
  -o-object-fit: cover;
     object-fit: cover;
}
.cn-c-cart_item .info-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.875rem;
}
.cn-c-cart_item .info-wrapper h1 {
  font: var(--cn-global--FontWeight-semibold) var(--cn-global--FontSize-title--md) var(--cn-global--FontFamily-default);
  margin-block-start: 0.9375rem;
  margin-block-end: 0.4375rem;
}
.cn-c-cart_item .info-wrapper .cn-c-price .cn-c-label {
  font-size: 1rem;
  font-weight: var(--cn-global--FontWeight-regular);
}
.cn-c-cart_item .info-wrapper .readonly-quantity {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-block-end: 0.9375rem;
}
.cn-c-cart_item .action-buttons {
  display: flex;
  gap: 0.625rem;
  justify-content: space-between;
}
.cn-c-cart_item .action-buttons .cn-c-add_to_cart_cta {
  --cn-c-add_to_cart--BackgroundColor: var(--cn-c-page--BackgroundColor);
  --cn-c-add_to_cart--Color: var(--cn-c-page--Color);
  border: 1px solid var(--cn-c-add_to_cart--Color);
  height: 2.5rem;
  padding-block: 0.75rem;
  padding-inline: 0.9375rem;
  width: -moz-fit-content;
  width: fit-content;
}
.cn-c-cart_item .action-buttons .cn-c-add_to_cart_cta .item-amount,
.cn-c-cart_item .action-buttons .cn-c-add_to_cart_cta .cn-c-add_to_cart .label {
  font-size: 0.875rem;
}
.cn-c-cart_item .action-buttons .cn-c-add_to_cart_cta .cn-c-add_to_cart {
  padding-inline-end: 0.25rem;
}
.cn-c-cart_item .action-buttons .cn-c-add_to_cart_cta .vertical-separator {
  background-color: var(--cn-global--border--Color);
}
.cn-c-cart_item .action-buttons .cn-c-add_to_cart_cta:hover {
  --cn-c-add_to_cart--BackgroundColor: var(--cn-c-page--Color);
  --cn-c-add_to_cart--Color: var(--cn-c-page--BackgroundColor);
}
.cn-c-cart_item .action-buttons .cn-c-add_to_cart_cta:hover .vertical-separator {
  background-color: var(--cn-global--border--Color--DarkTheme);
}
.cn-c-cart_item .hidden-fields {
  display: none;
}
.cn-c-cart_item .cn-c-button--trash {
  --cn-c-button--hover--BackgroundColor: transparent;
  --cn-c-button--hover--Color: var(--cn-c-page--Color);
  --cn-c-button--PaddingInline: 0;
  align-self: flex-end;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: row-reverse;
  gap: 0.5rem;
}
.cn-c-cart_item .cn-c-button--trash > .label {
  text-transform: none;
  text-decoration: underline;
  letter-spacing: initial;
  font-size: 0.75rem;
}
@media screen and (min-width: 37.5rem) {
  .cn-c-cart_item .cn-c-button--trash > .label {
    display: none;
  }
}
@media screen and (min-width: 37.5rem) {
  .cn-c-cart_item .cn-c-button--trash {
    --cn-c-button--hover--BackgroundColor: var(--cn-c-page--Color);
    --cn-c-button--hover--Color: var(--cn-c-page--BackgroundColor);
    --cn-c-button--PaddingInline: 0.3125rem;
    gap: unset;
    border: 1px solid;
    height: 2.5rem;
    width: 2.5rem;
  }
}
@media screen and (min-width: 37.5rem) {
  .cn-c-cart_item {
    padding-block: 1.25rem;
  }
}
@media screen and (min-width: 80rem) {
  .cn-c-cart_item {
    gap: 2rem;
  }
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** 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/02-molecules/breadcrumb/breadcrumb.scss ***!
  \****************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Ecommerce / Molecules / Breadcrumb
 *****************************************************************************/
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/******************************************************************************
 * Ecommerce / Molecules / Breadcrumb
 *****************************************************************************/
/* 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;
}

.cn-c-breadcrumb {
  --cn-c-button--no-frame--Color: var(--cn-c-page--Color);
  display: flex;
  align-items: center;
}
.cn-c-breadcrumb > .cn-c-button {
  --cn-c-button--hover--Color: var(--cn-c-button--no-frame--Color);
  --cn-c-button--hover--BackgroundColor: unset;
  --cn-c-button--icon-only--Dimension: unset;
  justify-content: flex-start;
  padding: 0;
}
.cn-c-breadcrumb > .cn-c-button:first-child {
  margin-inline-end: 0.5625rem;
}
.cn-c-breadcrumb > .cn-c-button:first-child svg {
  transform: rotate(180deg);
}
.cn-c-breadcrumb > .cn-c-button.is-last {
  --cn-c-button--no-frame--Color: var(--cn-c-page--AccentColor);
}
.cn-c-breadcrumb .crumb-separator {
  margin-inline: 0.125rem;
}
@media all and (min-width: 80rem) {
  .cn-c-breadcrumb > .cn-c-button:first-child {
    display: none;
  }
  .cn-c-breadcrumb a.cn-c-button {
    font-size: 1.125rem;
    border-block-end: 1px solid var(--cn-c-button--no-frame--Color);
  }
  .cn-c-breadcrumb a.cn-c-button.is-last {
    --cn-c-button--no-frame--Color: unset;
  }
  .cn-c-breadcrumb .crumb-separator {
    font-size: 1.125rem;
    margin-inline: 0.4375rem;
  }
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** 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/02-molecules/address_card/address_card.scss ***!
  \********************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Ecommerce / Molecules / Address Card
 *****************************************************************************/
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/******************************************************************************
 * Ecommerce / Molecules / Address Card
 *****************************************************************************/
/* 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;
}

.cn-c-address_card {
  background-color: var(--cn-global--palette-white-smoke);
  padding-block: 2.0625rem;
  padding-inline: 1.625rem;
  border-radius: 4px;
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.cn-c-address_card .action-buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.9375rem;
  margin-block-start: 1rem;
  text-align: center;
}
.cn-c-address_card .action-buttons .cn-c-button--trash {
  flex-shrink: 0;
}
@media screen and (min-width: 48rem) {
  .cn-c-address_card {
    padding-block: 3.3125rem;
    padding-inline: 2.875rem;
  }
  .cn-c-address_card .action-buttons {
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: 64rem) {
  .cn-c-address_card {
    grid-column: span 6;
  }
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** 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/02-molecules/accordion/product_detail/product_detail.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Ecommerce / Molecules / Accordion / Product Detail
 *****************************************************************************/
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/******************************************************************************
 * Ecommerce / Molecules / Accordion / Product Detail
 *****************************************************************************/
/* 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;
}

.cn-c-accordion.cn-c-accordion--product_detail input[name=cn-c-accordion__item]:checked ~ .cn-c-accordion__item.cn-c-accordion-group__product_details {
  margin-block-end: 1.5625rem;
}
.cn-c-accordion.cn-c-accordion--product_detail input[name=cn-c-accordion__item]:checked ~ .cn-c-accordion__item.cn-c-accordion-group__description {
  margin-block-end: 0.625rem;
}
.cn-c-accordion.cn-c-accordion--product_detail .cn-c-accordion-group__product_details .product_details__item {
  display: flex;
  justify-content: space-between;
  padding-block-start: 1.1875rem;
  padding-block-end: 0.625rem;
}
.cn-c-accordion.cn-c-accordion--product_detail .cn-c-accordion-group__product_details .product_details__item:not(:last-child) {
  border-block-end: 1px solid var(--cn-global--palette-black--10);
}
.cn-c-accordion.cn-c-accordion--product_detail .cn-c-button--no-frame {
  --cn-c-accordion--Font-title: var(--cn-c-other_product_infos--Font-title);
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** 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/02-molecules/accordion/base/base.scss ***!
  \**************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Ecommerce / Molecules / Accordion
 *****************************************************************************/
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/******************************************************************************
 * Ecommerce / Molecules / Accordion
 *****************************************************************************/
/* 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;
}

.cn-c-accordion {
  margin: 0;
  padding: 0;
}
.cn-c-accordion .accordion-group {
  display: flex;
  flex-direction: column;
  border-block-end: var(--cn-global--border);
  padding: unset;
}
.cn-c-accordion .cn-c-accordion__item {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--cn-global--Duration--sm) ease;
  margin-inline: 0.8125rem;
}
.cn-c-accordion .cn-c-accordion__item p {
  font: var(--cn-global--Font-paragraph--lg-regular);
  line-height: var(--cn-global--LineHeight-sm);
}
.cn-c-accordion .cn-c-accordion__item p b, .cn-c-accordion .cn-c-accordion__item p strong {
  font-weight: var(--cn-global--FontWeight-semibold);
}
.cn-c-accordion .cn-c-accordion__item ul {
  list-style-type: disc;
  padding-inline-start: 1.3125rem;
}
.cn-c-accordion .cn-c-accordion__item ul > li {
  padding-inline-start: 0.5625rem;
}
.cn-c-accordion .cn-c-accordion__item :is(h1, h2, h3, h4) {
  font: var(--cn-global--Font-title--md-semibold);
  line-height: var(--cn-global--LineHeight-xs);
  margin-block-end: 0.875rem;
  margin-block-start: 0;
}
.cn-c-accordion input[name=cn-c-accordion__item]:checked ~ .cn-c-accordion__item {
  max-height: 500px;
}
.cn-c-accordion .cn-c-button--no-frame {
  --cn-c-button--no-frame--Color: var(--cn-c-page--Color);
  --cn-c-button--hover--Color: var(--cn-c-page--Color);
  --cn-c-button--PaddingBlock: 0.9375rem;
  --cn-c-button--PaddingInline: 0.8125rem;
  font: var(--cn-c-accordion--Font-title);
  letter-spacing: 0.33px;
  width: 100%;
  justify-content: space-between;
}
.cn-c-accordion .cn-c-button--no-frame > .label {
  pointer-events: none;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** 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/01-atoms/email_address/email_address.scss ***!
  \******************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Ecommerce / Atoms / Email address
 *****************************************************************************/
.cn-c-email_address {
  /**
   * Description
   */
  --cn-c-email_address__description--FontSize: .9375em;
  --cn-c-email_address__description--FontWeight: var(--cn-global--FontWeight-semibold);
  --cn-c-email_address__description--MarginBlockEnd: .666em;
  --cn-c-email_address__description--LineHeight: 1.2;
}

/**
 * Component
 */
.cn-c-email_address {
  font-size: 1rem;
}

/**
 * Description
 */
.cn-c-email_address > div {
  margin-block-end: var(--cn-c-email_address__description--MarginBlockEnd);
  font-size: var(--cn-c-email_address__description--FontSize);
  font-weight: var(--cn-c-email_address__description--FontWeight);
  line-height: var(--cn-c-email_address__description--LineHeight);
}

/**
 * Link
 */
/*!***************************************************************************************************************************************************************************************!*\
  !*** 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/01-atoms/03-list/list.scss ***!
  \***************************************************************************************************************************************************************************************/
/******************************************************************************
 * Atoms / List
 *****************************************************************************/
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
ol, ul {
  padding-inline-start: 0;
  margin-block-end: 1.5625rem;
}

ol {
  counter-reset: item;
  list-style-type: none;
}

ol > li {
  display: flex;
  gap: 20px;
}
ol > li::before {
  content: counter(item) " ";
  counter-increment: item;
  font-size: 1rem;
  font-weight: var(--cn-global--FontWeight-semibold);
  flex-basis: 0.5625rem;
}

li {
  line-height: var(--cn-global--LineHeight-sm);
}
li::marker {
  --cn-c-list__marker--Color: var(--cn-c-page--Color);
  color: var(--cn-c-list__marker--Color, var(--cn-c-page--AccentColor));
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** 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/01-atoms/02-button/thankful/thankful.css ***!
  \*****************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Atoms / Button / Thankful
 *************************************************************************** */
.cn-c-button-thankful {
  --cn-c-button-thankful--Color: var(--cn-global--palette-dark-blue);
  --cn-c-button-thankful--Font: var(--cn-global--Font-label-md-regular);
  --cn-c-button-thankful--RowGap: .5em; /* 8px */
  /**
   * Icon
   */
  --cn-c-button-thankful__icon--BlockSize: 2.25em; /* 36px */
}

/**
 * Component
 * 1: reset
 */
.cn-c-button-thankful {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; /* 1 */
  background-color: transparent; /* 1 */
  border: 0; /* 1 */
  color: var(--cn-c-button-thankful--Color);
  display: inline-grid;
  font: var(--cn-c-button-thankful--Font);
  grid-row-gap: var(--cn-c-button-thankful--RowGap);
  grid-template-row: repeat(2, auto);
  justify-items: center;
  margin: 0; /* 1 */
  padding: 0; /* 1 */
}

/**
 * Pill
 */
.cn-c-button-thankful .cn-c-button {
  grid-column: 1;
  grid-row: 1;
  visibility: visible;
}

.cn-c-button-thankful:disabled .cn-c-button {
  visibility: hidden;
}

/**
 * Icon
 */
.cn-c-button-thankful > svg {
  block-size: var(--cn-c-button-thankful__icon--BlockSize);
  grid-column: 1;
  grid-row: 1;
  visibility: hidden;
  background-image: linear-gradient(270deg, rgba(0, 139, 194, 1) 0%, rgba(0, 83, 143, 1) 100%);
  border-radius: 23px;
}

.cn-c-button-thankful:disabled > svg {
  visibility: visible;
}

@supports not (block-size: 0) {
  .cn-c-button-thankful > svg {
    height: var(--cn-c-button-thankful__icon--BlockSize);
  }
}
/** Circle */
.cn-c-button-thankful > svg > circle {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  transition: stroke-dashoffset var(--cn-global--Duration--sm) linear;
}

.cn-c-button-thankful:disabled > svg > circle {
  /* stroke-dashoffset: 0; */
}

/** Check mark */
.cn-c-button-thankful > svg > path {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  color: white;
  transition: stroke-dashoffset var(--cn-global--Duration--sm) linear var(--cn-global--Duration--sm);
}

.cn-c-button-thankful:disabled > svg > path {
  stroke-dashoffset: 0;
}

/**
 * Thanks
 */
.cn-c-button-thankful > span:last-child {
  opacity: 0;
  transition: opacity var(--cn-global--Duration--sm) linear;
  visibility: hidden;
}

.cn-c-button-thankful:disabled > span:last-child {
  opacity: 1;
  visibility: visible;
}

.cn-c-button-thankful > .disabled-label {
  font: var(--cn-global--Font-label--sm-medium);
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** 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/01-atoms/02-button/roadmap/roadmap.css ***!
  \***************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Ecommerce / Atoms / Button / Roadmap
 *****************************************************************************/
.cn-c-button.cn-m-roadmap {
  --cn-c-button--m-roadmap--Color: var(--cn-global--palette-white);
  --cn-c-button--m-roadmap--PaddingInline: 1rem; /* 17px */
  /**
   * Active indicator
   */
  --cn-c-button--m-roadmap__bullet--BackgroundColor: var(--cn-c-page--AccentColor);
  --cn-c-button--m-roadmap__bullet--BlockSize: .75rem; /* 12px */
  --cn-c-button--m-roadmap__bullet--Transform: scale(0);
  --cn-c-button--m-roadmap__bullet--TransitionDuration: var(--cn-global--Duration--xs);
  /**
   * Icon
   */
  --cn-c-button--m-roadmap__icon--BlockSize: .875rem; /* 14px */
}

/**
 * Component
 * 1: pill-shaped
 */
.cn-c-button.cn-m-roadmap {
  --cn-c-button--Color: var(--cn-c-button--m-roadmap--Color);
  align-items: center;
  border-radius: 100vmax; /* 1 */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 2.625rem;
  padding-inline: var(--cn-c-button--m-roadmap--PaddingInline);
  text-align: center;
  background-color: var(--cn-global--palette-sky-blue--18);
  min-width: 0;
}

.cn-c-button.cn-m-roadmap span {
  font-size: 30px;
  flex: 1;
  white-space: nowrap;
  padding-inline: 15px;
  /* width: 83%; */
  /* overflow: hidden; */
}

.cn-c-button.cn-m-roadmap:hover {
  background-color: var(--cn-global--palette-bright-light-blue--40);
}

@supports not (padding-inline: 0) {
  .cn-c-button.cn-m-roadmap {
    padding-left: var(--cn-c-button--m-roadmap--PaddingInline);
    padding-right: var(--cn-c-button--m-roadmap--PaddingInline);
  }
}
/**
 * Active indicator
 */
.cn-c-button.cn-m-roadmap::before {
  aspect-ratio: 1;
  background-color: var(--cn-c-button--m-roadmap__bullet--BackgroundColor);
  block-size: var(--cn-c-button--m-roadmap__bullet--BlockSize);
  border-radius: 50%;
  content: "";
  filter: blur(2px);
  transform: var(--cn-c-button--m-roadmap__bullet--Transform);
  transition: transform var(--cn-c-button--m-roadmap__bullet--TransitionDuration) ease;
}

@supports not (block-size: 0) {
  .cn-c-button.cn-m-roadmap::before {
    width: var(--cn-c-button--m-roadmap__bullet--BlockSize);
  }
}
@supports not (aspect-ratio: 1) {
  .cn-c-button.cn-m-roadmap::before {
    height: var(--cn-c-button--m-roadmap__bullet--BlockSize);
    width: var(--cn-c-button--m-roadmap__bullet--BlockSize);
  }
}
/**
 * Icon
 */
.cn-c-button.cn-m-roadmap::after {
  aspect-ratio: 1;
  background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27UTF-8%27%3F%3E%3Csvg viewBox=%270 0 16 16%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3Ctitle%3EBottoni/plus%3C/title%3E%3Cg id=%27Bottoni/plus%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27%3E%3Ccircle id=%27Oval%27 stroke=%27rgba%28179, 238, 255, 1%29%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 cx=%278%27 cy=%278%27 r=%277%27%3E%3C/circle%3E%3Crect id=%27Rectangle%27 fill=%27rgba%28179, 238, 255, 1%29%27 x=%274.5%27 y=%277.5%27 width=%277%27 height=%271%27 rx=%270.5%27%3E%3C/rect%3E%3Crect id=%27Rectangle%27 fill=%27rgba%28179, 238, 255, 1%29%27 x=%277.5%27 y=%274.5%27 width=%271%27 height=%277%27 rx=%270.5%27%3E%3C/rect%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: cover;
  block-size: var(--cn-c-button--m-roadmap__icon--BlockSize);
  content: "";
  /* transition: all var(--cn-global--Duration--xs) ease; */
}

@supports not (block-size: 0) {
  .cn-c-button.cn-m-roadmap::before {
    width: var(--cn-c-button--m-roadmap__icon--BlockSize);
  }
}
@supports not (aspect-ratio: 1) {
  .cn-c-button.cn-m-roadmap::before {
    height: var(--cn-c-button--m-roadmap__icon--BlockSize);
    width: var(--cn-c-button--m-roadmap__icon--BlockSize);
  }
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** 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/01-atoms/02-button/navigation/navigation.scss ***!
  \**********************************************************************************************************************************************************************************************************/
/******************************************************************************
 * Ecommerce / Atoms / Button / Navigation
 *****************************************************************************/
.cn-c-button.cn-m-navigation {
  --cn-c-button--BackgroundColor: transparent;
  --cn-c-button--BorderRadius: unset;
  --cn-c-button--Color: var(--cn-global--palette-sky-blue);
  --cn-c-button--Font: var(--cn-global--Font-label--xs-medium);
  --cn-c-button--PaddingBlock: .625rem; /* 10px */
  --cn-c-button--PaddingInline: 1rem; /* 16px */
  --cn-c-button--hover--BackgroundColor: var(--cn-c-button--m-navigation--hover--BackgroundColor);
  --cn-c-button--hover--Color: var(--cn-c-button--m-navigation--hover--Color);
  --cn-c-button--hover--Border: var(--cn-global--Border--white);
  --cn-c-nav--Inline-Gap: .5rem;
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: var(--cn-c-nav--Inline-Gap);
  position: relative;
  width: 100%;
}
.cn-c-button.cn-m-navigation > svg {
  width: 1rem;
}
.cn-c-button.cn-m-navigation:hover {
  --cn-c-button--Color: var(--cn-global--palette-white);
}
.cn-c-button.cn-m-navigation:hover > svg {
  color: var(--cn-global--palette-bright-light-blue);
}
.cn-c-button.cn-m-navigation::after {
  border-bottom: 2px solid var(--cn-global--palette-bright-light-blue);
  border-radius: 10px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  transform-origin: center;
  transform: scaleX(0);
  transition: transform var(--cn-global--Duration--tn) linear;
  width: 0.938rem;
}
.cn-c-button.cn-m-navigation:active {
  --cn-c-button--Color: var(--cn-global--palette-white);
}
.cn-c-button.cn-m-navigation:active::after {
  transform: scaleX(1);
}
.cn-c-button.cn-m-navigation:active > svg {
  color: var(--cn-global--palette-bright-light-blue);
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** 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/01-atoms/01-typography/label/label.scss ***!
  \****************************************************************************************************************************************************************************************************/
/** ***********************************************************************************
 * Ecommerce / Atoms / Typography / Label
 *********************************************************************************** */
.cn-c-label {
  font: var(--cn-global--Font-label--xs-regular);
}
.cn-c-label.small {
  font: var(--cn-global--Font-label--sm-regular);
}
.cn-c-label.book {
  font: var(--cn-global--Font-label--xs-book);
}
.cn-c-label.book.small {
  font: var(--cn-global--Font-label--sm-book);
  line-height: var(--cn-global--LineHeight-sm);
}
.cn-c-label.semibold {
  font: var(--cn-global--Font-label--xs-semibold);
}
.cn-c-label.semibold.small {
  font: var(--cn-global--Font-label--sm-semibold);
}
.cn-c-label.semibold.medium {
  font: var(--cn-global--Font-label--md-semibold);
}
.cn-c-label.semibold.large {
  font: var(--cn-global--Font-label--lg-semibold);
}
.cn-c-label.semibold.extralarge {
  font: var(--cn-global--Font-label--xl-semibold);
  line-height: var(--cn-global--LineHeight-sm);
}
.cn-c-label.medium {
  font: var(--cn-global--Font-label--md-medium);
}
.cn-c-label.bold {
  font: var(--cn-global--Font-label--md-bold);
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** 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/01-atoms/01-typography/03-inline_elements/03-strong/strong.css ***!
  \***************************************************************************************************************************************************************************************************************************/
/** ***********************************************************************************
 * Strong text styles
 *********************************************************************************** */
body {
  --cn-c-page__strong--FontWeight: var(--cn-global--FontWeight-semibold);
}

b,
strong {
  font-weight: var(--cn-c-page__strong--FontWeight);
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** 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/01-atoms/01-typography/03-inline_elements/01-anchor/anchor.css ***!
  \***************************************************************************************************************************************************************************************************************************/
/** ***********************************************************************************
 * Atoms / Typography / Inline elements / Anchor
 *********************************************************************************** */
body {
  /**
   * Link
   */
  --cn-c-page__link--FontWeight: var(--cn-global--FontWeight-bold);
}

/**
 * Component
 */
a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

p a {
  color: var(--cn-c-page--AccentColor);
  /* border-bottom: 1px solid; */
  font-weight: var(--cn-global--FontWeight-medium);
  text-decoration: underline;
  &:hover {
    text-decoration: underline;
  }
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** 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/01-atoms/01-typography/02-paragraph/paragraph.scss ***!
  \***************************************************************************************************************************************************************************************************************/
/** ***********************************************************************************
 * Atoms / Typography / Paragraph
 *********************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
p {
  font: var(--cn-global--Font-paragraph--md-medium);
  line-height: var(--cn-global--LineHeight-sm);
  margin-block-end: 1.5625rem;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** 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/01-atoms/01-typography/01-heading/heading.scss ***!
  \***********************************************************************************************************************************************************************************************************/
/** ***********************************************************************************
 * Atoms / Typography / Heading
 *********************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***********************************************************************************
 * Atoms / Typography / Heading
 *********************************************************************************** */
/* 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;
}

h1 {
  font: var(--cn-global--Font-title--2xl-semibold);
  line-height: var(--cn-global--LineHeight-xl);
  margin-block-start: 0;
  margin-block-end: 3.3125rem;
}
h1.product-detail {
  font: var(--cn-global--Font-title--xl-semibold);
  line-height: var(--cn-global--LineHeight-lg);
}
@media all and (min-width: 80rem) {
  h1.product-detail {
    font: var(--cn-global--Font-title--2xl-semibold);
  }
}
@media all and (min-width: 80rem) {
  h1 {
    font: var(--cn-global--Font-title--3xl-semibold);
    line-height: var(--cn-global--LineHeight-2xl);
  }
}

h2 {
  font: var(--cn-global--Font-title--xl-semibold);
  line-height: var(--cn-global--LineHeight-lg);
  margin-block-start: 0;
  margin-block-end: 3.625rem;
}
h2.product-detail {
  font: var(--cn-global--Font-title--md-semibold);
  line-height: var(--cn-global--LineHeight-sm);
}
@media all and (min-width: 80rem) {
  h2 {
    font: var(--cn-global--Font-title--2xl-semibold);
    line-height: var(--cn-global--LineHeight-xl);
  }
}

h3 {
  font: var(--cn-global--Font-title--lg-semibold);
  line-height: var(--cn-global--LineHeight-md);
  margin-block-start: 0;
  margin-block-end: 2.875rem;
}
h3.product-detail {
  font: var(--cn-global--Font-title--md-regular);
  line-height: var(--cn-global--LineHeight-xs);
}

h4, h5, h6 {
  font: var(--cn-global--Font-title--md-semibold);
  line-height: var(--cn-global--LineHeight-xs);
  margin-block-start: 0;
  margin-block-end: 0.875rem;
}

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