.agg-page {
      --ink: #1d242c;
      --muted: #5d6670;
      --line: #d8dde3;
      --soft: #f6f7f9;
      --panel: #ffffff;
      --accent: #b43b2e;
      --accent-dark: #7f261e;
      --deep: #242a32;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--ink);
      background: #ffffff;
      line-height: 1.55;
    }

    .agg-page * {
      box-sizing: border-box;
    }

    .agg-page a {
      color: inherit;
      text-decoration: none;
    }

    .agg-page img {
      display: block;
      max-width: 100%;
      height: auto;
    }

    .agg-page .agg-shell {
      width: min(1180px, calc(100% - 36px));
      margin: 0 auto;
    }

    .agg-page .agg-hero {
      padding: 34px 0 30px;
      background: #f4f5f6;
      border-bottom: 1px solid var(--line);
    }

    .agg-page .agg-hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
      gap: 28px;
      align-items: center;
    }

    .agg-page .agg-hero-grid > *,
    .agg-page .agg-fact-grid > *,
    .agg-page .agg-order-grid > * {
      min-width: 0;
    }

    .agg-page h1,
    .agg-page h2,
    .agg-page h3,
    .agg-page p {
      margin-top: 0;
    }

    .agg-page .agg-eyebrow {
      margin: 0 0 12px;
      color: var(--accent);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0;
      text-transform: uppercase;
    }

    .agg-page h1 {
      margin-bottom: 16px;
      max-width: 760px;
      color: var(--deep);
      font-size: 42px;
      line-height: 1.12;
      letter-spacing: 0;
    }

    .agg-page h2 {
      margin-bottom: 12px;
      color: var(--deep);
      font-size: 28px;
      line-height: 1.22;
      letter-spacing: 0;
    }

    .agg-page h3 {
      margin-bottom: 10px;
      color: var(--ink);
      font-size: 18px;
      line-height: 1.3;
      letter-spacing: 0;
    }

    .agg-page .agg-muted,
    .agg-page .agg-card p,
    .agg-page .agg-product-body p,
    .agg-page .agg-article-body p {
      color: var(--muted);
    }

    .agg-page .agg-hero-copy {
      max-width: 730px;
      margin-bottom: 18px;
      color: #35404a;
      font-size: 17px;
    }

    .agg-page .agg-hero-copy strong a {
      color: var(--accent-dark);
      border-bottom: 1px solid rgba(180, 59, 46, .35);
    }

    .agg-page .agg-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 22px;
      align-items: center;
    }

    .agg-page .agg-button {
      display: inline-flex;
      min-height: 44px;
      align-items: center;
      justify-content: center;
      padding: 12px 18px;
      border: 1px solid var(--accent);
      border-radius: 6px;
      color: var(--accent-dark);
      background: #ffffff;
      font-weight: 700;
    }

    .agg-page .agg-button-primary {
      color: #ffffff;
      background: var(--accent);
    }

    .agg-page .agg-media-frame,
    .agg-page .agg-fact-media {
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
    }

    .agg-page .agg-media-frame {
      padding: 18px;
    }

    .agg-page .agg-media-frame img,
    .agg-page .agg-fact-media img,
    .agg-page .agg-product-card img,
    .agg-page .agg-article-card img {
      width: 100%;
      aspect-ratio: 1 / 1;
      object-fit: contain;
      object-position: center;
      background: #ffffff;
    }

    .agg-page .agg-section {
      padding: 48px 0;
      border-bottom: 1px solid var(--line);
    }

    .agg-page .agg-section-soft {
      background: var(--soft);
    }

    .agg-page .agg-section-head {
      max-width: 770px;
      margin-bottom: 22px;
    }

    .agg-page .agg-grid-3 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }

    .agg-page .agg-grid-4 {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 16px;
    }

    .agg-page .agg-card {
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
    }

    .agg-page .agg-tag {
      display: inline-flex;
      margin-bottom: 12px;
      padding: 4px 8px;
      border-radius: 4px;
      background: #f7e9e6;
      color: var(--accent-dark);
      font-size: 12px;
      font-weight: 700;
    }

    .agg-page .agg-fact-grid {
      display: grid;
      grid-template-columns: minmax(300px, .85fr) minmax(0, 1.15fr);
      gap: 22px;
      align-items: start;
    }

    .agg-page .agg-fact-media {
      padding: 14px;
    }

    .agg-page .agg-table-wrap {
      overflow-x: auto;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
    }

    .agg-page .agg-table {
      width: 100%;
      min-width: 580px;
      border-collapse: collapse;
      text-align: left;
    }

    .agg-page .agg-table th,
    .agg-page .agg-table td {
      padding: 13px 14px;
      border-bottom: 1px solid var(--line);
      vertical-align: top;
    }

    .agg-page .agg-table tr:last-child th,
    .agg-page .agg-table tr:last-child td {
      border-bottom: 0;
    }

    .agg-page .agg-table th {
      width: 34%;
      color: var(--deep);
      background: #faf3f1;
      font-weight: 700;
    }

    .agg-page .agg-order-grid {
      display: grid;
      grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
      gap: 18px;
      align-items: start;
      padding: 24px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
    }

    .agg-page .agg-list {
      margin: 0;
      padding-left: 18px;
      color: var(--muted);
    }

    .agg-page .agg-list li + li {
      margin-top: 8px;
    }

    .agg-page .agg-product-card,
    .agg-page .agg-article-card {
      display: flex;
      min-height: 100%;
      flex-direction: column;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
    }

    .agg-page .agg-product-body,
    .agg-page .agg-article-body {
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: 16px;
    }

    .agg-page .agg-text-link {
      width: fit-content;
      margin-top: auto;
      color: var(--accent-dark);
      font-weight: 700;
      border-bottom: 1px solid rgba(180, 59, 46, .35);
    }

    .agg-page .agg-faq {
      display: grid;
      gap: 12px;
    }

    .agg-page .agg-faq-item {
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
    }

    .agg-page .agg-faq-item h3 {
      margin-bottom: 8px;
      font-size: 17px;
    }

    @media (max-width: 900px) {
      .agg-page .agg-hero-grid,
      .agg-page .agg-fact-grid,
      .agg-page .agg-order-grid {
        grid-template-columns: 1fr;
      }

      .agg-page .agg-grid-4,
      .agg-page .agg-grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .agg-page h1 {
        font-size: 34px;
      }
    }

    @media (max-width: 560px) {
      .agg-page .agg-shell {
        width: min(100% - 24px, 1180px);
      }

      .agg-page .agg-hero {
        padding: 26px 0 24px;
      }

      .agg-page h1 {
        font-size: 29px;
        line-height: 1.16;
      }

      .agg-page h2 {
        font-size: 23px;
      }

      .agg-page .agg-grid-4,
      .agg-page .agg-grid-3 {
        grid-template-columns: 1fr;
      }

      .agg-page .agg-actions {
        align-items: stretch;
        flex-direction: column;
      }

      .agg-page .agg-button {
        width: 100%;
      }

      .agg-page .agg-section {
        padding: 36px 0;
      }
    }