#sesCihazPaneli[hidden] { display: none !important; }
.telefon-baslik-eylem .ses-cihaz-ac {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 7px; width: auto; min-height: 32px; height: auto;
  padding: 6px 10px; border: 1px solid var(--cizgi); border-radius: 8px;
  background: var(--yuzey); color: var(--metin); font: inherit;
  font-size: 12px; font-weight: 600; white-space: nowrap; flex-shrink: 0;
}
.telefon-baslik-eylem .ses-cihaz-ac:hover,
.telefon-baslik-eylem .ses-cihaz-ac[aria-expanded="true"] {
  background: var(--yuzey-ikincil); border-color: var(--mavi, #316dea);
}
.telefon-baslik-eylem .ses-cihaz-ac:focus-visible {
  outline: 2px solid var(--mavi, #316dea); outline-offset: 3px;
}
.ses-cihaz-ac .ses-cihaz-ok { transition: transform .15s ease; }
.ses-cihaz-ac[aria-expanded="true"] .ses-cihaz-ok { transform: rotate(180deg); }
.ses-cihaz-ac .ses-cihaz-uyari {
  display: inline-grid; place-items: center; width: 17px; height: 17px;
  border-radius: 50%; background: #fff0d5; color: #8d4a00;
  font-size: 11px; font-style: normal; font-weight: 800;
}
.ses-cihaz-ac .ses-cihaz-uyari[hidden] { display: none; }
.ses-cihaz-ac[data-uyari] { border-color: #bb821f; }
@media (max-width: 1100px) {
  .telefon-basligi { grid-template-columns: 1fr auto; gap: 8px; padding-block: 10px; }
  .telefon-basligi > dl { grid-column: 1 / -1; grid-row: 2; }
  .telefon-basligi .telefon-baslik-eylem { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  .ses-cihaz-ac .ses-cihaz-ok { transition: none; }
}
@media (max-width: 480px) {
  .telefon-basligi { grid-template-columns: minmax(0, 1fr); }
  .telefon-basligi .telefon-baslik-eylem { grid-row: 2; justify-content: flex-start; }
  .telefon-basligi > dl { grid-row: 3; flex-wrap: wrap; }
  .telefon-basligi dl div { min-width: 0; padding-inline: 10px; }
}