/* ------------------------------------------------
 * Zero Ajans — Rayo şablonuna eklenen ufak yardımcılar.
 * Şablonun main.min.css dosyasına dokunulmaz; Zero'ya özel kurallar
 * (logo dark/light, filtre, form) burada tutulur.
 * ------------------------------------------------ */

/* Header / footer PNG logoları — dark/light tema eşlemesi.
 * Bu kurallar özel main.css'teydi; minify sürüme geçince düşmüştü ve
 * iki logo üst üste binerek "patlama" görünümüne yol açıyordu. */
.mxd-logo__mark {
  position: relative;
  display: block;
  width: 12.8rem;
  height: auto;
}

@media only screen and (min-width: 768px) {
  .mxd-logo__mark {
    width: 15.6rem;
  }
}

.mxd-logo__img {
  display: block;
  width: 100%;
  height: auto;
}

.mxd-logo__img--light {
  display: none;
}

.mxd-logo__img--dark {
  display: block;
}

@media (prefers-color-scheme: dark) {
  :root:not([color-scheme="light"]) .mxd-logo__img--dark {
    display: none;
  }

  :root:not([color-scheme="light"]) .mxd-logo__img--light {
    display: block;
  }
}

[color-scheme="dark"] .mxd-logo__img--dark {
  display: none;
}

[color-scheme="dark"] .mxd-logo__img--light {
  display: block;
}

[color-scheme="light"] .mxd-logo__img--dark {
  display: block;
}

[color-scheme="light"] .mxd-logo__img--light {
  display: none;
}

/* Hero #01 — mobil şablon düzeni; masaüstünde dönen görseller + mor bant */
.mxd-hero-01 .hero-01-title {
  font-size: clamp(2.2rem, 6.2vw, 3.4rem);
  gap: 8.8rem;
}

.mxd-hero-01 .hero-01-title__item {
  white-space: nowrap;
  text-align: center;
}

.mxd-hero-01 .hero-01-title__item.title-item-transparent,
.mxd-hero-01 .hero-01-title__item.title-item-image {
  display: none;
}

.mxd-hero-01 .mxd-hero-01__marquee {
  top: 5.2rem;
  right: 0;
  width: 100%;
  height: 4.8rem;
}

.mxd-hero-01 .mxd-hero-01__marquee .marquee,
.mxd-hero-01 .mxd-hero-01__marquee .marquee-flex,
.mxd-hero-01 .mxd-hero-01__marquee .marquee__toright {
  display: flex;
  align-items: center;
  height: 100%;
}

.mxd-hero-01 .mxd-hero-01__marquee .marquee__item.item-regular {
  display: flex;
  align-items: center;
  height: 100%;
}

.mxd-hero-01 .mxd-hero-01__marquee .marquee__item.item-regular p {
  margin: 0;
  font-size: 2.4rem;
  line-height: 1;
}

.mxd-hero-01 .mxd-hero-01__marquee .marquee__item.item-regular svg {
  width: 1.4rem;
  height: 1.4rem;
}

.mxd-hero-01 .mxd-hero-01__title-wrap {
  padding-top: 0;
  padding-bottom: 5.2rem;
}

.mxd-hero-01 .hero-01-image img {
  display: block;
  width: 100%;
  height: auto;
  background: transparent;
}

.mxd-hero-01 .hero-01-title__item.title-item-image .zero-hero-star,
.mxd-hero-01 .zero-hero-star {
  display: block;
  width: 4.4rem;
  height: 4.4rem;
  max-width: none;
  object-fit: contain;
}

.mxd-hero-01 .zero-hero-line2 {
  position: relative;
}

.mxd-hero-01 .zero-hero-star-wrap {
  position: absolute;
  top: calc(100% + 0.2rem);
  left: 50%;
  z-index: 2;
  display: block;
  transform: translateX(-50%);
}

[color-scheme="dark"] .mxd-hero-01 .zero-hero-cursor img {
  filter: brightness(0.78);
}

@media (prefers-color-scheme: dark) {
  :root:not([color-scheme="light"]) .mxd-hero-01 .zero-hero-cursor img {
    filter: brightness(0.78);
  }
}

.mxd-hero-01 .mxd-pulse {
  animation: zero-hero-pulse 1.4s infinite ease-in-out alternate;
}

.mxd-hero-01 .mxd-rotate {
  animation: spin 8s linear infinite;
}

@keyframes zero-hero-pulse {
  from {
    transform: scale(0.97);
  }

  to {
    transform: scale(1.02);
  }
}

@media only screen and (min-width: 768px) {
  .mxd-hero-01 .mxd-hero-01__top {
    overflow: visible;
  }

  .mxd-hero-01 .mxd-hero-01__title-wrap {
    width: auto;
    max-width: 90vw;
    padding: 0 1.6rem 7.2rem;
    overflow: visible;
  }

  .mxd-hero-01 .hero-01-title {
    font-size: clamp(5.2rem, 5.8vw, 7.4rem);
    gap: 2.8rem;
  }

  .mxd-hero-01 .hero-01-title__item {
    white-space: nowrap;
  }

  .mxd-hero-01 .hero-01-title__row {
    gap: 2rem;
  }

  .mxd-hero-01 .hero-01-title__item.title-item-transparent {
    display: inline-flex;
    width: 32rem;
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
  }

  .mxd-hero-01 .hero-01-title__item.title-item-image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 6.4rem;
    height: 6.4rem;
    padding: 0;
    flex: 0 0 auto;
    overflow: visible;
  }

  .mxd-hero-01 .hero-01-title__item.title-item-image .zero-hero-star,
  .mxd-hero-01 .zero-hero-star {
    width: 5.6rem;
    height: 5.6rem;
  }

  .mxd-hero-01 .zero-hero-star-wrap {
    top: calc(100% + 0.4rem);
  }

  .mxd-hero-01 .mxd-hero-01__marquee {
    top: 1.2rem;
    right: 1.6rem;
    width: 32rem;
    height: 5.6rem;
  }

  .mxd-hero-01 .mxd-hero-01__marquee .marquee__item.item-regular p {
    margin: 0;
    font-size: 3.2rem;
    line-height: 1;
  }

  .mxd-hero-01 .mxd-hero-01__marquee .marquee__item.item-regular svg {
    width: 1.8rem;
    height: 1.8rem;
  }

  .mxd-hero-01 .hero-01-image.image-01 {
    width: 20rem;
    top: -18%;
    left: 0;
  }

  .mxd-hero-01 .hero-01-image.image-01.zero-hero-cursor {
    width: 8rem;
    top: -4%;
    left: -4.2rem;
  }

  .mxd-hero-01 .hero-01-image.image-02 {
    width: 10.4rem;
    top: -22%;
    right: 4%;
  }

  .mxd-hero-01 .hero-01-image.image-03 {
    width: 12rem;
    top: 84%;
    left: 36%;
  }
}

@media only screen and (min-width: 1200px) {
  .mxd-hero-01 .hero-01-title {
    font-size: 8.4rem;
    gap: 3.4rem;
  }

  .mxd-hero-01 .hero-01-title__row {
    gap: 2.8rem;
  }

  .mxd-hero-01 .hero-01-title__item.title-item-transparent {
    width: 36rem;
    padding: 0;
  }

  .mxd-hero-01 .hero-01-title__item.title-item-image {
    width: 8rem;
    height: 8rem;
  }

  .mxd-hero-01 .hero-01-title__item.title-item-image .zero-hero-star,
  .mxd-hero-01 .zero-hero-star {
    width: 7.2rem;
    height: 7.2rem;
  }

  .mxd-hero-01 .zero-hero-star-wrap {
    top: calc(100% + 0.6rem);
  }

  .mxd-hero-01 .mxd-hero-01__marquee {
    right: 1.6rem;
    width: 36rem;
    height: 7rem;
  }

  .mxd-hero-01 .mxd-hero-01__marquee .marquee__item.item-regular p {
    margin: 0;
    font-size: 4.2rem;
    line-height: 1;
  }

  .mxd-hero-01 .mxd-hero-01__marquee .marquee__item.item-regular svg {
    width: 2.2rem;
    height: 2.2rem;
  }

  .mxd-hero-01 .hero-01-image.image-01 {
    width: 24rem;
    top: -16%;
    left: -2%;
  }

  .mxd-hero-01 .hero-01-image.image-01.zero-hero-cursor {
    width: 9.6rem;
    top: -2%;
    left: -5.2rem;
  }

  .mxd-hero-01 .hero-01-image.image-02 {
    width: 12rem;
    top: -22%;
    right: 5%;
  }

  .mxd-hero-01 .hero-01-image.image-03 {
    width: 14rem;
    top: 78%;
    left: 40%;
  }
}

@media only screen and (min-width: 1600px) {
  .mxd-hero-01 .hero-01-title {
    font-size: 9.4rem;
  }

  .mxd-hero-01 .hero-01-title__item.title-item-image {
    width: 8.8rem;
    height: 8.8rem;
  }

  .mxd-hero-01 .hero-01-title__item.title-item-image .zero-hero-star,
  .mxd-hero-01 .zero-hero-star {
    width: 8rem;
    height: 8rem;
  }

  .mxd-hero-01 .hero-01-title__item.title-item-transparent {
    width: 40rem;
  }

  .mxd-hero-01 .mxd-hero-01__marquee {
    right: 1.6rem;
    width: 40rem;
    height: 7.8rem;
  }

  .mxd-hero-01 .mxd-hero-01__marquee .marquee__item.item-regular p {
    margin: 0;
    font-size: 4.8rem;
    line-height: 1;
  }

  .mxd-hero-01 .mxd-hero-01__marquee .marquee__item.item-regular svg {
    width: 2.4rem;
    height: 2.4rem;
  }

  .mxd-hero-01 .hero-01-image.image-01 {
    width: 28rem;
  }

  .mxd-hero-01 .hero-01-image.image-01.zero-hero-cursor {
    width: 11rem;
    left: -6.2rem;
  }

  .mxd-hero-01 .hero-01-image.image-02 {
    width: 13.6rem;
  }

  .mxd-hero-01 .hero-01-image.image-03 {
    width: 16rem;
  }
}

.mxd-hero-section + .mxd-section {
  padding-top: 6.4rem;
}

