.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@font-face {font-family: 'montserrat';font-style: normal;font-weight: 100 900;src: url(../fonts/ElMessiri-VariableFont_wght.ttf) format('woff2'), url(../fonts/montserrat.ttf) format('truetype');font-display: swap;}
/* @font-face {font-family: 'montserrat';font-style: italic;font-weight: 100 900;src: url(../fonts/montserrat-italic.woff2) format('woff2'), url(../fonts/montserrat-italic.ttf) format('truetype');font-display: swap;} */
:root {
    --turuncu: #fbbc05;
    --gri:#555;
    --kgri:#666;
    --agri:rgba(0,0,0,.06);
    --bg:#ffffff;
    --bg2:#f5f5f5;
    --bg3:#eeeeee;
    --text:#1a1a1a;
    --text2:rgba(0,0,0,.68);
    --border:rgba(0,0,0,.10);
}
.logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: clamp(160px, 18vw, 260px);
    aspect-ratio: 957 / 135.1;
    overflow: hidden;
}

.logo-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

*{/* box-shadow: 0 0 2px 0;*/margin: 0;padding: 0;font-family: 'montserrat';text-decoration: none;list-style: none;word-wrap: break-word;}
body,html{width: 100%;overflow-x:hidden}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{background:var(--bg);color:var(--text)}
img{max-width: 100%;}
ul:not(.iletisim ul):not(.mr-blog-content ul):not(.mr-blog-content ol){display: inline-block;}
.tsag{text-align: right;}
.tcenter{text-align: center;}
.mtop{margin-top: 0!important;}
.turuncu{color:var(--turuncu)} .gri{color:var(--gri);} .kgri{color:var(--kgri);}
a{color:var(--text2)}

.col-12{width: calc(100%*(12/12));float: left;}.col-11{width: calc(100%*(11/12));float: left;}.col-10{width: calc(100%*(10/12));float: left;}.col-9{width: calc(100%*(9/12));float: left;}.col-8{width: calc(100%*(8/12));float: left;}.col-7{width: calc(100%*(7/12));float: left;}.col-6{width: calc(100%*(6/12));float: left;}.col-5{width: calc(100%*(5/12));float: left;}.col-4{width: calc(100%*(4/12));float: left;}.col-3{width: calc(100%*(3/12));float: left;}.col-2{width: calc(100%*(2/12));float: left;}.col-1{width: calc(100%*(1/12));float: left;}

#particles-js{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:0;pointer-events:auto;background:var(--bg)}
header{display:flex;align-items:center;position:fixed;top:0;left:0;width:100%;pointer-events:none;z-index:20;transition:background .4s ease,box-shadow .4s ease}
header *{pointer-events:all}
header.scrolled{background:rgba(255,255,255,.90);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 1px 20px rgba(0,0,0,.08)}

.menu{position: fixed;width: 100%;height:100%;top:0;left: 0;background: var(--bg);z-index: 19;transform: translate3d(100%, 0, 0);}
.menu .iletisim, .menu nav{height: 100%;display: flex;line-height: 1.5}
.menu a{color:var(--text2);transition: all ease .25s;font-weight: 800;}
.menu a:hover{color:var(--turuncu)}

.menu nav ul{margin: auto;margin-left: 121px;}
.menu nav ul li{overflow: hidden;}
.menu nav ul li a{font-size: 40px;display: block}

.menu .iletisim{background: var(--bg2);color:var(--text2)}
.menu .iletisim ul a{font-size: 0;}
.menu .iletisim ul a i{font-size: 16px;}
.menu .iletisim .content{margin: auto;margin-left: 55px;}
.menu .iletisim span{font-size: 28px;font-weight: 800;color:var(--turuncu);display: block;text-align: left}
.menu .iletisim li{float: left;margin-right:10px;padding-top:5px}


.whatsapp{position: fixed;right: 18px;bottom: 25px; z-index: 22;}
.whatsapp a{display:flex;align-items:center;justify-content:center;width:44px;height:44px}


.logo{padding: 30px;}
.logo svg{width: 280px;height: auto}
.mr-letter{transform-box:fill-box;transform-origin:center}
.nav-icon{display:block;width:44px;height:44px;padding:14px 8px;cursor:pointer;margin:auto 0 auto 0;background:none;border:none;-webkit-appearance:none;appearance:none;flex-shrink:0;position:relative;z-index:25}
.nav-icon span{display:block;height:3px;width:28px;margin-bottom:5px;background:#1a1a1a;transition:0.25s ease-in-out;border-radius:2px}
.nav-icon span:nth-child(3){width:18px}
.nav-icon:hover >  span:nth-child(3){width: 100%}

.nav-icon.aktif:hover >  span{background: var(--turuncu)}
.nav-icon.aktif >  span:nth-child(1){transform:translateY(8px) rotateZ(-45deg)}
.nav-icon.aktif >  span:nth-child(2){opacity:0;transform:rotateZ(45deg);}
.nav-icon.aktif >  span:nth-child(3){transform:translateY(-8px) rotateZ(45deg);width:28px}
/* ---- Desktop Navbar ---- */
.mr-desktop-nav{display:none;align-items:center;margin:0 0 0 0}
.mr-desktop-nav ul{display:flex!important;flex-direction:row!important;gap:0;align-items:center;margin:0;padding:0}
.mr-desktop-nav ul li{list-style:none;display:inline-block}
.mr-desktop-nav ul li a{font-size:15px;font-weight:600;color:var(--text2);padding:10px 18px;transition:color .25s ease;white-space:nowrap;display:block}
.mr-desktop-nav ul li a:hover{color:var(--turuncu)}
@media (min-width:993px){
.mr-desktop-nav{display:flex}
.nav-icon{display:none}
}
.dil{margin:auto 30px auto auto;display:flex;gap:6px;align-items:center;}
.dil a{font-weight: 600;color:var(--text2);text-transform:uppercase;padding:2px 6px;border-radius:4px;transition:color .25s ease,background .25s ease;}
.dil a.active{color:var(--turuncu);background:rgba(251,188,5,.1);}
.dil a:hover{color:var(--turuncu);}
.dil .dil-sep{color:var(--agri);font-weight:300;user-select:none;}


/* ---- Typed.js Cursor ---- */
.typed-cursor{color:var(--turuncu);font-weight:300;font-size:inherit;animation:blink .7s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}

/* ---- Hero Section ---- */
.mr-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:2;width:100%;margin-bottom:-4px;pointer-events:none}
.mr-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}

/* -- Ambient Blobs (stronger, more visible) -- */
.mr-hero-blob{position:absolute;border-radius:50%;pointer-events:none}
.mr-hero-blob--1{width:900px;height:900px;background:radial-gradient(circle,rgba(251,188,5,.10) 0%,transparent 70%);top:-180px;right:-120px;filter:blur(70px);animation:mr-blob-1 18s ease-in-out infinite}
.mr-hero-blob--2{width:800px;height:800px;background:radial-gradient(circle,rgba(251,188,5,.08) 0%,transparent 70%);bottom:-150px;left:-100px;filter:blur(80px);animation:mr-blob-2 22s ease-in-out infinite}
.mr-hero-blob--3{width:550px;height:550px;background:radial-gradient(circle,rgba(251,188,5,.06) 0%,transparent 65%);top:30%;left:55%;filter:blur(60px);animation:mr-blob-1 28s ease-in-out infinite reverse}
.mr-hero-blob--4{width:600px;height:600px;background:radial-gradient(circle,rgba(251,188,5,.07) 0%,transparent 70%);top:15%;left:5%;filter:blur(65px);animation:mr-blob-2 35s ease-in-out infinite reverse}
@keyframes mr-blob-1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-40px,25px) scale(1.15)}66%{transform:translate(30px,-20px) scale(.9)}}
@keyframes mr-blob-2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(35px,-25px) scale(1.12)}}
/* -- Subtle Grid Pattern -- */
.mr-hero-grid{
    position:absolute;inset:0;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,0,0,.04) 1px, transparent 1px);
    background-size: 80px 80px;
    mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, #000 30%, transparent 70%);
    -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, #000 30%, transparent 70%);
}

/* =============================================
   GLOBAL ATMOSPHERE — Grain + Particles (all pages)
   ============================================= */
.mr-atmosphere{
    position:fixed;
    inset:0;
    z-index:18;
    pointer-events:none;
    overflow:hidden;
}

/* -- Film Grain -- */
.mr-atm-grain{
    position:absolute;inset:0;
    opacity: 0.03;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 180px 180px;
    animation: mr-grain 0.5s steps(3) infinite;
    mix-blend-mode: overlay;
}
@keyframes mr-grain{
    0%,100%{transform:translate(0,0)}
    25%{transform:translate(-2px,3px)}
    50%{transform:translate(3px,-1px)}
    75%{transform:translate(-1px,-2px)}
}

/* -- Floating Particles (fixed, visible while scrolling) -- */
.mr-atm-particles{position:absolute;inset:0}
.mr-atm-particles span{
    position:absolute;
    display:block;
    border-radius:50%;
    background:rgba(251,188,5,.25);
    pointer-events:none;
    animation: mr-float linear infinite;
}
.mr-atm-particles span:nth-child(1) {width:3px;height:3px;left:8%;top:12%;animation-duration:22s;animation-delay:0s}
.mr-atm-particles span:nth-child(2) {width:2px;height:2px;left:22%;top:78%;animation-duration:28s;animation-delay:-5s}
.mr-atm-particles span:nth-child(3) {width:4px;height:4px;left:38%;top:8%;animation-duration:20s;animation-delay:-3s;background:rgba(0,0,0,.08)}
.mr-atm-particles span:nth-child(4) {width:2px;height:2px;left:52%;top:65%;animation-duration:25s;animation-delay:-8s}
.mr-atm-particles span:nth-child(5) {width:3px;height:3px;left:68%;top:25%;animation-duration:30s;animation-delay:-2s}
.mr-atm-particles span:nth-child(6) {width:2px;height:2px;left:82%;top:55%;animation-duration:24s;animation-delay:-12s;background:rgba(0,0,0,.07)}
.mr-atm-particles span:nth-child(7) {width:5px;height:5px;left:12%;top:48%;animation-duration:35s;animation-delay:-7s;background:rgba(251,188,5,.18)}
.mr-atm-particles span:nth-child(8) {width:2px;height:2px;left:33%;top:88%;animation-duration:18s;animation-delay:-4s}
.mr-atm-particles span:nth-child(9) {width:3px;height:3px;left:58%;top:5%;animation-duration:26s;animation-delay:-10s}
.mr-atm-particles span:nth-child(10){width:2px;height:2px;left:78%;top:82%;animation-duration:32s;animation-delay:-6s;background:rgba(0,0,0,.06)}
.mr-atm-particles span:nth-child(11){width:4px;height:4px;left:3%;top:35%;animation-duration:27s;animation-delay:-15s;background:rgba(251,188,5,.22)}
.mr-atm-particles span:nth-child(12){width:2px;height:2px;left:45%;top:42%;animation-duration:21s;animation-delay:-9s}
.mr-atm-particles span:nth-child(13){width:3px;height:3px;left:90%;top:15%;animation-duration:29s;animation-delay:-1s}
.mr-atm-particles span:nth-child(14){width:2px;height:2px;left:18%;top:92%;animation-duration:23s;animation-delay:-11s;background:rgba(0,0,0,.05)}
.mr-atm-particles span:nth-child(15){width:3px;height:3px;left:63%;top:38%;animation-duration:33s;animation-delay:-14s}
.mr-atm-particles span:nth-child(16){width:2px;height:2px;left:28%;top:28%;animation-duration:19s;animation-delay:-3s}
.mr-atm-particles span:nth-child(17){width:4px;height:4px;left:73%;top:72%;animation-duration:26s;animation-delay:-8s;background:rgba(251,188,5,.15)}
.mr-atm-particles span:nth-child(18){width:2px;height:2px;left:48%;top:2%;animation-duration:31s;animation-delay:-6s}
.mr-atm-particles span:nth-child(19){width:3px;height:3px;left:6%;top:68%;animation-duration:24s;animation-delay:-13s;background:rgba(0,0,0,.06)}
.mr-atm-particles span:nth-child(20){width:2px;height:2px;left:88%;top:40%;animation-duration:28s;animation-delay:-4s}
.mr-atm-particles span:nth-child(21){width:3px;height:3px;left:42%;top:58%;animation-duration:34s;animation-delay:-16s;background:rgba(251,188,5,.25)}
.mr-atm-particles span:nth-child(22){width:2px;height:2px;left:95%;top:75%;animation-duration:20s;animation-delay:-7s}
.mr-atm-particles span:nth-child(23){width:4px;height:4px;left:15%;top:18%;animation-duration:27s;animation-delay:-2s;background:rgba(0,0,0,.07)}
.mr-atm-particles span:nth-child(24){width:2px;height:2px;left:55%;top:90%;animation-duration:23s;animation-delay:-10s}
.mr-atm-particles span:nth-child(25){width:3px;height:3px;left:35%;top:52%;animation-duration:30s;animation-delay:-5s}
.mr-atm-particles span:nth-child(26){width:4px;height:4px;left:2%;top:22%;animation-duration:25s;animation-delay:-3s;background:rgba(251,188,5,.30)}
.mr-atm-particles span:nth-child(27){width:3px;height:3px;left:7%;top:58%;animation-duration:22s;animation-delay:-9s;background:rgba(251,188,5,.25)}
.mr-atm-particles span:nth-child(28){width:2px;height:2px;left:14%;top:80%;animation-duration:28s;animation-delay:-6s}
.mr-atm-particles span:nth-child(29){width:5px;height:5px;left:4%;top:42%;animation-duration:32s;animation-delay:-12s;background:rgba(251,188,5,.28)}
.mr-atm-particles span:nth-child(30){width:3px;height:3px;left:25%;top:15%;animation-duration:20s;animation-delay:-2s;background:rgba(251,188,5,.20)}
.mr-atm-particles span:nth-child(31){width:2px;height:2px;left:60%;top:48%;animation-duration:26s;animation-delay:-14s}
.mr-atm-particles span:nth-child(32){width:4px;height:4px;left:9%;top:72%;animation-duration:30s;animation-delay:-8s;background:rgba(251,188,5,.22)}
.mr-atm-particles span:nth-child(33){width:3px;height:3px;left:85%;top:30%;animation-duration:24s;animation-delay:-5s;background:rgba(251,188,5,.18)}
.mr-atm-particles span:nth-child(34){width:2px;height:2px;left:40%;top:95%;animation-duration:19s;animation-delay:-11s}
.mr-atm-particles span:nth-child(35){width:5px;height:5px;left:1%;top:88%;animation-duration:35s;animation-delay:-7s;background:rgba(251,188,5,.26)}
.mr-atm-particles span:nth-child(36){width:3px;height:3px;left:70%;top:62%;animation-duration:27s;animation-delay:-4s;background:rgba(251,188,5,.20)}
.mr-atm-particles span:nth-child(37){width:2px;height:2px;left:50%;top:30%;animation-duration:23s;animation-delay:-13s}
.mr-atm-particles span:nth-child(38){width:4px;height:4px;left:11%;top:5%;animation-duration:29s;animation-delay:-1s;background:rgba(251,188,5,.24)}
.mr-atm-particles span:nth-child(39){width:3px;height:3px;left:92%;top:55%;animation-duration:21s;animation-delay:-10s;background:rgba(251,188,5,.18)}
.mr-atm-particles span:nth-child(40){width:2px;height:2px;left:30%;top:70%;animation-duration:33s;animation-delay:-15s;background:rgba(251,188,5,.22)}

@keyframes mr-float{
    0%  {transform:translate(0, 0) scale(1);     opacity:0}
    8%  {opacity:1}
    50% {transform:translate(30px, -60px) scale(1.2); opacity:.6}
    92% {opacity:.8}
    100%{transform:translate(-15px, -120px) scale(.7); opacity:0}
}

/* -- Title Glow (ambient light behind text) -- */
.mr-hero-glow{
    position:absolute;
    width:700px;
    height:350px;
    top:50%;
    left:50%;
    transform:translate(-50%,-55%);
    background:radial-gradient(ellipse, rgba(251,188,5,.06) 0%, transparent 65%);
    filter:blur(40px);
    pointer-events:none;
    z-index:0;
    animation: mr-glow-pulse 6s ease-in-out infinite;
}
@keyframes mr-glow-pulse{
    0%,100%{opacity:.7;transform:translate(-50%,-55%) scale(1)}
    50%{opacity:1;transform:translate(-50%,-55%) scale(1.2)}
}

