/* ucussaati.org — hafif hayalet yükleme: görsel gelene kadar parıltı, API beklenirken kart iskeleti + pist rozeti */
:root { --sk-base: rgba(63, 50, 50, .10); --sk-hi: rgba(255, 255, 255, .7); }
@keyframes sk-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
@keyframes sk-rwy { from { background-position: 0 0; } to { background-position: 28px 0; } }
@keyframes sk-plane { 0%, 100% { transform: translateY(0) rotate(-8deg); } 50% { transform: translateY(-3px) rotate(-8deg); } }
img.sk-ld, .sk { background-image: linear-gradient(90deg, var(--sk-base) 30%, var(--sk-hi) 50%, var(--sk-base) 70%) !important; background-size: 200% 100% !important; background-color: var(--sk-base); animation: sk-shimmer 1.6s linear infinite; }
img.sk-ld { border-radius: 14px; }
.sk { display: inline-block; vertical-align: middle; border-radius: 8px; max-width: 100%; }
.sk.blk { display: block; }
.sk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 22px; }
.sk-card { border-radius: 18px; background: #fff; border: 1px solid rgba(63, 50, 50, .08); box-shadow: 0 8px 24px rgba(63, 50, 50, .08); overflow: hidden; }
.sk-card .sk-ph { display: block; width: 100%; aspect-ratio: 16 / 10; border-radius: 0; }
.sk-card .sk-body { padding: 16px 18px 18px; display: grid; gap: 10px; }
.sk-lines { display: grid; gap: 10px; }
@media (prefers-reduced-motion: reduce) { img.sk-ld, .sk { animation: none; } }