/*
 @ davetiyem.com.tr — mobil ve tablet görünüm (v2, 2026-10-27, Prodestek)
 @ Yalnız ≤1009px'te yüklenir (head.php: media="(max-width: 1009px)"); masaüstü (≥1010px) hiç etkilenmez.
 @ Mevcut HTML üzerine katman: sabit genişlikli float düzen → tek sütun, kart ızgarası, çekmeceler, yapışkan sipariş çubuğu.
 @ Yalnız mobilde görünen öğeler şablonda `hidden` niteliğiyle gelir; burada gösterilir (masaüstünde tarayıcı gizler). */

/* ===== 0. tasarım değişkenleri (masaüstü kimliği: bordo #6A1715, turuncu sipariş, kırmızı başlık, yeşil "Ön Sipariş") */
:root {
	--m-bg:#F3F1EE; --m-card:#fff; --m-line:#E3DDD6; --m-field:#CFC7BE;
	--m-ink:#222; --m-muted:#5F5751;
	--m-brand:#6A1715; --m-brand-tint:#F6EEEC;
	--m-accent:#C42800;                 /* başlıklar: masaüstündeki #FF3300'ün okunaklı (≥4.5:1) tonu */
	--m-cta:#C64A0B;                    /* "Ön Sipariş Ver": masaüstündeki #F2600D'nin okunaklı tonu */
	--m-ok:#3F7F1C; --m-ok-tint:#EEF5E9; --m-ok-ink:#2F6514;
	--m-link:#0062D6; --m-search:#0A6E95;
	--m-focus:#0B6BD3;
	--m-r:12px; --m-r-sm:10px;
	--m-shadow:0 1px 2px rgba(70,35,25,.06), 0 4px 14px rgba(70,35,25,.07);
	--m-gut:max(16px, env(safe-area-inset-left), env(safe-area-inset-right));
	--m-top:62px;                       /* logo satırı yüksekliği: kaydırınca gizlenir, arama satırı yapışık kalır */
	--m-ease:cubic-bezier(.22, 1, .36, 1);
	color-scheme:light;
}

/* ===== 1. temel */
html 						{ -webkit-text-size-adjust:100%; text-size-adjust:100%; scroll-padding-top:76px }
body 						{ padding:0; min-height:100%; background:var(--m-bg); color:var(--m-ink); font:15px/1.45 Arial, Helvetica, sans-serif; overflow-x:hidden; -webkit-tap-highlight-color:rgba(106,23,21,.12) }
html.m-lock, html.m-lock body { overflow:hidden }
::selection 				{ background:rgba(106,23,21,.2) }
img 						{ max-width:100%; height:auto }
input, select, textarea, button { box-sizing:border-box; max-width:100%; font-family:Arial, Helvetica, sans-serif }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible
							{ outline:3px solid var(--m-focus); outline-width:3px; outline-offset:2px }
