/* ==========================================================================
   BEANABOX — глобальные стили сайта + лонгриды (.bb-long)
   Версия: 2026-08-31

   Подключение: Настройки сайта → SEO → HTML для всех страниц
   Вставить весь файл целиком (без тегов ).
   После правок: Сохранить → Опубликовать сайт.
   ========================================================================== */

/* ── Базовые ── */
body {
  font-family: 'Gilroy', sans-serif !important;
  color: #222222;
  -webkit-font-smoothing: antialiased;
}

/* ==========================================================================
   ГЛАВНЫЙ ЗАГОЛОВОК (H1) — блок T997 на первом экране
   ========================================================================== */
.t997__title {
  font-size: 52px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  font-family: 'Gilroy', sans-serif !important;
}

/* ==========================================================================
   H1 — внутренние страницы + страницы товаров (Store и Catalog)
   ========================================================================== */
.h1,
.t050__title,
.t-title_xl,
.t-title_xxl,
.t-store__prod-popup__name,
.t-catalog__prod-popup__name {
  font-size: 40px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  font-family: 'Gilroy', sans-serif !important;
}

/* ==========================================================================
   ЗАГОЛОВКИ СЕКЦИЙ (H2)
   ========================================================================== */
.t-section__title,
.t486__title {
  font-size: 42px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  font-family: 'Gilroy', sans-serif !important;
}

/* ==========================================================================
   ПОДЗАГОЛОВКИ КАРТОЧЕК (H3) — Store + Catalog + инфо-блоки
   ========================================================================== */
.t-heading_lg,
.t1106__title,
.t1066__heading,
.t997__card-title,
.t-store__card__title,
.t-catalog__card .t-typography__title,
.t-catalog__relevants__title,
.t-feed__post-title {
  font-size: 24px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  font-family: 'Gilroy', sans-serif !important;
}

/* ==========================================================================
   LEAD TEXT — описания секций
   ========================================================================== */
.t-section__descr,
.t486__descr,
.t997__descr {
  font-size: 20px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  font-family: 'Gilroy', sans-serif !important;
}

/* ==========================================================================
   BODY TEXT — карточки, описания, страницы товаров
   ========================================================================== */
.t-descr_sm,
.t1106__text,
.t1066__descr,
.t997__card-desc,
.t-store__card__descr,
.t-catalog__card .t-typography__descr,
.t-store__prod-popup__text,
.t-store__prod-popup__text p,
.t-store__prod-popup__text li,
.t-store__prod-popup__text ul,
.t-catalog__prod-popup__text,
.t-catalog__prod-popup__text p,
.t-catalog__prod-popup__text li,
.t-catalog__prod-popup__text ul,
.t390__descr,
.t-feed__post-descr {
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  font-family: 'Gilroy', sans-serif !important;
  color: #4d4d4d !important;
}

.t-input-title {
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  font-family: 'Gilroy', sans-serif !important;
}

.t997__card-desc,
.t1050__col .t-descr_sm {
  color: #ffffff !important;
}

/* ==========================================================================
   ЦЕНЫ — Store + Catalog
   ========================================================================== */
.t-store__card__price,
.t-store__card__price-value,
.t-store__prod-popup__price,
.t-store__prod-popup__price-value,
.t-catalog__card__price,
.t-catalog__card__price-value,
.t-catalog__prod-popup__price,
.t-catalog__prod-popup__price-value {
  font-family: 'Gilroy', sans-serif !important;
  font-weight: 700 !important;
}

.t-store__prod-popup__price-value,
.t-catalog__prod-popup__price-value {
  font-size: 24px !important;
  color: #5b901a !important;
}

/* ==========================================================================
   SKU, БРЕНД, ХАРАКТЕРИСТИКИ — страницы товаров
   ========================================================================== */
.t-store__prod-popup__brand,
.t-store__prod-popup__sku,
.t-store__prod-popup__text .js-store-prod-charcs,
.t-catalog__prod-popup__brand,
.t-catalog__prod-popup__sku,
.t-catalog__prod-popup__text .js-catalog-prod-charcs {
  font-family: 'Gilroy', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #4d4d4d !important;
}

/* ==========================================================================
   КНОПКИ
   ========================================================================== */
.t-btn,
.t-submit,
.t-btntext,
.t-feed__parts-switch-btn,
.t-store__card__btn,
.t-store__prod-popup__btn,
.t-catalog__card__btn,
.t-catalog__prod-popup__btn,
.t-btnflex {
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  font-family: 'Gilroy', sans-serif !important;
}

/* ==========================================================================
   КАТАЛОГ ST340 — карточки, фильтры, сайдбар
   ========================================================================== */
