/* Futia: kafe (kanal evi) → web sitesi → aramada 1. sıra → üç dilde rezervasyon ve sipariş. Bantlar: üst 5-47, orta 52-90, alt 95-118 cqw */
.an-ft > :not(.an-zemin):not(.ft-katman){position:absolute;z-index:1}
.ft-katman{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible}
.ft-bag{fill:none;stroke:rgba(234,242,244,.4);stroke-width:.35;stroke-linecap:round}
.ft-bag-nabiz{fill:none;stroke:#CFF4FA;stroke-width:.7;stroke-linecap:round}
.ft-fincan{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* dükkân: viewBox 300x340, 1 birim = 0,12cqw */
.ft-dukkan{left:3.5cqw;top:5cqw;width:36cqw;height:40.8cqw;overflow:visible}
.ft-ciz{fill:none;stroke:#EAF2F4;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ft-ciz.ince{stroke-width:1.8;stroke-opacity:.75}
.ft-tente-zemin{fill:#EAF2F4;fill-opacity:.07}
.ft-tente-serit{fill:#45B7CF;fill-opacity:.55}
.ft-isik{fill:url(#ft-vitrin-isigi)}

/* web sitesi */
.ft-site{left:41cqw;top:5cqw;width:54cqw;height:42cqw;padding:2.4cqw;border-radius:3.4cqw;border:1px solid rgba(234,242,244,.18);background:rgba(10,24,31,.9);display:grid;grid-template-rows:3.6cqw 11.2cqw 11cqw 5.4cqw;gap:1.8cqw}
.ft-ust{display:flex;align-items:center;gap:1.4cqw}
.ft-logo{width:3.6cqw;height:3.6cqw;border-radius:50%;display:grid;place-items:center;border:1px dashed;color:#071017}
.ft-logo .ft-fincan{width:2.5cqw;height:2.3cqw}
.ft-menu{margin-left:auto;display:flex;gap:1.2cqw}
.ft-menu i{width:5cqw;height:.9cqw;border-radius:1cqw;background:rgba(234,242,244,.25)}
.ft-hero{position:relative;border-radius:2.2cqw;border:1px dashed;display:grid;place-items:center;overflow:hidden;color:#EAF2F4}
.ft-hero-dolgu{position:absolute;inset:0;background:radial-gradient(80% 95% at 28% 18%,rgba(69,183,207,.6),rgba(14,79,110,.38) 55%,rgba(7,16,23,.2))}
.ft-hero .ft-fincan{position:relative;width:8.4cqw;height:7.7cqw}
.ft-urunler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8cqw}
.ft-urun{border-radius:1.8cqw;border:1px dashed;padding:1.2cqw;display:grid;grid-template-rows:1fr auto auto;gap:.8cqw}
.ft-urun b{border-radius:1cqw;min-height:0}
.ft-urun i{height:.8cqw;border-radius:1cqw;background:rgba(234,242,244,.24)}
.ft-urun i + i{width:60%;background:rgba(234,242,244,.14)}
.ft-dugme{justify-self:end;display:grid;place-items:center;padding:0 3.4cqw;border-radius:2.7cqw;border:1px dashed;font-size:2.8cqw;font-weight:600;line-height:1;color:#071017}

/* arama */
.ft-ara{left:5cqw;top:52cqw;width:90cqw;height:7.4cqw;display:flex;align-items:center;gap:2cqw;padding:0 3cqw;border-radius:3.7cqw;border:1px solid rgba(234,242,244,.22);background:rgba(255,255,255,.04)}
.ft-ara svg{flex:none;width:3.6cqw;height:3.6cqw;fill:none;stroke:#93A4AB;stroke-width:2;stroke-linecap:round}
.ft-sorgu{font-size:3.2cqw;font-weight:500;line-height:1.2}
.ft-sira{left:5cqw;top:62.5cqw;width:4cqw;height:27cqw}
.ft-sira span{position:absolute;left:0;width:4cqw;height:6cqw;display:grid;place-items:center;font-size:2.8cqw;font-weight:600;line-height:1}
.ft-sira span:nth-child(2){top:7cqw}.ft-sira span:nth-child(3){top:14cqw}.ft-sira span:nth-child(4){top:21cqw}
.ft-s{left:10cqw;width:85cqw;height:6cqw;display:flex;align-items:center;gap:2cqw;padding:0 2.2cqw;border-radius:2cqw;border:1px solid rgba(234,242,244,.1);background:#0B161C}
.an-ft > .ft-s.ft-biz{z-index:2}   /* yer değiştirirken öndeki satır */
.ft-biz{top:62.5cqw}.ft-s1{top:69.5cqw}.ft-s2{top:76.5cqw}.ft-s3{top:83.5cqw}
.ft-fav{flex:none;width:3.6cqw;height:3.6cqw;border-radius:50%;background:rgba(234,242,244,.16);display:grid;place-items:center}
.ft-cubuklar{flex:1;display:grid;gap:.9cqw}
.ft-cubuklar i{height:1cqw;border-radius:1cqw;background:rgba(234,242,244,.22)}
.ft-cubuklar i + i{height:.7cqw;background:rgba(234,242,244,.12)}
.ft-biz .ft-fav{background:#45B7CF;color:#071017}
.ft-biz .ft-fav .ft-fincan{width:2.5cqw;height:2.3cqw}
.ft-biz .ft-cubuklar i{background:rgba(69,183,207,.8)}
.ft-biz .ft-cubuklar i + i{background:rgba(69,183,207,.4)}

/* gelen bildirimler + takvim */
.ft-b{left:5cqw;width:57cqw;height:6.8cqw;display:flex;align-items:center;gap:2cqw;padding:0 2cqw;border-radius:2.4cqw;border:1px solid rgba(234,242,244,.16);background:rgba(10,24,31,.94)}
.ft-b1{top:95cqw}.ft-b2{top:103cqw}.ft-b3{top:111cqw}
.ft-b-ikon{flex:none;width:4.4cqw;height:4.4cqw;border-radius:1.4cqw;display:grid;place-items:center;background:rgba(69,183,207,.18);color:#A8E8F3}
.ft-b-ikon svg{width:3cqw;height:3cqw;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ft-b-metin{font-size:3.2cqw;font-weight:500;line-height:1.1;white-space:nowrap}
.ft-dil{margin-left:auto;font-size:2.6cqw;font-weight:600;line-height:1;padding:.7cqw 1.4cqw;border-radius:2cqw;border:1px solid rgba(69,183,207,.6);color:#A8E8F3}
.ft-takvim{left:66cqw;top:95cqw;width:29cqw;height:22.8cqw;display:grid;grid-template-rows:3.6cqw repeat(3,minmax(0,1fr));gap:1cqw;padding:1.8cqw 2cqw;border-radius:2.4cqw;border:1px solid rgba(234,242,244,.16);background:rgba(10,24,31,.94)}
.ft-takvim-bas{display:flex;align-items:center;gap:1.2cqw;color:#93A4AB}
.ft-takvim-bas svg{width:3cqw;height:3cqw;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ft-takvim-bas i{width:9cqw;height:.9cqw;border-radius:1cqw;background:rgba(234,242,244,.2)}
.ft-saat{display:flex;align-items:center;gap:1.4cqw}
.ft-saat span{flex:none;width:8cqw;font-size:2.8cqw;font-weight:500;line-height:1;color:#5F7178;font-variant-numeric:tabular-nums}
.ft-saat i{flex:1;height:3.4cqw;border-radius:1.2cqw;border:1px dashed rgba(234,242,244,.22);display:grid;place-items:center}
.ft-saat i svg{width:2.6cqw;height:2.6cqw;fill:none;stroke:#071017;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
