/**
 * Cem Yakamoz Turizm — frontend
 * Tek tutarlı tasarım sistemi. Renkler Flatsome tema değişkenlerinden
 * miras alınır; yoksa yedek değerler devreye girer.
 */

/* =================================================================
 * TASARIM TOKENLARI
 * Tüm cyt- bileşenlerinde geçerli olsun diye geniş kapsam.
 * ================================================================= */
.cyt-liste,
.cyt-icerik-alan,
.cyt-bulucu,
.cyt-sabit,
.cyt-serit,
.cyt-arac-serit,
.cyt-arac-grid,
.cyt-single,
.cyt-ph,
[class*="cyt-"] {
	--c-gece:     var(--primary-color, #0C2A47);
	--c-mavi:     var(--secondary-color, #1E90C6);
	--c-mavi-koyu:#166F9C;
	--c-sari:     #F6B23C;
	--c-murekkep: #1C2B39;
	--c-gri:      #64717E;
	--c-gri-2:    #94A0AB;
	--c-hat:      #E6EDF2;
	--c-hat-2:    #F1F5F8;
	--c-kagit:    #F7FAFC;
	--c-wa:       #128C7E;
	--c-yesil:    #1F9254;
	--c-kirmizi:  #C0392B;

	--s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
	--s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;

	--r-s: 10px; --r: 14px; --r-l: 12px;

	--golge-s: 0 4px 16px -8px rgba(12, 42, 71, .18);
	--golge:   0 16px 40px -20px rgba(12, 42, 71, .28);
	--golge-l: 0 30px 60px -28px rgba(12, 42, 71, .4);

	--mono: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* =================================================================
 * FLATSOME SIFIRLAMA
 * ================================================================= */
.cyt-liste li, .cyt-liste ul,
.cyt-icerik-alan li, .cyt-icerik-alan ul {
	margin: 0 !important;
	list-style: none !important;
	text-indent: 0 !important;
}
.cyt-liste ul, .cyt-icerik-alan ul { padding-left: 0 !important; }

/* ---- Flatsome buton kurallarına karşı topluca sağlamlaştırma ----
   Flatsome .button/button/input[type] öğelerine min-height:2.5em,
   min-width:24px, line-height:2.4em, letter-spacing, text-transform:uppercase,
   font-weight:bolder, font-size:.97em, margin-right:1em, text-shadow,
   vertical-align:middle ekliyor. Eklentideki buton benzeri tüm öğelerde bunları
   nötrle (renk/gölge/şekil her bileşenin kendi kuralında kalır). */
.cyt-wa,
.cyt-wa-buyuk,
.cyt-kart-wa,
.cyt-kart-fiyat,
.cyt-kart-incele,
.cyt-galeri-kart-bak,
.cyt-galeri-tur-link,
.cyt-bulucu-btn,
.cyt-sabit-btn,
.cyt-tumu-btn,
.cyt-filtre-oge,
.cyt-detay-btn,
.cyt-lb button {
	min-width: 0 !important;
	min-height: 0 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	font-weight: 700 !important;
	font-size: inherit;
	margin-right: 0 !important;
	margin-top: 0 !important;
	text-shadow: none !important;
	vertical-align: baseline !important;
	text-rendering: auto !important;
}

/* =================================================================
 * İÇERİK ALANI (1420px)
 * ================================================================= */
.cyt-icerik-alan {
	max-width: 1420px;
	margin-left: auto;
	margin-right: auto;
}
.cyt-icerik-alan.page-wrapper { padding-top: 0 !important; }

.cyt-govde {
	padding-left: 15px;
	padding-right: 15px;
}

/* =================================================================
 * PAGE HEADER (single + arşiv ortak)
 * ================================================================= */
.cyt-ph {
	position: relative;
	overflow: hidden;
	margin: 0 0 var(--s-7);
	border-radius: var(--r-l);
	background: #0d203e;
	width: calc(100vw - 30px);
	margin-left: calc(50% - 50vw + 15px);
	margin-right: calc(50% - 50vw + 15px);
	min-height: 380px;
	display: flex;
	align-items: center;
}
.cyt-ph-gorselli { background-size: cover; background-position: center; }

.cyt-ph-katman {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(12,42,71,.5) 0%, rgba(12,42,71,.28) 45%, rgba(12,42,71,.82) 100%),
		linear-gradient(100deg, rgba(12,42,71,.72) 0%, rgba(12,42,71,.3) 55%, transparent 100%);
}
.cyt-ph:not(.cyt-ph-gorselli) .cyt-ph-katman { background: none; }

/* deniz motifi — logonun dalgası */
.cyt-ph::after {
	content: "";
	position: absolute;
	right: -80px; bottom: -120px;
	width: 380px; height: 380px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(30,144,198,.28), transparent 68%);
	pointer-events: none;
}

.cyt-ph-ic {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1350px;
	margin: 0 auto;
	padding: 48px 26px;
}

.cyt-yol {
	display: flex; flex-wrap: wrap; align-items: center;
	gap: var(--s-2);
	font-family: var(--mono);
	font-size: 11.5px;
	letter-spacing: .04em;
	color: rgba(255,255,255,.68);
	margin-bottom: var(--s-5);
}
.cyt-yol a { color: rgba(255,255,255,.68); text-decoration: none; transition: color .18s; }
.cyt-yol a:hover { color: #fff; }
.cyt-yol span[aria-hidden] { opacity: .4; }
.cyt-yol-aktif {
	color: var(--c-sari);
	max-width: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.cyt-etiketler { display: flex; flex-wrap: wrap; gap: var(--s-2); margin-bottom: var(--s-4); }
.cyt-etiketler a {
	display: inline-block;
	background: var(--c-sari) !important;
	color: var(--c-gece) !important;
	font-family: var(--mono);
	font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
	padding: 6px 13px; border-radius: 7px;
	text-decoration: none; line-height: 1.4;
	transition: transform .18s;
}
.cyt-etiketler a:hover { transform: translateY(-1px); }

.cyt-rozet {
	display: inline-flex; align-items: center;
	background: rgba(255,255,255,.12);
	border: 1px solid rgba(255,255,255,.24);
	color: #fff;
	font-family: var(--mono);
	font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
	padding: 6px 13px; border-radius: 7px; line-height: 1.4;
	backdrop-filter: blur(4px);
}

.cyt-ph-baslik {
	color: #fff !important;
	font-weight: 800;
	font-size: clamp(2rem, 4.2vw, 3.1rem);
	letter-spacing: -.025em; line-height: 1.06;
	margin: 0; max-width: 760px;
	text-wrap: balance;
	text-shadow: 0 2px 30px rgba(12,42,71,.35);
}
.cyt-ph-ozet {
	color: rgba(255,255,255,.84);
	font-size: clamp(1rem, 1.4vw, 1.12rem);
	line-height: 1.55;
	margin: var(--s-4) 0 0; max-width: 560px;
	text-wrap: pretty;
}

.cyt-ph-hizli { display: flex; flex-wrap: wrap; gap: var(--s-2); margin-top: var(--s-5); }
.cyt-hap {
	display: inline-flex; align-items: center; gap: var(--s-2);
	background: rgba(255,255,255,.12);
	border: 1px solid rgba(255,255,255,.2);
	color: #fff;
	font-size: 13.5px; font-weight: 600;
	padding: 9px 16px; border-radius: 100px;
	backdrop-filter: blur(4px);
}
.cyt-hap svg { width: 16px; height: 16px; stroke: var(--c-sari); fill: none; stroke-width: 1.9; flex: none; }

/* =================================================================
 * TUR BULUCU
 * ================================================================= */
.cyt-bulucu {
	display: flex; gap: var(--s-1); align-items: stretch;
	background: #fff;
	border: 1px solid var(--c-hat);
	border-radius: var(--r-l);
	padding: var(--s-3);
	box-shadow: var(--golge-l);
	width: 100%; max-width: 1420px; margin: 0 auto;
	position: relative;
}
.cyt-bulucu::before {
	content: "";
	position: absolute; top: -1px; left: 24px; right: 24px; height: 3px;
	border-radius: 0 0 4px 4px;
	background: linear-gradient(90deg, var(--c-mavi), var(--c-sari));
}
.cyt-bulucu-alan {
	flex: 1; display: flex; flex-direction: column; justify-content: center; gap: var(--s-1);
	padding: var(--s-3) var(--s-5);
	border-radius: var(--r);
	min-width: 0; position: relative;
	transition: background .18s;
}
.cyt-bulucu-alan:hover { background: var(--c-kagit); }
.cyt-bulucu-alan + .cyt-bulucu-alan::before {
	content: ""; position: absolute; left: 0; top: 22%; bottom: 22%; width: 1px; background: var(--c-hat);
}
.cyt-bulucu-alan label {
	display: flex !important; align-items: center; gap: 7px;
	font-family: var(--mono) !important;
	font-size: 10px !important; font-weight: 700 !important; letter-spacing: .12em !important;
	text-transform: uppercase !important;
	color: var(--c-gri-2) !important;
	margin: 0 !important; line-height: 1.4 !important; border: 0 !important;
}
.cyt-bulucu-alan label svg { width: 14px !important; height: 14px !important; stroke: var(--c-mavi); fill: none; stroke-width: 2; flex: none; }
.cyt-bulucu-alan select {
	appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important;
	border: 0 !important; border-radius: 0 !important;
	background-color: transparent !important; box-shadow: none !important;
	font-family: inherit !important; font-size: 16px !important; font-weight: 700 !important;
	color: var(--c-gece) !important; cursor: pointer;
	width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important;
	padding: 0 24px 0 0 !important; margin: 0 !important; line-height: 1.3 !important; text-transform: none !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230C2A47' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important; background-position: right center !important; background-size: 11px !important;
}
.cyt-bulucu-alan select:hover, .cyt-bulucu-alan select:focus {
	background-color: transparent !important; box-shadow: none !important; color: var(--c-gece) !important; outline: 0 !important;
}
.cyt-bulucu-btn {
	flex: none; display: flex !important; align-items: center; justify-content: center; gap: var(--s-2);
	background: var(--c-gece) !important; color: #fff !important;
	border: 0 !important; border-radius: var(--r) !important;
	padding: 0 34px !important; min-height: 0 !important; height: auto !important; margin: 0 !important;
	font-family: inherit !important; font-size: 15.5px !important; font-weight: 700 !important;
	line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important;
	box-shadow: 0 10px 22px -12px rgba(12,42,71,.7) !important; cursor: pointer;
	transition: background .2s, transform .2s, box-shadow .2s;
}
.cyt-bulucu-btn:hover {
	background: var(--c-mavi) !important; transform: translateY(-2px); color: #fff !important;
	box-shadow: 0 16px 30px -12px rgba(30,144,198,.6) !important;
}
.cyt-bulucu-btn svg { flex: none; width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; }

@media (max-width: 782px) {
	.cyt-bulucu { flex-direction: column; gap: var(--s-2); padding: var(--s-3); }
	.cyt-bulucu::before { left: 20px; right: 20px; }
	.cyt-bulucu-alan { background: var(--c-kagit); border-radius: var(--r); padding: var(--s-3) var(--s-4); }
	.cyt-bulucu-alan:hover { background: var(--c-kagit); }
	.cyt-bulucu-alan + .cyt-bulucu-alan::before { display: none !important; }
	.cyt-bulucu-btn { width: 100% !important; padding: 16px !important; border-radius: var(--r) !important; margin-top: var(--s-1); font-size: 16px !important; }
}

/* =================================================================
 * LİSTE + TUR KARTI (overlay tasarım)
 * ================================================================= */
.cyt-liste { display: grid; gap: var(--s-5); margin: 0 0 var(--s-6); }
.cyt-kolon-1 { grid-template-columns: 1fr; }
.cyt-kolon-2 { grid-template-columns: repeat(2, 1fr); }
.cyt-kolon-3 { grid-template-columns: repeat(3, 1fr); }
.cyt-kolon-4 { grid-template-columns: repeat(4, 1fr); }

.cyt-kart {
	display: flex; flex-direction: column;
	background: #fff;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 14px 36px -20px rgba(12, 42, 71, .4);
	transition: transform .28s ease, box-shadow .28s ease;
}
.cyt-kart:hover { transform: translateY(-6px); box-shadow: 0 28px 54px -24px rgba(12, 42, 71, .5); }

/* Görsel — kartın içinde, kenardan boşluklu (referans yapı) */
.cyt-kart-gorsel {
	position: relative; display: block;
	aspect-ratio: 16 / 10;
	border-radius: 18px 18px 0 0;
	background: var(--c-kagit);
	overflow: hidden;
}
.cyt-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
.cyt-kart:hover .cyt-kart-gorsel img { transform: scale(1.06); }
.cyt-kart-bos { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #4a7ba6, #2d5a80); }

/* Kurdele rozet — sol üstte, kenardan taşan */
.cyt-kart-rozet {
	position: absolute; top: 16px; left: -6px; z-index: 2;
	background: var(--c-sari) !important; color: var(--c-gece) !important;
	font-family: var(--mono);
	font-size: 10.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
	padding: 6px 14px; border-radius: 0 6px 6px 0; line-height: 1.4;
	box-shadow: 0 5px 12px -4px rgba(12, 42, 71, .45);
}
.cyt-kart-rozet::before {
	content: ""; position: absolute; left: 0; bottom: -6px;
	border: 3px solid transparent;
	border-top-color: #c98d24; border-right-color: #c98d24;
}

.cyt-kart-govde { padding: 18px 20px 18px; flex: 1 0 auto; }
.cyt-kart-baslik { font-size: 19px; font-weight: 800; line-height: 1.28; letter-spacing: -.01em; margin: 0 0 14px; }
.cyt-kart-baslik a { color: var(--c-gece); text-decoration: none; transition: color .18s; }
.cyt-kart-baslik a:hover { color: var(--c-mavi); }

.cyt-kart-satir { display: flex; align-items: center; gap: 8px; color: var(--c-gri); font-size: 14px; font-weight: 600; margin-bottom: 10px; }
.cyt-kart-satir svg { width: 16px; height: 16px; stroke: var(--c-mavi); fill: none; stroke-width: 2; flex: none; }

/* Alt: kesik köşeli fiyat şeridi + İncele oku */
.cyt-kart-alt {
	display: flex; align-items: stretch; justify-content: space-between;
	margin-top: auto; min-height: 62px;
}
.cyt-kart-fiyat {
	position: relative;
	background: var(--c-gece); color: #fff !important;
	padding: 0 40px 0 22px;
	display: flex; flex-direction: column; justify-content: center;
	clip-path: polygon(0 0, 100% 0, calc(100% - 22px) 100%, 0 100%);
	text-decoration: none; line-height: 1.15;
	transition: background .18s;
}
.cyt-kart-fiyat:hover { background: var(--c-mavi); color: #fff !important; }
.cyt-fiyat-onek { display: block; font-family: var(--mono); font-size: 9px; letter-spacing: .09em; text-transform: uppercase; color: rgba(255,255,255,.75); margin-bottom: 2px; }
.cyt-fiyat-tutar { display: block; font-size: 21px; font-weight: 800; letter-spacing: -.02em; color: #fff; }
.cyt-fiyat-teklif { font-size: 16px; }

.cyt-kart-eylem { display: inline-flex; align-items: center; gap: 6px; padding: 0 14px 0 6px; }
.cyt-kart-wa {
	display: inline-flex; align-items: center; justify-content: center;
	width: 40px; height: 40px; border-radius: 50%;
	background: var(--c-wa); color: #fff !important;
	transition: transform .18s, box-shadow .18s;
	flex: none;
}
.cyt-kart-wa svg { width: 20px; height: 20px; fill: currentColor; }
.cyt-kart-wa:hover { transform: scale(1.08); box-shadow: 0 6px 16px -4px rgba(18, 140, 126, .5); }

.cyt-kart-incele {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 8px 4px 8px 10px;
	font-size: 14px; font-weight: 700; color: var(--c-gece); text-decoration: none;
	transition: color .18s, gap .18s;
}
.cyt-kart-incele svg { width: 17px; height: 17px; stroke: var(--c-mavi); fill: none; stroke-width: 2.2; flex: none; transition: transform .18s; }
.cyt-kart-incele:hover { color: var(--c-mavi); }
.cyt-kart-incele:hover svg { transform: translateX(3px); }

/* =================================================================
 * WHATSAPP + DETAY BUTONU
 * ================================================================= */
.cyt-wa {
	display: inline-flex; align-items: center; justify-content: center; gap: 7px;
	background: var(--c-wa); color: #fff !important;
	border-radius: 100px; font-weight: 700; text-decoration: none !important; line-height: 1;
	transition: background .18s, transform .18s; white-space: nowrap;
}
.cyt-wa:hover { background: #0d6d61; color: #fff !important; transform: translateY(-2px); }
.cyt-wa:focus-visible { outline: 3px solid var(--c-sari); outline-offset: 2px; }
.cyt-wa svg { flex: none; }
.cyt-wa-kart { padding: 10px 16px; font-size: 13px; }
.cyt-icerik-alan .cyt-wa-buyuk,
.cyt-wa-buyuk { width: 100%; padding: 15px 20px; font-size: 15px; margin-top: var(--s-5) !important; }
.cyt-detay-btn { background: var(--c-gece) !important; }
.cyt-detay-btn:hover { background: var(--c-mavi) !important; }

/* =================================================================
 * ARŞİV
 * ================================================================= */

/* Lacivert sade şerit (düz sayfalar: arşiv, kategori) — alçak, sadece başlık */
.cyt-serit {
	background: #0d203e;
	border-radius: var(--r-l);
	margin: 0 0 var(--s-6);
	/* full-width: iki yanda 15px */
	width: calc(100vw - 30px);
	margin-left: calc(50% - 50vw + 15px);
	margin-right: calc(50% - 50vw + 15px);
}
.cyt-serit-ic {
	max-width: 1350px;
	margin: 0 auto;
	padding: 34px 26px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--s-5);
	flex-wrap: nowrap;
}
.cyt-serit-baslik {
	color: #fff !important;
	font-size: clamp(1.5rem, 2.4vw, 1.8rem);
	font-weight: 800;
	letter-spacing: -.025em;
	line-height: 1.1;
	margin: 0;
	flex: 0 1 auto;
	min-width: 0;
}
.cyt-serit-sayi {
	font-family: var(--mono);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--c-gece);
	background: var(--c-sari);
	padding: 7px 14px;
	border-radius: 8px;
	white-space: nowrap;
	flex: none;
}

.cyt-filtre { display: flex; flex-wrap: wrap; gap: var(--s-2); margin-bottom: var(--s-6); }
.cyt-filtre-oge {
	display: inline-block; padding: 9px 18px;
	border: 1px solid var(--c-hat); border-radius: 100px;
	font-size: 13.5px; font-weight: 600; color: var(--c-gece); text-decoration: none;
	transition: background .16s, border-color .16s, color .16s, transform .16s;
}
.cyt-filtre-oge:hover { border-color: var(--c-mavi); color: var(--c-mavi); transform: translateY(-1px); }
.cyt-filtre-oge.aktif { background: var(--c-gece); border-color: var(--c-gece); color: #fff; }

.cyt-sayfalama { margin-top: var(--s-6); }
.cyt-sayfalama .nav-links { display: inline-flex; gap: var(--s-2); flex-wrap: wrap; }
.cyt-sayfalama a.page-numbers, .cyt-sayfalama span.page-numbers {
	display: inline-grid; place-items: center; min-width: 42px; height: 42px; padding: 0 12px;
	border: 1px solid var(--c-hat); border-radius: var(--r-s); font-weight: 600; color: var(--c-gece); text-decoration: none;
}
.cyt-sayfalama span.page-numbers.current { background: var(--c-gece); border-color: var(--c-gece); color: #fff; }

.cyt-bos {
	text-align: center; color: var(--c-gri);
	padding: var(--s-8) var(--s-5);
	background: var(--c-kagit); border: 1px dashed var(--c-hat); border-radius: var(--r);
	font-size: 15px;
}

/* =================================================================
 * TEK TUR
 * ================================================================= */
.cyt-single { color: var(--c-murekkep); padding-left: 15px; padding-right: 15px; }

.cyt-ozet {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: var(--s-3); margin-bottom: var(--s-6);
}
.cyt-ozet-oge {
	display: flex; align-items: center; gap: var(--s-3);
	padding: var(--s-4);
	border: 1px solid var(--c-hat); border-radius: var(--r); background: #fff;
	transition: border-color .18s, box-shadow .18s, transform .18s;
}
.cyt-ozet-oge:hover { border-color: var(--c-mavi); box-shadow: var(--golge-s); transform: translateY(-2px); }
.cyt-ozet-ikon {
	flex: none !important; width: 42px !important; height: 42px !important;
	border-radius: 11px;
	background: linear-gradient(135deg, rgba(30,144,198,.14), rgba(30,144,198,.05));
	color: var(--c-mavi);
	display: flex !important; align-items: center !important; justify-content: center !important;
	line-height: 0 !important; padding: 0 !important; margin: 0 !important;
}
.cyt-ozet-ikon svg { display: block !important; width: 21px !important; height: 21px !important; stroke: currentColor; fill: none; stroke-width: 1.9; margin: 0 !important; }
.cyt-ozet-metin { min-width: 0; }
.cyt-ozet-oge span {
	display: block; font-family: var(--mono);
	font-size: 9.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--c-mavi); margin-bottom: 3px;
}
.cyt-ozet-oge strong {
	display: block; font-size: 17px; font-weight: 700; color: var(--c-gece); line-height: 1.2;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.cyt-duzen { display: grid; grid-template-columns: 1fr 340px; gap: var(--s-7); align-items: start; }
.cyt-icerik { color: var(--c-murekkep); }
.cyt-icerik p { line-height: 1.7; }

.cyt-blok { margin-top: var(--s-7); }
.cyt-blok-baslik {
	font-size: 24px; font-weight: 800; letter-spacing: -.02em; color: var(--c-gece);
	margin: 0 0 var(--s-5); padding-bottom: var(--s-3);
	border-bottom: 1px solid var(--c-hat); position: relative;
}
.cyt-blok-baslik::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 56px; height: 3px; border-radius: 2px; background: var(--c-mavi); }

/* program timeline */
.cyt-program { list-style: none; margin: 0; padding: 0; position: relative; }
.cyt-program::before { content: ""; position: absolute; left: 8px; top: 10px; bottom: 10px; width: 2px; background: var(--c-hat); }
.cyt-adim { position: relative; display: flex; gap: var(--s-5); padding: 0 0 var(--s-5) var(--s-6) !important; margin: 0 !important; }
.cyt-adim::before { content: ""; position: absolute; left: 0; top: 5px; width: 18px; height: 18px; border-radius: 50%; background: #fff; border: 3px solid var(--c-mavi); z-index: 1; }
.cyt-adim:last-child { padding-bottom: 0 !important; }
.cyt-adim-saat { flex: none; min-width: 56px; font-family: var(--mono); font-size: 13px; font-weight: 700; color: var(--c-mavi); padding-top: 3px; }
.cyt-adim-govde h3 { font-size: 16px; font-weight: 700; color: var(--c-gece); margin: 0 0 3px; line-height: 1.4; }
.cyt-adim-govde p { font-size: 14px; color: var(--c-gri); margin: 0; line-height: 1.55; }

/* kapsam */
.cyt-kapsam-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-6); }
.cyt-kapsam-bas { display: flex; align-items: center; gap: 8px; font-family: var(--mono); font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; margin: 0 0 var(--s-3); }
.cyt-kapsam-bas svg { width: 16px; height: 16px; flex: none; stroke: currentColor; fill: none; stroke-width: 2; }
.cyt-kapsam-bas.var { color: var(--c-yesil); }
.cyt-kapsam-bas.yok { color: var(--c-kirmizi); }
.cyt-kapsam-liste { list-style: none; margin: 0; padding: 0; }
.cyt-kapsam-liste li { position: relative; padding: 8px 0 8px 28px !important; font-size: 14.5px; color: var(--c-murekkep); border-bottom: 1px solid var(--c-hat-2); margin: 0 !important; line-height: 1.5; }
.cyt-kapsam-liste li:last-child { border-bottom: 0; }
.cyt-madde-var::before, .cyt-madde-yok::before {
	position: absolute; left: 0; top: 8px; width: 18px; height: 18px; border-radius: 50%;
	display: grid; place-items: center; font-size: 11px; font-weight: 700;
}
.cyt-madde-var::before { content: "✓"; background: rgba(31,146,84,.12); color: var(--c-yesil); }
.cyt-madde-yok::before { content: "×"; background: rgba(192,57,43,.1); color: var(--c-kirmizi); }

/* galeri */
.cyt-galeri-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s-3); }
.cyt-galeri-oge { display: block; aspect-ratio: 4 / 3; border-radius: var(--r-s); overflow: hidden; background: var(--c-kagit); cursor: zoom-in; }
.cyt-galeri-oge img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.cyt-galeri-oge:hover img { transform: scale(1.06); }

/* tek galeri sayfası büyük grid */
.cyt-galeri-buyuk { grid-template-columns: repeat(3, 1fr); gap: var(--s-4); }

/* galeri sayfası üst bölüm (özet + tura git linki) */
.cyt-galeri-ust {
	display: flex; align-items: center; justify-content: space-between; gap: var(--s-5);
	flex-wrap: wrap;
	margin: 0 0 var(--s-6);
}
.cyt-galeri-ozet { font-size: 16px; color: var(--c-gri); line-height: 1.6; margin: 0; max-width: 620px; }
.cyt-galeri-tur-link {
	display: inline-flex; align-items: center; gap: var(--s-2);
	background: var(--c-kagit); border: 1px solid var(--c-hat);
	color: var(--c-gece) !important; font-size: 14px; font-weight: 700;
	padding: 11px 18px; border-radius: 100px; text-decoration: none; flex: none;
	transition: background .18s, color .18s, border-color .18s;
}
.cyt-galeri-tur-link:hover { background: var(--c-gece); border-color: var(--c-gece); color: #fff !important; }
.cyt-galeri-tur-link svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2; flex: none; }
.cyt-galeri-tur-link svg:first-child { stroke: var(--c-mavi); }
.cyt-galeri-tur-link:hover svg:first-child { stroke: var(--c-sari); }

/* galeri kartı (shortcode listesi) — büyük görsel + üzerine yaslı başlık */
.cyt-galeri-kart {
	display: flex; flex-direction: column;
	background: #fff; border-radius: 20px; overflow: hidden;
	box-shadow: 0 14px 36px -20px rgba(12, 42, 71, .4);
	text-decoration: none !important; color: inherit;
	transition: transform .28s ease, box-shadow .28s ease;
}
.cyt-galeri-kart:hover { transform: translateY(-6px); box-shadow: 0 30px 58px -24px rgba(12, 42, 71, .55); }

.cyt-galeri-kart-gorsel {
	position: relative; display: block; aspect-ratio: 4 / 3;
	background: var(--c-kagit); overflow: hidden;
}
.cyt-galeri-kart-gorsel > img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; display: block; }
.cyt-galeri-kart:hover .cyt-galeri-kart-gorsel > img { transform: scale(1.07); }
.cyt-galeri-kart .cyt-kart-bos { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #4a7ba6, #2d5a80); }

.cyt-galeri-kart-katman {
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(12,42,71,0) 30%, rgba(12,42,71,.28) 58%, rgba(12,42,71,.9) 100%);
}

/* foto sayısı rozeti — sağ üst, cam efektli */
.cyt-galeri-kart-sayi {
	position: absolute; top: 14px; right: 14px; z-index: 2;
	display: inline-flex; align-items: center; gap: 6px;
	background: rgba(12,42,71,.55); backdrop-filter: blur(6px);
	border: 1px solid rgba(255,255,255,.18);
	color: #fff; font-family: var(--mono);
	font-size: 11px; font-weight: 700; letter-spacing: .03em;
	padding: 7px 12px; border-radius: 100px; line-height: 1;
}
.cyt-galeri-kart-sayi svg { width: 14px; height: 14px; stroke: var(--c-sari); fill: none; stroke-width: 2; flex: none; }

/* görselin altına yaslı başlık + özet */
.cyt-galeri-kart-ust {
	position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
	padding: 20px 22px; display: flex; flex-direction: column; gap: 5px;
}
.cyt-galeri-kart-baslik {
	color: #fff; font-size: 20px; font-weight: 800; letter-spacing: -.01em; line-height: 1.22;
	text-shadow: 0 2px 16px rgba(12,42,71,.5);
}
.cyt-galeri-kart-ozet {
	color: rgba(255,255,255,.85); font-size: 13.5px; line-height: 1.45;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* alt eylem şeridi */
.cyt-galeri-kart-bak {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 16px 22px;
	font-size: 14.5px; font-weight: 700; color: var(--c-gece);
	transition: gap .18s, color .18s;
}
.cyt-galeri-kart-bak svg { width: 18px; height: 18px; stroke: var(--c-mavi); fill: none; stroke-width: 2.2; flex: none; transition: transform .18s; }
.cyt-galeri-kart:hover .cyt-galeri-kart-bak { color: var(--c-mavi); gap: 12px; }
.cyt-galeri-kart:hover .cyt-galeri-kart-bak svg { transform: translateX(3px); }

/* =================================================================
 * FİYAT KUTUSU (sağ sütun)
 * ================================================================= */
.cyt-yan { position: sticky; top: 100px; }
.cyt-fiyat-kutu {
	background: #fff; border: 1px solid var(--c-hat); border-radius: var(--r-l);
	padding: var(--s-5); box-shadow: var(--golge); position: relative; overflow: hidden;
}
.cyt-fiyat-kutu::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--c-mavi), var(--c-sari)); }
.cyt-fiyat-baslik { font-size: 20px; font-weight: 800; letter-spacing: -.01em; color: var(--c-gece); margin: var(--s-1) 0 var(--s-2); }
.cyt-fiyat-not { font-size: 12.5px; color: var(--c-gri); margin: 0 0 var(--s-4); line-height: 1.5; }
.cyt-fiyat-liste { list-style: none; margin: 0 0 var(--s-5); padding: 0; border: 1px solid var(--c-hat); border-radius: var(--r); overflow: hidden; }
.cyt-fiyat-satir { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); padding: var(--s-3) var(--s-4) !important; border-bottom: 1px solid var(--c-hat); margin: 0 !important; background: #fff; transition: background .15s; }
.cyt-fiyat-satir:last-child { border-bottom: 0; }
.cyt-fiyat-satir:hover { background: var(--c-kagit); }
.cyt-fiyat-sol strong { display: block; font-size: 14px; font-weight: 700; color: var(--c-gece); line-height: 1.35; }
.cyt-fiyat-sol span { display: block; font-size: 11.5px; color: var(--c-gri); margin-top: 1px; }
.cyt-fiyat-sag { flex: none; font-family: var(--mono); font-size: 16px; font-weight: 700; color: var(--c-gece); }
.cyt-fiyat-alt-not { font-size: 11.5px; color: var(--c-gri); text-align: center; margin: var(--s-3) 0 var(--s-1); line-height: 1.5; }