.mr-hero-center{position:relative;z-index:1;text-align:center;max-width:900px;width:100%;padding:40px 40px 0;margin-bottom:40px;pointer-events:none}
.mr-hero-center a,.mr-hero-center button{pointer-events:auto}
.mr-hero-label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--turuncu);margin-bottom:28px}
.mr-seo-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mr-hero-title{font-size:clamp(40px,7vw,86px);font-weight:800;line-height:1.08;color:var(--text);margin-bottom:40px}
.mr-hero-title em{font-style:normal}
#mr-typed{min-width:1px;display:inline-block}
.mr-line{display:block;overflow:hidden;padding-bottom:8px}
.mr-line-inner{display:block;will-change:transform;white-space:nowrap}
.mr-hero-desc{font-size:clamp(17px,1.7vw,21px);line-height:1.8;color:var(--kgri);margin:0 auto 48px;max-width:900px;padding:0;font-weight:500}

.mr-hero-cta{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}

/* ---- Hero Stats ---- */
.mr-hero-stats{display:flex;justify-content:center;gap:0;margin-top:56px;pointer-events:auto;opacity:0}
.mr-hero-stat{text-align:center;padding:0 28px;position:relative}
.mr-hero-stat + .mr-hero-stat::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:40px;background:rgba(0,0,0,.1)}
.mr-hero-stat .mr-stat-num{font-size:clamp(30px,4vw,48px);font-weight:800;color:var(--text);line-height:1;display:inline}
.mr-hero-stat .mr-stat-plus{font-size:clamp(20px,2.5vw,32px);font-weight:700;color:var(--turuncu);vertical-align:top;line-height:1}
.mr-hero-stat .mr-stat-text{display:block;font-size:11px;font-weight:600;color:var(--kgri);letter-spacing:1px;margin-top:6px;text-transform:uppercase}
@media (max-width:768px){
.mr-hero-stats{flex-wrap:wrap;gap:20px 0}
.mr-hero-stat{flex:0 0 50%;padding:8px 0}
.mr-hero-stat + .mr-hero-stat::before{display:none}
}

/* ---- Buttons ---- */
.mr-btn{display:inline-flex;align-items:center;gap:8px;padding:15px 34px;border-radius:50px;font-size:15px;font-weight:600;transition:all .35s cubic-bezier(.22,.68,0,1);text-decoration:none;cursor:pointer;border:none}
.mr-btn--primary{background:var(--turuncu);color:#fff}
.mr-btn--primary:hover{background:#e5a800;transform:translateY(-3px);box-shadow:0 10px 30px rgba(251,188,5,.25)}
.mr-btn--outline{background:transparent;color:var(--text2);border:2px solid var(--border)}
.mr-btn--outline:hover{border-color:var(--turuncu);color:var(--turuncu);transform:translateY(-3px)}
.mr-btn--lg{padding:18px 44px;font-size:17px}

/* ---- Scroll Hint ---- */
.mr-scroll-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:mr-fade-in 1s ease 2s forwards;cursor:pointer;pointer-events:auto;z-index:3;transition:opacity .3s ease}
.mr-scroll-hint:hover{opacity:.7}
.mr-scroll-hint span{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--kgri)}
.mr-scroll-line{width:2px;height:45px;background:linear-gradient(to bottom,var(--turuncu) 0%,rgba(251,188,5,.4) 100%);border-radius:1px;animation:mr-scroll-bounce 2.5s ease-in-out infinite}
@keyframes mr-scroll-bounce{0%,100%{transform:scaleY(1);opacity:1}50%{transform:scaleY(.6);opacity:.5}}
@keyframes mr-fade-in{to{opacity:1}}
.mr-scroll-hint--static{position:relative;bottom:auto;left:auto;transform:none;opacity:1;animation:none;padding:30px 0 10px;margin:0 auto;z-index:2;background:var(--bg)}

/* ---- Section Label (shared) ---- */
.mr-section-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--turuncu);margin-bottom:12px}

.typed-cursor{font-weight:800;color:var(--text)}

.baslik h1{font-size: 45px;text-align: center;font-weight: 800;color: var(--turuncu);}
.baslik span{font-size: 24px;font-weight: 500;text-align: center;display: block;padding: 0 30px;color:var(--text2)}


.icerik,.baslik {z-index: 2;position: relative;padding-top:75px;background: var(--bg);display: inline-block;width: 100%;margin-bottom: -4px}
.icerik.ilk{padding-top:0;padding-bottom: 4px}
.baslik{padding-top:130px;padding-bottom:60px;background:transparent;pointer-events:none;min-height:220px}
.baslik h1,.baslik span,.baslik hr,.baslik a{pointer-events:auto}
.icerik h2,.h2{font-size: 35px;text-align: center;font-weight: 700;color:var(--text)}
.icerik h3,.h3{font-weight: 500;font-size: 22px;text-align: center;color:var(--text)}
.icerik p,.p{padding:0 30px;font-size: 18px;color:var(--text2);}
.icerik a{color:var(--text2);}

hr{margin:20px auto; float: none!important}
.referanslar,.neler,.forms, .hakkimizda,.video, .text,.neler_yapiyoruz,.nyalt,.projelerimiz,.iletisim{float: none;margin: auto;display: flex;flex-wrap: wrap;justify-content: center;}
.icerik .neler a{display: block;color:var(--kgri);text-align: center;margin: auto;padding-bottom: 15px;transition: transform ease .25s}
.icerik .neler a img{filter: grayscale(100%) contrast(0%) brightness(20%);margin: auto;float:none;transition: all ease .25s; }
.icerik .neler a span{font-size: 19px;display: block;font-weight:500 ;padding:0 30px;transition: all ease .25s;}
.icerik .neler a .line{background: var(--turuncu);width: 35px;height: 4px;margin: 10px auto;display: inline-block;}
.icerik .neler a p{font-size: 15px;line-height: 22px;overflow: hidden;height: 66px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color:#000}

.icerik .neler a:hover {transform: translateY(-5px);}
.icerik .neler a:hover img{filter: none;}
.icerik .neler a:hover span{color:var(--turuncu);}

.icerik .referanslar img {margin: auto;transform: scale(0.7);filter: grayscale(100%);opacity: .5;transition: all ease .25s;}
.icerik .referanslar img:hover{opacity: 1;filter: none;}

.icerik .forms .input{display: flex;margin-top: 30px;}
.icerik .forms input,.icerik .forms  textarea{width:calc( 100% - 66px)!important;margin:auto;border: solid 2px var(--border);border-radius: 12px;font-size: 14px;padding: 16px 20px;outline: 0;background:var(--bg);color:var(--text);transition:border-color .3s ease,box-shadow .3s ease}
.icerik .forms textarea{height: 120px;resize:vertical}
.icerik .forms input:focus,.icerik .forms  textarea:focus{border-color: var(--turuncu);box-shadow:0 0 0 3px rgba(251,188,5,.1)}
.icerik .forms .g-recaptcha{margin: auto;}
.icerik .forms .gonder{background: var(--turuncu);font-size: 15px;font-weight:700;margin: auto;width: 200px;text-align: center;line-height: 50px; border-radius: 50px;color: #fff;cursor: pointer;transition: all .35s cubic-bezier(.22,.68,0,1);letter-spacing:.5px}
.icerik .forms .gonder:hover{background: #e5a800;transform:translateY(-2px);box-shadow:0 8px 24px rgba(251,188,5,.25)}

.icerik .embed{height: 70vh;max-height: 700px;min-height: 400px;}
.icerik .embed iframe{width: 100%;height: 100%;}

.video{padding-left:30px;}
.text p,.p{margin-top: 15px}
.text p:nth-child(1):not(li p) {margin: 0;}
.text div,.video iframe{margin: auto;}
.video,.text{height: 100%;}

.hakkimizda{padding: 15px 0}
.neler_yapiyoruz h2,.neler_yapiyoruz hr{display: none}

.kutucuklar{width: 100%; padding-left: 15px}
.kutucuk img{width: 100%;display: block;transition: all ease .25s;}
.kutucuk .all{margin: 0 15px 15px 0;position: relative;overflow: hidden;border-radius: 15px}

.kutucuk .back{cursor:pointer;position: absolute;color: #fff;background-color: rgba(251,188,5,.75);top: 25%;left: 0;bottom: 0;right: 0;z-index: 1;display: flex;transition: all ease .25s;opacity: 0}
.kutucuk .all:hover .back {opacity: 1;top: 0}
.kutucuk .all:hover img {transform: scale(1.2);}
.kutucuk h3{padding: 0 30px;margin: auto 0;text-align: left;}

.iletisim{text-align: center;}
.iletisim a{color: var(--kgri);}


.nyalt .h3{font-weight: 700;}
.nyalt li.p span{padding: 0 15px;display: block;}
.canli img{display: block;margin: auto 0;transform: scale(0.7);}

.oyunlastirma{padding: 15px 0;}

.matterport{margin-bottom: 15px}
.matterport .all{text-decoration: underline;cursor: pointer;}
.matterport li img{float: none;filter: grayscale(100%) contrast(0%) brightness(20%);transform: scale(0.8);}
.matterport li strong{display: block;}
.matterport i{font-size: .8em}

.metaofis{padding-top: 15px}
.metaofis img{float: none}
.metaofis p{display:block;}
.metaofis .text div{margin: 0}
.metaofis a{display: block;line-height: 50px;background: var(--turuncu);padding:0 30px;font-weight: 700;border-radius:10px;border-end-start-radius:100px;border-start-end-radius:100px;}


i.list{position: relative;width: 10px;display: block;float: left;color:transparent;}
i.list:before{content: "";width: 5px;height: 5px;background: var(--kgri);display: block;position: absolute;top: 50%;transform: translateY(-50%);left: 0px;border-radius: 3px}

/* ---- Modern Footer ---- */
.mr-footer{position:relative;z-index:2;background:var(--bg2);border-top:1px solid var(--border);padding:60px 0 0;font-size:14px;color:var(--text2)}
.mr-footer-inner{max-width:100%;margin:0;padding:0 64px;display:grid;grid-template-columns:1.4fr 1fr 1fr 0.8fr 1.1fr;gap:32px}
.mr-footer-brand{text-align:left;display:flex;flex-direction:column;justify-content:center}
.mr-footer-brand img{width:180px;margin-bottom:16px}
.mr-footer-tagline{font-size:14px;color:var(--text2);line-height:1.6;margin-bottom:20px}
.mr-footer-social{display:flex;gap:12px}
.mr-footer-social a{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text2);font-size:15px;transition:all .3s ease}
.mr-footer-social a:hover{background:var(--turuncu);border-color:var(--turuncu);color:#fff}
.mr-footer-col h4{font-size:14px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:1px;margin-bottom:18px}
.mr-footer-col ul{list-style:none;margin:0;padding:0}
.mr-footer-col ul li{margin-bottom:10px;line-height:1.5}
.mr-footer-col ul li a{color:var(--text2);transition:color .25s ease}
.mr-footer-col ul li a:hover{color:var(--turuncu)}
.mr-footer-bottom{max-width:100%;margin:48px 0 0;padding:20px 64px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text2)}
.mr-footer-bottom a{color:var(--text2);transition:color .25s ease}
.mr-footer-bottom a:hover{color:var(--turuncu)}
/* X (Twitter) icon */
.mr-x-icon{display:inline-block;vertical-align:middle}

.popup{padding: 15px;pointer-events: none;position: fixed;width: calc(100% - 30px);height:calc(100% - 30px);z-index: 23;background:rgba(0, 0, 0, .8);top:0;opacity:0;animation-duration: 0.5s !important; }
.popup iframe,.popup video{border: none;width: 100%;height: 100vh;margin: auto!important;max-height: 100%;max-width: 100%; }
.popup .video{padding: 0}
.popup-close{position:absolute;top:10px;right:10px;width:36px;height:36px;background:#e74c3c;color:#fff;border-radius:50%;font-size:22px;cursor:pointer;z-index:99;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .2s;box-shadow:0 2px 8px rgba(0,0,0,.4);}
.popup-close:hover{background:#c0392b;}
.popup.animate__fadeIn{display: block;pointer-events: all;}
.popup.animate__fadeOut{pointer-events: none;}
.videoplay iframe{display: none}
.frameplay video{display: none}

.f2x{font-size: 2em;}
@media only screen and (max-width: 1023px) {
    .col-sm-12{width: calc(100%*(12/12));}.col-sm-11{width: calc(100%*(11/12));}.col-sm-10{width: calc(100%*(10/12));}.col-sm-9{width: calc(100%*(9/12));}.col-sm-8{width: calc(100%*(8/12));}.col-sm-7{width: calc(100%*(7/12));}.col-sm-6{width: calc(100%*(6/12));}.col-sm-5{width: calc(100%*(5/12));}.col-sm-4{width: calc(100%*(4/12));}.col-sm-3{width: calc(100%*(3/12));}.col-sm-2{width: calc(100%*(2/12));}.col-sm-1{width: calc(100%*(1/12));}
    hr{margin:10px auto;}
    .mr-hero{min-height:100vh}
    .mr-hero-center{padding:0 24px}
    .mr-scroll-hint{display:flex}
    .mr-hero-grid{background-size:60px 60px}
    .mr-atm-particles span:nth-child(n+26){display:none}
    .menu nav ul li a{font-size: 35px;}
    .baslik h1{font-size: 30px;}
    .baslik{padding-top:100px;min-height:180px}
    .icerik h3,.h3{font-size: 20px;}
    .logo {padding: 15px;}
    .logo img,.logo svg{max-width: 80%;}
    .menu nav ul{margin-left: auto;}
    .menu nav ul li a,.icerik h2,.h2{font-size: 25px;}

    .icerik p,.p,.baslik span,.icerik .neler a span,.video{padding:0 15px;}
    .video iframe{margin-bottom: 15px}
    .icerik .neler a span,.icerik p,.p,.baslik span{font-size: 16px;}
    .icerik .neler a p{font-size: 12px;}
    .icerik .neler a .line{margin: 5px auto;}

    /* Footer */
    .mr-footer-inner{grid-template-columns:1fr 1fr 1fr;gap:28px;padding:0 24px}
    .mr-footer-brand{grid-column:1/-1}
    .mr-footer-bottom{padding:16px 24px;margin-top:36px}
    /* Embed */
    .icerik .embed{height:50vh;min-height:300px}

}
@media only screen and (max-width: 768px) {
    .col-xs-12{width: calc(100%*(12/12));}.col-xs-11{width: calc(100%*(11/12));}.col-xs-10{width: calc(100%*(10/12));}.col-xs-9{width: calc(100%*(9/12));}.col-xs-8{width: calc(100%*(8/12));}.col-xs-7{width: calc(100%*(7/12));}.col-xs-6{width: calc(100%*(6/12));}.col-xs-5{width: calc(100%*(5/12));}.col-xs-4{width: calc(100%*(4/12));}.col-xs-3{width: calc(100%*(3/12));}.col-xs-2{width: calc(100%*(2/12));}.col-xs-1{width: calc(100%*(1/12));}
    .logo img,.logo svg {max-width: 130px;width: 100%;}
    .dil{margin-right:10px}
    .mr-hero{min-height:100vh}
    .mr-hero-center{padding:0 16px}
    .mr-hero-cta{flex-direction:column;align-items:center;gap:12px}
    .mr-atm-grain{display:none}
    .mr-atm-particles span:nth-child(n+16){display:none}
    .mr-hero-glow{width:300px;height:140px}
    .baslik{padding-top:85px;min-height:150px}
    /* Font sizes — smaller on phones */
    .baslik h1{font-size:24px}
    .icerik h2,.h2{font-size:22px}
    .icerik p,.p{font-size:15px}
    .baslik span{font-size:15px}
    .menu nav ul li a{font-size:22px}
    /* Footer */
    .mr-footer-inner{grid-template-columns:1fr;gap:28px;padding:0 20px}
    .mr-footer-bottom{flex-direction:column;gap:8px;text-align:center;padding:16px 20px;margin-top:28px}
    /* Embed & Forms */
    .icerik .embed{height:40vh;min-height:240px}
    .icerik .forms .gonder{width:100%;max-width:200px}
    .icerik .forms input,.icerik .forms textarea{width:calc(100% - 30px)!important}
    .mr-section .forms input,.mr-section .forms textarea{width:calc(100% - 30px)!important}
    .mr-section .forms .gonder{width:100%;max-width:200px}
}
/* ---- 480px — Ultra-small screens ---- */
@media only screen and (max-width: 480px) {
    .baslik h1{font-size:22px}
    .icerik h2,.h2{font-size:20px}
    .icerik h3,.h3{font-size:18px}
    .icerik p,.p{font-size:14px}
    .baslik span{font-size:14px}
    .baslik{padding-top:75px;min-height:120px}
    .mr-hero-title{margin-bottom:24px}
    .mr-hero-desc{margin-bottom:32px}
    .mr-btn{padding:12px 24px;font-size:14px}
    .mr-btn--lg{padding:14px 32px;font-size:15px}
    footer{padding:20px 12px}
    .mr-footer{padding:40px 0 0}
    .mr-footer-inner{padding:0 16px;gap:24px}
    .mr-footer-brand img{width:140px}
    .logo{padding:10px}
    .logo img,.logo svg{max-width:110px}
    .nav-icon{width:40px;height:40px;padding:12px 6px}
    .mr-atm-particles{display:none}
    .mr-icon-grid{gap:12px}
    .mr-icon-grid-item{padding:14px}
    .mr-icon-grid-item img{width:48px}
    .mr-icon-grid-item span{font-size:12px}
    .mr-callout{padding:20px 16px}
    .mr-callout p{font-size:16px}
    .mr-contact-card{padding:20px}
    .mr-mutfak{padding:24px 16px}
    .mr-section-inner{padding:0 16px}
    .icerik .embed{height:35vh;min-height:200px}
    .mr-feature{grid-template-columns:40px 1fr;gap:0 16px;padding:20px 0}
    .mr-feature-num{font-size:26px}
    .mr-feature h4{font-size:16px}
    .mr-feature p{font-size:14px}
    .mr-page-hero{padding:90px 0 40px}
    .mr-page-hero h1{padding:0 16px}
    .mr-page-hero-desc{padding:0 16px}
    .mr-showreel-inner{padding:0 12px}
    .mr-cta-inner{padding:0 16px}
    .mr-ref-header h2{font-size:20px}
    .mr-hscroll-header{padding:40px 12px 20px}
    .mr-hcard{width:240px}
    .mr-hcard .all{height:190px}
    .mr-hcard-overlay{padding:16px 12px}
    .mr-hcard-overlay h3{font-size:15px}
    .mr-hcard--cta{width:160px}
    .mr-proj-card{flex:0 0 220px}
    .mr-proj-card-text h4{font-size:13px}
    .mr-blog-card h3{font-size:15px}
    .mr-blog-card-body{padding:16px 14px 18px}
    .mr-team-grid{grid-template-columns:1fr;gap:20px;max-width:320px;margin:0 auto}
    .mr-team-quote{font-size:11px}
    .mr-filter-chip{padding:5px 10px;font-size:11px}
    .mr-filter-bar{gap:6px}
    .mr-contact-cards{gap:16px}
    .mr-contact-card{padding:16px}
    .mr-map{height:220px;min-height:180px}
    .mr-btn{padding:14px 24px}
    .mr-matterport-embed{height:40vh;min-height:220px}
}

/* =============================================
   MR SERVICES — Editorial List (Dark Mode)
   ============================================= */

.mr-services {
    position: relative;
    padding: 80px 0 60px;
    overflow: hidden;
}
.mr-services::before{
    content:'';
    position:absolute;
    width:800px;height:800px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(251,188,5,.08) 0%,transparent 70%);
    top:5%;left:-200px;
    filter:blur(60px);
    pointer-events:none;
}
.mr-services::after{
    content:'';
    position:absolute;
    width:700px;height:700px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(251,188,5,.06) 0%,transparent 70%);
    bottom:10%;right:-180px;
    filter:blur(65px);
    pointer-events:none;
}
.mr-services-header {
    text-align: center;
    margin-bottom: 50px;
    padding: 0 30px;
}
.mr-services-header .mr-services-label {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--turuncu);
    margin-bottom: 10px;
}
.mr-services-header h2 {
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 800;
    color: var(--text);
    margin-bottom: 12px;
}
.mr-services-header p {
    font-size: 17px;
    color: var(--text2);
    max-width: 520px;
    margin: 0 auto;
    line-height: 1.6;
    padding: 0;
}

/* ---- journey storytelling ---- */
.mr-journey {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}
.mr-journey-intro {
    text-align: center;
    margin-bottom: 40px;
    padding: 20px 30px 0;
}
.mr-journey-intro .mr-services-label {
    display: block;
    font-size: 17px;
    letter-spacing: 5px;
    margin-bottom: 64px;
}
.mr-journey-intro h2 {
    font-size: clamp(30px, 4.5vw, 52px);
    font-weight: 800;
    color: var(--text);
    line-height: 1.15;
    margin-bottom: 16px;
}
.mr-journey-intro p {
    font-size: 17px;
    color: var(--text2);
    max-width: 540px;
    margin: 0 auto;
    line-height: 1.7;
}

/* ---- Mutfak bölümü ---- */
.mr-mutfak {
    background: var(--bg2);
    border-radius: 20px;
    padding: 40px 48px;
    margin-bottom: 20px;
    border: 1px solid var(--border);
}
.mr-mutfak-inner {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}
.mr-mutfak-label {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--turuncu);
    margin-bottom: 24px;
}
.mr-mutfak h3 {
    font-size: clamp(24px, 3.5vw, 34px);
    font-weight: 800;
    color: var(--text);
    line-height: 1.3;
    margin-bottom: 24px;
}
.mr-mutfak-text > p {
    font-size: 16px;
    color: var(--text2);
    line-height: 1.7;
    margin-bottom: 40px;
}
.mr-mutfak-steps {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
}
/* connecting line behind all steps */
.mr-mutfak-steps::before {
    content: '';
    position: absolute;
    top: 19px;
    left: 10%;
    right: 10%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(251,188,5,.2) 15%, rgba(251,188,5,.2) 85%, transparent);
    z-index: 0;
}
.mr-mutfak-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 700;
    color: var(--text);
    line-height: 1.4;
    position: relative;
    z-index: 1;
}
.mr-mutfak-step-num {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--turuncu);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    box-shadow: 0 4px 12px rgba(251,188,5,.3);
}
.mr-mutfak-step-title {
    font-size: 13px;
    font-weight: 700;
    color: var(--text);
    line-height: 1.3;
}
.mr-mutfak-step-desc {
    font-size: 12px;
    font-weight: 500;
    color: var(--text2);
    line-height: 1.5;
    padding: 0;
}
.mr-mutfak-closing {
    font-size: 16px;
    color: var(--text2);
    font-style: italic;
    margin: 0;
}
@media (max-width: 768px) {
    .mr-mutfak { padding: 32px 24px; border-radius: 14px; }
    .mr-mutfak-steps { grid-template-columns: 1fr; gap: 20px; }
    .mr-mutfak-steps::before { display: none; }
    .mr-mutfak-step { flex-direction: row; text-align: left; gap: 14px; }
    .mr-mutfak-step-num { width: 32px; height: 32px; font-size: 13px; }
}

