/* Navigation & Footer (statisch, aus yms-nav.js) */
*, *::before, *::after { box-sizing: border-box; }
  html { overflow-x:hidden; }
  body { overflow-x:hidden; }

  /* Hide legacy inline nav/footer that some pages still contain */
  #nav { display: none !important; }
  body > footer:not(#yms-footer) { display: none !important; }

  body { padding-top: 112px !important; }

  /* Scroll reveal */
  .sr  { opacity:0; transform:translateY(28px); transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1); }
  .sl  { opacity:0; transform:translateX(-28px); transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1); }
  .srr { opacity:0; transform:translateX(28px);  transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1); }
  .sr.in,.sl.in,.srr.in { opacity:1; transform:none; }
  .d1{transition-delay:.07s}.d2{transition-delay:.14s}.d3{transition-delay:.21s}
  .d4{transition-delay:.28s}.d5{transition-delay:.35s}

  /* Nav wrapper */
  #yms-topbar { position:fixed;top:0;left:0;right:0;z-index:9001;height:32px;background:#F8F8F6;border-bottom:1px solid #E5E7EB;display:flex;align-items:center;padding:0 24px; }
  #yms-topbar a { font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:600;color:#9CA3AF;text-decoration:none;letter-spacing:.02em;display:flex;align-items:center;gap:5px;transition:color .2s; }
  #yms-topbar a:hover { color:#EA4532; }
  #yms-nav { position:fixed;top:32px;left:0;right:0;z-index:9000;background:#fff;border-bottom:1px solid rgba(0,0,0,.08);transition:box-shadow .3s ease; }
  #yms-nav.scrolled { box-shadow:0 2px 20px rgba(0,0,0,.09); }

  .yms-logo-col { display:flex;align-items:center;flex-shrink:0; }

  .yms-nav-inner { max-width:1280px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;height:80px; }
  .yms-nav-links { display:flex;align-items:center;gap:24px; }

  /* Plain nav links */
  .yms-nav-link { font-family:'Montserrat',sans-serif;font-size:.875rem;font-weight:700;color:#555;text-decoration:none;letter-spacing:.02em;transition:color .2s ease;white-space:nowrap; }
  .yms-nav-link:hover, .yms-nav-link.active { color:#EA4532; }

  /* Dropdown */
  .nav-drop { position:relative; }
  .nav-drop-trigger { display:flex;align-items:center;gap:4px;font-family:'Montserrat',sans-serif;font-size:.875rem;font-weight:700;color:#555;letter-spacing:.02em;cursor:pointer;background:none;border:none;padding:0;transition:color .2s ease;user-select:none;white-space:nowrap; }
  .nav-drop-trigger:hover, .nav-drop-trigger.open { color:#EA4532; }
  .nav-drop-trigger svg { transition:transform .2s ease;flex-shrink:0; }
  .nav-drop-trigger.open svg { transform:rotate(180deg); }
  .nav-drop-menu { position:absolute;top:calc(100% + 14px);left:-16px;background:#fff;border-radius:14px;box-shadow:0 12px 48px rgba(0,0,0,.13),0 2px 8px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.07);padding:10px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);z-index:200; }
  .nav-drop-menu.open { opacity:1;transform:translateY(0);pointer-events:auto; }

  /* Mega menu */
  .mega-menu { min-width:520px;display:flex;flex-direction:column; }
  .mega-menu-inner { display:grid;grid-template-columns:1fr 1fr;gap:2px; }

  /* Dropdown items */
  .dd-item { display:flex;align-items:baseline;gap:6px;padding:8px 12px;border-radius:8px;font-family:'Montserrat',sans-serif;font-size:.8rem;font-weight:600;color:#333;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap; }
  .dd-item:hover { background:#FEF0EE;color:#EA4532; }
  .dd-sub { font-size:.7rem;font-weight:500;color:#aaa;font-family:'Inter',sans-serif;transition:color .15s;margin-left:2px; }
  .dd-item:hover .dd-sub { color:#EA4532; }

  /* Mobile accordion */
  .mob-acc-body { max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.16,1,.3,1); }
  .mob-acc-body.open { max-height:600px; }
  .mob-acc-trigger { display:flex;align-items:center;justify-content:space-between;cursor:pointer; }
  .mob-acc-trigger svg { transition:transform .25s ease;flex-shrink:0; }
  .mob-acc-trigger.open svg { transform:rotate(180deg); }

  /* Ham */
  .yms-ham { display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px; }
  .yms-ham span { display:block;width:24px;height:2px;background:#1a1a1a;border-radius:2px;transition:transform .3s ease,opacity .3s ease; }

  /* Mobile menu */
  #yms-mobile-menu { max-height:0;overflow:hidden;opacity:0;transition:max-height .45s cubic-bezier(.16,1,.3,1),opacity .3s ease;background:#fff; }
  #yms-mobile-menu.open { max-height:calc(100dvh - 112px);overflow-y:auto;opacity:1;border-top:1px solid #f0f0f0; }

  /* Primary button */
  .btn-primary { display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#EA4532,#c93822);color:#fff;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.02em;padding:11px 22px;border-radius:8px;border:none;cursor:pointer;text-decoration:none;box-shadow:0 4px 20px rgba(234,69,50,.35),inset 0 1px 0 rgba(255,255,255,.15);transition:transform .2s ease,box-shadow .2s ease; }
  .btn-primary:hover { transform:translateY(-2px);box-shadow:0 8px 30px rgba(234,69,50,.45); }

  /* Responsive */
  @media(max-width:1023px) {
    .yms-nav-links { display:none!important; }
    .yms-ham { display:flex; }
    .yms-nav-inner { padding:0 20px;height:80px; }
    body { padding-top:112px !important; }
  }

  /* Footer */
  @media(max-width:767px) {
    .footer-grid { grid-template-columns:1fr !important;gap:32px !important; }
    .footer-bottom { flex-direction:column !important;gap:16px !important;text-align:center !important; }
    .footer-bottom-links { flex-wrap:wrap;justify-content:center !important;gap:12px !important; }
  }