.cyt-guven { list-style: none; margin: var(--s-5) 0 0; padding: var(--s-5) 0 0; border-top: 1px solid var(--c-hat); display: flex; flex-direction: column; gap: var(--s-3); }
.cyt-guven li { display: flex; align-items: center; gap: var(--s-3); font-size: 13px; color: var(--c-gece); font-weight: 600; margin: 0 !important; padding: 0 !important; line-height: 1.35; }
.cyt-guven li::before { display: none !important; }
.cyt-guven svg { flex: none; width: 18px; height: 18px; stroke: var(--c-mavi); fill: none; stroke-width: 1.9; }

/* =================================================================
 * DİĞER TURLAR
 * ================================================================= */
.cyt-diger { margin-top: var(--s-7); padding-top: var(--s-7); border-top: 1px solid var(--c-hat); }
.cyt-diger-baslik { font-size: 24px; font-weight: 800; letter-spacing: -.02em; color: var(--c-gece); margin: 0 0 var(--s-5); }
.cyt-tumu-btn {
	display: inline-flex; align-items: center; gap: var(--s-2);
	font-size: 14px; font-weight: 700; color: var(--c-gece);
	border: 1px solid var(--c-hat); border-radius: 100px; padding: 11px 20px; text-decoration: none;
	transition: background .18s, color .18s, border-color .18s;
}
.cyt-tumu-btn:hover { background: var(--c-gece); color: #fff; border-color: var(--c-gece); }
.cyt-tumu-btn svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 2; }

