/* sv-tokens-2026.css */
:root{--sv-font-scale:1;--bg:#f6f8fc;--surface:#ffffff;--surface-2:rgba(255,255,255,0.78);--text:#1a1d26;--muted:#5c6270;--border:rgba(20,30,50,0.12);--shadow:0 18px 50px rgba(10,18,35,0.14);--primary:#1B57FF;--sv-tarif:#ea580c;--sv-ruya:#7c3aed;--sv-burc:#dc2626;--sv-dizi:#0891b2;--sv-sarki:#db2777;--sv-ekonomi:#059669;--sv-namaz:#2563eb;--radius:18px;--radius-sm:6px;--radius-md:10px;--radius-1:8px;--radius-2:12px;--radius-lg:14px;--control-compact:40px;--control-default:48px;--control-large:56px;--radius-small:12px;--radius-medium:16px;--radius-large:20px;--radius-xl:24px;--radius-pill:999px;--focus:0 0 0 3px rgba(37,99,235,0.25);--container:1120px;--sv-site-width:1120px;--sv-detail-max:1120px;--header-h:72px;--accent:var(--primary);--text-muted:var(--muted);--card-bg:var(--surface);--border-subtle:#e2e8f0;--bg-subtle:#f1f5f9;--color-success:#059669;--color-error:#dc2626;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:24px;--fs-xxl:clamp(28px,4vw,48px);--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--transition:all 0.2s ease;--touch-min:44px;--touch-target:min(44px,11vw);--glass-bg:rgba(255,255,255,0.72);--glass-bg-strong:rgba(255,255,255,0.88);--glass-border:rgba(255,255,255,0.5);--glass-border-edge:rgba(0,0,0,0.06);--glass-blur:16px;--glass-shadow:0 8px 32px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);--glass-shadow-hover:0 20px 50px rgba(0,0,0,0.12),0 8px 24px rgba(0,0,0,0.06);--elevation-1:0 2px 8px rgba(0,0,0,0.06);--elevation-2:0 8px 24px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.04);--elevation-3:0 16px 48px rgba(0,0,0,0.1),0 4px 12px rgba(0,0,0,0.05);--elevation-4:0 24px 64px rgba(0,0,0,0.12),0 8px 20px rgba(0,0,0,0.06);--radius-glass:20px;--radius-glass-sm:14px;--interactive-lift:translateY(-3px);--interactive-scale:scale(1.02);--transition-glass:transform 0.25s cubic-bezier(0.4,0,0.2,1),box-shadow 0.25s cubic-bezier(0.4,0,0.2,1),border-color 0.2s ease}[data-theme="dark"]{--bg:linear-gradient(180deg,#0f1419 0%,#0a0e14 50%,#070a0f 100%);--surface:rgba(30,41,59,0.95);--surface-2:rgba(30,41,59,0.85);--text:#f1f5f9;--muted:#94a3b8;--border:rgba(148,163,184,0.2);--shadow:0 24px 70px rgba(0,0,0,0.5);--primary:#60a5fa;--focus:0 0 0 3px rgba(96,165,250,0.4);--sv-tarif:#fb923c;--sv-ruya:#a78bfa;--sv-burc:#f87171;--sv-dizi:#22d3ee;--sv-sarki:#f472b6;--sv-ekonomi:#34d399;--sv-namaz:#60a5fa;--accent:var(--primary);--text-muted:var(--muted);--card-bg:var(--surface);--border-subtle:rgba(148,163,184,0.25);--bg-subtle:rgba(30,41,59,0.7);--color-success:#34d399;--color-error:#f87171;--glass-bg:rgba(30,41,59,0.75);--glass-bg-strong:rgba(30,41,59,0.9);--glass-border:rgba(255,255,255,0.08);--glass-border-edge:rgba(255,255,255,0.06);--glass-shadow:0 8px 32px rgba(0,0,0,0.4),0 2px 8px rgba(0,0,0,0.2);--glass-shadow-hover:0 20px 50px rgba(0,0,0,0.5),0 8px 24px rgba(0,0,0,0.25);--elevation-1:0 2px 8px rgba(0,0,0,0.25);--elevation-2:0 8px 24px rgba(0,0,0,0.35),0 2px 6px rgba(0,0,0,0.2);--elevation-3:0 16px 48px rgba(0,0,0,0.4),0 4px 12px rgba(0,0,0,0.25);--elevation-4:0 24px 64px rgba(0,0,0,0.45),0 8px 20px rgba(0,0,0,0.3)}html{font-size:calc(100% * var(--sv-font-scale,1))}body{background:var(--bg);color:var(--text);transition:background-color 0.3s ease,color 0.3s ease}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--primary);color:#ffffff}:focus-visible{outline:none;box-shadow:var(--focus)}.sv-container{width:min(var(--container),calc(100% - 32px));margin:0 auto;padding:0 16px}@media (max-width:768px){.sv-container{padding:0 12px}}.sv-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin:0 auto var(--space-4);max-width:var(--container,1120px);width:100%;min-height:36px;line-height:1.5;background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.90) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,0.08);border-radius:16px;font-size:var(--fs-sm);box-shadow:0 2px 8px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.02);position:relative;box-sizing:border-box}.sv-breadcrumb::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(27,87,255,0.2) 50%,transparent 100%)}.sv-breadcrumb a{color:var(--muted);transition:all 0.2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;padding:4px 8px;border-radius:8px;position:relative;display:inline-flex;align-items:center;gap:4px}.sv-breadcrumb a::before{content:'🏠';font-size:14px;opacity:0.6;vertical-align:middle;line-height:1}.sv-breadcrumb a:first-child::before{display:inline}.sv-breadcrumb a:not(:first-child)::before{display:none}.sv-breadcrumb a:hover{color:var(--primary);background:rgba(27,87,255,0.08);transform:translateY(-1px)}.sv-breadcrumb a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sv-breadcrumb .sep{color:var(--muted);user-select:none;flex-shrink:0;margin:0 var(--space-1);opacity:0.5;font-size:16px;font-weight:300;display:flex;align-items:center;justify-content:center;width:20px;height:20px;position:relative}.sv-breadcrumb .sep::before{content:'›';position:absolute}.sv-breadcrumb .current{color:var(--text);font-weight:var(--fw-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(400px,100%);padding:4px 12px;background:linear-gradient(135deg,rgba(27,87,255,0.1) 0%,rgba(102,126,234,0.05) 100%);border-radius:10px;border:1px solid rgba(27,87,255,0.15);position:relative}.sv-breadcrumb .current::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--primary) 0%,rgba(27,87,255,0.6) 100%);border-radius:3px 0 0 3px}@media (max-width:768px){.sv-breadcrumb{padding:var(--space-2) var(--space-3);font-size:var(--fs-xs);gap:var(--space-1);border-radius:12px;flex-wrap:wrap}.sv-breadcrumb a{max-width:140px;padding:3px 6px}.sv-breadcrumb .current{max-width:min(180px,100%);padding:3px 8px}.sv-breadcrumb .sep{width:16px;height:16px;margin:0 2px}.sv-breadcrumb a::before{font-size:12px}}[data-theme="dark"] .sv-breadcrumb{background:linear-gradient(135deg,rgba(15,18,26,0.95) 0%,rgba(10,14,20,0.90) 100%);border-color:rgba(255,255,255,0.12);box-shadow:0 2px 8px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.2)}[data-theme="dark"] .sv-breadcrumb::before{background:linear-gradient(90deg,transparent 0%,rgba(140,190,255,0.3) 50%,transparent 100%)}[data-theme="dark"] .sv-breadcrumb a{color:rgba(255,255,255,0.75)}[data-theme="dark"] .sv-breadcrumb a:hover{color:rgba(140,190,255,0.95);background:rgba(140,190,255,0.15)}[data-theme="dark"] .sv-breadcrumb .sep{color:rgba(255,255,255,0.5)}[data-theme="dark"] .sv-breadcrumb .current{color:rgba(255,255,255,0.95);background:linear-gradient(135deg,rgba(140,190,255,0.15) 0%,rgba(102,126,234,0.1) 100%);border-color:rgba(140,190,255,0.25)}[data-theme="dark"] .sv-breadcrumb .current::before{background:linear-gradient(180deg,rgba(140,190,255,0.95) 0%,rgba(102,126,234,0.7) 100%)}.sv-wrap{max-width:var(--sv-site-width,var(--container,1120px));margin:0 auto;width:calc(100% - 32px);padding:0 16px;box-sizing:border-box}.ruya-list-page .sv-wrap{max-width:var(--sv-detail-max,1120px);width:100%;padding:0}@media (max-width:768px){.sv-wrap{width:calc(100% - 24px);padding:0 12px}.ruya-list-page .sv-wrap{width:100%;padding:0}}@media (max-width:640px){.sv-wrap{width:100%;padding:0 10px}}.sv-section{padding:10px 0 26px;width:100%;box-sizing:border-box}.ruya-list-page .sv-section{max-width:var(--sv-detail-max,1120px);margin:0 auto;padding:var(--space-6) var(--space-4)}@media (max-width:767px){.ruya-list-page .sv-section{padding:var(--space-4) var(--space-3)}}.sv-h1{font-size:clamp(26px,3vw,40px);line-height:1.12;letter-spacing:-0.02em;margin:8px 0 10px;color:var(--text);font-weight:800}.sv-lead{margin:0 0 18px;color:var(--muted);font-size:15px;line-height:1.6}.sv-card{background:var(--glass-bg,var(--surface));backdrop-filter:blur(var(--glass-blur,12px));-webkit-backdrop-filter:blur(var(--glass-blur,12px));border:1px solid var(--glass-border-edge,var(--border));border-radius:var(--radius-glass,var(--radius,18px));box-shadow:var(--elevation-2,var(--shadow));padding:16px;margin-bottom:16px;transition:var(--transition-glass,var(--transition))}.sv-card:hover,.sv-card--hover:hover{box-shadow:var(--glass-shadow-hover,var(--elevation-3));transform:var(--interactive-lift)}.sv-glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-edge);border-radius:var(--radius-glass);box-shadow:var(--glass-shadow);transition:var(--transition-glass)}.sv-glass-card:hover{box-shadow:var(--glass-shadow-hover);transform:var(--interactive-lift);border-color:var(--glass-border)}.sv-card__title{font-weight:800;color:var(--text);margin-bottom:6px;font-size:16px}.sv-card__meta{color:var(--muted);font-size:13px;line-height:1.5}.sv-module{min-height:60vh;width:100%;box-sizing:border-box}.sv-module--glass{background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,0.03) 50%,transparent 100%)}.sv-module .sv-glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-edge);border-radius:var(--radius-glass);box-shadow:var(--glass-shadow);transition:var(--transition-glass)}.ruya-list-page .sv-module{padding:0}.sv-page{background:var(--bg);color:var(--text);min-height:100vh}:root{--sv-font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";--sv-line:1.55;--sv-r-1:10px;--sv-r-2:14px;--sv-r-3:18px;--sv-bw:1px;--sv-wrap:1120px;--sv-accent:124 92% 58%;--sv-accent-2:195 90% 55%;--sv-primary:124 92% 58%;--sv-card-bg:220 25% 100%;--sv-bg:220 25% 98%;--sv-panel:220 25% 100%;--sv-text:222 22% 14%;--sv-muted:222 12% 40%;--sv-border:222 16% 85%;--sv-shadow:220 30% 10%}html[data-theme="dark"]{--sv-bg:225 22% 7%;--sv-panel:225 22% 10%;--sv-text:210 25% 92%;--sv-muted:210 12% 70%;--sv-border:220 18% 22%;--sv-shadow:220 40% 2%;--sv-primary:195 90% 55%;--sv-card-bg:225 22% 10%}html,body{font-family:var(--sv-font-sans);line-height:var(--sv-line);color:hsl(var(--sv-text));background:hsl(var(--sv-bg));text-rendering:optimizeLegibility}a{color:hsl(var(--sv-accent));text-decoration:none}a:hover{text-decoration:underline}.sv-wrap{width:min(var(--sv-wrap),calc(100% - 32px));margin-inline:auto}.sv-section{padding:22px 0}.sv-h1{color:hsl(var(--sv-text));font-weight:800;letter-spacing:-0.02em;font-size:clamp(28px,3.4vw,44px);line-height:1.15;margin:0 0 10px}.sv-lead{color:hsl(var(--sv-muted));font-size:clamp(14px,1.4vw,16px);margin:0 0 16px}.sv-card{background:color-mix(in hsl,hsl(var(--sv-panel)) 92%,transparent);border:var(--sv-bw) solid color-mix(in hsl,hsl(var(--sv-border)) 65%,transparent);border-radius:var(--sv-r-3);box-shadow:0 10px 28px color-mix(in hsl,hsl(var(--sv-shadow)) 18%,transparent)}.sv-card__title{color:hsl(var(--sv-text));font-weight:700}.sv-card__meta{color:hsl(var(--sv-muted))}.sv-breadcrumb{display:inline-flex;align-items:center;gap:10px;padding:10px var(--space-4,16px);border-radius:999px;background:color-mix(in hsl,hsl(var(--sv-panel)) 70%,transparent);border:var(--sv-bw) solid color-mix(in hsl,hsl(var(--sv-border)) 55%,transparent);color:hsl(var(--sv-muted));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:10px 0 18px}.sv-breadcrumb a{color:hsl(var(--sv-text));text-decoration:none}.sv-breadcrumb .sep{opacity:.6}.sv-breadcrumb .current{color:hsl(var(--sv-muted))}.sv-input{width:100%;background:color-mix(in hsl,hsl(var(--sv-panel)) 78%,transparent);color:hsl(var(--sv-text));border:var(--sv-bw) solid color-mix(in hsl,hsl(var(--sv-border)) 55%,transparent);border-radius:12px;padding:12px 14px;outline:none}.sv-input::placeholder{color:color-mix(in hsl,hsl(var(--sv-muted)) 75%,transparent)}.sv-input:focus{border-color:color-mix(in hsl,hsl(var(--sv-accent)) 65%,hsl(var(--sv-border)));box-shadow:0 0 0 4px color-mix(in hsl,hsl(var(--sv-accent)) 18%,transparent)}.sv-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:12px;border:var(--sv-bw) solid color-mix(in hsl,hsl(var(--sv-border)) 55%,transparent);background:color-mix(in hsl,hsl(var(--sv-panel)) 80%,transparent);color:hsl(var(--sv-text));cursor:pointer}.sv-btn--primary,.sv-btn-primary{border-color:transparent;background:hsl(var(--sv-accent));color:white}.sv-btn:hover{filter:brightness(1.05)}h1,h2,h3,h4,.sv-title{color:hsl(var(--sv-text))}.sv-breadcrumb-row{max-width:var(--sv-site-width,var(--container,1120px));margin-left:auto;margin-right:auto;width:calc(100% - 32px);padding:0 16px;box-sizing:border-box}@media (max-width:768px){.sv-breadcrumb-row{width:calc(100% - 24px);padding:0 12px}}.sv-breadcrumb{max-width:100%;white-space:nowrap;flex-wrap:nowrap;overflow:hidden}.sv-breadcrumb a,.sv-breadcrumb .current{overflow:hidden;text-overflow:ellipsis}.sv-breadcrumb .current{max-width:min(280px,50vw)}@media (max-width:480px){.sv-breadcrumb{white-space:normal;flex-wrap:wrap;line-height:1.4}.sv-breadcrumb .current{max-width:100%}}.sv-prose{max-width:78ch}.sv-prose p{color:hsl(var(--sv-text));margin:0 0 14px}.sv-prose h2{margin:26px 0 10px;font-size:clamp(18px,2.0vw,26px);letter-spacing:-0.01em}.sv-prose h3{margin:18px 0 8px;font-size:clamp(16px,1.6vw,20px)}.sv-prose ul,.sv-prose ol{margin:0 0 14px 20px}.sv-prose li{margin:6px 0;color:hsl(var(--sv-text))}.sv-prose a{color:hsl(var(--sv-accent));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.sv-prose a:hover{filter:brightness(1.08)}.sv-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:12px;color:hsl(var(--sv-muted));background:color-mix(in hsl,hsl(var(--sv-panel)) 78%,transparent);border:var(--sv-bw) solid color-mix(in hsl,hsl(var(--sv-border)) 55%,transparent)}.sv-card--hover{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.sv-card--hover:hover{transform:translateY(-2px);border-color:color-mix(in hsl,hsl(var(--sv-accent)) 35%,hsl(var(--sv-border)));box-shadow:0 16px 38px color-mix(in hsl,hsl(var(--sv-shadow)) 22%,transparent)}.sv-ad{border-radius:var(--sv-r-3);border:var(--sv-bw) solid color-mix(in hsl,hsl(var(--sv-border)) 55%,transparent);background:color-mix(in hsl,hsl(var(--sv-panel)) 72%,transparent);overflow:hidden;contain:layout paint style}.sv-ad--300x250{min-height:250px}.sv-ad--728x90{min-height:90px}.sv-ad--inarticle{min-height:250px;margin:18px 0}.sv-ad{position:relative;display:block}.sv-ad:empty{display:grid;place-items:center;color:hsl(var(--sv-muted))}.sv-ad:empty::before{content:"Sponsor";font-size:12px;opacity:.75;padding:6px 10px;border-radius:999px;border:var(--sv-bw) solid color-mix(in hsl,hsl(var(--sv-border)) 55%,transparent);background:color-mix(in hsl,hsl(var(--sv-panel)) 82%,transparent)}.sv-breadcrumb-row{display:flex;align-items:center;justify-content:flex-start}.sv-search-input.sv-input{border:var(--sv-bw) solid color-mix(in hsl,hsl(var(--sv-border)) 55%,transparent) !important;background:color-mix(in hsl,hsl(var(--sv-panel)) 78%,transparent) !important}.sv-searchbar{position:relative;width:min(760px,100%);margin:0 auto}.sv-searchbar__input{width:100%;height:54px;padding:0 16px 0 44px;border-radius:16px;border:var(--sv-bw) solid color-mix(in hsl,hsl(var(--sv-border)) 55%,transparent);background:color-mix(in hsl,hsl(var(--sv-panel)) 78%,transparent);color:hsl(var(--sv-text));outline:none}.sv-searchbar__input:focus{border-color:color-mix(in hsl,hsl(var(--sv-accent)) 45%,hsl(var(--sv-border)));box-shadow:0 0 0 4px color-mix(in hsl,hsl(var(--sv-accent)) 16%,transparent)}.sv-searchbar__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);opacity:.85;pointer-events:none}.sv-search-dd{position:absolute;left:0;right:0;top:calc(100%+10px);z-index:50;border-radius:16px;border:var(--sv-bw) solid color-mix(in hsl,hsl(var(--sv-border)) 55%,transparent);background:color-mix(in hsl,hsl(var(--sv-panel)) 86%,transparent);box-shadow:0 24px 60px color-mix(in hsl,hsl(var(--sv-shadow)) 26%,transparent);overflow:hidden}.sv-search-dd__list{max-height:340px;overflow:auto}.sv-search-dd__item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-top:var(--sv-bw) solid color-mix(in hsl,hsl(var(--sv-border)) 45%,transparent);color:hsl(var(--sv-text));text-decoration:none}.sv-search-dd__item:first-child{border-top:none}.sv-search-dd__item:hover{background:color-mix(in hsl,hsl(var(--sv-accent)) 10%,transparent)}.sv-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:12px;color:hsl(var(--sv-text));background:color-mix(in hsl,hsl(var(--sv-panel)) 80%,transparent);border:var(--sv-bw) solid color-mix(in hsl,hsl(var(--sv-border)) 55%,transparent)}.sv-badge--warn{border-color:color-mix(in hsl,hsl(var(--sv-accent)) 45%,hsl(var(--sv-border)))}.sv-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin:28px 0 10px}.sv-pagination a,.sv-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:999px;text-decoration:none;color:hsl(var(--sv-text));border:var(--sv-bw) solid color-mix(in hsl,hsl(var(--sv-border)) 55%,transparent);background:color-mix(in hsl,hsl(var(--sv-panel)) 78%,transparent)}.sv-pagination a:hover{border-color:color-mix(in hsl,hsl(var(--sv-accent)) 35%,hsl(var(--sv-border)))}.sv-pagination .is-active{border-color:color-mix(in hsl,hsl(var(--sv-accent)) 55%,hsl(var(--sv-border)));box-shadow:0 10px 30px color-mix(in hsl,hsl(var(--sv-shadow)) 18%,transparent)}.sv-chips-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.sv-chips-row a{text-decoration:none}.sv-chips-row a .sv-chip,.sv-chips-row a.sv-chip{}.sv-searchbar{position:relative}.sv-search-dd{left:0;right:0;top:calc(100%+8px);display:none}.sv-search-dd.active,.sv-search-dd.is-open{display:block}.sv-search-dd__list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sv-search-dd__item{min-height:44px;display:flex;align-items:center;gap:10px}.ruya-suggestion-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-img-aspect-16-9{aspect-ratio:16 / 9}.sv-img-aspect-4-3{aspect-ratio:4 / 3}.sv-img-aspect-1-1{aspect-ratio:1 / 1}.sv-img-wrapper{display:block;overflow:hidden}.sv-img-wrapper.sv-aspect-16-9{aspect-ratio:16/9}.sv-img-wrapper.sv-aspect-4-3{aspect-ratio:4/3}.sv-img-wrapper img{width:100%;height:100%;object-fit:cover;display:block}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.dizi-card:hover,.sv-diziler-section .dizi-card:hover{transform:none}.namaz-favori-chip:hover{transform:none}}
/* sv-components-2026.css */
 .sv-filter-panel{padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5);min-height:var(--control-large);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-medium);box-shadow:var(--elevation-1);transition:box-shadow 0.2s ease}.sv-filter-panel:hover{box-shadow:var(--elevation-2)}.sv-filter-panel .sv-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);row-gap:var(--space-3)}.sv-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.sv-toolbar-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.sv-toolbar .sv-input{flex:1 1 180px;min-width:140px}.sv-toolbar .sv-select{flex:1 1 160px;min-width:130px}.sv-segmented{display:flex;flex-wrap:wrap;gap:var(--space-1);background:var(--bg-subtle);padding:var(--space-1);border-radius:var(--radius-small)}.sv-segmented .sv-segmented-item,.sv-segmented a,.sv-segmented [role="tab"]{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-default);padding:0 var(--space-4);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--muted);background:transparent;border:none;border-radius:var(--radius-small);text-decoration:none;cursor:pointer;transition:background 0.2s,color 0.2s}.sv-segmented .sv-segmented-item:hover,.sv-segmented a:hover,.sv-segmented [role="tab"]:hover{color:var(--text);background:rgba(255,255,255,0.5)}[data-theme="dark"] .sv-segmented .sv-segmented-item:hover,[data-theme="dark"] .sv-segmented a:hover,[data-theme="dark"] .sv-segmented [role="tab"]:hover{background:rgba(255,255,255,0.08)}.sv-segmented .sv-segmented-item.is-active,.sv-segmented a.is-active,.sv-segmented [role="tab"][aria-selected="true"]{color:var(--text);background:var(--surface);box-shadow:var(--elevation-1)}.sv-chip-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sv-chip,.sv-chip-group .sv-chip,.sv-chip-group a{display:inline-flex;align-items:center;min-height:var(--control-default);padding:0 var(--space-4);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);text-decoration:none;cursor:pointer;transition:border-color 0.2s,background 0.2s,color 0.2s}.sv-chip:hover,.sv-chip-group a:hover{border-color:var(--primary);background:rgba(37,99,235,0.08)}.sv-chip.is-active,.sv-chip.is-selected,.sv-chip-group a.is-active{background:rgba(37,99,235,0.15);border-color:var(--primary);color:var(--primary)}[data-theme="dark"] .sv-chip.is-active,[data-theme="dark"] .sv-chip-group a.is-active{background:rgba(96,165,250,0.2)}.sv-input{display:block;width:100%;min-height:var(--control-default);padding:0 var(--space-4);font-size:var(--fs-md);color:var(--text);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-small);transition:border-color 0.2s,box-shadow 0.2s}.sv-input::placeholder{color:var(--muted)}.sv-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus)}.sv-select{display:block;width:100%;min-height:var(--control-default);padding:0 var(--space-4);padding-right:2.5em;font-size:var(--fs-md);color:var(--text);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-small);cursor:pointer;transition:border-color 0.2s,box-shadow 0.2s}.sv-select:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus)}.sv-meta-badge{display:inline-flex;align-items:center;min-height:var(--control-compact);padding:0 var(--space-3);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--muted);background:var(--bg-subtle);border-radius:var(--radius-small)}.sv-btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-default);padding:0 var(--space-5);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:#fff;background:var(--primary);border:none;border-radius:var(--radius-small);cursor:pointer;transition:background 0.2s,transform 0.2s}.sv-btn-primary:hover{background:color-mix(in srgb,var(--primary) 85%,black)}.sv-btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-default);padding:0 var(--space-4);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-small);cursor:pointer;transition:border-color 0.2s,background 0.2s}.sv-btn-ghost:hover{background:var(--bg-subtle);border-color:var(--muted)}.sv-btn-icon{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--space-2);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-small);cursor:pointer;transition:border-color 0.2s,background 0.2s}.sv-btn-icon:hover{background:var(--bg-subtle)}.sv-view-toggle{display:flex;align-items:center;gap:var(--space-1);min-height:var(--control-default)}.sv-view-toggle [aria-pressed="true"],.sv-view-toggle .is-active{background:var(--bg-subtle);font-weight:var(--fw-semibold)}.sv-explore-links,.sv-nearby-links{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.sv-explore-links a,.sv-nearby-links a{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--fs-sm);color:var(--text);background:var(--bg-subtle);border-radius:var(--radius-small);text-decoration:none;transition:background 0.2s}.sv-explore-links a:hover,.sv-nearby-links a:hover{background:var(--border-subtle)}@media (max-width:768px){.sv-filter-panel{padding:var(--space-3) var(--space-4)}.sv-toolbar{gap:var(--space-2)}.sv-toolbar-actions{gap:var(--space-2);margin-left:0}}@media (max-width:640px){.sv-filter-panel{padding:var(--space-3);border-radius:var(--radius-small)}.sv-toolbar .sv-input,.sv-toolbar .sv-select{flex:1 1 100%;min-width:0}.sv-segmented{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none}.sv-segmented::-webkit-scrollbar{display:none}.sv-segmented .sv-segmented-item,.sv-segmented a,.sv-segmented [role="tab"]{flex-shrink:0}.sv-chip-group{gap:var(--space-2)}.sv-explore-links,.sv-nearby-links{margin-top:var(--space-3)}}@media (max-width:480px){.sv-chip,.sv-chip-group .sv-chip,.sv-chip-group a{min-height:var(--control-compact);padding:0 var(--space-3);font-size:var(--fs-xs)}.sv-btn-primary,.sv-btn-ghost{min-height:var(--control-compact);padding:0 var(--space-4)}.sv-meta-badge{min-height:32px;font-size:var(--fs-xs)}}@media (max-width:360px){.sv-chip-group{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-1)}.sv-chip-group::-webkit-scrollbar{display:none}.sv-chip-group .sv-chip,.sv-chip-group a{flex-shrink:0}}
