/* Alt sayfalar: Bağlan, ürün, liste, favoriler, rezervasyonlar, profil. */
body{min-height:100vh;min-height:100dvh}

/* Bağlan */
.feed{display:flex;flex-direction:column;padding-top:4px}
.feed .feed-note{margin:12px 16px 0}
.feed-note{margin:16px 16px 12px;font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--mute)}
.feed .empty{margin:16px 16px 0}

/* Liste: kategori satırı (sekme) ve filtre satırı (çip) ayrı */
/* yalnızca yatay kayar: alt çizgi gölgeyle çizilir, taşan yükseklik olmaz */
.cats{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none;padding:14px 16px 0;box-shadow:inset 0 -1px var(--line)}
.cats::-webkit-scrollbar{display:none}
.cats a{flex:none;padding:10px 4px 11px;margin-right:10px;font-size:var(--fs-tab);font-weight:var(--fw-semi);color:var(--mute);border-bottom:3px solid transparent}
.cats a[aria-current]{color:var(--navy);font-weight:var(--fw-bold);border-bottom-color:var(--navy)}
.filters{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:12px 16px 2px}
.filters::-webkit-scrollbar{display:none}
.fc.off{display:inline-flex;align-items:center;gap:6px;padding-right:10px}
.fc.off svg{width:16px;height:16px;stroke-width:2.2}
/* Tema vitrini: kapak görseli üstünde ad ve giriş */
.pg-top.cover{position:relative;min-height:288px;display:flex;flex-direction:column;padding-bottom:22px;
  background:linear-gradient(180deg,rgba(10,14,30,.5),rgba(10,14,30,0) 34%,rgba(10,14,30,.2) 52%,rgba(10,14,30,.86)),var(--g)}
.pg-top.cover h1{margin-top:auto;font-size:var(--fs-2xl)}
.pg-top.cover p{color:rgba(255,255,255,.92);font-size:var(--fs-md);line-height:var(--lh-body);margin-top:6px;max-width:34em}
.ls-posts{margin:6px -16px 4px}
.ls-posts .hd{padding:0 16px}
.ls-posts .rail{padding-top:10px}
/* Liste araç çubuğu: solda Filtreler, sağda sıralama ve ızgara/liste geçişi */
.ls-tools{display:flex;align-items:center;gap:8px;padding:14px 16px 0}
.lt-btn{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 13px 0 11px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:var(--fs-md);font-weight:var(--fw-semi);white-space:nowrap}
.lt-btn svg{width:18px;height:18px;flex:none;color:var(--navy);stroke-width:2}
.lt-btn.on{border-color:var(--navy)}
.lt-sort{margin-left:auto;min-width:0}
.lt-sort span{overflow:hidden;text-overflow:ellipsis}
.lt-n{min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--navy);color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-bold);line-height:var(--lh-none)}
.lt-view{display:flex;flex:none;padding:3px;gap:2px;border-radius:var(--r-md);background:var(--soft)}
.lt-view button{width:36px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--mute)}
.lt-view button svg{width:18px;height:18px;stroke-width:2}
.lt-view button[aria-pressed="true"]{background:var(--card);color:var(--navy);box-shadow:0 1px 3px rgba(12,18,40,.12)}
/* dar ekranda üç parça tek satıra sığsın: daha sık boşluk, küçük ikon */
@media (max-width:359px){
  .ls-tools{gap:6px}
  .lt-btn{gap:5px;padding:0 10px 0 9px}
  .lt-btn svg{width:16px;height:16px}
  .lt-view button{width:32px}
}
.filters[hidden]{display:none}
.ls-count{padding:12px 16px 0;font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--mute)}
.ls-count+.sr+.stack,.ls-count+.sr+.ls-grid{padding-top:10px}
/* Büyük kart görünümü: tek sütun beyaz kart. Görsel üstte (tür, indirim,
   favori); altında yer, ad, özellik çipleri, paylaşım; ayraçtan sonra
   lacivert puan kutusu, fiyat ve yeşil ok */
