html{
  scroll-behavior:smooth;
}

/* PREMIUM SMOOTH SCROLL */

body{
  overflow-x:hidden;

  scroll-behavior:smooth;

  -webkit-font-smoothing:antialiased;

  text-rendering:optimizeLegibility;

}

body.menu-open{
  overflow:hidden;
}
/* CINEMATIC SECTION SPACING */

section{
  position:relative;
}

*{
  box-sizing:border-box;
}

/* SMOOTH IMAGE RENDERING */

img{
 max-width:100%;
  display:block;

  backface-visibility:hidden;

  transform:translateZ(0);
}

/* BETTER SCROLL PERFORMANCE */

.sf-header,
.sd-card,
.event-card,
.sr-card,
.hero-khinkali{
  transform:translateZ(0);
}

.sf-hero,
.signature-dishes,
.sf-events,
.sf-social-review,
.sf-final-cta{

  overflow:hidden;
}

/* SITE CSS για τα ενθέματα  */
.feature-khinkali{
  width:36px;
  height:36px;   
  object-fit:contain;

  position:relative;
  z-index:5;

  filter:
  drop-shadow(0 2px 10px rgba(0,0,0,0.55));
}

/* =========================
   HERO
========================= */

.sf-hero{
  position:relative;
  padding-top:120px;
  min-height:100svh;

  overflow:hidden;

  background:
  linear-gradient(
    to right,
    rgba(0,0,0,0.92) 0%,
    rgba(0,0,0,0.75) 40%,
    rgba(0,0,0,0.45) 100%
  ),
  url('/images/bg-streetfood_leonidis.webp');

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

/* DARK OVERLAY */

.sf-hero::before{
  content:'';

  position:absolute;
  inset:0;

  background:
  linear-gradient(
    90deg,
    rgba(0,0,0,0.96) 0%,
    rgba(0,0,0,0.82) 35%,
    rgba(0,0,0,0.25) 65%,
    rgba(0,0,0,0.12) 100%
  );

  z-index:1;
}

/* =========================
   HEADER
========================= */

.sf-header{
  position:fixed;

  isolation:isolate;

  top:0;
  left:0;

  width:100%;

  z-index:10005;

  display:flex;
  align-items:center;
  justify-content:space-between;

  padding:28px 40px;

  border-bottom:
  1px solid rgba(255,255,255,0.04);

  background:
  rgba(0,0,0,0.10);

  backdrop-filter:
  blur(4px);

  transition:
  background .45s ease,
  backdrop-filter .45s ease,
  border-color .45s ease,
  padding .45s ease,
  transform .45s ease,
  box-shadow .45s ease;
}
.sf-header.scrolled{

  padding:18px 40px;

  background:
  rgba(5,5,5,0.88);

  backdrop-filter:
  blur(14px);

  border-bottom:
  1px solid rgba(255,255,255,0.08);

  box-shadow:
  0 15px 45px rgba(0,0,0,0.35);
}

.sf-header.nav-hidden{
  transform:
  translateY(-120%);
}

.sf-header::after{

  content:'';

  position:absolute;

  left:0;
  bottom:0;

  width:100%;
  height:1px;

  background:
  linear-gradient(
    90deg,
    transparent,
    rgba(255,140,0,0.45),
    transparent
  );

  opacity:.6;
}



.sf-logo{
  display:flex;
  align-items:center;

  gap:18px;
}

.sf-logo-circle{
  width:72px;
  height:72px;

  border-radius:50%;

  background:#ff8c00;

  display:flex;
  align-items:center;
  justify-content:center;

  overflow:hidden;

  box-shadow:
  0 10px 30px rgba(255,140,0,0.35);
}

.sf-logo-circle img{
  width:80%;
  height:80%;

  object-fit:contain;
}

.sf-logo-text h2{
  font-family:'Oswald',sans-serif;

  font-size:46px;
  line-height:42px;

  color:#fff;
}

.sf-logo-text span{
  color:#ff8c00;

  font-size:18px;
  font-weight:700;

  letter-spacing:1px;
}

.sf-nav{
  display:flex;
  align-items:center;

  gap:35px;
}

/* =========================
   PREMIUM NAV LINK ANIMATION
========================= */

.sf-nav a{
  position:relative;

  color:#fff;

  text-decoration:none;

  font-size:14px;
  font-weight:700;

  letter-spacing:.5px;

  transition:
  color .35s ease,
  transform .35s ease;

  transform:
  translateY(0);
}

/* FIXED */
.sf-nav a::after{

  content:'';

  position:absolute;

  left:0;
  bottom:-12px;

  width:0%;
  height:2px;

  background:#ff8c00;

  transition:
  width .4s cubic-bezier(.22,1,.36,1);
}

.sf-nav a:hover::after,
.sf-nav a.active::after{
  width:100%;
}

.sf-nav a:hover,
.sf-nav a.active{
  color:#ff8c00;
}


.sf-nav a:hover{
  color:#ff8c00;

  transform:
  translateY(-2px);
}

/* =========================
   PREMIUM BUTTON EFFECTS
========================= */

.sf-btn-primary,
.sf-btn-secondary,
.cta-btn-primary,
.cta-btn-secondary{

  position:relative;

  overflow:hidden;

  isolation:isolate;
}


/* GLOW SWEEP */

.sf-btn-primary::before,
.cta-btn-primary::before{

  content:'';

  position:absolute;

  inset:0;

  background:
  linear-gradient(
    120deg,
    transparent 20%,
    rgba(255,255,255,0.35) 50%,
    transparent 80%
  );

  transform:
  translateX(-120%);

  transition:
  transform .8s ease;

  z-index:-1;
}

.sf-btn-primary:hover::before,
.cta-btn-primary:hover::before{

  transform:
  translateX(120%);
}

.sf-right{
  display:flex;
  align-items:center;

  gap:30px;
}

.back-home{
  display:flex;
  align-items:center;

  gap:12px;

  color:#fff;

  text-decoration:none;

  border-left:1px solid rgba(255,255,255,0.10);

  padding-left:25px;
}

.back-home i{
  color:#ff8c00;

  font-size:26px;
}

.back-home strong{
  display:block;

  font-size:14px;
}

.back-home span{
  color:#ff8c00;

  font-size:13px;
}

.sf-socials{
  display:flex;
  gap:18px;
}

.sf-hero::after{

  content:'';

  position:absolute;

  width:700px;
  height:700px;

  border-radius:50%;

  background:
  radial-gradient(
    rgba(255,140,0,0.10),
    transparent 70%
  );

  right:-250px;
  top:-150px;

  z-index:1;
  filter:blur(10px);
   animation: heroGlowFloat 8s ease-in-out infinite;
}

.sf-feature{

  transition:
  transform .45s ease,
  opacity .45s ease;
}

.sf-feature:hover{

  transform:  translateY(-6px);
}


/* =========================
   PREMIUM SOCIAL ICONS
========================= */

.sf-socials i{

  width:46px;
  height:46px;

  border-radius:50%;
  /*backdrop-filter:blur(8px);*/

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:18px;

  cursor:pointer;

  transition:
  transform .35s ease,
  background .35s ease,
  color .35s ease,
  box-shadow .35s ease;

  color:#fff;

  background:
  rgba(255,255,255,0.04);

  border:
  1px solid rgba(255,255,255,0.06);
}

.sf-socials i:hover{
  color:#fff;

  background:#ff8c00;

  transform:
  translateY(-5px)
  scale(1.08);

  box-shadow:
  0 12px 28px rgba(255,140,0,0.35);
}

/* =========================
   PREMIUM CARD GLOW
========================= */

.sd-card,
.event-card,
.sr-card{

  position:relative;

  transition:
  transform .55s cubic-bezier(.22,1,.36,1),
  box-shadow .55s ease,
  border-color .55s ease;
}
.sd-card::before,
.event-card::before,
.sr-card::before{

  content:'';

  position:absolute;

  inset:0;

  background:
  radial-gradient(
    circle at top,
    rgba(255,140,0,0.18),
    transparent 60%
  );

  opacity:0;

  transition:
  opacity .5s ease;

  pointer-events:none;

  z-index:1;
}

.sd-card:hover::before,
.event-card:hover::before,
.sr-card:hover::before{

  opacity:1;
}


/* =========================
   PREMIUM IMAGE MOTION
========================= */

.sd-image img,
.event-image img{

  transform:scale(1);

  transition:
  transform 1.4s cubic-bezier(.22,1,.36,1);
}

.sd-card:hover .sd-image img,
.event-card:hover .event-image img{

  transform:
  scale(1.08);
}

/* =========================
   CONTENT
========================= */

.sf-content{
  position:relative;
  z-index:3;

  max-width:1500px;

  margin:auto;

  padding:
  180px
  70px
  70px;

  display:grid;
  grid-template-columns:1.1fr 1fr;

  align-items:center;

  gap:40px;
}

/* LEFT */

.sf-left{
  max-width:720px;
}

.sf-subtitle{
  color:#ff8c00;

  font-size:22px;
  font-weight:700;

  letter-spacing:6px;

  margin-bottom:25px;
}

.sf-left h1{
  display:flex;
  flex-direction:column;

  line-height:0.90;
}

.sf-white{
  font-family:'Oswald',sans-serif;

  font-size:clamp(72px, 12vw, 170px);

  color:#fff;

  text-transform:uppercase;

  text-shadow:
  0 5px 25px rgba(0,0,0,0.45);

  background:
  url('https://www.transparenttextures.com/patterns/asfalt-dark.png');

  -webkit-background-clip:text;

  -webkit-text-fill-color:#f3f3f3;
}

.sf-orange{
  position:relative;

  font-family:'Oswald',sans-serif;

  font-size:clamp(68px, 11vw, 160px);

  color:#ff8c00;

  text-transform:uppercase;

  text-shadow:
  0 5px 25px rgba(0,0,0,0.45);
}

.sf-orange::after{
  content:'';

  position:absolute;

  left:0;
  bottom:-15px;

  width:100%;
  height:18px;

  background:
  url('https://www.transparenttextures.com/patterns/brush-aluminum.png');

  opacity:.45;
}

.sf-line{
  width:100px;
  height:4px;

  background:#ff8c00;

  margin:40px 0;
}

.sf-description{
  font-size:42px;
  font-weight:700;

  line-height:1.4;

  margin-bottom:20px;

  color:#fff;

  opacity:1;

  position:relative;
  z-index:5;

  text-shadow:
  0 2px 12px rgba(0,0,0,0.65);
}

.sf-text{
  max-width:650px;

  font-size:23px;

  line-height:1.8;

  color:#f1f1f1;

  margin-bottom:45px;

  position:relative;
  z-index:5;

  text-shadow:
  0 2px 10px rgba(0,0,0,0.55);
}

/* =========================
   BUTTONS
========================= */

.sf-buttons{
  display:flex;

  gap:22px;

  margin-bottom:70px;
}

.sf-btn-primary,
.sf-btn-secondary{
  height:70px;

  padding:0 38px;

  border-radius:10px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  gap:12px;

  text-decoration:none;

  font-size:20px;
  font-weight:700;

  transition:.35s;
}

.sf-btn-primary{
  background:#ff8c00;

  color:#fff;

  box-shadow:
  0 15px 35px rgba(255,140,0,0.30);
}


/* PREMIUM PRIMARY */

.sf-btn-primary:hover{

  transform:  translateY(-6px) scale(1.02);

  background:#ff9900;

  box-shadow:
  0 25px 55px rgba(255,140,0,0.45);
}

.sf-btn-secondary{
  border:1px solid rgba(255,140,0,0.45);

  color:#fff;

  background:rgba(255,255,255,0.02);
}

/* PREMIUM SECONDARY */

.sf-btn-secondary:hover{

  transform:  translateY(-6px)   scale(1.02);

  border-color:#ff8c00;

  color:#ff8c00;

  background:
  rgba(255,140,0,0.08);

  box-shadow:
  0 18px 40px rgba(255,140,0,0.15);
}

/* =========================
   FEATURES
========================= */

.sf-features{
  display:flex;
  align-items:center;

  gap:45px;
}

.sf-feature{
  display:flex;
  align-items:center;

  gap:16px;

  border-right:1px solid rgba(255,255,255,0.08);

  padding-right:45px;
}

.sf-feature:last-child{
  border-right:none;
}

.sf-feature img{
  width:54px;
  height:54px;

  object-fit:contain;
}

.sf-feature i{
  font-size:44px;

  color:#ff8c00;
}

.sf-feature h3{
  font-size:28px;
  line-height:1.4;

  color:#fff;

  font-family:'Oswald',sans-serif;
}

/* =========================
   RIGHT IMAGE
========================= */

.hero-right{
  position:relative;

  display:flex;
  align-items:center;
  justify-content:flex-end;

  margin-top:120px;
}

.hero-khinkali{
  width:100%;
  max-width:950px;

  object-fit:contain;

  animation:
  floatKhinkali 5s ease-in-out infinite;

  filter:
  drop-shadow(0 35px 45px rgba(0,0,0,0.65));
}

.hero-khinkali{

  transition:
  transform 1.2s cubic-bezier(.22,1,.36,1),
  filter 1.2s ease;
}

.hero-khinkali:hover{

  animation-play-state:paused;

  transform:
  translateY(-8px)
  scale(1.03)
  rotate(-1deg);

  filter:
  drop-shadow(0 45px 70px rgba(255,140,0,0.18));
}

.sf-header,
.sd-card,
.event-card,
.sr-card,
.hero-khinkali,
.sf-btn-primary,
.sf-btn-secondary,
.cta-btn-primary,
.cta-btn-secondary{

  will-change:
  transform;
}

.sd-content,
.event-content,
.sr-card > *{

  position:relative;

  z-index:2;
}



.reveal,
.reveal-left,
.reveal-right,
.reveal-scale{

  will-change:
  transform,
  opacity;
}

.sf-btn-primary,
.sf-btn-secondary,
.cta-btn-primary,
.cta-btn-secondary{

  transform:
  translateZ(0);
}



/* FLOAT */

@keyframes floatKhinkali{

  0%{
    transform:
    translateY(0px);
  }

  50%{
    transform:
    translateY(-18px);
  }

  100%{
    transform:
    translateY(0px);
  }

}

/* =========================
   RESPONSIVE
========================= */

@media (max-width:1200px){

  .sf-header{

  padding:18px 20px;
}

.sf-nav{
  display:none;
}

.sf-right{
  display:none;
}

  .sf-mobile-toggle{
display:flex !important;
z-index:99999;
}

/* =========================
   CINEMATIC HEADER LINE
========================= */

  .sf-nav{
    flex-wrap:wrap;
    justify-content:center;
  }

  .sf-right{
    flex-direction:column;
  }

  .sf-content{
    grid-template-columns:1fr;

    text-align:center;
  }

  .sf-left{
    margin:auto;
  }

  .sf-line{
    margin:40px auto;
  }

  .sf-buttons{
    justify-content:center;
    flex-wrap:wrap;
  }

  .sf-features{
    justify-content:center;
    flex-wrap:wrap;
  }

  .hero-right{
    justify-content:center;

    margin-top:0;
  }
}

@media (max-width:768px){

  .sf-content{
  padding:170px 25px 60px;
  }

  .sf-description{
    font-size:28px;
  }

  .sf-text{
    font-size:18px;
  }

  .sf-buttons{
    flex-direction:column;
  }

  .sf-features{
    flex-direction:column;
    align-items:flex-start;
  }

  .sf-feature{
    border-right:none;
    border-bottom:1px solid rgba(255,255,255,0.08);

    width:100%;

    padding-bottom:25px;
  }

  .hero-right{
    margin-top:40px;

    justify-content:center;
  }

  .hero-khinkali{
    max-width:95%;
  }
}

/* =========================
   SIGNATURE DISHES
========================= */

.signature-dishes{

  position:relative;

  padding:
  140px
  70px;

  background:
  linear-gradient(
    to bottom,
    #050505 0%,
    #0b0b0b 100%
  );

  overflow:hidden;
}

/* TOP */

.sd-top{
  text-align:center;

  max-width:900px;

  margin:
  0 auto
  90px;
}

.sd-subtitle{
  color:#ff8c00;

  font-size:18px;
  font-weight:700;

  letter-spacing:5px;

  margin-bottom:20px;
}

.sd-title{
  font-family:'Oswald',sans-serif;

  font-size:90px;
  line-height:1;

  color:#fff;

  margin-bottom:30px;

  text-transform:uppercase;
}

.sd-line{
  width:110px;
  height:4px;

  background:#ff8c00;

  margin:
  0 auto
  35px;
}

.sd-description{
  font-size:24px;
  line-height:1.8;

  color:#cfcfcf;
}

/* GRID */

.sd-grid{
  display:grid;

  grid-template-columns:
  repeat(3,1fr);

  gap:35px;

  max-width:1600px;

  margin:auto;
}

/* CARD */

.sd-card{

  position:relative;

  border-radius:28px;

  overflow:hidden;

  background:
  linear-gradient(
    180deg,
    rgba(255,255,255,0.04),
    rgba(255,255,255,0.02)
  );

  border:
  1px solid rgba(255,255,255,0.06);

  /*backdrop-filter:blur(8px);*/

  box-shadow:
  0 25px 60px rgba(0,0,0,0.35);
}

.sd-card:hover{

  transform:
  translateY(-12px);

  box-shadow:
  0 35px 80px rgba(255,140,0,0.15);
}

/* FEATURED */

.sd-featured{
  transform:scale(1.03);

  border:
  1px solid rgba(255,140,0,0.22);
}

.sd-featured:hover{
  transform:
  scale(1.03)
  translateY(-12px);
}

/* IMAGE */

.sd-image{

  position:relative;

  height:420px;

  overflow:hidden;

  background:#000;
}

.sd-image img{

  width:100%;
  height:100%;

  object-fit:cover;

  transition:.7s;
}

.sd-card:hover .sd-image img{

  transform:
  scale(1.08);
}

/* OVERLAY */

.sd-image::after{

  content:'';

  position:absolute;
  inset:0;

  background:
  linear-gradient(
    to top,
    rgba(0,0,0,0.70),
    rgba(0,0,0,0.05)
  );
}

/* BADGE */

.sd-badge{

  position:absolute;

  top:22px;
  left:22px;

  z-index:5;

  padding:
  10px 18px;

  border-radius:50px;

  background:
  rgba(255,255,255,0.08);

  border:
  1px solid rgba(255,255,255,0.10);

 /* backdrop-filter:blur(10px);*/

  color:#fff;

  font-size:12px;
  font-weight:700;

  letter-spacing:2px;
}

.sd-badge.orange{

  background:#ff8c00;

  color:#fff;
}

/* CONTENT */

.sd-content{

  padding:
  40px
  35px
  45px;
}

.sd-content h3{

  font-family:'Oswald',sans-serif;

  font-size:52px;
  line-height:1;

  color:#fff;

  margin-bottom:22px;
}

.sd-content p{

  font-size:20px;
  line-height:1.8;

  color:#cfcfcf;

  margin-bottom:35px;
}

.sd-content a{

  display:inline-flex;
  align-items:center;

  gap:12px;

  text-decoration:none;

  color:#ff8c00;

  font-size:18px;
  font-weight:700;

  transition:.3s;
}

.sd-content a:hover{

  gap:18px;

  color:#fff;
}

/* LIGHT EFFECT */

.signature-dishes::before{

  content:'';

  position:absolute;

  width:700px;
  height:700px;

  border-radius:50%;

  background:
  radial-gradient(
    rgba(255,140,0,0.12),
    transparent 70%
  );

  top:-250px;
  right:-250px;
}

/* =========================
   PERFORMANCE OPTIMIZATION
========================= */

/* RESPONSIVE */

@media (max-width:1200px){

  .sd-grid{
    grid-template-columns:1fr;
  }

  .sd-featured{
    transform:none;
  }

  .sd-featured:hover{
    transform:
    translateY(-12px);
  }

}

@media (max-width:768px){

  .signature-dishes{
    padding:
    90px
    25px;
  }

  .sd-title{
    font-size:54px;
  }

  .sd-description{
    font-size:18px;
  }

  .sd-image{
    height:320px;
  }

  .sd-content h3{
    font-size:42px;
  }

  .sd-content p{
    font-size:17px;
  }

}

/* =========================
   EVENTS SECTION
========================= */

.sf-events{

  position:relative;

  padding:
  140px
  70px;

  background:
  linear-gradient(
    to bottom,
    #0b0b0b 0%,
    #050505 100%
  );

  overflow:hidden;
}

/* TOP */

.events-top{

  text-align:center;

  max-width:950px;

  margin:
  0 auto
  90px;
}

.events-subtitle{

  color:#ff8c00;

  font-size:18px;
  font-weight:700;

  letter-spacing:5px;

  margin-bottom:22px;
}

.events-title{

  font-family:'Oswald',sans-serif;

  font-size:90px;
  line-height:0.95;

  color:#fff;

  margin-bottom:35px;

  text-transform:uppercase;
}

.events-line{

  width:110px;
  height:4px;

  background:#ff8c00;

  margin:
  0 auto
  35px;
}

.events-description{

  font-size:24px;
  line-height:1.8;

  color:#cfcfcf;
}

/* GRID */

.events-grid{

  display:grid;

  grid-template-columns:
  repeat(3,1fr);

  gap:35px;

  max-width:1700px;

  margin:auto;
}

/* CARD */

.event-card{

  position:relative;

  border-radius:30px;

  overflow:hidden;

  min-height:700px;

  transition:
transform .55s cubic-bezier(.22,1,.36,1),
box-shadow .55s ease,
border-color .55s ease;

  background:#111;

  box-shadow:
  0 25px 60px rgba(0,0,0,0.35);
}

.event-card:hover{

  transform:
  translateY(-14px);

  box-shadow:
  0 35px 90px rgba(255,140,0,0.15);
}

/* FEATURED */

.featured-event{

  transform:
  scale(1.03);

  border:
  1px solid rgba(255,140,0,0.25);
}

.featured-event:hover{

  transform:
  scale(1.03)
  translateY(-14px);
}

/* IMAGE */

.event-image{

  position:absolute;
  inset:0;
}

.event-image img{

  width:100%;
  height:100%;

  object-fit:cover;

  transition:1s;
}

.event-card:hover .event-image img{

  transform:
  scale(1.08);
}

/* OVERLAY */

.event-overlay{

  position:absolute;
  inset:0;

  background:
  linear-gradient(
    to top,
    rgba(0,0,0,0.92) 0%,
    rgba(0,0,0,0.35) 50%,
    rgba(0,0,0,0.15) 100%
  );
}

/* CONTENT */

.event-content{

  position:absolute;

  left:0;
  bottom:0;

  z-index:5;

  padding:
  50px
  40px;

  width:100%;
}

.event-city{

  display:inline-block;

  padding:
  10px 18px;

  border-radius:40px;

  background:
  rgba(255,255,255,0.08);

  border:
  1px solid rgba(255,255,255,0.10);

  /*backdrop-filter:blur(8px);*/

  color:#fff;

  font-size:13px;
  font-weight:700;

  letter-spacing:2px;

  margin-bottom:25px;
}

.event-city.orange{

  background:#ff8c00;
}

.event-content h3{

  font-family:'Oswald',sans-serif;

  font-size:56px;
  line-height:1;

  color:#fff;

  margin-bottom:25px;
}

.event-content p{

  font-size:20px;
  line-height:1.8;

  color:#d5d5d5;

  margin-bottom:35px;
}

.event-content a{

  display:inline-flex;
  align-items:center;

  gap:12px;

  text-decoration:none;

  color:#ff8c00;

  font-size:18px;
  font-weight:700;

  transition:.3s;
}

.event-content a:hover{

  gap:18px;

  color:#fff;
}

/* GLOW */

.sf-events::before{

  content:'';

  position:absolute;

  width:850px;
  height:850px;

  border-radius:50%;

  background:
  radial-gradient(
    rgba(255,140,0,0.10),
    transparent 70%
  );

  left:-300px;
  top:-250px;
}

/* RESPONSIVE */

@media (max-width:1200px){

  .events-grid{
    grid-template-columns:1fr;
  }

  .featured-event{
    transform:none;
  }

  .featured-event:hover{
    transform:
    translateY(-14px);
  }

}

@media (max-width:768px){

  .sf-events{

    padding:
    90px
    25px;
  }

  .events-title{
    font-size:56px;
  }

  .events-description{
    font-size:18px;
  }

  .event-card{
    min-height:560px;
  }

  .event-content h3{
    font-size:42px;
  }

  .event-content p{
    font-size:17px;
  }

}


.sf-social-review{
  position:relative;

  padding:140px 80px;

  background:
  linear-gradient(
    to bottom,
    #050505 0%,
    #0a0a0a 100%
  );
}

/* TOP */

.sr-top{
  text-align:center;

  max-width:900px;

  margin:0 auto 90px;
}

.sr-subtitle{
  color:#ff8c00;

  font-size:18px;
  font-weight:700;

  letter-spacing:5px;

  margin-bottom:18px;
}

.sr-title{
  font-family:'Oswald',sans-serif;

  font-size:88px;

  color:#fff;

  line-height:1;
}

.sr-line{
  width:120px;
  height:4px;

  background:#ff8c00;

  margin:30px auto;
}

.sr-description{
  font-size:22px;

  line-height:1.8;

  color:#cfcfcf;
}

/* GRID */

.sr-grid{
  display:grid;

  grid-template-columns:1fr 1fr;

  gap:40px;

  align-items:stretch;

  max-width:1400px;

  margin:auto;
}

/* CARDS */

.sr-card{
  background:
  linear-gradient(
    145deg,
    rgba(255,255,255,0.04),
    rgba(255,255,255,0.02)
  );

  border:1px solid rgba(255,255,255,0.06);

  border-radius:28px;

  padding:60px;

  min-height:100%;

  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;

  text-align:center;

 /* backdrop-filter:blur(10px);*/

  box-shadow:
  0 25px 60px rgba(0,0,0,0.45);
}

.sr-card:hover{
  transform:translateY(-8px);

  border-color:rgba(255,140,0,0.30);
}

.sr-icon{
  width:100px;
  height:100px;

  border-radius:50%;

  background:#ff8c00;

  display:flex;
  align-items:center;
  justify-content:center;

  margin-bottom:30px;

  box-shadow:
  0 15px 35px rgba(255,140,0,0.30);
}

.sr-icon i{
  font-size:42px;

  color:#fff;
}

.sr-card h3{
  font-family:'Oswald',sans-serif;

  font-size:48px;

  color:#fff;

  margin-bottom:25px;
}

.sr-card p{
  color:#d5d5d5;

  font-size:20px;

  line-height:1.8;

  max-width:520px;

  margin-bottom:40px;
}

/* SOCIAL BUTTONS */

.sr-social-buttons{
  display:flex;

  flex-wrap:wrap;

  justify-content:center;

  gap:18px;
}

.sr-social-buttons a{
  height:58px;

  padding:0 28px;

  border-radius:12px;

  display:flex;
  align-items:center;
  justify-content:center;

  text-decoration:none;

  font-size:15px;
  font-weight:700;

  color:#fff;

  background:#111;

  border:1px solid rgba(255,140,0,0.20);

  transition:.35s;
}

.sr-social-buttons a:hover{
  background:#ff8c00;

  transform:translateY(-4px);
}

/* QR */

.qr-box{
  margin-bottom:25px;
}

.qr-box img{
  width:190px;

  border-radius:20px;

  background:#fff;

  padding:12px;

  transition:.35s;

  box-shadow:
  0 20px 45px rgba(0,0,0,0.35);
}

.qr-box img:hover{
  transform:scale(1.04);

  box-shadow:
  0 25px 55px rgba(255,140,0,0.30);
}

.qr-text a{
  color:#ff8c00;

  text-decoration:none;

  font-size:18px;
  font-weight:700;

  transition:.3s;
}

.qr-text a:hover{
  color:#fff;
}

/* RESPONSIVE */

@media (max-width:992px){

  .sr-grid{
    grid-template-columns:1fr;
  }

  .sr-title{
    font-size:58px;
  }

}

@media (max-width:768px){

  .sf-social-review{
    padding:90px 25px;
  }

  .sr-card{
    padding:40px 25px;
  }

  .sr-card h3{
    font-size:34px;
  }

  .sr-card p{
    font-size:17px;
  }

  .qr-box img{
    width:150px;
  }

}
/* final footer */

.sf-final-cta{
  position:relative;

  padding:160px 40px;

  overflow:hidden;

  background:
  linear-gradient(
    rgba(0,0,0,0.75),
    rgba(0,0,0,0.88)
  ),
  url('/images/footer-bg.jpg');

  background-size:cover;
  background-position:center;
}

.cta-overlay{
  position:absolute;
  inset:0;

  background:
  radial-gradient(
    circle at center,
    rgba(255,140,0,0.18),
    transparent 60%
  );
}

.cta-content{
  position:relative;
  z-index:2;

  max-width:1000px;

  margin:auto;

  text-align:center;
}

.cta-subtitle{
  color:#ff8c00;

  font-size:18px;
  font-weight:700;

  letter-spacing:5px;

  margin-bottom:25px;
}

.cta-title{
  font-family:'Oswald',sans-serif;

  font-size:92px;

  line-height:1;

  color:#fff;

  margin-bottom:35px;
}

.cta-title span{
  color:#ff8c00;
}

.cta-text{
  max-width:850px;

  margin:auto auto 55px;

  color:#d9d9d9;

  font-size:24px;

  line-height:1.8;
}

.cta-buttons{
  display:flex;

  justify-content:center;

  gap:25px;

  margin-bottom:70px;
}

.cta-btn-primary,
.cta-btn-secondary{
  height:74px;

  padding:0 38px;

  border-radius:14px;

  display:flex;
  align-items:center;
  justify-content:center;

  gap:14px;

  text-decoration:none;

  font-size:18px;
  font-weight:700;

  transition:.35s;
}

.cta-btn-primary{
  background:#ff8c00;

  color:#fff;

  box-shadow:
  0 15px 35px rgba(255,140,0,0.35);
}

.cta-btn-primary:hover{

  transform:  translateY(-6px)  scale(1.02);

  box-shadow:
  0 25px 55px rgba(255,140,0,0.45);
}


.cta-btn-secondary{
  border:1px solid rgba(255,255,255,0.15);

  color:#fff;

  background:rgba(255,255,255,0.04);
}

.cta-btn-secondary:hover{

  transform:  translateY(-6px)  scale(1.02);

  background:#fff;

  color:#000;

  box-shadow:
  0 18px 40px rgba(255,255,255,0.18);
}
.cta-stats{
  display:flex;

  justify-content:center;

  gap:70px;

  flex-wrap:wrap;
}

.cta-stat{
  display:flex;
  flex-direction:column;

  gap:10px;
}

.cta-stat strong{
  font-family:'Oswald',sans-serif;

  font-size:68px;

  color:#ff8c00;
}

.cta-stat span{
  color:#fff;

  font-size:16px;

  letter-spacing:3px;
}

/* FOOTER */

.sf-footer{
  padding:40px;

  background:#050505;

  display:flex;
  align-items:center;
  justify-content:space-between;

  flex-wrap:wrap;

  gap:30px;

  border-top:1px solid rgba(255,255,255,0.06);
}

.footer-logo{
  display:flex;
  align-items:center;

  gap:18px;
}

.footer-logo img{
  width:60px;
}

.footer-logo h3{
  color:#fff;

  font-size:24px;

  margin-bottom:5px;
}

.footer-logo span{
  color:#ff8c00;

  font-size:14px;
}

.sf-footer p{
  color:#aaa;

  font-size:15px;
}

/* RESPONSIVE */

@media (max-width:768px){

  .sf-final-cta{
    padding:110px 25px;
  }

  .cta-title{
    font-size:52px;
  }

  .cta-text{
    font-size:18px;
  }

  .cta-buttons{
    flex-direction:column;
  }

  .cta-stats{
    gap:35px;
  }

  .cta-stat strong{
    font-size:48px;
  }

  .sf-footer{
    flex-direction:column;

    text-align:center;
  }
}

/* =========================
   SCROLL REVEAL ANIMATIONS
========================= */

.reveal{
  opacity:0;

  transform:
  translateY(80px);

  transition:
  opacity 1s ease,
  transform 1s cubic-bezier(.2,.65,.2,1);

}

.reveal.active{
  opacity:1;

  transform:
  translateY(0);
}

/* LEFT */

.reveal-left{
  opacity:0;

  transform:
  translateX(-90px);

  transition:
  opacity 1s ease,
  transform 1s cubic-bezier(.2,.65,.2,1);
}

.reveal-left.active{
  opacity:1;

  transform:
  translateX(0);
}

/* RIGHT */

.reveal-right{
  opacity:0;

  transform:
  translateX(90px);

  transition:
  opacity 1s ease,
  transform 1s cubic-bezier(.2,.65,.2,1);
}

.reveal-right.active{
  opacity:1;

  transform:
  translateX(0);
}

/* SCALE */

.reveal-scale{
  opacity:0;

  transform:
  scale(.92);

  transition:
  opacity 1s ease,
  transform 1s cubic-bezier(.2,.65,.2,1);
}

.reveal-scale.active{
  opacity:1;

  transform:
  scale(1);
}

/* STAGGER */

.reveal-delay-1{
  transition-delay:.15s;
}

.reveal-delay-2{
  transition-delay:.3s;
}

.reveal-delay-3{
  transition-delay:.45s;
}

.reveal-delay-4{
  transition-delay:.6s;
}

/* Απόκρυψη του content στην αρχική σελίδα */

/* =========================
   MOBILE MENU
========================= */

.sf-mobile-toggle{

    display:none;

    position:fixed !important;

    top:20px;
    right:20px;

    width:54px;
    height:54px;

    justify-content:center;
    align-items:center;

    cursor:pointer;

    z-index:100000001 !important;

    border-radius:14px;

    background:
    rgba(255,255,255,.06);

    border:
    1px solid rgba(255,255,255,.08);

    transition:.35s ease;
}

/* TABLET + MOBILE */

@media (max-width:1200px){

.sf-nav,
.sf-right{
display:none !important;
}

.sf-mobile-toggle{
display:flex !important;
}
}

/* LINES */

.sf-mobile-toggle span{

    position:absolute;

    width:26px;
    height:3px;

    background:#fff;

    border-radius:10px;

    transition:
    .35s ease;
}




/* BURGER */

.sf-mobile-toggle span:nth-child(1){

    transform:
    translateY(-8px);
}

.sf-mobile-toggle span:nth-child(2){

    transform:
    translateY(0);
}

.sf-mobile-toggle span:nth-child(3){

    transform:
    translateY(8px);
}


/* X */

.sf-mobile-toggle.active span:nth-child(1){

    transform:
    translateY(0)
    rotate(45deg) !important;
}

.sf-mobile-toggle.active span:nth-child(2){

    opacity:0 !important;
}

.sf-mobile-toggle.active span:nth-child(3){

    transform:
    translateY(0)
    rotate(-45deg) !important;
}

.sf-mobile-toggle.active{

    background:#ff8c00;
}

/* MENU OVERLAY */

.sf-mobile-menu{

    position:fixed;

    top:0;
    left:0;

    width:100%;
    height:100vh;

    background:#050505;

    z-index:999999;

    opacity:0;
    visibility:hidden;

    pointer-events:none;

    transition:
    opacity .45s ease,
    visibility .45s ease;
}

.sf-mobile-menu.active{

    opacity:1;
    visibility:visible;

    pointer-events:auto;
}

/* INNER */

.sf-mobile-menu-inner{

    width:100%;
    height:100%;

    display:flex;

    flex-direction:column;

    align-items:center;
    justify-content:center;

    gap:34px;

    padding:120px 30px 60px;

    text-align:center;
}

/* LINKS */

.sf-mobile-menu a{

    font-family:'Oswald',sans-serif;

    font-size:42px;

    line-height:1;

    color:#fff;

    text-decoration:none;

    transition:.35s ease;
}

.sf-mobile-menu a:hover{

    color:#ff8c00;

    transform:translateY(-3px);
}

/* SOCIALS */

.sf-mobile-socials{

    display:flex;

    gap:18px;

    margin-top:20px;
}

.sf-mobile-socials i{

    width:52px;
    height:52px;

    border-radius:50%;

    background:
    rgba(255,255,255,0.05);

    border:
    1px solid rgba(255,255,255,0.08);

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;

    font-size:18px;

    transition:.35s ease;
}

.sf-mobile-socials i:hover{

    background:#ff8c00;

    transform:translateY(-4px);
}


/* =========================
   CINEMATIC LOADER
========================= */

body.loading{
  overflow:hidden;
}

/* LOADER */

.sf-loader{

  position:fixed;

  inset:0;

  z-index:20000;

  background:#050505;

  display:flex;
  align-items:center;
  justify-content:center;

  overflow:hidden;

  transition:
  opacity 1s ease,
  visibility 1s ease;
}

/* HIDE */

.sf-loader.hide{

  opacity:0;

  visibility:hidden;
}

/* CONTENT */

.sf-loader-content{

  position:relative;

  display:flex;
  flex-direction:column;

  align-items:center;
  justify-content:center;

  text-align:center;

  animation:
  loaderFade 1.4s ease forwards;
}

/* GLOW */

.sf-loader-content::before{

  content:'';

  position:absolute;

  width:260px;
  height:260px;

  border-radius:50%;

  background:
  radial-gradient(
    rgba(255,140,0,0.28),
    transparent 70%
  );

  animation:
  pulseGlow 2.5s ease-in-out infinite;
}

/* LOGO */

.sf-loader-logo{

  position:relative;

  z-index:2;

  width:120px;
  height:120px;

  border-radius:50%;

  background:#ff8c00;

  display:flex;
  align-items:center;
  justify-content:center;

  margin-bottom:30px;

  box-shadow:
  0 20px 60px rgba(255,140,0,0.35);

  animation:
  logoFloat 3s ease-in-out infinite;
}

.sf-loader-logo img{

  width:70%;
  height:70%;

  object-fit:contain;
}

/* TITLE */

.sf-loader h2{

  position:relative;
  z-index:2;

  font-family:'Oswald',sans-serif;

  font-size:68px;

  letter-spacing:3px;

  color:#fff;

  margin-bottom:10px;
}

.sf-loader span{

  position:relative;
  z-index:2;

  color:#ff8c00;

  font-size:18px;
  font-weight:700;

  letter-spacing:8px;
}

/* ANIMATIONS */

@keyframes pulseGlow{

  0%{
    transform:scale(1);
    opacity:.5;
  }

  50%{
    transform:scale(1.15);
    opacity:1;
  }

  100%{
    transform:scale(1);
    opacity:.5;
  }
}

@keyframes logoFloat{

  0%{
    transform:translateY(0px);
  }

  50%{
    transform:translateY(-10px);
  }

  100%{
    transform:translateY(0px);
  }
}

@keyframes loaderFade{

  from{
    opacity:0;
    transform:translateY(20px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* MOBILE */

@media (max-width:768px){

  .sf-loader-logo{
    width:90px;
    height:90px;
  }

  .sf-loader h2{
    font-size:42px;
  }

  .sf-loader span{
    font-size:14px;
    letter-spacing:5px;
  }
}

/* =========================
   CINEMATIC PARALLAX
========================= */

/* HERO BACKGROUND */

.parallax-bg{

  transition:
  background-position .1s linear;
}

@media(max-width:768px){

.parallax-bg{

  will-change:auto;
  transition:none;

}

}
/* FLOAT ELEMENT */

.parallax-float{

  will-change:
  transform;
}

/* GLOW FLOAT */

@keyframes heroGlowFloat{

  0%{
    transform:
    translateY(0px)
    translateX(0px);
  }

  50%{
    transform:
    translateY(-30px)
    translateX(-20px);
  }

  100%{
    transform:
    translateY(0px)
    translateX(0px);
  }
}

/* =========================
   CINEMATIC SECTION TRANSITIONS
========================= */

.signature-dishes,
.sf-events,
.sf-social-review,
.sf-final-cta{

  position:relative;

  z-index:2;
}

/* TOP FADE */

.signature-dishes::after,
.sf-events::after,
.sf-social-review::after,
.sf-final-cta::after{

  content:'';

  position:absolute;

  top:-1px;
  left:0;

  width:100%;
  height:180px;

  pointer-events:none;

  z-index:3;

  background:
  linear-gradient(
    to bottom,
    rgba(0,0,0,0.85),
    transparent
  );
}

/* ORANGE GLOW LINE */

.signature-dishes::before,
.sf-events::before,
.sf-social-review::before,
.sf-final-cta::before{

  box-shadow:
  0 0 120px rgba(255,140,0,0.08);
}

/* HERO TRANSITION */

.sf-hero::before{

  border-bottom:
  1px solid rgba(255,140,0,0.08);
}

.sf-hero::after{

  filter:
  blur(10px);
}

/* ========================================
   FORCE HEADER STYLING
======================================== */

.sf-header{

  background:#050505 !important;

  backdrop-filter:blur(14px);

  border-bottom:
  1px solid rgba(255,255,255,0.06);
}

/* MENU LINKS */

.sf-header .sp-megamenu-parent > li > a{

  color:#fff !important;

  font-weight:700;

  letter-spacing:.5px;

  transition:.35s ease;
}

.sf-header .sp-megamenu-parent > li:hover > a,
.sf-header .sp-megamenu-parent > li.active > a{

  color:#ff8c00 !important;
}

/* LOGO TEXT */

.sf-header h2,
.sf-header .logo-text,
.sf-header .logo{
  color:#fff !important;
}

/* ========================================
   REMOVE JOOMLA EMPTY SPACE
======================================== */

.home-page #sp-main-body{

  display:none !important;

  padding:0 !important;

  margin:0 !important;

  min-height:0 !important;
}

/* REMOVE EXTRA WRAPPERS */

.home-page #sp-component,
.home-page .sp-component{

  display:none !important;
}

/* BODY FIX */

body.home-page{

  background:#050505;
}

/* ========================================
   GLOBAL MENU FIX
======================================== */

/* REMOVE JOOMLA SPACING */

body,
#sp-main-body,
.sp-page-builder-page-content{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* HERO FIX */

.sf-hero,
.about-story{
  margin-top:0 !important;
}

/* ========================================
   REMOVE JOOMLA EMPTY WRAPPERS
======================================== */

#sp-main-body{
  padding:0 !important;
  margin:0 !important;

  background:transparent !important;
}

#sp-component{
  padding:0 !important;
  margin:0 !important;
}

.blog-featured{
  padding:0 !important;
  margin:0 !important;
  min-height:0 !important;
}

/* REMOVE EMPTY SPACE ABOVE ARTICLES */

.article-details{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* SOCIAL SHARE FIX */

.sf-mobile-menu.active{
  z-index:99999990 !important;
  pointer-events:auto;
}

/* REMOVE JOOMLA CONTAINER SPACE */

.container-fluid.blog-featured{
  display:none;
}

/* HIDE JOOMLA ARTICLE NAVIGATION */

.pagenavigation{
  display:none !important;
}

/* =========================
   CINEMATIC MENU PAGE
========================= */

.cinematic-menu-page{
    background:#050505;
    color:#fff;
    overflow:hidden;
}

/* HERO */

.menu-hero{
    position:relative;
    height:70vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:url('/images/menu/menu-hero.jpg') center center/cover no-repeat;
}

.menu-overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(to bottom,
    rgba(0,0,0,0.5),
    rgba(0,0,0,0.85));
}

.menu-hero-content{
    position:relative;
    z-index:2;
    max-width:900px;
    padding:20px;
}

.menu-hero h1{
    font-size:clamp(42px,7vw,90px);
    font-weight:800;
    margin-bottom:20px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.menu-hero p{
    font-size:18px;
    line-height:1.9;
    color:#d0d0d0;
}

/* INTRO */

.menu-intro{
    padding:120px 20px 80px;
    text-align:center;
    max-width:900px;
    margin:auto;
}

.mini-title{
    color:#ff7a00;
    letter-spacing:4px;
    font-size:12px;
    display:block;
    margin-bottom:20px;
}

.menu-intro h2{
    font-size:48px;
    margin-bottom:25px;
}

.menu-intro p{
    color:#bdbdbd;
    line-height:2;
    font-size:18px;
}

/* CARDS */

.featured-menu{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
    padding:40px 8%;
}

.menu-card{
    background:rgba(255,255,255,0.03);
    border:1px solid rgba(255,122,0,0.15);
    padding:50px 35px;
    border-radius:24px;
    position:relative;
    transition:0.4s ease;
    backdrop-filter:blur(10px);
}

.menu-card:hover{
    transform:translateY(-10px);
    border-color:#ff7a00;
    box-shadow:0 20px 50px rgba(255,122,0,0.18);
}

.dish-number{
    font-size:70px;
    font-weight:800;
    color:#ff8c00;
    position:absolute;
    top:10px;
    right:20px;
}

.menu-card h3{
    font-size:32px;
    margin-bottom:20px;
}

.menu-card p{
    color:#c7c7c7;
    line-height:1.8;
}

/* SLIDER */

.menu-slider{
    padding:80px 0;
}

/* EXPERIENCE */

.menu-experience{
    max-width:900px;
    margin:auto;
    text-align:center;
    padding:100px 20px;
}

.menu-experience h2{
    font-size:44px;
    margin-bottom:30px;
}

.menu-experience p{
    color:#bdbdbd;
    line-height:2;
    font-size:18px;
}

/* CTA */

.menu-cta{
    text-align:center;
    padding:120px 20px;
}

.menu-cta h2{
    font-size:48px;
    margin-bottom:35px;
}

.menu-btn{
    display:inline-block;
    padding:18px 42px;
    background:#ff7a00;
    color:#fff;
    border-radius:50px;
    text-decoration:none;
    font-weight:700;
    transition:0.4s ease;
}

.menu-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 15px 35px rgba(255,122,0,0.35);
    color:#fff;
}

/* MOBILE */

@media(max-width:768px){

    .menu-hero{
        height:60vh;
    }

    .menu-intro h2,
    .menu-experience h2,
    .menu-cta h2{
        font-size:34px;
    }

    .menu-card{
        padding:40px 25px;
    }

}

/* =========================================
   CINEMATIC FOOD GRID
========================================= */

.full-menu-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(340px,1fr));

    gap:45px;

    padding:100px 7%;
}

