:root{
  --bg:#FFF9F5;--surface:rgba(255,255,255,.82);--surface2:#fff;--orange:#FF6B00;--orange2:#FF8C1A;--text:#1F1F1F;--muted:#7A6A61;--line:rgba(255,107,0,.16);--shadow:0 14px 35px rgba(60,28,7,.09);--nav:78px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);overscroll-behavior-y:none}button,input,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.app{max-width:470px;margin:0 auto;min-height:100dvh;position:relative;overflow:hidden;background:linear-gradient(180deg,#FFF9F5 0%,#FFF3EA 46%,#FFF9F5 100%);padding:env(safe-area-inset-top) 18px calc(var(--nav) + env(safe-area-inset-bottom) + 42px)}main{padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom) + 28px)}
.topbar{height:112px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.brand{border:0;background:transparent;padding:0;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;filter:drop-shadow(0 10px 18px rgba(255,107,0,.16))}.brand img{width:82px;height:82px;object-fit:contain;border-radius:50%}.top-right{display:flex;justify-content:flex-end;gap:10px}.top-icon{width:44px;height:44px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.74);box-shadow:0 8px 20px rgba(255,107,0,.08),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--orange);font-size:20px;display:grid;place-items:center;position:relative}.hamburger{gap:4px}.hamburger i{display:block;width:22px;height:2.5px;border-radius:20px;background:var(--orange)}.cart b{position:absolute;right:-5px;top:-7px;min-width:21px;height:21px;border-radius:99px;background:var(--orange);color:#fff;font-size:11px;display:grid;place-items:center;border:2px solid #fff}
.hero{position:relative;border-radius:26px;overflow:hidden;margin:0 0 18px;background:#fff;border:1px solid rgba(255,107,0,.10);box-shadow:var(--shadow);isolation:isolate}.hero img{display:block;width:100%;aspect-ratio:1.78/1;object-fit:cover;animation:softZoom 10s ease-in-out infinite alternate}.hero:before{content:"";position:absolute;inset:-30%;z-index:2;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.42) 49%,transparent 58%);transform:translateX(-130%) skewX(-14deg);animation:cleanShine 6s ease-in-out infinite;pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.10));pointer-events:none}.slider-dots{position:absolute;left:0;right:0;bottom:12px;z-index:4;text-align:center}.slider-dots span{display:inline-block;width:8px;height:8px;margin:0 3px;border-radius:20px;background:rgba(255,255,255,.68)}.slider-dots .active{width:24px;background:#fff}
.address-pill{width:100%;min-height:72px;border:0;border-radius:24px;background:var(--orange);color:#fff;display:flex;align-items:center;gap:14px;padding:0 20px;text-align:left;box-shadow:0 12px 25px rgba(255,107,0,.22);position:relative;overflow:hidden}.address-pill:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.18),transparent 62%);transform:translateX(-120%);animation:cleanShine 7s ease-in-out infinite}.address-pill>*{position:relative}.address-pill .pin{font-size:25px}.address-pill small{display:block;color:rgba(255,255,255,.82);font-weight:800;font-size:13px}.address-pill strong{display:block;color:#fff;font-size:22px;letter-spacing:-.35px}.address-pill em{margin-left:auto;font-style:normal;font-size:21px}.order-btn{width:100%;height:66px;border:0;border-radius:24px;margin:16px 0 24px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;font-weight:900;font-size:22px;letter-spacing:-.4px;box-shadow:0 14px 26px rgba(255,107,0,.20)}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:20px 0 13px}.section-title h2{font-size:24px;margin:0;font-weight:950;letter-spacing:-.6px;white-space:nowrap}.section-title button{border:0;background:transparent;color:var(--orange);font-weight:850;font-size:14px;white-space:nowrap}.categories{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.cat{min-width:92px;height:108px;border:1px solid rgba(255,107,0,.10);border-radius:24px;background:var(--surface);box-shadow:0 8px 24px rgba(45,20,5,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;transition:.2s;color:var(--text);font-weight:900}.cat:active{transform:scale(.96)}.cat.active{background:var(--orange);color:#fff;box-shadow:0 13px 26px rgba(255,107,0,.23)}.cat-img{width:54px;height:54px;border-radius:19px;background:#fff;display:grid;place-items:center;font-size:27px;box-shadow:inset 0 0 0 1px rgba(255,107,0,.08)}.cat.active .cat-img{box-shadow:0 8px 18px rgba(0,0,0,.12)}.cat span{font-size:14px;line-height:1}.products{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:none}.products::-webkit-scrollbar{display:none}.product{min-width:220px;border:1px solid rgba(255,107,0,.10);border-radius:28px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.product-img{height:124px;background:linear-gradient(135deg,#fff1e8,#fff);display:grid;place-items:center;font-size:58px}.product-body{padding:15px}.product h3{font-size:19px;margin:0 0 5px;letter-spacing:-.35px}.product p{margin:0;color:var(--muted);font-size:13px;line-height:1.35;min-height:36px}.product-row{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.price{font-size:20px;font-weight:950;color:var(--text)}.add-btn{border:0;border-radius:16px;background:var(--orange);color:#fff;width:50px;height:42px;font-size:25px;font-weight:900;box-shadow:0 9px 18px rgba(255,107,0,.20)}
.features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.features article{border:1px solid rgba(255,107,0,.10);border-radius:24px;background:var(--surface);box-shadow:0 8px 24px rgba(45,20,5,.06);padding:18px;display:flex;flex-direction:column;gap:5px}.features span{font-size:27px}.features b{font-size:15px}.features small{color:var(--muted);font-weight:700}.bottom-nav{position:fixed;z-index:1000;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(438px,calc(100vw - 22px));height:72px;border:1px solid rgba(255,107,0,.12);border-radius:28px;background:rgba(255,255,255,.82);box-shadow:0 18px 45px rgba(60,28,7,.14);display:grid;grid-template-columns:1fr 1fr 70px 1fr 1fr;align-items:center;padding:7px 8px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.bottom-nav button{border:0;background:transparent;color:#7b6a5f;height:56px;border-radius:20px;font-size:23px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:850;min-width:0}.bottom-nav span{font-size:11px;line-height:1;white-space:nowrap}.bottom-nav .active{color:var(--orange);background:rgba(255,107,0,.09)}.home-logo{width:64px!important;height:64px!important;min-width:64px;margin-top:-28px;border-radius:50%!important;background:#fff!important;border:5px solid #fff!important;box-shadow:0 12px 25px rgba(255,107,0,.20);overflow:hidden}.home-logo img{width:52px;height:52px;border-radius:50%;object-fit:contain}
.drawer{position:fixed;left:0;top:0;bottom:0;width:290px;max-width:84vw;background:rgba(255,255,255,.94);z-index:1200;transform:translateX(-105%);transition:.25s;box-shadow:20px 0 60px rgba(0,0,0,.14);padding:calc(env(safe-area-inset-top) + 18px) 22px 22px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.drawer.open{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.drawer-head img{width:66px;height:66px}.drawer-head button{border:0;background:#fff1e8;color:var(--orange);width:42px;height:42px;border-radius:16px;font-size:28px}.drawer a{display:block;padding:16px 8px;border-bottom:1px solid rgba(255,107,0,.10);font-weight:850}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.28);z-index:1100;display:none;backdrop-filter:blur(4px)}.overlay.open{display:block}.intro{position:fixed;inset:0;background:linear-gradient(180deg,#FF8C1A,#FF6B00);z-index:9999;display:grid;place-items:center;align-content:center;gap:18px;animation:introOut 2.1s ease forwards}.intro img{width:132px;height:132px;border-radius:50%;object-fit:contain;filter:drop-shadow(0 16px 26px rgba(0,0,0,.16));animation:introLogo .8s cubic-bezier(.2,.9,.2,1.1) both}.loader{display:flex;gap:7px}.loader span{width:34px;height:6px;border-radius:20px;background:rgba(255,255,255,.42);overflow:hidden;position:relative}.loader span:after{content:"";position:absolute;inset:0;background:#fff;transform:translateX(-110%);animation:loadBar 1.05s ease-in-out infinite}.loader span:nth-child(2):after{animation-delay:.12s}.loader span:nth-child(3):after{animation-delay:.24s}.loader span:nth-child(4):after{animation-delay:.36s}.intro p{margin:0;color:#fff;font-weight:800}
.address-dialog,.cart-dialog{border:0;background:transparent;padding:0;max-width:100vw;max-height:100dvh;z-index:2000}.address-dialog::backdrop,.cart-dialog::backdrop{background:rgba(20,14,10,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.address-sheet{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));max-width:440px;margin:0 auto;height:min(86dvh,710px);display:flex;flex-direction:column;border-radius:32px;overflow:hidden;background:rgba(255,255,255,.96);border:1px solid rgba(255,107,0,.12);box-shadow:0 28px 70px rgba(25,10,0,.22)}.sheet-handle{width:52px;height:5px;border-radius:99px;background:#e9dfd8;margin:12px auto 4px;flex:0 0 auto}.sheet-title{display:flex;justify-content:space-between;align-items:center;padding:11px 22px 14px;border-bottom:1px solid rgba(255,107,0,.08);flex:0 0 auto}.sheet-title small{color:var(--orange);font-size:11px;font-weight:950;letter-spacing:.5px}.sheet-title h3{margin:2px 0 0;font-size:25px;letter-spacing:-.6px}.close-x{width:50px;height:50px;border:0;border-radius:18px;background:rgba(255,107,0,.10);color:var(--orange);font-size:34px;line-height:1;font-weight:950;display:grid;place-items:center;z-index:9999;pointer-events:auto;touch-action:manipulation}.sheet-scroll{overflow:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:12px 22px 14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.address-sheet label{display:block;margin:6px 0;color:#6f625b;font-size:12px;font-weight:850}.address-sheet input{width:100%;min-height:47px;border-radius:17px;border:1px solid #efe2dc;background:#fff;padding:0 13px;font-weight:800;color:#161616;outline:none;box-shadow:inset 0 1px 0 #fff}.address-sheet input[readonly]{background:#fff8f2}.full{margin-top:7px!important}.map-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.map-actions button{min-height:50px;border-radius:17px;border:1px solid rgba(255,107,0,.12);background:#fff;color:var(--orange);font-weight:900;font-size:14px;box-shadow:0 6px 14px rgba(255,107,0,.06)}.map-frame{border-radius:22px;padding:3px;background:linear-gradient(135deg,var(--orange),#ffd4b6);box-shadow:0 10px 20px rgba(255,107,0,.12)}#map{height:190px;border-radius:19px;overflow:hidden;background:#eee}.map-status{margin:9px 0 8px;padding:10px 12px;border-radius:14px;background:#fff8f2;border:1px solid #ffe4d0;color:#7a503c;font-size:12px;line-height:1.35;font-weight:800}.map-status.ok{background:#effbf4;border-color:#b9ebc9;color:#0a8f45}.map-status.err{background:#fff1ed;border-color:#ffc8b8;color:#c74422}.map-status.warn{background:#fff7ec;border-color:#ffd5a8;color:#9b4f00}.sheet-footer{flex:0 0 auto;padding:12px 22px calc(15px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid rgba(255,107,0,.08)}.save-btn{width:100%;height:58px;border:0;border-radius:21px;background:var(--orange);color:#fff;font-weight:950;font-size:19px;box-shadow:0 12px 24px rgba(255,107,0,.20)}.cart-sheet{position:fixed;left:14px;right:14px;bottom:calc(10px + env(safe-area-inset-bottom));max-width:440px;margin:0 auto;border-radius:30px;background:#fff;padding:24px;box-shadow:0 28px 70px rgba(0,0,0,.22)}.cart-close{position:absolute;right:16px;top:16px;border:0;background:#fff1e8;color:var(--orange);width:42px;height:42px;border-radius:16px;font-size:26px}.cart-sheet h3{font-size:25px;margin:0 0 18px}.cart-items{max-height:260px;overflow:auto}.cart-item{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #eee}.qty button{border:0;background:#fff1e8;color:var(--orange);border-radius:10px;width:30px;height:30px;font-weight:900}.cart-sheet textarea{width:100%;min-height:84px;border:1px solid #eee;border-radius:18px;padding:13px;margin-top:12px;resize:none}.total{display:flex;justify-content:space-between;font-size:20px;font-weight:900;margin:14px 0}
@keyframes cleanShine{0%,45%{transform:translateX(-130%) skewX(-14deg)}75%,100%{transform:translateX(130%) skewX(-14deg)}}@keyframes softZoom{0%{transform:scale(1)}100%{transform:scale(1.025)}}@keyframes introLogo{0%{opacity:0;transform:scale(.82)}100%{opacity:1;transform:scale(1)}}@keyframes loadBar{0%{transform:translateX(-110%)}100%{transform:translateX(110%)}}@keyframes introOut{0%,78%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}
@media(max-width:430px){.app{padding-left:16px;padding-right:16px}.topbar{height:108px}.brand,.brand img{width:78px;height:78px}.top-icon{width:42px;height:42px}.section-title h2{font-size:23px}.cat{min-width:88px;height:104px}.product{min-width:214px}.bottom-nav{height:70px;grid-template-columns:1fr 1fr 68px 1fr 1fr}.home-logo{width:62px!important;height:62px!important;min-width:62px;margin-top:-27px}.home-logo img{width:50px;height:50px}.bottom-nav span{font-size:10.5px}.address-sheet{left:10px;right:10px;height:87dvh}.sheet-title{padding:10px 19px 12px}.sheet-scroll{padding:10px 19px 13px}.sheet-footer{padding-left:19px;padding-right:19px}#map{height:180px}}
@media(max-width:374px){.app{padding-left:13px;padding-right:13px}.topbar{height:100px}.brand,.brand img{width:70px;height:70px}.top-icon{width:40px;height:40px}.address-pill{min-height:68px;padding:0 17px}.address-pill strong{font-size:20px}.order-btn{height:62px;font-size:20px}.section-title h2{font-size:21px}.section-title button{font-size:13px}.cat{min-width:82px;height:98px}.cat-img{width:49px;height:49px;font-size:24px}.cat span{font-size:13px}.bottom-nav{width:calc(100vw - 18px);left:9px;right:9px;transform:none}.two-col{gap:8px}.sheet-title h3{font-size:22px}.close-x{width:46px;height:46px}#map{height:155px}.map-status{font-size:11px}.save-btn{height:54px}}
@media(max-height:690px){.address-sheet{height:91dvh}.sheet-title small{display:none}.sheet-title h3{font-size:22px}.address-sheet label{margin:5px 0;font-size:11px}.address-sheet input{min-height:40px}.map-actions{margin:8px 0}.map-actions button{min-height:42px}#map{height:140px}.map-status{display:none}.save-btn{height:52px}.sheet-footer{padding-top:8px}.full{display:none!important}}

/* Tekelika canlı admin panel */
.admin-dialog{border:0;background:transparent;padding:0;width:min(720px,94vw)}
.admin-dialog::backdrop{background:rgba(20,8,0,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.admin-sheet{position:relative;max-height:88vh;overflow:auto;background:rgba(255,249,245,.96);border:1px solid rgba(255,106,0,.18);border-radius:30px;padding:22px;box-shadow:0 24px 70px rgba(70,25,0,.22);font-family:inherit;color:#1f1f1f}
.admin-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.admin-head img{width:62px;height:62px;object-fit:contain;border-radius:50%;box-shadow:0 10px 25px rgba(255,106,0,.25)}.admin-head small{color:#ff6b00;font-weight:900;letter-spacing:.08em}.admin-head h3{font-size:30px;margin:3px 0 0}.admin-login{display:grid;gap:12px}.admin-login input,.admin-form input,.admin-form select{width:100%;height:54px;border-radius:16px;border:1px solid rgba(40,20,10,.12);background:rgba(255,255,255,.86);padding:0 14px;font:700 16px inherit;outline:none}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-form.small{grid-template-columns:1fr 1fr}.admin-form label{font-weight:800;color:#555;display:grid;gap:6px}.admin-tabs{display:flex;gap:8px;margin:14px 0}.admin-tabs button,.ghost-btn{border:0;border-radius:15px;background:#fff;padding:12px 14px;font-weight:900;color:#333;box-shadow:0 8px 24px rgba(50,20,0,.08)}.admin-tabs button.active{background:#ff6b00;color:#fff}.admin-state{border-radius:14px;padding:12px 14px;font-weight:900;margin-bottom:10px}.admin-state.ok{background:#e9ffe7;color:#158000}.admin-state.warn{background:#fff2e9;color:#d55500}.admin-preview{display:none;width:100%;max-height:180px;object-fit:cover;border-radius:18px;border:1px solid rgba(255,106,0,.2);grid-column:1/-1}.admin-actions{grid-column:1/-1;display:flex;gap:10px}.admin-list{display:grid;gap:10px;margin-top:14px}.admin-row{display:grid;grid-template-columns:54px 1fr auto auto;gap:10px;align-items:center;background:rgba(255,255,255,.72);border:1px solid rgba(255,106,0,.12);border-radius:18px;padding:10px}.admin-thumb{width:54px;height:54px;border-radius:15px;background:#fff3ea;display:grid;place-items:center;font-size:25px;overflow:hidden}.admin-thumb img{width:100%;height:100%;object-fit:cover}.admin-row small{display:block;color:#777;margin-top:3px}.admin-row button{border:0;border-radius:12px;padding:10px 12px;font-weight:900;background:#fff;color:#ff6b00;box-shadow:0 6px 16px rgba(50,20,0,.08)}.admin-note{background:#fff;border-radius:16px;padding:14px;color:#555}.food img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.cart-close{z-index:5}
@media(max-width:560px){.admin-dialog{width:94vw}.admin-sheet{border-radius:26px;padding:18px}.admin-form,.admin-form.small{grid-template-columns:1fr}.admin-row{grid-template-columns:48px 1fr;}.admin-row button{width:100%}.admin-actions{flex-direction:column}.admin-head h3{font-size:25px}}
.toast{position:fixed;left:50%;bottom:calc(100px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(20px);z-index:99999;background:#1f1f1f;color:#fff;padding:13px 18px;border-radius:18px;font-weight:900;box-shadow:0 16px 40px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.25s;white-space:nowrap}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.no-scroll{overflow:hidden;touch-action:none}.empty{padding:18px;text-align:center;color:#777;font-weight:800}.admin-login input{width:100%;height:54px;border-radius:16px;border:1px solid rgba(40,20,10,.12);background:rgba(255,255,255,.86);padding:0 14px;font:700 16px inherit;outline:none}

/* =========================================================
   Tekelika Ultimate V4 — Polish Edition
   Denge, hizalama, kartlar, alt menü ve renk sistemi düzeltmeleri
   ========================================================= */
:root{
  --bg:#FFF9F5!important;
  --orange:#FF6B00!important;
  --orange2:#FF8C1A!important;
  --text:#1F1F1F!important;
  --muted:#7B706A!important;
  --card:#FFFFFF!important;
  --soft:#FFF2E8!important;
  --nav:70px!important;
}
html,body{max-width:100%;overflow-x:hidden!important;background:#FFF9F5!important;}
body{color:var(--text)!important;}
.app{
  width:100%;
  max-width:470px;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,139,44,.16), transparent 34%),
    linear-gradient(180deg,#FFF9F5 0%,#FFF3EA 42%,#FFF9F5 100%)!important;
  padding-left:18px!important;
  padding-right:18px!important;
  padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom) + 92px)!important;
}
main{padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom) + 80px)!important;}

/* Üst kısım daha dengeli */
.topbar{height:106px!important;grid-template-columns:1fr auto 1fr!important;}
.brand,.brand img{width:76px!important;height:76px!important;}
.top-icon{
  width:42px!important;height:42px!important;border-radius:17px!important;
  background:rgba(255,255,255,.66)!important;
  border:1px solid rgba(255,107,0,.18)!important;
  color:var(--orange)!important;
  box-shadow:0 10px 24px rgba(255,107,0,.10), inset 0 1px 0 rgba(255,255,255,.8)!important;
}
.hamburger i{width:21px!important;height:2.4px!important;}
.top-right{gap:9px!important;}
.cart b{background:var(--orange)!important;color:white!important;}

/* Banner: temiz, özel ama karmaşık değil */
.hero{
  border-radius:26px!important;
  margin-bottom:18px!important;
  box-shadow:0 16px 34px rgba(70,28,0,.12)!important;
  border:1px solid rgba(255,107,0,.13)!important;
}
.hero img{aspect-ratio:1.72/1!important;object-fit:cover!important;}
.slider-dots{bottom:10px!important;}
.slider-dots span{width:8px!important;height:8px!important;background:rgba(255,255,255,.65)!important;box-shadow:0 2px 8px rgba(0,0,0,.10)!important;}
.slider-dots .active{width:26px!important;background:#fff!important;}

/* Adres ve sipariş butonları */
.address-pill{
  min-height:70px!important;border-radius:24px!important;
  background:linear-gradient(135deg,#FF7B18 0%,#FF5A00 100%)!important;
  box-shadow:0 14px 32px rgba(255,107,0,.20)!important;
  padding:0 18px!important;
}
.address-pill small{font-size:13px!important;opacity:.9!important;}
.address-pill strong{font-size:22px!important;}
.order-btn{
  height:64px!important;border-radius:24px!important;margin:15px 0 22px!important;
  background:linear-gradient(135deg,#FF6B00,#FF4F00)!important;
  box-shadow:0 16px 34px rgba(255,91,0,.22)!important;
  font-size:21px!important;
}

/* Başlıklar tek satır ve dengeli */
.section-title{margin:22px 0 12px!important;gap:12px!important;}
.section-title h2{font-size:23px!important;line-height:1.05!important;white-space:nowrap!important;letter-spacing:-.55px!important;}
.section-title button{font-size:14px!important;color:var(--orange)!important;font-weight:900!important;}

/* Kategoriler kompakt premium */
.categories{
  gap:10px!important;
  padding:2px 3px 12px!important;
  margin:0 -3px!important;
  overflow-x:auto!important;
}
.cat{
  flex:0 0 86px!important;
  min-width:86px!important;
  width:86px!important;
  height:104px!important;
  border-radius:23px!important;
  gap:8px!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(255,107,0,.12)!important;
  box-shadow:0 10px 24px rgba(55,25,0,.07)!important;
}
.cat.active{
  background:linear-gradient(160deg,#FF790F,#FF5A00)!important;
  box-shadow:0 14px 30px rgba(255,107,0,.24)!important;
  color:#fff!important;
}
.cat-img{width:52px!important;height:52px!important;border-radius:18px!important;font-size:25px!important;}
.cat span{font-size:13px!important;font-weight:950!important;}

/* Ürün kartları: iki kart düzgün görünür, kesilme ve gri buton düzeltildi */
.products{
  gap:12px!important;
  padding:2px 3px 16px!important;
  margin:0 -3px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory;
}
.product{
  flex:0 0 calc((100% - 12px)/2)!important;
  min-width:calc((100% - 12px)/2)!important;
  max-width:calc((100% - 12px)/2)!important;
  border-radius:26px!important;
  background:#fff!important;
  border:1px solid rgba(255,107,0,.10)!important;
  box-shadow:0 12px 30px rgba(56,24,0,.08)!important;
  overflow:hidden!important;
  scroll-snap-align:start;
  position:relative!important;
}
.product .fav,.fav{
  position:absolute!important;left:10px!important;top:10px!important;z-index:5!important;
  width:38px!important;height:30px!important;border:0!important;border-radius:18px!important;
  background:rgba(255,255,255,.86)!important;color:#161616!important;font-size:22px!important;
  display:grid!important;place-items:center!important;box-shadow:0 8px 20px rgba(0,0,0,.08)!important;
}
.food{
  width:100%!important;height:128px!important;
  background:linear-gradient(135deg,#FFF1E8,#FFFFFF)!important;
  border-radius:0!important;overflow:hidden!important;display:grid!important;place-items:center!important;
}
.food img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;display:block!important;}
.food span{font-size:52px!important;}
.product-body{padding:13px 13px 14px!important;}
.product h3{
  font-size:17px!important;line-height:1.16!important;margin:0 0 7px!important;
  letter-spacing:-.35px!important;min-height:40px!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
}
.product p{font-size:13px!important;color:var(--muted)!important;min-height:0!important;margin-bottom:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.product small{display:block!important;color:var(--muted)!important;font-size:13px!important;font-weight:700!important;margin-bottom:9px!important;}
.price-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:0!important;}
.price-row b,.price{font-size:18px!important;font-weight:950!important;color:#1F1F1F!important;white-space:nowrap!important;}
.price-row button,.add-btn{
  min-width:58px!important;height:38px!important;border:0!important;border-radius:16px!important;
  background:var(--orange)!important;color:#fff!important;font-weight:950!important;font-size:15px!important;
  box-shadow:0 10px 20px rgba(255,107,0,.22)!important;
}

/* Hizmet kartları daha temiz */
.features{gap:11px!important;margin-top:10px!important;margin-bottom:20px!important;}
.features article{border-radius:22px!important;background:rgba(255,255,255,.86)!important;box-shadow:0 10px 24px rgba(55,25,0,.06)!important;padding:16px!important;}
.features span{font-size:24px!important;}.features b{font-size:14px!important;}.features small{font-size:12px!important;}

/* Alt menü: taşmayan, safe-area uyumlu, logo merkezde */
.bottom-nav{
  height:66px!important;
  width:min(430px,calc(100vw - 28px))!important;
  bottom:calc(14px + env(safe-area-inset-bottom))!important;
  border-radius:26px!important;
  padding:6px 7px!important;
  grid-template-columns:1fr 1fr 62px 1fr 1fr!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(255,107,0,.14)!important;
  box-shadow:0 16px 42px rgba(60,28,7,.14)!important;
  backdrop-filter:blur(26px)!important;-webkit-backdrop-filter:blur(26px)!important;
}
.bottom-nav button{
  height:52px!important;border-radius:19px!important;font-size:21px!important;gap:2px!important;
  color:#6f625b!important;font-weight:900!important;overflow:hidden!important;
}
.bottom-nav span{font-size:10.5px!important;letter-spacing:-.15px!important;}
.bottom-nav .active{background:rgba(255,107,0,.10)!important;color:var(--orange)!important;}
.home-logo{
  width:58px!important;height:58px!important;min-width:58px!important;margin-top:-24px!important;
  border:4px solid #fff!important;box-shadow:0 12px 24px rgba(255,107,0,.20)!important;
}
.home-logo img{width:48px!important;height:48px!important;}

/* Modal çarpıları ve dialoglar üstte garanti */
.close-x,.cart-close{pointer-events:auto!important;z-index:9999!important;position:relative!important;touch-action:manipulation!important;}
.address-dialog,.cart-dialog,.admin-dialog{z-index:5000!important;}
.address-sheet{height:min(86dvh,704px)!important;border-radius:30px!important;}
.sheet-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom))!important;}

@media (max-width:390px){
  .app{padding-left:16px!important;padding-right:16px!important;}
  .section-title h2{font-size:22px!important;}
  .section-title button{font-size:13px!important;}
  .cat{flex-basis:82px!important;min-width:82px!important;width:82px!important;height:100px!important;}
  .cat-img{width:49px!important;height:49px!important;}
  .product{flex-basis:calc((100% - 10px)/2)!important;min-width:calc((100% - 10px)/2)!important;max-width:calc((100% - 10px)/2)!important;}
  .products{gap:10px!important;}
  .food{height:118px!important;}
  .product h3{font-size:16px!important;min-height:38px!important;}
  .price-row b{font-size:17px!important;}
  .price-row button{min-width:52px!important;height:36px!important;font-size:14px!important;}
  .bottom-nav{width:calc(100vw - 22px)!important;grid-template-columns:1fr 1fr 58px 1fr 1fr!important;}
  .bottom-nav span{font-size:10px!important;}
  .home-logo{width:56px!important;height:56px!important;min-width:56px!important;}
}

/* === Tekelika Premium Cart V3: Apple + Trendyol Yemek polish === */
.premium-cart-dialog{
  border:0!important;background:transparent!important;padding:0!important;max-width:100vw!important;max-height:100dvh!important;z-index:7000!important;
}
.premium-cart-dialog::backdrop{
  background:rgba(31,20,12,.34)!important;
  backdrop-filter:blur(16px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.15)!important;
}
.premium-cart-sheet{
  position:fixed!important;
  left:10px!important;right:10px!important;
  bottom:calc(8px + env(safe-area-inset-bottom))!important;
  max-width:450px!important;margin:0 auto!important;
  height:min(88dvh,720px)!important;
  display:flex!important;flex-direction:column!important;
  padding:0!important;overflow:hidden!important;
  border-radius:34px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,248,242,.94))!important;
  border:1px solid rgba(255,107,0,.14)!important;
  box-shadow:0 30px 90px rgba(37,18,5,.28), inset 0 1px 0 rgba(255,255,255,.9)!important;
  animation:premiumCartUp .34s cubic-bezier(.2,.9,.25,1) both!important;
}
@keyframes premiumCartUp{from{transform:translateY(35px) scale(.98);opacity:.3}to{transform:translateY(0) scale(1);opacity:1}}
.cart-handle{width:54px;height:5px;border-radius:999px;background:rgba(70,45,25,.16);margin:12px auto 2px;flex:0 0 auto}
.premium-cart-close{
  position:absolute!important;right:16px!important;top:16px!important;
  width:46px!important;height:46px!important;border:0!important;border-radius:17px!important;
  background:rgba(255,107,0,.10)!important;color:var(--orange)!important;
  font-size:31px!important;line-height:1!important;font-weight:950!important;
  display:grid!important;place-items:center!important;z-index:20!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 24px rgba(255,107,0,.10)!important;
  touch-action:manipulation!important;pointer-events:auto!important;
}
.cart-hero-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 22px 18px;border-bottom:1px solid rgba(255,107,0,.08);flex:0 0 auto}
.cart-title-block{min-width:0}.cart-eyebrow{display:block;color:var(--orange);font-size:11px;font-weight:950;letter-spacing:.09em;margin-bottom:2px}.cart-title-block h3{margin:0!important;font-size:31px!important;letter-spacing:-.9px;line-height:1.05}.cart-title-block p{margin:6px 0 0;color:#7a6a61;font-size:13px;font-weight:850}.cart-bag-icon{width:56px;height:56px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#ff6b00,#ff8c1a);box-shadow:0 14px 28px rgba(255,107,0,.24);font-size:25px;color:#fff;margin-right:50px;flex:0 0 auto}
.premium-cart-items{flex:1 1 auto;min-height:0;max-height:none!important;overflow:auto!important;-webkit-overflow-scrolling:touch;padding:14px 18px 8px;display:grid;gap:12px;background:linear-gradient(180deg,rgba(255,249,245,.2),rgba(255,249,245,.75))}.premium-cart-items::-webkit-scrollbar{display:none}
.premium-cart-item{display:grid;grid-template-columns:82px 1fr;gap:12px;align-items:center;padding:12px;border-radius:25px;background:rgba(255,255,255,.82);border:1px solid rgba(255,107,0,.10);box-shadow:0 12px 28px rgba(52,24,6,.07),inset 0 1px 0 rgba(255,255,255,.85);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.cart-product-media{width:82px;height:82px;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#fff1e8,#fff);display:grid;place-items:center;font-size:34px;box-shadow:inset 0 0 0 1px rgba(255,107,0,.08)}.cart-product-media img{width:100%;height:100%;object-fit:cover}.cart-product-info{min-width:0}.cart-product-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.cart-product-top b{font-size:16px;line-height:1.18;letter-spacing:-.25px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-product-info small{display:block;margin-top:5px;color:#8a7569;font-size:12px;font-weight:800}.cart-trash{width:31px;height:31px;border:0;border-radius:12px;background:#fff1e8;color:#cc4d00;font-size:18px;font-weight:950;flex:0 0 auto;display:grid;place-items:center}.cart-product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.cart-product-bottom strong{font-size:18px;color:#1f1f1f;letter-spacing:-.2px}.premium-qty{display:flex;align-items:center;gap:8px;padding:5px;border-radius:16px;background:#fff6ef;border:1px solid rgba(255,107,0,.12)}.premium-qty button{width:31px;height:31px;border:0;border-radius:12px;background:#fff;color:var(--orange);font-size:20px;font-weight:950;box-shadow:0 5px 12px rgba(255,107,0,.08)}.premium-qty b{min-width:18px;text-align:center;font-size:15px;font-weight:950}
.premium-empty-cart{min-height:230px;border-radius:28px;background:rgba(255,255,255,.78);border:1px dashed rgba(255,107,0,.28);display:grid;place-items:center;text-align:center;padding:28px;align-content:center;gap:8px;color:#7a6a61}.premium-empty-cart div{font-size:44px}.premium-empty-cart b{font-size:22px;color:#1f1f1f}.premium-empty-cart span{font-size:14px;font-weight:750;line-height:1.35;max-width:260px}
.cart-note-card,.cart-address-card,.cart-summary-card{margin:0 18px 12px;border-radius:24px;background:rgba(255,255,255,.82);border:1px solid rgba(255,107,0,.10);box-shadow:0 10px 24px rgba(52,24,6,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);flex:0 0 auto}.cart-note-card{padding:13px}.cart-note-card label{display:block;margin:0 0 8px;font-size:13px;font-weight:950;color:#332015}.cart-note-card textarea{width:100%!important;min-height:72px!important;margin:0!important;padding:12px 13px!important;border:1px solid rgba(255,107,0,.12)!important;border-radius:18px!important;background:#fffaf6!important;resize:none!important;outline:none!important;color:#1f1f1f;font-weight:700}.cart-address-card{padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.cart-address-card small{display:block;color:var(--orange);font-size:11px;font-weight:950;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px}.cart-address-card strong{display:block;font-size:13px;line-height:1.3;color:#3a2a20;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-address-card button{border:0;border-radius:15px;background:#fff1e8;color:var(--orange);font-weight:950;padding:10px 12px;flex:0 0 auto}.cart-summary-card{padding:15px}.cart-summary-card div{display:flex;align-items:center;justify-content:space-between;margin:7px 0;color:#6f625b;font-size:15px;font-weight:850}.cart-summary-card b{color:#1f1f1f;font-size:16px}.cart-summary-card .free-delivery{color:#129447}.summary-total{border-top:1px solid rgba(255,107,0,.10);padding-top:12px;margin-top:12px!important}.summary-total span{font-size:18px!important;color:#1f1f1f!important;font-weight:950!important}.summary-total b{font-size:24px!important;color:var(--orange)!important;letter-spacing:-.5px}
.premium-whatsapp-btn{margin:0 18px calc(16px + env(safe-area-inset-bottom));height:64px;border:0;border-radius:24px;background:linear-gradient(135deg,#ff6b00,#ff8c1a);color:#fff;box-shadow:0 16px 34px rgba(255,107,0,.28), inset 0 1px 0 rgba(255,255,255,.28);display:grid;place-items:center;font-weight:950;flex:0 0 auto;position:relative;overflow:hidden}.premium-whatsapp-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(-120%) skewX(-18deg);animation:cartBtnShine 4.5s infinite}.premium-whatsapp-btn span{font-size:18px;line-height:1;position:relative}.premium-whatsapp-btn small{font-size:11px;opacity:.9;margin-top:3px;position:relative}.premium-whatsapp-btn:active{transform:scale(.985)}@keyframes cartBtnShine{0%,55%{transform:translateX(-120%) skewX(-18deg)}100%{transform:translateX(120%) skewX(-18deg)}}
@media (max-width:380px){.premium-cart-sheet{left:8px!important;right:8px!important;height:min(89dvh,720px)!important;border-radius:30px!important}.cart-hero-head{padding-left:18px;padding-right:18px}.cart-title-block h3{font-size:28px!important}.cart-bag-icon{display:none}.premium-cart-items{padding-left:14px;padding-right:14px}.premium-cart-item{grid-template-columns:74px 1fr;border-radius:22px}.cart-product-media{width:74px;height:74px;border-radius:20px}.cart-product-bottom strong{font-size:16px}.premium-qty{gap:5px}.premium-qty button{width:29px;height:29px}.cart-note-card,.cart-address-card,.cart-summary-card,.premium-whatsapp-btn{margin-left:14px;margin-right:14px}}

/* === Tekelika Premium Cart V4: Apple + Trendyol polish final === */
.premium-cart-dialog::backdrop{
  background:rgba(18,12,8,.38)!important;
  backdrop-filter:blur(22px) saturate(1.22)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.22)!important;
}
.premium-cart-sheet{
  left:12px!important;
  right:12px!important;
  bottom:calc(8px + env(safe-area-inset-bottom))!important;
  height:min(86dvh,704px)!important;
  max-width:448px!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 80% 0%, rgba(255,107,0,.10), transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.985),rgba(255,250,246,.965))!important;
  border:1px solid rgba(255,107,0,.12)!important;
  box-shadow:0 34px 95px rgba(28,13,4,.30), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.cart-handle{width:46px!important;height:5px!important;background:rgba(43,22,8,.13)!important;margin:14px auto 4px!important}
.premium-cart-close{
  right:17px!important;top:22px!important;width:42px!important;height:42px!important;border-radius:50%!important;
  background:rgba(255,255,255,.76)!important;color:#ff5b00!important;font-size:28px!important;
  border:1px solid rgba(255,107,0,.14)!important;
  backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
  box-shadow:0 10px 24px rgba(255,107,0,.12), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.cart-hero-head{
  padding:10px 20px 12px!important;
  min-height:92px!important;
  border-bottom:1px solid rgba(255,107,0,.08)!important;
}
.cart-eyebrow{font-size:10px!important;letter-spacing:.13em!important;color:#ff6b00!important}
.cart-title-block h3{font-size:34px!important;letter-spacing:-1.25px!important;line-height:.98!important}
.cart-title-block p{font-size:12.5px!important;line-height:1.25!important;color:#6d5f58!important;max-width:255px!important}
.cart-bag-icon{
  width:46px!important;height:46px!important;border-radius:17px!important;margin-right:48px!important;font-size:20px!important;
  background:linear-gradient(135deg,#ff6b00,#ff9a2a)!important;
  box-shadow:0 14px 30px rgba(255,107,0,.22)!important;
}
.premium-cart-items{
  flex:0 1 auto!important;
  max-height:215px!important;
  min-height:96px!important;
  padding:12px 16px 8px!important;
  gap:10px!important;
  background:linear-gradient(180deg,rgba(255,249,245,.28),rgba(255,249,245,.78))!important;
  border-bottom:1px solid rgba(255,107,0,.06)!important;
}
.premium-cart-item.apple-cart-item,
.premium-cart-item{
  grid-template-columns:76px minmax(0,1fr)!important;
  gap:12px!important;
  padding:10px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(255,107,0,.095)!important;
  box-shadow:0 12px 28px rgba(51,22,5,.075), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.cart-product-media{width:76px!important;height:76px!important;border-radius:20px!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,107,0,.08),0 8px 18px rgba(29,15,5,.05)!important}
.cart-product-top b{font-size:15.5px!important;line-height:1.16!important;color:#1f1f1f!important;padding-right:3px!important}
.cart-product-info small{font-size:11.5px!important;margin-top:5px!important;color:#88776e!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.cart-trash{width:29px!important;height:29px!important;border-radius:11px!important;background:rgba(255,241,232,.95)!important;font-size:14px!important;color:#ff5b00!important;box-shadow:inset 0 1px 0 #fff!important}
.cart-product-bottom{margin-top:8px!important;gap:8px!important}
.cart-product-bottom strong{font-size:17px!important;color:#1f1f1f!important}
.premium-qty{gap:6px!important;padding:4px!important;border-radius:15px!important;background:rgba(255,246,239,.96)!important;border:1px solid rgba(255,107,0,.11)!important}
.premium-qty button{width:29px!important;height:29px!important;border-radius:11px!important;background:#fff!important;color:#ff6b00!important;font-size:19px!important;box-shadow:0 5px 13px rgba(255,107,0,.09)!important}
.premium-qty b{font-size:14px!important;min-width:16px!important}
.cart-note-card,.cart-address-card,.cart-summary-card{
  margin-left:16px!important;margin-right:16px!important;margin-bottom:10px!important;
  border-radius:23px!important;background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(255,107,0,.095)!important;
  box-shadow:0 12px 28px rgba(51,22,5,.065), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.cart-note-card{padding:12px!important}.cart-note-card label{font-size:13px!important;color:#24160f!important;margin-bottom:7px!important}
.cart-note-card textarea{min-height:62px!important;border-radius:17px!important;background:#fffaf6!important;font-size:14px!important;line-height:1.3!important}
.cart-address-card{padding:12px 13px!important}.cart-address-card small{font-size:10.5px!important}.cart-address-card strong{font-size:13px!important;color:#24160f!important}.cart-address-card button{padding:9px 12px!important;border-radius:14px!important;background:#fff1e8!important;color:#ff5b00!important}
.cart-summary-card{padding:13px 14px!important}.cart-summary-card div{font-size:14px!important;margin:5px 0!important}.cart-summary-card b{font-size:15px!important}.summary-total{padding-top:10px!important;margin-top:10px!important}.summary-total span{font-size:17px!important}.summary-total b{font-size:25px!important;color:#ff6b00!important}
.premium-whatsapp-btn{
  height:62px!important;margin:0 16px calc(14px + env(safe-area-inset-bottom))!important;border-radius:24px!important;
  background:linear-gradient(135deg,#ff5f00 0%,#ff7a00 52%,#ffa12a 100%)!important;
  box-shadow:0 18px 36px rgba(255,107,0,.30), inset 0 1px 0 rgba(255,255,255,.30)!important;
}
.premium-whatsapp-btn span{font-size:18px!important;letter-spacing:-.15px!important}.premium-whatsapp-btn small{font-size:11px!important;font-weight:850!important}
.premium-empty-cart{min-height:160px!important;border-radius:26px!important;background:rgba(255,255,255,.86)!important}

@media (max-width:390px){
  .premium-cart-sheet{left:10px!important;right:10px!important;height:min(87dvh,690px)!important;border-radius:32px!important}
  .cart-hero-head{padding-left:18px!important;padding-right:18px!important;min-height:86px!important}
  .cart-title-block h3{font-size:31px!important}.cart-title-block p{font-size:12px!important}.cart-bag-icon{display:none!important}
  .premium-cart-items{max-height:202px!important;padding-left:14px!important;padding-right:14px!important}
  .premium-cart-item{grid-template-columns:70px minmax(0,1fr)!important;border-radius:22px!important}.cart-product-media{width:70px!important;height:70px!important;border-radius:19px!important}.cart-product-top b{font-size:14.5px!important}.cart-product-bottom strong{font-size:16px!important}.premium-qty button{width:27px!important;height:27px!important}.cart-note-card textarea{min-height:58px!important}
  .premium-whatsapp-btn{height:60px!important}
}


/* === TEKELIKA ULTIMATE V5: modern header buttons + Pages-ready polish === */
.topbar{
  height:108px!important;
  grid-template-columns:1fr auto 1fr!important;
  padding-top:2px!important;
}
.top-right{
  justify-content:flex-end!important;
  gap:0!important;
}
.topbar .brand,
.topbar .brand img{
  width:78px!important;
  height:78px!important;
}
.top-icon{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:56px!important;
  height:56px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,107,0,.16)!important;
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.95), rgba(255,255,255,.55) 55%, rgba(255,244,236,.62) 100%)!important;
  box-shadow:
    0 16px 34px rgba(64,28,7,.11),
    0 6px 18px rgba(255,107,0,.08),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(255,107,0,.06)!important;
  backdrop-filter:blur(22px) saturate(1.16)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.16)!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease!important;
}
.top-icon:active{transform:scale(.94)!important;}
.hamburger{
  gap:0!important;
  justify-self:start!important;
}
.hamburger:before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,107,0,.12),rgba(255,140,26,.035));
  pointer-events:none;
}
.hamburger i{
  width:26px!important;
  height:3.2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ff5f00,#ff8c1a)!important;
  box-shadow:0 2px 7px rgba(255,107,0,.22)!important;
  position:relative!important;
  z-index:2!important;
  margin:3px 0!important;
}
.hamburger i:nth-child(1){width:22px!important;justify-self:start!important;margin-left:14px!important;}
.hamburger i:nth-child(2){width:28px!important;}
.hamburger i:nth-child(3){width:22px!important;justify-self:end!important;margin-right:14px!important;}
.modern-cart{
  justify-self:end!important;
  color:#ff6b00!important;
}
.modern-cart svg{
  width:29px!important;
  height:29px!important;
  fill:none!important;
  stroke:#6b4a3a!important;
  stroke-width:2.35!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  filter:drop-shadow(0 4px 8px rgba(255,107,0,.12));
}
.modern-cart:after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:17px;
  background:linear-gradient(135deg,rgba(255,107,0,.10),transparent 62%);
  pointer-events:none;
}
.modern-cart b{
  right:-5px!important;
  top:-7px!important;
  min-width:24px!important;
  height:24px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ff5f00,#ff8c1a)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  border:3px solid #fff7ef!important;
  box-shadow:0 9px 18px rgba(255,107,0,.28)!important;
  z-index:5!important;
}
/* Konum/hedef üst butonu eski sürümden kalırsa tamamen gizle */
.top-right .top-icon:not(#cartTop){display:none!important;}
@media(max-width:430px){
  .topbar{height:104px!important;}
  .topbar .brand,.topbar .brand img{width:74px!important;height:74px!important;}
  .top-icon{width:54px!important;height:54px!important;border-radius:21px!important;}
  .modern-cart svg{width:28px!important;height:28px!important;}
}
@media(max-width:374px){
  .topbar{height:96px!important;}
  .topbar .brand,.topbar .brand img{width:68px!important;height:68px!important;}
  .top-icon{width:50px!important;height:50px!important;border-radius:19px!important;}
  .hamburger i{height:3px!important;}
  .modern-cart svg{width:26px!important;height:26px!important;}
}


/* =========================================================
   TEKELIKA ULTIMATE V7 APP STORE SIGNATURE
   _headers yoktur. Cloudflare Pages için güvenli sürüm.
   ========================================================= */

:root{
  --tk-bg:#fff8f1;
  --tk-bg2:#ffe9d8;
  --tk-orange:#ff6a00;
  --tk-orange2:#ff8a1c;
  --tk-deep:#24120a;
  --tk-muted:#78675d;
  --tk-card:rgba(255,255,255,.82);
  --tk-border:rgba(255,106,0,.16);
  --tk-shadow:0 18px 48px rgba(80,34,6,.14);
}

html,body{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,106,0,.16), transparent 34%),
    linear-gradient(180deg,var(--tk-bg) 0%, #fffaf6 48%, var(--tk-bg2) 100%)!important;
}

body{
  color:var(--tk-deep)!important;
}

.app, main, .page, .screen{
  background:transparent!important;
}

.app main, main{
  padding-bottom:154px!important;
}

/* ---------- ÜST BAR: modern hamburger + tek premium sepet ---------- */

.header, .topbar, .app-header, .top-row{
  padding-left:24px!important;
  padding-right:24px!important;
}

.top-right .top-icon:not(#cartTop),
.top-actions .top-icon:not(#cartTop),
.header-actions .top-icon:not(#cartTop){
  display:none!important;
}

#menuBtn,
#menuBtn.hamburger{
  width:62px!important;
  height:62px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,106,0,.14)!important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,238,224,.72))!important;
  box-shadow:
    0 16px 34px rgba(72,30,5,.13),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(255,106,0,.08)!important;
  backdrop-filter:blur(20px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.2)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  overflow:hidden!important;
  -webkit-tap-highlight-color:transparent!important;
}

#menuBtn:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.5), transparent)!important;
  transform:translateX(-120%) skewX(-20deg)!important;
  animation:tkMenuShine 5.2s ease-in-out infinite!important;
  pointer-events:none!important;
}

#menuBtn i{
  width:29px!important;
  height:4px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--tk-orange),var(--tk-orange2))!important;
  box-shadow:0 0 10px rgba(255,106,0,.16)!important;
  display:block!important;
  position:relative!important;
}

#menuBtn i:before,
#menuBtn i:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  width:29px!important;
  height:4px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--tk-orange),var(--tk-orange2))!important;
  box-shadow:0 0 10px rgba(255,106,0,.16)!important;
}

#menuBtn i:before{ top:-11px!important; }
#menuBtn i:after{ top:11px!important; }

@keyframes tkMenuShine{
  0%,68%{transform:translateX(-125%) skewX(-20deg); opacity:0}
  78%{opacity:.9}
  100%{transform:translateX(145%) skewX(-20deg); opacity:0}
}

#cartTop,
#cartTop.modern-cart{
  width:62px!important;
  height:62px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,106,0,.14)!important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,238,224,.72))!important;
  box-shadow:
    0 16px 34px rgba(72,30,5,.13),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(255,106,0,.08)!important;
  backdrop-filter:blur(20px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.2)!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  -webkit-tap-highlight-color:transparent!important;
}

#cartTop svg{
  width:30px!important;
  height:30px!important;
  stroke:#6a4734!important;
  stroke-width:2.25!important;
  filter:drop-shadow(0 4px 7px rgba(70,30,5,.10))!important;
}

#cartTop .badge,
#cartTop .cart-badge,
.cart-badge{
  position:absolute!important;
  top:-8px!important;
  right:-8px!important;
  min-width:27px!important;
  height:27px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--tk-orange),#ff3f00)!important;
  color:#fff!important;
  border:3px solid #fff8f1!important;
  box-shadow:
    0 9px 18px rgba(255,80,0,.32),
    inset 0 1px 0 rgba(255,255,255,.35)!important;
  font-size:13px!important;
  font-weight:1000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* ---------- LOGO ---------- */

.logo, .brand-logo, .top-logo{
  filter:
    drop-shadow(0 12px 20px rgba(92,35,3,.14))
    drop-shadow(0 0 14px rgba(255,106,0,.10))!important;
}

/* ---------- BANNER: premium ama temiz ---------- */

.hero, .banner, .hero-banner{
  border-radius:30px!important;
  overflow:hidden!important;
  box-shadow:
    0 22px 52px rgba(92,35,3,.16),
    0 8px 18px rgba(255,106,0,.10)!important;
  border:1px solid rgba(255,255,255,.62)!important;
  position:relative!important;
  transform:translateZ(0)!important;
}

.hero img, .banner img, .hero-banner img{
  transform:scale(1.01)!important;
  animation:tkHeroZoom 18s ease-in-out infinite alternate!important;
}

.hero:before, .banner:before, .hero-banner:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(110deg, transparent 0%, rgba(255,234,178,.0) 34%, rgba(255,245,210,.38) 47%, rgba(255,255,255,.10) 52%, transparent 64%)!important;
  transform:translateX(-120%) skewX(-12deg)!important;
  animation:tkHeroGoldShine 6.4s ease-in-out infinite!important;
  z-index:3!important;
  pointer-events:none!important;
}

.hero:after, .banner:after, .hero-banner:after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0 0!important;
  height:34%!important;
  background:linear-gradient(0deg, rgba(0,0,0,.10), transparent)!important;
  z-index:2!important;
  pointer-events:none!important;
}

@keyframes tkHeroZoom{
  0%{transform:scale(1.01)}
  100%{transform:scale(1.055)}
}

@keyframes tkHeroGoldShine{
  0%,62%{transform:translateX(-125%) skewX(-12deg); opacity:0}
  72%{opacity:1}
  100%{transform:translateX(130%) skewX(-12deg); opacity:0}
}

/* Slider noktaları */
.dots span, .slider-dots span, .hero-dots span{
  background:rgba(255,255,255,.55)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 4px 10px rgba(0,0,0,.12)!important;
}

.dots span.active, .slider-dots span.active, .hero-dots span.active{
  width:30px!important;
  background:#fff!important;
}

/* ---------- Teslimat ve sipariş butonları ---------- */

.address-card, .address-btn, #addressBtn, .delivery-address{
  border-radius:30px!important;
  background:
    linear-gradient(135deg, rgba(255,106,0,.96), rgba(255,136,25,.90))!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.36)!important;
  box-shadow:
    0 22px 46px rgba(255,106,0,.24),
    inset 0 1px 0 rgba(255,255,255,.32)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}

.address-card *, .address-btn *, #addressBtn *, .delivery-address *{
  color:#fff!important;
}

.order-btn, #orderBtn, .primary-order{
  border-radius:30px!important;
  background:
    linear-gradient(135deg,#ff5c00,#ff7b00 48%,#ff9a1b)!important;
  box-shadow:
    0 22px 48px rgba(255,96,0,.28),
    inset 0 1px 0 rgba(255,255,255,.26)!important;
  border:1px solid rgba(255,255,255,.28)!important;
}

/* ---------- KATEGORİLER ---------- */

.section-title, h2{
  color:#181411!important;
  letter-spacing:-.9px!important;
}

.see-all, .view-all, .all-link{
  color:var(--tk-orange)!important;
  font-weight:1000!important;
}

.categories, .category-row, .cats{
  gap:14px!important;
  padding-bottom:12px!important;
  scroll-snap-type:x mandatory!important;
}

.category-card, .cat-card{
  min-width:112px!important;
  width:112px!important;
  height:138px!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(255,106,0,.11)!important;
  box-shadow:
    0 14px 32px rgba(79,34,8,.09),
    inset 0 1px 0 rgba(255,255,255,.88)!important;
  backdrop-filter:blur(18px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.1)!important;
  scroll-snap-align:start!important;
}

.category-card.active, .cat-card.active{
  background:linear-gradient(135deg,var(--tk-orange),var(--tk-orange2))!important;
  color:#fff!important;
  box-shadow:
    0 18px 38px rgba(255,106,0,.25),
    inset 0 1px 0 rgba(255,255,255,.25)!important;
}

.category-card.active *, .cat-card.active *{
  color:#fff!important;
}

/* ---------- ÜRÜN KARTLARI ---------- */

.product-card, .product{
  border-radius:30px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(255,106,0,.10)!important;
  box-shadow:
    0 18px 44px rgba(69,31,7,.12),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

.product-card img, .product img{
  object-fit:cover!important;
}

.product-card .add, .product-card .add-btn,
.product .add, .product .add-btn,
button.add{
  background:linear-gradient(135deg,var(--tk-orange),#ff7c13)!important;
  color:#fff!important;
  border-radius:18px!important;
  border:0!important;
  box-shadow:0 12px 24px rgba(255,106,0,.25)!important;
  font-weight:1000!important;
}

.product-card .price, .product .price{
  color:#1f1712!important;
  font-weight:1000!important;
}

/* ---------- ALT MENÜ: Signature bar ---------- */

.bottom-nav{
  position:fixed!important;
  left:50%!important;
  bottom:calc(13px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(430px, calc(100vw - 24px))!important;
  height:78px!important;
  padding:8px 10px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 78px 1fr 1fr!important;
  align-items:center!important;
  border-radius:34px!important;
  border:1px solid rgba(255,106,0,.16)!important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.90), rgba(255,244,236,.76)),
    radial-gradient(circle at 50% -18%, rgba(255,106,0,.23), transparent 45%)!important;
  box-shadow:
    0 24px 58px rgba(55,22,4,.18),
    0 8px 24px rgba(255,106,0,.10),
    inset 0 1px 0 rgba(255,255,255,.94)!important;
  backdrop-filter:blur(30px) saturate(1.24)!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.24)!important;
  z-index:1200!important;
  overflow:visible!important;
}

.bottom-nav:before{
  content:""!important;
  position:absolute!important;
  top:7px!important;
  left:26px!important;
  right:26px!important;
  height:1px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(255,138,28,.42),transparent)!important;
}

.bottom-nav button{
  border:0!important;
  background:transparent!important;
  color:#6e5f55!important;
  height:58px!important;
  border-radius:22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  font-size:24px!important;
  font-weight:1000!important;
  transition:.18s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}

.bottom-nav button:active{
  transform:scale(.94)!important;
}

.bottom-nav button span{
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}

.bottom-nav button.active{
  color:var(--tk-orange)!important;
  background:linear-gradient(135deg,rgba(255,106,0,.12),rgba(255,138,28,.05))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 8px 18px rgba(255,106,0,.08)!important;
}

/* Ortadaki logo ön planda ve parlak */
.bottom-nav .home-logo{
  width:78px!important;
  height:78px!important;
  min-width:78px!important;
  margin-top:-36px!important;
  align-self:start!important;
  border-radius:50%!important;
  padding:0!important;
  background:radial-gradient(circle, #fff 0 49%, #fff0e6 50% 100%)!important;
  border:6px solid rgba(255,255,255,.98)!important;
  box-shadow:
    0 0 0 1px rgba(255,106,0,.13),
    0 18px 40px rgba(255,106,0,.30),
    0 0 36px rgba(255,106,0,.28),
    inset 0 1px 0 #fff!important;
  z-index:9!important;
  position:relative!important;
}

.bottom-nav .home-logo:before{
  content:""!important;
  position:absolute!important;
  inset:-14px!important;
  border-radius:50%!important;
  background:conic-gradient(from 0deg, rgba(255,106,0,0), rgba(255,106,0,.34), rgba(255,211,120,.42), rgba(255,106,0,0))!important;
  filter:blur(9px)!important;
  opacity:.95!important;
  animation:tkLogoHalo 4.8s linear infinite!important;
  z-index:-2!important;
}

.bottom-nav .home-logo:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-19px!important;
  width:96px!important;
  height:36px!important;
  transform:translateX(-50%)!important;
  border-radius:999px!important;
  background:radial-gradient(circle, rgba(255,106,0,.30), rgba(255,106,0,0) 70%)!important;
  filter:blur(7px)!important;
  z-index:-1!important;
}

.bottom-nav .home-logo img{
  width:59px!important;
  height:59px!important;
  object-fit:contain!important;
  border-radius:50%!important;
  filter:drop-shadow(0 8px 13px rgba(50,20,0,.16)) drop-shadow(0 0 10px rgba(255,106,0,.16))!important;
  animation:tkLogoPulse 3.6s ease-in-out infinite!important;
}

.bottom-nav .home-logo span{
  display:none!important;
}

@keyframes tkLogoHalo{
  0%{transform:rotate(0deg) scale(1)}
  50%{transform:rotate(180deg) scale(1.04)}
  100%{transform:rotate(360deg) scale(1)}
}

@keyframes tkLogoPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.045)}
}

/* ---------- SEPET MODALINI premiumlaştır ---------- */

.cart-modal, .cart-sheet, .sheet.cart{
  border-radius:34px 34px 28px 28px!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(255,106,0,.12)!important;
  box-shadow:0 30px 80px rgba(25,13,6,.30)!important;
  backdrop-filter:blur(28px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(28px) saturate(1.18)!important;
}

.cart-modal .close, .cart-sheet .close, .modal-close{
  border-radius:18px!important;
  background:rgba(255,240,230,.88)!important;
  color:var(--tk-orange)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 22px rgba(255,106,0,.10)!important;
}

.whatsapp-btn, .checkout-btn{
  border-radius:24px!important;
  background:linear-gradient(135deg,#ff5c00,#ff7c10 55%,#ffaa2a)!important;
  color:#fff!important;
  box-shadow:0 18px 36px rgba(255,106,0,.28)!important;
}

/* ---------- Mobil ölçüler ---------- */

@media(max-width:430px){
  .header, .topbar, .app-header, .top-row{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  #menuBtn, #cartTop{
    width:58px!important;
    height:58px!important;
    border-radius:22px!important;
  }
  .bottom-nav{
    width:calc(100vw - 22px)!important;
    height:76px!important;
    grid-template-columns:1fr 1fr 76px 1fr 1fr!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
  }
  .bottom-nav .home-logo{
    width:74px!important;
    height:74px!important;
    min-width:74px!important;
    margin-top:-34px!important;
  }
  .bottom-nav .home-logo img{
    width:56px!important;
    height:56px!important;
  }
  .bottom-nav button{
    font-size:22px!important;
  }
}

@media(max-width:374px){
  #menuBtn, #cartTop{
    width:54px!important;
    height:54px!important;
    border-radius:20px!important;
  }
  .bottom-nav{
    width:calc(100vw - 18px)!important;
    height:72px!important;
    grid-template-columns:1fr 1fr 70px 1fr 1fr!important;
    padding:7px 8px!important;
  }
  .bottom-nav .home-logo{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
    margin-top:-31px!important;
  }
  .bottom-nav .home-logo img{
    width:51px!important;
    height:51px!important;
  }
  .bottom-nav button span{
    font-size:9.5px!important;
  }
}



/* =========================================================
   TEKELIKA ULTIMATE V8 SIGNATURE
   Alt bar + banner + ürün kartları + sepet + üst bölüm polish
   Cloudflare Pages güvenli: _headers yok
   ========================================================= */

:root{
  --v8-orange:#ff6900;
  --v8-orange-2:#ff8a1c;
  --v8-gold:#ffd27a;
  --v8-bg:#fff8f2;
  --v8-ink:#1d1410;
  --v8-muted:#6f625b;
  --v8-glass:rgba(255,255,255,.82);
  --v8-border:rgba(255,105,0,.16);
}

/* 1) ALT ÇUBUK — özel cam tasarım, aktif sekme ışığı, büyük parlak logo */
.bottom-nav{
  position:fixed!important;
  left:50%!important;
  bottom:calc(12px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(430px, calc(100vw - 22px))!important;
  height:82px!important;
  padding:8px 10px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 86px 1fr 1fr!important;
  align-items:center!important;
  border-radius:36px!important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,246,239,.78)),
    radial-gradient(circle at 50% -22%, rgba(255,105,0,.30), transparent 52%)!important;
  border:1px solid rgba(255,105,0,.18)!important;
  box-shadow:
    0 28px 70px rgba(46,18,4,.20),
    0 12px 26px rgba(255,105,0,.12),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(255,105,0,.07)!important;
  backdrop-filter:blur(34px) saturate(1.28)!important;
  -webkit-backdrop-filter:blur(34px) saturate(1.28)!important;
  overflow:visible!important;
  z-index:1200!important;
}

.bottom-nav:before{
  content:""!important;
  position:absolute!important;
  top:7px!important;
  left:25px!important;
  right:25px!important;
  height:1px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg, transparent, rgba(255,210,122,.7), rgba(255,105,0,.36), transparent)!important;
  pointer-events:none!important;
}

