/* Mobinity özelleştirmeleri */
.clients-section-three .client-block-three .inner-box .image-box .image img {
  max-height: 46px;
  max-width: 150px;
  object-fit: contain;
}
.service-block-five .image-box .image img,
.services-section-eight .image-box img,
.project-block-two .image img,
.blog-block-two .image img {
  object-fit: cover;
}

/* Mobinity logosu (SVG) */
.main-header .logo img { height: 38px; width: auto; max-width: none; }
.sticky-header .logo img,
.mobile-menu .nav-logo img { height: 34px; width: auto; max-height: none; }
.main-footer .about-widget .logo img { height: 40px; width: auto; }
@media (max-width: 575px) {
  .main-header .logo img { height: 30px; }
}
.preloader:after {
  background-image: url(../images/preloader-mobinity.png);
  background-size: 64px auto;
}
.preloader:before {
  content: "Yükleniyor";
}

/* 3D şekil görselleri ve animasyonları */
@keyframes mb-float {
  0%, 100% { translate: 0 0; rotate: 0deg; }
  50% { translate: 0 -14px; rotate: 5deg; }
}
.is-shape img {
  object-fit: contain;
  animation: mb-float 7s ease-in-out infinite;
  will-change: translate, rotate;
}
@media (prefers-reduced-motion: reduce) {
  .is-shape img { animation: none; }
}
/* Ana sayfa hizmet kartları */
.service-block-five .inner-column .image-box .inner-box .image.is-shape {
  width: 197px; height: 197px; margin: 0 auto; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: radial-gradient(circle at 35% 30%, rgba(217, 244, 95, .22), #1b1c18 70%);
}
.service-block-five .inner-column .image-box .inner-box .image.is-shape img {
  width: 70%; height: 70%; border-radius: 0;
}
/* Hizmet listesi (dikey görsel) */
.services-section-eight .outer-box .image-column .inner-colmun .image-box.is-shape {
  aspect-ratio: 492 / 612; display: flex; align-items: center; justify-content: center;
  background: radial-gradient(circle at 40% 35%, rgba(217, 244, 95, .2), #1b1c18 72%);
}
.services-section-eight .outer-box .image-column .inner-colmun .image-box.is-shape img {
  width: 76%; height: 76%; border-radius: 0;
}
/* Hakkımızda */
.about-section-three .image-column .inner-column .image-one.is-shape {
  display: flex; align-items: center; justify-content: center;
  width: 100%; max-width: 552px; aspect-ratio: 1;
  background: radial-gradient(circle, rgba(217, 244, 95, .16), transparent 65%);
}
.about-section-three .image-column .inner-column .image-one.is-shape img { width: 72%; }
/* Hizmetler sayfası */
.service-block-seven .inner-box .content-box .image-column .inner-column .image.is-shape img {
  aspect-ratio: 4 / 3; padding: 12%;
  background: radial-gradient(circle at 40% 35%, rgba(217, 244, 95, .2), #1b1c18 72%);
}
/* 404 */
.error-shape { display: inline-block; }
.error-shape img { width: 340px; max-width: 70vw; }
.services-section-eight .outer-box .image-column .inner-colmun .image-box.is-shape > a {
  display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;
}
.services-section-eight .outer-box .image-column .inner-colmun .image-box.is-shape img {
  max-height: 76%;
}
/* Hizmetler sayfası: uzun başlıklar görselin altında kalmasın */
@media (min-width: 992px) {
  .service-block-seven .inner-box .title-box .title { font-size: 30px; max-width: 32%; }
}
/* Hizmet detay yardım kutusu: büyük başlık kelime ortasından bölünmesin */
.service-details-help .help-title { font-size: 28px; line-height: 1.25; word-break: normal; overflow-wrap: normal; hyphens: none; }
.services-details__content .lead-text { color: #fff; font-size: 18px; font-weight: 500; }

/* ===== Hizmet ikon sistemi =====
   Tüm hizmet görselleri aynı çerçeve, aynı ikon boyutu ve aynı renklerle çizilir. */
:root {
  --svc-lime: #D9F45F;
  --svc-surface: linear-gradient(145deg, #23251e 0%, #151612 100%);
  --svc-border: rgba(217, 244, 95, .16);
}
.svc-tile, .svc-panel, .svc-hero, .svc-portrait-inner {
  display: flex; align-items: center; justify-content: center;
  background: var(--svc-surface);
  border: 1px solid var(--svc-border);
  color: var(--svc-lime);
  position: relative; overflow: hidden;
  transition: background .35s ease, color .35s ease, border-color .35s ease, transform .35s ease;
}
/* İnce ızgara dokusu */
.svc-tile::before, .svc-panel::before, .svc-hero::before, .svc-portrait-inner::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 22px 22px;
  mask-image: radial-gradient(circle at center, #000 30%, transparent 75%);
}
.svc-tile i, .svc-panel i, .svc-hero i, .svc-portrait-icon i { position: relative; line-height: 1; }

/* Ana sayfa kartı: 120px kare, 52px ikon */
.service-block-five .inner-column { text-align: center; }
.svc-tile {
  width: 120px; height: 120px; border-radius: 30px; margin: 10px auto 34px;
}
.svc-tile i { font-size: 52px; }
.service-block-five .inner-column:hover .svc-tile {
  background: var(--svc-lime); border-color: var(--svc-lime); color: #121310; transform: translateY(-6px);
}

/* Hizmetler sayfası paneli */
.svc-panel {
  width: 100%; aspect-ratio: 4 / 3; border-radius: 20px;
}
.svc-panel i { font-size: 88px; }
.service-block-seven .inner-box.active .svc-panel,
.service-block-seven .inner-box:hover .svc-panel { border-color: rgba(217, 244, 95, .4); }

/* Hizmet detay üst görseli */
.svc-hero {
  width: 100%; aspect-ratio: 16 / 8; border-radius: 20px;
}
.svc-hero i { font-size: 120px; }

/* Ana sayfa hizmet listesi kartı (döndürülmüş çerçeve şablondan gelir) */
.services-section-eight .outer-box .image-column .inner-colmun .image-box.svc-portrait {
  display: block; aspect-ratio: 492 / 612; padding: 0; background: transparent;
}
.svc-portrait-inner {
  width: 100%; height: 100%; border-radius: 20px; flex-direction: column; gap: 28px;
  transform: rotate(-10deg);
}
.svc-portrait-icon i { font-size: 112px; }
.svc-portrait-num {
  position: absolute; top: 26px; left: 30px; font-size: 15px; letter-spacing: 2px; color: rgba(255,255,255,.45);
}
.svc-portrait-title {
  position: relative; color: #fff; font-size: 20px; font-weight: 600; text-align: center; padding: 0 30px;
}
.svc-portrait.is-swapping .svc-portrait-icon,
.svc-portrait.is-swapping .svc-portrait-title { animation: svc-swap .45s ease; }
@keyframes svc-swap { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

@media (max-width: 767.98px) {
  .svc-portrait-icon i { font-size: 84px; }
  .svc-hero i { font-size: 84px; }
  .svc-panel i { font-size: 64px; }
}
.services-section-eight .outer-box .image-column .inner-colmun .image-box.svc-portrait { width: 100%; max-width: 420px; }

/* ===== 3D hizmet görselleri =====
   Görsellerin hepsi 460x460 şeffaf karede aynı oranda ortalanmıştır; burada sadece kap boyutu belirlenir. */
.svc-3d {
  display: block; width: 100%; height: 100%; object-fit: contain; position: relative; z-index: 1;
  filter: drop-shadow(0 24px 30px rgba(0, 0, 0, .55));
  animation: svc-float 6s ease-in-out infinite;
}
@keyframes svc-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -10px; } }
@media (prefers-reduced-motion: reduce) { .svc-3d { animation: none; } }

/* 3D görsel içeren kaplarda kutu görünümü kalksın, yerine zemin parıltısı gelsin */
.svc-tile:has(.svc-3d), .svc-panel:has(.svc-3d), .svc-hero:has(.svc-3d), .svc-portrait-inner:has(.svc-3d) {
  background: radial-gradient(ellipse at 50% 62%, rgba(217, 244, 95, .16), transparent 62%);
}
.svc-tile:has(.svc-3d) { border: 0; }
.svc-tile:has(.svc-3d)::before { display: none; }

/* Ana sayfa kartı: 200px obje */
.svc-tile:has(.svc-3d) { width: 200px; height: 200px; border-radius: 0; margin: 0 auto 26px; }
.service-block-five .inner-column:hover .svc-tile:has(.svc-3d) { background: radial-gradient(ellipse at 50% 62%, rgba(217, 244, 95, .3), transparent 64%); transform: none; }
.service-block-five .inner-column:hover .svc-3d { scale: 1.06; }
.svc-3d { transition: scale .4s ease; }

/* Hizmetler sayfası paneli: obje panelin %70'i */
.svc-panel .svc-3d { width: 62%; height: 82%; }
/* Hizmet detay */
.svc-hero .svc-3d { width: 42%; height: 84%; }
/* "Biz kimiz" kartı */
.svc-portrait-icon:has(.svc-3d) { display: block; width: 68%; aspect-ratio: 1; }
.svc-portrait-icon .svc-3d { width: 100%; height: 100%; }
.svc-portrait-inner:has(.svc-3d) { gap: 6px; }

/* ===== Arayüz illüstrasyonları (A) =====
   Tüm ölçüler em cinsinden; kabın font-size değeri illüstrasyonu ölçekler (1em = 10px → 22em genişlik). */
.ui-ill {
  --lime: #D9F45F; --line: #34372b; --dim: #24261d; --frame: #3a3d31; --txt: #8b8d84;
  width: 22em; max-width: 100%; margin: 0 auto; text-align: left; line-height: 1;
  font-family: var(--text-font, inherit);
}
.ui-ill span, .ui-ill i, .ui-ill b { display: block; }
.ui-win { border: 1px solid var(--line); border-radius: .9em; background: #121310; overflow: hidden; }
.ui-bar { display: flex; align-items: center; gap: .45em; padding: .7em .9em; border-bottom: 1px solid var(--line); }
.ui-bar i { width: .6em; height: .6em; border-radius: 50%; background: var(--frame); }
.ui-bar i:first-child { background: var(--lime); }
.ui-url { margin-left: .6em; font-size: .95em; color: var(--txt); letter-spacing: .02em; }
.ui-l { height: .55em; border-radius: .3em; background: var(--frame); margin-top: .6em; }
.ui-l.lime { height: .85em; background: var(--lime); margin-top: 0; }
.w45 { width: 45%; } .w55 { width: 55%; } .w65 { width: 65%; } .w70 { width: 70%; } .w85 { width: 85%; }

/* Web: tarayıcı */
.ui-body { padding: 1.2em 1.1em 1.3em; }
.ui-btn { width: 6em; height: 1.6em; border-radius: 1em; background: var(--lime); margin-top: 1.1em; animation: ui-pulse 3s ease-in-out infinite; }
.ui-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6em; margin-top: 1.2em; }
.ui-grid span { height: 3.2em; border-radius: .5em; background: var(--dim); animation: ui-tile 4.5s ease-in-out infinite; }
.ui-grid span:nth-child(2) { animation-delay: .5s; } .ui-grid span:nth-child(3) { animation-delay: 1s; }

/* Mobil: telefon */
.ui-mobil { width: 12em; }
.ui-phone { position: relative; border: .2em solid var(--frame); border-radius: 2em; background: #121310; padding: 2.2em 1.2em 1.4em; height: 22em; }
.ui-notch { position: absolute; top: .7em; left: 50%; width: 3.6em; height: .7em; margin-left: -1.8em; border-radius: 1em; background: var(--frame); }
.ui-card { height: 5.2em; border-radius: .8em; background: var(--dim); margin: 1em 0 .4em; }
.ui-row { display: flex !important; align-items: center; gap: .6em; margin-top: .9em; animation: ui-slide 5s ease-in-out infinite; }
.ui-row i { flex: none; width: 1.5em; height: 1.5em; border-radius: .45em; background: var(--frame); }
.ui-row .ui-l { margin-top: 0; }
.ui-row:nth-of-type(2) { animation-delay: .4s; } .ui-row:nth-of-type(3) { animation-delay: .8s; }
.ui-cta { position: absolute; left: 1.2em; right: 1.2em; bottom: 1.4em; height: 2em; border-radius: 1em; background: var(--lime); }

/* Yazılım: kod editörü */
.ui-editor { padding: 1.1em .9em 1.3em; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 1.15em; }
.ui-ln { display: flex; align-items: center; white-space: nowrap; color: #e8e9e3; margin-top: .75em; overflow: hidden; }
.ui-ln:first-child { margin-top: 0; }
.ui-ln b { width: 1.6em; color: #4d5042; font-weight: 400; flex: none; }
.ui-ln span { display: inline !important; }
.ui-code .k { color: var(--lime); } .ui-code .v { color: #fff; } .ui-code .f { color: #9FE1CB; } .ui-code .s { color: #F0997B; } .ui-code .c { color: #6f7266; }
.ui-caret { display: inline-block !important; width: .55em; height: 1.05em; background: var(--lime); margin-left: .2em; vertical-align: middle; animation: ui-blink 1.1s steps(1) infinite; }

/* Pazarlama: grafik */
.ui-pad { padding: 1.2em 1.2em 1.3em; }
.ui-stat { display: flex !important; justify-content: space-between; align-items: baseline; }
.ui-stat span { color: var(--txt); font-size: 1.05em; }
.ui-stat b { color: var(--lime); font-size: 1.5em; font-weight: 600; }
.ui-spark { display: block; width: 100%; height: 3.4em; margin-top: .8em; overflow: visible; }
.ui-spark path { fill: none; stroke: var(--lime); stroke-width: 2.2; stroke-linecap: round; vector-effect: non-scaling-stroke; stroke-dasharray: 260; stroke-dashoffset: 260; animation: ui-draw 4s ease-in-out infinite; }
.ui-bars { display: flex !important; align-items: flex-end; gap: .55em; height: 5em; margin-top: .9em; }
.ui-bars span { flex: 1; height: 100%; border-radius: .35em; background: var(--frame); transform-origin: bottom; animation: ui-bar 2.6s ease-in-out infinite; }
.ui-bars span:nth-child(2) { animation-delay: .25s; } .ui-bars span:nth-child(3) { animation-delay: .5s; } .ui-bars span:nth-child(4) { animation-delay: .75s; }
.ui-bars span.on { background: var(--lime); animation-delay: 1s; }

@keyframes ui-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .65; } }
@keyframes ui-tile { 0%, 100% { background: var(--dim); } 40% { background: #2f3226; } }
@keyframes ui-slide { 0%, 100% { transform: none; opacity: 1; } 50% { transform: translateX(.4em); opacity: .7; } }
@keyframes ui-blink { 50% { opacity: 0; } }
@keyframes ui-draw { 0% { stroke-dashoffset: 260; } 55%, 100% { stroke-dashoffset: 0; } }
@keyframes ui-bar { 0%, 100% { transform: scaleY(.45); } 50% { transform: scaleY(1); } }
@media (prefers-reduced-motion: reduce) {
  .ui-ill *, .ui-ill { animation: none !important; }
  .ui-spark path { stroke-dashoffset: 0; }
}

/* Bağlamlara göre ölçek: illüstrasyon içeren kaplar kutu görünümünü bırakır */
.svc-tile:has(.ui-ill), .svc-panel:has(.ui-ill), .svc-hero:has(.ui-ill), .svc-portrait-inner:has(.ui-ill) {
  background: radial-gradient(ellipse at 50% 55%, rgba(217, 244, 95, .08), transparent 65%);
}
.svc-tile:has(.ui-ill) { width: 100%; height: 220px; border: 0; border-radius: 0; margin: 0 auto 22px; font-size: 9.5px; }
.svc-tile:has(.ui-ill)::before { display: none; }
.service-block-five .inner-column:hover .svc-tile:has(.ui-ill) { background: radial-gradient(ellipse at 50% 55%, rgba(217, 244, 95, .16), transparent 65%); transform: none; }
.service-block-five .inner-column .ui-win, .service-block-five .inner-column .ui-phone { transition: border-color .35s ease, transform .35s ease; }
.service-block-five .inner-column:hover .ui-win, .service-block-five .inner-column:hover .ui-phone { border-color: rgba(217, 244, 95, .45); transform: translateY(-4px); }
.svc-panel:has(.ui-ill) { font-size: 10.5px; }
.svc-hero:has(.ui-ill) { font-size: 15px; }
.svc-portrait-icon:has(.ui-ill) { font-size: 14px; width: auto; aspect-ratio: auto; display: block; }
.svc-portrait-inner:has(.ui-ill) { gap: 24px; }
@media (max-width: 767.98px) {
  .svc-hero:has(.ui-ill) { font-size: 10px; }
  .svc-portrait-icon:has(.ui-ill) { font-size: 11px; }
}
.ui-ill i { font-size: inherit !important; position: static; line-height: 1; }
/* Eşit yükseklik: pencereler 17em, telefon 20em */
.ui-web .ui-win, .ui-code .ui-win, .ui-chart .ui-win { height: 17em; display: flex; flex-direction: column; }
.ui-body, .ui-editor, .ui-pad { flex: 1; display: flex; flex-direction: column; }
.ui-phone { height: 20em; }
.ui-mobil { width: 11.5em; }
.ui-grid { flex: 1; } .ui-grid span { height: auto; min-height: 3em; }
.ui-editor { justify-content: space-evenly; font-size: 1.25em; padding: .6em .9em; }
.ui-ln { margin-top: 0; }
.ui-ln code { font: inherit; color: inherit; background: none; padding: 0; white-space: pre; }
.ui-bars { flex: 1; height: auto; min-height: 4em; }
.ui-card { height: 4em; margin: .9em 0 .2em; }
.ui-row { margin-top: .75em; }
/* Hizmet kartları eşit yükseklikte */
.services-swiper-two .swiper-wrapper { align-items: stretch; }
.services-swiper-two .swiper-slide { height: auto; display: flex; }
.services-swiper-two .service-block-five { width: 100%; display: flex; }
.services-swiper-two .service-block-five .inner-column { width: 100%; height: 100%; }
.svc-panel:has(.ui-ill) { font-size: 13px; }
.svc-hero:has(.ui-ill) { font-size: 19px; }
.svc-hero .ui-ill, .svc-panel .ui-ill { max-width: 82%; }
@media (max-width: 767.98px) { .svc-hero:has(.ui-ill) { font-size: 12px; } .svc-panel:has(.ui-ill) { font-size: 11px; } }
.svc-hero:has(.ui-ill) { aspect-ratio: auto; padding: 56px 24px; }
.svc-panel:has(.ui-ill) { aspect-ratio: auto; padding: 36px 20px; }
@media (max-width: 767.98px) { .svc-portrait-num { display: none !important; } }
/* Hizmet sayfası uzun metin */
.services-details__content .svc-h2 { font-size: 28px; line-height: 1.3; margin: 40px 0 16px; color: #fff; }
.services-details__content .svc-list { list-style: none; padding: 0; margin: 0 0 20px; }
.services-details__content .svc-list li { position: relative; padding-left: 28px; margin-bottom: 10px; color: var(--text-color, #c9cbc3); }
.services-details__content .svc-list li::before { content: ""; position: absolute; left: 4px; top: .6em; width: 9px; height: 9px; border-radius: 50%; background: #D9F45F; }
.services-details__content p.text { color: #b9bbb2; line-height: 1.8; }

/* ===== Referanslar sayfası ===== */
.refs-section { padding: 120px 0 110px; }
.refs-head { margin-bottom: 50px; }
.refs-head .text { color: #b9bbb2; }
.refs-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.ref-card {
  position: relative; display: flex; align-items: center; justify-content: center;
  aspect-ratio: 16 / 10; padding: 28px; border-radius: 20px;
  background: linear-gradient(145deg, #1a1b16 0%, #131410 100%);
  border: 1px solid #26281f; overflow: hidden;
  transition: border-color .35s ease, transform .35s ease, background .35s ease;
}
.ref-card::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .35s ease;
  background: radial-gradient(ellipse at 50% 120%, rgba(217, 244, 95, .14), transparent 60%);
}
.ref-card img { max-width: 62%; max-height: 52px; width: auto; height: auto; object-fit: contain; opacity: .78; transition: opacity .35s ease, transform .35s ease; position: relative; z-index: 1; }
.ref-name {
  position: absolute; left: 0; right: 0; bottom: 14px; text-align: center; z-index: 1;
  font-size: 13px; color: #8b8d84; opacity: 0; transform: translateY(6px); transition: opacity .35s ease, transform .35s ease;
}
.ref-card:hover { border-color: rgba(217, 244, 95, .45); transform: translateY(-4px); }
.ref-card:hover::after { opacity: 1; }
.ref-card:hover img { opacity: 1; transform: translateY(-8px); }
.ref-card:hover .ref-name { opacity: 1; transform: none; }
.refs-cta {
  display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
  margin-top: 70px; padding: 40px 44px; border-radius: 24px;
  border: 1px solid #26281f; background: linear-gradient(145deg, #1a1b16 0%, #131410 100%);
}
.refs-cta h3 { margin: 0 0 6px; font-size: 30px; color: #fff; }
.refs-cta p { margin: 0; color: #b9bbb2; }
@media (max-width: 1199.98px) { .refs-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767.98px) {
  .refs-section { padding: 80px 0; }
  .refs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .ref-card { padding: 18px; border-radius: 16px; }
  .ref-card img { max-height: 38px; max-width: 70%; }
  .ref-name { display: none; }
  .refs-cta { padding: 28px 24px; margin-top: 50px; }
  .refs-cta h3 { font-size: 24px; }
}
/* Ana sayfa referans şeridi: sayfaya link */
.clients-section-three .refs-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 14px; color: #D9F45F; }
.clients-section-three .refs-link:hover { color: #fff; }
/* Çalışma süreci kartları: metin uzunluğundan bağımsız eşit yükseklik */
.process-section .process-block { display: flex; }
.process-section .process-block .inner-box { display: flex; flex-direction: column; width: 100%; }
.process-section .process-block .inner-box .content-box { flex: 1; }

/* İç sayfa başlık alanı: şablondaki 275/175px yerine daha kompakt */
.page-title { padding: 170px 0 70px; }
.page-title .title { font-size: 52px; margin-bottom: 6px; }
@media (max-width: 991.98px) { .page-title { padding: 150px 0 60px; } }
@media (max-width: 575.98px) {
  .page-title { padding: 130px 0 48px; }
  .page-title .title { font-size: 36px; }
}
/* İç sayfa başlık alanı: bir önceki ölçüden ~%30 daha küçük */
.page-title { padding: 118px 0 40px; }
.page-title .title { font-size: 38px; margin-bottom: 4px; }
.page-title .page-breadcrumb li { font-size: 14px; }
@media (max-width: 991.98px) { .page-title { padding: 120px 0 36px; } }
@media (max-width: 575.98px) {
  .page-title { padding: 112px 0 30px; }
  .page-title .title { font-size: 28px; }
}
/* İç sayfa başlığı dikeyde ortalı: menü alanın üstüne binmediği için üst/alt boşluk eşit */
.page-title { padding: 79px 0; }
.page-title .page-breadcrumb { margin-bottom: 0; }
@media (max-width: 991.98px) { .page-title { padding: 70px 0; } }
@media (max-width: 575.98px) { .page-title { padding: 56px 0; } }

/* ===== E-ticaret illüstrasyonu ===== */
.ui-shop .ui-win { height: 17em; display: flex; flex-direction: column; }
.ui-cart { margin-left: auto; position: relative; width: 1.5em; height: 1.3em; border: .15em solid var(--txt); border-top: 0; border-radius: 0 0 .35em .35em; }
.ui-cart b { position: absolute; top: -.9em; right: -.9em; width: 1.2em; height: 1.2em; border-radius: 50%; background: var(--lime); color: #121310; font-size: .75em; line-height: 1.2em; text-align: center; font-weight: 700; animation: ui-pulse 2.4s ease-in-out infinite; }
.ui-products { flex: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: .7em; }
.ui-prod { display: flex !important; flex-direction: column; border: 1px solid var(--line); border-radius: .6em; padding: .5em; animation: ui-tile 4.5s ease-in-out infinite; }
.ui-prod:nth-child(2) { animation-delay: .5s; } .ui-prod:nth-child(3) { animation-delay: 1s; }
.ui-ph { flex: 1; min-height: 3em; border-radius: .4em; background: var(--dim); }
.ui-prod .ui-l { margin-top: .5em; }
.ui-price { width: 45%; height: .6em; border-radius: .3em; background: var(--lime); margin-top: .45em; }
.ui-shop .ui-btn { width: 100%; margin-top: .9em; }
.service-block-five .inner-column:hover .ui-shop .ui-win { border-color: rgba(217, 244, 95, .45); transform: translateY(-4px); }

/* ===== Bölge ve rehber sayfaları ===== */
.sidebar-label { font-size: 18px; color: #fff; margin: 0 0 14px; }
.landing-page .lp-headline { margin-top: 0; }
.landing-page .service-details-image + .lp-headline { margin-top: 40px; }
.lp-areas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 10px 0 20px; }
.lp-area { position: relative; display: block; padding: 18px 48px 18px 20px; border: 1px solid #34372b; border-radius: 14px; background: #181a14; transition: border-color .3s ease, transform .3s ease; }
.lp-area span { display: block; color: #fff; font-size: 18px; font-weight: 600; }
.lp-area small { display: block; color: #9a9c92; font-size: 14px; margin-top: 2px; }
.lp-area i { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #D9F45F; }
.lp-area:hover { border-color: rgba(217, 244, 95, .5); transform: translateY(-2px); }
.refs-grid.lp-logos { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.lp-logos .ref-card { min-height: 0; padding: 18px 14px; }
.lp-more { margin-top: 14px; }
.lp-more a, .svc-related a { color: #D9F45F; }
.lp-more a:hover, .svc-related a:hover { color: #fff; }
.svc-related { margin-top: 44px; padding: 24px 26px; border: 1px solid #34372b; border-radius: 16px; background: #181a14; }
.svc-related h3 { font-size: 18px; color: #fff; margin: 0 0 12px; }
.svc-related ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px; }
.svc-related li a { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; }
.lp-form { margin-top: 50px; padding: 34px 30px; border: 1px solid #34372b; border-radius: 18px; background: #181a14; }
.lp-form .svc-h2 { margin-top: 0; }
.lp-form .form-control { background: #121310; border-color: #34372b; color: #fff; }
.lp-form .form-control::placeholder { color: #8b8d84; }
@media (max-width: 991.98px) { .refs-grid.lp-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 575.98px) {
  .lp-areas, .svc-related ul { grid-template-columns: 1fr; }
  .refs-grid.lp-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lp-form { padding: 24px 18px; }
}
.lp-logos .ref-card:hover img { transform: none; }

/* ===== Başlık hiyerarşisi: görünümü koruyarak etiket değişimi =====
   .hx = başlık gibi görünen ama başlık olmayan öğe; .hx-N = hN boyutları (gerçek başlık etiketinde de kullanılabilir). */
.hx { color: var(--headings-color); font-family: var(--title-font); position: relative; margin-bottom: 1rem; }
.hx-1 { font-size: var(--h1-font-size); font-weight: var(--h1-font-weight); line-height: var(--line-height-heading-h1); }
.hx-2 { font-size: clamp(30px, 4vw, 50px); font-weight: var(--h2-font-weight); line-height: 1.2; }
.hx-3 { font-size: var(--h3-font-size); font-weight: var(--h3-font-weight); line-height: var(--line-height-heading); }
.hx-4 { font-size: var(--h4-font-size); font-weight: var(--h4-font-weight); line-height: var(--line-height-heading); }
.hx-5 { font-size: var(--h5-font-size); font-weight: var(--h5-font-weight); line-height: var(--line-height-heading); }
.hx-6 { font-size: var(--h6-font-size); font-weight: var(--h6-font-weight); line-height: var(--line-height-heading-small); }
.hx a { color: inherit; font-weight: inherit; }
.about-section-three .content-column .inner-column .info-box .inner h3 { font-weight: 500; margin-bottom: 14px; }

/* Üst teklif bandı ve harita (bölge, rehber ve hizmet sayfaları) */
.lp-cta { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin: 26px 0 10px; padding: 20px 24px; border: 1px solid rgba(217, 244, 95, .35); border-radius: 16px; background: linear-gradient(135deg, rgba(217, 244, 95, .08), rgba(217, 244, 95, 0) 60%), #181a14; }
.lp-cta-text strong { display: block; color: #fff; font-size: 18px; font-family: var(--title-font); }
.lp-cta-text span { color: #9a9c92; font-size: 15px; }
.lp-cta-btns { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.lp-call { color: #D9F45F; font-weight: 600; white-space: nowrap; }
.lp-call:hover { color: #fff; }
.lp-map { border-radius: 16px; overflow: hidden; border: 1px solid #34372b; aspect-ratio: 16 / 9; }
.lp-map iframe { width: 100%; height: 100%; border: 0; display: block; filter: grayscale(.4) invert(.92) hue-rotate(180deg); }
.services-details__content p.text a, .services-details__content .svc-list a { color: #D9F45F; text-decoration: underline; text-decoration-color: rgba(217, 244, 95, .35); text-underline-offset: 3px; }
.services-details__content p.text a:hover, .services-details__content .svc-list a:hover { color: #fff; }
@media (max-width: 575.98px) { .lp-cta { padding: 18px; } .lp-cta-btns { width: 100%; justify-content: space-between; } }

/* Hakkımızda: ara başlık ve madde listesi */
.about-rich .svc-h2 { font-size: 26px; line-height: 1.3; margin: 34px 0 14px; color: #fff; }
.about-rich .svc-list { list-style: none; padding: 0; margin: 0 0 18px; }
.about-rich .svc-list li { position: relative; padding-left: 26px; margin-bottom: 8px; }
.about-rich .svc-list li::before { content: ""; position: absolute; left: 4px; top: .65em; width: 9px; height: 9px; border-radius: 50%; background: #D9F45F; }
.about-rich p.text { margin-bottom: 14px; }
.about-rich a { color: #D9F45F; text-decoration: underline; text-decoration-color: rgba(217, 244, 95, .35); text-underline-offset: 3px; }

/* Mobil banner: süs görselleri indirilmez (banner.php <picture>), parıltı CSS ile verilir; LCP başlık metni olur */
@media (max-width: 767.98px) {
  .banner-section-four .banner-slide .anim-icons .shape-image3 { display: none; }
  .banner-section-four .banner-slide { background: radial-gradient(ellipse 90% 45% at 0% 12%, rgba(217, 244, 95, .09), rgba(217, 244, 95, 0) 70%); }
}

/* Banner oku: satır içi SVG (Font Awesome Regular fontunu tek ikon için indirmemek için) */
.banner-section-four .info-circle .inner .banner-arrow { display: inline-block; vertical-align: middle; color: var(--theme-color1); }
/* Mobilde dönen yazı yükleme bitince dönmeye başlasın (ilk ekran daha hızlı sabitlenir) */
@media (max-width: 767.98px) { .banner-section-four .info-circle .shape-circle1.animation__rotateY { animation-delay: 4s; } }

/* İç sayfalarda (hizmet, bölge, rehber) sayfa başlığının altındaki referans logo şeridi */
.clients-section-three.is-inner { padding-top: 60px; }
.clients-section-three.is-inner + .services-details { padding-top: 70px; }
@media (max-width: 767.98px) { .clients-section-three.is-inner { padding-top: 40px; } .clients-section-three.is-inner + .services-details { padding-top: 50px; } }
@media (max-width: 991.98px) {
  .clients-section-three.is-inner .sec-title { padding: 22px 20px 6px; text-align: center; min-width: 0; width: 100%; }
  .clients-section-three.is-inner .sec-title .text { font-size: 18px; }
  .clients-section-three.is-inner .client-block-three .inner-box { min-height: 92px; }
  .clients-section-three.is-inner .client-block-three .inner-box .image-box .image img { max-height: 46px; }
}

/* Menü: Hizmetler açılır listesi (masaüstü; mobilde şablonun açılır menüsü kullanılır) */
@media (min-width: 1200px) {
  .main-header .main-menu .navigation > li.dropdown > a { padding-right: 16px; }
  .main-header .main-menu .navigation > li.dropdown > a:after { display: block; content: ""; width: 7px; height: 7px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: translateY(-75%) rotate(45deg); margin: 0; right: 0; }
  .main-header .main-menu .navigation > li.dropdown > ul {
    display: block; visibility: hidden; opacity: 0; width: 270px; padding: 8px 0; margin-top: 14px;
    background: #181a14; border: 1px solid #34372b; border-radius: 14px; box-shadow: 0 18px 40px rgba(0, 0, 0, .45);
    transition: opacity .25s ease, margin-top .25s ease, visibility .25s;
  }
  .main-header .main-menu .navigation > li.dropdown:hover > ul { visibility: visible; opacity: 1; margin-top: 0; }
  .main-header .main-menu .navigation > li.dropdown > ul > li { border-bottom: 0; }
  .main-header .main-menu .navigation > li.dropdown > ul > li > a { margin: 0; padding: 8px 22px; font-size: 15px; line-height: 1.5; text-transform: none; color: #c9cbc3; }
  .main-header .main-menu .navigation > li.dropdown > ul > li > a:hover { color: #D9F45F; background: rgba(217, 244, 95, .06); }
  .main-header .main-menu .navigation li.dropdown .dropdown-btn { display: none; }
}
/* Alt menüde başlıklar olduğu gibi yazılsın ("İhracat Ve B2B" olmasın) */
.mobile-menu .navigation li > ul > li > a, .sticky-header .navigation li > ul > li > a { text-transform: none; }

/* İçerik sonundaki referans logoları: başlık + "Tümünü gör" aynı satırda */
.lp-refs { margin-top: 44px; }
.lp-refs-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
.lp-refs-head .svc-h2 { margin: 0; }
.lp-refs-head .svc-h2 span { color: #D9F45F; }
.lp-refs-all { color: #D9F45F; font-size: 15px; font-weight: 500; white-space: nowrap; }
.lp-refs-all:hover { color: #fff; }

/* ===== Teklif Al: menü butonu, açılır pencere ve form ===== */
.teklif-btn { display: inline-flex; align-items: center; height: 44px; padding: 0 22px; margin-right: 22px; border-radius: 30px; background: #D9F45F; color: #121310 !important; font-size: 15px; font-weight: 700; white-space: nowrap; transition: background .25s ease, transform .25s ease; }
.teklif-btn:hover { background: #fff; transform: translateY(-1px); }
.main-header .action-box { display: flex; align-items: center; }
.sticky-header .nav-outer { display: flex; align-items: center; }
.sticky-header .teklif-btn { height: 40px; padding: 0 18px; margin: 0 18px 0 24px; font-size: 14px; }
@media (max-width: 575.98px) { .teklif-btn { height: 36px; padding: 0 14px; margin-right: 14px; font-size: 13px; } .sticky-header .teklif-btn { margin: 0 12px 0 0; } }

html.tp-acik { overflow: hidden; }
.teklif-pencere { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 16px; }
.teklif-pencere[hidden] { display: none; }
.tp-arka { position: absolute; inset: 0; background: rgba(8, 9, 7, .78); backdrop-filter: blur(3px); }
.tp-kutu { position: relative; width: 100%; max-width: 660px; max-height: calc(100vh - 32px); overflow-y: auto; background: #181a14; border: 1px solid #34372b; border-radius: 20px; padding: 32px 30px 26px; box-shadow: 0 30px 80px rgba(0, 0, 0, .55); }
.tp-kapat { position: absolute; right: 16px; top: 14px; width: 38px; height: 38px; border-radius: 50%; border: 1px solid #34372b; background: transparent; color: #c9cbc3; font-size: 24px; line-height: 1; cursor: pointer; }
.tp-kapat:hover { border-color: #D9F45F; color: #D9F45F; }
.tp-baslik { font-family: var(--title-font); font-size: 30px; font-weight: 700; color: #fff; line-height: 1.2; }
.tp-baslik span { color: #D9F45F; font-weight: 300; }
.tp-aciklama, .tf-aciklama { color: #9a9c92; margin: 6px 0 20px; }
.teklif-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; }
.teklif-form .tf-tam { grid-column: 1 / -1; }
.teklif-form label { display: block; font-size: 13px; font-weight: 600; color: #c9cbc3; margin-bottom: 6px; }
.teklif-form input, .teklif-form select, .teklif-form textarea { width: 100%; background: #121310; border: 1px solid #34372b; border-radius: 10px; color: #fff; font-size: 15px; padding: 11px 14px; outline: none; transition: border-color .2s ease; }
.teklif-form select { appearance: none; -webkit-appearance: none; background-image: linear-gradient(45deg, transparent 50%, #D9F45F 50%), linear-gradient(135deg, #D9F45F 50%, transparent 50%); background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50%; background-size: 6px 6px; background-repeat: no-repeat; padding-right: 40px; cursor: pointer; }
.teklif-form select option { background: #181a14; color: #fff; }
.teklif-form input:focus, .teklif-form select:focus, .teklif-form textarea:focus { border-color: #D9F45F; }
.teklif-form textarea { resize: vertical; min-height: 96px; }
.tf-alt { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 4px; }
.tf-alt p { margin: 0; font-size: 12.5px; color: #8b8d84; max-width: 340px; }
.teklif-sayfa .tf-baslik { margin-top: 0; }
@media (max-width: 575.98px) { .teklif-form { grid-template-columns: 1fr; } .tp-kutu { padding: 26px 18px 20px; } .tp-baslik { font-size: 24px; } }

/* Yasal sayfalar, form KVKK notu, footer yasal linkleri */
.yasal-metin p.text { margin-bottom: 14px; }
.yasal-metin .svc-h2 { font-size: 22px; margin: 34px 0 12px; }
.form-kvkk { font-size: 12.5px; color: #8b8d84; margin: 0 0 14px; }
.form-kvkk a, .tf-alt p a { color: #D9F45F; text-decoration: underline; text-underline-offset: 2px; }
.main-footer .footer-bottom .inner-container { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.yasal-linkler { display: flex; gap: 22px; list-style: none; margin: 0; padding: 0; }
.yasal-linkler a { font-size: 14px; color: #8b8d84; }
.yasal-linkler a:hover { color: #D9F45F; }
@media (max-width: 575.98px) { .main-footer .footer-bottom .inner-container { justify-content: center; text-align: center; } }

/* Üst menü ilk açılışta da kaydırınca açılan sabit menüyle aynı hizada (ortalanmış kapsayıcı) */
.main-header .header-lower .inner-container { max-width: var(--container-width); margin: 0 auto; padding-left: 15px; padding-right: 15px; }
@media (max-width: 575.98px) {
  .main-header .header-lower .logo img, .sticky-header .logo img { max-width: 138px; }
  .main-header .action-box .teklif-btn { margin-left: 10px; }
}

/* Kare amblem logolar (Florence Nightingale Vakfı): yatay logolarla aynı görsel ağırlıkta */
.ref-card img[src*="fnh-vakfi"] { max-height: 96px; max-width: 70%; }
@media (max-width: 767.98px) { .ref-card img[src*="fnh-vakfi"] { max-height: 70px; } }
/* reCAPTCHA rozeti gizli; formların altında Google'ın istediği bilgilendirme yazısı var */
.grecaptcha-badge { visibility: hidden; }
.rc-not { font-size: 11.5px; color: #6f7266; margin: 6px 0 0; }
.rc-not a { color: #8b8d84; text-decoration: underline; }