/* BRIDORA — kurumsal site ortak restoran bileşenleri. Renk ve yazı tipleri temada (--vz-*, --c-*) tanımlanır. */
.kf-sec{padding:clamp(64px,8vw,112px) 0}
.kf-sec.alt{background:var(--vz-bg)}
.kf-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin:0 0 clamp(28px,4vw,48px)}
.kf-head .vz-lead{max-width:56ch}
.kf-head.center{flex-direction:column;align-items:center;text-align:center}
.kf-h2{font-family:var(--vz-head);font-weight:var(--kf-head-w,600);font-size:clamp(30px,4vw,52px);line-height:1.04;letter-spacing:-.025em;margin:10px 0 14px;color:var(--vz-ink);text-wrap:balance}
.kf-h2 em{font-style:italic;color:var(--vz-accent)}

/* Ürün kartları */
.kf-dishes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(16px,2vw,26px)}
.kf-dish{position:relative;display:flex;flex-direction:column;background:var(--vz-surface);border-radius:var(--vz-radius);overflow:hidden;color:inherit;text-decoration:none;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.kf-dish:hover{transform:translateY(-4px);box-shadow:var(--vz-shadow)}
.kf-dish-img{aspect-ratio:4/3;background:var(--kf-ph,linear-gradient(135deg,color-mix(in srgb,var(--vz-accent) 30%,var(--vz-bg)),var(--vz-bg)));overflow:hidden;position:relative}
.kf-dish-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.kf-dish:hover .kf-dish-img img{transform:scale(1.05)}
.kf-dish-img .kf-ph{position:absolute;inset:0;display:grid;place-items:center;color:color-mix(in srgb,var(--vz-ink) 25%,transparent)}
.kf-dish-img .kf-ph svg{width:56px;height:56px}
.kf-dish-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.kf-dish-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.kf-dish h3{margin:0;font-family:var(--vz-head);font-size:19px;line-height:1.2;color:var(--vz-ink)}
.kf-dish p{margin:0;color:var(--vz-muted);font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kf-price{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--vz-ink)}
.kf-price s{font-weight:500;color:var(--vz-muted);margin-right:6px;font-size:.88em}
.kf-price.is-deal{color:var(--vz-accent)}
.kf-cat{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--vz-muted);font-weight:600}
.kf-badges{position:absolute;top:12px;left:12px;display:flex;gap:6px;flex-wrap:wrap;z-index:1}
.kf-badge{font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:6px;background:var(--vz-surface);color:var(--vz-ink);box-shadow:0 2px 10px rgba(0,0,0,.08)}
.kf-badge.deal{background:var(--vz-accent);color:var(--kf-on-accent,#fff)}

/* Menü listesi (menü tahtası) */
.kf-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 56px}
.kf-row{display:grid;grid-template-columns:auto 1fr auto;gap:4px 14px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--vz-line)}
.kf-row-img{grid-row:span 2;width:64px;height:64px;border-radius:12px;object-fit:cover;background:var(--vz-bg);align-self:center}
.kf-row-name{font-family:var(--vz-head);font-size:18px;color:var(--vz-ink);display:flex;gap:8px;align-items:baseline;min-width:0}
.kf-row-name::after{content:"";flex:1;border-bottom:1.5px dotted color-mix(in srgb,var(--vz-muted) 50%,transparent);transform:translateY(-4px);min-width:20px}
.kf-row-desc{grid-column:2/4;color:var(--vz-muted);font-size:14px;margin:0;line-height:1.5}
.kf-row.no-img{grid-template-columns:1fr auto}.kf-row.no-img .kf-row-desc{grid-column:1/3}
.kf-row.is-out{opacity:.5}
.kf-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.03em;padding:2px 7px;border-radius:5px;background:color-mix(in srgb,var(--vz-accent) 16%,transparent);color:var(--vz-accent);font-family:var(--f-body,Inter,sans-serif);flex:none}

