/*
Theme Name: YOYA
Theme URI: https://www.yoyaagency.com
Author: YOYA Creative & Digital House
Description: YOYA Creative & Digital House için özel tema. Twenty Twenty-Five alt teması; renkler, fontlar ve düzen marka kitinden gelir.
Template: twentytwentyfive
Version: 1.0.3
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: yoya
*/

/* ---------- Temel ---------- */
:root {
	--yoya-g: clamp(16px, 4vw, 56px);
	--yoya-line: color-mix(in srgb, var(--wp--preset--color--grafit) 22%, transparent);
}
html { -webkit-text-size-adjust: 100%; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; }
::selection { background: var(--wp--preset--color--buz-mavisi); color: var(--wp--preset--color--grafit); }
a { text-underline-offset: .2em; text-decoration-thickness: 1px; }
:where(.wp-site-blocks) > * { margin-block-start: 0; }
.wp-site-blocks { padding: 0 !important; }
main { margin-block-start: 0 !important; }

/* Kenar boşluğu: tüm bölümler aynı yatay boşlukta */
.yoya-pad { padding-left: var(--yoya-g) !important; padding-right: var(--yoya-g) !important; }
.wp-block-post-content > .yoya-pad { margin-top: 0 !important; margin-bottom: 0 !important; }

/* Etiket: küçük, aralıklı, çizgili */
.yoya-label {
	font-size: 12px !important;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0;
}
.yoya-label::after {
	content: "";
	height: 1px;
	flex: 0 1 160px;
	background: currentColor;
	opacity: .35;
}

/* ---------- Üst alan ---------- */
.yoya-header-wrap {
	position: sticky;
	top: 0;
	z-index: 50;
}
/* Buzlu cam efekti ayrı katmanda: backdrop-filter üst şeridin kendisinde olursa mobil menü (position: fixed) şeridin içine hapsolur. */
.yoya-header-wrap::before {
	content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
	background: color-mix(in srgb, var(--wp--preset--color--sis) 92%, transparent);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	transition: background-color .35s ease;
}
.admin-bar .yoya-header-wrap { top: var(--wp-admin--admin-bar--height, 32px); }
.yoya-header { padding: 20px var(--yoya-g) !important; gap: 24px; margin: 0 !important; }
.yoya-logo { display: block; color: var(--wp--preset--color--bordo); line-height: 0; }
.yoya-logo svg { width: clamp(96px, 9vw, 132px); height: auto; display: block; }
.yoya-logo:hover { color: var(--wp--preset--color--sinyal-bordo); }

.yoya-nav { font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; gap: clamp(16px, 2.6vw, 40px) !important; }
.yoya-nav a { text-decoration: none; }
.yoya-nav .wp-block-navigation-item__content { padding: 4px 0; position: relative; }
.yoya-nav .wp-block-navigation-item__content::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 1px;
	background: var(--wp--preset--color--sinyal-bordo); transform: scaleX(0); transform-origin: left; transition: transform .25s ease;
}
.yoya-nav .wp-block-navigation-item__content:hover::after,
.yoya-nav .current-menu-item .wp-block-navigation-item__content::after { transform: scaleX(1); }
.yoya-nav .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--grafit) !important; color: var(--wp--preset--color--sis) !important; padding: var(--yoya-g);
}
.yoya-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--anton); font-size: 44px; letter-spacing: 0; line-height: 1.08; font-weight: 400; color: var(--wp--preset--color--sis);
}

/* ---------- Dev başlıklar ---------- */
.yoya-giant {
	font-family: var(--wp--preset--font-family--anton) !important;
	font-weight: 400;
	text-transform: uppercase;
	color: var(--wp--preset--color--buz-mavisi);
	font-size: clamp(56px, 12vw, 236px);
	line-height: .92 !important;
	letter-spacing: -.005em;
	white-space: nowrap;
	margin: 12px 0 0;
	padding-top: .14em;
}
.yoya-giant--bordo { color: var(--wp--preset--color--bordo); }
.yoya-giant--grafit { color: var(--wp--preset--color--grafit); }

/* ---------- Bölümler ---------- */
.yoya-section { padding-top: var(--wp--preset--spacing--60) !important; padding-bottom: var(--wp--preset--spacing--60) !important; }
.yoya-section > * { max-width: none; }

/* Hero */
.yoya-hero { padding-top: clamp(32px, 6vw, 96px) !important; padding-bottom: var(--wp--preset--spacing--60) !important; }
.yoya-hero-cols { gap: clamp(32px, 6vw, 96px) !important; align-items: center !important; margin: 0 !important; }
.yoya-hero-cols > .wp-block-column:first-child { flex: 1 1 56% !important; }
.yoya-hero-cols > .wp-block-column:last-child { flex: 1 1 40% !important; }
.yoya-hero h1 {
	font-family: var(--wp--preset--font-family--instrument-sans) !important;
	text-transform: none;
	font-weight: 600;
	font-stretch: 84%;
	letter-spacing: -.03em;
	line-height: 1.02;
	font-size: clamp(38px, 4.8vw, 76px) !important;
	margin: 28px 0 0;
}
.yoya-hero h1 strong { color: var(--wp--preset--color--bordo); font-weight: 600; }
.yoya-lead { max-width: 56ch; color: var(--wp--preset--color--grafit); }
.yoya-lead p { margin: 0 0 1em; }
.yoya-accent { color: var(--wp--preset--color--bordo); font-weight: 600; }
.yoya-brush { margin: 0 !important; }
.yoya-brush { display: flex; justify-content: flex-end; }
.yoya-brush img { width: auto; max-width: 100%; height: auto; max-height: calc(100svh - 200px); min-height: 280px; display: block; object-fit: contain; }

