.footer-sock__top { position: relative; }

.jcc-bolt-overlay__input {
  flex: 1;
  border: none !important; 
  outline: none;
  font-size: 16px;
  color: #111;
  background: transparent;
  padding: 8px 0;
  min-width: 0;
}
.jcc-bolt-overlay__input::placeholder { color: #aaaaaa; }

.jcc-bolt-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 32px 24px;
  background: rgba(0, 0, 0, 0.38);
  box-sizing: border-box;
}

.jcc-bolt-overlay__title {
  font-size: clamp(24px, 4vw, 38px);
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  line-height: 1.2;
  margin: 0;
}

.jcc-bolt-overlay__bar {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 620px;
  background: #ffffff;
  border-radius: 50px;
  border: 2px solid #0055B8;
  overflow: hidden;
  padding: 6px 6px 6px 20px;
  box-sizing: border-box;
  cursor: pointer;
}

.jcc-bolt-overlay__bar span {
  flex: 1;
  font-size: 16px;
  color: #aaaaaa;
}

.jcc-bolt-overlay__btn {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  background-color: #0055B8;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.75036 8.13004H3.16702M3.09648 8.37296L1.15071 14.1852C0.997847 14.6418 0.921417 14.8701 0.976267 15.0107C1.0239 15.1328 1.1262 15.2254 1.25244 15.2606C1.3978 15.3012 1.61736 15.2024 2.05647 15.0048L15.9827 8.73799C16.4113 8.54512 16.6256 8.44869 16.6918 8.31472C16.7494 8.19833 16.7494 8.06176 16.6918 7.94537C16.6256 7.81141 16.4113 7.71497 15.9827 7.5221L2.05161 1.25315C1.61383 1.05614 1.39493 0.957642 1.24971 0.998049C1.1236 1.03314 1.0213 1.12546 0.973507 1.24733C0.91847 1.38766 0.994084 1.61547 1.14531 2.0711L3.09702 7.95132C3.12299 8.02957 3.13598 8.0687 3.14111 8.10872C3.14565 8.14423 3.14561 8.18018 3.14097 8.21567C3.13574 8.25568 3.12265 8.29477 3.09648 8.37296Z' stroke='white' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  font-size: 0;
  transition: background-color 0.2s;
}

.jcc-bolt-overlay__btn:hover { background-color: #003f8a; }

.jcc-bolt-overlay__starters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  max-width: 660px;
}

.jcc-bolt-overlay__starter {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  border-radius: 50px;
  padding: 9px 18px;
  font-size: 14px;
  cursor: pointer;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  transition: background 0.2s, border-color 0.2s;
  white-space: nowrap;
}

.jcc-bolt-overlay__starter:hover {
  background: rgba(255, 255, 255, 0.28);
  border-color: #ffffff;
}

@media (max-width: 599px) {
  .jcc-bolt-overlay { padding: 20px 16px; gap: 14px; }
  .jcc-bolt-overlay__title { font-size: 22px; }
  .jcc-bolt-overlay__starter { white-space: normal; text-align: center; }
}