.elementor-487 .elementor-element.elementor-element-64d4bd1a{--display:flex;}.elementor-487 .elementor-element.elementor-element-755a49010:not(.elementor-motion-effects-element-type-background), .elementor-487 .elementor-element.elementor-element-755a49010 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C3C3C3;background-image:url("https://www.polyureaarackaplama.org/wp-content/uploads/2026/09/pic-11.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-487 .elementor-element.elementor-element-755a49010 > .elementor-background-overlay{background-color:#242424;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-487 .elementor-element.elementor-element-755a49010 > .elementor-container{min-height:40vh;}.elementor-487 .elementor-element.elementor-element-755a49010{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-80px;margin-bottom:0px;}.elementor-487 .elementor-element.elementor-element-755a49010 > .elementor-shape-bottom svg{height:57px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-487 .elementor-element.elementor-element-6a74a8d8 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:60px;font-weight:900;text-transform:uppercase;color:#FFFFFF;}.elementor-487 .elementor-element.elementor-element-7815e9f5:not(.elementor-motion-effects-element-type-background), .elementor-487 .elementor-element.elementor-element-7815e9f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #292D38 0%, #0C0E14 100%);}.elementor-487 .elementor-element.elementor-element-7815e9f5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;z-index:5;}.elementor-487 .elementor-element.elementor-element-7815e9f5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-487 .elementor-element.elementor-element-1ca27c26.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-487 .elementor-element.elementor-element-1ca27c26.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-487 .elementor-element.elementor-element-40eb3ebe .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:45px;font-weight:900;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-487 .elementor-element.elementor-element-395e4c5d{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#CFCFCF;}.elementor-bc-flex-widget .elementor-487 .elementor-element.elementor-element-7311cca5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-487 .elementor-element.elementor-element-7311cca5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-487 .elementor-element.elementor-element-7311cca5.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-487 .elementor-element.elementor-element-7d3bda14 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:22px;font-weight:900;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-487 .elementor-element.elementor-element-7b9058b{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-487 .elementor-element.elementor-element-7b9058b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(4px/2);}.elementor-487 .elementor-element.elementor-element-7b9058b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(4px/2);}.elementor-487 .elementor-element.elementor-element-7b9058b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(4px/2);}.elementor-487 .elementor-element.elementor-element-7b9058b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-4px/2);}.elementor-487 .elementor-element.elementor-element-7b9058b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-4px/2);}.elementor-487 .elementor-element.elementor-element-7b9058b .elementor-icon-list-icon i{color:#EB0046;transition:color 0.3s;}.elementor-487 .elementor-element.elementor-element-7b9058b .elementor-icon-list-icon svg{fill:#EB0046;transition:fill 0.3s;}.elementor-487 .elementor-element.elementor-element-7b9058b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-487 .elementor-element.elementor-element-7b9058b .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-487 .elementor-element.elementor-element-7b9058b .elementor-icon-list-text{color:#BABABA;transition:color 0.3s;}body.elementor-page-487:not(.elementor-motion-effects-element-type-background), body.elementor-page-487 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px) and (min-width:768px){.elementor-487 .elementor-element.elementor-element-1ca27c26{width:100%;}.elementor-487 .elementor-element.elementor-element-7311cca5{width:100%;}}@media(max-width:1024px){.elementor-487 .elementor-element.elementor-element-755a49010{padding:0px 20px 0px 20px;}.elementor-487 .elementor-element.elementor-element-6a74a8d8 .elementor-heading-title{font-size:55px;}.elementor-487 .elementor-element.elementor-element-7815e9f5{padding:100px 20px 100px 20px;}.elementor-487 .elementor-element.elementor-element-40eb3ebe .elementor-heading-title{font-size:35px;}}@media(max-width:767px){.elementor-487 .elementor-element.elementor-element-6a74a8d8 .elementor-heading-title{font-size:45px;}.elementor-487 .elementor-element.elementor-element-40eb3ebe .elementor-heading-title{font-size:30px;}.elementor-487 .elementor-element.elementor-element-66f360f3 > .elementor-element-populated{margin:0px 0px 0px -10px;--e-column-margin-right:0px;--e-column-margin-left:-10px;}.elementor-487 .elementor-element.elementor-element-7d3bda14 .elementor-heading-title{font-size:17px;}}/* Start custom CSS for html, class: .elementor-element-14bb605e *//* Genel Header Ayarları */
.my-sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(15, 15, 15, 0.95);
    backdrop-filter: blur(10px); /* Arkasını hafif buzlu cam yapar */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 99999;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.header-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 24px;
}

