@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102b46;--deep:#0a2034;--red:#d9333c;--ink:#192d40;--muted:#667584;--light:#f4f7f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.wrap{max-width:1190px;margin:auto;padding:0 28px}.topbar{background:var(--deep);color:#d5e0e8;font-size:11px}.topinner{height:33px;display:flex;align-items:center;justify-content:space-between}.topinner a{font-weight:700;color:white}.header{background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 3px 20px #112a3c10}.nav{height:83px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brandmark{font:800 48px/1 'DM Sans',sans-serif;letter-spacing:-7px;color:var(--navy);padding-right:7px}.brandmark span,.aboutbig span{color:var(--red)}.brandname{font-size:13px;letter-spacing:1.7px;font-weight:800;line-height:1.35}.brandname small{display:block;letter-spacing:4.2px;font-size:10px;color:var(--red)}nav{margin-left:auto;display:flex;gap:21px;align-items:center}nav a{font-size:12px;font-weight:700}nav a:hover,.textlink:hover{color:var(--red)}.navcall{background:var(--red);color:white;padding:13px 19px;border-radius:3px;font-size:12px;font-weight:800}.menubtn{display:none}.hero{min-height:650px;position:relative;color:white;background:linear-gradient(110deg,#081e32e8 0%,#0b2942b8 48%,#0d2b4540 100%),url('https://images.unsplash.com/photo-1519501025264-65ba15a82390?auto=format&fit=crop&w=2000&q=85') center/cover}.herocontent{position:relative;padding-top:113px;padding-bottom:65px}.eyebrow,.kicker{font-size:11px;letter-spacing:2px;font-weight:800}.eyebrow{color:#c8e1ef}.hero h1{font-size:clamp(50px,7.2vw,92px);line-height:1.09;letter-spacing:-4px;margin:20px 0 25px;font-weight:800}.hero h1 em,.intro i,.valuation i,.aboutgrid i{font-style:normal;color:#f46b70}.hero p{max-width:545px;color:#e4ebef;font-size:15px;line-height:1.9}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{padding:17px 23px;border-radius:3px;font-size:13px;font-weight:800;display:inline-flex;gap:22px;justify-content:space-between;align-items:center}.red{background:var(--red);color:#fff}.outline{border:1px solid #ffffffa1;color:#fff}.herofoot{display:flex;gap:46px;margin-top:74px}.herofoot span{display:flex;flex-direction:column;border-left:2px solid #df4b55;padding-left:15px}.herofoot b{font-size:20px}.herofoot small{font-size:11px;color:#cbd8e0;margin-top:4px}.intro{padding-top:78px;padding-bottom:82px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.kicker{color:var(--red)}h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.9px;line-height:1.2;margin:15px 0 20px}h2 i{color:var(--red)!important}.intro p,.aboutgrid p{line-height:1.95;color:var(--muted);font-size:14px}.section{padding:88px 0}.light{background:var(--light)}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.sectionhead h2{margin-bottom:7px}.sectionhead p{color:var(--muted);font-size:13px}.tabs{display:flex;gap:7px}.tab{border:1px solid #dce4e9;background:white;color:var(--navy);font-size:12px;font-weight:700;padding:11px 17px}.tab.active{background:var(--navy);color:white}.properties{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.property{background:white;box-shadow:0 6px 24px #1c36490b}.propertyimg{height:215px;position:relative;display:flex;align-items:end;justify-content:center;background:linear-gradient(135deg,#d4e0e7,#839eb0)}.p2{background:linear-gradient(135deg,#c3d4db,#637d93)}.p3{background:linear-gradient(135deg,#b9cad6,#45677d)}.pill{position:absolute;top:17px;left:17px;background:var(--red);color:white;padding:8px 11px;font-size:10px;font-weight:800;letter-spacing:1px}.imagecaption{color:#ffffffdb;font-size:12px;margin-bottom:30px}.propertybody{padding:24px}.propertybody small{font-size:10px;color:var(--red);letter-spacing:1px;font-weight:800}.propertybody h3{font-size:19px;margin:10px 0}.propertybody p{font-size:12px;line-height:1.8;color:var(--muted);min-height:43px}.more{font-size:12px;font-weight:800;color:var(--navy)}.valuation{background:var(--navy);color:white;padding:90px 0}.valuegrid{display:grid;grid-template-columns:1.25fr .75fr;gap:75px;align-items:center}.pale{color:#9dc6dc}.valuation h2{font-size:clamp(34px,4vw,52px)}.valuation p{color:#cbd8e3;font-size:14px;line-height:2;max-width:560px}.valuecard{background:#fff;color:var(--navy);padding:36px;box-shadow:12px 12px 0 #244660}.valueicon{font-size:43px;color:var(--red)}.valuecard h3{font-size:22px}.valuecard p{color:var(--muted);font-size:13px}.valueitem{border-top:1px solid #e5edf1;padding:13px 0;font-size:13px;font-weight:700}.valuecard small{color:#81909d;font-size:11px}.aboutgrid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.aboutvisual{min-height:350px;background:linear-gradient(135deg,#e5edf2,#b5cbd9);display:flex;align-items:center;justify-content:center;position:relative}.aboutbig{font:800 160px/1 'DM Sans',sans-serif;letter-spacing:-23px;color:var(--navy);padding-right:24px}.abouttag{position:absolute;right:-20px;bottom:-18px;background:var(--red);color:white;padding:20px 28px;font-size:12px;font-weight:800;letter-spacing:2px;line-height:1.6}.textlink{display:inline-block;margin-top:17px;font-size:13px;font-weight:800}.guidegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guidegrid article{background:white;padding:30px;min-height:250px}.guidegrid article>span{font-size:10px;color:var(--red);font-weight:800;letter-spacing:1px}.guidegrid h3{font-size:19px;line-height:1.45}.guidegrid p{font-size:12px;color:var(--muted);line-height:1.8}.guidegrid small{font-size:11px;color:#8194a2}.contact{background:#0b2236;color:white;padding:65px 0}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.contact p{color:#b9cbd7;font-size:13px}.contactlinks{display:grid;gap:13px}.contactlinks a{padding:18px 22px;border:1px solid #476072;display:flex;justify-content:space-between;font-weight:800}.contactlinks a:hover{background:#1c3a50}footer{background:#071b2b;color:#a9bac6}.footerinner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:30px;padding-bottom:30px;font-size:11px}.footerbrand .brandmark{color:white}.footerbrand .brandname{color:white}section{scroll-margin-top:85px}@media(max-width:1050px){nav{gap:12px}nav a{font-size:11px}.navcall{display:none}}@media(max-width:760px){.wrap{padding-left:20px;padding-right:20px}.topinner span{display:none}.topinner{justify-content:center}.nav{height:70px}.menubtn{display:block;margin-left:auto;border:1px solid #d7e1e6;background:white;padding:10px;font-size:12px}nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:20px;box-shadow:0 15px 20px #102b4620;flex-direction:column;align-items:start;gap:17px}nav.open{display:flex}.hero{min-height:620px}.herocontent{padding-top:85px}.hero h1{letter-spacing:-2px}.herofoot{gap:14px;justify-content:space-between;margin-top:65px}.herofoot b{font-size:15px}.herofoot small{font-size:9px}.intro,.valuegrid,.aboutgrid,.contactgrid{grid-template-columns:1fr;gap:30px}.intro{padding-top:60px;padding-bottom:60px}.section{padding:65px 0}.sectionhead{align-items:start;flex-direction:column}.properties,.guidegrid{grid-template-columns:1fr}.propertyimg{height:235px}.valuation{padding:65px 0}.aboutvisual{min-height:250px}.aboutbig{font-size:115px}.abouttag{right:0}.footerinner{flex-direction:column;text-align:center}.tabs{flex-wrap:wrap}}