@media only screen and (min-width: 768px) {
  .mxd-hero-section + .mxd-section {
    padding-top: 8.8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .mxd-hero-section + .mxd-section {
    padding-top: 11rem;
  }
}

.zero-hero-copy-desktop {
  display: none;
}

.mxd-hero-01__data-descr{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.mxd-hero-01__data-descr::before{
  content:"İzmir merkezli kreatif reklam ajansı";
  display:block;
  margin:0 0 1rem;
  font-family:var(--_font-accent,"Funnel Display",sans-serif);
  font-size:1.8rem;
  font-weight:700;
  line-height:1.3;
  letter-spacing:-.02em;
  color:var(--st-bright,#161616);
}
@media only screen and (min-width:768px){
  .mxd-hero-01__data-descr::before{
    font-size:2.05rem;
  }
}
[color-scheme="dark"] .mxd-hero-01__data-descr::before{
  color:var(--st-bright,#faf7f6);
}
.mxd-hero-01__data-descr p{
  font-size:1.5rem;
  line-height:1.5;
}
@media only screen and (min-width:768px){
  .mxd-hero-01__data-descr p{
    font-size:1.6rem;
  }
}
@media only screen and (min-width:1600px){
  .mxd-hero-01__data-descr p{
    font-size:1.7rem;
  }
}

@media only screen and (min-width: 768px) {
  .zero-hero-copy-mobile {
    display: none;
  }

  .zero-hero-copy-desktop {
    display: block;
  }
}

.inner-headline__title,
.inner-headline__text {
  overflow-wrap: break-word;
}

.mxd-block__inner-headline p.inner-headline__text.t-large {
  font-size: 2.7rem;
}

@media only screen and (min-width: 768px) {
  .inner-headline__title {
    font-size: 9.6rem;
  }
}

@media only screen and (min-width: 1200px) {
  .mxd-section-inner-headline.padding-headline-pre-grid {
    min-height: 100svh;
  }
}

.mxd-approach-list.hover-reveal,
.mxd-approach-list .hover-reveal__item {
  overflow: visible;
}

.mxd-approach-list .hover-reveal__content {
  z-index: 4;
}

.mxd-approach-list .hover-reveal__image {
  object-fit: cover;
}

.mxd-links-lines.hover-reveal,
.mxd-links-lines .hover-reveal__item {
  overflow: visible;
}

.mxd-links-lines .hover-reveal__content {
  z-index: 6;
}

.za-social-reveal.hover-reveal__content {
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  overflow: hidden;
  background: color-mix(in srgb, var(--base-tint) 52%, transparent);
  -webkit-backdrop-filter: blur(22px) saturate(1.4);
  backdrop-filter: blur(22px) saturate(1.4);
  border: 1px solid color-mix(in srgb, var(--st-bright) 10%, transparent);
  box-shadow:
    0 2.4rem 5.6rem color-mix(in srgb, var(--base-opp) 14%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--base-tint) 70%, transparent);
}

@media only screen and (min-width: 1600px) {
  .za-social-reveal.hover-reveal__content {
    width: 18rem;
    height: 18rem;
  }
}

.za-social-reveal .za-social-reveal__icon {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  object-fit: none;
  transform-origin: center;
}

.za-social-reveal .za-social-reveal__icon i {
  font-size: 7.2rem;
  line-height: 1;
  color: var(--st-bright);
}

@media only screen and (min-width: 1600px) {
  .za-social-reveal .za-social-reveal__icon i {
    font-size: 8.2rem;
  }
}

.mxd-footer__brand-logo {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
}

.mxd-footer__brand-logo .mxd-footer__brand-logo-img {
  grid-area: 1 / 1;
  display: block;
  width: min(28rem, 100%);
  height: auto;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .mxd-footer__brand-logo .mxd-footer__brand-logo-img {
    width: min(32rem, 100%);
  }
}

@media only screen and (min-width: 1200px) {
  .mxd-footer__brand-logo .mxd-footer__brand-logo-img {
    transform: translateX(0.8rem);
  }
}

[color-scheme="dark"] .mxd-footer__brand-logo .mxd-footer__brand-logo-img {
  filter: invert(1);
}

@media (prefers-color-scheme: dark) {
  :root:not([color-scheme="light"]) .mxd-footer__brand-logo .mxd-footer__brand-logo-img {
    filter: invert(1);
  }
}

.footer-blocks__column--contact {
  justify-content: flex-end;
}

.footer-blocks__contact-group {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  .footer-blocks__column--contact {
    order: 2;
    margin-top: auto;
  }

  .mxd-footer__footer-blocks .footer-blocks__column:nth-child(2) {
    order: 3;
  }
}

.mxd-footer__brand-text {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  font-family: var(--_font-accent);
  font-size: clamp(2.4rem, 6vw, 7.2rem);
  font-weight: var(--fw-bold);
  line-height: 1.05;
  letter-spacing: -0.03em;
  text-align: center;
  text-transform: uppercase;
  color: currentColor;
}

.mxd-works-filters .tag {
  cursor: pointer;
  border: 0;
  background: transparent;
  font: inherit;
}

.mxd-works-filters .tag.is-active,
.mxd-works-filters .tag[aria-pressed="true"] {
  color: var(--st-bright);
  border-color: var(--st-bright);
}

.mxd-projects-list__item.is-filtered-out {
  display: none !important;
}

/* Bot tuzağı alanı: ekranda ve ekran okuyucuda görünmez, DOM'da durur. */
.zero-honeypot {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* İletişim formundaki hizmet seçimi etiketleri */
.mxd-form-services {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin: 0 0 1.6rem;
}

.mxd-form-services__label {
  display: block;
  width: 100%;
  flex: 0 0 100%;
  margin: 0 0 0.8rem;
  font-size: 1.4rem;
  color: var(--st-medium);
}

.mxd-form-services__hint,
.mxd-form-services__label:not(:has(.mxd-form-services__hint))::after {
  display: block;
  width: 100%;
  margin-top: 0.45rem;
  font-size: 1.25rem;
  line-height: 1.35;
  font-weight: 500;
  color: var(--st-medium);
}

.mxd-form-services__label:not(:has(.mxd-form-services__hint))::after {
  content: "Birden fazla seçebilirsiniz.";
}

.mxd-form-services__row {
  display: contents;
}

.mxd-form-services__row--soft {
  margin-top: 0;
}

.contact-form textarea[name="message"] {
  height: 10.5rem;
  min-height: 10.5rem;
  line-height: 1.45;
  resize: vertical;
}

.mxd-form-check {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  cursor: pointer;
  user-select: none;
  margin: 0;
}

.mxd-form-check input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

.mxd-form-check span {
  display: inline-flex;
  align-items: center;
}

.mxd-form-check:has(input:focus-visible) {
  outline: 2px solid var(--st-bright);
  outline-offset: 2px;
}

.mxd-form-check:has(input:checked) {
  color: var(--st-bright);
  border-color: var(--st-bright);
}

.mxd-form-services .mxd-form-check {
  transition:
    background-color var(--_animspeed-fast),
    border-color var(--_animspeed-fast),
    color var(--_animspeed-fast);
}

.mxd-form-services .mxd-form-check:has(input:checked) {
  background-color: var(--accent);
  border-color: var(--accent);
  color: var(--t-opp-bright);
  font-weight: 600;
}

.mxd-form-services > .mxd-form-check {
  height: auto;
  min-height: 3.2rem;
  line-height: 1.4;
  white-space: normal;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

/* Form doğrulama uyarıları — alt çizginin üzerine binmesin */
.mxd-form-error,
.za-form-error {
  display: block;
  margin: 1.2rem 0 0.4rem;
  padding: 0 0.2rem;
  font-size: 1.3rem;
  line-height: 1.45;
  color: #d32f2f;
}

.contact-form .mxd-grid-item:has(.mxd-form-error),
.contact-form .mxd-grid-item:has(.za-form-error) {
  padding-bottom: 1.2rem;
}

.contact-form input[aria-invalid="true"],
.contact-form textarea[aria-invalid="true"] {
  border-bottom-color: #d32f2f;
}

.contact-form .mxd-grid-item.is-invalid .mxd-form-check {
  border-color: #d32f2f;
}

html[color-scheme="dark"] .mxd-form-error,
html[color-scheme="dark"] .za-form-error {
  color: #ff6b6b;
}

html[color-scheme="dark"] .contact-form input[aria-invalid="true"],
html[color-scheme="dark"] .contact-form textarea[aria-invalid="true"] {
  border-bottom-color: #ff6b6b;
}

.contact-form .mxd-form-check:has(input[value="Hiç Emin Değilim :)"]) {
  display: none !important;
}

.mxd-form-status {
  margin: 1.6rem 0 0;
  font-size: 1.4rem;
  color: var(--st-medium);
}

/* SSS & Akıllı Yardım — ToTop ile çakışmasın */
#to-top.btn-to-top {
  right: 1.6rem !important;
  bottom: 8.6rem !important;
  z-index: 40 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate3d(0, 1.2rem, 0);
  transition: opacity .28s ease, visibility .28s ease, transform .28s ease;
}
html.za-scrolled #to-top.btn-to-top {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none;
}

@media only screen and (min-width: 768px) {
  #to-top.btn-to-top {
    right: 6rem !important;
    bottom: 11.2rem !important;
  }
}

@media only screen and (min-width: 1600px) {
  #to-top.btn-to-top {
    right: 9rem !important;
  }
}

.zero-assist-open #to-top.btn-to-top {
  opacity: 0;
  pointer-events: none;
}

.za-mail-at::before {
  content: "@";
}

/* Hizmet sayfası süreç kartları — yığın kart ritmi + hover hareketi */
.za-process-cards .mxd-grid-item {
  display: flex;
}

.za-process-cards.is-armed article:not(.is-in) {
  opacity: 0;
  transform: translate3d(0, 3.6rem, 0) scale(0.94);
}

.za-process-cards article.is-in {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition:
    opacity 0.75s var(--_animbezier),
    transform 0.75s var(--_animbezier);
}

.za-process-cards article:nth-child(1).is-in {
  transition-delay: 0.04s;
}

.za-process-cards article:nth-child(2).is-in {
  transition-delay: 0.14s;
}

.za-process-cards article:nth-child(3).is-in {
  transition-delay: 0.24s;
}

.za-process-cards article:nth-child(4).is-in {
  transition-delay: 0.34s;
}

.za-process-cards__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 3.2rem;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  isolation: isolate;
  transform: translate3d(0, 0, 0);
  transition:
    transform var(--_animspeed-slow) var(--_animbezier),
    box-shadow var(--_animspeed-slow) var(--_animbezier);
}

@media only screen and (min-width: 768px) {
  .za-process-cards__inner {
    min-height: 32rem;
  }
}

.za-process-cards__orb {
  position: absolute;
  width: 22rem;
  height: 22rem;
  right: -8rem;
  bottom: -10rem;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  opacity: 0.28;
  filter: blur(8px);
  animation: za-process-orb 4.4s ease-in-out infinite alternate;
}

