.cookie-consent {
      position: fixed;
      left: 1rem;
      right: 1rem;
      bottom: 1rem;
      z-index: 120;
    }

    .cookie-consent-inner {
      width: min(1060px, 100%);
      margin-inline: auto;
      border: 1px solid #3f3f3f;
      border-radius: 16px;
      background: linear-gradient(180deg, rgba(18, 18, 18, 0.96), rgba(10, 10, 10, 0.98));
      box-shadow: var(--shadow);
      padding: 1rem 1.1rem;
      display: grid;
      grid-template-columns: 1.3fr 0.7fr;
      gap: 1rem;
      align-items: center;
    }

    .cookie-consent-copy h2 {
      font-family: "Sora", sans-serif;
      font-size: 1rem;
      margin-bottom: 0.35rem;
    }

    .cookie-consent-copy p {
      color: #d4d4d4;
      font-size: 0.88rem;
    }

    .cookie-consent-note {
      margin-top: 0.35rem;
      color: #afafaf;
      font-size: 0.8rem;
    }

    .cookie-consent-note a {
      color: #f0caca;
      text-decoration: underline;
      text-underline-offset: 0.14em;
    }

    .cookie-consent-note a:hover {
      color: #ffffff;
    }

    .cookie-consent-actions {
      display: grid;
      gap: 0.55rem;
      justify-items: stretch;
    }

    .cookie-modal {
      position: fixed;
      inset: 0;
      z-index: 130;
      display: grid;
      place-items: center;
      padding: 1rem;
    }

    .cookie-modal[hidden] {
      display: none;
    }

    .cookie-modal-backdrop {
      position: absolute;
      inset: 0;
      background: rgba(5, 5, 5, 0.66);
    }

    .cookie-modal-card {
      position: relative;
      z-index: 1;
      width: min(620px, 100%);
      border: 1px solid #3c3c3c;
      border-radius: var(--radius);
      background: linear-gradient(180deg, rgba(20, 20, 20, 0.98), rgba(12, 12, 12, 0.98));
      box-shadow: var(--shadow);
      padding: 1.15rem;
      display: grid;
      gap: 0.9rem;
    }

    .cookie-modal-close {
      position: absolute;
      top: 0.75rem;
      right: 0.75rem;
      width: 2rem;
      height: 2rem;
      display: inline-grid;
      place-items: center;
      border: 1px solid #3c3c3c;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.06);
      color: #ffffff;
      font: 800 0.8rem/1 "Manrope", sans-serif;
      cursor: pointer;
      transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
    }

    .cookie-modal-close:hover {
      border-color: #ffffff;
      background: rgba(255, 255, 255, 0.12);
    }

    .cookie-modal-card h2 {
      font-family: "Sora", sans-serif;
      font-size: 1.12rem;
      padding-right: 2.4rem;
    }

    .cookie-modal-intro {
      color: #d2d2d2;
      font-size: 0.88rem;
    }

    .cookie-options {
      display: grid;
      gap: 0.5rem;
    }

    .cookie-option {
      border: 1px solid #373737;
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.02);
      padding: 0.75rem;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 0.75rem;
      align-items: start;
    }

    .cookie-option strong {
      display: block;
      font-size: 0.9rem;
      margin-bottom: 0.16rem;
    }

    .cookie-option small {
      color: #b8b8b8;
      font-size: 0.78rem;
      line-height: 1.45;
      display: block;
    }

    .cookie-option input[type="checkbox"] {
      width: 1.05rem;
      height: 1.05rem;
      accent-color: var(--accent);
      margin-top: 0.15rem;
    }

    .cookie-modal-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 0.55rem;
    }

    .cookie-settings-trigger {
      position: fixed;
      right: 1rem;
      bottom: 1rem;
      z-index: 115;
      border: 1px solid #464646;
      border-radius: 999px;
      padding: 0.58rem 0.82rem;
      font-family: inherit;
      font-size: 0.82rem;
      font-weight: 700;
      color: #f0f0f0;
      background: rgba(12, 12, 12, 0.94);
      cursor: pointer;
      opacity: 0;
      transform: translateY(10px);
      pointer-events: none;
      transition: opacity 160ms ease, transform 160ms ease, border-color 160ms ease;
    }

    .cookie-settings-trigger.is-visible {
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
    }

    .cookie-settings-trigger:hover {
      border-color: #666666;
    }

    body.cookie-modal-open {
      overflow: hidden;
    }

    @media (max-width: 760px) {

      .cookie-consent {
        left: 0.65rem;
        right: 0.65rem;
        bottom: 0.65rem;
      }

      .cookie-consent-inner {
        grid-template-columns: 1fr;
        padding: 0.92rem;
      }

      .cookie-modal {
        padding: 0.7rem;
      }

      .cookie-modal-card {
        padding: 0.9rem;
      }

      .cookie-modal-actions .btn {
        flex: 1 1 100%;
      }

      .cookie-settings-trigger {
        right: 0.65rem;
        bottom: 0.65rem;
      }
    }