@font-face{font-family:Manrope;src:url(/assets/manrope-latin.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;src:url(/assets/manrope-latin-ext.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-0130,U+0132-02BA,U+02BD-02C5,U+02C7-02CC,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF}
:root{--bg:#f7f6f3;--bg2:#efeeea;--card:#fff;--tx:#17191b;--tx2:#5b6064;--ln:#e0ded8;--acc:var(--acc-l);--on:#fff;--inv:#17191b;--invt:#f7f6f3;--sh:0 1px 2px #0000000a,0 12px 32px #0000000d;color-scheme:light}
[data-theme=dark]{--bg:#17191b;--bg2:#1e2123;--card:#232628;--tx:#f1f0ec;--tx2:#a4a9ad;--ln:#33373a;--acc:var(--acc-d);--on:#0d1213;--inv:#f1f0ec;--invt:#17191b;--sh:0 1px 2px #0000004d,0 12px 32px #0000004d;color-scheme:dark}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:400 16px/1.65 Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.tt,.tt *{transition:background-color .45s ease,color .45s ease,border-color .45s ease!important}
h1,h2,h3{margin:0;line-height:1.1;letter-spacing:-.025em;font-weight:700;text-wrap:balance}
h1{font-size:clamp(2.2rem,6vw,4.4rem)}h2{font-size:clamp(1.6rem,3.2vw,2.5rem)}h3{font-size:1.1rem;letter-spacing:-.01em;line-height:1.3}
p{margin:0}a{color:inherit}img{display:block;max-width:100%;height:auto}picture{display:contents}
address{font-style:normal}
.i{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.i-f{fill:currentColor;stroke:none}
.wrap{width:100%;max-width:1320px;margin-inline:auto;padding-inline:clamp(16px,3vw,32px)}.narrow{max-width:860px}
.sec{padding-block:clamp(56px,8vw,104px)}.sec-s{padding-block:32px}.sec-t{padding-block:24px clamp(48px,6vw,80px)}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(24px,4vw,44px)}.sec-h p{color:var(--tx2);max-width:440px}
.eyebrow{display:block;font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--acc);margin-bottom:14px;text-decoration:none}
.lead{font-size:clamp(1.03rem,1.6vw,1.2rem);color:var(--tx2);margin-top:14px;max-width:680px}.muted{color:var(--tx2);font-size:.92rem}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;z-index:60;background:var(--card);padding:8px 14px;border-radius:8px}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 24px;border:1px solid transparent;border-radius:999px;font:600 .97rem Manrope,system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:transform .18s,background-color .18s,border-color .18s;background:none;color:var(--tx)}
.btn:hover{transform:translateY(-1px)}.btn-s{min-height:42px;padding:0 18px;font-size:.9rem}.btn-w{width:100%}
.btn-p{background:var(--acc);color:var(--on)}.btn-g{border-color:var(--ln);background:var(--card)}.btn-g:hover{border-color:var(--tx2)}.btn-t{color:var(--tx2);text-decoration:underline}
.btn-inv{background:var(--invt);color:var(--inv)}.btn-gi{border-color:color-mix(in srgb,var(--invt) 35%,transparent);color:var(--invt)}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}

.hdr{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--ln)}
.hdr-in{display:flex;align-items:center;gap:24px;height:72px}.logo{text-decoration:none;display:block;flex:none}.logo-img{height:42px;width:auto}
[data-theme=dark] .l-light,[data-theme=light] .l-dark{display:none}
.wordmark{display:flex;flex-direction:column;line-height:1}.wordmark b{font-size:1.32rem;font-weight:800;letter-spacing:.09em}.wordmark small{font-size:.54rem;letter-spacing:.27em;color:var(--tx2);margin-top:4px;font-weight:600}
.nav{display:flex;gap:4px;margin-inline:auto}.nav a{padding:8px 13px;border-radius:999px;text-decoration:none;font-size:.93rem;font-weight:500;color:var(--tx2);transition:color .15s}.nav a:hover,.nav a[aria-current]{color:var(--tx)}
.hdr-act{display:flex;align-items:center;gap:8px;margin-left:auto}.nav+.hdr-act{margin-left:0}
.ico{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--ln);border-radius:50%;background:none;color:var(--tx);cursor:pointer;font-size:1rem}
[data-theme=dark] .t-moon,[data-theme=light] .t-sun{display:none}.menu-btn{display:none}
@media (max-width:1040px){.menu-btn{display:grid}.nav{position:fixed;inset:73px 0 auto;height:calc(100dvh - 73px);background:var(--bg);flex-direction:column;padding:16px;gap:0;overflow:auto;display:none;margin:0}.nav.open{display:flex}.nav a{font-size:1.3rem;padding:15px 8px;border-bottom:1px solid var(--ln);border-radius:0;color:var(--tx)}.nav-open{overflow:hidden}}
@media (max-width:420px){.hdr-cta{padding:0 14px}}

.hero{padding-block:clamp(32px,6vw,72px) clamp(32px,4vw,48px)}.hero-t{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(24px,5vw,72px);align-items:end;margin-bottom:clamp(28px,4vw,48px)}.hero h1{max-width:13em}.hero-s p:first-child{color:var(--tx2);font-size:1.08rem}
.hero-i{position:relative;border-radius:24px;overflow:hidden;background:var(--bg2);aspect-ratio:2/1}.hero-i img{width:100%;height:100%;object-fit:cover}
@media (max-width:820px){.hero-t{grid-template-columns:1fr}.hero-i{aspect-ratio:4/3;border-radius:18px}}