.za-process-cards article:nth-child(2) .za-process-cards__orb {
  animation-delay: 0.7s;
  left: -9rem;
  right: auto;
  top: -8rem;
  bottom: auto;
}

.za-process-cards article:nth-child(3) .za-process-cards__orb {
  animation-delay: 1.4s;
}

.za-process-cards article:nth-child(4) .za-process-cards__orb {
  animation-delay: 2.1s;
  left: auto;
  right: -7rem;
  top: -9rem;
  bottom: auto;
}

.za-process-cards__inner.bg-accent .za-process-cards__orb {
  background: var(--additional);
}

.za-process-cards__inner.bg-base-opp .za-process-cards__orb {
  background: var(--accent);
  opacity: 0.45;
}

.za-process-cards__inner.bg-base-tint .za-process-cards__orb {
  background: var(--accent);
  opacity: 0.2;
}

.za-process-cards__ghost {
  position: absolute;
  top: 1.2rem;
  right: 1.6rem;
  z-index: 0;
  font-size: 10rem;
  line-height: 0.8;
  opacity: 0.12;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  transition:
    transform var(--_animspeed-slow) var(--_animbezier),
    opacity var(--_animspeed-slow) var(--_animbezier);
}

@media only screen and (min-width: 768px) {
  .za-process-cards__ghost {
    font-size: 13rem;
    top: 0.4rem;
    right: 1.2rem;
  }
}

.za-process-cards__top,
.za-process-cards__copy {
  position: relative;
  z-index: 1;
}

.za-process-cards__top {
  display: flex;
  align-items: center;
}

.za-process-cards__copy {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.za-process-cards__copy h5 {
  font-size: 2.4rem;
  max-width: 90%;
  transition: transform var(--_animspeed-slow) var(--_animbezier);
}

@media only screen and (min-width: 768px) {
  .za-process-cards__copy h5 {
    font-size: 2.8rem;
  }
}

.za-process-cards__copy p {
  max-width: 46rem;
}

.za-process-cards__inner::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(
    115deg,
    transparent 28%,
    rgba(255, 255, 255, 0.22) 48%,
    transparent 68%
  );
  transform: translateX(-130%);
  transition: transform 0.85s var(--_animbezier);
}

.za-process-cards__inner.bg-base-tint::after {
  background: linear-gradient(
    115deg,
    transparent 28%,
    rgba(159, 139, 231, 0.22) 48%,
    transparent 68%
  );
}

@keyframes za-process-orb {
  from {
    transform: scale(0.92) translate(0, 0);
  }

  to {
    transform: scale(1.12) translate(-1.6rem, -1.2rem);
  }
}

.no-touch .za-process-cards__inner:hover {
  transform: translate3d(0, -0.9rem, 0);
}

.no-touch .za-process-cards__inner:hover .za-process-cards__ghost {
  opacity: 0.22;
  transform: scale(1.08) translate(-0.8rem, 0.6rem);
}

.no-touch .za-process-cards__inner:hover .za-process-cards__copy h5 {
  transform: translateX(0.6rem);
}

.no-touch .za-process-cards__inner:hover::after {
  transform: translateX(130%);
}

@media (prefers-reduced-motion: reduce) {
  .za-process-cards.is-armed article:not(.is-in),
  .za-process-cards article.is-in,
  .za-process-cards__orb,
  .za-process-cards__inner,
  .za-process-cards__ghost,
  .za-process-cards__copy h5,
  .za-process-cards__inner::after {
    opacity: 1;
    animation: none;
    transition: none;
    transform: none;
  }

  .no-touch .za-process-cards__inner:hover {
    transform: none;
  }
}

/* ------------------------------------------------
 * Masaüstü hover mega menü (1200px+). Mobil hamburger overlay aynı kalır.
 * Rayo token'ları: --accent, --base-tint, --_radius-m, --_animbezier.
 * ------------------------------------------------ */
.za-desk-nav,
.za-desk-nav__mega {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .mxd-header {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) auto minmax(18rem, 1fr);
    left: 6rem;
    width: calc(100% - 12rem);
    align-items: center;
    overflow: visible;
    transform: none;
  }

  .mxd-header__logo {
    justify-self: start;
  }

  .mxd-header__controls {
    justify-self: end;
  }

  .mxd-nav__wrap {
    display: none;
  }

  .za-desk-nav {
    display: flex;
    flex: none;
    align-self: stretch;
    align-items: stretch;
    justify-content: center;
    gap: 4rem;
    min-width: 0;
    margin: 0;
  }

  .za-desk-nav__link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    font: normal var(--fw-medium) 1.4rem/1 var(--_font-accent);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--t-bright);
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: color var(--_animspeed-fast) var(--_animbezier);
  }

  .za-desk-nav__link i {
    font-size: 1.2rem;
    line-height: 1;
    transition: transform var(--_animspeed-medium) var(--_animbezier);
  }

  .za-desk-nav__item.is-open .za-desk-nav__link i {
    transform: rotate(180deg);
  }

  .za-desk-nav__link:hover,
  .za-desk-nav__link:focus-visible,
  .za-desk-nav__item.is-open > .za-desk-nav__link,
  .za-desk-nav__item.is-current > .za-desk-nav__link,
  a.za-desk-nav__link.is-current {
    color: var(--accent);
  }

  .za-desk-nav__item {
    position: relative;
    display: flex;
    align-items: center;
  }

  .za-desk-nav__dropdown {
    display: block;
    z-index: 120;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(0, 1rem, 0);
    transition:
      opacity var(--_animspeed-medium) var(--_animbezier),
      transform var(--_animspeed-medium) var(--_animbezier),
      visibility 0s linear var(--_animspeed-medium);
  }

  .za-desk-nav__dropdown.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
    transition:
      opacity var(--_animspeed-medium) var(--_animbezier),
      transform var(--_animspeed-medium) var(--_animbezier),
      visibility 0s linear 0s;
  }

  .za-desk-nav__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 28rem;
    padding: 1.2rem 0 0;
    background: transparent;
  }

  .za-desk-nav__dropdown ul {
    list-style: none;
    margin: 0;
    padding: 1rem 0.8rem;
    background-color: var(--base-tint);
    border: 1px solid var(--st-muted);
    border-radius: var(--_radius-m);
    box-shadow: 0 2.4rem 5.6rem color-mix(in srgb, var(--base-opp) 10%, transparent);
  }

  .za-desk-nav__mega {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 120;
    display: block;
    padding-top: 1.2rem;
    background: transparent;
    visibility: hidden;
    pointer-events: none;
  }

  .za-desk-nav__mega.is-open {
    visibility: visible;
    pointer-events: auto;
  }

  .za-desk-nav__mega-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(32rem, 38rem);
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 2.8rem 2.4rem;
    align-items: stretch;
    min-height: max(55rem, 58vh);
    padding: 4.8rem 3.2rem 2.8rem;
    background-color: var(--base-tint);
    border: 1px solid var(--st-muted);
    border-radius: var(--_radius-m);
    box-shadow: 0 2.4rem 5.6rem color-mix(in srgb, var(--base-opp) 10%, transparent);
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
    transition: clip-path 0.55s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .za-desk-nav__mega.is-open .za-desk-nav__mega-panel {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }

  .za-desk-nav__mega.za-mega-gsap .za-desk-nav__mega-panel {
    transition: none;
  }

  .za-desk-nav__cols {
    display: grid;
    grid-column: 1;
    grid-row: 1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    min-width: 0;
    align-content: start;
  }

  .za-desk-nav__col {
    min-width: 0;
    padding: 0 1.6rem;
  }

  .za-desk-nav__col:first-child {
    padding-left: 0;
  }

  .za-desk-nav__col + .za-desk-nav__col {
    border-left: 1px solid var(--st-muted);
  }

  .za-desk-nav__col ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .za-desk-nav__col-title.mxd-point-subtitle,
  .za-desk-nav__promo-kicker.mxd-point-subtitle {
    gap: 0.6rem;
    margin: 0 0 1.2rem;
    font: normal var(--fw-medium) 1.3rem/1.2 var(--_font-accent);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent);
  }

  .za-desk-nav__col-note {
    margin: -0.4rem 0 1.2rem;
    font: normal var(--fw-regular) 1.3rem/1.35 var(--_font-default);
    color: var(--t-medium);
  }

  .za-desk-nav__col-visual {
    width: 100%;
    height: 11rem;
    margin: 0 0 1.6rem;
    overflow: hidden;
    border-radius: var(--_radius-m);
    background-color: var(--base-opp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .za-desk-nav__col-title svg,
  .za-desk-nav__promo-kicker svg,
  .za-desk-nav__star {
    width: 1.2rem;
    height: 1.2rem;
    color: currentColor;
    transform-origin: 50% 50%;
  }

  .za-desk-nav__mega.is-open .za-desk-nav__star {
    animation: za-star-spin 0.9s var(--_animbezier);
  }

  .za-desk-nav__mega.za-mega-gsap.is-open .za-desk-nav__star {
    animation: none;
  }

  .za-desk-nav__leaf {
    display: block;
    padding: 0.55rem 0;
    font: normal var(--fw-regular) 1.5rem/1.35 var(--_font-default);
    color: var(--t-medium);
    text-decoration: none;
    transform: translateX(0);
    filter: blur(0);
    opacity: 1;
    transition:
      color var(--_animspeed-fast) var(--_animbezier),
      transform var(--_animspeed-fast) var(--_animbezier),
      font-weight var(--_animspeed-fast),
      opacity var(--_animspeed-fast) var(--_animbezier),
      filter var(--_animspeed-fast) var(--_animbezier);
  }

  .za-desk-nav__dropdown .za-desk-nav__leaf {
    padding: 0.7rem 1rem;
  }

  .za-desk-nav__cols:is(:hover, :focus-within) .za-desk-nav__leaf {
    opacity: 0.4 !important;
    filter: blur(0.3px) !important;
  }

  .za-desk-nav__cols .za-desk-nav__leaf:hover,
  .za-desk-nav__cols .za-desk-nav__leaf:focus-visible,
  .za-desk-nav__cols .za-desk-nav__leaf.is-current:hover,
  .za-desk-nav__cols .za-desk-nav__leaf.is-preview {
    color: var(--accent);
    font-weight: var(--fw-medium);
    transform: translateX(0.8rem);
    opacity: 1 !important;
    filter: blur(0) !important;
  }

  .za-desk-nav__mega.is-open:not(.za-mega-gsap) .za-desk-nav__col-title,
  .za-desk-nav__mega.is-open:not(.za-mega-gsap) .za-desk-nav__col-note,
  .za-desk-nav__mega.is-open:not(.za-mega-gsap) .za-desk-nav__col-visual,
  .za-desk-nav__mega.is-open:not(.za-mega-gsap) .za-desk-nav__col li,
  .za-desk-nav__mega.is-open:not(.za-mega-gsap) .za-desk-nav__promo-copy,
  .za-desk-nav__mega.is-open:not(.za-mega-gsap) .za-desk-nav__promo-cta,
  .za-desk-nav__mega.is-open:not(.za-mega-gsap) .za-desk-nav__bar-stat,
  .za-desk-nav__mega.is-open:not(.za-mega-gsap) .za-desk-nav__bar-motto,
  .za-desk-nav__mega.is-open:not(.za-mega-gsap) .za-desk-nav__bar-mail {
    animation: za-mega-in 0.45s var(--_animbezier) both;
  }

  .za-desk-nav__dropdown.is-open li {
    animation: za-mega-in 0.4s var(--_animbezier) both;
    animation-delay: calc(0.04s * var(--za-stagger, 0));
  }

  .za-desk-nav__promo {
    --za-mx: 0;
    --za-my: 0;
    position: relative;
    display: flex;
    grid-column: 2;
    grid-row: 1 / 3;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 48rem;
    padding: 3.2rem;
    overflow: hidden;
    border-radius: var(--_radius-l);
    background-color: var(--base-opp);
  }

  .za-desk-nav__promo-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
  }

  .za-desk-nav__col.is-preview .za-desk-nav__col-title {
    color: var(--accent);
  }

  .za-desk-nav__promo-media span:not(.za-desk-nav__promo-overlay) {
    position: absolute;
    inset: 0;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transform: scale(1);
    transition:
      opacity 0.45s var(--_animbezier),
      transform 1.1s var(--_animbezier);
  }

  .za-desk-nav__promo-media span.is-on {
    opacity: 1;
  }

  .za-desk-nav__promo:hover .za-desk-nav__promo-media span.is-on {
    transform: scale(1.05);
  }

  .za-desk-nav__promo-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
      180deg,
      rgba(22, 22, 22, 0.2) 0%,
      rgba(22, 22, 22, 0.72) 100%
    );
  }

  .za-desk-nav__promo-copy,
  .za-desk-nav__promo-cta {
    position: relative;
    z-index: 2;
  }

  .za-desk-nav__promo-kicker.mxd-point-subtitle {
    color: var(--accent);
    margin: 0 0 1.2rem;
  }

  .za-desk-nav__promo-title {
    margin: 0 0 1rem;
    font: normal var(--fw-medium) 1.8rem/1.3 var(--_font-accent);
    color: var(--t-opp-bright);
    overflow-wrap: break-word;
  }

  .za-desk-nav__promo-text {
    margin: 0;
    font: normal var(--fw-regular) 1.4rem/1.5 var(--_font-default);
    color: rgba(255, 255, 255, 0.82);
    overflow-wrap: break-word;
  }

  .za-desk-nav__promo-copy {
    transition: opacity 0.35s var(--_animbezier);
  }

  .za-desk-nav__promo-cta {
    align-self: flex-end;
    flex-shrink: 0;
    margin-top: 2rem;
    transform: translate3d(
        calc(var(--za-mx, 0) * 1.8rem),
        calc(var(--za-my, 0) * 1.8rem),
        0
      )
      scale(1);
    transition: transform 0.5s var(--_animbezier);
  }

  .za-desk-nav__promo:hover .za-desk-nav__promo-cta {
    transform: translate3d(
        calc(var(--za-mx, 0) * 1.8rem),
        calc(var(--za-my, 0) * 1.8rem),
        0
      )
      scale(1.08);
  }

  .za-desk-nav__bar {
    display: flex;
    grid-column: 1;
    grid-row: 2;
    flex-wrap: wrap;
    align-items: center;
    align-self: end;
    justify-content: space-between;
    gap: 1.4rem 2.4rem;
    min-width: 0;
    padding-top: 1.8rem;
    border-top: 1px solid var(--st-muted);
  }

  .za-desk-nav__bar-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem 2.4rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .za-desk-nav__bar-stat {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 0.6rem;
    min-width: 0;
  }

  .za-desk-nav__bar-stat strong {
    font: normal var(--fw-medium) 1.8rem/1.35 var(--_font-default);
    letter-spacing: 0;
    color: var(--t-bright);
  }

  .za-desk-nav__bar-stat span {
    font: normal var(--fw-regular) 1.4rem/1.45 var(--_font-default);
    letter-spacing: 0;
    text-transform: none;
    color: var(--t-medium);
  }

  .za-desk-nav__bar-motto {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    margin: 0;
    min-width: 0;
    font: normal var(--fw-regular) 1.4rem/1.45 var(--_font-default);
    letter-spacing: 0;
    color: var(--t-medium);
  }

  .za-desk-nav__bar-live {
    flex-shrink: 0;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    background-color: var(--accent);
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent);
    animation: za-live-pulse 1.8s ease-out infinite;
  }

  .za-desk-nav__bar-mail {
    font: normal var(--fw-regular) 1.4rem/1.45 var(--_font-default);
    letter-spacing: 0;
    color: var(--t-bright);
    text-decoration: none;
    transition: color var(--_animspeed-fast) var(--_animbezier);
  }

  .za-desk-nav__bar-mail:hover,
  .za-desk-nav__bar-mail:focus-visible {
    color: var(--accent);
  }

  .za-desk-nav__mega--compact .za-desk-nav__mega-panel {
    min-height: 0;
    padding: 3.2rem;
    grid-template-columns: minmax(0, 1fr) minmax(28rem, 34rem);
    gap: 2.4rem;
  }

  .za-desk-nav__mega--compact .za-desk-nav__cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .za-desk-nav__mega--compact .za-desk-nav__col-visual {
    height: 16rem;
  }

  .za-desk-nav__mega--compact .za-desk-nav__promo {
    min-height: 34rem;
  }

  .za-desk-nav__mega--compact .za-desk-nav__leaf {
    padding: 0.7rem 0;
  }
}

