/* ============================================================
   MİNNOŞ (MF-Mini) — Etkileşimli Mini Robot
   Theme: warm pastel + tech-cute + OLED dark accents
   Standalone CSS (does NOT import other site themes)
   ============================================================ */

:root{
  /* ─── Base surfaces (warm, soft, friendly) ─── */
  --mn-bg:#fef8f3;            /* warm cream white */
  --mn-bg-2:#fdeee4;          /* peachy soft */
  --mn-surface:#ffffff;
  --mn-surface-2:#fff6ef;

  /* ─── OLED "screen" dark (for robot face areas) ─── */
  --mn-oled:#0a0e14;          /* deep OLED black */
  --mn-oled-2:#121821;
  --mn-oled-glow:#5ee6c8;     /* cyan-mint OLED pixel glow */

  /* ─── Text ─── */
  --mn-text:#3a2e2a;          /* warm dark brown */
  --mn-text-soft:#7c6a62;
  --mn-text-muted:#a89a92;

  /* ─── Brand accents (from the 7 robot colors) ─── */
  --mn-peach:#ff9e7d;          /* Şeftali */
  --mn-mint:#6fd9bd;           /* Nane */
  --mn-sky:#7cc4f5;            /* Gökyüzü */
  --mn-lavender:#b4a3e8;       /* Lavanta */
  --mn-butter:#ffd27d;         /* Tereyağı */
  --mn-powder:#ffb3c9;         /* Pudra */
  --mn-cream:#f5e6cf;          /* Krem */

  /* ─── Primary brand identity ─── */
  --mn-primary:#ff8a6b;        /* warm coral (peach-driven) */
  --mn-primary-deep:#f56b4a;
  --mn-secondary:#6fd9bd;      /* mint */
  --mn-secondary-deep:#3fb89a;
  --mn-accent:#b4a3e8;         /* lavender pop */

  /* ─── Borders / shadows ─── */
  --mn-border:rgba(245,107,74,0.14);
  --mn-border-soft:rgba(245,107,74,0.08);
  --mn-shadow:0 8px 28px -10px rgba(220,130,90,0.22);
  --mn-shadow-lg:0 24px 60px -22px rgba(220,130,90,0.30);
  --mn-shadow-glow:0 0 40px rgba(111,217,189,0.25);

  /* ─── Radii (soft, rounded, cute) ─── */
  --mn-radius-sm:12px;
  --mn-radius-md:20px;
  --mn-radius-lg:32px;
  --mn-radius-xl:44px;

  /* ─── Fonts (rounded, friendly + a techy mono for accents) ─── */
  --mn-font-display:'Baloo 2','Quicksand',sans-serif;   /* chunky rounded */
  --mn-font-body:'Nunito','Quicksand',sans-serif;
  --mn-font-mono:'Space Mono','JetBrains Mono',monospace; /* tech accents */

  --mn-transition:0.35s cubic-bezier(0.34,1.56,0.64,1);  /* bouncy! */
  --mn-transition-smooth:0.4s cubic-bezier(0.4,0,0.2,1);
  --mn-nav-h:72px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{
  background:var(--mn-bg);
  color:var(--mn-text);
  font-family:var(--mn-font-body);
  font-weight:500;
  line-height:1.7;
  overflow-x:hidden;
  background-image:
    radial-gradient(circle at 15% 10%,rgba(255,158,125,0.06) 0%,transparent 38%),
    radial-gradient(circle at 85% 60%,rgba(111,217,189,0.06) 0%,transparent 38%),
    radial-gradient(circle at 50% 95%,rgba(180,163,232,0.05) 0%,transparent 42%);
  background-attachment:fixed;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}

::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--mn-bg-2)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--mn-primary),var(--mn-secondary));border-radius:5px;border:2px solid var(--mn-bg-2)}

.container{width:min(1240px,100% - 3rem);margin-inline:auto}

/* ============================================================
   NAVBAR (transparent at top → solid on scroll)
   ============================================================ */
#navbar{
  position:fixed;top:0;left:0;right:0;height:var(--mn-nav-h);z-index:1000;
  background:transparent;
  backdrop-filter:none;-webkit-backdrop-filter:none;
  border-bottom:1px solid transparent;
  transition:background var(--mn-transition-smooth),backdrop-filter var(--mn-transition-smooth),border-color var(--mn-transition-smooth),box-shadow var(--mn-transition-smooth);
}
#navbar.scrolled{
  background:rgba(254,248,243,0.92);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-bottom-color:var(--mn-border-soft);
  box-shadow:0 4px 24px -8px rgba(220,130,90,0.15);
}
.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.nav-logo{display:flex;align-items:center;gap:.6rem}
.nav-logo img{height:38px;width:auto}
.nav-logo-text{
  font-family:var(--mn-font-display);font-size:1.15rem;font-weight:800;letter-spacing:.01em;
  background:linear-gradient(135deg,var(--mn-primary-deep),var(--mn-secondary-deep));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

.nav-links{display:flex;align-items:center;gap:.2rem}
.nav-links a,.nav-dropdown>span{
  font-family:var(--mn-font-body);font-size:.9rem;font-weight:700;
  padding:.5rem .9rem;border-radius:100px;color:var(--mn-text);
  transition:var(--mn-transition-smooth);cursor:pointer;white-space:nowrap;
  display:flex;align-items:center;gap:.35rem;
}
.nav-links a:hover,.nav-dropdown>span:hover{color:var(--mn-primary-deep);background:rgba(255,158,125,0.12)}

.nav-dropdown{position:relative}
.nav-dropdown>span::after{content:'▾';font-size:.6rem;transition:transform .25s}
.nav-dropdown.open>span::after{transform:rotate(180deg)}
.dropdown-menu{
  position:absolute;top:calc(100% + .5rem);left:50%;transform:translateX(-50%) translateY(-8px);
  min-width:220px;background:var(--mn-surface);
  border:1px solid var(--mn-border);border-radius:var(--mn-radius-md);
  padding:.6rem;opacity:0;pointer-events:none;transition:var(--mn-transition-smooth);
  box-shadow:var(--mn-shadow-lg);z-index:200;
}
.nav-dropdown.open .dropdown-menu{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.dropdown-menu a{display:block;padding:.55rem .9rem;border-radius:var(--mn-radius-sm);font-size:.85rem;color:var(--mn-text);transition:var(--mn-transition-smooth)}
.dropdown-menu a:hover{background:rgba(255,158,125,0.12);color:var(--mn-primary-deep)}
.dropdown-section-label{font-size:.62rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--mn-text-muted);padding:.5rem .9rem .15rem}

.nav-right{display:flex;align-items:center;gap:1rem}
.lang-switcher{display:flex;gap:.25rem}
.lang-btn{
  font-family:var(--mn-font-body);font-size:.72rem;font-weight:800;letter-spacing:.05em;
  padding:.35rem .65rem;border-radius:100px;color:var(--mn-text-muted);
  border:1.5px solid transparent;transition:var(--mn-transition-smooth);
}
.lang-btn:hover,.lang-btn.active{color:var(--mn-primary-deep);border-color:var(--mn-primary);background:rgba(255,158,125,0.1)}

.nav-cta{
  font-family:var(--mn-font-display);font-size:.82rem;font-weight:700;letter-spacing:.02em;
  padding:.55rem 1.3rem;border-radius:100px;
  background:linear-gradient(135deg,var(--mn-primary),var(--mn-secondary));
  color:#fff;box-shadow:0 6px 20px -4px rgba(255,138,107,0.45);
  transition:var(--mn-transition);
}
.nav-cta:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 10px 28px -4px rgba(255,138,107,0.6)}

.nav-hamburger{display:none;flex-direction:column;gap:5px;padding:.5rem}
.nav-hamburger span{display:block;width:24px;height:2.5px;background:var(--mn-primary-deep);border-radius:2px;transition:var(--mn-transition-smooth)}
.mobile-menu{display:none;position:fixed;top:var(--mn-nav-h);left:0;right:0;bottom:0;background:rgba(254,248,243,0.98);backdrop-filter:blur(20px);padding:2rem;overflow-y:auto;z-index:999;flex-direction:column;gap:.5rem}
.mobile-menu.open{display:flex}
.mobile-menu a{font-family:var(--mn-font-display);font-size:1.1rem;font-weight:700;padding:1rem;border-bottom:1px solid var(--mn-border);color:var(--mn-text);transition:var(--mn-transition-smooth)}
.mobile-menu a:hover{color:var(--mn-primary-deep)}