/* Logo Stili */
.logo {
    color: #ffffff;
    font-size: 22px;
    letter-spacing: 1px;
    cursor: pointer;
}
.logo-bold { font-weight: 800; }
.logo-light { font-weight: 300; color: #ff0055; }

/* Masaüstü Navigasyon */
.navigation a {
    color: #e0e0e0;
    text-decoration: none;
    margin: 0 18px;
    font-size: 15px;
    font-weight: 500;
    transition: color 0.3s ease;
    position: relative;
}
.navigation a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -6px;
    left: 0;
    background-color: #ff0055;
    transition: width 0.3s ease;
}
.navigation a:hover::after {
    width: 100%;
}
.navigation a:hover {
    color: #ffffff;
}

/* Buton Tasarımı */
.btn {
    background: linear-gradient(135deg, #ff0055 0%, #bd003e 100%);
    color: white;
    padding: 10px 24px;
    text-decoration: none;
    border-radius: 30px; /* Yuvarlak modern buton */
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 15px rgba(255, 0, 85, 0.3);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: inline-block;
}
.btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 0, 85, 0.5);
}

/* Mobil Hamburger Butonu */
.mobile-menu-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    flex-direction: column;
    justify-content: space-between;
    width: 26px;
    height: 18px;
    padding: 0;
    z-index: 100001;
}
.mobile-menu-toggle span {
    width: 100%;
    height: 2px;
    background-color: #ffffff;
    transition: all 0.3s ease;
}

/* Mobil Açılır Menü (Gizli Panel) */
.mobile-drawer {
    position: fixed;
    top: 0;
    right: -100%;
    width: 280px;
    height: 100vh;
    background-color: #0f0f0f;
    z-index: 100000;
    box-shadow: -5px 0 25px rgba(0,0,0,0.5);
    transition: right 0.4s ease;
    padding-top: 100px;
}
.mobile-drawer.open {
    right: 0;
}
.mobile-navigation {
    display: flex;
    flex-direction: column;
    padding: 0 30px;
}
.mobile-link {
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    padding: 15px 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    transition: color 0.2s;
}
.mobile-link:hover {
    color: #ff0055;
}
.mobile-btn {
    margin-top: 25px;
    background: #ff0055;
    text-align: center;
    border-radius: 8px;
    border-bottom: none;
}

/* --- TABLET VE TELEFON EKRAN AYARLARI (RESPONSIVE) --- */
@media (max-width: 991px) {
    .desktop-menu, .desktop-cta {
        display: none; /* Masaüstü elemanlarını gizle */
    }
    .mobile-menu-toggle {
        display: flex; /* Hamburgeri göster */
    }
}

/* Hamburger Animasyonu (Açıldığında X olması için) */
.mobile-menu-toggle.open span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}
.mobile-menu-toggle.open span:nth-child(2) {
    opacity: 0;
}
.mobile-menu-toggle.open span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5938eab *//* ============================================================
   PUA SERVICES — Orta kısım (Hizmetler + Teklif)
   ============================================================ */

.pua-services {
  --pua-red: #e5094c;
  --pua-red-dark: #a80038;
  --pua-ink: #0f172a;
  --pua-ink-2: #1e293b;
  --pua-gray: #64748b;
  --pua-line: #e6e8ec;
  --pua-bg-alt: #f7f8fa;
  --pua-white: #ffffff;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--pua-ink);
  background: var(--pua-white);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

.pua-services *,
.pua-services *::before,
.pua-services *::after { box-sizing: border-box; }

.pua-services img { max-width: 100%; display: block; }

.pua-container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 28px;
}