/* Bordo noktalı bağlantılar */
.yoya-dotlinks { gap: 32px !important; margin-top: 36px !important; }
.yoya-dotlinks .wp-block-button__link {
	background: transparent !important; color: var(--wp--preset--color--grafit) !important; padding: 0 !important;
	font-size: 13px; letter-spacing: .14em; display: inline-flex; align-items: center; gap: 10px;
	border-bottom: 1px solid transparent; border-radius: 0;
}
.yoya-dotlinks .wp-block-button__link::before {
	content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--wp--preset--color--sinyal-bordo); flex: none;
}
.yoya-dotlinks .is-style-outline .wp-block-button__link::before { background: transparent; box-shadow: inset 0 0 0 1.5px var(--wp--preset--color--grafit); }
.yoya-dotlinks .wp-block-button__link:hover { border-bottom-color: currentColor; color: var(--wp--preset--color--sinyal-bordo) !important; }
.yoya-dotlinks .is-style-outline .wp-block-button__link { border: 0; border-bottom: 1px solid transparent; }

/* All in one house */
.yoya-house { background: var(--wp--preset--color--soguk-gri); }
.yoya-house-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; margin-top: 40px !important; align-items: end; }
.yoya-house-intro p { margin: 0; max-width: 46ch; }
.yoya-services {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: clamp(24px, 3vw, 48px);
	row-gap: 0;
	margin-top: var(--wp--preset--spacing--50) !important;
}
.yoya-service {
	border-top: 1px solid var(--wp--preset--color--grafit);
	padding: 18px 0 40px !important;
	margin: 0 !important;
	display: grid !important;
	grid-template-columns: auto 1fr;
	column-gap: 18px;
	align-items: start;
}
.yoya-service .yoya-num {
	font-family: var(--wp--preset--font-family--anton);
	color: var(--wp--preset--color--bordo);
	font-size: clamp(40px, 4vw, 60px) !important;
	line-height: .9;
	margin: 0;
	min-width: 1.15em;
}
.yoya-service h3 {
	font-family: var(--wp--preset--font-family--instrument-sans) !important;
	font-weight: 600;
	font-size: 15px !important;
	letter-spacing: .08em;
	line-height: 1.35;
	margin: 6px 0 0;
}
.yoya-service h3 a { text-decoration: none; }
.yoya-service h3 a::after { content: " →"; color: var(--wp--preset--color--sinyal-bordo); opacity: 0; transition: opacity .2s; }
.yoya-service:hover h3 a::after { opacity: 1; }

/* Koyu sahne: marka hikâyesi */
.yoya-dark { background: var(--wp--preset--color--grafit); color: var(--wp--preset--color--sis); }
.yoya-dark a { color: var(--wp--preset--color--sis); }
.yoya-dark .yoya-label { color: var(--wp--preset--color--celik); }
.yoya-statement {
	font-family: var(--wp--preset--font-family--instrument-sans);
	font-weight: 600; font-stretch: 84%; letter-spacing: -.03em; line-height: 1.04;
	font-size: clamp(34px, 5.4vw, 88px) !important;
	margin: 36px 0 0 !important;
	max-width: 18ch;
}
.yoya-statement .yoya-dot { color: var(--wp--preset--color--sinyal-bordo); }
.yoya-dark-cols { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; margin-top: 56px !important; align-items: end; }
.yoya-dark-cols p { margin: 0; max-width: 46ch; color: color-mix(in srgb, var(--wp--preset--color--sis) 78%, transparent); }
.yoya-dark .yoya-dotlinks .wp-block-button__link { color: var(--wp--preset--color--sis) !important; }