/* chapter — side by side */
.mr-journey-chapter {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    padding: 60px 40px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}
/* Chapter backgrounds */
.mr-journey-chapter--edu,
.mr-journey-chapter--prod,
.mr-journey-chapter--digital,
.mr-journey-chapter--ai {
    background: var(--bg2);
    border: 1px solid var(--border);
}
.mr-journey-chapter--reverse {
    direction: rtl;
}
.mr-journey-chapter--reverse > * {
    direction: ltr;
}

.mr-journey-num {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--turuncu);
    margin-bottom: 12px;
    font-variant-numeric: tabular-nums;
}
.mr-journey-text h3 {
    font-size: clamp(26px, 3.5vw, 40px);
    font-weight: 800;
    color: var(--text);
    margin-bottom: 16px;
    line-height: 1.2;
}
.mr-journey-text p {
    font-size: 17px;
    line-height: 1.8;
    color: var(--text2);
    margin-bottom: 28px;
    padding: 0;
}

/* hizmet linkleri */
.mr-journey-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.mr-journey-links a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 8px;
    background: var(--bg2);
    text-decoration: none;
    color: var(--text);
    font-size: 13px;
    font-weight: 600;
    transition: all .3s ease;
    border: 1px solid transparent;
}
.mr-journey-links a:hover {
    border-color: var(--turuncu);
    background: rgba(251,188,5,.08);
    color: var(--turuncu);
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(251,188,5,.1);
}
.mr-journey-links a img {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    filter: brightness(0);
    opacity: .4;
    transition: all .3s;
    float: none;
    margin: 0;
}
.mr-journey-links a:hover img {
    filter: none;
    opacity: 1;
}

/* sağ taraf — büyük tipografi */
.mr-journey-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    position: relative;
    overflow: hidden;
}
.mr-journey-visual-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    position: relative;
}
.mr-journey-big {
    font-size: clamp(52px, 7vw, 96px);
    font-weight: 900;
    letter-spacing: -2px;
    color: var(--text);
    opacity: .28;
    line-height: 1;
    user-select: none;
    animation: jPulse 4s ease-in-out infinite;
}
.mr-journey-big:nth-child(2) { animation-delay: -1.3s; }
.mr-journey-big:nth-child(3) { animation-delay: -2.6s; }
.mr-journey-big.turuncu {
    color: var(--turuncu);
    opacity: .45;
}
@keyframes jPulse {
    0%, 100% { opacity: .28; letter-spacing: -2px; }
    50% { opacity: .42; letter-spacing: 2px; }
}
.mr-journey-big.turuncu { animation-name: jPulseT; }
@keyframes jPulseT {
    0%, 100% { opacity: .45; letter-spacing: -2px; }
    50% { opacity: .6; letter-spacing: 2px; }
}

/* chapter geçiş divider */
.mr-journey-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    position: relative;
    height: 60px;
}
.mr-journey-divider-line {
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, var(--turuncu) 50%, transparent 100%);
    transform: scaleX(0);
}
.mr-journey-divider-dot {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--turuncu);
    transform: scale(0);
    box-shadow: 0 0 0 0 rgba(251,188,5,0);
}
.mr-journey-divider.is-active .mr-journey-divider-line {
    animation: divLine 1s cubic-bezier(.22,.68,0,1) forwards;
}
.mr-journey-divider.is-active .mr-journey-divider-dot {
    animation: divDot 0.8s 0.4s cubic-bezier(.22,.68,0,1) forwards;
}
@keyframes divLine {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}
@keyframes divDot {
    0% { transform: scale(0); box-shadow: 0 0 0 0 rgba(251,188,5,.5); }
    50% { transform: scale(1.8); box-shadow: 0 0 0 20px rgba(251,188,5,0); }
    100% { transform: scale(1); box-shadow: 0 0 20px rgba(251,188,5,.3); }
}

@media (max-width: 1023px) {
    .mr-journey { padding: 0 20px; }
    .mr-journey-intro { margin-bottom: 50px; }
    .mr-journey-chapter { gap: 40px; padding: 50px 30px; }
    .mr-journey-text h3 { font-size: 26px; }
    .mr-journey-big { font-size: 60px; }
}
@media (max-width: 768px) {
    .mr-journey-chapter {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 30px 20px;
        border-radius: 14px;
    }
    .mr-journey-chapter--reverse { direction: ltr; }
    .mr-journey-visual { min-height: 160px; }
    .mr-journey-big { font-size: 48px; }
    .mr-journey-links { grid-template-columns: 1fr; }
    .mr-journey-intro { margin-bottom: 40px; }
    .mr-journey-text h3 { font-size: 24px; }
}


/* =============================================
   MR REFERANSLAR — Draggable Marquee
   ============================================= */

.mr-ref {
    padding: 70px 0 60px;
    position: relative;
    overflow: hidden;
    z-index: 2;
    background: var(--bg);
}
.mr-ref::before{
    content:'';
    position:absolute;
    width:800px;height:600px;
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(251,188,5,.08) 0%,transparent 70%);
    top:-100px;right:-150px;
    filter:blur(55px);
    pointer-events:none;
}
.mr-ref::after{
    content:'';
    position:absolute;
    width:750px;height:750px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(251,188,5,.07) 0%,transparent 70%);
    bottom:-150px;left:-150px;
    filter:blur(65px);
    pointer-events:none;
}

.mr-ref-header {
    text-align: center;
    margin-bottom: 35px;
}
.mr-ref-header .mr-ref-label {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--turuncu);
    margin-bottom: 10px;
}
.mr-ref-header h2 {
    font-size: 34px;
    font-weight: 800;
    color: var(--text);
    margin-bottom: 6px;
}
.mr-ref-header p {
    font-size: 16px;
    color: var(--text2);
    margin: 0;
    padding: 0;
}

/* stat counter */
.mr-ref-stat {
    text-align: center;
    margin-top: 0;
    margin-bottom: 24px;
}
.mr-ref-stat .mr-ref-num {
    font-size: 52px;
    font-weight: 800;
    color: var(--turuncu);
    line-height: 1;
    display: inline-block;
}
.mr-ref-stat .mr-ref-num small {
    font-size: 36px;
    font-weight: 700;
}
.mr-ref-stat .mr-ref-stat-text {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--text2);
    letter-spacing: 1px;
    margin-top: 4px;
}

/* marquee container */
.mr-ref-marquee {
    overflow: hidden;
    width: 100%;
    cursor: grab;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 5%, #000 95%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, #000 5%, #000 95%, transparent 100%);
    padding: 10px 0;
    -webkit-user-select: none;
    user-select: none;
}

.mr-ref-track {
    display: flex;
    gap: 50px;
    align-items: center;
    width: max-content;
    will-change: transform;
}

/* logo item */
.mr-ref-logo {
    flex-shrink: 0;
    width: 170px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mr-ref-logo img {
    max-width: 100%;
    max-height: 75px;
    filter: grayscale(100%) brightness(0.8) opacity(0.4);
    transition: filter 0.35s ease, transform 0.35s ease;
    float: none;
    margin: 0;
    -webkit-user-drag: none;
}
.mr-ref-logo img:hover {
    filter: grayscale(0%) brightness(1) opacity(1);
    transform: scale(1.1);
}

/* responsive */
@media only screen and (max-width: 1023px) {
    .mr-ref { padding: 55px 0 45px; }
    .mr-ref-header h2 { font-size: 28px; }
    .mr-ref-stat .mr-ref-num { font-size: 42px; }
    .mr-ref-track { gap: 36px; }
    .mr-ref-logo { width: 140px; height: 70px; }
    .mr-ref-logo img { max-height: 60px; }
}
@media only screen and (max-width: 768px) {
    .mr-ref { padding: 45px 0 35px; }
    .mr-ref-header h2 { font-size: 24px; }
    .mr-ref-header { margin-bottom: 16px; }
    .mr-ref-stat .mr-ref-num { font-size: 36px; }
    .mr-ref-stat { margin-bottom: 24px; }
    .mr-ref-track { gap: 28px; }
    .mr-ref-logo { width: 120px; height: 60px; }
    .mr-ref-logo img { max-height: 50px; }
}


/* =============================================
   MR MATTERPORT — 3D Tour Section
   ============================================= */

/* ---- Matterport — Cinematic Full-Bleed ---- */
.mr-matterport-header{text-align:center;max-width:700px;margin:0 auto 40px;padding:0 30px}
.mr-matterport-header h2{font-size:clamp(28px,4vw,48px);font-weight:800;color:var(--text);margin-bottom:16px}
.mr-matterport-header p{color:var(--text2);font-size:clamp(15px,1.4vw,17px);line-height:1.7}
.mr-matterport {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 2;
    padding-top: 80px;
    background: var(--bg);
}
.mr-matterport::before{
    content:'';
    position:absolute;
    width:850px;height:650px;
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(251,188,5,.09) 0%,transparent 65%);
    top:-150px;right:-100px;
    filter:blur(50px);
    pointer-events:none;
    z-index:1;
}
.mr-matterport::after{
    content:'';
    position:absolute;
    width:800px;height:600px;
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(251,188,5,.07) 0%,transparent 70%);
    bottom:-120px;left:-100px;
    filter:blur(60px);
    pointer-events:none;
    z-index:1;
}
.mr-matterport-embed {
    position: relative;
    width: 100%;
    height: 75vh;
    min-height: 480px;
    max-height: 800px;
    cursor: pointer;
    overflow: hidden;
    background: #1a1a2e;
}
.mr-matterport-embed iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

