/* ECOBLOCK theme styles — assembled from verified sections. Brick normalized to #C66A3D. */
html,body{margin:0;padding:0;} body{background:#F4F3F0;}

/* ---- header.html ---- */

    .ecoblock-header-light {
      --eb-font-display: 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-body: 'BPG Arial', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-mono: 'Roboto Mono', 'Montserrat', monospace;
      --eb-green: #213E2C;
      --eb-earth: #C2A878;
      --eb-brick: #C66A3D;
      --eb-max: 1440px;
      --eb-margin: clamp(24px, 5vw, 64px);

      background: var(--eb-green);
      color: #FFFFFF;
      font-family: var(--eb-font-body);
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: block;
    }
    .ecoblock-header-light *, .ecoblock-header-light *::before, .ecoblock-header-light *::after {
      box-sizing: border-box; margin: 0; padding: 0;
    }
    .ecoblock-header-light a { color: inherit; text-decoration: none; }
    .ecoblock-header-light svg, .ecoblock-header-light img { display: block; max-width: 100%; }
    .ecoblock-header-light button { font: inherit; color: inherit; cursor: pointer; }

    .ecoblock-header-light .eb-container {
      max-width: var(--eb-max);
      margin: 0 auto;
      padding-left: var(--eb-margin);
      padding-right: var(--eb-margin);
    }

    /* NAV ROW — single clean row */
    .ecoblock-header-light .eb-nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: clamp(24px, 4vw, 56px);
      padding: clamp(18px, 2.4vh, 26px) 0;
      border-bottom: 1px solid rgba(255,255,255,0.12);
    }

    /* LOGO → home */
    .ecoblock-header-light .eb-logo {
      display: inline-flex;
      align-items: center;
      transition: opacity 0.2s;
    }
    .ecoblock-header-light .eb-logo:hover { opacity: 0.85; }
    .ecoblock-header-light .eb-logo img {
      height: 34px;
      width: auto;
    }

    /* RIGHT SIDE — nav + cta */
    .ecoblock-header-light .eb-right {
      display: flex;
      align-items: center;
      gap: clamp(24px, 3.5vw, 48px);
    }

    .ecoblock-header-light .eb-nav-menu {
      display: flex;
      gap: clamp(20px, 3vw, 38px);
      font-family: var(--eb-font-display);
      font-size: 14px;
      font-weight: 600;
    }
    .ecoblock-header-light .eb-nav-menu a {
      padding: 6px 0;
      color: rgba(255,255,255,0.78);
      position: relative;
      transition: color 0.2s;
      letter-spacing: 0.01em;
    }
    .ecoblock-header-light .eb-nav-menu a:hover,
    .ecoblock-header-light .eb-nav-menu a.eb-active { color: #FFFFFF; }
    .ecoblock-header-light .eb-nav-menu a.eb-active::after {
      content: '';
      position: absolute;
      bottom: -2px; left: 0; right: 0;
      height: 2px;
      background: var(--eb-earth);
    }

    /* CTA BUTTON */
    .ecoblock-header-light .eb-cta {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 12px 24px;
      font-family: var(--eb-font-display);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.02em;
      color: var(--eb-green);
      background: var(--eb-earth);
      white-space: nowrap;
      transition: background 0.2s, transform 0.2s;
    }
    .ecoblock-header-light .eb-cta:hover {
      background: #FFFFFF;
      transform: translateY(-1px);
    }
    .ecoblock-header-light .eb-cta svg {
      width: 16px; height: 16px;
      stroke: currentColor;
    }

    /* HAMBURGER — hidden on desktop */
    .ecoblock-header-light .eb-toggle { display: none; }
    .ecoblock-header-light .eb-burger {
      display: none;
      flex-direction: column;
      justify-content: center;
      gap: 5px;
      width: 40px;
      height: 40px;
      cursor: pointer;
      flex-shrink: 0;
    }
    .ecoblock-header-light .eb-burger span {
      display: block;
      width: 22px;
      height: 2px;
      background: #FFFFFF;
      transition: transform 0.25s ease, opacity 0.25s ease;
    }

    @media (max-width: 980px) {
      .ecoblock-header-light .eb-nav {
        flex-wrap: nowrap;
        gap: 16px;
      }
      .ecoblock-header-light .eb-burger { display: flex; }

      /* Collapse the right side into a panel */
      .ecoblock-header-light .eb-right {
        position: absolute;
        left: 0; right: 0;
        top: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        background: var(--eb-green);
        border-top: 1px solid rgba(255,255,255,0.12);
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        z-index: 50;
      }
      .ecoblock-header-light { position: relative; }
      .ecoblock-header-light .eb-nav { position: static; }

      .ecoblock-header-light .eb-nav-menu {
        flex-direction: column;
        gap: 0;
        padding: 8px var(--eb-margin) 0;
      }
      .ecoblock-header-light .eb-nav-menu a {
        padding: 14px 0;
        font-size: 15px;
        border-bottom: 1px solid rgba(255,255,255,0.08);
      }
      .ecoblock-header-light .eb-nav-menu a.eb-active::after { display: none; }
      .ecoblock-header-light .eb-nav-menu a.eb-active {
        color: var(--eb-earth);
      }

      .ecoblock-header-light .eb-cta {
        margin: 18px var(--eb-margin) 22px;
        justify-content: center;
        padding: 14px 24px;
      }

      /* Open state */
      .ecoblock-header-light .eb-toggle:checked ~ .eb-container .eb-right {
        max-height: 80vh;
        overflow-y: auto;
      }
      .ecoblock-header-light .eb-toggle:checked ~ .eb-container .eb-burger span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
      }
      .ecoblock-header-light .eb-toggle:checked ~ .eb-container .eb-burger span:nth-child(2) {
        opacity: 0;
      }
      .ecoblock-header-light .eb-toggle:checked ~ .eb-container .eb-burger span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
      }
    }
    @media (max-width: 600px) {
      .ecoblock-header-light .eb-nav-menu a { font-size: 15px; }
      .ecoblock-header-light .eb-logo img { height: 30px; }
    }

    /* ── CALL-REQUEST MODAL ─────────────────────────────── */
    .ecoblock-header-light .eb-call-modal {
      position: fixed; inset: 0; z-index: 1000;
      display: none; align-items: center; justify-content: center;
      padding: clamp(16px, 4vw, 32px);
      font-family: var(--eb-font-body);
    }
    .ecoblock-header-light .eb-call-modal.is-open { display: flex; }
    .ecoblock-header-light .eb-cm-overlay {
      position: absolute; inset: 0;
      background: rgba(12, 20, 14, 0.62);
    }
    .ecoblock-header-light .eb-cm-panel {
      position: relative; z-index: 1;
      width: 100%; max-width: 440px;
      background: #FFFFFF; color: #2B2C2B;
      border-top: 4px solid var(--eb-earth);
      box-shadow: 0 40px 90px -40px rgba(0,0,0,0.6);
      padding: clamp(26px, 4vw, 40px);
      max-height: 90vh; overflow-y: auto;
    }
    .ecoblock-header-light .eb-cm-close {
      position: absolute; top: 12px; right: 12px;
      width: 38px; height: 38px;
      background: transparent; border: none; cursor: pointer;
      font-size: 26px; line-height: 1; color: rgba(43,44,43,0.5);
      display: flex; align-items: center; justify-content: center;
      transition: color .2s, background .2s;
    }
    .ecoblock-header-light .eb-cm-close:hover { color: var(--eb-green); background: #F4F3F0; }
    .ecoblock-header-light .eb-cm-tag {
      font-family: var(--eb-font-mono); font-size: 11px; font-weight: 600;
      letter-spacing: 0.16em; color: var(--eb-brick); text-transform: uppercase;
      display: block; margin-bottom: 10px;
    }
    .ecoblock-header-light .eb-cm-title {
      font-family: var(--eb-font-display); font-weight: 800;
      font-size: clamp(22px, 3vw, 28px); line-height: 1.15;
      color: var(--eb-green); margin-bottom: 8px; padding-right: 28px;
      letter-spacing: -0.01em;
    }
    .ecoblock-header-light .eb-cm-text {
      font-size: 14px; line-height: 1.6; color: rgba(43,44,43,0.62);
      margin-bottom: clamp(18px, 2.6vh, 24px);
    }
    .ecoblock-header-light .eb-cm-form { display: flex; flex-direction: column; gap: 15px; }
    .ecoblock-header-light .eb-cm-field { display: flex; flex-direction: column; gap: 7px; }
    .ecoblock-header-light .eb-cm-label {
      font-family: var(--eb-font-mono); font-size: 10px; font-weight: 600;
      letter-spacing: 0.16em; color: rgba(43,44,43,0.6); text-transform: uppercase;
    }
    .ecoblock-header-light .eb-cm-label .eb-req { color: var(--eb-brick); }
    .ecoblock-header-light .eb-cm-input,
    .ecoblock-header-light .eb-cm-textarea {
      width: 100%; padding: 12px 14px;
      font-family: var(--eb-font-body); font-size: 14px;
      background: #FFFFFF; color: #2B2C2B;
      border: 1px solid rgba(43,44,43,0.16); outline: none;
      transition: border-color .2s; border-radius: 0;
    }
    .ecoblock-header-light .eb-cm-input:focus,
    .ecoblock-header-light .eb-cm-textarea:focus { border-color: var(--eb-green); }
    .ecoblock-header-light .eb-cm-textarea { resize: vertical; min-height: 90px; }
    .ecoblock-header-light .eb-cm-submit {
      display: inline-flex; align-items: center; justify-content: center; gap: 10px;
      width: 100%; margin-top: 4px; padding: 15px 24px;
      font-family: var(--eb-font-display); font-weight: 700; font-size: 14px;
      letter-spacing: 0.02em; border: none; cursor: pointer;
      background: var(--eb-green); color: #FFFFFF;
      transition: background .2s, transform .2s;
    }
    .ecoblock-header-light .eb-cm-submit:hover { background: #1a3324; transform: translateY(-2px); }
    .ecoblock-header-light .eb-cm-submit svg { width: 16px; height: 11px; stroke: currentColor; }
    .ecoblock-header-light .eb-cm-privacy {
      font-size: 11.5px; line-height: 1.55; color: rgba(43,44,43,0.55); margin-top: 2px;
    }
    @media (prefers-reduced-motion: no-preference) {
      .ecoblock-header-light .eb-cm-overlay { opacity: 0; transition: opacity .3s ease; }
      .ecoblock-header-light .eb-call-modal.is-open .eb-cm-overlay { opacity: 1; }
      .ecoblock-header-light .eb-cm-panel {
        opacity: 0; transform: translateY(14px) scale(.985);
        transition: opacity .35s ease, transform .35s cubic-bezier(.16,1,.3,1);
      }
      .ecoblock-header-light .eb-call-modal.is-open .eb-cm-panel { opacity: 1; transform: none; }
    }
  
/* ---- homepage-body.html ---- */

    .ecoblock-hero {
      --eb-font-title: 'ArchyEDT-Bold', 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-display: 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-body: 'BPG Arial', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-mono: 'Roboto Mono', 'Montserrat', monospace;

      --eb-bg-top: #F4F3F0;
      --eb-bg-bottom: #E6E5E1;
      --eb-card: #FFFFFF;
      --eb-text: #1A1A1A;
      --eb-text-muted: #5C5A56;
      --eb-green: #213E2C;
      --eb-brick: #C66A3D;
      --eb-brick-hover: #B85A2D;
      --eb-border: rgba(0, 0, 0, 0.1);
      --eb-border-soft: rgba(0, 0, 0, 0.06);

      --eb-max: 1440px;
      --eb-margin: clamp(24px, 5vw, 64px);

      background: linear-gradient(180deg, var(--eb-bg-top) 0%, var(--eb-bg-bottom) 100%);
      color: var(--eb-text);
      font-family: var(--eb-font-body);
      line-height: 1.55;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding: clamp(40px, 6vh, 72px) 0 clamp(60px, 9vh, 100px);
      min-height: clamp(520px, 66vh, 720px);
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
      overflow: hidden;
    }
    .ecoblock-hero *, .ecoblock-hero *::before, .ecoblock-hero *::after {
      box-sizing: border-box; margin: 0; padding: 0;
    }
    .ecoblock-hero a { color: inherit; text-decoration: none; }
    .ecoblock-hero img, .ecoblock-hero svg { display: block; max-width: 100%; }

    .ecoblock-hero .eb-container {
      max-width: var(--eb-max);
      margin: 0 auto;
      padding-left: var(--eb-margin);
      padding-right: var(--eb-margin);
      width: 100%;
      position: relative;
      z-index: 2;
    }

    .ecoblock-hero .eb-grid {
      display: grid;
      grid-template-columns: 1.1fr 1fr;
      gap: clamp(40px, 5vw, 80px);
      align-items: center;
    }

    .ecoblock-hero .eb-content {
      display: flex;
      flex-direction: column;
      gap: clamp(20px, 2.8vh, 28px);
    }

    /* TOP BADGE — square */
    .ecoblock-hero .eb-badge {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 10px 22px;
      background: rgba(255, 255, 255, 0.7);
      border: 1px solid var(--eb-border-soft);
      font-family: var(--eb-font-display);
      font-size: 13px;
      font-weight: 500;
      color: var(--eb-text);
      width: fit-content;
    }
    .ecoblock-hero .eb-badge::before {
      content: '';
      width: 8px;
      height: 8px;
      background: var(--eb-brick);
      flex-shrink: 0;
    }

    /* TITLE — handled by eb-motion (letter blur-in) */
    .ecoblock-hero .eb-title {
      font-family: var(--eb-font-title);
      font-weight: 900;
      font-size: clamp(48px, 7vw, 96px);
      line-height: 1;
      letter-spacing: -0.02em;
      color: var(--eb-text);
      max-width: 14ch;
    }

    /* ORANGE DIVIDER — now draws in from the left */
    .ecoblock-hero .eb-divider {
      width: 72px;
      height: 4px;
      background: var(--eb-brick);
      margin-top: 4px;
    }

    /* LEAD */
    .ecoblock-hero .eb-lead {
      font-family: var(--eb-font-body);
      font-size: clamp(15px, 1.1vw, 17px);
      line-height: 1.65;
      color: var(--eb-text-muted);
      max-width: 52ch;
    }

    /* ACTIONS */
    .ecoblock-hero .eb-actions {
      display: flex;
      align-items: center;
      gap: 14px;
      flex-wrap: wrap;
      margin-top: 8px;
    }

    .ecoblock-hero .eb-btn-primary {
      display: inline-flex;
      align-items: center;
      gap: 14px;
      padding: 18px 28px;
      font-family: var(--eb-font-display);
      font-weight: 600;
      font-size: 14px;
      line-height: 1;
      background: var(--eb-brick);
      color: #FFFFFF;
      border: 1.5px solid var(--eb-brick);
      box-shadow: 0 0 0 rgba(198,106,61,0);
      transition: background .25s, border-color .25s, transform .25s, box-shadow .35s;
    }
    .ecoblock-hero .eb-btn-primary:hover {
      background: var(--eb-brick-hover);
      border-color: var(--eb-brick-hover);
      transform: translateY(-2px);
      box-shadow: 0 14px 30px -12px rgba(198,106,61,.55);
    }
    .ecoblock-hero .eb-btn-primary svg { transition: transform 0.3s ease; }
    .ecoblock-hero .eb-btn-primary:hover svg { transform: translateX(4px); }

    .ecoblock-hero .eb-btn-secondary {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      padding: 18px 28px;
      font-family: var(--eb-font-display);
      font-weight: 600;
      font-size: 14px;
      line-height: 1;
      background: transparent;
      color: var(--eb-text);
      border: 1.5px solid var(--eb-border);
      transition: background 0.25s, border-color 0.25s, transform .25s;
    }
    .ecoblock-hero .eb-btn-secondary:hover {
      border-color: var(--eb-green);
      background: rgba(33, 62, 44, 0.04);
      transform: translateY(-2px);
    }

    /* PHOTO */
    .ecoblock-hero .eb-photo-wrap {
      position: relative;
      width: 100%;
    }
    .ecoblock-hero .eb-photo {
      width: 100%;
      aspect-ratio: 4 / 5;
      max-height: clamp(420px, 60vh, 600px);
      position: relative;
    }
    /* ამოჭრილი (გამჭვირვალე) გამოსახულება — contain + multiply,
       რომ ფონის გრადიენტს შეერწყას და არ მოიჭრას */
    .ecoblock-hero .eb-photo img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      mix-blend-mode: multiply;
    }

    /* FLOATING CHIPS */
    .ecoblock-hero .eb-chip {
      position: absolute;
      background: var(--eb-card);
      border: 1px solid var(--eb-border-soft);
      padding: 12px 22px 12px 14px;
      display: flex;
      align-items: center;
      gap: 12px;
      box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.1);
      z-index: 3;
      opacity: 1;
    }
    .ecoblock-hero .eb-chip-icon {
      width: 32px;
      height: 32px;
      background: rgba(198, 106, 61, 0.12);
      display: grid;
      place-items: center;
      color: var(--eb-brick);
      flex-shrink: 0;
    }
    .ecoblock-hero .eb-chip-icon svg { width: 16px; height: 16px; }
    .ecoblock-hero .eb-chip-text {
      font-family: var(--eb-font-display);
      font-size: 13px;
      font-weight: 600;
      color: var(--eb-text);
      white-space: nowrap;
    }
    .ecoblock-hero .eb-chip--1 { top: 12%; left: -32px; }
    .ecoblock-hero .eb-chip--2 { bottom: 18%; right: -36px; }

    /* WATERMARK */
    .ecoblock-hero .eb-watermark {
      position: absolute;
      bottom: -8%;
      left: 50%;
      transform: translateX(-50%);
      font-family: var(--eb-font-title);
      font-size: clamp(180px, 26vw, 380px);
      font-weight: 900;
      letter-spacing: -0.03em;
      color: rgba(33, 62, 44, 0.05);
      white-space: nowrap;
      pointer-events: none;
      user-select: none;
      line-height: 0.8;
      z-index: 0;
      opacity: 1;
    }

    @keyframes ebChipReveal {
      from { opacity: 0; transform: translateY(16px); }
      to { opacity: 1; transform: translateY(0); }
    }
    @keyframes ebChipFloat1 {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-12px); }
    }
    @keyframes ebChipFloat2 {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-16px); }
    }
    @keyframes ebPhotoFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-12px); }
    }
    @keyframes ebWMIn {
      from { opacity: 0; transform: translateX(-50%) translateY(22px); }
      to   { opacity: 1; transform: translateX(-50%) translateY(0); }
    }

    /* ── MOBILE / TABLET FIXES ─────────────────────────────── */
    @media (max-width: 980px) {
      .ecoblock-hero {
        min-height: auto;
        display: block;
        /* was clamp(120px,14vh,180px) — that's fine on desktop where a fixed
           header floats over the hero, but on mobile there's usually no such
           header, so it left a huge dead gap at the top. Tuned down + uses
           a safe-area aware value so notches don't eat into it either. */
        padding: calc(env(safe-area-inset-top, 0px) + 32px) 0 48px;
      }
      .ecoblock-hero .eb-grid { grid-template-columns: 1fr; gap: clamp(28px, 4vh, 44px); }
      .ecoblock-hero .eb-photo { aspect-ratio: 4 / 3; max-height: clamp(280px, 45vh, 380px); order: -1; }
      .ecoblock-hero .eb-title { font-size: clamp(40px, 9vw, 64px); }
      .ecoblock-hero .eb-watermark { font-size: clamp(140px, 30vw, 220px); bottom: -5%; }

      /* photo sat flush against the badge/title above it — give it its
         own breathing room now that it's reordered above the text */
      .ecoblock-hero .eb-photo-wrap { margin-bottom: 4px; }

      /* container margin was the same clamp as desktop; tighten it a touch
         on tablet/mobile widths so content doesn't feel squeezed */
      .ecoblock-hero { --eb-margin: clamp(20px, 6vw, 40px); }
    }

    @media (max-width: 600px) {
      .ecoblock-hero {
        padding: calc(env(safe-area-inset-top, 0px) + 24px) 0 40px;
      }
      .ecoblock-hero .eb-content { gap: 16px; }
      .ecoblock-hero .eb-title { font-size: clamp(34px, 10vw, 44px); max-width: 12ch; }
      .ecoblock-hero .eb-lead { font-size: 14.5px; }
      .ecoblock-hero .eb-actions { width: 100%; }
      .ecoblock-hero .eb-btn-primary,
      .ecoblock-hero .eb-btn-secondary { flex: 1; justify-content: center; padding: 16px 20px; font-size: 13px; }
      .ecoblock-hero .eb-chip { display: none; }
      .ecoblock-hero .eb-watermark { display: none; }
    }
  