/* Seçili iş */
.yoya-work-head { display: flex !important; justify-content: space-between; align-items: end; gap: 24px; flex-wrap: wrap; margin-top: 28px !important; }
.yoya-work-meta { font-size: 15px; color: var(--wp--preset--color--celik); margin: 0 0 12px; text-align: right; }
.yoya-work-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 6px;
	margin-top: 32px !important;
}
.yoya-work-grid > * {
	margin: 0 !important; aspect-ratio: 4 / 5; background: var(--wp--preset--color--soguk-gri);
	display: flex !important; flex-direction: column; justify-content: space-between; padding: 18px !important;
}
.yoya-work-grid > *:nth-child(2) { background: var(--wp--preset--color--sinyal-bordo); color: var(--wp--preset--color--sis); }
.yoya-work-grid p { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.yoya-work-grid .yoya-cell-title { font-family: var(--wp--preset--font-family--anton); font-size: clamp(28px, 3vw, 44px); letter-spacing: 0; font-weight: 400; line-height: 1.08; }

/* İletişim çağrısı */
.yoya-cta { padding-bottom: var(--wp--preset--spacing--50) !important; }
.yoya-cta-row { display: flex !important; justify-content: space-between; align-items: end; gap: 24px; flex-wrap: wrap; margin-top: 28px !important; }
.yoya-cta-row p { margin: 0; }
.yoya-big-link {
	font-weight: 600; font-stretch: 84%; letter-spacing: -.02em; line-height: 1.1;
	font-size: clamp(26px, 3.2vw, 48px) !important;
}
.yoya-big-link a { text-decoration: none; border-bottom: 2px solid var(--wp--preset--color--sinyal-bordo); }

/* ---------- Alt alan ---------- */
.yoya-footer { background: var(--wp--preset--color--grafit); color: var(--wp--preset--color--sis); padding: var(--wp--preset--spacing--50) var(--yoya-g) 28px !important; margin-top: 0 !important; }
.yoya-footer a { color: var(--wp--preset--color--sis); text-decoration: none; }
.yoya-footer a:hover { color: var(--wp--preset--color--buz-mavisi); }
.yoya-footer-logo { color: var(--wp--preset--color--sis); line-height: 0; margin: 0; }
.yoya-footer-logo svg { width: min(100%, 760px); height: auto; display: block; }
.yoya-footer-cols { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 32px; margin-top: 64px; font-size: 15px; }
.yoya-footer-cols h4 { font-family: var(--wp--preset--font-family--instrument-sans); font-size: 12px; font-weight: 600; letter-spacing: .14em; color: var(--wp--preset--color--celik); margin: 0 0 14px; line-height: 1.4; }
.yoya-footer-cols ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.yoya-footer-cols p { margin: 0; max-width: 34ch; color: color-mix(in srgb, var(--wp--preset--color--sis) 78%, transparent); }
.yoya-footer-bottom { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 72px; padding-top: 20px; border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--sis) 18%, transparent); font-size: 13px; color: var(--wp--preset--color--celik); }
.yoya-sign { font-weight: 600; font-stretch: 84%; color: var(--wp--preset--color--sis); }
.yoya-sign::after { content: ""; display: inline-block; width: .42em; height: .42em; border-radius: 50%; background: var(--wp--preset--color--sinyal-bordo); margin-left: .12em; }

/* ---------- İç sayfalar ---------- */
.yoya-page-head { padding-top: clamp(32px, 6vw, 96px) !important; padding-bottom: clamp(24px, 4vw, 56px) !important; }
.yoya-page-head .wp-block-post-title { margin: 20px 0 0; }
.yoya-page-body { padding-bottom: var(--wp--preset--spacing--60) !important; }


/* ---------- Duyarlı ---------- */
@media (max-width: 1080px) {
	.yoya-services { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.yoya-footer-cols { grid-template-columns: 1fr 1fr; }
	.yoya-work-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 781px) {
	.yoya-hero-cols { flex-direction: column-reverse; }
	.yoya-hero-cols > .wp-block-column:last-child { max-width: 360px; align-self: flex-start; }
	.yoya-house-intro, .yoya-dark-cols { grid-template-columns: 1fr; }
	.yoya-services { grid-template-columns: 1fr; }
	.yoya-service { padding-bottom: 24px !important; }
	.yoya-work-meta { text-align: left; }
	.yoya-giant { font-size: clamp(40px, 12vw, 120px); }
	.yoya-label::after { display: none; }
	.yoya-footer-logo .yoya-lockup-note { display: none; }
}
@media (max-width: 520px) {
	.yoya-footer-cols { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; }
}


/* ---------- Açılış: logo dağılması ---------- */
.yoya-intro { position: relative; height: 140svh; margin-bottom: -50svh; z-index: 0; pointer-events: none; }
.yoya-intro-stage { position: sticky; top: 0; height: 100svh; display: flex; align-items: center; justify-content: center; padding: 0 var(--yoya-g); color: var(--wp--preset--color--bordo); }
.yoya-intro-stage svg { width: min(100%, 1320px); height: auto; overflow: visible; display: block; }
.yoya-intro-stage svg path, .yoya-intro-stage svg text { transform-box: fill-box; transform-origin: center; will-change: transform, opacity; }
.yoya-intro-hint { position: absolute; left: 50%; bottom: clamp(20px, 4svh, 40px); transform: translateX(-50%); margin: 0; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--celik); display: flex; flex-direction: column; align-items: center; gap: 10px; }
.yoya-intro-hint::after { content: ""; width: 1px; height: 36px; background: currentColor; opacity: .5; }
.yoya-intro + main, .yoya-intro ~ main { position: relative; z-index: 1; }
.yoya-logo { transition: opacity .35s ease; }
body.yoya-intro-on .yoya-logo { opacity: 0; }
body.yoya-intro-on .yoya-header-wrap::before { background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }
.yoya-header-wrap { transition: background-color .35s ease; }
@media (prefers-reduced-motion: reduce) { .yoya-intro { display: none; } }

