/* 4 Kas gece: üst menü Hizmetler paneli — solda liste, sağda görselli önizleme. detay.css'ten sonra yüklenir. */
.acilir-panel { left: 50%; transform: translate(-50%, 12px); }
.menu-acilir:hover .acilir-panel, .menu-acilir:focus-within .acilir-panel { transform: translate(-50%, 0); }
.acilir-ic { width: 760px; display: grid; grid-template-columns: 1.05fr .95fr; gap: 0; padding: 0; overflow: hidden; border-radius: 0 0 12px 12px;
  background: var(--zemin) url("img/doku.svg"); box-shadow: 0 40px 80px -30px rgba(11,23,54,.5); }
.acilir-liste { padding: 14px; display: grid; gap: 2px; }
.acilir-liste a { position: relative; display: flex; gap: 14px; align-items: baseline; padding: 12px 14px; border-radius: 6px; color: var(--laci); font-size: .9rem; transition: background .3s, padding .35s var(--hiz), color .3s; }
.acilir-liste a span { font-family: var(--serif); color: var(--altin-koyu); width: 28px; flex: none; }
.acilir-liste a::after { content: ""; position: absolute; right: 14px; top: 50%; width: 0; height: 1px; background: var(--altin); transition: width .4s var(--hiz); }
.acilir-liste a:hover { background: var(--laci); color: #fff; padding-left: 20px; }
.acilir-liste a:hover span { color: var(--altin); }
.acilir-liste a:hover::after { width: 22px; }
.acilir-onizle { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 18px 22px 22px; background: var(--laci) url("img/dalga.svg"); color: #c9d3ea; }
.acilir-onizle img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 6px; box-shadow: 0 0 0 1px rgba(184,151,90,.5); transition: opacity .3s, transform .6s var(--hiz); }
.acilir-onizle b { font-family: var(--serif); font-weight: 500; font-size: 1.25rem; color: #fff; margin-top: 6px; transition: opacity .3s; }
.acilir-onizle p { margin: 0; font-size: .84rem; line-height: 1.6; color: #b9c6e2; flex: 1; transition: opacity .3s; }
.acilir-onizle .bag-ok { color: var(--altin); font-size: .8rem; font-weight: 600; letter-spacing: .06em; }
.acilir-onizle.degis img, .acilir-onizle.degis b, .acilir-onizle.degis p { opacity: 0; }
.acilir-onizle.degis img { transform: scale(.97); }
@media (max-width: 1060px) {
  .acilir-panel, .menu-acilir:hover .acilir-panel { transform: none; left: auto; }
  .acilir-ic { width: auto; display: block; background: transparent; box-shadow: none; }
  .acilir-liste { padding: 4px 0 8px 10px; }
  .acilir-liste a:hover { background: transparent; color: var(--laci); padding-left: 14px; }
  .acilir-onizle { display: none; }
}
.acilir-onizle a.bag-ok, .acilir-onizle a.bag-ok:hover { padding: 0; background: none; display: inline-block; }