/* Paket ürün — sepete ekle alanı oyun seçimi */
.paket-secim {
  margin: 14px 0 16px;
  padding: 14px 14px 12px;
  border: 1px solid rgba(153, 178, 214, 0.22);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(22, 34, 53, 0.92), rgba(17, 27, 43, 0.94));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.paket-secim__heading {
  display: block;
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 700;
  color: #e6f1ff;
  line-height: 1.35;
}

.paket-secim__row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.paket-secim__row:last-of-type {
  margin-bottom: 0;
}

.paket-secim__label {
  flex: 0 0 auto;
  margin: 0;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  color: #b8cce6;
}

.paket-secim__select {
  flex: 1;
  min-width: 0;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid rgba(123, 152, 191, 0.35);
  border-radius: 8px;
  background: rgba(12, 20, 34, 0.95);
  color: #e6f1ff;
  font-size: 13px;
  line-height: 1.3;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239fb6d8' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 28px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.paket-secim__select:hover {
  border-color: rgba(91, 156, 255, 0.45);
}

.paket-secim__select:focus {
  outline: none;
  border-color: #3d8bfd;
  box-shadow: 0 0 0 2px rgba(61, 139, 253, 0.25);
}

.paket-secim__select option {
  background: #152238;
  color: #e6f1ff;
}

.paket-secim__uyari {
  margin-top: 12px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 111, 126, 0.55);
  border-radius: 8px;
  background: rgba(255, 111, 126, 0.1);
  color: #ffb3bc;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  box-shadow: 0 0 8px rgba(255, 111, 126, 0.15);
}

.paket-secim__uyari:not([hidden]) {
  display: block;
}

@media (max-width: 575px) {
  .paket-secim__row {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
  }

  .paket-secim__label {
    white-space: normal;
  }
}