/* ---------- Kayan referans şeridi ---------- */
.yoya-refs { padding-bottom: var(--wp--preset--spacing--50) !important; overflow: hidden; }
.yoya-marquee { display: flex !important; flex-wrap: nowrap; gap: 0; margin: 40px calc(-1 * var(--yoya-g)) 0 !important; border-top: 1px solid var(--wp--preset--color--grafit); border-bottom: 1px solid var(--wp--preset--color--grafit); overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.yoya-marquee-track { display: flex; flex: none; align-items: center; animation: yoya-marquee var(--yoya-marquee-speed, 60s) linear infinite; }
.yoya-marquee:hover .yoya-marquee-track { animation-play-state: paused; }
.yoya-marquee .yoya-ref, .yoya-marquee figure { flex: none; margin: 0 !important; padding: 34px clamp(28px, 4vw, 56px); display: flex; align-items: center; position: relative; }
.yoya-marquee .yoya-ref { font-family: var(--wp--preset--font-family--anton); font-size: clamp(30px, 3.6vw, 56px) !important; line-height: 1.08; color: var(--wp--preset--color--grafit); white-space: nowrap; }
.yoya-marquee .yoya-ref::after, .yoya-marquee figure::after { content: "+"; position: absolute; right: -.35em; font-family: var(--wp--preset--font-family--instrument-sans); font-weight: 300; font-size: 28px; color: var(--wp--preset--color--buz-mavisi); }
.yoya-marquee figure img { height: clamp(28px, 3.4vw, 52px); width: auto; filter: grayscale(1); opacity: .85; transition: filter .3s, opacity .3s; }
.yoya-marquee figure:hover img { filter: none; opacity: 1; }
@keyframes yoya-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .yoya-marquee-track { animation: none; } .yoya-marquee { overflow-x: auto; } }

/* ---------- Referanslar sayfası ---------- */
.yoya-brand-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 32px !important; border-top: 1px solid var(--wp--preset--color--grafit); }
.yoya-brand-grid > * { margin: 0 !important; padding: 26px 0 !important; border-bottom: 1px solid var(--yoya-line); font-family: var(--wp--preset--font-family--anton); font-size: clamp(24px, 2.4vw, 36px) !important; line-height: 1.08; display: flex; align-items: center; min-height: 96px; }
.yoya-brand-grid figure img { max-height: 44px; width: auto; filter: grayscale(1); }
.yoya-case { margin-top: var(--wp--preset--spacing--60) !important; padding-top: 24px; border-top: 1px solid var(--wp--preset--color--grafit); }
.yoya-case-head { display: flex !important; justify-content: space-between; align-items: end; gap: 24px; flex-wrap: wrap; }
.yoya-case-meta { color: var(--wp--preset--color--celik); margin: 0 0 12px; font-size: 15px; }
.yoya-stats { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 3vw, 48px); margin-top: 40px !important; }
.yoya-stat { margin: 0 !important; }
.yoya-stat .yoya-stat-num { font-family: var(--wp--preset--font-family--anton); color: var(--wp--preset--color--bordo); font-size: clamp(48px, 7vw, 112px) !important; line-height: 1; margin: 0; }
.yoya-stat .yoya-stat-label { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; margin: 12px 0 0; }
.yoya-note { color: var(--wp--preset--color--celik); font-size: 14px; }
@media (max-width: 781px) { .yoya-brand-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .yoya-stats { grid-template-columns: 1fr; } }

.yoya-case-label { margin-top: var(--wp--preset--spacing--60) !important; }
.yoya-brand-grid > * { padding-right: 16px !important; }
.yoya-case-label + .yoya-case { margin-top: 24px !important; }


/* ---------- İç sayfa bileşenleri ---------- */
.yoya-page-body .wp-block-post-content > :is(p, h2:not(.yoya-giant), h3, ul, ol) { max-width: 760px; }
.yoya-intro-p { font-size: clamp(19px, 1.7vw, 24px) !important; line-height: 1.45; max-width: 46ch !important; margin-top: 20px !important; }
.yoya-gap { margin-top: var(--wp--preset--spacing--60) !important; }
.yoya-page-cta { margin-top: var(--wp--preset--spacing--60) !important; padding-top: 24px; border-top: 1px solid var(--wp--preset--color--grafit); }
.yoya-legal-h, .yoya-sub-h { font-family: var(--wp--preset--font-family--instrument-sans) !important; text-transform: none !important; font-weight: 600; font-size: 20px !important; letter-spacing: -.01em; margin: 40px 0 8px !important; }

/* Hizmetler */
.yoya-svc { display: grid !important; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(24px, 4vw, 72px); padding: 40px 0 56px !important; margin: 0 !important; border-top: 1px solid var(--wp--preset--color--grafit); scroll-margin-top: 110px; }
.yoya-intro-p + .yoya-svc { margin-top: var(--wp--preset--spacing--50) !important; }
.yoya-svc-head { position: sticky; top: 110px; align-self: start; }
.yoya-svc-head .yoya-num { font-family: var(--wp--preset--font-family--anton); color: var(--wp--preset--color--bordo); font-size: clamp(40px, 4vw, 60px) !important; line-height: 1; margin: 0; }
.yoya-svc-title { font-size: clamp(36px, 4.6vw, 76px) !important; line-height: 1.08 !important; margin: 14px 0 0 !important; padding-top: .08em; }
.yoya-svc-sub { font-weight: 600; font-stretch: 84%; letter-spacing: -.02em; line-height: 1.15; font-size: clamp(24px, 2.4vw, 34px) !important; margin: 0 0 16px !important; color: var(--wp--preset--color--grafit); }
.yoya-svc-body > p { max-width: 58ch; }
.yoya-svc-items { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(20px, 3vw, 40px); margin-top: 28px !important; }
.yoya-svc-item { border-top: 1px solid var(--yoya-line); padding: 16px 0 20px !important; margin: 0 !important; }
.yoya-svc-item h3 { font-family: var(--wp--preset--font-family--instrument-sans) !important; font-weight: 600; font-size: 14px !important; letter-spacing: .08em; line-height: 1.35; margin: 0 0 6px !important; }
.yoya-svc-item p { margin: 0; font-size: 15px; color: color-mix(in srgb, var(--wp--preset--color--grafit) 82%, transparent); }

