/* Mentor Breast Masters — wspólna warstwa dla sekcji Coffee CMS */
/* Osobna nazwa chroni lokalne fonty przed definicjami Intera dodawanymi przez Coffee. */
@font-face{font-family:'MBM Inter';src:url('/upload/inter-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'MBM Inter';src:url('/upload/inter-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'MBM Inter';src:url('/upload/inter-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'MBM Inter';src:url('/upload/inter-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Poppins;src:url('/upload/poppins-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('/upload/playfair-display-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('/upload/playfair-display-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'MBM Playfair Display';src:url('data:font/woff2;base64,d09GMgABAAAAAAcwABAAAAAADWgAAAbVAAEz+AAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbgmYcKgZgP1NUQVREAFQRCAqMGIoFATYCJAMsCxgABCAFhS4HIAwHGyULo6KEcaZC/MWBTWRqwV6ECWWQod64tpmwjXnGMvBVJud+xX9eU88jvMvV6ZJvsg3HJsETjX17M7vfNZ2IVBGJF0WhUUWsSSTSIGonVLJotZmys4DYSQXyifYA0fPu7m0tyTVgziL+P/+e/klH3TaVPDndugdA3xTme9feJi3Pto4IVCUgHimG5EAViZOsPnj+///HXn33t0ZilH7Q0YYz+9F31W9VbxWhdXz2N7CItoE0aBRtPBqQD9SnukYiYeb8iBls1K0m/u5GECAOACiCEEUQIEqDIcfEtagKIkfQkH4QwQN8MlocYoP6gQ8uNZ7Ibo44eSV2FCir/A3YwzSQuaNqbtsIhxIiUi3FflNr4sBDAELNI1ZPiNqfA95jHCZNyAZNNMseETFLldNfetZDYYJgn+0vwE7S57H/sI8THlHUz9+QMNRFmLQmSpw9KRpBBEMK+tRogKBBHME5b6iEhQeIDt2kLsx16It5nXf829yg11WZjfmFyLYt1QAluHC6qZsHtjdqfK+lBeCv+MOthap+ADXBNSOMAnmFNDQ7Q/QYgtngH0SxWDhoSBcD4sII7BBUko9FNVDIm+2q2MUIxuF/K0+No4s332NAjYOLF59j9tmO21FbtkUkHZ1YKymMKVBkKdCq0KcQqQdQZ/W8mEfUtJqrK192dCAdG5XOpEG9C9eumsKQRMpdyPH4MM+7ZqZnctEVho6QLpiQ4e3g4kaWy8i6eFAoTFWYgHecZ4AQehzS1ZsvL3cT7fddS2HGdAL0XeegewPyXiK+f09G/uuW+bSDg21JU5TyCpEOtID3tLU3qdlKC5wVtkcSKeU8BI+RRSGYU3bO+3cE7KjZPb1wttcRu+a2kLD16W7rlzCw0PFMe9Qdoqmga1qAdVresauhuZCDtOX1ftjoxkMpci/0aM/Qn/BTGFjpAd9ETZYkLbtXjkV9azCYcVzP8q8oyXtVzaRnCrwTFNlzjZRs2VvpDUckRus+xES4nmSTchcPDUcQwjGzc9KdDZubjpwglU5ZZ0WsZ6eujY11iXZrpaWHA/bJUg/e7YrE01iWdhtC2mKB7f0qUXoP0fl+7p6MWouyA/9EenUGkxdDGbMVFc/A5uz30m6RdWv7z3m3w9mf8iv5J3QvD8QdhTAQ8Y7qpx+Sn63jvc1Z9xz9mmGbdXiBNnYa/pceYJZtRV6LQfB+QjGR6CJY9rAhkZBAGCqzeNNIkYRuZkWBzOUmhqoqKbUkr6wYJiKibBZqXDelArV1olHjfPgRay0vWlVcUllXB1kQhjE5BYoCQwGo31s1AeVkp5gnxAtKjuuG2fXTPOA+r2fbDEGRjEgqxNU6MinZzhsP+lIhATUwAL8SOl0DBHg9xiEwqBIQhwBxdbJVsaQxrLiv6LQ8z+k54rIA8/nT6KfNJpHG5XDKD7SwFGSdJTAQZSkOCx06/GOZ+l++a49MW4wcDzAs4AeK0d2ovLp+vp8kJwphG+5SV69LUo4ZnqUY7DmFfpttUEVPIM/sCc+svCp+EIb9LNYdHt6HHE7QKxhMvtFtZXXGhsGPie2r2lYMj7Zx0OPI9pVti7McRK1mbY8605q6DMsWeF33etPqaAbnV4gOkduKTTxasP6hkOiACI9fSSlQl7qIIoYdic2dWAzSTvYf6KGSP69PZa8llDivUHZm+APS49Y8mjfGW+tTHs0uH1lqEPSBrI/WV22X3ibgVJE5yREqgjhf3DbstOi8Np18RVGIL6PYrSy0+DzVvWVeRxCf09bI+6+jpEGnItwj7FcU8ApmIE9Z24Dp0Zdyl7bE6naUdBDBwFMuzcJxPN08LVkS9UpMXLvs3eMD6LY96AeicBD1PP7XsPOMPokkmlqKsxPMcVKW60BP0kup6NUTA4AA9f/vK2hqbp/h/GPgjHkPHmu5CIDv3VTf8qs14l94BmBDAhDw9ff+cBC12KYgesOjenDq79ZfPxUI9YmZ+wkivajk9EGtg9PfLxJs+gMYfCsFAsR4IsQVQbhw77D6dQ7xEZAGbEOD0FeDQUnKlsExETrQuxkCVHuhD9LTu1oCcfldDI50/w0J4pq8niRRrXIiEFlkFAJJBQz1DcwA35OAnf4dC2LBQSgy4IyiEE12p+YyAQ2DwDQ+0KhIwl6sAOrwjVUixVLvRgmUE9PAuguZgNNT7aBMo8AqJWAQQ/eCCKpTu6ENMGCLgU8YjFim+9BdcyXgk4HXglxqo6sds63pEsC+YLhp8ZGAaACUoLkUywa6tGpGVq5T3q2kKxm6Axr+SwZSiQwAsH0LRv48r7tLM3uggkoxBfH5Uj4NwnMCgK0hr1d9nU196W8BAA==') format('woff2');font-style:normal;font-weight:600;font-display:swap;}

:root{
  --mbm-navy:#16203c;
  --mbm-paper:#f8f7f5;
  --mbm-line:#d9dce3;
  --mbm-content-width:1200px;
  --mbm-side-gap:24px;
  --mbm-anchor-offset:32px;
  --mbm-font-sans:'MBM Inter',Inter,Arial,sans-serif;
  --mbm-font-serif:'Playfair Display',Georgia,serif;
}

html{scroll-behavior:smooth}

:where(.mbm-header-hero,.mbm-about,.mbm-program,.mbm-committee,.mbm-venue,.mbm-closing){
  width:100%;
  background:#fff;
  color:var(--mbm-navy);
  font-family:var(--mbm-font-sans);
}

:where(.mbm-header-hero,.mbm-about,.mbm-program,.mbm-committee,.mbm-coffee-newsletter-anchor,.mbm-venue,.mbm-closing),
:where(.mbm-header-hero,.mbm-about,.mbm-program,.mbm-committee,.mbm-coffee-newsletter-anchor,.mbm-venue,.mbm-closing) *{
  box-sizing:border-box;
}

:where(.mbm-about,.mbm-program,.mbm-committee,.mbm-coffee-newsletter-anchor,.mbm-venue){
  scroll-margin-top:var(--mbm-anchor-offset);
}

:where(.mbm-header-hero,.mbm-about,.mbm-program,.mbm-committee,.mbm-venue,.mbm-closing) img{
  display:block;
  max-width:100%;
}

/* Globalna nawigacja Coffee — odwzorowanie paska z Figmy. */
#navigation.navigation{
  position:fixed!important;
  z-index:9999!important;
  top:0!important;
  right:0!important;
  left:0!important;
  width:100%!important;
  height:76px!important;
  min-height:76px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid rgba(22,32,60,.42)!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(22,32,60,.07)!important;
  font-family:var(--mbm-font-sans)!important;
}

#navigation.navigation>.container{
  width:min(1200px,calc(100% - 48px))!important;
  max-width:1200px!important;
  height:76px!important;
  margin:0 auto!important;
  padding:0!important;
}

#navigation .nav-container{
  position:relative!important;
  width:100%!important;
  height:76px!important;
  min-height:76px!important;
  display:flex;
  align-items:center;
}

#navigation.navigation::before,
#navigation.navigation::after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  top:50%!important;
  display:block!important;
  transform:translateY(-50%)!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  pointer-events:none!important;
}

#navigation.navigation::before{
  left:max(24px,calc((100vw - 1200px)/2))!important;
  width:88px!important;
  height:46px!important;
  background-image:url('/upload/logo-aspironix.svg')!important;
}

