.indstry_hdr_btn:not(.all){display:none}body.has-industry .indstry_hdr_btn{display:block}body.nav-open{overflow:hidden}body.nav-open:after{backdrop-filter:blur(30px);background-color:rgba(0,0,0,.1);content:"";height:100%;inset:0;position:fixed;width:100%;z-index:11}.header__container{--topNavXSpacing:0.825rem;--topNavYSpacing:0.75rem;--mobileNavXSpacing:0;--mobileNavYSpacing:0.75rem;--mobileMenuXSpacing:1rem;--mobileMenuYSpacing:0.5rem;--dropdownwidth:230px;--dropdownyspacing:1.5rem;--dropdownxspacing:2rem;--dropdownlinkspacing:0.5rem;position:relative;transition:background .2s ease-in-out,box-shadow .2s ease-in-out}.header__container,.header__container[data-topbar-fixed=true] .header__bottom{box-shadow:15px 25px 60px transparent;width:100%;z-index:12}.header_inline{margin-top:6px;padding-left:15px;padding-right:15px;transition:top .5s ease-in-out,background .2s ease}.header__container:not([data-layout=mobile]) .header_inline,.header__container:not([data-layout=mobile])[data-float=false] .header__wrapper--bottom{margin-left:-20px;margin-right:-20px;padding:15px;padding-left:25px!important}.header__container.scroll-up.header-scroll[data-topbar-fixed=false],.header__container[data-fixed=true].header-scroll[data-topbar-fixed=false],.header__container[data-fixed=true].header-scroll[data-topbar-fixed=true] .header__bottom,.header__container[data-float=true]{position:fixed}.header__container[data-fixed=true][data-scroll=true].header-scroll[data-topbar-fixed=false],.header__container[data-fixed=true][data-scroll=true].header-scroll[data-topbar-fixed=true] .header__bottom{top:-100%}.header__container[data-fixed=true][data-scroll=true].scroll-down[data-topbar-fixed=false],.header__container[data-fixed=true][data-scroll=true].scroll-down[data-topbar-fixed=true] .header__bottom,.header__container[data-fixed=true][data-scroll=true].scroll-up[data-topbar-fixed=false],.header__container[data-fixed=true][data-scroll=true].scroll-up[data-topbar-fixed=true] .header__bottom{top:-100%;transition:top .5s ease-in-out,background .2s ease}.header__container[data-fixed=true][data-scroll=true].scroll-down[data-topbar-fixed=true] .header__inline,.header__container[data-fixed=true][data-scroll=true].scroll-up[data-topbar-fixed=true] .header__inline{transition:background .2s ease}.header__container[data-fixed=true][data-scroll=false][data-topbar-fixed=false],.header__container[data-fixed=true][data-scroll=false][data-topbar-fixed=true] .header__bottom,.header__container[data-fixed=true][data-scroll=true].scroll-up[data-topbar-fixed=false],.header__container[data-fixed=true][data-scroll=true].scroll-up[data-topbar-fixed=true] .header__bottom{top:0}.header__container[data-transparent=true]{position:absolute;top:0}.header__container .header__top{position:relative;z-index:10}.header__container[data-topbar-fixed=true] .header__top{display:block;position:relative;transform:translateY(0);z-index:3}.header__container.header-scroll[data-topbar-fixed=true] .header__top{display:none;transform:translateY(-100%)}.header__wrapper{align-items:center;display:flex;margin:0 auto}.header__menu--top{align-items:center;display:flex;position:relative;width:100%;z-index:101}.header__wrapper--top .header__menu--top .header__menu--top{width:auto}.header__menu--align-justify .header__menu--top{justify-content:space-between}.header__menu--align-center .header__menu--top{justify-content:center}.header__menu--align-right .header__menu--top{justify-content:flex-end}.header__menu--align-justify[data-length="1"][data-icons-position=left] .header__menu--top,.header__menu--align-justify[data-length="1"][data-icons-position=right] .header__menu--top{justify-content:space-between}.header__container[data-layout=mobile] .header__logo-col{margin:12px 0}.header__container:not([data-layout=mobile]) .header__logo-col{margin:0}.header__button-col{margin-left:var(--desktopnavxspacing)}.header__search-col{margin:0;margin-left:calc(var(--desktopnavxspacing)/2)}.header__container--left .header__search-col.buttons-false{margin-left:var(--desktopnavxspacing)}.header__menu-item--language-switcher .header__menu-submenu{min-width:150px;overflow:hidden;padding:.5rem 0;width:fit-content}.header__logo img{display:block;height:auto;max-width:100%}.header__container[data-fixed=true].header-scroll .header__logo-default.logo-hide,.header__logo-image.header__logo-scroll{display:none}.header__container[data-fixed=true].header-scroll .header__logo-image.header__logo-scroll{display:block}.header__menu-container--mobile{display:none}.header__menu--mobile{border-top:1px solid #eaeaea;display:none;height:100vh;left:0;overflow:hidden scroll;padding:0;position:fixed;right:0;top:var(--navHeight);width:100%;z-index:99}[data-float=true] .header__menu--mobile{height:calc(100vh - var(--navHeight));left:0;margin-left:auto;margin-right:auto;width:calc(100% - 30px)}@media(min-width:576px){[data-float=true] .header__menu--mobile{max-width:510px}}@media(min-width:768px){[data-float=true] .header__menu--mobile{max-width:690px}}@media(min-width:992px){[data-float=true] .header__menu--mobile{max-width:930px}}@media(min-width:1200px){[data-float=true] .header__menu--mobile{max-width:1110px}}@media (max-width:1199px) and (min-width:992px){.header__button-col{margin-left:5px}}.header__menu-item svg,.header__menu-item svg g,.header__menu-item svg path,.header__menu-link{transition:color,fill .25s ease-in-out}.header__menu-item{align-items:center;display:inline-flex;position:relative;transition:background-color .25s ease-in-out,color .25s ease-in-out}.header__container:not([data-layout=mobile]) .header__menu-item{border-radius:10px}.has-next-false{margin:0 calc(var(--topNavXSpacing)*-.975)}.header__menu--desktop:not(.header__menu--top) .header__menu-item--depth-1>.header__menu-link{border-radius:10px!important;margin-bottom:-5px;margin-top:-5px;padding:5px 10px}.header__menu--top .header__menu-wrapper{gap:0!important}.header__menu--top .header__menu-item--depth-1>.header__menu-link{line-height:normal!important;opacity:1;padding:12px 13px;transition:opacity .15s ease-in-out;will-change:transform,opacity}.header__menu--top .header__menu-item--depth-1>.header__menu-link:hover{opacity:.75}.header__menu.header__menu--top>div:first-child>ul:first-child>li:first-child>a,.header__menu.header__menu--top>div:first-child>ul:first-child>li:first-child>button{padding-left:0}.header__menu.header__menu--top>div:last-child>ul:last-child>li:last-child>a,.header__menu.header__menu--top>div:last-child>ul:last-child>li:last-child>button{padding-right:0}.header__menu-announcement a,.header__menu-announcement a:hover{color:inherit;text-decoration:underline}.header__menu-announcement a:hover{opacity:.65}.header__menu-announcement :last-child{margin-bottom:0}.top-bar-mobile{margin-top:var(--mobileMenuYSpacing)}.header__menu-submenu{backdrop-filter:blur(50px);box-shadow:0 -5px 70px 0 rgba(123,159,15,.1);display:flex;flex-direction:column;gap:10px;left:0;opacity:0;padding:20px;position:absolute;row-gap:10px;text-align:left;top:calc(100% + 35px);visibility:hidden;width:var(--dropdownwidth);z-index:99}.header__menu-submenu--level-2:before{background-color:transparent;content:"";height:36px;left:0;position:absolute;top:-36px;width:100%}.header__menu-item--open>.header__menu-submenu{opacity:1;visibility:visible}.header__menu-item--depth-1:last-child>.header__menu-submenu{left:auto;right:0}.header__container:not([data-layout=mobile]) .header__menu-item:not([data-mega=true]) .header__menu-submenu.header__menu-submenu--level-2{left:calc(var(--dropdownxspacing)*-1 + var(--desktopnavxspacing))}.header__menu-submenu--level-3{left:calc(100% + 1px);top:calc(var(--dropdownyspacing)*-.9 - var(--border-size))}.header__menu--top .header__menu-submenu{padding:calc(var(--dropdownyspacing)*.5) 0;width:calc(var(--dropdownwidth)/1.5)}.header__menu--top .header__menu-submenu .header__menu-link{padding:var(--dropdownlinkspacing) calc(var(--dropdownxspacing)*.5)}.header__menu--top .header__menu-submenu--level-3{left:100%;top:calc((var(--dropdownyspacing)*0.5)*-1 - var(--border-size))}.header__menu-submenu .header__menu-item{width:100%}.header__menu-submenu .header__menu-link{display:inline-flex;flex:1;padding:var(--dropdownlinkspacing) var(--dropdownxspacing)}.header__menu-link:focus,.header__menu-link:focus-visible{outline-offset:2px;z-index:1}.header__menu-back svg{margin-right:10px}.header__container:not([data-layout=mobile]) .header__menu-submenu .header__menu-child-toggle{margin-left:auto;transform:rotate(-90deg)}.header__top-menu .header__menu-child-toggle{margin-left:2px}.header__menu-toggle{display:none}.header__menu-toggle svg{width:26px}.header__container:not([data-layout=mobile]) .three_column_menu .header__menu-submenu--level-2{left:50%;transform:translateX(-30%);width:723px}.header__container:not([data-layout=mobile]) .mega_innr_wrap{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.header__container:not([data-layout=mobile]) .three_column_menu .mega_innr_wrap{display:flex;flex-direction:row;flex-wrap:wrap}.header__container:not([data-layout=mobile]) .three_column_menu .mega_innr_wrap>.header__menu-item--depth-2{width:calc(33.33% - 7px)}.hs-search-field__desktop .hs-search-field__input{border:none!important;bottom:0;height:var(--size)!important;max-width:none!important;min-height:var(--size)!important;opacity:1;position:absolute;right:0;width:400px!important}.header__container:not([data-layout=mobile]) .hs-search-field__form .btn-wrapper,.header__container:not([data-layout=mobile]) .hs-search-field__form button,.header__wrapper-blog .hs-search-field__form button{justify-content:center;padding:0;text-align:center;width:100%}.search--icon{border-color:transparent!important;position:relative;z-index:1}.hs-search-field__mobile{margin-top:var(--mobileMenuYSpacing);padding:var(--mobileMenuYSpacing) var(--mobileMenuXSpacing)}.hs-search-field__mobile form{position:relative}.hs-search-field__mobile .btn-wrapper{align-items:center;display:flex;height:100%;left:0;position:absolute;top:50%;transform:translateY(-50%)}.hs-search-field__mobile .btn-wrapper .cta-button{min-height:100%;padding:0 10px 0 15px}.hs-search-field__mobile input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=submit]){border:none;padding-left:38px}.header__container .cta-group,.header__container .header__menu-col{opacity:1;transition-delay:.25s;transition:opacity .15s ease-in-out}.header__menu-col.m-left-auto{margin-left:30px}.header__container.search-open .cta-group,.header__container.search-open .header__menu-col{opacity:0}.header__container:not([data-layout=mobile]) .header__wrapper{position:relative}.header__container:not([data-layout=mobile]) .search,.header__wrapper-blog .search{height:var(--size);position:relative;width:var(--size);z-index:2}.header__container:not([data-layout=mobile]) .closed .hs-search-field__input,.header__wrapper-blog .closed .hs-search-field__input{opacity:0;padding:0!important;width:100%!important}.header__container:not([data-layout=mobile]) .closed .hs-search-field__input::placeholder,.header__wrapper-blog .closed .hs-search-field__input::placeholder{color:transparent}.header__container .sr-social{align-items:center;display:inline-flex;gap:15px;list-style:none;list-style-type:none;margin:0;padding:0}.header__container .sr-social.p-left{margin-right:calc(var(--topNavXSpacing)*.5)}.header__container .sr-social.p-center{margin:calc(var(--topNavXSpacing)*.5)}.header__container .sr-social.p-right{margin-left:calc(var(--topNavXSpacing)*.5)}.header__container .sr-social a{display:inline-flex;opacity:1;transition:opacity .25s ease-in-out;will-change:opacity}.header__container .sr-social a:hover{opacity:.75}.header__container .sr-social svg{color:var(--f);fill:var(--f)}.header__container .icon-bg{align-items:center;background:var(--b);border-radius:100%;height:var(--h);justify-content:center;width:var(--w)}.no-button{background:none;border:none;border-radius:0;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin-bottom:0;outline-offset:5px;padding:0;text-align:left;text-decoration:none}.skip-main{height:1px;left:-999px;overflow:hidden;position:absolute;top:auto;width:1px;z-index:-999}.skip-main:active,.skip-main:focus{border-radius:100px;font-size:1.2em;height:auto;left:0;margin:0 auto;overflow:auto;padding:10px;right:0;text-align:center;top:10px;width:300px;z-index:999}.header__container:not([data-layout=mobile]) .m-left-auto{margin-right:auto}.header__container:not([data-layout=mobile]) .m-right-auto{margin-left:auto}.header__container:not([data-layout=mobile]) .m-center-auto{margin-left:auto;margin-right:auto}.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true]{position:static}.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-submenu{width:100%}.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-submenu--level-3{border:none!important;box-shadow:none;opacity:1;padding:0;pointer-events:none;position:static;transition:none;visibility:visible}.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true].header__menu-item--open .header__menu-submenu--level-3{opacity:1;pointer-events:all}.header__container:not([data-layout=mobile]) [data-mega=true] .header__menu-item--depth-2 .header__menu-child-toggle{display:none}.header__container:not([data-layout=mobile]) .header__menu-item--depth-1[data-mega=true]>.header__menu-link:after{background:transparent;content:"";height:0;height:100%;left:50%;opacity:0;position:absolute;top:75%;transform:translateX(-50%);visibility:hidden;width:0;width:100%}.header__container:not([data-layout=mobile]) .header__menu-item--depth-1[data-mega=true].header__menu-item--open>.header__menu-link:after{opacity:1;visibility:visible}.header__container[data-layout=mobile] .header__top:not(.header__top-announcement){display:none}.header__container[data-layout=mobile] .header__logo-col{padding-right:2rem}.header__container[data-layout=mobile] .header__menu--desktop{display:none}.header__container[data-layout=mobile] .header__menu-col{margin-left:auto}.header__container[data-layout=mobile] .header__menu--show,.header__container[data-layout=mobile] .header__menu-container--mobile{display:block}.header__container[data-layout=mobile] .header__menu-item{justify-content:space-between;position:static;text-align:left;width:100%}.header__container[data-layout=mobile] .header__menu-submenu .header__menu-item{border-radius:5px}.header__container[data-layout=mobile] .header__menu-link{align-items:center;box-sizing:border-box;display:flex;padding:20px;width:100%}.header__container[data-layout=mobile] .header__menu-submenu .header__menu-link{padding:12px 10px}.header__container[data-layout=mobile] .header__menu-back{background:none;border:none;justify-content:start}.header__container[data-layout=mobile] .header__menu-item--button{margin-top:auto;padding:25px 20px 120px}.header__container[data-layout=mobile] .header__menu-submenu .header__menu-item{padding:0}.header__container[data-layout=mobile] .header__menu-item--depth-1:nth-last-child(-n+2) .header__menu-submenu--level-3,.header__container[data-layout=mobile] .header__menu-submenu,.header__container[data-layout=mobile] .header__menu-submenu--level-3{border:none;position:static;width:100%}.header__container[data-layout=mobile] .header__menu-child-toggle svg{margin-left:0}.header__container[data-layout=mobile] .header__menu-child-toggle{transform-origin:50% 50%;transition:transform .4s;will-change:transform}.header__container[data-layout=mobile] .header__menu-item--open>.header__menu-link .header__menu-child-toggle{transform:rotate(180deg)}.header__container[data-layout=mobile] .header__menu-toggle--show{display:block}.header__container[data-layout=mobile] .hidden-phone{display:none!important}.header__container[data-layout=mobile] .header__menu-container--mobile .cta-group{align-items:flex-start;flex-direction:column}.header__container[data-fixed=true][data-layout=desktop].header-scroll .header__logo-image.header__logo-scroll.logo_mobile,.header__container[data-fixed=true][data-layout=mobile].header-scroll .header__logo-image.header__logo-scroll:not(.logo_mobile):not(.logo_mobile_scroll),.header__container[data-layout=mobile] .header__menu-item--depth-1>.header__menu-link .menu_icon,[data-layout=desktop] .logo_mobile,[data-layout=mobile] [data-mobile=true] .header__logo-image:not(.logo_mobile){display:none}.header_styles{position:relative;z-index:2}.header__wrapper-blog{align-items:center;display:flex;flex-direction:column;margin-top:-1.1875rem;opacity:1;padding:34px 15px 15px;transition:opacity .3s ease,margin-top .3s ease,background-color .2s ease;transition-delay:0s}.header_styles .header__wrapper-blog{left:0;margin-top:0;position:absolute;width:100%}.header_styles:has(.header__wrapper-blog) .container{position:relative}.scroll-down .header__wrapper-blog{margin-top:-1.875rem;opacity:0;transition:opacity .3s ease,margin-top .3s ease,background-color .2s ease;transition-delay:.5s}.header__wrapper-blog>div:first-child{align-items:center;display:flex;gap:1rem;width:100%}.header__wrapper-blog .blog-links{align-items:center;display:flex;justify-content:flex-end;margin-left:auto;overflow:hidden;width:100%}.header__wrapper-blog .blog-links ul{align-items:center;display:flex;display:none;gap:.5rem;list-style:none;margin:0;padding:0}.header__wrapper-blog .blog-links .blog-tags{padding:.25rem .5rem;white-space:pre}.header__wrapper-blog .blog-links .blog-tags-dropdown-btn{align-items:center;border:none;display:none;gap:.5rem;outline-color:transparent;padding:.25rem .5rem}.header__wrapper-blog .blog-tags-dropdown{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-in-out}.header__wrapper-blog .blog-tags-dropdown.open{grid-template-rows:1fr;transition:grid-template-rows .3s ease-in-out}.header__container[data-layout=desktop] .header__wrapper-blog .blog-links ul.lg{display:flex;max-width:500px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;padding-top:2px;scrollbar-width:thin}.header__container[data-layout=mobile] .header__wrapper-blog .blog-links ul.md{display:flex;flex-wrap:wrap;padding-bottom:2px;padding-top:1rem}.header__container[data-layout=mobile] .blog-tags-dropdown-btn{display:flex}.header__wrapper-blog .header__search-col:not(.closed) .search--icon{filter:invert(1);transition:filter .2s ease}.header__wrapper-blog .hs-search-field__input{border:none!important;bottom:0;height:var(--size)!important;max-width:none!important;min-height:var(--size)!important;opacity:1;position:absolute;right:0;width:250px!important}.header__wrapper-blog .hs-search-field__input::-webkit-search-cancel-button,.header__wrapper-blog .hs-search-field__input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;border:none;color:#fff;cursor:pointer;padding:0}.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-submenu--level-2{backdrop-filter:blur(50px);display:flex;flex-direction:row;gap:0;left:50%;max-width:1100px;overflow:hidden;padding:0;transform:translateX(-50%)}.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-submenu--level-2 .header__menu-submenu{background-color:transparent!important}.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-submenu--level-2 .header__menu-submenu:after{content:none}.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .mega_innr_wrap{display:flex;padding:50px;width:100%}.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-submenu--level-3 .mega_innr_wrap{display:block;padding:0}.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-item--depth-2{background:transparent!important;display:block;margin:0;padding:0}.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-item--depth-2>.header__menu-link{margin-bottom:10px;padding:0 15px 10px;position:relative;width:100%}.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-item--depth-2>.header__menu-link:after{border-radius:5px;bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .5s ease;width:0}.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-item--depth-2:hover>.header__menu-link:after{width:100%}.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-submenu--level-3{gap:10px}.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-item--depth-3>.header__menu-link{display:block;padding:7px 15px}.menu_desc{margin:0}.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=false]>.card_menu_wrap{left:50%!important;transform:translateX(-50%);width:600px}.header__container:not([data-layout=mobile]) .card_menu_wrap{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:0}.header__container:not([data-layout=mobile]) .card_menu_wrap>.mega_innr_wrap{padding:40px 0 40px 20px;width:calc(50% - 10px)}.header__container:not([data-layout=mobile]) .card_menu_wrap>.menu_card{width:calc(50% - 10px)}.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .card_menu_wrap>.mega_innr_wrap{width:calc(60% - 10px)}.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .card_menu_wrap>.menu_card{width:calc(40% - 10px)}.header__container[data-layout=mobile] .header__menu-item[data-mega=true] .header__menu-item--depth-3>.header__menu-link{display:block}.header__container[data-layout=mobile] .header__menu-submenu--level-2 .header__menu-submenu{display:block!important;padding:0}.header__container[data-layout=mobile] .header__menu-submenu--level-2 .header__menu-child-toggle{display:none}.menu_icon-wrap{flex:0 0 auto;margin-right:10px}.menu_link_wrapper{display:flex;flex:1;flex-direction:column}.header__container:not([data-layout=mobile]) .menu_btm_card{display:flex;flex-wrap:wrap;margin:0 -20px -20px;padding:25px 15px}.header__container:not([data-layout=mobile]) .card_menu_wrap .menu_btm_card{width:calc(100% + 60px)}.header__container:not([data-layout=mobile]) .menu_card .menu_card_item{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.header__container:not([data-layout=mobile]) .card_menu_wrap{align-items:stretch}.header__container:not([data-layout=mobile]) .card_menu_wrap>.menu_card{display:flex;flex-direction:column}.header__container:not([data-layout=mobile]) .card_menu_wrap>.menu_card>.menu_card_item_row:not(.menu_card_slider){display:flex;flex:1}.header__container:not([data-layout=mobile]) .card_menu_wrap .menu_card_item_row:not(.menu_card_slider)>.menu_card_item{flex:1}.header__container[data-layout=desktop] .hidden-desktop{display:none!important}@media(min-width:501px){.header__container[data-layout=mobile] .mobile-fixed-button{display:none}}.header__container[data-layout=mobile] .mobile-fixed-button{bottom:0;left:0;margin:0;padding:24px;position:fixed;width:100%}.header__container[data-layout=mobile] .mobile-fixed-button .btn-wrapper{width:100%}.header__container[data-layout=mobile] .mobile-fixed-button .cta-button,.header__container[data-layout=mobile] .mobile-fixed-button .cta_button{align-items:center;display:flex;justify-content:center}.header__container[data-layout=mobile] .mobile-fixed-button{opacity:0;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.header__container[data-layout=mobile] .mobile-fixed-button.show{opacity:1;pointer-events:all;visibility:visible}.nav-open .header__container[data-layout=mobile] .mobile-fixed-button{opacity:0;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.header__menu--desktop .header__menu-item--depth-1>.header__menu-link{transition:color .3s ease}.header__container.nav-on-light .header__menu--desktop .header__menu-item--depth-1>.header__menu-link{color:#1a1a1a!important}.header__container.nav-on-light .header__menu-toggle svg path{fill:#1a1a1a}.header__menu--desktop .header__menu-submenu .header__menu-link{transition:background-color .25s ease-in-out,color .3s ease}.header__container .header__menu--desktop .header__menu-submenu.header__menu-submenu--level-2{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:rgba(35,16,14,.94)!important}.header__container .header__menu--desktop .header__menu-submenu .header__menu-link:not(.menu_btm_card),.header__container .header__menu--desktop .header__menu-submenu .header__menu-link:not(.menu_btm_card) .menu_desc,.header__container .header__menu--desktop .header__menu-submenu .header__menu-link:not(.menu_btm_card) .menu_link_content,.header__container .header__menu--desktop .header__menu-submenu .header__menu-link:not(.menu_btm_card) .menu_link_span{color:#fffffa!important}.header__container.nav-on-light .header__menu--desktop .header__menu-submenu.header__menu-submenu--level-2{background:rgba(255,255,250,.94)!important}.header__container.nav-on-light .header__menu--desktop .header__menu-submenu .header__menu-link:not(.menu_btm_card),.header__container.nav-on-light .header__menu--desktop .header__menu-submenu .header__menu-link:not(.menu_btm_card) .menu_desc,.header__container.nav-on-light .header__menu--desktop .header__menu-submenu .header__menu-link:not(.menu_btm_card) .menu_link_content,.header__container.nav-on-light .header__menu--desktop .header__menu-submenu .header__menu-link:not(.menu_btm_card) .menu_link_span{color:#1a1a1a!important}

.header__container[data-layout=mobile] .mobile-fixed-button .btn-wrapper.btn-secondary-wrapper :is(.cta_button,.cta-button,[data-hubspot-cta-id],a) {
  background-color: #ffad22;
  border-color: #ffad22;
  color: #23100e;
  backdrop-filter: none;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.header__container[data-layout=mobile] .mobile-fixed-button .btn-wrapper.btn-secondary-wrapper :is(.cta_button,.cta-button,[data-hubspot-cta-id],a):is(:hover,:focus-visible) {
  background-color: #ff6700;
  border-color: #ff6700;
  color: #fffffa;
  filter: none;
}

/* ---- Phone nav (2026-10-25): the sales number beside the menu button, the top bar's offer at the top of the page on
   phones until the visitor scrolls, and the sticky button clear of Safari's bottom bar. Mobile layout only
   (data-layout=mobile, below the header's Mobile Breakpoint). The offer also stays in the open menu, as before.
   Every rule below that has to beat an existing header rule does it by specificity, not by source order, because the
   HubSpot minifier may reorder rules. ---- */
.header__container .header__call { display: none; }
.header__container[data-layout='mobile'] .header__menu-col { display: flex; align-items: center; }
.header__container[data-layout='mobile'] .header__call {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-right: 16px;
	padding: 0 2px;
	font-family: var(--button_font, inherit);
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -.01em;
	white-space: nowrap;
	text-decoration: none;
	color: var(--heading);
}
/* With the number in the row, the logo column's 2rem right padding would push the row past 382px and shrink the logo
   (Jewel360 144px to 131px). 12px keeps the logo at full size; the number and menu stay right-aligned. */
.header__container[data-layout='mobile'] .header__wrapper--bottom:has(.header__call) > .header__logo-col { padding-right: 12px; }

/* The offer, one 40px line. Menu and countdown bars are hidden on phones by the header's own rule; these show them.
   Only those two bar types: a "none" bar renders an empty wrapper, which must stay hidden. */
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top.header__top-menu,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top.header__top-countdown { display: block; height: 40px; overflow: hidden; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__menu--desktop { display: block; }
/* menu bars: the first group is the offer; the utility links (support, phone, sign in) stay in the menu drawer */
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__menu--top + .header__menu--top { display: none; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .container,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__wrapper--top,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__menu--top,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__menu-wrapper,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__menu-item { display: block; width: 100%; max-width: 100%; min-width: 0; height: 40px; padding: 0; margin: 0; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__menu-link,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__menu-offer > a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 16px !important; /* the top bar's own link rules zero it */
	font-size: 13px;
	line-height: 1.2;
}
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__menu-link-span,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .menu_link_span,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__menu-offer span {
	display: block;
	min-width: 0;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* countdown bars: the offer, then days and hours left. The bar's padding comes from the header's own style block, which
   HubSpot scopes with the module wrapper's ID, so the padding needs !important. Its .flex-wrap class sets wrap with
   !important inside the theme's base layer, which no unlayered rule can beat; a zero flex-basis on the offer keeps the
   timer on the same line anyway (lines break on the items' base sizes). */
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__countdown {
	align-items: center;
	gap: 10px;
	height: 40px;
	padding: 0 16px !important;
	margin: 0;
	font-size: 13px;
	line-height: 1.2;
}
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .offer-content { flex: 1 1 0%; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .offer-content * { white-space: nowrap; }
/* an offer written as a paragraph (ThriftCart): the paragraph is what overflows, so it carries the ellipsis */
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .offer-content > p,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .offer-content > div { display: block; margin: 0; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .hero-countdown-timer { flex: 0 0 auto; margin: 0; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .countdown-blocks { display: flex; gap: 6px; align-items: baseline; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .countdown-blocks > :nth-child(n+4),
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .countdown-separator,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .countdown-label { display: none; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .countdown-block { display: block; padding: 0; margin: 0; min-width: 0; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .countdown-value { font-size: 13px; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .countdown-value[data-unit='days']::after { content: 'd'; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .countdown-value[data-unit='hours']::after { content: 'h'; }
/* announcement bars already show on phones at their full height (two lines or more); this makes them the same one line.
   The scroll hide below covers them too. */
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top-announcement .header__menu-announcement {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 16px !important; /* the header's own style block sets it with the wrapper ID */
	overflow: hidden;
	font-size: 13px;
	line-height: 1.2;
}
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top-announcement .header__menu-announcement > * {
	display: block;
	min-width: 0;
	max-width: 100%;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top-announcement .header__menu-announcement > * * { font-size: inherit; line-height: inherit; white-space: nowrap; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top-announcement .header__menu-announcement > * ~ * { display: none; }

/* The page starts 40px lower while the offer shows, so the bar never covers more of the hero than the header does today.
   A spacer right after the header does it: the header is fixed with no top, so padding above it would move it too.
   No bar rendered (no offer set, or a "none" bar): no spacer. Browsers without :has() keep the spacer. */
.header__offer-spacer { display: none; }
.header__container[data-layout='mobile'][data-phone-offer='true'] + .header__offer-spacer { display: block; height: 40px; }
.header__container[data-layout='mobile'][data-phone-offer='true']:not(:has(.header__top-menu, .header__top-countdown, .header__top-announcement)) + .header__offer-spacer { display: none; }
/* Scrolling hides the bar, as on desktop. Restated because the show rule above outranks the header's own hide rule, and
   hidden out of flow instead of display:none: module.js re-measures the bar while scrolled (on open in Cigars, eTailPet,
   MusicShop360 and LikeSew; on resize in all seven) and subtracts it from the header height to place the menu drawer.
   A display:none bar measures 0, which opened the drawer 40px below the header (74px on eTailPet today). */
.header__container.header-scroll[data-layout='mobile'][data-phone-offer='true'] .header__top.header__top-menu,
.header__container.header-scroll[data-layout='mobile'][data-phone-offer='true'] .header__top.header__top-countdown,
.header__container.header-scroll[data-layout='mobile'][data-phone-offer='true'] .header__top.header__top-announcement { display: block; position: absolute; top: 0; left: 0; right: 0; visibility: hidden; pointer-events: none; }

/* Sticky button: Safari on iPhone floats its address bar over the bottom ~76px of the page, which hid most of the
   button (its bottom edge sat 52px under the bar at 382x678). iOS only; other browsers keep the 24px gap. */
@supports (-webkit-touch-callout: none) {
	/* 10/25 22:10, measured on the iPhone Duo: env(safe-area-inset-bottom) already includes Safari's floating toolbar (~104px full, ~82px collapsed), so the fixed 76px counted it twice and left ~112px of page between the button and the toolbar. Now the button sits 12px above the safe area: ~24px clear of the toolbar, and it follows the toolbar as it collapses. */
	.header__container[data-layout=mobile] .mobile-fixed-button { padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)); }
}

/* 10/25 22:35: the theme hides the sticky above 500px (@media (min-width: 501px) display:none), which left landscape phones, the
   unfolded iPhone Duo and tablets (501-991px, still the phone header) with no CTA at all. Show it across the whole phone header
   when it has a CTA; above 500px it is a centered button rather than a full-width bar. */
@media (min-width: 501px) {
	.header__container[data-layout=mobile] .mobile-fixed-button:has(a, button, form) { display: block; left: 50%; width: min(100%, 448px); transform: translateX(-50%); }
}

/* 10/25 22:45 (Miles): on short screens (phones in landscape, about 330-430px tall) the sticky took too much of the view.
   No sticky at 500px tall or less; portrait phones, the unfolded Duo and tablets keep it. */
@media (max-height: 500px) {
	.header__container[data-layout=mobile] .mobile-fixed-button { display: none !important; }
}