/* Hakkında */
.yoya-statement--light { color: var(--wp--preset--color--grafit); max-width: 20ch; }
.yoya-story { display: block !important; column-count: 2; column-gap: clamp(24px, 4vw, 64px); margin-top: 48px !important; }
.yoya-story p { break-inside: avoid; }
.yoya-story p { margin: 0 0 1em; }
.yoya-story .yoya-accent { grid-column: 1 / -1; font-size: 20px; }
.yoya-principles { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 3vw, 48px); margin-top: 28px !important; }
.yoya-principle { border-top: 1px solid var(--wp--preset--color--grafit); padding-top: 18px !important; margin: 0 !important; }
.yoya-principle .yoya-num { font-family: var(--wp--preset--font-family--anton); color: var(--wp--preset--color--bordo); font-size: 44px !important; line-height: 1; margin: 0 0 14px; }
.yoya-principle h3 { font-family: var(--wp--preset--font-family--instrument-sans) !important; font-weight: 600; font-size: 15px !important; letter-spacing: .08em; margin: 0 0 8px !important; }
.yoya-principle p { margin: 0; }
.yoya-team-head { margin-top: var(--wp--preset--spacing--60) !important; scroll-margin-top: 110px; }
.yoya-team-intro { max-width: 46ch; margin-top: 16px !important; }
.yoya-team { display: grid !important; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(16px, 2vw, 32px); margin-top: 40px !important; align-items: end; }
.yoya-partners { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 32px); margin: 0 !important; }
.yoya-person { margin: 0 !important; }
.yoya-person-photo { aspect-ratio: 4 / 5; background: var(--wp--preset--color--soguk-gri); display: flex !important; align-items: flex-end; padding: 16px !important; margin: 0 0 14px !important; overflow: hidden; }
.yoya-person-initials { font-family: var(--wp--preset--font-family--anton); color: var(--wp--preset--color--buz-mavisi); font-size: clamp(56px, 7vw, 120px) !important; line-height: .9; margin: 0; }
.yoya-person--lead .yoya-person-initials { font-size: clamp(80px, 11vw, 200px) !important; }
.yoya-person-role { font-size: 12px !important; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--celik); margin: 0 0 4px !important; }
.yoya-person-name { font-size: clamp(22px, 2vw, 32px) !important; margin: 0 !important; padding-top: .08em; }
.yoya-person--lead .yoya-person-name { font-size: clamp(28px, 3vw, 48px) !important; }
.yoya-person-detail { display: grid !important; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(24px, 4vw, 72px); margin-top: 32px !important; }

/* İletişim */
.yoya-contact-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 3vw, 48px); margin-top: 32px !important; }
.yoya-contact-item { border-top: 1px solid var(--wp--preset--color--grafit); padding-top: 16px !important; margin: 0 !important; }
.yoya-contact-k { font-size: 12px !important; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--celik); margin: 0 0 8px !important; }
.yoya-contact-item .yoya-big-link { margin: 0; }

@media (max-width: 900px) {
	.yoya-story { column-count: 1; }
	.yoya-svc { grid-template-columns: 1fr; }
	.yoya-svc-head { position: static; }
	.yoya-principles, .yoya-contact-grid, .yoya-person-detail { grid-template-columns: 1fr; }
	.yoya-team { grid-template-columns: 1fr; }
	.yoya-partners { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) { .yoya-svc-items { grid-template-columns: 1fr; } }


/* ---------- İletişim formu ---------- */
.yoya-form-section { margin-top: var(--wp--preset--spacing--60) !important; padding-top: 24px; border-top: 1px solid var(--wp--preset--color--grafit); max-width: none !important; }
.yoya-form-wrap { margin-top: 32px; scroll-margin-top: 110px; }
.yoya-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px clamp(16px, 2.4vw, 32px); max-width: 980px; }
.yoya-field { display: flex; flex-direction: column; gap: 8px; }
.yoya-field--full { grid-column: 1 / -1; }
.yoya-field > label { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--celik); }
.yoya-form input[type=text], .yoya-form input[type=email], .yoya-form select, .yoya-form textarea {
	font: inherit; font-size: 17px; color: var(--wp--preset--color--grafit); background: transparent;
	border: 0; border-bottom: 1px solid var(--wp--preset--color--grafit); border-radius: 0; padding: 10px 0; width: 100%; appearance: none; -webkit-appearance: none;
}
.yoya-form select { background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); background-position: calc(100% - 12px) 55%, calc(100% - 7px) 55%; background-size: 5px 5px; background-repeat: no-repeat; }
.yoya-form textarea { resize: vertical; min-height: 140px; }
.yoya-form :is(input, select, textarea):focus { outline: none; border-bottom-color: var(--wp--preset--color--sinyal-bordo); box-shadow: 0 1px 0 var(--wp--preset--color--sinyal-bordo); }
.yoya-check label { display: flex; gap: 12px; align-items: flex-start; font-size: 14px; line-height: 1.5; text-transform: none; letter-spacing: 0; font-weight: 400; color: var(--wp--preset--color--grafit); }
.yoya-check input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--wp--preset--color--bordo); flex: none; }
.yoya-submit { font: inherit; font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; background: var(--wp--preset--color--grafit); color: var(--wp--preset--color--sis); border: 0; padding: 18px 32px; cursor: pointer; display: inline-flex; align-items: center; gap: 12px; }
.yoya-submit::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--wp--preset--color--sinyal-bordo); }
.yoya-submit:hover { background: var(--wp--preset--color--sinyal-bordo); }
.yoya-submit:hover::before { background: var(--wp--preset--color--sis); }
.yoya-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.yoya-form-ok { border-left: 3px solid var(--wp--preset--color--sinyal-bordo); padding: 8px 0 8px 20px; max-width: 640px; }
.yoya-form-ok-title { font-weight: 600; font-stretch: 84%; font-size: clamp(26px, 2.6vw, 36px); letter-spacing: -.02em; margin: 0 0 6px; }
.yoya-form-err { color: var(--wp--preset--color--sinyal-bordo); font-weight: 600; }
@media (max-width: 640px) { .yoya-form { grid-template-columns: 1fr; } }