#navigation.navigation::after{
  right:max(24px,calc((100vw - 1200px)/2))!important;
  width:140px!important;
  height:25px!important;
  background-image:url('/upload/logo-mentor.svg')!important;
}

#navigation .nav-container::before{
  content:"Mentor Breast Masters\A Sympozjum Chirurgii\A Plastycznej i Rekonstrukcyjnej"!important;
  position:absolute!important;
  top:50%!important;
  left:124px!important;
  transform:translateY(-50%)!important;
  white-space:pre-line!important;
  color:var(--mbm-navy)!important;
  font-family:var(--mbm-font-sans)!important;
  font-size:9px!important;
  line-height:1.35!important;
  font-weight:400!important;
  pointer-events:none!important;
}

/* Klikalne pola nad logotypami renderowanymi przez pseudo-elementy Coffee. */
#navigation .mbm-header-logo-link{
  position:absolute!important;
  z-index:4!important;
  top:50%!important;
  display:block!important;
  transform:translateY(-50%)!important;
  background:transparent!important;
  text-decoration:none!important;
}

#navigation .mbm-header-logo-link--aspironix{
  left:0!important;
  width:88px!important;
  height:46px!important;
}

#navigation .mbm-header-logo-link--mentor{
  right:0!important;
  width:140px!important;
  height:25px!important;
}