/* =========================================
   FOOD CARD
========================================= */

.food-item{

    position:relative;

    display:flex;
    flex-direction:column;

    overflow:hidden;

    border-radius:30px;

    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,0.04),
        rgba(255,255,255,0.02)
    );

    border:
    1px solid rgba(255,140,0,0.10);

    transition:
    transform .55s cubic-bezier(.22,1,.36,1),
    border-color .55s ease,
    box-shadow .55s ease;

    box-shadow:
    0 25px 60px rgba(0,0,0,0.35);

    isolation:isolate;
}

/* GLOW */

.food-item::before{

    content:'';

    position:absolute;

    inset:0;

    background:
    radial-gradient(
        circle at top,
        rgba(255,140,0,0.14),
        transparent 70%
    );

    opacity:0;

    transition:
    opacity .55s ease;

    pointer-events:none;

    z-index:1;
}

/* HOVER */

.food-item:hover{

    transform:
    translateY(-14px);

    border-color:
    rgba(255,140,0,0.30);

    box-shadow:
    0 35px 90px rgba(255,140,0,0.16);
}

.food-item:hover::before{
    opacity:1;
}

/* =========================================
   IMAGE CONTAINER
========================================= */

.food-image{

    position:relative;

    width:100%;

    height:360px;

    display:flex;

    align-items:center;
    justify-content:center;

    overflow:hidden;

    padding:35px;

    background:
    radial-gradient(
        circle at center,
        #1c1c1c 0%,
        #0a0a0a 100%
    );
}