.bottom-nav:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:-29px!important;
  width:168px!important;
  height:72px!important;
  transform:translateX(-50%)!important;
  border-radius:999px!important;
  background:radial-gradient(circle, rgba(255,105,0,.32), rgba(255,105,0,0) 70%)!important;
  filter:blur(12px)!important;
  pointer-events:none!important;
}

.bottom-nav button{
  border:0!important;
  background:transparent!important;
  color:#6d5d55!important;
  height:60px!important;
  border-radius:23px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  font-size:23px!important;
  font-weight:1000!important;
  transition:transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}

.bottom-nav button:active{
  transform:scale(.94)!important;
}

.bottom-nav button span{
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}

.bottom-nav button.active{
  color:var(--v8-orange)!important;
  background:
    linear-gradient(135deg, rgba(255,105,0,.14), rgba(255,138,28,.05))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 10px 22px rgba(255,105,0,.10),
    0 0 24px rgba(255,105,0,.10)!important;
}

/* Ortadaki logo %20 daha büyük, parlayan ve dönen altın halo */
.bottom-nav .home-logo{
  width:88px!important;
  height:88px!important;
  min-width:88px!important;
  margin-top:-44px!important;
  align-self:start!important;
  border-radius:50%!important;
  padding:0!important;
  border:7px solid rgba(255,255,255,.98)!important;
  background:radial-gradient(circle,#fff 0 50%, #fff1e7 51% 100%)!important;
  box-shadow:
    0 0 0 1px rgba(255,105,0,.15),
    0 22px 50px rgba(255,105,0,.34),
    0 0 42px rgba(255,105,0,.30),
    inset 0 1px 0 #fff!important;
  z-index:10!important;
  position:relative!important;
}

.bottom-nav .home-logo:before{
  content:""!important;
  position:absolute!important;
  inset:-17px!important;
  border-radius:50%!important;
  background:
    conic-gradient(from 0deg,
      rgba(255,105,0,0),
      rgba(255,105,0,.42),
      rgba(255,210,122,.55),
      rgba(255,105,0,.20),
      rgba(255,105,0,0))!important;
  filter:blur(10px)!important;
  opacity:.96!important;
  animation:v8LogoHalo 5s linear infinite!important;
  z-index:-2!important;
}

.bottom-nav .home-logo:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-24px!important;
  width:116px!important;
  height:43px!important;
  transform:translateX(-50%)!important;
  border-radius:999px!important;
  background:radial-gradient(circle, rgba(255,105,0,.34), rgba(255,105,0,0) 72%)!important;
  filter:blur(8px)!important;
  z-index:-1!important;
}

