/* ============================================================
   MN Entertainment Toys — shared styles
   Άλλαξε τα χρώματα εδώ (παλέτα brand)
   ============================================================ */
:root{
  --bg:#0d0a26;
  --bg-2:#160f3d;
  --card:#1d1650;
  --ink:#f7f5ff;
  --muted:#bcb6e6;
  --magenta:#ff3d8b;
  --gold:#ffd166;
  --cyan:#4cc9f0;
  --violet:#9d4edd;
  --radius:20px;
  --shadow:0 18px 40px -18px rgba(0,0,0,.65);
  --max:1140px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Poppins',system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.6;overflow-x:hidden;
}
h1,h2,h3,.brand-word{font-family:'Baloo 2',cursive,system-ui;line-height:1.15}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
section{padding:84px 20px}
.wrap{max-width:var(--max);margin:0 auto}
.eyebrow{display:inline-block;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  font-size:.78rem;color:var(--gold);margin-bottom:14px}
.lead{color:var(--muted);font-size:1.06rem;max-width:620px}
.center{text-align:center;margin-inline:auto}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-family:'Poppins';
  padding:14px 26px;border-radius:999px;border:0;cursor:pointer;font-size:1rem;
  transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(120deg,var(--magenta),var(--violet));color:#fff;box-shadow:0 12px 26px -10px var(--magenta)}
.btn-gold{background:linear-gradient(120deg,var(--gold),#ffb03b);color:#3a2600;box-shadow:0 12px 26px -10px var(--gold)}
.btn-ghost{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.18)}

/* ---------- Header / Nav ---------- */
header{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);
  background:rgba(13,10,38,.72);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;max-width:var(--max);margin:0 auto}
.brand{display:flex;align-items:center;gap:11px}
.brand-mark{width:38px;height:38px;flex:0 0 auto}
.brand-word{display:flex;flex-direction:column;line-height:1}
.brand-word .b1{font-weight:800;font-size:1.18rem;
  background:linear-gradient(120deg,var(--gold),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-word .b2{font-family:'Poppins';font-weight:500;font-size:.6rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--muted);margin-top:3px}
.nav-right{display:flex;align-items:center;gap:18px}
.nav-links{display:flex;gap:24px;align-items:center}
.nav-links a:not(.btn){color:var(--muted);font-weight:500;font-size:.95rem;transition:color .2s}
.nav-links a:not(.btn):hover{color:#fff}
.nav-cta{padding:10px 20px;font-size:.9rem}

/* language toggle */
.lang-toggle{display:inline-flex;border:1px solid rgba(255,255,255,.18);border-radius:999px;overflow:hidden;background:rgba(255,255,255,.04)}
.lang-toggle button{background:none;border:0;color:var(--muted);font-family:'Poppins';font-weight:600;
  font-size:.8rem;padding:6px 11px;cursor:pointer;transition:.2s}
.lang-toggle button.active{background:linear-gradient(120deg,var(--magenta),var(--violet));color:#fff}

.burger{display:none;background:none;border:0;color:#fff;cursor:pointer;padding:6px}
.burger svg{width:30px;height:30px}

/* ---------- Hero ---------- */
.hero{position:relative;padding:110px 20px 96px;text-align:center;
  background:radial-gradient(1100px 520px at 50% -10%,rgba(157,78,221,.45),transparent 60%),
             radial-gradient(800px 420px at 85% 10%,rgba(76,201,240,.22),transparent 60%),
             linear-gradient(180deg,var(--bg),var(--bg-2))}
.hero h1{font-size:clamp(2.1rem,5.5vw,3.7rem);font-weight:800;margin-bottom:20px}
.hero h1 .hl{color:var(--gold)}
.hero .lead{margin:0 auto 32px;font-size:1.15rem}
.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.badge{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  padding:9px 16px;border-radius:999px;font-size:.86rem;color:var(--muted);font-weight:500}
.badge b{color:#fff}
.float{position:absolute;font-size:2.2rem;opacity:.55;animation:floaty 6s ease-in-out infinite;pointer-events:none;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-16px) rotate(4deg)}}

/* ---------- Services ---------- */
.grid{display:grid;gap:22px}
.services .grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:46px}
.card{background:linear-gradient(180deg,var(--card),rgba(29,22,80,.55));border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius);padding:30px 26px;box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s}
.card:hover{transform:translateY(-6px);border-color:rgba(255,209,102,.45)}
.ic{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;margin-bottom:18px;
  background:linear-gradient(135deg,rgba(255,61,139,.22),rgba(76,201,240,.22))}
.ic svg{width:30px;height:30px}
.card h3{font-size:1.24rem;margin-bottom:9px}
.card p{color:var(--muted);font-size:.97rem}

/* ---------- Why us ---------- */
.why{background:linear-gradient(180deg,var(--bg-2),var(--bg))}
.why .grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:44px}
.feat{display:flex;gap:14px;align-items:flex-start}
.feat .chk{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--gold),#ffb03b);color:#3a2600;font-weight:800}
.feat h4{font-family:'Poppins';font-weight:700;font-size:1.04rem;margin-bottom:2px}
.feat p{color:var(--muted);font-size:.92rem}

/* ---------- Gallery ---------- */
.gallery .grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:44px}
.shot{aspect-ratio:4/3;border-radius:16px;display:grid;place-items:center;text-align:center;color:#fff;
  font-weight:600;border:1px dashed rgba(255,255,255,.25);position:relative;overflow:hidden}