/* IMAGE */

.food-image img{

    width:100%;
    height:100%;

    object-fit:contain;

    transition:
    transform 1s cubic-bezier(.22,1,.36,1),
    filter .8s ease;

    filter:
    drop-shadow(
        0 20px 35px rgba(0,0,0,0.45)
    );
}

/* IMAGE OVERLAY */

.food-image::after{

    content:'';

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,0.35),
        transparent
    );

    pointer-events:none;
}

/* IMAGE HOVER */

.food-item:hover img{

    transform:
    scale(1.08)
    rotate(-1deg);

    filter:
    drop-shadow(
        0 25px 45px rgba(255,140,0,0.18)
    );
}

/* =========================================
   CONTENT
========================================= */

.food-info{

    position:relative;

    z-index:2;

    padding:
    35px
    35px
    40px;
}

/* LABEL */

.food-label{

    display:inline-block;

    color:#ff8c00;

    font-size:11px;
    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:18px;
}

/* TITLE */

.food-info h3{

    font-family:'Oswald',sans-serif;

    font-size:42px;

    line-height:1;

    color:#fff;

    margin-bottom:20px;
}

/* TEXT */

.food-info p{

    color:#cfcfcf;

    font-size:18px;

    line-height:1.9;

    margin-bottom:35px;
}