/* ---------- Çerez onayı ---------- */
.yoya-consent { position: fixed; left: var(--yoya-g); right: var(--yoya-g); bottom: 16px; z-index: 100; background: var(--wp--preset--color--grafit); color: var(--wp--preset--color--sis); padding: 18px 20px; display: flex; gap: 20px; align-items: center; justify-content: space-between; flex-wrap: wrap; max-width: 880px; margin: 0 auto; font-size: 14px; }
.yoya-consent[hidden] { display: none; }
.yoya-consent p { margin: 0; flex: 1 1 320px; }
.yoya-consent a { color: var(--wp--preset--color--buz-mavisi); }
.yoya-consent-btns { display: flex; gap: 10px; }
.yoya-consent button { font: inherit; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; padding: 12px 18px; border: 1px solid var(--wp--preset--color--sis); background: transparent; color: var(--wp--preset--color--sis); cursor: pointer; }
.yoya-consent button.is-primary { background: var(--wp--preset--color--sis); color: var(--wp--preset--color--grafit); }

.yoya-submit { align-self: flex-start; }


/* ---------- İletişim: seçim ve talent formu ---------- */
.yoya-switch { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2vw, 32px); margin-top: var(--wp--preset--spacing--50) !important; max-width: none !important; }
.yoya-switch-item { margin: 0 !important; }
.yoya-switch-item a { display: flex; flex-direction: column; gap: 6px; padding: 22px 24px; background: var(--wp--preset--color--soguk-gri); text-decoration: none; font-family: var(--wp--preset--font-family--anton); font-size: clamp(26px, 3vw, 44px); line-height: 1.08; text-transform: uppercase; color: var(--wp--preset--color--grafit); transition: background .2s, color .2s; }
.yoya-switch-item a span { font-size: .55em; color: var(--wp--preset--color--bordo); }
.yoya-switch-item a em { font-style: normal; font-family: var(--wp--preset--font-family--instrument-sans); font-size: 12px; font-weight: 600; letter-spacing: .14em; color: var(--wp--preset--color--celik); }
.yoya-switch-item a:hover { background: var(--wp--preset--color--grafit); color: var(--wp--preset--color--sis); }
.yoya-switch-item a:hover span, .yoya-switch-item a:hover em { color: var(--wp--preset--color--buz-mavisi); }
.yoya-form-section { scroll-margin-top: 100px; }
.yoya-form-title { font-size: clamp(44px, 6vw, 96px) !important; line-height: 1.04 !important; margin: 14px 0 0 !important; padding-top: .08em; color: var(--wp--preset--color--buz-mavisi); }
.yoya-form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.yoya-form legend { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--celik); padding: 0; margin-bottom: 12px; }
.yoya-form legend span { text-transform: none; letter-spacing: 0; font-weight: 400; margin-left: 8px; }
.yoya-platforms { gap: 0 !important; }
.yoya-platform { display: grid; grid-template-columns: 120px minmax(0, 1fr) 200px; gap: 16px; align-items: end; padding: 6px 0; }
.yoya-platform-name { font-family: var(--wp--preset--font-family--anton); font-size: 24px; line-height: 1.08; text-transform: uppercase; padding-bottom: 10px; }
.yoya-form input[type=url], .yoya-form input[type=tel] { font: inherit; font-size: 17px; color: var(--wp--preset--color--grafit); background: transparent; border: 0; border-bottom: 1px solid var(--wp--preset--color--grafit); border-radius: 0; padding: 10px 0; width: 100%; }
.yoya-form input[type=url]:focus, .yoya-form input[type=tel]:focus { outline: none; border-bottom-color: var(--wp--preset--color--sinyal-bordo); box-shadow: 0 1px 0 var(--wp--preset--color--sinyal-bordo); }
.yoya-form ::placeholder { color: color-mix(in srgb, var(--wp--preset--color--celik) 70%, transparent); }
.yoya-chips { flex-direction: row !important; flex-wrap: wrap; gap: 8px !important; }
.yoya-chips legend { width: 100%; }
.yoya-chip { position: relative; cursor: pointer; }
.yoya-chip input { position: absolute; opacity: 0; pointer-events: none; }
.yoya-chip span { display: inline-block; padding: 9px 14px; border: 1px solid var(--wp--preset--color--grafit); font-size: 14px; transition: background .15s, color .15s; }
.yoya-chip input:checked + span { background: var(--wp--preset--color--grafit); color: var(--wp--preset--color--sis); }
.yoya-chip input:focus-visible + span { outline: 2px solid var(--wp--preset--color--sinyal-bordo); outline-offset: 2px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 700px) {
	.yoya-switch { grid-template-columns: 1fr; }
	.yoya-platform { grid-template-columns: 1fr; gap: 4px; padding: 10px 0; }
	.yoya-platform-name { padding-bottom: 0; }
}

