<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SilamBoki.Net</title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    <style>
        :root {
            --primary: #1a4756;
            --secondary: #2c8576;
            --accent: #d4af37;
            --bg: #f9f6f0;
            --text: #2d3748;
        }

        @keyframes shimmer {
            0% { background-position: -1000px 0; }
            100% { background-position: 1000px 0; }
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        
        body {
            background: var(--bg);
            background-image: 
                radial-gradient(circle at 100% 150%, var(--bg) 24%, rgba(26, 71, 86, 0.05) 25%, rgba(26, 71, 86, 0.05) 28%, var(--bg) 29%, var(--bg) 36%, rgba(26, 71, 86, 0.05) 36%, rgba(26, 71, 86, 0.05) 40%, transparent 40%),
                radial-gradient(circle at 0 150%, var(--bg) 24%, rgba(26, 71, 86, 0.05) 25%, rgba(26, 71, 86, 0.05) 28%, var(--bg) 29%, var(--bg) 36%, rgba(26, 71, 86, 0.05) 36%, rgba(26, 71, 86, 0.05) 40%, transparent 40%),
                radial-gradient(circle at 50% 100%, var(--bg) 10%, rgba(26, 71, 86, 0.05) 11%, rgba(26, 71, 86, 0.05) 23%, var(--bg) 24%, var(--bg) 30%, rgba(26, 71, 86, 0.05) 31%, rgba(26, 71, 86, 0.05) 43%, var(--bg) 44%, var(--bg) 50%, rgba(26, 71, 86, 0.05) 51%, rgba(26, 71, 86, 0.05) 63%, var(--bg) 64%, var(--bg) 71%, transparent 71%),
                radial-gradient(circle at 100% 50%, var(--bg) 5%, rgba(26, 71, 86, 0.05) 6%, rgba(26, 71, 86, 0.05) 15%, var(--bg) 16%, var(--bg) 20%, rgba(26, 71, 86, 0.05) 21%, rgba(26, 71, 86, 0.05) 30%, var(--bg) 31%, var(--bg) 35%, rgba(26, 71, 86, 0.05) 36%, rgba(26, 71, 86, 0.05) 45%, var(--bg) 46%, var(--bg) 49%, transparent 50%);
            background-size: 100px 50px;
            font-family: system-ui, sans-serif;
            min-height: 100vh;
            padding: 1.5rem;
            color: var(--text);
        }

        .container { max-width: 1200px; margin: 0 auto; }

        header {
            background: white; border-radius: 1rem; padding: 2.5rem 2rem; text-align: center;
            box-shadow: 0 4px 30px rgba(0,0,0,.08); margin-bottom: 2.5rem; position: relative; overflow: hidden;
            border: 1px solid rgba(212, 175, 55, 0.1);
        }

        header::before,
        header::after {
            content: ''; position: absolute; width: 200px; height: 200px; background: linear-gradient(45deg, var(--accent), transparent);
            border-radius: 50%; opacity: 0.1;
        }

        header::before { top: -100px; left: -100px; }
        header::after { bottom: -100px; right: -100px; }

        .header-ornament {
            position: absolute; top: 0; left: 0; right: 0; height: 8px; background: linear-gradient(90deg, transparent, var(--accent), transparent);
            opacity: 0.8; animation: shimmer 3s infinite linear;
        }

        h1 {
            font-size: 3rem; font-weight: 800; background: linear-gradient(135deg, var(--primary), var(--accent));
            -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 1rem;
            text-shadow: 2px 2px 4px rgba(0,0,0,.05); position: relative; display: inline-block;
        }

        h1::after {
            content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 100px; height: 3px; 
            background: linear-gradient(90deg, transparent, var(--accent), transparent);
        }

        .tagline { font-size: 1.2rem; color: var(--secondary); margin-bottom: 2rem; font-weight: 500; }

        .search-container {
            display: flex; gap: 1rem; max-width: 700px; margin: 1.5rem auto 0.5rem;
            background: linear-gradient(to right, rgba(212, 175, 55, 0.05), rgba(26, 71, 86, 0.05));
            padding: 1rem; border-radius: 1rem; box-shadow: 0 4px 20px rgba(0, 0, 0, .03); border: 1px solid rgba(212, 175, 55, 0.1);
        }

        .search-select,
        .search-input {
            padding: 0.875rem; border: 1px solid rgba(212, 175, 55, 0.2); border-radius: 0.75rem; font-size: 1rem;
            transition: all 0.3s ease; background: white; color: var(--primary); font-weight: 500;
        }

        .search-select:focus,
        .search-input:focus {
            outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1);
        }

        .search-wrapper { position: relative; flex: 1; }

        .search-input { width: 100%; padding-left: 3rem; }

        .search-icon {
            position: absolute; left: 1.25rem; top: 50%; transform: translateY(-50%); color: var(--accent); opacity: 0.7;
        }

        .book-grid {
            display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 2rem;
        }

        .book-card {
            background: white; border-radius: 1rem; padding: 1.5rem; border: 1px solid rgba(212, 175, 55, 0.1);
            transition: all .3s ease; position: relative; box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
        }

        .book-card:hover { transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0, 0, 0, .1); }
        .book-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; 
            background: linear-gradient(90deg, var(--primary), var(--accent)); opacity: 0; transition: opacity 0.3s ease; }

        .book-card:hover::before { opacity: 1; }

        .book-cover {
            height: 120px; background: linear-gradient(135deg, var(--primary), var(--secondary));
            color: white; display: flex; align-items: center; justify-content: center;
            font-weight: 600; padding: 1.5rem; text-align: center; border-radius: 0.75rem;
        }

        .book-cover::after {
            content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; 
            background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,.1) 10px, rgba(255,255,255,.1) 20px);
        }

        .book-title { color: var(--primary); margin: 1.25rem 0 0.75rem; font-size: 1.2rem; font-weight: 600; line-height: 1.4; }
        .book-author, .book-translator { color: var(--secondary); font-size: 0.9rem; opacity: 0.9; margin-bottom: 0.5rem; font-weight: 500; }
        .book-desc { font-size: 0.9rem; line-height: 1.6; margin: 1rem 0; color: #4a5568; }

        .book-actions {
            display: flex; justify-content: space-between; margin-top: 1.5rem; gap: 1rem;
        }

        .btn {
            padding: 0.75rem 1.25rem; border-radius: 0.75rem; color: white; text-decoration: none; font-weight: 600;
            display: flex; align-items: center; gap: 0.75rem; font-size: 0.9rem; transition: all 0.3s ease; flex: 1; justify-content: center;
            position: relative; overflow: hidden;
        }

        .btn::after {
            content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; 
            background: linear-gradient(45deg, rgba(255,255,255,0.1), rgba(255,255,255,0)); opacity: 0; transition: opacity 0.3s ease;
        }

        .btn:hover::after { opacity: 1; }
        .btn:hover { transform: translateY(-2px); }

        .btn-read { background: var(--primary); box-shadow: 0 4px 15px rgba(26, 71, 86, 0.2); }
        .btn-download { background: var(--secondary); box-shadow: 0 4px 15px rgba(44, 133, 118, 0.2); }

        @media (max-width: 768px) {
            body { padding: 1rem; }
            .search-container { flex-direction: column; }
            .book-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1.5rem; }
            h1 { font-size: 2.25rem; }
            .tagline { font-size: 1rem; }
            .search-select { min-width: 100%; }
        }
    </style>