/* sv-social-2026.css */
 .sv-card-wrap{position:relative;container-type:inline-size;display:flex;flex-direction:column}.sv-card-wrap>a:only-of-type{flex:1;min-height:0}.sv-quick-save{position:absolute;top:var(--space-2);right:var(--space-2);z-index:10;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,0.92);border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:transform 0.2s,box-shadow 0.2s,background 0.2s;opacity:0;transform:scale(0.85);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#aaa}.sv-quick-save svg{width:18px;height:18px;flex-shrink:0;transition:fill 0.2s,stroke 0.2s;stroke:currentColor;fill:none;stroke-width:2}.sv-card-wrap:hover .sv-quick-save,.sv-card-wrap:focus-within .sv-quick-save{opacity:1;transform:scale(1)}@media (hover:none){.sv-quick-save{opacity:1;transform:scale(1);width:44px;height:44px}}.sv-quick-save:hover{transform:scale(1.1);box-shadow:0 4px 16px rgba(0,0,0,.2);background:#fff;color:#e74c3c}.sv-quick-save:active{transform:scale(0.95)}.sv-quick-save.is-saved{opacity:1;color:#e74c3c;background:rgba(255,255,255,0.95)}.sv-quick-save.is-saved svg{fill:#e74c3c;stroke:#e74c3c}@keyframes sv-heart-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(0.9)}100%{transform:scale(1)}}.sv-quick-save.is-saving svg{animation:sv-heart-pop 0.4s ease forwards}[data-theme="dark"] .sv-quick-save{background:rgba(30,30,40,0.92);color:#888;box-shadow:0 2px 8px rgba(0,0,0,.4)}[data-theme="dark"] .sv-quick-save:hover{background:rgba(40,40,55,0.98);color:#e74c3c}[data-theme="dark"] .sv-quick-save.is-saved{background:rgba(40,40,55,0.98)}.sv-social-proof{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2)}.sv-social-proof-item{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs,11px);color:var(--muted);line-height:1}.sv-social-proof-item svg{width:13px;height:13px;flex-shrink:0;opacity:0.7}.sv-active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) 0 var(--space-3);animation:sv-fadein 0.2s ease}.sv-active-filters-label{font-size:var(--fs-xs,11px);font-weight:var(--fw-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;white-space:nowrap}.sv-active-filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);height:30px;padding:0 var(--space-3);font-size:var(--fs-xs,12px);font-weight:var(--fw-medium);color:var(--primary);background:rgba(27,87,255,0.1);border:1px solid rgba(27,87,255,0.25);border-radius:var(--radius-pill);cursor:pointer;transition:background 0.15s,border-color 0.15s;text-decoration:none;white-space:nowrap}.sv-active-filter-chip:hover{background:rgba(27,87,255,0.18);border-color:rgba(27,87,255,0.4)}.sv-active-filter-chip .sv-afc-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:rgba(27,87,255,0.15);transition:background 0.15s;font-style:normal;font-size:11px;line-height:1}.sv-active-filter-chip:hover .sv-afc-remove{background:rgba(27,87,255,0.3)}.sv-active-filters-clear{display:inline-flex;align-items:center;height:30px;padding:0 var(--space-3);font-size:var(--fs-xs,12px);font-weight:var(--fw-medium);color:var(--muted);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);cursor:pointer;transition:color 0.15s,border-color 0.15s;text-decoration:none;white-space:nowrap}.sv-active-filters-clear:hover{color:#e74c3c;border-color:#e74c3c}[data-theme="dark"] .sv-active-filter-chip{background:rgba(96,165,250,0.15);border-color:rgba(96,165,250,0.3);color:#93c5fd}.sv-native-ad-card{position:relative;border-radius:var(--radius-medium,16px);background:var(--surface);border:1px solid var(--border-subtle);overflow:hidden;transition:box-shadow 0.2s}.sv-native-ad-card:hover{box-shadow:var(--elevation-2)}.sv-native-ad-badge{position:absolute;top:var(--space-2);left:var(--space-2);z-index:5;display:inline-flex;align-items:center;height:20px;padding:0 8px;font-size:10px;font-weight:600;letter-spacing:0.06em;color:#888;background:rgba(255,255,255,0.9);border-radius:4px;border:1px solid rgba(0,0,0,0.08);backdrop-filter:blur(4px)}[data-theme="dark"] .sv-native-ad-badge{background:rgba(30,30,40,0.9);color:#666;border-color:rgba(255,255,255,0.08)}.sv-trending-widget{padding:var(--space-4);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-medium);box-shadow:var(--elevation-1);margin-bottom:var(--space-5)}.sv-trending-widget-title{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text);margin:0 0 var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.sv-trending-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.sv-trending-item{display:flex;align-items:center;gap:var(--space-3)}.sv-trending-num{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;font-size:12px;font-weight:700;flex-shrink:0;background:var(--bg-subtle);color:var(--muted)}.sv-trending-item:nth-child(1) .sv-trending-num{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.sv-trending-item:nth-child(2) .sv-trending-num{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.sv-trending-item:nth-child(3) .sv-trending-num{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff}.sv-trending-link{font-size:var(--fs-sm);color:var(--text);text-decoration:none;line-height:1.3;flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.15s}.sv-trending-link:hover{color:var(--primary)}.sv-discover-block{margin:var(--space-6) 0;padding:var(--space-5);background:linear-gradient(135deg,rgba(27,87,255,0.04) 0%,rgba(99,102,241,0.04) 100%);border:1px solid rgba(27,87,255,0.12);border-radius:var(--radius-large)}.sv-discover-block-title{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text);margin:0 0 var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.sv-discover-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sv-discover-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);text-decoration:none;transition:border-color 0.2s,background 0.2s,transform 0.15s;box-shadow:var(--elevation-1)}.sv-discover-pill:hover{border-color:var(--primary);background:rgba(27,87,255,0.06);transform:translateY(-1px)}[data-theme="dark"] .sv-discover-block{background:linear-gradient(135deg,rgba(96,165,250,0.06) 0%,rgba(139,92,246,0.06) 100%);border-color:rgba(96,165,250,0.15)}.sv-share-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4) 0;border-top:1px solid var(--border-subtle);margin-top:var(--space-4)}.sv-share-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--muted);margin-right:var(--space-1)}.sv-share-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);font-size:var(--fs-sm);font-weight:var(--fw-medium);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);cursor:pointer;transition:background 0.15s,border-color 0.15s,transform 0.1s;text-decoration:none;background:var(--surface);color:var(--text)}.sv-share-btn:hover{transform:translateY(-1px);box-shadow:var(--elevation-1)}.sv-share-btn--wa,.sv-share-btn--whatsapp{border-color:rgba(21,128,61,0.3);color:#15803d}.sv-share-btn--wa:hover,.sv-share-btn--whatsapp:hover{background:rgba(21,128,61,0.08);border-color:#15803d}.sv-share-btn--facebook{border-color:rgba(29,78,216,0.3);color:#1d4ed8}.sv-share-btn--facebook:hover{background:rgba(29,78,216,0.08);border-color:#1d4ed8}.sv-share-btn--telegram{border-color:rgba(3,105,161,0.3);color:#0369a1}.sv-share-btn--telegram:hover{background:rgba(3,105,161,0.08);border-color:#0369a1}.sv-share-btn--tw{border-color:rgba(0,0,0,0.2);color:#000}.sv-share-btn--tw:hover{background:rgba(0,0,0,0.05)}[data-theme="dark"] .sv-share-btn--tw{color:#fff;border-color:rgba(255,255,255,0.2)}[data-theme="dark"] .sv-share-btn--tw:hover{background:rgba(255,255,255,0.06)}[data-theme="dark"] .sv-share-btn--whatsapp,[data-theme="dark"] .sv-share-btn--wa{color:#4ade80;border-color:rgba(74,222,128,0.3)}[data-theme="dark"] .sv-share-btn--facebook{color:#60a5fa;border-color:rgba(96,165,250,0.3)}[data-theme="dark"] .sv-share-btn--telegram{color:#38bdf8;border-color:rgba(56,189,248,0.3)}.sv-share-btn--copy{}.sv-share-btn--copy.copied{border-color:#10b981;color:#10b981;background:rgba(16,185,129,0.08)}.sv-live-readers{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--fs-xs,12px);color:var(--muted);background:var(--bg-subtle);border-radius:var(--radius-pill);margin-bottom:var(--space-3)}.sv-live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;flex-shrink:0;animation:sv-pulse 2s infinite}@keyframes sv-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.85)}}.sv-result-count{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-sm);color:var(--muted);white-space:nowrap}.sv-result-count strong{color:var(--text);font-weight:var(--fw-bold)}.sv-card-actions-overlay{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:linear-gradient(0deg,var(--surface) 0%,transparent 100%)}.sv-filter-panel--sticky{position:sticky;top:64px;z-index:100;background:var(--surface);border-bottom:1px solid var(--border-subtle);box-shadow:0 2px 12px rgba(0,0,0,.06);border-radius:0;margin-left:calc(-1 * var(--space-5));margin-right:calc(-1 * var(--space-5));padding-left:var(--space-5);padding-right:var(--space-5)}@media (max-width:768px){.sv-filter-panel--sticky{top:56px;margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4)}}.sv-premium-inline-cta{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,rgba(27,87,255,0.06),rgba(99,102,241,0.06));border:1px solid rgba(27,87,255,0.15);border-radius:var(--radius-medium);margin:var(--space-4) 0;flex-wrap:wrap}.sv-premium-inline-cta-icon{font-size:2rem;flex-shrink:0}.sv-premium-inline-cta-text{flex:1;min-width:150px}.sv-premium-inline-cta-title{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text);margin:0 0 2px}.sv-premium-inline-cta-desc{font-size:var(--fs-xs,12px);color:var(--muted);margin:0}.sv-premium-inline-cta-btn{display:inline-flex;align-items:center;height:38px;padding:0 var(--space-4);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:#fff;background:var(--primary);border:none;border-radius:var(--radius-small);cursor:pointer;text-decoration:none;transition:background 0.2s;white-space:nowrap;flex-shrink:0}.sv-premium-inline-cta-btn:hover{background:color-mix(in srgb,var(--primary) 85%,black)}.sv-premium-inline-cta-close{background:none;border:none;cursor:pointer;color:var(--muted);padding:var(--space-1);line-height:1;font-size:18px;align-self:flex-start}.sv-card-comment-preview{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-subtle);border-radius:0 0 var(--radius-small) var(--radius-small);font-size:var(--fs-xs,12px);color:var(--muted);border-top:1px solid var(--border-subtle)}.sv-card-comment-preview-avatar{width:22px;height:22px;border-radius:50%;background:var(--border-subtle);flex-shrink:0;object-fit:cover}.sv-card-comment-preview-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-empty-enhanced{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8,48px) var(--space-4);text-align:center}.sv-empty-enhanced-icon{font-size:3.5rem;line-height:1}.sv-empty-enhanced-title{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text);margin:0}.sv-empty-enhanced-desc{font-size:var(--fs-sm);color:var(--muted);margin:0;max-width:320px}.sv-empty-enhanced-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}@keyframes sv-fadein{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sv-animate-in{animation:sv-fadein 0.25s ease forwards}@media (max-width:640px){.sv-share-bar{gap:var(--space-2)}.sv-share-btn{height:36px;padding:0 var(--space-3);font-size:12px}.sv-active-filters{gap:var(--space-2)}.sv-discover-pills{gap:var(--space-2)}.sv-premium-inline-cta{gap:var(--space-3);padding:var(--space-3) var(--space-4)}}@media (prefers-reduced-motion:reduce){.sv-quick-save,.sv-quick-save svg,.sv-discover-pill,.sv-share-btn,.sv-live-dot{transition:none;animation:none}}
/* sv-ui-2026.css */
/**
 * 🚀 SOSYALVADI UI CORE 2026
 * Header/Footer/Hamburger/Dark Mode - Master Core 2026.7.0
 * 
 * @version 2026.7.0
 * @description 2026 PRO MODERN HAMBURGER MENU & FOOTER
 * - Glassmorphism design
 * - Smooth animations
 * - Dark mode optimized
 * - Accessibility compliant
 */

/* SV_FONT_SANS_DEFINE_REV1_START */
:root{
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans",
               "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* SV_FONT_SANS_DEFINE_REV1_END */

/* ============================================
   HEADER 2026
   ============================================ */
.sv-header-2026 {
    background: linear-gradient(180deg,
        rgba(255, 255, 255, 0.82) 0%,
        rgba(255, 255, 255, 0.68) 100%);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-bottom: 1px solid var(--glass-border-edge, rgba(0, 0, 0, 0.08));
    padding: var(--space-2) 0;
    position: relative;
    z-index: 1100; /* REV-ZINDEX-01: İçerik (logo/arama) scroll'da header ALTINDAN geçsin */
    min-height: 56px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.sv-header-2026.sv-header-sticky {
    position: sticky;
    top: 0;
}

@supports not (backdrop-filter: blur(10px)) {
    .sv-header-2026 {
        background: rgba(255, 255, 255, 0.9);
    }
}

.sv-header-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--space-4);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
}

/* Sol: Brand/Logo — taşma önleme */
.sv-brand {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    text-decoration: none;
    color: var(--text);
    font-size: var(--fs-lg);
    font-weight: var(--fw-bold);
    transition: var(--transition);
    min-height: 44px;
    min-width: 44px;
    flex-shrink: 0;
    max-width: 160px;
    overflow: hidden;
}

/* Sağ: Nav + Arama + Actions grubu (menü sağda) */
.sv-header-right {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    margin-left: auto;
    flex-shrink: 0;
}

/* Desktop Navigation Menu - 2026 PRO MODERN */
.sv-header-nav {
    display: none;
}

@media (min-width: 1025px) {
    .sv-header-nav {
        display: flex;
    }
}

.sv-header-nav-list {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    column-gap: var(--space-3);
    row-gap: var(--space-2);
    gap: var(--space-3);
}

.sv-header-nav-link {
    display: flex;
    align-items: center;
    padding: var(--space-2) var(--space-4);
    color: var(--text);
    text-decoration: none;
    font-size: var(--fs-sm);
    font-weight: var(--fw-medium);
    border-radius: 10px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    white-space: nowrap;
    opacity: 0.85;
}