/* ---- homepage-body.html ---- */

    .ecoblock-formats {
      --eb-font-title: 'ArchyEDT-Bold', 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-body: 'BPG Arial', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-mono: 'Roboto Mono', 'Montserrat', monospace;
      /* ₾ (U+20BE) არ არის Roboto Mono-ში — ლარის სიმბოლოს ცალკე ფონტს ვაძლევთ */
      --eb-font-gel: 'Noto Sans Georgian', 'BPG Arial', 'Montserrat', sans-serif;

      --eb-green: #213E2C;
      --eb-earth: #C2A878;
      --eb-brick: #C66A3D;
      --eb-black: #2B2C2B;
      --eb-muted: rgba(43, 44, 43, 0.6);
      --eb-line: rgba(43, 44, 43, 0.12);
      --eb-line-soft: rgba(43, 44, 43, 0.08);
      --eb-card: #FFFFFF;

      --eb-max: 1440px;
      --eb-margin: clamp(24px, 5vw, 64px);

      background: #F4F3F0;
      color: var(--eb-black);
      font-family: var(--eb-font-body);
      line-height: 1.55;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding: clamp(96px, 14vh, 144px) 0;
      position: relative;
      overflow: hidden;
    }
    .ecoblock-formats *, .ecoblock-formats *::before, .ecoblock-formats *::after {
      box-sizing: border-box; margin: 0; padding: 0;
    }
    .ecoblock-formats a { color: inherit; text-decoration: none; }
    .ecoblock-formats img, .ecoblock-formats svg { display: block; max-width: 100%; }

    .ecoblock-formats .eb-container {
      max-width: var(--eb-max);
      margin: 0 auto;
      padding-left: var(--eb-margin);
      padding-right: var(--eb-margin);
      position: relative;
      z-index: 2;
    }

    /* HEAD — now lives inside the right column */
    .ecoblock-formats .eb-head {
      max-width: 560px;
      margin-bottom: clamp(32px, 5vh, 48px);
    }
    .ecoblock-formats .eb-title {
      font-family: var(--eb-font-title);
      font-weight: 900;
      font-size: clamp(32px, 4vw, 52px);
      line-height: 1.05;
      letter-spacing: -0.02em;
      color: var(--eb-green);
      max-width: 16ch;
    }
    .ecoblock-formats .eb-period { color: var(--eb-earth); }
    .ecoblock-formats .eb-divider {
      width: 64px;
      height: 3px;
      background: var(--eb-brick);
      margin: clamp(20px, 3vh, 28px) 0 clamp(20px, 3vh, 28px);
    }
    .ecoblock-formats .eb-lead {
      font-family: var(--eb-font-body);
      font-size: clamp(15px, 1.05vw, 16.5px);
      line-height: 1.75;
      color: rgba(43, 44, 43, 0.78);
      max-width: 60ch;
    }

    /* MAIN — 2 columns, top aligned */
    .ecoblock-formats .eb-main {
      display: grid;
      grid-template-columns: 1fr 1.25fr;
      gap: clamp(40px, 6vw, 80px);
      align-items: center;
    }

    /* RIGHT COLUMN — head on top of the list */
    .ecoblock-formats .eb-right {
      display: flex;
      flex-direction: column;
    }

    /* PHOTO */
    .ecoblock-formats .eb-photo {
      position: relative;
      width: 100%;
      min-height: 480px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .ecoblock-formats .eb-photo img {
      width: 100%;
      height: 100%;
      max-height: 600px;
      object-fit: contain;
      mix-blend-mode: multiply;
    }
    .ecoblock-formats .eb-photo-mark {
      position: absolute;
      bottom: 8px;
      left: 0;
      font-family: var(--eb-font-mono);
      font-size: 10px;
      font-weight: 500;
      letter-spacing: 0.2em;
      color: var(--eb-muted);
      text-transform: uppercase;
    }

    /* FORMATS LIST */
    .ecoblock-formats .eb-formats-list {
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    /* SINGLE FORMAT CARD */
    .ecoblock-formats .eb-format {
      display: grid;
      grid-template-columns: 36px auto 1fr auto 28px;
      gap: clamp(16px, 2vw, 28px);
      padding: clamp(20px, 2.6vh, 28px) clamp(20px, 2.5vw, 32px);
      background: var(--eb-card);
      border: 1px solid var(--eb-line-soft);
      align-items: center;
      position: relative;
      transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1),
                  border-color 0.3s ease,
                  box-shadow 0.3s ease;
    }
    .ecoblock-formats .eb-format::before {
      content: '';
      position: absolute;
      left: 0; top: 0; bottom: 0;
      width: 3px;
      background: var(--eb-brick);
      transform: scaleY(0);
      transform-origin: top;
      transition: transform 0.3s ease;
    }
    .ecoblock-formats .eb-format:hover {
      transform: translateX(4px);
      border-color: rgba(198, 106, 61, 0.4);
      box-shadow: 0 12px 32px -16px rgba(0, 0, 0, 0.08);
    }
    .ecoblock-formats .eb-format:hover::before { transform: scaleY(1); }

    .ecoblock-formats .eb-format-num {
      font-family: var(--eb-font-mono);
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 0.1em;
      color: var(--eb-earth);
    }

    .ecoblock-formats .eb-format-size {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }
    .ecoblock-formats .eb-format-size-big {
      font-family: var(--eb-font-mono);
      font-weight: 600;
      font-size: clamp(26px, 2.6vw, 34px);
      line-height: 1;
      color: var(--eb-green);
      letter-spacing: -0.01em;
    }
    .ecoblock-formats .eb-format-size-big span {
      font-size: 0.55em;
      font-weight: 500;
      color: var(--eb-muted);
      margin-left: 2px;
    }
    .ecoblock-formats .eb-format-dims {
      font-family: var(--eb-font-mono);
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.06em;
      color: var(--eb-muted);
    }

    /* PRICE — sits in the middle (1fr) column, was an empty spacer */
    .ecoblock-formats .eb-format-price {
      display: flex;
      flex-direction: column;
      gap: 5px;
      justify-self: center;
    }
    .ecoblock-formats .eb-format-price-label {
      font-family: var(--eb-font-mono);
      font-size: 10px;
      font-weight: 500;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--eb-muted);
      white-space: nowrap;
    }
    .ecoblock-formats .eb-format-price-value {
      font-family: var(--eb-font-mono);
      font-weight: 600;
      font-size: clamp(18px, 1.6vw, 23px);
      line-height: 1;
      letter-spacing: -0.01em;
      color: var(--eb-brick);
      white-space: nowrap;
      font-variant-numeric: tabular-nums;
    }
    .ecoblock-formats .eb-gel {
      font-family: var(--eb-font-gel);
      font-weight: 500;
      font-size: 0.82em;
      margin-left: 4px;
    }

    .ecoblock-formats .eb-format-meta {
      display: flex;
      flex-direction: column;
      gap: 4px;
      text-align: right;
    }
    .ecoblock-formats .eb-format-type {
      font-family: var(--eb-font-body);
      font-size: 12.5px;
      font-weight: 500;
      letter-spacing: 0.06em;
      color: var(--eb-muted);
      text-transform: uppercase;
    }
    .ecoblock-formats .eb-format-weight {
      font-family: var(--eb-font-body);
      font-size: clamp(15px, 1.1vw, 17px);
      font-weight: 600;
      color: var(--eb-black);
    }

    .ecoblock-formats .eb-format-arrow {
      display: grid;
      place-items: center;
      width: 28px;
      height: 28px;
      color: var(--eb-muted);
      transition: color 0.3s ease, transform 0.3s ease;
    }
    .ecoblock-formats .eb-format:hover .eb-format-arrow {
      color: var(--eb-brick);
      transform: translateX(4px);
    }
    .ecoblock-formats .eb-format-arrow svg { width: 18px; height: 12px; }

    /* RESPONSIVE */
    @media (max-width: 980px) {
      .ecoblock-formats .eb-main {
        grid-template-columns: 1fr;
        gap: clamp(40px, 5vh, 56px);
      }
      .ecoblock-formats .eb-photo {
        min-height: 320px;
        order: -1;
      }
      .ecoblock-formats .eb-photo img {
        max-height: 400px;
      }
      .ecoblock-formats .eb-head {
        max-width: 720px;
      }
    }
    @media (max-width: 720px) {
      .ecoblock-formats .eb-format {
        grid-template-columns: 32px 1fr auto;
        grid-template-rows: auto auto;
        gap: 12px 16px;
        padding: 20px 22px;
      }
      .ecoblock-formats .eb-format-num {
        grid-row: 1 / 3;
      }
      .ecoblock-formats .eb-format-size {
        grid-column: 2;
        grid-row: 1;
      }
      .ecoblock-formats .eb-format-meta {
        grid-column: 3;
        grid-row: 1;
        text-align: right;
      }
      /* price drops to the second row, arrow keeps the right edge */
      .ecoblock-formats .eb-format-price {
        grid-column: 2;
        grid-row: 2;
        justify-self: start;
        flex-direction: row;
        align-items: baseline;
        gap: 10px;
      }
      .ecoblock-formats .eb-format-arrow {
        grid-column: 3;
        grid-row: 2;
        justify-self: end;
        align-self: center;
      }
    }
    @media (max-width: 600px) {
      .ecoblock-formats .eb-title { font-size: clamp(28px, 8vw, 38px); }
    }
  
/* ---- homepage-body.html ---- */

    .ecoblock-features {
      --eb-font-title: 'ArchyEDT-Bold', 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-body: 'BPG Arial', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-mono: 'Roboto Mono', 'Montserrat', monospace;

      /* Dark palette — lifted for contrast */
      --eb-bg: #121A15;                       /* deeper bg so cards can sit above it */
      --eb-card: #1D2A21;                     /* card surface — clearly lighter than bg */
      --eb-card-hover: #233227;
      --eb-green: #9CCBA8;                    /* brighter green for icons */
      --eb-green-deep: #C8E2CF;
      --eb-earth: #D6BC8B;                    /* brighter earth for labels */
      --eb-brick: #F08750;                    /* hotter brick — accents must pop */
      --eb-cream: #F2EFE8;
      --eb-muted: rgba(242, 239, 232, 0.78);  /* was 0.55 — too dim */
      --eb-line: rgba(242, 239, 232, 0.16);
      --eb-card-border: rgba(242, 239, 232, 0.10);

      --eb-max: 1440px;
      --eb-margin: clamp(24px, 5vw, 64px);

      background: var(--eb-bg);
      color: var(--eb-cream);
      font-family: var(--eb-font-body);
      line-height: 1.55;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding: clamp(96px, 14vh, 144px) 0;
      position: relative;
      overflow: hidden;
    }
    .ecoblock-features::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(900px 600px at 88% -10%, rgba(156, 203, 168, 0.12), transparent 60%),
        radial-gradient(700px 500px at -5% 110%, rgba(240, 135, 80, 0.10), transparent 60%);
      pointer-events: none;
      z-index: 0;
    }
    .ecoblock-features *, .ecoblock-features *::before, .ecoblock-features *::after {
      box-sizing: border-box; margin: 0; padding: 0;
    }
    .ecoblock-features a { color: inherit; text-decoration: none; }
    .ecoblock-features svg { display: block; max-width: 100%; }

    .ecoblock-features .eb-container {
      max-width: var(--eb-max);
      margin: 0 auto;
      padding-left: var(--eb-margin);
      padding-right: var(--eb-margin);
      position: relative;
      z-index: 1;
    }

    /* HEAD — 2-column grid */
    .ecoblock-features .eb-head {
      display: grid;
      grid-template-columns: 1fr 1.2fr;
      gap: clamp(40px, 6vw, 96px);
      align-items: start;
      margin-bottom: clamp(64px, 9vh, 96px);
    }
    .ecoblock-features .eb-title {
      font-family: var(--eb-font-title);
      font-weight: 900;
      font-size: clamp(32px, 4vw, 52px);
      line-height: 1.05;
      letter-spacing: -0.02em;
      color: #FFFFFF;                          /* pure white — title leads the section */
      max-width: 14ch;
      text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
    }
    .ecoblock-features .eb-period { color: var(--eb-brick); }
    .ecoblock-features .eb-divider {
      width: 64px;
      height: 4px;
      background: var(--eb-brick);
      border-radius: 2px;
      margin-top: clamp(20px, 3vh, 28px);
      box-shadow: 0 0 16px rgba(240, 135, 80, 0.45);
    }
    .ecoblock-features .eb-lead {
      font-family: var(--eb-font-body);
      font-size: clamp(15px, 1.05vw, 17px);
      line-height: 1.75;
      color: var(--eb-muted);
      max-width: 56ch;
    }

    /* GRID */
    .ecoblock-features .eb-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: clamp(20px, 2.2vw, 28px);
    }

    /* CARDS — features now sit on their own surface */
    .ecoblock-features .eb-feature {
      display: flex;
      flex-direction: column;
      background: var(--eb-card);
      border: 1px solid var(--eb-card-border);
      border-radius: 14px;
      padding: clamp(24px, 2.6vw, 32px);
      position: relative;
      overflow: hidden;
      transition: background 0.3s ease, border-color 0.3s ease,
                  transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
                  box-shadow 0.35s ease;
    }
    /* accent line on top of each card */
    .ecoblock-features .eb-feature::after {
      content: '';
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 3px;
      background: linear-gradient(90deg, var(--eb-brick), transparent 70%);
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
    }
    .ecoblock-features .eb-feature:hover {
      background: var(--eb-card-hover);
      border-color: rgba(242, 239, 232, 0.18);
      transform: translateY(-6px);
      box-shadow: 0 20px 44px rgba(0, 0, 0, 0.35);
    }
    .ecoblock-features .eb-feature:hover::after { transform: scaleX(1); }

    .ecoblock-features .eb-feature-num {
      font-family: var(--eb-font-mono);
      font-weight: 600;
      font-size: 11px;
      letter-spacing: 0.18em;
      color: var(--eb-earth);
      margin-bottom: clamp(22px, 3vh, 30px);
    }

    .ecoblock-features .eb-feature-icon {
      width: 48px;
      height: 48px;
      color: var(--eb-green);
      margin-bottom: clamp(18px, 2.4vh, 24px);
      filter: drop-shadow(0 0 12px rgba(156, 203, 168, 0.25));
      transition: color 0.3s ease, transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.3s ease;
    }
    .ecoblock-features .eb-feature:hover .eb-feature-icon {
      color: var(--eb-brick);
      filter: drop-shadow(0 0 14px rgba(240, 135, 80, 0.35));
      transform: translateY(-4px);
    }
    .ecoblock-features .eb-feature-icon svg {
      width: 100%;
      height: 100%;
    }

    .ecoblock-features .eb-feature-title {
      font-family: var(--eb-font-title);
      font-weight: 900;
      font-size: clamp(20px, 1.8vw, 26px);
      line-height: 1.15;
      letter-spacing: -0.01em;
      color: #FFFFFF;                          /* titles must be the brightest text in the card */
      margin-bottom: clamp(10px, 1.4vh, 14px);
    }

    .ecoblock-features .eb-feature-desc {
      font-family: var(--eb-font-body);
      font-size: clamp(14px, 0.98vw, 15.5px);
      line-height: 1.7;
      color: var(--eb-muted);                  /* was 0.62 opacity — unreadable on dark */
      max-width: 34ch;
    }

    .ecoblock-features .eb-feature-stat {
      margin-top: auto;
      padding-top: clamp(18px, 2.2vh, 24px);
      font-family: var(--eb-font-mono);
      font-weight: 600;
      font-size: 11.5px;
      letter-spacing: 0.12em;
      color: var(--eb-brick);
      text-transform: uppercase;
    }
    /* stat gets a pill so the number reads as data, not as faded text */
    .ecoblock-features .eb-feature-stat span {
      display: inline-block;
      padding: 6px 12px;
      border: 1px solid rgba(240, 135, 80, 0.35);
      border-radius: 999px;
      background: rgba(240, 135, 80, 0.08);
    }

    @media (max-width: 980px) {
      .ecoblock-features .eb-head {
        grid-template-columns: 1fr;
        gap: clamp(28px, 4vh, 44px);
        margin-bottom: clamp(48px, 7vh, 72px);
      }
      .ecoblock-features .eb-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media (max-width: 600px) {
      .ecoblock-features .eb-title { font-size: clamp(28px, 8vw, 38px); }
      .ecoblock-features .eb-grid {
        grid-template-columns: 1fr;
        gap: 16px;
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .ecoblock-features .eb-feature,
      .ecoblock-features .eb-feature::after,
      .ecoblock-features .eb-feature-icon {
        transition: none;
      }
    }
  
/* ---- homepage-body.html ---- */

    .ecoblock-compare {
      --eb-font-title: 'ArchyEDT-Bold', 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-body: 'BPG Arial', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-mono: 'Roboto Mono', 'Montserrat', monospace;

      --eb-green: #213E2C;
      --eb-earth: #C2A878;
      --eb-brick: #C66A3D;
      --eb-black: #2B2C2B;
      --eb-muted: rgba(43, 44, 43, 0.55);
      --eb-line: rgba(43, 44, 43, 0.14);
      --eb-line-soft: rgba(43, 44, 43, 0.08);

      --eb-max: 1440px;
      --eb-margin: clamp(24px, 5vw, 64px);

      background: #E8E7E2;
      color: var(--eb-black);
      font-family: var(--eb-font-body);
      line-height: 1.55;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding: clamp(96px, 14vh, 144px) 0;
      position: relative;
      overflow: hidden;
    }
    .ecoblock-compare *, .ecoblock-compare *::before, .ecoblock-compare *::after {
      box-sizing: border-box; margin: 0; padding: 0;
    }
    .ecoblock-compare .eb-container {
      max-width: var(--eb-max);
      margin: 0 auto;
      padding-left: var(--eb-margin);
      padding-right: var(--eb-margin);
      position: relative;
      z-index: 2;
    }

    /* HEAD — 2-column */
    .ecoblock-compare .eb-head {
      display: grid;
      grid-template-columns: 1fr 1.2fr;
      gap: clamp(40px, 6vw, 96px);
      align-items: start;
      margin-bottom: clamp(72px, 10vh, 112px);
    }
    .ecoblock-compare .eb-title {
      font-family: var(--eb-font-title);
      font-weight: 900;
      font-size: clamp(32px, 4vw, 52px);
      line-height: 1.05;
      letter-spacing: -0.02em;
      color: var(--eb-green);
      max-width: 14ch;
    }
    .ecoblock-compare .eb-period { color: var(--eb-earth); }
    .ecoblock-compare .eb-divider {
      width: 64px;
      height: 3px;
      background: var(--eb-brick);
      margin-top: clamp(20px, 3vh, 28px);
    }
    .ecoblock-compare .eb-lead {
      font-family: var(--eb-font-body);
      font-size: clamp(15px, 1.05vw, 16.5px);
      line-height: 1.75;
      color: rgba(43, 44, 43, 0.78);
      max-width: 56ch;
    }
    .ecoblock-compare .eb-lead strong {
      color: var(--eb-green);
      font-weight: 600;
    }

    .ecoblock-compare .eb-metrics { display: flex; flex-direction: column; }

    .ecoblock-compare .eb-metric {
      display: grid;
      grid-template-columns: 280px 1fr 160px;
      gap: clamp(32px, 4vw, 64px);
      padding: clamp(36px, 4.5vh, 52px) 0;
      border-top: 1px solid var(--eb-line);
      align-items: center;
    }
    .ecoblock-compare .eb-metric:last-child { border-bottom: 1px solid var(--eb-line); }

    .ecoblock-compare .eb-metric-num {
      font-family: var(--eb-font-mono);
      font-weight: 500;
      font-size: 11px;
      letter-spacing: 0.2em;
      color: var(--eb-earth);
      display: block;
      margin-bottom: 14px;
    }
    .ecoblock-compare .eb-metric-name {
      font-family: var(--eb-font-title);
      font-weight: 900;
      font-size: clamp(22px, 2vw, 30px);
      line-height: 1.1;
      letter-spacing: -0.01em;
      color: var(--eb-green);
      margin-bottom: 10px;
    }
    .ecoblock-compare .eb-metric-sub {
      font-family: var(--eb-font-mono);
      font-weight: 500;
      font-size: 10.5px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--eb-muted);
    }

    .ecoblock-compare .eb-metric-viz { display: flex; flex-direction: column; gap: 18px; }
    .ecoblock-compare .eb-bar {
      display: grid;
      grid-template-columns: 140px 1fr 100px;
      gap: 18px;
      align-items: center;
    }
    .ecoblock-compare .eb-bar-name {
      font-family: var(--eb-font-mono);
      font-size: 10.5px;
      font-weight: 500;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--eb-muted);
    }
    .ecoblock-compare .eb-bar-track {
      height: 14px;
      background: rgba(43, 44, 43, 0.06);
      position: relative;
      overflow: hidden;
    }
    .ecoblock-compare .eb-bar-fill {
      position: absolute;
      left: 0; top: 0; bottom: 0;
      transform-origin: left;
      transform: scaleX(0);
      transition: transform 1.3s cubic-bezier(.16, 1, .3, 1);
    }
    /* eco bar leads, comparison bar follows */
    .ecoblock-compare .eb-metric.is-visible .eb-bar--eco .eb-bar-fill {
      transform: scaleX(1);
      transition-delay: .18s;
    }
    .ecoblock-compare .eb-metric.is-visible .eb-bar:not(.eb-bar--eco) .eb-bar-fill {
      transform: scaleX(1);
      transition-delay: .40s;
    }
    .ecoblock-compare .eb-bar-fill--eco { background: var(--eb-brick); }
    .ecoblock-compare .eb-bar-fill--alt { background: rgba(33, 62, 44, 0.32); }
    .ecoblock-compare .eb-bar-value {
      font-family: var(--eb-font-mono);
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.04em;
      color: var(--eb-black);
      text-align: right;
    }
    .ecoblock-compare .eb-bar--eco .eb-bar-name,
    .ecoblock-compare .eb-bar--eco .eb-bar-value { color: var(--eb-brick); }

    .ecoblock-compare .eb-metric-ratio { text-align: right; }
    .ecoblock-compare .eb-ratio-num {
      font-family: var(--eb-font-title);
      font-weight: 900;
      font-size: clamp(36px, 3.6vw, 52px);
      line-height: 1;
      color: var(--eb-green);
      letter-spacing: -0.03em;
      display: block;
      margin-bottom: 6px;
    }
    .ecoblock-compare .eb-ratio-num span { color: var(--eb-brick); }
    .ecoblock-compare .eb-ratio-text {
      font-family: var(--eb-font-mono);
      font-size: 10.5px;
      font-weight: 500;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--eb-muted);
    }

    @media (max-width: 1100px) {
      .ecoblock-compare .eb-metric { grid-template-columns: 1fr 130px; gap: 32px; }
      .ecoblock-compare .eb-metric-head { grid-column: 1 / -1; margin-bottom: 8px; }
      .ecoblock-compare .eb-metric-viz { grid-column: 1; }
      .ecoblock-compare .eb-metric-ratio { grid-column: 2; }
    }
    @media (max-width: 980px) {
      .ecoblock-compare .eb-head { grid-template-columns: 1fr; gap: clamp(28px, 4vh, 44px); }
    }
    @media (max-width: 720px) {
      .ecoblock-compare .eb-metric { grid-template-columns: 1fr; gap: 24px; padding: 36px 0; }
      .ecoblock-compare .eb-bar { grid-template-columns: 100px 1fr 80px; gap: 12px; }
      .ecoblock-compare .eb-metric-ratio { text-align: left; }
    }
    @media (max-width: 600px) {
      .ecoblock-compare .eb-title { font-size: clamp(28px, 8vw, 38px); }
      .ecoblock-compare .eb-bar { grid-template-columns: 1fr; gap: 6px; }
      .ecoblock-compare .eb-bar-track { order: 3; }
      .ecoblock-compare .eb-bar-value { text-align: left; order: 2; }
    }

    /* ── refined reveal for metric content (gated) ────────── */
    @media (prefers-reduced-motion: no-preference) {
      .ecoblock-compare .eb-metric-head,
      .ecoblock-compare .eb-metric-ratio,
      .ecoblock-compare .eb-bar-value {
        opacity: 0;
        transform: translateY(14px);
        filter: blur(5px);
        transition: opacity .8s ease, transform .9s cubic-bezier(.16,1,.3,1), filter .8s ease;
      }
      .ecoblock-compare .eb-metric-ratio { transform: translateY(14px) scale(.94); }
      .ecoblock-compare .eb-metric.is-visible .eb-metric-head {
        opacity: 1; transform: none; filter: none; transition-delay: .05s;
      }
      .ecoblock-compare .eb-metric.is-visible .eb-metric-ratio {
        opacity: 1; transform: none; filter: none; transition-delay: .60s;
      }
      .ecoblock-compare .eb-metric.is-visible .eb-bar-value {
        opacity: 1; transform: none; filter: none; transition-delay: .85s;
      }

      /* head divider wipes in (consistent with hero/about) */
      .ecoblock-compare .eb-divider.eb-armed {
        opacity: 1; transform: scaleX(0); transform-origin: left center; filter: none;
      }
      .ecoblock-compare .eb-divider.eb-in {
        opacity: 1 !important; transform: scaleX(1) !important; filter: none !important;
        transition: transform .8s cubic-bezier(.16,1,.3,1); transition-delay: .15s;
      }
    }
  
