@layer components{.hadis-sayilar{display:flex;flex-wrap:wrap;gap:.75rem 0}.hadis-sayilar>div{display:grid;gap:.125rem;padding-inline:1.25rem}.hadis-sayilar>div:first-child{padding-left:0}.hadis-sayilar>div+div{border-left:1px solid var(--line)}.hadis-sayilar dt{order:2;font-size:.75rem;font-weight:600;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}.hadis-sayilar dd{color:var(--gold)}.raf{--raf-bosluk:1rem;display:grid;gap:1.75rem var(--raf-bosluk);grid-template-columns:minmax(0,1fr)}@media (min-width:640px){.raf{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.raf{--raf-bosluk:1.5rem;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:2.75rem}}.raf-oge{position:relative;display:flex;flex-direction:column;perspective:70rem;padding-bottom:.875rem}.raf-oge>.cilt{flex:1 1 auto}.raf-oge:after{content:"";position:absolute;bottom:0;height:.5rem;border-radius:.125rem;background:linear-gradient(180deg,var(--gold-3),color-mix(in srgb,var(--gold-3) 45%,var(--sky-1)));box-shadow:0 12px 18px -10px rgb(var(--scrim)/.55);pointer-events:none;left:0;right:0}@media (min-width:640px) and (max-width:1023.98px){.raf-oge:nth-child(odd):after{right:calc(var(--raf-bosluk) / -2)}.raf-oge:nth-child(2n):after{left:calc(var(--raf-bosluk) / -2)}.raf-oge:nth-child(odd):last-child:after{right:0}}@media (min-width:1024px){.raf-oge:not(:nth-child(4n+1)):after{left:calc(var(--raf-bosluk) / -2)}.raf-oge:not(:nth-child(4n),:last-child):after{right:calc(var(--raf-bosluk) / -2)}}.cilt{--deri:color-mix(in srgb,var(--cilt) 42%,var(--sky-1));display:grid;grid-template-columns:3rem minmax(0,1fr);min-height:100%;border-radius:.375rem var(--radius-control) var(--radius-control) .375rem;background:radial-gradient(120% 80% at 85% 0,color-mix(in srgb,var(--cilt) 40%,transparent),transparent 60%),linear-gradient(160deg,var(--deri),color-mix(in srgb,var(--cilt) 22%,var(--sky-1)));box-shadow:0 1px 0 color-mix(in srgb,var(--paper) 8%,transparent) inset,0 18px 30px -18px rgb(var(--scrim)/.8);transform-origin:left center;transition:translate var(--dur-2) var(--ease),rotate var(--dur-3) var(--ease),box-shadow var(--dur-2) var(--ease)}.cilt,.cilt-sirt{position:relative}.cilt-sirt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding-block:.875rem;border-radius:.375rem 0 0 .375rem;background:linear-gradient(90deg,color-mix(in srgb,var(--cilt) 30%,var(--sky-1)),var(--deri) 55%,color-mix(in srgb,var(--cilt) 20%,var(--sky-1)));box-shadow:-1px 0 0 color-mix(in srgb,var(--paper) 6%,transparent) inset,2px 0 6px rgb(var(--scrim)/.45)}.cilt-bant{width:70%;height:.1875rem;border-radius:.125rem;background:var(--gold-leaf);opacity:.85}.cilt-sirt-ad{writing-mode:vertical-rl;rotate:180deg;font-family:var(--font-baslik),Georgia,serif;font-size:.9375rem;font-weight:600;line-height:1;white-space:nowrap;color:var(--gold-1);text-orientation:sideways;font-feature-settings:"vert" 0}.cilt-kapak{position:relative;display:flex;flex-direction:column;gap:.375rem;padding:1.125rem 1.125rem 1rem}.cilt-kapak:before{content:"";position:absolute;inset:.4375rem;border:1px solid color-mix(in srgb,var(--light) 28%,transparent);border-radius:.5rem;pointer-events:none;transition:border-color var(--dur-2) var(--ease)}.cilt-ad{font-family:var(--font-baslik),Georgia,serif;font-size:1.375rem;font-weight:600;line-height:1.2;color:var(--ink);text-wrap:balance}.cilt-aciklama{margin-bottom:.5rem;font-size:.875rem;line-height:1.5;color:var(--ink-soft)}.cilt-alt{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto;padding-top:.625rem;border-top:1px solid var(--line);font-size:.875rem;font-weight:600;color:var(--gold)}.cilt-sayi{min-width:0;overflow:hidden}.cilt-sayi-ic{display:flex;flex-wrap:wrap;margin-left:-1em}.cilt-sayi-ic>span{white-space:nowrap}.cilt-sayi-ic>span:before{content:"·";display:inline-block;width:1em;text-align:center}.cilt-ok{width:1.125rem;height:1.125rem;flex-shrink:0;transition:translate var(--dur-2) var(--ease)}.cilt-semse{display:none}@media (min-width:1024px){.cilt-semse{flex:1 1 auto;display:grid;place-items:center;min-height:4.5rem;padding-block:.5rem}.cilt-semse svg{width:3.75rem;height:3.75rem;overflow:visible;opacity:.55;transition:opacity var(--dur-2) var(--ease),rotate var(--dur-3) var(--ease)}.cilt-semse path{fill:color-mix(in srgb,var(--cilt) 30%,transparent);stroke:var(--gold-2);stroke-width:1;stroke-linejoin:round}.cilt-semse circle{fill:none;stroke:var(--gold-2);stroke-width:1}}.cilt-kurdele{align-self:flex-start;display:inline-flex;align-items:center;min-height:1.5rem;margin-bottom:.25rem;padding:.125rem .625rem;border-radius:.25rem;background:var(--gold-leaf);font-size:.75rem;font-weight:700;line-height:1.3;color:var(--on-brand);box-shadow:var(--shadow-glow)}@media (min-width:1024px){.cilt{min-height:21rem}.cilt-kapak{padding:1.5rem 1.25rem 1.125rem}}.cilt:focus-visible{outline-offset:4px}@media (hover:hover){.cilt:hover{translate:0 -.5rem;rotate:y -9deg;box-shadow:0 1px 0 color-mix(in srgb,var(--paper) 10%,transparent) inset,0 28px 40px -20px rgb(var(--scrim)/.9),var(--shadow-glow)}.cilt:hover .cilt-kapak:before{border-color:color-mix(in srgb,var(--light) 60%,transparent)}.cilt:hover .cilt-ok{translate:4px 0}.cilt:hover .cilt-semse svg{opacity:.9;rotate:22.5deg}}.cilt:active{translate:0 -.25rem}@media (prefers-reduced-motion:reduce){.cilt,.cilt:hover,.cilt:hover .cilt-semse svg{rotate:none;translate:none}}.fihrist-arac{display:grid;gap:.5rem;margin-bottom:1.5rem}@media (min-width:640px){.fihrist-arac{grid-template-columns:minmax(0,28rem) auto;align-items:center;column-gap:1.25rem}}.fihrist-ara{position:relative;display:block}.fihrist-ara>svg{position:absolute;left:1.125rem;top:50%;width:1.25rem;height:1.25rem;translate:0 -50%;color:var(--cat);pointer-events:none}.fihrist-ara .field{min-height:3.25rem;padding-left:3rem;padding-right:3rem;border-radius:var(--radius-full)}.fihrist-ara .field::-webkit-search-cancel-button{display:none}.fihrist-ara .icon-btn{position:absolute;right:.25rem;top:50%;translate:0 -50%}.fihrist-bos{padding:2rem 1rem;border:1px dashed var(--line-strong);border-radius:var(--radius-card);text-align:center;color:var(--ink-soft)}.fihrist-liste{display:grid;column-gap:3rem}@media (min-width:1024px){.fihrist-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}.fihrist-liste>li{min-width:0}.fihrist-satir{position:relative;display:flex;align-items:center;gap:.875rem;min-height:3.75rem;padding:.625rem .5rem;border-radius:var(--radius-control);transition:background-color var(--dur-1) var(--ease)}.fihrist-satir:after{content:"";position:absolute;left:3.875rem;right:.5rem;bottom:0;height:1px;background:linear-gradient(90deg,var(--cat) calc(var(--hacim, .2) * 100%),var(--line) calc(var(--hacim, .2) * 100%));opacity:.7}.fihrist-satir:hover{background:var(--surface-2)}.fihrist-no{display:grid;place-items:center;width:2.5rem;height:2.5rem;flex-shrink:0;border:1px solid color-mix(in srgb,var(--cat) 35%,transparent);border-radius:var(--radius-full);background:color-mix(in srgb,var(--cat) 9%,transparent);font-family:var(--font-baslik),Georgia,serif;font-size:.9375rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--cat);transition:background-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease),rotate var(--dur-3) var(--ease)}.fihrist-satir:hover .fihrist-no{background:var(--cat);color:var(--paper)}.fihrist-ad{display:grid;min-width:0;flex:0 1 auto}.fihrist-baslik{font-size:1rem;font-weight:600;line-height:1.35;color:var(--ink);transition:color var(--dur-1) var(--ease)}.fihrist-satir:hover .fihrist-baslik{color:var(--brand)}.fihrist-alt{font-size:.75rem;line-height:1.35;color:var(--ink-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fihrist-nokta{flex:1 1 1rem;min-width:1rem;align-self:center;height:0;border-bottom:2px dotted var(--line-strong);opacity:.55}.fihrist-aralik{flex-shrink:0;font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.hadis-liste{display:grid;gap:1.25rem}.hadis{position:relative;display:grid;gap:1rem;padding:1.125rem 1.125rem 1.25rem;border:1px solid var(--line);border-radius:var(--radius-card);background:radial-gradient(90% 60% at 0 0,color-mix(in srgb,var(--cat-fill) 7%,transparent),transparent 70%),var(--surface);box-shadow:var(--shadow-card);overflow:clip;transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}@media (min-width:640px){.hadis{padding:1.5rem 1.75rem 1.75rem}}.hadis:before{content:"";position:absolute;top:0;left:1.25rem;right:1.25rem;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--cat-fill),var(--gold-2),transparent);opacity:.55}.hadis:target{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft),var(--shadow-card)}.hadis-bas{display:flex;align-items:center;gap:.75rem}.hadis-yildiz{position:relative;display:grid;place-items:center;width:3rem;height:3rem;flex-shrink:0}.hadis-yildiz svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hadis-yildiz path{fill:color-mix(in srgb,var(--cat) 10%,var(--surface));stroke:var(--gold);stroke-width:1.25;stroke-linejoin:round}.hadis-yildiz b{position:relative;font-family:var(--font-baslik),Georgia,serif;font-size:.9375rem;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}.hadis-araclar{display:flex;flex-shrink:0;margin-right:-.5rem}.hadis-metin{max-width:38em;font-size:clamp(1.0625rem,1.01rem + .25vw,1.1875rem);line-height:1.8;color:var(--ink);hanging-punctuation:first}.hadis-metin[data-boy=kisa]{font-family:var(--font-display),Georgia,serif;font-size:clamp(1.25rem,1.12rem + .6vw,1.5rem);line-height:1.6;letter-spacing:-.005em}.hadis-metin[data-boy=uzun]{font-size:1.0625rem;line-height:1.75}.hadis-kaynak{display:block;margin-top:.75rem;padding-top:.625rem;border-top:1px solid var(--line);font-family:var(--font-body),system-ui,sans-serif;font-size:.8125rem;font-weight:500;line-height:1.5;color:var(--ink-mute)}.hadis-ar{border-top:1px dashed var(--line);padding-top:.25rem}.hadis-ar summary{display:inline-flex;align-items:center;gap:.625rem;min-height:2.75rem;font-size:.875rem;font-weight:600;color:var(--ink-soft);transition:color var(--dur-1) var(--ease)}.hadis-ar summary:hover,.hadis-ar[open] summary{color:var(--brand)}.hadis-ar .hadis-ar-harf{display:grid;place-items:center;width:2rem;height:2rem;padding-bottom:.25rem;border-radius:var(--radius-full);background:var(--gold-soft);font-size:1.25rem;line-height:1;color:var(--gold);transition:rotate var(--dur-2) var(--ease),background-color var(--dur-2) var(--ease)}.hadis-ar[open] .hadis-ar-harf{background:var(--gold);color:var(--surface);rotate:-12deg}.hadis-ar::details-content{block-size:0;overflow:hidden;transition:block-size var(--dur-2) var(--ease),content-visibility var(--dur-2) allow-discrete}.hadis-ar[open]::details-content{block-size:auto}.hadis-ar>p.arabic{padding:.75rem 0 .25rem;font-size:clamp(1.375rem,1.25rem + .6vw,1.75rem);line-height:2.1;text-align:right;color:var(--ink)}.hadis-arac-cubugu{display:flex;flex-wrap:wrap;gap:.625rem}.hadis-arac-cubugu .btn{flex:1 1 auto}@media (max-width:1023.98px){.hadis-arac-cubugu .btn{display:none}}.sayfalama{display:grid;grid-template-columns:auto auto;grid-template-areas:"no no" "onceki sonraki";justify-content:space-between;align-items:center;gap:1rem;margin-top:var(--head-gap)}.sayfalama>:first-child{grid-area:onceki}.sayfalama>:last-child{grid-area:sonraki}.sayfalama-no{grid-area:no;display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem}@media (min-width:640px){.sayfalama{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"onceki no sonraki"}}.btn.hadis-fab{position:fixed;right:max(1rem,env(safe-area-inset-right,0px));bottom:calc(var(--tab-bar) + var(--safe-bottom) + 1rem);z-index:30;border-radius:var(--radius-full);box-shadow:var(--shadow-float);opacity:0;translate:0 1.25rem;pointer-events:none;transition:opacity var(--dur-2) var(--ease),translate var(--dur-2) var(--ease)}.btn.hadis-fab[data-gorunur]{opacity:1;translate:0 0;pointer-events:auto}@media (min-width:1024px){.btn.hadis-fab{display:none}}dialog.hadis-odak{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:var(--sky-1);color:var(--ink)}dialog.hadis-odak::backdrop{background:var(--sky-1)}.hadis-odak-sahne{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%}.hadis-odak-sahne:after,.hadis-odak-sahne:before{opacity:.4}.hadis-odak-sahne:after{animation:none}.hadis-odak-ust{position:relative;display:flex;align-items:center;gap:.5rem;padding:calc(env(safe-area-inset-top, 0px) + .5rem) max(.75rem,env(safe-area-inset-right,0px)) .625rem max(.5rem,env(safe-area-inset-left,0px));background:transparent}.hadis-odak-ilerleme{position:absolute;left:1rem;right:1rem;bottom:0;height:.1875rem;overflow:hidden;border-radius:.1875rem;background:color-mix(in srgb,var(--paper) 18%,transparent)}.hadis-odak-ilerleme i{display:block;height:100%;border-radius:inherit;background:var(--gold-leaf);transform-origin:left;transition:transform var(--dur-2) var(--ease)}.hadis-odak-kap{min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;outline:none}.hadis-odak-kap::-webkit-scrollbar{display:none}.hadis-odak-dilim{position:relative;display:grid;place-items:center;height:100%;padding:.875rem max(.875rem,env(safe-area-inset-right,0px)) 1rem max(.875rem,env(safe-area-inset-left,0px));scroll-snap-align:start;scroll-snap-stop:always}.hadis-odak-kart{display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;max-width:42rem;max-height:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--gold-2) 45%,transparent);border-radius:var(--radius-sheet);background:radial-gradient(80% 50% at 50% 0,color-mix(in srgb,var(--gold-2) 12%,transparent),transparent 70%),var(--surface);box-shadow:var(--shadow-float),0 0 60px -20px color-mix(in srgb,var(--gold-2) 50%,transparent);transition:opacity var(--dur-3) var(--ease),scale var(--dur-3) var(--ease)}.hadis-odak-dilim:not([data-etkin]) .hadis-odak-kart{opacity:.5;scale:.94}.hadis-odak-kart-bas{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.125rem .625rem;border-bottom:1px solid var(--line)}.hadis-odak-govde{display:grid;align-content:safe center;gap:1rem;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1.25rem 1.25rem 1.5rem}@media (min-width:640px){.hadis-odak-kart-bas{padding:1rem 1.75rem .75rem}.hadis-odak-govde{padding:1.75rem 2rem 2rem}}.hadis-odak-ar{display:none;padding-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--gold) 35%,transparent);font-size:clamp(1.375rem,1.2rem + .8vw,1.875rem);line-height:2.05;text-align:right;color:var(--ink)}.hadis-odak-kap[data-arapca] .hadis-odak-ar{display:block}.hadis-odak-metin{font-size:clamp(1.1875rem,1.05rem + .7vw,1.4375rem);line-height:1.72;color:var(--ink);text-wrap:pretty}.hadis-odak-metin[data-boy=kisa]{font-family:var(--font-display),Georgia,serif;font-size:clamp(1.4375rem,1.2rem + 1.3vw,2rem);line-height:1.5;text-align:center;text-wrap:balance}.hadis-odak-metin[data-boy=uzun]{font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.7}.hadis-odak-metin .hadis-kaynak{font-size:.8125rem;text-align:left}.hadis-odak-dilim:has(.hadis-odak-ipucu){padding-bottom:2.25rem}.hadis-odak-ipucu{position:absolute;left:0;right:0;bottom:.125rem;display:flex;align-items:center;justify-content:center;gap:.375rem;background:transparent;pointer-events:none}.hadis-odak-ipucu svg{width:1rem;height:1rem}@media (prefers-reduced-motion:no-preference){.hadis-odak-ipucu svg{animation:hadis-odak-it 1.6s var(--ease) infinite}}@keyframes hadis-odak-it{0%,to{translate:0 0}50%{translate:0 -.3125rem}}.hadis-odak-son{display:grid;justify-items:center;gap:1rem;max-width:26rem;padding:1.5rem 1rem;text-align:center;background:transparent}.hadis-odak-son-yildiz{width:5rem;height:5rem;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--gold-2) 55%,transparent))}.hadis-odak-son-yildiz path{fill:color-mix(in srgb,var(--light) 12%,transparent);stroke:var(--gold-2)}.hadis-odak-son-yildiz b{font-size:1.5rem;color:var(--gold-1)}.hadis-odak-alt{display:flex;align-items:center;gap:.25rem;width:100%;max-width:46rem;margin-inline:auto;padding:.375rem max(.75rem,env(safe-area-inset-right,0px)) calc(var(--safe-bottom) + .625rem) max(.75rem,env(safe-area-inset-left,0px));background:transparent}.hadis-odak-alt .icon-btn{border:1px solid var(--line)}.hadis-odak-alt .icon-btn:disabled{opacity:.3}.hadis-odak-alt .icon-btn[aria-pressed=true]{border-color:var(--gold);background:var(--gold-soft)}@media (prefers-reduced-motion:reduce){.hadis-odak-kart{transition:none}.hadis-odak-dilim:not([data-etkin]) .hadis-odak-kart{scale:none}}}