/* Transparent-top: white text for readability over hero */
#navbar:not(.scrolled) .nav-links a,
#navbar:not(.scrolled) .nav-dropdown>span,
#navbar:not(.scrolled) .lang-btn{color:#fff}
#navbar:not(.scrolled) .nav-links a:hover,
#navbar:not(.scrolled) .nav-dropdown>span:hover{color:#fff;background:rgba(255,255,255,0.15)}
#navbar:not(.scrolled) .lang-btn:hover,
#navbar:not(.scrolled) .lang-btn.active{color:#fff;border-color:#fff;background:rgba(255,255,255,0.18)}
#navbar:not(.scrolled) .nav-hamburger span{background:#fff}
/* dropdown items stay dark (menu bg is white) */
#navbar:not(.scrolled) .dropdown-menu a{color:var(--mn-text)}
#navbar:not(.scrolled) .dropdown-menu a:hover{color:var(--mn-primary-deep);background:rgba(255,158,125,0.12)}
/* mobile: always solid */
@media(max-width:900px){
  #navbar{background:rgba(254,248,243,0.96)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border-bottom-color:var(--mn-border-soft)!important}
  #navbar .nav-logo-text{background:linear-gradient(135deg,var(--mn-primary-deep),var(--mn-secondary-deep))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}
  #navbar .lang-btn{color:var(--mn-text-muted)!important;border-color:transparent!important;background:transparent!important}
  #navbar .lang-btn.active{color:var(--mn-primary-deep)!important;border-color:var(--mn-primary)!important;background:rgba(255,158,125,0.1)!important}
  #navbar .nav-hamburger span{background:var(--mn-primary-deep)!important}
}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.9rem 1.9rem;font-family:var(--mn-font-display);
  font-size:.92rem;font-weight:700;letter-spacing:.01em;
  border-radius:100px;transition:var(--mn-transition);cursor:pointer;border:0;
}
.btn-primary{
  background:linear-gradient(135deg,var(--mn-primary),var(--mn-primary-deep));
  color:#fff;box-shadow:0 8px 24px -6px rgba(255,138,107,0.5);
}
.btn-primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 14px 32px -6px rgba(255,138,107,0.65)}
.btn-mint{
  background:linear-gradient(135deg,var(--mn-secondary),var(--mn-secondary-deep));
  color:#fff;box-shadow:0 8px 24px -6px rgba(111,217,189,0.5);
}
.btn-mint:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 14px 32px -6px rgba(111,217,189,0.65)}
.btn-outline{
  background:var(--mn-surface);color:var(--mn-primary-deep);
  border:2px solid var(--mn-primary);
}
.btn-outline:hover{background:rgba(255,158,125,0.1);transform:translateY(-2px)}
.btn-ghost{
  background:rgba(255,255,255,0.15);color:#fff;
  border:1.5px solid rgba(255,255,255,0.5);backdrop-filter:blur(8px);
}
.btn-ghost:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px)}

/* ============================================================
   FOOTER
   ============================================================ */