@media only screen and (min-width: 1600px) {
  .mxd-header {
    left: 9rem;
    width: calc(100% - 18rem);
  }

  .za-desk-nav {
    gap: 4.8rem;
    margin: 0;
  }

  .za-desk-nav__link {
    font-size: 1.5rem;
  }

  .za-desk-nav__mega-panel {
    grid-template-columns: minmax(0, 1fr) 40rem;
    gap: 3.2rem;
    min-height: max(60rem, 60vh);
    padding: 6.4rem 4rem 3.2rem;
  }

  .za-desk-nav__col {
    padding: 0 1.8rem;
  }

  .za-desk-nav__col:first-child {
    padding-left: 0;
  }

  .za-desk-nav__promo {
    min-height: 52rem;
    padding: 3.6rem;
  }

  .za-desk-nav__promo-title {
    font-size: 2.2rem;
  }

  .za-desk-nav__mega--compact .za-desk-nav__mega-panel {
    min-height: 0;
    padding: 4rem 4rem 3.2rem;
    grid-template-columns: minmax(0, 1fr) 36rem;
  }

  .za-desk-nav__mega--compact .za-desk-nav__col-visual {
    height: 18rem;
  }

  .za-desk-nav__mega--compact .za-desk-nav__promo {
    min-height: 36rem;
  }
}

@keyframes za-mega-in {
  from {
    opacity: 0;
    transform: translate3d(0, 1.2rem, 0);
    filter: blur(8px);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }
}

@keyframes za-star-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes za-live-pulse {
  0% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent);
  }

  70% {
    box-shadow: 0 0 0 0.9rem transparent;
  }

  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}

@media (prefers-reduced-motion: reduce) {
  .za-desk-nav__dropdown,
  .za-desk-nav__mega,
  .za-desk-nav__link,
  .za-desk-nav__link i,
  .za-desk-nav__leaf,
  .za-desk-nav__promo-media,
  .za-desk-nav__promo-cta {
    transition: none;
    transform: none;
    animation: none;
  }

  .za-desk-nav__mega.is-open .za-desk-nav__mega-panel {
    clip-path: none;
    transition: none;
  }

  .za-desk-nav__mega.is-open .za-desk-nav__star,
  .za-desk-nav__mega.is-open:not(.za-mega-gsap) .za-desk-nav__col-title,
  .za-desk-nav__mega.is-open:not(.za-mega-gsap) .za-desk-nav__col-note,
  .za-desk-nav__mega.is-open:not(.za-mega-gsap) .za-desk-nav__col-visual,
  .za-desk-nav__mega.is-open:not(.za-mega-gsap) .za-desk-nav__col li,
  .za-desk-nav__mega.is-open:not(.za-mega-gsap) .za-desk-nav__promo-copy,
  .za-desk-nav__mega.is-open:not(.za-mega-gsap) .za-desk-nav__promo-cta,
  .za-desk-nav__mega.is-open:not(.za-mega-gsap) .za-desk-nav__bar-stat,
  .za-desk-nav__mega.is-open:not(.za-mega-gsap) .za-desk-nav__bar-motto,
  .za-desk-nav__mega.is-open:not(.za-mega-gsap) .za-desk-nav__bar-mail,
  .za-desk-nav__dropdown.is-open li {
    animation: none;
    opacity: 1;
    transform: none;
    filter: none;
  }

  .za-desk-nav__bar-live,
  .za-desk-nav__col-visual {
    animation: none;
    transition: none;
  }

  .za-desk-nav__promo:hover .za-desk-nav__promo-media span.is-on,
  .za-desk-nav__promo:hover .za-desk-nav__promo-cta {
    transform: none;
  }
}


.za-desk-nav__col-title span {
  white-space: normal;
  line-height: 1.25;
}

.za-desk-nav__mega--compact .za-desk-nav__col ul {
  columns: 1;
}
#za-mega-marka .za-desk-nav__cols {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
#za-mega-marka .za-desk-nav__col-visual {
  display: block;
}
#za-mega-marka .za-desk-nav__col-note {
  margin: 0;
}
@media only screen and (min-width: 1200px) {
  #za-mega-marka .za-desk-nav__mega-panel {
    min-height: max(55rem, 58vh);
    grid-template-rows: minmax(0, 1fr) auto;
  }
  #za-mega-marka .za-desk-nav__bar {
    display: flex;
    grid-column: 1;
    grid-row: 2;
  }
}

/* Mobil menü: hamburger X ile accordion yıldız/X aynı sağ kolonda üst üste binmesin.
   Kaydırınca satırlar hamburgerin altına girmesin. */