/* =========================================
   BUTTON
========================================= */

.food-btn{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:12px;

    height:58px;

    padding:0 28px;

    border-radius:14px;

    background:
    rgba(255,140,0,0.10);

    border:
    1px solid rgba(255,140,0,0.25);

    color:#fff;

    text-decoration:none;

    font-size:15px;
    font-weight:700;

    letter-spacing:.5px;

    transition:
    transform .35s ease,
    background .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}

/* BUTTON HOVER */

.food-btn:hover{

    background:#ff8c00;

    border-color:#ff8c00;

    color:#fff;

    transform:
    translateY(-4px);

    box-shadow:
    0 18px 40px rgba(255,140,0,0.30);
}

/* ICON */

.food-btn i{

    transition:
    transform .35s ease;
}

.food-btn:hover i{

    transform:
    translateX(5px);
}

/* =========================================
   MOBILE
========================================= */

@media(max-width:768px){

    .full-menu-grid{

        padding:70px 20px;

        gap:30px;
    }

    .food-image{

        height:300px;

        padding:25px;
    }

    .food-info{

        padding:28px;
    }

    .food-info h3{

        font-size:34px;
    }

    .food-info p{

        font-size:16px;
    }

}

/* =========================================
   CINEMATIC CONTACT PAGE FINAL
========================================= */