footer{
  background:var(--mn-bg-2);
  border-top:1px solid var(--mn-border);
  padding:4rem 0 2rem;position:relative;
}
footer::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--mn-primary),var(--mn-secondary),transparent);
}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem}
.footer-logo-text{font-family:var(--mn-font-display);font-size:1.2rem;font-weight:800;margin-bottom:.75rem;background:linear-gradient(135deg,var(--mn-primary-deep),var(--mn-secondary-deep));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.text-gradient{background:linear-gradient(135deg,var(--mn-primary-deep),var(--mn-secondary-deep));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.footer-brand p{font-size:.92rem;color:var(--mn-text-soft);margin:1rem 0;max-width:30ch;line-height:1.7}
.social-links{display:flex;gap:.6rem;flex-wrap:wrap}
.social-link{
  width:42px;height:42px;border:1.5px solid var(--mn-border);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:var(--mn-text-soft);background:var(--mn-surface);transition:var(--mn-transition);
}
.social-link svg{width:18px;height:18px;fill:currentColor}
.social-link:hover{transform:translateY(-3px) rotate(-8deg);color:var(--mn-primary-deep);border-color:var(--mn-primary);box-shadow:0 8px 20px -4px rgba(255,138,107,0.3)}
.social-link.youtube:hover{color:#ff0033;border-color:#ff0033}
.social-link.instagram:hover{color:#E1306C;border-color:#E1306C}
.social-link.shop:hover{color:var(--mn-secondary-deep);border-color:var(--mn-secondary)}
.social-link.github:hover{color:var(--mn-text);border-color:var(--mn-text)}
.footer-col h4{font-family:var(--mn-font-display);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mn-text);margin-bottom:1.25rem}
.footer-col ul{display:flex;flex-direction:column;gap:.55rem}
.footer-col a{font-size:.88rem;color:var(--mn-text-soft);transition:var(--mn-transition-smooth)}
.footer-col a:hover{color:var(--mn-primary-deep);padding-left:4px}
.footer-bottom{border-top:1px solid var(--mn-border);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-bottom p{font-size:.82rem;color:var(--mn-text-muted)}
.footer-legal{display:flex;gap:1.25rem;flex-wrap:wrap}
.footer-legal a{font-size:.78rem;color:var(--mn-text-muted);transition:var(--mn-transition-smooth)}
.footer-legal a:hover{color:var(--mn-primary-deep)}

/* ============================================================
   SHARED SECTION SHELL (used by all content sections)
   ============================================================ */
.mn-section{padding:6rem 0;position:relative}
.mn-section .label{
  display:inline-block;font-family:var(--mn-font-display);
  font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  color:var(--mn-primary-deep);background:rgba(255,158,125,0.14);
  padding:.4rem 1rem;border-radius:100px;margin-bottom:1rem;
}
.mn-section h2{
  font-family:var(--mn-font-display);
  font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:800;
  color:var(--mn-text);line-height:1.1;letter-spacing:-.01em;margin-bottom:1rem;
}
.mn-section h2 .accent{
  background:linear-gradient(135deg,var(--mn-primary-deep),var(--mn-secondary-deep));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.mn-section .lead{color:var(--mn-text-soft);max-width:62ch;font-size:1.02rem;line-height:1.75}
.mn-section-head{text-align:center;margin-bottom:4rem}
.mn-section-head .lead{margin-inline:auto}
.mn-divider{width:72px;height:4px;background:linear-gradient(90deg,var(--mn-primary),var(--mn-secondary));margin:1.2rem auto;border-radius:2px}

/* ============================================================
   REVEAL animation (shared)
   ============================================================ */
.mn-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.mn-reveal.revealed{opacity:1;transform:none}

/* ============================================================
   RESPONSIVE (shared shell)
   ============================================================ */
@media(max-width:900px){
  .nav-links{display:none}
  .nav-hamburger{display:flex}
  .nav-cta{display:none}
  .mn-section{padding:4.5rem 0}
  .footer-grid{grid-template-columns:1fr 1fr 1fr;gap:2rem}
  .footer-grid > .footer-brand{grid-column:span 3}
}
@media(max-width:600px){
  .mn-section{padding:3.5rem 0}
  .footer-grid{grid-template-columns:1fr}
  .footer-grid > .footer-brand{grid-column:span 1}
  .footer-bottom{flex-direction:column;text-align:center}
}

/* ============================================================
   HERO — Minnoş intro (warm gradient + OLED-face robot)
   ============================================================ */
.mn-hero{
  position:relative;min-height:100vh;overflow:hidden;
  display:flex;align-items:center;
  background:linear-gradient(135deg,#ffe8d6 0%,#ffd9e4 45%,#e6e0fb 100%);
}
.mn-hero-media,.mn-hero-slider{position:absolute;inset:0;z-index:0}
.mn-hero-media video,.mn-hero-media img,
.mn-hero-slider video,.mn-hero-slider img{width:100%;height:100%;object-fit:cover}

/* ============================================================
   HERO MOBILE — robot/video first, text below
   ============================================================ */
@media (max-width:900px){
  .mn-hero-inner{
    display:flex !important;
    flex-direction:column !important;
    gap:2rem;
    padding-top:calc(var(--mn-nav-h) + 1rem);
  }
  .mn-hero-robot{order:1 !important}
  .mn-hero-content{order:2 !important;padding-top:10rem}
}

/*********************** phone video ayarları ************************************************************************/
@media (max-width:768px){
  .mn-hero-media video,.mn-hero-media img,
  .mn-hero-slider video,.mn-hero-slider img{
    object-position:72% center;
  }
}

.mn-hero-slider .mn-h-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
.mn-hero-slider .mn-h-slide.active{opacity:1}

/* Floating soft blobs */
.mn-hero::before,.mn-hero::after{
  content:'';position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;z-index:1;pointer-events:none;
}
.mn-hero::before{width:340px;height:340px;top:-80px;right:8%;background:radial-gradient(circle,var(--mn-peach),transparent 70%);animation:mn-float 9s ease-in-out infinite}
.mn-hero::after{width:300px;height:300px;bottom:-60px;left:5%;background:radial-gradient(circle,var(--mn-mint),transparent 70%);animation:mn-float 11s ease-in-out infinite reverse}
@keyframes mn-float{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,-30px)}}

.mn-hero-inner{
  position:relative;z-index:3;width:100%;
  display:grid;grid-template-columns:1.1fr 0.9fr;gap:3rem;align-items:center;
  padding-top:var(--mn-nav-h);
}
@media(max-width:900px){
  .mn-hero-inner{grid-template-columns:1fr;text-align:center;gap:2rem;padding-top:calc(var(--mn-nav-h) + 1rem)}
}

.mn-hero-content .mn-hero-badge{
  display:inline-flex;align-items:center;gap:.5rem;
  background:rgba(255,255,255,0.7);border:1.5px solid rgba(255,255,255,0.9);
  border-radius:100px;padding:.5rem 1.2rem;
  font-family:var(--mn-font-display);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--mn-primary-deep);margin-bottom:1.5rem;backdrop-filter:blur(8px);
  box-shadow:0 4px 16px -4px rgba(255,138,107,0.3);
}
.mn-hero-badge::before{content:'';font-size:.9rem}
.mn-hero-content h1{
  font-family:var(--mn-font-display);
  font-size:clamp(2.8rem,6.5vw,5.2rem);font-weight:800;
  color:var(--mn-text);line-height:1.02;letter-spacing:-.02em;margin-bottom:1.4rem;
}
.mn-hero-content h1 .name{
  background:linear-gradient(135deg,var(--mn-primary) 0%,var(--mn-accent) 50%,var(--mn-secondary) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  display:inline-block;
}
.mn-hero-content p{
  color:var(--mn-text-soft);font-size:clamp(1rem,1.5vw,1.18rem);
  max-width:52ch;margin-bottom:2.2rem;font-weight:600;line-height:1.7;
}
@media(max-width:900px){.mn-hero-content p{margin-inline:auto}}
.mn-hero-actions{display:flex;gap:1rem;flex-wrap:wrap}
@media(max-width:900px){.mn-hero-actions{justify-content:center}}

/* Hero stats */
.mn-hero-stats{display:flex;gap:2.5rem;margin-top:2.5rem}
@media(max-width:900px){.mn-hero-stats{justify-content:center;gap:1.8rem}}
.mn-hero-stat .v{font-family:var(--mn-font-display);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;color:var(--mn-primary-deep);line-height:1}
.mn-hero-stat .l{font-size:.74rem;font-weight:700;color:var(--mn-text-soft);letter-spacing:.04em;margin-top:.3rem}

/* ─── Hero robot figure (OLED face) ─── */
.mn-hero-robot{display:flex;align-items:center;justify-content:center;position:relative}
.mn-robot{
  position:relative;width:min(340px,80vw);aspect-ratio:1;
  background:linear-gradient(160deg,#7fff3a 0%,#5fe01f 100%);
  border-radius:5%;
  box-shadow:var(--mn-shadow-lg),inset 0 -12px 30px rgba(95,224,31,0.25);
  border:3px solid #9dff5e;
  display:flex;align-items:center;justify-content:center;
  animation:mn-robot-bob 4s ease-in-out infinite;
}
@keyframes mn-robot-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}

/* OLED screen with eyes */
.mn-robot-screen{
  width:70%;aspect-ratio:128/64;background:var(--mn-oled);
  border-radius:20px;position:relative;overflow:hidden;
  box-shadow:inset 0 0 30px rgba(94,230,200,0.18),0 6px 18px rgba(0,0,0,0.3);
  border:4px solid #1a222e;
}
.mn-robot-screen canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}
.mn-robot-screen::after{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(94,230,200,0.04) 2px 4px);
  pointer-events:none;
}

.mn-scroll-down{position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}
.mn-scroll-down span{font-family:var(--mn-font-display);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mn-text-soft);font-weight:700}
.mn-scroll-down .line{width:2px;height:42px;background:linear-gradient(to bottom,var(--mn-primary),transparent);border-radius:2px;animation:mn-scroll-anim 2s ease-in-out infinite}
@keyframes mn-scroll-anim{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media(max-width:760px){.mn-scroll-down{display:none}}

/* Hero text white when background video/image is used */
.mn-hero-content p{color:#fff}
.mn-hero-stat .l{color:rgba(255,255,255,0.85)}
.mn-hero-stat .v{color:#fff}
.mn-scroll-down span{color:rgba(255,255,255,0.9)}
.mn-hero-content h1{color:#fff}

/* ============================================================
   VIDEO — YouTube trailer, cinematic frame
   ============================================================ */
#mn-video{background:var(--mn-bg-2);position:relative;overflow:hidden}
#mn-video::before{
  content:'';position:absolute;top:-30%;right:-10%;width:50%;height:160%;
  background:radial-gradient(ellipse,rgba(111,217,189,0.10) 0%,transparent 60%);pointer-events:none;
}
#mn-video::after{
  content:'';position:absolute;bottom:-30%;left:-10%;width:50%;height:160%;
  background:radial-gradient(ellipse,rgba(255,158,125,0.10) 0%,transparent 60%);pointer-events:none;
}
.mn-video-wrap{
  position:relative;aspect-ratio:16/9;max-width:1000px;margin:0 auto;
  border-radius:var(--mn-radius-lg);overflow:hidden;
  background:var(--mn-oled);
  box-shadow:var(--mn-shadow-lg),0 0 0 6px #fff,0 0 0 8px var(--mn-border);
}
.mn-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.mn-video-wrap .media-slot{position:absolute;inset:0}
.mn-video-wrap .media-slot.placeholder{
  display:flex;align-items:center;justify-content:center;font-size:4.5rem;
  background:linear-gradient(135deg,#0a0e14,#121821);color:var(--mn-secondary);cursor:pointer;
}
.mn-video-wrap .media-slot.placeholder::after{
  content:'▶';position:absolute;width:84px;height:84px;border-radius:50%;
  background:rgba(255,138,107,0.9);color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:2rem;box-shadow:0 8px 30px -4px rgba(255,138,107,0.6);
  animation:mn-pulse-play 2s ease-in-out infinite;
}
@keyframes mn-pulse-play{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.mn-vbracket{position:absolute;width:28px;height:28px;border:2.5px solid var(--mn-secondary);z-index:2;pointer-events:none}
.mn-vbracket.tl{top:1rem;left:1rem;border-right:0;border-bottom:0;border-top-left-radius:6px}
.mn-vbracket.tr{top:1rem;right:1rem;border-left:0;border-bottom:0;border-top-right-radius:6px}
.mn-vbracket.bl{bottom:1rem;left:1rem;border-right:0;border-top:0;border-bottom-left-radius:6px}
.mn-vbracket.br{bottom:1rem;right:1rem;border-left:0;border-top:0;border-bottom-right-radius:6px}

/* ============================================================
   ABOUT — Minnoş Nedir (split: media + content + mini cards)
   ============================================================ */
#mn-about{background:var(--mn-bg)}
.mn-about-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:4rem;align-items:center}
@media(max-width:900px){.mn-about-grid{grid-template-columns:1fr;gap:2.5rem}}

.mn-about-media{
  position:relative;aspect-ratio:1/1;border-radius:var(--mn-radius-lg);overflow:hidden;
  background:linear-gradient(135deg,#ffe8d6,#e6e0fb);
  box-shadow:var(--mn-shadow-lg);display:flex;align-items:center;justify-content:center;
}
.mn-about-media .media-slot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.mn-about-media .media-slot img,.mn-about-media .media-slot video{width:100%;height:100%;object-fit:cover}
.mn-about-media .media-slot.placeholder{font-size:7rem}
.mn-about-media::after{
  content:'';position:absolute;inset:0;border:3px solid #fff;border-radius:var(--mn-radius-lg);pointer-events:none;
}

.mn-about-content h2{margin-bottom:1.5rem}
.mn-about-content > p{color:var(--mn-text-soft);font-size:1rem;line-height:1.8;margin-bottom:1.2rem;font-weight:500}
.mn-about-content > p strong{color:var(--mn-primary-deep);font-weight:700}

.mn-about-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem}
@media(max-width:480px){.mn-about-cards{grid-template-columns:1fr}}
.mn-about-card{
  display:flex;align-items:center;gap:.75rem;
  padding:1rem 1.2rem;background:var(--mn-surface);
  border:1.5px solid var(--mn-border);border-radius:var(--mn-radius-md);
  font-family:var(--mn-font-display);font-weight:700;font-size:.92rem;color:var(--mn-text);
  transition:var(--mn-transition);box-shadow:var(--mn-shadow);
}
.mn-about-card:hover{transform:translateY(-4px);border-color:var(--mn-primary)}
.mn-about-card .ico{
  width:40px;height:40px;flex-shrink:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:1.2rem;
  background:linear-gradient(135deg,var(--mn-primary),var(--mn-secondary));
}

/* ─── Generic media slot: single / slider / video ─── */
.mn-media-slider{position:absolute;inset:0}
.mn-media-slider .mn-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.mn-media-slider .mn-slide.active{opacity:1}
.mn-media-slider .mn-slide img,
.mn-media-slider .mn-slide video{width:100%;height:100%;object-fit:cover}

/* ============================================================
   EMOTIONS — interactive robot + emotion buttons
   ============================================================ */
#mn-emotions{background:var(--mn-bg-2);position:relative;overflow:hidden}
.mn-emo-stage{display:flex;flex-direction:column;align-items:center;gap:2.5rem}

/* interactive robot (reuses hero robot look) */
.mn-emo-robot{position:relative;display:flex;flex-direction:column;align-items:center}
.mn-emo-robot .mn-robot{cursor:pointer;animation:none}
.mn-emo-robot .mn-robot:active{transform:scale(0.97)}

/* touch sensor zone on TOP of the robot */
.mn-touch-zone{
  position:absolute;top:-2px;left:50%;transform:translateX(-50%);
  width:46%;height:18%;z-index:5;cursor:pointer;border-radius:0 0 40% 40%;
  display:flex;align-items:flex-start;justify-content:center;
}
.mn-touch-hint{
  position:absolute;top:-2.6rem;left:50%;transform:translateX(-50%);
  white-space:nowrap;font-family:var(--mn-font-display);font-weight:700;font-size:.78rem;
  color:var(--mn-primary-deep);background:var(--mn-surface);
  padding:.4rem .9rem;border-radius:100px;box-shadow:var(--mn-shadow);
  border:1.5px solid var(--mn-border);animation:mn-hint-bob 1.8s ease-in-out infinite;
}
@keyframes mn-hint-bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-6px)}}
/* ripple when touched */
.mn-touch-ripple{
  position:absolute;top:8%;left:50%;width:30px;height:30px;
  border-radius:50%;background:rgba(111,217,189,0.5);
  transform:translate(-50%,-50%) scale(0);pointer-events:none;z-index:6;
}
.mn-touch-ripple.go{animation:mn-ripple .6s ease-out}
@keyframes mn-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}100%{transform:translate(-50%,-50%) scale(4);opacity:0}}

/* current emotion label */
.mn-emo-current{
  font-family:var(--mn-font-display);font-weight:800;font-size:1.4rem;
  color:var(--mn-primary-deep);min-height:1.6em;
}

