/*
 * 3E Yazilim - sade ve profesyonel son katman
 * Baslik, metin, kart ve butonlarda yapay parlama/cam/gradient etkilerini
 * kaldirir. Header, footer, gorseller, bannerlar ve cihaz cizimleri korunur.
 */

:root {
  --three-plain-navy: #071a35;
  --three-plain-ink: #10233f;
  --three-plain-blue: #155eef;
  --three-plain-green: #158c59;
  --three-plain-line: #d8e0ea;
  --three-plain-soft: #f5f7fa;
}

/* Metin sistemi: duz sistem fontu, parlama ve gradient yazi yok. */
body main,
body main button,
body main input,
body main textarea,
body main select {
  font-family: Arial, Helvetica, sans-serif !important;
}

body main :where(h1, h2, h3, h4, h5, h6),
body main :where(h1, h2, h3, h4, h5, h6) * {
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 transparent !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

body main h1 {
  font-size: clamp(36px, 4.4vw, 58px) !important;
  font-weight: 700 !important;
  line-height: 1.14 !important;
  text-wrap: pretty !important;
}

body main h1 * {
  font-weight: inherit !important;
}

body main :where(h2, h3, h4, h5, h6) {
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

body main :where(p, li, label, small, strong, em, a, button, input, textarea, select) {
  text-shadow: none !important;
}

/* Ic sayfalardaki sayfa zemini artik gradient degil. */
body.page-inner main,
body.site-pro main {
  background-image: none !important;
}

body.page-inner main {
  background-color: var(--three-plain-soft) !important;
}

/* Ana hero alanlari: dekoratif isiklar yerine tek renk zemin. */
body main :where(
  .pro-hero,
  .g-hero,
  .r-hero,
  .ec-hero,
  .c-hero,
  .blog-index-hero,
  .three-blog-blue-hero
) {
  background-color: var(--three-plain-navy) !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body main :where(
  .page-hero,
  .s-hero,
  .three-sector-hero,
  .three-suite-hero,
  .three-store-product-hero,
  .three-flexible-hero,
  .three-package-hero,
  .three-free-month-hero
) {
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.page-inner main .page-hero {
  background-color: #ffffff !important;
}

body main :where(
  .pro-hero,
  .g-hero,
  .r-hero,
  .ec-hero,
  .c-hero,
  .blog-index-hero,
  .three-blog-blue-hero,
  .three-suite-dark,
  .article-cta,
  .cta,
  .three-suite-cta,
  .three-flexible-cta,
  .three-video-watch-cta,
  .three-campaign-cta,
  .r-cta,
  .g-cta,
  .c-cta,
  .s-cta,
  .ec-cta
) :where(h1, h2, h3, h4) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body main :where(
  .pro-hero,
  .g-hero,
  .r-hero,
  .ec-hero,
  .page-hero,
  .blog-index-hero,
  .three-blog-blue-hero,
  .three-store-product-hero,
  .three-flexible-hero,
  .three-package-hero,
  .three-free-month-hero,
  .three-video-watch-hero,
  .ad-download-hero
)::before,
body main :where(
  .pro-hero,
  .g-hero,
  .r-hero,
  .ec-hero,
  .page-hero,
  .blog-index-hero,
  .three-blog-blue-hero,
  .three-store-product-hero,
  .three-flexible-hero,
  .three-package-hero,
  .three-free-month-hero,
  .three-video-watch-hero,
  .ad-download-hero
)::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
}

body main :where(.g-hero-noise, .hero-noise, .hero-glow, .section-glow) {
  display: none !important;
}

/* Ana sayfa videosu korunur; sadece isikli overlay duz renge doner. */
body.page-home .three-video-hero-shade {
  background: rgba(3, 17, 38, .64) !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.page-home .three-video-hero-shade::before,
body.page-home .three-video-hero-shade::after {
  content: none !important;
  display: none !important;
}

body.page-home .three-video-hero-copy,
body.page-home .three-video-hero-copy::before,
body.page-home .three-video-hero-copy::after {
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Icerik yuzeyleri: cam, parlama, yumusak dev golge ve gradient yok. */
body main :where(
  .content-card,
  .standard-box,
  .info-box,
  .lead-box,
  .health-form-box,
  .contact-map-card,
  .card,
  .feature-card,
  .price-card,
  .package,
  .three-suite-problem-card,
  .three-suite-step,
  .three-suite-module,
  .three-suite-related-card,
  .three-suite-photo-card,
  .three-hub-card,
  .three-sector-card,
  .three-sector-step,
  .three-store-card,
  .three-store-sidebox,
  .three-store-summary-box,
  .three-store-cart-box,
  .three-store-result-box,
  .three-package-card,
  .three-package-mini-card,
  .three-review-card,
  .three-flexible-card,
  .three-license-campaign-card,
  .three-summer-discount-card,
  .three-contact-support-card,
  .three-payment-info-card,
  .three-home-process-card,
  .ad-download-card,
  .ad-download-step,
  .ad-download-final-box,
  .three-policy-card,
  .three-contract-card,
  .article-sidebar-box,
  .article-guide-callout,
  .blog-list-item,
  .three-campaign-list-item,
  .quick-info-card,
  .form-popup,
  .trust-box,
  .trust-item,
  .cloud-card
) {
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 6px !important;
}

body main :where(
  .content-card,
  .standard-box,
  .quick-info-card,
  .trust-box,
  .form-popup
)::before,
body main :where(
  .content-card,
  .standard-box,
  .quick-info-card,
  .trust-box,
  .form-popup
)::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

body main :where(
  .content-card,
  .card,
  .feature-card,
  .price-card,
  .package,
  .three-suite-problem-card,
  .three-suite-step,
  .three-suite-module,
  .three-suite-related-card,
  .three-hub-card,
  .three-sector-card,
  .three-store-card,
  .three-package-card,
  .three-review-card,
  .blog-list-item,
  .three-campaign-list-item
):hover {
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* CTA bloklari da gradient degil, tek renk. */
body main :where(
  .cta,
  .article-cta,
  .three-suite-cta,
  .three-flexible-cta,
  .three-video-watch-cta,
  .three-campaign-cta,
  .r-cta,
  .g-cta,
  .c-cta,
  .s-cta,
  .ec-cta,
  .official-invoice-cta,
  .partner-program-cta
) {
  background-color: var(--three-plain-navy) !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 6px !important;
}

/* Butonlar: tek renk, kucuk kose, golgesiz ve ziplama efektsiz. */
body main :where(
  .btn,
  .pro-button,
  .g-btn,
  .r-btn,
  .c-btn,
  .s-btn,
  .ec-btn,
  .three-suite-btn,
  .three-package-btn,
  .three-store-button,
  .three-reviews-btn,
  .three-review-add-btn,
  .three-video-hero-button,
  .three-free-month-button,
  .three-flexible-button,
  .ad-download-btn,
  .blog-list-action,
  .r-mocha-order-btn
) {
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 6px !important;
  transform: none !important;
}

body main :where(
  .btn,
  .pro-button,
  .g-btn,
  .r-btn,
  .c-btn,
  .s-btn,
  .ec-btn,
  .three-suite-btn,
  .three-package-btn,
  .three-store-button,
  .three-reviews-btn,
  .three-review-add-btn,
  .three-video-hero-button,
  .three-free-month-button,
  .three-flexible-button,
  .ad-download-btn,
  .blog-list-action,
  .r-mocha-order-btn
):hover,
body main :where(
  .btn,
  .pro-button,
  .g-btn,
  .r-btn,
  .c-btn,
  .s-btn,
  .ec-btn,
  .three-suite-btn,
  .three-package-btn,
  .three-store-button,
  .three-reviews-btn,
  .three-review-add-btn,
  .three-video-hero-button,
  .three-free-month-button,
  .three-flexible-button,
  .ad-download-btn,
  .blog-list-action,
  .r-mocha-order-btn
):focus-visible {
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}

body main :where(
  .btn-primary,
  .btn-blue,
  .pro-button-primary,
  .g-btn--primary,
  .r-btn-primary,
  .c-btn-primary,
  .ec-btn-primary,
  .three-store-button-primary,
  .three-suite-btn.primary
) {
  border-color: var(--three-plain-blue) !important;
  background-color: var(--three-plain-blue) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body main :where(.btn-green, .btn-whatsapp) {
  border-color: var(--three-plain-green) !important;
  background-color: var(--three-plain-green) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body main :where(
  .btn-ghost,
  .pro-button-ghost,
  .g-btn--ghost,
  .r-btn-ghost,
  .c-btn-ghost,
  .c-btn-outline-light,
  .s-btn-outline,
  .ec-btn-ghost,
  .three-store-button-secondary
) {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body main :where(.g-btn--light, .c-btn-light) {
  border-color: #ffffff !important;
  background-color: #ffffff !important;
  color: var(--three-plain-navy) !important;
  -webkit-text-fill-color: var(--three-plain-navy) !important;
}

body main :where(input, textarea, select) {
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 6px !important;
}

body main :where(input, textarea, select):focus {
  box-shadow: none !important;
  outline: 2px solid var(--three-plain-blue) !important;
  outline-offset: 1px !important;
}

/* Demo Talep: video hero */
body.site-pro[data-pro-page="demo-talep"] main {
  overflow: visible !important;
}

body.site-pro[data-pro-page="demo-talep"] .three-demo-video-hero {
  position: relative !important;
  min-height: 570px !important;
  padding: 86px 0 !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: var(--three-plain-navy) !important;
  color: #ffffff !important;
}

body.site-pro[data-pro-page="demo-talep"] .three-demo-video-media,
body.site-pro[data-pro-page="demo-talep"] .three-demo-video-media video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

body.site-pro[data-pro-page="demo-talep"] .three-demo-video-media {
  z-index: 0 !important;
  background: var(--three-plain-navy) !important;
}

body.site-pro[data-pro-page="demo-talep"] .three-demo-video-media video {
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 0;
  transition: opacity .35s ease;
}

body.site-pro[data-pro-page="demo-talep"] .three-demo-video-media video.is-ready {
  opacity: 1;
}

body.site-pro[data-pro-page="demo-talep"] .three-demo-video-shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: rgba(3, 17, 38, .64) !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.site-pro[data-pro-page="demo-talep"] .three-demo-video-shade::before,
body.site-pro[data-pro-page="demo-talep"] .three-demo-video-shade::after {
  content: none !important;
  display: none !important;
}

body.site-pro[data-pro-page="demo-talep"] .three-demo-video-hero .pro-hero-grid {
  position: relative !important;
  z-index: 2 !important;
  width: min(1180px, calc(100% - 40px)) !important;
  display: block !important;
}

body.site-pro[data-pro-page="demo-talep"] .three-demo-video-hero .pro-hero-copy {
  max-width: 780px !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
}

body.site-pro[data-pro-page="demo-talep"] .three-demo-video-hero h1 {
  max-width: 760px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.site-pro[data-pro-page="demo-talep"] .three-demo-video-hero .pro-hero-copy > p {
  max-width: 730px !important;
  color: #e0e7f0 !important;
  text-shadow: none !important;
}

/* Demo Talep: ekrandaki acilir liste kirpilmasi ve gorunmez placeholder duzeltmesi. */
body.site-pro[data-pro-page="demo-talep"] .container.content,
body.site-pro[data-pro-page="demo-talep"] .content-card {
  overflow: visible !important;
}

body.site-pro[data-pro-page="demo-talep"] .content-card {
  position: relative !important;
  z-index: 20 !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 6px !important;
}

body.site-pro[data-pro-page="demo-talep"] .three-request-type-field,
body.site-pro[data-pro-page="demo-talep"] .three-request-select,
body.site-pro[data-pro-page="demo-talep"] .three-request-select.open {
  z-index: 200 !important;
}

body.site-pro[data-pro-page="demo-talep"] .three-request-select .custom-select-button,
body.site-pro[data-pro-page="demo-talep"] .three-request-select .custom-select-menu,
body.site-pro[data-pro-page="demo-talep"] .three-request-menu-search,
body.site-pro[data-pro-page="demo-talep"] .three-request-filter {
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.site-pro[data-pro-page="demo-talep"] .three-request-select .custom-select-button,
body.site-pro[data-pro-page="demo-talep"] .three-request-select .custom-select-menu {
  border-radius: 6px !important;
}

body.site-pro[data-pro-page="demo-talep"] .three-request-select .custom-select-menu {
  z-index: 99999 !important;
  border: 1px solid var(--three-plain-line) !important;
  background-color: #ffffff !important;
}

body.site-pro[data-pro-page="demo-talep"] .three-request-select .custom-select-button:focus,
body.site-pro[data-pro-page="demo-talep"] .three-request-select.open .custom-select-button,
body.site-pro[data-pro-page="demo-talep"] .three-request-filter:focus {
  box-shadow: none !important;
  outline: 2px solid var(--three-plain-blue) !important;
  outline-offset: 1px !important;
}

body.site-pro[data-pro-page="demo-talep"] .three-request-filter::placeholder {
  color: #68788e !important;
  -webkit-text-fill-color: #68788e !important;
  opacity: 1 !important;
}

@media (max-width: 760px) {
  body main h1 {
    font-size: clamp(32px, 9.5vw, 42px) !important;
    line-height: 1.17 !important;
  }

  body.page-home .three-video-hero-shade,
  body.site-pro[data-pro-page="demo-talep"] .three-demo-video-shade {
    background: rgba(3, 17, 38, .68) !important;
  }

  body.site-pro[data-pro-page="demo-talep"] .three-demo-video-hero {
    min-height: 590px !important;
    padding: 64px 0 !important;
  }

  body.site-pro[data-pro-page="demo-talep"] .three-demo-video-media video {
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body.site-pro[data-pro-page="demo-talep"] .three-demo-video-hero .pro-hero-grid {
    width: calc(100% - 32px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body main :where(.btn, .pro-button, .g-btn, .r-btn, .c-btn, .s-btn, .ec-btn),
  body.site-pro[data-pro-page="demo-talep"] .three-demo-video-media video {
    transition: none !important;
  }
}