</head>

<body>
    <div class="container">
        <header>
            <div class="header-ornament"></div>
            <h1>SilamBoki.Net</h1>
            <div class="tagline">Tranomboky nomerikan'i Zoto Ribhi; mitahiry boky silamo amin'ny teny malagasy</div>
            <div class="search-container">
                <div class="search-wrapper">
                    <i class="fas fa-search search-icon"></i>
                    <input type="text" class="search-input" placeholder="Hitady boky ..." id="searchInput" onkeyup="searchBooks()">
                </div>
                <select id="searchType" class="search-select">
                    <option value="title">amin'ny alalan'ny lohateniny</option>
                    <option value="author">amin'ny alalan'ny mpanoratra azy</option>
                    <option value="translator">amin'ny alalan'ny mpandika teny azy</option>
                </select>
            </div>
        </header>

<div class="book-grid" id="bookGrid">

    <div class="book-card">
        <div class="book-cover">ملخص عن قصص الأنبياء</div>
        <div class="book-content">
            <div class="book-title">Famintinana ny tantaran'ireo mpaminany</div>
            <div class="book-author">Nomanin'i Ostazy Jamil Alimasse</div>
            <div class="book-translator"></div>
            <div class="book-desc">Tapany voalohan'ilay boky</div>
            <div class="book-actions">
                <a href="https://drive.google.com/file/d/1Uh_6EdVXZocC_zCDSjzhDbsf34P4KfHi/view?usp=sharing" class="btn btn-read"><i class="fas fa-book-reader"></i> Hamaky</a>
                <a href="https://drive.google.com/uc?id=1Uh_6EdVXZocC_zCDSjzhDbsf34P4KfHi" class="btn btn-download"><i class="fas fa-download"></i> Hitelesariza</a>
            </div>
        </div>
    </div>

    <div class="book-card">
        <div class="book-cover">الأربعون النووية</div>
        <div class="book-content">
            <div class="book-title">Efapolon'i Nawawi</div>
            <div class="book-author">Nosoratan'i Imam Nawawi</div>
            <div class="book-translator">Nadikan'i Ostazy Zakaria Managna</div>
            <div class="book-desc">Boky mirakitra hadisy miisa 42 izay notsongain'i Imam Nawawi mba hamintinana ireo foto-pahalalana silamo; no sady nampiana hadisy valo hafa ka lasa dimampolo</div>
            <div class="book-actions">
                <a href="https://docs.google.com/viewer?url=https://muslim-library.com/books/2018/07/md_Alarbaouna_Annawawiyyah.pdf" class="btn btn-read"><i class="fas fa-book-reader"></i> Hamaky</a>
                <a href="https://muslim-library.com/books/2018/07/md_Alarbaouna_Annawawiyyah.pdf" class="btn btn-download"><i class="fas fa-download"></i> Hitelesariza</a>
            </div>
        </div>
    </div>

    <div class="book-card">
        <div class="book-cover">كتاب الأذكار والأدعية</div>
        <div class="book-content">
            <div class="book-title">Boky azkary sy doa</div>
            <div class="book-author">Nosoratan'i Ostazy Zakaria Managna</div>
            <div class="book-translator"></div>
            <div class="book-desc">Boky ahitana ireo azkary sy ireo doa fatao andavanandro</div>
            <div class="book-actions">
                <a href="https://docs.google.com/viewer?url=https://muslim-library.com/books/2018/07/md_Bokinny_Azkar_sy_Doah.pdf" class="btn btn-read"><i class="fas fa-book-reader"></i> Hamaky</a>
                <a href="https://muslim-library.com/books/2018/07/md_Bokinny_Azkar_sy_Doah.pdf" class="btn btn-download"><i class="fas fa-download"></i> Hampidina</a>
            </div>
        </div>
    </div>

    <div class="book-card">
        <div class="book-cover">أنا مسلم</div>
        <div class="book-content">
            <div class="book-title">Silamo aho</div>
            <div class="book-author">Nosoratan'i Dr. Mohamady Alhamd</div>
            <div class="book-translator">Nandikan'ny olona tsy fantatra</div>
            <div class="book-desc">Boky momba ny ankida</div>
            <div class="book-actions">
                <a href="https://byenah.com/mg/muslim-content/240" class="btn btn-read"><i class="fas fa-book-reader"></i> Hamaky</a>
                <a href="https://cdn.byenah.com/contents/240/mg-2837212-mm3-ana-muslim-ppp.pdf" class="btn btn-download"><i class="fas fa-download"></i> Hampidina</a>
            </div>
        </div>
    </div>

    <div class="book-card">
        <div class="book-cover">الوسائل المفيدة للحياة السعيدة</div>
        <div class="book-content">
            <div class="book-title">Ireo fomba ahazoana ny fiaianana sambatra</div>
            <div class="book-author">Nosoratan'i Sheikh Abderrahmane Saadi</div>
            <div class="book-translator">Nadikan'i Ostazy Zakaria Managna</div>
            <div class="book-desc">Boky manoro ny lalana ahazoana ny tena fahasambarana</div>
            <div class="book-actions">
                <a href="https://byenah.com/mg/muslim-content/24425" class="btn btn-read"><i class="fas fa-book-reader"></i> Hamaky</a>
                <a href="https://cdn.byenah.com/contents/24425/mg-ireo-fomba-ahazoana-ny-fiainana-sambatra-pdf.pdf" class="btn btn-download"><i class="fas fa-download"></i> Hampidina</a>
            </div>
        </div>
    </div>

    <div class="book-card">
        <div class="book-cover">رسالة في الدماء الطبيعية للنساء</div>
        <div class="book-content">
            <div class="book-title">Hafatra momba ny ra voajanahary eo amin'ny vehivavy</div>
            <div class="book-author">Nosoratan'i Sheikh Ibn Outhaimine</div>
            <div class="book-translator">Nadikan'ny olona tsy fantatra</div>
            <div class="book-desc">Boky momba ny fiky</div>
            <div class="book-actions">
                <a href="https://byenah.com/mg/muslim-content/9247" class="btn btn-read"><i class="fas fa-book-reader"></i> Hamaky</a>
                <a href="https://cdn.byenah.com/contents/9247/mg-normal-blood-for-women.pdf" class="btn btn-download"><i class="fas fa-download"></i> Hampidina</a>
            </div>
        </div>
    </div>

    <div class="book-card">
        <div class="book-cover">العقيدة الصحيحة وما يضادها ونواقض الإسلام</div>
        <div class="book-content">
            <div class="book-title">Ny fotom-pinoana marina sy izay mifanohitra aminy ary ireo zavatra manala anatin'ny Islamo</div>
            <div class="book-author">Nosoratan'i Sheikh Ibn Baz</div>
            <div class="book-translator">Nandikan'ny olona tsy fantatra</div>
            <div class="book-desc">Boky momba ny ankida</div>
            <div class="book-actions">
                <a href="https://byenah.com/mg/muslim-content/9112" class="btn btn-read"><i class="fas fa-book-reader"></i> Hamaky</a>
                <a href="https://byenah.com/mg/content-download?url=contents%2F9112%2Fmg-2837419-pp-aleaqidat-alsahiha.pdf" class="btn btn-download"><i class="fas fa-download"></i> Hampidina</a>
            </div>
        </div>
    </div>

    <div class="book-card">
        <div class="book-cover">المختصر المفيد للمسلم الجديد</div>
        <div class="book-content">
            <div class="book-title">Famintinana mahasoa natao ho an'izay nikosilimo</div>
            <div class="book-author">Nosoratan'i Sheikh Mohamady Shahry</div>
            <div class="book-translator">Nandikan'ny olona tsy fantatra</div>
            <div class="book-desc">Boky momba ny foto-pahalalana islamika</div>
            <div class="book-actions">
                <a href="https://byenah.com/mg/muslim-content/4750" class="btn btn-read"><i class="fas fa-book-reader"></i> Hamaky</a>
                <a href="https://cdn.byenah.com/contents/4750/mg-malagashi-nasai7-lil-muslim-al-gadiid-p.pdf" class="btn btn-download"><i class="fas fa-download"></i> Hampidina</a>
            </div>
        </div>
    </div>

    <div class="book-card">
        <div class="book-cover">وجوب العمل بسنة الرسول وكفر من أنكرها</div>
        <div class="book-content">
            <div class="book-title">Ny tsy maintsy anarahana ny sori-dalan'ny Mpaminany sy ny maha-mpikomy izay mandà izany</div>
            <div class="book-author">Nosoratan'i Sheikh Ibn Baz</div>
            <div class="book-translator">Nandikan'ny olona tsy fantatra</div>
            <div class="book-desc">Boky momba ny ankida</div>
            <div class="book-actions">
                <a href="https://byenah.com/mg/muslim-content/2181" class="btn btn-read"><i class="fas fa-book-reader"></i> Hamaky</a>
                <a href="https://cdn.byenah.com/contents/2181/mg-2826065-ppp-alsunna.pdf" class="btn btn-download"><i class="fas fa-download"></i> Hampidina</a>
            </div>
        </div>
    </div>

    <div class="book-card">
        <div class="book-cover">كيفية صلاة النبي صلى الله عليه وسلم</div>
        <div class="book-content">
            <div class="book-title">Fomba fikosoalian'ny Mpaminany S.A.W</div>
            <div class="book-author">Nosoratan'i Sheikh Ibn Baz</div>
            <div class="book-translator">Nandikan'i Ostazy Zakaria Managna</div>
            <div class="book-desc">Boky momba ny fiky</div>
            <div class="book-actions">
                <a href="https://byenah.com/mg/muslim-content/8516" class="btn btn-read"><i class="fas fa-book-reader"></i> Hamaky</a>
                <a href="https://cdn.byenah.com/contents/8516/mg_SWALAT_SY_NY_FOMBA_FANAOVANA_WOZO.pdf" class="btn btn-download"><i class="fas fa-download"></i> Hampidina</a>
            </div>
        </div>
    </div>

    <div class="book-card">
        <div class="book-cover">ما لا يسع أطفال المسلمين جهله</div>
        <div class="book-content">
            <div class="book-title">Ireo zavatra tsy azo tsinotsinoavin'ny zaza silamo ny fahaizana azy</div>
            <div class="book-author">Nosoratan'i Yazin Ganim</div>
            <div class="book-translator">Nandikan'ny olona tsy fantatra</div>
            <div class="book-desc">Boky momba ny fitaizana</div>
            <div class="book-actions">
                <a href="https://byenah.com/mg/muslim-content/5111" class="btn btn-read"><i class="fas fa-book-reader"></i> Hamaky</a>
                <a href="https://cdn.byenah.com/contents/5111/mg-2837213-223-ma-la-t-yasaa-atfal-almuslimin-jahluh.pdf" class="btn btn-download"><i class="fas fa-download"></i> Hampidina</a>
            </div>
        </div>
    </div>

    <div class="book-card">
        <div class="book-cover">أذكار الصباح والمساء</div>
        <div class="book-content">
            <div class="book-title">Ireo azkary amin'ny maraina sy hariva</div>
            <div class="book-author">Nosoratan'i Sheikh Qairawani</div>
            <div class="book-translator">Nandikan'ny olona tsy fantatra</div>
            <div class="book-desc">Boky momba ny azkary (tonom-bavaka)</div>
            <div class="book-actions">
                <a href="https://byenah.com/mg/muslim-content/20760" class="btn btn-read"><i class="fas fa-book-reader"></i> Hamaky</a>
                <a href="https://cdn.byenah.com/contents/20760/mg-2838000seef-al-adhkar-alati-tuqal-sabahan-wamasa-an-ppp.pdf" class="btn btn-download"><i class="fas fa-download"></i> Hampidina</a>
            </div>
        </div>
    </div>
    
            <div class="book-card">
        <div class="book-cover">جزء عم بالملغاشية استنادا إلى تفسير الطبري</div>
        <div class="book-content">
            <div class="book-title">Jozo Amma amin'ny teny malagasy; miorina amin'ny tafsirin'i Tabari</div>
            <div class="book-author"></div>
            <div class="book-translator">Nandikan'i Zoto Ribhi</div>
            <div class="book-desc"></div>
            <div class="book-actions">
                <a href="https://drive.google.com/file/d/1e0AMC16_SU-y4VbC0joc3eSpblHMJXQ6/view?usp=sharing" class="btn btn-read"><i class="fas fa-book-reader"></i> Hamaky</a>
                <a href="https://drive.google.com/uc?export=download&id=1e0AMC16_SU-y4VbC0joc3eSpblHMJXQ6" class="btn btn-download"><i class="fas fa-download"></i> Hampidina</a>
            </div>
        </div>
    </div>
    
    <div class="book-card">
        <div class="book-cover">الفاتحة وجزء عم باللغة الملغاشية</div>
        <div class="book-content">
            <div class="book-title">Alfatiha sy Jozo Amma amin'ny teny gasy</div>
            <div class="book-author"></div>
            <div class="book-translator">Nandikan'i Ostazy Abousoary Saïd Arsene</div>
            <div class="book-desc"></div>
            <div class="book-actions">
                <a href="https://islamcontent.com/mg/single-content/49011" class="btn btn-read"><i class="fas fa-book-reader"></i> Hamaky</a>
                <a href="https://islamcontent.com/storage/contents/49011/mg_Joz_Amma_Malagasy.pdf" class="btn btn-download"><i class="fas fa-download"></i> Hampidina</a>
            </div>
        </div>
    </div>
    
    
        <div class="book-card">
        <div class="book-cover">حكم السحر والكهانة</div>
        <div class="book-content">
            <div class="book-title">Didim-pitsarana momba ny mosavy sy ny ombiasy</div>
            <div class="book-author">Nosoratan'i Sheikh Ibn Baz</div>
            <div class="book-translator">Nandikan'ny olona tsy fantatra</div>
            <div class="book-desc">Boky momba ny ankida</div>
            <div class="book-actions">
                <a href="https://byenah.com/mg/muslim-content/8978" class="btn btn-read"><i class="fas fa-book-reader"></i> Hamaky</a>
                <a href="https://cdn.byenah.com/contents/8978/mg-2837210-alsihr-wa-alkahana-pp.pdf" class="btn btn-download"><i class="fas fa-download"></i> Hampidina</a>
            </div>
        </div>
    </div>
    
            <div class="book-card">
        <div class="book-cover">رسول الإسلام</div>
        <div class="book-content">
            <div class="book-title">Mpaminanin'ny Islamo</div>
            <div class="book-author">Nosoratan'ny fikambanana iray any Arabia Saodita</div>
            <div class="book-translator">Nandikan'ny olona tsy fantatra</div>
            <div class="book-desc">Boky momba ny ankida</div>
            <div class="book-actions">
                <a href="https://byenah.com/mg/muslim-content/25124" class="btn btn-read"><i class="fas fa-book-reader"></i> Hamaky</a>
                <a href="https://cdn.byenah.com/contents/25124/mg-muhamad-rasul-alaslam.pdf" class="btn btn-download"><i class="fas fa-download"></i> Hampidina</a>
            </div>
        </div>
    </div>
    
                <div class="book-card">
        <div class="book-cover">أركان الإسلام</div>
        <div class="book-content">
            <div class="book-title">Andry iorenan'ny Islamo</div>
            <div class="book-author">Nosoratan'ny Islamhouse</div>
            <div class="book-translator">Nandikan'ny olona tsy fantatra</div>
            <div class="book-desc">Boky momba ny ankida</div>
            <div class="book-actions">
                <a href="https://byenah.com/mg/muslim-content/5511" class="btn btn-read"><i class="fas fa-book-reader"></i> Hamaky</a>
                <a href="https://cdn.byenah.com/contents/5511/mg_arkan_elislam.pdf" class="btn btn-download"><i class="fas fa-download"></i> Hampidina</a>
            </div>
        </div>
    </div>

    <div class="book-card">
        <div class="book-cover">الإسلام</div>
        <div class="book-content">
            <div class="book-title">Ny finoana Islamo</div>
            <div class="book-author">Nosoratan'ny fikambanana iray any Arabia Saodita</div>
            <div class="book-translator">Nadikan'ny olona tsy fantatra</div>
            <div class="book-desc">Boky ahitana fampahatsiahivana mahasoa</div>
            <div class="book-actions">
                <a href="#" class="btn btn-read"><i class="fas fa-book-reader"></i> Hamaky</a>
                <a href="#" class="btn btn-download"><i class="fas fa-download"></i> Hampidina</a>
            </div>
        </div>
    </div>

</div>

    <script>
        function searchBooks() {
            const input = document.getElementById('searchInput').value.toLowerCase();
            const type = document.getElementById('searchType').value;
            document.querySelectorAll('.book-card').forEach(book => {
                const content = {
                    title: book.querySelector('.book-title').textContent.toLowerCase(),
                    cover: book.querySelector('.book-cover').textContent.toLowerCase(),
                    author: book.querySelector('.book-author')?.textContent.toLowerCase(),
                    translator: book.querySelector('.book-translator')?.textContent.toLowerCase()
                };
                
                book.style.display = (type === 'title' ? content.title.includes(input) || content.cover.includes(input) : content[type]?.includes(input)) ? 'block' : 'none';
            });
        }
    </script>
</body>
</html>






