@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700&display=swap');
/* Shared public navigation — one component across Homepage, How it works, Shop and Buyout. */
@media (min-width:901px){
  .header>a.header-link,.header>a.btn,
  .site-header .nav>a{
    position:absolute!important;top:19px!important;width:175px!important;height:54px!important;min-height:54px!important;
    padding:0 12px!important;margin:0!important;border:1px solid #263246!important;border-radius:10px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
    white-space:nowrap!important;font-family:Sora,Inter,Arial,sans-serif!important;font-size:15.5px!important;line-height:1.15!important;font-weight:700!important;
    color:#a7b0bf!important;background:#111824!important;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important;
  }
  .header>a[href="/ako-funguje-vykup/"],.site-header .nav>a[href="/ako-funguje-vykup/"]{left:651px!important}
  .header>a[href="/nakupovat/"],.site-header .nav>a[href="/nakupovat/"]{left:838px!important}
  .header>a[href="/vykup/"],.site-header .nav>a[href="/vykup/"]{left:1025px!important;right:auto!important}
}
.header>a.header-link:hover,.header>a.btn:hover,.site-header .nav>a:hover{color:#fbfcff!important;background:#1a2433!important;border-color:#344055!important;transform:translateY(-1px)}
.header>a[aria-current="page"],.site-header .nav>a[aria-current="page"]{color:#fbfcff!important;background:#39465b!important;border-color:#566781!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important}
.header>a:active,.site-header .nav>a:active{transform:translateY(0)!important;background:#46556d!important}
@media(max-width:900px){
  .header{min-height:132px!important;height:132px!important}
  .header>a.header-link,.header>a.btn{position:absolute!important;top:76px!important;width:calc((100% - 16px)/3)!important;height:46px!important;min-height:46px!important;padding:0 7px!important;border:1px solid #263246!important;border-radius:9px!important;background:#111824!important;color:#a7b0bf!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font:700 13px/1.12 Sora,Inter,Arial,sans-serif!important;white-space:normal!important}
  .header>a[href="/ako-funguje-vykup/"]{left:0!important}.header>a[href="/nakupovat/"]{left:calc((100% - 16px)/3 + 8px)!important}.header>a[href="/vykup/"]{left:auto!important;right:0!important}
}
@media(max-width:620px){.header>a.header-link,.header>a.btn{font-size:11.5px!important;height:44px!important;min-height:44px!important}}
@media(min-width:901px){body{zoom:.9}}

/* V13 — Homepage header geometry is the single source of truth for all public pages. */
@media (min-width:901px){
  .site-header.container,
  .figma-page>.site-header.container,
  .buyout-page>.site-header.container,
  .shop-page>.site-header.container,
  .process-page>.site-header.container{
    box-sizing:border-box!important;
    width:1200px!important;
    height:92px!important;
    min-height:92px!important;
    margin:0 auto!important;
    padding:0!important;
    position:relative!important;
    display:block!important;
    left:auto!important;right:auto!important;top:auto!important;
    transform:none!important;
    background:#0b101a!important;
  }
  .site-header.container>a:first-child,
  .figma-page>.site-header.container>a:first-child,
  .buyout-page>.site-header.container>a:first-child,
  .shop-page>.site-header.container>a:first-child,
  .process-page>.site-header.container>a:first-child{
    position:absolute!important;left:0!important;top:13px!important;width:196px!important;height:66px!important;margin:0!important;padding:0!important;
  }
  .site-header.container .site-logo{width:196px!important;height:66px!important;object-fit:contain!important}
  .site-header.container .nav{position:static!important;display:block!important;margin:0!important;padding:0!important}
  .site-header.container .nav>a{top:19px!important;width:175px!important;height:54px!important;min-height:54px!important}
  .site-header.container .nav>a[href="/ako-funguje-vykup/"]{left:651px!important}
  .site-header.container .nav>a[href="/nakupovat/"]{left:838px!important}
  .site-header.container .nav>a[href="/vykup/"]{left:1025px!important;right:auto!important}
  body:not(.home-page) main.container{width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
}

/* V14 — canonical desktop header. Deliberately higher specificity than every legacy page rule.
   Root cause fixed: site.css and buyout.css contained page-specific !important nav positions
   (720/891 and, on buyout, top 27/26) which overrode the shared component. */
@media (min-width:901px){
  body.shop-page>.site-header.container,
  body.process-page>.site-header.container,
  body.buyout-page>.site-header.container,
  body.figma-page>.site-header.container{
    width:1200px!important;height:92px!important;min-height:92px!important;margin:0 auto!important;padding:0!important;
    position:relative!important;display:block!important;box-sizing:border-box!important;background:#0b101a!important;
  }
  body.shop-page>.site-header.container>a:first-child,
  body.process-page>.site-header.container>a:first-child,
  body.buyout-page>.site-header.container>a:first-child,
  body.figma-page>.site-header.container>a:first-child{
    position:absolute!important;left:0!important;top:13px!important;width:196px!important;height:66px!important;margin:0!important;padding:0!important;
  }
  body.shop-page>.site-header.container .site-logo,
  body.process-page>.site-header.container .site-logo,
  body.buyout-page>.site-header.container .site-logo,
  body.figma-page>.site-header.container .site-logo{width:196px!important;height:66px!important;object-fit:contain!important}
  body.shop-page>.site-header.container .nav,
  body.process-page>.site-header.container .nav,
  body.buyout-page>.site-header.container .nav,
  body.figma-page>.site-header.container .nav{position:static!important;display:block!important;margin:0!important;padding:0!important}
  body.shop-page>.site-header.container .nav>a,
  body.process-page>.site-header.container .nav>a,
  body.buyout-page>.site-header.container .nav>a,
  body.figma-page>.site-header.container .nav>a{
    position:absolute!important;top:19px!important;width:175px!important;height:54px!important;min-height:54px!important;
    margin:0!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;
    border:1px solid #263246!important;border-radius:10px!important;background:#111824!important;color:#a7b0bf!important;
    font:700 15.5px/1.15 Sora,Inter,Arial,sans-serif!important;text-align:center!important;white-space:nowrap!important;
  }
  body.shop-page>.site-header.container .nav>a[href="/ako-funguje-vykup/"],
  body.process-page>.site-header.container .nav>a[href="/ako-funguje-vykup/"],
  body.buyout-page>.site-header.container .nav>a[href="/ako-funguje-vykup/"],
  body.figma-page>.site-header.container .nav>a[href="/ako-funguje-vykup/"]{left:651px!important;right:auto!important;top:19px!important}
  body.shop-page>.site-header.container .nav>a[href="/nakupovat/"],
  body.process-page>.site-header.container .nav>a[href="/nakupovat/"],
  body.buyout-page>.site-header.container .nav>a[href="/nakupovat/"],
  body.figma-page>.site-header.container .nav>a[href="/nakupovat/"]{left:838px!important;right:auto!important;top:19px!important}
  body.shop-page>.site-header.container .nav>a[href="/vykup/"],
  body.process-page>.site-header.container .nav>a[href="/vykup/"],
  body.buyout-page>.site-header.container .nav>a[href="/vykup/"],
  body.figma-page>.site-header.container .nav>a[href="/vykup/"]{left:1025px!important;right:auto!important;top:19px!important}
  body.shop-page main.container,
  body.process-page main.container,
  body.buyout-page main.container,
  body.figma-page main.container{width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
}

/* V15: Sora is the canonical typeface for every public-site button/CTA/navigation control. */
.header>a.header-link,.header>a.btn,.site-header .nav>a,
.btn,.ig-cta,.tcg-card span,.shop-link,.process-cta .btn,
a[class*="btn"],button,input[type="button"],input[type="submit"]{
  font-family:Sora,Inter,Arial,sans-serif!important;
  font-weight:700!important;
}
@media(max-width:900px){.header>a.header-link,.header>a.btn,.site-header .nav>a{font-family:Sora,Inter,Arial,sans-serif!important;font-weight:700!important}}

/* V17 — definitive public-nav typography. Keep this last: all four public headers use the exact same Sora metrics. */
.header>a.header-link,.header>a.btn,
body.shop-page>.site-header.container .nav>a,
body.process-page>.site-header.container .nav>a,
body.buyout-page>.site-header.container .nav>a,
body.figma-page>.site-header.container .nav>a{
  font-family:Sora,Inter,Arial,sans-serif!important;
  font-weight:700!important;
  font-style:normal!important;
}
@media (min-width:901px){
  .header>a.header-link,.header>a.btn,
  body.shop-page>.site-header.container .nav>a,
  body.process-page>.site-header.container .nav>a,
  body.buyout-page>.site-header.container .nav>a,
  body.figma-page>.site-header.container .nav>a{font-size:15.5px!important;line-height:1.15!important;}
}

/* Active public-nav items must still react to pointer hover. */
.header>a[aria-current="page"]:hover,
.site-header .nav>a[aria-current="page"]:hover{
  color:#fbfcff!important;
  background:#4a5870!important;
  border-color:#6d7f9b!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),0 5px 16px rgba(0,0,0,.12)!important;
  transform:translateY(-1px)!important;
}

/* V19 — definitive hover states after canonical page-specific header rules.
   The canonical desktop rules above use body.<page> + !important, so generic
   :hover declarations cannot win the cascade on process/shop pages. */
body.shop-page>.site-header.container .nav>a:hover,
body.process-page>.site-header.container .nav>a:hover,
body.buyout-page>.site-header.container .nav>a:hover,
body.figma-page>.site-header.container .nav>a:hover,
.header>a.header-link:hover,
.header>a.btn:hover{
  color:#fbfcff!important;
  background:#253044!important;
  border-color:#46556d!important;
  box-shadow:0 5px 16px rgba(0,0,0,.12)!important;
  transform:translateY(-1px)!important;
}
body.shop-page>.site-header.container .nav>a[aria-current="page"]:hover,
body.process-page>.site-header.container .nav>a[aria-current="page"]:hover,
body.buyout-page>.site-header.container .nav>a[aria-current="page"]:hover,
body.figma-page>.site-header.container .nav>a[aria-current="page"]:hover,
.header>a[aria-current="page"]:hover{
  color:#fbfcff!important;
  background:#53627a!important;
  border-color:#71839f!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 5px 16px rgba(0,0,0,.12)!important;
  transform:translateY(-1px)!important;
}