@media only screen and (max-width: 1199px) {
  .mxd-menu__contain {
    box-sizing: border-box;
    padding-top: 8.4rem;
  }

  .mxd-menu__inner {
    padding-top: 0;
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
  }

  .mxd-menu__left {
    padding-right: 4.4rem;
  }

  .main-menu__toggle svg + svg {
    display: none;
  }

  .mxd-nav__hamburger {
    isolation: isolate;
    position: relative;
    z-index: 2100;
    background-color: var(--base-opp-tint);
    border-radius: var(--_radius-l);
  }

  .mxd-nav__hamburger.nav-open {
    z-index: 2100;
  }

  html.za-menu-on .mxd-nav__contain,
  body.za-menu-on .mxd-nav__contain {
    opacity: 1 !important;
    z-index: 3000;
  }

  /* Overlay sayfanın tersi: light’ta koyu, dark’ta açık. */
  html.za-menu-on .mxd-nav__hamburger,
  html.za-menu-on .mxd-nav__hamburger .hamburger__base,
  body.za-menu-on .mxd-nav__hamburger,
  body.za-menu-on .mxd-nav__hamburger .hamburger__base {
    background-color: var(--base-tint);
  }
  html.za-menu-on .mxd-nav__hamburger .hamburger__line,
  body.za-menu-on .mxd-nav__hamburger .hamburger__line {
    background-color: var(--base-opp);
  }

  html.za-menu-on[color-scheme="light"] .mxd-logo__img--dark,
  body.za-menu-on[color-scheme="light"] .mxd-logo__img--dark {
    display: none;
  }
  html.za-menu-on[color-scheme="light"] .mxd-logo__img--light,
  body.za-menu-on[color-scheme="light"] .mxd-logo__img--light {
    display: block;
  }
  html.za-menu-on[color-scheme="dark"] .mxd-logo__img--dark,
  body.za-menu-on[color-scheme="dark"] .mxd-logo__img--dark {
    display: block;
  }
  html.za-menu-on[color-scheme="dark"] .mxd-logo__img--light,
  body.za-menu-on[color-scheme="dark"] .mxd-logo__img--light {
    display: none;
  }

  html.za-menu-on .btn-mobile-icon,
  html.za-menu-on .btn-mobile-icon .btn-caption,
  html.za-menu-on .btn-mobile-icon svg,
  html.za-menu-on .btn-mobile-icon svg path {
    color: var(--st-opp-bright);
    fill: var(--st-opp-bright);
    stroke: var(--st-opp-bright);
    border-color: var(--st-opp-bright);
  }

  .za-menu-close {
    display: none;
  }

  .mxd-nav__hamburger.nav-open .hamburger__line:nth-child(2) {
    transform: translateY(5px) rotate(45deg);
  }
  .mxd-nav__hamburger.nav-open .hamburger__line:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg);
  }

  .mxd-menu__wrapper {
    display: none;
  }
  .mxd-header.menu-is-visible,
  .mxd-nav__wrap.menu-is-visible {
    overflow: visible;
    z-index: 400;
  }
  .mxd-header.menu-is-visible .mxd-menu__wrapper,
  .mxd-nav__wrap.menu-is-visible .mxd-menu__wrapper,
  html.za-menu-on .mxd-menu__wrapper,
  body.za-menu-on .mxd-menu__wrapper {
    position: fixed;
    inset: 0;
    display: flex !important;
    width: 100%;
    height: 100%;
    min-height: 100dvh;
    z-index: 2000;
    overflow: auto;
    background-color: var(--base-opp);
    color: var(--st-opp-bright);
  }
  .mxd-header.menu-is-visible .mxd-menu__base,
  .mxd-nav__wrap.menu-is-visible .mxd-menu__base,
  html.za-menu-on .mxd-menu__base,
  body.za-menu-on .mxd-menu__base {
    position: absolute;
    inset: 0;
    background-color: var(--base-opp);
    color: var(--st-opp-bright);
  }
  html.za-menu-on .main-menu,
  html.za-menu-on .main-menu .main-menu__link,
  html.za-menu-on .main-menu .mxd-menu__link,
  html.za-menu-on .main-menu .submenu a,
  html.za-menu-on .main-menu .btn-caption,
  html.za-menu-on .main-menu .btn-anim__letter,
  body.za-menu-on .main-menu,
  body.za-menu-on .main-menu .main-menu__link,
  body.za-menu-on .main-menu .mxd-menu__link,
  body.za-menu-on .main-menu .submenu a,
  body.za-menu-on .main-menu .btn-caption,
  body.za-menu-on .main-menu .btn-anim__letter {
    color: var(--st-opp-bright);
  }
  html.za-menu-on .main-menu__toggle svg,
  html.za-menu-on .main-menu__toggle svg path,
  body.za-menu-on .main-menu__toggle svg,
  body.za-menu-on .main-menu__toggle svg path {
    fill: var(--base) !important;
    color: var(--base);
  }
  html.za-menu-on .mxd-menu__caption,
  html.za-menu-on .menu-promo,
  html.za-menu-on .mxd-menu__data,
  body.za-menu-on .mxd-menu__caption,
  body.za-menu-on .menu-promo,
  body.za-menu-on .mxd-menu__data {
    color: color-mix(in srgb, var(--st-opp-bright) 72%, transparent);
  }
  .main-menu .btn-anim__block + .btn-anim__block {
    display: none !important;
  }
  .main-menu__toggle {
    display: flex;
    align-items: center;
    min-width: 0;
  }
  .main-menu__toggle .main-menu__link {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
  }
  .main-menu__toggle svg {
    flex-shrink: 0;
    margin-left: 0.8rem;
  }
  .main-menu .btn-caption,
  .main-menu .btn-anim__block {
    overflow: hidden;
    white-space: nowrap;
  }
  .main-menu .btn-anim__block,
  .main-menu .btn-anim__letter {
    transform: none !important;
    translate: none !important;
    opacity: 1 !important;
  }
  .main-menu__item.open .submenu {
    display: block;
  }
}

body.za-menu-on {
  overflow: hidden;
}

/* Blog listing: featured overlay + 3 yazı */
.mxd-post.post-featured {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 48rem;
  border-radius: var(--_radius-m, 1.6rem);
}
.mxd-post.post-featured .post-featured__thumb,
.mxd-post.post-featured .post-featured__thumb img {
  border-radius: inherit;
}

.mxd-testimonials-image__img {
  overflow: hidden;
  border-radius: var(--_radius-m, 1.6rem);
}
.mxd-testimonials-image__img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--_radius-m, 1.6rem);
}
.post-featured__thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(22, 22, 22, 0.12) 0%,
    rgba(22, 22, 22, 0.55) 100%
  );
  pointer-events: none;
}
.post-simple__thumb img,
.post-featured__thumb img {
  object-fit: cover;
}

/* Tema butonu: HTML boş geldiğinde / Phosphor geç yüklenince kaybolmasın */
.mxd-color-switcher {
  color: var(--t-bright);
  background-color: var(--base-tint);
  flex-shrink: 0;
  visibility: visible;
  position: relative;
  z-index: 6;
  cursor: pointer;
  pointer-events: auto !important;
}
.mxd-color-switcher i {
  position: relative;
  z-index: 1;
  overflow: visible;
  color: inherit;
}
.mxd-color-switcher::before {
  z-index: 0;
}
.mxd-color-switcher:empty::after,
.mxd-color-switcher:not(:has(i))::after {
  content: "";
  position: relative;
  z-index: 1;
  width: 1.8rem;
  height: 1.8rem;
  display: block;
  background-color: currentColor;
  pointer-events: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='black' d='M235.54 150.21A104.84 104.84 0 0 1 192 160 104.12 104.12 0 0 1 87.8 24.46a8 8 0 0 0-10.47-9.8A120 120 0 1 0 232 184.86a8 8 0 0 0-9.8-10.47 104.28 104.28 0 0 1 13.34-23.18Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='black' d='M235.54 150.21A104.84 104.84 0 0 1 192 160 104.12 104.12 0 0 1 87.8 24.46a8 8 0 0 0-10.47-9.8A120 120 0 1 0 232 184.86a8 8 0 0 0-9.8-10.47 104.28 104.28 0 0 1 13.34-23.18Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
[color-scheme="dark"] .mxd-color-switcher:empty::after,
[color-scheme="dark"] .mxd-color-switcher:not(:has(i))::after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41'/%3E%3C/svg%3E") center / contain no-repeat;
}

.mxd-blog-preview__image.blog-preview-za-1 {
  background: url("/assets/img/blog/blog-performans.png") center / cover no-repeat;
}
.mxd-blog-preview__image.blog-preview-za-2 {
  background: url("/assets/img/blog/blog-web.png") center / cover no-repeat;
}
.mxd-blog-preview__image.blog-preview-za-3 {
  background: url("/assets/img/blog/blog-sosyal.png") center / cover no-repeat;
}

.mxd-page-content.inner-page-content {
  padding-bottom: 7.2rem;
}
.mxd-page-content.inner-page-content + .mxd-footer,
.mxd-page-content.inner-page-content + #mxd-footer {
  padding-top: 2.4rem;
}
@media only screen and (min-width: 1200px) {
  .mxd-page-content.inner-page-content {
    padding-bottom: 9.6rem;
  }
  .mxd-page-content.inner-page-content + .mxd-footer,
  .mxd-page-content.inner-page-content + #mxd-footer {
    padding-top: 3.2rem;
  }
}

/* Blog: last section already has 14–16rem padding-bottom. Extra inner-page
   padding stacked a second beige band above the footer. Next hydration can
   also inject a 460–930px .padding-pre-manifest divider that is not in the
   CMS listing markup. */
[data-za-blog] .mxd-section-inner-headline {
  padding-top: 8.8rem;
}
@media only screen and (min-width: 768px) {
  [data-za-blog] .mxd-section-inner-headline {
    padding-top: 9.6rem;
  }
}
@media only screen and (min-width: 1200px) {
  [data-za-blog] .mxd-section-inner-headline {
    padding-top: 10rem;
  }
}

[data-za-blog].inner-page-content {
  padding-bottom: 0;
}
[data-za-blog].inner-page-content + .mxd-footer,
[data-za-blog].inner-page-content + #mxd-footer {
  padding-top: 0.8rem;
}
[data-za-blog="standard"] .mxd-section.padding-default {
  padding-bottom: 2.4rem;
}
[data-za-blog="article"] .mxd-section.padding-blog {
  padding-bottom: 2.4rem;
}
@media only screen and (min-width: 1200px) {
  [data-za-blog].inner-page-content + .mxd-footer,
  [data-za-blog].inner-page-content + #mxd-footer {
    padding-top: 1.2rem;
  }
  [data-za-blog="standard"] .mxd-section.padding-default {
    padding-bottom: 3.2rem;
  }
  [data-za-blog="article"] .mxd-section.padding-blog {
    padding-bottom: 3.2rem;
  }
}

