.td-navigation-anchor{display:none}@media screen and (min-width:1024px){.header-section .header{display:grid;grid-template:"tools logo icons" 124px "navigation navigation navigation" auto / minmax(0,1fr) auto minmax(0,1fr);gap:0;padding:0}.header-section .header__logo{min-width:0;margin:0;justify-self:center}.header-section .header .header__logo .header__logo-link img{width:145px;max-width:145px;max-height:112px!important;height:112px;object-fit:contain}.header-section .header__icons--end{justify-self:end;padding-inline-end:clamp(20px,2.5vw,48px)}.header-section .td-navigation-anchor{display:block;grid-area:navigation;width:100%;min-height:58px;pointer-events:auto}.header-section .header__navigation{position:relative;inset:auto;z-index:40;display:flex;align-items:center;justify-content:center;width:100%;max-width:none;min-height:58px;padding:7px clamp(16px,2.2vw,42px);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;pointer-events:auto}.header-section .header__navigation.td-navigation-fixed{position:fixed;inset-block-start:0;inset-inline:0}.header-section .header__menu,.header-section .header__menu>ul{width:100%}.header-section .header__menu>ul{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(6px,1vw,22px)}.header-section .header__menu .menu__item{min-height:44px;height:auto;padding:8px clamp(5px,.7vw,14px);font-family:Cambria,Georgia,serif;font-size:clamp(13px,1.15vw,19px);font-weight:600;letter-spacing:.025em;line-height:1.2;text-transform:uppercase;white-space:nowrap;color:rgb(var(--color-foreground));border:1px solid transparent;border-radius:9999px;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.header-section .header__menu details[is=details-dropdown]{position:relative}.header-section .header__menu .dropdown{inset-block-start:100%;inset-inline:0 auto;width:max-content;min-width:250px;max-width:min(90vw,360px);padding-block-start:8px}.header-section .header__menu>ul>li:nth-last-child(-n+2) .dropdown{inset-inline:auto 0}.header-section .header__menu .dropdown__container{max-height:calc(100dvh - 90px);overflow-x:hidden;overflow-y:auto}}@media screen and (min-width:1024px)and (max-width:1199px){.header-section .header__menu>ul{gap:4px}.header-section .header__menu .menu__item{font-size:13px;padding-inline:6px;letter-spacing:.015em}}@media screen and (max-width:1023px){.header-section .header{padding-block:12px}.header-section .header .header__logo .header__logo-link img{width:110px;max-width:110px;max-height:76px!important;height:76px;object-fit:contain}}@media screen and (min-width:1024px){.header-section .header--overlay .header__menu .menu__item,.header-section .td-navigation-fixed .header__menu .menu__item{color:#fff;text-shadow:0 1px 4px rgb(0 0 0 / .75)}.header-section .td-navigation-fixed .header__menu .menu__item{background-color:#39383c6b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:#ffffff38;box-shadow:0 4px 16px #0000002e}.header-section .header__menu>ul>li:hover>.menu__item,.header-section .header__menu>ul>li>.menu__item.active,.header-section .header__menu details[is=details-dropdown]:is([open],:hover)>summary .menu__item{background-color:#39383c47;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:#ffffff59;box-shadow:0 4px 16px #00000040}.header-section .header__menu .btn-duplicate{display:none}.header-section .header__menu>ul.with-block .menu__item [data-text],.header-section .header__menu>ul.with-block>li:hover .menu__item [data-text],.header-section .header__menu>ul.with-block>li>details>summary[open] .menu__item [data-text]{opacity:1;transform:none;visibility:visible}.header-section .header__menu .dropdown__container{background-color:#39383c59;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgb(255 255 255 / .22);border-radius:12px;box-shadow:0 10px 32px #0000004d}.header-section .header__menu .dropdown__nav a{color:#fff;text-shadow:0 1px 3px rgb(0 0 0 / .65);transition:color .15s ease}.header-section .header__menu .dropdown__nav a:hover{color:#c4a35a}.header-section .header__menu :is(.dropdown__corner,.dropdown__cutout){display:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/td-compact-navigation.css.map */