/* Plastik Poşet Üretimi — mobil uygulama görünümü (900px altı). Diğer tüm stillerden sonra yüklenir.
   Alt sekme çubuğu, ince uygulama başlığı, kart gibi gruplanmış menü paneli, yuvarlak köşeli kartlar ve düğmeler,
   dokunma geri bildirimi ve sayfalar arası yumuşak geçiş. Masaüstü görünümüne dokunmaz. */

.pg-sekme{display:none}

@media(max-width:899px){
	:root{--sekme-h:calc(62px + env(safe-area-inset-bottom));--kose:16px;--kose-k:12px}
	html{-webkit-text-size-adjust:100%}
	body{padding-bottom:var(--sekme-h)}

	/* Alt sekme çubuğu */
	.pg-sekme{position:fixed;left:0;right:0;bottom:0;z-index:41;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;padding:5px max(6px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(37,59,50,.07)}
	.pg-sekme-oge{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;padding:0 2px;font-size:11px;font-weight:600;line-height:1.1;letter-spacing:.01em;color:var(--muted);text-align:center;transition:color .2s}
	.pg-sekme-oge span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.pg-sekme-oge:before{content:'';position:absolute;top:3px;left:50%;width:58px;height:30px;margin-left:-29px;border-radius:15px;background:var(--sage);opacity:0;transform:scaleX(.5);transition:opacity .2s,transform .3s cubic-bezier(.2,.7,.2,1)}
	.pg-sekme-oge svg{position:relative;width:24px;height:24px;margin-top:2px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
	.pg-sekme-oge:active svg{transform:scale(.88)}
	.pg-sekme-oge.pg-aktif,.pg-sekme-oge.pg-acan{color:var(--ink)}
	.pg-sekme-oge.pg-aktif:before,.pg-sekme-oge.pg-acan:before{opacity:1;transform:none}
	.pg-sekme-oge.pg-aktif svg path,.pg-sekme-oge.pg-aktif svg circle{stroke:var(--accent)}
	/* Panel açıkken yalnız onu açan sekme vurgulu. */
	html.ppu-menu-acik .pg-sekme-oge.pg-aktif:not(.pg-acan){color:var(--muted)}
	html.ppu-menu-acik .pg-sekme-oge.pg-aktif:not(.pg-acan):before{opacity:0;transform:scaleX(.5)}
	html.ppu-menu-acik .pg-sekme-oge.pg-aktif:not(.pg-acan) svg *{stroke:currentColor}
	.pg-sekme-oge:focus-visible{outline-offset:-3px;border-radius:14px}
	/* Dar telefonda etiketler sığsın diye yazı biraz küçülür. */
	@media(max-width:400px){.pg-sekme{gap:0;padding-inline:max(2px,env(safe-area-inset-left))}.pg-sekme-oge{font-size:10.5px;letter-spacing:-.01em;padding:0}.pg-sekme-oge:before{width:52px;margin-left:-26px}}
	/* Tablette sekmeler ortada toplanır. */
	@media(min-width:600px){.pg-sekme{padding-inline:calc((100% - 560px) / 2)}}
	@media(max-width:340px){.pg-sekme-oge{font-size:10px;letter-spacing:-.02em}}

	/* Uygulama başlığı: ince proje şeridi, alçak başlık; menü düğmesi alt çubuğa taşındı. */
	.project-bar{min-height:30px;padding-block:5px;font-size:10.5px}
	.project-bar .bar-logo{height:12px}
	.header{height:60px}
	body.hr-kucuk .header{height:56px;margin-bottom:6px}
	.wordmark{font-size:16px;gap:9px}
	.wordmark svg{width:23px}
	.header .menu-button,.header .menu-button[aria-expanded]{display:none}
	.header:has(.ppu-wa-ust) .ppu-wa-ust{margin-inline:0 -10px}
	/* Başlıkta TR | EN anahtarı: dil her sayfada tek dokunuşla değişir. */
	.header .ppu-dil-ust{display:block;flex:none;margin:0 0 0 auto}
	.header .ppu-dil-ust ul{padding:3px;gap:2px;background:var(--sage);border-radius:var(--kose-k)}
	.header .ppu-dil-ust li+li:before{content:none}
	.header .ppu-dil-ust .ppu-dil-oge{min-width:40px;min-height:34px;padding:0 8px;border-radius:9px;font-size:12px;letter-spacing:.04em;text-decoration:none}
	.header .ppu-dil-ust .ppu-dil-gecerli{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(37,59,50,.12)}
	@media(max-width:340px){.header .ppu-dil-ust .ppu-dil-oge{min-width:34px;padding:0 5px}.wordmark{font-size:15px}}

	/* Menü paneli: başlık ile sekme çubuğu arasında; arama, dil seçimi ve gruplanmış bölümler. */
	.js .mobile-menu{bottom:var(--sekme-h);padding:16px 16px 24px;background:var(--paper)}
	.js .mobile-menu:not([hidden]){animation:mb-panel .32s cubic-bezier(.2,.7,.2,1)}
	.mobile-menu .pg-m-arama{display:flex;gap:8px;padding:0 0 12px;border:0;--i:0}
	.mobile-menu .pg-m-arama input{flex:1;min-width:0;height:48px;padding:0 14px 0 42px;border:1px solid var(--line);border-radius:var(--kose-k);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%236b746a' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='5.5'/%3E%3Cpath d='m12.2 12.2 4 4'/%3E%3C/svg%3E") no-repeat 14px 50%;font-size:16px}
	.mobile-menu .pg-m-arama button{height:48px;padding:0 18px;border-radius:var(--kose-k)}
	.ppu-dil-mobil ul{padding:4px;gap:4px;background:var(--sage);border-radius:var(--kose-k)}
	.mobile-menu .ppu-dil-mobil .ppu-dil-oge{min-height:40px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:600}
	.mobile-menu .ppu-dil-mobil .ppu-dil-gecerli{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(37,59,50,.12)}
	.pg-m-grup{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:var(--kose);overflow:hidden}
	.pg-m-oge{border-top:1px solid var(--line)}
	.pg-m-oge:first-child{border-top:0}
	.pg-m-satir{padding-right:6px}
	.pg-m-satir a{gap:12px;min-height:56px;padding:4px 0 4px 16px;font-size:18px;letter-spacing:-.01em}
	.pg-m-no{min-width:20px;font-size:11px}
	.pg-m-dugme{width:44px;height:44px}
	.pg-m-dugme span:before,.pg-m-dugme span:after{left:15px;right:15px;top:21px}
	.pg-m-alt{padding:0 16px 10px 48px}
	.pg-m-alt a{min-height:44px;font-size:15px}
	.pg-m-alt-bolum{padding-top:16px}
	.mobile-menu a.pg-m-cta,.mobile-menu a.pg-m-wa{min-height:50px;border-radius:var(--kose-k)}

	/* Kartlar, görsel çerçeveleri ve düğmeler: yuvarlak köşeler. */
	.button,.pg-m-cta,.pg-arsiv .page-numbers,.ana-wa-baglanti,.material-tabs button,.pg-chip,.pg-harfler a,.pg-harfler span,.ana .ana-marka-alan-rol{border-radius:var(--kose-k)}
	.hero-art,.material-visual,.contact-inner,.pg-kiyas-kart,.pg-yan-kutu,.pg-icindekiler,.pg-terim-kutu,.pg-adimlar,.pg-ed-gorsel,.pg-poset-gorsel,.pg-harita ol,.pg-adim-liste a,.pg-ilgili-liste a,.ana .pg-yazi-kart,.ana-kare-pencere,.ana-marka-alan-cerceve,.ana-gd-cerceve,.ana-kapanis-ic,.ana-marka>a,.ana-kapanis-markalar a{border-radius:var(--kose)}
	.ana-marka-alan-img,.ana-gd-img,.pg-ed-yazi .entry img,.ana-video iframe,.ana-video video,.ana-video .wp-video{border-radius:var(--kose-k)}

	/* Dokunma geri bildirimi: dokunmatik ekranda üzerine gelme kayması yerine hafif basılma. */
	@media(hover:none){
		.button:hover{transform:none}
		.button,.pg-yazi-kart,.pg-kiyas-kart,.pg-poset-kart,.pg-terim-kutu,.pg-adim-liste a,.pg-ilgili-liste a{transition:transform .15s cubic-bezier(.2,.7,.2,1),background .2s}
		.button:active,.pg-yazi-kart:active,.pg-kiyas-kart:active,.pg-poset-kart:active,.pg-terim-kutu:active,.pg-adim-liste a:active,.pg-ilgili-liste a:active{transform:scale(.98)}
	}
}

/* Sayfalar arası geçiş (destekleyen tarayıcılarda): içerik yumuşakça gelir; başlık ve sekme çubuğu yerinde kalır. */
@media(max-width:899px) and (prefers-reduced-motion:no-preference){
	@view-transition{navigation:auto}
	.pg-sekme{view-transition-name:pg-sekme}
	.project-bar{view-transition-name:pg-serit}
	::view-transition-old(root){animation:mb-cik .16s ease-out both}
	::view-transition-new(root){animation:mb-gir .3s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes mb-panel{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes mb-cik{to{opacity:0}}
@keyframes mb-gir{from{opacity:0;transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){
	.pg-sekme-oge:before,.pg-sekme-oge svg{transition:none}
	.js .mobile-menu:not([hidden]){animation:none!important}
}
@media print{.pg-sekme{display:none}body{padding-bottom:0}}