/* yaprak — ortak kurumsal tema. Renkler renk.css'te (--yp-*), burada yalnız varsayılanlar. */
:root {
	--yp-ana: #121212;
	--yp-koyu: #1e1e2d;
	--yp-serit: #121212;
	--yp-dil: #dc143c;
	--yp-gri: #f0f1f2;
	--yp-metin: #898989;
	--yp-cizgi: #d6d6d6;
	--yp-kutu-golge: 0 7px 14px rgba(17, 19, 91, .1);
	--yp-ust-yuk: 100px;
	--yp-font: 'Roboto', -apple-system, 'Segoe UI', Arial, sans-serif;
	--yp-kap: 1170px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 90px; }
body { overflow-x: clip; margin: 0; font-family: var(--yp-font); font-size: 17px; line-height: 1.8; color: var(--yp-metin); background: #fff; padding-top: var(--yp-ust-yuk); }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4 { margin: 0; color: var(--yp-koyu); font-weight: 700; line-height: 1.15; letter-spacing: -.025em; }
p { margin: 0 0 20px; }
address { font-style: normal; }
ul { margin: 0; padding: 0; list-style: none; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
:focus-visible { outline: 2px solid var(--yp-ana); outline-offset: 3px; }
.yp-kap { width: 100%; max-width: calc(var(--yp-kap) + 30px); margin: 0 auto; padding: 0 15px; }
.yp-atla { position: absolute; left: -999px; top: 0; z-index: 200; background: #fff; color: var(--yp-koyu); padding: 10px 16px; }
.yp-atla:focus { left: 10px; top: 10px; }
.yp-zemin-gri { background-color: var(--yp-gri); }
.yp-orta { text-align: center; }
.yp-bos { text-align: center; padding: 40px 0; }

/* Dikey kılavuz çizgileri (geniş ekranda kap kenarları ve üçte birler) */
.yp-dikey-cizgi { position: relative; }
@media (min-width: 1200px) {
	.yp-dikey-cizgi::before {
		content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 0;
		background-image: linear-gradient(rgba(0, 0, 0, .07), rgba(0, 0, 0, .07)), linear-gradient(rgba(0, 0, 0, .07), rgba(0, 0, 0, .07)), linear-gradient(rgba(0, 0, 0, .07), rgba(0, 0, 0, .07)), linear-gradient(rgba(0, 0, 0, .07), rgba(0, 0, 0, .07));
		background-size: 1px 100%;
		background-repeat: no-repeat;
		background-position: calc(50% - 585px) 0, calc(50% - 201px) 0, calc(50% + 199px) 0, calc(50% + 584px) 0;
	}
	.yp-dikey-cizgi > * { position: relative; z-index: 1; }
}
.yp-desenli { background: #fff url('../images/desen-cizgi.svg') center top / cover no-repeat; }

/* Bölüm başlığı: çizgi + küçük yazı + büyük başlık */
.yp-bolum-baslik { margin-bottom: 33px; }
.yp-bolum-baslik .yp-ust-yazi, .yp-ust-yazi { display: flex; align-items: center; gap: 25px; margin: 0 0 25px; color: var(--yp-ana); font-size: 16px; line-height: 1.1; font-weight: 700; letter-spacing: -.03em; }
.yp-ust-yazi i { width: 30px; height: 2px; background: var(--yp-ana); flex: none; }
.yp-bolum-baslik h2 { font-size: 40px; line-height: 1.13; letter-spacing: -.025em; }

/* Yuvarlak oklu düğme */
.yp-dugme { display: inline-flex; align-items: center; gap: 15px; color: var(--yp-ana); font-size: 15px; line-height: 1; font-weight: 700; margin-top: 25px; }
.yp-dugme-ok { width: 50px; height: 50px; flex: none; border-radius: 50%; border: 1px solid var(--yp-cizgi); display: inline-flex; align-items: center; justify-content: center; transition: background-color .2s linear, border-color .2s linear, color .2s linear; }
.yp-dugme-ok svg { width: 14px; height: 14px; }
.yp-dugme-yazi { letter-spacing: .14em; transition: letter-spacing .2s linear; position: relative; top: 1px; }
.yp-dugme:hover .yp-dugme-ok { background: var(--yp-ana); border-color: var(--yp-ana); color: #fff; }
.yp-dugme:hover .yp-dugme-yazi { letter-spacing: .18em; }
.yp-dugme-acik { color: #fff; }
.yp-dugme-acik:hover .yp-dugme-ok { background: #fff; border-color: #fff; color: var(--yp-ana); }
.yp-dugme-kucuk { font-size: 15px; }
.yp-yuvarlak { width: 50px; height: 50px; border-radius: 50%; border: 1px solid var(--yp-cizgi); background: #fff; color: var(--yp-ana); display: inline-flex; align-items: center; justify-content: center; transition: background-color .2s, color .2s, border-color .2s; }
.yp-yuvarlak svg { width: 14px; height: 14px; }
.yp-yuvarlak:hover { background: var(--yp-ana); border-color: var(--yp-ana); color: #fff; }
.yp-ters svg { transform: rotate(180deg); }

/* Üst bilgi */
.yp-ust { position: fixed; top: 0; left: 0; right: 0; z-index: 50; background: #fff; transition: box-shadow .3s; }
.yp-ust-ic { height: var(--yp-ust-yuk); display: flex; align-items: center; padding: 0 135px 0 45px; transition: height .3s; }
.yp-ust.is-kucuk { box-shadow: 0 1px 0 rgba(0, 0, 0, .06); }
.yp-ac { width: 26px; height: 26px; position: relative; flex: none; }
.yp-ac span, .yp-ac::before, .yp-ac::after { content: ''; position: absolute; left: 0; height: 2px; background: var(--yp-ana); transition: width .2s; }
.yp-ac::before { top: 6px; width: 26px; }
.yp-ac span { top: 12px; width: 18px; }
.yp-ac::after { top: 18px; width: 22px; }
.yp-ac:hover span, .yp-ac:hover::after { width: 26px; }
.yp-logo { margin-left: 54px; flex: none; }
.yp-logo img { width: 300px; max-height: 63px; object-fit: contain; object-position: left center; transition: width .3s; }
.yp-menu { margin-left: auto; }
.yp-menu > ul { display: flex; }
.yp-menu > ul > li { position: relative; }
.yp-menu > ul > li > a { display: block; padding: 0 24px; color: #333; font-size: 14px; line-height: 18px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.yp-menu > ul > li > a span { display: block; position: relative; padding: 41px 0; transition: padding .3s; }
.yp-menu > ul > li > a span::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--yp-ana); transform: scaleX(0); transform-origin: left; transition: transform .3s; }
.yp-menu > ul > li:hover > a span::before, .yp-menu > ul > li.is-aktif > a span::before { transform: scaleX(1); }
.yp-menu > ul > li.yp-acilir > a span::after { content: ''; position: absolute; left: 1px; bottom: 26px; border: 3px solid transparent; border-top: 4px solid var(--yp-ana); transition: bottom .3s; }
.yp-menu ul ul { position: absolute; top: 100%; left: 0; min-width: 250px; background: #fff; padding: 22px 0; box-shadow: 0 10px 25px rgba(17, 19, 91, .1); opacity: 0; visibility: hidden; transform: translateX(-10px); transition: opacity .25s, transform .25s, visibility .25s; }
.yp-menu li:hover > ul, .yp-menu li:focus-within > ul { opacity: 1; visibility: visible; transform: none; }
.yp-menu ul ul a { display: block; padding: 7px 30px; font-size: 15px; line-height: 1.4; color: #333; transition: color .2s, padding .2s; }
.yp-menu ul ul a:hover, .yp-menu ul ul .is-aktif a { color: var(--yp-ana); padding-left: 36px; }
.yp-diller { margin-left: 72px; display: flex; gap: 20px; }
.yp-diller a { color: #333; font-size: 17px; line-height: 1; transition: color .2s; }
.yp-diller a:hover, .yp-diller a.is-aktif { color: var(--yp-dil); }
@media (min-width: 1025px) {
	.yp-ust.is-kucuk { --yp-ust-yuk: 70px; }
	.yp-ust.is-kucuk .yp-menu > ul > li > a span { padding: 26px 0; }
	.yp-ust.is-kucuk .yp-menu > ul > li.yp-acilir > a span::after { bottom: 12px; }
}
@media (max-width: 1280px) {
	.yp-ust-ic { padding: 0 30px 0 25px; }
	.yp-logo { margin-left: 35px; }
	.yp-logo img { width: 210px; }
	.yp-menu > ul > li > a { padding: 0 14px; }
	.yp-diller { margin-left: 30px; }
}
@media (max-width: 1024px) {
	:root { --yp-ust-yuk: 67px; }
	.yp-ust-ic { padding: 0 25px; }
	.yp-menu, .yp-diller { display: none; }
	.yp-logo { margin-left: 0; order: -1; }
	.yp-logo img { width: 125px; }
	.yp-ac { margin-left: auto; }
}

/* Yan menü */
.yp-yan { position: fixed; inset: 0; z-index: 90; visibility: hidden; transition: visibility .4s; }
.yp-yan.is-acik { visibility: visible; }
.yp-yan-perde { position: absolute; inset: 0; background: rgba(18, 18, 18, .5); opacity: 0; transition: opacity .4s; }
.yp-yan.is-acik .yp-yan-perde { opacity: 1; }
.yp-yan-panel { position: absolute; top: 0; bottom: 0; left: 0; width: 400px; max-width: 88vw; background: var(--yp-koyu); color: #fff; overflow-y: auto; padding: 30px 45px 50px; transform: translateX(-100%); transition: transform .45s cubic-bezier(.2, .7, .2, 1); font-size: 15px; line-height: 1.8; }
.yp-yan.is-acik .yp-yan-panel { transform: none; }
.yp-yan-ust { display: flex; align-items: center; gap: 30px; margin-bottom: 45px; }
.yp-yan-kapat { width: 26px; height: 26px; color: #fff; flex: none; }
.yp-yan-kapat svg { width: 26px; height: 26px; }
.yp-yan-logo { width: 150px; filter: brightness(0) invert(1); }
.yp-yan-menu { display: none; margin-bottom: 30px; }
.yp-yan-menu a, .yp-yan-menu button { display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 10px 0; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: #fff; text-align: left; }
.yp-yan-menu button svg { width: 18px; height: 18px; transition: transform .25s; }
.yp-yan-menu button[aria-expanded="true"] svg { transform: rotate(180deg); }
.yp-yan-menu ul ul { padding: 0 0 10px 15px; }
.yp-yan-menu ul ul a { font-size: 15px; font-weight: 400; text-transform: none; padding: 6px 0; color: rgba(255, 255, 255, .75); }
.yp-yan-menu .is-aktif > a, .yp-yan-menu ul ul a:hover { color: #fff; }
.yp-yan-diller { display: flex; gap: 20px; margin-bottom: 30px; }
.yp-yan-diller a { color: #fff; }
.yp-yan-diller a.is-aktif, .yp-yan-diller a:hover { color: var(--yp-dil); }
.yp-yan-adres { display: flex; flex-direction: column; gap: 4px; margin-bottom: 30px; color: rgba(255, 255, 255, .85); }
.yp-yan-adres span { margin-bottom: 18px; }
@media (max-width: 1024px) { .yp-yan-menu { display: block; } }

/* Sosyal simgeler */
.yp-sosyal { display: flex; gap: 10px; flex-wrap: wrap; }
.yp-sosyal a { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .18); color: #fff; display: inline-flex; align-items: center; justify-content: center; transition: background-color .2s, border-color .2s, color .2s; }
.yp-sosyal a:hover { background: #fff; border-color: #fff; color: var(--yp-koyu); }
.yp-sosyal svg { width: 15px; height: 15px; }
.yp-sosyal-yalin { gap: 22px; }
.yp-sosyal-yalin a { border-color: transparent; width: 30px; height: 30px; }

/* Slider */
.yp-slider { position: relative; height: 740px; background: #222; overflow: hidden; }
.yp-slaytlar, .yp-slayt { position: absolute; inset: 0; }
.yp-slayt { opacity: 0; visibility: hidden; transition: opacity 1s ease, visibility 1s; }
.yp-slayt.is-aktif { opacity: 1; visibility: visible; z-index: 1; }
.yp-slayt-resim { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.yp-slayt::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .3)); }
.yp-slayt-ic { position: relative; z-index: 2; height: 100%; display: flex; align-items: center; }
.yp-slayt-yazi { position: relative; margin-left: 50%; max-width: 540px; color: #fff; padding-bottom: 20px; }
.yp-slayt-no { position: absolute; left: -48px; top: -42px; font-size: 150px; line-height: 1; font-weight: 700; color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, .22); letter-spacing: -.04em; pointer-events: none; z-index: -1; }
.yp-slayt-ust { font-size: 18px; line-height: 1.1; font-weight: 700; letter-spacing: -.02em; margin: 0 0 22px; }
.yp-slayt-baslik { font-size: 60px; line-height: 65px; font-weight: 700; letter-spacing: -.02em; color: #fff; margin: 0 0 25px; }
.yp-slayt-metin { font-size: 17px; line-height: 1.8; max-width: 495px; letter-spacing: -.01em; margin: 0 0 25px; }
.yp-slayt .yp-dugme { margin-top: 20px; }
.yp-js .yp-slayt-yazi > * { opacity: 0; transform: translateX(40px); }
.yp-js .yp-slayt.is-aktif .yp-slayt-yazi > * { opacity: 1; transform: none; transition: opacity .8s ease, transform .8s cubic-bezier(.2, .7, .2, 1); }
.yp-js .yp-slayt.is-aktif .yp-slayt-yazi > :nth-child(2) { transition-delay: .15s; }
.yp-js .yp-slayt.is-aktif .yp-slayt-yazi > :nth-child(3) { transition-delay: .3s; }
.yp-js .yp-slayt.is-aktif .yp-slayt-yazi > :nth-child(4) { transition-delay: .45s; }
.yp-js .yp-slayt.is-aktif .yp-slayt-yazi > :nth-child(5) { transition-delay: .6s; }
.yp-js .yp-slayt.is-aktif .yp-slayt-no { opacity: 1; transition-delay: .1s; }
.yp-slider-noktalar { position: absolute; z-index: 3; left: 45px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 22px; }
.yp-slider-noktalar button { width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, .35); position: relative; transition: background-color .3s; }
.yp-slider-noktalar button::after { content: ''; position: absolute; inset: -7px; border-radius: 50%; border: 1px solid #fff; opacity: 0; transform: scale(.4); transition: opacity .3s, transform .3s; }
.yp-slider-noktalar button.is-aktif { background: #fff; }
.yp-slider-noktalar button.is-aktif::after { opacity: .6; transform: none; }
.yp-asagi { position: absolute; z-index: 3; left: 38px; bottom: 30px; display: flex; flex-direction: column; align-items: center; gap: 16px; color: rgba(255, 255, 255, .55); font-size: 13px; line-height: 1; letter-spacing: .02em; text-transform: uppercase; }
.yp-asagi span { writing-mode: vertical-rl; transform: rotate(180deg); }
.yp-asagi i { width: 2px; height: 70px; background: rgba(255, 255, 255, .35); position: relative; overflow: hidden; }
.yp-asagi i::after { content: ''; position: absolute; left: 0; top: -40%; width: 100%; height: 40%; background: #fff; animation: yp-akis 2.2s ease-in-out infinite; }
@keyframes yp-akis { to { top: 100%; } }
.yp-asagi:hover { color: #fff; }
@media (max-width: 1024px) {
	.yp-slider { height: 519px; }
	.yp-slayt-yazi { margin-left: 25%; }
	.yp-slayt-baslik { font-size: 44px; line-height: 1.12; }
	.yp-asagi, .yp-slider-noktalar { display: none; }
}
@media (max-width: 790px) {
	.yp-slider { height: 470px; }
	.yp-slayt-ic { align-items: flex-start; padding-top: 40px; }
	.yp-slayt-yazi { margin-left: 70px; }
	.yp-slayt-no { display: none; }
	.yp-slayt-ust { margin-bottom: 18px; }
	.yp-slayt-baslik { font-size: 26px; line-height: 1.4; margin-bottom: 18px; }
	.yp-slayt-metin { font-size: 14px; line-height: 1.75; }
	.yp-slayt .yp-dugme { margin-top: 10px; }
}
@media (max-width: 575px) { .yp-slayt-yazi { margin-left: 88px; margin-right: 10px; } }

/* Video + iletişim şeridi */
.yp-serit { position: relative; z-index: 4; background: linear-gradient(to bottom, transparent 91px, var(--yp-gri) 91px); overflow-x: clip; }
.yp-serit-ic { display: flex; margin-top: -91px; position: relative; }
.yp-serit-video { position: relative; width: 288px; height: 162px; flex: none; overflow: hidden; background: #000; }
.yp-serit-video img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.yp-serit-video:hover img { transform: scale(1.06); }
.yp-oynat { position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .8); color: #fff; display: flex; align-items: center; justify-content: center; }
.yp-oynat::before { content: ''; position: absolute; inset: -1px; border-radius: 50%; border: 1px solid #fff; animation: yp-dalga 2s ease-out infinite; }
@keyframes yp-dalga { from { transform: scale(1); opacity: .8; } to { transform: scale(1.6); opacity: 0; } }
.yp-oynat svg { width: 14px; height: 14px; margin-left: 2px; }
.yp-serit-bilgi { flex: 1; position: relative; background: var(--yp-serit); color: #fff; display: flex; align-items: center; gap: 30px; padding: 20px 0 20px 43px; font-size: 15px; line-height: 25px; font-weight: 700; }
.yp-serit-kalem { position: relative; padding-left: 67px; max-width: 290px; display: flex; flex-direction: column; }
.yp-serit-kalem::before { content: ''; position: absolute; left: 0; top: 12px; width: 44px; height: 1px; background: rgba(255, 255, 255, .85); }
.yp-serit-kalem + .yp-serit-kalem { margin-left: 30px; }
.yp-serit-kalem a { transition: opacity .2s; }
.yp-serit-kalem a:hover { opacity: .7; }
.yp-serit-bilgi::after { content: ''; position: absolute; top: 0; bottom: 0; left: 100%; width: 50vw; background: var(--yp-serit); }
.yp-serit-bilgi .yp-sosyal { margin-left: auto; }
@media (max-width: 1024px) {
	.yp-serit { background: var(--yp-serit); }
	.yp-serit-ic { flex-direction: column; margin-top: 0; padding: 0; max-width: none; }
	.yp-serit-bilgi::after { display: none; }
	.yp-serit-video { width: 100%; height: auto; aspect-ratio: 16 / 9; }
	.yp-serit-bilgi { flex-wrap: wrap; padding: 40px 30px; gap: 25px 20px; }
	.yp-serit-kalem { padding-left: 0; max-width: none; flex: 1 1 40%; }
	.yp-serit-kalem::before { display: none; }
	.yp-serit-kalem + .yp-serit-kalem { margin-left: 0; }
	.yp-serit-bilgi .yp-sosyal { margin-left: 0; flex-basis: 100%; }
}

/* Tanıtım + hizmet kutuları */
.yp-tanitim { padding: 130px 0 260px; overflow: hidden; }
.yp-tanitim-desen { position: absolute; left: 0; right: 0; bottom: 0; height: 640px; background: url('../images/desen.png') center bottom / 1678px auto no-repeat; opacity: .55; pointer-events: none; z-index: 0; }
.yp-tanitim-ic { display: grid; grid-template-columns: 390px 1fr; gap: 0 98px; }
.yp-tanitim-yazi p { color: var(--yp-metin); }
.yp-tanitim-yazi .yp-dugme { margin-top: 35px; }
.yp-hizmetler { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px 5px; }
.yp-hizmet { display: flex; align-items: center; color: var(--yp-ana); }
.yp-hizmet-simge { position: relative; width: 199px; height: 199px; flex: none; background: #fff; box-shadow: var(--yp-kutu-golge); display: flex; align-items: center; justify-content: center; padding: 48px; }
.yp-hizmet-simge::before { content: ''; position: absolute; top: 0; left: 50%; width: 2px; height: 0; background: var(--yp-ana); transition: height .25s linear; }
.yp-hizmet-simge img { width: 100%; height: 100%; object-fit: contain; transition: transform .4s ease; }
.yp-hizmet:hover .yp-hizmet-simge::before { height: 20px; }
.yp-hizmet:hover .yp-hizmet-simge img { transform: scale(1.06); }
.yp-hizmet-yazi { margin-left: -30px; position: relative; z-index: 2; display: flex; flex-direction: column; }
.yp-hizmet-no { font-size: 16px; line-height: 1; font-weight: 700; color: var(--yp-ana); }
.yp-hizmet-yazi b { font-size: 26px; line-height: 31px; letter-spacing: -.02em; color: var(--yp-koyu); margin-top: 12px; transition: color .2s linear; }
.yp-hizmet:hover .yp-hizmet-yazi b { color: var(--yp-ana); }
@media (max-width: 1199px) {
	.yp-tanitim { padding: 90px 0 140px; }
	.yp-tanitim-ic { grid-template-columns: 1fr; gap: 60px; }
}
@media (max-width: 767px) {
	.yp-hizmetler { grid-template-columns: 1fr; }
	.yp-hizmet-simge { width: 133px; height: 133px; padding: 40px; }
	.yp-hizmet-yazi b { font-size: 24px; line-height: 1.2; }
	.yp-hizmet-yazi { margin-left: -25px; }
	.yp-bolum-baslik h2 { font-size: 28px; }
}

/* Hakkımızda */
.yp-hakkimizda { background: #fff; padding-bottom: 100px; }
.yp-hakkimizda-ic { display: grid; grid-template-columns: minmax(0, 560px) 1fr; gap: 0 113px; align-items: start; }
.yp-hakkimizda-gorsel { display: block; margin-top: -35px; overflow: hidden; }
.yp-hakkimizda-gorsel img { width: 100%; aspect-ratio: 560 / 500; object-fit: cover; transition: transform .8s ease; }
.yp-hakkimizda-gorsel:hover img { transform: scale(1.04); }
.yp-hakkimizda-yazi { padding: 30px calc(50vw - 585px) 0 0; max-width: calc(607px + 50vw - 585px); }
.yp-hakkimizda-yazi p { color: var(--yp-metin); }
@media (max-width: 1199px) {
	.yp-hakkimizda-ic { grid-template-columns: 1fr; gap: 50px; }
	.yp-hakkimizda-gorsel { margin-top: 0; }
	.yp-hakkimizda-yazi { padding: 0 30px; max-width: none; }
	.yp-hakkimizda-gorsel img { aspect-ratio: 16 / 10; }
}

/* Sayaçlar */
.yp-sayaclar { background: #fff; padding: 46px 0 150px; }
.yp-sayac-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 20px; }
.yp-sayac h3 { font-size: 16px; line-height: 1.1; letter-spacing: -.02em; color: var(--yp-ana); }
.yp-sayac-deger { display: block; color: var(--yp-koyu); font-size: 100px; line-height: 108px; font-weight: 700; letter-spacing: -.06em; margin: 14px 0 16px; font-variant-numeric: tabular-nums; }
.yp-sayac p { max-width: 270px; letter-spacing: -.01em; }
@media (max-width: 767px) {
	.yp-sayaclar { padding: 30px 0 80px; }
	.yp-sayac-izgara { grid-template-columns: 1fr; gap: 10px; }
	.yp-sayac-deger { font-size: 70px; line-height: 1; }
}

/* Uygulama tanıtımı */
.yp-uygulama { padding: 146px 0 0; }
.yp-uygulama-yazi { margin-left: calc(50% - 200px); background: #fff; padding: 98px 135px 100px 313px; position: relative; z-index: 1; }
.yp-uygulama-yazi p { max-width: 450px; font-size: 17px; line-height: 27px; }
.yp-uygulama-telefon { position: absolute; z-index: 2; left: calc(50% - 330px); top: 230px; width: 270px; }
.yp-telefon { width: 100%; height: auto; display: block; filter: drop-shadow(0 25px 40px rgba(17, 19, 91, .18)); }
.yp-telefon-arka { fill: var(--yp-ana); opacity: .85; }
.yp-telefon-govde { fill: #111; }
.yp-telefon-ekran { fill: #eef1f5; }
.yp-telefon-cizgi { fill: #cfd5de; }
.yp-telefon-kart { fill: #fff; }
.yp-telefon-halka { fill: none; stroke: var(--yp-ana); stroke-width: 3; }
.yp-telefon-arti { stroke: var(--yp-ana); stroke-width: 3; stroke-linecap: round; }
.yp-telefon-kutu { fill: #fff; }
.yp-telefon-kutu-koyu { fill: var(--yp-ana); }
.yp-magazalar { display: flex; gap: 12px; flex-wrap: wrap; margin: 10px 0 5px; }
.yp-magazalar a { display: inline-flex; align-items: center; gap: 9px; background: #111; color: #fff; padding: 8px 16px 8px 12px; border-radius: 7px; transition: opacity .2s; }
.yp-magazalar a:hover { opacity: .8; }
.yp-magazalar svg { width: 22px; height: 22px; }
.yp-magazalar span { display: flex; flex-direction: column; font-size: 16px; line-height: 1.1; font-weight: 500; }
.yp-magazalar small { font-size: 9px; letter-spacing: .04em; font-weight: 400; }
@media (max-width: 1199px) {
	.yp-uygulama { padding: 80px 15px; display: flex; flex-direction: column-reverse; gap: 40px; }
	.yp-uygulama-yazi { margin: 0; padding: 50px 30px; }
	.yp-uygulama-telefon { position: static; width: 220px; margin: 0 auto; }
}

/* Blog kartları */
.yp-blog { padding: 146px 0 143px; }
.yp-blog-ust { display: flex; align-items: flex-end; justify-content: space-between; }
.yp-seritok { position: absolute; right: -60px; top: 50%; display: flex; flex-direction: column; gap: 12px; z-index: 3; }
.yp-blog-serit { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 60px) / 3); gap: 30px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 15px 0 20px; margin-top: 12px; cursor: grab; }
.yp-blog-serit::-webkit-scrollbar { display: none; }
.yp-blog-serit.is-surukle { cursor: grabbing; scroll-snap-type: none; }
.yp-blog-serit.is-surukle a { pointer-events: none; }
.yp-blog-kart { position: relative; display: block; aspect-ratio: 370 / 539; overflow: hidden; scroll-snap-align: start; background: #fff; box-shadow: 0 3px 14px rgba(17, 19, 91, .2); }
.yp-blog-kart > img, .yp-blog-bos { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }
.yp-blog-bos { display: flex; align-items: center; justify-content: center; background: var(--yp-gri); }
.yp-blog-bos img { width: 40%; opacity: .5; }
.yp-blog-kart::before, .yp-blog-kart::after { content: ''; position: absolute; inset: 0; transition: opacity .6s ease-in-out; z-index: 1; }
.yp-blog-kart::after { background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .92) 72%, #fff 100%); }
.yp-blog-kart::before { background: linear-gradient(to bottom, rgba(0, 0, 0, .15) 20%, var(--yp-ana-saydam, rgba(18, 18, 18, .88)) 100%); opacity: 0; }
.yp-blog-yazi { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 30px; display: flex; flex-direction: column; transition: padding .6s ease-in-out; }
.yp-blog-tarih { font-size: 16px; line-height: 1.1; font-weight: 700; color: var(--yp-koyu); margin-bottom: 14px; transition: color .4s; }
.yp-blog-yazi b { font-size: 26px; line-height: 1.26; letter-spacing: -.03em; color: var(--yp-koyu); transition: color .4s; }
.yp-blog-kart:hover > img { transform: scale(1.06); }
.yp-blog-kart:hover::after { opacity: 0; }
.yp-blog-kart:hover::before { opacity: 1; }
.yp-blog-kart:hover .yp-blog-tarih, .yp-blog-kart:hover .yp-blog-yazi b { color: #fff; }
.yp-blog-kart:hover .yp-blog-yazi { padding-bottom: 40px; }
.yp-blog .yp-orta .yp-dugme { margin-top: 45px; }
@media (max-width: 1350px) { .yp-seritok { position: static; flex-direction: row-reverse; margin-bottom: 33px; } }
@media (max-width: 1024px) {
	.yp-blog { padding: 90px 0; }
	.yp-blog-serit { grid-auto-columns: calc((100% - 30px) / 2); }
}
@media (max-width: 575px) {
	.yp-blog-serit { grid-auto-columns: 82%; gap: 18px; }
	.yp-blog-yazi b { font-size: 22px; }
}

/* İç sayfa başlığı */
.yp-sayfa-bas { position: relative; z-index: 2; height: 425px; background-color: #ccc; background-position: center top; background-size: cover; background-repeat: no-repeat; }
.yp-sayfa-bas .yp-kap { position: relative; height: 100%; }
.yp-sayfa-kutu { position: absolute; bottom: -40px; left: 15px; min-height: 230px; padding: 50px 0 0 75px; }
.yp-sayfa-kutu::before { content: ''; position: absolute; top: 0; left: 0; width: 271px; height: 268px; background: #d7d9d8; z-index: -1; }
.yp-sayfa-kutu p { margin: 0; color: #111; font-size: 20px; line-height: 1.1; font-weight: 700; letter-spacing: -.025em; }
.yp-sayfa-kutu h1 { color: #fff; font-size: 60px; line-height: 1.2; margin-top: 17px; padding: 16px 16px 28px; background: rgba(215, 217, 216, .5); letter-spacing: -.025em; max-width: calc(100vw - 100px); }
.yp-sayfa-cizgi { display: block; position: relative; height: 2px; margin: -14px 0 0 0; }
.yp-sayfa-cizgi::before, .yp-sayfa-cizgi::after { content: ''; position: absolute; top: 0; height: 2px; background: #fff; }
.yp-sayfa-cizgi::before { left: 2px; width: 32px; }
.yp-sayfa-cizgi::after { left: 42px; width: 61px; opacity: .18; }
@media (max-width: 1024px) {
	.yp-sayfa-kutu h1 { font-size: 40px; }
}
@media (max-width: 575px) {
	.yp-sayfa-bas { height: 325px; }
	.yp-sayfa-kutu { padding: 40px 0 0 25px; min-height: 200px; }
	.yp-sayfa-kutu::before { width: 200px; height: 202px; }
	.yp-sayfa-kutu p { font-size: 17px; }
	.yp-sayfa-kutu h1 { font-size: 28px; padding: 10px 14px 22px; }
}

/* İç sayfa gövdesi */
.yp-sayfa { padding: 140px 0 110px; }
.yp-metin { color: var(--yp-metin); font-size: 17px; line-height: 1.8; overflow-wrap: break-word; }
.yp-metin strong, .yp-metin b { color: #000; }
.yp-metin a { color: var(--yp-ana); text-decoration: underline; text-underline-offset: 3px; }
.yp-metin h2, .yp-metin h3, .yp-metin h4 { margin: 30px 0 15px; }
.yp-metin img { display: inline-block; height: auto !important; }
.yp-metin table { width: 100%; border-collapse: collapse; margin: 20px 0; }
.yp-metin td, .yp-metin th { border: 1px solid #e3e3e3; padding: 8px 12px; }
.yp-metin ul { list-style: disc; padding-left: 22px; margin: 0 0 20px; }
.yp-metin ol { padding-left: 22px; margin: 0 0 20px; }
.yp-metin iframe { max-width: 100%; }

/* Liste: simgeli kutular */
.yp-kutular { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px 0; }
.yp-kutu { position: relative; padding: 50px 40px 45px; transition: background-color .3s, box-shadow .3s; }
.yp-kutu::before { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100px; background: var(--yp-cizgi); }
.yp-kutu:hover { background: #fff; box-shadow: 3px 0 70px rgba(199, 199, 200, .35); }
.yp-kutu-simge { display: block; margin: 0 -40px 20px; }
.yp-kutu-simge img { width: 200px; height: 200px; margin: 0 auto; object-fit: contain; padding: 48px; }
.yp-kutu h2 { font-size: 20px; line-height: 1.2; text-transform: uppercase; letter-spacing: -.02em; margin-bottom: 20px; transition: color .2s; }
.yp-kutu:hover h2 { color: var(--yp-ana); }
.yp-kutu p { font-size: 17px; line-height: 27px; }
.yp-kutu .yp-dugme { margin-top: 15px; }
@media (max-width: 1199px) { .yp-kutular { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .yp-kutular { grid-template-columns: 1fr; } .yp-kutu { padding: 30px 20px; } .yp-kutu-simge { margin: 0 -20px 10px; } }

/* Liste: tarihli yazılar */
.yp-yazilar { border-top: 1px solid #dbdbdb; }
.yp-yazi { display: grid; grid-template-columns: 200px 1fr 270px; gap: 0; padding: 95px 0 115px; border-bottom: 1px solid #dbdbdb; }
.yp-yazi-tarih b { display: block; font-size: 80px; line-height: .9; letter-spacing: -.02em; color: #121212; }
.yp-yazi-tarih span { display: block; max-width: 80px; margin-top: 22px; font-size: 16px; line-height: 20px; font-weight: 700; color: var(--yp-koyu); }
.yp-yazi-govde h2 { font-size: 40px; line-height: 45px; letter-spacing: -.025em; margin-bottom: 33px; }
.yp-yazi-govde h2 a { transition: color .2s; }
.yp-yazi-govde h2 a:hover { color: var(--yp-ana); }
.yp-yazi-govde p { margin: 0; }
.yp-yazi-resim { justify-self: center; overflow: hidden; }
.yp-yazi-resim img { height: 150px; width: auto; transition: transform .6s ease; }
.yp-yazi-resim:hover img { transform: scale(1.06); }
@media (max-width: 1024px) {
	.yp-yazi { grid-template-columns: 140px 1fr; padding: 60px 0; }
	.yp-yazi-resim { grid-column: 2; justify-self: start; margin-top: 25px; }
	.yp-yazi-govde h2 { font-size: 30px; line-height: 1.2; }
}
@media (max-width: 575px) {
	.yp-yazi { grid-template-columns: 1fr; padding: 45px 0; }
	.yp-yazi-tarih { display: flex; align-items: flex-end; gap: 14px; margin-bottom: 20px; }
	.yp-yazi-tarih b { font-size: 56px; }
	.yp-yazi-tarih span { margin: 0; max-width: none; }
	.yp-yazi-resim { grid-column: 1; }
	.yp-yazi-govde h2 { font-size: 26px; margin-bottom: 18px; }
}

/* Liste: görselli kartlar */
.yp-kartlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
@media (max-width: 1024px) { .yp-kartlar { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .yp-kartlar { grid-template-columns: 1fr; } }

/* Sayfalama */
.yp-sayfalama { display: flex; justify-content: center; gap: 10px; margin-top: 60px; }
.yp-sayfalama a { width: 50px; height: 50px; border-radius: 50%; border: 1px solid var(--yp-cizgi); display: flex; align-items: center; justify-content: center; color: var(--yp-koyu); font-size: 16px; font-weight: 700; transition: background-color .2s, color .2s, border-color .2s; }
.yp-sayfalama a:hover, .yp-sayfalama a.is-aktif { background: var(--yp-ana); border-color: var(--yp-ana); color: #fff; }

/* İçerik detayı */
.yp-detay-ust { padding-bottom: 40px; }
.yp-detay-ozet { display: grid; grid-template-columns: 4fr 8fr; gap: 30px; }
.yp-detay-sol h2 { font-size: 40px; line-height: 1.13; letter-spacing: -.025em; padding-right: 20px; }
.yp-detay-simge { display: block; width: 150px; margin-top: 40px; }
.yp-detay-simge img { width: 150px; height: auto; }
.yp-detay-sag { padding-top: 8px; }
.yp-detay-sag p:first-child strong { font-size: 17px; }
.yp-detay-alt { padding: 0 0 110px; }
.yp-detay-kutu { padding: 80px 40px 65px; background: #fff; box-shadow: 3px 0 70px rgba(199, 199, 200, .29); }
.yp-detay-kutu::after { content: ''; display: table; clear: both; }
.yp-detay-resim { float: left; margin: 0 20px 10px 0; max-width: 50%; overflow: hidden; cursor: zoom-in; }
.yp-detay-resim img { transition: transform .8s ease; }
.yp-detay-resim:hover img { transform: scale(1.03); }
.yp-galeri { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
.yp-galeri a { display: block; padding: 16px; cursor: zoom-in; }
.yp-galeri img { width: 100%; height: auto; transition: transform .5s ease, box-shadow .5s ease; }
.yp-galeri a:hover img { transform: scale(1.03); box-shadow: 0 10px 30px rgba(17, 19, 91, .15); }
.yp-galeri-alt { clear: both; padding-top: 30px; }
.yp-galeri-metin { margin-bottom: 30px; }
@media (max-width: 1024px) { .yp-galeri { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) {
	.yp-sayfa { padding: 90px 0 70px; }
	.yp-detay-ozet { grid-template-columns: 1fr; }
	.yp-detay-sol h2 { font-size: 30px; }
	.yp-detay-simge { width: 110px; margin-top: 25px; }
	.yp-detay-kutu { padding: 30px 20px; }
	.yp-detay-resim { float: none; max-width: 100%; margin: 0 0 25px; }
	.yp-galeri { grid-template-columns: repeat(2, 1fr); }
	.yp-galeri a { padding: 8px; }
}

/* Ürünler */
.yp-urunler { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.yp-urun { background: #fff; box-shadow: var(--yp-kutu-golge); display: flex; flex-direction: column; }
.yp-urun-resim { display: block; aspect-ratio: 1 / 1.2; overflow: hidden; background: #fff; }
.yp-urun-resim img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.yp-urun-resim .yp-urun-bos { object-fit: contain; padding: 30%; opacity: .4; }
.yp-urun:hover .yp-urun-resim img { transform: scale(1.05); }
.yp-urun-yazi { padding: 25px 25px 30px; display: flex; flex-direction: column; flex: 1; }
.yp-urun-kod { font-size: 14px; line-height: 1.4; color: var(--yp-metin); }
.yp-urun-kod b { color: var(--yp-koyu); }
.yp-urun-yazi h2 { font-size: 20px; line-height: 1.25; margin: 8px 0 0; }
.yp-urun-yazi h2 a { transition: color .2s; }
.yp-urun-yazi h2 a:hover { color: var(--yp-ana); }
.yp-urun-yazi .yp-dugme { margin-top: auto; padding-top: 20px; }
.yp-urun-detay { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; }
.yp-urun-detay::after { display: none; }
.yp-urun-ana { display: block; cursor: zoom-in; overflow: hidden; }
.yp-urun-ana.yp-urun-bos { cursor: default; background: var(--yp-gri); padding: 25%; }
.yp-urun-ana.yp-urun-bos img { opacity: .5; }
.yp-urun-kucukler { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 10px; }
.yp-urun-kucukler a { cursor: zoom-in; overflow: hidden; }
.yp-urun-kucukler img { aspect-ratio: 1; width: 100%; object-fit: cover; transition: transform .4s; }
.yp-urun-kucukler a:hover img { transform: scale(1.06); }
.yp-urun-bilgi h2 { font-size: 40px; line-height: 1.13; margin-bottom: 15px; }
.yp-urun-bilgi .yp-urun-kod { margin-bottom: 25px; font-size: 16px; }
.yp-urun-aciklama { grid-column: 1 / -1; border-top: 1px solid #e6e6e6; padding-top: 40px; }
@media (max-width: 1199px) { .yp-urunler { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) {
	.yp-urunler { grid-template-columns: repeat(2, 1fr); gap: 15px; }
	.yp-urun-yazi { padding: 15px; }
	.yp-urun-yazi h2 { font-size: 16px; }
	.yp-urun-detay { grid-template-columns: 1fr; gap: 30px; }
	.yp-urun-bilgi h2 { font-size: 28px; }
}

/* İletişim */
.yp-iletisim { padding-top: 150px; }
.yp-iletisim-ic { display: grid; grid-template-columns: 1fr minmax(0, 600px); gap: 40px; max-width: calc(var(--yp-kap) + 30px); margin: 0 auto; padding: 0 15px; align-items: center; }
.yp-iletisim-bilgi p { margin: 0 0 22px; display: flex; flex-direction: column; }
.yp-iletisim-bilgi strong { color: #111; font-size: 15px; line-height: 1.4; font-weight: 700; margin-bottom: 6px; }
.yp-iletisim-bilgi span, .yp-iletisim-bilgi a { color: var(--yp-koyu); font-size: 22px; line-height: 1.3; font-weight: 700; letter-spacing: -.01em; }
.yp-iletisim-bilgi a:hover { color: var(--yp-ana); }
.yp-iletisim-harita { min-height: 420px; background: var(--yp-gri); }
.yp-iletisim-harita iframe { display: block; width: 100%; height: 460px; border: 0; }
.yp-form-kap { margin-top: 100px; }
.yp-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), .yp-form textarea, .yp-form select { width: 100%; border: 1px solid #dcdcdc; background: #fff; padding: 14px 18px; font: inherit; font-size: 16px; color: var(--yp-koyu); border-radius: 0; margin-bottom: 15px; }
.yp-form textarea { min-height: 150px; resize: vertical; }
.yp-form .row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 20px; }
.yp-form .col-12 { grid-column: 1 / -1; }
.yp-form button, .yp-form input[type="submit"] { background: var(--yp-ana); color: #fff; padding: 15px 34px; font-weight: 700; letter-spacing: .14em; border: 0; cursor: pointer; }
@media (max-width: 1024px) {
	.yp-iletisim { padding-top: 100px; }
	.yp-iletisim-ic { grid-template-columns: 1fr; }
	.yp-iletisim-bilgi span, .yp-iletisim-bilgi a { font-size: 19px; }
	.yp-form .row { grid-template-columns: 1fr; }
}

/* Alt bilgi */
.yp-alt { background: var(--yp-koyu); color: #fff; font-size: 15px; line-height: 2; }
.yp-alt-sutunlar { display: grid; grid-template-columns: 600fr 400fr 170fr; gap: 0; padding-top: 105px; padding-bottom: 60px; }
.yp-alt-baslik { color: #fff; font-size: 16px; line-height: 1; padding-bottom: 28px; letter-spacing: 0; }
.yp-alt-iletisim address { display: flex; flex-direction: column; margin-bottom: 15px; }
.yp-alt-adres { margin-bottom: 30px; }
.yp-alt-iletisim a:hover { opacity: .75; }
.yp-alt-liste a { display: inline-block; padding: 4px 0 5px; transition: opacity .2s, padding .2s; }
.yp-alt-liste a:hover { opacity: .75; padding-left: 6px; }
.yp-alt-son { border-top: 1px solid rgba(255, 255, 255, .08); }
.yp-alt-son-ic { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.yp-telif { padding: 32px 0 30px; color: #848484; line-height: 1.6; display: flex; flex-direction: column; }
.yp-telif > span { color: #fff; }
.yp-telif small { font-size: 15px; }
.yp-alt-menu ul { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.yp-alt-menu a { display: block; padding: 31px 15px 30px; color: #c8c8cd; font-weight: 700; line-height: 1.1; transition: color .2s; }
.yp-alt-menu a:hover { color: #fff; }
@media (max-width: 1024px) {
	.yp-alt-sutunlar { grid-template-columns: 1fr; padding-top: 50px; padding-bottom: 30px; }
	.yp-alt-sutun { border-bottom: 1px solid rgba(255, 255, 255, .08); }
	.yp-alt-baslik { padding: 22px 0; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
	.yp-alt-baslik::after { content: ''; width: 9px; height: 9px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); transition: transform .25s; margin-right: 4px; }
	.yp-alt-sutun.is-acik .yp-alt-baslik::after { transform: rotate(-135deg); }
	.yp-js .yp-alt-icerik { display: none; padding-bottom: 25px; }
	.yp-js .yp-alt-sutun.is-acik .yp-alt-icerik { display: block; }
	.yp-alt-son-ic { flex-direction: column; align-items: flex-start; gap: 0; padding-bottom: 90px; }
	.yp-alt-menu ul { justify-content: flex-start; }
	.yp-alt-menu a { padding: 0 20px 14px 0; }
}

/* Yukarı düğmesi */
.yp-yukari { position: fixed; right: 35px; bottom: 99px; z-index: 40; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #b3b1cb; color: #b3b1cb; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s, background-color .2s, color .2s; background: transparent; }
.yp-yukari.is-gorunur { opacity: 1; visibility: visible; }
.yp-yukari:hover { background: var(--yp-ana); border-color: var(--yp-ana); color: #fff; }
.yp-yukari svg { width: 18px; height: 18px; }
@media (max-width: 767px) { .yp-yukari { right: 15px; bottom: 20px; width: 44px; height: 44px; } }

/* Görüntüleyici */
.yp-pencere { width: 100vw; height: 100vh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(12, 12, 16, .94); color: #fff; }
.yp-pencere::backdrop { background: transparent; }
.yp-pencere[open] { display: flex; align-items: center; justify-content: center; animation: yp-solma .3s ease; }
@keyframes yp-solma { from { opacity: 0; } }
.yp-pencere-govde { width: min(1100px, 88vw); display: flex; align-items: center; justify-content: center; }
.yp-pencere-govde img { max-width: 100%; max-height: 86vh; width: auto; }
.yp-pencere-govde .yp-pencere-video { width: 100%; aspect-ratio: 16 / 9; }
.yp-pencere-govde iframe { width: 100%; height: 100%; border: 0; }
.yp-pencere button { position: absolute; color: #fff; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; opacity: .75; transition: opacity .2s; }
.yp-pencere button:hover { opacity: 1; }
.yp-pencere button svg { width: 30px; height: 30px; }
.yp-pencere-kapat { top: 15px; right: 15px; }
.yp-pencere-onceki { left: 10px; top: 50%; margin-top: -24px; }
.yp-pencere-sonraki { right: 10px; top: 50%; margin-top: -24px; }
.yp-pencere.is-tek .yp-pencere-onceki, .yp-pencere.is-tek .yp-pencere-sonraki { display: none; }

/* Kaydırınca belirme */
.yp-js [data-yp-belir] { opacity: 0; transform: translateX(-30px); transition: opacity .9s ease var(--yp-gecikme, 0s), transform .9s cubic-bezier(.2, .7, .2, 1) var(--yp-gecikme, 0s); }
.yp-js [data-yp-belir].is-gorundu { opacity: 1; transform: none; }
.yp-js [data-yp-perde] { clip-path: inset(0 100% 0 0); transition: clip-path 1.1s cubic-bezier(.7, 0, .2, 1); }
.yp-js [data-yp-perde].is-gorundu { clip-path: inset(0 0 0 0); }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
	.yp-js [data-yp-belir], .yp-js .yp-slayt-yazi > * { opacity: 1; transform: none; }
	.yp-js [data-yp-perde] { clip-path: none; }
}