/* ============================================
   ДЕРЕВОВО — палитра и стили компонентов
   Тёплая ахроматика + древесный акцент
   ============================================ */

#allrecords {
  --dw-bg:       #FAF8F5;
  --dw-bg-alt:   #F0EBE3;
  --dw-text:     #2B2622;
  --dw-sec:      #7A6F66;
  --dw-accent:   #A67C52;
  --dw-accent-h: #7C5A38;
  --dw-line:     #E3DCD3;
  --dw-ok:       #5C7A52;
}

/* ---------- Глобальный фон и типографика ---------- */
body,
html {
  background-color: var(--dw-bg, #FAF8F5) !important;
}

#allrecords {
  color: var(--dw-text) !important;
}

#allrecords .t-title,
#allrecords .t-title_xs,
#allrecords .t-title_sm,
#allrecords .t-title_md,
#allrecords .t-title_xl,
#allrecords .t-title_xxl,
#allrecords .t-name,
#allrecords .t-name_xs,
#allrecords .t-name_sm,
#allrecords .t-name_md,
#allrecords .t-section__title,
#allrecords .t577__title,
#allrecords .t-store__prod-page__title,
#allrecords .t-store__prod-mobile__title,
#allrecords .t-store__card-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: var(--dw-text) !important;
}

#allrecords .t-text,
#allrecords .t-text_sm,
#allrecords .t-text_xs,
#allrecords .t-text_md,
#allrecords .t-descr,
#allrecords .t-descr_sm,
#allrecords .t-descr_xs,
#allrecords .t-descr_md,
#allrecords .t-section__descr,
#allrecords .t577__descr,
#allrecords .t-store__card-descr {
  font-family: 'Inter', Arial, sans-serif !important;
  color: var(--dw-sec) !important;
}

/* ---------- Ссылки ---------- */
#allrecords .t-text a,
#allrecords .t-descr a,
#allrecords .t577__descr a,
#allrecords .t016__text a {
  color: var(--dw-accent) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
#allrecords .t-text a:hover,
#allrecords .t-descr a:hover,
#allrecords .t577__descr a:hover,
#allrecords .t016__text a:hover {
  color: var(--dw-accent-h) !important;
}

/* ---------- Чередование фонов секций ---------- */
#allrecords .r.t-rec {
  background-color: var(--dw-bg) !important;
}
#allrecords > .record:nth-of-type(even) > .r.t-rec {
  background-color: var(--dw-bg-alt) !important;
}

/* ---------- Разделители ---------- */
#allrecords hr,
#allrecords .t-hr__div,
#allrecords .t1016__hr {
  border-color: var(--dw-line) !important;
}

/* ============================================
   КНОПКИ — Primary (основное действие)
   ============================================ */
#allrecords .t-btn_solid,
#allrecords .t-btn:not([class*="t-btn_default"]):not([class*="t-btn_border"]),
#allrecords .t-submit,
#allrecords .t-store__btn-buy,
#allrecords .t-store__prod-page__btncart-wrapper .t-btn,
#allrecords .t-store__prod-mobile__btncart-wrapper .t-btn,
#allrecords .t706 .t-btn {
  background-color: var(--dw-accent) !important;
  color: #FFFFFF !important;
  border: 1px solid var(--dw-accent) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-family: 'Inter', Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 16px 34px !important;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease !important;
}

#allrecords .t-btn_solid:hover,
#allrecords .t-btn:not([class*="t-btn_default"]):not([class*="t-btn_border"]):hover,
#allrecords .t-submit:hover,
#allrecords .t-store__btn-buy:hover,
#allrecords .t-store__prod-page__btncart-wrapper .t-btn:hover,
#allrecords .t-store__prod-mobile__btncart-wrapper .t-btn:hover,
#allrecords .t706 .t-btn:hover {
  background-color: var(--dw-accent-h) !important;
  border-color: var(--dw-accent-h) !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
}

#allrecords .t-btn:active,
#allrecords .t-submit:active {
  transform: translateY(0) !important;
}

/* ============================================
   КНОПКИ — Secondary (контурные)
   ============================================ */