/* ============================================================
   HERO / SAYFA GİRİŞİ
   ============================================================ */

.pua-hero {
  padding: 140px 0 90px;
  background: var(--pua-white);
  position: relative;
  overflow: hidden;
}

.pua-hero::before {
  content: "";
  position: absolute;
  top: -200px;
  right: -200px;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(229,9,76,0.06) 0%, transparent 70%);
  pointer-events: none;
}

.pua-eyebrow {
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--pua-red);
  margin-bottom: 26px;
  position: relative;
  padding-left: 44px;
}

.pua-eyebrow::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 32px;
  height: 1px;
  background: var(--pua-red);
  transform: translateY(-50%);
}

.pua-eyebrow-light { color: #ff8aa9; }
.pua-eyebrow-light::before { background: #ff8aa9; }

.pua-hero-title {
  font-size: clamp(2.2rem, 4.4vw, 3.6rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -1.2px;
  color: var(--pua-ink);
  margin: 0 0 28px;
  max-width: 900px;
}

.pua-hero-title em {
  font-style: normal;
  color: var(--pua-red);
  position: relative;
}

.pua-hero-lead {
  font-size: 1.08rem;
  color: var(--pua-gray);
  max-width: 780px;
  margin: 0 0 48px;
  line-height: 1.8;
}

.pua-hero-meta {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border-top: 1px solid var(--pua-line);
  border-bottom: 1px solid var(--pua-line);
}

.pua-meta-item {
  padding: 22px 24px 22px 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--pua-ink-2);
  border-right: 1px solid var(--pua-line);
  display: flex;
  align-items: center;
  gap: 12px;
}

.pua-meta-item:last-child { border-right: none; }
.pua-meta-item span {
  font-family: "SF Mono", Menlo, Consolas, monospace;
  color: var(--pua-red);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 1px;
}


/* ============================================================
   HİZMET BLOĞU
   ============================================================ */

.pua-service {
  padding: 110px 0;
  border-top: 1px solid var(--pua-line);
}

.pua-service.pua-alt { background: var(--pua-bg-alt); }

.pua-service-grid {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 80px;
  align-items: center;
}

.pua-service-grid.pua-rev { grid-template-columns: 1fr 1.05fr; }
.pua-service-grid.pua-rev .pua-media { order: 2; }
.pua-service-grid.pua-rev .pua-info { order: 1; }


/* ============================================================
   SLIDER
   ============================================================ */

.pua-media { min-width: 0; }

.pua-slider {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  background: #0b1220;
  box-shadow: 0 25px 60px -30px rgba(15, 23, 42, 0.35);
  aspect-ratio: 4 / 5;
}

.pua-slider-track {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.pua-slide {
  flex: 0 0 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.pua-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  user-select: none;
  -webkit-user-drag: none;
}

.pua-slide-cap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 22px 24px 24px;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.4;
  background: linear-gradient(to top, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);
  letter-spacing: 0.2px;
}

/* Oklar */
.pua-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255,255,255,0.92);
  border: none;
  color: var(--pua-ink);
  font-size: 1.6rem;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.25s ease, transform 0.25s ease;
  opacity: 0;
  z-index: 2;
  padding-bottom: 4px;
}

.pua-slider:hover .pua-arrow { opacity: 1; }

.pua-arrow:hover { background: #fff; transform: translateY(-50%) scale(1.06); }

.pua-prev { left: 16px; }
.pua-next { right: 16px; }

/* Dots */
.pua-dots {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 2;
  padding: 8px 12px;
  background: rgba(0,0,0,0.35);
  border-radius: 30px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.pua-dots .pua-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255,255,255,0.5);
  border: none;
  cursor: pointer;
  padding: 0;
  transition: all 0.3s ease;
}

.pua-dots .pua-dot.active {
  background: var(--pua-red);
  width: 22px;
  border-radius: 6px;
}


/* ============================================================
   HİZMET İÇERİĞİ
   ============================================================ */

.pua-info { min-width: 0; }

.pua-num {
  font-family: "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 3px;
  color: var(--pua-red);
  margin-bottom: 20px;
}