.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tile{position:relative;display:block;overflow:hidden;border-radius:18px;background:var(--bg2);text-decoration:none;aspect-ratio:1/1;isolation:isolate}.tile-l{grid-column:span 2;aspect-ratio:2/1.02}
.tile img{width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.tile:hover img{transform:scale(1.04)}
.tile::after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#000000e6 72%);z-index:1}.tile-t{position:absolute;inset:auto 0 0;padding:18px;color:#fff;z-index:2}.tile-t p{font-size:.92rem;opacity:.88;margin-top:5px;max-width:420px}.tile-t h2{font-size:1.25rem}
@media (max-width:760px){.bento{grid-template-columns:repeat(2,1fr);gap:10px}.tile-t{padding:13px}.tile-t h3{font-size:.98rem}.tile-l{aspect-ratio:2/1.15}}
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.svc .tile{aspect-ratio:4/3.5}@media (max-width:900px){.svc{grid-template-columns:1fr 1fr}}@media (max-width:560px){.svc{grid-template-columns:1fr}}

.rows{border-top:1px solid var(--ln)}.row{display:grid;grid-template-columns:56px 1fr 1.3fr 28px;gap:20px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--ln);text-decoration:none;transition:padding .25s}.row:hover{padding-inline:12px 0}.row:hover .i{color:var(--acc)}
.row-n{color:var(--tx2);font-size:.85rem;font-variant-numeric:tabular-nums}.row h3{font-size:clamp(1.1rem,2vw,1.45rem);font-weight:600}.row p{color:var(--tx2);font-size:.95rem}
@media (max-width:760px){.row{grid-template-columns:32px 1fr 22px;gap:4px 10px;padding:18px 0}.row p{grid-row:2;grid-column:2 / 4}}

