/* Container Grid Utama */ .pdf-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 15px; } /* Struktur Kartu Utama (Tag 'a' berfungsi sebagai link klik) */ .pdf-card { position: relative; display: block; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; background: #f9f9f9; /* Proporsi Kertas A4 agar 1 halaman tampil penuh utuh */ aspect-ratio: 1 / 1.414; text-decoration: none; box-shadow: 0 2px 5px rgba(0,0,0,0.08); transition: transform 0.2s; } .pdf-card:hover { transform: translateY(-3px); } /* --- PERBAIKAN KHUSUS IPHONE --- */ /* Kita butuh penampung tambahan di dalam untuk memaksa absolute positioning */ .pdf-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; /* Mencegah konten keluar di iOS Safari */ } .pdf-card iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; /* Menjaga area kartu agar tetap bisa diklik untuk link */ pointer-events: none; } /* Overlay Petunjuk Klik */ .pdf-card-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.85); color: #fff; font-size: 11px; font-family: sans-serif; text-align: center; padding: 6px; z-index: 10; } Klik untuk Buka PDF ↗ Klik untuk Buka PDF ↗ Klik untuk Buka PDF ↗ Klik untuk Buka PDF ↗ Klik untuk Buka PDF ↗ Klik untuk Buka PDF ↗ Klik untuk Buka PDF ↗ Klik untuk Buka PDF ↗ Klik untuk Buka PDF ↗ Klik untuk Buka PDF ↗
Pramuka Purwojati Edukasi, Prestasi, Semangat Tanpa Henti!