/* placeholder before iframe loads */
.mr-matterport-placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    background: #1a1a2e;
    background-image:
        radial-gradient(circle at 30% 40%, rgba(251,188,5,.12) 0%, transparent 50%),
        radial-gradient(circle at 70% 60%, rgba(251,188,5,.08) 0%, transparent 50%);
    z-index: 2;
    transition: opacity .6s ease, visibility .6s ease;
}
.mr-matterport-embed.loaded .mr-matterport-placeholder {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.mr-matterport-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--turuncu);
    transition: transform .4s cubic-bezier(.22,.68,0,1), border-color .4s ease, box-shadow .4s ease;
    position: relative;
}
.mr-matterport-icon::after {
    content: '';
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    border: 1px solid rgba(251,188,5,.15);
    animation: mr-mtp-pulse 2s ease-in-out infinite;
}
@keyframes mr-mtp-pulse {
    0%,100% { transform: scale(1); opacity: .5; }
    50% { transform: scale(1.15); opacity: 0; }
}
.mr-matterport-icon svg {
    width: 36px;
    height: 36px;
}
.mr-matterport-embed:hover .mr-matterport-icon {
    transform: scale(1.1);
    border-color: var(--turuncu);
    box-shadow: 0 0 40px rgba(251,188,5,.2);
}
.mr-matterport-cta {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255,255,255,.6);
    transition: color .3s ease;
}
.mr-matterport-embed:hover .mr-matterport-cta {
    color: var(--turuncu);
}

/* floating badge */
.mr-matterport-badge {
    position: absolute;
    bottom: 20px;
    right: 24px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255,255,255,.3);
    z-index: 3;
    pointer-events: none;
}

@media (max-width: 1023px) {
    .mr-matterport-embed { height: 60vh; min-height: 380px; }
}
@media (max-width: 768px) {
    .mr-matterport-embed { height: 50vh; min-height: 300px; }
    .mr-matterport-icon { width: 64px; height: 64px; }
    .mr-matterport-icon svg { width: 28px; height: 28px; }
    .mr-matterport-cta { font-size: 12px; letter-spacing: 1.5px; }
    .mr-matterport-badge { bottom: 14px; right: 16px; font-size: 11px; }
}

/* minimal matterport — no header, edge-to-edge */
.mr-matterport--minimal { padding-top: 0; }
.mr-matterport--minimal::before,
.mr-matterport--minimal::after { display: none; }
.mr-matterport--minimal .mr-matterport-embed { max-height: 700px; height: 70vh; }


/* =============================================
   MR SHOWREEL — Dark Video Section
   ============================================= */

.mr-showreel {
    position: relative;
    background: var(--bg2);
    padding: 100px 0 110px;
    z-index: 2;
    overflow: hidden;
}
.mr-showreel::before{
    content:'';
    position:absolute;
    width:800px;height:800px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(251,188,5,.08) 0%,transparent 70%);
    top:-200px;right:-150px;
    filter:blur(60px);
    pointer-events:none;
}
.mr-showreel::after{
    content:'';
    position:absolute;
    width:800px;height:800px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(251,188,5,.07) 0%,transparent 70%);
    bottom:-180px;left:-150px;
    filter:blur(70px);
    pointer-events:none;
}
.mr-showreel-inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 40px;
    text-align: center;
}
.mr-showreel-title {
    font-size: clamp(30px, 4.5vw, 52px);
    font-weight: 800;
    color: var(--text);
    line-height: 1.15;
    margin-bottom: 50px;
}
.mr-showreel-title em { font-style: normal; }
.mr-showreel .mr-section-label { color: var(--turuncu); }
.mr-showreel-video {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 80px rgba(251,188,5,.08), 0 0 0 1px rgba(0,0,0,.08);
    aspect-ratio: 16/9;
    will-change: transform;
    transform-origin: center center;
}
.mr-showreel-video iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}
.mr-showreel-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    cursor: pointer;
}
.mr-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: 80px;
    height: 56px;
    border: none;
    background: none;
    cursor: pointer;
    z-index: 2;
    transition: transform .3s ease, opacity .3s ease;
    padding: 0;
}
.mr-play-btn svg { width: 100%; height: 100%; }
.mr-play-btn:hover { transform: translate(-50%, -50%) scale(1.12); }
.mr-showreel-video.playing .mr-play-btn,
.mr-showreel-video.playing > img { display: none; }

@media (max-width: 1023px) {
    .mr-showreel { padding: 70px 0 80px; }
    .mr-showreel-inner { padding: 0 24px; }
    .mr-showreel-video { border-radius: 12px; }
}
@media (max-width: 768px) {
    .mr-showreel { padding: 55px 0 65px; }
    .mr-showreel-inner { padding: 0 16px; }
    .mr-showreel-title { margin-bottom: 32px; }
    .mr-showreel-video { border-radius: 10px; }
}


/* =============================================
   MR STATS — Counter Strip
   ============================================= */

.mr-stats {
    position: relative;
    background: var(--bg);
    padding: 70px 0;
    z-index: 2;
    overflow: hidden;
}
.mr-stats::before{
    content:'';
    position:absolute;
    width:900px;height:350px;
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(251,188,5,.12) 0%,transparent 65%);
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    filter:blur(50px);
    pointer-events:none;
}
.mr-stats::after{
    content:'';
    position:absolute;
    width:700px;height:700px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(251,188,5,.10) 0%,transparent 70%);
    top:-200px;left:-150px;
    filter:blur(60px);
    pointer-events:none;
}
.mr-stats-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 30px;
}
.mr-stat {
    flex: 1;
    text-align: center;
    padding: 10px 0;
}
.mr-stat-num {
    font-size: clamp(38px, 5vw, 62px);
    font-weight: 800;
    color: var(--text);
    line-height: 1;
    display: inline;
}
.mr-stat-plus {
    font-size: clamp(26px, 3vw, 40px);
    font-weight: 700;
    color: var(--turuncu);
    vertical-align: top;
    line-height: 1;
}
.mr-stat-text {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--kgri);
    letter-spacing: 1px;
    margin-top: 8px;
    text-transform: uppercase;
}
.mr-stat-divider {
    width: 1px;
    height: 60px;
    background: var(--border);
    flex-shrink: 0;
}

@media (max-width: 1023px) {
    .mr-stats { padding: 55px 0; }
    .mr-stat-divider { height: 45px; }
}
@media (max-width: 768px) {
    .mr-stats { padding: 40px 0; }
    .mr-stats-inner { flex-wrap: wrap; gap: 10px 0; }
    .mr-stat { flex: 0 0 50%; }
    .mr-stat-divider { display: none; }
    .mr-stat-text { font-size: 11px; }
}


/* =============================================
   WHY MEDIARUBIC — About Page Cards
   ============================================= */
.mr-why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 32px;
}
.mr-why-card {
    text-align: center;
    padding: 32px 24px;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 14px;
    transition: border-color .3s ease, transform .3s ease;
}
.mr-why-card:hover {
    border-color: rgba(251,188,5,.25);
    transform: translateY(-4px);
}
.mr-why-num {
    display: block;
    font-size: clamp(32px, 4vw, 44px);
    font-weight: 900;
    color: var(--turuncu);
    line-height: 1;
    margin-bottom: 8px;
}
.mr-why-card h4 {
    font-size: 15px;
    color: #fff;
    margin: 0 0 10px;
    font-weight: 700;
}
.mr-why-card p {
    font-size: 13px;
    color: var(--text2);
    line-height: 1.6;
    margin: 0;
}
.mr-why-method {
    text-align: center;
    font-size: 15px;
    color: var(--text2);
    margin-top: 28px;
    line-height: 1.7;
}
.mr-why-method strong {
    color: var(--turuncu);
}
@media (max-width:768px) {
    .mr-why-grid { grid-template-columns: 1fr; gap: 16px; }
    .mr-why-card { padding: 24px 20px; }
}

/* =============================================
   AWARDS SHOWCASE (About page)
   ============================================= */
.mr-awards-showcase {
    display: flex;
    justify-content: center;
    gap: 60px;
    margin-top: 40px;
}
.mr-award-item {
    text-align: center;
    max-width: 280px;
}
.mr-award-img {
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
    transition: transform .3s ease;
}
.mr-award-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 4px 16px rgba(0,0,0,.3));
}
.mr-award-item:hover .mr-award-img {
    transform: scale(1.08) rotate(-2deg);
}
.mr-award-item h4 {
    font-size: 18px;
    color: var(--turuncu);
    margin: 0 0 8px;
}
.mr-award-item p {
    font-size: 14px;
    color: var(--text2);
    line-height: 1.5;
    margin: 0 0 12px;
}
.mr-award-item strong {
    color: var(--turuncu);
}
.mr-award-cat {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--turuncu);
    border: 1px solid rgba(251,188,5,.3);
    padding: 4px 14px;
    border-radius: 50px;
}
@media (max-width:768px) {
    .mr-awards-showcase {
        flex-direction: column;
        align-items: center;
        gap: 36px;
    }
    .mr-award-img { width: 90px; height: 90px; }
}


/* =============================================
   MR HORIZONTAL SCROLL — Pinned Projects
   ============================================= */

.mr-hscroll {
    position: relative;
    background: var(--bg);
    z-index: 2;
    overflow: visible;
}
.mr-hscroll::before{
    content:'';
    position:absolute;
    width:800px;height:800px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(251,188,5,.07) 0%,transparent 70%);
    top:-200px;right:-100px;
    filter:blur(60px);
    pointer-events:none;
    z-index:0;
}
.mr-hscroll::after{
    content:'';
    position:absolute;
    width:800px;height:800px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(251,188,5,.06) 0%,transparent 70%);
    bottom:-180px;left:-100px;
    filter:blur(70px);
    pointer-events:none;
    z-index:0;
}
.mr-hscroll-header {
    text-align: center;
    padding: 80px 30px 40px;
}
.mr-hscroll-header .mr-section-label{color:var(--turuncu)}
.mr-hscroll-header h2 {
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 800;
    color: var(--text);
    margin-bottom: 0;
}
.mr-hscroll-wrap {
    overflow-x: auto;
    overflow-y: visible;
    margin: 0 76px;
    cursor: grab;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-user-select: none;
    user-select: none;
}
.mr-hscroll-wrap img {
    -webkit-user-drag: none;
    user-drag: none;
    pointer-events: none;
}
.mr-hscroll-wrap::-webkit-scrollbar{display:none}
.mr-hscroll-track {
    display: flex;
    gap: 48px;
    padding: 30px 20px 90px;
    width: max-content;
    will-change: transform;
}

.mr-hscroll-body {
    position: relative;
}
/* ---- scroll arrows ---- */
.mr-hscroll-arrow {
    position: absolute;
    top: calc(50% - 30px);
    transform: translateY(-50%);
    z-index: 4;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: none;
    background: none;
    color: rgba(0,0,0,.35);
    font-size: 54px;
    font-weight: 300;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .25s ease, transform .25s ease;
    line-height: 1;
    padding: 0;
}
.mr-hscroll-arrow:hover {
    color: rgba(0,0,0,.7);
    transform: translateY(-50%) scale(1.1);
}
.mr-hscroll-arrow--left { left: 10px; }
.mr-hscroll-arrow--right { right: 10px; }
.mr-hscroll-arrow.hidden {
    opacity: 0;
    pointer-events: none;
}

/* ---- project card ---- */
.mr-hcard {
    flex-shrink: 0;
    width: 420px;
    border-radius: 16px;
    overflow: hidden;
    transition: transform .35s ease, box-shadow .35s ease;
    box-shadow: 0 2px 12px rgba(0,0,0,.08);
}
.mr-hcard:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0,0,0,.22);
    z-index: 2;
}
.mr-hcard .all {
    display: block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 0;
    height: 320px;
}
.mr-hcard img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: filter .4s ease, transform .5s cubic-bezier(.22,.68,0,1);
    filter: brightness(.88);
}
.mr-hcard:hover img {
    filter: brightness(.72);
    transform: scale(1.06);
}

.mr-hcard-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 28px 24px;
    background: linear-gradient(to top, rgba(0,0,0,.8) 0%, rgba(0,0,0,.25) 55%, transparent 100%);
    color: #fff;
}
.mr-hcard-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--turuncu);
    margin-bottom: 6px;
}
.mr-hcard-overlay h3 {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 4px;
    text-align: left;
}
.mr-hcard-overlay p {
    font-size: 14px;
    color: rgba(255,255,255,.7);
    margin: 0;
    padding: 0;
}

/* ---- last card = CTA ---- */
.mr-hcard--cta {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 260px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 16px;
}
.mr-hcard--cta a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    padding: 40px;
}
.mr-hcard-cta-text {
    font-size: 18px;
    font-weight: 700;
    color: var(--text);
}
.mr-hcard-cta-arrow {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--turuncu);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    transition: transform .35s cubic-bezier(.22,.68,0,1), box-shadow .35s ease;
}
.mr-hcard--cta a:hover .mr-hcard-cta-arrow {
    transform: translateX(6px);
    box-shadow: 0 8px 24px rgba(251,188,5,.3);
}

/* ---- responsive ---- */
@media (max-width: 1023px) {
    .mr-hscroll-header { padding: 60px 24px 30px; }
    .mr-hscroll-wrap { margin: 0 60px; }
    .mr-hscroll-track { gap: 18px; padding: 16px 16px 60px; }
    .mr-hcard { width: 340px; }
    .mr-hcard .all { height: 260px; }
    .mr-hcard-overlay h3 { font-size: 18px; }
    .mr-hcard--cta { width: 200px; }
    .mr-hscroll-arrow { width: 44px; height: 44px; font-size: 30px; }
    .mr-hscroll-arrow--left { left: 8px; }
    .mr-hscroll-arrow--right { right: 8px; }
}
@media (max-width: 768px) {
    .mr-hscroll-header { padding: 50px 16px 24px; }
    .mr-hscroll-wrap { margin: 0; }
    .mr-hscroll-track { gap: 14px; padding: 12px 16px 50px; }
    .mr-hcard { width: 280px; }
    .mr-hcard .all { height: 220px; }
    .mr-hcard { border-radius: 12px; }
    .mr-hcard-overlay { padding: 20px 16px; }
    .mr-hcard-overlay h3 { font-size: 16px; }
    .mr-hcard-overlay p { font-size: 12px; }
    .mr-hcard--cta { width: 180px; border-radius: 12px; }
    .mr-hcard-cta-text { font-size: 15px; }
    .mr-hcard-cta-arrow { width: 44px; height: 44px; font-size: 20px; }
    .mr-hscroll-arrow { display: none; }
    .mr-hcard:hover { transform: none; box-shadow: 0 0 20px rgba(0,0,0,.15); }
}


/* =============================================
   MR CTA — Call to Action Section
   ============================================= */

.mr-cta {
    position: relative;
    background: var(--bg2);
    padding: 120px 0;
    z-index: 2;
    overflow: hidden;
    text-align: center;
}
.mr-cta-glow {
    position: absolute;
    width: 800px;
    height: 800px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(251,188,5,.07) 0%, transparent 60%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    pointer-events: none;
    will-change: transform;
}
.mr-cta::before{
    content:'';
    position:absolute;
    width:750px;height:750px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(251,188,5,.10) 0%,transparent 70%);
    top:-180px;left:-120px;
    filter:blur(50px);
    pointer-events:none;
}
.mr-cta::after{
    content:'';
    position:absolute;
    width:700px;height:700px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(251,188,5,.08) 0%,transparent 70%);
    bottom:-150px;right:-100px;
    filter:blur(55px);
    pointer-events:none;
}
/* Dot grid background */
.mr-cta-dots{
    position:absolute;inset:0;
    background-image:radial-gradient(circle,rgba(251,188,5,.12) 1px,transparent 1px);
    background-size:32px 32px;
    pointer-events:none;
    mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 20%,transparent 70%);
    -webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 20%,transparent 70%);
}
.mr-cta-inner {
    position: relative;
    z-index: 1;
    max-width: 750px;
    margin: 0 auto;
    padding: 0 30px;
}
/* Badge */
.mr-cta-badge{
    display:inline-block;
    font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
    color:var(--turuncu);
    background:rgba(251,188,5,.1);
    border:1px solid rgba(251,188,5,.25);
    padding:6px 18px;border-radius:50px;
    margin-bottom:28px;
}
.mr-cta-title {
    font-size: clamp(36px, 6vw, 72px);
    font-weight: 800;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 24px;
}
.mr-cta-title .mr-line-inner {
    transform: none;
}
.mr-cta-desc {
    font-size: clamp(16px, 1.6vw, 19px);
    color: var(--text2);
    line-height: 1.7;
    margin-bottom: 40px;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
}
/* Dual buttons */
.mr-cta-buttons{
    display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;
    margin-bottom:48px;
}
/* Trust bar */
.mr-cta-trust{
    display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;
}
.mr-cta-trust-item{
    font-size:14px;color:var(--text2);letter-spacing:0.3px;
}
.mr-cta-trust-item strong{
    color:var(--turuncu);font-size:18px;font-weight:800;margin-right:4px;
}
.mr-cta-trust-sep{
    width:1px;height:20px;background:var(--border);
}