.shot span{position:relative;z-index:2;padding:10px;font-size:.9rem;opacity:.92}
.shot.g1{background:linear-gradient(135deg,#ff3d8b,#9d4edd)}
.shot.g2{background:linear-gradient(135deg,#4cc9f0,#4361ee)}
.shot.g3{background:linear-gradient(135deg,#ffd166,#ff7b00)}
.shot.g4{background:linear-gradient(135deg,#06d6a0,#1b9aaa)}
.shot.g5{background:linear-gradient(135deg,#9d4edd,#3a0ca3)}
.shot.g6{background:linear-gradient(135deg,#ff7b9c,#ff3d8b)}
.gallery-img{aspect-ratio:4/3;width:100%;object-fit:cover;border-radius:16px;display:block;
  box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.08)}
.note{margin-top:18px;color:var(--muted);font-size:.86rem;text-align:center}

/* ---------- CTA band ---------- */
.cta-band{background:linear-gradient(120deg,var(--magenta),var(--violet));border-radius:28px;
  padding:48px 30px;text-align:center;box-shadow:var(--shadow);margin:0 20px}
.cta-band h2{font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:12px}
.cta-band p{color:rgba(255,255,255,.9);margin-bottom:26px}

/* ---------- Contact ---------- */
.contact{background:linear-gradient(180deg,var(--bg),var(--bg-2))}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:44px}
.contact-info .row{display:flex;gap:14px;align-items:center;margin-bottom:20px}
.contact-info .row .ic{margin:0;width:48px;height:48px}
.contact-info .row b{display:block;font-family:'Poppins';font-weight:600}
.contact-info .row span{color:var(--muted);font-size:.94rem}
.contact-info .row a{color:var(--cyan)}
form{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
.field{margin-bottom:16px}
label{display:block;font-size:.86rem;font-weight:500;margin-bottom:6px;color:var(--muted)}
input,select,textarea{width:100%;padding:13px 15px;border-radius:12px;border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.22);color:#fff;font-family:'Poppins';font-size:.96rem}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--magenta)}
select option{color:#1a1148;background:#fff}
textarea{resize:vertical;min-height:96px}
form .btn{width:100%;justify-content:center;margin-top:6px}
.formnote{font-size:.78rem;color:var(--muted);text-align:center;margin-top:12px}
.formnote[data-state="ok"]{color:#06d6a0;font-weight:600}
.formnote[data-state="err"]{color:#ff6b6b;font-weight:600}
/* honeypot — κρυφό από χρήστες, ορατό σε bots */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}

/* ---------- Footer ---------- */
footer{background:#080619;padding:46px 20px;border-top:1px solid rgba(255,255,255,.06)}
.foot{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;max-width:var(--max);margin:0 auto}
.foot .brand{margin-bottom:12px}
.legal{color:var(--muted);font-size:.85rem;line-height:1.9}
.legal b{color:#e9e6ff}
.legal a{color:var(--cyan)}
.foot-links{display:flex;gap:18px;margin-top:10px;flex-wrap:wrap}
.foot-links a{color:var(--muted);font-size:.85rem}
.foot-links a:hover{color:#fff}
.copy{text-align:center;color:#6f6aa0;font-size:.8rem;margin-top:30px}

/* ---------- Reveal ---------- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}

/* ---------- Cookie banner ---------- */
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:100;max-width:760px;margin:0 auto;
  background:var(--card);border:1px solid rgba(255,255,255,.14);border-radius:18px;
  box-shadow:0 22px 50px -18px rgba(0,0,0,.8);padding:20px 22px;
  display:none;gap:18px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.cookie.show{display:flex;animation:rise .4s ease}
@keyframes rise{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
.cookie p{color:var(--muted);font-size:.88rem;flex:1 1 320px;margin:0}
.cookie p a{color:var(--cyan);text-decoration:underline}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-actions .btn{padding:10px 20px;font-size:.9rem}

/* ---------- Legal pages ---------- */
.legal-page{background:linear-gradient(180deg,var(--bg),var(--bg-2));min-height:70vh;padding:60px 20px 40px}
.legal-wrap{max-width:820px;margin:0 auto}
.legal-page h1{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:8px}
.legal-page .updated{color:var(--muted);font-size:.85rem;margin-bottom:18px}
.legal-page h2{font-size:1.25rem;margin:30px 0 8px;color:#fff}
.legal-page p,.legal-page li{color:#d9d5f4;font-size:.97rem;margin-bottom:10px}
.legal-page ul{padding-left:22px;margin-bottom:10px}
.legal-page a{color:var(--cyan);text-decoration:underline}
.disclaimer{background:rgba(255,209,102,.1);border:1px solid rgba(255,209,102,.35);border-radius:14px;
  padding:16px 18px;margin:22px 0;color:var(--gold);font-size:.9rem}
.back-link{display:inline-block;margin-top:30px;color:var(--cyan)}

/* ---------- Responsive ---------- */
@media (max-width:860px){
  .contact-grid{grid-template-columns:1fr}
  .nav-links{position:fixed;inset:62px 0 auto 0;flex-direction:column;gap:0;
    background:var(--bg-2);border-bottom:1px solid rgba(255,255,255,.08);
    max-height:0;overflow:hidden;transition:max-height .3s ease}
  .nav-links.open{max-height:420px}
  .nav-links a{padding:15px 24px;width:100%;border-top:1px solid rgba(255,255,255,.05)}
  .nav-cta{margin:14px 24px}
  .burger{display:block}
  .brand-word .b2{display:none}
}