:root{--primary-color:#00457d;--text-light:#fff;--transition-speed:.4s}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-light);background-color:#111;font-family:Montserrat,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.split-layout{flex-direction:row;width:100vw;height:100vh;display:flex}.branch{transition:flex var(--transition-speed) cubic-bezier(.25, .8, .25, 1);cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.branch:hover{flex:1.2}.panel-bahcesehir{background-image:url(/bahcesehir-bg.jpg)}.panel-basaksehir{background-image:url(/basaksehir-bg.jpg)}.panel-sefakoy{background-image:url(/sefakoy-bg.jpg)}.panel-overlay{z-index:1;width:100%;height:100%;transition:background var(--transition-speed) ease;background:linear-gradient(#001f3f66 0%,#001f3fcc 100%);position:absolute;top:0;left:0}.branch:hover .panel-overlay{background:linear-gradient(#001f3f33 0%,#001f3fb3 100%)}.panel-content{z-index:2;text-align:center;width:100%;transition:transform var(--transition-speed) ease;flex-direction:column;align-items:center;padding:2rem;display:flex;position:relative}.branch:hover .panel-content{transform:translateY(-10px)}.branch-logo{filter:drop-shadow(0 4px 10px #00000080);width:140px;height:auto;transition:transform var(--transition-speed) ease;margin-bottom:1.5rem}.branch:hover .branch-logo{transform:scale(1.05)}.branch-title{text-shadow:0 2px 4px #0009;margin-bottom:2rem;font-size:1.5rem;font-weight:800;line-height:1.3}.branch-title span{margin-top:5px;font-size:2.2rem;display:block}.branch-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2.5rem;display:flex}.btn{letter-spacing:.5px;text-transform:uppercase;color:var(--text-light);cursor:pointer;-webkit-backdrop-filter:blur(5px);background-color:#0000;border:2px solid #fff9;border-radius:4px;justify-content:center;align-items:center;padding:10px 24px;font-size:.85rem;font-weight:700;transition:all .3s;display:flex}.btn:hover{background-color:var(--text-light);color:var(--primary-color);border-color:var(--text-light);transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.branch-contact{text-shadow:0 2px 4px #0009;flex-direction:column;align-items:center;gap:15px;font-size:1rem;font-weight:700;display:flex}.contact-number{color:var(--text-light);align-items:center;gap:8px;transition:color .3s;display:flex}.contact-number:hover{color:#ffde00}.social-icons{gap:12px;display:flex}.social-icon{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:45px;height:45px;color:var(--text-light);background:#ffffff26;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.btn-wa:hover{color:#fff;background:#25d366;border-color:#25d366;transform:scale(1.1)}.btn-ig:hover{color:#fff;background:#e1306c;border-color:#e1306c;transform:scale(1.1)}@media (width<=992px){.split-layout{flex-direction:column;height:100svh;overflow:hidden}.branch{flex:1;padding:0}.branch:hover{flex:1}.panel-content{justify-content:center;gap:12px;height:100%;padding:15px 10px}.branch:hover .panel-content{transform:none}.branch-logo{width:55px;margin-bottom:0}.branch-title{margin-bottom:0;font-size:.95rem}.branch-title span{margin-top:2px;font-size:1.3rem}.branch-buttons{justify-content:center;gap:10px;width:100%;max-width:340px;margin-bottom:0}.btn{text-align:center;flex:1;min-width:110px;padding:8px 12px;font-size:.7rem}.branch-contact{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;flex-direction:row;justify-content:center;align-items:center;gap:12px;margin-top:5px;padding:8px 16px;font-size:.85rem;display:flex;box-shadow:0 4px 15px #0003}.contact-number{border-right:1px dashed #ffffff4d;align-items:center;gap:8px;padding-right:12px;font-size:.8rem;display:flex}.contact-number svg{width:14px;height:14px}.social-icons{align-items:center;gap:10px;display:flex}.social-icon{background:#ffffff26;width:38px;height:38px}@media (height<=750px){.panel-content{gap:8px}.branch-logo{width:48px}.branch-title span{font-size:1.15rem}.branch-contact{gap:10px;padding:6px 12px}.social-icon{width:34px;height:34px}.btn{padding:6px 10px}}}