.elementor-670 .elementor-element.elementor-element-3303d738{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:58px 58px;--row-gap:58px;--column-gap:58px;--margin-top:0px;--margin-bottom:140px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-670 .elementor-element.elementor-element-5d69b4da{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-670 .elementor-element.elementor-element-fdd5c4a .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:44px;font-weight:600;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-670 .elementor-element.elementor-element-7aa2f8f5{--display:flex;--min-height:139px;--border-radius:12px 12px 12px 12px;box-shadow:0px 2px 12px 0px rgba(0, 0, 0, 0.06);}.elementor-670 .elementor-element.elementor-element-7aa2f8f5:not(.elementor-motion-effects-element-type-background), .elementor-670 .elementor-element.elementor-element-7aa2f8f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sellity.ee/wp-content/uploads/2026/01/table_collage1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-670 .elementor-element.elementor-element-4e8465fd{--display:flex;--position:absolute;--min-height:73px;--border-radius:12px 12px 12px 12px;box-shadow:0px 2px 12px 0px rgba(0, 0, 0, 0.06);bottom:-20px;}.elementor-670 .elementor-element.elementor-element-4e8465fd:not(.elementor-motion-effects-element-type-background), .elementor-670 .elementor-element.elementor-element-4e8465fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sellity.ee/wp-content/uploads/2026/01/table_collage2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-670 .elementor-element.elementor-element-4e8465fd{left:-96px;}body.rtl .elementor-670 .elementor-element.elementor-element-4e8465fd{right:-96px;}.elementor-670 .elementor-element.elementor-element-42c197d{--display:flex;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-670 .elementor-element.elementor-element-3303d738{--margin-top:100px;--margin-bottom:140px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-670 .elementor-element.elementor-element-fdd5c4a .elementor-heading-title{font-size:32px;}}@media(min-width:768px){.elementor-670 .elementor-element.elementor-element-7aa2f8f5{--width:368px;}.elementor-670 .elementor-element.elementor-element-4e8465fd{--width:154px;}}@media(min-width:1025px){.elementor-670 .elementor-element.elementor-element-7aa2f8f5:not(.elementor-motion-effects-element-type-background), .elementor-670 .elementor-element.elementor-element-7aa2f8f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-670 .elementor-element.elementor-element-4e8465fd:not(.elementor-motion-effects-element-type-background), .elementor-670 .elementor-element.elementor-element-4e8465fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for heading, class: .elementor-element-fdd5c4a */.compare-eyebrow{
  display:block;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 500;
  padding-bottom: 4px;
  color: rgba(27, 28, 26, 0.9);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e7d5081 */.cmp3{
  --bg: #F6F2ED;
  --line: rgba(27, 28, 26, 0.2);

  --row-h: 60px;
  --pad-x: 0px;

  --text: #1B1C1A;

  /* двойные подложки */
  --outer-bg: rgba(216, 210, 204, 0.1);
  --outer-stroke: rgba(27, 28, 26, 0.0);

  --inner-bg: rgba(216, 210, 204, 0.3);
  --inner-stroke: rgba(27, 28, 26, 0.05);

  /* Sellity */
  --sell-outer-bg: rgba(216, 210, 204, 0.2);
  --sell-outer-stroke: rgba(27, 28, 26, 0.03);

  --sell-inner-bg: rgba(216, 210, 204, 0.3);
  --sell-inner-stroke: rgba(27, 28, 26, 0.15);

  --radius-lg: 16px;
  --radius-md: 16px;
}

.cmp3__grid{
  display: grid;
  grid-template-columns: 4fr 3fr 5fr;
  gap: 0;
  border-radius: var(--radius-lg);
}

/* 3 колонки как единая таблица */
.cmp3__col{
  border-top: 0px solid var(--line);
}

.cmp3__col--cats{ border-left: 0; }
.cmp3__col--mid{ border-left:0px solid var(--line); }
.cmp3__col--sell{ border-left: 0px solid var(--line); }

.cmp3__head{
  height: 130px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-bottom: px solid var(--line);
}

.cmp3__head--blank{ justify-content:flex-start; }
.cmp3__head--sell{ justify-content:center; }

.cmp3__logo{
  width: 90px;
  height: auto;
  display:block;
}

.cmp3__row{
  height: var(--row-h);
  border-bottom: 1px solid var(--line);
  display:flex;
}
.cmp3__row--last{ border-bottom: 0; }

.cmp3__cell{
  width: 100%;
  font-family: manrope;
  display:flex;
  align-items:center;
  padding: 0 var(--pad-x);
  color: rgba(27, 28, 26, 0.7);
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 1;
  background: transparent;
}

.cmp3__cell--cat{
    font-family: manrope;
  font-weight: 600;
  color: #1B1C1A;
  line-height: 1;
  letter-spacing: -0.02em;
}

/* Dropdown: outer+inner */
.dd2{ position: relative; width: 100%; max-width: 258px; }
.dd2__outer{
  border-radius: 16px;
  background: var(--outer-bg);
  border: 1px solid var(--outer-stroke);
  padding: 4px;
}
.dd2__inner{
  border-radius: 12px;
  background: var(--inner-bg);
  border: 1px solid var(--inner-stroke);
}

.dd2__btn{
  width: 100%;
  height: 46px;
  font-family: manrope;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
  padding: 12px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  border: 0;
  background: transparent;
  cursor: pointer;
  user-select:none;
}

.dd2__btn:hover{
    background: rgba(216, 210, 204, 0.2);
    border-radius: 12px;
}

.dd2__btn:focus{
    background: rgba(216, 210, 204, 0.2);
    border-radius: 12px;
}

.dd2__label{
  font-weight: 600;
  color: rgba(27, 28, 26, 0.9);
  letter-spacing: -0.02em;
  font-size: 18px;
}

.dd2__chev{
    height: 16px;
    color: rgba(27, 28, 26, 0.9);
}

.dd2__menu{
  position:absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  border-radius: var(--radius-md);
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(216, 210, 204, 0.2);
  backdrop-filter: blur(4px);
  box-shadow: 0 16px 40px rgba(0,0,0,.10);
  padding: 4px;
  display:none;
  z-index: 20;
}
.dd2.is-open .dd2__menu{ display:block; }

.dd2__item{
  width:100%;
  color: rgba(27, 28, 26, 0.8);
  text-align:center;
  padding: 12px;
  border-radius: 12px;
  border:0;
  background:transparent;
  cursor:pointer;
}
.dd2__item:hover{ background: rgba(216, 210, 204, 0.4); color: rgba(27, 28, 26, 1); }

/* Sellity: outer+inner card */
.sell2{ padding: 0 var(--pad-x) 0 var(--pad-x); }
.sell2__outer{
  border-radius: var(--radius-lg);
  background: var(--sell-outer-bg);
  border: 1px solid var(--sell-outer-stroke);
  padding: 118px 12px 12px;
  margin-top: -130px;
}
.sell2__inner{
  border-radius: calc(var(--radius-lg) - 4px);
  padding-top: 10px;
  padding-bottom: 10px;
  background: var(--sell-inner-bg);
  border: 1px solid var(--sell-inner-stroke);
  overflow: hidden;
  box-shadow: 0 1px 16px rgba(27, 28, 26, 0.06);
}

/* строки Sellity */
.sell2__row{
  height: var(--row-h);
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 17px 32px;
  border-bottom: 1px solid rgba(27, 28, 26, 0.2);
}
.sell2__row--last{ border-bottom: 0; }

.sell2__ico img{
  width: 25px;
  height: 25px;
  display:block;
}

.sell2__text{
  font-size: 18px;
  color: #1B1C1A;
  line-height: 1;
  letter-spacing: -0.02em;
  font-weight: 600;
}

/* Анимация для средней колонки (сверху вниз) */
.cmp3__col--mid [data-mid-cell].is-anim{
  animation: cmp3SwapIn 520ms cubic-bezier(.22,.61,.36,1) both;
  animation-delay: calc(var(--i, 0) * 55ms);
  will-change: transform, opacity, filter;
}
@keyframes cmp3SwapIn{
  0%   { opacity:0; transform: translateY(8px); filter: blur(2px); }
  100% { opacity:1; transform: translateY(0); filter: blur(0); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdd7f79 */@media (max-width: 1024px){

  /* сетка: слева категории, справа горизонтальная прокрутка */
  .cmp3__grid{
    display: grid;
    grid-template-columns: 0.9fr 1.2fr; /* подгони под макет */
    gap: 0;
    align-items: start;
  }

  /* левая колонка категорий фиксирована */
  .cmp3__col--cats{
    position: relative;
    z-index: 2;
    background: var(--bg);
  }

  /* скролл-область справа: две "страницы" */
  .cmp3__scroll{
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;

    display: flex;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;

    /* чтобы скролл не прятал контент */
    padding-bottom: 16px;
  }

  /* каждая правая колонка занимает 100% ширины скролл-области */
  .cmp3__scroll > .cmp3__col{
    flex: 0 0 100%;
    min-width: 100%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  /* на мобилке у правых колонок не нужны "левые границы" */
  .cmp3__col--mid,
  .cmp3__col--sell{
    border-left: 0 !important;
  }
  
  .sell2__inner{
      padding: 0;
  }
  
  .cmp3__row{
      padding: 0 8px;
  }

  /* хедеры должны выглядеть как в макете */
  .cmp3__head{
    height: 52px;              /* ближе к скрину */
    justify-content: center;
  }

  /* dropdown чуть компактнее */
  .dd2{ max-width: 186px; }
  .dd2__label{ font-size: 14px; }
  .dd2__btn{ height: 38px; padding: 8px; }

  /* Sellity на мобилке: убираем "подъём" карточки и большой верхний паддинг */
  .sell2{ padding: 0; }
  .sell2__outer{
    margin-top: 0;             /* было -130px */
    padding: 0px;             /* было 118px 12px 12px */
  }

  /* чтобы рядки визуально совпадали по высоте */
  .cmp3{ --row-h: 48px; }      /* если надо — подгони */
  .cmp3__cell{ font-size: 14px; }
  .cmp3__cell--cat{ font-size: 12px; line-height: 1.4; }
  .sell2__text{ font-size: 14px; }
  .sell2__ico img { width: 18px; height: 18px;}
  .sell2__row{ padding: 20px 8px; }

  /* лёгкий “тонкий скроллбар” как на макете (webkit) */
  .cmp3__scroll::-webkit-scrollbar{ height: 6px; }
  .cmp3__scroll::-webkit-scrollbar-track{ background: rgba(27,28,26,0.08); border-radius: 999px; }
  .cmp3__scroll::-webkit-scrollbar-thumb{ background: rgba(27,28,26,0.35); border-radius: 999px; }

  /* Firefox */
  .cmp3__scroll{ scrollbar-width: thin; scrollbar-color: rgba(27,28,26,0.35) rgba(27,28,26,0.08); }
}/* End custom CSS */