/* Menü sayfası */
.kf-menu-tabs{position:sticky;top:var(--kf-sticky,72px);z-index:5;display:flex;gap:6px;overflow-x:auto;padding:12px 0;margin:0 0 24px;background:var(--vz-page,var(--c-bg));scrollbar-width:none}
.kf-menu-tabs::-webkit-scrollbar{display:none}
.kf-menu-tabs a{flex:none;padding:9px 16px;border-radius:99px;border:1px solid var(--vz-line);color:var(--vz-ink);text-decoration:none;font-weight:600;font-size:14px;background:var(--vz-surface);transition:background .2s,color .2s,border-color .2s}
.kf-menu-tabs a:hover,.kf-menu-tabs a.on{background:var(--vz-ink);color:var(--vz-page,#fff);border-color:var(--vz-ink)}
.kf-menu-sec{margin:0 0 56px;scroll-margin-top:140px}
.kf-menu-sec>h2{font-family:var(--vz-head);font-size:clamp(28px,3.4vw,40px);margin:0 0 6px;letter-spacing:-.02em;color:var(--vz-ink)}
.kf-menu-sec>.kf-sched{color:var(--vz-muted);margin:0 0 20px;font-size:14px}
.kf-menu-cat{margin:28px 0 8px}
.kf-menu-cat h3{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--vz-accent);margin:0 0 4px;font-weight:700}
.kf-menu-cat>p{color:var(--vz-muted);margin:0 0 8px;font-size:14px}
.kf-menu-note{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between;padding:16px 20px;border:1px dashed var(--vz-line);border-radius:var(--vz-radius);color:var(--vz-muted);font-size:14px;margin:0 0 32px}

/* Saatler, iletişim kartı */
.kf-hours{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.kf-hours li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--vz-line);font-variant-numeric:tabular-nums}
.kf-hours li b{font-weight:600}
.kf-hours li span{color:var(--vz-muted)}
.kf-info{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,64px);align-items:start}
.kf-info-card{background:var(--vz-surface);border-radius:var(--vz-radius);padding:clamp(22px,3vw,34px);box-shadow:var(--vz-shadow)}
.kf-info-card h3{font-family:var(--vz-head);font-size:22px;margin:0 0 14px;color:var(--vz-ink)}
.kf-contact-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}
.kf-contact-list li{display:flex;gap:12px;align-items:flex-start;color:var(--vz-ink)}
.kf-contact-list svg{width:20px;height:20px;flex:none;color:var(--vz-accent);margin-top:2px}
.kf-contact-list a{color:inherit;text-decoration:none}
.kf-map{border-radius:var(--vz-radius);overflow:hidden;aspect-ratio:4/3;background:var(--vz-bg)}
.kf-map iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.3) contrast(1.05)}

/* Yorumlar */
.kf-reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.kf-review{margin:0;padding:clamp(22px,2.6vw,30px);border-radius:var(--vz-radius);background:var(--vz-surface);display:flex;flex-direction:column;gap:14px}
.kf-stars{color:var(--vz-accent);letter-spacing:2px;font-size:15px}
.kf-review blockquote{margin:0;font-family:var(--vz-head);font-size:19px;line-height:1.45;color:var(--vz-ink)}
.kf-review figcaption{margin-top:auto;display:flex;justify-content:space-between;gap:10px;font-size:14px;color:var(--vz-muted)}
.kf-review figcaption b{color:var(--vz-ink);font-weight:600}

/* Rakamlar */
.kf-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.kf-stat b{display:block;font-family:var(--vz-head);font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-.03em;color:var(--vz-ink);font-variant-numeric:tabular-nums}
.kf-stat span{display:block;margin-top:8px;color:var(--vz-muted);font-size:14px}