.bottom-nav .home-logo img{
  width:67px!important;
  height:67px!important;
  border-radius:50%!important;
  object-fit:contain!important;
  animation:v8LogoPulse 3.4s ease-in-out infinite!important;
  filter:
    drop-shadow(0 8px 14px rgba(60,22,0,.17))
    drop-shadow(0 0 13px rgba(255,105,0,.18))!important;
}

.bottom-nav .home-logo span{display:none!important;}

@keyframes v8LogoHalo{
  0%{transform:rotate(0deg) scale(1)}
  50%{transform:rotate(180deg) scale(1.05)}
  100%{transform:rotate(360deg) scale(1)}
}
@keyframes v8LogoPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.055)}
}

/* 2) BANNER — premium zoom, altın geçiş ve büyük slider noktaları */
.hero, .banner, .hero-banner{
  border-radius:32px!important;
  overflow:hidden!important;
  position:relative!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:
    0 26px 66px rgba(80,30,0,.17),
    0 10px 22px rgba(255,105,0,.12)!important;
  transform:translateZ(0)!important;
}

.hero img, .banner img, .hero-banner img{
  animation:v8HeroZoom 18s ease-in-out infinite alternate!important;
  transform-origin:center center!important;
}

.hero:before, .banner:before, .hero-banner:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(112deg, transparent 0%, transparent 34%, rgba(255,219,130,.52) 47%, rgba(255,255,255,.20) 53%, transparent 66%)!important;
  transform:translateX(-135%) skewX(-13deg)!important;
  animation:v8HeroShine 6.2s ease-in-out infinite!important;
  z-index:5!important;
  pointer-events:none!important;
}

