/* A shared frame. Centre the navigation in the space between the brand and utility controls. */
body.pp-custom-layout header.pp-header[data-pp-shared-header]{
  display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;column-gap:24px!important;
  width:100%!important;max-width:none!important;height:88px!important;min-height:88px!important;
  box-sizing:border-box!important;margin:0!important;
  padding:0 max(40px,calc((100% - 1300px)/2))!important;
  border:0!important;border-bottom:1px solid #eef0ee!important;background:#fff!important;
  position:relative!important;overflow:visible!important;z-index:40;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;
}
body.pp-custom-layout .pp-header[data-pp-shared-header]>.pp-logo{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;justify-self:start!important;
  width:auto!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;
}
body.pp-custom-layout .pp-header[data-pp-shared-header] .pp-logo-art{
  width:260px!important;max-width:100%!important;aspect-ratio:760/182!important;flex:none!important;
}
body.pp-custom-layout .pp-header[data-pp-shared-header]>.pp-nav{
  display:flex!important;align-items:center!important;justify-content:center!important;justify-self:center!important;
  flex-wrap:nowrap!important;gap:28px!important;margin:0!important;padding:0!important;white-space:nowrap!important;
  font-family:inherit!important;font-size:15px!important;font-weight:400!important;line-height:1.4!important;transform:translateY(2px)!important;
}
body.pp-custom-layout .pp-header[data-pp-shared-header]>.pp-nav>a{
  display:inline-flex!important;align-items:center!important;margin:0!important;padding:8px 0!important;
  font:inherit!important;text-decoration:none!important;color:#17291f!important;
  border:0!important;border-bottom:1px solid transparent!important;
  background-image:linear-gradient(#064d37,#064d37)!important;background-repeat:no-repeat!important;
  background-position:left bottom!important;background-size:0 2px!important;
  transition:background-size .22s ease,color .18s ease,transform .18s ease!important;
}
body.pp-custom-layout .pp-header[data-pp-shared-header]>.pp-nav>a:is(.is-active,[aria-current="page"]){
  color:#064d37!important;border-bottom-color:transparent!important;background-size:100% 2px!important;
}
body.pp-custom-layout .pp-header[data-pp-shared-header]>.pp-nav>a:is(:hover,:focus-visible){color:#064d37!important;background-size:100% 2px!important;transform:translateY(-1.5px)!important}
body.pp-custom-layout .pp-header[data-pp-shared-header]>.pp-nav>a::before,
body.pp-custom-layout .pp-header[data-pp-shared-header]>.pp-nav>a::after,
body.pp-custom-layout .pp-header[data-pp-shared-header] .pp-language>a::after{content:none!important;display:none!important}
body.pp-custom-layout .pp-header[data-pp-shared-header]>.pp-tools{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;justify-self:end!important;
  flex-wrap:nowrap!important;gap:8px!important;margin:0!important;padding:0!important;
}
body.pp-custom-layout .pp-header[data-pp-shared-header] .pp-tools>.pp-search,
body.pp-custom-layout .pp-header[data-pp-shared-header] .pp-tools>.pp-mobile-menu{
  position:relative!important;flex:none!important;margin:0!important;padding:0!important;
}
body.pp-custom-layout .pp-header[data-pp-shared-header] :is(.pp-site-search-trigger,.pp-cart-trigger,.pp-search>summary,.pp-mobile-menu>summary){
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:none!important;box-sizing:border-box!important;width:40px!important;height:40px!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#173c2a!important;
  line-height:1!important;cursor:pointer!important;
}
body.pp-custom-layout .pp-header[data-pp-shared-header] :is(.pp-site-search-trigger,.pp-cart-trigger,.pp-search>summary,.pp-mobile-menu>summary)>svg{
  display:block!important;width:24px!important;height:24px!important;flex:none!important;margin:0!important;
}
body.pp-custom-layout .pp-header[data-pp-shared-header] :is(.pp-site-search-trigger,.pp-search>summary)>svg{width:28px!important;height:28px!important;stroke-width:1.55!important}
body.pp-custom-layout .pp-header[data-pp-shared-header] .pp-tools>.pp-language{
  display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 0 8px!important;padding:0!important;
  font-family:inherit!important;font-size:12px!important;line-height:1.3!important;
}
body.pp-custom-layout .pp-header[data-pp-shared-header] .pp-language>a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  margin:0!important;padding:8px 0!important;font:inherit!important;text-decoration:none!important;
  border:0!important;border-bottom:1px solid transparent!important;
}
body.pp-custom-layout .pp-header[data-pp-shared-header] .pp-language>a:is(.is-active,[aria-current="page"]){border-bottom-color:#064d37!important}
body.pp-custom-layout .pp-header[data-pp-shared-header] .pp-tools>.pp-mobile-menu{display:none!important}
@media(max-width:1279px) and (min-width:1101px){
  body.pp-custom-layout header.pp-header[data-pp-shared-header]{height:80px!important;min-height:80px!important;padding:0 30px!important;column-gap:20px!important}
  body.pp-custom-layout .pp-header[data-pp-shared-header] .pp-logo-art{width:220px!important}
  body.pp-custom-layout .pp-header[data-pp-shared-header]>.pp-nav{font-size:14px!important;gap:18px!important}
  body.pp-custom-layout .pp-header[data-pp-shared-header]>.pp-tools{gap:8px!important}
  body.pp-custom-layout .pp-header[data-pp-shared-header] .pp-tools>.pp-language{margin-left:4px!important}
}
@media(max-width:1100px){
  body.pp-custom-layout header.pp-header[data-pp-shared-header]{grid-template-columns:minmax(0,1fr) auto!important;height:80px!important;min-height:80px!important;padding:0 24px!important;column-gap:18px!important}
  body.pp-custom-layout .pp-header[data-pp-shared-header]>.pp-nav,
  body.pp-custom-layout .pp-header[data-pp-shared-header] .pp-tools>.pp-language{display:none!important}
  body.pp-custom-layout .pp-header[data-pp-shared-header] .pp-logo-art{width:220px!important}
  body.pp-custom-layout .pp-header[data-pp-shared-header]>.pp-tools{gap:8px!important}
  body.pp-custom-layout .pp-header[data-pp-shared-header] .pp-tools>.pp-mobile-menu{display:block!important}
  body.pp-custom-layout .pp-header[data-pp-shared-header] .pp-mobile-menu>nav{
    position:absolute!important;top:calc(100% + 20px)!important;left:auto!important;right:0!important;
    box-sizing:border-box!important;width:min(320px,calc(100vw - 48px))!important;min-width:0!important;
    display:grid!important;gap:16px!important;margin:0!important;padding:20px 24px!important;
    transform:none!important;background:#fff!important;border:1px solid #e5ebe6!important;border-radius:4px!important;
    font-family:inherit!important;font-size:16px!important;line-height:1.5!important;box-shadow:0 12px 32px rgba(12,48,31,.12)!important;
  }
  body.pp-custom-layout .pp-header[data-pp-shared-header] .pp-mobile-menu>nav>a{display:block!important;margin:0!important;padding:0!important;font:inherit!important;text-decoration:none!important;color:#173c2a!important}
  body.pp-custom-layout .pp-header[data-pp-shared-header] .pp-mobile-language{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding-bottom:14px!important;border-bottom:1px solid #e5ebe6!important;font-size:12px!important}
}
@media(max-width:600px){
  body.pp-custom-layout header.pp-header[data-pp-shared-header]{height:72px!important;min-height:72px!important;padding:0 16px!important;column-gap:12px!important}
  body.pp-custom-layout .pp-header[data-pp-shared-header] .pp-logo-art{width:min(220px,calc(100vw - 192px))!important}
  body.pp-custom-layout .pp-header[data-pp-shared-header]>.pp-tools{gap:6px!important}
  body.pp-custom-layout .pp-header[data-pp-shared-header] .pp-mobile-menu>nav{top:calc(100% + 16px)!important}
}
@media(prefers-reduced-motion:reduce){
  body.pp-custom-layout .pp-header[data-pp-shared-header]>.pp-nav>a{transition:none!important}
  body.pp-custom-layout .pp-header[data-pp-shared-header]>.pp-nav>a:is(:hover,:focus-visible){transform:none!important}
}
