*{margin:0;padding:0;box-sizing:border-box}
html{
    scroll-behavior:smooth;
    scrollbar-gutter:stable;
}
@supports not (scrollbar-gutter: stable){
    html{overflow-y:scroll}
}
body{
    --bg:#f7f8fb;
    --text:#111;
    --card:#ffffff;
    --muted:#666;
    --footer:#111827;
    --soft:#f4f6fb;
    --primary:#2563eb;
    --primary-hover:#174cc7;
    font-family:Arial, Helvetica, sans-serif;
    background:var(--bg);
    color:var(--text);
    padding-bottom:0;
    transition:background .3s ease,color .3s ease;
}
html.dark body,
body.dark{
    --bg:#0b1120;
    --text:#f8fafc;
    --card:#111827;
    --muted:#cbd5e1;
    --footer:#020617;
    --soft:rgba(255,255,255,.06);
    --primary:#3b82f6;
    --primary-hover:#2563eb;
}
@property --pc-border-angle{
    syntax:"<angle>";
    inherits:false;
    initial-value:0deg;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}

/* HEADER */
.header{
    position:sticky;
    top:16px;
    z-index:999;
    margin:16px auto 30px;
    background:rgba(255,255,255,.55);
    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);
    border:1px solid rgba(255,255,255,.65);
    border-radius:999px;
    padding:12px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    box-shadow:0 20px 50px rgba(0,0,0,.06);
}
html.dark body .header,
body.dark .header{
    background:rgba(17,24,39,.65);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.logo{font-size:28px;font-weight:900;letter-spacing:-1px}
.logo span{color:var(--primary)}
.nav{
    display:flex;
    gap:8px;
    background:rgba(255,255,255,.35);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    padding:7px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.45);
}
html.dark body .nav,
body.dark .nav{
    background:rgba(255,255,255,.05);
    border-color:rgba(255,255,255,.06);
}
.nav a{
    padding:10px 15px;
    font-size:14px;
    border-radius:999px;
    transition:background .3s ease, color .3s ease, box-shadow .3s ease;
    color:rgba(17,17,17,.75);
    font-weight:600;
    white-space:nowrap;
}
html.dark body .nav a,
body.dark .nav a{color:rgba(248,250,252,.85)}
.nav a:hover,.nav a.active{
    background:rgba(17,17,17,.12);
    color:#111;
    box-shadow:inset 0 0 0 1px rgba(17,17,17,.08);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}
html.dark body .nav a:hover,html.dark body .nav a.active,
body.dark .nav a:hover,body.dark .nav a.active{
    background:rgba(255,255,255,.12);
    color:#fff;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
/* Tema: Uiverse day/night toggle (rishichawda) — .header içinde kapsüllü */
.header .theme-toggle-button{
    font-size:12.5px;
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:5.35em;
    max-width:5.35em;
    cursor:pointer;
    flex-shrink:0;
    line-height:0;
    border-radius:999px;
    -webkit-tap-highlight-color:transparent;
    user-select:none;
    -webkit-user-select:none;
    outline:none;
}
.header .theme-toggle-button:focus,
.header .theme-toggle-button:focus-within,
.header .theme-toggle-button:active{
    outline:none;
    box-shadow:none;
}
.header .theme-toggle-button .theme-toggle-svg{
    width:100%;
    height:auto;
    display:block;
    outline:none;
    pointer-events:none;
}
.header .theme-toggle-button #ht-theme-toggle{
    opacity:0;
    width:0;
    height:0;
    position:absolute;
    margin:0;
    border:0;
    outline:none;
    box-shadow:none;
    -webkit-appearance:none;
    appearance:none;
}
.header .theme-toggle-button #ht-theme-toggle:focus,
.header .theme-toggle-button #ht-theme-toggle:focus-visible{
    outline:none;
    box-shadow:none;
}
.header .theme-toggle-button .theme-toggle-track,
.header .theme-toggle-button #patches,
.header .theme-toggle-button #stars,
.header .theme-toggle-button #button,
.header .theme-toggle-button #sun,
.header .theme-toggle-button #moon,
.header .theme-toggle-button #cloud{
    transition-property:all;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration:0.25s;
}
.header .theme-toggle-button #ht-theme-toggle:checked + .theme-toggle-svg .theme-toggle-track{
    fill:#2b4360;
}
/* viewBox biriminde kaydır: em, SVG <g> üzerinde yanlış tabana çözülüp sağda boşluk bırakıyordu */
.header .theme-toggle-button #ht-theme-toggle:checked + .theme-toggle-svg #button{
    transform:translate(30px, 2.333px);
}
.header .theme-toggle-button #sun{opacity:1}
.header .theme-toggle-button #ht-theme-toggle:checked + .theme-toggle-svg #sun{opacity:0}
.header .theme-toggle-button #moon{opacity:0}
.header .theme-toggle-button #ht-theme-toggle:checked + .theme-toggle-svg #moon{opacity:1}
.header .theme-toggle-button #cloud{opacity:1}
.header .theme-toggle-button #ht-theme-toggle:checked + .theme-toggle-svg #cloud{opacity:0}
.header .theme-toggle-button #stars{opacity:0}
.header .theme-toggle-button #ht-theme-toggle:checked + .theme-toggle-svg #stars{opacity:1}

/* MOBILE NAV */
.mobile-bottom-nav{display:none}

/* COMMON */
.page-hero{
    min-height:380px;
    border-radius:38px;
    overflow:hidden;
    position:relative;
    background:
    linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.22)),
    var(--hero-image);
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
    padding:70px;
    color:#fff;
    margin-bottom:70px;
}
.page-hero-content{max-width:700px}
.page-hero small{
    display:inline-block;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.25);
    padding:10px 16px;
    border-radius:999px;
    margin-bottom:20px;
}
.page-hero h1{
    font-size:58px;
    line-height:1;
    letter-spacing:-3px;
    margin-bottom:18px;
}
.page-hero p{
    font-size:18px;
    line-height:1.6;
    color:#eee;
}
.hero{
    min-height:560px;
    --hero-image:url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1600&q=80");
}
.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px 24px;
    border-radius:999px;
    font-weight:700;
    transition:border-color .28s ease,background .28s ease,box-shadow .28s ease,transform .28s ease,color .28s ease;
    border:1px solid rgba(15,23,42,.14);
    background:rgba(255,255,255,.52);
    color:var(--text);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:0 6px 28px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.65);
}
.btn:hover{
    border-color:rgba(15,23,42,.22);
    background:rgba(255,255,255,.72);
    transform:translateY(-2px);
    box-shadow:0 12px 40px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.85);
}
.btn-primary,
.btn-light{
    border:1px solid rgba(15,23,42,.14);
    background:rgba(255,255,255,.48);
    color:var(--text);
}
.btn-light{
    background:rgba(255,255,255,.38);
}
html.dark body .btn,
html.dark body .btn-primary,
html.dark body .btn-light,
body.dark .btn,
body.dark .btn-primary,
body.dark .btn-light{
    border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.08);
    color:#f1f5f9;
    box-shadow:0 6px 32px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.1);
}
html.dark body .btn:hover,
html.dark body .btn-primary:hover,
html.dark body .btn-light:hover,
body.dark .btn:hover,
body.dark .btn-primary:hover,
body.dark .btn-light:hover{
    border-color:rgba(255,255,255,.22);
    background:rgba(255,255,255,.14);
    color:#fff;
}
.hero-home .btn,
.hero-home .btn-primary,
.hero-home .btn-light,
.fullpage-hero .btn,
.fullpage-hero .btn-primary,
.fullpage-hero .btn-light,
.page-hero .btn,
.page-hero .btn-primary,
.page-hero .btn-light{
    border:1px solid rgba(255,255,255,.28);
    background:rgba(255,255,255,.14);
    color:#fff;
    box-shadow:0 8px 36px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.14);
}
.hero-home .btn:hover,
.hero-home .btn-primary:hover,
.hero-home .btn-light:hover,
.fullpage-hero .btn:hover,
.fullpage-hero .btn-primary:hover,
.fullpage-hero .btn-light:hover,
.page-hero .btn:hover,
.page-hero .btn-primary:hover,
.page-hero .btn-light:hover{
    border-color:rgba(255,255,255,.42);
    background:rgba(255,255,255,.24);
    color:#fff;
}
html.dark body .hero-home .btn,
html.dark body .hero-home .btn-primary,
html.dark body .hero-home .btn-light,
html.dark body .fullpage-hero .btn,
html.dark body .fullpage-hero .btn-primary,
html.dark body .fullpage-hero .btn-light,
html.dark body .page-hero .btn,
html.dark body .page-hero .btn-primary,
html.dark body .page-hero .btn-light,
body.dark .hero-home .btn,
body.dark .hero-home .btn-primary,
body.dark .hero-home .btn-light,
body.dark .fullpage-hero .btn,
body.dark .fullpage-hero .btn-primary,
body.dark .fullpage-hero .btn-light,
body.dark .page-hero .btn,
body.dark .page-hero .btn-primary,
body.dark .page-hero .btn-light{
    border:1px solid rgba(255,255,255,.26);
    background:rgba(255,255,255,.1);
    color:#fff;
}
.cta .btn,
.cta .btn-primary,
.cta .btn-light{
    border:1px solid rgba(255,255,255,.28);
    background:rgba(255,255,255,.14);
    color:#fff;
    box-shadow:0 8px 32px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.12);
}
.cta .btn:hover,
.cta .btn-primary:hover,
.cta .btn-light:hover{
    border-color:rgba(255,255,255,.42);
    background:rgba(255,255,255,.22);
    color:#fff;
}
.section-title{text-align:center;margin-bottom:34px}
.section-title h2{font-size:36px;letter-spacing:-1px}
.section-title p{margin-top:10px;color:var(--muted);line-height:1.6}
.slogan{text-align:center;padding:70px 0}
.slogan h2{font-size:64px;line-height:1.05;letter-spacing:-3px}
.slogan p{margin-top:18px;font-size:19px;color:var(--muted)}
.grid-2{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:34px;
    align-items:stretch;
}
.grid-2 > *{min-height:0}
.grid-2 > .card,
.grid-2 > .about-content{
    display:flex;
    flex-direction:column;
    height:100%;
    box-sizing:border-box;
}
.grid-2 > .card:has(.btn) > :last-child,
.grid-2 > .about-content:has(.btn) > :last-child{margin-top:auto}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.grid-3 > .card{
    display:flex;
    flex-direction:column;
    height:100%;
    min-height:0;
    box-sizing:border-box;
}
.grid-3 > .card > :last-child{margin-top:auto}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.card{
    background:var(--card);
    border-radius:30px;
    padding:24px;
    box-shadow:0 20px 50px rgba(0,0,0,.07);
    transition:.3s;
}
.card:hover{transform:translateY(-6px)}
.card p{color:var(--muted);line-height:1.6}
.card-img{
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:24px;
    margin-bottom:18px;
}
.card h3{font-size:23px;margin-bottom:10px}
.page-section{margin-bottom:90px}
.center{text-align:center;margin-top:30px}

