:root {
	--wd-text-font: "Noto Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "NationalWebRegular", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Noto Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "NationalWebRegular", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "NationalWebRegular", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "NationalWebBold", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 17px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(100,40,105);
	--wd-alternative-color: rgb(98,51,138);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(98,51,138);
	--btn-accented-bgcolor-hover: rgb(98,51,138);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(100,40,105);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(100,40,105);
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://yfu.netrunner.com.tr/wp-content/uploads/2021/08/travel-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "NationalWebRegular";
	src: url("//yfu.netrunner.com.tr/wp-content/uploads/2025/05/NationalWeb-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "NationalWebBold";
	src: url("//yfu.netrunner.com.tr/wp-content/uploads/2025/05/NationalWeb-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}

/* ==========================================================================
   YFU Türkiye – TÜM SAYFALARIN CSS'i
   Bu dosya şimdiye kadarki tüm sayfaları içerir; style.css'teki eski YFU bloğunun
   yerine TAMAMINI yapıştırın (wp-content/themes/woodmart-child/style.css, en alta).
     A. Ortak + Ana sayfa (Figma: xe1 › Landing page, node 101:45)
     B. Öğrenci Değişim Programı sayfası (Figma: xe1 › Outbound, node 108:33)
   Kırılımlar: masaüstü > 1024px · tablet 768–1024px · mobil ≤ 767px
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Temel değişkenler
   -------------------------------------------------------------------------- */
.yfu {
	--yfu-purple: #682f75;
	--yfu-purple-dark: #56265f;
	/* Erişilebilirlik (WCAG AA) için Figma tonları koyulaştırıldı:
	   --yfu-teal / --yfu-orange: beyaz büyük yazı için ≥ 3:1 (Figma: #00b4b9 / #f59100)
	   --yfu-teal-strong / --yfu-orange-text: küçük yazı ve butonlar için ≥ 4.5:1 */
	--yfu-teal: #009a9e;
	--yfu-teal-dark: #007f83;
	--yfu-teal-strong: #007f83;
	--yfu-teal-strong-dark: #006b6e;
	--yfu-orange: #d17600;
	--yfu-orange-text: #b35f00;
	--yfu-pink: #e6004b;
	--yfu-lavender: rgba(174, 139, 224, 0.73);
	--yfu-lavender-strong: #9a789c; /* Figma #ae8eb0, beyaz büyük yazı için ≥ 3:1 */
	--yfu-text: #454545;
	--yfu-muted: #6b6b6b;
	--yfu-border: #e6e6e6;
	--yfu-light: #f7f7f7;
	/* Font adı Woodmart › Tipografi › Özel fontlar'daki adla birebir aynı olmalı */
	--yfu-font: "NationalWebRegular", var(--wd-text-font, sans-serif);
	--yfu-font-bold: "NationalWebBold", "NationalWebRegular", var(--wd-text-font, sans-serif);
	--yfu-container: 1280px;
	--yfu-gutter: 20px;

	font-family: var(--yfu-font);
	color: var(--yfu-text);
}

.yfu h1,
.yfu h2,
.yfu h3,
.yfu h4,
.yfu p,
.yfu a,
.yfu li,
.yfu span {
	font-family: var(--yfu-font);
}

/* Kalın yazılar gerçek National Bold ile (tarayıcının sahte kalını yerine) */
.yfu h1,
.yfu h2,
.yfu h3,
.yfu h4,
.yfu strong,
.yfu b,
.yfu .yfu-programs__heading span,
.yfu .yfu-quote__name {
	font-family: var(--yfu-font-bold);
	font-weight: 700;
}

.yfu h1 a,
.yfu h2 a,
.yfu h3 a,
.yfu h4 a {
	font-family: inherit;
	font-weight: inherit;
}

.yfu .wpb_content_element {
	margin-bottom: 0;
}

/* WoodMart "Header overlap" açıksa hero header'ın altında kalmasın.
   Header Builder'da overlap kapatılırsa bu kural kendiliğinden devre dışı kalır. */
.wd-header-overlap .vc_row.yfu-hero,
.wd-header-overlap .vc_row.yfu-ob-hero {
	margin-top: var(--wd-header-h, 100px);
}

/* Tam genişlik (stretch) satırlarda WPBakery overflow:hidden veriyor;
   ortalanmış satırlarda kart gölgesi ve alt kenarı kesilmesin */
.vc_row.yfu-contained[data-vc-full-width] {
	overflow: visible;
}

.yfu .wpb_text_column > .wpb_wrapper > :last-child {
	margin-bottom: 0;
}

.yfu .wpb_text_column p:empty {
	display: none;
}

.vc_row.yfu-section {
	margin-bottom: 48px;
}

/* İçeriği 1280px'e ortalayan satırlar (arka plan yine tam genişlik) */
.yfu-contained > .wpb_column,
.wpb_content_element.yfu-contained {
	float: none;
	box-sizing: border-box;
	max-width: calc(var(--yfu-container) + 2 * var(--yfu-gutter));
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--yfu-gutter);
	padding-right: var(--yfu-gutter);
}

.yfu-contained > .wpb_column > .vc_column-inner {
	padding-left: 0;
	padding-right: 0;
}

/* WPBakery görsel elemanlarını "kapla" moduna almak için ortak kural */
.yfu-path__bg .vc_figure,
.yfu-path__bg .vc_single_image-wrapper,
.yfu-programs__img .vc_figure,
.yfu-programs__img .vc_single_image-wrapper,
.yfu-card__img .vc_figure,
.yfu-card__img .vc_single_image-wrapper,
.yfu-divider__img .vc_figure,
.yfu-divider__img .vc_single_image-wrapper,
.yfu-hero__tagline .vc_figure,
.yfu-hero__tagline .vc_single_image-wrapper,
.yfu-hero__photo .vc_figure,
.yfu-hero__photo .vc_single_image-wrapper {
	display: block;
	width: 100%;
	height: 100%;
}

/* --------------------------------------------------------------------------
   2. Butonlar
   -------------------------------------------------------------------------- */
.yfu .yfu-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 24px;
	border-radius: 8px;
	font-family: var(--yfu-font-bold);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.yfu .yfu-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.yfu .yfu-btn:focus-visible {
	outline: 3px solid var(--yfu-teal);
	outline-offset: 2px;
}

.yfu .yfu-btn--lg {
	padding: 20px 32px;
	font-family: var(--yfu-font);
	font-size: 24px;
	font-weight: 400;
}

.yfu .yfu-btn--purple,
.yfu .yfu-btn--purple:hover,
.yfu .yfu-btn--purple:focus {
	background-color: var(--yfu-purple);
	color: #fff;
}

.yfu .yfu-btn--purple:hover {
	background-color: var(--yfu-purple-dark);
}

.yfu .yfu-btn--teal,
.yfu .yfu-btn--teal:hover,
.yfu .yfu-btn--teal:focus {
	background-color: var(--yfu-teal-strong);
	color: #fff;
}

.yfu .yfu-btn--teal:hover {
	background-color: var(--yfu-teal-strong-dark);
}

.yfu .yfu-btn--light,
.yfu .yfu-btn--light:hover,
.yfu .yfu-btn--light:focus {
	background-color: var(--yfu-light);
	color: var(--yfu-teal-strong);
	font-family: var(--yfu-font);
	font-weight: 400;
}

.yfu .yfu-btn--light:hover {
	background-color: #fff;
}

.yfu .yfu-btn--grey,
.yfu .yfu-btn--grey:hover,
.yfu .yfu-btn--grey:focus {
	background-color: var(--yfu-border);
	color: rgba(0, 0, 0, 0.9);
}

.yfu .yfu-btn--grey:hover {
	background-color: #dadada;
}

.yfu .yfu-btn--white,
.yfu .yfu-btn--white:hover,
.yfu .yfu-btn--white:focus {
	border: 1px solid #f2f4f6;
	background-color: #fff;
	color: var(--yfu-teal-strong);
}

.yfu .yfu-btn--white:hover {
	background-color: #f2f4f6;
}

.yfu .yfu-btn--white:focus-visible {
	outline-color: #fff;
}

/* Büyük butonun kalın yazılı hâli */
.yfu .yfu-btn--lg.yfu-btn--bold {
	font-family: var(--yfu-font-bold);
	font-weight: 700;
}

/* Bölüm başlıkları */
.yfu-title h2 {
	margin: 0;
	font-size: clamp(30px, 3.34vw, 48px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.02em;
	text-transform: none;
	color: var(--yfu-purple);
}

.yfu-title--center h2 {
	text-align: center;
}

/* --------------------------------------------------------------------------
   3. Hero – "make the world your home"
   --s: 1440px tasarımı ekrana göre ölçekler (1440px ve üstünde 1px)
   -------------------------------------------------------------------------- */
.vc_row.yfu-hero {
	--s: min(1px, calc(100vw / 1440));
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	overflow: hidden;
}

.vc_row.yfu-hero::before,
.vc_row.yfu-hero::after {
	display: none;
}

.yfu-hero > .yfu-hero__text {
	position: relative;
	z-index: 3;
	float: none;
	flex: 0 0 auto;
	width: auto;
	box-sizing: border-box;
	/* Diğer bölümlerle aynı sol hizada (1280px içerik alanı) */
	padding-left: max(var(--yfu-gutter), calc((100vw - var(--yfu-container)) / 2));
	padding-bottom: calc(60 * var(--s));
}

.yfu-hero > .yfu-hero__text > .vc_column-inner {
	padding: 0;
}

.yfu-hero__tagline {
	width: calc(608 * var(--s));
	margin: calc(72 * var(--s)) 0 0 !important;
}

.yfu-hero__tagline img {
	display: block;
	width: 100%;
	height: auto;
}

.yfu-hero__copy {
	width: max(360px, calc(420 * var(--s)));
	margin-top: calc(80 * var(--s)) !important;
}

.yfu-hero__copy p {
	margin: 0;
	font-size: clamp(18px, calc(20 * var(--s)), 20px);
	line-height: 1.6;
	color: var(--yfu-text);
}

.yfu-hero__copy .yfu-hero__cta {
	margin-top: calc(56 * var(--s));
}

.yfu-hero > .yfu-hero__visual {
	position: relative;
	float: none;
	flex: 1 1 auto;
	width: auto;
	min-height: calc(949 * var(--s));
}

/* Açık lila hap */
.yfu-hero > .yfu-hero__visual::before {
	content: "";
	position: absolute;
	z-index: 0;
	right: calc(249 * var(--s));
	bottom: calc(-52 * var(--s));
	width: calc(394 * var(--s));
	height: calc(796 * var(--s));
	border-radius: 9999px;
	background: var(--yfu-lavender);
}

/* Lila dekor şekli (Figma SVG) */
.yfu-hero > .yfu-hero__visual::after {
	content: "";
	position: absolute;
	z-index: 1;
	right: calc(63 * var(--s));
	bottom: calc(-56 * var(--s));
	width: calc(487 * var(--s));
	height: calc(250 * var(--s));
	background: url('data:image/svg+xml,%3Csvg viewBox="0 0 486.848 250.181" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M85.8224 40.4935C91.93 36.6171 98.2776 33.1799 104.943 30.369C127.913 20.6819 184.817 -1.84899 212.802 0.12139C235.204 1.69867 363.071 15.0013 454.627 24.6295C472.905 26.5516 474.519 52.4728 456.635 56.7102C446.006 59.2288 440.793 71.2668 446.229 80.7418L478.155 136.39C505.786 184.551 463.426 242.714 409.11 231.195L345.873 217.783C334.575 215.387 322.931 215.113 311.533 216.975L116.321 248.865C72.3191 256.053 28.8636 233.291 9.71778 193.027C-12.0176 147.316 3.76578 92.573 46.5005 65.4502L85.8224 40.4935Z" fill="%23AE8BE0" fill-opacity="0.733333"/%3E%3C/svg%3E') center / 100% 100% no-repeat;
}

.yfu-hero > .yfu-hero__visual > .vc_column-inner {
	position: absolute;
	z-index: 2;
	inset: 0;
	padding: 0;
}

/* Mor hap */
.yfu-hero > .yfu-hero__visual > .vc_column-inner::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	right: 0;
	bottom: calc(-10 * var(--s));
	width: calc(494 * var(--s));
	height: calc(929 * var(--s));
	border-radius: 9999px;
	background: var(--yfu-purple);
}

.yfu-hero__photo {
	position: absolute !important;
	z-index: 1;
	right: calc(11 * var(--s));
	bottom: calc(-10 * var(--s));
	width: calc(965 * var(--s));
	margin: 0 !important;
}

.yfu-hero__photo img {
	display: block;
	width: 100%;
	height: auto;
}

/* --------------------------------------------------------------------------
   4. Değişim Öğrencisi / Ev Sahibi Aile kutuları
   -------------------------------------------------------------------------- */
.yfu-path > .vc_column-inner {
	position: relative;
	z-index: 0;
	overflow: hidden;
	padding: 0;
}

.yfu-path--student > .vc_column-inner {
	background-color: var(--yfu-teal);
}

.yfu-path--family > .vc_column-inner {
	background-color: var(--yfu-orange);
}

.yfu-path > .vc_column-inner > .wpb_wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: clamp(240px, 30.84vw, 444px);
	padding: clamp(24px, 3.5vw, 50px) 24px 24px;
}

.yfu-path__bg {
	position: absolute !important;
	z-index: -1;
	inset: 0;
	margin: 0 !important;
}

.yfu-path__bg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.2;
	transition: transform 0.6s ease, opacity 0.3s ease;
}