[data-za-blog] .widget-ad {
  height: auto !important;
  overflow: hidden;
}
[data-za-blog] .widget-ad .widget__image {
  display: block;
  line-height: 0;
}
[data-za-blog] .widget-ad .widget__image img {
  display: block;
  width: 100%;
  height: auto !important;
  max-height: none;
  object-fit: contain;
  object-position: center;
}
body:has([data-za-blog]) .mxd-section.padding-pre-manifest {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* za-works-rayo */
.inner-headline__title.headline-img-before.headline-img-07::before,
.headline-img-07::before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  background:none!important;
}
[data-za-works="masonry"] .mxd-block__inner-headline{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.za-works-divider{background-image:url("/assets/img/works/work-kampanya.png");background-size:cover;background-position:center}
[data-za-works="details"] .inner-headline__tags{
  height:auto;
  justify-content:flex-start;
}
.mxd-project-cards__inner img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
[data-za-works="details"] .mxd-project-cards .row > .mxd-project-cards__item:first-child .mxd-project-cards__inner img{
  object-position:center 18%;
}
.mxd-project-cards__item{overflow:hidden}
[data-za-works="details"] .za-work-featured .mxd-divider,
[data-za-works="details"] .za-work-featured .mxd-divider__image,
[data-za-works="details"] .za-work-featured .mxd-divider__video{
  position:relative;
  overflow:hidden;
  background-position:center 16%;
  background-size:cover;
}
[data-za-works="details"] .za-work-featured .za-project-player{
  position:absolute;
  inset:0;
}
[data-za-works="details"] .mxd-project-cards{margin-bottom:6.4rem}
@media only screen and (min-width:1200px){
  [data-za-works="details"] .mxd-project-cards{margin-bottom:8rem}
}
[data-za-works="details"] .mxd-project__nav{padding-top:4.8rem}
@media only screen and (min-width:1200px){
  [data-za-works="details"] .mxd-project__nav{padding-top:6rem}
}
.mxd-project-item__preview{background-size:cover;background-position:center 16%}
.za-port-0{background-image:url("/assets/img/works/galata-rezidans.webp");background-size:cover;background-position:center}
.za-port-wide-atolye-kimlik-sistemi{background-image:url("/assets/img/works/armola-town.webp");background-size:cover;background-position:center}
.za-port-1{background-image:url("/assets/img/works/saribektas.webp");background-size:cover;background-position:center}
.za-port-wide-klinik-web-arayuzu{background-image:url("/assets/img/works/ata-saglik-hospital.jpg");background-size:cover;background-position:center}
.za-port-2{background-image:url("/assets/img/works/altun-urla.webp");background-size:cover;background-position:center}
.za-port-wide-konak-icerik-arsivi{background-image:url("/assets/img/works/galata-rezidans.webp");background-size:cover;background-position:center}
.za-port-3{background-image:url("/assets/img/works/jti.webp");background-size:cover;background-position:center}
.za-port-wide-zeytin-etiket-serisi{background-image:url("/assets/img/works/taris.webp");background-size:cover;background-position:center}
.za-port-4{background-image:url("/assets/img/works/taris.webp");background-size:cover;background-position:center}
.za-port-wide-tekstil-katalogu{background-image:url("/assets/img/works/work-katalog.png");background-size:cover;background-position:center}
.za-port-5{background-image:url("/assets/img/works/freshbak.webp");background-size:cover;background-position:center}
.za-port-wide-gece-kampanya-gorseli{background-image:url("/assets/img/works/jti.webp");background-size:cover;background-position:center}
.za-port-wide-liman-rezervasyon{background-image:url("/assets/img/works/tceege.webp");background-size:cover;background-position:center}
.za-port-wide-firin-vitrin{background-image:url("/assets/img/works/freshbak.webp");background-size:cover;background-position:center}
.za-port-wide-studyo-portfolyo{background-image:url("/assets/img/works/altun-urla.webp");background-size:cover;background-position:center}
.za-port-wide-oda-yonetim-paneli{background-image:url("/assets/img/works/work-web-oda.png");background-size:cover;background-position:center}
.za-port-wide-bahce-magaza{background-image:url("/assets/img/works/saribektas.webp");background-size:cover;background-position:center}
.za-port-wide-mutfak-haftalik-set{background-image:url("/assets/img/works/work-sosyal-mutfak.png");background-size:cover;background-position:center}
.za-port-wide-sahil-reels-gunu{background-image:url("/assets/img/works/teos-vita.webp");background-size:cover;background-position:center}
.za-port-wide-klinik-egitim-serisi{background-image:url("/assets/img/works/healthy-life-clinic.webp");background-size:cover;background-position:center}
.za-port-wide-atolye-storyboard{background-image:url("/assets/img/works/work-sosyal-atolye.png");background-size:cover;background-position:center}
.za-port-wide-menu-kart-akis{background-image:url("/assets/img/works/work-sosyal-menu.png");background-size:cover;background-position:center}
.za-port-wide-kitap-kapak-serisi{background-image:url("/assets/img/works/work-marka-kitap.png");background-size:cover;background-position:center}
.za-port-wide-kutu-ambalaj-dili{background-image:url("/assets/img/works/work-marka-kutu.png");background-size:cover;background-position:center}
.za-port-wide-antetli-imza-seti{background-image:url("/assets/img/works/work-marka-antetli.png");background-size:cover;background-position:center}
.za-port-wide-durak-key-visual{background-image:url("/assets/img/works/work-kampanya-durak.png");background-size:cover;background-position:center}
.za-port-wide-lansman-afis{background-image:url("/assets/img/works/work-kampanya-lansman.png");background-size:cover;background-position:center}
.za-port-wide-fuar-duvar{background-image:url("/assets/img/works/work-kampanya-fuar.png");background-size:cover;background-position:center}
.za-port-wide-otoyol-pano{background-image:url("/assets/img/works/work-kampanya-otoyol.png");background-size:cover;background-position:center}
.za-port-wide-vitrin-kampanya{background-image:url("/assets/img/works/work-kampanya-vitrin.png");background-size:cover;background-position:center}
.mxd-projects-masonry__title.headline-title:has(.za-works-cats){margin-bottom:12.9rem}
@media only screen and (min-width:768px){
  .mxd-projects-masonry__title.headline-title:has(.za-works-cats){margin-bottom:14.6rem}
}
@media only screen and (min-width:1200px){
  .mxd-projects-masonry__title.headline-title:has(.za-works-cats){margin-bottom:14.2rem}
  .mxd-projects-masonry__gallery.row{align-items:flex-start}
}
@media only screen and (min-width:1600px){
  .mxd-projects-masonry__title.headline-title:has(.za-works-cats){margin-bottom:17.9rem}
}
.za-works-cats{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  gap:2.2rem;
  margin-top:2.4rem;
  max-width:none;
}
.za-works-cats__btn{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  gap:.85rem;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  font-family:var(--_font-default,"Funnel Sans",sans-serif);
  font-size:2rem;
  font-weight:400;
  line-height:1.2;
  letter-spacing:.02em;
  color:var(--st-medium,#7C7C7C);
  cursor:pointer;
  white-space:nowrap;
  transition:color .25s ease;
}
.za-works-cats__btn::before{
  content:"";
  width:.7rem;
  height:.7rem;
  border-radius:50%;
  background:currentColor;
  opacity:0;
  transform:scale(.6);
  transition:opacity .25s ease,transform .25s ease;
}
.za-works-cats__btn:hover{color:var(--st-bright,#161616)}
.za-works-cats__btn.is-on{
  color:var(--st-bright,#161616);
}
.za-works-cats__btn.is-on::before{
  opacity:1;
  transform:scale(1);
}
[color-scheme="dark"] .za-works-cats__btn{color:var(--st-medium,#9a9a9a)}
[color-scheme="dark"] .za-works-cats__btn:hover,
[color-scheme="dark"] .za-works-cats__btn.is-on{color:var(--st-bright,#faf7f6)}
.mxd-project-item__tags{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  max-width:86%;
}
[data-za-works="masonry"] .mxd-project-item__media.masonry-media{
  overflow:hidden;
  border-radius:var(--_radius-l);
  isolation:isolate;
}
[data-za-works="masonry"] .mxd-project-item__preview.masonry-preview{
  border-radius:0;
  transform-origin:center center;
  will-change:transform;
  backface-visibility:hidden;
}
[data-za-works="masonry"] .mxd-project-item__tags{
  z-index:2;
}
[data-za-works="masonry"] .mxd-section:has(.mxd-promo){
  overflow:visible;
}
[data-za-works="masonry"] .mxd-promo__inner{
  border-radius:var(--_radius-l);
  overflow:hidden;
}
.mxd-footer .anim-uni-in-up,
#mxd-footer .anim-uni-in-up,
.mxd-footer .animate-card-3,
#mxd-footer .animate-card-3{
  opacity:1 !important;
  transform:none !important;
}
.za-works-swap .masonry-media,.za-works-swap .mxd-project-item__promo{transition:opacity .38s cubic-bezier(.23,.65,.74,1.09),transform .38s cubic-bezier(.23,.65,.74,1.09)}
.mxd-projects-masonry__item:nth-child(3) .masonry-media,.mxd-projects-masonry__item:nth-child(3) .mxd-project-item__promo{transition-delay:.05s}
.mxd-projects-masonry__item:nth-child(4) .masonry-media,.mxd-projects-masonry__item:nth-child(4) .mxd-project-item__promo{transition-delay:.09s}
.mxd-projects-masonry__item:nth-child(5) .masonry-media,.mxd-projects-masonry__item:nth-child(5) .mxd-project-item__promo{transition-delay:.13s}
.mxd-projects-masonry__item:nth-child(6) .masonry-media,.mxd-projects-masonry__item:nth-child(6) .mxd-project-item__promo{transition-delay:.17s}
.mxd-projects-masonry__item:nth-child(7) .masonry-media,.mxd-projects-masonry__item:nth-child(7) .mxd-project-item__promo{transition-delay:.21s}
.mxd-projects-masonry__item.is-swap-out .masonry-media,.mxd-projects-masonry__item.is-swap-out .mxd-project-item__promo{opacity:0;transform:translateY(22px)}
@media (max-width:1199px){
  .za-works-cats{flex-wrap:wrap;gap:1.4rem 2rem;margin-top:2.8rem}
  .za-works-cats__btn{font-size:1.8rem}
}

#projects,
.mxd-pinned-projects,
.mxd-section.padding-mtext,
.mxd-approach-list,
.mxd-section:has(.mxd-approach-list),
.swiper-testimonials,
.mxd-section:has(.swiper-testimonials),
.mxd-block__name.name-manifest,
#za-atelier,
.za-atelier{
  display:none !important;
}
/* za-star-loader */
#loader.za-loader,
.loader.za-loader,
#loader.za-loader .loader__wrapper{
  background:#0b0b0c !important;
}
.za-loader .loader__wrapper{
  display:flex;
  align-items:center;
  justify-content:center;
}
.za-loader__stage{
  position:relative;
  width:min(28rem,58vw);
  height:min(28rem,58vw);
  display:grid;
  place-items:center;
  contain:layout;
}
.za-loader__glow{
  position:absolute;
  inset:8%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.22) 0%,transparent 68%);
  animation:za-load-breathe 2.4s ease-in-out infinite;
  pointer-events:none;
  will-change:opacity;
}
.za-loader__ring{
  position:absolute;
  inset:4%;
  border-radius:50%;
  border:1px dashed rgba(159,139,231,.5);
  pointer-events:none;
  animation:za-load-spin 10s linear infinite;
  will-change:transform;
}
.za-loader__ring--a{
  inset:0;
  animation-duration:12s;
  opacity:.55;
}
.za-loader__ring--b{
  inset:8%;
  animation-duration:9s;
  animation-direction:reverse;
  opacity:.85;
}
.za-loader__ring--c{
  inset:16%;
  animation-duration:6s;
  border-style:solid;
  border-width:1px;
  border-color:rgba(255,255,255,.22);
  opacity:.3;
}
.za-loader__sparks{
  display:none !important;
}
.za-loader__star{
  position:relative;
  z-index:2;
  width:46%;
  aspect-ratio:1;
}
.za-loader__draw{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
}
.za-loader__draw path{
  fill:none;
  stroke:#fff;
  stroke-width:.55;
  stroke-linejoin:round;
  stroke-linecap:round;
  stroke-dasharray:80;
  stroke-dashoffset:80;
  animation:za-load-draw 1.05s cubic-bezier(.23,.65,.74,1.09) forwards;
}
.za-loader__chrome{
  position:absolute;
  inset:8%;
  width:84%;
  height:84%;
  object-fit:contain;
  opacity:0;
  transform:scale(.72);
  animation:za-load-chrome .9s .28s cubic-bezier(.23,.65,.74,1.09) forwards;
}
.za-loader .loader__content,
.za-loader__meta{
  position:absolute;
  left:50%;
  bottom:9vh;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.6rem;
  z-index:3;
}
.za-loader .loader__count{
  display:flex;
  align-items:baseline;
  color:#fff;
  font-family:var(--_font-accent,"Funnel Display",sans-serif);
  font-size:clamp(3.2rem,6vw,5.6rem);
  font-weight:700;
  line-height:1;
  letter-spacing:-.04em;
}
.za-loader .loader__count span{
  display:inline;
  font:inherit;
  font-size:inherit;
  letter-spacing:inherit;
  color:inherit;
  line-height:inherit;
}
.za-loader .loader__count .count__percent{
  font-size:.42em;
  margin-left:.12em;
  color:#9F8BE7;
}
.za-loader__brand{
  margin:0;
  color:rgba(255,255,255,.62);
  font-family:var(--_font-default,"Funnel Sans",sans-serif);
  font-size:1.3rem;
  letter-spacing:.28em;
  text-transform:uppercase;
}
html:not(.za-booted) #loader.za-loader{
  opacity:1 !important;
  visibility:visible !important;
  display:flex !important;
  pointer-events:auto !important;
}
html.za-booted #loader,
html.za-booted #loader.loaded,
html.za-booted .loader.loaded{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  display:none !important;
}

/* Eski Next ChatWidget: yeni za-assist kullanılıyor */
[class*="ChatWidget-module"]{
  display:none !important;
}
.za-loader.is-out .za-loader__star{
  animation:za-load-burst .55s cubic-bezier(.55,0,.1,1) forwards;
}
.za-loader.is-out .za-loader__ring,
.za-loader.is-out .za-loader__glow,
.za-loader.is-out .za-loader__meta,
.za-loader.is-out .loader__content{
  opacity:0;
  transition:opacity .28s ease;
}
@keyframes za-load-draw{to{stroke-dashoffset:0}}
@keyframes za-load-chrome{
  to{opacity:1;transform:scale(1)}
}
@keyframes za-load-spin{to{transform:rotate(360deg)}}
@keyframes za-load-breathe{
  0%,100%{opacity:.55}
  50%{opacity:1}
}
@keyframes za-load-burst{
  to{transform:scale(2.2);opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .za-loader__ring,.za-loader__glow,.za-loader__chrome,.za-loader__draw path{animation:none}
  .za-loader__chrome{opacity:1;transform:none}
  .za-loader__draw path{stroke-dashoffset:0}
}

.za-facts-section {
  display: block !important;
}
.za-facts-list .mxd-awards-list__title {
  overflow: visible;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 0;
}
.za-facts-list .mxd-awards-list__title p {
  white-space: normal;
  line-height: 1.2;
}
.za-facts-list .mxd-awards-list__inner {
  padding: 2.2rem 0;
}
.za-fact-desc p {
  margin: 0;
  max-width: 64rem;
  font-size: 1.8rem;
  line-height: 1.5;
  color: var(--st-medium, #7c7c7c);
}
@media only screen and (max-width: 1199px) {
  .za-fact-desc {
    padding-top: 0.6rem;
  }
}
@media only screen and (min-width: 1200px) {
  .za-fact-desc {
    padding-left: 2.4rem;
  }
}
.za-facts-list,
.za-facts-list .za-fact-item {
  overflow: visible !important;
}
.za-fact-item {
  position: relative;
  display: block;
  cursor: default;
}
.za-fact-preview {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 26rem;
  height: 26rem;
  margin: 0;
  padding: 0;
  pointer-events: none;
  z-index: 120;
  overflow: hidden;
  border-radius: 1.6rem;
  opacity: 0;
  visibility: hidden;
  background: var(--base-tint, #fff);
  box-shadow: 0 1.8rem 4.8rem rgba(22, 22, 22, 0.22);
  transform: none;
}
.za-fact-preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: none !important;
  transform-origin: center !important;
}
@media (hover: hover) and (min-width: 768px) {
  .za-fact-preview {
    display: block;
  }
  .za-fact-preview.is-on {
    opacity: 1;
    visibility: visible;
  }
}

/* Eski sibling-link şablonu */
.za-related-awards,
.mxd-awards-list.hover-reveal,
.mxd-awards-list .hover-reveal__item {
  overflow: visible !important;
}
.mxd-awards-list .hover-reveal__item {
  position: relative;
}
@media (hover: hover) and (min-width: 768px) {
  .mxd-awards-list .hover-reveal__content {
    display: block !important;
    position: absolute !important;
    left: 46%;
    top: 50%;
    width: 22rem;
    height: 22rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 80;
    overflow: hidden;
    border-radius: var(--_radius-m, 1.6rem);
    box-shadow: 0 1.8rem 4.8rem rgba(22, 22, 22, 0.22);
    transform: translate(-50%, -50%) scale(0.92);
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
  }
  .mxd-awards-list .hover-reveal__item:hover .hover-reveal__content {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) scale(1);
  }
  .mxd-awards-list .hover-reveal__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: none !important;
  }
}

/* Hizmet sayfaları: başlık / özellik başlığı -2 tık, metin -1 tık */
.inner-page-content:has(.za-facts-section) .inner-headline__title {
  font-size: 4.8rem;
}
@media only screen and (min-width: 768px) {
  .inner-page-content:has(.za-facts-section) .inner-headline__title {
    font-size: 7.6rem;
  }
}
@media only screen and (min-width: 1200px) {
  .inner-page-content:has(.za-facts-section) .inner-headline__title {
    font-size: 8rem;
  }
}
@media only screen and (min-width: 1600px) {
  .inner-page-content:has(.za-facts-section) .inner-headline__title {
    font-size: 10rem;
  }
}
.inner-page-content:has(.za-facts-section) h2 {
  font-size: 3.4rem;
}
@media only screen and (min-width: 768px) {
  .inner-page-content:has(.za-facts-section) h2 {
    font-size: 5.4rem;
  }
}
.inner-page-content:has(.za-facts-section) .za-facts-list .mxd-awards-list__title p {
  font-size: 2.4rem;
}
@media only screen and (min-width: 768px) {
  .inner-page-content:has(.za-facts-section) .za-facts-list .mxd-awards-list__title p {
    font-size: 3.4rem;
  }
}
.inner-page-content:has(.za-facts-section) .inner-headline__text,
.inner-page-content:has(.za-facts-section) .mxd-block__inner-headline p.inner-headline__text.t-large {
  font-size: 2.5rem;
}
@media only screen and (min-width: 1600px) {
  .inner-page-content:has(.za-facts-section) .inner-headline__text,
  .inner-page-content:has(.za-facts-section) .mxd-block__inner-headline p.inner-headline__text.t-large {
    font-size: 2.8rem;
  }
}
.inner-page-content:has(.za-facts-section) .za-fact-desc p {
  font-size: 1.6rem;
}
.inner-page-content:has(.za-facts-section) .za-note-cms p.t-large {
  font-size: 2.3rem;
}
@media only screen and (min-width: 1600px) {
  .inner-page-content:has(.za-facts-section) .za-note-cms p.t-large {
    font-size: 2.8rem;
  }
}
.inner-page-content:has(.za-facts-section) .za-note-cms p:not(.t-large) {
  font-size: 1.6rem;
}
@media only screen and (min-width: 1600px) {
  .inner-page-content:has(.za-facts-section) .za-note-cms p:not(.t-large) {
    font-size: 2rem;
  }
}
.za-works-cats{display:none!important}
[data-za-works="masonry"].is-empty .mxd-section:has(.testimonials-slider-2){
  display:none!important;
}

/* ---------------------------------------------------------------
 * Ana sayfa: istatistik kartindaki ekip fotografi (gorsel karta tam oturur)
 * --------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
  .mxd-stats-cards__image.mxd-stats-cards-image-2 {
    top: 0;
    bottom: 0;
    left: 0;
    width: 66%;
    padding: 0;
  }
  .mxd-stats-cards__image.mxd-stats-cards-image-2 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 53% 40%;
  }
}

/* ---------------------------------------------------------------
 * Hakkimizda sayfasi (panelden yonetilir)
 * --------------------------------------------------------------- */
.za-about-photo {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: var(--_radius-m);
  background: var(--base-shade);
  aspect-ratio: 4 / 3;
}
@media only screen and (min-width: 768px) {
  .za-about-photo { aspect-ratio: 16 / 9; }
}
.za-about-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 40%;
}
.za-about-photo__cap {
  position: absolute;
  left: 1.6rem;
  bottom: 1.6rem;
  right: 1.6rem;
  display: flex;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .za-about-photo__cap { left: 2.4rem; bottom: 2.4rem; }
}
.za-about-photo__pill {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  padding: 1rem 1.8rem;
  border-radius: 99rem;
  background: rgba(var(--base-rgb), 0.82);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--t-bright);
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: var(--fw-medium);
}
.za-about-photo__pill svg {
  width: 1.6rem;
  height: 1.6rem;
  color: var(--accent);
}

.za-about-stats {
  display: grid;
  gap: 1.6rem;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 768px) {
  .za-about-stats { grid-template-columns: repeat(var(--za-cols, 3), minmax(0, 1fr)); }
}
.za-about-stat {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2.4rem;
  min-height: 18rem;
  padding: 3rem;
  border-radius: var(--_radius-m);
  background: var(--base-tint);
}
@media only screen and (min-width: 1200px) {
  .za-about-stat { min-height: 24rem; padding: 4rem; }
}
.za-about-stat--accent { background: var(--accent); }
.za-about-stat__num {
  margin: 0;
  font: normal var(--fw-medium) clamp(5.6rem, 8vw, 9rem) / 0.9 var(--_font-accent);
  letter-spacing: -0.1rem;
  color: var(--t-bright);
}
.za-about-stat__label {
  margin: 0;
  max-width: 26rem;
  font-size: 1.8rem;
  line-height: 1.35;
  color: var(--t-medium);
}
.za-about-stat--accent .za-about-stat__num,
.za-about-stat--accent .za-about-stat__label { color: var(--t-opp-bright); }

.za-about-story__p {
  margin-top: 2rem;
  font-size: 1.8rem;
  line-height: 1.6;
  color: var(--t-medium);
}
@media only screen and (min-width: 1600px) {
  .za-about-story__p { font-size: 2rem; }
}

.za-about-values {
  display: grid;
  gap: 1.6rem;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 768px) {
  .za-about-values { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media only screen and (min-width: 1200px) {
  .za-about-values { grid-template-columns: repeat(var(--za-cols, 4), minmax(0, 1fr)); }
}
.za-about-value {
  display: flex;
  flex-direction: column;
  padding: 3rem 2.8rem;
  border-radius: var(--_radius-m);
  background: var(--base-tint);
  border: 1px solid transparent;
  transition: transform 0.35s ease, border-color 0.35s ease;
}
.za-about-value:hover {
  transform: translateY(-0.4rem);
  border-color: var(--st-muted);
}
.za-about-value__icon {
  display: inline-grid;
  place-items: center;
  width: 4.4rem;
  height: 4.4rem;
  margin-bottom: 2.4rem;
  border-radius: 50%;
  background: var(--accent);
  color: var(--t-opp-bright);
}
.za-about-value__icon svg { width: 1.8rem; height: 1.8rem; }
.za-about-value__title {
  margin: 0 0 1.2rem;
  font: normal var(--fw-medium) 2.4rem / 1.2 var(--_font-accent);
  color: var(--t-bright);
}
.za-about-value__text {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.55;
  color: var(--t-medium);
}

.za-about-steps {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  grid-template-columns: 1fr;
  border-top: 1px solid var(--st-muted);
}
.za-about-step {
  display: grid;
  gap: 1rem;
  padding: 2.6rem 0;
  border-bottom: 1px solid var(--st-muted);
}
@media only screen and (min-width: 1200px) {
  .za-about-steps {
    grid-template-columns: repeat(var(--za-cols, 4), minmax(0, 1fr));
    gap: 2.8rem;
    border-top: 0;
  }
  .za-about-step {
    align-content: start;
    padding: 2.4rem 0 0;
    border-top: 1px solid var(--st-muted);
    border-bottom: 0;
  }
}
.za-about-step__num {
  font: normal var(--fw-medium) 1.6rem / 1 var(--_font-accent);
  color: var(--t-muted);
  letter-spacing: 0.1rem;
}
.za-about-step__title {
  margin: 0.4rem 0 0;
  font: normal var(--fw-medium) 2.4rem / 1.2 var(--_font-accent);
  color: var(--t-bright);
}
.za-about-step__text {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.55;
  color: var(--t-medium);
}

.za-about-cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.8rem;
  padding: 4.2rem 3rem;
  border-radius: var(--_radius-m);
  background: var(--accent);
  color: var(--t-opp-bright);
}
@media only screen and (min-width: 1200px) {
  .za-about-cta {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    padding: 7rem 6rem;
  }
}
.za-about-cta__title {
  max-width: 62rem;
  margin: 0 0 1.6rem;
  font: normal var(--fw-medium) clamp(3.4rem, 5vw, 6.4rem) / 1.05 var(--_font-accent);
  letter-spacing: -0.1rem;
  color: var(--t-opp-bright);
}
.za-about-cta__text {
  max-width: 52rem;
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.5;
  color: var(--t-opp-bright);
  opacity: 0.85;
}
.za-about-cta__actions { flex: 0 0 auto; }
/* Hakkimizda: bolum ici hizalama (baslik / liste ile ayni 1.5rem ic bosluk) */
.za-about-page .za-about-photo,
.za-about-page .za-about-stats,
.za-about-page .za-about-values,
.za-about-page .za-about-steps,
.za-about-page .za-about-cta {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.za-about-services .mxd-awards-list__title p {
  transform: none;
}
/* Hakkimizda: foto + rakamlar tek sablonda */
.za-about-page .za-about-show {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.za-about-page .za-about-show .za-about-photo,
.za-about-page .za-about-show .za-about-stats {
  margin-left: 0;
  margin-right: 0;
}
.za-about-show--combo {
  display: grid;
  gap: 1.6rem;
  grid-template-columns: minmax(0, 1fr);
}
.za-about-show--combo .za-about-photo img {
  object-position: 66% 40%;
}
@media only screen and (min-width: 1200px) {
  .za-about-show--combo {
    grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
    align-items: stretch;
  }
  .za-about-show--combo .za-about-photo {
    aspect-ratio: auto;
    min-height: 44rem;
  }
  .za-about-show--combo .za-about-photo img {
    position: absolute;
    inset: 0;
  }
  .za-about-show--combo .za-about-stats {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: 1fr;
  }
  .za-about-show--combo .za-about-stat {
    min-height: 0;
    padding: 2.8rem 3.2rem;
    gap: 1.2rem;
  }
  .za-about-show--combo .za-about-stat__num {
    font-size: clamp(5rem, 5.2vw, 8rem);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .mxd-stats-cards__image.mxd-stats-cards-image-2 { width: 60%; }
  .mxd-stats-cards__image.mxd-stats-cards-image-2 img { object-position: 58% 40%; }
}
/* ===============================================================
 * Hakkimizda: tek tasarim dili (bolumler arasi butunluk)
 * - her bolum ayni iskelet: solda baslik, sagda icerik
 * - ayni kart stili, ayni rozet, ayni bosluklar
 * =============================================================== */
.za-about-page {
  --za-gap: clamp(6.4rem, 8vw, 11rem);
  --za-card-pad: 3rem;
  --za-card-gap: 1.6rem;
}
.za-about-page > .mxd-section:not(.mxd-section-inner-headline) {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: var(--za-gap);
  margin-bottom: 0;
}
.za-about-page > .mxd-section-inner-headline {
  padding-bottom: 0;
  margin-bottom: 0;
}
.za-about-page > .mxd-section-inner-headline + .mxd-section {
  margin-top: clamp(4rem, 5vw, 7rem);
}
.za-about-page > .mxd-section:last-child {
  margin-bottom: var(--za-gap);
}

/* ortak kart */
.za-about-page .za-about-stat,
.za-about-page .za-about-value,
.za-about-page .za-about-step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--za-card-pad);
  border: 1px solid transparent;
  border-radius: var(--_radius-m);
  background: var(--base-tint);
}
.za-about-page .za-about-value,
.za-about-page .za-about-step {
  transition: transform 0.35s ease, border-color 0.35s ease;
}
.za-about-page .za-about-value:hover,
.za-about-page .za-about-step:hover {
  transform: translateY(-0.4rem);
  border-color: var(--st-muted);
}
.za-about-page .za-about-stats,
.za-about-page .za-about-show {
  gap: var(--za-card-gap);
}

/* ortak rozet (yildiz / adim numarasi) */
.za-about-page .za-about-value__icon,
.za-about-page .za-about-step__num {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 4.4rem;
  height: 4.4rem;
  margin: 0 0 2.4rem;
  border-radius: 50%;
  background: var(--accent);
  color: var(--t-opp-bright);
  font: normal var(--fw-medium) 1.6rem / 1 var(--_font-accent);
  letter-spacing: 0;
}
.za-about-page .za-about-value__title,
.za-about-page .za-about-step__title {
  margin: 0 0 1.2rem;
  font: normal var(--fw-medium) 2.4rem / 1.2 var(--_font-accent);
  color: var(--t-bright);
}
.za-about-page .za-about-value__text,
.za-about-page .za-about-step__text {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.55;
  color: var(--t-medium);
}

/* sag sutundaki kart izgaralari: ikili */
.za-about-page .za-about-cards {
  display: grid;
  gap: var(--za-card-gap);
  grid-template-columns: minmax(0, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
}
@media only screen and (min-width: 768px) {
  .za-about-page .za-about-cards.za-about-values,
  .za-about-page .za-about-cards.za-about-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.za-about-page .za-about-cards.za-about-steps .za-about-step {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding: var(--za-card-pad);
}

/* basliklar solda sabit dursun */
@media only screen and (min-width: 1200px) {
  .za-about-sec .mxd-section-title__hrtitle {
    position: sticky;
    top: 12rem;
  }
}

/* sayfanin kalan kisimlari ile ayni margin mantigi */
.za-about-page .za-about-show,
.za-about-page .za-about-cta {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.za-about-page .za-about-cta { padding: 5rem var(--za-card-pad); }
@media only screen and (min-width: 1200px) {
  .za-about-page .za-about-cta { padding: 6rem 5rem; }
}
.za-about-page .za-about-stat--accent { background: var(--accent); }.za-about-page > .mxd-section-inner-headline { min-height: 0; }