.contact-page-cinematic{

    position:relative;

    background:
    linear-gradient(
        to bottom,
        #050505 0%,
        #0a0a0a 100%
    );

    color:#fff;

    overflow:hidden;

    padding-top:120px;
}

/* REMOVE JOOMLA STYLES */

.contact-page-cinematic *{

    box-sizing:border-box;
}

/* =========================================
   HERO
========================================= */

.contact-hero{

    position:relative;

    min-height:60vh;

    display:flex;

    align-items:center;
    justify-content:center;

    text-align:center;

    overflow:hidden;

    background:
    linear-gradient(
        rgba(0,0,0,0.55),
        rgba(0,0,0,0.88)
    ),
    url('/images/contact/contact-bg.jpg');

    background-size:cover;
    background-position:center;
}

/* ORANGE GLOW */

.contact-hero::before{

    content:'';

    position:absolute;

    width:700px;
    height:700px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(255,140,0,0.16),
        transparent 70%
    );

    top:-250px;
    right:-200px;

    filter:blur(10px);
}

/* CONTENT */

.contact-hero-content{

    position:relative;

    z-index:2;

    max-width:950px;

    padding:40px;
}

.contact-mini-title{

    display:inline-block;

    color:#ff8c00;

    font-size:14px;
    font-weight:700;

    letter-spacing:6px;

    margin-bottom:30px;
}