#allrecords .t-btn_default,
#allrecords .t-btn_border,
#allrecords .t-btn_border-solidd,
#allrecords .t-btn_border-dashd,
#allrecords .t-btn_border-dotted {
  background-color: transparent !important;
  color: var(--dw-text) !important;
  border: 1px solid var(--dw-text) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-family: 'Inter', Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 16px 34px !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

#allrecords .t-btn_default:hover,
#allrecords .t-btn_border:hover,
#allrecords .t-btn_border-solidd:hover,
#allrecords .t-btn_border-dashd:hover,
#allrecords .t-btn_border-dotted:hover {
  background-color: var(--dw-text) !important;
  border-color: var(--dw-text) !important;
  color: #FFFFFF !important;
}

/* ---------- Иконки соцсетей ---------- */
#allrecords .t-sociallinks__svg path {
  fill: var(--dw-text) !important;
  transition: fill .2s ease !important;
}
#allrecords .t-sociallinks__item a:hover .t-sociallinks__svg path {
  fill: var(--dw-accent) !important;
}

/* ============================================
   КАТЕГОРИИ — плитка T686
   ============================================ */
#allrecords .t686__textwrapper {
  background-color: var(--dw-bg) !important;
  border-bottom: 1px solid var(--dw-line) !important;
}

#allrecords .t686 .t-item {
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid var(--dw-line) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}

#allrecords .t686 .t-item:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(43, 38, 34, .08) !important;
}

#allrecords .t686__title {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: var(--dw-text) !important;
}

/* ============================================
   ТОВАРЫ — карточки каталога
   ============================================ */
#allrecords .t-store__card {
  background-color: var(--dw-bg) !important;
  border: 1px solid var(--dw-line) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}

#allrecords .t-store__card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(43, 38, 34, .07) !important;
}

#allrecords .t-store__card-title a {
  color: var(--dw-text) !important;
  text-decoration: none !important;
}

#allrecords .t-store__card-title a:hover {
  color: var(--dw-accent) !important;
}

#allrecords .t-store__card-price {
  color: var(--dw-text) !important;
  font-weight: 600 !important;
}

#allrecords .t-store__card-oldprice {
  color: var(--dw-sec) !important;
  opacity: .7;
}

#allrecords .t-store__card-badgestatus {
  background-color: var(--dw-ok) !important;
  color: #FFFFFF !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  font-size: 11px !important;
}

/* ============================================
   ФОРМЫ
   ============================================ */
#allrecords .t-input,
#allrecords .t-input__wraper .t-input,
#allrecords textarea.t-input,
#allrecords select.t-input {
  background-color: #FFFFFF !important;
  border: 1px solid var(--dw-line) !important;
  border-radius: 4px !important;
  color: var(--dw-text) !important;
  font-family: 'Inter', Arial, sans-serif !important;
  transition: border-color .2s ease !important;
}

#allrecords .t-input:focus {
  border-color: var(--dw-accent) !important;
  outline: none !important;
}

#allrecords .t-input__vis-fontstyle,
#allrecords .t-form__inputlabel {
  color: var(--dw-sec) !important;
}

/* ============================================
   ШАПКА
   ============================================ */
#allrecords .t1261,
#allrecords .tmenu {
  border-bottom: 1px solid var(--dw-line) !important;
}

#allrecords .t1261__title,
#allrecords .tmenu__link {
  color: var(--dw-text) !important;
}

#allrecords .t1261__menuburger-btnopen path,
#allrecords .tmenu__list-link {
  color: var(--dw-text) !important;
}

/* ============================================
   ОТЗЫВЫ
   ============================================ */
#allrecords .ts202__col-wrapper,
#allrecords .ts201__col-wrapper,
#allrecords .t528__wr {
  background-color: var(--dw-bg) !important;
  border: 1px solid var(--dw-line) !important;
  border-radius: 8px !important;
}

/* ============================================
   ПОДВАЛ
   ============================================ */
#allrecords .t-footer,
#allrecords .t-footer__wrapper {
  background-color: var(--dw-bg-alt) !important;
  border-top: 1px solid var(--dw-line) !important;
}

/* ============================================
   ПЛАВНОСТЬ
   ============================================ */
#allrecords a,
#allrecords .t-store__card,
#allrecords .t686 .t-item,
#allrecords .t-input,
#allrecords .t-sociallinks__item a {
  transition: all .2s ease !important;
}