html{scroll-behavior:smooth}

.header{background:linear-gradient(160deg,var(--lacivert) 0%,var(--lacivert-m) 100%);padding:18px 16px 0;position:relative;overflow:hidden}
.header::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(rgba(244,121,32,.2),transparent 70%)}
.header-ust{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.hdr-logo img{height:26px}
.hdr-sag{display:flex;gap:7px}
.hdr-ikon{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;border:none;color:#fff}
.firma-ad{font-family:'Playfair Display',serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}
.firma-meta{display:flex;align-items:center;gap:10px;font-size:11px;color:rgba(255,255,255,.55);margin-bottom:14px;flex-wrap:wrap}
.puan{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--turuncu)}
.sekme-bar{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}
.sekme-bar::-webkit-scrollbar{display:none}
.sekme{font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:500;color:rgba(255,255,255,.5);background:transparent;border:none;border-bottom:2.5px solid transparent;padding:11px 14px;cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}
.sekme.aktif{color:#fff;font-weight:700;border-bottom-color:var(--turuncu)}
.arama-wrap{padding:12px 14px;background:var(--beyaz);border-bottom:1px solid var(--kenar);position:sticky;top:0;z-index:50}
.arama-ic{display:flex;align-items:center;gap:8px;background:var(--bg);border:1.5px solid var(--kenar);border-radius:10px;padding:8px 12px}
.arama-ic input{flex:1;font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;border:none;background:transparent;outline:none;color:var(--text)}
.arama-ic input::placeholder{color:var(--soluk)}
.menu-govde{padding:14px}
.bolum{margin-bottom:26px}
.bolum-baslik{display:flex;align-items:center;gap:8px;font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--lacivert);margin-bottom:12px;padding-bottom:9px;border-bottom:2px solid var(--kenar)}
.bolum-sayi{font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;font-weight:600;color:var(--soluk);background:var(--bg);border:1px solid var(--kenar);padding:2px 7px;border-radius:100px;margin-left:auto}
.item-kart{display:flex;gap:11px;background:var(--beyaz);border-radius:12px;padding:11px;margin-bottom:9px;border:1.5px solid var(--kenar);transition:all .2s;cursor:pointer}
.item-kart:hover{border-color:var(--turuncu);box-shadow:0 4px 16px rgba(244,121,32,.1)}
.item-gorsel{width:72px;height:72px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:30px;flex-shrink:0;overflow:hidden}
.item-gorsel img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.item-bilgi{flex:1;min-width:0}
.item-popular{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:700;color:var(--turuncu);background:rgba(244,121,32,.1);border:1px solid rgba(244,121,32,.2);padding:2px 7px;border-radius:100px;margin-bottom:4px}
.item-ad{font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px;line-height:1.3}
.item-acik{font-size:11px;color:var(--soluk);line-height:1.55;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.item-alt{display:flex;align-items:center;justify-content:space-between}
.item-fiyat{font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--lacivert)}
.item-ekle{width:30px;height:30px;border-radius:8px;background:var(--turuncu);border:none;color:#fff;font-size:17px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.item-ekle:hover{background:var(--turuncu-d);transform:scale(1.08)}
.item-ekle.eklendi{background:var(--ok);color:#0a2a25;font-size:12px}
.sepet-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:var(--lacivert);padding:11px 14px;display:none;align-items:center;gap:11px;border-radius:14px 14px 0 0;box-shadow:0 -8px 32px rgba(27,58,92,.2);z-index:200}
.sepet-bar.goster{display:flex}
.sepet-bilgi{flex:1}
.sepet-adet{font-size:11px;color:rgba(255,255,255,.6);margin-bottom:2px}
.sepet-toplam{font-family:'Playfair Display',serif;font-size:17px;font-weight:700;color:#fff}
.sepet-btn{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:700;color:var(--lacivert);background:var(--turuncu);border:none;border-radius:9px;padding:10px 20px;cursor:pointer}

}