.hero:after, .banner:after, .hero-banner:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:38%!important;
  background:linear-gradient(0deg, rgba(0,0,0,.13), transparent)!important;
  z-index:2!important;
  pointer-events:none!important;
}

@keyframes v8HeroZoom{
  0%{transform:scale(1.012)}
  100%{transform:scale(1.065)}
}
@keyframes v8HeroShine{
  0%,58%{transform:translateX(-135%) skewX(-13deg); opacity:0}
  70%{opacity:1}
  100%{transform:translateX(135%) skewX(-13deg); opacity:0}
}

.dots span, .slider-dots span, .hero-dots span{
  width:10px!important;
  height:10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.68)!important;
  border:1px solid rgba(255,255,255,.70)!important;
  box-shadow:0 5px 12px rgba(0,0,0,.18)!important;
}
.dots span.active, .slider-dots span.active, .hero-dots span.active{
  width:34px!important;
  background:#fff!important;
}

/* 3) ÜRÜN KARTLARI — App Store hissi, büyük görsel, siyah fiyat, turuncu +/Ekle */
.product-card, .product{
  border-radius:31px!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(255,105,0,.10)!important;
  box-shadow:
    0 20px 50px rgba(65,28,7,.12),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
  overflow:hidden!important;
  backdrop-filter:blur(18px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.1)!important;
}

.product-card img, .product img{
  width:100%!important;
  object-fit:cover!important;
}

.product-card .price, .product .price,
.product-card strong, .product strong{
  color:#14100d!important;
  font-weight:1000!important;
  letter-spacing:-.3px!important;
}

.product-card .add, .product-card .add-btn,
.product .add, .product .add-btn,
button.add{
  background:linear-gradient(135deg,#ff5d00,#ff7b12 60%,#ff981e)!important;
  color:#fff!important;
  border:0!important;
  border-radius:18px!important;
  font-weight:1000!important;
  box-shadow:
    0 14px 28px rgba(255,105,0,.28),
    inset 0 1px 0 rgba(255,255,255,.28)!important;
}

.product-card .add:active, .product .add:active,
button.add:active{
  transform:scale(.96)!important;
}

/* 4) SEPET EKRANI — cam efekt, parlak WhatsApp, lüks toplam */
.cart-modal, .cart-sheet, .sheet.cart, #cartModal .sheet, .modal.cart{
  border-radius:36px 36px 30px 30px!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,247,241,.90))!important;
  border:1px solid rgba(255,105,0,.12)!important;
  box-shadow:
    0 34px 86px rgba(25,13,6,.32),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
  backdrop-filter:blur(32px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(32px) saturate(1.18)!important;
}

.cart-modal .close, .cart-sheet .close, .modal-close, .cart-close{
  border-radius:18px!important;
  background:rgba(255,241,231,.92)!important;
  color:var(--v8-orange)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 12px 25px rgba(255,105,0,.12)!important;
}

.cart-item, .basket-item{
  border-radius:22px!important;
  background:rgba(255,255,255,.80)!important;
  border:1px solid rgba(255,105,0,.08)!important;
  box-shadow:0 10px 24px rgba(75,31,4,.08)!important;
}

.qty button, .quantity button, .qty-control button{
  background:rgba(255,241,232,.95)!important;
  color:var(--v8-orange)!important;
  border-radius:13px!important;
  border:1px solid rgba(255,105,0,.10)!important;
  font-weight:1000!important;
}

.total-card, .cart-total, .summary-card{
  border-radius:26px!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(255,105,0,.09)!important;
  box-shadow:0 14px 30px rgba(75,31,4,.08)!important;
}

.whatsapp-btn, .checkout-btn, #whatsappOrderBtn{
  position:relative!important;
  overflow:hidden!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,#ff5d00,#ff7610 55%,#ffad2c)!important;
  color:#fff!important;
  box-shadow:
    0 20px 42px rgba(255,105,0,.30),
    inset 0 1px 0 rgba(255,255,255,.28)!important;
  font-weight:1000!important;
}

.whatsapp-btn:before, .checkout-btn:before, #whatsappOrderBtn:before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:-120%!important;
  width:42%!important;
  height:100%!important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent)!important;
  transform:skewX(-18deg)!important;
  animation:v8ButtonShine 4.8s ease-in-out infinite!important;
  pointer-events:none!important;
}
@keyframes v8ButtonShine{
  0%,58%{left:-125%; opacity:0}
  68%{opacity:1}
  100%{left:140%; opacity:0}
}

/* 5) ÜST BÖLÜM — ince Apple hamburger, sepet parıltı, logo glow */
#menuBtn, #menuBtn.hamburger,
#cartTop, #cartTop.modern-cart{
  width:60px!important;
  height:60px!important;
  border-radius:24px!important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,242,233,.76))!important;
  border:1px solid rgba(255,105,0,.14)!important;
  box-shadow:
    0 18px 38px rgba(70,28,4,.14),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(255,105,0,.07)!important;
  backdrop-filter:blur(22px) saturate(1.22)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.22)!important;
}

#menuBtn i{
  width:30px!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ff5e00,#ff8a1c)!important;
  box-shadow:0 0 10px rgba(255,105,0,.18)!important;
}
#menuBtn i:before, #menuBtn i:after{
  width:30px!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ff5e00,#ff8a1c)!important;
}
#menuBtn i:before{top:-10px!important;}
#menuBtn i:after{top:10px!important;}

#cartTop{
  animation:v8CartGlow 4.2s ease-in-out infinite!important;
}
@keyframes v8CartGlow{
  0%,100%{box-shadow:0 18px 38px rgba(70,28,4,.14), inset 0 1px 0 rgba(255,255,255,.96)}
  50%{box-shadow:0 18px 38px rgba(70,28,4,.14), 0 0 20px rgba(255,105,0,.16), inset 0 1px 0 rgba(255,255,255,.96)}
}

.logo, .brand-logo, .top-logo{
  filter:
    drop-shadow(0 13px 23px rgba(86,31,3,.16))
    drop-shadow(0 0 18px rgba(255,105,0,.16))!important;
}

/* Mobil güvenli alan */
main, .content, .page-content{
  padding-bottom:154px!important;
}

@media(max-width:430px){
  .bottom-nav{
    width:calc(100vw - 22px)!important;
    height:80px!important;
    grid-template-columns:1fr 1fr 84px 1fr 1fr!important;
  }
  .bottom-nav .home-logo{
    width:84px!important;
    height:84px!important;
    min-width:84px!important;
    margin-top:-42px!important;
  }
  .bottom-nav .home-logo img{
    width:64px!important;
    height:64px!important;
  }
  .bottom-nav button span{font-size:10px!important;}
}

@media(max-width:374px){
  .bottom-nav{
    width:calc(100vw - 18px)!important;
    height:74px!important;
    grid-template-columns:1fr 1fr 76px 1fr 1fr!important;
  }
  .bottom-nav .home-logo{
    width:76px!important;
    height:76px!important;
    min-width:76px!important;
    margin-top:-38px!important;
  }
  .bottom-nav .home-logo img{
    width:58px!important;
    height:58px!important;
  }
  #menuBtn,#cartTop{
    width:56px!important;
    height:56px!important;
  }
}



/* TEKELIKA ULTIMATE V9 - GORSELDEKI GIBI */

html,body{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,105,0,.22), transparent 34%),
    linear-gradient(180deg,#fff7ef 0%,#fffaf7 48%,#ffe9d7 100%)!important;
}
.app, main, .page, .screen, .content{background:transparent!important;}
main,.content,.page-content,.app main{padding-bottom:158px!important;}

.header,.topbar,.app-header,.top-row{
  padding:26px 26px 18px!important;
  min-height:112px!important;
  align-items:center!important;
}
.logo,.brand-logo,.top-logo{
  width:96px!important;height:96px!important;border-radius:50%!important;
  filter:drop-shadow(0 15px 26px rgba(92,34,3,.20)) drop-shadow(0 0 18px rgba(255,105,0,.18))!important;
}

.top-right .top-icon:not(#cartTop),
.top-actions .top-icon:not(#cartTop),
.header-actions .top-icon:not(#cartTop){display:none!important;}

#menuBtn,#menuBtn.hamburger,#cartTop,#cartTop.modern-cart{
  width:70px!important;height:70px!important;border-radius:28px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,244,235,.75))!important;
  border:1px solid rgba(255,105,0,.14)!important;
  box-shadow:0 18px 38px rgba(70,28,4,.14), inset 0 1px 0 rgba(255,255,255,.98), inset 0 -1px 0 rgba(255,105,0,.08)!important;
  backdrop-filter:blur(24px) saturate(1.24)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.24)!important;
  overflow:hidden!important;
}
#menuBtn i{
  width:34px!important;height:4px!important;border-radius:999px!important;
  background:linear-gradient(90deg,#ff5a00,#ff8c1c)!important;
  box-shadow:0 0 12px rgba(255,105,0,.18)!important;
}
#menuBtn i:before,#menuBtn i:after{
  content:""!important;position:absolute!important;left:0!important;width:34px!important;height:4px!important;border-radius:999px!important;
  background:linear-gradient(90deg,#ff5a00,#ff8c1c)!important;
}
#menuBtn i:before{top:-12px!important;}
#menuBtn i:after{top:12px!important;}

#cartTop svg{width:34px!important;height:34px!important;stroke:#5d4031!important;stroke-width:2.2!important;}
#cartTop .badge,#cartTop .cart-badge,.cart-badge{
  top:-9px!important;right:-9px!important;min-width:30px!important;height:30px!important;
  border-radius:999px!important;background:linear-gradient(135deg,#ff6900,#ff3f00)!important;
  border:4px solid #fff8f1!important;color:#fff!important;box-shadow:0 10px 18px rgba(255,80,0,.34)!important;
  font-size:14px!important;font-weight:1000!important;
}

.hero,.banner,.hero-banner{
  margin:0 24px 24px!important;
  border-radius:32px!important;
  overflow:hidden!important;
  aspect-ratio:2.55/1!important;
  border:1px solid rgba(255,255,255,.72)!important;
  background:#ff6900!important;
  box-shadow:0 30px 72px rgba(82,31,3,.20),0 12px 28px rgba(255,105,0,.16),inset 0 1px 0 rgba(255,255,255,.4)!important;
  position:relative!important;
}
.hero img,.banner img,.hero-banner img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
  animation:v9BannerZoom 18s ease-in-out infinite alternate!important;
}
.hero:before,.banner:before,.hero-banner:before{
  content:""!important;position:absolute!important;inset:0!important;
  background:linear-gradient(112deg,transparent 0%,transparent 36%,rgba(255,218,128,.52) 48%,rgba(255,255,255,.20) 54%,transparent 66%)!important;
  transform:translateX(-135%) skewX(-13deg)!important;animation:v9GoldPass 6.4s ease-in-out infinite!important;
  z-index:5!important;pointer-events:none!important;
}
@keyframes v9BannerZoom{0%{transform:scale(1.01)}100%{transform:scale(1.055)}}
@keyframes v9GoldPass{0%,58%{transform:translateX(-135%) skewX(-13deg);opacity:0}70%{opacity:1}100%{transform:translateX(135%) skewX(-13deg);opacity:0}}