.sv-header-nav-link::before {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--primary), rgba(27, 87, 255, 0.6));
    border-radius: 2px;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sv-header-nav-link:hover {
    color: var(--primary);
    opacity: 1;
    background: rgba(27, 87, 255, 0.08);
    transform: translateY(-1px);
}

.sv-header-nav-link:hover::before {
    width: calc(100% - 16px);
}

.sv-header-nav-link:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
    opacity: 1;
}

/* Active state */
.sv-header-nav-link.active {
    color: var(--primary);
    opacity: 1;
    font-weight: var(--fw-semibold);
}

.sv-header-nav-link.active::before {
    width: calc(100% - 16px);
}

.sv-brand:hover {
    opacity: 0.8;
}

.sv-brand:focus-visible {
    outline: 2px solid var(--focus);
    outline-offset: 2px;
    border-radius: var(--radius-1);
}

.sv-logo-img {
    height: 40px;
    width: auto;
    max-width: 140px;
    min-width: 0;
    object-fit: contain;
    display: block;
}

/* Sağ: Action İkonları */
.sv-header-actions {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
}

.sv-header-login-btn {
    padding: 8px 16px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--primary, #1b57ff);
    text-decoration: none;
    border-radius: 8px;
    transition: background 0.2s, color 0.2s;
}
.sv-header-login-btn:hover {
    background: rgba(27, 87, 255, 0.1);
}

/* Hamburger menü sadece mobilde görünsün */
@media (min-width: 1025px) {
    .sv-menu-toggle {
        display: none;
    }
}

/* Icon Button Stili - 2026 PRO MODERN */
.sv-icon-btn {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.04);
    color: var(--text);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.sv-icon-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(27, 87, 255, 0.1);
    transform: translate(-50%, -50%);
    transition: width 0.4s ease, height 0.4s ease;
    z-index: 0;
}

.sv-icon-btn svg {
    position: relative;
    z-index: 1;
    transition: transform 0.3s ease;
}

.sv-icon-btn:hover {
    border-color: rgba(27, 87, 255, 0.3);
    background: rgba(27, 87, 255, 0.08);
    color: var(--primary);
    box-shadow: 
        0 4px 12px rgba(27, 87, 255, 0.2),
        0 2px 4px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.sv-icon-btn:hover::before {
    width: 100%;
    height: 100%;
}

.sv-icon-btn:active {
    transform: translateY(-2px) scale(0.95);
}

.sv-menu-toggle:hover svg {
    transform: scale(1.1);
}

/* Hamburger Icon Animation - 2026 PRO MODERN */
.sv-menu-toggle svg {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sv-menu-toggle svg line {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
}

.sv-menu-toggle[aria-expanded="true"] svg line.hamburger-line-1 {
    transform: translateY(6px) rotate(45deg);
}

.sv-menu-toggle[aria-expanded="true"] svg line.hamburger-line-2 {
    opacity: 0;
    transform: scaleX(0);
}

.sv-menu-toggle[aria-expanded="true"] svg line.hamburger-line-3 {
    transform: translateY(-6px) rotate(-45deg);
}

.sv-icon-btn:focus-visible {
    outline: 2px solid var(--focus);
    outline-offset: 2px;
}

.sv-icon-btn svg {
    width: 20px;
    height: 20px;
    display: block;
}

/* Bildirim dropdown 2026 */
/* Snippet / Direct Answer — AI Overview, Featured Snippet uyumu */
.sv-snippet-answer { font-size: 1.05rem; line-height: 1.65; color: var(--text); }
.sv-snippet-answer p { margin: 0 0 0.5em; }
.sv-mesaj-btn { position: relative; text-decoration: none; }
.sv-mesaj-btn .sv-mesaj-badge { top: 4px; right: 4px; }
.sv-notif-wrap {
    position: relative;
}
.sv-notif-btn {
    position: relative;
}
.sv-notif-badge {
    position: absolute;
    top: 4px;
    right: 4px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    color: #fff;
    background: var(--color-error, #ef4444);
    border-radius: 9px;
    border: 2px solid var(--header-bg, #fff);
}
[data-theme="dark"] .sv-notif-badge { border-color: var(--bg); }
.sv-notif-dropdown[hidden] {
    display: none !important;
}
.sv-notif-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 1100;
    width: 340px;
    max-width: 95vw;
    max-height: 400px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: var(--surface, #fff);
    border: 1px solid var(--border);
    border-radius: var(--radius-2, 10px);
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}
[data-theme="dark"] .sv-notif-dropdown { box-shadow: 0 10px 40px rgba(0,0,0,0.5); }
.sv-notif-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
    font-weight: 600;
    font-size: 0.9rem;
}
.sv-notif-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}
.sv-notif-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    border-radius: var(--radius-1, 8px);
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    transition: color 0.15s, background 0.15s;
}
.sv-notif-close:hover {
    color: var(--text);
    background: rgba(0,0,0,0.06);
}
[data-theme="dark"] .sv-notif-close:hover { background: rgba(255,255,255,0.08); }
.sv-notif-mark-all {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--primary);
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 8px;
}
.sv-notif-mark-all:hover { text-decoration: underline; }
.sv-notif-list {
    overflow-y: auto;
    flex: 1;
    min-height: 120px;
}
.sv-notif-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
    color: var(--text);
    text-decoration: none;
    font-size: 0.875rem;
    transition: background 0.15s;
}
.sv-notif-item:hover { background: rgba(27, 87, 255, 0.06); }
.sv-notif-item.unread { background: rgba(27, 87, 255, 0.04); }
.sv-notif-icon { font-size: 1.1rem; flex-shrink: 0; }
.sv-notif-text { flex: 1; min-width: 0; display: block; margin-bottom: 4px; }
.sv-notif-time {
    font-size: 0.75rem;
    color: var(--muted);
}
.sv-notif-loading { padding: var(--space-6, 24px); text-align: center; color: var(--muted); font-size: 0.9rem; }
.sv-notif-empty {
    padding: 24px 16px;
    text-align: center;
    color: var(--muted);
    font-size: 0.875rem;
}
.sv-notif-footer {
    padding: 12px 16px;
    border-top: 1px solid var(--border);
    text-align: center;
}
.sv-notif-all-link {
    font-size: 0.875rem;
    color: var(--primary);
    text-decoration: none;
}
.sv-notif-all-link:hover {
    text-decoration: underline;
}

/* Header search inline - tek satırda, ekstra yükseklik yok */
.sv-header-search-inline {
    flex: 0 1 auto;
    max-width: 220px;
    min-width: 140px;
    display: none;
}
@media (min-width: 1025px) {
    .sv-header-search-inline {
        display: block;
    }
}
.sv-header-search-form {
    margin: 0;
}
.sv-header-search-form .sv-search-input {
    min-height: 38px;
    padding: var(--space-1) var(--space-3);
    font-size: 0.875rem;
}

/* Orta: Header Search (Desktop) - legacy */
.sv-header-search {
    flex: 1;
    max-width: 400px;
    display: none;
}
@media (min-width: 769px) {
    .sv-header-search {
        display: block;
    }
}

.sv-search-input {
    width: 100%;
    padding: var(--space-2) var(--space-4);
    font-size: var(--fs-sm);
    border: 1px solid var(--border);
    border-radius: var(--radius-2);
    background: rgba(255, 255, 255, 0.8);
    color: var(--text);
    font-family: var(--font-sans);
    min-height: 40px;
    transition: var(--transition);
}

.sv-search-input:focus {
    outline: 2px solid var(--focus);
    outline-offset: 2px;
    border-color: var(--primary);
    background: rgba(255, 255, 255, 0.95);
}

