
@font-face {font-family: 'Encode Sans Semi Condensed';src: url(/site_dosyalar/font/font.woff2) format('woff2');font-weight: normal;font-style: normal;font-display: swap}
:root {
	--color_background: #FFFDF8;
	--color_surface: #F2F5F8;
	--color_text : #1F2933;
	--color_mutedText : #5F6B76;
	--color_primaryText : #FFFFFF;
	--color_secondaryText : #101010;
	--color_accentText : #FCFCFC;
	--color_primary: #0071D0;
	--color_primarya: color-mix(in srgb, var(--color_primary, #0071D0) 70%, transparent);
	--color_secondary: #FF7D02;
	--color_secondarya: color-mix(in srgb, var(--color_secondary, #FF7D02) 70%, transparent);
	--color_accent: #354F74;
	--color_accenta: color-mix(in srgb, var(--color_accent, #354F74) 70%, transparent);
}
* {margin:0px; padding:0px; box-sizing:border-box;outline:none}
html,body{width:100%;min-height:100%;}
body{overflow-x:hidden;background-color:var(--color_background);font-family: 'Encode Sans Semi Condensed'; font-size:1em;color:var(--color_text)}
/* font-size-adjust: 0.5; */
::selection {color: var(--color_background);background: var(--color_text)}
::placeholder {color: var(--color_text);opacity: 1}
img {border:none;max-width:100%;height:auto;vertical-align:middle}
a {text-decoration:none;color:var(--color_primary)}
p {padding-bottom:7px;line-height:150%}

.gizli {display:none !important}
.sr-only {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;  clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important}

.renkbir{color:var(--color_primary) !important}
	.renkbirbg {background-color:var(--color_primary) !important}
.renkiki{color:var(--color_secondary) !important}
	.renkikibg {background-color:var(--color_secondary) !important}
.renkuc{color:var(--color_accent) !important}
	.renkucbg {background-color:var(--color_accent) !important}

.ufak{font-size:calc(1em - 0.2vw)}
.kucuk{font-size:calc(1em - 0.1vw)}
.buyuk{font-size:calc(1.1em + 0.3vw)}
.cokbuyuk{font-size:calc(1.1em + 0.7vw)}

.olumlusonuc, .hatalisonuc {padding:15px;line-height:1.4;font-size:1em;border-radius:12px;border:1px solid #d0d5dd;box-shadow:0 1px 2px rgba(16, 24, 40, 0.05), 0 1px 1px rgba(16, 24, 40, 0.03);margin:10px 0}
.olumlusonuc {background:#e4f8eb;border-color:#a0e6ba;color:#166534}
.olumlusonuc a{color:#166534;text-decoration:underline;font-weight:600}
.hatalisonuc {background:#fde8e8 !important;border-color:#f8afaf;color:#991b1b}
.hatalisonuc a{color:#991b1b;text-decoration:underline;font-weight:600}

/* tbl2flx modernize */
.flex-table{display:flex;flex-direction:column;width:100%;box-sizing:border-box}
.flex-row{display:flex;flex-wrap:wrap;align-items:stretch}
.flex-cell{flex:var(--tbl2flex-flex,1 1 0);max-width:var(--tbl2flex-max,none);box-sizing:border-box;min-width:0}
.flex-cell.header{font-weight:600}
@media (max-width:820px){.flex-cell{flex:1 1 50%;/*max-width:50%*/}}
@media (max-width:640px){.flex-cell{flex:1 1 100%;max-width:100%}}

blockquote {position: relative;z-index: 1;margin-bottom: 30px;margin-top: 30px;background-color: #f8f8f8;padding: 30px 30px 35px}
blockquote::before {content: "";position: absolute;top: 0;left: 0;width: 3px;height: 100%;background-color: var(--color_primary)}
blockquote::after {content: "”";color: var(--color_primary);font-size: 100px;line-height: 1px;display: block;position:absolute;bottom:-10px;right:10px}

.hizala{margin-left:auto;margin-right:auto}
.ortala{text-align:center}
ul.none, ol.none{margin:0px;padding:0px;list-style-type:none}
ul,ol{margin-left:25px;padding-left: 25px}

.maxgenislik{width:100%;}
.tamgenislik{width:100%;max-width:1400px;margin:0 auto}
	@media only screen and (max-width: 1400px) {.tamgenislik {padding-left:2.5% !important;padding-right:2.5% !important}}


#imgbekletme{display:none}
body.bekletme{pointer-events:none}
body.bekletme #anacerceve{opacity:0.7}
body.bekletme #imgbekletme{display: block;position: fixed;z-index: 1000;top: 50%;left: 50%;z-index:10000}
.temizle {clear:both;}

@media only screen and (min-width: 640px) {.dskyok {display:none}}
@media only screen and (max-width: 640px) {.mblyok {display:none}}

.soladayali{text-align:left !important}
.sagadayali{text-align:right !important}
.pad{padding:10px}
.nopad{padding:0px}
.mar{margin:10px}
.nomar{margin:0px}
button:disabled, input:disabled, textarea:disabled {opacity: 0.5;filter: grayscale(1);cursor: not-allowed}

#scrollToTopBtn {display: flex;opacity:0;position: fixed;z-index:99999999;bottom: 20px;right: 20px;width: 50px;height: 50px;background-color: var(--color_secondary);color: white;border: none;border-radius: 50%;align-items: center;justify-content: center;cursor: pointer;transition: all 0.5s ease}
#scrollToTopBtn:hover {background-color: var(--color_primary)}
#scrollToTopBtn.show {opacity: 1}
#scrollToTopBtn span {transform: rotate(-90deg);font-size: 45px;position: relative;left: -3px}

#mobilyanlogoalan{display:none;width:100%;text-align:center;margin:7px 0px;}
#logo a img{max-width:300px;height:auto}
#t_mobillogoalan{text-align:center}
#t_logoalan a{display:table;width:100%;}
.txtlogo {font-size: calc(1em + 0.5vw);display: flex;flex-direction: column;justify-content: center}
.txtlogo div:nth-child(1) {font-weight: bold;font-size: 1.5em}

#t_mobillogoalan .txtlogo, #mobilyanlogoalan .txtlogo{font-size:30px;font-size:calc(1em + 1vw)}

#anatasiyici figure {position:relative}
#anatasiyici figure figcaption {position: absolute;bottom: 0.2vw;left: 0.2vw;background-color: #fff;padding: 1%;opacity: 0.5;font-size: 0.8em}

.t_aramaformu {position:relative}
.t_aramaformu .search-term {position: absolute;bottom: 14px;border: none;background: #f9f9f9}

.saklimetin:not(.gosteriliyor) span:after {content: attr(data-before) attr(data-baglam) attr(data-after);display: none}
.saklimetin:hover span:nth-child(1) {display:none}
.saklimetin:not(.gosteriliyor):hover span:after {display: inline-block}


#t_mm #menu-toggle{display:none}
#t_mm .menu-icon{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;cursor:pointer;z-index:999999}
#t_mm .menu-icon span{display:block;height:3px;border-radius:2px;background:#333;transition:transform .3s ease,opacity .5s ease}
#t_mm .menu-overlay{display: block;content: "";position: fixed;z-index:99;top:-100vh;background-color: rgba(0, 0, 0, 0.8);opacity:0;backdrop-filter: blur(4px);transition:opacity .3s ease}
html:has(#t_mm #menu-toggle:checked), body:has(#t_mm #menu-toggle:checked){overflow:hidden}
@media (max-width: 720px) {
		#t_mm:has(#menu-toggle:checked) .menu-overlay{
opacity:1;pointer-events:auto;top: 0;left: 0;right: 0;bottom: 0
	}
	#t_mm .menu-icon {display: flex;position: relative;z-index: 999999}
	#t_mm #menu-toggle:checked + .menu-icon span:nth-child(2) {transform: rotate(45deg) translate(5px, 5px)}
	#t_mm #menu-toggle:checked + .menu-icon span:nth-child(3) {opacity: 0}
	#t_mm #menu-toggle:checked + .menu-icon span:nth-child(4) {transform: rotate(-45deg) translate(6px, -6px)}
	#t_mm nav.t_menu{position:fixed;transition:transform .5s ease;z-index:999998;display:block;overflow-y:auto;overscroll-behavior:contain;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.18);padding:16px 12px}
	#t_mm #menu-toggle:checked ~ nav.t_menu{transform:translate(0,0) scale(1)}
	#t_mm[data-menu="left"] nav.t_menu{top:0;left:0;width: 85%;max-width:320px;height:100vh;transform:translateX(-105%)}
		#t_mm[data-menu="left"] #menu-toggle:checked + .menu-icon {position: fixed;top: 10px;left:280px}
	#t_mm[data-menu="top"] nav.t_menu{top:0;left:0;right:0;width:100vw;transform:translateY(-105%)}
		#t_mm[data-menu="top"] #menu-toggle:checked + .menu-icon {position: fixed;top: 10px;right: 10px}
	#t_mm[data-menu="overlay"] nav.t_menu{top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;transform:scale(0);padding:24px 16px;box-shadow:none}
		#t_mm[data-menu="overlay"] #menu-toggle:checked + .menu-icon {position: fixed;top: 10px;right: 10px}
}

#t_sayfalama {display: flex;gap: 10px;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center}
#t_sayfalama li {display: none}
#t_sayfalama li a {text-decoration: none;font-size: 16px;font-family: sans-serif;font-weight: bold;border: 1px solid var(--color_accent);border-radius: 5px;background-color: var(--color_accent);color:var(--color_background);transition: all 0.5s ease;display:block;width:100%;height:100%;padding: 10px 15px}
#t_sayfalama li:hover a {background-color: var(--color_background);color: var(--color_accent)}
#t_sayfalama a.s_btn{font-size:20px}
#t_sayfalama li:has(a.aktif):before {content:"..."}
#t_sayfalama li:has(a.aktif) {display: inline-block;margin-left:25px;display: flex !important;flex-direction: row;flex-wrap: nowrap;align-items: center;gap: 25px}
#t_sayfalama a.aktif {background-color:var(--color_secondary);border-color: #007bff;color:#fff;pointer-events:none}
#t_sayfalama li:nth-child(-n+4) {display: inline-block}
#t_sayfalama li:nth-last-child(-n+4) {display: inline-block}
#t_sayfalama li:has(a.aktif), #t_sayfalama li:has(a.aktif) + li, #t_sayfalama li:has(a.aktif) + li + li {display: inline-block}
#t_sayfalama li:has(a.aktif) + li + li:after {content:"..."}
#t_sayfalama li:has(a.aktif) + li + li {margin-right:25px;display: flex !important;flex-direction: row;flex-wrap: nowrap;align-items: center;gap: 25px}
#t_sayfalama li:nth-child(-n+3):after, #t_sayfalama li:nth-child(-n+5), #t_sayfalama li:nth-child(-n+5):before, #t_sayfalama li:nth-last-child(-n+3), #t_sayfalama li:nth-last-child(-n+3):before, #t_sayfalama li:nth-last-child(-n+3), #t_sayfalama li:nth-last-child(-n+3):after, 
#t_sayfalama li:first-of-type:before, #t_sayfalama li:last-of-type:before, #t_sayfalama li:first-of-type, #t_sayfalama li:last-of-type {content: "" !important;margin:0 !important;gap:0 !important}
body:has(#resultsList) {height:100vh;overflow:hidden}
@media (max-width: 600px) {#t_sayfalama a {padding: 5px 10px}#t_sayfalama li:has(a.aktif) + li + li {margin-right:7px;gap: 7px}#t_sayfalama li:has(a.aktif) {margin-left:7px;gap: 7px}}

#pgloader{position:fixed;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .2s ease}
#pgloader.loaded{opacity:0;pointer-events:none}


.plt{width:100px;height:100px;border-radius:50%;border:3px solid rgba(0,0,0,.10);border-top-color:var(--color_primary);border-right-color:var(--color_accent);border-bottom-color:var(--color_secondary);animation:spin .75s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

:root {
	--ryu-bg: var(--color_background);
	--ryu-surface: var(--color_surface);
	--ryu-text: var(--color_text);
	--ryu-muted: var(--color_mutedText);
	--ryu-primary: var(--color_primary);
	--ryu-secondary: var(--color_secondary);
	--ryu-accent: var(--color_accent);
	--ryu-dark: #101114;
	--ryu-light: #f6faf9;
	--ryu-line: rgba(16,17,20,.12);
	--ryu-shadow: 0 28px 80px rgba(16,17,20,.14);
	--ryu-radius: 28px;
	--ryu-radius-sm: 16px;
	--ryu-shell: 1320px;
}

body {
	background:
		radial-gradient(circle at 88% 8%, rgba(0,0,0,.06), transparent 24rem),
		radial-gradient(circle at 10% 20%, rgba(91,194,134,.09), transparent 22rem),
		var(--ryu-bg);
}

.ryu-shell {
	width: 100%;
	max-width: var(--ryu-shell);
	margin: 0 auto;
	padding-left: 30px;
	padding-right: 30px;
}

.ryu-page {
	position: relative;
	isolation: isolate;
}

.ryu-section {
	position: relative;
	padding: clamp(64px, 8vw, 132px) 0;
}

.ryu-section + .ryu-section {
	border-top: 1px solid var(--ryu-line);
}

.ryu-section-head {
	margin-bottom: clamp(26px, 4vw, 58px);
}

.ryu-section-head-split {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px;
}

.ryu-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: clamp(.78rem, .84vw, .94rem);
	line-height: 1;
	font-weight: 800;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--ryu-primary);
	padding: 0 0 14px;
}

.ryu-eyebrow::before {
	content: "";
	width: 42px;
	height: 1px;
	background: currentColor;
}

.ryu-section h1,
.ryu-section h2,
.ryu-inner-hero h1,
.ryu-footer-cta h2 {
	font-weight: 900;
	letter-spacing: -.055em;
	line-height: .92;
	text-transform: uppercase;
	color: var(--ryu-text);
}

.ryu-section h2,
.ryu-inner-hero h1 {
	font-size: clamp(2.65rem, 7vw, 7.2rem);
}

.ryu-section h3 {
	font-size: clamp(1.35rem, 2vw, 2.2rem);
	line-height: 1.05;
	letter-spacing: -.035em;
}

.ryu-btn,
.ryu-page a.link,
.ryu-page a.altmenulink,
.ryu-page .t_sonuclink,
.ryu-page .relateddaha a,
.ryu-page input[type="submit"],
.ryu-page button,
.ryu-footer-cta a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 46px;
	padding: 13px 22px;
	border: 1px solid var(--ryu-dark);
	border-radius: 999px;
	background: var(--ryu-dark);
	color: #fff;
	font-size: .9rem;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: .08em;
	transition: transform .35s ease, background-color .35s ease, color .35s ease, border-color .35s ease;
	cursor: pointer;
}

.ryu-btn:hover,
.ryu-page a.link:hover,
.ryu-page a.altmenulink:hover,
.ryu-page .t_sonuclink:hover,
.ryu-page .relateddaha a:hover,
.ryu-page input[type="submit"]:hover,
.ryu-page button:hover,
.ryu-footer-cta a:hover {
	transform: translateY(-3px);
	background: var(--ryu-primary);
	border-color: var(--ryu-primary);
	color: var(--color_primaryText);
}

.ryu-btn-light {
	background: #fff;
	border-color: #fff;
	color: var(--ryu-dark);
}

.ryu-header {
	position: sticky;
	top: 0;
	z-index: 80;
	background: rgba(255,255,255,.86);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	border-bottom: 1px solid rgba(16,17,20,.08);
}

.ryu-header-ic {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	min-height: 86px;
}

.ryu-logo {
	position: relative;
	z-index: 2;
	flex: 0 0 auto;
}

.ryu-logo img,
.ryu-footer-brand img {
	display: block;
	max-height: 54px;
	width: auto;
	object-fit: contain;
}

.ryu-nav {
	flex: 1 1 auto;
	display: flex;
	justify-content: center;
}

.ryu-nav #t_mm,
.ryu-nav .t_menu,
.ryu-footer-menu .t_menu {
	width: 100%;
}

.ryu-nav .t_menu > ul,
.ryu-footer-menu .t_menu > ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(16px, 2.2vw, 38px);
	list-style: none;
}

.ryu-nav .t_menu li,
.ryu-footer-menu .t_menu li {
	position: relative;
	list-style: none;
}

.ryu-nav .t_menu a,
.ryu-footer-menu .t_menu a {
	display: inline-flex;
	align-items: center;
	color: var(--ryu-text);
	font-size: .86rem;
	font-weight: 800;
	letter-spacing: .08em;
	line-height: 1;
	text-transform: uppercase;
	padding: 12px 0;
}

.ryu-nav .t_menu a:hover,
.ryu-footer-menu .t_menu a:hover {
	color: var(--ryu-primary);
}

.ryu-nav .t_menu li ul,
.ryu-footer-menu .t_menu li ul {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%) translateY(12px);
	min-width: 220px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	padding: 12px;
	background: #fff;
	border: 1px solid rgba(16,17,20,.08);
	border-radius: 18px;
	box-shadow: var(--ryu-shadow);
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
}

.ryu-nav .t_menu li:hover > ul,
.ryu-footer-menu .t_menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

.ryu-nav .t_menu li ul a,
.ryu-footer-menu .t_menu li ul a {
	padding: 11px 12px;
	border-radius: 10px;
	white-space: nowrap;
}

.ryu-nav .t_menu li ul a:hover,
.ryu-footer-menu .t_menu li ul a:hover {
	background: var(--ryu-light);
}

.ryu-header-sag {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 14px;
	flex: 0 0 auto;
}

.ryu-mode {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: .78rem;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
	white-space: nowrap;
}

.ryu-mode::before {
	content: "";
	width: 28px;
	height: 28px;
	border: 1px solid currentColor;
	border-radius: 50%;
	background: linear-gradient(90deg, currentColor 0 50%, transparent 50% 100%);
}

.ryu-header .t_dilsecimi ul {
	display: flex;
	align-items: center;
	gap: 6px;
	list-style: none;
}

.ryu-header .t_dilsecimi a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	border: 1px solid var(--ryu-line);
	border-radius: 999px;
	font-size: .78rem;
	font-weight: 800;
	color: var(--ryu-text);
}

.ryu-header .t_aramaformu {
	width: 42px;
	height: 42px;
	overflow: hidden;
	border-radius: 999px;
	background: var(--ryu-dark);
	transition: width .35s ease;
}

.ryu-header .t_aramaformu:focus-within,
.ryu-header .t_aramaformu:hover {
	width: 230px;
}

.ryu-header .t_aramaformu form {
	display: flex;
	align-items: center;
	height: 42px;
}

.ryu-header .t_aramaformu input[type="search"] {
	min-width: 0;
	flex: 1 1 auto;
	border: 0;
	background: transparent;
	color: #fff;
	padding: 0 0 0 16px;
	font-size: .9rem;
}

.ryu-header .t_aramaformu .search-term {
	display: none;
}

.ryu-header .t_aramaformu button {
	min-width: 42px;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff;
}

.ryu-inner-hero {
	position: relative;
	padding: clamp(82px, 10vw, 150px) 0 clamp(46px, 6vw, 86px);
	background:
		linear-gradient(110deg, rgba(255,255,255,.96), rgba(255,255,255,.78)),
		repeating-linear-gradient(130deg, rgba(16,17,20,.08) 0 1px, transparent 1px 22px);
	border-bottom: 1px solid var(--ryu-line);
	overflow: hidden;
}

.ryu-inner-hero::after {
	content: "RYU";
	position: absolute;
	right: -3vw;
	bottom: -2vw;
	font-size: clamp(6rem, 22vw, 20rem);
	font-weight: 900;
	letter-spacing: -.08em;
	line-height: .7;
	color: rgba(16,17,20,.04);
	pointer-events: none;
}

.ryu-inner-hero .ryu-shell {
	position: relative;
	z-index: 1;
}

.ryu-inner-summary {
	max-width: 760px;
	font-size: clamp(1.02rem, 1.4vw, 1.32rem);
	line-height: 1.55;
	color: var(--ryu-muted);
	padding-top: 20px;
}

.ryu-inner-title hgroup,
.ryu-inner-title h1 {
	padding: 0;
}

.ryu-inner-hero .t_sayfayolu {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
	margin-bottom: 26px;
}

.ryu-inner-hero .t_sayfayolu a,
.ryu-inner-hero .t_sayfayolu span {
	font-size: .84rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--ryu-muted);
}

.ryu-card-list > ul,
.ryu-card-list #altmenuler > ul,
.ryu-card-list #t_aramasonuclar > ul,
.ryu-card-list #t_related > ul,
.ryu-card-list .t_sonucListe {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	list-style: none;
}

.ryu-card-list > ul > li,
.ryu-card-list #altmenuler > ul > li,
.ryu-card-list #t_aramasonuclar > ul > li,
.ryu-card-list #t_related > ul > li,
.ryu-card-list .t_sonucListe > li {
	list-style: none;
	flex: 1 1 310px;
	min-width: 0;
}

.ryu-tip-menu > ul > li,
.ryu-card-list .altmenuKart,
.ryu-card-list .t_sonuctasiyici,
.ryu-card-list .t_related {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	padding: 18px;
	border: 1px solid rgba(16,17,20,.09);
	border-radius: var(--ryu-radius);
	background: rgba(255,255,255,.78);
	box-shadow: 0 18px 44px rgba(16,17,20,.07);
	overflow: hidden;
	transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.ryu-tip-menu > ul > li:hover,
.ryu-card-list .altmenuKart:hover,
.ryu-card-list .t_sonuctasiyici:hover,
.ryu-card-list .t_related:hover {
	transform: translateY(-8px);
	box-shadow: var(--ryu-shadow);
	border-color: rgba(16,17,20,.18);
}

.ryu-tip-menu .gorsel,
.ryu-card-list .altmenugorsel,
.ryu-card-list .t_sonucimg,
.ryu-card-list .relatedgorsel,
.ryu-card-list .gorsel {
	position: relative;
	width: 100%;
	aspect-ratio: 1.28;
	border-radius: calc(var(--ryu-radius) - 8px);
	overflow: hidden;
	background: var(--ryu-light);
	margin-bottom: 22px;
}

.ryu-tip-menu .gorsel img,
.ryu-card-list .altmenugorsel img,
.ryu-card-list .t_sonucimg img,
.ryu-card-list .relatedgorsel img,
.ryu-card-list .gorsel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease, filter .5s ease;
}

.ryu-tip-menu > ul > li:hover .gorsel img,
.ryu-card-list .altmenuKart:hover img,
.ryu-card-list .t_sonuctasiyici:hover img,
.ryu-card-list .t_related:hover img {
	transform: scale(1.06);
	filter: saturate(1.08) contrast(1.04);
}

.ryu-tip-menu .baslik,
.ryu-card-list .altmenubaslik,
.ryu-card-list .t_sonucad,
.ryu-card-list .relatedbaslik h3 {
	padding: 0 2px 12px;
	font-size: clamp(1.25rem, 1.8vw, 1.85rem);
	font-weight: 900;
	line-height: 1.05;
	letter-spacing: -.035em;
	color: var(--ryu-text);
}

.ryu-tip-menu .baslik a,
.ryu-card-list .altmenubaslik a,
.ryu-card-list .t_sonucad a,
.ryu-card-list .relatedbaslik a {
	color: inherit;
}

.ryu-tip-menu .aciklama,
.ryu-card-list .altmenuaciklama,
.ryu-card-list .altmenuicerik,
.ryu-card-list .t_sonucaciklama,
.ryu-card-list .relatedaciklama {
	padding: 0 2px 18px;
	color: var(--ryu-muted);
	font-size: .98rem;
	line-height: 1.65;
}

.ryu-tip-menu .tarih,
.ryu-card-list .altmenutarih,
.ryu-card-list .relatedtarih,
.ryu-tip-menu .etiketler,
.ryu-card-list .etiketler {
	position: absolute;
	left: 14px;
	top: 14px;
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
	max-width: calc(100% - 28px);
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(255,255,255,.86);
	font-size: .72rem;
	font-weight: 900;
	line-height: 1;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--ryu-dark);
}

.ryu-page .etiketler,
.ryu-page .hashtags,
#db_sayfaetiketleri,
#db_hashtags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 18px;
}

.ryu-page .etiket,
.ryu-page .hashtag,
#db_sayfaetiketleri a,
#db_hashtags span {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 8px 12px;
	border: 1px solid var(--ryu-line);
	border-radius: 999px;
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--ryu-text);
}

.ryu-rich-content,
.ryu-cms-card,
.ryu-cms-text,
.ryu-form-result,
.ryu-contract-content {
	font-size: clamp(1rem, 1.08vw, 1.12rem);
	line-height: 1.75;
	color: var(--ryu-text);
}

.ryu-rich-content h2,
.ryu-rich-content h3,
.ryu-cms-card h2,
.ryu-cms-card h3,
.ryu-contract-content h2,
.ryu-contract-content h3 {
	font-size: clamp(1.9rem, 3vw, 3.4rem);
	line-height: 1;
	margin: 32px 0 18px;
}

.ryu-rich-content p,
.ryu-cms-card p,
.ryu-cms-text p,
.ryu-contract-content p {
	color: var(--ryu-muted);
}

.ryu-page-visual figure,
#coklugorseller,
#icerikgalerileri,
#icerikklasorleri {
	margin: 34px 0;
}

.ryu-page-visual figure,
.ryu-page-visual .gorselbir,
.ryu-page-visual .gorseliki {
	border-radius: var(--ryu-radius);
	overflow: hidden;
	box-shadow: var(--ryu-shadow);
}

.ryu-page-visual img,
#coklugorseller img,
#icerikgalerileri img {
	width: 100%;
	height: auto;
	display: block;
}

figcaption,
.icerikgalerigorseladi {
	font-size: .84rem;
	color: var(--ryu-muted);
	padding-top: 10px;
}

.ryu-footer {
	background: var(--ryu-dark);
	color: #fff;
	overflow: hidden;
}

.ryu-footer-cta {
	position: relative;
	padding: clamp(58px, 8vw, 120px) 0;
	background:
		radial-gradient(circle at 22% 40%, rgba(91,194,134,.18), transparent 24rem),
		repeating-linear-gradient(135deg, rgba(255,255,255,.07) 0 1px, transparent 1px 18px),
		var(--ryu-dark);
	border-bottom: 1px solid rgba(255,255,255,.1);
}

.ryu-footer-cta-ic {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 34px;
}

.ryu-footer-cta h2 {
	max-width: 880px;
	font-size: clamp(3rem, 8vw, 8.5rem);
	color: #fff;
}

.ryu-footer-cta h2 span {
	display: block;
	font-size: .18em;
	letter-spacing: .2em;
	line-height: 1;
	margin-bottom: 12px;
	color: rgba(255,255,255,.72);
}

.ryu-footer-main {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 44px;
	padding-top: 54px;
	padding-bottom: 54px;
}

.ryu-footer-brand,
.ryu-footer-menu,
.ryu-footer-contact {
	flex: 1 1 0;
	min-width: 0;
}

.ryu-footer-brand p {
	max-width: 420px;
	padding-top: 20px;
	color: rgba(255,255,255,.68);
}

.ryu-footer .t_menu a,
.ryu-footer a {
	color: #fff;
}

.ryu-footer-menu .t_menu > ul {
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	gap: 6px;
}

.ryu-footer-contact {
	font-style: normal;
	display: flex;
	flex-direction: column;
	gap: 18px;
	color: rgba(255,255,255,.78);
}

.ryu-footer-contact .t_telefonlar,
.ryu-footer-contact .t_epostalar,
.ryu-footer-contact .t_sosyalaglar {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.ryu-footer-contact .t_sosyalaglar a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 50%;
	padding: 0 10px;
}

.ryu-alert {
	padding: 28px;
	border-radius: var(--ryu-radius-sm);
	font-weight: 800;
}

.ryu-alert-ok {
	background: rgba(91,194,134,.16);
	border: 1px solid rgba(91,194,134,.34);
}

.ryu-alert-error {
	background: rgba(190,30,45,.12);
	border: 1px solid rgba(190,30,45,.32);
}

.ryu-submitted-data {
	margin-top: 22px;
	padding: 24px;
	border: 1px solid var(--ryu-line);
	border-radius: var(--ryu-radius-sm);
	background: #fff;
}

@media only screen and (max-width: 1180px) {
	.ryu-header-ic {
		gap: 18px;
	}
	.ryu-mode,
	.ryu-header .t_aramaformu {
		display: none;
	}
	.ryu-nav .t_menu > ul {
		gap: 18px;
	}
}

@media only screen and (max-width: 960px) {
	.ryu-shell {
		padding-left: 22px;
		padding-right: 22px;
	}
	.ryu-header {
		position: relative;
	}
	.ryu-header-ic,
	.ryu-section-head-split,
	.ryu-footer-cta-ic,
	.ryu-footer-main {
		flex-direction: column;
		align-items: stretch;
	}
	.ryu-nav {
		justify-content: flex-start;
		width: 100%;
	}
	.ryu-nav .t_menu > ul {
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.ryu-nav .t_menu li ul,
	.ryu-footer-menu .t_menu li ul {
		position: static;
		transform: none;
		opacity: 1;
		visibility: visible;
		box-shadow: none;
		border-radius: 12px;
		margin-top: 4px;
	}
	.ryu-card-list > ul > li,
	.ryu-card-list #altmenuler > ul > li,
	.ryu-card-list #t_aramasonuclar > ul > li,
	.ryu-card-list #t_related > ul > li,
	.ryu-card-list .t_sonucListe > li {
		flex-basis: 44%;
	}
}

@media only screen and (max-width: 640px) {
	.ryu-section {
		padding: 56px 0;
	}
	.ryu-header-ic {
		min-height: auto;
		padding-top: 18px;
		padding-bottom: 18px;
	}
	.ryu-header-sag {
		justify-content: flex-start;
	}
	.ryu-card-list > ul > li,
	.ryu-card-list #altmenuler > ul > li,
	.ryu-card-list #t_aramasonuclar > ul > li,
	.ryu-card-list #t_related > ul > li,
	.ryu-card-list .t_sonucListe > li {
		flex-basis: 100%;
	}
	.ryu-footer-cta h2 {
		font-size: clamp(2.7rem, 16vw, 4.8rem);
	}
}

/* MODULER */
.ryu-content-layout {
	display: flex;
	align-items: flex-start;
	gap: clamp(32px, 5vw, 70px);
}

.ryu-content-main {
	flex: 1 1 auto;
	min-width: 0;
}

.ryu-content-aside {
	position: sticky;
	top: 112px;
	flex: 0 0 360px;
	min-width: 0;
	padding: 22px;
	border: 1px solid var(--ryu-line);
	border-radius: var(--ryu-radius);
	background: rgba(255,255,255,.78);
	box-shadow: 0 18px 42px rgba(16,17,20,.06);
}

.ryu-content-aside #altmenuler,
.ryu-content-aside #t_related {
	margin-top: 20px;
}

.ryu-content-aside #altmenuler > ul,
.ryu-related-section #t_related > ul,
.ryu-group-list #altmenuler > ul {
	display: flex;
	flex-direction: column;
	gap: 16px;
	list-style: none;
}

.ryu-related-section #t_related > ul,
.ryu-group-list #altmenuler > ul {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 24px;
}

.ryu-related-section #t_related > ul > li,
.ryu-group-list #altmenuler > ul > li {
	flex: 1 1 310px;
	list-style: none;
}