.dots span,.slider-dots span,.hero-dots span{
  width:11px!important;height:11px!important;background:rgba(255,255,255,.68)!important;border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:0 5px 12px rgba(0,0,0,.18)!important;
}
.dots span.active,.slider-dots span.active,.hero-dots span.active{width:36px!important;border-radius:999px!important;background:#fff!important;}

.address-card,.address-btn,#addressBtn,.delivery-address{
  margin:0 24px 18px!important;height:94px!important;border-radius:31px!important;
  background:linear-gradient(135deg,#ff7a16,#ff8d22 60%,#ff9d30)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:0 24px 52px rgba(255,105,0,.24), inset 0 1px 0 rgba(255,255,255,.32)!important;
}
.address-card *,.address-btn *,#addressBtn *,.delivery-address *{color:#fff!important;}

.order-btn,#orderBtn,.primary-order{
  margin:0 24px 36px!important;height:88px!important;border-radius:31px!important;
  background:linear-gradient(135deg,#ff5c00,#ff740d 54%,#ff981e)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 24px 54px rgba(255,96,0,.28), inset 0 1px 0 rgba(255,255,255,.26)!important;
}

h2,.section-title{font-size:31px!important;line-height:1.05!important;letter-spacing:-1.1px!important;color:#17110d!important;}
.see-all,.view-all,.all-link{color:#ff6900!important;font-weight:1000!important;}

.categories,.category-row,.cats{padding-left:24px!important;gap:15px!important;}
.category-card,.cat-card{
  min-width:118px!important;height:138px!important;border-radius:30px!important;background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(255,105,0,.10)!important;
  box-shadow:0 16px 34px rgba(70,30,5,.10), inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.category-card.active,.cat-card.active{
  background:linear-gradient(135deg,#ff6900,#ff8b1b)!important;color:#fff!important;
  box-shadow:0 18px 40px rgba(255,105,0,.25), inset 0 1px 0 rgba(255,255,255,.28)!important;
}

.bottom-nav{
  position:fixed!important;left:50%!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;
  width:min(438px, calc(100vw - 20px))!important;height:86px!important;padding:9px 12px!important;
  display:grid!important;grid-template-columns:1fr 1fr 92px 1fr 1fr!important;align-items:center!important;
  border-radius:38px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,247,241,.78)),radial-gradient(circle at 50% -25%,rgba(255,105,0,.24),transparent 50%)!important;
  border:1px solid rgba(255,105,0,.15)!important;
  box-shadow:0 28px 72px rgba(48,18,4,.20),0 10px 30px rgba(255,105,0,.11),inset 0 1px 0 rgba(255,255,255,.98)!important;
  backdrop-filter:blur(34px) saturate(1.28)!important;-webkit-backdrop-filter:blur(34px) saturate(1.28)!important;
  overflow:visible!important;z-index:1200!important;
}
.bottom-nav button{
  border:0!important;background:transparent!important;color:#5f5149!important;height:64px!important;border-radius:25px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  font-size:25px!important;font-weight:1000!important;
}
.bottom-nav button.active{
  color:#ff6900!important;background:linear-gradient(135deg,rgba(255,105,0,.12),rgba(255,138,28,.05))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 10px 22px rgba(255,105,0,.10)!important;
}
.bottom-nav button span{font-size:10.8px!important;font-weight:1000!important;white-space:nowrap!important;}
.bottom-nav .home-logo{
  width:92px!important;height:92px!important;min-width:92px!important;margin-top:-49px!important;align-self:start!important;
  border-radius:50%!important;padding:0!important;border:7px solid rgba(255,255,255,.98)!important;
  background:radial-gradient(circle,#fff 0 50%,#fff0e6 51% 100%)!important;
  box-shadow:0 0 0 1px rgba(255,105,0,.15),0 22px 52px rgba(255,105,0,.35),0 0 46px rgba(255,105,0,.30),inset 0 1px 0 #fff!important;
  z-index:11!important;
}
.bottom-nav .home-logo:before{
  content:""!important;position:absolute!important;inset:-18px!important;border-radius:50%!important;
  background:conic-gradient(from 0deg,rgba(255,105,0,0),rgba(255,105,0,.40),rgba(255,210,122,.55),rgba(255,105,0,.16),rgba(255,105,0,0))!important;
  filter:blur(10px)!important;opacity:.92!important;animation:v9LogoHalo 5s linear infinite!important;z-index:-2!important;
}
.bottom-nav .home-logo img{
  width:70px!important;height:70px!important;border-radius:50%!important;object-fit:contain!important;
  animation:v9LogoPulse 3.4s ease-in-out infinite!important;
}
.bottom-nav .home-logo span{display:none!important;}
@keyframes v9LogoHalo{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.05)}100%{transform:rotate(360deg) scale(1)}}
@keyframes v9LogoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}

.product-card,.product{
  border-radius:31px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(255,105,0,.10)!important;
  box-shadow:0 20px 50px rgba(65,28,7,.12), inset 0 1px 0 rgba(255,255,255,.95)!important;overflow:hidden!important;
}
.product-card .add,.product-card .add-btn,.product .add,.product .add-btn,button.add{
  background:linear-gradient(135deg,#ff5d00,#ff7b12 60%,#ff981e)!important;color:#fff!important;border:0!important;border-radius:18px!important;font-weight:1000!important;
  box-shadow:0 14px 28px rgba(255,105,0,.28), inset 0 1px 0 rgba(255,255,255,.28)!important;
}

@media(max-width:430px){
  .header,.topbar,.app-header,.top-row{padding:24px 24px 18px!important;min-height:110px!important;}
  #menuBtn,#cartTop{width:66px!important;height:66px!important;border-radius:27px!important;}
  .logo,.brand-logo,.top-logo{width:92px!important;height:92px!important;}
  .hero,.banner,.hero-banner{margin:0 20px 24px!important;border-radius:30px!important;aspect-ratio:2.42/1!important;}
  .address-card,.address-btn,#addressBtn,.delivery-address{margin:0 20px 18px!important;height:92px!important;border-radius:30px!important;}
  .order-btn,#orderBtn,.primary-order{margin:0 20px 34px!important;height:84px!important;border-radius:30px!important;}
  .bottom-nav{width:calc(100vw - 20px)!important;height:84px!important;grid-template-columns:1fr 1fr 88px 1fr 1fr!important;}
  .bottom-nav .home-logo{width:88px!important;height:88px!important;min-width:88px!important;margin-top:-47px!important;}
  .bottom-nav .home-logo img{width:67px!important;height:67px!important;}
}



/* =========================================================
   TEKELIKA ULTIMATE V10 KUSURSUZ
   Banner büyük, alt bar signature, kategori/ürün kartları premium.
   _headers dosyası YOKTUR.
   ========================================================= */

:root{
  --tk10-orange:#ff6900;
  --tk10-orange2:#ff8b1b;
  --tk10-gold:#ffd27a;
  --tk10-cream:#fff8f1;
  --tk10-text:#1c130e;
}

/* Genel spacing */
main,.content,.page-content,.app main{
  padding-bottom:176px!important;
}

/* ÜST BUTONLAR: daha büyük, blur ve glow */
#menuBtn,#menuBtn.hamburger,#cartTop,#cartTop.modern-cart{
  width:74px!important;
  height:74px!important;
  border-radius:30px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,241,231,.78))!important;
  border:1px solid rgba(255,105,0,.18)!important;
  box-shadow:
    0 22px 46px rgba(70,28,4,.16),
    0 0 22px rgba(255,105,0,.10),
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(255,105,0,.09)!important;
  backdrop-filter:blur(28px) saturate(1.3)!important;
  -webkit-backdrop-filter:blur(28px) saturate(1.3)!important;
}

#menuBtn i{
  width:36px!important;
  height:4px!important;
}
#menuBtn i:before,#menuBtn i:after{
  width:36px!important;
  height:4px!important;
}
#menuBtn i:before{top:-13px!important;}
#menuBtn i:after{top:13px!important;}

#cartTop svg{
  width:36px!important;
  height:36px!important;
}

/* BANNER: %30 daha büyük ve sinematik */
.hero,.banner,.hero-banner{
  margin:0 18px 26px!important;
  border-radius:34px!important;
  aspect-ratio:2.05/1!important; /* V9'a göre daha yüksek */
  min-height:260px!important;
  max-height:330px!important;
  box-shadow:
    0 34px 82px rgba(82,31,3,.24),
    0 16px 34px rgba(255,105,0,.18),
    inset 0 1px 0 rgba(255,255,255,.46)!important;
  border:1px solid rgba(255,255,255,.78)!important;
}
.hero img,.banner img,.hero-banner img{
  object-fit:cover!important;
  object-position:center!important;
  animation:tk10BannerZoom 20s ease-in-out infinite alternate!important;
}
@keyframes tk10BannerZoom{
  0%{transform:scale(1.015)}
  100%{transform:scale(1.075)}
}

/* Banner altın ışık daha kaliteli */
.hero:before,.banner:before,.hero-banner:before{
  background:
    linear-gradient(112deg,transparent 0%,transparent 34%,rgba(255,225,145,.62) 48%,rgba(255,255,255,.24) 55%,transparent 68%)!important;
  animation:tk10GoldPass 6.6s ease-in-out infinite!important;
}
@keyframes tk10GoldPass{
  0%,55%{transform:translateX(-140%) skewX(-13deg);opacity:0}
  68%{opacity:1}
  100%{transform:translateX(140%) skewX(-13deg);opacity:0}
}

/* Slider noktaları büyütülmüş */
.dots span,.slider-dots span,.hero-dots span{
  width:12px!important;
  height:12px!important;
}
.dots span.active,.slider-dots span.active,.hero-dots span.active{
  width:40px!important;
}

/* ADRES + SİPARİŞ BUTONLARI: iç parlama + cam */
.address-card,.address-btn,#addressBtn,.delivery-address,
.order-btn,#orderBtn,.primary-order{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.36)!important;
  box-shadow:
    0 26px 58px rgba(255,105,0,.28),
    0 8px 18px rgba(120,38,0,.10),
    inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 -1px 0 rgba(170,70,0,.12)!important;
  backdrop-filter:blur(18px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.2)!important;
}

.address-card:before,.address-btn:before,#addressBtn:before,.delivery-address:before,
.order-btn:before,#orderBtn:before,.primary-order:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(110deg,transparent 0%,rgba(255,255,255,.20) 45%,rgba(255,255,255,.36) 52%,transparent 66%)!important;
  transform:translateX(-130%) skewX(-14deg)!important;
  animation:tk10ButtonShine 5.8s ease-in-out infinite!important;
  pointer-events:none!important;
}
@keyframes tk10ButtonShine{
  0%,60%{transform:translateX(-130%) skewX(-14deg);opacity:0}
  72%{opacity:1}
  100%{transform:translateX(130%) skewX(-14deg);opacity:0}
}

/* KATEGORİLER: daha büyük, daha premium */
.categories,.category-row,.cats{
  gap:18px!important;
  padding-left:24px!important;
  padding-right:24px!important;
  padding-bottom:20px!important;
}
.category-card,.cat-card{
  min-width:132px!important;
  width:132px!important;
  height:158px!important;
  border-radius:34px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,248,243,.80))!important;
  border:1px solid rgba(255,105,0,.13)!important;
  box-shadow:
    0 20px 44px rgba(70,30,5,.12),
    0 7px 18px rgba(255,105,0,.06),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
  backdrop-filter:blur(22px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.15)!important;
}
.category-card.active,.cat-card.active{
  background:linear-gradient(135deg,#ff6900,#ff8b1b 62%,#ffa238)!important;
  box-shadow:
    0 22px 50px rgba(255,105,0,.30),
    inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.category-card img,.cat-card img,
.category-card .emoji,.cat-card .emoji{
  transform:scale(1.08)!important;
}

/* ÜRÜN KARTLARI: App Store seviyesi */
.product-card,.product{
  border-radius:34px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,249,245,.92))!important;
  border:1px solid rgba(255,105,0,.12)!important;
  box-shadow:
    0 24px 58px rgba(65,28,7,.15),
    0 10px 24px rgba(255,105,0,.07),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
  overflow:hidden!important;
  backdrop-filter:blur(22px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.15)!important;
  transition:transform .18s ease, box-shadow .18s ease!important;
}
.product-card:active,.product:active{
  transform:scale(.985)!important;
}
.product-card img,.product img{
  min-height:170px!important;
  object-fit:cover!important;
}
.product-card .price,.product .price{
  color:#16100c!important;
  font-weight:1000!important;
  letter-spacing:-.4px!important;
}
.product-card .add,.product-card .add-btn,.product .add,.product .add-btn,button.add{
  min-width:54px!important;
  min-height:44px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#ff5c00,#ff7b12 58%,#ff981e)!important;
  color:#fff!important;
  box-shadow:
    0 15px 30px rgba(255,105,0,.32),
    inset 0 1px 0 rgba(255,255,255,.32)!important;
}

/* SEPET: cam efekt + lüks toplam + parlak WhatsApp */
.cart-modal,.cart-sheet,.sheet.cart,#cartModal .sheet,.modal.cart{
  border-radius:38px 38px 31px 31px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,247,241,.92))!important;
  border:1px solid rgba(255,105,0,.13)!important;
  box-shadow:
    0 38px 92px rgba(25,13,6,.34),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
  backdrop-filter:blur(36px) saturate(1.22)!important;
  -webkit-backdrop-filter:blur(36px) saturate(1.22)!important;
}
.cart-item,.basket-item{
  border-radius:24px!important;
  background:rgba(255,255,255,.84)!important;
  border:1px solid rgba(255,105,0,.10)!important;
  box-shadow:0 12px 28px rgba(75,31,4,.09)!important;
}
.total-card,.cart-total,.summary-card{
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,246,238,.84))!important;
  border:1px solid rgba(255,105,0,.10)!important;
  box-shadow:0 16px 34px rgba(75,31,4,.09)!important;
}
.whatsapp-btn,.checkout-btn,#whatsappOrderBtn{
  border-radius:28px!important;
  background:linear-gradient(135deg,#ff5d00,#ff7610 55%,#ffad2c)!important;
  box-shadow:
    0 22px 46px rgba(255,105,0,.34),
    inset 0 1px 0 rgba(255,255,255,.32)!important;
}

/* ALT BAR: yeniden tasarlanmış signature */
.bottom-nav{
  width:min(448px, calc(100vw - 18px))!important;
  height:92px!important;
  padding:10px 12px!important;
  grid-template-columns:1fr 1fr 100px 1fr 1fr!important;
  border-radius:42px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,248,243,.80)),
    radial-gradient(circle at 50% -22%,rgba(255,105,0,.30),transparent 52%)!important;
  box-shadow:
    0 32px 86px rgba(48,18,4,.23),
    0 12px 34px rgba(255,105,0,.13),
    inset 0 1px 0 rgba(255,255,255,1)!important;
  border:1px solid rgba(255,105,0,.16)!important;
  backdrop-filter:blur(38px) saturate(1.34)!important;
  -webkit-backdrop-filter:blur(38px) saturate(1.34)!important;
}
.bottom-nav button{
  height:68px!important;
  border-radius:27px!important;
}
.bottom-nav button.active{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.90),
    0 12px 26px rgba(255,105,0,.13),
    0 0 28px rgba(255,105,0,.11)!important;
}
.bottom-nav .home-logo{
  width:102px!important;
  height:102px!important;
  min-width:102px!important;
  margin-top:-58px!important;
  border-width:8px!important;
  box-shadow:
    0 0 0 1px rgba(255,105,0,.16),
    0 26px 62px rgba(255,105,0,.38),
    0 0 56px rgba(255,105,0,.34),
    inset 0 1px 0 #fff!important;
}
.bottom-nav .home-logo:before{
  inset:-22px!important;
  filter:blur(12px)!important;
  animation:tk10LogoHalo 5.2s linear infinite!important;
}
.bottom-nav .home-logo img{
  width:78px!important;
  height:78px!important;
}
@keyframes tk10LogoHalo{
  0%{transform:rotate(0deg) scale(1)}
  50%{transform:rotate(180deg) scale(1.06)}
  100%{transform:rotate(360deg) scale(1)}
}

/* Mobil optimizasyon */
@media(max-width:430px){
  .hero,.banner,.hero-banner{
    margin:0 18px 24px!important;
    aspect-ratio:2.02/1!important;
    min-height:245px!important;
    border-radius:32px!important;
  }
  .category-card,.cat-card{
    min-width:126px!important;
    width:126px!important;
    height:150px!important;
  }
  .bottom-nav{
    width:calc(100vw - 18px)!important;
    height:88px!important;
    grid-template-columns:1fr 1fr 96px 1fr 1fr!important;
    border-radius:40px!important;
  }
  .bottom-nav .home-logo{
    width:96px!important;
    height:96px!important;
    min-width:96px!important;
    margin-top:-54px!important;
  }
  .bottom-nav .home-logo img{
    width:74px!important;
    height:74px!important;
  }
}

@media(max-width:374px){
  #menuBtn,#cartTop{
    width:66px!important;
    height:66px!important;
    border-radius:27px!important;
  }
  .hero,.banner,.hero-banner{
    margin:0 14px 20px!important;
    min-height:220px!important;
  }
  .bottom-nav{
    width:calc(100vw - 14px)!important;
    height:82px!important;
    grid-template-columns:1fr 1fr 84px 1fr 1fr!important;
  }
  .bottom-nav .home-logo{
    width:86px!important;
    height:86px!important;
    min-width:86px!important;
    margin-top:-48px!important;
  }
  .bottom-nav .home-logo img{
    width:66px!important;
    height:66px!important;
  }
}




/* =========================================================
   TEKELIKA V10.1 TEMIZ FIX
   Üst butonlar sadeleştirildi, banner ekrana oturtuldu,
   arka plan renk uyumu düzeltildi.
   ========================================================= */

/* Temiz premium tema */
html, body{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,106,0,.10), transparent 30%),
    linear-gradient(180deg, #fff9f5 0%, #fff7f0 52%, #fffaf7 100%)!important;
  overflow-x:hidden!important;
}

*{
  box-sizing:border-box!important;
}

.app, main, .page, .screen, .content{
  background:transparent!important;
  max-width:100vw!important;
  overflow-x:hidden!important;
}

/* Üst alanı dengeli yap */
.header,
.topbar,
.app-header,
.top-row{
  padding:22px 24px 14px!important;
  min-height:96px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

/* Logo normal ve premium */
.logo,
.brand-logo,
.top-logo{
  width:82px!important;
  height:82px!important;
  border-radius:50%!important;
  filter:
    drop-shadow(0 10px 18px rgba(91,35,4,.14))
    drop-shadow(0 0 10px rgba(255,106,0,.10))!important;
}

/* Sepetin yanındaki ekstra butonlar kapalı */
.top-right .top-icon:not(#cartTop),
.top-actions .top-icon:not(#cartTop),
.header-actions .top-icon:not(#cartTop){
  display:none!important;
}

/* Üst butonlar sade, küçük, kaliteli */
#menuBtn,
#menuBtn.hamburger,
#cartTop,
#cartTop.modern-cart{
  width:58px!important;
  height:58px!important;
  border-radius:22px!important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,246,240,.82))!important;
  border:1px solid rgba(255,106,0,.12)!important;
  box-shadow:
    0 10px 24px rgba(52,22,4,.10),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
  overflow:visible!important;
}

/* Hamburger çizgileri daha zarif */
#menuBtn i{
  width:28px!important;
  height:3px!important;
  border-radius:999px!important;
  background:#ff6900!important;
  box-shadow:none!important;
  position:relative!important;
}
#menuBtn i:before,
#menuBtn i:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  width:28px!important;
  height:3px!important;
  border-radius:999px!important;
  background:#ff6900!important;
  box-shadow:none!important;
}
#menuBtn i:before{ top:-10px!important; }
#menuBtn i:after{ top:10px!important; }

/* Sepet daha sade */
#cartTop{
  animation:none!important;
}
#cartTop svg{
  width:29px!important;
  height:29px!important;
  stroke:#5a4032!important;
  stroke-width:2.2!important;
  filter:none!important;
}
#cartTop .badge,
#cartTop .cart-badge,
.cart-badge{
  top:-7px!important;
  right:-7px!important;
  min-width:26px!important;
  height:26px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:#ff6900!important;
  color:#fff!important;
  border:3px solid #fff9f5!important;
  box-shadow:0 7px 14px rgba(255,105,0,.22)!important;
  font-size:13px!important;
  font-weight:900!important;
}

/* Banner taşmayı bitir: her ekrana sığsın */
.hero,
.banner,
.hero-banner{
  width:calc(100vw - 32px)!important;
  max-width:430px!important;
  margin:0 auto 22px!important;
  border-radius:26px!important;
  aspect-ratio:2.35/1!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:
    0 16px 36px rgba(79,31,5,.13),
    0 6px 14px rgba(255,106,0,.08)!important;
  background:#ff6900!important;
  transform:none!important;
}

/* Görsel taşmasın, kırpma dengeli olsun */
.hero img,
.banner img,
.hero-banner img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  animation:none!important;
}

/* Ağır parlama efektlerini azalt */
.hero:before,
.banner:before,
.hero-banner:before{
  opacity:.45!important;
  animation:none!important;
  transform:none!important;
  background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.16) 52%, transparent 100%)!important;
}
.hero:after,
.banner:after,
.hero-banner:after{
  height:22%!important;
  background:linear-gradient(0deg, rgba(0,0,0,.08), transparent)!important;
}

/* Slider noktaları sade */
.dots span,
.slider-dots span,
.hero-dots span{
  width:9px!important;
  height:9px!important;
  background:rgba(255,255,255,.70)!important;
  box-shadow:0 3px 8px rgba(0,0,0,.14)!important;
}
.dots span.active,
.slider-dots span.active,
.hero-dots span.active{
  width:28px!important;
  background:#fff!important;
}

/* Adres ve sipariş butonları uyumlu */
.address-card,
.address-btn,
#addressBtn,
.delivery-address{
  width:calc(100vw - 32px)!important;
  max-width:430px!important;
  margin:0 auto 16px!important;
  height:82px!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,#ff6a00,#ff8b1b)!important;
  box-shadow:0 16px 34px rgba(255,106,0,.18)!important;
  border:1px solid rgba(255,255,255,.30)!important;
}

.order-btn,
#orderBtn,
.primary-order{
  width:calc(100vw - 32px)!important;
  max-width:430px!important;
  margin:0 auto 34px!important;
  height:78px!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,#ff5d00,#ff8316)!important;
  box-shadow:0 16px 34px rgba(255,106,0,.20)!important;
  border:1px solid rgba(255,255,255,.28)!important;
}

/* Fazla iç shine efektlerini sakinleştir */
.address-card:before,
.address-btn:before,
#addressBtn:before,
.delivery-address:before,
.order-btn:before,
#orderBtn:before,
.primary-order:before{
  display:none!important;
}

/* Kategori kartlarını abartmadan düzelt */
.categories,
.category-row,
.cats{
  padding-left:18px!important;
  padding-right:18px!important;
  gap:14px!important;
  padding-bottom:16px!important;
}