.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width:1000px){.pgrid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.pgrid{grid-template-columns:1fr 1fr;gap:10px}}
.pcard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--ln);border-radius:16px;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}.pcard:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.pcard-img{position:relative;aspect-ratio:4/3;background:var(--bg2)}.pcard-img img{width:100%;height:100%;object-fit:cover}.pcard-b{padding:14px 15px 16px;display:flex;flex-direction:column;gap:3px;flex:1}.pcard-b small{color:var(--tx2);font-size:.77rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pcard-b p{color:var(--tx2);font-size:.87rem}.price{margin-top:auto;padding-top:9px;font-weight:700;color:var(--acc);font-size:.95rem}

.brands{display:flex;flex-wrap:wrap;gap:24px 48px;align-items:center;justify-content:center}.brands img{height:38px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.75}.brands span{font-weight:700;color:var(--tx2);font-size:1.1rem}
.band{background:var(--bg2)}.why{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.why h3{margin-bottom:8px}.why p{color:var(--tx2);font-size:.95rem}.why div{border-top:2px solid var(--acc);padding-top:16px}@media (max-width:900px){.why{grid-template-columns:1fr 1fr}}@media (max-width:520px){.why{grid-template-columns:1fr}}
.projs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.proj{position:relative;display:block;border-radius:18px;overflow:hidden;aspect-ratio:16/10;background:var(--bg2);text-decoration:none;color:#fff}.proj img{width:100%;height:100%;object-fit:cover}.proj div{position:absolute;inset:auto 0 0;padding:44px 20px 18px;background:linear-gradient(transparent,#000a)}@media (max-width:640px){.projs{grid-template-columns:1fr}}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quotes figure{margin:0;padding:24px;background:var(--card);border:1px solid var(--ln);border-radius:16px}.quotes blockquote{margin:0 0 14px}.quotes figcaption{color:var(--tx2);font-size:.9rem}@media (max-width:820px){.quotes{grid-template-columns:1fr}}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width:820px){.posts{grid-template-columns:1fr}}.post{text-decoration:none;display:block}.post-img{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--bg2);margin-bottom:14px}.post-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.post:hover img{transform:scale(1.03)}.post time{font-size:.82rem;color:var(--tx2)}.post h3{margin:5px 0 7px;font-size:1.2rem}.post p{color:var(--tx2);font-size:.94rem}

.cta{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;background:var(--inv);color:var(--invt);border-radius:24px;padding:clamp(32px,6vw,64px)}.cta p{opacity:.78;margin-top:10px;max-width:520px}.cta .btns{margin:0}.sec:has(.cta){padding-bottom:clamp(32px,4vw,56px)}
.cinfo{display:flex;flex-wrap:wrap;gap:8px 32px;align-items:baseline;color:var(--tx2)}.cinfo h2{font-size:1.1rem;color:var(--tx);width:100%;letter-spacing:-.01em}.cinfo a{color:var(--tx)}

.ftr{border-top:1px solid var(--ln);margin-top:24px;font-size:.93rem}.ftr-g{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:32px;padding-block:52px 32px}.ftr h2{font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:var(--tx2);margin-bottom:12px}.ftr-g a:not(.logo),.ftr address{display:block;padding:3px 0;text-decoration:none;color:var(--tx)}.ftr-g a:hover{color:var(--acc)}.ftr-brand p{margin-top:12px;color:var(--tx2);max-width:320px}
.ftr-b{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-block:18px 26px;border-top:1px solid var(--ln);color:var(--tx2);font-size:.85rem}.ftr-b a{margin-left:16px}.ftr-b span:last-child a:first-child{margin-left:0}
@media (max-width:860px){.ftr-g{grid-template-columns:1fr 1fr}.ftr-brand{grid-column:1 / -1}}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:25;width:56px;height:56px;border-radius:50%;background:#128c4b;color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px #0004;font-size:1.3rem}

.page-h{padding-top:clamp(20px,3vw,36px);padding-bottom:clamp(20px,3vw,36px)}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;padding:0;margin:0 0 18px;font-size:.84rem;color:var(--tx2)}.crumbs li+li::before{content:"/";margin-right:4px;opacity:.5}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--tx)}
.chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:6px;margin-bottom:20px;scrollbar-width:none}.chips a{flex:none;padding:7px 15px;border:1px solid var(--ln);border-radius:999px;text-decoration:none;font-size:.88rem;font-weight:500;color:var(--tx2)}.chips a[aria-current]{background:var(--inv);border-color:var(--inv);color:var(--invt)}
.filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filter select,.filter input{min-height:42px;flex:1 1 150px;max-width:260px}
.empty{padding:clamp(40px,8vw,84px) 20px;text-align:center;border:1px dashed var(--ln);border-radius:18px}.empty p{color:var(--tx2);margin:10px auto 22px;max-width:440px}
.pager{display:flex;gap:6px;justify-content:center;margin-top:32px}.pager a{min-width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--ln);border-radius:10px;text-decoration:none}.pager a[aria-current]{background:var(--inv);color:var(--invt)}
.pd{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,64px);padding-bottom:40px}.pd-img{position:relative;border-radius:18px;overflow:hidden;background:var(--bg2)}.pd-img img{width:100%}.pd-th{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.pd-th img{border-radius:10px;aspect-ratio:1;object-fit:cover}.pd h1{font-size:clamp(1.8rem,3.5vw,2.8rem)}.pd-price{font-size:1.4rem;font-weight:700;margin-top:18px;color:var(--acc)}
.specs{width:100%;border-collapse:collapse;margin-top:28px;font-size:.95rem}.specs th,.specs td{padding:10px 0;border-bottom:1px solid var(--ln);text-align:left}.specs th{font-weight:500;color:var(--tx2);width:45%}@media (max-width:820px){.pd{grid-template-columns:1fr}}
.split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(24px,5vw,64px);padding-bottom:64px;align-items:start}.side{position:sticky;top:96px;display:grid;gap:24px}.sidecard{background:var(--card);border:1px solid var(--ln);border-radius:16px;padding:22px;display:grid;gap:12px}.sidecard h2{font-size:1.2rem}.sidecard h3{margin-top:8px}.sidecard p{color:var(--tx2);font-size:.94rem}.side nav h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--tx2);margin-bottom:8px}.side nav a{display:block;padding:7px 0;border-bottom:1px solid var(--ln);text-decoration:none;font-size:.95rem}.clist a,.clist address{display:block;padding:3px 0;text-decoration:none}@media (max-width:900px){.split{grid-template-columns:1fr}.side{position:static}}
.prose{max-width:720px;font-size:1.05rem}.prose>*+*{margin-top:1em}.prose h2{font-size:1.55rem;margin-top:1.7em}.prose h3{font-size:1.2rem;margin-top:1.4em}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.35em}.prose a{color:var(--acc)}.prose img{border-radius:12px}.prose table{width:100%;border-collapse:collapse;font-size:.95rem;display:block;overflow-x:auto}.prose th,.prose td{padding:10px;border-bottom:1px solid var(--ln);text-align:left}.prose blockquote{margin-inline:0;padding-left:16px;border-left:3px solid var(--acc);color:var(--tx2)}
.prose-i{position:relative;border-radius:16px;overflow:hidden;margin-bottom:28px;background:var(--bg2)}.prose-i img{width:100%}.prose-i.wide{aspect-ratio:21/9}.prose-i.wide img{height:100%;object-fit:cover}@media (max-width:640px){.prose-i.wide{aspect-ratio:4/3}}
.abouts{display:grid;grid-template-columns:1fr 1fr;gap:36px clamp(28px,5vw,64px);margin-block:36px}.abouts h2{font-size:1.35rem;margin-bottom:10px}.abouts .prose{color:var(--tx2);font-size:1rem}@media (max-width:760px){.abouts{grid-template-columns:1fr}}
.gal{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.gal figure{position:relative;margin:0}.gal img{width:100%;border-radius:14px;aspect-ratio:3/2;object-fit:cover}.gal figcaption{padding:9px 2px 0;font-size:.92rem;color:var(--tx2)}@media (max-width:640px){.gal{grid-template-columns:1fr}}
.map{width:100%;height:clamp(280px,40vw,420px);border:0;border-radius:18px;background:var(--bg2)}

.form{display:grid;gap:16px}.form.two{grid-template-columns:1fr 1fr;gap:16px 18px}.full{grid-column:1 / -1}@media (max-width:640px){.form.two{grid-template-columns:1fr}}
.f{display:grid;gap:6px;min-width:0}.f label:not(.check){font-size:.9rem;font-weight:600}.f small{color:var(--tx2)}.f em{color:#c0392b;font-style:normal;font-size:.86rem}[data-theme=dark] .f em{color:#ff8f7f}
input,select,textarea{width:100%;font:400 16px/1.4 Manrope,system-ui,sans-serif;color:var(--tx);background:var(--card);border:1px solid var(--ln);border-radius:12px;padding:12px 14px;min-height:50px}
input[type=file]{padding:11px}input[type=checkbox]{width:20px;height:20px;min-height:0;flex:none;accent-color:var(--acc);margin:2px 0 0}textarea{resize:vertical}.f-err input,.f-err select,.f-err textarea{border-color:#c0392b}
.check{display:flex;gap:10px;font-size:.9rem;color:var(--tx2);cursor:pointer}.check a{color:var(--acc)}.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.alert{padding:12px 16px;border-radius:12px;background:#c0392b1a;color:#c0392b;margin-bottom:18px;font-size:.94rem}[data-theme=dark] .alert{color:#ff8f7f}
.status{text-align:left}.status h1{font-size:clamp(1.7rem,4vw,2.5rem);margin-bottom:12px}.status>p{color:var(--tx2)}.status.ok h1::before{content:"✓";display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--acc);color:var(--on);font-size:1.5rem;margin-bottom:18px}
.wamsg{white-space:pre-wrap;word-break:break-word;font:400 .92rem/1.55 Manrope,system-ui,sans-serif;background:var(--card);border:1px solid var(--ln);border-radius:14px;padding:16px;margin:20px 0;max-height:320px;overflow:auto}
.confirm{margin-top:24px;padding-top:20px;border-top:1px solid var(--ln)}.confirm p{color:var(--tx2);font-size:.94rem;margin-bottom:12px}.confirm form{display:flex;flex-wrap:wrap;gap:8px}
.nf{text-align:center}.nf .btns{justify-content:center}.nf .lead{margin-inline:auto}

/* Sinematik giriş */
.hdr{transition:background-color .25s,border-color .25s}
.home .hdr{position:fixed;left:0;right:0}
.home:not(.nav-open) .hdr:not(.scrolled){--tx:#fff;--tx2:#ffffffc4;--ln:#ffffff40;background:transparent;border-color:transparent;backdrop-filter:none;color:#fff}
.cine{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:min(100svh,920px);padding-top:120px;color:#fff;background:#111314;overflow:hidden}
.cine-bg{position:absolute;inset:0;z-index:-1}.cine-bg img{width:100%;height:100%;object-fit:cover}
.cine-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b0d0ea6 0,#0b0d0e33 30%,#0b0d0ed9 82%,#0b0d0e),linear-gradient(90deg,#0b0d0eb3,transparent 65%)}
.cine .eyebrow{color:#7fe3ec}
.cine-c{padding-bottom:clamp(28px,4vw,44px)}.cine h1{font-size:clamp(2.5rem,6.6vw,5.4rem);max-width:13em;line-height:1.03;letter-spacing:-.035em}
.cine-l{font-size:clamp(1.03rem,1.5vw,1.22rem);color:#ffffffd1;max-width:600px;margin-top:20px}
.btn-gl{border-color:#ffffff59;color:#fff;background:#ffffff14;backdrop-filter:blur(8px)}.cine .btn-p{--acc:#4cc9d4;--on:#0d1213}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding-bottom:clamp(20px,3vw,32px)}
.quick a{position:relative;display:grid;gap:2px;padding:18px 48px 18px 20px;text-decoration:none;color:#fff;background:#ffffff14;backdrop-filter:blur(14px);transition:background-color .2s}.quick a:hover{background:#ffffff2b}.quick a:first-child{border-radius:14px 0 0 14px}.quick a:last-child{border-radius:0 14px 14px 0}
.quick span{font-size:.84rem;color:#ffffffd9}.quick .i{position:absolute;right:18px;top:50%;translate:0 -50%}
@media (max-width:820px){.quick{grid-template-columns:1fr 1fr}.quick a{padding:14px 34px 14px 14px;border-radius:0!important}.quick .i{right:10px}.quick a:first-child{border-top-left-radius:14px!important}.quick a:nth-child(2){border-top-right-radius:14px!important}.quick a:nth-child(3){border-bottom-left-radius:14px!important}.quick a:last-child{border-bottom-right-radius:14px!important}}

.svcx{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,5vw,72px);align-items:start}
.svcx-p{position:sticky;top:96px;aspect-ratio:4/4.4;border-radius:20px;overflow:hidden;background:var(--bg2)}.svcx-p div{position:absolute;inset:0;opacity:0;transition:opacity .45s}.svcx-p div.on{opacity:1}.svcx-p img{width:100%;height:100%;object-fit:cover}
.svcx .row{grid-template-columns:40px 1fr 24px;gap:12px}.svcx .row p{margin-top:4px}
@media (max-width:900px){.svcx{grid-template-columns:1fr}.svcx-p{display:none}.svcx .row{grid-template-columns:32px 1fr 22px}.svcx .row p{grid-row:auto;grid-column:auto}}

.band-d{background:#111314;color:#f1f0ec}.band-d .eyebrow{color:#7fe3ec}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,88px);align-items:center}.calc-l{color:#ffffffb8;margin-top:14px;max-width:440px}
.calc-f{--tx:#f1f0ec;--card:#ffffff0f;--ln:#ffffff2e;display:grid;gap:18px;padding:clamp(20px,3vw,32px);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:20px}
.calc-f label{display:block;font-size:.9rem;font-weight:600}.calc-f output{float:right;color:#7fe3ec}.calc-f select{margin-top:6px}.calc-f option{color:#111}
.calc-f input[type=range]{padding:0;min-height:0;border:0;background:none;margin-top:10px;accent-color:#4cc9d4}.calc-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.calc-r{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-top:16px;border-top:1px solid #ffffff1f}.calc-r small{display:block;color:#ffffffc4}.calc-r b{font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:-.02em}.calc-r .btn-p{--acc:#4cc9d4;--on:#0d1213}.calc-n{font-size:.8rem;color:#ffffffb8}
@media (max-width:820px){.calc{grid-template-columns:1fr}}

.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0;margin:0;border-top:1px solid var(--ln)}.steps li{padding:22px 24px 0 0;position:relative}.steps li::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--acc)}.steps span{font-size:.82rem;color:var(--tx2)}.steps h3{margin:8px 0 6px;font-size:1.15rem}.steps p{color:var(--tx2);font-size:.94rem}
@media (max-width:860px){.steps{grid-template-columns:1fr;border-top:0;border-left:1px solid var(--ln)}.steps li{padding:0 0 26px 22px}.steps li::before{top:6px;left:-5px}}
.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(20px,5vw,72px)}.faq details{border-bottom:1px solid var(--ln)}.faq details:first-child{border-top:1px solid var(--ln)}.faq summary{cursor:pointer;padding:18px 28px 18px 0;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:4px;font-size:1.3rem;line-height:1.2;color:var(--acc)}.faq details[open] summary::after{content:"–"}.faq details p{padding-bottom:18px;color:var(--tx2)}@media (max-width:820px){.faq{grid-template-columns:1fr}}

.ph{position:relative;isolation:isolate;background:#111314;color:#fff;overflow:hidden;--tx:#fff;--tx2:#ffffffc4;--ln:#ffffff40}.ph+.split{padding-top:clamp(32px,4vw,56px)}.ph+.sec-t{padding-top:clamp(28px,4vw,48px)}.ph-bg{position:absolute;inset:0;z-index:-1;opacity:.32}.ph-bg img{width:100%;height:100%;object-fit:cover}.ph-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0d0ee6,#0b0d0e66)}.ph .page-h{padding-block:clamp(36px,6vw,76px)}.ph h1{max-width:15em}
.ftr{background:#111314;color:#f1f0ec;border-top:0;--tx:#f1f0ec;--tx2:#a4a9ad;--ln:#ffffff24;--acc:#7fe3ec;margin-top:0;overflow:hidden}
.cta{background:linear-gradient(120deg,#0e5f68,#111314 72%);color:#fff;--invt:#fff;--inv:#111314}

/* Logo */
.logo{display:flex;align-items:center;gap:10px;perspective:400px}.mark{width:42px;height:42px;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.logo:hover .mark{transform:rotateY(360deg)}

/* Sıcak-soğuk arka plan: üstte sıcak, aşağı indikçe soğuk */
html{background:var(--bg)}body{background:transparent;--w:#ff7a33;--c:#22b8e6}
[data-theme=dark] body{--wa:.2;--ca:.18}body{--wa:.13;--ca:.13}
body::before,body::after{content:"";position:fixed;inset:-12%;z-index:-3;pointer-events:none}
body::before{background:radial-gradient(42% 46% at 86% 12%,color-mix(in srgb,var(--w) calc(var(--wa)*100%),transparent),transparent 72%),radial-gradient(30% 30% at 20% 30%,color-mix(in srgb,#ffb52e calc(var(--wa)*55%),transparent),transparent 72%)}
body::after{background:radial-gradient(46% 48% at 12% 88%,color-mix(in srgb,var(--c) calc(var(--ca)*100%),transparent),transparent 72%),radial-gradient(30% 30% at 76% 72%,color-mix(in srgb,#3fe3e0 calc(var(--ca)*55%),transparent),transparent 72%)}
.amb{position:fixed;inset:0;z-index:-2;pointer-events:none;background:url(/assets/flow.svg) center/1700px auto repeat;opacity:.22}[data-theme=dark] .amb{opacity:.3}
.band{background:color-mix(in srgb,var(--bg2) 62%,transparent)}.pcard,.sidecard,.quotes figure{background:color-mix(in srgb,var(--card) 82%,transparent);backdrop-filter:blur(10px)}
.hdr{background:color-mix(in srgb,var(--bg) 78%,transparent)}
.sec-h h2::after{content:"";display:block;width:64px;height:3px;margin-top:14px;border-radius:3px;background:linear-gradient(90deg,#ff7a33,#22b8e6)}
.ftr{border-top:3px solid transparent;border-image:linear-gradient(90deg,#ff7a33,#22b8e6) 1}.why div{border-image:linear-gradient(90deg,#ff7a33,#22b8e6) 1}

/* Bülten */
.news{display:grid;grid-template-columns:1fr 1fr;gap:18px 48px;align-items:center;padding-block:44px 8px}.news h2{font-size:1.6rem;color:var(--tx);text-transform:none;letter-spacing:-.02em;margin-bottom:6px}.news p{color:var(--tx2)}.news-r{display:flex;gap:8px;margin-bottom:10px}.news-r input{flex:1;min-width:0;background:#ffffff12;color:#fff;border-color:#ffffff33}.news .check{color:var(--tx2);font-size:.85rem}.news .btn-p{--acc:#4cc9d4;--on:#0d1213}@media (max-width:760px){.news{grid-template-columns:1fr}}

/* 3D */
.tilt{transition:transform .25s ease-out,box-shadow .25s;transform-style:preserve-3d;will-change:transform}.tilt:hover{box-shadow:0 26px 50px #0000004d}
@view-transition{navigation:auto}
.hdr{view-transition-name:hdr}
@media (prefers-reduced-motion:no-preference){
::view-transition-old(root){animation:vt-out .42s cubic-bezier(.5,0,.8,.4) both}
::view-transition-new(root){animation:vt-in .55s cubic-bezier(.2,.7,.2,1) both}
.logo{transform-style:preserve-3d}
}
@keyframes vt-out{to{opacity:0;transform:perspective(1400px) rotateY(16deg) translateZ(-180px)}}
@keyframes vt-in{from{opacity:0;transform:perspective(1400px) rotateY(-16deg) translateZ(-180px)}}
.bento,.pgrid,.rows,.posts,.why,.steps,.svc,.gal,.projs{perspective:1300px}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
.sec-h,.tile,.row,.why>div,.post,.proj,.steps li,.faq details,.gal figure{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 30%;transform-origin:50% 100%}
.cine-bg img{animation:depth linear both;animation-timeline:scroll(root);animation-range:0 100vh}
.cine-c{animation:liftz linear both;animation-timeline:scroll(root);animation-range:0 80vh}
.cine{perspective:1000px}
body::before{animation:fade-w linear both;animation-timeline:scroll(root)}body::after{animation:fade-c linear both;animation-timeline:scroll(root)}
}}
@keyframes rise{from{opacity:0;translate:0 46px;rotate:1 0 0 -22deg;scale:.96}to{opacity:1;translate:0 0;rotate:1 0 0 0deg;scale:1}}
@keyframes depth{to{scale:1.16;translate:0 8%}}
@keyframes liftz{to{translate:0 -60px;opacity:.15;rotate:1 0 0 12deg}}
@keyframes fade-w{from{opacity:1}to{opacity:.25}}@keyframes fade-c{from{opacity:.35}to{opacity:1}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.hdr,.ftr,.wa-float{display:none}}

/* E-ticaret */
.hdr-act .ico{position:relative;text-decoration:none}.bdg{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#f4602c;color:#fff;font-size:.68rem;font-weight:700;display:grid;place-items:center}@media (max-width:640px){.hdr-x,.hdr-cta{display:none}}
.pcard-img{display:block}.pcard h3 a{text-decoration:none}.pcard-a{display:flex;gap:6px;align-items:center;margin-top:10px;flex-wrap:wrap}.pcard-a form{margin:0}.ico-s{width:36px;height:36px;border:1px solid var(--ln);border-radius:50%;background:none;color:var(--tx);cursor:pointer;font-size:1rem}.price s{color:var(--tx2);font-weight:400;font-size:.85em}
.shop{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.shop .pgrid{grid-template-columns:repeat(3,1fr)}.flt{background:color-mix(in srgb,var(--card) 82%,transparent);border:1px solid var(--ln);border-radius:14px;padding:14px;position:sticky;top:90px}.flt summary{font-weight:700;cursor:pointer}.flt form{display:grid;gap:10px;margin-top:10px}.flt label{font-size:.85rem;font-weight:600}.flt input:not([type=checkbox]),.flt select{min-height:40px;padding:7px 10px;font-size:.92rem;margin-top:3px}.flt-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (max-width:900px){.shop{grid-template-columns:1fr}.flt{position:static}.shop .pgrid{grid-template-columns:repeat(2,1fr)}}
.buy{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-top:16px}.buy label{font-size:.85rem;font-weight:600}.buy input{width:80px}.pd-i .btns form{margin:0}
.split2{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}@media (max-width:900px){.split2{grid-template-columns:1fr}}.split2 h2{font-size:1.15rem}
.cart{display:grid;gap:10px}.ci{display:grid;grid-template-columns:84px minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:12px;background:color-mix(in srgb,var(--card) 82%,transparent);border:1px solid var(--ln);border-radius:14px}.ci-i img{border-radius:8px;width:84px;height:64px;object-fit:cover}.ci small,.ci span{display:block;color:var(--tx2);font-size:.85rem}.ci a{text-decoration:none}.ci form{display:flex;gap:6px;margin:0}.ci input{width:68px;min-height:40px;padding:6px}@media (max-width:760px){.ci{grid-template-columns:64px minmax(0,1fr)}.ci-i img{width:64px;height:52px}.ci form,.ci strong{grid-column:1 / -1}}
.coupon{display:flex;gap:8px;max-width:380px;margin-top:6px}.coupon input{min-height:42px}
.sum{position:sticky;top:90px;display:grid;gap:10px;padding:20px;background:color-mix(in srgb,var(--card) 82%,transparent);border:1px solid var(--ln);border-radius:16px}.sum dl{display:grid;grid-template-columns:1fr auto;gap:6px;margin:0}.sum dd{margin:0}.sum .t{font-weight:800;font-size:1.15rem;padding-top:8px;border-top:1px solid var(--ln)}.sum-l{padding-left:18px;margin:0;font-size:.9rem;color:var(--tx2)}@media (max-width:900px){.sum{position:static}}
.pays{display:grid;gap:8px}.pays input[type=radio]{width:20px;height:20px;min-height:0;flex:none;accent-color:var(--acc);margin:2px 0 0}
.track{list-style:none;display:flex;gap:4px;padding:0;margin:20px 0;flex-wrap:wrap}.track li{flex:1 1 90px;padding:8px;border-top:3px solid var(--ln);font-size:.82rem;color:var(--tx2)}.track li.on{border-color:var(--acc);color:var(--tx);font-weight:600}
.acc{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px}@media (max-width:900px){.acc{grid-template-columns:1fr}}.adr{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--ln)}
.cmp{overflow-x:auto}.cmp th a{text-decoration:none}.cmp .specs th{width:auto;min-width:130px}.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.bgrid a{display:grid;place-items:center;min-height:110px;padding:16px;border:1px solid var(--ln);border-radius:14px;text-decoration:none;background:color-mix(in srgb,var(--card) 82%,transparent)}.promos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.promos .tile{aspect-ratio:16/9}@media (max-width:760px){.promos{grid-template-columns:1fr}}
.trust{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trust li{padding:16px;border:1px solid var(--ln);border-radius:14px;display:grid;gap:2px}.trust span{font-size:.85rem;color:var(--tx2)}@media (max-width:760px){.trust{grid-template-columns:1fr 1fr}}
.faq-l details{border-bottom:1px solid var(--ln)}.faq-l summary{cursor:pointer;padding:14px 0;font-weight:600}.faq-l p{color:var(--tx2);padding-bottom:14px}
.ckb{position:fixed;left:12px;right:84px;bottom:12px;z-index:40;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 16px;background:var(--card);border:1px solid var(--ln);border-radius:14px;box-shadow:var(--sh);font-size:.88rem}.ckb p{flex:1 1 240px;margin:0}
.ftr-g a:not(.logo){padding:6px 0}.ftr-b a{display:inline-block;padding:6px 0}.crumbs a{display:inline-block;padding:4px 0}.chips a{min-height:36px;display:inline-flex;align-items:center}.ckb .btn{min-height:40px}
.bdg[hidden]{display:none}

/* Ürün odaklı üst alan */
.hdr-in{height:64px}.sub{border-top:1px solid var(--ln)}.sub-in{display:flex;align-items:center;gap:16px;height:50px}.hs{position:relative;flex:0 0 300px}.hs input{min-height:36px;padding:6px 38px 6px 14px;border-radius:999px;font-size:.88rem;background:color-mix(in srgb,var(--card) 70%,transparent)}.hs button{position:absolute;right:3px;top:3px;width:30px;height:30px;border:0;border-radius:50%;background:var(--acc);color:var(--on);display:grid;place-items:center;cursor:pointer}.home .hs button{--acc:#4cc9d4;--on:#0d1213}
.sub-c{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.sub-c a{flex:none;padding:6px 10px;border-radius:999px;font-size:.84rem;text-decoration:none;color:var(--tx2)}.sub-c a:hover{color:var(--tx)}.sub-c b{color:var(--tx)}
.cine{padding-top:150px}.nav{top:65px}.side,.sum,.flt,.svcx-p{top:132px}
@media (max-width:1040px){.nav{inset:65px 0 auto;height:calc(100dvh - 65px)}}
@media (max-width:640px){.sub-in{height:auto;flex-direction:column;align-items:stretch;gap:6px;padding-block:8px}.hs{flex:auto}.cine{padding-top:190px}body{padding-bottom:62px}.wa-float{bottom:74px}.ckb{bottom:70px;right:12px}}
.mbar{display:none}@media (max-width:640px){.mbar{position:fixed;left:0;right:0;bottom:0;z-index:28;display:grid;grid-template-columns:repeat(5,1fr);background:var(--card);border-top:1px solid var(--ln)}.mbar a{display:grid;justify-items:center;gap:1px;padding:8px 2px;text-decoration:none;font-size:.68rem;color:var(--tx)}}
.pill{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pill a{position:relative;display:block;padding:20px 40px 20px 20px;border:1px solid var(--ln);border-radius:16px;text-decoration:none;background:color-mix(in srgb,var(--card) 82%,transparent);transition:border-color .2s,transform .2s}.pill a:hover{border-color:var(--acc);transform:translateY(-2px)}.pill h2{font-size:1.1rem;letter-spacing:-.01em;margin-bottom:6px}.pill p{font-size:.88rem;color:var(--tx2)}.pill .i{position:absolute;right:16px;top:20px;color:var(--acc)}@media (max-width:900px){.pill{grid-template-columns:1fr 1fr}}@media (max-width:480px){.pill{grid-template-columns:1fr}}
.more{text-align:center;margin-top:24px}.soc{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ftr-g .soc a{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--ln);border-radius:50%;padding:0;font-size:.82rem;font-weight:700}

/* Ana sayfada kısa ürün alanı */
.home .pcard-img{aspect-ratio:16/9}.home .pcard-b{padding:10px 12px 12px}.home .pcard h3{font-size:.95rem}.home .pcard-b p{display:none}.home .pcard-a{margin-top:6px}.home .more{margin-top:14px}
.pcard-img{overflow:hidden}.pcard-img img{position:absolute;inset:0}

/* Marka kutuları */
.sub-in{justify-content:flex-end}.bgrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.bcard{position:relative;display:grid;justify-items:start;align-content:start;gap:4px;min-height:0;padding:24px 22px 20px;border-radius:18px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.bcard::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#ff7a33,#22b8e6);opacity:.75}.bcard:hover{transform:translateY(-3px);border-color:var(--acc);box-shadow:var(--sh)}
.bmark{width:56px;height:56px;margin-bottom:10px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--acc) 14%,transparent);color:var(--acc);font-size:1.5rem;font-weight:800;overflow:hidden}.bmark img{width:100%;height:100%;object-fit:contain;background:#fff;padding:6px}
.bcard h2{font-size:1.15rem;letter-spacing:-.01em}.bcard small{color:var(--tx2)}.bgo{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:.87rem;font-weight:600;color:var(--acc)}
/* Blog: yan yana üçlü */
@media (max-width:820px){.posts{grid-template-columns:repeat(3,1fr);gap:14px}.post h3{font-size:1rem}.post p{font-size:.86rem}}@media (max-width:600px){.posts{grid-template-columns:1fr}}
.art .prose-i{aspect-ratio:21/9;max-height:320px}.art .prose-i img{width:100%;height:100%;object-fit:cover}
.bgrid{grid-template-columns:repeat(3,1fr)}@media (max-width:760px){.bgrid{grid-template-columns:1fr 1fr}}

/* Üst bilgi şeridi ve canlı arama */
.sub-in{justify-content:space-between}.sub-l{display:flex;align-items:center;gap:16px;min-width:0;font-size:.84rem}.sub-l>a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--tx2)}.sub-l>a:hover{color:var(--tx)}.sub-l .soc{margin:0;gap:4px}.soc a{text-decoration:none}.sub-l .soc a{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--ln);border-radius:50%;font-size:.68rem;font-weight:700}.side .soc a{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--ln);border-radius:50%}
.hs-r{position:absolute;top:calc(100% + 6px);left:0;right:0;width:min(440px,92vw);margin-left:auto;z-index:45;display:grid;background:var(--card);--acc:var(--acc);border:1px solid #8884;border-radius:14px;box-shadow:0 18px 44px #0006;overflow:hidden}.hs-r[hidden]{display:none}.hs-r a{display:flex;align-items:center;gap:10px;padding:8px 12px;text-decoration:none;color:var(--tx);font-size:.88rem;line-height:1.3}.hs-r a:hover,.hs-r a:focus{background:color-mix(in srgb,#4cc9d4 14%,transparent);outline:0}.hs-r img{width:52px;height:40px;object-fit:cover;border-radius:6px;flex:none}.hs-r small{display:block;color:var(--tx2);font-size:.76rem}.hs-all{justify-content:center;font-weight:700;border-top:1px solid #8884}
.home:not(.nav-open) .hdr:not(.scrolled) .hs-r{--tx:#f1f0ec;--tx2:#a4a9ad;--card:#232628}
@media (max-width:640px){.sub-l{display:none}.hs-r{width:100%}}

/* Yayın öncesi düzeltmeler: yapışkan footer, mobil alt menü, tablet ızgaraları */
body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}main{flex:1 0 auto}.ftr{flex-shrink:0}
.ftr-b span:last-child{display:flex;flex-wrap:wrap;gap:6px 18px}.ftr-b a{margin:0!important;text-decoration:none}.ftr-b a:hover{color:var(--tx)}.ftr-g a:not(.logo){text-decoration:none}
.shop>*{min-width:0}.flt input,.flt select{min-width:0;max-width:100%}
.mbar-c{color:var(--acc)!important;font-weight:700}
@media (min-width:700px) and (max-width:1000px){.home .pgrid{grid-template-columns:repeat(4,1fr);gap:12px}}
@media (max-width:640px){
  body{padding-bottom:0}.ftr{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.wa-float{display:none}
  .mbar{padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -6px 20px #0000001f}.mbar a{gap:2px;padding:9px 2px 8px}
  .ftr-g{gap:24px 16px;padding-block:34px 18px}.ftr-g a:not(.logo){padding:5px 0}.ftr-b{flex-direction:column;gap:12px;padding-block:16px 18px}
  .news{padding-block:32px 0}.news h2{font-size:1.3rem}
}
/* MAERON logo: amblem tek gradyan (#mkg), gündüz çelik/bronz, gece gümüş/şampanya */
.mk-defs{position:absolute;width:0;height:0;overflow:hidden}
.mk{display:block;overflow:visible}.mk path{fill:none;stroke:url(#mkg);stroke-width:5.5}.mk .mk-o{stroke-width:4.6}.mk .mk-m{fill:url(#mkg);stroke:none}
#mkg .g1{stop-color:#41474b}#mkg .g2{stop-color:#5c6266}#mkg .g3{stop-color:#9ca1a4}#mkg .g4{stop-color:#5a6064}#mkg .g5{stop-color:#3d4347}#mkg .g6{stop-color:#8a7a58}
[data-theme=dark] #mkg .g1{stop-color:#a9afb3}[data-theme=dark] #mkg .g2{stop-color:#c6cbce}[data-theme=dark] #mkg .g3{stop-color:#f4f5f6}[data-theme=dark] #mkg .g4{stop-color:#b5bbbf}[data-theme=dark] #mkg .g5{stop-color:#8d949a}[data-theme=dark] #mkg .g6{stop-color:#d2bd8f}
.logo .mk{width:46px;height:46px}
.wordmark b{font-weight:800;letter-spacing:.13em;background:linear-gradient(180deg,#7d6f52 5%,#3d4347 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme=dark] .wordmark b{background-image:linear-gradient(180deg,#dcc99d 5%,#bcc2c6 80%)}
.wordmark small{letter-spacing:.22em}
.home:not(.nav-open) .hdr:not(.scrolled) .mk path{stroke:url(#mkd)}.home:not(.nav-open) .hdr:not(.scrolled) .mk .mk-m{fill:url(#mkd)}
.home:not(.nav-open) .hdr:not(.scrolled) .wordmark b{background-image:linear-gradient(180deg,#e6d5ab 5%,#f1f3f4 80%)}
.ftr-brand .logo{display:inline-flex}
/* İlk giriş animasyonu (oturum başına bir kez; html.intro-on satır içi tema betiğiyle eklenir) */
.intro{display:none}
.intro-on body{overflow:hidden}
.intro-on .intro{display:grid;place-items:center;position:fixed;inset:0;z-index:1000;background:radial-gradient(ellipse at 50% 42%,var(--card),var(--bg) 70%);cursor:pointer;animation:introHide .6s ease 3.8s forwards}
.intro-done .intro{opacity:0;transform:scale(1.03);transition:opacity .6s ease,transform .6s ease;pointer-events:none}
.intro-in{display:grid;justify-items:center;text-align:center;padding:24px}
.intro-mk{width:min(210px,44vw);height:auto;aspect-ratio:1}
.intro-mk .mk-a,.intro-mk .mk-o{stroke-dasharray:1;stroke-dashoffset:1;animation:mkDraw 1.1s cubic-bezier(.65,0,.35,1) forwards}
.intro-mk .mk-a+.mk-a{animation-delay:.15s}.intro-mk .mk-o{animation-delay:.5s;animation-duration:.9s}
.intro-mk .mk-m{opacity:0;transform:translateY(16px) scale(.94);transform-box:fill-box;transform-origin:center;animation:mkRise .95s cubic-bezier(.2,.7,.2,1) .55s forwards}
.intro-w{margin-top:clamp(14px,3vh,26px);padding-left:.16em;font-weight:700;font-size:clamp(2.1rem,8vw,3.5rem);line-height:1;letter-spacing:.16em;background:linear-gradient(180deg,#7d6f52 10%,#3d4347 85%);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;animation:wIn 1.1s cubic-bezier(.2,.7,.2,1) 1.05s forwards}
[data-theme=dark] .intro-w{background-image:linear-gradient(180deg,#dcc99d 10%,#bcc2c6 85%)}
.intro-l{display:block;width:min(170px,40vw);height:1px;background:var(--tx2);margin:16px 0 12px;transform:scaleX(0);animation:lIn .7s ease 1.55s forwards}
.intro-s{padding-left:.5em;font-weight:700;font-size:clamp(.82rem,2.4vw,1rem);letter-spacing:.5em;color:var(--tx2);opacity:0;animation:fIn .6s ease 1.75s forwards}
.intro-t{margin-top:16px;font-size:clamp(.58rem,1.9vw,.74rem);letter-spacing:.16em;color:var(--tx2);opacity:0;animation:fIn .6s ease 2s forwards}
@keyframes mkDraw{to{stroke-dashoffset:0}}@keyframes mkRise{to{opacity:1;transform:none}}@keyframes lIn{to{transform:none}}@keyframes fIn{to{opacity:1}}
@keyframes wIn{from{opacity:0;letter-spacing:.6em;filter:blur(6px)}to{opacity:1;letter-spacing:.16em;filter:none}}
@keyframes introHide{to{opacity:0;visibility:hidden;pointer-events:none}}
/* VRF / VRV öne çıkan bölüm */
.vrf{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(14px,2vw,22px);border:1px solid var(--ln);border-radius:28px;background:var(--card);box-shadow:var(--sh)}
.vrf-img{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/3.3;background:var(--bg2)}.vrf-img img{width:100%;height:100%;object-fit:cover}
.vrf-tag{position:absolute;left:14px;top:14px;padding:6px 12px;border-radius:999px;background:#111314cc;color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.04em;backdrop-filter:blur(6px)}
.vrf-c{padding:8px clamp(0px,2vw,18px) 8px 0}.vrf-c h2{font-size:clamp(1.8rem,3.6vw,2.8rem)}
.vrf-l{list-style:none;margin:24px 0 28px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 22px}
.vrf-l li{padding-left:14px;border-left:2px solid var(--acc)}.vrf-l b{display:block;font-size:.98rem}.vrf-l span{display:block;color:var(--tx2);font-size:.9rem;line-height:1.5;margin-top:2px}
.vrf .btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
@media (max-width:900px){.vrf{grid-template-columns:1fr}.vrf-c{padding:0 6px 8px}}
@media (max-width:480px){.vrf-l{grid-template-columns:1fr}.vrf .btns .btn{flex:1 1 100%}}
/* "Ücretsiz" rozeti */
.free{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;margin-bottom:14px;border-radius:999px;background:#1f9d5524;color:#157a3c;font-weight:700;font-size:.85rem}
[data-theme=dark] .free{color:#6fd99b;background:#1f9d5533}
.mbar a span{text-align:center;line-height:1.15}
.reach{margin-bottom:22px}.reach h2{font-size:clamp(1.5rem,3vw,2rem)}.reach p{margin-top:8px;color:var(--tx2)}
.sub-cta{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:700;text-decoration:none;color:var(--acc)}.sub-cta:hover{gap:11px}
/* Yapımcı imzası */
.ftr-c{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding-block:14px 22px;border-top:1px solid var(--ln);font-size:.78rem;color:var(--tx2);letter-spacing:.02em}
.ftr-c a{display:inline-flex;align-items:baseline;gap:8px;text-decoration:none;color:var(--tx)}.ftr-c b{font-weight:800;letter-spacing:.14em;background:linear-gradient(180deg,#7d6f52 10%,#3d4347 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.ftr-c sup{font-size:.6em}
[data-theme=dark] .ftr-c b{background-image:linear-gradient(180deg,#dcc99d 10%,#bcc2c6 85%)}
.ftr-c a span{color:var(--tx2);border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.ftr-c a:hover span{color:var(--tx);border-color:currentColor}