/* Line&Frame v2 ic sayfalar (FabriCo duzeni: breadcrumb, etiket, buyuk serif baslik, kart izgarasi) */
body.inner{background:var(--bg)!important;color:var(--ink);font-family:var(--sans);margin:0;-webkit-font-smoothing:antialiased}
body.inner #wrapper{background:transparent}
body.inner a{color:inherit}
body.inner #main{padding-top:0;background:transparent}
body.inner #main .inner{max-width:1320px;margin:0 auto;padding:0 var(--g) 110px;box-sizing:border-box}
.phero{padding:150px 0 54px;border-bottom:1px solid var(--line);margin-bottom:54px}
.crumb{font:400 .78rem var(--sans);color:var(--mut);margin:0 0 26px}.crumb a:hover{color:var(--red)}
.phero .tag{margin:0 0 18px}
.phero h1{font:300 clamp(2.6rem,6.4vw,6rem)/1.02 var(--serif);letter-spacing:-.035em;margin:0;max-width:1100px}
.phero h1 em{font-style:italic;color:var(--red)}
body.inner #main .inner p,body.inner #main .inner li{font:400 1.02rem/1.78 var(--sans);color:#33363c;max-width:780px}
body.inner #main .inner h2,body.inner #main .inner h3{font:300 clamp(1.6rem,3vw,2.5rem)/1.12 var(--serif);letter-spacing:-.025em;margin:2.4em 0 .6em;color:var(--ink)}
body.inner #main .inner h4{font:600 1rem var(--sans);margin:1.8em 0 .5em}
body.inner #main .inner a:not(.button){text-decoration:underline;text-decoration-color:rgba(20,22,26,.3);text-underline-offset:3px}
body.inner #main .inner a:not(.button):hover{color:var(--red);text-decoration-color:var(--red)}
body.inner #main .inner ul{padding-left:1.2em}
.image.main{display:block;margin:0 0 40px}.image.main img{width:100%;height:auto;border-radius:22px;display:block}
img[src*="resimyok"]{display:none}.image:has(img[src*="resimyok"]){display:none}
/* kart izgarasi */
.box.alt .row{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin:30px 0 0}
.box.alt .row>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .5s var(--ease),border-color .3s,box-shadow .5s var(--ease)}
.box.alt .row>div:hover{transform:translateY(-6px);border-color:var(--ink);box-shadow:0 18px 40px rgba(20,22,26,.1)}
.box.alt .row .image{display:block;overflow:hidden;margin:0}
.box.alt .row .image img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform 1.1s var(--ease)}
.box.alt .row>div:hover .image img{transform:scale(1.06)}
body.inner a.button.fit{display:block;padding:18px 22px;font:500 1rem/1.3 var(--sans);text-decoration:none!important;color:var(--ink);position:relative}
body.inner a.button.fit:after{content:"→";position:absolute;right:22px;top:50%;transform:translateY(-50%);transition:transform .35s var(--ease),color .3s}
.box.alt .row>div:hover a.button.fit:after{transform:translate(6px,-50%);color:var(--red)}
/* iletisim formu */
body.inner #contact{background:var(--bg2);padding:90px var(--g);margin:0}
body.inner #contact .inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px}
body.inner .fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field.half{grid-column:span 1}.field:not(.half){grid-column:1/-1}
body.inner label{display:block;font:500 .72rem var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;color:var(--mut)}
body.inner input[type=text],body.inner textarea{width:100%;box-sizing:border-box;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px 18px;font:400 1rem var(--sans);color:var(--ink);outline:none;transition:border-color .3s}
body.inner input[type=text]:focus,body.inner textarea:focus{border-color:var(--red)}
body.inner ul.actions{list-style:none;display:flex;gap:12px;padding:0;margin:22px 0 0}
body.inner input[type=submit],body.inner input[type=reset]{font:600 .95rem var(--sans);border-radius:99px;padding:16px 30px;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;transition:background .3s,color .3s}
body.inner input[type=submit].primary{background:var(--ink);color:#fff}body.inner input[type=submit].primary:hover{background:var(--red);border-color:var(--red)}
body.inner .contact-method{margin-bottom:30px}.contact-method .icon{display:none}
body.inner .contact-method h3{font:500 .72rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin:0 0 8px}
body.inner .contact-method a,body.inner .contact-method span{font:400 1.05rem/1.6 var(--sans)}
@media(max-width:860px){.phero{padding:120px 0 40px}body.inner #contact .inner{grid-template-columns:1fr}body.inner .fields{grid-template-columns:1fr}}
body.inner #main .inner{max-width:none}
body.inner .crumb a{text-decoration:none!important}
body.inner #main .inner h1,body.inner #main .inner h2,body.inner #main .inner h3{font-family:var(--serif)!important;font-weight:300!important}
body.inner #main .inner h2 *,body.inner #main .inner h3 *{font:inherit!important;color:inherit!important}
body.inner #main .inner h2{font-size:clamp(1.8rem,3.2vw,2.8rem)!important;line-height:1.12!important}
body.inner #main .inner p span,body.inner #main .inner li span{font:inherit!important;color:inherit!important}
body.inner #main .inner p:has(img),body.inner #main .inner div:has(>img){max-width:none}
body.inner #main .inner p img,body.inner #main .inner .desc img{max-width:100%;width:auto;height:auto;border-radius:18px;display:block;margin:18px 0}
/* galeri: tam genislik logo izgarasi */
.lgal{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:100%;margin:44px 0 10px}
.lgal__i{display:grid;place-items:center;aspect-ratio:176/104;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 26px;box-sizing:border-box;transition:opacity .3s,background .3s,border-color .3s}
.lgal__i img{max-width:100%;max-height:100%;width:auto;height:auto;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.lgal:hover .lgal__i{opacity:.45}.lgal .lgal__i:hover{opacity:1;background:#fff;border-color:var(--ink)}.lgal .lgal__i:hover img{transform:scale(1.1)}}
@media(max-width:1100px){.lgal{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.lgal{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lgal__i{aspect-ratio:auto!important;height:clamp(100px,9.5vw,136px);grid-template:100%/100%;overflow:hidden}
.lgal__i img{max-height:100%;max-width:100%;min-height:0;min-width:0;object-fit:contain}
/* sayfa banneri (scroll ile buyuyen gorsel) */
.pban{height:240vh;position:relative;margin:0 calc(-1*var(--g))}
.pban__stage{position:sticky;top:0;height:100vh;overflow:hidden}
.pban .phero{position:absolute;left:0;right:0;top:0;z-index:3;border:0;margin:0;padding:150px var(--g) 0;will-change:opacity,transform}
.pban__frame{position:absolute;inset:0;z-index:2;background:#111;overflow:hidden;clip-path:inset(var(--it,56vh) var(--is,4.4vw) var(--ib,6vh) var(--is,4.4vw) round var(--ir,26px));will-change:clip-path}
.pban__frame img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(var(--vs,1.12));will-change:transform}
@media(max-width:860px){
.pban{height:auto;margin:0}
.pban__stage{position:static;height:auto;overflow:visible}
.pban .phero{position:static;padding:120px 0 40px;border-bottom:1px solid var(--line);margin-bottom:34px}
.pban__frame{position:static;clip-path:none;border-radius:22px;aspect-ratio:16/10}
.pban__frame img{transform:none}
}
/* baslik yerinde kalir; gorsel altina gelince yazi beyaza doner */
.pban .phero{will-change:auto;transition:color .35s}
.pban .phero .crumb,.pban .phero .crumb a,.pban .phero .tag,.pban .phero h1,.pban .phero h1 em{transition:color .35s}
.pban .phero.is-over .crumb,.pban .phero.is-over .crumb a,.pban .phero.is-over .tag,.pban .phero.is-over h1{color:#fff!important}
.pban .phero.is-over h1 em{color:#ff6a70}
.pban__frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,16,.72),rgba(10,12,16,.45) 60%,rgba(10,12,16,.3));opacity:var(--vo,0);pointer-events:none}
body.inner #main .pban .phero.is-over p,body.inner #main .pban .phero.is-over a{color:#fff!important}
/* ===== zengin ic sayfa: buyuk tipografi, dikkat ceken alanlar, gorseller ===== */
.phero h1{font-size:clamp(3.4rem,9.2vw,10rem)!important;line-height:.96!important;letter-spacing:-.045em!important;max-width:1300px}
.lead{padding:30px 0 10px;max-width:1100px}
.lead__t,body.inner #main .inner p.lead__t{font:300 clamp(1.7rem,3.2vw,3rem)/1.22!important;font-family:var(--serif)!important;letter-spacing:-.025em;color:var(--ink)!important;max-width:1100px!important;margin:0 0 26px}
.lead__p,body.inner #main .inner p.lead__p{font-size:1.15rem!important;max-width:760px}
.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;margin:34px 0 10px;border-top:1px solid var(--ink)}
.meta>div{padding:20px 22px 22px 0;border-bottom:1px solid var(--line)}
.meta dt{font:500 .72rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin:0 0 8px}
.meta dd{margin:0;font:300 clamp(1.5rem,2.4vw,2.2rem)/1.15 var(--serif);letter-spacing:-.02em}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:46px 0 20px}
.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:34px 34px 38px;overflow:hidden;transition:transform .5s var(--ease),border-color .3s,background .4s,box-shadow .5s var(--ease)}
.card:hover{transform:translateY(-6px);border-color:var(--ink);box-shadow:0 22px 50px rgba(20,22,26,.1)}
.card__n{display:block;font:italic 300 clamp(3rem,5vw,5rem)/1 var(--serif);color:var(--red);margin:0 0 14px;letter-spacing:-.04em}
body.inner #main .inner .card h3{font:300 clamp(1.7rem,2.6vw,2.6rem)/1.08!important;font-family:var(--serif)!important;letter-spacing:-.03em;margin:0 0 14px!important}
body.inner #main .inner .card p{font-size:1.02rem;max-width:none;margin:0 0 .8em}
.card:nth-child(3n+1):nth-last-child(1){grid-column:1/-1}
.figs{display:grid;gap:18px;margin:44px 0 0}
.figs img{width:100%;max-width:100%;height:auto;border-radius:22px;display:block;margin:0}
body.inner #main .inner .figs img{max-width:100%}
/* diger hizmetler */
.more{padding:90px 0 20px}
.more ul{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid var(--ink)}
.more li{border-bottom:1px solid var(--line);max-width:none!important;font:inherit}
.more a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;text-decoration:none!important;color:var(--ink)!important;transition:padding .45s var(--ease),color .3s}
.more a span{font:300 clamp(1.8rem,4vw,3.6rem)/1.05 var(--serif);letter-spacing:-.03em}
.more a i{font-style:normal;font-size:2rem;transition:transform .45s var(--ease)}
.more a:hover{padding-left:22px;color:var(--red)!important}.more a:hover i{transform:translateX(10px)}
/* secili isler */
.picks{padding:80px 0 20px}
.picks__h{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.picks__all{font:600 .95rem var(--sans);text-decoration:none!important}.picks__all:hover{color:var(--red)}
.picks__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pick{display:block;text-decoration:none!important;color:var(--ink)!important}
.pick__img{display:block;aspect-ratio:4/5;border-radius:20px;overflow:hidden;background:var(--bg2);border:1px solid var(--line)}
.pick__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.pick:hover .pick__img img{transform:scale(1.07)}
.pick__t{display:block;margin-top:14px;font:500 1rem/1.3 var(--sans)}
/* cta */
.cta2{background:var(--ink);color:#f3eee6;padding:130px var(--g);margin-top:90px}
.cta2 .tag{color:#f3eee6}.cta2 .tag b{border-color:#f3eee6}
.cta2 h2{font:300 clamp(2.8rem,7vw,7rem)/1 var(--serif);letter-spacing:-.04em;margin:24px 0 40px;max-width:1100px}
.cta2 h2 em{color:#ff5a60}
.cta2__b{display:flex;gap:14px;flex-wrap:wrap}
.cta2 .btn{display:inline-flex;align-items:center;padding:18px 32px;border-radius:99px;background:var(--red);color:#fff;font:600 1rem var(--sans);text-decoration:none}.cta2 .btn:hover{background:#fff;color:var(--ink)}
.cta2 .btn--ghost{background:transparent;border:1px solid rgba(243,238,230,.5)}.cta2 .btn--ghost:hover{background:#f3eee6;color:var(--ink)}
@media(max-width:860px){.cards{grid-template-columns:1fr}.picks__g{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:26px}.cta2{padding:90px var(--g)}}
.cards{margin-top:20px!important}.lead+.cards{margin-top:46px!important}
.more,.picks{padding-left:var(--g);padding-right:var(--g)}
.card:nth-child(3n+1):nth-last-child(1){grid-column:auto}.card:nth-child(odd):last-child{grid-column:1/-1}

/* rakamlar bandi (FabriCo duzeni) */
.stats{background:var(--bg2);margin-top:90px;padding:100px var(--g)}
.stats__in{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end;border-top:1px solid var(--ink);padding-top:40px}
.stats__big b{display:block;font:300 clamp(8rem,24vw,22rem)/.82 var(--serif);letter-spacing:-.06em;color:var(--ink)}
.stats__big span,.stats__l dd{font:500 .78rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.stats__big span{display:block;margin-top:26px}
.stats__l{margin:0}.stats__l>div{display:grid;grid-template-columns:minmax(130px,.6fr) 1fr;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}
.stats__l>div:first-child{border-top:1px solid var(--line)}
.stats__l dt{font:300 clamp(3rem,6vw,5.6rem)/1 var(--serif);letter-spacing:-.04em;margin:0}.stats__l dt b{font-weight:300}
.stats__l dd{margin:0}
@media(max-width:860px){.stats{padding:70px var(--g)}.stats__in{grid-template-columns:1fr;gap:34px}}