.header--tp{--tp-hd-side: max( clamp(20px, calc(20px + 60 * (100vw - 390px) / 1050), 80px), calc((100vw - 1280px)/2) );--tp-hd-text: #535360;--tp-hd-accent: #f35d06;--tp-hd-border: #d5d5db;--header-icon-size: 4rem;--font-navigation-family: "IBM Plex Mono", monospace;--font-navigation-weight: 400;--navigation-transform: uppercase;max-width:none;padding-block:9px;padding-inline:var(--tp-hd-side);border-bottom:1px solid var(--tp-hd-border);color:var(--tp-hd-text)}@media screen and (min-width:1024px){.header--tp{padding-block:15px}}.header--tp .menu__item{padding-inline:16px;column-gap:4px;font-family:IBM Plex Mono,monospace;font-weight:400;font-size:var(--tp-hd-menu-size, 13px);line-height:1.3;letter-spacing:.04em;text-transform:uppercase}.header--tp .menu__item>span,.header--tp .menu__item .reversed-link{column-gap:4px;font:inherit;letter-spacing:inherit;text-transform:inherit}.header--tp .header__menu>ul{flex-wrap:nowrap}.header--tp .tp-hd-chevron{flex-shrink:0;transition:transform .2s ease}.header--tp details[open]>summary .tp-hd-chevron{transform:rotate(180deg)}.header--tp .header__buttons{margin-inline:-9px;column-gap:-2px}@media screen and (min-width:1024px){.header--tp .header__buttons{column-gap:2px}}.header--tp.header .header__buttons>:is(a,button){color:var(--tp-hd-text)}.header--tp .tp-hd-icon{display:block;width:22px;height:22px}.header--tp .tp-hd-icon--menu{width:24px;height:24px}.header--tp .header__icons--left .search-drawer-button{width:var(--header-icon-size);padding-inline-start:0}.header--tp .cart-count--absolute{--font-body-family: "IBM Plex Mono", monospace;--font-body-weight-bolder: 400;--font-body-style: normal;top:3px;inset-inline-start:23px;inset-inline-end:auto;width:16px;height:16px;padding:0;background-color:var(--tp-hd-accent);font-family:IBM Plex Mono,monospace;font-weight:400;font-size:10px;line-height:1;letter-spacing:.04em}.header--tp .cart-count--small-medium{width:22px;border-radius:8px}.header--tp .cart-count--small-medium>span{font-size:9px}.cart-has-items .header--tp .header__buttons{margin-inline-end:-9px}.header--tp .tp-mega{flex-wrap:nowrap;gap:48px;padding-block:48px 56px;padding-inline:var(--tp-hd-side);border-top:1px solid var(--tp-hd-border);border-bottom:1px solid var(--tp-hd-border)}.tp-mega__column{display:flex;flex-direction:column;flex-shrink:0;gap:16px;min-width:0}.tp-mega__heading{font-family:IBM Plex Mono,monospace;font-weight:400;font-size:var(--tp-mega-heading-size, 13px);line-height:1.3;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.tp-mega__heading:hover{text-decoration:underline;text-underline-offset:3px}.tp-mega__links{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;list-style:none}.tp-mega__link{font-family:var(--font-body-family, "AaltoSansEssential", sans-serif);font-weight:300;font-size:var(--tp-mega-link-size, 20px);line-height:1.45;white-space:nowrap;color:#535360;text-decoration:none;transition:color .2s ease}.tp-mega__link:hover{color:#f35d06}.tp-mega__banner{position:relative;display:flex;flex-direction:column;flex-shrink:0;align-items:flex-start;justify-content:flex-end;gap:12px;width:var(--tp-mega-banner-width, 320px);height:var(--tp-mega-banner-height, 300px);margin-inline-start:auto;padding:24px;overflow:hidden;border-radius:20px;text-decoration:none}.tp-mega__banner-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.tp-mega__banner:hover .tp-mega__banner-img{transform:scale(1.03)}.tp-mega__banner-tag{position:relative;padding:5px 10px;border-radius:6px;background:#f35d06;font-family:IBM Plex Mono,monospace;font-weight:400;font-size:11px;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;color:#fff}.tp-mega__banner-box{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;padding:16px;border-radius:12px;background:#fff}.tp-mega__banner-title{font-family:var(--font-heading-family, "AaltoSansEssential", sans-serif);font-weight:400;font-size:20px;line-height:1.25;color:#535360}.tp-mega__banner-link{display:inline-flex;align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-weight:500;font-size:14px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:#f35d06}@media screen and (max-width:1279px){.header--tp .tp-mega{gap:32px}.tp-mega__link{font-size:min(var(--tp-mega-link-size, 20px),18px)}}@media screen and (max-width:1199px){.tp-mega__banner{display:none}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/tp-header.css.map */
