@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--orange:#f06424;--ink:#131311;--cream:#f4f3ef;--muted:#777771;--dark:var(--dark);--dark-2:var(--dark-2);--dark-3:var(--dark-3);--dark-4:var(--dark-4)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f7f3;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.top{height:34px;padding:0 4vw;background:var(--dark);color:#aaa;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.14em}header{height:86px;padding:0 4vw;background:#f8f7f3ed;backdrop-filter:blur(15px);display:flex;align-items:center;gap:34px;position:sticky;top:0;z-index:20;border-bottom:1px solid #ddd}.logo{display:flex;align-items:center;gap:12px;white-space:nowrap}.logo strong{font:800 31px/.95 Georgia,serif;color:var(--orange);letter-spacing:-2px;border-top:5px solid var(--orange)}.logo span{font:700 12px/1.05 Georgia,serif}nav{display:flex;gap:22px;margin-left:auto}nav a{font-size:12px;font-weight:600}nav a:hover{color:var(--orange)}.menu{display:none;margin-left:auto;background:none;border:0;font-size:24px}.orange{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#fff;border:0;padding:18px 22px;font-size:11px;font-weight:700;letter-spacing:.08em;cursor:pointer}.orange.small{padding:14px 18px}.hero{height:calc(100vh - 120px);min-height:640px;position:relative;color:#fff;background:url('images/aktas-hero.png') center/cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb, var(--dark-4) 93%, transparent) 0%,color-mix(in srgb, var(--dark-4) 69%, transparent) 40%,transparent 76%),linear-gradient(0deg,color-mix(in srgb, var(--dark-4) 53%, transparent),transparent 55%)}.hero-copy{position:absolute;left:8vw;top:45%;transform:translateY(-50%);max-width:690px}.kicker{color:var(--orange);font-size:10px;font-weight:700;letter-spacing:.24em}.hero h1,h2{font:700 clamp(47px,5.2vw,82px)/.98 'Manrope',sans-serif;letter-spacing:-.055em;margin:23px 0}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400}.hero-copy>p{max-width:540px;color:#c8c8c3;line-height:1.75}.actions{display:flex;align-items:center;gap:30px;margin-top:30px}.actions>a:last-child{font-size:12px;border-bottom:1px solid #777;padding:10px 0}.stats{position:absolute;left:8vw;bottom:42px;display:flex;gap:55px}.stats div{display:flex;flex-direction:column}.stats b{font-size:25px}.stats small{color:#aaa}.section{padding:105px 8vw}.section h2{font-size:clamp(42px,4.5vw,68px)}.about{background:var(--cream)}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw}.split>div{padding-top:30px}.split p,.head>p,.gallery p,.quote p{color:var(--muted);font-size:14px;line-height:1.8}.underline{display:inline-block;margin-top:15px;padding-bottom:8px;border-bottom:1px solid;font-size:12px;font-weight:700}.values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #ccc}.values article{padding:30px 30px 0 0;border-right:1px solid #ccc}.values article+article{padding-left:30px}.values i,.services i,.product-list i{font-style:normal;color:var(--orange);font-size:10px}.values h3{font-size:16px;margin:18px 0 8px}.values p{color:var(--muted);font-size:12px;line-height:1.6}.dark{background:var(--dark);color:#fff}.head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.head>p{max-width:420px;color:#999}.services{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid color-mix(in srgb, var(--dark-2) 78%, white 22%);border-left:1px solid color-mix(in srgb, var(--dark-2) 78%, white 22%)}.services article{min-height:260px;padding:30px;border-right:1px solid color-mix(in srgb, var(--dark-2) 78%, white 22%);border-bottom:1px solid color-mix(in srgb, var(--dark-2) 78%, white 22%);transition:.25s}.services article>b{display:block;color:var(--orange);font-size:38px;margin:28px 0 20px}.services h3{font:600 18px 'Manrope'}.services p{font-size:12px;line-height:1.7;color:#999}.services article:hover{background:var(--orange);transform:translateY(-4px)}.services article:hover>*{color:#fff}.projects{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px;margin-top:55px}.projects article{background:var(--dark-2);color:#fff;padding-bottom:20px}.photo{height:400px;background:url('images/aktas-hero.png') center/cover}.photo.b{background-position:67% center;filter:saturate(.55)}.photo.c{background-position:95% center;filter:brightness(.72)}.projects span,.projects h3,.projects p{margin-left:22px;margin-right:22px}.projects span{display:block;color:var(--orange);font-size:9px;letter-spacing:.15em;margin-top:20px}.projects h3{font:600 20px 'Manrope';margin-top:8px;margin-bottom:4px}.projects p{font-size:11px;color:#999}.gallery{min-height:620px;background:var(--dark);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr}.gallery>div:first-child{padding:100px 6vw 80px 8vw;display:flex;flex-direction:column;justify-content:center}.gallery h2{font-size:clamp(43px,4.6vw,70px)}.mosaic{display:grid;grid-template-columns:1fr 1fr}.mosaic>div{background:url('images/aktas-hero.png') center/cover;border:1px solid color-mix(in srgb, var(--dark) 88%, white 12%)}.mosaic>div:nth-child(2){background-position:90% top}.mosaic>div:nth-child(4){background-position:55% bottom;filter:brightness(.6)}.mosaic .counter{background:var(--orange);display:flex;flex-direction:column;align-items:center;justify-content:center}.counter b{font:700 60px 'Manrope'}.counter small{letter-spacing:.14em}.products{background:#eae8e2}.product-list{border-top:1px solid #bbb;margin-top:55px}.product-list a{display:grid;grid-template-columns:60px 1fr 1fr 35px;align-items:center;padding:25px 5px;border-bottom:1px solid #c5c3bd;transition:.2s}.product-list a:hover{padding-left:18px;background:#f7f5ef}.product-list span{font-size:12px;color:#777}.product-list strong{text-align:right}.faq-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw}.faqs{padding-top:20px}details{border-top:1px solid #ccc;padding:22px 0}details:last-child{border-bottom:1px solid #ccc}summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary:after{content:'+';font-size:22px;color:var(--orange)}details[open] summary:after{content:'−'}details p{color:#777;font-size:13px;line-height:1.7}.quote{display:grid;grid-template-columns:1fr 1fr;background:var(--dark);color:#fff}.quote-copy{padding:100px 7vw 90px 8vw;background:linear-gradient(color-mix(in srgb, var(--dark) 87%, transparent),color-mix(in srgb, var(--dark) 93%, transparent)),url('images/aktas-hero.png') center/cover}.quote-copy h2{font-size:clamp(48px,5vw,74px)}form{padding:70px 7vw;background:var(--dark-3);display:flex;flex-direction:column;justify-content:center}label{font-size:9px;color:#999;letter-spacing:.1em;margin-bottom:20px}input,select,textarea{display:block;width:100%;padding:10px 2px;margin-top:7px;color:#fff;background:transparent;border:0;border-bottom:1px solid #565651;outline:none}select option{color:#111}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.success{display:none;color:#7ee7a4;margin-top:18px;font-size:12px}.success.show{display:block}.news{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.news article{padding:30px;background:#fff;border-top:3px solid var(--orange)}.news small{color:#888}.news h3{font:600 18px/1.5 'Manrope';margin-top:20px}footer{padding:75px 8vw 25px;background:var(--dark-4);color:#fff}.footer-grid{display:grid;grid-template-columns:1.6fr .8fr 1.2fr;gap:60px;padding-bottom:60px}.footer-grid h4{font-size:9px;color:#777;letter-spacing:.18em}.footer-grid>div>a:not(.logo){display:block;color:#aaa;font-size:11px;margin:11px 0}.footer-grid p{color:#777;font-size:12px;line-height:1.7}.copyright{padding-top:22px;border-top:1px solid color-mix(in srgb, var(--dark-4) 82%, white 18%);color:#666;font-size:9px}.floating{position:fixed;right:17px;bottom:17px;z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.floating a{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;box-shadow:0 5px 18px color-mix(in srgb, var(--dark-4) 33%, transparent);font-size:12px}.floating .call{background:var(--orange)}.wa{background:#25d366}.ig{background:linear-gradient(135deg,#7135b3,#ee3f68,#f6a23b)}.fb{background:#1877f2;font-size:18px!important}
@media(max-width:1000px){nav{gap:12px}nav a{font-size:10px}.projects{grid-template-columns:1fr 1fr}.projects article:last-child{grid-column:1/-1}.services{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.top{display:none}header{height:72px;padding:0 20px}.menu{display:block}.orange.small{display:none}nav{display:none;position:absolute;top:72px;left:0;right:0;padding:22px;background:#f8f7f3;flex-direction:column}nav.open{display:flex}nav a{font-size:14px}.hero{height:710px;min-height:0}.hero-copy{left:24px;right:24px;top:42%}.hero h1{font-size:48px}.actions{align-items:flex-start;flex-direction:column;gap:10px}.stats{left:24px;gap:18px;bottom:35px}.stats b{font-size:20px}.section{padding:75px 24px}.split,.faq-wrap,.quote,.gallery{grid-template-columns:1fr}.split{gap:5px}.values,.services,.projects,.news,.footer-grid{grid-template-columns:1fr}.values article,.values article+article{border-right:0;border-bottom:1px solid #ccc;padding:25px 0}.head{align-items:flex-start;flex-direction:column}.projects article:last-child{grid-column:auto}.photo{height:320px}.gallery>div:first-child{padding:75px 24px}.mosaic{min-height:500px}.product-list a{grid-template-columns:35px 1fr 30px}.product-list span{display:none}.quote-copy,form{padding:70px 24px}.form-row{grid-template-columns:1fr}.footer-grid{gap:25px}.floating .call{width:46px;padding:0}.call span{display:none}}

/* Görsel ağırlıklı güncellenen bölümler */
.about-main{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;margin-top:28px}.about-main>img{width:100%;height:480px;object-fit:cover}.about-main>div p{color:var(--muted);font-size:14px;line-height:1.8}.values article{padding-top:16px;overflow:hidden}.values article+article{padding-top:16px}.values article img{width:100%;height:190px;object-fit:cover;display:block;margin-bottom:22px}.services article{padding:0 0 26px;overflow:hidden}.services article img{width:100%;height:205px;object-fit:cover;display:block}.services article i,.services article h3,.services article p{display:block;margin-left:25px;margin-right:25px}.services article i{margin-top:20px}.services article h3{margin-top:12px}.services article:hover{transform:translateY(-4px)}.mosaic{gap:6px;padding:6px;background:var(--dark-3)}.mosaic img{width:100%;height:100%;min-height:300px;object-fit:cover;display:block}.product-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.slider-buttons{display:flex;gap:8px;padding-bottom:25px}.slider-buttons button{width:46px;height:46px;background:transparent;border:1px solid #aaa;cursor:pointer;font-size:18px}.slider-buttons button:hover{background:var(--orange);color:#fff;border-color:var(--orange)}.product-slider{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;margin-top:50px;padding-bottom:15px;scrollbar-width:thin;scrollbar-color:var(--orange) #d4d1c9}.product-slider article{flex:0 0 calc(33.333% - 12px);min-width:290px;background:#fff;padding-bottom:22px;scroll-snap-align:start}.product-slider article>img{width:100%;height:300px;object-fit:cover;display:block;margin-bottom:20px}.product-slider article>small,.product-slider article>h3,.product-slider article>p,.product-slider article>div{margin-left:22px;margin-right:22px}.product-slider article>small{color:var(--orange);font-size:9px;letter-spacing:.13em}.product-slider h3{font:600 19px 'Manrope';margin-top:11px;margin-bottom:8px}.product-slider p{color:#777;font-size:11px;min-height:35px}.product-slider article>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd;padding-top:17px}.product-slider article>div b{font:700 21px 'Manrope'}.product-slider article>div a{font-size:9px;font-weight:700;color:var(--orange)}.price-note{font-size:9px;color:#888;margin-top:14px}.faq-image{width:100%;height:330px;object-fit:cover;margin-top:25px}.news article{padding:0 0 25px;overflow:hidden}.news article img{width:100%;height:235px;object-fit:cover;display:block;margin-bottom:22px}.news article small,.news article h3{display:block;margin-left:24px;margin-right:24px}
@media(max-width:900px){.about-main{grid-template-columns:1fr}.about-main>img{height:400px}.product-slider article{flex-basis:calc(50% - 9px)}}
@media(max-width:720px){.about-main>img{height:300px}.values article img{height:230px}.services article img{height:240px}.mosaic{grid-template-columns:1fr}.mosaic img{min-height:260px}.product-head{align-items:flex-start;flex-direction:column}.slider-buttons{padding:0}.product-slider article{flex-basis:86%}.faq-image{height:260px}.news article img{height:240px}}

/* Slider, hareketler ve detay sayfaları */
.hero-slider{background:var(--dark-4)}.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transform:scale(1.06);transition:opacity 1s ease,transform 7s ease}.hero-slide.active{opacity:1;transform:scale(1)}.video-slide video{width:100%;height:100%;object-fit:cover}.hero-controls{position:absolute;right:4vw;bottom:40px;z-index:4;display:flex;align-items:center;gap:12px}.hero-controls button{width:44px;height:44px;color:#fff;background:color-mix(in srgb, var(--dark) 53%, transparent);border:1px solid #888;cursor:pointer}.hero-controls span{font-size:10px;letter-spacing:.1em}.about-main>img{animation:gentleFloat 5s ease-in-out infinite;box-shadow:22px 22px 0 #e1ded6}.values{gap:18px;border-top:0}.values article,.values article+article{padding:0 0 24px;background:#fff;border:1px solid #d5d2ca;border-top:4px solid var(--orange);transition:.35s}.values article>*:not(img){margin-left:22px;margin-right:22px}.values article:hover{transform:translateY(-10px);box-shadow:0 20px 40px color-mix(in srgb, var(--dark) 9%, transparent)}.services{gap:18px;border:0}.services article{border:1px solid color-mix(in srgb, var(--dark-2) 78%, white 22%);background:var(--dark-2);transition:.35s}.services article:hover{box-shadow:0 22px 45px color-mix(in srgb, var(--dark-4) 53%, transparent)}.projects article,.news article{transition:transform .4s,box-shadow .4s}.projects article:hover,.news article:hover{transform:translateY(-10px);box-shadow:0 22px 45px color-mix(in srgb, var(--dark) 17%, transparent)}.projects article:hover .photo{transform:scale(1.06)}.photo{transition:transform .7s}.projects article{overflow:hidden}.detail-button{display:inline-block;margin:15px 22px 2px;color:var(--orange);font-size:9px;font-weight:700;letter-spacing:.08em;border-bottom:1px solid var(--orange);padding-bottom:6px}.mosaic{overflow:hidden}.mosaic img{transition:transform .65s,filter .65s}.mosaic img:hover{transform:scale(1.05);filter:brightness(1.1)}.product-slider article{display:flex;flex-direction:column;height:535px}.product-slider article>img{height:300px;flex:none}.product-slider article>div{margin-top:auto}.product-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.product-actions a:first-child{color:#333}.faq-wrap{grid-template-columns:1fr 1.1fr;align-items:start}.faq-image{height:500px;margin-top:0;box-shadow:-18px 18px 0 var(--orange)}.news article h3{min-height:82px}.reveal{opacity:0;transform:translateY(38px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes gentleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.detail-page{background:#f4f3ef}.detail-main{min-height:80vh}.detail-hero{display:grid;grid-template-columns:.85fr 1.15fr;min-height:620px;background:var(--dark);color:#fff}.detail-hero>div{padding:100px 6vw 80px 8vw;display:flex;flex-direction:column;justify-content:center}.detail-hero h1{font:700 clamp(48px,5vw,78px)/1 'Manrope';letter-spacing:-.05em;margin:24px 0}.detail-hero p{color:#aaa;line-height:1.8}.detail-hero img{width:100%;height:100%;min-height:620px;object-fit:cover}.detail-content{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:100px 8vw}.detail-content h2{font-size:clamp(40px,4vw,64px)}.detail-content p,.detail-content li{color:#666;line-height:1.8}.detail-content ul{padding-left:18px}.detail-actions{display:flex;gap:12px;margin-top:35px}.whatsapp-button{display:grid;place-items:center;padding:15px 22px;background:#25d366;color:#fff;font-size:10px;font-weight:700}
@media(max-width:720px){.hero-controls{right:20px;bottom:92px}.values{gap:14px}.services{gap:14px}.faq-wrap,.detail-hero,.detail-content{grid-template-columns:1fr}.faq-image{height:340px}.product-slider article{height:520px}.detail-hero img{min-height:360px;height:360px;grid-row:1}.detail-hero>div{padding:65px 24px}.detail-content{padding:70px 24px}.detail-actions{flex-direction:column}}

.nav-item{position:relative}.dropdown{position:absolute;top:25px;left:-18px;width:210px;background:#fff;padding:14px;box-shadow:0 18px 45px color-mix(in srgb, var(--dark-4) 13%, transparent);opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s}.dropdown a{display:block;padding:9px;font-size:11px}.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:none}.video-launch{position:absolute;right:8vw;top:42%;z-index:5;display:flex;align-items:center;gap:14px;color:#fff;background:color-mix(in srgb, var(--dark) 80%, transparent);border:1px solid #ffffff40;padding:13px 19px;cursor:pointer;backdrop-filter:blur(10px)}.video-launch .play{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--orange);padding-left:3px}.video-launch span:last-child{display:flex;flex-direction:column;text-align:left}.video-launch small{font-size:8px;color:#999;letter-spacing:.14em}.video-launch b{font-size:13px;margin-top:5px}.video-modal{position:fixed;inset:0;z-index:100;background:color-mix(in srgb, var(--dark-4) 93%, transparent);display:none;place-items:center;padding:30px}.video-modal.open{display:grid}.video-modal>div{width:min(1000px,92vw);background:var(--dark);color:#fff;padding:14px}.video-modal video{width:100%;max-height:70vh;display:block}.video-modal h3{margin:18px 10px 5px}.video-modal p{margin:0 10px 12px;color:#999}.video-close{position:absolute;right:30px;top:20px;background:transparent;color:#fff;border:0;font-size:40px;cursor:pointer}.process{display:grid;grid-template-columns:repeat(3,1fr);position:relative;margin-top:80px}.process:before{content:'';position:absolute;top:105px;left:16.5%;right:16.5%;height:2px;background:repeating-linear-gradient(90deg,var(--orange) 0 14px,transparent 14px 22px)}.process article{text-align:center;position:relative;z-index:1}.process-circle{width:210px;height:210px;border:8px solid #f4f3ef;outline:2px solid var(--orange);border-radius:50%;overflow:hidden;margin:auto;position:relative;background:#fff}.process-circle img{width:100%;height:100%;object-fit:cover;transition:.6s}.process-circle span{position:absolute;right:8px;bottom:12px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:700}.process article:hover img{transform:scale(1.1) rotate(2deg)}.process h3{margin:25px 0 8px}.process p{color:#777;font-size:12px}.service-more{display:inline-block;margin:15px 25px 0;color:var(--orange);font-size:9px;font-weight:700;letter-spacing:.1em;border-bottom:1px solid var(--orange);padding-bottom:6px}.services article i{display:none}.mosaic.shuffling img{animation:puzzleShift .8s ease}.mosaic img:nth-child(odd){animation:galleryBreath 5s ease-in-out infinite alternate}.mosaic img:nth-child(even){animation:galleryBreath 5s ease-in-out 1.2s infinite alternate-reverse}@keyframes galleryBreath{to{transform:scale(1.045) translateX(5px)}}@keyframes puzzleShift{50%{opacity:.25;transform:scale(.92) rotate(1deg)}}
@media(max-width:720px){.dropdown{display:none}.video-launch{right:20px;top:auto;bottom:150px}.video-launch span:last-child{display:none}.process{grid-template-columns:1fr;gap:55px}.process:before{top:100px;bottom:100px;left:50%;right:auto;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--orange) 0 14px,transparent 14px 22px)}.process-circle{width:190px;height:190px}}

/* Alt sayfalar */
.inner-banner{height:200px;background-size:cover;background-position:center;display:flex;align-items:center;padding:0 8vw;color:#fff}.inner-banner h1{font:700 clamp(38px,4vw,62px) 'Manrope';letter-spacing:-.04em}.inner-content{display:grid;grid-template-columns:240px 1fr;gap:6vw;padding:80px 8vw}.inner-content aside{position:sticky;top:120px;height:max-content;border-top:3px solid var(--orange);background:#fff;padding:18px}.inner-content aside a{display:block;padding:12px;border-bottom:1px solid #ddd;font-size:12px;font-weight:600}.corporate-sections section{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:70px;scroll-margin-top:120px}.corporate-sections img{width:100%;height:330px;object-fit:cover}.corporate-sections h2{font-size:38px}.corporate-sections p{color:#666;line-height:1.8}.listing{padding:80px 8vw;min-height:600px}.listing>h2{font-size:50px}.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.listing-grid>a{display:block;background:#fff;padding-bottom:25px;transition:.35s;overflow:hidden}.listing-grid>a:hover{transform:translateY(-9px);box-shadow:0 20px 45px color-mix(in srgb, var(--dark-4) 13%, transparent)}.listing-grid img{width:100%;height:260px;object-fit:cover;transition:.6s}.listing-grid>a:hover img{transform:scale(1.05)}.listing-grid h3,.listing-grid span,.listing-grid small,.listing-grid b{display:block;margin-left:22px;margin-right:22px}.listing-grid h3{font:600 19px/1.4 'Manrope';margin-top:18px}.listing-grid span{color:var(--orange);font-size:9px;font-weight:700;letter-spacing:.1em}.listing-grid small{color:#888;margin-top:18px}.listing-grid b{font-size:20px;margin-bottom:16px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tabs button{padding:12px 20px;border:1px solid #bbb;background:transparent;cursor:pointer;font-size:11px;font-weight:700}.filter-tabs button.active{background:var(--orange);border-color:var(--orange);color:#fff}.detail-layout,.product-detail,.article-detail{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:90px 8vw}.detail-layout>img,.product-detail>div>img,.article-detail>img{width:100%;height:560px;object-fit:cover}.detail-layout article h2,.product-detail h2,.article-detail h2{font-size:48px}.detail-layout p,.product-detail p,.article-detail p,.detail-layout li,.product-detail li{color:#666;line-height:1.8}.product-code{padding:14px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.product-price{font:700 38px 'Manrope';color:var(--orange);margin:24px 0}.contact-page{display:grid;grid-template-columns:1fr 1fr;background:var(--dark);color:#fff}.contact-info{padding:80px 5vw 70px 8vw}.contact-info h2{font-size:52px}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-cards>div{background:var(--dark-3);padding:22px;min-height:110px}.contact-cards small{color:var(--orange);font-size:9px}.contact-cards a,.contact-cards p{display:block;margin-top:12px;font-size:12px;color:#ddd}.contact-page form{padding:80px 8vw 70px 5vw}.map{grid-column:1/-1;height:430px}.map iframe{width:100%;height:100%;border:0}
@media(max-width:800px){.inner-content,.corporate-sections section,.detail-layout,.product-detail,.article-detail,.contact-page{grid-template-columns:1fr}.inner-content aside{position:static}.listing-grid{grid-template-columns:1fr}.corporate-sections section img{height:260px}.listing{padding:60px 24px}.detail-layout,.product-detail,.article-detail{padding:60px 24px}.detail-layout>img,.product-detail>div>img,.article-detail>img{height:360px}.contact-info,.contact-page form{padding:60px 24px}.contact-cards{grid-template-columns:1fr}.contact-page form{background:var(--dark-3)}}

/* 2026 interaction and motion refinement */
header nav,header nav>.nav-item,header nav>a,header nav>.nav-item>a{align-items:center}
header nav{height:100%}
header nav>.nav-item,header nav>a{display:flex;height:100%;line-height:1}
header nav>.nav-item>a{display:flex;height:100%;align-items:center;line-height:1}
.video-launch,.video-modal{display:none!important}
.hero-slider{overflow:hidden}
.hero-slide{pointer-events:none}
.video-slide video{display:block;width:100%;height:100%;object-fit:cover}

.process{isolation:isolate}
.process:before{height:3px;background:linear-gradient(90deg,transparent,var(--orange) 12%,#ffc4a8 50%,var(--orange) 88%,transparent);opacity:.55}
.process:after{content:'';position:absolute;z-index:2;top:99px;left:16.5%;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--orange);box-shadow:0 0 0 7px color-mix(in srgb, var(--orange) 13%, transparent),0 0 22px var(--orange);animation:energyTravel 4.8s ease-in-out infinite}
.process-circle{overflow:visible;border-color:#f4f3ef;outline:0}
.process-circle:before,.process-circle:after{content:'';position:absolute;inset:-7px;border-radius:50%;pointer-events:none}
.process-circle:before{border:2px solid transparent;border-top-color:var(--orange);border-right-color:var(--orange);animation:orbitRing 8s linear infinite}
.process-circle:after{inset:-14px;border:1px solid transparent;border-bottom-color:#f6a77f;transform:rotate(35deg);animation:orbitRingReverse 11s linear infinite}
.process-circle img{border-radius:50%;overflow:hidden}
.process-circle span{display:none!important}
.process article:nth-child(2) .process-circle:before{animation-delay:-2.6s}
.process article:nth-child(3) .process-circle:after{animation-delay:-4s}
@keyframes energyTravel{0%,100%{left:16.5%}50%{left:82%}}
@keyframes orbitRing{to{transform:rotate(360deg)}}
@keyframes orbitRingReverse{to{transform:rotate(-325deg)}}

.mosaic img{animation:none!important;transform:translate(var(--parallax-x,0),var(--parallax-y,0));transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s}
.mosaic img:nth-child(1){animation:independentFloatA 7s ease-in-out infinite!important}
.mosaic img:nth-child(2){animation:independentFloatB 9s ease-in-out -2s infinite!important}
.mosaic img:nth-child(3){animation:independentFloatB 8s ease-in-out -4s infinite reverse!important}
.mosaic img:nth-child(4){animation:independentFloatA 10s ease-in-out -1s infinite reverse!important}
@keyframes independentFloatA{0%,100%{object-position:50% 50%;filter:brightness(.94)}50%{object-position:53% 47%;filter:brightness(1.06)}}
@keyframes independentFloatB{0%,100%{object-position:48% 50%;filter:saturate(.92)}50%{object-position:52% 53%;filter:saturate(1.08)}}

.product-slider{scrollbar-width:none;-ms-overflow-style:none;padding-bottom:0}
.product-slider::-webkit-scrollbar{display:none;width:0;height:0}
.product-slider article{overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.product-slider article>img{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .55s}
.product-slider article:hover{transform:translateY(-9px);box-shadow:0 22px 45px color-mix(in srgb, var(--dark) 13%, transparent)}
.product-slider article:hover>img{transform:scale(1.055);filter:contrast(1.04) saturate(1.06)}
.product-actions{flex-direction:row;align-items:center;gap:8px}
.product-slider article>div .product-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:0 12px;border:1px solid var(--orange);border-radius:2px;color:var(--orange);transition:.25s}
.product-slider article>div .product-actions a:first-child{border-color:var(--dark);color:var(--dark)}
.product-slider article>div .product-actions a:hover{background:var(--orange);border-color:var(--orange);color:#fff;transform:translateY(-2px)}

.faq-wrap>div:first-child{position:relative;isolation:isolate}
.faq-wrap>div:first-child:after{content:'';position:absolute;z-index:-1;left:-18px;bottom:-18px;width:72%;height:72%;background:var(--orange);animation:faqAccent 6.5s ease-in-out infinite}
.faq-image{box-shadow:none;position:relative;z-index:1;animation:faqImageFloat 7.5s ease-in-out infinite;will-change:transform}
@keyframes faqImageFloat{0%,100%{transform:translate3d(0,0,0) rotate(-.25deg)}50%{transform:translate3d(0,-13px,0) rotate(.35deg)}}
@keyframes faqAccent{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-8px,10px) rotate(-1.5deg)}}

.news article{overflow:hidden}
.news article img{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .55s}
.news article:hover img{transform:scale(1.055);filter:brightness(1.05) saturate(1.08)}
.news .detail-button{display:inline-flex;align-items:center;min-height:40px;margin:15px 24px 2px;padding:0 17px;border:1px solid var(--orange);background:transparent;transition:.25s}
.news .detail-button:hover{background:var(--orange);color:#fff;transform:translateX(3px)}

@media(max-width:720px){
  header nav{height:auto;align-items:stretch}
  header nav>.nav-item,header nav>a,header nav>.nav-item>a{height:auto;display:block;line-height:1.3}
  .process:after{top:100px;left:calc(50% - 7px);animation:energyTravelMobile 5.4s ease-in-out infinite}
  .product-actions{flex-direction:column;align-items:stretch}
  .product-slider article>div{align-items:flex-end}
  .product-slider article>div .product-actions a{min-height:32px;padding:0 9px}
  .faq-wrap>div:first-child:after{left:-10px;bottom:-10px}
}

/* Corporate detail and standalone offer pages */
.corporate-banner{height:310px}
.corporate-banner>div{position:relative;z-index:1}
.corporate-banner .kicker{margin-bottom:14px}
.corporate-banner h1{margin:0}
.corporate-detail-page{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:95px 8vw;background:#f8f7f3}
.corporate-detail-page article{max-width:650px}
.corporate-detail-page h2{font-size:clamp(42px,4.2vw,64px);margin:20px 0 28px}
.corporate-detail-page p{color:#666;font-size:14px;line-height:1.9;margin:0 0 18px}
.corporate-detail-page>img{width:100%;height:520px;object-fit:cover;box-shadow:22px 22px 0 #e6e2d9}
.offer-page{display:grid;grid-template-columns:.85fr 1.15fr;min-height:650px;background:var(--dark);color:#fff}
.offer-intro{padding:90px 5vw 80px 8vw;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,var(--dark),color-mix(in srgb, var(--dark) 88%, white 12%))}
.offer-intro h2{font-size:clamp(44px,4.5vw,68px);margin:22px 0}
.offer-intro p{max-width:500px;color:#aaa;line-height:1.8}
.offer-page form{padding:75px 8vw 70px 6vw}
body>footer{position:relative;z-index:2}
@media(max-width:800px){
  .corporate-detail-page,.offer-page{grid-template-columns:1fr}
  .corporate-banner{height:240px}
  .corporate-detail-page{padding:65px 24px;gap:38px}
  .corporate-detail-page>img{height:340px;box-shadow:12px 12px 0 #e6e2d9}
  .offer-intro,.offer-page form{padding:65px 24px}
}

/* Professional phone/tablet navigation */
@media(max-width:900px){
  .top{display:none}
  header{height:72px;padding:0 20px}
  header .menu{display:block;margin-left:auto}
  header>.orange.small{display:none}
  header nav{display:none;position:absolute;top:72px;left:0;right:0;height:auto;max-height:calc(100vh - 72px);overflow-y:auto;padding:16px 20px 24px;background:#f8f7f3;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #ddd;box-shadow:0 18px 35px color-mix(in srgb, var(--dark-4) 13%, transparent)}
  header nav.open{display:flex}
  header nav>a,header nav>.nav-item,header nav>.nav-item>a{display:block;height:auto;line-height:1.35}
  header nav>a,header nav>.nav-item>a{padding:11px 0;font-size:13px;font-weight:700;border-bottom:1px solid #e5e2dc}
  header nav>.nav-item>.dropdown{display:none!important;position:static!important;width:100%!important;padding:4px 0 7px 15px!important;background:transparent!important;border:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important}
  header nav>.nav-item.submenu-open>.dropdown{display:block!important}
  header nav>.nav-item>a{position:relative;padding-right:28px}
  header nav>.nav-item>a:after{content:'+';position:absolute;right:4px;top:50%;transform:translateY(-50%);color:var(--orange);font-size:18px;font-weight:400}
  header nav>.nav-item.submenu-open>a:after{content:'−'}
  header nav>.nav-item>.dropdown a{display:block;height:auto;padding:7px 0;font-size:11px;font-weight:500;color:#666;border:0;white-space:normal}
  header nav>.nav-item>.dropdown a:hover{background:transparent;color:var(--orange)}
  body.menu-open .floating{opacity:0;pointer-events:none}
}

/* Shared site chrome and expanded detail systems */
header nav>.nav-item>.service-dropdown{width:245px}
.service-detail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px}
.service-detail-actions .orange,.service-detail-actions .whatsapp-button,.outline-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;font-size:10px;font-weight:700;letter-spacing:.05em}
.service-detail-actions .whatsapp-button{background:#25d366;color:#fff;border:1px solid #25d366}
.outline-button{border:1px solid #222;color:#222}
.project-extra{padding:0 8vw 90px;background:#f8f7f3}
.project-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:45px}
.project-facts>div{padding:24px;border-right:1px solid #ccc}
.project-facts>div:last-child{border-right:0}
.project-facts small{display:block;color:var(--orange);font-size:9px;letter-spacing:.12em;margin-bottom:9px}
.project-facts strong{font:600 16px 'Manrope',sans-serif}
.project-gallery{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:14px}
.project-gallery img{width:100%;height:360px;object-fit:cover}
.detail-page.project-mode .detail-hero{height:200px;min-height:200px;display:flex;align-items:center;padding:0 8vw;background-position:center;background-size:cover}
.detail-page.project-mode .detail-hero>div{padding:0;color:#fff;max-width:800px}
.detail-page.project-mode .detail-hero h1{font-size:clamp(38px,4vw,58px);margin:8px 0}
.detail-page.project-mode .detail-hero p{margin:0;color:#ddd}
.detail-page.project-mode .detail-hero>img{display:none}
.listing>.filter-tabs:before{content:'KATEGORİLER';display:flex;align-items:center;margin-right:12px;color:#777;font-size:9px;font-weight:700;letter-spacing:.14em}
@media(max-width:800px){
  .project-facts{grid-template-columns:1fr 1fr}
  .project-facts>div:nth-child(2){border-right:0}
  .project-facts>div:nth-child(-n+2){border-bottom:1px solid #ccc}
  .project-gallery{grid-template-columns:1fr}
  .project-gallery img{height:260px}
  .project-extra{padding:0 24px 65px}
  .detail-page.project-mode .detail-hero{height:200px;min-height:200px;padding:0 24px}
  .floating .call{width:46px!important;padding:0!important}
  .floating .call span{display:none!important}
}
@keyframes energyTravelMobile{0%,100%{top:100px}50%{top:calc(100% - 105px)}}
@media(prefers-reduced-motion:reduce){.process:after,.process-circle:before,.process-circle:after,.mosaic img,.faq-image,.faq-wrap>div:first-child:after{animation:none!important}.product-slider article,.product-slider article>img,.news article img{transition:none}}

/* Slider v2: stable crossfade and unique per-slide content */
.hero-slide{opacity:0;transform:none!important;visibility:hidden;transition:opacity .85s ease-in-out,visibility 0s linear .85s;will-change:opacity}
.hero-slide.active{opacity:1;transform:none!important;visibility:visible;transition:opacity .85s ease-in-out;z-index:1}
.hero-slide .shade{z-index:1}
.hero-slide .hero-copy{z-index:2}
.hero-slide video{backface-visibility:hidden;transform:translateZ(0)}
.hero-copy{max-width:760px}
.hero-copy h1{margin:26px 0 22px;line-height:1.04}
.hero-copy h1 br{display:block}
.hero-copy>p{margin:0;max-width:610px;font-size:15px;line-height:1.75}
.slide-label{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.2em;padding:9px 13px;border:1px solid #ffffff52;background:color-mix(in srgb, var(--dark) 53%, transparent);backdrop-filter:blur(8px)}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px color-mix(in srgb, var(--orange) 18%, transparent)}
.hero-controls,.stats{z-index:5}

/* Keep the energy path below the circular photographs */
.process:before{top:238px;left:20%;right:20%}
.process:after{top:231px;left:20%;animation:energyTravelCalm 12s ease-in-out infinite}
@keyframes energyTravelCalm{0%,100%{left:20%}50%{left:79%}}

.news article>p{min-height:63px;margin:0 24px;color:#777;font-size:12px;line-height:1.7}

@media(max-width:720px){
  .hero-copy{top:40%}
  .hero-copy h1{font-size:43px;line-height:1.03;margin:20px 0 18px}
  .hero-copy>p{font-size:13px;line-height:1.65}
  .slide-label{font-size:8px;padding:8px 10px}
  .process:before{top:215px;bottom:95px;left:18px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,transparent,var(--orange) 8%,#ffc4a8 50%,var(--orange) 92%,transparent)}
  .process:after{top:220px;left:12px;animation:energyTravelMobileCalm 15s ease-in-out infinite}
  .news article>p{min-height:0}
}
@keyframes energyTravelMobileCalm{0%,100%{top:220px}50%{top:calc(100% - 110px)}}

/* Final slider stability: no zoom, shake or compositing transform */
.hero-slide{transform:none!important;transition:opacity .45s linear,visibility 0s linear .45s;will-change:auto}
.hero-slide.active{transform:none!important;transition:opacity .45s linear}
.hero-slide video{transform:none!important;backface-visibility:visible}
.slide-label,.live-dot{display:none!important}

/* Process connectors stay only in the clear gaps between circles */
.process:before,.process:after{display:none!important}
.process article:not(:last-child):after{content:'';position:absolute;z-index:-1;top:104px;left:calc(50% + 120px);width:calc(100% - 240px);height:3px;background:linear-gradient(90deg,#f2b08f,var(--orange),#f2b08f);opacity:.7}
.process article:not(:last-child):before{content:'';position:absolute;z-index:3;top:98px;left:calc(50% + 120px);width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--orange);box-shadow:0 0 0 6px color-mix(in srgb, var(--orange) 9%, transparent),0 0 15px color-mix(in srgb, var(--orange) 44%, transparent);animation:gapEnergyDot 14s ease-in-out infinite}
.process article:nth-child(2):before{animation-delay:-7s}
@keyframes gapEnergyDot{0%,100%{left:calc(50% + 120px)}50%{left:calc(150% - 134px)}}
@media(max-width:720px){.process article:before,.process article:after{display:none!important}}

/* Professional horizontal hero carousel: only the whole slide moves */
.hero-slide,.hero-slide.active{opacity:1!important;transform:translateX(var(--hero-x,100%))!important;animation:none!important;will-change:transform;transition:none;background-attachment:scroll}
.hero-slide .hero-copy,.hero-slide .shade{animation:none!important}
.hero-slide:not(.video-slide){background-repeat:no-repeat;background-position:center;background-size:cover}
.video-slide{background:var(--dark-4)}
.video-slide video{width:100%;height:100%;object-fit:cover;display:block;animation:none!important;filter:none!important}

/* Single 15-second hero video — no carousel, images, controls or overlays */
.hero-video-only{position:relative;overflow:hidden;background:var(--dark-4)}
.hero-video-only #hero-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform:none!important;animation:none!important;transition:none!important;filter:none!important}
.hero-video-only #hero-motion{position:absolute;inset:0;width:100%;height:100%;display:block;background:var(--dark-4)}

/* Real-video hero with static image slides */
.media-carousel{position:relative;overflow:hidden;background:var(--dark-4)}
.media-slide{position:absolute;inset:0;z-index:1;visibility:hidden;transform:translateX(var(--media-x,100%));background-position:center;background-size:cover;background-repeat:no-repeat;animation:none!important;will-change:transform}
.media-slide.active{visibility:visible}
.media-slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:none!important;animation:none!important;filter:none!important}
.media-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,color-mix(in srgb, var(--dark-4) 90%, transparent) 0%,color-mix(in srgb, var(--dark-4) 68%, transparent) 39%,color-mix(in srgb, var(--dark-4) 18%, transparent) 72%,color-mix(in srgb, var(--dark-4) 8%, transparent) 100%),linear-gradient(0deg,color-mix(in srgb, var(--dark-4) 32%, transparent),transparent 55%)}
.media-slide .hero-copy{z-index:2}
.media-controls{position:absolute;right:4vw;bottom:40px;z-index:7;display:flex;align-items:center;gap:12px}
.media-controls button{width:46px;height:46px;color:#fff;background:color-mix(in srgb, var(--dark) 53%, transparent);border:1px solid #ffffff80;cursor:pointer;transition:background .2s,border-color .2s}
.media-controls button:hover{background:var(--orange);border-color:var(--orange)}
.media-controls span{color:#fff;font-size:10px;font-weight:700;letter-spacing:.1em;min-width:48px;text-align:center}

/* Desktop dropdown positioning: open below the header, never over the nav labels */
@media(min-width:721px){
  header{overflow:visible}
  header nav>.nav-item{position:relative;overflow:visible}
  header nav>.nav-item>.dropdown{top:100%;left:50%;width:220px;padding:12px;background:#fff;border-top:3px solid var(--orange);box-shadow:0 18px 40px color-mix(in srgb, var(--dark-4) 14%, transparent);opacity:0;visibility:hidden;transform:translate(-50%,12px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:50}
  header nav>.nav-item:hover>.dropdown,header nav>.nav-item:focus-within>.dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}
  header nav>.nav-item>.dropdown a{display:block;height:auto;padding:10px 11px;line-height:1.35;color:var(--ink);white-space:nowrap}
  header nav>.nav-item>.dropdown a:hover{background:#f7f3ee;color:var(--orange)}
}
@media(max-width:720px){
  .media-slide .hero-copy{top:42%}
  .media-shade{background:linear-gradient(90deg,color-mix(in srgb, var(--dark-4) 88%, transparent),color-mix(in srgb, var(--dark-4) 42%, transparent)),linear-gradient(0deg,color-mix(in srgb, var(--dark-4) 45%, transparent),transparent)}
  .media-controls{right:20px;bottom:90px}
  .media-controls button{width:42px;height:42px}
}