@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&display=swap');

:root{
  --orange:#f04a1d;
  --black:#070707;
  --white:#ffffff;
  --soft:#f4f4f4;
  --text:#111111;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial, Helvetica, sans-serif;background:#fff;color:var(--text)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{width:min(1180px,90%);margin:0 auto}

.topbar{
  height:98px;
  background:#fff;
  display:grid;
  grid-template-columns:220px 1fr 42px;
  align-items:center;
  gap:30px;
  padding:0 5.5%;
  position:sticky;
  top:0;
  z-index:50;
  box-shadow:0 4px 18px rgba(0,0,0,.08);
}

.brand img{width:210px;max-height:88px;object-fit:contain}

.top-nav{
  display:flex;
  justify-content:flex-start;
  gap:72px;
  margin-left:40px;
  font-family:'Oswald', Impact, sans-serif;
  font-weight:700;
  text-transform:uppercase;
  font-size:18px;
  letter-spacing:.5px;
}

.top-nav a:hover,.footer-nav a:hover{color:var(--orange)}

.ig-icon{
  width:34px;
  height:34px;
  border:3px solid #111;
  border-radius:10px;
  position:relative;
  display:inline-block;
}

.ig-icon::before{
  content:"";
  position:absolute;
  inset:7px;
  border:3px solid currentColor;
  border-radius:50%;
}

.ig-icon::after{
  content:"";
  position:absolute;
  width:5px;
  height:5px;
  background:currentColor;
  border-radius:50%;
  right:6px;
  top:6px;
}

/* HERO */
.hero{
  min-height:520px;
  position:relative;
  background:
    linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.35) 42%,rgba(0,0,0,.1)),
    url('assets/hero.jpg') center/cover no-repeat;
  color:#fff;
  overflow:hidden;
}

.hero::before{
  content:"";
  position:absolute;
  right:95px;
  top:30px;
  width:280px;
  height:180px;
  opacity:.38;
  background:
    radial-gradient(circle at 30% 52%, transparent 0 32px, rgba(255,255,255,.78) 33px 39px, transparent 40px),
    radial-gradient(circle at 48% 52%, rgba(255,255,255,.78) 0 8px, transparent 9px),
    linear-gradient(130deg, transparent 0 52%, rgba(255,255,255,.62) 53% 57%, transparent 58%);
  filter:blur(.2px);
  mix-blend-mode:screen;
}

.hero::after{
  content:"";
  position:absolute;
  right:35px;
  top:18px;
  width:205px;
  height:190px;
  opacity:.42;
  background:
    radial-gradient(ellipse at 55% 35%, rgba(255,255,255,.88) 0 10%, transparent 11%),
    radial-gradient(ellipse at 50% 35%, rgba(255,255,255,.55) 0 42%, transparent 43%),
    linear-gradient(120deg, transparent 0 30%, rgba(255,255,255,.48) 31% 50%, transparent 51%);
  border-radius:48%;
  transform:skewX(-12deg);
  mix-blend-mode:screen;
}

.hero-content{
  position:relative;
  z-index:2;
  width:min(620px,90%);
  padding:66px 0 0 5.5%;
}

.hero h1{
  font-family:'Oswald', Impact, sans-serif;
  text-transform:uppercase;
  font-size:clamp(44px,5.6vw,76px);
  line-height:1.04;
  letter-spacing:1.5px;
  text-shadow:0 5px 20px rgba(0,0,0,.78);
}

.hero h1 span,.hero h1 strong{display:block}
.hero h1 strong{color:var(--orange)}

.hero p{
  margin-top:24px;
  max-width:550px;
  font-size:20px;
  line-height:1.48;
  font-weight:700;
  text-shadow:0 3px 12px rgba(0,0,0,.8);
}

.hero-mark{display:flex;align-items:center;gap:18px;margin-top:30px}
.hero-mark i{width:86px;height:3px;background:#fff;opacity:.86}
.hero-mark b{color:var(--orange);font-size:36px;line-height:1}

/* ABOUT */
.about{
  background:#fff;
  padding:44px 0 54px;
  background-image:radial-gradient(circle at center, rgba(0,0,0,.04), transparent 65%);
}

.about-grid{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:70px;
  align-items:center;
}

.about-logo img{
  width:230px;
  height:230px;
  object-fit:contain;
}

h2{
  font-family:'Oswald', Impact, sans-serif;
  font-size:clamp(38px,4.5vw,58px);
  text-transform:uppercase;
  line-height:1;
  letter-spacing:1px;
}

h2::after{
  content:"";
  width:42px;
  height:4px;
  background:var(--orange);
  display:block;
  margin-top:16px;
}

.lead{
  margin-top:18px;
  max-width:560px;
  font-size:18px;
  line-height:1.55;
  font-weight:600;
}

.values{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:38px;
  margin-top:36px;
}

.values article{
  border-right:1px solid #d6d6d6;
  padding-right:28px;
}

.values article:last-child{border-right:0}

.value-icon{
  width:52px;
  height:52px;
  margin-bottom:12px;
  color:var(--orange);
  position:relative;
}

.mountain-icon::before{
  content:"△";
  font-size:50px;
  line-height:1;
  color:var(--orange);
}

.compass-icon{
  border:3px solid var(--orange);
  border-radius:50%;
}

.compass-icon::before{
  content:"";
  position:absolute;
  width:22px;
  height:22px;
  border:3px solid var(--orange);
  transform:rotate(45deg);
  left:12px;
  top:12px;
}

.compass-icon::after{
  content:"";
  position:absolute;
  width:2px;
  height:68px;
  background:var(--orange);
  left:23px;
  top:-11px;
  transform:rotate(45deg);
  opacity:.75;
}

.shield-icon::before{
  content:"♢";
  font-size:54px;
  color:var(--orange);
  line-height:1;
}

.values h3{
  font-family:'Oswald', Impact, sans-serif;
  text-transform:uppercase;
  font-size:18px;
  margin-bottom:10px;
}

.values p{
  font-size:14px;
  line-height:1.55;
  font-weight:600;
}

/* ADVENTURES */
.adventures{
  background:#101010;
  color:#fff;
  padding:44px 0 48px;
  text-align:center;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}

.adventures h2::after{margin-left:auto;margin-right:auto}

.gallery-area{
  margin-top:30px;
  display:grid;
  grid-template-columns:42px 1fr 42px;
  gap:22px;
  align-items:center;
}

.gallery-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:20px;
}

