/* First premium stage: shared brand, clear navigation and scene discovery. */
.mph { --mph-accent:#b6e4dd; --mph-ink:#102b30; }
.mph .mph-nav { height:68px; border-color:rgba(182,228,221,.22); background:rgba(7,20,27,.83); }
.mph .mph-brand { gap:12px; letter-spacing:.09em; }
.mph .mph-brand-logo { display:block; flex:none; width:40px; height:40px; object-fit:contain; }
.mph .mph-nav-about { color:#fff!important; }
.mph :is(a,button,input):focus-visible { outline:2px solid var(--mph-accent); outline-offset:4px; }
.mph :is(#platforma,#atrasti,#mph-scene-search) { scroll-margin-top:110px; }
.mph .mph-hero-copy { transform:translateY(-38%); }
.mph-scene-search { position:relative; pointer-events:auto; margin-top:26px; max-width:570px; padding:16px; border:1px solid rgba(182,228,221,.28); border-radius:18px; background:linear-gradient(135deg,rgba(16,43,48,.92),rgba(5,17,25,.88)); box-shadow:0 16px 42px rgba(0,0,0,.18); backdrop-filter:blur(18px); }
.mph-search-form label { display:block; margin-bottom:10px; color:var(--mph-accent); font-size:11px; font-weight:750; letter-spacing:.09em; text-transform:uppercase; }
.mph-search-row { display:flex; align-items:stretch; gap:8px; }
.mph-search-row input { min-width:0; width:100%; height:48px; padding:0 14px; border:1px solid rgba(255,255,255,.2); border-radius:11px; background:rgba(255,255,255,.06); color:#fff; font:inherit; font-size:15px; }
.mph-search-row input::placeholder { color:#afc1c7; opacity:1; }
.mph-search-row button,.mph-search-retry { flex:none; min-height:44px; padding:0 16px; border:1px solid var(--mph-accent); border-radius:11px; background:var(--mph-accent); color:var(--mph-ink); font:inherit; font-size:13px; font-weight:750; cursor:pointer; }
.mph-search-row button span { margin-left:7px; }
.mph-search-row button:disabled { opacity:.5; cursor:default; }
.mph .mph-search-status { margin:10px 0 0; padding:0; color:#c0cdd1; font-size:11px; line-height:1.5; }
.mph-search-results { position:absolute; z-index:8; top:calc(100% + 8px); left:0; width:100%; max-height:min(330px,38svh); overflow-y:auto; overscroll-behavior:contain; padding:6px; border:1px solid rgba(182,228,221,.26); border-radius:15px; background:#0b2028; box-shadow:0 20px 45px rgba(0,0,0,.38); }
.mph-search-results a { display:flex; gap:12px; align-items:center; justify-content:space-between; min-height:64px; padding:12px; border-radius:10px; color:#fff!important; }
.mph-search-results a:hover,.mph-search-results a:focus-visible { background:rgba(182,228,221,.09); }
.mph-search-results strong { display:block; font-size:14px; line-height:1.35; font-weight:650; }
.mph-search-results small { display:block; margin-top:4px; color:#b3c8cd; font-size:11px; line-height:1.45; }
.mph-search-results .mph-result-arrow { flex:none; color:var(--mph-accent); font-size:20px; }
.mph-search-retry { margin-top:10px; background:transparent; color:var(--mph-accent); }
.mph [hidden] { display:none!important; }
@media(max-width:900px) {
  .mph .mph-nav { height:62px; }
  .mph .mph-nav-links .mph-nav-about { display:block; }
  .mph .mph-hero { min-height:780px; }
  .mph .mph-hero-copy { transform:none; }
  .mph .mph-scene-search { max-width:610px; margin-top:22px; }
}
@media(max-width:600px) {
  .mph .mph-brand { gap:8px; font-size:12px; letter-spacing:.045em; }
  .mph .mph-brand-logo { width:34px; height:34px; }
  .mph .mph-nav { padding:0 12px; }
  .mph .mph-nav-links .mph-nav-cta { display:none; }
  .mph .mph-nav-links .mph-nav-about { padding:12px 6px; font-size:12px; }
  .mph .mph-hero { min-height:760px; }
  .mph .mph-hero-copy { bottom:76px; }
  .mph .mph-scene-search { padding:13px; margin-top:18px; }
  .mph-search-row input { font-size:16px; padding:0 10px; }
  .mph-search-row button { padding:0 12px; }
  .mph-search-row button span { display:none; }
  .mph-search-results { max-height:240px; }
}
@media(max-height:760px) and (min-width:901px) {
  .mph .mph-hero { min-height:820px; }
}

/* Homepage search sits near the bottom of the hero: open results upward so
   the next section and the scroll cue cannot cover or intercept the links.
   Scope this to the homepage hero; scene-header search stays unchanged. */
.mph .mph-hero .mph-hero-copy:focus-within { z-index:4; }
.mph .mph-hero .mph-search-results { top:auto; bottom:calc(100% + 8px); }