{"id":13,"date":"2026-06-11T12:53:41","date_gmt":"2026-06-11T12:53:41","guid":{"rendered":"https:\/\/sepettebirak.com\/?page_id=13"},"modified":"2026-06-17T11:22:14","modified_gmt":"2026-06-17T11:22:14","slug":"anasayfa","status":"publish","type":"page","link":"https:\/\/sepettebirak.com\/","title":{"rendered":"Anasayfa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57919fd e-con e-atomic-element e-flexbox-base e-5483ce7 \" data-id=\"57919fd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"57919fd\">\n    \t\t<div class=\"elementor-element elementor-element-78a2bfc elementor-widget elementor-widget-html\" data-id=\"78a2bfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"sb-app\">\n  <style>\n    #sb-app{\n      --red:#ff1a1a;\n      --red2:#e60012;\n      --dark:#111114;\n      --text:#16161a;\n      --muted:#73737d;\n      --bg:#f5f5f7;\n      --card:#ffffff;\n      --line:#e8e8ef;\n      --green:#10b981;\n      --blue:#4f46e5;\n      --yellow:#f59e0b;\n      --purple:#8b5cf6;\n      --shadow:0 16px 38px rgba(17,17,20,.09);\n      --shadow-soft:0 8px 22px rgba(17,17,20,.055);\n      font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\n      color:var(--text);\n      width:100%;\n      background:var(--bg);\n      overflow:hidden;\n    }\n\n    #sb-app *{box-sizing:border-box}\n    #sb-app button,#sb-app input{font-family:inherit}\n    #sb-app img{display:block;max-width:100%}\n\n    #sb-app .shell{\n      width:100%;\n      max-width:480px;\n      margin:0 auto;\n      min-height:100vh;\n      background:\n        radial-gradient(circle at 20% 0%, rgba(255,26,26,.08), transparent 28%),\n        radial-gradient(circle at 90% 18%, rgba(139,92,246,.08), transparent 25%),\n        var(--bg);\n      position:relative;\n      overflow:hidden;\n      box-shadow:0 0 0 1px rgba(0,0,0,.025);\n    }\n\n    @keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}\n    @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}\n    @keyframes spark{0%{opacity:0;transform:translateY(0) scale(.8)}20%{opacity:1}100%{opacity:0;transform:translateY(-22px) scale(1.1)}}\n    @keyframes flyCart{0%{opacity:1;transform:scale(1) translate(0,0)}80%{opacity:1}100%{opacity:0;transform:scale(.25) translate(var(--tx),var(--ty))}}\n    @keyframes dashMove{to{stroke-dashoffset:-120}}\n    @keyframes courierWobble{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(6deg)}}\n\n    #sb-app .hidden{display:none!important}\n\n    #sb-app .sparkle{\n      position:absolute;\n      width:8px;\n      height:8px;\n      border-radius:999px;\n      background:var(--red);\n      pointer-events:none;\n      z-index:999;\n      animation:spark 1.1s linear forwards;\n    }\n\n    #sb-app .fly-img{\n      position:fixed;\n      width:54px;\n      height:54px;\n      border-radius:16px;\n      object-fit:cover;\n      z-index:9999;\n      pointer-events:none;\n      box-shadow:0 14px 30px rgba(0,0,0,.22);\n      animation:flyCart .72s cubic-bezier(.2,.8,.2,1) forwards;\n    }\n\n    #sb-app .brand-logo,\n    #sb-app .brand-small{\n      display:flex;\n      align-items:center;\n      gap:10px;\n    }\n\n    #sb-app .mark{\n      width:46px;\n      height:38px;\n      flex:0 0 auto;\n    }\n\n    #sb-app .word{\n      font-size:32px;\n      line-height:1;\n      font-weight:900;\n      letter-spacing:-.065em;\n      white-space:nowrap;\n    }\n\n    #sb-app .word .black{color:#151515}\n    #sb-app .word .red{color:var(--red)}\n\n    #sb-app .brand-small .mark{\n      width:38px;\n      height:32px;\n    }\n\n    #sb-app .brand-small .word{\n      font-size:23px;\n    }\n\n    #sb-app .intro{\n      min-height:100vh;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      padding:28px 20px;\n      text-align:center;\n      color:#fff;\n      background:\n        radial-gradient(circle at 18% 18%, rgba(255,255,255,.18) 0 12%, transparent 13%),\n        radial-gradient(circle at 84% 12%, rgba(255,255,255,.16) 0 11%, transparent 12%),\n        radial-gradient(circle at 60% 85%, rgba(255,255,255,.12) 0 16%, transparent 17%),\n        linear-gradient(150deg,#ff2020 0%,#ff1010 48%,#c90010 100%);\n      overflow:hidden;\n    }\n\n    #sb-app .intro-card{\n      width:100%;\n      max-width:420px;\n      animation:fadeUp .45s ease;\n    }\n\n    #sb-app .intro-logo-box{\n      display:inline-flex;\n      background:#fff;\n      border-radius:26px;\n      padding:18px 20px;\n      box-shadow:0 20px 44px rgba(0,0,0,.2);\n      margin-bottom:24px;\n    }\n\n    #sb-app .intro h1{\n      margin:0 0 12px;\n      font-size:42px;\n      line-height:1.02;\n      font-weight:950;\n      letter-spacing:-.06em;\n    }\n\n    #sb-app .intro p{\n      margin:0 auto 26px;\n      max-width:365px;\n      color:rgba(255,255,255,.94);\n      font-size:17px;\n      line-height:1.55;\n    }\n\n    #sb-app .intro-btn{\n      width:100%;\n      border:none;\n      border-radius:20px;\n      background:#fff;\n      color:var(--red);\n      font-size:17px;\n      font-weight:900;\n      padding:17px 18px;\n      cursor:pointer;\n      box-shadow:0 18px 38px rgba(0,0,0,.18);\n    }\n\n    #sb-app .intro-mini{\n      margin-top:12px;\n      font-size:12px;\n      color:rgba(255,255,255,.82);\n      line-height:1.45;\n    }\n\n    #sb-app .app{\n      min-height:100vh;\n      background:linear-gradient(180deg,#fff 0%,#f6f6f8 34%,#f5f5f7 100%);\n    }\n\n    #sb-app .topbar{\n      position:sticky;\n      top:0;\n      z-index:40;\n      padding:12px 14px 12px;\n      background:rgba(255,255,255,.96);\n      backdrop-filter:blur(16px);\n      border-bottom:1px solid rgba(232,232,239,.85);\n    }\n\n    #sb-app .top-row{\n      display:flex;\n      justify-content:space-between;\n      align-items:center;\n      gap:12px;\n      margin-bottom:10px;\n    }\n\n    #sb-app .user-chip{\n      border:none;\n      background:#fff1f1;\n      color:var(--red);\n      border:1px solid #ffdada;\n      border-radius:999px;\n      padding:9px 10px;\n      font-size:11px;\n      font-weight:950;\n      cursor:pointer;\n      max-width:116px;\n      overflow:hidden;\n      text-overflow:ellipsis;\n      white-space:nowrap;\n    }\n\n    #sb-app .address{\n      display:flex;\n      align-items:center;\n      gap:10px;\n      background:#fff;\n      border:1px solid var(--line);\n      border-radius:18px;\n      padding:11px 12px;\n      box-shadow:var(--shadow-soft);\n      margin-bottom:10px;\n      cursor:pointer;\n      transition:.18s ease;\n    }\n\n    #sb-app .address:active{transform:scale(.99)}\n\n    #sb-app .pin{\n      width:34px;\n      height:34px;\n      border-radius:12px;\n      background:#fff1f1;\n      color:var(--red);\n      display:grid;\n      place-items:center;\n      flex:0 0 auto;\n    }\n\n    #sb-app .address strong{\n      display:block;\n      font-size:13px;\n      font-weight:900;\n      margin-bottom:2px;\n    }\n\n    #sb-app .address span{\n      display:block;\n      font-size:12px;\n      color:var(--muted);\n      line-height:1.35;\n    }\n\n    #sb-app .address-change{\n      margin-left:auto;\n      color:var(--red);\n      font-size:12px;\n      font-weight:950;\n      white-space:nowrap;\n    }\n\n    #sb-app .search{\n      position:relative;\n    }\n\n    #sb-app .search input{\n      width:100%;\n      border:1px solid var(--line);\n      background:#fff;\n      border-radius:18px;\n      padding:15px 14px 15px 44px;\n      font-size:15px;\n      outline:none;\n      box-shadow:var(--shadow-soft);\n    }\n\n    #sb-app .search svg{\n      position:absolute;\n      left:15px;\n      top:50%;\n      transform:translateY(-50%);\n    }\n\n    #sb-app .section{padding:14px}\n\n    #sb-app .section-head{\n      display:flex;\n      justify-content:space-between;\n      align-items:flex-end;\n      gap:12px;\n      margin-bottom:12px;\n    }\n\n    #sb-app .section-head h2{\n      margin:0;\n      font-size:22px;\n      line-height:1.08;\n      font-weight:950;\n      letter-spacing:-.05em;\n    }\n\n    #sb-app .section-head p{\n      margin:4px 0 0;\n      color:var(--muted);\n      font-size:13px;\n      line-height:1.4;\n    }\n\n    #sb-app .see-all{\n      color:var(--red);\n      font-size:13px;\n      font-weight:900;\n      white-space:nowrap;\n    }\n\n    #sb-app .row-scroll{\n      display:flex;\n      gap:12px;\n      overflow:auto;\n      padding:7px 0 3px;\n      scrollbar-width:none;\n    }\n\n    #sb-app .row-scroll::-webkit-scrollbar{display:none}\n\n    #sb-app .story{\n      flex:0 0 76px;\n      text-align:center;\n      cursor:pointer;\n    }\n\n    #sb-app .story-ring{\n      width:68px;\n      height:68px;\n      margin:0 auto 7px;\n      border-radius:50%;\n      background:linear-gradient(135deg,var(--red),#ff7b7b,#8b5cf6);\n      padding:3px;\n      animation:floaty 3.4s ease-in-out infinite;\n    }\n\n    #sb-app .story-img{\n      width:100%;\n      height:100%;\n      border-radius:50%;\n      border:3px solid #fff;\n      overflow:hidden;\n      background:#fff;\n    }\n\n    #sb-app .story-img img{\n      width:100%;\n      height:100%;\n      object-fit:cover;\n    }\n\n    #sb-app .story span{\n      display:block;\n      font-size:11px;\n      line-height:1.25;\n      font-weight:800;\n      color:#202024;\n    }\n\n    #sb-app .promo-wrap{\n      border-radius:28px;\n      overflow:hidden;\n      position:relative;\n      box-shadow:var(--shadow);\n    }\n\n    #sb-app .promo-track{\n      display:flex;\n      transition:transform .42s ease;\n    }\n\n    #sb-app .promo{\n      min-width:100%;\n      min-height:174px;\n      background-size:cover;\n      background-position:center;\n      color:#fff;\n      padding:18px;\n      position:relative;\n      display:flex;\n      flex-direction:column;\n      justify-content:flex-end;\n    }\n\n    #sb-app .promo:before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.78));\n      z-index:0;\n    }\n\n    #sb-app .promo > *{\n      position:relative;\n      z-index:1;\n      color:#fff!important;\n      text-shadow:0 2px 10px rgba(0,0,0,.28);\n    }\n\n    #sb-app .promo small{\n      display:inline-flex;\n      width:max-content;\n      padding:6px 10px;\n      border-radius:999px;\n      background:rgba(255,255,255,.2);\n      backdrop-filter:blur(6px);\n      font-size:11px;\n      font-weight:900;\n      margin-bottom:9px;\n      text-shadow:none;\n    }\n\n    #sb-app .promo h3{\n      margin:0 0 6px;\n      font-size:25px;\n      line-height:1.03;\n      letter-spacing:-.05em;\n      font-weight:950;\n    }\n\n    #sb-app .promo p{\n      margin:0;\n      font-size:13px;\n      line-height:1.42;\n      max-width:92%;\n    }\n\n    #sb-app .dots{\n      display:flex;\n      justify-content:center;\n      gap:7px;\n      margin-top:10px;\n    }\n\n    #sb-app .dot-mini{\n      width:8px;\n      height:8px;\n      border-radius:50%;\n      background:#d9d9e0;\n    }\n\n    #sb-app .dot-mini.active{background:var(--red)}\n\n    #sb-app .stop-panel{\n      position:relative;\n      border-radius:30px;\n      padding:16px;\n      overflow:hidden;\n      background:\n        radial-gradient(circle at 20% 10%, rgba(255,255,255,.75), transparent 24%),\n        linear-gradient(135deg,#ff1a1a 0%,#ff4b4b 48%,#ff8a5c 100%);\n      color:#fff;\n      box-shadow:0 18px 42px rgba(255,26,26,.22);\n    }\n\n    #sb-app .stop-panel:after{\n      content:\"\";\n      position:absolute;\n      right:-30px;\n      top:-40px;\n      width:120px;\n      height:120px;\n      background:rgba(255,255,255,.14);\n      border-radius:50%;\n    }\n\n    #sb-app .stop-top{\n      position:relative;\n      z-index:1;\n      display:flex;\n      align-items:flex-start;\n      justify-content:space-between;\n      gap:12px;\n      margin-bottom:14px;\n    }\n\n    #sb-app .stop-top h2{\n      margin:0;\n      font-size:25px;\n      line-height:1.05;\n      letter-spacing:-.055em;\n      font-weight:950;\n      color:#fff;\n    }\n\n    #sb-app .stop-top p{\n      margin:6px 0 0;\n      color:rgba(255,255,255,.94);\n      font-size:13px;\n      line-height:1.45;\n    }\n\n    #sb-app .stop-badge{\n      flex:0 0 auto;\n      background:#fff;\n      color:var(--red);\n      border-radius:999px;\n      padding:7px 10px;\n      font-size:11px;\n      font-weight:950;\n      box-shadow:0 10px 20px rgba(0,0,0,.12);\n    }\n\n    #sb-app .stop-cards{\n      position:relative;\n      z-index:1;\n      display:grid;\n      gap:10px;\n    }\n\n    #sb-app .stop-card{\n      background:rgba(255,255,255,.96);\n      color:var(--text);\n      border-radius:22px;\n      padding:13px;\n      box-shadow:0 12px 26px rgba(0,0,0,.1);\n    }\n\n    #sb-app .stop-card small{\n      display:inline-flex;\n      padding:5px 8px;\n      border-radius:999px;\n      font-size:10px;\n      font-weight:950;\n      margin-bottom:7px;\n    }\n\n    #sb-app .stop-card small.diet{background:#ffe5e5;color:#e60012}\n    #sb-app .stop-card small.snack{background:#fff2d8;color:#b45309}\n    #sb-app .stop-card small.finance{background:#e8edff;color:#4338ca}\n\n    #sb-app .stop-card strong{\n      display:block;\n      font-size:17px;\n      line-height:1.15;\n      letter-spacing:-.03em;\n      font-weight:950;\n      margin-bottom:5px;\n    }\n\n    #sb-app .stop-card p{\n      margin:0 0 10px;\n      font-size:12.5px;\n      line-height:1.45;\n      color:#666873;\n    }\n\n    #sb-app .stop-card button{\n      border:none;\n      border-radius:14px;\n      padding:11px 12px;\n      color:#fff;\n      font-size:12px;\n      font-weight:900;\n      cursor:pointer;\n      width:100%;\n    }\n\n    #sb-app .btn-red{background:var(--red)}\n    #sb-app .btn-yellow{background:#f59e0b}\n    #sb-app .btn-blue{background:#4f46e5}\n\n    #sb-app .ach-card{\n      background:#fff;\n      border:1px solid var(--line);\n      border-radius:24px;\n      padding:14px;\n      box-shadow:var(--shadow-soft);\n      display:grid;\n      gap:10px;\n    }\n\n    #sb-app .ach-top{\n      display:flex;\n      justify-content:space-between;\n      align-items:flex-start;\n      gap:12px;\n    }\n\n    #sb-app .ach-top strong{\n      display:block;\n      font-size:17px;\n      line-height:1.1;\n      font-weight:950;\n      letter-spacing:-.035em;\n      margin-bottom:4px;\n    }\n\n    #sb-app .ach-top span{\n      display:block;\n      font-size:12px;\n      color:var(--muted);\n      line-height:1.35;\n      font-weight:700;\n    }\n\n    #sb-app .rank-pill{\n      background:#f5f0ff;\n      color:#7c3aed;\n      border:1px solid #eadcff;\n      border-radius:999px;\n      padding:7px 9px;\n      font-size:11px;\n      font-weight:950;\n      white-space:nowrap;\n    }\n\n    #sb-app .ach-grid{\n      display:grid;\n      grid-template-columns:1fr 1fr 1fr;\n      gap:8px;\n    }\n\n    #sb-app .ach-item{\n      background:#fafafb;\n      border:1px solid var(--line);\n      border-radius:17px;\n      padding:10px 8px;\n      text-align:center;\n    }\n\n    #sb-app .ach-item strong{\n      display:block;\n      font-size:14px;\n      font-weight:950;\n      margin-bottom:3px;\n    }\n\n    #sb-app .ach-item span{\n      display:block;\n      color:var(--muted);\n      font-size:10.5px;\n      font-weight:800;\n    }\n\n    #sb-app .mini-chart{\n      height:38px;\n      display:flex;\n      align-items:flex-end;\n      gap:5px;\n      padding:2px 0 0;\n    }\n\n    #sb-app .bar{\n      flex:1;\n      border-radius:999px 999px 5px 5px;\n      background:linear-gradient(180deg,#ff6b6b,var(--red));\n      min-height:8px;\n    }\n\n    #sb-app .coupon{\n      flex:0 0 224px;\n      background:#fff;\n      border:1px solid #ffdada;\n      border-radius:23px;\n      padding:14px;\n      box-shadow:var(--shadow-soft);\n      overflow:hidden;\n      position:relative;\n    }\n\n    #sb-app .coupon small{\n      display:inline-flex;\n      background:#fff2f2;\n      color:var(--red);\n      border:1px solid #ffdede;\n      border-radius:999px;\n      padding:5px 8px;\n      font-size:10px;\n      font-weight:950;\n      margin-bottom:8px;\n    }\n\n    #sb-app .coupon strong{\n      display:block;\n      font-size:18px;\n      line-height:1.12;\n      letter-spacing:-.035em;\n      font-weight:950;\n      margin-bottom:5px;\n    }\n\n    #sb-app .coupon p{\n      margin:0 0 12px;\n      color:var(--muted);\n      font-size:12px;\n      line-height:1.45;\n    }\n\n    #sb-app .coupon button{\n      width:100%;\n      border:none;\n      border-radius:14px;\n      background:var(--red);\n      color:#fff;\n      padding:11px 12px;\n      font-size:13px;\n      font-weight:900;\n      cursor:pointer;\n    }\n\n    #sb-app .coupon.active{\n      border-color:#ff9d9d;\n      box-shadow:0 14px 28px rgba(255,26,26,.13);\n    }\n\n    #sb-app .coupon.active button{background:#111114}\n\n    #sb-app .fav{\n      flex:0 0 188px;\n      background:#fff;\n      border:1px solid var(--line);\n      border-radius:22px;\n      overflow:hidden;\n      box-shadow:var(--shadow-soft);\n      cursor:pointer;\n    }\n\n    #sb-app .fav img{\n      width:100%;\n      height:112px;\n      object-fit:cover;\n    }\n\n    #sb-app .fav-body{padding:12px}\n\n    #sb-app .fav-body strong{\n      display:block;\n      font-size:15px;\n      line-height:1.25;\n      font-weight:900;\n      margin-bottom:4px;\n    }\n\n    #sb-app .fav-body span{\n      display:block;\n      color:var(--muted);\n      font-size:12px;\n      line-height:1.4;\n      margin-bottom:8px;\n    }\n\n    #sb-app .fav-meta{\n      display:flex;\n      justify-content:space-between;\n      align-items:center;\n      gap:8px;\n      font-size:12px;\n      font-weight:900;\n    }\n\n    #sb-app .fav-meta em{\n      font-style:normal;\n      color:var(--red);\n      background:#fff2f2;\n      border:1px solid #ffe0e0;\n      border-radius:999px;\n      padding:5px 7px;\n      white-space:nowrap;\n    }\n\n    #sb-app .cat-sticky{\n      position:sticky;\n      top:132px;\n      z-index:20;\n      margin:0 -14px;\n      padding:12px 0 10px;\n      background:rgba(245,245,247,.95);\n      backdrop-filter:blur(14px);\n      border-bottom:1px solid rgba(232,232,239,.8);\n    }\n\n    #sb-app .cat-row{\n      display:flex;\n      gap:8px;\n      overflow:auto;\n      padding:0 14px;\n      scrollbar-width:none;\n    }\n\n    #sb-app .cat-row::-webkit-scrollbar{display:none}\n\n    #sb-app .cat{\n      flex:0 0 auto;\n      border:1px solid var(--line);\n      background:#fff;\n      color:#222;\n      border-radius:999px;\n      padding:10px 14px;\n      font-size:13px;\n      font-weight:900;\n      cursor:pointer;\n      box-shadow:var(--shadow-soft);\n      white-space:nowrap;\n    }\n\n    #sb-app .cat.active{\n      background:var(--red);\n      color:#fff;\n      border-color:var(--red);\n      box-shadow:0 12px 24px rgba(255,26,26,.18);\n    }\n\n    #sb-app .rest{\n      background:#fff;\n      border:1px solid var(--line);\n      border-radius:26px;\n      overflow:hidden;\n      box-shadow:var(--shadow);\n      margin-bottom:14px;\n    }\n\n    #sb-app .rest-cover{\n      height:138px;\n      position:relative;\n      background-size:cover;\n      background-position:center;\n      display:flex;\n      align-items:flex-end;\n      padding:16px;\n      color:#fff;\n    }\n\n    #sb-app .rest-cover:before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.75));\n    }\n\n    #sb-app .rest-cover h3{\n      position:relative;\n      z-index:1;\n      margin:0;\n      font-size:24px;\n      line-height:1.05;\n      font-weight:950;\n      letter-spacing:-.05em;\n      color:#fff;\n      text-shadow:0 2px 10px rgba(0,0,0,.28);\n    }\n\n    #sb-app .rest-body{\n      padding:14px 15px 15px;\n    }\n\n    #sb-app .rest-meta{\n      display:flex;\n      flex-wrap:wrap;\n      gap:7px;\n      margin-bottom:9px;\n      color:var(--muted);\n      font-size:12px;\n      font-weight:800;\n    }\n\n    #sb-app .rest-meta b{\n      background:#f7f7fa;\n      border:1px solid var(--line);\n      color:#202024;\n      padding:5px 8px;\n      border-radius:999px;\n    }\n\n    #sb-app .rest-note{\n      background:#fafafb;\n      border:1px solid var(--line);\n      border-radius:15px;\n      padding:10px 12px;\n      color:#666873;\n      font-size:12px;\n      line-height:1.45;\n    }\n\n    #sb-app .product-list{\n      display:grid;\n      gap:12px;\n      padding-bottom:190px;\n    }\n\n    #sb-app .product{\n      background:#fff;\n      border:1px solid var(--line);\n      border-radius:24px;\n      overflow:hidden;\n      display:grid;\n      grid-template-columns:1fr 122px;\n      min-height:154px;\n      box-shadow:var(--shadow-soft);\n      position:relative;\n      cursor:pointer;\n      animation:fadeUp .25s ease;\n    }\n\n    #sb-app .product.sponsored{border-color:#ffdada}\n\n    #sb-app .sponsor-badge{\n      position:absolute;\n      top:10px;\n      left:10px;\n      z-index:2;\n      background:#fff;\n      color:var(--red);\n      border:1px solid #ffdede;\n      border-radius:999px;\n      padding:6px 9px;\n      font-size:10px;\n      font-weight:900;\n      box-shadow:0 8px 18px rgba(0,0,0,.1);\n    }\n\n    #sb-app .product-body{\n      padding:14px;\n      min-width:0;\n    }\n\n    #sb-app .tags{\n      display:flex;\n      gap:6px;\n      flex-wrap:wrap;\n      margin-bottom:8px;\n      padding-top:18px;\n    }\n\n    #sb-app .product.sponsored .tags{padding-top:24px}\n\n    #sb-app .tag{\n      display:inline-flex;\n      align-items:center;\n      border-radius:999px;\n      padding:5px 8px;\n      font-size:10px;\n      font-weight:900;\n      line-height:1;\n      white-space:nowrap;\n    }\n\n    #sb-app .tag.hot{background:#fff2f2;color:var(--red);border:1px solid #ffe0e0}\n    #sb-app .tag.discount{background:#ecfff6;color:#07935a;border:1px solid #c8f4df}\n    #sb-app .tag.ad{background:#f5f0ff;color:#7c3aed;border:1px solid #eadcff}\n\n    #sb-app .product h3{\n      margin:0 0 5px;\n      font-size:15.5px;\n      line-height:1.25;\n      font-weight:900;\n    }\n\n    #sb-app .product p{\n      margin:0 0 10px;\n      color:var(--muted);\n      font-size:12.5px;\n      line-height:1.42;\n      display:-webkit-box;\n      -webkit-line-clamp:2;\n      -webkit-box-orient:vertical;\n      overflow:hidden;\n    }\n\n    #sb-app .product-meta{\n      display:flex;\n      gap:8px;\n      flex-wrap:wrap;\n      align-items:center;\n      color:var(--muted);\n      font-size:12px;\n      font-weight:900;\n    }\n\n    #sb-app .price{\n      color:#121214;\n      font-size:15px;\n      font-weight:950;\n    }\n\n    #sb-app .product-img{\n      position:relative;\n      min-height:154px;\n      background:#ececf1;\n    }\n\n    #sb-app .product-img img{\n      width:100%;\n      height:100%;\n      object-fit:cover;\n    }\n\n    #sb-app .add{\n      position:absolute;\n      right:10px;\n      bottom:10px;\n      width:42px;\n      height:42px;\n      border:none;\n      border-radius:50%;\n      background:var(--red);\n      color:#fff;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      padding:0;\n      cursor:pointer;\n      box-shadow:0 12px 24px rgba(255,26,26,.28);\n      font-size:0;\n    }\n\n    #sb-app .add:before{\n      content:\"+\";\n      font-size:29px;\n      line-height:1;\n      font-weight:700;\n      transform:translateY(-1px);\n    }\n\n    #sb-app .native-ad{\n      background:\n        radial-gradient(circle at 90% 0%, rgba(255,26,26,.14), transparent 28%),\n        #fff;\n      border:1px solid #ffe0e0;\n      border-radius:24px;\n      padding:14px;\n      display:grid;\n      grid-template-columns:1fr 90px;\n      gap:12px;\n      align-items:center;\n      box-shadow:var(--shadow-soft);\n    }\n\n    #sb-app .native-ad small{\n      display:inline-flex;\n      background:#fff2f2;\n      color:var(--red);\n      border:1px solid #ffe0e0;\n      border-radius:999px;\n      padding:5px 8px;\n      font-size:10px;\n      font-weight:950;\n      margin-bottom:8px;\n    }\n\n    #sb-app .native-ad strong{\n      display:block;\n      font-size:18px;\n      line-height:1.16;\n      letter-spacing:-.035em;\n      font-weight:950;\n      margin-bottom:6px;\n    }\n\n    #sb-app .native-ad p{\n      margin:0 0 10px;\n      color:var(--muted);\n      font-size:12.5px;\n      line-height:1.45;\n    }\n\n    #sb-app .native-ad button{\n      border:none;\n      background:var(--red);\n      color:#fff;\n      border-radius:14px;\n      padding:11px 12px;\n      font-size:12px;\n      font-weight:900;\n      cursor:pointer;\n    }\n\n    #sb-app .ad-avatar{\n      width:90px;\n      height:90px;\n      border-radius:24px;\n      background:linear-gradient(135deg,#fff2f2,#fff);\n      border:1px solid #ffe0e0;\n      display:grid;\n      place-items:center;\n      color:var(--red);\n      font-size:24px;\n      font-weight:950;\n    }\n\n    #sb-app .float-cart{\n      position:fixed;\n      left:50%;\n      bottom:86px;\n      transform:translateX(-50%);\n      width:min(440px,calc(100% - 28px));\n      background:#111114;\n      color:#fff;\n      border-radius:24px;\n      padding:13px 14px;\n      z-index:70;\n      display:none;\n      align-items:center;\n      justify-content:space-between;\n      gap:12px;\n      box-shadow:0 18px 44px rgba(17,17,20,.28);\n    }\n\n    #sb-app .float-cart.show{display:flex}\n\n    #sb-app .float-cart strong{\n      display:block;\n      font-size:14px;\n      margin-bottom:3px;\n    }\n\n    #sb-app .float-cart span{\n      display:block;\n      color:rgba(255,255,255,.75);\n      font-size:12px;\n    }\n\n    #sb-app .float-cart button{\n      border:none;\n      background:var(--red);\n      color:#fff;\n      border-radius:16px;\n      padding:12px 13px;\n      font-size:13px;\n      font-weight:900;\n      cursor:pointer;\n      white-space:nowrap;\n    }\n\n    #sb-app .bottom-nav{\n      position:fixed;\n      left:50%;\n      bottom:0;\n      transform:translateX(-50%);\n      width:min(480px,100%);\n      background:rgba(255,255,255,.99);\n      backdrop-filter:blur(18px);\n      border-top:1px solid rgba(232,232,239,.95);\n      z-index:76;\n      display:grid;\n      grid-template-columns:repeat(6,1fr);\n      gap:2px;\n      padding:7px 6px calc(7px + env(safe-area-inset-bottom));\n      box-shadow:none;\n    }\n\n    #sb-app .nav-item{\n      border:none;\n      background:transparent;\n      color:#4b4b55;\n      display:flex;\n      flex-direction:column;\n      align-items:center;\n      justify-content:center;\n      gap:3px;\n      font-size:9.5px;\n      font-weight:900;\n      cursor:pointer;\n      padding:5px 2px;\n      border-radius:14px;\n      min-width:0;\n    }\n\n    #sb-app .nav-item .nav-ico{\n      width:24px;\n      height:24px;\n      border-radius:10px;\n      display:grid;\n      place-items:center;\n      font-size:15px;\n      background:#f2f2f5;\n      color:#4b4b55;\n    }\n\n    #sb-app .nav-item.active{color:var(--red)}\n    #sb-app .nav-item.active .nav-ico{background:#fff1f1;color:var(--red)}\n\n    #sb-app .app-links{\n      padding:10px 14px 8px;\n      display:flex;\n      flex-wrap:wrap;\n      justify-content:center;\n      gap:10px 14px;\n      background:#fff;\n      border-top:1px solid var(--line);\n    }\n\n    #sb-app .app-links button{\n      border:none;\n      background:transparent;\n      color:#9a9ca5;\n      font-size:11px;\n      font-weight:800;\n      cursor:pointer;\n      padding:2px;\n    }\n\n    #sb-app .app-links button:hover{color:var(--red)}\n\n    #sb-app .footer{\n      padding:18px 14px 120px;\n      text-align:center;\n      color:#81838d;\n      font-size:12px;\n      line-height:1.45;\n      background:#fff;\n      border-top:1px solid var(--line);\n    }\n\n    #sb-app .overlay{\n      position:fixed;\n      inset:0;\n      background:rgba(0,0,0,.42);\n      opacity:0;\n      pointer-events:none;\n      z-index:80;\n      transition:.2s ease;\n    }\n\n    #sb-app .overlay.show{\n      opacity:1;\n      pointer-events:auto;\n    }\n\n    #sb-app .drawer,\n    #sb-app .detail-drawer,\n    #sb-app .address-drawer,\n    #sb-app .account-drawer,\n    #sb-app .legal-drawer,\n    #sb-app .mini-drawer{\n      position:fixed;\n      left:50%;\n      bottom:0;\n      transform:translate(-50%,105%);\n      width:min(480px,100%);\n      background:#fff;\n      transition:.24s ease;\n      box-shadow:0 -24px 60px rgba(0,0,0,.3);\n      overflow:hidden;\n    }\n\n    #sb-app .drawer{\n      max-height:90vh;\n      border-radius:30px 30px 0 0;\n      z-index:90;\n    }\n\n    #sb-app .detail-drawer{\n      max-height:92vh;\n      border-radius:32px 32px 0 0;\n      z-index:95;\n    }\n\n    #sb-app .address-drawer,\n    #sb-app .account-drawer,\n    #sb-app .legal-drawer,\n    #sb-app .mini-drawer{\n      max-height:88vh;\n      border-radius:30px 30px 0 0;\n      z-index:99;\n    }\n\n    #sb-app .drawer.open,\n    #sb-app .detail-drawer.open,\n    #sb-app .address-drawer.open,\n    #sb-app .account-drawer.open,\n    #sb-app .legal-drawer.open,\n    #sb-app .mini-drawer.open{\n      transform:translate(-50%,0);\n    }\n\n    #sb-app .drawer-head{\n      padding:16px;\n      border-bottom:1px solid var(--line);\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap:12px;\n    }\n\n    #sb-app .drawer-head h3{\n      margin:0;\n      font-size:20px;\n      font-weight:950;\n      letter-spacing:-.04em;\n    }\n\n    #sb-app .close{\n      width:36px;\n      height:36px;\n      border:none;\n      border-radius:50%;\n      background:#f4f4f7;\n      color:#111;\n      font-size:22px;\n      cursor:pointer;\n    }\n\n    #sb-app .drawer-body,\n    #sb-app .address-body,\n    #sb-app .account-body,\n    #sb-app .legal-body,\n    #sb-app .mini-body{\n      padding:16px;\n      overflow:auto;\n    }\n\n    #sb-app .drawer-body{max-height:calc(90vh - 74px)}\n    #sb-app .legal-body,#sb-app .mini-body{max-height:calc(88vh - 74px)}\n\n    #sb-app .legal-body h4,\n    #sb-app .mini-body h4{\n      margin:0 0 8px;\n      font-size:18px;\n      line-height:1.15;\n      letter-spacing:-.035em;\n      font-weight:950;\n    }\n\n    #sb-app .legal-body p,\n    #sb-app .mini-body p{\n      margin:0 0 11px;\n      color:#666873;\n      font-size:13px;\n      line-height:1.55;\n      font-weight:650;\n    }\n\n    #sb-app .legal-body ul,\n    #sb-app .mini-body ul{\n      margin:0 0 12px 18px;\n      padding:0;\n      color:#666873;\n      font-size:13px;\n      line-height:1.55;\n      font-weight:650;\n    }\n\n    #sb-app .legal-body li,\n    #sb-app .mini-body li{margin-bottom:7px}\n\n    #sb-app .mini-card{\n      background:#fafafb;\n      border:1px solid var(--line);\n      border-radius:18px;\n      padding:12px;\n      margin-bottom:10px;\n    }\n\n    #sb-app .mini-card strong{\n      display:block;\n      font-size:15px;\n      font-weight:950;\n      margin-bottom:4px;\n    }\n\n    #sb-app .mini-card span{\n      display:block;\n      color:var(--muted);\n      font-size:12px;\n      line-height:1.45;\n      font-weight:750;\n    }\n\n    #sb-app .badge-grid{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:10px;\n    }\n\n    #sb-app .badge-card{\n      background:linear-gradient(135deg,#fff7f7,#fff);\n      border:1px solid #ffe0e0;\n      border-radius:18px;\n      padding:12px;\n      text-align:center;\n    }\n\n    #sb-app .badge-card .big{\n      font-size:25px;\n      margin-bottom:5px;\n    }\n\n    #sb-app .badge-card strong{\n      display:block;\n      font-size:13px;\n      font-weight:950;\n      margin-bottom:3px;\n    }\n\n    #sb-app .badge-card span{\n      display:block;\n      color:var(--muted);\n      font-size:11px;\n      line-height:1.35;\n      font-weight:750;\n    }\n\n    #sb-app .funny-address,\n    #sb-app .account-info{\n      background:#fff7f7;\n      border:1px solid #ffe0e0;\n      color:#8f1717;\n      border-radius:18px;\n      padding:12px;\n      font-size:13px;\n      line-height:1.45;\n      font-weight:800;\n      margin-bottom:12px;\n    }\n\n    #sb-app .address-input,\n    #sb-app .account-input{\n      width:100%;\n      border:1px solid var(--line);\n      background:#fafafb;\n      border-radius:17px;\n      padding:14px;\n      font-size:15px;\n      outline:none;\n      margin-bottom:10px;\n    }\n\n    #sb-app .quick-addresses{\n      display:flex;\n      flex-wrap:wrap;\n      gap:8px;\n      margin:10px 0 14px;\n    }\n\n    #sb-app .quick-addresses button{\n      border:1px solid var(--line);\n      background:#fff;\n      border-radius:999px;\n      padding:9px 11px;\n      font-size:12px;\n      font-weight:850;\n      cursor:pointer;\n    }\n\n    #sb-app .account-tabs{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:8px;\n      margin-bottom:12px;\n    }\n\n    #sb-app .account-tab{\n      border:1px solid var(--line);\n      background:#fff;\n      border-radius:15px;\n      padding:11px;\n      font-size:13px;\n      font-weight:950;\n      cursor:pointer;\n    }\n\n    #sb-app .account-tab.active{\n      background:var(--red);\n      color:#fff;\n      border-color:var(--red);\n    }\n\n    #sb-app .account-message{\n      min-height:20px;\n      margin-top:10px;\n      color:var(--muted);\n      font-size:12px;\n      line-height:1.45;\n      font-weight:800;\n      text-align:center;\n    }\n\n    #sb-app .account-prompt{\n      background:linear-gradient(135deg,#fff7f7,#fff);\n      border:1px solid #ffe0e0;\n      border-radius:22px;\n      padding:14px;\n      margin:14px 0;\n      display:none;\n    }\n\n    #sb-app .account-prompt.show{display:block}\n\n    #sb-app .account-prompt small{\n      display:inline-flex;\n      padding:5px 8px;\n      border-radius:999px;\n      background:#fff0f0;\n      color:var(--red);\n      border:1px solid #ffe0e0;\n      font-size:10px;\n      font-weight:950;\n      margin-bottom:8px;\n    }\n\n    #sb-app .account-prompt strong{\n      display:block;\n      font-size:18px;\n      line-height:1.15;\n      font-weight:950;\n      letter-spacing:-.035em;\n      margin-bottom:5px;\n    }\n\n    #sb-app .account-prompt p{\n      margin:0 0 12px;\n      color:var(--muted);\n      font-size:13px;\n      line-height:1.45;\n    }\n\n    #sb-app .account-saved{\n      background:#ecfff6;\n      border:1px solid #c8f4df;\n      color:#067647;\n      border-radius:18px;\n      padding:12px;\n      font-size:12px;\n      line-height:1.45;\n      font-weight:850;\n      margin:12px 0;\n      display:none;\n    }\n\n    #sb-app .account-saved.show{display:block}\n\n    #sb-app .cart-items{\n      display:grid;\n      gap:10px;\n      margin-bottom:14px;\n    }\n\n    #sb-app .cart-item{\n      display:grid;\n      grid-template-columns:50px 1fr auto;\n      gap:10px;\n      align-items:center;\n      padding:10px;\n      border:1px solid var(--line);\n      border-radius:18px;\n      background:#fafafb;\n    }\n\n    #sb-app .cart-item img{\n      width:50px;\n      height:50px;\n      object-fit:cover;\n      border-radius:13px;\n    }\n\n    #sb-app .cart-item strong{\n      display:block;\n      font-size:13px;\n      font-weight:900;\n      margin-bottom:3px;\n      line-height:1.25;\n    }\n\n    #sb-app .cart-item span{\n      display:block;\n      color:var(--muted);\n      font-size:12px;\n      font-weight:800;\n    }\n\n    #sb-app .remove{\n      width:30px;\n      height:30px;\n      border:none;\n      background:#fff;\n      color:var(--red);\n      border-radius:50%;\n      font-size:18px;\n      font-weight:900;\n      cursor:pointer;\n    }\n\n    #sb-app .empty{\n      color:var(--muted);\n      font-size:13px;\n      line-height:1.45;\n      margin-bottom:12px;\n    }\n\n    #sb-app .coupon-summary{\n      margin:12px 0;\n      display:none;\n      background:#fff7f7;\n      border:1px solid #ffe0e0;\n      color:#a51313;\n      border-radius:17px;\n      padding:12px;\n      font-size:12px;\n      line-height:1.45;\n      font-weight:800;\n    }\n\n    #sb-app .coupon-summary.show{display:block}\n\n    #sb-app .totals{\n      border-top:1px solid var(--line);\n      padding-top:14px;\n      display:grid;\n      gap:9px;\n      margin-top:12px;\n    }\n\n    #sb-app .total{\n      display:flex;\n      justify-content:space-between;\n      color:var(--muted);\n      gap:12px;\n      font-size:14px;\n      font-weight:800;\n    }\n\n    #sb-app .total strong{\n      color:#111;\n      font-weight:950;\n    }\n\n    #sb-app .drawer-note{\n      margin:12px 0;\n      color:var(--muted);\n      text-align:center;\n      font-size:12px;\n      line-height:1.45;\n    }\n\n    #sb-app .detail-img{\n      height:235px;\n      position:relative;\n      background:#ececf1;\n    }\n\n    #sb-app .detail-img img{\n      width:100%;\n      height:100%;\n      object-fit:cover;\n    }\n\n    #sb-app .detail-close{\n      position:absolute;\n      right:14px;\n      top:14px;\n      width:38px;\n      height:38px;\n      border:none;\n      border-radius:50%;\n      background:rgba(255,255,255,.94);\n      color:#111;\n      font-size:24px;\n      display:grid;\n      place-items:center;\n      cursor:pointer;\n    }\n\n    #sb-app .detail-body{\n      padding:18px;\n      overflow:auto;\n      max-height:calc(92vh - 235px);\n    }\n\n    #sb-app .detail-tags{\n      display:flex;\n      gap:7px;\n      flex-wrap:wrap;\n      margin-bottom:10px;\n    }\n\n    #sb-app .detail-body h3{\n      margin:0 0 8px;\n      font-size:25px;\n      line-height:1.08;\n      font-weight:950;\n      letter-spacing:-.05em;\n    }\n\n    #sb-app .detail-desc{\n      margin:0 0 16px;\n      color:var(--muted);\n      font-size:14px;\n      line-height:1.5;\n    }\n\n    #sb-app .detail-grid{\n      display:grid;\n      grid-template-columns:repeat(3,1fr);\n      gap:8px;\n      margin-bottom:14px;\n    }\n\n    #sb-app .detail-stat{\n      background:#fafafb;\n      border:1px solid var(--line);\n      border-radius:17px;\n      padding:12px 8px;\n      text-align:center;\n    }\n\n    #sb-app .detail-stat strong{\n      display:block;\n      font-size:15px;\n      font-weight:950;\n      margin-bottom:4px;\n    }\n\n    #sb-app .detail-stat span{\n      display:block;\n      color:var(--muted);\n      font-size:11px;\n      font-weight:800;\n    }\n\n    #sb-app .diet-tip{\n      background:linear-gradient(135deg,#fff7f7,#fff);\n      border:1px solid #ffe1e1;\n      color:#7e2020;\n      border-radius:18px;\n      padding:12px;\n      font-size:12.5px;\n      line-height:1.45;\n      font-weight:800;\n      margin-bottom:12px;\n    }\n\n    #sb-app .diet-tip small{\n      display:inline-flex;\n      background:#fff0f0;\n      color:var(--red);\n      border:1px solid #ffe0e0;\n      border-radius:999px;\n      padding:5px 8px;\n      font-size:10px;\n      font-weight:950;\n      margin-bottom:7px;\n    }\n\n    #sb-app .diet-tip strong{\n      display:block;\n      color:#3a1010;\n      font-size:14px;\n      margin-bottom:4px;\n    }\n\n    #sb-app .detail-safe{\n      background:#fafafb;\n      border:1px solid var(--line);\n      color:#666873;\n      border-radius:18px;\n      padding:12px;\n      font-size:12px;\n      line-height:1.45;\n      font-weight:800;\n      margin-bottom:14px;\n    }\n\n    #sb-app .detail-actions{display:grid;gap:10px}\n\n    #sb-app .btn-primary,\n    #sb-app .btn-secondary{\n      width:100%;\n      border:none;\n      border-radius:18px;\n      padding:15px 16px;\n      font-size:15px;\n      font-weight:950;\n      cursor:pointer;\n    }\n\n    #sb-app .btn-primary{\n      background:var(--red);\n      color:#fff;\n      box-shadow:0 14px 28px rgba(255,26,26,.18);\n    }\n\n    #sb-app .btn-secondary{\n      background:#fff;\n      color:#111;\n      border:1px solid var(--line);\n    }\n\n    #sb-app .screen{\n      display:none;\n      min-height:100vh;\n      padding:18px 14px 180px;\n      background:\n        radial-gradient(circle at 25% 0%, rgba(255,26,26,.09), transparent 26%),\n        var(--bg);\n    }\n\n    #sb-app .screen.show{display:block}\n\n    #sb-app .screen-card{\n      background:#fff;\n      border:1px solid var(--line);\n      border-radius:30px;\n      padding:18px;\n      box-shadow:var(--shadow);\n      margin-top:14px;\n    }\n\n    #sb-app .screen-card h2{\n      margin:0 0 8px;\n      font-size:29px;\n      line-height:1.06;\n      font-weight:950;\n      letter-spacing:-.055em;\n    }\n\n    #sb-app .screen-card p{\n      margin:0;\n      color:var(--muted);\n      font-size:14px;\n      line-height:1.45;\n    }\n\n    #sb-app .status{\n      margin-top:14px;\n      background:#fff7f7;\n      border:1px solid #ffe0e0;\n      color:#981818;\n      border-radius:18px;\n      padding:13px;\n      font-size:13px;\n      line-height:1.45;\n      font-weight:800;\n      min-height:62px;\n    }\n\n    #sb-app .track-advice{\n      display:none;\n      margin-top:12px;\n      background:#eef2ff;\n      border:1px solid #dbe0ff;\n      color:#3930a3;\n      border-radius:18px;\n      padding:12px;\n      font-size:12px;\n      line-height:1.45;\n      font-weight:800;\n    }\n\n    #sb-app .track-advice.show{display:block}\n\n    #sb-app .steps{\n      display:grid;\n      gap:10px;\n      margin-top:16px;\n    }\n\n    #sb-app .step{\n      display:flex;\n      gap:11px;\n      align-items:center;\n      padding:12px;\n      border-radius:17px;\n      background:#fafafb;\n      color:var(--muted);\n      font-size:14px;\n      font-weight:800;\n      transition:.18s ease;\n    }\n\n    #sb-app .step.active{\n      background:#fff1f1;\n      color:#111;\n      box-shadow:0 8px 20px rgba(255,26,26,.08);\n    }\n\n    #sb-app .step-dot{\n      width:14px;\n      height:14px;\n      border-radius:50%;\n      background:#d5d6df;\n      flex:0 0 auto;\n    }\n\n    #sb-app .step.active .step-dot{background:var(--red)}\n\n    #sb-app .map-wrap{\n      display:none;\n      margin-top:16px;\n      background:#fafafb;\n      border:1px solid var(--line);\n      border-radius:24px;\n      padding:14px;\n    }\n\n    #sb-app .map-wrap.show{display:block}\n\n    #sb-app .map{\n      position:relative;\n      height:250px;\n      border-radius:18px;\n      overflow:hidden;\n      background:\n        radial-gradient(circle at 20% 25%, rgba(16,185,129,.13), transparent 18%),\n        radial-gradient(circle at 80% 68%, rgba(255,26,26,.12), transparent 20%),\n        linear-gradient(135deg,rgba(255,255,255,.74),rgba(255,255,255,.38)),\n        #eef0f5;\n    }\n\n    #sb-app .map svg.route{\n      position:absolute;\n      inset:0;\n      width:100%;\n      height:100%;\n      z-index:1;\n    }\n\n    #sb-app .route-path{\n      fill:none;\n      stroke:#ff1a1a;\n      stroke-width:4;\n      stroke-linecap:round;\n      stroke-dasharray:10 10;\n      animation:dashMove 2.2s linear infinite;\n      opacity:.75;\n    }\n\n    #sb-app .street{\n      position:absolute;\n      background:rgba(255,255,255,.82);\n      border:1px solid #dfe1e8;\n      border-radius:999px;\n      padding:4px 7px;\n      color:#6c7080;\n      font-size:11px;\n      font-weight:900;\n      z-index:3;\n      backdrop-filter:blur(4px);\n    }\n\n    #sb-app .r1{top:18px;left:18px}\n    #sb-app .r2{top:88px;right:22px}\n    #sb-app .r3{bottom:18px;left:24px}\n    #sb-app .r4{top:146px;left:146px}\n\n    #sb-app .map-pin,\n    #sb-app .courier{\n      position:absolute;\n      width:28px;\n      height:28px;\n      border-radius:50%;\n      display:grid;\n      place-items:center;\n      color:#fff;\n      font-size:12px;\n      font-weight:950;\n      z-index:4;\n    }\n\n    #sb-app .rest-pin{left:28px;top:34px;background:#111}\n    #sb-app .home-pin{right:34px;bottom:34px;background:var(--green)}\n\n    #sb-app .courier{\n      left:28px;\n      top:36px;\n      background:var(--red);\n      box-shadow:0 10px 20px rgba(255,26,26,.24);\n      transition:left 1.25s linear,top 1.25s linear;\n      animation:courierWobble 1s ease-in-out infinite;\n    }\n\n    #sb-app .map-event{\n      margin-top:10px;\n      color:#626775;\n      font-size:12px;\n      line-height:1.45;\n      font-weight:800;\n      min-height:34px;\n    }\n\n    #sb-app .xp{\n      display:inline-flex;\n      margin-top:4px;\n      background:#fff1f1;\n      color:var(--red);\n      border:1px solid #ffe0e0;\n      border-radius:999px;\n      padding:8px 12px;\n      font-size:12px;\n      font-weight:950;\n    }\n\n    #sb-app .result-stats{\n      display:grid;\n      gap:10px;\n      margin:16px 0;\n    }\n\n    #sb-app .result-stat{\n      background:#fff7f7;\n      border:1px solid #ffe0e0;\n      border-radius:22px;\n      padding:16px;\n    }\n\n    #sb-app .result-stat strong{\n      display:block;\n      font-size:30px;\n      line-height:1;\n      font-weight:950;\n      letter-spacing:-.05em;\n      margin-bottom:6px;\n    }\n\n    #sb-app .result-stat span{\n      display:block;\n      color:var(--muted);\n      font-size:13px;\n      font-weight:900;\n    }\n\n    #sb-app .email-box{\n      margin-top:16px;\n      border-top:1px solid var(--line);\n      padding-top:14px;\n    }\n\n    #sb-app .email-box h3{\n      margin:0 0 6px;\n      font-size:18px;\n      font-weight:950;\n      letter-spacing:-.035em;\n    }\n\n    #sb-app .email-box p{\n      margin:0;\n      color:var(--muted);\n      font-size:14px;\n      line-height:1.45;\n    }\n\n    #sb-app .email-row{\n      display:flex;\n      gap:8px;\n      margin-top:12px;\n    }\n\n    #sb-app .email-row input{\n      flex:1;\n      min-width:0;\n      border:1px solid var(--line);\n      background:#fafafb;\n      border-radius:15px;\n      padding:13px;\n      font-size:14px;\n      outline:none;\n    }\n\n    #sb-app .email-row button{\n      border:none;\n      background:var(--red);\n      color:#fff;\n      border-radius:15px;\n      padding:13px 14px;\n      font-size:14px;\n      font-weight:950;\n      cursor:pointer;\n    }\n\n    @media(max-width:380px){\n      #sb-app .intro h1{font-size:36px}\n      #sb-app .word{font-size:27px}\n      #sb-app .product{grid-template-columns:1fr 108px}\n      #sb-app .detail-grid{grid-template-columns:1fr}\n      #sb-app .ach-grid{grid-template-columns:1fr}\n    }\n  <\/style>\n\n  <div class=\"shell\">\n    <section id=\"intro\" class=\"intro\">\n      <div class=\"intro-card\">\n        <div class=\"intro-logo-box\">\n          <div class=\"brand-logo\">\n            <div class=\"mark\">\n              <svg viewBox=\"0 0 64 52\" width=\"100%\" height=\"100%\" fill=\"none\">\n                <path d=\"M3 29H13\" stroke=\"#FF1A1A\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n                <path d=\"M0 38H10\" stroke=\"#FF1A1A\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n                <path d=\"M16 17C15.1 12.8 18.3 9 22.7 9H50.8C55.2 9 58.6 12.7 57.8 17L54.4 35.6C53.7 39.2 50.5 41.8 46.8 41.8H25.9C22.1 41.8 18.9 39.1 18.3 35.5L16 17Z\" fill=\"#FF1A1A\"\/>\n                <path d=\"M31 9L42.5 0\" stroke=\"#FF1A1A\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n                <circle cx=\"27\" cy=\"14\" r=\"4.6\" fill=\"white\"\/>\n                <path d=\"M24.5 19H36.5V34L30.5 29.2L24.5 34V19Z\" fill=\"white\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"word\"><span class=\"black\">sepette<\/span><span class=\"red\"> b\u0131rak<\/span><\/div>\n          <\/div>\n        <\/div>\n\n        <h1>Se\u00e7, sepete b\u0131rak, keyfine bak.<\/h1>\n        <p>Can\u0131n sipari\u015f vermek istedi\u011finde \u00f6nce burada se\u00e7. Fiyat\u0131, kaloriyi ve d\u00fcrt\u00fcy\u00fc sepette b\u0131rak.<\/p>\n        <button id=\"intro-start\" class=\"intro-btn\">Sanal Sipari\u015fe Ba\u015fla<\/button>\n        <div class=\"intro-mini\">Ger\u00e7ek sipari\u015f olu\u015fturulmaz. \u00d6deme al\u0131nmaz. \u00dcr\u00fcn g\u00f6nderilmez.<\/div>\n      <\/div>\n    <\/section>\n\n    <div id=\"main\" class=\"app hidden\">\n      <header class=\"topbar\">\n        <div class=\"top-row\">\n          <div class=\"brand-small\">\n            <div class=\"mark\">\n              <svg viewBox=\"0 0 64 52\" width=\"100%\" height=\"100%\" fill=\"none\">\n                <path d=\"M3 29H13\" stroke=\"#FF1A1A\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n                <path d=\"M0 38H10\" stroke=\"#FF1A1A\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n                <path d=\"M16 17C15.1 12.8 18.3 9 22.7 9H50.8C55.2 9 58.6 12.7 57.8 17L54.4 35.6C53.7 39.2 50.5 41.8 46.8 41.8H25.9C22.1 41.8 18.9 39.1 18.3 35.5L16 17Z\" fill=\"#FF1A1A\"\/>\n                <path d=\"M31 9L42.5 0\" stroke=\"#FF1A1A\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n                <circle cx=\"27\" cy=\"14\" r=\"4.6\" fill=\"white\"\/>\n                <path d=\"M24.5 19H36.5V34L30.5 29.2L24.5 34V19Z\" fill=\"white\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"word\"><span class=\"black\">sepette<\/span><span class=\"red\"> b\u0131rak<\/span><\/div>\n          <\/div>\n\n          <button id=\"account-open-top\" class=\"user-chip\">Hesap<\/button>\n        <\/div>\n\n        <div class=\"address\" id=\"address-open\">\n          <div class=\"pin\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M12 21C12 21 18 15.6 18 10.2C18 6.78 15.31 4 12 4C8.69 4 6 6.78 6 10.2C6 15.6 12 21 12 21Z\" stroke=\"#FF1A1A\" stroke-width=\"1.8\"\/>\n              <circle cx=\"12\" cy=\"10\" r=\"2.2\" stroke=\"#FF1A1A\" stroke-width=\"1.8\"\/>\n            <\/svg>\n          <\/div>\n          <div>\n            <strong>Teslimat adresi<\/strong>\n            <span id=\"address-text\">Hayali Mah. Sepet Sok. No: 17 \u00b7 \u00fccretsiz sanal teslimat<\/span>\n          <\/div>\n          <div class=\"address-change\">De\u011fi\u015ftir<\/div>\n        <\/div>\n\n        <div class=\"search\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"11\" cy=\"11\" r=\"6.6\" stroke=\"#8A8A92\" stroke-width=\"1.8\"\/>\n            <path d=\"M16 16L20 20\" stroke=\"#8A8A92\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n          <\/svg>\n          <input id=\"search\" type=\"text\" placeholder=\"Burger, pizza, tatl\u0131, kahve ara\">\n        <\/div>\n      <\/header>\n\n      <section class=\"section\" style=\"padding-bottom:4px;\">\n        <div class=\"row-scroll\" id=\"stories\"><\/div>\n      <\/section>\n\n      <section class=\"section\">\n        <div class=\"promo-wrap\">\n          <div class=\"promo-track\" id=\"promo-track\"><\/div>\n        <\/div>\n        <div class=\"dots\" id=\"promo-dots\"><\/div>\n      <\/section>\n\n      <section class=\"section\" style=\"padding-top:4px;\">\n        <div class=\"stop-panel\">\n          <div class=\"stop-top\">\n            <div>\n              <h2>Sipari\u015f vermeden \u00f6nce buna bak<\/h2>\n              <p>Amac\u0131m\u0131z seni sipari\u015fe itmek de\u011fil; d\u00fcrt\u00fcy\u00fc yakalay\u0131p daha iyi bir karar verdirmek.<\/p>\n            <\/div>\n            <div class=\"stop-badge\">\u00d6nerilen<\/div>\n          <\/div>\n\n          <div class=\"stop-cards\">\n            <div class=\"stop-card\">\n              <small class=\"diet\">FitMola \u00b7 \u00d6ne \u00e7\u0131kan uzman<\/small>\n              <strong>Dyt. Elif Kara\u2019dan gece a\u00e7l\u0131\u011f\u0131 \u00f6nerileri<\/strong>\n              <p>Sipari\u015f vermeden \u00f6nce 3 dakikal\u0131k hafif alternatif \u00f6nerilerini g\u00f6r.<\/p>\n              <button class=\"btn-red\" onclick=\"alert('Yak\u0131nda FitMola uzman sayfas\u0131na ba\u011flanacak.')\">\u00d6nerileri g\u00f6r<\/button>\n            <\/div>\n\n            <div class=\"stop-card\">\n              <small class=\"snack\">FitBite \u00b7 Sa\u011fl\u0131kl\u0131 alternatif<\/small>\n              <strong>Tatl\u0131 krizine daha hafif bir \u00e7\u00f6z\u00fcm<\/strong>\n              <p>Waffle yerine daha d\u00fc\u015f\u00fck kalorili at\u0131\u015ft\u0131rmal\u0131k se\u00e7eneklerini ke\u015ffet.<\/p>\n              <button class=\"btn-yellow\" onclick=\"alert('Yak\u0131nda FitBite sponsor alan\u0131na ba\u011flanacak.')\">Alternatifleri g\u00f6r<\/button>\n            <\/div>\n\n            <div class=\"stop-card\">\n              <small class=\"finance\">Kumbara+ \u00b7 B\u00fct\u00e7e takibi<\/small>\n              <strong>Harcamad\u0131\u011f\u0131n paray\u0131 takip et<\/strong>\n              <p>Bug\u00fcn sepette b\u0131rakt\u0131\u011f\u0131n paray\u0131 haftal\u0131k b\u00fct\u00e7e raporuna \u00e7evir.<\/p>\n              <button class=\"btn-blue\" onclick=\"alert('Yak\u0131nda Kumbara+ b\u00fct\u00e7e partnerine ba\u011flanacak.')\">B\u00fct\u00e7emi g\u00f6r<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"section\">\n        <div class=\"ach-card\">\n          <div class=\"ach-top\">\n            <div>\n              <strong>Bu ayki ba\u015far\u0131lar\u0131n<\/strong>\n              <span id=\"ach-subtitle\">Sepette b\u0131rakt\u0131k\u00e7a XP, y\u0131ld\u0131z ve mahalle s\u0131ras\u0131 kazan\u0131rs\u0131n.<\/span>\n            <\/div>\n            <div class=\"rank-pill\" id=\"rank-pill\">Mahalle #42<\/div>\n          <\/div>\n          <div class=\"ach-grid\">\n            <div class=\"ach-item\"><strong id=\"ach-money\">0 TL<\/strong><span>cepte kald\u0131<\/span><\/div>\n            <div class=\"ach-item\"><strong id=\"ach-cal\">0 kcal<\/strong><span>gelmedi<\/span><\/div>\n            <div class=\"ach-item\"><strong id=\"ach-xp\">0 XP \u2b50<\/strong><span>bu ay<\/span><\/div>\n          <\/div>\n          <div class=\"mini-chart\" id=\"mini-chart\"><\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"section\">\n        <div class=\"section-head\">\n          <div>\n            <h2>Kuponlar<\/h2>\n            <p>Sanal sipari\u015fini daha da ucuza getir.<\/p>\n          <\/div>\n          <div class=\"see-all\">T\u00fcm\u00fc<\/div>\n        <\/div>\n        <div class=\"row-scroll\" id=\"coupons\"><\/div>\n      <\/section>\n\n      <section class=\"section\">\n        <div class=\"section-head\">\n          <div>\n            <h2>Semtin favorileri<\/h2>\n            <p>Bug\u00fcn en \u00e7ok sanal sepete eklenenler.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"row-scroll\" id=\"favs\"><\/div>\n      <\/section>\n\n      <section id=\"menu-section\" class=\"section\">\n        <div class=\"section-head\">\n          <div>\n            <h2>Yak\u0131ndaki lezzetler<\/h2>\n            <p>Ger\u00e7ek uygulama hissi, g\u00fcvenli sim\u00fclasyon ak\u0131\u015f\u0131.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"cat-sticky\">\n          <div class=\"cat-row\" id=\"cats\"><\/div>\n        <\/div>\n\n        <div class=\"rest\">\n          <div class=\"rest-cover\" id=\"rest-cover\">\n            <h3 id=\"rest-title\">Sepette Burger House<\/h3>\n          <\/div>\n          <div class=\"rest-body\">\n            <div class=\"rest-meta\">\n              <b>\u2b50 4.8<\/b>\n              <span>25-35 dk<\/span>\n              <span>Min. 0 TL<\/span>\n              <span>\u00dccretsiz sanal teslimat<\/span>\n            <\/div>\n            <div class=\"rest-note\">Sipari\u015f deneyimi ger\u00e7ek\u00e7i kurgulanm\u0131\u015ft\u0131r. Ancak \u00f6deme al\u0131nmaz, sipari\u015f olu\u015fturulmaz ve \u00fcr\u00fcn g\u00f6nderilmez.<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"product-list\" id=\"products\"><\/div>\n      <\/section>\n\n      <div class=\"app-links\">\n        <button data-legal=\"about\">Hakk\u0131m\u0131zda<\/button>\n        <button data-legal=\"terms\">Kullan\u0131m Ko\u015fullar\u0131<\/button>\n        <button data-legal=\"privacy\">Gizlilik<\/button>\n        <button data-legal=\"contact\">\u0130leti\u015fim<\/button>\n        <button data-legal=\"faq\">SSS<\/button>\n      <\/div>\n\n      <div class=\"footer\">\n        Sepette B\u0131rak bir sipari\u015f sim\u00fclasyonudur. E\u011flence ve fark\u0131ndal\u0131k amac\u0131yla tasarlanm\u0131\u015ft\u0131r. Ger\u00e7ek sipari\u015f olu\u015fturulmaz, \u00f6deme al\u0131nmaz, \u00fcr\u00fcn g\u00f6nderilmez.\n      <\/div>\n    <\/div>\n\n    <section id=\"tracking\" class=\"screen\">\n      <div class=\"brand-small\">\n        <div class=\"mark\">\n          <svg viewBox=\"0 0 64 52\" width=\"100%\" height=\"100%\" fill=\"none\">\n            <path d=\"M3 29H13\" stroke=\"#FF1A1A\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n            <path d=\"M0 38H10\" stroke=\"#FF1A1A\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n            <path d=\"M16 17C15.1 12.8 18.3 9 22.7 9H50.8C55.2 9 58.6 12.7 57.8 17L54.4 35.6C53.7 39.2 50.5 41.8 46.8 41.8H25.9C22.1 41.8 18.9 39.1 18.3 35.5L16 17Z\" fill=\"#FF1A1A\"\/>\n            <path d=\"M31 9L42.5 0\" stroke=\"#FF1A1A\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n            <circle cx=\"27\" cy=\"14\" r=\"4.6\" fill=\"white\"\/>\n            <path d=\"M24.5 19H36.5V34L30.5 29.2L24.5 34V19Z\" fill=\"white\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"word\"><span class=\"black\">sepette<\/span><span class=\"red\"> b\u0131rak<\/span><\/div>\n      <\/div>\n\n      <div class=\"screen-card\">\n        <h2>Sanal sipari\u015fin haz\u0131rlan\u0131yor<\/h2>\n        <p>Kuryen hayali ama heyecan ger\u00e7ek. Bakal\u0131m bu sipari\u015fte neler olacak?<\/p>\n\n        <div class=\"status\" id=\"status\">Sipari\u015f sisteme d\u00fc\u015ft\u00fc. Kurye haz\u0131rlan\u0131yor...<\/div>\n        <div class=\"track-advice\" id=\"track-advice\">FitMola \u00f6nerisi: Sipari\u015f d\u00fcrt\u00fcs\u00fc geldi\u011finde \u00f6nce 1 bardak su i\u00e7ip 5 dakika beklemek iyi bir ba\u015flang\u0131\u00e7 olabilir.<\/div>\n\n        <div class=\"steps\" id=\"steps\">\n          <div class=\"step\"><span class=\"step-dot\"><\/span> Sipari\u015f al\u0131nd\u0131<\/div>\n          <div class=\"step\"><span class=\"step-dot\"><\/span> Restoran haz\u0131rlan\u0131yor<\/div>\n          <div class=\"step\"><span class=\"step-dot\"><\/span> Kurye sipari\u015fi teslim ald\u0131<\/div>\n          <div class=\"step\"><span class=\"step-dot\"><\/span> Kurye mahallede dola\u015f\u0131yor<\/div>\n          <div class=\"step\"><span class=\"step-dot\"><\/span> Sipari\u015f kap\u0131na yakla\u015f\u0131yor<\/div>\n          <div class=\"step\"><span class=\"step-dot\"><\/span> Sanal teslimat tamamland\u0131<\/div>\n        <\/div>\n\n        <div class=\"map-wrap\" id=\"map-wrap\">\n          <div class=\"map\">\n            <svg class=\"route\" viewBox=\"0 0 360 250\" preserveAspectRatio=\"none\">\n              <path class=\"route-path\" d=\"M42 48 C70 70 92 72 122 102 C152 132 180 112 210 142 C244 176 272 166 318 198\"\/>\n            <\/svg>\n\n            <div class=\"street r1\">Hayal Cad.<\/div>\n            <div class=\"street r2\">A\u00e7l\u0131k Blv.<\/div>\n            <div class=\"street r3\">Sepet Sok.<\/div>\n            <div class=\"street r4\">Pi\u015fmanl\u0131k Kav\u015f.<\/div>\n            <div class=\"map-pin rest-pin\">R<\/div>\n            <div class=\"map-pin home-pin\">E<\/div>\n            <div class=\"courier\" id=\"courier\">K<\/div>\n          <\/div>\n          <div class=\"map-event\" id=\"map-event\">Kurye rotaya \u00e7\u0131kt\u0131. \u015eimdilik her \u015fey kontrol alt\u0131nda g\u00f6r\u00fcn\u00fcyor.<\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section id=\"result\" class=\"screen\">\n      <div class=\"brand-small\">\n        <div class=\"mark\">\n          <svg viewBox=\"0 0 64 52\" width=\"100%\" height=\"100%\" fill=\"none\">\n            <path d=\"M3 29H13\" stroke=\"#FF1A1A\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n            <path d=\"M0 38H10\" stroke=\"#FF1A1A\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n            <path d=\"M16 17C15.1 12.8 18.3 9 22.7 9H50.8C55.2 9 58.6 12.7 57.8 17L54.4 35.6C53.7 39.2 50.5 41.8 46.8 41.8H25.9C22.1 41.8 18.9 39.1 18.3 35.5L16 17Z\" fill=\"#FF1A1A\"\/>\n            <path d=\"M31 9L42.5 0\" stroke=\"#FF1A1A\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n            <circle cx=\"27\" cy=\"14\" r=\"4.6\" fill=\"white\"\/>\n            <path d=\"M24.5 19H36.5V34L30.5 29.2L24.5 34V19Z\" fill=\"white\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"word\"><span class=\"black\">sepette<\/span><span class=\"red\"> b\u0131rak<\/span><\/div>\n      <\/div>\n\n      <div class=\"screen-card\">\n        <h2>Bug\u00fcn sepette b\u0131rakt\u0131klar\u0131n<\/h2>\n        <p>Sipari\u015f d\u00fcrt\u00fcs\u00fcn\u00fc kap\u0131ya gelmeden atlatt\u0131n. Hem b\u00fct\u00e7e hem kalori taraf\u0131nda iyi i\u015f \u00e7\u0131kard\u0131n.<\/p>\n\n        <div class=\"xp\" id=\"xp\">Kriz savar XP + 40<\/div>\n\n        <div class=\"result-stats\">\n          <div class=\"result-stat\"><strong id=\"res-price\">0 TL<\/strong><span>harcamad\u0131\u011f\u0131n para<\/span><\/div>\n          <div class=\"result-stat\"><strong id=\"res-cal\">0 kcal<\/strong><span>almad\u0131\u011f\u0131n yakla\u015f\u0131k kalori<\/span><\/div>\n          <div class=\"result-stat\"><strong id=\"res-count\">0 \u00fcr\u00fcn<\/strong><span>sepette b\u0131rak\u0131ld\u0131<\/span><\/div>\n          <div class=\"result-stat\" id=\"res-coupon-box\" style=\"display:none;\"><strong id=\"res-coupon\">0 TL<\/strong><span>sanal kupon avantaj\u0131<\/span><\/div>\n        <\/div>\n\n        <div id=\"account-saved\" class=\"account-saved\">\n          Ba\u015far\u0131n kaydedildi.\n        <\/div>\n\n        <div id=\"account-prompt\" class=\"account-prompt\">\n          <small>Ba\u015far\u0131n\u0131 kaydet<\/small>\n          <strong>Bu sonu\u00e7 kaybolmas\u0131n<\/strong>\n          <p>XP, y\u0131ld\u0131z, sepette kalan TL ve almad\u0131\u011f\u0131n kaloriyi hesab\u0131na kaydetmek i\u00e7in kullan\u0131c\u0131 ad\u0131 olu\u015ftur.<\/p>\n          <button id=\"result-account-open\" class=\"btn-primary\">Hesap olu\u015ftur \/ giri\u015f yap<\/button>\n        <\/div>\n\n        <div class=\"stop-card\" style=\"margin-bottom:12px;\">\n          <small class=\"diet\">FitMola \u00b7 Haftal\u0131k rapor<\/small>\n          <strong>Gece a\u00e7l\u0131\u011f\u0131 raporunu al<\/strong>\n          <p>Benzer krizlerde ne yapaca\u011f\u0131n\u0131 g\u00f6steren k\u0131sa \u00f6nerileri e-postana g\u00f6nderelim.<\/p>\n          <button class=\"btn-red\" onclick=\"document.getElementById('email').focus()\">Raporu al<\/button>\n        <\/div>\n\n        <div style=\"display:grid;gap:10px;margin-top:14px;\">\n          <button id=\"share\" class=\"btn-primary\">Arkada\u015f\u0131ma g\u00f6nder<\/button>\n          <button id=\"again\" class=\"btn-secondary\">Yeni sanal sipari\u015f ver<\/button>\n        <\/div>\n\n        <div class=\"email-box\">\n          <h3>Haftal\u0131k Sepette B\u0131rak raporunu al<\/h3>\n          <p>Bu hafta ka\u00e7 TL harcamad\u0131\u011f\u0131n\u0131, yakla\u015f\u0131k ka\u00e7 kalori sepette b\u0131rakt\u0131\u011f\u0131n\u0131 ve yeni \u00f6nerileri g\u00f6rmek i\u00e7in e-postan\u0131 b\u0131rak.<\/p>\n          <div class=\"email-row\">\n            <input id=\"email\" type=\"email\" placeholder=\"E-posta adresin\">\n            <button id=\"email-btn\">G\u00f6nder<\/button>\n          <\/div>\n          <div id=\"email-msg\" class=\"drawer-note\"><\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <div id=\"float-cart\" class=\"float-cart\">\n      <div>\n        <strong id=\"cart-summary\">0 \u00fcr\u00fcn \u00b7 0 TL<\/strong>\n        <span id=\"cart-cal\">0 kcal sepette<\/span>\n      <\/div>\n      <button id=\"open-cart\">Sepeti g\u00f6r<\/button>\n    <\/div>\n\n    <div id=\"overlay\" class=\"overlay\"><\/div>\n\n    <nav class=\"bottom-nav\" id=\"bottom-nav\">\n      <button class=\"nav-item active\" data-nav=\"home\">\n        <span class=\"nav-ico\">\u2302<\/span>\n        <span>Anasayfa<\/span>\n      <\/button>\n      <button class=\"nav-item\" data-nav=\"categories\">\n        <span class=\"nav-ico\">\u25a6<\/span>\n        <span>Kategoriler<\/span>\n      <\/button>\n      <button class=\"nav-item\" data-nav=\"cart\">\n        <span class=\"nav-ico\">\ud83e\uddfa<\/span>\n        <span>Sepetim<\/span>\n      <\/button>\n      <button class=\"nav-item\" data-nav=\"orders\">\n        <span class=\"nav-ico\">\u2261<\/span>\n        <span>Sipari\u015flerim<\/span>\n      <\/button>\n      <button class=\"nav-item\" data-nav=\"badges\">\n        <span class=\"nav-ico\">\u2605<\/span>\n        <span>Rozetlerim<\/span>\n      <\/button>\n      <button class=\"nav-item\" data-nav=\"profile\">\n        <span class=\"nav-ico\">\u25cf<\/span>\n        <span>Profilim<\/span>\n      <\/button>\n    <\/nav>\n\n    <div id=\"account-drawer\" class=\"account-drawer\">\n      <div class=\"drawer-head\">\n        <h3 id=\"account-title\">Hesab\u0131n\u0131 olu\u015ftur<\/h3>\n        <button id=\"account-close\" class=\"close\">\u00d7<\/button>\n      <\/div>\n      <div class=\"account-body\">\n        <div class=\"account-info\" id=\"account-info\">\n          XP, y\u0131ld\u0131z, sepette kalan TL ve almad\u0131\u011f\u0131n kaloriler kaybolmas\u0131n. Hesap a\u00e7arsan t\u00fcm ba\u015far\u0131lar\u0131n hesab\u0131na kaydedilir.\n        <\/div>\n\n        <div class=\"account-tabs\">\n          <button class=\"account-tab active\" id=\"tab-register\">Kay\u0131t ol<\/button>\n          <button class=\"account-tab\" id=\"tab-login\">Giri\u015f yap<\/button>\n        <\/div>\n\n        <input id=\"account-username\" class=\"account-input\" type=\"text\" placeholder=\"Kullan\u0131c\u0131 ad\u0131\">\n        <input id=\"account-password\" class=\"account-input\" type=\"password\" placeholder=\"\u015eifre\">\n\n        <button id=\"account-submit\" class=\"btn-primary\">Hesap olu\u015ftur<\/button>\n        <div id=\"account-message\" class=\"account-message\"><\/div>\n      <\/div>\n    <\/div>\n\n    <div id=\"address-drawer\" class=\"address-drawer\">\n      <div class=\"drawer-head\">\n        <h3>Teslimat adresi<\/h3>\n        <button id=\"address-close\" class=\"close\">\u00d7<\/button>\n      <\/div>\n      <div class=\"address-body\">\n        <div class=\"funny-address\">\n          Zaten sana sipari\u015f gelmeyecek. \u0130stersen Ay\u2019a, istersen yan apartmana yaz. Kurye hayali oldu\u011fu i\u00e7in pek sorun etmiyor.\n        <\/div>\n        <input id=\"address-input\" class=\"address-input\" type=\"text\" placeholder=\"Adres yaz: Mesela Pi\u015fmanl\u0131k Mah. 5 Dakika Bekle Sok.\">\n        <div class=\"quick-addresses\">\n          <button data-address=\"Pi\u015fmanl\u0131k Mah. Sab\u0131r Sok. No: 5\">Pi\u015fmanl\u0131k Mah.<\/button>\n          <button data-address=\"Gece Krizi Apt. Daire 0\">Gece Krizi Apt.<\/button>\n          <button data-address=\"Kalori Gelmesin Sitesi, Blok B\">Kalori Gelmesin Sitesi<\/button>\n        <\/div>\n        <button id=\"address-random\" class=\"btn-secondary\" style=\"margin-bottom:10px;\">Rastgele adres \u00fcret<\/button>\n        <button id=\"address-save\" class=\"btn-primary\">Adresi onayla<\/button>\n      <\/div>\n    <\/div>\n\n    <div id=\"detail\" class=\"detail-drawer\">\n      <div class=\"detail-img\">\n        <img decoding=\"async\" id=\"detail-img\" src=\"\" alt=\"\">\n        <button id=\"detail-close\" class=\"detail-close\">\u00d7<\/button>\n      <\/div>\n      <div class=\"detail-body\">\n        <div id=\"detail-tags\" class=\"detail-tags\"><\/div>\n        <h3 id=\"detail-title\"><\/h3>\n        <p id=\"detail-desc\" class=\"detail-desc\"><\/p>\n\n        <div class=\"detail-grid\">\n          <div class=\"detail-stat\"><strong id=\"detail-price\">0 TL<\/strong><span>Sanal fiyat<\/span><\/div>\n          <div class=\"detail-stat\"><strong id=\"detail-cal\">0 kcal<\/strong><span>Yakla\u015f\u0131k kalori<\/span><\/div>\n          <div class=\"detail-stat\"><strong id=\"detail-eta\">25-35 dk<\/strong><span>Sanal s\u00fcre<\/span><\/div>\n        <\/div>\n\n        <div id=\"diet-tip\" class=\"diet-tip\"><\/div>\n        <div class=\"detail-safe\">Bu \u00fcr\u00fcn ger\u00e7ek bir sipari\u015fe d\u00f6n\u00fc\u015fmez. Deneyim ak\u0131\u015f\u0131 ger\u00e7ek sipari\u015f uygulamas\u0131 hissine yak\u0131n tasarlanm\u0131\u015ft\u0131r.<\/div>\n\n        <div class=\"detail-actions\">\n          <button id=\"detail-add\" class=\"btn-primary\">Sepete ekle<\/button>\n          <button id=\"detail-back\" class=\"btn-secondary\">Men\u00fcye d\u00f6n<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div id=\"cart\" class=\"drawer\">\n      <div class=\"drawer-head\">\n        <h3>Sanal Sepetin<\/h3>\n        <button id=\"cart-close\" class=\"close\">\u00d7<\/button>\n      <\/div>\n      <div class=\"drawer-body\">\n        <div id=\"cart-empty\" class=\"empty\">Sepetin \u015fu anda bo\u015f g\u00f6r\u00fcn\u00fcyor.<\/div>\n        <div id=\"cart-items\" class=\"cart-items\"><\/div>\n\n        <div id=\"coupon-summary\" class=\"coupon-summary\"><\/div>\n\n        <div class=\"totals\">\n          <div class=\"total\"><span>Ara toplam<\/span><strong id=\"subtotal\">0 TL<\/strong><\/div>\n          <div class=\"total\"><span>Sanal kupon indirimi<\/span><strong id=\"discount\">0 TL<\/strong><\/div>\n          <div class=\"total\"><span>Sepette kalan para<\/span><strong id=\"total\">0 TL<\/strong><\/div>\n          <div class=\"total\"><span>Yakla\u015f\u0131k kalori<\/span><strong id=\"cal\">0 kcal<\/strong><\/div>\n          <div class=\"total\"><span>Ger\u00e7ek \u00f6deme<\/span><strong style=\"color:var(--green)\">0 TL<\/strong><\/div>\n        <\/div>\n\n        <div class=\"drawer-note\">Ger\u00e7ek sipari\u015f olu\u015fturulmaz. Bu ekran sim\u00fclasyon ama\u00e7l\u0131d\u0131r.<\/div>\n        <button id=\"start-order\" class=\"btn-primary\">0 TL\u2019ye sanal sipari\u015f ver<\/button>\n      <\/div>\n    <\/div>\n\n    <div id=\"legal-drawer\" class=\"legal-drawer\">\n      <div class=\"drawer-head\">\n        <h3 id=\"legal-title\">Bilgi<\/h3>\n        <button id=\"legal-close\" class=\"close\">\u00d7<\/button>\n      <\/div>\n      <div id=\"legal-body\" class=\"legal-body\"><\/div>\n    <\/div>\n\n    <div id=\"mini-drawer\" class=\"mini-drawer\">\n      <div class=\"drawer-head\">\n        <h3 id=\"mini-title\">Bilgi<\/h3>\n        <button id=\"mini-close\" class=\"close\">\u00d7<\/button>\n      <\/div>\n      <div id=\"mini-body\" class=\"mini-body\"><\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      window.SBX_BACKEND = window.SBX_BACKEND || {\n        ajax_url: window.location.origin + \"\/wp-admin\/admin-ajax.php\",\n        nonce: \"\",\n        logged_in: false,\n        username: \"\",\n        stats: null\n      };\n\n      const categories=[\n        {id:\"burger\",label:\"Burger\",restaurant:\"Sepette Burger House\",cover:\"https:\/\/images.unsplash.com\/photo-1561758033-d89a9ad46330?auto=format&fit=crop&w=1200&q=80\"},\n        {id:\"pizza\",label:\"Pizza\",restaurant:\"Napoli Sanal Pizza\",cover:\"https:\/\/images.unsplash.com\/photo-1513104890138-7c749659a591?auto=format&fit=crop&w=1200&q=80\"},\n        {id:\"doner\",label:\"D\u00f6ner\",restaurant:\"D\u00fcr\u00fcmc\u00fc Hayal\",cover:\"https:\/\/images.unsplash.com\/photo-1625398407796-82650a8c135f?auto=format&fit=crop&w=1200&q=80\"},\n        {id:\"tatli\",label:\"Tatl\u0131\",restaurant:\"Tatl\u0131 Krizi\",cover:\"https:\/\/images.unsplash.com\/photo-1488477181946-6428a0291777?auto=format&fit=crop&w=1200&q=80\"},\n        {id:\"kahve\",label:\"Kahve\",restaurant:\"Sanal Coffee Co.\",cover:\"https:\/\/images.unsplash.com\/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=1200&q=80\"},\n        {id:\"gece\",label:\"Gece Krizi\",restaurant:\"Gece Sepeti\",cover:\"https:\/\/images.unsplash.com\/photo-1623238913973-21e45cced554?auto=format&fit=crop&w=1200&q=80\"}\n      ];\n\n      const products=[\n        {id:\"burger1\",cat:\"burger\",name:\"Double Cheeseburger Men\u00fc\",desc:\"\u00c7ift k\u00f6fte, cheddar, b\u00fcy\u00fck patates ve i\u00e7ecek ile klasik b\u00fcy\u00fck men\u00fc.\",price:385,cal:1240,eta:\"25-35 dk\",img:\"https:\/\/images.unsplash.com\/photo-1568901346375-23c9450c58cd?auto=format&fit=crop&w=600&q=80\",tags:[\"hot\"]},\n        {id:\"burger2\",cat:\"burger\",name:\"Ac\u0131l\u0131 Tavuk Burger Men\u00fc\",desc:\"\u00c7\u0131t\u0131r tavuk, ac\u0131l\u0131 sos, tur\u015fu, patates k\u0131zartmas\u0131 ve i\u00e7ecek.\",price:315,cal:980,eta:\"25-35 dk\",img:\"https:\/\/images.unsplash.com\/photo-1606755962773-d324e0a13086?auto=format&fit=crop&w=600&q=80\",tags:[\"ad\"]},\n        {id:\"burger3\",cat:\"burger\",name:\"Klasik Burger + Patates\",desc:\"Tek k\u00f6fte burger ve orta boy patates. Basit ama etkili.\",price:255,cal:820,eta:\"20-30 dk\",img:\"https:\/\/images.unsplash.com\/photo-1550547660-d9450f859349?auto=format&fit=crop&w=600&q=80\",tags:[\"discount\"]},\n        {id:\"pizza1\",cat:\"pizza\",name:\"Kar\u0131\u015f\u0131k Pizza Orta Boy\",desc:\"Sucuk, sosis, mantar, m\u0131s\u0131r, zeytin ve bol mozzarella.\",price:395,cal:1380,eta:\"30-40 dk\",img:\"https:\/\/images.unsplash.com\/photo-1604382354936-07c5d9983bd3?auto=format&fit=crop&w=600&q=80\",tags:[\"hot\"]},\n        {id:\"pizza2\",cat:\"pizza\",name:\"Margarita Pizza\",desc:\"Domates sosu, mozzarella ve fesle\u011fen ile sade \u0130talyan lezzeti.\",price:320,cal:1120,eta:\"25-35 dk\",img:\"https:\/\/images.unsplash.com\/photo-1574071318508-1cdbab80d002?auto=format&fit=crop&w=600&q=80\",tags:[]},\n        {id:\"pizza3\",cat:\"pizza\",name:\"Bol Peynirli Pizza\",desc:\"Mozzarella, cheddar ve parmesan kar\u0131\u015f\u0131m\u0131yla yo\u011fun peynirli pizza.\",price:365,cal:1490,eta:\"30-40 dk\",img:\"https:\/\/images.unsplash.com\/photo-1594007654729-407eedc4be65?auto=format&fit=crop&w=600&q=80\",tags:[\"ad\"]},\n        {id:\"doner1\",cat:\"doner\",name:\"Tavuk D\u00f6ner D\u00fcr\u00fcm Men\u00fc\",desc:\"Tavuk d\u00f6ner d\u00fcr\u00fcm, patates k\u0131zartmas\u0131 ve ayran ile men\u00fc.\",price:245,cal:890,eta:\"20-30 dk\",img:\"https:\/\/images.unsplash.com\/photo-1662116765994-1e4200c43589?auto=format&fit=crop&w=600&q=80\",tags:[\"hot\"]},\n        {id:\"doner2\",cat:\"doner\",name:\"Et D\u00f6ner D\u00fcr\u00fcm\",desc:\"Lava\u015f i\u00e7inde et d\u00f6ner, domates, so\u011fan ve \u00f6zel sos.\",price:295,cal:970,eta:\"20-30 dk\",img:\"https:\/\/images.unsplash.com\/photo-1625398407796-82650a8c135f?auto=format&fit=crop&w=600&q=80\",tags:[]},\n        {id:\"doner3\",cat:\"doner\",name:\"D\u00f6ner Box\",desc:\"Patates, d\u00f6ner, sos ve tur\u015fu ile kutuda pratik men\u00fc.\",price:275,cal:1050,eta:\"20-30 dk\",img:\"https:\/\/images.unsplash.com\/photo-1633321702518-7feccafb94d5?auto=format&fit=crop&w=600&q=80\",tags:[\"discount\"]},\n        {id:\"tatli1\",cat:\"tatli\",name:\"\u00c7ikolatal\u0131 Sufle\",desc:\"S\u0131cak \u00e7ikolatal\u0131 sufle ve yan\u0131nda dondurma se\u00e7ene\u011fi.\",price:185,cal:620,eta:\"20-30 dk\",img:\"https:\/\/images.unsplash.com\/photo-1606313564200-e75d5e30476c?auto=format&fit=crop&w=600&q=80\",tags:[\"hot\"]},\n        {id:\"tatli2\",cat:\"tatli\",name:\"Bel\u00e7ika \u00c7ikolatal\u0131 Waffle\",desc:\"Muz, \u00e7ilek, \u00e7ikolata sosu ve f\u0131nd\u0131k par\u00e7alar\u0131yla waffle.\",price:265,cal:1080,eta:\"20-30 dk\",img:\"https:\/\/images.unsplash.com\/photo-1562376552-0d160a2f238d?auto=format&fit=crop&w=600&q=80\",tags:[\"ad\"]},\n        {id:\"tatli3\",cat:\"tatli\",name:\"Profiterol Porsiyon\",desc:\"Kremal\u0131 profiterol toplar\u0131 ve yo\u011fun \u00e7ikolata sosu.\",price:175,cal:690,eta:\"20-30 dk\",img:\"https:\/\/images.unsplash.com\/photo-1551024506-0bccd828d307?auto=format&fit=crop&w=600&q=80\",tags:[]},\n        {id:\"kahve1\",cat:\"kahve\",name:\"Iced Caramel Latte\",desc:\"Espresso, s\u00fct, karamel aromas\u0131 ve buz ile so\u011fuk latte.\",price:145,cal:310,eta:\"15-25 dk\",img:\"https:\/\/images.unsplash.com\/photo-1461023058943-07fcbe16d735?auto=format&fit=crop&w=600&q=80\",tags:[\"hot\"]},\n        {id:\"kahve2\",cat:\"kahve\",name:\"Mocha + Cookie Men\u00fc\",desc:\"S\u0131cak mocha ve \u00e7ikolata par\u00e7ac\u0131kl\u0131 cookie ile kahve molas\u0131.\",price:205,cal:720,eta:\"15-25 dk\",img:\"https:\/\/images.unsplash.com\/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=600&q=80\",tags:[\"ad\"]},\n        {id:\"gece1\",cat:\"gece\",name:\"Gece At\u0131\u015ft\u0131rmal\u0131k Sepeti\",desc:\"Patates, nugget, so\u011fan halkas\u0131 ve iki sos ile kar\u0131\u015f\u0131k sepet.\",price:335,cal:1320,eta:\"25-35 dk\",img:\"https:\/\/images.unsplash.com\/photo-1623238913973-21e45cced554?auto=format&fit=crop&w=600&q=80\",tags:[\"hot\"]},\n        {id:\"gece2\",cat:\"gece\",name:\"Film Gecesi Men\u00fc\",desc:\"Pizza dilimleri, \u00e7\u0131t\u0131r tavuk par\u00e7alar\u0131, patates ve i\u00e7ecek.\",price:475,cal:1840,eta:\"30-40 dk\",img:\"https:\/\/images.unsplash.com\/photo-1513104890138-7c749659a591?auto=format&fit=crop&w=600&q=80\",tags:[\"ad\"]}\n      ];\n\n      const coupons=[\n        {code:\"GECE80\",title:\"80 TL sanal indirim\",desc:\"250 TL ve \u00fczeri sepetlerde ge\u00e7erli.\",discount:80},\n        {code:\"TATLI50\",title:\"Tatl\u0131ya 50 TL\",desc:\"Tatl\u0131 i\u00e7eren sanal sepetlerde uygulan\u0131r.\",discount:50},\n        {code:\"VIP120\",title:\"120 TL VIP f\u0131rsat\u0131\",desc:\"400 TL \u00fczeri sipari\u015flerde aktif olur.\",discount:120}\n      ];\n\n      const promos=[\n        {label:\"Bug\u00fcne \u00f6zel\",title:\"Burger men\u00fclerinde k\u0131rm\u0131z\u0131 f\u0131rsat\",text:\"Sepete ekle, tutar\u0131 ve kaloriyi g\u00f6r, sipari\u015fi sepette b\u0131rak.\",image:\"https:\/\/images.unsplash.com\/photo-1561758033-d89a9ad46330?auto=format&fit=crop&w=1200&q=80\"},\n        {label:\"Kupon\",title:\"Gece krizine 80 TL kupon\",text:\"Gece at\u0131\u015ft\u0131rmal\u0131klar\u0131nda kuponunu uygula, sipari\u015f hissini ucuza ya\u015fa.\",image:\"https:\/\/images.unsplash.com\/photo-1513104890138-7c749659a591?auto=format&fit=crop&w=1200&q=80\"},\n        {label:\"Trend\",title:\"Tatl\u0131 kategorisi y\u00fckseli\u015fte\",text:\"Waffle, sufle ve profiterol bug\u00fcn en \u00e7ok sanal sepete eklenenler aras\u0131nda.\",image:\"https:\/\/images.unsplash.com\/photo-1488477181946-6428a0291777?auto=format&fit=crop&w=1200&q=80\"}\n      ];\n\n      const stories=[\n        {title:\"Burger\",cat:\"burger\",img:\"https:\/\/images.unsplash.com\/photo-1568901346375-23c9450c58cd?auto=format&fit=crop&w=300&q=80\"},\n        {title:\"Pizza\",cat:\"pizza\",img:\"https:\/\/images.unsplash.com\/photo-1604382354936-07c5d9983bd3?auto=format&fit=crop&w=300&q=80\"},\n        {title:\"D\u00f6ner\",cat:\"doner\",img:\"https:\/\/images.unsplash.com\/photo-1662116765994-1e4200c43589?auto=format&fit=crop&w=300&q=80\"},\n        {title:\"Tatl\u0131\",cat:\"tatli\",img:\"https:\/\/images.unsplash.com\/photo-1562376552-0d160a2f238d?auto=format&fit=crop&w=300&q=80\"},\n        {title:\"Kahve\",cat:\"kahve\",img:\"https:\/\/images.unsplash.com\/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=300&q=80\"},\n        {title:\"Gece\",cat:\"gece\",img:\"https:\/\/images.unsplash.com\/photo-1623238913973-21e45cced554?auto=format&fit=crop&w=300&q=80\"}\n      ];\n\n      const dietTips=[\n        {name:\"Dyt. Elif Kara\",brand:\"FitMola\",text:\"Bu \u00fcr\u00fcn\u00fc almadan \u00f6nce 5 dakika bekleyip bir bardak su i\u00e7meni \u00f6neriyor. Bazen istek ge\u00e7iyor, sepet de sakinle\u015fiyor.\"},\n        {name:\"Dyt. Mert Aksoy\",brand:\"DengeLab\",text:\"Anl\u0131k sipari\u015f iste\u011finde \u00f6nce k\u0131sa bir y\u00fcr\u00fcy\u00fc\u015f veya 10 derin nefes denemeni \u00f6neriyor. Kurye gelmeden kriz da\u011f\u0131labilir.\"},\n        {name:\"Dyt. Selin Yaman\",brand:\"HafifPlan\",text:\"Bu iste\u011fin ger\u00e7ekten a\u00e7l\u0131k m\u0131 yoksa can s\u0131k\u0131nt\u0131s\u0131 m\u0131 oldu\u011funu anlamak i\u00e7in 3 dakika beklemeni \u00f6neriyor.\"},\n        {name:\"Dyt. Canan Er\",brand:\"GeceKontrol\",text:\"Tatl\u0131 ya da fast food iste\u011finde \u00f6nce daha hafif bir alternatif d\u00fc\u015f\u00fcnmeni ve porsiyon karar\u0131n\u0131 5 dakika ertelemeni \u00f6neriyor.\"}\n      ];\n\n      const randomAddresses=[\n        \"Pi\u015fmanl\u0131k Mah. Sab\u0131r Sok. No: 5\",\n        \"Gece Krizi Apt. Daire 0\",\n        \"Kalori Gelmesin Sitesi, Blok B\",\n        \"Hayali Mah. Sepette Kals\u0131n Cad. No: 12\",\n        \"Kuryenin Bulamayaca\u011f\u0131 Sok. No: 404\"\n      ];\n\n      const legalPages={\n        about:{\n          title:\"Hakk\u0131m\u0131zda\",\n          html:`\n            <h4>Sepette B\u0131rak neden var?<\/h4>\n            <p>Sepette B\u0131rak, anl\u0131k istekle yap\u0131lan yemek sipari\u015fi ve benzeri harcama kararlar\u0131n\u0131 bir an durdurmak i\u00e7in geli\u015ftirilen e\u011flenceli bir fark\u0131ndal\u0131k deneyimidir.<\/p>\n            <p>Amac\u0131m\u0131z sana ne yiyece\u011fini, ne alaca\u011f\u0131n\u0131 ya da nas\u0131l ya\u015fayaca\u011f\u0131n\u0131 s\u00f6ylemek de\u011fil. Sadece o \u201chemen sipari\u015f ver\u201d an\u0131nda sana k\u0131sa bir mola alan\u0131 a\u00e7mak.<\/p>\n            <p>Burada \u00fcr\u00fcnleri sanal olarak sepete ekleyebilir, yakla\u015f\u0131k tutar\u0131 ve kaloriyi g\u00f6rebilir, sonra da o sipari\u015fi ger\u00e7ekten vermeden sepette b\u0131rakabilirsin.<\/p>\n            <p>Her sepette b\u0131rak\u0131lan sipari\u015f, b\u00fct\u00e7en ve g\u00fcnl\u00fck al\u0131\u015fkanl\u0131klar\u0131n \u00fczerinde k\u00fc\u00e7\u00fck ama anlaml\u0131 bir kontrol hissi yaratabilir. Biz de bu deneyimi daha e\u011flenceli, \u00f6l\u00e7\u00fclebilir ve motive edici hale getirmek i\u00e7in buraday\u0131z.<\/p>\n          `\n        },\n        terms:{\n          title:\"Kullan\u0131m Ko\u015fullar\u0131\",\n          html:`\n            <h4>Kullan\u0131m Ko\u015fullar\u0131<\/h4>\n            <p>Sepette B\u0131rak, ger\u00e7ek bir yemek sipari\u015fi veya e-ticaret sitesi de\u011fildir. Platform \u00fczerinde g\u00f6r\u00fcnen \u00fcr\u00fcnler, fiyatlar, s\u00fcreler, kampanyalar ve teslimat s\u00fcre\u00e7leri sim\u00fclasyon amac\u0131yla sunulur.<\/p>\n            <ul>\n              <li>Bu platformu kullanan ki\u015fi, Sepette B\u0131rak \u00fczerinde ger\u00e7ek bir sipari\u015f olu\u015fturmad\u0131\u011f\u0131n\u0131 kabul eder.<\/li>\n              <li>Platform \u00fczerinden \u00f6deme al\u0131nmaz, \u00fcr\u00fcn g\u00f6nderilmez ve ger\u00e7ek teslimat yap\u0131lmaz.<\/li>\n              <li>\u00dcr\u00fcn isimleri, fiyatlar, kaloriler ve teslimat s\u00fcreleri temsilidir; kesin bilgi veya taahh\u00fct niteli\u011fi ta\u015f\u0131maz.<\/li>\n              <li>Platformdaki i\u00e7erikler t\u0131bbi, beslenme, psikolojik, finansal veya hukuki dan\u0131\u015fmanl\u0131k yerine ge\u00e7mez.<\/li>\n              <li>Kullan\u0131c\u0131, hesap olu\u015ftururken do\u011fru ve g\u00fcvenli bilgiler kullanmakla sorumludur.<\/li>\n              <li>Sepette B\u0131rak, kullan\u0131c\u0131 deneyimini geli\u015ftirmek amac\u0131yla \u00f6zelliklerde, i\u00e7eriklerde ve aray\u00fczde de\u011fi\u015fiklik yapabilir.<\/li>\n              <li>\u00dc\u00e7\u00fcnc\u00fc taraf marka, uzman veya i\u015fbirli\u011fi alanlar\u0131 bilgilendirme ve y\u00f6nlendirme ama\u00e7l\u0131 olabilir.<\/li>\n            <\/ul>\n            <p>Platformu kullanmaya devam eden kullan\u0131c\u0131, bu ko\u015fullar\u0131 okudu\u011funu ve kabul etti\u011fini beyan etmi\u015f say\u0131l\u0131r.<\/p>\n          `\n        },\n        privacy:{\n          title:\"Gizlilik\",\n          html:`\n            <h4>Gizlilik Politikas\u0131<\/h4>\n            <p>Sepette B\u0131rak, kullan\u0131c\u0131 deneyimini ki\u015fiselle\u015ftirmek ve kullan\u0131c\u0131lar\u0131n sepette b\u0131rakt\u0131\u011f\u0131 sanal sipari\u015f ba\u015far\u0131lar\u0131n\u0131 takip edebilmek amac\u0131yla s\u0131n\u0131rl\u0131 veriler i\u015fler.<\/p>\n            <p>Hesap olu\u015fturdu\u011funda kullan\u0131c\u0131 ad\u0131n, oturum bilgin ve uygulama i\u00e7indeki ba\u015far\u0131 verilerin kaydedilebilir. Bu veriler; kazand\u0131\u011f\u0131n XP, sepette b\u0131rakt\u0131\u011f\u0131n yakla\u015f\u0131k TL tutar\u0131, almad\u0131\u011f\u0131n yakla\u015f\u0131k kalori, sanal sipari\u015f ge\u00e7mi\u015fi ve rozet ilerlemeni i\u00e7erebilir.<\/p>\n            <p>\u015eifrelerin d\u00fcz metin olarak g\u00f6r\u00fcnt\u00fclenmez veya saklanmaz. Giri\u015f bilgileri g\u00fcvenli \u015fekilde i\u015flenir.<\/p>\n            <p>Sepette B\u0131rak, kullan\u0131c\u0131 verilerini deneyimi sunmak, hesap g\u00fcvenli\u011fini sa\u011flamak, ba\u015far\u0131lar\u0131 g\u00f6stermek ve platformu geli\u015ftirmek amac\u0131yla kullan\u0131r.<\/p>\n            <p>Yasal y\u00fck\u00fcml\u00fcl\u00fckler veya g\u00fcvenlik gereklilikleri d\u0131\u015f\u0131nda ki\u015fisel verilerin \u00fc\u00e7\u00fcnc\u00fc ki\u015filerle payla\u015f\u0131lmamas\u0131 esast\u0131r.<\/p>\n            <p>Ki\u015fisel verilerinle ilgili bilgi alma, d\u00fczeltme, silme veya i\u015flenmesine itiraz etme taleplerin i\u00e7in bizimle ileti\u015fime ge\u00e7ebilirsin.<\/p>\n          `\n        },\n        contact:{\n          title:\"\u0130leti\u015fim\",\n          html:`\n            <h4>\u0130leti\u015fim<\/h4>\n            <p>Sepette B\u0131rak ile ilgili g\u00f6r\u00fc\u015f, \u00f6neri, yasal bildirim, reklam, i\u015fbirli\u011fi ve marka ileti\u015fimi taleplerin i\u00e7in bize ula\u015fabilirsin.<\/p>\n            <p><strong>E-posta:<\/strong> sepettebirak@gmail.com<\/p>\n            <p>\u0130\u015fbirli\u011fi, reklam ve sponsorlu i\u00e7erik taleplerinde konu ba\u015fl\u0131\u011f\u0131na \u201c\u0130\u015fbirli\u011fi\u201d yazman s\u00fcrecin daha h\u0131zl\u0131 ilerlemesini sa\u011flar.<\/p>\n            <p>Yasal s\u00fcre\u00e7ler ve resmi bildirimler i\u00e7in konu ba\u015fl\u0131\u011f\u0131na \u201cYasal Bildirim\u201d yazabilirsin.<\/p>\n          `\n        },\n        faq:{\n          title:\"S\u0131k Sorulan Sorular\",\n          html:`\n            <h4>S\u0131k Sorulan Sorular<\/h4>\n            <p><strong>1. Buradan ger\u00e7ekten yemek sipari\u015fi verebilir miyim?<\/strong><br>Hay\u0131r. Sepette B\u0131rak bir sipari\u015f sim\u00fclasyonudur. Ger\u00e7ek sipari\u015f olu\u015fturulmaz.<\/p>\n            <p><strong>2. \u00d6deme al\u0131n\u0131yor mu?<\/strong><br>Hay\u0131r. Platform \u00fczerinde \u00f6deme al\u0131nmaz. Sepette g\u00f6rd\u00fc\u011f\u00fcn tutarlar sanal fark\u0131ndal\u0131k amac\u0131yla g\u00f6sterilir.<\/p>\n            <p><strong>3. \u00dcr\u00fcnler ger\u00e7ekten g\u00f6nderiliyor mu?<\/strong><br>Hay\u0131r. \u00dcr\u00fcn g\u00f6nderimi veya teslimat yap\u0131lmaz. Teslimat ekran\u0131 e\u011flenceli bir sim\u00fclasyon deneyimidir.<\/p>\n            <p><strong>4. Kalori bilgileri ger\u00e7ek mi?<\/strong><br>Kalori de\u011ferleri yakla\u015f\u0131k ve temsilidir. T\u0131bbi veya beslenme dan\u0131\u015fmanl\u0131\u011f\u0131 niteli\u011fi ta\u015f\u0131maz.<\/p>\n            <p><strong>5. Neden hesap olu\u015fturmal\u0131y\u0131m?<\/strong><br>Hesap olu\u015fturdu\u011funda XP, rozet, sepette kalan TL ve almad\u0131\u011f\u0131n kalori verilerini kaydedebilirsin.<\/p>\n            <p><strong>6. \u015eifrem saklan\u0131yor mu?<\/strong><br>\u015eifreler d\u00fcz metin olarak g\u00f6r\u00fcnt\u00fclenmez veya saklanmaz. Giri\u015f bilgileri g\u00fcvenli \u015fekilde i\u015flenir.<\/p>\n            <p><strong>7. Verilerimin silinmesini isteyebilir miyim?<\/strong><br>Evet. Verilerinle ilgili taleplerin i\u00e7in sepettebirak@gmail.com adresinden bize ula\u015fabilirsin.<\/p>\n          `\n        }\n      };\n\n      let activeCat=\"burger\";\n      let cart=[];\n      let completedOrder=[];\n      let appliedCoupon=null;\n      let completedCoupon=null;\n      let promoIndex=0;\n      let promoTimer=null;\n      let trackingTimer=null;\n      let selectedProduct=null;\n      let accountMode=\"register\";\n      let pendingOrderData=null;\n\n      const $=s=>document.querySelector(s);\n      const $$=s=>Array.from(document.querySelectorAll(s));\n\n      function formatTL(n){return new Intl.NumberFormat(\"tr-TR\").format(Math.max(0,n))+\" TL\"}\n      function formatKcal(n){return new Intl.NumberFormat(\"tr-TR\").format(Math.max(0,n))+\" kcal\"}\n      function subtotal(items=cart){return items.reduce((a,p)=>a+p.price,0)}\n      function totalCalories(items=cart){return items.reduce((a,p)=>a+p.cal,0)}\n\n      function couponDiscount(items=cart,coupon=appliedCoupon){\n        if(!coupon)return 0;\n        const sub=subtotal(items);\n        if(coupon.code===\"VIP120\"&&sub<400)return 0;\n        if(coupon.code===\"GECE80\"&&sub<250)return 0;\n        return Math.min(coupon.discount,sub);\n      }\n\n      function finalTotal(items=cart,coupon=appliedCoupon){\n        return Math.max(0,subtotal(items)-couponDiscount(items,coupon));\n      }\n\n      function isBackendReady(){\n        return typeof window.SBX_BACKEND===\"object\" && window.SBX_BACKEND.ajax_url;\n      }\n\n      function isLoggedIn(){\n        return isBackendReady() && window.SBX_BACKEND.logged_in === true;\n      }\n\n      async function refreshSession(){\n        if(!isBackendReady()) return null;\n\n        const form=new FormData();\n        form.append(\"action\",\"sbx_get_session\");\n\n        try{\n          const res=await fetch(window.SBX_BACKEND.ajax_url,{\n            method:\"POST\",\n            credentials:\"same-origin\",\n            cache:\"no-store\",\n            body:form\n          });\n\n          const response=await res.json();\n\n          if(response.success && response.data){\n            window.SBX_BACKEND=response.data;\n            renderUserChip();\n            renderAchievements(response.data.stats);\n            return response.data;\n          }\n        }catch(e){\n          console.log(\"Session yenilenemedi\",e);\n        }\n\n        return null;\n      }\n\n      async function sbxRequest(action,data={}){\n        if(!isBackendReady()){\n          return {success:false,data:{message:\"Ba\u011flant\u0131 kurulamad\u0131.\"}};\n        }\n\n        const form=new FormData();\n        form.append(\"action\",action);\n        form.append(\"nonce\",window.SBX_BACKEND.nonce || \"\");\n\n        Object.keys(data).forEach(key=>{\n          form.append(key,data[key]);\n        });\n\n        const res=await fetch(window.SBX_BACKEND.ajax_url,{\n          method:\"POST\",\n          credentials:\"same-origin\",\n          cache:\"no-store\",\n          body:form\n        });\n\n        return await res.json();\n      }\n\n      function renderUserChip(){\n        const chip=$(\"#account-open-top\");\n        if(isLoggedIn()){\n          chip.textContent=window.SBX_BACKEND.username || \"Hesab\u0131m\";\n        }else{\n          chip.textContent=\"Giri\u015f\";\n        }\n      }\n\n      function renderAchievements(stats){\n        const logged=isLoggedIn();\n        const s=stats || (isBackendReady()?window.SBX_BACKEND.stats:null) || {};\n\n        const money=s.month_money||0;\n        const cal=s.month_cal||0;\n        const xp=s.month_xp||0;\n        const rank=s.rank||42;\n\n        $(\"#ach-money\").textContent=formatTL(money);\n        $(\"#ach-cal\").textContent=formatKcal(cal);\n        $(\"#ach-xp\").textContent=xp+\" XP \u2b50\";\n        $(\"#rank-pill\").textContent=\"Mahalle #\"+rank;\n\n        if(logged){\n          $(\"#ach-subtitle\").textContent=(window.SBX_BACKEND.username||\"Krizsavar\")+\" olarak giri\u015f yapt\u0131n. Ba\u015far\u0131lar\u0131n hesab\u0131na kaydediliyor.\";\n        }else{\n          $(\"#ach-subtitle\").textContent=\"Giri\u015f yaparsan XP, y\u0131ld\u0131z, kalori ve TL verilerin kal\u0131c\u0131 olarak kaydedilir.\";\n        }\n\n        const bars=[22,36,18,48,30,54,42].map((v,i)=>Math.min(90,v+(xp%35)+(i*3)));\n        $(\"#mini-chart\").innerHTML=bars.map(h=>`<span class=\"bar\" style=\"height:${h}%\"><\/span>`).join(\"\");\n      }\n\n      function showSavedState(saved){\n        $(\"#account-saved\").classList.toggle(\"show\",!!saved);\n        $(\"#account-prompt\").classList.toggle(\"show\",!saved && !!pendingOrderData);\n      }\n\n      async function persistOrderToWordPress(orderData){\n        await refreshSession();\n\n        if(!isLoggedIn()){\n          pendingOrderData=orderData;\n          showSavedState(false);\n          return;\n        }\n\n        $(\"#account-prompt\").classList.remove(\"show\");\n\n        const response=await sbxRequest(\"sbx_save_order\",{\n          money:orderData.money,\n          calories:orderData.calories,\n          xp:orderData.xp,\n          coupon:orderData.coupon||\"\",\n          products:JSON.stringify(orderData.products||[])\n        });\n\n        if(response.success && response.data && response.data.session){\n          pendingOrderData=null;\n          window.SBX_BACKEND=response.data.session;\n\n          renderUserChip();\n          renderAchievements(window.SBX_BACKEND.stats);\n          showSavedState(true);\n        }else{\n          pendingOrderData=orderData;\n          showSavedState(false);\n          $(\"#account-saved\").classList.remove(\"show\");\n          $(\"#account-prompt\").classList.add(\"show\");\n\n          const msg=(response.data&&response.data.message)?response.data.message:\"Sipari\u015f kaydedilemedi.\";\n          console.log(\"Sipari\u015f kay\u0131t hatas\u0131:\",msg,response);\n        }\n      }\n\n      function setActiveNav(nav){\n        $$(\".nav-item\").forEach(item=>{\n          item.classList.toggle(\"active\",item.dataset.nav===nav);\n        });\n      }\n\n      function openLegal(page){\n        const item=legalPages[page];\n        if(!item)return;\n        $(\"#legal-title\").textContent=item.title;\n        $(\"#legal-body\").innerHTML=item.html;\n        $(\"#overlay\").classList.add(\"show\");\n        $(\"#legal-drawer\").classList.add(\"open\");\n      }\n\n      function closeLegal(){\n        $(\"#legal-drawer\").classList.remove(\"open\");\n        closeOverlayIfClean();\n      }\n\n      function openMini(title,html){\n        $(\"#mini-title\").textContent=title;\n        $(\"#mini-body\").innerHTML=html;\n        $(\"#overlay\").classList.add(\"show\");\n        $(\"#mini-drawer\").classList.add(\"open\");\n      }\n\n      function closeMini(){\n        $(\"#mini-drawer\").classList.remove(\"open\");\n        closeOverlayIfClean();\n      }\n\n      function closeOverlayIfClean(){\n        if(\n          !$(\"#cart\").classList.contains(\"open\") &&\n          !$(\"#detail\").classList.contains(\"open\") &&\n          !$(\"#address-drawer\").classList.contains(\"open\") &&\n          !$(\"#account-drawer\").classList.contains(\"open\") &&\n          !$(\"#legal-drawer\").classList.contains(\"open\") &&\n          !$(\"#mini-drawer\").classList.contains(\"open\")\n        ){\n          $(\"#overlay\").classList.remove(\"show\");\n        }\n      }\n\n      function openOrders(){\n        const logged=isLoggedIn();\n        const stats=(isBackendReady()?window.SBX_BACKEND.stats:null)||{};\n        const last=completedOrder&&completedOrder.length?completedOrder:null;\n\n        let html=`\n          <h4>Sipari\u015flerim<\/h4>\n          <p>Burada sanal sipari\u015f ge\u00e7mi\u015fin ve bu ayki ilerlemen g\u00f6r\u00fcn\u00fcr.<\/p>\n          <div class=\"mini-card\">\n            <strong>${stats.month_orders||0} sanal sipari\u015f<\/strong>\n            <span>Bu ay hesab\u0131na kaydedilen sanal sipari\u015f say\u0131s\u0131.<\/span>\n          <\/div>\n          <div class=\"mini-card\">\n            <strong>${formatTL(stats.month_money||0)} cepte kald\u0131<\/strong>\n            <span>Bu ay sepette b\u0131rak\u0131lan yakla\u015f\u0131k toplam tutar.<\/span>\n          <\/div>\n          <div class=\"mini-card\">\n            <strong>${formatKcal(stats.month_cal||0)} gelmedi<\/strong>\n            <span>Bu ay al\u0131nmayan yakla\u015f\u0131k kalori.<\/span>\n          <\/div>\n        `;\n\n        if(!logged){\n          html+=`\n            <div class=\"mini-card\">\n              <strong>Ba\u015far\u0131lar\u0131n\u0131 kaydet<\/strong>\n              <span>Hesap olu\u015fturursan sipari\u015f ge\u00e7mi\u015fin hesab\u0131na kaydedilir.<\/span>\n            <\/div>\n          `;\n        }\n\n        if(last){\n          html+=`\n            <div class=\"mini-card\">\n              <strong>Son sanal sepet<\/strong>\n              <span>${last.map(p=>p.name).join(\", \")}<\/span>\n            <\/div>\n          `;\n        }\n\n        openMini(\"Sipari\u015flerim\",html);\n      }\n\n      function openBadges(){\n        const stats=(isBackendReady()?window.SBX_BACKEND.stats:null)||{};\n        const xp=stats.month_xp||0;\n        const money=stats.month_money||0;\n        const cal=stats.month_cal||0;\n        const orders=stats.month_orders||0;\n\n        const b1=xp>=50;\n        const b2=money>=500;\n        const b3=cal>=2000;\n        const b4=orders>=3;\n\n        const html=`\n          <h4>Rozetlerim<\/h4>\n          <p>Sepette b\u0131rakt\u0131k\u00e7a rozetlerin a\u00e7\u0131l\u0131r. \u015eimdilik mahalle ligi i\u00e7in temel rozetleri kullan\u0131yoruz.<\/p>\n          <div class=\"badge-grid\">\n            <div class=\"badge-card\">\n              <div class=\"big\">${b1?\"\ud83c\udfc5\":\"\ud83d\udd12\"}<\/div>\n              <strong>Kriz Savar<\/strong>\n              <span>50 XP kazan<\/span>\n            <\/div>\n            <div class=\"badge-card\">\n              <div class=\"big\">${b2?\"\ud83d\udcb8\":\"\ud83d\udd12\"}<\/div>\n              <strong>Cepte Kald\u0131<\/strong>\n              <span>500 TL sepette b\u0131rak<\/span>\n            <\/div>\n            <div class=\"badge-card\">\n              <div class=\"big\">${b3?\"\ud83d\udd25\":\"\ud83d\udd12\"}<\/div>\n              <strong>Kalori Ka\u00e7t\u0131<\/strong>\n              <span>2.000 kcal alma<\/span>\n            <\/div>\n            <div class=\"badge-card\">\n              <div class=\"big\">${b4?\"\u2b50\":\"\ud83d\udd12\"}<\/div>\n              <strong>Mahalle Oyuncusu<\/strong>\n              <span>3 sanal sipari\u015f tamamla<\/span>\n            <\/div>\n          <\/div>\n        `;\n\n        openMini(\"Rozetlerim\",html);\n      }\n\n      function openProfilePanel(){\n        const logged=isLoggedIn();\n        const stats=(isBackendReady()?window.SBX_BACKEND.stats:null)||{};\n\n        if(!logged){\n          openAccount(\"register\");\n          return;\n        }\n\n        const html=`\n          <h4>Profilim<\/h4>\n          <div class=\"mini-card\">\n            <strong>${window.SBX_BACKEND.username||\"Kullan\u0131c\u0131\"}<\/strong>\n            <span>Hesab\u0131n aktif. Ba\u015far\u0131lar\u0131n hesab\u0131na kaydediliyor.<\/span>\n          <\/div>\n          <div class=\"mini-card\">\n            <strong>${stats.total_xp||0} toplam XP<\/strong>\n            <span>T\u00fcm zamanlarda kazand\u0131\u011f\u0131n XP.<\/span>\n          <\/div>\n          <div class=\"mini-card\">\n            <strong>${formatTL(stats.total_money||0)}<\/strong>\n            <span>T\u00fcm zamanlarda sepette b\u0131rakt\u0131\u011f\u0131n yakla\u015f\u0131k tutar.<\/span>\n          <\/div>\n          <div class=\"mini-card\">\n            <strong>${formatKcal(stats.total_cal||0)}<\/strong>\n            <span>T\u00fcm zamanlarda almad\u0131\u011f\u0131n yakla\u015f\u0131k kalori.<\/span>\n          <\/div>\n        `;\n\n        openMini(\"Profilim\",html);\n      }\n\n      function handleBottomNav(nav){\n        setActiveNav(nav);\n\n        if(nav===\"home\"){\n          $(\"#main\").style.display=\"block\";\n          $(\"#main\").classList.remove(\"hidden\");\n          $(\"#tracking\").classList.remove(\"show\");\n          $(\"#result\").classList.remove(\"show\");\n          window.scrollTo({top:0,behavior:\"smooth\"});\n        }\n\n        if(nav===\"categories\"){\n          document.getElementById(\"menu-section\").scrollIntoView({behavior:\"smooth\",block:\"start\"});\n        }\n\n        if(nav===\"cart\"){\n          openCart();\n        }\n\n        if(nav===\"orders\"){\n          openOrders();\n        }\n\n        if(nav===\"badges\"){\n          openBadges();\n        }\n\n        if(nav===\"profile\"){\n          openProfilePanel();\n        }\n      }\n\n      function spark(target){\n        const rect=target.getBoundingClientRect();\n        const host=document.querySelector(\"#sb-app .shell\");\n        const hostRect=host.getBoundingClientRect();\n\n        for(let i=0;i<8;i++){\n          const s=document.createElement(\"span\");\n          s.className=\"sparkle\";\n          s.style.left=(rect.left+rect.width\/2-hostRect.left+(Math.random()*42-21))+\"px\";\n          s.style.top=(window.scrollY+rect.top-hostRect.top+10+Math.random()*18)+\"px\";\n          s.style.background=i%3===0?\"#8b5cf6\":i%2===0?\"#ff1a1a\":\"#f59e0b\";\n          host.appendChild(s);\n          setTimeout(()=>s.remove(),1150);\n        }\n      }\n\n      function flyToCart(imgEl,btnEl){\n        const cartEl=$(\"#float-cart\");\n        if(!imgEl||!cartEl)return;\n\n        const imgRect=imgEl.getBoundingClientRect();\n        const cartRect=cartEl.getBoundingClientRect();\n        const fly=document.createElement(\"img\");\n\n        fly.src=imgEl.src;\n        fly.className=\"fly-img\";\n        fly.style.left=imgRect.left+\"px\";\n        fly.style.top=imgRect.top+\"px\";\n\n        const tx=(cartRect.left+cartRect.width\/2)-(imgRect.left+27);\n        const ty=(cartRect.top+cartRect.height\/2)-(imgRect.top+27);\n\n        fly.style.setProperty(\"--tx\",tx+\"px\");\n        fly.style.setProperty(\"--ty\",ty+\"px\");\n\n        document.body.appendChild(fly);\n        setTimeout(()=>fly.remove(),760);\n        if(btnEl)spark(btnEl);\n      }\n\n      function randomSubset(arr,count){\n        return [...arr].sort(()=>Math.random()-.5).slice(0,count);\n      }\n\n      function renderStories(){\n        $(\"#stories\").innerHTML=stories.map(s=>`\n          <div class=\"story\" data-cat=\"${s.cat}\">\n            <div class=\"story-ring\"><div class=\"story-img\"><img decoding=\"async\" src=\"${s.img}\" alt=\"${s.title}\"><\/div><\/div>\n            <span>${s.title}<\/span>\n          <\/div>\n        `).join(\"\");\n\n        $$(\".story\").forEach(story=>{\n          story.addEventListener(\"click\",()=>{\n            activeCat=story.dataset.cat;\n            renderCats();\n            renderProducts();\n            setActiveNav(\"categories\");\n            document.getElementById(\"menu-section\").scrollIntoView({behavior:\"smooth\",block:\"start\"});\n          });\n        });\n      }\n\n      function renderPromos(){\n        $(\"#promo-track\").innerHTML=promos.map(p=>`\n          <div class=\"promo\" style=\"background-image:url('${p.image}')\">\n            <small>${p.label}<\/small>\n            <h3>${p.title}<\/h3>\n            <p>${p.text}<\/p>\n          <\/div>\n        `).join(\"\");\n\n        $(\"#promo-dots\").innerHTML=promos.map((_,i)=>`<span class=\"dot-mini ${i===promoIndex?\"active\":\"\"}\" data-i=\"${i}\"><\/span>`).join(\"\");\n\n        updatePromo();\n\n        $$(\".dot-mini\").forEach(d=>{\n          d.addEventListener(\"click\",()=>{\n            promoIndex=Number(d.dataset.i);\n            updatePromo();\n            restartPromo();\n          });\n        });\n\n        restartPromo();\n      }\n\n      function updatePromo(){\n        $(\"#promo-track\").style.transform=`translateX(-${promoIndex*100}%)`;\n        $$(\".dot-mini\").forEach((d,i)=>d.classList.toggle(\"active\",i===promoIndex));\n      }\n\n      function restartPromo(){\n        clearInterval(promoTimer);\n        promoTimer=setInterval(()=>{\n          promoIndex=(promoIndex+1)%promos.length;\n          updatePromo();\n        },3500);\n      }\n\n      function renderCoupons(){\n        $(\"#coupons\").innerHTML=coupons.map(c=>{\n          const active=appliedCoupon&&appliedCoupon.code===c.code;\n          return`\n            <div class=\"coupon ${active?\"active\":\"\"}\">\n              <small>${c.code}<\/small>\n              <strong>${c.title}<\/strong>\n              <p>${c.desc}<\/p>\n              <button data-code=\"${c.code}\">${active?\"Uyguland\u0131\":\"Uygula\"}<\/button>\n            <\/div>\n          `;\n        }).join(\"\");\n\n        $$(\".coupon button\").forEach(btn=>{\n          btn.addEventListener(\"click\",()=>{\n            const c=coupons.find(x=>x.code===btn.dataset.code);\n            appliedCoupon=appliedCoupon&&appliedCoupon.code===c.code?null:c;\n            renderCoupons();\n            renderCart();\n          });\n        });\n      }\n\n      function renderFavs(){\n        const picks=randomSubset(products,6);\n        $(\"#favs\").innerHTML=picks.map(p=>`\n          <div class=\"fav\" data-id=\"${p.id}\">\n            <img decoding=\"async\" src=\"${p.img}\" alt=\"${p.name}\">\n            <div class=\"fav-body\">\n              <strong>${p.name}<\/strong>\n              <span>${p.desc}<\/span>\n              <div class=\"fav-meta\"><span>${formatTL(p.price)}<\/span><em>Pop\u00fcler<\/em><\/div>\n            <\/div>\n          <\/div>\n        `).join(\"\");\n\n        $$(\".fav\").forEach(card=>{\n          card.addEventListener(\"click\",()=>{\n            const p=products.find(x=>x.id===card.dataset.id);\n            if(p)openDetail(p);\n          });\n        });\n      }\n\n      function renderCats(){\n        $(\"#cats\").innerHTML=categories.map(c=>`\n          <button class=\"cat ${c.id===activeCat?\"active\":\"\"}\" data-cat=\"${c.id}\">${c.label}<\/button>\n        `).join(\"\");\n\n        $$(\".cat\").forEach(btn=>{\n          btn.addEventListener(\"click\",()=>{\n            activeCat=btn.dataset.cat;\n            renderCats();\n            renderProducts();\n          });\n        });\n      }\n\n      function tagsHtml(tags=[]){\n        return tags.map(t=>{\n          if(t===\"hot\")return`<span class=\"tag hot\">Pop\u00fcler \u00fcr\u00fcn<\/span>`;\n          if(t===\"discount\")return`<span class=\"tag discount\">Avantajl\u0131 men\u00fc<\/span>`;\n          if(t===\"ad\")return`<span class=\"tag ad\">Sponsorlu \u00f6neri<\/span>`;\n          return\"\";\n        }).join(\"\");\n      }\n\n      function nativeAd(){\n        return`\n          <div class=\"native-ad\">\n            <div>\n              <small>FitMola \u00b7 \u00d6ne \u00e7\u0131kan uzman<\/small>\n              <strong>Dyt. Elif Kara\u2019dan gece \u00f6nerileri<\/strong>\n              <p>Sipari\u015f vermene gerek kalmadan gece a\u00e7l\u0131k krizini daha hafif ge\u00e7irmeyi dene.<\/p>\n              <button onclick=\"alert('Yak\u0131nda FitMola i\u00e7eriklerine ba\u011flanacak.')\">\u00d6nerileri g\u00f6r<\/button>\n            <\/div>\n            <div class=\"ad-avatar\">EK<\/div>\n          <\/div>\n        `;\n      }\n\n      function renderProducts(){\n        const current=categories.find(c=>c.id===activeCat);\n        $(\"#rest-title\").textContent=current.restaurant;\n        $(\"#rest-cover\").style.backgroundImage=`linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.75)),url('${current.cover}')`;\n\n        const q=($(\"#search\").value||\"\").trim().toLowerCase();\n\n        const filtered=products\n          .filter(p=>p.cat===activeCat)\n          .filter(p=>!q||p.name.toLowerCase().includes(q)||p.desc.toLowerCase().includes(q));\n\n        let html=\"\";\n\n        filtered.forEach((p,i)=>{\n          html+=`\n            <article class=\"product ${p.tags.includes(\"ad\")?\"sponsored\":\"\"}\" data-id=\"${p.id}\">\n              ${p.tags.includes(\"ad\")?`<div class=\"sponsor-badge\">Sponsorlu<\/div>`:\"\"}\n              <div class=\"product-body\">\n                <div class=\"tags\">${tagsHtml(p.tags)}<\/div>\n                <h3>${p.name}<\/h3>\n                <p>${p.desc}<\/p>\n                <div class=\"product-meta\">\n                  <span class=\"price\">${formatTL(p.price)}<\/span>\n                  <span>${formatKcal(p.cal)}<\/span>\n                  <span>${p.eta}<\/span>\n                <\/div>\n              <\/div>\n              <div class=\"product-img\">\n                <img decoding=\"async\" src=\"${p.img}\" alt=\"${p.name}\">\n                <button class=\"add\" data-id=\"${p.id}\" aria-label=\"Sepete ekle\"><\/button>\n              <\/div>\n            <\/article>\n          `;\n\n          if(i===1)html+=nativeAd();\n        });\n\n        $(\"#products\").innerHTML=html;\n\n        $$(\".product\").forEach(card=>{\n          card.addEventListener(\"click\",()=>{\n            const p=products.find(x=>x.id===card.dataset.id);\n            if(p)openDetail(p);\n          });\n        });\n\n        $$(\".add\").forEach(btn=>{\n          btn.addEventListener(\"click\",e=>{\n            e.stopPropagation();\n            const p=products.find(x=>x.id===btn.dataset.id);\n            const card=btn.closest(\".product\");\n            const img=card ? card.querySelector(\"img\") : null;\n            cart.push(p);\n            renderCart();\n            flyToCart(img,btn);\n          });\n        });\n      }\n\n      function dietTipFor(p){\n        const index=Math.abs(p.id.split(\"\").reduce((a,ch)=>a+ch.charCodeAt(0),0))%dietTips.length;\n        const tip=dietTips[index];\n\n        let extra=\"\";\n        if([\"burger\",\"pizza\",\"doner\",\"gece\"].includes(p.cat)){\n          extra=`<strong>Bu sepet ${formatKcal(p.cal)} civar\u0131nda.<\/strong>`;\n        }else if(p.cat===\"tatli\"){\n          extra=`<strong>Tatl\u0131 krizi yakaland\u0131.<\/strong>`;\n        }else if(p.cat===\"kahve\"){\n          extra=`<strong>Kahve molas\u0131 g\u00fc\u00e7l\u00fc geldi.<\/strong>`;\n        }else{\n          extra=`<strong>Sepete eklemeden \u00f6nce.<\/strong>`;\n        }\n\n        return`\n          <small>${tip.brand} \u00b7 ${tip.name}<\/small>\n          ${extra}\n          ${tip.name}, \"${tip.text}\" diyor.\n        `;\n      }\n\n      function openDetail(p){\n        selectedProduct=p;\n        $(\"#detail-img\").src=p.img;\n        $(\"#detail-img\").alt=p.name;\n        $(\"#detail-title\").textContent=p.name;\n        $(\"#detail-desc\").textContent=p.desc;\n        $(\"#detail-price\").textContent=formatTL(p.price);\n        $(\"#detail-cal\").textContent=formatKcal(p.cal);\n        $(\"#detail-eta\").textContent=p.eta;\n        $(\"#detail-tags\").innerHTML=tagsHtml(p.tags);\n        $(\"#diet-tip\").innerHTML=dietTipFor(p);\n\n        $(\"#overlay\").classList.add(\"show\");\n        $(\"#detail\").classList.add(\"open\");\n      }\n\n      function closeDetail(){\n        $(\"#detail\").classList.remove(\"open\");\n        closeOverlayIfClean();\n      }\n\n      function addDetail(){\n        if(!selectedProduct)return;\n        cart.push(selectedProduct);\n        renderCart();\n        const img=$(\"#detail-img\");\n        flyToCart(img,$(\"#detail-add\"));\n        closeDetail();\n      }\n\n      function renderCart(){\n        const count=cart.length;\n        const sub=subtotal();\n        const discount=couponDiscount();\n        const total=finalTotal();\n        const calories=totalCalories();\n\n        $(\"#float-cart\").classList.toggle(\"show\",count>0);\n        $(\"#cart-summary\").textContent=`${count} \u00fcr\u00fcn \u00b7 ${formatTL(total)}`;\n        $(\"#cart-cal\").textContent=`${formatKcal(calories)} sepette`;\n        $(\"#cart-empty\").style.display=count?\"none\":\"block\";\n\n        $(\"#cart-items\").innerHTML=cart.map((p,i)=>`\n          <div class=\"cart-item\">\n            <img decoding=\"async\" src=\"${p.img}\" alt=\"${p.name}\">\n            <div>\n              <strong>${p.name}<\/strong>\n              <span>${formatTL(p.price)} \u00b7 ${formatKcal(p.cal)}<\/span>\n            <\/div>\n            <button class=\"remove\" data-i=\"${i}\">\u00d7<\/button>\n          <\/div>\n        `).join(\"\");\n\n        $(\"#subtotal\").textContent=formatTL(sub);\n        $(\"#discount\").textContent=formatTL(discount);\n        $(\"#total\").textContent=formatTL(total);\n        $(\"#cal\").textContent=formatKcal(calories);\n\n        const cs=$(\"#coupon-summary\");\n\n        if(appliedCoupon&&discount>0){\n          cs.classList.add(\"show\");\n          cs.textContent=`${appliedCoupon.code} uyguland\u0131 \u00b7 ${formatTL(discount)} avantaj sepette b\u0131rak\u0131ld\u0131.`;\n        }else if(appliedCoupon&&discount===0){\n          cs.classList.add(\"show\");\n          cs.textContent=`${appliedCoupon.code} se\u00e7ili ama sepet ko\u015fulu hen\u00fcz sa\u011flanmad\u0131. Sipari\u015fi ba\u015flatmak i\u00e7in sepeti biraz daha doldurman gerekiyor.`;\n        }else{\n          cs.classList.remove(\"show\");\n          cs.textContent=\"\";\n        }\n\n        $$(\".remove\").forEach(btn=>{\n          btn.addEventListener(\"click\",()=>{\n            cart.splice(Number(btn.dataset.i),1);\n            renderCart();\n          });\n        });\n      }\n\n      function openCart(){\n        $(\"#overlay\").classList.add(\"show\");\n        $(\"#cart\").classList.add(\"open\");\n      }\n\n      function closeCart(){\n        $(\"#cart\").classList.remove(\"open\");\n        closeOverlayIfClean();\n      }\n\n      function openAddress(){\n        $(\"#overlay\").classList.add(\"show\");\n        $(\"#address-drawer\").classList.add(\"open\");\n        $(\"#address-input\").value=$(\"#address-text\").textContent.replace(\" \u00b7 \u00fccretsiz sanal teslimat\",\"\");\n      }\n\n      function closeAddress(){\n        $(\"#address-drawer\").classList.remove(\"open\");\n        closeOverlayIfClean();\n      }\n\n      function saveAddress(){\n        const value=$(\"#address-input\").value.trim();\n        if(!value){\n          alert(\"Hayali de olsa bir adres yazal\u0131m \ud83d\ude42\");\n          return;\n        }\n        $(\"#address-text\").textContent=value+\" \u00b7 \u00fccretsiz sanal teslimat\";\n        closeAddress();\n      }\n\n      function setAccountMode(mode){\n        accountMode=mode;\n        $(\"#tab-register\").classList.toggle(\"active\",mode===\"register\");\n        $(\"#tab-login\").classList.toggle(\"active\",mode===\"login\");\n        $(\"#account-title\").textContent=mode===\"register\"?\"Hesab\u0131n\u0131 olu\u015ftur\":\"Giri\u015f yap\";\n        $(\"#account-submit\").textContent=mode===\"register\"?\"Hesap olu\u015ftur\":\"Giri\u015f yap\";\n        $(\"#account-info\").textContent=mode===\"register\"\n          ? \"XP, y\u0131ld\u0131z, sepette kalan TL ve almad\u0131\u011f\u0131n kaloriler kaybolmas\u0131n. Hesap a\u00e7arsan t\u00fcm ba\u015far\u0131lar\u0131n hesab\u0131na kaydedilir.\"\n          : \"Daha \u00f6nce hesap olu\u015fturduysan kullan\u0131c\u0131 ad\u0131 ve \u015fifrenle giri\u015f yapabilirsin.\";\n        $(\"#account-message\").textContent=\"\";\n      }\n\n      function openAccount(mode=\"register\"){\n        setAccountMode(mode);\n        $(\"#overlay\").classList.add(\"show\");\n        $(\"#account-drawer\").classList.add(\"open\");\n        setTimeout(()=>$(\"#account-username\").focus(),250);\n      }\n\n      function closeAccount(){\n        $(\"#account-drawer\").classList.remove(\"open\");\n        closeOverlayIfClean();\n      }\n\n      async function submitAccount(){\n        await refreshSession();\n\n        const username=$(\"#account-username\").value.trim();\n        const password=$(\"#account-password\").value.trim();\n        const msg=$(\"#account-message\");\n\n        if(username.length<3){\n          msg.textContent=\"Kullan\u0131c\u0131 ad\u0131 en az 3 karakter olmal\u0131.\";\n          return;\n        }\n\n        if(password.length<6){\n          msg.textContent=\"\u015eifre en az 6 karakter olmal\u0131.\";\n          return;\n        }\n\n        msg.textContent=accountMode===\"register\"?\"Hesap olu\u015fturuluyor...\":\"Giri\u015f yap\u0131l\u0131yor...\";\n\n        const action=accountMode===\"register\"?\"sbx_register_user\":\"sbx_login_user\";\n        const response=await sbxRequest(action,{username,password});\n\n        if(response.success && response.data && response.data.session){\n          window.SBX_BACKEND=response.data.session;\n\n          renderUserChip();\n          renderAchievements(window.SBX_BACKEND.stats);\n\n          msg.textContent=response.data.message || \"Tamamd\u0131r.\";\n\n          setTimeout(async ()=>{\n            closeAccount();\n\n            await refreshSession();\n\n            if(pendingOrderData){\n              await persistOrderToWordPress(pendingOrderData);\n            }\n          },500);\n\n          return;\n        }\n\n        msg.textContent=(response.data&&response.data.message)?response.data.message:\"\u0130\u015flem ba\u015far\u0131s\u0131z.\";\n      }\n\n      const positions=[\n        {left:28,top:36},\n        {left:72,top:58},\n        {left:124,top:96},\n        {left:188,top:126},\n        {left:252,top:158},\n        {left:318,top:186}\n      ];\n\n      const statusTexts=[\n        [\"Sipari\u015f sisteme d\u00fc\u015ft\u00fc. Restoran bu kadar ciddiyeti beklemiyordu.\",\"Sipari\u015f al\u0131nd\u0131. Kart\u0131n sessizce rahatlad\u0131.\",\"\u0130stek ba\u015far\u0131yla kaydedildi. A\u00e7l\u0131k duygusu \u015fimdilik sahnede.\"],\n        [\"Mutfakta hayali haz\u0131rl\u0131k ba\u015flad\u0131. Patatesler \u015fimdilik teorik.\",\"Restoran sipari\u015fi toparl\u0131yor. Herkes profesyonel, yemek sanal.\",\"Men\u00fc haz\u0131r say\u0131l\u0131r. Kutu ve i\u015ftah aras\u0131nda g\u00fc\u00e7l\u00fc bir ileti\u015fim var.\"],\n        [\"Kurye sipari\u015fi teslim ald\u0131. Navigasyon k\u0131sa bir teredd\u00fct ya\u015fad\u0131.\",\"Kurye yola \u00e7\u0131kt\u0131. Rota mant\u0131kl\u0131 g\u00f6r\u00fcn\u00fcyor ama \u00e7ok emin de\u011filiz.\",\"Sipari\u015f \u00e7antaya girdi. \u00c7antan\u0131n i\u00e7i bo\u015f ama \u00f6zg\u00fcveni y\u00fcksek.\"],\n        [\"Kurye ayn\u0131 sokaktan ikinci kez ge\u00e7ti. Buna deneyim diyoruz.\",\"Pi\u015fmanl\u0131k Kav\u015fa\u011f\u0131\u2019nda k\u0131sa bir y\u00f6n kayb\u0131 ya\u015fand\u0131.\",\"Kurye mahalleyi fazla benimsedi. Rota biraz duygusal ilerliyor.\"],\n        [\"Kurye apartmana yakla\u015ft\u0131. Zil \u00e7almayaca\u011f\u0131 i\u00e7in olduk\u00e7a rahat.\",\"Sipari\u015f kap\u0131na yak\u0131n. Kaloriler ise h\u00e2l\u00e2 uzakta.\",\"Son d\u00f6neme\u00e7 al\u0131nd\u0131. Sepet dolu, hesap ise sakin.\"],\n        [\"Sanal teslimat tamamland\u0131. Kap\u0131 \u00e7almad\u0131, pi\u015fmanl\u0131k gelmedi.\",\"G\u00f6rev ba\u015far\u0131l\u0131. Sipari\u015f hissi ya\u015fand\u0131, para harcanmad\u0131.\",\"Teslimat bitti. Ger\u00e7ek yemek yok ama zafer duygusu var.\"]\n      ];\n\n      const mapTexts=[\n        \"Kurye Hayal Cad. \u00fczerinden Sepet Sok. y\u00f6n\u00fcne d\u00f6nd\u00fc.\",\n        \"Navigasyon yeni rota \u00f6nerdi. Kurye bunu ki\u015fisel almad\u0131.\",\n        \"Kurye k\u0131sa s\u00fcreli\u011fine A\u00e7l\u0131k Blv. \u00fczerinde oyaland\u0131.\",\n        \"Apartman \u00f6n\u00fcne yakla\u015f\u0131rken motivasyon seviyesi y\u00fckseldi.\",\n        \"Sipari\u015fin kap\u0131ya yakla\u015ft\u0131\u011f\u0131 bildirildi. Neyse ki ger\u00e7ek de\u011fil.\",\n        \"Kurye ayn\u0131 soka\u011f\u0131 \u00fc\u00e7\u00fcnc\u00fc kez g\u00f6rd\u00fc. Art\u0131k mahalleden biri say\u0131l\u0131r.\"\n      ];\n\n      function startOrder(){\n        if(!cart.length){\n          alert(\"\u00d6nce sepete bir \u00fcr\u00fcn ekleyelim \ud83d\ude42\");\n          closeCart();\n          return;\n        }\n\n        if(appliedCoupon&&couponDiscount()===0){\n          alert(\"Kupon ko\u015fulu sa\u011flanmad\u0131. Sepeti biraz daha doldurman gerekiyor. B\u00f6ylece hem kupon \u00e7al\u0131\u015f\u0131r hem de uygulamada biraz daha gezmi\u015f olursun \ud83d\ude42\");\n          openCart();\n          return;\n        }\n\n        completedOrder=[...cart];\n        completedCoupon=appliedCoupon;\n        cart=[];\n        appliedCoupon=null;\n\n        renderCart();\n        renderCoupons();\n        closeCart();\n        closeDetail();\n\n        $(\"#float-cart\").classList.remove(\"show\");\n        $(\"#main\").style.display=\"none\";\n        $(\"#result\").classList.remove(\"show\");\n        $(\"#tracking\").classList.add(\"show\");\n        setActiveNav(\"orders\");\n        window.scrollTo({top:0,behavior:\"smooth\"});\n\n        const steps=$$(\"#steps .step\");\n        const status=$(\"#status\");\n        const advice=$(\"#track-advice\");\n        const map=$(\"#map-wrap\");\n        const courier=$(\"#courier\");\n        const mapEvent=$(\"#map-event\");\n\n        steps.forEach(s=>s.classList.remove(\"active\"));\n        advice.classList.remove(\"show\");\n        map.classList.remove(\"show\");\n\n        clearInterval(trackingTimer);\n        let idx=0;\n\n        function move(pos){\n          courier.style.left=pos.left+\"px\";\n          courier.style.top=pos.top+\"px\";\n        }\n\n        move(positions[0]);\n\n        function run(){\n          if(idx<steps.length){\n            steps[idx].classList.add(\"active\");\n            status.textContent=statusTexts[idx][Math.floor(Math.random()*statusTexts[idx].length)];\n\n            if(idx>=2){\n              advice.classList.add(\"show\");\n              map.classList.add(\"show\");\n              mapEvent.textContent=mapTexts[Math.floor(Math.random()*mapTexts.length)];\n              move(positions[idx]);\n            }\n\n            idx++;\n          }else{\n            clearInterval(trackingTimer);\n            setTimeout(showResult,4200);\n          }\n        }\n\n        run();\n        trackingTimer=setInterval(run,4300);\n      }\n\n      function showResult(){\n        const total=finalTotal(completedOrder,completedCoupon);\n        const cal=totalCalories(completedOrder);\n        const count=completedOrder.length;\n        const discount=couponDiscount(completedOrder,completedCoupon);\n        const xp=20+(count*10)+(discount>0?15:0);\n\n        const orderData={\n          money:total,\n          calories:cal,\n          count:count,\n          xp:xp,\n          coupon:completedCoupon?completedCoupon.code:\"\",\n          products:completedOrder.map(p=>({\n            id:p.id,\n            name:p.name,\n            category:p.cat,\n            price:p.price,\n            calories:p.cal\n          }))\n        };\n\n        $(\"#tracking\").classList.remove(\"show\");\n        $(\"#result\").classList.add(\"show\");\n\n        $(\"#res-price\").textContent=formatTL(total);\n        $(\"#res-cal\").textContent=formatKcal(cal);\n        $(\"#res-count\").textContent=`${count} \u00fcr\u00fcn`;\n        $(\"#xp\").textContent=`Kriz savar XP + ${xp}`;\n\n        if(discount>0){\n          $(\"#res-coupon-box\").style.display=\"block\";\n          $(\"#res-coupon\").textContent=formatTL(discount);\n        }else{\n          $(\"#res-coupon-box\").style.display=\"none\";\n        }\n\n        $(\"#account-saved\").classList.remove(\"show\");\n        $(\"#account-prompt\").classList.remove(\"show\");\n\n        persistOrderToWordPress(orderData);\n\n        window.scrollTo({top:0,behavior:\"smooth\"});\n      }\n\n      function reset(){\n        cart=[];\n        completedOrder=[];\n        appliedCoupon=null;\n        completedCoupon=null;\n        clearInterval(trackingTimer);\n\n        renderCoupons();\n        renderCart();\n        renderAchievements();\n\n        $(\"#result\").classList.remove(\"show\");\n        $(\"#tracking\").classList.remove(\"show\");\n        $(\"#main\").style.display=\"block\";\n        $(\"#main\").classList.remove(\"hidden\");\n        setActiveNav(\"home\");\n\n        window.scrollTo({top:0,behavior:\"smooth\"});\n      }\n\n      async function share(){\n        const text=`Ben Sepette B\u0131rak'ta ${formatTL(finalTotal(completedOrder,completedCoupon))} ve ${formatKcal(totalCalories(completedOrder))} de\u011ferinde sanal sipari\u015fi sepette b\u0131rakt\u0131m.`;\n        if(navigator.share){\n          try{await navigator.share({title:\"Sepette B\u0131rak\",text,url:window.location.href})}catch(e){}\n        }else{\n          try{\n            await navigator.clipboard.writeText(text+\" \"+window.location.href);\n            alert(\"Payla\u015f\u0131m metni kopyaland\u0131.\");\n          }catch(e){\n            alert(text);\n          }\n        }\n      }\n\n      function saveEmail(){\n        const email=$(\"#email\").value.trim();\n        const msg=$(\"#email-msg\");\n\n        if(!email||!email.includes(\"@\")){\n          msg.textContent=\"Ge\u00e7erli bir e-posta adresi yazman gerekiyor.\";\n          return;\n        }\n\n        try{\n          const list=JSON.parse(localStorage.getItem(\"sb_waitlist\")||\"[]\");\n          list.push({email,date:new Date().toISOString()});\n          localStorage.setItem(\"sb_waitlist\",JSON.stringify(list));\n        }catch(e){}\n\n        msg.textContent=\"Tamamd\u0131r. Haftal\u0131k rapor listesine eklendin.\";\n        $(\"#email\").value=\"\";\n      }\n\n      $(\"#intro-start\").addEventListener(\"click\",async ()=>{\n        await refreshSession();\n        $(\"#intro\").style.display=\"none\";\n        $(\"#main\").classList.remove(\"hidden\");\n        $(\"#main\").style.display=\"block\";\n        renderUserChip();\n        renderAchievements();\n        setActiveNav(\"home\");\n        window.scrollTo({top:0,behavior:\"smooth\"});\n      });\n\n      $(\"#open-cart\").addEventListener(\"click\",openCart);\n      $(\"#cart-close\").addEventListener(\"click\",closeCart);\n\n      $(\"#overlay\").addEventListener(\"click\",()=>{\n        closeCart();\n        closeDetail();\n        closeAddress();\n        closeAccount();\n        closeLegal();\n        closeMini();\n      });\n\n      $(\"#detail-close\").addEventListener(\"click\",closeDetail);\n      $(\"#detail-back\").addEventListener(\"click\",closeDetail);\n      $(\"#detail-add\").addEventListener(\"click\",addDetail);\n      $(\"#start-order\").addEventListener(\"click\",startOrder);\n      $(\"#again\").addEventListener(\"click\",reset);\n      $(\"#share\").addEventListener(\"click\",share);\n      $(\"#email-btn\").addEventListener(\"click\",saveEmail);\n      $(\"#search\").addEventListener(\"input\",renderProducts);\n\n      $(\"#address-open\").addEventListener(\"click\",openAddress);\n      $(\"#address-close\").addEventListener(\"click\",closeAddress);\n      $(\"#address-save\").addEventListener(\"click\",saveAddress);\n      $(\"#address-random\").addEventListener(\"click\",()=>{\n        $(\"#address-input\").value=randomAddresses[Math.floor(Math.random()*randomAddresses.length)];\n      });\n\n      $$(\".quick-addresses button\").forEach(btn=>{\n        btn.addEventListener(\"click\",()=>{\n          $(\"#address-input\").value=btn.dataset.address;\n        });\n      });\n\n      $(\"#account-open-top\").addEventListener(\"click\",()=>openAccount(isLoggedIn()?\"login\":\"register\"));\n      $(\"#account-close\").addEventListener(\"click\",closeAccount);\n      $(\"#tab-register\").addEventListener(\"click\",()=>setAccountMode(\"register\"));\n      $(\"#tab-login\").addEventListener(\"click\",()=>setAccountMode(\"login\"));\n      $(\"#account-submit\").addEventListener(\"click\",submitAccount);\n      $(\"#result-account-open\").addEventListener(\"click\",()=>openAccount(\"register\"));\n\n      $$(\".nav-item\").forEach(item=>{\n        item.addEventListener(\"click\",()=>{\n          handleBottomNav(item.dataset.nav);\n        });\n      });\n\n      $$(\".app-links button\").forEach(btn=>{\n        btn.addEventListener(\"click\",()=>{\n          openLegal(btn.dataset.legal);\n        });\n      });\n\n      $(\"#legal-close\").addEventListener(\"click\",closeLegal);\n      $(\"#mini-close\").addEventListener(\"click\",closeMini);\n\n      renderStories();\n      renderPromos();\n      renderCoupons();\n      renderFavs();\n      renderCats();\n      renderProducts();\n      renderCart();\n\n      refreshSession().then(()=>{\n        renderUserChip();\n        renderAchievements();\n      });\n    })();\n  <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>sepette b\u0131rak Se\u00e7, sepete b\u0131rak, keyfine bak. Can\u0131n sipari\u015f vermek istedi\u011finde \u00f6nce burada se\u00e7. Fiyat\u0131, kaloriyi ve d\u00fcrt\u00fcy\u00fc sepette b\u0131rak. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"disabled","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"disabled","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sepettebirak.com\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sepettebirak.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sepettebirak.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sepettebirak.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sepettebirak.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":79,"href":"https:\/\/sepettebirak.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":101,"href":"https:\/\/sepettebirak.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/101"}],"wp:attachment":[{"href":"https:\/\/sepettebirak.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}