.gallery-card{
  height:150px;
  border-radius:7px;
  overflow:hidden;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.22);
  background:#000;
}

.gallery-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.22s ease;
}

.gallery-card:hover img{transform:scale(1.06)}

.side-arrow{
  border:0;
  background:transparent;
  color:var(--orange);
  font-size:60px;
  line-height:1;
  cursor:pointer;
}

.dots{
  margin-top:20px;
  display:flex;
  justify-content:center;
  gap:11px;
}

.dots span{
  width:11px;
  height:11px;
  border-radius:50%;
  background:#bcbcbc;
}

.dots .active{background:var(--orange)}

/* CONTACT */
.contact{
  background:#101010;
  color:#fff;
  padding:48px 0 42px;
}

.contact-grid{
  display:grid;
  grid-template-columns:320px 1fr;
  gap:72px;
  align-items:center;
}

.contact h2::after{margin-top:16px}

.contact ul{
  list-style:none;
  margin-top:30px;
}

.contact li{
  display:flex;
  align-items:center;
  gap:15px;
  margin-bottom:17px;
  font-size:18px;
  font-weight:700;
}

.contact li span{
  width:25px;
  height:25px;
  color:#fff;
  position:relative;
  display:inline-block;
}

.phone::before{content:"☎";font-size:24px}
.mail::before{content:"✉";font-size:23px}
.pin::before{content:"📍";font-size:24px}

.contact-ig{
  color:#fff;
  border-color:#fff;
  margin-top:18px;
}

.contact h3{
  display:none;
}

.camp-photo img{
  width:100%;
  height:260px;
  object-fit:cover;
  border-radius:6px;
}

/* FOOTER */
.bottom-bar{
  background:#050505;
  color:#fff;
  min-height:74px;
  display:grid;
  grid-template-columns:180px 1fr 42px;
  align-items:center;
  gap:30px;
  padding:14px 5.5%;
  border-top:1px solid rgba(255,255,255,.16);
}

.footer-logo img{
  width:130px;
  max-height:50px;
  object-fit:contain;
}

.footer-nav{
  display:flex;
  justify-content:center;
  gap:80px;
  font-family:'Oswald', Impact, sans-serif;
  font-size:17px;
  text-transform:uppercase;
  letter-spacing:.5px;
}

.footer-ig{
  border-color:#fff;
  color:#fff;
}

/* LIGHTBOX */
.lightbox{
  position:fixed;
  inset:0;
  z-index:200;
  background:rgba(0,0,0,.86);
  display:none;
  align-items:center;
  justify-content:center;
  padding:70px 24px 100px;
}

.lightbox.open{display:flex}

.lightbox img{
  max-width:min(900px,90vw);
  max-height:68vh;
  object-fit:contain;
  border-radius:8px;
  box-shadow:0 20px 70px rgba(0,0,0,.6);
}

.lightbox-close{
  position:absolute;
  right:35px;
  top:25px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:46px;
  cursor:pointer;
}

.lightbox-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  border:2px solid #fff;
  border-radius:50%;
  background:rgba(0,0,0,.25);
  color:#fff;
  font-size:42px;
  line-height:38px;
  cursor:pointer;
}

.lightbox-nav.prev{left:40px}
.lightbox-nav.next{right:40px}

.lightbox-thumbs{
  position:absolute;
  bottom:28px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:10px;
  max-width:90%;
  overflow:auto;
}

.lightbox-thumbs img{
  width:74px;
  height:54px;
  object-fit:cover;
  border:2px solid transparent;
  cursor:pointer;
  border-radius:5px;
  opacity:.75;
}

.lightbox-thumbs img.active{
  border-color:var(--orange);
  opacity:1;
}

/* MOBILE */
@media(max-width:900px){
  .topbar{
    height:auto;
    grid-template-columns:1fr 40px;
    padding:16px 5%;
  }

  .brand img{width:180px}
  .top-nav{
    grid-column:1/3;
    order:3;
    margin-left:0;
    justify-content:center;
    gap:24px;
    font-size:15px;
  }

  .hero{
    min-height:660px;
    background-position:center;
  }

  .hero::before,.hero::after{
    opacity:.22;
    transform:scale(.72);
    transform-origin:top right;
    right:0;
  }

  .hero-content{
    padding:58px 5% 0;
  }

  .hero p{font-size:17px}

  .about-grid,.contact-grid{
    grid-template-columns:1fr;
    gap:30px;
    text-align:center;
  }

  .about-logo img{
    width:190px;
    height:190px;
    margin:auto;
  }

  h2::after{margin-left:auto;margin-right:auto}

  .values{
    grid-template-columns:1fr;
    gap:26px;
  }

  .values article{
    border-right:0;
    border-bottom:1px solid #ddd;
    padding:0 0 22px;
  }

  .values article:last-child{border-bottom:0}
  .value-icon{margin-left:auto;margin-right:auto}

  .gallery-area{
    grid-template-columns:1fr;
  }

  .side-arrow{display:none}

  .gallery-grid{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:15px;
  }

  .gallery-card{
    min-width:78%;
    height:210px;
    scroll-snap-align:center;
  }

  .contact li{
    justify-content:center;
  }

  .camp-photo img{height:230px}

  .bottom-bar{
    grid-template-columns:1fr;
    text-align:center;
  }

  .footer-logo img{margin:auto}
  .footer-nav{
    gap:24px;
    flex-wrap:wrap;
  }

  .footer-ig{margin:auto}

  .lightbox-nav.prev{left:10px}
  .lightbox-nav.next{right:10px}
}