/* HOME */
.hero-home{
    min-height:560px;
    border-radius:38px;
    overflow:hidden;
    position:relative;
    background:
    linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.2)),
    url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1600&q=80");
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
    padding:70px;
    color:#fff;
}
.hero-content{max-width:620px}
.hero-content small{
    display:inline-block;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.25);
    padding:10px 16px;
    border-radius:999px;
    margin-bottom:20px;
}
.hero-content h1{font-size:62px;line-height:1;letter-spacing:-3px;margin-bottom:22px}
.hero-content p{font-size:19px;line-height:1.6;color:#eee;margin-bottom:32px}
.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}
.slider-dots{
    position:absolute;
    bottom:26px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:8px;
}
.slider-dots span{width:10px;height:10px;border-radius:50%;background:#fff;opacity:.55}
.slider-dots span.active{opacity:1;width:28px;border-radius:20px}
.about-img{
    min-height:460px;
    border-radius:34px;
    background:url("../img/page-hero-projeler.jpg");
    background-size:cover;
    background-position:center;
    box-shadow:0 24px 60px rgba(0,0,0,.12);
}
.about-content{
    background:var(--card);
    border-radius:34px;
    padding:42px;
    box-shadow:0 20px 50px rgba(0,0,0,.07);
}
.about-content h3{font-size:36px;margin-bottom:16px;letter-spacing:-1px}
.about-content p{color:var(--muted);line-height:1.7;margin-bottom:22px}
.about-content .btn.btn-glass,
.home-projects-cta .btn.btn-glass{
    position:relative;
    overflow:hidden;
    border:1px solid var(--pj-glass-border);
    background:var(--pj-glass-bg);
    color:var(--text);
    backdrop-filter:blur(var(--pj-blur));
    -webkit-backdrop-filter:blur(var(--pj-blur));
    box-shadow:
        0 8px 32px var(--pj-glass-shadow),
        inset 0 1px 0 var(--pj-glass-inner);
}
.about-content .btn.btn-glass::after,
.home-projects-cta .btn.btn-glass::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--pj-glass-highlight),transparent);
    z-index:1;
    pointer-events:none;
}
.about-content .btn.btn-glass:hover,
.home-projects-cta .btn.btn-glass:hover{
    border-color:var(--pj-glass-border);
    background:var(--pj-glass-bg);
    color:var(--text);
    box-shadow:
        0 14px 40px var(--pj-glass-shadow-strong),
        inset 0 1px 0 var(--pj-glass-inner);
    transform:translateY(-2px);
}
.about-content .btn.btn-glass:focus-visible,
.home-projects-cta .btn.btn-glass:focus-visible{
    outline:2px solid var(--primary);
    outline-offset:4px;
}
html.dark body .about-content .btn.btn-glass,
body.dark .about-content .btn.btn-glass,
html.dark body .home-projects-cta .btn.btn-glass,
body.dark .home-projects-cta .btn.btn-glass{
    color:var(--text);
    border-color:var(--pj-glass-border);
    background:var(--pj-glass-bg);
    box-shadow:
        0 8px 32px var(--pj-glass-shadow),
        inset 0 1px 0 var(--pj-glass-inner);
}
html.dark body .about-content .btn.btn-glass:hover,
body.dark .about-content .btn.btn-glass:hover,
html.dark body .home-projects-cta .btn.btn-glass:hover,
body.dark .home-projects-cta .btn.btn-glass:hover{
    color:var(--text);
    background:var(--pj-glass-bg);
    box-shadow:
        0 14px 40px var(--pj-glass-shadow-strong),
        inset 0 1px 0 var(--pj-glass-inner);
}
/* Hakkımızda — vizyon/misyon, neler yapıyoruz, Antalya blokları */
.about-mm-card{text-align:center}
.about-mm-card h3{
    font-size:23px;
    margin:28px 0 18px;
    letter-spacing:-0.02em;
}
.about-mm-card h3:first-child{margin-top:0}
.about-mm-card p{
    max-width:52ch;
    margin:0 auto 16px;
    text-align:center;
    line-height:1.75;
    color:var(--muted);
}
.about-mm-card p:last-child{margin-bottom:0}
.about-do-card{padding:32px 26px 28px}
.about-do-card > h2{
    text-align:center;
    font-size:34px;
    font-weight:800;
    letter-spacing:-1px;
    margin:0 0 22px;
    color:var(--text);
}
.about-do-card__lead{
    max-width:62ch;
    margin:0 auto 16px;
    text-align:center;
    line-height:1.75;
    color:var(--muted);
}
.about-do-card .grid-3{margin-top:8px}
.about-do-card .grid-3 > .card{
    text-align:center;
    align-items:center;
}
.about-do-card .grid-3 > .card h3{margin-bottom:14px}
.about-do-card .grid-3 > .card p{text-align:center}
.about-region-card{
    text-align:center;
    width:100%;
    max-width:none;
    padding-top:38px;
    padding-bottom:38px;
}
.about-region-card h2{
    font-size:34px;
    font-weight:800;
    letter-spacing:-1px;
    margin:0 auto 24px;
    color:var(--text);
}
.about-region-card p{
    max-width:72ch;
    margin:0 auto 18px;
    text-align:center;
    line-height:1.85;
    color:var(--muted);
}
.about-region-card p:last-child{margin-bottom:0}
.checks{display:grid;gap:12px;margin-bottom:28px}
.checks div{font-weight:700}
.checks span{background:#22c55e;color:#fff;border-radius:50%;padding:3px 6px;margin-right:8px}
.cta{
    margin-bottom:70px;
    border-radius:36px;
    background:linear-gradient(135deg,#1e293b,#334155);
    color:#fff;
    padding:70px;
    display:flex;
    justify-content:space-between;
    gap:30px;
    align-items:center;
}
.cta h2{font-size:42px;letter-spacing:-1px}
.cta p{margin-top:12px;color:rgba(248,250,252,.82)}
.why{
    margin-bottom:70px;
    background:var(--card);
    border-radius:34px;
    padding:36px;
    box-shadow:0 20px 50px rgba(0,0,0,.06);
}
.why-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:16px;
    margin-top:24px;
    align-items:start;
}
.why-grid--6{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

@media (min-width:1025px){
    .why .why-grid--6{
        grid-template-columns:repeat(3,minmax(0,220px));
        justify-content:center;
        column-gap:22px;
        row-gap:18px;
    }
}

.why-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:var(--soft);
    border-radius:20px;
    padding:16px 12px;
    text-align:center;
    font-size:15px;
    font-weight:600;
    line-height:1.3;
    color:var(--text);
}
.why-item strong{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    line-height:1;
    margin:0;
    font-weight:400;
}

.home-preview-grid .card{display:flex;flex-direction:column}
.home-preview-grid .card .btn{margin-top:auto}
.home-preview .section-cta{margin-top:28px;text-align:center}
.home-preview--blog{margin-bottom:40px}

.projects-showcase{align-items:stretch}

/* Blog / hizmet / proje kartları — aynı hover neon çerçeve */
.card--neon{
    --neon-frame-r:30px;
    position:relative;
    overflow:visible;
    isolation:isolate;
}
.glass-card.project-card.card--neon{
    --neon-frame-r:var(--pj-radius-lg);
    position:relative;
    overflow:visible;
    isolation:isolate;
}
.card--neon > *{
    position:relative;
    z-index:1;
}
.glass-card.project-card.card--neon > *{
    position:relative;
    z-index:2;
}
a.card.card--neon{
    text-decoration:none;
    color:inherit;
}
a.card.card--neon:focus-visible{
    outline:2px solid var(--primary);
    outline-offset:4px;
}
/* Slider kartında neon taşsın (varsayılan slide overflow:hidden keserdi) */
.services-home a.card.card--neon.services-card--slide{
    overflow:visible;
}

.card--neon::before,
.glass-card.project-card.card--neon::before{
    content:"";
    position:absolute;
    inset:-5px;
    border-radius:calc(var(--neon-frame-r) + 5px);
    padding:3px;
    background:conic-gradient(
        from var(--pc-border-angle),
        rgba(37,99,235,.2) 0deg,
        rgba(30,58,138,.16) 110deg,
        rgba(37,99,235,.24) 210deg,
        rgba(59,130,246,.5) 255deg,
        rgba(37,99,235,.95) 285deg,
        rgba(30,64,175,.88) 305deg,
        rgba(37,99,235,.38) 335deg,
        rgba(37,99,235,.2) 360deg
    );
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
            mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
            mask-composite:exclude;
    animation:none;
    opacity:0;
    transition:opacity .2s ease;
    pointer-events:none;
    filter:drop-shadow(0 0 10px rgba(37,99,235,.45)) drop-shadow(0 0 22px rgba(30,58,138,.25));
}
.card--neon::before,
.glass-card.project-card.card--neon::before{z-index:0}
html.dark body .card--neon::before,
body.dark .card--neon::before,
html.dark body .glass-card.project-card.card--neon::before,
body.dark .glass-card.project-card.card--neon::before{
    background:conic-gradient(
        from var(--pc-border-angle),
        rgba(255,255,255,.1) 0deg,
        rgba(255,255,255,.14) 110deg,
        rgba(255,255,255,.18) 210deg,
        rgba(255,255,255,.52) 255deg,
        rgba(255,255,255,1) 285deg,
        rgba(255,255,255,.75) 305deg,
        rgba(255,255,255,.26) 335deg,
        rgba(255,255,255,.1) 360deg
    );
    filter:drop-shadow(0 0 12px rgba(255,255,255,.42)) drop-shadow(0 0 26px rgba(255,255,255,.18));
}
a.card.card--neon:hover,
.card--neon:hover,
.glass-card.project-card.card--neon:hover{
    transform:translateY(-4px);
}
.card--neon:hover::before,
.glass-card.project-card.card--neon:hover::before{
    opacity:1;
    animation:project-card-border-chase 1.5s linear infinite;
}
@keyframes project-card-border-chase{
    to{--pc-border-angle:360deg}
}

/* Proje kartları — glass-card + card--neon + project-img / project-info */
:root{
    --pj-radius-lg:22px;
    --pj-blur:20px;
    --pj-glass-bg:rgba(255,255,255,.58);
    --pj-glass-border:rgba(255,255,255,.72);
    --pj-glass-shadow:rgba(15,23,42,.1);
    --pj-glass-shadow-strong:rgba(15,23,42,.14);
    --pj-glass-inner:rgba(255,255,255,.55);
    --pj-glass-highlight:rgba(255,255,255,.9);
    --pj-nav-pill:rgba(37,99,235,.12);
    --pj-tag-fg:#1e40af;
}
html.dark body,body.dark{
    --pj-glass-bg:rgba(17,24,39,.78);
    --pj-glass-border:rgba(255,255,255,.1);
    --pj-glass-shadow:rgba(0,0,0,.35);
    --pj-glass-shadow-strong:rgba(0,0,0,.45);
    --pj-glass-inner:rgba(255,255,255,.06);
    --pj-glass-highlight:rgba(255,255,255,.2);
    --pj-nav-pill:rgba(59,130,246,.18);
    --pj-tag-fg:#93c5fd;
}
.glass-card{
    background:var(--pj-glass-bg);
    backdrop-filter:blur(var(--pj-blur));
    -webkit-backdrop-filter:blur(var(--pj-blur));
    border:1px solid var(--pj-glass-border);
    border-radius:var(--pj-radius-lg);
    box-shadow:
        0 8px 32px var(--pj-glass-shadow),
        inset 0 1px 0 var(--pj-glass-inner);
    transition:transform .28s ease,box-shadow .28s ease,background .28s ease,border-color .28s ease;
    position:relative;
    overflow:hidden;
}
.glass-card::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--pj-glass-highlight),transparent);
    z-index:1;
    pointer-events:none;
}
.glass-card:hover{
    transform:translateY(-4px);
    box-shadow:
        0 16px 48px var(--pj-glass-shadow-strong),
        inset 0 1px 0 var(--pj-glass-inner);
}
.projects-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}
.projects-grid-full{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px;
}
.project-card{cursor:pointer}
.project-card .project-img{
    overflow:hidden;
    border-radius:var(--pj-radius-lg) var(--pj-radius-lg) 0 0;
}
.project-img{
    aspect-ratio:4/3;
    position:relative;
    background-size:cover;
    background-position:center;
}
.project-img::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);
    pointer-events:none;
}
html.dark body .project-img::after,
body.dark .project-img::after{
    background:linear-gradient(135deg,rgba(255,255,255,.06),transparent);
}
.project-info{padding:24px}
.project-info h3{
    font-size:1.1rem;
    font-weight:700;
    margin-bottom:8px;
    color:var(--text);
}
.project-info p{
    color:var(--muted);
    font-size:.88rem;
    line-height:1.6;
    margin-bottom:14px;
}
.project-tags{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}
.project-tags .tag,
.project-card .tag{
    padding:4px 12px;
    background:var(--pj-nav-pill);
    color:var(--pj-tag-fg);
    border-radius:999px;
    font-size:.75rem;
    font-weight:600;
}
html.dark body .project-tags .tag,
html.dark body .project-card .tag,
body.dark .project-tags .tag,
body.dark .project-card .tag{
    color:var(--text);
}
.projects-grid .glass-card.project-card.card--neon,
.projects-grid-full .glass-card.project-card.card--neon,
.home-preview-grid .glass-card.project-card.card--neon{
    display:flex;
    flex-direction:column;
    height:100%;
}
.project-card[data-slug],
.project-card[data-href]{cursor:pointer}
.project-card:focus-visible{
    outline:2px solid var(--primary);
    outline-offset:4px;
}

