/* Cookie banner */
.cookie-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1100;
  padding: 1rem 0;
  background: var(--color-overlay-heavy);
  border-top: 1px solid var(--color-border);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.cookie-banner[hidden] { display: none !important; }

.cookie-banner__inner { padding-top: 0.25rem; padding-bottom: 0.25rem; }

.cookie-banner__title {
  margin: 0 0 0.35rem;
  font-weight: 700;
  font-size: 1rem;
}

.cookie-banner__desc {
  color: var(--color-text-muted);
  font-size: 0.875rem;
}

.cookie-banner__desc a {
  color: var(--color-primary);
  text-decoration: underline;
}

/* Car filters */
.car-filters {
  margin: 24px 0;
  padding: 1.25rem 1.5rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  border: 1px solid var(--color-outline-variant);
}

.car-filters__group + .car-filters__group { margin-top: 1rem; }

.car-filters__label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--color-text-muted);
  margin-bottom: 0.5rem;
}

.car-filters__link {
  display: inline-flex;
  padding: 0.375rem 0.875rem;
  border-radius: 999px;
  border: 1px solid var(--color-outline);
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 600;
  transition: border-color var(--transition), color var(--transition), background var(--transition);
}

.car-filters__link:hover,
.car-filters__link.is-active {
  border-color: var(--color-primary);
  color: var(--color-primary);
  background: var(--color-primary-muted);
}

.car-filters__reset {
  display: inline-flex;
  margin-top: 1rem;
  color: var(--color-primary);
  font-weight: 700;
  font-size: 0.875rem;
}

/* Process step icons */
.process-step__icon--chat::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 4h16v11H7l-3 3V4z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 4h16v11H7l-3 3V4z'/%3E%3C/svg%3E");
}

.process-step__icon--search::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M10 2a8 8 0 105.3 14.3l4.4 4.4-1.4 1.4-4.4-4.4A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M10 2a8 8 0 105.3 14.3l4.4 4.4-1.4 1.4-4.4-4.4A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z'/%3E%3C/svg%3E");
}

.process-step__icon--deal::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 11h16v2H4zM8 7h8v2H8z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 11h16v2H4zM8 7h8v2H8z'/%3E%3C/svg%3E");
}

.process-step__icon--ship::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M3 18l2-6h14l2 6H3zm4-8l1-3h10l1 3H7z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M3 18l2-6h14l2 6H3zm4-8l1-3h10l1 3H7z'/%3E%3C/svg%3E");
}

.process-step__icon--key::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 14a5 5 0 019.9-1h3.1v3h-3v2h-3v-2H7v-2z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 14a5 5 0 019.9-1h3.1v3h-3v2h-3v-2H7v-2z'/%3E%3C/svg%3E");
}

/* Footer social icons */
.site-footer__social--instagram::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 2h10a5 5 0 015 5v10a5 5 0 01-5 5H7a5 5 0 01-5-5V7a5 5 0 015-5zm5 5a5 5 0 100 10 5 5 0 000-10zm6.5-.9a1.1 1.1 0 11-2.2 0 1.1 1.1 0 012.2 0z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 2h10a5 5 0 015 5v10a5 5 0 01-5 5H7a5 5 0 01-5-5V7a5 5 0 015-5zm5 5a5 5 0 100 10 5 5 0 000-10zm6.5-.9a1.1 1.1 0 11-2.2 0 1.1 1.1 0 012.2 0z'/%3E%3C/svg%3E");
}

.site-footer__social--telegram::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M22 3L2 11l7 3 2 7 4-6 6 4 1-16z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M22 3L2 11l7 3 2 7 4-6 6 4 1-16z'/%3E%3C/svg%3E");
}

.site-footer__social--youtube::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M21 8s-.2-1.4-.8-2C19.4 5.2 18 5 18 5H6s-1.4.2-2.2 1C3.2 7 3 8 3 8s-.2 1.4-.2 2.8v1.4C2.8 13.6 3 15 3 15s.2 1.4.8 2c.8.8 1.8.8 2.2.9C7.6 18 12 18 12 18s4.4 0 6.2-.1c.4 0 1.4-.1 2.2-.9.6-.6.8-2 .8-2s.2-1.4.2-2.8v-1.4C21 9.4 21 8 21 8zM10 15V9l5 3-5 3z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M21 8s-.2-1.4-.8-2C19.4 5.2 18 5 18 5H6s-1.4.2-2.2 1C3.2 7 3 8 3 8s-.2 1.4-.2 2.8v1.4C2.8 13.6 3 15 3 15s.2 1.4.8 2c.8.8 1.8.8 2.2.9C7.6 18 12 18 12 18s4.4 0 6.2-.1c.4 0 1.4-.1 2.2-.9.6-.6.8-2 .8-2s.2-1.4.2-2.8v-1.4C21 9.4 21 8 21 8zM10 15V9l5 3-5 3z'/%3E%3C/svg%3E");
}