.category-card,
.cat-card{
  min-width:108px!important;
  width:108px!important;
  height:132px!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(255,106,0,.10)!important;
  box-shadow:0 10px 24px rgba(65,28,7,.08)!important;
}

.category-card.active,
.cat-card.active{
  background:linear-gradient(135deg,#ff6900,#ff8b1b)!important;
  box-shadow:0 14px 28px rgba(255,106,0,.20)!important;
}

/* Başlıklar dengeli */
h2,
.section-title{
  font-size:28px!important;
  line-height:1.12!important;
  letter-spacing:-.8px!important;
}

/* Ürün kartları sade premium */
.product-card,
.product{
  border-radius:28px!important;
  background:#fff!important;
  border:1px solid rgba(255,106,0,.08)!important;
  box-shadow:0 14px 34px rgba(65,28,7,.09)!important;
  overflow:hidden!important;
}

.product-card img,
.product img{
  min-height:150px!important;
  object-fit:cover!important;
}

/* Alt bar: logoyu büyük ama taşmayan hale getir */
.bottom-nav{
  width:calc(100vw - 20px)!important;
  max-width:430px!important;
  height:80px!important;
  padding:8px 10px!important;
  grid-template-columns:1fr 1fr 82px 1fr 1fr!important;
  border-radius:34px!important;
  bottom:calc(12px + env(safe-area-inset-bottom))!important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,247,241,.82))!important;
  box-shadow:
    0 18px 46px rgba(48,18,4,.16),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
  border:1px solid rgba(255,106,0,.12)!important;
  backdrop-filter:blur(24px) saturate(1.16)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.16)!important;
}

.bottom-nav button{
  height:58px!important;
  border-radius:22px!important;
  font-size:22px!important;
}

.bottom-nav button span{
  font-size:10px!important;
  font-weight:900!important;
}

.bottom-nav .home-logo{
  width:82px!important;
  height:82px!important;
  min-width:82px!important;
  margin-top:-39px!important;
  border:6px solid #fff!important;
  box-shadow:
    0 13px 30px rgba(255,106,0,.24),
    0 0 22px rgba(255,106,0,.16)!important;
}

.bottom-nav .home-logo:before,
.bottom-nav .home-logo:after{
  display:none!important;
}

.bottom-nav .home-logo img{
  width:62px!important;
  height:62px!important;
  animation:none!important;
}

/* Küçük ekran düzeltmeleri */
@media(max-width:374px){
  .header,.topbar,.app-header,.top-row{
    padding:18px 18px 12px!important;
    min-height:88px!important;
  }
  #menuBtn,#cartTop{
    width:54px!important;
    height:54px!important;
    border-radius:21px!important;
  }
  .logo,.brand-logo,.top-logo{
    width:76px!important;
    height:76px!important;
  }
  .hero,.banner,.hero-banner{
    width:calc(100vw - 24px)!important;
    border-radius:24px!important;
  }
  .address-card,.address-btn,#addressBtn,.delivery-address,
  .order-btn,#orderBtn,.primary-order{
    width:calc(100vw - 24px)!important;
  }
  .bottom-nav{
    width:calc(100vw - 14px)!important;
    grid-template-columns:1fr 1fr 74px 1fr 1fr!important;
  }
  .bottom-nav .home-logo{
    width:74px!important;
    height:74px!important;
    min-width:74px!important;
    margin-top:-36px!important;
  }
  .bottom-nav .home-logo img{
    width:56px!important;
    height:56px!important;
  }
}




/* =========================================================
   TEKELIKA V10.2 UST BUTON FINAL FIX
   Gerçek HTML hedeflendi: #menuBtn, .menu-line, #cartTop, #cartCount.
   Önceki tüm karmaşık i/badge stillerini ezer.
   ========================================================= */

/* Topbar hizalama */
.topbar{
  height:104px!important;
  padding:18px 28px 14px!important;
  display:grid!important;
  grid-template-columns:72px 1fr 72px!important;
  align-items:center!important;
  gap:0!important;
}

.topbar .brand{
  justify-self:center!important;
  width:84px!important;
  height:84px!important;
  border-radius:50%!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.topbar .brand img{
  width:84px!important;
  height:84px!important;
  object-fit:contain!important;
  border-radius:50%!important;
  filter:
    drop-shadow(0 10px 18px rgba(80,30,0,.13))
    drop-shadow(0 0 10px rgba(255,106,0,.11))!important;
}

.top-right{
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:72px!important;
  gap:0!important;
}

/* Ekstra üst butonları kesin gizle */
.top-right > button:not(#cartTop),
.top-actions > button:not(#cartTop),
.header-actions > button:not(#cartTop){
  display:none!important;
}

/* Ortak premium buton gövdesi */
#menuBtn.tek-top-button,
#cartTop.tek-cart-button{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  border-radius:22px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  border:1px solid rgba(255,106,0,.16)!important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,246,240,.80))!important;
  box-shadow:
    0 12px 26px rgba(58,24,4,.11),
    0 0 0 1px rgba(255,255,255,.42) inset,
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(255,106,0,.08)!important;
  backdrop-filter:blur(20px) saturate(1.16)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.16)!important;
  overflow:visible!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  transform:none!important;
  animation:none!important;
}

/* Hafif premium kenar ışığı */
#menuBtn.tek-top-button::before,
#cartTop.tek-cart-button::before{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  border-radius:17px!important;
  border:1px solid rgba(255,255,255,.55)!important;
  pointer-events:none!important;
  background:transparent!important;
  transform:none!important;
  animation:none!important;
}

#menuBtn.tek-top-button:active,
#cartTop.tek-cart-button:active{
  transform:scale(.94)!important;
}

/* Eski <i> stillerini tamamen devre dışı bırak */
#menuBtn i,
#menuBtn i::before,
#menuBtn i::after{
  display:none!important;
  content:none!important;
}

/* Yeni hamburger: kısa-uzun-kısa, net ve premium */
#menuBtn.tek-top-button{
  flex-direction:column!important;
  gap:7px!important;
}

#menuBtn .menu-line{
  display:block!important;
  height:3.4px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ff5d00,#ff8b1b)!important;
  box-shadow:0 0 7px rgba(255,106,0,.18)!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  transform:none!important;
  position:static!important;
  flex:0 0 auto!important;
}

#menuBtn .menu-line-top{
  width:28px!important;
}
#menuBtn .menu-line-mid{
  width:18px!important;
}
#menuBtn .menu-line-bot{
  width:32px!important;
}

/* Sepet ikonu gerçek SVG */
#cartTop.tek-cart-button svg{
  width:29px!important;
  height:29px!important;
  display:block!important;
  stroke:#5b4032!important;
  stroke-width:2.35!important;
  fill:none!important;
  filter:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}

/* Sepet sayısı: gerçek element #cartCount */
#cartTop #cartCount,
#cartTop .cart-count-badge{
  position:absolute!important;
  top:-9px!important;
  right:-9px!important;
  min-width:26px!important;
  height:26px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#ff6900,#ff4b00)!important;
  color:#fff!important;
  border:3px solid #fff9f5!important;
  box-shadow:0 8px 15px rgba(255,82,0,.25)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:-.1px!important;
  z-index:5!important;
}

/* Badge sıfırken de düzgün dursun */
#cartTop #cartCount:empty{
  display:none!important;
}

/* Küçük ekran */
@media(max-width:430px){
  .topbar{
    height:100px!important;
    padding:17px 24px 13px!important;
    grid-template-columns:66px 1fr 66px!important;
  }
  .topbar .brand,
  .topbar .brand img{
    width:80px!important;
    height:80px!important;
  }
  .top-right{
    width:66px!important;
  }
  #menuBtn.tek-top-button,
  #cartTop.tek-cart-button{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    max-width:56px!important;
    max-height:56px!important;
    border-radius:21px!important;
  }
  #menuBtn .menu-line-top{width:27px!important;}
  #menuBtn .menu-line-mid{width:17px!important;}
  #menuBtn .menu-line-bot{width:31px!important;}
  #cartTop.tek-cart-button svg{
    width:28px!important;
    height:28px!important;
  }
}

@media(max-width:374px){
  .topbar{
    height:92px!important;
    padding:15px 18px 10px!important;
    grid-template-columns:60px 1fr 60px!important;
  }
  .topbar .brand,
  .topbar .brand img{
    width:74px!important;
    height:74px!important;
  }
  .top-right{
    width:60px!important;
  }
  #menuBtn.tek-top-button,
  #cartTop.tek-cart-button{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    max-width:52px!important;
    max-height:52px!important;
    border-radius:20px!important;
  }
  #cartTop #cartCount,
  #cartTop .cart-count-badge{
    top:-8px!important;
    right:-8px!important;
    min-width:24px!important;
    height:24px!important;
    font-size:12px!important;
    border-width:3px!important;
  }
}




/* =========================================================
   TEKELIKA V10.3 INTRO LOGO FIX
   Intro logosunun arkasındaki kare/gölge kutuyu tamamen kaldırır.
   ========================================================= */

/* Intro genel alan */
.intro,
#intro,
.splash,
.splash-screen,
.loading-screen,
.intro-screen{
  background:linear-gradient(180deg,#ff7a00 0%, #ff6400 55%, #ff5a00 100%)!important;
}

/* Logonun arkasındaki kareyi oluşturan tüm olası kutu/background/gölgeleri temizle */
.intro .logo,
#intro .logo,
.splash .logo,
.splash-screen .logo,
.loading-screen .logo,
.intro-screen .logo,
.intro-logo,
.splash-logo,
.loading-logo,
.loader-logo{
  background:transparent!important;
  box-shadow:none!important;
  border:none!important;
  outline:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-radius:50%!important;
  overflow:visible!important;
}

/* Pseudo-elementlerden gelen gölge/kareleri de kapat */
.intro .logo:before,
.intro .logo:after,
#intro .logo:before,
#intro .logo:after,
.splash .logo:before,
.splash .logo:after,
.splash-screen .logo:before,
.splash-screen .logo:after,
.loading-screen .logo:before,
.loading-screen .logo:after,
.intro-screen .logo:before,
.intro-screen .logo:after,
.intro-logo:before,
.intro-logo:after,
.splash-logo:before,
.splash-logo:after,
.loading-logo:before,
.loading-logo:after,
.loader-logo:before,
.loader-logo:after{
  display:none!important;
  content:none!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Logo görseli: sadece yuvarlak logo + temiz beyaz halka */
.intro img,
#intro img,
.splash img,
.splash-screen img,
.loading-screen img,
.intro-screen img,
.intro-logo img,
.splash-logo img,
.loading-logo img,
.loader-logo img{
  background:transparent!important;
  box-shadow:
    0 0 0 5px rgba(255,255,255,.96),
    0 18px 44px rgba(120,35,0,.22),
    0 0 34px rgba(255,255,255,.16)!important;
  border-radius:50%!important;
  object-fit:contain!important;
}

/* Eğer logo wrapper div'i kare boyut veriyorsa görsel dışında görünmesin */
.intro-logo,
.splash-logo,
.loading-logo,
.loader-logo{
  width:auto!important;
  height:auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Intro içindeki tüm kart/cam kutu ihtimallerini temizle */
.intro .logo-card,
#intro .logo-card,
.splash .logo-card,
.splash-screen .logo-card,
.loading-screen .logo-card,
.intro-screen .logo-card,
.intro .brand-card,
#intro .brand-card,
.splash .brand-card,
.loading-screen .brand-card{
  background:transparent!important;
  box-shadow:none!important;
  border:none!important;
  padding:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}


/* V10.4 CENTER LOGO FIX */
.bottom-logo,
.center-logo,
.nav-center,
.floating-logo,
.bottom-nav .brand,
.bottom-nav .logo{
background:transparent!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}

.bottom-logo::before,
.bottom-logo::after,
.center-logo::before,
.center-logo::after,
.nav-center::before,
.nav-center::after,
.floating-logo::before,
.floating-logo::after{
display:none!important;
content:none!important;
box-shadow:none!important;
background:transparent!important;
}

.bottom-logo img,
.center-logo img,
.nav-center img,
.floating-logo img{
border-radius:50%!important;
box-shadow:
0 0 0 5px rgba(255,255,255,.95),
0 10px 25px rgba(255,106,0,.18)!important;
}


/* =========================================================
   TEKELIKA V10.5 BOTTOM CENTER REDESIGN
   Alt çubuğun orta logo bölümü sıfırdan tasarlandı.
   Kare/cam leke tamamen sıfırlanır; yalnızca dairesel Apple + Trendyol
   tarzı floating logo kalır.
   ========================================================= */

/* Alt barın kendisi: temiz glassmorphism zemin */
.bottom-nav{
  isolation:isolate!important;
  overflow:visible!important;
}

/* Eski center logo ile ilgili tüm olası kare/kart etkilerini öldür */
.bottom-nav .home-logo,
.bottom-nav .v105-center-logo,
.bottom-nav .center-logo,
.bottom-nav .nav-center,
.bottom-nav .floating-logo,
.bottom-nav button.home-logo,
.bottom-nav button.v105-center-logo{
  all:unset!important;
  box-sizing:border-box!important;
  position:relative!important;
  align-self:start!important;
  justify-self:center!important;
  grid-column:3!important;
  width:86px!important;
  height:86px!important;
  min-width:86px!important;
  min-height:86px!important;
  margin-top:-43px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  z-index:20!important;

  /* Kare leke yok: zemin sadece dairesel */
  background:
    radial-gradient(circle at 50% 46%, rgba(255,255,255,1) 0 47%, rgba(255,246,239,.98) 48% 100%)!important;
  border:6px solid rgba(255,255,255,.98)!important;

  /* Tamamen dairesel gölge: kare yok */
  box-shadow:
    0 0 0 1px rgba(255,106,0,.13),
    0 16px 36px rgba(255,106,0,.23),
    0 0 26px rgba(255,106,0,.18),
    inset 0 1px 0 rgba(255,255,255,1)!important;

  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  transform:none!important;
  animation:none!important;
  overflow:visible!important;
}

/* Eski pseudo kareleri tamamen temizle */
.bottom-nav .home-logo::before,
.bottom-nav .home-logo::after,
.bottom-nav .v105-center-logo::before,
.bottom-nav .v105-center-logo::after,
.bottom-nav .center-logo::before,
.bottom-nav .center-logo::after,
.bottom-nav .nav-center::before,
.bottom-nav .nav-center::after,
.bottom-nav .floating-logo::before,
.bottom-nav .floating-logo::after{
  content:""!important;
  position:absolute!important;
  display:block!important;
  pointer-events:none!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Yeni sadece dairesel halo */
.bottom-nav .home-logo::before,
.bottom-nav .v105-center-logo::before{
  inset:-12px!important;
  z-index:-2!important;
  background:
    radial-gradient(circle, rgba(255,122,0,.24) 0%, rgba(255,183,85,.16) 38%, rgba(255,122,0,0) 70%)!important;
  filter:blur(3px)!important;
  animation:v105SoftPulse 3.8s ease-in-out infinite!important;
}

/* Logo altındaki elips ışık, kare değil */
.bottom-nav .home-logo::after,
.bottom-nav .v105-center-logo::after{
  left:50%!important;
  bottom:-17px!important;
  width:92px!important;
  height:26px!important;
  transform:translateX(-50%)!important;
  z-index:-3!important;
  border-radius:999px!important;
  background:radial-gradient(ellipse, rgba(255,106,0,.18), rgba(255,106,0,0) 72%)!important;
  filter:blur(5px)!important;
}

/* İç logo görseli: kendi kare gölgesi sıfırlanır */
.bottom-nav .home-logo img,
.bottom-nav .v105-center-logo img,
.bottom-nav .center-logo img,
.bottom-nav .nav-center img,
.bottom-nav .floating-logo img{
  display:block!important;
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  object-fit:contain!important;
  border-radius:50%!important;

  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:
    drop-shadow(0 7px 11px rgba(58,22,0,.13))
    drop-shadow(0 0 8px rgba(255,106,0,.10))!important;
  transform:none!important;
  animation:v105LogoBreath 3.8s ease-in-out infinite!important;
}

/* Ortadaki butonda yazı asla görünmesin */
.bottom-nav .home-logo span,
.bottom-nav .v105-center-logo span,
.bottom-nav .center-logo span,
.bottom-nav .nav-center span,
.bottom-nav .floating-logo span{
  display:none!important;
}

/* Eski active/background etkileri ortadaki logoya bulaşmasın */
.bottom-nav .home-logo.active,
.bottom-nav .v105-center-logo.active,
.bottom-nav button.home-logo.active,
.bottom-nav button.v105-center-logo.active{
  background:
    radial-gradient(circle at 50% 46%, rgba(255,255,255,1) 0 47%, rgba(255,246,239,.98) 48% 100%)!important;
  color:inherit!important;
}

/* Alt bar üzerinde merkez logo için temiz yuva efekti */
.bottom-nav{
  background:
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,248,243,.84)),
    radial-gradient(circle at 50% -28%, rgba(255,106,0,.15), transparent 44%)!important;
}

/* Aktif diğer sekmeler daha temiz */
.bottom-nav button:not(.home-logo):not(.v105-center-logo).active{
  background:linear-gradient(135deg, rgba(255,106,0,.10), rgba(255,139,27,.04))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86), 0 8px 18px rgba(255,106,0,.08)!important;
}

/* Animasyonlar */
@keyframes v105SoftPulse{
  0%,100%{opacity:.68; transform:scale(.98)}
  50%{opacity:1; transform:scale(1.04)}
}

@keyframes v105LogoBreath{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.035)}
}

/* Küçük ekran ölçüleri */
@media(max-width:430px){
  .bottom-nav .home-logo,
  .bottom-nav .v105-center-logo,
  .bottom-nav button.home-logo,
  .bottom-nav button.v105-center-logo{
    width:82px!important;
    height:82px!important;
    min-width:82px!important;
    min-height:82px!important;
    margin-top:-41px!important;
    border-width:6px!important;
  }
  .bottom-nav .home-logo img,
  .bottom-nav .v105-center-logo img{
    width:61px!important;
    height:61px!important;
    min-width:61px!important;
    min-height:61px!important;
    max-width:61px!important;
    max-height:61px!important;
  }
}

@media(max-width:374px){
  .bottom-nav .home-logo,
  .bottom-nav .v105-center-logo,
  .bottom-nav button.home-logo,
  .bottom-nav button.v105-center-logo{
    width:74px!important;
    height:74px!important;
    min-width:74px!important;
    min-height:74px!important;
    margin-top:-36px!important;
    border-width:5px!important;
  }
  .bottom-nav .home-logo img,
  .bottom-nav .v105-center-logo img{
    width:55px!important;
    height:55px!important;
    min-width:55px!important;
    min-height:55px!important;
    max-width:55px!important;
    max-height:55px!important;
  }
}



/* =========================================================
   TEKELIKA ULTIMATE V11 MINIMAL SIGNATURE
   Apple tarzı minimal krem banner:
   Ortada logo + 'Bütün Yediklerini Unut!'
   _headers dosyası YOKTUR.
   ========================================================= */

/* Banner temel ölçü: taşma yok, ekrana tam oturur */
.hero,
.banner,
.hero-banner{
  width:calc(100vw - 32px)!important;
  max-width:430px!important;
  height:236px!important;
  min-height:236px!important;
  max-height:236px!important;
  aspect-ratio:auto!important;
  margin:0 auto 24px!important;
  border-radius:32px!important;
  overflow:hidden!important;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  padding:26px 22px 24px!important;
  background:
    radial-gradient(circle at 50% 32%, rgba(255,106,0,.18), rgba(255,106,0,0) 35%),
    radial-gradient(circle at 50% 100%, rgba(255,210,122,.18), rgba(255,210,122,0) 45%),
    linear-gradient(180deg,#fffaf6 0%,#fff4ec 100%)!important;
  border:1px solid rgba(255,106,0,.10)!important;
  box-shadow:
    0 22px 54px rgba(74,30,6,.13),
    0 8px 18px rgba(255,106,0,.08),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
  transform:none!important;
}

/* Eski ürün/banner görselini tamamen kaldır */
.hero > img,
.banner > img,
.hero-banner > img,
.hero picture,
.banner picture,
.hero-banner picture{
  display:none!important;
}

/* Eski parlama/duman/overlay efektlerini kapat */
.hero::before,
.banner::before,
.hero-banner::before,
.hero::after,
.banner::after,
.hero-banner::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  pointer-events:none!important;
}