.t-catalog__card {
  border-radius: 15px !important;
  overflow: hidden;
}

.t-catalog__card__imgwrapper,
.t-catalog__card__imgwrapper img {
  border-radius: 15px 15px 0 0 !important;
}

.t-catalog__card__btn,
.t-catalog__prod-popup__btn,
.t-btnflex.t-btnflex_type_button {
  border-radius: 10px !important;
}

.t-catalog__prod-popup__container,
.t-catalog__sidebar,
.t-catalog__filter,
.t-catalog__sort,
.t-catalog__parts-switch-btn,
.t-catalog__prod-popup__close-txt {
  font-family: 'Gilroy', sans-serif !important;
}

#rec2482704613 .t-catalog__card {
  border-radius: 15px !important;
}

#rec2482704613 .t-catalog__card__btn,
#rec2482704613 .t-catalog__prod-popup__btn,
#rec2482704613 .t-btnflex.t-btnflex_type_button {
  border-radius: 10px !important;
}

body:has(#allrecords[data-product-page="y"][data-tilda-page-alias="green-coffee-catalog"]),
body.t-body:has(#allrecords[data-product-page="y"][data-tilda-page-alias="green-coffee-catalog"]) {
  background-color: #f3f3f3 !important;
}

#allrecords[data-product-page="y"][data-tilda-page-alias="green-coffee-catalog"] {
  background-color: #f3f3f3 !important;
}

#allrecords[data-product-page="y"][data-tilda-page-alias="green-coffee-catalog"]
  .t-catalog__prod-snippet__container {
  background-color: #f3f3f3 !important;
}

body:has(#allrecords[data-product-page="y"][data-tilda-page-id="72197065"]),
body.t-body:has(#allrecords[data-product-page="y"][data-tilda-page-id="72197065"]) {
  background-color: #f3f3f3 !important;
}

#allrecords[data-product-page="y"][data-tilda-page-id="72197065"] {
  background-color: #f3f3f3 !important;
}

/* ==========================================================================
   STORE ST100 — карточки каталога (старый блок)
   ========================================================================== */
.t-store__card {
  border-radius: 15px !important;
  overflow: hidden;
}

.t-store__card__btn,
.t-store__prod-popup__btn {
  border-radius: 10px !important;
}

/* ==========================================================================
   СТРАНИЦА ТОВАРА /tproduct/ — Store
   ========================================================================== */
.t-store__prod-snippet__container,
.t-store__product-snippet {
  font-family: 'Gilroy', sans-serif !important;
}

.t-store__prod-popup__info {
  font-family: 'Gilroy', sans-serif !important;
}

.t-store__prod-popup__slider {
  border-radius: 15px !important;
  overflow: hidden;
}

.t-store .t-popup__close {
  border-radius: 10px !important;
}

.t-store__prod-popup__text a[style*="background-color"],
.t-catalog__prod-popup__text a[style*="background-color"] {
  font-family: 'Gilroy', sans-serif !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
}

/* ==========================================================================
   СТРАНИЦА ТОВАРА — Catalog
   ========================================================================== */
.t-catalog__prod-snippet__container,
.t-catalog__product-snippet {
  font-family: 'Gilroy', sans-serif !important;
}

.t-catalog__prod-popup__info {
  font-family: 'Gilroy', sans-serif !important;
}

.t-catalog__prod-popup__slider {
  border-radius: 15px !important;
  overflow: hidden;
}

.t-catalog .t-popup__close {
  border-radius: 10px !important;
  background-color: #f3f3f3 !important;
}

.t-catalog__prod-popup__close-txt {
  color: #1c8400 !important;
  font-weight: 600 !important;
}

/* ==========================================================================
   МЕЛКИЙ ТЕКСТ — футер, формы
   ========================================================================== */
.t-form__bottom-text,
.t389__copyright,
.t389__list_item a {
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  font-family: 'Gilroy', sans-serif !important;
}

/* ==========================================================================
   ZERO BLOCK
   ========================================================================== */
.tn-elem[data-elem-type="text"] h1,
.tn-elem[data-elem-type="text"] h2,
.tn-elem[data-elem-type="text"] h3 {
  font-weight: 800 !important;
  font-family: 'Gilroy', sans-serif !important;
}

/* ==========================================================================
   ЛОНГРИДЫ И ДАЙДЖЕСТЫ — .bb-long (T123 в постах)
   Селекторы специфичнее .t-feed__post-descr — не конфликтуют с лентой.
   ========================================================================== */
.bb-long {
  font-family: 'Gilroy', sans-serif !important;
  line-height: 1.7 !important;
  color: #222222 !important;
  max-width: 780px !important;
  margin: 0 auto !important;
}

