@layer components {
  .cookie-policy-main {
    padding-top: var(--space-10);
  }
  .cookie-hero {
    padding-bottom: var(--space-10);
  }
  .cookie-breadcrumb {
    font-size: var(--font-size-sm);
    margin-bottom: var(--space-4);
    color: var(--gray-600);
  }
  .cookie-breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
  }
  .cookie-breadcrumb li+li::before {
    content: "/";
    margin-right: var(--space-2);
    color: var(--gray-400);
  }
  .cookie-content {
    background: radial-gradient(circle at top, rgba(255, 255, 255, 0.92), rgba(234, 223, 207, 0.85));
  }
  .cookie-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: var(--space-8);
    align-items: flex-start;
  }
  @media (max-width: 899.98px) {
    .cookie-grid {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  .cookie-article {
    padding: var(--space-6);
    border-radius: var(--radius-lg);
    background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.98), rgba(245, 239, 228, 0.96));
    box-shadow: var(--shadow-soft);
    border: 1px solid rgba(189, 168, 135, 0.6);
    margin-bottom: var(--space-6);
  }
  .cookie-article h2 {
    font-size: var(--font-size-xl);
    margin-bottom: var(--space-3);
  }
  .cookie-article h3 {
    font-size: var(--font-size-md);
    margin-bottom: var(--space-2);
  }
  .cookie-list {
    display: grid;
    gap: var(--space-3);
    margin-top: var(--space-2);
  }
  .cookie-list li {
    font-size: var(--font-size-sm);
    color: var(--gray-700);
  }
  .cookie-cta {
    padding-top: var(--space-10);
    padding-bottom: var(--space-20);
  }
  .cookie-cta-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
  }
  .cookie-cta-title {
    font-size: var(--font-size-lg);
    margin-bottom: var(--space-2);
  }
  @media (max-width: 599.98px) {
    .cookie-article {
      padding: var(--space-4);
    }
    .cookie-cta-card {
      flex-direction: column;
      align-items: flex-start;
    }
  }
}