/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].rules[1].use[1]!./src/styles.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap);
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].rules[1].use[1]!./src/styles.scss (1) ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].rules[1].use[1]!./src/styles.scss (2) ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap);
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].rules[1].use[1]!./src/styles.scss (3) ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://cdn.cosmobile.net/customers/estalia/franchi/icomoon/style.css);
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].rules[1].use[1]!./src/styles.scss (4) ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --estalia-transition-duration: 250ms;
  --estalia-transition-effect: linear;
}
:root {
  --estalia-font-family-default: Raleway, sans-serif;
  --estalia-font-family-alt: Oswald, sans-serif;
  --estalia-font-family-numbers: Roboto, sans-serif;
  --estalia-font-family-main-title: var(--estalia-font-family-default);
  --estalia-font-weight-main-title: 700;
  --estalia-font-family-main-title-alt: var(--estalia-font-family-alt);
  --estalia-font-weight-main-title-alt: 500;
  --estalia-font-family-main-subtitle: var(--estalia-font-family-default);
  --estalia-font-weight-main-subtitle: 500;
  --estalia-font-family-big-title: var(--estalia-font-family-default);
  --estalia-font-weight-big-title: 700;
  --estalia-font-family-medium-title: var(--estalia-font-family-default);
  --estalia-font-weight-medium-title: 700;
  --estalia-font-family-small-title: var(--estalia-font-family-default);
  --estalia-font-weight-small-title: 700;
  --estalia-font-family-small-title-alt: var(--estalia-font-family-default);
  --estalia-font-weight-small-title-alt: 700;
  --estalia-font-family-tab-title: var(--estalia-font-family-default);
  --estalia-font-weight-tab-title: 600;
  --estalia-font-family-big-paragraph: var(--estalia-font-family-default);
  --estalia-font-weight-big-paragraph: 500;
  --estalia-font-family-medium-paragraph: var(--estalia-font-family-default);
  --estalia-font-weight-medium-paragraph: 500;
  --estalia-font-family-default-paragraph: var(--estalia-font-family-default);
  --estalia-font-weight-default-paragraph: 500;
  --estalia-font-family-small-paragraph: var(--estalia-font-family-default);
  --estalia-font-weight-small-paragraph: 500;
  --estalia-font-family-button: var(--estalia-font-family-default);
  --estalia-font-weight-button: 700;
  --estalia-font-family-button-alt: var(--estalia-font-family-alt);
  --estalia-font-weight-button-alt: 500;
}
html {
  font-size: 16px;
}
:root {
  --swiper-pagination-bullet-horizontal-gap: 0;
}
ng-easter-egg {
  z-index: 999999999;
}
::ng-deep .align-desktop-start {
  align-items: center !important;
}
.align-desktop-start {
  align-items: center !important;
}
estalia-page-product .grid-wrapper {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 800px) {
  estalia-page-product .grid-wrapper {
    grid-gap: 0 !important;
    gap: 0 !important;
  }
}
estalia-page-product .grid-wrapper .grid-item estalia-block estalia-text-with-title .text-wrapper .title {
  color: var(--estalia-color-brand);
  width: 100%;
  text-align: center !important;
  padding-bottom: 2px;
}
@media screen and (min-width: 800px) {
  estalia-page-product .grid-wrapper .grid-item estalia-block estalia-text-with-title .text-wrapper .title {
    border-bottom: 1px solid #707070;
    padding-bottom: 8px;
  }
}
estalia-page-product .grid-wrapper .grid-item estalia-block estalia-text-with-title .text-wrapper .text {
  color: var(--estalia-color-text);
  width: 100%;
  text-align: center !important;
  padding-top: 2px;
  padding-bottom: 2px;
}
@media screen and (min-width: 800px) {
  estalia-page-product .grid-wrapper .grid-item estalia-block estalia-text-with-title .text-wrapper .text {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #707070;
  }
}
estalia-page-product .grid-wrapper .grid-item:nth-child(3) estalia-block {
  display: block;
  height: 100%;
}
estalia-page-product .grid-wrapper .grid-item:nth-child(3) estalia-block estalia-text-with-title {
  display: block;
  height: 100%;
}
estalia-page-product .grid-wrapper .grid-item:nth-child(3) estalia-block estalia-text-with-title .text-wrapper {
  display: block;
  height: 100%;
}
@media screen and (min-width: 800px) {
  estalia-page-product .grid-wrapper .grid-item:nth-child(3) estalia-block estalia-text-with-title .text-wrapper .text {
    box-sizing: border-box;
    height: calc(100% - 33px);
  }
  estalia-page-product .grid-wrapper .grid-item:nth-child(3) estalia-block estalia-text-with-title .text-wrapper .text::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
}