.bb-long h2 {
  font-size: 26px !important;
  line-height: 1.3 !important;
  margin: 2.2em 0 0.6em !important;
  font-weight: 700 !important;
  color: #2c1810 !important;
  scroll-margin-top: 90px;
}

.bb-long h3 {
  font-size: 20px !important;
  line-height: 1.35 !important;
  margin: 1.4em 0 0.4em !important;
  font-weight: 600 !important;
  color: #4a3020 !important;
}

.bb-long h4 {
  font-family: 'Gilroy', sans-serif !important;
  font-weight: 600 !important;
  color: #2c1810 !important;
}

.bb-long p,
.bb-long li,
.bb-long td,
.bb-long th,
.t-feed__post-descr .bb-long p,
.t-feed__post-descr .bb-long li {
  font-family: 'Gilroy', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: #222222 !important;
}

.bb-long p {
  margin: 0 0 1.1em !important;
}

.bb-long ul,
.bb-long ol {
  margin: 0 0 1.1em 1.3em !important;
  padding: 0 !important;
}

.bb-long li {
  margin-bottom: 0.4em !important;
}

.bb-long a {
  color: #8B4513 !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.bb-long a:hover {
  color: #5c2e0a !important;
}

.bb-long .bb-hero {
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: #333333 !important;
  border-left: 5px solid #8B4513 !important;
  padding: 0 0 0 18px !important;
  margin: 0 0 1.8em !important;
}

.bb-long .bb-meta {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #777777 !important;
  margin-bottom: 0.55em !important;
}

.bb-long .bb-toc {
  margin: 0 0 1.4em !important;
}

.bb-long .bb-toc-head {
  margin: 0 0 6px !important;
  font-size: 13px !important;
  color: #888888 !important;
}

.bb-long .bb-toc ol {
  margin: 0 !important;
  padding-left: 1.15em !important;
  font-size: 13px !important;
  color: #666666 !important;
}

.bb-long .bb-toc li {
  margin-bottom: 0.2em !important;
}

.bb-long .bb-toc a {
  text-decoration: none !important;
  color: #6b5344 !important;
  border-bottom: 1px solid rgba(107, 83, 68, 0.2);
}

.bb-long .bb-note {
  background: #fff8f0 !important;
  border: 1px solid #e8dfd4 !important;
  border-radius: 6px !important;
  padding: 14px 18px !important;
  margin: 1.2em 0 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #222222 !important;
}

.bb-long .bb-pullquote {
  font-size: 18px !important;
  font-style: italic !important;
  color: #4a3020 !important;
  border-left: 4px solid #c4a882 !important;
  padding: 12px 20px !important;
  margin: 1.5em 0 !important;
  background: #faf7f3 !important;
}

.bb-long .bb-bottom {
  background: #faf8f5 !important;
  border: 1px solid #e8dfd4 !important;
  border-radius: 10px !important;
  padding: 22px 24px !important;
  margin: 2em 0 !important;
  scroll-margin-top: 90px;
}

.bb-long .bb-bottom > h3 {
  margin: 0 0 0.55em !important;
  font-size: 20px !important;
  color: #2c1810 !important;
}

.bb-long .bb-bottom-lead {
  margin: 0 0 1.15em !important;
  font-size: 15px !important;
  color: #3d3228 !important;
}

.bb-long .bb-bottom-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 0 1.15em !important;
}

.bb-long .bb-seg {
  background: #ffffff !important;
  border: 1px solid #e5e0da !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
}

.bb-long .bb-seg-tag {
  display: block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  color: #8B4513 !important;
  margin-bottom: 4px !important;
}

.bb-long .bb-seg h4 {
  margin: 0 0 8px !important;
  font-size: 16px !important;
  color: #2c1810 !important;
}

.bb-long .bb-seg ul {
  margin: 0 !important;
  padding-left: 1.15em !important;
}

.bb-long .bb-seg li {
  margin-bottom: 0.4em !important;
  font-size: 14px !important;
}

.bb-long .bb-bottom-watch {
  background: #fff8f0 !important;
  border: 1px solid #e8dfd4 !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  margin: 0 0 0.85em !important;
  font-size: 14px !important;
}

.bb-long .bb-bottom-note {
  margin: 0 !important;
  font-size: 13px !important;
  color: #888888 !important;
  font-style: italic !important;
}

.bb-long .bb-scenario {
  display: grid !important;
  gap: 12px !important;
  margin: 1em 0 1.5em !important;
}

.bb-long .bb-scenario > div {
  border: 1px solid #e5e0da !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  background: #ffffff !important;
}

.bb-long .bb-scenario h4 {
  margin: 0 0 6px !important;
  font-size: 16px !important;
  color: #2c1810 !important;
}