.projects-more-note{
    margin-top:36px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:28px 26px;
    border-radius:24px;
    background:var(--pj-glass-bg);
    backdrop-filter:blur(var(--pj-blur));
    -webkit-backdrop-filter:blur(var(--pj-blur));
    border:1px solid var(--pj-glass-border);
    box-shadow:
        0 8px 32px var(--pj-glass-shadow),
        inset 0 1px 0 var(--pj-glass-inner);
}
.projects-more-note__icon{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:14px;
    color:var(--primary);
    line-height:0;
}
.projects-more-note__icon svg{
    display:block;
}
.projects-more-note__text{
    margin:0;
    max-width:32rem;
    font-size:.98rem;
    line-height:1.6;
    color:var(--muted);
}
.projects-more-note__text strong{
    color:var(--text);
    font-weight:700;
}

.home-reviews{margin-bottom:70px}
.reviews-slider,
.services-slider{
    position:relative;
    display:flex;
    align-items:center;
    gap:0;
    margin-top:8px;
    padding:0 2px;
    background:transparent;
}
.reviews-slider--single .reviews-slider__nav,
.services-slider--single .services-slider__nav{
    display:none;
}
.reviews-slider__viewport,
.services-slider__viewport{
    flex:1;
    min-width:0;
    overflow-x:auto;
    overflow-y:clip;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    -ms-overflow-style:none;
    scrollbar-color:transparent transparent;
    touch-action:pan-x;
    cursor:grab;
    padding:8px 8px 12px;
    margin:0 -4px;
    outline:none;
    background:var(--bg);
    border-radius:24px;
    -webkit-tap-highlight-color:transparent;
}
.reviews-slider__viewport::-webkit-scrollbar,
.reviews-slider__viewport::-webkit-scrollbar-track,
.reviews-slider__viewport::-webkit-scrollbar-thumb,
.services-slider__viewport::-webkit-scrollbar,
.services-slider__viewport::-webkit-scrollbar-track,
.services-slider__viewport::-webkit-scrollbar-thumb{
    display:none;
    width:0;
    height:0;
    background:transparent;
}
.reviews-slider__viewport::-webkit-scrollbar-corner,
.services-slider__viewport::-webkit-scrollbar-corner{
    background:transparent;
}
.reviews-slider__viewport:focus-visible,
.services-slider__viewport:focus-visible{
    outline:2px solid rgba(37,99,235,.45);
    outline-offset:3px;
    box-shadow:none;
}
.reviews-slider__viewport.is-grabbing,
.services-slider__viewport.is-grabbing{
    cursor:grabbing;
    scroll-snap-type:none;
    user-select:none;
}
.reviews-slider__viewport.is-grabbing .review-card--slide,
.services-slider__viewport.is-grabbing .services-card--slide{
    user-select:none;
    pointer-events:none;
}
.reviews-slider__track,
.services-slider__track{
    display:flex;
    gap:16px;
    padding:2px 6px;
    align-items:stretch;
    background:transparent;
    min-height:0;
}
.review-card--slide,
.services-card--slide{
    flex:0 0 min(360px,calc(100vw - 108px));
    max-width:min(360px,calc(100vw - 108px));
    scroll-snap-align:start;
    scroll-snap-stop:always;
    border-radius:26px;
    overflow:hidden;
}
.services-home .services-card--slide{
    display:flex;
    flex-direction:column;
    min-height:100%;
}
/* Ana sayfa hizmet slider: viewport zemini kartlarla aynı (gri şerit yok) */
.page-section.services-home .services-slider__viewport{
    background:var(--card);
    box-shadow:none;
}
.reviews-slider__nav,
.services-slider__nav{
    flex:0 0 44px;
    width:44px;
    height:44px;
    margin:0 4px;
    border-radius:50%;
    border:1px solid rgba(15,23,42,.12);
    background:rgba(255,255,255,.55);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    color:var(--text);
    font-size:26px;
    line-height:1;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 0 2px;
    transition:opacity .2s ease,background .2s ease,border-color .2s ease;
    box-shadow:0 4px 18px rgba(15,23,42,.08);
    z-index:2;
}
.reviews-slider__nav:hover:not(:disabled),
.services-slider__nav:hover:not(:disabled){
    background:rgba(255,255,255,.85);
    border-color:rgba(15,23,42,.2);
}
.reviews-slider__nav:disabled,
.services-slider__nav:disabled{
    opacity:.32;
    cursor:default;
}
html.dark .reviews-slider__nav,
html.dark .services-slider__nav,
body.dark .reviews-slider__nav,
body.dark .services-slider__nav{
    border-color:rgba(255,255,255,.12);
    background:rgba(255,255,255,.08);
    color:#f1f5f9;
    box-shadow:0 4px 22px rgba(0,0,0,.25);
}
html.dark .reviews-slider__nav:hover:not(:disabled),
html.dark .services-slider__nav:hover:not(:disabled),
body.dark .reviews-slider__nav:hover:not(:disabled),
body.dark .services-slider__nav:hover:not(:disabled){
    background:rgba(255,255,255,.14);
}
.review-card{
    background:var(--card);
    border-radius:24px;
    padding:22px 22px 18px;
    box-shadow:0 16px 40px rgba(0,0,0,.06);
    border:1px solid rgba(0,0,0,.04);
    display:flex;
    flex-direction:column;
    gap:12px;
}
.home-reviews .review-card.review-card--slide{
    box-shadow:0 2px 14px rgba(15,23,42,.05),0 0 0 1px rgba(15,23,42,.04);
}
html.dark body .home-reviews .review-card.review-card--slide,
body.dark .home-reviews .review-card.review-card--slide{
    box-shadow:0 4px 22px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.06);
}
html.dark body .review-card,
body.dark .review-card{
    border-color:rgba(255,255,255,.08);
    box-shadow:0 12px 40px rgba(0,0,0,.25);
}
.review-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.review-google{
    font-size:12px;
    font-weight:700;
    color:#1a73e8;
    background:rgba(26,115,232,.1);
    padding:4px 10px;
    border-radius:999px;
}
html.dark body .review-google,
body.dark .review-google{color:#93c5fd;background:rgba(147,197,253,.12)}
.review-stars{letter-spacing:1px;font-size:14px;line-height:1}
.review-star{color:rgba(0,0,0,.18)}
html.dark body .review-star,
body.dark .review-star{color:rgba(255,255,255,.2)}
.review-star.is-on{color:#fbbf24}
.review-card__body{color:var(--muted);line-height:1.65;margin:0;font-size:15px;flex:1}
.review-card__author{font-size:14px;font-weight:700;color:var(--text);opacity:.85}

@media (min-width:900px){
    .review-card--slide,
    .services-card--slide{
        flex:0 0 360px;
        max-width:360px;
    }
}

/* CONTACT */
.contact-page{
    padding:28px 20px 32px;
    border-radius:32px;
    background:
        linear-gradient(165deg, rgba(37,99,235,.07) 0%, transparent 42%),
        linear-gradient(220deg, rgba(99,102,241,.06) 0%, transparent 48%);
}
html.dark body .contact-page,
body.dark .contact-page{
    background:
        linear-gradient(165deg, rgba(59,130,246,.14) 0%, transparent 46%),
        linear-gradient(220deg, rgba(129,140,248,.1) 0%, transparent 52%);
}
.contact-box{
    display:grid;
    grid-template-columns:1fr 1.2fr;
    gap:32px;
    align-items:stretch;
}
.contact-list{
    display:grid;
    gap:18px;
    align-content:start;
    min-height:0;
}
.contact-item.card--neon{
    --neon-frame-r:22px;
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:22px 22px;
    background:var(--card);
    border-radius:24px;
    box-shadow:0 12px 40px rgba(15,23,42,.07);
    border:1px solid rgba(15,23,42,.06);
    transition:transform .28s ease,box-shadow .28s ease;
}
html.dark body .contact-item.card--neon,
body.dark .contact-item.card--neon{
    border-color:rgba(255,255,255,.08);
    box-shadow:0 14px 44px rgba(0,0,0,.32);
}
.contact-item__ico{
    flex-shrink:0;
    width:48px;
    height:48px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(37,99,235,.11);
    color:var(--primary);
}
html.dark body .contact-item__ico,
body.dark .contact-item__ico{
    background:rgba(59,130,246,.18);
}
.contact-item__ico svg{display:block}
.contact-item__text{min-width:0;flex:1}
.contact-item strong{
    display:block;
    font-size:17px;
    font-weight:700;
    margin-bottom:8px;
    letter-spacing:-.02em;
    color:var(--text);
}
.contact-item__text p,
.contact-item__text a{
    margin:0;
    color:var(--muted);
    line-height:1.65;
    font-size:15px;
    word-break:break-word;
}
.contact-item__text a{
    text-decoration:none;
    border-bottom:1px solid transparent;
    transition:border-color .2s ease,color .2s ease;
}
.contact-item__text a:hover{
    color:var(--primary);
    border-bottom-color:rgba(37,99,235,.35);
}
html.dark body .contact-item__text a:hover,
body.dark .contact-item__text a:hover{
    border-bottom-color:rgba(147,197,253,.4);
}
.contact-item__text a:focus-visible{
    outline:2px solid var(--primary);
    outline-offset:3px;
    border-radius:4px;
}
.contact-social.card--neon{
    --neon-frame-r:22px;
    padding:22px 22px;
    background:var(--card);
    border-radius:24px;
    box-shadow:0 12px 40px rgba(15,23,42,.07);
    border:1px solid rgba(15,23,42,.06);
    transition:transform .28s ease,box-shadow .28s ease;
}
html.dark body .contact-social.card--neon,
body.dark .contact-social.card--neon{
    border-color:rgba(255,255,255,.08);
    box-shadow:0 14px 44px rgba(0,0,0,.32);
}
.contact-social__inner{
    display:flex;
    flex-direction:column;
    gap:16px;
}
.contact-social__title{
    display:block;
    font-size:17px;
    font-weight:700;
    letter-spacing:-.02em;
    color:var(--text);
}
.contact-social__row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:12px;
}
.contact-social__links{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
}
.contact-social__btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    border-radius:14px;
    background:var(--soft);
    color:var(--primary);
    border:1px solid rgba(37,99,235,.15);
    text-decoration:none;
    transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.contact-social__btn:hover{
    transform:translateY(-2px);
    background:rgba(37,99,235,.1);
    border-color:rgba(37,99,235,.28);
    box-shadow:0 6px 18px rgba(37,99,235,.12);
}
html.dark body .contact-social__btn,
body.dark .contact-social__btn{
    border-color:rgba(96,165,250,.22);
}
html.dark body .contact-social__btn:hover,
body.dark .contact-social__btn:hover{
    background:rgba(59,130,246,.15);
    box-shadow:0 6px 20px rgba(0,0,0,.25);
}
.contact-social__btn:focus-visible{
    outline:2px solid var(--primary);
    outline-offset:3px;
}
.contact-social__btn svg{display:block}
.contact-social__wa{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    flex:1 1 auto;
    min-width:min(100%,200px);
    margin-top:0;
    white-space:nowrap;
    padding-left:18px;
    padding-right:18px;
}
.form{
    background:var(--card);
    border-radius:30px;
    padding:28px;
    box-shadow:0 20px 50px rgba(0,0,0,.07);
}
.form.contact-form{
    --neon-frame-r:28px;
    position:relative;
    overflow:visible;
    isolation:isolate;
    padding:32px 30px 30px;
    border:1px solid rgba(15,23,42,.07);
    display:flex;
    flex-direction:column;
    height:100%;
    min-height:0;
}
html.dark body .form.contact-form,
body.dark .form.contact-form{
    border-color:rgba(255,255,255,.1);
    box-shadow:0 18px 48px rgba(0,0,0,.35);
}
.contact-form__head{margin-bottom:22px;flex-shrink:0}
.contact-form__head h2{
    font-size:23px;
    font-weight:700;
    letter-spacing:-.03em;
    margin:0 0 8px;
    color:var(--text);
}
.contact-form__head p{
    margin:0;
    font-size:14px;
    line-height:1.55;
    color:var(--muted);
}
.contact-form__grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto auto auto 1fr;
    gap:14px;
    margin-bottom:18px;
    flex:1;
    min-height:0;
    align-content:start;
}
.form.contact-form .contact-form__grid input,
.form.contact-form .contact-form__grid textarea,
.form.contact-form .contact-form__grid select{
    margin-bottom:0;
}
.contact-form__grid .contact-form__full{grid-column:1 / -1}
.form.contact-form .contact-form__grid textarea{
    min-height:120px;
    height:100%;
    align-self:stretch;
    resize:vertical;
}
.form input,.form textarea,.form select{
    width:100%;
    margin-bottom:14px;
    border:none;
    outline:none;
    padding:15px 16px;
    border-radius:18px;
    background:var(--soft);
    color:var(--text);
    font-size:15px;
    border:1px solid transparent;
    transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.form input:focus,.form textarea:focus,.form select:focus{
    border-color:rgba(37,99,235,.28);
    box-shadow:0 0 0 3px rgba(37,99,235,.12);
}
html.dark body .form input:focus,
html.dark body .form textarea:focus,
html.dark body .form select:focus,
body.dark .form input:focus,
body.dark .form textarea:focus,
body.dark .form select:focus{
    border-color:rgba(96,165,250,.35);
    box-shadow:0 0 0 3px rgba(59,130,246,.15);
}
.form textarea{min-height:150px;resize:vertical}
.form.contact-form select:invalid{color:var(--muted)}
.form.contact-form select option{color:var(--text)}
.contact-form__actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:stretch;
    margin-top:auto;
    flex-shrink:0;
    padding-top:4px;
}
.contact-form__actions .btn{
    flex:1;
    min-width:min(100%,158px);
    justify-content:center;
}
.btn--whatsapp{
    background:#25d366 !important;
    color:#fff !important;
    border:1px solid rgba(15,23,42,.08) !important;
    box-shadow:0 4px 16px rgba(37,211,102,.28);
}
.btn--whatsapp:hover{
    filter:brightness(1.06);
    box-shadow:0 6px 22px rgba(37,211,102,.35);
}
.btn--whatsapp:disabled{
    opacity:.45;
    cursor:not-allowed;
    filter:none;
    box-shadow:none;
}
html.dark body .btn.btn--whatsapp,
body.dark .btn.btn--whatsapp{
    background:#25d366 !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.14) !important;
    box-shadow:0 4px 18px rgba(37,211,102,.28);
}
html.dark body .btn.btn--whatsapp:hover,
body.dark .btn.btn--whatsapp:hover{
    filter:brightness(1.08);
    color:#fff !important;
}

