/* Uzman — uzmanlarmutfak.com'un eski ön yüzü (FindHouse şablonu) birebir: turuncu #df8900, antrasit #353535, Nunito.
   Renkler temanın değişkenlerinden: --ana (turuncu), --ana2 (antrasit). Alt bilgi yenilendi. */
.k-uzman { background: #fff; color: #777; font-family: Nunito, var(--f2), Arial, sans-serif; font-size: 16px; line-height: 1.642; }
.k-uzman h1, .k-uzman h2, .k-uzman h3, .k-uzman h4 { font-family: Nunito, var(--f1), Arial, sans-serif; color: #484848; line-height: 1.2; }
.k-uzman p { color: #484848; }
.uz-kp { width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 15px; }
.uz-kp--genis { max-width: 1590px; }

/* Başlık: koyu antrasit, logo solda, beyaz menü sağda; kayınca sabit */
.uz-ust { position: sticky; top: 0; z-index: 60; background: var(--ana2); transition: box-shadow .3s; }
.uz-ust.kaydi { box-shadow: 0 4px 18px rgba(0, 0, 0, .35); }
.uz-ust-ic { display: flex; align-items: center; gap: 1rem; padding: 0 30px; min-height: 88px; }
.uz-ust .logo { flex: none; display: block; }
.uz-ust .logo img { height: 80px; width: auto; display: block; }
.uz-nv { margin-left: auto; }
.uz-nv .nv-l1 > li > .nv-a { color: #fff; font-size: 16px; font-weight: 600; padding: 30px 12px; border-radius: 0; }
.uz-nv .nv-l1 > li > .nv-a:hover, .uz-nv .nv-l1 > li > .nv-a.aktif { color: var(--ana); background: transparent; }
.uz-nv .nv-l1 > li > .nv-a::after { display: none; }
.uz-nv .nv-ok { font-size: .7rem; opacity: 1; }
/* Açılır kutu: beyaz, gölgeli, üstte ok; bağlantılar alt çizgili, üzerine gelince sağa kayar */
.uz-nv .nv-l2 { top: calc(100% - 6px); left: auto; right: -10px; min-width: 330px; background: #fff; border: 0; border-radius: 5px; padding: 10px 0; box-shadow: 0 0 50px rgba(32, 32, 32, .15); }
.uz-nv .nv-l2::after { content: ''; position: absolute; top: -8px; right: 40px; width: 18px; height: 18px; background: #fff; transform: rotate(45deg); border-radius: 2px; }
.uz-nv .nv-l2 li a { display: flex; align-items: center; gap: .45rem; color: #484848; font-size: 16px; padding: 10px 25px; border-bottom: 1px solid #dedede; border-radius: 0; background: transparent; position: relative; z-index: 1; transition: padding .3s, color .2s; }
.uz-nv .nv-l2 li:last-child a { border-bottom: 0; }
.uz-nv .nv-l2 li a i, .uz-nv .nv-l2 li a svg { font-size: .8rem; color: #484848; }
.uz-nv .nv-l2 li a:hover, .uz-nv .nv-l2 li a.aktif { color: var(--ana); padding-left: 35px; font-weight: 700; background: transparent; }
.uz-nv .nv-l2 li a:hover i, .uz-nv .nv-l2 li a:hover svg { color: var(--ana); }
.uz-menu { display: none; background: transparent; }
.uz-menu span { background: #fff; }
@media (max-width: 1280px) { .uz-nv .nv-l1 > li > .nv-a { padding: 30px 8px; font-size: 15px; } .uz-ust-ic { padding: 0 15px; } }
/* 992 altı: eski mobil başlık — ortada logo, solda üç çizgi, altta 3px turuncu çizgi */
@media (max-width: 1100px) {
  .uz-nv { display: none; }
  .uz-ust { border-bottom: 3px solid var(--ana); }
  .uz-ust-ic { min-height: 70px; justify-content: center; position: relative; }
  .uz-menu { display: inline-grid; position: absolute; left: 10px; top: 50%; margin-top: -23px; }
  .uz-ust .logo img { height: 62px; }
}

/* Slayt: ekranın %80'i, sol altta beyaz ok kutusu ve sayaç */
.uz-slayt { position: relative; height: 80vh; min-height: 420px; overflow: hidden; background: #222; }
.uz-s { position: absolute; inset: 0; opacity: 0; transition: opacity 1s ease; }
.uz-s.aktif { opacity: 1; z-index: 1; }
.uz-s > img { width: 100%; height: 100%; object-fit: cover; }
.uz-s-yazi { position: absolute; left: 0; right: 0; top: 80px; }
.uz-s-yazi h1, .uz-s-yazi h2 { display: inline-block; margin: 0; color: #fff; font-size: 55px; font-weight: 700; line-height: 1.25; background: #33333342; padding: 0 14px 4px 10px; border-radius: 10px; opacity: 0; transform: translateY(40px); transition: opacity .6s .3s, transform .6s .3s; }
.uz-s.aktif .uz-s-yazi h1, .uz-s.aktif .uz-s-yazi h2 { opacity: 1; transform: none; }
.uz-say { position: absolute; left: 210px; bottom: 25px; color: #fff; font-size: 16px; font-weight: 700; text-shadow: 0 1px 3px rgba(0, 0, 0, .4); }
.uz-say b { font-size: 24px; }
.uz-say span { margin: 0 .6rem; }
.uz-s-kutu { position: absolute; left: 0; bottom: 0; z-index: 3; display: flex; width: 180px; height: 90px; background: #fff; border-radius: 0 8px 0 0; }
.uz-s-kutu button { flex: 1; border: 0; background: transparent; color: #006c70; font-size: 1.6rem; cursor: pointer; transition: color .2s, transform .2s; }
.uz-s-kutu button:hover { color: #ff5a5f; }
.uz-s-kutu button:first-child:hover { transform: translateX(-4px); }
.uz-s-kutu button:last-child:hover { transform: translateX(4px); }
.uz-asagi { position: absolute; right: 15px; bottom: 50px; z-index: 3; display: flex; align-items: center; gap: .8rem; color: #fff; text-align: right; }
.uz-asagi b { display: block; font-size: 18px; font-weight: 700; }
.uz-asagi small { display: block; font-size: 14px; color: rgba(255, 255, 255, .55); margin-top: -2px; }
.uz-fare { width: 22px; height: 34px; border: 2px solid #fff; border-radius: 12px; position: relative; }
.uz-fare::after { content: ''; position: absolute; left: 50%; top: 6px; width: 2px; height: 6px; margin-left: -1px; background: #fff; border-radius: 1px; animation: uzFare 1.6s infinite; }
@keyframes uzFare { 0% { opacity: 0; transform: translateY(0); } 40% { opacity: 1; } 100% { opacity: 0; transform: translateY(10px); } }
@media (max-width: 991px) { .uz-s-yazi h1, .uz-s-yazi h2 { font-size: 38px; } .uz-asagi { display: none; } }
@media (max-width: 600px) { .uz-slayt { height: 50vh; min-height: 300px; } .uz-s-yazi { top: 30px; } .uz-s-yazi h1, .uz-s-yazi h2 { font-size: 26px; } .uz-s-kutu { width: 120px; height: 60px; } .uz-say { left: 136px; bottom: 15px; } }

/* Projelerimiz: turuncu çerçeveli yuvarlaklar */
.uz-projeler { padding: 60px 0 30px; border-bottom: 1px solid #ebebeb; }
.uz-bb { text-align: center; font-size: 30px; font-weight: 600; margin: 0 0 40px; color: #484848; }
.uz-pr-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 10px; }
.uz-pr { display: block; text-align: center; margin-bottom: 30px; }
.uz-pr-foto { display: block; width: 170px; height: 165px; margin: 0 auto 10px; border-radius: 50%; background: #f7f7f7; }
.uz-pr-foto img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; border: 5px solid var(--ana); transition: border-color .3s; }
.uz-pr:hover .uz-pr-foto img { border-color: #0099d2; }
.uz-pr h3 { font-size: 18px; font-weight: 700; margin: 0; padding: 0 10px; color: #484848; }
.uz-pr:hover h3 { color: var(--ana); }
@media (max-width: 991px) { .uz-pr-izgara { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) { .uz-pr-izgara { grid-template-columns: repeat(2, 1fr); } .uz-pr-foto { width: 140px; height: 136px; } .uz-pr h3 { font-size: 15px; } }

/* Son eklenen blog yazıları: turuncu bant */
.uz-blog { background: var(--ana); padding: 50px 0 80px; }
.uz-blog-bas { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 40px; }
.uz-blog-bas h2 { color: #f1f1f1; font-size: 30px; font-weight: 700; margin: 0; }
.uz-blog-bas a { color: #f1f1f1; font-size: 17px; font-weight: 700; white-space: nowrap; }
.uz-blog-bas a:hover { color: #fff; }
.uz-serit-kap { position: relative; }
.uz-serit { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * 30px) / 4); gap: 30px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.uz-serit::-webkit-scrollbar { display: none; }
.uz-serit > * { scroll-snap-align: start; }
.uz-bk { display: block; background: #e1e1e1; border-radius: 8px; padding-bottom: 25px; }
.uz-bk-foto { position: relative; display: block; margin: 10px 10px 0; border-radius: 8px; overflow: hidden; }
.uz-bk-foto img { width: 100%; height: 300px; object-fit: cover; display: block; transition: transform .5s; }
.uz-bk:hover .uz-bk-foto img { transform: scale(1.05); }
.uz-bk-dug { position: absolute; right: 12px; bottom: 15px; background: color-mix(in srgb, var(--ana) 70%, transparent); color: #fff; font-size: 15px; padding: 4px 14px; border-radius: 5px; border: 1px solid rgba(255, 255, 255, .25); }
.uz-bk h3 { font-size: 16px; font-weight: 700; color: #333; text-align: center; margin: 25px 15px 0; line-height: 1.35; }
.uz-ok { position: absolute; top: 40%; z-index: 2; width: 40px; height: 40px; margin-top: -20px; border: 0; border-radius: 50%; background: #fff; color: #006c70; box-shadow: 0 2px 10px rgba(0, 0, 0, .15); cursor: pointer; display: grid; place-items: center; }
.uz-ok:hover { color: #ff5a5f; }
.uz-ok--g { left: -10px; } .uz-ok--i { right: -10px; }
@media (max-width: 1100px) { .uz-serit { grid-auto-columns: calc((100% - 30px) / 2); } }
@media (max-width: 600px) { .uz-serit { grid-auto-columns: 86%; gap: 15px; } .uz-bk-foto img { height: 240px; } .uz-blog-bas h2 { font-size: 22px; } .uz-ok { display: none; } }

/* İç sayfa başlığı: karartılmış mutfak fotoğrafı */
.uz-sb { background: #333 url(uzman/sayfabg.jpg) center / cover; height: 300px; display: flex; align-items: center; border-bottom: 3px solid #bac071; }
.uz-sb-yol { color: #f8f8f8; font-size: 16px; margin-bottom: .5rem; display: flex; flex-wrap: wrap; gap: 0 .45rem; }
.uz-sb-yol a { color: #f8f8f8; }
.uz-sb-yol a:hover { color: var(--ana); }
.uz-sb-yol b { font-weight: 400; }
.uz-sb h1, .uz-sb .uz-sb-b { color: #f8f8f8; font-size: 40px; font-weight: 700; margin: 0; line-height: 1.2; }
@media (max-width: 600px) { .uz-sb { height: 200px; } .uz-sb h1, .uz-sb-b { font-size: 28px; } }
/* Proje sayfasında yol bantta; gövdedeki kırıntı tekrar etmesin */
.k-uzman .ud-bilgi > .kirinti, .k-uzman .ud-bilgi > nav:first-child { display: none; }
.k-uzman .ud-bilgi h1 { font-size: clamp(1.7rem, 2.6vw, 2.2rem); }

/* İç sayfa gövdesi: yan menü yok, tam genişlik; fotoğraf sağda %35 */
.k-uzman .kurumsal { grid-template-columns: minmax(0, 1fr); }
.k-uzman .kurumsal > .kr-menu { display: none; }
.k-uzman .kr-foto { float: right; width: 35%; margin: .3rem 0 .8rem 15px; }
.k-uzman .kr-foto img { aspect-ratio: auto; height: auto; border-radius: 10px; }
.k-uzman .kr-icerik::after { content: ''; display: block; clear: both; }
.k-uzman .kr-icerik .icerik-metin { text-align: justify; font-size: 15px; color: #484848; }
.k-uzman .icerik-metin strong { color: #484848; }
@media (max-width: 700px) { .k-uzman .kr-foto { float: none; width: 100%; margin: 0 0 1rem; } }

/* Yenilenmiş alt bilgi */
.uz-ab { background: #2b2b2b; color: #b5b5b5; margin-top: 90px; border-top: 6px solid var(--ana); }
.uz-ab-cagri { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; background: var(--ana); color: #fff; border-radius: 14px; padding: 1.6rem 2rem; margin-top: -60px; box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .45); }
.uz-ab-cagri b { display: block; font-size: 1.5rem; color: #fff; }
.uz-ab-cagri span { color: rgba(255, 255, 255, .9); }
.uz-ab-cagri-d { display: flex; gap: .7rem; flex-wrap: wrap; }
.uz-dug { display: inline-flex; align-items: center; gap: .5rem; background: #fff; color: var(--ana2); font-weight: 700; padding: .8rem 1.3rem; border-radius: 8px; white-space: nowrap; transition: transform .2s, background .2s; }
.uz-dug:hover { transform: translateY(-2px); color: var(--ana2); }
.uz-dug--wa { background: #25d366; color: #fff; }
.uz-dug--wa:hover { color: #fff; background: #1ebe5a; }
.uz-ab .uz-dug { color: var(--ana2); }
.uz-ab .uz-dug--wa { color: #fff; }
.uz-ab-izgara { display: grid; grid-template-columns: 1.3fr 1fr 1.4fr 1.3fr; gap: 2.2rem; padding: 3.4rem 15px 2.6rem; }
.uz-ab h3 { color: #fff; font-size: 1.1rem; font-weight: 700; margin: 0 0 1.1rem; padding-bottom: .7rem; position: relative; }
.uz-ab h3::after { content: ''; position: absolute; left: 0; bottom: 0; width: 36px; height: 3px; border-radius: 2px; background: var(--ana); }
.uz-ab ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .55rem; }
.uz-ab a { color: #b5b5b5; transition: color .2s; }
.uz-ab a:hover { color: var(--ana); }
.uz-ab-s li a { display: inline-flex; gap: .45rem; align-items: baseline; font-size: .95rem; }
.uz-ab-s li a i, .uz-ab-s li a svg { color: var(--ana); font-size: .8rem; }
.uz-ab-firma p { color: #b5b5b5; margin: 1.1rem 0; line-height: 1.7; font-size: .95rem; }
.uz-ab .logo img { height: 70px; width: auto; display: block; }
.uz-sos { display: flex; gap: .5rem; flex-wrap: wrap; }
.uz-sos a { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .08); color: #fff; }
.uz-sos a:hover { background: var(--ana); color: #fff; }
.uz-ab-il li { display: flex; gap: .7rem; align-items: flex-start; }
.uz-ab-il li > i, .uz-ab-il li > svg { color: var(--ana); margin-top: .3rem; flex: none; width: 1rem; text-align: center; }
.uz-ab-alt { border-top: 1px solid rgba(255, 255, 255, .1); font-size: .88rem; }
.uz-ab-alt .uz-kp { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .6rem 1rem; padding: 1.2rem 15px; }
.uz-ab-alt a { color: #fff; font-weight: 700; }
@media (max-width: 1000px) { .uz-ab-izgara { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .uz-ab-izgara { grid-template-columns: 1fr; } .uz-ab-cagri { padding: 1.3rem; } .uz-ab-cagri b { font-size: 1.25rem; } }

/* Sabit düğmeler: solda WhatsApp, sağda telefon (eski sitedeki gibi); başa dön yeşil daire */
.k-uzman.sekmeli { padding-bottom: 0; }
.k-uzman .sekme--hizli { display: none; }
.uz-sabit { position: fixed; bottom: 15px; z-index: 55; width: 50px; height: 50px; border-radius: 50%; display: grid; place-items: center; color: #fff; font-size: 1.45rem; box-shadow: 2px 2px 6px rgba(0, 0, 0, .4); transition: transform .3s; }
.uz-sabit:hover { color: #fff; }
.uz-sabit--wa { left: 10px; background: #4dc247; }
.uz-sabit i, .uz-sabit svg { transition: transform .3s; }
.uz-sabit--wa:hover i, .uz-sabit--wa:hover svg { transform: rotate(135deg); }
.uz-sabit--tel { right: 10px; background: #b5151b; }
.uz-sabit--tel:hover i, .uz-sabit--tel:hover svg { transform: rotate(90deg); }
.uz-sabit--tel::before { content: attr(data-ipucu); position: absolute; right: 60px; background: #333; color: #fff; font: 600 .85rem Nunito, sans-serif; padding: .3rem .7rem; border-radius: 5px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .2s; }
.uz-sabit--tel:hover::before { opacity: 1; }
.k-uzman .basa { right: 13px; bottom: 75px; width: 45px; height: 45px; background: #369026; color: #fff; }
.k-uzman .basa svg { display: none; }
.uz-mserit { display: none; }
@media (max-width: 600px) {
  .uz-sabit { display: none; }
  .k-uzman.sekmeli { padding-bottom: 54px; }
  .k-uzman .basa { bottom: 66px; }
  .uz-mserit { display: grid; grid-template-columns: repeat(3, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 80; padding-bottom: env(safe-area-inset-bottom); background: #222; }
  .uz-mserit a { display: flex; align-items: center; justify-content: center; gap: .45rem; height: 54px; color: #fff; font-weight: 700; font-size: .95rem; }
  .uz-mserit a i, .uz-mserit a svg { animation: uzYanip 1.4s infinite; }
  .uz-ms-ara { background: var(--ana); } .uz-ms-wa { background: #189d0e; } .uz-ms-konum { background: #1778c2; }
  .uz-ab-alt .uz-kp { justify-content: center; text-align: center; }
}
@keyframes uzYanip { 50% { opacity: .35; } }