.contact-hero h1{

    font-family:'Oswald',sans-serif;

    font-size:clamp(72px,10vw,140px);

    line-height:0.95;

    text-transform:uppercase;

    margin-bottom:35px;

    color:#fff;

    text-shadow:
    0 10px 35px rgba(0,0,0,0.45);
}

.contact-hero p{

    font-size:22px;

    line-height:2;

    color:#d0d0d0;

    max-width:850px;

    margin:auto;
}

/* =========================================
   WRAPPER
========================================= */

.contact-wrapper{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
    0.95fr 1.1fr;

    gap:45px;

    max-width:1700px;

    margin:auto;

    padding:
    120px
    7%;
}

/* =========================================
   BOXES
========================================= */

.contact-info-box,
.contact-form-box{

    position:relative;

    overflow:hidden;

    border-radius:34px;

    padding:65px;

    background:
    linear-gradient(
        145deg,
        rgba(255,255,255,0.04),
        rgba(255,255,255,0.015)
    );

    border:
    1px solid rgba(255,140,0,0.12);

    backdrop-filter:
    blur(12px);

    box-shadow:
    0 30px 80px rgba(0,0,0,0.45);

    transition:
    transform .55s ease,
    border-color .55s ease,
    box-shadow .55s ease;
}

/* TOP GLOW */

.contact-info-box::before,
.contact-form-box::before{

    content:'';

    position:absolute;

    inset:0;

    background:
    radial-gradient(
        circle at top,
        rgba(255,140,0,0.14),
        transparent 70%
    );

    opacity:0;

    transition:opacity .55s ease;

    pointer-events:none;
}

.contact-info-box:hover,
.contact-form-box:hover{

    transform:
    translateY(-10px);

    border-color:
    rgba(255,140,0,0.30);

    box-shadow:
    0 40px 100px rgba(255,140,0,0.12);
}

.contact-info-box:hover::before,
.contact-form-box:hover::before{

    opacity:1;
}

/* =========================================
   TITLES
========================================= */

.contact-label{

    display:inline-block;

    color:#ff8c00;

    font-size:12px;
    font-weight:700;

    letter-spacing:5px;

    margin-bottom:22px;
}

.contact-info-box h2,
.contact-form-box h2{

    font-family:'Oswald',sans-serif;

    font-size:58px;

    line-height:1;

    margin-bottom:30px;

    color:#fff;
}

/* TEXT */

.contact-info-box p{

    font-size:20px;

    line-height:2;

    color:#cfcfcf;

    margin-bottom:50px;
}

/* =========================================
   INFO ITEMS
========================================= */

.contact-info-item{

    display:flex;

    align-items:flex-start;

    gap:22px;

    margin-bottom:40px;
}

.contact-info-item i{

    min-width:62px;

    width:62px;
    height:62px;

    border-radius:20px;

    background:
    rgba(255,140,0,0.10);

    border:
    1px solid rgba(255,140,0,0.15);

    display:flex;

    align-items:center;
    justify-content:center;

    color:#ff8c00;

    font-size:22px;

    box-shadow:
    0 10px 30px rgba(255,140,0,0.12);
}

.contact-info-item strong{

    display:block;

    font-size:20px;

    color:#fff;

    margin-bottom:10px;
}

.contact-info-item span{

    color:#bdbdbd;

    line-height:1.8;

    font-size:17px;
}

/* =========================================
   FORM
========================================= */

.form-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:25px;
}

.form-group{

    margin-bottom:28px;
}

.form-group label{

    display:block;

    margin-bottom:14px;

    color:#fff;

    font-size:14px;
    font-weight:700;

    letter-spacing:1px;
}

/* INPUTS */

.form-group input,
.form-group textarea{

    width:100%;

    border:none;

    outline:none;

    border-radius:18px;

    padding:
    20px
    24px;

    background:
    rgba(255,255,255,0.04);

    border:
    1px solid rgba(255,255,255,0.08);

    color:#fff;

    font-size:16px;

    transition:
    border-color .35s ease,
    box-shadow .35s ease,
    background .35s ease;
}

/* FOCUS */

.form-group input:focus,
.form-group textarea:focus{

    border-color:#ff8c00;

    background:
    rgba(255,140,0,0.03);

    box-shadow:
    0 0 0 4px rgba(255,140,0,0.10);
}

/* TEXTAREA */

.form-group textarea{

    min-height:220px;

    resize:none;
}

/* =========================================
   BUTTON
========================================= */

.contact-btn{

    position:relative;

    overflow:hidden;

    height:68px;

    padding:0 38px;

    border:none;

    border-radius:18px;

    background:#ff8c00;

    color:#fff;

    font-size:16px;
    font-weight:700;

    letter-spacing:.5px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:14px;

    cursor:pointer;

    transition:
    transform .35s ease,
    box-shadow .35s ease;

    box-shadow:
    0 18px 40px rgba(255,140,0,0.28);
}

/* SWEEP EFFECT */

.contact-btn::before{

    content:'';

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        120deg,
        transparent 20%,
        rgba(255,255,255,0.35) 50%,
        transparent 80%
    );

    transform:
    translateX(-120%);

    transition:
    transform .8s ease;
}

.contact-btn:hover::before{

    transform:
    translateX(120%);
}

.contact-btn:hover{

    transform:
    translateY(-5px);

    box-shadow:
    0 25px 55px rgba(255,140,0,0.40);
}

/* =========================================
   MOBILE
========================================= */