@media (max-width: 1023px) {
    .mr-cta { padding: 85px 0; }
}
@media (max-width: 768px) {
    .mr-cta { padding: 65px 0; }
    .mr-cta-inner { padding: 0 20px; }
    .mr-cta-desc { margin-bottom: 32px; }
    .mr-cta-buttons { margin-bottom: 36px; }
    .mr-cta-trust { gap: 16px; }
    .mr-cta-trust-sep { height: 16px; }
}
@media (max-width: 480px) {
    .mr-cta-buttons { flex-direction:column; gap:12px; }
    .mr-cta-buttons .mr-btn { width:100%; text-align:center; }
    .mr-cta-badge { font-size:11px; padding:5px 14px; margin-bottom:22px; }
    .mr-cta-dots { background-size:24px 24px; }
}

/* =============================================
   SUB-PAGE DESIGN SYSTEM
   ============================================= */

/* ---- Page Hero ---- */
.mr-page-hero {
    position: relative;
    z-index: 2;
    padding: 130px 0 70px;
    text-align: center;
    background: transparent;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.mr-page-hero > * { pointer-events: auto; }
.mr-page-hero-label {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--turuncu);
    margin-bottom: 16px;
}
.mr-page-hero h1 {
    font-size: clamp(32px, 5vw, 56px);
    font-weight: 800;
    color: var(--text);
    margin-bottom: 20px;
    line-height: 1.15;
    padding: 0 30px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-wrap: balance;
}
.mr-page-hero-desc {
    font-size: 17px;
    color: var(--text2);
    max-width: 620px;
    margin: 0 auto;
    line-height: 1.8;
    padding: 0 30px;
}
.mr-page-hero-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 20px;
    opacity: .15;
}
.mr-page-hero-icon img {
    width: 100%;
    height: 100%;
    filter: brightness(0);
}

/* ---- Content Section ---- */
.mr-section {
    position: relative;
    z-index: 2;
    background: var(--bg);
    padding: 80px 0;
    width: 100%;
    display: inline-block;
}
.mr-section--alt { background: var(--bg2); }
.mr-section-inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 40px;
}
.mr-section-inner--wide { max-width: 1200px; }
.mr-section-inner--xwide { max-width: 1400px; }

/* ---- Section Header ---- */
.mr-section-head {
    margin-bottom: 48px;
}
.mr-section-head h2 {
    font-size: clamp(24px, 3.5vw, 36px);
    font-weight: 800;
    color: var(--text);
    margin-bottom: 12px;
    text-align: left;
}
.mr-section-head p {
    font-size: 17px;
    color: var(--text2);
    line-height: 1.7;
    padding: 0;
    max-width: 600px;
}
.mr-section-head--center { text-align: center; }
.mr-section-head--center h2 { text-align: center; }
.mr-section-head--center p { margin-left: auto; margin-right: auto; text-align: center; }

/* ---- Two-column Layout ---- */
.mr-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}
.mr-split--reverse { direction: rtl; }
.mr-split--reverse > * { direction: ltr; }
.mr-split-text h3 {
    font-size: clamp(22px, 3vw, 30px);
    font-weight: 800;
    color: var(--text);
    margin-bottom: 16px;
    text-align: left;
}
.mr-split-text p {
    font-size: 17px;
    color: var(--text2);
    line-height: 1.8;
    padding: 0;
    margin-bottom: 8px;
}
.mr-split-text p:last-child { margin-bottom: 0; }
.mr-split-text--center{max-width:700px;margin:0 auto}
.mr-split-text--center h3,.mr-split-text--center p{text-align:center}
.mr-split-img {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,.10);
    align-self: stretch;
}
.mr-split-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ---- Features — Editorial List ---- */
.mr-features {
    max-width: 820px;
    margin: 0 auto;
}
.mr-feature {
    display: grid;
    grid-template-columns: 72px 1fr;
    grid-template-rows: auto auto;
    gap: 0 24px;
    padding: 36px 0;
    border-bottom: 1px solid var(--border);
    transition: none;
    background: none;
    border-radius: 0;
}
.mr-feature:first-child { border-top: 1px solid var(--border); }
.mr-feature { cursor: default; transition: padding-left .35s cubic-bezier(.22,.68,0,1); }
.mr-feature:hover { padding-left: 12px; }
.mr-feature:hover .mr-feature-num { color: var(--turuncu); }
.mr-feature:hover h4 { color: var(--turuncu); }
.mr-feature:hover p { color: var(--text); }
.mr-feature-num {
    grid-row: 1 / 3;
    font-size: 42px;
    font-weight: 800;
    color: rgba(0,0,0,.07);
    letter-spacing: -1px;
    line-height: 1;
    transition: color .35s ease;
    padding-top: 2px;
}
.mr-feature h4 {
    font-size: 19px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 6px;
    text-align: left;
    line-height: 1.3;
    transition: color .35s ease;
}
.mr-feature p {
    font-size: 15px;
    color: var(--text2);
    line-height: 1.7;
    padding: 0;
    transition: color .35s ease;
}

/* ---- Callout / Quote ---- */
.mr-callout {
    background: var(--bg2);
    border-left: 3px solid var(--turuncu);
    padding: 32px 40px;
    margin: 48px 0;
    border-radius: 0 16px 16px 0;
}
.mr-callout p {
    font-size: 19px;
    color: var(--text);
    line-height: 1.7;
    font-style: italic;
    padding: 0;
}
.mr-callout cite {
    display: block;
    font-size: 14px;
    color: var(--text2);
    margin-top: 12px;
    font-style: normal;
}

/* ---- Video Embed ---- */
.mr-video-wrap {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 16/9;
    background: var(--bg3);
    box-shadow: 0 4px 30px rgba(0,0,0,.06);
}
.mr-video-wrap iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

/* ---- Image Block ---- */
.mr-img {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 30px rgba(0,0,0,.06);
}
.mr-img img {
    width: 100%;
    display: block;
}

/* ---- Simple Text Content ---- */
.mr-text p {
    font-size: 17px;
    color: var(--text2);
    line-height: 1.8;
    padding: 0;
    margin-bottom: 20px;
}
.mr-text p:last-child { margin-bottom: 0; }
.mr-text ul { margin: 20px 0; display: block; }
.mr-text ul li {
    font-size: 16px;
    color: var(--text2);
    line-height: 1.7;
    padding: 8px 0 8px 20px;
    position: relative;
    list-style: none;
}
.mr-text ul li::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--turuncu);
    position: absolute;
    left: 0;
    top: 18px;
}

/* ---- Icon Grid (platforms, categories) ---- */
.mr-icon-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin: 40px 0;
}
.mr-icon-grid-item {
    text-align: center;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 12px;
    transition: border-color .3s ease;
}
.mr-icon-grid-item:hover { border-color: var(--turuncu); }
.mr-icon-grid-item img {
    width: 64px;
    height: auto;
    margin-bottom: 12px;
}
.mr-icon-grid-item span {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
}

/* ---- Page Bottom CTA ---- */
.mr-page-cta {
    position: relative;
    z-index: 2;
    background: var(--bg2);
    padding: 80px 0;
    text-align: center;
    width: 100%;
    display: inline-block;
}
.mr-page-cta h3 {
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 800;
    color: var(--text);
    margin-bottom: 16px;
}
.mr-page-cta p {
    font-size: 17px;
    color: var(--text2);
    line-height: 1.7;
    margin-bottom: 32px;
    padding: 0 30px;
}

/* ---- Back Link ---- */
.mr-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--turuncu);
    text-decoration: none;
    margin-bottom: 24px;
    transition: gap .3s ease;
}
.mr-back:hover { gap: 12px; }

/* ---- Contact Info Cards ---- */
.mr-contact-cards {
    display: grid;
    grid-template-columns: repeat(1, 2fr);
    gap: 30px;
    text-align: center;
    justify-items: center;

}
.mr-contact-card {

    padding: 40px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--bg);
    transition: all .4s cubic-bezier(.22,.68,0,1);
    position: relative;
    overflow: hidden;
}
.mr-contact-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--turuncu), rgba(251,188,5,.3));
    transform: scaleX(0);
    transition: transform .4s cubic-bezier(.22,.68,0,1);
    transform-origin: left;
}
.mr-contact-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 36px rgba(0,0,0,.08);
    border-color: rgba(251,188,5,.2);
}
.mr-contact-card:hover::before { transform: scaleX(1); }
.mr-contact-card h4 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--turuncu);
    margin-bottom: 16px;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 10px;
}
.mr-contact-card h4 .mr-cc-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mr-contact-card h4 .mr-cc-icon svg {
    width: 20px;
    height: 20px;
    stroke: var(--turuncu);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.mr-contact-card p {
    font-size: 16px;
    color: var(--text2);
    line-height: 1.7;
    padding: 0;
    margin-bottom: 8px;
}
.mr-contact-card .mr-cc-line {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}
.mr-contact-card .mr-cc-line .mr-cc-sm-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mr-contact-card .mr-cc-line .mr-cc-sm-icon svg {
    width: 16px;
    height: 16px;
    stroke: var(--kgri);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke .3s ease;
}
.mr-contact-card .mr-cc-line:hover .mr-cc-sm-icon svg { stroke: var(--turuncu); }
.mr-contact-card a {
    color: var(--text);
    font-weight: 600;
    transition: color .3s ease;
}
.mr-contact-card a:hover { color: var(--turuncu); }

/* ---- Map Embed ---- */
.mr-map {
    border-radius: 16px;
    overflow: hidden;
    height: 400px;
    box-shadow: 0 4px 30px rgba(0,0,0,.06);
    position: relative;
}
.mr-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
    filter: saturate(.8) contrast(1.05);
    transition: filter .4s ease;
}
.mr-map:hover iframe {
    filter: saturate(1) contrast(1);
}

/* ---- Projects — Featured Hero ---- */
.mr-proj-featured {
    position: relative;
    width: 100%;
    height: 65vh;
    min-height: 380px;
    max-height: 580px;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
}
.mr-proj-featured img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter .35s ease;
}
.mr-proj-featured:hover img { filter: brightness(.7); }
.mr-proj-featured-info {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 100px 50px 45px;
    background: linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.3) 50%, transparent 100%);
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.mr-proj-featured-tag {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--turuncu);
}
.mr-proj-featured-info h2 {
    font-size: clamp(26px, 4vw, 40px);
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
}
.mr-proj-featured-info p {
    font-size: 16px;
    color: rgba(255,255,255,.65);
    max-width: 500px;
    line-height: 1.5;
    padding: 0;
}
.mr-proj-play {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    width: 80px; height: 80px;
    background: rgba(255,255,255,.95);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .35s ease, transform .35s ease;
    pointer-events: none;
    box-shadow: 0 8px 30px rgba(0,0,0,.2);
}
.mr-proj-play::after {
    content: '';
    width: 0; height: 0;
    border-style: solid;
    border-width: 14px 0 14px 22px;
    border-color: transparent transparent transparent var(--text);
    margin-left: 4px;
}
.mr-proj-featured:hover .mr-proj-play { opacity: 1; transform: translate(-50%, -50%) scale(1); }

/* ---- Projects — Category Rows ---- */
.mr-proj-category { margin-bottom: 50px; position: relative; }
.mr-proj-category:last-child { margin-bottom: 0; }

/* category row arrows */
.mr-proj-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: none;
    background: none;
    color: rgba(0,0,0,.5);
    font-size: 54px;
    font-weight: 300;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .25s ease, transform .25s ease;
    line-height: 1;
    padding: 0;
}
.mr-proj-arrow:hover {
    color: rgba(0,0,0,.7);
    transform: translateY(-50%) scale(1.1);
}
.mr-proj-arrow--left { left: -60px; }
.mr-proj-arrow--right { right: -60px; }
.mr-proj-arrow.hidden {
    opacity: 0;
    pointer-events: none;
}
.mr-proj-cat-head {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}
.mr-proj-cat-head h3 {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--text);
    white-space: nowrap;
    text-align: left;
}
.mr-proj-cat-head::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border);
}
.mr-proj-row {
    display: flex;
    gap: 40px;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 10px 0 24px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
}
.mr-proj-row::-webkit-scrollbar { display: none; }

/* ---- Projects — Row Card ---- */
a.mr-proj-card{text-decoration:none;color:inherit;display:block}
.mr-proj-card {
    flex: 0 0 340px;
    scroll-snap-align: start;
    cursor: pointer;
    position: relative;
    transition: transform .4s cubic-bezier(.22,.68,0,1);
}
.mr-proj-card:hover {
    transform: translateY(-8px);
    z-index: 2;
}
.mr-proj-card .mr-proj-card-img {
    transition: box-shadow .4s ease;
}
.mr-proj-card:hover .mr-proj-card-img {
    box-shadow: 0 16px 48px rgba(0,0,0,.18);
}
.mr-proj-card-img {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    aspect-ratio: 16/10;
    background: var(--bg3);
}
.mr-proj-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s cubic-bezier(.22,.68,0,1), filter .4s ease;
}
.mr-proj-card:hover .mr-proj-card-img img {
    transform: scale(1.05);
}
/* card play icon */
.mr-proj-card .mr-proj-play {
    width: 52px; height: 52px;
}
.mr-proj-card .mr-proj-play::after {
    border-width: 9px 0 9px 15px;
    margin-left: 3px;
}
.mr-proj-card:hover .mr-proj-play { opacity: 1; transform: translate(-50%, -50%) scale(1); }
/* card text */
.mr-proj-card-text {
    padding: 14px 4px 0;
}
.mr-proj-card-tag {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--turuncu);
}
.mr-proj-card-text h4 {
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
    line-height: 1.35;
    margin-top: 5px;
    transition: color .3s ease;
}
.mr-proj-card:hover .mr-proj-card-text h4 { color: var(--turuncu); }

/* ---- Filter Chips ---- */
.mr-filter-bar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}
.mr-filter-chip{padding:6px 14px;border-radius:50px;border:1px solid var(--border);background:transparent;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.3px;color:var(--text2);transition:all .3s ease;font-family:inherit;white-space:nowrap}
.mr-filter-chip:hover{border-color:var(--turuncu);color:var(--turuncu)}
.mr-filter-chip.active{background:var(--turuncu);color:#fff;border-color:var(--turuncu)}

/* ---- Catalog Layout (Sidebar + Grid) ---- */
.mr-section--catalog {
    display: block;
    overflow: visible;
}
.mr-catalog {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 40px;
    align-items: start;
    position: relative;
}
.mr-catalog-sidebar {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-left: 0;
}
.mr-catalog-sidebar.is-sticky {
    position: fixed;
    top: 90px;
    width: 220px;
    z-index: 10;
}
.mr-catalog-sidebar.is-bottom {
    position: absolute;
    bottom: 0;
    top: auto;
    width: 220px;
}
.mr-catalog-sidebar-title {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--text2);
    padding: 0 0 14px 16px;
    margin-bottom: 4px;
}
.mr-catalog-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 12px 9px 14px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--text2);
    border-radius: 6px;
    transition: all .2s ease;
    text-align: left;
}
.mr-catalog-link:hover {
    color: var(--text);
    background: var(--bg2);
}
.mr-catalog-link.active {
    color: var(--turuncu);
    font-weight: 700;
    background: transparent;
}
.mr-catalog-count {
    font-size: 11px;
    font-weight: 600;
    color: var(--text2);
    opacity: .5;
    min-width: 20px;
    text-align: right;
}
.mr-catalog-link.active .mr-catalog-count {
    color: var(--turuncu);
    opacity: .8;
}
.mr-catalog-head {
    display: flex;
    align-items: baseline;
    gap: 16px;
    margin-bottom: 24px;
}
.mr-catalog-head h2 {
    font-size: 22px;
    font-weight: 800;
    color: var(--text);
    margin: 0;
}
.mr-catalog-total {
    font-size: 13px;
    color: var(--text2);
}
.mr-catalog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.mr-catalog-grid .mr-proj-card {
    flex: none;
}
@media (max-width:1024px) {
    .mr-catalog { grid-template-columns: 180px 1fr; gap: 24px; }
    .mr-catalog-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:768px) {
    .mr-catalog {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .mr-catalog-sidebar {
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 6px;
        padding: 0 0 16px;
        border-left: none;
        border-bottom: 1px solid var(--border);
        margin-bottom: 20px;
        border-radius: 0;
        box-shadow: none;
    }
    .mr-catalog-sidebar-title { display: none; }
    .mr-catalog-link {
        padding: 6px 14px;
        font-size: 12px;
        border: 1px solid var(--border);
        border-left: 1px solid var(--border);
        border-radius: 50px;
        margin-left: 0;
    }
    .mr-catalog-link.active {
        border-color: var(--turuncu);
        border-left-color: var(--turuncu);
    }
    .mr-catalog-count { display: none; }
    .mr-catalog-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}
@media (max-width:480px) {
    .mr-catalog-grid { grid-template-columns: 1fr; }
}

/* ---- Catalog Group Title ---- */
.mr-catalog-group-title {
    grid-column: 1 / -1;
    font-size: 16px;
    font-weight: 700;
    color: var(--text);
    padding: 20px 0 4px;
    margin: 0;
    border-bottom: 1px solid var(--border);
}
.mr-catalog-group-title:first-child {
    padding-top: 0;
}

/* ---- No-image placeholder ---- */
.mr-proj-card-img img.mr-img-error {
    opacity: 0;
}
.mr-proj-card-img--placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(251,188,5,.08), rgba(255,255,255,.03));
}
.mr-proj-card-img--placeholder::before {
    content: '';
    width: 48px;
    height: 48px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='20' rx='3'/%3E%3Cpath d='M7 2v20M17 2v20M2 12h20M2 7h5M2 17h5M17 7h5M17 17h5'/%3E%3C/svg%3E") center/contain no-repeat;
    opacity: .4;
}

