{"id":66,"date":"2025-12-24T14:41:08","date_gmt":"2025-12-24T14:41:08","guid":{"rendered":"https:\/\/mandellachocolate.com\/?page_id=66"},"modified":"2026-01-24T22:24:01","modified_gmt":"2026-01-24T22:24:01","slug":"home","status":"publish","type":"page","link":"https:\/\/mandellachocolate.com\/","title":{"rendered":"Anasayfa"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Mandella Chocolate & Coffee | Erzurum<\/title>\r\n <meta name=\"description\"\r\n content=\"Mandella Chocolate & Coffee \u2014 Aile mekan\u0131, \u00e7ocuk oyun alan\u0131 ve mescit. Erzurum Paland\u00f6ken\u2019de kahve & \u00e7ikolata deneyimi.\" \/>\r\n <meta name=\"robots\" content=\"index,follow\" \/>\r\n <meta name=\"theme-color\" content=\"#1A2B3C\" \/>\r\n\r\n <link rel=\"canonical\" href=\"https:\/\/mandellachocolate.com\/\" \/>\r\n <link rel=\"icon\" href=\"https:\/\/mandellachocolate.com\/wp-content\/uploads\/2025\/12\/restoran-logo-Photoroom.png\" \/>\r\n\r\n <!-- Open Graph -->\r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta property=\"og:locale\" content=\"tr_TR\" \/>\r\n <meta property=\"og:title\" content=\"Mandella Chocolate & Coffee\" \/>\r\n <meta property=\"og:description\"\r\n content=\"Aile mekan\u0131, \u00e7ocuk oyun alan\u0131 ve mescit. Erzurum Paland\u00f6ken\u2019de kahve & \u00e7ikolata.\" \/>\r\n <meta property=\"og:url\" content=\"https:\/\/mandellachocolate.com\/\" \/>\r\n <meta property=\"og:image\"\r\n content=\"https:\/\/mandellachocolate.com\/wp-content\/uploads\/2025\/12\/restoran-logo-Photoroom.png\" \/>\r\n\r\n <!-- Twitter -->\r\n <meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n <meta name=\"twitter:title\" content=\"Mandella Chocolate & Coffee\" \/>\r\n <meta name=\"twitter:description\"\r\n content=\"Aile mekan\u0131, \u00e7ocuk oyun alan\u0131 ve mescit. Erzurum Paland\u00f6ken\u2019de kahve & \u00e7ikolata.\" \/>\r\n <meta name=\"twitter:image\"\r\n content=\"https:\/\/mandellachocolate.com\/wp-content\/uploads\/2025\/12\/restoran-logo-Photoroom.png\" \/>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600;700;800&display=swap\"\r\n rel=\"stylesheet\" \/>\r\n\r\n <!-- Structured Data (CafeOrCoffeeShop) -->\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"CafeOrCoffeeShop\",\r\n \"name\": \"Mandella Chocolate & Coffee\",\r\n \"url\": \"https:\/\/mandellachocolate.com\/\",\r\n \"image\": \"https:\/\/mandellachocolate.com\/wp-content\/uploads\/2025\/12\/restoran-logo-Photoroom.png\",\r\n \"telephone\": \"+90 537 639 79 39\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"streetAddress\": \"Adnan Menderes, Rabia Sokak Yaz\u0131c\u0131lar Sitesi Alt\u0131\",\r\n \"addressLocality\": \"Paland\u00f6ken\",\r\n \"addressRegion\": \"Erzurum\",\r\n \"postalCode\": \"25080\",\r\n \"addressCountry\": \"TR\"\r\n },\r\n \"openingHours\": \"Mo-Su 09:00-23:00\",\r\n \"sameAs\": [\r\n \"https:\/\/www.instagram.com\/mandellachocolate\/\"\r\n ]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n :root {\r\n --dark: #1B2D3F;\r\n --navy: #1A2B3C;\r\n --cream: #E3D9C6;\r\n --gold: #D4AF37;\r\n --gray: #B8B5B0;\r\n --white: #ffffff;\r\n\r\n --shadow: 0 18px 55px rgba(0, 0, 0, .35);\r\n --radius: 18px;\r\n --radius-lg: 26px;\r\n\r\n --container: 1180px;\r\n --px: clamp(16px, 4.5vw, 56px);\r\n --py: clamp(70px, 9vw, 120px);\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n }\r\n\r\n html,\r\n body {\r\n width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n overflow-x: hidden;\r\n background: var(--dark);\r\n color: var(--cream);\r\n font-family: \"Montserrat\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n font-weight: 400;\r\n \/* daha bold *\/\r\n -webkit-text-size-adjust: 100%;\r\n scroll-behavior: auto;\r\n }\r\n\r\n * {\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n }\r\n\r\n img,\r\n svg,\r\n video,\r\n iframe {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n a:hover {\r\n color: var(--gold);\r\n }\r\n\r\n .md-site {\r\n width: 100%;\r\n }\r\n\r\n .container {\r\n width: min(var(--container), calc(100% - (var(--px) * 2)));\r\n margin-inline: auto;\r\n }\r\n\r\n \/* ========== Header \/ Nav ========== *\/\r\n header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n z-index: 999;\r\n background: rgba(27, 45, 63, .92);\r\n backdrop-filter: blur(18px);\r\n border-bottom: 1px solid rgba(212, 175, 55, .18);\r\n }\r\n\r\n .nav {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 18px;\r\n padding: 16px var(--px);\r\n }\r\n\r\n .brand {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n min-width: 0;\r\n }\r\n\r\n .brand img {\r\n width: 46px;\r\n height: 46px;\r\n border-radius: 999px;\r\n border: 2px solid rgba(212, 175, 55, .9);\r\n object-fit: cover;\r\n background: rgba(26, 43, 60, .4);\r\n }\r\n\r\n .brand .name {\r\n font-family: \"Cinzel\", serif;\r\n letter-spacing: 3px;\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: var(--gold);\r\n line-height: 1.1;\r\n white-space: nowrap;\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n align-items: center;\r\n gap: 28px;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .nav-links a {\r\n font-size: 12px;\r\n letter-spacing: 2.5px;\r\n \/* text-transform: uppercase; <- KAPALI (\u0130 \/ I bozulmas\u0131n) *\/\r\n color: rgba(227, 217, 198, .92);\r\n font-weight: 700;\r\n transition: .2s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n \/* Hamburger *\/\r\n .nav-toggle {\r\n display: none;\r\n width: 46px;\r\n height: 46px;\r\n border-radius: 12px;\r\n border: 1px solid rgba(212, 175, 55, .35);\r\n background: rgba(26, 43, 60, .45);\r\n cursor: pointer;\r\n padding: 10px;\r\n box-shadow: none;\r\n appearance: none;\r\n }\r\n\r\n .nav-toggle span {\r\n display: block;\r\n height: 2px;\r\n width: 100%;\r\n background: var(--gold);\r\n border-radius: 999px;\r\n margin: 6px 0;\r\n transition: .2s ease;\r\n }\r\n\r\n button:focus {\r\n outline: none;\r\n }\r\n\r\n button:focus-visible {\r\n outline: 2px solid rgba(212, 175, 55, .9);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* Mobile drawer *\/\r\n .drawer {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 2000;\r\n \/* Header'\u0131n (999) \u00fczerinde kals\u0131n *\/\r\n background: rgba(0, 0, 0, .45);\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: .25s ease;\r\n }\r\n\r\n .drawer.open {\r\n opacity: 1;\r\n pointer-events: auto;\r\n }\r\n\r\n .drawer-panel {\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n width: min(340px, 92vw);\r\n background: rgba(27, 45, 63, .98);\r\n border-left: 1px solid rgba(212, 175, 55, .18);\r\n transform: translateX(100%);\r\n \/* Tamamen ekran d\u0131\u015f\u0131ndan gelsin *\/\r\n opacity: 0;\r\n \/* Opakl\u0131k ge\u00e7i\u015fiyle birle\u015fsin *\/\r\n transition: .3s cubic-bezier(0.16, 1, 0.3, 1);\r\n \/* Daha yumu\u015fak \"spring\" hissi *\/\r\n padding: 18px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n }\r\n\r\n .drawer.open .drawer-panel {\r\n transform: translateX(0);\r\n opacity: 1;\r\n }\r\n\r\n .drawer-head {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n padding-bottom: 10px;\r\n border-bottom: 1px solid rgba(212, 175, 55, .14);\r\n }\r\n\r\n .drawer-close {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n border: 1px solid rgba(212, 175, 55, .28);\r\n background: rgba(26, 43, 60, .35);\r\n cursor: pointer;\r\n }\r\n\r\n .drawer-links {\r\n list-style: none;\r\n padding: 0;\r\n margin: 10px 0 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .drawer-links a {\r\n display: block;\r\n padding: 12px 12px;\r\n border-radius: 14px;\r\n background: rgba(26, 43, 60, .25);\r\n border: 1px solid rgba(212, 175, 55, .12);\r\n letter-spacing: 2px;\r\n \/* text-transform: uppercase; <- KAPALI *\/\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: rgba(227, 217, 198, .95);\r\n }\r\n\r\n .drawer-links a:hover {\r\n border-color: rgba(212, 175, 55, .35);\r\n color: var(--gold);\r\n }\r\n\r\n \/* ========== Hero ========== *\/\r\n .hero {\r\n position: relative;\r\n min-height: calc(100svh - 86px);\r\n display: flex;\r\n align-items: center;\r\n padding: var(--py) 0;\r\n background:\r\n linear-gradient(rgba(27, 45, 63, .78), rgba(26, 43, 60, .88)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1511920170033-f8396924c348?auto=format&fit=crop&w=2000&q=80\");\r\n background-size: cover;\r\n background-position: center;\r\n }\r\n\r\n .hero-grid {\r\n display: grid;\r\n grid-template-columns: 1.15fr .85fr;\r\n gap: clamp(18px, 3.5vw, 42px);\r\n align-items: center;\r\n }\r\n\r\n .hero h1 {\r\n font-family: \"Cinzel\", serif;\r\n font-size: clamp(44px, 6.2vw, 92px);\r\n letter-spacing: clamp(3px, 1.2vw, 12px);\r\n color: var(--gold);\r\n margin: 0 0 10px 0;\r\n line-height: 1.02;\r\n text-shadow: 0 0 40px rgba(212, 175, 55, .22);\r\n word-break: keep-all;\r\n font-weight: 600;\r\n }\r\n\r\n .hero .tagline {\r\n margin: 0 0 16px 0;\r\n letter-spacing: clamp(2px, .8vw, 6px);\r\n color: rgba(227, 217, 198, .95);\r\n font-weight: 500;\r\n font-size: clamp(14px, 2vw, 18px);\r\n text-transform: uppercase;\r\n }\r\n\r\n .hero .lead {\r\n margin: 0 0 22px 0;\r\n color: rgba(227, 217, 198, .92);\r\n line-height: 1.95;\r\n font-weight: 400;\r\n max-width: 54ch;\r\n font-size: 15px;\r\n }\r\n\r\n .cta {\r\n display: flex;\r\n gap: 14px;\r\n flex-wrap: wrap;\r\n margin-top: 14px;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 14px 22px;\r\n border-radius: 14px;\r\n letter-spacing: 2.5px;\r\n \/* text-transform: uppercase; <- KAPALI *\/\r\n font-size: 12px;\r\n font-weight: 800;\r\n \/* daha bold *\/\r\n transition: .18s ease;\r\n border: 1px solid transparent;\r\n cursor: pointer;\r\n user-select: none;\r\n min-width: 190px;\r\n }\r\n\r\n .btn.primary {\r\n background: linear-gradient(135deg, var(--gold), #b8941f);\r\n color: #122130;\r\n box-shadow: 0 16px 45px rgba(212, 175, 55, .22);\r\n }\r\n\r\n .btn.primary:hover {\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn.ghost {\r\n background: rgba(26, 43, 60, .25);\r\n border-color: rgba(227, 217, 198, .35);\r\n color: rgba(227, 217, 198, .98);\r\n }\r\n\r\n .btn.ghost:hover {\r\n border-color: rgba(212, 175, 55, .55);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Countdown Card *\/\r\n .hero-card {\r\n background: rgba(26, 43, 60, .35);\r\n border: 1px solid rgba(212, 175, 55, .18);\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow);\r\n padding: 22px;\r\n overflow: hidden;\r\n }\r\n\r\n .countdown {\r\n transition: .28s ease;\r\n overflow: hidden;\r\n max-height: 500px;\r\n }\r\n\r\n .countdown.hide {\r\n opacity: 0;\r\n transform: translateY(-6px);\r\n max-height: 0;\r\n margin: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .countdown-title {\r\n font-family: \"Cinzel\", serif;\r\n letter-spacing: 4px;\r\n \/* text-transform: uppercase; <- KAPALI *\/\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: rgba(227, 217, 198, .95);\r\n margin: 4px 0 12px;\r\n text-align: center;\r\n }\r\n\r\n .cd-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 10px;\r\n }\r\n\r\n .cd-box {\r\n border-radius: 16px;\r\n border: 1px solid rgba(212, 175, 55, .22);\r\n background: rgba(27, 45, 63, .42);\r\n padding: 14px 10px;\r\n text-align: center;\r\n }\r\n\r\n .cd-box .num {\r\n display: block;\r\n font-family: \"Cinzel\", serif;\r\n color: var(--gold);\r\n font-size: 34px;\r\n letter-spacing: 2px;\r\n line-height: 1;\r\n font-weight: 700;\r\n }\r\n\r\n .cd-box .lbl {\r\n display: block;\r\n margin-top: 8px;\r\n font-size: 10px;\r\n letter-spacing: 2.5px;\r\n \/* text-transform: uppercase; <- KAPALI *\/\r\n color: rgba(227, 217, 198, .9);\r\n font-weight: 800;\r\n }\r\n\r\n .cd-note {\r\n text-align: center;\r\n margin-top: 12px;\r\n font-size: 11px;\r\n letter-spacing: 3px;\r\n \/* text-transform: uppercase; <- KAPALI *\/\r\n color: rgba(227, 217, 198, .75);\r\n font-weight: 700;\r\n }\r\n\r\n .chips {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 16px;\r\n \/* justify-content: center; <- KALDIRILDI (Masa\u00fcst\u00fcnde sola yasl\u0131 olsun) *\/\r\n }\r\n\r\n .chip {\r\n padding: 10px 12px;\r\n border-radius: 999px;\r\n border: 1px solid rgba(212, 175, 55, .18);\r\n background: rgba(26, 43, 60, .25);\r\n color: rgba(227, 217, 198, .92);\r\n font-size: 11px;\r\n letter-spacing: 2px;\r\n \/* text-transform: uppercase; <- KAPALI *\/\r\n white-space: nowrap;\r\n font-weight: 700;\r\n }\r\n\r\n \/* Instagram highlight (hero notu) *\/\r\n .ig-cta {\r\n color: var(--gold);\r\n font-weight: 900;\r\n border-bottom: 1px solid rgba(212, 175, 55, .65);\r\n padding-bottom: 1px;\r\n }\r\n\r\n \/* ========== Sections ========== *\/\r\n section {\r\n padding: var(--py) 0;\r\n }\r\n\r\n .section-head {\r\n text-align: center;\r\n margin-bottom: clamp(28px, 3vw, 56px);\r\n }\r\n\r\n .kicker {\r\n display: inline-block;\r\n color: rgba(227, 217, 198, .88);\r\n \/* text-transform: uppercase; <- KAPALI *\/\r\n letter-spacing: 3px;\r\n font-size: 11px;\r\n margin-bottom: 10px;\r\n font-weight: 700;\r\n }\r\n\r\n h2 {\r\n font-family: \"Cinzel\", serif;\r\n color: var(--gold);\r\n margin: 0 0 10px 0;\r\n letter-spacing: 6px;\r\n font-size: clamp(28px, 4vw, 58px);\r\n line-height: 1.1;\r\n font-weight: 600;\r\n }\r\n\r\n .sub {\r\n max-width: 70ch;\r\n margin: 0 auto;\r\n color: rgba(227, 217, 198, .92);\r\n line-height: 2;\r\n font-weight: 400;\r\n \/* daha bold *\/\r\n font-size: 15px;\r\n }\r\n\r\n .grid-3 {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 18px;\r\n }\r\n\r\n .card {\r\n background: rgba(26, 43, 60, .22);\r\n border: 1px solid rgba(212, 175, 55, .14);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: 0 16px 45px rgba(0, 0, 0, .22);\r\n }\r\n\r\n .card-pad {\r\n padding: 18px;\r\n }\r\n\r\n .badge {\r\n display: inline-block;\r\n padding: 7px 10px;\r\n border-radius: 999px;\r\n border: 1px solid rgba(212, 175, 55, .28);\r\n background: rgba(212, 175, 55, .10);\r\n color: var(--gold);\r\n font-size: 10px;\r\n letter-spacing: 2px;\r\n \/* text-transform: uppercase; <- KAPALI *\/\r\n font-weight: 900;\r\n }\r\n\r\n \/* Aspect image wrapper *\/\r\n .media {\r\n position: relative;\r\n overflow: hidden;\r\n background: rgba(0, 0, 0, .15);\r\n }\r\n\r\n .media::before {\r\n content: \"\";\r\n display: block;\r\n padding-top: 62%;\r\n }\r\n\r\n .media img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transform: scale(1.01);\r\n }\r\n\r\n .title {\r\n font-family: \"Cinzel\", serif;\r\n letter-spacing: 3px;\r\n font-size: 20px;\r\n margin: 10px 0 8px;\r\n color: rgba(227, 217, 198, .98);\r\n font-weight: 600;\r\n }\r\n\r\n .text {\r\n color: rgba(227, 217, 198, .88);\r\n line-height: 1.9;\r\n font-weight: 400;\r\n \/* daha bold *\/\r\n font-size: 14px;\r\n margin: 0;\r\n }\r\n\r\n \/* Story *\/\r\n .story {\r\n background: linear-gradient(180deg, rgba(26, 43, 60, .25), rgba(27, 45, 63, 1));\r\n border-top: 1px solid rgba(212, 175, 55, .10);\r\n border-bottom: 1px solid rgba(212, 175, 55, .10);\r\n }\r\n\r\n .story-grid {\r\n display: grid;\r\n grid-template-columns: .95fr 1.05fr;\r\n gap: clamp(18px, 4vw, 44px);\r\n align-items: center;\r\n }\r\n\r\n .story p {\r\n margin: 0 0 14px;\r\n }\r\n\r\n .story-visual {\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n border: 1px solid rgba(212, 175, 55, .16);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .story-visual img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n aspect-ratio: 4 \/ 3;\r\n }\r\n\r\n \/* Gallery *\/\r\n .gallery {\r\n background: rgba(26, 43, 60, .12);\r\n }\r\n\r\n .gallery-grid {\r\n display: grid;\r\n grid-template-columns: repeat(12, minmax(0, 1fr));\r\n gap: 12px;\r\n }\r\n\r\n .g-item {\r\n position: relative;\r\n border-radius: 18px;\r\n overflow: hidden;\r\n border: 1px solid rgba(212, 175, 55, .10);\r\n background: rgba(0, 0, 0, .15);\r\n min-height: 190px;\r\n }\r\n\r\n .g-item img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform .35s ease;\r\n }\r\n\r\n .g-item:hover img {\r\n transform: scale(1.06);\r\n }\r\n\r\n .span-6 {\r\n grid-column: span 6;\r\n }\r\n\r\n .span-4 {\r\n grid-column: span 4;\r\n }\r\n\r\n .span-3 {\r\n grid-column: span 3;\r\n }\r\n\r\n .span-8 {\r\n grid-column: span 8;\r\n }\r\n\r\n \/* Menu QR + Link *\/\r\n .menu-slab {\r\n display: grid;\r\n grid-template-columns: 1fr .95fr;\r\n gap: 18px;\r\n align-items: stretch;\r\n }\r\n\r\n .qr {\r\n display: flex;\r\n gap: 16px;\r\n align-items: center;\r\n justify-content: center;\r\n \/* daha ortal\u0131 *\/\r\n flex-wrap: wrap;\r\n text-align: center;\r\n }\r\n\r\n .qr img {\r\n width: 210px;\r\n height: 210px;\r\n border-radius: 18px;\r\n border: 1px solid rgba(212, 175, 55, .18);\r\n background: rgba(27, 45, 63, .35);\r\n padding: 10px;\r\n margin: 0 auto;\r\n \/* ortala *\/\r\n }\r\n\r\n .qr .qr-text {\r\n flex: 1;\r\n min-width: 240px;\r\n text-align: center;\r\n \/* daha ortal\u0131 *\/\r\n }\r\n\r\n .muted {\r\n color: rgba(227, 217, 198, .80);\r\n font-weight: 400;\r\n \/* daha bold *\/\r\n line-height: 1.9;\r\n font-size: 14px;\r\n margin: 10px 0 0;\r\n }\r\n\r\n .inline-actions {\r\n display: flex;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n margin-top: 14px;\r\n }\r\n\r\n \/* Men\u00fc linki sar\u0131 + belirgin *\/\r\n .menu-link {\r\n color: var(--gold);\r\n font-weight: 900;\r\n border-bottom: 1px solid rgba(212, 175, 55, .65);\r\n padding-bottom: 1px;\r\n word-break: break-word;\r\n }\r\n\r\n \/* Location *\/\r\n .loc-grid {\r\n display: grid;\r\n grid-template-columns: 1.05fr .95fr;\r\n gap: 18px;\r\n align-items: stretch;\r\n }\r\n\r\n .map {\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n border: 1px solid rgba(212, 175, 55, .14);\r\n box-shadow: var(--shadow);\r\n background: rgba(0, 0, 0, .15);\r\n min-height: 360px;\r\n }\r\n\r\n .map iframe {\r\n width: 100%;\r\n height: 100%;\r\n min-height: 360px;\r\n border: 0;\r\n }\r\n\r\n .list {\r\n margin: 12px 0 0;\r\n padding: 0;\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .list li {\r\n padding: 12px 12px;\r\n border-radius: 14px;\r\n background: rgba(26, 43, 60, .20);\r\n border: 1px solid rgba(212, 175, 55, .12);\r\n color: rgba(227, 217, 198, .92);\r\n line-height: 1.7;\r\n font-weight: 400;\r\n font-size: 14px;\r\n }\r\n\r\n .list strong {\r\n color: rgba(227, 217, 198, .98);\r\n font-weight: 800;\r\n }\r\n\r\n \/* Footer *\/\r\n footer {\r\n border-top: 1px solid rgba(212, 175, 55, .14);\r\n background: rgba(26, 43, 60, .30);\r\n padding: 56px 0 18px;\r\n }\r\n\r\n .foot-grid {\r\n display: grid;\r\n grid-template-columns: 1.4fr 1fr 1fr;\r\n gap: 18px;\r\n align-items: start;\r\n }\r\n\r\n .foot-title {\r\n font-family: \"Cinzel\", serif;\r\n letter-spacing: 5px;\r\n color: var(--gold);\r\n font-size: 22px;\r\n margin: 0 0 12px;\r\n font-weight: 600;\r\n }\r\n\r\n .foot-links {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .foot-links a {\r\n color: rgba(184, 181, 176, .95);\r\n font-size: 13px;\r\n letter-spacing: 1px;\r\n font-weight: 400;\r\n }\r\n\r\n .foot-links a:hover {\r\n color: var(--gold);\r\n }\r\n\r\n .foot-bottom {\r\n margin-top: 24px;\r\n padding-top: 18px;\r\n border-top: 1px solid rgba(212, 175, 55, .12);\r\n text-align: center;\r\n color: rgba(184, 181, 176, .9);\r\n font-size: 12px;\r\n letter-spacing: 2px;\r\n font-weight: 400;\r\n }\r\n\r\n .madeby {\r\n margin-top: 8px;\r\n letter-spacing: 2px;\r\n opacity: .95;\r\n }\r\n\r\n .madeby b {\r\n color: var(--gold);\r\n font-weight: 900;\r\n }\r\n\r\n \/* ===== Responsive ===== *\/\r\n\r\n \/* B\u00fcy\u00fck Desktop (1400px+) *\/\r\n @media (min-width: 1400px) {\r\n :root {\r\n --container: 1320px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 96px;\r\n }\r\n\r\n h2 {\r\n font-size: 62px;\r\n }\r\n }\r\n\r\n \/* Desktop (1200px - 1399px) *\/\r\n @media (max-width: 1399px) and (min-width: 1200px) {\r\n .nav-links {\r\n gap: 22px;\r\n }\r\n\r\n .nav-links a {\r\n font-size: 11px;\r\n letter-spacing: 2px;\r\n }\r\n }\r\n\r\n \/* Tablet Landscape \/ K\u00fc\u00e7\u00fck Desktop (1024px - 1199px) *\/\r\n @media (max-width: 1199px) and (min-width: 1025px) {\r\n .nav-links {\r\n gap: 16px;\r\n }\r\n\r\n .nav-links a {\r\n font-size: 10px;\r\n letter-spacing: 1.5px;\r\n }\r\n\r\n .grid-3 {\r\n gap: 14px;\r\n }\r\n }\r\n\r\n \/* Tablet (768px - 1024px) *\/\r\n @media (max-width: 1024px) {\r\n .nav-links {\r\n gap: 18px;\r\n }\r\n\r\n .hero-grid {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n }\r\n\r\n .hero .lead {\r\n margin-inline: auto;\r\n }\r\n\r\n .cta {\r\n justify-content: center;\r\n }\r\n\r\n .chips {\r\n justify-content: center;\r\n }\r\n\r\n .hero-card {\r\n max-width: 560px;\r\n margin-inline: auto;\r\n }\r\n\r\n .grid-3 {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n }\r\n\r\n .grid-3>*:last-child:nth-child(odd) {\r\n grid-column: 1 \/ -1;\r\n max-width: 50%;\r\n margin-inline: auto;\r\n }\r\n\r\n .story-grid {\r\n grid-template-columns: 1fr;\r\n gap: 28px;\r\n }\r\n\r\n .story-grid>div:first-child {\r\n text-align: center;\r\n }\r\n\r\n .story .sub {\r\n text-align: center !important;\r\n max-width: 65ch;\r\n margin-inline: auto;\r\n }\r\n\r\n .menu-slab {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .loc-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .map {\r\n min-height: 320px;\r\n }\r\n\r\n .foot-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 28px;\r\n }\r\n\r\n .foot-grid>div:first-child {\r\n grid-column: 1 \/ -1;\r\n text-align: center;\r\n }\r\n\r\n .foot-grid>div:first-child .muted {\r\n max-width: 55ch;\r\n margin-inline: auto;\r\n }\r\n\r\n .gallery-grid {\r\n gap: 10px;\r\n }\r\n\r\n h2 {\r\n font-size: clamp(26px, 5vw, 48px);\r\n }\r\n }\r\n\r\n \/* Tablet Portrait (768px - 900px) *\/\r\n @media (max-width: 900px) and (min-width: 769px) {\r\n .grid-3 {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .grid-3>*:last-child:nth-child(odd) {\r\n max-width: 100%;\r\n }\r\n\r\n .card {\r\n max-width: 520px;\r\n margin-inline: auto;\r\n }\r\n }\r\n\r\n \/* Mobil B\u00fcy\u00fck \/ Tablet K\u00fc\u00e7\u00fck (481px - 780px) *\/\r\n @media (max-width: 780px) {\r\n .nav-links {\r\n display: none;\r\n }\r\n\r\n .nav-toggle {\r\n display: block;\r\n }\r\n\r\n .cd-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n .cd-box .num {\r\n font-size: 32px;\r\n }\r\n\r\n .cd-box {\r\n padding: 12px 8px;\r\n }\r\n\r\n .cd-box .lbl {\r\n font-size: 9px;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .gallery-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n .span-8,\r\n .span-6,\r\n .span-4,\r\n .span-3 {\r\n grid-column: span 1;\r\n }\r\n\r\n .g-item {\r\n min-height: 170px;\r\n }\r\n\r\n .grid-3 {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .grid-3>*:last-child:nth-child(odd) {\r\n max-width: 100%;\r\n }\r\n\r\n .foot-grid {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n }\r\n\r\n .foot-links {\r\n align-items: center;\r\n }\r\n\r\n .qr {\r\n flex-direction: column;\r\n }\r\n\r\n .qr img {\r\n width: 180px;\r\n height: 180px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: clamp(38px, 10vw, 56px);\r\n }\r\n\r\n .hero .tagline {\r\n font-size: clamp(12px, 3vw, 16px);\r\n }\r\n\r\n .section-head {\r\n margin-bottom: clamp(22px, 4vw, 40px);\r\n }\r\n\r\n .inline-actions {\r\n flex-direction: column;\r\n align-items: stretch;\r\n }\r\n\r\n .inline-actions .btn {\r\n width: 100%;\r\n }\r\n }\r\n\r\n \/* Mobil Orta (481px - 600px) *\/\r\n @media (max-width: 600px) and (min-width: 481px) {\r\n .hero-card {\r\n max-width: 100%;\r\n }\r\n\r\n .chips {\r\n gap: 8px;\r\n }\r\n\r\n .chip {\r\n padding: 8px 10px;\r\n font-size: 10px;\r\n }\r\n }\r\n\r\n \/* Mobil K\u00fc\u00e7\u00fck (321px - 480px) *\/\r\n @media (max-width: 480px) {\r\n :root {\r\n --px: clamp(14px, 4vw, 20px);\r\n --py: clamp(50px, 8vw, 80px);\r\n }\r\n\r\n .brand .name {\r\n font-size: 16px;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .brand img {\r\n width: 40px;\r\n height: 40px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 36px;\r\n letter-spacing: 4px;\r\n }\r\n\r\n .hero .tagline {\r\n font-size: 11px;\r\n letter-spacing: 1.5px;\r\n }\r\n\r\n .hero .lead {\r\n font-size: 14px;\r\n line-height: 1.8;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n min-width: 0;\r\n padding: 14px 18px;\r\n font-size: 11px;\r\n }\r\n\r\n .hero-card {\r\n padding: 16px;\r\n }\r\n\r\n .cd-box .num {\r\n font-size: 28px;\r\n }\r\n\r\n .cd-box {\r\n padding: 10px 6px;\r\n }\r\n\r\n .countdown-title {\r\n font-size: 10px;\r\n letter-spacing: 3px;\r\n }\r\n\r\n h2 {\r\n font-size: clamp(22px, 6vw, 32px);\r\n letter-spacing: 3px;\r\n }\r\n\r\n .kicker {\r\n font-size: 10px;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .sub {\r\n font-size: 14px;\r\n line-height: 1.8;\r\n }\r\n\r\n .title {\r\n font-size: 18px;\r\n }\r\n\r\n .text {\r\n font-size: 13px;\r\n }\r\n\r\n .badge {\r\n font-size: 9px;\r\n padding: 6px 8px;\r\n }\r\n\r\n .chips {\r\n gap: 6px;\r\n }\r\n\r\n .chip {\r\n padding: 8px 10px;\r\n font-size: 9px;\r\n letter-spacing: 1.5px;\r\n }\r\n\r\n .card-pad {\r\n padding: 14px;\r\n }\r\n\r\n .g-item {\r\n min-height: 140px;\r\n }\r\n\r\n .gallery-grid {\r\n gap: 8px;\r\n }\r\n\r\n .map {\r\n min-height: 280px;\r\n }\r\n\r\n .list li {\r\n padding: 10px;\r\n font-size: 13px;\r\n }\r\n\r\n .qr img {\r\n width: 160px;\r\n height: 160px;\r\n }\r\n\r\n .foot-title {\r\n font-size: 18px !important;\r\n letter-spacing: 3px;\r\n }\r\n\r\n .foot-links a {\r\n font-size: 12px;\r\n }\r\n\r\n .foot-bottom {\r\n font-size: 11px;\r\n }\r\n\r\n .drawer-panel {\r\n width: 100vw;\r\n }\r\n }\r\n\r\n \/* Mobil \u00c7ok K\u00fc\u00e7\u00fck (320px ve alt\u0131) *\/\r\n @media (max-width: 320px) {\r\n :root {\r\n --px: 12px;\r\n --py: 40px;\r\n }\r\n\r\n .brand .name {\r\n font-size: 14px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .brand img {\r\n width: 36px;\r\n height: 36px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 30px;\r\n letter-spacing: 3px;\r\n }\r\n\r\n .cd-grid {\r\n gap: 6px;\r\n }\r\n\r\n .cd-box .num {\r\n font-size: 24px;\r\n }\r\n\r\n .cd-box .lbl {\r\n font-size: 8px;\r\n }\r\n\r\n .chips {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .chip {\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n h2 {\r\n font-size: 20px;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .qr img {\r\n width: 140px;\r\n height: 140px;\r\n }\r\n\r\n .g-item {\r\n min-height: 120px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"md-site\" id=\"top\">\r\n\r\n <!-- Header -->\r\n <header>\r\n <nav class=\"nav\" aria-label=\"Ana men\u00fc\">\r\n <a class=\"brand\" href=\"#top\" aria-label=\"Mandella ana sayfa\">\r\n <img decoding=\"async\" src=\"https:\/\/mandellachocolate.com\/wp-content\/uploads\/2025\/12\/restoran-logo-Photoroom.png\"\r\n alt=\"Mandella Chocolate & Coffee logo\" width=\"46\" height=\"46\" \/>\r\n <span class=\"name\">MANDELLA<\/span>\r\n <\/a>\r\n\r\n <ul class=\"nav-links\" aria-label=\"Site b\u00f6l\u00fcmleri\">\r\n <li><a href=\"#about\">HAKKIMIZDA<\/a><\/li>\r\n <li><a href=\"#story\">H\u0130KAYEM\u0130Z<\/a><\/li>\r\n <li><a href=\"#favorites\">MEN\u00dc<\/a><\/li>\r\n <li><a href=\"#gallery\">GALER\u0130<\/a><\/li>\r\n <li><a href=\"#location\">KONUM<\/a><\/li>\r\n <li><a href=\"#contact\">\u0130LET\u0130\u015e\u0130M<\/a><\/li>\r\n <\/ul>\r\n\r\n <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Men\u00fcy\u00fc a\u00e7\" aria-expanded=\"false\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n <\/nav>\r\n <\/header>\r\n\r\n <!-- Mobile Drawer -->\r\n <div class=\"drawer\" id=\"drawer\" aria-hidden=\"true\">\r\n <div class=\"drawer-panel\" role=\"dialog\" aria-label=\"Mobil men\u00fc\">\r\n <div class=\"drawer-head\">\r\n <div class=\"brand\" style=\"gap:10px\">\r\n <img decoding=\"async\" src=\"https:\/\/mandellachocolate.com\/wp-content\/uploads\/2025\/12\/restoran-logo-Photoroom.png\"\r\n alt=\"Mandella logo\" width=\"40\" height=\"40\" \/>\r\n <span class=\"name\" style=\"font-size:18px\">MANDELLA<\/span>\r\n <\/div>\r\n <button class=\"drawer-close\" id=\"drawerClose\" aria-label=\"Men\u00fcy\u00fc kapat\">\u2715<\/button>\r\n <\/div>\r\n\r\n <ul class=\"drawer-links\">\r\n <li><a href=\"#about\">HAKKIMIZDA<\/a><\/li>\r\n <li><a href=\"#story\">H\u0130KAYEM\u0130Z<\/a><\/li>\r\n <li><a href=\"#favorites\">MEN\u00dc<\/a><\/li>\r\n <li><a href=\"#gallery\">GALER\u0130<\/a><\/li>\r\n <li><a href=\"#menuqr\">MEN\u00dc QR<\/a><\/li>\r\n <li><a href=\"#location\">KONUM<\/a><\/li>\r\n <li><a href=\"#contact\">\u0130LET\u0130\u015e\u0130M<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Hero -->\r\n <main>\r\n <section class=\"hero\" aria-label=\"Giri\u015f\">\r\n <div class=\"container hero-grid\">\r\n\r\n <div>\r\n <p class=\"tagline\">CHOCOLATE & COFFEE<\/p>\r\n <h1>MANDELLA<\/h1>\r\n <p class=\"lead\">\r\n Buras\u0131 sadece bir kafe de\u011fil, Erzurum Paland\u00f6ken\u2019in en tatl\u0131 ka\u00e7\u0131\u015f noktas\u0131.\r\n Taptaze kahve kokusunun, Bel\u00e7ika \u00e7ikolatas\u0131n\u0131n e\u015fsiz lezzetiyle bulu\u015ftu\u011fu o an\u0131 hayal edin.\r\n Ailenizle huzurla vakit ge\u00e7irebilece\u011finiz, \u00e7ocuklar\u0131n\u0131z\u0131n g\u00fcvenle oynad\u0131\u011f\u0131, sizin ise\r\n arkan\u0131za yaslan\u0131p an\u0131n tad\u0131n\u0131 \u00e7\u0131kard\u0131\u011f\u0131n\u0131z o yerdesiniz.\r\n <\/p>\r\n\r\n <div class=\"cta\">\r\n <a class=\"btn primary\" href=\"#favorites\">MEN\u00dcY\u00dc \u0130NCELE<\/a>\r\n <a class=\"btn ghost\" href=\"#location\">KONUM & YOL TAR\u0130F\u0130<\/a>\r\n <\/div>\r\n\r\n <div class=\"chips\" aria-label=\"\u00d6ne \u00e7\u0131kan \u00f6zellikler\">\r\n <span class=\"chip\">A\u0130LE MEKANI<\/span>\r\n <span class=\"chip\">\u00c7OCUK OYUN ALANI<\/span>\r\n <span class=\"chip\">MESC\u0130T<\/span>\r\n <span class=\"chip\">MASAYA SERV\u0130S<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <aside class=\"hero-card\" aria-label=\"A\u00e7\u0131l\u0131\u015f saya\u00e7\u0131\">\r\n <div class=\"countdown\" id=\"countdownWrap\">\r\n <div class=\"countdown-title\">A\u00c7ILI\u015eA KALAN<\/div>\r\n <div class=\"cd-grid\" role=\"group\" aria-label=\"Geri say\u0131m\">\r\n <div class=\"cd-box\"><span class=\"num\" id=\"cdDays\">00<\/span><span class=\"lbl\">G\u00dcN<\/span>\r\n <\/div>\r\n <div class=\"cd-box\"><span class=\"num\" id=\"cdHours\">00<\/span><span\r\n class=\"lbl\">SAAT<\/span><\/div>\r\n <div class=\"cd-box\"><span class=\"num\" id=\"cdMinutes\">00<\/span><span\r\n class=\"lbl\">DK<\/span><\/div>\r\n <div class=\"cd-box\"><span class=\"num\" id=\"cdSeconds\">00<\/span><span\r\n class=\"lbl\">SN<\/span><\/div>\r\n <\/div>\r\n <div class=\"cd-note\" id=\"cdNote\">1 \u015eUBAT 2026<\/div>\r\n <\/div>\r\n\r\n <div style=\"margin-top:16px; border-top:1px solid rgba(212,175,55,.12); padding-top:14px;\">\r\n <span class=\"badge\">\u00d6NER\u0130<\/span>\r\n <p class=\"muted\" style=\"margin:10px 0 0;\">\r\n A\u00e7\u0131l\u0131\u015f sonras\u0131 men\u00fc ve kampanyalar i\u00e7in:\r\n <a class=\"ig-cta\" href=\"https:\/\/www.instagram.com\/mandellachocolate\/\" target=\"_blank\"\r\n rel=\"noopener\">\r\n mandellachocolate\r\n <\/a>\r\n <\/p>\r\n <\/div>\r\n <\/aside>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- About -->\r\n <section id=\"about\" aria-label=\"Hakk\u0131m\u0131zda\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <span class=\"kicker\">MANDELLA<\/span>\r\n <h2>Neden Mandella?<\/h2>\r\n <p class=\"sub\">\r\n Mandella\u2019y\u0131 kurarken hayalimiz basitti: \u0130nsanlar\u0131n saatlerce oturup kalkmak istemeyece\u011fi,\r\n ruhu olan bir mekan yaratmak.\r\n Sadece bir kahve sipari\u015f edip gitmenizi de\u011fil, o kahveyi yudumlarken g\u00fcn\u00fcn yorgunlu\u011funu\r\n unutman\u0131z\u0131 istiyoruz.\r\n Rahat koltuklar, s\u0131cak bir ayd\u0131nlatma ve fonda sizi yormayan o hafif m\u00fczik... Buras\u0131 sizin\r\n ikinci eviniz olsun istedik.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid-3\">\r\n <article class=\"card\">\r\n <div class=\"media\">\r\n <img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1521017432531-fbd92d768814?auto=format&fit=crop&w=1600&q=80\"\r\n alt=\"Aile ile keyifli vakit\" \/>\r\n <\/div>\r\n <div class=\"card-pad\">\r\n <span class=\"badge\">A\u0130LE MEKANI<\/span>\r\n <h3 class=\"title\">Rahat & Samimi<\/h3>\r\n <p class=\"text\">Geni\u015f masalar, ferah oturma alanlar\u0131 ve herkesin rahat etmesi i\u00e7in\r\n \u00f6zenle tasarlanm\u0131\u015f bir atmosfer. Kalabal\u0131k aile kahvalt\u0131lar\u0131ndan, dost meclisi\r\n sohbetlerine kadar her an\u0131n\u0131za e\u015flik etmeye haz\u0131r\u0131z.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"media\">\r\n <!-- D\u00dcZELT\u0130LD\u0130: gelmeyen g\u00f6rsel yerine daha sa\u011flam g\u00f6rsel -->\r\n <img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/mandellachocolate.com\/wp-content\/uploads\/2026\/01\/ChatGPT-Image-21-Oca-2026-12_45_54.png\"\r\n alt=\"\u00c7ocuklar i\u00e7in oyun alan\u0131\" \/>\r\n <\/div>\r\n <div class=\"card-pad\">\r\n <span class=\"badge\">\u00c7OCUK OYUN ALANI<\/span>\r\n <h3 class=\"title\">G\u00fcvenli Oyun<\/h3>\r\n <p class=\"text\">Siz kahvenizin ve sohbetin keyfini s\u00fcrerken, minik misafirlerimiz de\r\n onlar i\u00e7in haz\u0131rlad\u0131\u011f\u0131m\u0131z g\u00fcvenli oyun alan\u0131nda e\u011flenceye doysun. G\u00f6z\u00fcn\u00fcz arkada\r\n kalmas\u0131n, keyfiniz b\u00f6l\u00fcnmesin.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"media\">\r\n <img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1529070538774-1843cb3265df?auto=format&fit=crop&w=1600&q=80\"\r\n alt=\"Sakin ve huzurlu alan\" \/>\r\n <\/div>\r\n <div class=\"card-pad\">\r\n <span class=\"badge\">MESC\u0130T<\/span>\r\n <h3 class=\"title\">Sakin & D\u00fczenli<\/h3>\r\n <p class=\"text\">\u0130badetlerinizi huzurla ve hijyenik bir ortamda ger\u00e7ekle\u015ftirebilmeniz\r\n i\u00e7in, mekan\u0131m\u0131z\u0131n en sakin k\u00f6\u015fesini sizler i\u00e7in haz\u0131rlad\u0131k. Temiz, d\u00fczenli ve her\r\n zaman kullan\u0131ma haz\u0131r.<\/p>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Story -->\r\n <section class=\"story\" id=\"story\" aria-label=\"Hikayemiz\">\r\n <div class=\"container story-grid\">\r\n <div>\r\n <span class=\"kicker\">H\u0130KAYE<\/span>\r\n <h2>Hikayemiz<\/h2>\r\n <p class=\"sub\" style=\"text-align:left; margin: 0;\">\r\n Her \u015fey, \"Ger\u00e7ek \u00e7ikolata ve iyi kahve Erzurum\u2019da neden bu kadar zor bulunuyor?\" sorusuyla\r\n ba\u015flad\u0131.\r\n Biz, g\u00f6steri\u015fli sunumlar\u0131n arkas\u0131na saklanan s\u0131radan lezzetleri reddettik. D\u00fcnyan\u0131n en iyi\r\n kakao \u00e7ekirdeklerini, ustal\u0131kla kavrulmu\u015f kahvelerle harmanlad\u0131k.\r\n Mandella, sadece bir i\u015fletme de\u011fil; lezzete, kaliteye ve samimiyete duyulan bir tutkunun\r\n eseri. Kap\u0131dan girdi\u011finiz an hissedece\u011finiz o s\u0131cakl\u0131k, i\u015fte bu tutkunun yans\u0131mas\u0131.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"story-visual\" aria-hidden=\"true\">\r\n <img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1445116572660-236099ec97a0?auto=format&fit=crop&w=1800&q=80\"\r\n alt=\"Kahve ve sohbet atmosferi\" \/>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Favorites \/ Menu -->\r\n <section id=\"favorites\" aria-label=\"En \u00e7ok sevilenler\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <span class=\"kicker\">MEN\u00dc<\/span>\r\n <h2>En \u00c7ok Sevilenler<\/h2>\r\n <p class=\"sub\">Men\u00fcm\u00fczde s\u0131radanl\u0131\u011fa yer yok. Her bir tatl\u0131m\u0131z, her bir kahvemiz imza\r\n niteli\u011finde. Fiyatlar\u0131 de\u011fil, damakta b\u0131rakt\u0131\u011f\u0131 izi konu\u015fal\u0131m istiyoruz. \u0130\u015fte\r\n m\u00fcdavimlerimizin vazge\u00e7emedi\u011fi o efsane lezzetler:<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid-3\">\r\n <article class=\"card\">\r\n <div class=\"media\">\r\n <img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=1600&q=80\"\r\n alt=\"Latte\" \/>\r\n <\/div>\r\n <div class=\"card-pad\">\r\n <span class=\"badge\">\u0130MZA<\/span>\r\n <h3 class=\"title\">Latte<\/h3>\r\n <p class=\"text\">Kadifemsi s\u00fct k\u00f6p\u00fc\u011f\u00fcn\u00fcn espresso ile kusursuz dans\u0131. Yumu\u015fak i\u00e7imiyle\r\n g\u00fcn\u00fcn her saati size e\u015flik edecek, i\u00e7inizi \u0131s\u0131tacak bir klasik.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"media\">\r\n <img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1509042239860-f550ce710b93?auto=format&fit=crop&w=1600&q=80\"\r\n alt=\"Cappuccino\" \/>\r\n <\/div>\r\n <div class=\"card-pad\">\r\n <span class=\"badge\">EN \u00c7OK SEV\u0130LEN<\/span>\r\n <h3 class=\"title\">Cappuccino<\/h3>\r\n <p class=\"text\">\u0130talyan klasi\u011fine Mandella dokunu\u015fu. Yo\u011fun espresso aromas\u0131 \u00fczerine\r\n bulut gibi bir k\u00f6p\u00fck ve hafif bir kakao esintisi. Kahve tutkunlar\u0131n\u0131n favorisi.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"media\">\r\n <img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1578985545062-69928b1d9587?auto=format&fit=crop&w=1600&q=80\"\r\n alt=\"\u00c7ikolatal\u0131 tatl\u0131\" \/>\r\n <\/div>\r\n <div class=\"card-pad\">\r\n <span class=\"badge\">FAVOR\u0130<\/span>\r\n <h3 class=\"title\">Brownie<\/h3>\r\n <p class=\"text\">\u00c7ikolataya doymak isteyenler i\u00e7in bir ba\u015fyap\u0131t. D\u0131\u015f\u0131 hafif k\u0131t\u0131r, i\u00e7i\r\n \u0131slak ve yo\u011fun... Yan\u0131nda bir top dondurma veya s\u0131cak \u00e7ikolata sosuyla servis\r\n edildi\u011finde, mutlulu\u011fun tan\u0131m\u0131 de\u011fi\u015fiyor.<\/p>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Gallery -->\r\n <section class=\"gallery\" id=\"gallery\" aria-label=\"Galeri\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <span class=\"kicker\">G\u00d6RSELLER<\/span>\r\n <h2>Galeri<\/h2>\r\n <p class=\"sub\">Mekan, kahve, \u00e7ikolata\u2026 Hepsi ayn\u0131 \u00e7izgide: temiz, \u015f\u0131k, net.<\/p>\r\n <\/div>\r\n\r\n <div class=\"gallery-grid\" aria-label=\"Foto\u011fraf galerisi\">\r\n <div class=\"g-item span-6\"><img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1445116572660-236099ec97a0?auto=format&fit=crop&w=2000&q=80\"\r\n alt=\"Kahve ve sohbet\" \/><\/div>\r\n <div class=\"g-item span-3\"><img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1511920170033-f8396924c348?auto=format&fit=crop&w=1200&q=80\"\r\n alt=\"Kahve \u00e7ekirde\u011fi\" \/><\/div>\r\n <div class=\"g-item span-3\"><img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1459755486867-b55449bb39ff?auto=format&fit=crop&w=1200&q=80\"\r\n alt=\"Latte art\" \/><\/div>\r\n\r\n <div class=\"g-item span-4\"><img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1555396273-367ea4eb4db5?auto=format&fit=crop&w=1400&q=80\"\r\n alt=\"Mekan detay\u0131\" \/><\/div>\r\n <div class=\"g-item span-4\"><img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1541592106381-b31e9677c0e5?auto=format&fit=crop&w=1400&q=80\"\r\n alt=\"\u00c7ikolata\" \/><\/div>\r\n <div class=\"g-item span-4\"><img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1514432324607-a09d9b4aefdd?auto=format&fit=crop&w=1400&q=80\"\r\n alt=\"Kahve \u00e7ekirdekleri\" \/><\/div>\r\n\r\n <div class=\"g-item span-3\"><img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1517256064527-09c73fc73e38?auto=format&fit=crop&w=1200&q=80\"\r\n alt=\"Kafe i\u00e7 mekan\" \/><\/div>\r\n <div class=\"g-item span-6\"><img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1514933651103-005eec06c04b?auto=format&fit=crop&w=2000&q=80\"\r\n alt=\"Kafe atmosfer\" \/><\/div>\r\n <div class=\"g-item span-3\"><img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1521305916504-4a1121188589?auto=format&fit=crop&w=1200&q=80\"\r\n alt=\"Kahve servisi\" \/><\/div>\r\n\r\n <div class=\"g-item span-4\"><img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1551024506-0bccd828d307?auto=format&fit=crop&w=1400&q=80\"\r\n alt=\"Tatl\u0131 detay\" \/><\/div>\r\n <div class=\"g-item span-4\"><img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1481391319762-47dff72954d9?auto=format&fit=crop&w=1400&q=80\"\r\n alt=\"Espresso\" \/><\/div>\r\n <div class=\"g-item span-4\"><img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/images.unsplash.com\/photo-1523292562811-8fa7962a78c8?auto=format&fit=crop&w=1400&q=80\"\r\n alt=\"\u00c7ikolata ve kahve\" \/><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Menu QR + Link -->\r\n <section id=\"menuqr\" aria-label=\"Men\u00fc QR ve Link\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <span class=\"kicker\">MEN\u00dc<\/span>\r\n <h2>Men\u00fc QR<\/h2>\r\n <p class=\"sub\">Teknolojiyi lezzetle bulu\u015fturduk. Masan\u0131zdan kalkmadan, telefonunuzla QR kodu\r\n okutarak zengin men\u00fcm\u00fcz\u00fc ke\u015ffedebilirsiniz. G\u00f6rseller, i\u00e7erikler ve \u00e7ok daha fazlas\u0131\r\n parmaklar\u0131n\u0131z\u0131n ucunda.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"menu-slab\">\r\n <div class=\"card\">\r\n <div class=\"media\">\r\n <img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/media.istockphoto.com\/id\/526282302\/tr\/vekt%C3%B6r\/coffee-cafe-menu-template-design.jpg?s=1024x1024&w=is&k=20&c=SgIgnpVA98QYWQ6jO1fEZ5cMG_iyy-waD52KE9r1Gns=\"\r\n alt=\"Men\u00fc ve tatl\u0131lar\" \/>\r\n <\/div>\r\n <div class=\"card-pad\">\r\n <span class=\"badge\">KOLAY ER\u0130\u015e\u0130M<\/span>\r\n <h3 class=\"title\">Men\u00fcy\u00fc A\u00e7<\/h3>\r\n <p class=\"text\">Telefonundan tek t\u0131kla men\u00fc sayfas\u0131na git veya QR ile okut.<\/p>\r\n <div class=\"inline-actions\">\r\n <a class=\"btn primary\" id=\"menuBtn\" href=\"#\" target=\"_blank\" rel=\"noopener\">MEN\u00dc\r\n L\u0130NK\u0130<\/a>\r\n <a class=\"btn ghost\" href=\"#contact\">\u0130LET\u0130\u015e\u0130M<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"card-pad\">\r\n <span class=\"badge\">QR<\/span>\r\n <h3 class=\"title\">Okut & Ge\u00e7<\/h3>\r\n\r\n <div class=\"qr\">\r\n <img loading=\"lazy\" id=\"qrImg\" alt=\"Men\u00fc QR kodu\" width=\"210\" height=\"210\" loading=\"lazy\"\r\n decoding=\"async\" \/>\r\n <div class=\"qr-text\">\r\n <p class=\"text\" style=\"margin:0;\">\r\n Men\u00fc ba\u011flant\u0131s\u0131:\r\n <a id=\"menuUrlText\" class=\"menu-link\" href=\"#\" target=\"_blank\"\r\n rel=\"noopener\">\r\n mandellachocolate.com\/menu\r\n <\/a>\r\n <\/p>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <ul class=\"list\" style=\"margin-top:16px;\">\r\n <li><strong>Not:<\/strong> Men\u00fc ve \u00fcr\u00fcnler d\u00f6nemsel g\u00fcncellenebilir.<\/li>\r\n <li><strong>Servis:<\/strong> Masaya servis.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Location -->\r\n <section id=\"location\" aria-label=\"Konum\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <span class=\"kicker\">KONUM<\/span>\r\n <h2>Harita<\/h2>\r\n <p class=\"sub\">Adnan Menderes, Rabia Sokak Yaz\u0131c\u0131lar Sitesi Alt\u0131 \u2014 Paland\u00f6ken \/ Erzurum<\/p>\r\n <\/div>\r\n\r\n <div class=\"loc-grid\">\r\n <div class=\"map\" aria-label=\"Google Harita\">\r\n <!-- D\u00dcZELT\u0130LD\u0130: Senin g\u00f6nderdi\u011fin embed iframe -->\r\n <iframe\r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3061.3492651528754!2d41.244588799999995!3d39.88881190000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x406e5f8457a30f31%3A0x725b4530fbb5ccb1!2sMandella!5e0!3m2!1str!2str!4v1766670859213!5m2!1str!2str\"\r\n allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"\r\n title=\"Mandella Chocolate & Coffee Harita\">\r\n <\/iframe>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"card-pad\">\r\n <span class=\"badge\">B\u0130LG\u0130<\/span>\r\n <h3 class=\"title\">H\u0131zl\u0131 Bilgiler<\/h3>\r\n\r\n <ul class=\"list\">\r\n <li><strong>Adres:<\/strong><br \/>Adnan Menderes, Rabia Sokak Yaz\u0131c\u0131lar Sitesi Alt\u0131,\r\n 25080 Paland\u00f6ken\/Erzurum<\/li>\r\n <li><strong>Telefon:<\/strong><br \/><a href=\"tel:+905376397939\">+90 537 639 79 39<\/a>\r\n <\/li>\r\n <li><strong>Instagram:<\/strong><br \/>\r\n <a class=\"menu-link\" href=\"https:\/\/www.instagram.com\/mandellachocolate\/\"\r\n target=\"_blank\" rel=\"noopener\">\r\n mandellachocolate\r\n <\/a>\r\n <\/li>\r\n <li><strong>Saatler:<\/strong><br \/>Pazartesi - Pazar: 09:00 - 23:00<\/li>\r\n <\/ul>\r\n\r\n <div class=\"inline-actions\">\r\n <a class=\"btn primary\" target=\"_blank\" rel=\"noopener\"\r\n href=\"https:\/\/www.google.com\/maps\/place\/Mandella\/@39.8888119,41.2445888,17z\/data=!3m1!4b1!4m6!3m5!1s0x406e5f8457a30f31:0x725b4530fbb5ccb1!8m2!3d39.8888119!4d41.2445888!16s%2Fg%2F11mt0pzpbw!18m1!1e1?entry=ttu\">\r\n YOL TAR\u0130F\u0130\r\n <\/a>\r\n <a class=\"btn ghost\" href=\"#menuqr\">MEN\u00dc QR<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Contact -->\r\n <section id=\"contact\" aria-label=\"\u0130leti\u015fim\">\r\n <div class=\"container\">\r\n <div class=\"section-head\">\r\n <span class=\"kicker\">\u0130LET\u0130\u015e\u0130M<\/span>\r\n <h2>Bizimle \u0130leti\u015fime Ge\u00e7<\/h2>\r\n <p class=\"sub\">Sizi a\u011f\u0131rlamak i\u00e7in sab\u0131rs\u0131zlan\u0131yoruz. Rezervasyon yapt\u0131rmak, \u00f6zel g\u00fcnleriniz\r\n i\u00e7in bilgi almak veya sadece 'Merhaba' demek i\u00e7in bize diledi\u011finiz zaman ula\u015fabilirsiniz.\r\n Paland\u00f6ken\u2019in kalbinde, en g\u00fczel an\u0131lar\u0131n\u0131za ev sahipli\u011fi yapmak i\u00e7in bekliyoruz.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid-3\">\r\n <article class=\"card\">\r\n <div class=\"card-pad\">\r\n <span class=\"badge\">TELEFON<\/span>\r\n <h3 class=\"title\"><a href=\"tel:+905376397939\">+90 537 639 79 39<\/a><\/h3>\r\n <p class=\"text\">H\u0131zl\u0131 ula\u015f\u0131m i\u00e7in arayabilirsin.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"card-pad\">\r\n <span class=\"badge\">E-POSTA<\/span>\r\n <h3 class=\"title\"><a href=\"mailto:info@mandella.com\">info@mandella.com<\/a><\/h3>\r\n <p class=\"text\">Kurumsal i\u015fler ve bilgi i\u00e7in mail at.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"card-pad\">\r\n <span class=\"badge\">INSTAGRAM<\/span>\r\n <h3 class=\"title\">\r\n <a class=\"menu-link\" href=\"https:\/\/www.instagram.com\/mandellachocolate\/\"\r\n target=\"_blank\" rel=\"noopener\">\r\n mandellachocolate\r\n <\/a>\r\n <\/h3>\r\n <p class=\"text\">G\u00fcncellemeler, duyurular ve hikayeler burada.<\/p>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <!-- Footer -->\r\n <footer>\r\n <div class=\"container\">\r\n <div class=\"foot-grid\">\r\n <div>\r\n <div class=\"foot-title\">MANDELLA<\/div>\r\n <p class=\"muted\" style=\"margin:0; max-width: 62ch;\">\r\n Mandella Chocolate & Coffee \u2014 Erzurum Paland\u00f6ken\u2019de kahve & \u00e7ikolata deneyimi.\r\n Aile mekan\u0131, \u00e7ocuk oyun alan\u0131 ve mescit ile herkes i\u00e7in rahat bir ortam.\r\n <\/p>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"foot-title\" style=\"font-size:18px\">H\u0131zl\u0131 Linkler<\/div>\r\n <ul class=\"foot-links\">\r\n <li><a href=\"#about\">Hakk\u0131m\u0131zda<\/a><\/li>\r\n <li><a href=\"#favorites\">Men\u00fc<\/a><\/li>\r\n <li><a href=\"#gallery\">Galeri<\/a><\/li>\r\n <li><a href=\"#location\">Konum<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"foot-title\" style=\"font-size:18px\">Sosyal<\/div>\r\n <ul class=\"foot-links\">\r\n <li><a href=\"https:\/\/www.instagram.com\/mandellachocolate\/\" target=\"_blank\"\r\n rel=\"noopener\">Instagram<\/a><\/li>\r\n <li><a href=\"#contact\">\u0130leti\u015fim<\/a><\/li>\r\n <li><a href=\"tel:+905376397939\">Ara<\/a><\/li>\r\n <li><a href=\"https:\/\/www.google.com\/maps\/place\/Mandella\/@39.8888119,41.2445888,17z\/data=!3m1!4b1!4m6!3m5!1s0x406e5f8457a30f31:0x725b4530fbb5ccb1!8m2!3d39.8888119!4d41.2445888!16s%2Fg%2F11mt0pzpbw!18m1!1e1?entry=ttu\"\r\n target=\"_blank\" rel=\"noopener\">Harita<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"foot-bottom\">\r\n <div>\u00a9 <span id=\"year\"><\/span> Mandella Chocolate & Coffee. T\u00fcm haklar\u0131 sakl\u0131d\u0131r.<\/div>\r\n <div class=\"madeby\">Designed by <a href=\"https:\/\/ajansin.com\" target=\"_blank\"\r\n rel=\"noopener\"><b>AJANSIN<\/b><\/a><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n \/\/ ======= YEAR =======\r\n var yearEl = document.getElementById(\"year\");\r\n if (yearEl) yearEl.textContent = new Date().getFullYear();\r\n\r\n \/\/ ======= MOBILE NAV =======\r\n var navToggle = document.getElementById(\"navToggle\");\r\n var drawer = document.getElementById(\"drawer\");\r\n var drawerClose = document.getElementById(\"drawerClose\");\r\n\r\n function openDrawer() {\r\n if (!drawer) return;\r\n drawer.classList.add(\"open\");\r\n drawer.setAttribute(\"aria-hidden\", \"false\");\r\n if (navToggle) navToggle.setAttribute(\"aria-expanded\", \"true\");\r\n document.documentElement.style.overflow = \"hidden\";\r\n document.body.style.overflow = \"hidden\";\r\n }\r\n\r\n function closeDrawer() {\r\n if (!drawer) return;\r\n drawer.classList.remove(\"open\");\r\n drawer.setAttribute(\"aria-hidden\", \"true\");\r\n if (navToggle) navToggle.setAttribute(\"aria-expanded\", \"false\");\r\n document.documentElement.style.overflow = \"\";\r\n document.body.style.overflow = \"\";\r\n }\r\n\r\n if (navToggle) {\r\n navToggle.addEventListener(\"click\", function () {\r\n if (drawer && drawer.classList.contains(\"open\")) closeDrawer();\r\n else openDrawer();\r\n });\r\n }\r\n if (drawerClose) drawerClose.addEventListener(\"click\", closeDrawer);\r\n\r\n if (drawer) {\r\n drawer.addEventListener(\"click\", function (e) {\r\n if (e.target === drawer) closeDrawer();\r\n });\r\n\r\n drawer.querySelectorAll('a[href^=\"#\"]').forEach(function (a) {\r\n a.addEventListener(\"click\", function () { closeDrawer(); });\r\n });\r\n }\r\n\r\n document.addEventListener(\"keydown\", function (e) {\r\n if (e.key === \"Escape\") closeDrawer();\r\n });\r\n\r\n \/\/ ======= SMOOTH SCROLL with header offset =======\r\n function headerOffset() {\r\n var header = document.querySelector(\"header\");\r\n return (header ? header.offsetHeight : 0) + 10;\r\n }\r\n\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(function (anchor) {\r\n anchor.addEventListener(\"click\", function (e) {\r\n var href = this.getAttribute(\"href\");\r\n if (!href || href === \"#\") return;\r\n\r\n var target = document.querySelector(href);\r\n if (!target) return;\r\n\r\n e.preventDefault();\r\n var y = target.getBoundingClientRect().top + window.pageYOffset - headerOffset();\r\n window.scrollTo({ top: y, behavior: \"smooth\" });\r\n\r\n try { history.pushState(null, \"\", href); } catch (err) { }\r\n });\r\n });\r\n\r\n \/\/ ======= MENU URL + QR =======\r\n var MENU_URL = \"https:\/\/mandellachocolate.com\/menu\/\";\r\n var menuBtn = document.getElementById(\"menuBtn\");\r\n var menuUrlText = document.getElementById(\"menuUrlText\");\r\n var qrImg = document.getElementById(\"qrImg\");\r\n\r\n if (menuBtn) menuBtn.href = MENU_URL;\r\n if (menuUrlText) {\r\n menuUrlText.href = MENU_URL;\r\n menuUrlText.textContent = MENU_URL.replace(\/^https?:\\\/\\\/\/, \"\");\r\n }\r\n\r\n if (qrImg) {\r\n var qr = \"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=280x280&data=\" + encodeURIComponent(MENU_URL);\r\n qrImg.src = qr;\r\n }\r\n\r\n \/\/ ======= COUNTDOWN =======\r\n \/\/ A\u00e7\u0131l\u0131\u015f: 1 \u015eubat 2026 00:00 (TR +03:00)\r\n var targetTime = Date.parse(\"2026-02-01T00:00:00+03:00\");\r\n\r\n var wrap = document.getElementById(\"countdownWrap\");\r\n var cdDays = document.getElementById(\"cdDays\");\r\n var cdHours = document.getElementById(\"cdHours\");\r\n var cdMinutes = document.getElementById(\"cdMinutes\");\r\n var cdSeconds = document.getElementById(\"cdSeconds\");\r\n var cdNote = document.getElementById(\"cdNote\");\r\n\r\n function pad(n) { return String(n).padStart(2, \"0\"); }\r\n\r\n function tick() {\r\n if (!wrap || !cdDays || !cdHours || !cdMinutes || !cdSeconds) return;\r\n\r\n var diff = targetTime - Date.now();\r\n if (diff <= 0) {\r\n clearInterval(timer);\r\n wrap.classList.add(\"hide\");\r\n setTimeout(function () { try { wrap.remove(); } catch (e) { } }, 320);\r\n return;\r\n }\r\n\r\n var days = Math.floor(diff \/ (1000 * 60 * 60 * 24));\r\n var hours = Math.floor((diff % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n var mins = Math.floor((diff % (1000 * 60 * 60)) \/ (1000 * 60));\r\n var secs = Math.floor((diff % (1000 * 60)) \/ 1000);\r\n\r\n cdDays.textContent = pad(days);\r\n cdHours.textContent = pad(hours);\r\n cdMinutes.textContent = pad(mins);\r\n cdSeconds.textContent = pad(secs);\r\n\r\n if (cdNote) cdNote.textContent = \"1 \u015eUBAT 2026\";\r\n }\r\n\r\n var tries = 0;\r\n function bootCountdown() {\r\n tries++;\r\n if ((!wrap || !cdDays || !cdHours || !cdMinutes || !cdSeconds) && tries < 40) {\r\n wrap = document.getElementById(\"countdownWrap\");\r\n cdDays = document.getElementById(\"cdDays\");\r\n cdHours = document.getElementById(\"cdHours\");\r\n cdMinutes = document.getElementById(\"cdMinutes\");\r\n cdSeconds = document.getElementById(\"cdSeconds\");\r\n cdNote = document.getElementById(\"cdNote\");\r\n return;\r\n }\r\n\r\n tick();\r\n timer = setInterval(tick, 1000);\r\n clearInterval(bootTimer);\r\n }\r\n\r\n var timer = null;\r\n var bootTimer = setInterval(bootCountdown, 250);\r\n window.addEventListener(\"load\", function () {\r\n if (!timer) {\r\n try { bootCountdown(); } catch (e) { }\r\n }\r\n });\r\n\r\n })();\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mandella Chocolate & Coffee | Erzurum MANDELLA HAKKIMIZDA H\u0130KAYEM\u0130Z MEN\u00dc GALER\u0130 KONUM \u0130LET\u0130\u015e\u0130M MANDELLA \u2715 HAKKIMIZDA H\u0130KAYEM\u0130Z MEN\u00dc GALER\u0130 MEN\u00dc QR KONUM \u0130LET\u0130\u015e\u0130M CHOCOLATE & COFFEE MANDELLA Buras\u0131 sadece bir kafe de\u011fil, Erzurum Paland\u00f6ken\u2019in en tatl\u0131 ka\u00e7\u0131\u015f noktas\u0131. Taptaze kahve kokusunun, Bel\u00e7ika \u00e7ikolatas\u0131n\u0131n e\u015fsiz lezzetiyle bulu\u015ftu\u011fu o an\u0131 hayal edin. Ailenizle huzurla vakit ge\u00e7irebilece\u011finiz, \u00e7ocuklar\u0131n\u0131z\u0131n […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-66","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Anasayfa - Mandella Chocolate & Coffee<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mandellachocolate.com\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Anasayfa - Mandella Chocolate & Coffee\" \/>\n<meta property=\"og:description\" content=\"Mandella Chocolate & Coffee | Erzurum MANDELLA HAKKIMIZDA H\u0130KAYEM\u0130Z MEN\u00dc GALER\u0130 KONUM \u0130LET\u0130\u015e\u0130M MANDELLA \u2715 HAKKIMIZDA H\u0130KAYEM\u0130Z MEN\u00dc GALER\u0130 MEN\u00dc QR KONUM \u0130LET\u0130\u015e\u0130M CHOCOLATE & COFFEE MANDELLA Buras\u0131 sadece bir kafe de\u011fil, Erzurum Paland\u00f6ken\u2019in en tatl\u0131 ka\u00e7\u0131\u015f noktas\u0131. Taptaze kahve kokusunun, Bel\u00e7ika \u00e7ikolatas\u0131n\u0131n e\u015fsiz lezzetiyle bulu\u015ftu\u011fu o an\u0131 hayal edin. Ailenizle huzurla vakit ge\u00e7irebilece\u011finiz, \u00e7ocuklar\u0131n\u0131z\u0131n […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mandellachocolate.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Mandella Chocolate & Coffee\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-24T22:24:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mandellachocolate.com\/wp-content\/uploads\/2025\/12\/restoran-logo-Photoroom.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data1\" content=\"16 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mandellachocolate.com\/\",\"url\":\"https:\/\/mandellachocolate.com\/\",\"name\":\"Anasayfa - Mandella Chocolate & Coffee\",\"isPartOf\":{\"@id\":\"https:\/\/mandellachocolate.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/mandellachocolate.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/mandellachocolate.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mandellachocolate.com\/wp-content\/uploads\/2025\/12\/restoran-logo-Photoroom.png\",\"datePublished\":\"2025-12-24T14:41:08+00:00\",\"dateModified\":\"2026-01-24T22:24:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/mandellachocolate.com\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mandellachocolate.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/mandellachocolate.com\/#primaryimage\",\"url\":\"https:\/\/mandellachocolate.com\/wp-content\/uploads\/2025\/12\/restoran-logo-Photoroom.png\",\"contentUrl\":\"https:\/\/mandellachocolate.com\/wp-content\/uploads\/2025\/12\/restoran-logo-Photoroom.png\",\"width\":1080,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mandellachocolate.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/mandellachocolate.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Anasayfa\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mandellachocolate.com\/#website\",\"url\":\"https:\/\/mandellachocolate.com\/\",\"name\":\"Mandella Chocolate & Coffee\",\"description\":\"Kahvenin ve \u00c7ikolatan\u0131n Bulu\u015fma Noktas\u0131\",\"publisher\":{\"@id\":\"https:\/\/mandellachocolate.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mandellachocolate.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/mandellachocolate.com\/#organization\",\"name\":\"Mandella Chocolate & Coffee\",\"url\":\"https:\/\/mandellachocolate.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/mandellachocolate.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/mandellachocolate.com\/wp-content\/uploads\/2025\/12\/restoran-logo-Photoroom.png\",\"contentUrl\":\"https:\/\/mandellachocolate.com\/wp-content\/uploads\/2025\/12\/restoran-logo-Photoroom.png\",\"width\":1080,\"height\":1080,\"caption\":\"Mandella Chocolate & Coffee\"},\"image\":{\"@id\":\"https:\/\/mandellachocolate.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Anasayfa - Mandella Chocolate & Coffee","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mandellachocolate.com\/","og_locale":"tr_TR","og_type":"article","og_title":"Anasayfa - Mandella Chocolate & Coffee","og_description":"Mandella Chocolate & Coffee | Erzurum MANDELLA HAKKIMIZDA H\u0130KAYEM\u0130Z MEN\u00dc GALER\u0130 KONUM \u0130LET\u0130\u015e\u0130M MANDELLA \u2715 HAKKIMIZDA H\u0130KAYEM\u0130Z MEN\u00dc GALER\u0130 MEN\u00dc QR KONUM \u0130LET\u0130\u015e\u0130M CHOCOLATE & COFFEE MANDELLA Buras\u0131 sadece bir kafe de\u011fil, Erzurum Paland\u00f6ken\u2019in en tatl\u0131 ka\u00e7\u0131\u015f noktas\u0131. Taptaze kahve kokusunun, Bel\u00e7ika \u00e7ikolatas\u0131n\u0131n e\u015fsiz lezzetiyle bulu\u015ftu\u011fu o an\u0131 hayal edin. Ailenizle huzurla vakit ge\u00e7irebilece\u011finiz, \u00e7ocuklar\u0131n\u0131z\u0131n […]","og_url":"https:\/\/mandellachocolate.com\/","og_site_name":"Mandella Chocolate & Coffee","article_modified_time":"2026-01-24T22:24:01+00:00","og_image":[{"url":"https:\/\/mandellachocolate.com\/wp-content\/uploads\/2025\/12\/restoran-logo-Photoroom.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tahmini okuma s\u00fcresi":"16 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mandellachocolate.com\/","url":"https:\/\/mandellachocolate.com\/","name":"Anasayfa - Mandella Chocolate & Coffee","isPartOf":{"@id":"https:\/\/mandellachocolate.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mandellachocolate.com\/#primaryimage"},"image":{"@id":"https:\/\/mandellachocolate.com\/#primaryimage"},"thumbnailUrl":"https:\/\/mandellachocolate.com\/wp-content\/uploads\/2025\/12\/restoran-logo-Photoroom.png","datePublished":"2025-12-24T14:41:08+00:00","dateModified":"2026-01-24T22:24:01+00:00","breadcrumb":{"@id":"https:\/\/mandellachocolate.com\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mandellachocolate.com\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/mandellachocolate.com\/#primaryimage","url":"https:\/\/mandellachocolate.com\/wp-content\/uploads\/2025\/12\/restoran-logo-Photoroom.png","contentUrl":"https:\/\/mandellachocolate.com\/wp-content\/uploads\/2025\/12\/restoran-logo-Photoroom.png","width":1080,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/mandellachocolate.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/mandellachocolate.com\/"},{"@type":"ListItem","position":2,"name":"Anasayfa"}]},{"@type":"WebSite","@id":"https:\/\/mandellachocolate.com\/#website","url":"https:\/\/mandellachocolate.com\/","name":"Mandella Chocolate & Coffee","description":"Kahvenin ve \u00c7ikolatan\u0131n Bulu\u015fma Noktas\u0131","publisher":{"@id":"https:\/\/mandellachocolate.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mandellachocolate.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/mandellachocolate.com\/#organization","name":"Mandella Chocolate & Coffee","url":"https:\/\/mandellachocolate.com\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/mandellachocolate.com\/#\/schema\/logo\/image\/","url":"https:\/\/mandellachocolate.com\/wp-content\/uploads\/2025\/12\/restoran-logo-Photoroom.png","contentUrl":"https:\/\/mandellachocolate.com\/wp-content\/uploads\/2025\/12\/restoran-logo-Photoroom.png","width":1080,"height":1080,"caption":"Mandella Chocolate & Coffee"},"image":{"@id":"https:\/\/mandellachocolate.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/mandellachocolate.com\/index.php?rest_route=\/wp\/v2\/pages\/66","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mandellachocolate.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mandellachocolate.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mandellachocolate.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mandellachocolate.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=66"}],"version-history":[{"count":58,"href":"https:\/\/mandellachocolate.com\/index.php?rest_route=\/wp\/v2\/pages\/66\/revisions"}],"predecessor-version":[{"id":149,"href":"https:\/\/mandellachocolate.com\/index.php?rest_route=\/wp\/v2\/pages\/66\/revisions\/149"}],"wp:attachment":[{"href":"https:\/\/mandellachocolate.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=66"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}