/* emotion buttons grid */
.mn-emo-buttons{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;max-width:760px}
.mn-emo-btn{
  font-family:var(--mn-font-body);font-weight:700;font-size:.82rem;
  padding:.55rem 1.1rem;border-radius:100px;cursor:pointer;
  background:var(--mn-surface);color:var(--mn-text);
  border:1.5px solid var(--mn-border);transition:var(--mn-transition);
}
.mn-emo-btn:hover{transform:translateY(-3px);border-color:var(--mn-primary);color:var(--mn-primary-deep)}
.mn-emo-btn.active{
  background:linear-gradient(135deg,var(--mn-primary),var(--mn-secondary));
  color:#fff;border-color:transparent;box-shadow:0 6px 18px -4px rgba(255,138,107,0.5);
}
.mn-emo-auto{
  margin-top:.5rem;font-family:var(--mn-font-body);font-weight:700;font-size:.78rem;
  color:var(--mn-text-soft);background:transparent;border:1.5px dashed var(--mn-border);
  padding:.5rem 1.2rem;border-radius:100px;cursor:pointer;transition:var(--mn-transition);
}
.mn-emo-auto:hover{border-color:var(--mn-secondary);color:var(--mn-secondary-deep)}

/* ─── 3D CUBE robot (based on your design) ─── */
.mn-scene{perspective:1000px;display:flex;justify-content:center;padding:3rem 0 2rem}
/*.mn-cube{
  width:170px;height:170px;position:relative;transform-style:preserve-3d;
  transform:rotateY(-32deg) rotateX(-10deg) rotateZ(7deg);
  transition:transform .5s ease;
}*/
.mn-cube:active{transform:rotateY(-30deg) rotateX(-8deg) rotateZ(6deg) scale(0.97)}
.mn-face{
  position:absolute;width:170px;height:170px;
  background:linear-gradient(135deg,#7fff3a,#5fe01f);
  border:3px solid #9dff5e;border-radius:12px;
  box-shadow:inset 0 0 24px rgba(255,255,255,0.35);
}
.mn-face.front {transform:translateZ(85px)}
.mn-face.back  {transform:rotateY(180deg) translateZ(85px)}
.mn-face.right {transform:rotateY(90deg) translateZ(85px)}
.mn-face.left  {transform:rotateY(-90deg) translateZ(85px)}
.mn-face.top   {transform:rotateX(90deg) translateZ(85px);cursor:pointer}
.mn-face.bottom{transform:rotateX(-90deg) translateZ(85px)}
/* top sensor subtle marker */
.mn-face.top::after{
  content:'';position:absolute;width:64%;height:64%;border-radius:50%;
  top:50%;left:50%;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,255,255,0.5),transparent 70%);
}

/* OLED screen on front face */
.mn-cube-screen{
  width:108px;aspect-ratio:128/64;background:var(--mn-oled);
  margin:48px auto 0;border-radius:6px;position:relative;overflow:hidden;
  box-shadow:inset 0 0 16px rgba(94,230,200,0.2);border:3px solid #0a0e14;
}
.mn-cube-screen canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}

.mn-press-arrow{
  position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:10;
  font-size:1.8rem;animation:mn-press-arrow 1.3s ease-in-out infinite;pointer-events:none;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}
@keyframes mn-press-arrow{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(12px)}}

/* ─── OLED overlays: clock / sleep / menu ─── */
/*.mn-oled-clock,.mn-oled-sleep,.mn-oled-menu{
  position:absolute;inset:0;z-index:5;background:var(--mn-oled);
  display:none;align-items:center;justify-content:center;
  font-family:var(--mn-font-mono);color:var(--mn-oled-glow);
  text-shadow:0 0 8px var(--mn-oled-glow);
}
.mn-oled-clock.show,.mn-oled-menu.show{display:flex}
.mn-oled-sleep.show{display:flex}*/

/*.mn-oled-clock{flex-direction:column;gap:2px}
.mn-oled-clock .t{font-size:1.4rem;font-weight:700;line-height:1}
.mn-oled-clock .w{font-size:.5rem;opacity:.85;letter-spacing:.05em}*/

.mn-oled-sleep{font-family:var(--mn-font-display);font-size:1.3rem;opacity:.7}
.mn-oled-sleep.show{animation:mn-zzz 2s ease-in-out infinite}
@keyframes mn-zzz{0%,100%{opacity:.4}50%{opacity:.85}}

/*.mn-oled-menu{flex-direction:column;gap:2px}
.mn-oled-menu .mtitle{font-size:.5rem;opacity:.6;margin-bottom:3px;letter-spacing:.1em}
.mn-oled-menu .mi{font-size:.55rem;opacity:.4;letter-spacing:.04em;transition:.2s}
.mn-oled-menu .mi.sel{opacity:1;font-size:.7rem;font-weight:700}*/

/* ─── Real device menu (mirrors mainmenu.cpp draw) ─── */
.mn-oled-menu{
  position:absolute;inset:0;z-index:5;background:var(--mn-oled);
  display:none;flex-direction:column;justify-content:center;
  font-family:var(--mn-font-mono);color:var(--mn-oled-glow);padding:4px 5px;
}
.mn-oled-menu.show{display:flex}
.mn-menu-row{
  display:flex;align-items:center;gap:6px;height:20px;padding:0 5px;
  font-size:.5rem;opacity:.38;border-radius:4px;border:1.5px solid transparent;
  white-space:nowrap;overflow:hidden;
}
.mn-menu-row .mi-ico{font-size:.7rem;width:14px;text-align:center;flex-shrink:0}
.mn-menu-row.sel{
  opacity:1;border-color:var(--mn-oled-glow);
  box-shadow:0 0 6px rgba(94,230,200,0.4);font-weight:700;
}
.mn-menu-page{
  position:absolute;right:3px;bottom:1px;font-size:.4rem;opacity:.7;letter-spacing:0;
}

/* sub-screen (info / counter / battery) */
.mn-oled-sub{
  position:absolute;inset:0;z-index:6;background:var(--mn-oled);
  display:none;flex-direction:column;align-items:center;
  font-family:var(--mn-font-mono);color:var(--mn-oled-glow);padding:5px;
}
.mn-oled-sub.show{display:flex}
.mn-oled-sub .sub-title{font-size:.5rem;font-weight:700;padding-bottom:3px;margin-bottom:3px;border-bottom:1px solid rgba(94,230,200,0.4);width:100%;text-align:center;letter-spacing:.05em}
.mn-oled-sub .sub-line{font-size:.42rem;line-height:1.5;width:100%;text-align:left;opacity:.85}
.mn-oled-sub .sub-big{font-size:1.1rem;font-weight:700;margin:auto 0;letter-spacing:.05em}
.mn-oled-sub .sub-back{margin-top:auto;font-size:.45rem;border:1px solid var(--mn-oled-glow);border-radius:3px;padding:2px 8px;align-self:flex-start}
.mn-oled-sub .sub-batt{width:54px;height:22px;border:2px solid var(--mn-oled-glow);border-radius:2px;position:relative;margin:auto 0 4px}
.mn-oled-sub .sub-batt::after{content:'';position:absolute;right:-5px;top:6px;width:3px;height:8px;background:var(--mn-oled-glow)}
.mn-oled-sub .sub-batt .fill{position:absolute;inset:2px;width:var(--p,70%);background:var(--mn-oled-glow);border-radius:1px}

/* ============================================================
   EMOTIONS — stage + 3D cube + OLED overlays (real device)
   ============================================================ */