/* ---- homepage-body.html ---- */

    .ecoblock-specs {
      --eb-font-title: 'ArchyEDT-Bold', 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-body: 'BPG Arial', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-mono: 'Roboto Mono', 'Montserrat', monospace;

      --eb-green: #213E2C;
      --eb-earth: #C2A878;
      --eb-brick: #C66A3D;
      --eb-black: #2B2C2B;
      --eb-muted: rgba(43, 44, 43, 0.55);
      --eb-line: rgba(43, 44, 43, 0.12);
      --eb-line-soft: rgba(43, 44, 43, 0.08);
      --eb-card: #FFFFFF;

      --eb-max: 1440px;
      --eb-margin: clamp(24px, 5vw, 64px);

      background: #F0EFEA;
      color: var(--eb-black);
      font-family: var(--eb-font-body);
      line-height: 1.55;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding: clamp(96px, 14vh, 144px) 0;
    }
    .ecoblock-specs *, .ecoblock-specs *::before, .ecoblock-specs *::after {
      box-sizing: border-box; margin: 0; padding: 0;
    }

    .ecoblock-specs .eb-container {
      max-width: var(--eb-max);
      margin: 0 auto;
      padding-left: var(--eb-margin);
      padding-right: var(--eb-margin);
    }

    /* HEAD */
    .ecoblock-specs .eb-head {
      display: grid;
      grid-template-columns: 1fr 1.2fr;
      gap: clamp(40px, 6vw, 96px);
      align-items: start;
      margin-bottom: clamp(56px, 8vh, 80px);
    }
    .ecoblock-specs .eb-title {
      font-family: var(--eb-font-title);
      font-weight: 900;
      font-size: clamp(32px, 4vw, 52px);
      line-height: 1.05;
      letter-spacing: -0.02em;
      color: var(--eb-green);
      max-width: 14ch;
    }
    .ecoblock-specs .eb-period { color: var(--eb-earth); }
    .ecoblock-specs .eb-divider {
      width: 64px;
      height: 3px;
      background: var(--eb-brick);
      margin-top: clamp(20px, 3vh, 28px);
    }
    .ecoblock-specs .eb-lead {
      font-family: var(--eb-font-body);
      font-size: clamp(15px, 1.05vw, 16.5px);
      line-height: 1.75;
      color: rgba(43, 44, 43, 0.78);
      max-width: 52ch;
    }

    /* GRID — 4 columns, hero spans 2 */
    .ecoblock-specs .eb-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
    }

    .ecoblock-specs .eb-spec {
      background: var(--eb-card);
      border: 1px solid var(--eb-line-soft);
      padding: clamp(28px, 3.5vh, 40px) clamp(24px, 2.5vw, 32px);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: clamp(24px, 3vh, 36px);
      min-height: 200px;
      transition: border-color 0.3s ease;
    }
    .ecoblock-specs .eb-spec:hover {
      border-color: rgba(198, 106, 61, 0.5);
    }

    .ecoblock-specs .eb-spec-hero {
      grid-column: span 2;
    }

    .ecoblock-specs .eb-spec-value {
      font-family: var(--eb-font-mono);
      font-weight: 600;
      font-size: clamp(32px, 3.2vw, 44px);
      line-height: 1;
      letter-spacing: -0.02em;
      color: var(--eb-green);
      display: flex;
      align-items: baseline;
      gap: 8px;
      flex-wrap: wrap;
    }
    .ecoblock-specs .eb-spec-unit {
      font-size: 0.4em;
      font-weight: 500;
      color: var(--eb-muted);
      letter-spacing: 0.04em;
    }

    .ecoblock-specs .eb-spec-hero .eb-spec-value {
      font-size: clamp(56px, 5.5vw, 80px);
    }
    .ecoblock-specs .eb-spec-hero .eb-spec-unit {
      font-size: 0.28em;
    }

    .ecoblock-specs .eb-spec-name {
      font-family: var(--eb-font-body);
      font-size: clamp(13.5px, 0.95vw, 15px);
      font-weight: 500;
      color: var(--eb-black);
      letter-spacing: 0.01em;
      line-height: 1.4;
    }
    .ecoblock-specs .eb-spec-hero .eb-spec-name {
      font-size: clamp(15px, 1.1vw, 17px);
    }

    /* RESPONSIVE */
    @media (max-width: 980px) {
      .ecoblock-specs .eb-head {
        grid-template-columns: 1fr;
        gap: clamp(28px, 4vh, 44px);
      }
      .ecoblock-specs .eb-grid {
        grid-template-columns: repeat(2, 1fr);
      }
      .ecoblock-specs .eb-spec-hero {
        grid-column: span 2;
      }
    }
    @media (max-width: 600px) {
      .ecoblock-specs .eb-title { font-size: clamp(28px, 8vw, 38px); }
      .ecoblock-specs .eb-grid { grid-template-columns: 1fr; }
      .ecoblock-specs .eb-spec-hero { grid-column: span 1; }
    }
  
