nav.sv-nav {
    position:relative !important;
    top:auto !important;
    z-index:100;
    background:transparent !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    border-bottom:none !important;
    box-shadow:none !important;
    padding-top:8px;
  }
  nav.sv-nav.scrolled { box-shadow:none !important; }

  /* dekorativní křivka pod headerem — sjednoceno s .sv-curve v sekci "Šest nevěst" */
  .sv-header-curve {
    display:block;
    width:130vw;
    max-width:none;
    margin-left:calc(50% - 50vw - 10vw);
    margin-right:calc(50% - 50vw - 20vw);
    margin-top:-90px;
    margin-bottom:0;
    height:80px;
    position:relative;
    pointer-events:none;
    z-index:50;
    overflow:visible;
    transform:translateY(70px);
    animation:heroCurveFloat 7s ease-in-out 2s infinite;
  }
  @keyframes heroCurveFloat {
    0%   { transform:translateY(70px) translateX(0) rotate(0); }
    25%  { transform:translateY(74px) translateX(-3px) rotate(-.25deg); }
    50%  { transform:translateY(78px) translateX(0) rotate(0); }
    75%  { transform:translateY(74px) translateX(3px) rotate(.25deg); }
    100% { transform:translateY(70px) translateX(0) rotate(0); }
  }
  @media (prefers-reduced-motion: reduce) {
    .sv-header-curve { animation:none !important; }
  }
  .sv-header-curve svg {
    display:block;
    width:100%;
    height:100%;
    overflow:visible;
  }
  .sv-header-curve-path {
    stroke-dasharray:3200;
    stroke-dashoffset:3200;
    animation:svHeaderCurveDraw 1.8s cubic-bezier(.22,1,.36,1) .2s forwards;
  }
  @keyframes svHeaderCurveDraw {
    to { stroke-dashoffset:0; }
  }
  @media(max-width:768px){
    .sv-header-curve { display:none; }
  }
  nav.sv-nav .container { max-width:1360px; margin:0 auto; padding:0 32px; }
  nav.sv-nav .nav-inner {
    display:flex; align-items:center; justify-content:space-between;
    gap:24px; height:72px;
  }

  /* brand block — clean, logo-first */
  nav.sv-nav .brand {
    display:flex; align-items:center; gap:12px;
    text-decoration:none;
    transition: transform .3s cubic-bezier(.22,1,.36,1);
  }
  nav.sv-nav .brand:hover { transform: translateX(-1px); }
  nav.sv-nav .brand-logo {
    height:40px; width:auto; display:block;
  }
  nav.sv-nav .brand-mark {
    font-family: var(--font-sans, 'Inter', sans-serif);
    font-size:.68rem; font-weight:500; font-style:italic;
    letter-spacing:.22em; text-transform:uppercase;
    color:#94817c;
    line-height:1.1;
    padding-left:14px;
    border-left:1px solid rgba(45,36,33,.14);
  }
  @media(max-width:640px){
    nav.sv-nav .brand-logo { height:48px; }
    nav.sv-nav .brand-mark { display:none; }
  }

  /* nav links — editorial */
  nav.sv-nav .nav-links {
    display:flex; gap:36px; list-style:none; margin:0; padding:0;
  }
  @media(max-width:860px){ nav.sv-nav .nav-links { display:none; } }
  nav.sv-nav .nav-links a {
    font-size:1rem; font-weight:600;
    letter-spacing:-.005em;
    color:#2d2421;
    text-decoration:none;
    position:relative;
    padding:4px 0;
    transition:color .2s ease;
  }
  nav.sv-nav .nav-links a::after {
    content:''; position:absolute; left:0; right:0; bottom:-2px;
    height:1.5px; background:#e11d48;
    transform:scaleX(0); transform-origin:left;
    transition:transform .35s cubic-bezier(.22,1,.36,1);
  }
  nav.sv-nav .nav-links a:hover { color:#e11d48; }
  nav.sv-nav .nav-links a:hover::after { transform:scaleX(1); }

  /* CTA wrapper — drží tlačítko + floating badge */
  nav.sv-nav .nav-cta-wrap {
    position:relative;
    display:inline-flex; align-items:center;
  }
  /* Floating bestseller pill nad CTA */
  nav.sv-nav .nav-cta-badge {
    position:absolute; top:-18px; right:10px;
    font-size:.56rem; font-weight:700;
    letter-spacing:.16em; text-transform:uppercase;
    color:#7a0f2e;
    background:linear-gradient(135deg, #fff3f6 0%, #fcb9cc 100%);
    padding:3px 9px; border-radius:100px;
    border:1px solid rgba(225,29,72,.25);
    box-shadow:0 4px 10px -4px rgba(225,29,72,.35);
    z-index:2;
    animation: sv-cta-badge-float 3.2s ease-in-out infinite;
    pointer-events:none;
    white-space:nowrap;
  }
  @keyframes sv-cta-badge-float {
    0%,100% { transform:translateY(0) rotate(-3deg); }
    50%     { transform:translateY(-2px) rotate(-1deg); }
  }

  /* CTA — rose default, tmavší rose na hover */
  nav.sv-nav .nav-cta {
    display:inline-flex; align-items:center; gap:10px;
    background:#e11d48; color:#fff;
    padding:12px 24px; border-radius:100px;
    font-size:.95rem; font-weight:600; letter-spacing:-.005em;
    border:none; cursor:pointer;
    font-family:inherit;
    box-shadow:0 6px 18px rgba(225,29,72,.22);
    transition:background .25s ease, transform .2s ease, box-shadow .25s ease;
  }
  nav.sv-nav .nav-cta:hover {
    background:#be123c;
    transform:translateY(-1px);
    box-shadow:0 12px 30px rgba(190,18,60,.35);
  }
  nav.sv-nav .nav-cta .cta-icon {
    flex-shrink:0;
    transition:transform .35s cubic-bezier(.22,1,.36,1);
  }
  nav.sv-nav .nav-cta:hover .cta-icon {
    transform:translateY(-2px) rotate(-8deg);
  }
  /* Text — vlnka zespoda, písmeno po písmenu */
  nav.sv-nav .nav-cta .cta-text {
    display:inline-flex;
    overflow:hidden;
    line-height:1.3;
    padding:0 1px;
  }
  nav.sv-nav .nav-cta .cta-letter {
    display:inline-block;
    white-space:pre;
  }
  nav.sv-nav .nav-cta:hover .cta-letter {
    animation:letterWave .6s cubic-bezier(.34,1.56,.64,1) both;
    animation-delay:calc(var(--i) * 35ms);
  }
  @keyframes letterWave {
    0%   { transform:translateY(110%); }
    60%  { transform:translateY(-6%); }
    85%  { transform:translateY(2%); }
    100% { transform:translateY(0); }
  }
  /* pop animace při kliku */
  nav.sv-nav .nav-cta.is-clicked {
    animation:ctaPop .55s cubic-bezier(.34,1.56,.64,1);
  }
  nav.sv-nav .nav-cta.is-clicked .cta-icon {
    animation:ctaIconSpin .55s cubic-bezier(.34,1.56,.64,1);
  }
  @keyframes ctaPop {
    0%   { transform:scale(1); }
    30%  { transform:scale(.92); }
    60%  { transform:scale(1.06); }
    100% { transform:scale(1); }
  }
  @keyframes ctaTextHop {
    0%   { transform:translateY(0); }
    30%  { transform:translateY(2px); }
    60%  { transform:translateY(-4px); }
    100% { transform:translateY(0); }
  }
  @keyframes ctaIconSpin {
    0%   { transform:translateY(0) rotate(0); }
    40%  { transform:translateY(-6px) rotate(-14deg); }
    70%  { transform:translateY(-2px) rotate(6deg); }
    100% { transform:translateY(0) rotate(0); }
  }
  @media(max-width:640px){
    nav.sv-nav .nav-cta { padding:10px 18px; font-size:.88rem; }
    nav.sv-nav .nav-cta .cta-icon { width:16px; height:16px; }
  }