.header-fixed-sticky-wrapper{padding-bottom:var(--bottom-push, 0px);transition:top .4s ease;position:relative;z-index:1000;--header-height: var(--menu-thickness, 80px);--announcement-height: 40px;--total-header-height: calc(var(--menu-thickness, 80px) + var(--announcement-height, 40px))}.header-fixed-sticky-wrapper[style]{--pill-bg: transparent !important}.mobile-dropdown-menu,.header-glass-pill .dropdown-menu,.pill-nav .dropdown-menu,.nav-item .dropdown-menu,.header__submenu,.dropdown-menu{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(var(--color-foreground),.2)!important}.header-glass-pill,.header-pill-container,.f-pill-wrapper,.header-fixed-sticky-wrapper>div>div{background:transparent!important;background-color:transparent!important;background-image:none!important}.header-fixed-sticky-wrapper,.header-fixed-sticky-wrapper *{background:transparent!important;background-color:transparent!important}.header-glass-pill,.header-pill-container,.f-pill-wrapper{box-shadow:none!important}.header-glass-pill{border:none!important;border-bottom:none!important;border-top:none!important;border-left:none!important;border-right:none!important}.header-glass-pill,.header-pill-container,.f-pill-wrapper,.header-fixed-sticky-wrapper{box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;border:none!important;outline:none!important}.header-glass-pill *,.header-pill-container *,.f-pill-wrapper *{text-shadow:none!important}.f-pill-wrapper,.header-pill-container,.header-glass-pill,.pill-item-block,.brand-wrapper,.pill-nav,.cart-block{border:none!important;border-bottom:none!important;border-top:none!important;outline:none!important;box-shadow:none!important}.menu-icon line{stroke:currentColor;stroke-width:2}.mobile-dropdown-menu{border:none!important;border-top:none!important;border-bottom:none!important;outline:none!important;box-shadow:none!important;background:transparent!important}.mobile-dropdown-menu[aria-hidden=true]{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;overflow:hidden!important}.mobile-dropdown-menu ul,.mobile-dropdown-menu li,.mobile-dropdown-menu a{border:none!important;border-bottom:none!important;outline:none!important;box-shadow:none!important}.header-glass-pill,.header-pill-container,.f-pill-wrapper{background:transparent!important;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.header-glass-pill{border:none!important;box-shadow:none!important}.header-fixed-sticky-wrapper,.header-wrapper--border-bottom{border-bottom:none!important}.mobile-dropdown-menu{background:var(--pill-bg)!important;border-radius:24px!important;border:1px solid var(--border)!important;backdrop-filter:blur(18px) saturate(160%)!important;-webkit-backdrop-filter:blur(18px) saturate(160%)!important;box-shadow:0 20px 40px #00000026!important}.mobile-dropdown-menu a{font-weight:800!important;font-size:15px!important;padding:18px 30px!important;color:rgb(var(--color-foreground))!important;background:transparent!important;border-bottom:1px solid rgba(var(--color-foreground),.1)!important;font-family:var(--font-body-family)!important;line-height:1.2!important;text-decoration:none!important;display:block!important;margin:0!important;border-radius:0!important;white-space:nowrap!important;transition:all .3s ease!important}.mobile-dropdown-menu a:hover{color:var(--green)!important;background:rgba(var(--color-foreground),.05)!important}.mobile-nav-item.has-mobile-dropdown .mobile-dropdown-toggle{font-weight:800!important;font-size:15px!important;padding:18px 30px!important;color:rgb(var(--color-foreground))!important;background:transparent!important;border-bottom:1px solid rgba(var(--color-foreground),.1)!important;font-family:var(--font-body-family)!important;line-height:1.2!important;text-decoration:none!important;display:block!important;margin:0!important;border-radius:0!important;white-space:nowrap!important;transition:all .3s ease!important;text-align:left!important;cursor:pointer!important;border:none!important;width:100%!important}.mobile-nav-item.has-mobile-dropdown .mobile-dropdown-toggle:hover{color:var(--green)!important;background:rgba(var(--color-foreground),.05)!important}.header-glass-pill .dropdown-menu,.header-glass-pill .pill-nav .dropdown-menu,.header-glass-pill .nav-item .dropdown-menu,.pill-nav .dropdown-menu,.nav-item .dropdown-menu{background:var(--pill-bg)!important;border-radius:24px!important;border:1px solid var(--border)!important;backdrop-filter:blur(18px) saturate(160%)!important;-webkit-backdrop-filter:blur(18px) saturate(160%)!important;box-shadow:0 20px 40px #00000026!important}.header-glass-pill .nav-item .dropdown-menu a,.nav-item .dropdown-menu a,.pill-nav .dropdown-menu a,.dropdown-menu a{font-weight:800!important;font-size:15px!important;color:var(--text)!important;text-decoration:none!important;display:block!important;margin:0!important;border-radius:0!important;white-space:nowrap!important;transition:all .3s ease!important}.header-glass-pill .nav-item .dropdown-menu a:hover,.nav-item .dropdown-menu a:hover,.pill-nav .dropdown-menu a:hover,.dropdown-menu a:hover{color:var(--hover)!important;background:rgba(var(--color-foreground),.05)!important}.header__submenu{background:var(--pill-bg)!important;border-radius:24px!important;border:1px solid var(--border)!important;backdrop-filter:blur(18px) saturate(160%)!important;-webkit-backdrop-filter:blur(18px) saturate(160%)!important}.header__submenu a{font-weight:800!important;font-size:15px!important;padding:18px 30px!important;color:rgb(var(--color-foreground))!important;background:transparent!important;border-bottom:1px solid rgba(var(--color-foreground),.1)!important;font-family:var(--font-body-family)!important}.header__submenu a:hover{color:var(--green)!important;background:rgba(var(--color-foreground),.05)!important}.header-fixed-sticky-wrapper{position:relative!important;top:0;left:0;width:100%;z-index:9999999!important;padding-top:var(--top-push);pointer-events:auto;min-height:80px;display:block}.header-pill-container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 20px;position:relative;pointer-events:auto}.is-scrolled .header-fixed-sticky-wrapper{position:sticky!important;top:0!important}.header-glass-pill{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:6px 24px;border-radius:100px;background:var(--pill-bg)!important;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(var(--color-foreground),.14)!important;box-shadow:0 10px 30px var(--glow),inset 0 1px #ffffff40;position:relative;z-index:100!important}.header-glass-pill{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:none!important}.cart-block{display:flex!important;align-items:center;gap:12px}.mode-toggle-btn{background:none;border:none;cursor:pointer;color:rgb(var(--color-foreground));padding:8px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;line-height:0}.mode-toggle-btn svg,.pill-cart-icon svg{width:22px!important;height:22px!important;display:block;line-height:0;fill:none;stroke:currentColor;stroke-width:2px}.pill-cart-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;text-decoration:none;background-color:rgb(var(--color-button))!important;color:rgb(var(--color-button_label))!important}.nav-links-refined{display:flex;list-style:none;gap:25px;margin:0;padding:0}.nav-item{position:relative}.nav-links-refined a,.nav-links-refined .nav-link{text-decoration:none;font-family:var(--font-body-family);font-size:12px;font-weight:800;line-height:1;color:rgb(var(--color-foreground));opacity:.8;transition:.3s;letter-spacing:.05rem;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:6px}.nav-links-refined a:hover,.nav-links-refined .nav-link:hover{opacity:1;color:rgb(var(--color-accent))!important}.dropdown-arrow{transition:transform .3s ease;flex-shrink:0}.dropdown-toggle.active .dropdown-arrow{transform:rotate(180deg)}.header-glass-pill .pill-nav .dropdown-menu,.header-glass-pill .nav-item .dropdown-menu{position:absolute!important;top:100%!important;left:50%!important;transform:translate(-50%)!important;min-width:200px!important;background:var(--pill-bg)!important;backdrop-filter:blur(18px) saturate(160%)!important;-webkit-backdrop-filter:blur(18px) saturate(160%)!important;border-radius:24px!important;border:1px solid var(--border)!important;box-shadow:0 20px 40px #00000026!important;opacity:0!important;visibility:hidden!important;transform:translate(-50%) translateY(-10px)!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;z-index:1000!important;padding:0!important;margin-top:8px!important}.header-glass-pill .pill-nav .dropdown-menu.active,.header-glass-pill .nav-item .dropdown-menu.active{opacity:1!important;visibility:visible!important;transform:translate(-50%) translateY(0)!important}.header-glass-pill .pill-nav .dropdown-menu li,.header-glass-pill .nav-item .dropdown-menu li{list-style:none!important}.header-glass-pill .pill-nav .dropdown-menu a,.header-glass-pill .nav-item .dropdown-menu a{display:block!important;padding:18px 30px!important;text-decoration:none!important;font-family:var(--font-body-family)!important;color:rgb(var(--color-foreground))!important;font-weight:800!important;font-size:15px!important;line-height:1.2!important;transition:all .3s ease!important;white-space:nowrap!important;border-bottom:1px solid rgba(var(--color-foreground),.1)!important;margin:0!important;border-radius:0!important;background:transparent!important}.header-glass-pill .pill-nav .dropdown-menu a:hover,.header-glass-pill .nav-item .dropdown-menu a:hover{color:var(--green)!important;background:rgba(var(--color-foreground),.05)!important}.mobile-menu-toggle{display:none;justify-content:center;align-items:center;gap:8px;width:auto;min-width:80px;height:40px;background:transparent;border:none;cursor:pointer;padding:0 12px;z-index:10001}.menu-icon{width:20px;height:20px;flex-shrink:0;transition:transform .3s ease;overflow:visible}.menu-icon .hamburger-lines{transition:transform .3s ease}.menu-icon line{transition:all .3s ease;transform-origin:center}.menu-text{font-family:var(--font-body-family);font-size:12px;font-weight:700;line-height:1;letter-spacing:.05rem;transition:all .3s ease;text-transform:uppercase;white-space:nowrap}.mobile-menu-toggle:hover .menu-icon{transform:scale(1.05)}.mobile-menu-toggle:hover .menu-text{opacity:.8}.mobile-menu-toggle.active .menu-icon .hamburger-lines{transform:rotate(45deg)}.mobile-menu-toggle.active .menu-icon line:nth-child(1){transform:translateY(6px)}.mobile-menu-toggle.active .menu-icon line:nth-child(2){opacity:0}.mobile-menu-toggle.active .menu-icon line:nth-child(3){transform:translateY(-6px) rotate(90deg)}.mobile-dropdown-menu{position:absolute;top:calc(100% + 15px);left:20px;right:20px;background:var(--pill-bg)!important;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-radius:24px;max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 40px #00000026,inset 0 1px #ffffff2e;border:1px solid var(--border)!important;opacity:0;z-index:10000;pointer-events:none}.mobile-menu-toggle:focus-visible,.mode-toggle-btn:focus-visible,.pill-cart-icon:focus-visible,.nav-links-refined a:focus-visible,.mobile-dropdown-menu a:focus-visible{outline:2px solid rgba(var(--color-foreground),.6);outline-offset:3px}.mobile-dropdown-menu a{color:var(--text-main)!important}.mobile-dropdown-menu a:hover{color:var(--green)!important}.mobile-dropdown-menu.active{max-height:80vh!important;opacity:1;padding:15px 0;pointer-events:auto;overflow-y:auto!important}.mobile-dropdown-menu a{display:block;padding:18px 30px;text-decoration:none;font-family:var(--font-body-family);color:rgb(var(--color-foreground));font-weight:800;font-size:15px;line-height:1.2;border-bottom:1px solid rgba(var(--color-foreground),.1)}.mobile-nav-item.has-mobile-dropdown{position:relative}.mobile-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%}.mobile-dropdown-arrow{transition:transform .3s ease;flex-shrink:0}.mobile-dropdown-menu.mobile-dropdown-menu{position:static;background:rgba(var(--color-foreground),.02)!important;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none;max-height:0;overflow:hidden;transition:max-height .3s ease;margin:0;padding:0}.mobile-submenu{position:static;background:rgba(var(--color-foreground),.02)!important;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none;max-height:0;overflow:hidden;transition:max-height .3s ease;margin:0;padding:0;border-left:2px solid rgba(var(--color-accent),.3)}.mobile-dropdown-menu.mobile-dropdown-menu.active,.mobile-submenu.active{max-height:300px}.mobile-subnav-link{padding:14px 30px 14px 45px!important;font-family:var(--font-body-family);font-size:13px!important;font-weight:500!important;line-height:1.3;color:var(--text-main)!important;opacity:.8;border-bottom:1px solid var(--border)!important;background:transparent!important;transition:all .2s ease}.mobile-subnav-link:hover{opacity:1;color:var(--green)!important;background:rgba(var(--color-foreground),.05)!important}.brand-wrapper{display:flex!important;align-items:center;gap:12px;text-decoration:none;color:rgb(var(--color-foreground));background:transparent!important;flex-shrink:0!important;min-width:max-content;opacity:1!important}.brand-circle{border-radius:50%;display:flex!important;align-items:center;justify-content:center;overflow:hidden;transition:transform .3s ease;flex-shrink:0!important;min-width:28px;min-height:28px;background-color:var(--circle-bg, #FF959F)!important}.brand-circle img.paws-img{width:100%!important;height:100%!important;object-fit:contain;display:block!important}.brand-wrapper:hover .brand-circle{transform:scale(1.05)}.shop-name{font-family:var(--font-heading-family);font-weight:900;white-space:nowrap;letter-spacing:-.02rem;line-height:1;background:transparent!important}@media(max-width:1024px){.nav-links-refined{display:none!important}.header-glass-pill{padding:0 20px!important;height:50px!important;min-height:50px!important;justify-content:space-between;position:relative}.logo-block{background:transparent!important;border:none!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;pointer-events:auto;z-index:10}.brand-circle{width:28px!important;height:28px!important}.shop-name{font-size:1.1rem!important}.cart-block{display:flex!important;align-items:center;gap:8px;z-index:20}.mode-toggle-btn,.pill-cart-icon,.mobile-menu-toggle{padding:10px!important;min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;display:flex!important;align-items:center;justify-content:center;z-index:999999!important}.mode-toggle-btn svg,.pill-cart-icon svg{width:20px!important;height:20px!important}.mobile-menu-toggle{display:flex!important;z-index:20;margin-left:0}}@media(max-width:750px){.mobile-dropdown-menu{left:12px;right:12px;max-height:70vh;overflow-y:auto}.mobile-dropdown-menu a{padding:16px 24px;min-height:48px;display:flex;align-items:center}.mobile-dropdown-menu ul li:last-child a{border-bottom:none}}#shopify-section-header+section,#shopify-section-header+div section{padding-top:var(--desktop-hero-spacing, 40px)!important}body:not(.is-scrolled) #shopify-section-header+section,body:not(.is-scrolled) #shopify-section-header+div section{padding-top:calc(var(--desktop-hero-spacing, 40px) + var(--announcement-height, 0px))!important}@media(max-width:1024px){#shopify-section-header+section,#shopify-section-header+div section{padding-top:var(--tablet-hero-spacing, 35px)!important}body:not(.is-scrolled) #shopify-section-header+section,body:not(.is-scrolled) #shopify-section-header+div section{padding-top:calc(var(--tablet-hero-spacing, 35px) + var(--announcement-height, 0px))!important}}@media(max-width:750px){[id^=HeroSection-]{padding-top:calc(var(--header-height, 80px) + var(--announcement-height, 0px) + 0px)!important}.section{--spacing-section-top: var(--spacing-sections, 8px) !important;padding-top:var(--spacing-section-top)!important}}@media(min-width:751px){[id^=HeroSection-]{padding-top:calc(var(--header-height, 80px) + var(--announcement-height, 0px) + 50px)!important}.section{--spacing-section-top: var(--spacing-sections, 8px) !important;padding-top:var(--spacing-section-top)!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/litterly-header.css.map */