#mn-emotions{background:var(--mn-bg-2)}
.mn-emo-stage{display:flex;flex-direction:column;align-items:center;gap:2rem}
.mn-emo-robot{position:relative;perspective:1000px}
.mn-press-arrow{position:absolute;top:-6px;left:50%;transform:translateX(-50%);z-index:10;font-size:1.8rem;animation:mn-press-arrow 1.3s ease-in-out infinite;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}
@keyframes mn-press-arrow{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(12px)}}
.mn-scene{display:flex;justify-content:center;padding:3rem 0 2rem}
.mn-cube{width:170px;height:170px;position:relative;transform-style:preserve-3d;transform:rotateY(-32deg) rotateX(-10deg) rotateZ(7deg);transition:transform .5s ease}
.mn-cube:active{transform:rotateY(-30deg) rotateX(-8deg) rotateZ(6deg) scale(.97)}
.mn-face{position:absolute;width:170px;height:170px;background:linear-gradient(135deg,#7fff3a,#5fe01f);border:3px solid #9dff5e;border-radius:12px;box-shadow:inset 0 0 24px rgba(255,255,255,.35)}
.mn-face.front{transform:translateZ(85px)}
.mn-face.back{transform:rotateY(180deg) translateZ(85px)}
.mn-face.right{transform:rotateY(90deg) translateZ(85px)}
.mn-face.left{transform:rotateY(-90deg) translateZ(85px)}
.mn-face.top{transform:rotateX(90deg) translateZ(85px);cursor:pointer}
.mn-face.bottom{transform:rotateX(-90deg) translateZ(85px)}
.mn-face.top::after{content:'';position:absolute;width:64%;height:64%;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.5),transparent 70%)}
.mn-cube-screen{width:108px;aspect-ratio:128/64;background:var(--mn-oled);margin:48px auto 0;border-radius:6px;position:relative;overflow:hidden;box-shadow:inset 0 0 16px rgba(94,230,200,.2);border:3px solid #0a0e14}
.mn-cube-screen canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}
.mn-emo-current{font-family:var(--mn-font-display);font-weight:800;font-size:1.4rem;color:var(--mn-primary-deep);min-height:1.5em}
.mn-emo-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:780px}
.mn-emo-btn{font-family:var(--mn-font-body);font-weight:700;font-size:.8rem;padding:.5rem 1rem;border-radius:100px;cursor:pointer;background:var(--mn-surface);color:var(--mn-text);border:1.5px solid var(--mn-border);transition:var(--mn-transition)}
.mn-emo-btn:hover{transform:translateY(-3px);border-color:var(--mn-primary);color:var(--mn-primary-deep)}
.mn-emo-btn.active{background:linear-gradient(135deg,var(--mn-primary),var(--mn-secondary));color:#fff;border-color:transparent;box-shadow:0 6px 18px -4px rgba(255,138,107,.5)}
.mn-emo-auto{margin-top:.3rem;font-family:var(--mn-font-body);font-weight:700;font-size:.78rem;color:var(--mn-text-soft);background:transparent;border:1.5px dashed var(--mn-border);padding:.5rem 1.2rem;border-radius:100px;cursor:pointer;transition:var(--mn-transition)}
.mn-emo-auto:hover{border-color:var(--mn-secondary);color:var(--mn-secondary-deep)}

/* ─── OLED overlays (menu / sub / sleep / text) ─── */
.mn-oled-menu,.mn-oled-sub,.mn-oled-sleep,.mn-oled-text{position:absolute;inset:0;z-index:5;background:var(--mn-oled);display:none;font-family:var(--mn-font-mono);color:var(--mn-oled-glow)}
.mn-oled-menu.show,.mn-oled-sub.show,.mn-oled-sleep.show,.mn-oled-text.show{display:flex}
.mn-oled-menu{flex-direction:column;justify-content:center;padding:3px 4px;gap:1px}
.mn-menu-row{display:flex;align-items:center;gap:5px;height:18px;padding:0 5px;font-size:.46rem;opacity:.32;border:1.5px solid transparent;border-radius:4px;white-space:nowrap;overflow:hidden;letter-spacing:.02em}
.mn-menu-row .mi-ico{font-size:.62rem;width:13px;text-align:center;flex-shrink:0}
.mn-menu-row.sel{opacity:1;border-color:var(--mn-oled-glow);box-shadow:0 0 6px rgba(94,230,200,0.35);font-weight:700}
.mn-menu-page{position:absolute;right:3px;bottom:1px;font-size:.4rem;opacity:.7}
.mn-oled-sub{flex-direction:column;align-items:center;padding:5px 6px}
.mn-oled-sub .sub-title{font-size:.5rem;font-weight:700;text-align:center;width:100%;padding-bottom:3px;margin-bottom:4px;border-bottom:1px solid rgba(94,230,200,0.45);letter-spacing:.06em}
.mn-oled-sub .sub-line{font-size:.42rem;line-height:1.55;width:100%;text-align:left;opacity:.9}
.mn-oled-sub .sub-line b{color:#fff;font-weight:700}
.mn-oled-sub .sub-big{font-size:1.15rem;font-weight:700;margin:auto 0;letter-spacing:.06em;display:flex;gap:1px}
.mn-oled-sub .sub-back{margin-top:auto;align-self:flex-start;font-size:.42rem;border:1px solid var(--mn-oled-glow);border-radius:3px;padding:1px 6px}
.mn-oled-sub .sub-btns{margin-top:auto;display:flex;gap:6px;width:100%;justify-content:space-around;padding-top:3px}
.mn-oled-sub .sub-btns span{font-size:.44rem;border:1px solid rgba(94,230,200,0.5);border-radius:3px;padding:2px 6px;opacity:.6}
.mn-oled-sub .sub-btns span.cf-sel{opacity:1;background:var(--mn-oled-glow);color:var(--mn-oled);font-weight:700}
.mn-oled-sub .sub-big .cf-sel{border-bottom:2px solid var(--mn-oled-glow)}
.mn-oled-sub .sub-big .cf-edit{border-bottom:2px solid #fff;animation:mn-cf-blink .6s steps(1) infinite}
@keyframes mn-cf-blink{50%{border-color:transparent}}
.mn-oled-sub .sub-batt{width:52px;height:20px;border:2px solid var(--mn-oled-glow);border-radius:2px;position:relative;margin:auto 0 2px}
.mn-oled-sub .sub-batt::after{content:'';position:absolute;right:-5px;top:5px;width:3px;height:8px;background:var(--mn-oled-glow)}
.mn-oled-sub .sub-batt .fill{position:absolute;inset:2px;width:var(--p,70%);background:var(--mn-oled-glow);border-radius:1px}
.mn-oled-sleep{align-items:center;justify-content:center;font-family:var(--mn-font-display);font-size:1.3rem;opacity:.7}
.mn-oled-sleep.show{animation:mn-zzz 2s ease-in-out infinite}
@keyframes mn-zzz{0%,100%{opacity:.4}50%{opacity:.85}}
.mn-oled-text{align-items:center;justify-content:center;text-align:center;font-size:.6rem;font-weight:700;padding:6px;line-height:1.4}

/* ─── DESKTOP: emotions two-column (text left, robot right) ─── */
@media(min-width:992px){
  #mn-emotions .container{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:3rem;
    align-items:center;
  }
  #mn-emotions .mn-section-head{
    text-align:left;        /* sola yasla */
    margin-bottom:0;
  }
  #mn-emotions .mn-section-head .mn-divider{
    margin-left:0;          /* çizgi sola */
  }
  #mn-emotions .mn-section-head .lead{
    margin-inline:0;        /* açıklama sola */
  }
}

/* ============================================================
   FEATURES — orbital futuristic system
   ============================================================ */
/* ============================================================
   FEATURES — orbital (light pastel theme)
   ============================================================ */
#mn-features{
  background:radial-gradient(ellipse at 50% 40%,#fff6ef 0%,var(--mn-bg-2) 70%);
  position:relative;overflow:hidden;
}
#mn-features .label{background:rgba(255,158,125,.14);color:var(--mn-primary-deep)}

/* soft floating dots instead of starfield */
#mn-features::before{
  content:'';position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(2px 2px at 20% 30%,var(--mn-peach),transparent),
    radial-gradient(2px 2px at 70% 60%,var(--mn-mint),transparent),
    radial-gradient(2px 2px at 40% 80%,var(--mn-lavender),transparent),
    radial-gradient(2px 2px at 85% 25%,var(--mn-peach),transparent),
    radial-gradient(3px 3px at 15% 70%,var(--mn-mint),transparent);
}

.mn-orbit-wrap{position:relative;width:min(640px,92vw);aspect-ratio:1;margin:2rem auto 0;display:flex;align-items:center;justify-content:center}
.mn-orbit-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(255,138,107,.18);top:50%;left:50%;transform:translate(-50%,-50%)}
.mn-orbit-ring.r1{width:56%;height:56%}
.mn-orbit-ring.r2{width:96%;height:96%;border-color:rgba(180,163,232,.2)}

/* center core (Minnoş) */
.mn-orbit-core{
  position:relative;z-index:5;width:34%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 50% 40%,#fff,#fff2ea);
  border:2px solid rgba(255,138,107,.35);
  box-shadow:0 0 50px rgba(255,138,107,.25),inset 0 0 30px rgba(255,138,107,.1);
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  text-align:center;padding:1rem;
}
.mn-orbit-core .core-ico{font-size:2.4rem;margin-bottom:.4rem;transition:.4s}
.mn-orbit-core .core-title{font-family:var(--mn-font-display);font-weight:800;font-size:.95rem;color:var(--mn-primary-deep);line-height:1.15;margin-bottom:.3rem}
.mn-orbit-core .core-desc{font-size:.62rem;color:var(--mn-text-soft);line-height:1.4;font-weight:500}
.mn-orbit-core::after{content:'';position:absolute;inset:-8px;border-radius:50%;border:1.5px dashed rgba(255,138,107,.25);animation:mn-spin 20s linear infinite}
@keyframes mn-spin{to{transform:rotate(360deg)}}

/* orbiting nodes */
.mn-orbit-node{
  position:absolute;top:50%;left:50%;width:62px;height:62px;margin:-31px;
  border-radius:50%;cursor:pointer;z-index:4;
  background:var(--mn-surface);border:1.5px solid var(--mn-border);
  display:flex;align-items:center;justify-content:center;font-size:1.5rem;
  box-shadow:var(--mn-shadow);transition:transform .3s,border-color .3s,box-shadow .3s;
}
.mn-orbit-node:hover,.mn-orbit-node.active{
  border-color:var(--mn-primary);
  box-shadow:0 0 24px rgba(255,138,107,.45);
  transform:scale(1.18);
}
.mn-orbit-node .node-label{
  position:absolute;top:110%;left:50%;transform:translateX(-50%);
  white-space:nowrap;font-size:.6rem;font-weight:700;color:var(--mn-text-soft);
  font-family:var(--mn-font-body);opacity:0;transition:.3s;pointer-events:none;
}
.mn-orbit-node:hover .node-label,.mn-orbit-node.active .node-label{opacity:1}
.mn-orbit-node.active{background:linear-gradient(135deg,rgba(255,138,107,.16),rgba(111,217,189,.16))}

.mn-orbit-tap-hint{text-align:center;margin-top:1.5rem;font-family:var(--mn-font-body);font-size:.78rem;color:var(--mn-primary-deep);opacity:.8;letter-spacing:.06em;font-weight:700}
@media(max-width:560px){
  .mn-orbit-node{width:48px;height:48px;margin:-24px;font-size:1.15rem}
  .mn-orbit-core .core-title{font-size:.8rem}
  .mn-orbit-core .core-desc{font-size:.55rem}
  .mn-orbit-node .node-label{display:none}
}

/* ============================================================
   GAMES — 6 mini games, OLED-style cards
   ============================================================ */