/* Sadece yumuşak dairesel aura */
.hero::before,
.banner::before,
.hero-banner::before{
  width:148px!important;
  height:148px!important;
  left:50%!important;
  top:26px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle, rgba(255,106,0,.20), rgba(255,106,0,.05) 42%, rgba(255,106,0,0) 72%)!important;
  filter:blur(2px)!important;
  opacity:1!important;
  z-index:0!important;
  animation:v11Aura 4.6s ease-in-out infinite!important;
}

/* Alt sıcak ışık */
.hero::after,
.banner::after,
.hero-banner::after{
  width:72%!important;
  height:48px!important;
  left:14%!important;
  right:auto!important;
  bottom:16px!important;
  border-radius:999px!important;
  background:radial-gradient(ellipse, rgba(255,106,0,.10), rgba(255,106,0,0) 72%)!important;
  filter:blur(6px)!important;
  z-index:0!important;
}

@keyframes v11Aura{
  0%,100%{opacity:.78; transform:translateX(-50%) scale(.98)}
  50%{opacity:1; transform:translateX(-50%) scale(1.04)}
}

/* Banner içinde eski metinler varsa gizle; yeni metni CSS ile oluştur */
.hero h1,
.hero h2,
.hero h3,
.hero p,
.hero .title,
.hero .subtitle,
.banner h1,
.banner h2,
.banner h3,
.banner p,
.banner .title,
.banner .subtitle,
.hero-banner h1,
.hero-banner h2,
.hero-banner h3,
.hero-banner p,
.hero-banner .title,
.hero-banner .subtitle{
  display:none!important;
}

/* Mevcut banner içinde logo varsa kullan; yoksa ana logo class'larıyla uyumlu çalışır */
.hero .logo,
.banner .logo,
.hero-banner .logo,
.hero .brand-logo,
.banner .brand-logo,
.hero-banner .brand-logo,
.hero .top-logo,
.banner .top-logo,
.hero-banner .top-logo{
  display:block!important;
  width:104px!important;
  height:104px!important;
  min-width:104px!important;
  min-height:104px!important;
  border-radius:50%!important;
  object-fit:contain!important;
  position:relative!important;
  z-index:2!important;
  background:#fff!important;
  border:6px solid rgba(255,255,255,.96)!important;
  box-shadow:
    0 0 0 1px rgba(255,106,0,.10),
    0 15px 34px rgba(255,106,0,.18),
    0 0 20px rgba(255,106,0,.12)!important;
  filter:none!important;
}

/* Eğer banner içinde logo yoksa, arka planda assets/logo.png ile pseudo-logo oluştur */
.hero:not(:has(.logo)):not(:has(.brand-logo)):not(:has(.top-logo))::marker,
.banner:not(:has(.logo)):not(:has(.brand-logo)):not(:has(.top-logo))::marker,
.hero-banner:not(:has(.logo)):not(:has(.brand-logo)):not(:has(.top-logo))::marker{
  display:none!important;
}

/* CSS pseudo logo: modern tarayıcılar */
.hero .v11-fake-logo,
.banner .v11-fake-logo,
.hero-banner .v11-fake-logo{
  display:none!important;
}

/* Ana logo görseli class'a bağlı değilse background ile oluşturulan katman */
.hero > :first-child:not(img),
.banner > :first-child:not(img),
.hero-banner > :first-child:not(img){
  z-index:2!important;
}

/* Banner'a direkt logo katmanı eklemek için pseudo-element yerine iç background img kullanıyoruz:
   Mevcut HTML değiştirmeden kesin görüntü için aşağıdaki radial kart üstünde logo image. */
.hero{
  background-image:
    url("assets/logo.png"),
    radial-gradient(circle at 50% 32%, rgba(255,106,0,.18), rgba(255,106,0,0) 35%),
    radial-gradient(circle at 50% 100%, rgba(255,210,122,.18), rgba(255,210,122,0) 45%),
    linear-gradient(180deg,#fffaf6 0%,#fff4ec 100%)!important;
  background-size:104px 104px, auto, auto, auto!important;
  background-position:center 36px, center, center, center!important;
  background-repeat:no-repeat!important;
}

.banner{
  background-image:
    url("assets/logo.png"),
    radial-gradient(circle at 50% 32%, rgba(255,106,0,.18), rgba(255,106,0,0) 35%),
    radial-gradient(circle at 50% 100%, rgba(255,210,122,.18), rgba(255,210,122,0) 45%),
    linear-gradient(180deg,#fffaf6 0%,#fff4ec 100%)!important;
  background-size:104px 104px, auto, auto, auto!important;
  background-position:center 36px, center, center, center!important;
  background-repeat:no-repeat!important;
}

.hero-banner{
  background-image:
    url("assets/logo.png"),
    radial-gradient(circle at 50% 32%, rgba(255,106,0,.18), rgba(255,106,0,0) 35%),
    radial-gradient(circle at 50% 100%, rgba(255,210,122,.18), rgba(255,210,122,0) 45%),
    linear-gradient(180deg,#fffaf6 0%,#fff4ec 100%)!important;
  background-size:104px 104px, auto, auto, auto!important;
  background-position:center 36px, center, center, center!important;
  background-repeat:no-repeat!important;
}

/* Minimal slogan */
.hero .v11-slogan,
.banner .v11-slogan,
.hero-banner .v11-slogan{
  display:block!important;
}

.hero::selection,
.banner::selection,
.hero-banner::selection{
  background:transparent!important;
}

/* Sloganı pseudo text olarak kesin oluştur */
.hero > *:not(img):not(picture),
.banner > *:not(img):not(picture),
.hero-banner > *:not(img):not(picture){
  position:relative!important;
  z-index:2!important;
}

.hero{
  color:transparent!important;
}
.banner{
  color:transparent!important;
}
.hero-banner{
  color:transparent!important;
}

.hero:has(img)::after,
.banner:has(img)::after,
.hero-banner:has(img)::after{
  content:"Bütün Yediklerini Unut!"!important;
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  bottom:34px!important;
  height:auto!important;
  width:auto!important;
  transform:none!important;
  background:transparent!important;
  filter:none!important;
  display:block!important;
  z-index:3!important;
  text-align:center!important;
  color:#28170f!important;
  font-size:25px!important;
  line-height:1.1!important;
  font-weight:1000!important;
  letter-spacing:-.6px!important;
  text-shadow:0 1px 0 rgba(255,255,255,.65)!important;
}

/* :has desteklemeyen cihazlar için fallback */
.hero::after,
.banner::after,
.hero-banner::after{
  content:"Bütün Yediklerini Unut!"!important;
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  bottom:34px!important;
  height:auto!important;
  width:auto!important;
  transform:none!important;
  background:transparent!important;
  filter:none!important;
  display:block!important;
  z-index:3!important;
  text-align:center!important;
  color:#28170f!important;
  font-size:25px!important;
  line-height:1.1!important;
  font-weight:1000!important;
  letter-spacing:-.6px!important;
  text-shadow:0 1px 0 rgba(255,255,255,.65)!important;
}

/* Slider noktaları minimal bannerda gizli */
.dots,
.slider-dots,
.hero-dots{
  display:none!important;
}

/* V11 banner mobil ölçüleri */
@media(max-width:430px){
  .hero,
  .banner,
  .hero-banner{
    width:calc(100vw - 32px)!important;
    height:226px!important;
    min-height:226px!important;
    max-height:226px!important;
    border-radius:30px!important;
    background-size:98px 98px, auto, auto, auto!important;
    background-position:center 34px, center, center, center!important;
  }

  .hero::after,
  .banner::after,
  .hero-banner::after{
    bottom:32px!important;
    font-size:24px!important;
  }
}

@media(max-width:374px){
  .hero,
  .banner,
  .hero-banner{
    width:calc(100vw - 24px)!important;
    height:212px!important;
    min-height:212px!important;
    max-height:212px!important;
    border-radius:28px!important;
    background-size:90px 90px, auto, auto, auto!important;
    background-position:center 32px, center, center, center!important;
  }

  .hero::after,
  .banner::after,
  .hero-banner::after{
    bottom:30px!important;
    font-size:22px!important;
  }
}



/* =========================================================
   TEKELIKA ULTIMATE V12 LUXURY MINIMAL
   Krem-şampanya banner, büyük logo, halo, silik ürün ikonları.
   _headers dosyası YOKTUR.
   ========================================================= */

/* V11 minimal bannerı V12 luxury minimal karta çevir */
.hero,
.banner,
.hero-banner{
  width:calc(100vw - 30px)!important;
  max-width:430px!important;
  height:258px!important;
  min-height:258px!important;
  max-height:258px!important;
  margin:0 auto 26px!important;
  padding:0!important;
  border-radius:34px!important;
  overflow:hidden!important;
  position:relative!important;
  display:block!important;
  color:transparent!important;
  background:
    url("assets/logo.png"),
    radial-gradient(circle at 50% 34%, rgba(255,106,0,.24), rgba(255,106,0,.05) 30%, rgba(255,106,0,0) 54%),
    radial-gradient(circle at 12% 20%, rgba(255,211,125,.24), transparent 34%),
    radial-gradient(circle at 88% 76%, rgba(255,106,0,.16), transparent 38%),
    linear-gradient(145deg,#fffaf6 0%,#fff0e4 48%,#ffe4cd 100%)!important;
  background-size:112px 112px, auto, auto, auto, auto!important;
  background-position:center 54px, center, center, center, center!important;
  background-repeat:no-repeat!important;
  border:1px solid rgba(255,106,0,.13)!important;
  box-shadow:
    0 26px 64px rgba(74,30,6,.16),
    0 10px 22px rgba(255,106,0,.10),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(255,106,0,.08)!important;
  transform:none!important;
}

/* Eski görseli ve eski hero içeriklerini gizle */
.hero > img,
.banner > img,
.hero-banner > img,
.hero picture,
.banner picture,
.hero-banner picture,
.hero h1,
.hero h2,
.hero h3,
.hero p,
.hero .title,
.hero .subtitle,
.banner h1,
.banner h2,
.banner h3,
.banner p,
.banner .title,
.banner .subtitle,
.hero-banner h1,
.hero-banner h2,
.hero-banner h3,
.hero-banner p,
.hero-banner .title,
.hero-banner .subtitle{
  display:none!important;
}

/* Sağ üst premium küçük yazı */
.hero::before,
.banner::before,
.hero-banner::before{
  content:"Hız • Lezzet • Keyif"!important;
  position:absolute!important;
  top:20px!important;
  right:22px!important;
  left:auto!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  display:block!important;
  z-index:5!important;
  color:rgba(65,34,18,.72)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.9px!important;
  text-transform:uppercase!important;
  background:rgba(255,255,255,.44)!important;
  border:1px solid rgba(255,106,0,.10)!important;
  border-radius:999px!important;
  padding:8px 11px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 8px 16px rgba(86,34,4,.06)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  filter:none!important;
  opacity:1!important;
  animation:none!important;
  pointer-events:none!important;
}

/* Alt slogan */
.hero::after,
.banner::after,
.hero-banner::after{
  content:"Bütün Yediklerini Unut!"!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:26px!important;
  top:auto!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  display:block!important;
  z-index:6!important;
  text-align:center!important;
  color:#2a170f!important;
  font-size:27px!important;
  line-height:1.06!important;
  font-weight:1000!important;
  letter-spacing:-.8px!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:0 1px 0 rgba(255,255,255,.75)!important;
  pointer-events:none!important;
}

/* Silik ürün ikonları: banner içine ekstra pseudo alanlar */
.hero .v12-deco,
.banner .v12-deco,
.hero-banner .v12-deco{
  display:none!important;
}

/* CSS only ikon katmanları */
.hero,
.banner,
.hero-banner{
  --v12-food-left:"🍟";
  --v12-food-mid:"🥪";
  --v12-food-right:"🍗";
}

/* Safari uyumlu: mevcut çocuk yoksa da box-shadow/pseudo üzerinden ikinci bir layer */
.hero > *:not(img),
.banner > *:not(img),
.hero-banner > *:not(img){
  display:none!important;
}

/* Arka planda ikon hissi için ek dekoratif shadow */
.hero .fake,
.banner .fake,
.hero-banner .fake{
  display:none!important;
}

/* Görsel detayları CSS background ile eklenir */
.hero{
  background-image:
    url("assets/logo.png"),
    radial-gradient(circle at 50% 34%, rgba(255,106,0,.24), rgba(255,106,0,.05) 30%, rgba(255,106,0,0) 54%),
    linear-gradient(135deg, transparent 0 34%, rgba(255,255,255,.24) 45%, transparent 56%),
    radial-gradient(circle at 12% 20%, rgba(255,211,125,.24), transparent 34%),
    radial-gradient(circle at 88% 76%, rgba(255,106,0,.16), transparent 38%),
    linear-gradient(145deg,#fffaf6 0%,#fff0e4 48%,#ffe4cd 100%)!important;
}

.banner{
  background-image:
    url("assets/logo.png"),
    radial-gradient(circle at 50% 34%, rgba(255,106,0,.24), rgba(255,106,0,.05) 30%, rgba(255,106,0,0) 54%),
    linear-gradient(135deg, transparent 0 34%, rgba(255,255,255,.24) 45%, transparent 56%),
    radial-gradient(circle at 12% 20%, rgba(255,211,125,.24), transparent 34%),
    radial-gradient(circle at 88% 76%, rgba(255,106,0,.16), transparent 38%),
    linear-gradient(145deg,#fffaf6 0%,#fff0e4 48%,#ffe4cd 100%)!important;
}

.hero-banner{
  background-image:
    url("assets/logo.png"),
    radial-gradient(circle at 50% 34%, rgba(255,106,0,.24), rgba(255,106,0,.05) 30%, rgba(255,106,0,0) 54%),
    linear-gradient(135deg, transparent 0 34%, rgba(255,255,255,.24) 45%, transparent 56%),
    radial-gradient(circle at 12% 20%, rgba(255,211,125,.24), transparent 34%),
    radial-gradient(circle at 88% 76%, rgba(255,106,0,.16), transparent 38%),
    linear-gradient(145deg,#fffaf6 0%,#fff0e4 48%,#ffe4cd 100%)!important;
}

/* Bannerın içine görünmez eski içerikler yerine emoji dekorları koymak için overlay text shadow yöntemi */
.hero .v12-icons,
.banner .v12-icons,
.hero-banner .v12-icons{
  display:none!important;
}

/* Body sonrası değil, banner içinde ek ikonlar için webkit pseudo destek sınırından dolayı
   class olmayan yapıda üç küçük dekoratif rozet hissi radial gradient ile verildi. */
.hero{
  box-shadow:
    0 26px 64px rgba(74,30,6,.16),
    0 10px 22px rgba(255,106,0,.10),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(255,106,0,.08),
    inset 44px 84px 0 -34px rgba(255,255,255,.20),
    inset -48px 135px 0 -40px rgba(255,170,70,.12)!important;
}

/* Logo etrafında beyaz halka ve dairesel lüks halo */
.hero .logo,
.banner .logo,
.hero-banner .logo,
.hero .brand-logo,
.banner .brand-logo,
.hero-banner .brand-logo{
  display:none!important;
}

/* Altın ışık geçişi — çok hafif */
@keyframes v12LuxuryLight{
  0%,62%{opacity:0; transform:translateX(-130%) skewX(-14deg)}
  72%{opacity:.9}
  100%{opacity:0; transform:translateX(130%) skewX(-14deg)}
}

/* Slider noktaları V12 banner için gizli */
.dots,
.slider-dots,
.hero-dots{
  display:none!important;
}

/* Mobil ölçüler */
@media(max-width:430px){
  .hero,
  .banner,
  .hero-banner{
    width:calc(100vw - 30px)!important;
    height:246px!important;
    min-height:246px!important;
    max-height:246px!important;
    border-radius:32px!important;
    background-size:106px 106px, auto, auto, auto, auto, auto!important;
    background-position:center 52px, center, center, center, center, center!important;
  }

  .hero::before,
  .banner::before,
  .hero-banner::before{
    top:18px!important;
    right:18px!important;
    font-size:11px!important;
    padding:7px 10px!important;
  }

  .hero::after,
  .banner::after,
  .hero-banner::after{
    bottom:25px!important;
    font-size:25px!important;
  }
}

@media(max-width:374px){
  .hero,
  .banner,
  .hero-banner{
    width:calc(100vw - 24px)!important;
    height:228px!important;
    min-height:228px!important;
    max-height:228px!important;
    border-radius:30px!important;
    background-size:96px 96px, auto, auto, auto, auto, auto!important;
    background-position:center 50px, center, center, center, center, center!important;
  }

  .hero::before,
  .banner::before,
  .hero-banner::before{
    top:16px!important;
    right:16px!important;
    font-size:10px!important;
    padding:7px 9px!important;
  }

  .hero::after,
  .banner::after,
  .hero-banner::after{
    bottom:23px!important;
    font-size:23px!important;
  }
}



/* TEKELIKA ULTIMATE V13 AYRAN PREMIUM BANNER */

.hero,.banner,.hero-banner{
  width:calc(100vw - 30px)!important;
  max-width:430px!important;
  height:188px!important;
  min-height:188px!important;
  max-height:188px!important;
  margin:0 auto 24px!important;
  padding:0!important;
  border-radius:32px!important;
  overflow:hidden!important;
  position:relative!important;
  display:block!important;
  color:transparent!important;
  background-image:url("assets/banner.jpeg")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border:1px solid rgba(255,255,255,.68)!important;
  box-shadow:0 24px 58px rgba(90,35,3,.18),0 9px 22px rgba(255,106,0,.14),inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(255,106,0,.18)!important;
  transform:none!important;
}

.hero > img,.banner > img,.hero-banner > img,
.hero picture,.banner picture,.hero-banner picture,
.hero h1,.hero h2,.hero h3,.hero p,.hero .title,.hero .subtitle,
.banner h1,.banner h2,.banner h3,.banner p,.banner .title,.banner .subtitle,
.hero-banner h1,.hero-banner h2,.hero-banner h3,.hero-banner p,.hero-banner .title,.hero-banner .subtitle,
.hero .logo,.banner .logo,.hero-banner .logo,
.hero .brand-logo,.banner .brand-logo,.hero-banner .brand-logo{
  display:none!important;
}

.hero::before,.banner::before,.hero-banner::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  z-index:2!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg, rgba(255,255,255,.28) 0%, rgba(255,255,255,.10) 32%, rgba(255,255,255,0) 62%),linear-gradient(180deg, rgba(255,255,255,.12), rgba(0,0,0,.04))!important;
  backdrop-filter:blur(.2px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(.2px) saturate(1.05)!important;
  transform:none!important;
  opacity:1!important;
  animation:none!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important;
}

.hero::after,.banner::after,.hero-banner::after{
  content:""!important;
  position:absolute!important;
  left:-28%!important;
  top:-35%!important;
  width:42%!important;
  height:180%!important;
  display:block!important;
  z-index:3!important;
  pointer-events:none!important;
  background:linear-gradient(90deg, transparent, rgba(255,236,176,.50), rgba(255,255,255,.20), transparent)!important;
  transform:skewX(-18deg)!important;
  filter:blur(.5px)!important;
  opacity:0!important;
  animation:v13AyranGoldPass 7s ease-in-out infinite!important;
}

@keyframes v13AyranGoldPass{
  0%,60%{left:-40%;opacity:0}
  72%{opacity:.9}
  100%{left:115%;opacity:0}
}

.dots,.slider-dots,.hero-dots{display:none!important;}

@media(max-width:430px){
  .hero,.banner,.hero-banner{
    width:calc(100vw - 30px)!important;
    height:182px!important;
    min-height:182px!important;
    max-height:182px!important;
    border-radius:30px!important;
    background-size:cover!important;
    background-position:center center!important;
  }
}

@media(max-width:374px){
  .hero,.banner,.hero-banner{
    width:calc(100vw - 24px)!important;
    height:166px!important;
    min-height:166px!important;
    max-height:166px!important;
    border-radius:28px!important;
  }
}




/* =========================================================
   TEKELIKA V14.1 CLEAN BANNER FIX
   Bozuk kırpma kaldırıldı. Banner orijinal görseli kesmeden gösterir.
   ========================================================= */

.hero,
.banner,
.hero-banner{
  width:calc(100vw - 28px)!important;
  max-width:430px!important;
  height:214px!important;
  min-height:214px!important;
  max-height:214px!important;
  margin:0 auto 24px!important;
  padding:0!important;
  border-radius:30px!important;
  overflow:hidden!important;
  position:relative!important;
  display:block!important;
  color:transparent!important;
  background-image:url("assets/banner.jpeg")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:
    0 20px 48px rgba(90,35,3,.15),
    0 8px 18px rgba(255,106,0,.10),
    inset 0 1px 0 rgba(255,255,255,.76)!important;
  transform:none!important;
}

/* Önceki V14 bozuk cam/yazı katmanlarını kapat */
.hero::before,
.banner::before,
.hero-banner::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  z-index:2!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(0,0,0,.02))!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important;
  opacity:1!important;
  transform:none!important;
  animation:none!important;
}

.hero::after,
.banner::after,
.hero-banner::after{
  display:none!important;
  content:none!important;
}

/* Eski içerikler gizli */
.hero > img,
.banner > img,
.hero-banner > img,
.hero picture,
.banner picture,
.hero-banner picture,
.hero h1,.hero h2,.hero h3,.hero p,.hero .title,.hero .subtitle,
.banner h1,.banner h2,.banner h3,.banner p,.banner .title,.banner .subtitle,
.hero-banner h1,.hero-banner h2,.hero-banner h3,.hero-banner p,.hero-banner .title,.hero-banner .subtitle,
.hero .logo,.banner .logo,.hero-banner .logo,
.hero .brand-logo,.banner .brand-logo,.hero-banner .brand-logo{
  display:none!important;
}

.dots,
.slider-dots,
.hero-dots{
  display:none!important;
}

@media(max-width:430px){
  .hero,
  .banner,
  .hero-banner{
    width:calc(100vw - 28px)!important;
    height:208px!important;
    min-height:208px!important;
    max-height:208px!important;
    border-radius:29px!important;
  }
}

@media(max-width:374px){
  .hero,
  .banner,
  .hero-banner{
    width:calc(100vw - 22px)!important;
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
    border-radius:27px!important;
  }
}




/* =========================================================
   TEKELIKA ULTIMATE V15 - BIREBIR REFERANS BANNER
   Soldaki referans görseldeki hero banner kırpıldı ve direkt siteye eklendi.
   Eski slider/overlay/yazı katmanları kapatıldı.
   _headers dosyası YOKTUR.
   ========================================================= */

.hero,
.banner,
.hero-banner{
  width:calc(100vw - 28px)!important;
  max-width:430px!important;
  aspect-ratio:3.28/1!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 auto 22px!important;
  padding:0!important;
  border-radius:30px!important;
  overflow:hidden!important;
  position:relative!important;
  display:block!important;
  color:transparent!important;
  background-image:url("assets/banner.jpeg")!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:
    0 22px 52px rgba(88,34,4,.17),
    0 9px 20px rgba(255,106,0,.13),
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -1px 0 rgba(255,106,0,.14)!important;
  transform:none!important;
}

/* Eski görsel ve metinleri tamamen kapat */
.hero > img,
.banner > img,
.hero-banner > img,
.hero picture,
.banner picture,
.hero-banner picture,
.hero h1,.hero h2,.hero h3,.hero p,.hero .title,.hero .subtitle,
.banner h1,.banner h2,.banner h3,.banner p,.banner .title,.banner .subtitle,
.hero-banner h1,.hero-banner h2,.hero-banner h3,.hero-banner p,.hero-banner .title,.hero-banner .subtitle,
.hero .logo,.banner .logo,.hero-banner .logo,
.hero .brand-logo,.banner .brand-logo,.hero-banner .brand-logo{
  display:none!important;
}

/* Önceki V13/V14 cam/yazı/ışık katmanlarını sıfırla */
.hero::before,
.banner::before,
.hero-banner::before,
.hero::after,
.banner::after,
.hero-banner::after{
  content:""!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  animation:none!important;
  transform:none!important;
  filter:none!important;
  opacity:0!important;
}

/* Slider noktaları yok */
.dots,
.slider-dots,
.hero-dots{
  display:none!important;
}

/* Mobil: referans kompozisyon kesilmeden gösterilir */
@media(max-width:430px){
  .hero,
  .banner,
  .hero-banner{
    width:calc(100vw - 28px)!important;
    max-width:430px!important;
    aspect-ratio:3.28/1!important;
    border-radius:28px!important;
    margin-bottom:22px!important;
  }
}

@media(max-width:374px){
  .hero,
  .banner,
  .hero-banner{
    width:calc(100vw - 22px)!important;
    aspect-ratio:3.28/1!important;
    border-radius:26px!important;
  }
}




/* =========================================================
   TEKELIKA ULTIMATE V19 ULTRA DOCK
   Apple + Trendyol Yemek tarzı tek parça cam alt çubuk.
   V18 stable banner korunur. _headers yoktur.
   ========================================================= */

.bottom-nav{
  position:fixed!important;
  left:50%!important;
  bottom:calc(12px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(430px, calc(100vw - 22px))!important;
  height:78px!important;
  padding:8px 10px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 82px 1fr 1fr!important;
  align-items:center!important;
  border-radius:34px!important;
  overflow:visible!important;
  z-index:1200!important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,247,241,.58)),
    radial-gradient(circle at 50% -35%, rgba(255,106,0,.16), transparent 52%)!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:
    0 22px 58px rgba(42,18,4,.18),
    0 8px 22px rgba(255,106,0,.10),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(255,106,0,.08)!important;
  backdrop-filter:blur(32px) saturate(1.28)!important;
  -webkit-backdrop-filter:blur(32px) saturate(1.28)!important;
}

/* üst ince parlama */
.bottom-nav:before{
  content:""!important;
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  top:7px!important;
  height:1px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.95), rgba(255,167,63,.32), transparent)!important;
  pointer-events:none!important;
}

/* dock üzerinde çok hafif ışık geçişi */
.bottom-nav:after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:30%!important;
  left:-35%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.30), transparent)!important;
  transform:skewX(-18deg)!important;
  opacity:0!important;
  animation:v19DockShine 6.6s ease-in-out infinite!important;
  pointer-events:none!important;
}

