<!DOCTYPE html>
<html lang="el">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 | NOTORIOUS Market & Coffee</title>
<meta name="robots" content="noindex,follow">
<style>
:root{--bg:#070302;--panel:#160807;--cream:#fff3e7;--muted:#d8c3b6;--red:#cf2027;--orange:#dc8a52;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(160,50,30,.24),transparent 40%),linear-gradient(180deg,#090403,#030101);color:var(--cream);font-family:Arial,Helvetica,sans-serif;display:flex;align-items:center;justify-content:center;padding:24px}
.error-card{width:min(720px,100%);border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(65,16,14,.92),rgba(10,5,4,.96));box-shadow:0 32px 100px rgba(0,0,0,.55);padding:34px;text-align:center;overflow:hidden;position:relative}
.logo{display:inline-flex;align-items:center;justify-content:center;width:86px;height:86px;border-radius:26px;background:linear-gradient(135deg,#b9151d,#f27355);font-weight:900;font-size:42px;margin-bottom:18px;box-shadow:0 0 34px rgba(207,32,39,.28)}
.brand{font-size:clamp(32px,8vw,66px);line-height:.92;font-weight:900;letter-spacing:.04em;margin:0 0 10px;white-space:normal;word-break:normal}
.sub{display:inline-block;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:10px 18px;color:#fff;font-weight:800;background:rgba(255,255,255,.05);margin:4px 0 22px}
.code{font-size:clamp(80px,22vw,148px);line-height:.8;margin:0 0 22px;font-weight:900;color:#b93634;letter-spacing:-.08em}
h1{font-size:clamp(28px,7vw,48px);line-height:1.05;margin:0 0 14px}
p{font-size:clamp(17px,4vw,22px);line-height:1.55;color:var(--muted);margin:0 auto 26px;max-width:560px}
.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;text-decoration:none;font-weight:900;color:#fff}
.primary{background:linear-gradient(135deg,#c81717,#ff745e)}
.secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
@media(max-width:520px){body{padding:16px}.error-card{padding:28px 18px;border-radius:26px}.logo{width:70px;height:70px;border-radius:22px;font-size:34px}.brand{font-size:38px;letter-spacing:.02em}.code{font-size:94px}.actions a{width:100%}}
</style>
<style id="notorious-uppercase-cleanup-style">
h1,h2,h3,.hero-title,.section-title,.display-title,.headline,.title,[class*="title"],[class*="hero"]{font-synthesis:none;text-rendering:geometricPrecision;}
</style>

<style id="ntr-final-clean-footer-v3">
html,body{overflow-x:hidden!important;min-height:100%!important}
body{background:radial-gradient(circle at 50% 0%,rgba(105,25,15,.24),transparent 38%),linear-gradient(180deg,#170403 0%,#170403 55%,#070101 100%)!important}
body::after,main::after,.page::after,.wrapper::after,.site::after{display:none!important;content:none!important}
footer,.footer,.site-footer{position:relative!important;z-index:2!important;margin-bottom:0!important;border-bottom:0!important;background:radial-gradient(circle at 50% 0%,rgba(125,30,18,.44),transparent 48%),linear-gradient(180deg,#4b0a06 0%,#260403 100%)!important}
footer::before,footer::after,.footer::before,.footer::after,.site-footer::before,.site-footer::after{display:none!important;content:none!important}
@media(min-width:769px){
body{padding-bottom:0!important}
.bottom-call,.call-now-fixed,.ntr-bottom-call,.sticky-call,.mobile-call,[class*="bottom-call"],[class*="fixed-call"],[class*="sticky-call"],[class*="mobile-call"]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;min-height:0!important;max-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
}
@media(max-width:768px){
footer,.footer,.site-footer{padding-bottom:112px!important}
.bottom-call,.call-now-fixed,.ntr-bottom-call,.sticky-call,.mobile-call{left:14px!important;right:14px!important;bottom:14px!important}
}
#notorious-letter-loader span,#notorious-loader span,.preloader span,.loader span{animation-duration:1.12s!important}
</style>
<script id="ntr-final-loader-v3">
(function(){function f(){var l=document.querySelector('#notorious-letter-loader,#notorious-loader,#preloader,.preloader,.loader');if(!l)return;var s=l.querySelectorAll('span');s.forEach(function(x,i){x.style.animationDuration='1.12s';x.style.animationDelay=(i*0.23)+'s'});l.style.transitionDuration='1000ms'}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',function(){setTimeout(f,80)});else setTimeout(f,80)})();
</script>

</head>
<body>
<main class="error-card">
  <div class="logo">N</div>
  <h2 class="brand">NOTORIOUS</h2>
  <div class="sub">Market & Coffee • 24/7</div>
  <div class="code">404</div>
  <h1>Η σελίδα δεν βρέθηκε</h1>
  <p>Η διεύθυνση που άνοιξες δεν υπάρχει ή έχει αλλάξει. Το NOTORIOUS παραμένει ανοιχτό 24/7 στην Ανω Γλυφάδα.</p>
  <div class="actions">
    <a class="primary" href="/el/">Αρχική</a>
    <a class="secondary" href="/el/contact.html">Επικοινωνία</a>
    <a class="secondary" href="/el/faq.html">Συχνές ερωτήσεις</a>
  </div>
</main>

<script>
(function(){
  function autoReviews(){
    document.querySelectorAll('.nm-google-reviews-track').forEach(function(track){
      if(track.dataset.autoReviews) return;
      track.dataset.autoReviews='1';
      setInterval(function(){
        var max = track.scrollWidth - track.clientWidth;
        if(max <= 10) return;
        if(track.scrollLeft >= max - 12){
          track.scrollTo({left:0, behavior:'smooth'});
        } else {
          track.scrollBy({left:Math.min(360, track.clientWidth * 0.85), behavior:'smooth'});
        }
      }, 4200);
    });
  }
  document.addEventListener('DOMContentLoaded', autoReviews);
  setTimeout(autoReviews, 700);
})();
</script>

</body>
</html>
