:root{--green-main:#8b6718;--green-dark:#733007;--bg-light:#e6f4ea;--text-secondary:#555;--white:#fff;--body-background:#e6f4ea}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--body-background);height:100%;margin:0;padding:0;font-family:Amiri,Traditional Arabic,Tahoma,serif;font-size:16px;overflow-x:hidden}body{min-height:100vh}@font-face{font-family:thuluth-decorated;src:url(/fonts/decotype-thuluth-iii.ttf)}@font-face{font-family:thuluth;src:url(/fonts/decotype-thuluth.ttf)}@font-face{font-family:sultan;src:url(/fonts/Sultan-Medium.ttf)}@font-face{font-family:Amiri;src:url(/fonts/Amiri-Regular.ttf)}header{background-color:var(--green-main);color:var(--white);text-align:center;height:clamp(30vh);padding:10px;font-family:thuluth,serif;box-shadow:0 5px 15px #000c}header h1{margin:0;font-size:clamp(2.5rem,6vw,4.5rem)}header span{font-size:clamp(2rem,4vw,3.5rem)}nav{background-color:var(--white);z-index:100;text-align:center;border-radius:0 0 30px 30px;flex-wrap:wrap;justify-content:center;margin:0;padding:10px 0;list-style:none;display:flex;position:sticky;top:0;box-shadow:0 3px 8px #0000004d;text-decoration:none!important}.navElements{color:var(--text-secondary);background-color:var(--white);border-radius:5px;padding:12px 25px;font-family:thuluth;font-size:clamp(.875rem,1.2vw,10.125rem);font-weight:600;transition:all .3s;display:block;box-shadow:none!important}.navElements.active,.navElements:hover{background-color:var(--green-main);color:var(--white);cursor:pointer;font-weight:700;transform:translateY(-2px)}.about-site{text-align:center;background:linear-gradient(135deg,#fff,#f4fbf6);border-radius:25px;max-width:1100px;margin:60px auto;padding:45px 30px;box-shadow:0 10px 30px #00000026}.section-title{color:var(--green-dark);text-align:center;margin-bottom:25px;padding-bottom:10px;font-family:thuluth;font-size:clamp(1.7rem,3vw,4.5rem);position:relative}.section-title:after{content:"";background:var(--green-main);border-radius:2px;width:80%;height:4px;position:absolute;bottom:0;right:50%;transform:translate(50%)}.about-text{max-width:800px;color:var(--text-secondary);margin:auto;font-size:clamp(1.7rem,2vw,4.5rem);line-height:2.5!important}.book-slider{background:var(--white);border-radius:25px;max-width:1100px;margin:60px auto;padding:45px 30px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000002e}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.book-slide,.article-slide{animation:.6s ease-in-out fadeIn}.book-slide{align-items:center;display:none}.book-slide.active{gap:40px;display:flex}.book-slide img{object-fit:cover;border-radius:20px;width:320px;box-shadow:0 8px 25px #0003}.book-details{flex:1}.book-details h3{color:var(--green-dark);margin-bottom:15px;font-size:2em}.book-details p{margin-bottom:25px;font-size:1.2em;font-weight:700;line-height:1.9}.book-details button,.download-btn,a{background:var(--green-main);color:var(--white);text-align:center;letter-spacing:.5px;border:none;border-radius:30px;padding:14px 30px;font-size:1.05em;font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 4px 12px #00000026}.book-details button:hover,.download-btn:hover,a:hover{cursor:pointer;background-color:var(--green-dark);transform:translateY(-2px);box-shadow:0 8px 20px #0003}.download-warning-outer-div{opacity:0;visibility:hidden;z-index:100;background-color:#000;width:100vw;height:100vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.download-warning-outer-div.active{visibility:visible;opacity:.5;overscroll-behavior:none}.download-warning{z-index:101;background-color:var(--white);visibility:hidden;opacity:0;border-radius:25px;min-width:250px;max-width:600px;padding:5px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0000002e}.download-warning.active{visibility:visible;transition:all .45s;opacity:1!important}.download-warning h3{color:var(--green-dark);text-align:center;width:100%;margin:0;font-family:thuluth;font-size:clamp(50px,3vw,4.5rem)}.download-warning p{text-align:center;max-width:550px;color:var(--text-secondary);margin:10px auto;font-size:clamp(1.7rem,2vw,4.5rem);line-height:1.5!important}.download-warning button{width:50%;margin:auto;display:block}.article-detail h3{color:var(--green-dark);font-size:clamp(1.5em,2vw,3.5em)}.article-detail p{font-size:clamp(1em,1.2vw,2.5em)}.books-page-container{max-width:1100px;margin:auto}.books-grid,.lectures-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px;max-width:1160px;margin:auto;display:grid}.book-card,.lecture{background-color:var(--white);text-align:center;border-radius:16px;margin:0;padding-bottom:20px;transition:transform .35s,box-shadow .35s;overflow:hidden;box-shadow:0 6px 22px #0000001f}.book-card:hover{transform:translateY(-10px);box-shadow:0 12px 30px #0000002e}.book-card img{object-fit:cover;border-bottom:5px solid var(--green-main);width:100%;height:330px}.book-info{padding:18px 25px}.book-info h3{color:var(--green-dark);margin-bottom:10px;font-size:1.4em}.book-info p{color:var(--text-secondary);min-height:100px;max-height:100px;margin-bottom:18px;font-size:1.05em;line-height:1.8;overflow:auto}.book-info p,.article-info p{text-align:justify}.articles-list{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px;max-width:1160px;margin:auto;display:grid}.article{text-align:center;background-color:var(--white);border-radius:16px;flex-direction:column;gap:10px;padding-bottom:20px;transition:transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 22px #0000001f}.article:hover{transform:translateY(-10px);box-shadow:0 12px 30px #0000002e}.article h3{color:var(--green-dark);white-space:nowrap;margin:10px 0;font-family:thuluth;font-size:clamp(1.5rem,1.2rem + 1vw,2.4rem)}.article h3:after{content:"";background:var(--green-main);border-radius:2px;width:80%;height:4px;margin:0 auto;display:block}.article p{text-align:center;max-width:90%;height:40%;margin:auto;font-family:Amiri,Traditional Arabic,Tahoma,serif;font-size:clamp(1rem,.9rem + .3vw,1.25rem);line-height:1.7}.article a{width:50%;margin:auto;display:block}.article a:hover{background-color:var(--green-dark);transform:scale(1)}.article-page-div{background-color:var(--white);text-align:center;border-radius:16px;flex-direction:column;max-width:1160px;margin:auto;padding-bottom:20px;transition:transform .35s,box-shadow .35s;display:flex;overflow:hidden;box-shadow:0 6px 22px #0000001f}.article-page-div h3,.article-page-div h2,.article-page-div p{width:80%;margin:15px auto}.article-page-div h3{color:var(--green-main)}.article-page-div h2{color:var(--green-dark);font-size:clamp(1.5rem,1.2rem + 1vw,2.4rem)}.article-page-div p{text-align:justify;font-family:Amiri,Traditional Arabic,Tahoma,serif;font-size:clamp(1rem,.9rem + .3vw,1.25rem);line-height:2}.fatawas-list{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px;max-width:1160px;margin:auto;display:grid}.fatwa{text-align:center;background-color:var(--white);border-radius:16px;flex-direction:column;gap:10px;padding-bottom:20px;transition:transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 22px #0000001f}.fatwa:hover{transform:translateY(-10px);box-shadow:0 12px 30px #0000002e}.fatwa h3{color:var(--green-dark);width:90%;height:80%;margin:10px auto;font-family:thuluth;font-size:clamp(1rem,1rem + 1vw,2rem)}.fatwa a{width:50%;max-width:200px;margin:auto;display:block}.fatwa a:hover{background-color:var(--green-dark);transform:scale(1)}.fatwa-page-div{background-color:var(--white);border-radius:16px;flex-direction:column;max-width:1150px;margin:auto;padding:10px 5px;display:flex;box-shadow:0 6px 22px #0000001f}.fatwa-page-div span{color:var(--green-dark)}.fatwa-page-div p{text-align:justify;width:90%;margin:15px auto}.question{color:var(--green-main);margin-bottom:12px;font-size:clamp(1rem,.9rem + 1vw,1.5rem);font-weight:700}.answer{border-left:5px solid var(--green-main);background-color:#f9fefb;border-radius:12px;margin-bottom:30px;padding:20px;font-size:clamp(1rem,.9rem + .3vw,1.25rem);line-height:1.7}.social-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-width:1150px;margin:auto;display:grid}.social-media-item{background-color:var(--white);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:10px;transition:transform .35s,box-shadow .35s;display:flex;box-shadow:0 6px 22px #0000001f}.social-media-item:hover{transform:translateY(-10px);box-shadow:0 12px 30px #0000002e}.social-media-item img{width:clamp(128px,5vw,216px)}.social-media-item h3{color:var(--green-dark);font-family:thuluth;font-size:clamp(1.2rem,.9rem + 1vw,2.5rem)}.lectures-page-div{flex-direction:column;gap:20px;max-width:1160px;margin:auto;display:flex}.lectures-div{background:var(--white);border-radius:25px;align-items:center;gap:40px;padding:45px 30px;display:flex;position:relative;box-shadow:0 10px 30px #0000002e}.lectures-div img{object-fit:cover;border-radius:20px;width:320px;box-shadow:0 8px 25px #0003}.lectures-details{flex-direction:column;gap:40px;display:flex}.lectures-details h3{color:var(--green-dark);margin-bottom:15px;font-family:thuluth;font-size:clamp(1.5rem,.9rem + 1vw,2.5rem)}.lecture{padding:18px 25px}.lecture:hover{cursor:pointer;transform:translateY(-10px);box-shadow:0 12px 30px #0000002e}.lecture h3{color:var(--green-dark);margin-bottom:15px;font-family:thuluth;font-size:clamp(1.2rem,.9rem + 1vw,2rem)}.lecture h3:after{content:"";background:var(--green-main);border-radius:2px;width:80%;height:4px;margin:0 auto;display:block}.slider-arrow{color:#fff;cursor:pointer;z-index:10;opacity:.5;background-color:#8b6718;border:none;border-radius:50%;width:44px;height:44px;font-size:22px;transition:background-color .3s;position:absolute;top:50%;box-shadow:0 6px 15px #00000040}.slider-arrow:hover{opacity:1;background-color:#733007;transform:scale(1.1)}.arrow-left{left:15px}.arrow-right{right:15px}footer{background-color:var(--white);text-align:center;color:var(--text-secondary);border-top:1px solid #0000001a;margin-top:40px;padding:25px;font-size:1em}@media (max-width:768px){.book-card img{height:260px}.book-slider{padding:20px}.book-slide.active,.lectures-div{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px}}