/* PRODUCTS */
.price{font-size:24px;font-weight:900;color:var(--primary);margin-top:14px}
.price a{color:inherit;text-decoration:none;display:inline-block}
.price a:hover{opacity:.85}
.badge{
    display:inline-block;
    padding:8px 12px;
    background:rgba(37,99,235,.12);
    color:var(--primary);
    border-radius:999px;
    font-weight:700;
    font-size:13px;
    margin-bottom:12px;
}

/* FOOTER */
.footer{
    background:var(--footer);
    color:#fff;
    padding:80px 0;
    margin-top:80px;
}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.footer h3{font-size:28px;margin-bottom:16px}
.footer-brand.logo--image{
    display:flex;
    align-items:center;
    max-height:56px;
    margin-bottom:20px;
    line-height:0;
}
.footer-brand-text{margin-bottom:16px}
.footer .footer-logo,
.footer .footer-brand .logo-img{
    height:auto;
    width:auto;
    max-height:48px;
    max-width:min(200px,100%);
    object-fit:contain;
    object-position:left center;
    display:block;
}
.footer-grid p,.footer-grid a{color:#cbd5e1;line-height:1.8;display:block}
.footer-bottom{
    width:100%;
    border-top:1px solid rgba(255,255,255,.12);
    margin-top:48px;
    padding:28px 0 0;
}
.footer-bottom .container{
    display:flex;
    justify-content:center;
    align-items:center;
}
.footer-copyright{
    margin:0;
    width:100%;
    font-size:13px;
    color:#94a3b8;
    text-align:center;
    letter-spacing:.03em;
}

@media(max-width:1024px){
    .why-grid--6{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
    .nav a{font-size:13px;padding:10px 11px}
}
@media(max-width:768px){
    body{padding-bottom:0}
    .container{width:min(100% - 28px,1180px)}
    .header{top:10px;border-radius:24px;margin:10px auto 22px;padding:12px 14px}
    .logo{font-size:24px}
    .header .nav{display:none}
    .mobile-bottom-nav{
        position:fixed;
        left:50%;
        right:auto;
        bottom:12px;
        transform:translateX(-50%);
        width:calc(100% - 28px);
        max-width:430px;
        background:rgba(255,255,255,.55);
        backdrop-filter:blur(24px);
        -webkit-backdrop-filter:blur(24px);
        border:1px solid rgba(255,255,255,.65);
        border-radius:999px;
        padding:6px;
        display:flex;
        justify-content:space-between;
        align-items:stretch;
        z-index:10050;
        box-shadow:0 14px 40px rgba(0,0,0,.12);
    }
    html.dark body .mobile-bottom-nav,
body.dark .mobile-bottom-nav{
        background:rgba(17,24,39,.65);
        box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
    }
    .mobile-bottom-nav > a.mobile-bottom-nav__cell{
        flex:1;
        min-width:0;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:3px;
        padding:5px 1px 6px;
        border-radius:14px;
        text-decoration:none;
        font-weight:700;
        color:rgba(17,17,17,.78);
        transition:.25s;
        -webkit-tap-highlight-color:transparent;
    }
    html.dark body .mobile-bottom-nav > a.mobile-bottom-nav__cell,
body.dark .mobile-bottom-nav > a.mobile-bottom-nav__cell{color:rgba(248,250,252,.9)}
    .mobile-bottom-nav > a.mobile-bottom-nav__cell:hover,
    .mobile-bottom-nav > a.mobile-bottom-nav__cell.active{
        background:rgba(17,17,17,.12);
        color:#111;
        box-shadow:inset 0 0 0 1px rgba(17,17,17,.08);
    }
    html.dark body .mobile-bottom-nav > a.mobile-bottom-nav__cell:hover,
    html.dark body .mobile-bottom-nav > a.mobile-bottom-nav__cell.active,
    body.dark .mobile-bottom-nav > a.mobile-bottom-nav__cell:hover,
    body.dark .mobile-bottom-nav > a.mobile-bottom-nav__cell.active{
        background:rgba(255,255,255,.12);
        color:#fff;
        box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
    }
    .mobile-bottom-nav__icon{
        display:flex;
        align-items:center;
        justify-content:center;
        flex-shrink:0;
        line-height:0;
    }
    .mobile-bottom-nav__icon .mobile-nav-svg{
        width:22px;
        height:22px;
        display:block;
    }
    .mobile-bottom-nav__label{
        font-size:9px;
        font-weight:700;
        line-height:1.12;
        letter-spacing:-0.02em;
        max-width:100%;
        padding:0 1px;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        overflow:hidden;
        word-break:break-word;
        text-align:center;
    }

    .mobile-bottom-nav--overflow{
        overflow:visible;
    }
    .mobile-bottom-nav__overflow{
        position:relative;
        flex:0 0 50px;
        width:50px;
        min-width:50px;
        list-style:none;
        display:block;
    }
    .mobile-bottom-nav__overflow summary::-webkit-details-marker{display:none}
    .mobile-bottom-nav__overflow summary.mobile-bottom-nav__more{
        list-style:none;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:3px;
        width:100%;
        min-height:100%;
        margin:0;
        padding:5px 1px 6px;
        border-radius:14px;
        color:rgba(17,17,17,.78);
        cursor:pointer;
        transition:.25s;
        user-select:none;
        -webkit-tap-highlight-color:transparent;
    }
    html.dark body .mobile-bottom-nav__overflow summary.mobile-bottom-nav__more,
body.dark .mobile-bottom-nav__overflow summary.mobile-bottom-nav__more{color:rgba(248,250,252,.9)}
    .mobile-bottom-nav__overflow summary.mobile-bottom-nav__more:hover,
    .mobile-bottom-nav__overflow summary.mobile-bottom-nav__more.active{
        background:rgba(17,17,17,.12);
        color:#111;
        box-shadow:inset 0 0 0 1px rgba(17,17,17,.08);
    }
    html.dark body .mobile-bottom-nav__overflow summary.mobile-bottom-nav__more:hover,
    html.dark body .mobile-bottom-nav__overflow summary.mobile-bottom-nav__more.active,
    body.dark .mobile-bottom-nav__overflow summary.mobile-bottom-nav__more:hover,
    body.dark .mobile-bottom-nav__overflow summary.mobile-bottom-nav__more.active{
        background:rgba(255,255,255,.12);
        color:#fff;
        box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
    }
    .mobile-bottom-nav__dropdown{
        position:absolute;
        bottom:calc(100% + 10px);
        right:0;
        left:auto;
        width:max-content;
        max-width:min(calc(100vw - 36px),220px);
        min-width:0;
        padding:5px;
        border-radius:16px;
        background:rgba(255,255,255,.52);
        backdrop-filter:blur(24px);
        -webkit-backdrop-filter:blur(24px);
        border:1px solid rgba(255,255,255,.62);
        box-shadow:0 14px 36px rgba(0,0,0,.14);
        z-index:10001;
    }
    html.dark body .mobile-bottom-nav__dropdown,
    body.dark .mobile-bottom-nav__dropdown{
        background:rgba(17,24,39,.58);
        backdrop-filter:blur(24px);
        -webkit-backdrop-filter:blur(24px);
        border:1px solid rgba(255,255,255,.1);
        box-shadow:0 14px 40px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.06);
    }
    .mobile-bottom-nav__dropdown-link{
        display:flex;
        align-items:center;
        gap:8px;
        padding:6px 8px;
        border-radius:10px;
        text-decoration:none;
        font-size:12px;
        font-weight:700;
        color:rgba(17,17,17,.88);
        transition:.2s;
    }
    .mobile-bottom-nav__dropdown-ico{
        flex-shrink:0;
        display:flex;
        line-height:0;
    }
    .mobile-bottom-nav__dropdown-ico .mobile-nav-svg{
        width:18px;
        height:18px;
        display:block;
    }
    .mobile-bottom-nav__dropdown-txt{
        min-width:0;
        flex:1;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    html.dark body .mobile-bottom-nav__dropdown-link,
    body.dark .mobile-bottom-nav__dropdown-link{color:rgba(248,250,252,.92)}
    .mobile-bottom-nav__dropdown-link:hover,
    .mobile-bottom-nav__dropdown-link.active{
        background:rgba(17,17,17,.1);
        color:#111;
    }
    html.dark body .mobile-bottom-nav__dropdown-link:hover,
    html.dark body .mobile-bottom-nav__dropdown-link.active,
    body.dark .mobile-bottom-nav__dropdown-link:hover,
    body.dark .mobile-bottom-nav__dropdown-link.active{
        background:rgba(255,255,255,.1);
        color:#fff;
    }

    .hero-home,.page-hero{min-height:500px;padding:34px 24px;border-radius:28px}
    .hero-content h1,.page-hero h1{font-size:42px;letter-spacing:-2px}
    .hero-content p,.page-hero p{font-size:16px}
    .hero-buttons{flex-direction:column;align-items:flex-start}
    .slogan{padding:50px 0}
    .slogan h2{font-size:42px}
    .grid-2,.grid-4,.contact-box{grid-template-columns:1fr}
    .contact-page{
        padding:20px 14px 26px;
        border-radius:24px;
    }
    .form.contact-form{padding:24px 18px 22px;height:auto}
    .contact-form__actions{flex-direction:column}
    .contact-form__actions .btn{width:100%;min-width:0}
    .contact-form__grid{grid-template-columns:1fr;flex:none;grid-template-rows:auto}
    .form.contact-form .contact-form__grid textarea{min-height:150px;height:auto}
    .contact-form__head h2{font-size:20px}
    .contact-item.card--neon{padding:18px 16px;gap:14px}
    .contact-item__ico{width:44px;height:44px;border-radius:12px}
    .grid-3{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px 14px;
    }
    .grid-3 .card{
        padding:16px 14px;
        border-radius:22px;
    }
    .grid-3 .card-img{
        height:150px;
        border-radius:18px;
        margin-bottom:12px;
    }
    .grid-3 .card h3{
        font-size:17px;
        margin-bottom:8px;
        line-height:1.2;
    }
    .grid-3 .card p{
        font-size:13px;
        line-height:1.45;
        margin-bottom:10px;
    }
    .grid-3 .card .btn{
        padding:11px 16px;
        font-size:13px;
    }
    .grid-3 .card--neon{
        --neon-frame-r:22px;
    }
    .about-do-card{
        padding:22px 14px 20px;
        border-radius:22px;
    }
    .about-do-card > h2{
        font-size:24px;
        margin-bottom:16px;
    }
    .about-do-card__lead{
        font-size:15px;
        line-height:1.65;
        margin-bottom:14px;
    }
    .about-do-card .grid-3{
        grid-template-columns:1fr;
        gap:14px;
    }
    .about-do-card .grid-3 > .card{
        padding:18px 16px;
    }
    .about-do-card .grid-3 > .card h3{
        font-size:18px;
        margin-bottom:10px;
        line-height:1.25;
    }
    .about-do-card .grid-3 > .card p{
        font-size:15px;
        line-height:1.62;
        margin-bottom:12px;
    }
    .about-mm-card h3{font-size:20px;margin:22px 0 14px}
    .about-mm-card p{font-size:15px;max-width:none}
    .about-region-card{
        padding:26px 16px 28px;
        border-radius:22px;
    }
    .about-region-card h2{font-size:24px;margin-bottom:18px}
    .about-region-card p{
        font-size:15px;
        line-height:1.7;
        max-width:none;
    }
    .projects-grid,
    .projects-grid-full{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:14px 16px;
    }
    .glass-card:hover{
        transform:none;
    }
    .glass-card.project-card.card--neon:hover{
        transform:none;
    }
    .project-info{padding:18px 16px 16px}
    .project-card .project-info h3{font-size:1rem;text-align:center}
    .project-info p{font-size:.82rem}
    .project-card .project-info > p{display:none}
    .project-card .project-tags{display:none}

    .about-img{min-height:300px}
    .about-content{padding:28px}
    .about-content h3{font-size:30px}
    .card-img{height:230px}
    .cta{padding:38px 26px;flex-direction:column;align-items:flex-start}
    .cta h2{font-size:32px}
    .why-grid{grid-template-columns:1fr 1fr;align-items:start}
    .why-grid--6{grid-template-columns:repeat(2,minmax(0,1fr))}
    .footer{
        padding:48px 0 calc(76px + env(safe-area-inset-bottom, 0px));
        margin-top:48px;
    }
    .footer-bottom{
        margin-top:28px;
        padding-top:16px;
    }
    .footer-grid{grid-template-columns:1fr}

    .reviews-slider__viewport,
    .services-slider__viewport{
        border-radius:22px;
        padding:8px 6px 10px;
    }
    .reviews-slider__nav,
    .services-slider__nav{
        flex:0 0 36px;
        width:36px;
        height:36px;
        font-size:20px;
        margin:0 2px;
    }
    .review-card--slide,
    .services-card--slide{
        flex:0 0 min(calc(100vw - 100px),280px);
        max-width:min(calc(100vw - 100px),280px);
        border-radius:24px;
    }
}
@media(max-width:390px){
    .mobile-bottom-nav__icon .mobile-nav-svg{width:20px;height:20px}
    .mobile-bottom-nav__label{font-size:8px}
    .hero-content h1,.page-hero h1{font-size:36px}
    .slogan h2{font-size:36px}
    .why-grid{gap:10px}
    .why-grid--6{gap:10px}
    .why-item{padding:14px 10px;font-size:14px;border-radius:18px}
    .why-item strong{font-size:22px}
}

/* DETAIL PAGES */
.detail-layout{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 340px;
    gap:30px;
    align-items:start;
    margin-bottom:90px;
}
.detail-content{
    background:var(--card);
    border-radius:34px;
    padding:36px;
    box-shadow:0 20px 50px rgba(0,0,0,.07);
}
.detail-content img{
    width:100%;
    height:420px;
    object-fit:cover;
    border-radius:28px;
    margin-bottom:28px;
}
.detail-content h2{
    font-size:34px;
    letter-spacing:-1px;
    margin:28px 0 14px;
}
.detail-content p{
    color:var(--muted);
    line-height:1.8;
    margin-bottom:16px;
}
.detail-content .blog-local-intro{
    color:var(--text);
    background:var(--soft);
    border-radius:18px;
    padding:18px 20px;
    border:1px solid rgba(37,99,235,.12);
    margin-bottom:22px;
    line-height:1.65;
}
html.dark body .detail-content .blog-local-intro,
body.dark .detail-content .blog-local-intro{
    border-color:rgba(96,165,250,.2);
}
.detail-content ul{
    margin:16px 0 24px 20px;
    color:var(--muted);
    line-height:1.9;
}
.sidebar-card{
    background:var(--card);
    border-radius:30px;
    padding:24px;
    box-shadow:0 20px 50px rgba(0,0,0,.07);
    margin-bottom:20px;
}
.sidebar-card h3{
    font-size:22px;
    margin-bottom:14px;
}
.sidebar-card a:not(.btn){
    display:block;
    color:var(--muted);
    padding:11px 0;
    border-bottom:1px solid rgba(127,127,127,.15);
}
.sidebar-card a:not(.btn):last-child{border-bottom:none}
.sidebar-card .btn{
    display:inline-flex;
    width:100%;
    margin-top:4px;
    box-sizing:border-box;
}
.meta-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:20px;
}
.meta-row span{
    display:inline-flex;
    padding:9px 12px;
    border-radius:999px;
    background:var(--soft);
    color:var(--muted);
    font-weight:700;
    font-size:13px;
}
.card .btn{
    margin-top:18px;
}
@media(max-width:768px){
    .detail-layout{
        grid-template-columns:1fr;
    }
    .detail-content{
        padding:24px;
    }
    .detail-content img{
        height:250px;
    }
    .detail-content h2{
        font-size:28px;
    }
}



/* CLEAN GLASS MENU FIX */
.header,
.mobile-bottom-nav:not(.mobile-bottom-nav--overflow){
    overflow:hidden;
}
.mobile-bottom-nav--overflow{
    overflow:visible;
}

.header::before,
.header::after,
.mobile-bottom-nav::before,
.mobile-bottom-nav::after{
    display:none !important;
    content:none !important;
}

html.dark body .header,
body.dark .header{
    background:rgba(17,24,39,.48);
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(26px);
    -webkit-backdrop-filter:blur(26px);
    box-shadow:
        0 20px 55px rgba(0,0,0,.26),
        0 0 0 1px rgba(59,130,246,.10),
        0 0 22px rgba(59,130,246,.08);
}

html.dark body .mobile-bottom-nav,
body.dark .mobile-bottom-nav{
    background:rgba(17,24,39,.48);
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(26px);
    -webkit-backdrop-filter:blur(26px);
    box-shadow:
        0 14px 40px rgba(0,0,0,.26),
        0 0 0 1px rgba(59,130,246,.10),
        0 0 22px rgba(59,130,246,.08);
}

html.dark body .nav,
body.dark .nav{
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}

html.dark body .nav a:hover,
html.dark body .nav a.active,
body.dark .nav a:hover,
body.dark .nav a.active,
html.dark body .mobile-bottom-nav > a.mobile-bottom-nav__cell:hover,
html.dark body .mobile-bottom-nav > a.mobile-bottom-nav__cell.active,
body.dark .mobile-bottom-nav > a.mobile-bottom-nav__cell:hover,
body.dark .mobile-bottom-nav > a.mobile-bottom-nav__cell.active,
html.dark body .mobile-bottom-nav__overflow summary.mobile-bottom-nav__more:hover,
html.dark body .mobile-bottom-nav__overflow summary.mobile-bottom-nav__more.active,
body.dark .mobile-bottom-nav__overflow summary.mobile-bottom-nav__more:hover,
body.dark .mobile-bottom-nav__overflow summary.mobile-bottom-nav__more.active,
html.dark body .mobile-bottom-nav__dropdown-link:hover,
html.dark body .mobile-bottom-nav__dropdown-link.active,
body.dark .mobile-bottom-nav__dropdown-link:hover,
body.dark .mobile-bottom-nav__dropdown-link.active{
    background:rgba(255,255,255,.12);
    color:#fff;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}

/* FINAL MENU POSITION FIX */
.header{
    position:sticky !important;
    top:16px !important;
    z-index:9999 !important;
}

@media(max-width:768px){
    .header{
        position:sticky !important;
        top:10px !important;
        z-index:9999 !important;
    }

    .header .nav{
        display:none !important;
    }
}

/* PHP admin: logo image */
.logo.logo--image{display:flex;align-items:center;max-height:56px}
.logo-img{max-height:52px;width:auto;max-width:220px;object-fit:contain}
.logo-img--dark{display:none}
html.dark body .logo-img--light:not(.logo-img--solo),
body.dark .logo-img--light:not(.logo-img--solo){display:none}
html.dark body .logo-img--dark,
body.dark .logo-img--dark{display:block}
.logo-img--solo{display:block}

/* Hero slider / video */
.hero-home{position:relative}
.hero-home .hero-media-layer{
    position:absolute;inset:0;border-radius:inherit;overflow:hidden;z-index:2;
    transition:opacity .55s ease;
}
.hero-home .hero-bgs{
    z-index:1;
}
.hero-home .hero-media-layer video{
    width:100%;height:100%;object-fit:cover;display:block;
}
.hero-home .hero-content,.hero-home .slider-dots{position:relative;z-index:3}
.hero-home.has-slider-bg{background-image:none}
.hero-home .hero-slide-bg{
    position:absolute;inset:0;background-size:cover;background-position:center;
    opacity:0;transition:opacity .9s cubic-bezier(.4,0,.2,1);border-radius:inherit;
}
.hero-home .hero-slide-bg.is-visible{opacity:1}

/* --- Full page slider (ana sayfa, body.fullpage-theme) --- */
.fullpage-theme .container{
    width:min(1180px,92%);
}

/* Menü hero üzerinde; hero viewport genişliği ve tam yükseklik */
body.fullpage-theme{
    overflow-x:hidden;
}
body.fullpage-theme .header{
    position:fixed !important;
    top:16px !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:min(1180px,calc(100vw - 32px)) !important;
    max-width:92vw;
    margin:0 !important;
    box-sizing:border-box;
}

.fullpage-hero{
    width:100vw;
    max-width:none;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    min-height:100vh;
    min-height:100svh;
    border-radius:0;
    overflow:hidden;
    position:relative;
    background:
        linear-gradient(90deg,rgba(0,0,0,.80),rgba(0,0,0,.28),rgba(0,0,0,.12)),
        url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=80");
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
    padding:112px 80px 80px;
    color:#fff;
    margin-bottom:90px;
}

.fullpage-hero.has-slider-bg{
    background-image:none !important;
    background-color:#0f172a;
}

.fullpage-hero::after{
    content:"";
    position:absolute;
    inset:auto 0 0 0;
    height:220px;
    background:linear-gradient(to top,rgba(0,0,0,.45),transparent);
    pointer-events:none;
    z-index:1;
}

.fullpage-hero .hero-media-layer{
    position:absolute;
    inset:0;
    border-radius:inherit;
    overflow:hidden;
    z-index:2;
    transition:opacity .55s ease;
}
.fullpage-hero .hero-media-layer video{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.fullpage-hero .fullpage-bgs{
    position:absolute;
    inset:0;
    border-radius:inherit;
    overflow:hidden;
    z-index:1;
}
.fullpage-hero .hero-slide-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    opacity:0;
    transition:opacity .9s cubic-bezier(.4,0,.2,1);
    border-radius:inherit;
}
.fullpage-hero .hero-slide-bg.is-visible{opacity:1}

.fullpage-hero-content{
    position:relative;
    z-index:2;
    max-width:720px;
}

.fullpage-hero-content small{
    display:inline-flex;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.25);
    padding:10px 16px;
    border-radius:999px;
    margin-bottom:20px;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

.fullpage-hero-content h1{
    font-size:76px;
    line-height:.95;
    letter-spacing:-4px;
    margin-bottom:24px;
}

.fullpage-hero-content p{
    font-size:20px;
    line-height:1.7;
    color:#f1f5f9;
    margin-bottom:34px;
    max-width:620px;
}

.fullpage-slider-controls{
    position:absolute;
    z-index:3;
    left:80px;
    bottom:42px;
    display:flex;
    align-items:center;
    gap:14px;
}

.fullpage-slider-controls span{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#fff;
    opacity:.5;
    cursor:pointer;
}

.fullpage-slider-controls span.active{
    width:38px;
    border-radius:999px;
    opacity:1;
}

@media(max-width:768px){
    body.fullpage-theme .header{
        top:10px !important;
        width:min(1180px,calc(100vw - 20px)) !important;
    }

    .fullpage-hero{
        min-height:100vh;
        min-height:100svh;
        padding:96px 24px 130px;
        border-radius:0;
        align-items:flex-end;
    }

    .fullpage-slider-controls{
        left:24px;
        bottom:100px;
    }

    .fullpage-hero-content h1{
        font-size:46px;
        letter-spacing:-2px;
    }

    .fullpage-hero-content p{
        font-size:16px;
    }
}

/* --- Yukarı çık (cam düğme; mobilde alt menünün üstünde) --- */
.scroll-top-btn{
    position:fixed;
    z-index:9980;
    right:max(12px,env(safe-area-inset-right,0px));
    bottom:max(22px,env(safe-area-inset-bottom,0px));
    width:46px;
    height:46px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border:none;
    border-radius:50%;
    cursor:pointer;
    color:rgba(17,17,17,.82);
    background:rgba(255,255,255,.52);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.65);
    box-shadow:0 10px 28px rgba(0,0,0,.12);
    opacity:0;
    visibility:hidden;
    transform:translateY(10px) scale(.96);
    pointer-events:none;
    transition:opacity .28s ease,visibility .28s ease,transform .28s ease,background .2s ease,color .2s ease;
    -webkit-tap-highlight-color:transparent;
}
.scroll-top-btn.scroll-top-btn--visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
    pointer-events:auto;
}
.scroll-top-btn:hover{
    background:rgba(255,255,255,.68);
    color:#111;
}
.scroll-top-btn:focus-visible{
    outline:2px solid rgba(37,99,235,.55);
    outline-offset:3px;
}
html.dark body .scroll-top-btn,
body.dark .scroll-top-btn{
    color:rgba(248,250,252,.92);
    background:rgba(17,24,39,.58);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 10px 32px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.06);
}
html.dark body .scroll-top-btn:hover,
body.dark .scroll-top-btn:hover{
    background:rgba(30,41,59,.72);
    color:#fff;
}
@media(max-width:768px){
    .scroll-top-btn{
        bottom:calc(86px + env(safe-area-inset-bottom,0px));
    }
}