.pua-cat {
  display: block;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--pua-gray);
  margin-bottom: 14px;
}

.pua-title {
  font-size: clamp(1.7rem, 2.6vw, 2.3rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.6px;
  color: var(--pua-ink);
  margin: 0 0 26px;
}

.pua-title em {
  font-style: normal;
  font-weight: 500;
  color: var(--pua-gray);
  font-size: 0.7em;
  display: block;
  margin-top: 6px;
}

.pua-desc {
  font-size: 1rem;
  line-height: 1.8;
  color: var(--pua-gray);
  margin: 0 0 18px;
}

.pua-desc:last-of-type { margin-bottom: 32px; }


/* Specs — kutu değil, editoryal satırlar */
.pua-specs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 32px;
  margin: 0 0 32px;
  border-top: 1px solid var(--pua-line);
}

.pua-spec {
  padding: 16px 0;
  border-bottom: 1px solid var(--pua-line);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pua-spec span {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--pua-gray);
}

.pua-spec strong {
  font-size: 0.98rem;
  font-weight: 700;
  color: var(--pua-ink);
}

/* Liste */
.pua-list {
  list-style: none;
  margin: 0 0 34px;
  padding: 0;
}

.pua-list li {
  position: relative;
  padding: 10px 0 10px 30px;
  font-size: 0.98rem;
  color: var(--pua-ink-2);
  font-weight: 500;
  line-height: 1.55;
  border-bottom: 1px dashed var(--pua-line);
}

.pua-list li:last-child { border-bottom: none; }

.pua-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  width: 14px;
  height: 2px;
  background: var(--pua-red);
}

/* Buton */
.pua-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 28px;
  background: var(--pua-ink);
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.95rem;
  letter-spacing: 0.3px;
  border-radius: 4px;
  transition: background 0.25s ease, transform 0.25s ease;
}

.pua-btn span {
  transition: transform 0.25s ease;
  font-size: 1.1rem;
}

.pua-btn:hover { background: var(--pua-red); }
.pua-btn:hover span { transform: translateX(4px); }


/* ============================================================
   TEKLİF FORMU — YENİ TASARIM
   ============================================================ */

.pua-cta {
  background: #0b1220;
  color: #fff;
  padding: 110px 0;
  position: relative;
  overflow: hidden;
}

.pua-cta::before {
  content: "";
  position: absolute;
  top: -150px;
  left: -150px;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(229,9,76,0.28) 0%, transparent 65%);
  pointer-events: none;
}

.pua-cta::after {
  content: "";
  position: absolute;
  bottom: -200px;
  right: -100px;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(229,9,76,0.15) 0%, transparent 70%);
  pointer-events: none;
}

.pua-cta-grid {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 80px;
  align-items: center;
  position: relative;
  z-index: 1;
}

.pua-cta-info h2 {
  font-size: clamp(1.9rem, 3.2vw, 2.8rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.8px;
  color: #fff;
  margin: 0 0 22px;
}

.pua-cta-info > p {
  font-size: 1rem;
  color: #94a3b8;
  line-height: 1.8;
  margin: 0 0 32px;
  max-width: 480px;
}

.pua-cta-list {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
}

.pua-cta-list li {
  position: relative;
  padding: 11px 0 11px 32px;
  font-size: 0.98rem;
  color: #e2e8f0;
  font-weight: 500;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.pua-cta-list li:last-child { border-bottom: none; }

.pua-cta-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  width: 14px;
  height: 2px;
  background: var(--pua-red);
}

.pua-cta-note {
  font-size: 0.85rem;
  color: #64748b;
  padding: 16px 20px;
  background: rgba(255,255,255,0.03);
  border-left: 2px solid var(--pua-red);
  border-radius: 2px;
  line-height: 1.6;
}

.pua-cta-note strong { color: #cbd5e1; }


/* Form Kartı */
.pua-cta-form-wrap {
  background: #fff;
  border-radius: 8px;
  padding: 44px 40px;
  box-shadow: 0 40px 80px -30px rgba(0,0,0,0.6);
}

.pua-form h3 {
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--pua-ink);
  margin: 0 0 26px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--pua-line);
  letter-spacing: -0.2px;
}