/* === V3 MOBIL VE UYELIK DUZELTMELERI === */
.social-icons{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  min-width:86px;
}
.fb-icon{
  width:34px;
  height:34px;
  border:3px solid currentColor;
  border-radius:10px;
  position:relative;
  display:inline-block;
  color:#111;
  flex:0 0 34px;
}
.fb-icon::before{
  content:"f";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:900;
  font-size:24px;
  line-height:1;
}
.footer-social{justify-content:flex-end;}
.footer-fb,.footer-ig{color:#111;border-color:#111;}
.bottom-bar{
  background:#ffffff;
  color:#111111;
  border-top:1px solid #d9d9d9;
}
.footer-nav{
  display:flex;
  justify-content:flex-start;
  gap:72px;
  margin-left:40px;
  font-family:'Oswald', Impact, sans-serif;
  font-weight:700;
  text-transform:uppercase;
  font-size:18px;
  letter-spacing:.5px;
  white-space:nowrap;
}
.footer-logo img{
  width:130px;
  max-height:50px;
  object-fit:contain;
}
.membership-page{
  background:#f4f4f4;
  min-height:100vh;
}
.membership-hero{
  padding:70px 5.5% 80px;
  background:#111;
  color:#fff;
  background-image:linear-gradient(135deg, rgba(240,74,29,.18), transparent 55%);
}
.membership-card{
  width:min(900px, 92%);
  margin:0 auto;
  background:#fff;
  color:#111;
  border-radius:18px;
  padding:42px;
  box-shadow:0 25px 80px rgba(0,0,0,.18);
}
.membership-card h1{
  font-family:'Oswald', Impact, sans-serif;
  text-transform:uppercase;
  font-size:clamp(36px, 5vw, 60px);
  line-height:1;
  margin-bottom:18px;
}
.membership-card h1::after{
  content:"";
  width:54px;
  height:4px;
  background:var(--orange);
  display:block;
  margin-top:18px;
}
.membership-card p{
  font-size:19px;
  line-height:1.6;
  margin-bottom:18px;
}
.membership-actions{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin-top:28px;
}
.membership-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:15px 22px;
  border-radius:10px;
  font-weight:900;
  text-transform:uppercase;
  border:3px solid #111;
}
.membership-button.primary{
  background:var(--orange);
  border-color:var(--orange);
  color:#fff;
}
.membership-note{
  margin-top:26px;
  padding:18px;
  border-left:5px solid var(--orange);
  background:#f7f7f7;
}
@media(max-width:900px){
  .topbar{
    grid-template-columns:1fr auto;
    gap:12px;
    overflow:hidden;
  }
  .brand img{
    width:min(185px, 58vw);
  }
  .social-icons{
    gap:9px;
    min-width:auto;
  }
  .ig-icon,.fb-icon{
    width:31px;
    height:31px;
    border-width:3px;
    flex-basis:31px;
  }
  .ig-icon::before{
    inset:6px;
    border-width:3px;
  }
  .ig-icon::after{
    width:4px;
    height:4px;
    right:6px;
    top:6px;
  }
  .fb-icon::before{
    font-size:22px;
  }
  .top-nav{
    grid-column:1 / -1;
    width:100%;
    justify-content:center;
    gap:18px;
    font-size:14px;
    flex-wrap:wrap;
    row-gap:8px;
    margin-left:0;
  }
  .bottom-bar{
    grid-template-columns:1fr;
    justify-items:center;
    gap:18px;
    padding:20px 5%;
    min-height:auto;
  }
  .footer-logo img{
    width:150px;
    margin:auto;
  }
  .footer-nav{
    margin-left:0;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
    white-space:normal;
    font-size:15px;
  }
  .footer-social{
    justify-content:center;
  }
  .membership-card{
    padding:28px 22px;
  }
  .membership-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .membership-button{
    width:100%;
  }
}
@media(max-width:430px){
  .topbar{padding:14px 4.5%;}
  .brand img{width:170px;}
  .top-nav{gap:14px;font-size:13px;}
}

