@import url('nav-type-scale.css?v=20260830-2');
.nav{position:fixed!important;z-index:50!important;top:0!important;left:0!important;right:0!important;width:auto!important;height:92px!important;padding:0 42px!important;display:grid!important;grid-template-columns:205px minmax(600px,1fr) auto!important;align-items:center!important;border-bottom:1px solid rgba(67,48,39,.16)!important;background:rgba(245,238,231,.82)!important;color:#241d19!important;backdrop-filter:blur(18px)!important}
.nav>.logo,.nav>a:first-child{display:block!important}.nav>.logo img,.nav>a:first-child img{display:block!important;width:158px!important;filter:invert(1)!important}
.nav .menu{display:flex!important;justify-content:center!important;align-items:center!important;gap:20px!important;margin:0!important;font:500 9.5px Manrope,Arial,sans-serif!important;letter-spacing:.125em!important;text-transform:uppercase!important}.nav .menu a{position:relative!important;color:inherit!important;text-decoration:none!important;white-space:nowrap!important}.nav .menu a:hover,.nav .menu .active{color:#765347!important}.nav .menu>.active:after{display:none!important}
.nav .menu>a:not(.home-link):before,.nav .menu>.nav-dropdown>.nav-dropdown-trigger:before{content:"";position:absolute;left:0;right:0;top:-15px;height:1px;background:#765347;transform:scaleX(0);transform-origin:left center;opacity:0;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .18s ease}
.nav .menu>a:not(.home-link):hover:before,.nav .menu>a:not(.home-link):focus-visible:before,.nav .menu>a.active:before,.nav .menu>.nav-dropdown:hover>.nav-dropdown-trigger:before,.nav .menu>.nav-dropdown:focus-within>.nav-dropdown-trigger:before,.nav .menu>.nav-dropdown.active>.nav-dropdown-trigger:before{transform:scaleX(1);opacity:1}
.nav .menu .home-link{width:40px!important;height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 40px!important;color:#241d19!important}.nav .menu .home-link svg{display:block!important;width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.55!important;stroke-linecap:round!important;stroke-linejoin:round!important}.nav .menu .home-link:hover{color:#765347!important}.nav .menu .home-link:after{display:none!important}.nav .menu a:focus-visible,.nav .book:focus-visible,.nav .phone:focus-visible{outline:2px solid #765347!important;outline-offset:5px!important}
.nav .nav-actions{display:flex!important;align-items:center!important;gap:15px!important}.nav .phone{font:500 11.5px Manrope,Arial,sans-serif!important;letter-spacing:.075em!important;color:#241d19!important;text-decoration:none!important;white-space:nowrap!important}.nav .book{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 18px!important;border:1px solid #795a4a!important;background:transparent!important;color:#241d19!important;font:500 9px Manrope,Arial,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase!important;text-decoration:none!important;white-space:nowrap!important;transition:background .3s,color .3s,border-color .3s!important}.nav .book:hover{background:#241d19!important;border-color:#241d19!important;color:#f5ede6!important}
.phone-menu{display:contents}.tablet-phone-popover{display:none}
@media(max-width:1250px){.nav{grid-template-columns:175px 1fr auto!important;padding:0 28px!important}.nav .menu{gap:13px!important;font-size:8px!important}.nav .phone{font-size:10px!important}.nav .nav-actions{gap:10px!important}}
@media(max-width:1010px){.nav{grid-template-columns:1fr auto!important}.nav .menu{display:none!important}}
@media(max-width:620px){.nav{height:76px!important;padding:0 18px!important}.nav>.logo img,.nav>a:first-child img{width:132px!important}.nav .phone{display:none!important}.nav .book{min-height:42px!important;padding:0 10px!important;font-size:7px!important;letter-spacing:.1em!important}}

/* Wspólna skala nawigacji dla obu kierunków. */
@media(min-width:1251px){.nav .menu{font-size:11.25px!important;letter-spacing:.105em!important}}
@media(min-width:1011px) and (max-width:1250px){.nav .menu{gap:10px!important;font-size:9.5px!important;letter-spacing:.09em!important}}

.nav .book:hover,.nav .book:focus-visible{background:#765347!important;border-color:#765347!important;color:#fff!important}
.ortho-mobile-menu{display:none!important}
@media(min-width:1011px){.nav{grid-template-columns:205px minmax(390px,1fr) auto!important}.nav .menu{gap:30px!important;font-size:11.25px!important;letter-spacing:.105em!important}}
@media(max-width:1010px){.nav{grid-template-columns:1fr auto 52px!important}.nav .nav-actions{justify-self:end}.ortho-mobile-menu{display:block!important;position:relative;margin-left:8px}.ortho-mobile-menu>summary{width:44px;height:44px;display:grid;place-content:center;gap:7px;border:1px solid #795a4a;list-style:none;cursor:pointer}.ortho-mobile-menu>summary::-webkit-details-marker{display:none}.ortho-mobile-menu>summary span{display:block;width:18px;height:1px;background:#241d19;transition:.3s}.ortho-mobile-menu[open]>summary span:first-child{transform:translateY(4px) rotate(45deg)}.ortho-mobile-menu[open]>summary span:last-child{transform:translateY(-4px) rotate(-45deg)}.ortho-mobile-menu>nav{position:fixed;z-index:60;top:92px;left:0;right:0;padding:24px 28px 31px;background:rgba(245,238,231,.985);border-bottom:1px solid rgba(67,48,39,.2);box-shadow:0 30px 60px rgba(45,31,24,.16)}.ortho-mobile-menu>nav a{display:block;padding:13px 0;border-bottom:1px solid rgba(67,48,39,.13);color:#241d19;text-decoration:none;font:400 22px/1.15 'Playfair Display',serif}.ortho-mobile-menu>nav a.active{color:#765347}.ortho-mobile-menu>nav .mobile-home{font-style:italic}.ortho-mobile-menu>nav .mobile-phone{margin-top:18px;border:0;color:#765347;font:500 12px Manrope,Arial,sans-serif;letter-spacing:.12em}}
@media(max-width:620px){.nav{grid-template-columns:1fr auto 46px!important}.ortho-mobile-menu{margin-left:4px}.ortho-mobile-menu>summary{width:42px;height:42px}.ortho-mobile-menu>nav{top:76px;padding-inline:24px}.nav .nav-actions .book{min-width:55px;width:55px;padding:0!important;font-size:0!important}.nav .nav-actions .book:after{content:'UMÓW';font-size:7px;letter-spacing:.12em}}

/* Compact premium dropdowns, visually attached to their navigation labels. */
.nav-dropdown{position:relative;height:92px;display:flex;align-items:center}
.nav-dropdown-trigger{display:flex!important;align-items:center;gap:7px}
.nav-chevron{width:9px;height:6px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.nav-dropdown-panel{position:absolute;z-index:55;top:76px;left:50%;width:520px;padding:27px 28px 21px;opacity:0;visibility:hidden;transform:translate(-50%,-8px) scale(.985);transform-origin:50% 0;pointer-events:none;transition:opacity .24s ease,transform .38s cubic-bezier(.16,1,.3,1),visibility .24s;background:radial-gradient(circle at 92% 5%,rgba(176,127,99,.22),transparent 30%),linear-gradient(135deg,#2d201a,#171210 76%);border:1px solid rgba(218,181,157,.3);box-shadow:0 28px 65px rgba(38,24,18,.3)}
.nav-dropdown-panel:before{content:"";position:absolute;left:50%;top:-9px;width:16px;height:16px;transform:translateX(-50%) rotate(45deg);background:#2d201a;border-left:1px solid rgba(218,181,157,.3);border-top:1px solid rgba(218,181,157,.3)}
.nav-dropdown-panel:after{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.nav-dropdown--conditions .nav-dropdown-panel{width:650px}
.nav-dropdown:hover .nav-dropdown-panel,.nav-dropdown:focus-within .nav-dropdown-panel{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1);pointer-events:auto}
.nav-dropdown:hover .nav-chevron,.nav-dropdown:focus-within .nav-chevron{transform:rotate(180deg)}
.nav-dropdown-heading{position:relative;z-index:1;padding-bottom:18px;margin-bottom:5px;border-bottom:1px solid rgba(231,204,187,.2);text-align:left;text-transform:none}
.nav-dropdown-heading small{display:block;color:#c89f87;font:600 8px/1 Manrope,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.nav-dropdown-heading strong{display:block;margin-top:7px;color:#f5ece6;font:400 25px/1 'Playfair Display',serif;letter-spacing:0;text-transform:none}
.nav-dropdown-inner{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px;background:transparent}
.nav .menu .nav-dropdown-inner>a{min-height:52px!important;padding:12px 4px!important;display:grid!important;grid-template-columns:27px 1fr;gap:10px;align-items:center;border-bottom:1px solid rgba(231,204,187,.13);background:transparent!important;color:#eee2da!important;transition:color .25s,padding-left .3s!important}
.nav .menu .nav-dropdown-inner>a:hover,.nav .menu .nav-dropdown-inner>a:focus-visible{padding-left:10px!important;color:#fff!important;outline:none!important}
.nav-dropdown-inner small{font:italic 400 14px 'Playfair Display',serif;color:#d2a88f}
.nav-dropdown-inner>a:hover small,.nav-dropdown-inner>a:focus-visible small{color:#e3bda7}
.nav-dropdown-inner span{font:500 12px/1.4 Manrope,Arial,sans-serif;letter-spacing:.025em;text-transform:none;white-space:normal}
.nav-dropdown--offer .nav-dropdown-panel{width:790px}
.nav-dropdown-inner--offer{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}
.nav-offer-column{min-width:0}
.nav-offer-column-title{display:block;min-height:30px;padding:11px 4px 9px;color:#c89f87;font:600 8px/1.3 Manrope,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid rgba(231,204,187,.2)}
.nav .menu .nav-offer-column>a{min-height:52px!important;padding:12px 4px!important;display:grid!important;grid-template-columns:27px minmax(0,1fr);gap:10px;align-items:center;border-bottom:1px solid rgba(231,204,187,.13);background:transparent!important;color:#eee2da!important;transition:color .25s,padding-left .3s!important}
.nav .menu .nav-offer-column>a:hover,.nav .menu .nav-offer-column>a:focus-visible{padding-left:10px!important;color:#fff!important;outline:none!important}
.nav-offer-column>a>small{font:italic 400 14px 'Playfair Display',serif;color:#d2a88f}
.nav-offer-column>a>span{font:500 12px/1.4 Manrope,Arial,sans-serif;letter-spacing:.025em;text-transform:none;white-space:normal}
.nav .menu .nav-dropdown-all{position:relative!important;z-index:1;display:flex!important;align-items:center;justify-content:space-between;margin-top:18px;padding:12px 15px!important;border:1px solid rgba(218,181,157,.32);background:rgba(255,255,255,.035)!important;color:#e5bda5!important;font:600 9px/1 Manrope,Arial,sans-serif!important;letter-spacing:.15em!important;text-transform:uppercase!important;transition:background .3s,color .3s!important}
.nav .menu .nav-dropdown-all:hover,.nav .menu .nav-dropdown-all:focus-visible{background:#b17f63!important;color:#fff!important;outline:none!important}
.nav-dropdown-all span{font-size:16px;line-height:0}
.nav-dropdown.active>.nav-dropdown-trigger{color:#765347!important}
.nav-dropdown.active>.nav-dropdown-trigger:after{display:none!important}
.mobile-nav-group{border-bottom:1px solid rgba(67,48,39,.13)}
.mobile-nav-group>summary{padding:13px 0;display:flex;align-items:center;justify-content:space-between;list-style:none;color:#241d19;font:400 22px/1.15 'Playfair Display',serif;cursor:pointer}
.mobile-nav-group>summary::-webkit-details-marker{display:none}
.mobile-nav-group[open]>summary{color:#765347}
.mobile-nav-group[open]>summary .nav-chevron{transform:rotate(180deg)}
.ortho-mobile-menu>nav .mobile-nav-group a{padding:10px 0 10px 16px;border-bottom:0;font:500 11px/1.35 Manrope,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.ortho-mobile-menu>nav .mobile-nav-group .mobile-group-index{padding-left:0;color:#765347}
@media(min-width:1011px){.nav .menu{gap:24px!important}}
@media(max-width:1250px) and (min-width:1011px){
  .nav-dropdown-panel{position:fixed;top:76px;left:20px;right:20px;width:auto;max-width:700px;margin-inline:auto;transform:translateY(-8px) scale(.985)}
  .nav-dropdown--offer .nav-dropdown-panel{width:auto;max-width:790px}
  .nav-dropdown--conditions .nav-dropdown-panel{width:auto;max-width:650px}
  .nav-dropdown-panel:before{display:none}
  .nav-dropdown:after{content:"";position:absolute;z-index:56;left:50%;top:67px;width:16px;height:16px;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) rotate(45deg);background:#2d201a;border-left:1px solid rgba(218,181,157,.3);border-top:1px solid rgba(218,181,157,.3);transition:opacity .18s ease,visibility .18s ease}
  .nav-dropdown:hover:after,.nav-dropdown:focus-within:after{opacity:1;visibility:visible}
  .nav-dropdown:hover .nav-dropdown-panel,.nav-dropdown:focus-within .nav-dropdown-panel{transform:translateY(0) scale(1)}
  .nav-dropdown-inner{column-gap:18px}
}
@media(prefers-reduced-motion:reduce){.nav .menu>a:not(.home-link):before,.nav .menu>.nav-dropdown>.nav-dropdown-trigger:before{transition:none}}

/* Kierunek gabinetu pod logotypem — wspólny dla wszystkich stron ortodoncji. */
.nav>.logo{width:158px!important;text-align:center!important;text-decoration:none!important}
.nav .logo-context{display:block;width:100%;margin-top:9px;color:#765347;font:600 7.5px/1 Manrope,Arial,sans-serif;letter-spacing:.25em;text-align:center;text-transform:uppercase;white-space:nowrap}
@media(max-width:620px){.nav>.logo{width:132px!important}.nav .logo-context{margin-top:7px;font-size:6.5px;letter-spacing:.21em}}

/* Mobilny nagłówek: znak, szybki telefon i menu bieżącego działu. */
@media(max-width:760px){
  .nav{height:76px!important;padding:0 16px!important;grid-template-columns:54px minmax(0,1fr) 46px!important;column-gap:10px!important}
  .nav>.logo,.nav>a:first-child{width:54px!important;height:48px!important;overflow:hidden!important;display:flex!important;align-items:center!important}
  .nav>.logo img,.nav>a:first-child img{width:132px!important;max-width:none!important;flex:0 0 132px!important}
  .nav .logo-context{display:none!important}
  .nav .nav-actions{display:block!important;justify-self:stretch!important;text-align:center!important}
  .nav .nav-actions .phone{display:inline-flex!important;min-height:44px!important;align-items:center!important;justify-content:center!important;color:#38271f!important;font:600 14px/1 Manrope,Arial,sans-serif!important;letter-spacing:.035em!important}
  .nav .nav-actions .book{display:none!important}
  .ortho-mobile-menu{margin:0!important;justify-self:end!important}
  .ortho-mobile-menu>summary{width:44px!important;height:44px!important}
  .ortho-mobile-menu>nav{top:76px!important}
}

/* Czytelne menu dotykowe oraz zawsze dostępna konsultacja. */
@media(max-width:1010px){
  .ortho-mobile-menu>nav{max-height:calc(100dvh - 92px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(24px,env(safe-area-inset-bottom))}
  .ortho-mobile-menu>nav .mobile-consultation{position:sticky;z-index:2;bottom:0;min-height:56px;margin:22px 0 0;padding:0 20px!important;display:flex!important;align-items:center;justify-content:space-between;border:1px solid #765347!important;background:linear-gradient(115deg,#765347,#4b342a)!important;color:#fff!important;font:600 11px/1 Manrope,Arial,sans-serif!important;letter-spacing:.13em!important;text-transform:uppercase;box-shadow:0 14px 34px rgba(58,38,29,.22)}
  .ortho-mobile-menu>nav .mobile-consultation span{font:400 21px/1 'Playfair Display',serif}
}
@media(max-width:760px){.ortho-mobile-menu>nav{max-height:calc(100dvh - 76px)}}

/* iPad i większe tablety: pełne logo, telefon, konsultacja i menu w jednym pasku. */
@media(min-width:761px) and (max-width:1010px){
  .nav{grid-template-columns:175px minmax(330px,1fr) 52px!important;padding:0 24px!important;column-gap:18px!important}
  .nav .nav-actions{justify-self:end!important;display:flex!important;gap:12px!important}
  .nav .phone{display:inline-flex!important;min-height:44px;align-items:center;font-size:11px!important}
  .nav .book{display:inline-flex!important;min-height:46px!important;padding:0 15px!important;font-size:8px!important}
}

/* Tablet: zwarty, jednoznaczny skrót telefonu bez kolizji z pozycją „Kontakt”. */
@media(min-width:761px) and (max-width:1250px){
  .nav .phone-menu{position:relative;display:block;flex:0 0 44px}
  .nav .nav-actions .phone{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border:1px solid #241d19!important;background:#241d19!important;color:#f5ede6!important;font-size:0!important;letter-spacing:0!important;transition:background .25s ease,border-color .25s ease!important}
  .nav .nav-actions .phone:before{content:"";display:block;width:18px;height:18px;flex:0 0 18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2Z'/%3E%3C/svg%3E") center/contain no-repeat}
  .nav .nav-actions .phone:hover,.nav .nav-actions .phone:focus-visible{background:#765347!important;border-color:#765347!important;color:#fff!important}
  .nav .tablet-phone-popover{position:absolute;z-index:80;top:58px;right:0;width:250px;padding:19px 20px 18px;display:block;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px) scale(.985);transform-origin:calc(100% - 22px) 0;border:1px solid rgba(218,181,157,.3);background:radial-gradient(circle at 92% 5%,rgba(176,127,99,.22),transparent 34%),linear-gradient(135deg,#2d201a,#171210 76%);box-shadow:0 24px 55px rgba(38,24,18,.28);transition:opacity .2s ease,transform .3s cubic-bezier(.16,1,.3,1),visibility .2s ease}
  .nav .tablet-phone-popover:before{content:"";position:absolute;right:14px;top:-8px;width:15px;height:15px;transform:rotate(45deg);background:#2d201a;border-left:1px solid rgba(218,181,157,.3);border-top:1px solid rgba(218,181,157,.3)}
  .nav .tablet-phone-popover>span{display:block;margin-bottom:10px;color:#c89f87;font:600 8px/1 Manrope,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
  .nav .tablet-phone-popover>a{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 13px;border:1px solid rgba(231,204,187,.25);color:#f5ece6;text-decoration:none;font:500 17px/1 Manrope,Arial,sans-serif;letter-spacing:.035em;white-space:nowrap;transition:background .25s ease,border-color .25s ease}
  .nav .tablet-phone-popover>a:hover,.nav .tablet-phone-popover>a:focus-visible{outline:none;background:#765347;border-color:#c69c84}
  .nav .tablet-phone-popover>a i{font:400 19px/1 'Playfair Display',serif}
  .nav .phone-menu.is-open .tablet-phone-popover{opacity:1;visibility:visible;pointer-events:auto;transform:none}
}

@media(min-width:1011px) and (max-width:1250px){
  .nav{grid-template-columns:175px minmax(0,1fr) auto!important;padding-inline:28px!important}
  .nav .menu{width:100%;box-sizing:border-box;justify-content:space-between!important;gap:0!important;padding:0 22px 0 0!important;font-size:11.25px!important;letter-spacing:.105em!important;transform:none}
}

@media(prefers-reduced-motion:reduce){.nav .tablet-phone-popover{transition:none!important}}