/* Search Autocomplete */
.sv-search-suggest {
    position: absolute; top: 100%; left: 0; right: 0; z-index: 999;
    background: var(--surface, #fff); border: 1px solid var(--border, #e5e7eb);
    border-radius: 0 0 12px 12px; box-shadow: 0 8px 24px rgba(0,0,0,.12);
    max-height: 360px; overflow-y: auto;
}
.sv-search-suggest-item {
    display: flex; align-items: center; gap: 8px; padding: 10px 14px;
    cursor: pointer; text-decoration: none; color: inherit; font-size: 14px;
    transition: background .15s;
}
.sv-search-suggest-item:hover, .sv-search-suggest-item.is-active {
    background: var(--primary-bg, rgba(27,87,255,.06));
}
.sv-search-suggest-type {
    font-size: 11px; font-weight: 600; color: var(--primary, #1B57FF);
    background: var(--primary-bg, rgba(27,87,255,.08)); padding: 2px 6px;
    border-radius: 4px; white-space: nowrap;
}
.sv-search-suggest-text {
    flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
[data-theme="dark"] .sv-search-suggest {
    background: var(--surface-dark, #1a1a2e); border-color: var(--border-dark, #333);
}

/* Popular Widget */
.sv-popular-widget {
    background: var(--surface, #fff); border: 1px solid var(--border, #e5e7eb);
    border-radius: 16px; padding: 20px; margin: 24px 0;
}
.sv-popular-title {
    font-size: 16px; font-weight: 700; margin: 0 0 12px; color: var(--text, #111);
}
.sv-popular-list {
    list-style: none; margin: 0; padding: 0; counter-reset: popular;
}
.sv-popular-item {
    display: flex; align-items: center; gap: 12px;
    padding: 10px 0; border-bottom: 1px solid var(--border-light, #f3f4f6);
}
.sv-popular-item:last-child { border-bottom: none; }
.sv-popular-rank {
    width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;
    background: var(--primary-bg, rgba(27,87,255,.08)); color: var(--primary, #1B57FF);
    font-weight: 700; font-size: 13px; border-radius: 8px; flex-shrink: 0;
}
.sv-popular-item:nth-child(1) .sv-popular-rank { background: #fbbf24; color: #78350f; }
.sv-popular-item:nth-child(2) .sv-popular-rank { background: #d1d5db; color: #374151; }
.sv-popular-item:nth-child(3) .sv-popular-rank { background: #f59e0b; color: #78350f; }
.sv-popular-link {
    color: var(--text, #111); text-decoration: none; font-size: 14px; line-height: 1.4;
    transition: color .15s;
}
.sv-popular-link:hover { color: var(--primary, #1B57FF); }
[data-theme="dark"] .sv-popular-widget {
    background: var(--surface-dark, #1a1a2e); border-color: var(--border-dark, #333);
}
[data-theme="dark"] .sv-popular-title { color: var(--text-dark, #e5e7eb); }
[data-theme="dark"] .sv-popular-link { color: var(--text-dark, #e5e7eb); }
[data-theme="dark"] .sv-popular-item { border-color: var(--border-dark, #333); }

/* Dark Toggle Icon Göster/Gizle */
.sv-dark-toggle .sv-icon-moon {
    display: block;
}

.sv-dark-toggle .sv-icon-sun {
    display: none;
}

/* REV_THEME_SINGLE_AUTH_V1_START — DATA-THEME SELECTOR */
/* Dark Mode - data-theme attribute ile */
[data-theme="dark"] .sv-header-2026 {
    background: linear-gradient(180deg,
        rgba(15, 18, 26, 0.82) 0%,
        rgba(10, 14, 20, 0.72) 100%);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-bottom-color: var(--glass-border);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.04) inset;
}

/* Dark Mode Desktop Navigation */
[data-theme="dark"] .sv-header-nav-link {
    color: rgba(255, 255, 255, 0.85);
}

[data-theme="dark"] .sv-header-nav-link:hover {
    color: rgba(140, 190, 255, 0.95);
    background: rgba(140, 190, 255, 0.15);
}

[data-theme="dark"] .sv-header-nav-link::before {
    background: linear-gradient(90deg, rgba(140, 190, 255, 0.95), rgba(102, 126, 234, 0.7));
}

[data-theme="dark"] .sv-header-nav-link.active {
    color: rgba(140, 190, 255, 0.95);
}

[data-theme="dark"] .sv-header-2026 .sv-icon-btn {
    color: rgba(255, 255, 255, 0.9);
}

[data-theme="dark"] .sv-header-2026 .sv-icon-btn:hover {
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .sv-header-2026 .sv-search-input {
    background: rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.9);
}

[data-theme="dark"] .sv-dark-toggle .sv-icon-moon {
    display: none;
}

[data-theme="dark"] .sv-dark-toggle .sv-icon-sun {
    display: block;
}

[data-theme="light"] .sv-dark-toggle .sv-icon-moon,
:root:not([data-theme]) .sv-dark-toggle .sv-icon-moon {
    display: block;
}

[data-theme="light"] .sv-dark-toggle .sv-icon-sun,
:root:not([data-theme]) .sv-dark-toggle .sv-icon-sun {
    display: none;
}
/* REV_THEME_SINGLE_AUTH_V1_END */

/* ============================================
   DRAWER (OFF-CANVAS) - 2026 PRO MODERN HAMBURGER MENU
   ============================================ */
.sv-drawer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    pointer-events: none;
}

.sv-drawer[hidden] {
    display: none;
}

.sv-drawer:not([hidden]) {
    pointer-events: auto;
}

/* Backdrop - Modern blur efekti */
.sv-drawer-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.sv-drawer:not([hidden]) .sv-drawer-backdrop {
    opacity: 1;
}

/* Panel - Modern glassmorphism + slide animation */
.sv-drawer-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: 380px;
    max-width: 90vw;
    height: 100%;
    background: linear-gradient(180deg, 
        rgba(255, 255, 255, 0.98) 0%,
        rgba(255, 255, 255, 0.95) 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 
        -4px 0 24px rgba(0, 0, 0, 0.15),
        -2px 0 8px rgba(0, 0, 0, 0.1),
        inset 1px 0 0 rgba(255, 255, 255, 0.5);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    overflow-x: hidden;
}

.sv-drawer:not([hidden]) .sv-drawer-panel {
    transform: translateX(0);
}

/* Header - Gradient background */
.sv-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-5) var(--space-4);
    background: linear-gradient(135deg, 
        rgba(27, 87, 255, 0.1) 0%,
        rgba(102, 126, 234, 0.05) 100%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
}

.sv-drawer-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent 0%,
        rgba(27, 87, 255, 0.5) 50%,
        transparent 100%);
}

.sv-drawer-header .sv-brand {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    font-size: var(--fs-lg);
    font-weight: var(--fw-bold);
    color: var(--text);
}

/* Hamburger menüde brand text kaldırıldı - sadece logo */

.sv-drawer-close {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
    margin-left: auto;
}

.sv-drawer-close:hover {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
    color: #ef4444;
    transform: rotate(90deg);
}

.sv-drawer-close:active {
    transform: rotate(90deg) scale(0.95);
}

/* Nav - Modern card style menu items */
.sv-drawer-nav {
    flex: 1;
    padding: var(--space-4);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

.sv-drawer-nav::-webkit-scrollbar {
    width: 6px;
}

.sv-drawer-nav::-webkit-scrollbar-track {
    background: transparent;
}

.sv-drawer-nav::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.sv-drawer-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.sv-drawer-item {
    margin: 0;
}

.sv-drawer-section-label {
    margin: var(--space-4, 16px) 0 var(--space-2, 8px) 0;
    padding: 0 var(--space-4, 16px);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--muted, rgba(12, 18, 28, 0.55));
    list-style: none;
}
.sv-drawer-section-label:first-child {
    margin-top: 0;
}

/* Drawer Accordion — Profil / Koleksiyon / Keşfet */
.sv-drawer-accordion {
    margin: var(--space-3, 12px) 0 0;
    list-style: none;
}
.sv-drawer-accordion:first-of-type {
    margin-top: 0;
}
.sv-drawer-accordion-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: var(--space-3, 12px) var(--space-4, 16px);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--muted, rgba(12, 18, 28, 0.55));
    background: transparent;
    border: none;
    cursor: pointer;
    border-radius: 10px;
    transition: color 0.2s, background 0.2s;
}
.sv-drawer-accordion-trigger:hover {
    color: var(--primary);
    background: rgba(27, 87, 255, 0.06);
}
.sv-drawer-accordion-trigger:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}
.sv-drawer-accordion-chevron {
    flex-shrink: 0;
    transition: transform 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
    .sv-drawer-accordion-chevron { transition: none; }
}
.sv-drawer-accordion-trigger[aria-expanded="true"] .sv-drawer-accordion-chevron {
    transform: rotate(180deg);
}
.sv-drawer-sublist {
    list-style: none;
    margin: var(--space-1, 4px) 0 0;
    padding: 0 0 0 var(--space-2, 8px);
    border-left: 1px solid rgba(27, 87, 255, 0.15);
}
.sv-drawer-sublist[hidden] {
    display: none;
}

.sv-drawer-link {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-4);
    color: var(--text);
    text-decoration: none;
    font-size: var(--fs-md);
    font-weight: var(--fw-medium);
    border-radius: 14px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    min-height: 56px;
    position: relative;
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid transparent;
    overflow: hidden;
}

.sv-drawer-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, 
        rgba(27, 87, 255, 0.8) 0%,
        rgba(102, 126, 234, 0.6) 100%);
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sv-drawer-link:hover {
    background: linear-gradient(135deg, 
        rgba(27, 87, 255, 0.08) 0%,
        rgba(102, 126, 234, 0.05) 100%);
    border-color: rgba(27, 87, 255, 0.2);
    color: var(--primary);
    transform: translateX(4px);
    box-shadow: 
        0 4px 12px rgba(27, 87, 255, 0.15),
        0 2px 4px rgba(0, 0, 0, 0.05);
}

.sv-drawer-link:hover::before {
    transform: scaleY(1);
}

.sv-drawer-link:active {
    transform: translateX(4px) scale(0.98);
}

.sv-drawer-link:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
    border-color: var(--primary);
}

.sv-drawer-link.active {
    background: rgba(37, 99, 235, 0.12);
    border-left-color: var(--primary);
    color: var(--primary);
}
.sv-drawer-link.active .sv-drawer-icon {
    background: rgba(37, 99, 235, 0.2);
}
.sv-drawer-link.active .sv-drawer-arrow {
    color: var(--primary);
    opacity: 1;
}

.sv-drawer-icon {
    font-size: 24px;
    line-height: 1;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.sv-drawer-link:hover .sv-drawer-icon {
    background: rgba(27, 87, 255, 0.15);
    transform: scale(1.1);
}

.sv-drawer-text {
    flex: 1;
    font-weight: var(--fw-medium);
}

.sv-drawer-arrow {
    opacity: 0.4;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.sv-drawer-link:hover .sv-drawer-arrow {
    opacity: 1;
    transform: translateX(4px);
    color: var(--primary);
}

/* Footer - Modern compact footer */
.sv-drawer-footer {
    padding: var(--space-4);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    background: rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.sv-drawer-footer-links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--space-2);
}
.sv-drawer-footer-links--compact {
    gap: 4px;
    font-size: 0.8rem;
}
.sv-drawer-footer-links--compact .sv-drawer-footer-link {
    font-size: 0.75rem;
    padding: 2px 6px;
}
.sv-drawer-footer-links--compact .sv-drawer-separator {
    font-size: 10px;
}

.sv-drawer-footer-link {
    font-size: var(--fs-sm);
    color: var(--muted);
    text-decoration: none;
    transition: all 0.2s ease;
    padding: 4px 8px;
    border-radius: 8px;
}

.sv-drawer-footer-link:hover {
    color: var(--primary);
    background: rgba(27, 87, 255, 0.1);
}

.sv-drawer-separator {
    color: var(--muted);
    opacity: 0.4;
    font-size: 12px;
}

.sv-drawer-social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-3);
    padding-top: var(--space-2);
}

.sv-drawer-social-link {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.05);
    color: var(--text);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid transparent;
}

.sv-drawer-social-link:hover {
    background: var(--primary);
    color: white;
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 4px 12px rgba(27, 87, 255, 0.3);
    border-color: var(--primary);
}

.sv-drawer-social-link:active {
    transform: translateY(-2px) scale(1.05) scale(0.95);
}

/* REV_THEME_SINGLE_AUTH_V1_START — DRAWER DATA-THEME */
/* Dark Mode Drawer - 2026 PRO MODERN */
[data-theme="dark"] .sv-drawer-panel {
    background: linear-gradient(180deg,
        rgba(15, 18, 26, 0.98) 0%,
        rgba(10, 14, 20, 0.95) 100%);
    border-right-color: rgba(255, 255, 255, 0.12);
    box-shadow: 
        -4px 0 24px rgba(0, 0, 0, 0.5),
        -2px 0 8px rgba(0, 0, 0, 0.3),
        inset 1px 0 0 rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .sv-drawer-backdrop {
    background: rgba(0, 0, 0, 0.75);
}

[data-theme="dark"] .sv-drawer-header {
    background: linear-gradient(135deg,
        rgba(140, 190, 255, 0.15) 0%,
        rgba(102, 126, 234, 0.08) 100%);
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .sv-drawer-header::before {
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(140, 190, 255, 0.6) 50%,
        transparent 100%);
}

[data-theme="dark"] .sv-drawer-close {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.9);
}

[data-theme="dark"] .sv-drawer-close:hover {
    background: rgba(239, 68, 68, 0.2);
    border-color: rgba(239, 68, 68, 0.4);
    color: #f87171;
}

[data-theme="dark"] .sv-drawer-accordion-trigger {
    color: rgba(255, 255, 255, 0.55);
}
[data-theme="dark"] .sv-drawer-accordion-trigger:hover {
    color: rgba(140, 190, 255, 0.95);
    background: rgba(140, 190, 255, 0.08);
}
[data-theme="dark"] .sv-drawer-sublist {
    border-left-color: rgba(140, 190, 255, 0.25);
}
[data-theme="dark"] .sv-drawer-link {
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.9);
}

[data-theme="dark"] .sv-drawer-link:hover {
    background: linear-gradient(135deg,
        rgba(140, 190, 255, 0.15) 0%,
        rgba(102, 126, 234, 0.1) 100%);
    border-color: rgba(140, 190, 255, 0.3);
    color: rgba(255, 255, 255, 1);
    box-shadow: 
        0 4px 12px rgba(140, 190, 255, 0.2),
        0 2px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .sv-drawer-link::before {
    background: linear-gradient(180deg,
        rgba(140, 190, 255, 0.9) 0%,
        rgba(102, 126, 234, 0.7) 100%);
}

[data-theme="dark"] .sv-drawer-icon {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .sv-drawer-link:hover .sv-drawer-icon {
    background: rgba(140, 190, 255, 0.25);
}

[data-theme="dark"] .sv-drawer-footer {
    background: rgba(0, 0, 0, 0.2);
    border-top-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .sv-drawer-footer-link {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="dark"] .sv-drawer-footer-link:hover {
    color: rgba(140, 190, 255, 0.95);
    background: rgba(140, 190, 255, 0.15);
}

[data-theme="dark"] .sv-drawer-social-link {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.9);
}

[data-theme="dark"] .sv-drawer-social-link:hover {
    background: rgba(140, 190, 255, 0.95);
    border-color: rgba(140, 190, 255, 0.95);
    box-shadow: 0 6px 20px rgba(140, 190, 255, 0.4);
}
/* REV_THEME_SINGLE_AUTH_V1_END */

/* ============================================
   FOOTER 2026 - PRO MODERN DESIGN
   ============================================ */
.sv-footer-2026 {
    background: linear-gradient(180deg,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(246, 248, 252, 0.9) 50%,
        rgba(236, 242, 255, 0.85) 100%);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-top: 1px solid var(--glass-border-edge, rgba(0, 0, 0, 0.08));
    padding: var(--space-8) 0 var(--space-4);
    margin-top: var(--space-8);
    width: 100%;
    box-sizing: border-box;
    clear: both;
    position: relative;
    overflow: hidden;
    box-shadow: 0 -4px 32px rgba(27, 87, 255, 0.06), 0 -1px 3px rgba(0,0,0,0.04);
}

.sv-footer-2026::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(27, 87, 255, 0.5) 15%,
        rgba(249, 115, 22, 0.4) 50%,
        rgba(124, 58, 237, 0.4) 85%,
        transparent 100%);
}

.sv-footer-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--space-4);
    width: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.sv-footer-content {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-6);
    margin-bottom: var(--space-6);
    width: 100%;
    box-sizing: border-box;
    align-items: flex-start;
}

.sv-footer-boxes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: var(--space-5);
    flex: 1;
    min-width: 0;
}
.sv-footer-boxes--accordion {
    grid-template-columns: 1fr;
    gap: var(--space-2);
}
.sv-footer-accordion {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-2, 12px);
    padding: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    border-left: 3px solid var(--primary);
    transition: box-shadow 0.2s, border-color 0.2s;
}
.sv-footer-accordion:nth-child(1) { border-left-color: rgba(27, 87, 255, 0.6); }
.sv-footer-accordion:nth-child(2) { border-left-color: rgba(249, 115, 22, 0.6); }
.sv-footer-accordion:nth-child(3) { border-left-color: rgba(124, 58, 237, 0.6); }
.sv-footer-accordion-summary {
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: var(--space-3) var(--space-4);
    cursor: pointer;
    list-style: none;
}
.sv-footer-accordion-summary::-webkit-details-marker { display: none; }
.sv-footer-accordion-summary::after { content: ' ▾'; opacity: 0.6; float: right; }
.sv-footer-accordion[open] .sv-footer-accordion-summary::after { content: ' ▴'; }
.sv-footer-accordion:nth-child(1) .sv-footer-accordion-summary { color: var(--primary, #1B57FF); }
.sv-footer-accordion:nth-child(2) .sv-footer-accordion-summary { color: #ea580c; }
.sv-footer-accordion:nth-child(3) .sv-footer-accordion-summary { color: #7c3aed; }
.sv-footer-accordion .sv-footer-box-links {
    padding: 0 var(--space-4) var(--space-3);
    border-top: 1px solid var(--border);
}
.sv-footer-accordion[open] .sv-footer-box-links { padding-top: var(--space-3); }

.sv-footer-box {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-2, 12px);
    padding: var(--space-4);
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    border-left: 3px solid var(--primary);
    transition: box-shadow 0.2s, border-color 0.2s;
}
.sv-footer-box:nth-child(1) { border-left-color: rgba(27, 87, 255, 0.6); }
.sv-footer-box:nth-child(2) { border-left-color: rgba(249, 115, 22, 0.6); }
.sv-footer-box:nth-child(3) { border-left-color: rgba(124, 58, 237, 0.6); }
.sv-footer-box:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}

.sv-footer-box-title {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 var(--space-3);
}
.sv-footer-box:nth-child(1) .sv-footer-box-title { color: var(--primary, #1B57FF); }
.sv-footer-box:nth-child(2) .sv-footer-box-title { color: #ea580c; }
.sv-footer-box:nth-child(3) .sv-footer-box-title { color: #7c3aed; }

.sv-footer-box-links {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 6px 10px;
}

.sv-footer-box-links a {
    display: inline-block;
    padding: 4px 10px;
    font-size: 0.875rem;
    color: var(--text);
    text-decoration: none;
    border-radius: 6px;
    background: var(--bg-subtle, rgba(0,0,0,0.04));
    transition: all 0.2s;
}

.sv-footer-box-links a:hover {
    background: var(--primary);
    color: #fff;
}

@media (min-width: 769px) {
    .sv-footer-boxes--accordion {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--space-4, 16px);
    }
    .sv-footer-accordion {
        border: none;
        border-left: 3px solid var(--primary);
        background: transparent;
        box-shadow: none;
        padding: 0;
    }
    .sv-footer-accordion:nth-child(1) { border-left-color: rgba(27, 87, 255, 0.6); }
    .sv-footer-accordion:nth-child(2) { border-left-color: rgba(249, 115, 22, 0.6); }
    .sv-footer-accordion:nth-child(3) { border-left-color: rgba(124, 58, 237, 0.6); }
    .sv-footer-accordion-summary {
        pointer-events: none;
        cursor: default;
        padding: 0 0 var(--space-2) var(--space-3);
        font-size: 0.75rem;
    }
    .sv-footer-accordion[open] .sv-footer-accordion-summary::after,
    .sv-footer-accordion-summary::after { content: '' !important; display: none; }
    .sv-footer-accordion .sv-footer-box-links {
        border-top: none;
        padding: 0 0 0 var(--space-3);
    }
    .sv-footer-accordion[open] .sv-footer-box-links {
        padding-top: 0;
    }
}

@media (max-width: 768px) {
    .sv-footer-content {
        flex-direction: column;
    }
    .sv-footer-boxes {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .sv-footer-boxes {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Brand Section - Sol kolon */
.sv-footer-brand {
    max-width: 400px;
}

.sv-footer-logo {
    display: inline-block;
    margin-bottom: var(--space-4);
    transition: transform 0.3s ease;
}

.sv-footer-logo:hover {
    transform: scale(1.05);
}

.sv-footer-logo-img {
    height: 48px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
    display: block;
}

.sv-footer-description {
    color: var(--muted);
    font-size: var(--fs-sm);
    line-height: 1.6;
    margin: 0 0 var(--space-4) 0;
    max-width: 320px;
}

.sv-footer-social {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.sv-footer-social-link {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.05);
    color: var(--text);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
}

.sv-footer-social-link::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: var(--primary);
    transform: translate(-50%, -50%);
    transition: width 0.4s ease, height 0.4s ease;
    z-index: 0;
}

.sv-footer-social-link svg {
    position: relative;
    z-index: 1;
    transition: color 0.3s ease;
}

.sv-footer-social-link:hover {
    color: white;
    border-color: var(--primary);
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 6px 20px rgba(27, 87, 255, 0.3);
}

.sv-footer-social-link:hover::before {
    width: 100%;
    height: 100%;
}

.sv-footer-social-link:active {
    transform: translateY(-3px) scale(1.05) scale(0.95);
}

.sv-footer-social-link:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

/* Footer Bülten Kayıt */
.sv-footer-newsletter {
    margin-top: var(--space-5);
}
.sv-footer-newsletter-label {
    font-size: var(--fs-sm);
    color: var(--muted);
    margin: 0 0 var(--space-2) 0;
    font-weight: var(--fw-medium);
}
.sv-footer-newsletter-form {
    display: flex;
    gap: var(--space-2);
}
.sv-footer-newsletter-input {
    flex: 1;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text);
    font-size: var(--fs-sm);
    outline: none;
    transition: border-color .2s;
    min-width: 0;
}
.sv-footer-newsletter-input:focus {
    border-color: var(--primary);
}
.sv-footer-newsletter-btn {
    padding: 8px 14px;
    border-radius: 8px;
    background: var(--primary);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
    transition: opacity .2s, transform .15s;
}
.sv-footer-newsletter-btn:hover { opacity: .88; transform: translateY(-1px); }
.sv-footer-newsletter-msg {
    font-size: var(--fs-xs);
    margin-top: var(--space-1);
    min-height: 1.2em;
    color: var(--muted);
}
.sv-footer-newsletter-msg.is-success { color: #22c55e; }
.sv-footer-newsletter-msg.is-error { color: #ef4444; }

/* Footer Mobil Uygulama Butonları */
.sv-footer-apps {
    margin-top: var(--space-5);
}
.sv-footer-apps-label {
    display: block;
    font-size: var(--fs-sm);
    color: var(--muted);
    margin-bottom: var(--space-2);
    font-weight: var(--fw-medium);
}
.sv-footer-apps-btns {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
}
.sv-footer-app-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 10px;
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text);
    text-decoration: none;
    font-size: var(--fs-sm);
    transition: background .2s, border-color .2s;
    position: relative;
}
.sv-footer-app-btn span { display: flex; flex-direction: column; line-height: 1.2; }
.sv-footer-app-btn small { font-size: 10px; color: var(--muted); }
.sv-footer-app-btn:hover { background: var(--bg-subtle); border-color: var(--primary); }
.sv-footer-app-btn--soon { opacity: .75; cursor: default; }
.sv-footer-app-btn--soon::after {
    content: Yakında;
    position: absolute;
    top: -8px;
    right: -4px;
    background: var(--primary);
    color: #fff;
    font-size: 9px;
    padding: 1px 5px;
    border-radius: 6px;
    font-weight: 700;
    letter-spacing: .3px;
}

/* Footer Section */
.sv-footer-section {
    display: flex;
    flex-direction: column;
}

.sv-footer-title {
    font-size: var(--fs-md);
    font-weight: var(--fw-bold);
    color: var(--text);
    margin: 0 0 var(--space-4) 0;
    position: relative;
    padding-bottom: var(--space-2);
}

.sv-footer-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background: linear-gradient(90deg, var(--primary), transparent);
    border-radius: 2px;
}

.sv-footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.sv-footer-list li {
    margin: 0;
}

.sv-footer-link {
    color: var(--muted);
    text-decoration: none;
    font-size: var(--fs-sm);
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    padding: 6px 0;
    position: relative;
    opacity: 0.85;
}

.sv-footer-link::before {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--primary);
    transition: width 0.3s ease;
    border-radius: 1px;
}

.sv-footer-link:hover {
    color: var(--primary);
    opacity: 1;
    padding-left: 8px;
}

.sv-footer-link:hover::before {
    width: 24px;
}

.sv-footer-link:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
    border-radius: 4px;
    padding-left: 4px;
}

/* Footer Bottom */
.sv-footer-bottom {
    padding-top: var(--space-5);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    width: 100%;
    box-sizing: border-box;
    margin-top: var(--space-5);
}

.sv-footer-bottom-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3);
}

@media (min-width: 768px) {
    .sv-footer-bottom-content {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

.sv-copyright {
    margin: 0;
    color: var(--muted);
    font-size: var(--fs-sm);
    opacity: 0.8;
    font-weight: var(--fw-medium);
}

.sv-copyright strong {
    color: var(--text);
    font-weight: var(--fw-bold);
}

.sv-footer-bottom-links {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
    justify-content: center;
}

.sv-footer-bottom-link {
    font-size: var(--fs-sm);
    color: var(--muted);
    text-decoration: none;
    transition: all 0.2s ease;
    padding: 4px 8px;
    border-radius: 6px;
    opacity: 0.8;
}

.sv-footer-bottom-link:hover {
    color: var(--primary);
    background: rgba(27, 87, 255, 0.1);
    opacity: 1;
}

.sv-footer-separator {
    color: var(--muted);
    opacity: 0.4;
    font-size: 12px;
}

/* Dark Mode Footer - 2026 PRO MODERN */
[data-theme="dark"] .sv-footer-2026 {
    background: linear-gradient(180deg,
        rgba(10, 14, 20, 0.98) 0%,
        rgba(5, 10, 18, 0.95) 100%);
    border-top-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .sv-footer-2026::before {
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(140, 190, 255, 0.4) 20%,
        rgba(140, 190, 255, 0.6) 50%,
        rgba(140, 190, 255, 0.4) 80%,
        transparent 100%);
}

[data-theme="dark"] .sv-footer-title {
    color: rgba(255, 255, 255, 0.95);
}

[data-theme="dark"] .sv-footer-title::after {
    background: linear-gradient(90deg, rgba(140, 190, 255, 0.8), transparent);
}

[data-theme="dark"] .sv-footer-description {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="dark"] .sv-footer-link {
    color: rgba(255, 255, 255, 0.75);
}

[data-theme="dark"] .sv-footer-link:hover {
    color: rgba(140, 190, 255, 0.95);
}

[data-theme="dark"] .sv-footer-link::before {
    background: rgba(140, 190, 255, 0.8);
}

[data-theme="dark"] .sv-footer-social-link {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.9);
}

[data-theme="dark"] .sv-footer-social-link:hover {
    background: rgba(140, 190, 255, 0.95);
    border-color: rgba(140, 190, 255, 0.95);
    box-shadow: 0 6px 20px rgba(140, 190, 255, 0.4);
}

[data-theme="dark"] .sv-footer-social-link::before {
    background: rgba(140, 190, 255, 0.95);
}

[data-theme="dark"] .sv-footer-box {
    background: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.1);
}
[data-theme="dark"] .sv-footer-box:nth-child(1) { border-left-color: rgba(100, 181, 246, 0.7); }
[data-theme="dark"] .sv-footer-box:nth-child(2) { border-left-color: rgba(129, 199, 132, 0.7); }
[data-theme="dark"] .sv-footer-box:nth-child(3) { border-left-color: rgba(186, 104, 200, 0.7); }
[data-theme="dark"] .sv-footer-box:nth-child(1) .sv-footer-box-title { color: #90caf9; }
[data-theme="dark"] .sv-footer-box:nth-child(2) .sv-footer-box-title { color: #81c784; }
[data-theme="dark"] .sv-footer-box:nth-child(3) .sv-footer-box-title { color: #ce93d8; }
[data-theme="dark"] .sv-footer-box-links a {
    background: rgba(255,255,255,0.08);
}
[data-theme="dark"] .sv-footer-box-links a:hover {
    background: var(--primary);
}

[data-theme="dark"] .sv-footer-bottom {
    border-top-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .sv-copyright {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="dark"] .sv-copyright strong {
    color: rgba(255, 255, 255, 0.95);
}

[data-theme="dark"] .sv-footer-bottom-link {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="dark"] .sv-footer-bottom-link:hover {
    color: rgba(140, 190, 255, 0.95);
    background: rgba(140, 190, 255, 0.15);
}

[data-theme="dark"] .sv-footer-separator {
    color: rgba(255, 255, 255, 0.4);
}

/* ─── Footer Mobil İyileştirmeler ─────────────────────────────────── */
.sv-footer-2026 {
    overflow: hidden;
}
.sv-footer-container {
    overflow: hidden;
}
.sv-footer-newsletter-form {
    max-width: 100%;
    box-sizing: border-box;
}
.sv-footer-newsletter-input {
    min-width: 0; /* flex taşma engeli */
}

@media (max-width: 768px) {
    .sv-footer-2026 {
        padding: var(--space-5, 20px) 0 var(--space-4, 16px);
        margin-top: var(--space-5, 20px);
    }
    .sv-footer-container {
        padding: 0 var(--space-3, 12px);
    }
    .sv-footer-content {
        gap: var(--space-4, 16px);
        flex-direction: column;
    }
    .sv-footer-brand {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .sv-footer-logo {
        display: flex;
        justify-content: center;
    }
    .sv-footer-logo-img {
        height: 40px;
        max-width: 160px;
    }
    .sv-footer-description {
        font-size: 13px;
        max-width: 100%;
        text-align: center;
    }
    .sv-footer-social {
        gap: 8px;
        justify-content: center;
        flex-wrap: wrap;
    }
    .sv-footer-social-link {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        border-radius: 10px;
    }
    .sv-footer-newsletter {
        margin-top: var(--space-3, 12px);
    }
    .sv-footer-newsletter-label {
        text-align: center;
    }
    .sv-footer-newsletter-form {
        flex-direction: column;
        gap: 8px;
    }
    .sv-footer-newsletter-input {
        width: 100%;
        box-sizing: border-box;
    }
    .sv-footer-newsletter-btn {
        width: 100%;
        padding: 10px 16px;
        text-align: center;
    }
    .sv-footer-apps {
        margin-top: var(--space-3, 12px);
        text-align: center;
    }
    .sv-footer-apps-label {
        display: block;
        text-align: center;
        margin-bottom: 8px;
    }
    .sv-footer-apps-btns {
        flex-direction: row;
        width: 100%;
        gap: 8px;
        justify-content: center;
    }
    .sv-footer-app-btn {
        flex: 1;
        min-width: 0;
        justify-content: center;
        max-width: 180px;
    }
    /* Accordion kutulari - tam genislik */
    .sv-footer-boxes {
        width: 100%;
    }
    .sv-footer-boxes--accordion {
        gap: var(--space-2, 8px);
    }
    .sv-footer-accordion {
        width: 100%;
    }
    .sv-footer-accordion-summary {
        padding: var(--space-3, 12px) var(--space-3, 12px);
        font-size: 13px;
    }
    .sv-footer-box-links {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        gap: 4px 8px;
    }
    .sv-footer-box-links a {
        font-size: 13px;
        padding: 5px 10px;
        text-align: center;
    }
    /* Alt kisim */
    .sv-footer-bottom {
        padding-top: var(--space-4, 16px);
        margin-top: var(--space-4, 16px);
    }
    .sv-footer-bottom-content {
        flex-direction: column;
        align-items: center;
        gap: 8px;
        text-align: center;
    }
    .sv-footer-bottom-links {
        gap: 4px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .sv-footer-bottom-link {
        padding: 4px 8px;
        font-size: 12px;
    }
    .sv-footer-separator {
        font-size: 10px;
    }
}

@media (max-width: 480px) {
    .sv-footer-2026 {
        padding: 16px 0 12px;
    }
    .sv-footer-container {
        padding: 0 8px;
    }
    .sv-footer-logo-img {
        height: 36px;
        max-width: 140px;
    }
    .sv-footer-description {
        font-size: 12px;
    }
    .sv-footer-accordion-summary {
        font-size: 12px;
        padding: 10px 12px;
    }
    .sv-footer-box-links {
        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
        gap: 4px 6px;
    }
    .sv-footer-box-links a {
        font-size: 12px;
        padding: 4px 6px;
    }
    .sv-footer-apps-btns {
        flex-direction: column;
        align-items: center;
    }
    .sv-footer-app-btn {
        max-width: 100%;
        width: 100%;
    }
    .sv-copyright {
        font-size: 11px;
        text-align: center;
    }
    .sv-footer-bottom-content {
        gap: 6px;
    }
    .sv-footer-bottom-link {
        font-size: 11px;
        padding: 3px 6px;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .sv-drawer-backdrop,
    .sv-drawer-panel,
    .sv-drawer-link,
    .sv-footer-social-link {
        transition: none;
    }
}

/* ============================================
   SHARE SECTION 2026 — 3D glass + gerçek logolar (tüm sayfalar)
   ============================================ */
.sv-share-section-2026,
.ruya-share-section-2026,
.tarif-share-section-2026,
.haber-share-section-2026 {
    --share-glass-bg: var(--glass-bg, rgba(255,255,255,0.08));
    --share-glass-border: var(--glass-border, rgba(255,255,255,0.12));
    margin: var(--space-6, 24px) 0;
    padding: var(--space-5, 20px) var(--space-5, 20px);
    border-radius: var(--radius-3, 14px);
    background: var(--share-glass-bg);
    backdrop-filter: var(--glass-blur, blur(12px));
    -webkit-backdrop-filter: var(--glass-blur, blur(12px));
    border: 1px solid var(--share-glass-border);
    box-shadow: var(--glass-shadow, 0 4px 24px rgba(0,0,0,0.06));
}
.sv-share-section-2026 .sv-share-title,
.ruya-share-section-2026 .ruya-share-title,
.tarif-share-section-2026 .tarif-share-title,
.haber-share-section-2026 .haber-share-title {
    font-size: var(--fs-lg, 18px);
    font-weight: 700;
    margin: 0 0 var(--space-4, 16px) 0;
    color: var(--text);
}

/* Ortak paylaş bar: Başlık + 👍⭐ + paylaş butonları tek satır */
.sv-share-section-unified .sv-share-bar-unified {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3, 12px);
    row-gap: var(--space-2, 8px);
}
.sv-share-section-unified .sv-share-title {
    margin: 0;
    font-size: var(--fs-lg, 18px);
    font-weight: 700;
    color: var(--text);
}
.sv-share-actions-inline {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2, 8px);
}
.sv-action-chip {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 8px 14px !important;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: var(--radius-2, 10px);
    background: rgba(255,255,255,0.6);
    color: var(--text);
    font-size: var(--fs-sm, 14px);
    font-weight: 500;
    min-height: 40px;
    transition: all 0.2s ease;
    cursor: pointer;
}
.sv-action-chip:hover {
    background: rgba(27, 87, 255, 0.08);
    border-color: rgba(27, 87, 255, 0.25);
}
.sv-action-chip.liked { background: #EF4444; color: #fff; border-color: #EF4444; }
.sv-action-chip.favorited { background: #F59E0B; color: #fff; border-color: #F59E0B; }
.sv-readlater-btn.in-read-list { background: var(--primary, #2563eb); color: #fff; border-color: var(--primary, #2563eb); }
[data-theme="dark"] .sv-action-chip {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.2);
}
[data-theme="dark"] .sv-action-chip:hover {
    background: rgba(27, 87, 255, 0.2);
    border-color: rgba(27, 87, 255, 0.4);
}

.sv-sharebar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3, 12px);
}

.sv-share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2, 8px);
    padding: 12px 18px;
    font-size: var(--fs-sm, 14px);
    font-weight: var(--fw-semibold, 600);
    border-radius: var(--radius-2, 10px);
    border: 1px solid transparent;
    text-decoration: none;
    white-space: nowrap;
    transition: transform var(--transition-glass, 0.25s cubic-bezier(0.4,0,0.2,1)),
                box-shadow var(--transition-glass),
                border-color 0.2s ease,
                filter 0.2s ease;
    cursor: pointer;
    font-family: var(--font-sans);
    min-height: 44px;
    line-height: 1.5;
    box-shadow: var(--elevation-1, 0 2px 8px rgba(0,0,0,0.06));
}
.sv-share-btn:hover {
    transform: translateY(var(--interactive-lift, -3px));
    box-shadow: var(--glass-shadow-hover, 0 8px 24px rgba(0,0,0,0.12));
}
.sv-share-btn:active {
    transform: translateY(0);
    box-shadow: var(--elevation-1, 0 2px 8px rgba(0,0,0,0.06));
}

.sv-share-btn svg {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
}

/* Gerçek marka renkleri — varsayılan (light) */
.sv-share-btn--native {
    background: var(--primary, #1b57ff);
    color: #fff;
}
.sv-share-btn--native:hover {
    background: var(--primary-hover, #1547d9);
}
/* Web Share desteklemeyen masaüstünde native butonu gizle (JS ile .sv-native-hidden eklenir) */
.sv-share-btn--native.sv-native-hidden { display: none; }
.sv-share-btn--whatsapp {
    background: #25D366;
    color: #fff;
    border-color: rgba(0,0,0,0.08);
}
.sv-share-btn--whatsapp:hover {
    background: #20bd5a;
    color: #fff;
    border-color: #20bd5a;
    filter: brightness(1.05);
}

.sv-share-btn--twitter,
.sv-share-btn--x {
    background: #000000;
    color: #fff;
    border-color: rgba(255,255,255,0.1);
}
.sv-share-btn--twitter:hover,
.sv-share-btn--x:hover {
    background: #1a1a1a;
    color: #fff;
    filter: brightness(1.1);
}

.sv-share-btn--facebook {
    background: #1877F2;
    color: #fff;
    border-color: rgba(255,255,255,0.15);
}
.sv-share-btn--facebook:hover {
    background: #166fe5;
    color: #fff;
    filter: brightness(1.05);
}

.sv-share-btn--telegram {
    background: #0088cc;
    color: #fff;
    border-color: rgba(255,255,255,0.15);
}
.sv-share-btn--telegram:hover {
    background: #007ab8;
    color: #fff;
    filter: brightness(1.05);
}

.sv-share-btn--copy {
    background: var(--surface-2, rgba(0,0,0,0.06));
    color: var(--text);
    border-color: var(--border, rgba(0,0,0,0.12));
}
.sv-share-btn--copy:hover {
    background: rgba(27, 87, 255, 0.12);
    border-color: rgba(27, 87, 255, 0.3);
    color: var(--primary);
}
.sv-share-btn--copy.copied {
    background: #10B981;
    color: #fff;
    border-color: #10B981;
}

/* Like/Favorite buttons */
[data-action="like"],
[data-action="favorite"] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1, 6px);
    padding: 8px 14px;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: var(--radius-2, 10px);
    color: var(--text);
    font-size: var(--fs-sm, 14px);
    font-weight: var(--fw-medium, 500);
    transition: all 0.2s ease;
    cursor: pointer;
    font-family: var(--font-sans);
    min-height: 40px;
}

[data-action="like"]:hover,
[data-action="favorite"]:hover {
    background: rgba(27, 87, 255, 0.08);
    border-color: rgba(27, 87, 255, 0.25);
}

[data-action="like"].liked {
    background: #EF4444;
    color: white;
    border-color: #EF4444;
}

[data-action="favorite"].favorited {
    background: #F59E0B;
    color: white;
    border-color: #F59E0B;
}

.like-count,
.favorite-count {
    font-weight: var(--fw-semibold, 600);
    margin-left: 4px;
}

[data-theme="dark"] .sv-share-section-2026,
[data-theme="dark"] .ruya-share-section-2026,
[data-theme="dark"] .tarif-share-section-2026,
[data-theme="dark"] .haber-share-section-2026 {
    --share-glass-bg: rgba(255,255,255,0.06);
    --share-glass-border: rgba(255,255,255,0.1);
    box-shadow: 0 4px 24px rgba(0,0,0,0.2);
}
[data-theme="dark"] .sv-share-btn--copy {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.15);
    color: var(--text);
}
[data-theme="dark"] .sv-share-btn--copy:hover {
    background: rgba(27, 87, 255, 0.2);
    border-color: rgba(27, 87, 255, 0.4);
}
/* WhatsApp / X / Facebook dark modda marka renkleri aynı kalır */

/* Paylaş bölümü — tablet */
@media (max-width: 1024px) {
    .sv-share-section-2026,
    .ruya-share-section-2026,
    .tarif-share-section-2026,
    .haber-share-section-2026 {
        padding: var(--space-4, 16px);
        margin: var(--space-4, 16px) 0;
    }
    .sv-sharebar {
        gap: var(--space-2, 8px);
    }
    .sv-share-btn {
        padding: 10px 14px;
        min-height: 44px;
        font-size: 13px;
    }
    .sv-share-btn svg {
        width: 20px;
        height: 20px;
    }
    .sv-action-chip { padding: 6px 12px !important; font-size: 13px; min-height: 38px; }
}

/* Paylaş bölümü — mobil */
@media (max-width: 640px) {
    .sv-share-section-2026,
    .ruya-share-section-2026,
    .tarif-share-section-2026,
    .haber-share-section-2026 {
        padding: var(--space-4, 16px);
        margin: var(--space-4, 16px) 0;
        border-radius: var(--radius-2, 10px);
    }
    .sv-share-section-unified .sv-share-bar-unified {
        gap: var(--space-2, 8px);
    }
    .sv-share-section-unified .sv-share-title,
    .sv-share-section-2026 .sv-share-title,
    .ruya-share-section-2026 .ruya-share-title,
    .tarif-share-section-2026 .tarif-share-title,
    .haber-share-section-2026 .haber-share-title {
        font-size: var(--fs-base, 16px);
        margin: 0;
        flex-basis: 100%;
    }
    .sv-sharebar {
        gap: var(--space-2, 8px);
        justify-content: flex-start;
    }
    .sv-share-btn {
        padding: 10px 14px;
        min-height: 44px;
        font-size: 13px;
    }
    .sv-share-btn svg {
        width: 20px;
        height: 20px;
    }
    .sv-action-chip { padding: 6px 10px !important; font-size: 12px; min-height: 36px; }
}

/* ============================================
   DİKEY HEADER (Haberler sayfaları için) 2026.7.0
   ============================================ */
.sv-header-2026.sv-header-vertical {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: transparent;
  border-bottom: none;
  padding: 0;
  z-index: 1000;
  overflow: hidden;
}

.sv-header-vertical-wrapper {
  display: flex;
  width: 100%;
  height: 100vh;
  position: relative;
}

.sv-header-vertical-sidebar {
  width: 280px;
  min-width: 280px;
  background: var(--card-bg, #fff);
  border-right: 1px solid var(--border-subtle, rgba(0, 0, 0, 0.08));
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  z-index: 1001;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04);
}

[data-theme="dark"] .sv-header-vertical-sidebar {
  background: var(--surface, #1a1d2e);
  border-right-color: rgba(255, 255, 255, 0.1);
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3);
}

.sv-header-vertical-content {
  flex: 1;
  margin-left: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--bg, #f5f5f5);
  min-height: 100vh;
}

[data-theme="dark"] .sv-header-vertical-content {
  background: var(--bg, #0f1419);
}

/* Logo - Dikey Header */
.sv-brand-vertical {
  display: flex;
  align-items: center;
  gap: var(--space-2, 8px);
  padding: var(--space-4, 16px);
  text-decoration: none;
  color: var(--text);
  font-size: var(--fs-lg, 18px);
  font-weight: var(--fw-bold, 700);
  border-bottom: 1px solid var(--border-subtle, rgba(0, 0, 0, 0.08));
  transition: background 0.2s ease;
}

.sv-brand-vertical:hover {
  background: var(--bg-subtle, rgba(0, 0, 0, 0.02));
}

[data-theme="dark"] .sv-brand-vertical {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .sv-brand-vertical:hover {
  background: rgba(255, 255, 255, 0.05);
}

.sv-brand-vertical .sv-logo-img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

/* Dikey Navigation */
.sv-header-nav-vertical {
  flex: 1;
  padding: var(--space-3, 12px) 0;
}

.sv-header-nav-vertical-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sv-header-nav-vertical-link {
  display: flex;
  align-items: center;
  gap: var(--space-3, 12px);
  padding: var(--space-3, 12px) var(--space-4, 16px);
  color: var(--text);
  text-decoration: none;
  font-size: var(--fs-base, 15px);
  font-weight: var(--fw-medium, 500);
  transition: all 0.2s ease;
  border-left: 3px solid transparent;
  position: relative;
}

.sv-header-nav-vertical-link:hover {
  background: var(--bg-subtle, rgba(0, 0, 0, 0.03));
  border-left-color: var(--primary, #2563eb);
}

.sv-header-nav-vertical-link.active {
  background: rgba(37, 99, 235, 0.08);
  border-left-color: var(--primary, #2563eb);
  color: var(--primary, #2563eb);
  font-weight: var(--fw-semibold, 600);
}

[data-theme="dark"] .sv-header-nav-vertical-link:hover {
  background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .sv-header-nav-vertical-link.active {
  background: rgba(37, 99, 235, 0.15);
}

.sv-header-nav-vertical-link .nav-icon {
  font-size: 20px;
  line-height: 1;
  width: 24px;
  text-align: center;
  flex-shrink: 0;
}

.sv-header-nav-vertical-link .nav-text {
  flex: 1;
}

/* Arama - Dikey Header */
.sv-header-vertical-search {
  padding: var(--space-3, 12px) var(--space-4, 16px);
  border-top: 1px solid var(--border-subtle, rgba(0, 0, 0, 0.08));
  border-bottom: 1px solid var(--border-subtle, rgba(0, 0, 0, 0.08));
}

[data-theme="dark"] .sv-header-vertical-search {
  border-top-color: rgba(255, 255, 255, 0.1);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.sv-search-form-vertical {
  display: flex;
  gap: var(--space-2, 8px);
}

.sv-search-input-vertical {
  flex: 1;
  padding: var(--space-2, 8px) var(--space-3, 12px);
  border: 1px solid var(--border-subtle, rgba(0, 0, 0, 0.12));
  border-radius: var(--radius-md, 8px);
  background: var(--card-bg, #fff);
  color: var(--text);
  font-size: var(--fs-sm, 14px);
  transition: all 0.2s ease;
}

.sv-search-input-vertical:focus {
  outline: none;
  border-color: var(--primary, #2563eb);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

[data-theme="dark"] .sv-search-input-vertical {
  background: var(--surface, #1a1d2e);
  border-color: rgba(255, 255, 255, 0.15);
}

.sv-search-btn-vertical {
  padding: var(--space-2, 8px);
  border: 1px solid var(--border-subtle, rgba(0, 0, 0, 0.12));
  border-radius: var(--radius-md, 8px);
  background: var(--primary, #2563eb);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.sv-search-btn-vertical:hover {
  background: var(--primary-dark, #1d4ed8);
  transform: scale(1.05);
}

.sv-search-btn-vertical svg {
  width: 18px;
  height: 18px;
}

/* Actions - Dikey Header */
.sv-header-vertical-actions {
  padding: var(--space-4, 16px);
  border-top: 1px solid var(--border-subtle, rgba(0, 0, 0, 0.08));
}

[data-theme="dark"] .sv-header-vertical-actions {
  border-top-color: rgba(255, 255, 255, 0.1);
}

.sv-header-vertical-actions .sv-dark-toggle {
  width: 100%;
  justify-content: center;
}

/* Mobil Responsive - Dikey Header */
@media (max-width: 1024px) {
  .sv-header-vertical-sidebar {
    position: fixed;
    left: -280px;
    transition: left 0.3s ease;
    z-index: 10000;
    height: 100vh;
  }
  
  .sv-header-vertical-sidebar.mobile-open {
    left: 0;
  }
  
  .sv-header-vertical-content {
    margin-left: 0;
  }
  
  /* Mobil hamburger butonu ekle */
  .sv-header-vertical-mobile-toggle {
    position: fixed;
    top: var(--space-3, 12px);
    left: var(--space-3, 12px);
    z-index: 10001;
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-subtle, rgba(0, 0, 0, 0.12));
    border-radius: var(--radius-md, 8px);
    padding: var(--space-2, 8px);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  
  [data-theme="dark"] .sv-header-vertical-mobile-toggle {
    background: var(--surface, #1a1d2e);
    border-color: rgba(255, 255, 255, 0.15);
  }
}

@media (max-width: 640px) {
  .sv-header-vertical-sidebar {
    width: 100%;
    max-width: 320px;
    left: -100%;
  }
}

[data-theme="dark"] [data-action="like"],
[data-theme="dark"] [data-action="favorite"] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.9);
}

[data-theme="dark"] [data-action="like"]:hover,
[data-theme="dark"] [data-action="favorite"]:hover {
    background: rgba(140, 190, 255, 0.2);
    border-color: rgba(140, 190, 255, 0.35);
}

/* ============================================
   REKLAM ALANLARI — Responsive reklam slotları (metin yok)
   ============================================ */
.sv-ad-zone.sv-ad-slot {
  width: 100%;
  max-width: 100%;
  min-height: 90px;
  background: linear-gradient(135deg, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.04) 100%);
  border: 1px dashed rgba(0,0,0,0.06);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto;
}
[data-theme="dark"] .sv-ad-zone.sv-ad-slot {
  background: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.06) 100%);
  border-color: rgba(255,255,255,0.08);
}
/* Boş reklam slotu: yer kaplamasın, gri kutu görünmesin */
.sv-ad-slot--empty {
  min-height: 0 !important;
  height: 0;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: none !important;
  display: block;
}
/* CTA Premium slot - boş reklam yerine premium önerisi */
.sv-ad-slot--cta {
  min-height: auto !important;
  height: auto !important;
  overflow: visible !important;
  padding: var(--space-4, 16px) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.sv-cta-premium-inner {
  text-align: center;
  padding: var(--space-4, 16px);
  border-radius: var(--radius-2, 12px);
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.08), rgba(245, 158, 11, 0.08));
  border: 1px solid var(--border);
}
.sv-cta-premium--compact .sv-cta-premium-inner { padding: var(--space-3, 12px); }
.sv-cta-premium-icon { font-size: 1.5rem; display: block; margin-bottom: 4px; }
.sv-cta-premium-text { font-size: 0.9rem; color: var(--muted); margin: 0 0 var(--space-2, 8px); }
.sv-cta-premium-text strong { color: var(--text); }
.sv-cta-premium-btn {
  display: inline-block;
  padding: 8px 18px;
  background: linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 85%, black));
  color: #fff;
  border-radius: var(--radius-1, 8px);
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.sv-cta-premium-btn:hover { opacity: 0.95; color: #fff; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4); }
/* CTA güçlendirme: daha belirgin premium slot */
.sv-cta-premium--standout .sv-cta-premium-inner {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.12), rgba(245, 158, 11, 0.12));
  border-color: rgba(102, 126, 234, 0.25);
}
/* Boyutlara göre responsive genişlik */
.sv-ad-slot[data-sv-ad-w="728"] { max-width: 728px; }
.sv-ad-slot[data-sv-ad-w="336"] { max-width: 336px; margin-left: auto; margin-right: auto; }
.sv-ad-slot[data-sv-ad-w="300"] { max-width: 300px; margin-left: auto; margin-right: auto; }
.sv-ad-slot[data-sv-ad-w="320"] { max-width: 320px; margin-left: auto; margin-right: auto; }
@media (max-width: 768px) {
  .sv-ad-zone.sv-ad-slot {
    min-height: 50px;
    border-radius: 8px;
  }
  .sv-ad-slot[data-sv-ad-w="728"],
  .sv-ad-slot[data-sv-ad-w="336"],
  .sv-ad-slot[data-sv-ad-w="300"] { max-width: 100%; }
}

/* ============================================
   ORTAK BOŞ DURUM (Empty State) - Tüm modüller
   ============================================ */
.sv-empty-state {
    text-align: center;
    padding: var(--space-8, 32px) var(--space-4, 16px);
    color: var(--muted, rgba(12,18,28,0.64));
}
.sv-empty-state p { margin: 0 0 var(--space-3, 12px); }
.sv-empty-state a {
    color: var(--accent, var(--primary));
    text-decoration: none;
}
.sv-empty-state a:hover { text-decoration: underline; }

/* Pro: Gelişmiş empty state (ikon + mesaj + CTA butonu) */
.sv-empty-state--enhanced {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    padding: var(--space-10, 48px) var(--space-6, 24px);
}
.sv-empty-state-icon {
    font-size: 3rem;
    margin-bottom: var(--space-4, 16px);
    opacity: 0.85;
}
.sv-empty-state--enhanced p {
    font-size: 1rem;
    color: var(--muted);
    max-width: 360px;
    margin-bottom: var(--space-4, 16px);
}
.sv-empty-state-cta {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2, 8px);
    padding: 10px 20px;
    border-radius: var(--radius-4, 8px);
    background: var(--primary);
    color: #fff !important;
    font-weight: 600;
    font-size: 0.9375rem;
    border: none;
    cursor: pointer;
    text-decoration: none !important;
    transition: var(--transition);
}
.sv-empty-state-cta:hover {
    background: var(--primary-hover, color-mix(in srgb, var(--primary) 90%, black));
    transform: translateY(-1px);
}
@media (prefers-reduced-motion: reduce) {
    .sv-empty-state-cta:hover { transform: none; }
}

/* ============================================
   STATIK SAYFALAR (İletişim, Gizlilik, Hakkımızda, KVKK, Reklam)
   ============================================ */
.sv-static-page-2026 {
    max-width: 720px;
    margin: 0 auto;
    padding: var(--space-6, 24px) var(--space-4, 16px);
}
.sv-static-header {
    margin-bottom: var(--space-6, 24px);
    padding-bottom: var(--space-4, 16px);
    border-bottom: 1px solid var(--border, rgba(0,0,0,0.08));
}
.sv-static-title {
    font-size: clamp(1.75rem, 4vw, 2.25rem);
    font-weight: 700;
    margin: 0 0 var(--space-2, 8px);
    color: var(--text);
}
.sv-static-lead {
    font-size: 1.0625rem;
    color: var(--muted, rgba(12,18,28,0.64));
    margin: 0;
}
.sv-static-content.sv-prose {
    line-height: 1.75;
}
.sv-static-content h2 {
    font-size: 1.25rem;
    margin: var(--space-6, 24px) 0 var(--space-2, 8px);
}
.sv-static-content p, .sv-static-content ul {
    margin-bottom: var(--space-3, 12px);
}
.sv-static-content a {
    color: var(--primary);
    text-decoration: none;
}
.sv-static-content a:hover { text-decoration: underline; }
.sv-static-block { margin-bottom: var(--space-5, 20px); }

/* ============================================
   404 / 500 HATA SAYFALARI — Modern UI 2026
   ============================================ */
.sv-error-page {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-6, 24px) var(--space-4, 16px);
    background: linear-gradient(135deg, rgba(66, 133, 244, 0.06) 0%, rgba(52, 168, 83, 0.04) 50%, rgba(139, 92, 246, 0.05) 100%);
}
[data-theme="dark"] .sv-error-page {
    background: linear-gradient(135deg, rgba(66, 133, 244, 0.12) 0%, rgba(52, 168, 83, 0.06) 50%, rgba(139, 92, 246, 0.08) 100%);
}
.sv-error-404,
.sv-error-500 {
    text-align: center;
    max-width: 540px;
    width: 100%;
    padding: var(--space-8, 48px);
    background: var(--glass-bg, rgba(255,255,255,0.95));
    backdrop-filter: blur(var(--glass-blur, 20px));
    -webkit-backdrop-filter: blur(var(--glass-blur, 20px));
    border-radius: var(--radius-glass, 24px);
    border: 1px solid var(--border, rgba(0,0,0,0.08));
    box-shadow: 0 12px 40px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.04);
}
[data-theme="dark"] .sv-error-404,
[data-theme="dark"] .sv-error-500 {
    background: rgba(20, 24, 32, 0.95);
    border-color: rgba(255,255,255,0.12);
    box-shadow: 0 16px 48px rgba(0,0,0,0.4);
}
.sv-error-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 96px;
    font-size: 3rem;
    margin-bottom: var(--space-4, 16px);
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 18%, transparent), color-mix(in srgb, var(--primary) 8%, transparent));
    color: var(--primary);
    border-radius: 50%;
    line-height: 1;
    box-shadow: 0 4px 16px color-mix(in srgb, var(--primary) 25%, transparent);
}
.sv-error-500 .sv-error-icon {
    background: color-mix(in srgb, var(--color-error, #dc2626) 15%, transparent);
    color: var(--color-error, #dc2626);
}
.sv-error-title {
    font-size: clamp(3rem, 10vw, 4.5rem);
    font-weight: 900;
    margin: 0 0 var(--space-2, 8px);
    color: var(--text);
    letter-spacing: -0.04em;
}
.sv-error-text {
    font-size: 1.0625rem;
    color: var(--muted);
    margin-bottom: var(--space-6, 24px);
    line-height: 1.65;
}
.sv-error-404-search {
    display: flex;
    gap: var(--space-2, 8px);
    max-width: 100%;
    margin: 0 auto var(--space-6, 24px);
}
.sv-error-search-input {
    flex: 1;
    min-width: 0;
    padding: 12px 16px;
    border: 2px solid var(--border, rgba(0,0,0,0.12));
    border-radius: var(--radius-2, 12px);
    font-size: 1rem;
    background: var(--surface, #fff);
    color: var(--text);
}
.sv-error-search-input::placeholder {
    color: var(--muted);
}
.sv-error-search-input:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent);
}
.sv-error-404-search .sv-btn {
    flex-shrink: 0;
    min-width: 80px;
}
.sv-error-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3, 12px);
    justify-content: center;
}
.sv-error-actions .sv-btn,
.sv-error-actions a.sv-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    border-radius: var(--radius-2, 12px);
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
}
.sv-error-actions a.sv-btn-primary {
    background: var(--primary);
    color: #fff;
    border: none;
}
.sv-error-actions a.sv-btn-primary:hover {
    filter: brightness(1.08);
}
.sv-btn-outline {
    border: 2px solid var(--primary);
    background: transparent;
    color: var(--primary);
    padding: 12px 24px;
    border-radius: var(--radius-2, 12px);
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}
.sv-btn-outline:hover {
    background: var(--primary);
    color: #fff;
}
.sv-error-404-links {
    margin-top: var(--space-6, 24px);
    padding-top: var(--space-5, 20px);
    border-top: 1px solid var(--border, rgba(0,0,0,0.08));
}
.sv-error-404-label {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--muted);
    margin-bottom: var(--space-3, 12px);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.sv-error-404-links a {
    display: inline-block;
    margin: 0 var(--space-2, 8px) var(--space-2, 8px) 0;
    padding: 8px 14px;
    background: color-mix(in srgb, var(--primary) 8%, var(--surface));
    color: var(--text);
    border-radius: var(--radius-1, 8px);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.2s ease;
}
.sv-error-404-links a:hover {
    background: var(--primary);
    color: #fff;
}
.sv-error-404-more {
    margin-top: var(--space-4, 16px);
    font-size: 0.875rem;
}
.sv-error-404-more a {
    color: var(--muted);
    text-decoration: none;
}
.sv-error-404-more a:hover { color: var(--primary); text-decoration: underline; }
@media (max-width: 560px) {
    .sv-error-404,
    .sv-error-500 {
        padding: var(--space-6, 24px);
    }
    .sv-error-404-search {
        flex-direction: column;
    }
    .sv-error-404-search .sv-btn {
        width: 100%;
        min-width: unset;
    }
}
[data-theme="dark"] .sv-error-404,
[data-theme="dark"] .sv-error-500 {
    background: var(--glass-bg);
    border-color: var(--border);
}
[data-theme="dark"] .sv-error-search-input {
    background: var(--surface);
}

/* ============================================
   HEADER ALT REKLAM (Tüm sayfalarda)
   ============================================ */
.sv-ad-header-below {
    max-width: 728px;
    margin: 0 auto;
    padding: var(--space-2) var(--space-4);
    display: flex;
    justify-content: center;
    align-items: center;
}
.sv-ad-header-below .sv-ad-slot {
    min-width: 100%;
}
.sv-ad-header-below {
    contain: layout;
}
@media (max-width: 768px) {
    .sv-ad-header-below { padding: var(--space-1) var(--space-2); }
}

/* ============================================
   MODÜL STATS BAR — Tüm liste sayfalarında (Ana sayfa ile uyumlu)
   ============================================ */
.sv-module-stats-bar { margin: 0 0 var(--space-4, 16px); }
.sv-module-stats-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-4, 16px);
  padding: var(--space-3, 12px) var(--space-4, 16px);
  background: linear-gradient(135deg, rgba(66, 133, 244, 0.08) 0%, rgba(52, 168, 83, 0.06) 25%, rgba(139, 92, 246, 0.05) 100%);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(66, 133, 244, 0.2);
  border-radius: var(--radius-3, 16px);
  box-shadow: 0 4px 20px rgba(66, 133, 244, 0.06);
}
.sv-module-stats-row { display: flex; flex-wrap: wrap; gap: var(--space-2, 8px); align-items: center; }
.sv-module-stat {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 14px; border-radius: 12px; font-size: 0.875rem; font-weight: 500;
  border: 1px solid transparent; transition: transform 0.2s, box-shadow 0.2s;
}
.sv-module-stat:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
.sv-module-stat-value { font-weight: 700; font-variant-numeric: tabular-nums; }
.sv-module-stat--blue { background: linear-gradient(135deg, rgba(66, 133, 244, 0.15), rgba(14, 165, 233, 0.1)); border-color: rgba(66, 133, 244, 0.3); color: #1565c0; }
.sv-module-stat--blue .sv-module-stat-value { color: #1565c0; }
.sv-module-stat--green { background: linear-gradient(135deg, rgba(52, 168, 83, 0.15), rgba(16, 185, 129, 0.1)); border-color: rgba(52, 168, 83, 0.3); color: #0d652d; }
.sv-module-stat--green .sv-module-stat-value { color: #0d652d; }
.sv-module-stat--amber { background: linear-gradient(135deg, rgba(251, 188, 4, 0.18), rgba(245, 158, 11, 0.12)); border-color: rgba(251, 188, 4, 0.35); color: #b45309; }
.sv-module-stat--amber .sv-module-stat-value { color: #b45309; }
.sv-module-stats-title { font-size: 1rem; font-weight: 700; color: var(--text); margin: 0; }
.sv-module-view-toggles { display: flex; gap: var(--space-3, 12px); flex-wrap: wrap; }
.sv-view-density-toggle { display: flex; gap: 4px; }
.sv-density-btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 12px; border: none; border-radius: var(--radius-2, 8px);
  background: rgba(255,255,255,0.5); color: var(--muted);
  font-size: 0.875rem; font-weight: 600; cursor: pointer;
  transition: background .2s, color .2s;
}
.sv-density-btn:hover { color: var(--text); background: rgba(66, 133, 244, 0.15); }
.sv-density-btn.is-active { background: linear-gradient(135deg, #4285f4, #34a853); color: #fff; box-shadow: 0 2px 8px rgba(66, 133, 244, 0.3); }
[data-theme="dark"] .sv-module-stats-inner { background: linear-gradient(135deg, rgba(66, 133, 244, 0.12) 0%, rgba(139, 92, 246, 0.08) 50%); border-color: rgba(66, 133, 244, 0.25); }
[data-theme="dark"] .sv-density-btn { background: rgba(255,255,255,.06); }

/* Modül ilgili sayfalar pill linkleri */
.sv-module-seo-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
}
.sv-module-seo-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.5rem 1rem;
  border-radius: 999px;
  background: var(--bg-subtle, #f1f5f9);
  color: var(--text, #1e293b);
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: transform 0.2s, box-shadow 0.2s;
}
.sv-module-seo-pill:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
[data-theme="dark"] .sv-module-seo-pill { background: rgba(255,255,255,.08); color: var(--text); }
/* Modül sayfasına göre pill vurgu rengi */
.sv-sarkilar-section .sv-module-seo-pills .sv-module-seo-pill { border-left: 3px solid #db2777; }
.sv-diziler-section .sv-module-seo-pills .sv-module-seo-pill { border-left: 3px solid #0891b2; }
.sv-ekonomi-section .sv-module-seo-pills .sv-module-seo-pill { border-left: 3px solid #059669; }

.sv-discovery-links-2026 {
  margin: 1.25rem 0;
  padding: 0.75rem 0;
}
.sv-discovery-links-2026 .sv-discovery-label {
  margin-right: 0.5rem;
  color: var(--text);
  font-size: 0.875rem;
}

/* ============================================
   MODERN KART GELİŞTİRMELERİ 2026
   ============================================ */
.sv-card--modern,
.sv-glass-card--modern {
  position: relative;
  overflow: hidden;
}
.sv-card--modern::before,
.sv-glass-card--modern::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--gradient-accent, linear-gradient(90deg, #2563eb, #7c3aed));
  opacity: 0;
  transition: opacity 0.25s ease;
}
.sv-card--modern:hover::before,
.sv-glass-card--modern:hover::before {
  opacity: 1;
}
.sv-card--modern:hover,
.sv-glass-card--modern:hover {
  border-color: rgba(37, 99, 235, 0.2);
  box-shadow: var(--elevation-3), 0 0 0 1px rgba(37, 99, 235, 0.08);
}
.sv-btn-modern {
  transition: var(--transition-micro, transform 0.15s ease);
}
.sv-btn-modern:active {
  transform: var(--micro-press, scale(0.98));
}

/* ============================================
   İLGİLİ İÇERİK (Related Content 2026) — Modernized
   ============================================ */
.sv-related-content-2026 {
    margin-top: var(--space-8, 40px);
    padding: var(--space-5, 20px);
    background: var(--glass-bg, rgba(255,255,255,0.5));
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--border-subtle, #e2e8f0);
    border-radius: var(--radius-lg, 16px);
}
.sv-related-content-2026 .sv-related-heading {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 var(--space-4, 16px);
    color: var(--text, #1e293b);
    display: flex;
    align-items: center;
    gap: 8px;
}
.sv-related-content-2026 .sv-related-heading::before {
    content: '';
    width: 4px;
    height: 1.1em;
    background: var(--primary, #1B57FF);
    border-radius: 2px;
    flex-shrink: 0;
}
.sv-related-content-2026 .sv-related-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
    gap: var(--space-3, 12px);
}
.sv-related-content-2026 .sv-related-card {
    display: block;
    padding: var(--space-3, 12px);
    background: var(--card-bg, #fff);
    border-radius: var(--radius-md, 10px);
    border: 1px solid var(--border-subtle, #e2e8f0);
    text-decoration: none;
    color: inherit;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.sv-related-content-2026 .sv-related-card:hover {
    border-color: var(--primary, #1B57FF);
    box-shadow: 0 6px 20px rgba(27,87,255,0.1);
    transform: translateY(-2px);
}
.sv-related-content-2026 .sv-related-card .sv-related-title {
    font-weight: 600;
    font-size: 0.9rem;
    margin: 0 0 4px;
    display: block;
    color: var(--text, #1e293b);
}
.sv-related-content-2026 .sv-related-card .sv-related-meta {
    font-size: 0.78rem;
    color: var(--text-muted, #64748b);
}

/* Modern kutulu kartlar — poster + başlık + meta */
.sv-related-grid--modern {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr));
    gap: var(--space-3, 12px);
}

/* Compact variant — horizontal pill cards */
.sv-related-content--compact .sv-related-heading { margin-bottom: var(--space-3); font-size: 1rem; }
.sv-related-grid--chips {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
    gap: var(--space-2, 8px);
}
.sv-related-content--compact .sv-related-card--modern {
    flex-direction: row;
    align-items: center;
    padding: var(--space-3, 12px);
    min-height: auto;
    border-radius: var(--radius-md, 10px);
}
.sv-related-content--compact .sv-related-card-thumb {
    width: 44px;
    height: 44px;
    min-width: 44px;
    aspect-ratio: 1;
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
}
.sv-related-content--compact .sv-related-card-placeholder {
    width: 44px;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
    font-size: 1.25rem;
    border-radius: 12px;
}
.sv-related-content--compact .sv-related-card-placeholder .sv-related-icon-emoji {
    font-size: 1.25rem;
    line-height: 1;
}
.sv-related-content--compact .sv-related-card-body { flex: 1; min-width: 0; padding-left: var(--space-3, 12px); }
.sv-related-content--compact .sv-related-title { font-size: 0.85rem; font-weight: 600; }
.sv-related-content--compact .sv-related-meta { font-size: 0.75rem; }
.sv-related-content--compact .sv-related-card--modern::after {
    content: '→';
    color: var(--text-muted, #94a3b8);
    font-size: 1rem;
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 8px;
    transition: transform 0.2s, color 0.2s;
}
.sv-related-content--compact .sv-related-card--modern:hover::after {
    transform: translateX(3px);
    color: var(--primary, #1B57FF);
}
@media (max-width: 480px) {
    .sv-related-grid--chips { grid-template-columns: 1fr; gap: var(--space-2); }
}
.sv-related-card--modern {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
    border: 1px solid var(--border-subtle, #e2e8f0);
    border-radius: var(--radius-md, 10px);
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s, border-color 0.2s;
}
.sv-related-card--modern:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(27, 87, 255, 0.12);
    border-color: rgba(27, 87, 255, 0.3);
}
.sv-related-card-thumb {
    position: relative;
    aspect-ratio: 1;
    background: linear-gradient(135deg, rgba(27, 87, 255, 0.06), rgba(139, 92, 246, 0.06));
    overflow: hidden;
}
.sv-related-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.sv-related-card-placeholder {
    width: 100%;
    height: 100%;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    background: linear-gradient(135deg, rgba(27, 87, 255, 0.06), rgba(139, 92, 246, 0.06));
}
.sv-related-card-placeholder--icon .sv-related-icon-svg {
    color: var(--primary, #1B57FF);
    stroke: currentColor;
    flex-shrink: 0;
    min-width: 24px;
    min-height: 24px;
}
.sv-related-content--compact .sv-related-card-placeholder--icon .sv-related-icon-svg {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px;
    min-height: 24px;
}
.sv-related-card-placeholder--icon {
    color: var(--primary, #1B57FF);
}
.sv-related-card--modern .sv-related-card-body {
    padding: var(--space-2, 8px) var(--space-3, 12px) var(--space-3, 12px);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.sv-related-card--modern .sv-related-title {
    font-size: 0.875rem;
    font-weight: 600;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--text, #1e293b);
}
.sv-related-card--modern .sv-related-meta {
    font-size: 0.75rem;
    margin-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-muted, #64748b);
}
[data-theme="dark"] .sv-related-content-2026 {
    background: rgba(17,24,39,0.5);
    border-color: #334155;
}
[data-theme="dark"] .sv-related-card--modern {
    border-color: #334155;
}
[data-theme="dark"] .sv-related-card--modern:hover {
    border-color: rgba(139, 92, 246, 0.5);
    box-shadow: 0 8px 24px rgba(139, 92, 246, 0.15);
}
[data-theme="dark"] .sv-related-content-2026 { background: rgba(17,24,39,0.5); border-color: #334155; }
[data-theme="dark"] .sv-related-card--modern { border-color: #334155; }

/* ============================================
   COOKIE CONSENT BANNER 2026 — KVKK
   ============================================ */
.sv-cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    padding: var(--space-4, 16px);
    background: var(--glass-bg, rgba(15, 23, 42, 0.97));
    backdrop-filter: blur(16px);
    border-top: 1px solid var(--border);
    box-shadow: 0 -4px 24px rgba(0,0,0,0.15);
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.sv-cookie-consent.sv-cc-hidden {
    transform: translateY(100%);
    opacity: 0;
}
.sv-cc-inner {
    max-width: 720px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-4, 16px);
}
/* Cookie banner always has dark bg — force light text for WCAG AA contrast */
.sv-cc-text { margin: 0; color: #e2e8f0; font-size: 0.9rem; } /* #e2e8f0 on rgba(15,23,42,.97) = 11.5:1 ✓ */
.sv-cc-text a { color: #93c5fd; text-decoration: underline; text-underline-offset: 2px; } /* #93c5fd on dark = 5.1:1 ✓ */
.sv-cc-actions { display: flex; gap: 8px; }
.sv-cc-btn {
    padding: 8px 16px;
    border-radius: var(--radius-1, 8px);
    font-weight: 600;
    cursor: pointer;
    border: none;
    font-size: 0.9rem;
}
.sv-cc-accept { background: #1d4ed8; color: #fff; } /* #1d4ed8 = 5.14:1 on white, #fff on #1d4ed8 = 5.14:1 ✓ */
.sv-cc-reject { background: rgba(255,255,255,0.12); color: #e2e8f0; border: 1.5px solid rgba(255,255,255,0.25); }

/* ============================================
   FONT SIZE BAR (Footer)
   ============================================ */
.sv-font-size-bar {
    display: flex;
    align-items: center;
    gap: 4px;
}
.sv-font-btn {
    width: 32px;
    height: 28px;
    padding: 0;
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text);
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s;
}
.sv-font-btn:hover { border-color: var(--primary); }
.sv-font-btn-active { background: var(--primary); color: #fff; border-color: var(--primary); }

/* ============================================
   KISAYOLLAR PAGE
   ============================================ */
.sv-shortcut-list kbd {
    display: inline-block;
    padding: 2px 6px;
    font-size: 0.85em;
    font-family: inherit;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 4px;
}

/* ============================================
   SV_COMPONENTS_UNIFIED 2026.2.27 — Tüm sitede standart boyutlu kutular
   Beğeni, favori, paylaş, tarih gezintisi vb. eşit ve modern görünüm
   ============================================ */
.sv-action-chip {
    min-width: 96px !important;
    justify-content: center !important;
    box-sizing: border-box;
}
.sv-share-btn {
    min-width: 118px;
    justify-content: center;
    box-sizing: border-box;
}
.sv-share-btn svg {
    flex-shrink: 0;
}
.haber-share-section-2026 .sv-share-actions-inline,
.sv-share-section-unified .sv-share-actions-inline {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    align-items: center;
}
.haber-share-section-2026 .sv-share-buttons,
.haber-share-section-2026 .sv-sharebar,
.sv-share-section-unified .sv-share-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    align-items: center;
}
@media (max-width: 600px) {
    .sv-action-chip { min-width: 80px !important; padding: 6px 12px !important; }
    .sv-share-btn { min-width: 96px; padding: 10px 14px; }
}

/* ============================================
   SV-STAT-BOX 2026 — Google renkleri, modern istatistik kutuları
   Site genelinde sayı/kutu (Favoriler 4, Takipçiler 1 vb.)
   ============================================ */
.sv-stat-boxes {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3, 12px);
  justify-content: center;
}
.sv-stat-box {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 12px 20px;
  border-radius: 14px;
  font-size: 0.95rem;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid transparent;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.sv-stat-box:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}
.sv-stat-box strong {
  font-weight: 700;
  margin-right: 0.2em;
}
.sv-stat-box--blue {
  background: linear-gradient(135deg, rgba(66, 133, 244, 0.15), rgba(14, 165, 233, 0.12));
  color: #1565c0;
  border-color: rgba(66, 133, 244, 0.3);
}
.sv-stat-box--blue:hover { border-color: rgba(66, 133, 244, 0.5); box-shadow: 0 6px 24px rgba(66, 133, 244, 0.2); }
.sv-stat-box--green {
  background: linear-gradient(135deg, rgba(52, 168, 83, 0.15), rgba(16, 185, 129, 0.12));
  color: #0d652d;
  border-color: rgba(52, 168, 83, 0.3);
}
.sv-stat-box--green:hover { border-color: rgba(52, 168, 83, 0.5); box-shadow: 0 6px 24px rgba(52, 168, 83, 0.2); }
.sv-stat-box--amber {
  background: linear-gradient(135deg, rgba(251, 188, 4, 0.2), rgba(245, 158, 11, 0.15));
  color: #b45309;
  border-color: rgba(251, 188, 4, 0.35);
}
.sv-stat-box--amber:hover { border-color: rgba(251, 188, 4, 0.5); box-shadow: 0 6px 24px rgba(251, 188, 4, 0.2); }
.sv-stat-box--purple {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(99, 102, 241, 0.12));
  color: #5b21b6;
  border-color: rgba(139, 92, 246, 0.3);
}
.sv-stat-box--purple:hover { border-color: rgba(139, 92, 246, 0.5); box-shadow: 0 6px 24px rgba(139, 92, 246, 0.2); }
.sv-stat-box--rose {
  background: linear-gradient(135deg, rgba(236, 72, 153, 0.15), rgba(244, 63, 94, 0.12));
  color: #be185d;
  border-color: rgba(236, 72, 153, 0.3);
}
.sv-stat-box--rose:hover { border-color: rgba(236, 72, 153, 0.5); box-shadow: 0 6px 24px rgba(236, 72, 153, 0.2); }
[data-theme="dark"] .sv-stat-box--blue {
  background: linear-gradient(135deg, rgba(66, 133, 244, 0.25), rgba(14, 165, 233, 0.18));
  color: #7dd3fc;
  border-color: rgba(66, 133, 244, 0.4);
}
[data-theme="dark"] .sv-stat-box--green {
  background: linear-gradient(135deg, rgba(52, 168, 83, 0.25), rgba(16, 185, 129, 0.18));
  color: #6ee7b7;
  border-color: rgba(52, 168, 83, 0.4);
}
[data-theme="dark"] .sv-stat-box--amber {
  background: linear-gradient(135deg, rgba(251, 188, 4, 0.28), rgba(245, 158, 11, 0.2));
  color: #fcd34d;
  border-color: rgba(251, 188, 4, 0.45);
}
[data-theme="dark"] .sv-stat-box--purple {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.25), rgba(99, 102, 241, 0.18));
  color: #c4b5fd;
  border-color: rgba(139, 92, 246, 0.4);
}
[data-theme="dark"] .sv-stat-box--rose {
  background: linear-gradient(135deg, rgba(236, 72, 153, 0.25), rgba(244, 63, 94, 0.18));
  color: #f9a8d4;
  border-color: rgba(236, 72, 153, 0.4);
}

/* ============================================
   PRINT STYLES
   ============================================ */
/* ============================================
   SV_UNIFIED_UI_2026 — Tüm sitede düzenli kutular
   Breadcrumb tek satır | Toolbar | Reactions | Paylaş 2x2
   ============================================ */
/* Araç çubuğu: Yazı boyutu (A- A A+), Yoruma atla, Paylaşıma atla — nizami */
.haber-toolbar-2026,
.ruya-toolbar-2026,
.tarif-toolbar-2026 {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3, 12px);
  padding: var(--space-4, 16px) var(--space-5, 20px) !important;
  border-radius: var(--radius-2, 10px);
  background: var(--surface-2, rgba(0,0,0,0.03));
  border: 1px solid var(--border-subtle, rgba(0,0,0,0.06));
}
.haber-toolbar-group,
.ruya-toolbar-group,
.tarif-toolbar-group {
  display: flex;
  align-items: center;
  gap: var(--space-2, 8px);
}
.haber-toolbar-quick-links,
.ruya-toolbar-quick-links,
.tarif-toolbar-quick-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2, 8px);
  align-items: center;
}

/* Reactions (👍👎⭐) — hizalı */
.sv-share-actions-inline {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2, 8px);
}
.sv-action-chip {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 80px;
}

/* Paylaş bar — mobilde 2x2 grid, sağda boşluk yok */
@media (max-width: 640px) {
  .sv-share-section-unified .sv-share-bar-unified,
  .haber-share-section-2026 .sv-share-bar-unified {
    flex-direction: column;
    align-items: stretch;
  }
  .sv-share-actions-inline {
    justify-content: flex-start;
  }
  .sv-sharebar,
  .haber-share-buttons-2026 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  .sv-sharebar .sv-share-btn,
  .sv-sharebar .haber-share-btn-2026,
  .haber-share-buttons-2026 .sv-share-btn,
  .haber-share-buttons-2026 .haber-share-btn-2026 {
    margin: 0;
    min-width: 0;
    flex: 1 1 auto;
    justify-content: center;
  }
  /* Tek kalan son butonu tam genişlikte (tek sayıda buton — sağda boşluk kalmasın) */
  .sv-sharebar:has(> *:nth-child(odd):last-child) > *:last-child,
  .haber-share-buttons-2026:has(> *:nth-child(odd):last-child) > *:last-child {
    grid-column: 1 / -1;
  }
}

@media print {
    .sv-skip-link, .sv-header-2026, .sv-drawer, .sv-footer-2026,
    .sv-back-to-top, .sv-sticky-ad-mobile, .sv-cookie-consent,
    .sv-ad-zone, [data-sv-ad-zone], .sv-share-section-2026,
    .sv-font-size-bar, .sv-error-404-search { display: none !important; }
    body { font-size: 12pt; }
    a[href]:after { content: none !important; }
    .sv-error-page .sv-error-404-links,
    .sv-error-page .sv-error-404-more { display: block !important; }
    .sv-error-404 .sv-error-icon { font-size: 2rem; }
}

/* ============================================================
   HEADER REDESIGN v3 — 2026.9.0
   Modern, clean, professional
   ============================================================ */
:root {
  --sv-header-h: 60px;
  --header-h: 60px;
}

.sv-header-2026 {
  background: rgba(255,255,255,0.94) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(15,23,42,0.08) !important;
  box-shadow: 0 1px 12px rgba(15,23,42,0.06) !important;
  min-height: var(--sv-header-h) !important;
  padding: 0 !important;
}

[data-theme="dark"] .sv-header-2026 {
  background: rgba(8,13,26,0.92) !important;
  border-bottom-color: rgba(255,255,255,0.08) !important;
  box-shadow: 0 1px 12px rgba(0,0,0,0.4) !important;
}

.sv-header-container {
  max-width: 1360px !important;
  margin: 0 auto !important;
  padding: 0 clamp(16px, 3vw, 32px) !important;
  height: var(--sv-header-h) !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

/* Logo */
.sv-brand {
  max-width: 140px !important;
}

.sv-logo-img {
  height: 36px !important;
  width: auto !important;
  max-width: 130px !important;
}

/* Nav links */
.sv-header-nav-link {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--text, #0F172A) !important;
  padding: 6px 12px !important;
  border-radius: 8px !important;
  opacity: 0.85 !important;
  transition: all 0.18s ease !important;
}

.sv-header-nav-link:hover {
  background: rgba(27,87,255,0.07) !important;
  color: #1B57FF !important;
  opacity: 1 !important;
  transform: none !important;
}

.sv-header-nav-link.active {
  color: #1B57FF !important;
  background: rgba(27,87,255,0.08) !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

.sv-header-nav-link::before { display: none !important; }

[data-theme="dark"] .sv-header-nav-link {
  color: rgba(240,246,255,0.85) !important;
}
[data-theme="dark"] .sv-header-nav-link:hover {
  background: rgba(59,130,246,0.12) !important;
  color: #60a5fa !important;
}
[data-theme="dark"] .sv-header-nav-link.active {
  color: #60a5fa !important;
  background: rgba(59,130,246,0.15) !important;
}

/* Login/register buttons */
.sv-header-login-btn {
  padding: 8px 18px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1B57FF !important;
  background: rgba(27,87,255,0.08) !important;
  border: 1px solid rgba(27,87,255,0.2) !important;
  border-radius: 20px !important;
  text-decoration: none !important;
  transition: all 0.18s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
}
.sv-header-login-btn:hover {
  background: #1B57FF !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* Icon buttons */
.sv-icon-btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  border-radius: 10px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  transition: background 0.18s ease, border-color 0.18s ease !important;
}
.sv-icon-btn:hover {
  background: rgba(27,87,255,0.08) !important;
  border-color: rgba(27,87,255,0.15) !important;
  color: #1B57FF !important;
  transform: none !important;
  box-shadow: none !important;
}
.sv-icon-btn::before { display: none !important; }

[data-theme="dark"] .sv-icon-btn { color: rgba(240,246,255,0.9) !important; }
[data-theme="dark"] .sv-icon-btn:hover {
  background: rgba(59,130,246,0.12) !important;
  border-color: rgba(59,130,246,0.2) !important;
  color: #60a5fa !important;
}

/* Drawer panel */
.sv-drawer-panel {
  background: var(--surface, #fff) !important;
  border-left: 1px solid var(--border, rgba(15,23,42,0.1)) !important;
  box-shadow: -8px 0 32px rgba(15,23,42,0.12) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
[data-theme="dark"] .sv-drawer-panel {
  background: var(--surface, #0F1927) !important;
  box-shadow: -8px 0 32px rgba(0,0,0,0.5) !important;
}

/* Drawer nav links */
.sv-drawer-nav-item a,
.sv-drawer-link {
  font-size: 15px !important;
  font-weight: 500 !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: var(--text, #0F172A) !important;
  text-decoration: none !important;
  transition: background 0.18s ease, color 0.18s ease !important;
}
.sv-drawer-nav-item a:hover,
.sv-drawer-link:hover {
  background: rgba(27,87,255,0.07) !important;
  color: #1B57FF !important;
}

/* Skip link */
.sv-skip-link {
  position: absolute !important;
  top: -100px !important;
  left: 16px !important;
  z-index: 9999 !important;
  background: #1B57FF !important;
  color: #fff !important;
  padding: 10px 20px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: top 0.2s !important;
}
.sv-skip-link:focus { top: 16px !important; }

/* Back to top */
.sv-back-to-top {
  background: #1B57FF !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(27,87,255,0.35) !important;
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
}
.sv-back-to-top:hover {
  background: #1441CC !important;
  transform: translateY(-2px) !important;
}

/* ═══════════════════════════════════════
   TOAST BİLDİRİMLERİ 2026
═══════════════════════════════════════ */
.sv-toast-container {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
  max-width: min(380px, calc(100vw - 32px));
}
.sv-toast {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  background: rgba(255,255,255,0.97);
  backdrop-filter: blur(16px);
  border-radius: 14px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.14),0 2px 8px rgba(0,0,0,0.08);
  border: 1px solid rgba(0,0,0,0.07);
  pointer-events: auto;
  opacity: 0;
  transform: translateX(20px);
  transition: opacity 0.28s ease,transform 0.28s cubic-bezier(.34,1.56,.64,1);
}
.sv-toast.is-visible{opacity:1;transform:translateX(0)}
.sv-toast--success{border-left:4px solid #34a853}
.sv-toast--error{border-left:4px solid #ea4335}
.sv-toast--warning{border-left:4px solid #fbbc04}
.sv-toast--info{border-left:4px solid #4285f4}
.sv-toast-icon{font-size:1.35rem;line-height:1;flex-shrink:0;margin-top:1px}
.sv-toast-body{flex:1;min-width:0}
.sv-toast-title{display:block;font-weight:700;font-size:.85rem;color:#111;margin-bottom:2px}
.sv-toast-msg{font-size:.82rem;color:#444;line-height:1.4;display:block}
.sv-toast-close{background:none;border:none;cursor:pointer;color:#999;font-size:1.1rem;padding:0;line-height:1;margin-left:4px;flex-shrink:0;transition:color .15s}
.sv-toast-close:hover{color:#333}
.sv-toast-action{display:inline-block;margin-top:6px;font-size:.78rem;font-weight:700;color:#4285f4;text-decoration:none}
.sv-toast-action:hover{text-decoration:underline}
[data-theme=dark] .sv-toast{background:rgba(30,32,40,.97);border-color:rgba(255,255,255,.1)}
[data-theme=dark] .sv-toast-title{color:#f0f0f0}
[data-theme=dark] .sv-toast-msg{color:#aaa}
@media(max-width:480px){.sv-toast-container{bottom:80px;right:12px;left:12px;max-width:none}}

/* ═══════════════════════════════════════
   KOMBİNE İZİN DIYALOĞU 2026
═══════════════════════════════════════ */
.sv-perm-banner{position:fixed;inset:0;z-index:99990;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,0);transition:background .3s;pointer-events:none}
.sv-perm-banner.is-visible{background:rgba(0,0,0,.45);pointer-events:auto}
.sv-perm-banner-inner{width:100%;max-width:480px;background:#fff;border-radius:24px 24px 0 0;padding:28px 24px 32px;position:relative;transform:translateY(100%);transition:transform .35s cubic-bezier(.34,1.2,.64,1);box-shadow:0 -8px 40px rgba(0,0,0,.18)}
.sv-perm-banner.is-visible .sv-perm-banner-inner{transform:translateY(0)}
@media(min-width:520px){.sv-perm-banner{align-items:center}.sv-perm-banner-inner{border-radius:20px;max-width:440px}}
.sv-perm-close{position:absolute;top:14px;right:16px;background:#f0f0f0;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:1rem;color:#555;display:flex;align-items:center;justify-content:center;transition:background .15s}
.sv-perm-close:hover{background:#e0e0e0}
.sv-perm-header{text-align:center;margin-bottom:20px}
.sv-perm-logo{font-size:2rem;display:block;margin-bottom:8px}
.sv-perm-header h3{font-size:1rem;font-weight:700;color:#111;margin:0 0 4px}
.sv-perm-header p{font-size:.82rem;color:#666;margin:0}
.sv-perm-items{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.sv-perm-item{display:flex;align-items:center;gap:12px;background:#f8f9fa;border-radius:12px;padding:12px 14px}
.sv-perm-item-icon{font-size:1.5rem;flex-shrink:0}
.sv-perm-item-text strong{display:block;font-size:.87rem;font-weight:700;color:#111}
.sv-perm-item-text span{font-size:.78rem;color:#666}
.sv-perm-actions{display:flex;flex-direction:column;gap:10px}
.sv-perm-btn{width:100%;padding:14px;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s}
.sv-perm-btn:active{transform:scale(.98)}
.sv-perm-allow{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;box-shadow:0 4px 14px rgba(66,133,244,.35)}
.sv-perm-allow:hover{opacity:.92}
.sv-perm-deny{background:#f0f0f0;color:#555}
.sv-perm-deny:hover{background:#e5e5e5}
.sv-perm-note{text-align:center;font-size:.72rem;color:#999;margin:12px 0 0}
[data-theme=dark] .sv-perm-banner-inner{background:#1e2028}
[data-theme=dark] .sv-perm-header h3{color:#f0f0f0}
[data-theme=dark] .sv-perm-item{background:rgba(255,255,255,.07)}
[data-theme=dark] .sv-perm-item-text strong{color:#f0f0f0}
[data-theme=dark] .sv-perm-deny{background:rgba(255,255,255,.12);color:#ccc}

/* ═══════════════════════════════════════════════════════════
   PREMIUM TEASER BANDI (Footer)
═══════════════════════════════════════════════════════════ */
.sv-premium-teaser{background:linear-gradient(135deg,rgba(var(--primary-rgb,99,102,241),.12),rgba(var(--primary-rgb,99,102,241),.06));border-top:1px solid rgba(var(--primary-rgb,99,102,241),.25);padding:14px var(--space-6);margin-top:var(--space-4)}
.sv-premium-teaser-inner{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;max-width:1200px;margin:0 auto}
.sv-premium-teaser-text{flex:1;min-width:180px}
.sv-premium-teaser-text strong{display:block;font-weight:var(--fw-bold);color:var(--text);font-size:var(--fs-sm)}
.sv-premium-teaser-text span{font-size:var(--fs-xs);color:var(--muted)}
.sv-premium-teaser-btn{padding:8px 18px;border-radius:8px;background:var(--primary);color:#fff;font-weight:var(--fw-semibold);font-size:var(--fs-sm);text-decoration:none;white-space:nowrap;transition:opacity .2s,transform .15s;flex-shrink:0}
.sv-premium-teaser-btn:hover{opacity:.88;transform:translateY(-1px)}
.sv-premium-teaser-close{margin-left:auto;background:none;border:none;color:var(--muted);cursor:pointer;font-size:1rem;padding:4px 8px;border-radius:6px;flex-shrink:0;transition:color .15s}
.sv-premium-teaser-close:hover{color:var(--text)}
[data-theme=dark] .sv-premium-teaser{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(99,102,241,.07))}

/* ═══════════════════════════════════════════════════════════
   PROFİL STATS BAR 2026
═══════════════════════════════════════════════════════════ */
.profil-stats-bar-2026{display:flex;gap:var(--space-3);margin:var(--space-4) 0;flex-wrap:wrap}
.profil-stat-box-2026{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-5);border-radius:12px;background:var(--surface);border:1px solid var(--border);text-decoration:none;transition:background .2s,border-color .2s,transform .15s;flex:1;min-width:80px}
.profil-stat-box-2026:hover{background:var(--bg-subtle);border-color:var(--primary);transform:translateY(-2px)}
.profil-stat-box-num{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text);line-height:1.2}
.profil-stat-box-label{font-size:var(--fs-xs);color:var(--muted);margin-top:2px}

/* ═══════════════════════════════════════════════════════════
   PROFİL CONTENT TABS
═══════════════════════════════════════════════════════════ */
.profil-content-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:var(--space-5)}
.profil-content-tab{padding:var(--space-3) var(--space-5);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}
.profil-content-tab:hover,.profil-content-tab.is-active{color:var(--primary);border-bottom-color:var(--primary)}

/* ═══════════════════════════════════════════════════════════
   ANASAYFA HIZLI ERİŞİM BARI
═══════════════════════════════════════════════════════════ */
.sv-quick-access-bar{display:flex;gap:var(--space-2);padding:var(--space-3) 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.sv-quick-access-bar::-webkit-scrollbar{display:none}
.sv-quick-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-3) var(--space-4);border-radius:12px;background:var(--surface);border:1px solid var(--border);text-decoration:none;color:var(--text);font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap;transition:background .2s,border-color .2s,transform .15s;flex-shrink:0;min-width:64px}
.sv-quick-btn:hover{background:var(--bg-subtle);border-color:var(--primary);transform:translateY(-2px)}
.sv-quick-btn-icon{font-size:1.4rem;line-height:1}

/* ═══════════════════════════════════════════════════════════
   REALTIME WIDGETS (DÖVIZ)
═══════════════════════════════════════════════════════════ */
.sv-realtime-widgets{display:flex;gap:var(--space-3);padding:var(--space-3) 0;flex-wrap:wrap}
.sv-realtime-widget{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:10px;background:var(--surface);border:1px solid var(--border);font-size:var(--fs-sm)}
.sv-widget-label{color:var(--muted);font-size:var(--fs-xs)}
.sv-widget-value{font-weight:var(--fw-bold);color:var(--text)}
.sv-widget-change.is-up{color:#22c55e}
.sv-widget-change.is-down{color:#ef4444}

/* sv-header-consistency-2026.css */
:root{--primary:#667eea;--primary-2:#5568d3;--primary-hover:#5568d3;--text:#1e293b;--muted:#94a3b8;--accent:var(--primary);--focus:#667eea;--fs-sm:clamp(14px,1.5vw,16px);--fs-lg:clamp(20px,2.5vw,24px);--fw-medium:500;--fw-semibold:600;--fw-bold:700}[data-theme="dark"]{--text:#f1f5f9;--muted:#64748b}.sv-header-2026{backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px)}
/* sv-mobile-2026.css */
 @media (max-width:1024px){.sv-header-container{position:relative;flex-wrap:nowrap;overflow:visible;gap:var(--space-2,8px)}.sv-menu-toggle{display:flex !important;flex-shrink:0 !important;min-width:44px !important;min-height:44px !important;visibility:visible !important;opacity:1 !important;margin-right:4px}.sv-header-actions{display:flex;align-items:center;gap:var(--space-2,8px);flex-shrink:0}}@media (max-width:600px){.sv-header-actions .sv-mesaj-btn,.sv-header-actions .sv-notif-wrap{display:none !important}.sv-header-actions .sv-header-login-btn{padding:8px 12px;font-size:0.8rem}}@media (max-width:420px){.sv-header-actions .sv-header-login-btn{padding:6px 10px;font-size:0.75rem}.sv-header-container{padding:0 var(--space-2,8px)}.sv-header-actions .sv-header-login-btn{display:none !important}}@media (max-width:768px){.sv-header-nav-link,.sv-icon-btn,.sv-drawer-link,.haber-filter-btn,.namaz-btn,.sarki-view-btn,.sarki-siralama-btn{min-height:var(--touch-min,44px);min-width:var(--touch-min,44px);padding:var(--space-2) var(--space-4);display:inline-flex;align-items:center;justify-content:center}button,[role="button"],.sv-btn{min-height:var(--touch-min,44px);padding:var(--space-2) var(--space-4)}}@supports (padding-bottom:env(safe-area-inset-bottom)){.sv-footer{padding-bottom:calc(var(--space-8)+env(safe-area-inset-bottom))}.sv-back-to-top{bottom:calc(24px+env(safe-area-inset-bottom));right:calc(24px+env(safe-area-inset-right))}}@media (max-width:640px){@supports (padding-bottom:env(safe-area-inset-bottom)){.sv-back-to-top{bottom:calc(16px+env(safe-area-inset-bottom));right:calc(16px+env(safe-area-inset-right))}}}html{overflow-x:hidden}body{overflow-x:hidden}@media (max-width:640px){main.sv-wrap,main.sv-module,.sv-wrap,#sv-main-content{padding-left:max(8px,env(safe-area-inset-left)) !important;padding-right:max(8px,env(safe-area-inset-right)) !important;max-width:100% !important;width:100% !important;box-sizing:border-box !important}.sv-section{padding-left:0 !important;padding-right:0 !important}.sv-breadcrumb-row{padding-left:max(8px,env(safe-area-inset-left)) !important;padding-right:max(8px,env(safe-area-inset-right)) !important}.sv-module-section,.sv-eczane-section,.sv-namaz-section,.sv-ruya-section,.sv-haber-section,.sv-tarif-section,.sv-burc-section,.sv-plaka-section{max-width:100% !important;padding-left:0 !important;padding-right:0 !important}.sv-glass-panel,.yazar-section-box,.mesajlar-layout{padding-left:0 !important;padding-right:0 !important}.mesajlar-container{margin:0 !important;width:100% !important;max-width:100% !important}.mesajlar-chat-header,.mesajlar-messages,.mesajlar-send-form{padding-left:8px !important;padding-right:8px !important}.mesajlar-sidebar{padding-left:8px !important;padding-right:8px !important}.mesajlar-msg-bubble{max-width:88% !important}.yazar-hero-card,.yazar-tarifler-inner.sv-glass-panel{padding-left:8px !important;padding-right:8px !important}.favorilerim-hero,.bildirimler-hero,.mesajlar-hero,.takipcilerim-hero,.takip-ettiklerim-hero,.gecmisim-hero,.okuma-listem-hero{padding-left:8px !important;padding-right:8px !important}}@media (max-width:480px){main.sv-wrap,main.sv-module,.sv-wrap,#sv-main-content{padding-left:max(6px,env(safe-area-inset-left)) !important;padding-right:max(6px,env(safe-area-inset-right)) !important}.sv-breadcrumb-row{padding-left:max(6px,env(safe-area-inset-left)) !important;padding-right:max(6px,env(safe-area-inset-right)) !important}}.sv-mobile-bottom-nav{display:none}@media (max-width:767px){body{padding-bottom:calc(60px+env(safe-area-inset-bottom,0px))}.sv-mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1000;height:calc(60px+env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:rgba(255,255,255,0.96);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(15,23,42,0.08);box-shadow:0 -4px 24px rgba(0,0,0,0.07),0 -1px 0 rgba(0,0,0,0.04);align-items:stretch;justify-content:space-around}[data-theme="dark"] .sv-mobile-bottom-nav{background:rgba(8,13,26,0.96);border-top-color:rgba(255,255,255,0.08);box-shadow:0 -4px 24px rgba(0,0,0,0.4),0 -1px 0 rgba(255,255,255,0.05)}.sv-mnav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:3px;padding:8px 4px 6px;min-height:60px;min-width:44px;color:var(--muted,#64748b);text-decoration:none;transition:color 0.2s ease,background 0.15s ease;position:relative;-webkit-tap-highlight-color:transparent}.sv-mnav-item:hover,.sv-mnav-item:focus-visible{color:var(--primary,#1B57FF);background:rgba(27,87,255,0.06);outline:none}.sv-mnav-item.is-active{color:var(--primary,#1B57FF)}.sv-mnav-item.is-active::before{content:'';position:absolute;top:0;left:20%;right:20%;height:2px;background:var(--primary,#1B57FF);border-radius:0 0 4px 4px}.sv-mnav-icon{flex-shrink:0;transition:transform 0.2s ease}.sv-mnav-item.is-active .sv-mnav-icon{stroke:var(--primary,#1B57FF)}.sv-mnav-item:active .sv-mnav-icon{transform:scale(0.92)}.sv-mnav-label{font-size:10px;font-weight:500;line-height:1;letter-spacing:0.01em;white-space:nowrap}.sv-mnav-item--search{position:relative}.sv-mnav-search-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--primary,#1B57FF);color:#fff;border-radius:50%;margin-bottom:-6px;flex-shrink:0;box-shadow:0 4px 12px rgba(27,87,255,0.35);transition:transform 0.15s ease,box-shadow 0.15s ease}.sv-mnav-item--search.is-active .sv-mnav-search-btn,.sv-mnav-item--search:hover .sv-mnav-search-btn{transform:scale(1.06);box-shadow:0 6px 16px rgba(27,87,255,0.45)}.sv-mnav-item--search svg{stroke:#fff}.sv-mnav-item--search .sv-mnav-label{margin-top:10px}[data-theme="dark"] .sv-mnav-item{color:rgba(148,163,184,0.8)}[data-theme="dark"] .sv-mnav-item.is-active{color:var(--primary,#60a5fa)}[data-theme="dark"] .sv-mnav-item.is-active::before{background:var(--primary,#60a5fa)}[data-theme="dark"] .sv-mnav-item.is-active .sv-mnav-icon{stroke:var(--primary,#60a5fa)}[data-theme="dark"] .sv-mnav-search-btn{background:var(--primary,#1B57FF);box-shadow:0 4px 12px rgba(27,87,255,0.4)}.sv-sticky-ad-mobile.is-visible{bottom:calc(60px+env(safe-area-inset-bottom,0px)) !important}.sv-back-to-top{bottom:calc(72px+env(safe-area-inset-bottom,0px)) !important}}
/* sv-category-icons-2026.css */
 .sv-cat-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(255,255,255,0.18);flex-shrink:0;overflow:hidden;position:relative}.sv-cat-icon--xs{width:28px;height:28px;border-radius:8px}.sv-cat-icon--xs svg{width:14px;height:14px}.sv-cat-icon--xs span{font-size:0.9em}.sv-cat-icon--sm{width:36px;height:36px;border-radius:10px}.sv-cat-icon--sm svg{width:18px;height:18px}.sv-cat-icon--md{width:48px;height:48px;border-radius:14px}.sv-cat-icon--md svg{width:26px;height:26px}.sv-cat-icon--lg{width:64px;height:64px;border-radius:18px}.sv-cat-icon--lg svg{width:36px;height:36px}.sv-cat-icon span{font-size:1.4em;line-height:1}.sv-cat-icon--sm span{font-size:1.1em}.sv-cat-icon--lg span{font-size:2em}.sv-cat-icon--fallback{background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.6);font-size:10px}.module-card-link .sv-cat-icon{box-shadow:0 2px 8px rgba(0,0,0,0.12),inset 0 1px 0 rgba(255,255,255,0.2);transition:transform 0.2s ease,box-shadow 0.2s ease;flex-shrink:0}.module-card-new:hover .module-card-link .sv-cat-icon{transform:scale(1.06);box-shadow:0 4px 16px rgba(0,0,0,0.18),inset 0 1px 0 rgba(255,255,255,0.25)}.modules-grid-new[data-view-density="kompakt"] .module-card-link .sv-cat-icon{width:36px !important;height:36px !important;border-radius:10px !important}.modules-grid-new[data-view-density="kompakt"] .module-card-link .sv-cat-icon svg{width:20px !important;height:20px !important}.sv-content-category-icon{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--sv-text-primary,#1a1a2e)}.sv-content-category-icon .sv-cat-icon{background:var(--sv-accent,#1B57FF)}.sv-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:currentColor;opacity:0.15;flex-shrink:0}[data-theme="dark"] .sv-cat-icon{background:rgba(255,255,255,0.12)}[data-theme="dark"] .module-icon-new{background:rgba(255,255,255,0.12) !important;box-shadow:0 2px 8px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.12)}[data-theme="dark"] .sv-content-category-icon{color:var(--sv-text-primary-dark,#e2e8f0)}.sv-admin-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:20px}.sv-admin-icon-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:16px;text-align:center;cursor:pointer;transition:border-color 0.2s,box-shadow 0.2s}.sv-admin-icon-card:hover{border-color:#6366f1;box-shadow:0 4px 12px rgba(99,102,241,0.15)}.sv-admin-icon-card .sv-cat-icon{margin:0 auto 10px}.sv-admin-icon-card-name{font-size:13px;font-weight:600;color:#374151;margin-bottom:4px}.sv-admin-icon-card-type{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:0.05em}
/* sv-polish-2026.css */
 .sv-page--animate main{animation:sv-page-enter 0.35s ease-out}@keyframes sv-page-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sv-page--animate main{animation:none}}.sv-card,.sv-card-wrap,.haber-card,.tarif-card,.dizi-card,.sv-burc-card,.kesfet-card,.ruya-card{transition:transform 0.25s cubic-bezier(0.4,0,0.2,1),box-shadow 0.25s cubic-bezier(0.4,0,0.2,1),border-color 0.2s ease}.sv-module a:not(.sv-btn):not(.sv-btn-primary):not(.sv-module-seo-pill):not(.sv-quick-save):not([class*="card"]):not([class*="link"]):not(.sv-segmented-item):not([role="tab"]){text-decoration-color:transparent;transition:text-decoration-color 0.2s ease,color 0.2s ease}.sv-module a:not(.sv-btn):not(.sv-btn-primary):not(.sv-module-seo-pill):not(.sv-quick-save):not([class*="card"]):not([class*="link"]):not(.sv-segmented-item):not([role="tab"]):hover{text-decoration-color:currentColor}.sv-btn,.sv-btn-primary,button[type="submit"]{transition:all 0.2s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.sv-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(27,87,255,0.25)}.sv-btn-primary:active{transform:translateY(0);box-shadow:none}.sv-module-stats-bar{position:relative}.sv-module-stats-bar .sv-module-stats-inner{background:var(--glass-bg,rgba(255,255,255,0.6));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle,#e2e8f0);border-radius:var(--radius-md,10px);padding:var(--space-3,12px) var(--space-4,16px)}.sv-module-stat-value{font-variant-numeric:tabular-nums}.sv-module-seo-pill{transition:all 0.2s ease}.sv-module-seo-pill:hover{transform:translateY(-1px)}.sv-breadcrumb{font-size:0.8rem}.sv-breadcrumb a{transition:color 0.15s}.sv-breadcrumb a:hover{color:var(--primary,#1B57FF)}.sv-wrap{scrollbar-width:thin;scrollbar-color:var(--border-subtle,#e2e8f0) transparent}.sv-wrap::-webkit-scrollbar{width:6px;height:6px}.sv-wrap::-webkit-scrollbar-track{background:transparent}.sv-wrap::-webkit-scrollbar-thumb{background:var(--border-subtle,#cbd5e1);border-radius:3px}.sv-wrap::-webkit-scrollbar-thumb:hover{background:var(--muted,#94a3b8)}.sv-toast-container{z-index:10000}.sv-toast{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md,10px);box-shadow:0 8px 32px rgba(0,0,0,0.15);animation:sv-toast-enter 0.3s ease-out}@keyframes sv-toast-enter{from{opacity:0;transform:translateY(16px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sv-loading-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sv-filter-panel{transition:box-shadow 0.2s ease,border-color 0.2s ease}.sv-filter-panel:focus-within{border-color:var(--primary,#1B57FF);box-shadow:0 0 0 3px rgba(27,87,255,0.08)}.sv-input:focus,.sv-select:focus{border-color:var(--primary,#1B57FF);box-shadow:0 0 0 3px rgba(27,87,255,0.1);outline:none}.sv-chip{transition:all 0.15s ease}.sv-chip:hover{transform:translateY(-1px)}.sv-related-content-grid a,.sv-related-card{transition:all 0.2s ease}.sv-related-content-grid a:hover,.sv-related-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.sv-social-proof{font-variant-numeric:tabular-nums}.sv-quick-save{transition:all 0.2s ease}.sv-quick-save:hover{transform:scale(1.1)}.sv-quick-save:active{transform:scale(0.95)}.sv-quick-save.is-saved{color:var(--color-error,#ef4444)}.sv-section-title,.sv-module-section h2:not(.visually-hidden),.ekonomi-section-title{position:relative}.sv-skeleton{background:linear-gradient(90deg,var(--bg-subtle,#f1f5f9) 25%,#e2e8f0 50%,var(--bg-subtle,#f1f5f9) 75% );background-size:200% 100%;animation:sv-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm,6px)}@keyframes sv-skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.sv-skeleton{animation:none;background-size:100% 100%}}.sv-empty-state{text-align:center;padding:var(--space-8,48px) var(--space-4,16px);background:var(--bg-subtle,#f8fafc);border:2px dashed var(--border-subtle,#e2e8f0);border-radius:var(--radius-md,10px);color:var(--text-muted,#94a3b8)}.sv-header-2026{transition:box-shadow 0.3s ease,background 0.3s ease}footer{border-top:1px solid var(--border-subtle,#e2e8f0)}::selection{background:rgba(27,87,255,0.15);color:var(--text,#1e293b)}.haber-card{border-radius:var(--radius-md,10px)}.haber-card:hover{border-color:var(--primary,#1B57FF)}.haber-card-title{letter-spacing:-0.01em}.haber-card-img{transition:transform 0.4s cubic-bezier(0.4,0,0.2,1)}.haber-card:hover .haber-card-img{transform:scale(1.04)}.haber-pag-link,.kamu-pag-link{transition:all 0.15s ease;font-weight:600;font-size:0.85rem}.haber-pag-link:hover,.kamu-pag-link:hover{transform:translateY(-1px)}[class*="-load-more-btn"]{font-weight:600;border-radius:var(--radius-md,10px);transition:all 0.2s ease}[class*="-load-more-btn"]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(27,87,255,0.2)}.sv-module-section{padding-bottom:var(--space-4,16px)}.sv-h1{letter-spacing:-0.02em;line-height:1.2}.sv-lead{line-height:1.5;max-width:600px}@media print{.sv-header-2026,.sv-breadcrumb,.sv-module-stats-bar,.sv-quick-save,.sv-social-proof,.sv-ad-zone,.sv-consent-banner,.sv-toast-container,.sv-loading-overlay,footer{display:none !important}main{padding:0 !important}*{box-shadow:none !important}}[data-theme="dark"] .sv-module-stats-bar .sv-module-stats-inner{background:rgba(17,24,39,0.7);border-color:#334155}[data-theme="dark"]::selection{background:rgba(96,165,250,0.25)}@supports (animation-timeline:view()){.sv-card,.sv-card-wrap,.haber-card,.tarif-card,.dizi-card,.sv-burc-card,.kesfet-card,.ruya-card,.sv-related-card,.sv-module-section{animation:svRevealUp linear both;animation-timeline:view();animation-range:entry 0% entry 30%}@keyframes svRevealUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}}.sv-reveal{opacity:0;transform:translateY(20px);transition:opacity 0.5s cubic-bezier(0.2,0,0,1),transform 0.5s cubic-bezier(0.2,0,0,1)}.sv-reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.sv-reveal{opacity:1;transform:none;transition:none}@supports (animation-timeline:view()){.sv-card,.sv-card-wrap,.haber-card,.tarif-card,.dizi-card,.sv-burc-card,.kesfet-card,.ruya-card,.sv-related-card,.sv-module-section{animation:none}}}:focus-visible{outline:2px solid var(--primary,#1B57FF);outline-offset:3px;border-radius:var(--radius-sm,6px)}[data-theme="dark"]:focus-visible{outline-color:#60a5fa;outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--primary,#1B57FF);box-shadow:0 0 0 3px rgba(27,87,255,0.15)}[data-theme="dark"] input:focus-visible,[data-theme="dark"] select:focus-visible,[data-theme="dark"] textarea:focus-visible{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,0.2)}.sv-skeleton-text{height:1em;border-radius:4px;margin-bottom:0.5em}.sv-skeleton-text:last-child{width:70%}.sv-skeleton-circle{border-radius:50%;aspect-ratio:1}.sv-skeleton-img{aspect-ratio:16/9;border-radius:var(--radius-md,10px)}.sv-skeleton-text,.sv-skeleton-circle,.sv-skeleton-img{background:linear-gradient(90deg,var(--bg-subtle,#f1f5f9) 25%,#e2e8f0 37%,var(--bg-subtle,#f1f5f9) 63% );background-size:400% 100%;animation:sv-skeleton-shimmer 1.4s ease infinite}[data-theme="dark"] .sv-skeleton-text,[data-theme="dark"] .sv-skeleton-circle,[data-theme="dark"] .sv-skeleton-img{background:linear-gradient(90deg,rgba(255,255,255,0.05) 25%,rgba(255,255,255,0.1) 37%,rgba(255,255,255,0.05) 63% );background-size:400% 100%}html{transition:background-color 0.3s ease,color 0.3s ease}body,.sv-header-2026,.sv-card,.sv-card-wrap,.haber-card,.sv-module,.sv-wrap,.sv-mobile-bottom-nav,footer,.sv-glass-panel,.sv-filter-panel,.sv-input,.sv-select{transition-property:background-color,border-color,color,box-shadow;transition-duration:0.3s;transition-timing-function:ease}img{transition:none}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@supports (container-type:inline-size){.modules-grid-new{container-type:inline-size;container-name:modules}@container modules (max-width:600px){.module-card-new{min-width:100%}}}img{max-width:100%;height:auto}img[loading="lazy"]{opacity:0;transition:opacity 0.3s ease}img[loading="lazy"].loaded,img[loading="lazy"][src]:not([src=""]){opacity:1}.content-skeleton .skeleton-line{background:linear-gradient(90deg,var(--sv-bg-secondary,#f1f5f9) 0%,var(--sv-bg-tertiary,#e2e8f0) 50%,var(--sv-bg-secondary,#f1f5f9) 100%);background-size:200% 100%;animation:sv-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:6px;height:14px;margin-bottom:10px}[data-theme="dark"] .content-skeleton .skeleton-line{background:linear-gradient(90deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.05) 100%);background-size:200% 100%;animation:sv-skeleton-shimmer 1.5s ease-in-out infinite}