.ls-grid{display:flex;flex-direction:column;gap:16px;padding:12px 16px 0}
.ls-grid .vk{width:auto;aspect-ratio:auto;justify-content:flex-start;background:var(--card);color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--shadow)}
/* genişlik açık yazılı: Safari'de en-boy oranlı ::before sağ boşluğu yok sayıp kartın kenarına dayanıyordu */
.ls-grid .vk::before{content:"";display:block;flex:none;width:calc(100% - 16px);aspect-ratio:16/10;margin:8px auto 0;border-radius:var(--r-lg);background:var(--g)}
.ls-grid .vk-tg{left:20px;top:20px}
.ls-grid .vk-off{left:20px;top:50px}
.ls-grid .vk .heart{right:20px;top:20px}
.ls-grid .vk-b{display:flex;flex-direction:column;min-width:0;padding:12px 14px 14px}
.ls-grid .vk h3{font-size:var(--fs-lg);line-height:var(--lh-snug);margin-top:3px}
.ls-grid .vk-s{display:none}
.ls-grid .vk-ch{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ls-grid .vk-ch span{padding:4px 9px;border-radius:var(--r-pill);background:var(--soft);font-size:var(--fs-sm);font-weight:var(--fw-semi);line-height:var(--lh-ui)}
.ls-grid .vk-fc{margin-top:10px}
.ls-grid .vk-pp{order:1;align-self:flex-start;margin:10px 0 0;background:var(--soft);color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}
.ls-grid .vk-r{order:2;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.ls-grid .vk-st.new{background:var(--soft)}
.ls-grid .vk-p{margin-left:auto;background:none;padding:0;border-radius:0}
.ls-grid .vk-p b{font-size:var(--fs-xl)}
@media (max-width:359px){.ls-grid .vk-st em{display:none}}
.ls-grid+.kat-seo{margin-top:24px}
/* Filtreler çekmecesi */
.lf-b{display:flex;flex-direction:column;gap:18px;padding:6px 0 4px;max-height:68vh;overflow-y:auto;overscroll-behavior:contain}
.lf-g{border:0;margin:0;padding:0;min-width:0}
/* başlık yüzer: fieldset'in özel legend yerleşimi kalkar, ayraç çizgisi başlığın üstünde kalır */
.lf-g legend{float:left;width:100%;padding:0;margin-bottom:4px;font-size:var(--fs-base);font-weight:var(--fw-bold)}
/* işaretlemeli satır: solda kutu, ad, sağda kaç deneyim */
.lf-c{clear:both;display:flex;flex-direction:column}
.lf-o{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:4px 0;text-align:left;font-size:var(--fs-base);color:var(--ink)}
.lf-cb{display:grid;place-items:center;flex:none;width:22px;height:22px;border:1.5px solid #C9CEDA;border-radius:var(--r-xs);background:var(--card);color:transparent}
.lf-cb svg{width:15px;height:15px;stroke-width:3}
.lf-o[aria-checked="true"] .lf-cb{background:var(--navy);border-color:var(--navy);color:#fff}
.lf-o[aria-checked="true"] .lf-l{font-weight:var(--fw-semi)}
.lf-l{flex:1;min-width:0}
.lf-o i{font-style:normal;font-size:var(--fs-md);color:var(--mute);font-variant-numeric:tabular-nums}
.lf-more{align-self:flex-start;margin-top:4px;padding:6px 0;font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.lf-g+.lf-g{padding-top:18px;border-top:1px solid var(--line)}
.lf-f{display:flex;gap:10px;padding-top:16px;margin-top:8px;border-top:1px solid var(--line)}
.lf-f .btn{justify-content:center;padding:14px;font-size:var(--fs-base)}
.lf-f .ghost{flex:none;padding:14px 18px}
.lf-f .green{flex:1}
.lf-f .btn:disabled{opacity:.45}
/* Kategori sayfası (v2/karadeniz-turlari/, scripts/kategoriler.mjs): başlığın
   üstünde sayfa yolu; listenin altında açıklama, sık sorulan sorular ve ilgili kategoriler */
.bc ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;margin-top:6px;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--navy-ink)}
.bc a{display:inline-block;padding:4px 0}
.bc li+li::before{content:"›";margin:0 7px;opacity:.7}
.pg-top .bc+h1{margin-top:0}
.pg-top.cover .bc{margin-top:auto}
.pg-top.cover .bc ol{color:rgba(255,255,255,.92)}
.stack+.kat-seo{margin-top:24px}
.box.kat-seo p a{color:var(--ink);font-weight:var(--fw-semi);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.kat-seo .u-faq summary h3{font:inherit}
/* Şehir sayfası (v2/izmir/): tür çipleri, türlere göre raylar ve özellik çipleri, kiminle, semtler */
.sh-tur{padding:14px 0 0}
.sh-tur .kat-il{margin-top:0}
.sh-sec .rail{padding-top:12px}
.sh-oz{padding:2px 0 0}
/* tür ve özellik bağları tek satır: yalnızca sağa-sola kayar, sade ince çipler */
.sh-tur .kat-il,.sh-oz .kat-il{flex-wrap:nowrap;gap:6px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 16px}
.sh-tur .kat-il::-webkit-scrollbar,.sh-oz .kat-il::-webkit-scrollbar{display:none}
.sh-tur .kat-il li,.sh-oz .kat-il li{flex:none}
.sh-tur .kat-il a,.sh-oz .kat-il a{min-height:32px;padding:0 12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:var(--fs-sm);white-space:nowrap}
.sh-sec>.kat-il{margin-top:12px}
/* Deneyim sayfası: kalıcı sayfadaki sayfa yolu açık zeminde; bulunduğu sayfalar */
.u-hd .bc ol{color:var(--mute);margin:0 0 8px}
.u-ilgili{margin-top:24px}

/* Ürün */
.ug{position:relative;margin-top:12px}
.ug-tr{display:flex;gap:10px;height:min(210px,30vh);min-height:184px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.ug-tr::-webkit-scrollbar{display:none}
/* kart ortada, ekrandan 64px dar: iki yanda komşu kartların ucu görünür */
.ug-f{flex:0 0 calc(100% - 64px);height:100%;scroll-snap-align:center;border-radius:var(--r-lg);overflow:hidden}
.ug-dots{display:flex;justify-content:center;gap:5px;margin-top:10px}
.ug-dots i{width:6px;height:6px;border-radius:50%;background:var(--line);transition:width var(--t) var(--ease),background-color var(--t) var(--ease)}
.ug-dots i.on{width:16px;border-radius:var(--r-pill);background:var(--navy)}
/* üst çubuk: diğer sayfalardaki lacivert bant (Gönderi gibi: ortada ad, altında soluk
   tür · yer). Sabit durur; başlık geçince altında bölüm sekmeleri açılır */
.u-top{position:sticky;z-index:14;top:0;padding-top:calc(10px + env(safe-area-inset-top,0px))}
.u-top .bar{position:relative}
.u-top .bk-mid{left:56px;right:96px}
.u-top .bk-mid .bk-h{display:block;font-size:var(--fs-lg);font-weight:var(--fw-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u-top .bar-i{margin-left:auto;display:flex;gap:2px}
.u-top .ib{color:#fff}
.u-top .ib[aria-pressed="true"] svg{fill:#E0464B;stroke:#E0464B}
.u-tabs{display:none;position:fixed;z-index:13;left:50%;transform:translateX(-50%);width:100%;max-width:440px;gap:22px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;padding:24px 16px 0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 6px 18px rgba(20,26,46,.08)}
.u-tabs::-webkit-scrollbar{display:none}
.u-tabs button{flex:none;position:relative;height:44px;font-size:var(--fs-md);font-weight:var(--fw-semi);color:var(--mute);white-space:nowrap}
.u-tabs button[aria-current="true"]{color:var(--navy);font-weight:var(--fw-bold)}
.u-tabs button[aria-current="true"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:var(--r-pill);background:var(--navy)}
.u-tabs.on{display:flex}
.u-hd{padding:18px 16px 0;scroll-margin-top:120px}
.u-type{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.u-type .type{position:static;display:inline-flex;align-items:center;height:26px;line-height:var(--lh-none);padding:0 9px;background:var(--soft)}
.u-hd h1{font-size:var(--fs-2xl);font-weight:var(--fw-black);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);margin-top:10px}
@media (max-width:374px){.u-hd h1{font-size:clamp(20px,6.1vw,24px)}}
.u-hd .meta{font-size:var(--fs-md);margin-top:6px}
.u-proof{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.u-sep{flex:none;width:1px;height:22px;background:var(--line)}
/* dar ekranda paylaşımlar ikinci satıra iner, ayraç gizlenir */
@media (max-width:374px){.u-proof{flex-wrap:wrap;row-gap:10px}.u-sep{display:none}.u-ppl{flex-basis:100%}}
/* başlık bloğu: tür ve Kâşif rozeti aynı satırda, aynı yükseklikte */
.u-type .lvb.in{margin-top:0;align-self:center;height:26px;line-height:var(--lh-none);padding:0 10px}
.u-sc{display:inline-flex;align-items:center;gap:8px;min-width:0;font-size:var(--fs-sm);color:var(--mute);white-space:nowrap}
.u-sc .score{font-size:var(--fs-md);color:var(--ink)}
.u-nr{font-size:var(--fs-md);color:var(--mute)}
.u-ppl{display:inline-flex;align-items:center;gap:7px;min-width:0;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--mute);white-space:nowrap}
.u-ppl .stk{display:flex}
.u-ppl .ava.s{width:24px;height:24px;font-size:var(--fs-xs);line-height:var(--lh-none);letter-spacing:var(--ls-initials);box-shadow:0 0 0 2px #fff}
.u-ppl .ava.s+.ava.s{margin-left:-5px}
.u-facts{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin:16px 16px 0;padding:12px 0;border-radius:var(--r-lg);background:var(--card);box-shadow:0 0 0 1px var(--line)}
.u-facts li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 8px;text-align:center;font-size:var(--fs-md);font-weight:var(--fw-semi);line-height:var(--lh-snug)}
.u-facts li+li{border-left:1px solid var(--line)}
@media (max-width:374px){.u-facts li{padding:0 4px;font-size:var(--fs-sm)}}
.u-facts svg{width:20px;height:20px;color:var(--ink);stroke-width:1.8}
/* kalkış tarihleri: dörtlü ızgara (ilk üç tarih + Tüm tarihler) */
.u-dsec .u-dates{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.u-dsec .u-dates button{min-width:0;padding:8px 4px}
.u-dates .more-d{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--navy);background:var(--soft);border-color:transparent;line-height:var(--lh-tight)}
.u-dates .more-d svg{width:18px;height:18px}
/* Tüm tarihler çekmecesi: aylara bölünmüş dörtlü ızgara */
#udSheet .u-dall{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
#udSheet .u-dall button{min-width:0;padding:8px 4px}
.u-dn{font-size:var(--fs-sm);color:var(--mute)}
.u-dm{margin-top:16px;font-size:var(--fs-base);font-weight:var(--fw-bold)}
#udSheet .pl-in{padding-bottom:20px}
.u-cx{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:var(--fs-md);color:var(--mute)}
.u-cx:empty{display:none}
.u-cx svg{width:17px;height:17px;flex:none;color:var(--ink)}
.u-cx b{color:var(--ink);font-weight:var(--fw-semi)}
main#urun [id]{scroll-margin-top:110px}
.u-sec{padding:28px 16px 0}
#paylasimlar{scroll-margin-top:8px}
.u-first{display:flex;gap:12px;align-items:flex-start;margin-top:12px;padding:14px;border-radius:var(--r-md);background:var(--soft);color:var(--ink)}
.u-first svg{width:24px;height:24px;flex:none}
.u-first p{font-size:var(--fs-md);line-height:var(--lh-body);color:var(--ink)}
#uPosts,#uSim{padding-bottom:8px}
main#urun .box{margin-top:16px}
main#urun .box:first-of-type{margin-top:24px}
.u-dates{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.u-dates button{min-width:68px;padding:8px 10px;border-radius:var(--r-md);border:1px solid var(--line);text-align:center;line-height:var(--lh-snug)}
.u-dates small{display:block;font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--mute)}
.u-dates b{font-size:var(--fs-base);font-variant-numeric:tabular-nums}
.u-dates button[aria-checked="true"]{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);background:#EEF0F7;color:var(--navy)}
.u-dates button[aria-checked="true"] small{color:var(--navy)}
/* ürün içeriği: açıklama, program, dahil/hariç, konum, değerlendirmeler */
.box .u-about{color:var(--ink);font-size:var(--fs-base);line-height:var(--lh-read);margin-top:var(--sp-head)}
.u-prog{list-style:none;margin-top:16px}
.u-prog li{display:grid;grid-template-columns:52px 14px 1fr;column-gap:10px}
.u-prog .k{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--navy);padding-top:2px;font-variant-numeric:tabular-nums;line-height:var(--lh-snug)}
.u-prog .dot{position:relative}
.u-prog .dot::before{content:"";position:absolute;left:3px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--navy);box-shadow:0 0 0 3px var(--soft)}
.u-prog .dot::after{content:"";position:absolute;left:6px;top:20px;bottom:2px;width:2px;border-radius:var(--r-xs);background:var(--line)}
.u-prog li:last-child .dot::after,.u-prog li:has(+li[hidden]) .dot::after{background:linear-gradient(var(--line),transparent)}
.u-prog .c{padding-bottom:16px;min-width:0}
.u-prog b{display:block;font-size:var(--fs-base);font-weight:var(--fw-bold);line-height:var(--lh-snug)}
.box .u-prog p{margin-top:2px}
.u-more{display:block;width:100%;min-height:44px;margin-top:4px;border-radius:var(--r-md);background:var(--soft);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--navy)}
.u-inc h3,.u-h3{margin-top:14px;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--mute)}
.u-inc h3+.ticks{margin-top:8px}
.ticks.no svg{color:var(--mute);stroke-width:2}
.ticks.no li{color:var(--mute)}
.u-place{display:flex;gap:12px;align-items:flex-start;margin-top:12px}
.u-place svg{width:22px;height:22px;flex:none;color:var(--navy);margin-top:1px}
.u-place b{font-size:var(--fs-base);font-weight:var(--fw-bold);line-height:var(--lh-ui)}
.box .u-place p{margin-top:2px}
.u-info{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:var(--fs-md);line-height:var(--lh-body);color:var(--ink)}
.u-info li{display:flex;gap:10px;align-items:flex-start}
.u-info svg{width:18px;height:18px;flex:none;margin-top:1px;color:var(--navy)}
/* sıkça sorulan sorular: açılır kapanır */
.u-faq{margin-top:6px}
.u-faq details{border-bottom:1px solid var(--line)}
.u-faq details:last-child{border-bottom:0}
.u-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;font-size:var(--fs-base);font-weight:var(--fw-semi);cursor:pointer;min-height:44px}
.u-faq summary::-webkit-details-marker{display:none}
.u-faq summary svg{width:18px;height:18px;flex:none;color:var(--mute);transform:rotate(90deg);transition:transform var(--t) var(--ease)}
.u-faq details[open] summary svg{transform:rotate(-90deg)}
.box .u-faq p{margin:0;padding:0 0 14px;font-size:var(--fs-md)}
.u-revs{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.rv{padding:12px;border-radius:var(--r-md);background:var(--soft)}
.rv-h{display:flex;align-items:center;gap:10px}
.rv-h .x{flex:1;min-width:0;line-height:var(--lh-snug)}
.rv-h b{display:block;font-size:var(--fs-md);font-weight:var(--fw-bold)}
.rv-h small{font-size:var(--fs-xs);font-weight:var(--fw-semi);color:var(--mute)}
.u-asp{list-style:none;display:flex;flex-direction:column;gap:9px;margin-top:16px}
.u-asp li{display:grid;grid-template-columns:minmax(0,1fr) 42% 28px;align-items:center;gap:10px;font-size:var(--fs-md)}
.u-asp i{height:6px;border-radius:var(--r-pill);background:var(--soft);overflow:hidden}
.u-asp em{display:block;height:100%;border-radius:inherit;background:var(--navy)}
.u-asp b{font-weight:var(--fw-bold);text-align:right;font-variant-numeric:tabular-nums}
.box .u-only{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:var(--fs-sm)}
.u-only svg{width:16px;height:16px;flex:none;color:var(--ink)}
#yorumlar .u-more{margin-top:12px}
.rv-s{background:var(--navy);color:#fff;font-size:var(--fs-sm);font-weight:var(--fw-bold);padding:3px 7px;border-radius:var(--r-xs);font-variant-numeric:tabular-nums}
.box .rv p{margin-top:8px;color:var(--ink)}
.u-rev{display:flex;align-items:center;gap:12px;margin-top:10px}
.u-rev .big{background:var(--navy);color:#fff;font-size:var(--fs-2xl);font-weight:var(--fw-black);border-radius:var(--r-md) var(--r-md) var(--r-md) var(--r-xs);padding:8px 10px;font-variant-numeric:tabular-nums}
.u-rev b{display:block;font-size:var(--fs-base);font-weight:var(--fw-bold)}
.u-rev span{font-size:var(--fs-sm);color:var(--mute);line-height:var(--lh-ui)}

/* Rezervasyonlar */
.rz-list{display:flex;flex-direction:column;gap:14px;padding:16px 16px 0}
#plan .feed-note+.stack{padding-top:0}
.rz{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:12px}
.rz-hd{display:flex;align-items:center;gap:12px}
.rz-hd .pt{width:64px;height:64px;border-radius:var(--r-md);flex:none}
.rz-hd .x{flex:1;min-width:0;line-height:var(--lh-snug)}
.rz-hd small{display:block;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);color:var(--mute)}
.rz-hd b{display:block;font-size:var(--fs-base);font-weight:var(--fw-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rz-hd span{font-size:var(--fs-sm);color:var(--mute)}
.rz-hd>svg{width:18px;height:18px;color:var(--mute)}
.rz-rows{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.rz-rows small{display:block;font-size:var(--fs-xs);color:var(--mute);font-weight:var(--fw-medium)}
.rz-rows b{font-size:var(--fs-md);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;white-space:nowrap}
.rz-rows>div:first-child{min-width:0}
.rz-rows>div:first-child b{white-space:normal}
.rz-rows .ok{color:var(--ink)}
.rz-acts{display:flex;gap:8px;margin-top:12px}
.rz-acts .btn{flex:1;justify-content:center;padding:11px 8px;font-size:var(--fs-md);white-space:nowrap}
@media (max-width:374px){.rz-acts .btn svg{display:none}}
.rz-no{margin-top:10px;font-size:var(--fs-xs);color:var(--mute)}
.rz-share{margin-top:12px;padding:12px;border-radius:var(--r-md);background:var(--soft)}
.rz-share b{font-size:var(--fs-base);font-weight:var(--fw-bold)}
.rz-share p{font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--ink);margin-top:2px}
.rz-done{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--ink)}
.rz-done svg{width:16px;height:16px;stroke-width:2.6}
.rz-hd small{display:flex;align-items:center;gap:8px}
.rz-cd{font-style:normal;letter-spacing:0;font-size:var(--fs-xs);font-weight:var(--fw-semi);color:var(--ink);background:var(--soft);border-radius:var(--r-pill);padding:2px 8px}
.rz-pay{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border-radius:var(--r-md);background:var(--soft)}
.rz-pay small{display:block;font-size:var(--fs-xs);color:var(--mute);font-weight:var(--fw-medium)}
.rz-pay b{font-size:var(--fs-base);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}
.rz-pay .btn{padding:10px 14px;flex:none}
.rz-ft{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.rz-ft .rz-no{margin-top:0}
.rz-cx{font-size:var(--fs-xs);font-weight:var(--fw-semi);color:var(--mute);text-decoration:underline;text-underline-offset:2px;padding:6px 0 6px 8px;min-height:32px}
.rz-rv{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:var(--fs-sm);font-weight:var(--fw-semi)}
.rz-rv .rz-cx{margin-left:auto}
/* Planlarım çekmeceleri */
.pl-sh{display:flex;flex-direction:column;max-height:calc(100dvh - 24px)}
.pl-sh .pl-in{padding-top:4px;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;margin:0 -16px;padding:4px 16px 0}
.dg-h{margin-top:16px;font-size:var(--fs-sm);font-weight:var(--fw-bold)}
.dg-h small,.dg-l small{font-weight:var(--fw-regular);color:var(--mute)}
.dg-n{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-top:8px}
.dg-n button{min-height:40px;padding:0;border-radius:var(--r-sm);border:1px solid var(--line);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--ink);font-variant-numeric:tabular-nums}
.dg-n button[aria-checked="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.dg-alt{display:grid;gap:4px;margin-top:6px}
.dg-r{display:grid;grid-template-columns:118px 1fr 28px;align-items:center;gap:10px;min-height:40px}
.dg-r label{font-size:var(--fs-md)}
.dg-r output{text-align:right;font-size:var(--fs-md);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}
.dg-r input{width:100%;accent-color:var(--navy);height:28px}
.dg-r input:not([data-set]){opacity:.55}
@media (max-width:374px){.dg-r{grid-template-columns:96px 1fr 24px;gap:8px}.dg-r label{font-size:var(--fs-sm)}}
.tk-c{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:16px;border-radius:var(--r-lg);border:1px solid var(--line);margin-bottom:16px}
.tk-c b{font-size:var(--fs-lg);font-weight:var(--fw-bold)}
.tk-c span{font-size:var(--fs-sm);color:var(--mute)}
.tk-c .qr{width:180px;height:180px;margin:12px 0 4px}
.qr *{stroke:none}
.tk-c strong{font-size:var(--fs-base);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);font-variant-numeric:tabular-nums}
.tk-c small{font-size:var(--fs-sm);color:var(--mute);margin-top:4px}
.ex-b .btn svg{width:18px;height:18px}
.bn-map{position:relative;height:132px;border-radius:var(--r-lg);overflow:hidden;background:
  linear-gradient(90deg,transparent 46%,#fff 46%,#fff 50%,transparent 50%),
  linear-gradient(0deg,transparent 58%,#fff 58%,#fff 62%,transparent 62%),
  linear-gradient(28deg,transparent 70%,#fff 70%,#fff 73%,transparent 73%),
  linear-gradient(160deg,#E6EEF5,#D3E4EE 60%,#BFD8E8);display:grid;place-items:center}
.bn-map::after{content:"";position:absolute;right:0;top:0;bottom:0;width:26%;background:#A9CBE2}
.bn-pin{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--navy);box-shadow:var(--shadow)}
.bn-pin svg{width:24px;height:24px}
.bn-x{margin:14px 0 16px}
.bn-x b{display:block;font-size:var(--fs-lg);font-weight:var(--fw-bold)}
.bn-x span{display:block;font-size:var(--fs-sm);color:var(--mute);margin-top:2px}
.bn-x p{font-size:var(--fs-md);margin-top:10px;line-height:var(--lh-body)}
.bn-x strong{font-weight:var(--fw-bold)}
.bn-x .bn-n{color:var(--mute);margin-top:6px}
.pay-l{display:grid;gap:8px;padding:12px;border-radius:var(--r-md);background:var(--soft)}
.pay-l div{display:flex;justify-content:space-between;font-size:var(--fs-md)}
.pay-l dt{color:var(--mute)}
.pay-l dd{font-weight:var(--fw-semi);font-variant-numeric:tabular-nums}
.pay-l .tot{padding-top:8px;border-top:1px solid var(--line);font-size:var(--fs-base)}
.pay-l .tot dt{color:var(--ink);font-weight:var(--fw-bold)}
.pay-l .tot dd{font-weight:var(--fw-bold)}
.pay-h{margin-top:16px;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--mute)}
.pay-b{margin-top:16px}
.dg-t{font-size:var(--fs-md);color:var(--mute)}
.dg-w{text-align:left;font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--mute);min-height:20px;margin-top:4px}
.dg-l{display:block;margin-top:14px;font-size:var(--fs-sm);font-weight:var(--fw-bold)}
.pl-sh textarea{width:100%;margin:6px 0 16px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);font:inherit;font-size:var(--fs-input);resize:none}
.ex-b .btn:disabled{opacity:.45}

/* Profil */
.pf-id{display:flex;align-items:center;gap:16px;margin-top:10px}
.pf-id .ava.l{width:68px;height:68px;font-size:var(--fs-xl)}
.pf-id .x{min-width:0;line-height:var(--lh-snug)}
.pf-id .x>b{display:block;font-size:var(--fs-xl);font-weight:var(--fw-black);letter-spacing:var(--ls-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-id .x>span{display:block;font-size:var(--fs-md);color:var(--navy-ink)}
.pf-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pf-lv,.pf-loc{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px 0 7px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold)}
.pf-lv{background:var(--green);color:var(--navy)}
.pf-loc{background:rgba(255,255,255,.1);color:#fff}
.pf-lv svg,.pf-loc svg{width:13px;height:13px;stroke-width:2.6}
.pf-bio{margin-top:14px;font-size:var(--fs-md);line-height:var(--lh-body);color:#fff!important}
.pf-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px;padding:12px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);text-align:center}
.pf-stats>*{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;line-height:var(--lh-tight)}
.pf-stats>*+*{border-left:1px solid rgba(255,255,255,.1)}
.pf-stats b{font-size:var(--fs-lg);font-weight:var(--fw-black);font-variant-numeric:tabular-nums}
.pf-stats span{font-size:var(--fs-xs);color:var(--navy-ink)}
.pf-acts{display:flex;gap:8px;margin-top:16px}
.pf-acts .btn{justify-content:center}
.pf-acts .btn.green{flex:1}
.pf-acts .btn svg{width:18px;height:18px;stroke-width:2.4}
.pf-acts .btn.sq{flex:none;width:46px;padding:0}
.pf-acts .btn{white-space:nowrap}
.pf-acts .sm{display:none}
/* dar telefonda kısa etiket, tek satır */
@media (max-width:359px){.pf-acts .lg{display:none}.pf-acts .sm{display:inline}}
.btn.ghost-d{background:rgba(255,255,255,.1);color:#fff}
/* Kısa lacivert başlık (Bedir: "Üst lacivert alan çok uzun"): adın yanında doğrulanmış rozeti (Kâşif etiketi kaldırıldı), şehir kullanıcı adının yanında, sayılar tek satır */
.pf-top{padding-bottom:16px}
.pf-top .pf-id{gap:12px;margin-top:10px}
.pf-top .pf-id .ava.l{width:52px;height:52px;font-size:var(--fs-lg);box-shadow:0 0 0 2px var(--navy),0 0 0 4px var(--green)}
.pf-nm{display:flex;align-items:center;gap:0;min-width:0}
.pf-nm b{min-width:0;font-size:var(--fs-xl);font-weight:var(--fw-black);letter-spacing:var(--ls-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-nm .vf{flex:none;width:15px;height:15px;margin-left:5px}
.pf-at{display:flex;align-items:center;gap:4px;margin-top:2px;font-size:var(--fs-md);color:var(--navy-ink);white-space:nowrap}
.pf-at i{font-style:normal;margin:0 2px}
.pf-at svg{width:13px;height:13px;stroke-width:2.4}
.pf-top .pf-bio{margin-top:10px;line-height:var(--lh-ui)}
/* sayılar ortalı, aralarında dikey çizgi; üstte ve altta çizgi yok (Bedir) */
.pf-top .pf-stats{margin-top:10px;padding:2px 0;border:0}
.pf-top .pf-stats>*{flex-direction:row;justify-content:center;align-items:baseline;gap:4px}
.pf-top .pf-stats b{font-size:var(--fs-base)}
.pf-top .pf-stats span{font-size:var(--fs-md)}
/* dar telefonda sayı üstte, yazı altta */
@media (max-width:374px){.pf-top .pf-stats>*{flex-direction:column;align-items:center;gap:0}}
.pf-top .pf-acts{margin-top:12px}
.pf-top .pf-acts .btn{padding-top:8px;padding-bottom:8px}
.pf-top .pf-acts .btn.sq{width:40px}
#pfTabs{margin:16px 16px 0}
#pfTabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:var(--fs-sm)}
#pfTabs svg{width:16px;height:16px}
/* seçili sekme beyaz, ikonu dolgulu (Bedir) */
#pfTabs button[aria-pressed="true"]{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(20,26,46,.12)}
#pfTabs button[aria-pressed="true"] svg{fill:currentColor}
/* dar telefonda üç sekme yazısıyla sığsın */
@media (max-width:359px){#pfTabs svg{display:none}}
.pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px 0}
.pf-sq{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:14px 16px 0}
.pf-sq a{aspect-ratio:1;border-radius:var(--r-xs);background-size:cover;background-position:center}
.pf-grid .pmini{width:auto}
.pmini.own{justify-content:flex-end}
.pmini.own .went{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:var(--r-pill);background:rgba(255,255,255,.95);color:var(--ink);font-size:var(--fs-xs);font-weight:var(--fw-bold)}
.pf-went{padding:6px 2px 0}
.pf-went .plink{background:var(--card);box-shadow:var(--shadow)}
/* Hesap ve ayarlar (Profil altı): Molapuan kartı gibi beyaz, ince satırlar */
.acc{padding:30px 16px 0}
.acc-h{margin:16px 2px 8px;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--mute);letter-spacing:var(--ls-caps);text-transform:uppercase}
.acc-c{display:block;border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow);overflow:hidden}
.acc-r{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:9px 12px 9px 14px;text-align:left;color:var(--ink)}
.acc-r+.acc-r{border-top:1px solid var(--line)}
.acc-r>i{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--soft);color:var(--ink)}
.acc-r>i svg{width:19px;height:19px;stroke-width:2}
.acc-r>span{flex:1;min-width:0;line-height:var(--lh-snug)}
.acc-r b{display:block;font-size:var(--fs-base);font-weight:var(--fw-semi)}
.acc-r small{display:block;margin-top:1px;font-size:var(--fs-sm);color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-r>svg{flex:none;width:18px;height:18px;stroke-width:2.2;color:var(--mute)}
.acc-out{margin-top:16px}

/* Rezervasyon akışı */
/* Rezervasyondan çıkma onayı: iki seçenek eşit boyda, ikisi de açıkça görünür */
.ex-t{font-size:var(--fs-base);color:var(--mute);margin:2px 0 16px;line-height:var(--lh-body)}
.ex-b{display:grid;gap:10px}
.ex-b .btn{justify-content:center;min-height:48px;font-size:var(--fs-base)}
/* geri oklu sayfaların üst çubuk başlığı (Gönderi, Rezervasyon): sayfa başlığı değil, çubuk başlığı boyutu */
.bk-h,.pg-top .bar h1.bk-h{font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:0;margin:0 0 0 4px}
.steps{display:flex;gap:6px;margin-top:12px;counter-reset:s}
.steps li{list-style:none;flex:1;font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--navy-ink);counter-increment:s;padding-top:8px;border-top:3px solid rgba(255,255,255,.18)}
.steps li::before{content:counter(s) ". "}
.steps li.ok{border-color:var(--green);color:#fff}
.steps li.on{border-color:#fff;color:#fff}
.bk-p{display:flex;align-items:center;gap:12px;margin:16px 16px 0}
.bk-p .pt{width:56px;height:56px;border-radius:var(--r-md);flex:none}
.bk-p .x{min-width:0;line-height:var(--lh-snug)}
.bk-p small{display:block;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);color:var(--mute)}
.bk-p b{display:block;font-size:var(--fs-base);font-weight:var(--fw-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-p span{font-size:var(--fs-sm);color:var(--mute)}
#bk .box h2+.u-dates{margin-top:12px}
.bk-one{display:flex;align-items:center;gap:8px;color:var(--ink)!important;font-size:var(--fs-base)!important}
.bk-one svg{width:18px;height:18px;color:var(--navy)}
.bk-opts{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.bk-opts button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--line);font-size:var(--fs-md);font-weight:var(--fw-semi);line-height:var(--lh-snug)}
.bk-opts small{display:block;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--mute);margin-top:2px}
.bk-opts small i{font-style:normal;font-weight:var(--fw-bold);color:var(--ink)}
.bk-opts b{font-weight:var(--fw-bold);white-space:nowrap}
.bk-opts button[aria-checked="true"]{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);background:var(--soft)}
.bk-qty{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bk-qty p{margin-top:2px}
.bk-form{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.bk-form label{font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--mute);margin-top:6px}
.bk-form input{font:inherit;font-size:var(--fs-input);padding:12px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card);color:var(--ink)}
.bk-form input[aria-invalid="true"]{border-color:#B42318}
.bk-login{font-size:var(--fs-md)!important;margin-top:14px!important}
.bk-login a,.bk-ok a{color:var(--navy);font-weight:var(--fw-bold);text-decoration:underline;text-underline-offset:2px}
.bk-sum{display:flex;flex-direction:column;gap:10px;margin-top:12px;font-size:var(--fs-md)}
.bk-sum div{display:flex;justify-content:space-between;gap:16px}
.bk-sum dt{color:var(--mute)}
.bk-sum dd{font-weight:var(--fw-semi);text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}
.bk-sum .ok{color:var(--ink)}
.bk-sum .tot{border-top:1px solid var(--line);padding-top:10px}
.bk-sum .tot dt,.bk-sum .tot dd{color:var(--ink);font-weight:var(--fw-black);font-size:var(--fs-lg)}
.bk-sum .now dd{font-weight:var(--fw-black)}
.bk-pay{display:flex;gap:10px;align-items:flex-start;margin-top:10px;padding:12px;border-radius:var(--r-md);background:var(--soft)}
.bk-pay svg{width:22px;height:22px;flex:none;color:var(--navy);margin-top:2px}
.bk-pay p{margin:0!important;font-size:var(--fs-md)!important}
.bk-pay b{color:var(--ink)}
.bk-ok{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:var(--fs-md);line-height:var(--lh-body)}
.bk-ok input{width:22px;height:22px;flex:none;accent-color:var(--navy);margin-top:1px}
.bk-done{text-align:center;padding:28px 24px 8px;display:flex;flex-direction:column;align-items:center;gap:8px}
.bk-done .ei{width:64px;height:64px;border-radius:50%;background:var(--green);display:grid;place-items:center;color:var(--navy)}
.bk-done .ei svg{width:32px;height:32px;stroke-width:2.6}
.bk-done h2{font-size:var(--fs-2xl);font-weight:var(--fw-black);margin-top:6px}
.bk-done p{font-size:var(--fs-base);line-height:var(--lh-body);color:var(--mute)}
.bk-done .no{font-size:var(--fs-md)}
.bk-acts{display:flex;flex-direction:column;gap:10px;margin:16px 16px 0}
.bk-acts .btn{justify-content:center;padding:14px}

/* Misafir tanıtımı (Planlarım, Profil) ve rezervasyon onayındaki hesap daveti */
.gi{margin:16px 16px calc(110px + env(safe-area-inset-bottom,0px));padding:20px 16px 16px;border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow)}
.gi h2{font-size:var(--fs-lg);font-weight:var(--fw-bold);letter-spacing:var(--ls-snug)}
.gi>p{margin-top:6px;font-size:var(--fs-md);line-height:var(--lh-body);color:var(--mute)}
.gi-l{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid var(--line)}
.gi-l li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.gi-l i{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--soft);color:var(--ink)}
.gi-l i img{display:block;width:36px;height:36px}
.gi-l i img.lg-k{width:30px;height:auto}
.gi-l i svg{width:19px;height:19px;stroke-width:2.2}
.gi-l span{min-width:0;line-height:var(--lh-snug)}
.gi-l b{display:block;font-size:var(--fs-base);font-weight:var(--fw-semi)}
.gi-l small{display:block;margin-top:1px;font-size:var(--fs-sm);color:var(--mute)}
.gi-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.gi-acts .btn{width:100%;justify-content:center;min-height:46px}
.gi-k{display:block;margin-top:12px;text-align:center;font-size:var(--fs-md);font-weight:var(--fw-semi);color:var(--navy);text-decoration:underline;text-underline-offset:2px}
.pf-top .pf-id .ava.gst{background:var(--navy-2);color:#fff;box-shadow:0 0 0 2px var(--navy),0 0 0 4px rgba(255,255,255,.35)}
.pf-top .pf-id .ava.gst svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2}
.gi-n{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.gi-n>img{flex:none;width:40px;height:40px}
.gi-n>div{flex:1;min-width:0}
.gi-n b{display:block;font-size:var(--fs-base);font-weight:var(--fw-bold)}
.gi-n p{margin-top:2px!important;font-size:var(--fs-sm)!important;color:var(--mute)}
.gi-n .btn{width:100%;justify-content:center;min-height:46px}

/* Gönderi sayfası: paylaşım + yorumlar, altta sabit yorum kutusu */
#gp{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
.cms{padding:14px 16px 8px;border-top:1px solid var(--line)}
.cms h2{font-size:var(--fs-md);font-weight:var(--fw-bold)}
.cms h2 span{color:var(--mute);font-weight:var(--fw-semi)}
.cm-l{list-style:none;margin:6px 0 0;padding:0}
.cmt{display:flex;align-items:flex-start;gap:10px;padding:10px 0}
.cmt .x{flex:1;min-width:0}
.cmt p{font-size:var(--fs-md);line-height:var(--lh-body);color:var(--ink)}
.cmt p b{font-weight:var(--fw-bold)}
.cmt p .vf{width:13px;height:13px;vertical-align:-2px;margin-left:2px}
.cmt small{display:block;margin-top:2px;font-size:var(--fs-xs);color:var(--mute)}
.cm-like{flex:none;display:grid;place-items:center;width:32px;height:32px;margin:-4px -6px 0 0;color:var(--mute)}
.cm-like svg{width:15px;height:15px;stroke-width:2.2}
.cm-like[aria-pressed="true"]{color:#E0245E}
.cm-like[aria-pressed="true"] svg{fill:currentColor}
.cm-none{padding:10px 0;font-size:var(--fs-md);color:var(--mute)}
.cm-in{position:fixed;z-index:15;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:440px;display:flex;align-items:center;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px)) 16px;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
.cm-in[hidden]{display:none}
.cm-in input{flex:1;min-width:0;min-height:42px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--soft);font-size:var(--fs-input);color:var(--ink)}
.cm-in button{flex:none;min-height:42px;padding:0 6px;font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--navy)}
.cm-in button:disabled{color:var(--mute);opacity:.6}
/* Başkasının profili (kisi/): Takip et yeşil eylem; takip edince sade */
/* kişi sayfası düğmeleri Profil'dekilerle aynı boyda (Bedir): yalnız renkler takip durumuna göre */
.pf-acts .k-follow{border-radius:var(--r-md);background:var(--green);color:var(--navy);font-size:var(--fs-md);box-shadow:none}
.pf-acts .k-follow[aria-pressed="true"]{background:rgba(255,255,255,.12);color:#fff}
/* başkasının profili: kullanıcı adı üst çubukta geri ve menü düğmelerinin arasında ortalı */
.pf-top .bar{position:relative}
/* ortalı çubuk başlığı + altında kullanıcı adı (Gönderi) */
.pg-top .bar:has(.bk-mid){position:relative}
.bk-mid{position:absolute;left:56px;right:56px;top:50%;transform:translateY(-50%);text-align:center;line-height:var(--lh-tight);pointer-events:none}
.pg-top .bk-mid h1.bk-h{margin:0;font-size:var(--fs-lg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-mid small{display:block;margin-top:2px;font-size:var(--fs-sm);font-weight:var(--fw-semi);color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-mid small:empty{display:none}
.pf-top .bar-l h1.bk-h{position:absolute;left:56px;right:56px;top:50%;transform:translateY(-50%);margin:0;text-align:center;font-size:var(--fs-lg);font-weight:var(--fw-black);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.cm-av{flex:none;display:block;border-radius:50%}
.cm-u{font-weight:var(--fw-bold);color:inherit}
.cm-rep{margin-left:10px;padding:4px 2px;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--mute)}
.cm-sub{list-style:none;margin:0 -36px 0 0;padding:0}
.cm-sub[hidden]{display:none}
/* Yanıtları gör: Instagram'daki gibi kısa çizgiyle başlar */
.cm-more{display:flex;align-items:center;gap:8px;margin-top:0;padding:2px 0;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--mute)}
.cm-more[hidden]{display:none}
.cm-more::before{content:"";width:24px;height:1px;background:var(--line-strong,#C9CED8)}
.cm-sub:not(:empty){margin-top:4px}
.cm-sub .cmt{padding:6px 0 0}
.cm-sub .ava.s{width:24px;height:24px;font-size:var(--fs-xs)}
.cm-to{position:absolute;left:0;right:0;bottom:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px 6px 16px;background:var(--soft);border-top:1px solid var(--line);font-size:var(--fs-sm);color:var(--mute)}
.cm-to[hidden]{display:none}
.cm-to button{display:grid;place-items:center;width:28px;height:28px;color:var(--mute)}
.cm-to svg{width:15px;height:15px;stroke-width:2.2}
.cm-at{color:var(--navy);font-weight:var(--fw-semi)}

/* Kişi sayfasında Mesaj */
.pf-acts .k-msg{flex:none}

/* Mesajlar listesi */
.ms-c{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 6px;border-radius:var(--r-pill);background:var(--soft);color:var(--navy);font-size:var(--fs-xs);font-weight:var(--fw-bold)}
.seg button[aria-pressed="true"] .ms-c{background:var(--navy);color:#fff}
.ms-q{display:flex;align-items:center;gap:8px;margin:16px 16px 4px;padding:0 14px;min-height:44px;border-radius:var(--r-pill);background:var(--soft);color:var(--mute)}
.ms-q svg{width:18px;height:18px}
.ms-q input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:var(--fs-input);color:var(--ink);outline:0}
.ms-q input::-webkit-search-cancel-button{-webkit-appearance:none}
.ms-hint{display:flex;align-items:center;gap:6px;margin:10px 16px 0;font-size:var(--fs-sm);color:var(--mute)}
.ms-hint svg{width:15px;height:15px}
.ms-l{list-style:none;margin:6px 0 0;padding:0}
.ms-r{display:flex;align-items:center;gap:12px;padding:10px 16px;color:var(--ink)}
.ms-r .ava.m{width:52px;height:52px;font-size:var(--fs-md)}
.ms-r .x{flex:1;min-width:0;line-height:var(--lh-snug)}
.ms-r b{display:flex;align-items:center;gap:1px;font-size:var(--fs-base);font-weight:var(--fw-semi);white-space:nowrap}
.ms-r .pv{display:block;margin-top:2px;font-size:var(--fs-md);color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-r.new b{font-weight:var(--fw-bold)}
.ms-r.new .pv{color:var(--ink);font-weight:var(--fw-semi)}
.ms-r .l1,.ms-r .l2{display:flex;align-items:center;gap:10px;min-width:0}
.ms-r .l1 b{flex:1;min-width:0;overflow:hidden}
.ms-r .l1 small{flex:none;font-size:var(--fs-sm);color:var(--mute);white-space:nowrap}
.ms-r.new .l1 small{color:var(--navy);font-weight:var(--fw-semi)}
.ms-r .l2{margin-top:2px;min-height:20px}
.ms-r .l2 .pv{flex:1;min-width:0;margin-top:0}
.ms-r .l2>i,.ms-r .l2>.ms-st{flex:none}
.ms-r .l2>i{min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--navy);color:#fff;font-style:normal;font-size:var(--fs-xs);font-weight:var(--fw-bold)}
.ms-mu{flex:none;display:inline-grid;margin-left:6px;color:var(--mute)}
.ms-mu svg{width:15px;height:15px;stroke-width:2}
/* son mesajın durumu: gönderildi (halka), iletildi (dolu gri), görüldü (minik avatar) */
.ms-st{display:grid;place-items:center;width:18px;height:18px;color:var(--mute)}
.ms-st svg{width:18px;height:18px;stroke-width:1.8}
.ms-st.dl svg circle{fill:#9AA1B5;stroke:#9AA1B5}
.ms-st.dl svg path{stroke:#fff;stroke-width:2.2}
.ms-st.seen{position:relative}
.ms-st.seen .ava.xs{flex:none;width:26px;height:26px;font-size:var(--fs-xs);position:absolute;top:-4px;right:0;transform:scale(.69);transform-origin:right center;box-shadow:none}
/* sola kaydırma: satırın altında üç işlem */
.ms-sw{position:relative;overflow:hidden}
.ms-sw .ms-r{position:relative;z-index:1;background:var(--page);touch-action:pan-y;will-change:transform}
.sw-a{position:absolute;top:0;right:0;bottom:0;display:flex}
.sw-b{width:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--soft);color:var(--ink);font-size:var(--fs-xs);font-weight:var(--fw-semi);white-space:nowrap}
.sw-b+.sw-b{border-left:1px solid var(--line)}
.sw-b svg{width:22px;height:22px;stroke-width:2}
.sw-b.arch{background:var(--navy);color:#fff;border-left:0}
.ms-ar{display:flex;align-items:center;gap:12px;width:100%;margin-top:4px;padding:14px 16px;border-top:1px solid var(--line);color:var(--ink);text-align:left}
.ms-ar svg:first-child{width:22px;height:22px;color:var(--mute)}
.ms-ar span{flex:1;font-size:var(--fs-base);font-weight:var(--fw-semi)}
.ms-ar em{font-style:normal;font-size:var(--fs-md);color:var(--mute)}
.ms-ar svg:last-child{width:18px;height:18px;color:var(--mute)}
.ms-arh{display:flex;align-items:center;gap:6px;margin:12px 16px 0}
.ms-arh button{display:grid;place-items:center;width:36px;height:36px;margin-left:-8px;color:var(--ink)}
.ms-arh svg{width:22px;height:22px}
.ms-arh b{font-size:var(--fs-lg);font-weight:var(--fw-bold)}
.ms-nq{margin:18px 16px;font-size:var(--fs-md);color:var(--mute)}
.nm-l{list-style:none;margin:0 -16px;padding:0;max-height:60vh;overflow:auto}
.nm-l a,.nm-l button{display:flex;align-items:center;gap:12px;width:100%;padding:9px 16px;text-align:left;color:var(--ink)}
.nm-l .x{flex:1;min-width:0;line-height:var(--lh-snug)}
.nm-l b{display:block;font-size:var(--fs-base);font-weight:var(--fw-semi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nm-l small{font-size:var(--fs-sm);color:var(--mute)}
.nm-l>li>*>svg:last-child{width:18px;height:18px;color:var(--mute)}
.dp-l .pt{flex:none;width:48px;height:48px;border-radius:var(--r-sm)}
.dp-l>li>button>svg:last-child{color:var(--navy)}

/* Sohbet */
/* Sohbet ekranı kaymaz: gövde görünen alana sabit (klavye açıkken de), yalnızca mesajlar kayar */
body.ch-pg{position:fixed;left:0;right:0;top:var(--vvt,0px);height:var(--vvh,100dvh);min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}
.ch-pg>#ch{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.ch-pg>.ms-in,.ch-pg>.ms-req{position:static;transform:none;flex:none}
.ch-top{flex:none;position:relative;z-index:12;border-radius:0;padding-bottom:10px}
.ch-who{min-width:0}
.ch-who a{display:flex;align-items:center;gap:10px;min-width:0;color:#fff}
.ch-who .ava.s{width:36px;height:36px;font-size:var(--fs-xs);box-shadow:0 0 0 1.5px rgba(255,255,255,.85)}
.ch-who .x{min-width:0;line-height:var(--lh-snug)}
.ch-who b{display:flex;align-items:center;font-size:var(--fs-base);font-weight:var(--fw-bold);white-space:nowrap}
.ch-who small{display:block;font-size:var(--fs-sm);color:var(--navy-ink)}
.ms-c-l{list-style:none;margin:0;padding:8px 12px 12px}
.ms-start{display:flex;flex-direction:column;align-items:center;gap:2px;padding:22px 0 18px;text-align:center}
.ms-start .ava.l{width:72px;height:72px;margin-bottom:8px;box-shadow:none;font-size:var(--fs-xl)}
.ms-start b{display:flex;align-items:center;font-size:var(--fs-lg);font-weight:var(--fw-bold)}
.ms-start small{font-size:var(--fs-sm);color:var(--mute)}
.ms-start .btn{margin-top:10px;min-height:36px;padding:6px 14px;font-size:var(--fs-sm)}
.ms-day{display:flex;justify-content:center;margin:14px 0 8px}
.ms-day span{font-size:var(--fs-xs);font-weight:var(--fw-semi);color:var(--mute)}
.ms-m{display:flex;align-items:flex-end;gap:8px;margin-top:2px}
.ms-m.first{margin-top:8px}
.ms-m.me{justify-content:flex-end}
.ms-m .ava.s{width:28px;height:28px}
.ava-sp{flex:none;width:28px}
.ms-b{display:flex;flex-direction:column;gap:4px;max-width:76%;min-width:0}
.ms-m.me .ms-b{align-items:flex-end}
.ms-b>small{margin:1px 6px 0;font-size:var(--fs-xs);color:var(--mute)}
.bb{padding:9px 13px;border-radius:var(--r-lg);font-size:var(--fs-base);line-height:var(--lh-ui);overflow-wrap:anywhere;background:var(--soft);color:var(--ink)}
.ms-m.me .bb{background:var(--navy);color:#fff}
.ms-m.they:not(.first) .bb{border-top-left-radius:var(--r-xs)}
.ms-m.they:not(.last) .bb{border-bottom-left-radius:var(--r-xs)}
.ms-m.me:not(.first) .bb{border-top-right-radius:var(--r-xs)}
.ms-m.me:not(.last) .bb{border-bottom-right-radius:var(--r-xs)}
/* deneyim kartı mesajda: ince beyaz kart */
.ms-pc{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;width:248px;max-width:100%;padding:8px;border-radius:var(--r-lg);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}
.ms-pi{width:56px;height:56px;border-radius:var(--r-sm)}
.ms-pc .x{min-width:0;line-height:var(--lh-snug)}
.ms-pc small{display:block;font-size:var(--fs-xs);color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-pc b{display:block;font-size:var(--fs-md);font-weight:var(--fw-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-pc em{display:flex;align-items:center;gap:8px;margin-top:2px;font-style:normal;font-size:var(--fs-sm);font-weight:var(--fw-semi)}
.ms-pc .st{display:inline-flex;align-items:center;gap:2px}
.ms-pc .st svg{width:12px;height:12px;fill:var(--gold);stroke:none}
.ms-inv{grid-column:1/-1;display:flex;align-items:center;gap:6px;padding:2px 2px 0;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--mute);text-transform:uppercase;letter-spacing:var(--ls-caps)}
.ms-inv svg{width:15px;height:15px;stroke-width:2.2}
.ms-cta{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:4px;min-height:38px;border-radius:var(--r-md);background:var(--green);color:var(--navy);font-size:var(--fs-md);font-weight:var(--fw-bold)}
.ms-cta svg{width:16px;height:16px;stroke-width:2.4}
/* paylaşım kartı mesajda */
.ms-ps{display:block;width:184px;border-radius:var(--r-lg);overflow:hidden;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}
.ms-ph{display:flex;align-items:center;gap:6px;padding:8px 10px}
.ms-ph .ava.xs{width:22px;height:22px;font-size:var(--fs-xs);letter-spacing:var(--ls-initials)}
.ms-ph b{font-size:var(--fs-sm);font-weight:var(--fw-bold)}
.ms-ph .vf{margin-left:0}
.ms-pim{display:block;aspect-ratio:1}
.ms-pt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:8px 10px 10px;font-size:var(--fs-sm);line-height:var(--lh-ui)}
/* yazma kutusu */
.ms-in{position:fixed;z-index:15;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:440px;display:flex;align-items:center;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);border-top:1px solid var(--line)}
.ms-in[hidden]{display:none}
.ms-in input{flex:1;min-width:0;min-height:42px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--soft);font-size:var(--fs-input);color:var(--ink)}
.ms-add,.ms-go{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--navy)}
.ms-add{background:var(--soft)}
.ms-add svg,.ms-go svg{width:21px;height:21px;stroke-width:2.1}
.ms-go:disabled{color:var(--mute);opacity:.5}
/* mesaj isteği */
.ms-req{position:fixed;z-index:15;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:440px;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid var(--line)}
.ms-req p{font-size:var(--fs-md);line-height:var(--lh-body);color:var(--mute)}
.ms-req p b{color:var(--ink);font-weight:var(--fw-bold)}
.ms-req-b{display:flex;gap:8px;margin-top:12px}
.ms-req-b .btn{flex:1;justify-content:center;min-height:44px;font-size:var(--fs-base)}
/* sohbet seçenekleri */
.op-l{list-style:none;margin:4px -16px 0;padding:0}
.op-l button{display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:0 16px;font-size:var(--fs-base);text-align:left}
.op-l svg{width:21px;height:21px}
.op-l .dng{color:#C62828}
.op-c p{font-size:var(--fs-base);line-height:var(--lh-body);color:var(--ink);margin-top:4px}
.ms-m.they.last>.ava{margin-bottom:23px}

/* ---- Bildirimler ---- */
.nt-b.green{background:var(--green);box-shadow:none}
.nt-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:18px 16px 4px}
.nt-h{font-size:var(--fs-lg);font-weight:var(--fw-bold)}
.nt-hd button{font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--navy);min-height:32px}
.nt-l{list-style:none;margin:0;padding:0}
.nt-r{display:flex;align-items:center;gap:10px;padding:0 16px 0 0}
.nt-r.new{background:#F5F7FC}
.nt-a{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:11px 0 11px 16px;color:var(--ink)}
.nt-av{position:relative;width:44px;height:44px;flex:none}
.nt-av>.ava.m{width:44px;height:44px;font-size:var(--fs-md)}
.nt-bd{position:absolute;right:-3px;bottom:-3px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 1px 3px rgba(20,26,46,.18)}
.nt-bd svg{width:12px;height:12px;fill:var(--navy);stroke:none}
.nt-bd svg .w{fill:none;stroke:#fff;stroke-width:1.6}
.nt-ic{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--navy)}
.nt-r.new .nt-ic:not(.nt-mp){background:#fff}
.nt-ic svg{width:21px;height:21px}
.nt-ic.nt-mp{background:none}
.nt-ic.nt-mp img{width:44px;height:44px;border-radius:50%}
.nt-two{position:absolute;inset:0}
.nt-two .ava{position:absolute;width:31px;height:31px;font-size:var(--fs-xs)}
.nt-two .ava:first-child{left:0;top:0}
.nt-two .ava:last-child{right:0;bottom:0;box-shadow:0 0 0 2px #fff}
.nt-r.new .nt-two .ava:last-child{box-shadow:0 0 0 2px #F5F7FC}
.nt-x{flex:1;min-width:0;font-size:var(--fs-md);line-height:var(--lh-ui);overflow-wrap:anywhere}
.nt-x b{font-weight:var(--fw-bold)}
.nt-x .vf{width:13px;height:13px;margin:0 1px 0 2px;vertical-align:-2px}
.nt-x s{color:var(--mute)}
.nt-x time{font-size:var(--fs-sm);color:var(--mute);white-space:nowrap}
.nt-r.new .nt-x time{color:var(--navy);font-weight:var(--fw-semi)}
.nt-q{color:var(--mute)}
.nt-g{color:var(--green-ink)}
.nt-off{display:inline-block;padding:1px 7px;border-radius:var(--r-pill);background:var(--green);color:var(--navy);font-size:var(--fs-xs);font-weight:var(--fw-bold);white-space:nowrap}
.nt-th{width:44px;height:44px;flex:none;border-radius:var(--r-sm)}
.nt-b{flex:none;display:inline-grid;place-items:center;min-height:32px;padding:0 12px;border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--navy);background:#fff;box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap}
.nt-r .follow{flex:none;background:#fff}
.nt-r .follow[aria-pressed="true"]{background:var(--soft)}
/* bildirim ayarları */
.ns-l{list-style:none;margin:4px 0 0;padding:0}
.ns-l li{display:flex;align-items:center;gap:12px;padding:12px 0}
.ns-l li+li{border-top:1px solid var(--line)}
.ns-l li>span:first-child{flex:1;min-width:0;line-height:var(--lh-snug)}
.ns-l b{display:block;font-size:var(--fs-base);font-weight:var(--fw-semi)}
.ns-l small{display:block;margin-top:2px;font-size:var(--fs-sm);color:var(--mute)}
.ns-lock{font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--mute)}
.sw{position:relative;flex:none;width:46px;height:28px;border-radius:var(--r-pill);background:var(--line);transition:background var(--t)}
.sw::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(20,26,46,.25);transition:transform var(--t) var(--ease)}
.sw[aria-checked="true"]{background:var(--navy)}
.sw[aria-checked="true"]::after{transform:translateX(18px)}
@media (max-width:374px){#ntTabs button{font-size:var(--fs-sm)}#ntTabs .ms-c{min-width:18px;height:18px;padding:0 5px;margin-left:2px}}

/* ürün sayfasının alt çubuğu: üstte eski fiyat + indirim, ortada fiyat ve birim,
   altta seçilen tarih ve Kâşif fiyatı; sağda yeşil düğme */
.cta-bar{box-shadow:0 -6px 20px rgba(20,26,46,.06)}
.cta-bar .pp{display:flex;flex-direction:column;gap:2px}
.cta-bar .pp-o{display:flex;align-items:center;gap:6px}
.cta-bar .pp-o s{font-size:var(--fs-sm);color:var(--mute);margin:0}
.cta-bar .pp-o em{font-style:normal;background:var(--green);color:var(--navy);font-size:var(--fs-xs);font-weight:var(--fw-bold);line-height:var(--lh-none);padding:3px 7px;border-radius:var(--r-pill)}
.cta-bar .pp-n{display:flex;align-items:baseline;gap:5px;white-space:nowrap}
.cta-bar .pp-n small{display:inline;font-size:var(--fs-sm);color:var(--mute);font-weight:var(--fw-medium)}
.cta-bar .pp-m{font-size:var(--fs-xs);font-weight:var(--fw-semi);color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Rezervasyon: yaşa göre kişi, kalkış ve buluşma noktası, katılımcılar */
.bk-ppl{display:flex;flex-direction:column;margin-top:8px}
.bk-pr{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}
.bk-pr+.bk-pr{border-top:1px solid var(--line)}
.bk-pr b{display:block;font-size:var(--fs-base);font-weight:var(--fw-bold)}
.bk-pr small{display:block;font-size:var(--fs-sm);color:var(--mute);margin-top:2px}
.bk-pr small i{font-style:normal;font-weight:var(--fw-bold);color:var(--ink)}
.bk-stops button{justify-content:flex-start}
.bk-stops .t{flex:none;min-width:52px;font-size:var(--fs-lg);font-weight:var(--fw-black);font-variant-numeric:tabular-nums;color:var(--navy)}
.bk-stop1{display:flex;gap:10px;align-items:flex-start;margin-top:10px}
.bk-stop1 svg{width:20px;height:20px;flex:none;color:var(--navy);margin-top:1px;fill:none;stroke:currentColor;stroke-width:2}
.bk-stop1 b{display:block;font-size:var(--fs-base);font-weight:var(--fw-bold)}
.bk-stop1 span{display:block;font-size:var(--fs-sm);color:var(--mute);margin-top:2px}
.bk-stop1 p{margin-top:4px!important}
.bk-px{border:0;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px;min-width:0}
.bk-px legend{float:left;width:100%;padding:0;font-size:var(--fs-base);font-weight:var(--fw-bold);margin-bottom:2px}
.bk-f{display:flex;flex-direction:column;gap:6px}
.bk-f label,.bk-lb{font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--mute);margin-top:6px}
.bk-lb{display:block;margin-top:16px}
.bk-lb span{font-weight:var(--fw-medium)}
.bk-f input,.bk-f select,#bkPx textarea{font:inherit;font-size:var(--fs-input);padding:12px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card);color:var(--ink);width:100%}
.bk-f select{appearance:none;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23152048' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/18px}
#bkPx textarea{display:block;margin-top:6px;resize:vertical;min-height:64px}
.bk-f input[aria-invalid="true"],.bk-f select[aria-invalid="true"]{border-color:#B42318}
.bk-ck{display:flex;align-items:center;gap:10px;font-size:var(--fs-md);font-weight:var(--fw-semi);padding:4px 0}
.bk-ck input{width:20px;height:20px;flex:none;accent-color:var(--navy);margin:0}
.bk-me{margin:0!important;padding:10px 12px;border-radius:var(--r-md);background:var(--soft)}
.bk-me b{display:block;font-size:var(--fs-base);color:var(--ink)}
.bk-me span{display:block;font-size:var(--fs-sm);margin-top:2px}
.bk-sum dd small{font-weight:var(--fw-medium);color:var(--mute)}
/* Ürün: kişi başı fiyat ve kalkış durakları */
.u-pp{display:flex;flex-direction:column;margin-top:8px}
.u-pp div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0}
.u-pp div+div{border-top:1px solid var(--line)}
.u-pp dt{font-size:var(--fs-base);font-weight:var(--fw-semi)}
.u-pp dt small{display:block;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--mute);margin-top:1px}
.u-pp dd{font-size:var(--fs-base);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}
.box .u-pp-n{font-size:var(--fs-sm);margin-top:8px}
.u-stops{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column}
.u-stops li{display:flex;gap:12px;align-items:flex-start;padding:8px 0}
.u-stops li+li{border-top:1px solid var(--line)}
.u-stops .t{flex:none;min-width:48px;font-size:var(--fs-base);font-weight:var(--fw-black);color:var(--navy);font-variant-numeric:tabular-nums}
.u-stops div b{display:block;font-size:var(--fs-md);font-weight:var(--fw-bold)}
.u-stops div span{display:block;font-size:var(--fs-sm);color:var(--mute);margin-top:1px}
.box p.err{color:#B42318;margin-top:2px}
.bk-pr small i{white-space:nowrap}
@media (max-width:359px){.bk-pr .stp button{width:38px;height:38px}.bk-pr .stp output{min-width:28px}}
/* Rezervasyon: oda düzeni (konaklamalı tur) */
.bk-room{display:flex;gap:12px;align-items:center;margin-top:12px;padding:12px 14px;border-radius:var(--r-md);background:var(--soft)}
.bk-room svg{width:24px;height:24px;flex:none;color:var(--navy);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bk-room b{display:block;font-size:var(--fs-base);font-weight:var(--fw-bold)}
.bk-room span{display:block;font-size:var(--fs-sm);color:var(--mute);margin-top:2px}
#bkRoom .bk-pr{margin-top:6px}
.box p.bk-rn{font-size:var(--fs-sm);color:var(--ink);margin-top:4px}

/* ---- otel: gece sayısı, odalar, olanaklar (ürün sayfası ve rezervasyon) */
.u-night{margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--card)}
.u-rooms{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.u-room{display:grid;grid-template-columns:1fr auto;column-gap:12px;row-gap:3px;text-align:left;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card)}
.u-room[aria-checked="true"]{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);background:#F4F6FB}
.u-rm-h{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}
.u-rm-h b{font-size:var(--fs-base);font-weight:var(--fw-bold)}
.u-rm-h i{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex:none;display:grid;place-items:center}
.u-room[aria-checked="true"] .u-rm-h i{border-color:var(--navy);background:var(--navy)}
.u-room[aria-checked="true"] .u-rm-h i::after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
.u-rm-s{grid-column:1;font-size:var(--fs-sm);color:var(--mute)}
.u-rm-f{grid-column:1;display:flex;align-items:flex-start;gap:6px;font-size:var(--fs-sm);color:var(--ink);line-height:var(--lh-snug)}
.u-rm-f svg{width:15px;height:15px;flex:none;margin-top:1px}
.u-rm-o{grid-column:1;font-size:var(--fs-sm);color:var(--mute);line-height:var(--lh-snug)}
.u-rm-p{grid-column:2;grid-row:2/span 3;align-self:end;display:flex;flex-direction:column;align-items:flex-end;line-height:var(--lh-tight)}
.u-rm-p s{font-size:var(--fs-xs);color:var(--mute)}
.u-rm-p strong{font-size:var(--fs-base);font-weight:var(--fw-black);font-variant-numeric:tabular-nums;white-space:nowrap}
.u-rm-p small{font-size:var(--fs-xs);color:var(--mute)}
.u-amen{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin-top:12px}
.u-amen li{display:flex;align-items:flex-start;gap:8px;font-size:var(--fs-sm);line-height:var(--lh-snug)}
.u-amen svg{width:16px;height:16px;flex:none;margin-top:1px;color:var(--navy)}
/* V1'den taşınan ürün ayrıntıları: öne çıkanlar, takvim, konaklama, ekstralar, yakındaki yerler, saatler */
.box .u-h3{font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:var(--lh-snug);margin-top:16px}
.u-one{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:0}
.u-one li{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-md);line-height:var(--lh-body)}
.u-one svg{width:18px;height:18px;flex:none;margin-top:1px;color:var(--green-ink);stroke-width:2.2}
.u-open{margin-top:6px}
.u-open b{font-weight:var(--fw-semi);color:var(--green-ink)}
.u-open b.off{color:var(--mute)}
.u-cal{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column}
.u-cal li{display:flex;gap:12px;align-items:center;padding:10px 0}
.u-cal li+li{border-top:1px solid var(--line)}
.u-cal .d{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:48px;border-radius:var(--r-sm);background:var(--soft);line-height:var(--lh-snug)}
.u-cal .d small{font-size:var(--fs-xs);font-weight:var(--fw-semi);color:var(--mute)}
.u-cal .d b{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--navy);white-space:nowrap}
.u-cal div b{display:block;font-size:var(--fs-base);font-weight:var(--fw-bold);line-height:var(--lh-snug)}
.u-cal div span{display:block;font-size:var(--fs-sm);color:var(--mute);margin-top:1px}
.u-dur{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:3px;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--mute);line-height:var(--lh-ui)}
.u-dur svg{width:14px;height:14px;margin-right:4px;vertical-align:-2px;display:inline}
.u-dur em{font-style:normal;font-size:var(--fs-xs);font-weight:var(--fw-semi);padding:2px 8px;border-radius:var(--r-pill);background:var(--green-soft);color:var(--green-ink)}
.u-dur em.pay{background:var(--soft);color:var(--mute)}
.u-pdf{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:8px;border-radius:var(--r-md);border:1px solid var(--line);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--navy)}
.u-pdf svg{width:18px;height:18px}
.u-hotels{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column}
.u-hotels li{display:flex;gap:12px;align-items:flex-start;padding:10px 0}
.u-hotels li+li{border-top:1px solid var(--line)}
.u-hotels svg{width:22px;height:22px;flex:none;color:var(--navy);margin-top:1px}
.u-hotels b{display:block;font-size:var(--fs-base);font-weight:var(--fw-bold);line-height:var(--lh-snug)}
.u-hotels b .stars{display:inline;margin-left:4px;font-size:var(--fs-xs);color:var(--gold);letter-spacing:var(--ls-caps);white-space:nowrap}
.u-hotels span{display:block;font-size:var(--fs-sm);color:var(--mute);margin-top:1px}
.box .u-hotels p{margin-top:4px;font-size:var(--fs-md)}
.u-board,.u-ret{margin-top:10px;padding:10px 12px;border-radius:var(--r-md);background:var(--soft);font-size:var(--fs-md);line-height:var(--lh-body)}
.u-board b,.u-ret b{display:block;font-weight:var(--fw-bold)}
.u-ek{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column}
.u-ek li{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:10px 0}
.u-ek li+li{border-top:1px solid var(--line)}
.u-ek b{display:block;font-size:var(--fs-base);font-weight:var(--fw-semi);line-height:var(--lh-snug)}
.u-ek div span{display:block;font-size:var(--fs-sm);color:var(--mute);margin-top:2px;line-height:var(--lh-ui)}
.u-ek .pr{flex:none;text-align:right}
.u-ek .pr strong{display:block;font-size:var(--fs-base);font-weight:var(--fw-bold);white-space:nowrap}
.u-ek .pr small{font-size:var(--fs-xs);color:var(--mute)}
.u-near{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column}
.u-near li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0}
.u-near li+li{border-top:1px solid var(--line)}
.u-near b{display:block;font-size:var(--fs-md);font-weight:var(--fw-semi)}
.u-near span{display:block;font-size:var(--fs-sm);color:var(--mute)}
.u-near em{flex:none;font-style:normal;font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--navy);white-space:nowrap}
.u-hours div{padding:8px 0}
.u-hours dt,.u-hours dd{font-size:var(--fs-md);font-weight:var(--fw-medium)}
.u-hours dt small{display:inline;margin-left:6px;font-size:var(--fs-xs);font-weight:var(--fw-semi);color:var(--green-ink)}
.u-hours .on dt,.u-hours .on dd{font-weight:var(--fw-bold)}
.bk-ek{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.bk-ek button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--line);line-height:var(--lh-snug)}
.bk-ek i{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:var(--r-xs);border:1.5px solid var(--line)}
.bk-ek i svg{width:14px;height:14px;color:#fff;stroke-width:3;opacity:0}
.bk-ek span{flex:1;min-width:0;font-size:var(--fs-md);font-weight:var(--fw-semi)}
.bk-ek span small,.bk-ek em small{display:block;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--mute);margin-top:2px}
.bk-ek em{flex:none;font-style:normal;text-align:right;font-size:var(--fs-md);font-weight:var(--fw-bold);white-space:nowrap}
.bk-ek button[aria-checked="true"]{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);background:var(--soft)}
.bk-ek button[aria-checked="true"] i{border-color:var(--navy);background:var(--navy)}
.bk-ek button[aria-checked="true"] i svg{opacity:1}
#bk .bk-dg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#bk .bk-dg button{min-width:0;padding:8px 4px}
.bk-kids{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
.bk-kids:empty{display:none}
.bk-kids .err{grid-column:1/-1}
.bk-rc{margin-top:10px}
.u-opt{grid-template-columns:1fr auto;align-items:center}
.u-opt .u-rm-h{grid-column:1;grid-row:1}
.u-opt .u-rm-p{grid-column:2;grid-row:1}
.u-opt .u-rm-h{flex-direction:row-reverse;justify-content:flex-end}