:root{--tp-header-height: 76px;--tp-announcement-height: 40px}.tp-announcement-bar{height:var(--tp-announcement-height);background:var(--tp-color-dark);display:flex;align-items:center;justify-content:center;overflow:hidden}.tp-announcement-bar__track{display:flex;align-items:center;gap:48px}.tp-announcement-bar__item{color:var(--tp-color-white);font-size:13px;font-weight:500;letter-spacing:.01em;white-space:nowrap;opacity:.95;display:inline-flex;align-items:center;gap:6px}.tp-header-section{position:sticky;top:0;z-index:100}.tp-site-header{position:relative;background:var(--tp-color-dark)!important;border-bottom:1px solid rgba(255,255,255,.08);transition:background-color .3s ease,box-shadow .3s ease}@keyframes tp-header-enter{0%{opacity:0}to{opacity:1}}.tp-site-header.is-scrolled{background:#1e1b18d9!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px #1e1b181f;transition:background-color .3s ease,box-shadow .3s ease}.tp-site-header.tp-header-enter-once{animation:tp-header-enter .25s ease-out}@media(prefers-reduced-motion:reduce){.tp-site-header.is-scrolled{animation:none}}body.tp-header-scrolled .tp-announcement-bar{opacity:0;transition:opacity .3s ease;pointer-events:none}.tp-site-header__container{max-width:var(--tp-max-width);height:var(--tp-header-height);margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.tp-site-header__logo{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--tp-color-white);text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:6px}.tp-site-header__logo-img{width:34px;height:34px;border-radius:50%;object-fit:cover;display:block}.tp-site-header__nav{display:flex;align-items:center;gap:28px;flex:1;justify-content:center}.tp-site-header__link{font-size:15px;font-weight:500;color:#ffffffeb;text-decoration:none;position:relative;padding:4px 0;transition:color var(--tp-transition-fast)}.tp-site-header__link:after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:1.5px;background:var(--tp-color-accent-light);transition:width var(--tp-transition-fast)}.tp-site-header__link:hover{color:var(--tp-color-white)}.tp-site-header__link:hover:after{width:100%}.tp-site-header__link--primary{color:var(--tp-color-white);border:1px solid rgba(255,255,255,.42);border-radius:999px;padding:7px 16px;transition:color var(--tp-transition-fast),border-color var(--tp-transition-fast),background var(--tp-transition-fast)}.tp-site-header__link--primary:after{display:none}.tp-site-header__link--primary:hover{border-color:var(--tp-color-accent-light);background:#e9d2b41a}.tp-site-header__actions{display:flex;align-items:center;gap:6px}.tp-site-header__left,.tp-site-header__vip--mobile{display:none}.tp-site-header__vip{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 11px;margin-right:4px;border:1px solid var(--tp-color-accent-light);border-radius:999px;color:var(--tp-color-accent-light);font-size:11.5px;font-weight:800;letter-spacing:.1em;line-height:1;text-decoration:none;white-space:nowrap;transition:background var(--tp-transition-fast),color var(--tp-transition-fast),border-color var(--tp-transition-fast)}.tp-site-header__vip:hover,.tp-site-header__vip:focus-visible{background:var(--tp-color-accent-light);color:var(--tp-color-dark)}.tp-site-header__vip:focus-visible{outline:2px solid var(--tp-color-accent-light);outline-offset:2px}.tp-site-header__icon-btn{background:none;border:none;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--tp-color-white);position:relative;transition:background var(--tp-transition-fast);text-decoration:none}.tp-site-header__icon-btn:hover{background:#ffffff24}.tp-site-header__icon-btn:before,.tp-site-header__burger:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px}.tp-site-header__cart{background:#ffffff12}.tp-site-header__cart svg{width:22px;height:22px}.tp-site-header__cart-count{position:absolute;top:-3px;right:-3px;background:var(--tp-color-accent-text);color:var(--tp-color-white);font-size:11px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--tp-color-dark);box-shadow:0 1px 4px #1e1b184d}.tp-site-header__cart-count[hidden]{display:none}.tp-site-header__burger{display:none;position:relative;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer}.tp-site-header__burger span{display:block;width:22px;height:1.5px;background:var(--tp-color-white);transition:var(--tp-transition-fast)}.tp-site-header__burger.is-active span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.tp-site-header__burger.is-active span:nth-child(2){opacity:0}.tp-site-header__burger.is-active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.tp-site-header__mobile-nav{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - var(--tp-mnav-top, 117px));max-height:calc(100dvh - var(--tp-mnav-top, 117px));overflow-y:auto;overscroll-behavior:contain;background:var(--tp-color-dark);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 16px 32px #1e1b1847;padding:8px 24px 20px;transition:opacity .2s ease}.tp-site-header__mobile-nav>*{flex-shrink:0}.tp-site-header__mobile-nav.is-open{display:flex}@starting-style{.tp-site-header__mobile-nav.is-open{opacity:0}}html.tp-menu-open,html.tp-search-open,html.tp-cart-drawer-open,html.tp-promo-locked{overflow:hidden}html.tp-has-scrollbar.tp-menu-open,html.tp-has-scrollbar.tp-search-open,html.tp-has-scrollbar.tp-cart-drawer-open,html.tp-has-scrollbar.tp-promo-locked{scrollbar-gutter:stable}.tp-site-header__mobile-link{padding:14px 0;font-size:16px;font-weight:500;color:#ffffffeb;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08)}.tp-site-header__mobile-link:last-child{border-bottom:none}.tp-site-header__mobile-link--primary{color:var(--tp-color-white);font-weight:600}@media(max-width:1024px){.tp-site-header__nav{display:none}.tp-site-header__burger{display:flex}.tp-site-header__container{padding:0 20px}.tp-site-header__logo{position:absolute;left:50%;transform:translate(-50%)}.tp-site-header__left{display:flex;align-items:center;gap:6px}.tp-site-header__vip--desktop{display:none}.tp-site-header__vip--mobile{display:inline-flex;position:relative;height:26px;padding:0 7px;margin-right:0;font-size:10.5px;letter-spacing:.08em}.tp-site-header__vip--mobile:before{content:"";position:absolute;top:-10px;right:-4px;bottom:-10px;left:-4px}.tp-site-header__continue:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px}}@media(min-width:1025px){.tp-site-header__mobile-nav.is-open{display:none}html.tp-menu-open:not(.tp-search-open):not(.tp-cart-drawer-open):not(.tp-promo-locked){overflow:visible}}.tp-site-header__msearch{display:none;align-items:center;gap:10px;width:100%;min-height:46px;margin:8px 0 6px;padding:0 16px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff0f;color:#ffffffeb;font-family:inherit;font-size:15px;font-weight:500;line-height:1.2;text-align:left;text-decoration:none;cursor:pointer;transition:border-color var(--tp-transition-fast),background var(--tp-transition-fast),color var(--tp-transition-fast)}.tp-site-header__msearch svg{flex-shrink:0}.tp-site-header__msearch:hover,.tp-site-header__msearch:focus-visible{border-color:var(--tp-color-accent-light);background:#e9d2b41a;color:var(--tp-color-white)}.tp-site-header__msearch:focus-visible{outline:2px solid var(--tp-color-accent-light);outline-offset:2px}@media(max-width:480px){.tp-site-header__search{display:none}.tp-site-header__msearch{display:flex}}@media(max-width:374px){.tp-site-header__logo--has-img{gap:0}.tp-site-header__logo--has-img .tp-site-header__logo-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}.tp-announcement-bar--rotate .tp-announcement-bar__track{position:relative;width:100%;height:100%}.tp-announcement-bar--rotate .tp-announcement-bar__item{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;padding:0 24px;opacity:0;pointer-events:none;transition:opacity .5s ease}.tp-announcement-bar--rotate .tp-announcement-bar__item.is-active-mobile{opacity:.95;pointer-events:auto}.tp-announcement-bar--rotate .tp-announcement-bar__track:focus-within .tp-announcement-bar__item{opacity:0;pointer-events:none}.tp-announcement-bar--rotate .tp-announcement-bar__track .tp-announcement-bar__item:focus-within{opacity:.95;pointer-events:auto}@media(max-width:600px){.tp-announcement-bar__item{font-size:12px}}@media(prefers-reduced-motion:reduce){.tp-announcement-bar--rotate .tp-announcement-bar__item{transition:none}}@keyframes tp-cart-bounce{0%,to{transform:scale(1)}30%{transform:scale(1.18)}55%{transform:scale(.94)}75%{transform:scale(1.06)}}.tp-site-header__cart.is-bouncing{animation:tp-cart-bounce .5s ease}.tp-announcement-bar--maintenance{background:#a8672e}.tp-announcement-bar--maintenance .tp-announcement-bar__item{font-weight:600}.tp-announcement-bar{transition:opacity .3s ease}@media(max-width:900px){.tp-site-header,.tp-site-header.is-scrolled{transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease}.tp-site-header__container,.tp-site-header__logo,.tp-site-header__logo-img{transition:transform .3s ease}.tp-site-header.is-scrolled{transform:translateY(-16px)}.tp-site-header.is-scrolled .tp-site-header__container{transform:translateY(8px)}.tp-site-header.is-scrolled .tp-site-header__mobile-nav{top:calc(100% - 8px)}.tp-site-header.is-scrolled .tp-site-header__logo{transform:translate(-50%) scale(.864)}.tp-site-header.is-scrolled .tp-site-header__logo-img{transform:scale(.953)}body.tp-header-scrolled .tp-header-section,.tp-site-header.is-scrolled .tp-site-header__container{pointer-events:none}body.tp-header-scrolled .tp-header-section>*,.tp-site-header.is-scrolled .tp-site-header__container>*{pointer-events:auto}}@media(prefers-reduced-motion:reduce){.tp-announcement-bar,.tp-site-header,.tp-site-header.is-scrolled,.tp-site-header__mobile-nav,.tp-site-header__container,.tp-site-header__logo,.tp-site-header__logo-img{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/toudoupet-header.css.map */