/* Duvar kağıtları (duvar-kagitlari.html) */
.dk2-kap { padding: 8px 0 72px; }
.dk2-ara { position: relative; display: flex; align-items: center; max-width: 360px; margin-bottom: 14px; }
.dk2-ara svg { position: absolute; left: 12px; width: 16px; height: 16px; color: var(--krem-3); pointer-events: none; }
.dk2-ara input { width: 100%; padding-left: 36px; }
.dk2-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.dk2-kart { display: grid; overflow: hidden; padding: 0; }
.dk2-kart.iskelet { aspect-ratio: 16 / 11; }
html.hareket .dk2-kart:not(.iskelet) { animation: belir .45s cubic-bezier(.2, .8, .2, 1) backwards; animation-delay: calc(var(--i, 0) * 25ms); }
.dk2-on { position: relative; display: grid; align-items: center; aspect-ratio: 16 / 9; padding: 0 0 0 7%; background-color: #070707; background-size: cover; background-position: center;
  box-shadow: inset 0 0 0 1px var(--cizgi); transition: filter .25s; }
.dk2-on::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 20% 50%, color-mix(in srgb, var(--kr) 22%, transparent), transparent 55%); pointer-events: none; }
.dk2-on img { position: relative; width: 38%; max-height: 40%; object-fit: contain; object-position: left center; filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .5)); }
.dk2-on b { position: relative; font: 400 26px/1 var(--f-baslik); text-transform: uppercase; }
.dk2-kart:hover .dk2-on { filter: brightness(1.12); }
.dk2-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; }
.dk2-alt > a { font: 700 15px/1.2 var(--f-arayuz); color: var(--krem); }
.dk2-alt > a:hover { color: var(--turuncu-2); }
.dk2-alt > span { display: flex; gap: 6px; }
.dk2-alt .dug svg { width: 14px; height: 14px; }
.dk2-alt .dug .yukleniyor { width: 12px; height: 12px; }
.dk2-steam { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.dk2-resmi { position: relative; display: grid; overflow: hidden; padding: 0; color: var(--krem); }
.dk2-resmi img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .35s; }
.dk2-resmi:hover img { transform: scale(1.04); }
.dk2-resmi.genis { grid-column: span 3; }
.dk2-resmi.genis img { aspect-ratio: 3840 / 1240; }
.dk2-resmi.dikey { grid-row: span 2; }
.dk2-resmi.dikey img { aspect-ratio: auto; height: 100%; }
.dk2-resmi span { position: absolute; left: 0; right: 0; bottom: 0; display: grid; gap: 3px; padding: 24px 12px 10px; background: linear-gradient(0deg, rgba(7, 7, 7, .9), transparent); }
.dk2-resmi b { font: 700 14px/1.2 var(--f-arayuz); }
.dk2-resmi small { font: 500 11.5px/1.2 var(--f-arayuz); color: var(--krem-2); }
.dk2-not { display: flex; gap: 8px; align-items: flex-start; margin: 18px 0 0; font: 500 13px/1.55 var(--f-arayuz); color: var(--krem-3); }
.dk2-not svg { flex: none; width: 15px; height: 15px; margin-top: 2px; }
@media (max-width: 900px) {
  .dk2-steam { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dk2-resmi.genis { grid-column: 1 / -1; }
  .dk2-resmi.dikey { grid-row: auto; }
  .dk2-resmi.dikey img { aspect-ratio: 2 / 3; height: auto; }
}
@media (max-width: 560px) {
  .dk2-izgara { grid-template-columns: minmax(0, 1fr); }
}