input::placeholder, textarea::placeholder { color:#857B73; opacity:1 }
.t, .wrap 					{ width:auto }
.wrap 						{ padding:0 var(--m-gut); border-radius:0; background:transparent }
/* eski temanın clearfix'i (.cl::after, .ccl > *::after) flex/grid'e dönüşen kapsayıcılarda fazladan öğe olur */
header .bar::after, header nav::after, .siparis .form .tutar::after, .siparis .tab-menu::after, .view .r2 nav::after, .view .r2 .c2_2 li::after,
.view .r2 .c2_1 li::after, .siparis .wrap .c1 ul li::after, .iletisim .content .c1 li::after, .iletisim .c2 form li::after, .iletisim .content > .row::after,
.defter .metin article > div.cl::after, .defter .content form li::after, .defter .content form li div.cl::after, .siparis .form .f1 li::after,
.siparis .form #field-havale_banka .f3::after, .siparis .form #field-havale_banka .f3 > div::after, .siparis .form #field-havale_banka label.cl::after,
.siparis .form #field-tarih .f3::after, .siparis .add-lorem-container ul::after, footer .social::after, footer .info::after, .pager::after { display:none }
@media (prefers-reduced-motion: reduce) { * { transition-duration:0s !important; animation-duration:0s !important } }

/* ===== 2. üst alan: logo satırı (kayar) + arama satırı (yapışık) */
header 						{ position:sticky; top:calc(-1 * var(--m-top)); z-index:50; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
							  height:auto; margin:0 calc(-1 * var(--m-gut)); padding:0 var(--m-gut); background:#fff; border-top:3px solid var(--m-brand);
							  border-bottom:1px solid var(--m-line); box-shadow:0 2px 10px rgba(70,35,25,.06) }
header .plt, header .prt, header .prb, header .plb { position:static }
header .logo 				{ order:1; display:flex; align-items:center; height:var(--m-top); line-height:0 }
header .logo img 			{ height:42px; width:auto }
header .slide, header > hr 	{ display:none }

.mnav-btn 					{ order:2; display:inline-flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:46px; height:46px; padding:0;
							  border:0; border-radius:var(--m-r-sm); background:var(--m-brand-tint); cursor:pointer }
.mnav-btn span 				{ display:block; width:20px; height:2px; background:var(--m-brand); border-radius:1px }

header .bar 				{ order:3; width:100%; display:flex; align-items:center; gap:8px; padding:0 0 10px; border:0 }
header .bar > * 			{ float:none }
.mcat-btn 					{ display:inline-flex; align-items:center; gap:8px; flex:0 0 auto; height:46px; padding:0 14px 0 12px; border:0; border-radius:var(--m-r-sm);
							  background:var(--m-brand); color:#fff; font:700 15px Arial, Helvetica, sans-serif; cursor:pointer }
.mcat-btn svg 				{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2 }
header .bar form 			{ flex:1; min-width:0; display:flex; width:auto; padding:0 }
header .bar form .key 		{ flex:1; min-width:0; width:auto; height:46px; padding:0 12px; text-indent:0; font-size:16px; color:var(--m-ink);
							  background:#F7F5F2; border:1px solid var(--m-field); border-right:0; border-radius:var(--m-r-sm) 0 0 var(--m-r-sm) }
header .bar form .buton 	{ position:static; height:46px; padding:0 14px; font:700 15px Arial, Helvetica, sans-serif; color:#fff; background:var(--m-search);
							  border:0; border-radius:0 var(--m-r-sm) var(--m-r-sm) 0; cursor:pointer }

/* ===== 3. çekmeceler: site menüsü (sağdan) ve kategoriler (soldan) */
.mscrim 					{ display:block; position:fixed; inset:0; z-index:60; background:rgba(28,12,10,.5); opacity:0; pointer-events:none; transition:opacity .25s ease-out }
html.m-nav-open .mscrim, html.m-cat-open .mscrim { opacity:1; pointer-events:auto }

header nav, .row.r1 > aside { position:fixed; top:0; bottom:0; z-index:80; width:min(86vw, 360px); margin:0; padding:0 0 env(safe-area-inset-bottom); background:#fff;
							  overflow-y:auto; overscroll-behavior:contain; visibility:hidden; transition:transform .3s var(--m-ease), visibility 0s linear .3s;
							  box-shadow:0 0 0 1px rgba(0,0,0,.04), 0 12px 32px rgba(28,12,10,.22) }
header nav 					{ right:0; transform:translateX(102%) }
.row.r1 > aside 			{ left:0; transform:translateX(-102%) }
html.m-nav-open header nav, html.m-cat-open .row.r1 > aside { visibility:visible; transform:none; transition:transform .3s var(--m-ease) }

.mdrawer-head 				{ float:none; position:sticky; top:0; z-index:1; display:flex; align-items:center; justify-content:space-between; height:60px; padding:0 8px 0 20px;
							  background:#fff; border-bottom:1px solid var(--m-line) }
.mdrawer-head strong 		{ font:700 18px Arial, Helvetica, sans-serif; color:var(--m-ink) }
.mdrawer-close 				{ position:relative; width:46px; height:46px; border:0; border-radius:50%; background:transparent; cursor:pointer }
.mdrawer-close::before, .mdrawer-close::after { content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; background:var(--m-ink); border-radius:1px }
.mdrawer-close::before 		{ transform:translate(-50%, -50%) rotate(45deg) }
.mdrawer-close::after 		{ transform:translate(-50%, -50%) rotate(-45deg) }

/* site menüsü */
header nav.cl > span 		{ display:block; float:none; border-bottom:1px solid #F0ECE8 }
header nav.cl > span > a, header nav a { display:flex; align-items:center; min-height:52px; padding:0 20px; font:700 16px Arial, Helvetica, sans-serif; color:var(--m-ink); border-radius:0 }
header nav > span:hover > a, header nav > span > a:hover { background:none; color:var(--m-ink); border-radius:0 }
header nav > span > a[aria-current="page"] { color:var(--m-brand); box-shadow:inset 4px 0 0 var(--m-brand); background:var(--m-brand-tint) }
header nav > span > a s 	{ display:none !important }
header nav > span > a[href="#"] { min-height:40px; padding-top:12px; font-size:13px; letter-spacing:.04em; text-transform:uppercase; color:var(--m-muted); cursor:default }
header nav > span ul, header nav > span:hover > ul { visibility:inherit; position:static; width:auto; padding:0 0 8px; background:none; border-radius:0; box-shadow:none }
header nav > span ul li a 	{ min-height:46px; padding:0 20px 0 32px; font-weight:400; font-size:16px }
header nav > span ul li a:hover { background:none }
.mnav-foot 					{ float:none; padding:18px 20px 24px; display:grid; gap:10px }
.mnav-foot p 				{ font-size:13px; color:var(--m-muted) }
.mnav-foot a 				{ display:flex; align-items:center; gap:10px; min-height:48px; padding:0 14px; border:1px solid var(--m-line); border-radius:var(--m-r-sm);
							  font:700 16px Arial, Helvetica, sans-serif; color:var(--m-brand) }
.mnav-foot svg 				{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2 }
html.m-nav-open header 		{ z-index:90 }

/* kategoriler */
.row.r1 > aside h3 			{ position:relative; margin:0; padding:15px 52px 15px 20px; background:#fff; color:var(--m-ink); font:700 16px/1.3 Arial, Helvetica, sans-serif;
							  border-radius:0; border-bottom:1px solid #F0ECE8; cursor:pointer }
.row.r1 > aside h3::after 	{ content:""; position:absolute; right:24px; top:50%; width:8px; height:8px; margin-top:-6px; border-right:2px solid var(--m-muted);
							  border-bottom:2px solid var(--m-muted); transform:rotate(45deg); transition:transform .2s }
.row.r1 > aside h3.open::after { transform:rotate(-135deg); margin-top:-2px }
.row.r1 > aside ol 			{ display:none; padding:4px 0 10px; background:#FBFAF8; border-bottom:1px solid #F0ECE8 }
.row.r1 > aside h3.open + ol { display:block }
.row.r1 > aside ol li a 	{ display:flex; align-items:center; min-height:46px; padding:0 20px 0 24px; font:400 16px Arial, Helvetica, sans-serif; color:var(--m-ink); border-radius:0 }
.row.r1 > aside ol li a:hover { background:none; color:var(--m-ink) }
.row.r1 > aside ol li a.on 	{ color:var(--m-brand); font-weight:700; background:var(--m-brand-tint); box-shadow:inset 4px 0 0 var(--m-brand) }

/* ===== 4. içerik iskeleti ve başlıklar */
.row.r1 					{ display:block; padding:16px 0 28px }
.row.r1 > .content 			{ float:none; width:auto; margin:0 }
.content h1, .page .content > h1, .view .content h1, .pager-head h1, .iletisim .content > h1, .soru .content > h1
							{ margin:4px 0 14px; padding:0; border:0; font:700 22px/1.25 Arial, Helvetica, sans-serif; color:var(--m-accent); text-wrap:balance }
.content h1:empty, .soru .content .metin:not(:has(*)) { display:none }
.pager-head 				{ padding:0 }
.pager-head .remove 		{ display:inline-flex; align-items:center; min-height:40px; margin:-6px 0 10px; font-size:14px; color:var(--m-link) }

/* ===== 5. ürün ve kategori kartları (anasayfa, listeleme, arama) */
.posts, .part-posts 		{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; margin:0; padding:0 }
.posts::after 				{ display:none }
.posts > article 			{ float:none; width:auto; margin:0 }
.part-posts article > a, .posts article > div
							{ display:flex; flex-direction:column; height:100%; margin:0; padding:0; overflow:hidden; background:var(--m-card); border-radius:var(--m-r); box-shadow:var(--m-shadow); box-sizing:border-box }
.posts article > div > s 	{ display:none }
.part-posts article figure, .posts article div figure
							{ position:relative; order:-1; height:auto; aspect-ratio:4 / 5; overflow:hidden; background:#F7F5F2 }
.posts article figure a 	{ display:block; height:100% }
.posts article figure img 	{ position:absolute; inset:0; left:0 !important; width:100%; height:100%; min-width:0; object-fit:cover }
.posts article div figure span { display:none }
.part-posts article h2 		{ height:auto; padding:10px 12px 12px; font:700 14px/1.3 Arial, Helvetica, sans-serif; color:var(--m-accent); text-align:left }

.posts article .f 			{ flex:1; height:auto; min-height:0 }
.posts article .f > i, .posts article .f .ss-redirect { display:none }
.posts article .f a 		{ display:flex; flex-direction:column; height:100%; padding:10px 12px 12px; box-sizing:border-box }
.posts article .f hgroup 	{ flex:1; display:flex; flex-direction:column; gap:6px }
.posts article .f a h3 		{ position:static; padding:0; text-align:left; font:700 14px/1.3 Arial, Helvetica, sans-serif; color:var(--m-link);
							  overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
.posts article .f a h4 		{ position:static; margin-top:auto; font:700 17px/1.2 Arial, Helvetica, sans-serif; color:var(--m-ink) }
.posts article .f a b 		{ position:static; display:flex; align-items:center; justify-content:center; min-height:40px; margin-top:10px; padding:0 8px; line-height:1;
							  font:700 14px Arial, Helvetica, sans-serif; color:var(--m-ok-ink); background:var(--m-ok-tint); border-radius:var(--m-r-sm) }
.posts article .f a:hover b { background:var(--m-ok-tint); color:var(--m-ok-ink); padding-right:8px }
.posts article .f a:hover h3, .posts article .f a:hover h4 { color:inherit }
.posts article .f a:hover h3 { color:var(--m-link) }
.posts article .f a:active b { background:var(--m-ok); color:#fff }

/* güven rozetleri (anasayfa altı); kartla ödeme kapalı → mastercard-visa rozeti mobilde gizli */
.row.r1 > .fbanner 			{ float:none; width:auto; margin:20px 0 0; display:flex; justify-content:center; gap:12px; text-align:center }
.fbanner img 				{ margin:0; width:calc((100% - 24px) / 3); max-width:110px; border-radius:var(--m-r-sm) }
.fbanner img[src*="mastercard-visa"] { display:none }

/* sayfalama */
.pager 						{ gap:6px; flex-wrap:wrap }
.pager.up 					{ padding:4px 0 16px }
.pager a 					{ display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin:0; border-radius:50%; font:700 16px Arial, Helvetica, sans-serif;
							  color:var(--m-ink); background:#fff; box-shadow:var(--m-shadow) }
.pager a span 				{ padding:0 !important }
.pager a.on 				{ background:var(--m-brand); color:#fff }
.pager a.back, .pager a.next { color:transparent }
.pager a.back i, .pager a.next i { position:static; width:auto; color:var(--m-ink); font-size:16px }

/* arama: sonuç yok */
.unfindnote 				{ margin-top:8px; padding:32px 20px; background:#fff; border-radius:var(--m-r); box-shadow:var(--m-shadow) }
.unfindnote h5 				{ margin:8px 0 6px; font-size:18px; color:var(--m-accent); overflow-wrap:anywhere }
.unfindnote p 				{ font-size:15px; color:var(--m-muted) }

/* ===== 6. ürün detayı + yapışkan "Ön Sipariş Ver" çubuğu */
.view .content h1 			{ font-size:21px }
.view .r2 					{ display:flex; flex-direction:column; gap:14px; padding:0 }
.view .r2 > *, .view .r2 .c2 > * { float:none }
.view .r2 .c1, .view .r2 .c2 { width:auto; margin:0 }
.view .r2 .c1 figure 		{ padding:8px; background:#fff; border-radius:var(--m-r); box-shadow:var(--m-shadow) }
.view .r2 .c1 figure a 		{ padding:0; border:0; border-radius:8px; overflow:hidden }
.view .r2 .c1 figcaption 	{ display:flex; align-items:center; justify-content:center; gap:8px; padding:10px 0 4px; border:0; font-size:13px; color:var(--m-muted) }
.view .r2 .c1 .ss-view 		{ position:static; margin:0; font-size:16px }
.view .r2 .c1 .share 		{ display:none }
.view .r2 .c2 				{ display:flex; flex-direction:column; gap:14px; padding:0 }
.view .r2 .c2_1, .view .r2 .c2_2 { width:auto; margin:0; padding:16px; background:#fff; border-radius:var(--m-r); box-shadow:var(--m-shadow) }
.view .r2 .c2 h5 			{ margin:0 0 12px; padding:0; background:none; color:var(--m-ink); font:700 17px Arial, Helvetica, sans-serif; border-radius:0 }
.view .r2 .c2_1 ul 			{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; padding:0 }
.view .r2 .c2_1 li 			{ position:relative; float:none; margin:0; font-size:15px }
.view .r2 .c2_1 li > * 		{ float:none }
.view .r2 .c2_1 li input 	{ position:absolute; opacity:0; width:1px; height:1px; margin:0 }
.view .r2 .c2_1 li label 	{ display:flex; align-items:center; justify-content:center; min-height:46px; padding:0 4px; color:var(--m-ink); background:#fff;
							  border:1px solid var(--m-field); border-radius:var(--m-r-sm); cursor:pointer; transition:background-color .15s, border-color .15s }
.view .r2 .c2_1 li input:checked + label { background:var(--m-brand-tint); border:2px solid var(--m-brand); color:var(--m-brand); font-weight:700 }
.view .r2 .c2_1 li input:focus-visible + label { outline:3px solid var(--m-focus); outline-offset:2px }
.view .r2 .c2_1.m-need 		{ box-shadow:0 0 0 3px var(--m-cta), var(--m-shadow) }
.m-need-msg 				{ margin:-4px 0 10px; font:700 15px Arial, Helvetica, sans-serif; color:var(--m-accent) }
.view .r2 .c2_2 ul 			{ padding:0 }
.view .r2 .c2_2 li 			{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:10px 0; font-size:15px; border-bottom:1px solid #F0ECE8 }
.view .r2 .c2_2 li > * 		{ float:none; width:auto; margin:0; text-indent:0 }
.view .r2 .c2_2 li label 	{ font-weight:400; color:var(--m-muted) }
.view .r2 .c2_2 li span 	{ font-weight:700; color:var(--m-ink) }
.view .r2 .c2_2 .item3 		{ border-bottom:0; padding-bottom:0 }
.view .r2 .c2_2 .item3 label { font-weight:700; color:var(--m-ink) }
.view .r2 .c2_2 .item3 span { font-size:19px; color:var(--m-accent) }

.view .r2 nav 				{ position:fixed; left:0; right:0; bottom:0; top:auto; z-index:40; display:flex; align-items:center; gap:12px;
							  padding:10px var(--m-gut) calc(10px + env(safe-area-inset-bottom)); background:rgba(255,255,255,.97);
							  border-top:1px solid var(--m-line); box-shadow:0 -6px 18px rgba(70,35,25,.08) }
.view .r2 nav > * 			{ float:none }
.m-sum 						{ display:flex; flex-direction:column; min-width:0; line-height:1.2 }
.m-sum small 				{ font-size:13px; color:var(--m-muted) }
.m-sum strong 				{ font:700 18px Arial, Helvetica, sans-serif; color:var(--m-ink); white-space:nowrap }
.view .r2 .siparis 			{ display:flex; align-items:center; justify-content:center; flex:1; min-height:52px; margin:0; padding:0 18px; border:0;
							  border-radius:var(--m-r); background:var(--m-cta); color:#fff; font:700 17px Arial, Helvetica, sans-serif; text-align:center }
.view .r2 .siparis:active 	{ filter:brightness(.92) }
.view .r2 .geridon 			{ display:none }
body.view 					{ padding-bottom:calc(84px + env(safe-area-inset-bottom)) }
body.view #cerez-bandi 		{ bottom:calc(84px + env(safe-area-inset-bottom)) !important }

/* görsel büyütme (fancybox) */
.fancybox-overlay 			{ background:rgba(20,10,8,.88) !important }
.fancybox-close 			{ top:max(12px, env(safe-area-inset-top)) !important; right:12px !important; width:46px; height:46px; font-size:0; opacity:1; border-radius:50%;
							  background:rgba(255,255,255,.95) none !important; box-shadow:0 2px 10px rgba(0,0,0,.3) }
.fancybox-close > *, .fancybox-nav span > * { display:none }
.fancybox-close::before, .fancybox-close::after { content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; background:#222 }
.fancybox-close::before 	{ transform:translate(-50%, -50%) rotate(45deg) }
.fancybox-close::after 		{ transform:translate(-50%, -50%) rotate(-45deg) }
.fancybox-nav span 			{ width:46px; height:46px; margin-top:-23px; border-radius:50%; opacity:.95; background:rgba(255,255,255,.95) none !important }
.fancybox-nav span::before 	{ content:""; position:absolute; top:50%; left:50%; width:10px; height:10px; border-left:2px solid #222; border-bottom:2px solid #222 }
.fancybox-prev span 		{ left:8px }
.fancybox-next span 		{ right:8px }
.fancybox-prev span::before { transform:translate(-30%, -50%) rotate(45deg) }
.fancybox-next span::before { transform:translate(-70%, -50%) rotate(-135deg) }
.fancybox-title-float-wrap { left:0 !important; right:0; top:100%; bottom:auto; margin:10px 0 0 !important; text-align:center } /* uzun başlık ekrandan taşmasın */
.fancybox-title-float-wrap .child { white-space:normal; display:inline-block; max-width:calc(100vw - 32px); line-height:1.35; box-sizing:border-box }

/* ===== 7. metin sayfaları: hakkında, sözler, SSS, yasal sayfalar */
.page .content .metin, .content .metin { padding:0 }
.metin p, .sozlesme .metin p, .guvenlik .metin p, .kvkk .metin p, .cerez-politikasi .metin p,
.sozlesme .metin li, .guvenlik .metin li, .kvkk .metin li, .cerez-politikasi .metin li
							{ font-size:16px; line-height:1.65; text-align:left; color:#2A2522 }
.page .content .metin, .sozler .content .metin { padding:18px 16px; background:#fff; border-radius:var(--m-r); box-shadow:var(--m-shadow) }
.sozlesme .metin h2, .guvenlik .metin h2, .kvkk .metin h2, .cerez-politikasi .metin h2, .sozlesme .metin h3, .guvenlik .metin h3
							{ font-size:18px; margin:24px 0 8px }
.sozlesme .metin h4 		{ font-size:16px }
.sozlesme .metin .formlist li label { display:block; width:auto; font-weight:700 }
.metin a 					{ color:var(--m-link); text-decoration:underline; text-underline-offset:2px; overflow-wrap:anywhere }
.sozler .content article 	{ padding:14px 0; border-bottom:1px solid #F0ECE8; font-size:16px; line-height:1.6 }
.sozler .content article:first-child { padding-top:0 }
.sozler .content h4 		{ margin-bottom:6px; font:700 13px Arial, Helvetica, sans-serif; letter-spacing:.03em; color:var(--m-muted) }

/* ===== 8. formlar: iletişim, ziyaretçi defteri */
.iletisim .content .row > *, .iletisim .content .c1, .iletisim .content .c2 { float:none; width:auto; margin:0 }
.iletisim .content .c1 		{ padding:16px; background:#fff; border-radius:var(--m-r); box-shadow:var(--m-shadow) }
.iletisim .content .c1 h2, .iletisim .content .konum h2 { margin:18px 0 0; padding:0 0 8px; border-bottom:1px solid var(--m-line); font:700 17px Arial, Helvetica, sans-serif; color:var(--m-accent) }
.iletisim .content .c1 ul 	{ padding:10px 0 4px }
.iletisim .content .c1 ul:first-child { padding-top:0 }
.iletisim .content .c1 li 	{ display:grid; grid-template-columns:92px minmax(0, 1fr); gap:10px; margin:0; padding:8px 0; font-size:15px; line-height:1.4 }
.iletisim .content .c1 li > * { float:none; width:auto !important; margin:0 }
.iletisim .content .c1 li label { color:var(--m-muted); font-weight:700 }
.iletisim .content .c1 li div, .iletisim .content .c1 li address { overflow-wrap:anywhere; font-style:normal }
.iletisim .content .c1 a 	{ color:var(--m-link); font-weight:700 }
.iletisim .c2 				{ padding-top:0 }
.iletisim .content .c2 		{ margin-top:16px }
.iletisim .c2 form, .defter .content form { padding:16px; background:#fff; border-radius:var(--m-r); box-shadow:var(--m-shadow) }
.iletisim .c2 form li, .defter .content form li { margin:0 0 14px }
.iletisim .c2 form li > *, .defter .content form li > * { float:none; width:auto !important; margin:0 }
.iletisim .c2 form label, .defter .content form li label { display:block; width:auto; margin:0 0 6px; padding:0; font:700 15px Arial, Helvetica, sans-serif; color:var(--m-ink) }
.iletisim .c2 form li input, .iletisim .c2 form li select, .iletisim .c2 form li textarea,
.defter .content form li input, .defter .content form li textarea
							{ width:100%; min-height:48px; padding:10px 12px; text-indent:0; font-size:16px; color:var(--m-ink); background:#fff;
							  border:1px solid var(--m-field); border-radius:var(--m-r-sm) }
.iletisim .c2 form li textarea, .defter .content form li textarea { height:150px; resize:vertical }
.iletisim .c2 form .kvkk-not { width:auto; margin:0 0 14px; font-size:13px; color:var(--m-muted) }
.iletisim .c2 form .buton 	{ text-align:left }
.iletisim .c2 form .buton input { width:100%; min-height:52px; padding:0; font:700 17px Arial, Helvetica, sans-serif; color:#fff; background:var(--m-brand); border-radius:var(--m-r) }
.iletisim .rapor, .defter .rapor { position:static; margin:14px 0 0; border-radius:var(--m-r-sm) }
.iletisim .rapor div, .defter .rapor div { padding:10px 12px; font:15px/1.4 Arial, Helvetica, sans-serif }
.iletisim .content .konum 	{ margin-top:20px }
.iletisim .content .konum h2 { margin-top:0 }
.iletisim .content .konum iframe { height:260px; border-radius:var(--m-r) }
.iletisim .content .konum a { display:inline-flex; align-items:center; min-height:44px; font-size:15px; font-weight:700; color:var(--m-link) }

.defter .content form 		{ margin-top:0 }
.defter .content form li div.cl { display:flex; align-items:center; gap:10px }
.defter .content form li div.cl input { flex:1; min-width:0; width:auto !important; margin:0 }
.defter .content form li div.cl img { flex:0 0 auto; height:48px !important; width:auto; max-width:46%; object-fit:contain; border-radius:8px }
.defter .content form .kvkk-not { margin:0 0 14px; font-size:13px; color:var(--m-muted) }
.defter .content form .prb 	{ position:static }
.defter .content form .prb input { width:100%; min-height:52px; padding:0; font:700 17px Arial, Helvetica, sans-serif; color:#fff; background:var(--m-ok); border-radius:var(--m-r) }
.defter .metin 				{ padding:20px 0 0 }
.defter .metin article 		{ margin:0 0 12px; padding:14px 16px; background:#fff; border-radius:var(--m-r); box-shadow:var(--m-shadow) }
.defter .metin article > div.cl { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 6px; margin-bottom:6px }
.defter .metin article > div.cl > * { float:none }
.defter .metin h4 			{ font-size:15px; font-weight:700 }
.defter .metin time 		{ font-size:13px; color:var(--m-muted) }

/* ===== 9. alt alan ve çerez bandı */
footer 						{ border-top:1px solid var(--m-line) }
footer hr 					{ display:none }
footer div 					{ position:relative; padding:18px 0 calc(24px + env(safe-area-inset-bottom)); text-align:center }
footer .info 				{ display:flex; flex-wrap:wrap; justify-content:center; gap:0 4px; font-size:14px; line-height:1.3 }
footer .info a 				{ display:inline-flex; align-items:center; min-height:44px; padding:0 6px; color:var(--m-link) }
footer .info em 			{ display:none }
footer div h6 				{ margin-top:6px; font-size:13px; color:var(--m-muted) }
footer .social 				{ position:static; justify-content:center; gap:12px; margin-top:14px }
footer .social a.sm 		{ width:46px; height:46px; margin:0; opacity:1 }
footer .social a.sm svg 	{ width:20px; height:20px }
#cerez-bandi 				{ left:0 !important; right:0; bottom:0 !important; max-width:none !important; padding:16px var(--m-gut) calc(16px + env(safe-area-inset-bottom)) !important;
							  border:0 !important; border-radius:16px 16px 0 0; font-size:14px !important; line-height:1.5 !important;
							  box-shadow:0 -8px 24px rgba(28,12,10,.18) !important }
#cerez-bandi a 				{ color:var(--m-accent) !important; text-decoration:underline }
#cerez-tamam 				{ width:100%; min-height:46px; margin-top:12px !important; border-radius:var(--m-r-sm); background:var(--m-accent) !important; font-size:16px !important }

/* ===== 10. sipariş sayfaları (adım 1, havale, adım 2, sonuç) — siparis.css üzerine */
body.siparis 				{ padding:0; background:var(--m-bg); font-size:15px }
.mtopbar 					{ position:sticky; top:0; z-index:50; display:flex; align-items:center; justify-content:space-between; gap:12px; height:56px;
							  padding:0 var(--m-gut); background:#fff; border-top:3px solid var(--m-brand); border-bottom:1px solid var(--m-line) }
.mtopbar a 					{ display:inline-flex; align-items:center; gap:6px; min-height:46px; font:700 15px Arial, Helvetica, sans-serif; color:var(--m-brand) }
.mtopbar a svg 				{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.2 }
.mtopbar img 				{ height:32px; width:auto }
.siparis .wrap 				{ width:auto; margin:0; padding:16px var(--m-gut) calc(28px + env(safe-area-inset-bottom)); border:0; border-radius:0 }
.siparis .wrap > .c1, .siparis .wrap > .c2 { float:none; width:auto; margin:0 }
.siparis .wrap > .c2 		{ margin-top:14px }
.siparis .wrap .c1 .urun 	{ display:grid; grid-template-columns:76px minmax(0, 1fr); gap:14px; align-items:center; padding:12px; background:#fff; border-radius:var(--m-r); box-shadow:var(--m-shadow) }
.siparis .wrap .c1 figure 	{ order:-1; padding:0; border:0; width:76px; height:76px; border-radius:8px; overflow:hidden; background:#F7F5F2 }
.siparis .wrap .c1 figure img { width:100%; height:100%; object-fit:cover }
.siparis .wrap .c1 ul 		{ padding:0; font-weight:400 }
.siparis .wrap .c1 ul li 	{ display:flex; justify-content:space-between; gap:10px; margin:0; padding:3px 0; font-size:14px }
.siparis .wrap .c1 ul li > * { float:none; width:auto }
.siparis .wrap .c1 ul li label { flex:0 0 auto; white-space:nowrap; color:var(--m-muted); font-weight:400; letter-spacing:0 }
.siparis .wrap .c1 ul li span { font-weight:700; text-align:right }
.siparis .wrap .c1 ul li.item-3 span { color:var(--m-accent); font-size:16px }

.siparis .form .tab-caption { padding:0 0 10px; font:700 17px Arial, Helvetica, sans-serif; color:var(--m-ink) }
.siparis .form .tutar 		{ position:static; display:flex; justify-content:space-between; align-items:baseline; margin:0 0 12px; padding:12px 14px; font-size:15px;
							  background:#fff; border-radius:var(--m-r-sm); box-shadow:var(--m-shadow) }
.siparis .form .tutar strong { color:var(--m-muted); font-weight:400 }
.siparis .form .tutar span 	{ color:var(--m-accent); font-size:19px }
.siparis .tab-menu 			{ display:flex; gap:4px; padding:4px; background:#E6E0D9; border-radius:var(--m-r) }
.siparis .tab-menu a 		{ position:relative; flex:1; float:none; display:flex; align-items:center; justify-content:center; min-height:46px; margin:0; padding:4px 6px; text-align:center;
							  font:700 15px/1.2 Arial, Helvetica, sans-serif; color:var(--m-ink); background:transparent; border-radius:9px }
.siparis .tab-menu a:hover 	{ background:rgba(255,255,255,.5) }
.siparis .tab-menu a.on 	{ background:#fff !important; color:var(--m-brand); box-shadow:0 1px 3px rgba(70,35,25,.16) }
.siparis .tab-menu a.m-err::after { content:""; position:absolute; top:7px; right:7px; width:8px; height:8px; border-radius:50%; background:var(--m-accent) }
.siparis .form .tab-body 	{ margin-top:12px; padding:16px; background:#fff; border-radius:var(--m-r); box-shadow:var(--m-shadow) }
.siparis .form .f1 li 		{ margin:0 0 14px }
.siparis .form .ccl .f2, .siparis .form .ccl .f3 { float:none; width:auto; margin:0 }
.siparis .form .f2, .siparis .form .ccl .f2 { display:block; margin:0 0 6px; padding:0; text-indent:0; font:700 15px Arial, Helvetica, sans-serif; color:var(--m-ink) }
.siparis .form .f3 .text, .siparis .form .f3 .select, .siparis .form .textarea
							{ width:100%; min-width:0; height:48px; padding:0 12px; text-indent:0; font:16px Arial, Helvetica, sans-serif; color:var(--m-ink);
							  background:#fff; border:1px solid var(--m-field); border-radius:var(--m-r-sm) }
.siparis .form .textarea 	{ height:104px; padding:10px 12px; resize:vertical }
.siparis .form #field-metin .textarea { height:140px }
.siparis .form input.error, .siparis .form textarea.error { background:#FDECEA !important; color:var(--m-ink); border-color:var(--m-accent) }
.siparis .form .error::placeholder { color:#8A1C12 }
.siparis .form #field-tarih .f3 { display:grid; grid-template-columns:3fr 2fr; gap:10px }
.siparis .form #field-tarih .f3 > * { float:none; width:auto; margin:0 }
.siparis .form .tab-1 #field-not { margin-top:4px; padding-top:14px; border-top:1px solid var(--m-line) }
.siparis .form fieldset.pad { padding-top:6px }
.siparis .form fieldset > hr { display:none }
.siparis .form fieldset legend { position:static; margin:0 0 12px; padding:0; background:none; font:700 15px Arial, Helvetica, sans-serif; color:var(--m-muted) }
.siparis .form #field-havale_banka .f2 { padding:0; font-size:14px; color:var(--m-muted); font-weight:400 }
.siparis .form #field-havale_banka .f3 { display:grid; gap:10px }
.siparis .form #field-havale_banka .f3 div { position:relative; float:none; margin:0; padding:0; font-size:14px; color:var(--m-ink) }
.siparis .form #field-havale_banka .f3 input { position:absolute; left:14px; top:50%; width:22px; height:22px; margin:-11px 0 0; accent-color:var(--m-brand) }
.siparis .form #field-havale_banka .f3 label { float:none; width:auto; display:flex; flex-direction:column; gap:4px; min-height:64px; padding:12px 12px 12px 48px; border:1px solid var(--m-field);
							  border-radius:var(--m-r-sm); overflow-wrap:anywhere; font-variant-numeric:tabular-nums; cursor:pointer }
.siparis .form #field-havale_banka .f3 label > * { float:none }
.siparis .form #field-havale_banka .f3 label.cl span { width:auto; font-size:15px; color:var(--m-ink) }
.siparis .form #field-havale_banka .f3 input:checked + label { border:2px solid var(--m-brand); background:var(--m-brand-tint) }
.siparis .form .tab nav, .siparis .form nav.submit-wrap { padding-top:6px; text-align:left }
.siparis .form .kvkk-not 	{ margin:0 0 14px; text-align:left; font-size:13px !important; color:var(--m-muted) !important; line-height:1.5 }
.siparis .form .kvkk-not a 	{ color:var(--m-link) }
.siparis .form .submit 		{ width:100%; min-height:54px; padding:0 16px; font:700 17px Arial, Helvetica, sans-serif; background:var(--m-ok); border-radius:var(--m-r); cursor:pointer }
.siparis .form nav.submit-wrap { margin-top:12px }
.siparis .errors 			{ padding:0 0 12px }
.siparis .errors p 			{ margin:0 0 4px; padding:8px 12px; background:#FDECEA; color:#8A1C12; font-size:14px; border-radius:8px }
.siparis .blink, .siparis .tab-1 .sakla { display:none !important }

/* "örnek metin": soldan açılan panel yerine alttan açılan sayfa */
.siparis .add-lorem 		{ position:static; display:inline-flex; align-items:center; min-height:40px; margin:0 0 8px; padding:0 14px; font:700 14px Arial, Helvetica, sans-serif;
							  border-radius:20px; background:#E6F1FB; color:#0B4F8A }
.siparis.lorem-on .add-lorem { background:var(--m-brand-tint); color:var(--m-brand) }
.siparis .add-lorem-container { position:fixed; top:auto !important; left:0 !important; right:0; bottom:0; z-index:100; width:auto; max-height:80vh; display:flex; flex-direction:column;
							  background:#fff; border-radius:18px 18px 0 0; box-shadow:0 -12px 32px rgba(28,12,10,.25); transform:translateY(105%); visibility:hidden;
							  transition:transform .3s var(--m-ease), visibility 0s linear .3s }
.siparis.lorem-on .add-lorem-container { transform:none; visibility:visible; transition:transform .3s var(--m-ease) }
.siparis.lorem-on::after 	{ content:""; position:fixed; inset:0; z-index:99; background:rgba(28,12,10,.5) }
.siparis.lorem-on 			{ overflow:hidden }
.siparis .add-lorem-container .in { display:flex; flex-direction:column; min-height:0; padding:0 0 env(safe-area-inset-bottom) }
.m-sheet-head 				{ display:flex; align-items:center; justify-content:space-between; padding:8px 8px 4px 20px }
.m-sheet-head strong 		{ font:700 17px Arial, Helvetica, sans-serif }
.siparis .m-sheet-head .mdrawer-close { position:relative; width:46px; height:46px; min-height:0; margin:0; padding:0; background:transparent; border-radius:50% }
.siparis .add-lorem-container ul { display:flex; gap:4px; margin:4px 16px 8px; padding:4px; background:#E6E0D9; border-radius:var(--m-r) }
.siparis .add-lorem-container ul li { flex:1; float:none }
.siparis .add-lorem-container ul li a { width:auto; min-height:42px; display:flex; align-items:center; justify-content:center; margin:0; padding:0; font:700 15px Arial, Helvetica, sans-serif;
							  color:var(--m-ink); background:transparent; border-radius:9px }
.siparis .add-lorem-container ul li.on a { background:#fff; color:var(--m-brand); box-shadow:0 1px 3px rgba(70,35,25,.16) }
.siparis .add-lorem-container .lorem-list { flex:1; height:auto; max-height:none; min-height:0; padding:0 16px 12px; background:#fff; -webkit-overflow-scrolling:touch }
.siparis .add-lorem-container article { padding:14px 0; border-bottom:1px solid var(--m-line) }
.siparis .add-lorem-container .text { padding-bottom:10px; font:15px/1.55 Arial, Helvetica, sans-serif; color:var(--m-ink) }
.siparis .add-lorem-container article button { position:static; min-height:42px; margin:0; padding:0 18px; font:700 15px Arial, Helvetica, sans-serif; color:#fff;
							  background:var(--m-ok); border-radius:var(--m-r-sm) }

/* sipariş adımları listesi */
.siparis .form-info 		{ counter-reset:adim; margin-top:16px; padding:14px 16px; font:14px/1.4 Arial, Helvetica, sans-serif; color:var(--m-ink); background:#fff;
							  border-radius:var(--m-r); box-shadow:var(--m-shadow); letter-spacing:0 }
.siparis .form-info li 		{ position:relative; list-style:none; margin:0; padding:7px 0 7px 36px }
.siparis .form-info li::before { counter-increment:adim; content:counter(adim); position:absolute; left:0; top:4px; width:24px; height:24px; border-radius:50%;
							  display:flex; align-items:center; justify-content:center; font:700 13px Arial, Helvetica, sans-serif; color:var(--m-brand); background:var(--m-brand-tint) }

/* sonuç sayfası */
.rapor .wrap 				{ height:auto }
.rapor .wrap blockquote 	{ position:static; margin:24px 0 0; padding:36px 20px; background:#fff; border-radius:var(--m-r); box-shadow:var(--m-shadow) }
.rapor .wrap blockquote i 	{ display:inline-flex; align-items:center; justify-content:center; width:64px; height:64px; margin-bottom:14px; font-size:30px; color:var(--m-ok);
							  background:var(--m-ok-tint); border-radius:50% }
.rapor .wrap blockquote p 	{ font-size:18px; line-height:1.5 }
.rapor .wrap blockquote p br { display:none }
.rapor .wrap blockquote a 	{ display:flex; align-items:center; justify-content:center; width:auto; min-height:52px; margin:24px 0 0; padding:0 16px; font:700 17px Arial, Helvetica, sans-serif;
							  letter-spacing:0; background:var(--m-brand); border-radius:var(--m-r) }

/* ===== 11. tablet (≥600px) */
@media (min-width: 600px) {
	:root 						{ --m-gut:max(24px, env(safe-area-inset-left), env(safe-area-inset-right)) }
	.posts, .part-posts 		{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px }
	.content h1, .view .content h1 { font-size:24px }
	.view .r2 					{ flex-direction:row; align-items:flex-start; gap:20px }
	.view .r2 .c1 				{ flex:0 0 46%; position:sticky; top:84px }
	.view .r2 .c2 				{ flex:1; min-width:0 }
	.m-sum 						{ margin-right:auto }
	.view .r2 .siparis 			{ flex:0 0 auto; min-width:240px }
	.view .r2 .geridon 			{ display:flex; align-items:center; min-height:52px; margin:0; padding:0 18px; border:1px solid var(--m-field); border-radius:var(--m-r);
								  background:#fff; color:var(--m-ink); font:700 16px Arial, Helvetica, sans-serif }
	.iletisim .content > .row 	{ display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start }
	.iletisim .content .c2 		{ margin-top:0 }
	.siparis .wrap 				{ max-width:720px; margin:0 auto }
	.page .content .metin, .sozler .content .metin { padding:24px 28px }
	#cerez-bandi 				{ left:auto !important; right:24px; bottom:24px !important; max-width:400px !important; border-radius:var(--m-r) }
	body.view #cerez-bandi 		{ bottom:calc(96px + env(safe-area-inset-bottom)) !important }
}
@media (min-width: 820px) {
	.posts, .part-posts 		{ grid-template-columns:repeat(4, minmax(0, 1fr)) }
	.view .r2 .c2_1 ul 			{ grid-template-columns:repeat(4, minmax(0, 1fr)) }
}
@media (min-width: 400px) and (max-width: 599px) {
	.view .r2 .c2_1 ul 			{ grid-template-columns:repeat(4, minmax(0, 1fr)) }
}