:root{--green:var(--brand);--green-dark:#5834b8}.logo-wrap img{width:var(--cms-logo-width);max-width:100%}.mobile-extra-link{display:none!important}.hero-slide .container{position:relative;min-height:540px;display:flex;align-items:center}.hero-slide .hero-copy{position:relative;z-index:2;max-width:49%;padding:55px 0 75px}.hero-image{position:absolute;right:0;top:0;width:50%;height:100%;object-fit:cover}.hero-description{max-width:460px}.cms-slider{position:relative;overflow:hidden;background:#f4f0fc}.slider-controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;z-index:3;background:#ffffffed;padding:8px 16px;border-radius:30px}.slider-controls button{border:0;background:transparent;color:var(--brand);min-width:28px;min-height:28px}.slide-dots{display:flex;gap:5px}.slide-dots button{min-width:9px;min-height:9px;width:9px;height:9px;border-radius:50%;padding:0;background:#d8ccef}.slide-dots button[aria-current=true]{background:var(--brand)}[hidden]{display:none!important}.feature-rich p{margin:0;font-size:12px}.footer-rich p{color:#fff}.whatsapp-float,.whatsapp-button{background:#25d366!important;color:#fff!important}.whatsapp-float:hover,.whatsapp-button:hover{background:#128c7e!important}.detail-photo{display:block}.product-gallery{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.product-gallery img{width:90px;height:90px;object-fit:cover;border-radius:8px}.document-group{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-bottom:42px}.document-group img{width:100%;height:300px;object-fit:contain;transition:transform .2s}.document-group img:hover{transform:scale(1.025)}.document-standards img{height:125px}.document-brand{display:flex;justify-content:center}.document-brand img{width:300px;height:188px}.document-missing{border:1px solid #eee;padding:35px 15px;text-align:center;color:#666}.document-missing small{display:block;margin-top:10px}.lightbox{width:96vw;max-width:1400px;height:94vh;max-height:94vh;padding:0;border:0;background:#15121e;color:#fff;border-radius:12px}.lightbox::backdrop{background:#000d}.lightbox-toolbar{display:flex;align-items:center;gap:18px;padding:14px 22px;height:60px}.lightbox-toolbar span{flex:1}.lightbox button{border:0;background:transparent;color:#fff;font-size:28px;padding:3px 12px}.lightbox a{color:#fff}.lightbox-body{height:calc(100% - 60px);display:flex;align-items:center;justify-content:space-between;overflow:auto}.lightbox-body img{max-width:calc(100% - 110px);max-height:100%;object-fit:contain;margin:auto}.lightbox-body.zoomed img{max-height:none;max-width:none;width:auto}.lightbox-prev,.lightbox-next{position:sticky;left:0;right:0;background:#15121ecc!important;z-index:2}.editorial-content img{max-width:100%;height:auto}.editorial-content table{display:block;overflow:auto}button:focus-visible,a:focus-visible{outline:3px solid #c5b4f3;outline-offset:3px}@media(max-width:991px){.mobile-extra-link{display:block!important}.hero-slide .container{min-height:460px}.hero-slide .hero-copy{max-width:52%}.document-group{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.logo-wrap img{width:var(--cms-mobile-logo-width)}.hero-slide .container{display:flex;flex-direction:column;padding-bottom:65px}.hero-slide .hero-copy{max-width:100%;width:100%;padding:32px 10px 22px}.hero-image{position:relative;width:100%;height:250px;order:2}.hero-slide h1{font-size:35px}.document-group{grid-template-columns:repeat(2,1fr);gap:15px}.document-group img{height:230px}.document-standards img{height:85px}.document-brand img{height:auto}.lightbox-original{font-size:12px}.lightbox-toolbar{gap:5px;padding:10px}.lightbox-body img{max-width:calc(100% - 70px)}.lightbox button{padding:3px 7px}}

.hero-slide .hero-copy{width:49%}.hero-slide .hero-image{mix-blend-mode:normal}.main-nav{background:var(--brand)}@media(max-width:600px){.hero-slide .hero-copy{width:100%}}

.drawer-backdrop,
.drawer-close {
  display: none;
}

@media (max-width: 767px) {
  body.menu-is-open {
    overflow: hidden;
  }

  .main-nav {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    gap: 8px !important;
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: min(320px, 85vw);
    height: 100dvh;
    padding: 76px 24px 30px !important;
    margin: 0;
    background: var(--brand, #7753e7);
    border: 0;
    overflow-y: auto;
    z-index: 10001;
    transform: translateX(-100%);
    visibility: hidden;
    transition: transform 250ms ease, visibility 250ms;
    box-shadow: none;
  }

  .main-nav.open {
    transform: translateX(0);
    visibility: visible;
    box-shadow: 12px 0 40px #0003;
  }

  .main-nav a {
    display: block;
    color: #fff;
    padding: 14px 0;
    font-size: 15px;
    border-bottom: 1px solid #ffffff26;
  }

  .drawer-close {
    display: grid;
    place-items: center;
    position: absolute;
    top: 18px;
    right: 18px;
    width: 40px;
    height: 40px;
    border: 1px solid #ffffff40;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    font-size: 28px;
    cursor: pointer;
  }

  .drawer-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: #0007;
    opacity: 0;
    visibility: hidden;
    transition: opacity 250ms ease, visibility 250ms;
  }

  body.menu-is-open .drawer-backdrop {
    opacity: 1;
    visibility: visible;
  }
}

@media (prefers-reduced-motion: reduce) {
  .main-nav,
  .drawer-backdrop {
    transition: none !important;
  }
}
@media (max-width: 767px) {
  /* Slaytın altında boş alan bırakma */
  .hero.cms-slider {
    height: auto;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    background: #f4f0fc;
  }

  .hero.cms-slider .hero-slide {
    position: relative;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

  .hero.cms-slider .hero-slide > .container {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    height: auto;
    min-height: 0;
    padding-top: 26px;
    padding-bottom: 22px;
  }

  /* Görsel yazının arkasında, normal akışın dışında */
  .hero.cms-slider .hero-slide .hero-image {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    padding: 0;
    object-fit: cover;
    object-position: center;
    mix-blend-mode: normal;
    opacity: 0.53 !important;
    pointer-events: none;
    user-select: none;
  }

  /* Yazı tarafında hafif zemin */
  .hero.cms-slider .hero-slide > .container::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
      90deg,
      rgba(244, 240, 252, 0.80) 0%,
      rgba(244, 240, 252, 0.40) 55%,
      rgba(244, 240, 252, 0.05) 100%
    );
    pointer-events: none;
  }

  /* Metin ve buton */
  .hero.cms-slider .hero-copy {
    position: relative;
    z-index: 2;
    order: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  .hero.cms-slider .hero-copy .eyebrow {
    margin-bottom: 10px;
    font-size: 10px;
    line-height: 1.5;
  }

  .hero.cms-slider .hero-copy h1 {
    max-width: 100%;
    margin: 0 0 12px;
    color: #282032;
    font-size: clamp(28px, 7vw, 36px);
    line-height: 1.15;
    letter-spacing: -1px;
  }

  .hero.cms-slider .hero-copy h1 span {
    color: var(--brand, #7753e7);
  }

  .hero.cms-slider .hero-description {
    max-width: 100%;
    margin: 0;
  }

  .hero.cms-slider .hero-description p {
    max-width: 100%;
    margin: 0 0 12px;
      color: #26085a;
    font-weight: 600;
    opacity: 1;
    font-size: 13px;
    line-height: 1.6;
  }

  .hero.cms-slider .hero-copy .btn-brand {
    min-height: 44px;
    padding: 12px 18px;
    font-size: 11px;
  }

  /* Slayt kontrol düğmeleri */
  .hero.cms-slider .slider-controls {
    position: relative;
    inset: auto;
    z-index: 3;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: fit-content;
    max-width: calc(100% - 32px);
    margin: 0 auto 12px;
    padding: 6px 12px;
  }

  .hero.cms-slider .slide-dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
  }

  /* Gizli slaytlar yer kaplamasın */
  .hero.cms-slider .hero-slide[hidden] {
    display: none !important;
  }
}