{"id":907,"date":"2026-04-02T20:37:26","date_gmt":"2026-04-02T20:37:26","guid":{"rendered":"https:\/\/test.cariboucoffee.com.tr\/?page_id=907"},"modified":"2026-04-14T08:38:31","modified_gmt":"2026-04-14T08:38:31","slug":"menu","status":"publish","type":"page","link":"https:\/\/test.cariboucoffee.com.tr\/?page_id=907","title":{"rendered":"Men\u00fc"},"content":{"rendered":"\n<p><style>\n\/* ===== ANA TAB (\u0130\u00c7ECEK \/ Y\u0130YECEK) ===== *\/\n.main-tabs{\n  justify-content:center;\n  gap:15px;\n  margin-bottom:20px;\n}\n\n.main-tabs .tab{\n  background:#72B0BC;\n  color:#fff;\n  padding:12px 22px;\n  border-radius:12px;\n  font-weight:600;\n  transition:.2s;\n  text-align:center;\n}\n\n\/* aktif *\/\n.main-tabs .tab.active{\n  background:#5c99a6;\n}\n\n\/* hover *\/\n.main-tabs .tab:hover{\n  opacity:.9;\n}\n\n\n\/* ===== ALT TABLAR ===== *\/\n.sub-tabs{\n  justify-content:center;\n  flex-wrap:wrap;\n}\n\n.sub-tabs .tab{\n  text-align:center;\n  font-weight:500;\n}\n\n\n\/* ===== T\u00dcM YAZILARI ORTALA ===== *\/\n.card{\n  text-align:center;\n}\n\n.card h3{\n  text-align:center;\n}\n\n.card p{\n  text-align:center;\n}\n\n\n\/* ===== GENEL ORTALAMA ===== *\/\n.desktop-menu{\n  text-align:center;\n}\n@media (min-width:768px){\n  .mobile-menu{display:none;}\n}\n@media (max-width:768px){\n  .desktop-menu{display:none;}\n}\n\n\/* MOB\u0130L AKORDEON *\/\n.mobile-menu details {\n  border-bottom:1px solid #e5e5e5;\n}\n\n.mobile-menu summary {\n  padding:16px;\n  cursor:pointer;\n  font-weight:600;\n  background:#fafafa;\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n}\n\n.mobile-menu summary::after {\n  content:\"\";\n  width:9px;\n  height:9px;\n  border-right:2.5px solid #000;\n  border-bottom:2.5px solid #000;\n  transform:rotate(-45deg);\n}\n\n.mobile-menu details[open] > summary::after {\n  transform:rotate(45deg);\n}\n\n\/* GRID *\/\n.products, .tab-content{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:10px;\n  padding:10px;\n}\n\n@media(min-width:768px){\n  .tab-content{\n    grid-template-columns:repeat(4,1fr);\n    gap:20px;\n  }\n}\n\n\/* KART *\/\n.card{\n  border:1px solid #eee;\n  border-radius:10px;\n  overflow:hidden;\n  transition:.2s;\n}\n\n.card:hover{\n  transform:translateY(-4px);\n  box-shadow:0 8px 20px rgba(0,0,0,.08);\n}\n\n.card img{\n  width:100%;\n  aspect-ratio:1\/1;\n  object-fit:cover;\n}\n\n.card h3{font-size:14px;padding:5px}\n.card p{font-size:12px;color:#666;padding:0 5px 8px}\n\n\/* TAB *\/\n.tabs{display:flex;gap:10px;margin-bottom:10px}\n.tab{cursor:pointer;padding:10px}\n.tab.active{border-bottom:2px solid #000}\n\n\/* \ud83d\udd25 KR\u0130T\u0130K FIX *\/\n.main-content{display:none;}\n.main-content.active{display:block;}\n\n.main-content .sub-tabs{display:flex;}\n.main-content:not(.active) .sub-tabs{display:none;}\n\n.tab-content{display:none;}\n.tab-content.active{display:grid;}\n<\/style><\/p>\n\n\n\n<div id=\"caribou-app\">\n\n<!-- ================= MOB\u0130L ================= -->\n<div class=\"mobile-menu\">\n\n  <details>\n    <summary>\u0130\u00e7ecekler<\/summary>\n\n    <details>\n      <summary>S\u0131cak \u0130\u00e7ecekler<\/summary>\n      <div class=\"products\" id=\"mobile-sicak\"><\/div>\n    <\/details>\n\n    <details>\n      <summary>So\u011fuk \u0130\u00e7ecekler<\/summary>\n      <div class=\"products\" id=\"mobile-soguk\"><\/div>\n    <\/details>\n\n    <details>\n      <summary>Blended<\/summary>\n      <div class=\"products\" id=\"mobile-blended\"><\/div>\n    <\/details>\n\n    <details>\n      <summary>Coffeeless \u0130\u00e7ecekler<\/summary>\n      <div class=\"products\" id=\"mobile-coffee\"><\/div>\n    <\/details>\n\n    <details>\n      <summary>\u015ei\u015fe \u0130\u00e7ecekler<\/summary>\n      <div class=\"products\" id=\"mobile-sise\"><\/div>\n    <\/details>\n\n  <\/details>\n\n  <details>\n    <summary>Yiyecekler<\/summary>\n\n    <details>\n      <summary>F\u0131r\u0131n \u00dcr\u00fcnleri<\/summary>\n      <div id=\"mobile-firin\" class=\"products\"><\/div>\n    <\/details>\n\n    <details>\n      <summary>Sandvi\u00e7ler<\/summary>\n      <div id=\"mobile-sandvic\" class=\"products\"><\/div>\n    <\/details>\n\n    <details>\n      <summary>Pastalar<\/summary>\n      <div id=\"mobile-pasta\" class=\"products\"><\/div>\n    <\/details>\n\n    <details>\n      <summary>At\u0131\u015ft\u0131rmal\u0131k<\/summary>\n      <div id=\"mobile-atistirmalik\" class=\"products\"><\/div>\n    <\/details>\n\n  <\/details>\n\n<\/div>\n\n<!-- ================= DESKTOP ================= -->\n<div class=\"desktop-menu\">\n\n  <!-- ANA TAB -->\n  <div class=\"tabs main-tabs\">\n    <div class=\"tab active\" data-main=\"icecek\">\u0130\u00e7ecekler<\/div>\n    <div class=\"tab\" data-main=\"yiyecek\">Yiyecekler<\/div>\n  <\/div>\n\n  <!-- \u0130\u00c7ECEKLER -->\n  <div class=\"main-content active\" id=\"icecek\">\n\n    <div class=\"tabs sub-tabs\">\n      <div class=\"tab active\" data-tab=\"sicak\">S\u0131cak \u0130\u00e7ecekler<\/div>\n      <div class=\"tab\" data-tab=\"soguk\">So\u011fuk \u0130\u00e7ecekler<\/div>\n      <div class=\"tab\" data-tab=\"blended\">Blended \u0130\u00e7ecekler<\/div>\n      <div class=\"tab\" data-tab=\"coffee\">Coffeeless \u0130\u00e7ecekler<\/div>\n      <div class=\"tab\" data-tab=\"sise\">\u015ei\u015fe \u0130\u00e7ecekler<\/div>\n    <\/div>\n\n    <div class=\"tab-content active\" id=\"tab-sicak\"><\/div>\n    <div class=\"tab-content\" id=\"tab-soguk\"><\/div>\n    <div class=\"tab-content\" id=\"tab-blended\"><\/div>\n    <div class=\"tab-content\" id=\"tab-coffee\"><\/div>\n    <div class=\"tab-content\" id=\"tab-sise\"><\/div>\n\n  <\/div>\n\n  <!-- Y\u0130YECEK -->\n  <div class=\"main-content\" id=\"yiyecek\">\n\n    <div class=\"tabs sub-tabs\">\n      <div class=\"tab active\" data-tab=\"firin\">F\u0131r\u0131n \u00dcr\u00fcnleri<\/div>\n      <div class=\"tab\" data-tab=\"sandvic\">Sandvi\u00e7ler<\/div>\n      <div class=\"tab\" data-tab=\"pasta\">Pastalar &#038; Kekler<\/div>\n      <div class=\"tab\" data-tab=\"atistirmalik\">At\u0131\u015ft\u0131rmal\u0131k<\/div>\n    <\/div>\n\n    <div class=\"tab-content active\" id=\"tab-firin\"><\/div>\n    <div class=\"tab-content\" id=\"tab-sandvic\"><\/div>\n    <div class=\"tab-content\" id=\"tab-pasta\"><\/div>\n    <div class=\"tab-content\" id=\"tab-atistirmalik\"><\/div>\n\n  <\/div>\n\n<\/div>\n\n<\/div>\n\n<!-- ================= TAB JS ================= -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  \/\/ ANA TAB\n  document.querySelectorAll(\".main-tabs .tab\").forEach(btn=>{\n    btn.addEventListener(\"click\", function(){\n\n      document.querySelectorAll(\".main-tabs .tab\").forEach(b=>b.classList.remove(\"active\"));\n      document.querySelectorAll(\".main-content\").forEach(c=>c.classList.remove(\"active\"));\n\n      this.classList.add(\"active\");\n\n      const target = document.getElementById(this.dataset.main);\n      if(target) target.classList.add(\"active\");\n\n    });\n  });\n\n  \/\/ ALT TAB\n  document.querySelectorAll(\".sub-tabs .tab\").forEach(btn=>{\n    btn.addEventListener(\"click\", function(){\n\n      const parent = this.closest(\".main-content\");\n\n      parent.querySelectorAll(\".sub-tabs .tab\").forEach(b=>b.classList.remove(\"active\"));\n      parent.querySelectorAll(\".tab-content\").forEach(c=>c.classList.remove(\"active\"));\n\n      this.classList.add(\"active\");\n\n      const target = parent.querySelector(\"#tab-\" + this.dataset.tab);\n      if(target) target.classList.add(\"active\");\n\n    });\n  });\n\n});\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0130\u00e7ecekler S\u0131cak \u0130\u00e7ecekler So\u011fuk \u0130\u00e7ecekler Blended Coffeeless \u0130\u00e7ecekler \u015ei\u015fe \u0130\u00e7ecekler Yiyecekler F\u0131r\u0131n \u00dcr\u00fcnleri Sandvi\u00e7ler Pastalar At\u0131\u015ft\u0131rmal\u0131k \u0130\u00e7ecekler Yiyecekler S\u0131cak \u0130\u00e7ecekler So\u011fuk \u0130\u00e7ecekler Blended \u0130\u00e7ecekler Coffeeless \u0130\u00e7ecekler \u015ei\u015fe \u0130\u00e7ecekler F\u0131r\u0131n \u00dcr\u00fcnleri Sandvi\u00e7ler Pastalar &#038; Kekler At\u0131\u015ft\u0131rmal\u0131k<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-907","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/test.cariboucoffee.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/907","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.cariboucoffee.com.tr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.cariboucoffee.com.tr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.cariboucoffee.com.tr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/test.cariboucoffee.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=907"}],"version-history":[{"count":80,"href":"https:\/\/test.cariboucoffee.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/907\/revisions"}],"predecessor-version":[{"id":1465,"href":"https:\/\/test.cariboucoffee.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/907\/revisions\/1465"}],"wp:attachment":[{"href":"https:\/\/test.cariboucoffee.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}