.yoya-chips > label.yoya-chip { text-transform: none; letter-spacing: 0; font-weight: 400; font-size: 14px; color: var(--wp--preset--color--grafit); }


/* ---------- Referans logoları (sunumdan) ---------- */
.yoya-marquee figure.yoya-logo img, .yoya-logo-grid .yoya-logo img { height: calc(clamp(30px, 3.4vw, 50px) * var(--s, 1)); max-width: none; width: auto; display: block; filter: brightness(0); opacity: .78; transition: filter .3s, opacity .3s; }
.yoya-marquee figure.yoya-logo:hover img, .yoya-logo-grid .yoya-logo:hover img { filter: none; opacity: 1; }
.yoya-marquee figure.yoya-logo { min-height: clamp(110px, 10vw, 150px); }
.yoya-logo-word span { font-family: var(--wp--preset--font-family--instrument-sans); font-weight: 600; font-size: clamp(15px, 1.4vw, 20px); letter-spacing: .32em; line-height: 1.3; color: var(--wp--preset--color--grafit); opacity: .82; white-space: nowrap; transition: color .3s, opacity .3s; }
.yoya-logo-word:hover span { color: var(--wp--preset--color--bordo); opacity: 1; }
.yoya-logo-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 32px !important; border-top: 1px solid var(--wp--preset--color--grafit); border-left: 1px solid var(--yoya-line); }
.yoya-logo-grid > .yoya-logo { margin: 0 !important; display: flex; align-items: center; justify-content: center; min-height: clamp(130px, 12vw, 180px); padding: 24px 20px; border-right: 1px solid var(--yoya-line); border-bottom: 1px solid var(--yoya-line); }
.yoya-logo-grid .yoya-logo img { height: calc(clamp(28px, 3vw, 46px) * var(--s, 1)); max-width: 100%; object-fit: contain; }
.yoya-brand-more { margin-top: 28px !important; font-size: 15px !important; color: var(--wp--preset--color--celik); max-width: 760px; }
.yoya-brand-more strong { color: var(--wp--preset--color--grafit); font-weight: 600; }
@media (max-width: 781px) {
  .yoya-logo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yoya-logo-grid > .yoya-logo { min-height: 116px; padding: 18px 12px; }
  .yoya-logo-grid .yoya-logo img { height: calc(26px * var(--s, 1)); }
  .yoya-logo-word span { letter-spacing: .22em; font-size: 13px; white-space: normal; text-align: center; }
  .yoya-marquee figure.yoya-logo img { height: calc(28px * var(--s, 1)); }
}

.yoya-logo-grid > .yoya-logo:last-child:nth-child(4n+1) { grid-column: 1 / -1; min-height: 110px; }
@media (max-width: 781px) { .yoya-logo-grid > .yoya-logo:last-child:nth-child(odd) { grid-column: 1 / -1; min-height: 96px; } }

@media (max-width: 781px) { .yoya-marquee figure.yoya-logo img { height: calc(36px * var(--s, 1)); } .yoya-logo-grid .yoya-logo img { height: calc(32px * var(--s, 1)); max-width: 88%; } }


/* ---------- Mobil UX iyileştirmeleri ---------- */
.yoya-svc, #ekip, #talent, #form { scroll-margin-top: 84px; }
.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }
.wp-block-navigation__responsive-container-open { margin-right: -10px; }
.wp-block-navigation__responsive-container-open svg, .wp-block-navigation__responsive-container-close svg { width: 28px; height: 28px; }
a:focus:not(:focus-visible), button:focus:not(:focus-visible) { outline: none; }
.yoya-svc-index { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; margin: 8px 0 0 !important; border-top: 1px solid var(--wp--preset--color--grafit); }
.yoya-svc-index a { display: flex; align-items: baseline; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--yoya-line); text-decoration: none; font-size: 13px; font-weight: 600; letter-spacing: .12em; color: var(--wp--preset--color--grafit); transition: color .2s; }
.yoya-svc-index a span { font-family: var(--wp--preset--font-family--anton); font-size: 18px; letter-spacing: 0; color: var(--wp--preset--color--bordo); min-width: 26px; }
.yoya-svc-index a:hover { color: var(--wp--preset--color--sinyal-bordo); }
@media (max-width: 781px) {
  .yoya-svc-index { grid-template-columns: 1fr; }
  .yoya-svc-index a { min-height: 48px; padding: 12px 0; align-items: center; }
  .yoya-service { position: relative; }
  .yoya-service h3 a::after { content: ""; position: absolute; inset: 0; }
  .wp-block-button__link { min-height: 44px; display: inline-flex !important; align-items: center; }
  .yoya-footer li a, .yoya-footer p a { display: inline-block; padding: 8px 0; }
  .yoya-marquee .yoya-ref, .yoya-marquee figure { padding: 22px 24px; }
  .yoya-marquee figure.yoya-logo { min-height: 104px; }
  .yoya-case .yoya-case-head .yoya-giant { font-size: clamp(80px, 30vw, 124px) !important; }
  .yoya-stats { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .yoya-stats > .yoya-stat { margin: 0 !important; }
  .yoya-stat-num { font-size: clamp(30px, 9vw, 40px) !important; }
  .yoya-stat-label { font-size: 11px !important; letter-spacing: .08em !important; }
  .wp-block-navigation__responsive-container.is-menu-open { padding: 20px 24px 32px !important; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items: stretch !important; padding-top: 56px !important; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: stretch !important; width: 100%; gap: 0 !important; border-top: 1px solid rgba(244,245,248,.18); }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { width: 100%; border-bottom: 1px solid rgba(244,245,248,.18); }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { display: block; width: 100%; padding: 14px 0 !important; font-size: clamp(40px, 13vw, 56px) !important; text-align: left; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--buz-mavisi) !important; }
}