/* ---- Brand Badge ---- */
.mr-proj-card-brand{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.6);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:4px;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;pointer-events:none}

/* ---- Content Type Icons ---- */
.mr-proj-play--interaktif::after{border:none!important;width:20px!important;height:20px!important;margin:0!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M13 6v2h5.59L4 22.59 5.41 24 20 9.41V15h2V6z'/%3E%3C/svg%3E") center/contain no-repeat}
.mr-proj-play--360::after{border:none!important;width:22px!important;height:22px!important;margin:0!important;font-family:inherit;content:'360°'!important;font-size:11px;font-weight:800;color:var(--text);display:flex!important;align-items:center;justify-content:center}
.mr-proj-play--matterport::after{border:none!important;width:20px!important;height:20px!important;margin:0!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---- Project Counter ---- */
.mr-proj-counter{text-align:center;font-size:14px;color:var(--text2);margin-bottom:30px}
.mr-proj-counter strong{color:var(--turuncu);font-size:20px;font-weight:800}

/* ---- Case Study Cards ---- */
.mr-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.mr-case-card{padding:28px 28px 24px;border-radius:14px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.22,.68,0,1);background:#fff;border:1px solid var(--border);display:flex;flex-direction:column}
.mr-case-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:14px 14px 0 0}
.mr-case-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,.08)}
.mr-case-card--edu::before{background:var(--turuncu)}
.mr-case-card--prod::before{background:#4a90d9}
.mr-case-card--digital::before{background:#34c759}
.mr-case-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px}
.mr-case-card--edu .mr-case-tag{color:var(--turuncu)}
.mr-case-card--prod .mr-case-tag{color:#4a90d9}
.mr-case-card--digital .mr-case-tag{color:#34c759}
.mr-case-card h3{font-size:19px;font-weight:800;color:var(--text);margin-bottom:10px;line-height:1.3}
.mr-case-card p{font-size:13.5px;line-height:1.7;color:var(--text2);margin-bottom:20px;flex:1}
.mr-case-stats{display:flex;gap:20px;padding-top:16px;border-top:1px solid var(--border)}
.mr-case-stat{text-align:center;flex:1}
.mr-case-stat strong{display:block;font-size:22px;font-weight:800;color:var(--text);line-height:1.2}
.mr-case-stat span{font-size:11px;color:var(--text2);font-weight:500;margin-top:2px;display:block}
@media (max-width:1023px){.mr-case-grid{grid-template-columns:1fr;gap:16px}}
@media (max-width:768px){.mr-case-card{padding:22px}.mr-case-card h3{font-size:17px}}

/* ---- Legacy project grid (other pages) ---- */
.mr-project-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}
.mr-project-card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 4/3;
    cursor: pointer;
    background: var(--bg3);
}
.mr-project-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s cubic-bezier(.22,.68,0,1), filter .4s ease;
}
.mr-project-card:hover img { filter: brightness(.7); transform: scale(1.06); }
.mr-project-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.8) 0%, rgba(0,0,0,.1) 50%, transparent 100%);
    display: flex;
    align-items: flex-end;
    padding: 24px;
    opacity: 0;
    transition: opacity .35s ease;
}
.mr-project-card:hover .mr-project-card-overlay { opacity: 1; }
.mr-project-card-overlay h4 {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    text-align: left;
}

/* =============================================
   SUB-PAGE RESPONSIVE
   ============================================= */
@media (max-width: 1023px) {
    .mr-page-hero { padding: 130px 0 60px; }
    .mr-split { grid-template-columns: 1fr; gap: 40px; }
    .mr-split--reverse { direction: ltr; }
    .mr-section { padding: 60px 0; }
    .mr-section-inner { padding: 0 30px; }
    .mr-contact-cards { grid-template-columns: 1fr; }
    .mr-proj-featured { height: 50vh; min-height: 300px; border-radius: 14px; }
    .mr-proj-featured-info { padding: 60px 30px 30px; }
    .mr-proj-featured-info p { display: none; }
    .mr-proj-card { flex: 0 0 280px; }
    .mr-project-card--lg { grid-row: span 2; }
    .mr-proj-arrow { width: 44px; height: 44px; font-size: 44px; }
    .mr-proj-arrow--left { left: -50px; }
    .mr-proj-arrow--right { right: -50px; }
}
@media (max-width: 768px) {
    .mr-page-hero { padding: 110px 0 50px; }
    .mr-page-hero h1 { padding: 0 20px; }
    .mr-page-hero-desc { padding: 0 20px; }
    .mr-section { padding: 50px 0; }
    .mr-section-inner { padding: 0 20px; }
    .mr-feature { grid-template-columns: 52px 1fr; }
    .mr-feature-num { font-size: 32px; }
    .mr-icon-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .mr-map { height: 300px; }
    .mr-proj-featured { height: 45vh; min-height: 260px; border-radius: 12px; }
    .mr-proj-featured-info { padding: 50px 20px 24px; }
    .mr-proj-featured-info h2 { font-size: 22px; }
    .mr-proj-play { width: 56px; height: 56px; }
    .mr-proj-play::after { border-width: 10px 0 10px 16px; }
    .mr-proj-card { flex: 0 0 260px; }
    .mr-proj-card-text h4 { font-size: 14px; }
    .mr-proj-arrow { display: none; }
    .mr-callout { padding: 24px; }
    .mr-feature { padding: 24px; }
    .mr-contact-card { padding: 28px; }
    .mr-page-cta { padding: 60px 0; }
}


/* (old blog CSS removed — using updated block below) */

/* ---- Form styles for .mr-section context ---- */
.mr-section:has(.forms) { padding: 50px 0; }
.mr-section-inner:has(.forms) { text-align: center; }
.mr-section-inner:has(.forms) > h3 { font-weight: 500; font-size: 22px; color: var(--text); margin-bottom: 8px; }
.mr-section .forms { float: none; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; }
.mr-section .forms .input { display: flex; margin-top: 20px; }
.mr-section .forms input, .mr-section .forms textarea { width: calc(100% - 66px)!important; margin: auto; border: solid 2px var(--border); border-radius: 12px; font-size: 14px; padding: 16px 20px; outline: 0; background: var(--bg); color: var(--text); transition: border-color .3s ease, box-shadow .3s ease; }
.mr-section .forms textarea { height: 120px; resize: vertical; }
.mr-section .forms input:focus, .mr-section .forms textarea:focus { border-color: var(--turuncu); box-shadow: 0 0 0 3px rgba(251,188,5,.1); }
.mr-section .forms .g-recaptcha { margin: auto; }
.mr-section .forms .gonder { background: var(--turuncu); font-size: 15px; font-weight: 700; margin: auto; width: 200px; text-align: center; line-height: 50px; border-radius: 50px; color: #fff; cursor: pointer; transition: all .35s cubic-bezier(.22,.68,0,1); letter-spacing: .5px; }
.mr-section .forms .gonder:hover { background: #e5a800; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(251,188,5,.25); }
.mr-section .forms,.icerik .forms{padding-bottom:48px}

/* ---- Services inside sub-page sections ---- */
.mr-section .mr-services { padding: 0; }
.mr-section .mr-services::before, .mr-section .mr-services::after { display: none; }

/* ---- Team Grid ---- */
.mr-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}
.mr-team-member{text-align:center;background:var(--bg);border-radius:16px;padding:28px 16px 24px;border:1px solid var(--border);transition:all .4s cubic-bezier(.22,.68,0,1);position:relative;overflow:hidden}
.mr-team-member::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--turuncu),rgba(251,188,5,.3));transform:scaleX(0);transition:transform .4s cubic-bezier(.22,.68,0,1);transform-origin:left}
.mr-team-member:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.08);border-color:rgba(251,188,5,.2)}
.mr-team-member:hover::before{transform:scaleX(1)}
.mr-team-photo{width:100%;aspect-ratio:1/1;margin:0 auto 16px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--bg2),var(--bg3));position:relative;transition:all .4s ease;box-shadow:0 4px 16px rgba(0,0,0,.06)}
.mr-team-photo img{width:100%;height:100%;object-fit:cover;transition:all .5s cubic-bezier(.22,.68,0,1)}
.mr-team-member:hover .mr-team-photo{box-shadow:0 6px 24px rgba(251,188,5,.15)}
.mr-team-member:hover .mr-team-photo img{transform:scale(1.05)}
/* Swap photo on hover */
.mr-team-photo--swap{position:relative}
.mr-team-photo-hover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;opacity:0;transform:scale(1.1);transition:all .5s cubic-bezier(.22,.68,0,1);z-index:1}
.mr-team-member:hover .mr-team-photo--swap>img:first-child{opacity:0!important;transform:scale(.95)!important}
.mr-team-member:hover .mr-team-photo-hover{opacity:1;transform:scale(1.05)}
.mr-team-member h4{font-size:15px;font-weight:700;color:var(--text);margin-bottom:4px}
.mr-team-member .mr-team-title{display:block;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--turuncu);margin-bottom:8px}
/* Team quote — overlay inside photo */
.mr-team-quote{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.6) 70%,transparent 100%);color:#fff;padding:14px 12px 16px;font-size:12px;font-style:italic;line-height:1.55;text-align:center;text-wrap:balance;transform:translateY(100%);opacity:0;transition:transform .4s cubic-bezier(.22,.68,0,1),opacity .3s ease;margin:0;border:none;border-radius:0 0 12px 12px;z-index:2;pointer-events:none}
.mr-team-quote::before{content:'\201C';display:block;font-size:28px;font-style:normal;font-weight:700;color:var(--turuncu);line-height:1;margin-bottom:4px;font-family:Georgia,serif}
.mr-team-member:hover .mr-team-quote{transform:translateY(0);opacity:1;pointer-events:auto}
/* Tap toggle for touch/click */
.mr-team-member{cursor:pointer;-webkit-tap-highlight-color:transparent}
.mr-team-member.mr-team-active .mr-team-photo--swap>img:first-child{opacity:0!important;transform:scale(.95)!important}
.mr-team-member.mr-team-active .mr-team-photo-hover{opacity:1;transform:scale(1.05)}
.mr-team-member.mr-team-active .mr-team-photo{box-shadow:0 6px 24px rgba(251,188,5,.15)}
.mr-team-member.mr-team-active .mr-team-quote{transform:translateY(0);opacity:1;pointer-events:auto}
@media (max-width:1023px){.mr-team-grid{grid-template-columns:repeat(2,1fr);gap:20px}}
@media (max-width:600px){.mr-team-grid{grid-template-columns:repeat(2,1fr);gap:16px}.mr-team-photo{aspect-ratio:3/4}.mr-team-member{padding:20px 12px 18px}.mr-team-member h4{font-size:14px}
.mr-team-quote{font-size:11px;line-height:1.4;padding:10px 8px 12px}
.mr-team-quote::before{font-size:20px;margin-bottom:2px}
}

/* =============================================
   ABOUT PAGE — Stats Banner (Dark)
   ============================================= */
.mr-about-stats{background:var(--bg2);padding:60px 0;position:relative;z-index:2;overflow:hidden}
.mr-about-stats::before{content:'';position:absolute;width:700px;height:300px;border-radius:50%;background:radial-gradient(ellipse,rgba(251,188,5,.1) 0%,transparent 65%);top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(50px);pointer-events:none}
.mr-about-stats-inner{display:flex;justify-content:center;align-items:center;gap:0;max-width:1000px;margin:0 auto;padding:0 30px}
.mr-about-stat{flex:1;text-align:center;padding:10px 0}
.mr-about-stat-num{font-size:clamp(36px,5vw,56px);font-weight:800;color:var(--text);line-height:1;display:inline}
.mr-about-stat-plus{font-size:clamp(24px,3vw,36px);font-weight:700;color:var(--turuncu);vertical-align:top;line-height:1}
.mr-about-stat-text{display:block;font-size:13px;font-weight:600;color:var(--kgri);letter-spacing:1px;margin-top:8px;text-transform:uppercase}
.mr-about-stat-divider{width:1px;height:55px;background:var(--border);flex-shrink:0}
@media (max-width:768px){
.mr-about-stats{padding:40px 0}
.mr-about-stats-inner{flex-wrap:wrap;gap:10px 0}
.mr-about-stat{flex:0 0 50%}
.mr-about-stat-divider{display:none}
}

/* =============================================
   ABOUT PAGE — Timeline
   ============================================= */
.mr-section-subtitle{font-size:clamp(15px,1.4vw,18px);color:var(--text2);max-width:700px;margin:24px auto 40px !important;line-height:1.7;text-align:center !important;display:block;width:100%}
.mr-timeline{max-width:600px;margin:0 auto;position:relative;padding:20px 0 0}
.mr-timeline::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(to bottom,transparent,rgba(251,188,5,.3) 10%,rgba(251,188,5,.3) 90%,transparent);transform:translateX(-50%);z-index:0}
.mr-timeline-item{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;margin-bottom:56px;padding:0 30px;z-index:1}
.mr-timeline-item:last-child{margin-bottom:0}
.mr-timeline-dot{order:1;width:16px;height:16px;border-radius:50%;background:var(--turuncu);border:3px solid var(--bg2);box-shadow:0 0 0 4px rgba(251,188,5,.15);z-index:2;margin-bottom:14px;flex-shrink:0;position:relative}
.mr-timeline-year{order:2;font-size:28px;font-weight:800;color:var(--turuncu);letter-spacing:2px;line-height:1;margin-bottom:10px;background:var(--bg2);padding:4px 16px;position:relative}
.mr-timeline-content{order:3;max-width:400px;background:var(--bg2);padding:4px 12px;position:relative}
.mr-timeline-content h4{font-size:17px;font-weight:700;color:var(--text);margin-bottom:6px;text-align:center}
.mr-timeline-content p{font-size:14px;line-height:1.7;color:var(--text2);padding:0;text-align:center}
@media (max-width:768px){
.mr-timeline-year{font-size:22px}
.mr-timeline-item{margin-bottom:40px;padding:0 16px}
}

/* =============================================
   BLOG / BULTEN
   ============================================= */