/* QR tanıtım bandı */
.kf-qr{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(28px,4vw,48px);border-radius:calc(var(--vz-radius) + 6px);background:var(--vz-ink);color:var(--vz-page,#fff);position:relative;overflow:hidden}
.kf-qr .kf-h2{color:inherit;font-size:clamp(26px,3vw,40px)}
.kf-qr p{color:color-mix(in srgb,currentColor 72%,transparent);margin:0 0 20px;max-width:46ch}
.kf-qr-phone{justify-self:center;width:min(240px,70%);aspect-ratio:9/17;border-radius:34px;border:8px solid color-mix(in srgb,currentColor 18%,transparent);background:var(--vz-page,#fff);padding:14px 12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 30px 60px rgba(0,0,0,.3)}
.kf-qr-phone i{display:block;height:10px;border-radius:5px;background:color-mix(in srgb,var(--vz-ink) 12%,transparent)}
.kf-qr-phone i.h{height:56px;border-radius:12px;background:color-mix(in srgb,var(--vz-accent) 40%,transparent)}
.kf-qr-phone i.s{width:60%}
.kf-qr-feat{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none}
.kf-qr-feat li{font-size:13px;padding:6px 12px;border-radius:99px;border:1px solid color-mix(in srgb,currentColor 25%,transparent)}

/* Rezervasyon */
.kf-rez{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:start}
.kf-rez-form{background:var(--vz-surface);border-radius:var(--vz-radius);padding:clamp(22px,3vw,36px);box-shadow:var(--vz-shadow);display:grid;gap:14px}
.kf-rez-form .field-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kf-rez-form .field-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.kf-rez-form label{display:grid;gap:6px;font-size:13.5px;font-weight:600;color:var(--vz-ink)}
.kf-rez-form input,.kf-rez-form select,.kf-rez-form textarea{width:100%;font:inherit;font-weight:400;font-size:15px;padding:12px 14px;border-radius:10px;border:1px solid var(--vz-line);background:var(--vz-page,#fff);color:var(--vz-ink);transition:border-color .2s,box-shadow .2s}
.kf-rez-form input:focus,.kf-rez-form select:focus,.kf-rez-form textarea:focus{outline:none;border-color:var(--vz-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--vz-accent) 20%,transparent)}
.kf-people{display:flex;gap:6px;flex-wrap:wrap}
.kf-people input{position:absolute;opacity:0;pointer-events:none}
.kf-people span{display:grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border-radius:10px;border:1px solid var(--vz-line);cursor:pointer;font-weight:600;font-variant-numeric:tabular-nums;transition:all .15s}
.kf-people input:checked+span{background:var(--vz-ink);color:var(--vz-page,#fff);border-color:var(--vz-ink)}
.kf-people input:focus-visible+span{outline:2px solid var(--vz-accent);outline-offset:2px}
.kf-note{font-size:13px;color:var(--vz-muted);margin:0}
.kf-done{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:12px;background:color-mix(in srgb,#16a34a 10%,var(--vz-surface));color:var(--vz-ink)}
.kf-done svg{width:24px;height:24px;color:#16a34a;flex:none}
.kf-err{padding:12px 16px;border-radius:10px;background:color-mix(in srgb,#dc2626 10%,var(--vz-surface));color:#991b1b;font-size:14px}

/* Kampanya şeridi */
.kf-deals{display:flex;gap:10px;flex-wrap:wrap}
.kf-deal{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:99px;background:color-mix(in srgb,var(--vz-accent) 14%,var(--vz-surface));color:var(--vz-ink);font-size:14px;font-weight:600}
.kf-deal i{width:8px;height:8px;border-radius:50%;background:var(--vz-accent);animation:kf-pulse 1.8s infinite}
@keyframes kf-pulse{50%{opacity:.35}}

/* Görünürlük animasyonu */
[data-kf-in]{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
[data-kf-in].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-kf-in]{opacity:1;transform:none;transition:none}.kf-deal i{animation:none}}

@media (max-width:900px){
  .kf-board{grid-template-columns:1fr}
  .kf-info,.kf-rez,.kf-qr{grid-template-columns:1fr}
  .kf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kf-qr-phone{display:none}
}
@media (max-width:560px){
  .kf-rez-form .field-row,.kf-rez-form .field-row.two{grid-template-columns:1fr}
  .kf-dishes{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}
}

/* Hikâye ve galeri */
.kf-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,80px);align-items:center}
.kf-story-img{border-radius:var(--kf-story-r,var(--vz-radius));overflow:hidden;aspect-ratio:4/5;background:var(--vz-bg)}
.kf-story-img img{width:100%;height:100%;object-fit:cover}
.kf-story .kf-stats{margin-top:34px;padding-top:28px;border-top:1px solid var(--vz-line)}
.kf-gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(140px,16vw,220px);gap:12px}
.kf-gal a{border-radius:var(--vz-radius);overflow:hidden;background:var(--vz-bg)}
.kf-gal a:first-child{grid-column:span 2;grid-row:span 2}
.kf-gal img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.kf-gal a:hover img{transform:scale(1.04)}
@media (max-width:900px){.kf-story{grid-template-columns:1fr}.kf-story-img{aspect-ratio:16/11}.kf-gal{grid-template-columns:repeat(2,1fr)}}

/* Tema iskeleti: mobil menü, alt bilgi sütunları, bülten (temalar renkleri ezer) */
.vz-wrap{max-width:var(--kf-wrap,1240px)}
.mobile-nav{display:none}
@media (max-width:1020px){
  .mobile-nav.is-open{display:grid;gap:2px;padding:12px 20px 20px;border-top:1px solid var(--vz-line);background:var(--vz-page,#fff)}
  .mobile-nav a{padding:12px 4px;font-weight:600;color:var(--vz-ink);border-bottom:1px solid var(--vz-line)}
  .mobile-nav .vz-btn{margin-top:12px;justify-content:center;border-bottom:0}
  .mobile-nav a.vz-btn-primary{color:#fff}.mobile-nav a.vz-btn-accent{color:var(--kf-on-accent,#fff)}
}
.foot-col h3,.foot-news h3{font-family:var(--vz-head);font-size:18px;margin:0 0 16px;font-weight:600}
.foot-links{display:grid;gap:10px}
.foot-links a{opacity:.8;transition:opacity .2s}.foot-links a:hover{opacity:1}
.foot-news{margin-top:26px}
.foot-news small{display:block;opacity:.7;margin:-8px 0 12px;font-size:13.5px}
.foot-news form{display:flex;gap:6px;max-width:340px}
.foot-news input[type=email]{flex:1;min-width:0;padding:11px 14px;border-radius:10px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);background:transparent;color:inherit;font:inherit}
.foot-news button{width:44px;border-radius:10px;border:0;background:var(--vz-accent);color:var(--kf-on-accent,#fff);display:grid;place-items:center;cursor:pointer}
.foot-news button svg{width:18px;height:18px}
.foot-legal{display:flex;gap:16px;flex-wrap:wrap}
.foot-legal a{opacity:.75}.foot-legal a:hover{opacity:1}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.kf-skip{position:absolute;left:-9999px;top:8px;z-index:100;padding:10px 16px;border-radius:8px;background:var(--vz-ink);color:var(--vz-page,#fff)}
.kf-skip:focus{left:12px}
.site-main{min-height:50vh}
.page-body{max-width:var(--kf-wrap,1240px);margin:0 auto}

/* Site dil seçici */
.kf-langsw{position:relative;flex:none}
.kf-langsw summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:99px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);font:600 12.5px/1 var(--f-body,inherit);letter-spacing:.06em;color:inherit;user-select:none;transition:border-color .2s,background .2s}
.kf-langsw summary::-webkit-details-marker{display:none}
.kf-langsw summary:hover,.kf-langsw[open] summary{border-color:currentColor}
.kf-langsw summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.kf-langsw summary i{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7;transition:transform .2s}
.kf-langsw[open] summary i{transform:translateY(1px) rotate(-135deg)}
.kf-langsw nav{position:absolute;right:0;top:calc(100% + 10px);min-width:190px;padding:6px;border-radius:14px;background:var(--vz-surface,#fff);color:var(--vz-ink,#111);border:1px solid var(--vz-line,#e5e5e5);box-shadow:0 18px 40px -12px rgba(0,0,0,.28);display:grid;gap:2px;z-index:80;animation:kf-pop .16s ease}
@keyframes kf-pop{from{opacity:0;transform:translateY(-4px)}}
.kf-langsw nav a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:inherit;text-decoration:none}
.kf-langsw nav a small{font-size:11px;font-weight:700;letter-spacing:.08em;opacity:.55}
.kf-langsw nav a:hover{background:color-mix(in srgb,var(--vz-accent,#b45309) 10%,transparent)}
.kf-langsw nav a[aria-current]{background:color-mix(in srgb,var(--vz-accent,#b45309) 14%,transparent);font-weight:700}
.kf-langsw nav a[aria-current] small{opacity:1;color:var(--vz-accent,#b45309)}
.kf-langrow{display:flex;gap:6px;flex-wrap:wrap;padding:12px 4px 4px}
.kf-langrow a{padding:8px 14px!important;border-radius:99px;border:1px solid var(--vz-line,#ddd)!important;font-size:13.5px;font-weight:600}
.kf-langrow a[aria-current]{background:var(--vz-ink,#111);color:var(--vz-page,#fff)!important;border-color:var(--vz-ink,#111)!important}
@media (max-width:640px){.kf-langsw{display:none}}
