.section-ivy-navbar{display:block;padding:20px 24px 0;position:sticky;top:0;z-index:60;transition:padding .35s cubic-bezier(.22,1,.36,1)}.section-ivy-navbar.section-ivy-navbar--gescrold{padding:0}@media(max-width:991px){.section-ivy-navbar{padding:20px 20px 0}}@media(max-width:767px){.section-ivy-navbar{padding:16px 16px 0}}.navbar-wrap--overlay{margin-bottom:-100px}@media(max-width:767px){.navbar-wrap--overlay{margin-bottom:-96px}}.navbar-wrap{position:relative;height:80px;z-index:50}.navbar{position:absolute;top:0;left:0;right:0;background-color:var(--ivy-white);border-radius:6px;overflow:visible;transition:background-color .35s cubic-bezier(.22,1,.36,1),border-radius .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}.section-ivy-navbar--gescrold .navbar{border-radius:0;box-shadow:var(--ivy-schaduw)}.navbar--transparant{background-color:transparent}.navbar--transparant .navbar__link{color:#ffffffd9}.navbar--transparant .navbar__icoon{color:var(--ivy-white)}.navbar--transparant .navbar__logo--vol{filter:brightness(0) invert(1)}.navbar--transparant .navbar__megacaret{color:#ffffffd9}@media(max-width:767px){.navbar{border-radius:6px}}.navbar__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 28px;border-radius:inherit;background-color:inherit;position:relative;z-index:2}.navbar__brand{position:relative;display:inline-flex;align-items:center;grid-column:1;justify-self:start;flex-shrink:0}.navbar__logo{height:48px;width:auto;display:block}.navbar__logo--vol{transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1)}.navbar__logo-zon{position:absolute;left:0;top:50%;height:28px;width:auto;opacity:0;transform:translateY(-30%) scale(.85);transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1);pointer-events:none}.navbar--gescrold .navbar__logo--vol{opacity:0;transform:scale(.9)}.navbar--gescrold .navbar__logo-zon{opacity:1;transform:translateY(-50%) scale(1)}@media(prefers-reduced-motion:reduce){.navbar__logo--vol,.navbar__logo-zon,.section-ivy-navbar,.navbar{transition:none}}.navbar__menu{display:flex;align-items:center;grid-column:2;gap:2rem;margin:0;padding:0;list-style:none}.navbar__link{position:relative;display:inline-flex;align-items:center;padding:12px;text-decoration:none;font-family:var(--ivy-font-tekst);font-size:1.4rem;font-weight:500;line-height:1.4286;letter-spacing:var(--ivy-knop-spatiering);text-transform:uppercase;color:rgba(var(--color-foreground),.75);cursor:pointer;white-space:nowrap;transition:color .35s cubic-bezier(.22,1,.36,1)}.navbar__link:after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:50% 50%;transition:transform .35s cubic-bezier(.22,1,.36,1)}.navbar__link-mask{display:flex;flex-direction:column;height:1lh;overflow:clip}.navbar__link-text{display:block}.navbar__actions{display:flex;align-items:center;justify-content:flex-end;grid-column:3;justify-self:end;gap:.2rem}.navbar__zoek{position:relative;display:flex;align-items:center}.navbar__zoekform{position:static;display:flex;align-items:center;gap:.2rem}.navbar__zoekreset{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;padding:0;background:none;border:none;cursor:pointer;color:rgba(var(--color-foreground),.6);flex-shrink:0}.navbar__zoekreset.hidden{display:none}.navbar__zoekreset .svg-wrapper{width:1.6rem;height:1.6rem}.navbar__zoekreset svg{width:100%;height:100%}.navbar--transparant .navbar__zoekreset{color:#ffffffb3}.navbar__zoek .predictive-search{position:absolute;top:calc(100% + 1.4rem);right:0;left:auto;width:min(40rem,90vw);background-color:var(--ivy-white);color:var(--ivy-stone);border-radius:6px;box-shadow:var(--ivy-schaduw);overflow:hidden;z-index:6}.navbar__zoekvorm{width:0;overflow:hidden;transition:width .35s cubic-bezier(.22,1,.36,1)}.navbar--zoek-open .navbar__zoekvorm{width:min(22rem,40vw)}.navbar__zoekveld{width:100%;height:3.6rem;padding:0 .4rem;background:transparent;border:none;border-bottom:1px solid var(--ivy-sand);border-radius:0;color:rgb(var(--color-foreground));font-family:var(--ivy-font-tekst);font-size:1.5rem}.navbar__zoekveld::placeholder{color:rgba(var(--color-foreground),.5)}.navbar__zoekveld:focus,.navbar__zoekveld:focus-visible{outline:none;box-shadow:none;border-bottom:2px solid var(--ivy-clay-deep)}.navbar__zoekveld::-webkit-search-cancel-button{display:none}.navbar--transparant .navbar__zoekveld{color:var(--ivy-white);border-bottom-color:#fff9}.navbar--transparant .navbar__zoekveld::placeholder{color:#fff9}.navbar--transparant .navbar__zoekveld:focus,.navbar--transparant .navbar__zoekveld:focus-visible{border-bottom-color:var(--ivy-white)}.navbar__icoon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;background:none;border:none;border-radius:0;cursor:pointer;color:rgb(var(--color-foreground));transition:color .35s cubic-bezier(.22,1,.36,1)}.navbar__icoon .ivy-icoon{width:2.2rem;height:2.2rem}.navbar__icoon .cart-count-bubble{position:absolute;top:.2rem;right:.2rem;width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--ivy-clay-deep);color:var(--ivy-white);font-size:1rem;font-weight:500}.navbar__toggle{display:none;width:4.8rem;height:4.8rem;padding:0;align-items:center;justify-content:center;background-color:var(--ivy-clay-deep);border:none;border-radius:0;cursor:pointer;color:var(--ivy-white)}.navbar__toggle-burger{display:inline-flex;flex-direction:column;gap:5px}.navbar__toggle-burger span{width:18px;height:2px;background-color:var(--ivy-white);display:block}.navbar__toggle-close{display:none;align-items:center;justify-content:center}.navbar[data-open=true] .navbar__toggle-burger{display:none}.navbar[data-open=true] .navbar__toggle-close{display:inline-flex}.navbar__panel{position:relative;z-index:2;border-radius:0 0 6px 6px;overflow:hidden;display:grid;grid-template-rows:minmax(0,0fr);background-color:inherit;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1)}.navbar[data-open=true] .navbar__panel{grid-template-rows:minmax(0,1fr)}.navbar__panel-inner{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:2.4rem}.navbar__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:#3a38354d;opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(.22,1,.36,1)}@media(max-width:991px){.navbar[data-open=true] .navbar__backdrop{opacity:1;pointer-events:auto}}.navbar__panel-menu{display:flex;flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none}.navbar__panel-link{display:block;padding:12px;text-decoration:none;font-family:var(--ivy-font-tekst);font-size:1.4rem;font-weight:500;line-height:1.4286;letter-spacing:var(--ivy-knop-spatiering);text-transform:uppercase;color:rgba(var(--color-foreground),.75);opacity:0;transform:translate(20px);transition:color .35s cubic-bezier(.22,1,.36,1),opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1)}.navbar__panel-submenu{margin:0;padding:0 0 0 1.6rem;list-style:none}.navbar__panel-link--sub{text-transform:none;letter-spacing:0;font-weight:400;padding-block:8px}.navbar__panel-cta{display:none;align-self:stretch;width:100%;opacity:0;transform:translate(20px);transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1),scale .35s cubic-bezier(.22,1,.36,1)}.navbar[data-open=true] .navbar__panel-link,.navbar[data-open=true] .navbar__panel-cta{opacity:1;transform:translate(0)}.navbar[data-open=true] .navbar__panel-menu>li:nth-child(1) .navbar__panel-link{transition-delay:.15s}.navbar[data-open=true] .navbar__panel-menu>li:nth-child(2) .navbar__panel-link{transition-delay:.2s}.navbar[data-open=true] .navbar__panel-menu>li:nth-child(3) .navbar__panel-link{transition-delay:.25s}.navbar[data-open=true] .navbar__panel-menu>li:nth-child(4) .navbar__panel-link{transition-delay:.3s}.navbar[data-open=true] .navbar__panel-menu>li:nth-child(5) .navbar__panel-link{transition-delay:.35s}.navbar[data-open=true] .navbar__panel-cta{transition-delay:.4s}.navbar__megagroep{display:inline-flex;align-items:center}.navbar__megagroep .navbar__link{padding-right:.2rem}.navbar__megagroep{position:relative}.navbar__megagroep .navbar__link:after{content:none}.navbar__megagroep:after{content:"";position:absolute;left:12px;right:6px;bottom:6px;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:50% 50%;transition:transform .35s cubic-bezier(.22,1,.36,1)}.navbar__megagroep:hover:after,.navbar__megagroep:focus-within:after,.navbar--mega-open .navbar__megagroep:after{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){.navbar__megagroep:after{transition:none}}.navbar__megaknop{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;padding:1rem .6rem;color:rgba(var(--color-foreground),.75);transition:color .35s cubic-bezier(.22,1,.36,1)}.navbar__megaknop:hover{color:rgb(var(--color-foreground))}.navbar--transparant .navbar__megaknop{color:#ffffffd9}.navbar--transparant .navbar__megaknop:hover{color:var(--ivy-white)}.navbar__megacaret{width:1rem;height:.6rem;display:inline-flex;transition:transform .35s cubic-bezier(.22,1,.36,1)}.navbar__megacaret svg{width:100%;height:100%}.navbar--mega-open .navbar__megacaret{transform:rotate(180deg)}.navbar__megapanel{position:relative;z-index:2;border-radius:0 0 6px 6px;overflow:hidden;display:grid;grid-template-rows:minmax(0,0fr);background-color:inherit;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1)}.navbar--mega-open .navbar__megapanel{grid-template-rows:minmax(0,1fr)}.navbar__megapanel-inner{min-height:0;overflow:hidden}.navbar__megapanel-binnen{display:flex;flex-direction:column;gap:1.6rem;padding:2rem 28px 2.8rem}.navbar__megagrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.6rem;margin:0;padding:0;list-style:none}.navbar__megakaart{display:block;text-decoration:none;color:currentColor}.navbar__megabeeld{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:6px;background-color:var(--ivy-ivory)}.navbar__megabeeld img,.navbar__megaplaceholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.navbar__megaoverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#3a3835a6,#3a383500 55%);pointer-events:none}.navbar__megainfo{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;display:flex;flex-direction:column;gap:.2rem;color:var(--ivy-white)}.navbar__meganaam{font-family:var(--ivy-font-kop);font-size:2.4rem;line-height:1.15;letter-spacing:var(--ivy-kop-spatiering)}.navbar__megasterren{display:inline-flex;gap:.2rem;color:#e9b44c}.navbar__megaprijs{font-size:1.3rem;font-weight:500;color:#ffffffe6}.navbar__megabeeldlink{display:block;position:absolute;top:0;right:0;bottom:0;left:0;text-decoration:none}.navbar__megainfo{text-decoration:none}.navbar__megainfo:hover,.navbar__megainfo:focus-visible{text-decoration:none}.navbar__megarating{display:inline-flex;align-items:center;gap:.8rem}.navbar__megascore{font-family:var(--ivy-font-tekst);font-size:1.3rem;font-weight:500;color:#ffffffe6}.navbar__mega-acties{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.6rem}.navbar__mega-actie{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;background-color:var(--ivy-white);color:var(--ivy-stone);border:none;cursor:pointer;box-shadow:var(--ivy-schaduw);transition:background-color .35s cubic-bezier(.22,1,.36,1),color .35s cubic-bezier(.22,1,.36,1)}.navbar__mega-actie:hover{background-color:var(--ivy-clay-deep);color:var(--ivy-white)}.navbar__mega-actie .ivy-icoon{color:currentColor}.navbar__mega-actie-icoon{display:inline-flex}.navbar__mega-actie .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.navbar__mega-actie .loading__spinner .spinner{width:1.6rem;height:1.6rem}.navbar__mega-actie.loading .navbar__mega-actie-icoon{visibility:hidden}@media(hover:hover)and (pointer:fine){.navbar__mega-acties>*{opacity:0;transform:translate(12px);transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1)}.navbar__mega-acties>*:nth-child(2){transition-delay:60ms}.navbar__megakaart:hover .navbar__mega-acties>*,.navbar__megakaart:focus-within .navbar__mega-acties>*{opacity:1;transform:translate(0)}}.navbar__megalink{align-self:flex-start;display:inline-flex;align-items:center;gap:.8rem;font-size:1.4rem;color:var(--ivy-clay-deep);text-decoration:none;padding-bottom:.5rem;background-image:linear-gradient(var(--ivy-clay-deep),var(--ivy-clay-deep));background-size:0% 1px;background-position:50% 100%;background-repeat:no-repeat;transition:background-size .35s cubic-bezier(.22,1,.36,1)}.navbar__megalink:hover,.navbar__megalink:focus-visible{background-size:100% 1px}.navbar__megalink-pijl{flex-shrink:0;transition:transform .35s cubic-bezier(.22,1,.36,1)}.navbar__megalink:hover .navbar__megalink-pijl{transform:translate(4px)}@media(max-width:991px){.navbar__megapanel{display:none}}@media(min-width:992px)and (hover:hover)and (pointer:fine){.navbar__link:hover{color:rgb(var(--color-foreground))}.navbar--transparant .navbar__link:hover{color:var(--ivy-white)}.navbar__icoon:hover{color:var(--ivy-clay)}.navbar--transparant .navbar__icoon:hover{color:#ffffffbf}.navbar__link:hover:after,.navbar__link:focus-visible:after{transform:scaleX(1)}.navbar__panel-link:hover{color:rgb(var(--color-foreground))}.navbar__icoon:hover{background-color:var(--ivy-sand)}}@media(max-width:991px){.navbar__menu{display:none}.navbar__toggle{display:inline-flex}.navbar__bar{padding:16px 28px 16px 24px}.navbar__panel-inner{padding:1.6rem 24px}}@media(max-width:767px){.navbar__bar{padding:16px 24px 16px 20px}.navbar__icoon{width:3rem}.navbar__toggle{margin-left:1.6rem}.navbar__icoon .cart-count-bubble{top:.3rem;right:-.2rem;width:1.6rem;height:1.6rem;font-size:.9rem}.navbar__panel-inner{padding:1.6rem 24px 1.6rem 20px}}@media(max-width:479px){.navbar__bar{padding:1.6rem}.navbar__panel-inner{padding:1.6rem;gap:.8rem}.navbar__cta{display:none}.navbar__panel-cta{display:inline-flex}}@media(prefers-reduced-motion:reduce){.navbar__panel,.navbar__panel-link,.navbar__panel-cta,.navbar__backdrop,.navbar__link,.navbar__link:after,.navbar__mega-actie,.navbar__mega-acties>*,.navbar__zoekvorm,.navbar__megalink,.navbar__megalink-pijl{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-ivy-navbar.css.map */