.mr-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.mr-blog-card{display:block;background:var(--bg);border-radius:14px;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(0,0,0,.06)}
.mr-blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.08)}
.mr-blog-card-img{position:relative;overflow:hidden;aspect-ratio:16/10}
.mr-blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.mr-blog-card:hover .mr-blog-card-img img{transform:scale(1.05)}
.mr-blog-card-placeholder{width:100%;height:100%;background:var(--bg2)}
.mr-blog-card-body{padding:20px 22px 24px}
.mr-blog-card-date{font-size:12px;font-weight:600;color:var(--turuncu);letter-spacing:.5px;margin-bottom:8px;display:block}
.mr-blog-card-body h3{font-size:17px;font-weight:700;color:var(--text);line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mr-blog-card-body p{font-size:14px;color:var(--text2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Pagination */
.mr-blog-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:48px}
.mr-blog-page{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 14px;border-radius:8px;font-size:14px;font-weight:600;color:var(--text);background:var(--bg);border:1px solid rgba(0,0,0,.1);text-decoration:none;transition:all .2s ease}
.mr-blog-page:hover{border-color:var(--turuncu);color:var(--turuncu)}
.mr-blog-page.active{background:var(--turuncu);color:#fff;border-color:var(--turuncu)}

/* Detail Layout */
.mr-blog-layout{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:start}
.mr-blog-content{min-width:0}
.mr-blog-featured{width:100%;border-radius:14px;margin-bottom:32px}
.mr-blog-text{font-size:17px;line-height:1.85;color:var(--text)}
.mr-blog-text p{margin-bottom:20px}
.mr-blog-text img{max-width:100%;height:auto;border-radius:10px;margin:20px 0}
.mr-blog-text h2,.mr-blog-text h3{font-weight:700;color:var(--text);margin:32px 0 16px}
.mr-blog-text ul,.mr-blog-text ol{margin:1em 0 1.5em 1.5em;list-style:disc;display:block}
.mr-blog-text ol{list-style:decimal}
.mr-blog-text li{font-size:15px;line-height:1.75;color:var(--text2);margin-bottom:.4em;display:list-item}
.mr-blog-text blockquote{border-left:3px solid var(--turuncu);padding:1em 1.5em;margin:2em 0;background:var(--bg2);border-radius:0 8px 8px 0}
.mr-blog-text blockquote p{font-style:italic;margin-bottom:0}
.mr-blog-text table{width:100%;border-collapse:collapse;margin:1.5em 0}
.mr-blog-text th,.mr-blog-text td{padding:10px 14px;border:1px solid var(--border);text-align:left;font-size:14px}
.mr-blog-text th{background:var(--bg2);font-weight:700}
.mr-blog-text a{color:var(--turuncu);text-decoration:underline}
.mr-blog-detail-date{font-size:15px;font-weight:700;color:var(--turuncu);letter-spacing:1.5px;margin-bottom:14px;display:block;text-transform:uppercase}

/* Share */
.mr-blog-share{display:flex;align-items:center;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(0,0,0,.08)}
.mr-blog-share span{font-size:14px;font-weight:600;color:var(--text)}
.mr-blog-share a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg2);color:var(--text2);font-size:16px;transition:all .2s ease;text-decoration:none}
.mr-blog-share a:hover{background:var(--turuncu);color:#fff}

/* Sidebar */
.mr-blog-sidebar{position:sticky;top:100px}
.mr-blog-sidebar h4{font-size:18px;font-weight:700;color:var(--text);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--turuncu)}
.mr-blog-sidebar-list{display:flex;flex-direction:column;gap:16px}
.mr-blog-sidebar-item{display:flex;gap:12px;text-decoration:none;transition:opacity .2s ease}
.mr-blog-sidebar-item:hover{opacity:.75}
.mr-blog-sidebar-item img{width:70px;height:50px;object-fit:cover;border-radius:6px;flex-shrink:0}
.mr-blog-sidebar-date{font-size:11px;color:var(--turuncu);font-weight:600;display:block;margin-bottom:2px}
.mr-blog-sidebar-item h5{font-size:13px;font-weight:600;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Blog responsive */
@media (max-width:1023px){
.mr-blog-grid{grid-template-columns:repeat(2,1fr);gap:20px}
.mr-blog-layout{grid-template-columns:1fr;gap:40px}
.mr-blog-sidebar{position:static}
}
@media (max-width:600px){
.mr-blog-grid{grid-template-columns:1fr;gap:16px}
}

/* Screen reader only */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}
.mr-ref-track{animation:none!important;transform:none!important}
}

/* ---- Visual Improvements ---- */

/* Empty team title hide */
.mr-team-title:empty{display:none}

/* Hero description max-width */
.mr-page-hero-desc{max-width:640px;margin-left:auto;margin-right:auto}

/* Button subtle shadow on hover */
.mr-btn--primary:hover{box-shadow:0 10px 30px rgba(251,188,5,.3)}
.mr-btn--outline:hover{box-shadow:0 6px 20px rgba(0,0,0,.06)}

/* Tabular nums for stats/dates */
.mr-blog-card-date,.mr-blog-sidebar-date,.mr-blog-detail-date,.mr-blog-page,.mr-blog-pagination a,.mr-blog-pagination span{font-variant-numeric:tabular-nums}

/* Grab cursor for horizontal scroll sections */
.mr-hscroll-track{cursor:grab}
.mr-hscroll-track:active{cursor:grabbing}
@media (prefers-reduced-motion: reduce){.mr-ref-marquee-track{animation:none!important}.mr-atm-particles,.mr-atm-grain{display:none}}

/* ================ KATALOG PAGE ================ */

/* Stats Bar */
.mr-katalog-stats {
    display: flex;
    justify-content: center;
    gap: 48px;
    flex-wrap: wrap;
}
.mr-katalog-stat {
    text-align: center;
}
.mr-katalog-stat strong {
    display: block;
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 800;
    color: var(--turuncu);
    line-height: 1.1;
}
.mr-katalog-stat span {
    font-size: 13px;
    font-weight: 600;
    color: var(--text2);
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

/* Search Bar */
.mr-katalog-search {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 12px 18px;
    margin-bottom: 24px;
    transition: border-color .3s ease;
}
.mr-katalog-search:focus-within {
    border-color: var(--turuncu);
}
.mr-katalog-search svg {
    flex-shrink: 0;
    color: var(--text2);
}
.mr-katalog-search input {
    flex: 1;
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: 15px;
    color: var(--text);
    outline: none;
}
.mr-katalog-search input::placeholder {
    color: var(--text2);
    opacity: .6;
}
#katalogSearchClear {
    background: none;
    border: none;
    font-size: 22px;
    color: var(--text2);
    cursor: pointer;
    padding: 0 4px;
    line-height: 1;
}

/* Tabs */
.mr-katalog-tabs {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 32px;
}
.mr-katalog-tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border: 1px solid var(--border);
    border-radius: 50px;
    background: transparent;
    color: var(--text2);
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    transition: all .25s ease;
}
.mr-katalog-tab:hover {
    border-color: var(--turuncu);
    color: var(--text);
}
.mr-katalog-tab.active {
    background: var(--turuncu);
    border-color: var(--turuncu);
    color: #fff;
}
.mr-katalog-tab-count {
    font-size: 11px;
    font-weight: 700;
    background: rgba(255,255,255,.15);
    padding: 2px 7px;
    border-radius: 10px;
}
.mr-katalog-tab.active .mr-katalog-tab-count {
    background: rgba(255,255,255,.25);
}

/* Grid */
.mr-katalog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

/* Card */
.mr-katalog-card {
    background: var(--bg);
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--border);
    transition: transform .3s ease, box-shadow .3s ease;
}
.mr-katalog-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 48px rgba(0,0,0,.15);
}

/* Card Image */
.mr-katalog-card-img {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
    cursor: pointer;
    background: var(--bg3);
}
.mr-katalog-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}
.mr-katalog-card:hover .mr-katalog-card-img img {
    transform: scale(1.05);
}
.mr-katalog-card-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(251,188,5,.06), rgba(255,255,255,.02));
}

/* Play Button */
.mr-katalog-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(.9);
    width: 56px;
    height: 56px;
    background: rgba(251,188,5,.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .3s ease;
    backdrop-filter: blur(4px);
}
.mr-katalog-card:hover .mr-katalog-play {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.mr-katalog-play--link {
    background: rgba(255,255,255,.2);
    width: 48px;
    height: 48px;
}

/* Badge */
.mr-katalog-card-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(0,0,0,.6);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 6px;
    letter-spacing: .5px;
    text-transform: uppercase;
    backdrop-filter: blur(4px);
}

/* Card Body */
.mr-katalog-card-body {
    padding: 20px;
}
.mr-katalog-card-body h3 {
    font-size: 17px;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 8px;
    line-height: 1.3;
}
.mr-katalog-card-body p {
    font-size: 13.5px;
    line-height: 1.6;
    color: var(--text2);
    margin: 0 0 16px;
}
.mr-katalog-card-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 20px;
    border: 1px solid var(--turuncu);
    border-radius: 50px;
    background: transparent;
    color: var(--turuncu);
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    transition: all .25s ease;
}
.mr-katalog-card-btn:hover {
    background: var(--turuncu);
    color: #fff;
}

/* Card Meta */
.mr-katalog-card-meta {
    display: flex;
    gap: 14px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}
.mr-katalog-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    color: var(--turuncu);
    letter-spacing: 0.3px;
}
.mr-katalog-meta-item svg {
    opacity: 0.8;
    flex-shrink: 0;
}

/* Empty State */
.mr-katalog-empty {
    text-align: center;
    padding: 60px 20px;
    color: var(--text2);
    font-size: 15px;
}

/* Responsive */
@media (max-width: 1024px) {
    .mr-katalog-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 768px) {
    .mr-katalog-stats { gap: 24px; }
    .mr-katalog-stat strong { font-size: 28px; }
    .mr-katalog-tabs { gap: 4px; }
    .mr-katalog-tab { padding: 8px 14px; font-size: 12px; }
}
@media (max-width: 480px) {
    .mr-katalog-grid { grid-template-columns: 1fr; }
}

/* ========= Eğitim Detay Modal ========= */
.mr-detay-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0,0,0,.75);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
}
.mr-detay-overlay.active {
    opacity: 1;
    visibility: visible;
}
.mr-detay-modal {
    background: #fff;
    border-radius: 16px;
    width: 92vw;
    max-width: 1100px;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 25px 80px rgba(0,0,0,.3);
    transform: translateY(30px) scale(.96);
    transition: transform .35s cubic-bezier(.22,.61,.36,1);
}
.mr-detay-overlay.active .mr-detay-modal {
    transform: translateY(0) scale(1);
}
.mr-detay-close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 10;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: rgba(0,0,0,.06);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s, transform .2s;
}
.mr-detay-close:hover {
    background: rgba(0,0,0,.12);
    transform: rotate(90deg);
}
.mr-detay-content {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    min-height: 420px;
}
.mr-detay-video {
    position: relative;
    background: #000;
    border-radius: 16px 0 0 16px;
    overflow: hidden;
    min-height: 380px;
}
.mr-detay-video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.mr-detay-poster {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
}
.mr-detay-poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .7;
}
.mr-detay-poster-play {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    transition: transform .2s;
}
.mr-detay-poster-play:hover {
    transform: scale(1.08);
}
.mr-detay-poster-play span {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    background: var(--turuncu);
    padding: 10px 28px;
    border-radius: 8px;
    letter-spacing: .5px;
}
.mr-detay-info {
    padding: 36px 32px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow-y: auto;
    min-width: 0;
}
.mr-detay-badge {
    display: inline-block;
    align-self: flex-start;
    background: var(--turuncu);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 5px 14px;
    border-radius: 50px;
}
.mr-detay-info h2 {
    font-size: 22px;
    font-weight: 800;
    color: var(--text);
    margin: 0;
    line-height: 1.3;
}
.mr-detay-meta {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.mr-detay-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--turuncu);
}
.mr-detay-meta-item svg { opacity: .7; flex-shrink: 0; }
.mr-detay-desc {
    font-size: 14px;
    line-height: 1.7;
    color: var(--text2);
    margin: 0;
}
.mr-detay-konular {
    flex: 1;
}
.mr-detay-konular h4 {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--text);
    margin: 0 0 10px;
}
.mr-detay-konular ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}
.mr-detay-konular li {
    font-size: 13px;
    color: var(--text2);
    padding: 6px 0 6px 20px;
    position: relative;
    line-height: 1.4;
}
.mr-detay-konular li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--turuncu);
    opacity: .5;
}
.mr-detay-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 28px;
    background: var(--turuncu);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-radius: 8px;
    text-decoration: none;
    transition: background .2s, transform .2s;
    align-self: flex-start;
    margin-top: auto;
}
.mr-detay-btn:hover {
    background: #e5a800;
    transform: translateY(-1px);
}

/* Video Modül Listesi */
.mr-detay-videolar h4 {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--text);
    margin: 0 0 10px;
}
.mr-detay-videolar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
}
.mr-detay-video-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-radius: 8px;
    transition: background .2s;
    border-left: 3px solid transparent;
    cursor: pointer;
}
.mr-detay-video-item:hover {
    background: rgba(251,188,5,.06);
}
.mr-detay-video-item.active {
    background: rgba(251,188,5,.1);
    border-left-color: var(--turuncu);
}
.mr-detay-video-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    line-height: 1.4;
}
.mr-detay-video-item.active .mr-detay-video-title {
    color: var(--turuncu);
}
.mr-detay-video-sure {
    font-size: 12px;
    color: var(--text2);
    font-weight: 500;
    flex-shrink: 0;
    margin-left: 12px;
}

/* Detay Modal Responsive */
@media (max-width: 900px) {
    .mr-detay-content {
        grid-template-columns: 1fr;
    }
    .mr-detay-video {
        border-radius: 16px 16px 0 0;
        min-height: 0;
        aspect-ratio: 16/9;
    }
    .mr-detay-info {
        padding: 24px 20px;
    }
    .mr-detay-konular ul {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 480px) {
    .mr-detay-modal {
        width: 96vw;
        border-radius: 12px;
    }
    .mr-detay-info h2 { font-size: 18px; }
    .mr-detay-info { padding: 20px 16px; gap: 10px; }
}

/* Diğer Hizmetlerimiz — kompakt grid */
.mr-diger-hizmetler { padding: 48px 0 0; }
.mr-hizmet-grup { margin-top: 36px; }
.mr-hizmet-grup-baslik {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--turuncu);
    margin: 0 0 20px;
    text-align: center;
    position: relative;
}
.mr-hizmet-grup-baslik::after {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    background: var(--turuncu);
    margin: 10px auto 0;
    border-radius: 2px;
}
.mr-hizmet-grup + .mr-hizmet-grup {
    padding-top: 32px;
    border-top: 1px solid var(--border);
}
.mr-hizmet-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    margin-top: 8px;
}
.mr-hizmet-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 28px 16px 22px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: all .35s cubic-bezier(.22,.68,0,1);
    text-align: center;
    width: 155px;
    position: relative;
    overflow: hidden;
}
.mr-hizmet-item::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--turuncu), transparent);
    opacity: 0;
    transition: opacity .3s ease;
}
.mr-hizmet-item:hover::before { opacity: 1; }
.mr-hizmet-item img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    filter: grayscale(.3);
    transition: all .35s ease;
}
.mr-hizmet-item:hover img {
    filter: grayscale(0) drop-shadow(0 0 8px rgba(251,188,5,.4));
    transform: scale(1.12);
}
.mr-hizmet-item span {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--text);
    line-height: 1.3;
    transition: color .3s ease;
}
.mr-hizmet-item:hover {
    border-color: rgba(251,188,5,.3);
    transform: translateY(-6px);
    box-shadow: 0 12px 32px rgba(251,188,5,.1), 0 4px 12px rgba(0,0,0,.04);
    background: rgba(255,255,255,.85);
}
.mr-hizmet-item:hover span { color: var(--turuncu); }
.mr-hizmet-item--active {
    border-color: var(--turuncu);
    background: rgba(251,188,5,.06);
    box-shadow: 0 0 0 1px var(--turuncu) inset;
}
.mr-hizmet-item--active::before { opacity: 1; }
.mr-hizmet-item--active img { filter: grayscale(0); }
.mr-hizmet-item--active span { color: var(--turuncu); }
@media (max-width: 600px) {
    .mr-hizmet-grid { gap: 10px; }
    .mr-hizmet-item { width: 105px; padding: 20px 10px 16px; }
    .mr-hizmet-item img { width: 28px; height: 28px; }
    .mr-hizmet-item span { font-size: 11px; }
}