/* --- Sayfa geçişi (site içi linkler) --- */
#pageTrans{
    position:fixed;
    inset:0;
    z-index:2147483000;
    background:var(--bg,#f7f8fb);
    will-change:transform;
}
#pageTrans.page-trans-enter-cover{
    pointer-events:none;
    transform:scaleY(1);
    transform-origin:top center;
}
#pageTrans.page-trans-enter-cover.page-trans-enter-go{
    transition:transform .58s cubic-bezier(.33,1,.22,1);
    transform:scaleY(0);
}
#pageTrans.page-trans-exit-grow{
    pointer-events:auto;
    transform:scaleY(0);
    transform-origin:bottom center;
}
#pageTrans.page-trans-exit-grow.page-trans-exit-go{
    transition:transform .52s cubic-bezier(.4,0,.2,1);
    transform:scaleY(1);
}
html.page-trans-lock,
html.page-trans-lock body{
    overflow:hidden;
}

/* Yerel SEO — anasayfa şeridi & Döşemealtı landing */
.local-seo-strip{
    background:var(--soft);
    border-radius:28px;
    padding:36px 28px;
    border:1px solid rgba(37,99,235,.1);
}
html.dark body .local-seo-strip,
body.dark .local-seo-strip{
    border-color:rgba(96,165,250,.18);
}
.local-seo-strip__body p{
    color:var(--muted);
    line-height:1.75;
    max-width:820px;
    margin:0 auto 18px;
    text-align:center;
}
.local-seo-strip__list{
    list-style:none;
    margin:0 auto 24px;
    padding:0;
    max-width:640px;
    color:var(--muted);
    line-height:1.7;
}
.local-seo-strip__list li{
    padding:6px 0 6px 1.4em;
    position:relative;
}
.local-seo-strip__list li::before{
    content:'✓';
    position:absolute;
    left:0;
    color:var(--primary);
    font-weight:700;
}
.local-seo-strip__actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    justify-content:center;
}
.local-landing-hero .page-hero-content{
    max-width:880px;
}
.local-faq__list{
    max-width:760px;
    margin:0 auto;
}
.local-faq__item{
    background:var(--card);
    border-radius:18px;
    margin-bottom:12px;
    padding:4px 18px;
    border:1px solid rgba(127,127,127,.12);
}
.local-faq__item summary{
    cursor:pointer;
    font-weight:600;
    padding:14px 0;
    list-style:none;
}
.local-faq__item summary::-webkit-details-marker{display:none}
.local-faq__item p{
    color:var(--muted);
    line-height:1.7;
    margin:0 0 16px;
    padding-top:0;
}