.offline-estimate-section {
  position: relative;
  width: 90%;
  margin: 80px auto 120px;
  height: 320px;
  border-radius: 90px;
  overflow: hidden;
  user-select: none;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25); /* красивая внешняя тень */
}

/* Фон через псевдоэлемент */
.offline-estimate-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("your-image.jpg") center/cover no-repeat; /* центруем */
  border-radius: inherit;
  z-index: 1;
  filter: brightness(1.1);
}

/* Тёмная внутренняя тень */
.offline-estimate-section::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 clamp(8px, 4vw, 16px) rgba(0, 0, 0, 0.35);
}

.offline-estimate-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center; /* Центрируем картинку */
  border-radius: inherit;
  z-index: 1;
  filter: brightness(1.1); /* Добавляем яркость */
}

.offline-estimate-bg img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;   /* как cover у background */
  object-position: center; /* по центру */
  transform: translate(-50%, -50%);
  border-radius: inherit;
  z-index: 1;
  filter: brightness(1.1) drop-shadow(0 6px 12px rgba(0, 0, 0, 0.45)); /* яркость + тень */
}


.offline-estimate-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 clamp(6px, 3vw, 10px) rgba(0, 0, 0, 0.36);
}

.offline-estimate-content {
  position: relative;
  z-index: 3;
  max-width: 480px;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  padding: 35px 45px;
  border-radius: 60px;
  background: rgba(223, 252, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(15px) saturate(1.3);
  -webkit-backdrop-filter: blur(15px) saturate(1.3);
  color: #013f6c;
  text-align: center;
  font-weight: 500;
  transition: all 0.35s;
  text-decoration: none; /* убираем подчёркивание */
  display: block; /* вся область кликабельна */
}

.offline-estimate-content:hover {
  transform: translateY(-50%) scale(1.01);
  backdrop-filter: blur(5px) saturate(1.3);
  -webkit-backdrop-filter: blur(5px) saturate(1.3);
  background: rgba(223, 252, 255, 0.512);
}

.offline-estimate-content h2 {
  margin-bottom: 12px;
  font-size: 2.3rem;
  font-weight: 700;
  color: #01406c;
  text-shadow: 0 2px 4px rgba(255,255,255,0.8);
}

.offline-estimate-content p {
  font-size: 1.25rem;
  line-height: 1.4;
  color: #01406c;
}

.offline-estimate-content strong {
  color: #6759ce;
  font-weight: 700;
  text-shadow: 0 0 10px #6759ce88;
}