/* Ekosistem / Markalarımız */
.mr-eco-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-top: 40px; }
.mr-eco-card { background: var(--bg); border: 1px solid var(--border); border-radius: 16px; padding: 32px 24px; text-align: center; transition: all .3s ease; position: relative; overflow: hidden; will-change: transform, opacity; transform: translateZ(0); display: flex; flex-direction: column; align-items: center; }
.mr-eco-card p { flex: 1; }
.mr-eco-card-link { margin-top: auto; }
.mr-eco-card:hover { border-color: var(--turuncu); transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,.08); }
.mr-eco-card-icon { width: 56px; height: 56px; margin: 0 auto 20px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 24px; }
.mr-eco-card-logo { width: 200px; height: 100px; margin: 0 auto 24px; display: flex; align-items: center; justify-content: center; }
.mr-eco-card-logo img { max-width: 100%; max-height: 100%; object-fit: contain; will-change: auto; contain: layout style paint; }
.mr-eco-card-icon--edtech { background: rgba(59,130,246,.1); color: #3b82f6; }
.mr-eco-card-icon--tested { background: rgba(16,185,129,.1); color: #10b981; }
.mr-eco-card-icon--earth { background: rgba(251,188,5,.1); color: var(--turuncu); }
.mr-eco-card h4 { font-size: 18px; margin-bottom: 8px; color: var(--text); }
.mr-eco-card p { font-size: 15px; color: var(--text2); line-height: 1.6; margin-bottom: 20px; text-wrap: balance; }
.mr-eco-card-link { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--turuncu); letter-spacing: 0.3px; transition: gap .3s ease; }
.mr-eco-card:hover .mr-eco-card-link { gap: 10px; }
@media (max-width: 1200px) { .mr-eco-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) { .mr-eco-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } .mr-eco-card { padding: 28px 20px; } }
@media (max-width: 480px) { .mr-eco-grid { grid-template-columns: 1fr; } }
/* ==========================================================
   style-ar.css
   انسخ ملف EN كاملًا كما هو، ثم ضع هذا الكود في آخره
   ========================================================== */

/* ---------- Base RTL ---------- */
html,
body {
    direction: rtl;
    text-align: right;
}

body {
    unicode-bidi: embed;
}

* {
    font-family: 'montserrat', 'Tahoma', 'Arial', sans-serif;
}

/* ---------- Helpers ---------- */
.tsag {
    text-align: left;
}

.tcenter {
    text-align: center;
}

/* ---------- Grid Floats ---------- */
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
    float: right;
}

/* ---------- Fixed / Global ---------- */
#particles-js {
    right: 0;
    left: auto;
}

header {
    right: 0;
    left: auto;
}

/* ---------- Menu ---------- */
.menu {
    right: 0;
    left: auto;
    transform: translate3d(-100%, 0, 0);
}

.menu nav ul {
    margin-left: auto;
    margin-right: 121px;
}

.menu .iletisim .content {
    margin-left: auto;
    margin-right: 55px;
}

.menu .iletisim span {
    text-align: right;
}

.menu .iletisim li {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

/* ---------- WhatsApp ---------- */
.whatsapp {
    left: 18px;
    right: auto;
}

/* ---------- Mobile Nav Icon ---------- */
.nav-icon.aktif > span:nth-child(1) {
    transform: translateY(8px) rotateZ(45deg);
}

.nav-icon.aktif > span:nth-child(2) {
    opacity: 0;
    transform: rotateZ(-45deg);
}

.nav-icon.aktif > span:nth-child(3) {
    transform: translateY(-8px) rotateZ(-45deg);
    width: 28px;
}

/* ---------- Language Switcher ---------- */
.dil {
    margin: auto auto auto 30px;
}

/* ---------- Hero Blobs ---------- */
.mr-hero-blob--1 {
    left: -120px;
    right: auto;
}

.mr-hero-blob--2 {
    right: -100px;
    left: auto;
}

.mr-hero-blob--3 {
    right: 55%;
    left: auto;
}

.mr-hero-blob--4 {
    right: 5%;
    left: auto;
}

@keyframes mr-blob-1 {
    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }

    33% {
        transform: translate(40px, 25px) scale(1.15);
    }

    66% {
        transform: translate(-30px, -20px) scale(.9);
    }
}

@keyframes mr-blob-2 {
    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-35px, -25px) scale(1.12);
    }
}

.mr-hero-grid {
    background-image:
        linear-gradient(rgba(0, 0, 0, .04) 1px, transparent 1px),
        linear-gradient(-90deg, rgba(0, 0, 0, .04) 1px, transparent 1px);
}

/* ---------- Atmosphere Particles ---------- */
.mr-atm-particles span:nth-child(1) { right: 8%; left: auto; }
.mr-atm-particles span:nth-child(2) { right: 22%; left: auto; }
.mr-atm-particles span:nth-child(3) { right: 38%; left: auto; }
.mr-atm-particles span:nth-child(4) { right: 52%; left: auto; }
.mr-atm-particles span:nth-child(5) { right: 68%; left: auto; }
.mr-atm-particles span:nth-child(6) { right: 82%; left: auto; }
.mr-atm-particles span:nth-child(7) { right: 12%; left: auto; }
.mr-atm-particles span:nth-child(8) { right: 33%; left: auto; }
.mr-atm-particles span:nth-child(9) { right: 58%; left: auto; }
.mr-atm-particles span:nth-child(10) { right: 78%; left: auto; }
.mr-atm-particles span:nth-child(11) { right: 3%; left: auto; }
.mr-atm-particles span:nth-child(12) { right: 45%; left: auto; }
.mr-atm-particles span:nth-child(13) { right: 90%; left: auto; }
.mr-atm-particles span:nth-child(14) { right: 18%; left: auto; }
.mr-atm-particles span:nth-child(15) { right: 63%; left: auto; }
.mr-atm-particles span:nth-child(16) { right: 28%; left: auto; }
.mr-atm-particles span:nth-child(17) { right: 73%; left: auto; }
.mr-atm-particles span:nth-child(18) { right: 48%; left: auto; }
.mr-atm-particles span:nth-child(19) { right: 6%; left: auto; }
.mr-atm-particles span:nth-child(20) { right: 88%; left: auto; }
.mr-atm-particles span:nth-child(21) { right: 42%; left: auto; }
.mr-atm-particles span:nth-child(22) { right: 95%; left: auto; }
.mr-atm-particles span:nth-child(23) { right: 15%; left: auto; }
.mr-atm-particles span:nth-child(24) { right: 55%; left: auto; }
.mr-atm-particles span:nth-child(25) { right: 35%; left: auto; }
.mr-atm-particles span:nth-child(26) { right: 2%; left: auto; }
.mr-atm-particles span:nth-child(27) { right: 7%; left: auto; }
.mr-atm-particles span:nth-child(28) { right: 14%; left: auto; }
.mr-atm-particles span:nth-child(29) { right: 4%; left: auto; }
.mr-atm-particles span:nth-child(30) { right: 25%; left: auto; }
.mr-atm-particles span:nth-child(31) { right: 60%; left: auto; }
.mr-atm-particles span:nth-child(32) { right: 9%; left: auto; }
.mr-atm-particles span:nth-child(33) { right: 85%; left: auto; }
.mr-atm-particles span:nth-child(34) { right: 40%; left: auto; }
.mr-atm-particles span:nth-child(35) { right: 1%; left: auto; }
.mr-atm-particles span:nth-child(36) { right: 70%; left: auto; }
.mr-atm-particles span:nth-child(37) { right: 50%; left: auto; }
.mr-atm-particles span:nth-child(38) { right: 11%; left: auto; }
.mr-atm-particles span:nth-child(39) { right: 92%; left: auto; }
.mr-atm-particles span:nth-child(40) { right: 30%; left: auto; }

@keyframes mr-float {
    0% {
        transform: translate(0, 0) scale(1);
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    50% {
        transform: translate(-30px, -60px) scale(1.2);
        opacity: .6;
    }

    92% {
        opacity: .8;
    }

    100% {
        transform: translate(15px, -120px) scale(.7);
        opacity: 0;
    }
}

/* ---------- Hero Glow ---------- */
.mr-hero-glow {
    right: 50%;
    left: auto;
    transform: translate(50%, -55%);
}

@keyframes mr-glow-pulse {
    0%,
    100% {
        opacity: .7;
        transform: translate(50%, -55%) scale(1);
    }

    50% {
        opacity: 1;
        transform: translate(50%, -55%) scale(1.2);
    }
}

/* ---------- Hero Stats ---------- */
.mr-hero-stat + .mr-hero-stat::before {
    right: 0;
    left: auto;
}

/* ---------- Scroll Hint ---------- */
.mr-scroll-hint {
    right: 50%;
    left: auto;
    transform: translateX(50%);
}

.mr-scroll-hint--static {
    right: auto;
    left: auto;
    transform: none;
}

/* ---------- Content ---------- */
.video {
    padding-right: 30px;
    padding-left: 0;
}

.kutucuklar {
    padding-right: 15px;
    padding-left: 0;
}

.kutucuk .back {
    right: 0;
    left: 0;
}

.kutucuk h3 {
    text-align: right;
}

i.list {
    float: right;
}

i.list::before {
    right: 0;
    left: auto;
}

/* ---------- Footer ---------- */
.mr-footer-brand {
    text-align: right;
}

.mr-footer-social {
    justify-content: flex-start;
}

.mr-footer-bottom {
    direction: rtl;
}

/* ---------- Popup ---------- */
.popup-close {
    left: 10px;
    right: auto;
}

/* ---------- Services / Journey ---------- */
.mr-services::before {
    right: -200px;
    left: auto;
}

.mr-services::after {
    left: -180px;
    right: auto;
}

.mr-journey-chapter--reverse {
    direction: ltr;
}

.mr-journey-chapter--reverse > * {
    direction: rtl;
}

.mr-journey-links a {
    text-align: right;
}

.mr-journey-links a img {
    margin-left: 0;
    margin-right: 0;
}

.mr-mutfak-steps::before {
    right: 10%;
    left: 10%;
}

@media (max-width: 768px) {
    .mr-mutfak-step {
        text-align: right;
    }

    .mr-journey-chapter--reverse {
        direction: rtl;
    }
}

/* ---------- References ---------- */
.mr-ref::before {
    left: -150px;
    right: auto;
}

.mr-ref::after {
    right: -150px;
    left: auto;
}

/* ---------- Matterport ---------- */
.mr-matterport::before {
    left: -100px;
    right: auto;
}

.mr-matterport::after {
    right: -100px;
    left: auto;
}

.mr-matterport-badge {
    left: 24px;
    right: auto;
}

/* ---------- Section / Text Blocks ---------- */
.mr-section,
.mr-section-inner,
.mr-text,
.mr-blog-text,
.mr-blog-content {
    direction: rtl;
    text-align: right;
}

.mr-text h1,
.mr-text h2,
.mr-text h3,
.mr-text h4,
.mr-text h5,
.mr-text h6,
.mr-blog-text h1,
.mr-blog-text h2,
.mr-blog-text h3,
.mr-blog-text h4,
.mr-blog-text h5,
.mr-blog-text h6 {
    text-align: right;
}

.mr-text ul,
.mr-text ol,
.mr-blog-text ul,
.mr-blog-text ol,
.mr-blog-content ul,
.mr-blog-content ol {
    padding-right: 22px;
    padding-left: 0;
}

.mr-text ul li::before,
.mr-blog-text ul li::before,
.mr-blog-content ul li::before {
    right: 0;
    left: auto;
}

.mr-blog-text blockquote {
    border-right: 3px solid var(--turuncu);
    border-left: 0;
    border-radius: 8px 0 0 8px;
}

.mr-blog-text th,
.mr-blog-text td {
    text-align: right;
}

/* ---------- Features ---------- */
.mr-feature {
    transition: padding-right .35s cubic-bezier(.22, .68, 0, 1);
}

.mr-feature:hover {
    padding-right: 12px;
    padding-left: 0;
}

.mr-feature h4 {
    text-align: right;
}

.mr-callout {
    border-right: 3px solid var(--turuncu);
    border-left: 0;
    border-radius: 16px 0 0 16px;
}

/* ---------- Contact ---------- */
.mr-contact-card::before {
    right: 0;
    left: 0;
    transform-origin: right;
}

.mr-contact-card h4 {
    text-align: right;
}

/* ---------- Project / Portfolio ---------- */
.mr-proj-featured-info {
    right: 0;
    left: 0;
}

.mr-proj-play {
    right: 50%;
    left: auto;
    transform: translate(50%, -50%) scale(.8);
}

.mr-proj-play::after {
    border-width: 14px 22px 14px 0;
    border-color: transparent var(--text) transparent transparent;
    margin-right: 4px;
    margin-left: 0;
}

.mr-proj-arrow--left {
    right: -60px;
    left: auto;
}

.mr-proj-arrow--right {
    left: -60px;
    right: auto;
}

.mr-proj-cat-head h3 {
    text-align: right;
}

.mr-proj-card .mr-proj-play::after {
    border-width: 9px 15px 9px 0;
    margin-right: 3px;
    margin-left: 0;
}

.mr-proj-card-brand {
    left: 10px;
    right: auto;
}

.mr-project-card-overlay h4 {
    text-align: right;
}

.mr-case-card::before {
    right: 0;
    left: 0;
}

/* ---------- Catalog ---------- */
.mr-catalog-sidebar {
    padding-right: 0;
    padding-left: 0;
}

.mr-catalog-link {
    text-align: right;
    padding: 9px 14px 9px 12px;
}

.mr-catalog-count {
    text-align: left;
}

@media (max-width: 1023px) {
    .mr-catalog-sidebar {
        border-right: none;
        border-left: none;
    }

    .mr-catalog-link {
        margin-right: 0;
        margin-left: 0;
        border-right: 1px solid var(--border);
        border-left: 1px solid var(--border);
    }

    .mr-catalog-link.active {
        border-right-color: var(--turuncu);
        border-left-color: var(--turuncu);
    }
}

/* ---------- Split Sections ---------- */
.mr-split--reverse {
    direction: rtl;
}

.mr-split--reverse > * {
    direction: rtl;
}

/* ---------- Team ---------- */
.mr-team-member::before {
    right: 0;
    left: 0;
    transform-origin: right;
}

.mr-team-photo-hover {
    right: 0;
    left: auto;
}

.mr-team-quote {
    right: 0;
    left: 0;
}

/* ---------- About / Timeline ---------- */
.mr-about-stats::before {
    right: 50%;
    left: auto;
    transform: translate(50%, -50%);
}

.mr-timeline::before {
    right: 50%;
    left: auto;
    transform: translateX(50%);
}

.mr-timeline-item {
    text-align: center;
}

/* ---------- Katalog Cards ---------- */
.mr-katalog-play {
    right: 50%;
    left: auto;
    transform: translate(50%, -50%) scale(.9);
}

.mr-katalog-card-badge {
    right: 10px;
    left: auto;
}

.mr-detay-close {
    left: 16px;
    right: auto;
}

.mr-detay-konular li::before {
    right: 0;
    left: auto;
}

.mr-detay-video-item {
    border-right: 3px solid transparent;
    border-left: 0;
}

.mr-detay-video-item.active {
    border-right-color: var(--turuncu);
}

.mr-detay-video-sure {
    margin-right: 12px;
    margin-left: 0;
}

/* ---------- Hizmet / Cards ---------- */
.mr-hizmet-item::before {
    right: 0;
    left: 0;
}

.mr-eco-card {
    text-align: center;
}

/* ---------- Forms ---------- */
input,
textarea,
select {
    direction: rtl;
    text-align: right;
}

input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"] {
    direction: ltr;
    text-align: right;
}

.icerik .forms input,
.icerik .forms textarea,
.mr-section .forms input,
.mr-section .forms textarea {
    text-align: right;
}

/* ---------- Tables ---------- */
table {
    direction: rtl;
}

th,
td {
    text-align: right;
}

/* ---------- Responsive RTL ---------- */
@media only screen and (max-width: 1023px) {
    .menu nav ul {
        margin-right: auto;
        margin-left: auto;
    }

    .video {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .dil {
        margin-left: 10px;
        margin-right: auto;
    }

    .mr-hero-center {
        text-align: center;
    }

    .mr-footer-bottom {
        text-align: center;
    }

    .mr-feature:hover {
        padding-right: 0;
    }
}

@media only screen and (max-width: 480px) {
    .mr-feature {
        grid-template-columns: 1fr 40px;
    }

    .mr-feature:hover {
        padding-right: 0;
        padding-left: 0;
    }
}
.mr-ref-slider,
.mr-ref-track {
  direction: ltr !important;
}

.mr-ref-slider {
  overflow: hidden;
  width: 100%;
}

.mr-ref-track {
  display: flex;
  width: max-content;
  will-change: transform;
}

.mr-ref-track > * {
  flex: 0 0 auto;
}