#mn-games{background:var(--mn-bg)}
.mn-games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
@media(max-width:820px){.mn-games-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.mn-games-grid{grid-template-columns:1fr}}
.mn-game-card{
  background:var(--mn-surface);border:1.5px solid var(--mn-border);
  border-radius:var(--mn-radius-md);overflow:hidden;
  transition:var(--mn-transition);box-shadow:var(--mn-shadow);
}
.mn-game-card:hover{transform:translateY(-8px);border-color:var(--mn-secondary);box-shadow:0 18px 40px -12px rgba(111,217,189,.35)}
.mn-game-screen{
  position:relative;aspect-ratio:128/64;background:var(--mn-oled);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  border-bottom:3px solid #0a0e14;
}
.mn-game-screen::after{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(94,230,200,.04) 2px 4px);
}
.mn-game-screen .g-art{font-size:2.6rem;filter:drop-shadow(0 0 8px rgba(94,230,200,.5));z-index:1}
.mn-game-body{padding:1.1rem 1.25rem 1.3rem;display:flex;align-items:center;gap:.85rem}
.mn-game-num{
  font-family:var(--mn-font-mono);font-size:.7rem;font-weight:700;
  width:30px;height:30px;flex-shrink:0;border-radius:8px;
  background:linear-gradient(135deg,var(--mn-primary),var(--mn-secondary));color:#fff;
  display:flex;align-items:center;justify-content:center;
}
.mn-game-info h4{font-family:var(--mn-font-display);font-size:1.05rem;font-weight:800;color:var(--mn-text);margin-bottom:.15rem}
.mn-game-info p{font-size:.8rem;color:var(--mn-text-soft);font-weight:500;line-height:1.4}

/***********gerçek game *****/
/* ─── Game play button + modal ─── */
.mn-game-play{
  margin:0 1.25rem 1.25rem;width:calc(100% - 2.5rem);
  font-family:var(--mn-font-display);font-weight:700;font-size:.85rem;
  padding:.6rem;border-radius:100px;cursor:pointer;color:#fff;
  background:linear-gradient(135deg,var(--mn-secondary),var(--mn-secondary-deep));
  transition:var(--mn-transition);
}
.mn-game-play:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px rgba(111,217,189,.5)}

.mn-game-modal{
  position:fixed;inset:0;z-index:100000;display:none;
  align-items:center;justify-content:center;padding:1rem;
  background:rgba(10,14,20,.82);backdrop-filter:blur(6px);
}
.mn-game-modal.show{display:flex}
.mn-gm-box{
  background:var(--mn-surface);border-radius:var(--mn-radius-lg);
  padding:1.5rem;max-width:520px;width:100%;box-shadow:var(--mn-shadow-lg);
  border:2px solid var(--mn-border);text-align:center;position:relative;
}
.mn-gm-title{font-family:var(--mn-font-display);font-weight:800;font-size:1.2rem;color:var(--mn-text);margin-bottom:.25rem}
.mn-gm-score{font-family:var(--mn-font-mono);font-size:.85rem;color:var(--mn-primary-deep);margin-bottom:.85rem;font-weight:700}
.mn-gm-canvas-wrap{
  background:var(--mn-oled);border-radius:10px;padding:8px;border:3px solid #0a0e14;
  display:inline-block;line-height:0;position:relative;
}
/*.mn-gm-canvas-wrap canvas{display:block;image-rendering:pixelated;width:384px;max-width:78vw;height:auto;background:var(--mn-oled)}*/
/*.mn-gm-canvas-wrap canvas{display:block;width:480px;max-width:82vw;height:auto;background:#0a0e14;border-radius:4px}*/

.mn-gm-canvas-wrap canvas{display:block;image-rendering:pixelated;width:384px;max-width:78vw;height:auto;background:var(--mn-oled)}
.mn-gm-hint{font-family:var(--mn-font-mono);font-size:.72rem;color:var(--mn-text-soft);margin-top:.85rem}
.mn-gm-actions{display:flex;gap:.6rem;justify-content:center;margin-top:1rem}
.mn-gm-btn{font-family:var(--mn-font-display);font-weight:700;font-size:.82rem;padding:.55rem 1.4rem;border-radius:100px;cursor:pointer;transition:var(--mn-transition)}
.mn-gm-btn.play{background:linear-gradient(135deg,var(--mn-primary),var(--mn-primary-deep));color:#fff}
.mn-gm-btn.close{background:var(--mn-bg-2);color:var(--mn-text)}
.mn-gm-btn:hover{transform:translateY(-2px)}
.mn-gm-x{position:absolute;top:12px;right:16px;font-size:1.4rem;cursor:pointer;color:var(--mn-text-muted);line-height:1}
.mn-gm-x:hover{color:var(--mn-primary-deep)}

/* Canvas overlay buttons */
.mn-gm-canvas-wrap{position:relative}
.mn-gm-overlay-btn{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  font-family:var(--mn-font-display);font-weight:800;font-size:1rem;
  padding:.7rem 1.6rem;border-radius:100px;cursor:pointer;color:#fff;border:0;z-index:10;
  background:linear-gradient(135deg,var(--mn-primary),var(--mn-primary-deep));
  box-shadow:0 10px 28px -6px rgba(255,138,107,.55);
  transition:var(--mn-transition);display:none;
}
.mn-gm-overlay-btn.show{display:block}
.mn-gm-overlay-btn:hover{transform:translate(-50%,-50%) scale(1.05)}

.mn-gm-tetris-ctrl{display:none;justify-content:space-between;position:absolute;left:-12px;right:-12px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:8}
.mn-gm-tetris-ctrl.show{display:flex}
.mn-gm-arrow{
  pointer-events:auto;width:42px;height:42px;border-radius:50%;border:0;cursor:pointer;
  background:linear-gradient(135deg,var(--mn-secondary),var(--mn-secondary-deep));
  color:#fff;font-size:1.1rem;font-weight:700;
  box-shadow:0 6px 16px -4px rgba(111,217,189,.5);transition:.2s;
}
.mn-gm-arrow:hover{transform:scale(1.1)}
.mn-gm-arrow:active{transform:scale(.95)}

/* ============================================================
   PERSONALIZE — color picker (image left, picker right)
   ============================================================ */
#mn-personalize{background:var(--mn-bg)}
.mn-perso-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
@media(max-width:900px){.mn-perso-grid{grid-template-columns:1fr;gap:2.5rem}}

/* LEFT — image showcase */
.mn-perso-stage{
  position:relative;aspect-ratio:1/1;border-radius:var(--mn-radius-lg);
  max-width:420px;margin-inline:auto;width:100%;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:var(--mn-bg-stage,linear-gradient(135deg,#ff9e7d,#ffb89a));
  transition:background .6s ease;
  box-shadow:var(--mn-shadow-lg);
  overflow:hidden;   /* bu satır yoksa ekle */
}
.mn-perso-stage::before{
  content:'';position:absolute;width:70%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%);
  filter:blur(20px);
}
/*.mn-perso-img-wrap{
  position:relative;width:72%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;
}*/

.mn-perso-img-wrap{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
}

.mn-perso-img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transition:opacity .5s ease;filter:drop-shadow(0 20px 30px rgba(0,0,0,.18));
}
.mn-perso-img.active{opacity:1}
.mn-perso-img-placeholder{
  font-size:8rem;filter:drop-shadow(0 12px 20px rgba(0,0,0,.18));
  transform:rotate(-3deg);animation:mn-perso-bob 3.5s ease-in-out infinite;
}
@keyframes mn-perso-bob{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-12px)}}

/* tag chip on top of stage */
.mn-perso-chip{
  position:absolute;top:1.2rem;left:1.2rem;z-index:2;
  background:rgba(255,255,255,.92);padding:.5rem 1rem;border-radius:100px;
  font-family:var(--mn-font-display);font-weight:800;font-size:.8rem;color:var(--mn-text);
  box-shadow:var(--mn-shadow);backdrop-filter:blur(6px);
}
.mn-perso-chip .dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--mn-current,#ff8a6b);margin-right:.4rem;vertical-align:middle}

/* RIGHT — text + swatches */
.mn-perso-content h2{margin-bottom:1rem}
.mn-perso-content .lead{margin-bottom:2rem}
.mn-perso-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;max-width:380px}
@media(max-width:480px){.mn-perso-swatches{grid-template-columns:repeat(4,1fr);gap:.6rem}}

.mn-swatch{
  cursor:pointer;background:var(--mn-surface);border:2px solid var(--mn-border);
  border-radius:var(--mn-radius-md);padding:.85rem .6rem;text-align:center;
  transition:var(--mn-transition);box-shadow:var(--mn-shadow);
}
.mn-swatch:hover{transform:translateY(-4px);border-color:var(--swatch-c)}
.mn-swatch.active{
  border-color:var(--swatch-c);
  box-shadow:0 0 0 3px var(--swatch-c),0 10px 24px -8px rgba(0,0,0,.18);
  transform:translateY(-4px);
}
.mn-swatch-color{
  width:36px;height:36px;border-radius:50%;margin:0 auto .45rem;
  background:var(--swatch-c);
  box-shadow:inset 0 -4px 8px rgba(0,0,0,.15),0 4px 10px -2px rgba(0,0,0,.18);
  border:3px solid #fff;
}
.mn-swatch-name{font-family:var(--mn-font-display);font-weight:700;font-size:.72rem;color:var(--mn-text)}

.mn-perso-note{margin-top:1.5rem;font-size:.82rem;color:var(--mn-text-muted);font-style:italic;max-width:42ch}

/* ============================================================
   REELS — Instagram carousel (Racing-style)
   ============================================================ */
#mn-reels{background:var(--mn-bg-2);position:relative;overflow:hidden}
#mn-reels::before{content:'';position:absolute;top:-20%;right:-10%;width:50%;height:60%;background:radial-gradient(ellipse,rgba(255,158,125,.08),transparent 60%);pointer-events:none}
#mn-reels::after{content:'';position:absolute;bottom:-20%;left:-10%;width:50%;height:60%;background:radial-gradient(ellipse,rgba(111,217,189,.08),transparent 60%);pointer-events:none}