#navigation .nav-container::after{
  /* Tymczasowo ukryte: content:"PL  /  EN"!important; */
  content:none!important;
  position:absolute!important;
  top:50%!important;
  right:320px!important;
  transform:translateY(-50%)!important;
  color:var(--mbm-navy)!important;
  font-family:var(--mbm-font-sans)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:500!important;
  pointer-events:none!important;
}

#navigation .brand{
  display:none!important;
}

#navigation .nav-container>nav{
  width:auto!important;
  height:76px!important;
  margin:0 0 0 330px!important;
  padding:0!important;
}

#navigation .nav-list{
  width:auto!important;
  height:76px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

#navigation .nav-list>li{
  float:none!important;
  position:relative!important;
  height:76px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}

#navigation .nav-list>li>a{
  position:relative!important;
  height:76px!important;
  margin:0!important;
  padding:0 15px!important;
  display:flex!important;
  align-items:center!important;
  color:var(--mbm-navy)!important;
  background:transparent!important;
  font-family:var(--mbm-font-sans)!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:400!important;
  text-transform:lowercase!important;
  text-decoration:none!important;
  box-shadow:none!important;
}

#navigation .nav-list>li>a:hover,
#navigation .nav-list>li>a:focus-visible{
  font-weight:700!important;
}

#navigation .nav-list>li>a:hover::before,
#navigation .nav-list>li>a:focus-visible::before{
  content:""!important;
  position:absolute!important;
  right:15px!important;
  bottom:18px!important;
  left:15px!important;
  height:1px!important;
  background:var(--mbm-navy)!important;
}

/* Dodatkowy przycisk korzysta z istniejącego linku do rejestracji,
   więc pozostaje funkcjonalny bez dokładania elementu HTML. */
#navigation #menu_5>a::after{
  content:"Zapisz si\000119 "!important;
  position:fixed!important;
  z-index:3!important;
  top:20px!important;
  left:auto!important;
  right:calc(max(24px,calc((100vw - 1200px)/2)) + 160px)!important;
  width:128px!important;
  height:36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid var(--mbm-navy)!important;
  border-radius:5px!important;
  background:#fff!important;
  color:var(--mbm-navy)!important;
  font-family:var(--mbm-font-sans)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:700!important;
  text-transform:none!important;
  transform:none!important;
  transform-origin:center!important;
  box-shadow:none!important;
}