/* ---- homepage-body.html ---- */

    .ecoblock-trust {
      --eb-font-title: 'ArchyEDT-Bold', 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-body: 'BPG Arial', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-mono: 'Roboto Mono', 'Montserrat', monospace;

      --eb-green: #213E2C;
      --eb-green-dark: #1A3024;
      --eb-earth: #C2A878;
      --eb-brick: #C66A3D;
      --eb-brick-hover: #B85A2D;
      --eb-black: #2B2C2B;
      --eb-white: #FFFFFF;
      --eb-muted: rgba(43, 44, 43, 0.55);
      --eb-muted-on-dark: rgba(255, 255, 255, 0.7);
      --eb-line: rgba(43, 44, 43, 0.12);
      --eb-line-soft: rgba(43, 44, 43, 0.08);
      --eb-line-on-dark: rgba(255, 255, 255, 0.18);

      --eb-max: 1440px;
      --eb-margin: clamp(24px, 5vw, 64px);

      background: #FFFFFF;
      color: var(--eb-black);
      font-family: var(--eb-font-body);
      line-height: 1.55;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding: clamp(96px, 14vh, 144px) 0;
    }
    .ecoblock-trust *, .ecoblock-trust *::before, .ecoblock-trust *::after {
      box-sizing: border-box; margin: 0; padding: 0;
    }
    .ecoblock-trust a { color: inherit; text-decoration: none; }

    .ecoblock-trust .eb-container {
      max-width: var(--eb-max);
      margin: 0 auto;
      padding-left: var(--eb-margin);
      padding-right: var(--eb-margin);
    }

    /* HEAD */
    .ecoblock-trust .eb-head {
      display: grid;
      grid-template-columns: 1fr 1.2fr;
      gap: clamp(40px, 6vw, 96px);
      align-items: start;
      margin-bottom: clamp(64px, 9vh, 96px);
    }
    .ecoblock-trust .eb-title {
      font-family: var(--eb-font-title);
      font-weight: 900;
      font-size: clamp(32px, 4vw, 52px);
      line-height: 1.05;
      letter-spacing: -0.02em;
      color: var(--eb-green);
      max-width: 16ch;
    }
    .ecoblock-trust .eb-period { color: var(--eb-earth); }
    .ecoblock-trust .eb-divider {
      width: 64px;
      height: 3px;
      background: var(--eb-brick);
      margin-top: clamp(20px, 3vh, 28px);
    }
    .ecoblock-trust .eb-lead {
      font-family: var(--eb-font-body);
      font-size: clamp(15px, 1.05vw, 16.5px);
      line-height: 1.75;
      color: rgba(43, 44, 43, 0.78);
      max-width: 56ch;
    }
    .ecoblock-trust .eb-lead strong {
      color: var(--eb-green);
      font-weight: 600;
    }

    /* TRUST MARKS */
    .ecoblock-trust .eb-marks {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: clamp(32px, 4vw, 56px);
      padding-top: clamp(36px, 5vh, 48px);
      border-top: 1px solid var(--eb-line);
      margin-bottom: clamp(64px, 9vh, 96px);
    }
    .ecoblock-trust .eb-mark {
      display: flex;
      flex-direction: column;
      gap: 14px;
    }
    .ecoblock-trust .eb-mark-title {
      font-family: var(--eb-font-title);
      font-weight: 900;
      font-size: clamp(20px, 1.7vw, 26px);
      line-height: 1.2;
      letter-spacing: -0.01em;
      color: var(--eb-green);
    }
    .ecoblock-trust .eb-mark-sub {
      font-family: var(--eb-font-body);
      font-size: clamp(13.5px, 0.95vw, 15px);
      line-height: 1.6;
      color: var(--eb-muted);
      max-width: 30ch;
    }

    /* CTA CARD — Dark Green Closing */
    .ecoblock-trust .eb-cta {
      background: var(--eb-green);
      color: var(--eb-white);
      padding: clamp(48px, 7vh, 80px) clamp(40px, 5vw, 72px);
      display: grid;
      grid-template-columns: 1.2fr 1fr;
      gap: clamp(32px, 5vw, 64px);
      align-items: center;
      position: relative;
      overflow: hidden;
    }
    .ecoblock-trust .eb-cta::before {
      content: '';
      position: absolute;
      top: 0; left: 0;
      width: 88px;
      height: 4px;
      background: var(--eb-brick);
    }
    .ecoblock-trust .eb-cta-title {
      font-family: var(--eb-font-title);
      font-weight: 900;
      font-size: clamp(28px, 3.2vw, 44px);
      line-height: 1.1;
      letter-spacing: -0.015em;
      color: var(--eb-white);
      margin-bottom: clamp(16px, 2vh, 22px);
    }
    .ecoblock-trust .eb-cta-desc {
      font-family: var(--eb-font-body);
      font-size: clamp(14.5px, 1vw, 16px);
      line-height: 1.7;
      color: var(--eb-muted-on-dark);
      max-width: 44ch;
    }
    .ecoblock-trust .eb-cta-actions {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .ecoblock-trust .eb-btn-primary {
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 18px 28px;
      font-family: var(--eb-font-body);
      font-weight: 600;
      font-size: 14.5px;
      line-height: 1;
      background: var(--eb-brick);
      color: var(--eb-white);
      border: 1.5px solid var(--eb-brick);
      transition: background 0.25s, border-color 0.25s;
    }
    .ecoblock-trust .eb-btn-primary:hover {
      background: var(--eb-brick-hover);
      border-color: var(--eb-brick-hover);
    }
    .ecoblock-trust .eb-btn-primary svg { transition: transform 0.3s ease; }
    .ecoblock-trust .eb-btn-primary:hover svg { transform: translateX(4px); }

    .ecoblock-trust .eb-btn-secondary {
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 18px 28px;
      font-family: var(--eb-font-body);
      font-weight: 500;
      font-size: 14.5px;
      line-height: 1;
      background: transparent;
      color: var(--eb-white);
      border: 1.5px solid var(--eb-line-on-dark);
      transition: border-color 0.25s, background 0.25s;
    }
    .ecoblock-trust .eb-btn-secondary:hover {
      border-color: var(--eb-earth);
      background: rgba(194, 168, 120, 0.08);
    }
    .ecoblock-trust .eb-btn-secondary svg { transition: transform 0.3s ease; }
    .ecoblock-trust .eb-btn-secondary:hover svg { transform: translateY(2px); }

    /* RESPONSIVE */
    @media (max-width: 980px) {
      .ecoblock-trust .eb-head {
        grid-template-columns: 1fr;
        gap: clamp(28px, 4vh, 44px);
      }
      .ecoblock-trust .eb-marks {
        grid-template-columns: 1fr;
        gap: 32px;
      }
      .ecoblock-trust .eb-cta {
        grid-template-columns: 1fr;
        gap: 32px;
      }
    }
    @media (max-width: 600px) {
      .ecoblock-trust .eb-title { font-size: clamp(28px, 8vw, 38px); }
      .ecoblock-trust .eb-cta {
        padding: 36px 28px;
      }
    }
  
/* ---- homepage-body.html ---- */

.eb-news{
  --eb-font-title:"ArchyEDT-Bold","BPG Nino Mtavruli","Montserrat","Noto Sans Georgian",sans-serif;
  --eb-font-body:"BPG Arial","Montserrat","Noto Sans Georgian",sans-serif;
  --eb-font-mono:"Roboto Mono","Montserrat",monospace;
  --eb-green:#213E2C; --eb-earth:#C2A878; --eb-brick:#C66A3D; --eb-black:#2B2C2B;
  --eb-muted:rgba(43,44,43,.6); --eb-line:rgba(43,44,43,.12); --eb-line-soft:rgba(43,44,43,.08);
  --eb-card:#FFFFFF; --eb-bg:#F4F3F0; --eb-max:1440px; --eb-margin:clamp(24px,5vw,64px);
  background:var(--eb-bg); color:var(--eb-black); font-family:var(--eb-font-body);
  line-height:1.55; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  padding:clamp(96px,14vh,144px) 0;
}
.eb-news *,.eb-news *::before,.eb-news *::after{box-sizing:border-box;}
.eb-news a{color:inherit;text-decoration:none;}
.eb-news img,.eb-news svg{display:block;max-width:100%;}
.eb-news__container{max-width:var(--eb-max);margin:0 auto;padding:0 var(--eb-margin);}
.eb-news__head{max-width:560px;margin-bottom:clamp(32px,5vh,48px);}
.eb-news__title{font-family:var(--eb-font-title);font-weight:900;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.02em;color:var(--eb-green);}
.eb-news__divider{width:64px;height:3px;background:var(--eb-brick);margin:clamp(20px,3vh,28px) 0;}
.eb-news__lead{font-size:clamp(15px,1.05vw,16.5px);line-height:1.75;color:rgba(43,44,43,.78);max-width:60ch;}
.eb-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px);}
@media(max-width:980px){.eb-news-grid{grid-template-columns:repeat(2,1fr)!important;}}
@media(max-width:600px){.eb-news-grid{grid-template-columns:1fr!important;}}
.eb-news-card{position:relative;display:flex;flex-direction:column;background:var(--eb-card);border:1px solid var(--eb-line-soft);overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease;}
.eb-news-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--eb-brick);transform:scaleY(0);transform-origin:top;transition:transform .3s ease;z-index:3;}
.eb-news-card:hover{transform:translateY(-4px);border-color:rgba(198,106,61,.4);box-shadow:0 18px 40px -18px rgba(0,0,0,.18);}
.eb-news-card:hover::before{transform:scaleY(1);}
.eb-news-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:#e9e7e1;}
.eb-news-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.eb-news-card:hover .eb-news-card__media img{transform:scale(1.05);}
.eb-news-noimg{width:100%;height:100%;background:linear-gradient(135deg,#eceae4,#ddd8cd);}
.eb-news-card__body{padding:clamp(20px,2.4vh,26px) clamp(20px,2.2vw,28px);display:flex;flex-direction:column;gap:12px;flex:1;}
.eb-news-card__title{font-family:var(--eb-font-title);font-weight:800;font-size:clamp(18px,1.5vw,22px);line-height:1.25;letter-spacing:-.01em;margin:0;}
.eb-news-card__title a{color:var(--eb-green);}
.eb-news-card__title a:hover{color:var(--eb-brick);}
.eb-news-card__desc{margin:0;color:var(--eb-muted);font-size:14.5px;line-height:1.7;flex:1;}
.eb-news-card__more{display:inline-flex;align-items:center;gap:8px;font-family:var(--eb-font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--eb-black);transition:color .3s ease,gap .3s ease;}
.eb-news-card__more .eb-arrow{width:18px;height:11px;}
.eb-news-card:hover .eb-news-card__more{color:var(--eb-brick);gap:12px;}

/* ---- about-body.html ---- */

    .ecoblock-about-approach {
      --eb-font-title: 'ArchyEDT-Bold', 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-display: 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-body: 'BPG Arial', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-mono: 'Roboto Mono', 'Montserrat', monospace;
      --eb-max: 1440px; --eb-margin: clamp(24px, 5vw, 64px); --eb-brick: #C66A3D;
      background:#FFFFFF; color:#2B2C2B; font-family:var(--eb-font-body); line-height:1.5;
      -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
      padding: clamp(56px, 9vh, 96px) 0;
    }
    .ecoblock-about-approach *, .ecoblock-about-approach *::before, .ecoblock-about-approach *::after { box-sizing:border-box; margin:0; padding:0; }
    .ecoblock-about-approach .eb-container { max-width:var(--eb-max); margin:0 auto; padding-left:var(--eb-margin); padding-right:var(--eb-margin); }
    .ecoblock-about-approach .eb-head {
      position:relative; display:grid; grid-template-columns:1.4fr 1fr; gap:clamp(40px,6vw,96px);
      align-items:end; padding-bottom:clamp(36px,5vh,56px); border-bottom:3px solid transparent;
    }
    .ecoblock-about-approach .eb-head::after {
      content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:#2B2C2B;
      transform:scaleX(1); transform-origin:left center; transition:transform 1s cubic-bezier(.16,1,.3,1);
    }
    .ecoblock-about-approach .eb-title {
      font-family:var(--eb-font-title); font-weight:900; font-size:clamp(32px,4.4vw,64px);
      line-height:0.98; letter-spacing:-0.025em; color:#213E2C; max-width:16ch;
    }
    .ecoblock-about-approach .eb-title .eb-period { color:#C66A3D; }
    .ecoblock-about-approach .eb-lead {
      font-family:var(--eb-font-body); font-size:clamp(15px,1.1vw,17px); line-height:1.7;
      color:#2B2C2B; max-width:44ch; padding-bottom:8px;
    }
    .ecoblock-about-approach .eb-principles {
      display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(32px,4vw,64px); margin-top:clamp(48px,6vh,72px);
    }
    .ecoblock-about-approach .eb-principle { display:flex; flex-direction:column; gap:clamp(14px,2vh,18px); }
    .ecoblock-about-approach .eb-num {
      font-family:var(--eb-font-display); font-weight:900; font-size:clamp(34px,3.2vw,44px);
      color:#C2A878; line-height:0.9; letter-spacing:-0.03em; transition:color .35s ease;
    }
    .ecoblock-about-approach .eb-name {
      position:relative; font-family:var(--eb-font-title); font-weight:800; font-size:clamp(20px,1.7vw,24px);
      line-height:1.15; letter-spacing:-0.005em; color:#213E2C; padding-top:clamp(14px,2vh,18px);
    }
    .ecoblock-about-approach .eb-name::before {
      content:""; position:absolute; top:0; left:0; right:0; height:1px; background:#2B2C2B;
      transform:scaleX(1); transform-origin:left center; transition:transform .9s cubic-bezier(.16,1,.3,1), background .35s ease;
    }
    .ecoblock-about-approach .eb-principle:hover .eb-name::before { background:var(--eb-brick); }
    .ecoblock-about-approach .eb-principle:hover .eb-num { color:var(--eb-brick); }
    .ecoblock-about-approach .eb-text { font-family:var(--eb-font-body); font-size:14.5px; line-height:1.7; color:#2B2C2B; opacity:0.86; }
    .ecoblock-about-approach .eb-text strong { font-weight:700; color:#213E2C; }
    @media (max-width:980px){
      .ecoblock-about-approach .eb-head { grid-template-columns:1fr; gap:24px; align-items:start; }
      .ecoblock-about-approach .eb-principles { grid-template-columns:1fr; gap:clamp(28px,4vh,40px); }
    }
    @media (max-width:600px){ .ecoblock-about-approach .eb-title { font-size:clamp(32px,10vw,48px); } }
    @media (prefers-reduced-motion: no-preference){
      .ecoblock-about-approach .eb-head.eb-armed { opacity:1; transform:none; filter:none; }
      .ecoblock-about-approach .eb-head[data-eb-reveal]::after { transform:scaleX(0); transition-delay:.15s; }
      .ecoblock-about-approach .eb-head.eb-in::after { transform:scaleX(1); }
      .ecoblock-about-approach .eb-principle[data-eb-reveal] .eb-name::before { transform:scaleX(0); transition-delay:.55s; }
      .ecoblock-about-approach .eb-principle.eb-in .eb-name::before { transform:scaleX(1); }
    }
  
/* ---- about-body.html ---- */

    .ecoblock-about-formula {
      --eb-font-title:'ArchyEDT-Bold','BPG Nino Mtavruli','Montserrat','Noto Sans Georgian',sans-serif;
      --eb-font-display:'BPG Nino Mtavruli','Montserrat','Noto Sans Georgian',sans-serif;
      --eb-font-body:'BPG Arial','Montserrat','Noto Sans Georgian',sans-serif;
      --eb-font-mono:'Roboto Mono','Montserrat',monospace;
      --eb-max:1440px; --eb-margin:clamp(24px,5vw,64px); --eb-brick:#C66A3D;
      background:#F5F6F6; color:#2B2C2B; font-family:var(--eb-font-body); line-height:1.5;
      -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; padding:clamp(56px,9vh,96px) 0;
    }
    .ecoblock-about-formula *, .ecoblock-about-formula *::before, .ecoblock-about-formula *::after { box-sizing:border-box; margin:0; padding:0; }
    .ecoblock-about-formula .eb-container { max-width:var(--eb-max); margin:0 auto; padding-left:var(--eb-margin); padding-right:var(--eb-margin); }
    .ecoblock-about-formula .eb-head {
      position:relative; display:grid; grid-template-columns:1.4fr 1fr; gap:clamp(40px,6vw,96px);
      align-items:end; padding-bottom:clamp(36px,5vh,56px); border-bottom:3px solid transparent;
    }
    .ecoblock-about-formula .eb-head::after {
      content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:#2B2C2B;
      transform:scaleX(1); transform-origin:left center; transition:transform 1s cubic-bezier(.16,1,.3,1);
    }
    .ecoblock-about-formula .eb-title { font-family:var(--eb-font-title); font-weight:900; font-size:clamp(32px,4.4vw,64px); line-height:0.98; letter-spacing:-0.025em; color:#213E2C; max-width:14ch; }
    .ecoblock-about-formula .eb-title .eb-period { color:#C66A3D; }
    .ecoblock-about-formula .eb-lead { font-family:var(--eb-font-body); font-size:clamp(15px,1.1vw,17px); line-height:1.7; color:#2B2C2B; max-width:44ch; padding-bottom:8px; }
    .ecoblock-about-formula .eb-formula { padding:clamp(48px,7vh,88px) 0 clamp(40px,6vh,64px); display:flex; flex-direction:column; align-items:center; gap:clamp(16px,2.4vh,24px); text-align:center; }
    .ecoblock-about-formula .eb-formula-eq { display:flex; flex-wrap:wrap; justify-content:center; align-items:baseline; gap:clamp(8px,1vw,14px); font-family:var(--eb-font-display); font-weight:700; font-size:clamp(15px,1.4vw,19px); letter-spacing:-0.005em; line-height:1.4; color:#2B2C2B; }
    .ecoblock-about-formula .eb-formula-eq .eb-op { font-family:var(--eb-font-mono); font-weight:600; color:#C66A3D; font-size:clamp(15px,1.3vw,18px); }
    .ecoblock-about-formula .eb-formula-arrow { font-family:var(--eb-font-mono); font-weight:500; color:#8B8A8A; font-size:11px; letter-spacing:0.18em; text-transform:uppercase; }
    .ecoblock-about-formula .eb-formula-result { font-family:var(--eb-font-title); font-weight:800; font-size:clamp(28px,3.2vw,44px); letter-spacing:-0.02em; line-height:1; color:#213E2C; }
    .ecoblock-about-formula .eb-components {
      position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(28px,3vw,48px);
      padding-top:clamp(36px,5vh,56px); border-top:1px solid transparent;
    }
    .ecoblock-about-formula .eb-components::before {
      content:""; position:absolute; left:0; right:0; top:0; height:1px; background:#2B2C2B;
      transform:scaleX(1); transform-origin:left center; transition:transform 1s cubic-bezier(.16,1,.3,1);
    }
    .ecoblock-about-formula .eb-comp { display:flex; flex-direction:column; gap:clamp(12px,1.8vh,16px); }
    .ecoblock-about-formula .eb-comp-top { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
    .ecoblock-about-formula .eb-comp-num { font-family:var(--eb-font-display); font-weight:900; font-size:clamp(28px,2.6vw,36px); color:#C2A878; line-height:0.9; letter-spacing:-0.03em; transition:color .35s ease; }
    .ecoblock-about-formula .eb-comp-tag { font-family:var(--eb-font-mono); font-size:10px; font-weight:600; letter-spacing:0.18em; color:#C66A3D; text-transform:uppercase; }
    .ecoblock-about-formula .eb-comp-name {
      position:relative; font-family:var(--eb-font-title); font-weight:800; font-size:clamp(17px,1.5vw,21px);
      line-height:1.15; letter-spacing:-0.005em; color:#213E2C; padding-top:clamp(12px,1.6vh,14px);
    }
    .ecoblock-about-formula .eb-comp-name::before {
      content:""; position:absolute; top:0; left:0; right:0; height:1px; background:#2B2C2B;
      transform:scaleX(1); transform-origin:left center; transition:transform .9s cubic-bezier(.16,1,.3,1), background .35s ease;
    }
    .ecoblock-about-formula .eb-comp:hover .eb-comp-name::before { background:var(--eb-brick); }
    .ecoblock-about-formula .eb-comp:hover .eb-comp-num { color:var(--eb-brick); }
    .ecoblock-about-formula .eb-comp-role { font-family:var(--eb-font-body); font-size:13.5px; line-height:1.65; color:#2B2C2B; opacity:0.86; }
    @media (max-width:980px){
      .ecoblock-about-formula .eb-head { grid-template-columns:1fr; gap:24px; align-items:start; }
      .ecoblock-about-formula .eb-components { grid-template-columns:repeat(2,1fr); gap:clamp(28px,4vh,40px); }
    }
    @media (max-width:600px){
      .ecoblock-about-formula .eb-title { font-size:clamp(32px,10vw,48px); }
      .ecoblock-about-formula .eb-components { grid-template-columns:1fr; }
      .ecoblock-about-formula .eb-formula-eq { font-size:14px; gap:6px; }
    }
    @media (prefers-reduced-motion: no-preference){
      .ecoblock-about-formula .eb-head.eb-armed { opacity:1; transform:none; filter:none; }
      .ecoblock-about-formula .eb-head[data-eb-reveal]::after { transform:scaleX(0); transition-delay:.15s; }
      .ecoblock-about-formula .eb-head.eb-in::after { transform:scaleX(1); }
      .ecoblock-about-formula .eb-components.eb-armed { opacity:1; transform:none; filter:none; }
      .ecoblock-about-formula .eb-components[data-eb-reveal]::before { transform:scaleX(0); transition-delay:.1s; }
      .ecoblock-about-formula .eb-components.eb-in::before { transform:scaleX(1); }
      .ecoblock-about-formula .eb-comp[data-eb-reveal] .eb-comp-name::before { transform:scaleX(0); transition-delay:.55s; }
      .ecoblock-about-formula .eb-comp.eb-in .eb-comp-name::before { transform:scaleX(1); }
      .ecoblock-about-formula .eb-formula.eb-armed { opacity:1; transform:none; filter:none; }
      .ecoblock-about-formula .eb-formula[data-eb-reveal] .eb-formula-eq > span,
      .ecoblock-about-formula .eb-formula[data-eb-reveal] .eb-formula-arrow,
      .ecoblock-about-formula .eb-formula[data-eb-reveal] .eb-formula-result {
        opacity:0; transform:translateY(16px); filter:blur(5px);
        transition:opacity .7s ease, transform .8s cubic-bezier(.16,1,.3,1), filter .7s ease;
      }
      .ecoblock-about-formula .eb-formula.eb-in .eb-formula-eq > span,
      .ecoblock-about-formula .eb-formula.eb-in .eb-formula-arrow,
      .ecoblock-about-formula .eb-formula.eb-in .eb-formula-result { opacity:1; transform:translateY(0); filter:blur(0); }
      .ecoblock-about-formula .eb-formula.eb-in .eb-formula-eq > span:nth-child(1){ transition-delay:.10s }
      .ecoblock-about-formula .eb-formula.eb-in .eb-formula-eq > span:nth-child(2){ transition-delay:.19s }
      .ecoblock-about-formula .eb-formula.eb-in .eb-formula-eq > span:nth-child(3){ transition-delay:.28s }
      .ecoblock-about-formula .eb-formula.eb-in .eb-formula-eq > span:nth-child(4){ transition-delay:.37s }
      .ecoblock-about-formula .eb-formula.eb-in .eb-formula-eq > span:nth-child(5){ transition-delay:.46s }
      .ecoblock-about-formula .eb-formula.eb-in .eb-formula-eq > span:nth-child(6){ transition-delay:.55s }
      .ecoblock-about-formula .eb-formula.eb-in .eb-formula-eq > span:nth-child(7){ transition-delay:.64s }
      .ecoblock-about-formula .eb-formula.eb-in .eb-formula-arrow { transition-delay:.80s }
      .ecoblock-about-formula .eb-formula.eb-in .eb-formula-result { transition-delay:.96s }
    }
  
/* ---- about-body.html ---- */

    .ecoblock-about-tech {
      --eb-font-title:'ArchyEDT-Bold','BPG Nino Mtavruli','Montserrat','Noto Sans Georgian',sans-serif;
      --eb-font-display:'BPG Nino Mtavruli','Montserrat','Noto Sans Georgian',sans-serif;
      --eb-font-body:'BPG Arial','Montserrat','Noto Sans Georgian',sans-serif;
      --eb-font-mono:'Roboto Mono','Montserrat',monospace;
      --eb-max:1440px; --eb-margin:clamp(24px,5vw,64px); --eb-brick:#C66A3D;
      background:#FFFFFF; color:#2B2C2B; font-family:var(--eb-font-body); line-height:1.5;
      -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; padding:clamp(56px,9vh,96px) 0;
    }
    .ecoblock-about-tech *, .ecoblock-about-tech *::before, .ecoblock-about-tech *::after { box-sizing:border-box; margin:0; padding:0; }
    .ecoblock-about-tech .eb-container { max-width:var(--eb-max); margin:0 auto; padding-left:var(--eb-margin); padding-right:var(--eb-margin); }
    .ecoblock-about-tech .eb-head {
      position:relative; display:grid; grid-template-columns:1.4fr 1fr; gap:clamp(40px,6vw,96px);
      align-items:end; padding-bottom:clamp(36px,5vh,56px); border-bottom:3px solid transparent;
    }
    .ecoblock-about-tech .eb-head::after {
      content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:#2B2C2B;
      transform:scaleX(1); transform-origin:left center; transition:transform 1s cubic-bezier(.16,1,.3,1);
    }
    .ecoblock-about-tech .eb-title { font-family:var(--eb-font-title); font-weight:900; font-size:clamp(32px,4.4vw,64px); line-height:0.98; letter-spacing:-0.025em; color:#213E2C; max-width:16ch; }
    .ecoblock-about-tech .eb-title .eb-period { color:#C66A3D; }
    .ecoblock-about-tech .eb-lead { font-family:var(--eb-font-body); font-size:clamp(15px,1.1vw,17px); line-height:1.7; color:#2B2C2B; max-width:44ch; padding-bottom:8px; }
    .ecoblock-about-tech .eb-brand { padding:clamp(56px,8vh,96px) 0; display:grid; grid-template-columns:5fr 7fr; gap:clamp(32px,5vw,80px); align-items:center; }
    .ecoblock-about-tech .eb-brand-side { display:flex; flex-direction:column; gap:clamp(12px,2vh,18px); }
    .ecoblock-about-tech .eb-brand-tag { font-family:var(--eb-font-mono); font-size:11px; font-weight:600; letter-spacing:0.18em; color:#C66A3D; text-transform:uppercase; }
    .ecoblock-about-tech .eb-brand-name { font-family:var(--eb-font-display); font-weight:900; font-size:clamp(56px,8vw,128px); line-height:0.85; letter-spacing:-0.04em; color:#213E2C; display:flex; align-items:baseline; gap:clamp(8px,1.4vw,18px); flex-wrap:wrap; }
    .ecoblock-about-tech .eb-brand-name .eb-slash { font-family:var(--eb-font-display); font-weight:300; font-size:clamp(40px,6vw,96px); color:#C66A3D; line-height:0.85; }
    .ecoblock-about-tech .eb-brand-name .eb-suffix { font-family:var(--eb-font-display); font-weight:600; font-size:clamp(20px,2vw,32px); color:#2B2C2B; letter-spacing:-0.01em; line-height:1; }
    .ecoblock-about-tech .eb-brand-text { font-family:var(--eb-font-body); font-size:16px; line-height:1.75; color:#2B2C2B; max-width:52ch; }
    .ecoblock-about-tech .eb-brand-text strong { font-weight:700; color:#213E2C; }
    .ecoblock-about-tech .eb-points {
      position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(28px,3.5vw,56px);
      padding-top:clamp(36px,5vh,56px); border-top:1px solid transparent;
    }
    .ecoblock-about-tech .eb-points::before {
      content:""; position:absolute; left:0; right:0; top:0; height:1px; background:#2B2C2B;
      transform:scaleX(1); transform-origin:left center; transition:transform 1s cubic-bezier(.16,1,.3,1);
    }
    .ecoblock-about-tech .eb-point { display:flex; flex-direction:column; gap:clamp(12px,1.8vh,16px); }
    .ecoblock-about-tech .eb-point-num { font-family:var(--eb-font-display); font-weight:900; font-size:clamp(24px,2.2vw,32px); color:#C2A878; line-height:0.9; letter-spacing:-0.03em; transition:color .35s ease; }
    .ecoblock-about-tech .eb-point-title {
      position:relative; font-family:var(--eb-font-title); font-weight:800; font-size:clamp(16px,1.4vw,20px);
      line-height:1.2; letter-spacing:-0.005em; color:#213E2C; padding-top:clamp(12px,1.5vh,16px);
    }
    .ecoblock-about-tech .eb-point-title::before {
      content:""; position:absolute; top:0; left:0; right:0; height:1px; background:#2B2C2B;
      transform:scaleX(1); transform-origin:left center; transition:transform .9s cubic-bezier(.16,1,.3,1), background .35s ease;
    }
    .ecoblock-about-tech .eb-point:hover .eb-point-title::before { background:var(--eb-brick); }
    .ecoblock-about-tech .eb-point:hover .eb-point-num { color:var(--eb-brick); }
    .ecoblock-about-tech .eb-point-text { font-family:var(--eb-font-body); font-size:13.5px; line-height:1.65; color:#2B2C2B; opacity:0.86; }
    @media (max-width:980px){
      .ecoblock-about-tech .eb-head { grid-template-columns:1fr; gap:24px; align-items:start; }
      .ecoblock-about-tech .eb-brand { grid-template-columns:1fr; gap:28px; }
      .ecoblock-about-tech .eb-points { grid-template-columns:1fr; gap:clamp(24px,4vh,36px); }
    }
    @media (max-width:600px){
      .ecoblock-about-tech .eb-title { font-size:clamp(32px,10vw,48px); }
      .ecoblock-about-tech .eb-brand-name { font-size:clamp(48px,14vw,72px); }
    }
    @media (prefers-reduced-motion: no-preference){
      .ecoblock-about-tech .eb-head.eb-armed { opacity:1; transform:none; filter:none; }
      .ecoblock-about-tech .eb-head[data-eb-reveal]::after { transform:scaleX(0); transition-delay:.15s; }
      .ecoblock-about-tech .eb-head.eb-in::after { transform:scaleX(1); }
      .ecoblock-about-tech .eb-points.eb-armed { opacity:1; transform:none; filter:none; }
      .ecoblock-about-tech .eb-points[data-eb-reveal]::before { transform:scaleX(0); transition-delay:.1s; }
      .ecoblock-about-tech .eb-points.eb-in::before { transform:scaleX(1); }
      .ecoblock-about-tech .eb-point[data-eb-reveal] .eb-point-title::before { transform:scaleX(0); transition-delay:.55s; }
      .ecoblock-about-tech .eb-point.eb-in .eb-point-title::before { transform:scaleX(1); }
    }
  
/* ---- about-body.html ---- */

    .ecoblock-about-quality {
      --eb-font-title:'ArchyEDT-Bold','BPG Nino Mtavruli','Montserrat','Noto Sans Georgian',sans-serif;
      --eb-font-display:'BPG Nino Mtavruli','Montserrat','Noto Sans Georgian',sans-serif;
      --eb-font-body:'BPG Arial','Montserrat','Noto Sans Georgian',sans-serif;
      --eb-font-mono:'Roboto Mono','Montserrat',monospace;
      --eb-max:1440px; --eb-margin:clamp(24px,5vw,64px); --eb-brick:#C66A3D;
      background:#F5F6F6; color:#2B2C2B; font-family:var(--eb-font-body); line-height:1.5;
      -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; padding:clamp(56px,9vh,96px) 0;
    }
    .ecoblock-about-quality *, .ecoblock-about-quality *::before, .ecoblock-about-quality *::after { box-sizing:border-box; margin:0; padding:0; }
    .ecoblock-about-quality .eb-container { max-width:var(--eb-max); margin:0 auto; padding-left:var(--eb-margin); padding-right:var(--eb-margin); }
    .ecoblock-about-quality .eb-head {
      position:relative; display:grid; grid-template-columns:1.4fr 1fr; gap:clamp(40px,6vw,96px);
      align-items:end; padding-bottom:clamp(36px,5vh,56px); border-bottom:3px solid transparent;
    }
    .ecoblock-about-quality .eb-head::after {
      content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:#2B2C2B;
      transform:scaleX(1); transform-origin:left center; transition:transform 1s cubic-bezier(.16,1,.3,1);
    }
    .ecoblock-about-quality .eb-title { font-family:var(--eb-font-title); font-weight:900; font-size:clamp(32px,4.4vw,64px); line-height:0.98; letter-spacing:-0.025em; color:#213E2C; max-width:16ch; }
    .ecoblock-about-quality .eb-title .eb-period { color:#C66A3D; }
    .ecoblock-about-quality .eb-lead { font-family:var(--eb-font-body); font-size:clamp(15px,1.1vw,17px); line-height:1.7; color:#2B2C2B; max-width:44ch; padding-bottom:8px; }
    .ecoblock-about-quality .eb-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(32px,4vw,64px); margin-top:clamp(48px,6vh,72px); }
    .ecoblock-about-quality .eb-cert { display:flex; flex-direction:column; gap:clamp(14px,2vh,18px); }
    .ecoblock-about-quality .eb-cert-num { font-family:var(--eb-font-display); font-weight:900; font-size:clamp(34px,3.2vw,44px); color:#C2A878; line-height:0.9; letter-spacing:-0.03em; transition:color .35s ease; }
    .ecoblock-about-quality .eb-cert-tag {
      position:relative; font-family:var(--eb-font-mono); font-size:10.5px; font-weight:600;
      letter-spacing:0.18em; color:#C66A3D; text-transform:uppercase; padding-top:clamp(14px,2vh,18px);
    }
    .ecoblock-about-quality .eb-cert-tag::before {
      content:""; position:absolute; top:0; left:0; right:0; height:1px; background:#2B2C2B;
      transform:scaleX(1); transform-origin:left center; transition:transform .9s cubic-bezier(.16,1,.3,1), background .35s ease;
    }
    .ecoblock-about-quality .eb-cert:hover .eb-cert-tag::before { background:var(--eb-brick); }
    .ecoblock-about-quality .eb-cert:hover .eb-cert-num { color:var(--eb-brick); }
    .ecoblock-about-quality .eb-cert-name { font-family:var(--eb-font-title); font-weight:800; font-size:clamp(20px,1.7vw,26px); line-height:1.2; letter-spacing:-0.005em; color:#213E2C; }
    .ecoblock-about-quality .eb-cert-desc { font-family:var(--eb-font-body); font-size:14.5px; line-height:1.7; color:#2B2C2B; opacity:0.86; }
    @media (max-width:980px){
      .ecoblock-about-quality .eb-head { grid-template-columns:1fr; gap:24px; align-items:start; }
      .ecoblock-about-quality .eb-grid { grid-template-columns:1fr; gap:clamp(28px,4vh,40px); }
    }
    @media (max-width:600px){ .ecoblock-about-quality .eb-title { font-size:clamp(32px,10vw,48px); } }
    @media (prefers-reduced-motion: no-preference){
      .ecoblock-about-quality .eb-head.eb-armed { opacity:1; transform:none; filter:none; }
      .ecoblock-about-quality .eb-head[data-eb-reveal]::after { transform:scaleX(0); transition-delay:.15s; }
      .ecoblock-about-quality .eb-head.eb-in::after { transform:scaleX(1); }
      .ecoblock-about-quality .eb-cert[data-eb-reveal] .eb-cert-tag::before { transform:scaleX(0); transition-delay:.55s; }
      .ecoblock-about-quality .eb-cert.eb-in .eb-cert-tag::before { transform:scaleX(1); }
    }
  
/* ---- products-body.html ---- */

    .ecoblock-archive {
      --eb-font-title: 'ArchyEDT-Bold', 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-display: 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-body: 'BPG Arial', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-mono: 'Roboto Mono', 'Montserrat', monospace;
      --eb-max: 1440px;
      --eb-margin: clamp(24px, 5vw, 64px);

      --eb-green: #213E2C;
      --eb-black: #2B2C2B;
      --eb-earth: #C2A878;
      --eb-brick: #C66A3D;
      --eb-gray-bg: #F5F6F6;
      --eb-gray-mid: #8B8A8A;
      --eb-white: #FFFFFF;

      background: #FFFFFF;
      color: #2B2C2B;
      font-family: var(--eb-font-body);
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding: clamp(48px, 8vh, 96px) 0;
    }
    .ecoblock-archive *, .ecoblock-archive *::before, .ecoblock-archive *::after {
      box-sizing: border-box; margin: 0; padding: 0;
    }
    .ecoblock-archive a { color: inherit; text-decoration: none; }
    .ecoblock-archive img, .ecoblock-archive svg { display: block; max-width: 100%; }

    .ecoblock-archive .eb-container {
      max-width: var(--eb-max);
      margin: 0 auto;
      padding-left: var(--eb-margin);
      padding-right: var(--eb-margin);
    }

    /* INTRO */
    .ecoblock-archive .eb-arch-intro { margin-bottom: clamp(40px, 6vh, 64px); max-width: 640px; }
    .ecoblock-archive .eb-arch-eyebrow {
      font-family: var(--eb-font-mono); font-size: 11px; font-weight: 600;
      letter-spacing: 0.18em; color: var(--eb-brick); text-transform: uppercase; display: block; margin-bottom: 18px;
    }
    .ecoblock-archive .eb-arch-title {
      font-family: var(--eb-font-title); font-weight: 900; font-size: clamp(32px, 4.4vw, 60px);
      line-height: 1; letter-spacing: -0.025em; color: var(--eb-green);
    }
    .ecoblock-archive .eb-arch-title .eb-period { color: var(--eb-earth); }
    .ecoblock-archive .eb-arch-lead {
      font-family: var(--eb-font-body); font-size: clamp(15px, 1.05vw, 16.5px); line-height: 1.7;
      color: rgba(43,44,43,0.78); margin-top: clamp(18px, 2.6vh, 24px); max-width: 56ch;
    }

    /* CARDS GRID */
    .ecoblock-archive .eb-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .ecoblock-archive .eb-card {
      background: var(--eb-white); border: 1px solid var(--eb-black);
      display: flex; flex-direction: column; overflow: hidden;
      transition: border-color 0.25s, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); position: relative;
    }
    .ecoblock-archive .eb-card:hover { border-color: var(--eb-green); transform: translateY(-3px); }

    .ecoblock-archive .eb-card-photo {
      aspect-ratio: 4 / 3; overflow: hidden; background: var(--eb-gray-bg); position: relative;
      border-bottom: 1px solid var(--eb-black); transition: border-color 0.25s;
    }
    .ecoblock-archive .eb-card:hover .eb-card-photo { border-bottom-color: var(--eb-green); }
    .ecoblock-archive .eb-card-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); }
    .ecoblock-archive .eb-card:hover .eb-card-photo img { transform: scale(1.05); }

    .ecoblock-archive .eb-card-content {
      padding: clamp(24px, 3vh, 32px) clamp(20px, 2.4vw, 32px);
      display: flex; flex-direction: column; gap: clamp(14px, 1.8vh, 20px); flex: 1;
      background: var(--eb-white); transition: background 0.25s, color 0.25s;
    }
    .ecoblock-archive .eb-card:hover .eb-card-content { background: var(--eb-green); color: var(--eb-white); }
    .ecoblock-archive .eb-card:hover .eb-card-tag,
    .ecoblock-archive .eb-card:hover .eb-card-id { color: var(--eb-earth); }
    .ecoblock-archive .eb-card:hover .eb-card-num,
    .ecoblock-archive .eb-card:hover .eb-card-spec strong,
    .ecoblock-archive .eb-card:hover .eb-card-link { color: var(--eb-white); }
    .ecoblock-archive .eb-card:hover .eb-card-rule { background: rgba(255,255,255,0.4); }
    .ecoblock-archive .eb-card:hover .eb-card-spec { color: rgba(255,255,255,0.86); }
    .ecoblock-archive .eb-card:hover .eb-card-name { color: var(--eb-white); }

    .ecoblock-archive .eb-card-top { display: flex; justify-content: space-between; align-items: center; }
    .ecoblock-archive .eb-card-tag {
      font-family: var(--eb-font-mono); font-size: 11px; font-weight: 600;
      letter-spacing: 0.18em; color: var(--eb-brick); text-transform: uppercase; transition: color 0.25s;
    }
    .ecoblock-archive .eb-card-id {
      font-family: var(--eb-font-mono); font-size: 10px; font-weight: 500;
      letter-spacing: 0.16em; color: var(--eb-gray-mid); transition: color 0.25s;
    }
    .ecoblock-archive .eb-card-num {
      font-family: var(--eb-font-display); font-weight: 900; font-size: clamp(40px, 4.4vw, 60px);
      line-height: 0.85; letter-spacing: -0.03em; color: var(--eb-green); transition: color 0.25s;
    }
    .ecoblock-archive .eb-card-num .eb-unit {
      font-family: var(--eb-font-display); font-weight: 600; font-size: clamp(15px, 1.3vw, 18px);
      color: inherit; opacity: 0.7; margin-left: 6px; letter-spacing: -0.01em;
    }
    .ecoblock-archive .eb-card-rule {
      height: 1px; background: var(--eb-black); transform: scaleX(1); transform-origin: left center;
      transition: background 0.25s, transform .8s cubic-bezier(.16,1,.3,1);
    }
    .ecoblock-archive .eb-card-name {
      font-family: var(--eb-font-title); font-weight: 800; font-size: clamp(17px, 1.5vw, 21px);
      line-height: 1.2; letter-spacing: -0.005em; color: var(--eb-green); transition: color 0.25s;
    }
    .ecoblock-archive .eb-card-spec {
      font-family: var(--eb-font-body); font-size: 13px; line-height: 1.6;
      color: var(--eb-black); opacity: 0.86; transition: color 0.25s;
    }
    .ecoblock-archive .eb-card-spec strong { font-weight: 700; color: var(--eb-green); display: block; margin-bottom: 2px; transition: color 0.25s; }
    .ecoblock-archive .eb-card-link {
      font-family: var(--eb-font-display); font-weight: 700; font-size: 12px; letter-spacing: 0.05em;
      color: var(--eb-green); text-transform: uppercase; display: inline-flex; align-items: center; gap: 10px;
      margin-top: auto; padding-top: clamp(12px, 1.6vh, 18px); border-top: 1px solid currentColor;
      align-self: stretch; transition: color 0.25s;
    }
    .ecoblock-archive .eb-card-link svg { transition: transform 0.3s ease; flex-shrink: 0; }
    .ecoblock-archive .eb-card:hover .eb-card-link svg { transform: translateX(5px); }

    @media (max-width: 980px) {
      .ecoblock-archive .eb-grid { grid-template-columns: 1fr; }
      .ecoblock-archive .eb-card-photo { aspect-ratio: 16 / 10; }
    }
    @media (max-width: 600px) { .ecoblock-archive .eb-card-num { font-size: clamp(36px, 9vw, 48px); } }

    @media (prefers-reduced-motion: no-preference) {
      .ecoblock-archive .eb-card.eb-armed { opacity: 0; transform: none; filter: blur(8px); }
      .ecoblock-archive .eb-card.eb-in {
        opacity: 1 !important; filter: blur(0) !important; transform: none !important;
        transition:
          opacity 1s cubic-bezier(.16,1,.3,1) calc(90ms + var(--eb-i,0) * 115ms),
          filter .9s ease calc(90ms + var(--eb-i,0) * 115ms),
          transform .3s cubic-bezier(.22,1,.36,1), border-color .25s, background .25s, color .25s;
      }
      .ecoblock-archive .eb-card.eb-in:hover { transform: translateY(-3px) !important; }
      .ecoblock-archive .eb-card .eb-card-rule { transform: scaleX(0); transition-delay: .45s; }
      .ecoblock-archive .eb-card.eb-in .eb-card-rule { transform: scaleX(1); }
    }
  
/* ---- product-body.html ---- */

    .ecoblock-prod {
      --eb-font-title: 'ArchyEDT-Bold', 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-display: 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-body: 'BPG Arial', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-mono: 'Roboto Mono', 'Montserrat', monospace;

      --eb-green:       #213E2C;
      --eb-green-soft:  rgba(33, 62, 44, 0.035);
      --eb-earth:       #C2A878;
      --eb-brick:       #C66A3D;
      --eb-brick-hover: #B85A2D;
      --eb-black:       #2B2C2B;
      --eb-gray-bg:     #F5F6F6;
      --eb-muted:       rgba(43, 44, 43, 0.6);
      --eb-line:        rgba(43, 44, 43, 0.12);
      --eb-line-soft:   rgba(43, 44, 43, 0.07);
      --eb-white:       #FFFFFF;

      --eb-max: 1440px;
      --eb-margin: clamp(20px, 4.5vw, 56px);

      background: #FFFFFF;
      color: var(--eb-black);
      font-family: var(--eb-font-body);
      line-height: 1.55;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .ecoblock-prod *, .ecoblock-prod *::before, .ecoblock-prod *::after {
      box-sizing: border-box; margin: 0; padding: 0;
    }
    .ecoblock-prod a { color: inherit; text-decoration: none; }
    .ecoblock-prod img, .ecoblock-prod svg { display: block; max-width: 100%; }
    .ecoblock-prod button { font: inherit; color: inherit; cursor: pointer; }

    .ecoblock-prod .eb-container {
      max-width: var(--eb-max); margin: 0 auto;
      padding-left: var(--eb-margin); padding-right: var(--eb-margin);
    }

    .ecoblock-prod .eb-crumb {
      padding: clamp(20px, 3vh, 28px) 0 clamp(8px, 1.6vh, 14px);
      font-family: var(--eb-font-mono); font-size: 11px; letter-spacing: 0.12em;
      text-transform: uppercase; color: var(--eb-muted);
    }
    .ecoblock-prod .eb-crumb a { transition: color 0.25s; }
    .ecoblock-prod .eb-crumb a:hover { color: var(--eb-brick); }
    .ecoblock-prod .eb-crumb-sep { margin: 0 8px; opacity: 0.4; }
    .ecoblock-prod .eb-crumb-now { color: var(--eb-black); }

    .ecoblock-prod .eb-main { padding-bottom: clamp(48px, 8vh, 96px); }
    .ecoblock-prod .eb-main-grid {
      display: grid; grid-template-columns: 1.05fr 1fr;
      gap: clamp(32px, 5vw, 72px); align-items: start;
    }

    .ecoblock-prod .eb-gallery-d { display: flex; flex-direction: column; gap: clamp(12px, 1.6vw, 18px); }
    .ecoblock-prod .eb-gallery-d .eb-shot {
      width: 100%; aspect-ratio: 4 / 5; background: var(--eb-gray-bg); overflow: hidden; position: relative;
    }
    .ecoblock-prod .eb-gallery-d .eb-shot img { width: 100%; height: 100%; object-fit: cover; }
    .ecoblock-prod .eb-gallery-m { display: none; }
    .ecoblock-prod .eb-gallery-m .swiper-slide { aspect-ratio: 4 / 5; background: var(--eb-gray-bg); overflow: hidden; }
    .ecoblock-prod .eb-gallery-m .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
    .ecoblock-prod .eb-gallery-m .swiper-pagination { position: relative; margin-top: 14px; padding-bottom: 4px; text-align: left; }
    .ecoblock-prod .eb-gallery-m .swiper-pagination-bullet { background: var(--eb-black); opacity: 0.2; width: 7px; height: 7px; border-radius: 0; transition: width 0.4s, opacity 0.4s; }
    .ecoblock-prod .eb-gallery-m .swiper-pagination-bullet-active { opacity: 1; width: 24px; background: var(--eb-brick); }

    .ecoblock-prod .eb-info-wrap { position: sticky; top: clamp(80px, 10vh, 120px); }
    .ecoblock-prod .eb-tag {
      font-family: var(--eb-font-mono); font-size: 11px; font-weight: 600;
      letter-spacing: 0.16em; color: var(--eb-earth); text-transform: uppercase; display: block;
      margin-bottom: clamp(14px, 2vh, 20px);
    }
    .ecoblock-prod .eb-title {
      font-family: var(--eb-font-title); font-weight: 900;
      font-size: clamp(36px, 4.8vw, 62px); line-height: 0.98;
      letter-spacing: -0.025em; color: var(--eb-green);
      max-width: 12ch; margin-bottom: clamp(16px, 2.4vh, 22px);
    }
    .ecoblock-prod .eb-title .eb-period { color: var(--eb-earth); }
    .ecoblock-prod .eb-divider { width: 56px; height: 3px; background: var(--eb-brick); margin-bottom: clamp(20px, 3vh, 28px); }
    .ecoblock-prod .eb-lead {
      font-family: var(--eb-font-body); font-size: clamp(14.5px, 1vw, 16px); line-height: 1.7;
      color: var(--eb-muted); max-width: 48ch; margin-bottom: clamp(28px, 4vh, 40px);
    }

    .ecoblock-prod .eb-quick-meta {
      display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(16px, 2vw, 28px);
      padding: clamp(18px, 2.6vh, 24px) 0; border-top: 1px solid var(--eb-line);
      border-bottom: 1px solid var(--eb-line); margin-bottom: clamp(28px, 3.5vh, 36px);
    }
    .ecoblock-prod .eb-qm-cell { display: flex; flex-direction: column; gap: 6px; }
    .ecoblock-prod .eb-qm-label {
      font-family: var(--eb-font-mono); font-size: 9.5px; font-weight: 600;
      letter-spacing: 0.14em; color: var(--eb-muted); text-transform: uppercase;
    }
    .ecoblock-prod .eb-qm-val { font-family: var(--eb-font-display); font-weight: 700; font-size: clamp(14px, 1.1vw, 16px); color: var(--eb-green); }
    .ecoblock-prod .eb-qm-val .eb-qm-unit {
      font-family: var(--eb-font-mono); font-weight: 500; font-size: 10px; color: var(--eb-muted);
      letter-spacing: 0.1em; text-transform: uppercase; margin-left: 3px;
    }

    .ecoblock-prod .eb-pricing {
      background: var(--eb-green-soft); padding: clamp(22px, 2.8vh, 30px) clamp(20px, 2.4vw, 28px);
      margin-bottom: clamp(20px, 2.6vh, 28px); border-top: 1px solid var(--eb-line); border-bottom: 1px solid var(--eb-line);
    }
    .ecoblock-prod .eb-price-row {
      display: flex; align-items: baseline; gap: 14px; margin-bottom: clamp(16px, 2vh, 20px);
      padding-bottom: clamp(16px, 2vh, 20px); border-bottom: 1px solid var(--eb-line);
    }
    .ecoblock-prod .eb-price-now {
      font-family: var(--eb-font-display); font-weight: 800; font-size: clamp(30px, 2.8vw, 38px);
      color: var(--eb-green); letter-spacing: -0.015em; line-height: 1;
    }
    .ecoblock-prod .eb-price-currency { font-family: var(--eb-font-display); font-weight: 600; font-size: clamp(18px, 1.6vw, 22px); color: var(--eb-green); margin-left: 4px; }
    .ecoblock-prod .eb-price-unit { font-family: var(--eb-font-mono); font-size: 11px; letter-spacing: 0.14em; color: var(--eb-muted); text-transform: uppercase; }
    .ecoblock-prod .eb-price-note { margin-left: auto; font-family: var(--eb-font-mono); font-size: 10px; letter-spacing: 0.14em; color: var(--eb-earth); text-transform: uppercase; }
    .ecoblock-prod .eb-calc-label {
      font-family: var(--eb-font-mono); font-size: 10.5px; font-weight: 600; letter-spacing: 0.16em;
      color: var(--eb-muted); text-transform: uppercase; display: block; margin-bottom: clamp(12px, 1.8vh, 16px);
    }
    .ecoblock-prod .eb-calc { display: grid; grid-template-columns: auto 1fr auto; gap: clamp(14px, 1.8vw, 22px); align-items: center; }
    .ecoblock-prod .eb-stepper { display: inline-flex; align-items: center; border: 1px solid var(--eb-line); background: var(--eb-white); height: 42px; overflow: hidden; }
    .ecoblock-prod .eb-stepper button {
      width: 38px; height: 100%; background: transparent; border: none; font-size: 16px; color: var(--eb-black);
      transition: background 0.2s; display: flex; align-items: center; justify-content: center;
    }
    .ecoblock-prod .eb-stepper button:hover { background: var(--eb-gray-bg); }
    .ecoblock-prod .eb-stepper input {
      width: 56px; height: 100%; text-align: center; border: none;
      border-left: 1px solid var(--eb-line); border-right: 1px solid var(--eb-line);
      background: transparent; font-family: var(--eb-font-display); font-size: 15px; font-weight: 600;
      color: var(--eb-black); outline: none; -moz-appearance: textfield;
    }
    .ecoblock-prod .eb-stepper input::-webkit-inner-spin-button,
    .ecoblock-prod .eb-stepper input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
    .ecoblock-prod .eb-calc-divider { width: 1px; height: 36px; background: var(--eb-line); justify-self: center; }
    .ecoblock-prod .eb-calc-result { display: flex; flex-direction: column; gap: 2px; text-align: right; min-width: 110px; }
    .ecoblock-prod .eb-calc-result-lbl { font-family: var(--eb-font-mono); font-size: 9.5px; letter-spacing: 0.14em; color: var(--eb-muted); text-transform: uppercase; }
    .ecoblock-prod .eb-calc-result-val { font-family: var(--eb-font-display); font-weight: 800; font-size: clamp(17px, 1.4vw, 20px); color: var(--eb-green); letter-spacing: -0.005em; line-height: 1.05; }
    .ecoblock-prod .eb-calc-result-val .eb-tiny-unit { font-family: var(--eb-font-display); font-weight: 500; font-size: clamp(11px, 0.85vw, 13px); color: var(--eb-muted); margin-left: 3px; }
    .ecoblock-prod .eb-calc-extra { grid-column: 1 / -1; margin-top: 10px; font-family: var(--eb-font-mono); font-size: 10px; letter-spacing: 0.12em; color: var(--eb-muted); text-transform: uppercase; }

    .ecoblock-prod .eb-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: clamp(36px, 5vh, 56px); }
    .ecoblock-prod .eb-btn {
      display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 16px 22px;
      font-family: var(--eb-font-display); font-weight: 700; font-size: 13px; letter-spacing: 0.04em;
      text-transform: uppercase; line-height: 1; border: 1px solid transparent;
      transition: background 0.25s, color 0.25s, border-color 0.25s, transform 0.25s; min-height: 52px;
    }
    .ecoblock-prod .eb-btn svg { transition: transform 0.3s ease; flex-shrink: 0; }
    .ecoblock-prod .eb-btn:hover svg { transform: translateX(4px); }
    .ecoblock-prod .eb-btn-primary { background: var(--eb-brick); color: var(--eb-white); border-color: var(--eb-brick); }
    .ecoblock-prod .eb-btn-primary:hover { background: var(--eb-brick-hover); border-color: var(--eb-brick-hover); transform: translateY(-2px); }
    .ecoblock-prod .eb-btn-ghost { background: transparent; color: var(--eb-green); border-color: var(--eb-line); }
    .ecoblock-prod .eb-btn-ghost:hover { background: var(--eb-green); color: var(--eb-white); border-color: var(--eb-green); }

    .ecoblock-prod .eb-accs { border-top: 1px solid var(--eb-line); }
    .ecoblock-prod .eb-acc { border-bottom: 1px solid var(--eb-line); }
    .ecoblock-prod .eb-acc-head {
      width: 100%; background: transparent; border: none; padding: clamp(18px, 2.6vh, 22px) 0;
      display: flex; justify-content: space-between; align-items: center; cursor: pointer; text-align: left; transition: opacity 0.3s;
    }
    .ecoblock-prod .eb-acc-head:hover { opacity: 0.65; }
    .ecoblock-prod .eb-acc-head-left { display: flex; align-items: baseline; gap: 14px; }
    .ecoblock-prod .eb-acc-num { font-family: var(--eb-font-mono); font-size: 10px; font-weight: 600; letter-spacing: 0.14em; color: var(--eb-earth); text-transform: uppercase; }
    .ecoblock-prod .eb-acc-title { font-family: var(--eb-font-display); font-weight: 700; font-size: clamp(15px, 1.2vw, 17px); color: var(--eb-green); letter-spacing: -0.005em; }
    .ecoblock-prod .eb-acc-icon { font-size: 22px; font-weight: 300; line-height: 1; color: var(--eb-brick); transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1); }
    .ecoblock-prod .eb-acc-collapse { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.45s cubic-bezier(0.22, 1, 0.36, 1); }
    .ecoblock-prod .eb-acc-body { overflow: hidden; }
    .ecoblock-prod .eb-acc-content { padding: 4px 0 clamp(20px, 3vh, 28px); font-family: var(--eb-font-body); font-size: 14.5px; line-height: 1.75; color: var(--eb-muted); }
    .ecoblock-prod .eb-acc.is-open .eb-acc-collapse { grid-template-rows: 1fr; }
    .ecoblock-prod .eb-acc.is-open .eb-acc-icon { transform: rotate(45deg); }

    .ecoblock-prod .eb-spec-table { width: 100%; border-top: 1px solid var(--eb-line); }
    .ecoblock-prod .eb-spec-row { display: grid; grid-template-columns: 1fr auto auto; gap: clamp(12px, 1.5vw, 20px); align-items: baseline; padding: 12px 0; border-bottom: 1px solid var(--eb-line-soft); }
    .ecoblock-prod .eb-spec-row.eb-spec-section { grid-template-columns: 1fr; padding: 18px 0 8px; border-bottom: 1px solid var(--eb-line); }
    .ecoblock-prod .eb-spec-section span { font-family: var(--eb-font-mono); font-size: 10px; font-weight: 600; letter-spacing: 0.16em; color: var(--eb-earth); text-transform: uppercase; }
    .ecoblock-prod .eb-spec-key { font-family: var(--eb-font-display); font-weight: 500; font-size: 14px; color: var(--eb-black); }
    .ecoblock-prod .eb-spec-val { font-family: var(--eb-font-display); font-weight: 700; font-size: 15px; color: var(--eb-green); text-align: right; letter-spacing: -0.005em; }
    .ecoblock-prod .eb-spec-val .eb-spec-unit { font-weight: 500; font-size: 12px; color: var(--eb-muted); margin-left: 3px; }
    .ecoblock-prod .eb-spec-val.eb-pending { font-family: var(--eb-font-mono); font-weight: 500; font-size: 11px; color: var(--eb-muted); letter-spacing: 0.12em; text-transform: uppercase; }
    .ecoblock-prod .eb-spec-note { font-family: var(--eb-font-mono); font-size: 9.5px; letter-spacing: 0.12em; color: var(--eb-muted); text-transform: uppercase; min-width: 70px; text-align: right; }

    .ecoblock-prod .eb-apps-list { display: flex; flex-direction: column; }
    .ecoblock-prod .eb-app-item { padding: 14px 0; border-bottom: 1px solid var(--eb-line-soft); display: grid; grid-template-columns: 36px 1fr; gap: 16px; align-items: start; }
    .ecoblock-prod .eb-app-item:last-child { border-bottom: none; }
    .ecoblock-prod .eb-app-num { font-family: var(--eb-font-display); font-weight: 800; font-size: 18px; color: var(--eb-earth); line-height: 1.2; letter-spacing: -0.01em; }
    .ecoblock-prod .eb-app-content h4 { font-family: var(--eb-font-display); font-weight: 700; font-size: 15px; color: var(--eb-green); margin-bottom: 4px; letter-spacing: -0.005em; }
    .ecoblock-prod .eb-app-content p { font-size: 13.5px; line-height: 1.65; color: var(--eb-muted); }

    .ecoblock-prod .eb-cert-list { display: flex; flex-direction: column; gap: 12px; margin-top: 8px; }
    .ecoblock-prod .eb-cert-item { display: grid; grid-template-columns: 28px 1fr; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--eb-line-soft); }
    .ecoblock-prod .eb-cert-item:last-child { border-bottom: none; }
    .ecoblock-prod .eb-cert-mark { width: 24px; height: 24px; border: 1.5px solid var(--eb-earth); display: flex; align-items: center; justify-content: center; color: var(--eb-earth); font-family: var(--eb-font-mono); font-size: 10px; font-weight: 700; }
    .ecoblock-prod .eb-cert-text { font-family: var(--eb-font-display); font-size: 13.5px; font-weight: 500; color: var(--eb-black); line-height: 1.4; }

    .ecoblock-prod .eb-related { background: var(--eb-gray-bg); padding: clamp(56px, 8vh, 96px) 0; }
    .ecoblock-prod .eb-section-head { display: grid; grid-template-columns: 1.4fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: end; padding-bottom: clamp(28px, 4vh, 40px); border-bottom: 1px solid var(--eb-line); margin-bottom: clamp(32px, 4.5vh, 48px); }
    .ecoblock-prod .eb-section-title { font-family: var(--eb-font-title); font-weight: 900; font-size: clamp(28px, 3.4vw, 44px); line-height: 1; letter-spacing: -0.02em; color: var(--eb-green); max-width: 14ch; }
    .ecoblock-prod .eb-section-title .eb-period { color: var(--eb-earth); }
    .ecoblock-prod .eb-section-lead { font-family: var(--eb-font-body); font-size: clamp(14px, 1vw, 16px); line-height: 1.7; color: var(--eb-muted); max-width: 42ch; padding-bottom: 6px; }
    .ecoblock-prod .eb-rel-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(14px, 1.6vw, 20px); }
    .ecoblock-prod .eb-rel-card { background: var(--eb-white); border: 1px solid var(--eb-line); display: grid; grid-template-rows: auto 1fr; transition: background 0.3s, border-color 0.3s, transform 0.3s; overflow: hidden; }
    .ecoblock-prod .eb-rel-card:hover { background: var(--eb-green); border-color: var(--eb-green); transform: translateY(-3px); }
    .ecoblock-prod .eb-rel-img { aspect-ratio: 16 / 10; background: var(--eb-gray-bg); overflow: hidden; position: relative; }
    .ecoblock-prod .eb-rel-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); }
    .ecoblock-prod .eb-rel-card:hover .eb-rel-img img { transform: scale(1.05); }
    .ecoblock-prod .eb-rel-body { padding: clamp(20px, 2.6vh, 28px) clamp(20px, 2.4vw, 28px); display: flex; flex-direction: column; gap: 8px; }
    .ecoblock-prod .eb-rel-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
    .ecoblock-prod .eb-rel-tag { font-family: var(--eb-font-mono); font-size: 10px; font-weight: 600; letter-spacing: 0.16em; color: var(--eb-earth); text-transform: uppercase; transition: color 0.3s; }
    .ecoblock-prod .eb-rel-id { font-family: var(--eb-font-mono); font-size: 10px; font-weight: 500; letter-spacing: 0.14em; color: var(--eb-muted); transition: color 0.3s; }
    .ecoblock-prod .eb-rel-card:hover .eb-rel-id { color: rgba(255,255,255,0.6); }
    .ecoblock-prod .eb-rel-num { font-family: var(--eb-font-display); font-weight: 900; font-size: clamp(36px, 3.6vw, 52px); line-height: 0.9; letter-spacing: -0.025em; color: var(--eb-green); transition: color 0.3s; }
    .ecoblock-prod .eb-rel-num .eb-unit { font-family: var(--eb-font-display); font-weight: 600; font-size: clamp(14px, 1.1vw, 17px); opacity: 0.6; margin-left: 5px; }
    .ecoblock-prod .eb-rel-name { font-family: var(--eb-font-title); font-weight: 800; font-size: clamp(15px, 1.2vw, 18px); color: var(--eb-green); transition: color 0.3s; line-height: 1.2; }
    .ecoblock-prod .eb-rel-link { font-family: var(--eb-font-mono); font-size: 11px; font-weight: 600; letter-spacing: 0.14em; color: var(--eb-brick); text-transform: uppercase; margin-top: 8px; display: inline-flex; align-items: center; gap: 8px; transition: color 0.3s; }
    .ecoblock-prod .eb-rel-card:hover .eb-rel-num, .ecoblock-prod .eb-rel-card:hover .eb-rel-name, .ecoblock-prod .eb-rel-card:hover .eb-rel-link { color: var(--eb-white); }

    .ecoblock-prod .eb-cta { background: var(--eb-green); color: var(--eb-white); padding: clamp(56px, 8vh, 96px) 0; }
    .ecoblock-prod .eb-cta-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: clamp(32px, 5vw, 80px); align-items: end; }
    .ecoblock-prod .eb-cta-title { font-family: var(--eb-font-title); font-weight: 900; font-size: clamp(30px, 4vw, 54px); line-height: 0.98; letter-spacing: -0.025em; color: var(--eb-white); max-width: 14ch; }
    .ecoblock-prod .eb-cta-title .eb-period { color: var(--eb-earth); }
    .ecoblock-prod .eb-cta-side { display: flex; flex-direction: column; gap: clamp(18px, 2.6vh, 24px); padding-bottom: 8px; }
    .ecoblock-prod .eb-cta-text { font-family: var(--eb-font-body); font-size: clamp(14px, 1vw, 15.5px); line-height: 1.7; color: rgba(255,255,255,0.78); max-width: 42ch; }
    .ecoblock-prod .eb-cta-actions { display: flex; gap: 10px; flex-wrap: wrap; }
    .ecoblock-prod .eb-cta .eb-btn-ghost { color: var(--eb-white); border-color: rgba(255,255,255,0.35); }
    .ecoblock-prod .eb-cta .eb-btn-ghost:hover { background: rgba(255,255,255,0.1); border-color: var(--eb-white); color: var(--eb-white); }

    .ecoblock-prod .eb-wa { position: fixed; bottom: clamp(20px, 3vh, 28px); right: clamp(20px, 2.6vw, 28px); width: 54px; height: 54px; background: var(--eb-green); color: var(--eb-white); display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 24px rgba(0,0,0,0.16); z-index: 90; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s; }
    .ecoblock-prod .eb-wa:hover { transform: translateY(-3px) scale(1.04); box-shadow: 0 10px 32px rgba(0,0,0,0.22); }
    .ecoblock-prod .eb-wa svg { width: 24px; height: 24px; }

    .ecoblock-prod .eb-modal { position: fixed; inset: 0; z-index: 200; display: none; align-items: center; justify-content: center; padding: clamp(16px, 4vw, 32px); }
    .ecoblock-prod .eb-modal.is-open { display: flex; }
    .ecoblock-prod .eb-modal-overlay { position: absolute; inset: 0; background: rgba(20, 28, 22, 0.55); }
    .ecoblock-prod .eb-modal-panel { position: relative; z-index: 1; width: 100%; max-width: 460px; background: var(--eb-white); border-top: 4px solid var(--eb-brick); box-shadow: 0 40px 90px -40px rgba(0,0,0,0.55); padding: clamp(28px, 4vw, 44px); max-height: 90vh; overflow-y: auto; }
    .ecoblock-prod .eb-modal-close { position: absolute; top: 12px; right: 12px; width: 38px; height: 38px; background: transparent; border: none; font-size: 26px; line-height: 1; color: var(--eb-muted); display: flex; align-items: center; justify-content: center; transition: color 0.2s, background 0.2s; }
    .ecoblock-prod .eb-modal-close:hover { color: var(--eb-brick); background: var(--eb-gray-bg); }
    .ecoblock-prod .eb-modal-tag { font-family: var(--eb-font-mono); font-size: 11px; font-weight: 600; letter-spacing: 0.16em; color: var(--eb-brick); text-transform: uppercase; display: block; margin-bottom: 10px; }
    .ecoblock-prod .eb-modal-title { font-family: var(--eb-font-title); font-weight: 900; font-size: clamp(20px, 2.4vw, 26px); line-height: 1.12; letter-spacing: -0.015em; color: var(--eb-green); margin-bottom: 8px; padding-right: 28px; }
    .ecoblock-prod .eb-modal-text { font-family: var(--eb-font-body); font-size: 14px; line-height: 1.6; color: var(--eb-muted); margin-bottom: clamp(20px, 2.6vh, 26px); }
    .ecoblock-prod .eb-modal-form { display: flex; flex-direction: column; gap: 16px; }
    .ecoblock-prod .eb-mfield { display: flex; flex-direction: column; gap: 7px; }
    .ecoblock-prod .eb-mlabel { font-family: var(--eb-font-mono); font-size: 10px; font-weight: 600; letter-spacing: 0.16em; color: var(--eb-muted); text-transform: uppercase; }
    .ecoblock-prod .eb-mlabel .eb-req { color: var(--eb-brick); }
    .ecoblock-prod .eb-minput { width: 100%; padding: 13px 15px; font-family: var(--eb-font-body); font-size: 14px; background: var(--eb-white); color: var(--eb-black); border: 1px solid var(--eb-line); outline: none; transition: border-color 0.2s; border-radius: 0; -moz-appearance: textfield; }
    .ecoblock-prod .eb-minput::-webkit-inner-spin-button, .ecoblock-prod .eb-minput::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
    .ecoblock-prod .eb-minput:focus { border-color: var(--eb-green); }
    .ecoblock-prod .eb-modal-submit { width: 100%; margin-top: 4px; }
    .ecoblock-prod .eb-modal-privacy { font-family: var(--eb-font-body); font-size: 11.5px; line-height: 1.55; color: var(--eb-muted); margin-top: 2px; }

    @media (prefers-reduced-motion: no-preference) {
      .ecoblock-prod .eb-reveal, .ecoblock-prod .eb-reveal-img {
        opacity: 0; transform: translateY(20px);
        transition: opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1), transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
      }
      .ecoblock-prod .eb-reveal.is-in, .ecoblock-prod .eb-reveal-img.is-in { opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 1024px) {
      .ecoblock-prod .eb-main-grid { grid-template-columns: 1fr; gap: 0; }
      .ecoblock-prod .eb-info-wrap { position: static; padding-top: clamp(20px, 3vh, 28px); }
      .ecoblock-prod .eb-gallery-d { display: none; }
      .ecoblock-prod .eb-gallery-m { display: block; }
      .ecoblock-prod .eb-section-head { grid-template-columns: 1fr; gap: 16px; align-items: start; }
      .ecoblock-prod .eb-cta-grid { grid-template-columns: 1fr; gap: 24px; align-items: start; }
    }
    @media (max-width: 720px) {
      .ecoblock-prod .eb-quick-meta { grid-template-columns: 1fr 1fr; gap: 18px; }
      .ecoblock-prod .eb-calc { grid-template-columns: 1fr; gap: 14px; }
      .ecoblock-prod .eb-calc-divider { display: none; }
      .ecoblock-prod .eb-calc-result { text-align: left; min-width: 0; padding: 12px 0; border-top: 1px solid var(--eb-line); }
      .ecoblock-prod .eb-calc-result + .eb-calc-result { padding-top: 0; border-top: none; padding-bottom: 4px; }
      .ecoblock-prod .eb-actions { grid-template-columns: 1fr; }
      .ecoblock-prod .eb-rel-grid { grid-template-columns: 1fr; }
      .ecoblock-prod .eb-spec-row { grid-template-columns: 1fr auto; gap: 10px; }
      .ecoblock-prod .eb-spec-note { display: none; }
    }
    @media (max-width: 480px) {
      .ecoblock-prod .eb-title { font-size: clamp(32px, 9vw, 44px); }
      .ecoblock-prod .eb-pricing { padding: 18px 16px; }
      .ecoblock-prod .eb-price-row { flex-wrap: wrap; }
      .ecoblock-prod .eb-price-note { margin-left: 0; flex-basis: 100%; margin-top: 4px; }
    }
  
/* ---- news-body.html ---- */

.eb-news{
  --eb-font-title:"ArchyEDT-Bold","BPG Nino Mtavruli","Montserrat","Noto Sans Georgian",sans-serif;
  --eb-font-body:"BPG Arial","Montserrat","Noto Sans Georgian",sans-serif;
  --eb-font-mono:"Roboto Mono","Montserrat",monospace;
  --eb-green:#213E2C; --eb-earth:#C2A878; --eb-brick:#C66A3D; --eb-black:#2B2C2B;
  --eb-muted:rgba(43,44,43,.6); --eb-line:rgba(43,44,43,.12); --eb-line-soft:rgba(43,44,43,.08);
  --eb-card:#FFFFFF; --eb-bg:#F4F3F0; --eb-max:1440px; --eb-margin:clamp(24px,5vw,64px);
  background:var(--eb-bg); color:var(--eb-black); font-family:var(--eb-font-body);
  line-height:1.55; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  padding:clamp(96px,14vh,144px) 0;
}
.eb-news *,.eb-news *::before,.eb-news *::after{box-sizing:border-box;}
.eb-news a{color:inherit;text-decoration:none;}
.eb-news img,.eb-news svg{display:block;max-width:100%;}
.eb-news__container{max-width:var(--eb-max);margin:0 auto;padding:0 var(--eb-margin);}
.eb-news__head{max-width:560px;margin-bottom:clamp(32px,5vh,48px);}
.eb-news__title{font-family:var(--eb-font-title);font-weight:900;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.02em;color:var(--eb-green);}
.eb-news__divider{width:64px;height:3px;background:var(--eb-brick);margin:clamp(20px,3vh,28px) 0;}
.eb-news__lead{font-size:clamp(15px,1.05vw,16.5px);line-height:1.75;color:rgba(43,44,43,.78);max-width:60ch;}
.eb-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px);}
.eb-news-grid.eb-cols-2{grid-template-columns:repeat(2,1fr);}
.eb-news-grid.eb-cols-4{grid-template-columns:repeat(4,1fr);}
@media(max-width:980px){.eb-news-grid{grid-template-columns:repeat(2,1fr)!important;}}
@media(max-width:600px){.eb-news-grid{grid-template-columns:1fr!important;}}
.eb-news-card{position:relative;display:flex;flex-direction:column;background:var(--eb-card);border:1px solid var(--eb-line-soft);overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease;}
.eb-news-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--eb-brick);transform:scaleY(0);transform-origin:top;transition:transform .3s ease;z-index:3;}
.eb-news-card:hover{transform:translateY(-4px);border-color:rgba(198,106,61,.4);box-shadow:0 18px 40px -18px rgba(0,0,0,.18);}
.eb-news-card:hover::before{transform:scaleY(1);}
.eb-news-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:#e9e7e1;}
.eb-news-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.eb-news-card:hover .eb-news-card__media img{transform:scale(1.05);}
.eb-news-noimg{width:100%;height:100%;background:linear-gradient(135deg,#eceae4,#ddd8cd);}
.eb-news-card__body{padding:clamp(20px,2.4vh,26px) clamp(20px,2.2vw,28px);display:flex;flex-direction:column;gap:12px;flex:1;}
.eb-news-card__title{font-family:var(--eb-font-title);font-weight:800;font-size:clamp(18px,1.5vw,22px);line-height:1.25;letter-spacing:-.01em;margin:0;}
.eb-news-card__title a{color:var(--eb-green);}
.eb-news-card__title a:hover{color:var(--eb-brick);}
.eb-news-card__desc{margin:0;color:var(--eb-muted);font-size:14.5px;line-height:1.7;flex:1;}
.eb-news-card__more{display:inline-flex;align-items:center;gap:8px;font-family:var(--eb-font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--eb-black);transition:color .3s ease,gap .3s ease;}
.eb-news-card__more .eb-arrow{width:18px;height:11px;}
.eb-news-card:hover .eb-news-card__more{color:var(--eb-brick);gap:12px;}
.eb-news-pagination{display:flex;gap:8px;justify-content:center;margin:40px 0 0;flex-wrap:wrap;}
.eb-news-pagination a,.eb-news-pagination span{padding:10px 16px;border:1px solid var(--eb-line);font-family:var(--eb-font-mono);font-size:13px;font-weight:600;color:var(--eb-black);background:var(--eb-card);transition:all .25s ease;}
.eb-news-pagination a:hover{border-color:var(--eb-brick);color:var(--eb-brick);}
.eb-news-pagination .current{background:var(--eb-green);color:#fff;border-color:var(--eb-green);}

/* ---- news-single-body.html ---- */

.eb-news{
  --eb-font-title:"ArchyEDT-Bold","BPG Nino Mtavruli","Montserrat","Noto Sans Georgian",sans-serif;
  --eb-font-body:"BPG Arial","Montserrat","Noto Sans Georgian",sans-serif;
  --eb-font-mono:"Roboto Mono","Montserrat",monospace;
  --eb-green:#213E2C; --eb-earth:#C2A878; --eb-brick:#C66A3D; --eb-black:#2B2C2B;
  --eb-muted:rgba(43,44,43,.6); --eb-line:rgba(43,44,43,.12); --eb-line-soft:rgba(43,44,43,.08);
  --eb-card:#FFFFFF; --eb-bg:#F4F3F0; --eb-max:1440px; --eb-margin:clamp(24px,5vw,64px);
  background:var(--eb-bg); color:var(--eb-black); font-family:var(--eb-font-body);
  line-height:1.55; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  padding:clamp(96px,14vh,144px) 0;
}
.eb-news *,.eb-news *::before,.eb-news *::after{box-sizing:border-box;}
.eb-news a{color:inherit;text-decoration:none;}
.eb-news img,.eb-news svg{display:block;max-width:100%;}
.eb-news__container{max-width:var(--eb-max);margin:0 auto;padding:0 var(--eb-margin);}
.eb-news-single{max-width:820px;margin:0 auto;}
.eb-news-single__media{overflow:hidden;margin-bottom:28px;border:1px solid var(--eb-line-soft);}
.eb-news-single__media img{width:100%;height:auto;}
.eb-news-single__title{font-family:var(--eb-font-title);font-weight:900;font-size:clamp(30px,3.4vw,46px);line-height:1.1;letter-spacing:-.02em;color:var(--eb-green);margin:0;}
.eb-news-single__divider{width:64px;height:3px;background:var(--eb-brick);margin:22px 0;}
.eb-news-single__lead{font-size:clamp(16px,1.2vw,19px);line-height:1.75;color:rgba(43,44,43,.82);font-weight:500;margin:0 0 24px;}
.eb-news-single__content{font-size:16.5px;line-height:1.85;color:#3a3b3a;}
.eb-news-single__content p{margin:0 0 18px;}
.eb-news-single__content h2,.eb-news-single__content h3{font-family:var(--eb-font-title);color:var(--eb-green);margin:26px 0 12px;}
.eb-news-single__back{display:inline-flex;align-items:center;gap:8px;margin-top:30px;font-family:var(--eb-font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--eb-brick);}
.eb-news-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:32px 0 0;}
@media(max-width:600px){.eb-news-gallery{grid-template-columns:repeat(2,1fr);}}
.eb-news-gallery__item{display:block;aspect-ratio:1/1;overflow:hidden;border:1px solid var(--eb-line-soft);}
.eb-news-gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.eb-news-gallery__item:hover img{transform:scale(1.06);}

/* ---- contact-body.html ---- */

    .ecoblock-contact {
      --eb-font-title: 'ArchyEDT-Bold', 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-display: 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-body: 'BPG Arial', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-mono: 'Roboto Mono', 'Montserrat', monospace;
      --eb-max: 1440px;
      --eb-margin: clamp(24px, 5vw, 64px);

      --eb-green: #213E2C;
      --eb-black: #2B2C2B;
      --eb-earth: #C2A878;
      --eb-brick: #C66A3D;
      --eb-brick-hover: #B85A2D;
      --eb-line: rgba(43, 44, 43, 0.12);
      --eb-line-soft: rgba(43, 44, 43, 0.08);
      --eb-muted: rgba(43, 44, 43, 0.6);
      --eb-white: #FFFFFF;
      --eb-panel: #F2F4F0;          /* soft green-stone tint for the form panel */

      background: #FFFFFF;
      color: var(--eb-black);
      font-family: var(--eb-font-body);
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding: clamp(64px, 11vh, 128px) 0;
    }
    .ecoblock-contact *, .ecoblock-contact *::before, .ecoblock-contact *::after {
      box-sizing: border-box; margin: 0; padding: 0;
    }
    .ecoblock-contact a { color: inherit; text-decoration: none; }
    .ecoblock-contact button { font: inherit; cursor: pointer; }

    .ecoblock-contact .eb-container {
      max-width: var(--eb-max);
      margin: 0 auto;
      padding-left: var(--eb-margin);
      padding-right: var(--eb-margin);
    }

    /* ── FORM PANEL — emphasised hero block ─────────────── */
    .ecoblock-contact .eb-form-panel {
      position: relative;
      padding: clamp(32px, 5vw, 64px);
      background: var(--eb-panel);
      border: 1px solid var(--eb-line);
      box-shadow: 0 24px 60px -38px rgba(33, 62, 44, 0.35);
      overflow: hidden;
    }
    .ecoblock-contact .eb-form-panel::before {
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 4px;
      background: var(--eb-brick);
    }

    /* FORM SECTION */
    .ecoblock-contact .eb-form-wrap {
      display: grid;
      grid-template-columns: 1fr 1.5fr;
      gap: clamp(40px, 6vw, 96px);
      align-items: start;
    }
    .ecoblock-contact .eb-form-side {
      display: flex;
      flex-direction: column;
      gap: clamp(16px, 2.4vh, 24px);
    }
    .ecoblock-contact .eb-form-tag {
      font-family: var(--eb-font-mono);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.16em;
      color: var(--eb-brick);
      text-transform: uppercase;
    }
    .ecoblock-contact .eb-form-title {
      font-family: var(--eb-font-title);
      font-weight: 900;
      font-size: clamp(30px, 4vw, 52px);
      line-height: 1.0;
      letter-spacing: -0.02em;
      color: var(--eb-green);
      max-width: 16ch;
    }
    .ecoblock-contact .eb-form-title .eb-period { color: var(--eb-earth); }
    .ecoblock-contact .eb-form-text {
      font-family: var(--eb-font-body);
      font-size: 15px;
      line-height: 1.7;
      color: var(--eb-muted);
      max-width: 40ch;
    }
    .ecoblock-contact .eb-form-text a {
      color: var(--eb-brick);
      border-bottom: 1px solid var(--eb-brick);
    }

    .ecoblock-contact .eb-form {
      display: flex;
      flex-direction: column;
      gap: clamp(16px, 2vh, 22px);
    }
    .ecoblock-contact .eb-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(14px, 1.6vw, 20px);
    }
    .ecoblock-contact .eb-field { display: flex; flex-direction: column; gap: 8px; }
    .ecoblock-contact .eb-field-label {
      font-family: var(--eb-font-mono);
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.16em;
      color: var(--eb-muted);
      text-transform: uppercase;
    }
    .ecoblock-contact .eb-field-label .eb-req { color: var(--eb-brick); }
    .ecoblock-contact .eb-input,
    .ecoblock-contact .eb-textarea {
      width: 100%;
      padding: 14px 16px;
      font-family: var(--eb-font-body);
      font-size: 14px;
      background: var(--eb-white);
      color: var(--eb-black);
      border: 1px solid var(--eb-line);
      outline: none;
      transition: border-color 0.2s;
      border-radius: 0;
    }
    .ecoblock-contact .eb-input:focus,
    .ecoblock-contact .eb-textarea:focus {
      border-color: var(--eb-green);
    }
    .ecoblock-contact .eb-textarea {
      resize: vertical;
      min-height: 120px;
    }

    .ecoblock-contact .eb-submit-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      flex-wrap: wrap;
      padding-top: clamp(8px, 1.4vh, 14px);
    }
    .ecoblock-contact .eb-privacy {
      font-family: var(--eb-font-body);
      font-size: 12px;
      line-height: 1.6;
      color: var(--eb-muted);
      max-width: 36ch;
    }
    .ecoblock-contact .eb-btn {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      padding: 16px 28px;
      font-family: var(--eb-font-display);
      font-weight: 700;
      font-size: 13px;
      letter-spacing: 0.04em;
      transition: background .2s, transform .2s;
      border: none;
      line-height: 1;
      text-transform: uppercase;
      background: var(--eb-brick);
      color: var(--eb-white);
    }
    .ecoblock-contact .eb-btn svg { transition: transform 0.3s ease; flex-shrink: 0; }
    .ecoblock-contact .eb-btn:hover { background: var(--eb-brick-hover); transform: translateY(-2px); }
    .ecoblock-contact .eb-btn:hover svg { transform: translateX(5px); }

    /* INFO GRID — open, no boxed borders */
    .ecoblock-contact .eb-info {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: clamp(32px, 5vw, 64px);
      margin-top: clamp(48px, 7vh, 80px);
      padding-top: clamp(36px, 5vh, 48px);
      border-top: 1px solid var(--eb-line);
    }
    .ecoblock-contact .eb-info-cell {
      display: flex;
      flex-direction: column;
      gap: clamp(14px, 2vh, 20px);
    }
    .ecoblock-contact .eb-info-label {
      font-family: var(--eb-font-mono);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.16em;
      color: var(--eb-earth);
      text-transform: uppercase;
    }
    .ecoblock-contact .eb-info-list {
      display: flex;
      flex-direction: column;
      gap: 8px;
      list-style: none;
    }
    .ecoblock-contact .eb-info-val {
      font-family: var(--eb-font-display);
      font-weight: 600;
      font-size: clamp(15px, 1.2vw, 17px);
      color: var(--eb-green);
      line-height: 1.4;
      letter-spacing: -0.005em;
      transition: color 0.2s;
    }
    .ecoblock-contact a.eb-info-val:hover { color: var(--eb-brick); }
    .ecoblock-contact .eb-info-mono {
      font-family: var(--eb-font-mono);
      font-size: 11px;
      letter-spacing: 0.12em;
      color: var(--eb-muted);
      text-transform: uppercase;
      margin-top: 4px;
    }

    /* META BAR — open, no boxed borders */
    .ecoblock-contact .eb-meta {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: clamp(24px, 4vw, 56px);
      margin-top: clamp(48px, 7vh, 80px);
      padding-top: clamp(28px, 4vh, 36px);
      border-top: 1px solid var(--eb-line);
    }
    .ecoblock-contact .eb-meta-cell {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .ecoblock-contact .eb-meta-label {
      font-family: var(--eb-font-mono);
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.16em;
      color: var(--eb-earth);
      text-transform: uppercase;
    }
    .ecoblock-contact .eb-meta-val {
      font-family: var(--eb-font-display);
      font-weight: 700;
      font-size: clamp(14px, 1.2vw, 17px);
      color: var(--eb-green);
      letter-spacing: -0.005em;
      line-height: 1.3;
    }

    @media (max-width: 980px) {
      .ecoblock-contact .eb-form-wrap { grid-template-columns: 1fr; gap: 28px; }
      .ecoblock-contact .eb-row { grid-template-columns: 1fr; }
      .ecoblock-contact .eb-info { grid-template-columns: 1fr; gap: 28px; }
      .ecoblock-contact .eb-meta { grid-template-columns: 1fr; gap: 22px; }
      .ecoblock-contact .eb-submit-row { flex-direction: column; align-items: stretch; }
      .ecoblock-contact .eb-btn { justify-content: center; }
    }
    @media (max-width: 600px) {
      .ecoblock-contact .eb-form-title { font-size: clamp(28px, 9vw, 44px); }
    }

    /* Gentle reveal */
    @media (prefers-reduced-motion: no-preference) {
      .ecoblock-contact [data-eb-reveal] {
        opacity: 0;
        transform: translateY(24px);
        transition: opacity 0.8s cubic-bezier(.16,1,.3,1), transform 0.8s cubic-bezier(.16,1,.3,1);
      }
      .ecoblock-contact [data-eb-reveal].eb-in {
        opacity: 1;
        transform: none;
      }
    }
  
/* ---- order-body.html ---- */

    .ecoblock-order {
      --eb-font-title: 'ArchyEDT-Bold', 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-display: 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-body: 'BPG Arial', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-mono: 'Roboto Mono', 'Montserrat', monospace;
      --eb-max: 1440px;
      --eb-margin: clamp(24px, 5vw, 64px);

      --eb-green: #213E2C;
      --eb-black: #2B2C2B;
      --eb-earth: #C2A878;
      --eb-brick: #C66A3D;
      --eb-brick-hover: #B85A2D;
      --eb-gray-bg: #F5F6F6;
      --eb-gray-mid: #8B8A8A;
      --eb-gray-light: #D9D9D8;
      --eb-white: #FFFFFF;

      background: #FFFFFF;
      color: #2B2C2B;
      font-family: var(--eb-font-body);
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .ecoblock-order *, .ecoblock-order *::before, .ecoblock-order *::after {
      box-sizing: border-box; margin: 0; padding: 0;
    }
    .ecoblock-order a { color: inherit; text-decoration: none; }
    .ecoblock-order svg { display: block; max-width: 100%; }
    .ecoblock-order button { font: inherit; cursor: pointer; }

    .ecoblock-order .eb-container {
      max-width: var(--eb-max);
      margin: 0 auto;
      padding-left: var(--eb-margin);
      padding-right: var(--eb-margin);
    }

    /* INTRO LEAD */
    .ecoblock-order .eb-lead {
      display: grid;
      grid-template-columns: 5fr 7fr;
      gap: clamp(32px, 5vw, 80px);
      padding: clamp(36px, 5vh, 56px) 0;
      align-items: start;
    }
    .ecoblock-order .eb-lead-title {
      font-family: var(--eb-font-title);
      font-weight: 700;
      font-size: clamp(20px, 2vw, 28px);
      line-height: 1.15;
      letter-spacing: -0.01em;
      color: var(--eb-green);
    }
    .ecoblock-order .eb-lead-text {
      font-family: var(--eb-font-body);
      font-size: 16px;
      line-height: 1.7;
      color: var(--eb-black);
      max-width: 56ch;
    }

    /* MAIN LAYOUT — form + sidebar */
    .ecoblock-order .eb-main {
      display: grid;
      grid-template-columns: 1fr 360px;
      gap: 0;
      border-top: 1px solid var(--eb-black);
      border-bottom: 1px solid var(--eb-black);
    }
    .ecoblock-order .eb-form {
      padding: clamp(36px, 5vh, 56px) clamp(28px, 3.4vw, 56px);
      border-right: 1px solid var(--eb-black);
      display: flex;
      flex-direction: column;
      gap: clamp(48px, 6vh, 72px);
    }
    .ecoblock-order .eb-sidebar {
      padding: clamp(36px, 5vh, 56px) clamp(24px, 2.4vw, 36px);
      background: var(--eb-gray-bg);
      display: flex;
      flex-direction: column;
      gap: clamp(28px, 4vh, 40px);
      position: sticky;
      top: 0;
      align-self: start;
    }

    /* STEP HEADER */
    .ecoblock-order .eb-step-head {
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: baseline;
      gap: clamp(14px, 1.4vw, 20px);
      margin-bottom: clamp(20px, 3vh, 32px);
      padding-bottom: 14px;
      border-bottom: 2px solid var(--eb-black);
    }
    .ecoblock-order .eb-step-num {
      font-family: var(--eb-font-display);
      font-weight: 900;
      font-size: clamp(22px, 2.2vw, 32px);
      color: var(--eb-green);
      line-height: 1;
      letter-spacing: -0.02em;
    }
    .ecoblock-order .eb-step-title {
      font-family: var(--eb-font-title);
      font-weight: 800;
      font-size: clamp(16px, 1.5vw, 20px);
      color: var(--eb-black);
      line-height: 1.1;
      letter-spacing: -0.005em;
    }
    .ecoblock-order .eb-step-desc {
      font-family: var(--eb-font-body);
      font-size: 14px;
      line-height: 1.6;
      color: var(--eb-black);
      opacity: 0.78;
      margin-top: -8px;
      margin-bottom: clamp(20px, 3vh, 28px);
      max-width: 60ch;
    }

    /* FORMAT CARDS (Step 01) */
    .ecoblock-order .eb-formats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
    }
    .ecoblock-order .eb-format {
      border: 1px solid var(--eb-black);
      padding: clamp(20px, 2.4vw, 28px);
      display: flex;
      flex-direction: column;
      gap: 14px;
      transition: background 0.2s, border-color 0.2s;
      position: relative;
    }
    .ecoblock-order .eb-format.eb-active {
      background: var(--eb-green);
      color: var(--eb-white);
      border-color: var(--eb-green);
    }
    .ecoblock-order .eb-format.eb-active .eb-format-tag,
    .ecoblock-order .eb-format.eb-active .eb-format-id { color: var(--eb-earth); }
    .ecoblock-order .eb-format.eb-active .eb-format-rule { background: rgba(255,255,255,0.4); }
    .ecoblock-order .eb-format.eb-active .eb-format-spec { color: rgba(255,255,255,0.78); border-color: rgba(255,255,255,0.4); }
    .ecoblock-order .eb-format.eb-active .eb-format-num { color: var(--eb-white); }
    .ecoblock-order .eb-format.eb-active .eb-format-unit { color: rgba(255,255,255,0.86); }
    .ecoblock-order .eb-format.eb-active .eb-format-cube { stroke: var(--eb-white); }
    .ecoblock-order .eb-format-top {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .ecoblock-order .eb-format-tag {
      font-family: var(--eb-font-mono);
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.18em;
      color: var(--eb-brick);
      text-transform: uppercase;
    }
    .ecoblock-order .eb-format-id {
      font-family: var(--eb-font-mono);
      font-size: 10px;
      font-weight: 500;
      letter-spacing: 0.16em;
      color: var(--eb-gray-mid);
    }
    .ecoblock-order .eb-format-cube {
      stroke: var(--eb-black);
      fill: none;
      stroke-width: 1.5;
      width: 100%;
      max-width: 80px;
      height: auto;
      align-self: center;
      margin: 4px 0;
    }
    .ecoblock-order .eb-format-num {
      font-family: var(--eb-font-display);
      font-weight: 900;
      font-size: clamp(36px, 3.4vw, 48px);
      line-height: 0.85;
      letter-spacing: -0.03em;
      color: var(--eb-green);
    }
    .ecoblock-order .eb-format-unit {
      font-family: var(--eb-font-display);
      font-weight: 600;
      font-size: 13px;
      color: var(--eb-black);
      margin-left: 6px;
    }
    .ecoblock-order .eb-format-rule {
      height: 1px;
      background: var(--eb-black);
      margin: 4px 0;
    }
    .ecoblock-order .eb-format-spec {
      font-family: var(--eb-font-body);
      font-size: 12px;
      line-height: 1.5;
      color: var(--eb-black);
    }
    .ecoblock-order .eb-format-spec strong {
      font-weight: 700;
      display: block;
      margin-bottom: 2px;
    }

    /* QUANTITY ROW */
    .ecoblock-order .eb-qty {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      margin-top: 6px;
    }
    .ecoblock-order .eb-qty-input {
      width: 100%;
      padding: 10px 12px;
      font-family: var(--eb-font-mono);
      font-size: 13px;
      background: var(--eb-white);
      color: var(--eb-black);
      border: 1px solid var(--eb-black);
      outline: none;
      transition: border-color 0.2s;
      -moz-appearance: textfield;
    }
    .ecoblock-order .eb-qty-input::-webkit-outer-spin-button,
    .ecoblock-order .eb-qty-input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    .ecoblock-order .eb-qty-input:focus { border-color: var(--eb-brick); }
    .ecoblock-order .eb-qty-label {
      display: block;
      font-family: var(--eb-font-mono);
      font-size: 9px;
      font-weight: 600;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--eb-gray-mid);
      margin-bottom: 4px;
    }
    .ecoblock-order .eb-format.eb-active .eb-qty-label { color: rgba(255,255,255,0.6); }
    .ecoblock-order .eb-format.eb-active .eb-qty-input {
      background: rgba(255,255,255,0.1);
      color: var(--eb-white);
      border-color: rgba(255,255,255,0.4);
    }
    .ecoblock-order .eb-format.eb-active .eb-qty-input:focus { border-color: var(--eb-earth); }

    /* CLIENT TYPE TOGGLE (Step 02) */
    .ecoblock-order .eb-toggle {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0;
      border: 1px solid var(--eb-black);
    }
    .ecoblock-order .eb-toggle-opt {
      padding: clamp(20px, 2.4vw, 28px);
      background: var(--eb-white);
      color: var(--eb-black);
      border-right: 1px solid var(--eb-black);
      cursor: pointer;
      transition: background 0.2s, color 0.2s;
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: flex-start;
      text-align: left;
    }
    .ecoblock-order .eb-toggle-opt:last-child { border-right: none; }
    .ecoblock-order .eb-toggle-opt:hover {
      background: var(--eb-gray-bg);
      color: var(--eb-black);
    }
    .ecoblock-order .eb-toggle-opt.eb-active {
      background: var(--eb-green);
      color: var(--eb-white);
    }
    .ecoblock-order .eb-toggle-opt.eb-active:hover {
      background: var(--eb-green);
      color: var(--eb-white);
    }
    .ecoblock-order .eb-toggle-tag {
      font-family: var(--eb-font-mono);
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.18em;
      color: var(--eb-brick);
      text-transform: uppercase;
    }
    .ecoblock-order .eb-toggle-opt.eb-active .eb-toggle-tag { color: var(--eb-earth); }
    .ecoblock-order .eb-toggle-name {
      font-family: var(--eb-font-title);
      font-weight: 800;
      font-size: clamp(16px, 1.5vw, 20px);
      letter-spacing: -0.005em;
      line-height: 1.2;
      color: inherit;
    }
    .ecoblock-order .eb-toggle-desc {
      font-family: var(--eb-font-body);
      font-size: 12px;
      line-height: 1.5;
      opacity: 0.78;
      color: inherit;
    }

    /* INPUTS GRID */
    .ecoblock-order .eb-fields {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(16px, 1.6vw, 24px);
    }
    .ecoblock-order .eb-field { display: flex; flex-direction: column; gap: 8px; }
    .ecoblock-order .eb-field-full { grid-column: 1 / -1; }
    .ecoblock-order .eb-field-label {
      font-family: var(--eb-font-mono);
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.18em;
      color: var(--eb-gray-mid);
      text-transform: uppercase;
    }
    .ecoblock-order .eb-field-label .eb-req {
      color: var(--eb-brick);
    }
    .ecoblock-order .eb-input,
    .ecoblock-order .eb-textarea,
    .ecoblock-order .eb-select {
      width: 100%;
      padding: 14px 16px;
      font-family: var(--eb-font-body);
      font-size: 14px;
      background: var(--eb-white);
      color: var(--eb-black);
      border: 1px solid var(--eb-black);
      outline: none;
      transition: border-color 0.2s;
      border-radius: 0;
    }
    .ecoblock-order .eb-input:focus,
    .ecoblock-order .eb-textarea:focus,
    .ecoblock-order .eb-select:focus {
      border-color: var(--eb-brick);
      border-width: 2px;
      padding: 13px 15px;
    }
    .ecoblock-order .eb-textarea {
      resize: vertical;
      min-height: 96px;
      font-family: var(--eb-font-body);
    }
    .ecoblock-order .eb-select {
      appearance: none;
      background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1L6 6L11 1' stroke='%232B2C2B' stroke-width='1.5'/></svg>");
      background-repeat: no-repeat;
      background-position: right 16px center;
      padding-right: 40px;
    }

    /* B2B-only fields visibility helpers */
    .ecoblock-order .eb-b2b-only { display: none; }
    .ecoblock-order.eb-mode-b2b .eb-b2b-only { display: flex; }

    /* SUBMIT */
    .ecoblock-order .eb-submit-row {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 24px;
      align-items: center;
      padding-top: clamp(20px, 3vh, 32px);
      border-top: 1px solid var(--eb-black);
    }
    .ecoblock-order .eb-privacy {
      font-family: var(--eb-font-body);
      font-size: 12px;
      line-height: 1.6;
      color: var(--eb-black);
      opacity: 0.7;
      max-width: 48ch;
    }
    .ecoblock-order .eb-btn {
      display: inline-flex;
      align-items: center;
      gap: 14px;
      padding: 18px 28px;
      font-family: var(--eb-font-display);
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 0.05em;
      transition: background 0.25s, color 0.25s, border-color 0.25s;
      border: 1px solid transparent;
      line-height: 1;
      text-transform: uppercase;
    }
    .ecoblock-order .eb-btn svg { transition: transform 0.3s ease; flex-shrink: 0; }
    .ecoblock-order .eb-btn:hover svg { transform: translateX(5px); }
    .ecoblock-order .eb-btn-primary {
      background: var(--eb-brick);
      color: var(--eb-white);
      border-color: var(--eb-brick);
    }
    .ecoblock-order .eb-btn-primary:hover {
      background: var(--eb-brick-hover);
      border-color: var(--eb-brick-hover);
    }

    /* SIDEBAR — summary + contact */
    .ecoblock-order .eb-sidebar-block {
      display: flex;
      flex-direction: column;
      gap: 14px;
    }
    .ecoblock-order .eb-sidebar-label {
      font-family: var(--eb-font-mono);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.18em;
      color: var(--eb-brick);
      text-transform: uppercase;
      padding-bottom: 12px;
      border-bottom: 2px solid var(--eb-black);
      margin-bottom: 4px;
    }
    .ecoblock-order .eb-summary-row {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      gap: 12px;
      font-family: var(--eb-font-body);
      font-size: 13px;
      padding-bottom: 8px;
      border-bottom: 1px dashed var(--eb-gray-light);
    }
    .ecoblock-order .eb-summary-row:last-child {
      border-bottom: none;
      padding-bottom: 0;
    }
    .ecoblock-order .eb-summary-row .eb-key {
      color: var(--eb-black);
      opacity: 0.78;
    }
    .ecoblock-order .eb-summary-row .eb-val {
      font-family: var(--eb-font-mono);
      font-weight: 600;
      color: var(--eb-green);
    }
    .ecoblock-order .eb-summary-total {
      padding: 12px 0;
      border-top: 2px solid var(--eb-black);
      margin-top: 4px;
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      gap: 12px;
    }
    .ecoblock-order .eb-summary-total .eb-key {
      font-family: var(--eb-font-mono);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.16em;
      color: var(--eb-black);
      text-transform: uppercase;
    }
    .ecoblock-order .eb-summary-total .eb-val {
      font-family: var(--eb-font-display);
      font-weight: 900;
      font-size: clamp(24px, 2vw, 32px);
      color: var(--eb-green);
      letter-spacing: -0.02em;
      line-height: 1;
    }
    .ecoblock-order .eb-summary-total .eb-val .eb-unit {
      font-family: var(--eb-font-display);
      font-weight: 500;
      font-size: 13px;
      color: var(--eb-black);
      margin-left: 4px;
      letter-spacing: 0;
    }
    .ecoblock-order .eb-summary-note {
      font-family: var(--eb-font-body);
      font-size: 12px;
      line-height: 1.6;
      color: var(--eb-black);
      opacity: 0.7;
      padding: 12px;
      background: var(--eb-white);
      border-left: 2px solid var(--eb-brick);
    }

    .ecoblock-order .eb-contact-row {
      display: flex;
      flex-direction: column;
      gap: 6px;
      font-family: var(--eb-font-body);
      font-size: 13px;
    }
    .ecoblock-order .eb-contact-row a {
      font-family: var(--eb-font-display);
      font-weight: 500;
      color: var(--eb-green);
      transition: color 0.2s;
    }
    .ecoblock-order .eb-contact-row a:hover { color: var(--eb-brick); }
    .ecoblock-order .eb-contact-row .eb-tag {
      font-family: var(--eb-font-mono);
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.16em;
      color: var(--eb-gray-mid);
      text-transform: uppercase;
      margin-bottom: 2px;
    }

    /* BOTTOM STRIP */
    .ecoblock-order .eb-strip-bottom {
      padding: 14px 0;
      display: flex; align-items: center; justify-content: space-between;
      gap: 24px;
      font-family: var(--eb-font-mono);
      font-size: 11px; font-weight: 500;
      letter-spacing: 0.18em;
      color: var(--eb-gray-mid);
    }
    .ecoblock-order .eb-basf { color: var(--eb-green); }

    /* RESPONSIVE */
    @media (max-width: 980px) {
      .ecoblock-order .eb-lead { grid-template-columns: 1fr; gap: 16px; }
      .ecoblock-order .eb-main { grid-template-columns: 1fr; }
      .ecoblock-order .eb-form { border-right: none; border-bottom: 1px solid var(--eb-black); }
      .ecoblock-order .eb-sidebar { position: static; }
      .ecoblock-order .eb-formats { grid-template-columns: 1fr; }
      .ecoblock-order .eb-fields { grid-template-columns: 1fr; }
      .ecoblock-order .eb-toggle { grid-template-columns: 1fr; }
      .ecoblock-order .eb-toggle-opt { border-right: none; border-bottom: 1px solid var(--eb-black); }
      .ecoblock-order .eb-toggle-opt:last-child { border-bottom: none; }
      .ecoblock-order .eb-submit-row { grid-template-columns: 1fr; gap: 16px; }
      .ecoblock-order .eb-strip-bottom { flex-direction: column; align-items: flex-start; gap: 6px; }
    }
    @media (max-width: 600px) {
      .ecoblock-order .eb-format-num { font-size: 36px; }
    }
  
/* ---- footer.html ---- */

    .ecoblock-footer {
      --eb-font-title: 'ArchyEDT-Bold', 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-display: 'BPG Nino Mtavruli', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-body: 'BPG Arial', 'Montserrat', 'Noto Sans Georgian', sans-serif;
      --eb-font-mono: 'Roboto Mono', 'Montserrat', monospace;
      --eb-earth: #C2A878;
      --eb-max: 1440px;
      --eb-margin: clamp(24px, 5vw, 64px);

      background: #213E2C;
      color: #FFFFFF;
      font-family: var(--eb-font-body);
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .ecoblock-footer *, .ecoblock-footer *::before, .ecoblock-footer *::after {
      box-sizing: border-box; margin: 0; padding: 0;
    }
    .ecoblock-footer a { color: inherit; text-decoration: none; }
    .ecoblock-footer svg { display: block; max-width: 100%; }

    .ecoblock-footer .eb-container {
      max-width: var(--eb-max);
      margin: 0 auto;
      padding-left: var(--eb-margin);
      padding-right: var(--eb-margin);
    }

    /* MAIN GRID */
    .ecoblock-footer .eb-main {
      display: grid;
      grid-template-columns: 1.6fr 1fr 1fr 1fr;
      gap: clamp(40px, 5vw, 80px);
      padding: clamp(56px, 8vh, 96px) 0 clamp(48px, 6vh, 72px);
    }
    .ecoblock-footer .eb-cell {
      display: flex;
      flex-direction: column;
      gap: clamp(16px, 2vh, 22px);
    }
    .ecoblock-footer .eb-cell-label {
      font-family: var(--eb-font-mono);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.16em;
      color: var(--eb-earth);
      text-transform: uppercase;
    }

    /* Logo cell */
    .ecoblock-footer .eb-logo {
      display: inline-flex;
      align-items: center;
    }
    .ecoblock-footer .eb-logo img {
      height: 40px;
      width: auto;
      display: block;
    }
    .ecoblock-footer .eb-tag {
      font-family: var(--eb-font-title);
      font-weight: 700;
      font-size: clamp(19px, 1.7vw, 24px);
      line-height: 1.25;
      letter-spacing: -0.01em;
      color: #FFFFFF;
      max-width: 16ch;
    }
    .ecoblock-footer .eb-tag .eb-period { color: var(--eb-earth); }
    .ecoblock-footer .eb-tag-desc {
      font-family: var(--eb-font-body);
      font-size: 13px;
      line-height: 1.65;
      color: rgba(255,255,255,0.6);
      max-width: 36ch;
    }

    /* Nav links */
    .ecoblock-footer .eb-nav-list {
      display: flex;
      flex-direction: column;
      gap: 12px;
      list-style: none;
    }
    .ecoblock-footer .eb-nav-list a {
      font-family: var(--eb-font-display);
      font-weight: 500;
      font-size: 14px;
      color: rgba(255,255,255,0.8);
      transition: color 0.2s;
    }
    .ecoblock-footer .eb-nav-list a:hover { color: var(--eb-earth); }

    /* Contact list */
    .ecoblock-footer .eb-contact-list {
      display: flex;
      flex-direction: column;
      gap: 10px;
      list-style: none;
    }
    .ecoblock-footer .eb-contact-list li {
      font-family: var(--eb-font-display);
      font-weight: 500;
      font-size: 13px;
      color: rgba(255,255,255,0.8);
    }
    .ecoblock-footer .eb-contact-list a {
      transition: color 0.2s;
    }
    .ecoblock-footer .eb-contact-list a:hover { color: var(--eb-earth); }

    /* Legal/cert cell */
    .ecoblock-footer .eb-legal {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .ecoblock-footer .eb-legal-item {
      font-family: var(--eb-font-display);
      font-weight: 500;
      font-size: 12px;
      line-height: 1.5;
      color: rgba(255,255,255,0.6);
    }
    .ecoblock-footer .eb-basf-mark {
      font-family: var(--eb-font-mono);
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.16em;
      color: rgba(255,255,255,0.45);
      text-transform: uppercase;
    }

    /* BOTTOM BAR */
    .ecoblock-footer .eb-bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      padding: clamp(20px, 2.5vh, 26px) 0;
      border-top: 1px solid rgba(255,255,255,0.12);
      font-family: var(--eb-font-mono);
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 0.14em;
      color: rgba(255,255,255,0.5);
    }

    @media (max-width: 980px) {
      .ecoblock-footer .eb-main {
        grid-template-columns: 1fr 1fr;
        gap: clamp(36px, 5vh, 56px);
      }
      .ecoblock-footer .eb-bottom { flex-direction: column; align-items: flex-start; gap: 8px; }
    }
    @media (max-width: 600px) {
      .ecoblock-footer .eb-main { grid-template-columns: 1fr; }
    }
  
/* ---- motion.html ---- */

@media (prefers-reduced-motion: no-preference) {
  .eb-armed { opacity: 0; }

  .eb-armed.eb-t .eb-c { display:inline-block; opacity:0; transform:translateY(.62em) scale(.965); filter:blur(9px); }
  .eb-w { display:inline-block; }
  .eb-t .eb-c {
    transition: opacity .8s ease, transform .9s cubic-bezier(.16,1,.3,1), filter .8s ease;
    transition-delay: calc(130ms + var(--eb-i,0) * 40ms);
    will-change: opacity, transform, filter;
  }
  .eb-t.eb-in { opacity:1 !important; }
  .eb-t.eb-in .eb-c { opacity:1 !important; transform:translateY(0) scale(1) !important; filter:blur(0) !important; }

  .eb-armed:not(.eb-t) { transform: translateY(34px); filter: blur(7px); }

  .eb-in:not(.eb-t) {
    opacity:1 !important; transform:translateY(0) !important; filter:blur(0) !important;
    transition:
      opacity 1.05s cubic-bezier(.16,1,.3,1),
      transform 1.15s cubic-bezier(.16,1,.3,1),
      filter .95s ease;
    transition-delay: calc(90ms + var(--eb-i,0) * 115ms);
    will-change: opacity, transform, filter;
  }
}