:root{--bg:#050505;--card:#0b0b0c;--line:#29292d;--text:#f7f7f7;--muted:#92929a;--blue:#55a8f8;--orange:#ff7357;--max:1680px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 58% -10%,rgba(32,107,165,.22),transparent 27%),var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body:before{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);background-size:25vw 100%,25vw 100%;content:"";pointer-events:none}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:fixed;z-index:30;top:18px;right:clamp(18px,3.5vw,68px);left:clamp(18px,3.5vw,68px);display:grid;grid-template-columns:1fr auto 1fr;align-items:start;pointer-events:none}.site-header>*{pointer-events:auto}.nav-pill,.header-cta{display:inline-flex;align-items:center;gap:12px;width:max-content;min-height:46px;padding:7px 8px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(19,19,21,.68);box-shadow:0 12px 40px rgba(0,0,0,.24);backdrop-filter:blur(18px)}.nav-pill i{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#050505;font-style:normal}.header-cta{justify-self:end;padding:7px 9px 7px 17px;background:#fff;color:#080808;font-size:14px;font-weight:750}.header-cta i{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#080808;color:white;font-size:19px;font-style:normal}.header-logo{display:grid;place-items:center;width:280px;height:72px;margin-top:-18px;background:#030303;clip-path:polygon(0 0,100% 0,86% 100%,14% 100%)}.header-logo img{display:block;width:205px;height:57px;object-fit:contain}.wrap{width:min(var(--max),calc(100% - clamp(36px,7vw,136px)));margin:auto}.hero{display:grid;align-content:end;min-height:88vh;padding:180px 0 76px}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:42px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--line);border-radius:100px;color:#d1d1d6;font-size:13px}.eyebrow:before{width:7px;height:7px;border-radius:50%;background:white;box-shadow:0 0 14px rgba(255,255,255,.6);content:""}.hero h1{max-width:1400px;margin:0;font-size:clamp(76px,11.3vw,218px);font-weight:550;letter-spacing:-.07em;line-height:.79}.hero h1 span{display:block;color:#55555a}.hero-bottom{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:40px;margin-top:60px}.hero-copy{max-width:650px;margin:0;color:#a2a2aa;font-size:clamp(17px,1.35vw,23px);line-height:1.55}.project-count{justify-self:end;color:#6e6e76;font-size:14px}.project-count strong{display:block;color:white;font-size:66px;font-weight:500;letter-spacing:-.06em}.filters{position:sticky;z-index:15;top:0;display:flex;align-items:center;gap:8px;padding:16px 0;background:linear-gradient(#050505 70%,transparent);overflow:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{flex:0 0 auto;padding:10px 15px;border:1px solid var(--line);border-radius:100px;background:#080808;color:#909099;cursor:pointer;transition:.25s}.filter:hover,.filter.active{border-color:#f1f1f1;background:#f1f1f1;color:#050505}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:18px 0 110px}.project-card{position:relative;min-width:0;padding:20px;border:1px solid var(--line);border-radius:24px;background:rgba(7,7,8,.82);overflow:hidden;transition:border-color .35s,transform .35s}.project-card:hover{border-color:#5c5c62;transform:translateY(-4px)}.project-cover{position:relative;height:clamp(310px,35vw,610px);border-radius:17px;overflow:hidden;background:#101014}.project-cover:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.32));content:""}.project-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .5s}.project-card:hover .project-cover img{transform:scale(1.045);filter:saturate(1.08)}.project-index{position:absolute;z-index:2;top:18px;left:18px;padding:8px 11px;border:1px solid rgba(255,255,255,.17);border-radius:100px;background:rgba(0,0,0,.44);backdrop-filter:blur(12px);font-size:12px}.project-info{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;padding:25px 5px 6px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.tag{padding:7px 10px;border:1px solid #323236;border-radius:100px;color:#9b9ba3;font-size:11px}.project-info h2{margin:0;font-size:clamp(28px,2.35vw,44px);font-weight:580;letter-spacing:-.045em}.project-info p{max-width:560px;margin:13px 0 0;color:#8d8d95;font-size:15px;line-height:1.55}.arrow{display:grid;place-items:center;width:57px;height:57px;border:1px solid #3b3b40;border-radius:50%;font-size:27px;transition:.3s}.project-card:hover .arrow{border-color:#fff;background:#fff;color:#050505;transform:rotate(45deg)}.empty{grid-column:1/-1;padding:100px 20px;border:1px solid var(--line);border-radius:24px;color:#888;text-align:center}.cta{display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;margin-bottom:28px;padding:70px clamp(25px,5vw,85px);border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 80% 20%,rgba(62,130,190,.23),transparent 30%),#09090a}.cta small{color:#8d8d95}.cta h2{max-width:1000px;margin:15px 0 0;font-size:clamp(45px,6.5vw,110px);font-weight:550;letter-spacing:-.06em;line-height:.92}.cta a{display:flex;align-items:center;gap:20px;padding:9px 10px 9px 23px;border-radius:12px;background:#fff;color:#050505;font-weight:750}.cta a i{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#050505;color:white;font-size:22px;font-style:normal}.footer{display:flex;align-items:center;justify-content:space-between;padding:27px 0 35px;color:#777;font-size:13px}.footer img{width:180px}.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s,transform .85s}.reveal.visible{opacity:1;transform:none}
.detail-hero{display:grid;align-content:end;min-height:82vh;padding:180px 0 52px}.detail-hero h1{max-width:1450px;margin:24px 0 0;font-size:clamp(66px,10.5vw,190px);font-weight:530;letter-spacing:-.07em;line-height:.82}.detail-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:58px}.detail-intro p{margin:0;color:#aaaab2;font-size:clamp(18px,1.55vw,26px);line-height:1.55}.detail-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px}.action{display:inline-flex;align-items:center;gap:15px;padding:12px 13px 12px 20px;border:1px solid #343439;border-radius:12px;font-weight:700}.action.primary{border-color:#fff;background:#fff;color:#050505}.action i{font-style:normal;font-size:21px}.hero-image{position:relative;width:min(1840px,calc(100% - 32px));height:min(75vw,930px);margin:0 auto 115px;border-radius:28px;overflow:hidden;background:#111}.hero-image img{display:block;width:100%;height:100%;object-fit:cover}.hero-image:after{position:absolute;inset:0;border:1px solid rgba(255,255,255,.16);border-radius:inherit;content:""}.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:120px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fact{padding:28px 25px;border-right:1px solid var(--line)}.fact:last-child{border-right:0}.fact span{display:block;margin-bottom:19px;color:#717179;font-size:12px;text-transform:uppercase;letter-spacing:.13em}.fact strong{font-size:clamp(18px,1.6vw,27px);font-weight:550}.story{display:grid;grid-template-columns:.66fr 1.34fr;gap:80px;padding-bottom:130px}.section-label{display:flex;gap:12px;color:#8c8c94;font-size:13px}.section-label b{color:#fff}.story h2{max-width:1050px;margin:0;font-size:clamp(45px,6vw,105px);font-weight:520;letter-spacing:-.06em;line-height:.94}.story-copy{max-width:850px;margin:45px 0 0;color:#9b9ba3;font-size:clamp(17px,1.35vw,22px);line-height:1.7}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:130px}.case{min-height:370px;padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#111113,#070708)}.case em{display:grid;place-items:center;width:43px;height:43px;border:1px solid #3c3c42;border-radius:50%;color:#aaa;font-style:normal}.case h3{margin:80px 0 17px;font-size:30px;letter-spacing:-.035em}.case p{margin:0;color:#8f8f97;line-height:1.65}.feature-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:110px 0;border-top:1px solid var(--line)}.feature-section h2{margin:0;font-size:clamp(47px,6.2vw,108px);font-weight:520;letter-spacing:-.06em;line-height:.92}.feature-list{display:grid}.feature-list div{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0;border-bottom:1px solid var(--line);font-size:clamp(17px,1.4vw,23px)}.feature-list span{color:#5f5f66;font-size:12px}.gallery{display:grid;gap:20px;padding-bottom:120px}.gallery figure{height:min(68vw,900px);margin:0;border-radius:25px;overflow:hidden;background:#101011}.gallery img{display:block;width:100%;height:100%;object-fit:cover}.next-project{display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;padding:90px 0;border-top:1px solid var(--line)}.next-project small{color:#797981}.next-project h2{margin:15px 0 0;font-size:clamp(50px,8vw,140px);font-weight:520;letter-spacing:-.065em;line-height:.86}.next-project .arrow{width:82px;height:82px}
@media(max-width:900px){.site-header{top:10px;right:12px;left:12px;grid-template-columns:1fr auto}.header-logo{grid-column:1/-1;grid-row:1;width:200px;height:58px;justify-self:center}.header-logo img{width:155px;height:48px}.nav-pill{grid-row:1;z-index:2}.header-cta{grid-row:1;z-index:2;font-size:0;padding:7px}.hero{min-height:78vh;padding-top:150px}.hero-top{margin-bottom:30px}.hero h1{font-size:clamp(64px,16.5vw,125px);line-height:.84}.hero-bottom,.detail-intro{grid-template-columns:1fr;gap:30px}.project-count{justify-self:start}.project-grid{grid-template-columns:1fr}.project-cover{height:66vw}.cta{grid-template-columns:1fr;align-items:start}.cta a{width:max-content}.detail-hero{min-height:72vh;padding-top:160px}.detail-actions{justify-content:flex-start}.facts{grid-template-columns:1fr 1fr}.fact:nth-child(2){border-right:0}.fact:nth-child(-n+2){border-bottom:1px solid var(--line)}.story,.feature-section{grid-template-columns:1fr;gap:40px}.case-grid{grid-template-columns:1fr}.case{min-height:auto}.case h3{margin-top:55px}.next-project{grid-template-columns:1fr}.next-project .arrow{width:64px;height:64px}.footer{align-items:flex-start;flex-direction:column;gap:15px}}
@media(max-width:560px){body:before{background-size:50vw 100%}.wrap{width:calc(100% - 28px)}.nav-pill{font-size:0}.nav-pill i{font-size:16px}.hero{min-height:700px;padding-bottom:50px}.hero-top{align-items:flex-start;flex-direction:column}.hero h1{font-size:21vw}.hero-bottom{margin-top:38px}.project-grid{gap:15px;padding-bottom:75px}.project-card{padding:10px;border-radius:18px}.project-cover{height:72vw;border-radius:13px}.project-info{padding:20px 7px 10px}.project-info h2{font-size:30px}.project-info p{font-size:13px}.arrow{width:45px;height:45px}.cta{padding:50px 22px}.detail-hero h1{font-size:20vw}.detail-actions{align-items:stretch;flex-direction:column}.action{justify-content:space-between}.hero-image{width:calc(100% - 20px);height:77vw;margin-bottom:75px;border-radius:18px}.facts{margin-bottom:80px}.fact{padding:20px 12px}.fact strong{font-size:16px}.story{padding-bottom:80px}.case-grid{padding-bottom:80px}.feature-section{padding:75px 0}.gallery{padding-bottom:80px}.gallery figure{height:75vw;border-radius:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.project-card,.project-cover img{transition:none}}

/* public account navigation and favorites */
.site-header>.nav-pill{grid-column:1;grid-row:1;justify-self:start}.site-header>.header-logo{grid-column:2;grid-row:1;justify-self:center}.site-header>.header-actions{grid-column:3;grid-row:1;justify-self:end}.header-actions{display:flex;align-items:center;gap:7px;width:max-content}.header-actions>.header-cta{justify-self:auto}.header-account{display:inline-flex;align-items:center;gap:9px;width:max-content;min-height:46px;padding:7px 8px 7px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(19,19,21,.76);color:#d8d8dd;font-size:12px;backdrop-filter:blur(18px)}.header-account i{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#050505;color:#fff;font-style:normal}.header-account svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.detail-favorite{background:transparent;color:#d7d7dd;cursor:pointer}.detail-favorite.active{border-color:#eeeef1;background:#eeeef1;color:#09090a}.detail-favorite.active i{color:#e54564}.portfolio-fav{transition:background .2s,color .2s,transform .2s}.portfolio-fav:active{transform:scale(.92)}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto 1fr}.header-logo{grid-column:2;grid-row:1}.nav-pill{grid-column:1;grid-row:1;z-index:2}.header-actions{grid-column:3;grid-row:1;z-index:2}.header-account{min-height:46px;padding:7px}.header-account span{display:none}}
@media(max-width:560px){.header-actions{gap:4px}.header-account{min-height:38px;padding:4px}.header-account i{width:28px;height:28px}.header-cta{min-height:38px}.detail-actions .detail-favorite{display:flex}}
@media(max-width:390px){.header-logo{width:170px}.header-logo img{width:138px}}

/* ===== Tema Mağazası (Projelerim / Temalarım) ===== */
.theme-hero{padding:170px 0 40px}
.theme-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--line);border-radius:100px;color:#d1d1d6;font-size:13px;margin-bottom:22px}
.theme-hero h1{margin:0;font-size:clamp(46px,6.4vw,84px);font-weight:600;letter-spacing:-.04em;line-height:1.05;color:#e9e9ec}
.theme-hero h1 b{color:#fff}
.theme-hero-copy{max-width:620px;margin:22px 0 0;color:#a2a2aa;font-size:clamp(16px,1.2vw,19px);line-height:1.6}
.theme-hero-actions{display:flex;gap:12px;margin-top:30px}
.theme-hero-actions .action{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:12px;border:1px solid var(--line);font-weight:650;font-size:14px}
.theme-hero-actions .action.primary{background:#fff;color:#050505;border-color:#fff}
.theme-hero-actions .action i{font-style:normal}
.theme-toolbar{position:sticky;z-index:15;top:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;background:linear-gradient(#050505 78%,transparent)}
.theme-toolbar-right{display:flex;align-items:center;gap:10px}
.theme-search{position:relative;display:flex;align-items:center}
.theme-search input{width:220px;padding:10px 36px 10px 15px;border:1px solid var(--line);border-radius:100px;background:#0a0a0b;color:#f2f2f4;font-size:14px}
.theme-search input:focus{outline:none;border-color:#6c6c72}
.theme-search span{position:absolute;right:13px;color:#77777d;pointer-events:none}
.view-toggle{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#0a0a0b}
.view-btn{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#8c8c94;cursor:pointer;font-size:15px}
.view-btn.active{background:#f1f1f1;color:#050505}
.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:18px 0 40px}
.theme-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:rgba(7,7,8,.82);overflow:hidden;transition:border-color .3s,transform .3s}
.theme-card:hover{border-color:#5c5c62;transform:translateY(-3px)}
.theme-cover{position:relative;height:190px;background:#101014}
.theme-cover img{display:block;width:100%;height:100%;object-fit:cover}
.theme-badge{position:absolute;z-index:2;top:12px;left:12px;padding:6px 11px;border-radius:100px;background:rgba(255,255,255,.94);color:#050505;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.theme-fav{position:absolute;z-index:2;top:10px;right:10px;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(0,0,0,.4);color:#fff;cursor:pointer;font-size:15px;backdrop-filter:blur(8px)}
.theme-fav.active{background:#fff;color:#e0435b;border-color:#fff}
.theme-body{display:flex;flex-direction:column;gap:8px;padding:18px}
.theme-body h2{margin:0;font-size:19px;font-weight:650;letter-spacing:-.01em}
.theme-body p{margin:0;color:#8d8d95;font-size:13px;line-height:1.5;min-height:38px}
.theme-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.theme-chips .chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid #323236;border-radius:100px;color:#9b9ba3;font-size:11px}
.theme-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}
.theme-price{color:#b9b9c0;font-size:13px}
.theme-price b{color:#fff;font-size:15px}
.theme-actions{display:flex;gap:6px}
.btn-demo,.btn-customize{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:9px;font-size:12px;font-weight:650;white-space:nowrap}
.btn-demo{border:1px solid var(--line);color:#d3d3d8}
.btn-demo.disabled{color:#666;cursor:default}
.btn-customize{background:#fff;color:#050505}
.btn-customize i{font-style:normal}
.theme-empty-search{padding:60px 0;color:#888;text-align:center}
/* list view */
.theme-grid.is-list{grid-template-columns:1fr}
.theme-grid.is-list .theme-card{flex-direction:row}
.theme-grid.is-list .theme-cover{width:260px;height:auto;flex:0 0 260px}
.theme-grid.is-list .theme-body{flex:1;justify-content:center}
.theme-grid.is-list .theme-body p{min-height:0}
/* feature strip */
.feature-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:20px 0 60px}
.feature-item{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#09090a}
.feature-item i{font-style:normal;font-size:20px}
.feature-item strong{display:block;font-size:13px;font-weight:650}
.feature-item span{display:block;margin-top:2px;color:#82828a;font-size:12px}
/* how it works */
.how-it-works{padding:20px 0 70px}
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.how-step{padding:26px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#111113,#070708)}
.how-step em{display:block;margin-bottom:16px;color:#6e6e76;font-style:normal;font-size:13px}
.how-step h3{margin:0 0 8px;font-size:18px;letter-spacing:-.01em}
.how-step p{margin:0;color:#8f8f97;font-size:13px;line-height:1.6}
.cta-note{display:block;margin-top:10px;color:#6e6e76;font-size:12px}
@media(max-width:1100px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-strip{grid-template-columns:repeat(3,1fr)}.how-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.theme-hero{padding-top:140px}.theme-toolbar{flex-direction:column;align-items:stretch}.theme-toolbar-right{justify-content:space-between}.theme-search input{width:100%}.theme-grid{grid-template-columns:1fr}.theme-grid.is-list .theme-card{flex-direction:column}.theme-grid.is-list .theme-cover{width:100%;flex:none;height:180px}.feature-strip{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr}}

/* =====================================================================
   Projects marketplace refresh — scoped to projeler.php only.
   Other project-detail/public pages intentionally keep their old layout.
   ===================================================================== */
.projects-index{
  --shop-surface:#09090b;
  --shop-surface-2:#0d0d10;
  --shop-line:rgba(255,255,255,.105);
  --shop-soft:rgba(255,255,255,.055);
  --shop-violet:#8f7cff;
  background:
    radial-gradient(circle at 62% 0,rgba(76,82,173,.18),transparent 29%),
    radial-gradient(circle at 9% 35%,rgba(38,93,135,.1),transparent 25%),
    #050505;
}
.projects-index:before{opacity:.46}
.projects-index .site-header{align-items:start}
.projects-index .theme-hero{padding:158px 0 76px}
.projects-index .theme-hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr);gap:74px;align-items:center}
.projects-index .theme-hero-main{max-width:900px}
.projects-index .theme-eyebrow{margin-bottom:26px;padding:8px 13px;border-color:var(--shop-line);background:rgba(255,255,255,.025);color:#bdbdc6;font-size:12px;font-weight:650;letter-spacing:.02em;backdrop-filter:blur(12px)}
.projects-index .theme-eyebrow i{width:6px;height:6px;border-radius:50%;background:#9a87ff;box-shadow:0 0 18px rgba(154,135,255,.85)}
.projects-index .theme-hero h1{max-width:980px;font-size:clamp(54px,6vw,92px);font-weight:560;letter-spacing:-.055em;line-height:.99;color:#eeeef1}
.projects-index .theme-hero h1 b{font-weight:680;background:linear-gradient(110deg,#fff 16%,#a9a0ff 76%);-webkit-background-clip:text;background-clip:text;color:transparent}
.projects-index .theme-hero-copy{max-width:730px;margin-top:26px;color:#9696a0;font-size:clamp(16px,1.15vw,19px);line-height:1.68}
.projects-index .theme-hero-actions{margin-top:34px;gap:10px}
.projects-index .theme-hero-actions .action{min-height:48px;padding:0 18px;border-color:var(--shop-line);border-radius:11px;background:rgba(255,255,255,.025);color:#d7d7dc;transition:background .22s,border-color .22s,transform .22s}
.projects-index .theme-hero-actions .action:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.055)}
.projects-index .theme-hero-actions .action.primary{background:#f5f5f7;color:#08080a;border-color:#f5f5f7}
.projects-index .theme-hero-panel{position:relative;padding:14px;border:1px solid var(--shop-line);border-radius:24px;background:linear-gradient(145deg,rgba(18,18,23,.95),rgba(7,7,9,.96));box-shadow:0 34px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.045);overflow:hidden}
.projects-index .theme-hero-panel:before{position:absolute;content:"";width:230px;height:230px;right:-65px;top:-90px;border-radius:50%;background:rgba(112,89,255,.15);filter:blur(50px);pointer-events:none}
.projects-index .theme-panel-top{position:relative;display:flex;align-items:center;justify-content:space-between;padding:5px 6px 13px;color:#6f6f7a;font-size:10px;font-weight:750;letter-spacing:.16em}
.projects-index .theme-panel-top b{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--shop-line);border-radius:9px;color:#acacb5;font-size:10px}
.projects-index .theme-panel-preview{position:relative;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:#070709;overflow:hidden}
.projects-index .theme-panel-browser{display:flex;align-items:center;gap:6px;height:38px;padding:0 13px;border-bottom:1px solid rgba(255,255,255,.08);background:#111114}
.projects-index .theme-panel-browser i{width:6px;height:6px;border-radius:50%;background:#3f3f47}
.projects-index .theme-panel-browser span{margin-left:7px;color:#666670;font-size:9px;letter-spacing:.02em}
.projects-index .theme-panel-canvas{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:236px;padding:28px;background:radial-gradient(circle at 76% 17%,rgba(89,116,210,.25),transparent 30%),linear-gradient(145deg,#0a0b10,#060607)}
.projects-index .theme-panel-canvas:before,.projects-index .theme-panel-canvas:after{position:absolute;content:"";border:1px solid rgba(255,255,255,.07);border-radius:15px}
.projects-index .theme-panel-canvas:before{width:47%;height:44%;right:25px;top:27px;background:linear-gradient(140deg,rgba(89,130,176,.34),rgba(28,29,40,.2))}
.projects-index .theme-panel-canvas:after{width:34%;height:8px;left:28px;top:31px;border-radius:100px;background:rgba(255,255,255,.06);box-shadow:0 18px 0 rgba(255,255,255,.035),0 36px 0 rgba(255,255,255,.025)}
.projects-index .theme-panel-canvas>span{position:absolute;left:28px;bottom:76px;width:38px;height:4px;border-radius:100px;background:#8e7cff;box-shadow:0 0 16px rgba(142,124,255,.55)}
.projects-index .theme-panel-canvas strong{position:relative;z-index:1;font-size:24px;letter-spacing:-.035em}
.projects-index .theme-panel-canvas small{position:relative;z-index:1;margin-top:7px;color:#777781;font-size:11px}
.projects-index .theme-panel-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:10px}
.projects-index .theme-panel-meta span{padding:11px 9px;border:1px solid rgba(255,255,255,.075);border-radius:11px;color:#6f6f78;font-size:9px;text-align:center}
.projects-index .theme-panel-meta b{display:block;margin-bottom:4px;color:#d7d7dd;font-size:11px}
.projects-index .theme-catalog{padding-bottom:12px}
.projects-index .theme-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:42px;padding:0 0 28px;border-bottom:1px solid var(--shop-line)}
.projects-index .theme-catalog-head>div>span{display:block;margin-bottom:10px;color:#686873;font-size:10px;font-weight:800;letter-spacing:.19em}
.projects-index .theme-catalog-head h2{max-width:850px;margin:0;color:#ededf0;font-size:clamp(27px,2.7vw,42px);font-weight:560;letter-spacing:-.04em;line-height:1.12}
.projects-index .theme-catalog-head p{max-width:270px;margin:0;color:#696973;font-size:12px;line-height:1.55;text-align:right}
.projects-index .theme-catalog-head p b{color:#dddde2;font-size:18px}
.projects-index .theme-toolbar{top:76px;margin:0 -12px;padding:18px 12px;background:linear-gradient(180deg,rgba(5,5,5,.97) 0%,rgba(5,5,5,.9) 78%,rgba(5,5,5,0) 100%);backdrop-filter:blur(12px)}
.projects-index .filters{display:flex;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:none}
.projects-index .filters::-webkit-scrollbar{display:none}
.projects-index .filter{flex:0 0 auto;min-height:38px;padding:0 14px;border:1px solid var(--shop-line);border-radius:100px;background:rgba(255,255,255,.02);color:#7f7f89;font-size:11px;font-weight:650;cursor:pointer;transition:.2s}
.projects-index .filter:hover{color:#d4d4da;border-color:rgba(255,255,255,.18)}
.projects-index .filter.active{background:#ededf0;color:#070708;border-color:#ededf0}
.projects-index .theme-search input{width:260px;height:40px;padding-left:16px;border-color:var(--shop-line);background:#0a0a0c;color:#eeeeef;font-size:12px}
.projects-index .theme-search input::placeholder{color:#5d5d66}
.projects-index .view-toggle{height:40px;padding:3px;border-color:var(--shop-line);background:#0a0a0c}
.projects-index .view-btn{width:33px;height:32px;font-size:13px}
.projects-index .view-btn.active{background:#ededf0}
.projects-index .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:10px 0 56px}
.projects-index .theme-card{border-color:var(--shop-line);border-radius:22px;background:linear-gradient(180deg,rgba(15,15,18,.92),rgba(8,8,10,.97));box-shadow:0 18px 55px rgba(0,0,0,.2);transition:transform .28s cubic-bezier(.2,.7,.2,1),border-color .28s,box-shadow .28s}
.projects-index .theme-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.2);box-shadow:0 28px 70px rgba(0,0,0,.32)}
.projects-index .theme-cover{height:auto;aspect-ratio:16/9;margin:8px 8px 0;border-radius:16px;overflow:hidden;background:#0f1013}
.projects-index .theme-cover-link{position:absolute;inset:0;display:block}
.projects-index .theme-cover img{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s}
.projects-index .theme-card:hover .theme-cover img{transform:scale(1.025);filter:saturate(1.04) contrast(1.02)}
.projects-index .theme-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.62));opacity:.5;transition:opacity .3s}
.projects-index .theme-card:hover .theme-cover-shade{opacity:1}
.projects-index .theme-cover-open{position:absolute;left:18px;bottom:17px;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.17);border-radius:9px;background:rgba(8,8,10,.66);color:#f2f2f3;font-size:11px;font-weight:700;opacity:0;transform:translateY(7px);backdrop-filter:blur(12px);transition:.25s}
.projects-index .theme-cover-open i{font-style:normal}
.projects-index .theme-card:hover .theme-cover-open{opacity:1;transform:none}
.projects-index .theme-badge{top:18px;left:18px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);background:rgba(6,6,8,.68);color:#f2f2f4;font-size:9px;letter-spacing:.1em;backdrop-filter:blur(12px)}
.projects-index .theme-fav{top:18px;right:18px;width:34px;height:34px;border-color:rgba(255,255,255,.16);background:rgba(6,6,8,.58);font-size:16px}
.projects-index .theme-body{gap:10px;padding:20px 23px 22px}
.projects-index .theme-card-kicker{display:flex;align-items:center;justify-content:space-between;color:#62626c;font-size:9px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.projects-index .theme-card-kicker i{font-style:normal;color:#55555e}
.projects-index .theme-body h2{font-size:24px;font-weight:590;letter-spacing:-.03em}
.projects-index .theme-body p{max-width:650px;min-height:43px;color:#878790;font-size:13px;line-height:1.65}
.projects-index .theme-chips{gap:7px;margin-top:1px}
.projects-index .theme-chips .chip{padding:6px 9px;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.018);color:#73737d;font-size:10px}
.projects-index .theme-footer{margin-top:5px;padding-top:16px;border-color:rgba(255,255,255,.08)}
.projects-index .theme-price{color:#777781;font-size:11px}
.projects-index .theme-price b{margin-right:2px;color:#e9e9ec;font-size:15px;font-weight:650}
.projects-index .btn-demo,.projects-index .btn-customize{min-height:36px;padding:0 12px;border-radius:9px;font-size:10px;letter-spacing:.01em}
.projects-index .btn-demo{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.02);color:#9d9da5}
.projects-index .btn-customize{background:#ededf0;color:#080809}
.projects-index .theme-grid.is-list{grid-template-columns:1fr;gap:12px}
.projects-index .theme-grid.is-list .theme-card{display:grid;grid-template-columns:350px minmax(0,1fr)}
.projects-index .theme-grid.is-list .theme-cover{width:auto;height:210px;aspect-ratio:auto;flex:none;margin:8px}
.projects-index .theme-grid.is-list .theme-body{justify-content:center}
.projects-index .feature-strip{gap:10px;padding:6px 0 74px}
.projects-index .feature-item{min-height:76px;padding:14px 15px;border-color:var(--shop-line);border-radius:14px;background:rgba(255,255,255,.018)}
.projects-index .feature-item i{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#0b0b0d;font-size:14px}
.projects-index .feature-item strong{font-size:11px;color:#d1d1d6}
.projects-index .feature-item span{color:#62626b;font-size:10px}
.projects-index .how-it-works{padding:14px 0 86px}
.projects-index .how-it-works .section-label{padding-bottom:15px;border-bottom:1px solid var(--shop-line)}
.projects-index .how-grid{gap:10px;margin-top:16px}
.projects-index .how-step{min-height:210px;padding:23px;border-color:var(--shop-line);border-radius:17px;background:linear-gradient(145deg,rgba(16,16,19,.8),rgba(7,7,8,.85));transition:transform .25s,border-color .25s}
.projects-index .how-step:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.18)}
.projects-index .how-step em{margin-bottom:38px;color:#5c5c66;font-size:10px;font-weight:800;letter-spacing:.15em}
.projects-index .how-step h3{font-size:18px;font-weight:580;letter-spacing:-.025em}
.projects-index .how-step p{color:#777781;font-size:12px;line-height:1.65}
.projects-index .cta{margin-bottom:70px;border-color:rgba(255,255,255,.11);background:radial-gradient(circle at 80% 10%,rgba(108,92,231,.16),transparent 29%),linear-gradient(145deg,#111115,#080809)}
.projects-index .cta h2{max-width:1050px}
.projects-index .footer{border-top-color:rgba(255,255,255,.08)}
@media(max-width:1280px){
  .projects-index .theme-hero-grid{grid-template-columns:minmax(0,1fr) 390px;gap:44px}
  .projects-index .theme-panel-canvas{min-height:210px}
  .projects-index .theme-grid{gap:16px}
}
@media(max-width:980px){
  .projects-index .theme-hero{padding-top:142px}
  .projects-index .theme-hero-grid{grid-template-columns:1fr;gap:34px}
  .projects-index .theme-hero-panel{max-width:650px}
  .projects-index .theme-catalog-head{align-items:flex-start;flex-direction:column;gap:14px}
  .projects-index .theme-catalog-head p{text-align:left}
  .projects-index .theme-toolbar{top:68px}
  .projects-index .theme-grid{grid-template-columns:1fr}
  .projects-index .theme-grid.is-list .theme-card{grid-template-columns:280px minmax(0,1fr)}
}
@media(max-width:640px){
  .projects-index .theme-hero{padding:126px 0 54px}
  .projects-index .theme-hero h1{font-size:clamp(43px,13vw,62px)}
  .projects-index .theme-hero-copy{font-size:15px}
  .projects-index .theme-hero-actions{flex-direction:column;align-items:stretch}
  .projects-index .theme-hero-actions .action{justify-content:space-between}
  .projects-index .theme-hero-panel{padding:10px;border-radius:18px}
  .projects-index .theme-panel-canvas{min-height:190px;padding:22px}
  .projects-index .theme-panel-canvas strong{font-size:21px}
  .projects-index .theme-panel-meta{grid-template-columns:1fr 1fr 1fr}
  .projects-index .theme-panel-meta span{padding:9px 4px;font-size:8px}
  .projects-index .theme-catalog-head{padding-bottom:22px}
  .projects-index .theme-catalog-head h2{font-size:29px}
  .projects-index .theme-toolbar{top:70px;margin:0 -4px;padding:12px 4px;backdrop-filter:blur(16px)}
  .projects-index .theme-toolbar-right{width:100%}
  .projects-index .theme-search{flex:1}
  .projects-index .theme-search input{width:100%}
  .projects-index .theme-grid{padding-top:6px}
  .projects-index .theme-card{border-radius:18px}
  .projects-index .theme-cover{margin:6px 6px 0;border-radius:13px}
  .projects-index .theme-cover-open{display:none}
  .projects-index .theme-body{padding:18px}
  .projects-index .theme-body h2{font-size:21px}
  .projects-index .theme-footer{align-items:flex-start;flex-direction:column}
  .projects-index .theme-actions{width:100%}
  .projects-index .btn-demo,.projects-index .btn-customize{justify-content:center;flex:1}
  .projects-index .theme-grid.is-list .theme-card{display:flex;flex-direction:column}
  .projects-index .theme-grid.is-list .theme-cover{width:auto;height:auto;aspect-ratio:16/9}
  .projects-index .feature-strip{grid-template-columns:1fr;padding-bottom:58px}
  .projects-index .how-grid{grid-template-columns:1fr}
  .projects-index .how-step{min-height:170px}
  .projects-index .how-step em{margin-bottom:26px}
}


/* CorePanel Studio — site içi canlı demo penceresi */
body.cp-demo-open{overflow:hidden}
.js-demo-window{font:inherit}
.cp-demo-window[hidden]{display:none!important}
.cp-demo-window{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px}
.cp-demo-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.cp-demo-shell{position:relative;z-index:1;display:grid;grid-template-rows:58px minmax(0,1fr);width:min(1540px,calc(100vw - 40px));height:min(930px,calc(100vh - 40px));overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#08080a;box-shadow:0 40px 120px rgba(0,0,0,.68)}
.cp-demo-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:0 14px 0 18px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(13,13,16,.98)}
.cp-demo-title{display:flex;align-items:center;gap:14px;min-width:0}.cp-demo-title>div{display:grid;gap:2px;min-width:0}.cp-demo-title small{color:#676772;font-size:8px;font-weight:800;letter-spacing:.18em}.cp-demo-title strong{overflow:hidden;color:#ececf0;font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.cp-demo-dots{display:flex;gap:5px}.cp-demo-dots i{width:7px;height:7px;border-radius:50%;background:#33333a}.cp-demo-dots i:first-child{background:#e96b6b}.cp-demo-dots i:nth-child(2){background:#d9ad58}.cp-demo-dots i:last-child{background:#64b985}
.cp-demo-devices{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#09090b}.cp-demo-devices button,.cp-demo-close{display:grid;place-items:center;border:0;background:transparent;color:#74747f;cursor:pointer}.cp-demo-devices button{width:34px;height:30px;border-radius:7px}.cp-demo-devices button:hover,.cp-demo-devices button.active{background:#1a1a1f;color:#f4f4f6}.cp-demo-devices svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cp-demo-close{justify-self:end;width:34px;height:34px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#111114;color:#c9c9cf;font-size:21px;line-height:1}.cp-demo-close:hover{border-color:rgba(255,255,255,.18);background:#1a1a1f;color:#fff}
.cp-demo-stage{display:grid;place-items:center;min-height:0;overflow:auto;padding:14px;background:radial-gradient(circle at 50% 0,rgba(111,93,255,.08),transparent 26%),#030304}
.cp-demo-viewport{width:100%;height:100%;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.38);transition:width .28s ease,height .28s ease,border-radius .28s ease}
.cp-demo-viewport[data-demo-viewport="tablet"]{width:min(820px,100%)}.cp-demo-viewport[data-demo-viewport="mobile"]{width:min(430px,100%)}
.cp-demo-viewport iframe{display:block;width:100%;height:100%;min-height:100%;border:0;background:#fff}
@media(max-width:700px){.cp-demo-window{padding:0}.cp-demo-shell{width:100vw;height:100vh;border:0;border-radius:0}.cp-demo-bar{grid-template-columns:minmax(0,1fr) auto;padding-left:12px}.cp-demo-devices{display:none}.cp-demo-title{gap:8px}.cp-demo-dots{display:none}.cp-demo-stage{padding:0}.cp-demo-viewport,.cp-demo-viewport[data-demo-viewport="tablet"],.cp-demo-viewport[data-demo-viewport="mobile"]{width:100%;border:0;border-radius:0}}

.detail-actions button.action{font:inherit;cursor:pointer}