/* === BEYLİKOFF FINAL V4 === */
.topbar{grid-template-columns:220px 1fr auto;overflow:hidden}
.top-nav{gap:34px;margin-left:24px}
.social-icons{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:82px}
.fb-icon{width:34px;height:34px;border:3px solid currentColor;border-radius:10px;position:relative;display:inline-block;color:#111;flex:0 0 34px}
.fb-icon::before{content:"f";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:24px;line-height:1}
.hero::before{display:none!important}
.hero::after{opacity:.48}
.small-lead{margin-top:10px;font-size:17px}
.boards{background:#111;color:#fff;padding:58px 0 66px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.section-head{text-align:center;max-width:850px;margin:0 auto 34px}
.section-head h2::after{margin-left:auto;margin-right:auto}
.section-head p{margin-top:18px;font-size:19px;line-height:1.55;font-weight:700}
.board-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.board-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.22)}
.board-card h3{font-family:'Oswald',Impact,sans-serif;text-transform:uppercase;font-size:24px;margin-bottom:18px;color:#fff}
.board-card h3 span{color:var(--orange)}
.board-card ul{list-style:none;display:grid;gap:12px}
.board-card li{display:grid;gap:3px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.12)}
.board-card li:last-child{border-bottom:0;padding-bottom:0}
.board-card strong{font-size:17px}
.board-card em{font-style:normal;color:#ddd;font-size:14px}
.gallery-page-info{margin:22px auto 26px;display:flex;align-items:center;justify-content:center;gap:18px;font-family:'Oswald',Impact,sans-serif;font-size:21px;font-weight:700}
.side-arrow.small{width:42px;height:42px;border:2px solid var(--orange);border-radius:50%;font-size:34px;line-height:34px;display:flex;align-items:center;justify-content:center}
.gallery-grid-eight{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gallery-grid-eight .gallery-card{height:165px;min-width:0}
.dots span{cursor:pointer}
.bottom-bar{background:#fff;color:#111;border-top:1px solid #d9d9d9;grid-template-columns:170px 1fr auto;overflow:hidden}
.footer-nav{display:flex;justify-content:flex-start;gap:28px;margin-left:24px;font-family:'Oswald',Impact,sans-serif;font-weight:700;text-transform:uppercase;font-size:16px;letter-spacing:.5px;white-space:nowrap}
.footer-social{justify-content:flex-end}
.footer-fb,.footer-ig{color:#111;border-color:#111}
.contact-social{justify-content:flex-start;margin-top:18px}
.contact-fb,.contact-ig{color:#fff;border-color:#fff}
@media(max-width:1050px){.top-nav{gap:20px;font-size:15px}.footer-nav{gap:18px;font-size:14px}}
@media(max-width:900px){
.topbar{grid-template-columns:1fr auto;gap:12px;padding:14px 4.5%}
.brand img{width:min(180px,56vw)}
.social-icons{gap:9px;min-width:auto}
.ig-icon,.fb-icon{width:31px;height:31px;border-width:3px;flex-basis:31px}
.ig-icon::before{inset:6px;border-width:3px}
.ig-icon::after{width:4px;height:4px;right:6px;top:6px}
.fb-icon::before{font-size:22px}
.top-nav{grid-column:1/-1;width:100%;justify-content:center;gap:14px;font-size:13px;flex-wrap:wrap;row-gap:8px;margin-left:0}
.about-grid{gap:28px}.values{margin-top:28px}.board-grid{grid-template-columns:1fr}
.gallery-grid-eight{grid-template-columns:repeat(2,1fr);gap:12px}
.gallery-grid-eight .gallery-card{height:145px}
.bottom-bar{grid-template-columns:1fr;justify-items:center;gap:18px;padding:20px 5%;min-height:auto}
.footer-logo img{width:150px;margin:auto}
.footer-nav{margin-left:0;justify-content:center;gap:18px;flex-wrap:wrap;white-space:normal;font-size:14px}
.footer-social{justify-content:center}
}
@media(max-width:430px){.brand img{width:165px}.top-nav{gap:12px;font-size:12px}.gallery-grid-eight .gallery-card{height:128px}}


/* === BEYLİKOFF V5 DÜZELTMELER === */

/* Üst ve alt menü aynı sıra: Biz Kimiz / Maceralarımız / Kurullarımız / Üyelik Başvurusu / Bize Ulaş */
.top-nav,
.footer-nav{
  gap:28px;
}

/* Hero üzerindeki anlamsız geometrik/efekt şekilleri kesin kaldır */
.hero::before,
.hero::after{
  display:none !important;
  content:none !important;
}

/* Galeri okları 8'li grubun sağ ve solunda */
.gallery-shell-v5{
  margin-top:28px;
  display:grid;
  grid-template-columns:46px 1fr 46px;
  gap:18px;
  align-items:center;
}

.gallery-center{
  min-width:0;
}

.gallery-page-info{
  margin:20px auto 0;
}

.gallery-side{
  align-self:center;
  justify-self:center;
}

/* İletişim kısmındaki ekstra sosyal ikon alanı kaldırıldı */
.contact-social{
  display:none !important;
}

/* Mobilde galeri okları yanlarda kalır, alan taşmaz */
@media(max-width:900px){
  .gallery-shell-v5{
    grid-template-columns:34px 1fr 34px;
    gap:8px;
  }

  .side-arrow.small.gallery-side{
    width:32px;
    height:32px;
    font-size:26px;
    line-height:26px;
  }

  .top-nav,
  .footer-nav{
    gap:14px;
  }
}

@media(max-width:430px){
  .gallery-shell-v5{
    grid-template-columns:30px 1fr 30px;
    gap:6px;
  }

  .side-arrow.small.gallery-side{
    width:30px;
    height:30px;
    font-size:24px;
  }
}


/* === BEYLİKOFF V6 KATIL SAYFASI === */

.join-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 20% 10%, rgba(240,74,29,.18), transparent 28%),
    radial-gradient(circle at 80% 90%, rgba(240,74,29,.12), transparent 30%),
    #070707;
  color:#fff;
}

.join-wrap{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:36px 16px;
}

.join-card{
  width:min(560px, 100%);
  background:rgba(255,255,255,.96);
  color:#111;
  border-radius:24px;
  padding:34px 28px 28px;
  box-shadow:0 26px 90px rgba(0,0,0,.45);
  text-align:center;
  border:1px solid rgba(240,74,29,.28);
}

.join-logo{
  width:230px;
  max-width:82%;
  margin:0 auto 24px;
}

.join-card h1{
  font-family:'Oswald', Impact, sans-serif;
  font-size:clamp(36px, 8vw, 56px);
  line-height:1;
  letter-spacing:1px;
  text-transform:uppercase;
}

.join-card h1::after{
  content:"";
  width:54px;
  height:4px;
  background:var(--orange);
  display:block;
  margin:18px auto 0;
}

.join-subtitle{
  margin:20px auto 24px;
  max-width:430px;
  font-size:16px;
  line-height:1.55;
  font-weight:700;
}

.join-links{
  display:grid;
  gap:13px;
}

.join-button{
  display:grid;
  grid-template-columns:42px 1fr;
  grid-template-rows:auto auto;
  column-gap:14px;
  align-items:center;
  text-align:left;
  padding:15px 16px;
  border-radius:16px;
  background:#111;
  color:#fff;
  border:2px solid #111;
  transition:.18s ease;
}

.join-button:hover{
  transform:translateY(-2px);
  border-color:var(--orange);
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}

.join-button span{
  grid-row:1 / 3;
  font-size:27px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.join-button strong{
  font-family:'Oswald', Impact, sans-serif;
  text-transform:uppercase;
  font-size:18px;
  letter-spacing:.3px;
}

.join-button small{
  margin-top:3px;
  color:#d7d7d7;
  line-height:1.35;
}

.join-button-primary{
  background:var(--orange);
  border-color:var(--orange);
}

.join-button-primary small{
  color:#fff3ef;
}

.join-home{
  display:inline-block;
  margin-top:22px;
  font-weight:900;
  text-transform:uppercase;
  font-size:14px;
  border-bottom:2px solid var(--orange);
  padding-bottom:4px;
}

@media(max-width:900px){
  .join-wrap{
    align-items:flex-start;
    padding-top:24px;
    padding-bottom:24px;
  }

  .join-card{
    border-radius:20px;
    padding:28px 18px 24px;
  }

  .join-logo{
    width:205px;
  }

  .join-button{
    grid-template-columns:38px 1fr;
    padding:14px;
  }

  .join-button strong{
    font-size:16px;
  }

  .join-button small{
    font-size:12px;
  }
}


/* === BEYLİKOFF V7 KATIL SAYFASI PLATFORM İKONLARI === */

.join-button .platform-icon{
  grid-row:1 / 3;
  width:34px;
  height:34px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:900;
  color:#fff;
  flex:0 0 34px;
}

.whatsapp-icon{
  background:#25D366;
  border-radius:50% !important;
}

.whatsapp-icon::before{
  content:"☎";
  font-size:21px;
  transform:rotate(-18deg);
}

.web-icon{
  background:#111;
  border:2px solid #fff;
  border-radius:50% !important;
}

.web-icon::before{
  content:"";
  width:22px;
  height:22px;
  border:2px solid #fff;
  border-radius:50%;
  position:absolute;
}

.web-icon::after{
  content:"";
  width:26px;
  height:2px;
  background:#fff;
  position:absolute;
  box-shadow:0 -7px 0 rgba(255,255,255,.9), 0 7px 0 rgba(255,255,255,.9);
}

.facebook-icon{
  background:#1877F2;
}

.facebook-icon::before{
  content:"f";
  font-size:27px;
  line-height:1;
}

.instagram-platform-icon{
  background:
    radial-gradient(circle at 30% 110%, #fdf497 0 18%, #fd5949 42%, #d6249f 62%, #285AEB 100%);
}

.instagram-platform-icon::before{
  content:"";
  width:18px;
  height:18px;
  border:3px solid #fff;
  border-radius:7px;
  position:absolute;
}

.instagram-platform-icon::after{
  content:"";
  width:5px;
  height:5px;
  background:#fff;
  border-radius:50%;
  position:absolute;
  right:8px;
  top:8px;
}

.linkedin-icon{
  background:#0A66C2;
}

.linkedin-icon::before{
  content:"in";
  font-size:20px;
  letter-spacing:-1px;
}

.form-icon{
  background:#fff;
  color:var(--orange) !important;
}

.form-icon::before{
  content:"";
  width:20px;
  height:25px;
  border:3px solid var(--orange);
  border-radius:3px;
  background:#fff;
  position:absolute;
}

.form-icon::after{
  content:"";
  width:12px;
  height:3px;
  background:var(--orange);
  position:absolute;
  box-shadow:0 6px 0 var(--orange), 0 12px 0 var(--orange);
  left:11px;
  top:10px;
}

.join-button span.platform-icon{
  font-size:initial;
}

@media(max-width:900px){
  .join-button .platform-icon{
    width:32px;
    height:32px;
    flex-basis:32px;
  }
}


/* === BEYLİKOFF V8 GERÇEK PLATFORM İKONLARI + SADE KATIL === */

.social-icons{
  display:flex !important;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  min-width:auto;
}

.platform-social-icon{
  width:34px;
  height:34px;
  border:2px solid currentColor;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#111;
  font-size:19px;
  line-height:1;
  transition:.18s ease;
}

.platform-social-icon:hover{
  color:var(--orange);
  transform:translateY(-1px);
}

.footer-platform{
  color:#111;
  border-color:#111;
}

/* Eski CSS ikonlarını devre dışı bırak */
.platform-social-icon::before,
.platform-social-icon::after{
  display:none !important;
  content:none !important;
}

/* Katıl sayfasında açıklama satırları yok, butonlar kompakt */
.join-button{
  grid-template-columns:42px 1fr !important;
  grid-template-rows:1fr !important;
  min-height:58px;
  padding:13px 16px !important;
}

.join-button small{
  display:none !important;
}

.join-button strong{
  align-self:center;
}

.join-real-icon{
  width:36px;
  height:36px;
  border-radius:11px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  color:#fff;
}

.join-real-icon.whatsapp{background:#25D366;}
.join-real-icon.facebook{background:#1877F2;}
.join-real-icon.linkedin{background:#0A66C2;}
.join-real-icon.web{background:#111;border:2px solid #fff;}
.join-real-icon.form{background:#fff;color:var(--orange);}
.join-real-icon.instagram{
  background:radial-gradient(circle at 30% 110%, #fdf497 0 18%, #fd5949 42%, #d6249f 62%, #285AEB 100%);
}

.join-button-primary .join-real-icon.form{
  color:var(--orange);
}

/* V7'deki çizme ikonlarını kapat */
.platform-icon,
.whatsapp-icon,
.web-icon,
.facebook-icon,
.instagram-platform-icon,
.linkedin-icon,
.form-icon{
  all:unset;
}

@media(max-width:900px){
  .social-icons{
    display:grid !important;
    grid-template-columns:repeat(2, 31px);
    gap:7px;
  }

  .platform-social-icon{
    width:31px;
    height:31px;
    font-size:17px;
    border-radius:9px;
  }

  .join-card{
    padding-top:24px;
  }

  .join-button{
    min-height:54px;
    padding:12px 14px !important;
  }

  .join-real-icon{
    width:33px;
    height:33px;
    font-size:20px;
  }
}


/* === BEYLİKOFF V9 HEADER/FOOTER SOSYAL İKON FIX === */
.platform-social-icon{
  width:34px !important;
  height:34px !important;
  border:2px solid currentColor !important;
  border-radius:10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#111 !important;
  font-size:19px !important;
  line-height:1 !important;
  flex:0 0 34px !important;
  text-decoration:none !important;
}

.platform-social-icon i{
  display:block !important;
  line-height:1 !important;
}

.footer-platform{
  color:#111 !important;
  border-color:#111 !important;
}

.platform-social-icon::before,
.platform-social-icon::after{
  display:none !important;
  content:none !important;
}

.social-icons{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:9px !important;
  min-width:170px !important;
}

.topbar{
  grid-template-columns:210px 1fr 170px !important;
}

.bottom-bar{
  grid-template-columns:160px 1fr 170px !important;
}

@media(max-width:900px){
  .topbar{
    grid-template-columns:1fr auto !important;
  }

  .bottom-bar{
    grid-template-columns:1fr !important;
  }

  .social-icons{
    display:grid !important;
    grid-template-columns:repeat(2,31px) !important;
    gap:7px !important;
    min-width:auto !important;
  }

  .platform-social-icon{
    width:31px !important;
    height:31px !important;
    flex-basis:31px !important;
    font-size:17px !important;
    border-radius:9px !important;
  }
}


/* === BEYLİKOFF FINAL DONE === */

/* Hero uses edited image itself; this definitively covers embedded text on the left */
.hero{
  background:
    url('assets/hero-final-clean.jpg') center/cover no-repeat !important;
  position:relative !important;
  overflow:hidden !important;
}
.hero::before,
.hero::after{
  display:none !important;
  content:none !important;
}
.hero-content{
  position:relative !important;
  z-index:2 !important;
  max-width:690px !important;
}
.hero-content h1,
.hero-content h1 span,
.hero-content h1 strong{
  line-height:1.12 !important;
  letter-spacing:.2px !important;
}
.hero-content p{
  max-width:650px !important;
  line-height:1.46 !important;
}

/* Biz Kimiz: single paragraph style */
.about-text .lead{
  font-size:18px !important;
  line-height:1.68 !important;
  font-weight:600 !important;
  margin-top:14px !important;
}

/* Mission/Vision/Principles: approved image icons, clean uniform section */
.values-final{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:28px !important;
  align-items:stretch !important;
  margin-top:34px !important;
}
.values-final article{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:20px !important;
  box-shadow:0 18px 45px rgba(0,0,0,.08) !important;
  padding:26px 24px 28px !important;
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  min-height:390px !important;
  border-right:1px solid rgba(0,0,0,.08) !important;
}
.value-icon,
.value-photo-icon,
.value-svg{
  display:none !important;
}
.value-approved-icon{
  width:150px !important;
  height:150px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto 18px !important;
  background:#fff !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.values-final h3{
  text-align:center !important;
  width:100% !important;
  margin:0 0 14px !important;
  font-size:24px !important;
  line-height:1.15 !important;
}
.values-final p{
  text-align:center !important;
  font-size:16px !important;
  line-height:1.62 !important;
  font-weight:600 !important;
  margin:0 !important;
}

/* social icons 1x4 row on mobile and desktop */
.social-icons{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  gap:8px !important;
  align-items:center !important;
  justify-content:flex-end !important;
  min-width:170px !important;
}
.platform-social-icon{
  width:34px !important;
  height:34px !important;
  flex:0 0 34px !important;
}

/* footer credit */
.footer-credit{
  text-align:center;
  padding:13px 12px 16px;
  font-size:12px;
  font-weight:700;
  background:#fff;
  color:#111;
  border-top:1px solid #e7e7e7;
}
.footer-credit a{
  color:#f04a1d;
  font-weight:900;
  letter-spacing:4px;
}

/* Katil page logo background fix without changing original logo */
.join-card{
  background:#fff !important;
}
.join-logo{
  background:#fff !important;
  padding:8px 10px !important;
  border-radius:12px !important;
  box-shadow:none !important;
}

@media(max-width:900px){
  .topbar{
    grid-template-columns:1fr auto !important;
  }
  .social-icons{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    grid-template-columns:none !important;
    gap:7px !important;
    min-width:auto !important;
  }
  .platform-social-icon{
    width:30px !important;
    height:30px !important;
    flex:0 0 30px !important;
    font-size:16px !important;
  }
  .bottom-bar{
    grid-template-columns:1fr auto !important;
    justify-items:stretch !important;
    align-items:center !important;
    gap:12px !important;
    padding:14px 4.5% !important;
  }
  .footer-logo img{
    width:min(165px, 50vw) !important;
    margin:0 !important;
  }
  .footer-nav{
    grid-column:1 / -1 !important;
    width:100% !important;
    justify-content:center !important;
    gap:14px !important;
    flex-wrap:wrap !important;
    row-gap:8px !important;
    margin-left:0 !important;
    font-size:13px !important;
  }
  .values-final{
    grid-template-columns:1fr !important;
  }
  .values-final article{
    min-height:auto !important;
  }
  .value-approved-icon{
    width:138px !important;
    height:138px !important;
  }
}


/* === FINAL DONE V2: hero less dark, text centered, icon crop fix === */
.hero{
  background:url('assets/hero-final-clean.jpg') center/cover no-repeat !important;
  min-height:520px !important;
  display:flex !important;
  align-items:center !important;
}
.hero-content{
  padding-top:0 !important;
  padding-bottom:0 !important;
  transform:translateY(-4px) !important;
}
.hero-content h1{
  margin-bottom:26px !important;
}
.hero-content p{
  margin-top:0 !important;
}
.value-approved-icon{
  width:160px !important;
  height:160px !important;
  object-fit:contain !important;
}
@media(max-width:900px){
  .hero{
    align-items:center !important;
  }
  .hero-content{
    transform:none !important;
  }
  .value-approved-icon{
    width:145px !important;
    height:145px !important;
  }
}

/* V3 tweaks */
.hero-content{
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
min-height:520px!important;
}
.round-logo,.about-logo,.section-logo{
float:left!important;
margin-right:24px!important;
}
.values-final h3{
display:block!important;
width:100%!important;
margin-top:18px!important;
}

/* v4 requested tweaks */
.values-final,.values-v15,.values-v14{margin-top:40px!important;}
.values-final article h3,.values-v15 article h3,.values-v14 article h3{
display:block!important;width:100%!important;clear:both!important;
}
.about-logo,.round-logo,.section-logo{
float:left!important;
margin-right:20px!important;
margin-top:0!important;
}


/* === EXACT FINAL LAYOUT FIX === */

/* Biz Kimiz: one row, round logo on the left, logo fills row height */
.biz-row-final{
  display:grid !important;
  grid-template-columns:220px 1fr !important;
  gap:34px !important;
  align-items:center !important;
  width:100% !important;
  margin:0 auto 44px !important;
  padding:34px 0 30px !important;
  border-bottom:1px solid rgba(0,0,0,.10) !important;
}

.biz-round-logo-final{
  width:220px !important;
  max-width:220px !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 !important;
  float:none !important;
}

.biz-text-final{
  min-width:0 !important;
}

.biz-text-final h2{
  font-family:'Oswald', Impact, sans-serif !important;
  font-size:44px !important;
  line-height:1.05 !important;
  text-transform:uppercase !important;
  margin:0 0 18px !important;
  color:#111 !important;
}

.biz-text-final .lead{
  font-size:18px !important;
  line-height:1.65 !important;
  font-weight:600 !important;
  margin:0 0 12px !important;
  color:#111 !important;
}

/* Mission / Vision / Principles: own separate row, evenly spread */
.values-exact-final{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:0 !important;
  width:100% !important;
  margin:0 auto !important;
  padding:16px 0 36px !important;
  align-items:start !important;
}

.values-exact-final article{
  background:#fff !important;
  border:0 !important;
  border-right:1px solid rgba(0,0,0,.18) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 38px !important;
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  min-height:auto !important;
}

.values-exact-final article:last-child{
  border-right:0 !important;
}

.values-exact-final h3{
  display:none !important;
}

.value-icon,
.value-photo-icon,
.value-approved-icon,
.value-svg{
  display:none !important;
}

.value-full-icon{
  display:block !important;
  width:min(100%, 300px) !important;
  height:auto !important;
  object-fit:contain !important;
  margin:0 auto 18px !important;
  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
}

.values-exact-final p{
  text-align:center !important;
  font-size:16px !important;
  line-height:1.62 !important;
  font-weight:600 !important;
  margin:0 auto !important;
  max-width:410px !important;
  color:#111 !important;
}

.footer-credit{
  text-align:center;
  padding:13px 12px 16px;
  font-size:12px;
  font-weight:700;
  background:#fff;
  color:#111;
  border-top:1px solid #e7e7e7;
}

.footer-credit a{
  color:#f04a1d;
  font-weight:900;
  letter-spacing:4px;
}

@media(max-width:900px){
  .biz-row-final{
    grid-template-columns:120px 1fr !important;
    gap:18px !important;
    padding:26px 0 24px !important;
  }

  .biz-round-logo-final{
    width:120px !important;
    max-width:120px !important;
  }

  .biz-text-final h2{
    font-size:34px !important;
  }

  .biz-text-final .lead{
    font-size:16px !important;
  }

  .values-exact-final{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .values-exact-final article{
    border-right:0 !important;
    border-bottom:1px solid rgba(0,0,0,.12) !important;
    padding:0 10px 28px !important;
  }

  .values-exact-final article:last-child{
    border-bottom:0 !important;
  }

  .value-full-icon{
    width:min(100%, 260px) !important;
  }
}


/* === BEYLİKOFF V17 FINAL ALIGNMENT === */

/* Approved hero image */
.hero{
  background:url('assets/hero-approved.png') center/cover no-repeat !important;
  min-height:560px !important;
  display:flex !important;
  align-items:center !important;
  position:relative !important;
  overflow:hidden !important;
}
.hero::before,
.hero::after{
  display:none !important;
  content:none !important;
}
.hero-content{
  position:relative !important;
  z-index:2 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  transform:none !important;
  max-width:710px !important;
}
.hero-content h1,
.hero-content h1 span,
.hero-content h1 strong{
  line-height:1.12 !important;
  letter-spacing:.2px !important;
}
.hero-content p{
  max-width:680px !important;
  line-height:1.46 !important;
}

/* Biz Kimiz + Misyon satırları aynı kırmızı çizgi hizasına gelsin */
#biz-kimiz .wrap{
  width:min(1120px,88%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.biz-row-final{
  display:grid !important;
  grid-template-columns:220px 1fr !important;
  gap:34px !important;
  align-items:center !important;
  width:100% !important;
  margin:0 auto 44px !important;
  padding:34px 0 30px !important;
  border-bottom:1px solid rgba(0,0,0,.10) !important;
}

.biz-round-logo-final{
  width:220px !important;
  max-width:220px !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 !important;
  float:none !important;
}

.biz-text-final{
  max-width:none !important;
  width:100% !important;
}

.biz-text-final h2{
  font-family:'Oswald', Impact, sans-serif !important;
  font-size:44px !important;
  line-height:1.05 !important;
  text-transform:uppercase !important;
  margin:0 0 18px !important;
  color:#111 !important;
}

.biz-text-final .lead{
  font-size:18px !important;
  line-height:1.65 !important;
  font-weight:600 !important;
  margin:0 0 12px !important;
  color:#111 !important;
}

/* Misyon/Vizyon/İlkeler hizası Biz Kimiz wrap genişliğiyle aynı */
.values-exact-final{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:0 !important;
  width:100% !important;
  margin:0 auto !important;
  padding:16px 0 36px !important;
  align-items:start !important;
}

.values-exact-final article{
  background:#fff !important;
  border:0 !important;
  border-right:1px solid rgba(0,0,0,.18) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 38px !important;
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  min-height:auto !important;
}

.values-exact-final article:last-child{
  border-right:0 !important;
}

.values-exact-final h3{
  display:none !important;
}

.value-full-icon{
  display:block !important;
  width:min(100%,300px) !important;
  height:auto !important;
  object-fit:contain !important;
  margin:0 auto 18px !important;
  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
}

.values-exact-final p{
  text-align:center !important;
  font-size:16px !important;
  line-height:1.62 !important;
  font-weight:600 !important;
  margin:0 auto !important;
  max-width:410px !important;
  color:#111 !important;
}

/* Bize Ulaş: görsel sol, iletişim sağ, metin kendi içinde ortalı */
.contact-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:42px !important;
  align-items:center !important;
}
.camp-photo{
  order:1 !important;
}
.contact-info{
  order:2 !important;
  align-self:center !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
.contact-info h2,
.contact-info p,
.contact-info .contact-lines,
.contact-info .map-link{
  max-width:520px !important;
}
.contact-info h2{
  margin-top:0 !important;
}

/* Mobile */
@media(max-width:900px){
  .hero{
    min-height:620px !important;
    background-position:center center !important;
  }

  #biz-kimiz .wrap{
    width:min(1120px,90%) !important;
  }

  .biz-row-final{
    grid-template-columns:120px 1fr !important;
    gap:18px !important;
    padding:26px 0 24px !important;
  }

  .biz-round-logo-final{
    width:120px !important;
    max-width:120px !important;
  }

  .biz-text-final h2{
    font-size:34px !important;
  }

  .biz-text-final .lead{
    font-size:16px !important;
  }

  .values-exact-final{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .values-exact-final article{
    border-right:0 !important;
    border-bottom:1px solid rgba(0,0,0,.12) !important;
    padding:0 10px 28px !important;
  }

  .values-exact-final article:last-child{
    border-bottom:0 !important;
  }

  .value-full-icon{
    width:min(100%,260px) !important;
  }

  .contact-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .camp-photo{
    order:1 !important;
  }

  .contact-info{
    order:2 !important;
    text-align:left !important;
  }
}


/* === BEYLİKOFF V18 ALIGNMENT HARD FIX === */

/* Aynı ana genişlik: Biz Kimiz, Misyon satırı, Bize Ulaş */
#biz-kimiz .wrap,
#bize-ulas .wrap{
  width:min(1120px, 88vw) !important;
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* BİZ KİMİZ: sol logo kırmızı çizgiye, sağ metin aynı sınır içine */
.biz-row-final{
  width:100% !important;
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  display:grid !important;
  grid-template-columns:240px minmax(0, 1fr) !important;
  column-gap:42px !important;
  align-items:center !important;
  padding:42px 0 38px !important;
  border-bottom:1px solid rgba(0,0,0,.12) !important;
}

.biz-round-logo-final{
  width:240px !important;
  max-width:240px !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
  justify-self:start !important;
  align-self:center !important;
  margin:0 !important;
  float:none !important;
}

.biz-text-final{
  width:100% !important;
  max-width:760px !important;
  justify-self:start !important;
  align-self:center !important;
}

.biz-text-final h2{
  margin:0 0 20px !important;
  padding:0 !important;
}

.biz-text-final .lead{
  width:100% !important;
  max-width:760px !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Misyon/Vizyon/İlkeler Biz Kimiz ile aynı toplam genişlikte */
.values-exact-final{
  width:100% !important;
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.values-exact-final article{
  padding-left:34px !important;
  padding-right:34px !important;
}

/* BİZE ULAŞ: görsel solda, metin sağda; her ikisi aynı eksende */
#bize-ulas .contact-grid{
  width:min(1120px, 88vw) !important;
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
  column-gap:56px !important;
  align-items:center !important;
}

#bize-ulas .camp-photo{
  order:1 !important;
  width:100% !important;
  justify-self:stretch !important;
  align-self:center !important;
}

#bize-ulas .camp-photo img{
  width:100% !important;
  height:auto !important;
  display:block !important;
  object-fit:cover !important;
}

#bize-ulas .contact-info{
  order:2 !important;
  width:100% !important;
  max-width:520px !important;
  justify-self:center !important;
  align-self:center !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  text-align:left !important;
  margin:0 !important;
  padding:0 !important;
}

#bize-ulas .contact-info h2,
#bize-ulas .contact-info p,
#bize-ulas .contact-info .contact-lines,
#bize-ulas .contact-info .map-link{
  width:100% !important;
  max-width:520px !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

#bize-ulas .contact-info h2{
  margin-top:0 !important;
}

/* Mobil */
@media(max-width:900px){
  #biz-kimiz .wrap,
  #bize-ulas .wrap{
    width:min(1120px, 90vw) !important;
  }

  .biz-row-final{
    grid-template-columns:128px minmax(0, 1fr) !important;
    column-gap:18px !important;
    padding:30px 0 28px !important;
  }

  .biz-round-logo-final{
    width:128px !important;
    max-width:128px !important;
  }

  .biz-text-final{
    max-width:none !important;
  }

  .biz-text-final h2{
    font-size:34px !important;
    margin-bottom:14px !important;
  }

  .biz-text-final .lead{
    max-width:none !important;
    font-size:16px !important;
    line-height:1.6 !important;
  }

  .values-exact-final{
    grid-template-columns:1fr !important;
    max-width:100% !important;
  }

  #bize-ulas .contact-grid{
    width:min(1120px, 90vw) !important;
    grid-template-columns:1fr !important;
    row-gap:28px !important;
  }

  #bize-ulas .camp-photo{
    order:1 !important;
  }

  #bize-ulas .contact-info{
    order:2 !important;
    max-width:none !important;
    justify-self:stretch !important;
  }

  #bize-ulas .contact-info h2,
  #bize-ulas .contact-info p,
  #bize-ulas .contact-info .contact-lines,
  #bize-ulas .contact-info .map-link{
    max-width:none !important;
  }
}


/* === BEYLİKOFF V19 FINAL TOUCHES === */

/* Hero: sadece "Doğanın Gücü" siyah */
.hero-content h1 strong{
  color:#000 !important;
  text-shadow:
    0 2px 0 rgba(255,255,255,.35),
    0 6px 16px rgba(255,255,255,.18) !important;
}

/* Bize Ulaş: bulunduğu bölümde başlık dahil yatayda ortalı */
#bize-ulas .contact-info{
  justify-self:center !important;
  align-self:center !important;
  text-align:center !important;
  align-items:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

#bize-ulas .contact-info h2,
#bize-ulas .contact-info p,
#bize-ulas .contact-info .contact-lines,
#bize-ulas .contact-info .map-link,
#bize-ulas .contact-info a{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

#bize-ulas .contact-lines{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}

#bize-ulas .map-link{
  align-self:center !important;
}

/* Mobilde de ortalı kalsın */
@media(max-width:900px){
  #bize-ulas .contact-info{
    text-align:center !important;
    align-items:center !important;
  }

  #bize-ulas .contact-info h2,
  #bize-ulas .contact-info p,
  #bize-ulas .contact-info .contact-lines,
  #bize-ulas .contact-info .map-link,
  #bize-ulas .contact-info a{
    text-align:center !important;
  }
}


/* Enver düzeltmeleri */
.hero h1 strong{color:#F2F2F2!important;}
.contact-info{text-align:center;}
.contact-info h2::after{margin-left:auto!important;margin-right:auto!important;}
.contact-info ul{display:inline-block;text-align:left;}


/* === ENVER FINAL: Doğanın Gücü açık gri kesin override === */
.hero-content h1 strong,
.hero h1 strong,
section.hero .hero-content h1 strong{
  color:#F2F2F2 !important;
  -webkit-text-fill-color:#F2F2F2 !important;
  background:none !important;
  background-image:none !important;
  text-shadow:0 3px 14px rgba(0,0,0,.55) !important;
}