/* ---------------------------------------------------------
 * Powerex marka düzenlemeleri (Aigocy üzerine)
 *
 * Yazı tipi değiştirmek için yalnızca aşağıdaki iki değişkeni düzenleyin.
 * Futura lisanslı dosyaları yüklendiğinde:  --px-font-heading: "Futura", "Barlow", sans-serif;
 * --------------------------------------------------------- */
:root {
  --px-red: #E52629;
  --px-red-dark: #B81D20;
  --px-font-heading: "Barlow", "Futura", sans-serif;
  --px-font-body: "Inter", sans-serif;
  --brand: var(--px-red);
}

[data-color-primary=color-primary-1] {
  --brand: var(--px-red);
}

/* Gövde metni: Inter */
body,
p,
.font-main,
.text-body-1,
.text-body-2,
.text-body-3,
.text-caption,
input,
textarea,
select,
button,
.tf-btn,
.item-link,
.mb-menu-link,
.sub-nav-link {
  font-family: var(--px-font-body) !important;
}

/* Başlıklar: Barlow (Futura gelince değişkenden değiştirilir) */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.text-display-1,
.text-dispaly-1,
.text-display-2,
.text-sub-heading,
.heading,
.title {
  font-family: var(--px-font-heading) !important;
  letter-spacing: -0.01em;
}

/* Türkçe başlıklar İngilizceden uzun: taşmayı önle */
h1, h2, h3, .text-display-1, .text-display-2 {
  overflow-wrap: break-word;
  hyphens: auto;
}