/* Kurumsal kimlik revizyonu */
.header{position:sticky;top:0;z-index:100;background:#fff}.brandlogo{display:block;width:174px;height:72px;object-fit:contain}.footerbrand .brandlogo{content:url('assets/berat-ogur-logo.svg');width:165px;height:68px}.hero{background:linear-gradient(100deg,rgba(7,29,48,.95),rgba(9,39,63,.77) 52%,rgba(10,37,56,.48)),url('assets/ofis-vitrin.png') center 45%/cover}.aboutvisual{background:#102b46}.aboutlogo{width:83%;max-height:240px;object-fit:contain}.nav{height:88px}section{scroll-margin-top:95px}@media(max-width:760px){.nav{height:74px}.brandlogo{width:145px;height:65px}nav{top:74px}.hero{background-position:center center}.aboutlogo{width:88%}}

/* Orijinal BO marka uygulaması */
.brand .bo-logo{display:block;width:59px;height:49px;object-fit:contain;flex-shrink:0}
.bo-wordmark{display:flex;flex-direction:column;gap:4px;line-height:1.05}
.bo-wordmark strong{font-size:13px;font-weight:850;letter-spacing:1.2px;color:#102b46}
.bo-wordmark small{font-size:10px;letter-spacing:3.5px;color:#d9333c;font-weight:800}
.aboutvisual{background:#eef3f7}.aboutlogo.bo-about{width:55%;max-height:220px;object-fit:contain}
.footerbrand .bo-wordmark strong{color:white}.footerbrand .bo-logo{filter:brightness(0) invert(1)}
@media(max-width:760px){.brand .bo-logo{width:48px;height:42px}.bo-wordmark strong{font-size:11px}.bo-wordmark small{font-size:9px}.aboutlogo.bo-about{width:62%}}

/* Kadikoy sunset and approved bo. brand */
.hero{background:linear-gradient(100deg,rgba(7,29,48,.93) 0%,rgba(9,39,63,.78) 42%,rgba(10,37,56,.20) 100%),url("assets/moda-iskelesi-gunbatimi.jpg") center 49%/cover no-repeat;}
.brand .bo-logo{width:72px;height:54px;object-fit:contain;}
.aboutlogo.bo-about{width:70%;max-height:210px;object-fit:contain;}
@media(max-width:760px){.hero{background-position:61% center}.brand .bo-logo{width:57px;height:44px}}

/* Approved original SVG: sharp on all screens, white background in about section */
.brand .bo-logo{width:78px;height:58px;object-fit:contain}
.aboutvisual{background:#fff;border:1px solid #e5edf1}
.aboutlogo.bo-about{width:85%;height:260px;max-height:none;object-fit:contain}
.footerbrand .bo-logo{filter:none;background:#fff;border-radius:3px;padding:3px}
@media(max-width:760px){.brand .bo-logo{width:59px;height:46px}.aboutlogo.bo-about{width:88%;height:205px}}

/* Moda iskelesi: approved horizontal photograph; keep pier and sunset in frame */
.hero{background-image:linear-gradient(90deg,rgba(6,27,46,.88) 0%,rgba(8,35,57,.64) 38%,rgba(8,35,57,.06) 78%),url("assets/moda-iskelesi-yatay.png");background-position:center center;background-size:cover;background-repeat:no-repeat;}
@media(max-width:760px){.hero{background-position:58% center;background-image:linear-gradient(90deg,rgba(6,27,46,.88),rgba(8,35,57,.42)),url("assets/moda-iskelesi-yatay.png");}}

/* Örnek ilan kartları ve detay sayfası */
a.property{display:block;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}a.property:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0b29421c}.pricepending{display:block;color:#153450;font-size:14px;margin:10px 0}.propertyimg{position:relative}.placeholder-moda{background:linear-gradient(135deg,#b8cbd9,#6e93a9)}.placeholder-bahariye{background:linear-gradient(135deg,#c4d1d8,#708b9d)}.placeholder-kadikoy{background:linear-gradient(135deg,#c8d4df,#7897ad)}.detail-main{padding-top:50px;padding-bottom:90px}.backlink{color:#153450;font-weight:700;text-decoration:none}.detail-heading{margin:25px 0}.detail-heading h1{font-size:clamp(30px,4vw,52px);color:#102b46;margin:12px 0}.detail-heading p{color:#657789}.gallery{display:grid;grid-template-columns:2fr 1fr;gap:12px;height:400px}.gallery-main,.gallery-side>div{display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#d8e3ea,#8da9bb);color:#35556c;font-size:15px;padding:20px}.gallery-side{display:grid;grid-template-rows:1fr 1fr;gap:12px}.detail-cols{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:32px;align-items:start}.detail-card{padding:30px;background:#f3f6f8}.detail-card h2{color:#102b46;font-size:24px}.detail-card p{line-height:1.8}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.detail-facts div{padding:15px;background:white;display:flex;flex-direction:column;gap:8px}.detail-facts small{color:#687e8d}.detail-facts strong{color:#102b46}.sample-note{font-size:13px;color:#647b8b;border-top:1px solid #d6e0e7;padding-top:18px}.contact-card .btn{display:block;text-align:center;margin-top:12px}.darkbtn{background:#102b46;color:white}.contact-card .btn{color:white}@media(max-width:720px){.gallery{height:auto;grid-template-columns:1fr}.gallery-main{height:250px}.gallery-side{grid-template-columns:1fr 1fr;grid-template-rows:110px}.detail-cols{grid-template-columns:1fr}.detail-card{padding:20px}}

/* Fotoğraf galerisi - ana fotoğraf üstte, küçük görseller altta */
.photo-gallery{margin:20px 0 0}.gallery-feature{width:100%;height:440px;border:0;padding:0;background:#eaf0f4;display:block;position:relative;cursor:zoom-in;overflow:hidden}.gallery-feature img{width:100%;height:100%;object-fit:cover;display:block}.gallery-count{position:absolute;right:16px;bottom:16px;background:#0b243dd9;color:white;padding:7px 12px;border-radius:4px}.gallery-thumbnails{display:flex;gap:12px;margin-top:12px;overflow-x:auto;padding-bottom:6px}.gallery-thumbnails button{flex:0 0 135px;height:86px;padding:0;border:3px solid transparent;background:#eef2f5;cursor:pointer}.gallery-thumbnails button.selected{border-color:#e6323d}.gallery-thumbnails img{width:100%;height:100%;object-fit:cover}.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;background:#071525f5;z-index:9999;display:flex;align-items:center;justify-content:center;padding:50px 75px}.lightbox img{max-width:100%;max-height:85vh;object-fit:contain}.lightbox button{position:absolute;border:0;background:#ffffff22;color:white;cursor:pointer;font-size:42px;width:52px;height:56px}.lightbox-close{top:12px;right:18px}.lightbox-prev{left:12px;top:50%}.lightbox-next{right:12px;top:50%}.lightbox-count{position:absolute;bottom:18px;color:white}.photo-gallery .sample-note{margin-top:10px}@media(max-width:720px){.gallery-feature{height:260px}.gallery-thumbnails button{flex-basis:92px;height:68px}.lightbox{padding:50px 45px}.lightbox button{width:38px;font-size:32px}.lightbox-prev{left:2px}.lightbox-next{right:2px}}

/* Ücretsiz değerleme formu */
.valuation-form{max-width:650px;width:100%;box-sizing:border-box}.valuation-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:20px 0}.valuation-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#102b46}.valuation-form .full{grid-column:1/-1}.valuation-form input:not([type=checkbox]),.valuation-form select,.valuation-form textarea{width:100%;box-sizing:border-box;min-width:0;border:1px solid #ccd7df;background:#fff;border-radius:5px;padding:12px;font:inherit;color:#102b46}.valuation-form input:focus,.valuation-form select:focus,.valuation-form textarea:focus{outline:2px solid #004aad;outline-offset:1px}.valuation-form .form-consent{display:flex;flex-direction:row;align-items:flex-start;font-size:12px;font-weight:400;line-height:1.5;margin-bottom:15px}.form-consent input{margin-top:3px}.valuation-form .form-submit{cursor:pointer;border:0;width:100%;justify-content:center}.valuation-form small{display:block;margin-top:12px;line-height:1.5}.privacy-note{font-size:13px;opacity:.85}@media(max-width:700px){.valuation-form .form-grid{grid-template-columns:1fr}.valuation-form .full{grid-column:auto}}

/* 28 Ekim: Menü formun üstüne binmesin; akışta kalsın. */
.header{position:relative;top:auto;z-index:30}
section{scroll-margin-top:16px}
.valuegrid{grid-template-columns:minmax(0,1fr) minmax(340px,0.9fr);gap:clamp(24px,4vw,65px);align-items:start}
.valuation-form{max-width:none;box-shadow:8px 8px 0 #244660}
@media(max-width:850px){.valuegrid{grid-template-columns:1fr}.valuation-form{max-width:650px}.valuation{padding:64px 0}}
@media(max-width:480px){.valuation-form{padding:24px 18px;box-shadow:5px 5px 0 #244660}.valuation h2{font-size:clamp(30px,9vw,42px)}.valuation-form .form-grid{grid-template-columns:1fr}.valuation-form .full{grid-column:1}.valuation-form .form-submit{font-size:12px;padding:15px 10px}}

/* Yayın öncesi erişilebilirlik ve mobil düzenlemeler */
.guidegrid .guide-card{display:block;color:inherit;text-decoration:none;min-width:0;border-radius:4px;transition:transform .2s,box-shadow .2s}
.guidegrid .guide-card:hover,.guidegrid .guide-card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 30px #102b461a}
.guidegrid .guide-card article{height:100%}
.guidegrid .guide-link{color:#102b46;font-weight:750}
a:focus-visible,button:focus-visible{outline:3px solid #d9333c;outline-offset:3px}
img{max-width:100%}
@media(max-width:760px){.hero h1{font-size:clamp(43px,12vw,65px);letter-spacing:-2px}.herofoot{gap:15px;flex-wrap:wrap}.herofoot span{min-width:90px}.aboutgrid,.contactgrid,.intro{gap:26px}.section{padding:62px 0}.guidegrid article{min-height:215px}.tabs{max-width:100%}}
@media(max-width:390px){.wrap{padding-left:16px;padding-right:16px}.brand{gap:7px}.brand .bo-logo{width:48px;height:40px}.bo-wordmark strong{font-size:10px}.bo-wordmark small{font-size:8px}.menubtn{padding:8px}.herofoot{margin-top:40px}.valuecard{padding:20px 16px}}