{"id":970,"date":"2026-03-07T04:17:47","date_gmt":"2026-03-07T01:17:47","guid":{"rendered":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/?page_id=970"},"modified":"2026-03-07T09:55:01","modified_gmt":"2026-03-07T06:55:01","slug":"bagis-yap","status":"publish","type":"page","link":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/bagis-yap\/","title":{"rendered":"Ba\u011f\u0131\u015f Yap"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"970\" class=\"elementor elementor-970\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfdd0df e-con-full e-flex e-con e-parent\" data-id=\"cfdd0df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c09591a elementor-widget elementor-widget-html\" data-id=\"c09591a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- BA\u011eI\u015e SAYFASI v2 \u2014 Elementor HTML Widget               -->\r\n<!-- Hayaller Ger\u00e7ek Olsun                                   -->\r\n<!-- S1: Hero \u00b7 S2: 2-ad\u0131ml\u0131 ba\u011f\u0131\u015f ak\u0131\u015f\u0131 (Bilgiler \u2192 \u00d6deme) -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n<style>\r\n.hgo-bagis *,\r\n.hgo-bagis *::before,\r\n.hgo-bagis *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.hgo-bagis {\r\n  --navy: #1a2d5a;\r\n  --navy-deep: #122044;\r\n  --gold: #f5a623;\r\n  --gold-hover: #e6950f;\r\n  --gold-soft: rgba(245, 166, 35, 0.08);\r\n  --green: #2ecc71;\r\n  --green-hover: #27ae60;\r\n  --green-soft: rgba(46, 204, 113, 0.08);\r\n  --text-primary: #1a1a2e;\r\n  --text-secondary: #5a6175;\r\n  --text-light: #8891a5;\r\n  --text-on-dark: #ffffff;\r\n  --text-dim: rgba(255, 255, 255, 0.7);\r\n  --bg-white: #ffffff;\r\n  --bg-light: #f8f9fc;\r\n  --border-light: #e8ecf2;\r\n  --radius-lg: 20px;\r\n  --radius-md: 12px;\r\n  --radius-sm: 8px;\r\n\r\n  font-family: inherit;\r\n  width: 100%;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 HERO \u2550\u2550\u2550 *\/\r\n.hgo-bagis__hero {\r\n  background: var(--navy);\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 80px 20px;\r\n  text-align: center;\r\n}\r\n\r\n.hgo-bagis__hero::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(circle at 20% 80%, rgba(245, 166, 35, 0.08) 0%, transparent 50%),\r\n    radial-gradient(circle at 80% 20%, rgba(46, 204, 113, 0.05) 0%, transparent 50%);\r\n  pointer-events: none;\r\n}\r\n\r\n.hgo-bagis__hero-inner {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 640px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.hgo-bagis__hero-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  color: var(--gold);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.hgo-bagis__hero-eyebrow::before,\r\n.hgo-bagis__hero-eyebrow::after {\r\n  content: '';\r\n  width: 24px;\r\n  height: 1px;\r\n  background: var(--gold);\r\n  opacity: 0.4;\r\n}\r\n\r\n.hgo-bagis__hero-title {\r\n  font-size: clamp(32px, 5vw, 46px);\r\n  font-weight: 800;\r\n  color: var(--text-on-dark);\r\n  line-height: 1.15;\r\n  letter-spacing: -1px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.hgo-bagis__hero-desc {\r\n  font-size: 17px;\r\n  color: var(--text-dim);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 FORM CONTAINER \u2550\u2550\u2550 *\/\r\n.hgo-bagis__container {\r\n  max-width: 680px;\r\n  margin: -40px auto 0;\r\n  padding: 0 20px 80px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.hgo-bagis__card {\r\n  background: var(--bg-white);\r\n  border-radius: var(--radius-lg);\r\n  border: 1px solid var(--border-light);\r\n  box-shadow: 0 8px 40px rgba(26, 45, 90, 0.08);\r\n  overflow: hidden;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 STEPS INDICATOR \u2550\u2550\u2550 *\/\r\n.hgo-bagis__steps {\r\n  display: flex;\r\n  border-bottom: 1px solid var(--border-light);\r\n}\r\n\r\n.hgo-bagis__step-tab {\r\n  flex: 1;\r\n  padding: 18px 16px;\r\n  text-align: center;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: var(--text-light);\r\n  background: var(--bg-light);\r\n  position: relative;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.hgo-bagis__step-tab.active {\r\n  color: var(--navy);\r\n  background: var(--bg-white);\r\n  font-weight: 700;\r\n}\r\n\r\n.hgo-bagis__step-tab.active::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 3px;\r\n  background: var(--gold);\r\n}\r\n\r\n.hgo-bagis__step-tab.completed {\r\n  color: var(--green);\r\n}\r\n\r\n.hgo-bagis__step-num {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 24px;\r\n  height: 24px;\r\n  border-radius: 50%;\r\n  background: var(--border-light);\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  margin-right: 6px;\r\n  color: var(--text-light);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.hgo-bagis__step-tab.active .hgo-bagis__step-num {\r\n  background: var(--gold);\r\n  color: #fff;\r\n}\r\n\r\n.hgo-bagis__step-tab.completed .hgo-bagis__step-num {\r\n  background: var(--green);\r\n  color: #fff;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 STEP CONTENT \u2550\u2550\u2550 *\/\r\n.hgo-bagis__step-content {\r\n  padding: 36px 32px;\r\n}\r\n\r\n.hgo-bagis__step {\r\n  display: none;\r\n}\r\n\r\n.hgo-bagis__step.active {\r\n  display: block;\r\n}\r\n\r\n.hgo-bagis__step-title {\r\n  font-size: 20px;\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.hgo-bagis__step-sub {\r\n  font-size: 14px;\r\n  color: var(--text-light);\r\n  margin-bottom: 28px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 STEP 1: B\u0130LG\u0130LER \u2550\u2550\u2550 *\/\r\n.hgo-bagis__form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 16px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.hgo-bagis__form-group {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n}\r\n\r\n.hgo-bagis__form-group--full {\r\n  grid-column: 1 \/ -1;\r\n}\r\n\r\n.hgo-bagis__form-label {\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: var(--text-primary);\r\n}\r\n\r\n.hgo-bagis__form-input {\r\n  width: 100%;\r\n  padding: 12px 16px;\r\n  background: var(--bg-light) !important;\r\n  border: 1px solid var(--border-light) !important;\r\n  border-radius: var(--radius-sm);\r\n  font-size: 14px;\r\n  font-family: inherit;\r\n  color: var(--text-primary) !important;\r\n  transition: border-color 0.2s ease;\r\n  outline: none;\r\n}\r\n\r\n.hgo-bagis__form-input:focus {\r\n  border-color: var(--gold) !important;\r\n  box-shadow: 0 0 0 3px rgba(245, 166, 35, 0.1);\r\n}\r\n\r\n.hgo-bagis__form-input::placeholder {\r\n  color: var(--text-light);\r\n}\r\n\r\n\/* Tutar se\u00e7imi *\/\r\n.hgo-bagis__amount-presets {\r\n  display: flex;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.hgo-bagis__amount-btn {\r\n  padding: 10px 20px;\r\n  border: 1.5px solid var(--border-light) !important;\r\n  border-radius: var(--radius-sm);\r\n  background: var(--bg-white) !important;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: var(--navy) !important;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  font-family: inherit;\r\n}\r\n\r\n.hgo-bagis__amount-btn:hover {\r\n  border-color: rgba(245, 166, 35, 0.4) !important;\r\n}\r\n\r\n.hgo-bagis__amount-btn.selected {\r\n  border-color: var(--gold) !important;\r\n  background: var(--gold-soft) !important;\r\n  color: var(--gold) !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 STEP 2: IBAN + A\u00c7IKLAMA \u2550\u2550\u2550 *\/\r\n.hgo-bagis__summary {\r\n  background: var(--bg-light);\r\n  border: 1px solid var(--border-light);\r\n  border-radius: var(--radius-md);\r\n  padding: 24px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.hgo-bagis__summary-row {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  padding: 8px 0;\r\n  font-size: 14px;\r\n}\r\n\r\n.hgo-bagis__summary-label {\r\n  color: var(--text-light);\r\n  font-weight: 500;\r\n}\r\n\r\n.hgo-bagis__summary-value {\r\n  color: var(--text-primary);\r\n  font-weight: 700;\r\n  text-align: right;\r\n}\r\n\r\n.hgo-bagis__summary-divider {\r\n  height: 1px;\r\n  background: var(--border-light);\r\n  margin: 8px 0;\r\n}\r\n\r\n.hgo-bagis__summary-total .hgo-bagis__summary-value {\r\n  font-size: 22px;\r\n  color: var(--gold);\r\n}\r\n\r\n\/* IBAN kutusu *\/\r\n.hgo-bagis__iban-box {\r\n  background: var(--navy);\r\n  border-radius: var(--radius-md);\r\n  padding: 24px;\r\n  margin-bottom: 20px;\r\n  color: var(--text-on-dark);\r\n}\r\n\r\n.hgo-bagis__iban-label {\r\n  font-size: 11px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.5px;\r\n  color: var(--text-dim);\r\n  margin-bottom: 4px;\r\n  font-weight: 600;\r\n}\r\n\r\n.hgo-bagis__iban-bank {\r\n  font-size: 14px;\r\n  color: var(--text-dim);\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.hgo-bagis__iban-number {\r\n  font-size: 18px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.5px;\r\n  margin-bottom: 14px;\r\n  word-break: break-all;\r\n  color: #ffffff;\r\n}\r\n\r\n.hgo-bagis__iban-copy {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 8px 18px;\r\n  background: rgba(255, 255, 255, 0.1) !important;\r\n  border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n  border-radius: 6px;\r\n  color: #fff !important;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  font-family: inherit;\r\n}\r\n\r\n.hgo-bagis__iban-copy:hover {\r\n  background: rgba(255, 255, 255, 0.15) !important;\r\n}\r\n\r\n.hgo-bagis__iban-copy.copied {\r\n  background: rgba(46, 204, 113, 0.2) !important;\r\n  border-color: rgba(46, 204, 113, 0.4) !important;\r\n  color: var(--green) !important;\r\n}\r\n\r\n\/* Havale a\u00e7\u0131klamas\u0131 kutusu *\/\r\n.hgo-bagis__aciklama-box {\r\n  background: var(--gold-soft);\r\n  border: 1px solid rgba(245, 166, 35, 0.2);\r\n  border-radius: var(--radius-md);\r\n  padding: 24px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.hgo-bagis__aciklama-title {\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  color: var(--navy);\r\n  margin-bottom: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.hgo-bagis__aciklama-desc {\r\n  font-size: 13px;\r\n  color: var(--text-secondary);\r\n  line-height: 1.6;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.hgo-bagis__aciklama-value {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px;\r\n  background: var(--bg-white);\r\n  border: 1px solid var(--border-light);\r\n  border-radius: var(--radius-sm);\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: var(--navy);\r\n}\r\n\r\n.hgo-bagis__aciklama-copy {\r\n  padding: 6px 14px;\r\n  background: var(--bg-light) !important;\r\n  border: 1px solid var(--border-light) !important;\r\n  border-radius: 6px;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  color: var(--text-secondary) !important;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  font-family: inherit;\r\n  white-space: nowrap;\r\n}\r\n\r\n.hgo-bagis__aciklama-copy:hover {\r\n  border-color: var(--navy) !important;\r\n}\r\n\r\n.hgo-bagis__aciklama-copy.copied {\r\n  background: var(--green-soft) !important;\r\n  border-color: var(--green) !important;\r\n  color: var(--green) !important;\r\n}\r\n\r\n\/* Info notu *\/\r\n.hgo-bagis__info-note {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n  padding: 16px;\r\n  background: var(--bg-light);\r\n  border-radius: var(--radius-sm);\r\n  border: 1px solid var(--border-light);\r\n  font-size: 13px;\r\n  color: var(--text-secondary);\r\n  line-height: 1.6;\r\n}\r\n\r\n.hgo-bagis__info-note-icon {\r\n  font-size: 18px;\r\n  flex-shrink: 0;\r\n  margin-top: 1px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 TAMAMLA BUTONU \u2014 Astra\/Elementor override \u2550\u2550\u2550 *\/\r\n.hgo-bagis .hgo-bagis__complete-btn,\r\n.hgo-bagis .hgo-bagis__complete-btn:visited,\r\n.hgo-bagis .hgo-bagis__complete-btn:focus {\r\n  display: block !important;\r\n  width: 100%;\r\n  padding: 16px !important;\r\n  margin-top: 20px;\r\n  background: var(--green) !important;\r\n  background-color: var(--green) !important;\r\n  color: #ffffff !important;\r\n  font-size: 16px !important;\r\n  font-weight: 700 !important;\r\n  border: none !important;\r\n  border-radius: var(--radius-sm) !important;\r\n  cursor: pointer;\r\n  transition: all 0.25s ease;\r\n  font-family: inherit;\r\n  opacity: 1 !important;\r\n  visibility: visible !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n.hgo-bagis .hgo-bagis__complete-btn:hover {\r\n  background: var(--green-hover) !important;\r\n  background-color: var(--green-hover) !important;\r\n  color: #ffffff !important;\r\n  box-shadow: 0 4px 16px rgba(46, 204, 113, 0.35);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n\/* Ba\u015far\u0131 mesaj\u0131 *\/\r\n.hgo-bagis__success {\r\n  text-align: center;\r\n  padding: 32px 20px;\r\n}\r\n\r\n.hgo-bagis__success-icon {\r\n  font-size: 48px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.hgo-bagis__success-title {\r\n  font-size: 24px;\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.hgo-bagis__success-desc {\r\n  font-size: 15px;\r\n  color: var(--text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 NAV BUTTONS \u2014 Astra\/Elementor override \u2550\u2550\u2550 *\/\r\n.hgo-bagis__nav {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 20px 32px;\r\n  border-top: 1px solid var(--border-light);\r\n  background: var(--bg-light);\r\n}\r\n\r\n.hgo-bagis .hgo-bagis__nav-back,\r\n.hgo-bagis .hgo-bagis__nav-back:visited {\r\n  padding: 10px 20px !important;\r\n  background: transparent !important;\r\n  background-color: transparent !important;\r\n  border: 1.5px solid var(--border-light) !important;\r\n  border-radius: var(--radius-sm) !important;\r\n  font-size: 14px !important;\r\n  font-weight: 600 !important;\r\n  color: var(--text-secondary) !important;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  font-family: inherit;\r\n  text-decoration: none !important;\r\n}\r\n\r\n.hgo-bagis .hgo-bagis__nav-back:hover {\r\n  border-color: var(--navy) !important;\r\n  color: var(--navy) !important;\r\n  background: transparent !important;\r\n}\r\n\r\n.hgo-bagis .hgo-bagis__nav-back.hidden {\r\n  visibility: hidden;\r\n}\r\n\r\n.hgo-bagis .hgo-bagis__nav-next,\r\n.hgo-bagis .hgo-bagis__nav-next:visited,\r\n.hgo-bagis .hgo-bagis__nav-next:focus {\r\n  padding: 12px 28px !important;\r\n  background: var(--gold) !important;\r\n  background-color: var(--gold) !important;\r\n  color: #ffffff !important;\r\n  border: none !important;\r\n  border-radius: var(--radius-sm) !important;\r\n  font-size: 14px !important;\r\n  font-weight: 700 !important;\r\n  cursor: pointer;\r\n  transition: all 0.25s ease;\r\n  font-family: inherit;\r\n  opacity: 1 !important;\r\n  visibility: visible !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n.hgo-bagis .hgo-bagis__nav-next:hover {\r\n  background: var(--gold-hover) !important;\r\n  background-color: var(--gold-hover) !important;\r\n  color: #ffffff !important;\r\n  box-shadow: 0 4px 16px rgba(245, 166, 35, 0.3);\r\n}\r\n\r\n.hgo-bagis .hgo-bagis__nav-next:disabled {\r\n  opacity: 0.4 !important;\r\n  cursor: not-allowed;\r\n  box-shadow: none !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\r\n@media (max-width: 600px) {\r\n  .hgo-bagis__hero { padding: 56px 16px; }\r\n  .hgo-bagis__container { padding: 0 16px 60px; }\r\n  .hgo-bagis__step-content { padding: 28px 20px; }\r\n  .hgo-bagis__nav { padding: 16px 20px; }\r\n  .hgo-bagis__form-row { grid-template-columns: 1fr; }\r\n  .hgo-bagis__step-tab { font-size: 12px; padding: 14px 10px; }\r\n  .hgo-bagis__amount-presets { gap: 8px; }\r\n  .hgo-bagis__amount-btn { padding: 8px 16px; font-size: 14px; }\r\n  .hgo-bagis__iban-number { font-size: 14px; letter-spacing: 0.5px; }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- \u2550\u2550\u2550 HERO \u2550\u2550\u2550 -->\r\n<section class=\"hgo-bagis\">\r\n\r\n<div class=\"hgo-bagis__hero\">\r\n  <div class=\"hgo-bagis__hero-inner\">\r\n    <div class=\"hgo-bagis__hero-eyebrow\">Destek Ol<\/div>\r\n    <h1 class=\"hgo-bagis__hero-title\">Ba\u011f\u0131\u015f Yap<\/h1>\r\n    <p class=\"hgo-bagis__hero-desc\">\r\n      \u00c7ocuklar\u0131n hayallerine ortak olun. Yapaca\u011f\u0131n\u0131z her katk\u0131 bir gelece\u011fi ayd\u0131nlat\u0131r.\r\n    <\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- \u2550\u2550\u2550 FORM CARD \u2550\u2550\u2550 -->\r\n<div class=\"hgo-bagis__container\">\r\n  <div class=\"hgo-bagis__card\">\r\n\r\n    <!-- Steps indicator \u2014 2 ad\u0131m -->\r\n    <div class=\"hgo-bagis__steps\">\r\n      <div class=\"hgo-bagis__step-tab active\" data-step=\"1\">\r\n        <span class=\"hgo-bagis__step-num\">1<\/span> Bilgiler\r\n      <\/div>\r\n      <div class=\"hgo-bagis__step-tab\" data-step=\"2\">\r\n        <span class=\"hgo-bagis__step-num\">2<\/span> \u00d6deme\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- STEP 1: Bilgiler -->\r\n    <div class=\"hgo-bagis__step active\" id=\"hgoBagisStep1\">\r\n      <div class=\"hgo-bagis__step-content\">\r\n        <div class=\"hgo-bagis__step-title\">Bilgileriniz<\/div>\r\n        <div class=\"hgo-bagis__step-sub\">Ba\u011f\u0131\u015f\u0131n\u0131z\u0131 takip edebilmemiz i\u00e7in temel bilgilerinizi girin.<\/div>\r\n\r\n        <div class=\"hgo-bagis__form-row\">\r\n          <div class=\"hgo-bagis__form-group\">\r\n            <label class=\"hgo-bagis__form-label\">Ad\u0131n\u0131z Soyad\u0131n\u0131z *<\/label>\r\n            <input type=\"text\" class=\"hgo-bagis__form-input\" id=\"hgoBagisName\" placeholder=\"Ad\u0131n\u0131z Soyad\u0131n\u0131z\">\r\n          <\/div>\r\n          <div class=\"hgo-bagis__form-group\">\r\n            <label class=\"hgo-bagis__form-label\">Telefon<\/label>\r\n            <input type=\"tel\" class=\"hgo-bagis__form-input\" id=\"hgoBagisPhone\" placeholder=\"05XX XXX XX XX\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hgo-bagis__form-row\">\r\n          <div class=\"hgo-bagis__form-group hgo-bagis__form-group--full\">\r\n            <label class=\"hgo-bagis__form-label\">E-posta<\/label>\r\n            <input type=\"email\" class=\"hgo-bagis__form-input\" id=\"hgoBagisEmail\" placeholder=\"ornek@email.com\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hgo-bagis__form-row\">\r\n          <div class=\"hgo-bagis__form-group hgo-bagis__form-group--full\">\r\n            <label class=\"hgo-bagis__form-label\">Ba\u011f\u0131\u015f Tutar\u0131 (\u20ba) *<\/label>\r\n            <div class=\"hgo-bagis__amount-presets\">\r\n              <button type=\"button\" class=\"hgo-bagis__amount-btn\" data-amount=\"100\">\u20ba100<\/button>\r\n              <button type=\"button\" class=\"hgo-bagis__amount-btn\" data-amount=\"250\">\u20ba250<\/button>\r\n              <button type=\"button\" class=\"hgo-bagis__amount-btn\" data-amount=\"500\">\u20ba500<\/button>\r\n              <button type=\"button\" class=\"hgo-bagis__amount-btn\" data-amount=\"1000\">\u20ba1.000<\/button>\r\n              <button type=\"button\" class=\"hgo-bagis__amount-btn\" data-amount=\"2500\">\u20ba2.500<\/button>\r\n            <\/div>\r\n            <input type=\"number\" class=\"hgo-bagis__form-input\" id=\"hgoBagisAmount\" placeholder=\"Veya farkl\u0131 bir tutar girin\" min=\"1\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- STEP 2: \u00d6deme -->\r\n    <div class=\"hgo-bagis__step\" id=\"hgoBagisStep2\">\r\n      <div class=\"hgo-bagis__step-content\">\r\n        <div class=\"hgo-bagis__step-title\">Havale \/ EFT Bilgileri<\/div>\r\n        <div class=\"hgo-bagis__step-sub\">A\u015fa\u011f\u0131daki bilgileri kullanarak ba\u011f\u0131\u015f\u0131n\u0131z\u0131 g\u00f6nderebilirsiniz.<\/div>\r\n\r\n        <!-- \u00d6zet -->\r\n        <div class=\"hgo-bagis__summary\">\r\n          <div class=\"hgo-bagis__summary-row\">\r\n            <span class=\"hgo-bagis__summary-label\">Ba\u011f\u0131\u015f\u00e7\u0131<\/span>\r\n            <span class=\"hgo-bagis__summary-value\" id=\"hgoSummaryName\">\u2014<\/span>\r\n          <\/div>\r\n          <div class=\"hgo-bagis__summary-divider\"><\/div>\r\n          <div class=\"hgo-bagis__summary-row hgo-bagis__summary-total\">\r\n            <span class=\"hgo-bagis__summary-label\">Tutar<\/span>\r\n            <span class=\"hgo-bagis__summary-value\" id=\"hgoSummaryAmount\">\u2014<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- IBAN -->\r\n        <div class=\"hgo-bagis__iban-box\">\r\n          <div class=\"hgo-bagis__iban-label\">Hesap Bilgileri<\/div>\r\n          <div class=\"hgo-bagis__iban-bank\">Hayaller Ger\u00e7ek Olsun Derne\u011fi \u2014 Banka Ad\u0131<\/div>\r\n          <div class=\"hgo-bagis__iban-number\" id=\"hgoIbanDisplay\">TR00 0000 0000 0000 0000 0000 00<\/div>\r\n          <button class=\"hgo-bagis__iban-copy\" id=\"hgoIbanCopy\" type=\"button\">\ud83d\udccb IBAN Kopyala<\/button>\r\n        <\/div>\r\n\r\n        <!-- Havale a\u00e7\u0131klamas\u0131 -->\r\n        <div class=\"hgo-bagis__aciklama-box\">\r\n          <div class=\"hgo-bagis__aciklama-title\">\u26a0\ufe0f Havale A\u00e7\u0131klamas\u0131<\/div>\r\n          <div class=\"hgo-bagis__aciklama-desc\">\r\n            Ba\u011f\u0131\u015f\u0131n\u0131z\u0131 tan\u0131mlayabilmemiz i\u00e7in l\u00fctfen havale a\u00e7\u0131klamas\u0131na a\u015fa\u011f\u0131daki metni yaz\u0131n:\r\n          <\/div>\r\n          <div class=\"hgo-bagis__aciklama-value\">\r\n            <span id=\"hgoAciklamaText\">\u2014<\/span>\r\n            <button class=\"hgo-bagis__aciklama-copy\" id=\"hgoAciklamaCopy\" type=\"button\">Kopyala<\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bilgi notu -->\r\n        <div class=\"hgo-bagis__info-note\" id=\"hgoBagisInfoNote\">\r\n          <span class=\"hgo-bagis__info-note-icon\">\u2139\ufe0f<\/span>\r\n          <span>Havale\/EFT i\u015fleminiz tamamland\u0131ktan sonra ba\u011f\u0131\u015f\u0131n\u0131z derne\u011fimiz taraf\u0131ndan kontrol edilerek kaydedilecektir. Deste\u011finiz i\u00e7in te\u015fekk\u00fcr ederiz.<\/span>\r\n        <\/div>\r\n\r\n        <!-- Tamamla butonu -->\r\n        <button class=\"hgo-bagis__complete-btn\" id=\"hgoBagisComplete\" type=\"button\">\u2713 Havale \/ EFT \u0130\u015flemimi Yapt\u0131m<\/button>\r\n\r\n        <!-- Ba\u015far\u0131 mesaj\u0131 (gizli) -->\r\n        <div class=\"hgo-bagis__success\" id=\"hgoBagisSuccess\" style=\"display:none;\">\r\n          <div class=\"hgo-bagis__success-icon\">\ud83c\udf89<\/div>\r\n          <div class=\"hgo-bagis__success-title\">Te\u015fekk\u00fcr Ederiz!<\/div>\r\n          <div class=\"hgo-bagis__success-desc\">Ba\u011f\u0131\u015f bildiriminiz al\u0131nm\u0131\u015ft\u0131r. Havale\/EFT i\u015fleminiz kontrol edildikten sonra kaydedilecektir.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Navigation -->\r\n    <div class=\"hgo-bagis__nav\" id=\"hgoBagisNav\">\r\n      <button class=\"hgo-bagis__nav-back hidden\" id=\"hgoBagisBack\" type=\"button\">\u2190 Geri<\/button>\r\n      <button class=\"hgo-bagis__nav-next\" id=\"hgoBagisNext\" type=\"button\" disabled>IBAN Bilgilerini G\u00f6ster \u2192<\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function() {\r\n  var nextBtn = document.getElementById('hgoBagisNext');\r\n  if (!nextBtn) return;\r\n\r\n  var currentStep = 1;\r\n  var totalSteps = 2;\r\n\r\n  \/\/ \u2550\u2550 AYARLAR \u2014 GER\u00c7EK B\u0130LG\u0130LERLE G\u00dcNCELLE \u2550\u2550\r\n  var IBAN = 'TR00 0000 0000 0000 0000 0000 00';\r\n  var SITE_URL = 'https:\/\/arcworkdigital.com\/hayallergercekolsun';\r\n  \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n\r\n  var steps = document.querySelectorAll('.hgo-bagis__step');\r\n  var tabs = document.querySelectorAll('.hgo-bagis__step-tab');\r\n  var backBtn = document.getElementById('hgoBagisBack');\r\n  var nav = document.getElementById('hgoBagisNav');\r\n\r\n  function showStep(n) {\r\n    currentStep = n;\r\n    steps.forEach(function(s, i) { s.classList.toggle('active', i === n - 1); });\r\n    tabs.forEach(function(t, i) {\r\n      t.classList.remove('active', 'completed');\r\n      if (i === n - 1) t.classList.add('active');\r\n      if (i < n - 1) t.classList.add('completed');\r\n    });\r\n    backBtn.classList.toggle('hidden', n === 1);\r\n\r\n    if (n === 2) {\r\n      nextBtn.style.display = 'none';\r\n      populateSummary();\r\n    } else {\r\n      nextBtn.style.display = '';\r\n    }\r\n    validateStep();\r\n  }\r\n\r\n  function validateStep() {\r\n    if (currentStep === 1) {\r\n      var name = document.getElementById('hgoBagisName').value.trim();\r\n      var amount = document.getElementById('hgoBagisAmount').value;\r\n      nextBtn.disabled = !name || !amount || amount <= 0;\r\n    }\r\n  }\r\n\r\n  function populateSummary() {\r\n    var name = document.getElementById('hgoBagisName').value.trim();\r\n    var amount = document.getElementById('hgoBagisAmount').value;\r\n\r\n    document.getElementById('hgoSummaryName').textContent = name;\r\n    document.getElementById('hgoSummaryAmount').textContent = '\u20ba' + Number(amount).toLocaleString('tr-TR');\r\n    document.getElementById('hgoIbanDisplay').textContent = IBAN;\r\n\r\n    \/\/ Havale a\u00e7\u0131klamas\u0131 \u2014 isim ba\u015f harfleri\r\n    var shortName = name.split(' ').map(function(w) { return w.charAt(0).toUpperCase(); }).join('');\r\n    var aciklama = 'HGO-BAGIS-' + shortName;\r\n    document.getElementById('hgoAciklamaText').textContent = aciklama;\r\n  }\r\n\r\n  \/\/ Ba\u011f\u0131\u015f\u0131 tamamla butonu\r\n  document.getElementById('hgoBagisComplete').addEventListener('click', function() {\r\n    var btn = this;\r\n    var name = document.getElementById('hgoBagisName').value.trim();\r\n    var telefon = document.getElementById('hgoBagisPhone').value.trim();\r\n    var eposta = document.getElementById('hgoBagisEmail').value.trim();\r\n    var amount = document.getElementById('hgoBagisAmount').value;\r\n    var aciklama = document.getElementById('hgoAciklamaText').textContent;\r\n\r\n    btn.disabled = true;\r\n    btn.textContent = 'Kaydediliyor...';\r\n\r\n    fetch(SITE_URL + '\/wp-json\/hgo\/v1\/bagis', {\r\n      method: 'POST',\r\n      headers: { 'Content-Type': 'application\/json' },\r\n      body: JSON.stringify({\r\n        ad_soyad: name,\r\n        telefon: telefon,\r\n        eposta: eposta,\r\n        bagis_kodu: aciklama,\r\n        tutar: Number(amount)\r\n      })\r\n    })\r\n    .then(function(res) { return res.json(); })\r\n    .then(function() {\r\n      showSuccess();\r\n    })\r\n    .catch(function() {\r\n      \/\/ API \u00e7al\u0131\u015fmasa bile kullan\u0131c\u0131y\u0131 engelleme\r\n      showSuccess();\r\n    });\r\n\r\n    function showSuccess() {\r\n      document.getElementById('hgoBagisComplete').style.display = 'none';\r\n      document.getElementById('hgoBagisInfoNote').style.display = 'none';\r\n      document.getElementById('hgoBagisSuccess').style.display = 'block';\r\n      nav.style.display = 'none';\r\n    }\r\n  });\r\n\r\n  \/\/ Tutar preset butonlar\u0131\r\n  document.querySelectorAll('.hgo-bagis__amount-btn').forEach(function(btn) {\r\n    btn.addEventListener('click', function() {\r\n      document.querySelectorAll('.hgo-bagis__amount-btn').forEach(function(b) { b.classList.remove('selected'); });\r\n      btn.classList.add('selected');\r\n      document.getElementById('hgoBagisAmount').value = btn.getAttribute('data-amount');\r\n      validateStep();\r\n    });\r\n  });\r\n\r\n  \/\/ Manuel tutar giri\u015fi\r\n  document.getElementById('hgoBagisAmount').addEventListener('input', function() {\r\n    document.querySelectorAll('.hgo-bagis__amount-btn').forEach(function(b) { b.classList.remove('selected'); });\r\n    validateStep();\r\n  });\r\n\r\n  \/\/ Form input'lar\u0131\r\n  document.getElementById('hgoBagisName').addEventListener('input', validateStep);\r\n\r\n  \/\/ Navigation\r\n  nextBtn.addEventListener('click', function() {\r\n    if (currentStep < totalSteps) showStep(currentStep + 1);\r\n  });\r\n\r\n  backBtn.addEventListener('click', function() {\r\n    if (currentStep > 1) showStep(currentStep - 1);\r\n  });\r\n\r\n  \/\/ IBAN kopyala\r\n  document.getElementById('hgoIbanCopy').addEventListener('click', function() {\r\n    var btn = this;\r\n    navigator.clipboard.writeText(IBAN.replace(\/\\s\/g, '')).then(function() {\r\n      btn.textContent = '\u2713 Kopyaland\u0131';\r\n      btn.classList.add('copied');\r\n      setTimeout(function() { btn.textContent = '\ud83d\udccb IBAN Kopyala'; btn.classList.remove('copied'); }, 2000);\r\n    });\r\n  });\r\n\r\n  \/\/ A\u00e7\u0131klama kopyala\r\n  document.getElementById('hgoAciklamaCopy').addEventListener('click', function() {\r\n    var btn = this;\r\n    var text = document.getElementById('hgoAciklamaText').textContent;\r\n    navigator.clipboard.writeText(text).then(function() {\r\n      btn.textContent = '\u2713 Kopyaland\u0131';\r\n      btn.classList.add('copied');\r\n      setTimeout(function() { btn.textContent = 'Kopyala'; btn.classList.remove('copied'); }, 2000);\r\n    });\r\n  });\r\n\r\n  showStep(1);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Destek Ol Ba\u011f\u0131\u015f Yap \u00c7ocuklar\u0131n hayallerine ortak olun. Yapaca\u011f\u0131n\u0131z her katk\u0131 bir gelece\u011fi ayd\u0131nlat\u0131r. 1 Bilgiler 2 \u00d6deme Bilgileriniz Ba\u011f\u0131\u015f\u0131n\u0131z\u0131 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-970","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/comments?post=970"}],"version-history":[{"count":16,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/970\/revisions"}],"predecessor-version":[{"id":1056,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/970\/revisions\/1056"}],"wp:attachment":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/media?parent=970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}