/* =====================================================
   ASPECT COFFEE — BRAND LAYER v3
   Шрифты, палитра, ключевые элементы. НЕ трогает футер-hover.
   Подключается ДО aspect-redesign.css.
   ===================================================== */

   :root {
    --aspect-green:   #2A4A34;
    --aspect-green-2: #1E3626;
    --aspect-gray:    #5A5A5A;
    --aspect-black:   #000000;
    --aspect-white:   #FFFFFF;
    --aspect-bg:      #FFFFFF;
    --aspect-bg-soft: #F4F6F4;
    --aspect-border:  #E5E8E5;
  }
  
  /* Open Sans — базовый текст */
  html body,
  html body p,
  html body span,
  html body div,
  html body a,
  html body li,
  html body label,
  html body input,
  html body textarea,
  html body button,
  html body select,
  html body td,
  html body th {
    font-family: "Open Sans", Arial, sans-serif;
  }
  
  /* Roboto Condensed — заголовки */
  html body h1,
  html body h2,
  html body h3,
  html body h4,
  html body h5,
  html body h6,
  html body .aspect-display,
  html body .aspect-display-light,
  html body .aspect-display-medium,
  html body .aspect-display-black,
  html body .aspect-display-bold,
  html body .section-heading,
  html body .aspect-card-title-link,
  html body .white-box__title,
  html body .aspect-catalog-title,
  html body .home-reviews__title,
  html body .home-reviews__value,
  html body .aspect-reviews-head h2,
  html body .aspect-newsletter-copy h2,
  html body .aspect-auth-head h1,
  html body .aspect-phone-completion-head h1,
  html body [class*="text-[40px]"],
  html body [class*="text-[32px]"],
  html body [class*="text-[64px]"] {
    font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif !important;
  }
  
  html body .aspect-display,
  html body .aspect-display-light,
  html body .aspect-display-medium,
  html body .aspect-display-black,
  html body .aspect-display-bold {
    font-family: "Roboto Condensed", sans-serif !important;
  }

  html body .aspect-display,
  html body .aspect-display-light,
  html body .aspect-display-medium {
    font-weight: 400;
  }
  html body .aspect-display-black,
  html body .aspect-display-bold,
  html body h1,
  html body h2,
  html body h3 {
    font-weight: 900;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #000000;
  }

  html body h1 {
    font-size: clamp(2.75rem, 5.5vw, 4.5rem);
    line-height: 1.02;
  }

  html body h1.asp-comm__title,
  html body h1.asp-jrn__title {
    font-size: clamp(36px, 5vw, 64px);
    line-height: 1.02;
    letter-spacing: -0.02em;
  }

  html body h2 {
    font-size: clamp(2rem, 3.8vw, 3.25rem);
    line-height: 1.06;
  }

  html body h2.asp-jrn__sidebar-title {
    font-size: 14px;
    letter-spacing: 0.1em;
  }

  html body h2.asp-jrn__feed-title {
    font-size: 22px;
    letter-spacing: 0.02em;
  }

  html body h3 {
    font-size: clamp(1.5rem, 2.6vw, 2.25rem);
    line-height: 1.1;
  }

  /* Личный кабинет — локальные размеры, без «гигантских» h1/h2 */
  html body main.aspect-account h1.aspect-account__page-title {
    font-size: clamp(24px, 3vw, 40px);
    line-height: 1.2;
    letter-spacing: -0.01em;
  }

  html body main.aspect-account h1.asp-profile__name {
    font-size: 24px;
    line-height: 1.15;
  }

  html body main.aspect-account h1.asp-stat__title,
  html body main.aspect-account h1.asp-bal__title,
  html body main.aspect-account h1.asp-od__title {
    font-size: clamp(22px, 3vw, 32px);
    line-height: 1.15;
  }

  html body main.aspect-account h2.asp-profile__section-title,
  html body main.aspect-account h2.asp-orders__section-title {
    font-size: 22px;
    line-height: 1.15;
  }

  html body main.aspect-account h3.asp-modal__title {
    font-size: clamp(22px, 3vw, 28px);
    line-height: 1.15;
  }

  html body .aspect-channel h3 {
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0.03em;
  }

  html body .aspect-post-card h3 {
    font-size: 18px;
    line-height: 1.2;
  }
  
  /* Адаптив */
  html body .aspect-btn-pay,
  html body .aspect-btn.btn-dark,
  html body .aspect-auth-submit,
  html body .aspect-newsletter-button,
  html body .button-basket,
  html body .aspect-btn.btn-white-xs {
    background: var(--aspect-green);
    color: var(--aspect-white);
    font-family: "Roboto Condensed", Arial, sans-serif;
    text-transform: uppercase;
    border-radius: 4px;
    border: 1px solid var(--aspect-green);
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
  }
  
  html body .aspect-btn-pay:hover,
  html body .aspect-btn.btn-dark:hover,
  html body .aspect-auth-submit:hover,
  html body .aspect-newsletter-button:hover,
  html body .button-basket:hover,
  html body .aspect-btn.btn-white-xs:hover {
    background: var(--aspect-black);
    border-color: var(--aspect-black);
    color: var(--aspect-white);
  }
  
  html body .aspect-btn.btn-secondary,
  html body .aspect-btn.btn-white {
    background: var(--aspect-black);
    border: 1px solid var(--aspect-black);
    border-radius: 4px;
    color: var(--aspect-white);
    transition: background-color 0.3s ease, border-color 0.3s ease;
  }

  html body .aspect-btn.btn-secondary:hover,
  html body .aspect-btn.btn-white:hover {
    background: var(--aspect-green);
    border-color: var(--aspect-green);
  }
  
  html body .aspect-btn-pay.active {
    background: var(--aspect-black);
    border-color: var(--aspect-black);
    color: var(--aspect-white);
  }
  
  /* Карточка товара */
  html body .aspect-card-title-link {
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-weight: 900;
    letter-spacing: 0.02em;
  }
  html body .aspect-card-title-link:hover {
    color: var(--aspect-green);
  }
  html body .aspect-week-special {
    background-color: var(--aspect-green);
    color: var(--aspect-white);
  }
  
  /* Звёзды рейтинга */
  html body .home-reviews__metric-side svg,
  html body .home-review-card__stars,
  html body .aspect-tile-rating svg {
    color: var(--aspect-green);
    fill: var(--aspect-green);
  }
  html body .home-review-card__stars .is-empty {
    color: #DEDEDE;
    fill: #DEDEDE;
  }
  
  /* Мягкий зелёный фон для блоков */
  html body .bg-\[\#f5f5f5\],
  html body .bg-\[\#F5F5F7\] {
    background-color: #F4F6F4;
  }
  
  /* Пагинация, чипсы, табы */
  html body .pagination-btn.active {
    background: var(--aspect-green);
    border-color: var(--aspect-green);
    color: var(--aspect-white);
  }
  html body .aspect-catalog-chip:hover {
    background-color: var(--aspect-green);
    color: var(--aspect-white);
  }
  html body .nav-li.active {
    background-color: var(--aspect-black);
    color: var(--aspect-white);
  }
  
  /* Адаптив */
  @media (max-width: 767px) {
    html body .section-heading { font-size: 26px; }
    html body .aspect-catalog-title { font-size: 28px; }
  }