.yfu-path:hover .yfu-path__bg img {
	transform: scale(1.04);
	opacity: 0.3;
}

.yfu-path__title h2 {
	margin: 0;
	font-size: clamp(28px, 3.34vw, 48px);
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	text-transform: none;
	color: #fff;
	text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.yfu-path__title a,
.yfu-path__title a:hover {
	color: #fff;
	text-decoration: none;
}

/* Kutunun tamamı tıklanabilir */
.yfu-path__title a::after {
	content: "";
	position: absolute;
	inset: 0;
}

/* --------------------------------------------------------------------------
   5. "Lise programlarımıza göz atın"
   -------------------------------------------------------------------------- */
.vc_row.yfu-programs {
	--s: min(1px, calc(100vw / 1440));
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: calc(94 * var(--s));
	overflow: hidden;
}

.vc_row.yfu-programs::before,
.vc_row.yfu-programs::after {
	display: none;
}

.yfu-programs > .wpb_column {
	float: none;
	width: auto;
}

.yfu-programs > .yfu-programs__circle {
	flex: 0 0 calc(733 * var(--s));
}

.yfu-programs__circle > .vc_column-inner {
	box-sizing: border-box;
	height: calc(693 * var(--s));
	padding: calc(108 * var(--s)) calc(45 * var(--s)) 0 calc(187 * var(--s)) !important;
	border-radius: 9999px;
	background-color: var(--yfu-teal);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.yfu-programs__heading {
	margin: 0;
	font-weight: 700;
	letter-spacing: -0.02em;
	text-transform: none;
	color: #fff;
}

.yfu-programs__heading span {
	display: block;
}

.yfu-programs__heading .yfu-l1,
.yfu-programs__heading .yfu-l3,
.yfu-programs__heading .yfu-l4 {
	font-size: calc(126 * var(--s));
	line-height: 1.02;
}

.yfu-programs__heading .yfu-l2 {
	font-size: calc(73 * var(--s));
	line-height: 0.73;
	color: var(--yfu-purple);
}

.yfu-programs__heading .yfu-l4 {
	line-height: 0.79;
	margin-left: calc(138 * var(--s));
}

.yfu-programs > .yfu-programs__photo {
	flex: 0 0 calc(765 * var(--s));
}

.yfu-programs__photo > .vc_column-inner {
	position: relative;
	z-index: 0;
	overflow: hidden;
	height: calc(746 * var(--s));
	padding: 0 !important;
	border-radius: calc(373 * var(--s)) 0 0 calc(373 * var(--s));
}

.yfu-programs__img {
	position: absolute !important;
	z-index: -1;
	inset: 0;
	margin: 0 !important;
}

.yfu-programs__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 14% 50%;
}

.yfu-programs__buttons {
	position: absolute !important;
	top: calc(60 * var(--s));
	right: calc(125 * var(--s));
}

.yfu-programs__buttons p {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	gap: 16px;
	margin: 0;
}

.yfu-programs__buttons .yfu-btn {
	padding: max(8px, calc(12 * var(--s))) max(16px, calc(24 * var(--s)));
	font-size: max(16px, calc(24 * var(--s)));
}

/* --------------------------------------------------------------------------
   6. Dekoratif çizgi
   -------------------------------------------------------------------------- */
.yfu-divider__img {
	padding: 0 10px;
}

.yfu-divider__img img {
	display: block;
	width: 100%;
	height: auto;
}

/* --------------------------------------------------------------------------
   7. Destinasyon kartları
   -------------------------------------------------------------------------- */
.yfu-destinations .yfu-title {
	margin-bottom: clamp(32px, 4.72vw, 68px) !important;
}

.yfu .vc_row.yfu-cards {
	margin-left: -15.5px;
	margin-right: -15.5px;
}

.yfu-cards > .wpb_column > .vc_column-inner {
	padding-left: 15.5px;
	padding-right: 15.5px;
}

.yfu-card > .vc_column-inner > .wpb_wrapper {
	position: relative;
	z-index: 0;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	overflow: hidden;
	border-radius: clamp(28px, 3.47vw, 50px);
	background: #fff;
	box-shadow: 0 4px 2px rgba(0, 0, 0, 0.25);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.yfu-card:hover > .vc_column-inner > .wpb_wrapper {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
}

.yfu-card__img {
	margin: 0 !important;
}

.yfu-card__img img {
	display: block;
	width: 100%;
	height: clamp(220px, 23.7vw, 341px);
	object-fit: cover;
	border-radius: 0 0 8px 8px;
}

.yfu-card__img--countries img {
	object-position: 50% 19%;
}

.yfu-card__img--scholarships img {
	object-position: 50% 45%;
}

.yfu-card__body {
	padding: clamp(20px, 2.22vw, 32px) clamp(20px, 2.64vw, 38px) clamp(28px, 2.78vw, 40px);
}

.yfu-card__body h3 {
	margin: 0 0 8px;
	font-size: clamp(24px, 2.08vw, 30px);
	font-weight: 700;
	line-height: 1.25;
	text-transform: none;
	color: var(--yfu-teal);
}

.yfu-card__body h3 a,
.yfu-card__body h3 a:hover {
	color: var(--yfu-teal);
	text-decoration: none;
}

.yfu-card__body h3 a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.yfu-card__body p {
	margin: 0;
	font-size: clamp(16px, 1.25vw, 18px);
	line-height: 1.6;
	color: var(--yfu-muted);
}

/* --------------------------------------------------------------------------
   8. Yorumlar
   -------------------------------------------------------------------------- */
.yfu-testimonials .yfu-title {
	margin-bottom: 32px !important;
}

.yfu .vc_row.yfu-quotes {
	margin-left: -16px;
	margin-right: -16px;
}

.yfu-quotes > .wpb_column > .vc_column-inner {
	padding-left: 16px;
	padding-right: 16px;
}

.yfu-quote > .vc_column-inner > .wpb_wrapper {
	flex-grow: 1;
	box-sizing: border-box;
	padding: clamp(24px, 2.22vw, 32px);
	border: 1px solid var(--yfu-border);
	border-radius: 12px;
	background: #fff;
}

.yfu-quote .yfu-quote__text {
	margin: 0 0 clamp(24px, 3.34vw, 48px);
	font-size: clamp(17px, 1.39vw, 20px);
	font-weight: 500;
	line-height: 1.6;
	color: #000;
}

.yfu-quote__author {
	display: flex;
	align-items: center;
	gap: 16px;
}

.yfu-quote__author p {
	display: contents;
}

.yfu-quote__author br {
	display: none;
}

.yfu-quote__author img {
	flex: none;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	object-fit: cover;
}

.yfu-quote__author div {
	display: flex;
	flex-direction: column;
	gap: 2px;
	font-size: 16px;
	line-height: 1.5;
}

.yfu-quote__name {
	color: #000;
}

.yfu-quote__desc {
	color: var(--yfu-muted);
}

/* --------------------------------------------------------------------------
   9. Partnerler – sonsuz kayan logo şeridi
   -------------------------------------------------------------------------- */
.yfu-marquee {
	overflow: hidden;
	padding: clamp(24px, 2.78vw, 40px) 0;
}

.yfu-marquee br {
	display: none;
}

.yfu-marquee__track {
	display: flex;
	width: max-content;
	animation: yfu-marquee 45s linear infinite;
}

.yfu-marquee:hover .yfu-marquee__track {
	animation-play-state: paused;
}

.yfu-marquee__group {
	display: flex;
	flex: none;
	align-items: center;
}

.yfu-marquee__group p {
	display: contents;
}

.yfu-marquee__group img {
	flex: none;
	width: auto;
	max-width: none;
	height: clamp(56px, 5.56vw, 80px);
	margin-right: clamp(32px, 3.89vw, 56px);
}

@keyframes yfu-marquee {
	to {
		transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.yfu-marquee__track {
		animation: none;
	}

	.yfu-marquee {
		overflow-x: auto;
	}
}

/* --------------------------------------------------------------------------
   10. İletişim bandı
   -------------------------------------------------------------------------- */
.vc_row.yfu-contact {
	margin-bottom: 0;
	padding-top: clamp(40px, 5.56vw, 80px);
	padding-bottom: clamp(40px, 5.56vw, 80px);
	background-color: var(--yfu-light);
}

.yfu-contact__inner > .wpb_wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.yfu-contact__inner h2 {
	margin: 0;
	font-size: clamp(30px, 3.34vw, 48px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.02em;
	text-transform: none;
	color: var(--yfu-purple);
}

.yfu-contact__inner .yfu-contact__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin: 0;
}

/* --------------------------------------------------------------------------
   11. Footer (HTML Block)
   -------------------------------------------------------------------------- */
.vc_row.yfu-footer {
	padding-top: 41px;
	padding-bottom: 48px;
	border-top: 1px solid var(--yfu-border);
}

.yfu-footer .yfu-footer__copy {
	margin: 0 0 clamp(24px, 6.1vw, 88px);
	font-size: clamp(16px, 1.25vw, 18px);
	font-style: italic;
	line-height: 1.5;
	color: var(--yfu-purple);
}

.yfu-footer .yfu-social {
	display: flex;
	gap: 8px;
	margin: 0;
}

.yfu-social .yfu-social__link {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 4px;
	font-size: 0;
	color: transparent;
}

.yfu-social__link::before {
	content: "";
	position: absolute;
	inset: 8px;
	background-color: var(--yfu-muted);
	-webkit-mask: var(--yfu-icon) center / contain no-repeat;
	mask: var(--yfu-icon) center / contain no-repeat;
	transition: background-color 0.2s ease;
}

.yfu-social__link:hover::before {
	background-color: var(--yfu-purple);
}

.yfu-social__link--instagram { --yfu-icon: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg%3E%3Cpath d="M16.2002 2C19.4 2.00011 21.9999 4.59996 22 7.7998V16.2002C21.9999 17.7384 21.3884 19.2131 20.3008 20.3008C19.2131 21.3884 17.7384 21.9999 16.2002 22H7.7998C4.59996 21.9999 2.00011 19.4 2 16.2002V7.7998C2.00005 6.26162 2.61155 4.78688 3.69922 3.69922C4.78688 2.61155 6.26162 2.00005 7.7998 2H16.2002ZM7.59961 4C6.64497 4.0001 5.72973 4.37965 5.05469 5.05469C4.37965 5.72973 4.0001 6.64497 4 7.59961V16.4004C4.00021 18.3901 5.60992 19.9998 7.59961 20H16.4004C17.355 19.9999 18.2703 19.6204 18.9453 18.9453C19.6204 18.2703 19.9999 17.355 20 16.4004V7.59961C19.9998 5.60992 18.3901 4.00021 16.4004 4H7.59961ZM12 7C13.3261 7 14.5975 7.52716 15.5352 8.46484C16.4728 9.40253 17 10.6739 17 12C17 13.3261 16.4728 14.5975 15.5352 15.5352C14.5975 16.4728 13.3261 17 12 17C10.6739 17 9.40253 16.4728 8.46484 15.5352C7.52716 14.5975 7 13.3261 7 12C7 10.6739 7.52716 9.40253 8.46484 8.46484C9.40253 7.52716 10.6739 7 12 7ZM12 9C11.2044 9 10.4415 9.3163 9.87891 9.87891C9.3163 10.4415 9 11.2044 9 12C9 12.7956 9.3163 13.5585 9.87891 14.1211C10.4415 14.6837 11.2044 15 12 15C12.7956 15 13.5585 14.6837 14.1211 14.1211C14.6837 13.5585 15 12.7956 15 12C15 11.2044 14.6837 10.4415 14.1211 9.87891C13.5585 9.3163 12.7956 9 12 9ZM17.25 5.5C17.5815 5.5 17.8994 5.63179 18.1338 5.86621C18.3682 6.10063 18.5 6.41848 18.5 6.75C18.5 7.08152 18.3682 7.39937 18.1338 7.63379C17.8994 7.86821 17.5815 8 17.25 8C16.9185 8 16.6006 7.86821 16.3662 7.63379C16.1318 7.39937 16 7.08152 16 6.75C16 6.41848 16.1318 6.10063 16.3662 5.86621C16.6006 5.63179 16.9185 5.5 17.25 5.5Z" fill="%23000"/%3E%3C/g%3E%3C/svg%3E'); }
.yfu-social__link--youtube { --yfu-icon: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg%3E%3Cpath d="M12 5C16.19 5 18.8001 5.16043 19.8301 5.44043C20.7299 5.69044 21.3096 6.27009 21.5596 7.16992C21.6896 7.63992 21.7798 8.27031 21.8398 9.07031C21.9098 9.87019 21.9404 10.5602 21.9404 11.1602L22 12C22 14.19 21.8396 15.8001 21.5596 16.8301C21.3096 17.7299 20.7299 18.3096 19.8301 18.5596C19.3601 18.6896 18.4997 18.7798 17.1797 18.8398C15.8798 18.9098 14.6898 18.9404 13.5898 18.9404L12 19C7.81 19 5.19992 18.8396 4.16992 18.5596C3.27009 18.3096 2.69044 17.7299 2.44043 16.8301C2.31043 16.3601 2.22016 15.7297 2.16016 14.9297C2.09017 14.1298 2.05957 13.4398 2.05957 12.8398L2 12C2 9.81 2.16043 8.19992 2.44043 7.16992C2.69044 6.27009 3.27009 5.69044 4.16992 5.44043C4.63992 5.31043 5.50031 5.22016 6.82031 5.16016C8.12019 5.09017 9.31024 5.05957 10.4102 5.05957L12 5ZM10 15L15.1904 12L10 9V15Z" fill="%23000"/%3E%3C/g%3E%3C/svg%3E'); }
.yfu-social__link--linkedin { --yfu-icon: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg%3E%3Cpath d="M19 3C19.5304 3 20.039 3.21086 20.4141 3.58594C20.7891 3.96101 21 4.46957 21 5V19C21 19.5304 20.7891 20.039 20.4141 20.4141C20.039 20.7891 19.5304 21 19 21H5C4.46957 21 3.96101 20.7891 3.58594 20.4141C3.21086 20.039 3 19.5304 3 19V5C3 4.46957 3.21086 3.96101 3.58594 3.58594C3.96101 3.21086 4.46957 3 5 3H19ZM5.5 18.5H8.26953V10.1299H5.5V18.5ZM15.2402 9.94043C14.3902 9.94043 13.3999 10.4602 12.9199 11.2402V10.1299H10.1299V18.5H12.9199V13.5703C12.9199 12.8005 13.5398 12.1702 14.3096 12.1699C14.6808 12.1699 15.0373 12.3176 15.2998 12.5801C15.5624 12.8426 15.71 13.199 15.71 13.5703V18.5H18.5V13.2002C18.5 12.3356 18.1563 11.5059 17.5449 10.8945C16.9336 10.2834 16.1046 9.94049 15.2402 9.94043ZM6.87988 5.19043C6.43171 5.19046 6.00148 5.36766 5.68457 5.68457C5.36766 6.00148 5.19046 6.43171 5.19043 6.87988C5.19043 7.80984 5.94994 8.55951 6.87988 8.55957C7.32545 8.55957 7.7533 8.38342 8.06836 8.06836C8.38342 7.7533 8.55957 7.32545 8.55957 6.87988C8.55951 5.94994 7.80984 5.19043 6.87988 5.19043Z" fill="%23000"/%3E%3C/g%3E%3C/svg%3E'); }
.yfu-social__link--facebook { --yfu-icon: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg%3E%3Cpath d="M12 2.04C17.4998 2.04 21.9997 6.52975 22 12.0595C22.0053 14.4451 21.158 16.7548 19.6104 18.5703C18.0626 20.3857 15.916 21.5878 13.5596 21.9599V14.9599H15.8896L16.3398 12.0595H13.5596V10.1796C13.5597 9.38977 13.9506 8.62008 15.1904 8.62008H16.4502V6.15035C16.4502 6.15035 15.3097 5.95992 14.2197 5.95992C11.93 5.96003 10.4406 7.33994 10.4404 9.84957V12.0595H7.90039V14.9599H10.4404V21.9599C5.66043 21.2099 2 17.0595 2 12.0595C2.00025 6.52975 6.50016 2.04 12 2.04Z" fill="%23000"/%3E%3C/g%3E%3C/svg%3E'); }

.yfu-footer__col h4 {
	margin: 0 0 24px;
	font-family: var(--yfu-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	text-transform: none;
}

.yfu-footer__col--teal h4 { color: var(--yfu-teal-strong); }
.yfu-footer__col--orange h4 { color: var(--yfu-orange-text); }
.yfu-footer__col--pink h4 { color: var(--yfu-pink); }
.yfu-footer__col--purple h4 { color: var(--yfu-purple); }

.yfu-footer__col ul {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.yfu-footer__col li {
	margin: 0;
	padding: 0;
}

.yfu-footer__col li::before {
	display: none;
}

.yfu-footer__col a {
	font-size: 16px;
	line-height: 1.5;
	text-decoration: none;
	color: var(--yfu-text);
}

.yfu-footer__col a:hover {
	color: var(--yfu-purple);
}

/* --------------------------------------------------------------------------
   12. Header (Woodmart Header Builder) – menüdeki vurgulu öğe
   Görünüm › Menüler'de "Welcome to Türkiye" öğesine CSS sınıfı: yfu-menu-accent
   -------------------------------------------------------------------------- */
.wd-nav .yfu-menu-accent > a,
.wd-nav .yfu-menu-accent > a:hover {
	color: #682f75;
}

/* Bulunulan sayfanın menü öğesi turkuaz ve kalın (Figma: Outbound navigasyonu) */
.wd-nav-main {
	--nav-color-active: #007f83;
}

.wd-nav-main > li.current-menu-item > a,
.wd-nav-main > li.current-menu-ancestor > a {
	font-family: "NationalWebBold", "NationalWebRegular", var(--wd-text-font, sans-serif);
	font-weight: 700;
	color: #007f83;
}

/* ==========================================================================
   TABLET (≤ 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
	.wd-header-overlap .vc_row.yfu-hero,
	.wd-header-overlap .vc_row.yfu-ob-hero {
		margin-top: var(--wd-header-sm-h, 70px);
	}

	.vc_row.yfu-section {
		margin-bottom: 40px;
	}

	.yfu .yfu-btn--lg {
		padding: 16px 26px;
		font-size: 20px;
	}

	/* Hero: metin üstte, görsel altta */
	.vc_row.yfu-hero {
		--s: calc(100vw / 1250);
		display: block;
	}

	.yfu-hero > .yfu-hero__text {
		width: 100%;
		padding: 32px var(--yfu-gutter) 0;
	}

	.yfu-hero__tagline {
		width: min(480px, 78%);
		margin: 0 !important;
	}

	.yfu-hero__copy {
		width: auto;
		max-width: 640px;
		margin-top: 28px !important;
	}

	.yfu-hero__copy p {
		font-size: 18px;
	}

	.yfu-hero__copy .yfu-hero__cta {
		margin-top: 28px;
	}

	.yfu-hero > .yfu-hero__visual {
		width: 100%;
		margin-top: 16px;
	}

	/* Programlar: yan yana kalır, daha küçük ölçek */
	.vc_row.yfu-programs {
		--s: calc(100vw / 1600);
	}

	/* Footer: marka satırı üstte, linkler altta */
	.yfu-footer > .wpb_column {
		width: 100%;
	}

	.yfu-footer .yfu-footer__brand {
		margin-bottom: 40px;
	}

	.yfu-footer .yfu-footer__copy {
		margin-bottom: 20px;
	}
}

/* ==========================================================================
   MOBİL (≤ 767px)
   ========================================================================== */
@media (max-width: 767px) {
	.vc_row.yfu-section {
		margin-bottom: 32px;
	}

	.yfu {
		--yfu-gutter: 16px;
	}

	.yfu .yfu-btn--lg {
		padding: 14px 22px;
		font-size: 18px;
	}

	/* Hero */
	.vc_row.yfu-hero {
		--s: calc(100vw / 1000);
	}

	.yfu-hero > .yfu-hero__text {
		padding-top: 24px;
	}

	.yfu-hero__tagline {
		width: 86%;
	}

	.yfu-hero__copy p {
		font-size: 16px;
	}

	/* Öğrenci / Aile kutuları alt alta */
	.yfu-path > .vc_column-inner > .wpb_wrapper {
		min-height: 220px;
	}

	/* Programlar: hap üstte, fotoğraf altta */
	.vc_row.yfu-programs {
		flex-direction: column;
		align-items: stretch;
		gap: 24px;
	}

	.yfu-programs > .yfu-programs__circle,
	.yfu-programs > .yfu-programs__photo {
		flex: none;
		width: auto;
	}

	.yfu-programs > .yfu-programs__circle {
		margin-right: 40px;
	}

	.yfu-programs__circle > .vc_column-inner {
		height: auto;
		padding: 36px 56px 40px var(--yfu-gutter) !important;
		border-radius: 0 9999px 9999px 0;
	}

	.yfu-programs__heading .yfu-l1,
	.yfu-programs__heading .yfu-l3,
	.yfu-programs__heading .yfu-l4 {
		font-size: clamp(52px, 16vw, 84px);
		line-height: 1;
	}

	.yfu-programs__heading .yfu-l2 {
		font-size: clamp(24px, 7.6vw, 44px);
		line-height: 1.1;
	}

	.yfu-programs__heading .yfu-l4 {
		margin-left: 1.1em;
	}

	.yfu-programs > .yfu-programs__photo {
		margin-left: 40px;
	}

	.yfu-programs__photo > .vc_column-inner {
		height: clamp(260px, 80vw, 420px);
		border-radius: 9999px 0 0 9999px;
	}

	.yfu-programs__buttons {
		top: 20px;
		right: 16px;
	}

	.yfu-programs__buttons p {
		justify-content: flex-end;
		gap: 8px;
	}

	.yfu-programs__buttons .yfu-btn {
		padding: 8px 16px;
		font-size: 16px;
	}

	/* Kartlar ve yorumlar alt alta */
	.yfu-cards > .wpb_column + .wpb_column,
	.yfu-quotes > .wpb_column + .wpb_column {
		margin-top: 20px;
	}

	/* İletişim */
	.yfu-contact__inner > .wpb_wrapper {
		flex-direction: column;
		align-items: flex-start;
	}

	.yfu-contact__inner .yfu-contact__buttons {
		gap: 12px;
	}

	/* Footer link kolonları 2x2 */
	.yfu .vc_row.yfu-footer__cols {
		display: flex;
		flex-wrap: wrap;
	}

	.yfu .vc_row.yfu-footer__cols::before,
	.yfu .vc_row.yfu-footer__cols::after {
		display: none;
	}

	.yfu-footer__cols > .wpb_column {
		float: none;
		width: 50%;
		margin-bottom: 32px;
	}

	.yfu-footer__col ul {
		gap: 14px;
	}

	.vc_row.yfu-footer {
		padding-bottom: 16px;
	}
}

/* ##########################################################################
   B. ÖĞRENCİ DEĞİŞİM PROGRAMI SAYFASI (Figma: xe1 › Outbound, node 108:33)
   ########################################################################## */

/* --------------------------------------------------------------------------
   B1. Hero – "take part in a lifelong journey"
   Metin üst satırda; dağ fotoğrafının şeffaf gökyüzü metnin altına kayar.
   -------------------------------------------------------------------------- */
.vc_row.yfu-ob-hero {
	--s: min(1px, calc(100vw / 1440));
	--yfu-edge: max(var(--yfu-gutter), calc((100vw - var(--yfu-container)) / 2));
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	margin-bottom: 0;
	overflow: hidden;
}

.vc_row.yfu-ob-hero::before,
.vc_row.yfu-ob-hero::after {
	display: none;
}

.yfu-ob-hero > .wpb_column {
	float: none;
	width: auto;
}

.yfu-ob-hero > .wpb_column > .vc_column-inner {
	padding: 0;
}

.yfu-ob-hero > .yfu-ob-hero__tagline {
	position: relative;
	z-index: 2;
	grid-area: 1 / 1;
	padding: calc(41 * var(--s)) 0 0 var(--yfu-edge);
}

.yfu-ob-hero__tagline-img {
	width: calc(520 * var(--s));
	margin: 0 !important;
}

.yfu-ob-hero__tagline-img .vc_figure,
.yfu-ob-hero__tagline-img .vc_single_image-wrapper,
.yfu-ob-hero__photo .vc_figure,
.yfu-ob-hero__photo .vc_single_image-wrapper,
.yfu-ob-hero__star .vc_figure,
.yfu-ob-hero__star .vc_single_image-wrapper,
.yfu-ob-apply__blob .vc_figure,
.yfu-ob-apply__blob .vc_single_image-wrapper,
.yfu-ob-apply__icon .vc_figure,
.yfu-ob-apply__icon .vc_single_image-wrapper,
.yfu-ob-programs__photo .vc_figure,
.yfu-ob-programs__photo .vc_single_image-wrapper,
.yfu-ob-article__zigzag .vc_figure,
.yfu-ob-article__zigzag .vc_single_image-wrapper {
	display: block;
	width: 100%;
	height: 100%;
}

.yfu-ob-hero__tagline-img img {
	display: block;
	width: 100%;
	height: auto;
}

.yfu-ob-hero > .yfu-ob-hero__copy {
	position: relative;
	z-index: 2;
	grid-area: 1 / 2;
	justify-self: end;
	box-sizing: border-box;
	width: calc(max(380px, calc(468 * var(--s))) + var(--yfu-edge));
	padding: calc(36 * var(--s)) var(--yfu-edge) 0 0;
}

.yfu-ob-hero__copy p {
	margin: 0;
	font-size: clamp(17px, calc(20 * var(--s)), 20px);
	line-height: 1.6;
	color: var(--yfu-text);
}

.yfu-ob-hero__copy .yfu-ob-hero__cta {
	margin-top: calc(40 * var(--s));
}

.yfu-ob-hero__cta .yfu-btn {
	white-space: normal;
	text-align: center;
}

.yfu-ob-hero > .yfu-ob-hero__visual {
	position: relative;
	z-index: 1;
	grid-area: 2 / 1 / 3 / 3;
	/* Fotoğrafın üstteki şeffaf gökyüzü metin satırının altına kayar */
	margin-top: calc(-350 * var(--s));
	pointer-events: none;
}

.yfu-ob-hero__photo {
	height: calc(1004 * var(--s));
	margin: 0 !important;
}

.yfu-ob-hero__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0 0 8px 0;
}

/* Turkuaz yıldız – sağ kenardan taşan kısmı kırpılır */
.yfu-ob-hero__star {
	position: absolute !important;
	top: calc(380 * var(--s));
	right: 0;
	width: calc(267 * var(--s));
	height: calc(456 * var(--s));
	margin: 0 !important;
	overflow: hidden;
}

.yfu-ob-hero__star img {
	display: block;
	width: calc(432 * var(--s));
	max-width: none;
	height: auto;
}

/* --------------------------------------------------------------------------
   B2. "Değişime Başvurun" kutusu
   -------------------------------------------------------------------------- */
.vc_row.yfu-ob-apply {
	--s: min(1px, calc(100vw / 1440));
	--yfu-icon-size: max(96px, calc(140 * var(--s)));
	position: relative;
	z-index: 2;
	margin-top: calc(-53 * var(--s));
	margin-bottom: max(72px, calc(100 * var(--s)));
}

/* WPBakery tam genişlik satıra overflow:hidden veriyor; uçak ikonunun alt yarısı
   ve lila şeklin üst kısmı kesilmesin */
.vc_row.yfu-ob-apply[data-vc-full-width] {
	overflow: visible;
}

.yfu-ob-apply > .wpb_column > .vc_column-inner {
	position: relative;
	padding: 0 max(var(--yfu-gutter), calc(35 * var(--s)));
}

.yfu-ob-apply .yfu-ob-apply__card {
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	max-width: 1370px;
	margin: 0 auto !important;
	padding: clamp(24px, 2.22vw, 32px) clamp(20px, 4.86vw, 70px) calc(var(--yfu-icon-size) * 0.69 + 20px);
	border-radius: clamp(28px, 4.44vw, 64px);
	background-color: var(--yfu-teal-strong);
	text-align: center;
}

.yfu-ob-apply__card h2 {
	margin: 0 0 clamp(12px, 1.67vw, 24px);
	font-size: clamp(30px, 3.34vw, 48px);
	line-height: 1.3;
	text-transform: none;
	color: #fff;
}

.yfu-ob-apply__card p {
	max-width: 1040px;
	margin: 0 auto;
	font-size: clamp(17px, 1.39vw, 20px);
	line-height: 1.6;
	color: #fff;
}

/* Uçak ikonu kutunun alt kenarına oturur */
.yfu-ob-apply__icon {
	position: absolute !important;
	z-index: 3;
	bottom: calc(var(--yfu-icon-size) * -0.314);
	left: 50%;
	width: var(--yfu-icon-size);
	margin: 0 !important;
	transform: translateX(-50%);
}

.yfu-ob-apply__icon img {
	display: block;
	width: 100%;
	height: auto;
}

/* Lila dekor şekli – sol kenardan taşan kısmı kırpılır */
.yfu-ob-apply__blob {
	position: absolute !important;
	z-index: 1;
	top: calc(-70 * var(--s));
	left: 0;
	width: calc(305 * var(--s));
	height: calc(537 * var(--s));
	margin: 0 !important;
	overflow: hidden;
	pointer-events: none;
}

.yfu-ob-apply__blob img {
	display: block;
	width: calc(418 * var(--s));
	max-width: none;
	height: auto;
	margin-left: calc(-113 * var(--s));
}

/* --------------------------------------------------------------------------
   B3. "Tüm programları incele" – fotoğraflar, arama ve program kartları
   -------------------------------------------------------------------------- */
.vc_row.yfu-ob-programs {
	margin-bottom: clamp(48px, 5.14vw, 74px);
	padding-top: clamp(24px, 4.24vw, 61px);
	padding-bottom: clamp(56px, 5.56vw, 80px);
	border-radius: clamp(24px, 2.85vw, 41px) clamp(24px, 2.85vw, 41px) clamp(64px, 16.95vw, 244px) clamp(64px, 13.82vw, 199px);
	background-color: var(--yfu-teal);
	scroll-margin-top: 120px;
}

.yfu .vc_row.yfu-ob-programs__photos {
	margin-left: -16px;
	margin-right: -16px;
}

.yfu-ob-programs__photos > .wpb_column > .vc_column-inner {
	padding-left: 16px;
	padding-right: 16px;
}

.yfu-ob-programs__photo {
	margin: 0 !important;
}

.yfu-ob-programs__photo img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 624 / 436;
	object-fit: cover;
	border-radius: 10px;
}

.yfu-ob-programs__title h2 {
	margin: clamp(28px, 2.78vw, 40px) 0 clamp(20px, 2.22vw, 32px);
	font-size: clamp(28px, 3.34vw, 48px);
	line-height: 1.3;
	text-align: center;
	text-transform: none;
	color: #fff;
}

/* Program arama – WoodMart "Ürün filtreleri" elemanı (woodmart_product_filters)
   Figma görünümü: etiket kutunun üstünde, beyaz kutu, "Birini Seç", altta ortada "Ara" */
.yfu-ob-programs .wd-product-filters-wrapp {
	max-width: 1048px;
	margin: 0 auto !important;
	padding: 0 !important;
	background: none !important;
}

.yfu-ob-programs .wd-product-filters {
	--wd-form-height: 52px;
	--wd-form-bg: #fff;
	--wd-form-brd-width: 1px;
	--wd-form-brd-color: #f2f4f6;
	--wd-form-brd-color-focus: #fff;
	--wd-form-brd-radius: 5px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 28px 10px;
	margin: 0;
}

/* Hiç filtre kutusu yoksa (özellik/terim tanımlı değilse) tek başına kalan butonu gizle */
.yfu-ob-programs .wd-product-filters-wrapp:not(:has(.wd-pf-checkboxes)) {
	display: none;
}

.yfu-ob-programs .wd-product-filters > .wd-pf-checkboxes {
	flex: 1 1 0;
	width: auto;
	min-width: 0;
	max-width: none;
	margin: 0;
	/* Etiket için üstte yer */
	padding: 31px 0 0;
}

.yfu-ob-programs .wd-pf-title {
	gap: 8px;
	padding-inline: 16px 40px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
}

.yfu-ob-programs .wd-pf-title:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 2px;
}

/* Filtre adı (Ülkeler, Program Süresi, Programlar) kutunun üstünde etiket olur */
.yfu-ob-programs .wd-pf-title .title-text {
	position: absolute;
	bottom: calc(100% + 4px);
	left: 0;
	flex: none;
	font-family: var(--yfu-font-bold);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
	color: #fff;
}

.yfu-ob-programs .wd-pf-results {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0;
}

/* Seçim yokken "Birini Seç" */
.yfu-ob-programs .wd-pf-results:not(:has(li))::before {
	content: "Birini Seç";
	font-family: var(--yfu-font);
	font-size: 18px;
	line-height: 1.2;
	color: var(--yfu-text);
}

.yfu-ob-programs .wd-pf-results li {
	margin: 0 4px 0 0;
	padding: 4px 8px;
	border-radius: 4px;
	background-color: #e3f2f2;
	font-family: var(--yfu-font);
	font-size: 15px;
	font-weight: 400;
	color: var(--yfu-teal-strong);
}

.yfu-ob-programs .wd-pf-results li:hover {
	padding-inline-start: 20px;
}

/* WoodMart ok ikonu yerine Figma'daki üçgen ok */
.yfu-ob-programs .wd-pf-title::after {
	content: "";
	top: 50%;
	width: 12px;
	height: 7px;
	margin-top: -3.5px;
	background-color: var(--yfu-text);
	-webkit-mask: url('data:image/svg+xml,%3Csvg viewBox="0 0 11.5455 6.92727" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg%3E%3Cpath d="M10.36 0.19586C10.4906 0.326435 10.5558 0.48106 10.5558 0.65974C10.5558 0.838421 10.4906 0.993046 10.36 1.12362L5.7418 5.7418C5.61123 5.87238 5.4566 5.93766 5.27792 5.93766C5.09924 5.93766 4.94462 5.87238 4.81404 5.7418L0.19586 1.12362C0.0652861 0.993046 0 0.838421 0 0.65974C0 0.48106 0.0652861 0.326435 0.19586 0.19586C0.326435 0.0652861 0.48106 0 0.65974 0H9.8961C10.0748 0 10.2294 0.0652861 10.36 0.19586Z" fill="white"/%3E%3C/g%3E%3C/svg%3E') center / contain no-repeat;
	mask: url('data:image/svg+xml,%3Csvg viewBox="0 0 11.5455 6.92727" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg%3E%3Cpath d="M10.36 0.19586C10.4906 0.326435 10.5558 0.48106 10.5558 0.65974C10.5558 0.838421 10.4906 0.993046 10.36 1.12362L5.7418 5.7418C5.61123 5.87238 5.4566 5.93766 5.27792 5.93766C5.09924 5.93766 4.94462 5.87238 4.81404 5.7418L0.19586 1.12362C0.0652861 0.993046 0 0.838421 0 0.65974C0 0.48106 0.0652861 0.326435 0.19586 0.19586C0.326435 0.0652861 0.48106 0 0.65974 0H9.8961C10.0748 0 10.2294 0.0652861 10.36 0.19586Z" fill="white"/%3E%3C/g%3E%3C/svg%3E') center / contain no-repeat;
	transition: transform 0.2s ease;
}

.yfu-ob-programs .wd-pf-checkboxes.wd-opened .wd-pf-title::after {
	transform: rotate(180deg);
}

/* Açılır liste */
.yfu-ob-programs .wd-pf-dropdown {
	margin-top: 4px !important;
	border-radius: 5px;
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
}

.yfu-ob-programs .wd-pf-dropdown a {
	padding: 10px 16px;
	font-family: var(--yfu-font);
	font-size: 16px;
	color: var(--yfu-text);
}

.yfu-ob-programs .wd-pf-dropdown a:hover {
	background-color: #f2f4f6;
	color: var(--yfu-text);
}

.yfu-ob-programs .wd-pf-dropdown .wd-active > a {
	background-color: #e3f2f2;
	font-family: var(--yfu-font-bold);
	font-weight: 700;
	color: var(--yfu-teal-strong);
}

/* "Filter" butonu → alt satırda ortada beyaz "Ara" butonu */
.yfu-ob-programs .wd-product-filters > .wd-pf-btn {
	display: flex;
	flex: 0 0 100%;
	justify-content: center;
	width: 100%;
	max-width: none;
}

.yfu-ob-programs .wd-pf-btn .btn {
	min-width: 180px;
	min-height: 45px;
	padding: 8px 24px;
	border: 1px solid #f2f4f6;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	/* Tema çevirisi "Filter" dediği için görünür yazı CSS ile "Ara" */
	font-size: 0;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
	color: var(--yfu-teal-strong);
	transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.yfu-ob-programs .wd-pf-btn .btn::after {
	content: "Ara";
	font-family: var(--yfu-font-bold);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
}

.yfu-ob-programs .wd-pf-btn .btn:hover,
.yfu-ob-programs .wd-pf-btn .btn:focus {
	background-color: #f2f4f6;
	color: var(--yfu-teal-strong);
}

.yfu-ob-programs .wd-pf-btn .btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.yfu-ob-programs .wd-pf-btn .btn:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 2px;
}

/* Program kartları (geçici örnek kartlar – WooCommerce ürün listesi eklenince kaldırılacak) */
.yfu-prog-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
	gap: 30px;
	max-width: 1110px;
	margin: clamp(32px, 2.78vw, 40px) auto 0;
}

.yfu .yfu-prog {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	margin: 0;
	border: 1px solid rgba(242, 244, 246, 0.9);
	border-radius: 8px;
	background-color: var(--yfu-teal-strong);
}

.yfu-prog__img {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	aspect-ratio: 350 / 140;
	object-fit: cover;
}

.yfu-prog__body {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 20px 20px 24px;
}

.yfu .yfu-prog__name {
	margin: 0 0 10px;
	font-size: 22px;
	line-height: 1.3;
	text-transform: none;
	color: #fff;
}

.yfu .yfu-prog__meta {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

.yfu .yfu-prog__meta li {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.75;
	color: #fff;
}

.yfu .yfu-prog__meta li::before {
	display: none;
}

.yfu .yfu-prog__meta strong {
	color: #fff;
}

.yfu .yfu-prog__more {
	align-self: flex-start;
	margin-top: auto;
	padding: 9px 20px;
}

/* --------------------------------------------------------------------------
   B4. Bilgi metni – "Değişim programları seni bekliyor!"
   -------------------------------------------------------------------------- */
.vc_row.yfu-ob-article {
	--s: min(1px, calc(100vw / 1440));
	position: relative;
	margin-bottom: clamp(48px, 4.86vw, 70px);
}

.yfu-ob-article > .wpb_column {
	position: static;
}

.yfu-ob-article .yfu-ob-article__text {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	max-width: calc(960px + 2 * var(--yfu-gutter));
	margin: 0 auto !important;
	padding: 0 var(--yfu-gutter);
	text-align: center;
}

.yfu-ob-article__text h2,
.yfu-ob-article__text h3 {
	margin: 0 0 clamp(14px, 1.67vw, 24px);
	font-size: clamp(24px, 2.22vw, 32px);
	line-height: 1.3;
	text-transform: none;
	color: var(--yfu-teal);
}

.yfu-ob-article__text p {
	margin: 0 0 clamp(36px, 3.9vw, 56px);
	font-size: clamp(17px, 1.39vw, 20px);
	line-height: 1.7;
	color: #555;
}

/* Lila zikzak – sağ kenardan taşan kısmı kırpılır */
.yfu-ob-article__zigzag {
	position: absolute !important;
	top: calc(167 * var(--s));
	right: 0;
	width: calc(149 * var(--s));
	height: calc(221 * var(--s));
	margin: 0 !important;
	overflow: hidden;
	pointer-events: none;
}

.yfu-ob-article__zigzag img {
	display: block;
	width: calc(371 * var(--s));
	max-width: none;
	height: auto;
}

/* --------------------------------------------------------------------------
   B5. İlgili makaleler (ana sayfadaki .yfu-card yapısı, 3 kolon)
   -------------------------------------------------------------------------- */
.vc_row.yfu-ob-related {
	margin-bottom: clamp(48px, 6.25vw, 90px);
}

.yfu-ob-related .yfu-title {
	margin-bottom: clamp(28px, 3.47vw, 50px) !important;
}

.yfu-ob-related .yfu-title h2 {
	font-size: clamp(28px, 2.78vw, 40px);
	color: var(--yfu-teal);
}

.yfu-cards--3 .yfu-card__body {
	min-height: clamp(96px, 10.4vw, 150px);
}

.yfu-card__img--ecuador img {
	object-position: 100% 50%;
}

/* --------------------------------------------------------------------------
   B6. Bağlantı kutuları (Bilgilendirme toplantıları, SSS, Uzman, Broşür)
   -------------------------------------------------------------------------- */
.yfu-tiles > .wpb_wrapper {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.yfu-tiles p {
	display: contents;
}

.yfu-tiles br {
	display: none;
}

.yfu .yfu-tile {
	--yfu-tile-pad: clamp(24px, 3.34vw, 48px);
	/* İkonlar ortak bir birimle (1440px'te 1px) boyutlanır ve birlikte küçülür;
	   Figma boyutları görsel denge ve benzer çizgi kalınlığı için hafifçe ayarlandı.
	   SVG'lerin viewBox'ına 4 birim pay eklendi (çizgi uçları kenarda kırpılmasın) */
	--yfu-tile-u: clamp(0.72px, 0.0695vw, 1px);
	--yfu-tile-slot: calc(86 * var(--yfu-tile-u));
	position: relative;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	min-height: clamp(120px, 14.6vw, 210px);
	padding: 24px calc(var(--yfu-tile-pad) * 1.5 + var(--yfu-tile-slot)) 24px var(--yfu-tile-pad);
	border-radius: 24px;
	box-shadow: 0 4px 2px rgba(0, 0, 0, 0.25);
	font-family: var(--yfu-font-bold);
	font-size: clamp(22px, 2.22vw, 32px);
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	color: #fff;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.yfu .yfu-tile:hover,
.yfu .yfu-tile:focus {
	color: #fff;
}

.yfu .yfu-tile:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
}

.yfu .yfu-tile:focus-visible {
	outline: 3px solid var(--yfu-purple);
	outline-offset: 3px;
}

/* Her ikon sağdaki sabit genişlikli alanın tam ortasına oturur */
.yfu .yfu-tile::after {
	content: "";
	position: absolute;
	top: 50%;
	right: calc(var(--yfu-tile-pad) + (var(--yfu-tile-slot) - var(--yfu-icon-w)) / 2);
	width: var(--yfu-icon-w);
	height: var(--yfu-icon-h);
	margin: 0;
	transform: translateY(-50%);
	background: var(--yfu-icon) center / 100% 100% no-repeat;
}

.yfu .yfu-tile--lavender { background-color: var(--yfu-lavender-strong); }
.yfu .yfu-tile--purple { background-color: var(--yfu-purple); }
.yfu .yfu-tile--teal { background-color: var(--yfu-teal); }
.yfu .yfu-tile--teal-dark { background-color: var(--yfu-teal-strong); }

.yfu-tile--chat {
	--yfu-icon: url('data:image/svg+xml,%3Csvg viewBox="-4 -4 65.8944 41.8042" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg%3E%3Cpath d="M25.8488 30.0872C23.2632 31.1842 20.0951 31.7789 16.8357 31.7792C14.2371 31.78 11.6838 31.4028 9.43237 30.6855L2.76933 31.37L4.01041 27.687C2.38072 26.1268 1.72795 24.3129 2.15332 22.5267C2.57869 20.7405 4.05843 19.0818 6.36306 17.8078C8.6677 16.5338 11.6684 15.7157 14.8999 15.4805C18.1314 15.2452 21.413 15.6059 24.2358 16.5066C27.0586 17.4073 29.2649 18.7976 30.5125 20.462C31.7601 22.1264 31.9793 23.9719 31.1361 25.7121C30.2929 27.4524 28.4344 28.9903 25.8488 30.0872Z" stroke="white" stroke-width="4.05001" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M37.7859 25.6754C40.3628 25.4443 42.8422 24.9562 45.1032 24.2349L54.7948 25.2319L52.9911 19.8749C54.5748 18.3563 55.5323 16.6631 55.7951 14.9162C56.058 13.1694 55.6197 11.4121 54.5116 9.76973C53.4034 8.12737 51.6529 6.64054 49.3849 5.41544C47.1169 4.19034 44.3874 3.25719 41.3914 2.68265C38.3954 2.10812 35.2069 1.90637 32.0535 2.09182C28.9002 2.27727 25.8598 2.84534 23.1496 3.75546C20.4394 4.66558 18.1263 5.89528 16.3754 7.35674C14.6245 8.8182 13.4791 10.4753 13.021 12.2098" stroke="white" stroke-width="4.05001" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3C/svg%3E');
	--yfu-icon-w: calc(85.4 * var(--yfu-tile-u));
	--yfu-icon-h: calc(54.1 * var(--yfu-tile-u));
}

.yfu-tile--question {
	--yfu-icon: url('data:image/svg+xml,%3Csvg viewBox="-4 -4 64.2844 64.4375" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg%3E%3Cpath d="M20.2902 20.3437C20.2902 11.1562 34.6856 11.1562 34.6856 20.3437C34.6856 26.9062 28.1422 25.5937 28.1422 33.4687M28.1422 43.995L28.1684 43.9661" stroke="white" stroke-width="3.9375" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M54.3157 28.2187C54.3157 42.7166 42.5978 54.4687 28.1422 54.4687C23.5476 54.4751 19.0329 53.2634 15.0555 50.9565L3.27742 53.1562L5.47076 41.3437C3.2434 37.485 1.96875 32.9989 1.96875 28.2187C1.96875 13.7209 13.6866 1.96875 28.1422 1.96875C42.5978 1.96875 54.3157 13.7209 54.3157 28.2187Z" stroke="white" stroke-width="3.9375" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3C/svg%3E');
	--yfu-icon-w: calc(70.7 * var(--yfu-tile-u));
	--yfu-icon-h: calc(70.9 * var(--yfu-tile-u));
}

.yfu-tile--people {
	--yfu-icon: url('data:image/svg+xml,%3Csvg viewBox="-4 -4 83.8219 122.853" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg%3E%3Cpath d="M2.42647 112.427V105.956C2.42647 93.9434 4.80554 82.4227 9.0403 73.9284C13.2751 65.4341 19.0186 60.6621 25.0075 60.6621C30.9964 60.6621 36.7399 65.4341 40.9747 73.9284C45.2095 82.4227 47.5885 93.9434 47.5885 105.956V112.427" stroke="white" stroke-width="4.85294" stroke-linecap="round"/%3E%3Cpath d="M41.1368 73.6032C41.1368 65.0226 42.8361 56.7935 45.861 50.7262C48.8858 44.6588 52.9884 41.2502 57.2661 41.2502C59.3843 41.2502 61.4816 42.087 63.4385 43.7129C65.3954 45.3388 67.1735 47.7219 68.6713 50.7262C70.169 53.7304 71.3571 57.297 72.1677 61.2222C72.9782 65.1475 73.3954 69.3545 73.3954 73.6032V76.8384" stroke="white" stroke-width="4.85294" stroke-linecap="round"/%3E%3Cg%3E%3Cpath d="M34.1316 53.081C31.7117 57.9349 28.4297 60.6618 25.0075 60.6618C21.5853 60.6618 18.3032 57.9349 15.8834 53.081C13.4635 48.2271 12.104 41.6438 12.104 34.7794C12.104 27.915 13.4635 21.3317 15.8834 16.4778C18.3032 11.6239 21.5853 8.89706 25.0075 8.89706C28.4297 8.89706 31.7117 11.6239 34.1316 16.4778C36.5515 21.3317 37.9109 27.915 37.9109 34.7794C37.9109 41.6438 36.5515 48.2271 34.1316 53.081Z" stroke="white" stroke-width="4.85294" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M64.1092 35.5644C62.2943 39.2048 59.8328 41.25 57.2661 41.25C54.6995 41.25 52.2379 39.2048 50.423 35.5644C48.6081 31.924 47.5885 26.9866 47.5885 21.8382C47.5885 16.6899 48.6081 11.7525 50.423 8.11205C52.2379 4.47163 54.6995 2.42647 57.2661 2.42647C59.8328 2.42647 62.2943 4.47163 64.1092 8.11205C65.9241 11.7525 66.9437 16.6899 66.9437 21.8382C66.9437 26.9866 65.9241 31.924 64.1092 35.5644Z" stroke="white" stroke-width="4.85294" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
	--yfu-icon-w: calc(67 * var(--yfu-tile-u));
	--yfu-icon-h: calc(98.3 * var(--yfu-tile-u));
}

.yfu-tile--mail {
	--yfu-icon: url('data:image/svg+xml,%3Csvg viewBox="-4 -4 92.9468 66.6786" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg%3E%3Cpath d="M33.0367 17.9821L50.0227 29.3393L67.0088 17.9821M10.3886 35.0179H17.938M2.83929 23.6607H17.938" stroke="white" stroke-width="5.67857" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M17.938 12.3036V10.4107C17.938 8.40265 18.7334 6.47682 20.1491 5.05691C21.5649 3.63699 23.4851 2.83929 25.4873 2.83929H74.5581C76.5604 2.83929 78.4806 3.63699 79.8963 5.05691C81.3121 6.47682 82.1075 8.40265 82.1075 10.4107V48.2679C82.1075 50.2759 81.3121 52.2017 79.8963 53.6217C78.4806 55.0416 76.5604 55.8393 74.5581 55.8393H25.4873C23.4851 55.8393 21.5649 55.0416 20.1491 53.6217C18.7334 52.2017 17.938 50.2759 17.938 48.2679V46.375" stroke="white" stroke-width="5.67857" stroke-linecap="round"/%3E%3C/g%3E%3C/svg%3E');
	--yfu-icon-w: calc(83.6 * var(--yfu-tile-u));
	--yfu-icon-h: calc(60 * var(--yfu-tile-u));
}

/* ==========================================================================
   B · TABLET (≤ 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
	/* Hero: slogan, metin ve fotoğraf alt alta */
	.vc_row.yfu-ob-hero {
		grid-template-columns: minmax(0, 1fr);
	}

	.yfu-ob-hero > .yfu-ob-hero__tagline {
		padding: 32px var(--yfu-gutter) 0;
	}

	.yfu-ob-hero__tagline-img {
		width: min(440px, 72%);
	}

	.yfu-ob-hero > .yfu-ob-hero__copy {
		grid-area: 2 / 1;
		justify-self: stretch;
		width: auto;
		max-width: 640px;
		padding: 24px var(--yfu-gutter) 0;
	}

	.yfu-ob-hero__copy p {
		font-size: 18px;
	}

	.yfu-ob-hero__copy .yfu-ob-hero__cta {
		margin-top: 24px;
	}

	.yfu-ob-hero > .yfu-ob-hero__visual {
		grid-area: 3 / 1;
		margin-top: calc(-230 * var(--s));
	}

	.yfu-ob-apply__card p {
		font-size: 18px;
	}

	.yfu-ob-article__zigzag {
		display: none;
	}
}

/* ==========================================================================
   B · MOBİL (≤ 767px)
   ========================================================================== */
@media (max-width: 767px) {
	.yfu-ob-hero > .yfu-ob-hero__tagline {
		padding-top: 24px;
	}

	.yfu-ob-hero__tagline-img {
		width: 82%;
	}

	.yfu-ob-hero__copy p {
		font-size: 16px;
	}

	.yfu-ob-apply__blob {
		display: none;
	}

	.yfu-ob-apply__card p {
		font-size: 16px;
	}

	.yfu-ob-programs__photos > .wpb_column + .wpb_column {
		margin-top: 16px;
	}

	.yfu-ob-programs .wd-product-filters > .wd-pf-checkboxes {
		flex: 0 0 100%;
	}

	.yfu-ob-programs .wd-product-filters {
		row-gap: 12px;
	}

	.yfu-ob-programs .wd-product-filters > .wd-pf-btn {
		margin-top: 16px;
	}

	.yfu-prog-list {
		gap: 20px;
	}

	.yfu-ob-article__text p {
		font-size: 16px;
	}

	.yfu-cards--3 .yfu-card__body {
		min-height: 0;
	}

	.yfu-tiles > .wpb_wrapper {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}
}