@keyframes v19DockShine{
  0%,62%{left:-35%;opacity:0}
  72%{opacity:.75}
  100%{left:105%;opacity:0}
}

/* Normal sekmeler */
.bottom-nav button:not(.home-logo):not(.v105-center-logo){
  border:0!important;
  background:transparent!important;
  height:58px!important;
  border-radius:23px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  color:#5f5149!important;
  font-size:22px!important;
  font-weight:950!important;
  padding:0!important;
  margin:0!important;
  box-shadow:none!important;
  transition:transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}

.bottom-nav button:not(.home-logo):not(.v105-center-logo):active{
  transform:scale(.94)!important;
}

.bottom-nav button:not(.home-logo):not(.v105-center-logo) span{
  font-size:9.8px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.15px!important;
  white-space:nowrap!important;
}

/* Aktif sekme kapsülü */
.bottom-nav button:not(.home-logo):not(.v105-center-logo).active{
  color:#ff6900!important;
  background:
    linear-gradient(135deg, rgba(255,106,0,.13), rgba(255,138,28,.05))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.90),
    0 9px 20px rgba(255,106,0,.10)!important;
}

/* Orta logo: daha küçük, dock içine daha elit gömülü */
.bottom-nav .home-logo,
.bottom-nav .v105-center-logo,
.bottom-nav button.home-logo,
.bottom-nav button.v105-center-logo{
  all:unset!important;
  box-sizing:border-box!important;
  grid-column:3!important;
  justify-self:center!important;
  align-self:center!important;
  width:70px!important;
  height:70px!important;
  min-width:70px!important;
  min-height:70px!important;
  margin-top:-20px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  z-index:20!important;
  cursor:pointer!important;
  background:
    radial-gradient(circle at 50% 48%, #fff 0 48%, #fff2e9 49% 100%)!important;
  border:4px solid rgba(255,255,255,.96)!important;
  box-shadow:
    0 12px 26px rgba(255,106,0,.20),
    0 0 18px rgba(255,106,0,.12),
    inset 0 1px 0 rgba(255,255,255,1)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}

/* Orta logo arka halo: dairesel, kare yok */
.bottom-nav .home-logo:before,
.bottom-nav .v105-center-logo:before{
  content:""!important;
  position:absolute!important;
  inset:-8px!important;
  border-radius:50%!important;
  background:radial-gradient(circle, rgba(255,106,0,.18), rgba(255,106,0,0) 70%)!important;
  filter:blur(4px)!important;
  z-index:-2!important;
  animation:v19LogoGlow 3.8s ease-in-out infinite!important;
}

.bottom-nav .home-logo:after,
.bottom-nav .v105-center-logo:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-14px!important;
  width:82px!important;
  height:22px!important;
  transform:translateX(-50%)!important;
  border-radius:999px!important;
  background:radial-gradient(ellipse, rgba(255,106,0,.16), rgba(255,106,0,0) 70%)!important;
  filter:blur(5px)!important;
  z-index:-3!important;
}

@keyframes v19LogoGlow{
  0%,100%{opacity:.65; transform:scale(.98)}
  50%{opacity:1; transform:scale(1.04)}
}

.bottom-nav .home-logo img,
.bottom-nav .v105-center-logo img{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  object-fit:contain!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  filter:drop-shadow(0 6px 10px rgba(55,20,0,.12))!important;
  animation:none!important;
}

.bottom-nav .home-logo span,
.bottom-nav .v105-center-logo span{
  display:none!important;
}

/* Mobil uyum */
@media(max-width:430px){
  .bottom-nav{
    width:calc(100vw - 22px)!important;
    height:76px!important;
    grid-template-columns:1fr 1fr 78px 1fr 1fr!important;
    border-radius:32px!important;
  }
  .bottom-nav .home-logo,
  .bottom-nav .v105-center-logo,
  .bottom-nav button.home-logo,
  .bottom-nav button.v105-center-logo{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
    min-height:68px!important;
    margin-top:-18px!important;
  }
  .bottom-nav .home-logo img,
  .bottom-nav .v105-center-logo img{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
  }
}

@media(max-width:374px){
  .bottom-nav{
    width:calc(100vw - 16px)!important;
    height:72px!important;
    grid-template-columns:1fr 1fr 70px 1fr 1fr!important;
    padding:7px 8px!important;
  }
  .bottom-nav button:not(.home-logo):not(.v105-center-logo) span{
    font-size:9px!important;
  }
  .bottom-nav .home-logo,
  .bottom-nav .v105-center-logo,
  .bottom-nav button.home-logo,
  .bottom-nav button.v105-center-logo{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
    margin-top:-15px!important;
  }
  .bottom-nav .home-logo img,
  .bottom-nav .v105-center-logo img{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
  }
}


/* =========================================================
   TEKELIKA ULTIMATE V21 - MOBILE NEDEN TEKELIKA
   Örnek görseldeki mobil tek sütun premium bölüm.
   ========================================================= */

.neden-mobile{
  width:100%!important;
  max-width:430px!important;
  margin:26px auto 122px!important;
  padding:0 18px!important;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:1!important;
}

.neden-mobile::before{
  content:""!important;
  position:absolute!important;
  inset:-18px 0 auto 0!important;
  height:170px!important;
  background:radial-gradient(circle at 72% 20%, rgba(255,106,0,.16), transparent 48%)!important;
  pointer-events:none!important;
  z-index:-1!important;
}

.neden-mobile-head{
  display:grid!important;
  grid-template-columns:1fr 116px!important;
  gap:12px!important;
  align-items:start!important;
  margin-bottom:22px!important;
}

.neden-chip{
  display:inline-flex!important;
  align-items:center!important;
  height:32px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  color:#ff6900!important;
  font-size:13px!important;
  font-weight:1000!important;
  letter-spacing:.2px!important;
  background:rgba(255,247,240,.88)!important;
  border:1px solid rgba(255,106,0,.13)!important;
  box-shadow:0 8px 18px rgba(255,106,0,.08), inset 0 1px 0 rgba(255,255,255,.9)!important;
}

.neden-mobile-head h2{
  margin:18px 0 12px!important;
  color:#18110d!important;
  font-size:34px!important;
  line-height:1.04!important;
  letter-spacing:-1.3px!important;
  font-weight:1000!important;
}

.neden-mobile-head h2 b{
  color:#ff6900!important;
  font-weight:1000!important;
}

.neden-mobile-head p{
  margin:0!important;
  color:#6d5f58!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:800!important;
}

.neden-logo{
  width:106px!important;
  height:106px!important;
  border-radius:50%!important;
  object-fit:contain!important;
  margin-top:26px!important;
  background:#fff!important;
  border:7px solid rgba(255,255,255,.96)!important;
  box-shadow:
    0 18px 40px rgba(255,106,0,.18),
    0 0 0 1px rgba(255,106,0,.10),
    0 0 28px rgba(255,106,0,.12)!important;
}

.neden-list{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}

.neden-item{
  min-height:112px!important;
  display:grid!important;
  grid-template-columns:82px 1fr 24px!important;
  align-items:center!important;
  gap:14px!important;
  padding:18px 18px 18px 16px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,248,243,.80))!important;
  border:1px solid rgba(255,106,0,.10)!important;
  box-shadow:
    0 16px 38px rgba(70,30,5,.10),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
  backdrop-filter:blur(20px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.12)!important;
}

.neden-icon{
  width:70px!important;
  height:70px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:33px!important;
  background:linear-gradient(135deg,#ff8a18,#ff6900)!important;
  color:#fff!important;
  box-shadow:
    0 14px 28px rgba(255,106,0,.24),
    inset 0 1px 0 rgba(255,255,255,.40)!important;
  border:4px solid rgba(255,255,255,.88)!important;
}

.neden-item h3{
  margin:0 0 7px!important;
  color:#18110d!important;
  font-size:20px!important;
  line-height:1.05!important;
  letter-spacing:-.45px!important;
  font-weight:1000!important;
}

.neden-item p{
  margin:0!important;
  color:#5f5550!important;
  font-size:14.5px!important;
  line-height:1.42!important;
  font-weight:750!important;
}

.neden-item p b{
  color:#ff6900!important;
  font-weight:1000!important;
}

.neden-arrow{
  color:#ff6900!important;
  font-size:38px!important;
  line-height:1!important;
  font-weight:400!important;
}

.neden-stats{
  margin-top:20px!important;
  padding:18px 12px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  gap:0!important;
  border-radius:28px!important;
  background:linear-gradient(135deg, rgba(255,246,238,.90), rgba(255,255,255,.78))!important;
  border:1px solid rgba(255,106,0,.20)!important;
  box-shadow:
    0 16px 38px rgba(70,30,5,.09),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
  overflow:hidden!important;
}

.neden-stats div{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:96px!important;
  position:relative!important;
  text-align:center!important;
}

.neden-stats div:not(:last-child)::after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  top:18px!important;
  bottom:18px!important;
  width:1px!important;
  background:rgba(255,106,0,.22)!important;
}

.neden-stats span{
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-bottom:8px!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:0 8px 20px rgba(255,106,0,.10), inset 0 1px 0 rgba(255,255,255,.9)!important;
  font-size:23px!important;
}

.neden-stats strong{
  display:block!important;
  color:#18110d!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:-.4px!important;
}

.neden-stats small{
  display:block!important;
  margin-top:6px!important;
  color:#514843!important;
  font-size:11.5px!important;
  line-height:1.1!important;
  font-weight:850!important;
}

@media(max-width:430px){
  .neden-mobile{
    padding:0 16px!important;
    margin-top:24px!important;
    margin-bottom:118px!important;
  }
  .neden-mobile-head{
    grid-template-columns:1fr 108px!important;
  }
  .neden-mobile-head h2{
    font-size:32px!important;
  }
  .neden-logo{
    width:100px!important;
    height:100px!important;
  }
}

@media(max-width:374px){
  .neden-mobile{
    padding:0 12px!important;
    margin-bottom:112px!important;
  }
  .neden-mobile-head{
    grid-template-columns:1fr 88px!important;
  }
  .neden-mobile-head h2{
    font-size:28px!important;
  }
  .neden-mobile-head p{
    font-size:13.5px!important;
  }
  .neden-logo{
    width:84px!important;
    height:84px!important;
    border-width:5px!important;
  }
  .neden-item{
    grid-template-columns:70px 1fr 20px!important;
    gap:10px!important;
    padding:16px 14px!important;
    border-radius:24px!important;
  }
  .neden-icon{
    width:60px!important;
    height:60px!important;
    font-size:28px!important;
  }
  .neden-item h3{
    font-size:18px!important;
  }
  .neden-item p{
    font-size:13.2px!important;
  }
  .neden-stats strong{
    font-size:17px!important;
  }
  .neden-stats small{
    font-size:10.4px!important;
  }
}


/* =========================================================
   TEKELIKA ULTIMATE V23 - CLEAN BURAK FOOTER FIX
   Bozulmaya sebep olan büyük logo/taşma yok.
   Neden Tekelika bittikten hemen sonra sade imza alanı.
   ========================================================= */

/* V22'den kalabilecek bozuk imza stillerini kapat */
.burak-signature,
.burak-signature::before,
.burak-signature::after{
  display:none!important;
  content:none!important;
}

/* Neden Tekelika bölümünün altta aşırı boşluk bırakmasını engelle */
.neden-mobile{
  margin-bottom:18px!important;
}

/* Büyük logo taşmasını önlemek için footer civarındaki görsel taşmaları kapat */
.neden-mobile,
.burak-clean-footer{
  overflow:visible!important;
}

/* Temiz imza alanı */
.burak-clean-footer{
  width:100%!important;
  max-width:430px!important;
  margin:0 auto 118px!important;
  padding:4px 18px 0!important;
  box-sizing:border-box!important;
  text-align:center!important;
  position:relative!important;
  z-index:2!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

.burak-clean-footer::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:-14px!important;
  width:220px!important;
  height:66px!important;
  transform:translateX(-50%)!important;
  background:radial-gradient(ellipse, rgba(255,106,0,.11), rgba(255,106,0,0) 72%)!important;
  filter:blur(12px)!important;
  pointer-events:none!important;
  z-index:-1!important;
}

.burak-divider{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  margin:0 auto 8px!important;
}

.burak-divider span{
  width:72px!important;
  height:1px!important;
  display:block!important;
  background:linear-gradient(90deg, transparent, rgba(76,48,35,.22), transparent)!important;
}

.burak-divider i{
  width:26px!important;
  height:26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-style:normal!important;
  color:#ff6900!important;
  font-size:18px!important;
  line-height:1!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.burak-clean-footer strong{
  display:block!important;
  margin:0 0 6px!important;
  color:#2b211c!important;
  font-size:22px!important;
  line-height:1!important;
  letter-spacing:.3px!important;
  font-weight:1000!important;
}

.burak-clean-footer p{
  margin:0 0 7px!important;
  color:#71635c!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:750!important;
}

.burak-clean-footer a{
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
  color:#ff6900!important;
  text-decoration:none!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:900!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Hiçbir footer/logo görseli devasa büyümesin */
.burak-clean-footer img,
.burak-signature img{
  display:none!important;
  width:0!important;
  height:0!important;
  max-width:0!important;
  max-height:0!important;
}

/* Dock ile çakışma dengesi */
@media(max-width:430px){
  .neden-mobile{
    margin-bottom:16px!important;
  }

  .burak-clean-footer{
    margin-bottom:116px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }

  .burak-clean-footer strong{
    font-size:21px!important;
  }

  .burak-clean-footer p,
  .burak-clean-footer a{
    font-size:13.5px!important;
  }
}

@media(max-width:374px){
  .burak-clean-footer{
    margin-bottom:110px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .burak-divider span{
    width:56px!important;
  }

  .burak-clean-footer strong{
    font-size:19px!important;
  }

  .burak-clean-footer p,
  .burak-clean-footer a{
    font-size:12.8px!important;
  }
}