#navigation #menu_5>a:hover::after,
#navigation #menu_5>a:focus-visible::after{
  background:var(--mbm-navy)!important;
  color:#fff!important;
}

#navigation .nav-mobile{
  display:none!important;
}

/* Coffee nadaje liście display:block. Na desktopie wymuszamy jeden rząd,
   ale na mobile zostawiamy natywne otwieranie/zamykanie menu przez CMS. */
@media(min-width:901px){
  #navigation .nav-container>nav{
    position:absolute!important;
    top:0!important;
    left:330px!important;
    flex:0 0 390px!important;
    width:390px!important;
    min-width:390px!important;
    margin:0!important;
  }

  #navigation .nav-list{
    display:flex!important;
    align-items:center!important;
  }
}

@media(max-width:900px){
  #navigation.navigation,
  #navigation.navigation>.container,
  #navigation .nav-container{
    height:64px!important;
    min-height:64px!important;
  }

  #navigation.navigation>.container{
    width:calc(100% - 32px)!important;
  }

  #navigation.navigation::before{
    left:16px!important;
    width:70px!important;
    height:38px!important;
  }

  #navigation.navigation::after,
  #navigation .nav-container::after,
  #navigation #menu_5>a::after{
    display:none!important;
  }

  #navigation .nav-container::before{
    left:92px!important;
    max-width:128px!important;
    font-size:8px!important;
  }

  #navigation .mbm-header-logo-link--aspironix{
    left:0!important;
    width:70px!important;
    height:38px!important;
  }

  #navigation .mbm-header-logo-link--mentor{
    display:none!important;
  }

  #navigation .nav-container>nav{
    width:100%!important;
    height:64px!important;
    margin:0!important;
  }

  #navigation .nav-mobile{
    position:absolute!important;
    z-index:5!important;
    top:0!important;
    right:0!important;
    display:block!important;
    width:56px!important;
    height:64px!important;
  }

  #navigation #nav-toggle{
    position:absolute!important;
    display:block!important;
    top:22px!important;
    right:8px!important;
    width:24px!important;
    height:20px!important;
    cursor:pointer!important;
  }

  #navigation #nav-toggle>span,
  #navigation #nav-toggle>span::before,
  #navigation #nav-toggle>span::after{
    position:absolute!important;
    left:0!important;
    display:block!important;
    width:24px!important;
    height:2px!important;
    border:0!important;
    border-radius:2px!important;
    background:var(--mbm-navy)!important;
    content:""!important;
    transition:transform .2s ease,top .2s ease,background-color .2s ease!important;
  }

  #navigation #nav-toggle>span{
    top:9px!important;
  }

  #navigation #nav-toggle>span::before{
    top:-7px!important;
  }

  #navigation #nav-toggle>span::after{
    top:7px!important;
  }

  #navigation #nav-toggle.active>span{
    background:transparent!important;
  }

  #navigation #nav-toggle.active>span::before{
    top:0!important;
    transform:rotate(45deg)!important;
  }

  #navigation #nav-toggle.active>span::after{
    top:0!important;
    transform:rotate(-45deg)!important;
  }

  #navigation .nav-list{
    position:absolute!important;
    z-index:4!important;
    top:64px!important;
    right:-16px!important;
    left:-16px!important;
    width:calc(100% + 32px)!important;
    height:auto!important;
    padding:8px 16px 16px!important;
    border-bottom:1px solid rgba(22,32,60,.22)!important;
    background:#fff!important;
    box-shadow:0 8px 15px rgba(22,32,60,.10)!important;
  }

  #navigation .nav-list>li,
  #navigation .nav-list>li>a{
    width:100%!important;
    height:46px!important;
  }

  #navigation .nav-list>li{
    float:none!important;
  }

  #navigation .nav-list>li>a{
    justify-content:center!important;
    padding:0 16px!important;
    font-size:14px!important;
  }

  #navigation .nav-list>li>a:hover::before,
  #navigation .nav-list>li>a:focus-visible::before{
    right:35%!important;
    bottom:5px!important;
    left:35%!important;
  }
}