.tp-nav-dd{position:relative}.tp-nav-dd__trigger{display:inline-flex;align-items:center;gap:6px}.tp-nav-dd__chevron{flex-shrink:0;transition:transform var(--tp-transition-fast)}.tp-nav-dd--hover:hover>.tp-nav-dd__trigger .tp-nav-dd__chevron,.tp-nav-dd--hover:focus-within>.tp-nav-dd__trigger .tp-nav-dd__chevron{transform:rotate(180deg)}.tp-nav-dd__panel{position:absolute;top:calc(100% + 10px);left:50%;min-width:250px;background:var(--tp-color-white);border:1px solid var(--tp-color-border);border-radius:14px;box-shadow:var(--tp-shadow-medium);padding:8px;display:flex;flex-direction:column;z-index:80;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-4px);transition:opacity .18s ease .2s,transform .18s ease .2s,visibility 0s linear .38s}.tp-nav-dd__panel:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.tp-nav-dd--hover:hover>.tp-nav-dd__panel,.tp-nav-dd--hover:focus-within>.tp-nav-dd__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%);transition-delay:.18s,.18s,0s}.tp-nav-dd--hover.is-closed>.tp-nav-dd__panel{opacity:0;visibility:hidden;pointer-events:none;transition:none}.tp-nav-dd--hover.is-closed>.tp-nav-dd__trigger .tp-nav-dd__chevron{transform:none}.tp-nav-dd__link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:600;line-height:1.2;color:var(--tp-color-dark);text-decoration:none;white-space:nowrap;transition:background var(--tp-transition-fast),color var(--tp-transition-fast)}.tp-nav-dd__icon{width:16px;height:16px;flex-shrink:0;color:var(--tp-color-accent)}.tp-nav-dd__link:hover,.tp-nav-dd__link:focus-visible{background:var(--tp-color-bg-soft);color:var(--tp-color-accent-text)}.tp-nav-dd__link:focus-visible{outline:2px solid var(--tp-color-accent);outline-offset:-2px}.tp-nav-dd__link--packs{color:var(--tp-color-brown-deep);font-weight:700}.tp-nav-dd__save{margin-left:auto;padding:2px 8px;border-radius:100px;background:var(--tp-color-accent-text);color:var(--tp-color-white);font-size:10px;font-weight:700;white-space:nowrap}.tp-nav-dd__link--all{margin-top:4px;border-top:1px solid var(--tp-color-border);border-radius:0 0 10px 10px;padding-top:12px;color:var(--tp-color-accent-text)}.tp-nav-mcat{display:flex;flex-wrap:wrap;align-items:center}.tp-nav-mcat__link{flex:1 1 auto}.tp-nav-mcat__details{flex:0 0 100%;display:contents}.tp-nav-mcat__toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;color:var(--tp-color-dark);cursor:pointer;list-style:none;transition:background var(--tp-transition-fast)}.tp-nav-mcat__toggle::-webkit-details-marker{display:none}.tp-nav-mcat__toggle::marker{content:""}.tp-nav-mcat__toggle:hover,.tp-nav-mcat__toggle:focus-visible{background:var(--tp-color-bg-soft)}.tp-nav-mcat__toggle:focus-visible{outline:2px solid var(--tp-color-accent);outline-offset:2px}.tp-nav-mcat__details[open]>.tp-nav-mcat__toggle .tp-nav-dd__chevron{transform:rotate(180deg)}.tp-nav-mcat__panel{flex:0 0 100%;border-left:2px solid var(--tp-color-accent-light);padding:2px 0 6px;margin:4px 0 4px 12px}.tp-nav-mcat__panel .tp-nav-dd__link{white-space:normal;gap:12px;min-height:44px}.tp-site-header__mobile-nav .tp-nav-dd__link{color:#ffffffeb}.tp-site-header__mobile-nav .tp-nav-dd__icon,.tp-site-header__mobile-nav .tp-nav-dd__link--packs,.tp-site-header__mobile-nav .tp-nav-dd__link--all{color:var(--tp-color-accent-light)}.tp-site-header__mobile-nav .tp-nav-dd__link--all{border-top-color:#ffffff1f}.tp-site-header__mobile-nav .tp-nav-dd__save{background:var(--tp-color-accent-light);color:var(--tp-color-brown-deep)}.tp-site-header__mobile-nav .tp-nav-mcat__toggle{color:#ffffffeb}.tp-site-header__mobile-nav .tp-nav-dd__link:hover,.tp-site-header__mobile-nav .tp-nav-dd__link:focus-visible,.tp-site-header__mobile-nav .tp-nav-mcat__toggle:hover,.tp-site-header__mobile-nav .tp-nav-mcat__toggle:focus-visible{background:#ffffff14;color:var(--tp-color-white)}.tp-site-header__mobile-nav .tp-nav-dd__link:focus-visible,.tp-site-header__mobile-nav .tp-nav-mcat__toggle:focus-visible{outline-color:var(--tp-color-accent-light)}@media(prefers-reduced-motion:no-preference){.tp-nav-mcat__details[open]>.tp-nav-mcat__panel{animation:tp-nav-dd-in-mobile .18s ease}}@keyframes tp-nav-dd-in-mobile{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.tp-nav-dd__chevron,.tp-nav-dd__link,.tp-nav-dd__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/toudoupet-nav-dropdown.css.map */