.ryu-content-aside .altmenuKart {
	padding: 14px;
	border-radius: 18px;
	box-shadow: none;
}

.ryu-content-aside .altmenugorsel {
	aspect-ratio: 1.6;
	margin-bottom: 14px;
}

#icerikgalerileri .galeritasiyici {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	list-style: none;
}

#icerikgalerileri .galeritasiyici > li {
	flex: 1 1 280px;
	list-style: none;
}

#icerikgalerileri .icerikgalerigorseli {
	border-radius: var(--ryu-radius-sm);
	overflow: hidden;
	background: var(--ryu-light);
}

#icerikklasorleri .none {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	list-style: none;
}

#icerikklasorleri li {
	flex: 1 1 260px;
	list-style: none;
}

.icerikgaleridosyasi {
	padding: 18px;
	border: 1px solid var(--ryu-line);
	border-radius: var(--ryu-radius-sm);
	background: #fff;
}

#t_altmenusayfalama,
#t_grupmenusayfalama {
	margin-top: 26px;
}

#t_sayfalama {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	list-style: none;
}

#t_sayfalama li {
	list-style: none;
}

#t_sayfalama .s_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	border: 1px solid var(--ryu-line);
	border-radius: 50%;
	color: var(--ryu-text);
	font-weight: 800;
}

#t_sayfalama .s_btn.aktif,
#t_sayfalama .s_btn:hover {
	background: var(--ryu-dark);
	color: #fff;
}

.urunsel,
.relatedurunsel,
.t_sonucub {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 0 0 16px;
}

.urunsel > div,
.relatedurunsel > div,
.t_sonucub > div {
	display: inline-flex;
	align-items: center;
	padding: 7px 10px;
	border: 1px solid var(--ryu-line);
	border-radius: 999px;
	font-size: .78rem;
	font-weight: 800;
	color: var(--ryu-muted);
}

@media only screen and (max-width: 1020px) {
	.ryu-content-layout {
		flex-direction: column;
	}
	.ryu-content-aside {
		position: static;
		width: 100%;
		flex-basis: auto;
	}
}