@media(max-width:1100px){

    .contact-wrapper{

        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .contact-page-cinematic{

        padding-top:90px;
    }

    .contact-hero{

        min-height:50vh;
    }

    .contact-hero h1{

        font-size:58px;
    }

    .contact-hero p{

        font-size:18px;
    }

    .contact-wrapper{

        padding:
        70px
        20px;
    }

    .contact-info-box,
    .contact-form-box{

        padding:35px 25px;
    }

    .contact-info-box h2,
    .contact-form-box h2{

        font-size:42px;
    }

    .form-grid{

        grid-template-columns:1fr;
    }

}

/* =========================================
   CONVERT FORMS CINEMATIC STYLE
========================================= */

.convertforms{

    background:
    linear-gradient(
        145deg,
        rgba(255,255,255,0.04),
        rgba(255,255,255,0.015)
    ) !important;

    border:
    1px solid rgba(255,140,0,0.12);

    border-radius:34px;

    padding:60px !important;

    backdrop-filter:blur(14px);

    box-shadow:
    0 30px 80px rgba(0,0,0,0.45);

    position:relative;

    overflow:hidden;
}

/* TOP GLOW */

.convertforms::before{

    content:'';

    position:absolute;

    inset:0;

    background:
    radial-gradient(
        circle at top,
        rgba(255,140,0,0.12),
        transparent 70%
    );

    pointer-events:none;
}

/* =========================================
   LABELS
========================================= */

.convertforms .cf-label{

    color:#fff !important;

    font-size:15px;

    font-weight:700;

    letter-spacing:.5px;

    margin-bottom:12px;
}

/* =========================================
   INPUTS
========================================= */

.convertforms input,
.convertforms textarea{

    width:100% !important;

    background:
    rgba(255,255,255,0.04) !important;

    border:
    1px solid rgba(255,255,255,0.08) !important;

    border-radius:18px !important;

    padding:
    20px 24px !important;

    color:#fff !important;

    font-size:16px !important;

    transition:
    border-color .35s ease,
    box-shadow .35s ease,
    background .35s ease,
    transform .35s ease;

    box-shadow:none !important;
}

/* PLACEHOLDER */

.convertforms input::placeholder,
.convertforms textarea::placeholder{

    color:#8f8f8f !important;
}

/* FOCUS */

.convertforms input:focus,
.convertforms textarea:focus{

    border-color:#ff8c00 !important;

    background:
    rgba(255,140,0,0.04) !important;

    box-shadow:
    0 0 0 4px rgba(255,140,0,0.10) !important;

    transform:
    translateY(-2px);
}

/* TEXTAREA */

.convertforms textarea{

    min-height:220px !important;

    resize:none;
}

/* =========================================
   CAPTCHA
========================================= */

.convertforms .cf-math-captcha{

    color:#fff !important;

    font-size:42px !important;

    font-weight:700;
}

/* =========================================
   BUTTON
========================================= */

.convertforms button{

    position:relative;

    overflow:hidden;

    height:68px !important;

    padding:0 36px !important;

    border:none !important;

    border-radius:18px !important;

    background:#ff8c00 !important;

    color:#fff !important;

    font-size:16px !important;

    font-weight:700 !important;

    letter-spacing:.5px;

    transition:
    transform .35s ease,
    box-shadow .35s ease,
    background .35s ease;

    box-shadow:
    0 18px 40px rgba(255,140,0,0.30) !important;
}

/* SWEEP EFFECT */

.convertforms button::before{

    content:'';

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        120deg,
        transparent 20%,
        rgba(255,255,255,0.35) 50%,
        transparent 80%
    );

    transform:
    translateX(-120%);

    transition:
    transform .8s ease;
}

.convertforms button:hover::before{

    transform:
    translateX(120%);
}

/* BUTTON HOVER */

.convertforms button:hover{

    transform:
    translateY(-5px);

    background:#ff9500 !important;

    box-shadow:
    0 28px 60px rgba(255,140,0,0.40) !important;
}

/* =========================================
   REMOVE WHITE BACKGROUNDS
========================================= */

.convertforms .cf-control-group,
.convertforms .cf-response{

    background:transparent !important;
}

/* =========================================
   MOBILE
========================================= */

@media(max-width:768px){

    .convertforms{

        padding:35px 22px !important;

        border-radius:26px;
    }

    .convertforms .cf-math-captcha{

        font-size:32px !important;
    }

    .convertforms button{

        width:100%;
    }

}

/* =========================================
   MATH CAPTCHA FIX
========================================= */

.convertforms .cf-math-captcha,
.convertforms .cf-math-captcha *,
.convertforms .cf-math-captcha-label{

    color:#ffffff !important;

    opacity:1 !important;

    font-weight:800 !important;

    text-shadow:
    0 2px 10px rgba(0,0,0,0.45);

}

/* INPUT */

.convertforms .cf-math-captcha input{

    color:#fff !important;

    font-weight:700 !important;
}


/* =========================================
   EVENTS CINEMATIC PAGE
========================================= */

.events-cinematic-page{

    background:#050505;

    color:#fff;

    overflow:hidden;
}

/* =========================================
   HERO
========================================= */

.events-hero{

    position:relative;

    min-height:75vh;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;

    overflow:hidden;
}

.events-hero::before{

    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:
    linear-gradient(
        rgba(0,0,0,0.45),
        rgba(0,0,0,0.82)
    ),
    url('/images/events/events-hero.jpg');

    background-size:cover;
    background-position:center top;
    transform:translateY(5px);
}

@media(max-width:768px){

   .events-hero{

        min-height:65vh !important;

        padding:0 20px;

        align-items:flex-start;
    }

    .events-hero::before{

        background:
        linear-gradient(
            rgba(0,0,0,0.45),
            rgba(0,0,0,0.82)
        ),
        url('/images/events/events-hero-mobile.jpg');

        background-size:cover;

        background-position:center top;

        transform:translateY(0px);
    }
}

.events-hero-overlay{

    position:absolute;
    inset:0;

    background:
    radial-gradient(
        circle at center,
        rgba(255,140,0,0.14),
        transparent 70%
    );
}

.events-hero-content{

    position:relative;
    z-index:2;

    max-width:1000px;
    padding:140px 40px 80px; 
}

.events-mini-title{

    display:inline-block;

    color:#ff8c00;

    letter-spacing:6px;

    font-size:14px;

}

.events-hero h1{

    font-family:'Oswald',sans-serif;

    font-size:clamp(70px,10vw,150px);

    line-height:0.95;

    text-transform:uppercase;

    margin-bottom:35px;
}

.events-hero h1 span{

    color:#ff8c00;
}

.events-hero p{

    max-width:850px;

    margin:auto;

    color:#d0d0d0;

    font-size:22px;

    line-height:2;
}

/* =========================================
   SECTION TOP
========================================= */

.section-top{

    text-align:center;

    max-width:900px;

    margin:0 auto 90px;
}
.section-subtitle{

    color:#ff8c00;

    font-size:14px;

    font-weight:700;

    letter-spacing:5px;

    margin-bottom:20px;

    display:block;
}

.section-top h2{

    font-family:'Oswald',sans-serif;

    font-size:80px;

    line-height:1;

    margin-bottom:30px;
}

.section-line{

    width:120px;

    height:4px;

    background:#ff8c00;

    margin:0 auto 35px;
}

.section-top p{

    color:#cfcfcf;

    font-size:22px;

    line-height:2;
}

/* =========================================
   UPCOMING EXPERIENCES
========================================= */

.upcoming-experiences{

    padding:140px 7%;
}

.experience-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;
}

.experience-card{

    position:relative;

    overflow:hidden;

    border-radius:30px;

    background:#111;

    border:1px solid rgba(255,140,0,0.10);

   transition:
    transform .55s ease,
    border-color .55s ease,
    box-shadow .55s ease;

    box-shadow:
    0 25px 60px rgba(0,0,0,0.35);
}

.experience-card:hover{

    transform:translateY(-12px);

    border-color:rgba(255,140,0,0.30);

    box-shadow:
    0 35px 80px rgba(255,140,0,0.15);
}

.experience-image{

    height:420px;

    overflow:hidden;
}

.experience-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:1s ease;
}

.experience-card:hover img{

    transform:scale(1.08);
}

.experience-content{

    padding:40px;
}

.experience-content span{

    display:inline-block;

    color:#ff8c00;

    font-size:12px;

   letter-spacing:3px;

    margin-bottom:20px;
}

.experience-content h3{

    font-family:'Oswald',sans-serif;

    font-size:50px;

    line-height:1;

    margin-bottom:25px;
}

.experience-content p{

    color:#d0d0d0;

    font-size:18px;

    line-height:1.9;
}

.featured{

    transform:scale(1.03);

    border:1px solid rgba(255,140,0,0.25);
}

/* =========================================
   MOMENTS SECTION
========================================= */

.moments-section{

    padding:140px 7%;

    background:
    linear-gradient(
        to bottom,
        #0a0a0a,
        #050505
    );
}

.moments-slider{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;
}

.moment-item{

    overflow:hidden;

    border-radius:28px;

    height:520px;
}

.moment-item img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:1s ease;
}

.moment-item:hover img{

    transform:scale(1.08);
}

/* =========================================
   PRIVATE EVENTS
========================================= */

.private-events-section{

    position:relative;

    padding:180px 20px;

    text-align:center;

    overflow:hidden;

    background:
    linear-gradient(
        rgba(0,0,0,0.72),
        rgba(0,0,0,0.88)
    ),
    url('/images/events/private-bg.jpg');

    background-size:cover;
    background-position:center;
}

.private-overlay{

    position:absolute;

    inset:0;

    background:
    radial-gradient(
        circle at center,
        rgba(255,140,0,0.14),
        transparent 70%
    );
}

.private-content{

    position:relative;

    z-index:2;

    max-width:950px;

    margin:auto;
}

.private-content h2{

    font-family:'Oswald',sans-serif;

    font-size:90px;

    line-height:1;

    margin-bottom:35px;
}

.private-content h2 span{

    color:#ff8c00;
}