/* =================================================================
 * SABİT ALT ÇUBUK (mobil)
 * ================================================================= */
.cyt-sabit {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
	display: none; align-items: center; justify-content: space-between; gap: var(--s-3);
	background: #fff; border-top: 1px solid var(--c-hat); padding: var(--s-3) var(--s-4);
	box-shadow: 0 -8px 30px -12px rgba(12,42,71,.3);
}
.cyt-sabit-fiyat { line-height: 1.2; }
.cyt-sabit-fiyat span { display: block; font-family: var(--mono); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; color: var(--c-gri); }
.cyt-sabit-fiyat strong { font-size: 18px; font-weight: 800; color: var(--c-gece); }
.cyt-sabit-btn {
	flex: none; background: var(--c-wa) !important; color: #fff !important; border-radius: 100px !important;
	padding: 13px 24px !important; font-weight: 700 !important; font-size: 14px !important;
	display: inline-flex !important; align-items: center; gap: 7px; text-decoration: none !important;
}

/* =================================================================
 * LIGHTBOX
 * ================================================================= */
.cyt-lb {
	position: fixed !important; inset: 0 !important; z-index: 999999 !important;
	display: none; align-items: center; justify-content: center;
	background: rgba(9,24,40,.92); backdrop-filter: blur(6px); padding: 40px;
	opacity: 0; transition: opacity .25s;
}
.cyt-lb.acik { display: flex; opacity: 1; animation: cyt-lb-gir .25s ease; }
@keyframes cyt-lb-gir { from { opacity: 0; } to { opacity: 1; } }
.cyt-lb-ic { position: relative; margin: 0 !important; padding: 0 !important; max-width: 92vw; max-height: 86vh; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.cyt-lb-img { max-width: 92vw; max-height: 78vh; width: auto !important; height: auto !important; border-radius: var(--r-s); box-shadow: 0 30px 80px -20px rgba(0,0,0,.7); display: block; background: rgba(255,255,255,.04); }
.cyt-lb-nav { display: contents; }
.cyt-lb-sayac { font-family: var(--mono); font-size: 12px; letter-spacing: .1em; color: rgba(255,255,255,.7); }
.cyt-lb button {
	position: absolute; background: rgba(255,255,255,.1) !important; border: 1px solid rgba(255,255,255,.18) !important;
	color: #fff !important; cursor: pointer; border-radius: 50% !important;
	display: flex !important; align-items: center !important; justify-content: center !important;
	transition: background .18s !important; padding: 0 !important; margin: 0 !important;
	min-height: 0 !important; min-width: 0 !important; max-width: none !important; box-sizing: border-box !important;
	line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important;
	box-shadow: none !important; text-shadow: none !important; backdrop-filter: blur(4px);
	-webkit-appearance: none !important; appearance: none !important; flex: none;
}
.cyt-lb button::before, .cyt-lb button::after { display: none !important; }
.cyt-lb button svg { display: block; }
.cyt-lb button:hover { background: rgba(255,255,255,.16) !important; border-color: rgba(255,255,255,.3) !important; }
.cyt-lb-kapat { top: 20px; right: 20px; width: 40px !important; height: 40px !important; }
.cyt-lb-kapat svg { width: 20px; height: 20px; }
.cyt-lb-onceki, .cyt-lb-sonraki { top: 50%; transform: translateY(-50%); width: 44px !important; height: 44px !important; }
.cyt-lb-onceki svg, .cyt-lb-sonraki svg { width: 22px; height: 22px; }
.cyt-lb-onceki { left: 20px; }
.cyt-lb-sonraki { right: 20px; }
.cyt-lb-onceki:hover, .cyt-lb-sonraki:hover { transform: translateY(-50%); }

/* =================================================================
 * RESPONSIVE
 * ================================================================= */
@media (max-width: 960px) {
	.cyt-duzen { grid-template-columns: 1fr; gap: var(--s-6); }
	.cyt-yan { position: static; }
	.cyt-kolon-3, .cyt-kolon-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 782px) {
	.cyt-ph { min-height: 300px; }
	.cyt-ph-ic { padding: 40px 20px; }
	.cyt-sabit { display: flex; }

	/* Mobilde eklenti kendi yan boşluğunu vermesin — Flatsome konteyneri
	   zaten padding veriyor, çift boşluk ekranı daraltıyor. */
	.cyt-govde, .cyt-single { padding-left: 0; padding-right: 0; }
}
@media (max-width: 640px) {
	.cyt-ph { border-radius: var(--r); margin-bottom: var(--s-6); min-height: 240px; }
	.cyt-ph-ic { padding: 32px 18px; }
	.cyt-yol { font-size: 11px; margin-bottom: var(--s-4); }
	.cyt-yol-aktif { max-width: 160px; }
	.cyt-serit { border-radius: var(--r); }
	.cyt-serit-ic { padding: 26px 18px; gap: var(--s-2); }

	/* Mobilde metin boyutlarını küçült */
	.cyt-ph-baslik { font-size: 1.55rem; }
	.cyt-ph-ozet { font-size: .95rem; }
	.cyt-serit-baslik { font-size: 1.35rem; }
	.cyt-blok-baslik, .cyt-diger-baslik { font-size: 19px; }
	.cyt-fiyat-baslik { font-size: 18px; }
	.cyt-kart-baslik { font-size: 18px; }
	.cyt-icerik p { font-size: 15px; }
	.cyt-kapsam-liste li { font-size: 14px; }
	.cyt-ozet-oge strong { font-size: 16px; }
	.cyt-hap { font-size: 12.5px; padding: 8px 13px; }

	.cyt-kolon-2, .cyt-kolon-3, .cyt-kolon-4 { grid-template-columns: 1fr; }
	.cyt-kapsam-grid { grid-template-columns: 1fr; gap: var(--s-5); }
	.cyt-galeri-grid { grid-template-columns: repeat(2, 1fr); }

	/* Filtre: tek satır, yatay kaydırmalı — dağınık durmasın */
	.cyt-filtre {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		margin-left: -15px;
		margin-right: -15px;
		padding: 2px 15px;
	}
	.cyt-filtre::-webkit-scrollbar { display: none; }
	.cyt-filtre-oge { flex: none; white-space: nowrap; }

	.cyt-lb { padding: 16px; }
	.cyt-lb-kapat { top: 12px; right: 12px; width: 40px !important; height: 40px !important; }
	.cyt-lb-ic { max-height: 82vh; gap: 18px; }
	.cyt-lb-img { max-height: 66vh; }
	/* Oklar görselin üstüne binmesin — altta, belirgin şerit */
	.cyt-lb-onceki, .cyt-lb-sonraki {
		position: static !important; transform: none !important;
		width: 52px !important; height: 52px !important;
		background: rgba(255,255,255,.14) !important; border-color: rgba(255,255,255,.28) !important;
	}
	.cyt-lb-onceki:hover, .cyt-lb-sonraki:hover { transform: none !important; }
	.cyt-lb-sayac { order: 2; }
	.cyt-lb-nav {
		order: 3; display: flex; align-items: center; justify-content: center; gap: 40px;
	}
}

/* =================================================================
 * ARAÇLAR — kompakt şerit + detaylı kartlar
 * ================================================================= */

/* Kompakt (anasayfa): yatay kayan şerit */
.cyt-arac-serit {
	display: flex; gap: var(--s-4);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding: 4px 0 var(--s-3);
	margin: 0 0 var(--s-4);
}
.cyt-arac-serit::-webkit-scrollbar { display: none; }
.cyt-arac-mini {
	flex: 0 0 auto; width: 220px;
	scroll-snap-align: start;
	background: #fff;
	border: 1px solid var(--c-hat);
	border-radius: var(--r);
	overflow: hidden;
	transition: transform .22s, box-shadow .22s;
}
.cyt-arac-mini:hover { transform: translateY(-4px); box-shadow: var(--golge-s); }
.cyt-arac-mini-gorsel { aspect-ratio: 16 / 10; background: var(--c-kagit); overflow: hidden; }
.cyt-arac-mini-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.cyt-arac-mini-bilgi { padding: var(--s-3) var(--s-4); }
.cyt-arac-mini-bilgi strong { display: block; font-size: 15px; font-weight: 700; color: var(--c-gece); margin-bottom: 4px; }
.cyt-arac-mini-bilgi span { display: inline-flex; align-items: center; gap: 6px; font-family: var(--mono); font-size: 12px; font-weight: 700; color: var(--c-mavi); }
.cyt-arac-mini-bilgi svg { width: 14px; height: 14px; stroke: var(--c-mavi); fill: none; stroke-width: 2; flex: none; }

/* Detaylı (araçlarımız sayfası): büyük kartlar */
.cyt-arac-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: var(--s-5);
	margin: 0 0 var(--s-6);
}
.cyt-arac-grid.cyt-arac-kolon-1 { grid-template-columns: 1fr; }
.cyt-arac-grid.cyt-arac-kolon-2 { grid-template-columns: repeat(2, 1fr); }
.cyt-arac-grid.cyt-arac-kolon-3 { grid-template-columns: repeat(3, 1fr); }
.cyt-arac-grid.cyt-arac-kolon-4 { grid-template-columns: repeat(4, 1fr); }
.cyt-arac-kart {
	background: #fff;
	border-radius: var(--r-l);
	overflow: hidden;
	box-shadow: 0 18px 40px -26px rgba(12, 42, 71, .5);
	transition: transform .28s ease, box-shadow .28s ease;
}
.cyt-arac-kart:hover { transform: translateY(-6px); box-shadow: 0 32px 60px -28px rgba(12, 42, 71, .6); }
.cyt-arac-kart-gorsel { position: relative; aspect-ratio: 16 / 10; background: var(--c-kagit); overflow: hidden; }
.cyt-arac-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.cyt-arac-kart:hover .cyt-arac-kart-gorsel img { transform: scale(1.06); }
.cyt-arac-kapasite {
	position: absolute; top: var(--s-3); left: var(--s-3);
	display: inline-flex; align-items: center; gap: 6px;
	background: var(--c-gece); color: #fff;
	font-family: var(--mono); font-size: 12px; font-weight: 700; letter-spacing: .03em;
	padding: 7px 13px; border-radius: 100px;
}
.cyt-arac-kapasite svg { width: 15px; height: 15px; stroke: var(--c-sari); fill: none; stroke-width: 2; flex: none; }

.cyt-arac-kart-govde { padding: var(--s-5); }
.cyt-arac-kart-baslik { font-size: 19px; font-weight: 800; letter-spacing: -.01em; color: var(--c-gece); margin: 0 0 var(--s-2); }
.cyt-arac-kart-ozet { font-size: 14px; color: var(--c-gri); margin: 0 0 var(--s-4); line-height: 1.55; }

.cyt-arac-ozellikler {
	list-style: none; margin: 0; padding: var(--s-4) 0 0;
	border-top: 1px solid var(--c-hat);
	display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s-3);
}
.cyt-arac-ozellikler li { display: flex; align-items: center; gap: var(--s-2); font-size: 13px; font-weight: 600; color: var(--c-gece); margin: 0 !important; padding: 0 !important; }
.cyt-arac-ozellikler li::before { display: none !important; }
.cyt-arac-ozellikler svg { width: 18px; height: 18px; stroke: var(--c-mavi); fill: none; stroke-width: 1.9; flex: none; }

@media (max-width: 640px) {
	.cyt-arac-grid, .cyt-arac-grid[class] { grid-template-columns: 1fr; }
	.cyt-arac-mini { width: 180px; }
}