.mn-reels-wrap{position:relative;max-width:1180px;margin:0 auto}
.mn-reels-track-wrap{position:relative;overflow:hidden;border-radius:var(--mn-radius-md)}
.mn-reels-track{
  display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.5rem .25rem 1.5rem;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.mn-reels-track::-webkit-scrollbar{display:none}

.mn-reel-card{
  flex:0 0 calc(25% - 0.75rem);scroll-snap-align:start;aspect-ratio:9/16;
  border-radius:var(--mn-radius-md);overflow:hidden;position:relative;cursor:pointer;
  background:linear-gradient(135deg,#ffd6e7,#fce8c2);
  border:2px solid #fff;box-shadow:var(--mn-shadow);transition:var(--mn-transition);
}
.mn-reel-card:hover{transform:translateY(-6px);box-shadow:var(--mn-shadow-lg);border-color:var(--mn-primary)}
@media(max-width:980px){.mn-reel-card{flex:0 0 calc(50% - 0.5rem)}}
@media(max-width:560px){.mn-reel-card{flex:0 0 calc(80% - 0.5rem)}}

.mn-reel-card iframe,.mn-reel-card video,.mn-reel-card img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.mn-reel-card.placeholder{display:flex;align-items:center;justify-content:center;font-size:3rem}
.mn-reel-card:nth-child(2){background:linear-gradient(135deg,#c8e6d8,#fce8c2)}
.mn-reel-card:nth-child(3){background:linear-gradient(135deg,#e3d5f5,#ffd6e7)}
.mn-reel-card:nth-child(4){background:linear-gradient(135deg,#ffe4ec,#e3d5f5)}
.mn-reel-card:nth-child(5){background:linear-gradient(135deg,#fce8c2,#ffd6e7)}
.mn-reel-card:nth-child(6){background:linear-gradient(135deg,#c8e6d8,#e3d5f5)}

.mn-reel-overlay{
  position:absolute;left:0;right:0;bottom:0;padding:1rem;z-index:2;
  background:linear-gradient(to top,rgba(0,0,0,.7),transparent);
  color:#fff;font-family:var(--mn-font-display);font-weight:700;font-size:.85rem;
  pointer-events:none;
}
.mn-reel-overlay .h{display:flex;align-items:center;gap:.4rem;font-size:.72rem;opacity:.9;margin-bottom:.2rem}

/* arrows */
.mn-reels-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:10;
  width:46px;height:46px;border-radius:50%;background:var(--mn-surface);
  border:1.5px solid var(--mn-border);color:var(--mn-primary-deep);
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  font-size:1.2rem;font-weight:800;box-shadow:var(--mn-shadow-lg);
  transition:var(--mn-transition);
}
.mn-reels-arrow:hover{background:linear-gradient(135deg,var(--mn-primary),var(--mn-secondary));color:#fff;border-color:transparent;transform:translateY(-50%) scale(1.1)}
.mn-reels-arrow.prev{left:-18px}
.mn-reels-arrow.next{right:-18px}
.mn-reels-arrow:disabled{opacity:.3;cursor:not-allowed}
@media(max-width:760px){.mn-reels-arrow{display:none}}

.mn-reels-head{text-align:center;margin-bottom:2.5rem}
.mn-reels-head .lead{margin-inline:auto}
.mn-reels-cta-wrap{text-align:center;margin-top:2rem}
.mn-reels-cta{
  display:inline-flex;align-items:center;gap:.6rem;
  padding:.85rem 1.8rem;border-radius:100px;
  background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
  color:#fff;font-family:var(--mn-font-display);font-weight:800;font-size:.92rem;
  box-shadow:0 10px 28px -6px rgba(220,39,67,.5);transition:var(--mn-transition);
}
.mn-reels-cta:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 16px 36px -6px rgba(220,39,67,.65)}

/* ============================================================
   QUALITY — specs grid + certifications
   ============================================================ */
#mn-quality{background:var(--mn-bg-2);position:relative;overflow:hidden}
#mn-quality::before{content:'';position:absolute;top:10%;right:-10%;width:40%;height:60%;background:radial-gradient(ellipse,rgba(180,163,232,.1),transparent 60%);pointer-events:none}

.mn-qual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4rem}
@media(max-width:900px){.mn-qual-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.mn-qual-grid{grid-template-columns:1fr}}

.mn-qual-card{
  background:var(--mn-surface);border:1.5px solid var(--mn-border);
  border-radius:var(--mn-radius-md);padding:1.8rem 1.5rem;
  transition:var(--mn-transition);box-shadow:var(--mn-shadow);
  display:flex;gap:1rem;align-items:flex-start;
}
.mn-qual-card:hover{transform:translateY(-6px);border-color:var(--mn-secondary);box-shadow:0 18px 40px -12px rgba(111,217,189,.3)}
.mn-qual-card .ico{
  flex-shrink:0;width:48px;height:48px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;font-size:1.5rem;
  background:linear-gradient(135deg,rgba(111,217,189,.18),rgba(180,163,232,.18));
}
.mn-qual-card:nth-child(2n) .ico{background:linear-gradient(135deg,rgba(255,138,107,.18),rgba(255,210,125,.18))}
.mn-qual-card:nth-child(3n) .ico{background:linear-gradient(135deg,rgba(180,163,232,.18),rgba(255,179,201,.18))}
.mn-qual-card h4{font-family:var(--mn-font-display);font-size:1rem;font-weight:800;color:var(--mn-text);margin-bottom:.3rem}
.mn-qual-card p{font-size:.85rem;color:var(--mn-text-soft);line-height:1.5;font-weight:500}

/* Certifications */
.mn-cert-block{
  background:var(--mn-surface);border:1.5px solid var(--mn-border);
  border-radius:var(--mn-radius-lg);padding:2.5rem 2rem;text-align:center;
  box-shadow:var(--mn-shadow-lg);position:relative;overflow:hidden;
}
.mn-cert-block::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mn-primary),var(--mn-secondary),var(--mn-accent))}
.mn-cert-block h3{font-family:var(--mn-font-display);font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:800;color:var(--mn-text);margin-bottom:.5rem}
.mn-cert-block .lead{color:var(--mn-text-soft);max-width:50ch;margin:0 auto 2rem;font-size:.95rem}
.mn-cert-row{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
@media(max-width:900px){.mn-cert-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.mn-cert-row{grid-template-columns:repeat(2,1fr)}}
.mn-cert-item{
  padding:1.2rem .8rem;border-radius:var(--mn-radius-md);
  background:var(--mn-bg-2);border:1.5px solid var(--mn-border-soft);
  transition:var(--mn-transition);
}
.mn-cert-item:hover{transform:translateY(-4px);border-color:var(--mn-primary);background:var(--mn-surface)}
.mn-cert-badge{
  display:inline-flex;align-items:center;justify-content:center;
  width:56px;height:56px;border-radius:50%;margin-bottom:.6rem;
  background:linear-gradient(135deg,var(--mn-primary),var(--mn-secondary));
  color:#fff;font-family:var(--mn-font-display);font-size:.78rem;font-weight:800;letter-spacing:.02em;
  box-shadow:0 6px 18px -4px rgba(255,138,107,.35);
}
.mn-cert-item h5{font-family:var(--mn-font-display);font-size:.86rem;font-weight:800;color:var(--mn-text);margin-bottom:.2rem}
.mn-cert-item p{font-size:.7rem;color:var(--mn-text-muted);line-height:1.4;font-weight:600}

/* ============================================================
   PRIVACY — shield + grid + promise card
   ============================================================ */
#mn-privacy{
  background:linear-gradient(180deg,var(--mn-bg) 0%,#f5ede4 100%);
  position:relative;overflow:hidden;
}
#mn-privacy::before{
  content:'';position:absolute;top:-10%;right:-10%;width:50%;height:60%;
  background:radial-gradient(ellipse,rgba(111,217,189,.12),transparent 60%);pointer-events:none;
}

.mn-priv-shield{
  display:flex;align-items:center;justify-content:center;
  width:96px;height:96px;border-radius:50%;margin:0 auto 1.5rem;
  background:linear-gradient(135deg,var(--mn-secondary),var(--mn-secondary-deep));
  font-size:3rem;color:#fff;
  box-shadow:0 16px 40px -8px rgba(111,217,189,.5);
  animation:mn-priv-pulse 3s ease-in-out infinite;
}
@keyframes mn-priv-pulse{0%,100%{transform:scale(1);box-shadow:0 16px 40px -8px rgba(111,217,189,.5)}50%{transform:scale(1.05);box-shadow:0 20px 50px -8px rgba(111,217,189,.65)}}

/* ─── Privacy — scrolling marquee bands ─── */
/*#mn-privacy .mn-section-head h2{font-size:clamp(1.4rem,3vw,2.2rem)}
#mn-privacy .mn-section-head .lead{font-size:.92rem}
.mn-priv-shield{width:72px;height:72px;font-size:2.1rem;margin-bottom:1rem}*/

#mn-privacy{padding:4rem 0}
#mn-privacy .mn-section-head{
  margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;
}
#mn-privacy .mn-priv-headline{
  display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;
}
.mn-priv-shield{width:40px;height:40px;font-size:1.1rem;margin:0;flex-shrink:0}
#mn-privacy .mn-section-head .label{margin:0}
#mn-privacy .mn-section-head h2{font-size:clamp(1.2rem,2.4vw,1.7rem);margin:0}
#mn-privacy .mn-section-head .lead{font-size:.86rem;max-width:none;margin:0}
#mn-privacy .mn-divider{display:none}

.mn-marquee{
  position:relative;width:100vw;left:50%;margin-left:-50vw;
  overflow:hidden;padding:.5rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.mn-marquee-track{display:flex;width:max-content;gap:1rem;animation:mn-marq 32s linear infinite}
.mn-marquee:hover .mn-marquee-track{animation-play-state:paused}
.mn-marquee.rev .mn-marquee-track{animation-duration:26s;animation-direction:reverse}
@keyframes mn-marq{to{transform:translateX(-50%)}}

.mn-priv-pill{
  display:flex;align-items:center;gap:.85rem;flex-shrink:0;
  padding:.9rem 1.5rem;border-radius:100px;
  background:var(--mn-surface);border:1.5px solid var(--mn-border);
  box-shadow:var(--mn-shadow);white-space:nowrap;
}
.mn-priv-pill .ico{
  width:38px;height:38px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:1.15rem;
  background:linear-gradient(135deg,rgba(111,217,189,.2),rgba(124,196,245,.2));
}
.mn-priv-pill .t{font-family:var(--mn-font-display);font-weight:800;font-size:.92rem;color:var(--mn-text)}
.mn-priv-pill .t::after{content:'✓';color:var(--mn-secondary-deep);margin-left:.5rem;font-weight:900}

/* promise marquee (bigger band) */
.mn-promise-marquee{margin-top:2.5rem}
.mn-promise-pill{
  display:flex;align-items:center;gap:1.25rem;flex-shrink:0;
  padding:1.4rem 2.2rem;border-radius:var(--mn-radius-lg);
  background:linear-gradient(135deg,var(--mn-surface),var(--mn-bg-2));
  border:2px solid var(--mn-secondary);box-shadow:var(--mn-shadow-lg);white-space:nowrap;
}
.mn-promise-pill .q{font-size:2rem;line-height:1;color:var(--mn-secondary);font-family:Georgia,serif}
.mn-promise-pill p{font-family:var(--mn-font-display);font-weight:700;font-size:1rem;color:var(--mn-text);margin:0}
.mn-promise-pill a{
  display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;
  font-family:var(--mn-font-display);font-weight:700;font-size:.85rem;
  padding:.6rem 1.3rem;border-radius:100px;background:var(--mn-secondary-deep);color:#fff;
  box-shadow:0 6px 16px -4px rgba(63,184,154,.5);transition:var(--mn-transition);
}
.mn-promise-pill a:hover{transform:translateY(-2px)}

/* ============================================================
   ORDER — compact: store CTA + pre-order form
   ============================================================ */
#mn-order{background:var(--mn-bg-2);padding:4rem 0}
.mn-order-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:1.5rem;max-width:920px;margin:0 auto;align-items:stretch}
@media(max-width:760px){.mn-order-grid{grid-template-columns:1fr}}

.mn-order-box{
  background:var(--mn-surface);border:1.5px solid var(--mn-border);
  border-radius:var(--mn-radius-lg);padding:1.75rem;box-shadow:var(--mn-shadow);
  display:flex;flex-direction:column;
}
.mn-order-box h3{font-family:var(--mn-font-display);font-size:1.15rem;font-weight:800;color:var(--mn-text);margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem}
.mn-order-box p{font-size:.85rem;color:var(--mn-text-soft);line-height:1.5;margin-bottom:1.1rem;font-weight:500}

/* store box highlighted */
.mn-order-store{background:linear-gradient(135deg,var(--mn-surface),#fff2ea);justify-content:center;text-align:center;align-items:center}
.mn-order-store .big-ico{font-size:2.6rem;margin-bottom:.5rem}
.mn-order-store .btn{margin-top:auto}

.mn-order-form{display:flex;flex-direction:column;gap:.7rem}
.mn-order-form .row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
@media(max-width:480px){.mn-order-form .row{grid-template-columns:1fr}}
.mn-order-form input,.mn-order-form select{
  width:100%;background:var(--mn-bg);border:1.5px solid var(--mn-border);
  border-radius:var(--mn-radius-sm);padding:.7rem .9rem;
  font-family:var(--mn-font-body);font-size:.88rem;font-weight:500;color:var(--mn-text);
  outline:none;transition:var(--mn-transition);
}
.mn-order-form input:focus,.mn-order-form select:focus{border-color:var(--mn-primary);box-shadow:0 0 0 3px rgba(255,158,125,.15)}
.mn-order-form .hp{position:absolute;left:-9999px;opacity:0}
.mn-order-msg{font-size:.82rem;font-weight:600;padding:.5rem 0;display:none}
.mn-order-msg.show{display:block}
.mn-order-msg.ok{color:var(--mn-secondary-deep)}
.mn-order-msg.err{color:#e0556b}
.mn-order-form .btn{margin-top:.2rem}

/* ============================================================
   FAQ — accordion
   ============================================================ */
#mn-faq{background:var(--mn-bg)}
.mn-faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:.8rem}
.mn-faq-item{
  background:var(--mn-surface);border:1.5px solid var(--mn-border);
  border-radius:var(--mn-radius-md);overflow:hidden;transition:var(--mn-transition);
  box-shadow:var(--mn-shadow);
}
.mn-faq-item:hover{border-color:var(--mn-primary)}
.mn-faq-item.open{border-color:var(--mn-primary);box-shadow:0 12px 28px -8px rgba(255,138,107,.22)}
.mn-faq-q{
  padding:1.2rem 1.4rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;
  font-family:var(--mn-font-display);font-size:.96rem;font-weight:700;color:var(--mn-text);
}
.mn-faq-q::after{
  content:'+';flex-shrink:0;width:26px;height:26px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:400;
  background:linear-gradient(135deg,var(--mn-primary),var(--mn-secondary));color:#fff;
  transition:transform .3s ease;
}
.mn-faq-item.open .mn-faq-q::after{transform:rotate(135deg)}
.mn-faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.mn-faq-item.open .mn-faq-a{max-height:300px}
.mn-faq-a p{padding:0 1.4rem 1.2rem;color:var(--mn-text-soft);font-size:.88rem;line-height:1.7;font-weight:500}

/* ============================================================
   SPONSORS — static, white, no cards
   ============================================================ */
#mn-sponsors{background:#fff;padding:3rem 0}
#mn-sponsors .mn-section-head{margin-bottom:1.5rem}
#mn-sponsors h2{font-size:clamp(1.3rem,2.6vw,1.9rem);margin:0}
.mn-spon-row{
  display:flex;align-items:center;justify-content:center;
  gap:3.5rem;flex-wrap:wrap;
}
.mn-spon-item{
  display:flex;align-items:center;gap:.7rem;
  text-decoration:none;transition:var(--mn-transition);opacity:.85;
}
.mn-spon-item:hover{opacity:1;transform:translateY(-3px)}
.mn-spon-item img{max-height:60px;max-width:170px;width:auto;object-fit:contain}
.mn-spon-item .name{font-family:var(--mn-font-display);font-weight:800;font-size:1.2rem;color:var(--mn-text);white-space:nowrap}

/* ============================================================
   FLOATING CTA — sticky "Get Minnoş" button (bottom-right)
   ============================================================ */
.mn-float-cta{
  position:fixed;right:1.5rem;bottom:1.5rem;z-index:9000;
  display:inline-flex;align-items:center;gap:.6rem;
  padding:.9rem 1.5rem;border-radius:100px;
  font-family:var(--mn-font-display);font-weight:800;font-size:.92rem;color:#fff;
  background:linear-gradient(135deg,var(--mn-primary),var(--mn-accent),var(--mn-secondary));
  background-size:200% 200%;
  box-shadow:0 10px 30px -6px rgba(255,138,107,.6);
  cursor:pointer;text-decoration:none;
  animation:mn-fcta-grad 4s ease infinite, mn-fcta-pop .5s cubic-bezier(0.34,1.56,0.64,1);
  transition:transform .3s cubic-bezier(0.34,1.56,0.64,1),box-shadow .3s;
}
@keyframes mn-fcta-grad{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes mn-fcta-pop{from{transform:scale(0) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
.mn-float-cta:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 40px -6px rgba(255,138,107,.75)}
.mn-float-cta:active{transform:scale(.97)}

/* pulsing ring */
.mn-float-cta::before{
  content:'';position:absolute;inset:0;border-radius:100px;
  border:2px solid var(--mn-primary);
  animation:mn-fcta-ring 2s ease-out infinite;pointer-events:none;
}
@keyframes mn-fcta-ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.4);opacity:0}}

/* bouncing robot icon */
.mn-float-cta .ico{font-size:1.2rem;animation:mn-fcta-bob 1.4s ease-in-out infinite;display:inline-block}
@keyframes mn-fcta-bob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-4px) rotate(4deg)}}

/* hide when scrolled to the order section (optional polish) */
.mn-float-cta.hide{transform:scale(0) translateY(40px);opacity:0;pointer-events:none}

@media(max-width:560px){
  .mn-float-cta{right:1rem;bottom:1rem;padding:.8rem 1.2rem;font-size:.84rem}
  .mn-float-cta .label-full{display:none}
  .mn-float-cta .label-short{display:inline}
}
@media(min-width:561px){.mn-float-cta .label-short{display:none}}

/* ============================================================
   MINNOŞ COLORS STRIP — infinite scroll (JS-driven)
   ============================================================ */
#mn-colors-strip{
  background:var(--mn-bg);
  padding:2rem 0;
  overflow:hidden;
}
.mn-cs-band{
  position:relative;width:100vw;left:50%;margin-left:-50vw;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.mn-cs-track{
  display:flex;gap:1.5rem;
  will-change:transform;
}
.mn-cs-item{
  flex-shrink:0;
  width:110px;height:110px;
  border-radius:50%;
  overflow:hidden;
  background:linear-gradient(180deg,#fff,#fdeee4);
  box-shadow:0 8px 20px -6px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.6);
  transition:transform .3s var(--mn-transition);
}
.mn-cs-item:hover{transform:translateY(-4px) scale(1.06)}
.mn-cs-item img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
}
@media(max-width:560px){
  .mn-cs-item{width:84px;height:84px}
  .mn-cs-track{gap:1rem}
}