.navbar{position:fixed;top:2.5rem;left:50%;transform:translate(-50%);z-index:1000;background:#fff;border:1px solid #E6E6E6;border-radius:50px;box-shadow:0 8px 32px #00000026;transition:all .3s ease,transform .4s cubic-bezier(.4,0,.2,1);width:calc(100% - 4rem);max-width:800px}.navbar.scrolled{background:#fff;box-shadow:0 8px 32px #0003}.navbar__container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.75rem 1.5rem;min-height:50px;gap:.75rem}.navbar__logo{display:flex;align-items:center;justify-content:center;grid-column:2;z-index:1001;text-decoration:none;transition:transform .3s ease}.navbar__logo:hover{transform:scale(1.05)}.navbar__logo img{height:32px;width:auto;object-fit:contain}.navbar__site-title{font-size:1.25rem;font-weight:700;color:#020a0a;text-decoration:none}.navbar__nav{display:none}.navbar__nav-link{color:#020a0a;text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease;position:relative;padding:.5rem 0}.navbar__nav-link:hover{color:#f59c00;transform:translateY(-1px)}.navbar__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#f59c00;transition:width .3s ease}.navbar__nav-link:hover:after{width:100%}.navbar__mobile-toggle{display:flex;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001;grid-column:1;justify-self:start}.navbar__mobile-toggle-line{width:22px;height:2.5px;background:#374151;margin:2.5px 0;transition:all .3s ease;border-radius:2px}.navbar__mobile-toggle.active .navbar__mobile-toggle-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar__mobile-toggle.active .navbar__mobile-toggle-line:nth-child(2){opacity:0}.navbar__mobile-toggle.active .navbar__mobile-toggle-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.navbar__mobile-menu{position:fixed;top:64px;left:50%;transform:translate(-50%);width:0;height:auto;background:#fff;z-index:1000;overflow:hidden;transition:width .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,visibility .3s ease;display:flex;align-items:flex-start;justify-content:flex-start;border-radius:20px;box-shadow:0 8px 32px #0000001a;opacity:0;visibility:hidden;max-width:800px;padding-top:2rem}.navbar__mobile-menu.active{width:100%;height:auto;opacity:1;visibility:visible;max-width:800px}.navbar__mobile-menu-content{display:flex;flex-direction:column;align-items:flex-start;gap:0;text-align:left;padding:1.5rem 2rem;min-width:280px;opacity:0;transform:translate(-20px);transition:all .3s ease .2s;width:100%}.navbar__mobile-menu.active .navbar__mobile-menu-content{opacity:1;transform:translate(0)}.navbar__mobile-nav-link{color:#374151;text-decoration:none;font-weight:600;font-size:1.1rem;transition:color .3s ease;padding:.75rem 0;border-bottom:1px solid #f3f4f6;width:100%}.navbar__mobile-nav-link:hover{color:#f59e0b}.navbar__mobile-cta{margin-top:1rem;width:100%}.navbar__cta-button--mobile{padding:.75rem 1.5rem;font-size:1rem;width:100%;justify-content:center;background:#f59e0b;color:#fff;text-decoration:none;border-radius:25px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.navbar__cta-button--mobile:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}@media (max-width: 1024px){.navbar__nav{gap:2rem}.navbar__nav-link{font-size:.95rem}}@media (max-width: 768px){.navbar{width:calc(100% - 4em);top:1.5rem}.navbar__mobile-menu{top:64px;width:0}.navbar__mobile-menu.active{width:100%;opacity:1;visibility:visible}.navbar__container{padding:.75rem 1rem;min-height:45px}.navbar__logo img{height:28px}.navbar__site-title{font-size:1.1rem}}@media (max-width: 480px){.navbar{width:calc(100% - 4rem);top:1.5rem}.navbar__mobile-menu{top:52px;width:0}.navbar__mobile-menu.active{width:100%;opacity:1;visibility:visible;padding-top:0}.navbar__container{padding:.5rem .75rem;min-height:40px}.navbar__logo img{height:26px}.navbar__site-title{font-size:1rem}.navbar__mobile-menu-content{gap:0;padding:2rem;min-width:250px}.navbar__mobile-nav-link{font-size:1rem;padding:.5rem 0}}.navbar.scrolled .navbar__nav-link,.navbar.scrolled .navbar__site-title{color:#1f2937}.navbar.scrolled .navbar__mobile-toggle-line{background:#1f2937}.navbar.solid{background:#fff;border:1px solid #E6E6E6}.navbar.transparent{background:transparent;border:none}.navbar[data-accent-color] .navbar__nav-link:hover{color:var(--accent-color, #f59e0b)}.navbar[data-accent-color] .navbar__nav-link:after{background:var(--accent-color, #f59e0b)}.navbar[data-accent-color] .navbar__cta-button{background:var(--accent-color, #f59e0b)}.navbar[data-accent-color] .navbar__cta-button:hover{background:var(--accent-color-hover, #d97706)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-navbar.css.map */