/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/fast-css-loader/lib/index.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/product/compare/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap */
/* Vendors */
.b--compare {
  overflow: hidden; }
  @media (max-width: 767.98px) {
    .b--compare .l__row {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }
  .b--compare .l__col {
    border-right: 1px solid var(--block-border-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden; }
    .b--compare .l__col:last-child {
      border-right: 0; }
    @media (min-width: 768px) {
      .b--compare .l__col + .l__col .l__title {
        display: none; }
      .b--compare .l__col + .l__col .l__text {
        padding-right: 0; } }
  .b--compare .l__item {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-bottom: var(--spacers-md-vw); }
  .b--compare .l__wrapper {
    margin-top: auto; }
  .b--compare .l__list {
    padding: 0;
    margin-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px; }
  .b--compare .l__list-item {
    overflow: hidden;
    padding: clamp(calc((2 * 1px)), calc(0.1vw), calc(4px * var(--max-font-size-controler))) var(--spacers-xxxs) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #ffffff;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: clamp(calc((45 * 1px)), calc(2.25vw), calc(90px * var(--max-font-size-controler))); }
  .b--compare .l__title {
    font-weight: 600;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 clamp(calc((80 * 1px)), calc(6vw), calc(240px * var(--max-font-size-controler)));
            flex: 0 0 clamp(calc((80 * 1px)), calc(6vw), calc(240px * var(--max-font-size-controler)));
    text-align: left; }
  .b--compare .l__text {
    color: var(--block-text-color);
    font-size: var(--text-xs);
    line-height: 1.2;
    width: 100%; }
  .b--compare .l__img {
    width: 20%;
    margin-left: auto;
    margin-right: auto; }
    .b--compare .l__img img {
      height: 100%; }
  .b--compare .l__series {
    font-size: var(--text-xs);
    line-height: var(--text-xs-line-height); }
  .b--compare .l__part {
    color: var(--block-text-color);
    font-size: var(--text-xs);
    line-height: var(--text-xs-line-height); }
  .b--compare .l__price {
    font-family: "Saira", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 600;
    font-size: var(--text-lg);
    line-height: var(--text-lg-line-height);
    margin-top: var(--spacers-xs); }