:root{--bg:#080912;--panel:#11131d;--text:#f7f7fb;--muted:#9296aa;--purple:#9b78ff;--blue:#5fb7ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip;overflow-y:auto}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:"DM Sans",Arial,sans-serif;overflow-x:clip;overflow-y:visible}
::selection{background:#9b78ff;color:#fff}
.bg{position:fixed;inset:0;z-index:-3;background:
radial-gradient(circle at 12% 12%,rgba(113,61,225,.32),transparent 27%),
radial-gradient(circle at 88% 27%,rgba(24,113,255,.24),transparent 29%),
radial-gradient(circle at 53% 92%,rgba(240,44,145,.14),transparent 27%),#080912}
.grid-bg{position:fixed;inset:0;z-index:-2;opacity:.22;mask-image:linear-gradient(to bottom,#000,transparent 88%);background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:46px 46px;animation:gridMove 18s linear infinite}
.glow{position:fixed;width:360px;height:360px;border-radius:50%;filter:blur(90px);opacity:.16;pointer-events:none;z-index:-1;background:#8a5cff;left:calc(var(--x,50%));top:calc(var(--y,50%));transform:translate(-50%,-50%)}
@keyframes gridMove{to{background-position:46px 46px}}

nav{width:min(1180px,92%);margin:18px auto 0;display:flex;align-items:center;justify-content:space-between;padding:13px 16px 13px 20px;border:1px solid #ffffff16;background:#10121bbb;backdrop-filter:blur(18px);border-radius:18px;position:relative;z-index:10;animation:drop .7s ease both}
.brand{font-family:"Space Grotesk",sans-serif;font-weight:700;letter-spacing:-.7px;font-size:19px}.brand b{color:var(--purple)}
.pill{padding:8px 12px;border:1px solid #ffffff17;border-radius:999px;background:#ffffff09;color:#d7d8e2;font-size:12px;font-weight:700}

.hero{min-height:68vh;display:grid;place-items:center;text-align:center;padding:70px 20px 45px;position:relative}
.hero-inner{position:relative;width:min(920px,92vw);padding:28px 120px 55px}
.kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff17;background:#ffffff09;padding:8px 12px;border-radius:999px;color:#c9cad7;font-size:12px;font-weight:700;letter-spacing:.4px;animation:up .7s .12s ease both}
.dot{width:7px;height:7px;border-radius:50%;background:#9b78ff;box-shadow:0 0 14px #9b78ff;animation:pulse 1.7s ease-in-out infinite}
h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(54px,8.8vw,108px);line-height:.9;letter-spacing:-.085em;margin:28px 0 0;padding-right:.085em;background:linear-gradient(110deg,#fff 12%,#d7c9ff 42%,#8bcbff 72%,#fff);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 18px 50px rgba(104,64,220,.25));animation:up .85s .2s cubic-bezier(.2,.8,.2,1) both,shine 7s 1.3s linear infinite}
.orbit{position:absolute;width:62px;height:62px;display:grid;place-items:center;border-radius:18px;border:1px solid #ffffff1c;background:#121422cc;backdrop-filter:blur(12px);font-size:27px;box-shadow:0 18px 50px #0006;animation:float 4.6s ease-in-out infinite}
.o1{left:3%;top:20%;transform:rotate(-12deg)}.o2{right:3%;top:45%;animation-delay:-1.5s}.o3{left:12%;bottom:0;animation-delay:-2.8s}
.scroll-hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:#666b80;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;animation:bob 2s ease-in-out infinite}

main{width:min(1180px,92%);margin:auto;padding:42px 0 110px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}
.eyebrow{color:#9b78ff;text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:800;margin-bottom:8px}
h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(32px,5vw,55px);letter-spacing:-.055em;line-height:1;margin:0}
.helper{color:#767b91;font-size:13px;padding-bottom:5px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:22px}
.card{position:relative;display:block;text-decoration:none;color:inherit;background:linear-gradient(145deg,#151722,#0f111a);border:1px solid #ffffff17;border-radius:24px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;transform-style:preserve-3d}
.card:hover{transform:translateY(-9px) scale(1.012);border-color:#a081ff99;box-shadow:0 28px 75px rgba(48,25,111,.35)}
.preview{aspect-ratio:16/9;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#321a6b,#0b4077)}
.preview:before{content:"";position:absolute;width:240px;height:240px;border:38px solid #ffffff0d;border-radius:50%;right:-80px;top:-90px;transition:.5s}
.preview:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#ffffff13 48%,transparent 72%);transform:translateX(-120%);transition:.7s}
.card:hover .preview:after{transform:translateX(120%)}.card:hover .preview:before{transform:scale(1.12) rotate(12deg)}
.ae{position:relative;z-index:2;width:78px;height:78px;border-radius:17px;display:grid;place-items:center;background:#120a34;border:3px solid #b8a2ff;color:#c5b6ff;font-family:"Space Grotesk";font-size:29px;font-weight:700;box-shadow:0 20px 50px #0009;transition:.35s}
.card:hover .ae{transform:scale(1.08) rotate(-4deg)}
.download{position:absolute;z-index:3;right:13px;top:13px;padding:8px 11px;border-radius:999px;background:#f7f7fb;color:#11131b;font-size:11px;font-weight:800;box-shadow:0 8px 25px #0005;transition:.3s}
.card:hover .download{transform:translateY(-2px)}
.info{padding:18px 19px 21px}.info h3{font-family:"Space Grotesk";font-size:20px;letter-spacing:-.5px;margin:0 0 7px}.info p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}
.coming{border:1px dashed #ffffff1c;background:#ffffff04;min-height:260px;border-radius:24px;display:grid;place-items:center;text-align:center;color:#71758a}.coming strong{display:block;color:#aaaec0;font-family:"Space Grotesk";font-size:18px;margin-bottom:5px}
footer{width:min(1180px,92%);margin:auto;border-top:1px solid #ffffff10;padding:28px 0 45px;display:flex;justify-content:space-between;gap:20px;color:#5f6478;font-size:12px}

.reveal{opacity:0;transform:translateY(28px);transition:.75s cubic-bezier(.2,.8,.2,1)}.reveal.show{opacity:1;transform:none}
@keyframes up{from{opacity:0;transform:translateY(28px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes drop{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:none}}
@keyframes shine{to{background-position:-220% center}}
@keyframes pulse{50%{opacity:.45;transform:scale(.75)}}
@keyframes float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-18px) rotate(7deg)}}
@keyframes bob{50%{transform:translate(-50%,7px);opacity:.45}}
@media(max-width:700px){.hero-inner{padding:20px 8px 35px;width:96vw}nav{margin-top:10px}.hero{min-height:61vh;padding-top:45px}h1{letter-spacing:-.07em}.orbit{display:none}.scroll-hint{display:none}.section-head{align-items:flex-start;flex-direction:column}.helper{display:none}.cards{grid-template-columns:1fr}footer{flex-direction:column}.hero{overflow:hidden}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.compare{position:relative;display:block;cursor:ew-resize;background:#090a10}
.compare-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}
.after-wrap{position:absolute;inset:0;z-index:1;clip-path:inset(0 50% 0 0);overflow:hidden}
.after-wrap .after{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.compare-line{position:absolute;z-index:4;left:50%;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 18px #0009;transform:translateX(-1px);pointer-events:none}
.compare-line span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font-weight:900;box-shadow:0 8px 28px #0008}
.compare-range{position:absolute;z-index:6;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.compare-label{position:absolute;z-index:5;bottom:10px;padding:6px 9px;border-radius:999px;background:#080912bb;backdrop-filter:blur(8px);font-size:9px;font-weight:900;letter-spacing:1px;border:1px solid #ffffff20;pointer-events:none}
.before-label{left:10px}.after-label{right:10px}
.compare .download{pointer-events:none}


.compare, .compare *{
  -webkit-user-drag:none;
  -webkit-touch-callout:none;
  user-select:none;
}
.compare-img{draggable:false}
.compare-range{
  touch-action:none;
  z-index:6;
}
.download{z-index:20!important;pointer-events:auto!important;cursor:pointer;text-decoration:none}


/* Büyük tekli efekt vitrini */
.cards{grid-template-columns:1fr!important}
.card{width:100%;border-radius:28px}
.preview.compare{aspect-ratio:16/9;min-height:0;width:100%}
.info{padding:24px 28px 28px}
.info h3{font-size:30px}
.info p{font-size:16px}
.coming{display:none}
@media(min-width:1000px){
  main{width:min(1500px,96%)}
  .preview.compare{height:min(78vh,850px);aspect-ratio:auto}
  .compare-label{font-size:12px;padding:8px 12px}
  .compare-line span{width:50px;height:50px;font-size:18px}
}


/* Dark modern compact redesign */
:root{
  --bg:#050609;
  --panel:#0b0d12;
  --text:#f4f5f7;
  --muted:#858b9a;
  --purple:#8b6cff;
  --blue:#4d9fff;
}
body{background:#050609}
.bg{background:
 radial-gradient(circle at 50% -10%,rgba(91,61,190,.16),transparent 30%),
 radial-gradient(circle at 100% 60%,rgba(32,69,140,.08),transparent 28%),
 #050609}
.grid-bg{opacity:.08;background-size:56px 56px}
.glow{opacity:.08}

nav{
 margin:12px auto 0;
 padding:10px 14px 10px 17px;
 border-radius:14px;
 background:rgba(10,11,16,.86);
 border-color:#ffffff0d;
 box-shadow:0 8px 30px #0006
}
.brand{font-size:17px}.pill{padding:7px 10px;background:#ffffff05;border-color:#ffffff0c}

.hero{
 min-height:auto;
 padding:48px 20px 42px;
}
.hero-inner{padding:16px 120px 18px}
.kicker{padding:7px 11px;background:#ffffff05;border-color:#ffffff0d}
h1{
 margin-top:18px;
 font-size:clamp(54px,8vw,102px);
 line-height:.84;
 filter:drop-shadow(0 15px 35px rgba(70,45,160,.16))
}
.scroll-hint{display:none}
.orbit{background:#0c0e15e8;border-color:#ffffff10;box-shadow:0 15px 40px #0009}

main{padding:12px 0 70px}
.section-head{margin-bottom:18px}
.eyebrow{margin-bottom:6px;color:#856dca}
h2{font-size:clamp(31px,4vw,48px)}
.card{
 background:#090b10;
 border-color:#ffffff0d;
 border-radius:20px;
 box-shadow:0 18px 50px #0005
}
.card:hover{
 border-color:#8065d966;
 box-shadow:0 24px 70px #0009,0 0 40px rgba(91,61,190,.08)
}
.preview.compare{border-bottom:1px solid #ffffff0c}
.info{padding:18px 22px 21px}
.info h3{font-size:25px;margin-bottom:5px}
.info p{font-size:14px;color:#777e8f}
.download{background:#e9eaf0;color:#0b0d12;box-shadow:0 8px 24px #0008}
.compare-label{background:#080a0ee8;border-color:#ffffff12}
footer{padding:22px 0 30px}

@media(min-width:1000px){
 main{width:min(1420px,94%)}
 .preview.compare{height:min(74vh,790px)}
}
@media(max-width:700px){
 .hero{padding:35px 12px 30px}
 .hero-inner{padding:12px 5px 16px}
 main{padding-top:4px}
}


/* CC vitrini yaklaşık %40 küçültüldü */
.cards{max-width:900px;margin:0 auto}
@media(min-width:1000px){
  main{width:min(1180px,92%)}
  .preview.compare{height:auto!important;aspect-ratio:16/9!important}
}


.quick-nav{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
  margin:10px auto 0;padding:0 18px;position:relative;z-index:7
}
.quick-nav a{
  color:#c9ccd7;text-decoration:none;font-size:13px;font-weight:700;
  padding:10px 14px;border-radius:12px;border:1px solid #ffffff10;
  background:#0b0d13cc;backdrop-filter:blur(12px);
  transition:transform .25s,border-color .25s,background .25s,color .25s
}
.quick-nav a:hover{transform:translateY(-3px);border-color:#8067d666;background:#12151f;color:#fff}
.pack-section{scroll-margin-top:28px;margin-bottom:72px}
.empty-section{
  min-height:190px;border:1px dashed #ffffff14;border-radius:20px;
  background:linear-gradient(145deg,#090b10,#07080c);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:7px;text-align:center;color:#656b7b
}
.empty-section strong{font-family:"Space Grotesk";font-size:20px;color:#a9adba}
.empty-section span{font-size:13px}
@media(max-width:700px){
 .quick-nav{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}
 .quick-nav a{text-align:center;padding:10px 7px;font-size:11px}
 .pack-section{margin-bottom:52px}
}


/* CC kartlarını masaüstünde yan yana, biraz daha kompakt göster */
.cards{
  max-width:1400px;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start;
}
.preview.compare{
  aspect-ratio:16/9!important;
  height:auto!important;
}
.info{padding:16px 19px 19px}
.info h3{font-size:23px}
@media(max-width:850px){
  .cards{grid-template-columns:1fr!important}
}


/* Tekli büyük kart düzenine geri dön */
.cards{
  max-width:900px!important;
  grid-template-columns:1fr!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.preview.compare{
  aspect-ratio:16/9!important;
  height:auto!important;
}


/* Tekli kartları biraz daha büyüt */
.cards{max-width:1080px!important}


/* Büyük ve yan yana CC kartları */
main{width:min(1600px,96%)!important}
.cards{
  max-width:1500px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.preview.compare{
  aspect-ratio:16/9!important;
  height:auto!important;
}
@media(max-width:900px){
  .cards{grid-template-columns:1fr!important}
}

/* Hafif video kapağı ve yükleme geçişi */
.shake-video-wrap::before{
  content:"";
  position:absolute;
  inset:-12px;
  z-index:0;
  background:
    radial-gradient(circle at 25% 35%,color-mix(in srgb,var(--page-accent) 34%,transparent),transparent 38%),
    linear-gradient(135deg,#111522,#050609 70%);
  filter:blur(8px);
  transform:scale(1.06);
  transition:opacity .6s ease;
}
.shake-video{
  position:relative;
  z-index:1;
  opacity:1;
  filter:none;
  transform:none;
  transition:none;
}
.shake-video.is-ready{
  opacity:1;
  filter:none;
  transform:none;
}
.shake-video-wrap:has(.shake-video.is-ready)::before{opacity:0}
.shake-play{z-index:3}

/* Videolu öncesi / sonrası karşılaştırması */
.video-compare{background:#050609}
.video-compare .compare-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  pointer-events:none;
  background:#050609;
}
.video-compare .after-wrap .compare-video{position:absolute;inset:0}
.video-compare-play{
  position:absolute;
  z-index:9;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border:1px solid #ffffff4a;
  border-radius:50%;
  color:#0a0b10;
  background:#fffffff0;
  box-shadow:0 12px 34px #000a;
  cursor:pointer;
  font-size:18px;
  transition:opacity .25s ease,transform .25s ease;
}
.video-compare-play:hover{transform:translate(-50%,-50%) scale(1.08)}
.video-compare.playing .video-compare-play{opacity:.18;font-size:14px}
.video-compare.playing:hover .video-compare-play,
.video-compare.playing .video-compare-play:hover{opacity:.9}

/* Hafif ve tutarlı indirme sayacı */
.download-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  min-height:20px;
  padding:0 6px;
  margin-left:2px;
  border-left:1px solid #05070a30;
  border-radius:0 8px 8px 0;
  color:inherit;
  font-size:9px;
  font-weight:900;
  line-height:1;
  opacity:.72;
  font-variant-numeric:tabular-nums;
}

/* Animasyonlu indirme bildirimi */
.download-toast{
  position:fixed;
  left:50%;
  bottom:28px;
  z-index:99999;
  width:min(390px,calc(100vw - 28px));
  display:flex;
  align-items:center;
  gap:13px;
  padding:13px 15px;
  border:1px solid #ffffff1c;
  border-radius:17px;
  background:#090b12ed;
  box-shadow:0 22px 70px #000c,0 0 35px color-mix(in srgb,var(--page-accent) 18%,transparent);
  backdrop-filter:blur(18px);
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,24px) scale(.96);
  transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1);
}
.download-toast.show{opacity:1;transform:translate(-50%,0) scale(1)}
.download-toast-icon{
  width:38px;height:38px;flex:0 0 38px;border-radius:12px;
  display:grid;place-items:center;color:#05070a;font-weight:1000;
  background:linear-gradient(135deg,var(--page-accent),var(--page-accent-2));
}
.download-toast-copy{min-width:0;flex:1}
.download-toast-copy strong{display:block;font:800 13px "Space Grotesk";white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.download-toast-copy small{display:block;margin-top:3px;color:#8f95a7;font-size:10px}
.download-toast-progress{height:3px;margin-top:8px;border-radius:99px;background:#ffffff12;overflow:hidden}
.download-toast-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--page-accent),var(--page-accent-2))}
.download-toast.show .download-toast-progress span{animation:downloadProgress .8s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes downloadProgress{to{width:100%}}
@media(max-width:700px){.download-toast{bottom:14px}}


/* Küçük sol hızlı erişim menüsü */
.quick-nav{
  position:fixed!important;
  left:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:100!important;
  display:flex!important;
  flex-direction:column!important;
  width:auto!important;
  padding:7px!important;
  gap:6px!important;
  margin:0!important;
  border:1px solid #ffffff0d;
  border-radius:14px;
  background:rgba(7,8,12,.82);
  backdrop-filter:blur(16px);
  box-shadow:0 14px 40px #0008;
}
.quick-nav a{
  width:42px!important;
  height:42px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  font-size:0!important;
  border-radius:10px!important;
}
.quick-nav a::first-letter{font-size:17px}
.quick-nav a:hover{
  width:150px!important;
  justify-content:flex-start!important;
  padding:0 11px!important;
  font-size:11px!important;
}
@media(max-width:800px){
  .quick-nav{
    left:50%!important;top:auto!important;bottom:10px!important;
    transform:translateX(-50%)!important;
    flex-direction:row!important;
  }
  .quick-nav a:hover{width:42px!important;padding:0!important;font-size:0!important}
}


/* Sol menü ikon görünürlüğü düzeltmesi */
.quick-nav a{position:relative!important}
.quick-nav a::before{
  display:block!important;
  font-size:18px!important;
  line-height:1!important;
  flex:0 0 auto!important;
}
.quick-nav a[data-nav="color"]::before{content:"🎨"}
.quick-nav a[data-nav="shake"]::before{content:"⚡"}
.quick-nav a[data-nav="twixtor"]::before{content:"⏱"}
.quick-nav a[data-nav="transition"]::before{content:"↔"}
.quick-nav a[data-nav="other"]::before{content:"✦"}
.quick-nav a[data-nav="sound"]::before{content:"🔊"}
.quick-nav a:hover{gap:8px!important}
@media(max-width:800px){
  .quick-nav a::before{font-size:17px!important}
}


.section-description{
  margin:7px 0 0;
  color:#777e8f;
  font-size:14px;
  line-height:1.5;
}


/* Adobe esintili daha eğlenceli bölüm tasarımı */
#renk-efektleri .section-head{
  position:relative;
  justify-content:center!important;
  text-align:center!important;
  margin:0 auto 30px!important;
  padding:30px 20px 25px;
  max-width:820px;
  border:1px solid rgba(153,105,255,.18);
  border-radius:28px;
  background:
    radial-gradient(circle at 20% 0%,rgba(153,105,255,.15),transparent 30%),
    radial-gradient(circle at 85% 100%,rgba(56,118,255,.12),transparent 30%),
    linear-gradient(145deg,rgba(16,13,29,.92),rgba(7,8,13,.92));
  box-shadow:0 25px 70px #0008,inset 0 1px #ffffff0a;
  overflow:hidden;
}
#renk-efektleri .section-head::before{
  content:"Ae";
  position:absolute;left:22px;top:18px;
  width:48px;height:48px;border-radius:12px;
  display:grid;place-items:center;
  font:800 21px "Space Grotesk";
  color:#d3b9ff;background:#160b35;
  border:2px solid #9d6cff;
  transform:rotate(-8deg);
  box-shadow:0 10px 25px #0008;
  animation:adobeFloat 3.4s ease-in-out infinite;
}
#renk-efektleri .section-head::after{
  content:"Ae";
  position:absolute;right:24px;bottom:18px;
  width:44px;height:44px;border-radius:11px;
  display:grid;place-items:center;
  font:800 19px "Space Grotesk";
  color:#b9b7ff;background:#0e1038;
  border:2px solid #7775ff;
  transform:rotate(8deg);
  box-shadow:0 10px 25px #0008;
  animation:adobeFloat 3.8s ease-in-out infinite reverse;
}
#renk-efektleri .section-head>div{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
}
#renk-efektleri h2{
  margin:0!important;
  text-align:center;
  font-size:clamp(38px,5vw,64px);
  letter-spacing:-2.5px;
  background:linear-gradient(90deg,#fff 10%,#d7c4ff 48%,#a9c9ff 90%);
  -webkit-background-clip:text;
  color:transparent;
  filter:drop-shadow(0 10px 30px rgba(130,86,255,.18));
}
#renk-efektleri .section-description{
  text-align:center;
  margin:9px auto 0;
  max-width:560px;
  color:#969bad;
}
#renk-efektleri .section-head span,
#renk-efektleri .section-head .helper{display:none!important}

.card{
  position:relative;
  overflow:hidden;
}
.card::before{
  content:"";
  position:absolute;inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(120deg,transparent 20%,rgba(151,102,255,.12),transparent 55%);
  transform:translateX(-100%);
  transition:transform .8s ease;
  z-index:30;
}
.card:hover::before{transform:translateX(100%)}
.card:hover{transform:translateY(-5px) rotate(.15deg)}

@keyframes adobeFloat{
  0%,100%{translate:0 0}
  50%{translate:0 -7px}
}
@media(max-width:700px){
 #renk-efektleri .section-head::before,
 #renk-efektleri .section-head::after{width:36px;height:36px;font-size:15px}
 #renk-efektleri .section-head{padding:25px 48px 22px}
}


/* Premium RGB hover çerçevesi */
.card{
  isolation:isolate;
  overflow:visible!important;
  transition:transform .38s cubic-bezier(.2,.8,.2,1), box-shadow .38s ease!important;
}
.card::after{
  content:"";
  position:absolute;
  inset:-3px;
  padding:2px;
  border-radius:23px;
  background:linear-gradient(
    var(--rgb-angle,0deg),
    #ff3d81,
    #9b5cff,
    #3d8bff,
    #2de2e6,
    #7cff6b,
    #ffe66d,
    #ff7a3d,
    #ff3d81
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:0;
  pointer-events:none;
  z-index:40;
  filter:drop-shadow(0 0 7px rgba(120,90,255,.55));
  transition:opacity .25s ease;
}
.card:hover::after{
  opacity:1;
  animation:rgbSpin 2.2s linear infinite;
}
.card:hover{
  transform:translateY(-8px) scale(1.012)!important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.72),
    0 0 28px rgba(126,87,255,.16),
    0 0 55px rgba(45,226,230,.07)!important;
}
.card .preview{
  border-radius:18px 18px 0 0;
  overflow:hidden;
}
.card:hover .preview img{
  transform:scale(1.018);
}
.compare-img{
  transition:transform .65s cubic-bezier(.2,.8,.2,1);
}
.download{
  transition:transform .25s ease, box-shadow .25s ease!important;
}
.card:hover .download{
  transform:translateY(-2px) rotate(-2deg);
  box-shadow:0 8px 24px rgba(255,255,255,.14);
}
@property --rgb-angle{
  syntax:"<angle>";
  initial-value:0deg;
  inherits:false;
}
@keyframes rgbSpin{
  to{--rgb-angle:360deg}
}


/* Kategori bazlı renk kimlikleri */
#renk-efektleri{
  --cat:#9b5cff;
  --cat2:#3d8bff;
}
#shakeler{
  --cat:#ff8a2b;
  --cat2:#ff3d81;
}
#gecis-efektleri{
  --cat:#2de2e6;
  --cat2:#3d8bff;
}
#diger-efektler{
  --cat:#ff4fc3;
  --cat2:#9b5cff;
}
#gecis-efektleri .shake-card{
  position:relative;
  border-color:color-mix(in srgb,var(--cat) 38%,transparent);
  background:linear-gradient(145deg,#071316,#07090f);
}
#gecis-efektleri .shake-card:hover{
  box-shadow:0 25px 70px #0009,0 0 30px color-mix(in srgb,var(--cat) 18%,transparent);
}
#gecis-efektleri .shake-download{
  --download-a:var(--cat);
  --download-b:var(--cat2);
}
.new-ribbon{
  position:absolute;
  top:20px;
  right:-38px;
  z-index:8;
  width:150px;
  padding:7px 0;
  text-align:center;
  color:#181200;
  background:linear-gradient(90deg,#ffd21c,#fff176,#ffc400);
  border:1px solid #fff2a8;
  box-shadow:0 5px 18px #0008,0 0 20px #ffd21c66;
  transform:rotate(45deg);
  font:1000 11px/1 "Space Grotesk",sans-serif;
  letter-spacing:2px;
  pointer-events:none;
  animation:newRibbonPulse 1.8s ease-in-out infinite;
}
.community-ribbon{
  top:14px;
  right:14px;
  width:auto;
  padding:8px 12px;
  border:1px solid #fff09acc;
  border-radius:999px;
  color:#241900;
  background:linear-gradient(135deg,#ffc400,#ffe45c 52%,#ffb300);
  box-shadow:0 8px 24px #0009,0 0 24px #ffd21c66;
  transform:none;
  font-size:9px;
  letter-spacing:.9px;
  white-space:nowrap;
  animation:none;
}
@keyframes newRibbonPulse{50%{filter:brightness(1.16);box-shadow:0 5px 18px #0008,0 0 30px #ffd21c99}}
.new-drop-teaser{
  position:relative;
  z-index:12;
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 auto 18px;
  width:max-content;
  max-width:calc(100% - 24px);
  padding:9px 15px;
  border:1px solid #ffe66d99;
  border-radius:999px;
  color:#fff3a5;
  background:linear-gradient(135deg,#4a3700cc,#171004e8);
  box-shadow:0 10px 32px #0008,0 0 24px #ffd21c38;
  text-decoration:none;
  font:900 10px/1 "Space Grotesk",sans-serif;
  letter-spacing:1.4px;
  animation:newTeaserFloat 1.9s ease-in-out infinite;
}
.new-drop-teaser strong{color:#171000;background:#ffd21c;border-radius:999px;padding:5px 8px;font-size:9px}
.new-drop-teaser:hover{border-color:#fff176;filter:brightness(1.12)}
@keyframes newTeaserFloat{50%{transform:translateY(5px);box-shadow:0 14px 36px #0009,0 0 32px #ffd21c55}}
#twixtor{
  --cat:#00d4ff;
  --cat2:#7b5cff;
}
#ses-efektleri{
  --cat:#7cff6b;
  --cat2:#ffe66d;
}

.pack-section{
  position:relative;
  padding:34px 24px 42px;
  border-radius:30px;
  transition:background .5s ease, box-shadow .5s ease;
}
.pack-section::before{
  content:"";
  position:absolute;
  inset:-80px -10vw;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 25%,color-mix(in srgb,var(--cat) 13%,transparent),transparent 28%),
    radial-gradient(circle at 85% 70%,color-mix(in srgb,var(--cat2) 10%,transparent),transparent 30%);
  opacity:.9;
}
.pack-section .section-head{
  border-color:color-mix(in srgb,var(--cat) 25%,transparent)!important;
  box-shadow:0 22px 65px #0008,0 0 45px color-mix(in srgb,var(--cat) 8%,transparent)!important;
}
.pack-section h2{
  filter:drop-shadow(0 0 22px color-mix(in srgb,var(--cat) 20%,transparent));
}
.pack-section .empty-section{
  border-color:color-mix(in srgb,var(--cat) 24%,transparent);
  box-shadow:inset 0 0 55px color-mix(in srgb,var(--cat) 5%,transparent);
}
#shakeler .section-head,
#gecis-efektleri .section-head,
#diger-efektler .section-head,
#ses-efektleri .section-head,
#twixtor .section-head{
  padding:25px;
  border:1px solid color-mix(in srgb,var(--cat) 25%,transparent);
  border-radius:22px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--cat) 8%,#090b10),#08090d);
}
.quick-nav a[data-nav="color"]:hover{border-color:#9b5cff!important;box-shadow:0 0 20px #9b5cff33}
.quick-nav a[data-nav="shake"]:hover{border-color:#ff8a2b!important;box-shadow:0 0 20px #ff8a2b33}
.quick-nav a[data-nav="twixtor"]:hover{border-color:#00d4ff!important;box-shadow:0 0 20px #00d4ff33}
.quick-nav a[data-nav="transition"]:hover{border-color:#2de2e6!important;box-shadow:0 0 20px #2de2e633}
.quick-nav a[data-nav="other"]:hover{border-color:#ff4fc3!important;box-shadow:0 0 20px #ff4fc333}
.quick-nav a[data-nav="sound"]:hover{border-color:#7cff6b!important;box-shadow:0 0 20px #7cff6b33}


.yt-subscribe{
  position:absolute;
  top:18px;
  right:22px;
  z-index:20;
  display:flex;
  align-items:center;
  gap:9px;
  padding:7px 11px 7px 8px;
  border-radius:13px;
  color:#fff;
  text-decoration:none;
  background:rgba(13,14,20,.82);
  border:1px solid #ffffff14;
  backdrop-filter:blur(14px);
  box-shadow:0 12px 35px #0008;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.yt-subscribe:hover{
  transform:translateY(-3px) rotate(-1deg);
  border-color:#ff334f66;
  box-shadow:0 14px 38px #0009,0 0 24px #ff334f22;
}
.yt-logo{
  width:34px;height:25px;border-radius:7px;
  display:grid;place-items:center;
  background:#ff0033;
  box-shadow:0 0 18px #ff003344;
}
.yt-play{font-size:11px;margin-left:2px;color:#fff}
.yt-copy{display:flex;flex-direction:column;line-height:1.05}
.yt-copy strong{font-size:11px;letter-spacing:.5px}
.yt-copy small{margin-top:3px;font-size:9px;color:#969baa}
@media(max-width:700px){
 .yt-subscribe{top:10px;right:10px;padding:6px 8px}
 .yt-logo{width:29px;height:22px}
 .yt-copy strong{font-size:9px}.yt-copy small{font-size:8px}
}


.yt-subscribe{display:none!important}
.social-bar{
  position:relative;
  z-index:25;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  width:100%;
  margin:18px auto 4px;
  padding:0 16px;
}
.social-card{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:155px;
  padding:10px 14px 10px 10px;
  border-radius:15px;
  color:#fff;
  text-decoration:none;
  background:rgba(12,13,19,.9);
  border:1px solid #ffffff14;
  box-shadow:0 12px 35px #0007;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.social-card:hover{transform:translateY(-4px) scale(1.035)}
.youtube-card:hover{border-color:#ff174d88;box-shadow:0 15px 35px #0009,0 0 24px #ff174d22}
.instagram-card:hover{border-color:#e54cff88;box-shadow:0 15px 35px #0009,0 0 24px #e54cff22}
.discord-card:hover{border-color:#7b82ff88;box-shadow:0 15px 35px #0009,0 0 24px #7b82ff22}
.tiktok-card:hover{border-color:#25f4ee88;box-shadow:0 15px 35px #0009,0 0 16px #25f4ee20,0 0 28px #fe2c5520}
.social-icon{
  width:42px;height:34px;border-radius:10px;
  display:grid;place-items:center;
  font-size:18px;font-weight:900;color:#fff;
  flex:0 0 auto;
}
.youtube-icon{background:#ff0033}
.instagram-icon{background:linear-gradient(135deg,#7b3cff,#e83e9f,#ff9b39);font-size:25px}
.discord-icon{background:#5865f2;font-size:21px}
.tiktok-icon{background:linear-gradient(135deg,#111 34%,#25f4ee 35%,#fe2c55 74%,#111 75%);font-size:20px}
.social-copy{display:flex;flex-direction:column;line-height:1.05}
.social-copy strong{font-size:12px;letter-spacing:.35px;white-space:nowrap}
.social-copy small{margin-top:4px;font-size:9px;color:#9da2b1}
@media(max-width:700px){
 .social-bar{gap:7px;margin-top:12px}
 .social-card{min-width:0;padding:8px 9px}
 .social-icon{width:34px;height:29px;font-size:15px}
 .social-copy strong{font-size:9px}
 .social-copy small{font-size:8px}
}


.social-icon svg{width:23px;height:23px;display:block}
.instagram-icon svg{width:24px;height:24px}
.discord-icon svg{width:25px;height:25px}
.tiktok-icon svg{width:21px;height:21px;filter:drop-shadow(1px 0 #25f4ee) drop-shadow(-1px 0 #fe2c55)}

/* Akıcılık optimizasyonu */
.card{
  will-change:transform;
  contain:layout paint;
}
.compare-img{
  will-change:transform;
  backface-visibility:hidden;
}
.card::before{display:none!important}
.card:hover{
  transform:translateY(-5px) scale(1.006)!important;
}
.card:hover .preview img{
  transform:scale(1.008);
}
.card:hover::after{
  animation-duration:3.8s!important;
}
#renk-efektleri .section-head::before,
#renk-efektleri .section-head::after{
  animation:none!important;
}
.pack-section::before{
  filter:none!important;
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}


.sound-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.sound-card{
 display:flex;align-items:center;gap:18px;padding:18px;
 border:1px solid color-mix(in srgb,var(--cat) 25%,transparent);
 border-radius:20px;background:linear-gradient(145deg,#0d1210,#080b09);
 box-shadow:0 18px 55px #0007;transition:.3s ease;
}
.sound-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--cat) 55%,transparent);box-shadow:0 22px 60px #0009,0 0 30px color-mix(in srgb,var(--cat) 10%,transparent)}
.sound-play{
 width:76px;height:76px;flex:0 0 76px;border:0;border-radius:50%;cursor:pointer;
 display:grid;place-items:center;color:#071008;font-size:24px;
 background:linear-gradient(135deg,var(--cat),var(--cat2));
 box-shadow:0 0 28px color-mix(in srgb,var(--cat) 24%,transparent);
 transition:transform .25s ease;
}
.sound-play:hover{transform:scale(1.06)}.sound-card.playing .sound-play{transform:scale(.96)}
.sound-bars{display:none;align-items:center;gap:3px;height:25px}
.sound-bars i{display:block;width:3px;height:8px;border-radius:3px;background:#071008;animation:soundBar .7s ease-in-out infinite alternate}
.sound-bars i:nth-child(2){animation-delay:-.2s}.sound-bars i:nth-child(3){animation-delay:-.4s}.sound-bars i:nth-child(4){animation-delay:-.1s}.sound-bars i:nth-child(5){animation-delay:-.3s}
.sound-card.playing .play-symbol{display:none}.sound-card.playing .sound-bars{display:flex}
.sound-meta{flex:1;min-width:0}.sound-topline{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.sound-topline h3{margin:0;font:700 22px "Space Grotesk";letter-spacing:-.5px}.sound-topline p{margin:4px 0 0;color:#798276;font-size:12px}.sound-time{font-size:11px;color:#8c968a}
.sound-progress{height:5px;margin:15px 0;border-radius:99px;background:#ffffff0c;overflow:hidden;cursor:pointer}
.sound-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cat),var(--cat2))}
.sound-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.volume-label{font-size:10px;color:#788276}
.sound-download{padding:8px 12px;border-radius:10px;text-decoration:none;color:#071008;background:linear-gradient(135deg,var(--cat),var(--cat2));font-size:10px;font-weight:900;letter-spacing:.4px;transition:.25s}
.sound-download:hover{transform:translateY(-2px);box-shadow:0 0 20px color-mix(in srgb,var(--cat) 20%,transparent)}
@keyframes soundBar{from{height:6px}to{height:25px}}
@media(max-width:600px){.sound-card{padding:14px}.sound-play{width:60px;height:60px;flex-basis:60px}}


/* Ses kartları: renk çeşitliliği + RGB hover çerçevesi */
.sound-card{
  --sound-a:#9b5cff;
  --sound-b:#3d8bff;
  position:relative;
  isolation:isolate;
  border:1px solid color-mix(in srgb,var(--sound-a) 32%,transparent)!important;
  background:
    radial-gradient(circle at 0% 50%,color-mix(in srgb,var(--sound-a) 10%,transparent),transparent 34%),
    linear-gradient(145deg,#0b0d12,#07090c)!important;
}
.sound-card:nth-child(6n+1){--sound-a:#9b5cff;--sound-b:#4d8dff}
.sound-card:nth-child(6n+2){--sound-a:#ff4f91;--sound-b:#ff8a3d}
.sound-card:nth-child(6n+3){--sound-a:#27d9ff;--sound-b:#3f74ff}
.sound-card:nth-child(6n+4){--sound-a:#7cff6b;--sound-b:#e9ff57}
.sound-card:nth-child(6n+5){--sound-a:#ffb13d;--sound-b:#ff536d}
.sound-card:nth-child(6n+6){--sound-a:#c65cff;--sound-b:#ff4fc3}

.sound-card .sound-play,
.sound-card .sound-download{
  background:linear-gradient(135deg,var(--sound-a),var(--sound-b))!important;
}
.sound-card .sound-play{
  box-shadow:0 0 25px color-mix(in srgb,var(--sound-a) 24%,transparent)!important;
}
.sound-card .sound-progress span{
  background:linear-gradient(90deg,var(--sound-a),var(--sound-b))!important;
}

.sound-card::after{
  content:"";
  position:absolute;
  inset:-2px;
  padding:2px;
  border-radius:21px;
  background:conic-gradient(
    from var(--sound-angle,0deg),
    #ff3d81,#9b5cff,#3d8bff,#2de2e6,#7cff6b,#ffe66d,#ff7a3d,#ff3d81
  );
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.22;
  pointer-events:none;
  z-index:3;
  transition:opacity .25s ease,filter .25s ease;
}
.sound-card:hover::after,
.sound-card.playing::after{
  opacity:1;
  filter:drop-shadow(0 0 8px color-mix(in srgb,var(--sound-a) 55%,transparent));
  animation:soundRgbSpin 3.2s linear infinite;
}
.sound-card:hover{
  border-color:transparent!important;
  transform:translateY(-5px) scale(1.008)!important;
  box-shadow:0 22px 60px #0009,0 0 30px color-mix(in srgb,var(--sound-a) 14%,transparent)!important;
}
@property --sound-angle{
  syntax:"<angle>";
  initial-value:0deg;
  inherits:false;
}
@keyframes soundRgbSpin{to{--sound-angle:360deg}}
@media(prefers-reduced-motion:reduce){
  .sound-card:hover::after,.sound-card.playing::after{animation:none!important}
}


/* Renk Efektleri başlığını diğer kategori başlıklarıyla aynı görsel dilde tut */
#renk-efektleri .section-head{
  text-align:left!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
#renk-efektleri .section-head h2{
  font-size:clamp(34px,4vw,56px)!important;
  margin:0!important;
  letter-spacing:-2px!important;
}
#renk-efektleri .section-head p{
  margin-top:8px!important;
  text-align:left!important;
}


/* Shake, Geçiş ve Ses bölüm başlıklarını Renk Efektleri gibi ortala */
#shakeler .section-head,
#gecis-efektleri .section-head,
#diger-efektler .section-head,
#ses-efektleri .section-head,
#twixtor .section-head{
  text-align:center!important;
  align-items:center!important;
  justify-content:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#shakeler .section-head h2,
#gecis-efektleri .section-head h2,
#diger-efektler .section-head h2,
#ses-efektleri .section-head h2,
#twixtor .section-head h2{
  text-align:center!important;
  width:100%!important;
}
#shakeler .section-head p,
#gecis-efektleri .section-head p,
#ses-efektleri .section-head p,
#twixtor .section-head p{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* Ana PARS MAZI PACK başlığını ortala */
.hero, .hero-inner, .hero-copy{
  text-align:center!important;
  align-items:center!important;
  justify-content:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero h1,.hero-title{
  text-align:center!important;
  width:100%!important;
}

/* Açılış ekranı */
#parsmazi-intro{
  position:fixed;inset:0;z-index:999999;
  display:grid;place-items:center;
  background:
    radial-gradient(circle at 25% 30%,#8b5cf622,transparent 34%),
    radial-gradient(circle at 75% 70%,#2dd4ff1c,transparent 35%),
    #05060b;
  overflow:hidden;
  transition:opacity .7s ease,visibility .7s ease;
}
#parsmazi-intro.intro-hide{opacity:0;visibility:hidden;pointer-events:none}
.intro-orbit{
  position:absolute;width:min(68vw,700px);aspect-ratio:1;border-radius:50%;
  background:conic-gradient(from 0deg,#ff3d81,#9b5cff,#3d8bff,#2de2e6,#7cff6b,#ffe66d,#ff7a3d,#ff3d81);
  filter:blur(55px);opacity:.12;animation:introSpin 5s linear infinite;
}
.intro-box{position:relative;text-align:center;padding:40px}
.intro-logo{
  font:800 clamp(48px,9vw,112px) "Space Grotesk",sans-serif;
  letter-spacing:-6px;line-height:.9;
  background:linear-gradient(90deg,#ff4f91,#a855f7,#3b82f6,#2dd4bf,#facc15,#ff4f91);
  background-size:300% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:introGradient 2.2s linear infinite,introReveal .9s cubic-bezier(.2,.8,.2,1) both;
  filter:drop-shadow(0 0 24px #8b5cf655);
}
.intro-line{
  width:min(420px,70vw);height:3px;margin:24px auto 0;border-radius:99px;
  background:#ffffff10;overflow:hidden;
}
.intro-line span{
  display:block;width:0;height:100%;
  background:linear-gradient(90deg,#ff4f91,#9b5cff,#2dd4ff,#7cff6b,#ffe66d);
  box-shadow:0 0 18px #9b5cff;
  animation:introLoad 1.65s cubic-bezier(.2,.8,.2,1) .2s forwards;
}
.intro-sub{
  margin-top:13px;color:#9ca3b7;font-size:11px;font-weight:700;
  letter-spacing:4px;text-transform:uppercase;
  opacity:0;animation:introSub .5s ease .65s forwards;
}
.intro-skip{
  position:absolute;
  left:50%;
  bottom:28px;
  transform:translateX(-50%);
  z-index:3;
  padding:8px 13px;
  border:1px solid #ffffff1a;
  border-radius:999px;
  color:#8d93a3;
  background:#080a10a8;
  cursor:pointer;
  font:700 9px/1 "Space Grotesk",sans-serif;
  letter-spacing:1px;
  opacity:0;
  animation:introSkipIn .35s ease .4s forwards;
}
.intro-skip:hover{color:#fff;border-color:#ff315a66;background:#160911}
@keyframes introSkipIn{to{opacity:1}}
@keyframes introSpin{to{transform:rotate(360deg)}}
@keyframes introGradient{to{background-position:300% 0}}
@keyframes introReveal{from{opacity:0;transform:scale(.82);filter:blur(18px)}to{opacity:1;transform:scale(1);filter:drop-shadow(0 0 24px #8b5cf655)}}
@keyframes introLoad{to{width:100%}}
@keyframes introSub{to{opacity:1}}
html.intro-lock,body.intro-lock{overflow:hidden!important}
@media(prefers-reduced-motion:reduce){
  .intro-orbit,.intro-logo,.intro-line span,.intro-sub{animation:none!important}
  .intro-line span{width:100%}.intro-sub{opacity:1}
}


.shake-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:22px}
.shake-card{
 overflow:hidden;border-radius:22px;
 border:1px solid #ff8a2b44;
 background:linear-gradient(145deg,#110c09,#090807);
 box-shadow:0 20px 60px #0008;
 transition:transform .3s ease,box-shadow .3s ease;
}
.shake-card:hover{transform:translateY(-5px);box-shadow:0 25px 70px #0009,0 0 30px #ff65331c}
.shake-video-wrap{position:relative;aspect-ratio:16/9;background:#050505;overflow:hidden}
.shake-video{width:100%;height:100%;object-fit:cover;display:block}
.shake-badge{position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:9px;background:#080808cc;border:1px solid #ffffff16;font-size:10px;font-weight:900;letter-spacing:1px}
.shake-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:58px;height:58px;border:0;border-radius:50%;cursor:pointer;background:#ffffffde;color:#111;font-size:20px;box-shadow:0 12px 35px #0009;transition:.25s}
.shake-play:hover{transform:translate(-50%,-50%) scale(1.08)}
.shake-card.playing .shake-play{opacity:0;pointer-events:none}
.shake-info{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}
.shake-info h3{margin:0;font:700 22px "Space Grotesk"}.shake-info p{margin:4px 0 0;color:#8b8178;font-size:11px}
.shake-download{padding:10px 14px;border-radius:11px;text-decoration:none;color:#160b03;background:linear-gradient(135deg,#ffb13d,#ff536d);font-size:10px;font-weight:900;white-space:nowrap}
@media(max-width:600px){.shake-grid{grid-template-columns:1fr}.shake-info{padding:13px}.shake-info h3{font-size:18px}}


/* Shake kartını CC kartlarıyla aynı içerik genişliğine getir */
.shake-grid{
  display:block!important;
  width:100%!important;
}
.shake-card{
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
}
.shake-video-wrap{
  width:100%!important;
  aspect-ratio:16/9!important;
}


/* Shake kartlarını CC kartlarıyla aynı iki kolon düzenine getir */
.shake-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
  width:100%!important;
}
.shake-card{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.shake-video-wrap{
  width:100%!important;
  aspect-ratio:16/9!important;
}
@media(max-width:850px){
  .shake-grid{grid-template-columns:1fr!important}
}


.plugin-guide-card{
  width:min(430px,calc(100% - 32px));
  margin:14px auto 28px;
  display:flex;align-items:center;gap:13px;
  padding:13px 16px;
  border:1px solid #ff334f55;border-radius:16px;
  background:linear-gradient(135deg,#17090e,#0b0b11 55%,#110914);
  text-decoration:none;color:#fff;
  box-shadow:0 12px 38px #0007,0 0 24px #ff335018;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.plugin-guide-card:hover{
  transform:translateY(-3px);
  border-color:#ff4d67aa;
  box-shadow:0 18px 48px #0009,0 0 30px #ff33502b;
}
.plugin-guide-icon{
  width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(135deg,#ff1744,#ff4f70);font-size:16px;
  box-shadow:0 0 22px #ff174455;flex:0 0 auto;
}
.plugin-guide-copy{display:flex;flex-direction:column;gap:2px;text-align:left;flex:1}
.plugin-guide-copy strong{font-size:15px}
.plugin-guide-copy small{font-size:10px;color:#9296a3}
.plugin-guide-arrow{font-size:18px;color:#ff7287}


/* Görsel kalite / render keskinliği iyileştirmeleri */
html{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
}
#parsmazi-intro{
  transform:translateZ(0);
  backface-visibility:hidden;
  will-change:opacity;
}
.intro-logo{
  /* Blur tabanlı giriş yerine daha keskin GPU ölçek animasyonu */
  filter:drop-shadow(0 0 10px #8b5cf666) drop-shadow(0 0 28px #3d8bff33)!important;
  transform:translateZ(0);
  backface-visibility:hidden;
  will-change:transform,opacity,background-position;
  -webkit-font-smoothing:antialiased;
}
.intro-orbit{
  transform:translateZ(0);
  will-change:transform;
}
.intro-line{
  transform:translateZ(0);
}
@keyframes introReveal{
  0%{opacity:0;transform:translateZ(0) scale(.94)}
  65%{opacity:1;transform:translateZ(0) scale(1.015)}
  100%{opacity:1;transform:translateZ(0) scale(1)}
}
.hero h1,.hero-title,
.section-head h2,
.sound-card h3,
.shake-info h3{
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}


/* Açılış: yalnızca kırmızı çevre glow, daha cool tipografi */
.intro-logo{
  color:#f5f7fb!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  font-family:"Arial Black","Impact",sans-serif!important;
  font-style:italic!important;
  font-weight:900!important;
  letter-spacing:-7px!important;
  text-transform:uppercase;
  filter:
    drop-shadow(0 0 2px #ff244f)
    drop-shadow(0 0 9px #ff1744)
    drop-shadow(0 0 24px #ff003c88)!important;
  animation:introReveal .9s cubic-bezier(.2,.8,.2,1) both!important;
}
.intro-orbit{
  background:radial-gradient(circle,#ff17442b 0%,#ff003c16 35%,transparent 70%)!important;
  filter:blur(35px)!important;
  opacity:.55!important;
  animation:none!important;
}
.intro-line span{
  background:linear-gradient(90deg,#6b0718,#ff1744,#ff5b72,#ff1744,#6b0718)!important;
  box-shadow:0 0 12px #ff1744,0 0 28px #ff003c77!important;
}
.intro-sub{
  color:#ff8799!important;
  text-shadow:0 0 12px #ff174477;
}


/* Aktif Shake oynarken diğer kartları geri plana al */
.shake-grid:has(.shake-card.playing) .shake-card:not(.playing){
  opacity:.42;
  filter:brightness(.55) saturate(.55);
  transform:scale(.985);
}
.shake-card{
  transition:opacity .38s ease,filter .38s ease,transform .38s ease,box-shadow .3s ease!important;
}
.shake-card.playing{
  opacity:1!important;
  filter:brightness(1.06) saturate(1.05)!important;
  transform:translateY(-3px) scale(1.005)!important;
  box-shadow:0 24px 70px #000b,0 0 32px #ff653326!important;
  z-index:2;
}


/* ParsMazi marka başlıkları: referanstaki ince el yazısı stili */
.intro-logo{
  font-family:"Allura",cursive!important;
  font-style:normal!important;
  font-weight:400!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:clamp(72px,12vw,150px)!important;
  line-height:1!important;
}
.hero h1,.hero-title{
  font-family:"Allura",cursive!important;
  font-style:normal!important;
  font-weight:400!important;
  text-transform:none!important;
  letter-spacing:0!important;
  line-height:.95!important;
  font-size:clamp(72px,9vw,130px)!important;
}


/* Marka başlıklarını daha kompakt ve modern yap */
.intro-logo{
  font-family:"Space Grotesk","Arial Black",sans-serif!important;
  font-style:normal!important;
  font-weight:800!important;
  letter-spacing:-4px!important;
  font-size:clamp(48px,7vw,92px)!important;
  line-height:1!important;
}
.intro-logo{
  width:min(360px,75vw);
  height:clamp(190px,38vw,260px);
  display:grid;
  place-items:center;
  overflow:hidden;
  font-size:0!important;
  letter-spacing:0!important;
}
.intro-logo img{
  display:block;
  width:100%;
  max-width:none;
  height:auto;
  mix-blend-mode:normal;
  filter:brightness(0) invert(1)!important;
}
.hero h1,.hero-title{
  font-family:"Space Grotesk","Arial Black",sans-serif!important;
  font-style:normal!important;
  font-weight:800!important;
  letter-spacing:-4px!important;
  font-size:clamp(52px,6vw,88px)!important;
  line-height:.95!important;
}


/* İnce kırmızı neon scrollbar */
html{
  scrollbar-width:thin;
  scrollbar-color:#ff244f #08090d;
}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{
  background:#08090d;
  border-left:1px solid #ffffff0a;
}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#7d0b21,#ff244f,#a80d2b);
  border:2px solid #08090d;
  border-radius:999px;
  box-shadow:0 0 8px #ff174466;
}
::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#ff4968,#ff1744,#ff4968);
  box-shadow:0 0 14px #ff1744,0 0 26px #ff174477;
}

/* Renk efektlerinde aktif karşılaştırmaya odaklan */
#renk-efektleri .compare-card,
#renk-efektleri .effect-card,
#renk-efektleri article{
  transition:opacity .38s ease,filter .38s ease,transform .38s ease,box-shadow .3s ease!important;
}
#renk-efektleri.cc-focus-active .compare-card:not(.cc-active),
#renk-efektleri.cc-focus-active .effect-card:not(.cc-active),
#renk-efektleri.cc-focus-active article:not(.cc-active){
  opacity:.42!important;
  filter:brightness(.55) saturate(.55)!important;
  transform:scale(.985)!important;
}
#renk-efektleri .cc-active{
  opacity:1!important;
  filter:brightness(1.04) saturate(1.04)!important;
  transform:translateY(-3px) scale(1.005)!important;
  z-index:2;
}


/* CC slider sürüklenirken diğer kartları karart */
#renk-efektleri.cc-dragging .card:not(.cc-drag-active){
  opacity:.42!important;
  filter:brightness(.55) saturate(.55)!important;
  transform:scale(.985)!important;
}
#renk-efektleri.cc-dragging .card.cc-drag-active{
  opacity:1!important;
  filter:brightness(1.04) saturate(1.04)!important;
  transform:translateY(-3px) scale(1.005)!important;
  z-index:3;
}
#renk-efektleri .card{
  transition:opacity .38s ease,filter .38s ease,transform .38s ease,box-shadow .3s ease!important;
}


/* Ses kategori filtreleri */
.sound-filters{
  display:flex;justify-content:center;flex-wrap:wrap;gap:9px;
  margin:0 auto 24px;
}
.sound-filter{
  border:1px solid #ffffff14;background:#0b0d12;color:#8e96a3;
  padding:9px 15px;border-radius:999px;cursor:pointer;
  font:700 11px "Space Grotesk",sans-serif;letter-spacing:.3px;
  transition:.25s ease;
}
.sound-filter:hover{color:#fff;border-color:#ffffff2d;transform:translateY(-2px)}
.sound-filter.active{
  color:#fff;border-color:#ff315a88;
  background:linear-gradient(135deg,#4c0b1a,#180b12);
  box-shadow:0 0 18px #ff17442c;
}
.sound-card.filter-hidden{display:none!important}

/* İndirme geri bildirimi */
.download,.sound-download,.shake-download{
  min-width:76px;text-align:center;
}
.download.downloading,.sound-download.downloading,.shake-download.downloading{
  pointer-events:none;
  filter:brightness(1.15);
}

/* Footer */
.site-footer{
  position:relative;overflow:hidden;
  min-height:110px;margin-top:70px;padding:34px 20px;
  display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;
  border-top:1px solid #ffffff0d;
  background:linear-gradient(180deg,#07080b,#040507);
  color:#707782;font-size:12px;letter-spacing:.4px;
}
.site-footer strong{color:#e9edf5;font-size:13px}
.footer-glow{
  position:absolute;top:-60px;left:50%;transform:translateX(-50%);
  width:420px;height:100px;background:#ff174420;filter:blur(45px);
  pointer-events:none;
}


/* Sağ üst canlı ziyaret kartı */
.visitor-counter{
  position:absolute;top:18px;right:22px;z-index:30;isolation:isolate;overflow:hidden;
  min-width:170px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;
  padding:10px 11px;border:1px solid #9b78ff42;border-radius:17px;
  background:radial-gradient(circle at 0 50%,#ff315824,transparent 42%),linear-gradient(145deg,#11111deb,#070910ed);
  box-shadow:0 17px 45px #0009,0 0 28px #7657ff1b,inset 0 1px #ffffff10;
  backdrop-filter:blur(16px) saturate(1.15);
}
.visitor-counter::before{
  content:"";position:absolute;z-index:-1;left:10px;right:10px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#ff3158,#8b5cf6,#22d3ee,transparent)
}
.visitor-eye{
  position:relative;width:38px;height:38px;border:1px solid #ff49684a;border-radius:12px;display:grid;place-items:center;
  background:radial-gradient(circle,#ff31582e,transparent 68%);box-shadow:inset 0 0 17px #ff17441b,0 0 18px #ff174414
}
.visitor-eye::before{content:"";width:18px;height:11px;border:1.5px solid #ff7189;border-radius:50%;transform:rotate(-2deg)}
.visitor-eye i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 10px #ff3158}
.visitor-copy{min-width:0;display:flex;flex-direction:column;line-height:1;text-align:left}
.visitor-copy small{font-size:6px;letter-spacing:1.45px;color:#858ba0;font-weight:900;white-space:nowrap}
.visitor-copy strong{margin-top:5px;color:#f7f7ff;font:850 19px/1 "Space Grotesk",sans-serif;letter-spacing:-.3px}
.visitor-live{align-self:start;display:inline-flex;align-items:center;gap:4px;margin-top:2px;padding:4px 6px;border:1px solid #7cff6b30;border-radius:999px;color:#8af47b;background:#7cff6b0b;font:900 5px/1 "Space Grotesk",sans-serif;letter-spacing:.65px}
.visitor-live i{width:4px;height:4px;border-radius:50%;background:#7cff6b;box-shadow:0 0 8px #7cff6b;animation:visitorLivePulse 1.8s ease-in-out infinite}
@keyframes visitorLivePulse{50%{opacity:.35;transform:scale(.7)}}
.hero{position:relative}
@media(max-width:700px){
  .visitor-counter{top:12px;right:10px;min-width:142px;grid-template-columns:31px minmax(0,1fr);padding:7px 8px;gap:7px;border-radius:14px}
  .visitor-eye{width:31px;height:31px}.visitor-eye::before{width:15px;height:9px}
  .visitor-copy strong{font-size:15px}.visitor-live{display:none}
}


/* Mobil performans modu: görünümü koruyup ağır GPU efektlerini azaltır */
@media (max-width: 768px){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }

  /* Sabit UI dışında pahalı blur işlemlerini kapat */
  .sound-card,.shake-card,.card,.plugin-guide-card,.site-footer,
  .visitor-counter{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* Kart gölgelerini hafiflet */
  .sound-card,.shake-card,.card{
    box-shadow:0 8px 24px #0006!important;
  }
  .sound-card:hover,.shake-card:hover,.card:hover{
    transform:none!important;
    box-shadow:0 10px 28px #0007!important;
  }

  /* RGB/conic çerçeve animasyonlarını mobilde statik yap */
  .sound-card::after,.card::after{
    animation:none!important;
    filter:none!important;
    opacity:.35!important;
  }

  /* Büyük dekoratif blur katmanlarını kapat */
  .intro-orbit,.footer-glow,
  .pack-section::before,.pack-section::after{
    filter:none!important;
    opacity:.12!important;
  }

  /* Mobilde video kartlarında pahalı filtre geçişlerini azalt */
  .shake-grid:has(.shake-card.playing) .shake-card:not(.playing){
    opacity:.55!important;
    filter:brightness(.7)!important;
    transform:none!important;
  }
  .shake-card.playing{
    filter:none!important;
    transform:none!important;
  }

  /* CC focus daha hafif */
  #renk-efektleri.cc-dragging .card:not(.cc-drag-active),
  #renk-efektleri.cc-focus-active .card:not(.cc-active){
    opacity:.55!important;
    filter:brightness(.72)!important;
    transform:none!important;
  }

  /* Görsellerde gereksiz compositing azalt */
  img,.shake-video{
    backface-visibility:hidden;
    transform:translateZ(0);
  }
}

/* Üst kategori sekmeleri */
.quick-nav{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:7!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  width:fit-content!important;
  max-width:100%;
  margin:20px auto 36px!important;
  padding:0!important;
  gap:12px!important;
  border:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
.quick-nav a{
  width:auto!important;
  height:auto!important;
  min-height:44px;
  padding:12px 19px!important;
  justify-content:center!important;
  gap:0!important;
  font-size:13px!important;
  border-radius:999px!important;
  background:#0a0c13!important;
  border-color:#ffffff12!important;
}
.quick-nav a::before{display:none!important}
.quick-nav a:hover{
  width:auto!important;
  padding:12px 19px!important;
  transform:translateY(-2px)!important;
  background:#131722!important;
}
@media(max-width:700px){
  .quick-nav{width:100%!important;margin:16px auto 28px!important;padding:0 12px!important;gap:7px!important}
  .quick-nav a{min-height:38px;padding:10px 13px!important;font-size:11px!important}
  .quick-nav a:hover{width:auto!important;padding:10px 13px!important;transform:none!important}
}

/* Bölümlere göre değişen yeni görsel sistem */
@property --page-accent{
  syntax:"<color>";
  inherits:true;
  initial-value:#9b5cff;
}
@property --page-accent-2{
  syntax:"<color>";
  inherits:true;
  initial-value:#3d8bff;
}
@property --page-surface{
  syntax:"<color>";
  inherits:true;
  initial-value:#090b12;
}
body{
  --page-accent:#9b5cff;
  --page-accent-2:#3d8bff;
  --page-surface:#090b12;
  --ambient-shift-y:0px;
  --ambient-shift-x:0px;
  transition:--page-accent .9s ease,--page-accent-2 .9s ease,--page-surface .9s ease;
}
body[data-palette="archive"]{--page-accent:#8b6cff;--page-accent-2:#4da8ff;--page-surface:#080912}
body[data-palette="library"]{--page-accent:#2ecfc3;--page-accent-2:#557dff;--page-surface:#061015}
body[data-palette="profile"]{--page-accent:#ff4f72;--page-accent-2:#f09a55;--page-surface:#13090e}
body[data-palette="footer"]{--page-accent:#67d5ff;--page-accent-2:#9b78ff;--page-surface:#070b13}
body[data-palette="color"]{--page-accent:#a855f7;--page-accent-2:#3b82f6;--page-surface:#0c0915}
body[data-palette="shake"]{--page-accent:#ff8a2b;--page-accent-2:#ff3d81;--page-surface:#140b0b}
body[data-palette="twixtor"]{--page-accent:#00d4ff;--page-accent-2:#7b5cff;--page-surface:#071019}
body[data-palette="transition"]{--page-accent:#2de2e6;--page-accent-2:#3d8bff;--page-surface:#061216}
body[data-palette="other"]{--page-accent:#ff4fc3;--page-accent-2:#9b5cff;--page-surface:#140818}
body[data-palette="sound"]{--page-accent:#7cff6b;--page-accent-2:#ffe66d;--page-surface:#0b1308}
.bg{
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 12% 12%,color-mix(in srgb,var(--page-accent) 19%,transparent),transparent 34%),
    radial-gradient(ellipse at 88% 30%,color-mix(in srgb,var(--page-accent-2) 15%,transparent),transparent 36%),
    linear-gradient(155deg,color-mix(in srgb,var(--page-surface) 88%,#0b0d16),#050609 72%)!important;
  transition:background 1.15s ease!important;
}
.bg::before{
  content:"";position:absolute;z-index:-1;inset:-18%;pointer-events:none;
  background:
    radial-gradient(circle at 24% 28%,color-mix(in srgb,var(--page-accent) 17%,transparent),transparent 27%),
    radial-gradient(circle at 73% 66%,color-mix(in srgb,var(--page-accent-2) 14%,transparent),transparent 31%),
    conic-gradient(from 205deg at 50% 52%,transparent 0 23%,color-mix(in srgb,var(--page-accent) 5%,transparent) 34%,transparent 48% 73%,color-mix(in srgb,var(--page-accent-2) 4%,transparent) 84%,transparent);
  opacity:.82;transform:translate3d(var(--ambient-shift-x),var(--ambient-shift-y),0) scale(1.08);will-change:transform;
  transition:background 1.15s ease;
}
.bg::after{
  content:"";position:absolute;inset:-12%;pointer-events:none;
  background:repeating-linear-gradient(118deg,transparent 0 88px,#ffffff07 89px,transparent 90px 176px);
  mask-image:linear-gradient(90deg,transparent,#000 18% 82%,transparent);
  opacity:.13;transform:translate3d(var(--ambient-shift-x),var(--ambient-shift-y),0);
}
.grid-bg{
  opacity:.075!important;
  background-size:72px 72px!important;
  mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 72%,transparent 100%)!important;
  background-image:
    linear-gradient(color-mix(in srgb,var(--page-accent) 8%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--page-accent-2) 7%,transparent) 1px,transparent 1px)!important;
}
.glow{
  background:var(--page-accent)!important;
  opacity:.075!important;
  transition:background-color .9s ease!important;
}
nav{
  border-color:color-mix(in srgb,var(--page-accent) 18%,#ffffff10)!important;
  box-shadow:0 14px 45px #0007,0 0 28px color-mix(in srgb,var(--page-accent) 7%,transparent)!important;
}
.quick-nav a{
  position:relative;
  color:#aeb4c4!important;
  transition:transform .25s ease,color .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease!important;
}
.quick-nav a:hover,
.quick-nav a.active{
  color:#fff!important;
  border-color:color-mix(in srgb,var(--page-accent) 60%,transparent)!important;
  background:color-mix(in srgb,var(--page-accent) 13%,#0a0c13)!important;
  box-shadow:0 0 22px color-mix(in srgb,var(--page-accent) 14%,transparent)!important;
}
.pack-section{
  border:1px solid color-mix(in srgb,var(--cat) 14%,transparent);
  background:
    radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--cat) 9%,transparent),transparent 28%),
    radial-gradient(circle at 92% 100%,color-mix(in srgb,var(--cat2) 7%,transparent),transparent 30%),
    linear-gradient(145deg,#090b11cc,#06070bd9);
  box-shadow:0 30px 90px #0006,inset 0 1px #ffffff08;
  transition:border-color .45s ease,box-shadow .45s ease,background .45s ease;
}
.pack-section:hover{
  border-color:color-mix(in srgb,var(--cat) 25%,transparent);
  box-shadow:0 34px 100px #0008,0 0 50px color-mix(in srgb,var(--cat) 6%,transparent),inset 0 1px #ffffff0a;
}
.pack-section .section-head{
  border-color:color-mix(in srgb,var(--cat) 24%,transparent)!important;
  background:
    linear-gradient(120deg,color-mix(in srgb,var(--cat) 9%,#0a0c12),color-mix(in srgb,var(--cat2) 5%,#080a0f))!important;
  box-shadow:0 18px 55px #0006,inset 0 1px #ffffff0a!important;
}
.pack-section h2{
  color:#f7f8fb;
  text-shadow:0 0 30px color-mix(in srgb,var(--cat) 18%,transparent);
}
.card,.shake-card,.sound-card{
  border-color:color-mix(in srgb,var(--cat) 18%,#ffffff0b)!important;
  background:
    linear-gradient(150deg,color-mix(in srgb,var(--cat) 5%,#0c0e14),#07090d 72%)!important;
  box-shadow:0 20px 60px #0006,inset 0 1px #ffffff08!important;
}
.card:hover,.shake-card:hover,.sound-card:hover{
  border-color:color-mix(in srgb,var(--cat) 45%,transparent)!important;
  box-shadow:0 28px 75px #0009,0 0 34px color-mix(in srgb,var(--cat) 11%,transparent)!important;
}

/* Bütün indirme düğmeleri aynı ikon ve biçimi kullanır */
.download,.shake-download,.sound-download{
  --download-a:var(--sound-a,var(--cat,var(--page-accent)));
  --download-b:var(--sound-b,var(--cat2,var(--page-accent-2)));
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding:7px 11px!important;
  border:1px solid color-mix(in srgb,var(--download-a) 58%,#ffffff22)!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,var(--download-a),var(--download-b))!important;
  color:#05070a!important;
  font:900 10px/1 "DM Sans",sans-serif!important;
  letter-spacing:.45px!important;
  text-decoration:none!important;
  box-shadow:0 9px 25px #0008,0 0 18px color-mix(in srgb,var(--download-a) 16%,transparent)!important;
}
.download::before,.shake-download::before,.sound-download::before{
  content:"↓";
  width:19px;
  height:19px;
  display:grid;
  place-items:center;
  flex:0 0 19px;
  border-radius:6px;
  background:#ffffff4d;
  color:#05070a;
  font-size:13px;
  line-height:1;
}
.download:hover,.shake-download:hover,.sound-download:hover{
  transform:translateY(-2px)!important;
  filter:saturate(1.12) brightness(1.07);
  box-shadow:0 13px 30px #0009,0 0 25px color-mix(in srgb,var(--download-a) 24%,transparent)!important;
}
@media(max-width:700px){
  .pack-section{padding:24px 12px 30px;border-radius:23px}
  .download,.shake-download,.sound-download{min-height:32px!important;padding:6px 9px!important;font-size:9px!important}
}

.social-copy small{display:none!important}
.social-copy{justify-content:center}

/* Sosyal kartlar ile plugin kartı arasındaki boşluğu kapat */
.hero{padding-bottom:8px!important}
.social-bar{margin-bottom:0!important}
main{padding-top:0!important}
.plugin-guide-card{margin-top:0!important}

/* Renk efekti kartlarında indirme düğmesi Shake kartlarıyla aynı hizada */
#renk-efektleri .info{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
#renk-efektleri .info .download{
  position:static!important;
  top:auto!important;
  right:auto!important;
  flex:0 0 auto;
}
#diger-efektler .info{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
#diger-efektler .info h3{margin:0!important}
#diger-efektler .info .download{
  position:static!important;
  top:auto!important;
  right:auto!important;
  flex:0 0 auto;
}
#diger-efektler .shake-card{
  position:relative;
  border-color:color-mix(in srgb,var(--cat) 38%,transparent);
  background:linear-gradient(145deg,#160914,#09070f);
}
#diger-efektler .shake-card:hover{
  box-shadow:0 25px 70px #0009,0 0 30px color-mix(in srgb,var(--cat) 18%,transparent);
}
#diger-efektler .shake-download{
  --download-a:var(--cat);
  --download-b:var(--cat2);
}
#diger-efektler .other-effects-empty{grid-column:1/-1}

/* Her kategori için kalıcı renk kimliği */
#renk-efektleri{--cat:#a855f7;--cat2:#3b82f6}
#shakeler{--cat:#ff8a2b;--cat2:#ff3d81}
#twixtor{--cat:#00d4ff;--cat2:#7b5cff}
#gecis-efektleri{--cat:#2de2e6;--cat2:#3d8bff}
#diger-efektler{--cat:#ff4fc3;--cat2:#9b5cff}
#ses-efektleri{--cat:#7cff6b;--cat2:#ffe66d}
.pack-section h2{
  background:linear-gradient(90deg,#fff 12%,color-mix(in srgb,var(--cat) 70%,#fff) 55%,color-mix(in srgb,var(--cat2) 78%,#fff) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
.quick-nav a[data-nav]{
  --nav-a:#8b6cff;
  --nav-b:#4d9fff;
  border-color:color-mix(in srgb,var(--nav-a) 32%,#ffffff10)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--nav-a) 8%,#0a0c13),color-mix(in srgb,var(--nav-b) 5%,#080a10))!important;
}
.quick-nav a[data-nav="color"]{--nav-a:#a855f7;--nav-b:#3b82f6}
.quick-nav a[data-nav="shake"]{--nav-a:#ff8a2b;--nav-b:#ff3d81}
.quick-nav a[data-nav="twixtor"]{--nav-a:#00d4ff;--nav-b:#7b5cff}
.quick-nav a[data-nav="transition"]{--nav-a:#2de2e6;--nav-b:#3d8bff}
.quick-nav a[data-nav="other"]{--nav-a:#ff4fc3;--nav-b:#9b5cff}
.quick-nav a[data-nav="sound"]{--nav-a:#7cff6b;--nav-b:#ffe66d}
.quick-nav a[data-nav]:hover,
.quick-nav a[data-nav].active{
  border-color:color-mix(in srgb,var(--nav-a) 75%,transparent)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--nav-a) 25%,#0b0d14),color-mix(in srgb,var(--nav-b) 18%,#090b12))!important;
  box-shadow:0 0 24px color-mix(in srgb,var(--nav-a) 22%,transparent)!important;
}

/* Kaydırırken üstte kalan kategori menüsü */
.quick-nav{
  position:sticky!important;
  top:10px!important;
  z-index:300!important;
  width:fit-content!important;
  max-width:calc(100vw - 24px)!important;
  padding:9px 11px!important;
  border:1px solid color-mix(in srgb,var(--page-accent) 22%,#ffffff10)!important;
  border-radius:999px!important;
  background:rgba(7,9,14,.84)!important;
  backdrop-filter:blur(18px) saturate(1.2)!important;
  box-shadow:0 16px 45px #0009,0 0 28px color-mix(in srgb,var(--page-accent) 9%,transparent)!important;
}
.pack-section{scroll-margin-top:86px}
@media(max-width:700px){
  .quick-nav{top:7px!important;max-width:calc(100vw - 14px)!important;border-radius:20px!important;padding:8px!important}
  .pack-section{scroll-margin-top:118px}
}

/* Ana kategori ekranı */
.category-hub{
  width:min(1400px,100%);
  margin:18px auto 80px;
  padding:clamp(24px,4vw,48px);
  border:1px solid #ffffff12;
  border-radius:30px;
  background:
    radial-gradient(circle at 15% 0%,#9b5cff18,transparent 30%),
    radial-gradient(circle at 90% 100%,#3d8bff12,transparent 32%),
    linear-gradient(145deg,#0b0d14e8,#07080de8);
  box-shadow:0 30px 90px #0008,inset 0 1px #ffffff0a;
}
.category-hub-head{
  position:relative;
  max-width:760px;
  margin:0 auto 34px;
  padding:4px 20px 27px;
  text-align:center;
}
.category-hub-head::after{
  content:"";
  position:absolute;
  left:50%;bottom:0;
  width:min(210px,52%);height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,#9b78ff 35%,#56b8ff 65%,transparent);
  box-shadow:0 0 16px #8b5cf65c;
}
.category-hub-head>span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
  padding:7px 11px;
  border:1px solid #a78bfa2b;
  border-radius:999px;
  color:#b9a6f5;
  background:#0b0d16a8;
  font-size:11px;
  font-weight:900;
  letter-spacing:2.25px;
}
.category-hub-head>span::before{
  content:"";
  width:5px;height:5px;
  border-radius:50%;
  background:#9b78ff;
  box-shadow:0 0 12px #9b78ff;
}
.category-hub-head h2{
  margin:0;
  padding:0 0 .13em;
  font-size:clamp(38px,5vw,64px);
  line-height:1.08!important;
  letter-spacing:-.055em!important;
  background:linear-gradient(90deg,#fff,#d8c9ff 48%,#a9cfff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.category-hub-head p{max-width:560px;margin:2px auto 0;color:#858b9d;font-size:13px;line-height:1.6}
.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.category-card{
  --hub-a:#9b5cff;
  --hub-b:#3d8bff;
  grid-column:span 2;
  position:relative;
  min-height:170px;
  padding:22px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  gap:14px;
  overflow:hidden;
  text-align:left;
  cursor:pointer;
  color:#fff;
  border:1px solid color-mix(in srgb,var(--hub-a) 28%,#ffffff10);
  border-radius:22px;
  background:
    radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--hub-b) 24%,transparent),transparent 36%),
    linear-gradient(145deg,color-mix(in srgb,var(--hub-a) 10%,#0d0f17),#080a0f 72%);
  box-shadow:0 18px 45px #0006,inset 0 1px #ffffff0a;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;
}
.category-card:nth-child(4),.category-card:nth-child(5){grid-column:span 3}
.category-card[data-nav="color"]{--hub-a:#a855f7;--hub-b:#3b82f6}
.category-card[data-nav="shake"]{--hub-a:#ff8a2b;--hub-b:#ff3d81}
.category-card[data-nav="twixtor"]{--hub-a:#00d4ff;--hub-b:#7b5cff}
.category-card[data-nav="transition"]{--hub-a:#2de2e6;--hub-b:#3d8bff}
.category-card[data-nav="sound"]{--hub-a:#7cff6b;--hub-b:#ffe66d}
.category-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 25%,#ffffff0c 48%,transparent 72%);
  transform:translateX(-120%);
  transition:transform .7s ease;
}
.category-card:hover{
  transform:translateY(-7px);
  border-color:color-mix(in srgb,var(--hub-a) 68%,transparent);
  box-shadow:0 26px 65px #0009,0 0 35px color-mix(in srgb,var(--hub-a) 16%,transparent);
}
.category-card:hover::before{transform:translateX(120%)}
.category-number{
  position:absolute;
  left:20px;
  top:18px;
  color:color-mix(in srgb,var(--hub-a) 72%,#fff);
  font:800 11px "Space Grotesk";
  letter-spacing:1.5px;
}
.category-card-copy{display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}
.category-card-copy strong{font:700 clamp(20px,2.2vw,30px) "Space Grotesk";letter-spacing:-.7px}
.category-card-copy small{color:#8f96a6;font-size:11px;line-height:1.4}
.category-arrow{
  position:absolute;
  right:18px;
  top:16px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  color:#fff;
  background:color-mix(in srgb,var(--hub-a) 18%,#ffffff08);
  border:1px solid color-mix(in srgb,var(--hub-a) 34%,#ffffff10);
  transition:transform .3s ease,background .3s ease;
}
.category-card:hover .category-arrow{transform:translateX(3px);background:color-mix(in srgb,var(--hub-a) 34%,#ffffff0b)}

/* Üst marka şeridi: sağdan sola kesintisiz loop */
nav{overflow:hidden!important}
.brand-marquee{
  width:100%;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
}
.brand-track{
  display:flex;
  align-items:center;
  width:max-content;
  will-change:transform;
  animation:brandMarquee 22s linear infinite;
}
.brand-run{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:78px;
  padding-right:78px;
}
.brand-run .brand{display:block;white-space:nowrap}
@keyframes brandMarquee{to{transform:translateX(-50%)}}
@media(max-width:700px){
  .brand-track{animation-duration:17s}
  .brand-run{gap:52px;padding-right:52px}
}

.intro-box{
  display:grid;
  justify-items:center;
}
.intro-logo{
  margin-inline:auto!important;
}
.intro-logo img{position:relative;top:-14px}

.quick-nav.is-fixed{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:8px!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:calc(100vw - 24px)!important;
  gap:5px!important;
  padding:6px!important;
  border-radius:18px!important;
  margin:0!important;
  z-index:900!important;
  animation:quickNavDock .45s cubic-bezier(.2,.8,.2,1) both;
}
.quick-nav.is-fixed a{
  width:auto!important;
  min-height:34px!important;
  padding:7px 11px!important;
  justify-content:center!important;
  gap:6px!important;
  font-size:10px!important;
  opacity:0;
  animation:quickNavItemIn .38s cubic-bezier(.2,.8,.2,1) forwards;
}
.quick-nav.is-fixed a::before{
  content:""!important;
  display:block!important;
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:var(--nav-a)!important;
  box-shadow:0 0 12px color-mix(in srgb,var(--nav-a) 70%,transparent);
}
.quick-nav.is-fixed a:nth-child(1){animation-delay:.04s}
.quick-nav.is-fixed a:nth-child(2){animation-delay:.09s}
.quick-nav.is-fixed a:nth-child(3){animation-delay:.14s}
.quick-nav.is-fixed a:nth-child(4){animation-delay:.19s}
.quick-nav.is-fixed a:nth-child(5){animation-delay:.24s}
.quick-nav.is-fixed a:nth-child(6){animation-delay:.29s}
@keyframes quickNavDock{
  from{opacity:0;transform:translate(-50%,-16px) scale(.97)}
  to{opacity:1;transform:translate(-50%,0) scale(1)}
}
@keyframes quickNavItemIn{
  from{opacity:0;transform:translateY(-7px)}
  to{opacity:1;transform:none}
}
.quick-nav-placeholder{height:0;pointer-events:none}
@media(max-width:900px){
  .quick-nav.is-fixed{
    left:50%!important;
    top:7px!important;
    transform:translateX(-50%)!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:center!important;
    width:calc(100vw - 14px)!important;
    max-width:calc(100vw - 14px)!important;
    gap:6px!important;
    border-radius:20px!important;
    animation:none!important;
  }
  .quick-nav.is-fixed a{
    width:auto!important;
    min-height:36px!important;
    padding:8px 10px!important;
    justify-content:center!important;
    gap:0!important;
    opacity:1!important;
    animation:none!important;
  }
  .quick-nav.is-fixed a::before{display:none!important}
}

/* Mobil performans uyarısı */
.mobile-performance-warning{
  position:fixed;
  inset:0;
  z-index:999998;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(3,4,8,.9);
  backdrop-filter:blur(16px);
}
.mobile-performance-warning[hidden]{display:none!important}
.mobile-warning-card{
  width:min(430px,100%);
  padding:28px 24px 24px;
  text-align:center;
  border:1px solid #8b6cff55;
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 0%,#8b5cf622,transparent 38%),
    linear-gradient(145deg,#10121b,#08090e);
  box-shadow:0 30px 90px #000c,0 0 38px #8b5cff16;
}
.mobile-warning-badge{display:inline-block;color:#a98cff;font-size:9px;font-weight:900;letter-spacing:1.8px;margin-bottom:12px}
.mobile-warning-card h2{margin:0;font-size:29px;letter-spacing:-1.2px;color:#fff!important;background:none!important;-webkit-background-clip:initial}
.mobile-warning-card p{margin:13px auto 20px;color:#979dad;font-size:13px;line-height:1.65}
.mobile-warning-continue{
  min-height:44px;
  padding:0 20px;
  cursor:pointer;
  color:#fff;
  font-size:12px;
  font-weight:900;
  border:1px solid #9b78ff88;
  border-radius:13px;
  background:linear-gradient(135deg,#7b4dff,#4e7cff);
  box-shadow:0 12px 30px #0008,0 0 22px #795cff33;
}
body.mobile-warning-open{overflow:hidden!important}

/* Mobil ve düşük güçlü cihazlarda ağır görsel işlemleri kapat */
body.performance-lite .grid-bg,
body.performance-lite .glow,
body.performance-lite .orbit,
body.performance-lite .intro-orbit,
body.performance-lite .card::after,
body.performance-lite .sound-card::after,
body.performance-lite .pack-section::before,
body.performance-lite .pack-section::after{display:none!important}
body.performance-lite .brand-track{animation:none!important;transform:none!important}
body.performance-lite .brand-run:nth-child(2),
body.performance-lite .brand-run .brand:not(:first-child){display:none!important}
body.performance-lite .brand-run{padding:0!important;gap:0!important}
body.performance-lite .brand-marquee{display:flex;justify-content:center;mask-image:none;-webkit-mask-image:none}
body.performance-lite .bg{
  background:linear-gradient(180deg,color-mix(in srgb,var(--page-accent) 8%,#07090e),#050609 58%)!important;
}
body.performance-lite .bg::before,
body.performance-lite .bg::after{display:none!important}
body.performance-lite nav,
body.performance-lite .quick-nav{backdrop-filter:none!important}
body.performance-lite .card,
body.performance-lite .shake-card,
body.performance-lite .sound-card,
body.performance-lite .pack-section{
  will-change:auto!important;
  box-shadow:0 12px 32px #0007!important;
  transition-duration:.18s!important;
}
body.performance-lite .card:hover,
body.performance-lite .shake-card:hover,
body.performance-lite .sound-card:hover{
  transform:none!important;
  filter:none!important;
}
body.performance-lite .compare-img,
body.performance-lite video{will-change:auto!important;transform:none!important}
body.performance-lite .pack-section{content-visibility:auto;contain-intrinsic-size:900px}
body.performance-lite .card,
body.performance-lite .shake-card,
body.performance-lite .sound-card{content-visibility:auto;contain-intrinsic-size:360px}
@media(max-width:768px){
  .mobile-performance-warning{backdrop-filter:none;background:#050609f2}
  body.performance-lite .reveal{transition-duration:.2s!important}
  body.performance-lite .social-card:hover,
body.performance-lite .download:hover,
body.performance-lite .shake-download:hover,
body.performance-lite .sound-download:hover{transform:none!important}
}

/* Yeni tipografi sistemi */
body,
button,
input,
select,
textarea{
  font-family:"Manrope",Arial,sans-serif!important;
}
body{font-weight:400;letter-spacing:0}
p,.helper,.section-description,.sound-topline p,.shake-info p,.social-copy small{
  font-family:"Manrope",Arial,sans-serif!important;
  letter-spacing:0;
}
h2,h3,
.info h3,
.shake-info h3,
.sound-topline h3,
.empty-section strong,
.coming strong,
.plugin-guide-copy strong,
.social-copy strong,
.download-toast-copy strong,
.category-card-copy strong{
  font-family:"Manrope",Arial,sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
}
h2{font-size:clamp(32px,4.8vw,56px);line-height:1.02!important}
.info h3,.shake-info h3,.sound-topline h3{letter-spacing:-.025em!important}
.brand,
.hero h1,
.hero-title{
  font-family:"Source Sans 3","Segoe UI",Arial,sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.045em!important;
}
.hero h1,.hero-title{
  font-size:clamp(52px,8vw,98px)!important;
  line-height:.91!important;
}
.brand{font-weight:800!important;letter-spacing:.015em!important}
.kicker,
.quick-nav a,
.download,.shake-download,.sound-download,
.sound-filter,.new-ribbon,.new-drop-teaser,
.compare-label,.visitor-copy,.category-number{
  font-family:"Space Grotesk","Manrope",sans-serif!important;
}
.download,.shake-download,.sound-download{
  font-weight:800!important;
  letter-spacing:.035em!important;
}
@media(max-width:600px){
  .hero h1,.hero-title{font-size:clamp(46px,15vw,64px)!important;letter-spacing:-.07em!important}
  h2{font-size:clamp(28px,9vw,40px)!important}
}

/* Mobilde tek satırlı, küçük ve yatay kaydırılabilir kategori menüsü */
@media(max-width:900px){
  .quick-nav,
  .quick-nav.is-fixed{
    left:50%!important;
    right:auto!important;
    top:7px!important;
    width:calc(100vw - 14px)!important;
    max-width:calc(100vw - 14px)!important;
    min-height:48px!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    gap:5px!important;
    padding:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .quick-nav::-webkit-scrollbar{display:none}
  .quick-nav.is-fixed{transform:translateX(-50%)!important;animation:none!important}
  .quick-nav a,
  .quick-nav.is-fixed a{
    flex:0 0 auto!important;
    width:auto!important;
    min-height:34px!important;
    padding:8px 11px!important;
    font-size:10px!important;
    white-space:nowrap!important;
    scroll-snap-align:start;
    opacity:1!important;
    animation:none!important;
  }
  .quick-nav.is-fixed a::before{display:none!important}
}

/* Katman çakışmalarını ve sürekli GPU blur yükünü azalt */
.glow{display:none!important}
.grid-bg{opacity:.07!important}
.pack-section::before{opacity:.52!important}
.social-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.sound-card,.shake-card{will-change:auto!important}

/* Efekti ortada büyük gösteren RGB önizleme penceresi */
.effect-action-buttons{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
}
.expand-effect{
  width:36px;
  height:34px;
  display:grid;
  place-items:center;
  flex:0 0 36px;
  padding:0;
  border:1px solid color-mix(in srgb,var(--cat,var(--page-accent)) 48%,#ffffff18);
  border-radius:11px;
  color:#f8f9ff;
  background:color-mix(in srgb,var(--cat,var(--page-accent)) 13%,#080a10);
  box-shadow:0 8px 22px #0007,0 0 17px color-mix(in srgb,var(--cat,var(--page-accent)) 12%,transparent);
  cursor:pointer;
  font:800 17px/1 "Space Grotesk",sans-serif!important;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.creator-link{
  width:36px;
  height:34px;
  display:grid;
  place-items:center;
  flex:0 0 36px;
  border:1px solid #25f4ee80;
  border-radius:11px;
  color:#fff;
  background:linear-gradient(135deg,#25f4ee1f,#090b12 48%,#fe2c551f);
  box-shadow:-2px 0 0 #25f4ee22,2px 0 0 #fe2c5522,0 8px 22px #0007;
  text-decoration:none;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.creator-link svg{width:17px;height:17px;fill:currentColor}
.creator-link:hover,
.creator-link:focus-visible{
  transform:translateY(-2px) scale(1.04);
  border-color:#25f4ee;
  box-shadow:-3px 0 13px #25f4ee66,3px 0 13px #fe2c5566,0 12px 28px #0009;
  outline:none;
}
.expand-effect:hover{
  transform:translateY(-2px) scale(1.04);
  border-color:color-mix(in srgb,var(--cat,var(--page-accent)) 82%,#fff);
  box-shadow:0 12px 28px #0009,0 0 24px color-mix(in srgb,var(--cat,var(--page-accent)) 26%,transparent);
}
.effect-preview-placeholder{width:100%;aspect-ratio:16/9;background:#06070b}
.effect-preview-modal{
  position:fixed;
  inset:0;
  z-index:999997;
  display:grid;
  place-items:center;
  padding:24px;
  background:#020307d9;
  backdrop-filter:blur(13px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .3s ease,visibility .3s ease;
}
.effect-preview-modal.open{opacity:1;visibility:visible;pointer-events:auto}
.effect-modal-panel{
  position:relative;
  width:min(1080px,90vw);
  max-height:88vh;
  padding:3px;
  border-radius:25px;
  background:conic-gradient(from var(--modal-rgb-angle),#ff3d81,#9b5cff,#3d8bff,#2de2e6,#7cff6b,#ffe66d,#ff7a3d,#ff3d81);
  box-shadow:0 35px 110px #000,0 0 55px #9b5cff45;
  transform:translateY(24px) scale(.95);
  transition:transform .42s cubic-bezier(.2,.8,.2,1);
  animation:effectModalRGB 3s linear infinite;
}
.effect-preview-modal.open .effect-modal-panel{transform:none}
@property --modal-rgb-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes effectModalRGB{to{--modal-rgb-angle:360deg}}
.effect-modal-inner{
  overflow:hidden;
  border-radius:22px;
  background:#070910;
  box-shadow:inset 0 1px #ffffff10;
}
.effect-modal-head{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:10px 13px 10px 19px;
  border-bottom:1px solid #ffffff10;
}
.effect-modal-title{font:800 16px/1 "Manrope",sans-serif;letter-spacing:-.03em}
.effect-modal-close{
  width:34px;height:34px;display:grid;place-items:center;
  border:1px solid #ffffff18;border-radius:10px;
  color:#fff;background:#ffffff0a;cursor:pointer;font-size:19px;
  transition:.22s ease;
}
.effect-modal-close:hover{background:#ff315a24;border-color:#ff315a66;transform:rotate(4deg)}
.effect-modal-stage{
  position:relative;
  width:100%;
  max-height:calc(88vh - 58px);
  aspect-ratio:16/9;
  overflow:hidden;
  background:#030408;
}
.effect-modal-stage>.preview,
.effect-modal-stage>.shake-video-wrap{
  width:100%!important;
  height:100%!important;
  aspect-ratio:16/9!important;
  border-radius:0!important;
}
.effect-modal-stage.media-playing .shake-play{opacity:0;pointer-events:none}
@media(max-width:700px){
  .effect-preview-modal{padding:10px}
  .effect-modal-panel{width:96vw;border-radius:19px}
  .effect-modal-inner{border-radius:16px}
  .effect-modal-head{min-height:45px;padding:7px 9px 7px 14px}
  .effect-modal-title{font-size:13px}
  .creator-link,
  .expand-effect{width:33px;height:32px;flex-basis:33px}
}

/* Klavye ile gezen kullanıcılar için belirgin odak */
:where(a,button,input,[tabindex]):focus-visible{
  outline:2px solid color-mix(in srgb,var(--page-accent) 82%,#fff);
  outline-offset:3px;
}


/* Uzun sayfada hızlıca en üste dönme düğmesi */
.back-to-top{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:9995;
  min-width:54px;
  height:54px;
  padding:7px 11px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  border:1px solid color-mix(in srgb,var(--page-accent,#9b5cff) 65%,#fff 15%);
  border-radius:16px;
  color:#fff;
  background:linear-gradient(145deg,color-mix(in srgb,var(--page-accent,#9b5cff) 28%,#090b12),#07080d);
  box-shadow:0 14px 34px #000b,0 0 24px color-mix(in srgb,var(--page-accent,#9b5cff) 28%,transparent);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(16px) scale(.88);
  cursor:pointer;
  transition:opacity .25s ease,visibility .25s ease,transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.back-to-top span{font:800 22px/1 "Space Grotesk",sans-serif}
.back-to-top small{font:800 7px/1 "Space Grotesk",sans-serif;letter-spacing:.9px}
.back-to-top.visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.back-to-top:hover,
.back-to-top:focus-visible{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--page-accent,#9b5cff) 82%,#fff);
  box-shadow:0 18px 42px #000c,0 0 30px color-mix(in srgb,var(--page-accent,#9b5cff) 42%,transparent);
  outline:none;
}
@media(max-width:700px){
  .back-to-top{right:12px;bottom:12px;min-width:46px;height:46px;padding:6px 8px;border-radius:14px}
  .back-to-top span{font-size:19px}
  .back-to-top small{font-size:6px}
}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}


/* Sinematik PM açılışı — ana site temasından bağımsız giriş sahnesi */
#parsmazi-intro{
  isolation:isolate;
  background:#03040a!important;
  perspective:1200px;
  transition:opacity .72s ease,visibility .72s ease,transform .72s cubic-bezier(.2,.8,.2,1),filter .72s ease!important;
}
#parsmazi-intro::before{
  content:"";
  position:absolute;
  inset:-15%;
  z-index:-4;
  background:
    radial-gradient(circle at 50% 86%,#ff385f55 0 8%,#a0267840 18%,transparent 47%),
    radial-gradient(circle at 18% 20%,#5740bd2b,transparent 33%),
    radial-gradient(circle at 82% 24%,#155dad24,transparent 30%),
    linear-gradient(155deg,#080516 0%,#04050b 48%,#070916 100%);
  animation:introCinemaBreathe 3s ease-in-out both;
}
#parsmazi-intro::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.22;
  background:
    linear-gradient(#ffffff08 1px,transparent 1px),
    linear-gradient(90deg,#ffffff08 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,transparent 4%,#000 36%,#000 78%,transparent 100%);
  transform:perspective(700px) rotateX(64deg) scale(1.4) translateY(32%);
  transform-origin:center bottom;
}
.intro-cinema-bg{
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(110deg,transparent 0 30%,#ff31570c 48%,transparent 66%),
    linear-gradient(70deg,transparent 0 34%,#7857ff0d 50%,transparent 68%);
  animation:introCinemaPan 3s cubic-bezier(.2,.8,.2,1) both;
}
.intro-orbit{
  width:min(76vw,920px)!important;
  aspect-ratio:1.7!important;
  border-radius:50%!important;
  background:conic-gradient(from 210deg,#ff315a00,#ff315a55,#8b5cf655,#2d8cff38,#ff315a00)!important;
  filter:blur(70px)!important;
  opacity:.34!important;
  animation:introCinemaGlow 3s ease-in-out both!important;
}
.intro-box{
  z-index:3;
  padding:24px 34px 30px!important;
  transform-style:preserve-3d;
  animation:introCinemaBox 1.25s cubic-bezier(.16,.8,.2,1) both!important;
}
.intro-kicker{
  margin-bottom:8px;
  color:#c8c5d5;
  font:700 9px/1 "Space Grotesk",sans-serif;
  letter-spacing:4.5px;
  opacity:0;
  animation:introCinemaText .5s ease .55s forwards;
}
.intro-logo{
  width:min(390px,72vw)!important;
  height:clamp(170px,31vw,250px)!important;
  animation:introCinemaLogo 1.05s cubic-bezier(.16,.86,.22,1) .18s both!important;
  filter:none!important;
}
.intro-logo img{
  top:-6px!important;
  transform:scale(.94);
  filter:brightness(0) invert(1) drop-shadow(0 0 2px #fff) drop-shadow(0 0 12px #ff315a) drop-shadow(0 0 38px #7b5cff88)!important;
  animation:introCinemaLogoPulse 1.8s ease .9s both;
}
.intro-line{
  width:min(390px,70vw)!important;
  height:2px!important;
  margin-top:2px!important;
  background:#ffffff12!important;
}
.intro-line span{
  background:linear-gradient(90deg,#ff315a,#ffbd5d,#9b5cff,#3d8bff)!important;
  box-shadow:0 0 18px #ff315a,0 0 28px #7b5cff88!important;
  animation:introCinemaLoad 1.8s cubic-bezier(.2,.8,.2,1) .48s forwards!important;
}
.intro-sub{
  margin-top:12px!important;
  color:#dedbe9!important;
  text-shadow:0 0 18px #9b5cff88!important;
  font-size:9px!important;
  letter-spacing:3.2px!important;
  animation:introCinemaText .55s ease .9s forwards!important;
}
.intro-shutter{
  position:absolute;
  left:0;
  width:100%;
  height:51%;
  z-index:5;
  pointer-events:none;
  background:#020307;
  box-shadow:0 0 35px #000;
}
.intro-shutter-top{top:0;animation:introShutterTop 1s cubic-bezier(.76,0,.24,1) .08s forwards}
.intro-shutter-bottom{bottom:0;animation:introShutterBottom 1s cubic-bezier(.76,0,.24,1) .08s forwards}
.intro-scan{
  position:absolute;
  top:0;
  bottom:0;
  left:-25%;
  z-index:4;
  width:16%;
  opacity:0;
  transform:skewX(-16deg);
  background:linear-gradient(90deg,transparent,#ffffff26,transparent);
  filter:blur(8px);
  animation:introCinemaScan 1.05s ease 1.15s forwards;
  pointer-events:none;
}
.intro-skip{
  left:auto!important;
  right:24px!important;
  bottom:22px!important;
  transform:none!important;
  color:#b7b4c2!important;
  background:#08091088!important;
  border-color:#ffffff24!important;
  backdrop-filter:blur(8px);
}
#parsmazi-intro.intro-hide{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:scale(1.045)!important;
  filter:blur(7px)!important;
}
@keyframes introShutterTop{to{transform:translateY(-103%)}}
@keyframes introShutterBottom{to{transform:translateY(103%)}}
@keyframes introCinemaBox{0%{opacity:0;transform:translateZ(-180px) scale(.82)}65%{opacity:1;transform:translateZ(22px) scale(1.015)}100%{opacity:1;transform:none}}
@keyframes introCinemaLogo{0%{opacity:0;clip-path:inset(0 50% 0 50%);transform:scale(.82)}100%{opacity:1;clip-path:inset(0);transform:none}}
@keyframes introCinemaLogoPulse{0%{transform:scale(.94)}55%{transform:scale(1.015)}100%{transform:scale(1)}}
@keyframes introCinemaLoad{0%{width:0}100%{width:100%}}
@keyframes introCinemaText{from{opacity:0;transform:translateY(8px);letter-spacing:7px}to{opacity:1;transform:none}}
@keyframes introCinemaScan{0%{left:-25%;opacity:0}20%{opacity:.7}100%{left:115%;opacity:0}}
@keyframes introCinemaGlow{0%{transform:scale(.55);opacity:0}55%{opacity:.42}100%{transform:scale(1);opacity:.25}}
@keyframes introCinemaPan{from{transform:scale(1.2) translateX(-3%);opacity:0}to{transform:none;opacity:1}}
@keyframes introCinemaBreathe{0%{transform:scale(1.08);filter:saturate(.7)}100%{transform:scale(1);filter:saturate(1.15)}}
@media(max-width:700px){
  .intro-box{padding:18px!important}
  .intro-kicker{font-size:7px;letter-spacing:3px}
  .intro-logo{width:min(330px,80vw)!important;height:clamp(150px,48vw,210px)!important}
  .intro-skip{right:12px!important;bottom:12px!important}
}
@media(prefers-reduced-motion:reduce){
  .intro-shutter{display:none}
  .intro-cinema-bg,.intro-scan,.intro-box,.intro-logo,.intro-logo img{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}
}


/* Açılış logosunu tam göster ve yenilemelerde sahneyi tamamen atla */
.intro-skip-session #parsmazi-intro{display:none!important}
#parsmazi-intro .intro-logo{overflow:visible!important}
#parsmazi-intro .intro-logo img{top:-68px!important}
@media(max-width:700px){#parsmazi-intro .intro-logo img{top:-48px!important}}

/* Logo dosyasının dikdörtgen sınırını göstermeyen, yumuşak RGB ışık */
#parsmazi-intro .intro-logo{
  position:relative;
  isolation:isolate;
}
#parsmazi-intro .intro-logo::before{
  content:"";
  position:absolute;
  inset:2% 8% 24%;
  z-index:-1;
  border-radius:50%;
  background:
    radial-gradient(circle at 34% 62%,#ff174488 0 16%,transparent 52%),
    radial-gradient(circle at 68% 38%,#8b5cf677 0 14%,transparent 50%),
    radial-gradient(circle at 72% 68%,#2563eb55 0 10%,transparent 48%);
  filter:blur(30px);
  opacity:.9;
  transform:translateY(-45px) scale(1.08);
  animation:introLogoAmbient 2.8s ease-in-out .7s infinite alternate;
  pointer-events:none;
}
#parsmazi-intro .intro-logo::after{
  content:"";
  position:absolute;
  inset:-28px -22px 8px;
  z-index:2;
  border:2px solid transparent;
  border-radius:18px;
  background:linear-gradient(135deg,#ff315a,#ffb24d,#9b5cff,#3d8bff) border-box;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  box-shadow:0 0 22px #8b5cff33;
  opacity:.82;
  pointer-events:none;
}
#parsmazi-intro .intro-logo img{
  position:relative;
  z-index:1;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 14px #ff315a99) drop-shadow(0 0 34px #7b5cff66)!important;
}
@keyframes introLogoAmbient{
  from{opacity:.72;transform:translateY(-45px) scale(1.02)}
  to{opacity:1;transform:translateY(-45px) scale(1.12)}
}
@media(max-width:700px){
  #parsmazi-intro .intro-logo::after{inset:-18px -12px 6px;border-radius:14px}
}

/* Açılışta yalnızca logo, çizgi ve marka adı */
#parsmazi-intro .intro-line{margin-top:32px!important}
#parsmazi-intro .intro-sub{margin-top:7px!important;color:#f2eff9!important;font-size:10px!important;letter-spacing:4px!important}

/* Temiz açılış: kutu oluşturan RGB katmanlarını kapat */
#parsmazi-intro .intro-logo{isolation:auto!important}
#parsmazi-intro .intro-logo::before,
#parsmazi-intro .intro-logo::after{display:none!important}
#parsmazi-intro .intro-logo img{
  filter:drop-shadow(0 0 3px #ffffffcc) drop-shadow(0 0 12px #ff315a77) drop-shadow(0 0 22px #7b5cff44)!important;
}

/* Masaüstü kaydırma hissi: yalnızca dekoratif katmanlarda hafif motion blur */
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
  .bg,.grid-bg,.pack-section::before{
    transition:transform .14s ease-out,filter .14s ease-out,opacity .14s ease-out;
    transform-origin:center;
  }
  body.scroll-motion .bg{
    transform:translate3d(0,var(--scroll-shift,0),0) scaleY(var(--scroll-stretch,1));
    filter:none;
  }
  body.scroll-motion .grid-bg{
    transform:translate3d(0,var(--scroll-grid-shift,0),0) scaleY(var(--scroll-stretch,1));
    filter:none;
    opacity:.18;
  }
  body.scroll-motion .pack-section::before{
    transform:translate3d(0,var(--scroll-section-shift,0),0) scaleY(var(--scroll-stretch,1));
    filter:none!important;
  }
}

/* Kategori ana sayfası ve tek kategori görünümü */
html.category-mode .pack-section{display:none!important}
html.category-mode body.category-open .pack-section.category-active{display:block!important}
body.category-home .quick-nav,
body.category-home .category-back{display:none!important}
body.category-open .category-hub{display:none!important}

.category-hub{margin-top:22px!important}
.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.category-card,
.category-card:nth-child(4),
.category-card:nth-child(5){
  grid-column:span 1!important;
  min-height:0!important;
  aspect-ratio:16/9;
  padding:25px!important;
  isolation:isolate;
}
.category-card[data-nav="other"]{--hub-a:#ff4fc3;--hub-b:#9b5cff}
.category-card .category-media{
  position:absolute;
  inset:0;
  z-index:-2;
  overflow:hidden;
  border-radius:inherit;
  background:#080a10;
}
.category-card .category-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,#05060a1c 4%,#08091055 42%,#07080bf5 91%);
}
.category-card .category-media img,
.category-card .category-media video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  opacity:.72;
  transform:scale(1.025);
  transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .4s ease;
}
.category-card:hover .category-media img,
.category-card:hover .category-media video{transform:scale(1.085);opacity:.9}
.category-card .category-number,.category-card .category-arrow{z-index:4}
.category-card .category-card-copy{z-index:3;width:100%}
.category-card .category-card-copy>span{order:1}
.category-card .category-card-copy>strong{order:2}
.category-card .category-card-copy small{
  color:color-mix(in srgb,var(--hub-a) 72%,#fff);
  font:850 9px/1 "Space Grotesk",sans-serif;
  letter-spacing:1.55px;
}
.category-card .category-card-copy strong{font-size:clamp(30px,3.2vw,46px)!important}
.category-card .category-card-copy>span{
  width:max-content;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 4px;
  padding:7px 12px;
  color:#b7bdca;
  border:1px solid color-mix(in srgb,var(--hub-a) 34%,#ffffff12);
  border-radius:12px;
  background:#07090dcc;
  box-shadow:0 10px 28px #0007,inset 0 1px #ffffff0b;
  backdrop-filter:blur(10px);
  font:750 10px/1 "Space Grotesk",sans-serif;
  letter-spacing:.55px;
  text-transform:uppercase;
}
.category-card .category-card-copy b{
  color:color-mix(in srgb,var(--hub-a) 72%,#fff);
  font:850 25px/1 "Manrope",sans-serif;
  letter-spacing:-.05em;
}
.category-sound-visual{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding-bottom:35px;
  background:
    radial-gradient(circle at center,#7cff6b22,transparent 42%),
    linear-gradient(145deg,#10180f,#080b0c)!important;
}
.category-sound-visual i{
  width:8px;
  height:clamp(38px,6vw,92px);
  border-radius:99px;
  background:linear-gradient(#7cff6b,#ffe66d);
  box-shadow:0 0 18px #7cff6b55;
  transform:scaleY(var(--bar,.55));
  animation:categorySoundBars 1.1s ease-in-out infinite alternate;
  animation-play-state:paused;
}
.category-card:hover .category-sound-visual i,
.category-card:focus-visible .category-sound-visual i{animation-play-state:running}
.category-sound-visual i:nth-child(2){--bar:.82;animation-delay:-.6s}
.category-sound-visual i:nth-child(3){--bar:.46;animation-delay:-.2s}
.category-sound-visual i:nth-child(4){--bar:1;animation-delay:-.8s}
.category-sound-visual i:nth-child(5){--bar:.62;animation-delay:-.35s}
.category-sound-visual i:nth-child(6){--bar:.9;animation-delay:-.7s}
.category-sound-visual i:nth-child(7){--bar:.5;animation-delay:-.1s}
@keyframes categorySoundBars{to{transform:scaleY(.28);filter:brightness(1.25)}}

.category-back{
  position:fixed;
  left:18px;
  top:16px;
  z-index:210;
  display:none;
  align-items:center;
  justify-content:center;
  width:76px;
  height:76px;
  margin:0;
  padding:0;
  border:1px solid color-mix(in srgb,var(--page-accent) 48%,#ffffff16);
  border-radius:22px;
  color:#f8f7ff;
  background:#090b12e8;
  box-shadow:0 16px 42px #000a,0 0 24px color-mix(in srgb,var(--page-accent) 12%,transparent);
  backdrop-filter:blur(15px);
  font-family:"Space Grotesk",sans-serif;
  cursor:pointer;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
body.category-open .category-back{display:inline-flex}
.category-back-arrow{
  flex:0 0 58px;width:58px;height:58px;display:grid;place-items:center;
  border:0;border-radius:18px;
  color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--page-accent) 38%,#111624),#090c15);
  box-shadow:inset 0 1px #ffffff18,0 10px 24px #0007;font-size:34px;font-weight:400;line-height:1;
  transition:transform .25s ease,background .25s ease
}
.category-back:hover{transform:translateX(3px);border-color:var(--page-accent);box-shadow:0 20px 54px #000b,0 0 34px color-mix(in srgb,var(--page-accent) 20%,transparent)}
.category-back:hover .category-back-arrow{transform:translateX(-3px);background:linear-gradient(145deg,var(--page-accent),color-mix(in srgb,var(--page-accent-2) 70%,#141827))}
body.category-open .pack-section.category-active{animation:categoryPanelIn .48s cubic-bezier(.2,.8,.2,1) both}
@keyframes categoryPanelIn{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}

.category-home-return{
  width:min(520px,92%);
  min-height:92px;
  display:none;
  grid-template-columns:48px 1fr;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:15px;
  margin:52px auto 95px;
  padding:17px 22px;
  border:1px solid color-mix(in srgb,var(--page-accent) 48%,#ffffff14);
  border-radius:20px;
  color:#fff;
  background:
    radial-gradient(circle at 8% 50%,color-mix(in srgb,var(--page-accent) 18%,transparent),transparent 34%),
    linear-gradient(145deg,#0d0f18,#07090e);
  box-shadow:0 24px 65px #0009,0 0 34px color-mix(in srgb,var(--page-accent) 10%,transparent),inset 0 1px #ffffff0b;
  cursor:pointer;
  text-align:left;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
body.category-open .category-home-return{display:grid}
.category-home-return>span{
  grid-row:1/3;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#07080c;
  background:linear-gradient(135deg,var(--page-accent),var(--page-accent-2));
  font-size:24px;
  box-shadow:0 0 24px color-mix(in srgb,var(--page-accent) 30%,transparent);
}
.category-home-return strong{align-self:end;font:850 19px/1 "Manrope",sans-serif;letter-spacing:-.035em}
.category-home-return small{align-self:start;margin-top:6px;color:#8f96a6;font:650 10px/1.2 "DM Sans",sans-serif}
.category-home-return:hover{
  transform:translateY(-4px);
  border-color:var(--page-accent);
  box-shadow:0 30px 75px #000b,0 0 42px color-mix(in srgb,var(--page-accent) 18%,transparent),inset 0 1px #ffffff10;
}

@media(max-width:650px){
  .category-hub{padding:22px 12px!important;border-radius:22px!important}
  .category-grid{grid-template-columns:1fr!important;gap:12px!important}
  .category-card,.category-card:nth-child(4),.category-card:nth-child(5){grid-column:1!important;min-height:190px!important;aspect-ratio:auto;padding:20px!important}
  .category-back{left:9px;top:9px;width:62px;height:62px;padding:0;border-radius:18px}
  .category-home-return{margin:35px auto 75px}
}
@media(prefers-reduced-motion:reduce){
  .category-sound-visual i{animation:none!important}
}

/* Açık kategori, ana sayfadan bağımsız ve doğrudan içerikle başlar. */
body.category-open>nav,
body.category-open>.hero,
body.category-open main>.plugin-guide-card,
body.category-open>.site-footer{display:none!important}
body.category-open main{
  width:min(1600px,calc(100% - 32px))!important;
  padding:18px 0 0!important;
}
body.category-open .pack-section.category-active{
  margin-top:0!important;
  margin-bottom:0!important;
}
body.category-open .pack-section.category-active>.section-head{margin-top:0!important}
body.category-open .category-home-return{margin:26px auto 28px!important}
@media(max-width:650px){
  body.category-open main{width:calc(100% - 14px)!important;padding-top:98px!important}
  body.category-open .category-home-return{margin:20px auto 22px!important}
}

/* Ana sayfaya özel Hakkımda ve portföy alanı */
.about-pack{
  position:relative;isolation:isolate;overflow:hidden;width:min(1400px,100%);display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:20px;
  margin:92px auto 28px;padding:clamp(24px,3.5vw,52px);border:1px solid #ffffff12;border-radius:32px;
  background:radial-gradient(circle at 8% 10%,#9b5cff1d,transparent 31%),radial-gradient(circle at 93% 90%,#ffc83d18,transparent 34%),linear-gradient(145deg,#0d0e17ed,#06080dec);
  box-shadow:0 35px 110px #0008,inset 0 1px #ffffff0a
}
.about-pack-glow{position:absolute;z-index:-1;left:38%;bottom:-180px;width:460px;height:340px;border-radius:50%;background:#7b5cff18;filter:blur(75px);pointer-events:none}
.about-pack-main{display:flex;flex-direction:column;justify-content:center;padding:12px clamp(4px,1.4vw,18px)}
.about-pack-kicker{width:max-content;margin-bottom:17px;padding:8px 12px;border:1px solid #9b5cff42;border-radius:999px;color:#bca7ff;background:#9b5cff0d;font:900 8px/1 "Space Grotesk",sans-serif;letter-spacing:1.8px}
.about-pack-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:30px}
.about-pack-stats>span{min-height:92px;display:grid;align-content:center;gap:7px;padding:15px 17px;border:1px solid #ffffff0e;border-radius:17px;background:#090b12ba;box-shadow:inset 0 1px #ffffff07}
.about-pack-stats b{color:#fff;font:900 25px/1 "Manrope",sans-serif;letter-spacing:-.05em}
.about-pack-stats small{color:#858c9d;font:750 9px/1 "DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.6px}
.about-pack-connect{display:grid;align-content:center;padding:clamp(22px,2.7vw,38px);border:1px solid #ffc83d32;border-radius:25px;background:radial-gradient(circle at 85% 0%,#ffc83d1d,transparent 35%),linear-gradient(145deg,#15140edb,#090a0fef);box-shadow:0 22px 70px #0006,inset 0 1px #fff4c912}
.about-pack-connect>div>small{color:#ffc83d;font:900 8px/1 "Space Grotesk",sans-serif;letter-spacing:1.6px}
.about-pack-connect h3{margin:9px 0 0;color:#fffdf4;font:900 clamp(25px,2.3vw,37px)/1 "Manrope",sans-serif;letter-spacing:-.05em}
.about-portfolio{min-height:50px;display:flex;align-items:center;justify-content:space-between;margin-top:25px;padding:10px 16px;border:1px solid #ffe66d75;border-radius:14px;color:#171105;background:linear-gradient(135deg,#ffe66d,#ffad27);box-shadow:0 12px 32px #0006,0 0 25px #ffc83d20;font:900 11px/1 "Space Grotesk",sans-serif;transition:transform .23s ease,filter .23s ease}
.about-portfolio span{font-size:18px}.about-portfolio:hover{transform:translateY(-3px);filter:brightness(1.08)}
body.category-open .about-pack{display:none!important}
.about-pack.about-pack-compact{
  grid-template-columns:minmax(320px,.92fr) minmax(440px,1.08fr);align-items:center;gap:14px;
  margin:64px auto 24px;padding:20px 28px 18px;border-radius:24px;
  background:radial-gradient(circle at 8% 12%,#8b5cf615,transparent 32%),radial-gradient(circle at 96% 86%,#ff31580c,transparent 30%),linear-gradient(145deg,#0c0e16ed,#07090eed);
  box-shadow:0 24px 75px #0007,inset 0 1px #ffffff08
}
.about-pack-compact .about-pack-glow{display:none}
.about-pack-compact .about-pack-main{justify-content:flex-start;padding:0 8px}
.about-pack-compact .about-pack-kicker{margin:0 0 14px;padding:6px 10px;font-size:7px;letter-spacing:1.45px}
.about-pack-compact .about-pack-stats{margin-top:0}
.about-pack-compact .about-pack-stats>span{min-height:70px;gap:5px;padding:10px 13px;border-radius:13px;background:#090b1294;box-shadow:none}
.about-pack-compact .about-pack-stats b{font-size:22px}
.about-pack-compact .about-pack-stats small{font-size:8px;letter-spacing:.45px}
.about-pack-compact .about-pack-connect{
  grid-template-columns:92px minmax(200px,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;gap:7px 14px;padding:10px 14px;
  border-radius:18px;border-color:#ff355d33;background:radial-gradient(circle at 8% 16%,#ff244b17,transparent 42%),linear-gradient(145deg,#130c11dc,#090a0fef);
  box-shadow:0 14px 38px #0006,inset 0 1px #ffb3c00a
}
.about-pack-portrait-frame{position:relative;z-index:0;grid-row:1/3;width:92px;aspect-ratio:1;align-self:center;margin:3px}
.about-pack-portrait-frame::before{content:"";position:absolute;z-index:-1;inset:-5px -5px 5px 5px;border:1px solid #ff3b5f66;border-radius:15px;box-shadow:none}
.about-pack-portrait{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border:1px solid #ffffff10;border-radius:13px;filter:grayscale(1) contrast(1.04);box-shadow:0 10px 24px #0008}
.about-pack-compact .about-pack-connect>div:not(.about-pack-portrait-frame){padding:0}.about-pack-compact .about-pack-connect h3{margin:0;font-size:clamp(18px,1.35vw,22px);letter-spacing:-.04em}
.about-pack-compact .about-portfolio{justify-self:start;width:min(100%,260px);min-width:0;min-height:36px;margin:0;padding:8px 12px;border-radius:11px;border-color:#ff6b855c;color:#fff;background:linear-gradient(135deg,#ef2a51,#b91843);box-shadow:0 8px 18px #0005;font-size:9px}
.about-pack-compact .about-portfolio span{font-size:14px}
.about-pack-socials{grid-column:1/-1;width:100%;gap:8px;margin:0!important;padding:13px 0 0!important;border-top:1px solid #ffffff0b}
.about-pack-socials .social-card{min-width:150px;padding:7px 10px 7px 7px;border-radius:12px;background:#090b12b8;box-shadow:none}
.about-pack-socials .social-card:hover{transform:translateY(-2px) scale(1.015)}
.about-pack-socials .social-icon{width:34px;height:29px;border-radius:9px}
.about-pack-socials .social-icon svg{width:19px;height:19px}
.about-pack-socials .social-copy strong{font-size:10px}
.about-pack-socials .social-copy small{display:none}
@media(max-width:900px){
  .about-pack{grid-template-columns:1fr;margin-top:55px;padding:20px;border-radius:25px}
  .about-pack-main{padding:4px 3px 8px}
  .about-pack-connect{padding:12px}.about-pack-stats>span{min-height:68px;padding:10px}
  .about-pack-compact{grid-template-columns:1fr}.about-pack-compact .about-pack-connect{grid-template-columns:92px minmax(0,1fr);grid-template-rows:auto auto;justify-items:stretch;text-align:left}.about-pack-compact .about-portfolio{width:min(100%,260px);margin-top:0}.about-pack-portrait-frame{grid-row:1/3;width:92px;margin:3px}.about-pack-compact .about-pack-connect>div:not(.about-pack-portrait-frame){padding-top:0}
  .about-pack-socials{padding-top:12px!important}
}
@media(max-width:520px){
  .about-pack{width:96%;padding:14px;margin-top:38px}
  .about-pack-stats{gap:6px}.about-pack-stats>span{min-height:72px;padding:10px 8px}
  .about-pack-stats b{font-size:21px}.about-pack-stats small{font-size:7px}
}

/* Ana giriş: edit zaman çizgisi hissi veren premium vitrin */
.hero{isolation:isolate;overflow:hidden}
.hero::before{
  content:"";position:absolute;z-index:-2;inset:3% 8% 1%;pointer-events:none;
  background:radial-gradient(circle at 50% 48%,#7357ff1a,transparent 34%),linear-gradient(90deg,transparent,#7c5cff0c 48%,#22d3ee0a 52%,transparent)
}
.hero::after{
  content:"";position:absolute;z-index:-1;left:50%;top:49%;width:min(840px,70vw);height:220px;transform:translate(-50%,-50%);border-radius:50%;
  background:#7657ff10;filter:blur(72px);pointer-events:none
}
.hero .hero-inner{
  isolation:isolate;overflow:hidden;width:min(980px,76vw);min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:52px 110px 50px!important;border:1px solid #a78bfa2e;border-radius:34px;
  background:radial-gradient(circle at 50% 42%,#7c5cff18,transparent 38%),radial-gradient(circle at 100% 100%,#22d3ee0d,transparent 35%),linear-gradient(145deg,#10111ce8,#070910e8);
  box-shadow:0 38px 120px #0009,0 0 60px #6d4aff16,inset 0 1px #d8ccff15
}
.hero .hero-inner::before{
  content:"";position:absolute;z-index:-1;inset:0;opacity:.42;pointer-events:none;
  background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:54px 54px;
  mask-image:radial-gradient(ellipse at center,#000 0%,transparent 76%)
}
.hero .hero-inner::after{
  content:"";position:absolute;left:28px;right:28px;bottom:26px;height:1px;
  background:linear-gradient(90deg,transparent,#8b5cf67d 18%,#22d3ee8c 82%,transparent)
}
.hero-frame-head{position:absolute;left:31px;right:31px;top:25px;display:flex;justify-content:space-between;color:#6f7690;font:800 8px/1 "Space Grotesk",sans-serif;letter-spacing:1.7px}
.hero-frame-head span:last-child{color:#68728a}
.hero .kicker{position:relative;z-index:2;margin:0 0 22px;padding:8px 13px;border-color:#8b5cf63d;background:#0b0d16c7;color:#c9c5db;box-shadow:0 10px 30px #0005}
.hero .hero-inner h1{position:relative;z-index:2;width:auto!important;margin:0!important;padding:0!important;font-family:"Source Sans 3","Segoe UI",Arial,sans-serif!important;font-size:clamp(64px,6.7vw,104px)!important;font-weight:800!important;line-height:1!important;letter-spacing:-.045em!important;filter:drop-shadow(0 24px 54px #6c4dce2c);display:flex;flex-direction:column;gap:.1em}
.hero .hero-inner h1>span{display:block;width:max-content;margin-inline:auto;background:linear-gradient(105deg,#f8f9ff 8%,#d9d1ff 43%,#8fd8ff 76%,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .hero-inner h1>span:last-child{font-size:.93em;letter-spacing:-.05em!important}
.hero-timeline{position:relative;width:min(480px,70%);height:24px;margin:25px auto 8px}
.hero-timeline::before{content:"";position:absolute;left:0;right:0;top:11px;height:1px;background:linear-gradient(90deg,#ff3158,#8b5cf6 48%,#22d3ee)}
.hero-timeline::after{content:"";position:absolute;left:50%;top:7px;width:9px;height:9px;transform:translateX(-50%) rotate(45deg);border:1px solid #d8ccff;background:#0c0d17;box-shadow:0 0 18px #8b5cf6}
.hero-timeline i,.hero-timeline b,.hero-timeline span{position:absolute;top:9px;width:5px;height:5px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 11px currentColor}.hero-timeline i{left:0;color:#ff3158}.hero-timeline b{left:25%;color:#9b78ff}.hero-timeline span{right:0;color:#22d3ee}
.hero-meta{display:flex;align-items:center;justify-content:center;gap:12px;color:#777f94;font:850 8px/1 "Space Grotesk",sans-serif;letter-spacing:1.65px}
.hero-meta i{width:3px;height:3px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 8px #8b5cf6}
.hero .orbit{z-index:3;width:56px;height:56px;border-color:#8b5cf629;background:#090b13e8;box-shadow:0 18px 45px #000a,0 0 25px #7657ff16}
.hero .o1{left:5%;top:22%}.hero .o2{right:5%;top:43%}.hero .o3{left:10%;bottom:8%}
@media(max-width:1500px) and (min-width:701px){
  .hero .hero-inner{width:min(980px,92vw);min-height:370px;padding:50px 95px 48px!important}
}
@media(max-width:700px){
  .hero .hero-inner{width:96vw;min-height:330px;padding:55px 18px 46px!important;border-radius:25px}
  .hero-frame-head{left:20px;right:20px;top:19px;font-size:6px}.hero-frame-head span:last-child{display:none}
  .hero .hero-inner h1{font-size:clamp(49px,15vw,66px)!important}.hero-timeline{width:74%;margin-top:21px}.hero-meta{font-size:6px;gap:8px}
}

/* Kategori başlığının altında, üç seçenekli sıralama menüsü */
body.category-open .pack-section.category-active>.section-head{position:relative;overflow:visible!important;padding-right:20px!important}
body.category-open #renk-efektleri .section-head::after{display:none!important}
.category-sort-control{
  --sort-a:var(--page-accent,#9b78ff);
  --sort-b:var(--page-accent-2,#4d9fff);
  position:relative;z-index:90;width:min(430px,100%);margin:-7px auto 22px;text-align:left!important
}
.category-sort-toggle{
  width:100%;min-height:52px;display:grid;grid-template-columns:34px auto minmax(0,1fr) 18px;align-items:center;gap:10px;padding:7px 12px 7px 9px;
  border:1px solid color-mix(in srgb,var(--sort-a) 48%,#ffffff16);border-radius:16px;color:#f7f7fc;
  background:radial-gradient(circle at 12% 50%,color-mix(in srgb,var(--sort-a) 19%,transparent),transparent 36%),linear-gradient(145deg,#111321f2,#090b13f2);
  box-shadow:0 15px 38px #0008,0 0 28px color-mix(in srgb,var(--sort-a) 12%,transparent),inset 0 1px #ffffff0c;
  font:850 11px/1 "Space Grotesk",sans-serif;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease
}
.category-sort-toggle:hover,.category-sort-control.open .category-sort-toggle{transform:translateY(-2px);border-color:color-mix(in srgb,var(--sort-a) 76%,#fff);box-shadow:0 19px 46px #0009,0 0 32px color-mix(in srgb,var(--sort-a) 20%,transparent)}
.category-sort-toggle>span{width:34px;height:34px;display:grid!important;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--sort-a),var(--sort-b));box-shadow:0 0 18px color-mix(in srgb,var(--sort-a) 28%,transparent);font-size:15px}
.category-sort-toggle>small{color:#777f93;font:850 8px/1 "Space Grotesk",sans-serif;letter-spacing:1.2px}
.category-sort-toggle b{overflow:hidden;min-width:0;color:#f4f2ff;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.category-sort-toggle i{font-style:normal;color:var(--sort-b);font-size:14px;transition:transform .22s ease}.category-sort-control.open .category-sort-toggle i{transform:rotate(180deg)}
.category-sort-menu{
  position:absolute;left:50%;top:calc(100% + 9px);width:min(310px,100%);display:grid;gap:7px;padding:9px;
  border:1px solid color-mix(in srgb,var(--sort-a) 40%,#ffffff12);border-radius:17px;background:linear-gradient(150deg,#111421f5,#070910f8);
  box-shadow:0 28px 70px #000d,0 0 34px color-mix(in srgb,var(--sort-a) 14%,transparent);backdrop-filter:blur(16px);
  visibility:hidden;opacity:0;transform:translate(-50%,-8px) scale(.97);transform-origin:top center;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease
}
.category-sort-control.open .category-sort-menu{visibility:visible;opacity:1;transform:translateX(-50%);pointer-events:auto}
.category-sort-menu>button{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:11px;padding:9px;border:1px solid #ffffff0d;border-radius:12px;color:#f7f6fd;background:#0b0e16;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.category-sort-menu>button:hover,.category-sort-menu>button.active{transform:translateX(2px);border-color:color-mix(in srgb,var(--sort-a) 62%,#ffffff20);background:linear-gradient(135deg,color-mix(in srgb,var(--sort-a) 15%,#0d1019),#0a0d15)}
.category-sort-menu>button>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--sort-a),var(--sort-b));box-shadow:0 0 17px color-mix(in srgb,var(--sort-a) 22%,transparent);font-size:15px;font-weight:950}
.category-sort-menu>button>div{display:grid;gap:5px}.category-sort-menu strong{font:850 12px/1 "Manrope",sans-serif}.category-sort-menu small{color:#858c9c;font:700 8px/1 "DM Sans",sans-serif}
.category-sort-control.is-loading .category-sort-toggle>span{animation:categorySortSpin .7s linear infinite}.category-sort-control.is-loading{pointer-events:none}
.category-sort-enter{animation:categorySortEnter .46s calc(var(--sort-order,0)*35ms) cubic-bezier(.2,.8,.2,1) both}
@keyframes categorySortSpin{to{transform:rotate(360deg)}}
@keyframes categorySortEnter{from{opacity:.25;transform:translateY(13px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.category-sort-enter{animation:none!important}.category-sort-menu,.category-sort-toggle{transition:none!important}}

/* =========================================================
   SON MOBIL SURUM — telefonda ayri, hafif ve dokunmatik arayuz
   ========================================================= */
@media(max-width:768px){
  html.mobile-lite{scroll-behavior:auto;background:#06070c}
  html.mobile-lite body{
    --mobile-edge:10px;
    min-width:0;
    background:#06070c!important;
    overscroll-behavior-y:none;
  }

  /* Telefonda surekli GPU kullanan dekoratif katmanlar kapali. */
  html.mobile-lite #parsmazi-intro,
  html.mobile-lite .mobile-performance-warning,
  html.mobile-lite .grid-bg,
  html.mobile-lite .glow,
  html.mobile-lite .orbit,
  html.mobile-lite .scroll-hint,
  html.mobile-lite .footer-glow,
  html.mobile-lite .about-pack-glow,
  html.mobile-lite .hero::before,
  html.mobile-lite .hero::after,
  html.mobile-lite .hero .hero-inner::before,
  html.mobile-lite .category-card .category-media,
  html.mobile-lite .pack-section::before,
  html.mobile-lite .pack-section::after{display:none!important}

  html.mobile-lite .bg{
    display:block!important;
    background:
      radial-gradient(circle at 12% 7%,#542b7b38,transparent 34%),
      radial-gradient(circle at 92% 26%,#123b7b38,transparent 34%),
      linear-gradient(180deg,#090812 0%,#06070c 54%,#080a10 100%)!important;
  }
  html.mobile-lite .bg::before,
  html.mobile-lite .bg::after{display:none!important}

  /* Ust marka cubugu tek satir ve sabit boyutta. */
  html.mobile-lite nav{
    position:relative!important;
    width:calc(100% - 20px)!important;
    min-height:44px!important;
    margin:8px auto 0!important;
    padding:9px 13px!important;
    border-radius:14px!important;
    background:#0a0c12f2!important;
    border-color:#ffffff12!important;
    box-shadow:0 12px 28px #0008!important;
    backdrop-filter:none!important;
    animation:none!important;
  }
  html.mobile-lite .brand-marquee{height:24px!important;overflow:hidden!important}
  html.mobile-lite .brand-track{
    width:100%!important;
    transform:none!important;
    animation:none!important;
  }
  html.mobile-lite .brand-run{width:100%!important;justify-content:center!important}
  html.mobile-lite .brand-run~.brand-run,
  html.mobile-lite .brand-run .brand:not(:first-child){display:none!important}
  html.mobile-lite .brand{font-size:15px!important;letter-spacing:-.4px!important}

  /* Kisa mobil vitrin: ilk ekranda kategorilerin baslangici gorunur. */
  html.mobile-lite .hero{
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    place-items:initial!important;
    overflow:visible!important;
    padding:16px var(--mobile-edge) 12px!important;
  }
  html.mobile-lite .hero .hero-inner{
    order:1;
    width:100%!important;
    min-height:224px!important;
    padding:34px 12px 25px!important;
    border-radius:22px!important;
    border-color:#9b78ff2c!important;
    background:
      radial-gradient(circle at 50% 36%,#7554e924,transparent 38%),
      linear-gradient(145deg,#111321,#080a11)!important;
    box-shadow:0 20px 48px #0009,inset 0 1px #ffffff0b!important;
  }
  html.mobile-lite .hero .hero-inner::after{left:20px!important;right:20px!important;bottom:18px!important}
  html.mobile-lite .hero-frame-head{left:18px!important;right:18px!important;top:16px!important;font-size:6px!important}
  html.mobile-lite .hero-frame-head span:last-child{display:none!important}
  html.mobile-lite .hero .kicker{
    margin:0 0 15px!important;
    padding:6px 9px!important;
    font-size:8px!important;
    animation:none!important;
  }
  html.mobile-lite .hero .hero-inner h1{
    font-size:clamp(40px,13.4vw,56px)!important;
    line-height:.98!important;
    letter-spacing:-.065em!important;
    gap:.04em!important;
    animation:none!important;
    filter:none!important;
  }
  html.mobile-lite .hero-timeline{width:68%!important;height:18px!important;margin:16px auto 3px!important}
  html.mobile-lite .hero-timeline::before{top:8px!important}
  html.mobile-lite .hero-timeline::after{top:4px!important}
  html.mobile-lite .hero-timeline i,
  html.mobile-lite .hero-timeline b,
  html.mobile-lite .hero-timeline span{top:6px!important}
  html.mobile-lite .hero-meta{font-size:6px!important;gap:7px!important;letter-spacing:1px!important}
  html.mobile-lite .visitor-counter{
    order:2;
    position:relative!important;
    inset:auto!important;
    width:max-content!important;
    min-width:150px!important;
    min-height:48px!important;
    margin:10px auto 0!important;
    padding:7px 10px!important;
    border-radius:14px!important;
    box-shadow:0 12px 28px #0008!important;
    backdrop-filter:none!important;
  }
  html.mobile-lite .visitor-live{font-size:6px!important}

  html.mobile-lite main{
    width:calc(100% - 16px)!important;
    margin:0 auto!important;
    padding:0 0 42px!important;
  }
  html.mobile-lite .plugin-guide-card{
    width:100%!important;
    min-height:62px!important;
    margin:0 auto 12px!important;
    padding:9px 12px!important;
    border-radius:16px!important;
    backdrop-filter:none!important;
  }
  html.mobile-lite .plugin-guide-icon{width:40px!important;height:40px!important;flex-basis:40px!important}
  html.mobile-lite .plugin-guide-copy strong{font-size:13px!important}

  /* Kategoriler: video yerine hizli, renkli ve tek sutunlu kartlar. */
  html.mobile-lite .category-hub{
    width:100%!important;
    margin:0 auto 40px!important;
    padding:20px 10px 12px!important;
    border-radius:22px!important;
    background:linear-gradient(160deg,#0e1020f2,#07090ff2)!important;
    box-shadow:0 20px 50px #0007!important;
    backdrop-filter:none!important;
  }
  html.mobile-lite .category-hub-head{margin:0 auto 20px!important;padding:0 6px 20px!important}
  html.mobile-lite .category-hub-head>span{margin-bottom:6px!important;padding:6px 9px!important;font-size:9px!important;letter-spacing:1.55px!important}
  html.mobile-lite .category-hub-head h2{font-size:clamp(36px,12vw,48px)!important;line-height:1.08!important;margin:0!important;padding-bottom:.14em!important}
  html.mobile-lite .category-hub-head p{margin:1px auto 0!important;font-size:11px!important;line-height:1.55!important;max-width:290px!important}
  html.mobile-lite .category-grid{grid-template-columns:1fr!important;gap:10px!important}
  html.mobile-lite .category-card,
  html.mobile-lite .category-card:nth-child(4),
  html.mobile-lite .category-card:nth-child(5){
    grid-column:1!important;
    min-height:142px!important;
    aspect-ratio:auto!important;
    padding:18px!important;
    border-radius:18px!important;
    background:
      radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--hub-b) 28%,transparent),transparent 44%),
      linear-gradient(145deg,color-mix(in srgb,var(--hub-a) 13%,#0b0d14),#070910 72%)!important;
    box-shadow:0 13px 30px #0007!important;
    transform:none!important;
    transition:border-color .18s ease,background .18s ease!important;
    content-visibility:auto;
    contain-intrinsic-size:142px;
  }
  html.mobile-lite .category-card:active{border-color:var(--hub-a)!important;filter:brightness(1.08)}
  html.mobile-lite .category-number{font-size:10px!important}
  html.mobile-lite .category-arrow{right:14px!important;top:14px!important;width:38px!important;height:38px!important;border-radius:12px!important}
  html.mobile-lite .category-card-copy{gap:9px!important}
  html.mobile-lite .category-card-copy strong{font-size:clamp(27px,8vw,34px)!important;line-height:1!important}
  html.mobile-lite .category-card-copy>span{width:max-content!important;min-height:34px!important;padding:6px 10px!important;border-radius:10px!important;font-size:9px!important}
  html.mobile-lite .category-card-copy>span b{font-size:20px!important}

  /* Kategori icinde yalnizca icerik, tek sutun ve buyuk dokunma alanlari. */
  html.mobile-lite body.category-open main{
    width:100%!important;
    padding:104px 7px 26px!important;
  }
  html.mobile-lite body.category-open .pack-section.category-active{
    width:100%!important;
    margin:0!important;
    padding:9px 7px 20px!important;
    border-radius:18px!important;
    box-shadow:none!important;
  }
  html.mobile-lite body.category-open .pack-section.category-active>.section-head{
    min-height:88px!important;
    margin:0 0 12px!important;
    padding:18px 12px 16px!important;
    border-radius:15px!important;
  }
  html.mobile-lite body.category-open .section-head h2{font-size:clamp(31px,10vw,42px)!important;line-height:1!important}
  html.mobile-lite body.category-open .section-description{display:none!important}
  html.mobile-lite .category-back{
    left:9px!important;
    top:9px!important;
    width:62px!important;
    height:62px!important;
    min-height:0!important;
    padding:0!important;
    border-radius:18px!important;
    backdrop-filter:none!important;
    box-shadow:0 12px 28px #000a!important;
  }
  html.mobile-lite .category-back-arrow{flex-basis:48px!important;width:48px!important;height:48px!important;border-radius:14px!important;font-size:29px!important}
  html.mobile-lite .category-sort-control{inset:auto!important;width:100%!important;margin:0 0 12px!important;transform:none!important}
  html.mobile-lite .category-sort-toggle{width:100%!important;min-width:0!important;min-height:48px!important}
  html.mobile-lite .category-sort-menu{
    width:min(310px,calc(100vw - 36px))!important;
    max-height:65vh!important;
    overflow:auto!important;
    backdrop-filter:none!important;
  }
  html.mobile-lite .cards,
  html.mobile-lite .shake-grid,
  html.mobile-lite .sound-grid,
  html.mobile-lite .other-effects-grid{grid-template-columns:1fr!important;gap:12px!important}
  html.mobile-lite .card,
  html.mobile-lite .shake-card,
  html.mobile-lite .sound-card{
    border-radius:16px!important;
    box-shadow:0 14px 36px #0008!important;
    transform:none!important;
    content-visibility:auto;
    contain-intrinsic-size:420px;
  }
  html.mobile-lite .preview.compare,
  html.mobile-lite .shake-video-wrap{aspect-ratio:16/10!important}
  html.mobile-lite .compare-label{bottom:8px!important;font-size:8px!important;padding:6px 8px!important;backdrop-filter:none!important}
  html.mobile-lite .compare-line span{width:42px!important;height:42px!important}
  html.mobile-lite .info,
  html.mobile-lite .shake-info{min-height:65px!important;padding:11px 12px!important;gap:8px!important}
  html.mobile-lite .info h3,
  html.mobile-lite .shake-info h3{font-size:19px!important}
  html.mobile-lite .effect-action-buttons{gap:6px!important}
  html.mobile-lite .download,
  html.mobile-lite .shake-download,
  html.mobile-lite .sound-download,
  html.mobile-lite .expand-effect,
  html.mobile-lite .creator-link{min-height:44px!important}
  html.mobile-lite .expand-effect,
  html.mobile-lite .creator-link{width:44px!important;height:44px!important;flex-basis:44px!important}

  /* Ses bolumu yatay filtre ve kompakt kartlarla calisir. */
  html.mobile-lite .sound-filters{
    width:100%!important;
    display:flex!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    margin:0 0 12px!important;
    padding:2px 1px 7px!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
  }
  html.mobile-lite .sound-filters::-webkit-scrollbar{display:none}
  html.mobile-lite .sound-filter{flex:0 0 auto!important;min-height:40px!important;padding:9px 13px!important}
  html.mobile-lite .sound-card{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:11px!important;padding:12px!important}
  html.mobile-lite .sound-play{width:58px!important;height:58px!important;flex-basis:58px!important}
  html.mobile-lite .sound-topline h3{font-size:18px!important}
  html.mobile-lite .sound-progress{margin:10px 0!important}
  html.mobile-lite .sound-actions{grid-column:1/-1!important}

  /* Hakkimda alani telefonda kisa kart olarak kalir. */
  html.mobile-lite .about-pack.about-pack-compact{
    width:100%!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin:38px auto 14px!important;
    padding:14px!important;
    border-radius:20px!important;
    box-shadow:0 18px 45px #0007!important;
  }
  html.mobile-lite .about-pack-main{padding:2px 0 0!important}
  html.mobile-lite .about-pack-compact .about-pack-kicker{margin:0 0 12px!important}
  html.mobile-lite .about-pack-stats{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
  html.mobile-lite .about-pack-stats>span{min-height:68px!important;padding:9px 7px!important;border-radius:13px!important}
  html.mobile-lite .about-pack-stats b{font-size:21px!important}
  html.mobile-lite .about-pack-stats small{font-size:7px!important;line-height:1.2!important}
  html.mobile-lite .about-pack-compact .about-pack-connect{
    grid-template-columns:100px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    justify-items:stretch!important;
    gap:8px 12px!important;
    padding:12px!important;
    text-align:left!important;
  }
  html.mobile-lite .about-pack-portrait-frame{grid-row:1/3!important;width:100px!important;margin:0!important}
  html.mobile-lite .about-pack-portrait-frame::before{inset:-5px -5px 5px 5px!important;border-radius:15px!important}
  html.mobile-lite .about-pack-portrait{border-radius:13px!important}
  html.mobile-lite .about-pack-compact .about-pack-connect h3{font-size:18px!important}
  html.mobile-lite .about-pack-compact .about-portfolio{width:100%!important;min-width:0!important;min-height:42px!important;padding:9px 11px!important;font-size:9px!important}
  html.mobile-lite .about-pack-socials{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding-top:12px!important}
  html.mobile-lite .about-pack-socials .social-card{min-width:0!important;min-height:52px!important;padding:8px!important;border-radius:13px!important}
  html.mobile-lite .about-pack-socials .social-copy strong{font-size:9px!important}
  html.mobile-lite .about-pack-socials .social-copy small{font-size:7px!important}

  /* Mobil onizleme sabit cizgili ve neredeyse tam ekran. */
  html.mobile-lite .effect-preview-modal{padding:7px!important;backdrop-filter:none!important;background:#020307f2!important}
  html.mobile-lite .effect-modal-panel{
    width:calc(100vw - 14px)!important;
    max-height:92vh!important;
    padding:1px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#9b5cff,#35c9ff)!important;
    box-shadow:0 20px 60px #000!important;
    animation:none!important;
  }
  html.mobile-lite .effect-modal-inner{border-radius:15px!important}
  html.mobile-lite .effect-modal-head{min-height:46px!important;padding:7px 8px 7px 13px!important}
  html.mobile-lite .effect-modal-close{width:38px!important;height:38px!important}
  html.mobile-lite .effect-modal-stage{max-height:calc(92vh - 50px)!important}
  html.mobile-lite .back-to-top{right:10px!important;bottom:10px!important;min-width:46px!important;width:46px!important;height:46px!important;padding:5px!important;border-radius:14px!important}

  html.mobile-lite .pack-section,
  html.mobile-lite .about-pack,
  html.mobile-lite .site-footer{content-visibility:auto;contain-intrinsic-size:700px}
}

@media(max-width:380px){
  html.mobile-lite .hero .hero-inner h1{font-size:39px!important}
  html.mobile-lite .category-card-copy strong{font-size:27px!important}
  html.mobile-lite .category-back{width:58px!important;height:58px!important}
  html.mobile-lite .about-pack-compact .about-pack-connect{grid-template-columns:88px minmax(0,1fr)!important}
  html.mobile-lite .about-pack-portrait-frame{width:88px!important}
  html.mobile-lite .about-pack-socials{grid-template-columns:1fr!important}
}

@media(max-width:768px) and (prefers-reduced-motion:reduce){
  html.mobile-lite *,
  html.mobile-lite *::before,
  html.mobile-lite *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* Render only below-the-fold blocks when the browser approaches them. */
@supports(content-visibility:auto){
  body.category-home .creator-profile,
  body.category-home .about-pack,
  body.category-home .site-footer{
    content-visibility:auto;
    contain:layout paint style;
    contain-intrinsic-size:auto 620px;
  }
  body.category-home .site-footer{contain-intrinsic-size:auto 110px}
}

@media(prefers-reduced-data:reduce){
  .grid-bg,.glow,.motion-smear,.hero .orbit{display:none!important}
  .brand-track,.hero-timeline::before{animation:none!important}
}

/* Deneme açılışı: ilk ziyarette yalnızca kısa video ve sade koyu sahne. */
#parsmazi-intro.intro-video-mode{
  display:grid!important;
  place-items:center!important;
  isolation:isolate;
  padding:clamp(18px,3vw,42px)!important;
  background:#020307!important;
  perspective:none!important;
  transition:opacity .46s ease,visibility .46s ease!important;
  width:100%;
  height:100dvh;
  overflow:hidden!important;
}
#parsmazi-intro.intro-video-mode::before,
#parsmazi-intro.intro-video-mode::after{display:none!important}
.intro-video-frame{
  position:relative;
  isolation:isolate;
  width:min(1100px,92vw);
  max-height:82vh;
  display:grid;
  place-items:center;
  overflow:visible;
  background:#020307;
  opacity:0;
  transform:scale(.985);
  animation:introVideoIn .38s ease forwards;
}
.intro-opening-video{
  display:block;
  width:100%;
  height:auto;
  max-height:82vh;
  object-fit:contain;
  background:#020307;
  border-radius:22px;
}
#parsmazi-intro.intro-video-mode .intro-skip{
  left:auto!important;
  right:18px!important;
  bottom:16px!important;
  min-width:52px!important;
  padding:8px 11px!important;
  transform:none!important;
  border:1px solid #ffffff18!important;
  border-radius:10px!important;
  color:#8e94a3!important;
  background:#080a10c7!important;
  box-shadow:none!important;
  opacity:1!important;
  animation:none!important;
  font:800 8px/1 "Space Grotesk",sans-serif!important;
  letter-spacing:1px!important;
}
#parsmazi-intro.intro-video-mode .intro-skip:hover{color:#fff!important;border-color:#ffffff38!important;background:#0d1018!important}
#parsmazi-intro.intro-video-mode.intro-hide{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:none!important;
  filter:none!important;
}
@keyframes introVideoIn{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.intro-video-frame{opacity:1;transform:none;animation:none}}

/* ParsMazi yaratıcı profil — modern editoryal tasarım */
.about-pack.about-pack-pro{
  position:relative;isolation:isolate;overflow:hidden;display:block;
  width:min(1400px,calc(100% - 32px));margin:72px auto 26px;padding:28px;
  border:1px solid #ffffff13;border-radius:30px;
  background:
    radial-gradient(circle at 8% 0%,#8b5cf61c,transparent 32%),
    radial-gradient(circle at 94% 100%,#22d3ee10,transparent 32%),
    linear-gradient(145deg,#0d0f19f5,#070910f5 58%,#090d14f5);
  box-shadow:0 32px 100px #0009,inset 0 1px #ffffff0b;
}
.about-pack-pro::before{
  content:"";position:absolute;left:28px;right:28px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#a855f7 27%,#ec4899 50%,#22d3ee 73%,transparent);
  opacity:.72;
}
.about-pro-glow{
  position:absolute;z-index:-1;inset:auto auto -220px -80px;width:520px;height:400px;border-radius:50%;
  background:#7c3aed14;filter:blur(85px);pointer-events:none;
}
.about-pro-head{
  display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding:2px 3px 18px;
  border-bottom:1px solid #ffffff0d;
}
.about-pro-kicker,.about-pro-index{
  color:#bca8ff;font:850 9px/1 "Space Grotesk",sans-serif;letter-spacing:2px;
}
.about-pro-index{color:#687184;font-size:8px}
.about-pro-grid{display:grid;grid-template-columns:minmax(420px,.92fr) minmax(500px,1.08fr);gap:18px}
.about-pro-profile{
  min-height:252px;display:grid;grid-template-columns:190px minmax(0,1fr);align-items:stretch;gap:24px;padding:16px;
  border:1px solid #ffffff12;border-radius:23px;
  background:linear-gradient(135deg,#121522eb,#090b13e8);box-shadow:inset 0 1px #ffffff0a;
}
.about-pro-portrait-frame{
  position:relative;overflow:hidden;min-height:218px;border-radius:17px;
  background:#0a0b10;box-shadow:0 18px 42px #000a;
}
.about-pro-portrait-frame::after{
  content:"";position:absolute;inset:0;border:1px solid #ffffff18;border-radius:inherit;box-shadow:inset 0 0 0 1px #0005;pointer-events:none;
}
.about-pro-portrait{width:100%;height:100%;display:block;object-fit:cover;object-position:center 34%;filter:grayscale(1) contrast(1.06)}
.about-pro-identity{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:10px 8px 8px 0}
.about-pro-identity>span{color:#7e879a;font:800 8px/1.3 "Space Grotesk",sans-serif;letter-spacing:1.6px}
.about-pro-identity h3{
  margin:15px 0 28px;color:#f7f8ff;font:900 clamp(38px,4vw,62px)/.88 "Manrope",sans-serif;
  letter-spacing:-.075em;text-transform:uppercase;
}
.about-pro-portfolio{
  min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 13px 11px 17px;
  border:1px solid #b779ff55;border-radius:13px;color:#fff;
  background:linear-gradient(110deg,#7c3aed,#a855f7 55%,#2563eb);box-shadow:0 14px 35px #6d28d938;
  font:900 9px/1 "Space Grotesk",sans-serif;letter-spacing:.8px;transition:transform .24s ease,filter .24s ease,box-shadow .24s ease;
}
.about-pro-portfolio b{
  width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#ffffff19;font-size:16px;
}
.about-pro-portfolio:hover{transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 18px 45px #6d28d958}
.about-pro-details{display:grid;grid-template-rows:auto 1fr;gap:14px}
.about-pro-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.about-pro-stats>span{
  position:relative;overflow:hidden;min-height:104px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:17px;
  border:1px solid #ffffff10;border-radius:18px;background:#0a0c14c9;box-shadow:inset 0 1px #ffffff08;
}
.about-pro-stats>span::before{content:"";position:absolute;left:17px;top:15px;width:24px;height:2px;border-radius:3px;background:#8b5cf6}
.about-pro-stats>span:nth-child(2)::before{background:#ec4899}.about-pro-stats>span:nth-child(3)::before{background:#22d3ee}
.about-pro-stats b{color:#fff;font:900 31px/1 "Manrope",sans-serif;letter-spacing:-.07em}
.about-pro-stats small{color:#7f8798;font:800 8px/1.15 "Space Grotesk",sans-serif;letter-spacing:.7px;text-transform:uppercase}
.about-pro-socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.about-pro-socials .social-card{
  min-width:0;min-height:66px;padding:9px 12px 9px 9px;border:1px solid #ffffff10;border-radius:16px;
  background:#090b12c7;box-shadow:inset 0 1px #ffffff08;transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.about-pro-socials .social-card:hover{transform:translateY(-3px);border-color:#ffffff25;background:#10131d}
.about-pro-socials .social-icon{width:43px;height:43px;border-radius:12px}
.about-pro-socials .social-icon svg{width:21px;height:21px}
.about-pro-socials .social-copy strong{font-size:10px;letter-spacing:.25px}
.about-pro-socials .social-copy small{display:block;margin-top:4px;color:#626a7b;font-size:7px}

@media(max-width:980px){
  .about-pack.about-pack-pro{padding:22px;border-radius:25px}
  .about-pro-grid{grid-template-columns:1fr}
  .about-pro-profile{grid-template-columns:175px minmax(0,1fr)}
}
@media(max-width:600px){
  .about-pack.about-pack-pro{width:calc(100% - 16px);margin:42px auto 18px;padding:14px;border-radius:21px}
  .about-pack-pro::before{left:16px;right:16px}
  .about-pro-head{margin-bottom:13px;padding:3px 2px 13px}.about-pro-index{display:none}
  .about-pro-kicker{font-size:7px;letter-spacing:1.45px}
  .about-pro-grid{gap:10px}
  .about-pro-profile{min-height:0;grid-template-columns:112px minmax(0,1fr);gap:13px;padding:10px;border-radius:17px}
  .about-pro-portrait-frame{min-height:142px;border-radius:13px}
  .about-pro-identity{padding:5px 2px 4px 0}.about-pro-identity>span{font-size:6px;letter-spacing:.9px}
  .about-pro-identity h3{margin:10px 0 17px;font-size:32px;line-height:.9}
  .about-pro-portfolio{min-height:40px;padding:8px 8px 8px 11px;border-radius:11px;font-size:7px}
  .about-pro-portfolio b{width:24px;height:24px;font-size:13px}
  .about-pro-details{gap:8px}.about-pro-stats{gap:6px}
  .about-pro-stats>span{min-height:78px;gap:6px;padding:11px;border-radius:13px}
  .about-pro-stats>span::before{left:11px;top:10px;width:17px}
  .about-pro-stats b{font-size:24px}.about-pro-stats small{font-size:6px;letter-spacing:.35px}
  .about-pro-socials{gap:6px}
  .about-pro-socials .social-card{min-height:54px;padding:7px;border-radius:13px}
  .about-pro-socials .social-icon{width:36px;height:36px;border-radius:10px}
  .about-pro-socials .social-copy strong{font-size:8px}.about-pro-socials .social-copy small{display:none}
}
@media(max-width:370px){
  .about-pro-profile{grid-template-columns:94px minmax(0,1fr)}
  .about-pro-portrait-frame{min-height:126px}.about-pro-identity h3{font-size:28px}
  .about-pro-socials{grid-template-columns:1fr}
}