/* İletişim sayfası: şubeler bloğu */
.px-branches-wrap {
  padding: 0 12px;
}
.px-branches {
  max-width: 1320px;
  margin: 0 auto;
  padding: 96px 0;
}
.px-branches__sub {
  color: var(--px-red);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 14px;
  margin-bottom: 8px;
}
.px-branches__title {
  margin-bottom: 40px;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.15;
  font-weight: 700;
}
.px-branches__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.px-branch {
  background: #fff;
  border: 1px solid var(--neutral-200, #E4E4E7);
  border-radius: 16px;
  padding: 24px;
}
.px-branch__city {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--primary, #09090B);
}
.px-branch__addr {
  margin: 0;
  color: var(--neutral-600, #52525B);
  font-size: 15px;
  line-height: 1.55;
}
.px-branches__note {
  margin-top: 24px;
  color: var(--neutral-600, #52525B);
  font-size: 15px;
}
@media (max-width: 991px) {
  .px-branches__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .px-branches { padding: 64px 0; }
}
@media (max-width: 575px) {
  .px-branches__grid { grid-template-columns: 1fr; }
}


/* =========================================================
   POWEREX ARAYÜZ KATMANI v2
   Beyaz ağırlıklı, kurumsal; kırmızı ve siyah vurgular.
   Tüm metin/görsel Elementor'dan düzenlenmeye devam eder.
   ========================================================= */
:root {
  --px-ink: #0F0F12;
  --px-ink-2: #3A3A40;
  --px-muted: #6B6B73;
  --px-line: #E7E7EA;
  --px-soft: #F6F6F7;
  --px-soft-2: #FAFAFB;
  --px-radius-lg: 20px;
  --px-radius: 14px;
  --px-radius-sm: 10px;
  --px-shadow: 0 1px 2px rgba(15,15,18,.04), 0 8px 24px rgba(15,15,18,.06);
  --px-shadow-hover: 0 2px 4px rgba(15,15,18,.05), 0 18px 40px rgba(15,15,18,.10);
  --body: #FFFFFF;
  --primary: var(--px-ink);
  --black: var(--px-ink);
  --secondary: var(--px-muted);
}

html, body { background-color: #fff !important; }
body { color: var(--px-ink-2); -webkit-font-smoothing: antialiased; }
::selection { background: var(--px-red); color: #fff; }

/* Masaüstü imleç efektleri ve demo paneli kapalı */
.cursor-trail, .tf-left-bar, #settingColorMenu { display: none !important; }

/* ---------- Tipografi (720p → 4K akışkan) ---------- */
body h1, body .h1 { font-size: clamp(34px, 3.4vw, 60px) !important; line-height: 1.1 !important; font-weight: 700 !important; color: var(--px-ink); }
body h2, body .h2 { font-size: clamp(30px, 2.8vw, 48px) !important; line-height: 1.15 !important; font-weight: 700 !important; color: var(--px-ink); }
body h3, body .h3 { font-size: clamp(26px, 2.3vw, 40px) !important; line-height: 1.2 !important; font-weight: 700 !important; color: var(--px-ink); }
body h4, body .h4 { font-size: clamp(22px, 1.8vw, 32px) !important; line-height: 1.25 !important; font-weight: 700 !important; color: var(--px-ink); }
body h5, body .h5 { font-size: clamp(20px, 1.5vw, 26px) !important; line-height: 1.3 !important; font-weight: 700 !important; color: var(--px-ink); }
body h6, body .h6 { font-size: clamp(18px, 1.25vw, 22px) !important; line-height: 1.35 !important; font-weight: 600 !important; color: var(--px-ink); }
body .text-display-1 { font-size: clamp(42px, 5.2vw, 92px) !important; line-height: 1.04 !important; letter-spacing: -0.025em !important; font-weight: 700 !important; }
body .text-display-2 { font-size: clamp(36px, 4.2vw, 76px) !important; line-height: 1.06 !important; letter-spacing: -0.02em !important; font-weight: 700 !important; }
body .text-sub-heading { font-size: clamp(17px, 1.2vw, 20px) !important; line-height: 1.5 !important; }
body .text-body-1 { font-size: clamp(16px, 1.05vw, 18px) !important; line-height: 1.6 !important; }
body .text-body-2 { font-size: 16px !important; line-height: 1.6 !important; }
body .text-body-3 { font-size: 14px !important; line-height: 1.55 !important; }
body, body p { font-size: 16px; line-height: 1.65; }
body p, .text-secondary, .text { color: var(--px-muted); }

/* Gri degrade başlık yazıları -> düz siyah */
.text-gradient-1, .text-gradient-2, .text-gradient-3 {
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--px-ink) !important;
  padding-bottom: 0 !important; margin-bottom: 0 !important;
}
.text-brand { color: var(--px-red) !important; }

/* ---------- Bölüm başlıkları ---------- */
.heading-section .heading-title {
  font-size: clamp(32px, 3.3vw, 58px) !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: var(--px-ink);
}
.heading-section .heading-sub,
.heading-section .heading-sub.style-1 {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 0 0 34px !important;
  margin-bottom: 18px !important;
  color: var(--px-red) !important;
  font-size: 13px !important;
  line-height: 20px !important;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 700 !important;
}
.heading-section .heading-sub::before {
  width: 24px !important; height: 2px !important; border-radius: 0 !important;
  left: 0 !important; background: var(--px-red) !important;
}
.heading-section.center .heading-sub { padding: 0 34px !important; }
.heading-section.center .heading-sub::after {
  content: ""; position: absolute; right: 0; top: 50%; width: 24px; height: 2px; background: var(--px-red);
}

/* ---------- Butonlar ---------- */
.tf-btn {
  background: var(--px-red) !important;
  color: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 6px 18px rgba(229,38,41,.22) !important;
  padding: 14px 26px !important;
  font-weight: 600 !important;
  letter-spacing: .01em;
  transition: background .25s ease, transform .25s ease, box-shadow .25s ease !important;
}
.tf-btn:hover { background: var(--px-red-dark) !important; transform: translateY(-1px); box-shadow: 0 10px 24px rgba(229,38,41,.30) !important; color:#fff !important; }
.tf-btn span, .tf-btn .text-body-2 { color: #fff !important; }
.tf-btn-2 {
  background: #fff !important;
  color: var(--px-ink) !important;
  border: 1.5px solid var(--px-ink) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  padding: 12.5px 24px !important;
  transition: all .25s ease !important;
}
.tf-btn-2:hover { background: var(--px-ink) !important; color: #fff !important; }
.tf-btn-2:hover * { color: #fff !important; }
.animate-btn:after { display: none !important; }

/* ---------- Header ---------- */
.tf-header { padding-top: 20px !important; }
.tf-header .header-inner,
.tf-header.header2 .header-inner {
  max-width: 1320px !important;
  width: calc(100% - 48px);
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: saturate(180%) blur(16px) !important;
  border: 1px solid var(--px-line);
  border-radius: 16px !important;
  padding: 10px 10px 10px 24px !important;
  box-shadow: 0 8px 30px rgba(15,15,18,.06);
}
.tf-header .logo-site img { height: 46px; width: auto; display: block; }
.tf-header .nav-menu-main { gap: 30px; }
.tf-header .item-link { color: var(--px-ink); font-size: 15px; font-weight: 600; }
.tf-header .item-link.active, .tf-header .item-link:hover { color: var(--px-red) !important; }
.tf-header .header-inner .tf-btn { padding: 12px 22px !important; white-space: nowrap; }
.sub-menu {
  border-radius: 14px !important;
  border: 1px solid var(--px-line) !important;
  box-shadow: var(--px-shadow-hover) !important;
  background: #fff !important;
  padding: 10px !important;
}
.sub-menu .item-link { padding: 9px 12px !important; border-radius: 8px; font-size: 14.5px !important; white-space: nowrap; }
.sub-menu .item-link:hover { background: var(--px-soft); }
header.header-sticky { background: transparent !important; box-shadow: none !important; }
@media (max-width: 1199px) {
  .tf-header .nav-menu-main { gap: 18px; }
  .tf-header .item-link { font-size: 14px; }
}
@media (max-width: 991px) {
  .tf-header .header-inner { width: auto; margin: 0 16px !important; padding: 8px 8px 8px 16px !important; }
  .tf-header .logo-site img { height: 38px; }
}

/* ---------- Hero ---------- */
.section-hero { padding: 12px 12px 0 !important; }
.section-hero .hero-image { inset: 12px 12px 0 12px !important; border-radius: 24px !important; overflow: hidden; }
.section-hero .hero-image video, .section-hero .hero-image img { border-radius: 24px !important; }
.section-hero .hero-image::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit;
  background: radial-gradient(ellipse 70% 60% at 50% 48%, rgba(255,255,255,.88) 0%, rgba(255,255,255,.55) 55%, rgba(255,255,255,0) 100%);
  pointer-events: none;
}
.section-hero .content-wrap { position: relative; z-index: 2; }
.section-hero .content-wrap .sub {
  background: #fff !important; box-shadow: none !important; border: 1px solid #F3C9CA;
  border-radius: 999px !important; padding: 7px 16px !important; font-size: 14px; font-weight: 700 !important;
  color: var(--px-red) !important;
}
.section-hero .content-wrap .sub svg { display: none; }
.section-hero .content-wrap .sub::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--px-red); box-shadow: 0 0 0 4px rgba(229,38,41,.15); }
.section-hero .content-wrap .title .title1 { color: var(--px-ink) !important; }
.section-hero .content-wrap .title-icon .box {
  background: var(--px-red) !important; box-shadow: 0 16px 40px rgba(229,38,41,.30) !important; border-radius: 999px;
}
.section-hero .content-wrap .text { color: var(--px-ink-2); max-width: 920px; margin-left: auto; margin-right: auto; }
.section-hero .scroll-more { background-color: #fff !important; border-radius: 20px 20px 0 0 !important; }
.section-hero.v1 .content-wrap { padding-bottom: 72px !important; }
.section-hero.v1 .hero-image::after, .section-hero.v2 .hero-image::after {
  background: linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.85));
}

/* --- Otomatik üretilen sadeleştirmeler (tema CSS taramasından) --- */
.accordion-asked .accordion-asked-item, .awards-item, .blockquote-wrap, .delay-item .delay-progress, .section-about-us .box-quotes .image, .section-about-us .box-quotes .image img, .team-item .image, .team-item .image img, .testimonial-image img, .testimonials-v2-wrap .testimonial-image-v2 img, .tf-social-1 a { border-radius: 16px !important; }
.box-contact-item, .featured-works-item .image, .features-center, .features-item, .section-services-single .image img, .wg-map iframe, form textarea { border-radius: 20px !important; }
.accordion-faq_item, .benefits-box, .box-black, .box-white, .featured-works-item, .form-contact, .process-card, .section-about-us .box-quotes, .section-about-us .col-left, .section-about-us .mission-box, .section-about-us .review-box, .section-contact .contact-image, .section-contact .contact-image img, .section-work-single .image img, .team-item, .testimonial-image, .testimonials-v2-wrap, .wg-map { border-radius: 24px !important; }
.section-about-us .col-left img { border-radius: 22px !important; }

@media (max-width: 767px) {
.box-black, .box-white, .featured-works-item, .section-contact .contact-image, .section-contact .contact-image img, .section-contact .form-contact { border-radius: 16px !important; }
.team-item, .testimonial-image { border-radius: 18px !important; }
}
@media (max-width: 1199px) {
.testimonials-v2-wrap { border-radius: 16px !important; }
}
@media (max-width: 991px) {
.box-contact-item, .features-item { border-radius: 16px !important; }
}
@media (max-width: 1439px) {
.accordion-faq_item { border-radius: 16px !important; }
}
.accordion-asked .accordion-asked-item, .accordion-faq_item, .awards-item:hover, .benefits-box, .benefits-progress-inner .benefits-progress-item .progress-line, .benefits-progress-inner .benefits-progress-item .progress-text, .benefits-step-inner .line-step, .benefits-step-inner .step-item, .benefits-step-inner .step-item:hover, .blockquote-wrap, .box-contact-item, .delay-item .delay-progress, .delay-item .delay-progress .progress-line, .featured-works-item, .features-center, .features-item, .form-contact, .group-btn-slider .nav-prev-swiper, .group-btn-slider .nav-next-swiper, .heading-section .heading-sub, .process-card, .process-card .icon, .section-about-me .col-left .badget, .section-about-us .box-quotes, .section-about-us .mission-box, .section-about-us .review-box, .section-contact .contact-item .icon, .section-hero .content-wrap .sub, .section-selected-work .slider-content-thumb .image, .social-links a, .team-item, .testimonial-image, .testimonials-v2-wrap, .tf-social-1 a, .tool-wrap .img-item, .wg-feature-v01, .wg-map, .wg-service .image, .wg-service .image-2, .wg-tech .app_icon, .wg-tech-v2:hover, .wg-work {
  box-shadow: var(--px-shadow) !important;
}
.accordion-asked .accordion-asked-item, .accordion-faq_item, .benefits-box, .benefits-progress-inner .benefits-progress-item .progress-line, .benefits-progress-inner .benefits-progress-item .progress-text, .benefits-step-inner .line-step, .benefits-step-inner .step-item, .box-contact-item, .box-white, .delay-item .delay-progress, .featured-works-item, .features-item, .form-contact, .group-btn-slider .nav-prev-swiper, .group-btn-slider .nav-next-swiper, .heading-section .heading-sub, .process-card, .section-about-us .box-quotes, .section-about-us .mission-box, .section-about-us .review-box, .section-contact .contact-item .icon, .section-hero .content-wrap .sub, .side-line-main .link-break-line::after, .stack-element + *, .sub-menu, .tf-social-1 a {
  background: #fff !important;
  border: 1px solid var(--px-line);
}


/* ---------- Kutular ve kartlar: sade, beyaz, ince çizgi ---------- */
.box-white { background-color: var(--px-soft) !important; border-radius: 28px !important; }

/* Koyu blok (ekip, istatistik, belgeler, yorumlar) -> açık zemin */
.box-black {
  background: var(--px-soft) !important;
  border-radius: 28px !important;
}
.box-black .light-box, .box-black .light-top, .box-black .light-bot { display: none !important; }
.box-black .text-white,
.box-black .heading-title,
.box-black .title,
.box-black h1, .box-black h2, .box-black h3, .box-black h4, .box-black h5, .box-black h6,
.box-black .name, .box-black .number, .box-black .prefix { color: var(--px-ink) !important; }
.box-black .text-neutral-400, .box-black .sub, .box-black .desc, .box-black p, .box-black .year { color: var(--px-muted) !important; }
.box-black .statistic-number .number, .box-black .statistic-number .prefix, .box-black .text-brand { color: var(--px-red) !important; }
.box-black .line, .box-black .line-left { background: var(--px-line) !important; border-color: var(--px-line) !important; }
.team-item {
  background: #fff !important; border: 1px solid var(--px-line); box-shadow: var(--px-shadow) !important; border-radius: var(--px-radius-lg) !important;
}
.team-item .name, .team-item .title { color: var(--px-ink) !important; }
.team-item .social-item, .box-black .social-item { background: var(--px-soft) !important; color: var(--px-ink) !important; box-shadow: none !important; border: 1px solid var(--px-line); }
.awards-item { border-color: var(--px-line) !important; }
.awards-item:hover { background: #fff !important; box-shadow: var(--px-shadow) !important; }
.testimonial-image { background: #fff !important; border: 1px solid var(--px-line); }
.testimonials-v2-wrap { background: #fff !important; border: 1px solid var(--px-line); box-shadow: var(--px-shadow); }
.box-black .swiper-progressbar .progress-bar { background: var(--px-line) !important; }
.box-black .swiper-progressbar .progress-fill { background: var(--px-red) !important; }

/* Sosyal ve küçük ikon kareleri: siyah yerine kırmızı/siyah sade */
.social-item, .tf-social-1 a .social-item {
  background: var(--px-ink) !important; box-shadow: none !important; color: #fff !important;
}
.social-item:hover { background: var(--px-red) !important; }
.features-item .icon, .box-contact-item .icon, .accordion-asked .accordion-button span {
  background: var(--px-red) !important; box-shadow: 0 6px 16px rgba(229,38,41,.22) !important; color: #fff !important;
}
.group-btn-slider .nav-prev-swiper::before, .group-btn-slider .nav-next-swiper::before {
  background: #fff !important; border: 1px solid var(--px-line); box-shadow: none !important;
}
.wg-process { background: var(--px-ink) !important; }
.delay-item .delay-progress .progress-line { background: var(--px-red) !important; }
.blockquote-wrap { background: var(--px-ink) !important; }
#goTop { background: var(--px-red) !important; }
.wg-pagination .pagination-item { background: #fff !important; color: var(--px-ink) !important; border: 1px solid var(--px-line); box-shadow: none !important; }
.wg-pagination .pagination-item.active, .wg-pagination .pagination-item:hover { background: var(--px-red) !important; color: #fff !important; border-color: var(--px-red); }

/* Hakkımızda kartındaki koyu sol kutu -> siyah kurumsal kart (siyah vurgu) */
.section-about-us .col-left {
  background: var(--px-ink) !important; box-shadow: none !important;
}


/* Hakkımızda: başlık kartın altına girmesin; puan yıldızları gizli */
.section-about-us .heading-section { margin-bottom: 40px !important; }
.section-about-us .review-box .d-flex.gap-2 { display: none !important; }
.section-about-us .review-box .text svg { display: none; }
.section-about-us .review-box .text { font-family: var(--px-font-body) !important; color: var(--px-muted); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; font-size: 13px; }
.section-about-us .review-box .counter { color: var(--px-red) !important; font-family: var(--px-font-heading) !important; font-weight: 700; }
.section-about-us .col-left .sub { border-color: rgba(255,255,255,.18) !important; }

/* ---------- Footer: siyah ---------- */
footer { background: var(--px-ink); color: #fff; margin-top: 64px; }
.elementor-widget-aigocy_footer_widget footer { padding-top: 88px !important; }
footer .footer-image { opacity: .05; top: 24px !important; filter: grayscale(1) brightness(10); }
footer .footer-content .title, footer .footer-content .title * { color: #fff !important; }
footer .footer-content .text { color: rgba(255,255,255,.62) !important; }
footer .footer-content .footer-logo img { width: 72px; height: 72px; }
footer .tf-social-1 a {
  color: #fff !important; background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: none !important; border-radius: 12px !important;
}
footer .tf-social-1 a:hover { background: var(--px-red) !important; border-color: var(--px-red) !important; }
footer .tf-social-1 a .social-item { background: rgba(255,255,255,.12) !important; }
footer .footer-bottom::before { background: rgba(255,255,255,.12) !important; }
footer .footer-bottom, footer .footer-bottom * { color: rgba(255,255,255,.7) !important; }
footer .footer-bottom a:hover { color: #fff !important; }

/* ---------- Formlar ---------- */
.form-control, input[type=text], input[type=email], input[type=tel], textarea, select, .nice-select {
  background: #fff !important; border: 1px solid var(--px-line) !important; border-radius: 10px !important; box-shadow: none !important; color: var(--px-ink) !important;
}
.form-control:focus, input:focus, textarea:focus { border-color: var(--px-red) !important; box-shadow: 0 0 0 4px rgba(229,38,41,.10) !important; outline: none; }

/* ---------- Geniş ekranlar (2K / 4K) ---------- */
@media (min-width: 1600px) {
  .container { max-width: 1440px !important; }
  .tf-header .header-inner, .tf-header.header2 .header-inner { max-width: 1440px !important; }
}
/* 2K ve 4K: tüm arayüz orantılı büyür (4K'da 1080p düzeninin 2 katı) */
@media (min-width: 2200px) { html { zoom: 1.25; } }
@media (min-width: 2880px) { html { zoom: 1.5; } }
@media (min-width: 3400px) { html { zoom: 2; } }

/* ---------- İnce ayarlar ---------- */
.heading-section .heading-sub { border: 0 !important; }
.box-white { border: 0 !important; }
.team-item .tf-social, .section-team .tf-social { display: none !important; }
.section-services .services-item.active, .services-item.active { background: var(--px-ink) !important; }
.section-partner img { filter: grayscale(1); opacity: .55; transition: all .3s; }
.section-partner img:hover { filter: none; opacity: 1; }
.section-about-us .col-left .sub { width: auto !important; max-width: calc(100% - 32px); white-space: normal; text-align: center; }
@media (max-width: 767px) {
  .heading-section .heading-title br { display: inline !important; }
  .section-hero .content-wrap .text br { display: none; }
}
/* Form: dosya alanı dar ekranlarda taşmasın */
.attachment { flex-wrap: wrap; min-width: 0; }
.attachment > div { min-width: 0; max-width: 100%; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.wpcf7-form-control-wrap, .wpcf7-file { max-width: 100%; }
.wpcf7-file { width: 100%; font-size: 13px; }
footer .footer-links { flex-wrap: wrap; justify-content: center; row-gap: 8px; column-gap: 18px !important; }
@media (max-width: 380px) {
  .section-hero .content-wrap .title-icon { transform: scale(.85); transform-origin: center top; }
  html, body { overflow-x: clip; }
}