.private-content p{

    color:#d0d0d0;

    font-size:24px;

    line-height:2;

    margin-bottom:50px;
}

.private-buttons{

    display:flex;

    justify-content:center;

    gap:25px;

    flex-wrap:wrap;
}

.private-btn-primary,
.private-btn-secondary{

    height:70px;

    padding:0 36px;

    border-radius:16px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    text-decoration:none;

    font-size:16px;

   font-weight:700;

    transition:.35s ease;
}

.private-btn-primary{

    background:#ff8c00;

    color:#fff;
}

.private-btn-primary:hover{

    transform:translateY(-5px);

    box-shadow:
    0 20px 45px rgba(255,140,0,0.35);
}

.private-btn-secondary{

    border:1px solid rgba(255,255,255,0.15);

    color:#fff;
    background:rgba(255,255,255,0.04);
}

.private-btn-secondary:hover{

    background:#fff;

    color:#000;

    transform:translateY(-5px);
}

/* =========================================
   FINAL CTA
========================================= */

.events-final-cta{

    padding:140px 20px;

    text-align:center;
}

.events-final-content{

    max-width:900px;

    margin:auto;
}

.events-final-content h2{

    font-family:'Oswald',sans-serif;

    font-size:82px;

    margin-bottom:35px;
}

.events-final-content p{

    color:#cfcfcf;

    font-size:22px;

    line-height:2;

    margin-bottom:45px;
}

.events-final-btn{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    height:70px;

    padding:0 38px;

    border-radius:16px;

    background:#ff8c00;

    color:#fff;

    text-decoration:none;

    font-weight:700;

    transition:.35s ease;
}

.events-final-btn:hover{

    transform:translateY(-5px);

    box-shadow:
    0 20px 45px rgba(255,140,0,0.35);
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1100px){

    .experience-grid,
    .moments-slider{

        grid-template-columns:1fr;
    }

    .featured{

        transform:none;
    }

}

@media(max-width:768px){

    .events-hero{

        min-height:65vh;
    }

    /* .events-hero h1,*/
    .private-content h2,
    .events-final-content h2,
    .section-top h2{

        font-size:52px;
    }

    .events-hero p,
    .section-top p,
    .private-content p,
    .events-final-content p{

        font-size:18px;
    }

    .upcoming-experiences,
    .moments-section{

        padding:90px 20px;
    }

  .experience-content h3{

        font-size:38px;
    }

    .moment-item{

        height:380px;
    }

} 

/* =========================================
   EVENTS PAGE MOBILE FIX
========================================= */

@media (max-width:768px){

    /* HERO */

    .events-hero{
        min-height:65vh !important;

         padding:0 20px;

        align-items:flex-start;

    }

    .events-hero-content{
        width:100%;
        max-width:100%;
        padding:
        130px 0 70px !important;
    }

   .events-mini-title{

        font-size:11px;

        letter-spacing:4px;

        margin-bottom:18px;
    }
  
    .events-hero h1{

        font-size:clamp(34px,9vw,52px);
        word-break:normal !important;

        overflow-wrap:normal !important;

        hyphens:none;

        line-height:0.95;

        margin-bottom:22px;
      
    }

    .events-hero p{

         font-size:16px;

        line-height:1.7;

        max-width:100%;

        padding:0 8px;
    }

    /* SECTION TITLES */

    .section-top h2,
    .private-content h2,
    .events-final-content h2{

        font-size:36px !important;

        line-height:1.1 !important;

        word-break:break-word;
    }

    .section-top p,
    .private-content p,
    .events-final-content p{

        font-size:16px !important;

        line-height:1.7 !important;
    }

    /* CARDS */

    .experience-card{

        min-height:auto !important;

        border-radius:24px !important;
    }

    .experience-content{

        padding:28px 22px !important;
    }

    .experience-content h3{

        font-size:30px !important;

        line-height:1.1 !important;

        word-break:break-word;
    }

    .experience-content p{

        font-size:15px !important;

        line-height:1.7 !important;
    }

    /* MOMENTS */

    .moment-item{

        height:280px !important;

        border-radius:22px !important;
    }

    /* PRIVATE SECTION */

    .private-events{

        padding:90px 20px !important;
    }

    .private-content{

        padding:40px 25px !important;
    }

    /* BUTTONS */

    .events-btn,
    .events-final-btn{

        width:100% !important;

        justify-content:center;

        text-align:center;

        font-size:15px !important;

        padding:18px 20px !important;
    }

    /* GENERAL FIX */

    .events-page *{

        max-width:100%;
    }

    img{

        height:auto;
    }

}

/* HIDE ARTICLE SOCIAL SHARE */

.social-share-block,
.article-social-share,
.sp-social-share,
.at-share-btn-elements,
.sharethis-inline-share-buttons{

    display:none !important;
}

/* REMOVE EMPTY WRAPPER */

.article-details .article-ratings-social-share{
    display:none !important;
    margin:0 !important;
    padding:0 !important;
    height:0 !important;
}

/* REMOVE WHITE LINE */

.article-details{
    overflow:hidden;
}

/*Για να κάνω το εικονίδιο Χινκάλι στο άρθρο Σχετικά με εμάς ίδιο με τα υπόλοιπα εικονίδια*/

/* KHINKALI ICON SAME STYLE */

.philosophy-card .sf-logo-circle{

    width:100px;
    height:100px;

    margin:
    0 auto 35px;

    border-radius:50%;

    background:#ff8c00;

    display:flex;
    align-items:center;
    justify-content:center;

    box-shadow:
    0 15px 35px rgba(255,140,0,0.30);
}
/* IMAGE */

.philosophy-card .sf-logo-circle img{

    width:58%;
    height:58%;
    object-fit:contain;

    
    filter:
    brightness(0)
    invert(1);

}

/* =========================================
   CHEF BUTTON
========================================= */

.chef-btn{

  white-space:nowrap;
}

.chef-btn:hover{

    transform:
    translateY(-4px);

    border-color:#ff8c00;

    color:#ff8c00;

    background:
    rgba(255,140,0,0.08);

    box-shadow:
    0 12px 30px rgba(255,140,0,0.14);
}

@media (max-width:991px){

  .sf-buttons{
    justify-content:center;
  }

  .chef-btn{
    width:auto;
    min-width:auto;
    flex:unset;
  }

}

@media (max-width:768px){

  .sf-buttons{
    flex-direction:column;
    align-items:stretch;
  }

  .sf-buttons a{
    width:100%;
  }

}

.chef-btn img{
    width:22px;
    height:22px;

    object-fit:contain;

    opacity:.95;
}

/*==========================
LANGUAGE SWITCHER
==========================*/


.sf-language-switch{

display:flex;

align-items:center;

gap:12px;

margin-right:20px;

font-family:
'Montserrat',
sans-serif;

}



.sf-language-switch a{

text-decoration:none;

color:#fff;

font-size:14px;

font-weight:700;

letter-spacing:2px;

transition:.3s;

}



.sf-language-switch a:hover{

color:#ff8c00;

}



.sf-language-switch span{

color:
rgba(
255,
255,
255,
.4
);

}



/* ACTIVE */



html[lang="el-gr"]
.sf-language-switch a[href="/el"]{

color:
#ff8c00;

}



html[lang="en-gb"]
.sf-language-switch a[href="/en"]{

color:
#ff8c00;

}




/* MOBILE */



.sf-mobile-language{

display:flex;

justify-content:center;

gap:15px;

margin-top:35px;

padding-top:25px;

border-top:

1px solid

rgba(
255,
255,
255,
.1
);

}



.sf-mobile-language a{

text-decoration:none;

color:#fff;

font-size:22px;

font-weight:700;

letter-spacing:3px;

}



.sf-mobile-language a:hover{

color:#ff8c00;

}

/* ==========================
LANGUAGE SWITCHER DESKTOP
========================== */

.sf-language-switch a{

color:#ffffff !important;

transition:.3s;

}


.sf-language-switch a:hover{

color:#ff8c00 !important;

}



/* active language */

html[lang="el-gr"]
.sf-language-switch a[href="/el"]{

color:#ff8c00 !important;

font-weight:700;

}


html[lang="en-gb"]
.sf-language-switch a[href="/en"]{

color:#ff8c00 !important;

font-weight:700;

}



/* ==========================
PREMIUM LANGUAGE SWITCHER
========================== */


.sf-language-switch{

display:flex;
align-items:center;
gap:8px;
font-size:14px;
font-weight:600;

}


.sf-language-switch a{

padding:6px 10px;
border-radius:20px;

color:#ffffff !important;

transition:.3s;

text-decoration:none;

}


.sf-language-switch a:hover{

background:#ff8c00;

color:#000 !important;

}



/* active EL */

html[lang="el-gr"]
.sf-language-switch a[href="/el"]{

background:#ff8c00;

color:#000 !important;

font-weight:700;

box-shadow:
0 0 12px rgba(255,140,0,.5);

}



/* active EN */

html[lang="en-gb"]
.sf-language-switch a[href="/en"]{

background:#ff8c00;

color:#000 !important;

font-weight:700;

box-shadow:
0 0 12px rgba(255,140,0,.5);

}



/* MOBILE */

.sf-language-switch-mobile{

margin-top:30px;

display:flex;

justify-content:center;

gap:12px;

font-size:28px;

font-weight:700;

}


.sf-language-switch-mobile a{

color:#fff;

text-decoration:none;

padding:8px 14px;

border-radius:20px;

}


html[lang="el-gr"]
.sf-language-switch-mobile a[href="/el"],

html[lang="en-gb"]
.sf-language-switch-mobile a[href="/en"]{

background:#ff8c00;

color:#000;

}
  /* FIX TABLET MENU */