.bb-long .bb-scenario p {
  margin: 0 !important;
  font-size: 15px !important;
}

.bb-long .bb-table-wrap {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  margin: 1em 0 1.4em !important;
  max-width: 100% !important;
  border-radius: 8px;
}

.bb-long table.bb-t {
  width: 100% !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  min-width: 520px;
  background: #ffffff !important;
  border: none !important;
}

.bb-long table.bb-t thead th,
.bb-long table.bb-t th {
  background: #3d2317 !important;
  color: #ffffff !important;
  padding: 10px 11px !important;
  text-align: left !important;
  font-weight: 600 !important;
  border: none !important;
  vertical-align: top !important;
  font-size: 14px !important;
}

.bb-long table.bb-t tbody td,
.bb-long table.bb-t td {
  padding: 8px 11px !important;
  border: none !important;
  border-bottom: 1px solid #e5e0da !important;
  vertical-align: top !important;
  color: #222222 !important;
  background: #ffffff !important;
  font-size: 14px !important;
}

.bb-long table.bb-t tbody tr:nth-child(even) td {
  background: #faf8f6 !important;
}

.bb-long table.bb-t tbody tr:hover td {
  background: #f5efe8 !important;
}

.bb-long table.bb-t a {
  color: #8B4513 !important;
}

.bb-long .up,
.bb-long table.bb-t .up {
  color: #c0392b !important;
  font-weight: 600 !important;
}

.bb-long .dn,
.bb-long table.bb-t .dn {
  color: #27ae60 !important;
  font-weight: 600 !important;
}

.bb-long .bb-chart {
  margin: 1.25em 0 1.5em !important;
  padding: 14px 14px 10px !important;
  background: #ffffff !important;
  border: 1px solid #e5e0da !important;
  border-radius: 10px !important;
}

.bb-long .bb-chart-title {
  margin: 0 0 2px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #2c1810 !important;
}

.bb-long .bb-chart-cap {
  margin: 0 0 10px !important;
  font-size: 12px !important;
  color: #888888 !important;
}

.bb-long .bb-chart svg {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

.bb-long .bb-chart-note {
  margin: 8px 0 0 !important;
  font-size: 12px !important;
  color: #888888 !important;
  font-style: italic !important;
}

.bb-long .bb-disclaimer {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #999999 !important;
  margin-top: 2em !important;
  padding-top: 1em !important;
  border-top: 1px solid #dddddd !important;
}

/* ==========================================================================
   МОБИЛЬНАЯ АДАПТАЦИЯ (< 768px)
   ========================================================================== */
@media screen and (max-width: 768px) {
  .t997__title {
    font-size: 36px !important;
  }

  .h1,
  .t050__title,
  .t-title_xl,
  .t-title_xxl,
  .t-store__prod-popup__name,
  .t-catalog__prod-popup__name {
    font-size: 28px !important;
  }

  .t-section__title,
  .t486__title {
    font-size: 30px !important;
  }

  .t-heading_lg,
  .t1106__title,
  .t1066__heading,
  .t997__card-title,
  .t-store__card__title,
  .t-catalog__card .t-typography__title,
  .t-catalog__relevants__title,
  .t-feed__post-title {
    font-size: 20px !important;
  }

  .t-section__descr,
  .t486__descr,
  .t997__descr {
    font-size: 16px !important;
  }

  .t-descr_sm,
  .t1106__text,
  .t1066__descr,
  .t997__card-desc,
  .t-store__card__descr,
  .t-catalog__card .t-typography__descr,
  .t-store__prod-popup__text,
  .t-store__prod-popup__text p,
  .t-catalog__prod-popup__text,
  .t-catalog__prod-popup__text p,
  .t390__descr,
  .t-input-title,
  .t-feed__post-descr {
    font-size: 14px !important;
  }

  .t-store__prod-popup__price-value,
  .t-catalog__prod-popup__price-value {
    font-size: 20px !important;
  }

  .t-form__bottom-text,
  .t389__copyright,
  .t389__list_item a {
    font-size: 12px !important;
  }

  /* Лонгриды на мобиле */
  .bb-long h2 {
    font-size: 22px !important;
  }

  .bb-long h3,
  .bb-long .bb-bottom > h3 {
    font-size: 18px !important;
  }

  .bb-long .bb-hero {
    font-size: 16px !important;
  }

  .bb-long .bb-bottom-grid {
    grid-template-columns: 1fr !important;
  }

  .bb-long table.bb-t {
    font-size: 13px !important;
    min-width: 480px;
  }

  .bb-long table.bb-t th,
  .bb-long table.bb-t td {
    padding: 8px 10px !important;
    font-size: 13px !important;
  }
}