.pua-field { margin-bottom: 16px; }

.pua-field label {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--pua-gray);
  margin-bottom: 8px;
}

.pua-field input,
.pua-field select,
.pua-field textarea {
  width: 100%;
  padding: 13px 16px;
  border: 1.5px solid var(--pua-line);
  border-radius: 6px;
  background: #fff;
  font-size: 0.95rem;
  font-family: inherit;
  color: var(--pua-ink);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.pua-field textarea { resize: vertical; min-height: 80px; }

.pua-field input:focus,
.pua-field select:focus,
.pua-field textarea:focus {
  outline: none;
  border-color: var(--pua-red);
  box-shadow: 0 0 0 4px rgba(229,9,76,0.1);
}

.pua-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.pua-submit {
  width: 100%;
  margin-top: 12px;
  padding: 17px 24px;
  background: var(--pua-red);
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 0.98rem;
  font-weight: 800;
  letter-spacing: 0.4px;
  cursor: pointer;
  transition: background 0.25s ease, transform 0.2s ease;
  font-family: inherit;
}

.pua-submit:hover {
  background: var(--pua-red-dark);
  transform: translateY(-1px);
}

.pua-form-note {
  font-size: 0.75rem;
  color: var(--pua-gray);
  margin: 12px 0 0;
  text-align: center;
  line-height: 1.5;
}


/* ============================================================
   RESPONSIVE — TABLET
   ============================================================ */

@media (max-width: 1024px) {
  .pua-hero { padding: 110px 0 70px; }
  .pua-hero-meta { grid-template-columns: 1fr 1fr; }
  .pua-meta-item { border-bottom: 1px solid var(--pua-line); padding: 18px 20px 18px 0; }
  .pua-meta-item:nth-child(2) { border-right: none; }
  .pua-meta-item:nth-child(3),
  .pua-meta-item:nth-child(4) { border-bottom: none; }

  .pua-service { padding: 80px 0; }

  .pua-service-grid,
  .pua-service-grid.pua-rev {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .pua-service-grid.pua-rev .pua-media,
  .pua-service-grid.pua-rev .pua-info {
    order: unset;
  }

  .pua-slider { aspect-ratio: 16 / 10; max-width: 720px; margin: 0 auto; }

  .pua-arrow { opacity: 1; }

  .pua-cta { padding: 80px 0; }
  .pua-cta-grid { grid-template-columns: 1fr; gap: 48px; }
  .pua-cta-form-wrap { padding: 36px 32px; }
}


/* ============================================================
   RESPONSIVE — MOBİL
   ============================================================ */

@media (max-width: 640px) {
  .pua-container { padding: 0 20px; }

  .pua-hero { padding: 90px 0 60px; }
  .pua-hero-title { font-size: 1.9rem; letter-spacing: -0.6px; }
  .pua-hero-lead { font-size: 0.98rem; margin-bottom: 36px; }
  .pua-hero-meta { grid-template-columns: 1fr; }
  .pua-meta-item {
    border-right: none;
    border-bottom: 1px solid var(--pua-line);
    padding: 16px 0;
  }
  .pua-meta-item:nth-child(3) { border-bottom: 1px solid var(--pua-line); }
  .pua-meta-item:last-child { border-bottom: none; }

  .pua-service { padding: 60px 0; }
  .pua-service-grid,
  .pua-service-grid.pua-rev { gap: 36px; }

  .pua-slider { aspect-ratio: 4 / 5; }
  .pua-slide-cap { padding: 18px 18px 20px; font-size: 0.82rem; }
  .pua-arrow { width: 36px; height: 36px; font-size: 1.3rem; }
  .pua-prev { left: 10px; }
  .pua-next { right: 10px; }
  .pua-dots { bottom: 12px; padding: 6px 10px; gap: 6px; }

  .pua-title { font-size: 1.5rem; margin-bottom: 20px; }
  .pua-desc { font-size: 0.95rem; }

  .pua-specs { grid-template-columns: 1fr; gap: 0; margin-bottom: 26px; }

  .pua-list li { font-size: 0.93rem; padding-left: 26px; }
  .pua-list li::before { width: 12px; top: 17px; }

  .pua-btn { width: 100%; justify-content: center; }

  .pua-cta { padding: 60px 0; }
  .pua-cta-info h2 { font-size: 1.6rem; }
  .pua-cta-form-wrap { padding: 28px 22px; border-radius: 6px; }
  .pua-field-row { grid-template-columns: 1fr; gap: 0; }
  .pua-form h3 { font-size: 1.05rem; }
}

@media (max-width: 400px) {
  .pua-hero-title { font-size: 1.7rem; }
  .pua-cta-info h2 { font-size: 1.45rem; }
  .pua-cta-form-wrap { padding: 24px 18px; }
}

/* ============================================================
   FORM EK — Zorunlu alan yıldızı, paket detay açılışı
   ============================================================ */

.pua-req {
  color: var(--pua-red);
  font-weight: 800;
  margin-left: 2px;
}

/* Paket detay alanı — başlangıçta gizli, açılınca animasyonlu gelir */
.pua-package-detail {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin-bottom: 0 !important;
  transition: max-height 0.45s cubic-bezier(0.22, 1, 0.36, 1),
              opacity 0.35s ease,
              margin 0.35s ease;
}

.pua-package-detail.is-open {
  max-height: 320px;
  opacity: 1;
  margin-bottom: 16px !important;
}

.pua-field-hint {
  display: block;
  margin-top: 8px;
  font-size: 0.78rem;
  color: var(--pua-gray);
  line-height: 1.5;
}

/* Telefon inputu — hafif monospace ki rakamlar hizalı görünsün */
#pua-phone {
  font-family: "SF Mono", Menlo, Consolas, monospace;
  letter-spacing: 0.5px;
  font-weight: 600;
}

/* Hatalı alan görseli */
.pua-field input.pua-invalid,
.pua-field select.pua-invalid,
.pua-field textarea.pua-invalid {
  border-color: var(--pua-red);
  box-shadow: 0 0 0 4px rgba(229, 9, 76, 0.1);
  animation: puaShake 0.4s ease;
}

@keyframes puaShake {
  0%, 100% { transform: translateX(0); }
  25%      { transform: translateX(-4px); }
  75%      { transform: translateX(4px); }
}

/* ============================================================
   SCROLL REVEAL ANIMASYONLARI
   ============================================================ */

/* Animasyon başlangıç durumu */
.pua-scroll-item {
  opacity: 0;
  transform: translateY(45px);
  transition:
    opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

/* Ekrana girdiğinde */
.pua-scroll-item.pua-visible {
  opacity: 1;
  transform: translateY(0);
}


/* Hizmet görseli */
.pua-service .pua-media.pua-scroll-item {
  transform: translateX(-55px);
}

.pua-service.pua-rev .pua-media.pua-scroll-item {
  transform: translateX(55px);
}

.pua-service .pua-media.pua-scroll-item.pua-visible {
  transform: translateX(0);
}


/* Hizmet içeriği */
.pua-service .pua-info.pua-scroll-item {
  transform: translateY(45px);
}

.pua-service .pua-info.pua-scroll-item.pua-visible {
  transform: translateY(0);
}


/* İçerideki elemanların başlangıç durumu */
.pua-info .pua-num,
.pua-info .pua-cat,
.pua-info .pua-title,
.pua-info .pua-desc,
.pua-info .pua-specs,
.pua-info .pua-list,
.pua-info .pua-btn {
  opacity: 0;
  transform: translateY(22px);
  transition:
    opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Hizmet aktif olduğunda elemanlar görünür */
.pua-info.pua-visible .pua-num,
.pua-info.pua-visible .pua-cat,
.pua-info.pua-visible .pua-title,
.pua-info.pua-visible .pua-desc,
.pua-info.pua-visible .pua-specs,
.pua-info.pua-visible .pua-list,
.pua-info.pua-visible .pua-btn {
  opacity: 1;
  transform: translateY(0);
}


/* TEK TEK GELİŞ SIRASI */

.pua-info.pua-visible .pua-num {
  transition-delay: 0.05s;
}

.pua-info.pua-visible .pua-cat {
  transition-delay: 0.13s;
}

.pua-info.pua-visible .pua-title {
  transition-delay: 0.21s;
}

.pua-info.pua-visible .pua-desc:nth-of-type(1) {
  transition-delay: 0.30s;
}

.pua-info.pua-visible .pua-desc:nth-of-type(2) {
  transition-delay: 0.38s;
}

.pua-info.pua-visible .pua-specs {
  transition-delay: 0.48s;
}

.pua-info.pua-visible .pua-list {
  transition-delay: 0.57s;
}

.pua-info.pua-visible .pua-btn {
  transition-delay: 0.68s;
}


/* ============================================================
   HERO ANİMASYONLARI
   ============================================================ */

.pua-hero .pua-eyebrow,
.pua-hero .pua-hero-title,
.pua-hero .pua-hero-lead,
.pua-hero .pua-hero-meta {
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.pua-hero.pua-hero-visible .pua-eyebrow {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.05s;
}

.pua-hero.pua-hero-visible .pua-hero-title {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.15s;
}

.pua-hero.pua-hero-visible .pua-hero-lead {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.28s;
}

.pua-hero.pua-hero-visible .pua-hero-meta {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.40s;
}


/* ============================================================
   CTA / TEKLİF ALANI
   ============================================================ */

.pua-cta .pua-cta-info,
.pua-cta .pua-cta-form-wrap {
  opacity: 0;
  transform: translateY(50px);
  transition:
    opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}

.pua-cta.pua-visible .pua-cta-info {
  opacity: 1;
  transform: translateY(0);
}

.pua-cta.pua-visible .pua-cta-form-wrap {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.18s;
}


/* ============================================================
   MOBİL
   ============================================================ */

@media (max-width: 640px) {

  .pua-service .pua-media.pua-scroll-item,
  .pua-service.pua-rev .pua-media.pua-scroll-item {
    transform: translateY(35px);
  }

  .pua-service .pua-media.pua-scroll-item.pua-visible {
    transform: translateY(0);
  }

  .pua-service .pua-info.pua-scroll-item {
    transform: translateY(30px);
  }

  .pua-info .pua-num,
  .pua-info .pua-cat,
  .pua-info .pua-title,
  .pua-info .pua-desc,
  .pua-info .pua-specs,
  .pua-info .pua-list,
  .pua-info .pua-btn {
    transform: translateY(16px);
    transition-duration: 0.55s;
  }

  .pua-info.pua-visible .pua-num {
    transition-delay: 0.03s;
  }

  .pua-info.pua-visible .pua-cat {
    transition-delay: 0.09s;
  }

  .pua-info.pua-visible .pua-title {
    transition-delay: 0.15s;
  }

  .pua-info.pua-visible .pua-desc:nth-of-type(1) {
    transition-delay: 0.22s;
  }

  .pua-info.pua-visible .pua-desc:nth-of-type(2) {
    transition-delay: 0.29s;
  }

  .pua-info.pua-visible .pua-specs {
    transition-delay: 0.36s;
  }

  .pua-info.pua-visible .pua-list {
    transition-delay: 0.43s;
  }

  .pua-info.pua-visible .pua-btn {
    transition-delay: 0.50s;
  }
}


/* Kullanıcı animasyonları kapatmayı tercih etmişse */
@media (prefers-reduced-motion: reduce) {

  .pua-scroll-item,
  .pua-hero .pua-eyebrow,
  .pua-hero .pua-hero-title,
  .pua-hero .pua-hero-lead,
  .pua-hero .pua-hero-meta,
  .pua-cta .pua-cta-info,
  .pua-cta .pua-cta-form-wrap,
  .pua-info .pua-num,
  .pua-info .pua-cat,
  .pua-info .pua-title,
  .pua-info .pua-desc,
  .pua-info .pua-specs,
  .pua-info .pua-list,
  .pua-info .pua-btn {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}/* End custom CSS */