@media (max-width: 768px) {
  .cookie-banner {
    left: 8px;
    right: 8px;
    --cookie-banner-translate-x: 0;
    width: auto;
    bottom: calc(8px + env(safe-area-inset-bottom));
    border-radius: 14px;
    padding: 10px 10px 8px;
  }

  .cookie-eyebrow {
    margin-bottom: 2px;
  }

  .cookie-body {
    font-size: 0.86rem;
    line-height: 1.32;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .cookie-actions {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 6px;
  }

  .cookie-actions .cookie-btn {
    width: 100%;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 0;
    min-height: 44px;
    padding: 8px 6px;
    font-size: 0.76rem;
    line-height: 1.1;
  }

  .cookie-modal {
    align-items: flex-end;
    padding: 10px;
  }

  .cookie-modal-content {
    width: 100%;
    max-height: calc(100dvh - 20px);
    overflow: auto;
  }

  .cookie-modal-header,
  .cookie-modal-body,
  .cookie-modal-footer {
    padding: 14px 16px;
  }

  .cookie-option-header {
    align-items: flex-start;
  }

  .cookie-modal-footer {
    flex-direction: column-reverse;
  }

  .cookie-modal-footer .cookie-btn {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .cookie-modal-content {
    border-radius: 12px;
  }

  .cookie-modal-close {
    width: 44px;
    height: 44px;
  }
}