.yoya-svc-index { margin-top: 32px !important; }
.yoya-svc-index a { box-sizing: border-box; }
@media (max-width: 781px) { .yoya-svc-index a { min-height: 52px; padding: 10px 0; } }

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible { outline: none; color: var(--wp--preset--color--buz-mavisi) !important; }


/* ---------- Referans: tam genişlik logo hücresi ---------- */
.yoya-logo-grid > .yoya-logo-wide { grid-column: 1 / -1; }

/* ---------- Ekip: fotoğraflı kartlar (21 Ekim 2026; hover özgeçmiş şimdilik kapalı) ---------- */
.yoya-team { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; align-items: start !important; }
.yoya-partners { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; row-gap: clamp(24px, 2.6vw, 40px) !important; }
.yoya-person-photo { position: relative; padding: 0 !important; aspect-ratio: 1 / 1; display: block !important; background: var(--wp--preset--color--soguk-gri); overflow: hidden; }
.yoya-person--lead .yoya-person-photo { aspect-ratio: 4 / 5; }
.yoya-person-photo > .yoya-person-img { margin: 0 !important; position: absolute; inset: 0; }
.yoya-person-photo > .yoya-person-img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; display: block; }
.yoya-person-role { margin-top: 14px !important; }
@media (max-width: 781px) {
	.yoya-team { grid-template-columns: 1fr !important; }
	.yoya-partners { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; row-gap: 28px !important; }
	.yoya-person-name { font-size: clamp(18px, 5vw, 26px) !important; }
}

/* ---------- Ana sayfa: Bize ulaşın üst boşluğu ---------- */
.yoya-cta { padding-top: clamp(40px, 5vw, 64px) !important; }

/* ---------- İletişim ikonları ---------- */
:root { --yoya-ico-mail: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'5'%20width%3D'18'%20height%3D'14'%20rx%3D'1.5'%2F%3E%3Cpath%20d%3D'M3.5%206l8.5%207%208.5-7'%2F%3E%3C%2Fsvg%3E"); --yoya-ico-ig: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3.5'%20y%3D'3.5'%20width%3D'17'%20height%3D'17'%20rx%3D'4.5'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'4'%2F%3E%3Ccircle%20cx%3D'17.2'%20cy%3D'6.8'%20r%3D'.6'%20fill%3D'black'%20stroke%3D'none'%2F%3E%3C%2Fsvg%3E"); --yoya-ico-pin: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%2021s-6.5-5.6-6.5-11a6.5%206.5%200%200%201%2013%200C18.5%2015.4%2012%2021%2012%2021z'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'10'%20r%3D'2.4'%2F%3E%3C%2Fsvg%3E"); }
.yoya-big-link a[href^="mailto:"], .yoya-big-link a[href*="instagram.com"], .yoya-big-link.yoya-loc,
.yoya-footer-cols a[href^="mailto:"], .yoya-footer-cols a[href*="instagram.com"], .yoya-footer-cols .yoya-loc { display: inline-flex; align-items: center; gap: .42em; }
.yoya-big-link a[href^="mailto:"]::before, .yoya-big-link a[href*="instagram.com"]::before, .yoya-big-link.yoya-loc::before,
.yoya-footer-cols a[href^="mailto:"]::before, .yoya-footer-cols a[href*="instagram.com"]::before, .yoya-footer-cols .yoya-loc::before {
	content: ""; flex: none; width: .82em; height: .82em; background-color: currentColor;
	-webkit-mask: var(--yoya-ico-mail) center / contain no-repeat; mask: var(--yoya-ico-mail) center / contain no-repeat;
}
.yoya-footer-cols a[href^="mailto:"]::before, .yoya-footer-cols a[href*="instagram.com"]::before, .yoya-footer-cols .yoya-loc::before { width: 1.05em; height: 1.05em; }
.yoya-big-link a[href*="instagram.com"]::before, .yoya-footer-cols a[href*="instagram.com"]::before { -webkit-mask-image: var(--yoya-ico-ig); mask-image: var(--yoya-ico-ig); }
.yoya-big-link.yoya-loc::before, .yoya-footer-cols .yoya-loc::before { -webkit-mask-image: var(--yoya-ico-pin); mask-image: var(--yoya-ico-pin); }

.yoya-contact-grid { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr); }
.yoya-contact-grid .yoya-big-link { font-size: clamp(22px, 2.6vw, 40px) !important; }
@media (max-width: 781px) { .yoya-contact-grid { grid-template-columns: 1fr; } }

/* Mobil menü: açıkken tam ekran, kendi içinde kayar */
.wp-block-navigation__responsive-container.is-menu-open { position: fixed !important; inset: 0 !important; width: auto !important; height: auto !important; max-width: none; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }